@fluentui/react-skeleton 9.0.0-beta.2 → 9.0.0-beta.4

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","SkeletonContext_1","renderSkeleton_unstable","state","contextValues","slots","slotProps","getSlots","createElement","SkeletonContextProvider","value","skeletonGroup","root","exports"],"sources":["../src/packages/react-components/react-skeleton/src/components/Skeleton/renderSkeleton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { SkeletonContextProvider } from '../../contexts/SkeletonContext';\nimport type { SkeletonContextValues, SkeletonSlots, SkeletonState } from './Skeleton.types';\n\n/**\n * Render the final JSX of Skeleton\n */\nexport const renderSkeleton_unstable = (state: SkeletonState, contextValues: SkeletonContextValues) => {\n  const { slots, slotProps } = getSlots<SkeletonSlots>(state);\n\n  return (\n    <SkeletonContextProvider value={contextValues.skeletonGroup}>\n      <slots.root {...slotProps.root} />\n    </SkeletonContextProvider>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,iBAAA,gBAAAF,OAAA;AAGA;;;AAGO,MAAMG,uBAAuB,GAAGA,CAACC,KAAoB,EAAEC,aAAoC,KAAI;EACpG,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGN,iBAAA,CAAAO,QAAQ,CAAgBJ,KAAK,CAAC;EAE3D,OACEL,KAAA,CAAAU,aAAA,CAACP,iBAAA,CAAAQ,uBAAuB;IAACC,KAAK,EAAEN,aAAa,CAACO;EAAa,GACzDb,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACO,IAAI;IAAA,GAAKN,SAAS,CAACM;EAAI,EAAI,CACV;AAE9B,CAAC;AARYC,OAAA,CAAAX,uBAAuB,GAAAA,uBAAA"}
+{"version":3,"sources":["../../../lib/components/Skeleton/renderSkeleton.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } 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  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(SkeletonContextProvider, {\n    value: contextValues.skeletonGroup\n  }, /*#__PURE__*/React.createElement(slots.root, slotProps.root));\n};\n//# sourceMappingURL=renderSkeleton.js.map"],"names":["renderSkeleton_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","SkeletonContextProvider","value","skeletonGroup","root"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;iCACe;AAIjC,MAAMA,0BAA0B,CAACC,OAAOC,gBAAkB;IAC/D,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACC,wCAAuB,EAAE;QAC/DC,OAAOP,cAAcQ,aAAa;IACpC,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,IAAI,EAAEP,UAAUO,IAAI;AAChE,GACA,0CAA0C"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,22 +1,17 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderSkeletonItem_unstable", {
+    enumerable: true,
+    get: ()=>renderSkeletonItem_unstable
 });
-exports.renderSkeletonItem_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Render the final JSX of SkeletonItem
- */
-const renderSkeletonItem_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  });
-};
-exports.renderSkeletonItem_unstable = renderSkeletonItem_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const renderSkeletonItem_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.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,"names":["React","require","react_utilities_1","renderSkeletonItem_unstable","state","slots","slotProps","getSlots","createElement","root","exports"],"sources":["../src/packages/react-components/react-skeleton/src/components/SkeletonItem/renderSkeletonItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } 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 } = getSlots<SkeletonItemSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,2BAA2B,GAAIC,KAAwB,IAAI;EACtE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAoBH,KAAK,CAAC;EAE/D,OAAOJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,EAAI;AAC3C,CAAC;AAJYC,OAAA,CAAAP,2BAA2B,GAAAA,2BAAA"}
+{"version":3,"sources":["../../../lib/components/SkeletonItem/renderSkeletonItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } 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  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root);\n};\n//# sourceMappingURL=renderSkeletonItem.js.map"],"names":["renderSkeletonItem_unstable","state","slots","slotProps","getSlots","React","createElement","root"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,8BAA8BC,CAAAA,QAAS;IAClD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI;AACpE,GACA,8CAA8C"}

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

@@ -1,45 +1,32 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useSkeletonItem_unstable", {
+    enumerable: true,
+    get: ()=>useSkeletonItem_unstable
 });
-exports.useSkeletonItem_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const SkeletonContext_1 = /*#__PURE__*/require("../../contexts/SkeletonContext");
-/**
- * Create the state required to render SkeletonItem.
- *
- * The returned state can be modified with hooks such as useSkeletonItemStyles_unstable,
- * before being passed to renderSkeletonItem_unstable.
- *
- * @param props - props from this instance of SkeletonItem
- * @param ref - reference to root HTMLElement of SkeletonItem
- */
-const useSkeletonItem_unstable = (props, ref) => {
-  const {
-    animation: contextAnimation,
-    appearance: contextAppearance
-  } = SkeletonContext_1.useSkeletonContext();
-  const {
-    animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave',
-    appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque',
-    size = 16,
-    shape = 'rectangle'
-  } = props;
-  const root = react_utilities_1.getNativeElementProps('div', {
-    ref,
-    ...props
-  });
-  return {
-    appearance,
-    animation,
-    size,
-    shape,
-    components: {
-      root: 'div'
-    },
-    root
-  };
-};
-exports.useSkeletonItem_unstable = useSkeletonItem_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _skeletonContext = require("../../contexts/SkeletonContext");
+const useSkeletonItem_unstable = (props, ref)=>{
+    const { animation: contextAnimation , appearance: contextAppearance  } = (0, _skeletonContext.useSkeletonContext)();
+    const { animation =contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave' , appearance =contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque' , size =16 , shape ='rectangle'  } = props;
+    const root = (0, _reactUtilities.getNativeElementProps)('div', {
+        ref,
+        ...props
+    });
+    return {
+        appearance,
+        animation,
+        size,
+        shape,
+        components: {
+            root: 'div'
+        },
+        root
+    };
+}; //# sourceMappingURL=useSkeletonItem.js.map
+
 //# sourceMappingURL=useSkeletonItem.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","SkeletonContext_1","useSkeletonItem_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","useSkeletonContext","size","shape","root","getNativeElementProps","components","exports"],"sources":["../src/packages/react-components/react-skeleton/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":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;;;;;;;AASO,MAAME,wBAAwB,GAAGA,CAACC,KAAwB,EAAEC,GAA2B,KAAuB;EACnH,MAAM;IAAEC,SAAS,EAAEC,gBAAgB;IAAEC,UAAU,EAAEC;EAAiB,CAAE,GAAGP,iBAAA,CAAAQ,kBAAkB,EAAE;EAC3F,MAAM;IACJJ,SAAS,GAAGC,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAI,MAAM;IACtCC,UAAU,GAAGC,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAI,QAAQ;IAC1CE,IAAI,GAAG,EAAE;IACTC,KAAK,GAAG;EAAW,CACpB,GAAGR,KAAK;EAET,MAAMS,IAAI,GAAGb,iBAAA,CAAAc,qBAAqB,CAAC,KAAK,EAAE;IACxCT,GAAG;IACH,GAAGD;GACJ,CAAC;EAEF,OAAO;IACLI,UAAU;IACVF,SAAS;IACTK,IAAI;IACJC,KAAK;IACLG,UAAU,EAAE;MACVF,IAAI,EAAE;KACP;IACDA;GACD;AACH,CAAC;AAxBYG,OAAA,CAAAb,wBAAwB,GAAAA,wBAAA"}
+{"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"}