@fluentui/react-skeleton 9.0.2 → 9.0.4

package/CHANGELOG.json

@@ -2,7 +2,73 @@
   "name": "@fluentui/react-skeleton",
   "entries": [
     {
-      "date": "Wed, 24 May 2023 20:42:45 GMT",
+      "date": "Wed, 31 May 2023 06:43:01 GMT",
+      "tag": "@fluentui/react-skeleton_v9.0.4",
+      "version": "9.0.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "seanmonahan@microsoft.com",
+            "package": "@fluentui/react-skeleton",
+            "commit": "d640b972d7ac86bfb76ae6c6329f12cdd33b3b7c",
+            "comment": "chore: Update Griffel to v1.5.7."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-field to v9.1.6",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-utilities to v9.9.2",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 25 May 2023 10:00:48 GMT",
+      "tag": "@fluentui/react-skeleton_v9.0.3",
+      "version": "9.0.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-field to v9.1.5",
+            "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.5",
+            "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-utilities to v9.9.1",
+            "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 24 May 2023 20:45:33 GMT",
       "tag": "@fluentui/react-skeleton_v9.0.2",
       "version": "9.0.2",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,36 @@
 # Change Log - @fluentui/react-skeleton
 
-This log was last generated on Wed, 24 May 2023 20:42:45 GMT and should not be manually modified.
+This log was last generated on Wed, 31 May 2023 06:43:01 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.4)
+
+Wed, 31 May 2023 06:43:01 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.3..@fluentui/react-skeleton_v9.0.4)
+
+### Patches
+
+- chore: Update Griffel to v1.5.7. ([PR #27925](https://github.com/microsoft/fluentui/pull/27925) by seanmonahan@microsoft.com)
+- Bump @fluentui/react-field to v9.1.6 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-utilities to v9.9.2 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+
+## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.3)
+
+Thu, 25 May 2023 10:00:48 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.2..@fluentui/react-skeleton_v9.0.3)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.5 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.5 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
+- Bump @fluentui/react-utilities to v9.9.1 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
+
 ## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.2)
 
-Wed, 24 May 2023 20:42:45 GMT 
+Wed, 24 May 2023 20:45:33 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.1..@fluentui/react-skeleton_v9.0.2)
 
 ### Patches

package/lib/Skeleton.js

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

package/lib/Skeleton.js.map

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

package/lib/SkeletonItem.js

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

package/lib/SkeletonItem.js.map

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

package/lib/components/Skeleton/Skeleton.js

@@ -5,12 +5,10 @@ import { useSkeletonStyles_unstable } from './useSkeletonStyles';
 import { useSkeletonContextValues } from './useSkeletonContextValues';
 /**
  * Skeleton component - TODO: add more docs
- */
-export const Skeleton = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useSkeleton_unstable(props, ref);
-  const contextValues = useSkeletonContextValues(state);
-  useSkeletonStyles_unstable(state);
-  return renderSkeleton_unstable(state, contextValues);
+ */ export const Skeleton = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useSkeleton_unstable(props, ref);
+    const contextValues = useSkeletonContextValues(state);
+    useSkeletonStyles_unstable(state);
+    return renderSkeleton_unstable(state, contextValues);
 });
 Skeleton.displayName = 'Skeleton';
-//# sourceMappingURL=Skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSkeleton_unstable","renderSkeleton_unstable","useSkeletonStyles_unstable","useSkeletonContextValues","Skeleton","forwardRef","props","ref","state","contextValues","displayName"],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSkeleton_unstable } from './useSkeleton';\nimport { renderSkeleton_unstable } from './renderSkeleton';\nimport { useSkeletonStyles_unstable } from './useSkeletonStyles';\nimport { useSkeletonContextValues } from './useSkeletonContextValues';\nimport type { SkeletonProps } from './Skeleton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Skeleton component - TODO: add more docs\n */\nexport const Skeleton: ForwardRefComponent<SkeletonProps> = React.forwardRef((props, ref) => {\n  const state = useSkeleton_unstable(props, ref);\n  const contextValues = useSkeletonContextValues(state);\n\n  useSkeletonStyles_unstable(state);\n  return renderSkeleton_unstable(state, contextValues);\n});\n\nSkeleton.displayName = 'Skeleton';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,wBAAwB,QAAQ;AAIzC;;;AAGA,OAAO,MAAMC,QAAA,gBAA+CL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC3F,MAAMC,KAAA,GAAQR,oBAAA,CAAqBM,KAAA,EAAOC,GAAA;EAC1C,MAAME,aAAA,GAAgBN,wBAAA,CAAyBK,KAAA;EAE/CN,0BAAA,CAA2BM,KAAA;EAC3B,OAAOP,uBAAA,CAAwBO,KAAA,EAAOC,aAAA;AACxC;AAEAL,QAAA,CAASM,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,MAAQ;IAC3F,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/Skeleton.types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=Skeleton.types.js.map
+export { };

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

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

package/lib/components/Skeleton/index.js

@@ -4,4 +4,3 @@ export * from './renderSkeleton';
 export * from './useSkeleton';
 export * from './useSkeletonContextValues';
 export * from './useSkeletonStyles';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/Skeleton/index.ts"],"sourcesContent":["export * from './Skeleton';\nexport * from './Skeleton.types';\nexport * from './renderSkeleton';\nexport * from './useSkeleton';\nexport * from './useSkeletonContextValues';\nexport * from './useSkeletonStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Skeleton';\nexport * from './Skeleton.types';\nexport * from './renderSkeleton';\nexport * from './useSkeleton';\nexport * from './useSkeletonContextValues';\nexport * from './useSkeletonStyles';\n"],"names":[],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,6BAA6B;AAC3C,cAAc,sBAAsB"}

package/lib/components/Skeleton/renderSkeleton.js

@@ -1,16 +1,11 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
 import { SkeletonContextProvider } from '../../contexts/SkeletonContext';
 /**
  * Render the final JSX of Skeleton
- */
-export const renderSkeleton_unstable = (state, contextValues) => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(SkeletonContextProvider, {
-    value: contextValues.skeletonGroup
-  }, /*#__PURE__*/createElement(slots.root, slotProps.root));
+ */ export const renderSkeleton_unstable = (state, contextValues)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(SkeletonContextProvider, {
+        value: contextValues.skeletonGroup
+    }, /*#__PURE__*/ createElement(slots.root, slotProps.root));
 };
