@fluentui/react-migration-v0-v9 9.6.34 → 9.6.35

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentAction.tsx"],"sourcesContent":["'use client';\n\nimport type { ButtonProps } from '@fluentui/react-components';\nimport { Button, 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;AAGA,SAASA,MAAM,EAAEC,YAAY,QAAQ,6BAA6B;AAClE,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":["'use client';\n\nimport type { ButtonProps } from '@fluentui/react-components';\nimport { Button, 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;AAGA,SAASA,MAAM,EAAEC,YAAY,QAAQ,6BAA6B;AAClE,YAAYC,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,+BAA4B;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.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { __styles } from '@fluentui/react-components';
+import { __styles } from "@fluentui/react-components";
 export const useAttachmentActionStyles = /*#__PURE__*/__styles({
   root: {
     Bqenvij: "f1d2rq10",

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","useAttachmentActionStyles","root","Bqenvij","B2u0y6b","Bf4jedk","mc9l5x","Brf1p80","Bt984gj","qhf8xq","ha4doy","Bceei9c","disabled","d"],"sources":["AttachmentAction.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@fluentui/react-components';\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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,OAAO,MAAMC,yBAAyB,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAD,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAexC,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","useAttachmentActionStyles","root","Bqenvij","B2u0y6b","Bf4jedk","mc9l5x","Brf1p80","Bt984gj","qhf8xq","ha4doy","Bceei9c","disabled","d"],"sources":["AttachmentAction.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from \"@fluentui/react-components\";\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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,OAAO,MAAMC,yBAAyB,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAD,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAexC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 'use client';
-import { makeStyles } from '@fluentui/react-components';
+import { makeStyles } from "@fluentui/react-components";
 export const useAttachmentActionStyles = makeStyles({
     root: {
         height: '32px',

package/lib/components/Attachment/AttachmentBody.js

@@ -1,7 +1,7 @@
 'use client';
-import { mergeClasses } from '@fluentui/react-components';
-import * as React from 'react';
-import { useAttachmentBodyStyles } from './AttachmentBody.styles';
+import { mergeClasses } from "@fluentui/react-components";
+import * as React from "react";
+import { useAttachmentBodyStyles } from "./AttachmentBody.styles.js";
 export const attachmentBodyClassName = 'fui-AttachmentBody';
 export const AttachmentBody = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const { className, children, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentBody.tsx"],"sourcesContent":["'use client';\n\nimport { 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;AAEA,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":["'use client';\n\nimport { 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;AAEA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,6BAA0B;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.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { __styles } from '@fluentui/react-components';
+import { __styles } from "@fluentui/react-components";
 export const useAttachmentBodyStyles = /*#__PURE__*/__styles({
   root: {
     xawz: 0,

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","useAttachmentBodyStyles","root","xawz","Bh6795r","Bnnss6s","fkmc3a","d","p"],"sources":["AttachmentBody.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@fluentui/react-components';\nexport const useAttachmentBodyStyles = makeStyles({\n    root: {\n        flex: '1 1 0'\n    }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,OAAO,MAAMC,uBAAuB,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CAItC,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","useAttachmentBodyStyles","root","xawz","Bh6795r","Bnnss6s","fkmc3a","d","p"],"sources":["AttachmentBody.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from \"@fluentui/react-components\";\nexport const useAttachmentBodyStyles = makeStyles({\n    root: {\n        flex: '1 1 0'\n    }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,OAAO,MAAMC,uBAAuB,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CAItC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 'use client';
-import { makeStyles } from '@fluentui/react-components';
+import { makeStyles } from "@fluentui/react-components";
 export const useAttachmentBodyStyles = makeStyles({
     root: {
         flex: '1 1 0'

package/lib/components/Attachment/AttachmentDescription.js

@@ -1,7 +1,7 @@
 'use client';
-import { mergeClasses } from '@fluentui/react-components';
-import * as React from 'react';
-import { useAttachmentDescriptionStyles } from './AttachmentDescription.styles';
+import { mergeClasses } from "@fluentui/react-components";
+import * as React from "react";
+import { useAttachmentDescriptionStyles } from "./AttachmentDescription.styles.js";
 export const attachmentDescriptionClassName = 'fui-AttachmentDescription';
 export const AttachmentDescription = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const { className, children, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentDescription.tsx"],"sourcesContent":["'use client';\n\nimport { 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;AAEA,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":["'use client';\n\nimport { 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;AAEA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAC/B,SAASC,8BAA8B,QAAQ,oCAAiC;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.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { __styles, tokens } from '@fluentui/react-components';
+import { __styles, tokens } from "@fluentui/react-components";
 export const useAttachmentDescriptionStyles = /*#__PURE__*/__styles({
   root: {
     mc9l5x: "ftgm304",

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","tokens","useAttachmentDescriptionStyles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["AttachmentDescription.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, tokens } from '@fluentui/react-components';\nexport const useAttachmentDescriptionStyles = makeStyles({\n    root: {\n        display: 'block',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        lineHeight: 1\n    }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,MAAM,QAAQ,4BAA4B;AAC/D,OAAO,MAAMC,8BAA8B,gBAAGF,QAAA;EAAAG,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAO7C,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","tokens","useAttachmentDescriptionStyles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["AttachmentDescription.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, tokens } from \"@fluentui/react-components\";\nexport const useAttachmentDescriptionStyles = makeStyles({\n    root: {\n        display: 'block',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        lineHeight: 1\n    }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,MAAM,QAAQ,4BAA4B;AAC/D,OAAO,MAAMC,8BAA8B,gBAAGF,QAAA;EAAAG,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAO7C,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 'use client';
-import { makeStyles, tokens } from '@fluentui/react-components';
+import { makeStyles, tokens } from "@fluentui/react-components";
 export const useAttachmentDescriptionStyles = makeStyles({
     root: {
         display: 'block',

package/lib/components/Attachment/AttachmentHeader.js

@@ -1,7 +1,7 @@
 'use client';
-import { mergeClasses } from '@fluentui/react-components';
-import * as React from 'react';
-import { useAttachmentHeaderStyles } from './AttachmentHeader.styles';
+import { mergeClasses } from "@fluentui/react-components";
+import * as React from "react";
+import { useAttachmentHeaderStyles } from "./AttachmentHeader.styles.js";
 export const attachmentHeaderClassName = 'fui-AttachmentHeader';
 export const AttachmentHeader = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const { className, children, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentHeader.tsx"],"sourcesContent":["'use client';\n\nimport { 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;AAEA,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":["'use client';\n\nimport { 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;AAEA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,+BAA4B;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.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { __styles, tokens } from '@fluentui/react-components';
+import { __styles, tokens } from "@fluentui/react-components";
 export const useAttachmentHeaderStyles = /*#__PURE__*/__styles({
   root: {
     mc9l5x: "ftgm304",

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","tokens","useAttachmentHeaderStyles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["AttachmentHeader.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, tokens } from '@fluentui/react-components';\nexport const useAttachmentHeaderStyles = makeStyles({\n    root: {\n        display: 'block',\n        fontSize: tokens.fontSizeBase300,\n        fontWeight: tokens.fontWeightSemibold,\n        lineHeight: 1.4286\n    }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,MAAM,QAAQ,4BAA4B;AAC/D,OAAO,MAAMC,yBAAyB,gBAAGF,QAAA;EAAAG,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAOxC,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","tokens","useAttachmentHeaderStyles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["AttachmentHeader.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, tokens } from \"@fluentui/react-components\";\nexport const useAttachmentHeaderStyles = makeStyles({\n    root: {\n        display: 'block',\n        fontSize: tokens.fontSizeBase300,\n        fontWeight: tokens.fontWeightSemibold,\n        lineHeight: 1.4286\n    }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,MAAM,QAAQ,4BAA4B;AAC/D,OAAO,MAAMC,yBAAyB,gBAAGF,QAAA;EAAAG,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAOxC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 'use client';
-import { makeStyles, tokens } from '@fluentui/react-components';
+import { makeStyles, tokens } from "@fluentui/react-components";
 export const useAttachmentHeaderStyles = makeStyles({
     root: {
         display: 'block',

package/lib/components/Attachment/AttachmentIcon.js

@@ -1,7 +1,7 @@
 'use client';
-import { mergeClasses } from '@fluentui/react-components';
-import * as React from 'react';
-import { useAttachmentIconStyles } from './AttachmentIcon.styles';
+import { mergeClasses } from "@fluentui/react-components";
+import * as React from "react";
+import { useAttachmentIconStyles } from "./AttachmentIcon.styles.js";
 export const attachmentIconClassName = 'fui-AttachmentIcon';
 export const AttachmentIcon = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const { className, children, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentIcon.tsx"],"sourcesContent":["'use client';\n\nimport { 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;AAEA,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":["'use client';\n\nimport { 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;AAEA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,6BAA0B;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.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { __styles } from '@fluentui/react-components';
+import { __styles } from "@fluentui/react-components";
 export const useAttachmentIconStyles = /*#__PURE__*/__styles({
   root: {
     Bqenvij: "f1d2rq10",

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","useAttachmentIconStyles","root","Bqenvij","a9b677","t21cq0","mc9l5x","Bt984gj","Brf1p80","p4uzdd","B5pe6w7","d"],"sources":["AttachmentIcon.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@fluentui/react-components';\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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,OAAO,MAAMC,uBAAuB,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAatC,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","useAttachmentIconStyles","root","Bqenvij","a9b677","t21cq0","mc9l5x","Bt984gj","Brf1p80","p4uzdd","B5pe6w7","d"],"sources":["AttachmentIcon.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from \"@fluentui/react-components\";\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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,OAAO,MAAMC,uBAAuB,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAatC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 'use client';
-import { makeStyles } from '@fluentui/react-components';
+import { makeStyles } from "@fluentui/react-components";
 export const useAttachmentIconStyles = makeStyles({
     root: {
         height: '32px',

package/lib/components/Attachment/index.js

@@ -1,6 +1,6 @@
-export { Attachment, attachmentClassName, attachmentProgressBarClassName, attachmentProgressContainerClassName } from './Attachment';
-export { AttachmentAction, attachmentActionClassName } from './AttachmentAction';
-export { AttachmentBody, attachmentBodyClassName } from './AttachmentBody';
-export { AttachmentDescription, attachmentDescriptionClassName } from './AttachmentDescription';
-export { AttachmentHeader, attachmentHeaderClassName } from './AttachmentHeader';
-export { AttachmentIcon, attachmentIconClassName } from './AttachmentIcon';
+export { Attachment, attachmentClassName, attachmentProgressBarClassName, attachmentProgressContainerClassName } from "./Attachment.js";
+export { AttachmentAction, attachmentActionClassName } from "./AttachmentAction.js";
+export { AttachmentBody, attachmentBodyClassName } from "./AttachmentBody.js";
+export { AttachmentDescription, attachmentDescriptionClassName } from "./AttachmentDescription.js";
+export { AttachmentHeader, attachmentHeaderClassName } from "./AttachmentHeader.js";
+export { AttachmentIcon, attachmentIconClassName } from "./AttachmentIcon.js";

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"],"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,kBAAe;AAEtB,SAASC,gBAAgB,EAAEC,yBAAyB,QAAQ,wBAAqB;AAEjF,SAASC,cAAc,EAAEC,uBAAuB,QAAQ,sBAAmB;AAE3E,SAASC,qBAAqB,EAAEC,8BAA8B,QAAQ,6BAA0B;AAEhG,SAASC,gBAAgB,EAAEC,yBAAyB,QAAQ,wBAAqB;AAEjF,SAASC,cAAc,EAAEC,uBAAuB,QAAQ,sBAAmB"}

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

@@ -1,4 +1,4 @@
-import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
+import { iconFilledClassName, iconRegularClassName } from "@fluentui/react-icons";
 // class names from v0 - not imported as we do not want to keep depending on v0.
 const iconClassNames = {
     filled: 'ui-icon__filled',

package/lib/components/Button/index.js

@@ -1 +1 @@
-export { v0Icon, v9CustomSizeIcon, v9DisabledCursor, v9HoverClasses, v9Icon } from './ButtonMigration.mixins';
+export { v0Icon, v9CustomSizeIcon, v9DisabledCursor, v9HoverClasses, v9Icon } from "./ButtonMigration.mixins.js";

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"],"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,8BAA2B"}

package/lib/components/Flex/Flex.js

@@ -1,7 +1,7 @@
 'use client';
-import { mergeClasses } from '@fluentui/react-components';
-import * as React from 'react';
-import { useFlexStyles } from './Flex.styles';
+import { mergeClasses } from "@fluentui/react-components";
+import * as React from "react";
+import { useFlexStyles } from "./Flex.styles.js";
 export const flexClassName = 'fui-Flex';
 export const Flex = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const { children, column, fill, gap, hAlign, inline, padding, space, vAlign, wrap, className, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Flex/Flex.tsx"],"sourcesContent":["'use client';\n\nimport { 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      ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        React.cloneElement(child as React.ReactElement<any>, {\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;AAEA,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,kCAEH5D,MAAM+D,YAAY,CAACJ,OAAkC;YACnDK,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":["'use client';\n\nimport { 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      ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        React.cloneElement(child as React.ReactElement<any>, {\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;AAEA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAE/B,SAASC,aAAa,QAAQ,mBAAgB;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,kCAEH5D,MAAM+D,YAAY,CAACJ,OAAkC;YACnDK,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.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { __styles } from '@fluentui/react-components';
+import { __styles } from "@fluentui/react-components";
 const gapValues = {
   smaller: '8px',
   small: '10px',

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","gapValues","smaller","small","medium","large","paddingValues","useFlexStyles","flex","mc9l5x","inline","column","Beiy3e4","alignItemsFlexStart","Bt984gj","alignItemsCenter","alignItemsFlexEnd","alignItemsStretch","justifyContentFlexStart","Brf1p80","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpaceAround","justifyContentSpaceBetween","justifyContentSpaceEvenly","wrap","Eh141a","fill","a9b677","Bqenvij","gapForColumnFlexSmall","Belr9w4","gapForColumnFlexSmaller","gapForColumnFlexMedium","gapForColumnFlexLarge","gapForRowFlexSmall","i8kkvl","gapForRowFlexSmaller","gapForRowFlexMedium","gapForRowFlexLarge","paddingMedium","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","d","p"],"sources":["Flex.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@fluentui/react-components';\nconst gapValues = {\n    smaller: '8px',\n    small: '10px',\n    medium: '15px',\n    large: '30px'\n};\nconst paddingValues = {\n    medium: '10px'\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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,MAAMC,SAAS,GAAG;EACdC,OAAO,EAAE,KAAK;EACdC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,aAAa,GAAG;EAClBF,MAAM,EAAE;AACZ,CAAC;AACD,OAAO,MAAMG,aAAa,gBAAGP,QAAA;EAAAQ,IAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAD,MAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;EAAA;EAAAC,mBAAA;IAAAC,OAAA;EAAA;EAAAC,gBAAA;IAAAD,OAAA;EAAA;EAAAE,iBAAA;IAAAF,OAAA;EAAA;EAAAG,iBAAA;IAAAH,OAAA;EAAA;EAAAI,uBAAA;IAAAC,OAAA;EAAA;EAAAC,oBAAA;IAAAD,OAAA;EAAA;EAAAE,qBAAA;IAAAF,OAAA;EAAA;EAAAG,qBAAA;IAAAH,OAAA;EAAA;EAAAI,yBAAA;IAAAJ,OAAA;EAAA;EAAAK,0BAAA;IAAAL,OAAA;EAAA;EAAAM,yBAAA;IAAAN,OAAA;EAAA;EAAAO,IAAA;IAAAC,MAAA;EAAA;EAAAC,IAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,qBAAA;IAAAC,OAAA;EAAA;EAAAC,uBAAA;IAAAD,OAAA;EAAA;EAAAE,sBAAA;IAAAF,OAAA;EAAA;EAAAG,qBAAA;IAAAH,OAAA;EAAA;EAAAI,kBAAA;IAAAC,MAAA;EAAA;EAAAC,oBAAA;IAAAD,MAAA;EAAA;EAAAE,mBAAA;IAAAF,MAAA;EAAA;EAAAG,kBAAA;IAAAH,MAAA;EAAA;EAAAI,aAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CA6E5B,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","gapValues","smaller","small","medium","large","paddingValues","useFlexStyles","flex","mc9l5x","inline","column","Beiy3e4","alignItemsFlexStart","Bt984gj","alignItemsCenter","alignItemsFlexEnd","alignItemsStretch","justifyContentFlexStart","Brf1p80","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpaceAround","justifyContentSpaceBetween","justifyContentSpaceEvenly","wrap","Eh141a","fill","a9b677","Bqenvij","gapForColumnFlexSmall","Belr9w4","gapForColumnFlexSmaller","gapForColumnFlexMedium","gapForColumnFlexLarge","gapForRowFlexSmall","i8kkvl","gapForRowFlexSmaller","gapForRowFlexMedium","gapForRowFlexLarge","paddingMedium","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","d","p"],"sources":["Flex.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from \"@fluentui/react-components\";\nconst gapValues = {\n    smaller: '8px',\n    small: '10px',\n    medium: '15px',\n    large: '30px'\n};\nconst paddingValues = {\n    medium: '10px'\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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,MAAMC,SAAS,GAAG;EACdC,OAAO,EAAE,KAAK;EACdC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,aAAa,GAAG;EAClBF,MAAM,EAAE;AACZ,CAAC;AACD,OAAO,MAAMG,aAAa,gBAAGP,QAAA;EAAAQ,IAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAD,MAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;EAAA;EAAAC,mBAAA;IAAAC,OAAA;EAAA;EAAAC,gBAAA;IAAAD,OAAA;EAAA;EAAAE,iBAAA;IAAAF,OAAA;EAAA;EAAAG,iBAAA;IAAAH,OAAA;EAAA;EAAAI,uBAAA;IAAAC,OAAA;EAAA;EAAAC,oBAAA;IAAAD,OAAA;EAAA;EAAAE,qBAAA;IAAAF,OAAA;EAAA;EAAAG,qBAAA;IAAAH,OAAA;EAAA;EAAAI,yBAAA;IAAAJ,OAAA;EAAA;EAAAK,0BAAA;IAAAL,OAAA;EAAA;EAAAM,yBAAA;IAAAN,OAAA;EAAA;EAAAO,IAAA;IAAAC,MAAA;EAAA;EAAAC,IAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,qBAAA;IAAAC,OAAA;EAAA;EAAAC,uBAAA;IAAAD,OAAA;EAAA;EAAAE,sBAAA;IAAAF,OAAA;EAAA;EAAAG,qBAAA;IAAAH,OAAA;EAAA;EAAAI,kBAAA;IAAAC,MAAA;EAAA;EAAAC,oBAAA;IAAAD,MAAA;EAAA;EAAAE,mBAAA;IAAAF,MAAA;EAAA;EAAAG,kBAAA;IAAAH,MAAA;EAAA;EAAAI,aAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CA6E5B,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 'use client';
-import { makeStyles } from '@fluentui/react-components';
+import { makeStyles } from "@fluentui/react-components";
 const gapValues = {
     smaller: '8px',
     small: '10px',

package/lib/components/Flex/index.js

@@ -1,3 +1,3 @@
-export { Flex, flexClassName } from './Flex';
-export { useFlexStyles } from './Flex.styles';
-export { flexItem } from './FlexItem.mixins';
+export { Flex, flexClassName } from "./Flex.js";
+export { useFlexStyles } from "./Flex.styles.js";
+export { flexItem } from "./FlexItem.mixins.js";

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"],"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,YAAS;AAE7C,SAASC,aAAa,QAAQ,mBAAgB;AAC9C,SAASC,QAAQ,QAAQ,uBAAoB"}

package/lib/components/FormField/FormFieldShim.js

@@ -1,6 +1,6 @@
 'use client';
-import { renderField_unstable, useFieldContextValues_unstable, useFieldStyles_unstable, useField_unstable } from '@fluentui/react-components';
-import * as React from 'react';
+import { renderField_unstable, useFieldContextValues_unstable, useFieldStyles_unstable, useField_unstable } from "@fluentui/react-components";
+import * as React from "react";
 export const FormFieldShim = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const { errorMessage, required, control, label } = props;
     const fieldProps = {

package/lib/components/FormField/index.js

@@ -1 +1 @@
-export { FormFieldShim } from './FormFieldShim';
+export { FormFieldShim } from "./FormFieldShim.js";

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"],"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,qBAAkB"}

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

@@ -1,6 +1,6 @@
 'use client';
 
-import { __styles } from '@fluentui/react-components';
+import { __styles } from "@fluentui/react-components";
 export const useGridStyles = /*#__PURE__*/__styles({
   grid: {
     mc9l5x: "f13qh94s",

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

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

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

@@ -1,5 +1,5 @@
 'use client';
-import { makeStyles } from '@fluentui/react-components';
+import { makeStyles } from "@fluentui/react-components";
 export const useGridStyles = makeStyles({
     grid: {
         display: 'grid',

package/lib/components/Grid/GridShim.js

@@ -1,7 +1,7 @@
 'use client';
-import { mergeClasses } from '@fluentui/react-components';
-import * as React from 'react';
-import { useGridStyles } from './Grid.styles';
+import { mergeClasses } from "@fluentui/react-components";
+import * as React from "react";
+import { useGridStyles } from "./Grid.styles.js";
 export const gridShimClassName = 'fui-Grid';
 export const GridShim = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const { rows, columns, className, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Grid/GridShim.tsx"],"sourcesContent":["'use client';\n\nimport { 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;AAEA,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":["'use client';\n\nimport { 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;AAEA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,mBAAgB;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

@@ -1,3 +1,3 @@
-export { GridShim, gridShimClassName as gridClassName } from './GridShim';
-export { useGridStyles } from './Grid.styles';
-export { grid } from './Grid.mixins';
+export { GridShim, gridShimClassName as gridClassName } from "./GridShim.js";
+export { useGridStyles } from "./Grid.styles.js";
+export { grid } from "./Grid.mixins.js";

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"],"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,gBAAa;AAE1E,SAASC,aAAa,QAAQ,mBAAgB;AAC9C,SAASC,IAAI,QAAQ,mBAAgB"}

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

@@ -1,4 +1,4 @@
-import { tokens } from '@fluentui/react-components';
+import { tokens } from "@fluentui/react-components";
 const fluid = ()=>({
         width: '100%'
     });

package/lib/components/Input/index.js

@@ -1 +1 @@
-export { input } from './Input.mixins';
+export { input } from "./Input.mixins.js";

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"],"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,oBAAiB"}

package/lib/components/ItemLayout/ItemLayout.js

@@ -1,9 +1,9 @@
   'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
-import * as React from 'react';
-import { mergeClasses } from '@fluentui/react-components';
-import { getIntrinsicElementProps, slot, assertSlots } from '@fluentui/react-utilities';
-import { useItemLayoutStyles } from './ItemLayout.styles';
+import * as React from "react";
+import { mergeClasses } from "@fluentui/react-components";
+import { getIntrinsicElementProps, slot, assertSlots } from "@fluentui/react-utilities";
+import { useItemLayoutStyles } from "./ItemLayout.styles.js";
 export const itemLayoutClassName = 'fui-ItemLayout';
 export const ItemLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const state = {

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\n'use client';\n\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { getIntrinsicElementProps, slot, assertSlots } 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":"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"}
+{"version":3,"sources":["../src/components/ItemLayout/ItemLayout.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\n'use client';\n\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { getIntrinsicElementProps, slot, assertSlots } 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":"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"}

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

@@ -1,6 +1,6 @@
 'use client';
 
-import { __styles } from '@fluentui/react-components';
+import { __styles } from "@fluentui/react-components";
 export const useItemLayoutStyles = /*#__PURE__*/__styles({
   root: {
     mc9l5x: "f13qh94s",