npm - @fluentui/react-migration-v0-v9 - Versions diffs - 9.6.34 → 9.6.36 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (296) hide show

package/lib/components/StyledText/StyledText.styles.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use client';
-import { __styles, tokens } from '@fluentui/react-components';
+import { __styles, tokens } from "@fluentui/react-components";
 export const useSizeStyles = /*#__PURE__*/__styles({
   base100: {
     Be2twd7: "f13mqy1h",

package/lib/components/StyledText/StyledText.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","tokens","useSizeStyles","base100","Be2twd7","Bg96gwp","base200","base300","base400","base500","base600","hero700","d","useWeightStyles","light","Bhrd7zp","semilight","regular","medium","semibold","bold","useStyles","mention","sj55zd","mentionMe","disabled","error","important","success","temporary","B80ckks","timestamp","nowrap","Huce71","B68tc82","Bmxbyg5","Bpg54ce","truncate","ygn44y","alignCenter","fsow6f","alignEnd","alignJustify","p"],"sources":["StyledText.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, tokens } from '@fluentui/react-components';\nexport const useSizeStyles = makeStyles({\n base100: {\n fontSize: tokens.fontSizeBase100,\n lineHeight: tokens.lineHeightBase100\n },\n base200: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200\n },\n base300: {\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300\n },\n base400: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400\n },\n base500: {\n fontSize: tokens.fontSizeBase500,\n lineHeight: tokens.lineHeightBase500\n },\n base600: {\n fontSize: tokens.fontSizeBase600,\n lineHeight: tokens.lineHeightBase600\n },\n hero700: {\n fontSize: tokens.fontSizeHero700,\n lineHeight: tokens.lineHeightHero700\n }\n});\nexport const useWeightStyles = makeStyles({\n light: {\n fontWeight: 200\n },\n semilight: {\n fontWeight: 300\n },\n regular: {\n fontWeight: 400\n },\n medium: {\n fontWeight: 500\n },\n semibold: {\n fontWeight: 600\n },\n bold: {\n fontWeight: 700\n }\n});\nexport const useStyles = makeStyles({\n mention: {\n color: tokens.colorBrandForegroundLink\n },\n mentionMe: {\n color: tokens.colorPalettePumpkinBorderActive,\n fontWeight: 700\n },\n disabled: {\n color: tokens.colorNeutralForegroundDisabled\n },\n error: {\n color: tokens.colorPaletteRedForeground3\n },\n important: {\n color: tokens.colorPaletteDarkOrangeForeground3,\n fontWeight: 700\n },\n success: {\n color: tokens.colorPaletteGreenForeground3\n },\n temporary: {\n fontStyle: 'italic'\n },\n timestamp: {\n color: tokens.colorNeutralForeground3\n },\n nowrap: {\n whiteSpace: 'nowrap',\n overflow: 'hidden'\n },\n truncate: {\n textOverflow: 'ellipsis'\n },\n alignCenter: {\n textAlign: 'center'\n },\n alignEnd: {\n textAlign: 'end'\n },\n alignJustify: {\n textAlign: 'justify'\n }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,MAAM,QAAQ,4BAA4B;AAC/D,OAAO,MAAMC,aAAa,gBAAGF,QAAA;EAAAG,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,OAAA;IAAAH,OAAA;IAAAC,OAAA;EAAA;EAAAG,OAAA;IAAAJ,OAAA;IAAAC,OAAA;EAAA;EAAAI,OAAA;IAAAL,OAAA;IAAAC,OAAA;EAAA;EAAAK,OAAA;IAAAN,OAAA;IAAAC,OAAA;EAAA;EAAAM,OAAA;IAAAP,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAO,CAAA;AAAA,CA6B5B,CAAC;AACF,OAAO,MAAMC,eAAe,gBAAGb,QAAA;EAAAc,KAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAAD,OAAA;EAAA;EAAAE,OAAA;IAAAF,OAAA;EAAA;EAAAG,MAAA;IAAAH,OAAA;EAAA;EAAAI,QAAA;IAAAJ,OAAA;EAAA;EAAAK,IAAA;IAAAL,OAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,CAmB9B,CAAC;AACF,OAAO,MAAMS,SAAS,gBAAGrB,QAAA;EAAAsB,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAD,MAAA;IAAAR,OAAA;EAAA;EAAAU,QAAA;IAAAF,MAAA;EAAA;EAAAG,KAAA;IAAAH,MAAA;EAAA;EAAAI,SAAA;IAAAJ,MAAA;IAAAR,OAAA;EAAA;EAAAa,OAAA;IAAAL,MAAA;EAAA;EAAAM,SAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAAR,MAAA;EAAA;EAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,MAAA;EAAA;EAAAC,WAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAD,MAAA;EAAA;EAAAE,YAAA;IAAAF,MAAA;EAAA;AAAA;EAAA5B,CAAA;IAAA+B,CAAA;EAAA;AAAA,CA2CxB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["__styles","tokens","useSizeStyles","base100","Be2twd7","Bg96gwp","base200","base300","base400","base500","base600","hero700","d","useWeightStyles","light","Bhrd7zp","semilight","regular","medium","semibold","bold","useStyles","mention","sj55zd","mentionMe","disabled","error","important","success","temporary","B80ckks","timestamp","nowrap","Huce71","B68tc82","Bmxbyg5","Bpg54ce","truncate","ygn44y","alignCenter","fsow6f","alignEnd","alignJustify","p"],"sources":["StyledText.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, tokens } from \"@fluentui/react-components\";\nexport const useSizeStyles = makeStyles({\n base100: {\n fontSize: tokens.fontSizeBase100,\n lineHeight: tokens.lineHeightBase100\n },\n base200: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200\n },\n base300: {\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300\n },\n base400: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400\n },\n base500: {\n fontSize: tokens.fontSizeBase500,\n lineHeight: tokens.lineHeightBase500\n },\n base600: {\n fontSize: tokens.fontSizeBase600,\n lineHeight: tokens.lineHeightBase600\n },\n hero700: {\n fontSize: tokens.fontSizeHero700,\n lineHeight: tokens.lineHeightHero700\n }\n});\nexport const useWeightStyles = makeStyles({\n light: {\n fontWeight: 200\n },\n semilight: {\n fontWeight: 300\n },\n regular: {\n fontWeight: 400\n },\n medium: {\n fontWeight: 500\n },\n semibold: {\n fontWeight: 600\n },\n bold: {\n fontWeight: 700\n }\n});\nexport const useStyles = makeStyles({\n mention: {\n color: tokens.colorBrandForegroundLink\n },\n mentionMe: {\n color: tokens.colorPalettePumpkinBorderActive,\n fontWeight: 700\n },\n disabled: {\n color: tokens.colorNeutralForegroundDisabled\n },\n error: {\n color: tokens.colorPaletteRedForeground3\n },\n important: {\n color: tokens.colorPaletteDarkOrangeForeground3,\n fontWeight: 700\n },\n success: {\n color: tokens.colorPaletteGreenForeground3\n },\n temporary: {\n fontStyle: 'italic'\n },\n timestamp: {\n color: tokens.colorNeutralForeground3\n },\n nowrap: {\n whiteSpace: 'nowrap',\n overflow: 'hidden'\n },\n truncate: {\n textOverflow: 'ellipsis'\n },\n alignCenter: {\n textAlign: 'center'\n },\n alignEnd: {\n textAlign: 'end'\n },\n alignJustify: {\n textAlign: 'justify'\n }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,MAAM,QAAQ,4BAA4B;AAC/D,OAAO,MAAMC,aAAa,gBAAGF,QAAA;EAAAG,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,OAAA;IAAAH,OAAA;IAAAC,OAAA;EAAA;EAAAG,OAAA;IAAAJ,OAAA;IAAAC,OAAA;EAAA;EAAAI,OAAA;IAAAL,OAAA;IAAAC,OAAA;EAAA;EAAAK,OAAA;IAAAN,OAAA;IAAAC,OAAA;EAAA;EAAAM,OAAA;IAAAP,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAO,CAAA;AAAA,CA6B5B,CAAC;AACF,OAAO,MAAMC,eAAe,gBAAGb,QAAA;EAAAc,KAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAAD,OAAA;EAAA;EAAAE,OAAA;IAAAF,OAAA;EAAA;EAAAG,MAAA;IAAAH,OAAA;EAAA;EAAAI,QAAA;IAAAJ,OAAA;EAAA;EAAAK,IAAA;IAAAL,OAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,CAmB9B,CAAC;AACF,OAAO,MAAMS,SAAS,gBAAGrB,QAAA;EAAAsB,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAD,MAAA;IAAAR,OAAA;EAAA;EAAAU,QAAA;IAAAF,MAAA;EAAA;EAAAG,KAAA;IAAAH,MAAA;EAAA;EAAAI,SAAA;IAAAJ,MAAA;IAAAR,OAAA;EAAA;EAAAa,OAAA;IAAAL,MAAA;EAAA;EAAAM,SAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAAR,MAAA;EAAA;EAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,MAAA;EAAA;EAAAC,WAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAD,MAAA;EAAA;EAAAE,YAAA;IAAAF,MAAA;EAAA;AAAA;EAAA5B,CAAA;IAAA+B,CAAA;EAAA;AAAA,CA2CxB,CAAC","ignoreList":[]}

package/lib/components/StyledText/StyledText.styles.raw.js CHANGED Viewed

@@ -1,5 +1,5 @@
 'use client';
-import { makeStyles, tokens } from '@fluentui/react-components';
+import { makeStyles, tokens } from "@fluentui/react-components";
 export const useSizeStyles = makeStyles({
     base100: {
         fontSize: tokens.fontSizeBase100,

package/lib/components/StyledText/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { StyledText, styledTextClassName } from './StyledText';
-export { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';
+export { StyledText, styledTextClassName } from "./StyledText.js";
+export { useSizeStyles, useStyles, useWeightStyles } from "./StyledText.styles.js";

package/lib/components/StyledText/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/StyledText/index.tsx"],"sourcesContent":["export type { StyledTextProps, StyledTextSlots } from './StyledText';\nexport { StyledText, styledTextClassName } from './StyledText';\nexport { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';\n"],"names":["StyledText","styledTextClassName","useSizeStyles","useStyles","useWeightStyles"],"mappings":"AACA,SAASA,UAAU,EAAEC,mBAAmB,QAAQ,~~eAAe~~;AAC/D,SAASC,aAAa,EAAEC,SAAS,EAAEC,eAAe,QAAQ,~~sBAAsB~~"}
1	+ {"version":3,"sources":["../src/components/StyledText/index.tsx"],"sourcesContent":["export type { StyledTextProps, StyledTextSlots } from './StyledText';\nexport { StyledText, styledTextClassName } from './StyledText';\nexport { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';\n"],"names":["StyledText","styledTextClassName","useSizeStyles","useStyles","useWeightStyles"],"mappings":"AACA,SAASA,UAAU,EAAEC,mBAAmB,QAAQ,kBAAe;AAC/D,SAASC,aAAa,EAAEC,SAAS,EAAEC,eAAe,QAAQ,yBAAsB"}

package/lib/components/Video/Video.js CHANGED Viewed

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

package/lib/components/Video/Video.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Video/Video.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses, useMergedRefs } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useVideoStyles } from './Video.styles';\n\nexport const videoClassName = 'fui-Video';\n\n/*\n Video component props\n /\nexport interface VideoProps extends React.VideoHTMLAttributes<HTMLVideoElement> {\n /\n The source URL of the video\n /\n src: string;\n\n /\n Whether the video should start playing automatically\n * @default false\n /\n autoPlay?: boolean;\n\n /\n Whether the video should display controls\n * @default true\n /\n controls?: boolean;\n\n /\n Whether the video should loop\n /\n loop?: boolean;\n\n /\n Whether the video should be muted\n /\n muted?: boolean;\n\n /\n The URL of an image to display while the video is loading\n */\n poster?: string;\n}\n\nexport const Video = React.forwardRef<HTMLVideoElement, VideoProps>((props, ref) => {\n const { className, muted, ...rest } = props;\n\n const videoRef = React.useRef<HTMLVideoElement>(null);\n\n const classes = useVideoStyles();\n React.useEffect(() => {\n // this is a workaround for a potential memory leak in Chromium which retains a Detached HTMLVideoElement when <video autoplay> is unmounted\n // https://bugs.chromium.org/p/chromium/issues/detail?id=969049\n return () => {\n if (videoRef?.current) {\n // we want to perform the cleanup on the latest element rendered\n // eslint-disable-next-line react-hooks/exhaustive-deps\n videoRef.current.src = '';\n }\n };\n }, [videoRef]);\n\n React.useEffect(() => {\n // React doesn't guarantee that props will be set:\n // https://github.com/facebook/react/issues/10389\n if (videoRef.current) {\n videoRef.current.muted = !!muted;\n }\n }, [muted]);\n\n return (\n <video\n ref={useMergedRefs(ref, videoRef) as React.Ref<HTMLVideoElement>}\n role=\"application\"\n className={mergeClasses(videoClassName, classes.root, className)}\n controls={true}\n autoPlay={false}\n muted={muted}\n {...rest}\n />\n );\n});\n\nVideo.displayName = 'Video';\n"],"names":["mergeClasses","useMergedRefs","React","useVideoStyles","videoClassName","Video","forwardRef","props","ref","className","muted","rest","videoRef","useRef","classes","useEffect","current","src","video","role","root","controls","autoPlay","displayName"],"mappings":"AAAA;AAEA,SAASA,YAAY,EAAEC,aAAa,QAAQ,6BAA6B;AACzE,YAAYC,WAAW,QAAQ;AAC/B,SAASC,cAAc,QAAQ,~~iBAAiB~~;AAEhD,OAAO,MAAMC,iBAAiB,YAAY;AAuC1C,OAAO,MAAMC,sBAAQH,MAAMI,UAAU,CAA+B,CAACC,OAAOC;IAC1E,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGJ;IAEtC,MAAMK,WAAWV,MAAMW,MAAM,CAAmB;IAEhD,MAAMC,UAAUX;IAChBD,MAAMa,SAAS,CAAC;QACd,4IAA4I;QAC5I,+DAA+D;QAC/D,OAAO;YACL,IAAIH,qBAAAA,+BAAAA,SAAUI,OAAO,EAAE;gBACrB,gEAAgE;gBAChE,uDAAuD;gBACvDJ,SAASI,OAAO,CAACC,GAAG,GAAG;YACzB;QACF;IACF,GAAG;QAACL;KAAS;IAEbV,MAAMa,SAAS,CAAC;QACd,kDAAkD;QAClD,iDAAiD;QACjD,IAAIH,SAASI,OAAO,EAAE;YACpBJ,SAASI,OAAO,CAACN,KAAK,GAAG,CAAC,CAACA;QAC7B;IACF,GAAG;QAACA;KAAM;IAEV,qBACE,oBAACQ;QACCV,KAAKP,cAAcO,KAAKI;QACxBO,MAAK;QACLV,WAAWT,aAAaI,gBAAgBU,QAAQM,IAAI,EAAEX;QACtDY,UAAU;QACVC,UAAU;QACVZ,OAAOA;QACN,GAAGC,IAAI;;AAGd,GAAG;AAEHN,MAAMkB,WAAW,GAAG"}
1	+ {"version":3,"sources":["../src/components/Video/Video.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses, useMergedRefs } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useVideoStyles } from './Video.styles';\n\nexport const videoClassName = 'fui-Video';\n\n/*\n Video component props\n /\nexport interface VideoProps extends React.VideoHTMLAttributes<HTMLVideoElement> {\n /\n The source URL of the video\n /\n src: string;\n\n /\n Whether the video should start playing automatically\n * @default false\n /\n autoPlay?: boolean;\n\n /\n Whether the video should display controls\n * @default true\n /\n controls?: boolean;\n\n /\n Whether the video should loop\n /\n loop?: boolean;\n\n /\n Whether the video should be muted\n /\n muted?: boolean;\n\n /\n The URL of an image to display while the video is loading\n */\n poster?: string;\n}\n\nexport const Video = React.forwardRef<HTMLVideoElement, VideoProps>((props, ref) => {\n const { className, muted, ...rest } = props;\n\n const videoRef = React.useRef<HTMLVideoElement>(null);\n\n const classes = useVideoStyles();\n React.useEffect(() => {\n // this is a workaround for a potential memory leak in Chromium which retains a Detached HTMLVideoElement when <video autoplay> is unmounted\n // https://bugs.chromium.org/p/chromium/issues/detail?id=969049\n return () => {\n if (videoRef?.current) {\n // we want to perform the cleanup on the latest element rendered\n // eslint-disable-next-line react-hooks/exhaustive-deps\n videoRef.current.src = '';\n }\n };\n }, [videoRef]);\n\n React.useEffect(() => {\n // React doesn't guarantee that props will be set:\n // https://github.com/facebook/react/issues/10389\n if (videoRef.current) {\n videoRef.current.muted = !!muted;\n }\n }, [muted]);\n\n return (\n <video\n ref={useMergedRefs(ref, videoRef) as React.Ref<HTMLVideoElement>}\n role=\"application\"\n className={mergeClasses(videoClassName, classes.root, className)}\n controls={true}\n autoPlay={false}\n muted={muted}\n {...rest}\n />\n );\n});\n\nVideo.displayName = 'Video';\n"],"names":["mergeClasses","useMergedRefs","React","useVideoStyles","videoClassName","Video","forwardRef","props","ref","className","muted","rest","videoRef","useRef","classes","useEffect","current","src","video","role","root","controls","autoPlay","displayName"],"mappings":"AAAA;AAEA,SAASA,YAAY,EAAEC,aAAa,QAAQ,6BAA6B;AACzE,YAAYC,WAAW,QAAQ;AAC/B,SAASC,cAAc,QAAQ,oBAAiB;AAEhD,OAAO,MAAMC,iBAAiB,YAAY;AAuC1C,OAAO,MAAMC,sBAAQH,MAAMI,UAAU,CAA+B,CAACC,OAAOC;IAC1E,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGJ;IAEtC,MAAMK,WAAWV,MAAMW,MAAM,CAAmB;IAEhD,MAAMC,UAAUX;IAChBD,MAAMa,SAAS,CAAC;QACd,4IAA4I;QAC5I,+DAA+D;QAC/D,OAAO;YACL,IAAIH,qBAAAA,+BAAAA,SAAUI,OAAO,EAAE;gBACrB,gEAAgE;gBAChE,uDAAuD;gBACvDJ,SAASI,OAAO,CAACC,GAAG,GAAG;YACzB;QACF;IACF,GAAG;QAACL;KAAS;IAEbV,MAAMa,SAAS,CAAC;QACd,kDAAkD;QAClD,iDAAiD;QACjD,IAAIH,SAASI,OAAO,EAAE;YACpBJ,SAASI,OAAO,CAACN,KAAK,GAAG,CAAC,CAACA;QAC7B;IACF,GAAG;QAACA;KAAM;IAEV,qBACE,oBAACQ;QACCV,KAAKP,cAAcO,KAAKI;QACxBO,MAAK;QACLV,WAAWT,aAAaI,gBAAgBU,QAAQM,IAAI,EAAEX;QACtDY,UAAU;QACVC,UAAU;QACVZ,OAAOA;QACN,GAAGC,IAAI;;AAGd,GAAG;AAEHN,MAAMkB,WAAW,GAAG"}

package/lib/components/Video/Video.styles.js CHANGED Viewed

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

package/lib/components/Video/Video.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","useVideoStyles","root","mc9l5x","ha4doy","a9b677","Bqenvij","d"],"sources":["Video.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@fluentui/react-components';\nexport const useVideoStyles = makeStyles({\n root: {\n display: 'inline-block',\n verticalAlign: 'middle',\n width: '100%',\n height: 'auto'\n }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,OAAO,MAAMC,cAAc,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAO7B,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["__styles","useVideoStyles","root","mc9l5x","ha4doy","a9b677","Bqenvij","d"],"sources":["Video.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from \"@fluentui/react-components\";\nexport const useVideoStyles = makeStyles({\n root: {\n display: 'inline-block',\n verticalAlign: 'middle',\n width: '100%',\n height: 'auto'\n }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,OAAO,MAAMC,cAAc,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAO7B,CAAC","ignoreList":[]}

package/lib/components/Video/Video.styles.raw.js CHANGED Viewed

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

package/lib/components/Video/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { Video, videoClassName } from './Video';
1	+ export { Video, videoClassName } from "./Video.js";

package/lib/components/Video/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Video/index.ts"],"sourcesContent":["export type { VideoProps } from './Video';\nexport { Video, videoClassName } from './Video';\n"],"names":["Video","videoClassName"],"mappings":"AACA,SAASA,KAAK,EAAEC,cAAc,QAAQ,~~UAAU~~"}
1	+ {"version":3,"sources":["../src/components/Video/index.ts"],"sourcesContent":["export type { VideoProps } from './Video';\nexport { Video, videoClassName } from './Video';\n"],"names":["Video","videoClassName"],"mappings":"AACA,SAASA,KAAK,EAAEC,cAAc,QAAQ,aAAU"}

package/lib/index.js CHANGED Viewed

@@ -1,14 +1,14 @@
-export { GridShim, grid, gridClassName, useGridStyles } from './components/Grid/index';
-export { FormFieldShim } from './components/FormField';
-export { Segment } from './components/Segment';
-export { slider } from './components/Slider';
-export { Video, videoClassName } from './components/Video';
-export { input } from './components/Input';
-export { v0Icon, v9CustomSizeIcon, v9DisabledCursor, v9HoverClasses, v9Icon } from './components/Button';
-export { spinner } from './components/Spinner';
-export { StyledText, styledTextClassName } from './components/StyledText';
-export { Primitive, primitiveClassName } from './components/Primitive';
-export { ItemLayout, itemLayoutClassName, useItemLayoutStyles } from './components/ItemLayout';
-export { Flex, flexClassName, flexItem, useFlexStyles } from './components/Flex';
-export { List, ListItem, listClassNames, listItemClassNames, renderListItem_unstable, renderList_unstable, useListItemStyles_unstable, useListItem_unstable, useListSelection, useListStyles_unstable, useList_unstable } from './components/List';
-export { Attachment, AttachmentAction, AttachmentBody, AttachmentDescription, AttachmentHeader, AttachmentIcon, attachmentClassName, attachmentActionClassName, attachmentBodyClassName, attachmentDescriptionClassName, attachmentHeaderClassName, attachmentIconClassName, attachmentProgressBarClassName, attachmentProgressContainerClassName } from './components/Attachment';
+export { GridShim, grid, gridClassName, useGridStyles } from "./components/Grid/index.js";
+export { FormFieldShim } from "./components/FormField/index.js";
+export { Segment } from "./components/Segment/index.js";
+export { slider } from "./components/Slider/index.js";
+export { Video, videoClassName } from "./components/Video/index.js";
+export { input } from "./components/Input/index.js";
+export { v0Icon, v9CustomSizeIcon, v9DisabledCursor, v9HoverClasses, v9Icon } from "./components/Button/index.js";
+export { spinner } from "./components/Spinner/index.js";
+export { StyledText, styledTextClassName } from "./components/StyledText/index.js";
+export { Primitive, primitiveClassName } from "./components/Primitive/index.js";
+export { ItemLayout, itemLayoutClassName, useItemLayoutStyles } from "./components/ItemLayout/index.js";
+export { Flex, flexClassName, flexItem, useFlexStyles } from "./components/Flex/index.js";
+export { List, ListItem, listClassNames, listItemClassNames, renderListItem_unstable, renderList_unstable, useListItemStyles_unstable, useListItem_unstable, useListSelection, useListStyles_unstable, useList_unstable } from "./components/List/index.js";
+export { Attachment, AttachmentAction, AttachmentBody, AttachmentDescription, AttachmentHeader, AttachmentIcon, attachmentClassName, attachmentActionClassName, attachmentBodyClassName, attachmentDescriptionClassName, attachmentHeaderClassName, attachmentIconClassName, attachmentProgressBarClassName, attachmentProgressContainerClassName } from "./components/Attachment/index.js";

package/lib/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { GridShim, grid, gridClassName, useGridStyles } from './components/Grid/index';\nexport type { GridShimProps } from './components/Grid/index';\nexport { FormFieldShim } from './components/FormField';\nexport { Segment } from './components/Segment';\nexport { slider } from './components/Slider';\nexport { Video, videoClassName } from './components/Video';\nexport { type VideoProps } from './components/Video';\nexport { input } from './components/Input';\nexport { v0Icon, v9CustomSizeIcon, v9DisabledCursor, v9HoverClasses, v9Icon } from './components/Button';\nexport { spinner } from './components/Spinner';\nexport { StyledText, styledTextClassName } from './components/StyledText';\nexport type { StyledTextProps, StyledTextSlots } from './components/StyledText';\nexport { Primitive, primitiveClassName } from './components/Primitive';\nexport { ItemLayout, itemLayoutClassName, useItemLayoutStyles } from './components/ItemLayout';\nexport { Flex, flexClassName, flexItem, useFlexStyles } from './components/Flex';\nexport {\n List,\n ListItem,\n listClassNames,\n listItemClassNames,\n renderListItem_unstable,\n renderList_unstable,\n useListItemStyles_unstable,\n useListItem_unstable,\n useListSelection,\n useListStyles_unstable,\n useList_unstable,\n} from './components/List';\nexport type { ListItemProps, ListItemSlots, ListItemState, ListProps, ListSlots, ListState } from './components/List';\nexport {\n Attachment,\n AttachmentAction,\n AttachmentBody,\n AttachmentDescription,\n AttachmentHeader,\n AttachmentIcon,\n attachmentClassName,\n attachmentActionClassName,\n attachmentBodyClassName,\n attachmentDescriptionClassName,\n attachmentHeaderClassName,\n attachmentIconClassName,\n attachmentProgressBarClassName,\n attachmentProgressContainerClassName,\n} from './components/Attachment';\n\nexport type {\n AttachmentProps,\n AttachmentActionProps,\n AttachmentBodyProps,\n AttachmentDescriptionProps,\n AttachmentHeaderProps,\n AttachmentIconProps,\n} from './components/Attachment';\n"],"names":["GridShim","grid","gridClassName","useGridStyles","FormFieldShim","Segment","slider","Video","videoClassName","input","v0Icon","v9CustomSizeIcon","v9DisabledCursor","v9HoverClasses","v9Icon","spinner","StyledText","styledTextClassName","Primitive","primitiveClassName","ItemLayout","itemLayoutClassName","useItemLayoutStyles","Flex","flexClassName","flexItem","useFlexStyles","List","ListItem","listClassNames","listItemClassNames","renderListItem_unstable","renderList_unstable","useListItemStyles_unstable","useListItem_unstable","useListSelection","useListStyles_unstable","useList_unstable","Attachment","AttachmentAction","AttachmentBody","AttachmentDescription","AttachmentHeader","AttachmentIcon","attachmentClassName","attachmentActionClassName","attachmentBodyClassName","attachmentDescriptionClassName","attachmentHeaderClassName","attachmentIconClassName","attachmentProgressBarClassName","attachmentProgressContainerClassName"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,IAAI,EAAEC,aAAa,EAAEC,aAAa,QAAQ,~~0BAA0B~~;AAEvF,SAASC,aAAa,QAAQ,~~yBAAyB~~;AACvD,SAASC,OAAO,QAAQ,~~uBAAuB~~;AAC/C,SAASC,MAAM,QAAQ~~,sBAAsB~~;AAC7C,SAASC,KAAK,EAAEC,cAAc,QAAQ,~~qBAAqB~~;AAE3D,SAASC,KAAK,QAAQ,~~qBAAqB~~;AAC3C,SAASC,MAAM,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,MAAM,QAAQ~~,sBAAsB~~;AACzG,SAASC,OAAO,QAAQ,~~uBAAuB~~;AAC/C,SAASC,UAAU,EAAEC,mBAAmB,QAAQ,~~0BAA0B~~;AAE1E,SAASC,SAAS,EAAEC,kBAAkB,QAAQ,~~yBAAyB~~;AACvE,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,mBAAmB,QAAQ,~~0BAA0B~~;AAC/F,SAASC,IAAI,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,~~oBAAoB~~;AACjF,SACEC,IAAI,EACJC,QAAQ,EACRC,cAAc,EACdC,kBAAkB,EAClBC,uBAAuB,EACvBC,mBAAmB,EACnBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,gBAAgB,EAChBC,sBAAsB,EACtBC,gBAAgB,QACX,~~oBAAoB~~;AAE3B,SACEC,UAAU,EACVC,gBAAgB,EAChBC,cAAc,EACdC,qBAAqB,EACrBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,EACnBC,yBAAyB,EACzBC,uBAAuB,EACvBC,8BAA8B,EAC9BC,yBAAyB,EACzBC,uBAAuB,EACvBC,8BAA8B,EAC9BC,oCAAoC,QAC/B,~~0BAA0B~~"}
1	+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { GridShim, grid, gridClassName, useGridStyles } from './components/Grid/index';\nexport type { GridShimProps } from './components/Grid/index';\nexport { FormFieldShim } from './components/FormField';\nexport { Segment } from './components/Segment';\nexport { slider } from './components/Slider';\nexport { Video, videoClassName } from './components/Video';\nexport { type VideoProps } from './components/Video';\nexport { input } from './components/Input';\nexport { v0Icon, v9CustomSizeIcon, v9DisabledCursor, v9HoverClasses, v9Icon } from './components/Button';\nexport { spinner } from './components/Spinner';\nexport { StyledText, styledTextClassName } from './components/StyledText';\nexport type { StyledTextProps, StyledTextSlots } from './components/StyledText';\nexport { Primitive, primitiveClassName } from './components/Primitive';\nexport { ItemLayout, itemLayoutClassName, useItemLayoutStyles } from './components/ItemLayout';\nexport { Flex, flexClassName, flexItem, useFlexStyles } from './components/Flex';\nexport {\n List,\n ListItem,\n listClassNames,\n listItemClassNames,\n renderListItem_unstable,\n renderList_unstable,\n useListItemStyles_unstable,\n useListItem_unstable,\n useListSelection,\n useListStyles_unstable,\n useList_unstable,\n} from './components/List';\nexport type { ListItemProps, ListItemSlots, ListItemState, ListProps, ListSlots, ListState } from './components/List';\nexport {\n Attachment,\n AttachmentAction,\n AttachmentBody,\n AttachmentDescription,\n AttachmentHeader,\n AttachmentIcon,\n attachmentClassName,\n attachmentActionClassName,\n attachmentBodyClassName,\n attachmentDescriptionClassName,\n attachmentHeaderClassName,\n attachmentIconClassName,\n attachmentProgressBarClassName,\n attachmentProgressContainerClassName,\n} from './components/Attachment';\n\nexport type {\n AttachmentProps,\n AttachmentActionProps,\n AttachmentBodyProps,\n AttachmentDescriptionProps,\n AttachmentHeaderProps,\n AttachmentIconProps,\n} from './components/Attachment';\n"],"names":["GridShim","grid","gridClassName","useGridStyles","FormFieldShim","Segment","slider","Video","videoClassName","input","v0Icon","v9CustomSizeIcon","v9DisabledCursor","v9HoverClasses","v9Icon","spinner","StyledText","styledTextClassName","Primitive","primitiveClassName","ItemLayout","itemLayoutClassName","useItemLayoutStyles","Flex","flexClassName","flexItem","useFlexStyles","List","ListItem","listClassNames","listItemClassNames","renderListItem_unstable","renderList_unstable","useListItemStyles_unstable","useListItem_unstable","useListSelection","useListStyles_unstable","useList_unstable","Attachment","AttachmentAction","AttachmentBody","AttachmentDescription","AttachmentHeader","AttachmentIcon","attachmentClassName","attachmentActionClassName","attachmentBodyClassName","attachmentDescriptionClassName","attachmentHeaderClassName","attachmentIconClassName","attachmentProgressBarClassName","attachmentProgressContainerClassName"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,IAAI,EAAEC,aAAa,EAAEC,aAAa,QAAQ,6BAA0B;AAEvF,SAASC,aAAa,QAAQ,kCAAyB;AACvD,SAASC,OAAO,QAAQ,gCAAuB;AAC/C,SAASC,MAAM,QAAQ,+BAAsB;AAC7C,SAASC,KAAK,EAAEC,cAAc,QAAQ,8BAAqB;AAE3D,SAASC,KAAK,QAAQ,8BAAqB;AAC3C,SAASC,MAAM,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,MAAM,QAAQ,+BAAsB;AACzG,SAASC,OAAO,QAAQ,gCAAuB;AAC/C,SAASC,UAAU,EAAEC,mBAAmB,QAAQ,mCAA0B;AAE1E,SAASC,SAAS,EAAEC,kBAAkB,QAAQ,kCAAyB;AACvE,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,mBAAmB,QAAQ,mCAA0B;AAC/F,SAASC,IAAI,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,6BAAoB;AACjF,SACEC,IAAI,EACJC,QAAQ,EACRC,cAAc,EACdC,kBAAkB,EAClBC,uBAAuB,EACvBC,mBAAmB,EACnBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,gBAAgB,EAChBC,sBAAsB,EACtBC,gBAAgB,QACX,6BAAoB;AAE3B,SACEC,UAAU,EACVC,gBAAgB,EAChBC,cAAc,EACdC,qBAAqB,EACrBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,EACnBC,yBAAyB,EACzBC,uBAAuB,EACvBC,8BAA8B,EAC9BC,yBAAyB,EACzBC,uBAAuB,EACvBC,8BAA8B,EAC9BC,oCAAoC,QAC/B,mCAA0B"}

package/lib-commonjs/components/Attachment/{Attachment.js → Attachment.cjs} RENAMED Viewed

@@ -27,7 +27,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _reactcomponents = require("@fluentui/react-components");
 const _reactaria = require("@fluentui/react-aria");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _Attachmentstyles = require("./Attachment.styles");
+const _Attachmentstyles = require("./Attachment.styles.cjs");
 const attachmentClassName = 'fui-Attachment';
 const attachmentProgressContainerClassName = `${attachmentClassName}__progress-container`;
 const attachmentProgressBarClassName = `${attachmentClassName}__progress`;

package/lib-commonjs/components/Attachment/{Attachment.js.map → Attachment.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Attachment/Attachment.tsx"],"sourcesContent":["'use client';\n\nimport { 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;;;;;;;;;;;;cAmBaQ;eAAAA;;uBAXAH;;;kCAEAE;;;wCADAD;;;;;iCAPgB,6BAA6B;2BACvB,uBAAuB;iEACnC,QAAQ;kCAE8B,~~sBAAsB~~;AAE5E,MAAMD,sBAAsB,iBAAiB;AAC7C,MAAMC,uCAAuC,GAAGD,oBAAoB,oBAAoB,CAAC,CAAC;AAC1F,MAAME,iCAAiC,GAAGF,oBAAoB,UAAU,CAAC,CAAC;AAS1E,mBAAMG,WAAAA,GAAaN,OAAMO,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,0BAAsBlB,yCAAAA;IAC5B,MAAMmB,cAAUlB,qCAAAA;IAEhB,MAAMmB,kBAActB,6BAAAA,EAAmB,OAAO;QAC5Cc;QACAC;QACAE,WAAWA;QACXC,SAASA;IACX;IAEA,OAAA,WAAA,GACE,OAAA,aAAA,CAACK,OAAAA;QACCb,KAAKA;QACLE,eAAWb,6BAAAA,EAAaK,qBAAqBgB,qBAAqBT,cAAcU,QAAQV,UAAU,EAAEC;QACnG,GAAID,cAAc;YACjB,qBAAqB;YACrB,GAAGW,WAAW;QAChB,CAAC;QACA,GAAGH,IAAI;OAEPN,UACA,CAACW,MAAMC,OAAOT,cAAAA,WAAAA,GACb,OAAA,aAAA,CAACO,OAAAA;QAAIX,WAAWb,iCAAAA,EAAaM,sCAAsCgB,QAAQK,iBAAiB;qBAC1F,OAAA,aAAA,CAACH,OAAAA;QACCX,eAAWb,6BAAAA,EAAasB,QAAQM,WAAW,EAAErB;QAC7CsB,OAAO;YAAEC,OAAO,GAAGb,SAAS,CAAC,CAAC;QAAC;;AAM3C,GAAG;AAEHT,WAAWuB,WAAW,GAAG"}
1	+ {"version":3,"sources":["../src/components/Attachment/Attachment.tsx"],"sourcesContent":["'use client';\n\nimport { 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;;;;;;;;;;;;cAmBaQ;eAAAA;;uBAXAH;;;kCAEAE;;;wCADAD;;;;;iCAPgB,6BAA6B;2BACvB,uBAAuB;iEACnC,QAAQ;kCAE8B,yBAAsB;AAE5E,MAAMD,sBAAsB,iBAAiB;AAC7C,MAAMC,uCAAuC,GAAGD,oBAAoB,oBAAoB,CAAC,CAAC;AAC1F,MAAME,iCAAiC,GAAGF,oBAAoB,UAAU,CAAC,CAAC;AAS1E,mBAAMG,WAAAA,GAAaN,OAAMO,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,0BAAsBlB,yCAAAA;IAC5B,MAAMmB,cAAUlB,qCAAAA;IAEhB,MAAMmB,kBAActB,6BAAAA,EAAmB,OAAO;QAC5Cc;QACAC;QACAE,WAAWA;QACXC,SAASA;IACX;IAEA,OAAA,WAAA,GACE,OAAA,aAAA,CAACK,OAAAA;QACCb,KAAKA;QACLE,eAAWb,6BAAAA,EAAaK,qBAAqBgB,qBAAqBT,cAAcU,QAAQV,UAAU,EAAEC;QACnG,GAAID,cAAc;YACjB,qBAAqB;YACrB,GAAGW,WAAW;QAChB,CAAC;QACA,GAAGH,IAAI;OAEPN,UACA,CAACW,MAAMC,OAAOT,cAAAA,WAAAA,GACb,OAAA,aAAA,CAACO,OAAAA;QAAIX,WAAWb,iCAAAA,EAAaM,sCAAsCgB,QAAQK,iBAAiB;qBAC1F,OAAA,aAAA,CAACH,OAAAA;QACCX,eAAWb,6BAAAA,EAAasB,QAAQM,WAAW,EAAErB;QAC7CsB,OAAO;YAAEC,OAAO,GAAGb,SAAS,CAAC,CAAC;QAAC;;AAM3C,GAAG;AAEHT,WAAWuB,WAAW,GAAG"}

package/lib-commonjs/components/Attachment/Attachment.styles.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["Attachment.styles.js"],"sourcesContent":["'use client';\nimport { createCustomFocusIndicatorStyle, makeResetStyles, makeStyles, tokens } from \"@fluentui/react-components\";\nimport { attachmentActionClassName } from \"./AttachmentAction.js\";\nimport { attachmentIconClassName } from \"./AttachmentIcon.js\";\nexport const useAttachmentBaseStyles = makeResetStyles({\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n backgroundColor: undefined,\n color: undefined,\n [`& .${attachmentActionClassName}`]: {\n color: undefined\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 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 border: `1px solid ${tokens.colorNeutralStroke3}`,\n borderRadius: '4px'\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","__resetStyles","__styles","tokens","attachmentActionClassName","attachmentIconClassName","useAttachmentBaseStyles","useAttachmentStyles","actionable","Bceei9c","Jwef8y","progressContainer","Beyfa6y","Bbmb7ep","B5kzvoi","Bqenvij","oyh7mz","B68tc82","Bmxbyg5","Bpg54ce","qhf8xq","j35jbq","progressBar","De3pzq","B2u0y6b","Bn62ygk","Cwk7ip","B3o57yi","Bmy1vo4","Bkqvd7p","Bi2q7bf","d","p","h"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICM,uBAAuB;;;uBA8BJ;eAAnBC;;;iCAjCwE,4BAA4B;AAG1G,gCAA6B,WAAA,OAAGN,8BAAA,EAAA,WAAA,YAAA;IAAA;IAAA;IAAA;IAAA;CA6BtC,CAAC;AACK,4BAAyB,WAAA,OAAGC,yBAAA,EAAA;IAAAM,UAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,iBAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,WAAA,EAAA;QAAAC,MAAA,EAAA;QAAAR,OAAA,EAAA;QAAAS,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAuBlC,CAAC"}

package/lib-commonjs/components/Attachment/{Attachment.styles.raw.js → Attachment.styles.raw.cjs} RENAMED Viewed

@@ -18,8 +18,8 @@ _export(exports, {
     }
 });
 const _reactcomponents = require("@fluentui/react-components");
-const _AttachmentAction = require("./AttachmentAction");
-const _AttachmentIcon = require("./AttachmentIcon");
+const _AttachmentAction = require("./AttachmentAction.cjs");
+const _AttachmentIcon = require("./AttachmentIcon.cjs");
 const useAttachmentBaseStyles = (0, _reactcomponents.makeResetStyles)({
     ...(0, _reactcomponents.createCustomFocusIndicatorStyle)({
         outline: `${_reactcomponents.tokens.strokeWidthThick} solid ${_reactcomponents.tokens.colorStrokeFocus2}`,

package/lib-commonjs/components/Attachment/{Attachment.styles.raw.js.map → Attachment.styles.raw.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Attachment/Attachment.styles.ts"],"sourcesContent":["'use client';\n\nimport { createCustomFocusIndicatorStyle, makeResetStyles, makeStyles, tokens } 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 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 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","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;;;;;;;;;;;;IAMaM,uBAAAA;;;uBAiCAyB;eAAAA;;;iCArCwE,6BAA6B;kCACxE,~~qBAAqB~~;gCACvB,~~mBAAmB~~;AAEpD,oCAAgC9B,gCAAAA,EAAgB;IACrD,OAAGD,gDAAAA,EACD;QACEO,SAAS,GAAGJ,uBAAAA,CAAOK,gBAAgB,CAAC,OAAO,EAAEL,uBAAAA,CAAOM,iBAAiB,EAAE;QACvEC,cAAcP,uBAAAA,CAAOQ,kBAAkB;QACvCC,iBAAiBC;QACjBC,OAAOD;QACP,CAAC,CAAC,GAAG,EAAET,2CAAAA,EAA2B,CAAC,EAAE;YACnCU,OAAOD;QACT;QAEA,CAAC,CAAC,GAAG,EAAER,uCAAAA,EAAyB,CAAC,EAAE;YACjCS,OAAOD;QACT;IACF,GACA;QAAEE,UAAU;IAAQ,EACrB;IACDC,UAAU;IACVC,SAAS;IACTC,YAAY;IACZC,OAAO;IACPC,UAAU;IACVC,WAAW;IACXC,SAAS;IACTC,cAAc;IACdC,aAAa;IACbZ,iBAAiBT,uBAAAA,CAAOsB,uBAAuB;IAC/CX,OAAOX,uBAAAA,CAAOuB,uBAAuB;IACrCC,WAAW,CAAC,uBAAuB,EAAExB,uBAAAA,CAAOyB,yBAAyB,EAAE;IACvEC,QAAQ,CAAC,UAAU,EAAE1B,uBAAAA,CAAO2B,mBAAmB,EAAE;IACjDpB,cAAc;AAChB,GAAG;AAEI,gCAA4BR,2BAAAA,EAAW;IAC5C8B,YAAY;QACVC,QAAQ;QACR,UAAU;YACRrB,iBAAiBT,uBAAAA,CAAO+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,uBAAAA,CAAOyC,iCAAiC;QACzDL,QAAQ;QACRnB,UAAU;QACVyB,YAAY;IACd;AACF,GAAG"}
1	+ {"version":3,"sources":["../src/components/Attachment/Attachment.styles.ts"],"sourcesContent":["'use client';\n\nimport { createCustomFocusIndicatorStyle, makeResetStyles, makeStyles, tokens } 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 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 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","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;;;;;;;;;;;;IAMaM,uBAAAA;;;uBAiCAyB;eAAAA;;;iCArCwE,6BAA6B;kCACxE,wBAAqB;gCACvB,sBAAmB;AAEpD,oCAAgC9B,gCAAAA,EAAgB;IACrD,OAAGD,gDAAAA,EACD;QACEO,SAAS,GAAGJ,uBAAAA,CAAOK,gBAAgB,CAAC,OAAO,EAAEL,uBAAAA,CAAOM,iBAAiB,EAAE;QACvEC,cAAcP,uBAAAA,CAAOQ,kBAAkB;QACvCC,iBAAiBC;QACjBC,OAAOD;QACP,CAAC,CAAC,GAAG,EAAET,2CAAAA,EAA2B,CAAC,EAAE;YACnCU,OAAOD;QACT;QAEA,CAAC,CAAC,GAAG,EAAER,uCAAAA,EAAyB,CAAC,EAAE;YACjCS,OAAOD;QACT;IACF,GACA;QAAEE,UAAU;IAAQ,EACrB;IACDC,UAAU;IACVC,SAAS;IACTC,YAAY;IACZC,OAAO;IACPC,UAAU;IACVC,WAAW;IACXC,SAAS;IACTC,cAAc;IACdC,aAAa;IACbZ,iBAAiBT,uBAAAA,CAAOsB,uBAAuB;IAC/CX,OAAOX,uBAAAA,CAAOuB,uBAAuB;IACrCC,WAAW,CAAC,uBAAuB,EAAExB,uBAAAA,CAAOyB,yBAAyB,EAAE;IACvEC,QAAQ,CAAC,UAAU,EAAE1B,uBAAAA,CAAO2B,mBAAmB,EAAE;IACjDpB,cAAc;AAChB,GAAG;AAEI,gCAA4BR,2BAAAA,EAAW;IAC5C8B,YAAY;QACVC,QAAQ;QACR,UAAU;YACRrB,iBAAiBT,uBAAAA,CAAO+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,uBAAAA,CAAOyC,iCAAiC;QACzDL,QAAQ;QACRnB,UAAU;QACVyB,YAAY;IACd;AACF,GAAG"}

package/lib-commonjs/components/Attachment/{AttachmentAction.js → AttachmentAction.cjs} RENAMED Viewed

@@ -20,7 +20,7 @@ _export(exports, {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _reactcomponents = require("@fluentui/react-components");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _AttachmentActionstyles = require("./AttachmentAction.styles");
+const _AttachmentActionstyles = require("./AttachmentAction.styles.cjs");
 const attachmentActionClassName = 'fui-AttachmentAction';
 const AttachmentAction = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const { className, disabled, disabledFocusable, children, onClick, onKeyUp, onKeyDown, ...rest } = props;

package/lib-commonjs/components/Attachment/{AttachmentAction.js.map → AttachmentAction.cjs.map} RENAMED Viewed

	@@ -1 +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;;;;;;;;;;;;IAWaK,gBAAAA;;;6BAFAD;;;;;iCANwB,6BAA6B;iEAC3C,QAAQ;wCACW~~,4BAA4B~~;AAI/D,MAAMA,4BAA4B,uBAAuB;AAEzD,yBAAMC,WAAAA,GAAmBH,OAAMI,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,cAAUd,iDAAAA;IAEhB,MAAMe,cAAchB,OAAMiB,WAAW,CACnCC,CAAAA;QACEA,EAAEC,eAAe;QACjBD,EAAEE,cAAc;QAChBT,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUO;IACZ,GACA;QAACP;KAAQ;IAGX,MAAMU,cAAcrB,OAAMiB,WAAW,CACnCC,CAAAA;QACE,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACtCJ,EAAEC,eAAe;QACnB;QACAP,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUM;IACZ,GACA;QAACN;KAAQ;IAGX,MAAMW,gBAAgBvB,OAAMiB,WAAW,CACrCC,CAAAA;QACE,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACtCJ,EAAEC,eAAe;QACnB;QACAN,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAYK;IACd,GACA;QAACL;KAAU;IAGb,OAAA,WAAA,GACE,OAAA,aAAA,CAACf,uBAAAA,EAAAA;QACCQ,KAAKA;QACLC,WAAWR,iCAAAA,EACTG,2BACAa,QAAQS,IAAI,EACXhB,CAAAA,YAAYC,iBAAAA,CAAgB,IAAMM,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"}
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;;;;;;;;;;;;IAWaK,gBAAAA;;;6BAFAD;;;;;iCANwB,6BAA6B;iEAC3C,QAAQ;wCACW,+BAA4B;AAI/D,MAAMA,4BAA4B,uBAAuB;AAEzD,yBAAMC,WAAAA,GAAmBH,OAAMI,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,cAAUd,iDAAAA;IAEhB,MAAMe,cAAchB,OAAMiB,WAAW,CACnCC,CAAAA;QACEA,EAAEC,eAAe;QACjBD,EAAEE,cAAc;QAChBT,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUO;IACZ,GACA;QAACP;KAAQ;IAGX,MAAMU,cAAcrB,OAAMiB,WAAW,CACnCC,CAAAA;QACE,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACtCJ,EAAEC,eAAe;QACnB;QACAP,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUM;IACZ,GACA;QAACN;KAAQ;IAGX,MAAMW,gBAAgBvB,OAAMiB,WAAW,CACrCC,CAAAA;QACE,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACtCJ,EAAEC,eAAe;QACnB;QACAN,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAYK;IACd,GACA;QAACL;KAAU;IAGb,OAAA,WAAA,GACE,OAAA,aAAA,CAACf,uBAAAA,EAAAA;QACCQ,KAAKA;QACLC,WAAWR,iCAAAA,EACTG,2BACAa,QAAQS,IAAI,EACXhB,CAAAA,YAAYC,iBAAAA,CAAgB,IAAMM,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-commonjs/components/Attachment/AttachmentAction.styles.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"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"],"names":["__styles","useAttachmentActionStyles","root","Bqenvij","B2u0y6b","Bf4jedk","mc9l5x","Brf1p80","Bt984gj","qhf8xq","ha4doy","Bceei9c","disabled","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;iCACe,4BAA4B;AAChD,MAAMC,yBAAyB,GAAA,WAAA,OAAGD,yBAAA,EAAA;IAAAE,IAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAexC,CAAC"}

package/lib-commonjs/components/Attachment/{AttachmentBody.js → AttachmentBody.cjs} RENAMED Viewed

@@ -20,7 +20,7 @@ _export(exports, {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _reactcomponents = require("@fluentui/react-components");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _AttachmentBodystyles = require("./AttachmentBody.styles");
+const _AttachmentBodystyles = require("./AttachmentBody.styles.cjs");
 const attachmentBodyClassName = 'fui-AttachmentBody';
 const AttachmentBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const { className, children, ...rest } = props;

package/lib-commonjs/components/Attachment/{AttachmentBody.js.map → AttachmentBody.cjs.map} RENAMED Viewed

	@@ -1 +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;;;;;;;;;;;;IAUaI,cAAAA;;;2BAFAD;;;;;iCANgB,6BAA6B;iEACnC,QAAQ;sCACS,~~0BAA0B~~;AAI3D,MAAMA,0BAA0B,qBAAqB;AAErD,uBAAMC,WAAAA,GAAgDH,OAAMI,UAAU,CAC3E,CAACC,OAAOC;IACN,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT,iDAAAA;IAEhB,OAAA,WAAA,GACE,OAAA,aAAA,CAACU,OAAAA;QAAIL,KAAKA;QAAKC,eAAWR,6BAAAA,EAAaG,yBAAyBQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OAC/FD;AAGP,GACA;AAEFL,eAAeU,WAAW,GAAG"}
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;;;;;;;;;;;;IAUaI,cAAAA;;;2BAFAD;;;;;iCANgB,6BAA6B;iEACnC,QAAQ;sCACS,6BAA0B;AAI3D,MAAMA,0BAA0B,qBAAqB;AAErD,uBAAMC,WAAAA,GAAgDH,OAAMI,UAAU,CAC3E,CAACC,OAAOC;IACN,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT,iDAAAA;IAEhB,OAAA,WAAA,GACE,OAAA,aAAA,CAACU,OAAAA;QAAIL,KAAKA;QAAKC,eAAWR,6BAAAA,EAAaG,yBAAyBQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OAC/FD;AAGP,GACA;AAEFL,eAAeU,WAAW,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentBody.styles.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"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"],"names":["__styles","useAttachmentBodyStyles","root","xawz","Bh6795r","Bnnss6s","fkmc3a","d","p"],"mappings":"AAAA,YAAY;;;;;;;;;;;iCACe,4BAA4B;AAChD,MAAMC,uBAAuB,GAAA,WAAA,OAAGD,yBAAA,EAAA;IAAAE,IAAA,EAAA;QAAAC,IAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAItC,CAAC"}

package/lib-commonjs/components/Attachment/{AttachmentDescription.js → AttachmentDescription.cjs} RENAMED Viewed

@@ -20,7 +20,7 @@ _export(exports, {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _reactcomponents = require("@fluentui/react-components");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _AttachmentDescriptionstyles = require("./AttachmentDescription.styles");
+const _AttachmentDescriptionstyles = require("./AttachmentDescription.styles.cjs");
 const attachmentDescriptionClassName = 'fui-AttachmentDescription';
 const AttachmentDescription = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const { className, children, ...rest } = props;

package/lib-commonjs/components/Attachment/{AttachmentDescription.js.map → AttachmentDescription.cjs.map} RENAMED Viewed

	@@ -1 +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;;;;;;;;;;;;IAUaI,qBAAAA;;;kCAFAD;;;;;iCANgB,6BAA6B;iEACnC,QAAQ;6CACgB,~~iCAAiC~~;AAIzE,MAAMA,iCAAiC,4BAA4B;AAEnE,8BAAMC,WAAAA,GAA8DH,OAAMI,UAAU,CAGzF,CAACC,OAAOC;IACR,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT,+DAAAA;IAEhB,OAAA,WAAA,GACE,OAAA,aAAA,CAACU,QAAAA;QAAKL,KAAKA;QAAKC,eAAWR,6BAAAA,EAAaG,gCAAgCQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OACvGD;AAGP,GAAG;AAEHL,sBAAsBU,WAAW,GAAG"}
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;;;;;;;;;;;;IAUaI,qBAAAA;;;kCAFAD;;;;;iCANgB,6BAA6B;iEACnC,QAAQ;6CACgB,oCAAiC;AAIzE,MAAMA,iCAAiC,4BAA4B;AAEnE,8BAAMC,WAAAA,GAA8DH,OAAMI,UAAU,CAGzF,CAACC,OAAOC;IACR,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT,+DAAAA;IAEhB,OAAA,WAAA,GACE,OAAA,aAAA,CAACU,QAAAA;QAAKL,KAAKA;QAAKC,eAAWR,6BAAAA,EAAaG,gCAAgCQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OACvGD;AAGP,GAAG;AAEHL,sBAAsBU,WAAW,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentDescription.styles.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"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"],"names":["__styles","tokens","useAttachmentDescriptionStyles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;iCACuB,4BAA4B;AACxD,MAAME,8BAA8B,GAAA,WAAA,OAAGF,yBAAA,EAAA;IAAAG,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAO7C,CAAC"}

package/lib-commonjs/components/Attachment/{AttachmentHeader.js → AttachmentHeader.cjs} RENAMED Viewed

@@ -20,7 +20,7 @@ _export(exports, {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _reactcomponents = require("@fluentui/react-components");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _AttachmentHeaderstyles = require("./AttachmentHeader.styles");
+const _AttachmentHeaderstyles = require("./AttachmentHeader.styles.cjs");
 const attachmentHeaderClassName = 'fui-AttachmentHeader';
 const AttachmentHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const { className, children, ...rest } = props;

package/lib-commonjs/components/Attachment/{AttachmentHeader.js.map → AttachmentHeader.cjs.map} RENAMED Viewed

	@@ -1 +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;;;;;;;;;;;;IAUaI,gBAAAA;;;6BAFAD;;;;;iCANgB,6BAA6B;iEACnC,QAAQ;wCACW~~,4BAA4B~~;AAI/D,MAAMA,4BAA4B,uBAAuB;AAEzD,yBAAMC,WAAAA,GAAoDH,OAAMI,UAAU,CAG/E,CAACC,OAAOC;IACR,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT,qDAAAA;IAEhB,OAAA,WAAA,GACE,OAAA,aAAA,CAACU,QAAAA;QAAKL,KAAKA;QAAKC,eAAWR,6BAAAA,EAAaG,2BAA2BQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OAClGD;AAGP,GAAG;AAEHL,iBAAiBU,WAAW,GAAG"}
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;;;;;;;;;;;;IAUaI,gBAAAA;;;6BAFAD;;;;;iCANgB,6BAA6B;iEACnC,QAAQ;wCACW,+BAA4B;AAI/D,MAAMA,4BAA4B,uBAAuB;AAEzD,yBAAMC,WAAAA,GAAoDH,OAAMI,UAAU,CAG/E,CAACC,OAAOC;IACR,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT,qDAAAA;IAEhB,OAAA,WAAA,GACE,OAAA,aAAA,CAACU,QAAAA;QAAKL,KAAKA;QAAKC,eAAWR,6BAAAA,EAAaG,2BAA2BQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OAClGD;AAGP,GAAG;AAEHL,iBAAiBU,WAAW,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentHeader.styles.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"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"],"names":["__styles","tokens","useAttachmentHeaderStyles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;iCACuB,4BAA4B;AACxD,MAAME,yBAAyB,GAAA,WAAA,OAAGF,yBAAA,EAAA;IAAAG,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAOxC,CAAC"}

package/lib-commonjs/components/Attachment/{AttachmentIcon.js → AttachmentIcon.cjs} RENAMED Viewed

@@ -20,7 +20,7 @@ _export(exports, {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _reactcomponents = require("@fluentui/react-components");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _AttachmentIconstyles = require("./AttachmentIcon.styles");
+const _AttachmentIconstyles = require("./AttachmentIcon.styles.cjs");
 const attachmentIconClassName = 'fui-AttachmentIcon';
 const AttachmentIcon = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const { className, children, ...rest } = props;

package/lib-commonjs/components/Attachment/{AttachmentIcon.js.map → AttachmentIcon.cjs.map} RENAMED Viewed

	@@ -1 +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;;;;;;;;;;;;IAUaI,cAAAA;;;2BAFAD;;;;;iCANgB,6BAA6B;iEACnC,QAAQ;sCACS,~~0BAA0B~~;AAI3D,MAAMA,0BAA0B,qBAAqB;AAErD,uBAAMC,WAAAA,GAAgDH,OAAMI,UAAU,CAC3E,CAACC,OAAOC;IACN,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT,iDAAAA;IAEhB,OAAA,WAAA,GACE,OAAA,aAAA,CAACU,QAAAA;QAAKL,KAAKA;QAAKC,eAAWR,6BAAAA,EAAaG,yBAAyBQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OAChGD;AAGP,GACA;AAEFL,eAAeU,WAAW,GAAG"}
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;;;;;;;;;;;;IAUaI,cAAAA;;;2BAFAD;;;;;iCANgB,6BAA6B;iEACnC,QAAQ;sCACS,6BAA0B;AAI3D,MAAMA,0BAA0B,qBAAqB;AAErD,uBAAMC,WAAAA,GAAgDH,OAAMI,UAAU,CAC3E,CAACC,OAAOC;IACN,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT,iDAAAA;IAEhB,OAAA,WAAA,GACE,OAAA,aAAA,CAACU,QAAAA;QAAKL,KAAKA;QAAKC,eAAWR,6BAAAA,EAAaG,yBAAyBQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OAChGD;AAGP,GACA;AAEFL,eAAeU,WAAW,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentIcon.styles.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"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"],"names":["__styles","useAttachmentIconStyles","root","Bqenvij","a9b677","t21cq0","mc9l5x","Bt984gj","Brf1p80","p4uzdd","B5pe6w7","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;iCACe,4BAA4B;AAChD,MAAMC,uBAAuB,GAAA,WAAA,OAAGD,yBAAA,EAAA;IAAAE,IAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAatC,CAAC"}

package/lib-commonjs/components/Attachment/{index.js → index.cjs} RENAMED Viewed

@@ -52,9 +52,9 @@ _export(exports, {
         return _Attachment.attachmentProgressContainerClassName;
     }
 });
-const _Attachment = require("./Attachment");
-const _AttachmentAction = require("./AttachmentAction");
-const _AttachmentBody = require("./AttachmentBody");
-const _AttachmentDescription = require("./AttachmentDescription");
-const _AttachmentHeader = require("./AttachmentHeader");
-const _AttachmentIcon = require("./AttachmentIcon");
+const _Attachment = require("./Attachment.cjs");
+const _AttachmentAction = require("./AttachmentAction.cjs");
+const _AttachmentBody = require("./AttachmentBody.cjs");
+const _AttachmentDescription = require("./AttachmentDescription.cjs");
+const _AttachmentHeader = require("./AttachmentHeader.cjs");
+const _AttachmentIcon = require("./AttachmentIcon.cjs");

package/lib-commonjs/components/Attachment/{index.js.map → index.cjs.map} RENAMED Viewed

	@@ -1 +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":";;;;;;;;;;;IAEEA;qCAAU;;oBAMa;eAAhBI;;kBAEc;eAAdE;;IAEAE;2DAAqB;;oBAEL;eAAhBE;;IAEAE;6CAAc;;;eARIP,2CAAyB;;;eAE3BE,uCAAuB;;;eAP9CN,+BAAmB;;;eASWQ,qDAA8B;;;eAEnCE,2CAAyB;;;eAE3BE,uCAAuB;;;eAZ9CX,0CAA8B;;;eAC9BC,gDAAoC;;;4BAC/B,~~eAAe~~;kCAEsC,~~qBAAqB~~;gCAEzB,~~mBAAmB~~;uCAEL,~~0BAA0B~~;kCAEpC,~~qBAAqB~~;gCAEzB,~~mBAAmB~~"}
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":";;;;;;;;;;;IAEEA;qCAAU;;oBAMa;eAAhBI;;kBAEc;eAAdE;;IAEAE;2DAAqB;;oBAEL;eAAhBE;;IAEAE;6CAAc;;;eARIP,2CAAyB;;;eAE3BE,uCAAuB;;;eAP9CN,+BAAmB;;;eASWQ,qDAA8B;;;eAEnCE,2CAAyB;;;eAE3BE,uCAAuB;;;eAZ9CX,0CAA8B;;;eAC9BC,gDAAoC;;;4BAC/B,kBAAe;kCAEsC,wBAAqB;gCAEzB,sBAAmB;uCAEL,6BAA0B;kCAEpC,wBAAqB;gCAEzB,sBAAmB"}

package/lib-commonjs/components/Button/{index.js → index.cjs} RENAMED Viewed

@@ -25,4 +25,4 @@ _export(exports, {
         return _ButtonMigrationmixins.v9Icon;
     }
 });
-const _ButtonMigrationmixins = require("./ButtonMigration.mixins");
+const _ButtonMigrationmixins = require("./ButtonMigration.mixins.cjs");

package/lib-commonjs/components/Button/{index.js.map → index.cjs.map} RENAMED Viewed

	@@ -1 +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":";;;;;;;;;;;;eAASA,6BAAM;;;eAAEC,uCAAgB;;;eAAEC,uCAAgB;;;eAAEC,qCAAc;;;eAAEC,6BAAM;;;uCAAQ,~~2BAA2B~~"}
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":";;;;;;;;;;;;eAASA,6BAAM;;;eAAEC,uCAAgB;;;eAAEC,uCAAgB;;;eAAEC,qCAAc;;;eAAEC,6BAAM;;;uCAAQ,8BAA2B"}

package/lib-commonjs/components/Flex/{Flex.js → Flex.cjs} RENAMED Viewed

@@ -20,7 +20,7 @@ _export(exports, {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _reactcomponents = require("@fluentui/react-components");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _Flexstyles = require("./Flex.styles");
+const _Flexstyles = require("./Flex.styles.cjs");
 const flexClassName = 'fui-Flex';
 const Flex = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const { children, column, fill, gap, hAlign, inline, padding, space, vAlign, wrap, className, ...rest } = props;

package/lib-commonjs/components/Flex/{Flex.js.map → Flex.cjs.map} RENAMED Viewed

	@@ -1 +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;;;;;;;;;;;;IAsCaI,IAAAA;;;iBAFAD;;;;;iCAlCgB,6BAA6B;iEACnC,QAAQ;4BAED,~~gBAAgB~~;AA+BvC,MAAMA,gBAAgB,WAAW;AAEjC,aAAMC,WAAAA,GAAOH,OAAMI,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,6BAAAA;IAEhB,MAAMmB,YAAYpB,OAAMqB,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,kBAAcvD,6BAAAA,EAClBG,eACAiB,QAAQoC,IAAI,EACZ3C,UAAUO,QAAQP,MAAM,EACxBJ,UAAUW,QAAQX,MAAM,EACxBG,UAAWH,CAAAA,SAASY,UAAUE,UAAU,CAACX,OAAO,GAAGS,UAAUU,cAAc,CAACnB,OAAAA,AAAM,GAClFI,UAAWP,CAAAA,SAASY,UAAUU,cAAc,CAACf,OAAO,GAAGK,UAAUE,UAAU,CAACP,OAAAA,AAAM,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,IAAAA,AAAG,GACvEG,WAAWO,UAAUgC,QAAQ,CAACvC,QAAQ,EACtCI;IAGF,MAAMuC,UAAUxD,OAAMyD,QAAQ,CAACC,GAAG,CAACnD,UAAUoD,CAAAA;YAERA;QADnC,0EAA0E;QAC1E,MAAMC,oBAA6BD,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,CAAAA,cAAAA,MAAOE,IAAAA,AAAI,MAAA,QAAXF,gBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,YAAaG,YAAY;QAE5D,OAAOF,oBAAAA,WAAAA,GAEH5D,OAAM+D,YAAY,CAACJ,OAAkC;YACnDK,eAAexD,SAAS,WAAW;QACrC,KACAmD;IACN;IAEA,OAAA,WAAA,GACE,OAAA,aAAA,CAACM,OAAAA;QAAI3D,KAAKA;QAAKW,WAAWqC;QAAc,GAAGpC,IAAI;OAC5CsC;AAGP,GAAG;AAEHrD,KAAK+D,WAAW,GAAG"}
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;;;;;;;;;;;;IAsCaI,IAAAA;;;iBAFAD;;;;;iCAlCgB,6BAA6B;iEACnC,QAAQ;4BAED,mBAAgB;AA+BvC,MAAMA,gBAAgB,WAAW;AAEjC,aAAMC,WAAAA,GAAOH,OAAMI,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,6BAAAA;IAEhB,MAAMmB,YAAYpB,OAAMqB,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,kBAAcvD,6BAAAA,EAClBG,eACAiB,QAAQoC,IAAI,EACZ3C,UAAUO,QAAQP,MAAM,EACxBJ,UAAUW,QAAQX,MAAM,EACxBG,UAAWH,CAAAA,SAASY,UAAUE,UAAU,CAACX,OAAO,GAAGS,UAAUU,cAAc,CAACnB,OAAAA,AAAM,GAClFI,UAAWP,CAAAA,SAASY,UAAUU,cAAc,CAACf,OAAO,GAAGK,UAAUE,UAAU,CAACP,OAAAA,AAAM,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,IAAAA,AAAG,GACvEG,WAAWO,UAAUgC,QAAQ,CAACvC,QAAQ,EACtCI;IAGF,MAAMuC,UAAUxD,OAAMyD,QAAQ,CAACC,GAAG,CAACnD,UAAUoD,CAAAA;YAERA;QADnC,0EAA0E;QAC1E,MAAMC,oBAA6BD,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,CAAAA,cAAAA,MAAOE,IAAAA,AAAI,MAAA,QAAXF,gBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,YAAaG,YAAY;QAE5D,OAAOF,oBAAAA,WAAAA,GAEH5D,OAAM+D,YAAY,CAACJ,OAAkC;YACnDK,eAAexD,SAAS,WAAW;QACrC,KACAmD;IACN;IAEA,OAAA,WAAA,GACE,OAAA,aAAA,CAACM,OAAAA;QAAI3D,KAAKA;QAAKW,WAAWqC;QAAc,GAAGpC,IAAI;OAC5CsC;AAGP,GAAG;AAEHrD,KAAK+D,WAAW,GAAG"}

package/lib-commonjs/components/Flex/Flex.styles.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"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"],"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"],"mappings":"AAAA,YAAY;;;;;+BAWCO,aAAa;;;;;;iCAVC,4BAA4B;AACvD,MAAMN,SAAS,GAAG;IACdC,OAAO,EAAE,KAAK;IACdC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,aAAa,GAAG;IAClBF,MAAM,EAAE;AACZ,CAAC;AACM,sBAAmB,WAAA,OAAGJ,yBAAA,EAAA;IAAAQ,IAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,MAAA,EAAA;QAAAD,MAAA,EAAA;IAAA;IAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,mBAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,gBAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,iBAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;IAAAG,iBAAA,EAAA;QAAAH,OAAA,EAAA;IAAA;IAAAI,uBAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,oBAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,qBAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;IAAAG,qBAAA,EAAA;QAAAH,OAAA,EAAA;IAAA;IAAAI,yBAAA,EAAA;QAAAJ,OAAA,EAAA;IAAA;IAAAK,0BAAA,EAAA;QAAAL,OAAA,EAAA;IAAA;IAAAM,yBAAA,EAAA;QAAAN,OAAA,EAAA;IAAA;IAAAO,IAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,qBAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,uBAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,sBAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;IAAAG,qBAAA,EAAA;QAAAH,OAAA,EAAA;IAAA;IAAAI,kBAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,oBAAA,EAAA;QAAAD,MAAA,EAAA;IAAA;IAAAE,mBAAA,EAAA;QAAAF,MAAA,EAAA;IAAA;IAAAG,kBAAA,EAAA;QAAAH,MAAA,EAAA;IAAA;IAAAI,aAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CA6E5B,CAAC"}

package/lib-commonjs/components/Flex/{index.js → index.cjs} RENAMED Viewed

@@ -22,6 +22,6 @@ _export(exports, {
         return _Flexstyles.useFlexStyles;
     }
 });
-const _Flex = require("./Flex");
-const _Flexstyles = require("./Flex.styles");
-const _FlexItemmixins = require("./FlexItem.mixins");
+const _Flex = require("./Flex.cjs");
+const _Flexstyles = require("./Flex.styles.cjs");
+const _FlexItemmixins = require("./FlexItem.mixins.cjs");

package/lib-commonjs/components/Flex/{index.js.map → index.cjs.map} RENAMED Viewed

	@@ -1 +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":";;;;;;;;;;;;eAASA,UAAI;;;eAAEC,mBAAa;;;eAGnBE,wBAAQ;;;eADRD,yBAAa;;;sBAFc,~~SAAS~~;4BAEf,~~gBAAgB~~;gCACrB,~~oBAAoB~~"}
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":";;;;;;;;;;;;eAASA,UAAI;;;eAAEC,mBAAa;;;eAGnBE,wBAAQ;;;eADRD,yBAAa;;;sBAFc,YAAS;4BAEf,mBAAgB;gCACrB,uBAAoB"}

package/lib-commonjs/components/FormField/{index.js → index.cjs} RENAMED Viewed

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "FormFieldShim", {
         return _FormFieldShim.FormFieldShim;
     }
 });
-const _FormFieldShim = require("./FormFieldShim");
+const _FormFieldShim = require("./FormFieldShim.cjs");

package/lib-commonjs/components/FormField/{index.js.map → index.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/FormField/index.ts"],"sourcesContent":["export { FormFieldShim } from './FormFieldShim';\n"],"names":["FormFieldShim"],"mappings":";;;;;;;eAASA,4BAAa;;;+BAAQ,~~kBAAkB~~"}
1	+ {"version":3,"sources":["../src/components/FormField/index.ts"],"sourcesContent":["export { FormFieldShim } from './FormFieldShim';\n"],"names":["FormFieldShim"],"mappings":";;;;;;;eAASA,4BAAa;;;+BAAQ,qBAAkB"}

package/lib-commonjs/components/Grid/Grid.styles.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"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"],"names":["__styles","useGridStyles","grid","mc9l5x","Brf1p80","onlyRows","Bxotwcr","rows1","wkccdc","rows2","rows3","columns1","Budl1dq","columns2","columns3","columnsDefault","d"],"mappings":"AAAA,YAAY;;;;;+BAECC,aAAa;;;;;;iCADC,4BAA4B;AAChD,sBAAmB,WAAA,OAAGD,yBAAA,EAAA;IAAAE,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,KAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,KAAA,EAAA;QAAAD,MAAA,EAAA;IAAA;IAAAE,KAAA,EAAA;QAAAF,MAAA,EAAA;IAAA;IAAAG,QAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,QAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;IAAAG,cAAA,EAAA;QAAAH,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAI,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA6B5B,CAAC"}

package/lib-commonjs/components/Grid/{GridShim.js → GridShim.cjs} RENAMED Viewed

@@ -20,7 +20,7 @@ _export(exports, {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _reactcomponents = require("@fluentui/react-components");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _Gridstyles = require("./Grid.styles");
+const _Gridstyles = require("./Grid.styles.cjs");
 const gridShimClassName = 'fui-Grid';
 const GridShim = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const { rows, columns, className, ...rest } = props;