@fluentui/react-migration-v0-v9 9.5.0 → 9.6.0

package/CHANGELOG.md

@@ -1,12 +1,27 @@
 # Change Log - @fluentui/react-migration-v0-v9
 
-This log was last generated on Thu, 17 Jul 2025 13:45:42 GMT and should not be manually modified.
+This log was last generated on Mon, 28 Jul 2025 18:44:10 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.6.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.6.0)
+
+Mon, 28 Jul 2025 18:44:10 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.5.0..@fluentui/react-migration-v0-v9_v9.6.0)
+
+### Minor changes
+
+- feat: replace global JSX.IntrinsicElements with in house alternative to make types compatible across react major versions ([PR #34733](https://github.com/microsoft/fluentui/pull/34733) by martinhochel@microsoft.com)
+- Bump @fluentui/react-aria to v9.16.0 ([PR #34918](https://github.com/microsoft/fluentui/pull/34918) by beachball)
+- Bump @fluentui/react-components to v9.68.0 ([PR #34918](https://github.com/microsoft/fluentui/pull/34918) by beachball)
+- Bump @fluentui/react-context-selector to v9.2.3 ([PR #34918](https://github.com/microsoft/fluentui/pull/34918) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.1.3 ([PR #34918](https://github.com/microsoft/fluentui/pull/34918) by beachball)
+- Bump @fluentui/react-tabster to v9.26.1 ([PR #34918](https://github.com/microsoft/fluentui/pull/34918) by beachball)
+- Bump @fluentui/react-utilities to v9.23.0 ([PR #34918](https://github.com/microsoft/fluentui/pull/34918) by beachball)
+
 ## [9.5.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.5.0)
 
-Thu, 17 Jul 2025 13:45:42 GMT 
+Thu, 17 Jul 2025 13:49:41 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.4.8..@fluentui/react-migration-v0-v9_v9.5.0)
 
 ### Minor changes

package/dist/index.d.ts

@@ -6,6 +6,8 @@ import type { ComponentProps as ComponentProps_2 } from '@fluentui/react-utiliti
 import type { ComponentState } from '@fluentui/react-utilities';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import { GriffelStyle } from '@fluentui/react-components';
+import type { JSXIntrinsicElement } from '@fluentui/react-utilities';
+import type { JSXIntrinsicElementKeys } from '@fluentui/react-utilities';
 import { ObjectOf } from '@fluentui/react-northstar';
 import type { ObjectShorthandValue } from '@fluentui/react-northstar';
 import * as React_2 from 'react';
@@ -318,9 +320,9 @@ declare interface PrimitiveComponent {
      * Infers props from JSX.IntrinsicElements based on "as" value. Explicitly avoids `React.ElementType` and manually
      * narrow the prop types so that events are typed when using JSX.IntrinsicElements.
      */
-    <As extends keyof JSX.IntrinsicElements>(props: {
+    <As extends JSXIntrinsicElementKeys>(props: {
         as?: As;
-    } & JSX.IntrinsicElements[As]): React_2.ReactElement | null;
+    } & JSXIntrinsicElement<As>): React_2.ReactElement | null;
     displayName: string;
 }
 

package/lib/components/Attachment/Attachment.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/Attachment.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport * as React from 'react';\n\nimport { useAttachmentBaseStyles, useAttachmentStyles } from './Attachment.styles';\n\nexport const attachmentClassName = 'fui-Attachment';\nexport const attachmentProgressContainerClassName = `${attachmentClassName}__progress-container`;\nexport const attachmentProgressBarClassName = `${attachmentClassName}__progress`;\n\nexport interface AttachmentProps extends React.HTMLAttributes<HTMLElement> {\n  actionable?: boolean;\n  disabled?: boolean;\n  progress?: string | number;\n  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n}\n\nexport const Attachment = React.forwardRef<HTMLDivElement, AttachmentProps>((props, ref) => {\n  const { actionable, className, children, disabled, onClick, progress, onKeyDown, onKeyUp, ...rest } = props;\n  const attachmentBaseClass = useAttachmentBaseStyles();\n  const classes = useAttachmentStyles();\n\n  const buttonProps = useARIAButtonProps('div', {\n    disabled,\n    onClick,\n    onKeyDown: onKeyDown as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n    onKeyUp: onKeyUp as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n  });\n\n  return (\n    <div\n      ref={ref}\n      className={mergeClasses(attachmentClassName, attachmentBaseClass, actionable && classes.actionable, className)}\n      {...(actionable && {\n        'data-is-focusable': true,\n        ...buttonProps,\n      })}\n      {...rest}\n    >\n      {children}\n      {!isNaN(Number(progress)) && (\n        <div className={mergeClasses(attachmentProgressContainerClassName, classes.progressContainer)}>\n          <div\n            className={mergeClasses(classes.progressBar, attachmentProgressBarClassName)}\n            style={{ width: `${progress}%` }}\n          />\n        </div>\n      )}\n    </div>\n  );\n});\n\nAttachment.displayName = 'Attachment';\n"],"names":["mergeClasses","useARIAButtonProps","React","useAttachmentBaseStyles","useAttachmentStyles","attachmentClassName","attachmentProgressContainerClassName","attachmentProgressBarClassName","Attachment","forwardRef","props","ref","actionable","className","children","disabled","onClick","progress","onKeyDown","onKeyUp","rest","attachmentBaseClass","classes","buttonProps","div","isNaN","Number","progressContainer","progressBar","style","width","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,YAAYC,WAAW,QAAQ;AAE/B,SAASC,uBAAuB,EAAEC,mBAAmB,QAAQ,sBAAsB;AAEnF,OAAO,MAAMC,sBAAsB,iBAAiB;AACpD,OAAO,MAAMC,uCAAuC,CAAC,EAAED,oBAAoB,oBAAoB,CAAC,CAAC;AACjG,OAAO,MAAME,iCAAiC,CAAC,EAAEF,oBAAoB,UAAU,CAAC,CAAC;AASjF,OAAO,MAAMG,2BAAaN,MAAMO,UAAU,CAAkC,CAACC,OAAOC;IAClF,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC,MAAM,GAAGV;IACtG,MAAMW,sBAAsBlB;IAC5B,MAAMmB,UAAUlB;IAEhB,MAAMmB,cAActB,mBAAmB,OAAO;QAC5Cc;QACAC;QACAE,WAAWA;QACXC,SAASA;IACX;IAEA,qBACE,oBAACK;QACCb,KAAKA;QACLE,WAAWb,aAAaK,qBAAqBgB,qBAAqBT,cAAcU,QAAQV,UAAU,EAAEC;QACnG,GAAID,cAAc;YACjB,qBAAqB;YACrB,GAAGW,WAAW;QAChB,CAAC;QACA,GAAGH,IAAI;OAEPN,UACA,CAACW,MAAMC,OAAOT,4BACb,oBAACO;QAAIX,WAAWb,aAAaM,sCAAsCgB,QAAQK,iBAAiB;qBAC1F,oBAACH;QACCX,WAAWb,aAAasB,QAAQM,WAAW,EAAErB;QAC7CsB,OAAO;YAAEC,OAAO,CAAC,EAAEb,SAAS,CAAC,CAAC;QAAC;;AAM3C,GAAG;AAEHT,WAAWuB,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/Attachment.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport * as React from 'react';\n\nimport { useAttachmentBaseStyles, useAttachmentStyles } from './Attachment.styles';\n\nexport const attachmentClassName = 'fui-Attachment';\nexport const attachmentProgressContainerClassName = `${attachmentClassName}__progress-container`;\nexport const attachmentProgressBarClassName = `${attachmentClassName}__progress`;\n\nexport interface AttachmentProps extends React.HTMLAttributes<HTMLElement> {\n  actionable?: boolean;\n  disabled?: boolean;\n  progress?: string | number;\n  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n}\n\nexport const Attachment = React.forwardRef<HTMLDivElement, AttachmentProps>((props, ref) => {\n  const { actionable, className, children, disabled, onClick, progress, onKeyDown, onKeyUp, ...rest } = props;\n  const attachmentBaseClass = useAttachmentBaseStyles();\n  const classes = useAttachmentStyles();\n\n  const buttonProps = useARIAButtonProps('div', {\n    disabled,\n    onClick,\n    onKeyDown: onKeyDown as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n    onKeyUp: onKeyUp as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n  });\n\n  return (\n    <div\n      ref={ref}\n      className={mergeClasses(attachmentClassName, attachmentBaseClass, actionable && classes.actionable, className)}\n      {...(actionable && {\n        'data-is-focusable': true,\n        ...buttonProps,\n      })}\n      {...rest}\n    >\n      {children}\n      {!isNaN(Number(progress)) && (\n        <div className={mergeClasses(attachmentProgressContainerClassName, classes.progressContainer)}>\n          <div\n            className={mergeClasses(classes.progressBar, attachmentProgressBarClassName)}\n            style={{ width: `${progress}%` }}\n          />\n        </div>\n      )}\n    </div>\n  );\n});\n\nAttachment.displayName = 'Attachment';\n"],"names":["mergeClasses","useARIAButtonProps","React","useAttachmentBaseStyles","useAttachmentStyles","attachmentClassName","attachmentProgressContainerClassName","attachmentProgressBarClassName","Attachment","forwardRef","props","ref","actionable","className","children","disabled","onClick","progress","onKeyDown","onKeyUp","rest","attachmentBaseClass","classes","buttonProps","div","isNaN","Number","progressContainer","progressBar","style","width","displayName"],"mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,YAAYC,WAAW,QAAQ;AAE/B,SAASC,uBAAuB,EAAEC,mBAAmB,QAAQ,sBAAsB;AAEnF,OAAO,MAAMC,sBAAsB,iBAAiB;AACpD,OAAO,MAAMC,uCAAuC,GAAGD,oBAAoB,oBAAoB,CAAC,CAAC;AACjG,OAAO,MAAME,iCAAiC,GAAGF,oBAAoB,UAAU,CAAC,CAAC;AASjF,OAAO,MAAMG,2BAAaN,MAAMO,UAAU,CAAkC,CAACC,OAAOC;IAClF,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC,MAAM,GAAGV;IACtG,MAAMW,sBAAsBlB;IAC5B,MAAMmB,UAAUlB;IAEhB,MAAMmB,cAActB,mBAAmB,OAAO;QAC5Cc;QACAC;QACAE,WAAWA;QACXC,SAASA;IACX;IAEA,qBACE,oBAACK;QACCb,KAAKA;QACLE,WAAWb,aAAaK,qBAAqBgB,qBAAqBT,cAAcU,QAAQV,UAAU,EAAEC;QACnG,GAAID,cAAc;YACjB,qBAAqB;YACrB,GAAGW,WAAW;QAChB,CAAC;QACA,GAAGH,IAAI;OAEPN,UACA,CAACW,MAAMC,OAAOT,4BACb,oBAACO;QAAIX,WAAWb,aAAaM,sCAAsCgB,QAAQK,iBAAiB;qBAC1F,oBAACH;QACCX,WAAWb,aAAasB,QAAQM,WAAW,EAAErB;QAC7CsB,OAAO;YAAEC,OAAO,GAAGb,SAAS,CAAC,CAAC;QAAC;;AAM3C,GAAG;AAEHT,WAAWuB,WAAW,GAAG"}

package/lib/components/Attachment/Attachment.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/Attachment.styles.ts"],"sourcesContent":["import {\n  createCustomFocusIndicatorStyle,\n  makeResetStyles,\n  makeStyles,\n  shorthands,\n  tokens,\n} from '@fluentui/react-components';\nimport { attachmentActionClassName } from './AttachmentAction';\nimport { attachmentIconClassName } from './AttachmentIcon';\n\nexport const useAttachmentBaseStyles = makeResetStyles({\n  ...createCustomFocusIndicatorStyle(\n    {\n      outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n      borderRadius: tokens.borderRadiusMedium,\n      backgroundColor: undefined,\n      color: undefined,\n      [`& .${attachmentActionClassName}`]: {\n        color: undefined,\n      },\n\n      [`& .${attachmentIconClassName}`]: {\n        color: undefined,\n      },\n    },\n    { selector: 'focus' },\n  ),\n  position: 'relative',\n  display: 'inline-flex',\n  alignItems: 'center',\n  width: '100%',\n  maxWidth: '424px',\n  minHeight: '32px',\n  ...shorthands.padding('7px', '3px', '7px', '11px'),\n  marginBottom: '2px',\n  marginRight: '2px',\n  backgroundColor: tokens.colorNeutralBackground6,\n  color: tokens.colorNeutralForeground1,\n  boxShadow: `0 .2rem .4rem -.075rem ${tokens.colorNeutralShadowAmbient}`,\n  ...shorthands.border('1px', 'solid', tokens.colorNeutralStroke3),\n  borderRadius: '4px',\n});\n\nexport const useAttachmentStyles = makeStyles({\n  actionable: {\n    cursor: 'pointer',\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground4Hover,\n    },\n  },\n  progressContainer: {\n    borderBottomLeftRadius: '4px',\n    borderBottomRightRadius: '4px',\n    bottom: 0,\n    height: '4px',\n    left: 0,\n    overflow: 'hidden',\n    position: 'absolute',\n    right: 0,\n  },\n  progressBar: {\n    backgroundColor: tokens.colorPaletteLightGreenBackground3,\n    height: '100%',\n    maxWidth: '100%',\n    transition: 'width 0.2s',\n  },\n});\n"],"names":["createCustomFocusIndicatorStyle","makeResetStyles","makeStyles","shorthands","tokens","attachmentActionClassName","attachmentIconClassName","useAttachmentBaseStyles","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","backgroundColor","undefined","color","selector","position","display","alignItems","width","maxWidth","minHeight","padding","marginBottom","marginRight","colorNeutralBackground6","colorNeutralForeground1","boxShadow","colorNeutralShadowAmbient","border","colorNeutralStroke3","useAttachmentStyles","actionable","cursor","colorNeutralBackground4Hover","progressContainer","borderBottomLeftRadius","borderBottomRightRadius","bottom","height","left","overflow","right","progressBar","colorPaletteLightGreenBackground3","transition"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SACEA,+BAA+B,EAC/BC,eAAe,EACfC,UAAU,EACVC,UAAU,EACVC,MAAM,QACD,6BAA6B;AACpC,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,uBAAuB,QAAQ,mBAAmB;AAE3D,OAAO,MAAMC,0BAA0BN,gBAAgB;IACrD,GAAGD,gCACD;QACEQ,SAAS,CAAC,EAAEJ,OAAOK,gBAAgB,CAAC,OAAO,EAAEL,OAAOM,iBAAiB,CAAC,CAAC;QACvEC,cAAcP,OAAOQ,kBAAkB;QACvCC,iBAAiBC;QACjBC,OAAOD;QACP,CAAC,CAAC,GAAG,EAAET,0BAA0B,CAAC,CAAC,EAAE;YACnCU,OAAOD;QACT;QAEA,CAAC,CAAC,GAAG,EAAER,wBAAwB,CAAC,CAAC,EAAE;YACjCS,OAAOD;QACT;IACF,GACA;QAAEE,UAAU;IAAQ,EACrB;IACDC,UAAU;IACVC,SAAS;IACTC,YAAY;IACZC,OAAO;IACPC,UAAU;IACVC,WAAW;IACX,GAAGnB,WAAWoB,OAAO,CAAC,OAAO,OAAO,OAAO,OAAO;IAClDC,cAAc;IACdC,aAAa;IACbZ,iBAAiBT,OAAOsB,uBAAuB;IAC/CX,OAAOX,OAAOuB,uBAAuB;IACrCC,WAAW,CAAC,uBAAuB,EAAExB,OAAOyB,yBAAyB,CAAC,CAAC;IACvE,GAAG1B,WAAW2B,MAAM,CAAC,OAAO,SAAS1B,OAAO2B,mBAAmB,CAAC;IAChEpB,cAAc;AAChB,GAAG;AAEH,OAAO,MAAMqB,sBAAsB9B,WAAW;IAC5C+B,YAAY;QACVC,QAAQ;QACR,UAAU;YACRrB,iBAAiBT,OAAO+B,4BAA4B;QACtD;IACF;IACAC,mBAAmB;QACjBC,wBAAwB;QACxBC,yBAAyB;QACzBC,QAAQ;QACRC,QAAQ;QACRC,MAAM;QACNC,UAAU;QACVzB,UAAU;QACV0B,OAAO;IACT;IACAC,aAAa;QACX/B,iBAAiBT,OAAOyC,iCAAiC;QACzDL,QAAQ;QACRnB,UAAU;QACVyB,YAAY;IACd;AACF,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/Attachment.styles.ts"],"sourcesContent":["import {\n  createCustomFocusIndicatorStyle,\n  makeResetStyles,\n  makeStyles,\n  shorthands,\n  tokens,\n} from '@fluentui/react-components';\nimport { attachmentActionClassName } from './AttachmentAction';\nimport { attachmentIconClassName } from './AttachmentIcon';\n\nexport const useAttachmentBaseStyles = makeResetStyles({\n  ...createCustomFocusIndicatorStyle(\n    {\n      outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n      borderRadius: tokens.borderRadiusMedium,\n      backgroundColor: undefined,\n      color: undefined,\n      [`& .${attachmentActionClassName}`]: {\n        color: undefined,\n      },\n\n      [`& .${attachmentIconClassName}`]: {\n        color: undefined,\n      },\n    },\n    { selector: 'focus' },\n  ),\n  position: 'relative',\n  display: 'inline-flex',\n  alignItems: 'center',\n  width: '100%',\n  maxWidth: '424px',\n  minHeight: '32px',\n  ...shorthands.padding('7px', '3px', '7px', '11px'),\n  marginBottom: '2px',\n  marginRight: '2px',\n  backgroundColor: tokens.colorNeutralBackground6,\n  color: tokens.colorNeutralForeground1,\n  boxShadow: `0 .2rem .4rem -.075rem ${tokens.colorNeutralShadowAmbient}`,\n  ...shorthands.border('1px', 'solid', tokens.colorNeutralStroke3),\n  borderRadius: '4px',\n});\n\nexport const useAttachmentStyles = makeStyles({\n  actionable: {\n    cursor: 'pointer',\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground4Hover,\n    },\n  },\n  progressContainer: {\n    borderBottomLeftRadius: '4px',\n    borderBottomRightRadius: '4px',\n    bottom: 0,\n    height: '4px',\n    left: 0,\n    overflow: 'hidden',\n    position: 'absolute',\n    right: 0,\n  },\n  progressBar: {\n    backgroundColor: tokens.colorPaletteLightGreenBackground3,\n    height: '100%',\n    maxWidth: '100%',\n    transition: 'width 0.2s',\n  },\n});\n"],"names":["createCustomFocusIndicatorStyle","makeResetStyles","makeStyles","shorthands","tokens","attachmentActionClassName","attachmentIconClassName","useAttachmentBaseStyles","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","backgroundColor","undefined","color","selector","position","display","alignItems","width","maxWidth","minHeight","padding","marginBottom","marginRight","colorNeutralBackground6","colorNeutralForeground1","boxShadow","colorNeutralShadowAmbient","border","colorNeutralStroke3","useAttachmentStyles","actionable","cursor","colorNeutralBackground4Hover","progressContainer","borderBottomLeftRadius","borderBottomRightRadius","bottom","height","left","overflow","right","progressBar","colorPaletteLightGreenBackground3","transition"],"mappings":"AAAA,SACEA,+BAA+B,EAC/BC,eAAe,EACfC,UAAU,EACVC,UAAU,EACVC,MAAM,QACD,6BAA6B;AACpC,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,uBAAuB,QAAQ,mBAAmB;AAE3D,OAAO,MAAMC,0BAA0BN,gBAAgB;IACrD,GAAGD,gCACD;QACEQ,SAAS,GAAGJ,OAAOK,gBAAgB,CAAC,OAAO,EAAEL,OAAOM,iBAAiB,EAAE;QACvEC,cAAcP,OAAOQ,kBAAkB;QACvCC,iBAAiBC;QACjBC,OAAOD;QACP,CAAC,CAAC,GAAG,EAAET,2BAA2B,CAAC,EAAE;YACnCU,OAAOD;QACT;QAEA,CAAC,CAAC,GAAG,EAAER,yBAAyB,CAAC,EAAE;YACjCS,OAAOD;QACT;IACF,GACA;QAAEE,UAAU;IAAQ,EACrB;IACDC,UAAU;IACVC,SAAS;IACTC,YAAY;IACZC,OAAO;IACPC,UAAU;IACVC,WAAW;IACX,GAAGnB,WAAWoB,OAAO,CAAC,OAAO,OAAO,OAAO,OAAO;IAClDC,cAAc;IACdC,aAAa;IACbZ,iBAAiBT,OAAOsB,uBAAuB;IAC/CX,OAAOX,OAAOuB,uBAAuB;IACrCC,WAAW,CAAC,uBAAuB,EAAExB,OAAOyB,yBAAyB,EAAE;IACvE,GAAG1B,WAAW2B,MAAM,CAAC,OAAO,SAAS1B,OAAO2B,mBAAmB,CAAC;IAChEpB,cAAc;AAChB,GAAG;AAEH,OAAO,MAAMqB,sBAAsB9B,WAAW;IAC5C+B,YAAY;QACVC,QAAQ;QACR,UAAU;YACRrB,iBAAiBT,OAAO+B,4BAA4B;QACtD;IACF;IACAC,mBAAmB;QACjBC,wBAAwB;QACxBC,yBAAyB;QACzBC,QAAQ;QACRC,QAAQ;QACRC,MAAM;QACNC,UAAU;QACVzB,UAAU;QACV0B,OAAO;IACT;IACAC,aAAa;QACX/B,iBAAiBT,OAAOyC,iCAAiC;QACzDL,QAAQ;QACRnB,UAAU;QACVyB,YAAY;IACd;AACF,GAAG"}

package/lib/components/Attachment/AttachmentAction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentAction.tsx"],"sourcesContent":["import { Button, ButtonProps, mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentActionStyles } from './AttachmentAction.styles';\n\nexport type AttachmentActionProps = ButtonProps;\n\nexport const attachmentActionClassName = 'fui-AttachmentAction';\n\nexport const AttachmentAction = React.forwardRef<HTMLButtonElement, AttachmentActionProps>((props, ref) => {\n  const { className, disabled, disabledFocusable, children, onClick, onKeyUp, onKeyDown, ...rest } = props;\n  const classes = useAttachmentActionStyles();\n\n  const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement>>(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick?.(e);\n    },\n    [onClick],\n  );\n\n  const handleKeyUp = React.useCallback<React.KeyboardEventHandler<HTMLAnchorElement & HTMLButtonElement>>(\n    e => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.stopPropagation();\n      }\n      onKeyUp?.(e);\n    },\n    [onKeyUp],\n  );\n\n  const handleKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLButtonElement & HTMLAnchorElement>>(\n    e => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.stopPropagation();\n      }\n      onKeyDown?.(e);\n    },\n    [onKeyDown],\n  );\n\n  return (\n    <Button\n      ref={ref}\n      className={mergeClasses(\n        attachmentActionClassName,\n        classes.root,\n        (disabled || disabledFocusable) && classes.disabled,\n        className,\n      )}\n      appearance=\"transparent\"\n      disabled={disabled}\n      disabledFocusable={disabledFocusable}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      onKeyUp={handleKeyUp}\n      {...rest}\n    >\n      {children}\n    </Button>\n  );\n});\n\nAttachmentAction.displayName = 'AttachmentAction';\n"],"names":["Button","mergeClasses","React","useAttachmentActionStyles","attachmentActionClassName","AttachmentAction","forwardRef","props","ref","className","disabled","disabledFocusable","children","onClick","onKeyUp","onKeyDown","rest","classes","handleClick","useCallback","e","stopPropagation","preventDefault","handleKeyUp","key","handleKeyDown","root","appearance","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,MAAM,EAAeC,YAAY,QAAQ,6BAA6B;AAC/E,YAAYC,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,4BAA4B;AAItE,OAAO,MAAMC,4BAA4B,uBAAuB;AAEhE,OAAO,MAAMC,iCAAmBH,MAAMI,UAAU,CAA2C,CAACC,OAAOC;IACjG,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGT;IACnG,MAAMU,UAAUd;IAEhB,MAAMe,cAAchB,MAAMiB,WAAW,CACnCC,CAAAA;QACEA,EAAEC,eAAe;QACjBD,EAAEE,cAAc;QAChBT,oBAAAA,8BAAAA,QAAUO;IACZ,GACA;QAACP;KAAQ;IAGX,MAAMU,cAAcrB,MAAMiB,WAAW,CACnCC,CAAAA;QACE,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACtCJ,EAAEC,eAAe;QACnB;QACAP,oBAAAA,8BAAAA,QAAUM;IACZ,GACA;QAACN;KAAQ;IAGX,MAAMW,gBAAgBvB,MAAMiB,WAAW,CACrCC,CAAAA;QACE,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACtCJ,EAAEC,eAAe;QACnB;QACAN,sBAAAA,gCAAAA,UAAYK;IACd,GACA;QAACL;KAAU;IAGb,qBACE,oBAACf;QACCQ,KAAKA;QACLC,WAAWR,aACTG,2BACAa,QAAQS,IAAI,EACZ,AAAChB,CAAAA,YAAYC,iBAAgB,KAAMM,QAAQP,QAAQ,EACnDD;QAEFkB,YAAW;QACXjB,UAAUA;QACVC,mBAAmBA;QACnBE,SAASK;QACTH,WAAWU;QACXX,SAASS;QACR,GAAGP,IAAI;OAEPJ;AAGP,GAAG;AAEHP,iBAAiBuB,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/AttachmentAction.tsx"],"sourcesContent":["import { Button, ButtonProps, mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentActionStyles } from './AttachmentAction.styles';\n\nexport type AttachmentActionProps = ButtonProps;\n\nexport const attachmentActionClassName = 'fui-AttachmentAction';\n\nexport const AttachmentAction = React.forwardRef<HTMLButtonElement, AttachmentActionProps>((props, ref) => {\n  const { className, disabled, disabledFocusable, children, onClick, onKeyUp, onKeyDown, ...rest } = props;\n  const classes = useAttachmentActionStyles();\n\n  const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement>>(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick?.(e);\n    },\n    [onClick],\n  );\n\n  const handleKeyUp = React.useCallback<React.KeyboardEventHandler<HTMLAnchorElement & HTMLButtonElement>>(\n    e => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.stopPropagation();\n      }\n      onKeyUp?.(e);\n    },\n    [onKeyUp],\n  );\n\n  const handleKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLButtonElement & HTMLAnchorElement>>(\n    e => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.stopPropagation();\n      }\n      onKeyDown?.(e);\n    },\n    [onKeyDown],\n  );\n\n  return (\n    <Button\n      ref={ref}\n      className={mergeClasses(\n        attachmentActionClassName,\n        classes.root,\n        (disabled || disabledFocusable) && classes.disabled,\n        className,\n      )}\n      appearance=\"transparent\"\n      disabled={disabled}\n      disabledFocusable={disabledFocusable}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      onKeyUp={handleKeyUp}\n      {...rest}\n    >\n      {children}\n    </Button>\n  );\n});\n\nAttachmentAction.displayName = 'AttachmentAction';\n"],"names":["Button","mergeClasses","React","useAttachmentActionStyles","attachmentActionClassName","AttachmentAction","forwardRef","props","ref","className","disabled","disabledFocusable","children","onClick","onKeyUp","onKeyDown","rest","classes","handleClick","useCallback","e","stopPropagation","preventDefault","handleKeyUp","key","handleKeyDown","root","appearance","displayName"],"mappings":"AAAA,SAASA,MAAM,EAAeC,YAAY,QAAQ,6BAA6B;AAC/E,YAAYC,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,4BAA4B;AAItE,OAAO,MAAMC,4BAA4B,uBAAuB;AAEhE,OAAO,MAAMC,iCAAmBH,MAAMI,UAAU,CAA2C,CAACC,OAAOC;IACjG,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGT;IACnG,MAAMU,UAAUd;IAEhB,MAAMe,cAAchB,MAAMiB,WAAW,CACnCC,CAAAA;QACEA,EAAEC,eAAe;QACjBD,EAAEE,cAAc;QAChBT,oBAAAA,8BAAAA,QAAUO;IACZ,GACA;QAACP;KAAQ;IAGX,MAAMU,cAAcrB,MAAMiB,WAAW,CACnCC,CAAAA;QACE,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACtCJ,EAAEC,eAAe;QACnB;QACAP,oBAAAA,8BAAAA,QAAUM;IACZ,GACA;QAACN;KAAQ;IAGX,MAAMW,gBAAgBvB,MAAMiB,WAAW,CACrCC,CAAAA;QACE,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACtCJ,EAAEC,eAAe;QACnB;QACAN,sBAAAA,gCAAAA,UAAYK;IACd,GACA;QAACL;KAAU;IAGb,qBACE,oBAACf;QACCQ,KAAKA;QACLC,WAAWR,aACTG,2BACAa,QAAQS,IAAI,EACZ,AAAChB,CAAAA,YAAYC,iBAAgB,KAAMM,QAAQP,QAAQ,EACnDD;QAEFkB,YAAW;QACXjB,UAAUA;QACVC,mBAAmBA;QACnBE,SAASK;QACTH,WAAWU;QACXX,SAASS;QACR,GAAGP,IAAI;OAEPJ;AAGP,GAAG;AAEHP,iBAAiBuB,WAAW,GAAG"}

package/lib/components/Attachment/AttachmentAction.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentAction.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useAttachmentActionStyles = makeStyles({\n  root: {\n    height: '32px',\n    maxWidth: '280px',\n    minWidth: '32px',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    position: 'relative',\n    verticalAlign: 'middle',\n    cursor: 'pointer',\n  },\n  disabled: {\n    cursor: 'default',\n  },\n});\n"],"names":["makeStyles","useAttachmentActionStyles","root","height","maxWidth","minWidth","display","justifyContent","alignItems","position","verticalAlign","cursor","disabled"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,OAAO,MAAMC,4BAA4BD,WAAW;IAClDE,MAAM;QACJC,QAAQ;QACRC,UAAU;QACVC,UAAU;QACVC,SAAS;QACTC,gBAAgB;QAChBC,YAAY;QACZC,UAAU;QACVC,eAAe;QACfC,QAAQ;IACV;IACAC,UAAU;QACRD,QAAQ;IACV;AACF,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/AttachmentAction.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useAttachmentActionStyles = makeStyles({\n  root: {\n    height: '32px',\n    maxWidth: '280px',\n    minWidth: '32px',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    position: 'relative',\n    verticalAlign: 'middle',\n    cursor: 'pointer',\n  },\n  disabled: {\n    cursor: 'default',\n  },\n});\n"],"names":["makeStyles","useAttachmentActionStyles","root","height","maxWidth","minWidth","display","justifyContent","alignItems","position","verticalAlign","cursor","disabled"],"mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,OAAO,MAAMC,4BAA4BD,WAAW;IAClDE,MAAM;QACJC,QAAQ;QACRC,UAAU;QACVC,UAAU;QACVC,SAAS;QACTC,gBAAgB;QAChBC,YAAY;QACZC,UAAU;QACVC,eAAe;QACfC,QAAQ;IACV;IACAC,UAAU;QACRD,QAAQ;IACV;AACF,GAAG"}

package/lib/components/Attachment/AttachmentBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentBody.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentBodyStyles } from './AttachmentBody.styles';\n\nexport interface AttachmentBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const attachmentBodyClassName = 'fui-AttachmentBody';\n\nexport const AttachmentBody: React.FC<AttachmentBodyProps> = React.forwardRef<HTMLDivElement, AttachmentBodyProps>(\n  (props, ref) => {\n    const { className, children, ...rest } = props;\n    const classes = useAttachmentBodyStyles();\n\n    return (\n      <div ref={ref} className={mergeClasses(attachmentBodyClassName, classes.root, className)} {...rest}>\n        {children}\n      </div>\n    );\n  },\n);\n\nAttachmentBody.displayName = 'AttachmentBody';\n"],"names":["mergeClasses","React","useAttachmentBodyStyles","attachmentBodyClassName","AttachmentBody","forwardRef","props","ref","className","children","rest","classes","div","root","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,0BAA0B;AAIlE,OAAO,MAAMC,0BAA0B,qBAAqB;AAE5D,OAAO,MAAMC,+BAAgDH,MAAMI,UAAU,CAC3E,CAACC,OAAOC;IACN,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT;IAEhB,qBACE,oBAACU;QAAIL,KAAKA;QAAKC,WAAWR,aAAaG,yBAAyBQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OAC/FD;AAGP,GACA;AAEFL,eAAeU,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/AttachmentBody.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentBodyStyles } from './AttachmentBody.styles';\n\nexport interface AttachmentBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const attachmentBodyClassName = 'fui-AttachmentBody';\n\nexport const AttachmentBody: React.FC<AttachmentBodyProps> = React.forwardRef<HTMLDivElement, AttachmentBodyProps>(\n  (props, ref) => {\n    const { className, children, ...rest } = props;\n    const classes = useAttachmentBodyStyles();\n\n    return (\n      <div ref={ref} className={mergeClasses(attachmentBodyClassName, classes.root, className)} {...rest}>\n        {children}\n      </div>\n    );\n  },\n);\n\nAttachmentBody.displayName = 'AttachmentBody';\n"],"names":["mergeClasses","React","useAttachmentBodyStyles","attachmentBodyClassName","AttachmentBody","forwardRef","props","ref","className","children","rest","classes","div","root","displayName"],"mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,0BAA0B;AAIlE,OAAO,MAAMC,0BAA0B,qBAAqB;AAE5D,OAAO,MAAMC,+BAAgDH,MAAMI,UAAU,CAC3E,CAACC,OAAOC;IACN,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT;IAEhB,qBACE,oBAACU;QAAIL,KAAKA;QAAKC,WAAWR,aAAaG,yBAAyBQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OAC/FD;AAGP,GACA;AAEFL,eAAeU,WAAW,GAAG"}

