@fluentui/react-skeleton 9.0.3 → 9.0.5

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","useFluent_unstable","useFluent","tokens","skeletonItemClassNames","root","skeletonWaveAnimation","from","backgroundPositionX","to","skeletonWaveAnimationRTL","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.styles.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 skeletonWaveAnimation = {\n  from: {\n    backgroundPositionX: '300% /* @noflip */',\n  },\n  to: {\n    backgroundPositionX: '0% /* @noflip */',\n  },\n};\n\nconst skeletonWaveAnimationRTL = {\n  from: {\n    backgroundPositionX: '0% /* @noflip */',\n  },\n  to: {\n    backgroundPositionX: '300% /* @noflip */',\n  },\n};\n\nconst skeletonPulseAnimation = {\n  '0%': {\n    opacity: '1',\n  },\n  '50%': {\n    opacity: '0.4',\n  },\n  '100%': {\n    opacity: '1',\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    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  pulse: {\n    animationName: skeletonPulseAnimation,\n    animationDuration: '1s',\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","skeletonWaveAnimation","from","backgroundPositionX","to","skeletonWaveAnimationRTL","skeletonPulseAnimation","opacity","useStyles","qhf8xq","B68tc82","Bmxbyg5","Bkjc3bi","B8a6bjv","Bpptf2m","Bgh53k4","w3vfg9","vin17d","Ezkn3b","Gqtpxc","B3vm3ge","wave","Bv12yb3","Bcmaq0h","Bpep1pd","waveRtl","pulse","De3pzq","translucent","translucentPulse","d","m","k","useRectangleStyles","Bqenvij","a9b677","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","useSizeStyles","useCircleSizeStyles","useSkeletonItemStyles_unstable","state","animation","appearance","size","shape","dir","rootStyles","rectStyles","sizeStyles","circleStyles","className"],"sources":["useSkeletonItemStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens } from '@fluentui/react-theme';\nexport const skeletonItemClassNames = {\n    root: 'fui-SkeletonItem'\n};\nconst skeletonWaveAnimation = {\n    from: {\n        backgroundPositionX: '300% /* @noflip */'\n    },\n    to: {\n        backgroundPositionX: '0% /* @noflip */'\n    }\n};\nconst skeletonWaveAnimationRTL = {\n    from: {\n        backgroundPositionX: '0% /* @noflip */'\n    },\n    to: {\n        backgroundPositionX: '300% /* @noflip */'\n    }\n};\nconst skeletonPulseAnimation = {\n    '0%': {\n        opacity: '1'\n    },\n    '50%': {\n        opacity: '0.4'\n    },\n    '100%': {\n        opacity: '1'\n    }\n};\n/**\n * Styles for the root slot\n */ const 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        '@media screen and (prefers-reduced-motion: reduce)': {\n            animationDuration: '0.01ms',\n            animationIterationCount: '1'\n        }\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        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    pulse: {\n        animationName: skeletonPulseAnimation,\n        animationDuration: '1s',\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});\nconst useRectangleStyles = makeStyles({\n    root: {\n        width: '100%',\n        ...shorthands.borderRadius('4px')\n    },\n    8: {\n        height: '8px'\n    },\n    12: {\n        height: '12px'\n    },\n    16: {\n        height: '16px'\n    },\n    20: {\n        height: '20px'\n    },\n    24: {\n        height: '24px'\n    },\n    28: {\n        height: '28px'\n    },\n    32: {\n        height: '32px'\n    },\n    36: {\n        height: '36px'\n    },\n    40: {\n        height: '40px'\n    },\n    48: {\n        height: '48px'\n    },\n    56: {\n        height: '56px'\n    },\n    64: {\n        height: '64px'\n    },\n    72: {\n        height: '72px'\n    },\n    96: {\n        height: '96px'\n    },\n    120: {\n        height: '120px'\n    },\n    128: {\n        height: '128px'\n    }\n});\nconst useSizeStyles = makeStyles({\n    8: {\n        width: '8px',\n        height: '8px'\n    },\n    12: {\n        width: '12px',\n        height: '12px'\n    },\n    16: {\n        width: '16px',\n        height: '16px'\n    },\n    20: {\n        width: '20px',\n        height: '20px'\n    },\n    24: {\n        width: '24px',\n        height: '24px'\n    },\n    28: {\n        width: '28px',\n        height: '28px'\n    },\n    32: {\n        width: '32px',\n        height: '32px'\n    },\n    36: {\n        width: '36px',\n        height: '36px'\n    },\n    40: {\n        width: '40px',\n        height: '40px'\n    },\n    48: {\n        width: '48px',\n        height: '48px'\n    },\n    56: {\n        width: '56px',\n        height: '56px'\n    },\n    64: {\n        width: '64px',\n        height: '64px'\n    },\n    72: {\n        width: '72px',\n        height: '72px'\n    },\n    96: {\n        width: '96px',\n        height: '96px'\n    },\n    120: {\n        width: '120px',\n        height: '120px'\n    },\n    128: {\n        width: '128px',\n        height: '128px'\n    }\n});\nconst useCircleSizeStyles = makeStyles({\n    root: {\n        ...shorthands.borderRadius('50%')\n    }\n});\n/**\n * Apply styling to the SkeletonItem slots based on the state\n */ export const useSkeletonItemStyles_unstable = (state)=>{\n    const { animation , appearance , size , shape  } = state;\n    const { dir  } = useFluent();\n    const rootStyles = useStyles();\n    const rectStyles = useRectangleStyles();\n    const sizeStyles = useSizeStyles();\n    const circleStyles = useCircleSizeStyles();\n    state.root.className = mergeClasses(skeletonItemClassNames.root, rootStyles.root, animation === 'wave' && rootStyles.wave, animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl, animation === 'pulse' && rootStyles.pulse, appearance === 'translucent' && rootStyles.translucent, animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse, shape === 'rectangle' && rectStyles.root, shape === 'rectangle' && rectStyles[size], shape === 'square' && sizeStyles[size], shape === 'circle' && circleStyles.root, shape === 'circle' && sizeStyles[size], state.root.className);\n    return state;\n};\n"],"mappings":"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"}

package/lib/contexts/SkeletonContext.js

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

package/lib/contexts/SkeletonContext.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["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"],"names":["React","SkeletonContext","createContext","undefined","skeletonContextDefaultValue","SkeletonContextProvider","Provider","useSkeletonContext","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,MAAMC,kBAAkBD,MAAME,aAAa,CAAmCC;AAO9E,MAAMC,8BAAoD,CAAC;AAE3D,OAAO,MAAMC,0BAA0BJ,gBAAgBK,QAAQ,CAAC;IAExBN;AAAxC,OAAO,MAAMO,qBAAqB,IAAMP,CAAAA,oBAAAA,MAAMQ,UAAU,CAACP,8BAAjBD,+BAAAA,oBAAqCI,2BAA2B,CAAC"}

package/lib/contexts/index.js

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

package/lib/contexts/index.js.map

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

package/lib/index.js

@@ -1,4 +1,3 @@
 export { Skeleton, renderSkeleton_unstable, skeletonClassNames, useSkeletonStyles_unstable, useSkeleton_unstable } from './Skeleton';
 export { SkeletonItem, renderSkeletonItem_unstable, skeletonItemClassNames, useSkeletonItemStyles_unstable, useSkeletonItem_unstable } from './SkeletonItem';
 export { SkeletonContextProvider, useSkeletonContext } from './contexts/index';
-//# sourceMappingURL=index.js.map

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/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"}
+{"version":3,"sources":["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"],"names":["Skeleton","renderSkeleton_unstable","skeletonClassNames","useSkeletonStyles_unstable","useSkeleton_unstable","SkeletonItem","renderSkeletonItem_unstable","skeletonItemClassNames","useSkeletonItemStyles_unstable","useSkeletonItem_unstable","SkeletonContextProvider","useSkeletonContext"],"mappings":"AAAA,SACEA,QAAQ,EACRC,uBAAuB,EACvBC,kBAAkB,EAClBC,0BAA0B,EAC1BC,oBAAoB,QACf,aAAa;AAEpB,SACEC,YAAY,EACZC,2BAA2B,EAC3BC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,QACnB,iBAAiB;AAExB,SAASC,uBAAuB,EAAEC,kBAAkB,QAAQ,mBAAmB"}

package/lib-commonjs/Skeleton.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 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,"sources":["../lib/Skeleton.js"],"sourcesContent":["export * from './components/Skeleton/index';\n//# sourceMappingURL=Skeleton.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,oCAAoC"}
+{"version":3,"sources":["Skeleton.js"],"sourcesContent":["export * from './components/Skeleton/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

package/lib-commonjs/SkeletonItem.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 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,"sources":["../lib/SkeletonItem.js"],"sourcesContent":["export * from './components/SkeletonItem/index';\n//# sourceMappingURL=SkeletonItem.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,wCAAwC"}
+{"version":3,"sources":["SkeletonItem.js"],"sourcesContent":["export * from './components/SkeletonItem/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

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

@@ -18,6 +18,4 @@ const Skeleton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _useSkeletonStyles.useSkeletonStyles_unstable)(state);
     return (0, _renderSkeleton.renderSkeleton_unstable)(state, contextValues);
 });
-Skeleton.displayName = 'Skeleton'; //# sourceMappingURL=Skeleton.js.map
-
-//# sourceMappingURL=Skeleton.js.map
+Skeleton.displayName = 'Skeleton';

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["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 */ export 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"],"names":["Skeleton","React","forwardRef","props","ref","state","useSkeleton_unstable","contextValues","useSkeletonContextValues","useSkeletonStyles_unstable","renderSkeleton_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;6BACc;gCACG;mCACG;0CACF;AAG9B,MAAMA,WAAW,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACrE,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1C,MAAMG,gBAAgBC,IAAAA,kDAAwB,EAACH;IAC/CI,IAAAA,6CAA0B,EAACJ;IAC3B,OAAOK,IAAAA,uCAAuB,EAACL,OAAOE;AAC1C;AACAP,SAASW,WAAW,GAAG"}

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

@@ -2,6 +2,3 @@
 Object.defineProperty(exports, "__esModule", {
     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,"sources":["../../../lib/components/Skeleton/Skeleton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Skeleton.types.js.map"],"names":[],"mappings":";;;;CACA,0CAA0C"}
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -9,6 +9,3 @@ _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,"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"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Skeleton';\nexport * from './Skeleton.types';\nexport * from './renderSkeleton';\nexport * from './useSkeleton';\nexport * from './useSkeletonContextValues';\nexport * from './useSkeletonStyles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA"}

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

@@ -14,6 +14,4 @@ const renderSkeleton_unstable = (state, contextValues)=>{
     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,"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"}
+{"version":3,"sources":["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 */ export const renderSkeleton_unstable = (state, contextValues)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(SkeletonContextProvider, {\n        value: contextValues.skeletonGroup\n    }, /*#__PURE__*/ createElement(slots.root, slotProps.root));\n};\n"],"names":["renderSkeleton_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","SkeletonContextProvider","value","skeletonGroup","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;iCACW;AAG7B,MAAMA,0BAA0B,CAACC,OAAOC,gBAAgB;IAC/D,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACC,wCAAuB,EAAE;QACxDC,OAAON,cAAcO,aAAa;IACtC,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAEN,UAAUM,IAAI;AAC7D"}

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

@@ -28,6 +28,4 @@ const useSkeleton_unstable = (props, ref)=>{
         },
         root
     };
-}; //# sourceMappingURL=useSkeleton.js.map
-
-//# sourceMappingURL=useSkeleton.js.map
+};

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["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 */ export const useSkeleton_unstable = (props, ref)=>{\n    const { animation: contextAnimation , appearance: contextAppearance  } = useSkeletonContext();\n    const { animation =contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave' , appearance =contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque'  } = 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"],"names":["useSkeleton_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","useSkeletonContext","root","getNativeElementProps","role","components"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACe;iCACH;AASxB,MAAMA,uBAAuB,CAACC,OAAOC,MAAM;IAClD,MAAM,EAAEC,WAAWC,iBAAgB,EAAGC,YAAYC,kBAAiB,EAAG,GAAGC,IAAAA,mCAAkB;IAC3F,MAAM,EAAEJ,WAAWC,qBAAqB,IAAI,IAAIA,qBAAqB,KAAK,IAAIA,mBAAmB,MAAM,CAAA,EAAGC,YAAYC,sBAAsB,IAAI,IAAIA,sBAAsB,KAAK,IAAIA,oBAAoB,QAAQ,CAAA,EAAG,GAAGL;IACrN,MAAMO,OAAOC,IAAAA,qCAAqB,EAAC,OAAO;QACtCP;QACAQ,MAAM;QACN,aAAa,IAAI;QACjB,cAAc;QACd,GAAGT,KAAK;IACZ;IACA,OAAO;QACHE;QACAE;QACAM,YAAY;YACRH,MAAM;QACV;QACAA;IACJ;AACJ"}

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

@@ -20,6 +20,4 @@ const useSkeletonContextValues = (state)=>{
     return {
         skeletonGroup
     };
-}; //# sourceMappingURL=useSkeletonContextValues.js.map
-
-//# sourceMappingURL=useSkeletonContextValues.js.map
+};

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["useSkeletonContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport const useSkeletonContextValues = (state)=>{\n    const { animation , appearance  } = state;\n    const skeletonGroup = React.useMemo(()=>({\n            animation,\n            appearance\n        }), [\n        animation,\n        appearance\n    ]);\n    return {\n        skeletonGroup\n    };\n};\n"],"names":["useSkeletonContextValues","state","animation","appearance","skeletonGroup","React","useMemo"],"mappings":";;;;+BACaA;;aAAAA;;;6DADU;AAChB,MAAMA,2BAA2B,CAACC,QAAQ;IAC7C,MAAM,EAAEC,UAAS,EAAGC,WAAU,EAAG,GAAGF;IACpC,MAAMG,gBAAgBC,OAAMC,OAAO,CAAC,IAAK,CAAA;YACjCJ;YACAC;QACJ,CAAA,GAAI;QACJD;QACAC;KACH;IACD,OAAO;QACHC;IACJ;AACJ"}

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

@@ -19,6 +19,4 @@ const skeletonClassNames = {
 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,"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"}
+{"version":3,"sources":["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 */ export const useSkeletonStyles_unstable = (state)=>{\n    state.root.className = mergeClasses(skeletonClassNames.root, state.root.className);\n    return state;\n};\n"],"names":["skeletonClassNames","useSkeletonStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,kBAAkB,MAAlBA;IAKIC,0BAA0B,MAA1BA;;uBANY;AACtB,MAAMD,qBAAqB;IAC9BE,MAAM;AACV;AAGW,MAAMD,6BAA6B,CAACE,QAAQ;IACnDA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,mBAAmBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IACjF,OAAOD;AACX"}

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

@@ -16,6 +16,4 @@ const SkeletonItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _useSkeletonItemStylesStyles.useSkeletonItemStyles_unstable)(state);
     return (0, _renderSkeletonItem.renderSkeletonItem_unstable)(state);
 });
-SkeletonItem.displayName = 'SkeletonItem'; //# sourceMappingURL=SkeletonItem.js.map
-
-//# sourceMappingURL=SkeletonItem.js.map
+SkeletonItem.displayName = 'SkeletonItem';

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

@@ -1 +1 @@
-{"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.styles';\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;6CACG;AACxC,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/B,OAAOG,IAAAA,+CAA2B,EAACH;AACrC;AACAL,aAAaS,WAAW,GAAG,gBAC3B,wCAAwC"}
+{"version":3,"sources":["SkeletonItem.js"],"sourcesContent":["import * as React from 'react';\nimport { useSkeletonItem_unstable } from './useSkeletonItem';\nimport { renderSkeletonItem_unstable } from './renderSkeletonItem';\nimport { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles.styles';\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"],"names":["SkeletonItem","React","forwardRef","props","ref","state","useSkeletonItem_unstable","useSkeletonItemStyles_unstable","renderSkeletonItem_unstable","displayName"],"mappings":";;;;+BAIaA;;aAAAA;;;6DAJU;iCACkB;oCACG;6CACG;AACxC,MAAMA,eAAe,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACrE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/B,OAAOG,IAAAA,+CAA2B,EAACH;AACvC;AACAL,aAAaS,WAAW,GAAG"}

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

@@ -2,6 +2,3 @@
 Object.defineProperty(exports, "__esModule", {
     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,"sources":["../../../lib/components/SkeletonItem/SkeletonItem.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=SkeletonItem.types.js.map"],"names":[],"mappings":";;;;CACA,8CAA8C"}
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -8,6 +8,3 @@ _exportStar(require("./SkeletonItem.types"), exports);
 _exportStar(require("./renderSkeletonItem"), exports);
 _exportStar(require("./useSkeletonItem"), exports);
 _exportStar(require("./useSkeletonItemStyles.styles"), exports);
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './SkeletonItem';\nexport * from './SkeletonItem.types';\nexport * from './renderSkeletonItem';\nexport * from './useSkeletonItem';\nexport * from './useSkeletonItemStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}

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

@@ -11,6 +11,4 @@ const _reactUtilities = require("@fluentui/react-utilities");
 const renderSkeletonItem_unstable = (state)=>{
     const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
     return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
-}; //# sourceMappingURL=renderSkeletonItem.js.map
-
-//# sourceMappingURL=renderSkeletonItem.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SkeletonItem/renderSkeletonItem.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of SkeletonItem\n */\nexport const renderSkeletonItem_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlotsNext(state);\n  return /*#__PURE__*/createElement(slots.root, slotProps.root);\n};\n//# sourceMappingURL=renderSkeletonItem.js.map"],"names":["renderSkeletonItem_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,8BAA8BC,CAAAA,QAAS;IAClD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AAC9D,GACA,8CAA8C"}
+{"version":3,"sources":["renderSkeletonItem.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of SkeletonItem\n */ export const renderSkeletonItem_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderSkeletonItem_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,8BAA8B,CAACC,QAAQ;IACpD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}

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

@@ -27,6 +27,4 @@ const useSkeletonItem_unstable = (props, ref)=>{
         },
         root
     };
-}; //# sourceMappingURL=useSkeletonItem.js.map
-
-//# sourceMappingURL=useSkeletonItem.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SkeletonItem/useSkeletonItem.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 SkeletonItem.\n *\n * The returned state can be modified with hooks such as useSkeletonItemStyles_unstable,\n * before being passed to renderSkeletonItem_unstable.\n *\n * @param props - props from this instance of SkeletonItem\n * @param ref - reference to root HTMLElement of SkeletonItem\n */\nexport const useSkeletonItem_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    size = 16,\n    shape = 'rectangle'\n  } = props;\n  const root = getNativeElementProps('div', {\n    ref,\n    ...props\n  });\n  return {\n    appearance,\n    animation,\n    size,\n    shape,\n    components: {\n      root: 'div'\n    },\n    root\n  };\n};\n//# sourceMappingURL=useSkeletonItem.js.map"],"names":["useSkeletonItem_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","useSkeletonContext","size","shape","root","getNativeElementProps","components"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCACe;iCACH;AAU5B,MAAMA,2BAA2B,CAACC,OAAOC,MAAQ;IACtD,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,EACtGE,MAAO,GAAE,EACTC,OAAQ,YAAW,EACpB,GAAGR;IACJ,MAAMS,OAAOC,IAAAA,qCAAqB,EAAC,OAAO;QACxCT;QACA,GAAGD,KAAK;IACV;IACA,OAAO;QACLI;QACAF;QACAK;QACAC;QACAG,YAAY;YACVF,MAAM;QACR;QACAA;IACF;AACF,GACA,2CAA2C"}
+{"version":3,"sources":["useSkeletonItem.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 SkeletonItem.\n *\n * The returned state can be modified with hooks such as useSkeletonItemStyles_unstable,\n * before being passed to renderSkeletonItem_unstable.\n *\n * @param props - props from this instance of SkeletonItem\n * @param ref - reference to root HTMLElement of SkeletonItem\n */ export const useSkeletonItem_unstable = (props, ref)=>{\n    const { animation: contextAnimation , appearance: contextAppearance  } = useSkeletonContext();\n    const { animation =contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave' , appearance =contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque' , size =16 , shape ='rectangle'  } = props;\n    const root = getNativeElementProps('div', {\n        ref,\n        ...props\n    });\n    return {\n        appearance,\n        animation,\n        size,\n        shape,\n        components: {\n            root: 'div'\n        },\n        root\n    };\n};\n"],"names":["useSkeletonItem_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","useSkeletonContext","size","shape","root","getNativeElementProps","components"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACe;iCACH;AASxB,MAAMA,2BAA2B,CAACC,OAAOC,MAAM;IACtD,MAAM,EAAEC,WAAWC,iBAAgB,EAAGC,YAAYC,kBAAiB,EAAG,GAAGC,IAAAA,mCAAkB;IAC3F,MAAM,EAAEJ,WAAWC,qBAAqB,IAAI,IAAIA,qBAAqB,KAAK,IAAIA,mBAAmB,MAAM,CAAA,EAAGC,YAAYC,sBAAsB,IAAI,IAAIA,sBAAsB,KAAK,IAAIA,oBAAoB,QAAQ,CAAA,EAAGE,MAAM,GAAE,EAAGC,OAAO,YAAW,EAAG,GAAGR;IACrP,MAAMS,OAAOC,IAAAA,qCAAqB,EAAC,OAAO;QACtCT;QACA,GAAGD,KAAK;IACZ;IACA,OAAO;QACHI;QACAF;QACAK;QACAC;QACAG,YAAY;YACRF,MAAM;QACV;QACAA;IACJ;AACJ"}

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

@@ -57,7 +57,9 @@ const skeletonPulseAnimation = {
         Bgh53k4: "f1dsdmen",
         w3vfg9: "f1cpbl36",
         vin17d: "f1a27w2r",
-        Ezkn3b: "f452v7t"
+        Ezkn3b: "f452v7t",
+        Gqtpxc: "f4akx1t",
+        B3vm3ge: "f18p5put"
     },
     wave: {
         Bv12yb3: "fj20wtk",
@@ -112,15 +114,19 @@ const skeletonPulseAnimation = {
         ".f4160cw{background-image:linear-gradient(\n      to left,\n      var(--colorNeutralStencil1Alpha) 0%,\n      var(--colorNeutralStencil2Alpha) 50%,\n      var(--colorNeutralStencil1Alpha) 100%);}",
         ".f162mh4z{background-color:var(--colorNeutralStencil1Alpha);}"
     ],
-    k: [
-        "@-webkit-keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}",
-        "@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}",
-        "@-webkit-keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}",
-        "@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}",
-        "@-webkit-keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}",
-        "@keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}"
-    ],
     m: [
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f4akx1t{-webkit-animation-duration:0.01ms;animation-duration:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f18p5put{-webkit-animation-iteration-count:1;animation-iteration-count:1;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
         [
             "@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}",
             {
@@ -133,6 +139,14 @@ const skeletonPulseAnimation = {
                 m: "screen and (forced-colors: active)"
             }
         ]
+    ],
+    k: [
+        "@-webkit-keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}",
+        "@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}",
+        "@-webkit-keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}",
+        "@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}",
+        "@-webkit-keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}",
+        "@keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}"
     ]
 });
 const useRectangleStyles = /*#__PURE__*/ (0, _react["__styles"])({
@@ -366,5 +380,3 @@ const useSkeletonItemStyles_unstable = (state)=>{
     state.root.className = (0, _react.mergeClasses)(skeletonItemClassNames.root, rootStyles.root, animation === 'wave' && rootStyles.wave, animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl, animation === 'pulse' && rootStyles.pulse, appearance === 'translucent' && rootStyles.translucent, animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse, shape === 'rectangle' && rectStyles.root, shape === 'rectangle' && rectStyles[size], shape === 'square' && sizeStyles[size], shape === 'circle' && circleStyles.root, shape === 'circle' && sizeStyles[size], state.root.className);
     return state;
 }; //# sourceMappingURL=useSkeletonItemStyles.styles.js.map
-
-//# sourceMappingURL=useSkeletonItemStyles.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SkeletonItem/useSkeletonItemStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens } from '@fluentui/react-theme';\nexport const skeletonItemClassNames = {\n  root: 'fui-SkeletonItem'\n};\nconst skeletonWaveAnimation = {\n  from: {\n    backgroundPositionX: '300% /* @noflip */'\n  },\n  to: {\n    backgroundPositionX: '0% /* @noflip */'\n  }\n};\nconst skeletonWaveAnimationRTL = {\n  from: {\n    backgroundPositionX: '0% /* @noflip */'\n  },\n  to: {\n    backgroundPositionX: '300% /* @noflip */'\n  }\n};\nconst skeletonPulseAnimation = {\n  '0%': {\n    opacity: '1'\n  },\n  '50%': {\n    opacity: '0.4'\n  },\n  '100%': {\n    opacity: '1'\n  }\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    qhf8xq: \"f10pi13n\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    Bkjc3bi: \"f1qx3921\",\n    B8a6bjv: \"fj9j8l8\",\n    Bpptf2m: \"f1b6djjb\",\n    Bgh53k4: \"f1dsdmen\",\n    w3vfg9: \"f1cpbl36\",\n    vin17d: \"f1a27w2r\",\n    Ezkn3b: \"f452v7t\"\n  },\n  wave: {\n    Bv12yb3: \"fj20wtk\",\n    Bcmaq0h: [\"f101ziu5\", \"f152emvt\"],\n    Bpep1pd: \"f9jxvrw\"\n  },\n  waveRtl: {\n    Bv12yb3: \"f105t0nc\",\n    Bcmaq0h: [\"f101ziu5\", \"f152emvt\"],\n    Bpep1pd: \"f9jxvrw\"\n  },\n  pulse: {\n    Bv12yb3: \"fnm2mpv\",\n    vin17d: \"f1iuewzk\",\n    De3pzq: \"f1gjxg63\"\n  },\n  translucent: {\n    Bcmaq0h: [\"fss7axp\", \"f4160cw\"]\n  },\n  translucentPulse: {\n    De3pzq: \"f162mh4z\"\n  }\n}, {\n  d: [\".f10pi13n{position:relative;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1qx3921{-webkit-background-size:300% 100%;background-size:300% 100%;}\", \".fj9j8l8{background-position-x:center;}\", \".f1b6djjb{background-position-y:center;}\", \".f1dsdmen{background-attachment:fixed;}\", \".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}\", \".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}\", \".f452v7t{-webkit-animation-timing-function:linear;animation-timing-function:linear;}\", \".fj20wtk{-webkit-animation-name:fma800j;animation-name:fma800j;}\", \".f101ziu5{background-image:linear-gradient(\\n      to right,\\n      var(--colorNeutralStencil1) 0%,\\n      var(--colorNeutralStencil2) 50%,\\n      var(--colorNeutralStencil1) 100%);}\", \".f152emvt{background-image:linear-gradient(\\n      to left,\\n      var(--colorNeutralStencil1) 0%,\\n      var(--colorNeutralStencil2) 50%,\\n      var(--colorNeutralStencil1) 100%);}\", \".f105t0nc{-webkit-animation-name:fj9wi3p;animation-name:fj9wi3p;}\", \".fnm2mpv{-webkit-animation-name:f12o7gg6;animation-name:f12o7gg6;}\", \".f1iuewzk{-webkit-animation-duration:1s;animation-duration:1s;}\", \".f1gjxg63{background-color:var(--colorNeutralStencil1);}\", \".fss7axp{background-image:linear-gradient(\\n      to right,\\n      var(--colorNeutralStencil1Alpha) 0%,\\n      var(--colorNeutralStencil2Alpha) 50%,\\n      var(--colorNeutralStencil1Alpha) 100%);}\", \".f4160cw{background-image:linear-gradient(\\n      to left,\\n      var(--colorNeutralStencil1Alpha) 0%,\\n      var(--colorNeutralStencil2Alpha) 50%,\\n      var(--colorNeutralStencil1Alpha) 100%);}\", \".f162mh4z{background-color:var(--colorNeutralStencil1Alpha);}\"],\n  k: [\"@-webkit-keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}\", \"@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}\", \"@-webkit-keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}\", \"@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}\", \"@-webkit-keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}\", \"@keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}\"],\n  m: [[\"@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}\", {\n    m: \"screen and (forced-colors: active)\"\n  }], [\"@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}\", {\n    m: \"screen and (forced-colors: active)\"\n  }]]\n});\nconst useRectangleStyles = /*#__PURE__*/__styles({\n  \"8\": {\n    Bqenvij: \"f1x82gua\"\n  },\n  \"12\": {\n    Bqenvij: \"fvblgha\"\n  },\n  \"16\": {\n    Bqenvij: \"fd461yt\"\n  },\n  \"20\": {\n    Bqenvij: \"fjamq6b\"\n  },\n  \"24\": {\n    Bqenvij: \"frvgh55\"\n  },\n  \"28\": {\n    Bqenvij: \"fxldao9\"\n  },\n  \"32\": {\n    Bqenvij: \"f1d2rq10\"\n  },\n  \"36\": {\n    Bqenvij: \"f8ljn23\"\n  },\n  \"40\": {\n    Bqenvij: \"fbhnoac\"\n  },\n  \"48\": {\n    Bqenvij: \"ff2sm71\"\n  },\n  \"56\": {\n    Bqenvij: \"fzki0ko\"\n  },\n  \"64\": {\n    Bqenvij: \"f16k9i2m\"\n  },\n  \"72\": {\n    Bqenvij: \"f1shusfg\"\n  },\n  \"96\": {\n    Bqenvij: \"fypu0ge\"\n  },\n  \"120\": {\n    Bqenvij: \"fjr5b71\"\n  },\n  \"128\": {\n    Bqenvij: \"fele2au\"\n  },\n  root: {\n    a9b677: \"fly5x3f\",\n    Bbmb7ep: [\"fff7au0\", \"f1bjk9e1\"],\n    Beyfa6y: [\"f1bjk9e1\", \"fff7au0\"],\n    B7oj6ja: [\"fwsfkhu\", \"f8wkphi\"],\n    Btl43ni: [\"f8wkphi\", \"fwsfkhu\"]\n  }\n}, {\n  d: [\".f1x82gua{height:8px;}\", \".fvblgha{height:12px;}\", \".fd461yt{height:16px;}\", \".fjamq6b{height:20px;}\", \".frvgh55{height:24px;}\", \".fxldao9{height:28px;}\", \".f1d2rq10{height:32px;}\", \".f8ljn23{height:36px;}\", \".fbhnoac{height:40px;}\", \".ff2sm71{height:48px;}\", \".fzki0ko{height:56px;}\", \".f16k9i2m{height:64px;}\", \".f1shusfg{height:72px;}\", \".fypu0ge{height:96px;}\", \".fjr5b71{height:120px;}\", \".fele2au{height:128px;}\", \".fly5x3f{width:100%;}\", \".fff7au0{border-bottom-right-radius:4px;}\", \".f1bjk9e1{border-bottom-left-radius:4px;}\", \".fwsfkhu{border-top-right-radius:4px;}\", \".f8wkphi{border-top-left-radius:4px;}\"]\n});\nconst useSizeStyles = /*#__PURE__*/__styles({\n  \"8\": {\n    a9b677: \"f1o3cbw4\",\n    Bqenvij: \"f1x82gua\"\n  },\n  \"12\": {\n    a9b677: \"frx94fk\",\n    Bqenvij: \"fvblgha\"\n  },\n  \"16\": {\n    a9b677: \"fjw5fx7\",\n    Bqenvij: \"fd461yt\"\n  },\n  \"20\": {\n    a9b677: \"f64fuq3\",\n    Bqenvij: \"fjamq6b\"\n  },\n  \"24\": {\n    a9b677: \"fq4mcun\",\n    Bqenvij: \"frvgh55\"\n  },\n  \"28\": {\n    a9b677: \"f1w9dchk\",\n    Bqenvij: \"fxldao9\"\n  },\n  \"32\": {\n    a9b677: \"f1szoe96\",\n    Bqenvij: \"f1d2rq10\"\n  },\n  \"36\": {\n    a9b677: \"fpdz1er\",\n    Bqenvij: \"f8ljn23\"\n  },\n  \"40\": {\n    a9b677: \"feqmc2u\",\n    Bqenvij: \"fbhnoac\"\n  },\n  \"48\": {\n    a9b677: \"f124akge\",\n    Bqenvij: \"ff2sm71\"\n  },\n  \"56\": {\n    a9b677: \"f1u66zr1\",\n    Bqenvij: \"fzki0ko\"\n  },\n  \"64\": {\n    a9b677: \"fa9ln6p\",\n    Bqenvij: \"f16k9i2m\"\n  },\n  \"72\": {\n    a9b677: \"fhcae8x\",\n    Bqenvij: \"f1shusfg\"\n  },\n  \"96\": {\n    a9b677: \"f1kyr2gn\",\n    Bqenvij: \"fypu0ge\"\n  },\n  \"120\": {\n    a9b677: \"fwfqyga\",\n    Bqenvij: \"fjr5b71\"\n  },\n  \"128\": {\n    a9b677: \"f1iksgmy\",\n    Bqenvij: \"fele2au\"\n  }\n}, {\n  d: [\".f1o3cbw4{width:8px;}\", \".f1x82gua{height:8px;}\", \".frx94fk{width:12px;}\", \".fvblgha{height:12px;}\", \".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fpdz1er{width:36px;}\", \".f8ljn23{height:36px;}\", \".feqmc2u{width:40px;}\", \".fbhnoac{height:40px;}\", \".f124akge{width:48px;}\", \".ff2sm71{height:48px;}\", \".f1u66zr1{width:56px;}\", \".fzki0ko{height:56px;}\", \".fa9ln6p{width:64px;}\", \".f16k9i2m{height:64px;}\", \".fhcae8x{width:72px;}\", \".f1shusfg{height:72px;}\", \".f1kyr2gn{width:96px;}\", \".fypu0ge{height:96px;}\", \".fwfqyga{width:120px;}\", \".fjr5b71{height:120px;}\", \".f1iksgmy{width:128px;}\", \".fele2au{height:128px;}\"]\n});\nconst useCircleSizeStyles = /*#__PURE__*/__styles({\n  root: {\n    Bbmb7ep: [\"fqgqgel\", \"fchfifz\"],\n    Beyfa6y: [\"fchfifz\", \"fqgqgel\"],\n    B7oj6ja: [\"fc7b1hi\", \"f1dpx5h9\"],\n    Btl43ni: [\"f1dpx5h9\", \"fc7b1hi\"]\n  }\n}, {\n  d: [\".fqgqgel{border-bottom-right-radius:50%;}\", \".fchfifz{border-bottom-left-radius:50%;}\", \".fc7b1hi{border-top-right-radius:50%;}\", \".f1dpx5h9{border-top-left-radius:50%;}\"]\n});\n/**\n * Apply styling to the SkeletonItem slots based on the state\n */\nexport const useSkeletonItemStyles_unstable = state => {\n  const {\n    animation,\n    appearance,\n    size,\n    shape\n  } = state;\n  const {\n    dir\n  } = useFluent();\n  const rootStyles = useStyles();\n  const rectStyles = useRectangleStyles();\n  const sizeStyles = useSizeStyles();\n  const circleStyles = useCircleSizeStyles();\n  state.root.className = mergeClasses(skeletonItemClassNames.root, rootStyles.root, animation === 'wave' && rootStyles.wave, animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl, animation === 'pulse' && rootStyles.pulse, appearance === 'translucent' && rootStyles.translucent, animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse, shape === 'rectangle' && rectStyles.root, shape === 'rectangle' && rectStyles[size], shape === 'square' && sizeStyles[size], shape === 'circle' && circleStyles.root, shape === 'circle' && sizeStyles[size], state.root.className);\n  return state;\n};\n//# sourceMappingURL=useSkeletonItemStyles.styles.js.map"],"names":["skeletonItemClassNames","useSkeletonItemStyles_unstable","root","skeletonWaveAnimation","from","backgroundPositionX","to","skeletonWaveAnimationRTL","skeletonPulseAnimation","opacity","useStyles","__styles","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","state","animation","appearance","size","shape","dir","useFluent","rootStyles","rectStyles","sizeStyles","circleStyles","className","mergeClasses"],"mappings":"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"}
+{"version":3,"sources":["useSkeletonItemStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens } from '@fluentui/react-theme';\nexport const skeletonItemClassNames = {\n  root: 'fui-SkeletonItem'\n};\nconst skeletonWaveAnimation = {\n  from: {\n    backgroundPositionX: '300% /* @noflip */'\n  },\n  to: {\n    backgroundPositionX: '0% /* @noflip */'\n  }\n};\nconst skeletonWaveAnimationRTL = {\n  from: {\n    backgroundPositionX: '0% /* @noflip */'\n  },\n  to: {\n    backgroundPositionX: '300% /* @noflip */'\n  }\n};\nconst skeletonPulseAnimation = {\n  '0%': {\n    opacity: '1'\n  },\n  '50%': {\n    opacity: '0.4'\n  },\n  '100%': {\n    opacity: '1'\n  }\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    qhf8xq: \"f10pi13n\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    Bkjc3bi: \"f1qx3921\",\n    B8a6bjv: \"fj9j8l8\",\n    Bpptf2m: \"f1b6djjb\",\n    Bgh53k4: \"f1dsdmen\",\n    w3vfg9: \"f1cpbl36\",\n    vin17d: \"f1a27w2r\",\n    Ezkn3b: \"f452v7t\",\n    Gqtpxc: \"f4akx1t\",\n    B3vm3ge: \"f18p5put\"\n  },\n  wave: {\n    Bv12yb3: \"fj20wtk\",\n    Bcmaq0h: [\"f101ziu5\", \"f152emvt\"],\n    Bpep1pd: \"f9jxvrw\"\n  },\n  waveRtl: {\n    Bv12yb3: \"f105t0nc\",\n    Bcmaq0h: [\"f101ziu5\", \"f152emvt\"],\n    Bpep1pd: \"f9jxvrw\"\n  },\n  pulse: {\n    Bv12yb3: \"fnm2mpv\",\n    vin17d: \"f1iuewzk\",\n    De3pzq: \"f1gjxg63\"\n  },\n  translucent: {\n    Bcmaq0h: [\"fss7axp\", \"f4160cw\"]\n  },\n  translucentPulse: {\n    De3pzq: \"f162mh4z\"\n  }\n}, {\n  d: [\".f10pi13n{position:relative;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1qx3921{-webkit-background-size:300% 100%;background-size:300% 100%;}\", \".fj9j8l8{background-position-x:center;}\", \".f1b6djjb{background-position-y:center;}\", \".f1dsdmen{background-attachment:fixed;}\", \".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}\", \".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}\", \".f452v7t{-webkit-animation-timing-function:linear;animation-timing-function:linear;}\", \".fj20wtk{-webkit-animation-name:fma800j;animation-name:fma800j;}\", \".f101ziu5{background-image:linear-gradient(\\n      to right,\\n      var(--colorNeutralStencil1) 0%,\\n      var(--colorNeutralStencil2) 50%,\\n      var(--colorNeutralStencil1) 100%);}\", \".f152emvt{background-image:linear-gradient(\\n      to left,\\n      var(--colorNeutralStencil1) 0%,\\n      var(--colorNeutralStencil2) 50%,\\n      var(--colorNeutralStencil1) 100%);}\", \".f105t0nc{-webkit-animation-name:fj9wi3p;animation-name:fj9wi3p;}\", \".fnm2mpv{-webkit-animation-name:f12o7gg6;animation-name:f12o7gg6;}\", \".f1iuewzk{-webkit-animation-duration:1s;animation-duration:1s;}\", \".f1gjxg63{background-color:var(--colorNeutralStencil1);}\", \".fss7axp{background-image:linear-gradient(\\n      to right,\\n      var(--colorNeutralStencil1Alpha) 0%,\\n      var(--colorNeutralStencil2Alpha) 50%,\\n      var(--colorNeutralStencil1Alpha) 100%);}\", \".f4160cw{background-image:linear-gradient(\\n      to left,\\n      var(--colorNeutralStencil1Alpha) 0%,\\n      var(--colorNeutralStencil2Alpha) 50%,\\n      var(--colorNeutralStencil1Alpha) 100%);}\", \".f162mh4z{background-color:var(--colorNeutralStencil1Alpha);}\"],\n  m: [[\"@media screen and (prefers-reduced-motion: reduce){.f4akx1t{-webkit-animation-duration:0.01ms;animation-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.f18p5put{-webkit-animation-iteration-count:1;animation-iteration-count:1;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}\", {\n    m: \"screen and (forced-colors: active)\"\n  }], [\"@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}\", {\n    m: \"screen and (forced-colors: active)\"\n  }]],\n  k: [\"@-webkit-keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}\", \"@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}\", \"@-webkit-keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}\", \"@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}\", \"@-webkit-keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}\", \"@keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}\"]\n});\nconst useRectangleStyles = /*#__PURE__*/__styles({\n  \"8\": {\n    Bqenvij: \"f1x82gua\"\n  },\n  \"12\": {\n    Bqenvij: \"fvblgha\"\n  },\n  \"16\": {\n    Bqenvij: \"fd461yt\"\n  },\n  \"20\": {\n    Bqenvij: \"fjamq6b\"\n  },\n  \"24\": {\n    Bqenvij: \"frvgh55\"\n  },\n  \"28\": {\n    Bqenvij: \"fxldao9\"\n  },\n  \"32\": {\n    Bqenvij: \"f1d2rq10\"\n  },\n  \"36\": {\n    Bqenvij: \"f8ljn23\"\n  },\n  \"40\": {\n    Bqenvij: \"fbhnoac\"\n  },\n  \"48\": {\n    Bqenvij: \"ff2sm71\"\n  },\n  \"56\": {\n    Bqenvij: \"fzki0ko\"\n  },\n  \"64\": {\n    Bqenvij: \"f16k9i2m\"\n  },\n  \"72\": {\n    Bqenvij: \"f1shusfg\"\n  },\n  \"96\": {\n    Bqenvij: \"fypu0ge\"\n  },\n  \"120\": {\n    Bqenvij: \"fjr5b71\"\n  },\n  \"128\": {\n    Bqenvij: \"fele2au\"\n  },\n  root: {\n    a9b677: \"fly5x3f\",\n    Bbmb7ep: [\"fff7au0\", \"f1bjk9e1\"],\n    Beyfa6y: [\"f1bjk9e1\", \"fff7au0\"],\n    B7oj6ja: [\"fwsfkhu\", \"f8wkphi\"],\n    Btl43ni: [\"f8wkphi\", \"fwsfkhu\"]\n  }\n}, {\n  d: [\".f1x82gua{height:8px;}\", \".fvblgha{height:12px;}\", \".fd461yt{height:16px;}\", \".fjamq6b{height:20px;}\", \".frvgh55{height:24px;}\", \".fxldao9{height:28px;}\", \".f1d2rq10{height:32px;}\", \".f8ljn23{height:36px;}\", \".fbhnoac{height:40px;}\", \".ff2sm71{height:48px;}\", \".fzki0ko{height:56px;}\", \".f16k9i2m{height:64px;}\", \".f1shusfg{height:72px;}\", \".fypu0ge{height:96px;}\", \".fjr5b71{height:120px;}\", \".fele2au{height:128px;}\", \".fly5x3f{width:100%;}\", \".fff7au0{border-bottom-right-radius:4px;}\", \".f1bjk9e1{border-bottom-left-radius:4px;}\", \".fwsfkhu{border-top-right-radius:4px;}\", \".f8wkphi{border-top-left-radius:4px;}\"]\n});\nconst useSizeStyles = /*#__PURE__*/__styles({\n  \"8\": {\n    a9b677: \"f1o3cbw4\",\n    Bqenvij: \"f1x82gua\"\n  },\n  \"12\": {\n    a9b677: \"frx94fk\",\n    Bqenvij: \"fvblgha\"\n  },\n  \"16\": {\n    a9b677: \"fjw5fx7\",\n    Bqenvij: \"fd461yt\"\n  },\n  \"20\": {\n    a9b677: \"f64fuq3\",\n    Bqenvij: \"fjamq6b\"\n  },\n  \"24\": {\n    a9b677: \"fq4mcun\",\n    Bqenvij: \"frvgh55\"\n  },\n  \"28\": {\n    a9b677: \"f1w9dchk\",\n    Bqenvij: \"fxldao9\"\n  },\n  \"32\": {\n    a9b677: \"f1szoe96\",\n    Bqenvij: \"f1d2rq10\"\n  },\n  \"36\": {\n    a9b677: \"fpdz1er\",\n    Bqenvij: \"f8ljn23\"\n  },\n  \"40\": {\n    a9b677: \"feqmc2u\",\n    Bqenvij: \"fbhnoac\"\n  },\n  \"48\": {\n    a9b677: \"f124akge\",\n    Bqenvij: \"ff2sm71\"\n  },\n  \"56\": {\n    a9b677: \"f1u66zr1\",\n    Bqenvij: \"fzki0ko\"\n  },\n  \"64\": {\n    a9b677: \"fa9ln6p\",\n    Bqenvij: \"f16k9i2m\"\n  },\n  \"72\": {\n    a9b677: \"fhcae8x\",\n    Bqenvij: \"f1shusfg\"\n  },\n  \"96\": {\n    a9b677: \"f1kyr2gn\",\n    Bqenvij: \"fypu0ge\"\n  },\n  \"120\": {\n    a9b677: \"fwfqyga\",\n    Bqenvij: \"fjr5b71\"\n  },\n  \"128\": {\n    a9b677: \"f1iksgmy\",\n    Bqenvij: \"fele2au\"\n  }\n}, {\n  d: [\".f1o3cbw4{width:8px;}\", \".f1x82gua{height:8px;}\", \".frx94fk{width:12px;}\", \".fvblgha{height:12px;}\", \".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fpdz1er{width:36px;}\", \".f8ljn23{height:36px;}\", \".feqmc2u{width:40px;}\", \".fbhnoac{height:40px;}\", \".f124akge{width:48px;}\", \".ff2sm71{height:48px;}\", \".f1u66zr1{width:56px;}\", \".fzki0ko{height:56px;}\", \".fa9ln6p{width:64px;}\", \".f16k9i2m{height:64px;}\", \".fhcae8x{width:72px;}\", \".f1shusfg{height:72px;}\", \".f1kyr2gn{width:96px;}\", \".fypu0ge{height:96px;}\", \".fwfqyga{width:120px;}\", \".fjr5b71{height:120px;}\", \".f1iksgmy{width:128px;}\", \".fele2au{height:128px;}\"]\n});\nconst useCircleSizeStyles = /*#__PURE__*/__styles({\n  root: {\n    Bbmb7ep: [\"fqgqgel\", \"fchfifz\"],\n    Beyfa6y: [\"fchfifz\", \"fqgqgel\"],\n    B7oj6ja: [\"fc7b1hi\", \"f1dpx5h9\"],\n    Btl43ni: [\"f1dpx5h9\", \"fc7b1hi\"]\n  }\n}, {\n  d: [\".fqgqgel{border-bottom-right-radius:50%;}\", \".fchfifz{border-bottom-left-radius:50%;}\", \".fc7b1hi{border-top-right-radius:50%;}\", \".f1dpx5h9{border-top-left-radius:50%;}\"]\n});\n/**\n * Apply styling to the SkeletonItem slots based on the state\n */\nexport const useSkeletonItemStyles_unstable = state => {\n  const {\n    animation,\n    appearance,\n    size,\n    shape\n  } = state;\n  const {\n    dir\n  } = useFluent();\n  const rootStyles = useStyles();\n  const rectStyles = useRectangleStyles();\n  const sizeStyles = useSizeStyles();\n  const circleStyles = useCircleSizeStyles();\n  state.root.className = mergeClasses(skeletonItemClassNames.root, rootStyles.root, animation === 'wave' && rootStyles.wave, animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl, animation === 'pulse' && rootStyles.pulse, appearance === 'translucent' && rootStyles.translucent, animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse, shape === 'rectangle' && rectStyles.root, shape === 'rectangle' && rectStyles[size], shape === 'square' && sizeStyles[size], shape === 'circle' && circleStyles.root, shape === 'circle' && sizeStyles[size], state.root.className);\n  return state;\n};\n//# sourceMappingURL=useSkeletonItemStyles.styles.js.map"],"names":["skeletonItemClassNames","useSkeletonItemStyles_unstable","root","skeletonWaveAnimation","from","backgroundPositionX","to","skeletonWaveAnimationRTL","skeletonPulseAnimation","opacity","useStyles","__styles","qhf8xq","B68tc82","Bmxbyg5","Bkjc3bi","B8a6bjv","Bpptf2m","Bgh53k4","w3vfg9","vin17d","Ezkn3b","Gqtpxc","B3vm3ge","wave","Bv12yb3","Bcmaq0h","Bpep1pd","waveRtl","pulse","De3pzq","translucent","translucentPulse","d","m","k","useRectangleStyles","Bqenvij","a9b677","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","useSizeStyles","useCircleSizeStyles","state","animation","appearance","size","shape","dir","useFluent","rootStyles","rectStyles","sizeStyles","circleStyles","className","mergeClasses"],"mappings":"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"}

package/lib-commonjs/contexts/SkeletonContext.js

@@ -18,6 +18,4 @@ const SkeletonContext = /*#__PURE__*/ _react.createContext(undefined);
 const skeletonContextDefaultValue = {};
 const SkeletonContextProvider = SkeletonContext.Provider;
 var _React_useContext;
-const useSkeletonContext = ()=>(_React_useContext = _react.useContext(SkeletonContext)) !== null && _React_useContext !== void 0 ? _React_useContext : skeletonContextDefaultValue; //# sourceMappingURL=SkeletonContext.js.map
-
-//# sourceMappingURL=SkeletonContext.js.map
+const useSkeletonContext = ()=>(_React_useContext = _react.useContext(SkeletonContext)) !== null && _React_useContext !== void 0 ? _React_useContext : skeletonContextDefaultValue;

package/lib-commonjs/contexts/SkeletonContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/contexts/SkeletonContext.js"],"sourcesContent":["import * as React from 'react';\nconst SkeletonContext = /*#__PURE__*/React.createContext(undefined);\nconst skeletonContextDefaultValue = {};\nexport const SkeletonContextProvider = SkeletonContext.Provider;\nvar _React_useContext;\nexport const useSkeletonContext = () => (_React_useContext = React.useContext(SkeletonContext)) !== null && _React_useContext !== void 0 ? _React_useContext : skeletonContextDefaultValue;\n//# sourceMappingURL=SkeletonContext.js.map"],"names":["SkeletonContextProvider","useSkeletonContext","SkeletonContext","React","createContext","undefined","skeletonContextDefaultValue","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IAGaA,uBAAuB,MAAvBA;IAEAC,kBAAkB,MAAlBA;;;6DALU;AACvB,MAAMC,kBAAkB,WAAW,GAAEC,OAAMC,aAAa,CAACC;AACzD,MAAMC,8BAA8B,CAAC;AAC9B,MAAMN,0BAA0BE,gBAAgBK,QAAQ;AAC/D,IAAIC;AACG,MAAMP,qBAAqB,IAAM,AAACO,CAAAA,oBAAoBL,OAAMM,UAAU,CAACP,gBAAe,MAAO,IAAI,IAAIM,sBAAsB,KAAK,IAAIA,oBAAoBF,2BAA2B,EAC1L,2CAA2C"}
+{"version":3,"sources":["SkeletonContext.js"],"sourcesContent":["import * as React from 'react';\nconst SkeletonContext = React.createContext(undefined);\nconst skeletonContextDefaultValue = {};\nexport const SkeletonContextProvider = SkeletonContext.Provider;\nvar _React_useContext;\nexport const useSkeletonContext = ()=>(_React_useContext = React.useContext(SkeletonContext)) !== null && _React_useContext !== void 0 ? _React_useContext : skeletonContextDefaultValue;\n"],"names":["SkeletonContextProvider","useSkeletonContext","SkeletonContext","React","createContext","undefined","skeletonContextDefaultValue","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IAGaA,uBAAuB,MAAvBA;IAEAC,kBAAkB,MAAlBA;;;6DALU;AACvB,MAAMC,gCAAkBC,OAAMC,aAAa,CAACC;AAC5C,MAAMC,8BAA8B,CAAC;AAC9B,MAAMN,0BAA0BE,gBAAgBK,QAAQ;AAC/D,IAAIC;AACG,MAAMP,qBAAqB,IAAI,AAACO,CAAAA,oBAAoBL,OAAMM,UAAU,CAACP,gBAAe,MAAO,IAAI,IAAIM,sBAAsB,KAAK,IAAIA,oBAAoBF,2BAA2B"}

package/lib-commonjs/contexts/index.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./SkeletonContext"), exports);
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

package/lib-commonjs/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/contexts/index.js"],"sourcesContent":["export * from './SkeletonContext';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,iCAAiC"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './SkeletonContext';\n"],"names":[],"mappings":";;;;;oBAAc"}

package/lib-commonjs/index.js

@@ -25,6 +25,3 @@ _export(exports, {
 const _skeleton = require("./Skeleton");
 const _skeletonItem = require("./SkeletonItem");
 const _index = require("./contexts/index");
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Skeleton, renderSkeleton_unstable, skeletonClassNames, useSkeletonStyles_unstable, useSkeleton_unstable } from './Skeleton';\nexport { SkeletonItem, renderSkeletonItem_unstable, skeletonItemClassNames, useSkeletonItemStyles_unstable, useSkeletonItem_unstable } from './SkeletonItem';\nexport { SkeletonContextProvider, useSkeletonContext } from './contexts/index';\n//# sourceMappingURL=index.js.map"],"names":["Skeleton","renderSkeleton_unstable","skeletonClassNames","useSkeletonStyles_unstable","useSkeleton_unstable","SkeletonItem","renderSkeletonItem_unstable","skeletonItemClassNames","useSkeletonItemStyles_unstable","useSkeletonItem_unstable","SkeletonContextProvider","useSkeletonContext"],"mappings":";;;;;;;;;;;IAASA,QAAQ,MAARA,kBAAQ;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,kBAAkB,MAAlBA,4BAAkB;IAAEC,0BAA0B,MAA1BA,oCAA0B;IAAEC,oBAAoB,MAApBA,8BAAoB;IACvGC,YAAY,MAAZA,0BAAY;IAAEC,2BAA2B,MAA3BA,yCAA2B;IAAEC,sBAAsB,MAAtBA,oCAAsB;IAAEC,8BAA8B,MAA9BA,4CAA8B;IAAEC,wBAAwB,MAAxBA,sCAAwB;IAC3HC,uBAAuB,MAAvBA,8BAAuB;IAAEC,kBAAkB,MAAlBA,yBAAkB;;0BAFoE;8BACoB;uBAChF;CAC5D,iCAAiC"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export { Skeleton, renderSkeleton_unstable, skeletonClassNames, useSkeletonStyles_unstable, useSkeleton_unstable } from './Skeleton';\nexport { SkeletonItem, renderSkeletonItem_unstable, skeletonItemClassNames, useSkeletonItemStyles_unstable, useSkeletonItem_unstable } from './SkeletonItem';\nexport { SkeletonContextProvider, useSkeletonContext } from './contexts/index';\n"],"names":["Skeleton","renderSkeleton_unstable","skeletonClassNames","useSkeletonStyles_unstable","useSkeleton_unstable","SkeletonItem","renderSkeletonItem_unstable","skeletonItemClassNames","useSkeletonItemStyles_unstable","useSkeletonItem_unstable","SkeletonContextProvider","useSkeletonContext"],"mappings":";;;;;;;;;;;IAASA,QAAQ,MAARA,kBAAQ;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,kBAAkB,MAAlBA,4BAAkB;IAAEC,0BAA0B,MAA1BA,oCAA0B;IAAEC,oBAAoB,MAApBA,8BAAoB;IACvGC,YAAY,MAAZA,0BAAY;IAAEC,2BAA2B,MAA3BA,yCAA2B;IAAEC,sBAAsB,MAAtBA,oCAAsB;IAAEC,8BAA8B,MAA9BA,4CAA8B;IAAEC,wBAAwB,MAAxBA,sCAAwB;IAC3HC,uBAAuB,MAAvBA,8BAAuB;IAAEC,kBAAkB,MAAlBA,yBAAkB;;0BAFoE;8BACoB;uBAChF"}