@fluentui/react-slider 9.6.3 → 9.6.5

package/CHANGELOG.md

@@ -1,12 +1,40 @@
 # Change Log - @fluentui/react-slider
 
-This log was last generated on Tue, 26 May 2026 09:34:00 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.6.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.6.5)
+
+Tue, 11 Aug 2026 17:16:02 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.6.4..@fluentui/react-slider_v9.6.5)
+
+### 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-field to v9.5.4 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- 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.6.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.6.4)
+
+Wed, 24 Jun 2026 11:09:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.6.3..@fluentui/react-slider_v9.6.4)
+
+### 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-field to v9.5.3 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
+- 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.6.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.6.3)
 
-Tue, 26 May 2026 09:34:00 GMT 
+Tue, 26 May 2026 09:39:38 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.6.2..@fluentui/react-slider_v9.6.3)
 
 ### Patches

package/dist/index.d.cts

@@ -0,0 +1,150 @@
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import type { JSXElement } from '@fluentui/react-utilities';
+import type * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+
+/**
+ * Render the final JSX of Slider
+ */
+export declare const renderSlider_unstable: (state: SliderBaseState) => JSXElement;
+
+/**
+ * The Slider component allows users to quickly select a value by dragging a thumb across a rail.
+ */
+export declare const Slider: ForwardRefComponent<SliderProps>;
+
+/**
+ * Slider base props, excluding design-related props like size.
+ * Note: vertical is kept as it affects aria-orientation behavior.
+ */
+export declare type SliderBaseProps = Omit<SliderProps, 'size'>;
+
+/**
+ * Slider base state, excluding design-related state like size.
+ */
+export declare type SliderBaseState = Omit<SliderState, 'size'>;
+
+export declare const sliderClassNames: SlotClassNames<SliderSlots>;
+
+export declare const sliderCSSVars: {
+    sliderDirectionVar: string;
+    sliderInnerThumbRadiusVar: string;
+    sliderProgressVar: string;
+    sliderProgressColorVar: string;
+    sliderRailSizeVar: string;
+    sliderRailColorVar: string;
+    sliderStepsPercentVar: string;
+    sliderThumbColorVar: string;
+    sliderThumbSizeVar: string;
+};
+
+export declare type SliderOnChangeData = {
+    value: number;
+};
+
+export declare type SliderProps = Omit<ComponentProps<Partial<SliderSlots>, 'input'>, 'defaultValue' | 'onChange' | 'size' | 'value'> & {
+    /**
+     * The starting value for an uncontrolled Slider.
+     * Mutually exclusive with `value` prop.
+     */
+    defaultValue?: number;
+    /**
+     *  Whether to render the Slider as disabled.
+     *
+     * @default `false` (renders enabled)
+     */
+    disabled?: boolean;
+    /**
+     * The max value of the Slider.
+     * @default 100
+     */
+    max?: number;
+    /**
+     * The min value of the Slider.
+     * @default 0
+     */
+    min?: number;
+    /**
+     * The size of the Slider.
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium';
+    /**
+     * The number of steps that the Slider's `value` will increment upon change. When provided, the Slider
+     * will snap to the closest available value. This must be a positive value.
+     * @default 1
+     */
+    step?: number;
+    /**
+     * The current value of the controlled Slider.
+     * Mutually exclusive with `defaultValue` prop.
+     */
+    value?: number;
+    /**
+     * Render the Slider in a vertical orientation, smallest value on the bottom.
+     * @default `false`
+     */
+    vertical?: boolean;
+    /**
+     * Triggers a callback when the value has been changed. This will be called on every individual step.
+     */
+    onChange?: (ev: React_2.ChangeEvent<HTMLInputElement>, data: SliderOnChangeData) => void;
+};
+
+export declare type SliderSlots = {
+    /**
+     * The root of the Slider.
+     * The root slot receives the `className` and `style` specified directly on the `<Slider>`.
+     * All other native props will be applied to the primary slot, `input`.
+     */
+    root: NonNullable<Slot<'div'>>;
+    /**
+     * The Slider's base. It is used to visibly display the min and max selectable values.
+     */
+    rail: NonNullable<Slot<'div'>>;
+    /**
+     * The draggable icon used to select a given value from the Slider.
+     * This is the element containing `role = 'slider'`.
+     */
+    thumb: NonNullable<Slot<'div'>>;
+    /**
+     * The hidden input for the Slider.
+     * This is the PRIMARY slot: all native properties specified directly on `<Slider>` will be applied to this slot,
+     * except `className` and `style`, which remain on the root slot.
+     *
+     */
+    input: NonNullable<Slot<'input'>> & {
+        /**
+         * Orient is a non standard attribute that allows for vertical orientation in Firefox. It is set internally
+         * when `vertical` is set to true.
+         * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#non_standard_attributes
+         * Webkit/Chromium support for vertical inputs is provided via -webkit-appearance css property
+         */
+        orient?: 'horizontal' | 'vertical';
+    };
+};
+
+export declare type SliderState = ComponentState<SliderSlots> & Pick<SliderProps, 'disabled' | 'size' | 'vertical'>;
+
+export declare const useSlider_unstable: (props: SliderProps, ref: React_2.Ref<HTMLInputElement>) => SliderState;
+
+/**
+ * Base hook for Slider component, which manages state related to slots structure, ARIA attributes,
+ * keyboard handling, and controlled/uncontrolled value state.
+ *
+ * @param props - User provided props to the Slider component.
+ * @param ref - User provided ref to be passed to the Slider input element.
+ */
+export declare const useSliderBase_unstable: (props: SliderBaseProps, ref: React_2.Ref<HTMLInputElement>) => SliderBaseState;
+
+export declare const useSliderState_unstable: (state: SliderBaseState, props: SliderBaseProps) => SliderBaseState;
+
+/**
+ * Apply styling to the Slider slots based on the state
+ */
+export declare const useSliderStyles_unstable: (state: SliderState) => SliderState;
+
+export { }

package/lib/Slider.js

@@ -1 +1 @@
-export { Slider, renderSlider_unstable, sliderCSSVars, sliderClassNames, useSliderState_unstable, useSliderStyles_unstable, useSlider_unstable, useSliderBase_unstable } from './components/Slider/index';
+export { Slider, renderSlider_unstable, sliderCSSVars, sliderClassNames, useSliderState_unstable, useSliderStyles_unstable, useSlider_unstable, useSliderBase_unstable } from "./components/Slider/index.js";

package/lib/Slider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Slider.ts"],"sourcesContent":["export type {\n  SliderBaseProps,\n  SliderBaseState,\n  SliderOnChangeData,\n  SliderProps,\n  SliderSlots,\n  SliderState,\n} from './components/Slider/index';\nexport {\n  Slider,\n  renderSlider_unstable,\n  sliderCSSVars,\n  sliderClassNames,\n  useSliderState_unstable,\n  useSliderStyles_unstable,\n  useSlider_unstable,\n  useSliderBase_unstable,\n} from './components/Slider/index';\n"],"names":["Slider","renderSlider_unstable","sliderCSSVars","sliderClassNames","useSliderState_unstable","useSliderStyles_unstable","useSlider_unstable","useSliderBase_unstable"],"mappings":"AAQA,SACEA,MAAM,EACNC,qBAAqB,EACrBC,aAAa,EACbC,gBAAgB,EAChBC,uBAAuB,EACvBC,wBAAwB,EACxBC,kBAAkB,EAClBC,sBAAsB,QACjB,4BAA4B"}
+{"version":3,"sources":["../src/Slider.ts"],"sourcesContent":["export type {\n  SliderBaseProps,\n  SliderBaseState,\n  SliderOnChangeData,\n  SliderProps,\n  SliderSlots,\n  SliderState,\n} from './components/Slider/index';\nexport {\n  Slider,\n  renderSlider_unstable,\n  sliderCSSVars,\n  sliderClassNames,\n  useSliderState_unstable,\n  useSliderStyles_unstable,\n  useSlider_unstable,\n  useSliderBase_unstable,\n} from './components/Slider/index';\n"],"names":["Slider","renderSlider_unstable","sliderCSSVars","sliderClassNames","useSliderState_unstable","useSliderStyles_unstable","useSlider_unstable","useSliderBase_unstable"],"mappings":"AAQA,SACEA,MAAM,EACNC,qBAAqB,EACrBC,aAAa,EACbC,gBAAgB,EAChBC,uBAAuB,EACvBC,wBAAwB,EACxBC,kBAAkB,EAClBC,sBAAsB,QACjB,+BAA4B"}

package/lib/components/Slider/Slider.js

@@ -1,9 +1,9 @@
 'use client';
-import * as React from 'react';
-import { useSlider_unstable } from './useSlider';
-import { renderSlider_unstable } from './renderSlider';
-import { useSliderStyles_unstable } from './useSliderStyles.styles';
-import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import * as React from "react";
+import { useSlider_unstable } from "./useSlider.js";
+import { renderSlider_unstable } from "./renderSlider.js";
+import { useSliderStyles_unstable } from "./useSliderStyles.styles.js";
+import { useCustomStyleHook_unstable } from "@fluentui/react-shared-contexts";
 /**
  * The Slider component allows users to quickly select a value by dragging a thumb across a rail.
  */ export const Slider = /*#__PURE__*/ React.forwardRef((props, ref)=>{

package/lib/components/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useSlider_unstable } from './useSlider';\nimport { renderSlider_unstable } from './renderSlider';\nimport { useSliderStyles_unstable } from './useSliderStyles.styles';\nimport type { SliderProps } from './Slider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * The Slider component allows users to quickly select a value by dragging a thumb across a rail.\n */\nexport const Slider: ForwardRefComponent<SliderProps> = React.forwardRef((props, ref) => {\n  const state = useSlider_unstable(props, ref);\n\n  useSliderStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useSliderStyles_unstable')(state);\n\n  return renderSlider_unstable(state);\n});\nSlider.displayName = 'Slider';\n"],"names":["React","useSlider_unstable","renderSlider_unstable","useSliderStyles_unstable","useCustomStyleHook_unstable","Slider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ,cAAc;AACjD,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,wBAAwB,QAAQ,2BAA2B;AAGpE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,uBAA2CL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/E,MAAMC,QAAQR,mBAAmBM,OAAOC;IAExCL,yBAAyBM;IAEzBL,4BAA4B,4BAA4BK;IAExD,OAAOP,sBAAsBO;AAC/B,GAAG;AACHJ,OAAOK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useSlider_unstable } from './useSlider';\nimport { renderSlider_unstable } from './renderSlider';\nimport { useSliderStyles_unstable } from './useSliderStyles.styles';\nimport type { SliderProps } from './Slider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * The Slider component allows users to quickly select a value by dragging a thumb across a rail.\n */\nexport const Slider: ForwardRefComponent<SliderProps> = React.forwardRef((props, ref) => {\n  const state = useSlider_unstable(props, ref);\n\n  useSliderStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useSliderStyles_unstable')(state);\n\n  return renderSlider_unstable(state);\n});\nSlider.displayName = 'Slider';\n"],"names":["React","useSlider_unstable","renderSlider_unstable","useSliderStyles_unstable","useCustomStyleHook_unstable","Slider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ,iBAAc;AACjD,SAASC,qBAAqB,QAAQ,oBAAiB;AACvD,SAASC,wBAAwB,QAAQ,8BAA2B;AAGpE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,uBAA2CL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/E,MAAMC,QAAQR,mBAAmBM,OAAOC;IAExCL,yBAAyBM;IAEzBL,4BAA4B,4BAA4BK;IAExD,OAAOP,sBAAsBO;AAC/B,GAAG;AACHJ,OAAOK,WAAW,GAAG"}

package/lib/components/Slider/index.js

@@ -1,6 +1,6 @@
-export { Slider } from './Slider';
-export { sliderCSSVars } from './Slider.constants';
-export { renderSlider_unstable } from './renderSlider';
-export { useSlider_unstable, useSliderBase_unstable } from './useSlider';
-export { useSliderState_unstable } from './useSliderState';
-export { sliderClassNames, useSliderStyles_unstable } from './useSliderStyles.styles';
+export { Slider } from "./Slider.js";
+export { sliderCSSVars } from "./Slider.constants.js";
+export { renderSlider_unstable } from "./renderSlider.js";
+export { useSlider_unstable, useSliderBase_unstable } from "./useSlider.js";
+export { useSliderState_unstable } from "./useSliderState.js";
+export { sliderClassNames, useSliderStyles_unstable } from "./useSliderStyles.styles.js";

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Slider/index.ts"],"sourcesContent":["export { Slider } from './Slider';\nexport { sliderCSSVars } from './Slider.constants';\nexport type {\n  SliderBaseProps,\n  SliderBaseState,\n  SliderOnChangeData,\n  SliderProps,\n  SliderSlots,\n  SliderState,\n} from './Slider.types';\nexport { renderSlider_unstable } from './renderSlider';\nexport { useSlider_unstable, useSliderBase_unstable } from './useSlider';\nexport { useSliderState_unstable } from './useSliderState';\nexport { sliderClassNames, useSliderStyles_unstable } from './useSliderStyles.styles';\n"],"names":["Slider","sliderCSSVars","renderSlider_unstable","useSlider_unstable","useSliderBase_unstable","useSliderState_unstable","sliderClassNames","useSliderStyles_unstable"],"mappings":"AAAA,SAASA,MAAM,QAAQ,WAAW;AAClC,SAASC,aAAa,QAAQ,qBAAqB;AASnD,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,kBAAkB,EAAEC,sBAAsB,QAAQ,cAAc;AACzE,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,gBAAgB,EAAEC,wBAAwB,QAAQ,2BAA2B"}
+{"version":3,"sources":["../src/components/Slider/index.ts"],"sourcesContent":["export { Slider } from './Slider';\nexport { sliderCSSVars } from './Slider.constants';\nexport type {\n  SliderBaseProps,\n  SliderBaseState,\n  SliderOnChangeData,\n  SliderProps,\n  SliderSlots,\n  SliderState,\n} from './Slider.types';\nexport { renderSlider_unstable } from './renderSlider';\nexport { useSlider_unstable, useSliderBase_unstable } from './useSlider';\nexport { useSliderState_unstable } from './useSliderState';\nexport { sliderClassNames, useSliderStyles_unstable } from './useSliderStyles.styles';\n"],"names":["Slider","sliderCSSVars","renderSlider_unstable","useSlider_unstable","useSliderBase_unstable","useSliderState_unstable","sliderClassNames","useSliderStyles_unstable"],"mappings":"AAAA,SAASA,MAAM,QAAQ,cAAW;AAClC,SAASC,aAAa,QAAQ,wBAAqB;AASnD,SAASC,qBAAqB,QAAQ,oBAAiB;AACvD,SAASC,kBAAkB,EAAEC,sBAAsB,QAAQ,iBAAc;AACzE,SAASC,uBAAuB,QAAQ,sBAAmB;AAC3D,SAASC,gBAAgB,EAAEC,wBAAwB,QAAQ,8BAA2B"}

