@fluentui/react-slider 9.1.87 → 9.1.88

package/CHANGELOG.md

@@ -1,12 +1,26 @@
 # Change Log - @fluentui/react-slider
 
-This log was last generated on Mon, 01 Jul 2024 20:25:43 GMT and should not be manually modified.
+This log was last generated on Mon, 15 Jul 2024 17:20:31 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.88](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.1.88)
+
+Mon, 15 Jul 2024 17:20:31 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.1.87..@fluentui/react-slider_v9.1.88)
+
+### Patches
+
+- fix: revert incorectly set npm versions in all packages ([PR #31937](https://github.com/microsoft/fluentui/pull/31937) by martinhochel@microsoft.com)
+- Bump @fluentui/react-field to v9.1.70 ([PR #31998](https://github.com/microsoft/fluentui/pull/31998) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.41 ([PR #31998](https://github.com/microsoft/fluentui/pull/31998) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.19.1 ([PR #31998](https://github.com/microsoft/fluentui/pull/31998) by beachball)
+- Bump @fluentui/react-tabster to v9.22.2 ([PR #31998](https://github.com/microsoft/fluentui/pull/31998) by beachball)
+- Bump @fluentui/react-utilities to v9.18.12 ([PR #31998](https://github.com/microsoft/fluentui/pull/31998) by beachball)
+
 ## [9.1.87](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.1.87)
 
-Mon, 01 Jul 2024 20:25:43 GMT 
+Mon, 01 Jul 2024 20:30:30 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.1.86..@fluentui/react-slider_v9.1.87)
 
 ### Patches

package/lib/Slider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Slider.ts"],"sourcesContent":["export * from './components/Slider/index';\n"],"names":[],"mappings":"AAAA,cAAc,4BAA4B"}
+{"version":3,"sources":["Slider.ts"],"sourcesContent":["export * from './components/Slider/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,4BAA4B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["Slider.tsx"],"sourcesContent":["import * 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,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":["Slider.tsx"],"sourcesContent":["import * 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"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["Slider.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';\n\nexport type SliderSlots = {\n  /**\n   * The root of the Slider.\n   * The root slot receives the `className` and `style` specified directly on the `<Slider>`.\n   * All other native props will be applied to the primary slot, `input`.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * The Slider's base. It is used to visibly display the min and max selectable values.\n   */\n  rail: NonNullable<Slot<'div'>>;\n\n  /**\n   * The draggable icon used to select a given value from the Slider.\n   * This is the element containing `role = 'slider'`.\n   */\n  thumb: NonNullable<Slot<'div'>>;\n\n  /**\n   * The hidden input for the Slider.\n   * This is the PRIMARY slot: all native properties specified directly on `<Slider>` will be applied to this slot,\n   * except `className` and `style`, which remain on the root slot.\n   *\n   */\n  input: NonNullable<Slot<'input'>> & {\n    /**\n     * Orient is a non standard attribute that allows for vertical orientation in Firefox. It is set internally\n     * when `vertical` is set to true.\n     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#non_standard_attributes\n     * Webkit/Chromium support for vertical inputs is provided via -webkit-appearance css property\n     */\n    orient?: 'horizontal' | 'vertical';\n  };\n};\n\nexport type SliderProps = Omit<\n  ComponentProps<Partial<SliderSlots>, 'input'>,\n  'defaultValue' | 'onChange' | 'size' | 'value'\n> & {\n  /**\n   * The starting value for an uncontrolled Slider.\n   * Mutually exclusive with `value` prop.\n   */\n  defaultValue?: number;\n\n  /**\n   *  Whether to render the Slider as disabled.\n   *\n   * @default `false` (renders enabled)\n   */\n  disabled?: boolean;\n\n  /**\n   * The max value of the Slider.\n   * @default 100\n   */\n  max?: number;\n\n  /**\n   * The min value of the Slider.\n   * @default 0\n   */\n  min?: number;\n\n  /**\n   * The size of the Slider.\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n\n  /**\n   * The number of steps that the Slider's `value` will increment upon change. When provided, the Slider\n   * will snap to the closest available value. This must be a positive value.\n   * @default 1\n   */\n  step?: number;\n\n  /**\n   * The current value of the controlled Slider.\n   * Mutually exclusive with `defaultValue` prop.\n   */\n  value?: number;\n\n  /**\n   * Render the Slider in a vertical orientation, smallest value on the bottom.\n   * @default `false`\n   */\n  vertical?: boolean;\n\n  /**\n   * Triggers a callback when the value has been changed. This will be called on every individual step.\n   */\n  // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback\n  onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: SliderOnChangeData) => void;\n};\n\nexport type SliderOnChangeData = {\n  value: number;\n};\n\nexport type SliderState = ComponentState<SliderSlots> & Pick<SliderProps, 'disabled' | 'size' | 'vertical'>;\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}
+{"version":3,"sources":["Slider.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';\n\nexport type SliderSlots = {\n  /**\n   * The root of the Slider.\n   * The root slot receives the `className` and `style` specified directly on the `<Slider>`.\n   * All other native props will be applied to the primary slot, `input`.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * The Slider's base. It is used to visibly display the min and max selectable values.\n   */\n  rail: NonNullable<Slot<'div'>>;\n\n  /**\n   * The draggable icon used to select a given value from the Slider.\n   * This is the element containing `role = 'slider'`.\n   */\n  thumb: NonNullable<Slot<'div'>>;\n\n  /**\n   * The hidden input for the Slider.\n   * This is the PRIMARY slot: all native properties specified directly on `<Slider>` will be applied to this slot,\n   * except `className` and `style`, which remain on the root slot.\n   *\n   */\n  input: NonNullable<Slot<'input'>> & {\n    /**\n     * Orient is a non standard attribute that allows for vertical orientation in Firefox. It is set internally\n     * when `vertical` is set to true.\n     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#non_standard_attributes\n     * Webkit/Chromium support for vertical inputs is provided via -webkit-appearance css property\n     */\n    orient?: 'horizontal' | 'vertical';\n  };\n};\n\nexport type SliderProps = Omit<\n  ComponentProps<Partial<SliderSlots>, 'input'>,\n  'defaultValue' | 'onChange' | 'size' | 'value'\n> & {\n  /**\n   * The starting value for an uncontrolled Slider.\n   * Mutually exclusive with `value` prop.\n   */\n  defaultValue?: number;\n\n  /**\n   *  Whether to render the Slider as disabled.\n   *\n   * @default `false` (renders enabled)\n   */\n  disabled?: boolean;\n\n  /**\n   * The max value of the Slider.\n   * @default 100\n   */\n  max?: number;\n\n  /**\n   * The min value of the Slider.\n   * @default 0\n   */\n  min?: number;\n\n  /**\n   * The size of the Slider.\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n\n  /**\n   * The number of steps that the Slider's `value` will increment upon change. When provided, the Slider\n   * will snap to the closest available value. This must be a positive value.\n   * @default 1\n   */\n  step?: number;\n\n  /**\n   * The current value of the controlled Slider.\n   * Mutually exclusive with `defaultValue` prop.\n   */\n  value?: number;\n\n  /**\n   * Render the Slider in a vertical orientation, smallest value on the bottom.\n   * @default `false`\n   */\n  vertical?: boolean;\n\n  /**\n   * Triggers a callback when the value has been changed. This will be called on every individual step.\n   */\n  // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback\n  onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: SliderOnChangeData) => void;\n};\n\nexport type SliderOnChangeData = {\n  value: number;\n};\n\nexport type SliderState = ComponentState<SliderSlots> & Pick<SliderProps, 'disabled' | 'size' | 'vertical'>;\n"],"names":["React"],"rangeMappings":"","mappings":"AAAA,YAAYA,WAAW,QAAQ"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Slider';\nexport * from './Slider.types';\nexport * from './renderSlider';\nexport * from './useSlider';\nexport { useSliderState_unstable } from './useSliderState';\nexport { sliderClassNames, sliderCSSVars, useSliderStyles_unstable } from './useSliderStyles.styles';\n"],"names":["useSliderState_unstable","sliderClassNames","sliderCSSVars","useSliderStyles_unstable"],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,SAASA,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,gBAAgB,EAAEC,aAAa,EAAEC,wBAAwB,QAAQ,2BAA2B"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Slider';\nexport * from './Slider.types';\nexport * from './renderSlider';\nexport * from './useSlider';\nexport { useSliderState_unstable } from './useSliderState';\nexport { sliderClassNames, sliderCSSVars, useSliderStyles_unstable } from './useSliderStyles.styles';\n"],"names":["useSliderState_unstable","sliderClassNames","sliderCSSVars","useSliderStyles_unstable"],"rangeMappings":";;;;;","mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,SAASA,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,gBAAgB,EAAEC,aAAa,EAAEC,wBAAwB,QAAQ,2BAA2B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderSlider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { SliderState, SliderSlots } from './Slider.types';\n\n/**\n * Render the final JSX of Slider\n */\nexport const renderSlider_unstable = (state: SliderState) => {\n  assertSlots<SliderSlots>(state);\n\n  return (\n    <state.root>\n      <state.input />\n      <state.rail />\n      <state.thumb />\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderSlider_unstable","state","root","input","rail","thumb"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,wBAAwB,CAACC;IACpCF,YAAyBE;IAEzB,qBACE,MAACA,MAAMC,IAAI;;0BACT,KAACD,MAAME,KAAK;0BACZ,KAACF,MAAMG,IAAI;0BACX,KAACH,MAAMI,KAAK;;;AAGlB,EAAE"}
+{"version":3,"sources":["renderSlider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { SliderState, SliderSlots } from './Slider.types';\n\n/**\n * Render the final JSX of Slider\n */\nexport const renderSlider_unstable = (state: SliderState) => {\n  assertSlots<SliderSlots>(state);\n\n  return (\n    <state.root>\n      <state.input />\n      <state.rail />\n      <state.thumb />\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderSlider_unstable","state","root","input","rail","thumb"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,wBAAwB,CAACC;IACpCF,YAAyBE;IAEzB,qBACE,MAACA,MAAMC,IAAI;;0BACT,KAACD,MAAME,KAAK;0BACZ,KAACF,MAAMG,IAAI;0BACX,KAACH,MAAMI,KAAK;;;AAGlB,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useSlider.ts"],"sourcesContent":["import * 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 { SliderProps, SliderState } from './Slider.types';\nimport { useFocusWithin } from '@fluentui/react-tabster';\n\nexport const useSlider_unstable = (props: SliderProps, ref: React.Ref<HTMLInputElement>): SliderState => {\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', 'size'],\n  });\n\n  const {\n    disabled,\n    vertical,\n    size = 'medium',\n    // Slots\n    root,\n    input,\n    rail,\n    thumb,\n  } = props;\n\n  const state: SliderState = {\n    disabled,\n    size,\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":["React","useFieldControlProps_unstable","getPartitionedNativeProps","useId","useMergedRefs","slot","useSliderState_unstable","useFocusWithin","useSlider_unstable","props","ref","supportsLabelFor","nativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","size","root","input","rail","thumb","state","components","always","defaultProps","elementType","id","primary","type","orient","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,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,+CAA+C;IAC/CD,QAAQR,8BAA8BQ,OAAO;QAAEE,kBAAkB;IAAK;IAEtE,MAAMC,cAAcV,0BAA0B;QAC5CO;QACAI,oBAAoB;QACpBC,mBAAmB;YAAC;YAAY;SAAO;IACzC;IAEA,MAAM,EACJC,QAAQ,EACRC,QAAQ,EACRC,OAAO,QAAQ,EACf,QAAQ;IACRC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,KAAK,EACN,GAAGZ;IAEJ,MAAMa,QAAqB;QACzBP;QACAE;QACAD;QACAO,YAAY;YACVJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACT;QACAH,MAAMb,KAAKmB,MAAM,CAACN,MAAM;YACtBO,cAAcb,YAAYM,IAAI;YAC9BQ,aAAa;QACf;QACAP,OAAOd,KAAKmB,MAAM,CAACL,OAAO;YACxBM,cAAc;gBACZE,IAAIxB,MAAM,WAAWM,MAAMkB,EAAE;gBAC7BjB;gBACA,GAAGE,YAAYgB,OAAO;gBACtBC,MAAM;gBACNC,QAAQd,WAAW,aAAae;YAClC;YACAL,aAAa;QACf;QACAN,MAAMf,KAAKmB,MAAM,CAACJ,MAAM;YAAEM,aAAa;QAAM;QAC7CL,OAAOhB,KAAKmB,MAAM,CAACH,OAAO;YAAEK,aAAa;QAAM;IACjD;IAEAJ,MAAMJ,IAAI,CAACR,GAAG,GAAGN,cAAckB,MAAMJ,IAAI,CAACR,GAAG,EAAEH;IAE/CD,wBAAwBgB,OAAOb;IAE/B,OAAOa;AACT,EAAE"}
+{"version":3,"sources":["useSlider.ts"],"sourcesContent":["import * 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 { SliderProps, SliderState } from './Slider.types';\nimport { useFocusWithin } from '@fluentui/react-tabster';\n\nexport const useSlider_unstable = (props: SliderProps, ref: React.Ref<HTMLInputElement>): SliderState => {\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', 'size'],\n  });\n\n  const {\n    disabled,\n    vertical,\n    size = 'medium',\n    // Slots\n    root,\n    input,\n    rail,\n    thumb,\n  } = props;\n\n  const state: SliderState = {\n    disabled,\n    size,\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":["React","useFieldControlProps_unstable","getPartitionedNativeProps","useId","useMergedRefs","slot","useSliderState_unstable","useFocusWithin","useSlider_unstable","props","ref","supportsLabelFor","nativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","size","root","input","rail","thumb","state","components","always","defaultProps","elementType","id","primary","type","orient","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,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,+CAA+C;IAC/CD,QAAQR,8BAA8BQ,OAAO;QAAEE,kBAAkB;IAAK;IAEtE,MAAMC,cAAcV,0BAA0B;QAC5CO;QACAI,oBAAoB;QACpBC,mBAAmB;YAAC;YAAY;SAAO;IACzC;IAEA,MAAM,EACJC,QAAQ,EACRC,QAAQ,EACRC,OAAO,QAAQ,EACf,QAAQ;IACRC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,KAAK,EACN,GAAGZ;IAEJ,MAAMa,QAAqB;QACzBP;QACAE;QACAD;QACAO,YAAY;YACVJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACT;QACAH,MAAMb,KAAKmB,MAAM,CAACN,MAAM;YACtBO,cAAcb,YAAYM,IAAI;YAC9BQ,aAAa;QACf;QACAP,OAAOd,KAAKmB,MAAM,CAACL,OAAO;YACxBM,cAAc;gBACZE,IAAIxB,MAAM,WAAWM,MAAMkB,EAAE;gBAC7BjB;gBACA,GAAGE,YAAYgB,OAAO;gBACtBC,MAAM;gBACNC,QAAQd,WAAW,aAAae;YAClC;YACAL,aAAa;QACf;QACAN,MAAMf,KAAKmB,MAAM,CAACJ,MAAM;YAAEM,aAAa;QAAM;QAC7CL,OAAOhB,KAAKmB,MAAM,CAACH,OAAO;YAAEK,aAAa;QAAM;IACjD;IAEAJ,MAAMJ,IAAI,CAACR,GAAG,GAAGN,cAAckB,MAAMJ,IAAI,CAACR,GAAG,EAAEH;IAE/CD,wBAAwBgB,OAAOb;IAE/B,OAAOa;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useSliderState.tsx"],"sourcesContent":["import * 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 './useSliderStyles.styles';\nimport type { SliderState, SliderProps } 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: SliderState, props: SliderProps) => {\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 rootVariables = {\n    [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',\n    [sliderStepsPercentVar]: step && step > 0 ? `${(step * 100) / (max - min)}%` : '',\n    [sliderProgressVar]: `${valuePercent}%`,\n  };\n\n  // Root props\n  state.root.style = {\n    ...rootVariables,\n    ...state.root.style,\n  };\n\n  // Input Props\n  state.input.value = clampedValue;\n  state.input.onChange = onChange;\n\n  return state;\n};\n"],"names":["React","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","rootVariables","vertical","root","style"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,EAAEC,oBAAoB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAC1F,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,aAAa,QAAQ,2BAA2B;AAGzD,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,OAAoBC;IAC1D;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,gBAAgB;QACpB,CAACzB,mBAAmB,EAAEM,MAAMoB,QAAQ,GAAG,SAASjB,QAAQ,QAAQ,UAAU;QAC1E,CAACX,sBAAsB,EAAEU,QAAQA,OAAO,IAAI,CAAC,EAAE,AAACA,OAAO,MAAQJ,CAAAA,MAAMD,GAAE,EAAG,CAAC,CAAC,GAAG;QAC/E,CAACJ,kBAAkB,EAAE,CAAC,EAAEiB,aAAa,CAAC,CAAC;IACzC;IAEA,aAAa;IACbV,MAAMqB,IAAI,CAACC,KAAK,GAAG;QACjB,GAAGH,aAAa;QAChB,GAAGnB,MAAMqB,IAAI,CAACC,KAAK;IACrB;IAEA,cAAc;IACdtB,MAAMY,KAAK,CAAChB,KAAK,GAAGa;IACpBT,MAAMY,KAAK,CAACC,QAAQ,GAAGA;IAEvB,OAAOb;AACT,EAAE"}
+{"version":3,"sources":["useSliderState.tsx"],"sourcesContent":["import * 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 './useSliderStyles.styles';\nimport type { SliderState, SliderProps } 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: SliderState, props: SliderProps) => {\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 rootVariables = {\n    [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',\n    [sliderStepsPercentVar]: step && step > 0 ? `${(step * 100) / (max - min)}%` : '',\n    [sliderProgressVar]: `${valuePercent}%`,\n  };\n\n  // Root props\n  state.root.style = {\n    ...rootVariables,\n    ...state.root.style,\n  };\n\n  // Input Props\n  state.input.value = clampedValue;\n  state.input.onChange = onChange;\n\n  return state;\n};\n"],"names":["React","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","rootVariables","vertical","root","style"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,EAAEC,oBAAoB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAC1F,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,aAAa,QAAQ,2BAA2B;AAGzD,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,OAAoBC;IAC1D;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,gBAAgB;QACpB,CAACzB,mBAAmB,EAAEM,MAAMoB,QAAQ,GAAG,SAASjB,QAAQ,QAAQ,UAAU;QAC1E,CAACX,sBAAsB,EAAEU,QAAQA,OAAO,IAAI,CAAC,EAAE,AAACA,OAAO,MAAQJ,CAAAA,MAAMD,GAAE,EAAG,CAAC,CAAC,GAAG;QAC/E,CAACJ,kBAAkB,EAAE,CAAC,EAAEiB,aAAa,CAAC,CAAC;IACzC;IAEA,aAAa;IACbV,MAAMqB,IAAI,CAACC,KAAK,GAAG;QACjB,GAAGH,aAAa;QAChB,GAAGnB,MAAMqB,IAAI,CAACC,KAAK;IACrB;IAEA,cAAc;IACdtB,MAAMY,KAAK,CAAChB,KAAK,GAAGa;IACpBT,MAAMY,KAAK,CAACC,QAAQ,GAAGA;IAEvB,OAAOb;AACT,EAAE"}

package/lib/index.js.map

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

package/lib-commonjs/Slider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Slider.js"],"sourcesContent":["export * from './components/Slider/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
+{"version":3,"sources":["Slider.ts"],"sourcesContent":["export * from './components/Slider/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

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

@@ -1 +1 @@
-{"version":3,"sources":["Slider.js"],"sourcesContent":["import * as React from 'react';\nimport { useSlider_unstable } from './useSlider';\nimport { renderSlider_unstable } from './renderSlider';\nimport { useSliderStyles_unstable } from './useSliderStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The Slider component allows users to quickly select a value by dragging a thumb across a rail.\n */ export const Slider = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useSlider_unstable(props, ref);\n    useSliderStyles_unstable(state);\n    useCustomStyleHook_unstable('useSliderStyles_unstable')(state);\n    return renderSlider_unstable(state);\n});\nSlider.displayName = 'Slider';\n"],"names":["Slider","React","forwardRef","props","ref","state","useSlider_unstable","useSliderStyles_unstable","useCustomStyleHook_unstable","renderSlider_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;2BACY;8BACG;uCACG;qCACG;AAGjC,MAAMA,SAAS,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7D,MAAMC,QAAQC,IAAAA,6BAAkB,EAACH,OAAOC;IACxCG,IAAAA,+CAAwB,EAACF;IACzBG,IAAAA,gDAA2B,EAAC,4BAA4BH;IACxD,OAAOI,IAAAA,mCAAqB,EAACJ;AACjC;AACAL,OAAOU,WAAW,GAAG"}
+{"version":3,"sources":["Slider.tsx"],"sourcesContent":["import * 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":["Slider","React","forwardRef","props","ref","state","useSlider_unstable","useSliderStyles_unstable","useCustomStyleHook_unstable","renderSlider_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;2BACY;8BACG;uCACG;qCAGG;AAKrC,MAAMA,SAAAA,WAAAA,GAA2CC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/E,MAAMC,QAAQC,IAAAA,6BAAAA,EAAmBH,OAAOC;IAExCG,IAAAA,+CAAAA,EAAyBF;IAEzBG,IAAAA,gDAAAA,EAA4B,4BAA4BH;IAExD,OAAOI,IAAAA,mCAAAA,EAAsBJ;AAC/B;AACAL,OAAOU,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["Slider.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
+{"version":3,"sources":["Slider.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';\n\nexport type SliderSlots = {\n  /**\n   * The root of the Slider.\n   * The root slot receives the `className` and `style` specified directly on the `<Slider>`.\n   * All other native props will be applied to the primary slot, `input`.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * The Slider's base. It is used to visibly display the min and max selectable values.\n   */\n  rail: NonNullable<Slot<'div'>>;\n\n  /**\n   * The draggable icon used to select a given value from the Slider.\n   * This is the element containing `role = 'slider'`.\n   */\n  thumb: NonNullable<Slot<'div'>>;\n\n  /**\n   * The hidden input for the Slider.\n   * This is the PRIMARY slot: all native properties specified directly on `<Slider>` will be applied to this slot,\n   * except `className` and `style`, which remain on the root slot.\n   *\n   */\n  input: NonNullable<Slot<'input'>> & {\n    /**\n     * Orient is a non standard attribute that allows for vertical orientation in Firefox. It is set internally\n     * when `vertical` is set to true.\n     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#non_standard_attributes\n     * Webkit/Chromium support for vertical inputs is provided via -webkit-appearance css property\n     */\n    orient?: 'horizontal' | 'vertical';\n  };\n};\n\nexport type SliderProps = Omit<\n  ComponentProps<Partial<SliderSlots>, 'input'>,\n  'defaultValue' | 'onChange' | 'size' | 'value'\n> & {\n  /**\n   * The starting value for an uncontrolled Slider.\n   * Mutually exclusive with `value` prop.\n   */\n  defaultValue?: number;\n\n  /**\n   *  Whether to render the Slider as disabled.\n   *\n   * @default `false` (renders enabled)\n   */\n  disabled?: boolean;\n\n  /**\n   * The max value of the Slider.\n   * @default 100\n   */\n  max?: number;\n\n  /**\n   * The min value of the Slider.\n   * @default 0\n   */\n  min?: number;\n\n  /**\n   * The size of the Slider.\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n\n  /**\n   * The number of steps that the Slider's `value` will increment upon change. When provided, the Slider\n   * will snap to the closest available value. This must be a positive value.\n   * @default 1\n   */\n  step?: number;\n\n  /**\n   * The current value of the controlled Slider.\n   * Mutually exclusive with `defaultValue` prop.\n   */\n  value?: number;\n\n  /**\n   * Render the Slider in a vertical orientation, smallest value on the bottom.\n   * @default `false`\n   */\n  vertical?: boolean;\n\n  /**\n   * Triggers a callback when the value has been changed. This will be called on every individual step.\n   */\n  // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback\n  onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: SliderOnChangeData) => void;\n};\n\nexport type SliderOnChangeData = {\n  value: number;\n};\n\nexport type SliderState = ComponentState<SliderSlots> & Pick<SliderProps, 'disabled' | 'size' | 'vertical'>;\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

package/lib-commonjs/components/Slider/index.js

@@ -9,14 +9,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    useSliderState_unstable: function() {
-        return _useSliderState.useSliderState_unstable;
+    sliderCSSVars: function() {
+        return _useSliderStylesstyles.sliderCSSVars;
     },
     sliderClassNames: function() {
         return _useSliderStylesstyles.sliderClassNames;
     },
-    sliderCSSVars: function() {
-        return _useSliderStylesstyles.sliderCSSVars;
+    useSliderState_unstable: function() {
+        return _useSliderState.useSliderState_unstable;
     },
     useSliderStyles_unstable: function() {
         return _useSliderStylesstyles.useSliderStyles_unstable;

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Slider';\nexport * from './Slider.types';\nexport * from './renderSlider';\nexport * from './useSlider';\nexport { useSliderState_unstable } from './useSliderState';\nexport { sliderClassNames, sliderCSSVars, useSliderStyles_unstable } from './useSliderStyles.styles';\n"],"names":["useSliderState_unstable","sliderClassNames","sliderCSSVars","useSliderStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,uBAAuB;eAAvBA,uCAAuB;;IACvBC,gBAAgB;eAAhBA,uCAAgB;;IAAEC,aAAa;eAAbA,oCAAa;;IAAEC,wBAAwB;eAAxBA,+CAAwB;;;;uBALpD;uBACA;uBACA;uBACA;gCAC0B;uCACkC"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Slider';\nexport * from './Slider.types';\nexport * from './renderSlider';\nexport * from './useSlider';\nexport { useSliderState_unstable } from './useSliderState';\nexport { sliderClassNames, sliderCSSVars, useSliderStyles_unstable } from './useSliderStyles.styles';\n"],"names":["sliderCSSVars","sliderClassNames","useSliderState_unstable","useSliderStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAK2BA,aAAa;eAAbA,oCAAa;;IAA/BC,gBAAgB;eAAhBA,uCAAgB;;IADhBC,uBAAuB;eAAvBA,uCAAuB;;IACUC,wBAAwB;eAAxBA,+CAAwB;;;;uBALpD;uBACA;uBACA;uBACA;gCAC0B;uCACkC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderSlider.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Slider\n */ export const renderSlider_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            /*#__PURE__*/ _jsx(state.input, {}),\n            /*#__PURE__*/ _jsx(state.rail, {}),\n            /*#__PURE__*/ _jsx(state.thumb, {})\n        ]\n    });\n};\n"],"names":["renderSlider_unstable","state","assertSlots","_jsxs","root","children","_jsx","input","rail","thumb"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJ4B;gCACjB;AAGjB,MAAMA,wBAAwB,CAACC;IACtCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACL,MAAMM,KAAK,EAAE,CAAC;YACjC,WAAW,GAAGD,IAAAA,eAAI,EAACL,MAAMO,IAAI,EAAE,CAAC;YAChC,WAAW,GAAGF,IAAAA,eAAI,EAACL,MAAMQ,KAAK,EAAE,CAAC;SACpC;IACL;AACJ"}
+{"version":3,"sources":["renderSlider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { SliderState, SliderSlots } from './Slider.types';\n\n/**\n * Render the final JSX of Slider\n */\nexport const renderSlider_unstable = (state: SliderState) => {\n  assertSlots<SliderSlots>(state);\n\n  return (\n    <state.root>\n      <state.input />\n      <state.rail />\n      <state.thumb />\n    </state.root>\n  );\n};\n"],"names":["renderSlider_unstable","state","assertSlots","_jsxs","root","_jsx","input","rail","thumb"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,wBAAwB,CAACC;IACpCC,IAAAA,2BAAAA,EAAyBD;IAEzB,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;0BACTC,IAAAA,eAAA,EAACJ,MAAMK,KAAK,EAAA,CAAA;0BACZD,IAAAA,eAAA,EAACJ,MAAMM,IAAI,EAAA,CAAA;0BACXF,IAAAA,eAAA,EAACJ,MAAMO,KAAK,EAAA,CAAA;;;AAGlB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useSlider.js"],"sourcesContent":["import * 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 { useFocusWithin } from '@fluentui/react-tabster';\nexport const useSlider_unstable = (props, ref)=>{\n    // Merge props from surrounding <Field>, if any\n    props = useFieldControlProps_unstable(props, {\n        supportsLabelFor: true\n    });\n    const nativeProps = getPartitionedNativeProps({\n        props,\n        primarySlotTagName: 'input',\n        excludedPropNames: [\n            'onChange',\n            'size'\n        ]\n    });\n    const { disabled, vertical, size = 'medium', // Slots\n    root, input, rail, thumb } = props;\n    const state = {\n        disabled,\n        size,\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, {\n            elementType: 'div'\n        }),\n        thumb: slot.always(thumb, {\n            elementType: 'div'\n        })\n    };\n    state.root.ref = useMergedRefs(state.root.ref, useFocusWithin());\n    useSliderState_unstable(state, props);\n    return state;\n};\n"],"names":["useSlider_unstable","props","ref","useFieldControlProps_unstable","supportsLabelFor","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","size","root","input","rail","thumb","state","components","slot","always","defaultProps","elementType","id","useId","primary","type","orient","undefined","useMergedRefs","useFocusWithin","useSliderState_unstable"],"mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;4BACuB;gCACwB;gCAC9B;8BACT;AACxB,MAAMA,qBAAqB,CAACC,OAAOC;IACtC,+CAA+C;IAC/CD,QAAQE,IAAAA,yCAA6B,EAACF,OAAO;QACzCG,kBAAkB;IACtB;IACA,MAAMC,cAAcC,IAAAA,yCAAyB,EAAC;QAC1CL;QACAM,oBAAoB;QACpBC,mBAAmB;YACf;YACA;SACH;IACL;IACA,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,OAAO,QAAQ,EAC3CC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGd;IAC7B,MAAMe,QAAQ;QACVP;QACAE;QACAD;QACAO,YAAY;YACRJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACX;QACAH,MAAMM,oBAAI,CAACC,MAAM,CAACP,MAAM;YACpBQ,cAAcf,YAAYO,IAAI;YAC9BS,aAAa;QACjB;QACAR,OAAOK,oBAAI,CAACC,MAAM,CAACN,OAAO;YACtBO,cAAc;gBACVE,IAAIC,IAAAA,qBAAK,EAAC,WAAWtB,MAAMqB,EAAE;gBAC7BpB;gBACA,GAAGG,YAAYmB,OAAO;gBACtBC,MAAM;gBACNC,QAAQhB,WAAW,aAAaiB;YACpC;YACAN,aAAa;QACjB;QACAP,MAAMI,oBAAI,CAACC,MAAM,CAACL,MAAM;YACpBO,aAAa;QACjB;QACAN,OAAOG,oBAAI,CAACC,MAAM,CAACJ,OAAO;YACtBM,aAAa;QACjB;IACJ;IACAL,MAAMJ,IAAI,CAACV,GAAG,GAAG0B,IAAAA,6BAAa,EAACZ,MAAMJ,IAAI,CAACV,GAAG,EAAE2B,IAAAA,4BAAc;IAC7DC,IAAAA,uCAAuB,EAACd,OAAOf;IAC/B,OAAOe;AACX"}
+{"version":3,"sources":["useSlider.ts"],"sourcesContent":["import * 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 { SliderProps, SliderState } from './Slider.types';\nimport { useFocusWithin } from '@fluentui/react-tabster';\n\nexport const useSlider_unstable = (props: SliderProps, ref: React.Ref<HTMLInputElement>): SliderState => {\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', 'size'],\n  });\n\n  const {\n    disabled,\n    vertical,\n    size = 'medium',\n    // Slots\n    root,\n    input,\n    rail,\n    thumb,\n  } = props;\n\n  const state: SliderState = {\n    disabled,\n    size,\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":["useSlider_unstable","props","ref","useFieldControlProps_unstable","supportsLabelFor","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","size","root","input","rail","thumb","state","components","slot","always","defaultProps","elementType","id","useId","primary","type","orient","undefined","useMergedRefs","useFocusWithin","useSliderState_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;4BACuB;gCACwB;gCAC9B;8BAET;AAExB,MAAMA,qBAAqB,CAACC,OAAoBC;IACrD,+CAA+C;IAC/CD,QAAQE,IAAAA,yCAAAA,EAA8BF,OAAO;QAAEG,kBAAkB;IAAK;IAEtE,MAAMC,cAAcC,IAAAA,yCAAAA,EAA0B;QAC5CL;QACAM,oBAAoB;QACpBC,mBAAmB;YAAC;YAAY;SAAO;IACzC;IAEA,MAAM,EACJC,QAAQ,EACRC,QAAQ,EACRC,OAAO,QAAQ,EAEfC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,KAAK,EACN,GAAGd;IAEJ,MAAMe,QAAqB;QACzBP;QACAE;QACAD;QACAO,YAAY;YACVJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACT;QACAH,MAAMM,oBAAAA,CAAKC,MAAM,CAACP,MAAM;YACtBQ,cAAcf,YAAYO,IAAI;YAC9BS,aAAa;QACf;QACAR,OAAOK,oBAAAA,CAAKC,MAAM,CAACN,OAAO;YACxBO,cAAc;gBACZE,IAAIC,IAAAA,qBAAAA,EAAM,WAAWtB,MAAMqB,EAAE;gBAC7BpB;gBACA,GAAGG,YAAYmB,OAAO;gBACtBC,MAAM;gBACNC,QAAQhB,WAAW,aAAaiB;YAClC;YACAN,aAAa;QACf;QACAP,MAAMI,oBAAAA,CAAKC,MAAM,CAACL,MAAM;YAAEO,aAAa;QAAM;QAC7CN,OAAOG,oBAAAA,CAAKC,MAAM,CAACJ,OAAO;YAAEM,aAAa;QAAM;IACjD;IAEAL,MAAMJ,IAAI,CAACV,GAAG,GAAG0B,IAAAA,6BAAAA,EAAcZ,MAAMJ,IAAI,CAACV,GAAG,EAAE2B,IAAAA,4BAAAA;IAE/CC,IAAAA,uCAAAA,EAAwBd,OAAOf;IAE/B,OAAOe;AACT"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useSliderState.js"],"sourcesContent":["import * 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 './useSliderStyles.styles';\nconst { sliderStepsPercentVar, sliderProgressVar, sliderDirectionVar } = sliderCSSVars;\nconst getPercent = (value, min, max)=>{\n    return max === min ? 0 : (value - min) / (max - min) * 100;\n};\nexport const useSliderState_unstable = (state, props)=>{\n    'use no memo';\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    const inputOnChange = state.input.onChange;\n    const propsOnChange = props.onChange;\n    const onChange = useEventCallback((ev)=>{\n        const newValue = Number(ev.target.value);\n        setCurrentValue(clamp(newValue, min, max));\n        if (inputOnChange && inputOnChange !== propsOnChange) {\n            inputOnChange(ev);\n        } else if (propsOnChange) {\n            propsOnChange(ev, {\n                value: newValue\n            });\n        }\n    });\n    const rootVariables = {\n        [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',\n        [sliderStepsPercentVar]: step && step > 0 ? `${step * 100 / (max - min)}%` : '',\n        [sliderProgressVar]: `${valuePercent}%`\n    };\n    // Root props\n    state.root.style = {\n        ...rootVariables,\n        ...state.root.style\n    };\n    // Input Props\n    state.input.value = clampedValue;\n    state.input.onChange = onChange;\n    return state;\n};\n"],"names":["useSliderState_unstable","sliderStepsPercentVar","sliderProgressVar","sliderDirectionVar","sliderCSSVars","getPercent","value","min","max","state","props","step","dir","useFluent","currentValue","setCurrentValue","useControllableState","defaultState","defaultValue","initialState","clampedValue","clamp","valuePercent","inputOnChange","input","onChange","propsOnChange","useEventCallback","ev","newValue","Number","target","rootVariables","vertical","root","style"],"mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;gCACuC;qCACd;uCAClB;AAC9B,MAAM,EAAEC,qBAAqB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAE,GAAGC,oCAAa;AACtF,MAAMC,aAAa,CAACC,OAAOC,KAAKC;IAC5B,OAAOA,QAAQD,MAAM,IAAI,AAACD,CAAAA,QAAQC,GAAE,IAAMC,CAAAA,MAAMD,GAAE,IAAK;AAC3D;AACO,MAAMP,0BAA0B,CAACS,OAAOC;IAC3C;IACA,MAAM,EAAEH,MAAM,CAAC,EAAEC,MAAM,GAAG,EAAEG,IAAI,EAAE,GAAGD;IACrC,MAAM,EAAEE,GAAG,EAAE,GAAGC,IAAAA,uCAAS;IACzB,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,IAAAA,oCAAoB,EAAC;QACzDP,OAAOC,MAAMJ,KAAK;QAClBW,cAAcP,MAAMQ,YAAY;QAChCC,cAAc;IAClB;IACA,MAAMC,eAAeC,IAAAA,qBAAK,EAACP,cAAcP,KAAKC;IAC9C,MAAMc,eAAejB,WAAWe,cAAcb,KAAKC;IACnD,MAAMe,gBAAgBd,MAAMe,KAAK,CAACC,QAAQ;IAC1C,MAAMC,gBAAgBhB,MAAMe,QAAQ;IACpC,MAAMA,WAAWE,IAAAA,gCAAgB,EAAC,CAACC;QAC/B,MAAMC,WAAWC,OAAOF,GAAGG,MAAM,CAACzB,KAAK;QACvCS,gBAAgBM,IAAAA,qBAAK,EAACQ,UAAUtB,KAAKC;QACrC,IAAIe,iBAAiBA,kBAAkBG,eAAe;YAClDH,cAAcK;QAClB,OAAO,IAAIF,eAAe;YACtBA,cAAcE,IAAI;gBACdtB,OAAOuB;YACX;QACJ;IACJ;IACA,MAAMG,gBAAgB;QAClB,CAAC7B,mBAAmB,EAAEM,MAAMwB,QAAQ,GAAG,SAASrB,QAAQ,QAAQ,UAAU;QAC1E,CAACX,sBAAsB,EAAEU,QAAQA,OAAO,IAAI,CAAC,EAAEA,OAAO,MAAOH,CAAAA,MAAMD,GAAE,EAAG,CAAC,CAAC,GAAG;QAC7E,CAACL,kBAAkB,EAAE,CAAC,EAAEoB,aAAa,CAAC,CAAC;IAC3C;IACA,aAAa;IACbb,MAAMyB,IAAI,CAACC,KAAK,GAAG;QACf,GAAGH,aAAa;QAChB,GAAGvB,MAAMyB,IAAI,CAACC,KAAK;IACvB;IACA,cAAc;IACd1B,MAAMe,KAAK,CAAClB,KAAK,GAAGc;IACpBX,MAAMe,KAAK,CAACC,QAAQ,GAAGA;IACvB,OAAOhB;AACX"}
+{"version":3,"sources":["useSliderState.tsx"],"sourcesContent":["import * 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 './useSliderStyles.styles';\nimport type { SliderState, SliderProps } 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: SliderState, props: SliderProps) => {\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 rootVariables = {\n    [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',\n    [sliderStepsPercentVar]: step && step > 0 ? `${(step * 100) / (max - min)}%` : '',\n    [sliderProgressVar]: `${valuePercent}%`,\n  };\n\n  // Root props\n  state.root.style = {\n    ...rootVariables,\n    ...state.root.style,\n  };\n\n  // Input Props\n  state.input.value = clampedValue;\n  state.input.onChange = onChange;\n\n  return state;\n};\n"],"names":["useSliderState_unstable","sliderStepsPercentVar","sliderProgressVar","sliderDirectionVar","sliderCSSVars","getPercent","value","min","max","state","props","step","dir","useFluent","currentValue","setCurrentValue","useControllableState","defaultState","defaultValue","initialState","clampedValue","clamp","valuePercent","inputOnChange","input","onChange","propsOnChange","useEventCallback","ev","newValue","Number","target","rootVariables","vertical","root","style"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;gCACuC;qCACd;uCAClB;AAG9B,MAAM,EAAEC,qBAAqB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAE,GAAGC,oCAAAA;AAEzE,MAAMC,aAAa,CAACC,OAAeC,KAAaC;IAC9C,OAAOA,QAAQD,MAAM,IAAI,AAAED,CAAAA,QAAQC,GAAAA,IAAQC,CAAAA,MAAMD,GAAAA,IAAQ;AAC3D;AAEO,MAAMP,0BAA0B,CAACS,OAAoBC;IAC1D;IAEA,MAAM,EAAEH,MAAM,CAAC,EAAEC,MAAM,GAAG,EAAEG,IAAI,EAAE,GAAGD;IACrC,MAAM,EAAEE,GAAG,EAAE,GAAGC,IAAAA,uCAAAA;IAChB,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,IAAAA,oCAAAA,EAAqB;QAC3DP,OAAOC,MAAMJ,KAAK;QAClBW,cAAcP,MAAMQ,YAAY;QAChCC,cAAc;IAChB;IACA,MAAMC,eAAeC,IAAAA,qBAAAA,EAAMP,cAAcP,KAAKC;IAC9C,MAAMc,eAAejB,WAAWe,cAAcb,KAAKC;IAEnD,MAAMe,gBAAgBd,MAAMe,KAAK,CAACC,QAAQ;IAC1C,MAAMC,gBAAgBhB,MAAMe,QAAQ;IAEpC,MAAMA,WAAuDE,IAAAA,gCAAAA,EAAiBC,CAAAA;QAC5E,MAAMC,WAAWC,OAAOF,GAAGG,MAAM,CAACzB,KAAK;QACvCS,gBAAgBM,IAAAA,qBAAAA,EAAMQ,UAAUtB,KAAKC;QAErC,IAAIe,iBAAiBA,kBAAkBG,eAAe;YACpDH,cAAcK;QAChB,OAAO,IAAIF,eAAe;YACxBA,cAAcE,IAAI;gBAAEtB,OAAOuB;YAAS;QACtC;IACF;IAEA,MAAMG,gBAAgB;QACpB,CAAC7B,mBAAmB,EAAEM,MAAMwB,QAAQ,GAAG,SAASrB,QAAQ,QAAQ,UAAU;QAC1E,CAACX,sBAAsB,EAAEU,QAAQA,OAAO,IAAI,CAAC,EAAEA,OAAQ,MAAQH,CAAAA,MAAMD,GAAAA,EAAK,CAAC,CAAC,GAAG;QAC/E,CAACL,kBAAkB,EAAE,CAAC,EAAEoB,aAAa,CAAC,CAAC;IACzC;IAEA,aAAa;IACbb,MAAMyB,IAAI,CAACC,KAAK,GAAG;QACjB,GAAGH,aAAa;QAChB,GAAGvB,MAAMyB,IAAI,CAACC,KAAK;IACrB;IAEA,cAAc;IACd1B,MAAMe,KAAK,CAAClB,KAAK,GAAGc;IACpBX,MAAMe,KAAK,CAACC,QAAQ,GAAGA;IAEvB,OAAOhB;AACT"}

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

@@ -9,12 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    sliderClassNames: function() {
-        return sliderClassNames;
-    },
     sliderCSSVars: function() {
         return sliderCSSVars;
     },
+    sliderClassNames: function() {
+        return sliderClassNames;
+    },
     useSliderStyles_unstable: function() {
         return useSliderStyles_unstable;
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["useSliderStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\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 thumbSizeVar = `--fui-Slider__thumb--size`;\nconst railSizeVar = `--fui-Slider__rail--size`;\nconst railColorVar = `--fui-Slider__rail--color`;\nconst progressColorVar = `--fui-Slider__progress--color`;\nconst thumbColorVar = `--fui-Slider__thumb--color`;\nexport const sliderCSSVars = {\n  sliderDirectionVar: `--fui-Slider--direction`,\n  sliderProgressVar: `--fui-Slider--progress`,\n  sliderStepsPercentVar: `--fui-Slider--steps-percent`\n};\nconst {\n  sliderDirectionVar,\n  sliderStepsPercentVar,\n  sliderProgressVar\n} = sliderCSSVars;\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  root: {\n    qhf8xq: \"f10pi13n\",\n    mc9l5x: \"fwk3njj\",\n    lpbzjs: \"f1sdsnyy\",\n    Bt984gj: \"f122n59\",\n    B7hvi0a: \"f1oiokrs\"\n  },\n  small: {\n    Bi64ftq: \"f1agqo6f\",\n    Ba19x4e: \"f1i7ztpd\",\n    sshi5w: \"f1pha7fy\"\n  },\n  medium: {\n    Bi64ftq: \"f1a78h9h\",\n    Ba19x4e: \"fuok0yf\",\n    sshi5w: \"f1nxs5xn\"\n  },\n  horizontal: {\n    Bf4jedk: \"fyvtabn\",\n    wkccdc: \"fgfd48t\",\n    Budl1dq: \"f4t5rw1\"\n  },\n  vertical: {\n    sshi5w: \"f1pzv1zu\",\n    wkccdc: \"fktlcaf\",\n    Budl1dq: \"fiadc6h\"\n  },\n  enabled: {\n    B7wi8oa: \"f4l8x3l\",\n    B250r6j: \"f671q34\",\n    Bpmy4es: \"fvfzmw5\",\n    Buw9y6v: \"faw1t00\",\n    Bq939m0: \"fxdgx5\",\n    gjzr1t: \"fii04fa\",\n    tg7hqu: \"f36hzz8\",\n    ypdvl1: \"f1volkfw\",\n    Bw5jdd4: \"f1xddb6\",\n    Bdjie01: \"fcdikl\",\n    Bvh9j6m: \"fhpzgm6\",\n    Bvsvvpo: \"f1q6pm3h\"\n  },\n  disabled: {\n    Bpmy4es: \"foojseg\",\n    B7wi8oa: \"f1lgdqhv\",\n    B250r6j: \"f1veetlj\",\n    ypdvl1: \"fu12m3e\",\n    Bw5jdd4: \"fi9guym\",\n    Bdjie01: \"fcdjl4u\"\n  },\n  focusIndicatorHorizontal: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    Bssx7fj: \"f1b1k54r\",\n    uh7if5: [\"f4ne723\", \"fqqcjud\"],\n    clntm0: \"fh7aioi\",\n    Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n    Bm3wd5j: \"f1k55ka9\",\n    Bbrhkcr: [\"fgclinu\", \"f16pcs8n\"],\n    f1oku: \"fycbxed\",\n    aywvf2: [\"f16pcs8n\", \"fgclinu\"],\n    B2j2mmj: \"ffht0p2\",\n    wigs8: \"f1p0ul1q\",\n    pbfy6t: \"f1c901ms\",\n    B0v4ure: \"f1alokd7\",\n    Byrf0fs: 0,\n    Bsiemmq: 0,\n    Bwckmig: 0,\n    skfxo0: 0,\n    Iidy0u: 0,\n    B98u21t: 0,\n    Bvwlmkc: 0,\n    jo1ztg: 0,\n    Ba1iezr: 0,\n    Blmvk6g: 0,\n    B24cy0v: 0,\n    Bil7v7r: 0,\n    Br3gin4: 0,\n    nr063g: 0,\n    ghq09: 0,\n    Bbgo44z: 0,\n    Bseh09z: \"fmj8fco\",\n    az1dzo: 0,\n    Ba3ybja: 0,\n    B6352mv: 0,\n    vppk2z: 0,\n    Biaj6j7: \"f1iwowo3\",\n    B2pnrqr: \"f1pffoy2\",\n    B29w5g4: [\"f1bmyog6\", \"f15fv2gd\"],\n    Bhhzhcn: \"fs6b7xr\",\n    Bec0n69: [\"f15fv2gd\", \"f1bmyog6\"]\n  },\n  focusIndicatorVertical: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    Bssx7fj: \"f1b1k54r\",\n    uh7if5: [\"f4ne723\", \"fqqcjud\"],\n    clntm0: \"fh7aioi\",\n    Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n    Bm3wd5j: \"f1k55ka9\",\n    Bbrhkcr: [\"fgclinu\", \"f16pcs8n\"],\n    f1oku: \"fycbxed\",\n    aywvf2: [\"f16pcs8n\", \"fgclinu\"],\n    B2j2mmj: \"ffht0p2\",\n    wigs8: \"f1p0ul1q\",\n    pbfy6t: \"f1c901ms\",\n    B0v4ure: \"f1alokd7\",\n    Byrf0fs: 0,\n    Bsiemmq: 0,\n    Bwckmig: 0,\n    skfxo0: 0,\n    Iidy0u: 0,\n    B98u21t: 0,\n    Bvwlmkc: 0,\n    jo1ztg: 0,\n    Ba1iezr: 0,\n    Blmvk6g: 0,\n    B24cy0v: 0,\n    Bil7v7r: 0,\n    Br3gin4: 0,\n    nr063g: 0,\n    ghq09: 0,\n    Bbgo44z: 0,\n    Bseh09z: \"fmj8fco\",\n    az1dzo: 0,\n    Ba3ybja: 0,\n    B6352mv: 0,\n    vppk2z: 0,\n    Biaj6j7: \"f1iwowo3\",\n    B2pnrqr: \"f1hxpdv8\",\n    B29w5g4: [\"fm5xmfm\", \"femsgmt\"],\n    Bhhzhcn: \"f1dmxpeg\",\n    Bec0n69: [\"femsgmt\", \"fm5xmfm\"]\n  }\n}, {\n  d: [\".f10pi13n{position:relative;}\", \".fwk3njj{display:inline-grid;}\", \".f1sdsnyy{touch-action:none;}\", \".f122n59{align-items:center;}\", \".f1oiokrs{justify-items:center;}\", \".f1agqo6f{--fui-Slider__thumb--size:16px;}\", \".f1i7ztpd{--fui-Slider__rail--size:2px;}\", \".f1pha7fy{min-height:24px;}\", \".f1a78h9h{--fui-Slider__thumb--size:20px;}\", \".fuok0yf{--fui-Slider__rail--size:4px;}\", \".f1nxs5xn{min-height:32px;}\", \".fyvtabn{min-width:120px;}\", \".fgfd48t{grid-template-rows:1fr var(--fui-Slider__thumb--size) 1fr;}\", \".f4t5rw1{grid-template-columns:1fr calc(100% - var(--fui-Slider__thumb--size)) 1fr;}\", \".f1pzv1zu{min-height:120px;}\", \".fktlcaf{grid-template-rows:1fr calc(100% - var(--fui-Slider__thumb--size)) 1fr;}\", \".fiadc6h{grid-template-columns:1fr var(--fui-Slider__thumb--size) 1fr;}\", \".f4l8x3l{--fui-Slider__rail--color:var(--colorNeutralStrokeAccessible);}\", \".f671q34{--fui-Slider__progress--color:var(--colorCompoundBrandBackground);}\", \".fvfzmw5{--fui-Slider__thumb--color:var(--colorCompoundBrandBackground);}\", \".foojseg{--fui-Slider__thumb--color:var(--colorNeutralForegroundDisabled);}\", \".f1lgdqhv{--fui-Slider__rail--color:var(--colorNeutralBackgroundDisabled);}\", \".f1veetlj{--fui-Slider__progress--color:var(--colorNeutralForegroundDisabled);}\", \".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}\", \".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}\", \".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}\", \".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}\", \".ffht0p2[data-fui-focus-within]:focus-within::after{content:\\\"\\\";}\", \".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}\", \".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}\", \".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}\", [\".fmj8fco[data-fui-focus-within]:focus-within::after{border:2px solid var(--colorStrokeFocus2);}\", {\n    p: -2\n  }], [\".f1iwowo3[data-fui-focus-within]:focus-within::after{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".f1pffoy2[data-fui-focus-within]:focus-within::after{top:calc(0px - 2px - -2px);}\", \".f1bmyog6[data-fui-focus-within]:focus-within::after{right:calc(0px - 2px - 8px);}\", \".f15fv2gd[data-fui-focus-within]:focus-within::after{left:calc(0px - 2px - 8px);}\", \".fs6b7xr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - 2px - -2px);}\", [\".fmj8fco[data-fui-focus-within]:focus-within::after{border:2px solid var(--colorStrokeFocus2);}\", {\n    p: -2\n  }], [\".f1iwowo3[data-fui-focus-within]:focus-within::after{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".f1hxpdv8[data-fui-focus-within]:focus-within::after{top:calc(0px - 2px - 6px);}\", \".fm5xmfm[data-fui-focus-within]:focus-within::after{right:calc(0px - 2px - 4px);}\", \".femsgmt[data-fui-focus-within]:focus-within::after{left:calc(0px - 2px - 4px);}\", \".f1dmxpeg[data-fui-focus-within]:focus-within::after{bottom:calc(0px - 2px - 6px);}\"],\n  h: [\".faw1t00:hover{--fui-Slider__thumb--color:var(--colorCompoundBrandBackgroundHover);}\", \".fxdgx5:hover{--fui-Slider__progress--color:var(--colorCompoundBrandBackgroundHover);}\"],\n  a: [\".fii04fa:active{--fui-Slider__thumb--color:var(--colorCompoundBrandBackgroundPressed);}\", \".f36hzz8:active{--fui-Slider__progress--color:var(--colorCompoundBrandBackgroundPressed);}\"],\n  m: [[\"@media (forced-colors: active){.f1volkfw{--fui-Slider__rail--color:CanvasText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1xddb6{--fui-Slider__thumb--color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fcdikl{--fui-Slider__progress--color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fhpzgm6:hover{--fui-Slider__thumb--color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1q6pm3h:hover{--fui-Slider__progress--color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fu12m3e{--fui-Slider__rail--color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fi9guym{--fui-Slider__thumb--color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fcdjl4u{--fui-Slider__progress--color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1k55ka9[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f16pcs8n[data-fui-focus-within]:focus-within::after{border-left-color:Highlight;}.fgclinu[data-fui-focus-within]:focus-within::after{border-right-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fycbxed[data-fui-focus-within]:focus-within::after{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  f: [\".ftqa4ok:focus{outline-style:none;}\"],\n  i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\n/**\n * Styles for the rail slot\n */\nconst useRailStyles = /*#__PURE__*/__styles({\n  rail: {\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"f1kijzfu\",\n    Bkecrkj: \"f1aehjj5\",\n    Ijaq50: \"faunodf\",\n    nk6f5a: \"f88nxoq\",\n    Br312pm: \"fd46tj4\",\n    Bw0ie65: \"f1e2fz10\",\n    qhf8xq: \"f10pi13n\",\n    Bvjb7m6: \"fdgv6k0\",\n    Bcmaq0h: \"fizngqt\",\n    Bpd4iqm: \"fpvhumw\",\n    oeaueh: \"f1yog68k\",\n    Bw0xxkn: \"f13sgyd8\",\n    Ftih45: \"fzhtfnv\",\n    Brfgrao: \"f1j7ml58\",\n    Bbn5juq: \"fx36ao7\",\n    Brdvuy1: \"fux3rle\"\n  },\n  horizontal: {\n    a9b677: \"fly5x3f\",\n    Bqenvij: \"f1cy86ho\",\n    Fbdkly: [\"f1heqfse\", \"fkh49vu\"],\n    mdwyqc: [\"fkh49vu\", \"f1heqfse\"],\n    Baz25je: \"f16tdq4e\"\n  },\n  vertical: {\n    a9b677: \"fqxfnkd\",\n    Bqenvij: \"f1l02sjl\",\n    Ccq8qp: \"f1rik0od\",\n    Bciustq: \"f14xwovp\",\n    lawp4y: \"febq2dz\"\n  }\n}, {\n  d: [[\".f1kijzfu{border-radius:var(--borderRadiusXLarge);}\", {\n    p: -1\n  }], \".f1aehjj5{pointer-events:none;}\", \".faunodf{grid-row-start:2;}\", \".f88nxoq{grid-row-end:2;}\", \".fd46tj4{grid-column-start:2;}\", \".f1e2fz10{grid-column-end:2;}\", \".f10pi13n{position:relative;}\", \".fdgv6k0{forced-color-adjust:none;}\", \".fizngqt{background-image:linear-gradient(\\n      var(--fui-Slider--direction),\\n      var(--fui-Slider__progress--color) 0%,\\n      var(--fui-Slider__progress--color) var(--fui-Slider--progress),\\n      var(--fui-Slider__rail--color) var(--fui-Slider--progress)\\n    );}\", \".fpvhumw{outline-width:1px;}\", \".f1yog68k{outline-style:solid;}\", \".f13sgyd8{outline-color:var(--colorTransparentStroke);}\", \".fzhtfnv::before{content:'';}\", \".f1j7ml58::before{position:absolute;}\", \".fx36ao7::before{background-image:repeating-linear-gradient(\\n        var(--fui-Slider--direction),\\n        #0000 0%,\\n        #0000 calc(var(--fui-Slider--steps-percent) - 1px),\\n        var(--colorNeutralBackground1) calc(var(--fui-Slider--steps-percent) - 1px),\\n        var(--colorNeutralBackground1) var(--fui-Slider--steps-percent)\\n      );}\", \".fly5x3f{width:100%;}\", \".f1cy86ho{height:var(--fui-Slider__rail--size);}\", \".f1heqfse::before{left:-1px;}\", \".fkh49vu::before{right:-1px;}\", \".f16tdq4e::before{height:var(--fui-Slider__rail--size);}\", \".fqxfnkd{width:var(--fui-Slider__rail--size);}\", \".f1l02sjl{height:100%;}\", \".f1rik0od::before{width:var(--fui-Slider__rail--size);}\", \".f14xwovp::before{top:-1px;}\", \".febq2dz::before{bottom:1px;}\"],\n  m: [[\"@media (forced-colors: active){.fux3rle::before{background-image:repeating-linear-gradient(\\n          var(--fui-Slider--direction),\\n          #0000 0%,\\n          #0000 calc(var(--fui-Slider--steps-percent) - 1px),\\n          HighlightText calc(var(--fui-Slider--steps-percent) - 1px),\\n          HighlightText var(--fui-Slider--steps-percent)\\n        );}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\n/**\n * Styles for the thumb slot\n */\nconst useThumbStyles = /*#__PURE__*/__styles({\n  thumb: {\n    Ijaq50: \"faunodf\",\n    nk6f5a: \"f88nxoq\",\n    Br312pm: \"fd46tj4\",\n    Bw0ie65: \"f1e2fz10\",\n    qhf8xq: \"f1euv43f\",\n    a9b677: \"f174ca62\",\n    Bqenvij: \"f1yfdkfd\",\n    Bkecrkj: \"f1aehjj5\",\n    oeaueh: \"f1s6fcnf\",\n    Bvjb7m6: \"fdgv6k0\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"f44lkw9\",\n    E5pizo: \"fof7hq0\",\n    De3pzq: \"foksa45\",\n    Brfgrao: \"f1j7ml58\",\n    Bciustq: \"f14u7mkt\",\n    Fbdkly: [\"f5zrw40\", \"f1ks5ppg\"],\n    lawp4y: \"fto0uou\",\n    mdwyqc: [\"f1ks5ppg\", \"f5zrw40\"],\n    r59vdv: 0,\n    Budzafs: 0,\n    ck0cow: 0,\n    n07z76: 0,\n    Gng75u: \"fielpny\",\n    Bcvre1j: \"fyl8oag\",\n    Ftih45: \"fzhtfnv\",\n    Bcgcnre: 0,\n    Bqjgrrk: 0,\n    qa3bma: 0,\n    y0oebl: 0,\n    Biqmznv: 0,\n    Bm6vgfq: 0,\n    Bbv0w2i: 0,\n    uvfttm: 0,\n    eqrjj: 0,\n    Bk5zm6e: 0,\n    m598lv: 0,\n    B4f6apu: 0,\n    ydt019: 0,\n    Bq4z7u6: 0,\n    Bdkvgpv: 0,\n    B0qfbqy: 0,\n    kj8mxx: \"f1fsco4d\"\n  },\n  disabled: {\n    Bcgcnre: 0,\n    Bqjgrrk: 0,\n    qa3bma: 0,\n    y0oebl: 0,\n    Biqmznv: 0,\n    Bm6vgfq: 0,\n    Bbv0w2i: 0,\n    uvfttm: 0,\n    eqrjj: 0,\n    Bk5zm6e: 0,\n    m598lv: 0,\n    B4f6apu: 0,\n    ydt019: 0,\n    Bq4z7u6: 0,\n    Bdkvgpv: 0,\n    B0qfbqy: 0,\n    kj8mxx: \"f1pv9hn4\"\n  },\n  horizontal: {\n    Bz10aip: [\"f13gfj74\", \"f1nfknbn\"],\n    oyh7mz: [\"f1fj3zth\", \"fcf9u6w\"]\n  },\n  vertical: {\n    Bz10aip: \"f5cv5a3\",\n    B5kzvoi: \"feeniun\"\n  }\n}, {\n  d: [\".faunodf{grid-row-start:2;}\", \".f88nxoq{grid-row-end:2;}\", \".fd46tj4{grid-column-start:2;}\", \".f1e2fz10{grid-column-end:2;}\", \".f1euv43f{position:absolute;}\", \".f174ca62{width:var(--fui-Slider__thumb--size);}\", \".f1yfdkfd{height:var(--fui-Slider__thumb--size);}\", \".f1aehjj5{pointer-events:none;}\", \".f1s6fcnf{outline-style:none;}\", \".fdgv6k0{forced-color-adjust:none;}\", [\".f44lkw9{border-radius:var(--borderRadiusCircular);}\", {\n    p: -1\n  }], \".fof7hq0{box-shadow:0 0 0 calc(var(--fui-Slider__thumb--size) * .2) var(--colorNeutralBackground1) inset;}\", \".foksa45{background-color:var(--fui-Slider__thumb--color);}\", \".f1j7ml58::before{position:absolute;}\", \".f14u7mkt::before{top:0px;}\", \".f5zrw40::before{left:0px;}\", \".f1ks5ppg::before{right:0px;}\", \".fto0uou::before{bottom:0px;}\", [\".fielpny::before{border-radius:var(--borderRadiusCircular);}\", {\n    p: -1\n  }], \".fyl8oag::before{box-sizing:border-box;}\", \".fzhtfnv::before{content:'';}\", [\".f1fsco4d::before{border:calc(var(--fui-Slider__thumb--size) * .05) solid var(--colorNeutralStroke1);}\", {\n    p: -2\n  }], [\".f1pv9hn4::before{border:calc(var(--fui-Slider__thumb--size) * .05) solid var(--colorNeutralForegroundDisabled);}\", {\n    p: -2\n  }], \".f13gfj74{transform:translateX(-50%);}\", \".f1nfknbn{transform:translateX(50%);}\", \".f1fj3zth{left:var(--fui-Slider--progress);}\", \".fcf9u6w{right:var(--fui-Slider--progress);}\", \".f5cv5a3{transform:translateY(50%);}\", \".feeniun{bottom:var(--fui-Slider--progress);}\"]\n});\n/**\n * Styles for the Input slot\n */\nconst useInputStyles = /*#__PURE__*/__styles({\n  input: {\n    Bceei9c: \"f1k6fduh\",\n    abs64n: \"fk73vx1\",\n    Ijaq50: \"f16hsg94\",\n    nk6f5a: \"f1nzqi2z\",\n    Br312pm: \"fwpfdsa\",\n    Bw0ie65: \"fuur7zz\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1mk8lai\",\n    jrapky: 0,\n    Frg6f3: 0,\n    t21cq0: 0,\n    B6of3ja: 0,\n    B74szlk: \"f1s184ao\"\n  },\n  disabled: {\n    Bceei9c: \"f158kwzp\"\n  },\n  horizontal: {\n    Bqenvij: \"f1yfdkfd\",\n    a9b677: \"fly5x3f\"\n  },\n  vertical: {\n    Bqenvij: \"f1l02sjl\",\n    a9b677: \"f174ca62\",\n    Brp00wb: \"f1r9mf01\"\n  }\n}, {\n  d: [\".f1k6fduh{cursor:pointer;}\", \".fk73vx1{opacity:0;}\", \".f16hsg94{grid-row-start:1;}\", \".f1nzqi2z{grid-row-end:-1;}\", \".fwpfdsa{grid-column-start:1;}\", \".fuur7zz{grid-column-end:-1;}\", [\".f1mk8lai{padding:0;}\", {\n    p: -1\n  }], [\".f1s184ao{margin:0;}\", {\n    p: -1\n  }], \".f158kwzp{cursor:default;}\", \".f1yfdkfd{height:var(--fui-Slider__thumb--size);}\", \".fly5x3f{width:100%;}\", \".f1l02sjl{height:100%;}\", \".f174ca62{width:var(--fui-Slider__thumb--size);}\", \".f1r9mf01{-webkit-appearance:slider-vertical;}\"]\n});\n/**\n * Apply styling to the Slider slots based on the state\n */\nexport const useSliderStyles_unstable = state => {\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  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  state.rail.className = mergeClasses(sliderClassNames.rail, railStyles.rail, isVertical ? railStyles.vertical : railStyles.horizontal, state.rail.className);\n  state.thumb.className = mergeClasses(sliderClassNames.thumb, thumbStyles.thumb, isVertical ? thumbStyles.vertical : thumbStyles.horizontal, state.disabled && thumbStyles.disabled, state.thumb.className);\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//# sourceMappingURL=useSliderStyles.styles.js.map"],"names":["sliderClassNames","sliderCSSVars","useSliderStyles_unstable","root","rail","thumb","input","thumbSizeVar","railSizeVar","railColorVar","progressColorVar","thumbColorVar","sliderDirectionVar","sliderProgressVar","sliderStepsPercentVar","useRootStyles","__styles","qhf8xq","mc9l5x","lpbzjs","Bt984gj","B7hvi0a","small","Bi64ftq","Ba19x4e","sshi5w","medium","horizontal","Bf4jedk","wkccdc","Budl1dq","vertical","enabled","B7wi8oa","B250r6j","Bpmy4es","Buw9y6v","Bq939m0","gjzr1t","tg7hqu","ypdvl1","Bw5jdd4","Bdjie01","Bvh9j6m","Bvsvvpo","disabled","focusIndicatorHorizontal","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","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","Brdvuy1","a9b677","Bqenvij","Fbdkly","mdwyqc","Baz25je","Ccq8qp","Bciustq","lawp4y","useThumbStyles","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","Brp00wb","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","mergeClasses","size"],"mappings":"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"}
+{"version":3,"sources":["useSliderStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\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 thumbSizeVar = `--fui-Slider__thumb--size`;\nconst railSizeVar = `--fui-Slider__rail--size`;\nconst railColorVar = `--fui-Slider__rail--color`;\nconst progressColorVar = `--fui-Slider__progress--color`;\nconst thumbColorVar = `--fui-Slider__thumb--color`;\nexport const sliderCSSVars = {\n    sliderDirectionVar: `--fui-Slider--direction`,\n    sliderProgressVar: `--fui-Slider--progress`,\n    sliderStepsPercentVar: `--fui-Slider--steps-percent`\n};\nconst { sliderDirectionVar, sliderStepsPercentVar, sliderProgressVar } = 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        [thumbSizeVar]: '16px',\n        [railSizeVar]: '2px',\n        minHeight: '24px'\n    },\n    medium: {\n        [thumbSizeVar]: '20px',\n        [railSizeVar]: '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(${thumbSizeVar}) 1fr`,\n        gridTemplateColumns: `1fr calc(100% - var(${thumbSizeVar})) 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(${thumbSizeVar})) 1fr`,\n        gridTemplateColumns: `1fr var(${thumbSizeVar}) 1fr`\n    },\n    enabled: {\n        [railColorVar]: tokens.colorNeutralStrokeAccessible,\n        [progressColorVar]: tokens.colorCompoundBrandBackground,\n        [thumbColorVar]: tokens.colorCompoundBrandBackground,\n        ':hover': {\n            [thumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n            [progressColorVar]: tokens.colorCompoundBrandBackgroundHover\n        },\n        ':active': {\n            [thumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n            [progressColorVar]: tokens.colorCompoundBrandBackgroundPressed\n        },\n        '@media (forced-colors: active)': {\n            [railColorVar]: 'CanvasText',\n            [thumbColorVar]: 'Highlight',\n            [progressColorVar]: 'Highlight',\n            ':hover': {\n                [thumbColorVar]: 'Highlight',\n                [progressColorVar]: 'Highlight'\n            }\n        }\n    },\n    disabled: {\n        [thumbColorVar]: tokens.colorNeutralForegroundDisabled,\n        [railColorVar]: tokens.colorNeutralBackgroundDisabled,\n        [progressColorVar]: tokens.colorNeutralForegroundDisabled,\n        '@media (forced-colors: active)': {\n            [railColorVar]: 'GrayText',\n            [thumbColorVar]: 'GrayText',\n            [progressColorVar]: 'GrayText'\n        }\n    },\n    focusIndicatorHorizontal: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '-2px',\n                bottom: '-2px',\n                left: '8px',\n                right: '8px'\n            }\n        }\n    }),\n    focusIndicatorVertical: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '6px',\n                bottom: '6px',\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(${progressColorVar}) 0%,\n      var(${progressColorVar}) var(${sliderProgressVar}),\n      var(${railColorVar}) 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(${railSizeVar})`,\n        '::before': {\n            left: '-1px',\n            right: '-1px',\n            height: `var(${railSizeVar})`\n        }\n    },\n    vertical: {\n        width: `var(${railSizeVar})`,\n        height: '100%',\n        '::before': {\n            width: `var(${railSizeVar})`,\n            top: '-1px',\n            bottom: '1px'\n        }\n    }\n});\n/**\n * Styles for the thumb slot\n */ const useThumbStyles = makeStyles({\n    thumb: {\n        gridRowStart: '2',\n        gridRowEnd: '2',\n        gridColumnStart: '2',\n        gridColumnEnd: '2',\n        position: 'absolute',\n        width: `var(${thumbSizeVar})`,\n        height: `var(${thumbSizeVar})`,\n        pointerEvents: 'none',\n        outlineStyle: 'none',\n        forcedColorAdjust: 'none',\n        borderRadius: tokens.borderRadiusCircular,\n        boxShadow: `0 0 0 calc(var(${thumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n        backgroundColor: `var(${thumbColorVar})`,\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(${thumbSizeVar}) * .05) solid ${tokens.colorNeutralStroke1}`\n        }\n    },\n    disabled: {\n        '::before': {\n            border: `calc(var(${thumbSizeVar}) * .05) solid ${tokens.colorNeutralForegroundDisabled}`\n        }\n    },\n    horizontal: {\n        transform: 'translateX(-50%)',\n        left: `var(${sliderProgressVar})`\n    },\n    vertical: {\n        transform: 'translateY(50%)',\n        bottom: `var(${sliderProgressVar})`\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(${thumbSizeVar})`,\n        width: '100%'\n    },\n    vertical: {\n        height: '100%',\n        width: `var(${thumbSizeVar})`,\n        '-webkit-appearance': 'slider-vertical'\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    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    state.rail.className = mergeClasses(sliderClassNames.rail, railStyles.rail, isVertical ? railStyles.vertical : railStyles.horizontal, state.rail.className);\n    state.thumb.className = mergeClasses(sliderClassNames.thumb, thumbStyles.thumb, isVertical ? thumbStyles.vertical : thumbStyles.horizontal, state.disabled && thumbStyles.disabled, state.thumb.className);\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":["sliderCSSVars","sliderClassNames","useSliderStyles_unstable","root","rail","thumb","input","thumbSizeVar","railSizeVar","railColorVar","progressColorVar","thumbColorVar","sliderDirectionVar","sliderProgressVar","sliderStepsPercentVar","useRootStyles","__styles","qhf8xq","mc9l5x","lpbzjs","Bt984gj","B7hvi0a","small","Bi64ftq","Ba19x4e","sshi5w","medium","horizontal","Bf4jedk","wkccdc","Budl1dq","vertical","enabled","B7wi8oa","B250r6j","Bpmy4es","Buw9y6v","Bq939m0","gjzr1t","tg7hqu","ypdvl1","Bw5jdd4","Bdjie01","Bvh9j6m","Bvsvvpo","disabled","focusIndicatorHorizontal","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","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","Brdvuy1","a9b677","Bqenvij","Fbdkly","mdwyqc","Baz25je","Ccq8qp","Bciustq","lawp4y","useThumbStyles","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","Brp00wb","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","mergeClasses","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/index.js

@@ -15,12 +15,12 @@ _export(exports, {
     renderSlider_unstable: function() {
         return _Slider.renderSlider_unstable;
     },
-    sliderClassNames: function() {
-        return _Slider.sliderClassNames;
-    },
     sliderCSSVars: function() {
         return _Slider.sliderCSSVars;
     },
+    sliderClassNames: function() {
+        return _Slider.sliderClassNames;
+    },
     useSliderState_unstable: function() {
         return _Slider.useSliderState_unstable;
     },

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { Slider, renderSlider_unstable, sliderClassNames, sliderCSSVars, useSliderState_unstable, useSliderStyles_unstable, useSlider_unstable } from './Slider';\n"],"names":["Slider","renderSlider_unstable","sliderClassNames","sliderCSSVars","useSliderState_unstable","useSliderStyles_unstable","useSlider_unstable"],"mappings":";;;;;;;;;;;IAASA,MAAM;eAANA,cAAM;;IAAEC,qBAAqB;eAArBA,6BAAqB;;IAAEC,gBAAgB;eAAhBA,wBAAgB;;IAAEC,aAAa;eAAbA,qBAAa;;IAAEC,uBAAuB;eAAvBA,+BAAuB;;IAAEC,wBAAwB;eAAxBA,gCAAwB;;IAAEC,kBAAkB;eAAlBA,0BAAkB;;;wBAAQ"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  Slider,\n  renderSlider_unstable,\n  sliderClassNames,\n  sliderCSSVars,\n  useSliderState_unstable,\n  useSliderStyles_unstable,\n  useSlider_unstable,\n} from './Slider';\nexport type { SliderOnChangeData, SliderProps, SliderSlots, SliderState } from './Slider';\n"],"names":["Slider","renderSlider_unstable","sliderCSSVars","sliderClassNames","useSliderState_unstable","useSliderStyles_unstable","useSlider_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,MAAM;eAANA,cAAM;;IACNC,qBAAqB;eAArBA,6BAAqB;;IAErBC,aAAa;eAAbA,qBAAa;;IADbC,gBAAgB;eAAhBA,wBAAgB;;IAEhBC,uBAAuB;eAAvBA,+BAAuB;;IACvBC,wBAAwB;eAAxBA,gCAAwB;;IACxBC,kBAAkB;eAAlBA,0BAAkB;;;wBACb"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-slider",
-  "version": "9.1.87",
+  "version": "9.1.88",
   "description": "Fluent UI React Slider component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -33,12 +33,12 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.69",
-    "@fluentui/react-jsx-runtime": "^9.0.40",
-    "@fluentui/react-shared-contexts": "^9.19.0",
-    "@fluentui/react-tabster": "^9.22.1",
+    "@fluentui/react-field": "^9.1.70",
+    "@fluentui/react-jsx-runtime": "^9.0.41",
+    "@fluentui/react-shared-contexts": "^9.19.1",
+    "@fluentui/react-tabster": "^9.22.2",
     "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-utilities": "^9.18.11",
+    "@fluentui/react-utilities": "^9.18.12",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },