@fluentui/react-select 9.1.31 → 9.1.33

package/CHANGELOG.json

@@ -2,7 +2,85 @@
   "name": "@fluentui/react-select",
   "entries": [
     {
-      "date": "Thu, 24 Aug 2023 10:23:08 GMT",
+      "date": "Tue, 05 Sep 2023 13:23:06 GMT",
+      "tag": "@fluentui/react-select_v9.1.33",
+      "version": "9.1.33",
+      "comments": {
+        "patch": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-select",
+            "commit": "eea6d93a62249ba4fba3347fb291c67ee1a3fb24",
+            "comment": "chore: migrate package to use JSX importSource"
+          },
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-select",
+            "commit": "b93c2ac22355b6cb6f33dd509c6cd9c21f4fffc8",
+            "comment": "bumps @swc/helpers version to 0.5.1"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-field to v9.1.23",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.4",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.7.3",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-theme to v9.1.12",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-utilities to v9.13.1",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 29 Aug 2023 12:57:36 GMT",
+      "tag": "@fluentui/react-select_v9.1.32",
+      "version": "9.1.32",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-field to v9.1.22",
+            "commit": "f40ca42c8392904750bf1ef24826d273d1a5b4d5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.3",
+            "commit": "f40ca42c8392904750bf1ef24826d273d1a5b4d5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-utilities to v9.13.0",
+            "commit": "f40ca42c8392904750bf1ef24826d273d1a5b4d5"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 24 Aug 2023 10:26:35 GMT",
       "tag": "@fluentui/react-select_v9.1.31",
       "version": "9.1.31",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,38 @@
 # Change Log - @fluentui/react-select
 
-This log was last generated on Thu, 24 Aug 2023 10:23:08 GMT and should not be manually modified.
+This log was last generated on Tue, 05 Sep 2023 13:23:06 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.33](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.33)
+
+Tue, 05 Sep 2023 13:23:06 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.1.32..@fluentui/react-select_v9.1.33)
+
+### Patches
+
+- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
+- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
+- Bump @fluentui/react-field to v9.1.23 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.4 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.7.3 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-theme to v9.1.12 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-utilities to v9.13.1 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+
+## [9.1.32](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.32)
+
+Tue, 29 Aug 2023 12:57:36 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.1.31..@fluentui/react-select_v9.1.32)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.22 ([PR #29005](https://github.com/microsoft/fluentui/pull/29005) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.3 ([PR #29005](https://github.com/microsoft/fluentui/pull/29005) by beachball)
+- Bump @fluentui/react-utilities to v9.13.0 ([PR #29005](https://github.com/microsoft/fluentui/pull/29005) by beachball)
+
 ## [9.1.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.31)
 
-Thu, 24 Aug 2023 10:23:08 GMT 
+Thu, 24 Aug 2023 10:26:35 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.1.30..@fluentui/react-select_v9.1.31)
 
 ### Patches

package/lib/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Select.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSelect_unstable } from './useSelect';\nimport { renderSelect_unstable } from './renderSelect';\nimport { useSelectStyles_unstable } from './useSelectStyles.styles';\nimport type { SelectProps } from './Select.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Select component\n */\nexport const Select: ForwardRefComponent<SelectProps> = React.forwardRef((props, ref) => {\n  const state = useSelect_unstable(props, ref);\n\n  useSelectStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useSelectStyles_unstable')(state);\n\n  return renderSelect_unstable(state);\n});\n\nSelect.displayName = 'Select';\n"],"names":["React","useSelect_unstable","renderSelect_unstable","useSelectStyles_unstable","useCustomStyleHook_unstable","Select","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;AAEHJ,OAAOK,WAAW,GAAG"}
+{"version":3,"sources":["Select.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSelect_unstable } from './useSelect';\nimport { renderSelect_unstable } from './renderSelect';\nimport { useSelectStyles_unstable } from './useSelectStyles.styles';\nimport type { SelectProps } from './Select.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Select component\n */\nexport const Select: ForwardRefComponent<SelectProps> = React.forwardRef((props, ref) => {\n  const state = useSelect_unstable(props, ref);\n\n  useSelectStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useSelectStyles_unstable')(state);\n\n  return renderSelect_unstable(state);\n});\n\nSelect.displayName = 'Select';\n"],"names":["React","useSelect_unstable","renderSelect_unstable","useSelectStyles_unstable","useCustomStyleHook_unstable","Select","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ,cAAc;AACjD,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,wBAAwB,QAAQ,2BAA2B;AAGpE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,uBAA2CL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/E,MAAMC,QAAQR,mBAAmBM,OAAOC;IAExCL,yBAAyBM;IAEzBL,4BAA4B,4BAA4BK;IAExD,OAAOP,sBAAsBO;AAC/B,GAAG;AAEHJ,OAAOK,WAAW,GAAG"}

package/lib/components/Select/renderSelect.js

@@ -1,8 +1,15 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of Select
  */ export const renderSelect_unstable = (state)=>{
     assertSlots(state);
-    return /*#__PURE__*/ createElement(state.root, null, /*#__PURE__*/ createElement(state.select, null, state.select.children), /*#__PURE__*/ createElement(state.icon, null));
+    return /*#__PURE__*/ _jsxs(state.root, {
+        children: [
+            /*#__PURE__*/ _jsx(state.select, {
+                children: state.select.children
+            }),
+            /*#__PURE__*/ _jsx(state.icon, {})
+        ]
+    });
 };

package/lib/components/Select/renderSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderSelect.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { SelectSlots, SelectState } from './Select.types';\n\n/**\n * Render the final JSX of Select\n */\nexport const renderSelect_unstable = (state: SelectState) => {\n  assertSlots<SelectSlots>(state);\n  return (\n    <state.root>\n      <state.select>{state.select.children}</state.select>\n      <state.icon />\n    </state.root>\n  );\n};\n"],"names":["createElement","assertSlots","renderSelect_unstable","state","root","select","children","icon"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,wBAAwB,CAACC,QAAuB;IAC3DF,YAAyBE;IACzB,qBACE,AAbJ,cAaKA,MAAMC,IAAI,sBACT,AAdN,cAcOD,MAAME,MAAM,QAAEF,MAAME,MAAM,CAACC,QAAQ,iBACpC,AAfN,cAeOH,MAAMI,IAAI;AAGjB,EAAE"}
+{"version":3,"sources":["renderSelect.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { SelectSlots, SelectState } from './Select.types';\n\n/**\n * Render the final JSX of Select\n */\nexport const renderSelect_unstable = (state: SelectState) => {\n  assertSlots<SelectSlots>(state);\n  return (\n    <state.root>\n      <state.select>{state.select.children}</state.select>\n      <state.icon />\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderSelect_unstable","state","root","select","children","icon"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,wBAAwB,CAACC;IACpCF,YAAyBE;IACzB,qBACE,MAACA,MAAMC,IAAI;;0BACT,KAACD,MAAME,MAAM;0BAAEF,MAAME,MAAM,CAACC,QAAQ;;0BACpC,KAACH,MAAMI,IAAI;;;AAGjB,EAAE"}

package/lib/components/Select/useSelect.js

@@ -20,7 +20,7 @@ import { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-co
     });
     const overrides = useOverrides();
     var _overrides_inputDefaultAppearance;
-    const { defaultValue , value , select , icon , root , appearance =(_overrides_inputDefaultAppearance = overrides.inputDefaultAppearance) !== null && _overrides_inputDefaultAppearance !== void 0 ? _overrides_inputDefaultAppearance : 'outline' , onChange , size ='medium'  } = props;
+    const { defaultValue, value, select, icon, root, appearance = (_overrides_inputDefaultAppearance = overrides.inputDefaultAppearance) !== null && _overrides_inputDefaultAppearance !== void 0 ? _overrides_inputDefaultAppearance : 'outline', onChange, size = 'medium' } = props;
     const nativeProps = getPartitionedNativeProps({
         props,
         primarySlotTagName: 'select',
@@ -62,7 +62,8 @@ import { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-co
         })
     };
     state.select.onChange = useEventCallback((event)=>{
-        onChange === null || onChange === void 0 ? void 0 : onChange(event, {
+        var _onChange;
+        (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange(event, {
             value: event.target.value
         });
     });

package/lib/components/Select/useSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport type { SelectProps, SelectState } from './Select.types';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n\n/**\n * Create the state required to render Select.\n *\n * The returned state can be modified with hooks such as useSelectStyles,\n * before being passed to renderSelect.\n *\n * @param props - props from this instance of Select\n * @param ref - reference to the `<select>` element in Select\n */\nexport const useSelect_unstable = (props: SelectProps, ref: React.Ref<HTMLSelectElement>): SelectState => {\n  // Merge props from surrounding <Field>, if any\n  props = useFieldControlProps_unstable(props, { supportsLabelFor: true, supportsRequired: true, supportsSize: true });\n\n  const overrides = useOverrides();\n\n  const {\n    defaultValue,\n    value,\n    select,\n    icon,\n    root,\n    appearance = overrides.inputDefaultAppearance ?? 'outline',\n\n    onChange,\n    size = 'medium',\n  } = props;\n\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'select',\n    excludedPropNames: ['appearance', 'defaultValue', 'onChange', 'size', 'value'],\n  });\n\n  const state: SelectState = {\n    size,\n    appearance,\n    components: {\n      root: 'span',\n      select: 'select',\n      icon: 'span',\n    },\n    select: slot.always(select, {\n      defaultProps: {\n        defaultValue,\n        value,\n        ref,\n        ...nativeProps.primary,\n      },\n      elementType: 'select',\n    }),\n    icon: slot.optional(icon, {\n      renderByDefault: true,\n      defaultProps: { children: <ChevronDownRegular /> },\n      elementType: 'span',\n    }),\n    root: slot.always(root, {\n      defaultProps: nativeProps.root,\n      elementType: 'span',\n    }),\n  };\n\n  state.select.onChange = useEventCallback(event => {\n    onChange?.(event, { value: (event.target as HTMLSelectElement).value });\n  });\n\n  return state;\n};\n"],"names":["React","useFieldControlProps_unstable","getPartitionedNativeProps","useEventCallback","slot","ChevronDownRegular","useOverrides_unstable","useOverrides","useSelect_unstable","props","ref","supportsLabelFor","supportsRequired","supportsSize","overrides","defaultValue","value","select","icon","root","appearance","inputDefaultAppearance","onChange","size","nativeProps","primarySlotTagName","excludedPropNames","state","components","always","defaultProps","primary","elementType","optional","renderByDefault","children","event","target"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,6BAA6B,QAAQ,wBAAwB;AACtE,SAASC,yBAAyB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,4BAA4B;AAC9F,SAASC,kBAAkB,QAAQ,wBAAwB;AAE3D,SAASC,yBAAyBC,YAAY,QAAQ,kCAAkC;AAExF;;;;;;;;CAQC,GACD,OAAO,MAAMC,qBAAqB,CAACC,OAAoBC,MAAmD;IACxG,+CAA+C;IAC/CD,QAAQR,8BAA8BQ,OAAO;QAAEE,kBAAkB,IAAI;QAAEC,kBAAkB,IAAI;QAAEC,cAAc,IAAI;IAAC;IAElH,MAAMC,YAAYP;QAQHO;IANf,MAAM,EACJC,aAAY,EACZC,MAAK,EACLC,OAAM,EACNC,KAAI,EACJC,KAAI,EACJC,YAAaN,CAAAA,oCAAAA,UAAUO,sBAAsB,cAAhCP,+CAAAA,oCAAoC,SAAS,CAAA,EAE1DQ,SAAQ,EACRC,MAAO,SAAQ,EAChB,GAAGd;IAEJ,MAAMe,cAActB,0BAA0B;QAC5CO;QACAgB,oBAAoB;QACpBC,mBAAmB;YAAC;YAAc;YAAgB;YAAY;YAAQ;SAAQ;IAChF;IAEA,MAAMC,QAAqB;QACzBJ;QACAH;QACAQ,YAAY;YACVT,MAAM;YACNF,QAAQ;YACRC,MAAM;QACR;QACAD,QAAQb,KAAKyB,MAAM,CAACZ,QAAQ;YAC1Ba,cAAc;gBACZf;gBACAC;gBACAN;gBACA,GAAGc,YAAYO,OAAO;YACxB;YACAC,aAAa;QACf;QACAd,MAAMd,KAAK6B,QAAQ,CAACf,MAAM;YACxBgB,iBAAiB,IAAI;YACrBJ,cAAc;gBAAEK,wBAAU,oBAAC9B;YAAsB;YACjD2B,aAAa;QACf;QACAb,MAAMf,KAAKyB,MAAM,CAACV,MAAM;YACtBW,cAAcN,YAAYL,IAAI;YAC9Ba,aAAa;QACf;IACF;IAEAL,MAAMV,MAAM,CAACK,QAAQ,GAAGnB,iBAAiBiC,CAAAA,QAAS;QAChDd,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAWc,OAAO;YAAEpB,OAAO,AAACoB,MAAMC,MAAM,CAAuBrB,KAAK;QAAC;IACvE;IAEA,OAAOW;AACT,EAAE"}
+{"version":3,"sources":["useSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport type { SelectProps, SelectState } from './Select.types';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n\n/**\n * Create the state required to render Select.\n *\n * The returned state can be modified with hooks such as useSelectStyles,\n * before being passed to renderSelect.\n *\n * @param props - props from this instance of Select\n * @param ref - reference to the `<select>` element in Select\n */\nexport const useSelect_unstable = (props: SelectProps, ref: React.Ref<HTMLSelectElement>): SelectState => {\n  // Merge props from surrounding <Field>, if any\n  props = useFieldControlProps_unstable(props, { supportsLabelFor: true, supportsRequired: true, supportsSize: true });\n\n  const overrides = useOverrides();\n\n  const {\n    defaultValue,\n    value,\n    select,\n    icon,\n    root,\n    appearance = overrides.inputDefaultAppearance ?? 'outline',\n\n    onChange,\n    size = 'medium',\n  } = props;\n\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'select',\n    excludedPropNames: ['appearance', 'defaultValue', 'onChange', 'size', 'value'],\n  });\n\n  const state: SelectState = {\n    size,\n    appearance,\n    components: {\n      root: 'span',\n      select: 'select',\n      icon: 'span',\n    },\n    select: slot.always(select, {\n      defaultProps: {\n        defaultValue,\n        value,\n        ref,\n        ...nativeProps.primary,\n      },\n      elementType: 'select',\n    }),\n    icon: slot.optional(icon, {\n      renderByDefault: true,\n      defaultProps: { children: <ChevronDownRegular /> },\n      elementType: 'span',\n    }),\n    root: slot.always(root, {\n      defaultProps: nativeProps.root,\n      elementType: 'span',\n    }),\n  };\n\n  state.select.onChange = useEventCallback(event => {\n    onChange?.(event, { value: (event.target as HTMLSelectElement).value });\n  });\n\n  return state;\n};\n"],"names":["React","useFieldControlProps_unstable","getPartitionedNativeProps","useEventCallback","slot","ChevronDownRegular","useOverrides_unstable","useOverrides","useSelect_unstable","props","ref","supportsLabelFor","supportsRequired","supportsSize","overrides","defaultValue","value","select","icon","root","appearance","inputDefaultAppearance","onChange","size","nativeProps","primarySlotTagName","excludedPropNames","state","components","always","defaultProps","primary","elementType","optional","renderByDefault","children","event","target"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,6BAA6B,QAAQ,wBAAwB;AACtE,SAASC,yBAAyB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,4BAA4B;AAC9F,SAASC,kBAAkB,QAAQ,wBAAwB;AAE3D,SAASC,yBAAyBC,YAAY,QAAQ,kCAAkC;AAExF;;;;;;;;CAQC,GACD,OAAO,MAAMC,qBAAqB,CAACC,OAAoBC;IACrD,+CAA+C;IAC/CD,QAAQR,8BAA8BQ,OAAO;QAAEE,kBAAkB;QAAMC,kBAAkB;QAAMC,cAAc;IAAK;IAElH,MAAMC,YAAYP;QAQHO;IANf,MAAM,EACJC,YAAY,EACZC,KAAK,EACLC,MAAM,EACNC,IAAI,EACJC,IAAI,EACJC,aAAaN,CAAAA,oCAAAA,UAAUO,sBAAsB,cAAhCP,+CAAAA,oCAAoC,SAAS,EAE1DQ,QAAQ,EACRC,OAAO,QAAQ,EAChB,GAAGd;IAEJ,MAAMe,cAActB,0BAA0B;QAC5CO;QACAgB,oBAAoB;QACpBC,mBAAmB;YAAC;YAAc;YAAgB;YAAY;YAAQ;SAAQ;IAChF;IAEA,MAAMC,QAAqB;QACzBJ;QACAH;QACAQ,YAAY;YACVT,MAAM;YACNF,QAAQ;YACRC,MAAM;QACR;QACAD,QAAQb,KAAKyB,MAAM,CAACZ,QAAQ;YAC1Ba,cAAc;gBACZf;gBACAC;gBACAN;gBACA,GAAGc,YAAYO,OAAO;YACxB;YACAC,aAAa;QACf;QACAd,MAAMd,KAAK6B,QAAQ,CAACf,MAAM;YACxBgB,iBAAiB;YACjBJ,cAAc;gBAAEK,wBAAU,oBAAC9B;YAAsB;YACjD2B,aAAa;QACf;QACAb,MAAMf,KAAKyB,MAAM,CAACV,MAAM;YACtBW,cAAcN,YAAYL,IAAI;YAC9Ba,aAAa;QACf;IACF;IAEAL,MAAMV,MAAM,CAACK,QAAQ,GAAGnB,iBAAiBiC,CAAAA;YACvCd;SAAAA,YAAAA,sBAAAA,gCAAAA,UAAWc,OAAO;YAAEpB,OAAO,AAACoB,MAAMC,MAAM,CAAuBrB,KAAK;QAAC;IACvE;IAEA,OAAOW;AACT,EAAE"}

package/lib/components/Select/useSelectStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","selectClassNames","root","select","icon","iconSizes","small","medium","large","fieldHeights","paddingRight","spacingHorizontalSNudge","spacingHorizontalXXS","spacingHorizontalMNudge","spacingHorizontalM","paddingLeft","useRootStyles","base","Bt984gj","B7ck84d","mc9l5x","Eh141a","Bahqtrf","qhf8xq","h62rwi","B3778ie","d9w3h3","Bl18szs","B4j8arr","li1rpt","Bsft5z2","Dlnsje","E3zdtr","By385i5","Eqx8gd","B1piin3","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","d","m","w","useSelectStyles","Bowrso0","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","E5pizo","sj55zd","Bceei9c","Bh6795r","B2u0y6b","Byoj8tv","z8tnut","B3aqqti","Brovlpu","Bxa1mx5","disabled","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","disabledUnderline","Bqenvij","uwmqm3","z189sj","Be2twd7","Bhrd7zp","Bg96gwp","outline","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","underline","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","f","h","a","useIconStyles","Bkecrkj","Bo70h7d","Bbusuzp","j35jbq","a9b677","useSelectStyles_unstable","state","size","appearance","iconStyles","rootStyles","selectStyles","className"],"sources":["useSelectStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const selectClassNames = {\n    root: 'fui-Select',\n    select: 'fui-Select__select',\n    icon: 'fui-Select__icon'\n};\nconst iconSizes = {\n    small: '16px',\n    medium: '20px',\n    large: '24px'\n};\n//TODO: Should fieldHeights be a set of global design tokens or constants?\nconst fieldHeights = {\n    small: '24px',\n    medium: '32px',\n    large: '40px'\n};\n/* Since the <select> element must span the full width and cannot have children,\n * the right padding needs to be calculated from the sum of the following:\n * 1. Field padding-right\n * 2. Icon width\n * 3. Content-icon spacing\n * 4. Content inner padding\n */ const paddingRight = {\n    small: `calc(${tokens.spacingHorizontalSNudge}\n    + ${iconSizes.small}\n    + ${tokens.spacingHorizontalXXS}\n    + ${tokens.spacingHorizontalXXS})`,\n    medium: `calc(${tokens.spacingHorizontalMNudge}\n    + ${iconSizes.medium}\n    + ${tokens.spacingHorizontalXXS}\n    + ${tokens.spacingHorizontalXXS})`,\n    large: `calc(${tokens.spacingHorizontalM}\n    + ${iconSizes.large}\n    + ${tokens.spacingHorizontalSNudge}\n    + ${tokens.spacingHorizontalSNudge})`\n};\n/* Left padding is calculated from the outer padding + inner content padding values\n * since <select> can't have additional child content or custom inner layout */ const paddingLeft = {\n    small: `calc(${tokens.spacingHorizontalSNudge} + ${tokens.spacingHorizontalXXS})`,\n    medium: `calc(${tokens.spacingHorizontalMNudge} + ${tokens.spacingHorizontalXXS})`,\n    large: `calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalSNudge})`\n};\n/* end of shared values */ const useRootStyles = makeStyles({\n    base: {\n        alignItems: 'center',\n        boxSizing: 'border-box',\n        display: 'flex',\n        flexWrap: 'nowrap',\n        fontFamily: tokens.fontFamilyBase,\n        position: 'relative',\n        '&::after': {\n            backgroundImage: `linear-gradient(\n        0deg,\n        ${tokens.colorCompoundBrandStroke} 0%,\n        ${tokens.colorCompoundBrandStroke} 50%,\n        transparent 50%,\n        transparent 100%\n      )`,\n            ...shorthands.borderRadius(0, 0, tokens.borderRadiusMedium, tokens.borderRadiusMedium),\n            boxSizing: 'border-box',\n            content: '\"\"',\n            height: tokens.borderRadiusMedium,\n            position: 'absolute',\n            bottom: '0',\n            left: '0',\n            right: '0',\n            transform: 'scaleX(0)',\n            transitionProperty: 'transform',\n            transitionDuration: tokens.durationUltraFast,\n            transitionDelay: tokens.curveAccelerateMid,\n            '@media screen and (prefers-reduced-motion: reduce)': {\n                transitionDuration: '0.01ms',\n                transitionDelay: '0.01ms'\n            }\n        },\n        '&:focus-within::after': {\n            transform: 'scaleX(1)',\n            transitionProperty: 'transform',\n            transitionDuration: tokens.durationNormal,\n            transitionDelay: tokens.curveDecelerateMid,\n            '@media screen and (prefers-reduced-motion: reduce)': {\n                transitionDuration: '0.01ms',\n                transitionDelay: '0.01ms'\n            }\n        }\n    }\n});\nconst useSelectStyles = makeStyles({\n    base: {\n        appearance: 'none',\n        ...shorthands.border('1px', 'solid', 'transparent'),\n        ...shorthands.borderRadius(tokens.borderRadiusMedium),\n        boxShadow: 'none',\n        boxSizing: 'border-box',\n        color: tokens.colorNeutralForeground1,\n        cursor: 'pointer',\n        flexGrow: 1,\n        maxWidth: '100%',\n        paddingBottom: 0,\n        paddingTop: 0,\n        ':focus': {\n            outlineWidth: '2px',\n            outlineStyle: 'solid',\n            outlineColor: 'transparent'\n        }\n    },\n    disabled: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n        color: tokens.colorNeutralForegroundDisabled,\n        cursor: 'not-allowed',\n        '@media (forced-colors: active)': {\n            ...shorthands.borderColor('GrayText')\n        }\n    },\n    disabledUnderline: {\n        ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled, tokens.colorTransparentStrokeDisabled, tokens.colorNeutralStrokeDisabled)\n    },\n    small: {\n        height: fieldHeights.small,\n        paddingLeft: paddingLeft.small,\n        paddingRight: paddingRight.small,\n        ...typographyStyles.caption1\n    },\n    medium: {\n        height: fieldHeights.medium,\n        paddingLeft: paddingLeft.medium,\n        paddingRight: paddingRight.medium,\n        ...typographyStyles.body1\n    },\n    large: {\n        height: fieldHeights.large,\n        paddingLeft: paddingLeft.large,\n        paddingRight: paddingRight.large,\n        ...typographyStyles.body2\n    },\n    outline: {\n        backgroundColor: tokens.colorNeutralBackground1,\n        ...shorthands.border('1px', 'solid', tokens.colorNeutralStroke1),\n        borderBottomColor: tokens.colorNeutralStrokeAccessible\n    },\n    outlineInteractive: {\n        '&:hover': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n            borderBottomColor: tokens.colorNeutralStrokeAccessible\n        },\n        '&:active': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n            borderBottomColor: tokens.colorNeutralStrokeAccessible\n        }\n    },\n    underline: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderBottom('1px', 'solid', tokens.colorNeutralStrokeAccessible),\n        ...shorthands.borderRadius(0)\n    },\n    'filled-lighter': {\n        backgroundColor: tokens.colorNeutralBackground1\n    },\n    'filled-darker': {\n        backgroundColor: tokens.colorNeutralBackground3\n    },\n    invalid: {\n        ':not(:focus-within),:hover:not(:focus-within)': {\n            ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n        }\n    },\n    invalidUnderline: {\n        ':not(:focus-within),:hover:not(:focus-within)': {\n            borderBottomColor: tokens.colorPaletteRedBorder2\n        }\n    }\n});\nconst useIconStyles = makeStyles({\n    icon: {\n        boxSizing: 'border-box',\n        color: tokens.colorNeutralStrokeAccessible,\n        display: 'block',\n        position: 'absolute',\n        pointerEvents: 'none',\n        // the SVG must have display: block for accurate positioning\n        // otherwise an extra inline space is inserted after the svg element\n        '& svg': {\n            display: 'block'\n        }\n    },\n    disabled: {\n        color: tokens.colorNeutralForegroundDisabled,\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    },\n    small: {\n        fontSize: iconSizes.small,\n        height: iconSizes.small,\n        right: tokens.spacingHorizontalSNudge,\n        width: iconSizes.small\n    },\n    medium: {\n        fontSize: iconSizes.medium,\n        height: iconSizes.medium,\n        right: tokens.spacingHorizontalMNudge,\n        width: iconSizes.medium\n    },\n    large: {\n        fontSize: iconSizes.large,\n        height: iconSizes.large,\n        right: tokens.spacingHorizontalM,\n        width: iconSizes.large\n    }\n});\n/**\n * Apply styling to the Select slots based on the state\n */ export const useSelectStyles_unstable = (state)=>{\n    const { size , appearance  } = state;\n    const disabled = state.select.disabled;\n    const invalid = `${state.select['aria-invalid']}` === 'true';\n    const iconStyles = useIconStyles();\n    const rootStyles = useRootStyles();\n    const selectStyles = useSelectStyles();\n    state.root.className = mergeClasses(selectClassNames.root, rootStyles.base, state.root.className);\n    state.select.className = mergeClasses(selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], !disabled && appearance === 'outline' && selectStyles.outlineInteractive, !disabled && invalid && appearance !== 'underline' && selectStyles.invalid, !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline, disabled && selectStyles.disabled, disabled && appearance === 'underline' && selectStyles.disabledUnderline, state.select.className);\n    if (state.icon) {\n        state.icon.className = mergeClasses(selectClassNames.icon, iconStyles.icon, disabled && iconStyles.disabled, iconStyles[size], state.icon.className);\n    }\n    return state;\n};\n"],"mappings":"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"}
+{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","selectClassNames","root","select","icon","iconSizes","small","medium","large","fieldHeights","paddingRight","spacingHorizontalSNudge","spacingHorizontalXXS","spacingHorizontalMNudge","spacingHorizontalM","paddingLeft","useRootStyles","base","Bt984gj","B7ck84d","mc9l5x","Eh141a","Bahqtrf","qhf8xq","h62rwi","B3778ie","d9w3h3","Bl18szs","B4j8arr","li1rpt","Bsft5z2","Dlnsje","E3zdtr","By385i5","Eqx8gd","B1piin3","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","d","m","w","useSelectStyles","Bowrso0","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","E5pizo","sj55zd","Bceei9c","Bh6795r","B2u0y6b","Byoj8tv","z8tnut","B3aqqti","Brovlpu","Bxa1mx5","disabled","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","disabledUnderline","Bqenvij","uwmqm3","z189sj","Be2twd7","Bhrd7zp","Bg96gwp","outline","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","underline","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","f","h","a","useIconStyles","Bkecrkj","Bo70h7d","Bbusuzp","j35jbq","a9b677","useSelectStyles_unstable","state","size","appearance","iconStyles","rootStyles","selectStyles","className"],"sources":["useSelectStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const selectClassNames = {\n    root: 'fui-Select',\n    select: 'fui-Select__select',\n    icon: 'fui-Select__icon'\n};\nconst iconSizes = {\n    small: '16px',\n    medium: '20px',\n    large: '24px'\n};\n//TODO: Should fieldHeights be a set of global design tokens or constants?\nconst fieldHeights = {\n    small: '24px',\n    medium: '32px',\n    large: '40px'\n};\n/* Since the <select> element must span the full width and cannot have children,\n * the right padding needs to be calculated from the sum of the following:\n * 1. Field padding-right\n * 2. Icon width\n * 3. Content-icon spacing\n * 4. Content inner padding\n */ const paddingRight = {\n    small: `calc(${tokens.spacingHorizontalSNudge}\n    + ${iconSizes.small}\n    + ${tokens.spacingHorizontalXXS}\n    + ${tokens.spacingHorizontalXXS})`,\n    medium: `calc(${tokens.spacingHorizontalMNudge}\n    + ${iconSizes.medium}\n    + ${tokens.spacingHorizontalXXS}\n    + ${tokens.spacingHorizontalXXS})`,\n    large: `calc(${tokens.spacingHorizontalM}\n    + ${iconSizes.large}\n    + ${tokens.spacingHorizontalSNudge}\n    + ${tokens.spacingHorizontalSNudge})`\n};\n/* Left padding is calculated from the outer padding + inner content padding values\n * since <select> can't have additional child content or custom inner layout */ const paddingLeft = {\n    small: `calc(${tokens.spacingHorizontalSNudge} + ${tokens.spacingHorizontalXXS})`,\n    medium: `calc(${tokens.spacingHorizontalMNudge} + ${tokens.spacingHorizontalXXS})`,\n    large: `calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalSNudge})`\n};\n/* end of shared values */ const useRootStyles = makeStyles({\n    base: {\n        alignItems: 'center',\n        boxSizing: 'border-box',\n        display: 'flex',\n        flexWrap: 'nowrap',\n        fontFamily: tokens.fontFamilyBase,\n        position: 'relative',\n        '&::after': {\n            backgroundImage: `linear-gradient(\n        0deg,\n        ${tokens.colorCompoundBrandStroke} 0%,\n        ${tokens.colorCompoundBrandStroke} 50%,\n        transparent 50%,\n        transparent 100%\n      )`,\n            ...shorthands.borderRadius(0, 0, tokens.borderRadiusMedium, tokens.borderRadiusMedium),\n            boxSizing: 'border-box',\n            content: '\"\"',\n            height: tokens.borderRadiusMedium,\n            position: 'absolute',\n            bottom: '0',\n            left: '0',\n            right: '0',\n            transform: 'scaleX(0)',\n            transitionProperty: 'transform',\n            transitionDuration: tokens.durationUltraFast,\n            transitionDelay: tokens.curveAccelerateMid,\n            '@media screen and (prefers-reduced-motion: reduce)': {\n                transitionDuration: '0.01ms',\n                transitionDelay: '0.01ms'\n            }\n        },\n        '&:focus-within::after': {\n            transform: 'scaleX(1)',\n            transitionProperty: 'transform',\n            transitionDuration: tokens.durationNormal,\n            transitionDelay: tokens.curveDecelerateMid,\n            '@media screen and (prefers-reduced-motion: reduce)': {\n                transitionDuration: '0.01ms',\n                transitionDelay: '0.01ms'\n            }\n        }\n    }\n});\nconst useSelectStyles = makeStyles({\n    base: {\n        appearance: 'none',\n        ...shorthands.border('1px', 'solid', 'transparent'),\n        ...shorthands.borderRadius(tokens.borderRadiusMedium),\n        boxShadow: 'none',\n        boxSizing: 'border-box',\n        color: tokens.colorNeutralForeground1,\n        cursor: 'pointer',\n        flexGrow: 1,\n        maxWidth: '100%',\n        paddingBottom: 0,\n        paddingTop: 0,\n        ':focus': {\n            outlineWidth: '2px',\n            outlineStyle: 'solid',\n            outlineColor: 'transparent'\n        }\n    },\n    disabled: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n        color: tokens.colorNeutralForegroundDisabled,\n        cursor: 'not-allowed',\n        '@media (forced-colors: active)': {\n            ...shorthands.borderColor('GrayText')\n        }\n    },\n    disabledUnderline: {\n        ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled, tokens.colorTransparentStrokeDisabled, tokens.colorNeutralStrokeDisabled)\n    },\n    small: {\n        height: fieldHeights.small,\n        paddingLeft: paddingLeft.small,\n        paddingRight: paddingRight.small,\n        ...typographyStyles.caption1\n    },\n    medium: {\n        height: fieldHeights.medium,\n        paddingLeft: paddingLeft.medium,\n        paddingRight: paddingRight.medium,\n        ...typographyStyles.body1\n    },\n    large: {\n        height: fieldHeights.large,\n        paddingLeft: paddingLeft.large,\n        paddingRight: paddingRight.large,\n        ...typographyStyles.body2\n    },\n    outline: {\n        backgroundColor: tokens.colorNeutralBackground1,\n        ...shorthands.border('1px', 'solid', tokens.colorNeutralStroke1),\n        borderBottomColor: tokens.colorNeutralStrokeAccessible\n    },\n    outlineInteractive: {\n        '&:hover': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n            borderBottomColor: tokens.colorNeutralStrokeAccessible\n        },\n        '&:active': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n            borderBottomColor: tokens.colorNeutralStrokeAccessible\n        }\n    },\n    underline: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderBottom('1px', 'solid', tokens.colorNeutralStrokeAccessible),\n        ...shorthands.borderRadius(0)\n    },\n    'filled-lighter': {\n        backgroundColor: tokens.colorNeutralBackground1\n    },\n    'filled-darker': {\n        backgroundColor: tokens.colorNeutralBackground3\n    },\n    invalid: {\n        ':not(:focus-within),:hover:not(:focus-within)': {\n            ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n        }\n    },\n    invalidUnderline: {\n        ':not(:focus-within),:hover:not(:focus-within)': {\n            borderBottomColor: tokens.colorPaletteRedBorder2\n        }\n    }\n});\nconst useIconStyles = makeStyles({\n    icon: {\n        boxSizing: 'border-box',\n        color: tokens.colorNeutralStrokeAccessible,\n        display: 'block',\n        position: 'absolute',\n        pointerEvents: 'none',\n        // the SVG must have display: block for accurate positioning\n        // otherwise an extra inline space is inserted after the svg element\n        '& svg': {\n            display: 'block'\n        }\n    },\n    disabled: {\n        color: tokens.colorNeutralForegroundDisabled,\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    },\n    small: {\n        fontSize: iconSizes.small,\n        height: iconSizes.small,\n        right: tokens.spacingHorizontalSNudge,\n        width: iconSizes.small\n    },\n    medium: {\n        fontSize: iconSizes.medium,\n        height: iconSizes.medium,\n        right: tokens.spacingHorizontalMNudge,\n        width: iconSizes.medium\n    },\n    large: {\n        fontSize: iconSizes.large,\n        height: iconSizes.large,\n        right: tokens.spacingHorizontalM,\n        width: iconSizes.large\n    }\n});\n/**\n * Apply styling to the Select slots based on the state\n */ export const useSelectStyles_unstable = (state)=>{\n    const { size, appearance } = state;\n    const disabled = state.select.disabled;\n    const invalid = `${state.select['aria-invalid']}` === 'true';\n    const iconStyles = useIconStyles();\n    const rootStyles = useRootStyles();\n    const selectStyles = useSelectStyles();\n    state.root.className = mergeClasses(selectClassNames.root, rootStyles.base, state.root.className);\n    state.select.className = mergeClasses(selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], !disabled && appearance === 'outline' && selectStyles.outlineInteractive, !disabled && invalid && appearance !== 'underline' && selectStyles.invalid, !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline, disabled && selectStyles.disabled, disabled && appearance === 'underline' && selectStyles.disabledUnderline, state.select.className);\n    if (state.icon) {\n        state.icon.className = mergeClasses(selectClassNames.icon, iconStyles.icon, disabled && iconStyles.disabled, iconStyles[size], state.icon.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,gBAAgB,GAAG;EAC5BC,IAAI,EAAE,YAAY;EAClBC,MAAM,EAAE,oBAAoB;EAC5BC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAG;EACdC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE;AACX,CAAC;AACD;AACA,MAAMC,YAAY,GAAG;EACjBH,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE;AACX,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AAAI,MAAME,YAAY,GAAG;EACrBJ,KAAK,EAAG,QAAOP,MAAM,CAACY,uBAAwB;AAClD,QAAQN,SAAS,CAACC,KAAM;AACxB,QAAQP,MAAM,CAACa,oBAAqB;AACpC,QAAQb,MAAM,CAACa,oBAAqB,GAAE;EAClCL,MAAM,EAAG,QAAOR,MAAM,CAACc,uBAAwB;AACnD,QAAQR,SAAS,CAACE,MAAO;AACzB,QAAQR,MAAM,CAACa,oBAAqB;AACpC,QAAQb,MAAM,CAACa,oBAAqB,GAAE;EAClCJ,KAAK,EAAG,QAAOT,MAAM,CAACe,kBAAmB;AAC7C,QAAQT,SAAS,CAACG,KAAM;AACxB,QAAQT,MAAM,CAACY,uBAAwB;AACvC,QAAQZ,MAAM,CAACY,uBAAwB;AACvC,CAAC;AACD;AACA;AAAgF,MAAMI,WAAW,GAAG;EAChGT,KAAK,EAAG,QAAOP,MAAM,CAACY,uBAAwB,MAAKZ,MAAM,CAACa,oBAAqB,GAAE;EACjFL,MAAM,EAAG,QAAOR,MAAM,CAACc,uBAAwB,MAAKd,MAAM,CAACa,oBAAqB,GAAE;EAClFJ,KAAK,EAAG,QAAOT,MAAM,CAACe,kBAAmB,MAAKf,MAAM,CAACY,uBAAwB;AACjF,CAAC;AACD;AAA2B,MAAMK,aAAa,gBAAGpB,QAAA;EAAAqB,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;AAAA,CA4ChD,CAAC;AACF,MAAMC,eAAe,gBAAGvD,QAAA;EAAAqB,IAAA;IAAAmC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAlD,OAAA;IAAAmD,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,MAAA;IAAAnB,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAM,MAAA;IAAAC,OAAA;IAAAU,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,iBAAA;IAAAxB,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA1D,KAAA;IAAAgF,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAlE,OAAA;IAAAmE,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAApF,MAAA;IAAA+E,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAlE,OAAA;IAAAmE,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAnF,KAAA;IAAA8E,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAlE,OAAA;IAAAmE,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAZ,MAAA;IAAA3B,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA6B,kBAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAAtB,MAAA;IAAAzB,OAAA;IAAAI,MAAA;IAAAI,OAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAA;IAAAY,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;EAAAuB,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,gBAAA;IAAAF,MAAA;EAAA;AAAA;EAAA1D,CAAA;EAAA6D,CAAA;EAAA5D,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAA6D,CAAA;EAAAC,CAAA;AAAA,CAqFvB,CAAC;AACF,MAAMC,aAAa,gBAAGpH,QAAA;EAAAQ,IAAA;IAAAe,OAAA;IAAAmD,MAAA;IAAAlD,MAAA;IAAAG,MAAA;IAAA0F,OAAA;IAAAC,OAAA;EAAA;EAAAnC,QAAA;IAAAT,MAAA;IAAA6C,OAAA;EAAA;EAAA7G,KAAA;IAAAmF,OAAA;IAAAH,OAAA;IAAA8B,MAAA;IAAAC,MAAA;EAAA;EAAA9G,MAAA;IAAAkF,OAAA;IAAAH,OAAA;IAAA8B,MAAA;IAAAC,MAAA;EAAA;EAAA7G,KAAA;IAAAiF,OAAA;IAAAH,OAAA;IAAA8B,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAArE,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;AAAA,CAqCrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMqE,wBAAwB,GAAIC,KAAK,IAAG;EACjD,MAAM;IAAEC,IAAI;IAAEC;EAAW,CAAC,GAAGF,KAAK;EAClC,MAAMxC,QAAQ,GAAGwC,KAAK,CAACpH,MAAM,CAAC4E,QAAQ;EACtC,MAAMwB,OAAO,GAAI,GAAEgB,KAAK,CAACpH,MAAM,CAAC,cAAc,CAAE,EAAC,KAAK,MAAM;EAC5D,MAAMuH,UAAU,GAAGV,aAAa,CAAC,CAAC;EAClC,MAAMW,UAAU,GAAG3G,aAAa,CAAC,CAAC;EAClC,MAAM4G,YAAY,GAAGzE,eAAe,CAAC,CAAC;EACtCoE,KAAK,CAACrH,IAAI,CAAC2H,SAAS,GAAGhI,YAAY,CAACI,gBAAgB,CAACC,IAAI,EAAEyH,UAAU,CAAC1G,IAAI,EAAEsG,KAAK,CAACrH,IAAI,CAAC2H,SAAS,CAAC;EACjGN,KAAK,CAACpH,MAAM,CAAC0H,SAAS,GAAGhI,YAAY,CAACI,gBAAgB,CAACE,MAAM,EAAEyH,YAAY,CAAC3G,IAAI,EAAE2G,YAAY,CAACJ,IAAI,CAAC,EAAEI,YAAY,CAACH,UAAU,CAAC,EAAE,CAAC1C,QAAQ,IAAI0C,UAAU,KAAK,SAAS,IAAIG,YAAY,CAAC/B,kBAAkB,EAAE,CAACd,QAAQ,IAAIwB,OAAO,IAAIkB,UAAU,KAAK,WAAW,IAAIG,YAAY,CAACrB,OAAO,EAAE,CAACxB,QAAQ,IAAIwB,OAAO,IAAIkB,UAAU,KAAK,WAAW,IAAIG,YAAY,CAAChB,gBAAgB,EAAE7B,QAAQ,IAAI6C,YAAY,CAAC7C,QAAQ,EAAEA,QAAQ,IAAI0C,UAAU,KAAK,WAAW,IAAIG,YAAY,CAACvC,iBAAiB,EAAEkC,KAAK,CAACpH,MAAM,CAAC0H,SAAS,CAAC;EAC/e,IAAIN,KAAK,CAACnH,IAAI,EAAE;IACZmH,KAAK,CAACnH,IAAI,CAACyH,SAAS,GAAGhI,YAAY,CAACI,gBAAgB,CAACG,IAAI,EAAEsH,UAAU,CAACtH,IAAI,EAAE2E,QAAQ,IAAI2C,UAAU,CAAC3C,QAAQ,EAAE2C,UAAU,CAACF,IAAI,CAAC,EAAED,KAAK,CAACnH,IAAI,CAACyH,SAAS,CAAC;EACxJ;EACA,OAAON,KAAK;AAChB,CAAC"}

package/lib-commonjs/Select.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./components/Select/index"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/Select/index"), exports);

package/lib-commonjs/Select.js.map

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

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

@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Select", {
     enumerable: true,
-    get: ()=>Select
+    get: function() {
+        return Select;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useSelect = require("./useSelect");
 const _renderSelect = require("./renderSelect");
-const _useSelectStylesStyles = require("./useSelectStyles.styles");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _useSelectStylesstyles = require("./useSelectStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const Select = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useSelect.useSelect_unstable)(props, ref);
-    (0, _useSelectStylesStyles.useSelectStyles_unstable)(state);
-    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useSelectStyles_unstable')(state);
+    (0, _useSelectStylesstyles.useSelectStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useSelectStyles_unstable')(state);
     return (0, _renderSelect.renderSelect_unstable)(state);
 });
 Select.displayName = 'Select';

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

@@ -1 +1 @@
-{"version":3,"sources":["Select.js"],"sourcesContent":["import * as React from 'react';\nimport { useSelect_unstable } from './useSelect';\nimport { renderSelect_unstable } from './renderSelect';\nimport { useSelectStyles_unstable } from './useSelectStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Select component\n */ export const Select = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useSelect_unstable(props, ref);\n    useSelectStyles_unstable(state);\n    useCustomStyleHook_unstable('useSelectStyles_unstable')(state);\n    return renderSelect_unstable(state);\n});\nSelect.displayName = 'Select';\n"],"names":["Select","React","forwardRef","props","ref","state","useSelect_unstable","useSelectStyles_unstable","useCustomStyleHook_unstable","renderSelect_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"}
+{"version":3,"sources":["Select.js"],"sourcesContent":["import * as React from 'react';\nimport { useSelect_unstable } from './useSelect';\nimport { renderSelect_unstable } from './renderSelect';\nimport { useSelectStyles_unstable } from './useSelectStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Select component\n */ export const Select = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useSelect_unstable(props, ref);\n    useSelectStyles_unstable(state);\n    useCustomStyleHook_unstable('useSelectStyles_unstable')(state);\n    return renderSelect_unstable(state);\n});\nSelect.displayName = 'Select';\n"],"names":["Select","React","forwardRef","props","ref","state","useSelect_unstable","useSelectStyles_unstable","useCustomStyleHook_unstable","renderSelect_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;2BACY;8BACG;uCACG;qCACG;AAGjC,MAAMA,SAAS,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7D,MAAMC,QAAQC,IAAAA,6BAAkB,EAACH,OAAOC;IACxCG,IAAAA,+CAAwB,EAACF;IACzBG,IAAAA,gDAA2B,EAAC,4BAA4BH;IACxD,OAAOI,IAAAA,mCAAqB,EAACJ;AACjC;AACAL,OAAOU,WAAW,GAAG"}

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

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

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

@@ -1 +1 @@
-{"version":3,"sources":["Select.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}
+{"version":3,"sources":["Select.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./Select"), exports);
-_exportStar(require("./Select.types"), exports);
-_exportStar(require("./renderSelect"), exports);
-_exportStar(require("./useSelect"), exports);
-_exportStar(require("./useSelectStyles.styles"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Select"), exports);
+_export_star._(require("./Select.types"), exports);
+_export_star._(require("./renderSelect"), exports);
+_export_star._(require("./useSelect"), exports);
+_export_star._(require("./useSelectStyles.styles"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Select';\nexport * from './Select.types';\nexport * from './renderSelect';\nexport * from './useSelect';\nexport * from './useSelectStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Select';\nexport * from './Select.types';\nexport * from './renderSelect';\nexport * from './useSelect';\nexport * from './useSelectStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/Select/renderSelect.js

@@ -1,14 +1,23 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderSelect_unstable", {
     enumerable: true,
-    get: ()=>renderSelect_unstable
+    get: function() {
+        return renderSelect_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
 const renderSelect_unstable = (state)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.select, null, state.select.children), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.icon, null));
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.select, {
+                children: state.select.children
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {})
+        ]
+    });
 };

package/lib-commonjs/components/Select/renderSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderSelect.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Select\n */ export const renderSelect_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, /*#__PURE__*/ createElement(state.select, null, state.select.children), /*#__PURE__*/ createElement(state.icon, null));\n};\n"],"names":["renderSelect_unstable","state","assertSlots","createElement","root","select","children","icon"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,wBAAwB,CAACC,QAAQ;IAC9CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACF,MAAMI,MAAM,EAAE,IAAI,EAAEJ,MAAMI,MAAM,CAACC,QAAQ,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACF,MAAMM,IAAI,EAAE,IAAI;AAC7K"}
+{"version":3,"sources":["renderSelect.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Select\n */ export const renderSelect_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            /*#__PURE__*/ _jsx(state.select, {\n                children: state.select.children\n            }),\n            /*#__PURE__*/ _jsx(state.icon, {})\n        ]\n    });\n};\n"],"names":["renderSelect_unstable","state","assertSlots","_jsxs","root","children","_jsx","select","icon"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ2G;gCAChG;AAGjB,MAAMA,wBAAwB,CAACC;IACtCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACL,MAAMM,MAAM,EAAE;gBAC7BF,UAAUJ,MAAMM,MAAM,CAACF,QAAQ;YACnC;YACA,WAAW,GAAGC,IAAAA,eAAI,EAACL,MAAMO,IAAI,EAAE,CAAC;SACnC;IACL;AACJ"}

package/lib-commonjs/components/Select/useSelect.js

@@ -4,25 +4,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useSelect_unstable", {
     enumerable: true,
-    get: ()=>useSelect_unstable
+    get: function() {
+        return useSelect_unstable;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactField = require("@fluentui/react-field");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _reactIcons = require("@fluentui/react-icons");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactfield = require("@fluentui/react-field");
+const _reactutilities = require("@fluentui/react-utilities");
+const _reacticons = require("@fluentui/react-icons");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const useSelect_unstable = (props, ref)=>{
     // Merge props from surrounding <Field>, if any
-    props = (0, _reactField.useFieldControlProps_unstable)(props, {
+    props = (0, _reactfield.useFieldControlProps_unstable)(props, {
         supportsLabelFor: true,
         supportsRequired: true,
         supportsSize: true
     });
-    const overrides = (0, _reactSharedContexts.useOverrides_unstable)();
+    const overrides = (0, _reactsharedcontexts.useOverrides_unstable)();
     var _overrides_inputDefaultAppearance;
-    const { defaultValue , value , select , icon , root , appearance =(_overrides_inputDefaultAppearance = overrides.inputDefaultAppearance) !== null && _overrides_inputDefaultAppearance !== void 0 ? _overrides_inputDefaultAppearance : 'outline' , onChange , size ='medium'  } = props;
-    const nativeProps = (0, _reactUtilities.getPartitionedNativeProps)({
+    const { defaultValue, value, select, icon, root, appearance = (_overrides_inputDefaultAppearance = overrides.inputDefaultAppearance) !== null && _overrides_inputDefaultAppearance !== void 0 ? _overrides_inputDefaultAppearance : 'outline', onChange, size = 'medium' } = props;
+    const nativeProps = (0, _reactutilities.getPartitionedNativeProps)({
         props,
         primarySlotTagName: 'select',
         excludedPropNames: [
@@ -41,7 +43,7 @@ const useSelect_unstable = (props, ref)=>{
             select: 'select',
             icon: 'span'
         },
-        select: _reactUtilities.slot.always(select, {
+        select: _reactutilities.slot.always(select, {
             defaultProps: {
                 defaultValue,
                 value,
@@ -50,20 +52,21 @@ const useSelect_unstable = (props, ref)=>{
             },
             elementType: 'select'
         }),
-        icon: _reactUtilities.slot.optional(icon, {
+        icon: _reactutilities.slot.optional(icon, {
             renderByDefault: true,
             defaultProps: {
-                children: /*#__PURE__*/ _react.createElement(_reactIcons.ChevronDownRegular, null)
+                children: /*#__PURE__*/ _react.createElement(_reacticons.ChevronDownRegular, null)
             },
             elementType: 'span'
         }),
-        root: _reactUtilities.slot.always(root, {
+        root: _reactutilities.slot.always(root, {
             defaultProps: nativeProps.root,
             elementType: 'span'
         })
     };
-    state.select.onChange = (0, _reactUtilities.useEventCallback)((event)=>{
-        onChange === null || onChange === void 0 ? void 0 : onChange(event, {
+    state.select.onChange = (0, _reactutilities.useEventCallback)((event)=>{
+        var _onChange;
+        (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange(event, {
             value: event.target.value
         });
     });

package/lib-commonjs/components/Select/useSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useSelect.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n/**\n * Create the state required to render Select.\n *\n * The returned state can be modified with hooks such as useSelectStyles,\n * before being passed to renderSelect.\n *\n * @param props - props from this instance of Select\n * @param ref - reference to the `<select>` element in Select\n */ export const useSelect_unstable = (props, ref)=>{\n    // Merge props from surrounding <Field>, if any\n    props = useFieldControlProps_unstable(props, {\n        supportsLabelFor: true,\n        supportsRequired: true,\n        supportsSize: true\n    });\n    const overrides = useOverrides();\n    var _overrides_inputDefaultAppearance;\n    const { defaultValue , value , select , icon , root , appearance =(_overrides_inputDefaultAppearance = overrides.inputDefaultAppearance) !== null && _overrides_inputDefaultAppearance !== void 0 ? _overrides_inputDefaultAppearance : 'outline' , onChange , size ='medium'  } = props;\n    const nativeProps = getPartitionedNativeProps({\n        props,\n        primarySlotTagName: 'select',\n        excludedPropNames: [\n            'appearance',\n            'defaultValue',\n            'onChange',\n            'size',\n            'value'\n        ]\n    });\n    const state = {\n        size,\n        appearance,\n        components: {\n            root: 'span',\n            select: 'select',\n            icon: 'span'\n        },\n        select: slot.always(select, {\n            defaultProps: {\n                defaultValue,\n                value,\n                ref,\n                ...nativeProps.primary\n            },\n            elementType: 'select'\n        }),\n        icon: slot.optional(icon, {\n            renderByDefault: true,\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(ChevronDownRegular, null)\n            },\n            elementType: 'span'\n        }),\n        root: slot.always(root, {\n            defaultProps: nativeProps.root,\n            elementType: 'span'\n        })\n    };\n    state.select.onChange = useEventCallback((event)=>{\n        onChange === null || onChange === void 0 ? void 0 : onChange(event, {\n            value: event.target.value\n        });\n    });\n    return state;\n};\n"],"names":["useSelect_unstable","props","ref","useFieldControlProps_unstable","supportsLabelFor","supportsRequired","supportsSize","overrides","useOverrides","_overrides_inputDefaultAppearance","defaultValue","value","select","icon","root","appearance","inputDefaultAppearance","onChange","size","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","state","components","slot","always","defaultProps","primary","elementType","optional","renderByDefault","children","React","createElement","ChevronDownRegular","useEventCallback","event","target"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAbM;4BACuB;gCACoB;4BAC/B;qCACmB;AAS3C,MAAMA,qBAAqB,CAACC,OAAOC,MAAM;IAChD,+CAA+C;IAC/CD,QAAQE,IAAAA,yCAA6B,EAACF,OAAO;QACzCG,kBAAkB,IAAI;QACtBC,kBAAkB,IAAI;QACtBC,cAAc,IAAI;IACtB;IACA,MAAMC,YAAYC,IAAAA,0CAAY;IAC9B,IAAIC;IACJ,MAAM,EAAEC,aAAY,EAAGC,MAAK,EAAGC,OAAM,EAAGC,KAAI,EAAGC,KAAI,EAAGC,YAAY,AAACN,CAAAA,oCAAoCF,UAAUS,sBAAsB,AAAD,MAAO,IAAI,IAAIP,sCAAsC,KAAK,IAAIA,oCAAoC,SAAS,CAAA,EAAGQ,SAAQ,EAAGC,MAAM,SAAQ,EAAG,GAAGjB;IACnR,MAAMkB,cAAcC,IAAAA,yCAAyB,EAAC;QAC1CnB;QACAoB,oBAAoB;QACpBC,mBAAmB;YACf;YACA;YACA;YACA;YACA;SACH;IACL;IACA,MAAMC,QAAQ;QACVL;QACAH;QACAS,YAAY;YACRV,MAAM;YACNF,QAAQ;YACRC,MAAM;QACV;QACAD,QAAQa,oBAAI,CAACC,MAAM,CAACd,QAAQ;YACxBe,cAAc;gBACVjB;gBACAC;gBACAT;gBACA,GAAGiB,YAAYS,OAAO;YAC1B;YACAC,aAAa;QACjB;QACAhB,MAAMY,oBAAI,CAACK,QAAQ,CAACjB,MAAM;YACtBkB,iBAAiB,IAAI;YACrBJ,cAAc;gBACVK,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACC,8BAAkB,EAAE,IAAI;YACxE;YACAN,aAAa;QACjB;QACAf,MAAMW,oBAAI,CAACC,MAAM,CAACZ,MAAM;YACpBa,cAAcR,YAAYL,IAAI;YAC9Be,aAAa;QACjB;IACJ;IACAN,MAAMX,MAAM,CAACK,QAAQ,GAAGmB,IAAAA,gCAAgB,EAAC,CAACC,QAAQ;QAC9CpB,aAAa,IAAI,IAAIA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASoB,OAAO;YAChE1B,OAAO0B,MAAMC,MAAM,CAAC3B,KAAK;QAC7B,EAAE;IACN;IACA,OAAOY;AACX"}
+{"version":3,"sources":["useSelect.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n/**\n * Create the state required to render Select.\n *\n * The returned state can be modified with hooks such as useSelectStyles,\n * before being passed to renderSelect.\n *\n * @param props - props from this instance of Select\n * @param ref - reference to the `<select>` element in Select\n */ export const useSelect_unstable = (props, ref)=>{\n    // Merge props from surrounding <Field>, if any\n    props = useFieldControlProps_unstable(props, {\n        supportsLabelFor: true,\n        supportsRequired: true,\n        supportsSize: true\n    });\n    const overrides = useOverrides();\n    var _overrides_inputDefaultAppearance;\n    const { defaultValue, value, select, icon, root, appearance = (_overrides_inputDefaultAppearance = overrides.inputDefaultAppearance) !== null && _overrides_inputDefaultAppearance !== void 0 ? _overrides_inputDefaultAppearance : 'outline', onChange, size = 'medium' } = props;\n    const nativeProps = getPartitionedNativeProps({\n        props,\n        primarySlotTagName: 'select',\n        excludedPropNames: [\n            'appearance',\n            'defaultValue',\n            'onChange',\n            'size',\n            'value'\n        ]\n    });\n    const state = {\n        size,\n        appearance,\n        components: {\n            root: 'span',\n            select: 'select',\n            icon: 'span'\n        },\n        select: slot.always(select, {\n            defaultProps: {\n                defaultValue,\n                value,\n                ref,\n                ...nativeProps.primary\n            },\n            elementType: 'select'\n        }),\n        icon: slot.optional(icon, {\n            renderByDefault: true,\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(ChevronDownRegular, null)\n            },\n            elementType: 'span'\n        }),\n        root: slot.always(root, {\n            defaultProps: nativeProps.root,\n            elementType: 'span'\n        })\n    };\n    state.select.onChange = useEventCallback((event)=>{\n        var _onChange;\n        (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange(event, {\n            value: event.target.value\n        });\n    });\n    return state;\n};\n"],"names":["useSelect_unstable","props","ref","useFieldControlProps_unstable","supportsLabelFor","supportsRequired","supportsSize","overrides","useOverrides","_overrides_inputDefaultAppearance","defaultValue","value","select","icon","root","appearance","inputDefaultAppearance","onChange","size","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","state","components","slot","always","defaultProps","primary","elementType","optional","renderByDefault","children","React","createElement","ChevronDownRegular","useEventCallback","event","_onChange","target"],"mappings":";;;;+BAaiBA;;;eAAAA;;;;iEAbM;4BACuB;gCACoB;4BAC/B;qCACmB;AAS3C,MAAMA,qBAAqB,CAACC,OAAOC;IAC1C,+CAA+C;IAC/CD,QAAQE,IAAAA,yCAA6B,EAACF,OAAO;QACzCG,kBAAkB;QAClBC,kBAAkB;QAClBC,cAAc;IAClB;IACA,MAAMC,YAAYC,IAAAA,0CAAY;IAC9B,IAAIC;IACJ,MAAM,EAAEC,YAAY,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,aAAa,AAACN,CAAAA,oCAAoCF,UAAUS,sBAAsB,AAAD,MAAO,QAAQP,sCAAsC,KAAK,IAAIA,oCAAoC,SAAS,EAAEQ,QAAQ,EAAEC,OAAO,QAAQ,EAAE,GAAGjB;IAC7Q,MAAMkB,cAAcC,IAAAA,yCAAyB,EAAC;QAC1CnB;QACAoB,oBAAoB;QACpBC,mBAAmB;YACf;YACA;YACA;YACA;YACA;SACH;IACL;IACA,MAAMC,QAAQ;QACVL;QACAH;QACAS,YAAY;YACRV,MAAM;YACNF,QAAQ;YACRC,MAAM;QACV;QACAD,QAAQa,oBAAI,CAACC,MAAM,CAACd,QAAQ;YACxBe,cAAc;gBACVjB;gBACAC;gBACAT;gBACA,GAAGiB,YAAYS,OAAO;YAC1B;YACAC,aAAa;QACjB;QACAhB,MAAMY,oBAAI,CAACK,QAAQ,CAACjB,MAAM;YACtBkB,iBAAiB;YACjBJ,cAAc;gBACVK,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACC,8BAAkB,EAAE;YACpE;YACAN,aAAa;QACjB;QACAf,MAAMW,oBAAI,CAACC,MAAM,CAACZ,MAAM;YACpBa,cAAcR,YAAYL,IAAI;YAC9Be,aAAa;QACjB;IACJ;IACAN,MAAMX,MAAM,CAACK,QAAQ,GAAGmB,IAAAA,gCAAgB,EAAC,CAACC;QACtC,IAAIC;QACHA,CAAAA,YAAYrB,QAAO,MAAO,QAAQqB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUD,OAAO;YAChF1B,OAAO0B,MAAME,MAAM,CAAC5B,KAAK;QAC7B;IACJ;IACA,OAAOY;AACX"}

package/lib-commonjs/components/Select/useSelectStyles.styles.js

@@ -9,11 +9,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    selectClassNames: ()=>selectClassNames,
-    useSelectStyles_unstable: ()=>useSelectStyles_unstable
+    selectClassNames: function() {
+        return selectClassNames;
+    },
+    useSelectStyles_unstable: function() {
+        return useSelectStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
-const _reactTheme = require("@fluentui/react-theme");
+const _reacttheme = require("@fluentui/react-theme");
 const selectClassNames = {
     root: 'fui-Select',
     select: 'fui-Select__select',
@@ -37,26 +41,26 @@ const fieldHeights = {
  * 3. Content-icon spacing
  * 4. Content inner padding
  */ const paddingRight = {
-    small: `calc(${_reactTheme.tokens.spacingHorizontalSNudge}
+    small: `calc(${_reacttheme.tokens.spacingHorizontalSNudge}
     + ${iconSizes.small}
-    + ${_reactTheme.tokens.spacingHorizontalXXS}
-    + ${_reactTheme.tokens.spacingHorizontalXXS})`,
-    medium: `calc(${_reactTheme.tokens.spacingHorizontalMNudge}
+    + ${_reacttheme.tokens.spacingHorizontalXXS}
+    + ${_reacttheme.tokens.spacingHorizontalXXS})`,
+    medium: `calc(${_reacttheme.tokens.spacingHorizontalMNudge}
     + ${iconSizes.medium}
-    + ${_reactTheme.tokens.spacingHorizontalXXS}
-    + ${_reactTheme.tokens.spacingHorizontalXXS})`,
-    large: `calc(${_reactTheme.tokens.spacingHorizontalM}
+    + ${_reacttheme.tokens.spacingHorizontalXXS}
+    + ${_reacttheme.tokens.spacingHorizontalXXS})`,
+    large: `calc(${_reacttheme.tokens.spacingHorizontalM}
     + ${iconSizes.large}
-    + ${_reactTheme.tokens.spacingHorizontalSNudge}
-    + ${_reactTheme.tokens.spacingHorizontalSNudge})`
+    + ${_reacttheme.tokens.spacingHorizontalSNudge}
+    + ${_reacttheme.tokens.spacingHorizontalSNudge})`
 };
 /* Left padding is calculated from the outer padding + inner content padding values
  * since <select> can't have additional child content or custom inner layout */ const paddingLeft = {
-    small: `calc(${_reactTheme.tokens.spacingHorizontalSNudge} + ${_reactTheme.tokens.spacingHorizontalXXS})`,
-    medium: `calc(${_reactTheme.tokens.spacingHorizontalMNudge} + ${_reactTheme.tokens.spacingHorizontalXXS})`,
-    large: `calc(${_reactTheme.tokens.spacingHorizontalM} + ${_reactTheme.tokens.spacingHorizontalSNudge})`
+    small: `calc(${_reacttheme.tokens.spacingHorizontalSNudge} + ${_reacttheme.tokens.spacingHorizontalXXS})`,
+    medium: `calc(${_reacttheme.tokens.spacingHorizontalMNudge} + ${_reacttheme.tokens.spacingHorizontalXXS})`,
+    large: `calc(${_reacttheme.tokens.spacingHorizontalM} + ${_reacttheme.tokens.spacingHorizontalSNudge})`
 };
-/* end of shared values */ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
+/* end of shared values */ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Bt984gj: "f122n59",
         B7ck84d: "f1ewtqcl",
@@ -165,7 +169,7 @@ const fieldHeights = {
         ".fb7uyps:focus-within::after{transition-delay:var(--curveDecelerateMid);}"
     ]
 });
-const useSelectStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useSelectStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Bowrso0: "fqrijq1",
         B4j52fo: "f5ogflp",
@@ -519,7 +523,7 @@ const useSelectStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".fqhmt4z:active{border-bottom-color:var(--colorNeutralStrokeAccessible);}"
     ]
 });
-const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
     icon: {
         B7ck84d: "f1ewtqcl",
         sj55zd: "fxkbij4",
@@ -594,7 +598,7 @@ const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
     ]
 });
 const useSelectStyles_unstable = (state)=>{
-    const { size , appearance  } = state;
+    const { size, appearance } = state;
     const disabled = state.select.disabled;
     const invalid = `${state.select['aria-invalid']}` === 'true';
     const iconStyles = useIconStyles();

package/lib-commonjs/components/Select/useSelectStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useSelectStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const selectClassNames = {\n  root: 'fui-Select',\n  select: 'fui-Select__select',\n  icon: 'fui-Select__icon'\n};\nconst iconSizes = {\n  small: '16px',\n  medium: '20px',\n  large: '24px'\n};\n//TODO: Should fieldHeights be a set of global design tokens or constants?\nconst fieldHeights = {\n  small: '24px',\n  medium: '32px',\n  large: '40px'\n};\n/* Since the <select> element must span the full width and cannot have children,\n * the right padding needs to be calculated from the sum of the following:\n * 1. Field padding-right\n * 2. Icon width\n * 3. Content-icon spacing\n * 4. Content inner padding\n */\nconst paddingRight = {\n  small: `calc(${tokens.spacingHorizontalSNudge}\n    + ${iconSizes.small}\n    + ${tokens.spacingHorizontalXXS}\n    + ${tokens.spacingHorizontalXXS})`,\n  medium: `calc(${tokens.spacingHorizontalMNudge}\n    + ${iconSizes.medium}\n    + ${tokens.spacingHorizontalXXS}\n    + ${tokens.spacingHorizontalXXS})`,\n  large: `calc(${tokens.spacingHorizontalM}\n    + ${iconSizes.large}\n    + ${tokens.spacingHorizontalSNudge}\n    + ${tokens.spacingHorizontalSNudge})`\n};\n/* Left padding is calculated from the outer padding + inner content padding values\n * since <select> can't have additional child content or custom inner layout */\nconst paddingLeft = {\n  small: `calc(${tokens.spacingHorizontalSNudge} + ${tokens.spacingHorizontalXXS})`,\n  medium: `calc(${tokens.spacingHorizontalMNudge} + ${tokens.spacingHorizontalXXS})`,\n  large: `calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalSNudge})`\n};\n/* end of shared values */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    Bt984gj: \"f122n59\",\n    B7ck84d: \"f1ewtqcl\",\n    mc9l5x: \"f22iagw\",\n    Eh141a: \"flvyvdh\",\n    Bahqtrf: \"fk6fouc\",\n    qhf8xq: \"f10pi13n\",\n    h62rwi: \"f7ll8cq\",\n    B3778ie: [\"f1ibwz09\", \"f1kp91vd\"],\n    d9w3h3: [\"f1kp91vd\", \"f1ibwz09\"],\n    Bl18szs: [\"f18vqdqu\", \"f53nyzz\"],\n    B4j8arr: [\"f53nyzz\", \"f18vqdqu\"],\n    li1rpt: \"f1gw3sf2\",\n    Bsft5z2: \"f13zj6fq\",\n    Dlnsje: \"fhwjr99\",\n    E3zdtr: \"f1mdlcz9\",\n    By385i5: \"fo72kxq\",\n    Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n    B1piin3: [\"f15yvnhg\", \"f1n6gb5g\"],\n    b1kco5: \"f1yk9hq\",\n    Ba2ppi3: \"fhwpy7i\",\n    F2fol1: \"f14ee0xe\",\n    lck23g: \"f1xhbsuh\",\n    df92cz: \"fv8e3ye\",\n    I188md: \"ftb5wc6\",\n    umuwi5: \"fjw5xc1\",\n    Blcqepd: \"f1xdyd5c\",\n    nplu4u: \"fatpbeo\",\n    Bioka5o: \"fb7uyps\",\n    H713fs: \"f1cmft4k\",\n    B9ooomg: \"f1x58t8o\"\n  }\n}, {\n  d: [\".f122n59{align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:flex;}\", \".flvyvdh{flex-wrap:nowrap;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f10pi13n{position:relative;}\", \".f7ll8cq::after{background-image:linear-gradient(\\n        0deg,\\n        var(--colorCompoundBrandStroke) 0%,\\n        var(--colorCompoundBrandStroke) 50%,\\n        transparent 50%,\\n        transparent 100%\\n      );}\", \".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f18vqdqu::after{border-top-right-radius:0;}\", \".f53nyzz::after{border-top-left-radius:0;}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fhwjr99::after{height:var(--borderRadiusMedium);}\", \".f1mdlcz9::after{position:absolute;}\", \".fo72kxq::after{bottom:0;}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".f1yk9hq::after{transform:scaleX(0);}\", \".fhwpy7i::after{transition-property:transform;}\", \".f14ee0xe::after{transition-duration:var(--durationUltraFast);}\", \".f1xhbsuh::after{transition-delay:var(--curveAccelerateMid);}\"],\n  m: [[\"@media screen and (prefers-reduced-motion: reduce){.fv8e3ye::after{transition-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.ftb5wc6::after{transition-delay:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.f1cmft4k:focus-within::after{transition-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.f1x58t8o:focus-within::after{transition-delay:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }]],\n  w: [\".fjw5xc1:focus-within::after{transform:scaleX(1);}\", \".f1xdyd5c:focus-within::after{transition-property:transform;}\", \".fatpbeo:focus-within::after{transition-duration:var(--durationNormal);}\", \".fb7uyps:focus-within::after{transition-delay:var(--curveDecelerateMid);}\"]\n});\nconst useSelectStyles = /*#__PURE__*/__styles({\n  base: {\n    Bowrso0: \"fqrijq1\",\n    B4j52fo: \"f5ogflp\",\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    Bn0qgzm: \"f1f09k3d\",\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    E5pizo: \"f1couhl3\",\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"f19n0e5\",\n    Bceei9c: \"f1k6fduh\",\n    Bh6795r: \"fqerorx\",\n    B2u0y6b: \"f6dzj5z\",\n    Byoj8tv: \"f1qch9an\",\n    z8tnut: \"f1g0x7ka\",\n    B3aqqti: \"fatbyko\",\n    Brovlpu: \"f1grzc83\",\n    Bxa1mx5: \"f19shzzi\"\n  },\n  disabled: {\n    De3pzq: \"f1c21dwh\",\n    g2u3we: \"f1jj8ep1\",\n    h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n    sj55zd: \"f1s2aq7o\",\n    Bceei9c: \"fdrzuqr\",\n    Bjwas2f: \"fg455y9\",\n    Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n    Bxeuatn: \"f1cwzwz\",\n    n51gp8: [\"f14g86mu\", \"f1rvyvqg\"]\n  },\n  disabledUnderline: {\n    g2u3we: \"fgig46g\",\n    h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fziff3p\", \"f1mxt3zg\"]\n  },\n  small: {\n    Bqenvij: \"frvgh55\",\n    uwmqm3: [\"f1xile11\", \"fqznh8f\"],\n    z189sj: [\"fiqd4sw\", \"f11fkzut\"],\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  medium: {\n    Bqenvij: \"f1d2rq10\",\n    uwmqm3: [\"f1e60jzv\", \"f135dnwl\"],\n    z189sj: [\"f154vowv\", \"flqamny\"],\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  large: {\n    Bqenvij: \"fbhnoac\",\n    uwmqm3: [\"fnphzt9\", \"flt1dlf\"],\n    z189sj: [\"f1xi5ia2\", \"f1xi1l47\"],\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"faaz57k\"\n  },\n  outline: {\n    De3pzq: \"fxugw4r\",\n    B4j52fo: \"f5ogflp\",\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    Bn0qgzm: \"f1f09k3d\",\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"fj3muxo\",\n    h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n    B9xav0g: \"f1c1zstj\",\n    zhjwy3: [\"f1lxtadh\", \"f1akhkt\"]\n  },\n  outlineInteractive: {\n    Bgoe8wy: \"fvcxoqz\",\n    Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n    oetu4i: \"flmw63s\",\n    gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n    B6oc9vd: \"fvs00aa\",\n    ak43y8: [\"f1assf6x\", \"f4ruux4\"],\n    wmxk5l: \"fqhmt4z\",\n    B50zh58: [\"f4ruux4\", \"f1assf6x\"]\n  },\n  underline: {\n    De3pzq: \"f1c21dwh\",\n    Bn0qgzm: \"f1f09k3d\",\n    oivjwe: \"fg706s2\",\n    B9xav0g: \"f1c1zstj\",\n    Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n    Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n    B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n    Btl43ni: [\"f1ozlkrg\", \"f10ostut\"]\n  },\n  \"filled-lighter\": {\n    De3pzq: \"fxugw4r\"\n  },\n  \"filled-darker\": {\n    De3pzq: \"f16xq7d1\"\n  },\n  invalid: {\n    tvckwq: \"fs4k3qj\",\n    gk2u95: [\"fcee079\", \"fmyw78r\"],\n    hhx65j: \"f1fgmyf4\",\n    Bxowmz0: [\"fmyw78r\", \"fcee079\"]\n  },\n  invalidUnderline: {\n    hhx65j: \"f1fgmyf4\"\n  }\n}, {\n  d: [\".fqrijq1{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1couhl3{box-shadow:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1k6fduh{cursor:pointer;}\", \".fqerorx{flex-grow:1;}\", \".f6dzj5z{max-width:100%;}\", \".f1qch9an{padding-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}\", \".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}\", \".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}\", \".frvgh55{height:24px;}\", \".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fiqd4sw{padding-right:calc(var(--spacingHorizontalSNudge)\\n    + 16px\\n    + var(--spacingHorizontalXXS)\\n    + var(--spacingHorizontalXXS));}\", \".f11fkzut{padding-left:calc(var(--spacingHorizontalSNudge)\\n    + 16px\\n    + var(--spacingHorizontalXXS)\\n    + var(--spacingHorizontalXXS));}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1d2rq10{height:32px;}\", \".f1e60jzv{padding-left:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f135dnwl{padding-right:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f154vowv{padding-right:calc(var(--spacingHorizontalMNudge)\\n    + 20px\\n    + var(--spacingHorizontalXXS)\\n    + var(--spacingHorizontalXXS));}\", \".flqamny{padding-left:calc(var(--spacingHorizontalMNudge)\\n    + 20px\\n    + var(--spacingHorizontalXXS)\\n    + var(--spacingHorizontalXXS));}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fbhnoac{height:40px;}\", \".fnphzt9{padding-left:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".flt1dlf{padding-right:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".f1xi5ia2{padding-right:calc(var(--spacingHorizontalM)\\n    + 24px\\n    + var(--spacingHorizontalSNudge)\\n    + var(--spacingHorizontalSNudge));}\", \".f1xi1l47{padding-left:calc(var(--spacingHorizontalM)\\n    + 24px\\n    + var(--spacingHorizontalSNudge)\\n    + var(--spacingHorizontalSNudge));}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}\", \".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}\", \".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}\", \".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}\"],\n  f: [\".fatbyko:focus{outline-width:2px;}\", \".f1grzc83:focus{outline-style:solid;}\", \".f19shzzi:focus{outline-color:transparent;}\"],\n  m: [[\"@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  h: [\".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".flmw63s:hover{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"],\n  a: [\".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".fqhmt4z:active{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n  icon: {\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"fxkbij4\",\n    mc9l5x: \"ftgm304\",\n    qhf8xq: \"f1euv43f\",\n    Bkecrkj: \"f1aehjj5\",\n    Bo70h7d: \"fvc9v3g\"\n  },\n  disabled: {\n    sj55zd: \"f1s2aq7o\",\n    Bbusuzp: \"f1dcs8yz\"\n  },\n  small: {\n    Be2twd7: \"f4ybsrx\",\n    Bqenvij: \"fd461yt\",\n    j35jbq: [\"f13lnp83\", \"f1i5nn0v\"],\n    a9b677: \"fjw5fx7\"\n  },\n  medium: {\n    Be2twd7: \"fe5j1ua\",\n    Bqenvij: \"fjamq6b\",\n    j35jbq: [\"fnyteob\", \"f1enpzzf\"],\n    a9b677: \"f64fuq3\"\n  },\n  large: {\n    Be2twd7: \"f1rt2boy\",\n    Bqenvij: \"frvgh55\",\n    j35jbq: [\"f8b87gs\", \"fedtrts\"],\n    a9b677: \"fq4mcun\"\n  }\n}, {\n  d: [\".f1ewtqcl{box-sizing:border-box;}\", \".fxkbij4{color:var(--colorNeutralStrokeAccessible);}\", \".ftgm304{display:block;}\", \".f1euv43f{position:absolute;}\", \".f1aehjj5{pointer-events:none;}\", \".fvc9v3g svg{display:block;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f4ybsrx{font-size:16px;}\", \".fd461yt{height:16px;}\", \".f13lnp83{right:var(--spacingHorizontalSNudge);}\", \".f1i5nn0v{left:var(--spacingHorizontalSNudge);}\", \".fjw5fx7{width:16px;}\", \".fe5j1ua{font-size:20px;}\", \".fjamq6b{height:20px;}\", \".fnyteob{right:var(--spacingHorizontalMNudge);}\", \".f1enpzzf{left:var(--spacingHorizontalMNudge);}\", \".f64fuq3{width:20px;}\", \".f1rt2boy{font-size:24px;}\", \".frvgh55{height:24px;}\", \".f8b87gs{right:var(--spacingHorizontalM);}\", \".fedtrts{left:var(--spacingHorizontalM);}\", \".fq4mcun{width:24px;}\"],\n  m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\n/**\n * Apply styling to the Select slots based on the state\n */\nexport const useSelectStyles_unstable = state => {\n  const {\n    size,\n    appearance\n  } = state;\n  const disabled = state.select.disabled;\n  const invalid = `${state.select['aria-invalid']}` === 'true';\n  const iconStyles = useIconStyles();\n  const rootStyles = useRootStyles();\n  const selectStyles = useSelectStyles();\n  state.root.className = mergeClasses(selectClassNames.root, rootStyles.base, state.root.className);\n  state.select.className = mergeClasses(selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], !disabled && appearance === 'outline' && selectStyles.outlineInteractive, !disabled && invalid && appearance !== 'underline' && selectStyles.invalid, !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline, disabled && selectStyles.disabled, disabled && appearance === 'underline' && selectStyles.disabledUnderline, state.select.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(selectClassNames.icon, iconStyles.icon, disabled && iconStyles.disabled, iconStyles[size], state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useSelectStyles.styles.js.map"],"names":["selectClassNames","useSelectStyles_unstable","root","select","icon","iconSizes","small","medium","large","fieldHeights","paddingRight","tokens","spacingHorizontalSNudge","spacingHorizontalXXS","spacingHorizontalMNudge","spacingHorizontalM","paddingLeft","useRootStyles","__styles","base","Bt984gj","B7ck84d","mc9l5x","Eh141a","Bahqtrf","qhf8xq","h62rwi","B3778ie","d9w3h3","Bl18szs","B4j8arr","li1rpt","Bsft5z2","Dlnsje","E3zdtr","By385i5","Eqx8gd","B1piin3","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","d","m","w","useSelectStyles","Bowrso0","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","E5pizo","sj55zd","Bceei9c","Bh6795r","B2u0y6b","Byoj8tv","z8tnut","B3aqqti","Brovlpu","Bxa1mx5","disabled","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","disabledUnderline","Bqenvij","uwmqm3","z189sj","Be2twd7","Bhrd7zp","Bg96gwp","outline","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","underline","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","f","h","a","useIconStyles","Bkecrkj","Bo70h7d","Bbusuzp","j35jbq","a9b677","state","size","appearance","iconStyles","rootStyles","selectStyles","className","mergeClasses"],"mappings":"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"}
+{"version":3,"sources":["useSelectStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const selectClassNames = {\n  root: 'fui-Select',\n  select: 'fui-Select__select',\n  icon: 'fui-Select__icon'\n};\nconst iconSizes = {\n  small: '16px',\n  medium: '20px',\n  large: '24px'\n};\n//TODO: Should fieldHeights be a set of global design tokens or constants?\nconst fieldHeights = {\n  small: '24px',\n  medium: '32px',\n  large: '40px'\n};\n/* Since the <select> element must span the full width and cannot have children,\n * the right padding needs to be calculated from the sum of the following:\n * 1. Field padding-right\n * 2. Icon width\n * 3. Content-icon spacing\n * 4. Content inner padding\n */\nconst paddingRight = {\n  small: `calc(${tokens.spacingHorizontalSNudge}\n    + ${iconSizes.small}\n    + ${tokens.spacingHorizontalXXS}\n    + ${tokens.spacingHorizontalXXS})`,\n  medium: `calc(${tokens.spacingHorizontalMNudge}\n    + ${iconSizes.medium}\n    + ${tokens.spacingHorizontalXXS}\n    + ${tokens.spacingHorizontalXXS})`,\n  large: `calc(${tokens.spacingHorizontalM}\n    + ${iconSizes.large}\n    + ${tokens.spacingHorizontalSNudge}\n    + ${tokens.spacingHorizontalSNudge})`\n};\n/* Left padding is calculated from the outer padding + inner content padding values\n * since <select> can't have additional child content or custom inner layout */\nconst paddingLeft = {\n  small: `calc(${tokens.spacingHorizontalSNudge} + ${tokens.spacingHorizontalXXS})`,\n  medium: `calc(${tokens.spacingHorizontalMNudge} + ${tokens.spacingHorizontalXXS})`,\n  large: `calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalSNudge})`\n};\n/* end of shared values */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    Bt984gj: \"f122n59\",\n    B7ck84d: \"f1ewtqcl\",\n    mc9l5x: \"f22iagw\",\n    Eh141a: \"flvyvdh\",\n    Bahqtrf: \"fk6fouc\",\n    qhf8xq: \"f10pi13n\",\n    h62rwi: \"f7ll8cq\",\n    B3778ie: [\"f1ibwz09\", \"f1kp91vd\"],\n    d9w3h3: [\"f1kp91vd\", \"f1ibwz09\"],\n    Bl18szs: [\"f18vqdqu\", \"f53nyzz\"],\n    B4j8arr: [\"f53nyzz\", \"f18vqdqu\"],\n    li1rpt: \"f1gw3sf2\",\n    Bsft5z2: \"f13zj6fq\",\n    Dlnsje: \"fhwjr99\",\n    E3zdtr: \"f1mdlcz9\",\n    By385i5: \"fo72kxq\",\n    Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n    B1piin3: [\"f15yvnhg\", \"f1n6gb5g\"],\n    b1kco5: \"f1yk9hq\",\n    Ba2ppi3: \"fhwpy7i\",\n    F2fol1: \"f14ee0xe\",\n    lck23g: \"f1xhbsuh\",\n    df92cz: \"fv8e3ye\",\n    I188md: \"ftb5wc6\",\n    umuwi5: \"fjw5xc1\",\n    Blcqepd: \"f1xdyd5c\",\n    nplu4u: \"fatpbeo\",\n    Bioka5o: \"fb7uyps\",\n    H713fs: \"f1cmft4k\",\n    B9ooomg: \"f1x58t8o\"\n  }\n}, {\n  d: [\".f122n59{align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:flex;}\", \".flvyvdh{flex-wrap:nowrap;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f10pi13n{position:relative;}\", \".f7ll8cq::after{background-image:linear-gradient(\\n        0deg,\\n        var(--colorCompoundBrandStroke) 0%,\\n        var(--colorCompoundBrandStroke) 50%,\\n        transparent 50%,\\n        transparent 100%\\n      );}\", \".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f18vqdqu::after{border-top-right-radius:0;}\", \".f53nyzz::after{border-top-left-radius:0;}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fhwjr99::after{height:var(--borderRadiusMedium);}\", \".f1mdlcz9::after{position:absolute;}\", \".fo72kxq::after{bottom:0;}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".f1yk9hq::after{transform:scaleX(0);}\", \".fhwpy7i::after{transition-property:transform;}\", \".f14ee0xe::after{transition-duration:var(--durationUltraFast);}\", \".f1xhbsuh::after{transition-delay:var(--curveAccelerateMid);}\"],\n  m: [[\"@media screen and (prefers-reduced-motion: reduce){.fv8e3ye::after{transition-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.ftb5wc6::after{transition-delay:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.f1cmft4k:focus-within::after{transition-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.f1x58t8o:focus-within::after{transition-delay:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }]],\n  w: [\".fjw5xc1:focus-within::after{transform:scaleX(1);}\", \".f1xdyd5c:focus-within::after{transition-property:transform;}\", \".fatpbeo:focus-within::after{transition-duration:var(--durationNormal);}\", \".fb7uyps:focus-within::after{transition-delay:var(--curveDecelerateMid);}\"]\n});\nconst useSelectStyles = /*#__PURE__*/__styles({\n  base: {\n    Bowrso0: \"fqrijq1\",\n    B4j52fo: \"f5ogflp\",\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    Bn0qgzm: \"f1f09k3d\",\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    E5pizo: \"f1couhl3\",\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"f19n0e5\",\n    Bceei9c: \"f1k6fduh\",\n    Bh6795r: \"fqerorx\",\n    B2u0y6b: \"f6dzj5z\",\n    Byoj8tv: \"f1qch9an\",\n    z8tnut: \"f1g0x7ka\",\n    B3aqqti: \"fatbyko\",\n    Brovlpu: \"f1grzc83\",\n    Bxa1mx5: \"f19shzzi\"\n  },\n  disabled: {\n    De3pzq: \"f1c21dwh\",\n    g2u3we: \"f1jj8ep1\",\n    h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n    sj55zd: \"f1s2aq7o\",\n    Bceei9c: \"fdrzuqr\",\n    Bjwas2f: \"fg455y9\",\n    Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n    Bxeuatn: \"f1cwzwz\",\n    n51gp8: [\"f14g86mu\", \"f1rvyvqg\"]\n  },\n  disabledUnderline: {\n    g2u3we: \"fgig46g\",\n    h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fziff3p\", \"f1mxt3zg\"]\n  },\n  small: {\n    Bqenvij: \"frvgh55\",\n    uwmqm3: [\"f1xile11\", \"fqznh8f\"],\n    z189sj: [\"fiqd4sw\", \"f11fkzut\"],\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  medium: {\n    Bqenvij: \"f1d2rq10\",\n    uwmqm3: [\"f1e60jzv\", \"f135dnwl\"],\n    z189sj: [\"f154vowv\", \"flqamny\"],\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  large: {\n    Bqenvij: \"fbhnoac\",\n    uwmqm3: [\"fnphzt9\", \"flt1dlf\"],\n    z189sj: [\"f1xi5ia2\", \"f1xi1l47\"],\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"faaz57k\"\n  },\n  outline: {\n    De3pzq: \"fxugw4r\",\n    B4j52fo: \"f5ogflp\",\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    Bn0qgzm: \"f1f09k3d\",\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"fj3muxo\",\n    h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n    B9xav0g: \"f1c1zstj\",\n    zhjwy3: [\"f1lxtadh\", \"f1akhkt\"]\n  },\n  outlineInteractive: {\n    Bgoe8wy: \"fvcxoqz\",\n    Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n    oetu4i: \"flmw63s\",\n    gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n    B6oc9vd: \"fvs00aa\",\n    ak43y8: [\"f1assf6x\", \"f4ruux4\"],\n    wmxk5l: \"fqhmt4z\",\n    B50zh58: [\"f4ruux4\", \"f1assf6x\"]\n  },\n  underline: {\n    De3pzq: \"f1c21dwh\",\n    Bn0qgzm: \"f1f09k3d\",\n    oivjwe: \"fg706s2\",\n    B9xav0g: \"f1c1zstj\",\n    Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n    Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n    B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n    Btl43ni: [\"f1ozlkrg\", \"f10ostut\"]\n  },\n  \"filled-lighter\": {\n    De3pzq: \"fxugw4r\"\n  },\n  \"filled-darker\": {\n    De3pzq: \"f16xq7d1\"\n  },\n  invalid: {\n    tvckwq: \"fs4k3qj\",\n    gk2u95: [\"fcee079\", \"fmyw78r\"],\n    hhx65j: \"f1fgmyf4\",\n    Bxowmz0: [\"fmyw78r\", \"fcee079\"]\n  },\n  invalidUnderline: {\n    hhx65j: \"f1fgmyf4\"\n  }\n}, {\n  d: [\".fqrijq1{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1couhl3{box-shadow:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1k6fduh{cursor:pointer;}\", \".fqerorx{flex-grow:1;}\", \".f6dzj5z{max-width:100%;}\", \".f1qch9an{padding-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}\", \".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}\", \".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}\", \".frvgh55{height:24px;}\", \".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fiqd4sw{padding-right:calc(var(--spacingHorizontalSNudge)\\n    + 16px\\n    + var(--spacingHorizontalXXS)\\n    + var(--spacingHorizontalXXS));}\", \".f11fkzut{padding-left:calc(var(--spacingHorizontalSNudge)\\n    + 16px\\n    + var(--spacingHorizontalXXS)\\n    + var(--spacingHorizontalXXS));}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1d2rq10{height:32px;}\", \".f1e60jzv{padding-left:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f135dnwl{padding-right:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f154vowv{padding-right:calc(var(--spacingHorizontalMNudge)\\n    + 20px\\n    + var(--spacingHorizontalXXS)\\n    + var(--spacingHorizontalXXS));}\", \".flqamny{padding-left:calc(var(--spacingHorizontalMNudge)\\n    + 20px\\n    + var(--spacingHorizontalXXS)\\n    + var(--spacingHorizontalXXS));}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fbhnoac{height:40px;}\", \".fnphzt9{padding-left:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".flt1dlf{padding-right:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".f1xi5ia2{padding-right:calc(var(--spacingHorizontalM)\\n    + 24px\\n    + var(--spacingHorizontalSNudge)\\n    + var(--spacingHorizontalSNudge));}\", \".f1xi1l47{padding-left:calc(var(--spacingHorizontalM)\\n    + 24px\\n    + var(--spacingHorizontalSNudge)\\n    + var(--spacingHorizontalSNudge));}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}\", \".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}\", \".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}\", \".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}\"],\n  f: [\".fatbyko:focus{outline-width:2px;}\", \".f1grzc83:focus{outline-style:solid;}\", \".f19shzzi:focus{outline-color:transparent;}\"],\n  m: [[\"@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  h: [\".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".flmw63s:hover{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"],\n  a: [\".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".fqhmt4z:active{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n  icon: {\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"fxkbij4\",\n    mc9l5x: \"ftgm304\",\n    qhf8xq: \"f1euv43f\",\n    Bkecrkj: \"f1aehjj5\",\n    Bo70h7d: \"fvc9v3g\"\n  },\n  disabled: {\n    sj55zd: \"f1s2aq7o\",\n    Bbusuzp: \"f1dcs8yz\"\n  },\n  small: {\n    Be2twd7: \"f4ybsrx\",\n    Bqenvij: \"fd461yt\",\n    j35jbq: [\"f13lnp83\", \"f1i5nn0v\"],\n    a9b677: \"fjw5fx7\"\n  },\n  medium: {\n    Be2twd7: \"fe5j1ua\",\n    Bqenvij: \"fjamq6b\",\n    j35jbq: [\"fnyteob\", \"f1enpzzf\"],\n    a9b677: \"f64fuq3\"\n  },\n  large: {\n    Be2twd7: \"f1rt2boy\",\n    Bqenvij: \"frvgh55\",\n    j35jbq: [\"f8b87gs\", \"fedtrts\"],\n    a9b677: \"fq4mcun\"\n  }\n}, {\n  d: [\".f1ewtqcl{box-sizing:border-box;}\", \".fxkbij4{color:var(--colorNeutralStrokeAccessible);}\", \".ftgm304{display:block;}\", \".f1euv43f{position:absolute;}\", \".f1aehjj5{pointer-events:none;}\", \".fvc9v3g svg{display:block;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f4ybsrx{font-size:16px;}\", \".fd461yt{height:16px;}\", \".f13lnp83{right:var(--spacingHorizontalSNudge);}\", \".f1i5nn0v{left:var(--spacingHorizontalSNudge);}\", \".fjw5fx7{width:16px;}\", \".fe5j1ua{font-size:20px;}\", \".fjamq6b{height:20px;}\", \".fnyteob{right:var(--spacingHorizontalMNudge);}\", \".f1enpzzf{left:var(--spacingHorizontalMNudge);}\", \".f64fuq3{width:20px;}\", \".f1rt2boy{font-size:24px;}\", \".frvgh55{height:24px;}\", \".f8b87gs{right:var(--spacingHorizontalM);}\", \".fedtrts{left:var(--spacingHorizontalM);}\", \".fq4mcun{width:24px;}\"],\n  m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\n/**\n * Apply styling to the Select slots based on the state\n */\nexport const useSelectStyles_unstable = state => {\n  const {\n    size,\n    appearance\n  } = state;\n  const disabled = state.select.disabled;\n  const invalid = `${state.select['aria-invalid']}` === 'true';\n  const iconStyles = useIconStyles();\n  const rootStyles = useRootStyles();\n  const selectStyles = useSelectStyles();\n  state.root.className = mergeClasses(selectClassNames.root, rootStyles.base, state.root.className);\n  state.select.className = mergeClasses(selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], !disabled && appearance === 'outline' && selectStyles.outlineInteractive, !disabled && invalid && appearance !== 'underline' && selectStyles.invalid, !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline, disabled && selectStyles.disabled, disabled && appearance === 'underline' && selectStyles.disabledUnderline, state.select.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(selectClassNames.icon, iconStyles.icon, disabled && iconStyles.disabled, iconStyles[size], state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useSelectStyles.styles.js.map"],"names":["selectClassNames","useSelectStyles_unstable","root","select","icon","iconSizes","small","medium","large","fieldHeights","paddingRight","tokens","spacingHorizontalSNudge","spacingHorizontalXXS","spacingHorizontalMNudge","spacingHorizontalM","paddingLeft","useRootStyles","__styles","base","Bt984gj","B7ck84d","mc9l5x","Eh141a","Bahqtrf","qhf8xq","h62rwi","B3778ie","d9w3h3","Bl18szs","B4j8arr","li1rpt","Bsft5z2","Dlnsje","E3zdtr","By385i5","Eqx8gd","B1piin3","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","d","m","w","useSelectStyles","Bowrso0","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","E5pizo","sj55zd","Bceei9c","Bh6795r","B2u0y6b","Byoj8tv","z8tnut","B3aqqti","Brovlpu","Bxa1mx5","disabled","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","disabledUnderline","Bqenvij","uwmqm3","z189sj","Be2twd7","Bhrd7zp","Bg96gwp","outline","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","underline","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","f","h","a","useIconStyles","Bkecrkj","Bo70h7d","Bbusuzp","j35jbq","a9b677","state","size","appearance","iconStyles","rootStyles","selectStyles","className","mergeClasses"],"mappings":"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"}

package/lib-commonjs/index.js

@@ -9,10 +9,20 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    Select: ()=>_select.Select,
-    selectClassNames: ()=>_select.selectClassNames,
-    renderSelect_unstable: ()=>_select.renderSelect_unstable,
-    useSelectStyles_unstable: ()=>_select.useSelectStyles_unstable,
-    useSelect_unstable: ()=>_select.useSelect_unstable
+    Select: function() {
+        return _Select.Select;
+    },
+    selectClassNames: function() {
+        return _Select.selectClassNames;
+    },
+    renderSelect_unstable: function() {
+        return _Select.renderSelect_unstable;
+    },
+    useSelectStyles_unstable: function() {
+        return _Select.useSelectStyles_unstable;
+    },
+    useSelect_unstable: function() {
+        return _Select.useSelect_unstable;
+    }
 });
-const _select = require("./Select");
+const _Select = require("./Select");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { Select, selectClassNames, renderSelect_unstable, useSelectStyles_unstable, useSelect_unstable } from './Select';\n"],"names":["Select","selectClassNames","renderSelect_unstable","useSelectStyles_unstable","useSelect_unstable"],"mappings":";;;;;;;;;;;IAASA,MAAM,MAANA,cAAM;IAAEC,gBAAgB,MAAhBA,wBAAgB;IAAEC,qBAAqB,MAArBA,6BAAqB;IAAEC,wBAAwB,MAAxBA,gCAAwB;IAAEC,kBAAkB,MAAlBA,0BAAkB;;wBAAQ"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export { Select, selectClassNames, renderSelect_unstable, useSelectStyles_unstable, useSelect_unstable } from './Select';\n"],"names":["Select","selectClassNames","renderSelect_unstable","useSelectStyles_unstable","useSelect_unstable"],"mappings":";;;;;;;;;;;IAASA,MAAM;eAANA,cAAM;;IAAEC,gBAAgB;eAAhBA,wBAAgB;;IAAEC,qBAAqB;eAArBA,6BAAqB;;IAAEC,wBAAwB;eAAxBA,gCAAwB;;IAAEC,kBAAkB;eAAlBA,0BAAkB;;;wBAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-select",
-  "version": "9.1.31",
+  "version": "9.1.33",
   "description": "Fluent UI React Select component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -33,20 +33,20 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.21",
+    "@fluentui/react-field": "^9.1.23",
     "@fluentui/react-icons": "^2.0.207",
-    "@fluentui/react-jsx-runtime": "^9.0.2",
-    "@fluentui/react-shared-contexts": "^9.7.2",
-    "@fluentui/react-theme": "^9.1.11",
-    "@fluentui/react-utilities": "^9.12.0",
+    "@fluentui/react-jsx-runtime": "^9.0.4",
+    "@fluentui/react-shared-contexts": "^9.7.3",
+    "@fluentui/react-theme": "^9.1.12",
+    "@fluentui/react-utilities": "^9.13.1",
     "@griffel/react": "^1.5.14",
-    "@swc/helpers": "^0.4.14"
+    "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@types/react": ">=16.8.0 <19.0.0",
-    "@types/react-dom": ">=16.8.0 <19.0.0",
-    "react": ">=16.8.0 <19.0.0",
-    "react-dom": ">=16.8.0 <19.0.0"
+    "@types/react": ">=16.14.0 <19.0.0",
+    "@types/react-dom": ">=16.14.0 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [