@fluentui/react-rating 9.4.2 → 9.4.4

package/CHANGELOG.md

@@ -1,12 +1,38 @@
 # Change Log - @fluentui/react-rating
 
-This log was last generated on Tue, 26 May 2026 09:33:57 GMT and should not be manually modified.
+<!-- This log was last generated on Tue, 11 Aug 2026 17:16:02 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## [9.4.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating_v9.4.4)
+
+Tue, 11 Aug 2026 17:16:02 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating_v9.4.3..@fluentui/react-rating_v9.4.4)
+
+### Patches
+
+- Ship ESM-first (type:module): valid ESM under lib/, CommonJS under lib-commonjs/*.cjs, and drop the `node` export condition - bare-Node `import` resolves ESM, `require` resolves CJS; node-targeted bundlers tree-shake. ([PR #36327](https://github.com/microsoft/fluentui/pull/36327) by martinhochel@microsoft.com)
+- Bump @fluentui/react-jsx-runtime to v9.4.5 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.26.3 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-tabster to v9.26.17 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-theme to v9.2.2 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-utilities to v9.26.6 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+
+## [9.4.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating_v9.4.3)
+
+Wed, 24 Jun 2026 11:09:54 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating_v9.4.2..@fluentui/react-rating_v9.4.3)
+
+### Patches
+
+- fix: remove redundant use no memo directives, and add justification to valid ones ([PR #36224](https://github.com/microsoft/fluentui/pull/36224) by martinhochel@microsoft.com)
+- Bump @fluentui/react-jsx-runtime to v9.4.4 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
+- Bump @fluentui/react-tabster to v9.26.16 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
+- Bump @fluentui/react-utilities to v9.26.5 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
+
 ## [9.4.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating_v9.4.2)
 
-Tue, 26 May 2026 09:33:57 GMT 
+Tue, 26 May 2026 09:39:35 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating_v9.4.1..@fluentui/react-rating_v9.4.2)
 
 ### Patches

package/dist/index.d.cts

@@ -0,0 +1,350 @@
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { EventData } from '@fluentui/react-utilities';
+import type { EventHandler } from '@fluentui/react-utilities';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import type { JSXElement } from '@fluentui/react-utilities';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+
+/**
+ * Rating is a wrapper for one or more rating items that will be used to set a rating value.
+ */
+export declare const Rating: ForwardRefComponent<RatingProps>;
+
+/**
+ * Rating base props — excludes design props (color, size).
+ */
+export declare type RatingBaseProps = Omit<RatingProps, 'color' | 'size'>;
+
+/**
+ * Rating base state — excludes design props (color, size).
+ */
+export declare type RatingBaseState = Omit<RatingState, 'color' | 'size'>;
+
+export declare const ratingClassNames: SlotClassNames<RatingSlots>;
+
+export declare type RatingContextValues = {
+    ratingItem: RatingItemContextValue;
+};
+
+/**
+ * RatingDisplay is a wrapper for one or more rating items that will be used to display a rating value
+ * as well as the label for the rating.
+ */
+export declare const RatingDisplay: ForwardRefComponent<RatingDisplayProps>;
+
+/**
+ * RatingDisplay base props — excludes design props (color, size).
+ */
+export declare type RatingDisplayBaseProps = Omit<RatingDisplayProps, 'color' | 'size'>;
+
+/**
+ * RatingDisplay base state — excludes design props (color, size).
+ */
+export declare type RatingDisplayBaseState = Omit<RatingDisplayState, 'color' | 'size' | 'icon'> & Pick<RatingDisplayProps, 'icon'>;
+
+export declare const ratingDisplayClassNames: SlotClassNames<RatingDisplaySlots>;
+
+export declare type RatingDisplayContextValues = {
+    ratingItem: RatingItemContextValue;
+};
+
+/**
+ * RatingDisplay Props
+ */
+export declare type RatingDisplayProps = ComponentProps<RatingDisplaySlots> & {
+    /**
+     * Color of the rating items (stars).
+     * @default neutral
+     */
+    color?: 'brand' | 'marigold' | 'neutral';
+    /**
+     * Renders a single filled star, with the value written next to it.
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * The number of ratings represented by the rating value.
+     * This will be formatted with a thousands separator (if applicable) and displayed next to the value.
+     */
+    count?: number;
+    /**
+     * The icon used for rating items.
+     * @default StarFilled
+     */
+    icon?: React_2.ElementType;
+    /**
+     * The max value of the rating. This controls the number of rating items displayed.
+     * Must be a whole number greater than 1.
+     * @default 5
+     */
+    max?: number;
+    /**
+     * Sets the size of the RatingDisplay items.
+     * @default medium
+     */
+    size?: 'small' | 'medium' | 'large' | 'extra-large';
+    /**
+     * The value of the rating
+     */
+    value?: number;
+};
+
+export declare type RatingDisplaySlots = {
+    root: NonNullable<Slot<'div'>>;
+    valueText?: Slot<'span'>;
+    countText?: Slot<'span'>;
+};
+
+/**
+ * State used in rendering RatingDisplay
+ */
+export declare type RatingDisplayState = ComponentState<RatingDisplaySlots> & Required<Pick<RatingDisplayProps, 'color' | 'compact' | 'icon' | 'max' | 'size'>> & Pick<RatingDisplayProps, 'value'>;
+
+/**
+ * RatingItem is an item that will be used to set or display a rating value.
+ */
+export declare const RatingItem: ForwardRefComponent<RatingItemProps>;
+
+/**
+ * RatingItem base props — same as RatingItemProps (no design-only props at this level).
+ */
+export declare type RatingItemBaseProps = RatingItemProps;
+
+/**
+ * RatingItem base state — excludes design props (color, size) from context.
+ */
+export declare type RatingItemBaseState = Omit<RatingItemState, 'color' | 'size'>;
+
+export declare const ratingItemClassNames: SlotClassNames<RatingItemSlots>;
+
+declare type RatingItemContextValue = Partial<Pick<RatingState, 'name' | 'hoveredValue' | 'value'>> & Pick<RatingState, 'color' | 'iconFilled' | 'iconOutline' | 'itemLabel' | 'step' | 'size'> & Partial<Pick<RatingDisplayState, 'compact'>> & {
+    interactive?: boolean;
+};
+
+/**
+ * RatingItem Props
+ */
+export declare type RatingItemProps = ComponentProps<Partial<RatingItemSlots>> & {
+    /**
+     * The positive whole number value that is displayed by this RatingItem
+     */
+    value?: number;
+};
+
+export declare const RatingItemProvider: React_2.Provider<RatingItemContextValue | undefined>;
+
+export declare type RatingItemSlots = {
+    /**
+     * The root slot of the RatingItem.
+     * Default html element is span
+     */
+    root: NonNullable<Slot<'span'>>;
+    /**
+     * Icon displayed when the rating value is greater than or equal to the item's value.
+     */
+    selectedIcon?: NonNullable<Slot<'div'>>;
+    /**
+     * Icon displayed when the rating value is less than the item's value.
+     */
+    unselectedIcon?: NonNullable<Slot<'div'>>;
+    /**
+     * Radio input slot used for half star precision
+     */
+    halfValueInput?: NonNullable<Slot<'input'>>;
+    /**
+     * Radio input slot used for full star precision
+     */
+    fullValueInput?: NonNullable<Slot<'input'>>;
+};
+
+/**
+ * State used in rendering RatingItem
+ */
+export declare type RatingItemState = ComponentState<RatingItemSlots> & Required<Pick<RatingItemProps, 'value'>> & Pick<RatingState, 'color' | 'step' | 'size'> & {
+    iconFillWidth: number;
+    appearance: 'outline' | 'filled';
+};
+
+/**
+ * Data for the onChange event for Rating.
+ */
+export declare type RatingOnChangeEventData = EventData<'change', React_2.FormEvent<HTMLDivElement>> & {
+    /**
+     * The new value of the rating.
+     */
+    value: number;
+};
+
+/**
+ * Rating Props
+ */
+export declare type RatingProps = Omit<ComponentProps<Partial<RatingSlots>>, 'onChange'> & {
+    /**
+     * Controls the color of the Rating.
+     * @default neutral
+     */
+    color?: 'brand' | 'marigold' | 'neutral';
+    /**
+     * Default value of the Rating
+     */
+    defaultValue?: number;
+    /**
+     * The icon to display when the rating value is greater than or equal to the item's value.
+     */
+    iconFilled?: React_2.ElementType;
+    /**
+     * The icon to display when the rating value is less than the item's value.
+     */
+    iconOutline?: React_2.ElementType;
+    /**
+     * Prop to generate the aria-label for the rating inputs.
+     * @default (rating) =\> `${rating}`
+     */
+    itemLabel?: (rating: number) => string;
+    /**
+     * The max value of the rating. This controls the number of rating items displayed.
+     * Must be a whole number greater than 1.
+     * @default 5
+     */
+    max?: number;
+    /**
+     * Name for the Radio inputs. If not provided, one will be automatically generated
+     */
+    name?: string;
+    /**
+     * Callback when the rating value is changed by the user.
+     */
+    onChange?: EventHandler<RatingOnChangeEventData>;
+    /**
+     * Sets the precision to allow half-filled shapes in Rating
+     * @default 1
+     */
+    step?: 0.5 | 1;
+    /**
+     * Sets the size of the Rating items.
+     * @default extra-large
+     */
+    size?: 'small' | 'medium' | 'large' | 'extra-large';
+    /**
+     * The value of the rating
+     */
+    value?: number;
+};
+
+export declare type RatingSlots = {
+    root: NonNullable<Slot<'div'>>;
+};
+
+/**
+ * State used in rendering Rating
+ */
+export declare type RatingState = ComponentState<RatingSlots> & Required<Pick<RatingProps, 'color' | 'iconFilled' | 'iconOutline' | 'name' | 'step' | 'size' | 'value'>> & Pick<RatingProps, 'itemLabel'> & {
+    hoveredValue?: number | undefined;
+};
+
+/**
+ * Render the final JSX of Rating
+ */
+export declare const renderRating_unstable: (state: RatingBaseState, contextValues: RatingContextValues) => JSXElement;
+
+/**
+ * Render the final JSX of RatingDisplay
+ */
+export declare const renderRatingDisplay_unstable: (state: RatingDisplayBaseState, contextValues: RatingDisplayContextValues) => JSXElement;
+
+/**
+ * Render the final JSX of RatingItem
+ */
+export declare const renderRatingItem_unstable: (state: RatingItemBaseState) => JSXElement;
+
+/**
+ * Create the state required to render Rating.
+ *
+ * The returned state can be modified with hooks such as useRatingStyles_unstable,
+ * before being passed to renderRating_unstable.
+ *
+ * @param props - props from this instance of Rating
+ * @param ref - reference to root HTMLElement of Rating
+ */
+export declare const useRating_unstable: (props: RatingProps, ref: React_2.Ref<HTMLDivElement>) => RatingState;
+
+/**
+ * Base hook for Rating component. Manages state related to controlled/uncontrolled
+ * rating value, hover state, radiogroup ARIA role, and keyboard/mouse interaction —
+ * without design props (color, size).
+ *
+ * @param props - props from this instance of Rating (without color, size)
+ * @param ref - reference to root HTMLElement of Rating
+ */
+export declare const useRatingBase_unstable: (props: RatingBaseProps, ref: React_2.Ref<HTMLDivElement>) => RatingBaseState;
+
+export declare const useRatingContextValues: (ratingState: RatingState) => RatingContextValues;
+
+/**
+ * Create the state required to render RatingDisplay.
+ *
+ * The returned state can be modified with hooks such as useRatingDisplayStyles_unstable,
+ * before being passed to renderRatingDisplay_unstable.
+ *
+ * @param props - props from this instance of RatingDisplay
+ * @param ref - reference to root HTMLDivElement of RatingDisplay
+ */
+export declare const useRatingDisplay_unstable: (props: RatingDisplayProps, ref: React_2.Ref<HTMLDivElement>) => RatingDisplayState;
+
+/**
+ * Base hook for RatingDisplay component. Manages state related to ARIA img role,
+ * aria-labelledby composition from valueText/countText IDs, slot structure, and
+ * compact/full display modes — without design props (color, size).
+ *
+ * @param props - props from this instance of RatingDisplay (without color, size)
+ * @param ref - reference to root HTMLDivElement of RatingDisplay
+ */
+export declare const useRatingDisplayBase_unstable: (props: RatingDisplayBaseProps, ref: React_2.Ref<HTMLDivElement>) => RatingDisplayBaseState;
+
+export declare const useRatingDisplayContextValues: (state: RatingDisplayState) => RatingDisplayContextValues;
+
+/**
+ * Apply styling to the RatingDisplay slots based on the state
+ */
+export declare const useRatingDisplayStyles_unstable: (state: RatingDisplayState) => RatingDisplayState;
+
+/**
+ * Create the state required to render RatingItem.
+ *
+ * The returned state can be modified with hooks such as useRatingItemStyles_unstable,
+ * before being passed to renderRatingItem_unstable.
+ *
+ * @param props - props from this instance of RatingItem
+ * @param ref - reference to root HTMLElement of RatingItem
+ */
+export declare const useRatingItem_unstable: (props: RatingItemProps, ref: React_2.Ref<HTMLSpanElement>) => RatingItemState;
+
+/**
+ * Base hook for RatingItem component. Manages state related to fill width calculation,
+ * radio input slots (for ARIA rating interaction), icon slots, and interactive mode —
+ * without design props (color, size from context).
+ *
+ * @param props - props from this instance of RatingItem
+ * @param ref - reference to root HTMLElement of RatingItem
+ */
+export declare const useRatingItemBase_unstable: (props: RatingItemBaseProps, ref: React_2.Ref<HTMLSpanElement>) => RatingItemBaseState;
+
+/**
+ * Get the value of the RatingContext.
+ */
+export declare const useRatingItemContextValue_unstable: () => RatingItemContextValue;
+
+/**
+ * Apply styling to the RatingItem slots based on the state
+ */
+export declare const useRatingItemStyles_unstable: (state: RatingItemState) => RatingItemState;
+
+/**
+ * Apply styling to the Rating slots based on the state
+ */
+export declare const useRatingStyles_unstable: (state: RatingState) => RatingState;
+
+export { }

package/lib/Rating.js

@@ -1 +1 @@
-export { Rating, ratingClassNames, renderRating_unstable, useRatingContextValues, useRatingStyles_unstable, useRating_unstable, useRatingBase_unstable } from './components/Rating/index';
+export { Rating, ratingClassNames, renderRating_unstable, useRatingContextValues, useRatingStyles_unstable, useRating_unstable, useRatingBase_unstable } from "./components/Rating/index.js";

package/lib/Rating.js.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":"AASA,SACEA,MAAM,EACNC,gBAAgB,EAChBC,qBAAqB,EACrBC,sBAAsB,EACtBC,wBAAwB,EACxBC,kBAAkB,EAClBC,sBAAsB,QACjB,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":"AASA,SACEA,MAAM,EACNC,gBAAgB,EAChBC,qBAAqB,EACrBC,sBAAsB,EACtBC,wBAAwB,EACxBC,kBAAkB,EAClBC,sBAAsB,QACjB,+BAA4B"}

package/lib/RatingDisplay.js

@@ -1 +1 @@
-export { RatingDisplay, ratingDisplayClassNames, renderRatingDisplay_unstable, useRatingDisplayContextValues, useRatingDisplayStyles_unstable, useRatingDisplay_unstable, useRatingDisplayBase_unstable } from './components/RatingDisplay/index';
+export { RatingDisplay, ratingDisplayClassNames, renderRatingDisplay_unstable, useRatingDisplayContextValues, useRatingDisplayStyles_unstable, useRatingDisplay_unstable, useRatingDisplayBase_unstable } from "./components/RatingDisplay/index.js";

package/lib/RatingDisplay.js.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":"AAQA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,6BAA6B,EAC7BC,+BAA+B,EAC/BC,yBAAyB,EACzBC,6BAA6B,QACxB,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":"AAQA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,6BAA6B,EAC7BC,+BAA+B,EAC/BC,yBAAyB,EACzBC,6BAA6B,QACxB,sCAAmC"}

package/lib/RatingItem.js

@@ -1 +1 @@
-export { RatingItem, ratingItemClassNames, renderRatingItem_unstable, useRatingItemStyles_unstable, useRatingItem_unstable, useRatingItemBase_unstable } from './components/RatingItem/index';
+export { RatingItem, ratingItemClassNames, renderRatingItem_unstable, useRatingItemStyles_unstable, useRatingItem_unstable, useRatingItemBase_unstable } from "./components/RatingItem/index.js";

package/lib/RatingItem.js.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":"AAQA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,EACtBC,0BAA0B,QACrB,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":"AAQA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,EACtBC,0BAA0B,QACrB,mCAAgC"}

package/lib/components/Rating/Rating.js

@@ -1,10 +1,10 @@
 'use client';
-import * as React from 'react';
-import { useRating_unstable } from './useRating';
-import { renderRating_unstable } from './renderRating';
-import { useRatingStyles_unstable } from './useRatingStyles.styles';
-import { useRatingContextValues } from './useRatingContextValues';
-import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import * as React from "react";
+import { useRating_unstable } from "./useRating.js";
+import { renderRating_unstable } from "./renderRating.js";
+import { useRatingStyles_unstable } from "./useRatingStyles.styles.js";
+import { useRatingContextValues } from "./useRatingContextValues.js";
+import { useCustomStyleHook_unstable } from "@fluentui/react-shared-contexts";
 /**
  * Rating is a wrapper for one or more rating items that will be used to set a rating value.
  */ export const Rating = /*#__PURE__*/ React.forwardRef((props, ref)=>{

package/lib/components/Rating/Rating.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Rating/Rating.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useRating_unstable } from './useRating';\nimport { renderRating_unstable } from './renderRating';\nimport { useRatingStyles_unstable } from './useRatingStyles.styles';\nimport type { RatingProps } from './Rating.types';\nimport { useRatingContextValues } from './useRatingContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Rating is a wrapper for one or more rating items that will be used to set a rating value.\n */\nexport const Rating: ForwardRefComponent<RatingProps> = React.forwardRef((props, ref) => {\n  const state = useRating_unstable(props, ref);\n  const contextValues = useRatingContextValues(state);\n\n  useRatingStyles_unstable(state);\n  useCustomStyleHook_unstable('useRatingStyles_unstable')(state);\n  return renderRating_unstable(state, contextValues);\n});\n\nRating.displayName = 'Rating';\n"],"names":["React","useRating_unstable","renderRating_unstable","useRatingStyles_unstable","useRatingContextValues","useCustomStyleHook_unstable","Rating","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,kBAAkB,QAAQ,cAAc;AACjD,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,wBAAwB,QAAQ,2BAA2B;AAEpE,SAASC,sBAAsB,QAAQ,2BAA2B;AAClE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,uBAA2CN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IAC/E,MAAMC,QAAQT,mBAAmBO,OAAOC;IACxC,MAAME,gBAAgBP,uBAAuBM;IAE7CP,yBAAyBO;IACzBL,4BAA4B,4BAA4BK;IACxD,OAAOR,sBAAsBQ,OAAOC;AACtC,GAAG;AAEHL,OAAOM,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Rating/Rating.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useRating_unstable } from './useRating';\nimport { renderRating_unstable } from './renderRating';\nimport { useRatingStyles_unstable } from './useRatingStyles.styles';\nimport type { RatingProps } from './Rating.types';\nimport { useRatingContextValues } from './useRatingContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Rating is a wrapper for one or more rating items that will be used to set a rating value.\n */\nexport const Rating: ForwardRefComponent<RatingProps> = React.forwardRef((props, ref) => {\n  const state = useRating_unstable(props, ref);\n  const contextValues = useRatingContextValues(state);\n\n  useRatingStyles_unstable(state);\n  useCustomStyleHook_unstable('useRatingStyles_unstable')(state);\n  return renderRating_unstable(state, contextValues);\n});\n\nRating.displayName = 'Rating';\n"],"names":["React","useRating_unstable","renderRating_unstable","useRatingStyles_unstable","useRatingContextValues","useCustomStyleHook_unstable","Rating","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,kBAAkB,QAAQ,iBAAc;AACjD,SAASC,qBAAqB,QAAQ,oBAAiB;AACvD,SAASC,wBAAwB,QAAQ,8BAA2B;AAEpE,SAASC,sBAAsB,QAAQ,8BAA2B;AAClE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,uBAA2CN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IAC/E,MAAMC,QAAQT,mBAAmBO,OAAOC;IACxC,MAAME,gBAAgBP,uBAAuBM;IAE7CP,yBAAyBO;IACzBL,4BAA4B,4BAA4BK;IACxD,OAAOR,sBAAsBQ,OAAOC;AACtC,GAAG;AAEHL,OAAOM,WAAW,GAAG"}

package/lib/components/Rating/index.js

@@ -1,5 +1,5 @@
-export { Rating } from './Rating';
-export { renderRating_unstable } from './renderRating';
-export { useRating_unstable, useRatingBase_unstable } from './useRating';
-export { ratingClassNames, useRatingStyles_unstable } from './useRatingStyles.styles';
-export { useRatingContextValues } from './useRatingContextValues';
+export { Rating } from "./Rating.js";
+export { renderRating_unstable } from "./renderRating.js";
+export { useRating_unstable, useRatingBase_unstable } from "./useRating.js";
+export { ratingClassNames, useRatingStyles_unstable } from "./useRatingStyles.styles.js";
+export { useRatingContextValues } from "./useRatingContextValues.js";

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Rating/index.ts"],"sourcesContent":["export { Rating } from './Rating';\nexport type {\n  RatingContextValues,\n  RatingOnChangeEventData,\n  RatingProps,\n  RatingBaseProps,\n  RatingSlots,\n  RatingState,\n  RatingBaseState,\n} from './Rating.types';\nexport { renderRating_unstable } from './renderRating';\nexport { useRating_unstable, useRatingBase_unstable } from './useRating';\nexport { ratingClassNames, useRatingStyles_unstable } from './useRatingStyles.styles';\nexport { useRatingContextValues } from './useRatingContextValues';\n"],"names":["Rating","renderRating_unstable","useRating_unstable","useRatingBase_unstable","ratingClassNames","useRatingStyles_unstable","useRatingContextValues"],"mappings":"AAAA,SAASA,MAAM,QAAQ,WAAW;AAUlC,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,kBAAkB,EAAEC,sBAAsB,QAAQ,cAAc;AACzE,SAASC,gBAAgB,EAAEC,wBAAwB,QAAQ,2BAA2B;AACtF,SAASC,sBAAsB,QAAQ,2BAA2B"}
+{"version":3,"sources":["../src/components/Rating/index.ts"],"sourcesContent":["export { Rating } from './Rating';\nexport type {\n  RatingContextValues,\n  RatingOnChangeEventData,\n  RatingProps,\n  RatingBaseProps,\n  RatingSlots,\n  RatingState,\n  RatingBaseState,\n} from './Rating.types';\nexport { renderRating_unstable } from './renderRating';\nexport { useRating_unstable, useRatingBase_unstable } from './useRating';\nexport { ratingClassNames, useRatingStyles_unstable } from './useRatingStyles.styles';\nexport { useRatingContextValues } from './useRatingContextValues';\n"],"names":["Rating","renderRating_unstable","useRating_unstable","useRatingBase_unstable","ratingClassNames","useRatingStyles_unstable","useRatingContextValues"],"mappings":"AAAA,SAASA,MAAM,QAAQ,cAAW;AAUlC,SAASC,qBAAqB,QAAQ,oBAAiB;AACvD,SAASC,kBAAkB,EAAEC,sBAAsB,QAAQ,iBAAc;AACzE,SAASC,gBAAgB,EAAEC,wBAAwB,QAAQ,8BAA2B;AACtF,SAASC,sBAAsB,QAAQ,8BAA2B"}

package/lib/components/Rating/renderRating.js

@@ -1,6 +1,6 @@
   import { jsx as _jsx } 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 Rating
  */ export const renderRating_unstable = (state, contextValues)=>{

package/lib/components/Rating/renderRating.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Rating/renderRating.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { RatingBaseState, RatingSlots, RatingContextValues } from './Rating.types';\nimport { RatingItemProvider } from '../../contexts/RatingItemContext';\n\n/**\n * Render the final JSX of Rating\n */\nexport const renderRating_unstable = (state: RatingBaseState, contextValues: RatingContextValues): JSXElement => {\n  assertSlots<RatingSlots>(state);\n\n  return (\n    <RatingItemProvider value={contextValues.ratingItem}>\n      <state.root />\n    </RatingItemProvider>\n  );\n};\n"],"names":["assertSlots","RatingItemProvider","renderRating_unstable","state","contextValues","value","ratingItem","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD,SAASC,kBAAkB,QAAQ,mCAAmC;AAEtE;;CAEC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAwBC;IAC5DJ,YAAyBG;IAEzB,qBACE,KAACF;QAAmBI,OAAOD,cAAcE,UAAU;kBACjD,cAAA,KAACH,MAAMI,IAAI;;AAGjB,EAAE"}
+{"version":3,"sources":["../src/components/Rating/renderRating.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { RatingBaseState, RatingSlots, RatingContextValues } from './Rating.types';\nimport { RatingItemProvider } from '../../contexts/RatingItemContext';\n\n/**\n * Render the final JSX of Rating\n */\nexport const renderRating_unstable = (state: RatingBaseState, contextValues: RatingContextValues): JSXElement => {\n  assertSlots<RatingSlots>(state);\n\n  return (\n    <RatingItemProvider value={contextValues.ratingItem}>\n      <state.root />\n    </RatingItemProvider>\n  );\n};\n"],"names":["assertSlots","RatingItemProvider","renderRating_unstable","state","contextValues","value","ratingItem","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD,SAASC,kBAAkB,QAAQ,sCAAmC;AAEtE;;CAEC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAwBC;IAC5DJ,YAAyBG;IAEzB,qBACE,KAACF;QAAmBI,OAAOD,cAAcE,UAAU;kBACjD,cAAA,KAACH,MAAMI,IAAI;;AAGjB,EAAE"}

package/lib/components/Rating/useRating.js

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

package/lib/components/Rating/useRating.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Rating/useRating.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  getIntrinsicElementProps,\n  isHTMLElement,\n  mergeCallbacks,\n  slot,\n  useControllableState,\n  useId,\n} from '@fluentui/react-utilities';\nimport type { RatingBaseProps, RatingBaseState, RatingProps, RatingState } from './Rating.types';\nimport { RatingItem } from '../../RatingItem';\nimport { StarFilled, StarRegular } from '@fluentui/react-icons';\n\n/**\n * Create the state required to render Rating.\n *\n * The returned state can be modified with hooks such as useRatingStyles_unstable,\n * before being passed to renderRating_unstable.\n *\n * @param props - props from this instance of Rating\n * @param ref - reference to root HTMLElement of Rating\n */\nexport const useRating_unstable = (props: RatingProps, ref: React.Ref<HTMLDivElement>): RatingState => {\n  const {\n    color = 'neutral',\n    size = 'extra-large',\n    iconFilled = StarFilled,\n    iconOutline = StarRegular,\n    max = 5,\n    ...baseProps\n  } = props;\n  const state = useRatingBase_unstable({ iconFilled, iconOutline, ...baseProps }, ref);\n\n  // Generate the child RatingItems and memoize them to prevent unnecessary re-rendering\n  const rootChildren = React.useMemo(() => {\n    return Array.from(Array(max), (_, i) => <RatingItem value={i + 1} key={i + 1} />);\n  }, [max]);\n\n  state.root.children ??= rootChildren;\n\n  return {\n    ...state,\n    color,\n    size,\n  };\n};\n\n/**\n * Base hook for Rating component. Manages state related to controlled/uncontrolled\n * rating value, hover state, radiogroup ARIA role, and keyboard/mouse interaction —\n * without design props (color, size).\n *\n * @param props - props from this instance of Rating (without color, size)\n * @param ref - reference to root HTMLElement of Rating\n */\nexport const useRatingBase_unstable = (props: RatingBaseProps, ref: React.Ref<HTMLDivElement>): RatingBaseState => {\n  const generatedName = useId('rating-');\n  const { iconFilled = 'span', iconOutline = 'span', name = generatedName, onChange, step = 1, itemLabel } = props;\n\n  const [value, setValue] = useControllableState({\n    state: props.value,\n    defaultState: props.defaultValue,\n    initialState: 0,\n  });\n\n  const isRatingRadioItem = (target: EventTarget): target is HTMLInputElement =>\n    isHTMLElement(target, { constructorName: 'HTMLInputElement' }) && target.type === 'radio' && target.name === name;\n\n  const [hoveredValue, setHoveredValue] = React.useState<number | undefined>(undefined);\n  const state: RatingBaseState = {\n    iconFilled,\n    iconOutline,\n    name,\n    step,\n    itemLabel,\n    value,\n    hoveredValue,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps(\n        'div',\n        {\n          ref,\n          role: 'radiogroup',\n          ...props,\n        },\n        ['onChange'],\n      ),\n      { elementType: 'div' },\n    ),\n  };\n\n  state.root.onChange = ev => {\n    if (isRatingRadioItem(ev.target)) {\n      const newValue = parseFloat(ev.target.value);\n      if (!isNaN(newValue)) {\n        setValue(newValue);\n        onChange?.(ev, { type: 'change', event: ev, value: newValue });\n      }\n    }\n  };\n  state.root.onMouseOver = mergeCallbacks(props.onMouseOver, ev => {\n    if (isRatingRadioItem(ev.target)) {\n      const newValue = parseFloat(ev.target.value);\n      if (!isNaN(newValue)) {\n        setHoveredValue(newValue);\n      }\n    }\n  });\n  state.root.onMouseLeave = mergeCallbacks(props.onMouseLeave, ev => {\n    setHoveredValue(undefined);\n  });\n\n  return state;\n};\n"],"names":["React","getIntrinsicElementProps","isHTMLElement","mergeCallbacks","slot","useControllableState","useId","RatingItem","StarFilled","StarRegular","useRating_unstable","props","ref","state","color","size","iconFilled","iconOutline","max","baseProps","useRatingBase_unstable","rootChildren","useMemo","Array","from","_","i","value","key","root","children","generatedName","name","onChange","step","itemLabel","setValue","defaultState","defaultValue","initialState","isRatingRadioItem","target","constructorName","type","hoveredValue","setHoveredValue","useState","undefined","components","always","role","elementType","ev","newValue","parseFloat","isNaN","event","onMouseOver","onMouseLeave"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,wBAAwB,EACxBC,aAAa,EACbC,cAAc,EACdC,IAAI,EACJC,oBAAoB,EACpBC,KAAK,QACA,4BAA4B;AAEnC,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,UAAU,EAAEC,WAAW,QAAQ,wBAAwB;AAEhE;;;;;;;;CAQC,GACD,OAAO,MAAMC,qBAAqB,CAACC,OAAoBC;QAgBrDC;IAfA,MAAM,EACJC,QAAQ,SAAS,EACjBC,OAAO,aAAa,EACpBC,aAAaR,UAAU,EACvBS,cAAcR,WAAW,EACzBS,MAAM,CAAC,EACP,GAAGC,WACJ,GAAGR;IACJ,MAAME,QAAQO,uBAAuB;QAAEJ;QAAYC;QAAa,GAAGE,SAAS;IAAC,GAAGP;IAEhF,sFAAsF;IACtF,MAAMS,eAAerB,MAAMsB,OAAO,CAAC;QACjC,OAAOC,MAAMC,IAAI,CAACD,MAAML,MAAM,CAACO,GAAGC,kBAAM,oBAACnB;gBAAWoB,OAAOD,IAAI;gBAAGE,KAAKF,IAAI;;IAC7E,GAAG;QAACR;KAAI;;IAERL,cAAAA,cAAAA,MAAMgB,IAAI,EAACC,yDAAXjB,YAAWiB,WAAaT;IAExB,OAAO;QACL,GAAGR,KAAK;QACRC;QACAC;IACF;AACF,EAAE;AAEF;;;;;;;CAOC,GACD,OAAO,MAAMK,yBAAyB,CAACT,OAAwBC;IAC7D,MAAMmB,gBAAgBzB,MAAM;IAC5B,MAAM,EAAEU,aAAa,MAAM,EAAEC,cAAc,MAAM,EAAEe,OAAOD,aAAa,EAAEE,QAAQ,EAAEC,OAAO,CAAC,EAAEC,SAAS,EAAE,GAAGxB;IAE3G,MAAM,CAACgB,OAAOS,SAAS,GAAG/B,qBAAqB;QAC7CQ,OAAOF,MAAMgB,KAAK;QAClBU,cAAc1B,MAAM2B,YAAY;QAChCC,cAAc;IAChB;IAEA,MAAMC,oBAAoB,CAACC,SACzBvC,cAAcuC,QAAQ;YAAEC,iBAAiB;QAAmB,MAAMD,OAAOE,IAAI,KAAK,WAAWF,OAAOT,IAAI,KAAKA;IAE/G,MAAM,CAACY,cAAcC,gBAAgB,GAAG7C,MAAM8C,QAAQ,CAAqBC;IAC3E,MAAMlC,QAAyB;QAC7BG;QACAC;QACAe;QACAE;QACAC;QACAR;QACAiB;QACAI,YAAY;YACVnB,MAAM;QACR;QACAA,MAAMzB,KAAK6C,MAAM,CACfhD,yBACE,OACA;YACEW;YACAsC,MAAM;YACN,GAAGvC,KAAK;QACV,GACA;YAAC;SAAW,GAEd;YAAEwC,aAAa;QAAM;IAEzB;IAEAtC,MAAMgB,IAAI,CAACI,QAAQ,GAAGmB,CAAAA;QACpB,IAAIZ,kBAAkBY,GAAGX,MAAM,GAAG;YAChC,MAAMY,WAAWC,WAAWF,GAAGX,MAAM,CAACd,KAAK;YAC3C,IAAI,CAAC4B,MAAMF,WAAW;gBACpBjB,SAASiB;gBACTpB,qBAAAA,+BAAAA,SAAWmB,IAAI;oBAAET,MAAM;oBAAUa,OAAOJ;oBAAIzB,OAAO0B;gBAAS;YAC9D;QACF;IACF;IACAxC,MAAMgB,IAAI,CAAC4B,WAAW,GAAGtD,eAAeQ,MAAM8C,WAAW,EAAEL,CAAAA;QACzD,IAAIZ,kBAAkBY,GAAGX,MAAM,GAAG;YAChC,MAAMY,WAAWC,WAAWF,GAAGX,MAAM,CAACd,KAAK;YAC3C,IAAI,CAAC4B,MAAMF,WAAW;gBACpBR,gBAAgBQ;YAClB;QACF;IACF;IACAxC,MAAMgB,IAAI,CAAC6B,YAAY,GAAGvD,eAAeQ,MAAM+C,YAAY,EAAEN,CAAAA;QAC3DP,gBAAgBE;IAClB;IAEA,OAAOlC;AACT,EAAE"}
+{"version":3,"sources":["../src/components/Rating/useRating.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  getIntrinsicElementProps,\n  isHTMLElement,\n  mergeCallbacks,\n  slot,\n  useControllableState,\n  useId,\n} from '@fluentui/react-utilities';\nimport type { RatingBaseProps, RatingBaseState, RatingProps, RatingState } from './Rating.types';\nimport { RatingItem } from '../../RatingItem';\nimport { StarFilled, StarRegular } from '@fluentui/react-icons';\n\n/**\n * Create the state required to render Rating.\n *\n * The returned state can be modified with hooks such as useRatingStyles_unstable,\n * before being passed to renderRating_unstable.\n *\n * @param props - props from this instance of Rating\n * @param ref - reference to root HTMLElement of Rating\n */\nexport const useRating_unstable = (props: RatingProps, ref: React.Ref<HTMLDivElement>): RatingState => {\n  const {\n    color = 'neutral',\n    size = 'extra-large',\n    iconFilled = StarFilled,\n    iconOutline = StarRegular,\n    max = 5,\n    ...baseProps\n  } = props;\n  const state = useRatingBase_unstable({ iconFilled, iconOutline, ...baseProps }, ref);\n\n  // Generate the child RatingItems and memoize them to prevent unnecessary re-rendering\n  const rootChildren = React.useMemo(() => {\n    return Array.from(Array(max), (_, i) => <RatingItem value={i + 1} key={i + 1} />);\n  }, [max]);\n\n  state.root.children ??= rootChildren;\n\n  return {\n    ...state,\n    color,\n    size,\n  };\n};\n\n/**\n * Base hook for Rating component. Manages state related to controlled/uncontrolled\n * rating value, hover state, radiogroup ARIA role, and keyboard/mouse interaction —\n * without design props (color, size).\n *\n * @param props - props from this instance of Rating (without color, size)\n * @param ref - reference to root HTMLElement of Rating\n */\nexport const useRatingBase_unstable = (props: RatingBaseProps, ref: React.Ref<HTMLDivElement>): RatingBaseState => {\n  const generatedName = useId('rating-');\n  const { iconFilled = 'span', iconOutline = 'span', name = generatedName, onChange, step = 1, itemLabel } = props;\n\n  const [value, setValue] = useControllableState({\n    state: props.value,\n    defaultState: props.defaultValue,\n    initialState: 0,\n  });\n\n  const isRatingRadioItem = (target: EventTarget): target is HTMLInputElement =>\n    isHTMLElement(target, { constructorName: 'HTMLInputElement' }) && target.type === 'radio' && target.name === name;\n\n  const [hoveredValue, setHoveredValue] = React.useState<number | undefined>(undefined);\n  const state: RatingBaseState = {\n    iconFilled,\n    iconOutline,\n    name,\n    step,\n    itemLabel,\n    value,\n    hoveredValue,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps(\n        'div',\n        {\n          ref,\n          role: 'radiogroup',\n          ...props,\n        },\n        ['onChange'],\n      ),\n      { elementType: 'div' },\n    ),\n  };\n\n  state.root.onChange = ev => {\n    if (isRatingRadioItem(ev.target)) {\n      const newValue = parseFloat(ev.target.value);\n      if (!isNaN(newValue)) {\n        setValue(newValue);\n        onChange?.(ev, { type: 'change', event: ev, value: newValue });\n      }\n    }\n  };\n  state.root.onMouseOver = mergeCallbacks(props.onMouseOver, ev => {\n    if (isRatingRadioItem(ev.target)) {\n      const newValue = parseFloat(ev.target.value);\n      if (!isNaN(newValue)) {\n        setHoveredValue(newValue);\n      }\n    }\n  });\n  state.root.onMouseLeave = mergeCallbacks(props.onMouseLeave, ev => {\n    setHoveredValue(undefined);\n  });\n\n  return state;\n};\n"],"names":["React","getIntrinsicElementProps","isHTMLElement","mergeCallbacks","slot","useControllableState","useId","RatingItem","StarFilled","StarRegular","useRating_unstable","props","ref","state","color","size","iconFilled","iconOutline","max","baseProps","useRatingBase_unstable","rootChildren","useMemo","Array","from","_","i","value","key","root","children","generatedName","name","onChange","step","itemLabel","setValue","defaultState","defaultValue","initialState","isRatingRadioItem","target","constructorName","type","hoveredValue","setHoveredValue","useState","undefined","components","always","role","elementType","ev","newValue","parseFloat","isNaN","event","onMouseOver","onMouseLeave"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,wBAAwB,EACxBC,aAAa,EACbC,cAAc,EACdC,IAAI,EACJC,oBAAoB,EACpBC,KAAK,QACA,4BAA4B;AAEnC,SAASC,UAAU,QAAQ,sBAAmB;AAC9C,SAASC,UAAU,EAAEC,WAAW,QAAQ,wBAAwB;AAEhE;;;;;;;;CAQC,GACD,OAAO,MAAMC,qBAAqB,CAACC,OAAoBC;QAgBrDC;IAfA,MAAM,EACJC,QAAQ,SAAS,EACjBC,OAAO,aAAa,EACpBC,aAAaR,UAAU,EACvBS,cAAcR,WAAW,EACzBS,MAAM,CAAC,EACP,GAAGC,WACJ,GAAGR;IACJ,MAAME,QAAQO,uBAAuB;QAAEJ;QAAYC;QAAa,GAAGE,SAAS;IAAC,GAAGP;IAEhF,sFAAsF;IACtF,MAAMS,eAAerB,MAAMsB,OAAO,CAAC;QACjC,OAAOC,MAAMC,IAAI,CAACD,MAAML,MAAM,CAACO,GAAGC,kBAAM,oBAACnB;gBAAWoB,OAAOD,IAAI;gBAAGE,KAAKF,IAAI;;IAC7E,GAAG;QAACR;KAAI;;IAERL,cAAAA,cAAAA,MAAMgB,IAAI,EAACC,yDAAXjB,YAAWiB,WAAaT;IAExB,OAAO;QACL,GAAGR,KAAK;QACRC;QACAC;IACF;AACF,EAAE;AAEF;;;;;;;CAOC,GACD,OAAO,MAAMK,yBAAyB,CAACT,OAAwBC;IAC7D,MAAMmB,gBAAgBzB,MAAM;IAC5B,MAAM,EAAEU,aAAa,MAAM,EAAEC,cAAc,MAAM,EAAEe,OAAOD,aAAa,EAAEE,QAAQ,EAAEC,OAAO,CAAC,EAAEC,SAAS,EAAE,GAAGxB;IAE3G,MAAM,CAACgB,OAAOS,SAAS,GAAG/B,qBAAqB;QAC7CQ,OAAOF,MAAMgB,KAAK;QAClBU,cAAc1B,MAAM2B,YAAY;QAChCC,cAAc;IAChB;IAEA,MAAMC,oBAAoB,CAACC,SACzBvC,cAAcuC,QAAQ;YAAEC,iBAAiB;QAAmB,MAAMD,OAAOE,IAAI,KAAK,WAAWF,OAAOT,IAAI,KAAKA;IAE/G,MAAM,CAACY,cAAcC,gBAAgB,GAAG7C,MAAM8C,QAAQ,CAAqBC;IAC3E,MAAMlC,QAAyB;QAC7BG;QACAC;QACAe;QACAE;QACAC;QACAR;QACAiB;QACAI,YAAY;YACVnB,MAAM;QACR;QACAA,MAAMzB,KAAK6C,MAAM,CACfhD,yBACE,OACA;YACEW;YACAsC,MAAM;YACN,GAAGvC,KAAK;QACV,GACA;YAAC;SAAW,GAEd;YAAEwC,aAAa;QAAM;IAEzB;IAEAtC,MAAMgB,IAAI,CAACI,QAAQ,GAAGmB,CAAAA;QACpB,IAAIZ,kBAAkBY,GAAGX,MAAM,GAAG;YAChC,MAAMY,WAAWC,WAAWF,GAAGX,MAAM,CAACd,KAAK;YAC3C,IAAI,CAAC4B,MAAMF,WAAW;gBACpBjB,SAASiB;gBACTpB,qBAAAA,+BAAAA,SAAWmB,IAAI;oBAAET,MAAM;oBAAUa,OAAOJ;oBAAIzB,OAAO0B;gBAAS;YAC9D;QACF;IACF;IACAxC,MAAMgB,IAAI,CAAC4B,WAAW,GAAGtD,eAAeQ,MAAM8C,WAAW,EAAEL,CAAAA;QACzD,IAAIZ,kBAAkBY,GAAGX,MAAM,GAAG;YAChC,MAAMY,WAAWC,WAAWF,GAAGX,MAAM,CAACd,KAAK;YAC3C,IAAI,CAAC4B,MAAMF,WAAW;gBACpBR,gBAAgBQ;YAClB;QACF;IACF;IACAxC,MAAMgB,IAAI,CAAC6B,YAAY,GAAGvD,eAAeQ,MAAM+C,YAAY,EAAEN,CAAAA;QAC3DP,gBAAgBE;IAClB;IAEA,OAAOlC;AACT,EAAE"}

package/lib/components/Rating/useRatingContextValues.js

@@ -1,5 +1,5 @@
 'use client';
-import * as React from 'react';
+import * as React from "react";
 export const useRatingContextValues = (ratingState)=>{
     const { color, hoveredValue, iconFilled, iconOutline, itemLabel, name, step, size, value } = ratingState;
     const ratingItem = React.useMemo(()=>({

package/lib/components/Rating/useRatingStyles.styles.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { __resetStyles, mergeClasses } from '@griffel/react';
+import { __resetStyles, mergeClasses } from "@griffel/react";
 export const ratingClassNames = {
   root: 'fui-Rating'
 };
@@ -12,8 +12,6 @@ const useRootClassName = /*#__PURE__*/__resetStyles("r2imjyh", null, [".r2imjyh{
  * Apply styling to the Rating slots based on the state
  */
 export const useRatingStyles_unstable = state => {
-  'use no memo';
-
   const rootClassName = useRootClassName();
   // eslint-disable-next-line react-hooks/immutability
   state.root.className = mergeClasses(ratingClassNames.root, rootClassName, state.root.className);

package/lib/components/Rating/useRatingStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__resetStyles","mergeClasses","ratingClassNames","root","useRootClassName","useRatingStyles_unstable","state","rootClassName","className"],"sources":["useRatingStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nexport const ratingClassNames = {\n    root: 'fui-Rating'\n};\n/**\n * Styles for the root slot\n */ const useRootClassName = makeResetStyles({\n    display: 'flex',\n    flexWrap: 'wrap'\n});\n/**\n * Apply styling to the Rating slots based on the state\n */ export const useRatingStyles_unstable = (state)=>{\n    'use no memo';\n    const rootClassName = useRootClassName();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(ratingClassNames.root, rootClassName, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,OAAO,MAAMC,gBAAgB,GAAG;EAC5BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,gBAAgB,gBAAGJ,aAAA,4DAG5B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMK,wBAAwB,GAAIC,KAAK,IAAG;EACjD,aAAa;;EACb,MAAMC,aAAa,GAAGH,gBAAgB,CAAC,CAAC;EACxC;EACAE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,gBAAgB,CAACC,IAAI,EAAEI,aAAa,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC/F,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__resetStyles","mergeClasses","ratingClassNames","root","useRootClassName","useRatingStyles_unstable","state","rootClassName","className"],"sources":["useRatingStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from \"@griffel/react\";\nexport const ratingClassNames = {\n    root: 'fui-Rating'\n};\n/**\n * Styles for the root slot\n */ const useRootClassName = makeResetStyles({\n    display: 'flex',\n    flexWrap: 'wrap'\n});\n/**\n * Apply styling to the Rating slots based on the state\n */ export const useRatingStyles_unstable = (state)=>{\n    const rootClassName = useRootClassName();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(ratingClassNames.root, rootClassName, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,OAAO,MAAMC,gBAAgB,GAAG;EAC5BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,gBAAgB,gBAAGJ,aAAA,4DAG5B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMK,wBAAwB,GAAIC,KAAK,IAAG;EACjD,MAAMC,aAAa,GAAGH,gBAAgB,CAAC,CAAC;EACxC;EACAE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,gBAAgB,CAACC,IAAI,EAAEI,aAAa,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC/F,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/Rating/useRatingStyles.styles.raw.js

@@ -1,5 +1,5 @@
 'use client';
-import { makeResetStyles, mergeClasses } from '@griffel/react';
+import { makeResetStyles, mergeClasses } from "@griffel/react";
 export const ratingClassNames = {
     root: 'fui-Rating'
 };
@@ -12,7 +12,6 @@ export const ratingClassNames = {
 /**
  * Apply styling to the Rating slots based on the state
  */ export const useRatingStyles_unstable = (state)=>{
-    'use no memo';
     const rootClassName = useRootClassName();
     // eslint-disable-next-line react-hooks/immutability
     state.root.className = mergeClasses(ratingClassNames.root, rootClassName, state.root.className);

package/lib/components/Rating/useRatingStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Rating/useRatingStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { RatingSlots, RatingState } from './Rating.types';\n\nexport const ratingClassNames: SlotClassNames<RatingSlots> = {\n  root: 'fui-Rating',\n};\n\n/**\n * Styles for the root slot\n */\n\nconst useRootClassName = makeResetStyles({\n  display: 'flex',\n  flexWrap: 'wrap',\n});\n\n/**\n * Apply styling to the Rating slots based on the state\n */\nexport const useRatingStyles_unstable = (state: RatingState): RatingState => {\n  'use no memo';\n\n  const rootClassName = useRootClassName();\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(ratingClassNames.root, rootClassName, state.root.className);\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","ratingClassNames","root","useRootClassName","display","flexWrap","useRatingStyles_unstable","state","rootClassName","className"],"mappings":"AAAA;AAEA,SAASA,eAAe,EAAEC,YAAY,QAAQ,iBAAiB;AAI/D,OAAO,MAAMC,mBAAgD;IAC3DC,MAAM;AACR,EAAE;AAEF;;CAEC,GAED,MAAMC,mBAAmBJ,gBAAgB;IACvCK,SAAS;IACTC,UAAU;AACZ;AAEA;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC;IACvC;IAEA,MAAMC,gBAAgBL;IACtB,oDAAoD;IACpDI,MAAML,IAAI,CAACO,SAAS,GAAGT,aAAaC,iBAAiBC,IAAI,EAAEM,eAAeD,MAAML,IAAI,CAACO,SAAS;IAC9F,OAAOF;AACT,EAAE"}
+{"version":3,"sources":["../src/components/Rating/useRatingStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { RatingSlots, RatingState } from './Rating.types';\n\nexport const ratingClassNames: SlotClassNames<RatingSlots> = {\n  root: 'fui-Rating',\n};\n\n/**\n * Styles for the root slot\n */\n\nconst useRootClassName = makeResetStyles({\n  display: 'flex',\n  flexWrap: 'wrap',\n});\n\n/**\n * Apply styling to the Rating slots based on the state\n */\nexport const useRatingStyles_unstable = (state: RatingState): RatingState => {\n  const rootClassName = useRootClassName();\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(ratingClassNames.root, rootClassName, state.root.className);\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","ratingClassNames","root","useRootClassName","display","flexWrap","useRatingStyles_unstable","state","rootClassName","className"],"mappings":"AAAA;AAEA,SAASA,eAAe,EAAEC,YAAY,QAAQ,iBAAiB;AAI/D,OAAO,MAAMC,mBAAgD;IAC3DC,MAAM;AACR,EAAE;AAEF;;CAEC,GAED,MAAMC,mBAAmBJ,gBAAgB;IACvCK,SAAS;IACTC,UAAU;AACZ;AAEA;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC;IACvC,MAAMC,gBAAgBL;IACtB,oDAAoD;IACpDI,MAAML,IAAI,CAACO,SAAS,GAAGT,aAAaC,iBAAiBC,IAAI,EAAEM,eAAeD,MAAML,IAAI,CAACO,SAAS;IAC9F,OAAOF;AACT,EAAE"}

package/lib/components/RatingDisplay/RatingDisplay.js

@@ -1,10 +1,10 @@
 'use client';
-import * as React from 'react';
-import { useRatingDisplay_unstable } from './useRatingDisplay';
-import { renderRatingDisplay_unstable } from './renderRatingDisplay';
-import { useRatingDisplayStyles_unstable } from './useRatingDisplayStyles.styles';
-import { useRatingDisplayContextValues } from './useRatingDisplayContextValues';
-import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import * as React from "react";
+import { useRatingDisplay_unstable } from "./useRatingDisplay.js";
+import { renderRatingDisplay_unstable } from "./renderRatingDisplay.js";
+import { useRatingDisplayStyles_unstable } from "./useRatingDisplayStyles.styles.js";
+import { useRatingDisplayContextValues } from "./useRatingDisplayContextValues.js";
+import { useCustomStyleHook_unstable } from "@fluentui/react-shared-contexts";
 /**
  * RatingDisplay is a wrapper for one or more rating items that will be used to display a rating value
  * as well as the label for the rating.