@fluentui/react-migration-v0-v9 9.0.0 → 9.0.2

package/lib/components/Flex/FlexItem.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["ALIGN","auto","alignSelf","start","end","center","baseline","stretch","SIZE","half","flexBasis","quarter","small","medium","large","align","value","size","grow","flexGrow","undefined","shrink","flexShrink","pushRow","marginLeft","pushColumn","marginTop","flexItem"],"sources":["../../../src/components/Flex/FlexItem.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\n\nconst ALIGN = {\n  auto: { alignSelf: 'auto' },\n  start: { alignSelf: 'flex-start' },\n  end: { alignSelf: 'flex-end' },\n  center: { alignSelf: 'center' },\n  baseline: { alignSelf: 'baseline' },\n  stretch: { alignSelf: 'stretch' },\n};\n\nconst SIZE = {\n  half: { flexBasis: '50%' },\n  quarter: { flexBasis: '25%' },\n  small: { flexBasis: '150px' },\n  medium: { flexBasis: '200px' },\n  large: { flexBasis: '300px' },\n};\n\nconst align = (value: 'auto' | 'start' | 'end' | 'center' | 'baseline' | 'stretch'): GriffelStyle => ALIGN[value];\n\nconst size = (value: 'half' | 'quarter' | 'small' | 'medium' | 'large'): GriffelStyle => SIZE[value];\n\nconst grow = (flexGrow: boolean | number): GriffelStyle | undefined => {\n  if (flexGrow === true) {\n    return { flexGrow: 1 };\n  } else if (flexGrow) {\n    return { flexGrow };\n  } else {\n    return undefined;\n  }\n};\n\nconst shrink = (flexShrink: boolean | number): GriffelStyle | undefined => {\n  if (typeof flexShrink === 'number') {\n    return { flexShrink };\n  } else if (flexShrink === false) {\n    return { flexShrink: 0 };\n  } else {\n    return undefined;\n  }\n};\n\nconst pushRow = (): GriffelStyle => ({ marginLeft: 'auto' });\nconst pushColumn = (): GriffelStyle => ({ marginTop: 'auto' });\n\nexport const flexItem = {\n  align,\n  size,\n  grow,\n  shrink,\n  pushRow,\n  pushColumn,\n};\n"],"mappings":"AAEA,MAAMA,KAAA,GAAQ;EACZC,IAAA,EAAM;IAAEC,SAAA,EAAW;EAAO;EAC1BC,KAAA,EAAO;IAAED,SAAA,EAAW;EAAa;EACjCE,GAAA,EAAK;IAAEF,SAAA,EAAW;EAAW;EAC7BG,MAAA,EAAQ;IAAEH,SAAA,EAAW;EAAS;EAC9BI,QAAA,EAAU;IAAEJ,SAAA,EAAW;EAAW;EAClCK,OAAA,EAAS;IAAEL,SAAA,EAAW;EAAU;AAClC;AAEA,MAAMM,IAAA,GAAO;EACXC,IAAA,EAAM;IAAEC,SAAA,EAAW;EAAM;EACzBC,OAAA,EAAS;IAAED,SAAA,EAAW;EAAM;EAC5BE,KAAA,EAAO;IAAEF,SAAA,EAAW;EAAQ;EAC5BG,MAAA,EAAQ;IAAEH,SAAA,EAAW;EAAQ;EAC7BI,KAAA,EAAO;IAAEJ,SAAA,EAAW;EAAQ;AAC9B;AAEA,MAAMK,KAAA,GAASC,KAAA,IAAsFhB,KAAK,CAACgB,KAAA,CAAM;AAEjH,MAAMC,IAAA,GAAQD,KAAA,IAA2ER,IAAI,CAACQ,KAAA,CAAM;AAEpG,MAAME,IAAA,GAAQC,QAAA,IAAyD;EACrE,IAAIA,QAAA,KAAa,IAAI,EAAE;IACrB,OAAO;MAAEA,QAAA,EAAU;IAAE;EACvB,OAAO,IAAIA,QAAA,EAAU;IACnB,OAAO;MAAEA;IAAS;EACpB,OAAO;IACL,OAAOC,SAAA;EACT;AACF;AAEA,MAAMC,MAAA,GAAUC,UAAA,IAA2D;EACzE,IAAI,OAAOA,UAAA,KAAe,UAAU;IAClC,OAAO;MAAEA;IAAW;EACtB,OAAO,IAAIA,UAAA,KAAe,KAAK,EAAE;IAC/B,OAAO;MAAEA,UAAA,EAAY;IAAE;EACzB,OAAO;IACL,OAAOF,SAAA;EACT;AACF;AAEA,MAAMG,OAAA,GAAUA,CAAA,MAAqB;EAAEC,UAAA,EAAY;AAAO;AAC1D,MAAMC,UAAA,GAAaA,CAAA,MAAqB;EAAEC,SAAA,EAAW;AAAO;AAE5D,OAAO,MAAMC,QAAA,GAAW;EACtBZ,KAAA;EACAE,IAAA;EACAC,IAAA;EACAG,MAAA;EACAE,OAAA;EACAE;AACF"}
+{"version":3,"sources":["FlexItem.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\n\nconst ALIGN = {\n  auto: { alignSelf: 'auto' },\n  start: { alignSelf: 'flex-start' },\n  end: { alignSelf: 'flex-end' },\n  center: { alignSelf: 'center' },\n  baseline: { alignSelf: 'baseline' },\n  stretch: { alignSelf: 'stretch' },\n};\n\nconst SIZE = {\n  half: { flexBasis: '50%' },\n  quarter: { flexBasis: '25%' },\n  small: { flexBasis: '150px' },\n  medium: { flexBasis: '200px' },\n  large: { flexBasis: '300px' },\n};\n\nconst align = (value: 'auto' | 'start' | 'end' | 'center' | 'baseline' | 'stretch'): GriffelStyle => ALIGN[value];\n\nconst size = (value: 'half' | 'quarter' | 'small' | 'medium' | 'large'): GriffelStyle => SIZE[value];\n\nconst grow = (flexGrow: boolean | number): GriffelStyle | undefined => {\n  if (flexGrow === true) {\n    return { flexGrow: 1 };\n  } else if (flexGrow) {\n    return { flexGrow };\n  } else {\n    return undefined;\n  }\n};\n\nconst shrink = (flexShrink: boolean | number): GriffelStyle | undefined => {\n  if (typeof flexShrink === 'number') {\n    return { flexShrink };\n  } else if (flexShrink === false) {\n    return { flexShrink: 0 };\n  } else {\n    return undefined;\n  }\n};\n\nconst pushRow = (): GriffelStyle => ({ marginLeft: 'auto' });\nconst pushColumn = (): GriffelStyle => ({ marginTop: 'auto' });\n\nexport const flexItem = {\n  align,\n  size,\n  grow,\n  shrink,\n  pushRow,\n  pushColumn,\n};\n"],"names":["ALIGN","auto","alignSelf","start","end","center","baseline","stretch","SIZE","half","flexBasis","quarter","small","medium","large","align","value","size","grow","flexGrow","undefined","shrink","flexShrink","pushRow","marginLeft","pushColumn","marginTop","flexItem"],"mappings":"AAEA,MAAMA,QAAQ;IACZC,MAAM;QAAEC,WAAW;IAAO;IAC1BC,OAAO;QAAED,WAAW;IAAa;IACjCE,KAAK;QAAEF,WAAW;IAAW;IAC7BG,QAAQ;QAAEH,WAAW;IAAS;IAC9BI,UAAU;QAAEJ,WAAW;IAAW;IAClCK,SAAS;QAAEL,WAAW;IAAU;AAClC;AAEA,MAAMM,OAAO;IACXC,MAAM;QAAEC,WAAW;IAAM;IACzBC,SAAS;QAAED,WAAW;IAAM;IAC5BE,OAAO;QAAEF,WAAW;IAAQ;IAC5BG,QAAQ;QAAEH,WAAW;IAAQ;IAC7BI,OAAO;QAAEJ,WAAW;IAAQ;AAC9B;AAEA,MAAMK,QAAQ,CAACC,QAAsFhB,KAAK,CAACgB,MAAM;AAEjH,MAAMC,OAAO,CAACD,QAA2ER,IAAI,CAACQ,MAAM;AAEpG,MAAME,OAAO,CAACC,WAAyD;IACrE,IAAIA,aAAa,IAAI,EAAE;QACrB,OAAO;YAAEA,UAAU;QAAE;IACvB,OAAO,IAAIA,UAAU;QACnB,OAAO;YAAEA;QAAS;IACpB,OAAO;QACL,OAAOC;IACT,CAAC;AACH;AAEA,MAAMC,SAAS,CAACC,aAA2D;IACzE,IAAI,OAAOA,eAAe,UAAU;QAClC,OAAO;YAAEA;QAAW;IACtB,OAAO,IAAIA,eAAe,KAAK,EAAE;QAC/B,OAAO;YAAEA,YAAY;QAAE;IACzB,OAAO;QACL,OAAOF;IACT,CAAC;AACH;AAEA,MAAMG,UAAU,IAAqB,CAAA;QAAEC,YAAY;IAAO,CAAA;AAC1D,MAAMC,aAAa,IAAqB,CAAA;QAAEC,WAAW;IAAO,CAAA;AAE5D,OAAO,MAAMC,WAAW;IACtBZ;IACAE;IACAC;IACAG;IACAE;IACAE;AACF,EAAE"}

package/lib/components/Flex/index.js

@@ -1,4 +1,3 @@
 export { Flex, flexClassName } from './Flex';
 export { useFlexStyles } from './Flex.styles';
 export { flexItem } from './FlexItem.mixins';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Flex","flexClassName","useFlexStyles","flexItem"],"sources":["../../../src/components/Flex/index.ts"],"sourcesContent":["export { Flex, flexClassName } from './Flex';\nexport type { FlexProps } from './Flex';\nexport { useFlexStyles } from './Flex.styles';\nexport { flexItem } from './FlexItem.mixins';\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,aAAa,QAAQ;AAEpC,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { Flex, flexClassName } from './Flex';\nexport type { FlexProps } from './Flex';\nexport { useFlexStyles } from './Flex.styles';\nexport { flexItem } from './FlexItem.mixins';\n"],"names":["Flex","flexClassName","useFlexStyles","flexItem"],"mappings":"AAAA,SAASA,IAAI,EAAEC,aAAa,QAAQ,SAAS;AAE7C,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,QAAQ,QAAQ,oBAAoB"}

package/lib/components/FormField/FormFieldShim.js

@@ -1,46 +1,40 @@
 import { renderField_unstable, useFieldContextValues_unstable, useFieldStyles_unstable, useField_unstable } from '@fluentui/react-components';
 import * as React from 'react';
-export const FormFieldShim = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    errorMessage,
-    required,
-    control,
-    label
-  } = props;
-  const fieldProps = {
-    required
-  };
-  if (errorMessage && (control === null || control === void 0 ? void 0 : control.error) === 'true') {
-    fieldProps.validationState = 'error';
-    if (typeof errorMessage === 'object') {
-      fieldProps.validationMessage = errorMessage.content;
+export const FormFieldShim = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const { errorMessage , required , control , label  } = props;
+    const fieldProps = {
+        required
+    };
+    if (errorMessage && (control === null || control === void 0 ? void 0 : control.error) === 'true') {
+        fieldProps.validationState = 'error';
+        if (typeof errorMessage === 'object') {
+            fieldProps.validationMessage = errorMessage.content;
+        }
+        if (typeof errorMessage === 'string') {
+            fieldProps.validationMessage = errorMessage;
+        }
     }
-    if (typeof errorMessage === 'string') {
-      fieldProps.validationMessage = errorMessage;
+    if (label) {
+        if (typeof label === 'object') {
+            fieldProps.label = label.content;
+        } else {
+            fieldProps.label = label;
+        }
     }
-  }
-  if (label) {
-    if (typeof label === 'object') {
-      fieldProps.label = label.content;
+    const children = props.children || (control === null || control === void 0 ? void 0 : control.content);
+    if (/*#__PURE__*/ React.isValidElement(children)) {
+        const child = children;
+        // Use the Field's child render function to pass the field control props to the child
+        fieldProps.children = (fieldControlProps)=>/*#__PURE__*/ React.cloneElement(child, {
+                ...fieldControlProps,
+                ...child.props
+            });
     } else {
-      fieldProps.label = label;
+        fieldProps.children = children;
     }
-  }
-  const children = props.children || (control === null || control === void 0 ? void 0 : control.content);
-  if ( /*#__PURE__*/React.isValidElement(children)) {
-    const child = children;
-    // Use the Field's child render function to pass the field control props to the child
-    fieldProps.children = fieldControlProps => /*#__PURE__*/React.cloneElement(child, {
-      ...fieldControlProps,
-      ...child.props
-    });
-  } else {
-    fieldProps.children = children;
-  }
-  const state = useField_unstable(fieldProps, ref);
-  useFieldStyles_unstable(state);
-  const context = useFieldContextValues_unstable(state);
-  return renderField_unstable(state, context);
+    const state = useField_unstable(fieldProps, ref);
+    useFieldStyles_unstable(state);
+    const context = useFieldContextValues_unstable(state);
+    return renderField_unstable(state, context);
 });
 FormFieldShim.displayName = 'FormFieldShim';
-//# sourceMappingURL=FormFieldShim.js.map

package/lib/components/FormField/FormFieldShim.js.map

@@ -1 +1 @@
-{"version":3,"names":["renderField_unstable","useFieldContextValues_unstable","useFieldStyles_unstable","useField_unstable","React","FormFieldShim","forwardRef","props","ref","errorMessage","required","control","label","fieldProps","error","validationState","validationMessage","content","children","isValidElement","child","fieldControlProps","cloneElement","state","context","displayName"],"sources":["../../../src/components/FormField/FormFieldShim.tsx"],"sourcesContent":["import {\n  FieldProps,\n  renderField_unstable,\n  useFieldContextValues_unstable,\n  useFieldStyles_unstable,\n  useField_unstable,\n} from '@fluentui/react-components';\nimport type { ObjectShorthandValue } from '@fluentui/react-northstar';\n\nimport * as React from 'react';\n\ntype WithContent = ObjectShorthandValue<React.HTMLAttributes<HTMLDivElement>> | string;\n\n/**\n *\n */\ntype CustomInputFieldProps = React.PropsWithChildren<{\n  /**\n   * Message to be shown when error state is true\n   */\n  errorMessage?: WithContent;\n  /**\n   * Whether the field label should be marked as required.\n   */\n  required?: boolean;\n  /**\n   * Control to be rendered\n   */\n  control?: ObjectShorthandValue<{\n    /**\n     * Control content\n     */\n    content?: React.ReactNode;\n  }> & {\n    /**\n     * Error state\n     */\n    error?: 'true' | 'false';\n  };\n  /**\n   * Label to be rendered\n   */\n  label?: WithContent;\n}>;\n\nexport const FormFieldShim = React.forwardRef<HTMLInputElement, CustomInputFieldProps>((props, ref) => {\n  const { errorMessage, required, control, label } = props;\n  const fieldProps: FieldProps = { required };\n\n  if (errorMessage && control?.error === 'true') {\n    fieldProps.validationState = 'error';\n    if (typeof errorMessage === 'object') {\n      fieldProps.validationMessage = errorMessage.content;\n    }\n    if (typeof errorMessage === 'string') {\n      fieldProps.validationMessage = errorMessage;\n    }\n  }\n\n  if (label) {\n    if (typeof label === 'object') {\n      fieldProps.label = label.content;\n    } else {\n      fieldProps.label = label;\n    }\n  }\n\n  const children: FieldProps['children'] = props.children || control?.content;\n\n  if (React.isValidElement(children)) {\n    const child: React.ReactElement = children;\n\n    // Use the Field's child render function to pass the field control props to the child\n    fieldProps.children = fieldControlProps => React.cloneElement(child, { ...fieldControlProps, ...child.props });\n  } else {\n    fieldProps.children = children;\n  }\n\n  const state = useField_unstable(fieldProps, ref);\n  useFieldStyles_unstable(state);\n  const context = useFieldContextValues_unstable(state);\n  return renderField_unstable(state, context);\n});\n\nFormFieldShim.displayName = 'FormFieldShim';\n"],"mappings":"AAAA,SAEEA,oBAAoB,EACpBC,8BAA8B,EAC9BC,uBAAuB,EACvBC,iBAAiB,QACZ;AAGP,YAAYC,KAAA,MAAW;AAoCvB,OAAO,MAAMC,aAAA,gBAAgBD,KAAA,CAAME,UAAU,CAA0C,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrG,MAAM;IAAEC,YAAA;IAAcC,QAAA;IAAUC,OAAA;IAASC;EAAK,CAAE,GAAGL,KAAA;EACnD,MAAMM,UAAA,GAAyB;IAAEH;EAAS;EAE1C,IAAID,YAAA,IAAgB,CAAAE,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASG,KAAK,MAAK,QAAQ;IAC7CD,UAAA,CAAWE,eAAe,GAAG;IAC7B,IAAI,OAAON,YAAA,KAAiB,UAAU;MACpCI,UAAA,CAAWG,iBAAiB,GAAGP,YAAA,CAAaQ,OAAO;IACrD;IACA,IAAI,OAAOR,YAAA,KAAiB,UAAU;MACpCI,UAAA,CAAWG,iBAAiB,GAAGP,YAAA;IACjC;EACF;EAEA,IAAIG,KAAA,EAAO;IACT,IAAI,OAAOA,KAAA,KAAU,UAAU;MAC7BC,UAAA,CAAWD,KAAK,GAAGA,KAAA,CAAMK,OAAO;IAClC,OAAO;MACLJ,UAAA,CAAWD,KAAK,GAAGA,KAAA;IACrB;EACF;EAEA,MAAMM,QAAA,GAAmCX,KAAA,CAAMW,QAAQ,KAAIP,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASM,OAAO,CAAD;EAE1E,kBAAIb,KAAA,CAAMe,cAAc,CAACD,QAAA,GAAW;IAClC,MAAME,KAAA,GAA4BF,QAAA;IAElC;IACAL,UAAA,CAAWK,QAAQ,GAAGG,iBAAA,iBAAqBjB,KAAA,CAAMkB,YAAY,CAACF,KAAA,EAAO;MAAE,GAAGC,iBAAiB;MAAE,GAAGD,KAAA,CAAMb;IAAM;EAC9G,OAAO;IACLM,UAAA,CAAWK,QAAQ,GAAGA,QAAA;EACxB;EAEA,MAAMK,KAAA,GAAQpB,iBAAA,CAAkBU,UAAA,EAAYL,GAAA;EAC5CN,uBAAA,CAAwBqB,KAAA;EACxB,MAAMC,OAAA,GAAUvB,8BAAA,CAA+BsB,KAAA;EAC/C,OAAOvB,oBAAA,CAAqBuB,KAAA,EAAOC,OAAA;AACrC;AAEAnB,aAAA,CAAcoB,WAAW,GAAG"}
+{"version":3,"sources":["FormFieldShim.tsx"],"sourcesContent":["import {\n  FieldProps,\n  renderField_unstable,\n  useFieldContextValues_unstable,\n  useFieldStyles_unstable,\n  useField_unstable,\n} from '@fluentui/react-components';\nimport type { ObjectShorthandValue } from '@fluentui/react-northstar';\n\nimport * as React from 'react';\n\ntype WithContent = ObjectShorthandValue<React.HTMLAttributes<HTMLDivElement>> | string;\n\n/**\n *\n */\ntype CustomInputFieldProps = React.PropsWithChildren<{\n  /**\n   * Message to be shown when error state is true\n   */\n  errorMessage?: WithContent;\n  /**\n   * Whether the field label should be marked as required.\n   */\n  required?: boolean;\n  /**\n   * Control to be rendered\n   */\n  control?: ObjectShorthandValue<{\n    /**\n     * Control content\n     */\n    content?: React.ReactNode;\n  }> & {\n    /**\n     * Error state\n     */\n    error?: 'true' | 'false';\n  };\n  /**\n   * Label to be rendered\n   */\n  label?: WithContent;\n}>;\n\nexport const FormFieldShim = React.forwardRef<HTMLInputElement, CustomInputFieldProps>((props, ref) => {\n  const { errorMessage, required, control, label } = props;\n  const fieldProps: FieldProps = { required };\n\n  if (errorMessage && control?.error === 'true') {\n    fieldProps.validationState = 'error';\n    if (typeof errorMessage === 'object') {\n      fieldProps.validationMessage = errorMessage.content;\n    }\n    if (typeof errorMessage === 'string') {\n      fieldProps.validationMessage = errorMessage;\n    }\n  }\n\n  if (label) {\n    if (typeof label === 'object') {\n      fieldProps.label = label.content;\n    } else {\n      fieldProps.label = label;\n    }\n  }\n\n  const children: FieldProps['children'] = props.children || control?.content;\n\n  if (React.isValidElement(children)) {\n    const child: React.ReactElement = children;\n\n    // Use the Field's child render function to pass the field control props to the child\n    fieldProps.children = fieldControlProps => React.cloneElement(child, { ...fieldControlProps, ...child.props });\n  } else {\n    fieldProps.children = children;\n  }\n\n  const state = useField_unstable(fieldProps, ref);\n  useFieldStyles_unstable(state);\n  const context = useFieldContextValues_unstable(state);\n  return renderField_unstable(state, context);\n});\n\nFormFieldShim.displayName = 'FormFieldShim';\n"],"names":["renderField_unstable","useFieldContextValues_unstable","useFieldStyles_unstable","useField_unstable","React","FormFieldShim","forwardRef","props","ref","errorMessage","required","control","label","fieldProps","error","validationState","validationMessage","content","children","isValidElement","child","fieldControlProps","cloneElement","state","context","displayName"],"mappings":"AAAA,SAEEA,oBAAoB,EACpBC,8BAA8B,EAC9BC,uBAAuB,EACvBC,iBAAiB,QACZ,6BAA6B;AAGpC,YAAYC,WAAW,QAAQ;AAoC/B,OAAO,MAAMC,8BAAgBD,MAAME,UAAU,CAA0C,CAACC,OAAOC,MAAQ;IACrG,MAAM,EAAEC,aAAY,EAAEC,SAAQ,EAAEC,QAAO,EAAEC,MAAK,EAAE,GAAGL;IACnD,MAAMM,aAAyB;QAAEH;IAAS;IAE1C,IAAID,gBAAgBE,CAAAA,oBAAAA,qBAAAA,KAAAA,IAAAA,QAASG,KAAK,AAAD,MAAM,QAAQ;QAC7CD,WAAWE,eAAe,GAAG;QAC7B,IAAI,OAAON,iBAAiB,UAAU;YACpCI,WAAWG,iBAAiB,GAAGP,aAAaQ,OAAO;QACrD,CAAC;QACD,IAAI,OAAOR,iBAAiB,UAAU;YACpCI,WAAWG,iBAAiB,GAAGP;QACjC,CAAC;IACH,CAAC;IAED,IAAIG,OAAO;QACT,IAAI,OAAOA,UAAU,UAAU;YAC7BC,WAAWD,KAAK,GAAGA,MAAMK,OAAO;QAClC,OAAO;YACLJ,WAAWD,KAAK,GAAGA;QACrB,CAAC;IACH,CAAC;IAED,MAAMM,WAAmCX,MAAMW,QAAQ,IAAIP,CAAAA,oBAAAA,qBAAAA,KAAAA,IAAAA,QAASM,OAAO,AAAD;IAE1E,kBAAIb,MAAMe,cAAc,CAACD,WAAW;QAClC,MAAME,QAA4BF;QAElC,qFAAqF;QACrFL,WAAWK,QAAQ,GAAGG,CAAAA,kCAAqBjB,MAAMkB,YAAY,CAACF,OAAO;gBAAE,GAAGC,iBAAiB;gBAAE,GAAGD,MAAMb,KAAK;YAAC;IAC9G,OAAO;QACLM,WAAWK,QAAQ,GAAGA;IACxB,CAAC;IAED,MAAMK,QAAQpB,kBAAkBU,YAAYL;IAC5CN,wBAAwBqB;IACxB,MAAMC,UAAUvB,+BAA+BsB;IAC/C,OAAOvB,qBAAqBuB,OAAOC;AACrC,GAAG;AAEHnB,cAAcoB,WAAW,GAAG"}

package/lib/components/FormField/index.js

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

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

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

package/lib/components/Grid/Grid.mixins.js

@@ -1,15 +1,14 @@
-const getCSSTemplateValue = template => {
-  const templateAsNumber = Number(template);
-  return !isNaN(templateAsNumber) && templateAsNumber > 0 ? `repeat(${template}, 1fr)` : String(template);
+const getCSSTemplateValue = (template)=>{
+    const templateAsNumber = Number(template);
+    return !isNaN(templateAsNumber) && templateAsNumber > 0 ? `repeat(${template}, 1fr)` : String(template);
 };
-const columns = template => ({
-  gridTemplateColumns: getCSSTemplateValue(template)
-});
-const rows = template => ({
-  gridTemplateRows: getCSSTemplateValue(template)
-});
+const columns = (template)=>({
+        gridTemplateColumns: getCSSTemplateValue(template)
+    });
+const rows = (template)=>({
+        gridTemplateRows: getCSSTemplateValue(template)
+    });
 export const grid = {
-  columns,
-  rows
+    columns,
+    rows
 };
-//# sourceMappingURL=Grid.mixins.js.map

package/lib/components/Grid/Grid.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["getCSSTemplateValue","template","templateAsNumber","Number","isNaN","String","columns","gridTemplateColumns","rows","gridTemplateRows","grid"],"sources":["../../../src/components/Grid/Grid.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\n\nconst getCSSTemplateValue = (template: string | number): string => {\n  const templateAsNumber = Number(template);\n\n  return !isNaN(templateAsNumber) && templateAsNumber > 0 ? `repeat(${template}, 1fr)` : String(template);\n};\n\nconst columns = (template: string): GriffelStyle => ({\n  gridTemplateColumns: getCSSTemplateValue(template),\n});\n\nconst rows = (template: string): GriffelStyle => ({\n  gridTemplateRows: getCSSTemplateValue(template),\n});\n\nexport const grid = {\n  columns,\n  rows,\n};\n"],"mappings":"AAEA,MAAMA,mBAAA,GAAuBC,QAAA,IAAsC;EACjE,MAAMC,gBAAA,GAAmBC,MAAA,CAAOF,QAAA;EAEhC,OAAO,CAACG,KAAA,CAAMF,gBAAA,KAAqBA,gBAAA,GAAmB,IAAK,UAASD,QAAS,QAAO,GAAGI,MAAA,CAAOJ,QAAA,CAAS;AACzG;AAEA,MAAMK,OAAA,GAAWL,QAAA,KAAoC;EACnDM,mBAAA,EAAqBP,mBAAA,CAAoBC,QAAA;AAC3C;AAEA,MAAMO,IAAA,GAAQP,QAAA,KAAoC;EAChDQ,gBAAA,EAAkBT,mBAAA,CAAoBC,QAAA;AACxC;AAEA,OAAO,MAAMS,IAAA,GAAO;EAClBJ,OAAA;EACAE;AACF"}
+{"version":3,"sources":["Grid.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\n\nconst getCSSTemplateValue = (template: string | number): string => {\n  const templateAsNumber = Number(template);\n\n  return !isNaN(templateAsNumber) && templateAsNumber > 0 ? `repeat(${template}, 1fr)` : String(template);\n};\n\nconst columns = (template: string): GriffelStyle => ({\n  gridTemplateColumns: getCSSTemplateValue(template),\n});\n\nconst rows = (template: string): GriffelStyle => ({\n  gridTemplateRows: getCSSTemplateValue(template),\n});\n\nexport const grid = {\n  columns,\n  rows,\n};\n"],"names":["getCSSTemplateValue","template","templateAsNumber","Number","isNaN","String","columns","gridTemplateColumns","rows","gridTemplateRows","grid"],"mappings":"AAEA,MAAMA,sBAAsB,CAACC,WAAsC;IACjE,MAAMC,mBAAmBC,OAAOF;IAEhC,OAAO,CAACG,MAAMF,qBAAqBA,mBAAmB,IAAI,CAAC,OAAO,EAAED,SAAS,MAAM,CAAC,GAAGI,OAAOJ,SAAS;AACzG;AAEA,MAAMK,UAAU,CAACL,WAAoC,CAAA;QACnDM,qBAAqBP,oBAAoBC;IAC3C,CAAA;AAEA,MAAMO,OAAO,CAACP,WAAoC,CAAA;QAChDQ,kBAAkBT,oBAAoBC;IACxC,CAAA;AAEA,OAAO,MAAMS,OAAO;IAClBJ;IACAE;AACF,EAAE"}

package/lib/components/Grid/Grid.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","useGridStyles","grid","mc9l5x","Brf1p80","onlyRows","Bxotwcr","rows1","wkccdc","rows2","rows3","columns1","Budl1dq","columns2","columns3","columnsDefault","d"],"sources":["../../../src/components/Grid/Grid.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useGridStyles = makeStyles({\n  grid: {\n    display: 'grid',\n    justifyContent: 'space-evenly',\n  },\n  onlyRows: {\n    gridAutoFlow: 'column',\n  },\n  rows1: {\n    gridTemplateRows: 'repeat(1, 1fr)',\n  },\n  rows2: {\n    gridTemplateRows: 'repeat(2, 1fr)',\n  },\n  rows3: {\n    gridTemplateRows: 'repeat(3, 1fr)',\n  },\n  columns1: {\n    gridTemplateColumns: 'repeat(1, 1fr)',\n  },\n  columns2: {\n    gridTemplateColumns: 'repeat(2, 1fr)',\n  },\n  columns3: {\n    gridTemplateColumns: 'repeat(3, 1fr)',\n  },\n  columnsDefault: {\n    gridTemplateColumns: 'repeat(5, 1fr)',\n  },\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAE3B,OAAO,MAAMC,aAAA,gBAAgBD,QAAA;EAAAE,IAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAD,MAAA;EAAA;EAAAE,KAAA;IAAAF,MAAA;EAAA;EAAAG,QAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAD,OAAA;EAAA;EAAAE,QAAA;IAAAF,OAAA;EAAA;EAAAG,cAAA;IAAAH,OAAA;EAAA;AAAA;EAAAI,CAAA;AAAA,EA6B7B"}
+{"version":3,"names":["__styles","useGridStyles","grid","mc9l5x","Brf1p80","onlyRows","Bxotwcr","rows1","wkccdc","rows2","rows3","columns1","Budl1dq","columns2","columns3","columnsDefault","d"],"sources":["Grid.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useGridStyles = makeStyles({\n    grid: {\n        display: 'grid',\n        justifyContent: 'space-evenly'\n    },\n    onlyRows: {\n        gridAutoFlow: 'column'\n    },\n    rows1: {\n        gridTemplateRows: 'repeat(1, 1fr)'\n    },\n    rows2: {\n        gridTemplateRows: 'repeat(2, 1fr)'\n    },\n    rows3: {\n        gridTemplateRows: 'repeat(3, 1fr)'\n    },\n    columns1: {\n        gridTemplateColumns: 'repeat(1, 1fr)'\n    },\n    columns2: {\n        gridTemplateColumns: 'repeat(2, 1fr)'\n    },\n    columns3: {\n        gridTemplateColumns: 'repeat(3, 1fr)'\n    },\n    columnsDefault: {\n        gridTemplateColumns: 'repeat(5, 1fr)'\n    }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,OAAO,MAAMC,aAAa,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAD,MAAA;EAAA;EAAAE,KAAA;IAAAF,MAAA;EAAA;EAAAG,QAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAD,OAAA;EAAA;EAAAE,QAAA;IAAAF,OAAA;EAAA;EAAAG,cAAA;IAAAH,OAAA;EAAA;AAAA;EAAAI,CAAA;AAAA,CA6B5B,CAAC"}

package/lib/components/Grid/GridShim.js

@@ -2,32 +2,28 @@ import { mergeClasses } from '@fluentui/react-components';
 import * as React from 'react';
 import { useGridStyles } from './Grid.styles';
 export const gridShimClassName = 'fui-Grid';
-export const GridShim = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    rows,
-    columns,
-    className,
-    ...rest
-  } = props;
-  const classes = useGridStyles();
-  const classMaps = React.useMemo(() => ({
-    rowsClasses: {
-      1: classes.rows1,
-      2: classes.rows2,
-      3: classes.rows3
-    },
-    columnsClasses: {
-      1: classes.columns1,
-      2: classes.columns2,
-      3: classes.columns3
-    }
-  }), [classes]);
-  const gridClasses = mergeClasses(gridShimClassName, classes.grid, !rows && !columns && classes.columnsDefault, rows && !columns && classes.onlyRows, rows && classMaps.rowsClasses[rows], columns && classMaps.columnsClasses[columns], className);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: gridClasses,
-    ...rest
-  });
+export const GridShim = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const { rows , columns , className , ...rest } = props;
+    const classes = useGridStyles();
+    const classMaps = React.useMemo(()=>({
+            rowsClasses: {
+                1: classes.rows1,
+                2: classes.rows2,
+                3: classes.rows3
+            },
+            columnsClasses: {
+                1: classes.columns1,
+                2: classes.columns2,
+                3: classes.columns3
+            }
+        }), [
+        classes
+    ]);
+    const gridClasses = mergeClasses(gridShimClassName, classes.grid, !rows && !columns && classes.columnsDefault, rows && !columns && classes.onlyRows, rows && classMaps.rowsClasses[rows], columns && classMaps.columnsClasses[columns], className);
+    return /*#__PURE__*/ React.createElement("div", {
+        ref: ref,
+        className: gridClasses,
+        ...rest
+    });
 });
 GridShim.displayName = 'GridShim';
