Initial commit

node_modules/@fluentui/react-rating/lib-commonjs/components/Rating/Rating.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Rating", {
+    enumerable: true,
+    get: function() {
+        return Rating;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useRating = require("./useRating");
+const _renderRating = require("./renderRating");
+const _useRatingStylesstyles = require("./useRatingStyles.styles");
+const _useRatingContextValues = require("./useRatingContextValues");
+const Rating = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useRating.useRating_unstable)(props, ref);
+    const contextValues = (0, _useRatingContextValues.useRatingContextValues)(state);
+    (0, _useRatingStylesstyles.useRatingStyles_unstable)(state);
+    return (0, _renderRating.renderRating_unstable)(state, contextValues);
+});
+Rating.displayName = 'Rating';

node_modules/@fluentui/react-rating/lib-commonjs/components/Rating/Rating.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Rating/Rating.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useRating_unstable } from './useRating';\nimport { renderRating_unstable } from './renderRating';\nimport { useRatingStyles_unstable } from './useRatingStyles.styles';\nimport type { RatingProps } from './Rating.types';\nimport { useRatingContextValues } from './useRatingContextValues';\n\n/**\n * Rating is a wrapper for one or more rating items that will be used to set a rating value.\n */\nexport const Rating: ForwardRefComponent<RatingProps> = React.forwardRef((props, ref) => {\n  const state = useRating_unstable(props, ref);\n  const contextValues = useRatingContextValues(state);\n\n  useRatingStyles_unstable(state);\n  return renderRating_unstable(state, contextValues);\n});\n\nRating.displayName = 'Rating';\n"],"names":["Rating","React","forwardRef","props","ref","state","useRating_unstable","contextValues","useRatingContextValues","useRatingStyles_unstable","renderRating_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;2BAEY;8BACG;uCACG;wCAEF;AAKhC,MAAMA,SAAAA,WAAAA,GAA2CC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/E,MAAMC,QAAQC,IAAAA,6BAAAA,EAAmBH,OAAOC;IACxC,MAAMG,gBAAgBC,IAAAA,8CAAAA,EAAuBH;IAE7CI,IAAAA,+CAAAA,EAAyBJ;IACzB,OAAOK,IAAAA,mCAAAA,EAAsBL,OAAOE;AACtC;AAEAP,OAAOW,WAAW,GAAG"}

node_modules/@fluentui/react-rating/lib-commonjs/components/Rating/Rating.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

node_modules/@fluentui/react-rating/lib-commonjs/components/Rating/Rating.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Rating/Rating.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, EventData, EventHandler, Slot } from '@fluentui/react-utilities';\nimport { RatingItemContextValue } from '../RatingItem/RatingItem.types';\n\nexport type RatingSlots = {\n  root: NonNullable<Slot<'div'>>;\n};\n\n/**\n * Rating Props\n */\nexport type RatingProps = Omit<ComponentProps<Partial<RatingSlots>>, 'onChange'> & {\n  /**\n   * Controls the color of the Rating.\n   * @default neutral\n   */\n  color?: 'brand' | 'marigold' | 'neutral';\n  /**\n   * Default value of the Rating\n   */\n  defaultValue?: number;\n  /**\n   * The icon to display when the rating value is greater than or equal to the item's value.\n   */\n  iconFilled?: React.ElementType;\n  /**\n   * The icon to display when the rating value is less than the item's value.\n   */\n  iconOutline?: React.ElementType;\n  /**\n   * Prop to generate the aria-label for the rating inputs.\n   * @default (rating) =\\> `${rating}`\n   */\n  itemLabel?: (rating: number) => string;\n  /**\n   * The max value of the rating. This controls the number of rating items displayed.\n   * Must be a whole number greater than 1.\n   * @default 5\n   */\n  max?: number;\n  /**\n   * Name for the Radio inputs. If not provided, one will be automatically generated\n   */\n  name?: string;\n  /**\n   * Callback when the rating value is changed by the user.\n   */\n  onChange?: EventHandler<RatingOnChangeEventData>;\n  /**\n   * Sets the precision to allow half-filled shapes in Rating\n   * @default 1\n   */\n  step?: 0.5 | 1;\n  /**\n   * Sets the size of the Rating items.\n   * @default extra-large\n   */\n  size?: 'small' | 'medium' | 'large' | 'extra-large';\n  /**\n   * The value of the rating\n   */\n  value?: number;\n};\n\n/**\n * Data for the onChange event for Rating.\n */\nexport type RatingOnChangeEventData = EventData<'change', React.FormEvent<HTMLDivElement>> & {\n  /**\n   * The new value of the rating.\n   */\n  value: number;\n};\n\n/**\n * State used in rendering Rating\n */\nexport type RatingState = ComponentState<RatingSlots> &\n  Required<Pick<RatingProps, 'color' | 'iconFilled' | 'iconOutline' | 'name' | 'step' | 'size' | 'value'>> &\n  Pick<RatingProps, 'itemLabel'> & {\n    hoveredValue?: number | undefined;\n  };\n\nexport type RatingContextValues = {\n  ratingItem: RatingItemContextValue;\n};\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

node_modules/@fluentui/react-rating/lib-commonjs/components/Rating/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Rating: function() {
+        return _Rating.Rating;
+    },
+    ratingClassNames: function() {
+        return _useRatingStylesstyles.ratingClassNames;
+    },
+    renderRating_unstable: function() {
+        return _renderRating.renderRating_unstable;
+    },
+    useRatingContextValues: function() {
+        return _useRatingContextValues.useRatingContextValues;
+    },
+    useRatingStyles_unstable: function() {
+        return _useRatingStylesstyles.useRatingStyles_unstable;
+    },
+    useRating_unstable: function() {
+        return _useRating.useRating_unstable;
+    }
+});
+const _Rating = require("./Rating");
+const _renderRating = require("./renderRating");
+const _useRating = require("./useRating");
+const _useRatingStylesstyles = require("./useRatingStyles.styles");
+const _useRatingContextValues = require("./useRatingContextValues");

node_modules/@fluentui/react-rating/lib-commonjs/components/Rating/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Rating/index.ts"],"sourcesContent":["export { Rating } from './Rating';\nexport type {\n  RatingContextValues,\n  RatingOnChangeEventData,\n  RatingProps,\n  RatingSlots,\n  RatingState,\n} from './Rating.types';\nexport { renderRating_unstable } from './renderRating';\nexport { useRating_unstable } from './useRating';\nexport { ratingClassNames, useRatingStyles_unstable } from './useRatingStyles.styles';\nexport { useRatingContextValues } from './useRatingContextValues';\n"],"names":["Rating","ratingClassNames","renderRating_unstable","useRatingContextValues","useRatingStyles_unstable","useRating_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,MAAM;eAANA,cAAM;;IAUNC,gBAAgB;eAAhBA,uCAAgB;;IAFhBC,qBAAqB;eAArBA,mCAAqB;;IAGrBC,sBAAsB;eAAtBA,8CAAsB;;IADJC,wBAAwB;eAAxBA,+CAAwB;;IAD1CC,kBAAkB;eAAlBA,6BAAkB;;;wBATJ;8BAQe;2BACH;uCACwB;wCACpB"}

node_modules/@fluentui/react-rating/lib-commonjs/components/Rating/renderRating.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderRating_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderRating_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _RatingItemContext = require("../../contexts/RatingItemContext");
+const renderRating_unstable = (state, contextValues)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RatingItemContext.RatingItemProvider, {
+        value: contextValues.ratingItem,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
+    });
+};

node_modules/@fluentui/react-rating/lib-commonjs/components/Rating/renderRating.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Rating/renderRating.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { RatingState, RatingSlots, RatingContextValues } from './Rating.types';\nimport { RatingItemProvider } from '../../contexts/RatingItemContext';\n\n/**\n * Render the final JSX of Rating\n */\nexport const renderRating_unstable = (state: RatingState, contextValues: RatingContextValues) => {\n  assertSlots<RatingSlots>(state);\n\n  return (\n    <RatingItemProvider value={contextValues.ratingItem}>\n      <state.root />\n    </RatingItemProvider>\n  );\n};\n"],"names":["renderRating_unstable","state","contextValues","assertSlots","_jsx","RatingItemProvider","value","ratingItem","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;mCAEO;AAK5B,MAAMA,wBAAwB,CAACC,OAAoBC;IACxDC,IAAAA,2BAAAA,EAAyBF;IAEzB,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,qCAAAA,EAAAA;QAAmBC,OAAOJ,cAAcK,UAAU;kBACjD,WAAA,GAAAH,IAAAA,eAAA,EAACH,MAAMO,IAAI,EAAA,CAAA;;AAGjB"}

node_modules/@fluentui/react-rating/lib-commonjs/components/Rating/useRating.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useRating_unstable", {
+    enumerable: true,
+    get: function() {
+        return useRating_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _RatingItem = require("../../RatingItem");
+const _reacticons = require("@fluentui/react-icons");
+const useRating_unstable = (props, ref)=>{
+    const generatedName = (0, _reactutilities.useId)('rating-');
+    const { color = 'neutral', iconFilled = _reacticons.StarFilled, iconOutline = _reacticons.StarRegular, max = 5, name = generatedName, onChange, step = 1, size = 'extra-large', itemLabel } = props;
+    const [value, setValue] = (0, _reactutilities.useControllableState)({
+        state: props.value,
+        defaultState: props.defaultValue,
+        initialState: 0
+    });
+    const isRatingRadioItem = (target)=>(0, _reactutilities.isHTMLElement)(target, {
+            constructorName: 'HTMLInputElement'
+        }) && target.type === 'radio' && target.name === name;
+    const [hoveredValue, setHoveredValue] = _react.useState(undefined);
+    // Generate the child RatingItems and memoize them to prevent unnecessary re-rendering
+    const rootChildren = _react.useMemo(()=>{
+        return Array.from(Array(max), (_, i)=>/*#__PURE__*/ _react.createElement(_RatingItem.RatingItem, {
+                value: i + 1,
+                key: i + 1
+            }));
+    }, [
+        max
+    ]);
+    const state = {
+        color,
+        iconFilled,
+        iconOutline,
+        name,
+        step,
+        size,
+        itemLabel,
+        value,
+        hoveredValue,
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            children: rootChildren,
+            role: 'radiogroup',
+            ...props
+        }, [
+            'onChange'
+        ]), {
+            elementType: 'div'
+        })
+    };
+    state.root.onChange = (ev)=>{
+        if (isRatingRadioItem(ev.target)) {
+            const newValue = parseFloat(ev.target.value);
+            if (!isNaN(newValue)) {
+                setValue(newValue);
+                onChange === null || onChange === void 0 ? void 0 : onChange(ev, {
+                    type: 'change',
+                    event: ev,
+                    value: newValue
+                });
+            }
+        }
+    };
+    state.root.onMouseOver = (0, _reactutilities.mergeCallbacks)(props.onMouseOver, (ev)=>{
+        if (isRatingRadioItem(ev.target)) {
+            const newValue = parseFloat(ev.target.value);
+            if (!isNaN(newValue)) {
+                setHoveredValue(newValue);
+            }
+        }
+    });
+    state.root.onMouseLeave = (0, _reactutilities.mergeCallbacks)(props.onMouseLeave, (ev)=>{
+        setHoveredValue(undefined);
+    });
+    return state;
+};

node_modules/@fluentui/react-rating/lib-commonjs/components/Rating/useRatingContextValues.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useRatingContextValues", {
+    enumerable: true,
+    get: function() {
+        return useRatingContextValues;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const useRatingContextValues = (ratingState)=>{
+    const { color, hoveredValue, iconFilled, iconOutline, itemLabel, name, step, size, value } = ratingState;
+    const ratingItem = _react.useMemo(()=>({
+            color,
+            hoveredValue,
+            iconFilled,
+            iconOutline,
+            interactive: true,
+            itemLabel,
+            name,
+            step,
+            size,
+            value
+        }), [
+        color,
+        hoveredValue,
+        iconFilled,
+        iconOutline,
+        itemLabel,
+        name,
+        step,
+        size,
+        value
+    ]);
+    return {
+        ratingItem
+    };
+};

node_modules/@fluentui/react-rating/lib-commonjs/components/Rating/useRatingContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Rating/useRatingContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport { RatingContextValues, RatingState } from './Rating.types';\nimport { RatingItemContextValue } from '../RatingItem/RatingItem.types';\n\nexport const useRatingContextValues = (ratingState: RatingState): RatingContextValues => {\n  const { color, hoveredValue, iconFilled, iconOutline, itemLabel, name, step, size, value } = ratingState;\n\n  const ratingItem = React.useMemo<RatingItemContextValue>(\n    () => ({\n      color,\n      hoveredValue,\n      iconFilled,\n      iconOutline,\n      interactive: true,\n      itemLabel,\n      name,\n      step,\n      size,\n      value,\n    }),\n    [color, hoveredValue, iconFilled, iconOutline, itemLabel, name, step, size, value],\n  );\n\n  return { ratingItem };\n};\n"],"names":["useRatingContextValues","ratingState","color","hoveredValue","iconFilled","iconOutline","itemLabel","name","step","size","value","ratingItem","React","useMemo","interactive"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;;iEAJU;AAIhB,MAAMA,yBAAyB,CAACC;IACrC,MAAM,EAAEC,KAAK,EAAEC,YAAY,EAAEC,UAAU,EAAEC,WAAW,EAAEC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGT;IAE7F,MAAMU,aAAaC,OAAMC,OAAO,CAC9B,IAAO,CAAA;YACLX;YACAC;YACAC;YACAC;YACAS,aAAa;YACbR;YACAC;YACAC;YACAC;YACAC;QACF,CAAA,GACA;QAACR;QAAOC;QAAcC;QAAYC;QAAaC;QAAWC;QAAMC;QAAMC;QAAMC;KAAM;IAGpF,OAAO;QAAEC;IAAW;AACtB"}

node_modules/@fluentui/react-rating/lib-commonjs/components/Rating/useRatingStyles.styles.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ratingClassNames: function() {
+        return ratingClassNames;
+    },
+    useRatingStyles_unstable: function() {
+        return useRatingStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const ratingClassNames = {
+    root: 'fui-Rating'
+};
+/**
+ * Styles for the root slot
+ */ const useRootClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r2imjyh", null, [
+    ".r2imjyh{display:flex;flex-wrap:wrap;}"
+]);
+const useRatingStyles_unstable = (state)=>{
+    'use no memo';
+    const rootClassName = useRootClassName();
+    state.root.className = (0, _react.mergeClasses)(ratingClassNames.root, rootClassName, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-rating/lib-commonjs/components/Rating/useRatingStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useRatingStyles.styles.js"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@griffel/react';\nexport const ratingClassNames = {\n    root: 'fui-Rating'\n};\n/**\n * Styles for the root slot\n */ const useRootClassName = makeResetStyles({\n    display: 'flex',\n    flexWrap: 'wrap'\n});\n/**\n * Apply styling to the Rating slots based on the state\n */ export const useRatingStyles_unstable = (state)=>{\n    'use no memo';\n    const rootClassName = useRootClassName();\n    state.root.className = mergeClasses(ratingClassNames.root, rootClassName, state.root.className);\n    return state;\n};\n"],"names":["ratingClassNames","useRatingStyles_unstable","root","useRootClassName","__resetStyles","state","rootClassName","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,gBAAgB;eAAhBA;;IAWIC,wBAAwB;eAAxBA;;;uBAZ6B;AACvC,MAAMD,mBAAmB;IAC5BE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,mBAAgB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,WAAA,MAAA;IAAA;CAG5B;AAGU,MAAMH,2BAA4BI,CAAAA;IACzC;IACA,MAAMC,gBAAgBH;IACtBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,iBAAiBE,IAAI,EAAEI,eAAeD,MAAMH,IAAI,CAACK,SAAS;IAC9F,OAAOF;AACX"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/RatingDisplay.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RatingDisplay", {
+    enumerable: true,
+    get: function() {
+        return RatingDisplay;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useRatingDisplay = require("./useRatingDisplay");
+const _renderRatingDisplay = require("./renderRatingDisplay");
+const _useRatingDisplayStylesstyles = require("./useRatingDisplayStyles.styles");
+const _useRatingDisplayContextValues = require("./useRatingDisplayContextValues");
+const RatingDisplay = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useRatingDisplay.useRatingDisplay_unstable)(props, ref);
+    const contextValues = (0, _useRatingDisplayContextValues.useRatingDisplayContextValues)(state);
+    (0, _useRatingDisplayStylesstyles.useRatingDisplayStyles_unstable)(state);
+    return (0, _renderRatingDisplay.renderRatingDisplay_unstable)(state, contextValues);
+});
+RatingDisplay.displayName = 'RatingDisplay';

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/RatingDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingDisplay/RatingDisplay.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useRatingDisplay_unstable } from './useRatingDisplay';\nimport { renderRatingDisplay_unstable } from './renderRatingDisplay';\nimport { useRatingDisplayStyles_unstable } from './useRatingDisplayStyles.styles';\nimport type { RatingDisplayProps } from './RatingDisplay.types';\nimport { useRatingDisplayContextValues } from './useRatingDisplayContextValues';\n\n/**\n * RatingDisplay is a wrapper for one or more rating items that will be used to display a rating value\n * as well as the label for the rating.\n */\nexport const RatingDisplay: ForwardRefComponent<RatingDisplayProps> = React.forwardRef((props, ref) => {\n  const state = useRatingDisplay_unstable(props, ref);\n  const contextValues = useRatingDisplayContextValues(state);\n\n  useRatingDisplayStyles_unstable(state);\n  return renderRatingDisplay_unstable(state, contextValues);\n});\n\nRatingDisplay.displayName = 'RatingDisplay';\n"],"names":["RatingDisplay","React","forwardRef","props","ref","state","useRatingDisplay_unstable","contextValues","useRatingDisplayContextValues","useRatingDisplayStyles_unstable","renderRatingDisplay_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;kCAEmB;qCACG;8CACG;+CAEF;AAMvC,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAC/C,MAAMG,gBAAgBC,IAAAA,4DAAAA,EAA8BH;IAEpDI,IAAAA,6DAAAA,EAAgCJ;IAChC,OAAOK,IAAAA,iDAAAA,EAA6BL,OAAOE;AAC7C;AAEAP,cAAcW,WAAW,GAAG"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/RatingDisplay.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/RatingDisplay.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingDisplay/RatingDisplay.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { RatingItemContextValue } from '../RatingItem/RatingItem.types';\n\nexport type RatingDisplaySlots = {\n  root: NonNullable<Slot<'div'>>;\n  valueText?: Slot<'span'>;\n  countText?: Slot<'span'>;\n};\n\n/**\n * RatingDisplay Props\n */\nexport type RatingDisplayProps = ComponentProps<RatingDisplaySlots> & {\n  /**\n   * Color of the rating items (stars).\n   * @default neutral\n   */\n  color?: 'brand' | 'marigold' | 'neutral';\n  /**\n   * Renders a single filled star, with the value written next to it.\n   * @default false\n   */\n  compact?: boolean;\n  /**\n   * The number of ratings represented by the rating value.\n   * This will be formatted with a thousands separator (if applicable) and displayed next to the value.\n   */\n  count?: number;\n  /**\n   * The icon used for rating items.\n   * @default StarFilled\n   */\n  icon?: React.ElementType;\n  /**\n   * The max value of the rating. This controls the number of rating items displayed.\n   * Must be a whole number greater than 1.\n   * @default 5\n   */\n  max?: number;\n  /**\n   * Sets the size of the RatingDisplay items.\n   * @default medium\n   */\n  size?: 'small' | 'medium' | 'large' | 'extra-large';\n  /**\n   * The value of the rating\n   */\n  value?: number;\n};\n\n/**\n * State used in rendering RatingDisplay\n */\nexport type RatingDisplayState = ComponentState<RatingDisplaySlots> &\n  Required<Pick<RatingDisplayProps, 'color' | 'compact' | 'icon' | 'max' | 'size'>> &\n  Pick<RatingDisplayProps, 'value'>;\n\nexport type RatingDisplayContextValues = { ratingItem: RatingItemContextValue };\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    RatingDisplay: function() {
+        return _RatingDisplay.RatingDisplay;
+    },
+    ratingDisplayClassNames: function() {
+        return _useRatingDisplayStylesstyles.ratingDisplayClassNames;
+    },
+    renderRatingDisplay_unstable: function() {
+        return _renderRatingDisplay.renderRatingDisplay_unstable;
+    },
+    useRatingDisplayContextValues: function() {
+        return _useRatingDisplayContextValues.useRatingDisplayContextValues;
+    },
+    useRatingDisplayStyles_unstable: function() {
+        return _useRatingDisplayStylesstyles.useRatingDisplayStyles_unstable;
+    },
+    useRatingDisplay_unstable: function() {
+        return _useRatingDisplay.useRatingDisplay_unstable;
+    }
+});
+const _RatingDisplay = require("./RatingDisplay");
+const _renderRatingDisplay = require("./renderRatingDisplay");
+const _useRatingDisplay = require("./useRatingDisplay");
+const _useRatingDisplayStylesstyles = require("./useRatingDisplayStyles.styles");
+const _useRatingDisplayContextValues = require("./useRatingDisplayContextValues");

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingDisplay/index.ts"],"sourcesContent":["export { RatingDisplay } from './RatingDisplay';\nexport type {\n  RatingDisplayContextValues,\n  RatingDisplayProps,\n  RatingDisplaySlots,\n  RatingDisplayState,\n} from './RatingDisplay.types';\nexport { renderRatingDisplay_unstable } from './renderRatingDisplay';\nexport { useRatingDisplay_unstable } from './useRatingDisplay';\nexport { ratingDisplayClassNames, useRatingDisplayStyles_unstable } from './useRatingDisplayStyles.styles';\nexport { useRatingDisplayContextValues } from './useRatingDisplayContextValues';\n"],"names":["RatingDisplay","ratingDisplayClassNames","renderRatingDisplay_unstable","useRatingDisplayContextValues","useRatingDisplayStyles_unstable","useRatingDisplay_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,aAAa;eAAbA,4BAAa;;IASbC,uBAAuB;eAAvBA,qDAAuB;;IAFvBC,4BAA4B;eAA5BA,iDAA4B;;IAG5BC,6BAA6B;eAA7BA,4DAA6B;;IADJC,+BAA+B;eAA/BA,6DAA+B;;IADxDC,yBAAyB;eAAzBA,2CAAyB;;;+BARJ;qCAOe;kCACH;8CAC+B;+CAC3B"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/renderRatingDisplay.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderRatingDisplay_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderRatingDisplay_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _RatingItemContext = require("../../contexts/RatingItemContext");
+const renderRatingDisplay_unstable = (state, contextValues)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RatingItemContext.RatingItemProvider, {
+        value: contextValues.ratingItem,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+            children: [
+                state.root.children,
+                state.valueText && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.valueText, {}),
+                state.countText && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.countText, {})
+            ]
+        })
+    });
+};

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/renderRatingDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingDisplay/renderRatingDisplay.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { RatingDisplayState, RatingDisplaySlots, RatingDisplayContextValues } from './RatingDisplay.types';\nimport { RatingItemProvider } from '../../contexts/RatingItemContext';\n\n/**\n * Render the final JSX of RatingDisplay\n */\nexport const renderRatingDisplay_unstable = (state: RatingDisplayState, contextValues: RatingDisplayContextValues) => {\n  assertSlots<RatingDisplaySlots>(state);\n\n  return (\n    <RatingItemProvider value={contextValues.ratingItem}>\n      <state.root>\n        {state.root.children}\n        {state.valueText && <state.valueText />}\n        {state.countText && <state.countText />}\n      </state.root>\n    </RatingItemProvider>\n  );\n};\n"],"names":["renderRatingDisplay_unstable","state","contextValues","assertSlots","_jsx","RatingItemProvider","value","ratingItem","_jsxs","root","children","valueText","countText"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;mCAEO;AAK5B,MAAMA,+BAA+B,CAACC,OAA2BC;IACtEC,IAAAA,2BAAAA,EAAgCF;IAEhC,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,qCAAAA,EAAAA;QAAmBC,OAAOJ,cAAcK,UAAU;kBACjD,WAAA,GAAAC,IAAAA,gBAAA,EAACP,MAAMQ,IAAI,EAAA;;gBACRR,MAAMQ,IAAI,CAACC,QAAQ;gBACnBT,MAAMU,SAAS,IAAA,WAAA,GAAIP,IAAAA,eAAA,EAACH,MAAMU,SAAS,EAAA,CAAA;gBACnCV,MAAMW,SAAS,IAAA,WAAA,GAAIR,IAAAA,eAAA,EAACH,MAAMW,SAAS,EAAA,CAAA;;;;AAI5C"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/useRatingDisplay.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useRatingDisplay_unstable", {
+    enumerable: true,
+    get: function() {
+        return useRatingDisplay_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reacticons = require("@fluentui/react-icons");
+const _RatingItem = require("../RatingItem/RatingItem");
+const useRatingDisplay_unstable = (props, ref)=>{
+    const { color = 'neutral', count, compact = false, icon = _reacticons.StarFilled, max = 5, size = 'medium', value } = props;
+    const valueTextId = (0, _reactutilities.useId)('rating-value-');
+    const countTextId = (0, _reactutilities.useId)('rating-count-');
+    // Generate the child RatingItems and memoize them to prevent unnecessary re-rendering
+    const rootChildren = _react.useMemo(()=>{
+        return compact ? /*#__PURE__*/ _react.createElement(_RatingItem.RatingItem, {
+            value: 1,
+            key: 1,
+            "aria-hidden": true
+        }) : Array.from(Array(max), (_, i)=>/*#__PURE__*/ _react.createElement(_RatingItem.RatingItem, {
+                value: i + 1,
+                key: i + 1,
+                "aria-hidden": true
+            }));
+    }, [
+        compact,
+        max
+    ]);
+    const state = {
+        color,
+        compact,
+        icon,
+        max,
+        size,
+        value,
+        components: {
+            root: 'div',
+            valueText: 'span',
+            countText: 'span'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            children: rootChildren,
+            role: 'img',
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        valueText: _reactutilities.slot.optional(props.valueText, {
+            renderByDefault: value !== undefined,
+            defaultProps: {
+                children: value,
+                id: valueTextId,
+                'aria-hidden': true
+            },
+            elementType: 'span'
+        }),
+        countText: _reactutilities.slot.optional(props.countText, {
+            renderByDefault: count !== undefined,
+            defaultProps: {
+                children: count === null || count === void 0 ? void 0 : count.toLocaleString(),
+                id: countTextId,
+                'aria-hidden': true
+            },
+            elementType: 'span'
+        })
+    };
+    if (!state.root['aria-label'] && !state.root['aria-labelledby']) {
+        var _state_valueText, _state_countText;
+        state.root['aria-labelledby'] = [
+            (_state_valueText = state.valueText) === null || _state_valueText === void 0 ? void 0 : _state_valueText.id,
+            (_state_countText = state.countText) === null || _state_countText === void 0 ? void 0 : _state_countText.id
+        ].filter(Boolean).join(' ');
+    }
+    return state;
+};

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/useRatingDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingDisplay/useRatingDisplay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useId } from '@fluentui/react-utilities';\nimport type { RatingDisplayProps, RatingDisplayState } from './RatingDisplay.types';\nimport { StarFilled } from '@fluentui/react-icons';\nimport { RatingItem } from '../RatingItem/RatingItem';\n\n/**\n * Create the state required to render RatingDisplay.\n *\n * The returned state can be modified with hooks such as useRatingDisplayStyles_unstable,\n * before being passed to renderRatingDisplay_unstable.\n *\n * @param props - props from this instance of RatingDisplay\n * @param ref - reference to root HTMLDivElement of RatingDisplay\n */\nexport const useRatingDisplay_unstable = (\n  props: RatingDisplayProps,\n  ref: React.Ref<HTMLDivElement>,\n): RatingDisplayState => {\n  const { color = 'neutral', count, compact = false, icon = StarFilled, max = 5, size = 'medium', value } = props;\n\n  const valueTextId = useId('rating-value-');\n  const countTextId = useId('rating-count-');\n\n  // Generate the child RatingItems and memoize them to prevent unnecessary re-rendering\n  const rootChildren = React.useMemo(() => {\n    return compact ? (\n      <RatingItem value={1} key={1} aria-hidden={true} />\n    ) : (\n      Array.from(Array(max), (_, i) => <RatingItem value={i + 1} key={i + 1} aria-hidden={true} />)\n    );\n  }, [compact, max]);\n\n  const state: RatingDisplayState = {\n    color,\n    compact,\n    icon,\n    max,\n    size,\n    value,\n    components: {\n      root: 'div',\n      valueText: 'span',\n      countText: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        children: rootChildren,\n        role: 'img',\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    valueText: slot.optional(props.valueText, {\n      renderByDefault: value !== undefined,\n      defaultProps: { children: value, id: valueTextId, 'aria-hidden': true },\n      elementType: 'span',\n    }),\n    countText: slot.optional(props.countText, {\n      renderByDefault: count !== undefined,\n      defaultProps: { children: count?.toLocaleString(), id: countTextId, 'aria-hidden': true },\n      elementType: 'span',\n    }),\n  };\n  if (!state.root['aria-label'] && !state.root['aria-labelledby']) {\n    state.root['aria-labelledby'] = [state.valueText?.id, state.countText?.id].filter(Boolean).join(' ');\n  }\n  return state;\n};\n"],"names":["useRatingDisplay_unstable","props","ref","color","count","compact","icon","StarFilled","max","size","value","valueTextId","useId","countTextId","rootChildren","React","useMemo","createElement","RatingItem","key","aria-hidden","Array","from","_","i","state","components","root","valueText","countText","slot","always","getIntrinsicElementProps","children","role","elementType","optional","renderByDefault","undefined","defaultProps","id","toLocaleString","filter","Boolean","join"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;iEAfU;gCAC+B;4BAE3B;4BACA;AAWpB,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,QAAQ,SAAS,EAAEC,KAAK,EAAEC,UAAU,KAAK,EAAEC,OAAOC,sBAAU,EAAEC,MAAM,CAAC,EAAEC,OAAO,QAAQ,EAAEC,KAAK,EAAE,GAAGT;IAE1G,MAAMU,cAAcC,IAAAA,qBAAAA,EAAM;IAC1B,MAAMC,cAAcD,IAAAA,qBAAAA,EAAM;IAE1B,sFAAsF;IACtF,MAAME,eAAeC,OAAMC,OAAO,CAAC;QACjC,OAAOX,UAAAA,WAAAA,GACLU,OAAAE,aAAA,CAACC,sBAAAA,EAAAA;YAAWR,OAAO;YAAGS,KAAK;YAAGC,eAAa;aAE3CC,MAAMC,IAAI,CAACD,MAAMb,MAAM,CAACe,GAAGC,IAAAA,WAAAA,GAAMT,OAAAE,aAAA,CAACC,sBAAAA,EAAAA;gBAAWR,OAAOc,IAAI;gBAAGL,KAAKK,IAAI;gBAAGJ,eAAa;;IAExF,GAAG;QAACf;QAASG;KAAI;IAEjB,MAAMiB,QAA4B;QAChCtB;QACAE;QACAC;QACAE;QACAC;QACAC;QACAgB,YAAY;YACVC,MAAM;YACNC,WAAW;YACXC,WAAW;QACb;QACAF,MAAMG,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B9B;YACA+B,UAAUnB;YACVoB,MAAM;YACN,GAAGjC,KAAK;QACV,IACA;YAAEkC,aAAa;QAAM;QAEvBP,WAAWE,oBAAAA,CAAKM,QAAQ,CAACnC,MAAM2B,SAAS,EAAE;YACxCS,iBAAiB3B,UAAU4B;YAC3BC,cAAc;gBAAEN,UAAUvB;gBAAO8B,IAAI7B;gBAAa,eAAe;YAAK;YACtEwB,aAAa;QACf;QACAN,WAAWC,oBAAAA,CAAKM,QAAQ,CAACnC,MAAM4B,SAAS,EAAE;YACxCQ,iBAAiBjC,UAAUkC;YAC3BC,cAAc;gBAAEN,UAAU7B,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,MAAOqC,cAAc;gBAAID,IAAI3B;gBAAa,eAAe;YAAK;YACxFsB,aAAa;QACf;IACF;IACA,IAAI,CAACV,MAAME,IAAI,CAAC,aAAa,IAAI,CAACF,MAAME,IAAI,CAAC,kBAAkB,EAAE;YAC9BF,kBAAqBA;QAAtDA,MAAME,IAAI,CAAC,kBAAkB,GAAG;YAACF,CAAAA,mBAAAA,MAAMG,SAAS,AAATA,MAAS,QAAfH,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAiBe,EAAE;YAAEf,CAAAA,mBAAAA,MAAMI,SAAS,AAATA,MAAS,QAAfJ,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAiBe,EAAE;SAAC,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;IAClG;IACA,OAAOnB;AACT"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/useRatingDisplayContextValues.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useRatingDisplayContextValues", {
+    enumerable: true,
+    get: function() {
+        return useRatingDisplayContextValues;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const useRatingDisplayContextValues = (state)=>{
+    const { color, compact, icon, size, value } = state;
+    const ratingItem = _react.useMemo(()=>({
+            color,
+            compact,
+            iconFilled: icon,
+            iconOutline: icon,
+            interactive: false,
+            step: 0.5,
+            size,
+            value
+        }), [
+        color,
+        compact,
+        icon,
+        size,
+        value
+    ]);
+    return {
+        ratingItem
+    };
+};

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/useRatingDisplayContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingDisplay/useRatingDisplayContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport { RatingDisplayContextValues, RatingDisplayState } from './RatingDisplay.types';\nimport { RatingItemContextValue } from '../RatingItem/RatingItem.types';\n\nexport const useRatingDisplayContextValues = (state: RatingDisplayState): RatingDisplayContextValues => {\n  const { color, compact, icon, size, value } = state;\n\n  const ratingItem = React.useMemo<RatingItemContextValue>(\n    () => ({\n      color,\n      compact,\n      iconFilled: icon,\n      iconOutline: icon,\n      interactive: false,\n      step: 0.5,\n      size,\n      value,\n    }),\n    [color, compact, icon, size, value],\n  );\n\n  return { ratingItem };\n};\n"],"names":["useRatingDisplayContextValues","state","color","compact","icon","size","value","ratingItem","React","useMemo","iconFilled","iconOutline","interactive","step"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;;iEAJU;AAIhB,MAAMA,gCAAgC,CAACC;IAC5C,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGL;IAE9C,MAAMM,aAAaC,OAAMC,OAAO,CAC9B,IAAO,CAAA;YACLP;YACAC;YACAO,YAAYN;YACZO,aAAaP;YACbQ,aAAa;YACbC,MAAM;YACNR;YACAC;QACF,CAAA,GACA;QAACJ;QAAOC;QAASC;QAAMC;QAAMC;KAAM;IAGrC,OAAO;QAAEC;IAAW;AACtB"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/useRatingDisplayStyles.styles.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ratingDisplayClassNames: function() {
+        return ratingDisplayClassNames;
+    },
+    useRatingDisplayStyles_unstable: function() {
+        return useRatingDisplayStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const ratingDisplayClassNames = {
+    root: 'fui-RatingDisplay',
+    valueText: 'fui-RatingDisplay__valueText',
+    countText: 'fui-RatingDisplay__countText'
+};
+/**
+ * Styles for the root slot
+ */ const useRootClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rxxdqwu", null, [
+    ".rxxdqwu{display:flex;flex-wrap:wrap;align-items:center;}"
+]);
+const useLabelClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rkwnos5", "rwei36a", [
+    ".rkwnos5{color:var(--colorNeutralForeground1);margin-left:var(--spacingHorizontalXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}",
+    ".rwei36a{color:var(--colorNeutralForeground1);margin-right:var(--spacingHorizontalXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"
+]);
+const useLabelStyles = /*#__PURE__*/ (0, _react.__styles)({
+    large: {
+        Be2twd7: "fkhj508",
+        Bg96gwp: "f1i3iumi",
+        Frg6f3: [
+            "f1t5qyk5",
+            "f1ikr372"
+        ]
+    },
+    extraLarge: {
+        Be2twd7: "fod5ikn",
+        Bg96gwp: "faaz57k",
+        Frg6f3: [
+            "foyynoy",
+            "f1vcna3q"
+        ]
+    },
+    strong: {
+        Bhrd7zp: "fl43uef"
+    },
+    divider: {
+        Ftih45: "f169p45e"
+    }
+}, {
+    d: [
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        ".f1t5qyk5{margin-left:var(--spacingHorizontalSNudge);}",
+        ".f1ikr372{margin-right:var(--spacingHorizontalSNudge);}",
+        ".fod5ikn{font-size:var(--fontSizeBase400);}",
+        ".faaz57k{line-height:var(--lineHeightBase400);}",
+        ".foyynoy{margin-left:var(--spacingHorizontalS);}",
+        ".f1vcna3q{margin-right:var(--spacingHorizontalS);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".f169p45e::before{content:\"\xB7 \";}"
+    ]
+});
+const useRatingDisplayStyles_unstable = (state)=>{
+    'use no memo';
+    const { size } = state;
+    const rootClassName = useRootClassName();
+    state.root.className = (0, _react.mergeClasses)(ratingDisplayClassNames.root, rootClassName, state.root.className);
+    const labelClassName = useLabelClassName();
+    const labelStyles = useLabelStyles();
+    if (state.valueText) {
+        state.valueText.className = (0, _react.mergeClasses)(ratingDisplayClassNames.valueText, labelClassName, labelStyles.strong, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText.className);
+    }
+    if (state.countText) {
+        state.countText.className = (0, _react.mergeClasses)(ratingDisplayClassNames.countText, labelClassName, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText && labelStyles.divider, state.countText.className);
+    }
+    return state;
+};

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/useRatingDisplayStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useRatingDisplayStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const ratingDisplayClassNames = {\n    root: 'fui-RatingDisplay',\n    valueText: 'fui-RatingDisplay__valueText',\n    countText: 'fui-RatingDisplay__countText'\n};\n/**\n * Styles for the root slot\n */ const useRootClassName = makeResetStyles({\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center'\n});\nconst useLabelClassName = makeResetStyles({\n    color: tokens.colorNeutralForeground1,\n    marginLeft: tokens.spacingHorizontalXS,\n    ...typographyStyles.caption1\n});\nconst useLabelStyles = makeStyles({\n    large: {\n        fontSize: tokens.fontSizeBase300,\n        lineHeight: tokens.lineHeightBase300,\n        marginLeft: tokens.spacingHorizontalSNudge\n    },\n    extraLarge: {\n        fontSize: tokens.fontSizeBase400,\n        lineHeight: tokens.lineHeightBase400,\n        marginLeft: tokens.spacingHorizontalS\n    },\n    strong: {\n        fontWeight: tokens.fontWeightSemibold\n    },\n    divider: {\n        '::before': {\n            content: '\"· \"'\n        }\n    }\n});\n/**\n * Apply styling to the RatingDisplay slots based on the state\n */ export const useRatingDisplayStyles_unstable = (state)=>{\n    'use no memo';\n    const { size } = state;\n    const rootClassName = useRootClassName();\n    state.root.className = mergeClasses(ratingDisplayClassNames.root, rootClassName, state.root.className);\n    const labelClassName = useLabelClassName();\n    const labelStyles = useLabelStyles();\n    if (state.valueText) {\n        state.valueText.className = mergeClasses(ratingDisplayClassNames.valueText, labelClassName, labelStyles.strong, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText.className);\n    }\n    if (state.countText) {\n        state.countText.className = mergeClasses(ratingDisplayClassNames.countText, labelClassName, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText && labelStyles.divider, state.countText.className);\n    }\n    return state;\n};\n"],"names":["ratingDisplayClassNames","useRatingDisplayStyles_unstable","root","valueText","countText","useRootClassName","__resetStyles","useLabelClassName","useLabelStyles","__styles","large","Be2twd7","Bg96gwp","Frg6f3","extraLarge","strong","Bhrd7zp","divider","Ftih45","d","state","size","rootClassName","className","mergeClasses","labelClassName","labelStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,uBAAuB;eAAvBA;;IAuCIC,+BAA+B;eAA/BA;;;uBAzCyC;AAEnD,MAAMD,0BAA0B;IACnCE,MAAM;IACNC,WAAW;IACXC,WAAW;AACf;AACA;;CAEA,GAAI,MAAMC,mBAAgB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,WAAA,MAAA;IAAA;CAI5B;AACD,MAAMC,oBAAiB,WAAA,GAAGD,IAAAA,oBAAA,EAAA,WAAA,WAAA;IAAA;IAAA;CAIzB;AACD,MAAME,iBAAc,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,OAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,YAAA;QAAAH,SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAE,QAAA;QAAAC,SAAA;IAAA;IAAAC,SAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAsBZ,MAAMlB,kCAAmCmB,CAAAA;IAChD;IACA,MAAM,EAAEC,IAAAA,EAAM,GAAGD;IACjB,MAAME,gBAAgBjB;IACtBe,MAAMlB,IAAI,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,wBAAwBE,IAAI,EAAEoB,eAAeF,MAAMlB,IAAI,CAACqB,SAAS;IACrG,MAAME,iBAAiBlB;IACvB,MAAMmB,cAAclB;IACpB,IAAIY,MAAMjB,SAAS,EAAE;QACjBiB,MAAMjB,SAAS,CAACoB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,wBAAwBG,SAAS,EAAEsB,gBAAgBC,YAAYX,MAAM,EAAEM,SAAS,WAAWK,YAAYhB,KAAK,EAAEW,SAAS,iBAAiBK,YAAYZ,UAAU,EAAEM,MAAMjB,SAAS,CAACoB,SAAS;IACtO;IACA,IAAIH,MAAMhB,SAAS,EAAE;QACjBgB,MAAMhB,SAAS,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,wBAAwBI,SAAS,EAAEqB,gBAAgBJ,SAAS,WAAWK,YAAYhB,KAAK,EAAEW,SAAS,iBAAiBK,YAAYZ,UAAU,EAAEM,MAAMjB,SAAS,IAAIuB,YAAYT,OAAO,EAAEG,MAAMhB,SAAS,CAACmB,SAAS;IAC1P;IACA,OAAOH;AACX"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingItem/RatingItem.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RatingItem", {
+    enumerable: true,
+    get: function() {
+        return RatingItem;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useRatingItem = require("./useRatingItem");
+const _renderRatingItem = require("./renderRatingItem");
+const _useRatingItemStylesstyles = require("./useRatingItemStyles.styles");
+const RatingItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useRatingItem.useRatingItem_unstable)(props, ref);
+    (0, _useRatingItemStylesstyles.useRatingItemStyles_unstable)(state);
+    return (0, _renderRatingItem.renderRatingItem_unstable)(state);
+});
+RatingItem.displayName = 'RatingItem';

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingItem/RatingItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingItem/RatingItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useRatingItem_unstable } from './useRatingItem';\nimport { renderRatingItem_unstable } from './renderRatingItem';\nimport { useRatingItemStyles_unstable } from './useRatingItemStyles.styles';\nimport type { RatingItemProps } from './RatingItem.types';\n\n/**\n * RatingItem is an item that will be used to set or display a rating value.\n */\nexport const RatingItem: ForwardRefComponent<RatingItemProps> = React.forwardRef((props, ref) => {\n  const state = useRatingItem_unstable(props, ref);\n\n  useRatingItemStyles_unstable(state);\n  return renderRatingItem_unstable(state);\n});\n\nRatingItem.displayName = 'RatingItem';\n"],"names":["RatingItem","React","forwardRef","props","ref","state","useRatingItem_unstable","useRatingItemStyles_unstable","renderRatingItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;+BAEgB;kCACG;2CACG;AAMtC,MAAMA,aAAAA,WAAAA,GAAmDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQC,IAAAA,qCAAAA,EAAuBH,OAAOC;IAE5CG,IAAAA,uDAAAA,EAA6BF;IAC7B,OAAOG,IAAAA,2CAAAA,EAA0BH;AACnC;AAEAL,WAAWS,WAAW,GAAG"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingItem/RatingItem.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingItem/RatingItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingItem/RatingItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { RatingState } from '../Rating/Rating.types';\nimport { RatingDisplayState } from '../RatingDisplay/RatingDisplay.types';\n\nexport type RatingItemSlots = {\n  /**\n   * The root slot of the RatingItem.\n   * Default html element is span\n   */\n  root: NonNullable<Slot<'span'>>;\n  /**\n   * Icon displayed when the rating value is greater than or equal to the item's value.\n   */\n  selectedIcon?: NonNullable<Slot<'div'>>;\n  /**\n   * Icon displayed when the rating value is less than the item's value.\n   */\n  unselectedIcon?: NonNullable<Slot<'div'>>;\n  /**\n   * Radio input slot used for half star precision\n   */\n  halfValueInput?: NonNullable<Slot<'input'>>;\n  /**\n   * Radio input slot used for full star precision\n   */\n  fullValueInput?: NonNullable<Slot<'input'>>;\n};\n\n/**\n * RatingItem Props\n */\nexport type RatingItemProps = ComponentProps<Partial<RatingItemSlots>> & {\n  /**\n   * The positive whole number value that is displayed by this RatingItem\n   */\n  value?: number;\n};\n\n/**\n * State used in rendering RatingItem\n */\nexport type RatingItemState = ComponentState<RatingItemSlots> &\n  Required<Pick<RatingItemProps, 'value'>> &\n  Pick<RatingState, 'color' | 'step' | 'size'> & {\n    iconFillWidth: number;\n    appearance: 'outline' | 'filled';\n  };\n\nexport type RatingItemContextValue = Partial<Pick<RatingState, 'name' | 'hoveredValue' | 'value'>> &\n  Pick<RatingState, 'color' | 'iconFilled' | 'iconOutline' | 'itemLabel' | 'step' | 'size'> &\n  Partial<Pick<RatingDisplayState, 'compact'>> & {\n    interactive?: boolean;\n  };\n"],"names":[],"rangeMappings":"","mappings":""}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingItem/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    RatingItem: function() {
+        return _RatingItem.RatingItem;
+    },
+    ratingItemClassNames: function() {
+        return _useRatingItemStylesstyles.ratingItemClassNames;
+    },
+    renderRatingItem_unstable: function() {
+        return _renderRatingItem.renderRatingItem_unstable;
+    },
+    useRatingItemStyles_unstable: function() {
+        return _useRatingItemStylesstyles.useRatingItemStyles_unstable;
+    },
+    useRatingItem_unstable: function() {
+        return _useRatingItem.useRatingItem_unstable;
+    }
+});
+const _RatingItem = require("./RatingItem");
+const _renderRatingItem = require("./renderRatingItem");
+const _useRatingItem = require("./useRatingItem");
+const _useRatingItemStylesstyles = require("./useRatingItemStyles.styles");

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingItem/index.ts"],"sourcesContent":["export { RatingItem } from './RatingItem';\nexport type { RatingItemContextValue, RatingItemProps, RatingItemSlots, RatingItemState } from './RatingItem.types';\nexport { renderRatingItem_unstable } from './renderRatingItem';\nexport { useRatingItem_unstable } from './useRatingItem';\nexport { ratingItemClassNames, useRatingItemStyles_unstable } from './useRatingItemStyles.styles';\n"],"names":["RatingItem","ratingItemClassNames","renderRatingItem_unstable","useRatingItemStyles_unstable","useRatingItem_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,UAAU;eAAVA,sBAAU;;IAIVC,oBAAoB;eAApBA,+CAAoB;;IAFpBC,yBAAyB;eAAzBA,2CAAyB;;IAEHC,4BAA4B;eAA5BA,uDAA4B;;IADlDC,sBAAsB;eAAtBA,qCAAsB;;;4BAHJ;kCAEe;+BACH;2CAC4B"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingItem/renderRatingItem.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderRatingItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderRatingItem_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderRatingItem_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.halfValueInput && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.halfValueInput, {}),
+            state.fullValueInput && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.fullValueInput, {}),
+            state.unselectedIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.unselectedIcon, {}),
+            state.selectedIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.selectedIcon, {})
+        ]
+    });
+};

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingItem/renderRatingItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingItem/renderRatingItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { RatingItemState, RatingItemSlots } from './RatingItem.types';\n\n/**\n * Render the final JSX of RatingItem\n */\nexport const renderRatingItem_unstable = (state: RatingItemState) => {\n  assertSlots<RatingItemSlots>(state);\n\n  return (\n    <state.root>\n      {state.halfValueInput && <state.halfValueInput />}\n      {state.fullValueInput && <state.fullValueInput />}\n      {state.unselectedIcon && <state.unselectedIcon />}\n      {state.selectedIcon && <state.selectedIcon />}\n    </state.root>\n  );\n};\n"],"names":["renderRatingItem_unstable","state","assertSlots","_jsxs","root","halfValueInput","_jsx","fullValueInput","unselectedIcon","selectedIcon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,4BAA4B,CAACC;IACxCC,IAAAA,2BAAAA,EAA6BD;IAE7B,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,cAAc,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,cAAc,EAAA,CAAA;YAC7CJ,MAAMM,cAAc,IAAA,WAAA,GAAID,IAAAA,eAAA,EAACL,MAAMM,cAAc,EAAA,CAAA;YAC7CN,MAAMO,cAAc,IAAA,WAAA,GAAIF,IAAAA,eAAA,EAACL,MAAMO,cAAc,EAAA,CAAA;YAC7CP,MAAMQ,YAAY,IAAA,WAAA,GAAIH,IAAAA,eAAA,EAACL,MAAMQ,YAAY,EAAA,CAAA;;;AAGhD"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingItem/useRatingItem.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useRatingItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return useRatingItem_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reacttabster = require("@fluentui/react-tabster");
+const _RatingItemContext = require("../../contexts/RatingItemContext");
+const defaultItemLabel = (num)=>num + '';
+const useRatingItem_unstable = (props, ref)=>{
+    const context = (0, _RatingItemContext.useRatingItemContextValue_unstable)();
+    const { value = 0 } = props;
+    const { itemLabel = defaultItemLabel, iconFilled: IconFilled, iconOutline: IconOutline } = context;
+    const ratingValue = Math.round((context.value || 0) * 2) / 2; // round to the nearest 0.5
+    var _context_hoveredValue;
+    const displayedRatingValue = (_context_hoveredValue = context.hoveredValue) !== null && _context_hoveredValue !== void 0 ? _context_hoveredValue : ratingValue;
+    const appearance = context.interactive ? 'outline' : 'filled';
+    let iconFillWidth;
+    if (context.compact || displayedRatingValue >= value) {
+        iconFillWidth = 1;
+    } else if (displayedRatingValue >= value - 0.5) {
+        iconFillWidth = 0.5;
+    } else {
+        iconFillWidth = 0;
+    }
+    const root = _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('span', {
+        ref: (0, _reactutilities.useMergedRefs)((0, _reacttabster.useFocusWithin)(), ref),
+        ...props
+    }), {
+        elementType: 'span'
+    });
+    let unselectedIcon;
+    if (iconFillWidth < 1) {
+        unselectedIcon = _reactutilities.slot.always(props.unselectedIcon, {
+            defaultProps: {
+                children: appearance === 'filled' ? /*#__PURE__*/ _react.createElement(IconFilled, null) : /*#__PURE__*/ _react.createElement(IconOutline, null),
+                'aria-hidden': true
+            },
+            elementType: 'div'
+        });
+    }
+    let selectedIcon;
+    if (iconFillWidth > 0) {
+        selectedIcon = _reactutilities.slot.always(props.selectedIcon, {
+            defaultProps: {
+                children: /*#__PURE__*/ _react.createElement(IconFilled, null),
+                'aria-hidden': true
+            },
+            elementType: 'div'
+        });
+    }
+    let halfValueInput;
+    if (context.interactive && context.step === 0.5) {
+        halfValueInput = _reactutilities.slot.always(props.halfValueInput, {
+            defaultProps: {
+                type: 'radio',
+                name: context.name,
+                value: value - 0.5,
+                checked: ratingValue === value - 0.5,
+                'aria-label': itemLabel(value - 0.5),
+                onChange: ()=>{
+                // This empty onChange handler silences an incorrect React warning about not using onChange for a controlled input.
+                // The parent Rating component has the real onChange handler to listen to change events from this input.
+                }
+            },
+            elementType: 'input'
+        });
+    }
+    let fullValueInput;
+    if (context.interactive) {
+        fullValueInput = _reactutilities.slot.always(props.fullValueInput, {
+            defaultProps: {
+                type: 'radio',
+                name: context.name,
+                value,
+                checked: ratingValue === value,
+                'aria-label': itemLabel(value),
+                onChange: ()=>{
+                // This empty onChange handler silences an incorrect React warning about not using onChange for a controlled input.
+                // The parent Rating component has the real onChange handler to listen to change events from this input.
+                }
+            },
+            elementType: 'input'
+        });
+    }
+    const state = {
+        appearance,
+        color: context.color,
+        step: context.step,
+        size: context.size,
+        iconFillWidth,
+        value,
+        components: {
+            root: 'span',
+            selectedIcon: 'div',
+            unselectedIcon: 'div',
+            halfValueInput: 'input',
+            fullValueInput: 'input'
+        },
+        root,
+        selectedIcon,
+        unselectedIcon,
+        halfValueInput,
+        fullValueInput
+    };
+    return state;
+};

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingItem/useRatingItemStyles.styles.js

@@ -0,0 +1,300 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ratingItemClassNames: function() {
+        return ratingItemClassNames;
+    },
+    useRatingItemStyles_unstable: function() {
+        return useRatingItemStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const ratingItemClassNames = {
+    root: 'fui-RatingItem',
+    selectedIcon: 'fui-RatingItem__selectedIcon',
+    unselectedIcon: 'fui-RatingItem__unselectedIcon',
+    halfValueInput: 'fui-RatingItem__halfValueInput',
+    fullValueInput: 'fui-RatingItem__fullValueInput'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        qhf8xq: "f10pi13n",
+        Brovlpu: "ftqa4ok",
+        B486eqv: "f2hkw1w",
+        Bssx7fj: "f1b1k54r",
+        uh7if5: [
+            "f4ne723",
+            "fqqcjud"
+        ],
+        clntm0: "fh7aioi",
+        Dlk2r6: [
+            "fqqcjud",
+            "f4ne723"
+        ],
+        Bm3wd5j: "f1k55ka9",
+        Bbrhkcr: [
+            "fgclinu",
+            "f16pcs8n"
+        ],
+        f1oku: "fycbxed",
+        aywvf2: [
+            "f16pcs8n",
+            "fgclinu"
+        ],
+        B2j2mmj: "ffht0p2",
+        wigs8: "f1p0ul1q",
+        pbfy6t: "f1c901ms",
+        B0v4ure: "f1alokd7",
+        Byrf0fs: 0,
+        Bsiemmq: 0,
+        Bwckmig: 0,
+        skfxo0: 0,
+        Iidy0u: 0,
+        B98u21t: 0,
+        Bvwlmkc: 0,
+        jo1ztg: 0,
+        Ba1iezr: 0,
+        Blmvk6g: 0,
+        B24cy0v: 0,
+        Bil7v7r: 0,
+        Br3gin4: 0,
+        nr063g: 0,
+        ghq09: 0,
+        Bbgo44z: 0,
+        Bseh09z: "fmj8fco",
+        az1dzo: 0,
+        Ba3ybja: 0,
+        B6352mv: 0,
+        vppk2z: 0,
+        Biaj6j7: "f1iwowo3",
+        B2pnrqr: "f1spmvte",
+        B29w5g4: [
+            "fgp7k2s",
+            "f13pb23"
+        ],
+        Bhhzhcn: "f1ihbrwi",
+        Bec0n69: [
+            "f13pb23",
+            "fgp7k2s"
+        ]
+    },
+    small: {
+        Be2twd7: "f1ugzwwg",
+        a9b677: "frx94fk",
+        Bqenvij: "fvblgha"
+    },
+    medium: {
+        Be2twd7: "f4ybsrx",
+        a9b677: "fjw5fx7",
+        Bqenvij: "fd461yt"
+    },
+    large: {
+        Be2twd7: "fe5j1ua",
+        a9b677: "f64fuq3",
+        Bqenvij: "fjamq6b"
+    },
+    "extra-large": {
+        Be2twd7: "f24l1pt",
+        a9b677: "f1w9dchk",
+        Bqenvij: "fxldao9"
+    }
+}, {
+    d: [
+        ".f10pi13n{position:relative;}",
+        ".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}",
+        ".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}",
+        ".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}",
+        ".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}",
+        ".ffht0p2[data-fui-focus-within]:focus-within::after{content:\"\";}",
+        ".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}",
+        ".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}",
+        ".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}",
+        [
+            ".fmj8fco[data-fui-focus-within]:focus-within::after{border:2px solid var(--colorStrokeFocus2);}",
+            {
+                p: -2
+            }
+        ],
+        [
+            ".f1iwowo3[data-fui-focus-within]:focus-within::after{border-radius:var(--borderRadiusMedium);}",
+            {
+                p: -1
+            }
+        ],
+        ".f1spmvte[data-fui-focus-within]:focus-within::after{top:calc(2px * -1);}",
+        ".fgp7k2s[data-fui-focus-within]:focus-within::after{right:calc(2px * -1);}",
+        ".f13pb23[data-fui-focus-within]:focus-within::after{left:calc(2px * -1);}",
+        ".f1ihbrwi[data-fui-focus-within]:focus-within::after{bottom:calc(2px * -1);}",
+        ".f1ugzwwg{font-size:12px;}",
+        ".frx94fk{width:12px;}",
+        ".fvblgha{height:12px;}",
+        ".f4ybsrx{font-size:16px;}",
+        ".fjw5fx7{width:16px;}",
+        ".fd461yt{height:16px;}",
+        ".fe5j1ua{font-size:20px;}",
+        ".f64fuq3{width:20px;}",
+        ".fjamq6b{height:20px;}",
+        ".f24l1pt{font-size:28px;}",
+        ".f1w9dchk{width:28px;}",
+        ".fxldao9{height:28px;}"
+    ],
+    f: [
+        ".ftqa4ok:focus{outline-style:none;}"
+    ],
+    i: [
+        ".f2hkw1w:focus-visible{outline-style:none;}"
+    ],
+    m: [
+        [
+            "@media (forced-colors: active){.f1k55ka9[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f16pcs8n[data-fui-focus-within]:focus-within::after{border-left-color:Highlight;}.fgclinu[data-fui-focus-within]:focus-within::after{border-right-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fycbxed[data-fui-focus-within]:focus-within::after{border-bottom-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ]
+    ]
+});
+const useInputBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1qfsv1p", "rh8pzaz", [
+    ".r1qfsv1p{position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box;margin:0;opacity:0;cursor:pointer;height:100%;}",
+    ".rh8pzaz{position:absolute;right:0;top:0;left:0;bottom:0;box-sizing:border-box;margin:0;opacity:0;cursor:pointer;height:100%;}"
+]);
+const useInputStyles = /*#__PURE__*/ (0, _react.__styles)({
+    lowerHalf: {
+        j35jbq: [
+            "ffenbu1",
+            "f1ktbn1t"
+        ]
+    },
+    upperHalf: {
+        oyh7mz: [
+            "f1ktbn1t",
+            "ffenbu1"
+        ]
+    }
+}, {
+    d: [
+        ".ffenbu1{right:50%;}",
+        ".f1ktbn1t{left:50%;}"
+    ]
+});
+const useIndicatorBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1420l2m", "r1yt29v5", [
+    ".r1420l2m{display:flex;overflow:hidden;color:var(--colorNeutralForeground1);fill:currentColor;pointer-events:none;position:absolute;left:0;right:0;top:0;bottom:0;}",
+    ".r1yt29v5{display:flex;overflow:hidden;color:var(--colorNeutralForeground1);fill:currentColor;pointer-events:none;position:absolute;right:0;left:0;top:0;bottom:0;}"
+]);
+const useIndicatorStyles = /*#__PURE__*/ (0, _react.__styles)({
+    lowerHalf: {
+        j35jbq: [
+            "ffenbu1",
+            "f1ktbn1t"
+        ],
+        l5kjut: 0,
+        uoufgc: 0,
+        v39lw8: 0,
+        Bbwb3tu: "f10jwh99"
+    },
+    upperHalf: {
+        oyh7mz: [
+            "f1ktbn1t",
+            "ffenbu1"
+        ],
+        Frg6f3: [
+            "fbm7ezh",
+            "f3ev47i"
+        ]
+    },
+    brand: {
+        sj55zd: "f16muhyy"
+    },
+    marigold: {
+        sj55zd: "f1whvut0"
+    },
+    filled: {
+        sj55zd: "f1qaymga",
+        ojy3ng: "f13qq9og",
+        Bbusuzp: "f1cg6951",
+        B6jmk37: "f1am6ztc"
+    },
+    brandFilled: {
+        sj55zd: "f1kdv6iu"
+    },
+    marigoldFilled: {
+        sj55zd: "f1ymbmfq"
+    }
+}, {
+    d: [
+        ".ffenbu1{right:50%;}",
+        ".f1ktbn1t{left:50%;}",
+        [
+            ".f10jwh99>svg{flex:0 0 auto;}",
+            {
+                p: -1
+            }
+        ],
+        ".fbm7ezh{margin-left:-50%;}",
+        ".f3ev47i{margin-right:-50%;}",
+        ".f16muhyy{color:var(--colorBrandForeground1);}",
+        ".f1whvut0{color:var(--colorPaletteMarigoldBorderActive);}",
+        ".f1qaymga{color:var(--colorNeutralBackground6);}",
+        ".f13qq9og{stroke:var(--colorTransparentStroke);}",
+        ".f1kdv6iu{color:var(--colorBrandBackground2);}",
+        ".f1ymbmfq{color:var(--colorPaletteMarigoldBackground2);}"
+    ],
+    m: [
+        [
+            "@media (forced-colors: active){.f1cg6951{color:Canvas;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1am6ztc{stroke:CanvasText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ]
+    ]
+});
+const useRatingItemStyles_unstable = (state)=>{
+    'use no memo';
+    const { color, size, iconFillWidth, appearance } = state;
+    const styles = useStyles();
+    const inputBaseClassName = useInputBaseClassName();
+    const inputStyles = useInputStyles();
+    const indicatorBaseClassName = useIndicatorBaseClassName();
+    const indicatorStyles = useIndicatorStyles();
+    state.root.className = (0, _react.mergeClasses)(ratingItemClassNames.root, styles.root, styles[size], state.root.className);
+    if (state.halfValueInput) {
+        state.halfValueInput.className = (0, _react.mergeClasses)(ratingItemClassNames.halfValueInput, inputBaseClassName, inputStyles.lowerHalf, state.halfValueInput.className);
+    }
+    if (state.fullValueInput) {
+        state.fullValueInput.className = (0, _react.mergeClasses)(ratingItemClassNames.fullValueInput, inputBaseClassName, state.halfValueInput && inputStyles.upperHalf, state.fullValueInput.className);
+    }
+    if (state.unselectedIcon) {
+        state.unselectedIcon.className = (0, _react.mergeClasses)(ratingItemClassNames.unselectedIcon, indicatorBaseClassName, appearance === 'filled' && indicatorStyles.filled, color === 'brand' && (appearance === 'filled' ? indicatorStyles.brandFilled : indicatorStyles.brand), color === 'marigold' && (appearance === 'filled' ? indicatorStyles.marigoldFilled : indicatorStyles.marigold), iconFillWidth === 0.5 && indicatorStyles.upperHalf, state.unselectedIcon.className);
+    }
+    if (state.selectedIcon) {
+        state.selectedIcon.className = (0, _react.mergeClasses)(ratingItemClassNames.selectedIcon, indicatorBaseClassName, color === 'brand' && indicatorStyles.brand, color === 'marigold' && indicatorStyles.marigold, iconFillWidth === 0.5 && indicatorStyles.lowerHalf, state.selectedIcon.className);
+    }
+    return state;
+};