package/lib/components/Slider/renderSlider.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 Slider
  */ export const renderSlider_unstable = (state)=>{

package/lib/components/Slider/useSlider.js

@@ -1,8 +1,8 @@
 'use client';
-import { useFieldControlProps_unstable } from '@fluentui/react-field';
-import { getPartitionedNativeProps, useId, useMergedRefs, slot } from '@fluentui/react-utilities';
-import { useSliderState_unstable } from './useSliderState';
-import { useFocusWithin } from '@fluentui/react-tabster';
+import { useFieldControlProps_unstable } from "@fluentui/react-field";
+import { getPartitionedNativeProps, useId, useMergedRefs, slot } from "@fluentui/react-utilities";
+import { useSliderState_unstable } from "./useSliderState.js";
+import { useFocusWithin } from "@fluentui/react-tabster";
 export const useSlider_unstable = (props, ref)=>{
     const { size = 'medium', ...baseProps } = props;
     const baseState = useSliderBase_unstable(baseProps, ref);

package/lib/components/Slider/useSlider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Slider/useSlider.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, useId, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useSliderState_unstable } from './useSliderState';\nimport type { SliderBaseProps, SliderBaseState, SliderProps, SliderState } from './Slider.types';\nimport { useFocusWithin } from '@fluentui/react-tabster';\n\nexport const useSlider_unstable = (props: SliderProps, ref: React.Ref<HTMLInputElement>): SliderState => {\n  const { size = 'medium', ...baseProps } = props;\n\n  const baseState = useSliderBase_unstable(baseProps, ref);\n\n  return {\n    ...baseState,\n    size,\n  };\n};\n\n/**\n * Base hook for Slider component, which manages state related to slots structure, ARIA attributes,\n * keyboard handling, and controlled/uncontrolled value state.\n *\n * @param props - User provided props to the Slider component.\n * @param ref - User provided ref to be passed to the Slider input element.\n */\nexport const useSliderBase_unstable = (props: SliderBaseProps, ref: React.Ref<HTMLInputElement>): SliderBaseState => {\n  // Merge props from surrounding <Field>, if any\n  props = useFieldControlProps_unstable(props, { supportsLabelFor: true });\n\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['onChange'],\n  });\n\n  const {\n    disabled,\n    vertical,\n    // Slots\n    root,\n    input,\n    rail,\n    thumb,\n  } = props;\n\n  const state: SliderBaseState = {\n    disabled,\n    vertical,\n    components: {\n      input: 'input',\n      rail: 'div',\n      root: 'div',\n      thumb: 'div',\n    },\n    root: slot.always(root, {\n      defaultProps: nativeProps.root,\n      elementType: 'div',\n    }),\n    input: slot.always(input, {\n      defaultProps: {\n        id: useId('slider-', props.id),\n        ref,\n        ...nativeProps.primary,\n        type: 'range',\n        orient: vertical ? 'vertical' : undefined,\n      },\n      elementType: 'input',\n    }),\n    rail: slot.always(rail, { elementType: 'div' }),\n    thumb: slot.always(thumb, { elementType: 'div' }),\n  };\n\n  state.root.ref = useMergedRefs(state.root.ref, useFocusWithin<HTMLDivElement>());\n\n  useSliderState_unstable(state, props);\n\n  return state;\n};\n"],"names":["useFieldControlProps_unstable","getPartitionedNativeProps","useId","useMergedRefs","slot","useSliderState_unstable","useFocusWithin","useSlider_unstable","props","ref","size","baseProps","baseState","useSliderBase_unstable","supportsLabelFor","nativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","root","input","rail","thumb","state","components","always","defaultProps","elementType","id","primary","type","orient","undefined"],"mappings":"AAAA;AAGA,SAASA,6BAA6B,QAAQ,wBAAwB;AACtE,SAASC,yBAAyB,EAAEC,KAAK,EAAEC,aAAa,EAAEC,IAAI,QAAQ,4BAA4B;AAClG,SAASC,uBAAuB,QAAQ,mBAAmB;AAE3D,SAASC,cAAc,QAAQ,0BAA0B;AAEzD,OAAO,MAAMC,qBAAqB,CAACC,OAAoBC;IACrD,MAAM,EAAEC,OAAO,QAAQ,EAAE,GAAGC,WAAW,GAAGH;IAE1C,MAAMI,YAAYC,uBAAuBF,WAAWF;IAEpD,OAAO;QACL,GAAGG,SAAS;QACZF;IACF;AACF,EAAE;AAEF;;;;;;CAMC,GACD,OAAO,MAAMG,yBAAyB,CAACL,OAAwBC;IAC7D,+CAA+C;IAC/CD,QAAQR,8BAA8BQ,OAAO;QAAEM,kBAAkB;IAAK;IAEtE,MAAMC,cAAcd,0BAA0B;QAC5CO;QACAQ,oBAAoB;QACpBC,mBAAmB;YAAC;SAAW;IACjC;IAEA,MAAM,EACJC,QAAQ,EACRC,QAAQ,EACR,QAAQ;IACRC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,KAAK,EACN,GAAGf;IAEJ,MAAMgB,QAAyB;QAC7BN;QACAC;QACAM,YAAY;YACVJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACT;QACAH,MAAMhB,KAAKsB,MAAM,CAACN,MAAM;YACtBO,cAAcZ,YAAYK,IAAI;YAC9BQ,aAAa;QACf;QACAP,OAAOjB,KAAKsB,MAAM,CAACL,OAAO;YACxBM,cAAc;gBACZE,IAAI3B,MAAM,WAAWM,MAAMqB,EAAE;gBAC7BpB;gBACA,GAAGM,YAAYe,OAAO;gBACtBC,MAAM;gBACNC,QAAQb,WAAW,aAAac;YAClC;YACAL,aAAa;QACf;QACAN,MAAMlB,KAAKsB,MAAM,CAACJ,MAAM;YAAEM,aAAa;QAAM;QAC7CL,OAAOnB,KAAKsB,MAAM,CAACH,OAAO;YAAEK,aAAa;QAAM;IACjD;IAEAJ,MAAMJ,IAAI,CAACX,GAAG,GAAGN,cAAcqB,MAAMJ,IAAI,CAACX,GAAG,EAAEH;IAE/CD,wBAAwBmB,OAAOhB;IAE/B,OAAOgB;AACT,EAAE"}
+{"version":3,"sources":["../src/components/Slider/useSlider.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, useId, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useSliderState_unstable } from './useSliderState';\nimport type { SliderBaseProps, SliderBaseState, SliderProps, SliderState } from './Slider.types';\nimport { useFocusWithin } from '@fluentui/react-tabster';\n\nexport const useSlider_unstable = (props: SliderProps, ref: React.Ref<HTMLInputElement>): SliderState => {\n  const { size = 'medium', ...baseProps } = props;\n\n  const baseState = useSliderBase_unstable(baseProps, ref);\n\n  return {\n    ...baseState,\n    size,\n  };\n};\n\n/**\n * Base hook for Slider component, which manages state related to slots structure, ARIA attributes,\n * keyboard handling, and controlled/uncontrolled value state.\n *\n * @param props - User provided props to the Slider component.\n * @param ref - User provided ref to be passed to the Slider input element.\n */\nexport const useSliderBase_unstable = (props: SliderBaseProps, ref: React.Ref<HTMLInputElement>): SliderBaseState => {\n  // Merge props from surrounding <Field>, if any\n  props = useFieldControlProps_unstable(props, { supportsLabelFor: true });\n\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['onChange'],\n  });\n\n  const {\n    disabled,\n    vertical,\n    // Slots\n    root,\n    input,\n    rail,\n    thumb,\n  } = props;\n\n  const state: SliderBaseState = {\n    disabled,\n    vertical,\n    components: {\n      input: 'input',\n      rail: 'div',\n      root: 'div',\n      thumb: 'div',\n    },\n    root: slot.always(root, {\n      defaultProps: nativeProps.root,\n      elementType: 'div',\n    }),\n    input: slot.always(input, {\n      defaultProps: {\n        id: useId('slider-', props.id),\n        ref,\n        ...nativeProps.primary,\n        type: 'range',\n        orient: vertical ? 'vertical' : undefined,\n      },\n      elementType: 'input',\n    }),\n    rail: slot.always(rail, { elementType: 'div' }),\n    thumb: slot.always(thumb, { elementType: 'div' }),\n  };\n\n  state.root.ref = useMergedRefs(state.root.ref, useFocusWithin<HTMLDivElement>());\n\n  useSliderState_unstable(state, props);\n\n  return state;\n};\n"],"names":["useFieldControlProps_unstable","getPartitionedNativeProps","useId","useMergedRefs","slot","useSliderState_unstable","useFocusWithin","useSlider_unstable","props","ref","size","baseProps","baseState","useSliderBase_unstable","supportsLabelFor","nativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","root","input","rail","thumb","state","components","always","defaultProps","elementType","id","primary","type","orient","undefined"],"mappings":"AAAA;AAGA,SAASA,6BAA6B,QAAQ,wBAAwB;AACtE,SAASC,yBAAyB,EAAEC,KAAK,EAAEC,aAAa,EAAEC,IAAI,QAAQ,4BAA4B;AAClG,SAASC,uBAAuB,QAAQ,sBAAmB;AAE3D,SAASC,cAAc,QAAQ,0BAA0B;AAEzD,OAAO,MAAMC,qBAAqB,CAACC,OAAoBC;IACrD,MAAM,EAAEC,OAAO,QAAQ,EAAE,GAAGC,WAAW,GAAGH;IAE1C,MAAMI,YAAYC,uBAAuBF,WAAWF;IAEpD,OAAO;QACL,GAAGG,SAAS;QACZF;IACF;AACF,EAAE;AAEF;;;;;;CAMC,GACD,OAAO,MAAMG,yBAAyB,CAACL,OAAwBC;IAC7D,+CAA+C;IAC/CD,QAAQR,8BAA8BQ,OAAO;QAAEM,kBAAkB;IAAK;IAEtE,MAAMC,cAAcd,0BAA0B;QAC5CO;QACAQ,oBAAoB;QACpBC,mBAAmB;YAAC;SAAW;IACjC;IAEA,MAAM,EACJC,QAAQ,EACRC,QAAQ,EACR,QAAQ;IACRC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,KAAK,EACN,GAAGf;IAEJ,MAAMgB,QAAyB;QAC7BN;QACAC;QACAM,YAAY;YACVJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACT;QACAH,MAAMhB,KAAKsB,MAAM,CAACN,MAAM;YACtBO,cAAcZ,YAAYK,IAAI;YAC9BQ,aAAa;QACf;QACAP,OAAOjB,KAAKsB,MAAM,CAACL,OAAO;YACxBM,cAAc;gBACZE,IAAI3B,MAAM,WAAWM,MAAMqB,EAAE;gBAC7BpB;gBACA,GAAGM,YAAYe,OAAO;gBACtBC,MAAM;gBACNC,QAAQb,WAAW,aAAac;YAClC;YACAL,aAAa;QACf;QACAN,MAAMlB,KAAKsB,MAAM,CAACJ,MAAM;YAAEM,aAAa;QAAM;QAC7CL,OAAOnB,KAAKsB,MAAM,CAACH,OAAO;YAAEK,aAAa;QAAM;IACjD;IAEAJ,MAAMJ,IAAI,CAACX,GAAG,GAAGN,cAAcqB,MAAMJ,IAAI,CAACX,GAAG,EAAEH;IAE/CD,wBAAwBmB,OAAOhB;IAE/B,OAAOgB;AACT,EAAE"}

package/lib/components/Slider/useSliderState.js

@@ -1,13 +1,12 @@
 'use client';
-import { clamp, useControllableState, useEventCallback } from '@fluentui/react-utilities';
-import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
-import { sliderCSSVars } from './Slider.constants';
+import { clamp, useControllableState, useEventCallback } from "@fluentui/react-utilities";
+import { useFluent_unstable as useFluent } from "@fluentui/react-shared-contexts";
+import { sliderCSSVars } from "./Slider.constants.js";
 const { sliderStepsPercentVar, sliderProgressVar, sliderDirectionVar } = sliderCSSVars;
 const getPercent = (value, min, max)=>{
     return max === min ? 0 : (value - min) / (max - min) * 100;
 };
 export const useSliderState_unstable = (state, props)=>{
-    'use no memo';
     const { min = 0, max = 100, step } = props;
     const { dir } = useFluent();
     const [currentValue, setCurrentValue] = useControllableState({

package/lib/components/Slider/useSliderState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Slider/useSliderState.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { clamp, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { sliderCSSVars } from './Slider.constants';\nimport type { SliderBaseState, SliderBaseProps } from './Slider.types';\n\nconst { sliderStepsPercentVar, sliderProgressVar, sliderDirectionVar } = sliderCSSVars;\n\nconst getPercent = (value: number, min: number, max: number) => {\n  return max === min ? 0 : ((value - min) / (max - min)) * 100;\n};\n\nexport const useSliderState_unstable = (state: SliderBaseState, props: SliderBaseProps): SliderBaseState => {\n  'use no memo';\n\n  const { min = 0, max = 100, step } = props;\n  const { dir } = useFluent();\n  const [currentValue, setCurrentValue] = useControllableState({\n    state: props.value,\n    defaultState: props.defaultValue,\n    initialState: 0,\n  });\n  const clampedValue = clamp(currentValue, min, max);\n  const valuePercent = getPercent(clampedValue, min, max);\n\n  const inputOnChange = state.input.onChange;\n  const propsOnChange = props.onChange;\n\n  const onChange: React.ChangeEventHandler<HTMLInputElement> = useEventCallback(ev => {\n    const newValue = Number(ev.target.value);\n    setCurrentValue(clamp(newValue, min, max));\n\n    if (inputOnChange && inputOnChange !== propsOnChange) {\n      inputOnChange(ev);\n    } else if (propsOnChange) {\n      propsOnChange(ev, { value: newValue });\n    }\n  });\n\n  const stepPercent = step && step > 0 ? `${(step * 100) / (max - min)}%` : undefined;\n  const rootVariables = {\n    [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',\n    [sliderProgressVar]: `${valuePercent}%`,\n    // Set the sliderStepsPercentVar only if defined - fixes SSR errors in React 18\n    ...(stepPercent !== undefined && {\n      [sliderStepsPercentVar]: stepPercent,\n    }),\n  };\n\n  // Root props\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.style = {\n    ...rootVariables,\n    ...state.root.style,\n  };\n\n  // Input Props\n  // eslint-disable-next-line react-hooks/immutability\n  state.input.value = clampedValue;\n  // eslint-disable-next-line react-hooks/immutability\n  state.input.onChange = onChange;\n\n  return state;\n};\n"],"names":["clamp","useControllableState","useEventCallback","useFluent_unstable","useFluent","sliderCSSVars","sliderStepsPercentVar","sliderProgressVar","sliderDirectionVar","getPercent","value","min","max","useSliderState_unstable","state","props","step","dir","currentValue","setCurrentValue","defaultState","defaultValue","initialState","clampedValue","valuePercent","inputOnChange","input","onChange","propsOnChange","ev","newValue","Number","target","stepPercent","undefined","rootVariables","vertical","root","style"],"mappings":"AAAA;AAGA,SAASA,KAAK,EAAEC,oBAAoB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAC1F,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,aAAa,QAAQ,qBAAqB;AAGnD,MAAM,EAAEC,qBAAqB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAE,GAAGH;AAEzE,MAAMI,aAAa,CAACC,OAAeC,KAAaC;IAC9C,OAAOA,QAAQD,MAAM,IAAI,AAAED,CAAAA,QAAQC,GAAE,IAAMC,CAAAA,MAAMD,GAAE,IAAM;AAC3D;AAEA,OAAO,MAAME,0BAA0B,CAACC,OAAwBC;IAC9D;IAEA,MAAM,EAAEJ,MAAM,CAAC,EAAEC,MAAM,GAAG,EAAEI,IAAI,EAAE,GAAGD;IACrC,MAAM,EAAEE,GAAG,EAAE,GAAGb;IAChB,MAAM,CAACc,cAAcC,gBAAgB,GAAGlB,qBAAqB;QAC3Da,OAAOC,MAAML,KAAK;QAClBU,cAAcL,MAAMM,YAAY;QAChCC,cAAc;IAChB;IACA,MAAMC,eAAevB,MAAMkB,cAAcP,KAAKC;IAC9C,MAAMY,eAAef,WAAWc,cAAcZ,KAAKC;IAEnD,MAAMa,gBAAgBX,MAAMY,KAAK,CAACC,QAAQ;IAC1C,MAAMC,gBAAgBb,MAAMY,QAAQ;IAEpC,MAAMA,WAAuDzB,iBAAiB2B,CAAAA;QAC5E,MAAMC,WAAWC,OAAOF,GAAGG,MAAM,CAACtB,KAAK;QACvCS,gBAAgBnB,MAAM8B,UAAUnB,KAAKC;QAErC,IAAIa,iBAAiBA,kBAAkBG,eAAe;YACpDH,cAAcI;QAChB,OAAO,IAAID,eAAe;YACxBA,cAAcC,IAAI;gBAAEnB,OAAOoB;YAAS;QACtC;IACF;IAEA,MAAMG,cAAcjB,QAAQA,OAAO,IAAI,GAAG,AAACA,OAAO,MAAQJ,CAAAA,MAAMD,GAAE,EAAG,CAAC,CAAC,GAAGuB;IAC1E,MAAMC,gBAAgB;QACpB,CAAC3B,mBAAmB,EAAEM,MAAMsB,QAAQ,GAAG,SAASnB,QAAQ,QAAQ,UAAU;QAC1E,CAACV,kBAAkB,EAAE,GAAGiB,aAAa,CAAC,CAAC;QACvC,+EAA+E;QAC/E,GAAIS,gBAAgBC,aAAa;YAC/B,CAAC5B,sBAAsB,EAAE2B;QAC3B,CAAC;IACH;IAEA,aAAa;IACb,oDAAoD;IACpDnB,MAAMuB,IAAI,CAACC,KAAK,GAAG;QACjB,GAAGH,aAAa;QAChB,GAAGrB,MAAMuB,IAAI,CAACC,KAAK;IACrB;IAEA,cAAc;IACd,oDAAoD;IACpDxB,MAAMY,KAAK,CAAChB,KAAK,GAAGa;IACpB,oDAAoD;IACpDT,MAAMY,KAAK,CAACC,QAAQ,GAAGA;IAEvB,OAAOb;AACT,EAAE"}
+{"version":3,"sources":["../src/components/Slider/useSliderState.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { clamp, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { sliderCSSVars } from './Slider.constants';\nimport type { SliderBaseState, SliderBaseProps } from './Slider.types';\n\nconst { sliderStepsPercentVar, sliderProgressVar, sliderDirectionVar } = sliderCSSVars;\n\nconst getPercent = (value: number, min: number, max: number) => {\n  return max === min ? 0 : ((value - min) / (max - min)) * 100;\n};\n\nexport const useSliderState_unstable = (state: SliderBaseState, props: SliderBaseProps): SliderBaseState => {\n  const { min = 0, max = 100, step } = props;\n  const { dir } = useFluent();\n  const [currentValue, setCurrentValue] = useControllableState({\n    state: props.value,\n    defaultState: props.defaultValue,\n    initialState: 0,\n  });\n  const clampedValue = clamp(currentValue, min, max);\n  const valuePercent = getPercent(clampedValue, min, max);\n\n  const inputOnChange = state.input.onChange;\n  const propsOnChange = props.onChange;\n\n  const onChange: React.ChangeEventHandler<HTMLInputElement> = useEventCallback(ev => {\n    const newValue = Number(ev.target.value);\n    setCurrentValue(clamp(newValue, min, max));\n\n    if (inputOnChange && inputOnChange !== propsOnChange) {\n      inputOnChange(ev);\n    } else if (propsOnChange) {\n      propsOnChange(ev, { value: newValue });\n    }\n  });\n\n  const stepPercent = step && step > 0 ? `${(step * 100) / (max - min)}%` : undefined;\n  const rootVariables = {\n    [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',\n    [sliderProgressVar]: `${valuePercent}%`,\n    // Set the sliderStepsPercentVar only if defined - fixes SSR errors in React 18\n    ...(stepPercent !== undefined && {\n      [sliderStepsPercentVar]: stepPercent,\n    }),\n  };\n\n  // Root props\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.style = {\n    ...rootVariables,\n    ...state.root.style,\n  };\n\n  // Input Props\n  // eslint-disable-next-line react-hooks/immutability\n  state.input.value = clampedValue;\n  // eslint-disable-next-line react-hooks/immutability\n  state.input.onChange = onChange;\n\n  return state;\n};\n"],"names":["clamp","useControllableState","useEventCallback","useFluent_unstable","useFluent","sliderCSSVars","sliderStepsPercentVar","sliderProgressVar","sliderDirectionVar","getPercent","value","min","max","useSliderState_unstable","state","props","step","dir","currentValue","setCurrentValue","defaultState","defaultValue","initialState","clampedValue","valuePercent","inputOnChange","input","onChange","propsOnChange","ev","newValue","Number","target","stepPercent","undefined","rootVariables","vertical","root","style"],"mappings":"AAAA;AAGA,SAASA,KAAK,EAAEC,oBAAoB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAC1F,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,aAAa,QAAQ,wBAAqB;AAGnD,MAAM,EAAEC,qBAAqB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAE,GAAGH;AAEzE,MAAMI,aAAa,CAACC,OAAeC,KAAaC;IAC9C,OAAOA,QAAQD,MAAM,IAAI,AAAED,CAAAA,QAAQC,GAAE,IAAMC,CAAAA,MAAMD,GAAE,IAAM;AAC3D;AAEA,OAAO,MAAME,0BAA0B,CAACC,OAAwBC;IAC9D,MAAM,EAAEJ,MAAM,CAAC,EAAEC,MAAM,GAAG,EAAEI,IAAI,EAAE,GAAGD;IACrC,MAAM,EAAEE,GAAG,EAAE,GAAGb;IAChB,MAAM,CAACc,cAAcC,gBAAgB,GAAGlB,qBAAqB;QAC3Da,OAAOC,MAAML,KAAK;QAClBU,cAAcL,MAAMM,YAAY;QAChCC,cAAc;IAChB;IACA,MAAMC,eAAevB,MAAMkB,cAAcP,KAAKC;IAC9C,MAAMY,eAAef,WAAWc,cAAcZ,KAAKC;IAEnD,MAAMa,gBAAgBX,MAAMY,KAAK,CAACC,QAAQ;IAC1C,MAAMC,gBAAgBb,MAAMY,QAAQ;IAEpC,MAAMA,WAAuDzB,iBAAiB2B,CAAAA;QAC5E,MAAMC,WAAWC,OAAOF,GAAGG,MAAM,CAACtB,KAAK;QACvCS,gBAAgBnB,MAAM8B,UAAUnB,KAAKC;QAErC,IAAIa,iBAAiBA,kBAAkBG,eAAe;YACpDH,cAAcI;QAChB,OAAO,IAAID,eAAe;YACxBA,cAAcC,IAAI;gBAAEnB,OAAOoB;YAAS;QACtC;IACF;IAEA,MAAMG,cAAcjB,QAAQA,OAAO,IAAI,GAAG,AAACA,OAAO,MAAQJ,CAAAA,MAAMD,GAAE,EAAG,CAAC,CAAC,GAAGuB;IAC1E,MAAMC,gBAAgB;QACpB,CAAC3B,mBAAmB,EAAEM,MAAMsB,QAAQ,GAAG,SAASnB,QAAQ,QAAQ,UAAU;QAC1E,CAACV,kBAAkB,EAAE,GAAGiB,aAAa,CAAC,CAAC;QACvC,+EAA+E;QAC/E,GAAIS,gBAAgBC,aAAa;YAC/B,CAAC5B,sBAAsB,EAAE2B;QAC3B,CAAC;IACH;IAEA,aAAa;IACb,oDAAoD;IACpDnB,MAAMuB,IAAI,CAACC,KAAK,GAAG;QACjB,GAAGH,aAAa;QAChB,GAAGrB,MAAMuB,IAAI,CAACC,KAAK;IACrB;IAEA,cAAc;IACd,oDAAoD;IACpDxB,MAAMY,KAAK,CAAChB,KAAK,GAAGa;IACpB,oDAAoD;IACpDT,MAAMY,KAAK,CAACC,QAAQ,GAAGA;IAEvB,OAAOb;AACT,EAAE"}

package/lib/components/Slider/useSliderStyles.styles.js

@@ -1,9 +1,9 @@
 'use client';
 
-import { __styles, mergeClasses } from '@griffel/react';
-import { createFocusOutlineStyle } from '@fluentui/react-tabster';
-import { tokens } from '@fluentui/react-theme';
-import { sliderCSSVars } from './Slider.constants';
+import { __styles, mergeClasses } from "@griffel/react";
+import { createFocusOutlineStyle } from "@fluentui/react-tabster";
+import { tokens } from "@fluentui/react-theme";
+import { sliderCSSVars } from "./Slider.constants.js";
 export const sliderClassNames = {
   root: 'fui-Slider',
   rail: 'fui-Slider__rail',
@@ -387,8 +387,6 @@ const useInputStyles = /*#__PURE__*/__styles({
  * Apply styling to the Slider slots based on the state
  */
 export const useSliderStyles_unstable = state => {
-  'use no memo';
-
   const rootStyles = useRootStyles();
   const railStyles = useRailStyles();
   const thumbStyles = useThumbStyles();

package/lib/components/Slider/useSliderStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","createFocusOutlineStyle","tokens","sliderCSSVars","sliderClassNames","root","rail","thumb","input","thumbPositionVar","sliderDirectionVar","sliderInnerThumbRadiusVar","sliderProgressVar","sliderProgressColorVar","sliderRailSizeVar","sliderRailColorVar","sliderStepsPercentVar","sliderThumbColorVar","sliderThumbSizeVar","useRootStyles","qhf8xq","mc9l5x","lpbzjs","Bt984gj","B7hvi0a","small","Bi64ftq","Bslxy2k","Ba19x4e","sshi5w","medium","horizontal","Bf4jedk","wkccdc","Budl1dq","vertical","enabled","B7wi8oa","B250r6j","Bpmy4es","Buw9y6v","Bq939m0","gjzr1t","tg7hqu","qhf704","Blfvze","genz7u","Brgvh4e","Bsjyjqp","disabled","focusIndicatorHorizontal","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","focusIndicatorVertical","d","p","h","a","m","f","i","useRailStyles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","Ijaq50","nk6f5a","Br312pm","Bw0ie65","Bvjb7m6","Bcmaq0h","Bpd4iqm","oeaueh","Bw0xxkn","Ftih45","Brfgrao","Bbn5juq","Bses4cn","a9b677","Bqenvij","Fbdkly","mdwyqc","Baz25je","Ccq8qp","Bciustq","lawp4y","useThumbStyles","B2lzsem","E5pizo","De3pzq","r59vdv","Budzafs","ck0cow","n07z76","Gng75u","Bcvre1j","Bcgcnre","Bqjgrrk","qa3bma","y0oebl","Biqmznv","Bm6vgfq","Bbv0w2i","uvfttm","eqrjj","Bk5zm6e","m598lv","B4f6apu","ydt019","Bq4z7u6","Bdkvgpv","B0qfbqy","kj8mxx","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","wtfg9d","By3ymbm","B1e78rk","t","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"sources":["useSliderStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { sliderCSSVars } from './Slider.constants';\nexport const sliderClassNames = {\n    root: 'fui-Slider',\n    rail: 'fui-Slider__rail',\n    thumb: 'fui-Slider__thumb',\n    input: 'fui-Slider__input'\n};\n// Internal CSS variables\nconst thumbPositionVar = `--fui-Slider__thumb--position`;\nconst { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, sliderProgressColorVar, sliderRailSizeVar, sliderRailColorVar, sliderStepsPercentVar, sliderThumbColorVar, sliderThumbSizeVar } = sliderCSSVars;\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n    root: {\n        position: 'relative',\n        display: 'inline-grid',\n        touchAction: 'none',\n        alignItems: 'center',\n        justifyItems: 'center'\n    },\n    small: {\n        [sliderThumbSizeVar]: '16px',\n        [sliderInnerThumbRadiusVar]: '5px',\n        [sliderRailSizeVar]: '2px',\n        minHeight: '24px'\n    },\n    medium: {\n        [sliderThumbSizeVar]: '20px',\n        [sliderInnerThumbRadiusVar]: '6px',\n        [sliderRailSizeVar]: '4px',\n        minHeight: '32px'\n    },\n    horizontal: {\n        minWidth: '120px',\n        // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n        gridTemplateRows: `1fr var(${sliderThumbSizeVar}) 1fr`,\n        gridTemplateColumns: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`\n    },\n    vertical: {\n        minHeight: '120px',\n        // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n        gridTemplateRows: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`,\n        gridTemplateColumns: `1fr var(${sliderThumbSizeVar}) 1fr`\n    },\n    enabled: {\n        [sliderRailColorVar]: tokens.colorNeutralStrokeAccessible,\n        [sliderProgressColorVar]: tokens.colorCompoundBrandBackground,\n        [sliderThumbColorVar]: tokens.colorCompoundBrandBackground,\n        ':hover': {\n            [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n            [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundHover\n        },\n        ':active': {\n            [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n            [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundPressed\n        },\n        '@media (forced-colors: active)': {\n            [sliderRailColorVar]: 'CanvasText',\n            [sliderThumbColorVar]: 'Highlight',\n            [sliderProgressColorVar]: 'Highlight',\n            ':hover': {\n                [sliderThumbColorVar]: 'Highlight',\n                [sliderProgressColorVar]: 'Highlight'\n            }\n        }\n    },\n    disabled: {\n        [sliderThumbColorVar]: tokens.colorNeutralForegroundDisabled,\n        [sliderRailColorVar]: tokens.colorNeutralBackgroundDisabled,\n        [sliderProgressColorVar]: tokens.colorNeutralForegroundDisabled,\n        '@media (forced-colors: active)': {\n            [sliderRailColorVar]: 'GrayText',\n            [sliderCSSVars.sliderThumbColorVar]: 'GrayText',\n            [sliderCSSVars.sliderProgressColorVar]: 'GrayText'\n        }\n    },\n    focusIndicatorHorizontal: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '-2px',\n                bottom: '-2px',\n                left: '-4px',\n                right: '-4px'\n            }\n        }\n    }),\n    focusIndicatorVertical: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '-2px',\n                bottom: '-2px',\n                left: '4px',\n                right: '4px'\n            }\n        }\n    })\n});\n/**\n * Styles for the rail slot\n */ const useRailStyles = makeStyles({\n    rail: {\n        borderRadius: tokens.borderRadiusXLarge,\n        pointerEvents: 'none',\n        gridRowStart: '2',\n        gridRowEnd: '2',\n        gridColumnStart: '2',\n        gridColumnEnd: '2',\n        position: 'relative',\n        forcedColorAdjust: 'none',\n        // Background gradient represents the progress of the slider\n        backgroundImage: `linear-gradient(\n      var(${sliderDirectionVar}),\n      var(${sliderProgressColorVar}) 0%,\n      var(${sliderProgressColorVar}) var(${sliderProgressVar}),\n      var(${sliderRailColorVar}) var(${sliderProgressVar})\n    )`,\n        outlineWidth: '1px',\n        outlineStyle: 'solid',\n        outlineColor: tokens.colorTransparentStroke,\n        '::before': {\n            content: \"''\",\n            position: 'absolute',\n            // Repeating gradient represents the steps if provided\n            backgroundImage: `repeating-linear-gradient(\n        var(${sliderDirectionVar}),\n        #0000 0%,\n        #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} var(${sliderStepsPercentVar})\n      )`,\n            // force steps to use HighlightText for high contrast mode\n            '@media (forced-colors: active)': {\n                backgroundImage: `repeating-linear-gradient(\n          var(${sliderDirectionVar}),\n          #0000 0%,\n          #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText var(${sliderStepsPercentVar})\n        )`\n            }\n        }\n    },\n    horizontal: {\n        width: '100%',\n        height: `var(${sliderRailSizeVar})`,\n        '::before': {\n            left: '-1px',\n            right: '-1px',\n            height: `var(${sliderRailSizeVar})`\n        }\n    },\n    vertical: {\n        width: `var(${sliderRailSizeVar})`,\n        height: '100%',\n        '::before': {\n            width: `var(${sliderRailSizeVar})`,\n            top: '-1px',\n            bottom: '-1px'\n        }\n    }\n});\n/**\n * Styles for the thumb slot\n */ const useThumbStyles = makeStyles({\n    thumb: {\n        // Ensure the thumb stays within the track boundaries.\n        // When the value is at 0% or 100%, the distance from the track edge\n        // to the thumb center equals the inner thumb radius.\n        [`${thumbPositionVar}`]: `clamp(var(${sliderInnerThumbRadiusVar}), var(${sliderProgressVar}), calc(100% - var(${sliderInnerThumbRadiusVar})))`,\n        gridRowStart: '2',\n        gridRowEnd: '2',\n        gridColumnStart: '2',\n        gridColumnEnd: '2',\n        position: 'absolute',\n        width: `var(${sliderThumbSizeVar})`,\n        height: `var(${sliderThumbSizeVar})`,\n        pointerEvents: 'none',\n        outlineStyle: 'none',\n        forcedColorAdjust: 'none',\n        borderRadius: tokens.borderRadiusCircular,\n        boxShadow: `0 0 0 calc(var(${sliderThumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n        backgroundColor: `var(${sliderThumbColorVar})`,\n        '::before': {\n            position: 'absolute',\n            top: '0px',\n            left: '0px',\n            bottom: '0px',\n            right: '0px',\n            borderRadius: tokens.borderRadiusCircular,\n            boxSizing: 'border-box',\n            content: \"''\",\n            border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralStroke1}`\n        }\n    },\n    disabled: {\n        '::before': {\n            border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralForegroundDisabled}`\n        }\n    },\n    horizontal: {\n        transform: 'translateX(-50%)',\n        left: `var(${thumbPositionVar})`\n    },\n    vertical: {\n        transform: 'translateY(50%)',\n        bottom: `var(${thumbPositionVar})`\n    }\n});\n/**\n * Styles for the Input slot\n */ const useInputStyles = makeStyles({\n    input: {\n        cursor: 'pointer',\n        opacity: 0,\n        gridRowStart: '1',\n        gridRowEnd: '-1',\n        gridColumnStart: '1',\n        gridColumnEnd: '-1',\n        padding: '0',\n        margin: '0'\n    },\n    disabled: {\n        cursor: 'default'\n    },\n    horizontal: {\n        height: `var(${sliderThumbSizeVar})`,\n        width: '100%'\n    },\n    vertical: {\n        height: '100%',\n        width: `var(${sliderThumbSizeVar})`,\n        // Workaround to check if the browser supports `writing-mode: vertical-lr` for inputs and input[type=range] specifically.\n        // We check if the `writing-mode: sideways-lr` is supported as it's newer feature and it means\n        // that vertical controls should also support `writing-mode: vertical-lr`.\n        '@supports (writing-mode: sideways-lr)': {\n            writingMode: 'vertical-lr',\n            direction: 'rtl'\n        },\n        // Fallback for browsers that don't support `writing-mode: vertical-lr` for inputs\n        '@supports not (writing-mode: sideways-lr)': {\n            WebkitAppearance: 'slider-vertical'\n        }\n    }\n});\n/**\n * Apply styling to the Slider slots based on the state\n */ export const useSliderStyles_unstable = (state)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const railStyles = useRailStyles();\n    const thumbStyles = useThumbStyles();\n    const inputStyles = useInputStyles();\n    const isVertical = state.vertical;\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(sliderClassNames.root, rootStyles.root, isVertical ? rootStyles.focusIndicatorVertical : rootStyles.focusIndicatorHorizontal, rootStyles[state.size], isVertical ? rootStyles.vertical : rootStyles.horizontal, state.disabled ? rootStyles.disabled : rootStyles.enabled, state.root.className);\n    // eslint-disable-next-line react-hooks/immutability\n    state.rail.className = mergeClasses(sliderClassNames.rail, railStyles.rail, isVertical ? railStyles.vertical : railStyles.horizontal, state.rail.className);\n    // eslint-disable-next-line react-hooks/immutability\n    state.thumb.className = mergeClasses(sliderClassNames.thumb, thumbStyles.thumb, isVertical ? thumbStyles.vertical : thumbStyles.horizontal, state.disabled && thumbStyles.disabled, state.thumb.className);\n    // eslint-disable-next-line react-hooks/immutability\n    state.input.className = mergeClasses(sliderClassNames.input, inputStyles.input, isVertical ? inputStyles.vertical : inputStyles.horizontal, state.disabled && inputStyles.disabled, state.input.className);\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","createFocusOutlineStyle","tokens","sliderCSSVars","sliderClassNames","root","rail","thumb","input","thumbPositionVar","sliderDirectionVar","sliderInnerThumbRadiusVar","sliderProgressVar","sliderProgressColorVar","sliderRailSizeVar","sliderRailColorVar","sliderStepsPercentVar","sliderThumbColorVar","sliderThumbSizeVar","useRootStyles","qhf8xq","mc9l5x","lpbzjs","Bt984gj","B7hvi0a","small","Bi64ftq","Bslxy2k","Ba19x4e","sshi5w","medium","horizontal","Bf4jedk","wkccdc","Budl1dq","vertical","enabled","B7wi8oa","B250r6j","Bpmy4es","Buw9y6v","Bq939m0","gjzr1t","tg7hqu","qhf704","Blfvze","genz7u","Brgvh4e","Bsjyjqp","disabled","focusIndicatorHorizontal","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","focusIndicatorVertical","d","p","h","a","m","f","i","useRailStyles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","Ijaq50","nk6f5a","Br312pm","Bw0ie65","Bvjb7m6","Bcmaq0h","Bpd4iqm","oeaueh","Bw0xxkn","Ftih45","Brfgrao","Bbn5juq","Bses4cn","a9b677","Bqenvij","Fbdkly","mdwyqc","Baz25je","Ccq8qp","Bciustq","lawp4y","useThumbStyles","B2lzsem","E5pizo","De3pzq","r59vdv","Budzafs","ck0cow","n07z76","Gng75u","Bcvre1j","Bcgcnre","Bqjgrrk","qa3bma","y0oebl","Biqmznv","Bm6vgfq","Bbv0w2i","uvfttm","eqrjj","Bk5zm6e","m598lv","B4f6apu","ydt019","Bq4z7u6","Bdkvgpv","B0qfbqy","kj8mxx","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","wtfg9d","By3ymbm","B1e78rk","t","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"sources":["useSliderStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { createFocusOutlineStyle } from \"@fluentui/react-tabster\";\nimport { tokens } from \"@fluentui/react-theme\";\nimport { sliderCSSVars } from \"./Slider.constants.js\";\nexport const sliderClassNames = {\n    root: 'fui-Slider',\n    rail: 'fui-Slider__rail',\n    thumb: 'fui-Slider__thumb',\n    input: 'fui-Slider__input'\n};\n// Internal CSS variables\nconst thumbPositionVar = `--fui-Slider__thumb--position`;\nconst { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, sliderProgressColorVar, sliderRailSizeVar, sliderRailColorVar, sliderStepsPercentVar, sliderThumbColorVar, sliderThumbSizeVar } = sliderCSSVars;\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n    root: {\n        position: 'relative',\n        display: 'inline-grid',\n        touchAction: 'none',\n        alignItems: 'center',\n        justifyItems: 'center'\n    },\n    small: {\n        [sliderThumbSizeVar]: '16px',\n        [sliderInnerThumbRadiusVar]: '5px',\n        [sliderRailSizeVar]: '2px',\n        minHeight: '24px'\n    },\n    medium: {\n        [sliderThumbSizeVar]: '20px',\n        [sliderInnerThumbRadiusVar]: '6px',\n        [sliderRailSizeVar]: '4px',\n        minHeight: '32px'\n    },\n    horizontal: {\n        minWidth: '120px',\n        // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n        gridTemplateRows: `1fr var(${sliderThumbSizeVar}) 1fr`,\n        gridTemplateColumns: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`\n    },\n    vertical: {\n        minHeight: '120px',\n        // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n        gridTemplateRows: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`,\n        gridTemplateColumns: `1fr var(${sliderThumbSizeVar}) 1fr`\n    },\n    enabled: {\n        [sliderRailColorVar]: tokens.colorNeutralStrokeAccessible,\n        [sliderProgressColorVar]: tokens.colorCompoundBrandBackground,\n        [sliderThumbColorVar]: tokens.colorCompoundBrandBackground,\n        ':hover': {\n            [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n            [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundHover\n        },\n        ':active': {\n            [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n            [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundPressed\n        },\n        '@media (forced-colors: active)': {\n            [sliderRailColorVar]: 'CanvasText',\n            [sliderThumbColorVar]: 'Highlight',\n            [sliderProgressColorVar]: 'Highlight',\n            ':hover': {\n                [sliderThumbColorVar]: 'Highlight',\n                [sliderProgressColorVar]: 'Highlight'\n            }\n        }\n    },\n    disabled: {\n        [sliderThumbColorVar]: tokens.colorNeutralForegroundDisabled,\n        [sliderRailColorVar]: tokens.colorNeutralBackgroundDisabled,\n        [sliderProgressColorVar]: tokens.colorNeutralForegroundDisabled,\n        '@media (forced-colors: active)': {\n            [sliderRailColorVar]: 'GrayText',\n            [sliderCSSVars.sliderThumbColorVar]: 'GrayText',\n            [sliderCSSVars.sliderProgressColorVar]: 'GrayText'\n        }\n    },\n    focusIndicatorHorizontal: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '-2px',\n                bottom: '-2px',\n                left: '-4px',\n                right: '-4px'\n            }\n        }\n    }),\n    focusIndicatorVertical: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '-2px',\n                bottom: '-2px',\n                left: '4px',\n                right: '4px'\n            }\n        }\n    })\n});\n/**\n * Styles for the rail slot\n */ const useRailStyles = makeStyles({\n    rail: {\n        borderRadius: tokens.borderRadiusXLarge,\n        pointerEvents: 'none',\n        gridRowStart: '2',\n        gridRowEnd: '2',\n        gridColumnStart: '2',\n        gridColumnEnd: '2',\n        position: 'relative',\n        forcedColorAdjust: 'none',\n        // Background gradient represents the progress of the slider\n        backgroundImage: `linear-gradient(\n      var(${sliderDirectionVar}),\n      var(${sliderProgressColorVar}) 0%,\n      var(${sliderProgressColorVar}) var(${sliderProgressVar}),\n      var(${sliderRailColorVar}) var(${sliderProgressVar})\n    )`,\n        outlineWidth: '1px',\n        outlineStyle: 'solid',\n        outlineColor: tokens.colorTransparentStroke,\n        '::before': {\n            content: \"''\",\n            position: 'absolute',\n            // Repeating gradient represents the steps if provided\n            backgroundImage: `repeating-linear-gradient(\n        var(${sliderDirectionVar}),\n        #0000 0%,\n        #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} var(${sliderStepsPercentVar})\n      )`,\n            // force steps to use HighlightText for high contrast mode\n            '@media (forced-colors: active)': {\n                backgroundImage: `repeating-linear-gradient(\n          var(${sliderDirectionVar}),\n          #0000 0%,\n          #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText var(${sliderStepsPercentVar})\n        )`\n            }\n        }\n    },\n    horizontal: {\n        width: '100%',\n        height: `var(${sliderRailSizeVar})`,\n        '::before': {\n            left: '-1px',\n            right: '-1px',\n            height: `var(${sliderRailSizeVar})`\n        }\n    },\n    vertical: {\n        width: `var(${sliderRailSizeVar})`,\n        height: '100%',\n        '::before': {\n            width: `var(${sliderRailSizeVar})`,\n            top: '-1px',\n            bottom: '-1px'\n        }\n    }\n});\n/**\n * Styles for the thumb slot\n */ const useThumbStyles = makeStyles({\n    thumb: {\n        // Ensure the thumb stays within the track boundaries.\n        // When the value is at 0% or 100%, the distance from the track edge\n        // to the thumb center equals the inner thumb radius.\n        [`${thumbPositionVar}`]: `clamp(var(${sliderInnerThumbRadiusVar}), var(${sliderProgressVar}), calc(100% - var(${sliderInnerThumbRadiusVar})))`,\n        gridRowStart: '2',\n        gridRowEnd: '2',\n        gridColumnStart: '2',\n        gridColumnEnd: '2',\n        position: 'absolute',\n        width: `var(${sliderThumbSizeVar})`,\n        height: `var(${sliderThumbSizeVar})`,\n        pointerEvents: 'none',\n        outlineStyle: 'none',\n        forcedColorAdjust: 'none',\n        borderRadius: tokens.borderRadiusCircular,\n        boxShadow: `0 0 0 calc(var(${sliderThumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n        backgroundColor: `var(${sliderThumbColorVar})`,\n        '::before': {\n            position: 'absolute',\n            top: '0px',\n            left: '0px',\n            bottom: '0px',\n            right: '0px',\n            borderRadius: tokens.borderRadiusCircular,\n            boxSizing: 'border-box',\n            content: \"''\",\n            border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralStroke1}`\n        }\n    },\n    disabled: {\n        '::before': {\n            border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralForegroundDisabled}`\n        }\n    },\n    horizontal: {\n        transform: 'translateX(-50%)',\n        left: `var(${thumbPositionVar})`\n    },\n    vertical: {\n        transform: 'translateY(50%)',\n        bottom: `var(${thumbPositionVar})`\n    }\n});\n/**\n * Styles for the Input slot\n */ const useInputStyles = makeStyles({\n    input: {\n        cursor: 'pointer',\n        opacity: 0,\n        gridRowStart: '1',\n        gridRowEnd: '-1',\n        gridColumnStart: '1',\n        gridColumnEnd: '-1',\n        padding: '0',\n        margin: '0'\n    },\n    disabled: {\n        cursor: 'default'\n    },\n    horizontal: {\n        height: `var(${sliderThumbSizeVar})`,\n        width: '100%'\n    },\n    vertical: {\n        height: '100%',\n        width: `var(${sliderThumbSizeVar})`,\n        // Workaround to check if the browser supports `writing-mode: vertical-lr` for inputs and input[type=range] specifically.\n        // We check if the `writing-mode: sideways-lr` is supported as it's newer feature and it means\n        // that vertical controls should also support `writing-mode: vertical-lr`.\n        '@supports (writing-mode: sideways-lr)': {\n            writingMode: 'vertical-lr',\n            direction: 'rtl'\n        },\n        // Fallback for browsers that don't support `writing-mode: vertical-lr` for inputs\n        '@supports not (writing-mode: sideways-lr)': {\n            WebkitAppearance: 'slider-vertical'\n        }\n    }\n});\n/**\n * Apply styling to the Slider slots based on the state\n */ export const useSliderStyles_unstable = (state)=>{\n    const rootStyles = useRootStyles();\n    const railStyles = useRailStyles();\n    const thumbStyles = useThumbStyles();\n    const inputStyles = useInputStyles();\n    const isVertical = state.vertical;\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(sliderClassNames.root, rootStyles.root, isVertical ? rootStyles.focusIndicatorVertical : rootStyles.focusIndicatorHorizontal, rootStyles[state.size], isVertical ? rootStyles.vertical : rootStyles.horizontal, state.disabled ? rootStyles.disabled : rootStyles.enabled, state.root.className);\n    // eslint-disable-next-line react-hooks/immutability\n    state.rail.className = mergeClasses(sliderClassNames.rail, railStyles.rail, isVertical ? railStyles.vertical : railStyles.horizontal, state.rail.className);\n    // eslint-disable-next-line react-hooks/immutability\n    state.thumb.className = mergeClasses(sliderClassNames.thumb, thumbStyles.thumb, isVertical ? thumbStyles.vertical : thumbStyles.horizontal, state.disabled && thumbStyles.disabled, state.thumb.className);\n    // eslint-disable-next-line react-hooks/immutability\n    state.input.className = mergeClasses(sliderClassNames.input, inputStyles.input, isVertical ? inputStyles.vertical : inputStyles.horizontal, state.disabled && inputStyles.disabled, state.input.className);\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/Slider/useSliderStyles.styles.raw.js

@@ -1,8 +1,8 @@
 'use client';
-import { makeStyles, mergeClasses } from '@griffel/react';
-import { createFocusOutlineStyle } from '@fluentui/react-tabster';
-import { tokens } from '@fluentui/react-theme';
-import { sliderCSSVars } from './Slider.constants';
+import { makeStyles, mergeClasses } from "@griffel/react";
+import { createFocusOutlineStyle } from "@fluentui/react-tabster";
+import { tokens } from "@fluentui/react-theme";
+import { sliderCSSVars } from "./Slider.constants.js";
 export const sliderClassNames = {
     root: 'fui-Slider',
     rail: 'fui-Slider__rail',
@@ -251,7 +251,6 @@ const { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, slider
 /**
  * Apply styling to the Slider slots based on the state
  */ export const useSliderStyles_unstable = (state)=>{
-    'use no memo';
     const rootStyles = useRootStyles();
     const railStyles = useRailStyles();
     const thumbStyles = useThumbStyles();

package/lib/components/Slider/useSliderStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Slider/useSliderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SliderState, SliderSlots } from './Slider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { sliderCSSVars } from './Slider.constants';\n\nexport const sliderClassNames: SlotClassNames<SliderSlots> = {\n  root: 'fui-Slider',\n  rail: 'fui-Slider__rail',\n  thumb: 'fui-Slider__thumb',\n  input: 'fui-Slider__input',\n};\n\n// Internal CSS variables\nconst thumbPositionVar = `--fui-Slider__thumb--position`;\n\nconst {\n  sliderDirectionVar,\n  sliderInnerThumbRadiusVar,\n  sliderProgressVar,\n  sliderProgressColorVar,\n  sliderRailSizeVar,\n  sliderRailColorVar,\n  sliderStepsPercentVar,\n  sliderThumbColorVar,\n  sliderThumbSizeVar,\n} = sliderCSSVars;\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  root: {\n    position: 'relative',\n    display: 'inline-grid',\n    touchAction: 'none',\n    alignItems: 'center',\n    justifyItems: 'center',\n  },\n\n  small: {\n    [sliderThumbSizeVar]: '16px',\n    [sliderInnerThumbRadiusVar]: '5px',\n    [sliderRailSizeVar]: '2px',\n    minHeight: '24px',\n  },\n\n  medium: {\n    [sliderThumbSizeVar]: '20px',\n    [sliderInnerThumbRadiusVar]: '6px',\n    [sliderRailSizeVar]: '4px',\n    minHeight: '32px',\n  },\n\n  horizontal: {\n    minWidth: '120px',\n    // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n    gridTemplateRows: `1fr var(${sliderThumbSizeVar}) 1fr`,\n    gridTemplateColumns: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`,\n  },\n\n  vertical: {\n    minHeight: '120px',\n    // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n    gridTemplateRows: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`,\n    gridTemplateColumns: `1fr var(${sliderThumbSizeVar}) 1fr`,\n  },\n\n  enabled: {\n    [sliderRailColorVar]: tokens.colorNeutralStrokeAccessible,\n    [sliderProgressColorVar]: tokens.colorCompoundBrandBackground,\n    [sliderThumbColorVar]: tokens.colorCompoundBrandBackground,\n    ':hover': {\n      [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n      [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundHover,\n    },\n    ':active': {\n      [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n      [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n    },\n    '@media (forced-colors: active)': {\n      [sliderRailColorVar]: 'CanvasText',\n      [sliderThumbColorVar]: 'Highlight',\n      [sliderProgressColorVar]: 'Highlight',\n      ':hover': {\n        [sliderThumbColorVar]: 'Highlight',\n        [sliderProgressColorVar]: 'Highlight',\n      },\n    },\n  },\n\n  disabled: {\n    [sliderThumbColorVar]: tokens.colorNeutralForegroundDisabled,\n    [sliderRailColorVar]: tokens.colorNeutralBackgroundDisabled,\n    [sliderProgressColorVar]: tokens.colorNeutralForegroundDisabled,\n    '@media (forced-colors: active)': {\n      [sliderRailColorVar]: 'GrayText',\n      [sliderCSSVars.sliderThumbColorVar]: 'GrayText',\n      [sliderCSSVars.sliderProgressColorVar]: 'GrayText',\n    },\n  },\n\n  focusIndicatorHorizontal: createFocusOutlineStyle({\n    selector: 'focus-within',\n    style: { outlineOffset: { top: '-2px', bottom: '-2px', left: '-4px', right: '-4px' } },\n  }),\n\n  focusIndicatorVertical: createFocusOutlineStyle({\n    selector: 'focus-within',\n    style: { outlineOffset: { top: '-2px', bottom: '-2px', left: '4px', right: '4px' } },\n  }),\n});\n\n/**\n * Styles for the rail slot\n */\nconst useRailStyles = makeStyles({\n  rail: {\n    borderRadius: tokens.borderRadiusXLarge,\n    pointerEvents: 'none',\n    gridRowStart: '2',\n    gridRowEnd: '2',\n    gridColumnStart: '2',\n    gridColumnEnd: '2',\n    position: 'relative',\n    forcedColorAdjust: 'none',\n    // Background gradient represents the progress of the slider\n    backgroundImage: `linear-gradient(\n      var(${sliderDirectionVar}),\n      var(${sliderProgressColorVar}) 0%,\n      var(${sliderProgressColorVar}) var(${sliderProgressVar}),\n      var(${sliderRailColorVar}) var(${sliderProgressVar})\n    )`,\n    outlineWidth: '1px',\n    outlineStyle: 'solid',\n    outlineColor: tokens.colorTransparentStroke,\n    '::before': {\n      content: \"''\",\n      position: 'absolute',\n      // Repeating gradient represents the steps if provided\n      backgroundImage: `repeating-linear-gradient(\n        var(${sliderDirectionVar}),\n        #0000 0%,\n        #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} var(${sliderStepsPercentVar})\n      )`,\n      // force steps to use HighlightText for high contrast mode\n      '@media (forced-colors: active)': {\n        backgroundImage: `repeating-linear-gradient(\n          var(${sliderDirectionVar}),\n          #0000 0%,\n          #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText var(${sliderStepsPercentVar})\n        )`,\n      },\n    },\n  },\n\n  horizontal: {\n    width: '100%',\n    height: `var(${sliderRailSizeVar})`,\n    '::before': {\n      left: '-1px',\n      right: '-1px',\n      height: `var(${sliderRailSizeVar})`,\n    },\n  },\n\n  vertical: {\n    width: `var(${sliderRailSizeVar})`,\n    height: '100%',\n    '::before': {\n      width: `var(${sliderRailSizeVar})`,\n      top: '-1px',\n      bottom: '-1px',\n    },\n  },\n});\n\n/**\n * Styles for the thumb slot\n */\nconst useThumbStyles = makeStyles({\n  thumb: {\n    // Ensure the thumb stays within the track boundaries.\n    // When the value is at 0% or 100%, the distance from the track edge\n    // to the thumb center equals the inner thumb radius.\n    [`${thumbPositionVar}`]: `clamp(var(${sliderInnerThumbRadiusVar}), var(${sliderProgressVar}), calc(100% - var(${sliderInnerThumbRadiusVar})))`,\n    gridRowStart: '2',\n    gridRowEnd: '2',\n    gridColumnStart: '2',\n    gridColumnEnd: '2',\n    position: 'absolute',\n    width: `var(${sliderThumbSizeVar})`,\n    height: `var(${sliderThumbSizeVar})`,\n    pointerEvents: 'none',\n    outlineStyle: 'none',\n    forcedColorAdjust: 'none',\n    borderRadius: tokens.borderRadiusCircular,\n    boxShadow: `0 0 0 calc(var(${sliderThumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n    backgroundColor: `var(${sliderThumbColorVar})`,\n    '::before': {\n      position: 'absolute',\n      top: '0px',\n      left: '0px',\n      bottom: '0px',\n      right: '0px',\n      borderRadius: tokens.borderRadiusCircular,\n      boxSizing: 'border-box',\n      content: \"''\",\n      border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralStroke1}`,\n    },\n  },\n  disabled: {\n    '::before': {\n      border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralForegroundDisabled}`,\n    },\n  },\n  horizontal: {\n    transform: 'translateX(-50%)',\n    left: `var(${thumbPositionVar})`,\n  },\n  vertical: {\n    transform: 'translateY(50%)',\n    bottom: `var(${thumbPositionVar})`,\n  },\n});\n\n/**\n * Styles for the Input slot\n */\nconst useInputStyles = makeStyles({\n  input: {\n    cursor: 'pointer',\n    opacity: 0,\n    gridRowStart: '1',\n    gridRowEnd: '-1',\n    gridColumnStart: '1',\n    gridColumnEnd: '-1',\n    padding: '0',\n    margin: '0',\n  },\n  disabled: {\n    cursor: 'default',\n  },\n  horizontal: {\n    height: `var(${sliderThumbSizeVar})`,\n    width: '100%',\n  },\n  vertical: {\n    height: '100%',\n    width: `var(${sliderThumbSizeVar})`,\n    // Workaround to check if the browser supports `writing-mode: vertical-lr` for inputs and input[type=range] specifically.\n    // We check if the `writing-mode: sideways-lr` is supported as it's newer feature and it means\n    // that vertical controls should also support `writing-mode: vertical-lr`.\n    '@supports (writing-mode: sideways-lr)': {\n      writingMode: 'vertical-lr',\n      direction: 'rtl',\n    },\n    // Fallback for browsers that don't support `writing-mode: vertical-lr` for inputs\n    '@supports not (writing-mode: sideways-lr)': {\n      WebkitAppearance: 'slider-vertical',\n    },\n  },\n});\n\n/**\n * Apply styling to the Slider slots based on the state\n */\nexport const useSliderStyles_unstable = (state: SliderState): SliderState => {\n  'use no memo';\n\n  const rootStyles = useRootStyles();\n  const railStyles = useRailStyles();\n  const thumbStyles = useThumbStyles();\n  const inputStyles = useInputStyles();\n  const isVertical = state.vertical;\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    sliderClassNames.root,\n    rootStyles.root,\n    isVertical ? rootStyles.focusIndicatorVertical : rootStyles.focusIndicatorHorizontal,\n    rootStyles[state.size!],\n    isVertical ? rootStyles.vertical : rootStyles.horizontal,\n    state.disabled ? rootStyles.disabled : rootStyles.enabled,\n    state.root.className,\n  );\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.rail.className = mergeClasses(\n    sliderClassNames.rail,\n    railStyles.rail,\n    isVertical ? railStyles.vertical : railStyles.horizontal,\n    state.rail.className,\n  );\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.thumb.className = mergeClasses(\n    sliderClassNames.thumb,\n    thumbStyles.thumb,\n    isVertical ? thumbStyles.vertical : thumbStyles.horizontal,\n    state.disabled && thumbStyles.disabled,\n    state.thumb.className,\n  );\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.input.className = mergeClasses(\n    sliderClassNames.input,\n    inputStyles.input,\n    isVertical ? inputStyles.vertical : inputStyles.horizontal,\n    state.disabled && inputStyles.disabled,\n    state.input.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","createFocusOutlineStyle","tokens","sliderCSSVars","sliderClassNames","root","rail","thumb","input","thumbPositionVar","sliderDirectionVar","sliderInnerThumbRadiusVar","sliderProgressVar","sliderProgressColorVar","sliderRailSizeVar","sliderRailColorVar","sliderStepsPercentVar","sliderThumbColorVar","sliderThumbSizeVar","useRootStyles","position","display","touchAction","alignItems","justifyItems","small","minHeight","medium","horizontal","minWidth","gridTemplateRows","gridTemplateColumns","vertical","enabled","colorNeutralStrokeAccessible","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","disabled","colorNeutralForegroundDisabled","colorNeutralBackgroundDisabled","focusIndicatorHorizontal","selector","style","outlineOffset","top","bottom","left","right","focusIndicatorVertical","useRailStyles","borderRadius","borderRadiusXLarge","pointerEvents","gridRowStart","gridRowEnd","gridColumnStart","gridColumnEnd","forcedColorAdjust","backgroundImage","outlineWidth","outlineStyle","outlineColor","colorTransparentStroke","content","colorNeutralBackground1","width","height","useThumbStyles","borderRadiusCircular","boxShadow","backgroundColor","boxSizing","border","colorNeutralStroke1","transform","useInputStyles","cursor","opacity","padding","margin","writingMode","direction","WebkitAppearance","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"mappings":"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"}
+{"version":3,"sources":["../src/components/Slider/useSliderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SliderState, SliderSlots } from './Slider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { sliderCSSVars } from './Slider.constants';\n\nexport const sliderClassNames: SlotClassNames<SliderSlots> = {\n  root: 'fui-Slider',\n  rail: 'fui-Slider__rail',\n  thumb: 'fui-Slider__thumb',\n  input: 'fui-Slider__input',\n};\n\n// Internal CSS variables\nconst thumbPositionVar = `--fui-Slider__thumb--position`;\n\nconst {\n  sliderDirectionVar,\n  sliderInnerThumbRadiusVar,\n  sliderProgressVar,\n  sliderProgressColorVar,\n  sliderRailSizeVar,\n  sliderRailColorVar,\n  sliderStepsPercentVar,\n  sliderThumbColorVar,\n  sliderThumbSizeVar,\n} = sliderCSSVars;\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  root: {\n    position: 'relative',\n    display: 'inline-grid',\n    touchAction: 'none',\n    alignItems: 'center',\n    justifyItems: 'center',\n  },\n\n  small: {\n    [sliderThumbSizeVar]: '16px',\n    [sliderInnerThumbRadiusVar]: '5px',\n    [sliderRailSizeVar]: '2px',\n    minHeight: '24px',\n  },\n\n  medium: {\n    [sliderThumbSizeVar]: '20px',\n    [sliderInnerThumbRadiusVar]: '6px',\n    [sliderRailSizeVar]: '4px',\n    minHeight: '32px',\n  },\n\n  horizontal: {\n    minWidth: '120px',\n    // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n    gridTemplateRows: `1fr var(${sliderThumbSizeVar}) 1fr`,\n    gridTemplateColumns: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`,\n  },\n\n  vertical: {\n    minHeight: '120px',\n    // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n    gridTemplateRows: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`,\n    gridTemplateColumns: `1fr var(${sliderThumbSizeVar}) 1fr`,\n  },\n\n  enabled: {\n    [sliderRailColorVar]: tokens.colorNeutralStrokeAccessible,\n    [sliderProgressColorVar]: tokens.colorCompoundBrandBackground,\n    [sliderThumbColorVar]: tokens.colorCompoundBrandBackground,\n    ':hover': {\n      [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n      [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundHover,\n    },\n    ':active': {\n      [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n      [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n    },\n    '@media (forced-colors: active)': {\n      [sliderRailColorVar]: 'CanvasText',\n      [sliderThumbColorVar]: 'Highlight',\n      [sliderProgressColorVar]: 'Highlight',\n      ':hover': {\n        [sliderThumbColorVar]: 'Highlight',\n        [sliderProgressColorVar]: 'Highlight',\n      },\n    },\n  },\n\n  disabled: {\n    [sliderThumbColorVar]: tokens.colorNeutralForegroundDisabled,\n    [sliderRailColorVar]: tokens.colorNeutralBackgroundDisabled,\n    [sliderProgressColorVar]: tokens.colorNeutralForegroundDisabled,\n    '@media (forced-colors: active)': {\n      [sliderRailColorVar]: 'GrayText',\n      [sliderCSSVars.sliderThumbColorVar]: 'GrayText',\n      [sliderCSSVars.sliderProgressColorVar]: 'GrayText',\n    },\n  },\n\n  focusIndicatorHorizontal: createFocusOutlineStyle({\n    selector: 'focus-within',\n    style: { outlineOffset: { top: '-2px', bottom: '-2px', left: '-4px', right: '-4px' } },\n  }),\n\n  focusIndicatorVertical: createFocusOutlineStyle({\n    selector: 'focus-within',\n    style: { outlineOffset: { top: '-2px', bottom: '-2px', left: '4px', right: '4px' } },\n  }),\n});\n\n/**\n * Styles for the rail slot\n */\nconst useRailStyles = makeStyles({\n  rail: {\n    borderRadius: tokens.borderRadiusXLarge,\n    pointerEvents: 'none',\n    gridRowStart: '2',\n    gridRowEnd: '2',\n    gridColumnStart: '2',\n    gridColumnEnd: '2',\n    position: 'relative',\n    forcedColorAdjust: 'none',\n    // Background gradient represents the progress of the slider\n    backgroundImage: `linear-gradient(\n      var(${sliderDirectionVar}),\n      var(${sliderProgressColorVar}) 0%,\n      var(${sliderProgressColorVar}) var(${sliderProgressVar}),\n      var(${sliderRailColorVar}) var(${sliderProgressVar})\n    )`,\n    outlineWidth: '1px',\n    outlineStyle: 'solid',\n    outlineColor: tokens.colorTransparentStroke,\n    '::before': {\n      content: \"''\",\n      position: 'absolute',\n      // Repeating gradient represents the steps if provided\n      backgroundImage: `repeating-linear-gradient(\n        var(${sliderDirectionVar}),\n        #0000 0%,\n        #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} var(${sliderStepsPercentVar})\n      )`,\n      // force steps to use HighlightText for high contrast mode\n      '@media (forced-colors: active)': {\n        backgroundImage: `repeating-linear-gradient(\n          var(${sliderDirectionVar}),\n          #0000 0%,\n          #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText var(${sliderStepsPercentVar})\n        )`,\n      },\n    },\n  },\n\n  horizontal: {\n    width: '100%',\n    height: `var(${sliderRailSizeVar})`,\n    '::before': {\n      left: '-1px',\n      right: '-1px',\n      height: `var(${sliderRailSizeVar})`,\n    },\n  },\n\n  vertical: {\n    width: `var(${sliderRailSizeVar})`,\n    height: '100%',\n    '::before': {\n      width: `var(${sliderRailSizeVar})`,\n      top: '-1px',\n      bottom: '-1px',\n    },\n  },\n});\n\n/**\n * Styles for the thumb slot\n */\nconst useThumbStyles = makeStyles({\n  thumb: {\n    // Ensure the thumb stays within the track boundaries.\n    // When the value is at 0% or 100%, the distance from the track edge\n    // to the thumb center equals the inner thumb radius.\n    [`${thumbPositionVar}`]: `clamp(var(${sliderInnerThumbRadiusVar}), var(${sliderProgressVar}), calc(100% - var(${sliderInnerThumbRadiusVar})))`,\n    gridRowStart: '2',\n    gridRowEnd: '2',\n    gridColumnStart: '2',\n    gridColumnEnd: '2',\n    position: 'absolute',\n    width: `var(${sliderThumbSizeVar})`,\n    height: `var(${sliderThumbSizeVar})`,\n    pointerEvents: 'none',\n    outlineStyle: 'none',\n    forcedColorAdjust: 'none',\n    borderRadius: tokens.borderRadiusCircular,\n    boxShadow: `0 0 0 calc(var(${sliderThumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n    backgroundColor: `var(${sliderThumbColorVar})`,\n    '::before': {\n      position: 'absolute',\n      top: '0px',\n      left: '0px',\n      bottom: '0px',\n      right: '0px',\n      borderRadius: tokens.borderRadiusCircular,\n      boxSizing: 'border-box',\n      content: \"''\",\n      border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralStroke1}`,\n    },\n  },\n  disabled: {\n    '::before': {\n      border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralForegroundDisabled}`,\n    },\n  },\n  horizontal: {\n    transform: 'translateX(-50%)',\n    left: `var(${thumbPositionVar})`,\n  },\n  vertical: {\n    transform: 'translateY(50%)',\n    bottom: `var(${thumbPositionVar})`,\n  },\n});\n\n/**\n * Styles for the Input slot\n */\nconst useInputStyles = makeStyles({\n  input: {\n    cursor: 'pointer',\n    opacity: 0,\n    gridRowStart: '1',\n    gridRowEnd: '-1',\n    gridColumnStart: '1',\n    gridColumnEnd: '-1',\n    padding: '0',\n    margin: '0',\n  },\n  disabled: {\n    cursor: 'default',\n  },\n  horizontal: {\n    height: `var(${sliderThumbSizeVar})`,\n    width: '100%',\n  },\n  vertical: {\n    height: '100%',\n    width: `var(${sliderThumbSizeVar})`,\n    // Workaround to check if the browser supports `writing-mode: vertical-lr` for inputs and input[type=range] specifically.\n    // We check if the `writing-mode: sideways-lr` is supported as it's newer feature and it means\n    // that vertical controls should also support `writing-mode: vertical-lr`.\n    '@supports (writing-mode: sideways-lr)': {\n      writingMode: 'vertical-lr',\n      direction: 'rtl',\n    },\n    // Fallback for browsers that don't support `writing-mode: vertical-lr` for inputs\n    '@supports not (writing-mode: sideways-lr)': {\n      WebkitAppearance: 'slider-vertical',\n    },\n  },\n});\n\n/**\n * Apply styling to the Slider slots based on the state\n */\nexport const useSliderStyles_unstable = (state: SliderState): SliderState => {\n  const rootStyles = useRootStyles();\n  const railStyles = useRailStyles();\n  const thumbStyles = useThumbStyles();\n  const inputStyles = useInputStyles();\n  const isVertical = state.vertical;\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    sliderClassNames.root,\n    rootStyles.root,\n    isVertical ? rootStyles.focusIndicatorVertical : rootStyles.focusIndicatorHorizontal,\n    rootStyles[state.size!],\n    isVertical ? rootStyles.vertical : rootStyles.horizontal,\n    state.disabled ? rootStyles.disabled : rootStyles.enabled,\n    state.root.className,\n  );\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.rail.className = mergeClasses(\n    sliderClassNames.rail,\n    railStyles.rail,\n    isVertical ? railStyles.vertical : railStyles.horizontal,\n    state.rail.className,\n  );\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.thumb.className = mergeClasses(\n    sliderClassNames.thumb,\n    thumbStyles.thumb,\n    isVertical ? thumbStyles.vertical : thumbStyles.horizontal,\n    state.disabled && thumbStyles.disabled,\n    state.thumb.className,\n  );\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.input.className = mergeClasses(\n    sliderClassNames.input,\n    inputStyles.input,\n    isVertical ? inputStyles.vertical : inputStyles.horizontal,\n    state.disabled && inputStyles.disabled,\n    state.input.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","createFocusOutlineStyle","tokens","sliderCSSVars","sliderClassNames","root","rail","thumb","input","thumbPositionVar","sliderDirectionVar","sliderInnerThumbRadiusVar","sliderProgressVar","sliderProgressColorVar","sliderRailSizeVar","sliderRailColorVar","sliderStepsPercentVar","sliderThumbColorVar","sliderThumbSizeVar","useRootStyles","position","display","touchAction","alignItems","justifyItems","small","minHeight","medium","horizontal","minWidth","gridTemplateRows","gridTemplateColumns","vertical","enabled","colorNeutralStrokeAccessible","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","disabled","colorNeutralForegroundDisabled","colorNeutralBackgroundDisabled","focusIndicatorHorizontal","selector","style","outlineOffset","top","bottom","left","right","focusIndicatorVertical","useRailStyles","borderRadius","borderRadiusXLarge","pointerEvents","gridRowStart","gridRowEnd","gridColumnStart","gridColumnEnd","forcedColorAdjust","backgroundImage","outlineWidth","outlineStyle","outlineColor","colorTransparentStroke","content","colorNeutralBackground1","width","height","useThumbStyles","borderRadiusCircular","boxShadow","backgroundColor","boxSizing","border","colorNeutralStroke1","transform","useInputStyles","cursor","opacity","padding","margin","writingMode","direction","WebkitAppearance","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"mappings":"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"}

package/lib/index.js

@@ -1 +1 @@
-export { Slider, renderSlider_unstable, sliderClassNames, sliderCSSVars, useSliderState_unstable, useSliderStyles_unstable, useSlider_unstable, useSliderBase_unstable } from './Slider';
+export { Slider, renderSlider_unstable, sliderClassNames, sliderCSSVars, useSliderState_unstable, useSliderStyles_unstable, useSlider_unstable, useSliderBase_unstable } from "./Slider.js";

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Slider,\n  renderSlider_unstable,\n  sliderClassNames,\n  sliderCSSVars,\n  useSliderState_unstable,\n  useSliderStyles_unstable,\n  useSlider_unstable,\n  useSliderBase_unstable,\n} from './Slider';\nexport type {\n  SliderOnChangeData,\n  SliderProps,\n  SliderSlots,\n  SliderState,\n  SliderBaseProps,\n  SliderBaseState,\n} from './Slider';\n"],"names":["Slider","renderSlider_unstable","sliderClassNames","sliderCSSVars","useSliderState_unstable","useSliderStyles_unstable","useSlider_unstable","useSliderBase_unstable"],"mappings":"AAAA,SACEA,MAAM,EACNC,qBAAqB,EACrBC,gBAAgB,EAChBC,aAAa,EACbC,uBAAuB,EACvBC,wBAAwB,EACxBC,kBAAkB,EAClBC,sBAAsB,QACjB,WAAW"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Slider,\n  renderSlider_unstable,\n  sliderClassNames,\n  sliderCSSVars,\n  useSliderState_unstable,\n  useSliderStyles_unstable,\n  useSlider_unstable,\n  useSliderBase_unstable,\n} from './Slider';\nexport type {\n  SliderOnChangeData,\n  SliderProps,\n  SliderSlots,\n  SliderState,\n  SliderBaseProps,\n  SliderBaseState,\n} from './Slider';\n"],"names":["Slider","renderSlider_unstable","sliderClassNames","sliderCSSVars","useSliderState_unstable","useSliderStyles_unstable","useSlider_unstable","useSliderBase_unstable"],"mappings":"AAAA,SACEA,MAAM,EACNC,qBAAqB,EACrBC,gBAAgB,EAChBC,aAAa,EACbC,uBAAuB,EACvBC,wBAAwB,EACxBC,kBAAkB,EAClBC,sBAAsB,QACjB,cAAW"}

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

@@ -34,4 +34,4 @@ _export(exports, {
         return _index.useSlider_unstable;
     }
 });
-const _index = require("./components/Slider/index");
+const _index = require("./components/Slider/index.cjs");

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/Slider.ts"],"sourcesContent":["export type {\n  SliderBaseProps,\n  SliderBaseState,\n  SliderOnChangeData,\n  SliderProps,\n  SliderSlots,\n  SliderState,\n} from './components/Slider/index';\nexport {\n  Slider,\n  renderSlider_unstable,\n  sliderCSSVars,\n  sliderClassNames,\n  useSliderState_unstable,\n  useSliderStyles_unstable,\n  useSlider_unstable,\n  useSliderBase_unstable,\n} from './components/Slider/index';\n"],"names":["Slider","renderSlider_unstable","sliderCSSVars","sliderClassNames","useSliderState_unstable","useSliderStyles_unstable","useSlider_unstable","useSliderBase_unstable"],"mappings":";;;;;;;;;;;IASEA;4BAAM;;;eACNC,4BAAqB;;;eACrBC,oBAAa;;;eACbC,uBAAgB;;IAIhBI;4CAAsB;;;eAHtBH,8BAAuB;;;eACvBC,+BAAwB;;;eACxBC,yBAAkB;;;uBAEb,4BAA4B"}
+{"version":3,"sources":["../src/Slider.ts"],"sourcesContent":["export type {\n  SliderBaseProps,\n  SliderBaseState,\n  SliderOnChangeData,\n  SliderProps,\n  SliderSlots,\n  SliderState,\n} from './components/Slider/index';\nexport {\n  Slider,\n  renderSlider_unstable,\n  sliderCSSVars,\n  sliderClassNames,\n  useSliderState_unstable,\n  useSliderStyles_unstable,\n  useSlider_unstable,\n  useSliderBase_unstable,\n} from './components/Slider/index';\n"],"names":["Slider","renderSlider_unstable","sliderCSSVars","sliderClassNames","useSliderState_unstable","useSliderStyles_unstable","useSlider_unstable","useSliderBase_unstable"],"mappings":";;;;;;;;;;;IASEA;4BAAM;;;eACNC,4BAAqB;;;eACrBC,oBAAa;;;eACbC,uBAAgB;;IAIhBI;4CAAsB;;;eAHtBH,8BAAuB;;;eACvBC,+BAAwB;;;eACxBC,yBAAkB;;;uBAEb,+BAA4B"}

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

@@ -11,9 +11,9 @@ Object.defineProperty(exports, "Slider", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _useSlider = require("./useSlider");
-const _renderSlider = require("./renderSlider");
-const _useSliderStylesstyles = require("./useSliderStyles.styles");
+const _useSlider = require("./useSlider.cjs");
+const _renderSlider = require("./renderSlider.cjs");
+const _useSliderStylesstyles = require("./useSliderStyles.styles.cjs");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const Slider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useSlider.useSlider_unstable)(props, ref);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useSlider_unstable } from './useSlider';\nimport { renderSlider_unstable } from './renderSlider';\nimport { useSliderStyles_unstable } from './useSliderStyles.styles';\nimport type { SliderProps } from './Slider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * The Slider component allows users to quickly select a value by dragging a thumb across a rail.\n */\nexport const Slider: ForwardRefComponent<SliderProps> = React.forwardRef((props, ref) => {\n  const state = useSlider_unstable(props, ref);\n\n  useSliderStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useSliderStyles_unstable')(state);\n\n  return renderSlider_unstable(state);\n});\nSlider.displayName = 'Slider';\n"],"names":["React","useSlider_unstable","renderSlider_unstable","useSliderStyles_unstable","useCustomStyleHook_unstable","Slider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;2BACI,cAAc;8BACX,iBAAiB;uCACd,2BAA2B;qCAGxB,kCAAkC;AAKvE,MAAMK,SAAAA,WAAAA,GAA2CL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/E,MAAMC,YAAQR,6BAAAA,EAAmBM,OAAOC;QAExCL,+CAAAA,EAAyBM;QAEzBL,gDAAAA,EAA4B,4BAA4BK;IAExD,WAAOP,mCAAAA,EAAsBO;AAC/B,GAAG;AACHJ,OAAOK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useSlider_unstable } from './useSlider';\nimport { renderSlider_unstable } from './renderSlider';\nimport { useSliderStyles_unstable } from './useSliderStyles.styles';\nimport type { SliderProps } from './Slider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * The Slider component allows users to quickly select a value by dragging a thumb across a rail.\n */\nexport const Slider: ForwardRefComponent<SliderProps> = React.forwardRef((props, ref) => {\n  const state = useSlider_unstable(props, ref);\n\n  useSliderStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useSliderStyles_unstable')(state);\n\n  return renderSlider_unstable(state);\n});\nSlider.displayName = 'Slider';\n"],"names":["React","useSlider_unstable","renderSlider_unstable","useSliderStyles_unstable","useCustomStyleHook_unstable","Slider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;2BACI,iBAAc;8BACX,oBAAiB;uCACd,8BAA2B;qCAGxB,kCAAkC;AAKvE,MAAMK,SAAAA,WAAAA,GAA2CL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/E,MAAMC,YAAQR,6BAAAA,EAAmBM,OAAOC;QAExCL,+CAAAA,EAAyBM;QAEzBL,gDAAAA,EAA4B,4BAA4BK;IAExD,WAAOP,mCAAAA,EAAsBO;AAC/B,GAAG;AACHJ,OAAOK,WAAW,GAAG"}

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

@@ -34,9 +34,9 @@ _export(exports, {
         return _useSlider.useSlider_unstable;
     }
 });
-const _Slider = require("./Slider");
-const _Sliderconstants = require("./Slider.constants");
-const _renderSlider = require("./renderSlider");
-const _useSlider = require("./useSlider");
-const _useSliderState = require("./useSliderState");
-const _useSliderStylesstyles = require("./useSliderStyles.styles");
+const _Slider = require("./Slider.cjs");
+const _Sliderconstants = require("./Slider.constants.cjs");
+const _renderSlider = require("./renderSlider.cjs");
+const _useSlider = require("./useSlider.cjs");
+const _useSliderState = require("./useSliderState.cjs");
+const _useSliderStylesstyles = require("./useSliderStyles.styles.cjs");

package/lib-commonjs/components/Slider/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Slider/index.ts"],"sourcesContent":["export { Slider } from './Slider';\nexport { sliderCSSVars } from './Slider.constants';\nexport type {\n  SliderBaseProps,\n  SliderBaseState,\n  SliderOnChangeData,\n  SliderProps,\n  SliderSlots,\n  SliderState,\n} from './Slider.types';\nexport { renderSlider_unstable } from './renderSlider';\nexport { useSlider_unstable, useSliderBase_unstable } from './useSlider';\nexport { useSliderState_unstable } from './useSliderState';\nexport { sliderClassNames, useSliderStyles_unstable } from './useSliderStyles.styles';\n"],"names":["Slider","sliderCSSVars","renderSlider_unstable","useSlider_unstable","useSliderBase_unstable","useSliderState_unstable","sliderClassNames","useSliderStyles_unstable"],"mappings":";;;;;;;;;;;IAASA;6BAAM;;;eAUNE,mCAAqB;;;eATrBD,8BAAa;;;eAYbK,uCAAgB;;;eAFIF,iCAAsB;;;eAC1CC,uCAAuB;;;eACLE,+CAAwB;;;eAF1CJ,6BAAkB;;;wBAXJ,WAAW;iCACJ,qBAAqB;8BASb,iBAAiB;2BACI,cAAc;gCACjC,mBAAmB;uCACA,2BAA2B"}
+{"version":3,"sources":["../src/components/Slider/index.ts"],"sourcesContent":["export { Slider } from './Slider';\nexport { sliderCSSVars } from './Slider.constants';\nexport type {\n  SliderBaseProps,\n  SliderBaseState,\n  SliderOnChangeData,\n  SliderProps,\n  SliderSlots,\n  SliderState,\n} from './Slider.types';\nexport { renderSlider_unstable } from './renderSlider';\nexport { useSlider_unstable, useSliderBase_unstable } from './useSlider';\nexport { useSliderState_unstable } from './useSliderState';\nexport { sliderClassNames, useSliderStyles_unstable } from './useSliderStyles.styles';\n"],"names":["Slider","sliderCSSVars","renderSlider_unstable","useSlider_unstable","useSliderBase_unstable","useSliderState_unstable","sliderClassNames","useSliderStyles_unstable"],"mappings":";;;;;;;;;;;IAASA;6BAAM;;;eAUNE,mCAAqB;;;eATrBD,8BAAa;;;eAYbK,uCAAgB;;;eAFIF,iCAAsB;;;eAC1CC,uCAAuB;;;eACLE,+CAAwB;;;eAF1CJ,6BAAkB;;;wBAXJ,cAAW;iCACJ,wBAAqB;8BASb,oBAAiB;2BACI,iBAAc;gCACjC,sBAAmB;uCACA,8BAA2B"}

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

@@ -19,7 +19,7 @@ _export(exports, {
 });
 const _reactfield = require("@fluentui/react-field");
 const _reactutilities = require("@fluentui/react-utilities");
-const _useSliderState = require("./useSliderState");
+const _useSliderState = require("./useSliderState.cjs");
 const _reacttabster = require("@fluentui/react-tabster");
 const useSlider_unstable = (props, ref)=>{
     const { size = 'medium', ...baseProps } = props;

package/lib-commonjs/components/Slider/{useSlider.js.map → useSlider.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Slider/useSlider.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, useId, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useSliderState_unstable } from './useSliderState';\nimport type { SliderBaseProps, SliderBaseState, SliderProps, SliderState } from './Slider.types';\nimport { useFocusWithin } from '@fluentui/react-tabster';\n\nexport const useSlider_unstable = (props: SliderProps, ref: React.Ref<HTMLInputElement>): SliderState => {\n  const { size = 'medium', ...baseProps } = props;\n\n  const baseState = useSliderBase_unstable(baseProps, ref);\n\n  return {\n    ...baseState,\n    size,\n  };\n};\n\n/**\n * Base hook for Slider component, which manages state related to slots structure, ARIA attributes,\n * keyboard handling, and controlled/uncontrolled value state.\n *\n * @param props - User provided props to the Slider component.\n * @param ref - User provided ref to be passed to the Slider input element.\n */\nexport const useSliderBase_unstable = (props: SliderBaseProps, ref: React.Ref<HTMLInputElement>): SliderBaseState => {\n  // Merge props from surrounding <Field>, if any\n  props = useFieldControlProps_unstable(props, { supportsLabelFor: true });\n\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['onChange'],\n  });\n\n  const {\n    disabled,\n    vertical,\n    // Slots\n    root,\n    input,\n    rail,\n    thumb,\n  } = props;\n\n  const state: SliderBaseState = {\n    disabled,\n    vertical,\n    components: {\n      input: 'input',\n      rail: 'div',\n      root: 'div',\n      thumb: 'div',\n    },\n    root: slot.always(root, {\n      defaultProps: nativeProps.root,\n      elementType: 'div',\n    }),\n    input: slot.always(input, {\n      defaultProps: {\n        id: useId('slider-', props.id),\n        ref,\n        ...nativeProps.primary,\n        type: 'range',\n        orient: vertical ? 'vertical' : undefined,\n      },\n      elementType: 'input',\n    }),\n    rail: slot.always(rail, { elementType: 'div' }),\n    thumb: slot.always(thumb, { elementType: 'div' }),\n  };\n\n  state.root.ref = useMergedRefs(state.root.ref, useFocusWithin<HTMLDivElement>());\n\n  useSliderState_unstable(state, props);\n\n  return state;\n};\n"],"names":["useFieldControlProps_unstable","getPartitionedNativeProps","useId","useMergedRefs","slot","useSliderState_unstable","useFocusWithin","useSlider_unstable","props","ref","size","baseProps","baseState","useSliderBase_unstable","supportsLabelFor","nativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","root","input","rail","thumb","state","components","always","defaultProps","elementType","id","primary","type","orient","undefined"],"mappings":"AAAA;;;;;;;;;;;;0BA2Baa;eAAAA;;sBAlBAN;;;;4BANiC,wBAAwB;gCACA,4BAA4B;gCAC1D,mBAAmB;8BAE5B,0BAA0B;AAElD,MAAMA,qBAAqB,CAACC,OAAoBC;IACrD,MAAM,EAAEC,OAAO,QAAQ,EAAE,GAAGC,WAAW,GAAGH;IAE1C,MAAMI,YAAYC,uBAAuBF,WAAWF;IAEpD,OAAO;QACL,GAAGG,SAAS;QACZF;IACF;AACF,EAAE;AASK,+BAA+B,CAACF,OAAwBC;IAC7D,+CAA+C;IAC/CD,YAAQR,yCAAAA,EAA8BQ,OAAO;QAAEM,kBAAkB;IAAK;IAEtE,MAAMC,kBAAcd,yCAAAA,EAA0B;QAC5CO;QACAQ,oBAAoB;QACpBC,mBAAmB;YAAC;SAAW;IACjC;IAEA,MAAM,EACJC,QAAQ,EACRC,QAAQ,EAERC,AADA,IACI,EACJC,EAFQ,GAEH,EACLC,IAAI,EACJC,KAAK,EACN,GAAGf;IAEJ,MAAMgB,QAAyB;QAC7BN;QACAC;QACAM,YAAY;YACVJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACT;QACAH,MAAMhB,oBAAAA,CAAKsB,MAAM,CAACN,MAAM;YACtBO,cAAcZ,YAAYK,IAAI;YAC9BQ,aAAa;QACf;QACAP,OAAOjB,oBAAAA,CAAKsB,MAAM,CAACL,OAAO;YACxBM,cAAc;gBACZE,QAAI3B,qBAAAA,EAAM,WAAWM,MAAMqB,EAAE;gBAC7BpB;gBACA,GAAGM,YAAYe,OAAO;gBACtBC,MAAM;gBACNC,QAAQb,WAAW,aAAac;YAClC;YACAL,aAAa;QACf;QACAN,MAAMlB,oBAAAA,CAAKsB,MAAM,CAACJ,MAAM;YAAEM,aAAa;QAAM;QAC7CL,OAAOnB,oBAAAA,CAAKsB,MAAM,CAACH,OAAO;YAAEK,aAAa;QAAM;IACjD;IAEAJ,MAAMJ,IAAI,CAACX,GAAG,OAAGN,6BAAAA,EAAcqB,MAAMJ,IAAI,CAACX,GAAG,MAAEH,4BAAAA;QAE/CD,uCAAAA,EAAwBmB,OAAOhB;IAE/B,OAAOgB;AACT,EAAE"}
+{"version":3,"sources":["../src/components/Slider/useSlider.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, useId, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useSliderState_unstable } from './useSliderState';\nimport type { SliderBaseProps, SliderBaseState, SliderProps, SliderState } from './Slider.types';\nimport { useFocusWithin } from '@fluentui/react-tabster';\n\nexport const useSlider_unstable = (props: SliderProps, ref: React.Ref<HTMLInputElement>): SliderState => {\n  const { size = 'medium', ...baseProps } = props;\n\n  const baseState = useSliderBase_unstable(baseProps, ref);\n\n  return {\n    ...baseState,\n    size,\n  };\n};\n\n/**\n * Base hook for Slider component, which manages state related to slots structure, ARIA attributes,\n * keyboard handling, and controlled/uncontrolled value state.\n *\n * @param props - User provided props to the Slider component.\n * @param ref - User provided ref to be passed to the Slider input element.\n */\nexport const useSliderBase_unstable = (props: SliderBaseProps, ref: React.Ref<HTMLInputElement>): SliderBaseState => {\n  // Merge props from surrounding <Field>, if any\n  props = useFieldControlProps_unstable(props, { supportsLabelFor: true });\n\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['onChange'],\n  });\n\n  const {\n    disabled,\n    vertical,\n    // Slots\n    root,\n    input,\n    rail,\n    thumb,\n  } = props;\n\n  const state: SliderBaseState = {\n    disabled,\n    vertical,\n    components: {\n      input: 'input',\n      rail: 'div',\n      root: 'div',\n      thumb: 'div',\n    },\n    root: slot.always(root, {\n      defaultProps: nativeProps.root,\n      elementType: 'div',\n    }),\n    input: slot.always(input, {\n      defaultProps: {\n        id: useId('slider-', props.id),\n        ref,\n        ...nativeProps.primary,\n        type: 'range',\n        orient: vertical ? 'vertical' : undefined,\n      },\n      elementType: 'input',\n    }),\n    rail: slot.always(rail, { elementType: 'div' }),\n    thumb: slot.always(thumb, { elementType: 'div' }),\n  };\n\n  state.root.ref = useMergedRefs(state.root.ref, useFocusWithin<HTMLDivElement>());\n\n  useSliderState_unstable(state, props);\n\n  return state;\n};\n"],"names":["useFieldControlProps_unstable","getPartitionedNativeProps","useId","useMergedRefs","slot","useSliderState_unstable","useFocusWithin","useSlider_unstable","props","ref","size","baseProps","baseState","useSliderBase_unstable","supportsLabelFor","nativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","root","input","rail","thumb","state","components","always","defaultProps","elementType","id","primary","type","orient","undefined"],"mappings":"AAAA;;;;;;;;;;;;0BA2Baa;eAAAA;;sBAlBAN;;;;4BANiC,wBAAwB;gCACA,4BAA4B;gCAC1D,sBAAmB;8BAE5B,0BAA0B;AAElD,MAAMA,qBAAqB,CAACC,OAAoBC;IACrD,MAAM,EAAEC,OAAO,QAAQ,EAAE,GAAGC,WAAW,GAAGH;IAE1C,MAAMI,YAAYC,uBAAuBF,WAAWF;IAEpD,OAAO;QACL,GAAGG,SAAS;QACZF;IACF;AACF,EAAE;AASK,+BAA+B,CAACF,OAAwBC;IAC7D,+CAA+C;IAC/CD,YAAQR,yCAAAA,EAA8BQ,OAAO;QAAEM,kBAAkB;IAAK;IAEtE,MAAMC,kBAAcd,yCAAAA,EAA0B;QAC5CO;QACAQ,oBAAoB;QACpBC,mBAAmB;YAAC;SAAW;IACjC;IAEA,MAAM,EACJC,QAAQ,EACRC,QAAQ,EAERC,AADA,IACI,EACJC,EAFQ,GAEH,EACLC,IAAI,EACJC,KAAK,EACN,GAAGf;IAEJ,MAAMgB,QAAyB;QAC7BN;QACAC;QACAM,YAAY;YACVJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACT;QACAH,MAAMhB,oBAAAA,CAAKsB,MAAM,CAACN,MAAM;YACtBO,cAAcZ,YAAYK,IAAI;YAC9BQ,aAAa;QACf;QACAP,OAAOjB,oBAAAA,CAAKsB,MAAM,CAACL,OAAO;YACxBM,cAAc;gBACZE,QAAI3B,qBAAAA,EAAM,WAAWM,MAAMqB,EAAE;gBAC7BpB;gBACA,GAAGM,YAAYe,OAAO;gBACtBC,MAAM;gBACNC,QAAQb,WAAW,aAAac;YAClC;YACAL,aAAa;QACf;QACAN,MAAMlB,oBAAAA,CAAKsB,MAAM,CAACJ,MAAM;YAAEM,aAAa;QAAM;QAC7CL,OAAOnB,oBAAAA,CAAKsB,MAAM,CAACH,OAAO;YAAEK,aAAa;QAAM;IACjD;IAEAJ,MAAMJ,IAAI,CAACX,GAAG,OAAGN,6BAAAA,EAAcqB,MAAMJ,IAAI,CAACX,GAAG,MAAEH,4BAAAA;QAE/CD,uCAAAA,EAAwBmB,OAAOhB;IAE/B,OAAOgB;AACT,EAAE"}

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

@@ -11,13 +11,12 @@ Object.defineProperty(exports, "useSliderState_unstable", {
 });
 const _reactutilities = require("@fluentui/react-utilities");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _Sliderconstants = require("./Slider.constants");
+const _Sliderconstants = require("./Slider.constants.cjs");
 const { sliderStepsPercentVar, sliderProgressVar, sliderDirectionVar } = _Sliderconstants.sliderCSSVars;
 const getPercent = (value, min, max)=>{
     return max === min ? 0 : (value - min) / (max - min) * 100;
 };
 const useSliderState_unstable = (state, props)=>{
-    'use no memo';
     const { min = 0, max = 100, step } = props;
     const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
     const [currentValue, setCurrentValue] = (0, _reactutilities.useControllableState)({

package/lib-commonjs/components/Slider/useSliderState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Slider/useSliderState.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { clamp, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { sliderCSSVars } from './Slider.constants';\nimport type { SliderBaseState, SliderBaseProps } from './Slider.types';\n\nconst { sliderStepsPercentVar, sliderProgressVar, sliderDirectionVar } = sliderCSSVars;\n\nconst getPercent = (value: number, min: number, max: number) => {\n  return max === min ? 0 : ((value - min) / (max - min)) * 100;\n};\n\nexport const useSliderState_unstable = (state: SliderBaseState, props: SliderBaseProps): SliderBaseState => {\n  const { min = 0, max = 100, step } = props;\n  const { dir } = useFluent();\n  const [currentValue, setCurrentValue] = useControllableState({\n    state: props.value,\n    defaultState: props.defaultValue,\n    initialState: 0,\n  });\n  const clampedValue = clamp(currentValue, min, max);\n  const valuePercent = getPercent(clampedValue, min, max);\n\n  const inputOnChange = state.input.onChange;\n  const propsOnChange = props.onChange;\n\n  const onChange: React.ChangeEventHandler<HTMLInputElement> = useEventCallback(ev => {\n    const newValue = Number(ev.target.value);\n    setCurrentValue(clamp(newValue, min, max));\n\n    if (inputOnChange && inputOnChange !== propsOnChange) {\n      inputOnChange(ev);\n    } else if (propsOnChange) {\n      propsOnChange(ev, { value: newValue });\n    }\n  });\n\n  const stepPercent = step && step > 0 ? `${(step * 100) / (max - min)}%` : undefined;\n  const rootVariables = {\n    [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',\n    [sliderProgressVar]: `${valuePercent}%`,\n    // Set the sliderStepsPercentVar only if defined - fixes SSR errors in React 18\n    ...(stepPercent !== undefined && {\n      [sliderStepsPercentVar]: stepPercent,\n    }),\n  };\n\n  // Root props\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.style = {\n    ...rootVariables,\n    ...state.root.style,\n  };\n\n  // Input Props\n  // eslint-disable-next-line react-hooks/immutability\n  state.input.value = clampedValue;\n  // eslint-disable-next-line react-hooks/immutability\n  state.input.onChange = onChange;\n\n  return state;\n};\n"],"names":["clamp","useControllableState","useEventCallback","useFluent_unstable","useFluent","sliderCSSVars","sliderStepsPercentVar","sliderProgressVar","sliderDirectionVar","getPercent","value","min","max","useSliderState_unstable","state","props","step","dir","currentValue","setCurrentValue","defaultState","defaultValue","initialState","clampedValue","valuePercent","inputOnChange","input","onChange","propsOnChange","ev","newValue","Number","target","stepPercent","undefined","rootVariables","vertical","root","style"],"mappings":"AAAA;;;;;+BAcaa;;;;;;gCAXiD,4BAA4B;qCAC1C,kCAAkC;iCACpD,wBAAqB;AAGnD,MAAM,EAAEP,qBAAqB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAE,GAAGH,8BAAAA;AAEzE,MAAMI,aAAa,CAACC,OAAeC,KAAaC;IAC9C,OAAOA,QAAQD,MAAM,IAAMD,CAAAA,QAAQC,GAAAA,CAAE,IAAMC,MAAMD,GAAAA,CAAE,GAAM;AAC3D;AAEO,gCAAgC,CAACG,OAAwBC;IAC9D,MAAM,EAAEJ,MAAM,CAAC,EAAEC,MAAM,GAAG,EAAEI,IAAI,EAAE,GAAGD;IACrC,MAAM,EAAEE,GAAG,EAAE,OAAGb,uCAAAA;IAChB,MAAM,CAACc,cAAcC,gBAAgB,OAAGlB,oCAAAA,EAAqB;QAC3Da,OAAOC,MAAML,KAAK;QAClBU,cAAcL,MAAMM,YAAY;QAChCC,cAAc;IAChB;IACA,MAAMC,mBAAevB,qBAAAA,EAAMkB,cAAcP,KAAKC;IAC9C,MAAMY,eAAef,WAAWc,cAAcZ,KAAKC;IAEnD,MAAMa,gBAAgBX,MAAMY,KAAK,CAACC,QAAQ;IAC1C,MAAMC,gBAAgBb,MAAMY,QAAQ;IAEpC,MAAMA,eAAuDzB,gCAAAA,EAAiB2B,CAAAA;QAC5E,MAAMC,WAAWC,OAAOF,GAAGG,MAAM,CAACtB,KAAK;QACvCS,oBAAgBnB,qBAAAA,EAAM8B,UAAUnB,KAAKC;QAErC,IAAIa,iBAAiBA,kBAAkBG,eAAe;YACpDH,cAAcI;QAChB,OAAO,IAAID,eAAe;YACxBA,cAAcC,IAAI;gBAAEnB,OAAOoB;YAAS;QACtC;IACF;IAEA,MAAMG,cAAcjB,QAAQA,OAAO,IAAI,GAAIA,OAAO,MAAQJ,CAAAA,MAAMD,GAAAA,CAAE,CAAG,CAAC,CAAC,GAAGuB;IAC1E,MAAMC,gBAAgB;QACpB,CAAC3B,mBAAmB,EAAEM,MAAMsB,QAAQ,GAAG,SAASnB,QAAQ,QAAQ,UAAU;QAC1E,CAACV,kBAAkB,EAAE,GAAGiB,aAAa,CAAC,CAAC;QACvC,+EAA+E;QAC/E,GAAIS,gBAAgBC,aAAa;YAC/B,CAAC5B,sBAAsB,EAAE2B;QAC3B,CAAC;IACH;IAEA,aAAa;IACb,oDAAoD;IACpDnB,MAAMuB,IAAI,CAACC,KAAK,GAAG;QACjB,GAAGH,aAAa;QAChB,GAAGrB,MAAMuB,IAAI,CAACC,KAAK;IACrB;IAEA,cAAc;IACd,oDAAoD;IACpDxB,MAAMY,KAAK,CAAChB,KAAK,GAAGa;IACpB,oDAAoD;IACpDT,MAAMY,KAAK,CAACC,QAAQ,GAAGA;IAEvB,OAAOb;AACT,EAAE"}

package/lib-commonjs/components/Slider/{useSliderStyles.styles.js → useSliderStyles.styles.cjs}

@@ -18,7 +18,7 @@ _export(exports, {
     }
 });
 const _react = require("@griffel/react");
-const _Sliderconstants = require("./Slider.constants");
+const _Sliderconstants = require("./Slider.constants.cjs");
 const sliderClassNames = {
     root: 'fui-Slider',
     rail: 'fui-Slider__rail',
@@ -654,7 +654,6 @@ const { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, slider
     ]
 });
 const useSliderStyles_unstable = (state)=>{
-    'use no memo';
     const rootStyles = useRootStyles();
     const railStyles = useRailStyles();
     const thumbStyles = useThumbStyles();

package/lib-commonjs/components/Slider/useSliderStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSliderStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { createFocusOutlineStyle } from \"@fluentui/react-tabster\";\nimport { tokens } from \"@fluentui/react-theme\";\nimport { sliderCSSVars } from \"./Slider.constants.js\";\nexport const sliderClassNames = {\n    root: 'fui-Slider',\n    rail: 'fui-Slider__rail',\n    thumb: 'fui-Slider__thumb',\n    input: 'fui-Slider__input'\n};\n// Internal CSS variables\nconst thumbPositionVar = `--fui-Slider__thumb--position`;\nconst { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, sliderProgressColorVar, sliderRailSizeVar, sliderRailColorVar, sliderStepsPercentVar, sliderThumbColorVar, sliderThumbSizeVar } = sliderCSSVars;\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n    root: {\n        position: 'relative',\n        display: 'inline-grid',\n        touchAction: 'none',\n        alignItems: 'center',\n        justifyItems: 'center'\n    },\n    small: {\n        [sliderThumbSizeVar]: '16px',\n        [sliderInnerThumbRadiusVar]: '5px',\n        [sliderRailSizeVar]: '2px',\n        minHeight: '24px'\n    },\n    medium: {\n        [sliderThumbSizeVar]: '20px',\n        [sliderInnerThumbRadiusVar]: '6px',\n        [sliderRailSizeVar]: '4px',\n        minHeight: '32px'\n    },\n    horizontal: {\n        minWidth: '120px',\n        // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n        gridTemplateRows: `1fr var(${sliderThumbSizeVar}) 1fr`,\n        gridTemplateColumns: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`\n    },\n    vertical: {\n        minHeight: '120px',\n        // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n        gridTemplateRows: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`,\n        gridTemplateColumns: `1fr var(${sliderThumbSizeVar}) 1fr`\n    },\n    enabled: {\n        [sliderRailColorVar]: tokens.colorNeutralStrokeAccessible,\n        [sliderProgressColorVar]: tokens.colorCompoundBrandBackground,\n        [sliderThumbColorVar]: tokens.colorCompoundBrandBackground,\n        ':hover': {\n            [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n            [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundHover\n        },\n        ':active': {\n            [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n            [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundPressed\n        },\n        '@media (forced-colors: active)': {\n            [sliderRailColorVar]: 'CanvasText',\n            [sliderThumbColorVar]: 'Highlight',\n            [sliderProgressColorVar]: 'Highlight',\n            ':hover': {\n                [sliderThumbColorVar]: 'Highlight',\n                [sliderProgressColorVar]: 'Highlight'\n            }\n        }\n    },\n    disabled: {\n        [sliderThumbColorVar]: tokens.colorNeutralForegroundDisabled,\n        [sliderRailColorVar]: tokens.colorNeutralBackgroundDisabled,\n        [sliderProgressColorVar]: tokens.colorNeutralForegroundDisabled,\n        '@media (forced-colors: active)': {\n            [sliderRailColorVar]: 'GrayText',\n            [sliderCSSVars.sliderThumbColorVar]: 'GrayText',\n            [sliderCSSVars.sliderProgressColorVar]: 'GrayText'\n        }\n    },\n    focusIndicatorHorizontal: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '-2px',\n                bottom: '-2px',\n                left: '-4px',\n                right: '-4px'\n            }\n        }\n    }),\n    focusIndicatorVertical: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '-2px',\n                bottom: '-2px',\n                left: '4px',\n                right: '4px'\n            }\n        }\n    })\n});\n/**\n * Styles for the rail slot\n */ const useRailStyles = makeStyles({\n    rail: {\n        borderRadius: tokens.borderRadiusXLarge,\n        pointerEvents: 'none',\n        gridRowStart: '2',\n        gridRowEnd: '2',\n        gridColumnStart: '2',\n        gridColumnEnd: '2',\n        position: 'relative',\n        forcedColorAdjust: 'none',\n        // Background gradient represents the progress of the slider\n        backgroundImage: `linear-gradient(\n      var(${sliderDirectionVar}),\n      var(${sliderProgressColorVar}) 0%,\n      var(${sliderProgressColorVar}) var(${sliderProgressVar}),\n      var(${sliderRailColorVar}) var(${sliderProgressVar})\n    )`,\n        outlineWidth: '1px',\n        outlineStyle: 'solid',\n        outlineColor: tokens.colorTransparentStroke,\n        '::before': {\n            content: \"''\",\n            position: 'absolute',\n            // Repeating gradient represents the steps if provided\n            backgroundImage: `repeating-linear-gradient(\n        var(${sliderDirectionVar}),\n        #0000 0%,\n        #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} var(${sliderStepsPercentVar})\n      )`,\n            // force steps to use HighlightText for high contrast mode\n            '@media (forced-colors: active)': {\n                backgroundImage: `repeating-linear-gradient(\n          var(${sliderDirectionVar}),\n          #0000 0%,\n          #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText var(${sliderStepsPercentVar})\n        )`\n            }\n        }\n    },\n    horizontal: {\n        width: '100%',\n        height: `var(${sliderRailSizeVar})`,\n        '::before': {\n            left: '-1px',\n            right: '-1px',\n            height: `var(${sliderRailSizeVar})`\n        }\n    },\n    vertical: {\n        width: `var(${sliderRailSizeVar})`,\n        height: '100%',\n        '::before': {\n            width: `var(${sliderRailSizeVar})`,\n            top: '-1px',\n            bottom: '-1px'\n        }\n    }\n});\n/**\n * Styles for the thumb slot\n */ const useThumbStyles = makeStyles({\n    thumb: {\n        // Ensure the thumb stays within the track boundaries.\n        // When the value is at 0% or 100%, the distance from the track edge\n        // to the thumb center equals the inner thumb radius.\n        [`${thumbPositionVar}`]: `clamp(var(${sliderInnerThumbRadiusVar}), var(${sliderProgressVar}), calc(100% - var(${sliderInnerThumbRadiusVar})))`,\n        gridRowStart: '2',\n        gridRowEnd: '2',\n        gridColumnStart: '2',\n        gridColumnEnd: '2',\n        position: 'absolute',\n        width: `var(${sliderThumbSizeVar})`,\n        height: `var(${sliderThumbSizeVar})`,\n        pointerEvents: 'none',\n        outlineStyle: 'none',\n        forcedColorAdjust: 'none',\n        borderRadius: tokens.borderRadiusCircular,\n        boxShadow: `0 0 0 calc(var(${sliderThumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n        backgroundColor: `var(${sliderThumbColorVar})`,\n        '::before': {\n            position: 'absolute',\n            top: '0px',\n            left: '0px',\n            bottom: '0px',\n            right: '0px',\n            borderRadius: tokens.borderRadiusCircular,\n            boxSizing: 'border-box',\n            content: \"''\",\n            border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralStroke1}`\n        }\n    },\n    disabled: {\n        '::before': {\n            border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralForegroundDisabled}`\n        }\n    },\n    horizontal: {\n        transform: 'translateX(-50%)',\n        left: `var(${thumbPositionVar})`\n    },\n    vertical: {\n        transform: 'translateY(50%)',\n        bottom: `var(${thumbPositionVar})`\n    }\n});\n/**\n * Styles for the Input slot\n */ const useInputStyles = makeStyles({\n    input: {\n        cursor: 'pointer',\n        opacity: 0,\n        gridRowStart: '1',\n        gridRowEnd: '-1',\n        gridColumnStart: '1',\n        gridColumnEnd: '-1',\n        padding: '0',\n        margin: '0'\n    },\n    disabled: {\n        cursor: 'default'\n    },\n    horizontal: {\n        height: `var(${sliderThumbSizeVar})`,\n        width: '100%'\n    },\n    vertical: {\n        height: '100%',\n        width: `var(${sliderThumbSizeVar})`,\n        // Workaround to check if the browser supports `writing-mode: vertical-lr` for inputs and input[type=range] specifically.\n        // We check if the `writing-mode: sideways-lr` is supported as it's newer feature and it means\n        // that vertical controls should also support `writing-mode: vertical-lr`.\n        '@supports (writing-mode: sideways-lr)': {\n            writingMode: 'vertical-lr',\n            direction: 'rtl'\n        },\n        // Fallback for browsers that don't support `writing-mode: vertical-lr` for inputs\n        '@supports not (writing-mode: sideways-lr)': {\n            WebkitAppearance: 'slider-vertical'\n        }\n    }\n});\n/**\n * Apply styling to the Slider slots based on the state\n */ export const useSliderStyles_unstable = (state)=>{\n    const rootStyles = useRootStyles();\n    const railStyles = useRailStyles();\n    const thumbStyles = useThumbStyles();\n    const inputStyles = useInputStyles();\n    const isVertical = state.vertical;\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(sliderClassNames.root, rootStyles.root, isVertical ? rootStyles.focusIndicatorVertical : rootStyles.focusIndicatorHorizontal, rootStyles[state.size], isVertical ? rootStyles.vertical : rootStyles.horizontal, state.disabled ? rootStyles.disabled : rootStyles.enabled, state.root.className);\n    // eslint-disable-next-line react-hooks/immutability\n    state.rail.className = mergeClasses(sliderClassNames.rail, railStyles.rail, isVertical ? railStyles.vertical : railStyles.horizontal, state.rail.className);\n    // eslint-disable-next-line react-hooks/immutability\n    state.thumb.className = mergeClasses(sliderClassNames.thumb, thumbStyles.thumb, isVertical ? thumbStyles.vertical : thumbStyles.horizontal, state.disabled && thumbStyles.disabled, state.thumb.className);\n    // eslint-disable-next-line react-hooks/immutability\n    state.input.className = mergeClasses(sliderClassNames.input, inputStyles.input, isVertical ? inputStyles.vertical : inputStyles.horizontal, state.disabled && inputStyles.disabled, state.input.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","createFocusOutlineStyle","tokens","sliderCSSVars","sliderClassNames","root","rail","thumb","input","thumbPositionVar","sliderDirectionVar","sliderInnerThumbRadiusVar","sliderProgressVar","sliderProgressColorVar","sliderRailSizeVar","sliderRailColorVar","sliderStepsPercentVar","sliderThumbColorVar","sliderThumbSizeVar","useRootStyles","qhf8xq","mc9l5x","lpbzjs","Bt984gj","B7hvi0a","small","Bi64ftq","Bslxy2k","Ba19x4e","sshi5w","medium","horizontal","Bf4jedk","wkccdc","Budl1dq","vertical","enabled","B7wi8oa","B250r6j","Bpmy4es","Buw9y6v","Bq939m0","gjzr1t","tg7hqu","qhf704","Blfvze","genz7u","Brgvh4e","Bsjyjqp","disabled","focusIndicatorHorizontal","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","focusIndicatorVertical","d","p","h","a","m","f","i","useRailStyles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","Ijaq50","nk6f5a","Br312pm","Bw0ie65","Bvjb7m6","Bcmaq0h","Bpd4iqm","oeaueh","Bw0xxkn","Ftih45","Brfgrao","Bbn5juq","Bses4cn","a9b677","Bqenvij","Fbdkly","mdwyqc","Baz25je","Ccq8qp","Bciustq","lawp4y","useThumbStyles","B2lzsem","E5pizo","De3pzq","r59vdv","Budzafs","ck0cow","n07z76","Gng75u","Bcvre1j","Bcgcnre","Bqjgrrk","qa3bma","y0oebl","Biqmznv","Bm6vgfq","Bbv0w2i","uvfttm","eqrjj","Bk5zm6e","m598lv","B4f6apu","ydt019","Bq4z7u6","Bdkvgpv","B0qfbqy","kj8mxx","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","wtfg9d","By3ymbm","B1e78rk","t","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"mappings":"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"}

package/lib-commonjs/components/Slider/{useSliderStyles.styles.raw.js → useSliderStyles.styles.raw.cjs}

@@ -20,7 +20,7 @@ _export(exports, {
 const _react = require("@griffel/react");
 const _reacttabster = require("@fluentui/react-tabster");
 const _reacttheme = require("@fluentui/react-theme");
-const _Sliderconstants = require("./Slider.constants");
+const _Sliderconstants = require("./Slider.constants.cjs");
 const sliderClassNames = {
     root: 'fui-Slider',
     rail: 'fui-Slider__rail',
@@ -267,7 +267,6 @@ const { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, slider
     }
 });
 const useSliderStyles_unstable = (state)=>{
-    'use no memo';
     const rootStyles = useRootStyles();
     const railStyles = useRailStyles();
     const thumbStyles = useThumbStyles();

package/lib-commonjs/components/Slider/useSliderStyles.styles.raw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Slider/useSliderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SliderState, SliderSlots } from './Slider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { sliderCSSVars } from './Slider.constants';\n\nexport const sliderClassNames: SlotClassNames<SliderSlots> = {\n  root: 'fui-Slider',\n  rail: 'fui-Slider__rail',\n  thumb: 'fui-Slider__thumb',\n  input: 'fui-Slider__input',\n};\n\n// Internal CSS variables\nconst thumbPositionVar = `--fui-Slider__thumb--position`;\n\nconst {\n  sliderDirectionVar,\n  sliderInnerThumbRadiusVar,\n  sliderProgressVar,\n  sliderProgressColorVar,\n  sliderRailSizeVar,\n  sliderRailColorVar,\n  sliderStepsPercentVar,\n  sliderThumbColorVar,\n  sliderThumbSizeVar,\n} = sliderCSSVars;\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  root: {\n    position: 'relative',\n    display: 'inline-grid',\n    touchAction: 'none',\n    alignItems: 'center',\n    justifyItems: 'center',\n  },\n\n  small: {\n    [sliderThumbSizeVar]: '16px',\n    [sliderInnerThumbRadiusVar]: '5px',\n    [sliderRailSizeVar]: '2px',\n    minHeight: '24px',\n  },\n\n  medium: {\n    [sliderThumbSizeVar]: '20px',\n    [sliderInnerThumbRadiusVar]: '6px',\n    [sliderRailSizeVar]: '4px',\n    minHeight: '32px',\n  },\n\n  horizontal: {\n    minWidth: '120px',\n    // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n    gridTemplateRows: `1fr var(${sliderThumbSizeVar}) 1fr`,\n    gridTemplateColumns: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`,\n  },\n\n  vertical: {\n    minHeight: '120px',\n    // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n    gridTemplateRows: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`,\n    gridTemplateColumns: `1fr var(${sliderThumbSizeVar}) 1fr`,\n  },\n\n  enabled: {\n    [sliderRailColorVar]: tokens.colorNeutralStrokeAccessible,\n    [sliderProgressColorVar]: tokens.colorCompoundBrandBackground,\n    [sliderThumbColorVar]: tokens.colorCompoundBrandBackground,\n    ':hover': {\n      [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n      [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundHover,\n    },\n    ':active': {\n      [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n      [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n    },\n    '@media (forced-colors: active)': {\n      [sliderRailColorVar]: 'CanvasText',\n      [sliderThumbColorVar]: 'Highlight',\n      [sliderProgressColorVar]: 'Highlight',\n      ':hover': {\n        [sliderThumbColorVar]: 'Highlight',\n        [sliderProgressColorVar]: 'Highlight',\n      },\n    },\n  },\n\n  disabled: {\n    [sliderThumbColorVar]: tokens.colorNeutralForegroundDisabled,\n    [sliderRailColorVar]: tokens.colorNeutralBackgroundDisabled,\n    [sliderProgressColorVar]: tokens.colorNeutralForegroundDisabled,\n    '@media (forced-colors: active)': {\n      [sliderRailColorVar]: 'GrayText',\n      [sliderCSSVars.sliderThumbColorVar]: 'GrayText',\n      [sliderCSSVars.sliderProgressColorVar]: 'GrayText',\n    },\n  },\n\n  focusIndicatorHorizontal: createFocusOutlineStyle({\n    selector: 'focus-within',\n    style: { outlineOffset: { top: '-2px', bottom: '-2px', left: '-4px', right: '-4px' } },\n  }),\n\n  focusIndicatorVertical: createFocusOutlineStyle({\n    selector: 'focus-within',\n    style: { outlineOffset: { top: '-2px', bottom: '-2px', left: '4px', right: '4px' } },\n  }),\n});\n\n/**\n * Styles for the rail slot\n */\nconst useRailStyles = makeStyles({\n  rail: {\n    borderRadius: tokens.borderRadiusXLarge,\n    pointerEvents: 'none',\n    gridRowStart: '2',\n    gridRowEnd: '2',\n    gridColumnStart: '2',\n    gridColumnEnd: '2',\n    position: 'relative',\n    forcedColorAdjust: 'none',\n    // Background gradient represents the progress of the slider\n    backgroundImage: `linear-gradient(\n      var(${sliderDirectionVar}),\n      var(${sliderProgressColorVar}) 0%,\n      var(${sliderProgressColorVar}) var(${sliderProgressVar}),\n      var(${sliderRailColorVar}) var(${sliderProgressVar})\n    )`,\n    outlineWidth: '1px',\n    outlineStyle: 'solid',\n    outlineColor: tokens.colorTransparentStroke,\n    '::before': {\n      content: \"''\",\n      position: 'absolute',\n      // Repeating gradient represents the steps if provided\n      backgroundImage: `repeating-linear-gradient(\n        var(${sliderDirectionVar}),\n        #0000 0%,\n        #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} var(${sliderStepsPercentVar})\n      )`,\n      // force steps to use HighlightText for high contrast mode\n      '@media (forced-colors: active)': {\n        backgroundImage: `repeating-linear-gradient(\n          var(${sliderDirectionVar}),\n          #0000 0%,\n          #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText var(${sliderStepsPercentVar})\n        )`,\n      },\n    },\n  },\n\n  horizontal: {\n    width: '100%',\n    height: `var(${sliderRailSizeVar})`,\n    '::before': {\n      left: '-1px',\n      right: '-1px',\n      height: `var(${sliderRailSizeVar})`,\n    },\n  },\n\n  vertical: {\n    width: `var(${sliderRailSizeVar})`,\n    height: '100%',\n    '::before': {\n      width: `var(${sliderRailSizeVar})`,\n      top: '-1px',\n      bottom: '-1px',\n    },\n  },\n});\n\n/**\n * Styles for the thumb slot\n */\nconst useThumbStyles = makeStyles({\n  thumb: {\n    // Ensure the thumb stays within the track boundaries.\n    // When the value is at 0% or 100%, the distance from the track edge\n    // to the thumb center equals the inner thumb radius.\n    [`${thumbPositionVar}`]: `clamp(var(${sliderInnerThumbRadiusVar}), var(${sliderProgressVar}), calc(100% - var(${sliderInnerThumbRadiusVar})))`,\n    gridRowStart: '2',\n    gridRowEnd: '2',\n    gridColumnStart: '2',\n    gridColumnEnd: '2',\n    position: 'absolute',\n    width: `var(${sliderThumbSizeVar})`,\n    height: `var(${sliderThumbSizeVar})`,\n    pointerEvents: 'none',\n    outlineStyle: 'none',\n    forcedColorAdjust: 'none',\n    borderRadius: tokens.borderRadiusCircular,\n    boxShadow: `0 0 0 calc(var(${sliderThumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n    backgroundColor: `var(${sliderThumbColorVar})`,\n    '::before': {\n      position: 'absolute',\n      top: '0px',\n      left: '0px',\n      bottom: '0px',\n      right: '0px',\n      borderRadius: tokens.borderRadiusCircular,\n      boxSizing: 'border-box',\n      content: \"''\",\n      border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralStroke1}`,\n    },\n  },\n  disabled: {\n    '::before': {\n      border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralForegroundDisabled}`,\n    },\n  },\n  horizontal: {\n    transform: 'translateX(-50%)',\n    left: `var(${thumbPositionVar})`,\n  },\n  vertical: {\n    transform: 'translateY(50%)',\n    bottom: `var(${thumbPositionVar})`,\n  },\n});\n\n/**\n * Styles for the Input slot\n */\nconst useInputStyles = makeStyles({\n  input: {\n    cursor: 'pointer',\n    opacity: 0,\n    gridRowStart: '1',\n    gridRowEnd: '-1',\n    gridColumnStart: '1',\n    gridColumnEnd: '-1',\n    padding: '0',\n    margin: '0',\n  },\n  disabled: {\n    cursor: 'default',\n  },\n  horizontal: {\n    height: `var(${sliderThumbSizeVar})`,\n    width: '100%',\n  },\n  vertical: {\n    height: '100%',\n    width: `var(${sliderThumbSizeVar})`,\n    // Workaround to check if the browser supports `writing-mode: vertical-lr` for inputs and input[type=range] specifically.\n    // We check if the `writing-mode: sideways-lr` is supported as it's newer feature and it means\n    // that vertical controls should also support `writing-mode: vertical-lr`.\n    '@supports (writing-mode: sideways-lr)': {\n      writingMode: 'vertical-lr',\n      direction: 'rtl',\n    },\n    // Fallback for browsers that don't support `writing-mode: vertical-lr` for inputs\n    '@supports not (writing-mode: sideways-lr)': {\n      WebkitAppearance: 'slider-vertical',\n    },\n  },\n});\n\n/**\n * Apply styling to the Slider slots based on the state\n */\nexport const useSliderStyles_unstable = (state: SliderState): SliderState => {\n  const rootStyles = useRootStyles();\n  const railStyles = useRailStyles();\n  const thumbStyles = useThumbStyles();\n  const inputStyles = useInputStyles();\n  const isVertical = state.vertical;\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    sliderClassNames.root,\n    rootStyles.root,\n    isVertical ? rootStyles.focusIndicatorVertical : rootStyles.focusIndicatorHorizontal,\n    rootStyles[state.size!],\n    isVertical ? rootStyles.vertical : rootStyles.horizontal,\n    state.disabled ? rootStyles.disabled : rootStyles.enabled,\n    state.root.className,\n  );\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.rail.className = mergeClasses(\n    sliderClassNames.rail,\n    railStyles.rail,\n    isVertical ? railStyles.vertical : railStyles.horizontal,\n    state.rail.className,\n  );\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.thumb.className = mergeClasses(\n    sliderClassNames.thumb,\n    thumbStyles.thumb,\n    isVertical ? thumbStyles.vertical : thumbStyles.horizontal,\n    state.disabled && thumbStyles.disabled,\n    state.thumb.className,\n  );\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.input.className = mergeClasses(\n    sliderClassNames.input,\n    inputStyles.input,\n    isVertical ? inputStyles.vertical : inputStyles.horizontal,\n    state.disabled && inputStyles.disabled,\n    state.input.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","createFocusOutlineStyle","tokens","sliderCSSVars","sliderClassNames","root","rail","thumb","input","thumbPositionVar","sliderDirectionVar","sliderInnerThumbRadiusVar","sliderProgressVar","sliderProgressColorVar","sliderRailSizeVar","sliderRailColorVar","sliderStepsPercentVar","sliderThumbColorVar","sliderThumbSizeVar","useRootStyles","position","display","touchAction","alignItems","justifyItems","small","minHeight","medium","horizontal","minWidth","gridTemplateRows","gridTemplateColumns","vertical","enabled","colorNeutralStrokeAccessible","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","disabled","colorNeutralForegroundDisabled","colorNeutralBackgroundDisabled","focusIndicatorHorizontal","selector","style","outlineOffset","top","bottom","left","right","focusIndicatorVertical","useRailStyles","borderRadius","borderRadiusXLarge","pointerEvents","gridRowStart","gridRowEnd","gridColumnStart","gridColumnEnd","forcedColorAdjust","backgroundImage","outlineWidth","outlineStyle","outlineColor","colorTransparentStroke","content","colorNeutralBackground1","width","height","useThumbStyles","borderRadiusCircular","boxShadow","backgroundColor","boxSizing","border","colorNeutralStroke1","transform","useInputStyles","cursor","opacity","padding","margin","writingMode","direction","WebkitAppearance","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"mappings":"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"}

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

@@ -34,4 +34,4 @@ _export(exports, {
         return _Slider.useSlider_unstable;
     }
 });
-const _Slider = require("./Slider");
+const _Slider = require("./Slider.cjs");

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Slider,\n  renderSlider_unstable,\n  sliderClassNames,\n  sliderCSSVars,\n  useSliderState_unstable,\n  useSliderStyles_unstable,\n  useSlider_unstable,\n  useSliderBase_unstable,\n} from './Slider';\nexport type {\n  SliderOnChangeData,\n  SliderProps,\n  SliderSlots,\n  SliderState,\n  SliderBaseProps,\n  SliderBaseState,\n} from './Slider';\n"],"names":["Slider","renderSlider_unstable","sliderClassNames","sliderCSSVars","useSliderState_unstable","useSliderStyles_unstable","useSlider_unstable","useSliderBase_unstable"],"mappings":";;;;;;;;;;;IACEA;6BAAM;;;eACNC,6BAAqB;;;eAErBE,qBAAa;;;eADbD,wBAAgB;;IAKhBK;6CAAsB;;;eAHtBH,+BAAuB;;;eACvBC,gCAAwB;;;eACxBC,0BAAkB;;;wBAEb,WAAW"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Slider,\n  renderSlider_unstable,\n  sliderClassNames,\n  sliderCSSVars,\n  useSliderState_unstable,\n  useSliderStyles_unstable,\n  useSlider_unstable,\n  useSliderBase_unstable,\n} from './Slider';\nexport type {\n  SliderOnChangeData,\n  SliderProps,\n  SliderSlots,\n  SliderState,\n  SliderBaseProps,\n  SliderBaseState,\n} from './Slider';\n"],"names":["Slider","renderSlider_unstable","sliderClassNames","sliderCSSVars","useSliderState_unstable","useSliderStyles_unstable","useSlider_unstable","useSliderBase_unstable"],"mappings":";;;;;;;;;;;IACEA;6BAAM;;;eACNC,6BAAqB;;;eAErBE,qBAAa;;;eADbD,wBAAgB;;IAKhBK;6CAAsB;;;eAHtBH,+BAAuB;;;eACvBC,gCAAwB;;;eACxBC,0BAAkB;;;wBAEb,cAAW"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@fluentui/react-slider",
-  "version": "9.6.3",
+  "version": "9.6.5",
   "description": "Fluent UI React Slider component.",
-  "main": "lib-commonjs/index.js",
+  "main": "lib-commonjs/index.cjs",
   "module": "lib/index.js",
   "typings": "./dist/index.d.ts",
   "sideEffects": false,
@@ -12,12 +12,12 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui/react-field": "^9.5.2",
-    "@fluentui/react-jsx-runtime": "^9.4.3",
-    "@fluentui/react-shared-contexts": "^9.26.2",
-    "@fluentui/react-tabster": "^9.26.15",
-    "@fluentui/react-theme": "^9.2.1",
-    "@fluentui/react-utilities": "^9.26.4",
+    "@fluentui/react-field": "^9.5.4",
+    "@fluentui/react-jsx-runtime": "^9.4.5",
+    "@fluentui/react-shared-contexts": "^9.26.3",
+    "@fluentui/react-tabster": "^9.26.17",
+    "@fluentui/react-theme": "^9.2.2",
+    "@fluentui/react-utilities": "^9.26.6",
     "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
@@ -35,17 +35,23 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "node": "./lib-commonjs/index.js",
-      "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./lib/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./lib-commonjs/index.cjs"
+      }
     },
     "./package.json": "./package.json"
   },
   "files": [
     "*.md",
     "dist/*.d.ts",
+    "dist/*.d.cts",
     "lib",
     "lib-commonjs"
-  ]
+  ],
+  "type": "module"
 }

package/lib-commonjs/components/Slider/useSliderState.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Slider/useSliderState.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { clamp, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { sliderCSSVars } from './Slider.constants';\nimport type { SliderBaseState, SliderBaseProps } from './Slider.types';\n\nconst { sliderStepsPercentVar, sliderProgressVar, sliderDirectionVar } = sliderCSSVars;\n\nconst getPercent = (value: number, min: number, max: number) => {\n  return max === min ? 0 : ((value - min) / (max - min)) * 100;\n};\n\nexport const useSliderState_unstable = (state: SliderBaseState, props: SliderBaseProps): SliderBaseState => {\n  'use no memo';\n\n  const { min = 0, max = 100, step } = props;\n  const { dir } = useFluent();\n  const [currentValue, setCurrentValue] = useControllableState({\n    state: props.value,\n    defaultState: props.defaultValue,\n    initialState: 0,\n  });\n  const clampedValue = clamp(currentValue, min, max);\n  const valuePercent = getPercent(clampedValue, min, max);\n\n  const inputOnChange = state.input.onChange;\n  const propsOnChange = props.onChange;\n\n  const onChange: React.ChangeEventHandler<HTMLInputElement> = useEventCallback(ev => {\n    const newValue = Number(ev.target.value);\n    setCurrentValue(clamp(newValue, min, max));\n\n    if (inputOnChange && inputOnChange !== propsOnChange) {\n      inputOnChange(ev);\n    } else if (propsOnChange) {\n      propsOnChange(ev, { value: newValue });\n    }\n  });\n\n  const stepPercent = step && step > 0 ? `${(step * 100) / (max - min)}%` : undefined;\n  const rootVariables = {\n    [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',\n    [sliderProgressVar]: `${valuePercent}%`,\n    // Set the sliderStepsPercentVar only if defined - fixes SSR errors in React 18\n    ...(stepPercent !== undefined && {\n      [sliderStepsPercentVar]: stepPercent,\n    }),\n  };\n\n  // Root props\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.style = {\n    ...rootVariables,\n    ...state.root.style,\n  };\n\n  // Input Props\n  // eslint-disable-next-line react-hooks/immutability\n  state.input.value = clampedValue;\n  // eslint-disable-next-line react-hooks/immutability\n  state.input.onChange = onChange;\n\n  return state;\n};\n"],"names":["clamp","useControllableState","useEventCallback","useFluent_unstable","useFluent","sliderCSSVars","sliderStepsPercentVar","sliderProgressVar","sliderDirectionVar","getPercent","value","min","max","useSliderState_unstable","state","props","step","dir","currentValue","setCurrentValue","defaultState","defaultValue","initialState","clampedValue","valuePercent","inputOnChange","input","onChange","propsOnChange","ev","newValue","Number","target","stepPercent","undefined","rootVariables","vertical","root","style"],"mappings":"AAAA;;;;;+BAcaa;;;;;;gCAXiD,4BAA4B;qCAC1C,kCAAkC;iCACpD,qBAAqB;AAGnD,MAAM,EAAEP,qBAAqB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAE,GAAGH,8BAAAA;AAEzE,MAAMI,aAAa,CAACC,OAAeC,KAAaC;IAC9C,OAAOA,QAAQD,MAAM,IAAMD,CAAAA,QAAQC,GAAAA,CAAE,IAAMC,MAAMD,GAAAA,CAAE,GAAM;AAC3D;AAEO,gCAAgC,CAACG,OAAwBC;IAC9D;IAEA,MAAM,EAAEJ,MAAM,CAAC,EAAEC,MAAM,GAAG,EAAEI,IAAI,EAAE,GAAGD;IACrC,MAAM,EAAEE,GAAG,EAAE,OAAGb,uCAAAA;IAChB,MAAM,CAACc,cAAcC,gBAAgB,OAAGlB,oCAAAA,EAAqB;QAC3Da,OAAOC,MAAML,KAAK;QAClBU,cAAcL,MAAMM,YAAY;QAChCC,cAAc;IAChB;IACA,MAAMC,mBAAevB,qBAAAA,EAAMkB,cAAcP,KAAKC;IAC9C,MAAMY,eAAef,WAAWc,cAAcZ,KAAKC;IAEnD,MAAMa,gBAAgBX,MAAMY,KAAK,CAACC,QAAQ;IAC1C,MAAMC,gBAAgBb,MAAMY,QAAQ;IAEpC,MAAMA,eAAuDzB,gCAAAA,EAAiB2B,CAAAA;QAC5E,MAAMC,WAAWC,OAAOF,GAAGG,MAAM,CAACtB,KAAK;QACvCS,oBAAgBnB,qBAAAA,EAAM8B,UAAUnB,KAAKC;QAErC,IAAIa,iBAAiBA,kBAAkBG,eAAe;YACpDH,cAAcI;QAChB,OAAO,IAAID,eAAe;YACxBA,cAAcC,IAAI;gBAAEnB,OAAOoB;YAAS;QACtC;IACF;IAEA,MAAMG,cAAcjB,QAAQA,OAAO,IAAI,GAAIA,OAAO,MAAQJ,CAAAA,MAAMD,GAAAA,CAAE,CAAG,CAAC,CAAC,GAAGuB;IAC1E,MAAMC,gBAAgB;QACpB,CAAC3B,mBAAmB,EAAEM,MAAMsB,QAAQ,GAAG,SAASnB,QAAQ,QAAQ,UAAU;QAC1E,CAACV,kBAAkB,EAAE,GAAGiB,aAAa,CAAC,CAAC;QACvC,+EAA+E;QAC/E,GAAIS,gBAAgBC,aAAa;YAC/B,CAAC5B,sBAAsB,EAAE2B;QAC3B,CAAC;IACH;IAEA,aAAa;IACb,oDAAoD;IACpDnB,MAAMuB,IAAI,CAACC,KAAK,GAAG;QACjB,GAAGH,aAAa;QAChB,GAAGrB,MAAMuB,IAAI,CAACC,KAAK;IACrB;IAEA,cAAc;IACd,oDAAoD;IACpDxB,MAAMY,KAAK,CAAChB,KAAK,GAAGa;IACpB,oDAAoD;IACpDT,MAAMY,KAAK,CAACC,QAAQ,GAAGA;IAEvB,OAAOb;AACT,EAAE"}

package/lib-commonjs/components/Slider/useSliderStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useSliderStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { sliderCSSVars } from './Slider.constants';\nexport const sliderClassNames = {\n    root: 'fui-Slider',\n    rail: 'fui-Slider__rail',\n    thumb: 'fui-Slider__thumb',\n    input: 'fui-Slider__input'\n};\n// Internal CSS variables\nconst thumbPositionVar = `--fui-Slider__thumb--position`;\nconst { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, sliderProgressColorVar, sliderRailSizeVar, sliderRailColorVar, sliderStepsPercentVar, sliderThumbColorVar, sliderThumbSizeVar } = sliderCSSVars;\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n    root: {\n        position: 'relative',\n        display: 'inline-grid',\n        touchAction: 'none',\n        alignItems: 'center',\n        justifyItems: 'center'\n    },\n    small: {\n        [sliderThumbSizeVar]: '16px',\n        [sliderInnerThumbRadiusVar]: '5px',\n        [sliderRailSizeVar]: '2px',\n        minHeight: '24px'\n    },\n    medium: {\n        [sliderThumbSizeVar]: '20px',\n        [sliderInnerThumbRadiusVar]: '6px',\n        [sliderRailSizeVar]: '4px',\n        minHeight: '32px'\n    },\n    horizontal: {\n        minWidth: '120px',\n        // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n        gridTemplateRows: `1fr var(${sliderThumbSizeVar}) 1fr`,\n        gridTemplateColumns: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`\n    },\n    vertical: {\n        minHeight: '120px',\n        // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n        gridTemplateRows: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`,\n        gridTemplateColumns: `1fr var(${sliderThumbSizeVar}) 1fr`\n    },\n    enabled: {\n        [sliderRailColorVar]: tokens.colorNeutralStrokeAccessible,\n        [sliderProgressColorVar]: tokens.colorCompoundBrandBackground,\n        [sliderThumbColorVar]: tokens.colorCompoundBrandBackground,\n        ':hover': {\n            [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n            [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundHover\n        },\n        ':active': {\n            [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n            [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundPressed\n        },\n        '@media (forced-colors: active)': {\n            [sliderRailColorVar]: 'CanvasText',\n            [sliderThumbColorVar]: 'Highlight',\n            [sliderProgressColorVar]: 'Highlight',\n            ':hover': {\n                [sliderThumbColorVar]: 'Highlight',\n                [sliderProgressColorVar]: 'Highlight'\n            }\n        }\n    },\n    disabled: {\n        [sliderThumbColorVar]: tokens.colorNeutralForegroundDisabled,\n        [sliderRailColorVar]: tokens.colorNeutralBackgroundDisabled,\n        [sliderProgressColorVar]: tokens.colorNeutralForegroundDisabled,\n        '@media (forced-colors: active)': {\n            [sliderRailColorVar]: 'GrayText',\n            [sliderCSSVars.sliderThumbColorVar]: 'GrayText',\n            [sliderCSSVars.sliderProgressColorVar]: 'GrayText'\n        }\n    },\n    focusIndicatorHorizontal: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '-2px',\n                bottom: '-2px',\n                left: '-4px',\n                right: '-4px'\n            }\n        }\n    }),\n    focusIndicatorVertical: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '-2px',\n                bottom: '-2px',\n                left: '4px',\n                right: '4px'\n            }\n        }\n    })\n});\n/**\n * Styles for the rail slot\n */ const useRailStyles = makeStyles({\n    rail: {\n        borderRadius: tokens.borderRadiusXLarge,\n        pointerEvents: 'none',\n        gridRowStart: '2',\n        gridRowEnd: '2',\n        gridColumnStart: '2',\n        gridColumnEnd: '2',\n        position: 'relative',\n        forcedColorAdjust: 'none',\n        // Background gradient represents the progress of the slider\n        backgroundImage: `linear-gradient(\n      var(${sliderDirectionVar}),\n      var(${sliderProgressColorVar}) 0%,\n      var(${sliderProgressColorVar}) var(${sliderProgressVar}),\n      var(${sliderRailColorVar}) var(${sliderProgressVar})\n    )`,\n        outlineWidth: '1px',\n        outlineStyle: 'solid',\n        outlineColor: tokens.colorTransparentStroke,\n        '::before': {\n            content: \"''\",\n            position: 'absolute',\n            // Repeating gradient represents the steps if provided\n            backgroundImage: `repeating-linear-gradient(\n        var(${sliderDirectionVar}),\n        #0000 0%,\n        #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} var(${sliderStepsPercentVar})\n      )`,\n            // force steps to use HighlightText for high contrast mode\n            '@media (forced-colors: active)': {\n                backgroundImage: `repeating-linear-gradient(\n          var(${sliderDirectionVar}),\n          #0000 0%,\n          #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText var(${sliderStepsPercentVar})\n        )`\n            }\n        }\n    },\n    horizontal: {\n        width: '100%',\n        height: `var(${sliderRailSizeVar})`,\n        '::before': {\n            left: '-1px',\n            right: '-1px',\n            height: `var(${sliderRailSizeVar})`\n        }\n    },\n    vertical: {\n        width: `var(${sliderRailSizeVar})`,\n        height: '100%',\n        '::before': {\n            width: `var(${sliderRailSizeVar})`,\n            top: '-1px',\n            bottom: '-1px'\n        }\n    }\n});\n/**\n * Styles for the thumb slot\n */ const useThumbStyles = makeStyles({\n    thumb: {\n        // Ensure the thumb stays within the track boundaries.\n        // When the value is at 0% or 100%, the distance from the track edge\n        // to the thumb center equals the inner thumb radius.\n        [`${thumbPositionVar}`]: `clamp(var(${sliderInnerThumbRadiusVar}), var(${sliderProgressVar}), calc(100% - var(${sliderInnerThumbRadiusVar})))`,\n        gridRowStart: '2',\n        gridRowEnd: '2',\n        gridColumnStart: '2',\n        gridColumnEnd: '2',\n        position: 'absolute',\n        width: `var(${sliderThumbSizeVar})`,\n        height: `var(${sliderThumbSizeVar})`,\n        pointerEvents: 'none',\n        outlineStyle: 'none',\n        forcedColorAdjust: 'none',\n        borderRadius: tokens.borderRadiusCircular,\n        boxShadow: `0 0 0 calc(var(${sliderThumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n        backgroundColor: `var(${sliderThumbColorVar})`,\n        '::before': {\n            position: 'absolute',\n            top: '0px',\n            left: '0px',\n            bottom: '0px',\n            right: '0px',\n            borderRadius: tokens.borderRadiusCircular,\n            boxSizing: 'border-box',\n            content: \"''\",\n            border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralStroke1}`\n        }\n    },\n    disabled: {\n        '::before': {\n            border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralForegroundDisabled}`\n        }\n    },\n    horizontal: {\n        transform: 'translateX(-50%)',\n        left: `var(${thumbPositionVar})`\n    },\n    vertical: {\n        transform: 'translateY(50%)',\n        bottom: `var(${thumbPositionVar})`\n    }\n});\n/**\n * Styles for the Input slot\n */ const useInputStyles = makeStyles({\n    input: {\n        cursor: 'pointer',\n        opacity: 0,\n        gridRowStart: '1',\n        gridRowEnd: '-1',\n        gridColumnStart: '1',\n        gridColumnEnd: '-1',\n        padding: '0',\n        margin: '0'\n    },\n    disabled: {\n        cursor: 'default'\n    },\n    horizontal: {\n        height: `var(${sliderThumbSizeVar})`,\n        width: '100%'\n    },\n    vertical: {\n        height: '100%',\n        width: `var(${sliderThumbSizeVar})`,\n        // Workaround to check if the browser supports `writing-mode: vertical-lr` for inputs and input[type=range] specifically.\n        // We check if the `writing-mode: sideways-lr` is supported as it's newer feature and it means\n        // that vertical controls should also support `writing-mode: vertical-lr`.\n        '@supports (writing-mode: sideways-lr)': {\n            writingMode: 'vertical-lr',\n            direction: 'rtl'\n        },\n        // Fallback for browsers that don't support `writing-mode: vertical-lr` for inputs\n        '@supports not (writing-mode: sideways-lr)': {\n            WebkitAppearance: 'slider-vertical'\n        }\n    }\n});\n/**\n * Apply styling to the Slider slots based on the state\n */ export const useSliderStyles_unstable = (state)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const railStyles = useRailStyles();\n    const thumbStyles = useThumbStyles();\n    const inputStyles = useInputStyles();\n    const isVertical = state.vertical;\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(sliderClassNames.root, rootStyles.root, isVertical ? rootStyles.focusIndicatorVertical : rootStyles.focusIndicatorHorizontal, rootStyles[state.size], isVertical ? rootStyles.vertical : rootStyles.horizontal, state.disabled ? rootStyles.disabled : rootStyles.enabled, state.root.className);\n    // eslint-disable-next-line react-hooks/immutability\n    state.rail.className = mergeClasses(sliderClassNames.rail, railStyles.rail, isVertical ? railStyles.vertical : railStyles.horizontal, state.rail.className);\n    // eslint-disable-next-line react-hooks/immutability\n    state.thumb.className = mergeClasses(sliderClassNames.thumb, thumbStyles.thumb, isVertical ? thumbStyles.vertical : thumbStyles.horizontal, state.disabled && thumbStyles.disabled, state.thumb.className);\n    // eslint-disable-next-line react-hooks/immutability\n    state.input.className = mergeClasses(sliderClassNames.input, inputStyles.input, isVertical ? inputStyles.vertical : inputStyles.horizontal, state.disabled && inputStyles.disabled, state.input.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","createFocusOutlineStyle","tokens","sliderCSSVars","sliderClassNames","root","rail","thumb","input","thumbPositionVar","sliderDirectionVar","sliderInnerThumbRadiusVar","sliderProgressVar","sliderProgressColorVar","sliderRailSizeVar","sliderRailColorVar","sliderStepsPercentVar","sliderThumbColorVar","sliderThumbSizeVar","useRootStyles","qhf8xq","mc9l5x","lpbzjs","Bt984gj","B7hvi0a","small","Bi64ftq","Bslxy2k","Ba19x4e","sshi5w","medium","horizontal","Bf4jedk","wkccdc","Budl1dq","vertical","enabled","B7wi8oa","B250r6j","Bpmy4es","Buw9y6v","Bq939m0","gjzr1t","tg7hqu","qhf704","Blfvze","genz7u","Brgvh4e","Bsjyjqp","disabled","focusIndicatorHorizontal","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","focusIndicatorVertical","d","p","h","a","m","f","i","useRailStyles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","Ijaq50","nk6f5a","Br312pm","Bw0ie65","Bvjb7m6","Bcmaq0h","Bpd4iqm","oeaueh","Bw0xxkn","Ftih45","Brfgrao","Bbn5juq","Bses4cn","a9b677","Bqenvij","Fbdkly","mdwyqc","Baz25je","Ccq8qp","Bciustq","lawp4y","useThumbStyles","B2lzsem","E5pizo","De3pzq","r59vdv","Budzafs","ck0cow","n07z76","Gng75u","Bcvre1j","Bcgcnre","Bqjgrrk","qa3bma","y0oebl","Biqmznv","Bm6vgfq","Bbv0w2i","uvfttm","eqrjj","Bk5zm6e","m598lv","B4f6apu","ydt019","Bq4z7u6","Bdkvgpv","B0qfbqy","kj8mxx","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","wtfg9d","By3ymbm","B1e78rk","t","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"mappings":"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"}

package/lib-commonjs/components/Slider/useSliderStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Slider/useSliderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SliderState, SliderSlots } from './Slider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { sliderCSSVars } from './Slider.constants';\n\nexport const sliderClassNames: SlotClassNames<SliderSlots> = {\n  root: 'fui-Slider',\n  rail: 'fui-Slider__rail',\n  thumb: 'fui-Slider__thumb',\n  input: 'fui-Slider__input',\n};\n\n// Internal CSS variables\nconst thumbPositionVar = `--fui-Slider__thumb--position`;\n\nconst {\n  sliderDirectionVar,\n  sliderInnerThumbRadiusVar,\n  sliderProgressVar,\n  sliderProgressColorVar,\n  sliderRailSizeVar,\n  sliderRailColorVar,\n  sliderStepsPercentVar,\n  sliderThumbColorVar,\n  sliderThumbSizeVar,\n} = sliderCSSVars;\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  root: {\n    position: 'relative',\n    display: 'inline-grid',\n    touchAction: 'none',\n    alignItems: 'center',\n    justifyItems: 'center',\n  },\n\n  small: {\n    [sliderThumbSizeVar]: '16px',\n    [sliderInnerThumbRadiusVar]: '5px',\n    [sliderRailSizeVar]: '2px',\n    minHeight: '24px',\n  },\n\n  medium: {\n    [sliderThumbSizeVar]: '20px',\n    [sliderInnerThumbRadiusVar]: '6px',\n    [sliderRailSizeVar]: '4px',\n    minHeight: '32px',\n  },\n\n  horizontal: {\n    minWidth: '120px',\n    // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n    gridTemplateRows: `1fr var(${sliderThumbSizeVar}) 1fr`,\n    gridTemplateColumns: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`,\n  },\n\n  vertical: {\n    minHeight: '120px',\n    // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n    gridTemplateRows: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`,\n    gridTemplateColumns: `1fr var(${sliderThumbSizeVar}) 1fr`,\n  },\n\n  enabled: {\n    [sliderRailColorVar]: tokens.colorNeutralStrokeAccessible,\n    [sliderProgressColorVar]: tokens.colorCompoundBrandBackground,\n    [sliderThumbColorVar]: tokens.colorCompoundBrandBackground,\n    ':hover': {\n      [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n      [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundHover,\n    },\n    ':active': {\n      [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n      [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n    },\n    '@media (forced-colors: active)': {\n      [sliderRailColorVar]: 'CanvasText',\n      [sliderThumbColorVar]: 'Highlight',\n      [sliderProgressColorVar]: 'Highlight',\n      ':hover': {\n        [sliderThumbColorVar]: 'Highlight',\n        [sliderProgressColorVar]: 'Highlight',\n      },\n    },\n  },\n\n  disabled: {\n    [sliderThumbColorVar]: tokens.colorNeutralForegroundDisabled,\n    [sliderRailColorVar]: tokens.colorNeutralBackgroundDisabled,\n    [sliderProgressColorVar]: tokens.colorNeutralForegroundDisabled,\n    '@media (forced-colors: active)': {\n      [sliderRailColorVar]: 'GrayText',\n      [sliderCSSVars.sliderThumbColorVar]: 'GrayText',\n      [sliderCSSVars.sliderProgressColorVar]: 'GrayText',\n    },\n  },\n\n  focusIndicatorHorizontal: createFocusOutlineStyle({\n    selector: 'focus-within',\n    style: { outlineOffset: { top: '-2px', bottom: '-2px', left: '-4px', right: '-4px' } },\n  }),\n\n  focusIndicatorVertical: createFocusOutlineStyle({\n    selector: 'focus-within',\n    style: { outlineOffset: { top: '-2px', bottom: '-2px', left: '4px', right: '4px' } },\n  }),\n});\n\n/**\n * Styles for the rail slot\n */\nconst useRailStyles = makeStyles({\n  rail: {\n    borderRadius: tokens.borderRadiusXLarge,\n    pointerEvents: 'none',\n    gridRowStart: '2',\n    gridRowEnd: '2',\n    gridColumnStart: '2',\n    gridColumnEnd: '2',\n    position: 'relative',\n    forcedColorAdjust: 'none',\n    // Background gradient represents the progress of the slider\n    backgroundImage: `linear-gradient(\n      var(${sliderDirectionVar}),\n      var(${sliderProgressColorVar}) 0%,\n      var(${sliderProgressColorVar}) var(${sliderProgressVar}),\n      var(${sliderRailColorVar}) var(${sliderProgressVar})\n    )`,\n    outlineWidth: '1px',\n    outlineStyle: 'solid',\n    outlineColor: tokens.colorTransparentStroke,\n    '::before': {\n      content: \"''\",\n      position: 'absolute',\n      // Repeating gradient represents the steps if provided\n      backgroundImage: `repeating-linear-gradient(\n        var(${sliderDirectionVar}),\n        #0000 0%,\n        #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} var(${sliderStepsPercentVar})\n      )`,\n      // force steps to use HighlightText for high contrast mode\n      '@media (forced-colors: active)': {\n        backgroundImage: `repeating-linear-gradient(\n          var(${sliderDirectionVar}),\n          #0000 0%,\n          #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText var(${sliderStepsPercentVar})\n        )`,\n      },\n    },\n  },\n\n  horizontal: {\n    width: '100%',\n    height: `var(${sliderRailSizeVar})`,\n    '::before': {\n      left: '-1px',\n      right: '-1px',\n      height: `var(${sliderRailSizeVar})`,\n    },\n  },\n\n  vertical: {\n    width: `var(${sliderRailSizeVar})`,\n    height: '100%',\n    '::before': {\n      width: `var(${sliderRailSizeVar})`,\n      top: '-1px',\n      bottom: '-1px',\n    },\n  },\n});\n\n/**\n * Styles for the thumb slot\n */\nconst useThumbStyles = makeStyles({\n  thumb: {\n    // Ensure the thumb stays within the track boundaries.\n    // When the value is at 0% or 100%, the distance from the track edge\n    // to the thumb center equals the inner thumb radius.\n    [`${thumbPositionVar}`]: `clamp(var(${sliderInnerThumbRadiusVar}), var(${sliderProgressVar}), calc(100% - var(${sliderInnerThumbRadiusVar})))`,\n    gridRowStart: '2',\n    gridRowEnd: '2',\n    gridColumnStart: '2',\n    gridColumnEnd: '2',\n    position: 'absolute',\n    width: `var(${sliderThumbSizeVar})`,\n    height: `var(${sliderThumbSizeVar})`,\n    pointerEvents: 'none',\n    outlineStyle: 'none',\n    forcedColorAdjust: 'none',\n    borderRadius: tokens.borderRadiusCircular,\n    boxShadow: `0 0 0 calc(var(${sliderThumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n    backgroundColor: `var(${sliderThumbColorVar})`,\n    '::before': {\n      position: 'absolute',\n      top: '0px',\n      left: '0px',\n      bottom: '0px',\n      right: '0px',\n      borderRadius: tokens.borderRadiusCircular,\n      boxSizing: 'border-box',\n      content: \"''\",\n      border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralStroke1}`,\n    },\n  },\n  disabled: {\n    '::before': {\n      border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralForegroundDisabled}`,\n    },\n  },\n  horizontal: {\n    transform: 'translateX(-50%)',\n    left: `var(${thumbPositionVar})`,\n  },\n  vertical: {\n    transform: 'translateY(50%)',\n    bottom: `var(${thumbPositionVar})`,\n  },\n});\n\n/**\n * Styles for the Input slot\n */\nconst useInputStyles = makeStyles({\n  input: {\n    cursor: 'pointer',\n    opacity: 0,\n    gridRowStart: '1',\n    gridRowEnd: '-1',\n    gridColumnStart: '1',\n    gridColumnEnd: '-1',\n    padding: '0',\n    margin: '0',\n  },\n  disabled: {\n    cursor: 'default',\n  },\n  horizontal: {\n    height: `var(${sliderThumbSizeVar})`,\n    width: '100%',\n  },\n  vertical: {\n    height: '100%',\n    width: `var(${sliderThumbSizeVar})`,\n    // Workaround to check if the browser supports `writing-mode: vertical-lr` for inputs and input[type=range] specifically.\n    // We check if the `writing-mode: sideways-lr` is supported as it's newer feature and it means\n    // that vertical controls should also support `writing-mode: vertical-lr`.\n    '@supports (writing-mode: sideways-lr)': {\n      writingMode: 'vertical-lr',\n      direction: 'rtl',\n    },\n    // Fallback for browsers that don't support `writing-mode: vertical-lr` for inputs\n    '@supports not (writing-mode: sideways-lr)': {\n      WebkitAppearance: 'slider-vertical',\n    },\n  },\n});\n\n/**\n * Apply styling to the Slider slots based on the state\n */\nexport const useSliderStyles_unstable = (state: SliderState): SliderState => {\n  'use no memo';\n\n  const rootStyles = useRootStyles();\n  const railStyles = useRailStyles();\n  const thumbStyles = useThumbStyles();\n  const inputStyles = useInputStyles();\n  const isVertical = state.vertical;\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    sliderClassNames.root,\n    rootStyles.root,\n    isVertical ? rootStyles.focusIndicatorVertical : rootStyles.focusIndicatorHorizontal,\n    rootStyles[state.size!],\n    isVertical ? rootStyles.vertical : rootStyles.horizontal,\n    state.disabled ? rootStyles.disabled : rootStyles.enabled,\n    state.root.className,\n  );\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.rail.className = mergeClasses(\n    sliderClassNames.rail,\n    railStyles.rail,\n    isVertical ? railStyles.vertical : railStyles.horizontal,\n    state.rail.className,\n  );\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.thumb.className = mergeClasses(\n    sliderClassNames.thumb,\n    thumbStyles.thumb,\n    isVertical ? thumbStyles.vertical : thumbStyles.horizontal,\n    state.disabled && thumbStyles.disabled,\n    state.thumb.className,\n  );\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.input.className = mergeClasses(\n    sliderClassNames.input,\n    inputStyles.input,\n    isVertical ? inputStyles.vertical : inputStyles.horizontal,\n    state.disabled && inputStyles.disabled,\n    state.input.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","createFocusOutlineStyle","tokens","sliderCSSVars","sliderClassNames","root","rail","thumb","input","thumbPositionVar","sliderDirectionVar","sliderInnerThumbRadiusVar","sliderProgressVar","sliderProgressColorVar","sliderRailSizeVar","sliderRailColorVar","sliderStepsPercentVar","sliderThumbColorVar","sliderThumbSizeVar","useRootStyles","position","display","touchAction","alignItems","justifyItems","small","minHeight","medium","horizontal","minWidth","gridTemplateRows","gridTemplateColumns","vertical","enabled","colorNeutralStrokeAccessible","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","disabled","colorNeutralForegroundDisabled","colorNeutralBackgroundDisabled","focusIndicatorHorizontal","selector","style","outlineOffset","top","bottom","left","right","focusIndicatorVertical","useRailStyles","borderRadius","borderRadiusXLarge","pointerEvents","gridRowStart","gridRowEnd","gridColumnStart","gridColumnEnd","forcedColorAdjust","backgroundImage","outlineWidth","outlineStyle","outlineColor","colorTransparentStroke","content","colorNeutralBackground1","width","height","useThumbStyles","borderRadiusCircular","boxShadow","backgroundColor","boxSizing","border","colorNeutralStroke1","transform","useInputStyles","cursor","opacity","padding","margin","writingMode","direction","WebkitAppearance","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"mappings":"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"}