-//# sourceMappingURL=GridShim.js.map

package/lib/components/Grid/GridShim.js.map

@@ -1 +1 @@
-{"version":3,"names":["mergeClasses","React","useGridStyles","gridShimClassName","GridShim","forwardRef","props","ref","rows","columns","className","rest","classes","classMaps","useMemo","rowsClasses","rows1","rows2","rows3","columnsClasses","columns1","columns2","columns3","gridClasses","grid","columnsDefault","onlyRows","createElement","displayName"],"sources":["../../../src/components/Grid/GridShim.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useGridStyles } from './Grid.styles';\n\nexport interface GridShimProps {\n  /**\n   * The columns of the grid with a space-separated list of values.\n   * The values represent the track size, and the space between them represents the grid line.\n   */\n  columns?: 1 | 2 | 3;\n\n  /**\n   * The rows of the grid with a space-separated list of values.\n   * The values represent the track size, and the space between them represents the grid line.\n   */\n  rows?: 1 | 2 | 3;\n}\n\nexport const gridShimClassName = 'fui-Grid';\n\nexport const GridShim = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement> & GridShimProps>(\n  (props, ref) => {\n    const { rows, columns, className, ...rest } = props;\n    const classes = useGridStyles();\n\n    const classMaps = React.useMemo(\n      () => ({\n        rowsClasses: {\n          1: classes.rows1,\n          2: classes.rows2,\n          3: classes.rows3,\n        },\n        columnsClasses: {\n          1: classes.columns1,\n          2: classes.columns2,\n          3: classes.columns3,\n        },\n      }),\n      [classes],\n    );\n\n    const gridClasses = mergeClasses(\n      gridShimClassName,\n      classes.grid,\n      !rows && !columns && classes.columnsDefault,\n      rows && !columns && classes.onlyRows,\n      rows && classMaps.rowsClasses[rows],\n      columns && classMaps.columnsClasses[columns],\n      className,\n    );\n    return <div ref={ref} className={gridClasses} {...rest} />;\n  },\n);\n\nGridShim.displayName = 'GridShim';\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ;AAC7B,YAAYC,KAAA,MAAW;AACvB,SAASC,aAAa,QAAQ;AAgB9B,OAAO,MAAMC,iBAAA,GAAoB;AAEjC,OAAO,MAAMC,QAAA,gBAAWH,KAAA,CAAMI,UAAU,CACtC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACd,MAAM;IAAEC,IAAA;IAAMC,OAAA;IAASC,SAAA;IAAW,GAAGC;EAAA,CAAM,GAAGL,KAAA;EAC9C,MAAMM,OAAA,GAAUV,aAAA;EAEhB,MAAMW,SAAA,GAAYZ,KAAA,CAAMa,OAAO,CAC7B,OAAO;IACLC,WAAA,EAAa;MACX,GAAGH,OAAA,CAAQI,KAAK;MAChB,GAAGJ,OAAA,CAAQK,KAAK;MAChB,GAAGL,OAAA,CAAQM;IACb;IACAC,cAAA,EAAgB;MACd,GAAGP,OAAA,CAAQQ,QAAQ;MACnB,GAAGR,OAAA,CAAQS,QAAQ;MACnB,GAAGT,OAAA,CAAQU;IACb;EACF,IACA,CAACV,OAAA,CAAQ;EAGX,MAAMW,WAAA,GAAcvB,YAAA,CAClBG,iBAAA,EACAS,OAAA,CAAQY,IAAI,EACZ,CAAChB,IAAA,IAAQ,CAACC,OAAA,IAAWG,OAAA,CAAQa,cAAc,EAC3CjB,IAAA,IAAQ,CAACC,OAAA,IAAWG,OAAA,CAAQc,QAAQ,EACpClB,IAAA,IAAQK,SAAA,CAAUE,WAAW,CAACP,IAAA,CAAK,EACnCC,OAAA,IAAWI,SAAA,CAAUM,cAAc,CAACV,OAAA,CAAQ,EAC5CC,SAAA;EAEF,oBAAOT,KAAA,CAAA0B,aAAA,CAAC;IAAIpB,GAAA,EAAKA,GAAA;IAAKG,SAAA,EAAWa,WAAA;IAAc,GAAGZ;;AACpD;AAGFP,QAAA,CAASwB,WAAW,GAAG"}
+{"version":3,"sources":["GridShim.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useGridStyles } from './Grid.styles';\n\nexport interface GridShimProps {\n  /**\n   * The columns of the grid with a space-separated list of values.\n   * The values represent the track size, and the space between them represents the grid line.\n   */\n  columns?: 1 | 2 | 3;\n\n  /**\n   * The rows of the grid with a space-separated list of values.\n   * The values represent the track size, and the space between them represents the grid line.\n   */\n  rows?: 1 | 2 | 3;\n}\n\nexport const gridShimClassName = 'fui-Grid';\n\nexport const GridShim = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement> & GridShimProps>(\n  (props, ref) => {\n    const { rows, columns, className, ...rest } = props;\n    const classes = useGridStyles();\n\n    const classMaps = React.useMemo(\n      () => ({\n        rowsClasses: {\n          1: classes.rows1,\n          2: classes.rows2,\n          3: classes.rows3,\n        },\n        columnsClasses: {\n          1: classes.columns1,\n          2: classes.columns2,\n          3: classes.columns3,\n        },\n      }),\n      [classes],\n    );\n\n    const gridClasses = mergeClasses(\n      gridShimClassName,\n      classes.grid,\n      !rows && !columns && classes.columnsDefault,\n      rows && !columns && classes.onlyRows,\n      rows && classMaps.rowsClasses[rows],\n      columns && classMaps.columnsClasses[columns],\n      className,\n    );\n    return <div ref={ref} className={gridClasses} {...rest} />;\n  },\n);\n\nGridShim.displayName = 'GridShim';\n"],"names":["mergeClasses","React","useGridStyles","gridShimClassName","GridShim","forwardRef","props","ref","rows","columns","className","rest","classes","classMaps","useMemo","rowsClasses","rows1","rows2","rows3","columnsClasses","columns1","columns2","columns3","gridClasses","grid","columnsDefault","onlyRows","div","displayName"],"mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,gBAAgB;AAgB9C,OAAO,MAAMC,oBAAoB,WAAW;AAE5C,OAAO,MAAMC,yBAAWH,MAAMI,UAAU,CACtC,CAACC,OAAOC,MAAQ;IACd,MAAM,EAAEC,KAAI,EAAEC,QAAO,EAAEC,UAAS,EAAE,GAAGC,MAAM,GAAGL;IAC9C,MAAMM,UAAUV;IAEhB,MAAMW,YAAYZ,MAAMa,OAAO,CAC7B,IAAO,CAAA;YACLC,aAAa;gBACX,GAAGH,QAAQI,KAAK;gBAChB,GAAGJ,QAAQK,KAAK;gBAChB,GAAGL,QAAQM,KAAK;YAClB;YACAC,gBAAgB;gBACd,GAAGP,QAAQQ,QAAQ;gBACnB,GAAGR,QAAQS,QAAQ;gBACnB,GAAGT,QAAQU,QAAQ;YACrB;QACF,CAAA,GACA;QAACV;KAAQ;IAGX,MAAMW,cAAcvB,aAClBG,mBACAS,QAAQY,IAAI,EACZ,CAAChB,QAAQ,CAACC,WAAWG,QAAQa,cAAc,EAC3CjB,QAAQ,CAACC,WAAWG,QAAQc,QAAQ,EACpClB,QAAQK,UAAUE,WAAW,CAACP,KAAK,EACnCC,WAAWI,UAAUM,cAAc,CAACV,QAAQ,EAC5CC;IAEF,qBAAO,oBAACiB;QAAIpB,KAAKA;QAAKG,WAAWa;QAAc,GAAGZ,IAAI;;AACxD,GACA;AAEFP,SAASwB,WAAW,GAAG"}

package/lib/components/Grid/index.js

@@ -1,4 +1,3 @@
 export { GridShim, gridShimClassName as gridClassName } from './GridShim';
 export { useGridStyles } from './Grid.styles';
 export { grid } from './Grid.mixins';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["GridShim","gridShimClassName","gridClassName","useGridStyles","grid"],"sources":["../../../src/components/Grid/index.ts"],"sourcesContent":["export { GridShim, gridShimClassName as gridClassName } from './GridShim';\nexport type { GridShimProps } from './GridShim';\nexport { useGridStyles } from './Grid.styles';\nexport { grid } from './Grid.mixins';\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,iBAAA,IAAqBC,aAAa,QAAQ;AAE7D,SAASC,aAAa,QAAQ;AAC9B,SAASC,IAAI,QAAQ"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { GridShim, gridShimClassName as gridClassName } from './GridShim';\nexport type { GridShimProps } from './GridShim';\nexport { useGridStyles } from './Grid.styles';\nexport { grid } from './Grid.mixins';\n"],"names":["GridShim","gridShimClassName","gridClassName","useGridStyles","grid"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,qBAAqBC,aAAa,QAAQ,aAAa;AAE1E,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,IAAI,QAAQ,gBAAgB"}

package/lib/components/Input/Input.mixins.js

@@ -1,20 +1,19 @@
 import { shorthands, tokens } from '@fluentui/react-components';
-const fluid = () => ({
-  width: '100%'
-});
-const error = () => ({
-  ...shorthands.border('1px', 'solid', tokens.colorPaletteRedBorderActive)
-});
-const errorIndicator = () => ({
-  color: tokens.colorPaletteRedBorderActive
-});
-const successIndicator = () => ({
-  color: tokens.colorPaletteGreenForeground1
-});
+const fluid = ()=>({
+        width: '100%'
+    });
+const error = ()=>({
+        ...shorthands.border('1px', 'solid', tokens.colorPaletteRedBorderActive)
+    });
+const errorIndicator = ()=>({
+        color: tokens.colorPaletteRedBorderActive
+    });
+const successIndicator = ()=>({
+        color: tokens.colorPaletteGreenForeground1
+    });
 export const input = {
-  error,
-  errorIndicator,
-  fluid,
-  successIndicator
+    error,
+    errorIndicator,
+    fluid,
+    successIndicator
 };
-//# sourceMappingURL=Input.mixins.js.map

package/lib/components/Input/Input.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["shorthands","tokens","fluid","width","error","border","colorPaletteRedBorderActive","errorIndicator","color","successIndicator","colorPaletteGreenForeground1","input"],"sources":["../../../src/components/Input/Input.mixins.ts"],"sourcesContent":["import { GriffelStyle, shorthands, tokens } from '@fluentui/react-components';\n\nconst fluid = (): GriffelStyle => ({ width: '100%' });\n\nconst error = (): GriffelStyle => ({\n  ...shorthands.border('1px', 'solid', tokens.colorPaletteRedBorderActive),\n});\n\nconst errorIndicator = (): GriffelStyle => ({\n  color: tokens.colorPaletteRedBorderActive,\n});\n\nconst successIndicator = (): GriffelStyle => ({\n  color: tokens.colorPaletteGreenForeground1,\n});\n\nexport const input = {\n  error,\n  errorIndicator,\n  fluid,\n  successIndicator,\n};\n"],"mappings":"AAAA,SAAuBA,UAAU,EAAEC,MAAM,QAAQ;AAEjD,MAAMC,KAAA,GAAQA,CAAA,MAAqB;EAAEC,KAAA,EAAO;AAAO;AAEnD,MAAMC,KAAA,GAAQA,CAAA,MAAqB;EACjC,GAAGJ,UAAA,CAAWK,MAAM,CAAC,OAAO,SAASJ,MAAA,CAAOK,2BAA2B;AACzE;AAEA,MAAMC,cAAA,GAAiBA,CAAA,MAAqB;EAC1CC,KAAA,EAAOP,MAAA,CAAOK;AAChB;AAEA,MAAMG,gBAAA,GAAmBA,CAAA,MAAqB;EAC5CD,KAAA,EAAOP,MAAA,CAAOS;AAChB;AAEA,OAAO,MAAMC,KAAA,GAAQ;EACnBP,KAAA;EACAG,cAAA;EACAL,KAAA;EACAO;AACF"}
+{"version":3,"sources":["Input.mixins.ts"],"sourcesContent":["import { GriffelStyle, shorthands, tokens } from '@fluentui/react-components';\n\nconst fluid = (): GriffelStyle => ({ width: '100%' });\n\nconst error = (): GriffelStyle => ({\n  ...shorthands.border('1px', 'solid', tokens.colorPaletteRedBorderActive),\n});\n\nconst errorIndicator = (): GriffelStyle => ({\n  color: tokens.colorPaletteRedBorderActive,\n});\n\nconst successIndicator = (): GriffelStyle => ({\n  color: tokens.colorPaletteGreenForeground1,\n});\n\nexport const input = {\n  error,\n  errorIndicator,\n  fluid,\n  successIndicator,\n};\n"],"names":["shorthands","tokens","fluid","width","error","border","colorPaletteRedBorderActive","errorIndicator","color","successIndicator","colorPaletteGreenForeground1","input"],"mappings":"AAAA,SAAuBA,UAAU,EAAEC,MAAM,QAAQ,6BAA6B;AAE9E,MAAMC,QAAQ,IAAqB,CAAA;QAAEC,OAAO;IAAO,CAAA;AAEnD,MAAMC,QAAQ,IAAqB,CAAA;QACjC,GAAGJ,WAAWK,MAAM,CAAC,OAAO,SAASJ,OAAOK,2BAA2B,CAAC;IAC1E,CAAA;AAEA,MAAMC,iBAAiB,IAAqB,CAAA;QAC1CC,OAAOP,OAAOK,2BAA2B;IAC3C,CAAA;AAEA,MAAMG,mBAAmB,IAAqB,CAAA;QAC5CD,OAAOP,OAAOS,4BAA4B;IAC5C,CAAA;AAEA,OAAO,MAAMC,QAAQ;IACnBP;IACAG;IACAL;IACAO;AACF,EAAE"}

package/lib/components/Input/index.js

@@ -1,2 +1 @@
 export { input } from './Input.mixins';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["input"],"sources":["../../../src/components/Input/index.ts"],"sourcesContent":["export { input } from './Input.mixins';\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { input } from './Input.mixins';\n"],"names":["input"],"mappings":"AAAA,SAASA,KAAK,QAAQ,iBAAiB"}

package/lib/components/ItemLayout/ItemLayout.js

@@ -1,58 +1,54 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import * as React from 'react';
 import { mergeClasses } from '@fluentui/react-components';
 import { getNativeElementProps, getSlotsNext, resolveShorthand } from '@fluentui/react-utilities';
 import { useItemLayoutStyles } from './ItemLayout.styles';
 export const itemLayoutClassName = 'fui-ItemLayout';
-export const ItemLayout = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = {
-    components: {
-      root: 'div',
-      contentWrapper: 'div',
-      contentMedia: 'div',
-      header: 'div',
-      headerMedia: 'div',
-      startMedia: 'div',
-      endMedia: 'div'
-    },
-    root: getNativeElementProps('div', {
-      ...props,
-      ref
-    }),
-    contentMedia: resolveShorthand(props.contentMedia),
-    contentWrapper: resolveShorthand(props.contentWrapper, {
-      required: true
-    }),
-    header: resolveShorthand(props.header),
-    headerMedia: resolveShorthand(props.headerMedia),
-    startMedia: resolveShorthand(props.startMedia),
-    endMedia: resolveShorthand(props.endMedia)
-  };
-  const styles = useItemLayoutStyles();
-  state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);
-  if (state.contentWrapper) {
-    state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.contentWrapper.className);
-  }
-  if (state.contentMedia) {
-    state.contentMedia.className = mergeClasses(styles.contentMedia, state.contentMedia.className);
-  }
-  if (state.header) {
-    state.header.className = mergeClasses(styles.header, state.header.className);
-  }
-  if (state.headerMedia) {
-    state.headerMedia.className = mergeClasses(styles.headerMedia, state.headerMedia.className);
-  }
-  if (state.startMedia) {
-    state.startMedia.className = mergeClasses(styles.startMedia, state.startMedia.className);
-  }
-  if (state.endMedia) {
-    state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);
-  }
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(slots.root, slotProps.root, slots.startMedia && /*#__PURE__*/createElement(slots.startMedia, slotProps.startMedia), slots.header && /*#__PURE__*/createElement(slots.header, slotProps.header), slots.headerMedia && /*#__PURE__*/createElement(slots.headerMedia, slotProps.headerMedia), slots.contentWrapper && /*#__PURE__*/createElement(slots.contentWrapper, slotProps.contentWrapper, state.root.children), slots.contentMedia && /*#__PURE__*/createElement(slots.contentMedia, slotProps.contentMedia), slots.endMedia && /*#__PURE__*/createElement(slots.endMedia, slotProps.endMedia));
+export const ItemLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = {
+        components: {
+            root: 'div',
+            contentWrapper: 'div',
+            contentMedia: 'div',
+            header: 'div',
+            headerMedia: 'div',
+            startMedia: 'div',
+            endMedia: 'div'
+        },
+        root: getNativeElementProps('div', {
+            ...props,
+            ref
+        }),
+        contentMedia: resolveShorthand(props.contentMedia),
+        contentWrapper: resolveShorthand(props.contentWrapper, {
+            required: true
+        }),
+        header: resolveShorthand(props.header),
+        headerMedia: resolveShorthand(props.headerMedia),
+        startMedia: resolveShorthand(props.startMedia),
+        endMedia: resolveShorthand(props.endMedia)
+    };
+    const styles = useItemLayoutStyles();
+    state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);
+    if (state.contentWrapper) {
+        state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.contentWrapper.className);
+    }
+    if (state.contentMedia) {
+        state.contentMedia.className = mergeClasses(styles.contentMedia, state.contentMedia.className);
+    }
+    if (state.header) {
+        state.header.className = mergeClasses(styles.header, state.header.className);
+    }
+    if (state.headerMedia) {
+        state.headerMedia.className = mergeClasses(styles.headerMedia, state.headerMedia.className);
+    }
+    if (state.startMedia) {
+        state.startMedia.className = mergeClasses(styles.startMedia, state.startMedia.className);
+    }
+    if (state.endMedia) {
+        state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);
+    }
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.startMedia && /*#__PURE__*/ createElement(slots.startMedia, slotProps.startMedia), slots.header && /*#__PURE__*/ createElement(slots.header, slotProps.header), slots.headerMedia && /*#__PURE__*/ createElement(slots.headerMedia, slotProps.headerMedia), slots.contentWrapper && /*#__PURE__*/ createElement(slots.contentWrapper, slotProps.contentWrapper, state.root.children), slots.contentMedia && /*#__PURE__*/ createElement(slots.contentMedia, slotProps.contentMedia), slots.endMedia && /*#__PURE__*/ createElement(slots.endMedia, slotProps.endMedia));
 });
 ItemLayout.displayName = 'ItemLayout';
-//# sourceMappingURL=ItemLayout.js.map

package/lib/components/ItemLayout/ItemLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["createElement","React","mergeClasses","getNativeElementProps","getSlotsNext","resolveShorthand","useItemLayoutStyles","itemLayoutClassName","ItemLayout","forwardRef","props","ref","state","components","root","contentWrapper","contentMedia","header","headerMedia","startMedia","endMedia","required","styles","className","slots","slotProps","children","displayName"],"sources":["../../../src/components/ItemLayout/ItemLayout.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport {\n  ComponentProps,\n  ComponentState,\n  getNativeElementProps,\n  getSlotsNext,\n  Slot,\n  resolveShorthand,\n} from '@fluentui/react-utilities';\n\nimport { useItemLayoutStyles } from './ItemLayout.styles';\n\ntype ItemLayoutSlots = {\n  root: Slot<'div'>;\n\n  contentMedia?: Slot<'div'>;\n  contentWrapper?: Slot<'div'>;\n\n  header?: Slot<'div'>;\n  headerMedia?: Slot<'div'>;\n\n  startMedia?: Slot<'div'>;\n  endMedia?: Slot<'div'>;\n};\n\ntype ItemLayoutProps = ComponentProps<ItemLayoutSlots>;\n\ntype ItemLayoutState = ComponentState<ItemLayoutSlots>;\n\nexport const itemLayoutClassName = 'fui-ItemLayout';\n\nexport const ItemLayout = React.forwardRef<HTMLDivElement, ItemLayoutProps>((props, ref) => {\n  const state: ItemLayoutState = {\n    components: {\n      root: 'div',\n      contentWrapper: 'div',\n      contentMedia: 'div',\n      header: 'div',\n      headerMedia: 'div',\n      startMedia: 'div',\n      endMedia: 'div',\n    },\n    root: getNativeElementProps('div', { ...props, ref }),\n    contentMedia: resolveShorthand(props.contentMedia),\n    contentWrapper: resolveShorthand(props.contentWrapper, {\n      required: true,\n    }),\n    header: resolveShorthand(props.header),\n    headerMedia: resolveShorthand(props.headerMedia),\n    startMedia: resolveShorthand(props.startMedia),\n    endMedia: resolveShorthand(props.endMedia),\n  };\n  const styles = useItemLayoutStyles();\n\n  state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);\n  if (state.contentWrapper) {\n    state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.contentWrapper.className);\n  }\n\n  if (state.contentMedia) {\n    state.contentMedia.className = mergeClasses(styles.contentMedia, state.contentMedia.className);\n  }\n\n  if (state.header) {\n    state.header.className = mergeClasses(styles.header, state.header.className);\n  }\n\n  if (state.headerMedia) {\n    state.headerMedia.className = mergeClasses(styles.headerMedia, state.headerMedia.className);\n  }\n\n  if (state.startMedia) {\n    state.startMedia.className = mergeClasses(styles.startMedia, state.startMedia.className);\n  }\n\n  if (state.endMedia) {\n    state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);\n  }\n\n  const { slots, slotProps } = getSlotsNext<ItemLayoutSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.startMedia && <slots.startMedia {...slotProps.startMedia} />}\n\n      {slots.header && <slots.header {...slotProps.header} />}\n      {slots.headerMedia && <slots.headerMedia {...slotProps.headerMedia} />}\n      {slots.contentWrapper && (\n        <slots.contentWrapper {...slotProps.contentWrapper}>{state.root.children}</slots.contentWrapper>\n      )}\n      {slots.contentMedia && <slots.contentMedia {...slotProps.contentMedia} />}\n\n      {slots.endMedia && <slots.endMedia {...slotProps.endMedia} />}\n    </slots.root>\n  );\n});\n\nItemLayout.displayName = 'ItemLayout';\n"],"mappings":"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"}
+{"version":3,"sources":["ItemLayout.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport {\n  ComponentProps,\n  ComponentState,\n  getNativeElementProps,\n  getSlotsNext,\n  Slot,\n  resolveShorthand,\n} from '@fluentui/react-utilities';\n\nimport { useItemLayoutStyles } from './ItemLayout.styles';\n\ntype ItemLayoutSlots = {\n  root: Slot<'div'>;\n\n  contentMedia?: Slot<'div'>;\n  contentWrapper?: Slot<'div'>;\n\n  header?: Slot<'div'>;\n  headerMedia?: Slot<'div'>;\n\n  startMedia?: Slot<'div'>;\n  endMedia?: Slot<'div'>;\n};\n\ntype ItemLayoutProps = ComponentProps<ItemLayoutSlots>;\n\ntype ItemLayoutState = ComponentState<ItemLayoutSlots>;\n\nexport const itemLayoutClassName = 'fui-ItemLayout';\n\nexport const ItemLayout = React.forwardRef<HTMLDivElement, ItemLayoutProps>((props, ref) => {\n  const state: ItemLayoutState = {\n    components: {\n      root: 'div',\n      contentWrapper: 'div',\n      contentMedia: 'div',\n      header: 'div',\n      headerMedia: 'div',\n      startMedia: 'div',\n      endMedia: 'div',\n    },\n    root: getNativeElementProps('div', { ...props, ref }),\n    contentMedia: resolveShorthand(props.contentMedia),\n    contentWrapper: resolveShorthand(props.contentWrapper, {\n      required: true,\n    }),\n    header: resolveShorthand(props.header),\n    headerMedia: resolveShorthand(props.headerMedia),\n    startMedia: resolveShorthand(props.startMedia),\n    endMedia: resolveShorthand(props.endMedia),\n  };\n  const styles = useItemLayoutStyles();\n\n  state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);\n  if (state.contentWrapper) {\n    state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.contentWrapper.className);\n  }\n\n  if (state.contentMedia) {\n    state.contentMedia.className = mergeClasses(styles.contentMedia, state.contentMedia.className);\n  }\n\n  if (state.header) {\n    state.header.className = mergeClasses(styles.header, state.header.className);\n  }\n\n  if (state.headerMedia) {\n    state.headerMedia.className = mergeClasses(styles.headerMedia, state.headerMedia.className);\n  }\n\n  if (state.startMedia) {\n    state.startMedia.className = mergeClasses(styles.startMedia, state.startMedia.className);\n  }\n\n  if (state.endMedia) {\n    state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);\n  }\n\n  const { slots, slotProps } = getSlotsNext<ItemLayoutSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.startMedia && <slots.startMedia {...slotProps.startMedia} />}\n\n      {slots.header && <slots.header {...slotProps.header} />}\n      {slots.headerMedia && <slots.headerMedia {...slotProps.headerMedia} />}\n      {slots.contentWrapper && (\n        <slots.contentWrapper {...slotProps.contentWrapper}>{state.root.children}</slots.contentWrapper>\n      )}\n      {slots.contentMedia && <slots.contentMedia {...slotProps.contentMedia} />}\n\n      {slots.endMedia && <slots.endMedia {...slotProps.endMedia} />}\n    </slots.root>\n  );\n});\n\nItemLayout.displayName = 'ItemLayout';\n"],"names":["createElement","React","mergeClasses","getNativeElementProps","getSlotsNext","resolveShorthand","useItemLayoutStyles","itemLayoutClassName","ItemLayout","forwardRef","props","ref","state","components","root","contentWrapper","contentMedia","header","headerMedia","startMedia","endMedia","required","styles","className","slots","slotProps","children","displayName"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,YAAYC,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAGEC,qBAAqB,EACrBC,YAAY,EAEZC,gBAAgB,QACX,4BAA4B;AAEnC,SAASC,mBAAmB,QAAQ,sBAAsB;AAmB1D,OAAO,MAAMC,sBAAsB,iBAAiB;AAEpD,OAAO,MAAMC,2BAAaP,MAAMQ,UAAU,CAAkC,CAACC,OAAOC,MAAQ;IAC1F,MAAMC,QAAyB;QAC7BC,YAAY;YACVC,MAAM;YACNC,gBAAgB;YAChBC,cAAc;YACdC,QAAQ;YACRC,aAAa;YACbC,YAAY;YACZC,UAAU;QACZ;QACAN,MAAMX,sBAAsB,OAAO;YAAE,GAAGO,KAAK;YAAEC;QAAI;QACnDK,cAAcX,iBAAiBK,MAAMM,YAAY;QACjDD,gBAAgBV,iBAAiBK,MAAMK,cAAc,EAAE;YACrDM,UAAU,IAAI;QAChB;QACAJ,QAAQZ,iBAAiBK,MAAMO,MAAM;QACrCC,aAAab,iBAAiBK,MAAMQ,WAAW;QAC/CC,YAAYd,iBAAiBK,MAAMS,UAAU;QAC7CC,UAAUf,iBAAiBK,MAAMU,QAAQ;IAC3C;IACA,MAAME,SAAShB;IAEfM,MAAME,IAAI,CAACS,SAAS,GAAGrB,aAAaK,qBAAqBe,OAAOR,IAAI,EAAEF,MAAME,IAAI,CAACS,SAAS;IAC1F,IAAIX,MAAMG,cAAc,EAAE;QACxBH,MAAMG,cAAc,CAACQ,SAAS,GAAGrB,aAAaoB,OAAOP,cAAc,EAAEH,MAAMG,cAAc,CAACQ,SAAS;IACrG,CAAC;IAED,IAAIX,MAAMI,YAAY,EAAE;QACtBJ,MAAMI,YAAY,CAACO,SAAS,GAAGrB,aAAaoB,OAAON,YAAY,EAAEJ,MAAMI,YAAY,CAACO,SAAS;IAC/F,CAAC;IAED,IAAIX,MAAMK,MAAM,EAAE;QAChBL,MAAMK,MAAM,CAACM,SAAS,GAAGrB,aAAaoB,OAAOL,MAAM,EAAEL,MAAMK,MAAM,CAACM,SAAS;IAC7E,CAAC;IAED,IAAIX,MAAMM,WAAW,EAAE;QACrBN,MAAMM,WAAW,CAACK,SAAS,GAAGrB,aAAaoB,OAAOJ,WAAW,EAAEN,MAAMM,WAAW,CAACK,SAAS;IAC5F,CAAC;IAED,IAAIX,MAAMO,UAAU,EAAE;QACpBP,MAAMO,UAAU,CAACI,SAAS,GAAGrB,aAAaoB,OAAOH,UAAU,EAAEP,MAAMO,UAAU,CAACI,SAAS;IACzF,CAAC;IAED,IAAIX,MAAMQ,QAAQ,EAAE;QAClBR,MAAMQ,QAAQ,CAACG,SAAS,GAAGrB,aAAaoB,OAAOF,QAAQ,EAAER,MAAMQ,QAAQ,CAACG,SAAS;IACnF,CAAC;IAED,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGrB,aAA8BQ;IAE3D,qBACE,AAtFJ,cAsFKY,MAAMV,IAAI,EAAKW,UAAUX,IAAI,EAC3BU,MAAML,UAAU,kBAAI,AAvF3B,cAuF4BK,MAAML,UAAU,EAAKM,UAAUN,UAAU,GAE9DK,MAAMP,MAAM,kBAAI,AAzFvB,cAyFwBO,MAAMP,MAAM,EAAKQ,UAAUR,MAAM,GAClDO,MAAMN,WAAW,kBAAI,AA1F5B,cA0F6BM,MAAMN,WAAW,EAAKO,UAAUP,WAAW,GACjEM,MAAMT,cAAc,kBACnB,AA5FR,cA4FSS,MAAMT,cAAc,EAAKU,UAAUV,cAAc,EAAGH,MAAME,IAAI,CAACY,QAAQ,GAEzEF,MAAMR,YAAY,kBAAI,AA9F7B,cA8F8BQ,MAAMR,YAAY,EAAKS,UAAUT,YAAY,GAEpEQ,MAAMJ,QAAQ,kBAAI,AAhGzB,cAgG0BI,MAAMJ,QAAQ,EAAKK,UAAUL,QAAQ;AAG/D,GAAG;AAEHZ,WAAWmB,WAAW,GAAG"}

package/lib/components/ItemLayout/ItemLayout.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","useItemLayoutStyles","root","mc9l5x","Budl1dq","sshi5w","contentMedia","qb2dma","Br312pm","Bw0ie65","Ijaq50","nk6f5a","Be2twd7","Bg96gwp","contentWrapper","t21cq0","header","headerMedia","startMedia","endMedia","d"],"sources":["../../../src/components/ItemLayout/ItemLayout.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useItemLayoutStyles = makeStyles({\n  root: {\n    display: 'grid',\n    gridTemplateColumns: 'auto 1fr auto auto',\n    minHeight: '48px',\n  },\n  contentMedia: {\n    alignSelf: 'start',\n    gridColumnStart: 3,\n    gridColumnEnd: 4,\n    gridRowStart: 2,\n    gridRowEnd: 3,\n    fontSize: '12px',\n    lineHeight: 1.3333,\n  },\n  contentWrapper: {\n    alignSelf: 'start',\n    gridColumnStart: 2,\n    gridColumnEnd: 3,\n    gridRowStart: 2,\n    gridRowEnd: 3,\n    marginRight: '8px',\n    fontSize: '12px',\n    lineHeight: 1.3333,\n  },\n  header: {\n    alignSelf: 'end',\n    gridColumnStart: 2,\n    gridColumnEnd: 3,\n    gridRowStart: 1,\n    gridRowEnd: 2,\n    fontSize: '14px',\n    marginRight: '8px',\n  },\n  headerMedia: {\n    alignSelf: 'end',\n    gridColumnStart: 3,\n    gridColumnEnd: 4,\n    gridRowStart: 1,\n    gridRowEnd: 2,\n    fontSize: '12px',\n    lineHeight: 1.3333,\n  },\n  startMedia: {\n    alignSelf: 'center',\n    gridColumnStart: 1,\n    gridColumnEnd: 2,\n    gridRowStart: 1,\n    gridRowEnd: 3,\n    marginRight: '8px',\n  },\n  endMedia: {\n    alignSelf: 'center',\n    gridColumnStart: 4,\n    gridColumnEnd: 5,\n    gridRowStart: 1,\n    gridRowEnd: 3,\n  },\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAE3B,OAAO,MAAMC,mBAAA,gBAAsBD,QAAA;EAAAE,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,cAAA;IAAAP,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAI,MAAA;IAAAH,OAAA;IAAAC,OAAA;EAAA;EAAAG,MAAA;IAAAT,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAG,MAAA;EAAA;EAAAE,WAAA;IAAAV,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAK,UAAA;IAAAX,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAI,MAAA;EAAA;EAAAI,QAAA;IAAAZ,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAS,CAAA;AAAA,EA0DnC"}
+{"version":3,"names":["__styles","useItemLayoutStyles","root","mc9l5x","Budl1dq","sshi5w","contentMedia","qb2dma","Br312pm","Bw0ie65","Ijaq50","nk6f5a","Be2twd7","Bg96gwp","contentWrapper","t21cq0","header","headerMedia","startMedia","endMedia","d"],"sources":["ItemLayout.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useItemLayoutStyles = makeStyles({\n    root: {\n        display: 'grid',\n        gridTemplateColumns: 'auto 1fr auto auto',\n        minHeight: '48px'\n    },\n    contentMedia: {\n        alignSelf: 'start',\n        gridColumnStart: 3,\n        gridColumnEnd: 4,\n        gridRowStart: 2,\n        gridRowEnd: 3,\n        fontSize: '12px',\n        lineHeight: 1.3333\n    },\n    contentWrapper: {\n        alignSelf: 'start',\n        gridColumnStart: 2,\n        gridColumnEnd: 3,\n        gridRowStart: 2,\n        gridRowEnd: 3,\n        marginRight: '8px',\n        fontSize: '12px',\n        lineHeight: 1.3333\n    },\n    header: {\n        alignSelf: 'end',\n        gridColumnStart: 2,\n        gridColumnEnd: 3,\n        gridRowStart: 1,\n        gridRowEnd: 2,\n        fontSize: '14px',\n        marginRight: '8px'\n    },\n    headerMedia: {\n        alignSelf: 'end',\n        gridColumnStart: 3,\n        gridColumnEnd: 4,\n        gridRowStart: 1,\n        gridRowEnd: 2,\n        fontSize: '12px',\n        lineHeight: 1.3333\n    },\n    startMedia: {\n        alignSelf: 'center',\n        gridColumnStart: 1,\n        gridColumnEnd: 2,\n        gridRowStart: 1,\n        gridRowEnd: 3,\n        marginRight: '8px'\n    },\n    endMedia: {\n        alignSelf: 'center',\n        gridColumnStart: 4,\n        gridColumnEnd: 5,\n        gridRowStart: 1,\n        gridRowEnd: 3\n    }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,OAAO,MAAMC,mBAAmB,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,cAAA;IAAAP,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAI,MAAA;IAAAH,OAAA;IAAAC,OAAA;EAAA;EAAAG,MAAA;IAAAT,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAG,MAAA;EAAA;EAAAE,WAAA;IAAAV,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAK,UAAA;IAAAX,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAI,MAAA;EAAA;EAAAI,QAAA;IAAAZ,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAS,CAAA;AAAA,CA0DlC,CAAC"}

package/lib/components/ItemLayout/index.js

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

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/ItemLayout/index.tsx"],"sourcesContent":["export * from './ItemLayout';\nexport * from './ItemLayout.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.tsx"],"sourcesContent":["export * from './ItemLayout';\nexport * from './ItemLayout.styles';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,sBAAsB"}

package/lib/components/Primitive/Primitive.js

@@ -1,19 +1,15 @@
 import * as React from 'react';
 import { mergeClasses } from '@fluentui/react-components';
 export const primitiveClassName = 'fui-Primitive';
-export const Primitive = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    as: Component = 'div',
-    ...rest
-  } = props;
-  const dir = typeof props.children === 'string' ? 'auto' : undefined;
-  const className = mergeClasses(primitiveClassName, props.className);
-  return /*#__PURE__*/React.createElement(Component, {
-    dir: dir,
-    ...rest,
-    className: className,
-    ref: ref
-  });
+export const Primitive = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const { as: Component = 'div' , ...rest } = props;
+    const dir = typeof props.children === 'string' ? 'auto' : undefined;
+    const className = mergeClasses(primitiveClassName, props.className);
+    return /*#__PURE__*/ React.createElement(Component, {
+        dir: dir,
+        ...rest,
+        className: className,
+        ref: ref
+    });
 });
 Primitive.displayName = 'Primitive';
-//# sourceMappingURL=Primitive.js.map

package/lib/components/Primitive/Primitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","mergeClasses","primitiveClassName","Primitive","forwardRef","props","ref","as","Component","rest","dir","children","undefined","className","createElement","displayName"],"sources":["../../../src/components/Primitive/Primitive.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\n\n// Simplified version from https://github.com/reach/reach-ui/blob/55d28eda39afc4c667e97f5f62a48d1de034b93f/packages/utils/src/polymorphic.ts\ninterface PrimitiveComponent {\n  /**\n   * Infers props from JSX.IntrinsicElements based on \"as\" value. Explicitly avoids `React.ElementType` and manually\n   * narrow the prop types so that events are typed when using JSX.IntrinsicElements.\n   */\n  <As extends keyof JSX.IntrinsicElements>(props: { as?: As } & JSX.IntrinsicElements[As]): React.ReactElement | null;\n\n  displayName: string;\n}\n\nexport const primitiveClassName = 'fui-Primitive';\n\nexport const Primitive = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement> & { as: 'div' }>(\n  (props, ref) => {\n    const { as: Component = 'div', ...rest } = props;\n\n    const dir = typeof props.children === 'string' ? 'auto' : undefined;\n\n    const className = mergeClasses(primitiveClassName, props.className);\n\n    return <Component dir={dir} {...rest} className={className} ref={ref} />;\n  },\n) as PrimitiveComponent;\n\nPrimitive.displayName = 'Primitive';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,YAAY,QAAQ;AAa7B,OAAO,MAAMC,kBAAA,GAAqB;AAElC,OAAO,MAAMC,SAAA,gBAAYH,KAAA,CAAMI,UAAU,CACvC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACd,MAAM;IAAEC,EAAA,EAAIC,SAAA,GAAY,KAAK;IAAE,GAAGC;EAAA,CAAM,GAAGJ,KAAA;EAE3C,MAAMK,GAAA,GAAM,OAAOL,KAAA,CAAMM,QAAQ,KAAK,WAAW,SAASC,SAAS;EAEnE,MAAMC,SAAA,GAAYZ,YAAA,CAAaC,kBAAA,EAAoBG,KAAA,CAAMQ,SAAS;EAElE,oBAAOb,KAAA,CAAAc,aAAA,CAACN,SAAA;IAAUE,GAAA,EAAKA,GAAA;IAAM,GAAGD,IAAI;IAAEI,SAAA,EAAWA,SAAA;IAAWP,GAAA,EAAKA;;AACnE;AAGFH,SAAA,CAAUY,WAAW,GAAG"}
+{"version":3,"sources":["Primitive.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\n\n// Simplified version from https://github.com/reach/reach-ui/blob/55d28eda39afc4c667e97f5f62a48d1de034b93f/packages/utils/src/polymorphic.ts\ninterface PrimitiveComponent {\n  /**\n   * Infers props from JSX.IntrinsicElements based on \"as\" value. Explicitly avoids `React.ElementType` and manually\n   * narrow the prop types so that events are typed when using JSX.IntrinsicElements.\n   */\n  <As extends keyof JSX.IntrinsicElements>(props: { as?: As } & JSX.IntrinsicElements[As]): React.ReactElement | null;\n\n  displayName: string;\n}\n\nexport const primitiveClassName = 'fui-Primitive';\n\nexport const Primitive = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement> & { as: 'div' }>(\n  (props, ref) => {\n    const { as: Component = 'div', ...rest } = props;\n\n    const dir = typeof props.children === 'string' ? 'auto' : undefined;\n\n    const className = mergeClasses(primitiveClassName, props.className);\n\n    return <Component dir={dir} {...rest} className={className} ref={ref} />;\n  },\n) as PrimitiveComponent;\n\nPrimitive.displayName = 'Primitive';\n"],"names":["React","mergeClasses","primitiveClassName","Primitive","forwardRef","props","ref","as","Component","rest","dir","children","undefined","className","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,6BAA6B;AAa1D,OAAO,MAAMC,qBAAqB,gBAAgB;AAElD,OAAO,MAAMC,0BAAYH,MAAMI,UAAU,CACvC,CAACC,OAAOC,MAAQ;IACd,MAAM,EAAEC,IAAIC,YAAY,KAAK,CAAA,EAAE,GAAGC,MAAM,GAAGJ;IAE3C,MAAMK,MAAM,OAAOL,MAAMM,QAAQ,KAAK,WAAW,SAASC,SAAS;IAEnE,MAAMC,YAAYZ,aAAaC,oBAAoBG,MAAMQ,SAAS;IAElE,qBAAO,oBAACL;QAAUE,KAAKA;QAAM,GAAGD,IAAI;QAAEI,WAAWA;QAAWP,KAAKA;;AACnE,GACsB;AAExBH,UAAUW,WAAW,GAAG"}

package/lib/components/Primitive/index.js

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

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

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