package/lib/components/Attachment/AttachmentBody.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentBody.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useAttachmentBodyStyles = makeStyles({\n  root: {\n    flex: '1 1 0',\n  },\n});\n"],"names":["makeStyles","useAttachmentBodyStyles","root","flex"],"rangeMappings":";;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,OAAO,MAAMC,0BAA0BD,WAAW;IAChDE,MAAM;QACJC,MAAM;IACR;AACF,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/AttachmentBody.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useAttachmentBodyStyles = makeStyles({\n  root: {\n    flex: '1 1 0',\n  },\n});\n"],"names":["makeStyles","useAttachmentBodyStyles","root","flex"],"mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,OAAO,MAAMC,0BAA0BD,WAAW;IAChDE,MAAM;QACJC,MAAM;IACR;AACF,GAAG"}

package/lib/components/Attachment/AttachmentDescription.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentDescription.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentDescriptionStyles } from './AttachmentDescription.styles';\n\nexport interface AttachmentDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const attachmentDescriptionClassName = 'fui-AttachmentDescription';\n\nexport const AttachmentDescription: React.FC<AttachmentDescriptionProps> = React.forwardRef<\n  HTMLSpanElement,\n  AttachmentDescriptionProps\n>((props, ref) => {\n  const { className, children, ...rest } = props;\n  const classes = useAttachmentDescriptionStyles();\n\n  return (\n    <span ref={ref} className={mergeClasses(attachmentDescriptionClassName, classes.root, className)} {...rest}>\n      {children}\n    </span>\n  );\n});\n\nAttachmentDescription.displayName = 'AttachmentDescription';\n"],"names":["mergeClasses","React","useAttachmentDescriptionStyles","attachmentDescriptionClassName","AttachmentDescription","forwardRef","props","ref","className","children","rest","classes","span","root","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAC/B,SAASC,8BAA8B,QAAQ,iCAAiC;AAIhF,OAAO,MAAMC,iCAAiC,4BAA4B;AAE1E,OAAO,MAAMC,sCAA8DH,MAAMI,UAAU,CAGzF,CAACC,OAAOC;IACR,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT;IAEhB,qBACE,oBAACU;QAAKL,KAAKA;QAAKC,WAAWR,aAAaG,gCAAgCQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OACvGD;AAGP,GAAG;AAEHL,sBAAsBU,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/AttachmentDescription.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentDescriptionStyles } from './AttachmentDescription.styles';\n\nexport interface AttachmentDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const attachmentDescriptionClassName = 'fui-AttachmentDescription';\n\nexport const AttachmentDescription: React.FC<AttachmentDescriptionProps> = React.forwardRef<\n  HTMLSpanElement,\n  AttachmentDescriptionProps\n>((props, ref) => {\n  const { className, children, ...rest } = props;\n  const classes = useAttachmentDescriptionStyles();\n\n  return (\n    <span ref={ref} className={mergeClasses(attachmentDescriptionClassName, classes.root, className)} {...rest}>\n      {children}\n    </span>\n  );\n});\n\nAttachmentDescription.displayName = 'AttachmentDescription';\n"],"names":["mergeClasses","React","useAttachmentDescriptionStyles","attachmentDescriptionClassName","AttachmentDescription","forwardRef","props","ref","className","children","rest","classes","span","root","displayName"],"mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAC/B,SAASC,8BAA8B,QAAQ,iCAAiC;AAIhF,OAAO,MAAMC,iCAAiC,4BAA4B;AAE1E,OAAO,MAAMC,sCAA8DH,MAAMI,UAAU,CAGzF,CAACC,OAAOC;IACR,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT;IAEhB,qBACE,oBAACU;QAAKL,KAAKA;QAAKC,WAAWR,aAAaG,gCAAgCQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OACvGD;AAGP,GAAG;AAEHL,sBAAsBU,WAAW,GAAG"}

package/lib/components/Attachment/AttachmentDescription.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentDescription.styles.ts"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\n\nexport const useAttachmentDescriptionStyles = makeStyles({\n  root: {\n    display: 'block',\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: 1,\n  },\n});\n"],"names":["makeStyles","tokens","useAttachmentDescriptionStyles","root","display","fontSize","fontSizeBase200","fontWeight","fontWeightRegular","lineHeight"],"rangeMappings":";;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,6BAA6B;AAEhE,OAAO,MAAMC,iCAAiCF,WAAW;IACvDG,MAAM;QACJC,SAAS;QACTC,UAAUJ,OAAOK,eAAe;QAChCC,YAAYN,OAAOO,iBAAiB;QACpCC,YAAY;IACd;AACF,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/AttachmentDescription.styles.ts"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\n\nexport const useAttachmentDescriptionStyles = makeStyles({\n  root: {\n    display: 'block',\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: 1,\n  },\n});\n"],"names":["makeStyles","tokens","useAttachmentDescriptionStyles","root","display","fontSize","fontSizeBase200","fontWeight","fontWeightRegular","lineHeight"],"mappings":"AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,6BAA6B;AAEhE,OAAO,MAAMC,iCAAiCF,WAAW;IACvDG,MAAM;QACJC,SAAS;QACTC,UAAUJ,OAAOK,eAAe;QAChCC,YAAYN,OAAOO,iBAAiB;QACpCC,YAAY;IACd;AACF,GAAG"}

package/lib/components/Attachment/AttachmentHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentHeader.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentHeaderStyles } from './AttachmentHeader.styles';\n\nexport interface AttachmentHeaderProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const attachmentHeaderClassName = 'fui-AttachmentHeader';\n\nexport const AttachmentHeader: React.FC<AttachmentHeaderProps> = React.forwardRef<\n  HTMLSpanElement,\n  AttachmentHeaderProps\n>((props, ref) => {\n  const { className, children, ...rest } = props;\n  const classes = useAttachmentHeaderStyles();\n\n  return (\n    <span ref={ref} className={mergeClasses(attachmentHeaderClassName, classes.root, className)} {...rest}>\n      {children}\n    </span>\n  );\n});\n\nAttachmentHeader.displayName = 'AttachmentHeader';\n"],"names":["mergeClasses","React","useAttachmentHeaderStyles","attachmentHeaderClassName","AttachmentHeader","forwardRef","props","ref","className","children","rest","classes","span","root","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,4BAA4B;AAItE,OAAO,MAAMC,4BAA4B,uBAAuB;AAEhE,OAAO,MAAMC,iCAAoDH,MAAMI,UAAU,CAG/E,CAACC,OAAOC;IACR,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT;IAEhB,qBACE,oBAACU;QAAKL,KAAKA;QAAKC,WAAWR,aAAaG,2BAA2BQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OAClGD;AAGP,GAAG;AAEHL,iBAAiBU,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/AttachmentHeader.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentHeaderStyles } from './AttachmentHeader.styles';\n\nexport interface AttachmentHeaderProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const attachmentHeaderClassName = 'fui-AttachmentHeader';\n\nexport const AttachmentHeader: React.FC<AttachmentHeaderProps> = React.forwardRef<\n  HTMLSpanElement,\n  AttachmentHeaderProps\n>((props, ref) => {\n  const { className, children, ...rest } = props;\n  const classes = useAttachmentHeaderStyles();\n\n  return (\n    <span ref={ref} className={mergeClasses(attachmentHeaderClassName, classes.root, className)} {...rest}>\n      {children}\n    </span>\n  );\n});\n\nAttachmentHeader.displayName = 'AttachmentHeader';\n"],"names":["mergeClasses","React","useAttachmentHeaderStyles","attachmentHeaderClassName","AttachmentHeader","forwardRef","props","ref","className","children","rest","classes","span","root","displayName"],"mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,4BAA4B;AAItE,OAAO,MAAMC,4BAA4B,uBAAuB;AAEhE,OAAO,MAAMC,iCAAoDH,MAAMI,UAAU,CAG/E,CAACC,OAAOC;IACR,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT;IAEhB,qBACE,oBAACU;QAAKL,KAAKA;QAAKC,WAAWR,aAAaG,2BAA2BQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OAClGD;AAGP,GAAG;AAEHL,iBAAiBU,WAAW,GAAG"}

package/lib/components/Attachment/AttachmentHeader.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentHeader.styles.ts"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\n\nexport const useAttachmentHeaderStyles = makeStyles({\n  root: {\n    display: 'block',\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: 1.4286,\n  },\n});\n"],"names":["makeStyles","tokens","useAttachmentHeaderStyles","root","display","fontSize","fontSizeBase300","fontWeight","fontWeightSemibold","lineHeight"],"rangeMappings":";;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,6BAA6B;AAEhE,OAAO,MAAMC,4BAA4BF,WAAW;IAClDG,MAAM;QACJC,SAAS;QACTC,UAAUJ,OAAOK,eAAe;QAChCC,YAAYN,OAAOO,kBAAkB;QACrCC,YAAY;IACd;AACF,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/AttachmentHeader.styles.ts"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\n\nexport const useAttachmentHeaderStyles = makeStyles({\n  root: {\n    display: 'block',\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: 1.4286,\n  },\n});\n"],"names":["makeStyles","tokens","useAttachmentHeaderStyles","root","display","fontSize","fontSizeBase300","fontWeight","fontWeightSemibold","lineHeight"],"mappings":"AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,6BAA6B;AAEhE,OAAO,MAAMC,4BAA4BF,WAAW;IAClDG,MAAM;QACJC,SAAS;QACTC,UAAUJ,OAAOK,eAAe;QAChCC,YAAYN,OAAOO,kBAAkB;QACrCC,YAAY;IACd;AACF,GAAG"}

package/lib/components/Attachment/AttachmentIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentIcon.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentIconStyles } from './AttachmentIcon.styles';\n\nexport interface AttachmentIconProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const attachmentIconClassName = 'fui-AttachmentIcon';\n\nexport const AttachmentIcon: React.FC<AttachmentIconProps> = React.forwardRef<HTMLSpanElement, AttachmentIconProps>(\n  (props, ref) => {\n    const { className, children, ...rest } = props;\n    const classes = useAttachmentIconStyles();\n\n    return (\n      <span ref={ref} className={mergeClasses(attachmentIconClassName, classes.root, className)} {...rest}>\n        {children}\n      </span>\n    );\n  },\n);\n\nAttachmentIcon.displayName = 'AttachmentIcon';\n"],"names":["mergeClasses","React","useAttachmentIconStyles","attachmentIconClassName","AttachmentIcon","forwardRef","props","ref","className","children","rest","classes","span","root","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,0BAA0B;AAIlE,OAAO,MAAMC,0BAA0B,qBAAqB;AAE5D,OAAO,MAAMC,+BAAgDH,MAAMI,UAAU,CAC3E,CAACC,OAAOC;IACN,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT;IAEhB,qBACE,oBAACU;QAAKL,KAAKA;QAAKC,WAAWR,aAAaG,yBAAyBQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OAChGD;AAGP,GACA;AAEFL,eAAeU,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/AttachmentIcon.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentIconStyles } from './AttachmentIcon.styles';\n\nexport interface AttachmentIconProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const attachmentIconClassName = 'fui-AttachmentIcon';\n\nexport const AttachmentIcon: React.FC<AttachmentIconProps> = React.forwardRef<HTMLSpanElement, AttachmentIconProps>(\n  (props, ref) => {\n    const { className, children, ...rest } = props;\n    const classes = useAttachmentIconStyles();\n\n    return (\n      <span ref={ref} className={mergeClasses(attachmentIconClassName, classes.root, className)} {...rest}>\n        {children}\n      </span>\n    );\n  },\n);\n\nAttachmentIcon.displayName = 'AttachmentIcon';\n"],"names":["mergeClasses","React","useAttachmentIconStyles","attachmentIconClassName","AttachmentIcon","forwardRef","props","ref","className","children","rest","classes","span","root","displayName"],"mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,0BAA0B;AAIlE,OAAO,MAAMC,0BAA0B,qBAAqB;AAE5D,OAAO,MAAMC,+BAAgDH,MAAMI,UAAU,CAC3E,CAACC,OAAOC;IACN,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT;IAEhB,qBACE,oBAACU;QAAKL,KAAKA;QAAKC,WAAWR,aAAaG,yBAAyBQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OAChGD;AAGP,GACA;AAEFL,eAAeU,WAAW,GAAG"}