-//# sourceMappingURL=renderSkeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createElement","getSlotsNext","SkeletonContextProvider","renderSkeleton_unstable","state","contextValues","slots","slotProps","value","skeletonGroup","root"],"sources":["../../../src/components/Skeleton/renderSkeleton.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { SkeletonContextProvider } from '../../contexts/SkeletonContext';\nimport type { SkeletonContextValues, SkeletonSlots, SkeletonState } from './Skeleton.types';\n\n/**\n * Render the final JSX of Skeleton\n */\nexport const renderSkeleton_unstable = (state: SkeletonState, contextValues: SkeletonContextValues) => {\n  const { slots, slotProps } = getSlotsNext<SkeletonSlots>(state);\n\n  return (\n    <SkeletonContextProvider value={contextValues.skeletonGroup}>\n      <slots.root {...slotProps.root} />\n    </SkeletonContextProvider>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,uBAAuB,QAAQ;AAGxC;;;AAGA,OAAO,MAAMC,uBAAA,GAA0BA,CAACC,KAAA,EAAsBC,aAAA,KAAyC;EACrG,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGN,YAAA,CAA4BG,KAAA;EAEzD,oBACEJ,aAfJ,CAeKE,uBAAA;IAAwBM,KAAA,EAAOH,aAAA,CAAcI;kBAC5CT,aAhBN,CAgBOM,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI;AAGpC"}
+{"version":3,"sources":["renderSkeleton.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { SkeletonContextProvider } from '../../contexts/SkeletonContext';\nimport type { SkeletonContextValues, SkeletonSlots, SkeletonState } from './Skeleton.types';\n\n/**\n * Render the final JSX of Skeleton\n */\nexport const renderSkeleton_unstable = (state: SkeletonState, contextValues: SkeletonContextValues) => {\n  const { slots, slotProps } = getSlotsNext<SkeletonSlots>(state);\n\n  return (\n    <SkeletonContextProvider value={contextValues.skeletonGroup}>\n      <slots.root {...slotProps.root} />\n    </SkeletonContextProvider>\n  );\n};\n"],"names":["createElement","getSlotsNext","SkeletonContextProvider","renderSkeleton_unstable","state","contextValues","slots","slotProps","value","skeletonGroup","root"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,uBAAuB,QAAQ,iCAAiC;AAGzE;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC,OAAsBC,gBAAyC;IACrG,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGN,aAA4BG;IAEzD,qBACE,AAfJ,cAeKF;QAAwBM,OAAOH,cAAcI,aAAa;qBACzD,AAhBN,cAgBOH,MAAMI,IAAI,EAAKH,UAAUG,IAAI;AAGpC,EAAE"}

package/lib/components/Skeleton/useSkeleton.js

@@ -9,30 +9,22 @@ 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 root = getNativeElementProps('div', {
-    ref,
-    role: 'progressbar',
-    'aria-busy': true,
-    'aria-label': 'Loading Content',
-    ...props
-  });
-  return {
-    animation,
-    appearance,
-    components: {
-      root: 'div'
-    },
-    root
-  };
+ */ 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 root = getNativeElementProps('div', {
+        ref,
+        role: 'progressbar',
+        'aria-busy': true,
+        'aria-label': 'Loading Content',
+        ...props
+    });
+    return {
+        animation,
+        appearance,
+        components: {
+            root: 'div'
+        },
+        root
+    };
 };
-//# sourceMappingURL=useSkeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","getNativeElementProps","useSkeletonContext","useSkeleton_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","root","role","components"],"sources":["../../../src/components/Skeleton/useSkeleton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { SkeletonProps, SkeletonState } from './Skeleton.types';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\n\n/**\n * Create the state required to render Skeleton.\n *\n * The returned state can be modified with hooks such as useSkeletonStyles_unstable,\n * before being passed to renderSkeleton_unstable.\n *\n * @param props - props from this instance of Skeleton\n * @param ref - reference to root HTMLElement of Skeleton\n */\nexport const useSkeleton_unstable = (props: SkeletonProps, ref: React.Ref<HTMLElement>): SkeletonState => {\n  const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();\n  const { animation = contextAnimation ?? 'wave', appearance = contextAppearance ?? 'opaque' } = props;\n\n  const root = getNativeElementProps('div', {\n    ref,\n    role: 'progressbar',\n    'aria-busy': true,\n    'aria-label': 'Loading Content',\n    ...props,\n  });\n\n  return {\n    animation,\n    appearance,\n    components: {\n      root: 'div',\n    },\n    root,\n  };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AAEtC,SAASC,kBAAkB,QAAQ;AAEnC;;;;;;;;;AASA,OAAO,MAAMC,oBAAA,GAAuBA,CAACC,KAAA,EAAsBC,GAAA,KAA+C;EACxG,MAAM;IAAEC,SAAA,EAAWC,gBAAA;IAAkBC,UAAA,EAAYC;EAAiB,CAAE,GAAGP,kBAAA;EACvE,MAAM;IAAEI,SAAA,GAAYC,gBAAA,aAAAA,gBAAA,cAAAA,gBAAA,GAAoB,MAAM;IAAEC,UAAA,GAAaC,iBAAA,aAAAA,iBAAA,cAAAA,iBAAA,GAAqB;EAAQ,CAAE,GAAGL,KAAA;EAE/F,MAAMM,IAAA,GAAOT,qBAAA,CAAsB,OAAO;IACxCI,GAAA;IACAM,IAAA,EAAM;IACN,aAAa,IAAI;IACjB,cAAc;IACd,GAAGP;EACL;EAEA,OAAO;IACLE,SAAA;IACAE,UAAA;IACAI,UAAA,EAAY;MACVF,IAAA,EAAM;IACR;IACAA;EACF;AACF"}
+{"version":3,"sources":["useSkeleton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { SkeletonProps, SkeletonState } from './Skeleton.types';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\n\n/**\n * Create the state required to render Skeleton.\n *\n * The returned state can be modified with hooks such as useSkeletonStyles_unstable,\n * before being passed to renderSkeleton_unstable.\n *\n * @param props - props from this instance of Skeleton\n * @param ref - reference to root HTMLElement of Skeleton\n */\nexport const useSkeleton_unstable = (props: SkeletonProps, ref: React.Ref<HTMLElement>): SkeletonState => {\n  const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();\n  const { animation = contextAnimation ?? 'wave', appearance = contextAppearance ?? 'opaque' } = props;\n\n  const root = getNativeElementProps('div', {\n    ref,\n    role: 'progressbar',\n    'aria-busy': true,\n    'aria-label': 'Loading Content',\n    ...props,\n  });\n\n  return {\n    animation,\n    appearance,\n    components: {\n      root: 'div',\n    },\n    root,\n  };\n};\n"],"names":["React","getNativeElementProps","useSkeletonContext","useSkeleton_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","root","role","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAElE,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,sBAAsB,OAAO;QACxCI;QACAM,MAAM;QACN,aAAa,IAAI;QACjB,cAAc;QACd,GAAGP,KAAK;IACV;IAEA,OAAO;QACLE;QACAE;QACAI,YAAY;YACVF,MAAM;QACR;QACAA;IACF;AACF,EAAE"}

package/lib/components/Skeleton/useSkeletonContextValues.js

@@ -1,15 +1,14 @@
 import * as React from 'react';
-export const useSkeletonContextValues = state => {
-  const {
-    animation,
-    appearance
-  } = state;
-  const skeletonGroup = React.useMemo(() => ({
-    animation,
-    appearance
-  }), [animation, appearance]);
-  return {
-    skeletonGroup
-  };
+export const useSkeletonContextValues = (state)=>{
+    const { animation , appearance  } = state;
+    const skeletonGroup = React.useMemo(()=>({
+            animation,
+            appearance
+        }), [
+        animation,
+        appearance
+    ]);
+    return {
+        skeletonGroup
+    };
 };
-//# sourceMappingURL=useSkeletonContextValues.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSkeletonContextValues","state","animation","appearance","skeletonGroup","useMemo"],"sources":["../../../src/components/Skeleton/useSkeletonContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { SkeletonContextValues, SkeletonState } from '../Skeleton';\n\nexport const useSkeletonContextValues = (state: SkeletonState): SkeletonContextValues => {\n  const { animation, appearance } = state;\n\n  const skeletonGroup = React.useMemo(\n    () => ({\n      animation,\n      appearance,\n    }),\n    [animation, appearance],\n  );\n\n  return { skeletonGroup };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,OAAO,MAAMC,wBAAA,GAA4BC,KAAA,IAAgD;EACvF,MAAM;IAAEC,SAAA;IAAWC;EAAU,CAAE,GAAGF,KAAA;EAElC,MAAMG,aAAA,GAAgBL,KAAA,CAAMM,OAAO,CACjC,OAAO;IACLH,SAAA;IACAC;EACF,IACA,CAACD,SAAA,EAAWC,UAAA,CAAW;EAGzB,OAAO;IAAEC;EAAc;AACzB"}
+{"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"}

package/lib/components/Skeleton/useSkeletonStyles.js

@@ -1,12 +1,10 @@
 import { mergeClasses } from '@griffel/react';
 export const skeletonClassNames = {
-  root: 'fui-Skeleton'
+    root: 'fui-Skeleton'
 };
 /**
  * Apply styling to the Skeleton slots based on the state
- */
-export const useSkeletonStyles_unstable = state => {
-  state.root.className = mergeClasses(skeletonClassNames.root, state.root.className);
-  return state;
+ */ export const useSkeletonStyles_unstable = (state)=>{
+    state.root.className = mergeClasses(skeletonClassNames.root, state.root.className);
+    return state;
 };
-//# sourceMappingURL=useSkeletonStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["mergeClasses","skeletonClassNames","root","useSkeletonStyles_unstable","state","className"],"sources":["../../../src/components/Skeleton/useSkeletonStyles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { SkeletonSlots, SkeletonState } from './Skeleton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nexport const skeletonClassNames: SlotClassNames<SkeletonSlots> = {\n  root: 'fui-Skeleton',\n};\n\n/**\n * Apply styling to the Skeleton slots based on the state\n */\nexport const useSkeletonStyles_unstable = (state: SkeletonState): SkeletonState => {\n  state.root.className = mergeClasses(skeletonClassNames.root, state.root.className);\n\n  return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ;AAG7B,OAAO,MAAMC,kBAAA,GAAoD;EAC/DC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,0BAAA,GAA8BC,KAAA,IAAwC;EACjFA,KAAA,CAAMF,IAAI,CAACG,SAAS,GAAGL,YAAA,CAAaC,kBAAA,CAAmBC,IAAI,EAAEE,KAAA,CAAMF,IAAI,CAACG,SAAS;EAEjF,OAAOD,KAAA;AACT"}
+{"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"}

package/lib/components/SkeletonItem/SkeletonItem.js

@@ -2,10 +2,9 @@ import * as React from 'react';
 import { useSkeletonItem_unstable } from './useSkeletonItem';
 import { renderSkeletonItem_unstable } from './renderSkeletonItem';
 import { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles.styles';
-export const SkeletonItem = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useSkeletonItem_unstable(props, ref);
-  useSkeletonItemStyles_unstable(state);
-  return renderSkeletonItem_unstable(state);
+export const SkeletonItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useSkeletonItem_unstable(props, ref);
+    useSkeletonItemStyles_unstable(state);
+    return renderSkeletonItem_unstable(state);
 });
 SkeletonItem.displayName = 'SkeletonItem';
-//# sourceMappingURL=SkeletonItem.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSkeletonItem_unstable","renderSkeletonItem_unstable","useSkeletonItemStyles_unstable","SkeletonItem","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/SkeletonItem/SkeletonItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSkeletonItem_unstable } from './useSkeletonItem';\nimport { renderSkeletonItem_unstable } from './renderSkeletonItem';\nimport { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles.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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,wBAAwB,QAAQ;AACzC,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,8BAA8B,QAAQ;AAI/C,OAAO,MAAMC,YAAA,gBAAuDJ,KAAA,CAAMK,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACnG,MAAMC,KAAA,GAAQP,wBAAA,CAAyBK,KAAA,EAAOC,GAAA;EAE9CJ,8BAAA,CAA+BK,KAAA;EAC/B,OAAON,2BAAA,CAA4BM,KAAA;AACrC;AAEAJ,YAAA,CAAaK,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,MAAQ;IACnG,MAAMC,QAAQP,yBAAyBK,OAAOC;IAE9CJ,+BAA+BK;IAC/B,OAAON,4BAA4BM;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}

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

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=SkeletonItem.types.js.map
+export { };

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

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

package/lib/components/SkeletonItem/index.js

@@ -3,4 +3,3 @@ export * from './SkeletonItem.types';
 export * from './renderSkeletonItem';
 export * from './useSkeletonItem';
 export * from './useSkeletonItemStyles.styles';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/SkeletonItem/index.ts"],"sourcesContent":["export * from './SkeletonItem';\nexport * from './SkeletonItem.types';\nexport * from './renderSkeletonItem';\nexport * from './useSkeletonItem';\nexport * from './useSkeletonItemStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './SkeletonItem';\nexport * from './SkeletonItem.types';\nexport * from './renderSkeletonItem';\nexport * from './useSkeletonItem';\nexport * from './useSkeletonItemStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,oBAAoB;AAClC,cAAc,iCAAiC"}

package/lib/components/SkeletonItem/renderSkeletonItem.js

@@ -1,13 +1,8 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of SkeletonItem
- */
-export const renderSkeletonItem_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(slots.root, slotProps.root);
+ */ export const renderSkeletonItem_unstable = (state)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(slots.root, slotProps.root);
 };
-//# sourceMappingURL=renderSkeletonItem.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createElement","getSlotsNext","renderSkeletonItem_unstable","state","slots","slotProps","root"],"sources":["../../../src/components/SkeletonItem/renderSkeletonItem.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } 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  const { slots, slotProps } = getSlotsNext<SkeletonItemSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B;;;AAGA,OAAO,MAAMC,2BAAA,GAA+BC,KAAA,IAA6B;EACvE,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAAgCE,KAAA;EAE7D,oBAAOH,aAbT,CAaUI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI;AACvC"}
+{"version":3,"sources":["renderSkeletonItem.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } 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  const { slots, slotProps } = getSlotsNext<SkeletonItemSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"names":["createElement","getSlotsNext","renderSkeletonItem_unstable","state","slots","slotProps","root"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,8BAA8B,CAACC,QAA6B;IACvE,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAAgCE;IAE7D,qBAAO,AAbT,cAaUC,MAAME,IAAI,EAAKD,UAAUC,IAAI;AACvC,EAAE"}

package/lib/components/SkeletonItem/useSkeletonItem.js

@@ -9,31 +9,21 @@ 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 root = getNativeElementProps('div', {
-    ref,
-    ...props
-  });
-  return {
-    appearance,
-    animation,
-    size,
-    shape,
-    components: {
-      root: 'div'
-    },
-    root
-  };
+ */ 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 root = getNativeElementProps('div', {
+        ref,
+        ...props
+    });
+    return {
+        appearance,
+        animation,
+        size,
+        shape,
+        components: {
+            root: 'div'
+        },
+        root
+    };
 };
-//# sourceMappingURL=useSkeletonItem.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","getNativeElementProps","useSkeletonContext","useSkeletonItem_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","size","shape","root","components"],"sources":["../../../src/components/SkeletonItem/useSkeletonItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } 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 = getNativeElementProps('div', {\n    ref,\n    ...props,\n  });\n\n  return {\n    appearance,\n    animation,\n    size,\n    shape,\n    components: {\n      root: 'div',\n    },\n    root,\n  };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,kBAAkB,QAAQ;AAGnC;;;;;;;;;AASA,OAAO,MAAMC,wBAAA,GAA2BA,CAACC,KAAA,EAA0BC,GAAA,KAAmD;EACpH,MAAM;IAAEC,SAAA,EAAWC,gBAAA;IAAkBC,UAAA,EAAYC;EAAiB,CAAE,GAAGP,kBAAA;EACvE,MAAM;IACJI,SAAA,GAAYC,gBAAA,aAAAA,gBAAA,cAAAA,gBAAA,GAAoB,MAAM;IACtCC,UAAA,GAAaC,iBAAA,aAAAA,iBAAA,cAAAA,iBAAA,GAAqB,QAAQ;IAC1CC,IAAA,GAAO;IACPC,KAAA,GAAQ;EAAW,CACpB,GAAGP,KAAA;EAEJ,MAAMQ,IAAA,GAAOX,qBAAA,CAAsB,OAAO;IACxCI,GAAA;IACA,GAAGD;EACL;EAEA,OAAO;IACLI,UAAA;IACAF,SAAA;IACAI,IAAA;IACAC,KAAA;IACAE,UAAA,EAAY;MACVD,IAAA,EAAM;IACR;IACAA;EACF;AACF"}
+{"version":3,"sources":["useSkeletonItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } 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 = getNativeElementProps('div', {\n    ref,\n    ...props,\n  });\n\n  return {\n    appearance,\n    animation,\n    size,\n    shape,\n    components: {\n      root: 'div',\n    },\n    root,\n  };\n};\n"],"names":["React","getNativeElementProps","useSkeletonContext","useSkeletonItem_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","size","shape","root","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,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,sBAAsB,OAAO;QACxCI;QACA,GAAGD,KAAK;IACV;IAEA,OAAO;QACLI;QACAF;QACAI;QACAC;QACAE,YAAY;YACVD,MAAM;QACR;QACAA;IACF;AACF,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","wave","Bv12yb3","Bcmaq0h","Bpep1pd","waveRtl","pulse","De3pzq","translucent","translucentPulse","d","k","m","useRectangleStyles","Bqenvij","a9b677","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","useSizeStyles","useCircleSizeStyles","useSkeletonItemStyles_unstable","state","animation","appearance","size","shape","dir","rootStyles","rectStyles","sizeStyles","circleStyles","className"],"sources":["../../../src/components/SkeletonItem/useSkeletonItemStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SkeletonItemSlots, SkeletonItemState } from './SkeletonItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const skeletonItemClassNames: SlotClassNames<SkeletonItemSlots> = {\n  root: 'fui-SkeletonItem',\n};\n\nconst skeletonWaveAnimation = {\n  from: {\n    backgroundPositionX: '300% /* @noflip */',\n  },\n  to: {\n    backgroundPositionX: '0% /* @noflip */',\n  },\n};\n\nconst skeletonWaveAnimationRTL = {\n  from: {\n    backgroundPositionX: '0% /* @noflip */',\n  },\n  to: {\n    backgroundPositionX: '300% /* @noflip */',\n  },\n};\n\nconst skeletonPulseAnimation = {\n  '0%': {\n    opacity: '1',\n  },\n  '50%': {\n    opacity: '0.4',\n  },\n  '100%': {\n    opacity: '1',\n  },\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    position: 'relative',\n    ...shorthands.overflow('hidden'),\n    backgroundSize: '300% 100%',\n    backgroundPositionX: 'center',\n    backgroundPositionY: 'center',\n    backgroundAttachment: 'fixed',\n    animationIterationCount: 'infinite',\n    animationDuration: '3s',\n    animationTimingFunction: 'linear',\n  },\n  wave: {\n    animationName: skeletonWaveAnimation,\n    backgroundImage: `linear-gradient(\n      to right,\n      ${tokens.colorNeutralStencil1} 0%,\n      ${tokens.colorNeutralStencil2} 50%,\n      ${tokens.colorNeutralStencil1} 100%)`,\n    '@media screen and (forced-colors: active)': {\n      backgroundColor: 'WindowText',\n    },\n  },\n  waveRtl: {\n    animationName: skeletonWaveAnimationRTL,\n    backgroundImage: `linear-gradient(\n      to right,\n      ${tokens.colorNeutralStencil1} 0%,\n      ${tokens.colorNeutralStencil2} 50%,\n      ${tokens.colorNeutralStencil1} 100%)`,\n    '@media screen and (forced-colors: active)': {\n      backgroundColor: 'WindowText',\n    },\n  },\n  pulse: {\n    animationName: skeletonPulseAnimation,\n    animationDuration: '1s',\n    backgroundColor: tokens.colorNeutralStencil1,\n  },\n  translucent: {\n    backgroundImage: `linear-gradient(\n      to right,\n      ${tokens.colorNeutralStencil1Alpha} 0%,\n      ${tokens.colorNeutralStencil2Alpha} 50%,\n      ${tokens.colorNeutralStencil1Alpha} 100%)`,\n  },\n  translucentPulse: {\n    backgroundColor: tokens.colorNeutralStencil1Alpha,\n  },\n});\n\nconst useRectangleStyles = makeStyles({\n  root: {\n    width: '100%',\n    ...shorthands.borderRadius('4px'),\n  },\n  8: { height: '8px' },\n  12: { height: '12px' },\n  16: { height: '16px' },\n  20: { height: '20px' },\n  24: { height: '24px' },\n  28: { height: '28px' },\n  32: { height: '32px' },\n  36: { height: '36px' },\n  40: { height: '40px' },\n  48: { height: '48px' },\n  56: { height: '56px' },\n  64: { height: '64px' },\n  72: { height: '72px' },\n  96: { height: '96px' },\n  120: { height: '120px' },\n  128: { height: '128px' },\n});\n\nconst useSizeStyles = makeStyles({\n  8: { width: '8px', height: '8px' },\n  12: { width: '12px', height: '12px' },\n  16: { width: '16px', height: '16px' },\n  20: { width: '20px', height: '20px' },\n  24: { width: '24px', height: '24px' },\n  28: { width: '28px', height: '28px' },\n  32: { width: '32px', height: '32px' },\n  36: { width: '36px', height: '36px' },\n  40: { width: '40px', height: '40px' },\n  48: { width: '48px', height: '48px' },\n  56: { width: '56px', height: '56px' },\n  64: { width: '64px', height: '64px' },\n  72: { width: '72px', height: '72px' },\n  96: { width: '96px', height: '96px' },\n  120: { width: '120px', height: '120px' },\n  128: { width: '128px', height: '128px' },\n});\n\nconst useCircleSizeStyles = makeStyles({\n  root: {\n    ...shorthands.borderRadius('50%'),\n  },\n});\n\n/**\n * Apply styling to the SkeletonItem slots based on the state\n */\nexport const useSkeletonItemStyles_unstable = (state: SkeletonItemState): SkeletonItemState => {\n  const { animation, appearance, size, shape } = state;\n  const { dir } = useFluent();\n\n  const rootStyles = useStyles();\n  const rectStyles = useRectangleStyles();\n  const sizeStyles = useSizeStyles();\n  const circleStyles = useCircleSizeStyles();\n\n  state.root.className = mergeClasses(\n    skeletonItemClassNames.root,\n    rootStyles.root,\n    animation === 'wave' && rootStyles.wave,\n    animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl,\n    animation === 'pulse' && rootStyles.pulse,\n    appearance === 'translucent' && rootStyles.translucent,\n    animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse,\n    shape === 'rectangle' && rectStyles.root,\n    shape === 'rectangle' && rectStyles[size],\n    shape === 'square' && sizeStyles[size],\n    shape === 'circle' && circleStyles.root,\n    shape === 'circle' && sizeStyles[size],\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"names":["__styles","mergeClasses","shorthands","useFluent_unstable","useFluent","tokens","skeletonItemClassNames","root","skeletonWaveAnimation","from","backgroundPositionX","to","skeletonWaveAnimationRTL","skeletonPulseAnimation","opacity","useStyles","qhf8xq","B68tc82","Bmxbyg5","Bkjc3bi","B8a6bjv","Bpptf2m","Bgh53k4","w3vfg9","vin17d","Ezkn3b","wave","Bv12yb3","Bcmaq0h","Bpep1pd","waveRtl","pulse","De3pzq","translucent","translucentPulse","d","k","m","useRectangleStyles","Bqenvij","a9b677","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","useSizeStyles","useCircleSizeStyles","useSkeletonItemStyles_unstable","state","animation","appearance","size","shape","dir","rootStyles","rectStyles","sizeStyles","circleStyles","className"],"sources":["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    },\n    wave: {\n        animationName: skeletonWaveAnimation,\n        backgroundImage: `linear-gradient(\n      to right,\n      ${tokens.colorNeutralStencil1} 0%,\n      ${tokens.colorNeutralStencil2} 50%,\n      ${tokens.colorNeutralStencil1} 100%)`,\n        '@media screen and (forced-colors: active)': {\n            backgroundColor: 'WindowText'\n        }\n    },\n    waveRtl: {\n        animationName: skeletonWaveAnimationRTL,\n        backgroundImage: `linear-gradient(\n      to right,\n      ${tokens.colorNeutralStencil1} 0%,\n      ${tokens.colorNeutralStencil2} 50%,\n      ${tokens.colorNeutralStencil1} 100%)`,\n        '@media screen and (forced-colors: active)': {\n            backgroundColor: 'WindowText'\n        }\n    },\n    pulse: {\n        animationName: skeletonPulseAnimation,\n        animationDuration: '1s',\n        backgroundColor: tokens.colorNeutralStencil1\n    },\n    translucent: {\n        backgroundImage: `linear-gradient(\n      to right,\n      ${tokens.colorNeutralStencil1Alpha} 0%,\n      ${tokens.colorNeutralStencil2Alpha} 50%,\n      ${tokens.colorNeutralStencil1Alpha} 100%)`\n    },\n    translucentPulse: {\n        backgroundColor: tokens.colorNeutralStencil1Alpha\n    }\n});\nconst useRectangleStyles = makeStyles({\n    root: {\n        width: '100%',\n        ...shorthands.borderRadius('4px')\n    },\n    8: {\n        height: '8px'\n    },\n    12: {\n        height: '12px'\n    },\n    16: {\n        height: '16px'\n    },\n    20: {\n        height: '20px'\n    },\n    24: {\n        height: '24px'\n    },\n    28: {\n        height: '28px'\n    },\n    32: {\n        height: '32px'\n    },\n    36: {\n        height: '36px'\n    },\n    40: {\n        height: '40px'\n    },\n    48: {\n        height: '48px'\n    },\n    56: {\n        height: '56px'\n    },\n    64: {\n        height: '64px'\n    },\n    72: {\n        height: '72px'\n    },\n    96: {\n        height: '96px'\n    },\n    120: {\n        height: '120px'\n    },\n    128: {\n        height: '128px'\n    }\n});\nconst useSizeStyles = makeStyles({\n    8: {\n        width: '8px',\n        height: '8px'\n    },\n    12: {\n        width: '12px',\n        height: '12px'\n    },\n    16: {\n        width: '16px',\n        height: '16px'\n    },\n    20: {\n        width: '20px',\n        height: '20px'\n    },\n    24: {\n        width: '24px',\n        height: '24px'\n    },\n    28: {\n        width: '28px',\n        height: '28px'\n    },\n    32: {\n        width: '32px',\n        height: '32px'\n    },\n    36: {\n        width: '36px',\n        height: '36px'\n    },\n    40: {\n        width: '40px',\n        height: '40px'\n    },\n    48: {\n        width: '48px',\n        height: '48px'\n    },\n    56: {\n        width: '56px',\n        height: '56px'\n    },\n    64: {\n        width: '64px',\n        height: '64px'\n    },\n    72: {\n        width: '72px',\n        height: '72px'\n    },\n    96: {\n        width: '96px',\n        height: '96px'\n    },\n    120: {\n        width: '120px',\n        height: '120px'\n    },\n    128: {\n        width: '128px',\n        height: '128px'\n    }\n});\nconst useCircleSizeStyles = makeStyles({\n    root: {\n        ...shorthands.borderRadius('50%')\n    }\n});\n/**\n * Apply styling to the SkeletonItem slots based on the state\n */ export const useSkeletonItemStyles_unstable = (state)=>{\n    const { animation , appearance , size , shape  } = state;\n    const { dir  } = useFluent();\n    const rootStyles = useStyles();\n    const rectStyles = useRectangleStyles();\n    const sizeStyles = useSizeStyles();\n    const circleStyles = useCircleSizeStyles();\n    state.root.className = mergeClasses(skeletonItemClassNames.root, rootStyles.root, animation === 'wave' && rootStyles.wave, animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl, animation === 'pulse' && rootStyles.pulse, appearance === 'translucent' && rootStyles.translucent, animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse, shape === 'rectangle' && rectStyles.root, shape === 'rectangle' && rectStyles[size], shape === 'square' && sizeStyles[size], shape === 'circle' && circleStyles.root, shape === 'circle' && sizeStyles[size], state.root.className);\n    return state;\n};\n"],"mappings":"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"}

package/lib/contexts/SkeletonContext.js

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

package/lib/contexts/SkeletonContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SkeletonContext","createContext","undefined","skeletonContextDefaultValue","SkeletonContextProvider","Provider","_React_useContext","useSkeletonContext","useContext"],"sources":["../../src/contexts/SkeletonContext.ts"],"sourcesContent":["import * as React from 'react';\n\nconst SkeletonContext = React.createContext<SkeletonContextValue | undefined>(undefined);\n\nexport interface SkeletonContextValue {\n  animation?: 'wave' | 'pulse';\n  appearance?: 'opaque' | 'translucent';\n}\n\nconst skeletonContextDefaultValue: SkeletonContextValue = {};\n\nexport const SkeletonContextProvider = SkeletonContext.Provider;\n\nexport const useSkeletonContext = () => React.useContext(SkeletonContext) ?? skeletonContextDefaultValue;\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAEvB,MAAMC,eAAA,gBAAkBD,KAAA,CAAME,aAAa,CAAmCC,SAAA;AAO9E,MAAMC,2BAAA,GAAoD,CAAC;AAE3D,OAAO,MAAMC,uBAAA,GAA0BJ,eAAA,CAAgBK,QAAQ;IAEvBC,iBAAA;AAAxC,OAAO,MAAMC,kBAAA,GAAqBA,CAAA,KAAM,CAAAD,iBAAA,GAAAP,KAAA,CAAMS,UAAU,CAACR,eAAA,eAAjBM,iBAAA,cAAAA,iBAAA,GAAqCH,2BAA2B"}
+{"version":3,"sources":["SkeletonContext.ts"],"sourcesContent":["import * as React from 'react';\n\nconst SkeletonContext = React.createContext<SkeletonContextValue | undefined>(undefined);\n\nexport interface SkeletonContextValue {\n  animation?: 'wave' | 'pulse';\n  appearance?: 'opaque' | 'translucent';\n}\n\nconst skeletonContextDefaultValue: SkeletonContextValue = {};\n\nexport const SkeletonContextProvider = SkeletonContext.Provider;\n\nexport const useSkeletonContext = () => React.useContext(SkeletonContext) ?? skeletonContextDefaultValue;\n"],"names":["React","SkeletonContext","createContext","undefined","skeletonContextDefaultValue","SkeletonContextProvider","Provider","useSkeletonContext","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,MAAMC,kBAAkBD,MAAME,aAAa,CAAmCC;AAO9E,MAAMC,8BAAoD,CAAC;AAE3D,OAAO,MAAMC,0BAA0BJ,gBAAgBK,QAAQ,CAAC;IAExBN;AAAxC,OAAO,MAAMO,qBAAqB,IAAMP,CAAAA,oBAAAA,MAAMQ,UAAU,CAACP,8BAAjBD,+BAAAA,oBAAqCI,2BAA2B,CAAC"}

package/lib/contexts/index.js

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

package/lib/contexts/index.js.map

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

package/lib/index.js

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

package/lib/index.js.map

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

package/lib-commonjs/Skeleton.js

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

package/lib-commonjs/Skeleton.js.map

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

package/lib-commonjs/SkeletonItem.js

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

package/lib-commonjs/SkeletonItem.js.map

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Skeleton/Skeleton.js"],"sourcesContent":["import * as React from 'react';\nimport { useSkeleton_unstable } from './useSkeleton';\nimport { renderSkeleton_unstable } from './renderSkeleton';\nimport { useSkeletonStyles_unstable } from './useSkeletonStyles';\nimport { useSkeletonContextValues } from './useSkeletonContextValues';\n/**\n * Skeleton component - TODO: add more docs\n */\nexport const Skeleton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useSkeleton_unstable(props, ref);\n  const contextValues = useSkeletonContextValues(state);\n  useSkeletonStyles_unstable(state);\n  return renderSkeleton_unstable(state, contextValues);\n});\nSkeleton.displayName = 'Skeleton';\n//# sourceMappingURL=Skeleton.js.map"],"names":["Skeleton","React","forwardRef","props","ref","state","useSkeleton_unstable","contextValues","useSkeletonContextValues","useSkeletonStyles_unstable","renderSkeleton_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;6BACc;gCACG;mCACG;0CACF;AAIlC,MAAMA,WAAW,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACpE,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1C,MAAMG,gBAAgBC,IAAAA,kDAAwB,EAACH;IAC/CI,IAAAA,6CAA0B,EAACJ;IAC3B,OAAOK,IAAAA,uCAAuB,EAACL,OAAOE;AACxC;AACAP,SAASW,WAAW,GAAG,YACvB,oCAAoC"}
+{"version":3,"sources":["Skeleton.js"],"sourcesContent":["import * as React from 'react';\nimport { useSkeleton_unstable } from './useSkeleton';\nimport { renderSkeleton_unstable } from './renderSkeleton';\nimport { useSkeletonStyles_unstable } from './useSkeletonStyles';\nimport { useSkeletonContextValues } from './useSkeletonContextValues';\n/**\n * Skeleton component - TODO: add more docs\n */ export const Skeleton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useSkeleton_unstable(props, ref);\n    const contextValues = useSkeletonContextValues(state);\n    useSkeletonStyles_unstable(state);\n    return renderSkeleton_unstable(state, contextValues);\n});\nSkeleton.displayName = 'Skeleton';\n"],"names":["Skeleton","React","forwardRef","props","ref","state","useSkeleton_unstable","contextValues","useSkeletonContextValues","useSkeletonStyles_unstable","renderSkeleton_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;6BACc;gCACG;mCACG;0CACF;AAG9B,MAAMA,WAAW,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACrE,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1C,MAAMG,gBAAgBC,IAAAA,kDAAwB,EAACH;IAC/CI,IAAAA,6CAA0B,EAACJ;IAC3B,OAAOK,IAAAA,uCAAuB,EAACL,OAAOE;AAC1C;AACAP,SAASW,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Skeleton/Skeleton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Skeleton.types.js.map"],"names":[],"mappings":";;;;CACA,0CAA0C"}
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -9,6 +9,3 @@ _exportStar(require("./renderSkeleton"), exports);
 _exportStar(require("./useSkeleton"), exports);
 _exportStar(require("./useSkeletonContextValues"), exports);
 _exportStar(require("./useSkeletonStyles"), exports);
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Skeleton/index.js"],"sourcesContent":["export * from './Skeleton';\nexport * from './Skeleton.types';\nexport * from './renderSkeleton';\nexport * from './useSkeleton';\nexport * from './useSkeletonContextValues';\nexport * from './useSkeletonStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Skeleton';\nexport * from './Skeleton.types';\nexport * from './renderSkeleton';\nexport * from './useSkeleton';\nexport * from './useSkeletonContextValues';\nexport * from './useSkeletonStyles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA"}

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

@@ -14,6 +14,4 @@ const renderSkeleton_unstable = (state, contextValues)=>{
     return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_skeletonContext.SkeletonContextProvider, {
         value: contextValues.skeletonGroup
     }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root));
-}; //# sourceMappingURL=renderSkeleton.js.map
-
-//# sourceMappingURL=renderSkeleton.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Skeleton/renderSkeleton.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { SkeletonContextProvider } from '../../contexts/SkeletonContext';\n/**\n * Render the final JSX of Skeleton\n */\nexport const renderSkeleton_unstable = (state, contextValues) => {\n  const {\n    slots,\n    slotProps\n  } = getSlotsNext(state);\n  return /*#__PURE__*/createElement(SkeletonContextProvider, {\n    value: contextValues.skeletonGroup\n  }, /*#__PURE__*/createElement(slots.root, slotProps.root));\n};\n//# sourceMappingURL=renderSkeleton.js.map"],"names":["renderSkeleton_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","SkeletonContextProvider","value","skeletonGroup","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMrCA;;aAAAA;;iCANqE;gCACrD;iCACW;AAIjC,MAAMA,0BAA0B,CAACC,OAAOC,gBAAkB;IAC/D,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACJ;IACjB,OAAO,WAAW,GAAEK,IAAAA,8BAAa,EAACC,wCAAuB,EAAE;QACzDC,OAAON,cAAcO,aAAa;IACpC,GAAG,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAEN,UAAUM,IAAI;AAC1D,GACA,0CAA0C"}
+{"version":3,"sources":["renderSkeleton.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { SkeletonContextProvider } from '../../contexts/SkeletonContext';\n/**\n * Render the final JSX of Skeleton\n */ export const renderSkeleton_unstable = (state, contextValues)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(SkeletonContextProvider, {\n        value: contextValues.skeletonGroup\n    }, /*#__PURE__*/ createElement(slots.root, slotProps.root));\n};\n"],"names":["renderSkeleton_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","SkeletonContextProvider","value","skeletonGroup","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;iCACW;AAG7B,MAAMA,0BAA0B,CAACC,OAAOC,gBAAgB;IAC/D,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACC,wCAAuB,EAAE;QACxDC,OAAON,cAAcO,aAAa;IACtC,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAEN,UAAUM,IAAI;AAC7D"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Skeleton/useSkeleton.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\n/**\n * Create the state required to render Skeleton.\n *\n * The returned state can be modified with hooks such as useSkeletonStyles_unstable,\n * before being passed to renderSkeleton_unstable.\n *\n * @param props - props from this instance of Skeleton\n * @param ref - reference to root HTMLElement of Skeleton\n */\nexport const useSkeleton_unstable = (props, ref) => {\n  const {\n    animation: contextAnimation,\n    appearance: contextAppearance\n  } = useSkeletonContext();\n  const {\n    animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave',\n    appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque'\n  } = props;\n  const root = getNativeElementProps('div', {\n    ref,\n    role: 'progressbar',\n    'aria-busy': true,\n    'aria-label': 'Loading Content',\n    ...props\n  });\n  return {\n    animation,\n    appearance,\n    components: {\n      root: 'div'\n    },\n    root\n  };\n};\n//# sourceMappingURL=useSkeleton.js.map"],"names":["useSkeleton_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","useSkeletonContext","root","getNativeElementProps","role","components"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCACe;iCACH;AAU5B,MAAMA,uBAAuB,CAACC,OAAOC,MAAQ;IAClD,MAAM,EACJC,WAAWC,iBAAgB,EAC3BC,YAAYC,kBAAiB,EAC9B,GAAGC,IAAAA,mCAAkB;IACtB,MAAM,EACJJ,WAAYC,qBAAqB,IAAI,IAAIA,qBAAqB,KAAK,IAAIA,mBAAmB,MAAM,CAAA,EAChGC,YAAaC,sBAAsB,IAAI,IAAIA,sBAAsB,KAAK,IAAIA,oBAAoB,QAAQ,CAAA,EACvG,GAAGL;IACJ,MAAMO,OAAOC,IAAAA,qCAAqB,EAAC,OAAO;QACxCP;QACAQ,MAAM;QACN,aAAa,IAAI;QACjB,cAAc;QACd,GAAGT,KAAK;IACV;IACA,OAAO;QACLE;QACAE;QACAM,YAAY;YACVH,MAAM;QACR;QACAA;IACF;AACF,GACA,uCAAuC"}
+{"version":3,"sources":["useSkeleton.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\n/**\n * Create the state required to render Skeleton.\n *\n * The returned state can be modified with hooks such as useSkeletonStyles_unstable,\n * before being passed to renderSkeleton_unstable.\n *\n * @param props - props from this instance of Skeleton\n * @param ref - reference to root HTMLElement of Skeleton\n */ export const useSkeleton_unstable = (props, ref)=>{\n    const { animation: contextAnimation , appearance: contextAppearance  } = useSkeletonContext();\n    const { animation =contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave' , appearance =contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque'  } = props;\n    const root = getNativeElementProps('div', {\n        ref,\n        role: 'progressbar',\n        'aria-busy': true,\n        'aria-label': 'Loading Content',\n        ...props\n    });\n    return {\n        animation,\n        appearance,\n        components: {\n            root: 'div'\n        },\n        root\n    };\n};\n"],"names":["useSkeleton_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","useSkeletonContext","root","getNativeElementProps","role","components"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACe;iCACH;AASxB,MAAMA,uBAAuB,CAACC,OAAOC,MAAM;IAClD,MAAM,EAAEC,WAAWC,iBAAgB,EAAGC,YAAYC,kBAAiB,EAAG,GAAGC,IAAAA,mCAAkB;IAC3F,MAAM,EAAEJ,WAAWC,qBAAqB,IAAI,IAAIA,qBAAqB,KAAK,IAAIA,mBAAmB,MAAM,CAAA,EAAGC,YAAYC,sBAAsB,IAAI,IAAIA,sBAAsB,KAAK,IAAIA,oBAAoB,QAAQ,CAAA,EAAG,GAAGL;IACrN,MAAMO,OAAOC,IAAAA,qCAAqB,EAAC,OAAO;QACtCP;QACAQ,MAAM;QACN,aAAa,IAAI;QACjB,cAAc;QACd,GAAGT,KAAK;IACZ;IACA,OAAO;QACHE;QACAE;QACAM,YAAY;YACRH,MAAM;QACV;QACAA;IACJ;AACJ"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Skeleton/useSkeletonContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport const useSkeletonContextValues = state => {\n  const {\n    animation,\n    appearance\n  } = state;\n  const skeletonGroup = React.useMemo(() => ({\n    animation,\n    appearance\n  }), [animation, appearance]);\n  return {\n    skeletonGroup\n  };\n};\n//# sourceMappingURL=useSkeletonContextValues.js.map"],"names":["useSkeletonContextValues","state","animation","appearance","skeletonGroup","React","useMemo"],"mappings":";;;;+BACaA;;aAAAA;;;6DADU;AAChB,MAAMA,2BAA2BC,CAAAA,QAAS;IAC/C,MAAM,EACJC,UAAS,EACTC,WAAU,EACX,GAAGF;IACJ,MAAMG,gBAAgBC,OAAMC,OAAO,CAAC,IAAO,CAAA;YACzCJ;YACAC;QACF,CAAA,GAAI;QAACD;QAAWC;KAAW;IAC3B,OAAO;QACLC;IACF;AACF,GACA,oDAAoD"}
+{"version":3,"sources":["useSkeletonContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport const useSkeletonContextValues = (state)=>{\n    const { animation , appearance  } = state;\n    const skeletonGroup = React.useMemo(()=>({\n            animation,\n            appearance\n        }), [\n        animation,\n        appearance\n    ]);\n    return {\n        skeletonGroup\n    };\n};\n"],"names":["useSkeletonContextValues","state","animation","appearance","skeletonGroup","React","useMemo"],"mappings":";;;;+BACaA;;aAAAA;;;6DADU;AAChB,MAAMA,2BAA2B,CAACC,QAAQ;IAC7C,MAAM,EAAEC,UAAS,EAAGC,WAAU,EAAG,GAAGF;IACpC,MAAMG,gBAAgBC,OAAMC,OAAO,CAAC,IAAK,CAAA;YACjCJ;YACAC;QACJ,CAAA,GAAI;QACJD;QACAC;KACH;IACD,OAAO;QACHC;IACJ;AACJ"}

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

@@ -19,6 +19,4 @@ const skeletonClassNames = {
 const useSkeletonStyles_unstable = (state)=>{
     state.root.className = (0, _react.mergeClasses)(skeletonClassNames.root, state.root.className);
     return state;
-}; //# sourceMappingURL=useSkeletonStyles.js.map
-
-//# sourceMappingURL=useSkeletonStyles.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Skeleton/useSkeletonStyles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const skeletonClassNames = {\n  root: 'fui-Skeleton'\n};\n/**\n * Apply styling to the Skeleton slots based on the state\n */\nexport const useSkeletonStyles_unstable = state => {\n  state.root.className = mergeClasses(skeletonClassNames.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useSkeletonStyles.js.map"],"names":["skeletonClassNames","useSkeletonStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,kBAAkB,MAAlBA;IAMAC,0BAA0B,MAA1BA;;uBAPgB;AACtB,MAAMD,qBAAqB;IAChCE,MAAM;AACR;AAIO,MAAMD,6BAA6BE,CAAAA,QAAS;IACjDA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,mBAAmBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IACjF,OAAOD;AACT,GACA,6CAA6C"}
+{"version":3,"sources":["useSkeletonStyles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const skeletonClassNames = {\n    root: 'fui-Skeleton'\n};\n/**\n * Apply styling to the Skeleton slots based on the state\n */ export const useSkeletonStyles_unstable = (state)=>{\n    state.root.className = mergeClasses(skeletonClassNames.root, state.root.className);\n    return state;\n};\n"],"names":["skeletonClassNames","useSkeletonStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,kBAAkB,MAAlBA;IAKIC,0BAA0B,MAA1BA;;uBANY;AACtB,MAAMD,qBAAqB;IAC9BE,MAAM;AACV;AAGW,MAAMD,6BAA6B,CAACE,QAAQ;IACnDA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,mBAAmBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IACjF,OAAOD;AACX"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SkeletonItem/SkeletonItem.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=SkeletonItem.types.js.map"],"names":[],"mappings":";;;;CACA,8CAA8C"}
+{"version":3,"sources":[],"names":[],"mappings":""}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -366,5 +366,3 @@ const useSkeletonItemStyles_unstable = (state)=>{
     state.root.className = (0, _react.mergeClasses)(skeletonItemClassNames.root, rootStyles.root, animation === 'wave' && rootStyles.wave, animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl, animation === 'pulse' && rootStyles.pulse, appearance === 'translucent' && rootStyles.translucent, animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse, shape === 'rectangle' && rectStyles.root, shape === 'rectangle' && rectStyles[size], shape === 'square' && sizeStyles[size], shape === 'circle' && circleStyles.root, shape === 'circle' && sizeStyles[size], state.root.className);
     return state;
 }; //# sourceMappingURL=useSkeletonItemStyles.styles.js.map
-
-//# sourceMappingURL=useSkeletonItemStyles.styles.js.map

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

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

package/lib-commonjs/contexts/SkeletonContext.js

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

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

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

package/lib-commonjs/contexts/index.js

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

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

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

package/lib-commonjs/index.js

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

package/lib-commonjs/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-skeleton",
-  "version": "9.0.2",
+  "version": "9.0.4",
   "description": "Converged v9 Skeleton Component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,17 +27,17 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.21",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.4",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.4",
+    "@fluentui/react-field": "^9.1.6",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
     "@fluentui/react-shared-contexts": "^9.5.0",
     "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.0",
-    "@griffel/react": "^1.5.2",
+    "@fluentui/react-utilities": "^9.9.2",
+    "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {