@fluentui/react-slider 9.1.16 → 9.1.17

package/CHANGELOG.json

@@ -2,7 +2,58 @@
   "name": "@fluentui/react-slider",
   "entries": [
     {
-      "date": "Thu, 25 May 2023 09:57:45 GMT",
+      "date": "Wed, 31 May 2023 06:43:01 GMT",
+      "tag": "@fluentui/react-slider_v9.1.17",
+      "version": "9.1.17",
+      "comments": {
+        "patch": [
+          {
+            "author": "seanmonahan@microsoft.com",
+            "package": "@fluentui/react-slider",
+            "commit": "d640b972d7ac86bfb76ae6c6329f12cdd33b3b7c",
+            "comment": "chore: Update Griffel to v1.5.7."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-field to v9.1.6",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-tabster to v9.7.5",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-utilities to v9.9.2",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-label to v9.1.15",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 25 May 2023 10:00:48 GMT",
       "tag": "@fluentui/react-slider_v9.1.16",
       "version": "9.1.16",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,27 @@
 # Change Log - @fluentui/react-slider
 
-This log was last generated on Thu, 25 May 2023 09:57:45 GMT and should not be manually modified.
+This log was last generated on Wed, 31 May 2023 06:43:01 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.1.17)
+
+Wed, 31 May 2023 06:43:01 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.1.16..@fluentui/react-slider_v9.1.17)
+
+### Patches
+
+- chore: Update Griffel to v1.5.7. ([PR #27925](https://github.com/microsoft/fluentui/pull/27925) by seanmonahan@microsoft.com)
+- Bump @fluentui/react-field to v9.1.6 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-tabster to v9.7.5 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-utilities to v9.9.2 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-label to v9.1.15 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+
 ## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.1.16)
 
-Thu, 25 May 2023 09:57:45 GMT 
+Thu, 25 May 2023 10:00:48 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.1.15..@fluentui/react-slider_v9.1.16)
 
 ### Patches

package/lib/Slider.js

@@ -1,2 +1 @@
 export * from './components/Slider/index';
-//# sourceMappingURL=Slider.js.map

package/lib/Slider.js.map

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

package/lib/components/Slider/Slider.js

@@ -5,12 +5,10 @@ import { useSliderStyles_unstable } from './useSliderStyles.styles';
 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) => {
-  const state = useSlider_unstable(props, ref);
-  useSliderStyles_unstable(state);
-  useCustomStyleHook_unstable('useSliderStyles_unstable')(state);
-  return renderSlider_unstable(state);
+ */ export const Slider = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useSlider_unstable(props, ref);
+    useSliderStyles_unstable(state);
+    useCustomStyleHook_unstable('useSliderStyles_unstable')(state);
+    return renderSlider_unstable(state);
 });
 Slider.displayName = 'Slider';
-//# sourceMappingURL=Slider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSlider_unstable","renderSlider_unstable","useSliderStyles_unstable","useCustomStyleHook_unstable","Slider","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/Slider/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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,wBAAwB,QAAQ;AAGzC,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,MAAA,gBAA2CL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACvF,MAAMC,KAAA,GAAQR,kBAAA,CAAmBM,KAAA,EAAOC,GAAA;EAExCL,wBAAA,CAAyBM,KAAA;EAEzBL,2BAAA,CAA4B,4BAA4BK,KAAA;EAExD,OAAOP,qBAAA,CAAsBO,KAAA;AAC/B;AACAJ,MAAA,CAAOK,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"],"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,MAAQ;IACvF,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

@@ -1,2 +1 @@
 import * as React from 'react';
-//# sourceMappingURL=Slider.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React"],"sources":["../../../src/components/Slider/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  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"],"mappings":"AAAA,YAAYA,KAAA,MAAW"}
+{"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  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"}

package/lib/components/Slider/index.js

@@ -4,4 +4,3 @@ export * from './renderSlider';
 export * from './useSlider';
 export { useSliderState_unstable } from './useSliderState';
 export { sliderClassNames, sliderCSSVars, useSliderStyles_unstable } from './useSliderStyles.styles';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useSliderState_unstable","sliderClassNames","sliderCSSVars","useSliderStyles_unstable"],"sources":["../../../src/components/Slider/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"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,uBAAuB,QAAQ;AACxC,SAASC,gBAAgB,EAAEC,aAAa,EAAEC,wBAAwB,QAAQ"}
+{"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"}

package/lib/components/Slider/renderSlider.js

@@ -1,13 +1,8 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of Slider
- */
-export const renderSlider_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(slots.root, slotProps.root, /*#__PURE__*/createElement(slots.input, slotProps.input), /*#__PURE__*/createElement(slots.rail, slotProps.rail), /*#__PURE__*/createElement(slots.thumb, slotProps.thumb));
+ */ export const renderSlider_unstable = (state)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(slots.input, slotProps.input), /*#__PURE__*/ createElement(slots.rail, slotProps.rail), /*#__PURE__*/ createElement(slots.thumb, slotProps.thumb));
 };
-//# sourceMappingURL=renderSlider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createElement","getSlotsNext","renderSlider_unstable","state","slots","slotProps","root","input","rail","thumb"],"sources":["../../../src/components/Slider/renderSlider.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } 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  const { slots, slotProps } = getSlotsNext<SliderSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.input {...slotProps.input} />\n      <slots.rail {...slotProps.rail} />\n      <slots.thumb {...slotProps.thumb} />\n    </slots.root>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B;;;AAGA,OAAO,MAAMC,qBAAA,GAAyBC,KAAA,IAAuB;EAC3D,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAA0BE,KAAA;EAEvD,oBACEH,aAdJ,CAcKI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI,eAC5BN,aAfN,CAeOI,KAAA,CAAMG,KAAK,EAAKF,SAAA,CAAUE,KAAK,gBAChCP,aAhBN,CAgBOI,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI,gBAC9BR,aAjBN,CAiBOI,KAAA,CAAMK,KAAK,EAAKJ,SAAA,CAAUI,KAAK;AAGtC"}
+{"version":3,"sources":["renderSlider.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } 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  const { slots, slotProps } = getSlotsNext<SliderSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.input {...slotProps.input} />\n      <slots.rail {...slotProps.rail} />\n      <slots.thumb {...slotProps.thumb} />\n    </slots.root>\n  );\n};\n"],"names":["createElement","getSlotsNext","renderSlider_unstable","state","slots","slotProps","root","input","rail","thumb"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,wBAAwB,CAACC,QAAuB;IAC3D,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAA0BE;IAEvD,qBACE,AAdJ,cAcKC,MAAME,IAAI,EAAKD,UAAUC,IAAI,gBAC5B,AAfN,cAeOF,MAAMG,KAAK,EAAKF,UAAUE,KAAK,iBAChC,AAhBN,cAgBOH,MAAMI,IAAI,EAAKH,UAAUG,IAAI,iBAC9B,AAjBN,cAiBOJ,MAAMK,KAAK,EAAKJ,UAAUI,KAAK;AAGtC,EAAE"}

package/lib/components/Slider/useSlider.js

@@ -3,59 +3,53 @@ import { useFieldControlProps_unstable } from '@fluentui/react-field';
 import { getPartitionedNativeProps, resolveShorthand, useId, useMergedRefs } from '@fluentui/react-utilities';
 import { useSliderState_unstable } from './useSliderState';
 import { useFocusWithin } from '@fluentui/react-tabster';
-export const useSlider_unstable = (props, ref) => {
-  // Merge props from surrounding <Field>, if any
-  props = useFieldControlProps_unstable(props, {
-    supportsLabelFor: true
-  });
-  const nativeProps = getPartitionedNativeProps({
-    props,
-    primarySlotTagName: 'input',
-    excludedPropNames: ['onChange', 'size']
-  });
-  const {
-    disabled,
-    vertical,
-    size = 'medium',
-    // Slots
-    root,
-    input,
-    rail,
-    thumb
-  } = props;
-  const state = {
-    disabled,
-    size,
-    vertical,
-    components: {
-      input: 'input',
-      rail: 'div',
-      root: 'div',
-      thumb: 'div'
-    },
-    root: resolveShorthand(root, {
-      required: true,
-      defaultProps: nativeProps.root
-    }),
-    input: resolveShorthand(input, {
-      required: true,
-      defaultProps: {
-        id: useId('slider-', props.id),
-        ref,
-        ...nativeProps.primary,
-        type: 'range',
-        orient: vertical ? 'vertical' : undefined
-      }
-    }),
-    rail: resolveShorthand(rail, {
-      required: true
-    }),
-    thumb: resolveShorthand(thumb, {
-      required: true
-    })
-  };
-  state.root.ref = useMergedRefs(state.root.ref, useFocusWithin());
-  useSliderState_unstable(state, props);
-  return state;
+export const useSlider_unstable = (props, ref)=>{
+    // Merge props from surrounding <Field>, if any
+    props = useFieldControlProps_unstable(props, {
+        supportsLabelFor: true
+    });
+    const nativeProps = getPartitionedNativeProps({
+        props,
+        primarySlotTagName: 'input',
+        excludedPropNames: [
+            'onChange',
+            'size'
+        ]
+    });
+    const { disabled , vertical , size ='medium' , // Slots
+    root , input , rail , thumb  } = props;
+    const state = {
+        disabled,
+        size,
+        vertical,
+        components: {
+            input: 'input',
+            rail: 'div',
+            root: 'div',
+            thumb: 'div'
+        },
+        root: resolveShorthand(root, {
+            required: true,
+            defaultProps: nativeProps.root
+        }),
+        input: resolveShorthand(input, {
+            required: true,
+            defaultProps: {
+                id: useId('slider-', props.id),
+                ref,
+                ...nativeProps.primary,
+                type: 'range',
+                orient: vertical ? 'vertical' : undefined
+            }
+        }),
+        rail: resolveShorthand(rail, {
+            required: true
+        }),
+        thumb: resolveShorthand(thumb, {
+            required: true
+        })
+    };
+    state.root.ref = useMergedRefs(state.root.ref, useFocusWithin());
+    useSliderState_unstable(state, props);
+    return state;
 };
-//# sourceMappingURL=useSlider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useFieldControlProps_unstable","getPartitionedNativeProps","resolveShorthand","useId","useMergedRefs","useSliderState_unstable","useFocusWithin","useSlider_unstable","props","ref","supportsLabelFor","nativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","size","root","input","rail","thumb","state","components","required","defaultProps","id","primary","type","orient","undefined"],"sources":["../../../src/components/Slider/useSlider.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, resolveShorthand, useId, useMergedRefs } 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: resolveShorthand(root, {\n      required: true,\n      defaultProps: nativeProps.root,\n    }),\n    input: resolveShorthand(input, {\n      required: true,\n      defaultProps: {\n        id: useId('slider-', props.id),\n        ref,\n        ...nativeProps.primary,\n        type: 'range',\n        orient: vertical ? 'vertical' : undefined,\n      },\n    }),\n    rail: resolveShorthand(rail, { required: true }),\n    thumb: resolveShorthand(thumb, { required: true }),\n  };\n\n  state.root.ref = useMergedRefs(state.root.ref, useFocusWithin<HTMLDivElement>());\n\n  useSliderState_unstable(state, props);\n\n  return state;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,6BAA6B,QAAQ;AAC9C,SAASC,yBAAyB,EAAEC,gBAAgB,EAAEC,KAAK,EAAEC,aAAa,QAAQ;AAClF,SAASC,uBAAuB,QAAQ;AAExC,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,kBAAA,GAAqBA,CAACC,KAAA,EAAoBC,GAAA,KAAkD;EACvG;EACAD,KAAA,GAAQR,6BAAA,CAA8BQ,KAAA,EAAO;IAAEE,gBAAA,EAAkB;EAAK;EAEtE,MAAMC,WAAA,GAAcV,yBAAA,CAA0B;IAC5CO,KAAA;IACAI,kBAAA,EAAoB;IACpBC,iBAAA,EAAmB,CAAC,YAAY;EAClC;EAEA,MAAM;IACJC,QAAA;IACAC,QAAA;IACAC,IAAA,GAAO;IACP;IACAC,IAAA;IACAC,KAAA;IACAC,IAAA;IACAC;EAAK,CACN,GAAGZ,KAAA;EAEJ,MAAMa,KAAA,GAAqB;IACzBP,QAAA;IACAE,IAAA;IACAD,QAAA;IACAO,UAAA,EAAY;MACVJ,KAAA,EAAO;MACPC,IAAA,EAAM;MACNF,IAAA,EAAM;MACNG,KAAA,EAAO;IACT;IACAH,IAAA,EAAMf,gBAAA,CAAiBe,IAAA,EAAM;MAC3BM,QAAA,EAAU,IAAI;MACdC,YAAA,EAAcb,WAAA,CAAYM;IAC5B;IACAC,KAAA,EAAOhB,gBAAA,CAAiBgB,KAAA,EAAO;MAC7BK,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QACZC,EAAA,EAAItB,KAAA,CAAM,WAAWK,KAAA,CAAMiB,EAAE;QAC7BhB,GAAA;QACA,GAAGE,WAAA,CAAYe,OAAO;QACtBC,IAAA,EAAM;QACNC,MAAA,EAAQb,QAAA,GAAW,aAAac;MAClC;IACF;IACAV,IAAA,EAAMjB,gBAAA,CAAiBiB,IAAA,EAAM;MAAEI,QAAA,EAAU;IAAK;IAC9CH,KAAA,EAAOlB,gBAAA,CAAiBkB,KAAA,EAAO;MAAEG,QAAA,EAAU;IAAK;EAClD;EAEAF,KAAA,CAAMJ,IAAI,CAACR,GAAG,GAAGL,aAAA,CAAciB,KAAA,CAAMJ,IAAI,CAACR,GAAG,EAAEH,cAAA;EAE/CD,uBAAA,CAAwBgB,KAAA,EAAOb,KAAA;EAE/B,OAAOa,KAAA;AACT"}
+{"version":3,"sources":["useSlider.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, resolveShorthand, useId, useMergedRefs } 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: resolveShorthand(root, {\n      required: true,\n      defaultProps: nativeProps.root,\n    }),\n    input: resolveShorthand(input, {\n      required: true,\n      defaultProps: {\n        id: useId('slider-', props.id),\n        ref,\n        ...nativeProps.primary,\n        type: 'range',\n        orient: vertical ? 'vertical' : undefined,\n      },\n    }),\n    rail: resolveShorthand(rail, { required: true }),\n    thumb: resolveShorthand(thumb, { required: true }),\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","resolveShorthand","useId","useMergedRefs","useSliderState_unstable","useFocusWithin","useSlider_unstable","props","ref","supportsLabelFor","nativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","size","root","input","rail","thumb","state","components","required","defaultProps","id","primary","type","orient","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,6BAA6B,QAAQ,wBAAwB;AACtE,SAASC,yBAAyB,EAAEC,gBAAgB,EAAEC,KAAK,EAAEC,aAAa,QAAQ,4BAA4B;AAC9G,SAASC,uBAAuB,QAAQ,mBAAmB;AAE3D,SAASC,cAAc,QAAQ,0BAA0B;AAEzD,OAAO,MAAMC,qBAAqB,CAACC,OAAoBC,MAAkD;IACvG,+CAA+C;IAC/CD,QAAQR,8BAA8BQ,OAAO;QAAEE,kBAAkB,IAAI;IAAC;IAEtE,MAAMC,cAAcV,0BAA0B;QAC5CO;QACAI,oBAAoB;QACpBC,mBAAmB;YAAC;YAAY;SAAO;IACzC;IAEA,MAAM,EACJC,SAAQ,EACRC,SAAQ,EACRC,MAAO,SAAQ,EACf,QAAQ;IACRC,KAAI,EACJC,MAAK,EACLC,KAAI,EACJC,MAAK,EACN,GAAGZ;IAEJ,MAAMa,QAAqB;QACzBP;QACAE;QACAD;QACAO,YAAY;YACVJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACT;QACAH,MAAMf,iBAAiBe,MAAM;YAC3BM,UAAU,IAAI;YACdC,cAAcb,YAAYM,IAAI;QAChC;QACAC,OAAOhB,iBAAiBgB,OAAO;YAC7BK,UAAU,IAAI;YACdC,cAAc;gBACZC,IAAItB,MAAM,WAAWK,MAAMiB,EAAE;gBAC7BhB;gBACA,GAAGE,YAAYe,OAAO;gBACtBC,MAAM;gBACNC,QAAQb,WAAW,aAAac,SAAS;YAC3C;QACF;QACAV,MAAMjB,iBAAiBiB,MAAM;YAAEI,UAAU,IAAI;QAAC;QAC9CH,OAAOlB,iBAAiBkB,OAAO;YAAEG,UAAU,IAAI;QAAC;IAClD;IAEAF,MAAMJ,IAAI,CAACR,GAAG,GAAGL,cAAciB,MAAMJ,IAAI,CAACR,GAAG,EAAEH;IAE/CD,wBAAwBgB,OAAOb;IAE/B,OAAOa;AACT,EAAE"}

package/lib/components/Slider/useSliderState.js

@@ -2,57 +2,44 @@ import * as React from 'react';
 import { clamp, useControllableState, useEventCallback } from '@fluentui/react-utilities';
 import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
 import { sliderCSSVars } from './useSliderStyles.styles';
-const {
-  sliderStepsPercentVar,
-  sliderProgressVar,
-  sliderDirectionVar
-} = sliderCSSVars;
-const getPercent = (value, min, max) => {
-  return max === min ? 0 : (value - min) / (max - min) * 100;
+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) => {
-  const {
-    defaultValue = 0,
-    min = 0,
-    max = 100,
-    step,
-    value
-  } = props;
-  const {
-    dir
-  } = useFluent();
-  const [currentValue, setCurrentValue] = useControllableState({
-    state: value !== undefined ? clamp(value, min, max) : undefined,
-    defaultState: clamp(defaultValue, min, max),
-    initialState: 0
-  });
-  const valuePercent = getPercent(currentValue, min, max);
-  const inputOnChange = state.input.onChange;
-  const propsOnChange = props.onChange;
-  const onChange = useEventCallback(ev => {
-    const newValue = Number(ev.target.value);
-    setCurrentValue(clamp(newValue, min, max));
-    if (inputOnChange && inputOnChange !== propsOnChange) {
-      inputOnChange(ev);
-    } else if (propsOnChange) {
-      propsOnChange(ev, {
-        value: newValue
-      });
-    }
-  });
-  const rootVariables = {
-    [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',
-    [sliderStepsPercentVar]: step && step > 0 ? `${step * 100 / (max - min)}%` : '',
-    [sliderProgressVar]: `${valuePercent}%`
-  };
-  // Root props
-  state.root.style = {
-    ...rootVariables,
-    ...state.root.style
-  };
-  // Input Props
-  state.input.value = currentValue;
-  state.input.onChange = onChange;
-  return state;
+export const useSliderState_unstable = (state, props)=>{
+    const { defaultValue =0 , min =0 , max =100 , step , value  } = props;
+    const { dir  } = useFluent();
+    const [currentValue, setCurrentValue] = useControllableState({
+        state: value !== undefined ? clamp(value, min, max) : undefined,
+        defaultState: clamp(defaultValue, min, max),
+        initialState: 0
+    });
+    const valuePercent = getPercent(currentValue, min, max);
+    const inputOnChange = state.input.onChange;
+    const propsOnChange = props.onChange;
+    const onChange = useEventCallback((ev)=>{
+        const newValue = Number(ev.target.value);
+        setCurrentValue(clamp(newValue, min, max));
+        if (inputOnChange && inputOnChange !== propsOnChange) {
+            inputOnChange(ev);
+        } else if (propsOnChange) {
+            propsOnChange(ev, {
+                value: newValue
+            });
+        }
+    });
+    const rootVariables = {
+        [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',
+        [sliderStepsPercentVar]: step && step > 0 ? `${step * 100 / (max - min)}%` : '',
+        [sliderProgressVar]: `${valuePercent}%`
+    };
+    // Root props
+    state.root.style = {
+        ...rootVariables,
+        ...state.root.style
+    };
+    // Input Props
+    state.input.value = currentValue;
+    state.input.onChange = onChange;
+    return state;
 };
-//# sourceMappingURL=useSliderState.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","clamp","useControllableState","useEventCallback","useFluent_unstable","useFluent","sliderCSSVars","sliderStepsPercentVar","sliderProgressVar","sliderDirectionVar","getPercent","value","min","max","useSliderState_unstable","state","props","defaultValue","step","dir","currentValue","setCurrentValue","undefined","defaultState","initialState","valuePercent","inputOnChange","input","onChange","propsOnChange","ev","newValue","Number","target","rootVariables","vertical","root","style"],"sources":["../../../src/components/Slider/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  const { defaultValue = 0, min = 0, max = 100, step, value } = props;\n  const { dir } = useFluent();\n  const [currentValue, setCurrentValue] = useControllableState({\n    state: value !== undefined ? clamp(value, min, max) : undefined,\n    defaultState: clamp(defaultValue, min, max),\n    initialState: 0,\n  });\n  const valuePercent = getPercent(currentValue, 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 = currentValue;\n  state.input.onChange = onChange;\n\n  return state;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,KAAK,EAAEC,oBAAoB,EAAEC,gBAAgB,QAAQ;AAC9D,SAASC,kBAAA,IAAsBC,SAAS,QAAQ;AAChD,SAASC,aAAa,QAAQ;AAG9B,MAAM;EAAEC,qBAAA;EAAuBC,iBAAA;EAAmBC;AAAkB,CAAE,GAAGH,aAAA;AAEzE,MAAMI,UAAA,GAAaA,CAACC,KAAA,EAAeC,GAAA,EAAaC,GAAA,KAAgB;EAC9D,OAAOA,GAAA,KAAQD,GAAA,GAAM,IAAI,CAAED,KAAA,GAAQC,GAAE,KAAMC,GAAA,GAAMD,GAAE,IAAM,GAAG;AAC9D;AAEA,OAAO,MAAME,uBAAA,GAA0BA,CAACC,KAAA,EAAoBC,KAAA,KAAuB;EACjF,MAAM;IAAEC,YAAA,GAAe;IAAGL,GAAA,GAAM;IAAGC,GAAA,GAAM;IAAKK,IAAA;IAAMP;EAAK,CAAE,GAAGK,KAAA;EAC9D,MAAM;IAAEG;EAAG,CAAE,GAAGd,SAAA;EAChB,MAAM,CAACe,YAAA,EAAcC,eAAA,CAAgB,GAAGnB,oBAAA,CAAqB;IAC3Da,KAAA,EAAOJ,KAAA,KAAUW,SAAA,GAAYrB,KAAA,CAAMU,KAAA,EAAOC,GAAA,EAAKC,GAAA,IAAOS,SAAS;IAC/DC,YAAA,EAActB,KAAA,CAAMgB,YAAA,EAAcL,GAAA,EAAKC,GAAA;IACvCW,YAAA,EAAc;EAChB;EACA,MAAMC,YAAA,GAAef,UAAA,CAAWU,YAAA,EAAcR,GAAA,EAAKC,GAAA;EAEnD,MAAMa,aAAA,GAAgBX,KAAA,CAAMY,KAAK,CAACC,QAAQ;EAC1C,MAAMC,aAAA,GAAgBb,KAAA,CAAMY,QAAQ;EAEpC,MAAMA,QAAA,GAAuDzB,gBAAA,CAAiB2B,EAAA,IAAM;IAClF,MAAMC,QAAA,GAAWC,MAAA,CAAOF,EAAA,CAAGG,MAAM,CAACtB,KAAK;IACvCU,eAAA,CAAgBpB,KAAA,CAAM8B,QAAA,EAAUnB,GAAA,EAAKC,GAAA;IAErC,IAAIa,aAAA,IAAiBA,aAAA,KAAkBG,aAAA,EAAe;MACpDH,aAAA,CAAcI,EAAA;IAChB,OAAO,IAAID,aAAA,EAAe;MACxBA,aAAA,CAAcC,EAAA,EAAI;QAAEnB,KAAA,EAAOoB;MAAS;IACtC;EACF;EAEA,MAAMG,aAAA,GAAgB;IACpB,CAACzB,kBAAA,GAAqBM,KAAA,CAAMoB,QAAQ,GAAG,SAAShB,GAAA,KAAQ,QAAQ,UAAU,QAAQ;IAClF,CAACZ,qBAAA,GAAwBW,IAAA,IAAQA,IAAA,GAAO,IAAK,GAAEA,IAAC,GAAO,OAAQL,GAAA,GAAMD,GAAE,CAAG,GAAE,GAAG,EAAE;IACjF,CAACJ,iBAAA,GAAqB,GAAEiB,YAAa;EACvC;EAEA;EACAV,KAAA,CAAMqB,IAAI,CAACC,KAAK,GAAG;IACjB,GAAGH,aAAa;IAChB,GAAGnB,KAAA,CAAMqB,IAAI,CAACC;EAChB;EAEA;EACAtB,KAAA,CAAMY,KAAK,CAAChB,KAAK,GAAGS,YAAA;EACpBL,KAAA,CAAMY,KAAK,CAACC,QAAQ,GAAGA,QAAA;EAEvB,OAAOb,KAAA;AACT"}
+{"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  const { defaultValue = 0, min = 0, max = 100, step, value } = props;\n  const { dir } = useFluent();\n  const [currentValue, setCurrentValue] = useControllableState({\n    state: value !== undefined ? clamp(value, min, max) : undefined,\n    defaultState: clamp(defaultValue, min, max),\n    initialState: 0,\n  });\n  const valuePercent = getPercent(currentValue, 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 = currentValue;\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","defaultValue","step","dir","currentValue","setCurrentValue","undefined","defaultState","initialState","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,sBAAqB,EAAEC,kBAAiB,EAAEC,mBAAkB,EAAE,GAAGH;AAEzE,MAAMI,aAAa,CAACC,OAAeC,KAAaC,MAAgB;IAC9D,OAAOA,QAAQD,MAAM,IAAI,AAAED,CAAAA,QAAQC,GAAE,IAAMC,CAAAA,MAAMD,GAAE,IAAM,GAAG;AAC9D;AAEA,OAAO,MAAME,0BAA0B,CAACC,OAAoBC,QAAuB;IACjF,MAAM,EAAEC,cAAe,EAAC,EAAEL,KAAM,EAAC,EAAEC,KAAM,IAAG,EAAEK,KAAI,EAAEP,MAAK,EAAE,GAAGK;IAC9D,MAAM,EAAEG,IAAG,EAAE,GAAGd;IAChB,MAAM,CAACe,cAAcC,gBAAgB,GAAGnB,qBAAqB;QAC3Da,OAAOJ,UAAUW,YAAYrB,MAAMU,OAAOC,KAAKC,OAAOS,SAAS;QAC/DC,cAActB,MAAMgB,cAAcL,KAAKC;QACvCW,cAAc;IAChB;IACA,MAAMC,eAAef,WAAWU,cAAcR,KAAKC;IAEnD,MAAMa,gBAAgBX,MAAMY,KAAK,CAACC,QAAQ;IAC1C,MAAMC,gBAAgBb,MAAMY,QAAQ;IAEpC,MAAMA,WAAuDzB,iBAAiB2B,CAAAA,KAAM;QAClF,MAAMC,WAAWC,OAAOF,GAAGG,MAAM,CAACtB,KAAK;QACvCU,gBAAgBpB,MAAM8B,UAAUnB,KAAKC;QAErC,IAAIa,iBAAiBA,kBAAkBG,eAAe;YACpDH,cAAcI;QAChB,OAAO,IAAID,eAAe;YACxBA,cAAcC,IAAI;gBAAEnB,OAAOoB;YAAS;QACtC,CAAC;IACH;IAEA,MAAMG,gBAAgB;QACpB,CAACzB,mBAAmB,EAAEM,MAAMoB,QAAQ,GAAG,SAAShB,QAAQ,QAAQ,UAAU,QAAQ;QAClF,CAACZ,sBAAsB,EAAEW,QAAQA,OAAO,IAAI,CAAC,EAAE,AAACA,OAAO,MAAQL,CAAAA,MAAMD,GAAE,EAAG,CAAC,CAAC,GAAG,EAAE;QACjF,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,GAAGS;IACpBL,MAAMY,KAAK,CAACC,QAAQ,GAAGA;IAEvB,OAAOb;AACT,EAAE"}

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

@@ -104,9 +104,9 @@ const useRootStyles = /*#__PURE__*/__styles({
     Bsiemmq: "f1e2iu44",
     B98u21t: ["ftuszwa", "f1ya6x16"],
     B2pnrqr: "f1pffoy2",
+    B29w5g4: ["f1bmyog6", "f15fv2gd"],
     Bhhzhcn: "fs6b7xr",
-    Bec0n69: ["f15fv2gd", "f1bmyog6"],
-    B29w5g4: ["f1bmyog6", "f15fv2gd"]
+    Bec0n69: ["f15fv2gd", "f1bmyog6"]
   },
   focusIndicatorVertical: {
     Brovlpu: "ftqa4ok",
@@ -136,12 +136,12 @@ const useRootStyles = /*#__PURE__*/__styles({
     Bsiemmq: "f1e2iu44",
     B98u21t: ["ftuszwa", "f1ya6x16"],
     B2pnrqr: "f1hxpdv8",
+    B29w5g4: ["fm5xmfm", "femsgmt"],
     Bhhzhcn: "f1dmxpeg",
-    Bec0n69: ["femsgmt", "fm5xmfm"],
-    B29w5g4: ["fm5xmfm", "femsgmt"]
+    Bec0n69: ["femsgmt", "fm5xmfm"]
   }
 }, {
-  d: [".f10pi13n{position:relative;}", ".fwk3njj{display:inline-grid;}", ".f1sdsnyy{touch-action:none;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;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;}", ".f78i1la[data-fui-focus-within]:focus-within::after{border-top-style:solid;}", ".f1kvsw7t[data-fui-focus-within]:focus-within::after{border-right-style:solid;}", ".f1bw8brt[data-fui-focus-within]:focus-within::after{border-left-style:solid;}", ".f8k7e5g[data-fui-focus-within]:focus-within::after{border-bottom-style:solid;}", ".f1pmxfrl[data-fui-focus-within]:focus-within::after{border-top-width:2px;}", ".fszkfcr[data-fui-focus-within]:focus-within::after{border-right-width:2px;}", ".f1ap5ily[data-fui-focus-within]:focus-within::after{border-left-width:2px;}", ".f57dp0y[data-fui-focus-within]:focus-within::after{border-bottom-width:2px;}", ".f11dm2qb[data-fui-focus-within]:focus-within::after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f136rfnd[data-fui-focus-within]:focus-within::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".fdsq1qd[data-fui-focus-within]:focus-within::after{border-top-right-radius:var(--borderRadiusMedium);}", ".f1khssms[data-fui-focus-within]:focus-within::after{border-top-left-radius:var(--borderRadiusMedium);}", ".fq4eyks[data-fui-focus-within]:focus-within::after{border-top-color:var(--colorStrokeFocus2);}", ".f1ya6x16[data-fui-focus-within]:focus-within::after{border-right-color:var(--colorStrokeFocus2);}", ".ftuszwa[data-fui-focus-within]:focus-within::after{border-left-color:var(--colorStrokeFocus2);}", ".f1e2iu44[data-fui-focus-within]:focus-within::after{border-bottom-color:var(--colorStrokeFocus2);}", ".f1pffoy2[data-fui-focus-within]:focus-within::after{top:calc(0px - 2px - -2px);}", ".fs6b7xr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - 2px - -2px);}", ".f15fv2gd[data-fui-focus-within]:focus-within::after{left:calc(0px - 2px - 8px);}", ".f1bmyog6[data-fui-focus-within]:focus-within::after{right:calc(0px - 2px - 8px);}", ".f1hxpdv8[data-fui-focus-within]:focus-within::after{top:calc(0px - 2px - 6px);}", ".f1dmxpeg[data-fui-focus-within]:focus-within::after{bottom:calc(0px - 2px - 6px);}", ".femsgmt[data-fui-focus-within]:focus-within::after{left:calc(0px - 2px - 4px);}", ".fm5xmfm[data-fui-focus-within]:focus-within::after{right:calc(0px - 2px - 4px);}"],
+  d: [".f10pi13n{position:relative;}", ".fwk3njj{display:inline-grid;}", ".f1sdsnyy{touch-action:none;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;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;}", ".f78i1la[data-fui-focus-within]:focus-within::after{border-top-style:solid;}", ".f1kvsw7t[data-fui-focus-within]:focus-within::after{border-right-style:solid;}", ".f1bw8brt[data-fui-focus-within]:focus-within::after{border-left-style:solid;}", ".f8k7e5g[data-fui-focus-within]:focus-within::after{border-bottom-style:solid;}", ".f1pmxfrl[data-fui-focus-within]:focus-within::after{border-top-width:2px;}", ".fszkfcr[data-fui-focus-within]:focus-within::after{border-right-width:2px;}", ".f1ap5ily[data-fui-focus-within]:focus-within::after{border-left-width:2px;}", ".f57dp0y[data-fui-focus-within]:focus-within::after{border-bottom-width:2px;}", ".f11dm2qb[data-fui-focus-within]:focus-within::after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f136rfnd[data-fui-focus-within]:focus-within::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".fdsq1qd[data-fui-focus-within]:focus-within::after{border-top-right-radius:var(--borderRadiusMedium);}", ".f1khssms[data-fui-focus-within]:focus-within::after{border-top-left-radius:var(--borderRadiusMedium);}", ".fq4eyks[data-fui-focus-within]:focus-within::after{border-top-color:var(--colorStrokeFocus2);}", ".f1ya6x16[data-fui-focus-within]:focus-within::after{border-right-color:var(--colorStrokeFocus2);}", ".ftuszwa[data-fui-focus-within]:focus-within::after{border-left-color:var(--colorStrokeFocus2);}", ".f1e2iu44[data-fui-focus-within]:focus-within::after{border-bottom-color:var(--colorStrokeFocus2);}", ".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);}", ".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);}"],
   h: [".faw1t00:hover{--fui-Slider__thumb--color:var(--colorCompoundBrandBackgroundHover);}", ".fxdgx5:hover{--fui-Slider__progress--color:var(--colorCompoundBrandBackgroundHover);}"],
   a: [".fii04fa:active{--fui-Slider__thumb--color:var(--colorCompoundBrandBackgroundPressed);}", ".f36hzz8:active{--fui-Slider__progress--color:var(--colorCompoundBrandBackgroundPressed);}"],
   m: [["@media (forced-colors: active){.f1volkfw{--fui-Slider__rail--color:CanvasText;}}", {

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

@@ -1 +1 @@
-{"version":3,"names":["shorthands","__styles","mergeClasses","createFocusOutlineStyle","tokens","sliderClassNames","root","rail","thumb","input","thumbSizeVar","railSizeVar","railColorVar","progressColorVar","thumbColorVar","sliderCSSVars","sliderDirectionVar","sliderProgressVar","sliderStepsPercentVar","useRootStyles","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","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","Bhhzhcn","Bec0n69","B29w5g4","focusIndicatorVertical","d","h","a","m","f","i","useRailStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","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","Budzafs","r59vdv","n07z76","ck0cow","Bcvre1j","B0qfbqy","B4f6apu","y0oebl","uvfttm","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Brp00wb","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"sources":["../../../src/components/Slider/useSliderStyles.styles.ts"],"sourcesContent":["import { shorthands, 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';\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 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`;\n\nexport const sliderCSSVars = {\n  sliderDirectionVar: `--fui-Slider--direction`,\n  sliderProgressVar: `--fui-Slider--progress`,\n  sliderStepsPercentVar: `--fui-Slider--steps-percent`,\n};\n\nconst { sliderDirectionVar, sliderStepsPercentVar, sliderProgressVar } = 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    [thumbSizeVar]: '16px',\n    [railSizeVar]: '2px',\n    minHeight: '24px',\n  },\n\n  medium: {\n    [thumbSizeVar]: '20px',\n    [railSizeVar]: '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(${thumbSizeVar}) 1fr`,\n    gridTemplateColumns: `1fr calc(100% - var(${thumbSizeVar})) 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(${thumbSizeVar})) 1fr`,\n    gridTemplateColumns: `1fr var(${thumbSizeVar}) 1fr`,\n  },\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\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\n  focusIndicatorHorizontal: createFocusOutlineStyle({\n    selector: 'focus-within',\n    style: { outlineOffset: { top: '-2px', bottom: '-2px', left: '8px', right: '8px' } },\n  }),\n\n  focusIndicatorVertical: createFocusOutlineStyle({\n    selector: 'focus-within',\n    style: { outlineOffset: { top: '6px', bottom: '6px', left: '4px', right: '4px' } },\n  }),\n});\n\n/**\n * Styles for the rail slot\n */\nconst useRailStyles = makeStyles({\n  rail: {\n    ...shorthands.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\n  horizontal: {\n    width: '100%',\n    height: `var(${railSizeVar})`,\n    '::before': {\n      left: '-1px',\n      right: '-1px',\n      height: `var(${railSizeVar})`,\n    },\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/**\n * Styles for the thumb slot\n */\nconst 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    ...shorthands.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      ...shorthands.borderRadius(tokens.borderRadiusCircular),\n      boxSizing: 'border-box',\n      content: \"''\",\n      ...shorthands.border(`calc(var(${thumbSizeVar}) * .05)`, 'solid', tokens.colorNeutralStroke1),\n    },\n  },\n  disabled: {\n    '::before': {\n      ...shorthands.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/**\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    ...shorthands.padding(0),\n    ...shorthands.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/**\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  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  state.rail.className = mergeClasses(\n    sliderClassNames.rail,\n    railStyles.rail,\n    isVertical ? railStyles.vertical : railStyles.horizontal,\n    state.rail.className,\n  );\n\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  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"],"mappings":"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"}
+{"version":3,"names":["shorthands","__styles","mergeClasses","createFocusOutlineStyle","tokens","sliderClassNames","root","rail","thumb","input","thumbSizeVar","railSizeVar","railColorVar","progressColorVar","thumbColorVar","sliderCSSVars","sliderDirectionVar","sliderProgressVar","sliderStepsPercentVar","useRootStyles","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","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","focusIndicatorVertical","d","h","a","m","f","i","useRailStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","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","Budzafs","r59vdv","n07z76","ck0cow","Bcvre1j","B0qfbqy","B4f6apu","y0oebl","uvfttm","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Brp00wb","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"sources":["useSliderStyles.styles.js"],"sourcesContent":["import { shorthands, 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        ...shorthands.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        ...shorthands.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            ...shorthands.borderRadius(tokens.borderRadiusCircular),\n            boxSizing: 'border-box',\n            content: \"''\",\n            ...shorthands.border(`calc(var(${thumbSizeVar}) * .05)`, 'solid', tokens.colorNeutralStroke1)\n        }\n    },\n    disabled: {\n        '::before': {\n            ...shorthands.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        ...shorthands.padding(0),\n        ...shorthands.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    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"],"mappings":"AAAA,SAASA,UAAU,EAAAC,QAAA,EAAcC,YAAY,QAAQ,gBAAgB;AACrE,SAASC,uBAAuB,QAAQ,yBAAyB;AACjE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,gBAAgB,GAAG;EAC5BC,IAAI,EAAE,YAAY;EAClBC,IAAI,EAAE,kBAAkB;EACxBC,KAAK,EAAE,mBAAmB;EAC1BC,KAAK,EAAE;AACX,CAAC;AACD;AACA,MAAMC,YAAY,GAAI,2BAA0B;AAChD,MAAMC,WAAW,GAAI,0BAAyB;AAC9C,MAAMC,YAAY,GAAI,2BAA0B;AAChD,MAAMC,gBAAgB,GAAI,+BAA8B;AACxD,MAAMC,aAAa,GAAI,4BAA2B;AAClD,OAAO,MAAMC,aAAa,GAAG;EACzBC,kBAAkB,EAAG,yBAAwB;EAC7CC,iBAAiB,EAAG,wBAAuB;EAC3CC,qBAAqB,EAAG;AAC5B,CAAC;AACD,MAAM;EAAEF,kBAAkB;EAAGE,qBAAqB;EAAGD;AAAmB,CAAC,GAAGF,aAAa;AACzF;AACA;AACA;AAAI,MAAMI,aAAa,gBAAGlB,QAAA;EAAAK,IAAA;IAAAc,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAH,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAE,UAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAN,MAAA;IAAAI,MAAA;IAAAC,OAAA;EAAA;EAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAV,OAAA;IAAAF,OAAA;IAAAC,OAAA;IAAAM,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAI,wBAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,sBAAA;IAAA9B,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAE,CAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,CAoFzB,CAAC;AACF;AACA;AACA;AAAI,MAAMC,aAAa,gBAAGtF,QAAA;EAAAM,IAAA;IAAAiF,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAA5E,MAAA;IAAA6E,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAA3E,UAAA;IAAA4E,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAA5E,QAAA;IAAAwE,MAAA;IAAAC,OAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAhC,CAAA;EAAAG,CAAA;IAAAA,CAAA;EAAA;AAAA,CA6DzB,CAAC;AACF;AACA;AACA;AAAI,MAAM8B,cAAc,gBAAGjH,QAAA;EAAAO,KAAA;IAAAqF,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAA5E,MAAA;IAAAsF,MAAA;IAAAC,OAAA;IAAAf,OAAA;IAAAQ,MAAA;IAAAH,OAAA;IAAAT,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAwB,MAAA;IAAAC,MAAA;IAAAb,OAAA;IAAAS,OAAA;IAAAJ,MAAA;IAAAK,MAAA;IAAAJ,MAAA;IAAAQ,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAnB,MAAA;IAAAoB,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAArF,QAAA;IAAA0E,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAvG,UAAA;IAAAwG,OAAA;IAAAC,MAAA;EAAA;EAAArG,QAAA;IAAAoG,OAAA;IAAAE,OAAA;EAAA;AAAA;EAAAvD,CAAA;AAAA,CAwC1B,CAAC;AACF;AACA;AACA;AAAI,MAAMwD,cAAc,gBAAGxI,QAAA;EAAAQ,KAAA;IAAAiI,OAAA;IAAAC,MAAA;IAAA9C,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAA4C,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAnG,QAAA;IAAA0F,OAAA;EAAA;EAAA5G,UAAA;IAAA6E,OAAA;IAAAD,MAAA;EAAA;EAAAxE,QAAA;IAAAyE,OAAA;IAAAD,MAAA;IAAA0C,OAAA;EAAA;AAAA;EAAAnE,CAAA;AAAA,CAuB1B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMoE,wBAAwB,GAAIC,KAAK,IAAG;EACjD,MAAMC,UAAU,GAAGpI,aAAa,CAAC,CAAC;EAClC,MAAMqI,UAAU,GAAGjE,aAAa,CAAC,CAAC;EAClC,MAAMkE,WAAW,GAAGvC,cAAc,CAAC,CAAC;EACpC,MAAMwC,WAAW,GAAGjB,cAAc,CAAC,CAAC;EACpC,MAAMkB,UAAU,GAAGL,KAAK,CAACpH,QAAQ;EACjCoH,KAAK,CAAChJ,IAAI,CAACsJ,SAAS,GAAG1J,YAAY,CAACG,gBAAgB,CAACC,IAAI,EAAEiJ,UAAU,CAACjJ,IAAI,EAAEqJ,UAAU,GAAGJ,UAAU,CAACvE,sBAAsB,GAAGuE,UAAU,CAACtG,wBAAwB,EAAEsG,UAAU,CAACD,KAAK,CAACO,IAAI,CAAC,EAAEF,UAAU,GAAGJ,UAAU,CAACrH,QAAQ,GAAGqH,UAAU,CAACzH,UAAU,EAAEwH,KAAK,CAACtG,QAAQ,GAAGuG,UAAU,CAACvG,QAAQ,GAAGuG,UAAU,CAACpH,OAAO,EAAEmH,KAAK,CAAChJ,IAAI,CAACsJ,SAAS,CAAC;EACpUN,KAAK,CAAC/I,IAAI,CAACqJ,SAAS,GAAG1J,YAAY,CAACG,gBAAgB,CAACE,IAAI,EAAEiJ,UAAU,CAACjJ,IAAI,EAAEoJ,UAAU,GAAGH,UAAU,CAACtH,QAAQ,GAAGsH,UAAU,CAAC1H,UAAU,EAAEwH,KAAK,CAAC/I,IAAI,CAACqJ,SAAS,CAAC;EAC3JN,KAAK,CAAC9I,KAAK,CAACoJ,SAAS,GAAG1J,YAAY,CAACG,gBAAgB,CAACG,KAAK,EAAEiJ,WAAW,CAACjJ,KAAK,EAAEmJ,UAAU,GAAGF,WAAW,CAACvH,QAAQ,GAAGuH,WAAW,CAAC3H,UAAU,EAAEwH,KAAK,CAACtG,QAAQ,IAAIyG,WAAW,CAACzG,QAAQ,EAAEsG,KAAK,CAAC9I,KAAK,CAACoJ,SAAS,CAAC;EAC1MN,KAAK,CAAC7I,KAAK,CAACmJ,SAAS,GAAG1J,YAAY,CAACG,gBAAgB,CAACI,KAAK,EAAEiJ,WAAW,CAACjJ,KAAK,EAAEkJ,UAAU,GAAGD,WAAW,CAACxH,QAAQ,GAAGwH,WAAW,CAAC5H,UAAU,EAAEwH,KAAK,CAACtG,QAAQ,IAAI0G,WAAW,CAAC1G,QAAQ,EAAEsG,KAAK,CAAC7I,KAAK,CAACmJ,SAAS,CAAC;EAC1M,OAAON,KAAK;AAChB,CAAC"}

package/lib/index.js

@@ -1,2 +1 @@
 export { Slider, renderSlider_unstable, sliderClassNames, sliderCSSVars, useSliderState_unstable, useSliderStyles_unstable, useSlider_unstable } from './Slider';
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Slider","renderSlider_unstable","sliderClassNames","sliderCSSVars","useSliderState_unstable","useSliderStyles_unstable","useSlider_unstable"],"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} from './Slider';\nexport type { SliderOnChangeData, SliderProps, SliderSlots, SliderState } from './Slider';\n"],"mappings":"AAAA,SACEA,MAAM,EACNC,qBAAqB,EACrBC,gBAAgB,EAChBC,aAAa,EACbC,uBAAuB,EACvBC,wBAAwB,EACxBC,kBAAkB,QACb"}
+{"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"}

package/lib-commonjs/Slider.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./components/Slider/index"), exports);
- //# sourceMappingURL=Slider.js.map
-
-//# sourceMappingURL=Slider.js.map

package/lib-commonjs/Slider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/Slider.js"],"sourcesContent":["export * from './components/Slider/index';\n//# sourceMappingURL=Slider.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,kCAAkC"}
+{"version":3,"sources":["Slider.js"],"sourcesContent":["export * from './components/Slider/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

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

@@ -18,6 +18,4 @@ const Slider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _reactSharedContexts.useCustomStyleHook_unstable)('useSliderStyles_unstable')(state);
     return (0, _renderSlider.renderSlider_unstable)(state);
 });
-Slider.displayName = 'Slider'; //# sourceMappingURL=Slider.js.map
-
-//# sourceMappingURL=Slider.js.map
+Slider.displayName = 'Slider';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Slider/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 */\nexport 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//# sourceMappingURL=Slider.js.map"],"names":["Slider","React","forwardRef","props","ref","state","useSlider_unstable","useSliderStyles_unstable","useCustomStyleHook_unstable","renderSlider_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;2BACY;8BACG;uCACG;qCACG;AAIrC,MAAMA,SAAS,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAClE,MAAMC,QAAQC,IAAAA,6BAAkB,EAACH,OAAOC;IACxCG,IAAAA,+CAAwB,EAACF;IACzBG,IAAAA,gDAA2B,EAAC,4BAA4BH;IACxD,OAAOI,IAAAA,mCAAqB,EAACJ;AAC/B;AACAL,OAAOU,WAAW,GAAG,UACrB,kCAAkC"}
+{"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;;aAAAA;;;6DAPM;2BACY;8BACG;uCACG;qCACG;AAGjC,MAAMA,SAAS,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACnE,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"}

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

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
- //# sourceMappingURL=Slider.types.js.map
-
-//# sourceMappingURL=Slider.types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Slider/Slider.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=Slider.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,wCAAwC"}
+{"version":3,"sources":["Slider.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}

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

@@ -21,6 +21,3 @@ _exportStar(require("./renderSlider"), exports);
 _exportStar(require("./useSlider"), exports);
 const _useSliderState = require("./useSliderState");
 const _useSliderStylesStyles = require("./useSliderStyles.styles");
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Slider/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//# sourceMappingURL=index.js.map"],"names":["useSliderState_unstable","sliderClassNames","sliderCSSVars","useSliderStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,uBAAuB,MAAvBA,uCAAuB;IACvBC,gBAAgB,MAAhBA,uCAAgB;IAAEC,aAAa,MAAbA,oCAAa;IAAEC,wBAAwB,MAAxBA,+CAAwB;;;oBALpD;oBACA;oBACA;oBACA;gCAC0B;uCACkC;CAC1E,iCAAiC"}
+{"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,MAAvBA,uCAAuB;IACvBC,gBAAgB,MAAhBA,uCAAgB;IAAEC,aAAa,MAAbA,oCAAa;IAAEC,wBAAwB,MAAxBA,+CAAwB;;;oBALpD;oBACA;oBACA;oBACA;gCAC0B;uCACkC"}

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

@@ -11,6 +11,4 @@ const _reactUtilities = require("@fluentui/react-utilities");
 const renderSlider_unstable = (state)=>{
     const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
     return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.input, slotProps.input), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.rail, slotProps.rail), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.thumb, slotProps.thumb));
-}; //# sourceMappingURL=renderSlider.js.map
-
-//# sourceMappingURL=renderSlider.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Slider/renderSlider.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Slider\n */\nexport const renderSlider_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlotsNext(state);\n  return /*#__PURE__*/createElement(slots.root, slotProps.root, /*#__PURE__*/createElement(slots.input, slotProps.input), /*#__PURE__*/createElement(slots.rail, slotProps.rail), /*#__PURE__*/createElement(slots.thumb, slotProps.thumb));\n};\n//# sourceMappingURL=renderSlider.js.map"],"names":["renderSlider_unstable","state","slots","slotProps","getSlotsNext","createElement","root","input","rail","thumb"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,wBAAwBC,CAAAA,QAAS;IAC5C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAED,IAAAA,8BAAa,EAACH,MAAMK,KAAK,EAAEJ,UAAUI,KAAK,GAAG,WAAW,GAAEF,IAAAA,8BAAa,EAACH,MAAMM,IAAI,EAAEL,UAAUK,IAAI,GAAG,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMO,KAAK,EAAEN,UAAUM,KAAK;AACzO,GACA,wCAAwC"}
+{"version":3,"sources":["renderSlider.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Slider\n */ export const renderSlider_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(slots.input, slotProps.input), /*#__PURE__*/ createElement(slots.rail, slotProps.rail), /*#__PURE__*/ createElement(slots.thumb, slotProps.thumb));\n};\n"],"names":["renderSlider_unstable","state","slots","slotProps","getSlotsNext","createElement","root","input","rail","thumb"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,wBAAwB,CAACC,QAAQ;IAC9C,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACH,MAAMK,KAAK,EAAEJ,UAAUI,KAAK,GAAG,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMM,IAAI,EAAEL,UAAUK,IAAI,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,KAAK,EAAEN,UAAUM,KAAK;AAC/O"}

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

@@ -25,8 +25,7 @@ const useSlider_unstable = (props, ref)=>{
             'size'
         ]
     });
-    const { disabled , vertical , size ='medium' , // Slots
-    root , input , rail , thumb  } = props;
+    const { disabled , vertical , size ='medium' , root , input , rail , thumb  } = props;
     const state = {
         disabled,
         size,
@@ -61,6 +60,4 @@ const useSlider_unstable = (props, ref)=>{
     state.root.ref = (0, _reactUtilities.useMergedRefs)(state.root.ref, (0, _reactTabster.useFocusWithin)());
     (0, _useSliderState.useSliderState_unstable)(state, props);
     return state;
-}; //# sourceMappingURL=useSlider.js.map
-
-//# sourceMappingURL=useSlider.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Slider/useSlider.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, resolveShorthand, useId, useMergedRefs } 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: ['onChange', 'size']\n  });\n  const {\n    disabled,\n    vertical,\n    size = 'medium',\n    // Slots\n    root,\n    input,\n    rail,\n    thumb\n  } = 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: resolveShorthand(root, {\n      required: true,\n      defaultProps: nativeProps.root\n    }),\n    input: resolveShorthand(input, {\n      required: true,\n      defaultProps: {\n        id: useId('slider-', props.id),\n        ref,\n        ...nativeProps.primary,\n        type: 'range',\n        orient: vertical ? 'vertical' : undefined\n      }\n    }),\n    rail: resolveShorthand(rail, {\n      required: true\n    }),\n    thumb: resolveShorthand(thumb, {\n      required: true\n    })\n  };\n  state.root.ref = useMergedRefs(state.root.ref, useFocusWithin());\n  useSliderState_unstable(state, props);\n  return state;\n};\n//# sourceMappingURL=useSlider.js.map"],"names":["useSlider_unstable","props","ref","useFieldControlProps_unstable","supportsLabelFor","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","size","root","input","rail","thumb","state","components","resolveShorthand","required","defaultProps","id","useId","primary","type","orient","undefined","useMergedRefs","useFocusWithin","useSliderState_unstable"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;4BACuB;gCACoC;gCAC1C;8BACT;AACxB,MAAMA,qBAAqB,CAACC,OAAOC,MAAQ;IAChD,+CAA+C;IAC/CD,QAAQE,IAAAA,yCAA6B,EAACF,OAAO;QAC3CG,kBAAkB,IAAI;IACxB;IACA,MAAMC,cAAcC,IAAAA,yCAAyB,EAAC;QAC5CL;QACAM,oBAAoB;QACpBC,mBAAmB;YAAC;YAAY;SAAO;IACzC;IACA,MAAM,EACJC,SAAQ,EACRC,SAAQ,EACRC,MAAO,SAAQ,EACf,QAAQ;IACRC,KAAI,EACJC,MAAK,EACLC,KAAI,EACJC,MAAK,EACN,GAAGd;IACJ,MAAMe,QAAQ;QACZP;QACAE;QACAD;QACAO,YAAY;YACVJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACT;QACAH,MAAMM,IAAAA,gCAAgB,EAACN,MAAM;YAC3BO,UAAU,IAAI;YACdC,cAAcf,YAAYO,IAAI;QAChC;QACAC,OAAOK,IAAAA,gCAAgB,EAACL,OAAO;YAC7BM,UAAU,IAAI;YACdC,cAAc;gBACZC,IAAIC,IAAAA,qBAAK,EAAC,WAAWrB,MAAMoB,EAAE;gBAC7BnB;gBACA,GAAGG,YAAYkB,OAAO;gBACtBC,MAAM;gBACNC,QAAQf,WAAW,aAAagB,SAAS;YAC3C;QACF;QACAZ,MAAMI,IAAAA,gCAAgB,EAACJ,MAAM;YAC3BK,UAAU,IAAI;QAChB;QACAJ,OAAOG,IAAAA,gCAAgB,EAACH,OAAO;YAC7BI,UAAU,IAAI;QAChB;IACF;IACAH,MAAMJ,IAAI,CAACV,GAAG,GAAGyB,IAAAA,6BAAa,EAACX,MAAMJ,IAAI,CAACV,GAAG,EAAE0B,IAAAA,4BAAc;IAC7DC,IAAAA,uCAAuB,EAACb,OAAOf;IAC/B,OAAOe;AACT,GACA,qCAAqC"}
+{"version":3,"sources":["useSlider.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, resolveShorthand, useId, useMergedRefs } 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: resolveShorthand(root, {\n            required: true,\n            defaultProps: nativeProps.root\n        }),\n        input: resolveShorthand(input, {\n            required: true,\n            defaultProps: {\n                id: useId('slider-', props.id),\n                ref,\n                ...nativeProps.primary,\n                type: 'range',\n                orient: vertical ? 'vertical' : undefined\n            }\n        }),\n        rail: resolveShorthand(rail, {\n            required: true\n        }),\n        thumb: resolveShorthand(thumb, {\n            required: true\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","resolveShorthand","required","defaultProps","id","useId","primary","type","orient","undefined","useMergedRefs","useFocusWithin","useSliderState_unstable"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;4BACuB;gCACoC;gCAC1C;8BACT;AACxB,MAAMA,qBAAqB,CAACC,OAAOC,MAAM;IAC5C,+CAA+C;IAC/CD,QAAQE,IAAAA,yCAA6B,EAACF,OAAO;QACzCG,kBAAkB,IAAI;IAC1B;IACA,MAAMC,cAAcC,IAAAA,yCAAyB,EAAC;QAC1CL;QACAM,oBAAoB;QACpBC,mBAAmB;YACf;YACA;SACH;IACL;IACA,MAAM,EAAEC,SAAQ,EAAGC,SAAQ,EAAGC,MAAM,SAAQ,EAC5CC,KAAI,EAAGC,MAAK,EAAGC,KAAI,EAAGC,MAAK,EAAG,GAAGd;IACjC,MAAMe,QAAQ;QACVP;QACAE;QACAD;QACAO,YAAY;YACRJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACX;QACAH,MAAMM,IAAAA,gCAAgB,EAACN,MAAM;YACzBO,UAAU,IAAI;YACdC,cAAcf,YAAYO,IAAI;QAClC;QACAC,OAAOK,IAAAA,gCAAgB,EAACL,OAAO;YAC3BM,UAAU,IAAI;YACdC,cAAc;gBACVC,IAAIC,IAAAA,qBAAK,EAAC,WAAWrB,MAAMoB,EAAE;gBAC7BnB;gBACA,GAAGG,YAAYkB,OAAO;gBACtBC,MAAM;gBACNC,QAAQf,WAAW,aAAagB,SAAS;YAC7C;QACJ;QACAZ,MAAMI,IAAAA,gCAAgB,EAACJ,MAAM;YACzBK,UAAU,IAAI;QAClB;QACAJ,OAAOG,IAAAA,gCAAgB,EAACH,OAAO;YAC3BI,UAAU,IAAI;QAClB;IACJ;IACAH,MAAMJ,IAAI,CAACV,GAAG,GAAGyB,IAAAA,6BAAa,EAACX,MAAMJ,IAAI,CAACV,GAAG,EAAE0B,IAAAA,4BAAc;IAC7DC,IAAAA,uCAAuB,EAACb,OAAOf;IAC/B,OAAOe;AACX"}

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

@@ -51,6 +51,4 @@ const useSliderState_unstable = (state, props)=>{
     state.input.value = currentValue;
     state.input.onChange = onChange;
     return state;
-}; //# sourceMappingURL=useSliderState.js.map
-
-//# sourceMappingURL=useSliderState.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Slider/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 {\n  sliderStepsPercentVar,\n  sliderProgressVar,\n  sliderDirectionVar\n} = sliderCSSVars;\nconst getPercent = (value, min, max) => {\n  return max === min ? 0 : (value - min) / (max - min) * 100;\n};\nexport const useSliderState_unstable = (state, props) => {\n  const {\n    defaultValue = 0,\n    min = 0,\n    max = 100,\n    step,\n    value\n  } = props;\n  const {\n    dir\n  } = useFluent();\n  const [currentValue, setCurrentValue] = useControllableState({\n    state: value !== undefined ? clamp(value, min, max) : undefined,\n    defaultState: clamp(defaultValue, min, max),\n    initialState: 0\n  });\n  const valuePercent = getPercent(currentValue, 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 = currentValue;\n  state.input.onChange = onChange;\n  return state;\n};\n//# sourceMappingURL=useSliderState.js.map"],"names":["useSliderState_unstable","sliderStepsPercentVar","sliderProgressVar","sliderDirectionVar","sliderCSSVars","getPercent","value","min","max","state","props","defaultValue","step","dir","useFluent","currentValue","setCurrentValue","useControllableState","undefined","clamp","defaultState","initialState","valuePercent","inputOnChange","input","onChange","propsOnChange","useEventCallback","ev","newValue","Number","target","rootVariables","vertical","root","style"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCACuC;qCACd;uCAClB;AAC9B,MAAM,EACJC,sBAAqB,EACrBC,kBAAiB,EACjBC,mBAAkB,EACnB,GAAGC,oCAAa;AACjB,MAAMC,aAAa,CAACC,OAAOC,KAAKC,MAAQ;IACtC,OAAOA,QAAQD,MAAM,IAAI,AAACD,CAAAA,QAAQC,GAAE,IAAMC,CAAAA,MAAMD,GAAE,IAAK,GAAG;AAC5D;AACO,MAAMP,0BAA0B,CAACS,OAAOC,QAAU;IACvD,MAAM,EACJC,cAAe,EAAC,EAChBJ,KAAM,EAAC,EACPC,KAAM,IAAG,EACTI,KAAI,EACJN,MAAK,EACN,GAAGI;IACJ,MAAM,EACJG,IAAG,EACJ,GAAGC,IAAAA,uCAAS;IACb,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,IAAAA,oCAAoB,EAAC;QAC3DR,OAAOH,UAAUY,YAAYC,IAAAA,qBAAK,EAACb,OAAOC,KAAKC,OAAOU,SAAS;QAC/DE,cAAcD,IAAAA,qBAAK,EAACR,cAAcJ,KAAKC;QACvCa,cAAc;IAChB;IACA,MAAMC,eAAejB,WAAWU,cAAcR,KAAKC;IACnD,MAAMe,gBAAgBd,MAAMe,KAAK,CAACC,QAAQ;IAC1C,MAAMC,gBAAgBhB,MAAMe,QAAQ;IACpC,MAAMA,WAAWE,IAAAA,gCAAgB,EAACC,CAAAA,KAAM;QACtC,MAAMC,WAAWC,OAAOF,GAAGG,MAAM,CAACzB,KAAK;QACvCU,gBAAgBG,IAAAA,qBAAK,EAACU,UAAUtB,KAAKC;QACrC,IAAIe,iBAAiBA,kBAAkBG,eAAe;YACpDH,cAAcK;QAChB,OAAO,IAAIF,eAAe;YACxBA,cAAcE,IAAI;gBAChBtB,OAAOuB;YACT;QACF,CAAC;IACH;IACA,MAAMG,gBAAgB;QACpB,CAAC7B,mBAAmB,EAAEM,MAAMwB,QAAQ,GAAG,SAASpB,QAAQ,QAAQ,UAAU,QAAQ;QAClF,CAACZ,sBAAsB,EAAEW,QAAQA,OAAO,IAAI,CAAC,EAAEA,OAAO,MAAOJ,CAAAA,MAAMD,GAAE,EAAG,CAAC,CAAC,GAAG,EAAE;QAC/E,CAACL,kBAAkB,EAAE,CAAC,EAAEoB,aAAa,CAAC,CAAC;IACzC;IACA,aAAa;IACbb,MAAMyB,IAAI,CAACC,KAAK,GAAG;QACjB,GAAGH,aAAa;QAChB,GAAGvB,MAAMyB,IAAI,CAACC,KAAK;IACrB;IACA,cAAc;IACd1B,MAAMe,KAAK,CAAClB,KAAK,GAAGS;IACpBN,MAAMe,KAAK,CAACC,QAAQ,GAAGA;IACvB,OAAOhB;AACT,GACA,0CAA0C"}
+{"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    const { defaultValue =0 , min =0 , max =100 , step , value  } = props;\n    const { dir  } = useFluent();\n    const [currentValue, setCurrentValue] = useControllableState({\n        state: value !== undefined ? clamp(value, min, max) : undefined,\n        defaultState: clamp(defaultValue, min, max),\n        initialState: 0\n    });\n    const valuePercent = getPercent(currentValue, 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 = currentValue;\n    state.input.onChange = onChange;\n    return state;\n};\n"],"names":["useSliderState_unstable","sliderStepsPercentVar","sliderProgressVar","sliderDirectionVar","sliderCSSVars","getPercent","value","min","max","state","props","defaultValue","step","dir","useFluent","currentValue","setCurrentValue","useControllableState","undefined","clamp","defaultState","initialState","valuePercent","inputOnChange","input","onChange","propsOnChange","useEventCallback","ev","newValue","Number","target","rootVariables","vertical","root","style"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;gCACuC;qCACd;uCAClB;AAC9B,MAAM,EAAEC,sBAAqB,EAAGC,kBAAiB,EAAGC,mBAAkB,EAAG,GAAGC,oCAAa;AACzF,MAAMC,aAAa,CAACC,OAAOC,KAAKC,MAAM;IAClC,OAAOA,QAAQD,MAAM,IAAI,AAACD,CAAAA,QAAQC,GAAE,IAAMC,CAAAA,MAAMD,GAAE,IAAK,GAAG;AAC9D;AACO,MAAMP,0BAA0B,CAACS,OAAOC,QAAQ;IACnD,MAAM,EAAEC,cAAc,EAAC,EAAGJ,KAAK,EAAC,EAAGC,KAAK,IAAG,EAAGI,KAAI,EAAGN,MAAK,EAAG,GAAGI;IAChE,MAAM,EAAEG,IAAG,EAAG,GAAGC,IAAAA,uCAAS;IAC1B,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,IAAAA,oCAAoB,EAAC;QACzDR,OAAOH,UAAUY,YAAYC,IAAAA,qBAAK,EAACb,OAAOC,KAAKC,OAAOU,SAAS;QAC/DE,cAAcD,IAAAA,qBAAK,EAACR,cAAcJ,KAAKC;QACvCa,cAAc;IAClB;IACA,MAAMC,eAAejB,WAAWU,cAAcR,KAAKC;IACnD,MAAMe,gBAAgBd,MAAMe,KAAK,CAACC,QAAQ;IAC1C,MAAMC,gBAAgBhB,MAAMe,QAAQ;IACpC,MAAMA,WAAWE,IAAAA,gCAAgB,EAAC,CAACC,KAAK;QACpC,MAAMC,WAAWC,OAAOF,GAAGG,MAAM,CAACzB,KAAK;QACvCU,gBAAgBG,IAAAA,qBAAK,EAACU,UAAUtB,KAAKC;QACrC,IAAIe,iBAAiBA,kBAAkBG,eAAe;YAClDH,cAAcK;QAClB,OAAO,IAAIF,eAAe;YACtBA,cAAcE,IAAI;gBACdtB,OAAOuB;YACX;QACJ,CAAC;IACL;IACA,MAAMG,gBAAgB;QAClB,CAAC7B,mBAAmB,EAAEM,MAAMwB,QAAQ,GAAG,SAASpB,QAAQ,QAAQ,UAAU,QAAQ;QAClF,CAACZ,sBAAsB,EAAEW,QAAQA,OAAO,IAAI,CAAC,EAAEA,OAAO,MAAOJ,CAAAA,MAAMD,GAAE,EAAG,CAAC,CAAC,GAAG,EAAE;QAC/E,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,GAAGS;IACpBN,MAAMe,KAAK,CAACC,QAAQ,GAAGA;IACvB,OAAOhB;AACX"}

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

@@ -148,14 +148,14 @@ const { sliderDirectionVar , sliderStepsPercentVar , sliderProgressVar  } = slid
             "f1ya6x16"
         ],
         B2pnrqr: "f1pffoy2",
+        B29w5g4: [
+            "f1bmyog6",
+            "f15fv2gd"
+        ],
         Bhhzhcn: "fs6b7xr",
         Bec0n69: [
             "f15fv2gd",
             "f1bmyog6"
-        ],
-        B29w5g4: [
-            "f1bmyog6",
-            "f15fv2gd"
         ]
     },
     focusIndicatorVertical: {
@@ -222,14 +222,14 @@ const { sliderDirectionVar , sliderStepsPercentVar , sliderProgressVar  } = slid
             "f1ya6x16"
         ],
         B2pnrqr: "f1hxpdv8",
+        B29w5g4: [
+            "fm5xmfm",
+            "femsgmt"
+        ],
         Bhhzhcn: "f1dmxpeg",
         Bec0n69: [
             "femsgmt",
             "fm5xmfm"
-        ],
-        B29w5g4: [
-            "fm5xmfm",
-            "femsgmt"
         ]
     }
 }, {
@@ -282,13 +282,13 @@ const { sliderDirectionVar , sliderStepsPercentVar , sliderProgressVar  } = slid
         ".ftuszwa[data-fui-focus-within]:focus-within::after{border-left-color:var(--colorStrokeFocus2);}",
         ".f1e2iu44[data-fui-focus-within]:focus-within::after{border-bottom-color:var(--colorStrokeFocus2);}",
         ".f1pffoy2[data-fui-focus-within]:focus-within::after{top:calc(0px - 2px - -2px);}",
-        ".fs6b7xr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - 2px - -2px);}",
-        ".f15fv2gd[data-fui-focus-within]:focus-within::after{left:calc(0px - 2px - 8px);}",
         ".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);}",
         ".f1hxpdv8[data-fui-focus-within]:focus-within::after{top:calc(0px - 2px - 6px);}",
-        ".f1dmxpeg[data-fui-focus-within]:focus-within::after{bottom: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);}",
-        ".fm5xmfm[data-fui-focus-within]:focus-within::after{right:calc(0px - 2px - 4px);}"
+        ".f1dmxpeg[data-fui-focus-within]:focus-within::after{bottom:calc(0px - 2px - 6px);}"
     ],
     h: [
         ".faw1t00:hover{--fui-Slider__thumb--color:var(--colorCompoundBrandBackgroundHover);}",
@@ -721,5 +721,3 @@ const useSliderStyles_unstable = (state)=>{
     state.input.className = (0, _react.mergeClasses)(sliderClassNames.input, inputStyles.input, isVertical ? inputStyles.vertical : inputStyles.horizontal, state.disabled && inputStyles.disabled, state.input.className);
     return state;
 }; //# sourceMappingURL=useSliderStyles.styles.js.map
-
-//# sourceMappingURL=useSliderStyles.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Slider/useSliderStyles.styles.js"],"sourcesContent":["import { shorthands, __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    B2j2mmj: \"ffht0p2\",\n    wigs8: \"f1p0ul1q\",\n    pbfy6t: \"f1c901ms\",\n    B0v4ure: \"f1alokd7\",\n    ghq09: \"f78i1la\",\n    B24cy0v: [\"f1kvsw7t\", \"f1bw8brt\"],\n    Bwckmig: \"f8k7e5g\",\n    Bvwlmkc: [\"f1bw8brt\", \"f1kvsw7t\"],\n    Bbgo44z: \"f1pmxfrl\",\n    Bil7v7r: [\"fszkfcr\", \"f1ap5ily\"],\n    skfxo0: \"f57dp0y\",\n    jo1ztg: [\"f1ap5ily\", \"fszkfcr\"],\n    Ba3ybja: [\"f11dm2qb\", \"f136rfnd\"],\n    az1dzo: [\"f136rfnd\", \"f11dm2qb\"],\n    vppk2z: [\"fdsq1qd\", \"f1khssms\"],\n    B6352mv: [\"f1khssms\", \"fdsq1qd\"],\n    nr063g: \"fq4eyks\",\n    Blmvk6g: [\"f1ya6x16\", \"ftuszwa\"],\n    Bsiemmq: \"f1e2iu44\",\n    B98u21t: [\"ftuszwa\", \"f1ya6x16\"],\n    B2pnrqr: \"f1pffoy2\",\n    Bhhzhcn: \"fs6b7xr\",\n    Bec0n69: [\"f15fv2gd\", \"f1bmyog6\"],\n    B29w5g4: [\"f1bmyog6\", \"f15fv2gd\"]\n  },\n  focusIndicatorVertical: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    Bssx7fj: \"f1b1k54r\",\n    uh7if5: [\"f4ne723\", \"fqqcjud\"],\n    clntm0: \"fh7aioi\",\n    Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n    B2j2mmj: \"ffht0p2\",\n    wigs8: \"f1p0ul1q\",\n    pbfy6t: \"f1c901ms\",\n    B0v4ure: \"f1alokd7\",\n    ghq09: \"f78i1la\",\n    B24cy0v: [\"f1kvsw7t\", \"f1bw8brt\"],\n    Bwckmig: \"f8k7e5g\",\n    Bvwlmkc: [\"f1bw8brt\", \"f1kvsw7t\"],\n    Bbgo44z: \"f1pmxfrl\",\n    Bil7v7r: [\"fszkfcr\", \"f1ap5ily\"],\n    skfxo0: \"f57dp0y\",\n    jo1ztg: [\"f1ap5ily\", \"fszkfcr\"],\n    Ba3ybja: [\"f11dm2qb\", \"f136rfnd\"],\n    az1dzo: [\"f136rfnd\", \"f11dm2qb\"],\n    vppk2z: [\"fdsq1qd\", \"f1khssms\"],\n    B6352mv: [\"f1khssms\", \"fdsq1qd\"],\n    nr063g: \"fq4eyks\",\n    Blmvk6g: [\"f1ya6x16\", \"ftuszwa\"],\n    Bsiemmq: \"f1e2iu44\",\n    B98u21t: [\"ftuszwa\", \"f1ya6x16\"],\n    B2pnrqr: \"f1hxpdv8\",\n    Bhhzhcn: \"f1dmxpeg\",\n    Bec0n69: [\"femsgmt\", \"fm5xmfm\"],\n    B29w5g4: [\"fm5xmfm\", \"femsgmt\"]\n  }\n}, {\n  d: [\".f10pi13n{position:relative;}\", \".fwk3njj{display:inline-grid;}\", \".f1sdsnyy{touch-action:none;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;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;}\", \".f78i1la[data-fui-focus-within]:focus-within::after{border-top-style:solid;}\", \".f1kvsw7t[data-fui-focus-within]:focus-within::after{border-right-style:solid;}\", \".f1bw8brt[data-fui-focus-within]:focus-within::after{border-left-style:solid;}\", \".f8k7e5g[data-fui-focus-within]:focus-within::after{border-bottom-style:solid;}\", \".f1pmxfrl[data-fui-focus-within]:focus-within::after{border-top-width:2px;}\", \".fszkfcr[data-fui-focus-within]:focus-within::after{border-right-width:2px;}\", \".f1ap5ily[data-fui-focus-within]:focus-within::after{border-left-width:2px;}\", \".f57dp0y[data-fui-focus-within]:focus-within::after{border-bottom-width:2px;}\", \".f11dm2qb[data-fui-focus-within]:focus-within::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f136rfnd[data-fui-focus-within]:focus-within::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".fdsq1qd[data-fui-focus-within]:focus-within::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".f1khssms[data-fui-focus-within]:focus-within::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".fq4eyks[data-fui-focus-within]:focus-within::after{border-top-color:var(--colorStrokeFocus2);}\", \".f1ya6x16[data-fui-focus-within]:focus-within::after{border-right-color:var(--colorStrokeFocus2);}\", \".ftuszwa[data-fui-focus-within]:focus-within::after{border-left-color:var(--colorStrokeFocus2);}\", \".f1e2iu44[data-fui-focus-within]:focus-within::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f1pffoy2[data-fui-focus-within]:focus-within::after{top:calc(0px - 2px - -2px);}\", \".fs6b7xr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - 2px - -2px);}\", \".f15fv2gd[data-fui-focus-within]:focus-within::after{left:calc(0px - 2px - 8px);}\", \".f1bmyog6[data-fui-focus-within]:focus-within::after{right:calc(0px - 2px - 8px);}\", \".f1hxpdv8[data-fui-focus-within]:focus-within::after{top:calc(0px - 2px - 6px);}\", \".f1dmxpeg[data-fui-focus-within]:focus-within::after{bottom:calc(0px - 2px - 6px);}\", \".femsgmt[data-fui-focus-within]:focus-within::after{left:calc(0px - 2px - 4px);}\", \".fm5xmfm[data-fui-focus-within]:focus-within::after{right:calc(0px - 2px - 4px);}\"],\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  }]],\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    Bbmb7ep: [\"fnivh3a\", \"fc7yr5o\"],\n    Beyfa6y: [\"fc7yr5o\", \"fnivh3a\"],\n    B7oj6ja: [\"f1el4m67\", \"f8yange\"],\n    Btl43ni: [\"f8yange\", \"f1el4m67\"],\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: [\".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}\", \".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}\", \".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}\", \".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}\", \".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    Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"],\n    Beyfa6y: [\"f1nfllo7\", \"f8fbkgy\"],\n    B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n    Btl43ni: [\"f1s8kh49\", \"f1djnp8u\"],\n    E5pizo: \"fof7hq0\",\n    De3pzq: \"foksa45\",\n    Brfgrao: \"f1j7ml58\",\n    Bciustq: \"f14u7mkt\",\n    Fbdkly: [\"f5zrw40\", \"f1ks5ppg\"],\n    lawp4y: \"fto0uou\",\n    mdwyqc: [\"f1ks5ppg\", \"f5zrw40\"],\n    Budzafs: [\"feh19e8\", \"f3j3guj\"],\n    r59vdv: [\"f3j3guj\", \"feh19e8\"],\n    n07z76: [\"fo75joz\", \"f1yag6sl\"],\n    ck0cow: [\"f1yag6sl\", \"fo75joz\"],\n    Bcvre1j: \"fyl8oag\",\n    Ftih45: \"fzhtfnv\",\n    B0qfbqy: \"f1rponpz\",\n    B4f6apu: [\"f1rvw2z1\", \"fjj0g3m\"],\n    y0oebl: \"f1muowhs\",\n    uvfttm: [\"fjj0g3m\", \"f1rvw2z1\"],\n    Bdkvgpv: \"f163fonl\",\n    m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n    qa3bma: \"f11yjt3y\",\n    Bbv0w2i: [\"f1jpmc5p\", \"f1yq6w5o\"],\n    Bq4z7u6: \"f10tv6oz\",\n    Bk5zm6e: [\"f16xp3sf\", \"f1seuxxq\"],\n    Bqjgrrk: \"fwrmqbx\",\n    Bm6vgfq: [\"f1seuxxq\", \"f16xp3sf\"]\n  },\n  disabled: {\n    B0qfbqy: \"f1rponpz\",\n    B4f6apu: [\"f1rvw2z1\", \"fjj0g3m\"],\n    y0oebl: \"f1muowhs\",\n    uvfttm: [\"fjj0g3m\", \"f1rvw2z1\"],\n    Bdkvgpv: \"f163fonl\",\n    m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n    qa3bma: \"f11yjt3y\",\n    Bbv0w2i: [\"f1jpmc5p\", \"f1yq6w5o\"],\n    Bq4z7u6: \"f1pw3ppl\",\n    Bk5zm6e: [\"fxoq2z\", \"f1ykj0h9\"],\n    Bqjgrrk: \"f1sz5gii\",\n    Bm6vgfq: [\"f1ykj0h9\", \"fxoq2z\"]\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;}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\", \".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;}\", \".feh19e8::before{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f3j3guj::before{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".fo75joz::before{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1yag6sl::before{border-top-left-radius:var(--borderRadiusCircular);}\", \".fyl8oag::before{box-sizing:border-box;}\", \".fzhtfnv::before{content:'';}\", \".f1rponpz::before{border-top-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".f1rvw2z1::before{border-right-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".fjj0g3m::before{border-left-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".f1muowhs::before{border-bottom-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".f163fonl::before{border-top-style:solid;}\", \".f1yq6w5o::before{border-right-style:solid;}\", \".f1jpmc5p::before{border-left-style:solid;}\", \".f11yjt3y::before{border-bottom-style:solid;}\", \".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}\", \".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}\", \".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}\", \".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}\", \".f1pw3ppl::before{border-top-color:var(--colorNeutralForegroundDisabled);}\", \".fxoq2z::before{border-right-color:var(--colorNeutralForegroundDisabled);}\", \".f1ykj0h9::before{border-left-color:var(--colorNeutralForegroundDisabled);}\", \".f1sz5gii::before{border-bottom-color:var(--colorNeutralForegroundDisabled);}\", \".f13gfj74{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}\", \".f1nfknbn{-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);}\", \".f1fj3zth{left:var(--fui-Slider--progress);}\", \".fcf9u6w{right:var(--fui-Slider--progress);}\", \".f5cv5a3{-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);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    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"]\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;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".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  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","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","Bhhzhcn","Bec0n69","B29w5g4","focusIndicatorVertical","d","h","a","m","f","i","useRailStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","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","Budzafs","r59vdv","n07z76","ck0cow","Bcvre1j","B0qfbqy","B4f6apu","y0oebl","uvfttm","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Brp00wb","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","mergeClasses","size"],"mappings":"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"}
+{"version":3,"sources":["useSliderStyles.styles.js"],"sourcesContent":["import { shorthands, __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    B2j2mmj: \"ffht0p2\",\n    wigs8: \"f1p0ul1q\",\n    pbfy6t: \"f1c901ms\",\n    B0v4ure: \"f1alokd7\",\n    ghq09: \"f78i1la\",\n    B24cy0v: [\"f1kvsw7t\", \"f1bw8brt\"],\n    Bwckmig: \"f8k7e5g\",\n    Bvwlmkc: [\"f1bw8brt\", \"f1kvsw7t\"],\n    Bbgo44z: \"f1pmxfrl\",\n    Bil7v7r: [\"fszkfcr\", \"f1ap5ily\"],\n    skfxo0: \"f57dp0y\",\n    jo1ztg: [\"f1ap5ily\", \"fszkfcr\"],\n    Ba3ybja: [\"f11dm2qb\", \"f136rfnd\"],\n    az1dzo: [\"f136rfnd\", \"f11dm2qb\"],\n    vppk2z: [\"fdsq1qd\", \"f1khssms\"],\n    B6352mv: [\"f1khssms\", \"fdsq1qd\"],\n    nr063g: \"fq4eyks\",\n    Blmvk6g: [\"f1ya6x16\", \"ftuszwa\"],\n    Bsiemmq: \"f1e2iu44\",\n    B98u21t: [\"ftuszwa\", \"f1ya6x16\"],\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    B2j2mmj: \"ffht0p2\",\n    wigs8: \"f1p0ul1q\",\n    pbfy6t: \"f1c901ms\",\n    B0v4ure: \"f1alokd7\",\n    ghq09: \"f78i1la\",\n    B24cy0v: [\"f1kvsw7t\", \"f1bw8brt\"],\n    Bwckmig: \"f8k7e5g\",\n    Bvwlmkc: [\"f1bw8brt\", \"f1kvsw7t\"],\n    Bbgo44z: \"f1pmxfrl\",\n    Bil7v7r: [\"fszkfcr\", \"f1ap5ily\"],\n    skfxo0: \"f57dp0y\",\n    jo1ztg: [\"f1ap5ily\", \"fszkfcr\"],\n    Ba3ybja: [\"f11dm2qb\", \"f136rfnd\"],\n    az1dzo: [\"f136rfnd\", \"f11dm2qb\"],\n    vppk2z: [\"fdsq1qd\", \"f1khssms\"],\n    B6352mv: [\"f1khssms\", \"fdsq1qd\"],\n    nr063g: \"fq4eyks\",\n    Blmvk6g: [\"f1ya6x16\", \"ftuszwa\"],\n    Bsiemmq: \"f1e2iu44\",\n    B98u21t: [\"ftuszwa\", \"f1ya6x16\"],\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{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;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;}\", \".f78i1la[data-fui-focus-within]:focus-within::after{border-top-style:solid;}\", \".f1kvsw7t[data-fui-focus-within]:focus-within::after{border-right-style:solid;}\", \".f1bw8brt[data-fui-focus-within]:focus-within::after{border-left-style:solid;}\", \".f8k7e5g[data-fui-focus-within]:focus-within::after{border-bottom-style:solid;}\", \".f1pmxfrl[data-fui-focus-within]:focus-within::after{border-top-width:2px;}\", \".fszkfcr[data-fui-focus-within]:focus-within::after{border-right-width:2px;}\", \".f1ap5ily[data-fui-focus-within]:focus-within::after{border-left-width:2px;}\", \".f57dp0y[data-fui-focus-within]:focus-within::after{border-bottom-width:2px;}\", \".f11dm2qb[data-fui-focus-within]:focus-within::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f136rfnd[data-fui-focus-within]:focus-within::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".fdsq1qd[data-fui-focus-within]:focus-within::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".f1khssms[data-fui-focus-within]:focus-within::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".fq4eyks[data-fui-focus-within]:focus-within::after{border-top-color:var(--colorStrokeFocus2);}\", \".f1ya6x16[data-fui-focus-within]:focus-within::after{border-right-color:var(--colorStrokeFocus2);}\", \".ftuszwa[data-fui-focus-within]:focus-within::after{border-left-color:var(--colorStrokeFocus2);}\", \".f1e2iu44[data-fui-focus-within]:focus-within::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".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);}\", \".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  }]],\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    Bbmb7ep: [\"fnivh3a\", \"fc7yr5o\"],\n    Beyfa6y: [\"fc7yr5o\", \"fnivh3a\"],\n    B7oj6ja: [\"f1el4m67\", \"f8yange\"],\n    Btl43ni: [\"f8yange\", \"f1el4m67\"],\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: [\".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}\", \".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}\", \".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}\", \".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}\", \".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    Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"],\n    Beyfa6y: [\"f1nfllo7\", \"f8fbkgy\"],\n    B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n    Btl43ni: [\"f1s8kh49\", \"f1djnp8u\"],\n    E5pizo: \"fof7hq0\",\n    De3pzq: \"foksa45\",\n    Brfgrao: \"f1j7ml58\",\n    Bciustq: \"f14u7mkt\",\n    Fbdkly: [\"f5zrw40\", \"f1ks5ppg\"],\n    lawp4y: \"fto0uou\",\n    mdwyqc: [\"f1ks5ppg\", \"f5zrw40\"],\n    Budzafs: [\"feh19e8\", \"f3j3guj\"],\n    r59vdv: [\"f3j3guj\", \"feh19e8\"],\n    n07z76: [\"fo75joz\", \"f1yag6sl\"],\n    ck0cow: [\"f1yag6sl\", \"fo75joz\"],\n    Bcvre1j: \"fyl8oag\",\n    Ftih45: \"fzhtfnv\",\n    B0qfbqy: \"f1rponpz\",\n    B4f6apu: [\"f1rvw2z1\", \"fjj0g3m\"],\n    y0oebl: \"f1muowhs\",\n    uvfttm: [\"fjj0g3m\", \"f1rvw2z1\"],\n    Bdkvgpv: \"f163fonl\",\n    m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n    qa3bma: \"f11yjt3y\",\n    Bbv0w2i: [\"f1jpmc5p\", \"f1yq6w5o\"],\n    Bq4z7u6: \"f10tv6oz\",\n    Bk5zm6e: [\"f16xp3sf\", \"f1seuxxq\"],\n    Bqjgrrk: \"fwrmqbx\",\n    Bm6vgfq: [\"f1seuxxq\", \"f16xp3sf\"]\n  },\n  disabled: {\n    B0qfbqy: \"f1rponpz\",\n    B4f6apu: [\"f1rvw2z1\", \"fjj0g3m\"],\n    y0oebl: \"f1muowhs\",\n    uvfttm: [\"fjj0g3m\", \"f1rvw2z1\"],\n    Bdkvgpv: \"f163fonl\",\n    m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n    qa3bma: \"f11yjt3y\",\n    Bbv0w2i: [\"f1jpmc5p\", \"f1yq6w5o\"],\n    Bq4z7u6: \"f1pw3ppl\",\n    Bk5zm6e: [\"fxoq2z\", \"f1ykj0h9\"],\n    Bqjgrrk: \"f1sz5gii\",\n    Bm6vgfq: [\"f1ykj0h9\", \"fxoq2z\"]\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;}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\", \".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;}\", \".feh19e8::before{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f3j3guj::before{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".fo75joz::before{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1yag6sl::before{border-top-left-radius:var(--borderRadiusCircular);}\", \".fyl8oag::before{box-sizing:border-box;}\", \".fzhtfnv::before{content:'';}\", \".f1rponpz::before{border-top-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".f1rvw2z1::before{border-right-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".fjj0g3m::before{border-left-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".f1muowhs::before{border-bottom-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".f163fonl::before{border-top-style:solid;}\", \".f1yq6w5o::before{border-right-style:solid;}\", \".f1jpmc5p::before{border-left-style:solid;}\", \".f11yjt3y::before{border-bottom-style:solid;}\", \".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}\", \".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}\", \".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}\", \".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}\", \".f1pw3ppl::before{border-top-color:var(--colorNeutralForegroundDisabled);}\", \".fxoq2z::before{border-right-color:var(--colorNeutralForegroundDisabled);}\", \".f1ykj0h9::before{border-left-color:var(--colorNeutralForegroundDisabled);}\", \".f1sz5gii::before{border-bottom-color:var(--colorNeutralForegroundDisabled);}\", \".f13gfj74{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}\", \".f1nfknbn{-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);}\", \".f1fj3zth{left:var(--fui-Slider--progress);}\", \".fcf9u6w{right:var(--fui-Slider--progress);}\", \".f5cv5a3{-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);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    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"]\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;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".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  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","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","focusIndicatorVertical","d","h","a","m","f","i","useRailStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","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","Budzafs","r59vdv","n07z76","ck0cow","Bcvre1j","B0qfbqy","B4f6apu","y0oebl","uvfttm","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Brp00wb","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","mergeClasses","size"],"mappings":"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"}

package/lib-commonjs/index.js

@@ -18,6 +18,3 @@ _export(exports, {
     useSlider_unstable: ()=>_slider.useSlider_unstable
 });
 const _slider = require("./Slider");
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Slider, renderSlider_unstable, sliderClassNames, sliderCSSVars, useSliderState_unstable, useSliderStyles_unstable, useSlider_unstable } from './Slider';\n//# sourceMappingURL=index.js.map"],"names":["Slider","renderSlider_unstable","sliderClassNames","sliderCSSVars","useSliderState_unstable","useSliderStyles_unstable","useSlider_unstable"],"mappings":";;;;;;;;;;;IAASA,MAAM,MAANA,cAAM;IAAEC,qBAAqB,MAArBA,6BAAqB;IAAEC,gBAAgB,MAAhBA,wBAAgB;IAAEC,aAAa,MAAbA,qBAAa;IAAEC,uBAAuB,MAAvBA,+BAAuB;IAAEC,wBAAwB,MAAxBA,gCAAwB;IAAEC,kBAAkB,MAAlBA,0BAAkB;;wBAAQ;CACtJ,iCAAiC"}
+{"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,MAANA,cAAM;IAAEC,qBAAqB,MAArBA,6BAAqB;IAAEC,gBAAgB,MAAhBA,wBAAgB;IAAEC,aAAa,MAAbA,qBAAa;IAAEC,uBAAuB,MAAvBA,+BAAuB;IAAEC,wBAAwB,MAAxBA,gCAAwB;IAAEC,kBAAkB,MAAlBA,0BAAkB;;wBAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-slider",
-  "version": "9.1.16",
+  "version": "9.1.17",
   "description": "Fluent UI React Slider component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,19 +28,19 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.21",
-    "@fluentui/react-label": "^9.1.14",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-label": "^9.1.15",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@griffel/react": "^1.5.2",
-    "@fluentui/react-field": "^9.1.5",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.5",
+    "@fluentui/react-field": "^9.1.6",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
     "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.4",
+    "@fluentui/react-tabster": "^9.7.5",
     "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.1",
+    "@fluentui/react-utilities": "^9.9.2",
+    "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {