@fluentui/react-skeleton 9.0.0-beta.1 → 9.0.0-beta.10

package/lib/components/SkeletonItem/useSkeletonItemStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","useFluent_unstable","useFluent","tokens","skeletonItemClassNames","root","skeletonWaveAnimationRTL","from","backgroundPositionX","to","skeletonWaveAnimation","skeletonPulseAnimation","opacity","useStyles","qhf8xq","B68tc82","Bmxbyg5","Bkjc3bi","B8a6bjv","Bpptf2m","Bgh53k4","w3vfg9","vin17d","Ezkn3b","wave","Bv12yb3","Bcmaq0h","Bpep1pd","waveRtl","pulse","De3pzq","translucent","translucentPulse","d","k","m","useRectangleStyles","Bqenvij","a9b677","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","useSizeStyles","useCircleSizeStyles","useSkeletonItemStyles_unstable","state","animation","appearance","size","shape","dir","rootStyles","rectStyles","sizeStyles","circleStyles","className"],"sources":["../src/packages/react-components/react-skeleton/src/components/SkeletonItem/useSkeletonItemStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SkeletonItemSlots, SkeletonItemState } from './SkeletonItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const skeletonItemClassNames: SlotClassNames<SkeletonItemSlots> = {\n  root: 'fui-SkeletonItem',\n};\n\nconst skeletonWaveAnimationRTL = {\n  from: {\n    backgroundPositionX: '300% /* @noflip */',\n  },\n  to: {\n    backgroundPositionX: '0% /* @noflip */',\n  },\n};\n\nconst skeletonWaveAnimation = {\n  from: {\n    backgroundPositionX: '0% /* @noflip */',\n  },\n  to: {\n    backgroundPositionX: '300% /* @noflip */',\n  },\n};\n\nconst skeletonPulseAnimation = {\n  from: {\n    opacity: '1',\n  },\n  to: {\n    opacity: '0.4',\n  },\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    position: 'relative',\n    ...shorthands.overflow('hidden'),\n    backgroundSize: '300% 100%',\n    backgroundPositionX: 'center',\n    backgroundPositionY: 'center',\n    backgroundAttachment: 'fixed',\n    animationIterationCount: 'infinite',\n    animationDuration: '3s',\n    animationTimingFunction: 'linear',\n  },\n  wave: {\n    animationName: skeletonWaveAnimation,\n    backgroundImage: `linear-gradient(\n      to right,\n      ${tokens.colorNeutralStencil1} 0%,\n      ${tokens.colorNeutralStencil2} 50%,\n      ${tokens.colorNeutralStencil1} 100%)`,\n    '@media screen and (forced-colors: active)': {\n      backgroundColor: 'WindowText',\n    },\n  },\n  waveRtl: {\n    animationName: skeletonWaveAnimationRTL,\n  },\n  pulse: {\n    animationName: skeletonPulseAnimation,\n    backgroundColor: tokens.colorNeutralStencil1,\n  },\n  translucent: {\n    backgroundImage: `linear-gradient(\n      to right,\n      ${tokens.colorNeutralStencil1Alpha} 0%,\n      ${tokens.colorNeutralStencil2Alpha} 50%,\n      ${tokens.colorNeutralStencil1Alpha} 100%)`,\n  },\n  translucentPulse: {\n    backgroundColor: tokens.colorNeutralStencil1Alpha,\n  },\n});\n\nconst useRectangleStyles = makeStyles({\n  root: {\n    width: '100%',\n    ...shorthands.borderRadius('4px'),\n  },\n  8: { height: '8px' },\n  12: { height: '12px' },\n  16: { height: '16px' },\n  20: { height: '20px' },\n  24: { height: '24px' },\n  28: { height: '28px' },\n  32: { height: '32px' },\n  36: { height: '36px' },\n  40: { height: '40px' },\n  48: { height: '48px' },\n  56: { height: '56px' },\n  64: { height: '64px' },\n  72: { height: '72px' },\n  96: { height: '96px' },\n  120: { height: '120px' },\n  128: { height: '128px' },\n});\n\nconst useSizeStyles = makeStyles({\n  8: { width: '8px', height: '8px' },\n  12: { width: '12px', height: '12px' },\n  16: { width: '16px', height: '16px' },\n  20: { width: '20px', height: '20px' },\n  24: { width: '24px', height: '24px' },\n  28: { width: '28px', height: '28px' },\n  32: { width: '32px', height: '32px' },\n  36: { width: '36px', height: '36px' },\n  40: { width: '40px', height: '40px' },\n  48: { width: '48px', height: '48px' },\n  56: { width: '56px', height: '56px' },\n  64: { width: '64px', height: '64px' },\n  72: { width: '72px', height: '72px' },\n  96: { width: '96px', height: '96px' },\n  120: { width: '120px', height: '120px' },\n  128: { width: '128px', height: '128px' },\n});\n\nconst useCircleSizeStyles = makeStyles({\n  root: {\n    ...shorthands.borderRadius('50%'),\n  },\n});\n\n/**\n * Apply styling to the SkeletonItem slots based on the state\n */\nexport const useSkeletonItemStyles_unstable = (state: SkeletonItemState): SkeletonItemState => {\n  const { animation, appearance, size, shape } = state;\n  const { dir } = useFluent();\n\n  const rootStyles = useStyles();\n  const rectStyles = useRectangleStyles();\n  const sizeStyles = useSizeStyles();\n  const circleStyles = useCircleSizeStyles();\n\n  state.root.className = mergeClasses(\n    skeletonItemClassNames.root,\n    rootStyles.root,\n    animation === 'wave' && rootStyles.wave,\n    animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl,\n    animation === 'pulse' && rootStyles.pulse,\n    appearance === 'translucent' && rootStyles.translucent,\n    animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse,\n    shape === 'rectangle' && rectStyles.root,\n    shape === 'rectangle' && rectStyles[size],\n    shape === 'square' && sizeStyles[size],\n    shape === 'circle' && circleStyles.root,\n    shape === 'circle' && sizeStyles[size],\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"names":["__styles","mergeClasses","shorthands","useFluent_unstable","useFluent","tokens","skeletonItemClassNames","root","skeletonWaveAnimationRTL","from","backgroundPositionX","to","skeletonWaveAnimation","skeletonPulseAnimation","opacity","useStyles","qhf8xq","B68tc82","Bmxbyg5","Bkjc3bi","B8a6bjv","Bpptf2m","Bgh53k4","w3vfg9","vin17d","Ezkn3b","wave","Bv12yb3","Bcmaq0h","Bpep1pd","waveRtl","pulse","De3pzq","translucent","translucentPulse","d","k","m","useRectangleStyles","Bqenvij","a9b677","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","useSizeStyles","useCircleSizeStyles","useSkeletonItemStyles_unstable","state","animation","appearance","size","shape","dir","rootStyles","rectStyles","sizeStyles","circleStyles","className"],"sources":["../../../src/components/SkeletonItem/useSkeletonItemStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SkeletonItemSlots, SkeletonItemState } from './SkeletonItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const skeletonItemClassNames: SlotClassNames<SkeletonItemSlots> = {\n  root: 'fui-SkeletonItem',\n};\n\nconst skeletonWaveAnimationRTL = {\n  from: {\n    backgroundPositionX: '300% /* @noflip */',\n  },\n  to: {\n    backgroundPositionX: '0% /* @noflip */',\n  },\n};\n\nconst skeletonWaveAnimation = {\n  from: {\n    backgroundPositionX: '0% /* @noflip */',\n  },\n  to: {\n    backgroundPositionX: '300% /* @noflip */',\n  },\n};\n\nconst skeletonPulseAnimation = {\n  from: {\n    opacity: '1',\n  },\n  to: {\n    opacity: '0.4',\n  },\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    position: 'relative',\n    ...shorthands.overflow('hidden'),\n    backgroundSize: '300% 100%',\n    backgroundPositionX: 'center',\n    backgroundPositionY: 'center',\n    backgroundAttachment: 'fixed',\n    animationIterationCount: 'infinite',\n    animationDuration: '3s',\n    animationTimingFunction: 'linear',\n  },\n  wave: {\n    animationName: skeletonWaveAnimation,\n    backgroundImage: `linear-gradient(\n      to right,\n      ${tokens.colorNeutralStencil1} 0%,\n      ${tokens.colorNeutralStencil2} 50%,\n      ${tokens.colorNeutralStencil1} 100%)`,\n    '@media screen and (forced-colors: active)': {\n      backgroundColor: 'WindowText',\n    },\n  },\n  waveRtl: {\n    animationName: skeletonWaveAnimationRTL,\n  },\n  pulse: {\n    animationName: skeletonPulseAnimation,\n    backgroundColor: tokens.colorNeutralStencil1,\n  },\n  translucent: {\n    backgroundImage: `linear-gradient(\n      to right,\n      ${tokens.colorNeutralStencil1Alpha} 0%,\n      ${tokens.colorNeutralStencil2Alpha} 50%,\n      ${tokens.colorNeutralStencil1Alpha} 100%)`,\n  },\n  translucentPulse: {\n    backgroundColor: tokens.colorNeutralStencil1Alpha,\n  },\n});\n\nconst useRectangleStyles = makeStyles({\n  root: {\n    width: '100%',\n    ...shorthands.borderRadius('4px'),\n  },\n  8: { height: '8px' },\n  12: { height: '12px' },\n  16: { height: '16px' },\n  20: { height: '20px' },\n  24: { height: '24px' },\n  28: { height: '28px' },\n  32: { height: '32px' },\n  36: { height: '36px' },\n  40: { height: '40px' },\n  48: { height: '48px' },\n  56: { height: '56px' },\n  64: { height: '64px' },\n  72: { height: '72px' },\n  96: { height: '96px' },\n  120: { height: '120px' },\n  128: { height: '128px' },\n});\n\nconst useSizeStyles = makeStyles({\n  8: { width: '8px', height: '8px' },\n  12: { width: '12px', height: '12px' },\n  16: { width: '16px', height: '16px' },\n  20: { width: '20px', height: '20px' },\n  24: { width: '24px', height: '24px' },\n  28: { width: '28px', height: '28px' },\n  32: { width: '32px', height: '32px' },\n  36: { width: '36px', height: '36px' },\n  40: { width: '40px', height: '40px' },\n  48: { width: '48px', height: '48px' },\n  56: { width: '56px', height: '56px' },\n  64: { width: '64px', height: '64px' },\n  72: { width: '72px', height: '72px' },\n  96: { width: '96px', height: '96px' },\n  120: { width: '120px', height: '120px' },\n  128: { width: '128px', height: '128px' },\n});\n\nconst useCircleSizeStyles = makeStyles({\n  root: {\n    ...shorthands.borderRadius('50%'),\n  },\n});\n\n/**\n * Apply styling to the SkeletonItem slots based on the state\n */\nexport const useSkeletonItemStyles_unstable = (state: SkeletonItemState): SkeletonItemState => {\n  const { animation, appearance, size, shape } = state;\n  const { dir } = useFluent();\n\n  const rootStyles = useStyles();\n  const rectStyles = useRectangleStyles();\n  const sizeStyles = useSizeStyles();\n  const circleStyles = useCircleSizeStyles();\n\n  state.root.className = mergeClasses(\n    skeletonItemClassNames.root,\n    rootStyles.root,\n    animation === 'wave' && rootStyles.wave,\n    animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl,\n    animation === 'pulse' && rootStyles.pulse,\n    appearance === 'translucent' && rootStyles.translucent,\n    animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse,\n    shape === 'rectangle' && rectStyles.root,\n    shape === 'rectangle' && rectStyles[size],\n    shape === 'square' && sizeStyles[size],\n    shape === 'circle' && circleStyles.root,\n    shape === 'circle' && sizeStyles[size],\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"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"}

package/lib/contexts/SkeletonContext.js

@@ -2,8 +2,6 @@ import * as React from 'react';
 const SkeletonContext = /*#__PURE__*/React.createContext(undefined);
 const skeletonContextDefaultValue = {};
 export const SkeletonContextProvider = SkeletonContext.Provider;
-export const useSkeletonContext = () => {
-  var _a;
-  return (_a = React.useContext(SkeletonContext)) !== null && _a !== void 0 ? _a : skeletonContextDefaultValue;
-};
+var _React_useContext;
+export const useSkeletonContext = () => (_React_useContext = React.useContext(SkeletonContext)) !== null && _React_useContext !== void 0 ? _React_useContext : skeletonContextDefaultValue;
 //# sourceMappingURL=SkeletonContext.js.map

package/lib/contexts/SkeletonContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SkeletonContext","createContext","undefined","skeletonContextDefaultValue","SkeletonContextProvider","Provider","useSkeletonContext","_a","useContext"],"sources":["../src/packages/react-components/react-skeleton/src/contexts/SkeletonContext.ts"],"sourcesContent":["import * as React from 'react';\n\nconst SkeletonContext = React.createContext<SkeletonContextValue | undefined>(undefined);\n\nexport interface SkeletonContextValue {\n  animation?: 'wave' | 'pulse';\n  appearance?: 'opaque' | 'translucent';\n}\n\nconst skeletonContextDefaultValue: SkeletonContextValue = {};\n\nexport const SkeletonContextProvider = SkeletonContext.Provider;\n\nexport const useSkeletonContext = () => React.useContext(SkeletonContext) ?? skeletonContextDefaultValue;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,MAAMC,eAAe,gBAAGD,KAAK,CAACE,aAAa,CAAmCC,SAAS,CAAC;AAOxF,MAAMC,2BAA2B,GAAyB,EAAE;AAE5D,OAAO,MAAMC,uBAAuB,GAAGJ,eAAe,CAACK,QAAQ;AAE/D,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAK;EAAA,IAAAC,EAAA;EAAC,QAAAA,EAAA,GAAAR,KAAK,CAACS,UAAU,CAACR,eAAe,CAAC,cAAAO,EAAA,cAAAA,EAAA,GAAIJ,2BAA2B;AAAA"}
+{"version":3,"names":["React","SkeletonContext","createContext","undefined","skeletonContextDefaultValue","SkeletonContextProvider","Provider","_React_useContext","useSkeletonContext","useContext"],"sources":["../../src/contexts/SkeletonContext.ts"],"sourcesContent":["import * as React from 'react';\n\nconst SkeletonContext = React.createContext<SkeletonContextValue | undefined>(undefined);\n\nexport interface SkeletonContextValue {\n  animation?: 'wave' | 'pulse';\n  appearance?: 'opaque' | 'translucent';\n}\n\nconst skeletonContextDefaultValue: SkeletonContextValue = {};\n\nexport const SkeletonContextProvider = SkeletonContext.Provider;\n\nexport const useSkeletonContext = () => React.useContext(SkeletonContext) ?? skeletonContextDefaultValue;\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAEvB,MAAMC,eAAA,gBAAkBD,KAAA,CAAME,aAAa,CAAmCC,SAAA;AAO9E,MAAMC,2BAAA,GAAoD,CAAC;AAE3D,OAAO,MAAMC,uBAAA,GAA0BJ,eAAA,CAAgBK,QAAQ;IAEvBC,iBAAA;AAAxC,OAAO,MAAMC,kBAAA,GAAqBA,CAAA,KAAM,CAAAD,iBAAA,GAAAP,KAAA,CAAMS,UAAU,CAACR,eAAA,eAAjBM,iBAAA,cAAAA,iBAAA,GAAqCH,2BAA2B"}

package/lib/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/react-skeleton/src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC","sourcesContent":["export * from './SkeletonContext';\n"]}
+{"version":3,"names":[],"sources":["../../src/contexts/index.ts"],"sourcesContent":["export * from './SkeletonContext';\n"],"mappings":"AAAA,cAAc"}

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Skeleton","renderSkeleton_unstable","skeletonClassNames","useSkeletonStyles_unstable","useSkeleton_unstable","SkeletonItem","renderSkeletonItem_unstable","skeletonItemClassNames","useSkeletonItemStyles_unstable","useSkeletonItem_unstable","SkeletonContextProvider","useSkeletonContext"],"sources":["../src/packages/react-components/react-skeleton/src/index.ts"],"sourcesContent":["export {\n  Skeleton,\n  renderSkeleton_unstable,\n  skeletonClassNames,\n  useSkeletonStyles_unstable,\n  useSkeleton_unstable,\n} from './Skeleton';\nexport type { SkeletonProps, SkeletonSlots, SkeletonState } from './Skeleton';\nexport {\n  SkeletonItem,\n  renderSkeletonItem_unstable,\n  skeletonItemClassNames,\n  useSkeletonItemStyles_unstable,\n  useSkeletonItem_unstable,\n} from './SkeletonItem';\nexport type { SkeletonItemProps, SkeletonItemSlots, SkeletonItemState } from './SkeletonItem';\nexport { SkeletonContextProvider, useSkeletonContext } from './contexts/index';\nexport type { SkeletonContextValue } from './contexts/index';\n"],"mappings":"AAAA,SACEA,QAAQ,EACRC,uBAAuB,EACvBC,kBAAkB,EAClBC,0BAA0B,EAC1BC,oBAAoB,QACf,YAAY;AAEnB,SACEC,YAAY,EACZC,2BAA2B,EAC3BC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,QACnB,gBAAgB;AAEvB,SAASC,uBAAuB,EAAEC,kBAAkB,QAAQ,kBAAkB"}
+{"version":3,"names":["Skeleton","renderSkeleton_unstable","skeletonClassNames","useSkeletonStyles_unstable","useSkeleton_unstable","SkeletonItem","renderSkeletonItem_unstable","skeletonItemClassNames","useSkeletonItemStyles_unstable","useSkeletonItem_unstable","SkeletonContextProvider","useSkeletonContext"],"sources":["../src/index.ts"],"sourcesContent":["export {\n  Skeleton,\n  renderSkeleton_unstable,\n  skeletonClassNames,\n  useSkeletonStyles_unstable,\n  useSkeleton_unstable,\n} from './Skeleton';\nexport type { SkeletonProps, SkeletonSlots, SkeletonState } from './Skeleton';\nexport {\n  SkeletonItem,\n  renderSkeletonItem_unstable,\n  skeletonItemClassNames,\n  useSkeletonItemStyles_unstable,\n  useSkeletonItem_unstable,\n} from './SkeletonItem';\nexport type { SkeletonItemProps, SkeletonItemSlots, SkeletonItemState } from './SkeletonItem';\nexport { SkeletonContextProvider, useSkeletonContext } from './contexts/index';\nexport type { SkeletonContextValue } from './contexts/index';\n"],"mappings":"AAAA,SACEA,QAAQ,EACRC,uBAAuB,EACvBC,kBAAkB,EAClBC,0BAA0B,EAC1BC,oBAAoB,QACf;AAEP,SACEC,YAAY,EACZC,2BAA2B,EAC3BC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,QACnB;AAEP,SAASC,uBAAuB,EAAEC,kBAAkB,QAAQ"}

package/lib-commonjs/Skeleton.js

@@ -1,8 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./components/Skeleton/index"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./components/Skeleton/index"), exports);
+ //# sourceMappingURL=Skeleton.js.map
+
 //# sourceMappingURL=Skeleton.js.map

package/lib-commonjs/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-skeleton/src/Skeleton.ts"],"sourcesContent":["export * from './components/Skeleton/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,iCAAAC,OAAA"}
+{"version":3,"sources":["../lib/Skeleton.js"],"sourcesContent":["export * from './components/Skeleton/index';\n//# sourceMappingURL=Skeleton.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,oCAAoC"}

package/lib-commonjs/SkeletonItem.js

@@ -1,8 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./components/SkeletonItem/index"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./components/SkeletonItem/index"), exports);
+ //# sourceMappingURL=SkeletonItem.js.map
+
 //# sourceMappingURL=SkeletonItem.js.map

package/lib-commonjs/SkeletonItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-skeleton/src/SkeletonItem.ts"],"sourcesContent":["export * from './components/SkeletonItem/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,qCAAAC,OAAA"}
+{"version":3,"sources":["../lib/SkeletonItem.js"],"sourcesContent":["export * from './components/SkeletonItem/index';\n//# sourceMappingURL=SkeletonItem.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,wCAAwC"}

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

@@ -1,22 +1,23 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "Skeleton", {
+    enumerable: true,
+    get: ()=>Skeleton
 });
-exports.Skeleton = void 0;
-const React = /*#__PURE__*/require("react");
-const useSkeleton_1 = /*#__PURE__*/require("./useSkeleton");
-const renderSkeleton_1 = /*#__PURE__*/require("./renderSkeleton");
-const useSkeletonStyles_1 = /*#__PURE__*/require("./useSkeletonStyles");
-const useSkeletonContextValues_1 = /*#__PURE__*/require("./useSkeletonContextValues");
-/**
- * Skeleton component - TODO: add more docs
- */
-exports.Skeleton = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useSkeleton_1.useSkeleton_unstable(props, ref);
-  const contextValues = useSkeletonContextValues_1.useSkeletonContextValues(state);
-  useSkeletonStyles_1.useSkeletonStyles_unstable(state);
-  return renderSkeleton_1.renderSkeleton_unstable(state, contextValues);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useSkeleton = require("./useSkeleton");
+const _renderSkeleton = require("./renderSkeleton");
+const _useSkeletonStyles = require("./useSkeletonStyles");
+const _useSkeletonContextValues = require("./useSkeletonContextValues");
+const Skeleton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useSkeleton.useSkeleton_unstable)(props, ref);
+    const contextValues = (0, _useSkeletonContextValues.useSkeletonContextValues)(state);
+    (0, _useSkeletonStyles.useSkeletonStyles_unstable)(state);
+    return (0, _renderSkeleton.renderSkeleton_unstable)(state, contextValues);
 });
-exports.Skeleton.displayName = 'Skeleton';
+Skeleton.displayName = 'Skeleton'; //# sourceMappingURL=Skeleton.js.map
+
 //# sourceMappingURL=Skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useSkeleton_1","renderSkeleton_1","useSkeletonStyles_1","useSkeletonContextValues_1","exports","Skeleton","forwardRef","props","ref","state","useSkeleton_unstable","contextValues","useSkeletonContextValues","useSkeletonStyles_unstable","renderSkeleton_unstable","displayName"],"sources":["../src/packages/react-components/react-skeleton/src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSkeleton_unstable } from './useSkeleton';\nimport { renderSkeleton_unstable } from './renderSkeleton';\nimport { useSkeletonStyles_unstable } from './useSkeletonStyles';\nimport { useSkeletonContextValues } from './useSkeletonContextValues';\nimport type { SkeletonProps } from './Skeleton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Skeleton component - TODO: add more docs\n */\nexport const Skeleton: ForwardRefComponent<SkeletonProps> = React.forwardRef((props, ref) => {\n  const state = useSkeleton_unstable(props, ref);\n  const contextValues = useSkeletonContextValues(state);\n\n  useSkeletonStyles_unstable(state);\n  return renderSkeleton_unstable(state, contextValues);\n});\n\nSkeleton.displayName = 'Skeleton';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,gBAAA,gBAAAF,OAAA;AACA,MAAAG,mBAAA,gBAAAH,OAAA;AACA,MAAAI,0BAAA,gBAAAJ,OAAA;AAIA;;;AAGaK,OAAA,CAAAC,QAAQ,gBAAuCP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC1F,MAAMC,KAAK,GAAGT,aAAA,CAAAU,oBAAoB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAC9C,MAAMG,aAAa,GAAGR,0BAAA,CAAAS,wBAAwB,CAACH,KAAK,CAAC;EAErDP,mBAAA,CAAAW,0BAA0B,CAACJ,KAAK,CAAC;EACjC,OAAOR,gBAAA,CAAAa,uBAAuB,CAACL,KAAK,EAAEE,aAAa,CAAC;AACtD,CAAC,CAAC;AAEFP,OAAA,CAAAC,QAAQ,CAACU,WAAW,GAAG,UAAU"}
