@fluentui/react-rating 9.4.2 → 9.4.4

package/lib/components/RatingDisplay/RatingDisplay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RatingDisplay/RatingDisplay.tsx"],"sourcesContent":["'use client';\n\nimport * 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';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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  useCustomStyleHook_unstable('useRatingDisplayStyles_unstable')(state);\n\n  return renderRatingDisplay_unstable(state, contextValues);\n});\n\nRatingDisplay.displayName = 'RatingDisplay';\n"],"names":["React","useRatingDisplay_unstable","renderRatingDisplay_unstable","useRatingDisplayStyles_unstable","useRatingDisplayContextValues","useCustomStyleHook_unstable","RatingDisplay","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAElF,SAASC,6BAA6B,QAAQ,kCAAkC;AAChF,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;;CAGC,GACD,OAAO,MAAMC,8BAAyDN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQT,0BAA0BO,OAAOC;IAC/C,MAAME,gBAAgBP,8BAA8BM;IAEpDP,gCAAgCO;IAChCL,4BAA4B,mCAAmCK;IAE/D,OAAOR,6BAA6BQ,OAAOC;AAC7C,GAAG;AAEHL,cAAcM,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/RatingDisplay/RatingDisplay.tsx"],"sourcesContent":["'use client';\n\nimport * 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';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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  useCustomStyleHook_unstable('useRatingDisplayStyles_unstable')(state);\n\n  return renderRatingDisplay_unstable(state, contextValues);\n});\n\nRatingDisplay.displayName = 'RatingDisplay';\n"],"names":["React","useRatingDisplay_unstable","renderRatingDisplay_unstable","useRatingDisplayStyles_unstable","useRatingDisplayContextValues","useCustomStyleHook_unstable","RatingDisplay","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,yBAAyB,QAAQ,wBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,2BAAwB;AACrE,SAASC,+BAA+B,QAAQ,qCAAkC;AAElF,SAASC,6BAA6B,QAAQ,qCAAkC;AAChF,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;;CAGC,GACD,OAAO,MAAMC,8BAAyDN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQT,0BAA0BO,OAAOC;IAC/C,MAAME,gBAAgBP,8BAA8BM;IAEpDP,gCAAgCO;IAChCL,4BAA4B,mCAAmCK;IAE/D,OAAOR,6BAA6BQ,OAAOC;AAC7C,GAAG;AAEHL,cAAcM,WAAW,GAAG"}

package/lib/components/RatingDisplay/index.js

@@ -1,5 +1,5 @@
-export { RatingDisplay } from './RatingDisplay';
-export { renderRatingDisplay_unstable } from './renderRatingDisplay';
-export { useRatingDisplay_unstable, useRatingDisplayBase_unstable } from './useRatingDisplay';
-export { ratingDisplayClassNames, useRatingDisplayStyles_unstable } from './useRatingDisplayStyles.styles';
-export { useRatingDisplayContextValues } from './useRatingDisplayContextValues';
+export { RatingDisplay } from "./RatingDisplay.js";
+export { renderRatingDisplay_unstable } from "./renderRatingDisplay.js";
+export { useRatingDisplay_unstable, useRatingDisplayBase_unstable } from "./useRatingDisplay.js";
+export { ratingDisplayClassNames, useRatingDisplayStyles_unstable } from "./useRatingDisplayStyles.styles.js";
+export { useRatingDisplayContextValues } from "./useRatingDisplayContextValues.js";

package/lib/components/RatingDisplay/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RatingDisplay/index.ts"],"sourcesContent":["export { RatingDisplay } from './RatingDisplay';\nexport type {\n  RatingDisplayContextValues,\n  RatingDisplayProps,\n  RatingDisplayBaseProps,\n  RatingDisplaySlots,\n  RatingDisplayState,\n  RatingDisplayBaseState,\n} from './RatingDisplay.types';\nexport { renderRatingDisplay_unstable } from './renderRatingDisplay';\nexport { useRatingDisplay_unstable, useRatingDisplayBase_unstable } from './useRatingDisplay';\nexport { ratingDisplayClassNames, useRatingDisplayStyles_unstable } from './useRatingDisplayStyles.styles';\nexport { useRatingDisplayContextValues } from './useRatingDisplayContextValues';\n"],"names":["RatingDisplay","renderRatingDisplay_unstable","useRatingDisplay_unstable","useRatingDisplayBase_unstable","ratingDisplayClassNames","useRatingDisplayStyles_unstable","useRatingDisplayContextValues"],"mappings":"AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAShD,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,yBAAyB,EAAEC,6BAA6B,QAAQ,qBAAqB;AAC9F,SAASC,uBAAuB,EAAEC,+BAA+B,QAAQ,kCAAkC;AAC3G,SAASC,6BAA6B,QAAQ,kCAAkC"}
+{"version":3,"sources":["../src/components/RatingDisplay/index.ts"],"sourcesContent":["export { RatingDisplay } from './RatingDisplay';\nexport type {\n  RatingDisplayContextValues,\n  RatingDisplayProps,\n  RatingDisplayBaseProps,\n  RatingDisplaySlots,\n  RatingDisplayState,\n  RatingDisplayBaseState,\n} from './RatingDisplay.types';\nexport { renderRatingDisplay_unstable } from './renderRatingDisplay';\nexport { useRatingDisplay_unstable, useRatingDisplayBase_unstable } from './useRatingDisplay';\nexport { ratingDisplayClassNames, useRatingDisplayStyles_unstable } from './useRatingDisplayStyles.styles';\nexport { useRatingDisplayContextValues } from './useRatingDisplayContextValues';\n"],"names":["RatingDisplay","renderRatingDisplay_unstable","useRatingDisplay_unstable","useRatingDisplayBase_unstable","ratingDisplayClassNames","useRatingDisplayStyles_unstable","useRatingDisplayContextValues"],"mappings":"AAAA,SAASA,aAAa,QAAQ,qBAAkB;AAShD,SAASC,4BAA4B,QAAQ,2BAAwB;AACrE,SAASC,yBAAyB,EAAEC,6BAA6B,QAAQ,wBAAqB;AAC9F,SAASC,uBAAuB,EAAEC,+BAA+B,QAAQ,qCAAkC;AAC3G,SAASC,6BAA6B,QAAQ,qCAAkC"}

package/lib/components/RatingDisplay/renderRatingDisplay.js

@@ -1,6 +1,6 @@
   import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
-import { assertSlots } from '@fluentui/react-utilities';
-import { RatingItemProvider } from '../../contexts/RatingItemContext';
+import { assertSlots } from "@fluentui/react-utilities";
+import { RatingItemProvider } from "../../contexts/RatingItemContext.js";
 /**
  * Render the final JSX of RatingDisplay
  */ export const renderRatingDisplay_unstable = (state, contextValues)=>{

package/lib/components/RatingDisplay/renderRatingDisplay.js.map

@@ -1 +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 { JSXElement } from '@fluentui/react-utilities';\nimport type { RatingDisplayBaseState, RatingDisplaySlots, RatingDisplayContextValues } from './RatingDisplay.types';\nimport { RatingItemProvider } from '../../contexts/RatingItemContext';\n\n/**\n * Render the final JSX of RatingDisplay\n */\nexport const renderRatingDisplay_unstable = (\n  state: RatingDisplayBaseState,\n  contextValues: RatingDisplayContextValues,\n): JSXElement => {\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":["assertSlots","RatingItemProvider","renderRatingDisplay_unstable","state","contextValues","value","ratingItem","root","children","valueText","countText"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD,SAASC,kBAAkB,QAAQ,mCAAmC;AAEtE;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAC1CC,OACAC;IAEAJ,YAAgCG;IAEhC,qBACE,KAACF;QAAmBI,OAAOD,cAAcE,UAAU;kBACjD,cAAA,MAACH,MAAMI,IAAI;;gBACRJ,MAAMI,IAAI,CAACC,QAAQ;gBACnBL,MAAMM,SAAS,kBAAI,KAACN,MAAMM,SAAS;gBACnCN,MAAMO,SAAS,kBAAI,KAACP,MAAMO,SAAS;;;;AAI5C,EAAE"}
+{"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 { JSXElement } from '@fluentui/react-utilities';\nimport type { RatingDisplayBaseState, RatingDisplaySlots, RatingDisplayContextValues } from './RatingDisplay.types';\nimport { RatingItemProvider } from '../../contexts/RatingItemContext';\n\n/**\n * Render the final JSX of RatingDisplay\n */\nexport const renderRatingDisplay_unstable = (\n  state: RatingDisplayBaseState,\n  contextValues: RatingDisplayContextValues,\n): JSXElement => {\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":["assertSlots","RatingItemProvider","renderRatingDisplay_unstable","state","contextValues","value","ratingItem","root","children","valueText","countText"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD,SAASC,kBAAkB,QAAQ,sCAAmC;AAEtE;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAC1CC,OACAC;IAEAJ,YAAgCG;IAEhC,qBACE,KAACF;QAAmBI,OAAOD,cAAcE,UAAU;kBACjD,cAAA,MAACH,MAAMI,IAAI;;gBACRJ,MAAMI,IAAI,CAACC,QAAQ;gBACnBL,MAAMM,SAAS,kBAAI,KAACN,MAAMM,SAAS;gBACnCN,MAAMO,SAAS,kBAAI,KAACP,MAAMO,SAAS;;;;AAI5C,EAAE"}

package/lib/components/RatingDisplay/useRatingDisplay.js

@@ -1,8 +1,8 @@
 'use client';
-import * as React from 'react';
-import { getIntrinsicElementProps, slot, useId } from '@fluentui/react-utilities';
-import { StarFilled } from '@fluentui/react-icons';
-import { RatingItem } from '../RatingItem/RatingItem';
+import * as React from "react";
+import { getIntrinsicElementProps, slot, useId } from "@fluentui/react-utilities";
+import { StarFilled } from "@fluentui/react-icons";
+import { RatingItem } from "../RatingItem/RatingItem.js";
 /**
  * Create the state required to render RatingDisplay.
  *

package/lib/components/RatingDisplay/useRatingDisplay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RatingDisplay/useRatingDisplay.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot, useId } from '@fluentui/react-utilities';\nimport type {\n  RatingDisplayBaseProps,\n  RatingDisplayBaseState,\n  RatingDisplayProps,\n  RatingDisplayState,\n} 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', size = 'medium', icon = StarFilled, ...baseProps } = props;\n  const state = useRatingDisplayBase_unstable({ icon, ...baseProps }, ref);\n\n  const { compact, max } = state;\n\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  return {\n    ...state,\n    root: {\n      children: rootChildren,\n      ...state.root,\n    },\n    icon,\n    color,\n    size,\n  };\n};\n\n/**\n * Base hook for RatingDisplay component. Manages state related to ARIA img role,\n * aria-labelledby composition from valueText/countText IDs, slot structure, and\n * compact/full display modes — without design props (color, size).\n *\n * @param props - props from this instance of RatingDisplay (without color, size)\n * @param ref - reference to root HTMLDivElement of RatingDisplay\n */\nexport const useRatingDisplayBase_unstable = (\n  props: RatingDisplayBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n): RatingDisplayBaseState => {\n  const { count, compact = false, icon, max = 5, value } = props;\n\n  const valueTextId = useId('rating-value-');\n  const countTextId = useId('rating-count-');\n\n  const state: RatingDisplayBaseState = {\n    compact,\n    icon,\n    max,\n    value,\n    components: {\n      root: 'div',\n      valueText: 'span',\n      countText: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\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":["React","getIntrinsicElementProps","slot","useId","StarFilled","RatingItem","useRatingDisplay_unstable","props","ref","color","size","icon","baseProps","state","useRatingDisplayBase_unstable","compact","max","rootChildren","useMemo","value","key","aria-hidden","Array","from","_","i","root","children","count","valueTextId","countTextId","components","valueText","countText","always","role","elementType","optional","renderByDefault","undefined","defaultProps","id","toLocaleString","filter","Boolean","join"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,EAAEC,KAAK,QAAQ,4BAA4B;AAOlF,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,UAAU,QAAQ,2BAA2B;AAEtD;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,QAAQ,SAAS,EAAEC,OAAO,QAAQ,EAAEC,OAAOP,UAAU,EAAE,GAAGQ,WAAW,GAAGL;IAChF,MAAMM,QAAQC,8BAA8B;QAAEH;QAAM,GAAGC,SAAS;IAAC,GAAGJ;IAEpE,MAAM,EAAEO,OAAO,EAAEC,GAAG,EAAE,GAAGH;IAEzB,MAAMI,eAAejB,MAAMkB,OAAO,CAAC;QACjC,OAAOH,wBACL,oBAACV;YAAWc,OAAO;YAAGC,KAAK;YAAGC,eAAa;aAE3CC,MAAMC,IAAI,CAACD,MAAMN,MAAM,CAACQ,GAAGC,kBAAM,oBAACpB;gBAAWc,OAAOM,IAAI;gBAAGL,KAAKK,IAAI;gBAAGJ,eAAa;;IAExF,GAAG;QAACN;QAASC;KAAI;IAEjB,OAAO;QACL,GAAGH,KAAK;QACRa,MAAM;YACJC,UAAUV;YACV,GAAGJ,MAAMa,IAAI;QACf;QACAf;QACAF;QACAC;IACF;AACF,EAAE;AAEF;;;;;;;CAOC,GACD,OAAO,MAAMI,gCAAgC,CAC3CP,OACAC;IAEA,MAAM,EAAEoB,KAAK,EAAEb,UAAU,KAAK,EAAEJ,IAAI,EAAEK,MAAM,CAAC,EAAEG,KAAK,EAAE,GAAGZ;IAEzD,MAAMsB,cAAc1B,MAAM;IAC1B,MAAM2B,cAAc3B,MAAM;IAE1B,MAAMU,QAAgC;QACpCE;QACAJ;QACAK;QACAG;QACAY,YAAY;YACVL,MAAM;YACNM,WAAW;YACXC,WAAW;QACb;QACAP,MAAMxB,KAAKgC,MAAM,CACfjC,yBAAyB,OAAO;YAC9BO;YACA2B,MAAM;YACN,GAAG5B,KAAK;QACV,IACA;YAAE6B,aAAa;QAAM;QAEvBJ,WAAW9B,KAAKmC,QAAQ,CAAC9B,MAAMyB,SAAS,EAAE;YACxCM,iBAAiBnB,UAAUoB;YAC3BC,cAAc;gBAAEb,UAAUR;gBAAOsB,IAAIZ;gBAAa,eAAe;YAAK;YACtEO,aAAa;QACf;QACAH,WAAW/B,KAAKmC,QAAQ,CAAC9B,MAAM0B,SAAS,EAAE;YACxCK,iBAAiBV,UAAUW;YAC3BC,cAAc;gBAAEb,QAAQ,EAAEC,kBAAAA,4BAAAA,MAAOc,cAAc;gBAAID,IAAIX;gBAAa,eAAe;YAAK;YACxFM,aAAa;QACf;IACF;IACA,IAAI,CAACvB,MAAMa,IAAI,CAAC,aAAa,IAAI,CAACb,MAAMa,IAAI,CAAC,kBAAkB,EAAE;YAC9Bb,kBAAqBA;QAAtDA,MAAMa,IAAI,CAAC,kBAAkB,GAAG;aAACb,mBAAAA,MAAMmB,SAAS,cAAfnB,uCAAAA,iBAAiB4B,EAAE;aAAE5B,mBAAAA,MAAMoB,SAAS,cAAfpB,uCAAAA,iBAAiB4B,EAAE;SAAC,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;IAClG;IACA,OAAOhC;AACT,EAAE"}
+{"version":3,"sources":["../src/components/RatingDisplay/useRatingDisplay.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot, useId } from '@fluentui/react-utilities';\nimport type {\n  RatingDisplayBaseProps,\n  RatingDisplayBaseState,\n  RatingDisplayProps,\n  RatingDisplayState,\n} 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', size = 'medium', icon = StarFilled, ...baseProps } = props;\n  const state = useRatingDisplayBase_unstable({ icon, ...baseProps }, ref);\n\n  const { compact, max } = state;\n\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  return {\n    ...state,\n    root: {\n      children: rootChildren,\n      ...state.root,\n    },\n    icon,\n    color,\n    size,\n  };\n};\n\n/**\n * Base hook for RatingDisplay component. Manages state related to ARIA img role,\n * aria-labelledby composition from valueText/countText IDs, slot structure, and\n * compact/full display modes — without design props (color, size).\n *\n * @param props - props from this instance of RatingDisplay (without color, size)\n * @param ref - reference to root HTMLDivElement of RatingDisplay\n */\nexport const useRatingDisplayBase_unstable = (\n  props: RatingDisplayBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n): RatingDisplayBaseState => {\n  const { count, compact = false, icon, max = 5, value } = props;\n\n  const valueTextId = useId('rating-value-');\n  const countTextId = useId('rating-count-');\n\n  const state: RatingDisplayBaseState = {\n    compact,\n    icon,\n    max,\n    value,\n    components: {\n      root: 'div',\n      valueText: 'span',\n      countText: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\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":["React","getIntrinsicElementProps","slot","useId","StarFilled","RatingItem","useRatingDisplay_unstable","props","ref","color","size","icon","baseProps","state","useRatingDisplayBase_unstable","compact","max","rootChildren","useMemo","value","key","aria-hidden","Array","from","_","i","root","children","count","valueTextId","countTextId","components","valueText","countText","always","role","elementType","optional","renderByDefault","undefined","defaultProps","id","toLocaleString","filter","Boolean","join"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,EAAEC,KAAK,QAAQ,4BAA4B;AAOlF,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,UAAU,QAAQ,8BAA2B;AAEtD;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,QAAQ,SAAS,EAAEC,OAAO,QAAQ,EAAEC,OAAOP,UAAU,EAAE,GAAGQ,WAAW,GAAGL;IAChF,MAAMM,QAAQC,8BAA8B;QAAEH;QAAM,GAAGC,SAAS;IAAC,GAAGJ;IAEpE,MAAM,EAAEO,OAAO,EAAEC,GAAG,EAAE,GAAGH;IAEzB,MAAMI,eAAejB,MAAMkB,OAAO,CAAC;QACjC,OAAOH,wBACL,oBAACV;YAAWc,OAAO;YAAGC,KAAK;YAAGC,eAAa;aAE3CC,MAAMC,IAAI,CAACD,MAAMN,MAAM,CAACQ,GAAGC,kBAAM,oBAACpB;gBAAWc,OAAOM,IAAI;gBAAGL,KAAKK,IAAI;gBAAGJ,eAAa;;IAExF,GAAG;QAACN;QAASC;KAAI;IAEjB,OAAO;QACL,GAAGH,KAAK;QACRa,MAAM;YACJC,UAAUV;YACV,GAAGJ,MAAMa,IAAI;QACf;QACAf;QACAF;QACAC;IACF;AACF,EAAE;AAEF;;;;;;;CAOC,GACD,OAAO,MAAMI,gCAAgC,CAC3CP,OACAC;IAEA,MAAM,EAAEoB,KAAK,EAAEb,UAAU,KAAK,EAAEJ,IAAI,EAAEK,MAAM,CAAC,EAAEG,KAAK,EAAE,GAAGZ;IAEzD,MAAMsB,cAAc1B,MAAM;IAC1B,MAAM2B,cAAc3B,MAAM;IAE1B,MAAMU,QAAgC;QACpCE;QACAJ;QACAK;QACAG;QACAY,YAAY;YACVL,MAAM;YACNM,WAAW;YACXC,WAAW;QACb;QACAP,MAAMxB,KAAKgC,MAAM,CACfjC,yBAAyB,OAAO;YAC9BO;YACA2B,MAAM;YACN,GAAG5B,KAAK;QACV,IACA;YAAE6B,aAAa;QAAM;QAEvBJ,WAAW9B,KAAKmC,QAAQ,CAAC9B,MAAMyB,SAAS,EAAE;YACxCM,iBAAiBnB,UAAUoB;YAC3BC,cAAc;gBAAEb,UAAUR;gBAAOsB,IAAIZ;gBAAa,eAAe;YAAK;YACtEO,aAAa;QACf;QACAH,WAAW/B,KAAKmC,QAAQ,CAAC9B,MAAM0B,SAAS,EAAE;YACxCK,iBAAiBV,UAAUW;YAC3BC,cAAc;gBAAEb,QAAQ,EAAEC,kBAAAA,4BAAAA,MAAOc,cAAc;gBAAID,IAAIX;gBAAa,eAAe;YAAK;YACxFM,aAAa;QACf;IACF;IACA,IAAI,CAACvB,MAAMa,IAAI,CAAC,aAAa,IAAI,CAACb,MAAMa,IAAI,CAAC,kBAAkB,EAAE;YAC9Bb,kBAAqBA;QAAtDA,MAAMa,IAAI,CAAC,kBAAkB,GAAG;aAACb,mBAAAA,MAAMmB,SAAS,cAAfnB,uCAAAA,iBAAiB4B,EAAE;aAAE5B,mBAAAA,MAAMoB,SAAS,cAAfpB,uCAAAA,iBAAiB4B,EAAE;SAAC,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;IAClG;IACA,OAAOhC;AACT,EAAE"}

package/lib/components/RatingDisplay/useRatingDisplayContextValues.js

@@ -1,5 +1,5 @@
 'use client';
-import * as React from 'react';
+import * as React from "react";
 export const useRatingDisplayContextValues = (state)=>{
     const { color, compact, icon, size, value } = state;
     const ratingItem = React.useMemo(()=>({

package/lib/components/RatingDisplay/useRatingDisplayStyles.styles.js

@@ -1,7 +1,7 @@
 'use client';
 
-import { __resetStyles, __styles, mergeClasses } from '@griffel/react';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
+import { __resetStyles, __styles, mergeClasses } from "@griffel/react";
+import { tokens, typographyStyles } from "@fluentui/react-theme";
 export const ratingDisplayClassNames = {
   root: 'fui-RatingDisplay',
   valueText: 'fui-RatingDisplay__valueText',
@@ -36,8 +36,6 @@ const useLabelStyles = /*#__PURE__*/__styles({
  * Apply styling to the RatingDisplay slots based on the state
  */
 export const useRatingDisplayStyles_unstable = state => {
-  'use no memo';
-
   const {
     size
   } = state;

package/lib/components/RatingDisplay/useRatingDisplayStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","typographyStyles","ratingDisplayClassNames","root","valueText","countText","useRootClassName","useLabelClassName","useLabelStyles","large","Be2twd7","Bg96gwp","Frg6f3","extraLarge","strong","Bhrd7zp","divider","Ftih45","d","useRatingDisplayStyles_unstable","state","size","rootClassName","className","labelClassName","labelStyles"],"sources":["useRatingDisplayStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(ratingDisplayClassNames.root, rootClassName, state.root.className);\n    const labelClassName = useLabelClassName();\n    const labelStyles = useLabelStyles();\n    if (state.valueText) {\n        // eslint-disable-next-line react-hooks/immutability\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        // eslint-disable-next-line react-hooks/immutability\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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE,mBAAmB;EACzBC,SAAS,EAAE,8BAA8B;EACzCC,SAAS,EAAE;AACf,CAAC;AACD;AACA;AACA;AAAI,MAAMC,gBAAgB,gBAAGT,aAAA,+EAI5B,CAAC;AACF,MAAMU,iBAAiB,gBAAGV,aAAA,seAIzB,CAAC;AACF,MAAMW,cAAc,gBAAGV,QAAA;EAAAW,KAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAH,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAmBtB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACxD,aAAa;;EACb,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAME,aAAa,GAAGhB,gBAAgB,CAAC,CAAC;EACxC;EACAc,KAAK,CAACjB,IAAI,CAACoB,SAAS,GAAGxB,YAAY,CAACG,uBAAuB,CAACC,IAAI,EAAEmB,aAAa,EAAEF,KAAK,CAACjB,IAAI,CAACoB,SAAS,CAAC;EACtG,MAAMC,cAAc,GAAGjB,iBAAiB,CAAC,CAAC;EAC1C,MAAMkB,WAAW,GAAGjB,cAAc,CAAC,CAAC;EACpC,IAAIY,KAAK,CAAChB,SAAS,EAAE;IACjB;IACAgB,KAAK,CAAChB,SAAS,CAACmB,SAAS,GAAGxB,YAAY,CAACG,uBAAuB,CAACE,SAAS,EAAEoB,cAAc,EAAEC,WAAW,CAACX,MAAM,EAAEO,IAAI,KAAK,OAAO,IAAII,WAAW,CAAChB,KAAK,EAAEY,IAAI,KAAK,aAAa,IAAII,WAAW,CAACZ,UAAU,EAAEO,KAAK,CAAChB,SAAS,CAACmB,SAAS,CAAC;EACvO;EACA,IAAIH,KAAK,CAACf,SAAS,EAAE;IACjB;IACAe,KAAK,CAACf,SAAS,CAACkB,SAAS,GAAGxB,YAAY,CAACG,uBAAuB,CAACG,SAAS,EAAEmB,cAAc,EAAEH,IAAI,KAAK,OAAO,IAAII,WAAW,CAAChB,KAAK,EAAEY,IAAI,KAAK,aAAa,IAAII,WAAW,CAACZ,UAAU,EAAEO,KAAK,CAAChB,SAAS,IAAIqB,WAAW,CAACT,OAAO,EAAEI,KAAK,CAACf,SAAS,CAACkB,SAAS,CAAC;EAC3P;EACA,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","typographyStyles","ratingDisplayClassNames","root","valueText","countText","useRootClassName","useLabelClassName","useLabelStyles","large","Be2twd7","Bg96gwp","Frg6f3","extraLarge","strong","Bhrd7zp","divider","Ftih45","d","useRatingDisplayStyles_unstable","state","size","rootClassName","className","labelClassName","labelStyles"],"sources":["useRatingDisplayStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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    const { size } = state;\n    const rootClassName = useRootClassName();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(ratingDisplayClassNames.root, rootClassName, state.root.className);\n    const labelClassName = useLabelClassName();\n    const labelStyles = useLabelStyles();\n    if (state.valueText) {\n        // eslint-disable-next-line react-hooks/immutability\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        // eslint-disable-next-line react-hooks/immutability\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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE,mBAAmB;EACzBC,SAAS,EAAE,8BAA8B;EACzCC,SAAS,EAAE;AACf,CAAC;AACD;AACA;AACA;AAAI,MAAMC,gBAAgB,gBAAGT,aAAA,+EAI5B,CAAC;AACF,MAAMU,iBAAiB,gBAAGV,aAAA,seAIzB,CAAC;AACF,MAAMW,cAAc,gBAAGV,QAAA;EAAAW,KAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAH,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAmBtB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACxD,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAME,aAAa,GAAGhB,gBAAgB,CAAC,CAAC;EACxC;EACAc,KAAK,CAACjB,IAAI,CAACoB,SAAS,GAAGxB,YAAY,CAACG,uBAAuB,CAACC,IAAI,EAAEmB,aAAa,EAAEF,KAAK,CAACjB,IAAI,CAACoB,SAAS,CAAC;EACtG,MAAMC,cAAc,GAAGjB,iBAAiB,CAAC,CAAC;EAC1C,MAAMkB,WAAW,GAAGjB,cAAc,CAAC,CAAC;EACpC,IAAIY,KAAK,CAAChB,SAAS,EAAE;IACjB;IACAgB,KAAK,CAAChB,SAAS,CAACmB,SAAS,GAAGxB,YAAY,CAACG,uBAAuB,CAACE,SAAS,EAAEoB,cAAc,EAAEC,WAAW,CAACX,MAAM,EAAEO,IAAI,KAAK,OAAO,IAAII,WAAW,CAAChB,KAAK,EAAEY,IAAI,KAAK,aAAa,IAAII,WAAW,CAACZ,UAAU,EAAEO,KAAK,CAAChB,SAAS,CAACmB,SAAS,CAAC;EACvO;EACA,IAAIH,KAAK,CAACf,SAAS,EAAE;IACjB;IACAe,KAAK,CAACf,SAAS,CAACkB,SAAS,GAAGxB,YAAY,CAACG,uBAAuB,CAACG,SAAS,EAAEmB,cAAc,EAAEH,IAAI,KAAK,OAAO,IAAII,WAAW,CAAChB,KAAK,EAAEY,IAAI,KAAK,aAAa,IAAII,WAAW,CAACZ,UAAU,EAAEO,KAAK,CAAChB,SAAS,IAAIqB,WAAW,CAACT,OAAO,EAAEI,KAAK,CAACf,SAAS,CAACkB,SAAS,CAAC;EAC3P;EACA,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/RatingDisplay/useRatingDisplayStyles.styles.raw.js

@@ -1,6 +1,6 @@
 'use client';
-import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
+import { makeResetStyles, makeStyles, mergeClasses } from "@griffel/react";
+import { tokens, typographyStyles } from "@fluentui/react-theme";
 export const ratingDisplayClassNames = {
     root: 'fui-RatingDisplay',
     valueText: 'fui-RatingDisplay__valueText',
@@ -41,7 +41,6 @@ const useLabelStyles = makeStyles({
 /**
  * Apply styling to the RatingDisplay slots based on the state
  */ export const useRatingDisplayStyles_unstable = (state)=>{
-    'use no memo';
     const { size } = state;
     const rootClassName = useRootClassName();
     // eslint-disable-next-line react-hooks/immutability

package/lib/components/RatingDisplay/useRatingDisplayStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RatingDisplay/useRatingDisplayStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { RatingDisplaySlots, RatingDisplayState } from './RatingDisplay.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\nexport const ratingDisplayClassNames: SlotClassNames<RatingDisplaySlots> = {\n  root: 'fui-RatingDisplay',\n  valueText: 'fui-RatingDisplay__valueText',\n  countText: 'fui-RatingDisplay__countText',\n};\n\n/**\n * Styles for the root slot\n */\n\nconst useRootClassName = makeResetStyles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n});\n\nconst useLabelClassName = makeResetStyles({\n  color: tokens.colorNeutralForeground1,\n  marginLeft: tokens.spacingHorizontalXS,\n  ...typographyStyles.caption1,\n});\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/**\n * Apply styling to the RatingDisplay slots based on the state\n */\nexport const useRatingDisplayStyles_unstable = (state: RatingDisplayState): RatingDisplayState => {\n  'use no memo';\n\n  const { size } = state;\n  const rootClassName = useRootClassName();\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(ratingDisplayClassNames.root, rootClassName, state.root.className);\n  const labelClassName = useLabelClassName();\n  const labelStyles = useLabelStyles();\n\n  if (state.valueText) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.valueText.className = mergeClasses(\n      ratingDisplayClassNames.valueText,\n      labelClassName,\n      labelStyles.strong,\n      size === 'large' && labelStyles.large,\n      size === 'extra-large' && labelStyles.extraLarge,\n      state.valueText.className,\n    );\n  }\n  if (state.countText) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.countText.className = mergeClasses(\n      ratingDisplayClassNames.countText,\n      labelClassName,\n      size === 'large' && labelStyles.large,\n      size === 'extra-large' && labelStyles.extraLarge,\n      state.valueText && labelStyles.divider,\n      state.countText.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","typographyStyles","ratingDisplayClassNames","root","valueText","countText","useRootClassName","display","flexWrap","alignItems","useLabelClassName","color","colorNeutralForeground1","marginLeft","spacingHorizontalXS","caption1","useLabelStyles","large","fontSize","fontSizeBase300","lineHeight","lineHeightBase300","spacingHorizontalSNudge","extraLarge","fontSizeBase400","lineHeightBase400","spacingHorizontalS","strong","fontWeight","fontWeightSemibold","divider","content","useRatingDisplayStyles_unstable","state","size","rootClassName","className","labelClassName","labelStyles"],"mappings":"AAAA;AAEA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG3E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAEjE,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,WAAW;IACXC,WAAW;AACb,EAAE;AAEF;;CAEC,GAED,MAAMC,mBAAmBT,gBAAgB;IACvCU,SAAS;IACTC,UAAU;IACVC,YAAY;AACd;AAEA,MAAMC,oBAAoBb,gBAAgB;IACxCc,OAAOX,OAAOY,uBAAuB;IACrCC,YAAYb,OAAOc,mBAAmB;IACtC,GAAGb,iBAAiBc,QAAQ;AAC9B;AAEA,MAAMC,iBAAiBlB,WAAW;IAChCmB,OAAO;QACLC,UAAUlB,OAAOmB,eAAe;QAChCC,YAAYpB,OAAOqB,iBAAiB;QACpCR,YAAYb,OAAOsB,uBAAuB;IAC5C;IACAC,YAAY;QACVL,UAAUlB,OAAOwB,eAAe;QAChCJ,YAAYpB,OAAOyB,iBAAiB;QACpCZ,YAAYb,OAAO0B,kBAAkB;IACvC;IACAC,QAAQ;QACNC,YAAY5B,OAAO6B,kBAAkB;IACvC;IACAC,SAAS;QACP,YAAY;YACVC,SAAS;QACX;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,MAAME,gBAAgB7B;IACtB,oDAAoD;IACpD2B,MAAM9B,IAAI,CAACiC,SAAS,GAAGrC,aAAaG,wBAAwBC,IAAI,EAAEgC,eAAeF,MAAM9B,IAAI,CAACiC,SAAS;IACrG,MAAMC,iBAAiB3B;IACvB,MAAM4B,cAActB;IAEpB,IAAIiB,MAAM7B,SAAS,EAAE;QACnB,oDAAoD;QACpD6B,MAAM7B,SAAS,CAACgC,SAAS,GAAGrC,aAC1BG,wBAAwBE,SAAS,EACjCiC,gBACAC,YAAYX,MAAM,EAClBO,SAAS,WAAWI,YAAYrB,KAAK,EACrCiB,SAAS,iBAAiBI,YAAYf,UAAU,EAChDU,MAAM7B,SAAS,CAACgC,SAAS;IAE7B;IACA,IAAIH,MAAM5B,SAAS,EAAE;QACnB,oDAAoD;QACpD4B,MAAM5B,SAAS,CAAC+B,SAAS,GAAGrC,aAC1BG,wBAAwBG,SAAS,EACjCgC,gBACAH,SAAS,WAAWI,YAAYrB,KAAK,EACrCiB,SAAS,iBAAiBI,YAAYf,UAAU,EAChDU,MAAM7B,SAAS,IAAIkC,YAAYR,OAAO,EACtCG,MAAM5B,SAAS,CAAC+B,SAAS;IAE7B;IAEA,OAAOH;AACT,EAAE"}
+{"version":3,"sources":["../src/components/RatingDisplay/useRatingDisplayStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { RatingDisplaySlots, RatingDisplayState } from './RatingDisplay.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\nexport const ratingDisplayClassNames: SlotClassNames<RatingDisplaySlots> = {\n  root: 'fui-RatingDisplay',\n  valueText: 'fui-RatingDisplay__valueText',\n  countText: 'fui-RatingDisplay__countText',\n};\n\n/**\n * Styles for the root slot\n */\n\nconst useRootClassName = makeResetStyles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n});\n\nconst useLabelClassName = makeResetStyles({\n  color: tokens.colorNeutralForeground1,\n  marginLeft: tokens.spacingHorizontalXS,\n  ...typographyStyles.caption1,\n});\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/**\n * Apply styling to the RatingDisplay slots based on the state\n */\nexport const useRatingDisplayStyles_unstable = (state: RatingDisplayState): RatingDisplayState => {\n  const { size } = state;\n  const rootClassName = useRootClassName();\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(ratingDisplayClassNames.root, rootClassName, state.root.className);\n  const labelClassName = useLabelClassName();\n  const labelStyles = useLabelStyles();\n\n  if (state.valueText) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.valueText.className = mergeClasses(\n      ratingDisplayClassNames.valueText,\n      labelClassName,\n      labelStyles.strong,\n      size === 'large' && labelStyles.large,\n      size === 'extra-large' && labelStyles.extraLarge,\n      state.valueText.className,\n    );\n  }\n  if (state.countText) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.countText.className = mergeClasses(\n      ratingDisplayClassNames.countText,\n      labelClassName,\n      size === 'large' && labelStyles.large,\n      size === 'extra-large' && labelStyles.extraLarge,\n      state.valueText && labelStyles.divider,\n      state.countText.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","typographyStyles","ratingDisplayClassNames","root","valueText","countText","useRootClassName","display","flexWrap","alignItems","useLabelClassName","color","colorNeutralForeground1","marginLeft","spacingHorizontalXS","caption1","useLabelStyles","large","fontSize","fontSizeBase300","lineHeight","lineHeightBase300","spacingHorizontalSNudge","extraLarge","fontSizeBase400","lineHeightBase400","spacingHorizontalS","strong","fontWeight","fontWeightSemibold","divider","content","useRatingDisplayStyles_unstable","state","size","rootClassName","className","labelClassName","labelStyles"],"mappings":"AAAA;AAEA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG3E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAEjE,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,WAAW;IACXC,WAAW;AACb,EAAE;AAEF;;CAEC,GAED,MAAMC,mBAAmBT,gBAAgB;IACvCU,SAAS;IACTC,UAAU;IACVC,YAAY;AACd;AAEA,MAAMC,oBAAoBb,gBAAgB;IACxCc,OAAOX,OAAOY,uBAAuB;IACrCC,YAAYb,OAAOc,mBAAmB;IACtC,GAAGb,iBAAiBc,QAAQ;AAC9B;AAEA,MAAMC,iBAAiBlB,WAAW;IAChCmB,OAAO;QACLC,UAAUlB,OAAOmB,eAAe;QAChCC,YAAYpB,OAAOqB,iBAAiB;QACpCR,YAAYb,OAAOsB,uBAAuB;IAC5C;IACAC,YAAY;QACVL,UAAUlB,OAAOwB,eAAe;QAChCJ,YAAYpB,OAAOyB,iBAAiB;QACpCZ,YAAYb,OAAO0B,kBAAkB;IACvC;IACAC,QAAQ;QACNC,YAAY5B,OAAO6B,kBAAkB;IACvC;IACAC,SAAS;QACP,YAAY;YACVC,SAAS;QACX;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,MAAME,gBAAgB7B;IACtB,oDAAoD;IACpD2B,MAAM9B,IAAI,CAACiC,SAAS,GAAGrC,aAAaG,wBAAwBC,IAAI,EAAEgC,eAAeF,MAAM9B,IAAI,CAACiC,SAAS;IACrG,MAAMC,iBAAiB3B;IACvB,MAAM4B,cAActB;IAEpB,IAAIiB,MAAM7B,SAAS,EAAE;QACnB,oDAAoD;QACpD6B,MAAM7B,SAAS,CAACgC,SAAS,GAAGrC,aAC1BG,wBAAwBE,SAAS,EACjCiC,gBACAC,YAAYX,MAAM,EAClBO,SAAS,WAAWI,YAAYrB,KAAK,EACrCiB,SAAS,iBAAiBI,YAAYf,UAAU,EAChDU,MAAM7B,SAAS,CAACgC,SAAS;IAE7B;IACA,IAAIH,MAAM5B,SAAS,EAAE;QACnB,oDAAoD;QACpD4B,MAAM5B,SAAS,CAAC+B,SAAS,GAAGrC,aAC1BG,wBAAwBG,SAAS,EACjCgC,gBACAH,SAAS,WAAWI,YAAYrB,KAAK,EACrCiB,SAAS,iBAAiBI,YAAYf,UAAU,EAChDU,MAAM7B,SAAS,IAAIkC,YAAYR,OAAO,EACtCG,MAAM5B,SAAS,CAAC+B,SAAS;IAE7B;IAEA,OAAOH;AACT,EAAE"}

package/lib/components/RatingItem/RatingItem.js

@@ -1,9 +1,9 @@
 'use client';
-import * as React from 'react';
-import { useRatingItem_unstable } from './useRatingItem';
-import { renderRatingItem_unstable } from './renderRatingItem';
-import { useRatingItemStyles_unstable } from './useRatingItemStyles.styles';
-import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import * as React from "react";
+import { useRatingItem_unstable } from "./useRatingItem.js";
+import { renderRatingItem_unstable } from "./renderRatingItem.js";
+import { useRatingItemStyles_unstable } from "./useRatingItemStyles.styles.js";
+import { useCustomStyleHook_unstable } from "@fluentui/react-shared-contexts";
 /**
  * RatingItem is an item that will be used to set or display a rating value.
  */ export const RatingItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{

package/lib/components/RatingItem/RatingItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RatingItem/RatingItem.tsx"],"sourcesContent":["'use client';\n\nimport * 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';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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  useCustomStyleHook_unstable('useRatingItemStyles_unstable')(state);\n\n  return renderRatingItem_unstable(state);\n});\n\nRatingItem.displayName = 'RatingItem';\n"],"names":["React","useRatingItem_unstable","renderRatingItem_unstable","useRatingItemStyles_unstable","useCustomStyleHook_unstable","RatingItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,+BAA+B;AAE5E,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,2BAAmDL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQR,uBAAuBM,OAAOC;IAE5CL,6BAA6BM;IAC7BL,4BAA4B,gCAAgCK;IAE5D,OAAOP,0BAA0BO;AACnC,GAAG;AAEHJ,WAAWK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/RatingItem/RatingItem.tsx"],"sourcesContent":["'use client';\n\nimport * 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';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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  useCustomStyleHook_unstable('useRatingItemStyles_unstable')(state);\n\n  return renderRatingItem_unstable(state);\n});\n\nRatingItem.displayName = 'RatingItem';\n"],"names":["React","useRatingItem_unstable","renderRatingItem_unstable","useRatingItemStyles_unstable","useCustomStyleHook_unstable","RatingItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,sBAAsB,QAAQ,qBAAkB;AACzD,SAASC,yBAAyB,QAAQ,wBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,kCAA+B;AAE5E,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,2BAAmDL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQR,uBAAuBM,OAAOC;IAE5CL,6BAA6BM;IAC7BL,4BAA4B,gCAAgCK;IAE5D,OAAOP,0BAA0BO;AACnC,GAAG;AAEHJ,WAAWK,WAAW,GAAG"}

package/lib/components/RatingItem/index.js

@@ -1,4 +1,4 @@
-export { RatingItem } from './RatingItem';
-export { renderRatingItem_unstable } from './renderRatingItem';
-export { useRatingItem_unstable, useRatingItemBase_unstable } from './useRatingItem';
-export { ratingItemClassNames, useRatingItemStyles_unstable } from './useRatingItemStyles.styles';
+export { RatingItem } from "./RatingItem.js";
+export { renderRatingItem_unstable } from "./renderRatingItem.js";
+export { useRatingItem_unstable, useRatingItemBase_unstable } from "./useRatingItem.js";
+export { ratingItemClassNames, useRatingItemStyles_unstable } from "./useRatingItemStyles.styles.js";

package/lib/components/RatingItem/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RatingItem/index.ts"],"sourcesContent":["export { RatingItem } from './RatingItem';\nexport type {\n  RatingItemContextValue,\n  RatingItemProps,\n  RatingItemBaseProps,\n  RatingItemSlots,\n  RatingItemState,\n  RatingItemBaseState,\n} from './RatingItem.types';\nexport { renderRatingItem_unstable } from './renderRatingItem';\nexport { useRatingItem_unstable, useRatingItemBase_unstable } from './useRatingItem';\nexport { ratingItemClassNames, useRatingItemStyles_unstable } from './useRatingItemStyles.styles';\n"],"names":["RatingItem","renderRatingItem_unstable","useRatingItem_unstable","useRatingItemBase_unstable","ratingItemClassNames","useRatingItemStyles_unstable"],"mappings":"AAAA,SAASA,UAAU,QAAQ,eAAe;AAS1C,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,sBAAsB,EAAEC,0BAA0B,QAAQ,kBAAkB;AACrF,SAASC,oBAAoB,EAAEC,4BAA4B,QAAQ,+BAA+B"}
+{"version":3,"sources":["../src/components/RatingItem/index.ts"],"sourcesContent":["export { RatingItem } from './RatingItem';\nexport type {\n  RatingItemContextValue,\n  RatingItemProps,\n  RatingItemBaseProps,\n  RatingItemSlots,\n  RatingItemState,\n  RatingItemBaseState,\n} from './RatingItem.types';\nexport { renderRatingItem_unstable } from './renderRatingItem';\nexport { useRatingItem_unstable, useRatingItemBase_unstable } from './useRatingItem';\nexport { ratingItemClassNames, useRatingItemStyles_unstable } from './useRatingItemStyles.styles';\n"],"names":["RatingItem","renderRatingItem_unstable","useRatingItem_unstable","useRatingItemBase_unstable","ratingItemClassNames","useRatingItemStyles_unstable"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAe;AAS1C,SAASC,yBAAyB,QAAQ,wBAAqB;AAC/D,SAASC,sBAAsB,EAAEC,0BAA0B,QAAQ,qBAAkB;AACrF,SAASC,oBAAoB,EAAEC,4BAA4B,QAAQ,kCAA+B"}

package/lib/components/RatingItem/renderRatingItem.js

@@ -1,5 +1,5 @@
   import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
-import { assertSlots } from '@fluentui/react-utilities';
+import { assertSlots } from "@fluentui/react-utilities";
 /**
  * Render the final JSX of RatingItem
  */ export const renderRatingItem_unstable = (state)=>{

package/lib/components/RatingItem/useRatingItem.js

@@ -1,8 +1,8 @@
 'use client';
-import * as React from 'react';
-import { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';
-import { useFocusWithin } from '@fluentui/react-tabster';
-import { useRatingItemContextValue_unstable } from '../../contexts/RatingItemContext';
+import * as React from "react";
+import { getIntrinsicElementProps, slot, useMergedRefs } from "@fluentui/react-utilities";
+import { useFocusWithin } from "@fluentui/react-tabster";
+import { useRatingItemContextValue_unstable } from "../../contexts/RatingItemContext.js";
 const defaultItemLabel = (num)=>num + '';
 /**
  * Create the state required to render RatingItem.

package/lib/components/RatingItem/useRatingItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RatingItem/useRatingItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport type { RatingItemBaseProps, RatingItemBaseState, RatingItemProps, RatingItemState } from './RatingItem.types';\nimport { useRatingItemContextValue_unstable } from '../../contexts/RatingItemContext';\n\nconst defaultItemLabel = (num: number) => num + '';\n\n/**\n * Create the state required to render RatingItem.\n *\n * The returned state can be modified with hooks such as useRatingItemStyles_unstable,\n * before being passed to renderRatingItem_unstable.\n *\n * @param props - props from this instance of RatingItem\n * @param ref - reference to root HTMLElement of RatingItem\n */\nexport const useRatingItem_unstable = (props: RatingItemProps, ref: React.Ref<HTMLSpanElement>): RatingItemState => {\n  const context = useRatingItemContextValue_unstable();\n  const state = useRatingItemBase_unstable(props, ref);\n\n  return {\n    ...state,\n    color: context.color,\n    size: context.size,\n  };\n};\n\n/**\n * Base hook for RatingItem component. Manages state related to fill width calculation,\n * radio input slots (for ARIA rating interaction), icon slots, and interactive mode —\n * without design props (color, size from context).\n *\n * @param props - props from this instance of RatingItem\n * @param ref - reference to root HTMLElement of RatingItem\n */\nexport const useRatingItemBase_unstable = (\n  props: RatingItemBaseProps,\n  ref: React.Ref<HTMLSpanElement>,\n): RatingItemBaseState => {\n  const context = useRatingItemContextValue_unstable();\n  const { value = 0 } = props;\n  const { itemLabel = defaultItemLabel, iconFilled: IconFilled, iconOutline: IconOutline } = context;\n\n  const ratingValue = Math.round((context.value || 0) * 2) / 2; // round to the nearest 0.5\n\n  const displayedRatingValue = context.hoveredValue ?? ratingValue;\n\n  const appearance = context.interactive ? 'outline' : 'filled';\n\n  let iconFillWidth;\n  if (context.compact || displayedRatingValue >= value) {\n    iconFillWidth = 1;\n  } else if (displayedRatingValue >= value - 0.5) {\n    iconFillWidth = 0.5;\n  } else {\n    iconFillWidth = 0;\n  }\n\n  const root = slot.always(\n    getIntrinsicElementProps('span', {\n      ref: useMergedRefs(useFocusWithin<HTMLSpanElement>(), ref),\n      ...props,\n    }),\n    { elementType: 'span' },\n  );\n\n  let unselectedIcon;\n  if (iconFillWidth < 1) {\n    unselectedIcon = slot.always(props.unselectedIcon, {\n      defaultProps: {\n        children: appearance === 'filled' ? <IconFilled /> : <IconOutline />,\n        'aria-hidden': true,\n      },\n      elementType: 'div',\n    });\n  }\n\n  let selectedIcon;\n  if (iconFillWidth > 0) {\n    selectedIcon = slot.always(props.selectedIcon, {\n      defaultProps: {\n        children: <IconFilled />,\n        'aria-hidden': true,\n      },\n      elementType: 'div',\n    });\n  }\n\n  let halfValueInput;\n  if (context.interactive && context.step === 0.5) {\n    halfValueInput = slot.always(props.halfValueInput, {\n      defaultProps: {\n        type: 'radio',\n        name: context.name,\n        value: value - 0.5,\n        checked: ratingValue === value - 0.5,\n        'aria-label': itemLabel(value - 0.5),\n        onChange: () => {\n          // This empty onChange handler silences an incorrect React warning about not using onChange for a controlled input.\n          // The parent Rating component has the real onChange handler to listen to change events from this input.\n        },\n      },\n      elementType: 'input',\n    });\n  }\n\n  let fullValueInput;\n  if (context.interactive) {\n    fullValueInput = slot.always(props.fullValueInput, {\n      defaultProps: {\n        type: 'radio',\n        name: context.name,\n        value,\n        checked: ratingValue === value,\n        'aria-label': itemLabel(value),\n        onChange: () => {\n          // This empty onChange handler silences an incorrect React warning about not using onChange for a controlled input.\n          // The parent Rating component has the real onChange handler to listen to change events from this input.\n        },\n      },\n\n      elementType: 'input',\n    });\n  }\n\n  return {\n    appearance,\n    step: context.step,\n    iconFillWidth,\n    value,\n    components: {\n      root: 'span',\n      selectedIcon: 'div',\n      unselectedIcon: 'div',\n      halfValueInput: 'input',\n      fullValueInput: 'input',\n    },\n    root,\n    selectedIcon,\n    unselectedIcon,\n    halfValueInput,\n    fullValueInput,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useMergedRefs","useFocusWithin","useRatingItemContextValue_unstable","defaultItemLabel","num","useRatingItem_unstable","props","ref","context","state","useRatingItemBase_unstable","color","size","value","itemLabel","iconFilled","IconFilled","iconOutline","IconOutline","ratingValue","Math","round","displayedRatingValue","hoveredValue","appearance","interactive","iconFillWidth","compact","root","always","elementType","unselectedIcon","defaultProps","children","selectedIcon","halfValueInput","step","type","name","checked","onChange","fullValueInput","components"],"mappings":"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"}
+{"version":3,"sources":["../src/components/RatingItem/useRatingItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport type { RatingItemBaseProps, RatingItemBaseState, RatingItemProps, RatingItemState } from './RatingItem.types';\nimport { useRatingItemContextValue_unstable } from '../../contexts/RatingItemContext';\n\nconst defaultItemLabel = (num: number) => num + '';\n\n/**\n * Create the state required to render RatingItem.\n *\n * The returned state can be modified with hooks such as useRatingItemStyles_unstable,\n * before being passed to renderRatingItem_unstable.\n *\n * @param props - props from this instance of RatingItem\n * @param ref - reference to root HTMLElement of RatingItem\n */\nexport const useRatingItem_unstable = (props: RatingItemProps, ref: React.Ref<HTMLSpanElement>): RatingItemState => {\n  const context = useRatingItemContextValue_unstable();\n  const state = useRatingItemBase_unstable(props, ref);\n\n  return {\n    ...state,\n    color: context.color,\n    size: context.size,\n  };\n};\n\n/**\n * Base hook for RatingItem component. Manages state related to fill width calculation,\n * radio input slots (for ARIA rating interaction), icon slots, and interactive mode —\n * without design props (color, size from context).\n *\n * @param props - props from this instance of RatingItem\n * @param ref - reference to root HTMLElement of RatingItem\n */\nexport const useRatingItemBase_unstable = (\n  props: RatingItemBaseProps,\n  ref: React.Ref<HTMLSpanElement>,\n): RatingItemBaseState => {\n  const context = useRatingItemContextValue_unstable();\n  const { value = 0 } = props;\n  const { itemLabel = defaultItemLabel, iconFilled: IconFilled, iconOutline: IconOutline } = context;\n\n  const ratingValue = Math.round((context.value || 0) * 2) / 2; // round to the nearest 0.5\n\n  const displayedRatingValue = context.hoveredValue ?? ratingValue;\n\n  const appearance = context.interactive ? 'outline' : 'filled';\n\n  let iconFillWidth;\n  if (context.compact || displayedRatingValue >= value) {\n    iconFillWidth = 1;\n  } else if (displayedRatingValue >= value - 0.5) {\n    iconFillWidth = 0.5;\n  } else {\n    iconFillWidth = 0;\n  }\n\n  const root = slot.always(\n    getIntrinsicElementProps('span', {\n      ref: useMergedRefs(useFocusWithin<HTMLSpanElement>(), ref),\n      ...props,\n    }),\n    { elementType: 'span' },\n  );\n\n  let unselectedIcon;\n  if (iconFillWidth < 1) {\n    unselectedIcon = slot.always(props.unselectedIcon, {\n      defaultProps: {\n        children: appearance === 'filled' ? <IconFilled /> : <IconOutline />,\n        'aria-hidden': true,\n      },\n      elementType: 'div',\n    });\n  }\n\n  let selectedIcon;\n  if (iconFillWidth > 0) {\n    selectedIcon = slot.always(props.selectedIcon, {\n      defaultProps: {\n        children: <IconFilled />,\n        'aria-hidden': true,\n      },\n      elementType: 'div',\n    });\n  }\n\n  let halfValueInput;\n  if (context.interactive && context.step === 0.5) {\n    halfValueInput = slot.always(props.halfValueInput, {\n      defaultProps: {\n        type: 'radio',\n        name: context.name,\n        value: value - 0.5,\n        checked: ratingValue === value - 0.5,\n        'aria-label': itemLabel(value - 0.5),\n        onChange: () => {\n          // This empty onChange handler silences an incorrect React warning about not using onChange for a controlled input.\n          // The parent Rating component has the real onChange handler to listen to change events from this input.\n        },\n      },\n      elementType: 'input',\n    });\n  }\n\n  let fullValueInput;\n  if (context.interactive) {\n    fullValueInput = slot.always(props.fullValueInput, {\n      defaultProps: {\n        type: 'radio',\n        name: context.name,\n        value,\n        checked: ratingValue === value,\n        'aria-label': itemLabel(value),\n        onChange: () => {\n          // This empty onChange handler silences an incorrect React warning about not using onChange for a controlled input.\n          // The parent Rating component has the real onChange handler to listen to change events from this input.\n        },\n      },\n\n      elementType: 'input',\n    });\n  }\n\n  return {\n    appearance,\n    step: context.step,\n    iconFillWidth,\n    value,\n    components: {\n      root: 'span',\n      selectedIcon: 'div',\n      unselectedIcon: 'div',\n      halfValueInput: 'input',\n      fullValueInput: 'input',\n    },\n    root,\n    selectedIcon,\n    unselectedIcon,\n    halfValueInput,\n    fullValueInput,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useMergedRefs","useFocusWithin","useRatingItemContextValue_unstable","defaultItemLabel","num","useRatingItem_unstable","props","ref","context","state","useRatingItemBase_unstable","color","size","value","itemLabel","iconFilled","IconFilled","iconOutline","IconOutline","ratingValue","Math","round","displayedRatingValue","hoveredValue","appearance","interactive","iconFillWidth","compact","root","always","elementType","unselectedIcon","defaultProps","children","selectedIcon","halfValueInput","step","type","name","checked","onChange","fullValueInput","components"],"mappings":"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"}

package/lib/components/RatingItem/useRatingItemStyles.styles.js

@@ -1,8 +1,8 @@
 'use client';
 
-import { __resetStyles, __styles, mergeClasses } from '@griffel/react';
-import { tokens } from '@fluentui/react-theme';
-import { createFocusOutlineStyle } from '@fluentui/react-tabster';
+import { __resetStyles, __styles, mergeClasses } from "@griffel/react";
+import { tokens } from "@fluentui/react-theme";
+import { createFocusOutlineStyle } from "@fluentui/react-tabster";
 export const ratingItemClassNames = {
   root: 'fui-RatingItem',
   selectedIcon: 'fui-RatingItem__selectedIcon',
@@ -149,8 +149,6 @@ const useIndicatorStyles = /*#__PURE__*/__styles({
  * Apply styling to the RatingItem slots based on the state
  */
 export const useRatingItemStyles_unstable = state => {
-  'use no memo';
-
   const {
     color,
     size,

package/lib/components/RatingItem/useRatingItemStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","createFocusOutlineStyle","ratingItemClassNames","root","selectedIcon","unselectedIcon","halfValueInput","fullValueInput","useStyles","qhf8xq","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","h6p2u","I6qiy5","yzno9d","By0wis0","B2j2mmj","wigs8","pbfy6t","B0v4ure","Byrf0fs","Bsiemmq","Bwckmig","skfxo0","Iidy0u","B98u21t","Bvwlmkc","jo1ztg","Ba1iezr","Blmvk6g","B24cy0v","Bil7v7r","Br3gin4","nr063g","ghq09","Bbgo44z","Bseh09z","az1dzo","Ba3ybja","B6352mv","vppk2z","Biaj6j7","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","small","Be2twd7","a9b677","Bqenvij","medium","large","d","p","f","i","m","useInputBaseClassName","useInputStyles","lowerHalf","j35jbq","upperHalf","oyh7mz","useIndicatorBaseClassName","useIndicatorStyles","l5kjut","uoufgc","v39lw8","Bbwb3tu","Frg6f3","brand","sj55zd","marigold","filled","ojy3ng","B7iucu3","Biw2w6l","brandFilled","marigoldFilled","useRatingItemStyles_unstable","state","color","size","iconFillWidth","appearance","styles","inputBaseClassName","inputStyles","indicatorBaseClassName","indicatorStyles","className"],"sources":["useRatingItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nexport const ratingItemClassNames = {\n    root: 'fui-RatingItem',\n    selectedIcon: 'fui-RatingItem__selectedIcon',\n    unselectedIcon: 'fui-RatingItem__unselectedIcon',\n    halfValueInput: 'fui-RatingItem__halfValueInput',\n    fullValueInput: 'fui-RatingItem__fullValueInput'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        position: 'relative',\n        ...createFocusOutlineStyle({\n            style: {},\n            selector: 'focus-within'\n        })\n    },\n    small: {\n        fontSize: '12px',\n        width: '12px',\n        height: '12px'\n    },\n    medium: {\n        fontSize: '16px',\n        width: '16px',\n        height: '16px'\n    },\n    large: {\n        fontSize: '20px',\n        width: '20px',\n        height: '20px'\n    },\n    'extra-large': {\n        fontSize: '28px',\n        width: '28px',\n        height: '28px'\n    }\n});\nconst useInputBaseClassName = makeResetStyles({\n    position: 'absolute',\n    left: 0,\n    top: 0,\n    right: 0,\n    bottom: 0,\n    boxSizing: 'border-box',\n    margin: 0,\n    opacity: 0,\n    cursor: 'pointer',\n    height: '100%'\n});\nconst useInputStyles = makeStyles({\n    lowerHalf: {\n        right: '50%'\n    },\n    upperHalf: {\n        left: '50%'\n    }\n});\nconst useIndicatorBaseClassName = makeResetStyles({\n    display: 'flex',\n    overflow: 'hidden',\n    color: tokens.colorNeutralForeground1,\n    fill: 'currentColor',\n    pointerEvents: 'none',\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    top: 0,\n    bottom: 0\n});\nconst useIndicatorStyles = makeStyles({\n    lowerHalf: {\n        right: '50%',\n        '& > svg': {\n            flex: '0 0 auto'\n        }\n    },\n    upperHalf: {\n        left: '50%',\n        marginLeft: '-50%'\n    },\n    brand: {\n        color: tokens.colorBrandForeground1\n    },\n    marigold: {\n        color: tokens.colorPaletteMarigoldBorderActive\n    },\n    filled: {\n        color: tokens.colorNeutralBackground6,\n        stroke: tokens.colorTransparentStroke,\n        '@media (forced-colors: active)': {\n            color: 'Canvas',\n            stroke: 'CanvasText'\n        }\n    },\n    brandFilled: {\n        color: tokens.colorBrandBackground2\n    },\n    marigoldFilled: {\n        color: tokens.colorPaletteMarigoldBackground2\n    }\n});\n/**\n * Apply styling to the RatingItem slots based on the state\n */ export const useRatingItemStyles_unstable = (state)=>{\n    'use no memo';\n    const { color, size, iconFillWidth, appearance } = state;\n    const styles = useStyles();\n    const inputBaseClassName = useInputBaseClassName();\n    const inputStyles = useInputStyles();\n    const indicatorBaseClassName = useIndicatorBaseClassName();\n    const indicatorStyles = useIndicatorStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(ratingItemClassNames.root, styles.root, styles[size], state.root.className);\n    if (state.halfValueInput) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.halfValueInput.className = mergeClasses(ratingItemClassNames.halfValueInput, inputBaseClassName, inputStyles.lowerHalf, state.halfValueInput.className);\n    }\n    if (state.fullValueInput) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.fullValueInput.className = mergeClasses(ratingItemClassNames.fullValueInput, inputBaseClassName, state.halfValueInput && inputStyles.upperHalf, state.fullValueInput.className);\n    }\n    if (state.unselectedIcon) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.unselectedIcon.className = 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);\n    }\n    if (state.selectedIcon) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.selectedIcon.className = mergeClasses(ratingItemClassNames.selectedIcon, indicatorBaseClassName, color === 'brand' && indicatorStyles.brand, color === 'marigold' && indicatorStyles.marigold, iconFillWidth === 0.5 && indicatorStyles.lowerHalf, state.selectedIcon.className);\n    }\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","createFocusOutlineStyle","ratingItemClassNames","root","selectedIcon","unselectedIcon","halfValueInput","fullValueInput","useStyles","qhf8xq","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","h6p2u","I6qiy5","yzno9d","By0wis0","B2j2mmj","wigs8","pbfy6t","B0v4ure","Byrf0fs","Bsiemmq","Bwckmig","skfxo0","Iidy0u","B98u21t","Bvwlmkc","jo1ztg","Ba1iezr","Blmvk6g","B24cy0v","Bil7v7r","Br3gin4","nr063g","ghq09","Bbgo44z","Bseh09z","az1dzo","Ba3ybja","B6352mv","vppk2z","Biaj6j7","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","small","Be2twd7","a9b677","Bqenvij","medium","large","d","p","f","i","m","useInputBaseClassName","useInputStyles","lowerHalf","j35jbq","upperHalf","oyh7mz","useIndicatorBaseClassName","useIndicatorStyles","l5kjut","uoufgc","v39lw8","Bbwb3tu","Frg6f3","brand","sj55zd","marigold","filled","ojy3ng","B7iucu3","Biw2w6l","brandFilled","marigoldFilled","useRatingItemStyles_unstable","state","color","size","iconFillWidth","appearance","styles","inputBaseClassName","inputStyles","indicatorBaseClassName","indicatorStyles","className"],"sources":["useRatingItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nimport { createFocusOutlineStyle } from \"@fluentui/react-tabster\";\nexport const ratingItemClassNames = {\n    root: 'fui-RatingItem',\n    selectedIcon: 'fui-RatingItem__selectedIcon',\n    unselectedIcon: 'fui-RatingItem__unselectedIcon',\n    halfValueInput: 'fui-RatingItem__halfValueInput',\n    fullValueInput: 'fui-RatingItem__fullValueInput'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        position: 'relative',\n        ...createFocusOutlineStyle({\n            style: {},\n            selector: 'focus-within'\n        })\n    },\n    small: {\n        fontSize: '12px',\n        width: '12px',\n        height: '12px'\n    },\n    medium: {\n        fontSize: '16px',\n        width: '16px',\n        height: '16px'\n    },\n    large: {\n        fontSize: '20px',\n        width: '20px',\n        height: '20px'\n    },\n    'extra-large': {\n        fontSize: '28px',\n        width: '28px',\n        height: '28px'\n    }\n});\nconst useInputBaseClassName = makeResetStyles({\n    position: 'absolute',\n    left: 0,\n    top: 0,\n    right: 0,\n    bottom: 0,\n    boxSizing: 'border-box',\n    margin: 0,\n    opacity: 0,\n    cursor: 'pointer',\n    height: '100%'\n});\nconst useInputStyles = makeStyles({\n    lowerHalf: {\n        right: '50%'\n    },\n    upperHalf: {\n        left: '50%'\n    }\n});\nconst useIndicatorBaseClassName = makeResetStyles({\n    display: 'flex',\n    overflow: 'hidden',\n    color: tokens.colorNeutralForeground1,\n    fill: 'currentColor',\n    pointerEvents: 'none',\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    top: 0,\n    bottom: 0\n});\nconst useIndicatorStyles = makeStyles({\n    lowerHalf: {\n        right: '50%',\n        '& > svg': {\n            flex: '0 0 auto'\n        }\n    },\n    upperHalf: {\n        left: '50%',\n        marginLeft: '-50%'\n    },\n    brand: {\n        color: tokens.colorBrandForeground1\n    },\n    marigold: {\n        color: tokens.colorPaletteMarigoldBorderActive\n    },\n    filled: {\n        color: tokens.colorNeutralBackground6,\n        stroke: tokens.colorTransparentStroke,\n        '@media (forced-colors: active)': {\n            color: 'Canvas',\n            stroke: 'CanvasText'\n        }\n    },\n    brandFilled: {\n        color: tokens.colorBrandBackground2\n    },\n    marigoldFilled: {\n        color: tokens.colorPaletteMarigoldBackground2\n    }\n});\n/**\n * Apply styling to the RatingItem slots based on the state\n */ export const useRatingItemStyles_unstable = (state)=>{\n    const { color, size, iconFillWidth, appearance } = state;\n    const styles = useStyles();\n    const inputBaseClassName = useInputBaseClassName();\n    const inputStyles = useInputStyles();\n    const indicatorBaseClassName = useIndicatorBaseClassName();\n    const indicatorStyles = useIndicatorStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(ratingItemClassNames.root, styles.root, styles[size], state.root.className);\n    if (state.halfValueInput) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.halfValueInput.className = mergeClasses(ratingItemClassNames.halfValueInput, inputBaseClassName, inputStyles.lowerHalf, state.halfValueInput.className);\n    }\n    if (state.fullValueInput) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.fullValueInput.className = mergeClasses(ratingItemClassNames.fullValueInput, inputBaseClassName, state.halfValueInput && inputStyles.upperHalf, state.fullValueInput.className);\n    }\n    if (state.unselectedIcon) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.unselectedIcon.className = 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);\n    }\n    if (state.selectedIcon) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.selectedIcon.className = mergeClasses(ratingItemClassNames.selectedIcon, indicatorBaseClassName, color === 'brand' && indicatorStyles.brand, color === 'marigold' && indicatorStyles.marigold, iconFillWidth === 0.5 && indicatorStyles.lowerHalf, state.selectedIcon.className);\n    }\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/RatingItem/useRatingItemStyles.styles.raw.js

@@ -1,7 +1,7 @@
 'use client';
-import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';
-import { tokens } from '@fluentui/react-theme';
-import { createFocusOutlineStyle } from '@fluentui/react-tabster';
+import { makeResetStyles, makeStyles, mergeClasses } from "@griffel/react";
+import { tokens } from "@fluentui/react-theme";
+import { createFocusOutlineStyle } from "@fluentui/react-tabster";
 export const ratingItemClassNames = {
     root: 'fui-RatingItem',
     selectedIcon: 'fui-RatingItem__selectedIcon',
@@ -107,7 +107,6 @@ const useIndicatorStyles = makeStyles({
 /**
  * Apply styling to the RatingItem slots based on the state
  */ export const useRatingItemStyles_unstable = (state)=>{
-    'use no memo';
     const { color, size, iconFillWidth, appearance } = state;
     const styles = useStyles();
     const inputBaseClassName = useInputBaseClassName();

package/lib/components/RatingItem/useRatingItemStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RatingItem/useRatingItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport type { RatingItemSlots, RatingItemState } from './RatingItem.types';\n\nexport const ratingItemClassNames: SlotClassNames<RatingItemSlots> = {\n  root: 'fui-RatingItem',\n  selectedIcon: 'fui-RatingItem__selectedIcon',\n  unselectedIcon: 'fui-RatingItem__unselectedIcon',\n  halfValueInput: 'fui-RatingItem__halfValueInput',\n  fullValueInput: 'fui-RatingItem__fullValueInput',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    position: 'relative',\n    ...createFocusOutlineStyle({ style: {}, selector: 'focus-within' }),\n  },\n  small: {\n    fontSize: '12px',\n    width: '12px',\n    height: '12px',\n  },\n\n  medium: {\n    fontSize: '16px',\n    width: '16px',\n    height: '16px',\n  },\n\n  large: {\n    fontSize: '20px',\n    width: '20px',\n    height: '20px',\n  },\n\n  'extra-large': {\n    fontSize: '28px',\n    width: '28px',\n    height: '28px',\n  },\n});\n\nconst useInputBaseClassName = makeResetStyles({\n  position: 'absolute',\n  left: 0,\n  top: 0,\n  right: 0,\n  bottom: 0,\n  boxSizing: 'border-box',\n  margin: 0,\n  opacity: 0,\n  cursor: 'pointer',\n  height: '100%',\n});\n\nconst useInputStyles = makeStyles({\n  lowerHalf: {\n    right: '50%',\n  },\n  upperHalf: {\n    left: '50%',\n  },\n});\n\nconst useIndicatorBaseClassName = makeResetStyles({\n  display: 'flex',\n  overflow: 'hidden',\n  color: tokens.colorNeutralForeground1,\n  fill: 'currentColor',\n  pointerEvents: 'none',\n  position: 'absolute',\n  left: 0,\n  right: 0,\n  top: 0,\n  bottom: 0,\n});\n\nconst useIndicatorStyles = makeStyles({\n  lowerHalf: {\n    right: '50%',\n    '& > svg': {\n      flex: '0 0 auto',\n    },\n  },\n  upperHalf: {\n    left: '50%',\n    marginLeft: '-50%',\n  },\n  brand: {\n    color: tokens.colorBrandForeground1,\n  },\n  marigold: {\n    color: tokens.colorPaletteMarigoldBorderActive,\n  },\n  filled: {\n    color: tokens.colorNeutralBackground6,\n    stroke: tokens.colorTransparentStroke,\n    '@media (forced-colors: active)': {\n      color: 'Canvas',\n      stroke: 'CanvasText',\n    },\n  },\n  brandFilled: {\n    color: tokens.colorBrandBackground2,\n  },\n  marigoldFilled: {\n    color: tokens.colorPaletteMarigoldBackground2,\n  },\n});\n\n/**\n * Apply styling to the RatingItem slots based on the state\n */\nexport const useRatingItemStyles_unstable = (state: RatingItemState): RatingItemState => {\n  'use no memo';\n\n  const { color, size, iconFillWidth, appearance } = state;\n  const styles = useStyles();\n  const inputBaseClassName = useInputBaseClassName();\n  const inputStyles = useInputStyles();\n  const indicatorBaseClassName = useIndicatorBaseClassName();\n  const indicatorStyles = useIndicatorStyles();\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(ratingItemClassNames.root, styles.root, styles[size], state.root.className);\n\n  if (state.halfValueInput) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.halfValueInput.className = mergeClasses(\n      ratingItemClassNames.halfValueInput,\n      inputBaseClassName,\n      inputStyles.lowerHalf,\n      state.halfValueInput.className,\n    );\n  }\n\n  if (state.fullValueInput) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.fullValueInput.className = mergeClasses(\n      ratingItemClassNames.fullValueInput,\n      inputBaseClassName,\n      state.halfValueInput && inputStyles.upperHalf,\n      state.fullValueInput.className,\n    );\n  }\n\n  if (state.unselectedIcon) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.unselectedIcon.className = mergeClasses(\n      ratingItemClassNames.unselectedIcon,\n      indicatorBaseClassName,\n      appearance === 'filled' && indicatorStyles.filled,\n      color === 'brand' && (appearance === 'filled' ? indicatorStyles.brandFilled : indicatorStyles.brand),\n      color === 'marigold' && (appearance === 'filled' ? indicatorStyles.marigoldFilled : indicatorStyles.marigold),\n      iconFillWidth === 0.5 && indicatorStyles.upperHalf,\n      state.unselectedIcon.className,\n    );\n  }\n\n  if (state.selectedIcon) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.selectedIcon.className = mergeClasses(\n      ratingItemClassNames.selectedIcon,\n      indicatorBaseClassName,\n      color === 'brand' && indicatorStyles.brand,\n      color === 'marigold' && indicatorStyles.marigold,\n      iconFillWidth === 0.5 && indicatorStyles.lowerHalf,\n      state.selectedIcon.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","createFocusOutlineStyle","ratingItemClassNames","root","selectedIcon","unselectedIcon","halfValueInput","fullValueInput","useStyles","position","style","selector","small","fontSize","width","height","medium","large","useInputBaseClassName","left","top","right","bottom","boxSizing","margin","opacity","cursor","useInputStyles","lowerHalf","upperHalf","useIndicatorBaseClassName","display","overflow","color","colorNeutralForeground1","fill","pointerEvents","useIndicatorStyles","flex","marginLeft","brand","colorBrandForeground1","marigold","colorPaletteMarigoldBorderActive","filled","colorNeutralBackground6","stroke","colorTransparentStroke","brandFilled","colorBrandBackground2","marigoldFilled","colorPaletteMarigoldBackground2","useRatingItemStyles_unstable","state","size","iconFillWidth","appearance","styles","inputBaseClassName","inputStyles","indicatorBaseClassName","indicatorStyles","className"],"mappings":"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"}
+{"version":3,"sources":["../src/components/RatingItem/useRatingItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport type { RatingItemSlots, RatingItemState } from './RatingItem.types';\n\nexport const ratingItemClassNames: SlotClassNames<RatingItemSlots> = {\n  root: 'fui-RatingItem',\n  selectedIcon: 'fui-RatingItem__selectedIcon',\n  unselectedIcon: 'fui-RatingItem__unselectedIcon',\n  halfValueInput: 'fui-RatingItem__halfValueInput',\n  fullValueInput: 'fui-RatingItem__fullValueInput',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    position: 'relative',\n    ...createFocusOutlineStyle({ style: {}, selector: 'focus-within' }),\n  },\n  small: {\n    fontSize: '12px',\n    width: '12px',\n    height: '12px',\n  },\n\n  medium: {\n    fontSize: '16px',\n    width: '16px',\n    height: '16px',\n  },\n\n  large: {\n    fontSize: '20px',\n    width: '20px',\n    height: '20px',\n  },\n\n  'extra-large': {\n    fontSize: '28px',\n    width: '28px',\n    height: '28px',\n  },\n});\n\nconst useInputBaseClassName = makeResetStyles({\n  position: 'absolute',\n  left: 0,\n  top: 0,\n  right: 0,\n  bottom: 0,\n  boxSizing: 'border-box',\n  margin: 0,\n  opacity: 0,\n  cursor: 'pointer',\n  height: '100%',\n});\n\nconst useInputStyles = makeStyles({\n  lowerHalf: {\n    right: '50%',\n  },\n  upperHalf: {\n    left: '50%',\n  },\n});\n\nconst useIndicatorBaseClassName = makeResetStyles({\n  display: 'flex',\n  overflow: 'hidden',\n  color: tokens.colorNeutralForeground1,\n  fill: 'currentColor',\n  pointerEvents: 'none',\n  position: 'absolute',\n  left: 0,\n  right: 0,\n  top: 0,\n  bottom: 0,\n});\n\nconst useIndicatorStyles = makeStyles({\n  lowerHalf: {\n    right: '50%',\n    '& > svg': {\n      flex: '0 0 auto',\n    },\n  },\n  upperHalf: {\n    left: '50%',\n    marginLeft: '-50%',\n  },\n  brand: {\n    color: tokens.colorBrandForeground1,\n  },\n  marigold: {\n    color: tokens.colorPaletteMarigoldBorderActive,\n  },\n  filled: {\n    color: tokens.colorNeutralBackground6,\n    stroke: tokens.colorTransparentStroke,\n    '@media (forced-colors: active)': {\n      color: 'Canvas',\n      stroke: 'CanvasText',\n    },\n  },\n  brandFilled: {\n    color: tokens.colorBrandBackground2,\n  },\n  marigoldFilled: {\n    color: tokens.colorPaletteMarigoldBackground2,\n  },\n});\n\n/**\n * Apply styling to the RatingItem slots based on the state\n */\nexport const useRatingItemStyles_unstable = (state: RatingItemState): RatingItemState => {\n  const { color, size, iconFillWidth, appearance } = state;\n  const styles = useStyles();\n  const inputBaseClassName = useInputBaseClassName();\n  const inputStyles = useInputStyles();\n  const indicatorBaseClassName = useIndicatorBaseClassName();\n  const indicatorStyles = useIndicatorStyles();\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(ratingItemClassNames.root, styles.root, styles[size], state.root.className);\n\n  if (state.halfValueInput) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.halfValueInput.className = mergeClasses(\n      ratingItemClassNames.halfValueInput,\n      inputBaseClassName,\n      inputStyles.lowerHalf,\n      state.halfValueInput.className,\n    );\n  }\n\n  if (state.fullValueInput) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.fullValueInput.className = mergeClasses(\n      ratingItemClassNames.fullValueInput,\n      inputBaseClassName,\n      state.halfValueInput && inputStyles.upperHalf,\n      state.fullValueInput.className,\n    );\n  }\n\n  if (state.unselectedIcon) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.unselectedIcon.className = mergeClasses(\n      ratingItemClassNames.unselectedIcon,\n      indicatorBaseClassName,\n      appearance === 'filled' && indicatorStyles.filled,\n      color === 'brand' && (appearance === 'filled' ? indicatorStyles.brandFilled : indicatorStyles.brand),\n      color === 'marigold' && (appearance === 'filled' ? indicatorStyles.marigoldFilled : indicatorStyles.marigold),\n      iconFillWidth === 0.5 && indicatorStyles.upperHalf,\n      state.unselectedIcon.className,\n    );\n  }\n\n  if (state.selectedIcon) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.selectedIcon.className = mergeClasses(\n      ratingItemClassNames.selectedIcon,\n      indicatorBaseClassName,\n      color === 'brand' && indicatorStyles.brand,\n      color === 'marigold' && indicatorStyles.marigold,\n      iconFillWidth === 0.5 && indicatorStyles.lowerHalf,\n      state.selectedIcon.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","createFocusOutlineStyle","ratingItemClassNames","root","selectedIcon","unselectedIcon","halfValueInput","fullValueInput","useStyles","position","style","selector","small","fontSize","width","height","medium","large","useInputBaseClassName","left","top","right","bottom","boxSizing","margin","opacity","cursor","useInputStyles","lowerHalf","upperHalf","useIndicatorBaseClassName","display","overflow","color","colorNeutralForeground1","fill","pointerEvents","useIndicatorStyles","flex","marginLeft","brand","colorBrandForeground1","marigold","colorPaletteMarigoldBorderActive","filled","colorNeutralBackground6","stroke","colorTransparentStroke","brandFilled","colorBrandBackground2","marigoldFilled","colorPaletteMarigoldBackground2","useRatingItemStyles_unstable","state","size","iconFillWidth","appearance","styles","inputBaseClassName","inputStyles","indicatorBaseClassName","indicatorStyles","className"],"mappings":"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"}

package/lib/contexts/RatingItemContext.js

@@ -1,5 +1,5 @@
 'use client';
-import * as React from 'react';
+import * as React from "react";
 /**
  * RatingContext is provided by Rating, and is consumed by Rating to determine default values of some props.
  */ export const RatingItemContext = /*#__PURE__*/ React.createContext(undefined);

package/lib/contexts/index.js

@@ -1 +1 @@
-export { RatingItemContext, RatingItemProvider, useRatingItemContextValue_unstable } from './RatingItemContext';
+export { RatingItemContext, RatingItemProvider, useRatingItemContextValue_unstable } from "./RatingItemContext.js";

package/lib/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export { RatingItemContext, RatingItemProvider, useRatingItemContextValue_unstable } from './RatingItemContext';\n"],"names":["RatingItemContext","RatingItemProvider","useRatingItemContextValue_unstable"],"mappings":"AAAA,SAASA,iBAAiB,EAAEC,kBAAkB,EAAEC,kCAAkC,QAAQ,sBAAsB"}
+{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export { RatingItemContext, RatingItemProvider, useRatingItemContextValue_unstable } from './RatingItemContext';\n"],"names":["RatingItemContext","RatingItemProvider","useRatingItemContextValue_unstable"],"mappings":"AAAA,SAASA,iBAAiB,EAAEC,kBAAkB,EAAEC,kCAAkC,QAAQ,yBAAsB"}

package/lib/index.js

@@ -1,4 +1,4 @@
-export { Rating, ratingClassNames, renderRating_unstable, useRatingStyles_unstable, useRating_unstable, useRatingContextValues, useRatingBase_unstable } from './Rating';
-export { RatingItem, ratingItemClassNames, renderRatingItem_unstable, useRatingItemStyles_unstable, useRatingItem_unstable, useRatingItemBase_unstable } from './RatingItem';
-export { RatingItemProvider, useRatingItemContextValue_unstable } from './contexts/index';
-export { RatingDisplay, ratingDisplayClassNames, renderRatingDisplay_unstable, useRatingDisplayStyles_unstable, useRatingDisplay_unstable, useRatingDisplayContextValues, useRatingDisplayBase_unstable } from './RatingDisplay';
+export { Rating, ratingClassNames, renderRating_unstable, useRatingStyles_unstable, useRating_unstable, useRatingContextValues, useRatingBase_unstable } from "./Rating.js";
+export { RatingItem, ratingItemClassNames, renderRatingItem_unstable, useRatingItemStyles_unstable, useRatingItem_unstable, useRatingItemBase_unstable } from "./RatingItem.js";
+export { RatingItemProvider, useRatingItemContextValue_unstable } from "./contexts/index.js";
+export { RatingDisplay, ratingDisplayClassNames, renderRatingDisplay_unstable, useRatingDisplayStyles_unstable, useRatingDisplay_unstable, useRatingDisplayContextValues, useRatingDisplayBase_unstable } from "./RatingDisplay.js";

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Rating,\n  ratingClassNames,\n  renderRating_unstable,\n  useRatingStyles_unstable,\n  useRating_unstable,\n  useRatingContextValues,\n  useRatingBase_unstable,\n} from './Rating';\nexport type {\n  RatingProps,\n  RatingSlots,\n  RatingState,\n  RatingOnChangeEventData,\n  RatingContextValues,\n  RatingBaseProps,\n  RatingBaseState,\n} from './Rating';\nexport {\n  RatingItem,\n  ratingItemClassNames,\n  renderRatingItem_unstable,\n  useRatingItemStyles_unstable,\n  useRatingItem_unstable,\n  useRatingItemBase_unstable,\n} from './RatingItem';\nexport type {\n  RatingItemProps,\n  RatingItemSlots,\n  RatingItemState,\n  RatingItemBaseProps,\n  RatingItemBaseState,\n} from './RatingItem';\nexport { RatingItemProvider, useRatingItemContextValue_unstable } from './contexts/index';\nexport {\n  RatingDisplay,\n  ratingDisplayClassNames,\n  renderRatingDisplay_unstable,\n  useRatingDisplayStyles_unstable,\n  useRatingDisplay_unstable,\n  useRatingDisplayContextValues,\n  useRatingDisplayBase_unstable,\n} from './RatingDisplay';\nexport type {\n  RatingDisplayProps,\n  RatingDisplaySlots,\n  RatingDisplayState,\n  RatingDisplayContextValues,\n  RatingDisplayBaseProps,\n  RatingDisplayBaseState,\n} from './RatingDisplay';\n"],"names":["Rating","ratingClassNames","renderRating_unstable","useRatingStyles_unstable","useRating_unstable","useRatingContextValues","useRatingBase_unstable","RatingItem","ratingItemClassNames","renderRatingItem_unstable","useRatingItemStyles_unstable","useRatingItem_unstable","useRatingItemBase_unstable","RatingItemProvider","useRatingItemContextValue_unstable","RatingDisplay","ratingDisplayClassNames","renderRatingDisplay_unstable","useRatingDisplayStyles_unstable","useRatingDisplay_unstable","useRatingDisplayContextValues","useRatingDisplayBase_unstable"],"mappings":"AAAA,SACEA,MAAM,EACNC,gBAAgB,EAChBC,qBAAqB,EACrBC,wBAAwB,EACxBC,kBAAkB,EAClBC,sBAAsB,EACtBC,sBAAsB,QACjB,WAAW;AAUlB,SACEC,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,EACtBC,0BAA0B,QACrB,eAAe;AAQtB,SAASC,kBAAkB,EAAEC,kCAAkC,QAAQ,mBAAmB;AAC1F,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,EACzBC,6BAA6B,EAC7BC,6BAA6B,QACxB,kBAAkB"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Rating,\n  ratingClassNames,\n  renderRating_unstable,\n  useRatingStyles_unstable,\n  useRating_unstable,\n  useRatingContextValues,\n  useRatingBase_unstable,\n} from './Rating';\nexport type {\n  RatingProps,\n  RatingSlots,\n  RatingState,\n  RatingOnChangeEventData,\n  RatingContextValues,\n  RatingBaseProps,\n  RatingBaseState,\n} from './Rating';\nexport {\n  RatingItem,\n  ratingItemClassNames,\n  renderRatingItem_unstable,\n  useRatingItemStyles_unstable,\n  useRatingItem_unstable,\n  useRatingItemBase_unstable,\n} from './RatingItem';\nexport type {\n  RatingItemProps,\n  RatingItemSlots,\n  RatingItemState,\n  RatingItemBaseProps,\n  RatingItemBaseState,\n} from './RatingItem';\nexport { RatingItemProvider, useRatingItemContextValue_unstable } from './contexts/index';\nexport {\n  RatingDisplay,\n  ratingDisplayClassNames,\n  renderRatingDisplay_unstable,\n  useRatingDisplayStyles_unstable,\n  useRatingDisplay_unstable,\n  useRatingDisplayContextValues,\n  useRatingDisplayBase_unstable,\n} from './RatingDisplay';\nexport type {\n  RatingDisplayProps,\n  RatingDisplaySlots,\n  RatingDisplayState,\n  RatingDisplayContextValues,\n  RatingDisplayBaseProps,\n  RatingDisplayBaseState,\n} from './RatingDisplay';\n"],"names":["Rating","ratingClassNames","renderRating_unstable","useRatingStyles_unstable","useRating_unstable","useRatingContextValues","useRatingBase_unstable","RatingItem","ratingItemClassNames","renderRatingItem_unstable","useRatingItemStyles_unstable","useRatingItem_unstable","useRatingItemBase_unstable","RatingItemProvider","useRatingItemContextValue_unstable","RatingDisplay","ratingDisplayClassNames","renderRatingDisplay_unstable","useRatingDisplayStyles_unstable","useRatingDisplay_unstable","useRatingDisplayContextValues","useRatingDisplayBase_unstable"],"mappings":"AAAA,SACEA,MAAM,EACNC,gBAAgB,EAChBC,qBAAqB,EACrBC,wBAAwB,EACxBC,kBAAkB,EAClBC,sBAAsB,EACtBC,sBAAsB,QACjB,cAAW;AAUlB,SACEC,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,EACtBC,0BAA0B,QACrB,kBAAe;AAQtB,SAASC,kBAAkB,EAAEC,kCAAkC,QAAQ,sBAAmB;AAC1F,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,EACzBC,6BAA6B,EAC7BC,6BAA6B,QACxB,qBAAkB"}

package/lib-commonjs/{Rating.js → Rating.cjs}

@@ -31,4 +31,4 @@ _export(exports, {
         return _index.useRating_unstable;
     }
 });
-const _index = require("./components/Rating/index");
+const _index = require("./components/Rating/index.cjs");

package/lib-commonjs/{Rating.js.map → Rating.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Rating.ts"],"sourcesContent":["export type {\n  RatingContextValues,\n  RatingOnChangeEventData,\n  RatingProps,\n  RatingBaseProps,\n  RatingSlots,\n  RatingState,\n  RatingBaseState,\n} from './components/Rating/index';\nexport {\n  Rating,\n  ratingClassNames,\n  renderRating_unstable,\n  useRatingContextValues,\n  useRatingStyles_unstable,\n  useRating_unstable,\n  useRatingBase_unstable,\n} from './components/Rating/index';\n"],"names":["Rating","ratingClassNames","renderRating_unstable","useRatingContextValues","useRatingStyles_unstable","useRating_unstable","useRatingBase_unstable"],"mappings":";;;;;;;;;;;;eAUEA,aAAM;;;eACNC,uBAAgB;;;eAChBC,4BAAqB;;;eAIrBI,6BAAsB;;;eAHtBH,6BAAsB;;;eACtBC,+BAAwB;;;eACxBC,yBAAkB;;;uBAEb,4BAA4B"}
+{"version":3,"sources":["../src/Rating.ts"],"sourcesContent":["export type {\n  RatingContextValues,\n  RatingOnChangeEventData,\n  RatingProps,\n  RatingBaseProps,\n  RatingSlots,\n  RatingState,\n  RatingBaseState,\n} from './components/Rating/index';\nexport {\n  Rating,\n  ratingClassNames,\n  renderRating_unstable,\n  useRatingContextValues,\n  useRatingStyles_unstable,\n  useRating_unstable,\n  useRatingBase_unstable,\n} from './components/Rating/index';\n"],"names":["Rating","ratingClassNames","renderRating_unstable","useRatingContextValues","useRatingStyles_unstable","useRating_unstable","useRatingBase_unstable"],"mappings":";;;;;;;;;;;;eAUEA,aAAM;;;eACNC,uBAAgB;;;eAChBC,4BAAqB;;;eAIrBI,6BAAsB;;;eAHtBH,6BAAsB;;;eACtBC,+BAAwB;;;eACxBC,yBAAkB;;;uBAEb,+BAA4B"}

package/lib-commonjs/{RatingDisplay.js → RatingDisplay.cjs}

@@ -31,4 +31,4 @@ _export(exports, {
         return _index.useRatingDisplay_unstable;
     }
 });
-const _index = require("./components/RatingDisplay/index");
+const _index = require("./components/RatingDisplay/index.cjs");

package/lib-commonjs/{RatingDisplay.js.map → RatingDisplay.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/RatingDisplay.ts"],"sourcesContent":["export type {\n  RatingDisplayContextValues,\n  RatingDisplayProps,\n  RatingDisplayBaseProps,\n  RatingDisplaySlots,\n  RatingDisplayState,\n  RatingDisplayBaseState,\n} from './components/RatingDisplay/index';\nexport {\n  RatingDisplay,\n  ratingDisplayClassNames,\n  renderRatingDisplay_unstable,\n  useRatingDisplayContextValues,\n  useRatingDisplayStyles_unstable,\n  useRatingDisplay_unstable,\n  useRatingDisplayBase_unstable,\n} from './components/RatingDisplay/index';\n"],"names":["RatingDisplay","ratingDisplayClassNames","renderRatingDisplay_unstable","useRatingDisplayContextValues","useRatingDisplayStyles_unstable","useRatingDisplay_unstable","useRatingDisplayBase_unstable"],"mappings":";;;;;;;;;;;;eASEA,oBAAa;;;eACbC,8BAAuB;;;eACvBC,mCAA4B;;;eAI5BI,oCAA6B;;;eAH7BH,oCAA6B;;;eAC7BC,sCAA+B;;;eAC/BC,gCAAyB;;;uBAEpB,mCAAmC"}
+{"version":3,"sources":["../src/RatingDisplay.ts"],"sourcesContent":["export type {\n  RatingDisplayContextValues,\n  RatingDisplayProps,\n  RatingDisplayBaseProps,\n  RatingDisplaySlots,\n  RatingDisplayState,\n  RatingDisplayBaseState,\n} from './components/RatingDisplay/index';\nexport {\n  RatingDisplay,\n  ratingDisplayClassNames,\n  renderRatingDisplay_unstable,\n  useRatingDisplayContextValues,\n  useRatingDisplayStyles_unstable,\n  useRatingDisplay_unstable,\n  useRatingDisplayBase_unstable,\n} from './components/RatingDisplay/index';\n"],"names":["RatingDisplay","ratingDisplayClassNames","renderRatingDisplay_unstable","useRatingDisplayContextValues","useRatingDisplayStyles_unstable","useRatingDisplay_unstable","useRatingDisplayBase_unstable"],"mappings":";;;;;;;;;;;;eASEA,oBAAa;;;eACbC,8BAAuB;;;eACvBC,mCAA4B;;;eAI5BI,oCAA6B;;;eAH7BH,oCAA6B;;;eAC7BC,sCAA+B;;;eAC/BC,gCAAyB;;;uBAEpB,sCAAmC"}

package/lib-commonjs/{RatingItem.js → RatingItem.cjs}

@@ -28,4 +28,4 @@ _export(exports, {
         return _index.useRatingItem_unstable;
     }
 });
-const _index = require("./components/RatingItem/index");
+const _index = require("./components/RatingItem/index.cjs");

package/lib-commonjs/{RatingItem.js.map → RatingItem.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/RatingItem.ts"],"sourcesContent":["export type {\n  RatingItemContextValue,\n  RatingItemProps,\n  RatingItemBaseProps,\n  RatingItemSlots,\n  RatingItemState,\n  RatingItemBaseState,\n} from './components/RatingItem/index';\nexport {\n  RatingItem,\n  ratingItemClassNames,\n  renderRatingItem_unstable,\n  useRatingItemStyles_unstable,\n  useRatingItem_unstable,\n  useRatingItemBase_unstable,\n} from './components/RatingItem/index';\n"],"names":["RatingItem","ratingItemClassNames","renderRatingItem_unstable","useRatingItemStyles_unstable","useRatingItem_unstable","useRatingItemBase_unstable"],"mappings":";;;;;;;;;;;;eASEA,iBAAU;;;eACVC,2BAAoB;;;eACpBC,gCAAyB;;;eAGzBG,iCAA0B;;;eAF1BF,mCAA4B;;;eAC5BC,6BAAsB;;;uBAEjB,gCAAgC"}
+{"version":3,"sources":["../src/RatingItem.ts"],"sourcesContent":["export type {\n  RatingItemContextValue,\n  RatingItemProps,\n  RatingItemBaseProps,\n  RatingItemSlots,\n  RatingItemState,\n  RatingItemBaseState,\n} from './components/RatingItem/index';\nexport {\n  RatingItem,\n  ratingItemClassNames,\n  renderRatingItem_unstable,\n  useRatingItemStyles_unstable,\n  useRatingItem_unstable,\n  useRatingItemBase_unstable,\n} from './components/RatingItem/index';\n"],"names":["RatingItem","ratingItemClassNames","renderRatingItem_unstable","useRatingItemStyles_unstable","useRatingItem_unstable","useRatingItemBase_unstable"],"mappings":";;;;;;;;;;;;eASEA,iBAAU;;;eACVC,2BAAoB;;;eACpBC,gCAAyB;;;eAGzBG,iCAA0B;;;eAF1BF,mCAA4B;;;eAC5BC,6BAAsB;;;uBAEjB,mCAAgC"}

package/lib-commonjs/components/Rating/{Rating.js → Rating.cjs}

@@ -11,10 +11,10 @@ Object.defineProperty(exports, "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 _useRating = require("./useRating.cjs");
+const _renderRating = require("./renderRating.cjs");
+const _useRatingStylesstyles = require("./useRatingStyles.styles.cjs");
+const _useRatingContextValues = require("./useRatingContextValues.cjs");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const Rating = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useRating.useRating_unstable)(props, ref);