@fluentui/react-skeleton 9.0.20 → 9.0.21

package/CHANGELOG.json

@@ -2,7 +2,58 @@
   "name": "@fluentui/react-skeleton",
   "entries": [
     {
-      "date": "Tue, 29 Aug 2023 12:53:36 GMT",
+      "date": "Tue, 05 Sep 2023 13:23:07 GMT",
+      "tag": "@fluentui/react-skeleton_v9.0.21",
+      "version": "9.0.21",
+      "comments": {
+        "patch": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-skeleton",
+            "commit": "b93c2ac22355b6cb6f33dd509c6cd9c21f4fffc8",
+            "comment": "bumps @swc/helpers version to 0.5.1"
+          },
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-skeleton",
+            "commit": "eea6d93a62249ba4fba3347fb291c67ee1a3fb24",
+            "comment": "chore: migrate package to use JSX importSource"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-field to v9.1.23",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.4",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.7.3",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-theme to v9.1.12",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-utilities to v9.13.1",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 29 Aug 2023 12:57:36 GMT",
       "tag": "@fluentui/react-skeleton_v9.0.20",
       "version": "9.0.20",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,27 @@
 # Change Log - @fluentui/react-skeleton
 
-This log was last generated on Tue, 29 Aug 2023 12:53:36 GMT and should not be manually modified.
+This log was last generated on Tue, 05 Sep 2023 13:23:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.21)
+
+Tue, 05 Sep 2023 13:23:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.20..@fluentui/react-skeleton_v9.0.21)
+
+### Patches
+
+- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
+- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
+- Bump @fluentui/react-field to v9.1.23 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.4 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.7.3 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-theme to v9.1.12 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-utilities to v9.13.1 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+
 ## [9.0.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.20)
 
-Tue, 29 Aug 2023 12:53:36 GMT 
+Tue, 29 Aug 2023 12:57:36 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.19..@fluentui/react-skeleton_v9.0.20)
 
 ### Patches

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

