@fluentui/react-select 0.0.0-nightly-20230529-0417.1 → 0.0.0-nightly-20230530-0415.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-select",
   "entries": [
     {
-      "date": "Mon, 29 May 2023 04:22:27 GMT",
-      "tag": "@fluentui/react-select_v0.0.0-nightly-20230529-0417.1",
-      "version": "0.0.0-nightly-20230529-0417.1",
+      "date": "Tue, 30 May 2023 04:21:02 GMT",
+      "tag": "@fluentui/react-select_v0.0.0-nightly-20230530-0415.1",
+      "version": "0.0.0-nightly-20230530-0415.1",
       "comments": {
         "prerelease": [
           {
@@ -16,38 +16,38 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-select",
-            "comment": "Bump @fluentui/react-field to v0.0.0-nightly-20230529-0417.1",
-            "commit": "7df11de7bd463f5d170ca4e80e14d2352a752b3b"
+            "comment": "Bump @fluentui/react-field to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-select",
-            "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230529-0417.1",
-            "commit": "7df11de7bd463f5d170ca4e80e14d2352a752b3b"
+            "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-select",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230529-0417.1",
-            "commit": "7df11de7bd463f5d170ca4e80e14d2352a752b3b"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-select",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230529-0417.1",
-            "commit": "7df11de7bd463f5d170ca4e80e14d2352a752b3b"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-select",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230529-0417.1",
-            "commit": "7df11de7bd463f5d170ca4e80e14d2352a752b3b"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-select",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230529-0417.1",
-            "commit": "7df11de7bd463f5d170ca4e80e14d2352a752b3b"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,23 +1,23 @@
 # Change Log - @fluentui/react-select
 
-This log was last generated on Mon, 29 May 2023 04:22:27 GMT and should not be manually modified.
+This log was last generated on Tue, 30 May 2023 04:21:02 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230529-0417.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v0.0.0-nightly-20230529-0417.1)
+## [0.0.0-nightly-20230530-0415.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v0.0.0-nightly-20230530-0415.1)
 
-Mon, 29 May 2023 04:22:27 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.1.15..@fluentui/react-select_v0.0.0-nightly-20230529-0417.1)
+Tue, 30 May 2023 04:21:02 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.1.15..@fluentui/react-select_v0.0.0-nightly-20230530-0415.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-field to v0.0.0-nightly-20230529-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/7df11de7bd463f5d170ca4e80e14d2352a752b3b) by beachball)
-- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230529-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/7df11de7bd463f5d170ca4e80e14d2352a752b3b) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230529-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/7df11de7bd463f5d170ca4e80e14d2352a752b3b) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20230529-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/7df11de7bd463f5d170ca4e80e14d2352a752b3b) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20230529-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/7df11de7bd463f5d170ca4e80e14d2352a752b3b) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230529-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/7df11de7bd463f5d170ca4e80e14d2352a752b3b) by beachball)
+- Bump @fluentui/react-field to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
+- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
 
 ## [9.1.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.15)
 

package/lib/Select.js

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

package/lib/Select.js.map

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

package/lib/components/Select/Select.js

@@ -5,12 +5,12 @@ import { useSelectStyles_unstable } from './useSelectStyles.styles';
 import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * Select component
- */
-export const Select = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useSelect_unstable(props, ref);
-  useSelectStyles_unstable(state);
-  useCustomStyleHook_unstable('useSelectStyles_unstable')(state);
-  return renderSelect_unstable(state);
+ */ export const Select = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useSelect_unstable(props, ref);
+    useSelectStyles_unstable(state);
+    useCustomStyleHook_unstable('useSelectStyles_unstable')(state);
+    return renderSelect_unstable(state);
 });
 Select.displayName = 'Select';
+
 //# sourceMappingURL=Select.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["React"],"sources":["../../../src/components/Select/Select.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type SelectSlots = {\n  /*\n   * Wrapper for both the select and icon, renders as a `<span>`.\n   * The `className` and `style` props on `<Select>` are applied to this slot;\n   * All other top-level props are applied to the primary slot, `select`.\n   */\n  root: NonNullable<Slot<'span'>>;\n\n  /** Primary slot: the actual `<select>` element */\n  select: NonNullable<Slot<'select'>>;\n\n  /** the icon, typically a down arrow */\n  icon: Slot<'span'>;\n};\n\nexport type SelectProps = Omit<ComponentProps<Partial<SelectSlots>, 'select'>, 'size' | 'onChange'> & {\n  /**\n   * Controls the colors and borders of the Select.\n   *\n   * @default 'outline'\n   */\n  appearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter';\n\n  /**\n   * Called when the user changes the select element's value by selecting an option.\n   */\n  onChange?: (ev: React.ChangeEvent<HTMLSelectElement>, data: SelectOnChangeData) => void;\n\n  /**\n   * Matches the Input sizes\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n};\n\nexport type SelectState = ComponentState<SelectSlots> & Required<Pick<SelectProps, 'appearance' | 'size'>>;\n\n/**\n * Data passed to the `onChange` callback when a new option is selected.\n */\nexport type SelectOnChangeData = {\n  /**\n   * Updated `<select>` value, taken from either the selected option's value prop or inner text.\n   */\n  value: string;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW"}
+{"version":3,"sources":["../../../src/components/Select/Select.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type SelectSlots = {\n  /*\n   * Wrapper for both the select and icon, renders as a `<span>`.\n   * The `className` and `style` props on `<Select>` are applied to this slot;\n   * All other top-level props are applied to the primary slot, `select`.\n   */\n  root: NonNullable<Slot<'span'>>;\n\n  /** Primary slot: the actual `<select>` element */\n  select: NonNullable<Slot<'select'>>;\n\n  /** the icon, typically a down arrow */\n  icon: Slot<'span'>;\n};\n\nexport type SelectProps = Omit<ComponentProps<Partial<SelectSlots>, 'select'>, 'size' | 'onChange'> & {\n  /**\n   * Controls the colors and borders of the Select.\n   *\n   * @default 'outline'\n   */\n  appearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter';\n\n  /**\n   * Called when the user changes the select element's value by selecting an option.\n   */\n  onChange?: (ev: React.ChangeEvent<HTMLSelectElement>, data: SelectOnChangeData) => void;\n\n  /**\n   * Matches the Input sizes\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n};\n\nexport type SelectState = ComponentState<SelectSlots> & Required<Pick<SelectProps, 'appearance' | 'size'>>;\n\n/**\n * Data passed to the `onChange` callback when a new option is selected.\n */\nexport type SelectOnChangeData = {\n  /**\n   * Updated `<select>` value, taken from either the selected option's value prop or inner text.\n   */\n  value: string;\n};\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/Select/index.js

@@ -3,4 +3,5 @@ export * from './Select.types';
 export * from './renderSelect';
 export * from './useSelect';
 export * from './useSelectStyles.styles';
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/Select/index.ts"],"sourcesContent":["export * from './Select';\nexport * from './Select.types';\nexport * from './renderSelect';\nexport * from './useSelect';\nexport * from './useSelectStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["../../../src/components/Select/index.ts"],"sourcesContent":["export * from './Select';\nexport * from './Select.types';\nexport * from './renderSelect';\nexport * from './useSelect';\nexport * from './useSelectStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,2BAA2B"}

package/lib/components/Select/renderSelect.js

@@ -1,13 +1,10 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of Select
- */
-export const renderSelect_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(slots.root, slotProps.root, /*#__PURE__*/createElement(slots.select, slotProps.select, slotProps.select.children), /*#__PURE__*/createElement(slots.icon, slotProps.icon));
+ */ export const renderSelect_unstable = (state)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(slots.select, slotProps.select, slotProps.select.children), /*#__PURE__*/ createElement(slots.icon, slotProps.icon));
 };