package/lib/components/Attachment/AttachmentIcon.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentIcon.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useAttachmentIconStyles = makeStyles({\n  root: {\n    height: '32px',\n    width: '32px',\n    marginRight: '12px',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    '& svg': {\n      height: '100%',\n      width: '100%',\n    },\n  },\n});\n"],"names":["makeStyles","useAttachmentIconStyles","root","height","width","marginRight","display","alignItems","justifyContent"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,OAAO,MAAMC,0BAA0BD,WAAW;IAChDE,MAAM;QACJC,QAAQ;QACRC,OAAO;QACPC,aAAa;QACbC,SAAS;QACTC,YAAY;QACZC,gBAAgB;QAChB,SAAS;YACPL,QAAQ;YACRC,OAAO;QACT;IACF;AACF,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/AttachmentIcon.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useAttachmentIconStyles = makeStyles({\n  root: {\n    height: '32px',\n    width: '32px',\n    marginRight: '12px',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    '& svg': {\n      height: '100%',\n      width: '100%',\n    },\n  },\n});\n"],"names":["makeStyles","useAttachmentIconStyles","root","height","width","marginRight","display","alignItems","justifyContent"],"mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,OAAO,MAAMC,0BAA0BD,WAAW;IAChDE,MAAM;QACJC,QAAQ;QACRC,OAAO;QACPC,aAAa;QACbC,SAAS;QACTC,YAAY;QACZC,gBAAgB;QAChB,SAAS;YACPL,QAAQ;YACRC,OAAO;QACT;IACF;AACF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/index.ts"],"sourcesContent":["export type { AttachmentProps } from './Attachment';\nexport {\n  Attachment,\n  attachmentClassName,\n  attachmentProgressBarClassName,\n  attachmentProgressContainerClassName,\n} from './Attachment';\nexport type { AttachmentActionProps } from './AttachmentAction';\nexport { AttachmentAction, attachmentActionClassName } from './AttachmentAction';\nexport type { AttachmentBodyProps } from './AttachmentBody';\nexport { AttachmentBody, attachmentBodyClassName } from './AttachmentBody';\nexport type { AttachmentDescriptionProps } from './AttachmentDescription';\nexport { AttachmentDescription, attachmentDescriptionClassName } from './AttachmentDescription';\nexport type { AttachmentHeaderProps } from './AttachmentHeader';\nexport { AttachmentHeader, attachmentHeaderClassName } from './AttachmentHeader';\nexport type { AttachmentIconProps } from './AttachmentIcon';\nexport { AttachmentIcon, attachmentIconClassName } from './AttachmentIcon';\n"],"names":["Attachment","attachmentClassName","attachmentProgressBarClassName","attachmentProgressContainerClassName","AttachmentAction","attachmentActionClassName","AttachmentBody","attachmentBodyClassName","AttachmentDescription","attachmentDescriptionClassName","AttachmentHeader","attachmentHeaderClassName","AttachmentIcon","attachmentIconClassName"],"rangeMappings":";;;;;","mappings":"AACA,SACEA,UAAU,EACVC,mBAAmB,EACnBC,8BAA8B,EAC9BC,oCAAoC,QAC/B,eAAe;AAEtB,SAASC,gBAAgB,EAAEC,yBAAyB,QAAQ,qBAAqB;AAEjF,SAASC,cAAc,EAAEC,uBAAuB,QAAQ,mBAAmB;AAE3E,SAASC,qBAAqB,EAAEC,8BAA8B,QAAQ,0BAA0B;AAEhG,SAASC,gBAAgB,EAAEC,yBAAyB,QAAQ,qBAAqB;AAEjF,SAASC,cAAc,EAAEC,uBAAuB,QAAQ,mBAAmB"}
+{"version":3,"sources":["../src/components/Attachment/index.ts"],"sourcesContent":["export type { AttachmentProps } from './Attachment';\nexport {\n  Attachment,\n  attachmentClassName,\n  attachmentProgressBarClassName,\n  attachmentProgressContainerClassName,\n} from './Attachment';\nexport type { AttachmentActionProps } from './AttachmentAction';\nexport { AttachmentAction, attachmentActionClassName } from './AttachmentAction';\nexport type { AttachmentBodyProps } from './AttachmentBody';\nexport { AttachmentBody, attachmentBodyClassName } from './AttachmentBody';\nexport type { AttachmentDescriptionProps } from './AttachmentDescription';\nexport { AttachmentDescription, attachmentDescriptionClassName } from './AttachmentDescription';\nexport type { AttachmentHeaderProps } from './AttachmentHeader';\nexport { AttachmentHeader, attachmentHeaderClassName } from './AttachmentHeader';\nexport type { AttachmentIconProps } from './AttachmentIcon';\nexport { AttachmentIcon, attachmentIconClassName } from './AttachmentIcon';\n"],"names":["Attachment","attachmentClassName","attachmentProgressBarClassName","attachmentProgressContainerClassName","AttachmentAction","attachmentActionClassName","AttachmentBody","attachmentBodyClassName","AttachmentDescription","attachmentDescriptionClassName","AttachmentHeader","attachmentHeaderClassName","AttachmentIcon","attachmentIconClassName"],"mappings":"AACA,SACEA,UAAU,EACVC,mBAAmB,EACnBC,8BAA8B,EAC9BC,oCAAoC,QAC/B,eAAe;AAEtB,SAASC,gBAAgB,EAAEC,yBAAyB,QAAQ,qBAAqB;AAEjF,SAASC,cAAc,EAAEC,uBAAuB,QAAQ,mBAAmB;AAE3E,SAASC,qBAAqB,EAAEC,8BAA8B,QAAQ,0BAA0B;AAEhG,SAASC,gBAAgB,EAAEC,yBAAyB,QAAQ,qBAAqB;AAEjF,SAASC,cAAc,EAAEC,uBAAuB,QAAQ,mBAAmB"}

package/lib/components/Button/ButtonMigration.mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/ButtonMigration.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n// class names from v0 - not imported as we do not want to keep depending on v0.\nconst iconClassNames = {\n  filled: 'ui-icon__filled',\n  outline: 'ui-icon__outline',\n};\n\nexport const v9HoverClasses = (): GriffelStyle => ({\n  [`& .${iconFilledClassName}`]: {\n    display: 'none',\n  },\n  [`& .${iconRegularClassName}`]: {\n    display: 'inline',\n  },\n  '&:hover': {\n    [`& .${iconFilledClassName}`]: {\n      display: 'inline',\n    },\n    [`& .${iconRegularClassName}`]: {\n      display: 'none',\n    },\n  },\n});\n\nexport const v9Icon = (): GriffelStyle => ({\n  // styles that allow to keep consistent size of v9 icon with v0 icon\n  '& svg': {\n    width: '100%',\n    paddingBottom: '100%',\n    // negative margin is necessary here for centering v9 icon\n    // with v0 button, because of extra spaces that svg contains\n    margin: '-4px 0 0 -4px',\n    overflow: 'visible',\n  },\n  ...v9HoverClasses(),\n});\n\nexport const v9CustomSizeIcon = (): GriffelStyle => ({\n  '& svg': { overflow: 'visible' },\n  ...v9HoverClasses(),\n});\n\nexport const v0Icon = (): GriffelStyle => ({\n  [`& .${iconClassNames.outline}`]: {\n    display: 'block',\n  },\n  [`& .${iconClassNames.filled}`]: {\n    display: 'none',\n  },\n  '&:hover': {\n    [`& .${iconClassNames.outline}`]: {\n      display: 'none',\n    },\n    [`& .${iconClassNames.filled}`]: {\n      display: 'block',\n    },\n  },\n});\n\nexport const v9DisabledCursor = (): GriffelStyle => ({\n  '&:disabled': {\n    cursor: 'default',\n    '&:hover': {\n      cursor: 'default',\n    },\n    '&:hover:active': {\n      cursor: 'default',\n    },\n  },\n});\n"],"names":["iconFilledClassName","iconRegularClassName","iconClassNames","filled","outline","v9HoverClasses","display","v9Icon","width","paddingBottom","margin","overflow","v9CustomSizeIcon","v0Icon","v9DisabledCursor","cursor"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AACA,SAASA,mBAAmB,EAAEC,oBAAoB,QAAQ,wBAAwB;AAElF,gFAAgF;AAChF,MAAMC,iBAAiB;IACrBC,QAAQ;IACRC,SAAS;AACX;AAEA,OAAO,MAAMC,iBAAiB,IAAqB,CAAA;QACjD,CAAC,CAAC,GAAG,EAAEL,oBAAoB,CAAC,CAAC,EAAE;YAC7BM,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEL,qBAAqB,CAAC,CAAC,EAAE;YAC9BK,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAEN,oBAAoB,CAAC,CAAC,EAAE;gBAC7BM,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEL,qBAAqB,CAAC,CAAC,EAAE;gBAC9BK,SAAS;YACX;QACF;IACF,CAAA,EAAG;AAEH,OAAO,MAAMC,SAAS,IAAqB,CAAA;QACzC,oEAAoE;QACpE,SAAS;YACPC,OAAO;YACPC,eAAe;YACf,0DAA0D;YAC1D,4DAA4D;YAC5DC,QAAQ;YACRC,UAAU;QACZ;QACA,GAAGN,gBAAgB;IACrB,CAAA,EAAG;AAEH,OAAO,MAAMO,mBAAmB,IAAqB,CAAA;QACnD,SAAS;YAAED,UAAU;QAAU;QAC/B,GAAGN,gBAAgB;IACrB,CAAA,EAAG;AAEH,OAAO,MAAMQ,SAAS,IAAqB,CAAA;QACzC,CAAC,CAAC,GAAG,EAAEX,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;YAChCE,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;YAC/BG,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAEJ,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;gBAChCE,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC/BG,SAAS;YACX;QACF;IACF,CAAA,EAAG;AAEH,OAAO,MAAMQ,mBAAmB,IAAqB,CAAA;QACnD,cAAc;YACZC,QAAQ;YACR,WAAW;gBACTA,QAAQ;YACV;YACA,kBAAkB;gBAChBA,QAAQ;YACV;QACF;IACF,CAAA,EAAG"}
+{"version":3,"sources":["../src/components/Button/ButtonMigration.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n// class names from v0 - not imported as we do not want to keep depending on v0.\nconst iconClassNames = {\n  filled: 'ui-icon__filled',\n  outline: 'ui-icon__outline',\n};\n\nexport const v9HoverClasses = (): GriffelStyle => ({\n  [`& .${iconFilledClassName}`]: {\n    display: 'none',\n  },\n  [`& .${iconRegularClassName}`]: {\n    display: 'inline',\n  },\n  '&:hover': {\n    [`& .${iconFilledClassName}`]: {\n      display: 'inline',\n    },\n    [`& .${iconRegularClassName}`]: {\n      display: 'none',\n    },\n  },\n});\n\nexport const v9Icon = (): GriffelStyle => ({\n  // styles that allow to keep consistent size of v9 icon with v0 icon\n  '& svg': {\n    width: '100%',\n    paddingBottom: '100%',\n    // negative margin is necessary here for centering v9 icon\n    // with v0 button, because of extra spaces that svg contains\n    margin: '-4px 0 0 -4px',\n    overflow: 'visible',\n  },\n  ...v9HoverClasses(),\n});\n\nexport const v9CustomSizeIcon = (): GriffelStyle => ({\n  '& svg': { overflow: 'visible' },\n  ...v9HoverClasses(),\n});\n\nexport const v0Icon = (): GriffelStyle => ({\n  [`& .${iconClassNames.outline}`]: {\n    display: 'block',\n  },\n  [`& .${iconClassNames.filled}`]: {\n    display: 'none',\n  },\n  '&:hover': {\n    [`& .${iconClassNames.outline}`]: {\n      display: 'none',\n    },\n    [`& .${iconClassNames.filled}`]: {\n      display: 'block',\n    },\n  },\n});\n\nexport const v9DisabledCursor = (): GriffelStyle => ({\n  '&:disabled': {\n    cursor: 'default',\n    '&:hover': {\n      cursor: 'default',\n    },\n    '&:hover:active': {\n      cursor: 'default',\n    },\n  },\n});\n"],"names":["iconFilledClassName","iconRegularClassName","iconClassNames","filled","outline","v9HoverClasses","display","v9Icon","width","paddingBottom","margin","overflow","v9CustomSizeIcon","v0Icon","v9DisabledCursor","cursor"],"mappings":"AACA,SAASA,mBAAmB,EAAEC,oBAAoB,QAAQ,wBAAwB;AAElF,gFAAgF;AAChF,MAAMC,iBAAiB;IACrBC,QAAQ;IACRC,SAAS;AACX;AAEA,OAAO,MAAMC,iBAAiB,IAAqB,CAAA;QACjD,CAAC,CAAC,GAAG,EAAEL,qBAAqB,CAAC,EAAE;YAC7BM,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEL,sBAAsB,CAAC,EAAE;YAC9BK,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAEN,qBAAqB,CAAC,EAAE;gBAC7BM,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEL,sBAAsB,CAAC,EAAE;gBAC9BK,SAAS;YACX;QACF;IACF,CAAA,EAAG;AAEH,OAAO,MAAMC,SAAS,IAAqB,CAAA;QACzC,oEAAoE;QACpE,SAAS;YACPC,OAAO;YACPC,eAAe;YACf,0DAA0D;YAC1D,4DAA4D;YAC5DC,QAAQ;YACRC,UAAU;QACZ;QACA,GAAGN,gBAAgB;IACrB,CAAA,EAAG;AAEH,OAAO,MAAMO,mBAAmB,IAAqB,CAAA;QACnD,SAAS;YAAED,UAAU;QAAU;QAC/B,GAAGN,gBAAgB;IACrB,CAAA,EAAG;AAEH,OAAO,MAAMQ,SAAS,IAAqB,CAAA;QACzC,CAAC,CAAC,GAAG,EAAEX,eAAeE,OAAO,EAAE,CAAC,EAAE;YAChCE,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,EAAE,CAAC,EAAE;YAC/BG,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAEJ,eAAeE,OAAO,EAAE,CAAC,EAAE;gBAChCE,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,EAAE,CAAC,EAAE;gBAC/BG,SAAS;YACX;QACF;IACF,CAAA,EAAG;AAEH,OAAO,MAAMQ,mBAAmB,IAAqB,CAAA;QACnD,cAAc;YACZC,QAAQ;YACR,WAAW;gBACTA,QAAQ;YACV;YACA,kBAAkB;gBAChBA,QAAQ;YACV;QACF;IACF,CAAA,EAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/index.tsx"],"sourcesContent":["export { v0Icon, v9CustomSizeIcon, v9DisabledCursor, v9HoverClasses, v9Icon } from './ButtonMigration.mixins';\n"],"names":["v0Icon","v9CustomSizeIcon","v9DisabledCursor","v9HoverClasses","v9Icon"],"rangeMappings":"","mappings":"AAAA,SAASA,MAAM,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,MAAM,QAAQ,2BAA2B"}
+{"version":3,"sources":["../src/components/Button/index.tsx"],"sourcesContent":["export { v0Icon, v9CustomSizeIcon, v9DisabledCursor, v9HoverClasses, v9Icon } from './ButtonMigration.mixins';\n"],"names":["v0Icon","v9CustomSizeIcon","v9DisabledCursor","v9HoverClasses","v9Icon"],"mappings":"AAAA,SAASA,MAAM,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,MAAM,QAAQ,2BAA2B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Flex/Flex.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\n\nimport { useFlexStyles } from './Flex.styles';\n\nexport interface FlexProps {\n  /** Defines if container should be inline element. */\n  inline?: boolean;\n\n  /** Sets vertical flow direction. */\n  column?: boolean;\n\n  /** Allows overflow items to wrap on the next container's line. */\n  wrap?: boolean;\n\n  /** Controls items alignment in horizontal direction. */\n  hAlign?: 'start' | 'center' | 'end' | 'stretch';\n\n  /** Controls items alignment in vertical direction. */\n  vAlign?: 'start' | 'center' | 'end' | 'stretch';\n\n  /** Defines strategy for distributing remaining space between items. */\n  space?: 'around' | 'between' | 'evenly';\n\n  /** Defines gap between each two adjacent child items. */\n  gap?: 'gap.smaller' | 'gap.small' | 'gap.medium' | 'gap.large';\n\n  /** Defines container's padding. */\n  padding?: 'padding.medium';\n\n  /** Orders container to fill all parent's space available. */\n  fill?: boolean;\n}\n\nexport const flexClassName = 'fui-Flex';\n\nexport const Flex = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement> & FlexProps>((props, ref) => {\n  const { children, column, fill, gap, hAlign, inline, padding, space, vAlign, wrap, className, ...rest } = props;\n  const classes = useFlexStyles();\n\n  const classMaps = React.useMemo(\n    () => ({\n      alignItems: {\n        start: classes.alignItemsFlexStart,\n        center: classes.alignItemsCenter,\n        end: classes.alignItemsFlexEnd,\n        stretch: classes.alignItemsCenter,\n      },\n      justifyContent: {\n        start: classes.justifyContentFlexStart,\n        center: classes.justifyContentCenter,\n        end: classes.justifyContentFlexEnd,\n        stretch: classes.justifyContentStretch,\n      },\n      justifyContentSpace: {\n        around: classes.justifyContentSpaceAround,\n        between: classes.justifyContentSpaceBetween,\n        evenly: classes.justifyContentSpaceEvenly,\n      },\n      gapForColumnFlex: {\n        'gap.smaller': classes.gapForColumnFlexSmaller,\n        'gap.small': classes.gapForColumnFlexSmall,\n        'gap.medium': classes.gapForColumnFlexMedium,\n        'gap.large': classes.gapForColumnFlexLarge,\n      },\n      gapRow: {\n        'gap.smaller': classes.gapForRowFlexSmaller,\n        'gap.small': classes.gapForRowFlexSmall,\n        'gap.medium': classes.gapForRowFlexMedium,\n        'gap.large': classes.gapForRowFlexLarge,\n      },\n      paddings: {\n        'padding.medium': classes.paddingMedium,\n      },\n    }),\n    [classes],\n  );\n\n  const flexClasses = mergeClasses(\n    flexClassName,\n    classes.flex,\n    inline && classes.inline,\n    column && classes.column,\n    hAlign && (column ? classMaps.alignItems[hAlign] : classMaps.justifyContent[hAlign]),\n    vAlign && (column ? classMaps.justifyContent[vAlign] : classMaps.alignItems[vAlign]),\n    space && classMaps.justifyContentSpace[space],\n    wrap && classes.wrap,\n    fill && classes.fill,\n    gap && (column ? classMaps.gapForColumnFlex[gap] : classMaps.gapRow[gap]),\n    padding && classMaps.paddings[padding],\n    className,\n  );\n\n  const content = React.Children.map(children, child => {\n    // @ts-expect-error __isFlexItem is added to the React type property by N*\n    const isFlexItemElement: boolean = child?.type?.__isFlexItem;\n\n    return isFlexItemElement\n      ? React.cloneElement(child as React.ReactElement, {\n          flexDirection: column ? 'column' : 'row',\n        })\n      : child;\n  });\n\n  return (\n    <div ref={ref} className={flexClasses} {...rest}>\n      {content}\n    </div>\n  );\n});\n\nFlex.displayName = 'Flex';\n"],"names":["mergeClasses","React","useFlexStyles","flexClassName","Flex","forwardRef","props","ref","children","column","fill","gap","hAlign","inline","padding","space","vAlign","wrap","className","rest","classes","classMaps","useMemo","alignItems","start","alignItemsFlexStart","center","alignItemsCenter","end","alignItemsFlexEnd","stretch","justifyContent","justifyContentFlexStart","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpace","around","justifyContentSpaceAround","between","justifyContentSpaceBetween","evenly","justifyContentSpaceEvenly","gapForColumnFlex","gapForColumnFlexSmaller","gapForColumnFlexSmall","gapForColumnFlexMedium","gapForColumnFlexLarge","gapRow","gapForRowFlexSmaller","gapForRowFlexSmall","gapForRowFlexMedium","gapForRowFlexLarge","paddings","paddingMedium","flexClasses","flex","content","Children","map","child","isFlexItemElement","type","__isFlexItem","cloneElement","flexDirection","div","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAE/B,SAASC,aAAa,QAAQ,gBAAgB;AA+B9C,OAAO,MAAMC,gBAAgB,WAAW;AAExC,OAAO,MAAMC,qBAAOH,MAAMI,UAAU,CAAgE,CAACC,OAAOC;IAC1G,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,GAAG,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGb;IAC1G,MAAMc,UAAUlB;IAEhB,MAAMmB,YAAYpB,MAAMqB,OAAO,CAC7B,IAAO,CAAA;YACLC,YAAY;gBACVC,OAAOJ,QAAQK,mBAAmB;gBAClCC,QAAQN,QAAQO,gBAAgB;gBAChCC,KAAKR,QAAQS,iBAAiB;gBAC9BC,SAASV,QAAQO,gBAAgB;YACnC;YACAI,gBAAgB;gBACdP,OAAOJ,QAAQY,uBAAuB;gBACtCN,QAAQN,QAAQa,oBAAoB;gBACpCL,KAAKR,QAAQc,qBAAqB;gBAClCJ,SAASV,QAAQe,qBAAqB;YACxC;YACAC,qBAAqB;gBACnBC,QAAQjB,QAAQkB,yBAAyB;gBACzCC,SAASnB,QAAQoB,0BAA0B;gBAC3CC,QAAQrB,QAAQsB,yBAAyB;YAC3C;YACAC,kBAAkB;gBAChB,eAAevB,QAAQwB,uBAAuB;gBAC9C,aAAaxB,QAAQyB,qBAAqB;gBAC1C,cAAczB,QAAQ0B,sBAAsB;gBAC5C,aAAa1B,QAAQ2B,qBAAqB;YAC5C;YACAC,QAAQ;gBACN,eAAe5B,QAAQ6B,oBAAoB;gBAC3C,aAAa7B,QAAQ8B,kBAAkB;gBACvC,cAAc9B,QAAQ+B,mBAAmB;gBACzC,aAAa/B,QAAQgC,kBAAkB;YACzC;YACAC,UAAU;gBACR,kBAAkBjC,QAAQkC,aAAa;YACzC;QACF,CAAA,GACA;QAAClC;KAAQ;IAGX,MAAMmC,cAAcvD,aAClBG,eACAiB,QAAQoC,IAAI,EACZ3C,UAAUO,QAAQP,MAAM,EACxBJ,UAAUW,QAAQX,MAAM,EACxBG,UAAWH,CAAAA,SAASY,UAAUE,UAAU,CAACX,OAAO,GAAGS,UAAUU,cAAc,CAACnB,OAAO,AAAD,GAClFI,UAAWP,CAAAA,SAASY,UAAUU,cAAc,CAACf,OAAO,GAAGK,UAAUE,UAAU,CAACP,OAAO,AAAD,GAClFD,SAASM,UAAUe,mBAAmB,CAACrB,MAAM,EAC7CE,QAAQG,QAAQH,IAAI,EACpBP,QAAQU,QAAQV,IAAI,EACpBC,OAAQF,CAAAA,SAASY,UAAUsB,gBAAgB,CAAChC,IAAI,GAAGU,UAAU2B,MAAM,CAACrC,IAAI,AAAD,GACvEG,WAAWO,UAAUgC,QAAQ,CAACvC,QAAQ,EACtCI;IAGF,MAAMuC,UAAUxD,MAAMyD,QAAQ,CAACC,GAAG,CAACnD,UAAUoD,CAAAA;YAERA;QADnC,0EAA0E;QAC1E,MAAMC,oBAA6BD,kBAAAA,6BAAAA,cAAAA,MAAOE,IAAI,cAAXF,kCAAAA,YAAaG,YAAY;QAE5D,OAAOF,kCACH5D,MAAM+D,YAAY,CAACJ,OAA6B;YAC9CK,eAAexD,SAAS,WAAW;QACrC,KACAmD;IACN;IAEA,qBACE,oBAACM;QAAI3D,KAAKA;QAAKW,WAAWqC;QAAc,GAAGpC,IAAI;OAC5CsC;AAGP,GAAG;AAEHrD,KAAK+D,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Flex/Flex.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\n\nimport { useFlexStyles } from './Flex.styles';\n\nexport interface FlexProps {\n  /** Defines if container should be inline element. */\n  inline?: boolean;\n\n  /** Sets vertical flow direction. */\n  column?: boolean;\n\n  /** Allows overflow items to wrap on the next container's line. */\n  wrap?: boolean;\n\n  /** Controls items alignment in horizontal direction. */\n  hAlign?: 'start' | 'center' | 'end' | 'stretch';\n\n  /** Controls items alignment in vertical direction. */\n  vAlign?: 'start' | 'center' | 'end' | 'stretch';\n\n  /** Defines strategy for distributing remaining space between items. */\n  space?: 'around' | 'between' | 'evenly';\n\n  /** Defines gap between each two adjacent child items. */\n  gap?: 'gap.smaller' | 'gap.small' | 'gap.medium' | 'gap.large';\n\n  /** Defines container's padding. */\n  padding?: 'padding.medium';\n\n  /** Orders container to fill all parent's space available. */\n  fill?: boolean;\n}\n\nexport const flexClassName = 'fui-Flex';\n\nexport const Flex = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement> & FlexProps>((props, ref) => {\n  const { children, column, fill, gap, hAlign, inline, padding, space, vAlign, wrap, className, ...rest } = props;\n  const classes = useFlexStyles();\n\n  const classMaps = React.useMemo(\n    () => ({\n      alignItems: {\n        start: classes.alignItemsFlexStart,\n        center: classes.alignItemsCenter,\n        end: classes.alignItemsFlexEnd,\n        stretch: classes.alignItemsCenter,\n      },\n      justifyContent: {\n        start: classes.justifyContentFlexStart,\n        center: classes.justifyContentCenter,\n        end: classes.justifyContentFlexEnd,\n        stretch: classes.justifyContentStretch,\n      },\n      justifyContentSpace: {\n        around: classes.justifyContentSpaceAround,\n        between: classes.justifyContentSpaceBetween,\n        evenly: classes.justifyContentSpaceEvenly,\n      },\n      gapForColumnFlex: {\n        'gap.smaller': classes.gapForColumnFlexSmaller,\n        'gap.small': classes.gapForColumnFlexSmall,\n        'gap.medium': classes.gapForColumnFlexMedium,\n        'gap.large': classes.gapForColumnFlexLarge,\n      },\n      gapRow: {\n        'gap.smaller': classes.gapForRowFlexSmaller,\n        'gap.small': classes.gapForRowFlexSmall,\n        'gap.medium': classes.gapForRowFlexMedium,\n        'gap.large': classes.gapForRowFlexLarge,\n      },\n      paddings: {\n        'padding.medium': classes.paddingMedium,\n      },\n    }),\n    [classes],\n  );\n\n  const flexClasses = mergeClasses(\n    flexClassName,\n    classes.flex,\n    inline && classes.inline,\n    column && classes.column,\n    hAlign && (column ? classMaps.alignItems[hAlign] : classMaps.justifyContent[hAlign]),\n    vAlign && (column ? classMaps.justifyContent[vAlign] : classMaps.alignItems[vAlign]),\n    space && classMaps.justifyContentSpace[space],\n    wrap && classes.wrap,\n    fill && classes.fill,\n    gap && (column ? classMaps.gapForColumnFlex[gap] : classMaps.gapRow[gap]),\n    padding && classMaps.paddings[padding],\n    className,\n  );\n\n  const content = React.Children.map(children, child => {\n    // @ts-expect-error __isFlexItem is added to the React type property by N*\n    const isFlexItemElement: boolean = child?.type?.__isFlexItem;\n\n    return isFlexItemElement\n      ? React.cloneElement(child as React.ReactElement, {\n          flexDirection: column ? 'column' : 'row',\n        })\n      : child;\n  });\n\n  return (\n    <div ref={ref} className={flexClasses} {...rest}>\n      {content}\n    </div>\n  );\n});\n\nFlex.displayName = 'Flex';\n"],"names":["mergeClasses","React","useFlexStyles","flexClassName","Flex","forwardRef","props","ref","children","column","fill","gap","hAlign","inline","padding","space","vAlign","wrap","className","rest","classes","classMaps","useMemo","alignItems","start","alignItemsFlexStart","center","alignItemsCenter","end","alignItemsFlexEnd","stretch","justifyContent","justifyContentFlexStart","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpace","around","justifyContentSpaceAround","between","justifyContentSpaceBetween","evenly","justifyContentSpaceEvenly","gapForColumnFlex","gapForColumnFlexSmaller","gapForColumnFlexSmall","gapForColumnFlexMedium","gapForColumnFlexLarge","gapRow","gapForRowFlexSmaller","gapForRowFlexSmall","gapForRowFlexMedium","gapForRowFlexLarge","paddings","paddingMedium","flexClasses","flex","content","Children","map","child","isFlexItemElement","type","__isFlexItem","cloneElement","flexDirection","div","displayName"],"mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAE/B,SAASC,aAAa,QAAQ,gBAAgB;AA+B9C,OAAO,MAAMC,gBAAgB,WAAW;AAExC,OAAO,MAAMC,qBAAOH,MAAMI,UAAU,CAAgE,CAACC,OAAOC;IAC1G,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,GAAG,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGb;IAC1G,MAAMc,UAAUlB;IAEhB,MAAMmB,YAAYpB,MAAMqB,OAAO,CAC7B,IAAO,CAAA;YACLC,YAAY;gBACVC,OAAOJ,QAAQK,mBAAmB;gBAClCC,QAAQN,QAAQO,gBAAgB;gBAChCC,KAAKR,QAAQS,iBAAiB;gBAC9BC,SAASV,QAAQO,gBAAgB;YACnC;YACAI,gBAAgB;gBACdP,OAAOJ,QAAQY,uBAAuB;gBACtCN,QAAQN,QAAQa,oBAAoB;gBACpCL,KAAKR,QAAQc,qBAAqB;gBAClCJ,SAASV,QAAQe,qBAAqB;YACxC;YACAC,qBAAqB;gBACnBC,QAAQjB,QAAQkB,yBAAyB;gBACzCC,SAASnB,QAAQoB,0BAA0B;gBAC3CC,QAAQrB,QAAQsB,yBAAyB;YAC3C;YACAC,kBAAkB;gBAChB,eAAevB,QAAQwB,uBAAuB;gBAC9C,aAAaxB,QAAQyB,qBAAqB;gBAC1C,cAAczB,QAAQ0B,sBAAsB;gBAC5C,aAAa1B,QAAQ2B,qBAAqB;YAC5C;YACAC,QAAQ;gBACN,eAAe5B,QAAQ6B,oBAAoB;gBAC3C,aAAa7B,QAAQ8B,kBAAkB;gBACvC,cAAc9B,QAAQ+B,mBAAmB;gBACzC,aAAa/B,QAAQgC,kBAAkB;YACzC;YACAC,UAAU;gBACR,kBAAkBjC,QAAQkC,aAAa;YACzC;QACF,CAAA,GACA;QAAClC;KAAQ;IAGX,MAAMmC,cAAcvD,aAClBG,eACAiB,QAAQoC,IAAI,EACZ3C,UAAUO,QAAQP,MAAM,EACxBJ,UAAUW,QAAQX,MAAM,EACxBG,UAAWH,CAAAA,SAASY,UAAUE,UAAU,CAACX,OAAO,GAAGS,UAAUU,cAAc,CAACnB,OAAO,AAAD,GAClFI,UAAWP,CAAAA,SAASY,UAAUU,cAAc,CAACf,OAAO,GAAGK,UAAUE,UAAU,CAACP,OAAO,AAAD,GAClFD,SAASM,UAAUe,mBAAmB,CAACrB,MAAM,EAC7CE,QAAQG,QAAQH,IAAI,EACpBP,QAAQU,QAAQV,IAAI,EACpBC,OAAQF,CAAAA,SAASY,UAAUsB,gBAAgB,CAAChC,IAAI,GAAGU,UAAU2B,MAAM,CAACrC,IAAI,AAAD,GACvEG,WAAWO,UAAUgC,QAAQ,CAACvC,QAAQ,EACtCI;IAGF,MAAMuC,UAAUxD,MAAMyD,QAAQ,CAACC,GAAG,CAACnD,UAAUoD,CAAAA;YAERA;QADnC,0EAA0E;QAC1E,MAAMC,oBAA6BD,kBAAAA,6BAAAA,cAAAA,MAAOE,IAAI,cAAXF,kCAAAA,YAAaG,YAAY;QAE5D,OAAOF,kCACH5D,MAAM+D,YAAY,CAACJ,OAA6B;YAC9CK,eAAexD,SAAS,WAAW;QACrC,KACAmD;IACN;IAEA,qBACE,oBAACM;QAAI3D,KAAKA;QAAKW,WAAWqC;QAAc,GAAGpC,IAAI;OAC5CsC;AAGP,GAAG;AAEHrD,KAAK+D,WAAW,GAAG"}

package/lib/components/Flex/Flex.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Flex/Flex.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nconst gapValues = {\n  smaller: '8px',\n  small: '10px',\n  medium: '15px',\n  large: '30px',\n};\n\nconst paddingValues = {\n  medium: '10px',\n};\n\nexport const useFlexStyles = makeStyles({\n  flex: {\n    display: 'flex',\n  },\n  inline: {\n    display: 'inline-flex',\n  },\n  column: {\n    flexDirection: 'column',\n  },\n  alignItemsFlexStart: {\n    alignItems: 'flex-start',\n  },\n  alignItemsCenter: {\n    alignItems: 'center',\n  },\n  alignItemsFlexEnd: {\n    alignItems: 'flex-end',\n  },\n  alignItemsStretch: {\n    alignItems: 'stretch',\n  },\n  justifyContentFlexStart: {\n    justifyContent: 'flex-start',\n  },\n  justifyContentCenter: {\n    justifyContent: 'center',\n  },\n  justifyContentFlexEnd: {\n    justifyContent: 'flex-end',\n  },\n  justifyContentStretch: {\n    justifyContent: 'stretch',\n  },\n  justifyContentSpaceAround: {\n    justifyContent: 'space-around',\n  },\n  justifyContentSpaceBetween: {\n    justifyContent: 'space-between',\n  },\n  justifyContentSpaceEvenly: {\n    justifyContent: 'space-evenly',\n  },\n  wrap: {\n    flexWrap: 'wrap',\n  },\n  fill: {\n    width: '100%',\n    height: '100%',\n  },\n  gapForColumnFlexSmall: {\n    rowGap: gapValues.small,\n  },\n  gapForColumnFlexSmaller: {\n    rowGap: gapValues.smaller,\n  },\n  gapForColumnFlexMedium: {\n    rowGap: gapValues.medium,\n  },\n  gapForColumnFlexLarge: {\n    rowGap: gapValues.large,\n  },\n  gapForRowFlexSmall: {\n    columnGap: gapValues.small,\n  },\n  gapForRowFlexSmaller: {\n    columnGap: gapValues.smaller,\n  },\n  gapForRowFlexMedium: {\n    columnGap: gapValues.medium,\n  },\n  gapForRowFlexLarge: {\n    columnGap: gapValues.large,\n  },\n  paddingMedium: {\n    padding: paddingValues.medium,\n  },\n});\n"],"names":["makeStyles","gapValues","smaller","small","medium","large","paddingValues","useFlexStyles","flex","display","inline","column","flexDirection","alignItemsFlexStart","alignItems","alignItemsCenter","alignItemsFlexEnd","alignItemsStretch","justifyContentFlexStart","justifyContent","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpaceAround","justifyContentSpaceBetween","justifyContentSpaceEvenly","wrap","flexWrap","fill","width","height","gapForColumnFlexSmall","rowGap","gapForColumnFlexSmaller","gapForColumnFlexMedium","gapForColumnFlexLarge","gapForRowFlexSmall","columnGap","gapForRowFlexSmaller","gapForRowFlexMedium","gapForRowFlexLarge","paddingMedium","padding"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,MAAMC,YAAY;IAChBC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT;AAEA,MAAMC,gBAAgB;IACpBF,QAAQ;AACV;AAEA,OAAO,MAAMG,gBAAgBP,WAAW;IACtCQ,MAAM;QACJC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,QAAQ;QACNC,eAAe;IACjB;IACAC,qBAAqB;QACnBC,YAAY;IACd;IACAC,kBAAkB;QAChBD,YAAY;IACd;IACAE,mBAAmB;QACjBF,YAAY;IACd;IACAG,mBAAmB;QACjBH,YAAY;IACd;IACAI,yBAAyB;QACvBC,gBAAgB;IAClB;IACAC,sBAAsB;QACpBD,gBAAgB;IAClB;IACAE,uBAAuB;QACrBF,gBAAgB;IAClB;IACAG,uBAAuB;QACrBH,gBAAgB;IAClB;IACAI,2BAA2B;QACzBJ,gBAAgB;IAClB;IACAK,4BAA4B;QAC1BL,gBAAgB;IAClB;IACAM,2BAA2B;QACzBN,gBAAgB;IAClB;IACAO,MAAM;QACJC,UAAU;IACZ;IACAC,MAAM;QACJC,OAAO;QACPC,QAAQ;IACV;IACAC,uBAAuB;QACrBC,QAAQ/B,UAAUE,KAAK;IACzB;IACA8B,yBAAyB;QACvBD,QAAQ/B,UAAUC,OAAO;IAC3B;IACAgC,wBAAwB;QACtBF,QAAQ/B,UAAUG,MAAM;IAC1B;IACA+B,uBAAuB;QACrBH,QAAQ/B,UAAUI,KAAK;IACzB;IACA+B,oBAAoB;QAClBC,WAAWpC,UAAUE,KAAK;IAC5B;IACAmC,sBAAsB;QACpBD,WAAWpC,UAAUC,OAAO;IAC9B;IACAqC,qBAAqB;QACnBF,WAAWpC,UAAUG,MAAM;IAC7B;IACAoC,oBAAoB;QAClBH,WAAWpC,UAAUI,KAAK;IAC5B;IACAoC,eAAe;QACbC,SAASpC,cAAcF,MAAM;IAC/B;AACF,GAAG"}
+{"version":3,"sources":["../src/components/Flex/Flex.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nconst gapValues = {\n  smaller: '8px',\n  small: '10px',\n  medium: '15px',\n  large: '30px',\n};\n\nconst paddingValues = {\n  medium: '10px',\n};\n\nexport const useFlexStyles = makeStyles({\n  flex: {\n    display: 'flex',\n  },\n  inline: {\n    display: 'inline-flex',\n  },\n  column: {\n    flexDirection: 'column',\n  },\n  alignItemsFlexStart: {\n    alignItems: 'flex-start',\n  },\n  alignItemsCenter: {\n    alignItems: 'center',\n  },\n  alignItemsFlexEnd: {\n    alignItems: 'flex-end',\n  },\n  alignItemsStretch: {\n    alignItems: 'stretch',\n  },\n  justifyContentFlexStart: {\n    justifyContent: 'flex-start',\n  },\n  justifyContentCenter: {\n    justifyContent: 'center',\n  },\n  justifyContentFlexEnd: {\n    justifyContent: 'flex-end',\n  },\n  justifyContentStretch: {\n    justifyContent: 'stretch',\n  },\n  justifyContentSpaceAround: {\n    justifyContent: 'space-around',\n  },\n  justifyContentSpaceBetween: {\n    justifyContent: 'space-between',\n  },\n  justifyContentSpaceEvenly: {\n    justifyContent: 'space-evenly',\n  },\n  wrap: {\n    flexWrap: 'wrap',\n  },\n  fill: {\n    width: '100%',\n    height: '100%',\n  },\n  gapForColumnFlexSmall: {\n    rowGap: gapValues.small,\n  },\n  gapForColumnFlexSmaller: {\n    rowGap: gapValues.smaller,\n  },\n  gapForColumnFlexMedium: {\n    rowGap: gapValues.medium,\n  },\n  gapForColumnFlexLarge: {\n    rowGap: gapValues.large,\n  },\n  gapForRowFlexSmall: {\n    columnGap: gapValues.small,\n  },\n  gapForRowFlexSmaller: {\n    columnGap: gapValues.smaller,\n  },\n  gapForRowFlexMedium: {\n    columnGap: gapValues.medium,\n  },\n  gapForRowFlexLarge: {\n    columnGap: gapValues.large,\n  },\n  paddingMedium: {\n    padding: paddingValues.medium,\n  },\n});\n"],"names":["makeStyles","gapValues","smaller","small","medium","large","paddingValues","useFlexStyles","flex","display","inline","column","flexDirection","alignItemsFlexStart","alignItems","alignItemsCenter","alignItemsFlexEnd","alignItemsStretch","justifyContentFlexStart","justifyContent","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpaceAround","justifyContentSpaceBetween","justifyContentSpaceEvenly","wrap","flexWrap","fill","width","height","gapForColumnFlexSmall","rowGap","gapForColumnFlexSmaller","gapForColumnFlexMedium","gapForColumnFlexLarge","gapForRowFlexSmall","columnGap","gapForRowFlexSmaller","gapForRowFlexMedium","gapForRowFlexLarge","paddingMedium","padding"],"mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,MAAMC,YAAY;IAChBC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT;AAEA,MAAMC,gBAAgB;IACpBF,QAAQ;AACV;AAEA,OAAO,MAAMG,gBAAgBP,WAAW;IACtCQ,MAAM;QACJC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,QAAQ;QACNC,eAAe;IACjB;IACAC,qBAAqB;QACnBC,YAAY;IACd;IACAC,kBAAkB;QAChBD,YAAY;IACd;IACAE,mBAAmB;QACjBF,YAAY;IACd;IACAG,mBAAmB;QACjBH,YAAY;IACd;IACAI,yBAAyB;QACvBC,gBAAgB;IAClB;IACAC,sBAAsB;QACpBD,gBAAgB;IAClB;IACAE,uBAAuB;QACrBF,gBAAgB;IAClB;IACAG,uBAAuB;QACrBH,gBAAgB;IAClB;IACAI,2BAA2B;QACzBJ,gBAAgB;IAClB;IACAK,4BAA4B;QAC1BL,gBAAgB;IAClB;IACAM,2BAA2B;QACzBN,gBAAgB;IAClB;IACAO,MAAM;QACJC,UAAU;IACZ;IACAC,MAAM;QACJC,OAAO;QACPC,QAAQ;IACV;IACAC,uBAAuB;QACrBC,QAAQ/B,UAAUE,KAAK;IACzB;IACA8B,yBAAyB;QACvBD,QAAQ/B,UAAUC,OAAO;IAC3B;IACAgC,wBAAwB;QACtBF,QAAQ/B,UAAUG,MAAM;IAC1B;IACA+B,uBAAuB;QACrBH,QAAQ/B,UAAUI,KAAK;IACzB;IACA+B,oBAAoB;QAClBC,WAAWpC,UAAUE,KAAK;IAC5B;IACAmC,sBAAsB;QACpBD,WAAWpC,UAAUC,OAAO;IAC9B;IACAqC,qBAAqB;QACnBF,WAAWpC,UAAUG,MAAM;IAC7B;IACAoC,oBAAoB;QAClBH,WAAWpC,UAAUI,KAAK;IAC5B;IACAoC,eAAe;QACbC,SAASpC,cAAcF,MAAM;IAC/B;AACF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"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"],"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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;IACZ,IAAIA,aAAa,MAAM;QACrB,OAAO;YAAEA,UAAU;QAAE;IACvB,OAAO,IAAIA,UAAU;QACnB,OAAO;YAAEA;QAAS;IACpB,OAAO;QACL,OAAOC;IACT;AACF;AAEA,MAAMC,SAAS,CAACC;IACd,IAAI,OAAOA,eAAe,UAAU;QAClC,OAAO;YAAEA;QAAW;IACtB,OAAO,IAAIA,eAAe,OAAO;QAC/B,OAAO;YAAEA,YAAY;QAAE;IACzB,OAAO;QACL,OAAOF;IACT;AACF;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"}
+{"version":3,"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"],"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;IACZ,IAAIA,aAAa,MAAM;QACrB,OAAO;YAAEA,UAAU;QAAE;IACvB,OAAO,IAAIA,UAAU;QACnB,OAAO;YAAEA;QAAS;IACpB,OAAO;QACL,OAAOC;IACT;AACF;AAEA,MAAMC,SAAS,CAACC;IACd,IAAI,OAAOA,eAAe,UAAU;QAClC,OAAO;YAAEA;QAAW;IACtB,OAAO,IAAIA,eAAe,OAAO;QAC/B,OAAO;YAAEA,YAAY;QAAE;IACzB,OAAO;QACL,OAAOF;IACT;AACF;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.map

@@ -1 +1 @@
-{"version":3,"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"],"names":["Flex","flexClassName","useFlexStyles","flexItem"],"rangeMappings":";;","mappings":"AAAA,SAASA,IAAI,EAAEC,aAAa,QAAQ,SAAS;AAE7C,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,QAAQ,QAAQ,oBAAoB"}
+{"version":3,"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"],"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.map

@@ -1 +1 @@
-{"version":3,"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"],"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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;IAC7F,MAAM,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,KAAK,EAAE,GAAGL;IACnD,MAAMM,aAAyB;QAAEH;IAAS;IAE1C,IAAID,gBAAgBE,CAAAA,oBAAAA,8BAAAA,QAASG,KAAK,MAAK,QAAQ;QAC7CD,WAAWE,eAAe,GAAG;QAC7B,IAAI,OAAON,iBAAiB,UAAU;YACpCI,WAAWG,iBAAiB,GAAGP,aAAaQ,OAAO;QACrD;QACA,IAAI,OAAOR,iBAAiB,UAAU;YACpCI,WAAWG,iBAAiB,GAAGP;QACjC;IACF;IAEA,IAAIG,OAAO;QACT,IAAI,OAAOA,UAAU,UAAU;YAC7BC,WAAWD,KAAK,GAAGA,MAAMK,OAAO;QAClC,OAAO;YACLJ,WAAWD,KAAK,GAAGA;QACrB;IACF;IAEA,MAAMM,WAAmCX,MAAMW,QAAQ,KAAIP,oBAAAA,8BAAAA,QAASM,OAAO;IAE3E,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;IAEA,MAAMK,QAAQpB,kBAAkBU,YAAYL;IAC5CN,wBAAwBqB;IACxB,MAAMC,UAAUvB,+BAA+BsB;IAC/C,OAAOvB,qBAAqBuB,OAAOC;AACrC,GAAG;AAEHnB,cAAcoB,WAAW,GAAG"}
+{"version":3,"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"],"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;IAC7F,MAAM,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,KAAK,EAAE,GAAGL;IACnD,MAAMM,aAAyB;QAAEH;IAAS;IAE1C,IAAID,gBAAgBE,CAAAA,oBAAAA,8BAAAA,QAASG,KAAK,MAAK,QAAQ;QAC7CD,WAAWE,eAAe,GAAG;QAC7B,IAAI,OAAON,iBAAiB,UAAU;YACpCI,WAAWG,iBAAiB,GAAGP,aAAaQ,OAAO;QACrD;QACA,IAAI,OAAOR,iBAAiB,UAAU;YACpCI,WAAWG,iBAAiB,GAAGP;QACjC;IACF;IAEA,IAAIG,OAAO;QACT,IAAI,OAAOA,UAAU,UAAU;YAC7BC,WAAWD,KAAK,GAAGA,MAAMK,OAAO;QAClC,OAAO;YACLJ,WAAWD,KAAK,GAAGA;QACrB;IACF;IAEA,MAAMM,WAAmCX,MAAMW,QAAQ,KAAIP,oBAAAA,8BAAAA,QAASM,OAAO;IAE3E,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;IAEA,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.map

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

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["getCSSTemplateValue","template","templateAsNumber","Number","isNaN","String","columns","gridTemplateColumns","rows","gridTemplateRows","grid"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAEA,MAAMA,sBAAsB,CAACC;IAC3B,MAAMC,mBAAmBC,OAAOF;IAEhC,OAAO,CAACG,MAAMF,qBAAqBA,mBAAmB,IAAI,CAAC,OAAO,EAAED,SAAS,MAAM,CAAC,GAAGI,OAAOJ;AAChG;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"}
+{"version":3,"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"],"names":["getCSSTemplateValue","template","templateAsNumber","Number","isNaN","String","columns","gridTemplateColumns","rows","gridTemplateRows","grid"],"mappings":"AAEA,MAAMA,sBAAsB,CAACC;IAC3B,MAAMC,mBAAmBC,OAAOF;IAEhC,OAAO,CAACG,MAAMF,qBAAqBA,mBAAmB,IAAI,CAAC,OAAO,EAAED,SAAS,MAAM,CAAC,GAAGI,OAAOJ;AAChG;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.raw.js.map

@@ -1 +1 @@
-{"version":3,"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"],"names":["makeStyles","useGridStyles","grid","display","justifyContent","onlyRows","gridAutoFlow","rows1","gridTemplateRows","rows2","rows3","columns1","gridTemplateColumns","columns2","columns3","columnsDefault"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,OAAO,MAAMC,gBAAgBD,WAAW;IACtCE,MAAM;QACJC,SAAS;QACTC,gBAAgB;IAClB;IACAC,UAAU;QACRC,cAAc;IAChB;IACAC,OAAO;QACLC,kBAAkB;IACpB;IACAC,OAAO;QACLD,kBAAkB;IACpB;IACAE,OAAO;QACLF,kBAAkB;IACpB;IACAG,UAAU;QACRC,qBAAqB;IACvB;IACAC,UAAU;QACRD,qBAAqB;IACvB;IACAE,UAAU;QACRF,qBAAqB;IACvB;IACAG,gBAAgB;QACdH,qBAAqB;IACvB;AACF,GAAG"}
+{"version":3,"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"],"names":["makeStyles","useGridStyles","grid","display","justifyContent","onlyRows","gridAutoFlow","rows1","gridTemplateRows","rows2","rows3","columns1","gridTemplateColumns","columns2","columns3","columnsDefault"],"mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,OAAO,MAAMC,gBAAgBD,WAAW;IACtCE,MAAM;QACJC,SAAS;QACTC,gBAAgB;IAClB;IACAC,UAAU;QACRC,cAAc;IAChB;IACAC,OAAO;QACLC,kBAAkB;IACpB;IACAC,OAAO;QACLD,kBAAkB;IACpB;IACAE,OAAO;QACLF,kBAAkB;IACpB;IACAG,UAAU;QACRC,qBAAqB;IACvB;IACAC,UAAU;QACRD,qBAAqB;IACvB;IACAE,UAAU;QACRF,qBAAqB;IACvB;IACAG,gBAAgB;QACdH,qBAAqB;IACvB;AACF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"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"],"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","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;IACN,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,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"}
+{"version":3,"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"],"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;IACN,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,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.map

@@ -1 +1 @@
-{"version":3,"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"],"names":["GridShim","gridShimClassName","gridClassName","useGridStyles","grid"],"rangeMappings":";;","mappings":"AAAA,SAASA,QAAQ,EAAEC,qBAAqBC,aAAa,QAAQ,aAAa;AAE1E,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,IAAI,QAAQ,gBAAgB"}
+{"version":3,"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"],"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.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Input/Input.mixins.ts"],"sourcesContent":["import { GriffelStyle, tokens } from '@fluentui/react-components';\n\nconst fluid = (): GriffelStyle => ({ width: '100%' });\n\nconst error = (): GriffelStyle => ({ border: `1px solid ${tokens.colorPaletteRedBorderActive}` });\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":["tokens","fluid","width","error","border","colorPaletteRedBorderActive","errorIndicator","color","successIndicator","colorPaletteGreenForeground1","input"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAAuBA,MAAM,QAAQ,6BAA6B;AAElE,MAAMC,QAAQ,IAAqB,CAAA;QAAEC,OAAO;IAAO,CAAA;AAEnD,MAAMC,QAAQ,IAAqB,CAAA;QAAEC,QAAQ,CAAC,UAAU,EAAEJ,OAAOK,2BAA2B,CAAC,CAAC;IAAC,CAAA;AAE/F,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"}
+{"version":3,"sources":["../src/components/Input/Input.mixins.ts"],"sourcesContent":["import { GriffelStyle, tokens } from '@fluentui/react-components';\n\nconst fluid = (): GriffelStyle => ({ width: '100%' });\n\nconst error = (): GriffelStyle => ({ border: `1px solid ${tokens.colorPaletteRedBorderActive}` });\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":["tokens","fluid","width","error","border","colorPaletteRedBorderActive","errorIndicator","color","successIndicator","colorPaletteGreenForeground1","input"],"mappings":"AAAA,SAAuBA,MAAM,QAAQ,6BAA6B;AAElE,MAAMC,QAAQ,IAAqB,CAAA;QAAEC,OAAO;IAAO,CAAA;AAEnD,MAAMC,QAAQ,IAAqB,CAAA;QAAEC,QAAQ,CAAC,UAAU,EAAEJ,OAAOK,2BAA2B,EAAE;IAAC,CAAA;AAE/F,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.map

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ItemLayout/ItemLayout.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport {\n  ComponentProps,\n  ComponentState,\n  getIntrinsicElementProps,\n  Slot,\n  slot,\n  assertSlots,\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: slot.always(getIntrinsicElementProps('div', { ...props, ref }), { elementType: 'div' }),\n    contentMedia: slot.optional(props.contentMedia, { elementType: 'div' }),\n    contentWrapper: slot.optional(props.contentWrapper, { renderByDefault: true, elementType: 'div' }),\n    header: slot.optional(props.header, { elementType: 'div' }),\n    headerMedia: slot.optional(props.headerMedia, { elementType: 'div' }),\n    startMedia: slot.optional(props.startMedia, { elementType: 'div' }),\n    endMedia: slot.optional(props.endMedia, { elementType: 'div' }),\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  assertSlots<ItemLayoutSlots>(state);\n\n  return (\n    <state.root>\n      {state.startMedia && <state.startMedia />}\n      {state.header && <state.header />}\n      {state.headerMedia && <state.headerMedia />}\n      {state.contentWrapper && <state.contentWrapper>{state.root.children}</state.contentWrapper>}\n      {state.contentMedia && <state.contentMedia />}\n      {state.endMedia && <state.endMedia />}\n    </state.root>\n  );\n});\n\nItemLayout.displayName = 'ItemLayout';\n"],"names":["React","mergeClasses","getIntrinsicElementProps","slot","assertSlots","useItemLayoutStyles","itemLayoutClassName","ItemLayout","forwardRef","props","ref","state","components","root","contentWrapper","contentMedia","header","headerMedia","startMedia","endMedia","always","elementType","optional","renderByDefault","styles","className","children","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAGEC,wBAAwB,EAExBC,IAAI,EACJC,WAAW,QACN,4BAA4B;AAEnC,SAASC,mBAAmB,QAAQ,sBAAsB;AAmB1D,OAAO,MAAMC,sBAAsB,iBAAiB;AAEpD,OAAO,MAAMC,2BAAaP,MAAMQ,UAAU,CAAkC,CAACC,OAAOC;IAClF,MAAMC,QAAyB;QAC7BC,YAAY;YACVC,MAAM;YACNC,gBAAgB;YAChBC,cAAc;YACdC,QAAQ;YACRC,aAAa;YACbC,YAAY;YACZC,UAAU;QACZ;QACAN,MAAMV,KAAKiB,MAAM,CAAClB,yBAAyB,OAAO;YAAE,GAAGO,KAAK;YAAEC;QAAI,IAAI;YAAEW,aAAa;QAAM;QAC3FN,cAAcZ,KAAKmB,QAAQ,CAACb,MAAMM,YAAY,EAAE;YAAEM,aAAa;QAAM;QACrEP,gBAAgBX,KAAKmB,QAAQ,CAACb,MAAMK,cAAc,EAAE;YAAES,iBAAiB;YAAMF,aAAa;QAAM;QAChGL,QAAQb,KAAKmB,QAAQ,CAACb,MAAMO,MAAM,EAAE;YAAEK,aAAa;QAAM;QACzDJ,aAAad,KAAKmB,QAAQ,CAACb,MAAMQ,WAAW,EAAE;YAAEI,aAAa;QAAM;QACnEH,YAAYf,KAAKmB,QAAQ,CAACb,MAAMS,UAAU,EAAE;YAAEG,aAAa;QAAM;QACjEF,UAAUhB,KAAKmB,QAAQ,CAACb,MAAMU,QAAQ,EAAE;YAAEE,aAAa;QAAM;IAC/D;IACA,MAAMG,SAASnB;IAEfM,MAAME,IAAI,CAACY,SAAS,GAAGxB,aAAaK,qBAAqBkB,OAAOX,IAAI,EAAEF,MAAME,IAAI,CAACY,SAAS;IAC1F,IAAId,MAAMG,cAAc,EAAE;QACxBH,MAAMG,cAAc,CAACW,SAAS,GAAGxB,aAAauB,OAAOV,cAAc,EAAEH,MAAMG,cAAc,CAACW,SAAS;IACrG;IAEA,IAAId,MAAMI,YAAY,EAAE;QACtBJ,MAAMI,YAAY,CAACU,SAAS,GAAGxB,aAAauB,OAAOT,YAAY,EAAEJ,MAAMI,YAAY,CAACU,SAAS;IAC/F;IAEA,IAAId,MAAMK,MAAM,EAAE;QAChBL,MAAMK,MAAM,CAACS,SAAS,GAAGxB,aAAauB,OAAOR,MAAM,EAAEL,MAAMK,MAAM,CAACS,SAAS;IAC7E;IAEA,IAAId,MAAMM,WAAW,EAAE;QACrBN,MAAMM,WAAW,CAACQ,SAAS,GAAGxB,aAAauB,OAAOP,WAAW,EAAEN,MAAMM,WAAW,CAACQ,SAAS;IAC5F;IAEA,IAAId,MAAMO,UAAU,EAAE;QACpBP,MAAMO,UAAU,CAACO,SAAS,GAAGxB,aAAauB,OAAON,UAAU,EAAEP,MAAMO,UAAU,CAACO,SAAS;IACzF;IAEA,IAAId,MAAMQ,QAAQ,EAAE;QAClBR,MAAMQ,QAAQ,CAACM,SAAS,GAAGxB,aAAauB,OAAOL,QAAQ,EAAER,MAAMQ,QAAQ,CAACM,SAAS;IACnF;IAEArB,YAA6BO;IAE7B,qBACE,MAACA,MAAME,IAAI;;YACRF,MAAMO,UAAU,kBAAI,KAACP,MAAMO,UAAU;YACrCP,MAAMK,MAAM,kBAAI,KAACL,MAAMK,MAAM;YAC7BL,MAAMM,WAAW,kBAAI,KAACN,MAAMM,WAAW;YACvCN,MAAMG,cAAc,kBAAI,KAACH,MAAMG,cAAc;0BAAEH,MAAME,IAAI,CAACa,QAAQ;;YAClEf,MAAMI,YAAY,kBAAI,KAACJ,MAAMI,YAAY;YACzCJ,MAAMQ,QAAQ,kBAAI,KAACR,MAAMQ,QAAQ;;;AAGxC,GAAG;AAEHZ,WAAWoB,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/ItemLayout/ItemLayout.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport {\n  ComponentProps,\n  ComponentState,\n  getIntrinsicElementProps,\n  Slot,\n  slot,\n  assertSlots,\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: slot.always(getIntrinsicElementProps('div', { ...props, ref }), { elementType: 'div' }),\n    contentMedia: slot.optional(props.contentMedia, { elementType: 'div' }),\n    contentWrapper: slot.optional(props.contentWrapper, { renderByDefault: true, elementType: 'div' }),\n    header: slot.optional(props.header, { elementType: 'div' }),\n    headerMedia: slot.optional(props.headerMedia, { elementType: 'div' }),\n    startMedia: slot.optional(props.startMedia, { elementType: 'div' }),\n    endMedia: slot.optional(props.endMedia, { elementType: 'div' }),\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  assertSlots<ItemLayoutSlots>(state);\n\n  return (\n    <state.root>\n      {state.startMedia && <state.startMedia />}\n      {state.header && <state.header />}\n      {state.headerMedia && <state.headerMedia />}\n      {state.contentWrapper && <state.contentWrapper>{state.root.children}</state.contentWrapper>}\n      {state.contentMedia && <state.contentMedia />}\n      {state.endMedia && <state.endMedia />}\n    </state.root>\n  );\n});\n\nItemLayout.displayName = 'ItemLayout';\n"],"names":["React","mergeClasses","getIntrinsicElementProps","slot","assertSlots","useItemLayoutStyles","itemLayoutClassName","ItemLayout","forwardRef","props","ref","state","components","root","contentWrapper","contentMedia","header","headerMedia","startMedia","endMedia","always","elementType","optional","renderByDefault","styles","className","children","displayName"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAGEC,wBAAwB,EAExBC,IAAI,EACJC,WAAW,QACN,4BAA4B;AAEnC,SAASC,mBAAmB,QAAQ,sBAAsB;AAmB1D,OAAO,MAAMC,sBAAsB,iBAAiB;AAEpD,OAAO,MAAMC,2BAAaP,MAAMQ,UAAU,CAAkC,CAACC,OAAOC;IAClF,MAAMC,QAAyB;QAC7BC,YAAY;YACVC,MAAM;YACNC,gBAAgB;YAChBC,cAAc;YACdC,QAAQ;YACRC,aAAa;YACbC,YAAY;YACZC,UAAU;QACZ;QACAN,MAAMV,KAAKiB,MAAM,CAAClB,yBAAyB,OAAO;YAAE,GAAGO,KAAK;YAAEC;QAAI,IAAI;YAAEW,aAAa;QAAM;QAC3FN,cAAcZ,KAAKmB,QAAQ,CAACb,MAAMM,YAAY,EAAE;YAAEM,aAAa;QAAM;QACrEP,gBAAgBX,KAAKmB,QAAQ,CAACb,MAAMK,cAAc,EAAE;YAAES,iBAAiB;YAAMF,aAAa;QAAM;QAChGL,QAAQb,KAAKmB,QAAQ,CAACb,MAAMO,MAAM,EAAE;YAAEK,aAAa;QAAM;QACzDJ,aAAad,KAAKmB,QAAQ,CAACb,MAAMQ,WAAW,EAAE;YAAEI,aAAa;QAAM;QACnEH,YAAYf,KAAKmB,QAAQ,CAACb,MAAMS,UAAU,EAAE;YAAEG,aAAa;QAAM;QACjEF,UAAUhB,KAAKmB,QAAQ,CAACb,MAAMU,QAAQ,EAAE;YAAEE,aAAa;QAAM;IAC/D;IACA,MAAMG,SAASnB;IAEfM,MAAME,IAAI,CAACY,SAAS,GAAGxB,aAAaK,qBAAqBkB,OAAOX,IAAI,EAAEF,MAAME,IAAI,CAACY,SAAS;IAC1F,IAAId,MAAMG,cAAc,EAAE;QACxBH,MAAMG,cAAc,CAACW,SAAS,GAAGxB,aAAauB,OAAOV,cAAc,EAAEH,MAAMG,cAAc,CAACW,SAAS;IACrG;IAEA,IAAId,MAAMI,YAAY,EAAE;QACtBJ,MAAMI,YAAY,CAACU,SAAS,GAAGxB,aAAauB,OAAOT,YAAY,EAAEJ,MAAMI,YAAY,CAACU,SAAS;IAC/F;IAEA,IAAId,MAAMK,MAAM,EAAE;QAChBL,MAAMK,MAAM,CAACS,SAAS,GAAGxB,aAAauB,OAAOR,MAAM,EAAEL,MAAMK,MAAM,CAACS,SAAS;IAC7E;IAEA,IAAId,MAAMM,WAAW,EAAE;QACrBN,MAAMM,WAAW,CAACQ,SAAS,GAAGxB,aAAauB,OAAOP,WAAW,EAAEN,MAAMM,WAAW,CAACQ,SAAS;IAC5F;IAEA,IAAId,MAAMO,UAAU,EAAE;QACpBP,MAAMO,UAAU,CAACO,SAAS,GAAGxB,aAAauB,OAAON,UAAU,EAAEP,MAAMO,UAAU,CAACO,SAAS;IACzF;IAEA,IAAId,MAAMQ,QAAQ,EAAE;QAClBR,MAAMQ,QAAQ,CAACM,SAAS,GAAGxB,aAAauB,OAAOL,QAAQ,EAAER,MAAMQ,QAAQ,CAACM,SAAS;IACnF;IAEArB,YAA6BO;IAE7B,qBACE,MAACA,MAAME,IAAI;;YACRF,MAAMO,UAAU,kBAAI,KAACP,MAAMO,UAAU;YACrCP,MAAMK,MAAM,kBAAI,KAACL,MAAMK,MAAM;YAC7BL,MAAMM,WAAW,kBAAI,KAACN,MAAMM,WAAW;YACvCN,MAAMG,cAAc,kBAAI,KAACH,MAAMG,cAAc;0BAAEH,MAAME,IAAI,CAACa,QAAQ;;YAClEf,MAAMI,YAAY,kBAAI,KAACJ,MAAMI,YAAY;YACzCJ,MAAMQ,QAAQ,kBAAI,KAACR,MAAMQ,QAAQ;;;AAGxC,GAAG;AAEHZ,WAAWoB,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["makeStyles","useItemLayoutStyles","root","display","gridTemplateColumns","minHeight","contentMedia","alignSelf","gridColumnStart","gridColumnEnd","gridRowStart","gridRowEnd","fontSize","lineHeight","contentWrapper","marginRight","header","headerMedia","startMedia","endMedia"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,OAAO,MAAMC,sBAAsBD,WAAW;IAC5CE,MAAM;QACJC,SAAS;QACTC,qBAAqB;QACrBC,WAAW;IACb;IACAC,cAAc;QACZC,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;QACZC,UAAU;QACVC,YAAY;IACd;IACAC,gBAAgB;QACdP,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;QACZI,aAAa;QACbH,UAAU;QACVC,YAAY;IACd;IACAG,QAAQ;QACNT,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;QACZC,UAAU;QACVG,aAAa;IACf;IACAE,aAAa;QACXV,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;QACZC,UAAU;QACVC,YAAY;IACd;IACAK,YAAY;QACVX,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;QACZI,aAAa;IACf;IACAI,UAAU;QACRZ,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;IACd;AACF,GAAG"}
+{"version":3,"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"],"names":["makeStyles","useItemLayoutStyles","root","display","gridTemplateColumns","minHeight","contentMedia","alignSelf","gridColumnStart","gridColumnEnd","gridRowStart","gridRowEnd","fontSize","lineHeight","contentWrapper","marginRight","header","headerMedia","startMedia","endMedia"],"mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,OAAO,MAAMC,sBAAsBD,WAAW;IAC5CE,MAAM;QACJC,SAAS;QACTC,qBAAqB;QACrBC,WAAW;IACb;IACAC,cAAc;QACZC,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;QACZC,UAAU;QACVC,YAAY;IACd;IACAC,gBAAgB;QACdP,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;QACZI,aAAa;QACbH,UAAU;QACVC,YAAY;IACd;IACAG,QAAQ;QACNT,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;QACZC,UAAU;QACVG,aAAa;IACf;IACAE,aAAa;QACXV,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;QACZC,UAAU;QACVC,YAAY;IACd;IACAK,YAAY;QACVX,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;QACZI,aAAa;IACf;IACAI,UAAU;QACRZ,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;IACd;AACF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ItemLayout/index.tsx"],"sourcesContent":["export { ItemLayout, itemLayoutClassName } from './ItemLayout';\nexport { useItemLayoutStyles } from './ItemLayout.styles';\n"],"names":["ItemLayout","itemLayoutClassName","useItemLayoutStyles"],"rangeMappings":";","mappings":"AAAA,SAASA,UAAU,EAAEC,mBAAmB,QAAQ,eAAe;AAC/D,SAASC,mBAAmB,QAAQ,sBAAsB"}
+{"version":3,"sources":["../src/components/ItemLayout/index.tsx"],"sourcesContent":["export { ItemLayout, itemLayoutClassName } from './ItemLayout';\nexport { useItemLayoutStyles } from './ItemLayout.styles';\n"],"names":["ItemLayout","itemLayoutClassName","useItemLayoutStyles"],"mappings":"AAAA,SAASA,UAAU,EAAEC,mBAAmB,QAAQ,eAAe;AAC/D,SAASC,mBAAmB,QAAQ,sBAAsB"}

package/lib/components/List/List/List.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/List/List.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useList_unstable } from './useList';\nimport { renderList_unstable } from './renderList';\nimport { useListStyles_unstable } from './useListStyles.styles';\nimport type { ListProps } from './List.types';\nimport { useListContextValues_unstable } from './useListContextValues';\n\nexport const List: ForwardRefComponent<ListProps> = React.forwardRef((props, ref) => {\n  const state = useList_unstable(props, ref);\n  const contextValues = useListContextValues_unstable(state);\n\n  useListStyles_unstable(state);\n  useCustomStyleHook_unstable('useListStyles_unstable')(state);\n\n  return renderList_unstable(state, contextValues);\n});\n\nList.displayName = 'List';\n"],"names":["React","useCustomStyleHook_unstable","useList_unstable","renderList_unstable","useListStyles_unstable","useListContextValues_unstable","List","forwardRef","props","ref","state","contextValues","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,2BAA2B,QAAQ,kCAAkC;AAC9E,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,sBAAsB,QAAQ,yBAAyB;AAEhE,SAASC,6BAA6B,QAAQ,yBAAyB;AAEvE,OAAO,MAAMC,qBAAuCN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,QAAQR,iBAAiBM,OAAOC;IACtC,MAAME,gBAAgBN,8BAA8BK;IAEpDN,uBAAuBM;IACvBT,4BAA4B,0BAA0BS;IAEtD,OAAOP,oBAAoBO,OAAOC;AACpC,GAAG;AAEHL,KAAKM,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/List/List/List.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useList_unstable } from './useList';\nimport { renderList_unstable } from './renderList';\nimport { useListStyles_unstable } from './useListStyles.styles';\nimport type { ListProps } from './List.types';\nimport { useListContextValues_unstable } from './useListContextValues';\n\nexport const List: ForwardRefComponent<ListProps> = React.forwardRef((props, ref) => {\n  const state = useList_unstable(props, ref);\n  const contextValues = useListContextValues_unstable(state);\n\n  useListStyles_unstable(state);\n  useCustomStyleHook_unstable('useListStyles_unstable')(state);\n\n  return renderList_unstable(state, contextValues);\n});\n\nList.displayName = 'List';\n"],"names":["React","useCustomStyleHook_unstable","useList_unstable","renderList_unstable","useListStyles_unstable","useListContextValues_unstable","List","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,2BAA2B,QAAQ,kCAAkC;AAC9E,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,sBAAsB,QAAQ,yBAAyB;AAEhE,SAASC,6BAA6B,QAAQ,yBAAyB;AAEvE,OAAO,MAAMC,qBAAuCN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,QAAQR,iBAAiBM,OAAOC;IACtC,MAAME,gBAAgBN,8BAA8BK;IAEpDN,uBAAuBM;IACvBT,4BAA4B,0BAA0BS;IAEtD,OAAOP,oBAAoBO,OAAOC;AACpC,GAAG;AAEHL,KAAKM,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/List/List.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot, SelectionMode, SelectionItemId } from '@fluentui/react-utilities';\nimport type { ListSelectionState } from '../hooks/types';\n\ntype ListLayout = 'horizontal' | 'vertical' | 'grid';\n\nexport type ListSlots = {\n  root: NonNullable<Slot<'ul', 'div' | 'ol'>>;\n};\n\n/**\n * List Props\n */\nexport type ListProps = ComponentProps<ListSlots> & {\n  /**\n   * Defines the layout orientation.\n   *\n   * @default vertical\n   */\n  layout?: ListLayout;\n\n  /**\n   * Defines if the list should be navigable. Set this to true when adding an `onClick` handler.\n   *\n   * @default false\n   */\n  navigable?: boolean;\n\n  /**\n   * Defines if the List items should be selectable.\n   *\n   * @default false\n   */\n  selectable?: boolean;\n\n  /**\n   * Defines selection mode for the List.\n   *\n   * @default single\n   */\n  selectionMode?: SelectionMode;\n\n  /**\n   * For controlled selection - defines selected items\n   */\n  selectedItems?: SelectionItemId[];\n\n  /**\n   * For uncontrolled selection - defines default selected items\n   */\n  defaultSelectedItems?: SelectionItemId[];\n\n  /**\n   * Callback for selection change events, used for both controlled and uncontrolled (as notification)\n   */\n  // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback\n  onSelectionChange?: (event: React.SyntheticEvent, data: { selectedItems: SelectionItemId[] }) => void;\n\n  /**\n   * Truncates header\n   *\n   * @default false\n   */\n  truncateHeader?: boolean;\n\n  /**\n   * Truncates content\n   *\n   * @default false\n   */\n  truncateContent?: boolean;\n};\n\nexport type ListContextValue = {\n  navigable: boolean;\n  selection?: ListSelectionState;\n  as?: 'div' | 'ol' | 'ul';\n  truncateHeader?: ListProps['truncateHeader'];\n  truncateContent?: ListProps['truncateContent'];\n};\n\nexport type ListContextValues = {\n  listContext: ListContextValue;\n};\n\n/**\n * State used in rendering List\n */\nexport type ListState = ComponentState<ListSlots> & Required<Pick<ListProps, 'layout'>> & ListContextValue;\n"],"names":["React"],"rangeMappings":"","mappings":"AAAA,YAAYA,WAAW,QAAQ"}
+{"version":3,"sources":["../src/components/List/List/List.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot, SelectionMode, SelectionItemId } from '@fluentui/react-utilities';\nimport type { ListSelectionState } from '../hooks/types';\n\ntype ListLayout = 'horizontal' | 'vertical' | 'grid';\n\nexport type ListSlots = {\n  root: NonNullable<Slot<'ul', 'div' | 'ol'>>;\n};\n\n/**\n * List Props\n */\nexport type ListProps = ComponentProps<ListSlots> & {\n  /**\n   * Defines the layout orientation.\n   *\n   * @default vertical\n   */\n  layout?: ListLayout;\n\n  /**\n   * Defines if the list should be navigable. Set this to true when adding an `onClick` handler.\n   *\n   * @default false\n   */\n  navigable?: boolean;\n\n  /**\n   * Defines if the List items should be selectable.\n   *\n   * @default false\n   */\n  selectable?: boolean;\n\n  /**\n   * Defines selection mode for the List.\n   *\n   * @default single\n   */\n  selectionMode?: SelectionMode;\n\n  /**\n   * For controlled selection - defines selected items\n   */\n  selectedItems?: SelectionItemId[];\n\n  /**\n   * For uncontrolled selection - defines default selected items\n   */\n  defaultSelectedItems?: SelectionItemId[];\n\n  /**\n   * Callback for selection change events, used for both controlled and uncontrolled (as notification)\n   */\n  // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback\n  onSelectionChange?: (event: React.SyntheticEvent, data: { selectedItems: SelectionItemId[] }) => void;\n\n  /**\n   * Truncates header\n   *\n   * @default false\n   */\n  truncateHeader?: boolean;\n\n  /**\n   * Truncates content\n   *\n   * @default false\n   */\n  truncateContent?: boolean;\n};\n\nexport type ListContextValue = {\n  navigable: boolean;\n  selection?: ListSelectionState;\n  as?: 'div' | 'ol' | 'ul';\n  truncateHeader?: ListProps['truncateHeader'];\n  truncateContent?: ListProps['truncateContent'];\n};\n\nexport type ListContextValues = {\n  listContext: ListContextValue;\n};\n\n/**\n * State used in rendering List\n */\nexport type ListState = ComponentState<ListSlots> & Required<Pick<ListProps, 'layout'>> & ListContextValue;\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/List/index.ts"],"sourcesContent":["export { List } from './List';\nexport type { ListContextValue, ListContextValues, ListProps, ListSlots, ListState } from './List.types';\nexport { renderList_unstable } from './renderList';\nexport { useList_unstable } from './useList';\nexport { listClassNames, useListStyles_unstable } from './useListStyles.styles';\n"],"names":["List","renderList_unstable","useList_unstable","listClassNames","useListStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,IAAI,QAAQ,SAAS;AAE9B,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,cAAc,EAAEC,sBAAsB,QAAQ,yBAAyB"}
+{"version":3,"sources":["../src/components/List/List/index.ts"],"sourcesContent":["export { List } from './List';\nexport type { ListContextValue, ListContextValues, ListProps, ListSlots, ListState } from './List.types';\nexport { renderList_unstable } from './renderList';\nexport { useList_unstable } from './useList';\nexport { listClassNames, useListStyles_unstable } from './useListStyles.styles';\n"],"names":["List","renderList_unstable","useList_unstable","listClassNames","useListStyles_unstable"],"mappings":"AAAA,SAASA,IAAI,QAAQ,SAAS;AAE9B,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,cAAc,EAAEC,sBAAsB,QAAQ,yBAAyB"}

package/lib/components/List/List/listContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/List/listContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { ContextSelector } from '@fluentui/react-context-selector';\nimport { ListContextValue } from './List.types';\n\nexport const listContextDefaultValue: ListContextValue = {\n  navigable: false,\n  selection: undefined,\n  as: undefined,\n};\n\nconst listContext = createContext<ListContextValue | undefined>(undefined);\n\nexport const ListContextProvider = listContext.Provider;\n\nexport const useListContext_unstable = <T>(selector: ContextSelector<ListContextValue, T>): T =>\n  useContextSelector(listContext, (ctx = listContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","listContextDefaultValue","navigable","selection","undefined","as","listContext","ListContextProvider","Provider","useListContext_unstable","selector","ctx"],"rangeMappings":";;;;;;;;","mappings":"AAAA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,mCAAmC;AAIrF,OAAO,MAAMC,0BAA4C;IACvDC,WAAW;IACXC,WAAWC;IACXC,IAAID;AACN,EAAE;AAEF,MAAME,cAAcP,cAA4CK;AAEhE,OAAO,MAAMG,sBAAsBD,YAAYE,QAAQ,CAAC;AAExD,OAAO,MAAMC,0BAA0B,CAAIC,WACzCV,mBAAmBM,aAAa,CAACK,MAAMV,uBAAuB,GAAKS,SAASC,MAAM"}
+{"version":3,"sources":["../src/components/List/List/listContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { ContextSelector } from '@fluentui/react-context-selector';\nimport { ListContextValue } from './List.types';\n\nexport const listContextDefaultValue: ListContextValue = {\n  navigable: false,\n  selection: undefined,\n  as: undefined,\n};\n\nconst listContext = createContext<ListContextValue | undefined>(undefined);\n\nexport const ListContextProvider = listContext.Provider;\n\nexport const useListContext_unstable = <T>(selector: ContextSelector<ListContextValue, T>): T =>\n  useContextSelector(listContext, (ctx = listContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","listContextDefaultValue","navigable","selection","undefined","as","listContext","ListContextProvider","Provider","useListContext_unstable","selector","ctx"],"mappings":"AAAA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,mCAAmC;AAIrF,OAAO,MAAMC,0BAA4C;IACvDC,WAAW;IACXC,WAAWC;IACXC,IAAID;AACN,EAAE;AAEF,MAAME,cAAcP,cAA4CK;AAEhE,OAAO,MAAMG,sBAAsBD,YAAYE,QAAQ,CAAC;AAExD,OAAO,MAAMC,0BAA0B,CAAIC,WACzCV,mBAAmBM,aAAa,CAACK,MAAMV,uBAAuB,GAAKS,SAASC,MAAM"}

package/lib/components/List/List/renderList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/List/renderList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { ListState, ListSlots, ListContextValues } from './List.types';\nimport { ListContextProvider } from './listContext';\n\n/**\n * Render the final JSX of List\n */\nexport const renderList_unstable = (state: ListState, contextValues: ListContextValues) => {\n  assertSlots<ListSlots>(state);\n\n  return (\n    <ListContextProvider value={contextValues.listContext}>\n      <state.root />\n    </ListContextProvider>\n  );\n};\n"],"names":["assertSlots","ListContextProvider","renderList_unstable","state","contextValues","value","listContext","root"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD,SAASC,mBAAmB,QAAQ,gBAAgB;AAEpD;;CAEC,GACD,OAAO,MAAMC,sBAAsB,CAACC,OAAkBC;IACpDJ,YAAuBG;IAEvB,qBACE,KAACF;QAAoBI,OAAOD,cAAcE,WAAW;kBACnD,cAAA,KAACH,MAAMI,IAAI;;AAGjB,EAAE"}
+{"version":3,"sources":["../src/components/List/List/renderList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { ListState, ListSlots, ListContextValues } from './List.types';\nimport { ListContextProvider } from './listContext';\n\n/**\n * Render the final JSX of List\n */\nexport const renderList_unstable = (state: ListState, contextValues: ListContextValues) => {\n  assertSlots<ListSlots>(state);\n\n  return (\n    <ListContextProvider value={contextValues.listContext}>\n      <state.root />\n    </ListContextProvider>\n  );\n};\n"],"names":["assertSlots","ListContextProvider","renderList_unstable","state","contextValues","value","listContext","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD,SAASC,mBAAmB,QAAQ,gBAAgB;AAEpD;;CAEC,GACD,OAAO,MAAMC,sBAAsB,CAACC,OAAkBC;IACpDJ,YAAuBG;IAEvB,qBACE,KAACF;QAAoBI,OAAOD,cAAcE,WAAW;kBACnD,cAAA,KAACH,MAAMI,IAAI;;AAGjB,EAAE"}