@@ -1 +1 @@
-{"version":3,"sources":["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"],"names":["React","useSkeleton_unstable","renderSkeleton_unstable","useSkeletonStyles_unstable","useSkeletonContextValues","Skeleton","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,wBAAwB,QAAQ,6BAA6B;AAItE;;CAEC,GACD,OAAO,MAAMC,yBAA+CL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC3F,MAAMC,QAAQR,qBAAqBM,OAAOC;IAC1C,MAAME,gBAAgBN,yBAAyBK;IAE/CN,2BAA2BM;IAC3B,OAAOP,wBAAwBO,OAAOC;AACxC,GAAG;AAEHL,SAASM,WAAW,GAAG"}
+{"version":3,"sources":["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"],"names":["React","useSkeleton_unstable","renderSkeleton_unstable","useSkeletonStyles_unstable","useSkeletonContextValues","Skeleton","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,wBAAwB,QAAQ,6BAA6B;AAItE;;CAEC,GACD,OAAO,MAAMC,yBAA+CL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQR,qBAAqBM,OAAOC;IAC1C,MAAME,gBAAgBN,yBAAyBK;IAE/CN,2BAA2BM;IAC3B,OAAOP,wBAAwBO,OAAOC;AACxC,GAAG;AAEHL,SAASM,WAAW,GAAG"}

package/lib/components/Skeleton/renderSkeleton.js

@@ -1,11 +1,12 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-utilities';
 import { SkeletonContextProvider } from '../../contexts/SkeletonContext';
 /**
  * Render the final JSX of Skeleton
  */ export const renderSkeleton_unstable = (state, contextValues)=>{
     assertSlots(state);
-    return /*#__PURE__*/ createElement(SkeletonContextProvider, {
-        value: contextValues.skeletonGroup
-    }, /*#__PURE__*/ createElement(state.root, null));
+    return /*#__PURE__*/ _jsx(SkeletonContextProvider, {
+        value: contextValues.skeletonGroup,
+        children: /*#__PURE__*/ _jsx(state.root, {})
+    });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderSkeleton.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { assertSlots } 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  assertSlots<SkeletonSlots>(state);\n\n  return (\n    <SkeletonContextProvider value={contextValues.skeletonGroup}>\n      <state.root />\n    </SkeletonContextProvider>\n  );\n};\n"],"names":["createElement","assertSlots","SkeletonContextProvider","renderSkeleton_unstable","state","contextValues","value","skeletonGroup","root"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,uBAAuB,QAAQ,iCAAiC;AAGzE;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC,OAAsBC,gBAAyC;IACrGJ,YAA2BG;IAE3B,qBACE,AAfJ,cAeKF;QAAwBI,OAAOD,cAAcE,aAAa;qBACzD,AAhBN,cAgBOH,MAAMI,IAAI;AAGjB,EAAE"}
+{"version":3,"sources":["renderSkeleton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } 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  assertSlots<SkeletonSlots>(state);\n\n  return (\n    <SkeletonContextProvider value={contextValues.skeletonGroup}>\n      <state.root />\n    </SkeletonContextProvider>\n  );\n};\n"],"names":["assertSlots","SkeletonContextProvider","renderSkeleton_unstable","state","contextValues","value","skeletonGroup","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AACxD,SAASC,uBAAuB,QAAQ,iCAAiC;AAGzE;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC,OAAsBC;IAC5DJ,YAA2BG;IAE3B,qBACE,KAACF;QAAwBI,OAAOD,cAAcE,aAAa;kBACzD,cAAA,KAACH,MAAMI,IAAI;;AAGjB,EAAE"}

package/lib/components/Skeleton/useSkeleton.js

@@ -10,8 +10,8 @@ import { useSkeletonContext } from '../../contexts/SkeletonContext';
  * @param props - props from this instance of Skeleton
  * @param ref - reference to root HTMLElement of Skeleton
  */ export const useSkeleton_unstable = (props, ref)=>{
-    const { animation: contextAnimation , appearance: contextAppearance  } = useSkeletonContext();
-    const { animation =contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave' , appearance =contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque'  } = props;
+    const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();
+    const { animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave', appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque' } = props;
     const root = slot.always(getNativeElementProps('div', {
         ref,
         role: 'progressbar',

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

@@ -1 +1 @@
-{"version":3,"sources":["useSkeleton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } 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 = slot.always(\n    getNativeElementProps('div', {\n      ref,\n      role: 'progressbar',\n      'aria-busy': true,\n      'aria-label': 'Loading Content',\n      ...props,\n    }),\n    { elementType: 'div' },\n  );\n  return { animation, appearance, components: { root: 'div' }, root };\n};\n"],"names":["React","getNativeElementProps","slot","useSkeletonContext","useSkeleton_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","root","always","role","elementType","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AAExE,SAASC,kBAAkB,QAAQ,iCAAiC;AAEpE;;;;;;;;CAQC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC,MAA+C;IACxG,MAAM,EAAEC,WAAWC,iBAAgB,EAAEC,YAAYC,kBAAiB,EAAE,GAAGP;IACvE,MAAM,EAAEI,WAAYC,6BAAAA,8BAAAA,mBAAoB,MAAM,CAAA,EAAEC,YAAaC,8BAAAA,+BAAAA,oBAAqB,QAAQ,CAAA,EAAE,GAAGL;IAE/F,MAAMM,OAAOT,KAAKU,MAAM,CACtBX,sBAAsB,OAAO;QAC3BK;QACAO,MAAM;QACN,aAAa,IAAI;QACjB,cAAc;QACd,GAAGR,KAAK;IACV,IACA;QAAES,aAAa;IAAM;IAEvB,OAAO;QAAEP;QAAWE;QAAYM,YAAY;YAAEJ,MAAM;QAAM;QAAGA;IAAK;AACpE,EAAE"}
+{"version":3,"sources":["useSkeleton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } 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 = slot.always(\n    getNativeElementProps('div', {\n      ref,\n      role: 'progressbar',\n      'aria-busy': true,\n      'aria-label': 'Loading Content',\n      ...props,\n    }),\n    { elementType: 'div' },\n  );\n  return { animation, appearance, components: { root: 'div' }, root };\n};\n"],"names":["React","getNativeElementProps","slot","useSkeletonContext","useSkeleton_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","root","always","role","elementType","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AAExE,SAASC,kBAAkB,QAAQ,iCAAiC;AAEpE;;;;;;;;CAQC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EAAEC,WAAWC,gBAAgB,EAAEC,YAAYC,iBAAiB,EAAE,GAAGP;IACvE,MAAM,EAAEI,YAAYC,6BAAAA,8BAAAA,mBAAoB,MAAM,EAAEC,aAAaC,8BAAAA,+BAAAA,oBAAqB,QAAQ,EAAE,GAAGL;IAE/F,MAAMM,OAAOT,KAAKU,MAAM,CACtBX,sBAAsB,OAAO;QAC3BK;QACAO,MAAM;QACN,aAAa;QACb,cAAc;QACd,GAAGR,KAAK;IACV,IACA;QAAES,aAAa;IAAM;IAEvB,OAAO;QAAEP;QAAWE;QAAYM,YAAY;YAAEJ,MAAM;QAAM;QAAGA;IAAK;AACpE,EAAE"}

package/lib/components/Skeleton/useSkeletonContextValues.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export const useSkeletonContextValues = (state)=>{
-    const { animation , appearance  } = state;
+    const { animation, appearance } = state;
     const skeletonGroup = React.useMemo(()=>({
             animation,
             appearance

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

@@ -1 +1 @@
-{"version":3,"sources":["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"],"names":["React","useSkeletonContextValues","state","animation","appearance","skeletonGroup","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,MAAMC,2BAA2B,CAACC,QAAgD;IACvF,MAAM,EAAEC,UAAS,EAAEC,WAAU,EAAE,GAAGF;IAElC,MAAMG,gBAAgBL,MAAMM,OAAO,CACjC,IAAO,CAAA;YACLH;YACAC;QACF,CAAA,GACA;QAACD;QAAWC;KAAW;IAGzB,OAAO;QAAEC;IAAc;AACzB,EAAE"}
+{"version":3,"sources":["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"],"names":["React","useSkeletonContextValues","state","animation","appearance","skeletonGroup","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,MAAMC,2BAA2B,CAACC;IACvC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAE,GAAGF;IAElC,MAAMG,gBAAgBL,MAAMM,OAAO,CACjC,IAAO,CAAA;YACLH;YACAC;QACF,CAAA,GACA;QAACD;QAAWC;KAAW;IAGzB,OAAO;QAAEC;IAAc;AACzB,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["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"],"names":["mergeClasses","skeletonClassNames","root","useSkeletonStyles_unstable","state","className"],"mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAiB;AAG9C,OAAO,MAAMC,qBAAoD;IAC/DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC,QAAwC;IACjFA,MAAMF,IAAI,CAACG,SAAS,GAAGL,aAAaC,mBAAmBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAEjF,OAAOD;AACT,EAAE"}
+{"version":3,"sources":["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"],"names":["mergeClasses","skeletonClassNames","root","useSkeletonStyles_unstable","state","className"],"mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAiB;AAG9C,OAAO,MAAMC,qBAAoD;IAC/DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzCA,MAAMF,IAAI,CAACG,SAAS,GAAGL,aAAaC,mBAAmBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAEjF,OAAOD;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["SkeletonItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSkeletonItem_unstable } from './useSkeletonItem';\nimport { renderSkeletonItem_unstable } from './renderSkeletonItem';\nimport { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles.styles';\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"],"names":["React","useSkeletonItem_unstable","renderSkeletonItem_unstable","useSkeletonItemStyles_unstable","SkeletonItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,8BAA8B,QAAQ,iCAAiC;AAIhF,OAAO,MAAMC,6BAAuDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACnG,MAAMC,QAAQP,yBAAyBK,OAAOC;IAE9CJ,+BAA+BK;IAC/B,OAAON,4BAA4BM;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}
+{"version":3,"sources":["SkeletonItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSkeletonItem_unstable } from './useSkeletonItem';\nimport { renderSkeletonItem_unstable } from './renderSkeletonItem';\nimport { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles.styles';\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"],"names":["React","useSkeletonItem_unstable","renderSkeletonItem_unstable","useSkeletonItemStyles_unstable","SkeletonItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,8BAA8B,QAAQ,iCAAiC;AAIhF,OAAO,MAAMC,6BAAuDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQP,yBAAyBK,OAAOC;IAE9CJ,+BAA+BK;IAC/B,OAAON,4BAA4BM;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}

package/lib/components/SkeletonItem/renderSkeletonItem.js

@@ -1,8 +1,8 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of SkeletonItem
  */ export const renderSkeletonItem_unstable = (state)=>{
     assertSlots(state);
-    return /*#__PURE__*/ createElement(state.root, null);
+    return /*#__PURE__*/ _jsx(state.root, {});
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderSkeletonItem.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { SkeletonItemState, SkeletonItemSlots } from './SkeletonItem.types';\n\n/**\n * Render the final JSX of SkeletonItem\n */\nexport const renderSkeletonItem_unstable = (state: SkeletonItemState) => {\n  assertSlots<SkeletonItemSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["createElement","assertSlots","renderSkeletonItem_unstable","state","root"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,8BAA8B,CAACC,QAA6B;IACvEF,YAA+BE;IAE/B,qBAAO,AAbT,cAaUA,MAAMC,IAAI;AACpB,EAAE"}
+{"version":3,"sources":["renderSkeletonItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { SkeletonItemState, SkeletonItemSlots } from './SkeletonItem.types';\n\n/**\n * Render the final JSX of SkeletonItem\n */\nexport const renderSkeletonItem_unstable = (state: SkeletonItemState) => {\n  assertSlots<SkeletonItemSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderSkeletonItem_unstable","state","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,8BAA8B,CAACC;IAC1CF,YAA+BE;IAE/B,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

package/lib/components/SkeletonItem/useSkeletonItem.js

@@ -10,8 +10,8 @@ import { useSkeletonContext } from '../../contexts/SkeletonContext';
  * @param props - props from this instance of SkeletonItem
  * @param ref - reference to root HTMLElement of SkeletonItem
  */ export const useSkeletonItem_unstable = (props, ref)=>{
-    const { animation: contextAnimation , appearance: contextAppearance  } = useSkeletonContext();
-    const { animation =contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave' , appearance =contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque' , size =16 , shape ='rectangle'  } = props;
+    const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();
+    const { animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave', appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque', size = 16, shape = 'rectangle' } = props;
     const root = slot.always(getNativeElementProps('div', {
         ref,
         ...props

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

@@ -1 +1 @@
-{"version":3,"sources":["useSkeletonItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\nimport type { SkeletonItemProps, SkeletonItemState } from './SkeletonItem.types';\n\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: SkeletonItemProps, ref: React.Ref<HTMLElement>): SkeletonItemState => {\n  const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();\n  const {\n    animation = contextAnimation ?? 'wave',\n    appearance = contextAppearance ?? 'opaque',\n    size = 16,\n    shape = 'rectangle',\n  } = props;\n\n  const root = slot.always(\n    getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n    { elementType: 'div' },\n  );\n  return { appearance, animation, size, shape, components: { root: 'div' }, root };\n};\n"],"names":["React","getNativeElementProps","slot","useSkeletonContext","useSkeletonItem_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","size","shape","root","always","elementType","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AACxE,SAASC,kBAAkB,QAAQ,iCAAiC;AAGpE;;;;;;;;CAQC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAA0BC,MAAmD;IACpH,MAAM,EAAEC,WAAWC,iBAAgB,EAAEC,YAAYC,kBAAiB,EAAE,GAAGP;IACvE,MAAM,EACJI,WAAYC,6BAAAA,8BAAAA,mBAAoB,MAAM,CAAA,EACtCC,YAAaC,8BAAAA,+BAAAA,oBAAqB,QAAQ,CAAA,EAC1CC,MAAO,GAAE,EACTC,OAAQ,YAAW,EACpB,GAAGP;IAEJ,MAAMQ,OAAOX,KAAKY,MAAM,CACtBb,sBAAsB,OAAO;QAC3BK;QACA,GAAGD,KAAK;IACV,IACA;QAAEU,aAAa;IAAM;IAEvB,OAAO;QAAEN;QAAYF;QAAWI;QAAMC;QAAOI,YAAY;YAAEH,MAAM;QAAM;QAAGA;IAAK;AACjF,EAAE"}
+{"version":3,"sources":["useSkeletonItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\nimport type { SkeletonItemProps, SkeletonItemState } from './SkeletonItem.types';\n\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: SkeletonItemProps, ref: React.Ref<HTMLElement>): SkeletonItemState => {\n  const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();\n  const {\n    animation = contextAnimation ?? 'wave',\n    appearance = contextAppearance ?? 'opaque',\n    size = 16,\n    shape = 'rectangle',\n  } = props;\n\n  const root = slot.always(\n    getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n    { elementType: 'div' },\n  );\n  return { appearance, animation, size, shape, components: { root: 'div' }, root };\n};\n"],"names":["React","getNativeElementProps","slot","useSkeletonContext","useSkeletonItem_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","size","shape","root","always","elementType","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AACxE,SAASC,kBAAkB,QAAQ,iCAAiC;AAGpE;;;;;;;;CAQC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAA0BC;IACjE,MAAM,EAAEC,WAAWC,gBAAgB,EAAEC,YAAYC,iBAAiB,EAAE,GAAGP;IACvE,MAAM,EACJI,YAAYC,6BAAAA,8BAAAA,mBAAoB,MAAM,EACtCC,aAAaC,8BAAAA,+BAAAA,oBAAqB,QAAQ,EAC1CC,OAAO,EAAE,EACTC,QAAQ,WAAW,EACpB,GAAGP;IAEJ,MAAMQ,OAAOX,KAAKY,MAAM,CACtBb,sBAAsB,OAAO;QAC3BK;QACA,GAAGD,KAAK;IACV,IACA;QAAEU,aAAa;IAAM;IAEvB,OAAO;QAAEN;QAAYF;QAAWI;QAAMC;QAAOI,YAAY;YAAEH,MAAM;QAAM;QAAGA;IAAK;AACjF,EAAE"}

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","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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"}
+{"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.map

@@ -1 +1 @@
-{"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"}
+{"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,4BAA4B"}

package/lib-commonjs/Skeleton.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./components/Skeleton/index"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/Skeleton/index"), exports);

package/lib-commonjs/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Skeleton.js"],"sourcesContent":["export * from './components/Skeleton/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
+{"version":3,"sources":["Skeleton.js"],"sourcesContent":["export * from './components/Skeleton/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/SkeletonItem.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./components/SkeletonItem/index"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/SkeletonItem/index"), exports);

package/lib-commonjs/SkeletonItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SkeletonItem.js"],"sourcesContent":["export * from './components/SkeletonItem/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
+{"version":3,"sources":["SkeletonItem.js"],"sourcesContent":["export * from './components/SkeletonItem/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

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

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Skeleton", {
     enumerable: true,
-    get: ()=>Skeleton
+    get: function() {
+        return Skeleton;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useSkeleton = require("./useSkeleton");
 const _renderSkeleton = require("./renderSkeleton");
 const _useSkeletonStyles = require("./useSkeletonStyles");

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

@@ -1 +1 @@
-{"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"}
+{"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;;;eAAAA;;;;iEAPM;6BACc;gCACG;mCACG;0CACF;AAG9B,MAAMA,WAAW,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/D,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/index.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-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);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Skeleton"), exports);
+_export_star._(require("./Skeleton.types"), exports);
+_export_star._(require("./renderSkeleton"), exports);
+_export_star._(require("./useSkeleton"), exports);
+_export_star._(require("./useSkeletonContextValues"), exports);
+_export_star._(require("./useSkeletonStyles"), exports);

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

@@ -1 +1 @@
-{"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"}
+{"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":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1,17 +1,20 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderSkeleton_unstable", {
     enumerable: true,
-    get: ()=>renderSkeleton_unstable
+    get: function() {
+        return renderSkeleton_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _skeletonContext = require("../../contexts/SkeletonContext");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _SkeletonContext = require("../../contexts/SkeletonContext");
 const renderSkeleton_unstable = (state, contextValues)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_skeletonContext.SkeletonContextProvider, {
-        value: contextValues.skeletonGroup
-    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null));
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SkeletonContext.SkeletonContextProvider, {
+        value: contextValues.skeletonGroup,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
+    });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderSkeleton.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } 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    assertSlots(state);\n    return /*#__PURE__*/ createElement(SkeletonContextProvider, {\n        value: contextValues.skeletonGroup\n    }, /*#__PURE__*/ createElement(state.root, null));\n};\n"],"names":["renderSkeleton_unstable","state","contextValues","assertSlots","createElement","SkeletonContextProvider","value","skeletonGroup","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACvD;iCACY;AAG7B,MAAMA,0BAA0B,CAACC,OAAOC,gBAAgB;IAC/DC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,8BAAa,EAACC,wCAAuB,EAAE;QACxDC,OAAOJ,cAAcK,aAAa;IACtC,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAE,IAAI;AACnD"}
+{"version":3,"sources":["renderSkeleton.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } 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    assertSlots(state);\n    return /*#__PURE__*/ _jsx(SkeletonContextProvider, {\n        value: contextValues.skeletonGroup,\n        children: /*#__PURE__*/ _jsx(state.root, {})\n    });\n};\n"],"names":["renderSkeleton_unstable","state","contextValues","assertSlots","_jsx","SkeletonContextProvider","value","skeletonGroup","children","root"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAK7DA;;;eAAAA;;;4BAL4F;gCACjF;iCACY;AAG7B,MAAMA,0BAA0B,CAACC,OAAOC;IAC/CC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,wCAAuB,EAAE;QAC/CC,OAAOJ,cAAcK,aAAa;QAClCC,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACH,MAAMQ,IAAI,EAAE,CAAC;IAC9C;AACJ"}

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

@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useSkeleton_unstable", {
     enumerable: true,
-    get: ()=>useSkeleton_unstable
+    get: function() {
+        return 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 _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(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 = _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
+    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 = _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
         ref,
         role: 'progressbar',
         'aria-busy': true,

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

@@ -1 +1 @@
-{"version":3,"sources":["useSkeleton.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } 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 = slot.always(getNativeElementProps('div', {\n        ref,\n        role: 'progressbar',\n        'aria-busy': true,\n        'aria-label': 'Loading Content',\n        ...props\n    }), {\n        elementType: 'div'\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","slot","always","getNativeElementProps","role","elementType","components"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACqB;iCACT;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,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;QAClDT;QACAU,MAAM;QACN,aAAa,IAAI;QACjB,cAAc;QACd,GAAGX,KAAK;IACZ,IAAI;QACAY,aAAa;IACjB;IACA,OAAO;QACHV;QACAE;QACAS,YAAY;YACRN,MAAM;QACV;QACAA;IACJ;AACJ"}
+{"version":3,"sources":["useSkeleton.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } 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 = slot.always(getNativeElementProps('div', {\n        ref,\n        role: 'progressbar',\n        'aria-busy': true,\n        'aria-label': 'Loading Content',\n        ...props\n    }), {\n        elementType: 'div'\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","slot","always","getNativeElementProps","role","elementType","components"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACqB;iCACT;AASxB,MAAMA,uBAAuB,CAACC,OAAOC;IAC5C,MAAM,EAAEC,WAAWC,gBAAgB,EAAEC,YAAYC,iBAAiB,EAAE,GAAGC,IAAAA,mCAAkB;IACzF,MAAM,EAAEJ,YAAYC,qBAAqB,QAAQA,qBAAqB,KAAK,IAAIA,mBAAmB,MAAM,EAAEC,aAAaC,sBAAsB,QAAQA,sBAAsB,KAAK,IAAIA,oBAAoB,QAAQ,EAAE,GAAGL;IACrN,MAAMO,OAAOC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;QAClDT;QACAU,MAAM;QACN,aAAa;QACb,cAAc;QACd,GAAGX,KAAK;IACZ,IAAI;QACAY,aAAa;IACjB;IACA,OAAO;QACHV;QACAE;QACAS,YAAY;YACRN,MAAM;QACV;QACAA;IACJ;AACJ"}

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

@@ -4,12 +4,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useSkeletonContextValues", {
     enumerable: true,
-    get: ()=>useSkeletonContextValues
+    get: function() {
+        return useSkeletonContextValues;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const useSkeletonContextValues = (state)=>{
-    const { animation , appearance  } = state;
+    const { animation, appearance } = state;
     const skeletonGroup = _react.useMemo(()=>({
             animation,
             appearance

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

@@ -1 +1 @@
-{"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"}
+{"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;;;eAAAA;;;;iEADU;AAChB,MAAMA,2BAA2B,CAACC;IACrC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAE,GAAGF;IAClC,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

@@ -9,8 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    skeletonClassNames: ()=>skeletonClassNames,
-    useSkeletonStyles_unstable: ()=>useSkeletonStyles_unstable
+    skeletonClassNames: function() {
+        return skeletonClassNames;
+    },
+    useSkeletonStyles_unstable: function() {
+        return useSkeletonStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
 const skeletonClassNames = {

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

@@ -1 +1 @@
-{"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"}
+{"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;eAAlBA;;IAKIC,0BAA0B;eAA1BA;;;uBANY;AACtB,MAAMD,qBAAqB;IAC9BE,MAAM;AACV;AAGW,MAAMD,6BAA6B,CAACE;IAC3CA,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

@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "SkeletonItem", {
     enumerable: true,
-    get: ()=>SkeletonItem
+    get: function() {
+        return SkeletonItem;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useSkeletonItem = require("./useSkeletonItem");
 const _renderSkeletonItem = require("./renderSkeletonItem");
-const _useSkeletonItemStylesStyles = require("./useSkeletonItemStyles.styles");
+const _useSkeletonItemStylesstyles = require("./useSkeletonItemStyles.styles");
 const SkeletonItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useSkeletonItem.useSkeletonItem_unstable)(props, ref);
-    (0, _useSkeletonItemStylesStyles.useSkeletonItemStyles_unstable)(state);
+    (0, _useSkeletonItemStylesstyles.useSkeletonItemStyles_unstable)(state);
     return (0, _renderSkeletonItem.renderSkeletonItem_unstable)(state);
 });
 SkeletonItem.displayName = 'SkeletonItem';

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

@@ -1 +1 @@
-{"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"}
+{"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;;;eAAAA;;;;iEAJU;iCACkB;oCACG;6CACG;AACxC,MAAMA,eAAe,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/D,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/index.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-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.styles"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./SkeletonItem"), exports);
+_export_star._(require("./SkeletonItem.types"), exports);
+_export_star._(require("./renderSkeletonItem"), exports);
+_export_star._(require("./useSkeletonItem"), exports);
+_export_star._(require("./useSkeletonItemStyles.styles"), exports);

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

@@ -1 +1 @@
-{"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"}
+{"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":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1,14 +1,16 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderSkeletonItem_unstable", {
     enumerable: true,
-    get: ()=>renderSkeletonItem_unstable
+    get: function() {
+        return renderSkeletonItem_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
 const renderSkeletonItem_unstable = (state)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null);
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderSkeletonItem.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of SkeletonItem\n */ export const renderSkeletonItem_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null);\n};\n"],"names":["renderSkeletonItem_unstable","state","assertSlots","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,8BAA8B,CAACC,QAAQ;IACpDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI;AACvD"}
+{"version":3,"sources":["renderSkeletonItem.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of SkeletonItem\n */ export const renderSkeletonItem_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderSkeletonItem_unstable","state","assertSlots","_jsx","root"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ4F;gCACjF;AAGjB,MAAMA,8BAA8B,CAACC;IAC5CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}

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

@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useSkeletonItem_unstable", {
     enumerable: true,
-    get: ()=>useSkeletonItem_unstable
+    get: function() {
+        return useSkeletonItem_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 _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _SkeletonContext = require("../../contexts/SkeletonContext");
 const useSkeletonItem_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' , size =16 , shape ='rectangle'  } = props;
-    const root = _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
+    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', size = 16, shape = 'rectangle' } = props;
+    const root = _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
         ref,
         ...props
     }), {

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

@@ -1 +1 @@
-{"version":3,"sources":["useSkeletonItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } 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 = slot.always(getNativeElementProps('div', {\n        ref,\n        ...props\n    }), {\n        elementType: 'div'\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","slot","always","getNativeElementProps","elementType","components"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACqB;iCACT;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,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;QAClDX;QACA,GAAGD,KAAK;IACZ,IAAI;QACAa,aAAa;IACjB;IACA,OAAO;QACHT;QACAF;QACAK;QACAC;QACAM,YAAY;YACRL,MAAM;QACV;QACAA;IACJ;AACJ"}
+{"version":3,"sources":["useSkeletonItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } 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 = slot.always(getNativeElementProps('div', {\n        ref,\n        ...props\n    }), {\n        elementType: 'div'\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","slot","always","getNativeElementProps","elementType","components"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACqB;iCACT;AASxB,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,MAAM,EAAEC,WAAWC,gBAAgB,EAAEC,YAAYC,iBAAiB,EAAE,GAAGC,IAAAA,mCAAkB;IACzF,MAAM,EAAEJ,YAAYC,qBAAqB,QAAQA,qBAAqB,KAAK,IAAIA,mBAAmB,MAAM,EAAEC,aAAaC,sBAAsB,QAAQA,sBAAsB,KAAK,IAAIA,oBAAoB,QAAQ,EAAEE,OAAO,EAAE,EAAEC,QAAQ,WAAW,EAAE,GAAGR;IACrP,MAAMS,OAAOC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;QAClDX;QACA,GAAGD,KAAK;IACZ,IAAI;QACAa,aAAa;IACjB;IACA,OAAO;QACHT;QACAF;QACAK;QACAC;QACAM,YAAY;YACRL,MAAM;QACV;QACAA;IACJ;AACJ"}

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

@@ -9,11 +9,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    skeletonItemClassNames: ()=>skeletonItemClassNames,
-    useSkeletonItemStyles_unstable: ()=>useSkeletonItemStyles_unstable
+    skeletonItemClassNames: function() {
+        return skeletonItemClassNames;
+    },
+    useSkeletonItemStyles_unstable: function() {
+        return useSkeletonItemStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const skeletonItemClassNames = {
     root: 'fui-SkeletonItem'
 };
@@ -46,7 +50,7 @@ const skeletonPulseAnimation = {
 };
 /**
  * Styles for the root slot
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     root: {
         qhf8xq: "f10pi13n",
         B68tc82: "f1p9o1ba",
@@ -140,7 +144,7 @@ const skeletonPulseAnimation = {
         "@keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}"
     ]
 });
-const useRectangleStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useRectangleStyles = /*#__PURE__*/ (0, _react.__styles)({
     "8": {
         Bqenvij: "f1x82gua"
     },
@@ -233,7 +237,7 @@ const useRectangleStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f8wkphi{border-top-left-radius:4px;}"
     ]
 });
-const useSizeStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useSizeStyles = /*#__PURE__*/ (0, _react.__styles)({
     "8": {
         a9b677: "f1o3cbw4",
         Bqenvij: "f1x82gua"
@@ -334,7 +338,7 @@ const useSizeStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".fele2au{height:128px;}"
     ]
 });
-const useCircleSizeStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useCircleSizeStyles = /*#__PURE__*/ (0, _react.__styles)({
     root: {
         Bbmb7ep: [
             "fqgqgel",
@@ -362,8 +366,8 @@ const useCircleSizeStyles = /*#__PURE__*/ (0, _react["__styles"])({
     ]
 });
 const useSkeletonItemStyles_unstable = (state)=>{
-    const { animation , appearance , size , shape  } = state;
-    const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const { animation, appearance, size, shape } = state;
+    const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
     const rootStyles = useStyles();
     const rectStyles = useRectangleStyles();
     const sizeStyles = useSizeStyles();

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

@@ -1 +1 @@
-{"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{background-size:300% 100%;}\", \".fj9j8l8{background-position-x:center;}\", \".f1b6djjb{background-position-y:center;}\", \".f1dsdmen{background-attachment:fixed;}\", \".f1cpbl36{animation-iteration-count:infinite;}\", \".f1a27w2r{animation-duration:3s;}\", \".f452v7t{animation-timing-function:linear;}\", \".fj20wtk{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{animation-name:fj9wi3p;}\", \".fnm2mpv{animation-name:f12o7gg6;}\", \".f1iuewzk{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{animation-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.f18p5put{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  }]],\n  k: [\"@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}\", \"@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}\", \"@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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"}
+{"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{background-size:300% 100%;}\", \".fj9j8l8{background-position-x:center;}\", \".f1b6djjb{background-position-y:center;}\", \".f1dsdmen{background-attachment:fixed;}\", \".f1cpbl36{animation-iteration-count:infinite;}\", \".f1a27w2r{animation-duration:3s;}\", \".f452v7t{animation-timing-function:linear;}\", \".fj20wtk{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{animation-name:fj9wi3p;}\", \".fnm2mpv{animation-name:f12o7gg6;}\", \".f1iuewzk{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{animation-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.f18p5put{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  }]],\n  k: [\"@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}\", \"@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}\", \"@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

@@ -9,11 +9,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    SkeletonContextProvider: ()=>SkeletonContextProvider,
-    useSkeletonContext: ()=>useSkeletonContext
+    SkeletonContextProvider: function() {
+        return SkeletonContextProvider;
+    },
+    useSkeletonContext: function() {
+        return useSkeletonContext;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const SkeletonContext = /*#__PURE__*/ _react.createContext(undefined);
 const skeletonContextDefaultValue = {};
 const SkeletonContextProvider = SkeletonContext.Provider;

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

@@ -1 +1 @@
-{"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"}
+{"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;eAAvBA;;IAEAC,kBAAkB;eAAlBA;;;;iEALU;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,QAAQM,sBAAsB,KAAK,IAAIA,oBAAoBF"}

package/lib-commonjs/contexts/index.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./SkeletonContext"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./SkeletonContext"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './SkeletonContext';\n"],"names":[],"mappings":";;;;;oBAAc"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './SkeletonContext';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/index.js

@@ -9,19 +9,43 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    Skeleton: ()=>_skeleton.Skeleton,
-    renderSkeleton_unstable: ()=>_skeleton.renderSkeleton_unstable,
-    skeletonClassNames: ()=>_skeleton.skeletonClassNames,
-    useSkeletonStyles_unstable: ()=>_skeleton.useSkeletonStyles_unstable,
-    useSkeleton_unstable: ()=>_skeleton.useSkeleton_unstable,
-    SkeletonItem: ()=>_skeletonItem.SkeletonItem,
-    renderSkeletonItem_unstable: ()=>_skeletonItem.renderSkeletonItem_unstable,
-    skeletonItemClassNames: ()=>_skeletonItem.skeletonItemClassNames,
-    useSkeletonItemStyles_unstable: ()=>_skeletonItem.useSkeletonItemStyles_unstable,
-    useSkeletonItem_unstable: ()=>_skeletonItem.useSkeletonItem_unstable,
-    SkeletonContextProvider: ()=>_index.SkeletonContextProvider,
-    useSkeletonContext: ()=>_index.useSkeletonContext
+    Skeleton: function() {
+        return _Skeleton.Skeleton;
+    },
+    renderSkeleton_unstable: function() {
+        return _Skeleton.renderSkeleton_unstable;
+    },
+    skeletonClassNames: function() {
+        return _Skeleton.skeletonClassNames;
+    },
+    useSkeletonStyles_unstable: function() {
+        return _Skeleton.useSkeletonStyles_unstable;
+    },
+    useSkeleton_unstable: function() {
+        return _Skeleton.useSkeleton_unstable;
+    },
+    SkeletonItem: function() {
+        return _SkeletonItem.SkeletonItem;
+    },
+    renderSkeletonItem_unstable: function() {
+        return _SkeletonItem.renderSkeletonItem_unstable;
+    },
+    skeletonItemClassNames: function() {
+        return _SkeletonItem.skeletonItemClassNames;
+    },
+    useSkeletonItemStyles_unstable: function() {
+        return _SkeletonItem.useSkeletonItemStyles_unstable;
+    },
+    useSkeletonItem_unstable: function() {
+        return _SkeletonItem.useSkeletonItem_unstable;
+    },
+    SkeletonContextProvider: function() {
+        return _index.SkeletonContextProvider;
+    },
+    useSkeletonContext: function() {
+        return _index.useSkeletonContext;
+    }
 });
-const _skeleton = require("./Skeleton");
-const _skeletonItem = require("./SkeletonItem");
+const _Skeleton = require("./Skeleton");
+const _SkeletonItem = require("./SkeletonItem");
 const _index = require("./contexts/index");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"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"}
+{"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;eAARA,kBAAQ;;IAAEC,uBAAuB;eAAvBA,iCAAuB;;IAAEC,kBAAkB;eAAlBA,4BAAkB;;IAAEC,0BAA0B;eAA1BA,oCAA0B;;IAAEC,oBAAoB;eAApBA,8BAAoB;;IACvGC,YAAY;eAAZA,0BAAY;;IAAEC,2BAA2B;eAA3BA,yCAA2B;;IAAEC,sBAAsB;eAAtBA,oCAAsB;;IAAEC,8BAA8B;eAA9BA,4CAA8B;;IAAEC,wBAAwB;eAAxBA,sCAAwB;;IAC3HC,uBAAuB;eAAvBA,8BAAuB;;IAAEC,kBAAkB;eAAlBA,yBAAkB;;;0BAFoE;8BACoB;uBAChF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-skeleton",
-  "version": "9.0.20",
+  "version": "9.0.21",
   "description": "Converged v9 Skeleton Component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -32,19 +32,19 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.22",
-    "@fluentui/react-jsx-runtime": "^9.0.3",
-    "@fluentui/react-shared-contexts": "^9.7.2",
-    "@fluentui/react-theme": "^9.1.11",
-    "@fluentui/react-utilities": "^9.13.0",
+    "@fluentui/react-field": "^9.1.23",
+    "@fluentui/react-jsx-runtime": "^9.0.4",
+    "@fluentui/react-shared-contexts": "^9.7.3",
+    "@fluentui/react-theme": "^9.1.12",
+    "@fluentui/react-utilities": "^9.13.1",
     "@griffel/react": "^1.5.14",
-    "@swc/helpers": "^0.4.14"
+    "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@types/react": ">=16.8.0 <19.0.0",
-    "@types/react-dom": ">=16.8.0 <19.0.0",
-    "react": ">=16.8.0 <19.0.0",
-    "react-dom": ">=16.8.0 <19.0.0"
+    "@types/react": ">=16.14.0 <19.0.0",
+    "@types/react-dom": ">=16.14.0 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [