@fluentui/react-field 0.0.0-nightly-20230831-0414.1 → 0.0.0-nightly-20230904-0415.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-field",
   "entries": [
     {
-      "date": "Thu, 31 Aug 2023 04:21:30 GMT",
-      "tag": "@fluentui/react-field_v0.0.0-nightly-20230831-0414.1",
-      "version": "0.0.0-nightly-20230831-0414.1",
+      "date": "Mon, 04 Sep 2023 04:22:34 GMT",
+      "tag": "@fluentui/react-field_v0.0.0-nightly-20230904-0415.1",
+      "version": "0.0.0-nightly-20230904-0415.1",
       "comments": {
         "prerelease": [
           {
@@ -16,44 +16,44 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20230831-0414.1",
-            "commit": "c99f5b3f1071bdf98228512e5ad9514a1185d62f"
+            "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20230904-0415.1",
+            "commit": "b3da35a3343968323dc9938d269df82b4cb2d618"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230831-0414.1",
-            "commit": "c99f5b3f1071bdf98228512e5ad9514a1185d62f"
+            "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230904-0415.1",
+            "commit": "b3da35a3343968323dc9938d269df82b4cb2d618"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-label to v0.0.0-nightly-20230831-0414.1",
-            "commit": "c99f5b3f1071bdf98228512e5ad9514a1185d62f"
+            "comment": "Bump @fluentui/react-label to v0.0.0-nightly-20230904-0415.1",
+            "commit": "b3da35a3343968323dc9938d269df82b4cb2d618"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230831-0414.1",
-            "commit": "c99f5b3f1071bdf98228512e5ad9514a1185d62f"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230904-0415.1",
+            "commit": "b3da35a3343968323dc9938d269df82b4cb2d618"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230831-0414.1",
-            "commit": "c99f5b3f1071bdf98228512e5ad9514a1185d62f"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230904-0415.1",
+            "commit": "b3da35a3343968323dc9938d269df82b4cb2d618"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-conformance to v0.0.0-nightly-20230831-0414.1",
-            "commit": "c99f5b3f1071bdf98228512e5ad9514a1185d62f"
+            "comment": "Bump @fluentui/react-conformance to v0.0.0-nightly-20230904-0415.1",
+            "commit": "b3da35a3343968323dc9938d269df82b4cb2d618"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230831-0414.1",
-            "commit": "c99f5b3f1071bdf98228512e5ad9514a1185d62f"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230904-0415.1",
+            "commit": "b3da35a3343968323dc9938d269df82b4cb2d618"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,24 +1,24 @@
 # Change Log - @fluentui/react-field
 
-This log was last generated on Thu, 31 Aug 2023 04:21:30 GMT and should not be manually modified.
+This log was last generated on Mon, 04 Sep 2023 04:22:34 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230831-0414.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v0.0.0-nightly-20230831-0414.1)
+## [0.0.0-nightly-20230904-0415.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v0.0.0-nightly-20230904-0415.1)
 
-Thu, 31 Aug 2023 04:21:30 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-field_v9.1.22..@fluentui/react-field_v0.0.0-nightly-20230831-0414.1)
+Mon, 04 Sep 2023 04:22:34 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-field_v9.1.22..@fluentui/react-field_v0.0.0-nightly-20230904-0415.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-context-selector to v0.0.0-nightly-20230831-0414.1 ([commit](https://github.com/microsoft/fluentui/commit/c99f5b3f1071bdf98228512e5ad9514a1185d62f) by beachball)
-- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230831-0414.1 ([commit](https://github.com/microsoft/fluentui/commit/c99f5b3f1071bdf98228512e5ad9514a1185d62f) by beachball)
-- Bump @fluentui/react-label to v0.0.0-nightly-20230831-0414.1 ([commit](https://github.com/microsoft/fluentui/commit/c99f5b3f1071bdf98228512e5ad9514a1185d62f) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20230831-0414.1 ([commit](https://github.com/microsoft/fluentui/commit/c99f5b3f1071bdf98228512e5ad9514a1185d62f) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20230831-0414.1 ([commit](https://github.com/microsoft/fluentui/commit/c99f5b3f1071bdf98228512e5ad9514a1185d62f) by beachball)
-- Bump @fluentui/react-conformance to v0.0.0-nightly-20230831-0414.1 ([commit](https://github.com/microsoft/fluentui/commit/c99f5b3f1071bdf98228512e5ad9514a1185d62f) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230831-0414.1 ([commit](https://github.com/microsoft/fluentui/commit/c99f5b3f1071bdf98228512e5ad9514a1185d62f) by beachball)
+- Bump @fluentui/react-context-selector to v0.0.0-nightly-20230904-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/b3da35a3343968323dc9938d269df82b4cb2d618) by beachball)
+- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230904-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/b3da35a3343968323dc9938d269df82b4cb2d618) by beachball)
+- Bump @fluentui/react-label to v0.0.0-nightly-20230904-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/b3da35a3343968323dc9938d269df82b4cb2d618) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20230904-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/b3da35a3343968323dc9938d269df82b4cb2d618) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20230904-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/b3da35a3343968323dc9938d269df82b4cb2d618) by beachball)
+- Bump @fluentui/react-conformance to v0.0.0-nightly-20230904-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/b3da35a3343968323dc9938d269df82b4cb2d618) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230904-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/b3da35a3343968323dc9938d269df82b4cb2d618) by beachball)
 
 ## [9.1.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.1.22)
 

package/lib/components/Field/Field.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Field.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { FieldProps } from './Field.types';\nimport { renderField_unstable } from './renderField';\nimport { useField_unstable } from './useField';\nimport { useFieldStyles_unstable } from './useFieldStyles.styles';\nimport { useFieldContextValues_unstable } from '../../contexts/index';\n\nexport const Field: ForwardRefComponent<FieldProps> = React.forwardRef((props, ref) => {\n  const state = useField_unstable(props, ref);\n  useFieldStyles_unstable(state);\n  const context = useFieldContextValues_unstable(state);\n  return renderField_unstable(state, context);\n});\n\nField.displayName = 'Field';\n"],"names":["React","renderField_unstable","useField_unstable","useFieldStyles_unstable","useFieldContextValues_unstable","Field","forwardRef","props","ref","state","context","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,uBAAuB,QAAQ,0BAA0B;AAClE,SAASC,8BAA8B,QAAQ,uBAAuB;AAEtE,OAAO,MAAMC,sBAAyCL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACrF,MAAMC,QAAQP,kBAAkBK,OAAOC;IACvCL,wBAAwBM;IACxB,MAAMC,UAAUN,+BAA+BK;IAC/C,OAAOR,qBAAqBQ,OAAOC;AACrC,GAAG;AAEHL,MAAMM,WAAW,GAAG"}
+{"version":3,"sources":["Field.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { FieldProps } from './Field.types';\nimport { renderField_unstable } from './renderField';\nimport { useField_unstable } from './useField';\nimport { useFieldStyles_unstable } from './useFieldStyles.styles';\nimport { useFieldContextValues_unstable } from '../../contexts/index';\n\nexport const Field: ForwardRefComponent<FieldProps> = React.forwardRef((props, ref) => {\n  const state = useField_unstable(props, ref);\n  useFieldStyles_unstable(state);\n  const context = useFieldContextValues_unstable(state);\n  return renderField_unstable(state, context);\n});\n\nField.displayName = 'Field';\n"],"names":["React","renderField_unstable","useField_unstable","useFieldStyles_unstable","useFieldContextValues_unstable","Field","forwardRef","props","ref","state","context","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,uBAAuB,QAAQ,0BAA0B;AAClE,SAASC,8BAA8B,QAAQ,uBAAuB;AAEtE,OAAO,MAAMC,sBAAyCL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7E,MAAMC,QAAQP,kBAAkBK,OAAOC;IACvCL,wBAAwBM;IACxB,MAAMC,UAAUN,+BAA+BK;IAC/C,OAAOR,qBAAqBQ,OAAOC;AACrC,GAAG;AAEHL,MAAMM,WAAW,GAAG"}

package/lib/components/Field/renderField.js

@@ -1,15 +1,29 @@
-/** @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';
 import { FieldContextProvider, getFieldControlProps } from '../../contexts/index';
 /**
  * Render the final JSX of Field
  */ export const renderField_unstable = (state, contextValues)=>{
+    var _contextValues;
     assertSlots(state);
-    let { children  } = state;
+    let { children } = state;
     if (typeof children === 'function') {
         children = children(getFieldControlProps(contextValues.field) || {});
     }
-    return /*#__PURE__*/ createElement(FieldContextProvider, {
-        value: contextValues === null || contextValues === void 0 ? void 0 : contextValues.field
-    }, /*#__PURE__*/ createElement(state.root, null, state.label && /*#__PURE__*/ createElement(state.label, null), children, state.validationMessage && /*#__PURE__*/ createElement(state.validationMessage, null, state.validationMessageIcon && /*#__PURE__*/ createElement(state.validationMessageIcon, null), state.validationMessage.children), state.hint && /*#__PURE__*/ createElement(state.hint, null)));
+    return /*#__PURE__*/ _jsx(FieldContextProvider, {
+        value: (_contextValues = contextValues) === null || _contextValues === void 0 ? void 0 : _contextValues.field,
+        children: /*#__PURE__*/ _jsxs(state.root, {
+            children: [
+                state.label && /*#__PURE__*/ _jsx(state.label, {}),
+                children,
+                state.validationMessage && /*#__PURE__*/ _jsxs(state.validationMessage, {
+                    children: [
+                        state.validationMessageIcon && /*#__PURE__*/ _jsx(state.validationMessageIcon, {}),
+                        state.validationMessage.children
+                    ]
+                }),
+                state.hint && /*#__PURE__*/ _jsx(state.hint, {})
+            ]
+        })
+    });
 };

package/lib/components/Field/renderField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderField.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { FieldContextProvider, getFieldControlProps } from '../../contexts/index';\nimport type { FieldContextValues, FieldSlots, FieldState } from './Field.types';\n\n/**\n * Render the final JSX of Field\n */\nexport const renderField_unstable = (state: FieldState, contextValues: FieldContextValues) => {\n  assertSlots<FieldSlots>(state);\n\n  let { children } = state;\n  if (typeof children === 'function') {\n    children = children(getFieldControlProps(contextValues.field) || {});\n  }\n\n  return (\n    <FieldContextProvider value={contextValues?.field}>\n      <state.root>\n        {state.label && <state.label />}\n        {children}\n        {state.validationMessage && (\n          <state.validationMessage>\n            {state.validationMessageIcon && <state.validationMessageIcon />}\n            {state.validationMessage.children}\n          </state.validationMessage>\n        )}\n\n        {state.hint && <state.hint />}\n      </state.root>\n    </FieldContextProvider>\n  );\n};\n"],"names":["createElement","assertSlots","FieldContextProvider","getFieldControlProps","renderField_unstable","state","contextValues","children","field","value","root","label","validationMessage","validationMessageIcon","hint"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,oBAAoB,EAAEC,oBAAoB,QAAQ,uBAAuB;AAGlF;;CAEC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAmBC,gBAAsC;IAC5FL,YAAwBI;IAExB,IAAI,EAAEE,SAAQ,EAAE,GAAGF;IACnB,IAAI,OAAOE,aAAa,YAAY;QAClCA,WAAWA,SAASJ,qBAAqBG,cAAcE,KAAK,KAAK,CAAC;IACpE,CAAC;IAED,qBACE,AApBJ,cAoBKN;QAAqBO,OAAOH,0BAAAA,2BAAAA,KAAAA,IAAAA,cAAeE,KAAK;qBAC/C,AArBN,cAqBOH,MAAMK,IAAI,QACRL,MAAMM,KAAK,kBAAI,AAtBxB,cAsByBN,MAAMM,KAAK,SAC3BJ,UACAF,MAAMO,iBAAiB,kBACtB,AAzBV,cAyBWP,MAAMO,iBAAiB,QACrBP,MAAMQ,qBAAqB,kBAAI,AA1B5C,cA0B6CR,MAAMQ,qBAAqB,SAC3DR,MAAMO,iBAAiB,CAACL,QAAQ,GAIpCF,MAAMS,IAAI,kBAAI,AA/BvB,cA+BwBT,MAAMS,IAAI;AAIlC,EAAE"}
+{"version":3,"sources":["renderField.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { FieldContextProvider, getFieldControlProps } from '../../contexts/index';\nimport type { FieldContextValues, FieldSlots, FieldState } from './Field.types';\n\n/**\n * Render the final JSX of Field\n */\nexport const renderField_unstable = (state: FieldState, contextValues: FieldContextValues) => {\n  assertSlots<FieldSlots>(state);\n\n  let { children } = state;\n  if (typeof children === 'function') {\n    children = children(getFieldControlProps(contextValues.field) || {});\n  }\n\n  return (\n    <FieldContextProvider value={contextValues?.field}>\n      <state.root>\n        {state.label && <state.label />}\n        {children}\n        {state.validationMessage && (\n          <state.validationMessage>\n            {state.validationMessageIcon && <state.validationMessageIcon />}\n            {state.validationMessage.children}\n          </state.validationMessage>\n        )}\n\n        {state.hint && <state.hint />}\n      </state.root>\n    </FieldContextProvider>\n  );\n};\n"],"names":["assertSlots","FieldContextProvider","getFieldControlProps","renderField_unstable","state","contextValues","children","field","value","root","label","validationMessage","validationMessageIcon","hint"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AACxD,SAASC,oBAAoB,EAAEC,oBAAoB,QAAQ,uBAAuB;AAGlF;;CAEC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAmBC;QASvBA;IAR/BL,YAAwBI;IAExB,IAAI,EAAEE,QAAQ,EAAE,GAAGF;IACnB,IAAI,OAAOE,aAAa,YAAY;QAClCA,WAAWA,SAASJ,qBAAqBG,cAAcE,KAAK,KAAK,CAAC;IACpE;IAEA,qBACE,KAACN;QAAqBO,KAAK,GAAEH,iBAAAA,2BAAAA,qCAAAA,eAAeE,KAAK;kBAC/C,cAAA,MAACH,MAAMK,IAAI;;gBACRL,MAAMM,KAAK,kBAAI,KAACN,MAAMM,KAAK;gBAC3BJ;gBACAF,MAAMO,iBAAiB,kBACtB,MAACP,MAAMO,iBAAiB;;wBACrBP,MAAMQ,qBAAqB,kBAAI,KAACR,MAAMQ,qBAAqB;wBAC3DR,MAAMO,iBAAiB,CAACL,QAAQ;;;gBAIpCF,MAAMS,IAAI,kBAAI,KAACT,MAAMS,IAAI;;;;AAIlC,EAAE"}

package/lib/components/Field/useField.js

@@ -17,7 +17,7 @@ const validationMessageIcons = {
  * @param props - Props passed to this field
  * @param ref - Ref to the root
  */ export const useField_unstable = (props, ref)=>{
-    const { children , orientation ='vertical' , required =false , validationState =props.validationMessage ? 'error' : 'none' , size ='medium'  } = props;
+    const { children, orientation = 'vertical', required = false, validationState = props.validationMessage ? 'error' : 'none', size = 'medium' } = props;
     const baseId = useId('field-');
     const generatedControlId = baseId + '__control';
     const root = slot.always(getNativeElementProps('div', {

package/lib/components/Field/useField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useField.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { CheckmarkCircle12Filled, ErrorCircle12Filled, Warning12Filled } from '@fluentui/react-icons';\nimport { Label } from '@fluentui/react-label';\nimport { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';\nimport type { FieldProps, FieldState } from './Field.types';\n\nconst validationMessageIcons = {\n  error: <ErrorCircle12Filled />,\n  warning: <Warning12Filled />,\n  success: <CheckmarkCircle12Filled />,\n  none: undefined,\n} as const;\n\n/**\n * Create the state required to render Field.\n *\n * The returned state can be modified with hooks such as useFieldStyles_unstable,\n * before being passed to renderField_unstable.\n *\n * @param props - Props passed to this field\n * @param ref - Ref to the root\n */\nexport const useField_unstable = (props: FieldProps, ref: React.Ref<HTMLDivElement>): FieldState => {\n  const {\n    children,\n    orientation = 'vertical',\n    required = false,\n    validationState = props.validationMessage ? 'error' : 'none',\n    size = 'medium',\n  } = props;\n\n  const baseId = useId('field-');\n  const generatedControlId = baseId + '__control';\n\n  const root = slot.always(getNativeElementProps('div', { ...props, ref }, /*excludedPropNames:*/ ['children']), {\n    elementType: 'div',\n  });\n  const label = slot.optional(props.label, {\n    defaultProps: { htmlFor: generatedControlId, id: baseId + '__label', required, size },\n    elementType: Label,\n  });\n  const validationMessage = slot.optional(props.validationMessage, {\n    defaultProps: { id: baseId + '__validationMessage', role: validationState === 'error' ? 'alert' : undefined },\n    elementType: 'div',\n  });\n  const hint = slot.optional(props.hint, { defaultProps: { id: baseId + '__hint' }, elementType: 'div' });\n  const defaultIcon = validationMessageIcons[validationState];\n  const validationMessageIcon = slot.optional(props.validationMessageIcon, {\n    renderByDefault: !!defaultIcon,\n    defaultProps: { children: defaultIcon },\n    elementType: 'span',\n  });\n  return {\n    children,\n    generatedControlId,\n    orientation,\n    required,\n    size,\n    validationState,\n    components: { root: 'div', label: Label, validationMessage: 'div', validationMessageIcon: 'span', hint: 'div' },\n    root,\n    label,\n    validationMessageIcon,\n    validationMessage,\n    hint,\n  };\n};\n"],"names":["React","CheckmarkCircle12Filled","ErrorCircle12Filled","Warning12Filled","Label","getNativeElementProps","useId","slot","validationMessageIcons","error","warning","success","none","undefined","useField_unstable","props","ref","children","orientation","required","validationState","validationMessage","size","baseId","generatedControlId","root","always","elementType","label","optional","defaultProps","htmlFor","id","role","hint","defaultIcon","validationMessageIcon","renderByDefault","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,uBAAuB,EAAEC,mBAAmB,EAAEC,eAAe,QAAQ,wBAAwB;AACtG,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,qBAAqB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,4BAA4B;AAG/E,MAAMC,yBAAyB;IAC7BC,qBAAO,oBAACP;IACRQ,uBAAS,oBAACP;IACVQ,uBAAS,oBAACV;IACVW,MAAMC;AACR;AAEA;;;;;;;;CAQC,GACD,OAAO,MAAMC,oBAAoB,CAACC,OAAmBC,MAA+C;IAClG,MAAM,EACJC,SAAQ,EACRC,aAAc,WAAU,EACxBC,UAAW,KAAK,CAAA,EAChBC,iBAAkBL,MAAMM,iBAAiB,GAAG,UAAU,MAAM,CAAA,EAC5DC,MAAO,SAAQ,EAChB,GAAGP;IAEJ,MAAMQ,SAASjB,MAAM;IACrB,MAAMkB,qBAAqBD,SAAS;IAEpC,MAAME,OAAOlB,KAAKmB,MAAM,CAACrB,sBAAsB,OAAO;QAAE,GAAGU,KAAK;QAAEC;IAAI,GAAG,oBAAoB,GAAG;QAAC;KAAW,GAAG;QAC7GW,aAAa;IACf;IACA,MAAMC,QAAQrB,KAAKsB,QAAQ,CAACd,MAAMa,KAAK,EAAE;QACvCE,cAAc;YAAEC,SAASP;YAAoBQ,IAAIT,SAAS;YAAWJ;YAAUG;QAAK;QACpFK,aAAavB;IACf;IACA,MAAMiB,oBAAoBd,KAAKsB,QAAQ,CAACd,MAAMM,iBAAiB,EAAE;QAC/DS,cAAc;YAAEE,IAAIT,SAAS;YAAuBU,MAAMb,oBAAoB,UAAU,UAAUP,SAAS;QAAC;QAC5Gc,aAAa;IACf;IACA,MAAMO,OAAO3B,KAAKsB,QAAQ,CAACd,MAAMmB,IAAI,EAAE;QAAEJ,cAAc;YAAEE,IAAIT,SAAS;QAAS;QAAGI,aAAa;IAAM;IACrG,MAAMQ,cAAc3B,sBAAsB,CAACY,gBAAgB;IAC3D,MAAMgB,wBAAwB7B,KAAKsB,QAAQ,CAACd,MAAMqB,qBAAqB,EAAE;QACvEC,iBAAiB,CAAC,CAACF;QACnBL,cAAc;YAAEb,UAAUkB;QAAY;QACtCR,aAAa;IACf;IACA,OAAO;QACLV;QACAO;QACAN;QACAC;QACAG;QACAF;QACAkB,YAAY;YAAEb,MAAM;YAAOG,OAAOxB;YAAOiB,mBAAmB;YAAOe,uBAAuB;YAAQF,MAAM;QAAM;QAC9GT;QACAG;QACAQ;QACAf;QACAa;IACF;AACF,EAAE"}
+{"version":3,"sources":["useField.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { CheckmarkCircle12Filled, ErrorCircle12Filled, Warning12Filled } from '@fluentui/react-icons';\nimport { Label } from '@fluentui/react-label';\nimport { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';\nimport type { FieldProps, FieldState } from './Field.types';\n\nconst validationMessageIcons = {\n  error: <ErrorCircle12Filled />,\n  warning: <Warning12Filled />,\n  success: <CheckmarkCircle12Filled />,\n  none: undefined,\n} as const;\n\n/**\n * Create the state required to render Field.\n *\n * The returned state can be modified with hooks such as useFieldStyles_unstable,\n * before being passed to renderField_unstable.\n *\n * @param props - Props passed to this field\n * @param ref - Ref to the root\n */\nexport const useField_unstable = (props: FieldProps, ref: React.Ref<HTMLDivElement>): FieldState => {\n  const {\n    children,\n    orientation = 'vertical',\n    required = false,\n    validationState = props.validationMessage ? 'error' : 'none',\n    size = 'medium',\n  } = props;\n\n  const baseId = useId('field-');\n  const generatedControlId = baseId + '__control';\n\n  const root = slot.always(getNativeElementProps('div', { ...props, ref }, /*excludedPropNames:*/ ['children']), {\n    elementType: 'div',\n  });\n  const label = slot.optional(props.label, {\n    defaultProps: { htmlFor: generatedControlId, id: baseId + '__label', required, size },\n    elementType: Label,\n  });\n  const validationMessage = slot.optional(props.validationMessage, {\n    defaultProps: { id: baseId + '__validationMessage', role: validationState === 'error' ? 'alert' : undefined },\n    elementType: 'div',\n  });\n  const hint = slot.optional(props.hint, { defaultProps: { id: baseId + '__hint' }, elementType: 'div' });\n  const defaultIcon = validationMessageIcons[validationState];\n  const validationMessageIcon = slot.optional(props.validationMessageIcon, {\n    renderByDefault: !!defaultIcon,\n    defaultProps: { children: defaultIcon },\n    elementType: 'span',\n  });\n  return {\n    children,\n    generatedControlId,\n    orientation,\n    required,\n    size,\n    validationState,\n    components: { root: 'div', label: Label, validationMessage: 'div', validationMessageIcon: 'span', hint: 'div' },\n    root,\n    label,\n    validationMessageIcon,\n    validationMessage,\n    hint,\n  };\n};\n"],"names":["React","CheckmarkCircle12Filled","ErrorCircle12Filled","Warning12Filled","Label","getNativeElementProps","useId","slot","validationMessageIcons","error","warning","success","none","undefined","useField_unstable","props","ref","children","orientation","required","validationState","validationMessage","size","baseId","generatedControlId","root","always","elementType","label","optional","defaultProps","htmlFor","id","role","hint","defaultIcon","validationMessageIcon","renderByDefault","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,uBAAuB,EAAEC,mBAAmB,EAAEC,eAAe,QAAQ,wBAAwB;AACtG,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,qBAAqB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,4BAA4B;AAG/E,MAAMC,yBAAyB;IAC7BC,qBAAO,oBAACP;IACRQ,uBAAS,oBAACP;IACVQ,uBAAS,oBAACV;IACVW,MAAMC;AACR;AAEA;;;;;;;;CAQC,GACD,OAAO,MAAMC,oBAAoB,CAACC,OAAmBC;IACnD,MAAM,EACJC,QAAQ,EACRC,cAAc,UAAU,EACxBC,WAAW,KAAK,EAChBC,kBAAkBL,MAAMM,iBAAiB,GAAG,UAAU,MAAM,EAC5DC,OAAO,QAAQ,EAChB,GAAGP;IAEJ,MAAMQ,SAASjB,MAAM;IACrB,MAAMkB,qBAAqBD,SAAS;IAEpC,MAAME,OAAOlB,KAAKmB,MAAM,CAACrB,sBAAsB,OAAO;QAAE,GAAGU,KAAK;QAAEC;IAAI,GAAG,oBAAoB,GAAG;QAAC;KAAW,GAAG;QAC7GW,aAAa;IACf;IACA,MAAMC,QAAQrB,KAAKsB,QAAQ,CAACd,MAAMa,KAAK,EAAE;QACvCE,cAAc;YAAEC,SAASP;YAAoBQ,IAAIT,SAAS;YAAWJ;YAAUG;QAAK;QACpFK,aAAavB;IACf;IACA,MAAMiB,oBAAoBd,KAAKsB,QAAQ,CAACd,MAAMM,iBAAiB,EAAE;QAC/DS,cAAc;YAAEE,IAAIT,SAAS;YAAuBU,MAAMb,oBAAoB,UAAU,UAAUP;QAAU;QAC5Gc,aAAa;IACf;IACA,MAAMO,OAAO3B,KAAKsB,QAAQ,CAACd,MAAMmB,IAAI,EAAE;QAAEJ,cAAc;YAAEE,IAAIT,SAAS;QAAS;QAAGI,aAAa;IAAM;IACrG,MAAMQ,cAAc3B,sBAAsB,CAACY,gBAAgB;IAC3D,MAAMgB,wBAAwB7B,KAAKsB,QAAQ,CAACd,MAAMqB,qBAAqB,EAAE;QACvEC,iBAAiB,CAAC,CAACF;QACnBL,cAAc;YAAEb,UAAUkB;QAAY;QACtCR,aAAa;IACf;IACA,OAAO;QACLV;QACAO;QACAN;QACAC;QACAG;QACAF;QACAkB,YAAY;YAAEb,MAAM;YAAOG,OAAOxB;YAAOiB,mBAAmB;YAAOe,uBAAuB;YAAQF,MAAM;QAAM;QAC9GT;QACAG;QACAQ;QACAf;QACAa;IACF;AACF,EAAE"}

package/lib/components/Field/useFieldStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["tokens","typographyStyles","__resetStyles","__styles","mergeClasses","fieldClassNames","root","label","validationMessage","validationMessageIcon","hint","iconSize","useRootStyles","base","mc9l5x","horizontal","Budl1dq","wkccdc","horizontalNoLabel","uwmqm3","d","useLabelStyles","z8tnut","Byoj8tv","large","vertical","jrapky","verticalLarge","t21cq0","Ijaq50","nk6f5a","useSecondaryTextBaseClassName","useSecondaryTextStyles","error","sj55zd","withIcon","useValidationMessageIconBaseClassName","useValidationMessageIconStyles","warning","success","useFieldStyles_unstable","state","validationState","orientation","rootStyles","className","labelStyles","size","validationMessageIconBaseClassName","validationMessageIconStyles","secondaryTextBaseClassName","secondaryTextStyles"],"sources":["useFieldStyles.styles.js"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nexport const fieldClassNames = {\n    root: `fui-Field`,\n    label: `fui-Field__label`,\n    validationMessage: `fui-Field__validationMessage`,\n    validationMessageIcon: `fui-Field__validationMessageIcon`,\n    hint: `fui-Field__hint`\n};\n// Size of the icon in the validation message\nconst iconSize = '12px';\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n    base: {\n        display: 'grid'\n    },\n    // In horizontal layout, the field is a grid with the label taking up the entire first column.\n    // The last row is slack space in case the label is taller than the rest of the content.\n    horizontal: {\n        gridTemplateColumns: '33% 1fr',\n        gridTemplateRows: 'auto auto auto 1fr'\n    },\n    // In horizontal layout without a label, replace the label's column with padding.\n    // This lets grid auto-flow properly place the other children, and keeps fields with and without labels aligned.\n    horizontalNoLabel: {\n        paddingLeft: '33%',\n        gridTemplateColumns: '1fr'\n    }\n});\nconst useLabelStyles = makeStyles({\n    base: {\n        paddingTop: tokens.spacingVerticalXXS,\n        paddingBottom: tokens.spacingVerticalXXS\n    },\n    large: {\n        paddingTop: '1px',\n        paddingBottom: '1px'\n    },\n    vertical: {\n        marginBottom: tokens.spacingVerticalXXS\n    },\n    verticalLarge: {\n        marginBottom: tokens.spacingVerticalXS\n    },\n    horizontal: {\n        marginRight: tokens.spacingHorizontalM,\n        gridRowStart: '1',\n        gridRowEnd: '-1'\n    }\n});\nconst useSecondaryTextBaseClassName = makeResetStyles({\n    marginTop: tokens.spacingVerticalXXS,\n    color: tokens.colorNeutralForeground3,\n    ...typographyStyles.caption1\n});\nconst useSecondaryTextStyles = makeStyles({\n    error: {\n        color: tokens.colorPaletteRedForeground1\n    },\n    withIcon: {\n        // Add a gutter for the icon, to allow multiple lines of text to line up to the right of the icon.\n        paddingLeft: `calc(${iconSize} + ${tokens.spacingHorizontalXS})`\n    }\n});\nconst useValidationMessageIconBaseClassName = makeResetStyles({\n    display: 'inline-block',\n    fontSize: iconSize,\n    // Negative left margin puts the icon in the gutter of the validation message div's withIcon style.\n    marginLeft: `calc(-${iconSize} - ${tokens.spacingHorizontalXS})`,\n    marginRight: tokens.spacingHorizontalXS,\n    // Line height of 0 prevents the verticalAlign from affecting the line height of the text.\n    lineHeight: '0',\n    // Negative verticalAlign shifts the inline icon down to align with the text (effectively top padding).\n    verticalAlign: '-1px'\n});\nconst useValidationMessageIconStyles = makeStyles({\n    error: {\n        color: tokens.colorPaletteRedForeground1\n    },\n    warning: {\n        color: tokens.colorPaletteDarkOrangeForeground1\n    },\n    success: {\n        color: tokens.colorPaletteGreenForeground1\n    }\n});\n/**\n * Apply styling to the Field slots based on the state\n */ export const useFieldStyles_unstable = (state)=>{\n    const { validationState  } = state;\n    const horizontal = state.orientation === 'horizontal';\n    const rootStyles = useRootStyles();\n    state.root.className = mergeClasses(fieldClassNames.root, rootStyles.base, horizontal && rootStyles.horizontal, horizontal && !state.label && rootStyles.horizontalNoLabel, state.root.className);\n    const labelStyles = useLabelStyles();\n    if (state.label) {\n        state.label.className = mergeClasses(fieldClassNames.label, labelStyles.base, horizontal && labelStyles.horizontal, !horizontal && labelStyles.vertical, state.label.size === 'large' && labelStyles.large, !horizontal && state.label.size === 'large' && labelStyles.verticalLarge, state.label.className);\n    }\n    const validationMessageIconBaseClassName = useValidationMessageIconBaseClassName();\n    const validationMessageIconStyles = useValidationMessageIconStyles();\n    if (state.validationMessageIcon) {\n        state.validationMessageIcon.className = mergeClasses(fieldClassNames.validationMessageIcon, validationMessageIconBaseClassName, validationState !== 'none' && validationMessageIconStyles[validationState], state.validationMessageIcon.className);\n    }\n    const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n    const secondaryTextStyles = useSecondaryTextStyles();\n    if (state.validationMessage) {\n        state.validationMessage.className = mergeClasses(fieldClassNames.validationMessage, secondaryTextBaseClassName, validationState === 'error' && secondaryTextStyles.error, !!state.validationMessageIcon && secondaryTextStyles.withIcon, state.validationMessage.className);\n    }\n    if (state.hint) {\n        state.hint.className = mergeClasses(fieldClassNames.hint, secondaryTextBaseClassName, state.hint.className);\n    }\n};\n"],"mappings":"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"}
+{"version":3,"names":["tokens","typographyStyles","__resetStyles","__styles","mergeClasses","fieldClassNames","root","label","validationMessage","validationMessageIcon","hint","iconSize","useRootStyles","base","mc9l5x","horizontal","Budl1dq","wkccdc","horizontalNoLabel","uwmqm3","d","useLabelStyles","z8tnut","Byoj8tv","large","vertical","jrapky","verticalLarge","t21cq0","Ijaq50","nk6f5a","useSecondaryTextBaseClassName","useSecondaryTextStyles","error","sj55zd","withIcon","useValidationMessageIconBaseClassName","useValidationMessageIconStyles","warning","success","useFieldStyles_unstable","state","validationState","orientation","rootStyles","className","labelStyles","size","validationMessageIconBaseClassName","validationMessageIconStyles","secondaryTextBaseClassName","secondaryTextStyles"],"sources":["useFieldStyles.styles.js"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nexport const fieldClassNames = {\n    root: `fui-Field`,\n    label: `fui-Field__label`,\n    validationMessage: `fui-Field__validationMessage`,\n    validationMessageIcon: `fui-Field__validationMessageIcon`,\n    hint: `fui-Field__hint`\n};\n// Size of the icon in the validation message\nconst iconSize = '12px';\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n    base: {\n        display: 'grid'\n    },\n    // In horizontal layout, the field is a grid with the label taking up the entire first column.\n    // The last row is slack space in case the label is taller than the rest of the content.\n    horizontal: {\n        gridTemplateColumns: '33% 1fr',\n        gridTemplateRows: 'auto auto auto 1fr'\n    },\n    // In horizontal layout without a label, replace the label's column with padding.\n    // This lets grid auto-flow properly place the other children, and keeps fields with and without labels aligned.\n    horizontalNoLabel: {\n        paddingLeft: '33%',\n        gridTemplateColumns: '1fr'\n    }\n});\nconst useLabelStyles = makeStyles({\n    base: {\n        paddingTop: tokens.spacingVerticalXXS,\n        paddingBottom: tokens.spacingVerticalXXS\n    },\n    large: {\n        paddingTop: '1px',\n        paddingBottom: '1px'\n    },\n    vertical: {\n        marginBottom: tokens.spacingVerticalXXS\n    },\n    verticalLarge: {\n        marginBottom: tokens.spacingVerticalXS\n    },\n    horizontal: {\n        marginRight: tokens.spacingHorizontalM,\n        gridRowStart: '1',\n        gridRowEnd: '-1'\n    }\n});\nconst useSecondaryTextBaseClassName = makeResetStyles({\n    marginTop: tokens.spacingVerticalXXS,\n    color: tokens.colorNeutralForeground3,\n    ...typographyStyles.caption1\n});\nconst useSecondaryTextStyles = makeStyles({\n    error: {\n        color: tokens.colorPaletteRedForeground1\n    },\n    withIcon: {\n        // Add a gutter for the icon, to allow multiple lines of text to line up to the right of the icon.\n        paddingLeft: `calc(${iconSize} + ${tokens.spacingHorizontalXS})`\n    }\n});\nconst useValidationMessageIconBaseClassName = makeResetStyles({\n    display: 'inline-block',\n    fontSize: iconSize,\n    // Negative left margin puts the icon in the gutter of the validation message div's withIcon style.\n    marginLeft: `calc(-${iconSize} - ${tokens.spacingHorizontalXS})`,\n    marginRight: tokens.spacingHorizontalXS,\n    // Line height of 0 prevents the verticalAlign from affecting the line height of the text.\n    lineHeight: '0',\n    // Negative verticalAlign shifts the inline icon down to align with the text (effectively top padding).\n    verticalAlign: '-1px'\n});\nconst useValidationMessageIconStyles = makeStyles({\n    error: {\n        color: tokens.colorPaletteRedForeground1\n    },\n    warning: {\n        color: tokens.colorPaletteDarkOrangeForeground1\n    },\n    success: {\n        color: tokens.colorPaletteGreenForeground1\n    }\n});\n/**\n * Apply styling to the Field slots based on the state\n */ export const useFieldStyles_unstable = (state)=>{\n    const { validationState } = state;\n    const horizontal = state.orientation === 'horizontal';\n    const rootStyles = useRootStyles();\n    state.root.className = mergeClasses(fieldClassNames.root, rootStyles.base, horizontal && rootStyles.horizontal, horizontal && !state.label && rootStyles.horizontalNoLabel, state.root.className);\n    const labelStyles = useLabelStyles();\n    if (state.label) {\n        state.label.className = mergeClasses(fieldClassNames.label, labelStyles.base, horizontal && labelStyles.horizontal, !horizontal && labelStyles.vertical, state.label.size === 'large' && labelStyles.large, !horizontal && state.label.size === 'large' && labelStyles.verticalLarge, state.label.className);\n    }\n    const validationMessageIconBaseClassName = useValidationMessageIconBaseClassName();\n    const validationMessageIconStyles = useValidationMessageIconStyles();\n    if (state.validationMessageIcon) {\n        state.validationMessageIcon.className = mergeClasses(fieldClassNames.validationMessageIcon, validationMessageIconBaseClassName, validationState !== 'none' && validationMessageIconStyles[validationState], state.validationMessageIcon.className);\n    }\n    const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n    const secondaryTextStyles = useSecondaryTextStyles();\n    if (state.validationMessage) {\n        state.validationMessage.className = mergeClasses(fieldClassNames.validationMessage, secondaryTextBaseClassName, validationState === 'error' && secondaryTextStyles.error, !!state.validationMessageIcon && secondaryTextStyles.withIcon, state.validationMessage.className);\n    }\n    if (state.hint) {\n        state.hint.className = mergeClasses(fieldClassNames.hint, secondaryTextBaseClassName, state.hint.className);\n    }\n};\n"],"mappings":"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"}

package/lib/contexts/useFieldContextValues.js

@@ -3,7 +3,7 @@ import * as React from 'react';
  * Get the context values used when rendering Field.
  */ export const useFieldContextValues_unstable = (state)=>{
     var _state_label, _state_label1, _state_validationMessage, _state_hint;
-    const { generatedControlId , orientation , required , size , validationState  } = state;
+    const { generatedControlId, orientation, required, size, validationState } = state;
     const labelFor = (_state_label = state.label) === null || _state_label === void 0 ? void 0 : _state_label.htmlFor;
     const labelId = (_state_label1 = state.label) === null || _state_label1 === void 0 ? void 0 : _state_label1.id;
     const validationMessageId = (_state_validationMessage = state.validationMessage) === null || _state_validationMessage === void 0 ? void 0 : _state_validationMessage.id;

package/lib/contexts/useFieldContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useFieldContextValues.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { FieldContextValue, FieldContextValues, FieldState } from '../Field';\n\n/**\n * Get the context values used when rendering Field.\n */\nexport const useFieldContextValues_unstable = (state: FieldState): FieldContextValues => {\n  const { generatedControlId, orientation, required, size, validationState } = state;\n  const labelFor = state.label?.htmlFor;\n  const labelId = state.label?.id;\n  const validationMessageId = state.validationMessage?.id;\n  const hintId = state.hint?.id;\n\n  const field: FieldContextValue = React.useMemo(\n    () => ({\n      generatedControlId,\n      hintId,\n      labelFor,\n      labelId,\n      orientation,\n      required,\n      size,\n      validationMessageId,\n      validationState,\n    }),\n    [generatedControlId, hintId, labelFor, labelId, orientation, required, size, validationMessageId, validationState],\n  );\n\n  return { field };\n};\n"],"names":["React","useFieldContextValues_unstable","state","generatedControlId","orientation","required","size","validationState","labelFor","label","htmlFor","labelId","id","validationMessageId","validationMessage","hintId","hint","field","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B;;CAEC,GACD,OAAO,MAAMC,iCAAiC,CAACC,QAA0C;QAEtEA,cACDA,eACYA,0BACbA;IAJf,MAAM,EAAEC,mBAAkB,EAAEC,YAAW,EAAEC,SAAQ,EAAEC,KAAI,EAAEC,gBAAe,EAAE,GAAGL;IAC7E,MAAMM,WAAWN,CAAAA,eAAAA,MAAMO,KAAK,cAAXP,0BAAAA,KAAAA,IAAAA,aAAaQ,OAAO;IACrC,MAAMC,UAAUT,CAAAA,gBAAAA,MAAMO,KAAK,cAAXP,2BAAAA,KAAAA,IAAAA,cAAaU,EAAE;IAC/B,MAAMC,sBAAsBX,CAAAA,2BAAAA,MAAMY,iBAAiB,cAAvBZ,sCAAAA,KAAAA,IAAAA,yBAAyBU,EAAE;IACvD,MAAMG,SAASb,CAAAA,cAAAA,MAAMc,IAAI,cAAVd,yBAAAA,KAAAA,IAAAA,YAAYU,EAAE;IAE7B,MAAMK,QAA2BjB,MAAMkB,OAAO,CAC5C,IAAO,CAAA;YACLf;YACAY;YACAP;YACAG;YACAP;YACAC;YACAC;YACAO;YACAN;QACF,CAAA,GACA;QAACJ;QAAoBY;QAAQP;QAAUG;QAASP;QAAaC;QAAUC;QAAMO;QAAqBN;KAAgB;IAGpH,OAAO;QAAEU;IAAM;AACjB,EAAE"}
+{"version":3,"sources":["useFieldContextValues.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { FieldContextValue, FieldContextValues, FieldState } from '../Field';\n\n/**\n * Get the context values used when rendering Field.\n */\nexport const useFieldContextValues_unstable = (state: FieldState): FieldContextValues => {\n  const { generatedControlId, orientation, required, size, validationState } = state;\n  const labelFor = state.label?.htmlFor;\n  const labelId = state.label?.id;\n  const validationMessageId = state.validationMessage?.id;\n  const hintId = state.hint?.id;\n\n  const field: FieldContextValue = React.useMemo(\n    () => ({\n      generatedControlId,\n      hintId,\n      labelFor,\n      labelId,\n      orientation,\n      required,\n      size,\n      validationMessageId,\n      validationState,\n    }),\n    [generatedControlId, hintId, labelFor, labelId, orientation, required, size, validationMessageId, validationState],\n  );\n\n  return { field };\n};\n"],"names":["React","useFieldContextValues_unstable","state","generatedControlId","orientation","required","size","validationState","labelFor","label","htmlFor","labelId","id","validationMessageId","validationMessage","hintId","hint","field","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B;;CAEC,GACD,OAAO,MAAMC,iCAAiC,CAACC;QAE5BA,cACDA,eACYA,0BACbA;IAJf,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,eAAe,EAAE,GAAGL;IAC7E,MAAMM,YAAWN,eAAAA,MAAMO,KAAK,cAAXP,mCAAAA,aAAaQ,OAAO;IACrC,MAAMC,WAAUT,gBAAAA,MAAMO,KAAK,cAAXP,oCAAAA,cAAaU,EAAE;IAC/B,MAAMC,uBAAsBX,2BAAAA,MAAMY,iBAAiB,cAAvBZ,+CAAAA,yBAAyBU,EAAE;IACvD,MAAMG,UAASb,cAAAA,MAAMc,IAAI,cAAVd,kCAAAA,YAAYU,EAAE;IAE7B,MAAMK,QAA2BjB,MAAMkB,OAAO,CAC5C,IAAO,CAAA;YACLf;YACAY;YACAP;YACAG;YACAP;YACAC;YACAC;YACAO;YACAN;QACF,CAAA,GACA;QAACJ;QAAoBY;QAAQP;QAAUG;QAASP;QAAaC;QAAUC;QAAMO;QAAqBN;KAAgB;IAGpH,OAAO;QAAEU;IAAM;AACjB,EAAE"}

package/lib/contexts/useFieldControlProps.js

@@ -7,6 +7,7 @@ export function useFieldControlProps_unstable(props, options) {
  * Implementation of useFieldControlProps_unstable.
  * Split out so it can be used directly in renderField_unstable.
  */ export function getFieldControlProps(context, props, options) {
+    var _options, _options1;
     if (!context) {
         return props;
     }
@@ -14,7 +15,7 @@ export function useFieldControlProps_unstable(props, options) {
     props = {
         ...props
     };
-    const { generatedControlId , hintId , labelFor , labelId , required , validationMessageId , validationState  } = context;
+    const { generatedControlId, hintId, labelFor, labelId, required, validationMessageId, validationState } = context;
     if (generatedControlId) {
         var _props;
         var _id;
@@ -22,7 +23,7 @@ export function useFieldControlProps_unstable(props, options) {
     }
     // Set aria-labelledby if the control doesn't support label.htmlFor, or if the label's htmlFor doesn't refer
     // to this control (i.e. the user set this control's id prop without also setting the Field's label.htmlFor).
-    if (labelId && (!(options === null || options === void 0 ? void 0 : options.supportsLabelFor) || labelFor !== props.id)) {
+    if (labelId && (!((_options = options) === null || _options === void 0 ? void 0 : _options.supportsLabelFor) || labelFor !== props.id)) {
         var _props1, _arialabelledby;
         var _;
         (_ = (_props1 = props)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _props1[_arialabelledby] = labelId;
@@ -31,34 +32,36 @@ export function useFieldControlProps_unstable(props, options) {
     // We also preserve and append any aria-describedby from props.
     // For reference: https://github.com/microsoft/fluentui/pull/25580#discussion_r1017259933
     if (validationMessageId || hintId) {
+        var _props2;
         // NOTE: Not using ??= since we're merging and overriding the user-provided value.
         props['aria-describedby'] = [
             validationMessageId,
             hintId,
-            props === null || props === void 0 ? void 0 : props['aria-describedby']
+            (_props2 = props) === null || _props2 === void 0 ? void 0 : _props2['aria-describedby']
         ].filter(Boolean).join(' ');
     }
     if (validationState === 'error') {
-        var _props2, _ariainvalid;
+        var _props3, _ariainvalid;
         var _1;
-        (_1 = (_props2 = props)[_ariainvalid = 'aria-invalid']) !== null && _1 !== void 0 ? _1 : _props2[_ariainvalid] = true;
+        (_1 = (_props3 = props)[_ariainvalid = 'aria-invalid']) !== null && _1 !== void 0 ? _1 : _props3[_ariainvalid] = true;
     }
     if (required) {
-        if (options === null || options === void 0 ? void 0 : options.supportsRequired) {
-            var _props3;
+        var _options2;
+        if ((_options2 = options) === null || _options2 === void 0 ? void 0 : _options2.supportsRequired) {
+            var _props4;
             var _required;
-            (_required = (_props3 = props).required) !== null && _required !== void 0 ? _required : _props3.required = true;
+            (_required = (_props4 = props).required) !== null && _required !== void 0 ? _required : _props4.required = true;
         } else {
-            var _props4, _ariarequired;
+            var _props5, _ariarequired;
             var _2;
-            (_2 = (_props4 = props)[_ariarequired = 'aria-required']) !== null && _2 !== void 0 ? _2 : _props4[_ariarequired] = true;
+            (_2 = (_props5 = props)[_ariarequired = 'aria-required']) !== null && _2 !== void 0 ? _2 : _props5[_ariarequired] = true;
         }
     }
     // Include the size prop if this control supports it
-    if (options === null || options === void 0 ? void 0 : options.supportsSize) {
-        var _props5;
+    if ((_options1 = options) === null || _options1 === void 0 ? void 0 : _options1.supportsSize) {
+        var _props6;
         var _size;
-        (_size = (_props5 = props).size) !== null && _size !== void 0 ? _size : _props5.size = context.size;
+        (_size = (_props6 = props).size) !== null && _size !== void 0 ? _size : _props6.size = context.size;
     }
     return props;
 }

package/lib/contexts/useFieldControlProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useFieldControlProps.ts"],"sourcesContent":["import type { FieldContextValue, FieldControlProps } from '../Field';\nimport { useFieldContext_unstable } from './FieldContext';\n\n/**\n * Options for `useFieldControlProps_unstable`.\n */\nexport type FieldControlPropsOptions = {\n  /**\n   * Skips setting `aria-labelledby` on the control if the `label.htmlFor` refers to the control.\n   *\n   * This should be used with controls that can be the target of a label's `for` prop:\n   * `<button>`, `<input>`, `<progress>`, `<select>`, `<textarea>`.\n   */\n  supportsLabelFor?: boolean;\n\n  /**\n   * Sets `required` instead of `aria-required` when the Field is marked required.\n   *\n   * This should be used with controls that support the `required` prop:\n   * `<input>` (except `range` or `color`), `<select>`, `<textarea>`.\n   */\n  supportsRequired?: boolean;\n\n  /**\n   * Sets the size prop on the control to match the Field's size: `'small' | 'medium' | 'large'`.\n   *\n   * This should be used with controls that have a custom size prop that matches the Field's size prop.\n   */\n  supportsSize?: boolean;\n};\n\n/**\n * Gets the control props from the field context, if this inside a `<Field>`.\n *\n * When called with no arguments, returns the FieldControlProps that should be applied to the control.\n *\n * @returns A FieldControlProps object if inside a `<Field>`, otherwise undefined.\n */\nexport function useFieldControlProps_unstable(): FieldControlProps | undefined;\n\n/**\n * Copies and merges the FieldControlProps with the given props, if this inside a `<Field>`.\n *\n * @param props - The existing props for the control. These will be merged with the control props from the field context.\n * @param options - Option to include the size prop.\n * @returns Merged props if inside a `<Field>`, otherwise the original props, or undefined if no props given.\n */\nexport function useFieldControlProps_unstable<Props extends FieldControlProps>(\n  props: Props,\n  options?: FieldControlPropsOptions,\n): Props;\nexport function useFieldControlProps_unstable<Props extends FieldControlProps>(\n  props?: Props,\n  options?: FieldControlPropsOptions,\n): Props | undefined {\n  return getFieldControlProps(useFieldContext_unstable(), props, options);\n}\n\n/**\n * @internal\n * Implementation of useFieldControlProps_unstable.\n * Split out so it can be used directly in renderField_unstable.\n */\nexport function getFieldControlProps<Props extends FieldControlProps>(\n  context: FieldContextValue | undefined,\n  props?: Props,\n  options?: FieldControlPropsOptions,\n): Props | undefined {\n  if (!context) {\n    return props;\n  }\n\n  // Create a copy of props so we don't modify the original\n  props = { ...props } as Props;\n\n  const { generatedControlId, hintId, labelFor, labelId, required, validationMessageId, validationState } = context;\n\n  if (generatedControlId) {\n    props.id ??= generatedControlId;\n  }\n\n  // Set aria-labelledby if the control doesn't support label.htmlFor, or if the label's htmlFor doesn't refer\n  // to this control (i.e. the user set this control's id prop without also setting the Field's label.htmlFor).\n  if (labelId && (!options?.supportsLabelFor || labelFor !== props.id)) {\n    props['aria-labelledby'] ??= labelId;\n  }\n\n  // The control is described by the validation message, or hint, or both.\n  // We also preserve and append any aria-describedby from props.\n  // For reference: https://github.com/microsoft/fluentui/pull/25580#discussion_r1017259933\n  if (validationMessageId || hintId) {\n    // NOTE: Not using ??= since we're merging and overriding the user-provided value.\n    props['aria-describedby'] = [validationMessageId, hintId, props?.['aria-describedby']].filter(Boolean).join(' ');\n  }\n\n  if (validationState === 'error') {\n    props['aria-invalid'] ??= true;\n  }\n\n  if (required) {\n    if (options?.supportsRequired) {\n      (props as { required?: boolean }).required ??= true;\n    } else {\n      props['aria-required'] ??= true;\n    }\n  }\n\n  // Include the size prop if this control supports it\n  if (options?.supportsSize) {\n    (props as { size?: FieldContextValue['size'] }).size ??= context.size;\n  }\n\n  return props;\n}\n"],"names":["useFieldContext_unstable","useFieldControlProps_unstable","props","options","getFieldControlProps","context","generatedControlId","hintId","labelFor","labelId","required","validationMessageId","validationState","id","supportsLabelFor","filter","Boolean","join","supportsRequired","supportsSize","size"],"mappings":"AACA,SAASA,wBAAwB,QAAQ,iBAAiB;AAkD1D,OAAO,SAASC,8BACdC,KAAa,EACbC,OAAkC,EACf;IACnB,OAAOC,qBAAqBJ,4BAA4BE,OAAOC;AACjE,CAAC;AAED;;;;CAIC,GACD,OAAO,SAASC,qBACdC,OAAsC,EACtCH,KAAa,EACbC,OAAkC,EACf;IACnB,IAAI,CAACE,SAAS;QACZ,OAAOH;IACT,CAAC;IAED,yDAAyD;IACzDA,QAAQ;QAAE,GAAGA,KAAK;IAAC;IAEnB,MAAM,EAAEI,mBAAkB,EAAEC,OAAM,EAAEC,SAAQ,EAAEC,QAAO,EAAEC,SAAQ,EAAEC,oBAAmB,EAAEC,gBAAe,EAAE,GAAGP;IAE1G,IAAIC,oBAAoB;YACtBJ;;QAAAA,QAAAA,SAAAA,OAAMW,uCAANX,OAAMW,KAAOP,kBAAkB;IACjC,CAAC;IAED,4GAA4G;IAC5G,6GAA6G;IAC7G,IAAIG,WAAY,CAAA,CAACN,CAAAA,oBAAAA,qBAAAA,KAAAA,IAAAA,QAASW,gBAAgB,AAAD,KAAKN,aAAaN,MAAMW,EAAE,AAAD,GAAI;YACpEX,SAAM;;QAANA,MAAAA,UAAAA,MAAK,CAAC,kBAAA,kBAAkB,iCAAxBA,OAAK,CAAC,gBAAkB,GAAKO,OAAO;IACtC,CAAC;IAED,wEAAwE;IACxE,+DAA+D;IAC/D,yFAAyF;IACzF,IAAIE,uBAAuBJ,QAAQ;QACjC,kFAAkF;QAClFL,KAAK,CAAC,mBAAmB,GAAG;YAACS;YAAqBJ;YAAQL,kBAAAA,mBAAAA,KAAAA,IAAAA,KAAO,CAAC,mBAAmB;SAAC,CAACa,MAAM,CAACC,SAASC,IAAI,CAAC;IAC9G,CAAC;IAED,IAAIL,oBAAoB,SAAS;YAC/BV,SAAM;;QAANA,OAAAA,UAAAA,MAAK,CAAC,eAAA,eAAe,mCAArBA,OAAK,CAAC,aAAe,GAAK,IAAI;IAChC,CAAC;IAED,IAAIQ,UAAU;QACZ,IAAIP,oBAAAA,qBAAAA,KAAAA,IAAAA,QAASe,gBAAgB,EAAE;gBAC5BhB;;YAAD,cAACA,UAAAA,OAAiCQ,yDAAjCR,QAAiCQ,WAAa,IAAI;QACrD,OAAO;gBACLR,SAAM;;YAANA,OAAAA,UAAAA,MAAK,CAAC,gBAAA,gBAAgB,mCAAtBA,OAAK,CAAC,cAAgB,GAAK,IAAI;QACjC,CAAC;IACH,CAAC;IAED,oDAAoD;IACpD,IAAIC,oBAAAA,qBAAAA,KAAAA,IAAAA,QAASgB,YAAY,EAAE;YACxBjB;;QAAD,UAACA,UAAAA,OAA+CkB,6CAA/ClB,QAA+CkB,OAASf,QAAQe,IAAI;IACvE,CAAC;IAED,OAAOlB;AACT,CAAC"}
+{"version":3,"sources":["useFieldControlProps.ts"],"sourcesContent":["import type { FieldContextValue, FieldControlProps } from '../Field';\nimport { useFieldContext_unstable } from './FieldContext';\n\n/**\n * Options for `useFieldControlProps_unstable`.\n */\nexport type FieldControlPropsOptions = {\n  /**\n   * Skips setting `aria-labelledby` on the control if the `label.htmlFor` refers to the control.\n   *\n   * This should be used with controls that can be the target of a label's `for` prop:\n   * `<button>`, `<input>`, `<progress>`, `<select>`, `<textarea>`.\n   */\n  supportsLabelFor?: boolean;\n\n  /**\n   * Sets `required` instead of `aria-required` when the Field is marked required.\n   *\n   * This should be used with controls that support the `required` prop:\n   * `<input>` (except `range` or `color`), `<select>`, `<textarea>`.\n   */\n  supportsRequired?: boolean;\n\n  /**\n   * Sets the size prop on the control to match the Field's size: `'small' | 'medium' | 'large'`.\n   *\n   * This should be used with controls that have a custom size prop that matches the Field's size prop.\n   */\n  supportsSize?: boolean;\n};\n\n/**\n * Gets the control props from the field context, if this inside a `<Field>`.\n *\n * When called with no arguments, returns the FieldControlProps that should be applied to the control.\n *\n * @returns A FieldControlProps object if inside a `<Field>`, otherwise undefined.\n */\nexport function useFieldControlProps_unstable(): FieldControlProps | undefined;\n\n/**\n * Copies and merges the FieldControlProps with the given props, if this inside a `<Field>`.\n *\n * @param props - The existing props for the control. These will be merged with the control props from the field context.\n * @param options - Option to include the size prop.\n * @returns Merged props if inside a `<Field>`, otherwise the original props, or undefined if no props given.\n */\nexport function useFieldControlProps_unstable<Props extends FieldControlProps>(\n  props: Props,\n  options?: FieldControlPropsOptions,\n): Props;\nexport function useFieldControlProps_unstable<Props extends FieldControlProps>(\n  props?: Props,\n  options?: FieldControlPropsOptions,\n): Props | undefined {\n  return getFieldControlProps(useFieldContext_unstable(), props, options);\n}\n\n/**\n * @internal\n * Implementation of useFieldControlProps_unstable.\n * Split out so it can be used directly in renderField_unstable.\n */\nexport function getFieldControlProps<Props extends FieldControlProps>(\n  context: FieldContextValue | undefined,\n  props?: Props,\n  options?: FieldControlPropsOptions,\n): Props | undefined {\n  if (!context) {\n    return props;\n  }\n\n  // Create a copy of props so we don't modify the original\n  props = { ...props } as Props;\n\n  const { generatedControlId, hintId, labelFor, labelId, required, validationMessageId, validationState } = context;\n\n  if (generatedControlId) {\n    props.id ??= generatedControlId;\n  }\n\n  // Set aria-labelledby if the control doesn't support label.htmlFor, or if the label's htmlFor doesn't refer\n  // to this control (i.e. the user set this control's id prop without also setting the Field's label.htmlFor).\n  if (labelId && (!options?.supportsLabelFor || labelFor !== props.id)) {\n    props['aria-labelledby'] ??= labelId;\n  }\n\n  // The control is described by the validation message, or hint, or both.\n  // We also preserve and append any aria-describedby from props.\n  // For reference: https://github.com/microsoft/fluentui/pull/25580#discussion_r1017259933\n  if (validationMessageId || hintId) {\n    // NOTE: Not using ??= since we're merging and overriding the user-provided value.\n    props['aria-describedby'] = [validationMessageId, hintId, props?.['aria-describedby']].filter(Boolean).join(' ');\n  }\n\n  if (validationState === 'error') {\n    props['aria-invalid'] ??= true;\n  }\n\n  if (required) {\n    if (options?.supportsRequired) {\n      (props as { required?: boolean }).required ??= true;\n    } else {\n      props['aria-required'] ??= true;\n    }\n  }\n\n  // Include the size prop if this control supports it\n  if (options?.supportsSize) {\n    (props as { size?: FieldContextValue['size'] }).size ??= context.size;\n  }\n\n  return props;\n}\n"],"names":["useFieldContext_unstable","useFieldControlProps_unstable","props","options","getFieldControlProps","context","generatedControlId","hintId","labelFor","labelId","required","validationMessageId","validationState","id","supportsLabelFor","filter","Boolean","join","supportsRequired","supportsSize","size"],"mappings":"AACA,SAASA,wBAAwB,QAAQ,iBAAiB;AAkD1D,OAAO,SAASC,8BACdC,KAAa,EACbC,OAAkC;IAElC,OAAOC,qBAAqBJ,4BAA4BE,OAAOC;AACjE;AAEA;;;;CAIC,GACD,OAAO,SAASC,qBACdC,OAAsC,EACtCH,KAAa,EACbC,OAAkC;QAiBjBA,UAyBbA;IAxCJ,IAAI,CAACE,SAAS;QACZ,OAAOH;IACT;IAEA,yDAAyD;IACzDA,QAAQ;QAAE,GAAGA,KAAK;IAAC;IAEnB,MAAM,EAAEI,kBAAkB,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,mBAAmB,EAAEC,eAAe,EAAE,GAAGP;IAE1G,IAAIC,oBAAoB;YACtBJ;;QAAAA,QAAAA,SAAAA,OAAMW,uCAANX,OAAMW,KAAOP;IACf;IAEA,4GAA4G;IAC5G,6GAA6G;IAC7G,IAAIG,WAAY,CAAA,GAACN,WAAAA,qBAAAA,+BAAAA,SAASW,gBAAgB,KAAIN,aAAaN,MAAMW,EAAE,AAAD,GAAI;YACpEX,SAAM;;QAANA,MAAAA,UAAAA,MAAK,CAAC,kBAAA,kBAAkB,iCAAxBA,OAAK,CAAC,gBAAkB,GAAKO;IAC/B;IAEA,wEAAwE;IACxE,+DAA+D;IAC/D,yFAAyF;IACzF,IAAIE,uBAAuBJ,QAAQ;YAEyBL;QAD1D,kFAAkF;QAClFA,KAAK,CAAC,mBAAmB,GAAG;YAACS;YAAqBJ;aAAQL,UAAAA,mBAAAA,8BAAAA,OAAO,CAAC,mBAAmB;SAAC,CAACa,MAAM,CAACC,SAASC,IAAI,CAAC;IAC9G;IAEA,IAAIL,oBAAoB,SAAS;YAC/BV,SAAM;;QAANA,OAAAA,UAAAA,MAAK,CAAC,eAAA,eAAe,mCAArBA,OAAK,CAAC,aAAe,GAAK;IAC5B;IAEA,IAAIQ,UAAU;YACRP;QAAJ,KAAIA,YAAAA,qBAAAA,gCAAAA,UAASe,gBAAgB,EAAE;gBAC5BhB;;YAAD,cAACA,UAAAA,OAAiCQ,yDAAjCR,QAAiCQ,WAAa;QACjD,OAAO;gBACLR,SAAM;;YAANA,OAAAA,UAAAA,MAAK,CAAC,gBAAA,gBAAgB,mCAAtBA,OAAK,CAAC,cAAgB,GAAK;QAC7B;IACF;IAEA,oDAAoD;IACpD,KAAIC,YAAAA,qBAAAA,gCAAAA,UAASgB,YAAY,EAAE;YACxBjB;;QAAD,UAACA,UAAAA,OAA+CkB,6CAA/ClB,QAA+CkB,OAASf,QAAQe,IAAI;IACvE;IAEA,OAAOlB;AACT"}

package/lib-commonjs/Field.js

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

package/lib-commonjs/Field.js.map

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

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

@@ -4,17 +4,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Field", {
     enumerable: true,
-    get: ()=>Field
+    get: function() {
+        return Field;
+    }
 });
-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 _renderField = require("./renderField");
 const _useField = require("./useField");
-const _useFieldStylesStyles = require("./useFieldStyles.styles");
+const _useFieldStylesstyles = require("./useFieldStyles.styles");
 const _index = require("../../contexts/index");
 const Field = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useField.useField_unstable)(props, ref);
-    (0, _useFieldStylesStyles.useFieldStyles_unstable)(state);
+    (0, _useFieldStylesstyles.useFieldStyles_unstable)(state);
     const context = (0, _index.useFieldContextValues_unstable)(state);
     return (0, _renderField.renderField_unstable)(state, context);
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["Field.js"],"sourcesContent":["import * as React from 'react';\nimport { renderField_unstable } from './renderField';\nimport { useField_unstable } from './useField';\nimport { useFieldStyles_unstable } from './useFieldStyles.styles';\nimport { useFieldContextValues_unstable } from '../../contexts/index';\nexport const Field = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useField_unstable(props, ref);\n    useFieldStyles_unstable(state);\n    const context = useFieldContextValues_unstable(state);\n    return renderField_unstable(state, context);\n});\nField.displayName = 'Field';\n"],"names":["Field","React","forwardRef","props","ref","state","useField_unstable","useFieldStyles_unstable","context","useFieldContextValues_unstable","renderField_unstable","displayName"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;6BACc;0BACH;sCACM;uBACO;AACxC,MAAMA,QAAQ,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC9D,MAAMC,QAAQC,IAAAA,2BAAiB,EAACH,OAAOC;IACvCG,IAAAA,6CAAuB,EAACF;IACxB,MAAMG,UAAUC,IAAAA,qCAA8B,EAACJ;IAC/C,OAAOK,IAAAA,iCAAoB,EAACL,OAAOG;AACvC;AACAR,MAAMW,WAAW,GAAG"}
+{"version":3,"sources":["Field.js"],"sourcesContent":["import * as React from 'react';\nimport { renderField_unstable } from './renderField';\nimport { useField_unstable } from './useField';\nimport { useFieldStyles_unstable } from './useFieldStyles.styles';\nimport { useFieldContextValues_unstable } from '../../contexts/index';\nexport const Field = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useField_unstable(props, ref);\n    useFieldStyles_unstable(state);\n    const context = useFieldContextValues_unstable(state);\n    return renderField_unstable(state, context);\n});\nField.displayName = 'Field';\n"],"names":["Field","React","forwardRef","props","ref","state","useField_unstable","useFieldStyles_unstable","context","useFieldContextValues_unstable","renderField_unstable","displayName"],"mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;6BACc;0BACH;sCACM;uBACO;AACxC,MAAMA,QAAQ,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACxD,MAAMC,QAAQC,IAAAA,2BAAiB,EAACH,OAAOC;IACvCG,IAAAA,6CAAuB,EAACF;IACxB,MAAMG,UAAUC,IAAAA,qCAA8B,EAACJ;IAC/C,OAAOK,IAAAA,iCAAoB,EAACL,OAAOG;AACvC;AACAR,MAAMW,WAAW,GAAG"}

package/lib-commonjs/components/Field/Field.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/Field/Field.types.js.map

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

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

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

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

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

package/lib-commonjs/components/Field/renderField.js

@@ -1,21 +1,37 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderField_unstable", {
     enumerable: true,
-    get: ()=>renderField_unstable
+    get: function() {
+        return renderField_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 _index = require("../../contexts/index");
 const renderField_unstable = (state, contextValues)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    let { children  } = state;
+    var _contextValues;
+    (0, _reactutilities.assertSlots)(state);
+    let { children } = state;
     if (typeof children === 'function') {
         children = children((0, _index.getFieldControlProps)(contextValues.field) || {});
     }
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_index.FieldContextProvider, {
-        value: contextValues === null || contextValues === void 0 ? void 0 : contextValues.field
-    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.label && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.label, null), children, state.validationMessage && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.validationMessage, null, state.validationMessageIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.validationMessageIcon, null), state.validationMessage.children), state.hint && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.hint, null)));
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.FieldContextProvider, {
+        value: (_contextValues = contextValues) === null || _contextValues === void 0 ? void 0 : _contextValues.field,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+            children: [
+                state.label && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.label, {}),
+                children,
+                state.validationMessage && /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.validationMessage, {
+                    children: [
+                        state.validationMessageIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.validationMessageIcon, {}),
+                        state.validationMessage.children
+                    ]
+                }),
+                state.hint && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.hint, {})
+            ]
+        })
+    });
 };

package/lib-commonjs/components/Field/renderField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderField.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { FieldContextProvider, getFieldControlProps } from '../../contexts/index';\n/**\n * Render the final JSX of Field\n */ export const renderField_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    let { children  } = state;\n    if (typeof children === 'function') {\n        children = children(getFieldControlProps(contextValues.field) || {});\n    }\n    return /*#__PURE__*/ createElement(FieldContextProvider, {\n        value: contextValues === null || contextValues === void 0 ? void 0 : contextValues.field\n    }, /*#__PURE__*/ createElement(state.root, null, state.label && /*#__PURE__*/ createElement(state.label, null), children, state.validationMessage && /*#__PURE__*/ createElement(state.validationMessage, null, state.validationMessageIcon && /*#__PURE__*/ createElement(state.validationMessageIcon, null), state.validationMessage.children), state.hint && /*#__PURE__*/ createElement(state.hint, null)));\n};\n"],"names":["renderField_unstable","state","contextValues","assertSlots","children","getFieldControlProps","field","createElement","FieldContextProvider","value","root","label","validationMessage","validationMessageIcon","hint"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACvD;uBAC+B;AAGhD,MAAMA,uBAAuB,CAACC,OAAOC,gBAAgB;IAC5DC,IAAAA,2BAAW,EAACF;IACZ,IAAI,EAAEG,SAAQ,EAAG,GAAGH;IACpB,IAAI,OAAOG,aAAa,YAAY;QAChCA,WAAWA,SAASC,IAAAA,2BAAoB,EAACH,cAAcI,KAAK,KAAK,CAAC;IACtE,CAAC;IACD,OAAO,WAAW,GAAGC,IAAAA,8BAAa,EAACC,2BAAoB,EAAE;QACrDC,OAAOP,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcI,KAAK;IAC5F,GAAG,WAAW,GAAGC,IAAAA,8BAAa,EAACN,MAAMS,IAAI,EAAE,IAAI,EAAET,MAAMU,KAAK,IAAI,WAAW,GAAGJ,IAAAA,8BAAa,EAACN,MAAMU,KAAK,EAAE,IAAI,GAAGP,UAAUH,MAAMW,iBAAiB,IAAI,WAAW,GAAGL,IAAAA,8BAAa,EAACN,MAAMW,iBAAiB,EAAE,IAAI,EAAEX,MAAMY,qBAAqB,IAAI,WAAW,GAAGN,IAAAA,8BAAa,EAACN,MAAMY,qBAAqB,EAAE,IAAI,GAAGZ,MAAMW,iBAAiB,CAACR,QAAQ,GAAGH,MAAMa,IAAI,IAAI,WAAW,GAAGP,IAAAA,8BAAa,EAACN,MAAMa,IAAI,EAAE,IAAI;AAChZ"}
+{"version":3,"sources":["renderField.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';\nimport { FieldContextProvider, getFieldControlProps } from '../../contexts/index';\n/**\n * Render the final JSX of Field\n */ export const renderField_unstable = (state, contextValues)=>{\n    var _contextValues;\n    assertSlots(state);\n    let { children } = state;\n    if (typeof children === 'function') {\n        children = children(getFieldControlProps(contextValues.field) || {});\n    }\n    return /*#__PURE__*/ _jsx(FieldContextProvider, {\n        value: (_contextValues = contextValues) === null || _contextValues === void 0 ? void 0 : _contextValues.field,\n        children: /*#__PURE__*/ _jsxs(state.root, {\n            children: [\n                state.label && /*#__PURE__*/ _jsx(state.label, {}),\n                children,\n                state.validationMessage && /*#__PURE__*/ _jsxs(state.validationMessage, {\n                    children: [\n                        state.validationMessageIcon && /*#__PURE__*/ _jsx(state.validationMessageIcon, {}),\n                        state.validationMessage.children\n                    ]\n                }),\n                state.hint && /*#__PURE__*/ _jsx(state.hint, {})\n            ]\n        })\n    });\n};\n"],"names":["renderField_unstable","state","contextValues","_contextValues","assertSlots","children","getFieldControlProps","field","_jsx","FieldContextProvider","value","_jsxs","root","label","validationMessage","validationMessageIcon","hint"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAK7DA;;;eAAAA;;;4BAL2G;gCAChG;uBAC+B;AAGhD,MAAMA,uBAAuB,CAACC,OAAOC;IAC5C,IAAIC;IACJC,IAAAA,2BAAW,EAACH;IACZ,IAAI,EAAEI,QAAQ,EAAE,GAAGJ;IACnB,IAAI,OAAOI,aAAa,YAAY;QAChCA,WAAWA,SAASC,IAAAA,2BAAoB,EAACJ,cAAcK,KAAK,KAAK,CAAC;IACtE;IACA,OAAO,WAAW,GAAGC,IAAAA,eAAI,EAACC,2BAAoB,EAAE;QAC5CC,OAAO,AAACP,CAAAA,iBAAiBD,aAAY,MAAO,QAAQC,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeI,KAAK;QAC7GF,UAAU,WAAW,GAAGM,IAAAA,gBAAK,EAACV,MAAMW,IAAI,EAAE;YACtCP,UAAU;gBACNJ,MAAMY,KAAK,IAAI,WAAW,GAAGL,IAAAA,eAAI,EAACP,MAAMY,KAAK,EAAE,CAAC;gBAChDR;gBACAJ,MAAMa,iBAAiB,IAAI,WAAW,GAAGH,IAAAA,gBAAK,EAACV,MAAMa,iBAAiB,EAAE;oBACpET,UAAU;wBACNJ,MAAMc,qBAAqB,IAAI,WAAW,GAAGP,IAAAA,eAAI,EAACP,MAAMc,qBAAqB,EAAE,CAAC;wBAChFd,MAAMa,iBAAiB,CAACT,QAAQ;qBACnC;gBACL;gBACAJ,MAAMe,IAAI,IAAI,WAAW,GAAGR,IAAAA,eAAI,EAACP,MAAMe,IAAI,EAAE,CAAC;aACjD;QACL;IACJ;AACJ"}

package/lib-commonjs/components/Field/useField.js

@@ -4,24 +4,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useField_unstable", {
     enumerable: true,
-    get: ()=>useField_unstable
+    get: function() {
+        return useField_unstable;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactIcons = require("@fluentui/react-icons");
-const _reactLabel = require("@fluentui/react-label");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reacticons = require("@fluentui/react-icons");
+const _reactlabel = require("@fluentui/react-label");
+const _reactutilities = require("@fluentui/react-utilities");
 const validationMessageIcons = {
-    error: /*#__PURE__*/ _react.createElement(_reactIcons.ErrorCircle12Filled, null),
-    warning: /*#__PURE__*/ _react.createElement(_reactIcons.Warning12Filled, null),
-    success: /*#__PURE__*/ _react.createElement(_reactIcons.CheckmarkCircle12Filled, null),
+    error: /*#__PURE__*/ _react.createElement(_reacticons.ErrorCircle12Filled, null),
+    warning: /*#__PURE__*/ _react.createElement(_reacticons.Warning12Filled, null),
+    success: /*#__PURE__*/ _react.createElement(_reacticons.CheckmarkCircle12Filled, null),
     none: undefined
 };
 const useField_unstable = (props, ref)=>{
-    const { children , orientation ='vertical' , required =false , validationState =props.validationMessage ? 'error' : 'none' , size ='medium'  } = props;
-    const baseId = (0, _reactUtilities.useId)('field-');
+    const { children, orientation = 'vertical', required = false, validationState = props.validationMessage ? 'error' : 'none', size = 'medium' } = props;
+    const baseId = (0, _reactutilities.useId)('field-');
     const generatedControlId = baseId + '__control';
-    const root = _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
+    const root = _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
         ...props,
         ref
     }, /*excludedPropNames:*/ [
@@ -29,30 +31,30 @@ const useField_unstable = (props, ref)=>{
     ]), {
         elementType: 'div'
     });
-    const label = _reactUtilities.slot.optional(props.label, {
+    const label = _reactutilities.slot.optional(props.label, {
         defaultProps: {
             htmlFor: generatedControlId,
             id: baseId + '__label',
             required,
             size
         },
-        elementType: _reactLabel.Label
+        elementType: _reactlabel.Label
     });
-    const validationMessage = _reactUtilities.slot.optional(props.validationMessage, {
+    const validationMessage = _reactutilities.slot.optional(props.validationMessage, {
         defaultProps: {
             id: baseId + '__validationMessage',
             role: validationState === 'error' ? 'alert' : undefined
         },
         elementType: 'div'
     });
-    const hint = _reactUtilities.slot.optional(props.hint, {
+    const hint = _reactutilities.slot.optional(props.hint, {
         defaultProps: {
             id: baseId + '__hint'
         },
         elementType: 'div'
     });
     const defaultIcon = validationMessageIcons[validationState];
-    const validationMessageIcon = _reactUtilities.slot.optional(props.validationMessageIcon, {
+    const validationMessageIcon = _reactutilities.slot.optional(props.validationMessageIcon, {
         renderByDefault: !!defaultIcon,
         defaultProps: {
             children: defaultIcon
@@ -68,7 +70,7 @@ const useField_unstable = (props, ref)=>{
         validationState,
         components: {
             root: 'div',
-            label: _reactLabel.Label,
+            label: _reactlabel.Label,
             validationMessage: 'div',
             validationMessageIcon: 'span',
             hint: 'div'

package/lib-commonjs/components/Field/useField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useField.js"],"sourcesContent":["import * as React from 'react';\nimport { CheckmarkCircle12Filled, ErrorCircle12Filled, Warning12Filled } from '@fluentui/react-icons';\nimport { Label } from '@fluentui/react-label';\nimport { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';\nconst validationMessageIcons = {\n    error: /*#__PURE__*/ React.createElement(ErrorCircle12Filled, null),\n    warning: /*#__PURE__*/ React.createElement(Warning12Filled, null),\n    success: /*#__PURE__*/ React.createElement(CheckmarkCircle12Filled, null),\n    none: undefined\n};\n/**\n * Create the state required to render Field.\n *\n * The returned state can be modified with hooks such as useFieldStyles_unstable,\n * before being passed to renderField_unstable.\n *\n * @param props - Props passed to this field\n * @param ref - Ref to the root\n */ export const useField_unstable = (props, ref)=>{\n    const { children , orientation ='vertical' , required =false , validationState =props.validationMessage ? 'error' : 'none' , size ='medium'  } = props;\n    const baseId = useId('field-');\n    const generatedControlId = baseId + '__control';\n    const root = slot.always(getNativeElementProps('div', {\n        ...props,\n        ref\n    }, /*excludedPropNames:*/ [\n        'children'\n    ]), {\n        elementType: 'div'\n    });\n    const label = slot.optional(props.label, {\n        defaultProps: {\n            htmlFor: generatedControlId,\n            id: baseId + '__label',\n            required,\n            size\n        },\n        elementType: Label\n    });\n    const validationMessage = slot.optional(props.validationMessage, {\n        defaultProps: {\n            id: baseId + '__validationMessage',\n            role: validationState === 'error' ? 'alert' : undefined\n        },\n        elementType: 'div'\n    });\n    const hint = slot.optional(props.hint, {\n        defaultProps: {\n            id: baseId + '__hint'\n        },\n        elementType: 'div'\n    });\n    const defaultIcon = validationMessageIcons[validationState];\n    const validationMessageIcon = slot.optional(props.validationMessageIcon, {\n        renderByDefault: !!defaultIcon,\n        defaultProps: {\n            children: defaultIcon\n        },\n        elementType: 'span'\n    });\n    return {\n        children,\n        generatedControlId,\n        orientation,\n        required,\n        size,\n        validationState,\n        components: {\n            root: 'div',\n            label: Label,\n            validationMessage: 'div',\n            validationMessageIcon: 'span',\n            hint: 'div'\n        },\n        root,\n        label,\n        validationMessageIcon,\n        validationMessage,\n        hint\n    };\n};\n"],"names":["useField_unstable","validationMessageIcons","error","React","createElement","ErrorCircle12Filled","warning","Warning12Filled","success","CheckmarkCircle12Filled","none","undefined","props","ref","children","orientation","required","validationState","validationMessage","size","baseId","useId","generatedControlId","root","slot","always","getNativeElementProps","elementType","label","optional","defaultProps","htmlFor","id","Label","role","hint","defaultIcon","validationMessageIcon","renderByDefault","components"],"mappings":";;;;+BAkBiBA;;aAAAA;;;6DAlBM;4BACuD;4BACxD;gCAC6B;AACnD,MAAMC,yBAAyB;IAC3BC,OAAO,WAAW,GAAGC,OAAMC,aAAa,CAACC,+BAAmB,EAAE,IAAI;IAClEC,SAAS,WAAW,GAAGH,OAAMC,aAAa,CAACG,2BAAe,EAAE,IAAI;IAChEC,SAAS,WAAW,GAAGL,OAAMC,aAAa,CAACK,mCAAuB,EAAE,IAAI;IACxEC,MAAMC;AACV;AASW,MAAMX,oBAAoB,CAACY,OAAOC,MAAM;IAC/C,MAAM,EAAEC,SAAQ,EAAGC,aAAa,WAAU,EAAGC,UAAU,KAAK,CAAA,EAAGC,iBAAiBL,MAAMM,iBAAiB,GAAG,UAAU,MAAM,CAAA,EAAGC,MAAM,SAAQ,EAAG,GAAGP;IACjJ,MAAMQ,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAMC,qBAAqBF,SAAS;IACpC,MAAMG,OAAOC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;QAClD,GAAGd,KAAK;QACRC;IACJ,GAAG,oBAAoB,GAAG;QACtB;KACH,GAAG;QACAc,aAAa;IACjB;IACA,MAAMC,QAAQJ,oBAAI,CAACK,QAAQ,CAACjB,MAAMgB,KAAK,EAAE;QACrCE,cAAc;YACVC,SAAST;YACTU,IAAIZ,SAAS;YACbJ;YACAG;QACJ;QACAQ,aAAaM,iBAAK;IACtB;IACA,MAAMf,oBAAoBM,oBAAI,CAACK,QAAQ,CAACjB,MAAMM,iBAAiB,EAAE;QAC7DY,cAAc;YACVE,IAAIZ,SAAS;YACbc,MAAMjB,oBAAoB,UAAU,UAAUN,SAAS;QAC3D;QACAgB,aAAa;IACjB;IACA,MAAMQ,OAAOX,oBAAI,CAACK,QAAQ,CAACjB,MAAMuB,IAAI,EAAE;QACnCL,cAAc;YACVE,IAAIZ,SAAS;QACjB;QACAO,aAAa;IACjB;IACA,MAAMS,cAAcnC,sBAAsB,CAACgB,gBAAgB;IAC3D,MAAMoB,wBAAwBb,oBAAI,CAACK,QAAQ,CAACjB,MAAMyB,qBAAqB,EAAE;QACrEC,iBAAiB,CAAC,CAACF;QACnBN,cAAc;YACVhB,UAAUsB;QACd;QACAT,aAAa;IACjB;IACA,OAAO;QACHb;QACAQ;QACAP;QACAC;QACAG;QACAF;QACAsB,YAAY;YACRhB,MAAM;YACNK,OAAOK,iBAAK;YACZf,mBAAmB;YACnBmB,uBAAuB;YACvBF,MAAM;QACV;QACAZ;QACAK;QACAS;QACAnB;QACAiB;IACJ;AACJ"}
+{"version":3,"sources":["useField.js"],"sourcesContent":["import * as React from 'react';\nimport { CheckmarkCircle12Filled, ErrorCircle12Filled, Warning12Filled } from '@fluentui/react-icons';\nimport { Label } from '@fluentui/react-label';\nimport { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';\nconst validationMessageIcons = {\n    error: /*#__PURE__*/ React.createElement(ErrorCircle12Filled, null),\n    warning: /*#__PURE__*/ React.createElement(Warning12Filled, null),\n    success: /*#__PURE__*/ React.createElement(CheckmarkCircle12Filled, null),\n    none: undefined\n};\n/**\n * Create the state required to render Field.\n *\n * The returned state can be modified with hooks such as useFieldStyles_unstable,\n * before being passed to renderField_unstable.\n *\n * @param props - Props passed to this field\n * @param ref - Ref to the root\n */ export const useField_unstable = (props, ref)=>{\n    const { children, orientation = 'vertical', required = false, validationState = props.validationMessage ? 'error' : 'none', size = 'medium' } = props;\n    const baseId = useId('field-');\n    const generatedControlId = baseId + '__control';\n    const root = slot.always(getNativeElementProps('div', {\n        ...props,\n        ref\n    }, /*excludedPropNames:*/ [\n        'children'\n    ]), {\n        elementType: 'div'\n    });\n    const label = slot.optional(props.label, {\n        defaultProps: {\n            htmlFor: generatedControlId,\n            id: baseId + '__label',\n            required,\n            size\n        },\n        elementType: Label\n    });\n    const validationMessage = slot.optional(props.validationMessage, {\n        defaultProps: {\n            id: baseId + '__validationMessage',\n            role: validationState === 'error' ? 'alert' : undefined\n        },\n        elementType: 'div'\n    });\n    const hint = slot.optional(props.hint, {\n        defaultProps: {\n            id: baseId + '__hint'\n        },\n        elementType: 'div'\n    });\n    const defaultIcon = validationMessageIcons[validationState];\n    const validationMessageIcon = slot.optional(props.validationMessageIcon, {\n        renderByDefault: !!defaultIcon,\n        defaultProps: {\n            children: defaultIcon\n        },\n        elementType: 'span'\n    });\n    return {\n        children,\n        generatedControlId,\n        orientation,\n        required,\n        size,\n        validationState,\n        components: {\n            root: 'div',\n            label: Label,\n            validationMessage: 'div',\n            validationMessageIcon: 'span',\n            hint: 'div'\n        },\n        root,\n        label,\n        validationMessageIcon,\n        validationMessage,\n        hint\n    };\n};\n"],"names":["useField_unstable","validationMessageIcons","error","React","createElement","ErrorCircle12Filled","warning","Warning12Filled","success","CheckmarkCircle12Filled","none","undefined","props","ref","children","orientation","required","validationState","validationMessage","size","baseId","useId","generatedControlId","root","slot","always","getNativeElementProps","elementType","label","optional","defaultProps","htmlFor","id","Label","role","hint","defaultIcon","validationMessageIcon","renderByDefault","components"],"mappings":";;;;+BAkBiBA;;;eAAAA;;;;iEAlBM;4BACuD;4BACxD;gCAC6B;AACnD,MAAMC,yBAAyB;IAC3BC,OAAO,WAAW,GAAGC,OAAMC,aAAa,CAACC,+BAAmB,EAAE;IAC9DC,SAAS,WAAW,GAAGH,OAAMC,aAAa,CAACG,2BAAe,EAAE;IAC5DC,SAAS,WAAW,GAAGL,OAAMC,aAAa,CAACK,mCAAuB,EAAE;IACpEC,MAAMC;AACV;AASW,MAAMX,oBAAoB,CAACY,OAAOC;IACzC,MAAM,EAAEC,QAAQ,EAAEC,cAAc,UAAU,EAAEC,WAAW,KAAK,EAAEC,kBAAkBL,MAAMM,iBAAiB,GAAG,UAAU,MAAM,EAAEC,OAAO,QAAQ,EAAE,GAAGP;IAChJ,MAAMQ,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAMC,qBAAqBF,SAAS;IACpC,MAAMG,OAAOC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;QAClD,GAAGd,KAAK;QACRC;IACJ,GAAG,oBAAoB,GAAG;QACtB;KACH,GAAG;QACAc,aAAa;IACjB;IACA,MAAMC,QAAQJ,oBAAI,CAACK,QAAQ,CAACjB,MAAMgB,KAAK,EAAE;QACrCE,cAAc;YACVC,SAAST;YACTU,IAAIZ,SAAS;YACbJ;YACAG;QACJ;QACAQ,aAAaM,iBAAK;IACtB;IACA,MAAMf,oBAAoBM,oBAAI,CAACK,QAAQ,CAACjB,MAAMM,iBAAiB,EAAE;QAC7DY,cAAc;YACVE,IAAIZ,SAAS;YACbc,MAAMjB,oBAAoB,UAAU,UAAUN;QAClD;QACAgB,aAAa;IACjB;IACA,MAAMQ,OAAOX,oBAAI,CAACK,QAAQ,CAACjB,MAAMuB,IAAI,EAAE;QACnCL,cAAc;YACVE,IAAIZ,SAAS;QACjB;QACAO,aAAa;IACjB;IACA,MAAMS,cAAcnC,sBAAsB,CAACgB,gBAAgB;IAC3D,MAAMoB,wBAAwBb,oBAAI,CAACK,QAAQ,CAACjB,MAAMyB,qBAAqB,EAAE;QACrEC,iBAAiB,CAAC,CAACF;QACnBN,cAAc;YACVhB,UAAUsB;QACd;QACAT,aAAa;IACjB;IACA,OAAO;QACHb;QACAQ;QACAP;QACAC;QACAG;QACAF;QACAsB,YAAY;YACRhB,MAAM;YACNK,OAAOK,iBAAK;YACZf,mBAAmB;YACnBmB,uBAAuB;YACvBF,MAAM;QACV;QACAZ;QACAK;QACAS;QACAnB;QACAiB;IACJ;AACJ"}

package/lib-commonjs/components/Field/useFieldStyles.styles.js

@@ -9,8 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    fieldClassNames: ()=>fieldClassNames,
-    useFieldStyles_unstable: ()=>useFieldStyles_unstable
+    fieldClassNames: function() {
+        return fieldClassNames;
+    },
+    useFieldStyles_unstable: function() {
+        return useFieldStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
 const fieldClassNames = {
@@ -24,7 +28,7 @@ const fieldClassNames = {
 const iconSize = '12px';
 /**
  * Styles for the root slot
- */ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
+ */ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         mc9l5x: "f13qh94s"
     },
@@ -49,7 +53,7 @@ const iconSize = '12px';
         ".f1c2z91y{grid-template-columns:1fr;}"
     ]
 });
-const useLabelStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useLabelStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         z8tnut: "fclwglc",
         Byoj8tv: "fywfov9"
@@ -86,10 +90,10 @@ const useLabelStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1nzqi2z{grid-row-end:-1;}"
     ]
 });
-const useSecondaryTextBaseClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r5c4z9l", null, [
+const useSecondaryTextBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r5c4z9l", null, [
     ".r5c4z9l{margin-top:var(--spacingVerticalXXS);color:var(--colorNeutralForeground3);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"
 ]);
-const useSecondaryTextStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useSecondaryTextStyles = /*#__PURE__*/ (0, _react.__styles)({
     error: {
         sj55zd: "f1hcrxcs"
     },
@@ -106,11 +110,11 @@ const useSecondaryTextStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".fg4c52{padding-right:calc(12px + var(--spacingHorizontalXS));}"
     ]
 });
-const useValidationMessageIconBaseClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("ra7h1uk", "r1rh6bd7", [
+const useValidationMessageIconBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("ra7h1uk", "r1rh6bd7", [
     ".ra7h1uk{display:inline-block;font-size:12px;margin-left:calc(-12px - var(--spacingHorizontalXS));margin-right:var(--spacingHorizontalXS);line-height:0;vertical-align:-1px;}",
     ".r1rh6bd7{display:inline-block;font-size:12px;margin-right:calc(-12px - var(--spacingHorizontalXS));margin-left:var(--spacingHorizontalXS);line-height:0;vertical-align:-1px;}"
 ]);
-const useValidationMessageIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useValidationMessageIconStyles = /*#__PURE__*/ (0, _react.__styles)({
     error: {
         sj55zd: "f1hcrxcs"
     },
@@ -128,7 +132,7 @@ const useValidationMessageIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
     ]
 });
 const useFieldStyles_unstable = (state)=>{
-    const { validationState  } = state;
+    const { validationState } = state;
     const horizontal = state.orientation === 'horizontal';
     const rootStyles = useRootStyles();
     state.root.className = (0, _react.mergeClasses)(fieldClassNames.root, rootStyles.base, horizontal && rootStyles.horizontal, horizontal && !state.label && rootStyles.horizontalNoLabel, state.root.className);

package/lib-commonjs/components/Field/useFieldStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useFieldStyles.styles.js"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nexport const fieldClassNames = {\n  root: `fui-Field`,\n  label: `fui-Field__label`,\n  validationMessage: `fui-Field__validationMessage`,\n  validationMessageIcon: `fui-Field__validationMessageIcon`,\n  hint: `fui-Field__hint`\n};\n// Size of the icon in the validation message\nconst iconSize = '12px';\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f13qh94s\"\n  },\n  horizontal: {\n    Budl1dq: \"f2wwaib\",\n    wkccdc: \"f1645dqt\"\n  },\n  horizontalNoLabel: {\n    uwmqm3: [\"f15jqgz8\", \"fggqkej\"],\n    Budl1dq: \"f1c2z91y\"\n  }\n}, {\n  d: [\".f13qh94s{display:grid;}\", \".f2wwaib{grid-template-columns:33% 1fr;}\", \".f1645dqt{grid-template-rows:auto auto auto 1fr;}\", \".f15jqgz8{padding-left:33%;}\", \".fggqkej{padding-right:33%;}\", \".f1c2z91y{grid-template-columns:1fr;}\"]\n});\nconst useLabelStyles = /*#__PURE__*/__styles({\n  base: {\n    z8tnut: \"fclwglc\",\n    Byoj8tv: \"fywfov9\"\n  },\n  large: {\n    z8tnut: \"f1sl3k7w\",\n    Byoj8tv: \"f1brlhvm\"\n  },\n  vertical: {\n    jrapky: \"fyacil5\"\n  },\n  verticalLarge: {\n    jrapky: \"f8l5zjj\"\n  },\n  horizontal: {\n    t21cq0: [\"fkujibs\", \"f199hnxi\"],\n    Ijaq50: \"f16hsg94\",\n    nk6f5a: \"f1nzqi2z\"\n  }\n}, {\n  d: [\".fclwglc{padding-top:var(--spacingVerticalXXS);}\", \".fywfov9{padding-bottom:var(--spacingVerticalXXS);}\", \".f1sl3k7w{padding-top:1px;}\", \".f1brlhvm{padding-bottom:1px;}\", \".fyacil5{margin-bottom:var(--spacingVerticalXXS);}\", \".f8l5zjj{margin-bottom:var(--spacingVerticalXS);}\", \".fkujibs{margin-right:var(--spacingHorizontalM);}\", \".f199hnxi{margin-left:var(--spacingHorizontalM);}\", \".f16hsg94{grid-row-start:1;}\", \".f1nzqi2z{grid-row-end:-1;}\"]\n});\nconst useSecondaryTextBaseClassName = /*#__PURE__*/__resetStyles(\"r5c4z9l\", null, [\".r5c4z9l{margin-top:var(--spacingVerticalXXS);color:var(--colorNeutralForeground3);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\"]);\nconst useSecondaryTextStyles = /*#__PURE__*/__styles({\n  error: {\n    sj55zd: \"f1hcrxcs\"\n  },\n  withIcon: {\n    uwmqm3: [\"frawy03\", \"fg4c52\"]\n  }\n}, {\n  d: [\".f1hcrxcs{color:var(--colorPaletteRedForeground1);}\", \".frawy03{padding-left:calc(12px + var(--spacingHorizontalXS));}\", \".fg4c52{padding-right:calc(12px + var(--spacingHorizontalXS));}\"]\n});\nconst useValidationMessageIconBaseClassName = /*#__PURE__*/__resetStyles(\"ra7h1uk\", \"r1rh6bd7\", [\".ra7h1uk{display:inline-block;font-size:12px;margin-left:calc(-12px - var(--spacingHorizontalXS));margin-right:var(--spacingHorizontalXS);line-height:0;vertical-align:-1px;}\", \".r1rh6bd7{display:inline-block;font-size:12px;margin-right:calc(-12px - var(--spacingHorizontalXS));margin-left:var(--spacingHorizontalXS);line-height:0;vertical-align:-1px;}\"]);\nconst useValidationMessageIconStyles = /*#__PURE__*/__styles({\n  error: {\n    sj55zd: \"f1hcrxcs\"\n  },\n  warning: {\n    sj55zd: \"f1k5f75o\"\n  },\n  success: {\n    sj55zd: \"ffmvakt\"\n  }\n}, {\n  d: [\".f1hcrxcs{color:var(--colorPaletteRedForeground1);}\", \".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}\", \".ffmvakt{color:var(--colorPaletteGreenForeground1);}\"]\n});\n/**\n * Apply styling to the Field slots based on the state\n */\nexport const useFieldStyles_unstable = state => {\n  const {\n    validationState\n  } = state;\n  const horizontal = state.orientation === 'horizontal';\n  const rootStyles = useRootStyles();\n  state.root.className = mergeClasses(fieldClassNames.root, rootStyles.base, horizontal && rootStyles.horizontal, horizontal && !state.label && rootStyles.horizontalNoLabel, state.root.className);\n  const labelStyles = useLabelStyles();\n  if (state.label) {\n    state.label.className = mergeClasses(fieldClassNames.label, labelStyles.base, horizontal && labelStyles.horizontal, !horizontal && labelStyles.vertical, state.label.size === 'large' && labelStyles.large, !horizontal && state.label.size === 'large' && labelStyles.verticalLarge, state.label.className);\n  }\n  const validationMessageIconBaseClassName = useValidationMessageIconBaseClassName();\n  const validationMessageIconStyles = useValidationMessageIconStyles();\n  if (state.validationMessageIcon) {\n    state.validationMessageIcon.className = mergeClasses(fieldClassNames.validationMessageIcon, validationMessageIconBaseClassName, validationState !== 'none' && validationMessageIconStyles[validationState], state.validationMessageIcon.className);\n  }\n  const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n  const secondaryTextStyles = useSecondaryTextStyles();\n  if (state.validationMessage) {\n    state.validationMessage.className = mergeClasses(fieldClassNames.validationMessage, secondaryTextBaseClassName, validationState === 'error' && secondaryTextStyles.error, !!state.validationMessageIcon && secondaryTextStyles.withIcon, state.validationMessage.className);\n  }\n  if (state.hint) {\n    state.hint.className = mergeClasses(fieldClassNames.hint, secondaryTextBaseClassName, state.hint.className);\n  }\n};\n//# sourceMappingURL=useFieldStyles.styles.js.map"],"names":["fieldClassNames","useFieldStyles_unstable","root","label","validationMessage","validationMessageIcon","hint","iconSize","useRootStyles","__styles","base","mc9l5x","horizontal","Budl1dq","wkccdc","horizontalNoLabel","uwmqm3","d","useLabelStyles","z8tnut","Byoj8tv","large","vertical","jrapky","verticalLarge","t21cq0","Ijaq50","nk6f5a","useSecondaryTextBaseClassName","__resetStyles","useSecondaryTextStyles","error","sj55zd","withIcon","useValidationMessageIconBaseClassName","useValidationMessageIconStyles","warning","success","state","validationState","orientation","rootStyles","className","mergeClasses","labelStyles","size","validationMessageIconBaseClassName","validationMessageIconStyles","secondaryTextBaseClassName","secondaryTextStyles"],"mappings":"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"}
+{"version":3,"sources":["useFieldStyles.styles.js"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nexport const fieldClassNames = {\n  root: `fui-Field`,\n  label: `fui-Field__label`,\n  validationMessage: `fui-Field__validationMessage`,\n  validationMessageIcon: `fui-Field__validationMessageIcon`,\n  hint: `fui-Field__hint`\n};\n// Size of the icon in the validation message\nconst iconSize = '12px';\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f13qh94s\"\n  },\n  horizontal: {\n    Budl1dq: \"f2wwaib\",\n    wkccdc: \"f1645dqt\"\n  },\n  horizontalNoLabel: {\n    uwmqm3: [\"f15jqgz8\", \"fggqkej\"],\n    Budl1dq: \"f1c2z91y\"\n  }\n}, {\n  d: [\".f13qh94s{display:grid;}\", \".f2wwaib{grid-template-columns:33% 1fr;}\", \".f1645dqt{grid-template-rows:auto auto auto 1fr;}\", \".f15jqgz8{padding-left:33%;}\", \".fggqkej{padding-right:33%;}\", \".f1c2z91y{grid-template-columns:1fr;}\"]\n});\nconst useLabelStyles = /*#__PURE__*/__styles({\n  base: {\n    z8tnut: \"fclwglc\",\n    Byoj8tv: \"fywfov9\"\n  },\n  large: {\n    z8tnut: \"f1sl3k7w\",\n    Byoj8tv: \"f1brlhvm\"\n  },\n  vertical: {\n    jrapky: \"fyacil5\"\n  },\n  verticalLarge: {\n    jrapky: \"f8l5zjj\"\n  },\n  horizontal: {\n    t21cq0: [\"fkujibs\", \"f199hnxi\"],\n    Ijaq50: \"f16hsg94\",\n    nk6f5a: \"f1nzqi2z\"\n  }\n}, {\n  d: [\".fclwglc{padding-top:var(--spacingVerticalXXS);}\", \".fywfov9{padding-bottom:var(--spacingVerticalXXS);}\", \".f1sl3k7w{padding-top:1px;}\", \".f1brlhvm{padding-bottom:1px;}\", \".fyacil5{margin-bottom:var(--spacingVerticalXXS);}\", \".f8l5zjj{margin-bottom:var(--spacingVerticalXS);}\", \".fkujibs{margin-right:var(--spacingHorizontalM);}\", \".f199hnxi{margin-left:var(--spacingHorizontalM);}\", \".f16hsg94{grid-row-start:1;}\", \".f1nzqi2z{grid-row-end:-1;}\"]\n});\nconst useSecondaryTextBaseClassName = /*#__PURE__*/__resetStyles(\"r5c4z9l\", null, [\".r5c4z9l{margin-top:var(--spacingVerticalXXS);color:var(--colorNeutralForeground3);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\"]);\nconst useSecondaryTextStyles = /*#__PURE__*/__styles({\n  error: {\n    sj55zd: \"f1hcrxcs\"\n  },\n  withIcon: {\n    uwmqm3: [\"frawy03\", \"fg4c52\"]\n  }\n}, {\n  d: [\".f1hcrxcs{color:var(--colorPaletteRedForeground1);}\", \".frawy03{padding-left:calc(12px + var(--spacingHorizontalXS));}\", \".fg4c52{padding-right:calc(12px + var(--spacingHorizontalXS));}\"]\n});\nconst useValidationMessageIconBaseClassName = /*#__PURE__*/__resetStyles(\"ra7h1uk\", \"r1rh6bd7\", [\".ra7h1uk{display:inline-block;font-size:12px;margin-left:calc(-12px - var(--spacingHorizontalXS));margin-right:var(--spacingHorizontalXS);line-height:0;vertical-align:-1px;}\", \".r1rh6bd7{display:inline-block;font-size:12px;margin-right:calc(-12px - var(--spacingHorizontalXS));margin-left:var(--spacingHorizontalXS);line-height:0;vertical-align:-1px;}\"]);\nconst useValidationMessageIconStyles = /*#__PURE__*/__styles({\n  error: {\n    sj55zd: \"f1hcrxcs\"\n  },\n  warning: {\n    sj55zd: \"f1k5f75o\"\n  },\n  success: {\n    sj55zd: \"ffmvakt\"\n  }\n}, {\n  d: [\".f1hcrxcs{color:var(--colorPaletteRedForeground1);}\", \".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}\", \".ffmvakt{color:var(--colorPaletteGreenForeground1);}\"]\n});\n/**\n * Apply styling to the Field slots based on the state\n */\nexport const useFieldStyles_unstable = state => {\n  const {\n    validationState\n  } = state;\n  const horizontal = state.orientation === 'horizontal';\n  const rootStyles = useRootStyles();\n  state.root.className = mergeClasses(fieldClassNames.root, rootStyles.base, horizontal && rootStyles.horizontal, horizontal && !state.label && rootStyles.horizontalNoLabel, state.root.className);\n  const labelStyles = useLabelStyles();\n  if (state.label) {\n    state.label.className = mergeClasses(fieldClassNames.label, labelStyles.base, horizontal && labelStyles.horizontal, !horizontal && labelStyles.vertical, state.label.size === 'large' && labelStyles.large, !horizontal && state.label.size === 'large' && labelStyles.verticalLarge, state.label.className);\n  }\n  const validationMessageIconBaseClassName = useValidationMessageIconBaseClassName();\n  const validationMessageIconStyles = useValidationMessageIconStyles();\n  if (state.validationMessageIcon) {\n    state.validationMessageIcon.className = mergeClasses(fieldClassNames.validationMessageIcon, validationMessageIconBaseClassName, validationState !== 'none' && validationMessageIconStyles[validationState], state.validationMessageIcon.className);\n  }\n  const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n  const secondaryTextStyles = useSecondaryTextStyles();\n  if (state.validationMessage) {\n    state.validationMessage.className = mergeClasses(fieldClassNames.validationMessage, secondaryTextBaseClassName, validationState === 'error' && secondaryTextStyles.error, !!state.validationMessageIcon && secondaryTextStyles.withIcon, state.validationMessage.className);\n  }\n  if (state.hint) {\n    state.hint.className = mergeClasses(fieldClassNames.hint, secondaryTextBaseClassName, state.hint.className);\n  }\n};\n//# sourceMappingURL=useFieldStyles.styles.js.map"],"names":["fieldClassNames","useFieldStyles_unstable","root","label","validationMessage","validationMessageIcon","hint","iconSize","useRootStyles","__styles","base","mc9l5x","horizontal","Budl1dq","wkccdc","horizontalNoLabel","uwmqm3","d","useLabelStyles","z8tnut","Byoj8tv","large","vertical","jrapky","verticalLarge","t21cq0","Ijaq50","nk6f5a","useSecondaryTextBaseClassName","__resetStyles","useSecondaryTextStyles","error","sj55zd","withIcon","useValidationMessageIconBaseClassName","useValidationMessageIconStyles","warning","success","state","validationState","orientation","rootStyles","className","mergeClasses","labelStyles","size","validationMessageIconBaseClassName","validationMessageIconStyles","secondaryTextBaseClassName","secondaryTextStyles"],"mappings":"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"}

package/lib-commonjs/contexts/FieldContext.js

@@ -9,11 +9,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    FieldContextProvider: ()=>FieldContextProvider,
-    useFieldContext_unstable: ()=>useFieldContext_unstable
+    FieldContextProvider: function() {
+        return FieldContextProvider;
+    },
+    useFieldContext_unstable: function() {
+        return useFieldContext_unstable;
+    }
 });
-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 FieldContext = /*#__PURE__*/ _react.createContext(undefined);
 const FieldContextProvider = FieldContext.Provider;
 const useFieldContext_unstable = ()=>_react.useContext(FieldContext);

package/lib-commonjs/contexts/FieldContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FieldContext.js"],"sourcesContent":["import * as React from 'react';\nconst FieldContext = React.createContext(undefined);\nexport const FieldContextProvider = FieldContext.Provider;\nexport const useFieldContext_unstable = ()=>React.useContext(FieldContext);\n"],"names":["FieldContextProvider","useFieldContext_unstable","FieldContext","React","createContext","undefined","Provider","useContext"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB,MAApBA;IACAC,wBAAwB,MAAxBA;;;6DAHU;AACvB,MAAMC,6BAAeC,OAAMC,aAAa,CAACC;AAClC,MAAML,uBAAuBE,aAAaI,QAAQ;AAClD,MAAML,2BAA2B,IAAIE,OAAMI,UAAU,CAACL"}
+{"version":3,"sources":["FieldContext.js"],"sourcesContent":["import * as React from 'react';\nconst FieldContext = React.createContext(undefined);\nexport const FieldContextProvider = FieldContext.Provider;\nexport const useFieldContext_unstable = ()=>React.useContext(FieldContext);\n"],"names":["FieldContextProvider","useFieldContext_unstable","FieldContext","React","createContext","undefined","Provider","useContext"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB;eAApBA;;IACAC,wBAAwB;eAAxBA;;;;iEAHU;AACvB,MAAMC,6BAAeC,OAAMC,aAAa,CAACC;AAClC,MAAML,uBAAuBE,aAAaI,QAAQ;AAClD,MAAML,2BAA2B,IAAIE,OAAMI,UAAU,CAACL"}

package/lib-commonjs/contexts/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./FieldContext"), exports);
-_exportStar(require("./useFieldContextValues"), exports);
-_exportStar(require("./useFieldControlProps"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./FieldContext"), exports);
+_export_star._(require("./useFieldContextValues"), exports);
+_export_star._(require("./useFieldControlProps"), exports);

package/lib-commonjs/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './FieldContext';\nexport * from './useFieldContextValues';\nexport * from './useFieldControlProps';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './FieldContext';\nexport * from './useFieldContextValues';\nexport * from './useFieldControlProps';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA"}

package/lib-commonjs/contexts/useFieldContextValues.js

@@ -4,13 +4,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useFieldContextValues_unstable", {
     enumerable: true,
-    get: ()=>useFieldContextValues_unstable
+    get: function() {
+        return useFieldContextValues_unstable;
+    }
 });
-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 useFieldContextValues_unstable = (state)=>{
     var _state_label, _state_label1, _state_validationMessage, _state_hint;
-    const { generatedControlId , orientation , required , size , validationState  } = state;
+    const { generatedControlId, orientation, required, size, validationState } = state;
     const labelFor = (_state_label = state.label) === null || _state_label === void 0 ? void 0 : _state_label.htmlFor;
     const labelId = (_state_label1 = state.label) === null || _state_label1 === void 0 ? void 0 : _state_label1.id;
     const validationMessageId = (_state_validationMessage = state.validationMessage) === null || _state_validationMessage === void 0 ? void 0 : _state_validationMessage.id;

package/lib-commonjs/contexts/useFieldContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useFieldContextValues.js"],"sourcesContent":["import * as React from 'react';\n/**\n * Get the context values used when rendering Field.\n */ export const useFieldContextValues_unstable = (state)=>{\n    var _state_label, _state_label1, _state_validationMessage, _state_hint;\n    const { generatedControlId , orientation , required , size , validationState  } = state;\n    const labelFor = (_state_label = state.label) === null || _state_label === void 0 ? void 0 : _state_label.htmlFor;\n    const labelId = (_state_label1 = state.label) === null || _state_label1 === void 0 ? void 0 : _state_label1.id;\n    const validationMessageId = (_state_validationMessage = state.validationMessage) === null || _state_validationMessage === void 0 ? void 0 : _state_validationMessage.id;\n    const hintId = (_state_hint = state.hint) === null || _state_hint === void 0 ? void 0 : _state_hint.id;\n    const field = React.useMemo(()=>({\n            generatedControlId,\n            hintId,\n            labelFor,\n            labelId,\n            orientation,\n            required,\n            size,\n            validationMessageId,\n            validationState\n        }), [\n        generatedControlId,\n        hintId,\n        labelFor,\n        labelId,\n        orientation,\n        required,\n        size,\n        validationMessageId,\n        validationState\n    ]);\n    return {\n        field\n    };\n};\n"],"names":["useFieldContextValues_unstable","state","_state_label","_state_label1","_state_validationMessage","_state_hint","generatedControlId","orientation","required","size","validationState","labelFor","label","htmlFor","labelId","id","validationMessageId","validationMessage","hintId","hint","field","React","useMemo"],"mappings":";;;;+BAGiBA;;aAAAA;;;6DAHM;AAGZ,MAAMA,iCAAiC,CAACC,QAAQ;IACvD,IAAIC,cAAcC,eAAeC,0BAA0BC;IAC3D,MAAM,EAAEC,mBAAkB,EAAGC,YAAW,EAAGC,SAAQ,EAAGC,KAAI,EAAGC,gBAAe,EAAG,GAAGT;IAClF,MAAMU,WAAW,AAACT,CAAAA,eAAeD,MAAMW,KAAK,AAAD,MAAO,IAAI,IAAIV,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAaW,OAAO;IACjH,MAAMC,UAAU,AAACX,CAAAA,gBAAgBF,MAAMW,KAAK,AAAD,MAAO,IAAI,IAAIT,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcY,EAAE;IAC9G,MAAMC,sBAAsB,AAACZ,CAAAA,2BAA2BH,MAAMgB,iBAAiB,AAAD,MAAO,IAAI,IAAIb,6BAA6B,KAAK,IAAI,KAAK,IAAIA,yBAAyBW,EAAE;IACvK,MAAMG,SAAS,AAACb,CAAAA,cAAcJ,MAAMkB,IAAI,AAAD,MAAO,IAAI,IAAId,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYU,EAAE;IACtG,MAAMK,QAAQC,OAAMC,OAAO,CAAC,IAAK,CAAA;YACzBhB;YACAY;YACAP;YACAG;YACAP;YACAC;YACAC;YACAO;YACAN;QACJ,CAAA,GAAI;QACJJ;QACAY;QACAP;QACAG;QACAP;QACAC;QACAC;QACAO;QACAN;KACH;IACD,OAAO;QACHU;IACJ;AACJ"}
+{"version":3,"sources":["useFieldContextValues.js"],"sourcesContent":["import * as React from 'react';\n/**\n * Get the context values used when rendering Field.\n */ export const useFieldContextValues_unstable = (state)=>{\n    var _state_label, _state_label1, _state_validationMessage, _state_hint;\n    const { generatedControlId, orientation, required, size, validationState } = state;\n    const labelFor = (_state_label = state.label) === null || _state_label === void 0 ? void 0 : _state_label.htmlFor;\n    const labelId = (_state_label1 = state.label) === null || _state_label1 === void 0 ? void 0 : _state_label1.id;\n    const validationMessageId = (_state_validationMessage = state.validationMessage) === null || _state_validationMessage === void 0 ? void 0 : _state_validationMessage.id;\n    const hintId = (_state_hint = state.hint) === null || _state_hint === void 0 ? void 0 : _state_hint.id;\n    const field = React.useMemo(()=>({\n            generatedControlId,\n            hintId,\n            labelFor,\n            labelId,\n            orientation,\n            required,\n            size,\n            validationMessageId,\n            validationState\n        }), [\n        generatedControlId,\n        hintId,\n        labelFor,\n        labelId,\n        orientation,\n        required,\n        size,\n        validationMessageId,\n        validationState\n    ]);\n    return {\n        field\n    };\n};\n"],"names":["useFieldContextValues_unstable","state","_state_label","_state_label1","_state_validationMessage","_state_hint","generatedControlId","orientation","required","size","validationState","labelFor","label","htmlFor","labelId","id","validationMessageId","validationMessage","hintId","hint","field","React","useMemo"],"mappings":";;;;+BAGiBA;;;eAAAA;;;;iEAHM;AAGZ,MAAMA,iCAAiC,CAACC;IAC/C,IAAIC,cAAcC,eAAeC,0BAA0BC;IAC3D,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,eAAe,EAAE,GAAGT;IAC7E,MAAMU,WAAW,AAACT,CAAAA,eAAeD,MAAMW,KAAK,AAAD,MAAO,QAAQV,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAaW,OAAO;IACjH,MAAMC,UAAU,AAACX,CAAAA,gBAAgBF,MAAMW,KAAK,AAAD,MAAO,QAAQT,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcY,EAAE;IAC9G,MAAMC,sBAAsB,AAACZ,CAAAA,2BAA2BH,MAAMgB,iBAAiB,AAAD,MAAO,QAAQb,6BAA6B,KAAK,IAAI,KAAK,IAAIA,yBAAyBW,EAAE;IACvK,MAAMG,SAAS,AAACb,CAAAA,cAAcJ,MAAMkB,IAAI,AAAD,MAAO,QAAQd,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYU,EAAE;IACtG,MAAMK,QAAQC,OAAMC,OAAO,CAAC,IAAK,CAAA;YACzBhB;YACAY;YACAP;YACAG;YACAP;YACAC;YACAC;YACAO;YACAN;QACJ,CAAA,GAAI;QACJJ;QACAY;QACAP;QACAG;QACAP;QACAC;QACAC;QACAO;QACAN;KACH;IACD,OAAO;QACHU;IACJ;AACJ"}

package/lib-commonjs/contexts/useFieldControlProps.js

@@ -9,14 +9,19 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    useFieldControlProps_unstable: ()=>useFieldControlProps_unstable,
-    getFieldControlProps: ()=>getFieldControlProps
+    useFieldControlProps_unstable: function() {
+        return useFieldControlProps_unstable;
+    },
+    getFieldControlProps: function() {
+        return getFieldControlProps;
+    }
 });
-const _fieldContext = require("./FieldContext");
+const _FieldContext = require("./FieldContext");
 function useFieldControlProps_unstable(props, options) {
-    return getFieldControlProps((0, _fieldContext.useFieldContext_unstable)(), props, options);
+    return getFieldControlProps((0, _FieldContext.useFieldContext_unstable)(), props, options);
 }
 function getFieldControlProps(context, props, options) {
+    var _options, _options1;
     if (!context) {
         return props;
     }
@@ -24,7 +29,7 @@ function getFieldControlProps(context, props, options) {
     props = {
         ...props
     };
-    const { generatedControlId , hintId , labelFor , labelId , required , validationMessageId , validationState  } = context;
+    const { generatedControlId, hintId, labelFor, labelId, required, validationMessageId, validationState } = context;
     if (generatedControlId) {
         var _props;
         var _id;
@@ -32,7 +37,7 @@ function getFieldControlProps(context, props, options) {
     }
     // Set aria-labelledby if the control doesn't support label.htmlFor, or if the label's htmlFor doesn't refer
     // to this control (i.e. the user set this control's id prop without also setting the Field's label.htmlFor).
-    if (labelId && (!(options === null || options === void 0 ? void 0 : options.supportsLabelFor) || labelFor !== props.id)) {
+    if (labelId && (!((_options = options) === null || _options === void 0 ? void 0 : _options.supportsLabelFor) || labelFor !== props.id)) {
         var _props1, _arialabelledby;
         var _;
         (_ = (_props1 = props)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _props1[_arialabelledby] = labelId;
@@ -41,34 +46,36 @@ function getFieldControlProps(context, props, options) {
     // We also preserve and append any aria-describedby from props.
     // For reference: https://github.com/microsoft/fluentui/pull/25580#discussion_r1017259933
     if (validationMessageId || hintId) {
+        var _props2;
         // NOTE: Not using ??= since we're merging and overriding the user-provided value.
         props['aria-describedby'] = [
             validationMessageId,
             hintId,
-            props === null || props === void 0 ? void 0 : props['aria-describedby']
+            (_props2 = props) === null || _props2 === void 0 ? void 0 : _props2['aria-describedby']
         ].filter(Boolean).join(' ');
     }
     if (validationState === 'error') {
-        var _props2, _ariainvalid;
+        var _props3, _ariainvalid;
         var _1;
-        (_1 = (_props2 = props)[_ariainvalid = 'aria-invalid']) !== null && _1 !== void 0 ? _1 : _props2[_ariainvalid] = true;
+        (_1 = (_props3 = props)[_ariainvalid = 'aria-invalid']) !== null && _1 !== void 0 ? _1 : _props3[_ariainvalid] = true;
     }
     if (required) {
-        if (options === null || options === void 0 ? void 0 : options.supportsRequired) {
-            var _props3;
+        var _options2;
+        if ((_options2 = options) === null || _options2 === void 0 ? void 0 : _options2.supportsRequired) {
+            var _props4;
             var _required;
-            (_required = (_props3 = props).required) !== null && _required !== void 0 ? _required : _props3.required = true;
+            (_required = (_props4 = props).required) !== null && _required !== void 0 ? _required : _props4.required = true;
         } else {
-            var _props4, _ariarequired;
+            var _props5, _ariarequired;
             var _2;
-            (_2 = (_props4 = props)[_ariarequired = 'aria-required']) !== null && _2 !== void 0 ? _2 : _props4[_ariarequired] = true;
+            (_2 = (_props5 = props)[_ariarequired = 'aria-required']) !== null && _2 !== void 0 ? _2 : _props5[_ariarequired] = true;
         }
     }
     // Include the size prop if this control supports it
-    if (options === null || options === void 0 ? void 0 : options.supportsSize) {
-        var _props5;
+    if ((_options1 = options) === null || _options1 === void 0 ? void 0 : _options1.supportsSize) {
+        var _props6;
         var _size;
-        (_size = (_props5 = props).size) !== null && _size !== void 0 ? _size : _props5.size = context.size;
+        (_size = (_props6 = props).size) !== null && _size !== void 0 ? _size : _props6.size = context.size;
     }
     return props;
 }

package/lib-commonjs/contexts/useFieldControlProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useFieldControlProps.js"],"sourcesContent":["import { useFieldContext_unstable } from './FieldContext';\nexport function useFieldControlProps_unstable(props, options) {\n    return getFieldControlProps(useFieldContext_unstable(), props, options);\n}\n/**\n * @internal\n * Implementation of useFieldControlProps_unstable.\n * Split out so it can be used directly in renderField_unstable.\n */ export function getFieldControlProps(context, props, options) {\n    if (!context) {\n        return props;\n    }\n    // Create a copy of props so we don't modify the original\n    props = {\n        ...props\n    };\n    const { generatedControlId , hintId , labelFor , labelId , required , validationMessageId , validationState  } = context;\n    if (generatedControlId) {\n        var _props;\n        var _id;\n        (_id = (_props = props).id) !== null && _id !== void 0 ? _id : _props.id = generatedControlId;\n    }\n    // Set aria-labelledby if the control doesn't support label.htmlFor, or if the label's htmlFor doesn't refer\n    // to this control (i.e. the user set this control's id prop without also setting the Field's label.htmlFor).\n    if (labelId && (!(options === null || options === void 0 ? void 0 : options.supportsLabelFor) || labelFor !== props.id)) {\n        var _props1, _arialabelledby;\n        var _;\n        (_ = (_props1 = props)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _props1[_arialabelledby] = labelId;\n    }\n    // The control is described by the validation message, or hint, or both.\n    // We also preserve and append any aria-describedby from props.\n    // For reference: https://github.com/microsoft/fluentui/pull/25580#discussion_r1017259933\n    if (validationMessageId || hintId) {\n        // NOTE: Not using ??= since we're merging and overriding the user-provided value.\n        props['aria-describedby'] = [\n            validationMessageId,\n            hintId,\n            props === null || props === void 0 ? void 0 : props['aria-describedby']\n        ].filter(Boolean).join(' ');\n    }\n    if (validationState === 'error') {\n        var _props2, _ariainvalid;\n        var _1;\n        (_1 = (_props2 = props)[_ariainvalid = 'aria-invalid']) !== null && _1 !== void 0 ? _1 : _props2[_ariainvalid] = true;\n    }\n    if (required) {\n        if (options === null || options === void 0 ? void 0 : options.supportsRequired) {\n            var _props3;\n            var _required;\n            (_required = (_props3 = props).required) !== null && _required !== void 0 ? _required : _props3.required = true;\n        } else {\n            var _props4, _ariarequired;\n            var _2;\n            (_2 = (_props4 = props)[_ariarequired = 'aria-required']) !== null && _2 !== void 0 ? _2 : _props4[_ariarequired] = true;\n        }\n    }\n    // Include the size prop if this control supports it\n    if (options === null || options === void 0 ? void 0 : options.supportsSize) {\n        var _props5;\n        var _size;\n        (_size = (_props5 = props).size) !== null && _size !== void 0 ? _size : _props5.size = context.size;\n    }\n    return props;\n}\n"],"names":["useFieldControlProps_unstable","getFieldControlProps","props","options","useFieldContext_unstable","context","generatedControlId","hintId","labelFor","labelId","required","validationMessageId","validationState","_props","_id","id","supportsLabelFor","_props1","_arialabelledby","_","filter","Boolean","join","_props2","_ariainvalid","_1","supportsRequired","_props3","_required","_props4","_ariarequired","_2","supportsSize","_props5","_size","size"],"mappings":"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"}
+{"version":3,"sources":["useFieldControlProps.js"],"sourcesContent":["import { useFieldContext_unstable } from './FieldContext';\nexport function useFieldControlProps_unstable(props, options) {\n    return getFieldControlProps(useFieldContext_unstable(), props, options);\n}\n/**\n * @internal\n * Implementation of useFieldControlProps_unstable.\n * Split out so it can be used directly in renderField_unstable.\n */ export function getFieldControlProps(context, props, options) {\n    var _options, _options1;\n    if (!context) {\n        return props;\n    }\n    // Create a copy of props so we don't modify the original\n    props = {\n        ...props\n    };\n    const { generatedControlId, hintId, labelFor, labelId, required, validationMessageId, validationState } = context;\n    if (generatedControlId) {\n        var _props;\n        var _id;\n        (_id = (_props = props).id) !== null && _id !== void 0 ? _id : _props.id = generatedControlId;\n    }\n    // Set aria-labelledby if the control doesn't support label.htmlFor, or if the label's htmlFor doesn't refer\n    // to this control (i.e. the user set this control's id prop without also setting the Field's label.htmlFor).\n    if (labelId && (!((_options = options) === null || _options === void 0 ? void 0 : _options.supportsLabelFor) || labelFor !== props.id)) {\n        var _props1, _arialabelledby;\n        var _;\n        (_ = (_props1 = props)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _props1[_arialabelledby] = labelId;\n    }\n    // The control is described by the validation message, or hint, or both.\n    // We also preserve and append any aria-describedby from props.\n    // For reference: https://github.com/microsoft/fluentui/pull/25580#discussion_r1017259933\n    if (validationMessageId || hintId) {\n        var _props2;\n        // NOTE: Not using ??= since we're merging and overriding the user-provided value.\n        props['aria-describedby'] = [\n            validationMessageId,\n            hintId,\n            (_props2 = props) === null || _props2 === void 0 ? void 0 : _props2['aria-describedby']\n        ].filter(Boolean).join(' ');\n    }\n    if (validationState === 'error') {\n        var _props3, _ariainvalid;\n        var _1;\n        (_1 = (_props3 = props)[_ariainvalid = 'aria-invalid']) !== null && _1 !== void 0 ? _1 : _props3[_ariainvalid] = true;\n    }\n    if (required) {\n        var _options2;\n        if ((_options2 = options) === null || _options2 === void 0 ? void 0 : _options2.supportsRequired) {\n            var _props4;\n            var _required;\n            (_required = (_props4 = props).required) !== null && _required !== void 0 ? _required : _props4.required = true;\n        } else {\n            var _props5, _ariarequired;\n            var _2;\n            (_2 = (_props5 = props)[_ariarequired = 'aria-required']) !== null && _2 !== void 0 ? _2 : _props5[_ariarequired] = true;\n        }\n    }\n    // Include the size prop if this control supports it\n    if ((_options1 = options) === null || _options1 === void 0 ? void 0 : _options1.supportsSize) {\n        var _props6;\n        var _size;\n        (_size = (_props6 = props).size) !== null && _size !== void 0 ? _size : _props6.size = context.size;\n    }\n    return props;\n}\n"],"names":["useFieldControlProps_unstable","getFieldControlProps","props","options","useFieldContext_unstable","context","_options","_options1","generatedControlId","hintId","labelFor","labelId","required","validationMessageId","validationState","_props","_id","id","supportsLabelFor","_props1","_arialabelledby","_","_props2","filter","Boolean","join","_props3","_ariainvalid","_1","_options2","supportsRequired","_props4","_required","_props5","_ariarequired","_2","supportsSize","_props6","_size","size"],"mappings":"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"}

package/lib-commonjs/index.js

@@ -9,15 +9,33 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    Field: ()=>_field.Field,
-    fieldClassNames: ()=>_field.fieldClassNames,
-    renderField_unstable: ()=>_field.renderField_unstable,
-    useFieldStyles_unstable: ()=>_field.useFieldStyles_unstable,
-    useField_unstable: ()=>_field.useField_unstable,
-    FieldContextProvider: ()=>_index.FieldContextProvider,
-    useFieldContext_unstable: ()=>_index.useFieldContext_unstable,
-    useFieldContextValues_unstable: ()=>_index.useFieldContextValues_unstable,
-    useFieldControlProps_unstable: ()=>_index.useFieldControlProps_unstable
+    Field: function() {
+        return _Field.Field;
+    },
+    fieldClassNames: function() {
+        return _Field.fieldClassNames;
+    },
+    renderField_unstable: function() {
+        return _Field.renderField_unstable;
+    },
+    useFieldStyles_unstable: function() {
+        return _Field.useFieldStyles_unstable;
+    },
+    useField_unstable: function() {
+        return _Field.useField_unstable;
+    },
+    FieldContextProvider: function() {
+        return _index.FieldContextProvider;
+    },
+    useFieldContext_unstable: function() {
+        return _index.useFieldContext_unstable;
+    },
+    useFieldContextValues_unstable: function() {
+        return _index.useFieldContextValues_unstable;
+    },
+    useFieldControlProps_unstable: function() {
+        return _index.useFieldControlProps_unstable;
+    }
 });
-const _field = require("./Field");
+const _Field = require("./Field");
 const _index = require("./contexts/index");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { Field, fieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from './Field';\nexport { FieldContextProvider, useFieldContext_unstable, useFieldContextValues_unstable, useFieldControlProps_unstable } from './contexts/index';\n"],"names":["Field","fieldClassNames","renderField_unstable","useFieldStyles_unstable","useField_unstable","FieldContextProvider","useFieldContext_unstable","useFieldContextValues_unstable","useFieldControlProps_unstable"],"mappings":";;;;;;;;;;;IAASA,KAAK,MAALA,YAAK;IAAEC,eAAe,MAAfA,sBAAe;IAAEC,oBAAoB,MAApBA,2BAAoB;IAAEC,uBAAuB,MAAvBA,8BAAuB;IAAEC,iBAAiB,MAAjBA,wBAAiB;IACxFC,oBAAoB,MAApBA,2BAAoB;IAAEC,wBAAwB,MAAxBA,+BAAwB;IAAEC,8BAA8B,MAA9BA,qCAA8B;IAAEC,6BAA6B,MAA7BA,oCAA6B;;uBADb;uBACqB"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export { Field, fieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from './Field';\nexport { FieldContextProvider, useFieldContext_unstable, useFieldContextValues_unstable, useFieldControlProps_unstable } from './contexts/index';\n"],"names":["Field","fieldClassNames","renderField_unstable","useFieldStyles_unstable","useField_unstable","FieldContextProvider","useFieldContext_unstable","useFieldContextValues_unstable","useFieldControlProps_unstable"],"mappings":";;;;;;;;;;;IAASA,KAAK;eAALA,YAAK;;IAAEC,eAAe;eAAfA,sBAAe;;IAAEC,oBAAoB;eAApBA,2BAAoB;;IAAEC,uBAAuB;eAAvBA,8BAAuB;;IAAEC,iBAAiB;eAAjBA,wBAAiB;;IACxFC,oBAAoB;eAApBA,2BAAoB;;IAAEC,wBAAwB;eAAxBA,+BAAwB;;IAAEC,8BAA8B;eAA9BA,qCAA8B;;IAAEC,6BAA6B;eAA7BA,oCAA6B;;;uBADb;uBACqB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-field",
-  "version": "0.0.0-nightly-20230831-0414.1",
+  "version": "0.0.0-nightly-20230904-0415.1",
   "description": "Fluent UI Field components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,26 +27,26 @@
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance": "0.0.0-nightly-20230831-0414.1",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230831-0414.1",
+    "@fluentui/react-conformance": "0.0.0-nightly-20230904-0415.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230904-0415.1",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-context-selector": "0.0.0-nightly-20230831-0414.1",
+    "@fluentui/react-context-selector": "0.0.0-nightly-20230904-0415.1",
     "@fluentui/react-icons": "^2.0.207",
-    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230831-0414.1",
-    "@fluentui/react-label": "0.0.0-nightly-20230831-0414.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20230831-0414.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20230831-0414.1",
+    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230904-0415.1",
+    "@fluentui/react-label": "0.0.0-nightly-20230904-0415.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20230904-0415.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20230904-0415.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": {},
   "exports": {