+{"version":3,"sources":["../../../lib/components/Skeleton/Skeleton.js"],"sourcesContent":["import * as React from 'react';\nimport { useSkeleton_unstable } from './useSkeleton';\nimport { renderSkeleton_unstable } from './renderSkeleton';\nimport { useSkeletonStyles_unstable } from './useSkeletonStyles';\nimport { useSkeletonContextValues } from './useSkeletonContextValues';\n/**\n * Skeleton component - TODO: add more docs\n */\nexport const Skeleton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useSkeleton_unstable(props, ref);\n  const contextValues = useSkeletonContextValues(state);\n  useSkeletonStyles_unstable(state);\n  return renderSkeleton_unstable(state, contextValues);\n});\nSkeleton.displayName = 'Skeleton';\n//# sourceMappingURL=Skeleton.js.map"],"names":["Skeleton","React","forwardRef","props","ref","state","useSkeleton_unstable","contextValues","useSkeletonContextValues","useSkeletonStyles_unstable","renderSkeleton_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;6BACc;gCACG;mCACG;0CACF;AAIlC,MAAMA,WAAW,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACpE,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1C,MAAMG,gBAAgBC,IAAAA,kDAAwB,EAACH;IAC/CI,IAAAA,6CAA0B,EAACJ;IAC3B,OAAOK,IAAAA,uCAAuB,EAACL,OAAOE;AACxC;AACAP,SAASW,WAAW,GAAG,YACvB,oCAAoC"}

package/lib-commonjs/components/Skeleton/Skeleton.types.js

@@ -1,6 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+ //# sourceMappingURL=Skeleton.types.js.map
+
 //# sourceMappingURL=Skeleton.types.js.map

package/lib-commonjs/components/Skeleton/Skeleton.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-skeleton/src/components/Skeleton/Skeleton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { SkeletonContextValue } from '../../contexts/index';\n\nexport type SkeletonSlots = {\n  /**\n   * The root slot of the `Skeleton` is the container that will contain the slots that make up a `Skeleton`\n   * and any data that the `Skeleton` will load. The default html element is a `div`.\n   */\n  root: NonNullable<Slot<'div'>>;\n};\n\n/**\n * Skeleton Props\n */\nexport type SkeletonProps = Omit<ComponentProps<Partial<SkeletonSlots>>, 'width'> & {\n  /**\n   * The animation type for the Skeleton\n   * @defaultValue wave\n   */\n  animation?: 'wave' | 'pulse';\n\n  /**\n   * Sets the appearance of the Skeleton.\n   * @defaultValue opaque\n   */\n  appearance?: 'opaque' | 'translucent';\n\n  /**\n   * Sets the width value of the skeleton wrapper.\n   * @defaultValue 100%\n   */\n  width?: number | string;\n};\n\nexport type SkeletonContextValues = {\n  skeletonGroup: SkeletonContextValue;\n};\n\n/**\n * State used in rendering Skeleton\n */\nexport type SkeletonState = ComponentState<SkeletonSlots> & Required<Pick<SkeletonProps, 'animation' | 'appearance'>>;\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/Skeleton/Skeleton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Skeleton.types.js.map"],"names":[],"mappings":";;;;CACA,0CAA0C"}

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

@@ -1,13 +1,14 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./Skeleton"), exports);
-tslib_1.__exportStar(require("./Skeleton.types"), exports);
-tslib_1.__exportStar(require("./renderSkeleton"), exports);
-tslib_1.__exportStar(require("./useSkeleton"), exports);
-tslib_1.__exportStar(require("./useSkeletonContextValues"), exports);
-tslib_1.__exportStar(require("./useSkeletonStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./Skeleton"), exports);
+_exportStar(require("./Skeleton.types"), exports);
+_exportStar(require("./renderSkeleton"), exports);
+_exportStar(require("./useSkeleton"), exports);
+_exportStar(require("./useSkeletonContextValues"), exports);
+_exportStar(require("./useSkeletonStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-skeleton/src/components/Skeleton/index.ts"],"sourcesContent":["export * from './Skeleton';\nexport * from './Skeleton.types';\nexport * from './renderSkeleton';\nexport * from './useSkeleton';\nexport * from './useSkeletonContextValues';\nexport * from './useSkeletonStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,gBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,gCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/Skeleton/index.js"],"sourcesContent":["export * from './Skeleton';\nexport * from './Skeleton.types';\nexport * from './renderSkeleton';\nexport * from './useSkeleton';\nexport * from './useSkeletonContextValues';\nexport * from './useSkeletonStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/Skeleton/renderSkeleton.js

@@ -1,25 +1,19 @@
-"use strict";
-
+/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderSkeleton_unstable", {
+    enumerable: true,
+    get: ()=>renderSkeleton_unstable
 });
-exports.renderSkeleton_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const SkeletonContext_1 = /*#__PURE__*/require("../../contexts/SkeletonContext");
-/**
- * Render the final JSX of Skeleton
- */
-const renderSkeleton_unstable = (state, contextValues) => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(SkeletonContext_1.SkeletonContextProvider, {
-    value: contextValues.skeletonGroup
-  }, React.createElement(slots.root, {
-    ...slotProps.root
-  }));
-};
-exports.renderSkeleton_unstable = renderSkeleton_unstable;
+const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
+const _reactUtilities = require("@fluentui/react-utilities");
+const _skeletonContext = require("../../contexts/SkeletonContext");
+const renderSkeleton_unstable = (state, contextValues)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_skeletonContext.SkeletonContextProvider, {
+        value: contextValues.skeletonGroup
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root));
+}; //# sourceMappingURL=renderSkeleton.js.map
+
 //# sourceMappingURL=renderSkeleton.js.map

package/lib-commonjs/components/Skeleton/renderSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","SkeletonContext_1","renderSkeleton_unstable","state","contextValues","slots","slotProps","getSlots","createElement","SkeletonContextProvider","value","skeletonGroup","root","exports"],"sources":["../src/packages/react-components/react-skeleton/src/components/Skeleton/renderSkeleton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { SkeletonContextProvider } from '../../contexts/SkeletonContext';\nimport type { SkeletonContextValues, SkeletonSlots, SkeletonState } from './Skeleton.types';\n\n/**\n * Render the final JSX of Skeleton\n */\nexport const renderSkeleton_unstable = (state: SkeletonState, contextValues: SkeletonContextValues) => {\n  const { slots, slotProps } = getSlots<SkeletonSlots>(state);\n\n  return (\n    <SkeletonContextProvider value={contextValues.skeletonGroup}>\n      <slots.root {...slotProps.root} />\n    </SkeletonContextProvider>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,iBAAA,gBAAAF,OAAA;AAGA;;;AAGO,MAAMG,uBAAuB,GAAGA,CAACC,KAAoB,EAAEC,aAAoC,KAAI;EACpG,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGN,iBAAA,CAAAO,QAAQ,CAAgBJ,KAAK,CAAC;EAE3D,OACEL,KAAA,CAAAU,aAAA,CAACP,iBAAA,CAAAQ,uBAAuB;IAACC,KAAK,EAAEN,aAAa,CAACO;EAAa,GACzDb,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACO,IAAI;IAAA,GAAKN,SAAS,CAACM;EAAI,EAAI,CACV;AAE9B,CAAC;AARYC,OAAA,CAAAX,uBAAuB,GAAAA,uBAAA"}
+{"version":3,"sources":["../../../lib/components/Skeleton/renderSkeleton.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { SkeletonContextProvider } from '../../contexts/SkeletonContext';\n/**\n * Render the final JSX of Skeleton\n */\nexport const renderSkeleton_unstable = (state, contextValues) => {\n  const {\n    slots,\n    slotProps\n  } = getSlotsNext(state);\n  return /*#__PURE__*/createElement(SkeletonContextProvider, {\n    value: contextValues.skeletonGroup\n  }, /*#__PURE__*/createElement(slots.root, slotProps.root));\n};\n//# sourceMappingURL=renderSkeleton.js.map"],"names":["renderSkeleton_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","SkeletonContextProvider","value","skeletonGroup","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMrCA;;aAAAA;;iCANqE;gCACrD;iCACW;AAIjC,MAAMA,0BAA0B,CAACC,OAAOC,gBAAkB;IAC/D,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACJ;IACjB,OAAO,WAAW,GAAEK,IAAAA,8BAAa,EAACC,wCAAuB,EAAE;QACzDC,OAAON,cAAcO,aAAa;IACpC,GAAG,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAEN,UAAUM,IAAI;AAC1D,GACA,0CAA0C"}

package/lib-commonjs/components/Skeleton/useSkeleton.js

@@ -1,44 +1,33 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useSkeleton_unstable", {
+    enumerable: true,
+    get: ()=>useSkeleton_unstable
 });
-exports.useSkeleton_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const SkeletonContext_1 = /*#__PURE__*/require("../../contexts/SkeletonContext");
-/**
- * Create the state required to render Skeleton.
- *
- * The returned state can be modified with hooks such as useSkeletonStyles_unstable,
- * before being passed to renderSkeleton_unstable.
- *
- * @param props - props from this instance of Skeleton
- * @param ref - reference to root HTMLElement of Skeleton
- */
-const useSkeleton_unstable = (props, ref) => {
-  const {
-    animation: contextAnimation,
-    appearance: contextAppearance
-  } = SkeletonContext_1.useSkeletonContext();
-  const {
-    animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave',
-    appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque'
-  } = props;
-  const root = react_utilities_1.getNativeElementProps('div', {
-    ref,
-    role: 'progressbar',
-    'aria-busy': true,
-    'aria-label': 'Loading Content',
-    ...props
-  });
-  return {
-    animation,
-    appearance,
-    components: {
-      root: 'div'
-    },
-    root
-  };
-};
-exports.useSkeleton_unstable = useSkeleton_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _skeletonContext = require("../../contexts/SkeletonContext");
+const useSkeleton_unstable = (props, ref)=>{
+    const { animation: contextAnimation , appearance: contextAppearance  } = (0, _skeletonContext.useSkeletonContext)();
+    const { animation =contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave' , appearance =contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque'  } = props;
+    const root = (0, _reactUtilities.getNativeElementProps)('div', {
+        ref,
+        role: 'progressbar',
+        'aria-busy': true,
+        'aria-label': 'Loading Content',
+        ...props
+    });
+    return {
+        animation,
+        appearance,
+        components: {
+            root: 'div'
+        },
+        root
+    };
+}; //# sourceMappingURL=useSkeleton.js.map
+
 //# sourceMappingURL=useSkeleton.js.map

package/lib-commonjs/components/Skeleton/useSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","SkeletonContext_1","useSkeleton_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","useSkeletonContext","root","getNativeElementProps","role","components","exports"],"sources":["../src/packages/react-components/react-skeleton/src/components/Skeleton/useSkeleton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { SkeletonProps, SkeletonState } from './Skeleton.types';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\n\n/**\n * Create the state required to render Skeleton.\n *\n * The returned state can be modified with hooks such as useSkeletonStyles_unstable,\n * before being passed to renderSkeleton_unstable.\n *\n * @param props - props from this instance of Skeleton\n * @param ref - reference to root HTMLElement of Skeleton\n */\nexport const useSkeleton_unstable = (props: SkeletonProps, ref: React.Ref<HTMLElement>): SkeletonState => {\n  const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();\n  const { animation = contextAnimation ?? 'wave', appearance = contextAppearance ?? 'opaque' } = props;\n\n  const root = getNativeElementProps('div', {\n    ref,\n    role: 'progressbar',\n    'aria-busy': true,\n    'aria-label': 'Loading Content',\n    ...props,\n  });\n\n  return {\n    animation,\n    appearance,\n    components: {\n      root: 'div',\n    },\n    root,\n  };\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAEA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA;;;;;;;;;AASO,MAAME,oBAAoB,GAAGA,CAACC,KAAoB,EAAEC,GAA2B,KAAmB;EACvG,MAAM;IAAEC,SAAS,EAAEC,gBAAgB;IAAEC,UAAU,EAAEC;EAAiB,CAAE,GAAGP,iBAAA,CAAAQ,kBAAkB,EAAE;EAC3F,MAAM;IAAEJ,SAAS,GAAGC,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAI,MAAM;IAAEC,UAAU,GAAGC,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAI;EAAQ,CAAE,GAAGL,KAAK;EAEpG,MAAMO,IAAI,GAAGX,iBAAA,CAAAY,qBAAqB,CAAC,KAAK,EAAE;IACxCP,GAAG;IACHQ,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,iBAAiB;IAC/B,GAAGT;GACJ,CAAC;EAEF,OAAO;IACLE,SAAS;IACTE,UAAU;IACVM,UAAU,EAAE;MACVH,IAAI,EAAE;KACP;IACDA;GACD;AACH,CAAC;AApBYI,OAAA,CAAAZ,oBAAoB,GAAAA,oBAAA"}
+{"version":3,"sources":["../../../lib/components/Skeleton/useSkeleton.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\n/**\n * Create the state required to render Skeleton.\n *\n * The returned state can be modified with hooks such as useSkeletonStyles_unstable,\n * before being passed to renderSkeleton_unstable.\n *\n * @param props - props from this instance of Skeleton\n * @param ref - reference to root HTMLElement of Skeleton\n */\nexport const useSkeleton_unstable = (props, ref) => {\n  const {\n    animation: contextAnimation,\n    appearance: contextAppearance\n  } = useSkeletonContext();\n  const {\n    animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave',\n    appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque'\n  } = props;\n  const root = getNativeElementProps('div', {\n    ref,\n    role: 'progressbar',\n    'aria-busy': true,\n    'aria-label': 'Loading Content',\n    ...props\n  });\n  return {\n    animation,\n    appearance,\n    components: {\n      root: 'div'\n    },\n    root\n  };\n};\n//# sourceMappingURL=useSkeleton.js.map"],"names":["useSkeleton_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","useSkeletonContext","root","getNativeElementProps","role","components"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCACe;iCACH;AAU5B,MAAMA,uBAAuB,CAACC,OAAOC,MAAQ;IAClD,MAAM,EACJC,WAAWC,iBAAgB,EAC3BC,YAAYC,kBAAiB,EAC9B,GAAGC,IAAAA,mCAAkB;IACtB,MAAM,EACJJ,WAAYC,qBAAqB,IAAI,IAAIA,qBAAqB,KAAK,IAAIA,mBAAmB,MAAM,CAAA,EAChGC,YAAaC,sBAAsB,IAAI,IAAIA,sBAAsB,KAAK,IAAIA,oBAAoB,QAAQ,CAAA,EACvG,GAAGL;IACJ,MAAMO,OAAOC,IAAAA,qCAAqB,EAAC,OAAO;QACxCP;QACAQ,MAAM;QACN,aAAa,IAAI;QACjB,cAAc;QACd,GAAGT,KAAK;IACV;IACA,OAAO;QACLE;QACAE;QACAM,YAAY;YACVH,MAAM;QACR;QACAA;IACF;AACF,GACA,uCAAuC"}

package/lib-commonjs/components/Skeleton/useSkeletonContextValues.js

@@ -1,22 +1,25 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useSkeletonContextValues", {
+    enumerable: true,
+    get: ()=>useSkeletonContextValues
 });
-exports.useSkeletonContextValues = void 0;
-const React = /*#__PURE__*/require("react");
-const useSkeletonContextValues = state => {
-  const {
-    animation,
-    appearance
-  } = state;
-  const skeletonGroup = React.useMemo(() => ({
-    animation,
-    appearance
-  }), [animation, appearance]);
-  return {
-    skeletonGroup
-  };
-};
-exports.useSkeletonContextValues = useSkeletonContextValues;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const useSkeletonContextValues = (state)=>{
+    const { animation , appearance  } = state;
+    const skeletonGroup = _react.useMemo(()=>({
+            animation,
+            appearance
+        }), [
+        animation,
+        appearance
+    ]);
+    return {
+        skeletonGroup
+    };
+}; //# sourceMappingURL=useSkeletonContextValues.js.map
+
 //# sourceMappingURL=useSkeletonContextValues.js.map

package/lib-commonjs/components/Skeleton/useSkeletonContextValues.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","useSkeletonContextValues","state","animation","appearance","skeletonGroup","useMemo","exports"],"sources":["../src/packages/react-components/react-skeleton/src/components/Skeleton/useSkeletonContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { SkeletonContextValues, SkeletonState } from '../Skeleton';\n\nexport const useSkeletonContextValues = (state: SkeletonState): SkeletonContextValues => {\n  const { animation, appearance } = state;\n\n  const skeletonGroup = React.useMemo(\n    () => ({\n      animation,\n      appearance,\n    }),\n    [animation, appearance],\n  );\n\n  return { skeletonGroup };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAGO,MAAMC,wBAAwB,GAAIC,KAAoB,IAA2B;EACtF,MAAM;IAAEC,SAAS;IAAEC;EAAU,CAAE,GAAGF,KAAK;EAEvC,MAAMG,aAAa,GAAGN,KAAK,CAACO,OAAO,CACjC,OAAO;IACLH,SAAS;IACTC;GACD,CAAC,EACF,CAACD,SAAS,EAAEC,UAAU,CAAC,CACxB;EAED,OAAO;IAAEC;EAAa,CAAE;AAC1B,CAAC;AAZYE,OAAA,CAAAN,wBAAwB,GAAAA,wBAAA"}
+{"version":3,"sources":["../../../lib/components/Skeleton/useSkeletonContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport const useSkeletonContextValues = state => {\n  const {\n    animation,\n    appearance\n  } = state;\n  const skeletonGroup = React.useMemo(() => ({\n    animation,\n    appearance\n  }), [animation, appearance]);\n  return {\n    skeletonGroup\n  };\n};\n//# sourceMappingURL=useSkeletonContextValues.js.map"],"names":["useSkeletonContextValues","state","animation","appearance","skeletonGroup","React","useMemo"],"mappings":";;;;+BACaA;;aAAAA;;;6DADU;AAChB,MAAMA,2BAA2BC,CAAAA,QAAS;IAC/C,MAAM,EACJC,UAAS,EACTC,WAAU,EACX,GAAGF;IACJ,MAAMG,gBAAgBC,OAAMC,OAAO,CAAC,IAAO,CAAA;YACzCJ;YACAC;QACF,CAAA,GAAI;QAACD;QAAWC;KAAW;IAC3B,OAAO;QACLC;IACF;AACF,GACA,oDAAoD"}

package/lib-commonjs/components/Skeleton/useSkeletonStyles.js

@@ -1,19 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useSkeletonStyles_unstable = exports.skeletonClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-exports.skeletonClassNames = {
-  root: 'fui-Skeleton'
-};
-/**
- * Apply styling to the Skeleton slots based on the state
- */
-const useSkeletonStyles_unstable = state => {
-  state.root.className = react_1.mergeClasses(exports.skeletonClassNames.root, state.root.className);
-  return state;
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    skeletonClassNames: ()=>skeletonClassNames,
+    useSkeletonStyles_unstable: ()=>useSkeletonStyles_unstable
+});
+const _react = require("@griffel/react");
+const skeletonClassNames = {
+    root: 'fui-Skeleton'
 };
-exports.useSkeletonStyles_unstable = useSkeletonStyles_unstable;
+const useSkeletonStyles_unstable = (state)=>{
+    state.root.className = (0, _react.mergeClasses)(skeletonClassNames.root, state.root.className);
+    return state;
+}; //# sourceMappingURL=useSkeletonStyles.js.map
+
 //# sourceMappingURL=useSkeletonStyles.js.map

package/lib-commonjs/components/Skeleton/useSkeletonStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","exports","skeletonClassNames","root","useSkeletonStyles_unstable","state","className","mergeClasses"],"sources":["../src/packages/react-components/react-skeleton/src/components/Skeleton/useSkeletonStyles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { SkeletonSlots, SkeletonState } from './Skeleton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nexport const skeletonClassNames: SlotClassNames<SkeletonSlots> = {\n  root: 'fui-Skeleton',\n};\n\n/**\n * Apply styling to the Skeleton slots based on the state\n */\nexport const useSkeletonStyles_unstable = (state: SkeletonState): SkeletonState => {\n  state.root.className = mergeClasses(skeletonClassNames.root, state.root.className);\n\n  return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAGaC,OAAA,CAAAC,kBAAkB,GAAkC;EAC/DC,IAAI,EAAE;CACP;AAED;;;AAGO,MAAMC,0BAA0B,GAAIC,KAAoB,IAAmB;EAChFA,KAAK,CAACF,IAAI,CAACG,SAAS,GAAGP,OAAA,CAAAQ,YAAY,CAACN,OAAA,CAAAC,kBAAkB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;EAElF,OAAOD,KAAK;AACd,CAAC;AAJYJ,OAAA,CAAAG,0BAA0B,GAAAA,0BAAA"}
+{"version":3,"sources":["../../../lib/components/Skeleton/useSkeletonStyles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const skeletonClassNames = {\n  root: 'fui-Skeleton'\n};\n/**\n * Apply styling to the Skeleton slots based on the state\n */\nexport const useSkeletonStyles_unstable = state => {\n  state.root.className = mergeClasses(skeletonClassNames.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useSkeletonStyles.js.map"],"names":["skeletonClassNames","useSkeletonStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,kBAAkB,MAAlBA;IAMAC,0BAA0B,MAA1BA;;uBAPgB;AACtB,MAAMD,qBAAqB;IAChCE,MAAM;AACR;AAIO,MAAMD,6BAA6BE,CAAAA,QAAS;IACjDA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,mBAAmBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IACjF,OAAOD;AACT,GACA,6CAA6C"}

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

@@ -1,17 +1,21 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "SkeletonItem", {
+    enumerable: true,
+    get: ()=>SkeletonItem
 });
-exports.SkeletonItem = void 0;
-const React = /*#__PURE__*/require("react");
-const useSkeletonItem_1 = /*#__PURE__*/require("./useSkeletonItem");
-const renderSkeletonItem_1 = /*#__PURE__*/require("./renderSkeletonItem");
-const useSkeletonItemStyles_1 = /*#__PURE__*/require("./useSkeletonItemStyles");
-exports.SkeletonItem = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useSkeletonItem_1.useSkeletonItem_unstable(props, ref);
-  useSkeletonItemStyles_1.useSkeletonItemStyles_unstable(state);
-  return renderSkeletonItem_1.renderSkeletonItem_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useSkeletonItem = require("./useSkeletonItem");
+const _renderSkeletonItem = require("./renderSkeletonItem");
+const _useSkeletonItemStyles = require("./useSkeletonItemStyles");
+const SkeletonItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useSkeletonItem.useSkeletonItem_unstable)(props, ref);
+    (0, _useSkeletonItemStyles.useSkeletonItemStyles_unstable)(state);
+    return (0, _renderSkeletonItem.renderSkeletonItem_unstable)(state);
 });
-exports.SkeletonItem.displayName = 'SkeletonItem';
+SkeletonItem.displayName = 'SkeletonItem'; //# sourceMappingURL=SkeletonItem.js.map
+
 //# sourceMappingURL=SkeletonItem.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useSkeletonItem_1","renderSkeletonItem_1","useSkeletonItemStyles_1","exports","SkeletonItem","forwardRef","props","ref","state","useSkeletonItem_unstable","useSkeletonItemStyles_unstable","renderSkeletonItem_unstable","displayName"],"sources":["../src/packages/react-components/react-skeleton/src/components/SkeletonItem/SkeletonItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSkeletonItem_unstable } from './useSkeletonItem';\nimport { renderSkeletonItem_unstable } from './renderSkeletonItem';\nimport { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles';\nimport type { SkeletonItemProps } from './SkeletonItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nexport const SkeletonItem: ForwardRefComponent<SkeletonItemProps> = React.forwardRef((props, ref) => {\n  const state = useSkeletonItem_unstable(props, ref);\n\n  useSkeletonItemStyles_unstable(state);\n  return renderSkeletonItem_unstable(state);\n});\n\nSkeletonItem.displayName = 'SkeletonItem';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,oBAAA,gBAAAF,OAAA;AACA,MAAAG,uBAAA,gBAAAH,OAAA;AAIaI,OAAA,CAAAC,YAAY,gBAA2CN,KAAK,CAACO,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAClG,MAAMC,KAAK,GAAGR,iBAAA,CAAAS,wBAAwB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAElDL,uBAAA,CAAAQ,8BAA8B,CAACF,KAAK,CAAC;EACrC,OAAOP,oBAAA,CAAAU,2BAA2B,CAACH,KAAK,CAAC;AAC3C,CAAC,CAAC;AAEFL,OAAA,CAAAC,YAAY,CAACQ,WAAW,GAAG,cAAc"}
+{"version":3,"sources":["../../../lib/components/SkeletonItem/SkeletonItem.js"],"sourcesContent":["import * as React from 'react';\nimport { useSkeletonItem_unstable } from './useSkeletonItem';\nimport { renderSkeletonItem_unstable } from './renderSkeletonItem';\nimport { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles';\nexport const SkeletonItem = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useSkeletonItem_unstable(props, ref);\n  useSkeletonItemStyles_unstable(state);\n  return renderSkeletonItem_unstable(state);\n});\nSkeletonItem.displayName = 'SkeletonItem';\n//# sourceMappingURL=SkeletonItem.js.map"],"names":["SkeletonItem","React","forwardRef","props","ref","state","useSkeletonItem_unstable","useSkeletonItemStyles_unstable","renderSkeletonItem_unstable","displayName"],"mappings":";;;;+BAIaA;;aAAAA;;;6DAJU;iCACkB;oCACG;uCACG;AACxC,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,qDAA8B,EAACF;IAC/B,OAAOG,IAAAA,+CAA2B,EAACH;AACrC;AACAL,aAAaS,WAAW,GAAG,gBAC3B,wCAAwC"}

package/lib-commonjs/components/SkeletonItem/SkeletonItem.types.js

@@ -1,6 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+ //# sourceMappingURL=SkeletonItem.types.js.map
+
 //# sourceMappingURL=SkeletonItem.types.js.map

package/lib-commonjs/components/SkeletonItem/SkeletonItem.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-skeleton/src/components/SkeletonItem/SkeletonItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type SkeletonItemSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * Sizes for the SkeletonItem\n */\nexport type SkeletonItemSize = 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;\n\n/**\n * SkeletonItem Props\n */\nexport type SkeletonItemProps = ComponentProps<SkeletonItemSlots> & {\n  /**\n   * Sets the animation of the SkeletonItem\n   * @default wave\n   */\n  animation?: 'wave' | 'pulse';\n\n  /**\n   * Sets the appearance of the SkeletonItem\n   * @default opaque\n   */\n  appearance?: 'opaque' | 'translucent';\n\n  /**\n   * Sets the size of the SkeletonItem in pixels.\n   * Size is restricted to a limited set of values recommended for most uses(see SkeletonItemSize).\n   * To set a non-supported size, set `width` and `height` to override the rendered size.\n   * @default 16\n   */\n  size?: SkeletonItemSize;\n\n  /**\n   * Sets the shape of the SkeletonItem.\n   * @default rectangle\n   */\n  shape?: 'circle' | 'square' | 'rectangle';\n};\n\n/**\n * State used in rendering SkeletonItem\n */\nexport type SkeletonItemState = ComponentState<SkeletonItemSlots> &\n  Required<Pick<SkeletonItemProps, 'animation' | 'appearance' | 'size' | 'shape'>>;\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/SkeletonItem/SkeletonItem.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=SkeletonItem.types.js.map"],"names":[],"mappings":";;;;CACA,8CAA8C"}

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

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./SkeletonItem"), exports);
-tslib_1.__exportStar(require("./SkeletonItem.types"), exports);
-tslib_1.__exportStar(require("./renderSkeletonItem"), exports);
-tslib_1.__exportStar(require("./useSkeletonItem"), exports);
-tslib_1.__exportStar(require("./useSkeletonItemStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./SkeletonItem"), exports);
+_exportStar(require("./SkeletonItem.types"), exports);
+_exportStar(require("./renderSkeletonItem"), exports);
+_exportStar(require("./useSkeletonItem"), exports);
+_exportStar(require("./useSkeletonItemStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-skeleton/src/components/SkeletonItem/index.ts"],"sourcesContent":["export * from './SkeletonItem';\nexport * from './SkeletonItem.types';\nexport * from './renderSkeletonItem';\nexport * from './useSkeletonItem';\nexport * from './useSkeletonItemStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/SkeletonItem/index.js"],"sourcesContent":["export * from './SkeletonItem';\nexport * from './SkeletonItem.types';\nexport * from './renderSkeletonItem';\nexport * from './useSkeletonItem';\nexport * from './useSkeletonItemStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}