+
 //# sourceMappingURL=renderSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createElement","getSlotsNext","renderSelect_unstable","state","slots","slotProps","root","select","children","icon"],"sources":["../../../src/components/Select/renderSelect.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } 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  const { slots, slotProps } = getSlotsNext<SelectSlots>(state);\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.select {...slotProps.select}>{slotProps.select.children}</slots.select>\n      <slots.icon {...slotProps.icon} />\n    </slots.root>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B;;;AAGA,OAAO,MAAMC,qBAAA,GAAyBC,KAAA,IAAuB;EAC3D,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAA0BE,KAAA;EACvD,oBACEH,aAbJ,CAaKI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI,eAC5BN,aAdN,CAcOI,KAAA,CAAMG,MAAM,EAAKF,SAAA,CAAUE,MAAM,EAAGF,SAAA,CAAUE,MAAM,CAACC,QAAQ,gBAC9DR,aAfN,CAeOI,KAAA,CAAMK,IAAI,EAAKJ,SAAA,CAAUI,IAAI;AAGpC"}
+{"version":3,"sources":["../../../src/components/Select/renderSelect.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } 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  const { slots, slotProps } = getSlotsNext<SelectSlots>(state);\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.select {...slotProps.select}>{slotProps.select.children}</slots.select>\n      <slots.icon {...slotProps.icon} />\n    </slots.root>\n  );\n};\n"],"names":["createElement","getSlotsNext","renderSelect_unstable","state","slots","slotProps","root","select","children","icon"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,wBAAwB,CAACC,QAAuB;IAC3D,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAA0BE;IACvD,qBACE,AAbJ,cAaKC,MAAME,IAAI,EAAKD,UAAUC,IAAI,gBAC5B,AAdN,cAcOF,MAAMG,MAAM,EAAKF,UAAUE,MAAM,EAAGF,UAAUE,MAAM,CAACC,QAAQ,iBAC9D,AAfN,cAeOJ,MAAMK,IAAI,EAAKJ,UAAUI,IAAI;AAGpC,EAAE"}

package/lib/components/Select/useSelect.js

@@ -11,64 +11,61 @@ import { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-co
  *
  * @param props - props from this instance of Select
  * @param ref - reference to the `<select>` element in Select
- */
-export const useSelect_unstable = (props, ref) => {
-  // Merge props from surrounding <Field>, if any
-  props = useFieldControlProps_unstable(props, {
-    supportsLabelFor: true,
-    supportsRequired: true,
-    supportsSize: true
-  });
-  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 nativeProps = getPartitionedNativeProps({
-    props,
-    primarySlotTagName: 'select',
-    excludedPropNames: ['appearance', 'defaultValue', 'onChange', 'size', 'value']
-  });
-  const state = {
-    size,
-    appearance,
-    components: {
-      root: 'span',
-      select: 'select',
-      icon: 'span'
-    },
-    select: resolveShorthand(select, {
-      required: true,
-      defaultProps: {
-        defaultValue,
-        value,
-        ref,
-        ...nativeProps.primary
-      }
-    }),
-    icon: resolveShorthand(icon, {
-      required: true,
-      defaultProps: {
-        children: /*#__PURE__*/React.createElement(ChevronDownRegular, null)
-      }
-    }),
-    root: resolveShorthand(root, {
-      required: true,
-      defaultProps: nativeProps.root
-    })
-  };
-  state.select.onChange = useEventCallback(event => {
-    onChange === null || onChange === void 0 ? void 0 : onChange(event, {
-      value: event.target.value
+ */ export const useSelect_unstable = (props, ref)=>{
+    // Merge props from surrounding <Field>, if any
+    props = useFieldControlProps_unstable(props, {
+        supportsLabelFor: true,
+        supportsRequired: true,
+        supportsSize: true
     });
-  });
-  return state;
+    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 nativeProps = getPartitionedNativeProps({
+        props,
+        primarySlotTagName: 'select',
+        excludedPropNames: [
+            'appearance',
+            'defaultValue',
+            'onChange',
+            'size',
+            'value'
+        ]
+    });
+    const state = {
+        size,
+        appearance,
+        components: {
+            root: 'span',
+            select: 'select',
+            icon: 'span'
+        },
+        select: resolveShorthand(select, {
+            required: true,
+            defaultProps: {
+                defaultValue,
+                value,
+                ref,
+                ...nativeProps.primary
+            }
+        }),
+        icon: resolveShorthand(icon, {
+            required: true,
+            defaultProps: {
+                children: /*#__PURE__*/ React.createElement(ChevronDownRegular, null)
+            }
+        }),
+        root: resolveShorthand(root, {
+            required: true,
+            defaultProps: nativeProps.root
+        })
+    };
+    state.select.onChange = useEventCallback((event)=>{
+        onChange === null || onChange === void 0 ? void 0 : onChange(event, {
+            value: event.target.value
+        });
+    });
+    return state;
 };
+
 //# sourceMappingURL=useSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useFieldControlProps_unstable","getPartitionedNativeProps","resolveShorthand","useEventCallback","ChevronDownRegular","useOverrides_unstable","useOverrides","useSelect_unstable","props","ref","supportsLabelFor","supportsRequired","supportsSize","overrides","_overrides_inputDefaultAppearance","defaultValue","value","select","icon","root","appearance","inputDefaultAppearance","onChange","size","nativeProps","primarySlotTagName","excludedPropNames","state","components","required","defaultProps","primary","children","createElement","event","target"],"sources":["../../../src/components/Select/useSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, resolveShorthand, useEventCallback } 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: resolveShorthand(select, {\n      required: true,\n      defaultProps: {\n        defaultValue,\n        value,\n        ref,\n        ...nativeProps.primary,\n      },\n    }),\n    icon: resolveShorthand(icon, {\n      required: true,\n      defaultProps: { children: <ChevronDownRegular /> },\n    }),\n    root: resolveShorthand(root, {\n      required: true,\n      defaultProps: nativeProps.root,\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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,6BAA6B,QAAQ;AAC9C,SAASC,yBAAyB,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ;AAC9E,SAASC,kBAAkB,QAAQ;AAEnC,SAASC,qBAAA,IAAyBC,YAAY,QAAQ;AAEtD;;;;;;;;;AASA,OAAO,MAAMC,kBAAA,GAAqBA,CAACC,KAAA,EAAoBC,GAAA,KAAmD;EACxG;EACAD,KAAA,GAAQR,6BAAA,CAA8BQ,KAAA,EAAO;IAAEE,gBAAA,EAAkB,IAAI;IAAEC,gBAAA,EAAkB,IAAI;IAAEC,YAAA,EAAc;EAAK;EAElH,MAAMC,SAAA,GAAYP,YAAA;MAQHQ,iCAAA;EANf,MAAM;IACJC,YAAA;IACAC,KAAA;IACAC,MAAA;IACAC,IAAA;IACAC,IAAA;IACAC,UAAA,GAAa,CAAAN,iCAAA,GAAAD,SAAA,CAAUQ,sBAAsB,cAAhCP,iCAAA,cAAAA,iCAAA,GAAoC,SAAS;IAE1DQ,QAAA;IACAC,IAAA,GAAO;EAAQ,CAChB,GAAGf,KAAA;EAEJ,MAAMgB,WAAA,GAAcvB,yBAAA,CAA0B;IAC5CO,KAAA;IACAiB,kBAAA,EAAoB;IACpBC,iBAAA,EAAmB,CAAC,cAAc,gBAAgB,YAAY,QAAQ;EACxE;EAEA,MAAMC,KAAA,GAAqB;IACzBJ,IAAA;IACAH,UAAA;IACAQ,UAAA,EAAY;MACVT,IAAA,EAAM;MACNF,MAAA,EAAQ;MACRC,IAAA,EAAM;IACR;IACAD,MAAA,EAAQf,gBAAA,CAAiBe,MAAA,EAAQ;MAC/BY,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QACZf,YAAA;QACAC,KAAA;QACAP,GAAA;QACA,GAAGe,WAAA,CAAYO;MACjB;IACF;IACAb,IAAA,EAAMhB,gBAAA,CAAiBgB,IAAA,EAAM;MAC3BW,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QAAEE,QAAA,eAAUjC,KAAA,CAAAkC,aAAA,CAAC7B,kBAAA;MAAsB;IACnD;IACAe,IAAA,EAAMjB,gBAAA,CAAiBiB,IAAA,EAAM;MAC3BU,QAAA,EAAU,IAAI;MACdC,YAAA,EAAcN,WAAA,CAAYL;IAC5B;EACF;EAEAQ,KAAA,CAAMV,MAAM,CAACK,QAAQ,GAAGnB,gBAAA,CAAiB+B,KAAA,IAAS;IAChDZ,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAWY,KAAA,EAAO;MAAElB,KAAA,EAAOkB,KAAC,CAAMC,MAAM,CAAuBnB;IAAM;EACvE;EAEA,OAAOW,KAAA;AACT"}
+{"version":3,"sources":["../../../src/components/Select/useSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, resolveShorthand, useEventCallback } 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: resolveShorthand(select, {\n      required: true,\n      defaultProps: {\n        defaultValue,\n        value,\n        ref,\n        ...nativeProps.primary,\n      },\n    }),\n    icon: resolveShorthand(icon, {\n      required: true,\n      defaultProps: { children: <ChevronDownRegular /> },\n    }),\n    root: resolveShorthand(root, {\n      required: true,\n      defaultProps: nativeProps.root,\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","resolveShorthand","useEventCallback","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","required","defaultProps","primary","children","event","target"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,6BAA6B,QAAQ,wBAAwB;AACtE,SAASC,yBAAyB,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAC1G,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,QAAQd,iBAAiBc,QAAQ;YAC/BY,UAAU,IAAI;YACdC,cAAc;gBACZf;gBACAC;gBACAN;gBACA,GAAGc,YAAYO,OAAO;YACxB;QACF;QACAb,MAAMf,iBAAiBe,MAAM;YAC3BW,UAAU,IAAI;YACdC,cAAc;gBAAEE,wBAAU,oBAAC3B;YAAsB;QACnD;QACAc,MAAMhB,iBAAiBgB,MAAM;YAC3BU,UAAU,IAAI;YACdC,cAAcN,YAAYL,IAAI;QAChC;IACF;IAEAQ,MAAMV,MAAM,CAACK,QAAQ,GAAGlB,iBAAiB6B,CAAAA,QAAS;QAChDX,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAWW,OAAO;YAAEjB,OAAO,AAACiB,MAAMC,MAAM,CAAuBlB,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":["../../../src/components/Select/useSelectStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { SelectSlots, SelectState } from './Select.types';\n\nexport const selectClassNames: SlotClassNames<SelectSlots> = {\n  root: 'fui-Select',\n  select: 'fui-Select__select',\n  icon: 'fui-Select__icon',\n};\n\nconst iconSizes = {\n  small: '16px',\n  medium: '20px',\n  large: '24px',\n};\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\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\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\n/* end of shared values */\n\nconst 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\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\n      '@media screen and (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0.01ms',\n        transitionDelay: '0.01ms',\n      },\n    },\n\n    '&:focus-within::after': {\n      transform: 'scaleX(1)',\n      transitionProperty: 'transform',\n      transitionDuration: tokens.durationNormal,\n      transitionDelay: tokens.curveDecelerateMid,\n\n      '@media screen and (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0.01ms',\n        transitionDelay: '0.01ms',\n      },\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\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(\n      tokens.colorTransparentStrokeDisabled,\n      tokens.colorTransparentStrokeDisabled,\n      tokens.colorNeutralStrokeDisabled,\n    ),\n  },\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\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});\n\nconst useIconStyles = makeStyles({\n  icon: {\n    boxSizing: 'border-box',\n    color: tokens.colorNeutralStrokeAccessible,\n    display: 'block',\n    position: 'absolute',\n    pointerEvents: 'none',\n\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/**\n * Apply styling to the Select slots based on the state\n */\nexport const useSelectStyles_unstable = (state: SelectState): SelectState => {\n  const { size, appearance } = state;\n  const disabled = state.select.disabled;\n  const invalid = `${state.select['aria-invalid']}` === 'true';\n\n  const iconStyles = useIconStyles();\n  const rootStyles = useRootStyles();\n  const selectStyles = useSelectStyles();\n\n  state.root.className = mergeClasses(selectClassNames.root, rootStyles.base, state.root.className);\n\n  state.select.className = mergeClasses(\n    selectClassNames.select,\n    selectStyles.base,\n    selectStyles[size],\n    selectStyles[appearance],\n    !disabled && appearance === 'outline' && selectStyles.outlineInteractive,\n    !disabled && invalid && appearance !== 'underline' && selectStyles.invalid,\n    !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline,\n    disabled && selectStyles.disabled,\n    disabled && appearance === 'underline' && selectStyles.disabledUnderline,\n    state.select.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      selectClassNames.icon,\n      iconStyles.icon,\n      disabled && iconStyles.disabled,\n      iconStyles[size],\n      state.icon.className,\n    );\n  }\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":["../../../src/components/Select/useSelectStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { SelectSlots, SelectState } from './Select.types';\n\nexport const selectClassNames: SlotClassNames<SelectSlots> = {\n  root: 'fui-Select',\n  select: 'fui-Select__select',\n  icon: 'fui-Select__icon',\n};\n\nconst iconSizes = {\n  small: '16px',\n  medium: '20px',\n  large: '24px',\n};\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\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\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\n/* end of shared values */\n\nconst 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\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\n      '@media screen and (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0.01ms',\n        transitionDelay: '0.01ms',\n      },\n    },\n\n    '&:focus-within::after': {\n      transform: 'scaleX(1)',\n      transitionProperty: 'transform',\n      transitionDuration: tokens.durationNormal,\n      transitionDelay: tokens.curveDecelerateMid,\n\n      '@media screen and (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0.01ms',\n        transitionDelay: '0.01ms',\n      },\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\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(\n      tokens.colorTransparentStrokeDisabled,\n      tokens.colorTransparentStrokeDisabled,\n      tokens.colorNeutralStrokeDisabled,\n    ),\n  },\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\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});\n\nconst useIconStyles = makeStyles({\n  icon: {\n    boxSizing: 'border-box',\n    color: tokens.colorNeutralStrokeAccessible,\n    display: 'block',\n    position: 'absolute',\n    pointerEvents: 'none',\n\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/**\n * Apply styling to the Select slots based on the state\n */\nexport const useSelectStyles_unstable = (state: SelectState): SelectState => {\n  const { size, appearance } = state;\n  const disabled = state.select.disabled;\n  const invalid = `${state.select['aria-invalid']}` === 'true';\n\n  const iconStyles = useIconStyles();\n  const rootStyles = useRootStyles();\n  const selectStyles = useSelectStyles();\n\n  state.root.className = mergeClasses(selectClassNames.root, rootStyles.base, state.root.className);\n\n  state.select.className = mergeClasses(\n    selectClassNames.select,\n    selectStyles.base,\n    selectStyles[size],\n    selectStyles[appearance],\n    !disabled && appearance === 'outline' && selectStyles.outlineInteractive,\n    !disabled && invalid && appearance !== 'underline' && selectStyles.invalid,\n    !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline,\n    disabled && selectStyles.disabled,\n    disabled && appearance === 'underline' && selectStyles.disabledUnderline,\n    state.select.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      selectClassNames.icon,\n      iconStyles.icon,\n      disabled && iconStyles.disabled,\n      iconStyles[size],\n      state.icon.className,\n    );\n  }\n\n  return state;\n};\n"],"mappings":"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"}

package/lib/index.js

@@ -1,2 +1,3 @@
 export { Select, selectClassNames, renderSelect_unstable, useSelectStyles_unstable, useSelect_unstable } from './Select';
+
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Select","selectClassNames","renderSelect_unstable","useSelectStyles_unstable","useSelect_unstable"],"sources":["../src/index.ts"],"sourcesContent":["export {\n  Select,\n  selectClassNames,\n  renderSelect_unstable,\n  useSelectStyles_unstable,\n  useSelect_unstable,\n} from './Select';\nexport type { SelectOnChangeData, SelectProps, SelectSlots, SelectState } from './Select';\n"],"mappings":"AAAA,SACEA,MAAM,EACNC,gBAAgB,EAChBC,qBAAqB,EACrBC,wBAAwB,EACxBC,kBAAkB,QACb"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Select,\n  selectClassNames,\n  renderSelect_unstable,\n  useSelectStyles_unstable,\n  useSelect_unstable,\n} from './Select';\nexport type { SelectOnChangeData, SelectProps, SelectSlots, SelectState } from './Select';\n"],"names":["Select","selectClassNames","renderSelect_unstable","useSelectStyles_unstable","useSelect_unstable"],"mappings":"AAAA,SACEA,MAAM,EACNC,gBAAgB,EAChBC,qBAAqB,EACrBC,wBAAwB,EACxBC,kBAAkB,QACb,WAAW"}

package/lib-commonjs/Select.js.map

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Select/index.js"],"sourcesContent":["export * from './Select';\nexport * from './Select.types';\nexport * from './renderSelect';\nexport * from './useSelect';\nexport * from './useSelectStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/Select/index.js"],"sourcesContent":["export * from './Select';\nexport * from './Select.types';\nexport * from './renderSelect';\nexport * from './useSelect';\nexport * from './useSelectStyles.styles';\n\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CAEd,iCAAiC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Select/useSelect.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, resolveShorthand, useEventCallback } 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 */\nexport 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 {\n    defaultValue,\n    value,\n    select,\n    icon,\n    root,\n    appearance = (_overrides_inputDefaultAppearance = overrides.inputDefaultAppearance) !== null && _overrides_inputDefaultAppearance !== void 0 ? _overrides_inputDefaultAppearance : 'outline',\n    onChange,\n    size = 'medium'\n  } = props;\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'select',\n    excludedPropNames: ['appearance', 'defaultValue', 'onChange', 'size', 'value']\n  });\n  const state = {\n    size,\n    appearance,\n    components: {\n      root: 'span',\n      select: 'select',\n      icon: 'span'\n    },\n    select: resolveShorthand(select, {\n      required: true,\n      defaultProps: {\n        defaultValue,\n        value,\n        ref,\n        ...nativeProps.primary\n      }\n    }),\n    icon: resolveShorthand(icon, {\n      required: true,\n      defaultProps: {\n        children: /*#__PURE__*/React.createElement(ChevronDownRegular, null)\n      }\n    }),\n    root: resolveShorthand(root, {\n      required: true,\n      defaultProps: nativeProps.root\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//# sourceMappingURL=useSelect.js.map"],"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","resolveShorthand","required","defaultProps","primary","children","React","createElement","ChevronDownRegular","useEventCallback","event","target"],"mappings":";;;;+BAcaA;;aAAAA;;;6DAdU;4BACuB;gCACgC;4BAC3C;qCACmB;AAU/C,MAAMA,qBAAqB,CAACC,OAAOC,MAAQ;IAChD,+CAA+C;IAC/CD,QAAQE,IAAAA,yCAA6B,EAACF,OAAO;QAC3CG,kBAAkB,IAAI;QACtBC,kBAAkB,IAAI;QACtBC,cAAc,IAAI;IACpB;IACA,MAAMC,YAAYC,IAAAA,0CAAY;IAC9B,IAAIC;IACJ,MAAM,EACJC,aAAY,EACZC,MAAK,EACLC,OAAM,EACNC,KAAI,EACJC,KAAI,EACJC,YAAa,AAACN,CAAAA,oCAAoCF,UAAUS,sBAAsB,AAAD,MAAO,IAAI,IAAIP,sCAAsC,KAAK,IAAIA,oCAAoC,SAAS,CAAA,EAC5LQ,SAAQ,EACRC,MAAO,SAAQ,EAChB,GAAGjB;IACJ,MAAMkB,cAAcC,IAAAA,yCAAyB,EAAC;QAC5CnB;QACAoB,oBAAoB;QACpBC,mBAAmB;YAAC;YAAc;YAAgB;YAAY;YAAQ;SAAQ;IAChF;IACA,MAAMC,QAAQ;QACZL;QACAH;QACAS,YAAY;YACVV,MAAM;YACNF,QAAQ;YACRC,MAAM;QACR;QACAD,QAAQa,IAAAA,gCAAgB,EAACb,QAAQ;YAC/Bc,UAAU,IAAI;YACdC,cAAc;gBACZjB;gBACAC;gBACAT;gBACA,GAAGiB,YAAYS,OAAO;YACxB;QACF;QACAf,MAAMY,IAAAA,gCAAgB,EAACZ,MAAM;YAC3Ba,UAAU,IAAI;YACdC,cAAc;gBACZE,UAAU,WAAW,GAAEC,OAAMC,aAAa,CAACC,8BAAkB,EAAE,IAAI;YACrE;QACF;QACAlB,MAAMW,IAAAA,gCAAgB,EAACX,MAAM;YAC3BY,UAAU,IAAI;YACdC,cAAcR,YAAYL,IAAI;QAChC;IACF;IACAS,MAAMX,MAAM,CAACK,QAAQ,GAAGgB,IAAAA,gCAAgB,EAACC,CAAAA,QAAS;QAChDjB,aAAa,IAAI,IAAIA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASiB,OAAO;YAClEvB,OAAOuB,MAAMC,MAAM,CAACxB,KAAK;QAC3B,EAAE;IACJ;IACA,OAAOY;AACT,GACA,qCAAqC"}
+{"version":3,"sources":["../../../lib/components/Select/useSelect.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, resolveShorthand, useEventCallback } 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: resolveShorthand(select, {\n            required: true,\n            defaultProps: {\n                defaultValue,\n                value,\n                ref,\n                ...nativeProps.primary\n            }\n        }),\n        icon: resolveShorthand(icon, {\n            required: true,\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(ChevronDownRegular, null)\n            }\n        }),\n        root: resolveShorthand(root, {\n            required: true,\n            defaultProps: nativeProps.root\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\n//# sourceMappingURL=useSelect.js.map"],"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","resolveShorthand","required","defaultProps","primary","children","React","createElement","ChevronDownRegular","useEventCallback","event","target"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAbM;4BACuB;gCACgC;4BAC3C;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,IAAAA,gCAAgB,EAACb,QAAQ;YAC7Bc,UAAU,IAAI;YACdC,cAAc;gBACVjB;gBACAC;gBACAT;gBACA,GAAGiB,YAAYS,OAAO;YAC1B;QACJ;QACAf,MAAMY,IAAAA,gCAAgB,EAACZ,MAAM;YACzBa,UAAU,IAAI;YACdC,cAAc;gBACVE,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACC,8BAAkB,EAAE,IAAI;YACxE;QACJ;QACAlB,MAAMW,IAAAA,gCAAgB,EAACX,MAAM;YACzBY,UAAU,IAAI;YACdC,cAAcR,YAAYL,IAAI;QAClC;IACJ;IACAS,MAAMX,MAAM,CAACK,QAAQ,GAAGgB,IAAAA,gCAAgB,EAAC,CAACC,QAAQ;QAC9CjB,aAAa,IAAI,IAAIA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASiB,OAAO;YAChEvB,OAAOuB,MAAMC,MAAM,CAACxB,KAAK;QAC7B,EAAE;IACN;IACA,OAAOY;AACX,GAEA,qCAAqC"}

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Select, selectClassNames, renderSelect_unstable, useSelectStyles_unstable, useSelect_unstable } from './Select';\n//# sourceMappingURL=index.js.map"],"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;CAC9G,iCAAiC"}
+{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Select, selectClassNames, renderSelect_unstable, useSelectStyles_unstable, useSelect_unstable } from './Select';\n\n//# sourceMappingURL=index.js.map"],"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;CAE9G,iCAAiC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-select",
-  "version": "0.0.0-nightly-20230529-0417.1",
+  "version": "0.0.0-nightly-20230530-0415.1",
   "description": "Fluent UI React Select component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,17 +28,17 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230529-0417.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230530-0415.1",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "0.0.0-nightly-20230529-0417.1",
+    "@fluentui/react-field": "0.0.0-nightly-20230530-0415.1",
     "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230529-0417.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230529-0417.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20230529-0417.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20230529-0417.1",
+    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230530-0415.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230530-0415.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20230530-0415.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20230530-0415.1",
     "@griffel/react": "^1.5.2",
     "@swc/helpers": "^0.4.14"
   },