feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-skeleton/LICENSE

@@ -0,0 +1,15 @@
+@fluentui/react-skeleton
+
+Copyright (c) Microsoft Corporation
+
+All rights reserved.
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the ""Software""), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+Note: Usage of the fonts and icons referenced in Fluent UI React is subject to the terms listed at https://aka.ms/fluentui-assets-license

node_modules/@fluentui/react-skeleton/README.md

@@ -0,0 +1,11 @@
+# @fluentui/react-skeleton
+
+**React Skeleton components for [Fluent UI React](https://react.fluentui.dev/)**
+
+## Usage
+
+To import `Skeleton`:
+
+```js
+import { Skeleton, SkeletonItem } from '@fluentui/react-components';
+```

node_modules/@fluentui/react-skeleton/dist/index.d.ts

@@ -0,0 +1,189 @@
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import type { JSXElement } from '@fluentui/react-utilities';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+
+/**
+ * Render the final JSX of Skeleton
+ */
+export declare const renderSkeleton_unstable: (state: SkeletonState, contextValues: SkeletonContextValues) => JSXElement;
+
+/**
+ * Render the final JSX of SkeletonItem
+ */
+export declare const renderSkeletonItem_unstable: (state: SkeletonItemBaseState) => JSXElement;
+
+/**
+ * Skeleton component - TODO: add more docs
+ */
+export declare const Skeleton: ForwardRefComponent<SkeletonProps>;
+
+/**
+ * Skeleton base props, excluding design-related props like animation and appearance.
+ */
+export declare type SkeletonBaseProps = Omit<SkeletonProps, 'animation' | 'appearance'>;
+
+/**
+ * Skeleton base state, excluding design-related state like animation and appearance.
+ */
+export declare type SkeletonBaseState = Omit<SkeletonState, 'animation' | 'appearance' | 'size' | 'shape'>;
+
+export declare const skeletonClassNames: SlotClassNames<SkeletonSlots>;
+
+export declare const SkeletonContextProvider: React_2.Provider<SkeletonContextValue | undefined>;
+
+export declare interface SkeletonContextValue {
+    animation?: 'wave' | 'pulse';
+    appearance?: 'opaque' | 'translucent';
+    size?: SkeletonItemSize;
+    shape?: 'circle' | 'square' | 'rectangle';
+}
+
+declare type SkeletonContextValues = {
+    skeletonGroup: SkeletonContextValue;
+};
+
+export declare const SkeletonItem: ForwardRefComponent<SkeletonItemProps>;
+
+/**
+ * SkeletonItem base props, excluding design-related props like animation, appearance, size, and shape.
+ */
+export declare type SkeletonItemBaseProps = Omit<SkeletonItemProps, 'animation' | 'appearance' | 'size' | 'shape'>;
+
+/**
+ * SkeletonItem base state, excluding design-related state like animation, appearance, size, and shape.
+ */
+export declare type SkeletonItemBaseState = Omit<SkeletonItemState, 'animation' | 'appearance' | 'size' | 'shape'>;
+
+export declare const skeletonItemClassNames: SlotClassNames<SkeletonItemSlots>;
+
+/**
+ * SkeletonItem Props
+ */
+export declare type SkeletonItemProps = ComponentProps<SkeletonItemSlots> & Pick<SkeletonProps, 'size' | 'shape'> & {
+    /**
+     * Sets the animation of the SkeletonItem
+     * @default wave
+     */
+    animation?: 'wave' | 'pulse';
+    /**
+     * Sets the appearance of the SkeletonItem
+     * @default opaque
+     */
+    appearance?: 'opaque' | 'translucent';
+};
+
+/**
+ * Sizes for the SkeletonItem
+ */
+declare type SkeletonItemSize = 8 | 12 | 14 | 16 | 20 | 22 | 24 | 28 | 32 | 36 | 40 | 48 | 52 | 56 | 64 | 72 | 92 | 96 | 120 | 128;
+
+export declare type SkeletonItemSlots = {
+    root: Slot<'div', 'span'>;
+};
+
+/**
+ * State used in rendering SkeletonItem
+ */
+export declare type SkeletonItemState = ComponentState<SkeletonItemSlots> & Required<Pick<SkeletonItemProps, 'animation' | 'appearance' | 'size' | 'shape'>>;
+
+/**
+ * Skeleton Props
+ */
+export declare type SkeletonProps = Omit<ComponentProps<Partial<SkeletonSlots>>, 'width'> & {
+    /**
+     * The animation type for the Skeleton
+     * @defaultValue wave
+     */
+    animation?: 'wave' | 'pulse';
+    /**
+     * Sets the appearance of the Skeleton.
+     * @defaultValue opaque
+     */
+    appearance?: 'opaque' | 'translucent';
+    /**
+     * Sets the width value of the skeleton wrapper.
+     * @defaultValue 100%
+     * @deprecated Use `className` prop to set width
+     */
+    width?: number | string;
+    /**
+     * Sets the size of the SkeletonItems inside the Skeleton in pixels.
+     * Size is restricted to a limited set of values recommended for most uses (see SkeletonItemSize).
+     * This value can be overridden by the individual SkeletonItem's `size` prop.
+     */
+    size?: SkeletonItemSize;
+    /**
+     * Sets the shape of the SkeletonItems inside the Skeleton.
+     * This value can be overridden by the individual SkeletonItem's `shape` prop.
+     */
+    shape?: 'circle' | 'square' | 'rectangle';
+};
+
+export declare type SkeletonSlots = {
+    /**
+     * The root slot of the `Skeleton` is the container that will contain the slots that make up a `Skeleton`
+     * and any data that the `Skeleton` will load. The default html element is a `div`.
+     */
+    root: NonNullable<Slot<'div', 'span'>>;
+};
+
+/**
+ * State used in rendering Skeleton
+ */
+export declare type SkeletonState = ComponentState<SkeletonSlots> & Required<Pick<SkeletonProps, 'animation' | 'appearance'>> & Pick<SkeletonProps, 'size' | 'shape'>;
+
+/**
+ * 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
+ */
+export declare const useSkeleton_unstable: (props: SkeletonProps, ref: React_2.Ref<HTMLElement>) => SkeletonState;
+
+/**
+ * Base hook for Skeleton component, which manages state related to slots structure and ARIA attributes.
+ *
+ * @param props - User provided props to the Skeleton component.
+ * @param ref - User provided ref to be passed to the Skeleton component.
+ */
+export declare const useSkeletonBase_unstable: (props: SkeletonBaseProps, ref: React_2.Ref<HTMLDivElement>) => SkeletonBaseState;
+
+export declare const useSkeletonContext: () => SkeletonContextValue;
+
+/**
+ * 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
+ */
+export declare const useSkeletonItem_unstable: (props: SkeletonItemProps, ref: React_2.Ref<HTMLElement>) => SkeletonItemState;
+
+/**
+ * Base hook for SkeletonItem component, which manages state related to slots structure.
+ *
+ * @param props - User provided props to the SkeletonItem component.
+ * @param ref - User provided ref to be passed to the SkeletonItem component.
+ */
+export declare const useSkeletonItemBase_unstable: (props: SkeletonItemBaseProps, ref: React_2.Ref<HTMLDivElement>) => SkeletonItemBaseState;
+
+/**
+ * Apply styling to the SkeletonItem slots based on the state
+ */
+export declare const useSkeletonItemStyles_unstable: (state: SkeletonItemState) => SkeletonItemState;
+
+/**
+ * Apply styling to the Skeleton slots based on the state
+ */
+export declare const useSkeletonStyles_unstable: (state: SkeletonState) => SkeletonState;
+
+export { }

node_modules/@fluentui/react-skeleton/lib-commonjs/Skeleton.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Skeleton: function() {
+        return _index.Skeleton;
+    },
+    renderSkeleton_unstable: function() {
+        return _index.renderSkeleton_unstable;
+    },
+    skeletonClassNames: function() {
+        return _index.skeletonClassNames;
+    },
+    useSkeletonBase_unstable: function() {
+        return _index.useSkeletonBase_unstable;
+    },
+    useSkeletonContextValues: function() {
+        return _index.useSkeletonContextValues;
+    },
+    useSkeletonStyles_unstable: function() {
+        return _index.useSkeletonStyles_unstable;
+    },
+    useSkeleton_unstable: function() {
+        return _index.useSkeleton_unstable;
+    }
+});
+const _index = require("./components/Skeleton/index");

node_modules/@fluentui/react-skeleton/lib-commonjs/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Skeleton.ts"],"sourcesContent":["export type {\n  SkeletonBaseProps,\n  SkeletonBaseState,\n  SkeletonContextValues,\n  SkeletonItemSize,\n  SkeletonProps,\n  SkeletonSlots,\n  SkeletonState,\n} from './components/Skeleton/index';\nexport {\n  Skeleton,\n  renderSkeleton_unstable,\n  skeletonClassNames,\n  useSkeletonContextValues,\n  useSkeletonStyles_unstable,\n  useSkeleton_unstable,\n  useSkeletonBase_unstable,\n} from './components/Skeleton/index';\n"],"names":["Skeleton","renderSkeleton_unstable","skeletonClassNames","useSkeletonContextValues","useSkeletonStyles_unstable","useSkeleton_unstable","useSkeletonBase_unstable"],"mappings":";;;;;;;;;;;;eAUEA,eAAQ;;;eACRC,8BAAuB;;;eACvBC,yBAAkB;;;eAIlBI,+BAAwB;;;eAHxBH,+BAAwB;;;eACxBC,iCAA0B;;;eAC1BC,2BAAoB;;;uBAEf,8BAA8B"}

node_modules/@fluentui/react-skeleton/lib-commonjs/SkeletonItem.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SkeletonItem: function() {
+        return _index.SkeletonItem;
+    },
+    renderSkeletonItem_unstable: function() {
+        return _index.renderSkeletonItem_unstable;
+    },
+    skeletonItemClassNames: function() {
+        return _index.skeletonItemClassNames;
+    },
+    useSkeletonItemBase_unstable: function() {
+        return _index.useSkeletonItemBase_unstable;
+    },
+    useSkeletonItemStyles_unstable: function() {
+        return _index.useSkeletonItemStyles_unstable;
+    },
+    useSkeletonItem_unstable: function() {
+        return _index.useSkeletonItem_unstable;
+    }
+});
+const _index = require("./components/SkeletonItem/index");

node_modules/@fluentui/react-skeleton/lib-commonjs/SkeletonItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SkeletonItem.ts"],"sourcesContent":["export type {\n  SkeletonItemBaseProps,\n  SkeletonItemBaseState,\n  SkeletonItemProps,\n  SkeletonItemSlots,\n  SkeletonItemState,\n} from './components/SkeletonItem/index';\nexport {\n  SkeletonItem,\n  renderSkeletonItem_unstable,\n  skeletonItemClassNames,\n  useSkeletonItemStyles_unstable,\n  useSkeletonItem_unstable,\n  useSkeletonItemBase_unstable,\n} from './components/SkeletonItem/index';\n"],"names":["SkeletonItem","renderSkeletonItem_unstable","skeletonItemClassNames","useSkeletonItemStyles_unstable","useSkeletonItem_unstable","useSkeletonItemBase_unstable"],"mappings":";;;;;;;;;;;;eAQEA,mBAAY;;;eACZC,kCAA2B;;;eAC3BC,6BAAsB;;;eAGtBG,mCAA4B;;;eAF5BF,qCAA8B;;;eAC9BC,+BAAwB;;;uBAEnB,kCAAkC"}

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/Skeleton.js

@@ -0,0 +1,26 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Skeleton", {
+    enumerable: true,
+    get: function() {
+        return Skeleton;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useSkeleton = require("./useSkeleton");
+const _renderSkeleton = require("./renderSkeleton");
+const _useSkeletonStylesstyles = require("./useSkeletonStyles.styles");
+const _useSkeletonContextValues = require("./useSkeletonContextValues");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const Skeleton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useSkeleton.useSkeleton_unstable)(props, ref);
+    const contextValues = (0, _useSkeletonContextValues.useSkeletonContextValues)(state);
+    (0, _useSkeletonStylesstyles.useSkeletonStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useSkeletonStyles_unstable')(state);
+    return (0, _renderSkeleton.renderSkeleton_unstable)(state, contextValues);
+});
+Skeleton.displayName = 'Skeleton';

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useSkeleton_unstable } from './useSkeleton';\nimport { renderSkeleton_unstable } from './renderSkeleton';\nimport { useSkeletonStyles_unstable } from './useSkeletonStyles.styles';\nimport { useSkeletonContextValues } from './useSkeletonContextValues';\nimport type { SkeletonProps } from './Skeleton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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  useCustomStyleHook_unstable('useSkeletonStyles_unstable')(state);\n\n  return renderSkeleton_unstable(state, contextValues);\n});\n\nSkeleton.displayName = 'Skeleton';\n"],"names":["React","useSkeleton_unstable","renderSkeleton_unstable","useSkeletonStyles_unstable","useSkeletonContextValues","useCustomStyleHook_unstable","Skeleton","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BACM,gBAAgB;gCACb,mBAAmB;yCAChB,6BAA6B;0CAC/B,6BAA6B;qCAG1B,kCAAkC;AAKvE,MAAMM,WAAAA,WAAAA,GAA+CN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,YAAQT,iCAAAA,EAAqBO,OAAOC;IAC1C,MAAME,oBAAgBP,kDAAAA,EAAyBM;QAE/CP,mDAAAA,EAA2BO;QAC3BL,gDAAAA,EAA4B,8BAA8BK;IAE1D,WAAOR,uCAAAA,EAAwBQ,OAAOC;AACxC,GAAG;AAEHL,SAASM,WAAW,GAAG"}

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/Skeleton.types.js

@@ -0,0 +1,6 @@
+/**
+ * Skeleton base state, excluding design-related state like animation and appearance.
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/Skeleton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"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', 'span'>>;\n};\n\n/**\n * Sizes for the SkeletonItem\n */\nexport type SkeletonItemSize =\n  | 8\n  | 12\n  | 14\n  | 16\n  | 20\n  | 22\n  | 24\n  | 28\n  | 32\n  | 36\n  | 40\n  | 48\n  | 52\n  | 56\n  | 64\n  | 72\n  | 92\n  | 96\n  | 120\n  | 128;\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   * @deprecated Use `className` prop to set width\n   */\n  width?: number | string;\n\n  /**\n   * Sets the size of the SkeletonItems inside the Skeleton in pixels.\n   * Size is restricted to a limited set of values recommended for most uses (see SkeletonItemSize).\n   * This value can be overridden by the individual SkeletonItem's `size` prop.\n   */\n  size?: SkeletonItemSize;\n\n  /**\n   * Sets the shape of the SkeletonItems inside the Skeleton.\n   * This value can be overridden by the individual SkeletonItem's `shape` prop.\n   */\n  shape?: 'circle' | 'square' | 'rectangle';\n};\n\n/**\n * Skeleton base props, excluding design-related props like animation and appearance.\n */\nexport type SkeletonBaseProps = Omit<SkeletonProps, 'animation' | 'appearance'>;\n\nexport type SkeletonContextValues = {\n  skeletonGroup: SkeletonContextValue;\n};\n\n/**\n * State used in rendering Skeleton\n */\nexport type SkeletonState = ComponentState<SkeletonSlots> &\n  Required<Pick<SkeletonProps, 'animation' | 'appearance'>> &\n  Pick<SkeletonProps, 'size' | 'shape'>;\n\n/**\n * Skeleton base state, excluding design-related state like animation and appearance.\n */\nexport type SkeletonBaseState = Omit<SkeletonState, 'animation' | 'appearance' | 'size' | 'shape'>;\n"],"names":[],"mappings":"AAyFA;;CAEC,GACD,WAAmG"}

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/index.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Skeleton: function() {
+        return _Skeleton.Skeleton;
+    },
+    renderSkeleton_unstable: function() {
+        return _renderSkeleton.renderSkeleton_unstable;
+    },
+    skeletonClassNames: function() {
+        return _useSkeletonStylesstyles.skeletonClassNames;
+    },
+    useSkeletonBase_unstable: function() {
+        return _useSkeleton.useSkeletonBase_unstable;
+    },
+    useSkeletonContextValues: function() {
+        return _useSkeletonContextValues.useSkeletonContextValues;
+    },
+    useSkeletonStyles_unstable: function() {
+        return _useSkeletonStylesstyles.useSkeletonStyles_unstable;
+    },
+    useSkeleton_unstable: function() {
+        return _useSkeleton.useSkeleton_unstable;
+    }
+});
+const _Skeleton = require("./Skeleton");
+const _renderSkeleton = require("./renderSkeleton");
+const _useSkeleton = require("./useSkeleton");
+const _useSkeletonContextValues = require("./useSkeletonContextValues");
+const _useSkeletonStylesstyles = require("./useSkeletonStyles.styles");

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/index.ts"],"sourcesContent":["export { Skeleton } from './Skeleton';\nexport type {\n  SkeletonBaseProps,\n  SkeletonBaseState,\n  SkeletonContextValues,\n  SkeletonItemSize,\n  SkeletonProps,\n  SkeletonSlots,\n  SkeletonState,\n} from './Skeleton.types';\nexport { renderSkeleton_unstable } from './renderSkeleton';\nexport { useSkeleton_unstable, useSkeletonBase_unstable } from './useSkeleton';\nexport { useSkeletonContextValues } from './useSkeletonContextValues';\nexport { skeletonClassNames, useSkeletonStyles_unstable } from './useSkeletonStyles.styles';\n"],"names":["Skeleton","renderSkeleton_unstable","useSkeleton_unstable","useSkeletonBase_unstable","useSkeletonContextValues","skeletonClassNames","useSkeletonStyles_unstable"],"mappings":";;;;;;;;;;;IAASA;iCAAQ;;IAURC;sDAAuB;;;eAGvBI,2CAAkB;;;eAFIF,qCAAwB;;;eAC9CC,kDAAwB;;;eACJE,mDAA0B;;;eAF9CJ,iCAAoB;;;0BAXJ,aAAa;gCAUE,mBAAmB;6BACI,gBAAgB;0CACtC,6BAA6B;yCACP,6BAA6B"}

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/renderSkeleton.js

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

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/renderSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/renderSkeleton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } 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): JSXElement => {\n  assertSlots<SkeletonSlots>(state);\n\n  return (\n    <SkeletonContextProvider value={contextValues.skeletonGroup}>\n      <state.root />\n    </SkeletonContextProvider>\n  );\n};\n"],"names":["assertSlots","SkeletonContextProvider","renderSkeleton_unstable","state","contextValues","value","skeletonGroup","root"],"mappings":";;;;+BAWaE;;;;;;4BAVb,gDAAiD;gCAErB,4BAA4B;iCAEhB,iCAAiC;AAMlE,gCAAgC,CAACC,OAAsBC;QAC5DJ,2BAAAA,EAA2BG;IAE3B,OAAA,WAAA,OACE,eAAA,EAACF,wCAAAA,EAAAA;QAAwBI,OAAOD,cAAcE,aAAa;kBACzD,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;AAGjB,EAAE"}

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/useSkeleton.js

@@ -0,0 +1,51 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useSkeletonBase_unstable: function() {
+        return useSkeletonBase_unstable;
+    },
+    useSkeleton_unstable: function() {
+        return useSkeleton_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _SkeletonContext = require("../../contexts/SkeletonContext");
+const useSkeleton_unstable = (props, ref)=>{
+    const { animation: contextAnimation, appearance: contextAppearance } = (0, _SkeletonContext.useSkeletonContext)();
+    const { animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave', appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque', size, shape, ...baseProps } = props;
+    const baseState = useSkeletonBase_unstable(baseProps, ref);
+    return {
+        ...baseState,
+        animation,
+        appearance,
+        size,
+        shape
+    };
+};
+const useSkeletonBase_unstable = (props, ref)=>{
+    const root = _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+        ref,
+        role: 'progressbar',
+        'aria-busy': true,
+        ...props
+    }), {
+        elementType: 'div'
+    });
+    return {
+        components: {
+            root: 'div'
+        },
+        root
+    };
+};

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/useSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/useSkeleton.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { SkeletonBaseProps, SkeletonBaseState, 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 {\n    animation = contextAnimation ?? 'wave',\n    appearance = contextAppearance ?? 'opaque',\n    size,\n    shape,\n    ...baseProps\n  } = props;\n\n  const baseState = useSkeletonBase_unstable(baseProps, ref as React.Ref<HTMLDivElement>);\n\n  return {\n    ...baseState,\n    animation,\n    appearance,\n    size,\n    shape,\n  };\n};\n\n/**\n * Base hook for Skeleton component, which manages state related to slots structure and ARIA attributes.\n *\n * @param props - User provided props to the Skeleton component.\n * @param ref - User provided ref to be passed to the Skeleton component.\n */\nexport const useSkeletonBase_unstable = (\n  props: SkeletonBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n): SkeletonBaseState => {\n  const root = slot.always(\n    getIntrinsicElementProps('div', {\n      ref,\n      role: 'progressbar',\n      'aria-busy': true,\n      ...props,\n    }),\n    { elementType: 'div' },\n  );\n  return { components: { root: 'div' }, root };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useSkeletonContext","useSkeleton_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","size","shape","baseProps","baseState","useSkeletonBase_unstable","root","always","role","elementType","components"],"mappings":"AAAA;;;;;;;;;;;;IA2Cae,wBAAAA;;;wBA3BAX;;;;;iEAdU,QAAQ;gCACgB,4BAA4B;iCAExC,iCAAiC;AAW7D,MAAMA,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EAAEC,WAAWC,gBAAgB,EAAEC,YAAYC,iBAAiB,EAAE,OAAGP,mCAAAA;IACvE,MAAM,EACJI,YAAYC,qBAAAA,QAAAA,qBAAAA,KAAAA,IAAAA,mBAAoB,MAAM,EACtCC,aAAaC,sBAAAA,QAAAA,sBAAAA,KAAAA,IAAAA,oBAAqB,QAAQ,EAC1CC,IAAI,EACJC,KAAK,EACL,GAAGC,WACJ,GAAGR;IAEJ,MAAMS,YAAYC,yBAAyBF,WAAWP;IAEtD,OAAO;QACL,GAAGQ,SAAS;QACZP;QACAE;QACAE;QACAC;IACF;AACF,EAAE;AAQK,iCAAiC,CACtCP,OACAC;IAEA,MAAMU,OAAOd,oBAAAA,CAAKe,MAAM,KACtBhB,wCAAAA,EAAyB,OAAO;QAC9BK;QACAY,MAAM;QACN,aAAa;QACb,GAAGb,KAAK;IACV,IACA;QAAEc,aAAa;IAAM;IAEvB,OAAO;QAAEC,YAAY;YAAEJ,MAAM;QAAM;QAAGA;IAAK;AAC7C,EAAE"}

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/useSkeletonContextValues.js

@@ -0,0 +1,30 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useSkeletonContextValues", {
+    enumerable: true,
+    get: function() {
+        return useSkeletonContextValues;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const useSkeletonContextValues = (state)=>{
+    const { animation, appearance, size, shape } = state;
+    const skeletonGroup = _react.useMemo(()=>({
+            animation,
+            appearance,
+            size,
+            shape
+        }), [
+        animation,
+        appearance,
+        size,
+        shape
+    ]);
+    return {
+        skeletonGroup
+    };
+};

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/useSkeletonContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/useSkeletonContextValues.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { SkeletonContextValues, SkeletonState } from '../Skeleton';\n\nexport const useSkeletonContextValues = (state: SkeletonState): SkeletonContextValues => {\n  const { animation, appearance, size, shape } = state;\n\n  const skeletonGroup = React.useMemo(\n    () => ({\n      animation,\n      appearance,\n      size,\n      shape,\n    }),\n    [animation, appearance, size, shape],\n  );\n\n  return { skeletonGroup };\n};\n"],"names":["React","useSkeletonContextValues","state","animation","appearance","size","shape","skeletonGroup","useMemo"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;AAGxB,MAAMC,2BAA2B,CAACC;IACvC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGJ;IAE/C,MAAMK,gBAAgBP,OAAMQ,OAAO,CACjC,IAAO,CAAA;YACLL;YACAC;YACAC;YACAC;SACF,CAAA,EACA;QAACH;QAAWC;QAAYC;QAAMC;KAAM;IAGtC,OAAO;QAAEC;IAAc;AACzB,EAAE"}

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/useSkeletonStyles.styles.js

@@ -0,0 +1,38 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    skeletonClassNames: function() {
+        return skeletonClassNames;
+    },
+    useSkeletonStyles_unstable: function() {
+        return useSkeletonStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const skeletonClassNames = {
+    root: 'fui-Skeleton'
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    blockStyling: {
+        mc9l5x: "ftgm304"
+    }
+}, {
+    d: [
+        ".ftgm304{display:block;}"
+    ]
+});
+const useSkeletonStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(skeletonClassNames.root, state.root.as === 'span' && styles.blockStyling, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/useSkeletonStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSkeletonStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const skeletonClassNames = {\n    root: 'fui-Skeleton'\n};\nconst useStyles = makeStyles({\n    blockStyling: {\n        display: 'block'\n    }\n});\n/**\n * Apply styling to the Skeleton slots based on the state\n */ export const useSkeletonStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(skeletonClassNames.root, state.root.as === 'span' && styles.blockStyling, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","skeletonClassNames","root","useStyles","blockStyling","mc9l5x","d","useSkeletonStyles_unstable","state","styles","className","as"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,kBAAkB;;;8BAUY;eAA1BM;;;uBAXwB,gBAAgB;AAClD,2BAA2B;IAC9BL,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAK,YAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAIjB,CAAC;AAGS,oCAAoCE,KAAK,IAAG;IACnD,aAAa;IACb,MAAMC,MAAM,GAAGN,SAAS,CAAC,CAAC;IAC1BK,KAAK,CAACN,IAAI,CAACQ,SAAS,OAAGV,mBAAY,EAACC,kBAAkB,CAACC,IAAI,EAAEM,KAAK,CAACN,IAAI,CAACS,EAAE,KAAK,MAAM,IAAIF,MAAM,CAACL,YAAY,EAAEI,KAAK,CAACN,IAAI,CAACQ,SAAS,CAAC;IACnI,OAAOF,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/useSkeletonStyles.styles.raw.js

@@ -0,0 +1,34 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    skeletonClassNames: function() {
+        return skeletonClassNames;
+    },
+    useSkeletonStyles_unstable: function() {
+        return useSkeletonStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const skeletonClassNames = {
+    root: 'fui-Skeleton'
+};
+const useStyles = (0, _react.makeStyles)({
+    blockStyling: {
+        display: 'block'
+    }
+});
+const useSkeletonStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(skeletonClassNames.root, state.root.as === 'span' && styles.blockStyling, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-skeleton/lib-commonjs/components/Skeleton/useSkeletonStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/useSkeletonStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, 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\nconst useStyles = makeStyles({\n  blockStyling: {\n    display: 'block',\n  },\n});\n\n/**\n * Apply styling to the Skeleton slots based on the state\n */\nexport const useSkeletonStyles_unstable = (state: SkeletonState): SkeletonState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(\n    skeletonClassNames.root,\n    state.root.as === 'span' && styles.blockStyling,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","skeletonClassNames","root","useStyles","blockStyling","display","useSkeletonStyles_unstable","state","styles","className","as"],"mappings":"AAAA;;;;;;;;;;;;sBAKaE;;;8BAaAK;;;;uBAhB4B,iBAAiB;AAGnD,MAAML,qBAAoD;IAC/DC,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BK,cAAc;QACZC,SAAS;IACX;AACF;AAKO,MAAMC,6BAA6B,CAACC;IACzC;IAEA,MAAMC,SAASL;IAEfI,MAAML,IAAI,CAACO,SAAS,OAAGT,mBAAAA,EACrBC,mBAAmBC,IAAI,EACvBK,MAAML,IAAI,CAACQ,EAAE,KAAK,UAAUF,OAAOJ,YAAY,EAC/CG,MAAML,IAAI,CAACO,SAAS;IAGtB,OAAOF;AACT,EAAE"}

node_modules/@fluentui/react-skeleton/lib-commonjs/components/SkeletonItem/SkeletonItem.js

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SkeletonItem", {
+    enumerable: true,
+    get: function() {
+        return SkeletonItem;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useSkeletonItem = require("./useSkeletonItem");
+const _renderSkeletonItem = require("./renderSkeletonItem");
+const _useSkeletonItemStylesstyles = require("./useSkeletonItemStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const SkeletonItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useSkeletonItem.useSkeletonItem_unstable)(props, ref);
+    (0, _useSkeletonItemStylesstyles.useSkeletonItemStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useSkeletonItemStyles_unstable')(state);
+    return (0, _renderSkeletonItem.renderSkeletonItem_unstable)(state);
+});
+SkeletonItem.displayName = 'SkeletonItem';

node_modules/@fluentui/react-skeleton/lib-commonjs/components/SkeletonItem/SkeletonItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SkeletonItem/SkeletonItem.tsx"],"sourcesContent":["'use client';\n\nimport * 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';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nexport const SkeletonItem: ForwardRefComponent<SkeletonItemProps> = React.forwardRef((props, ref) => {\n  const state = useSkeletonItem_unstable(props, ref);\n\n  useSkeletonItemStyles_unstable(state);\n  useCustomStyleHook_unstable('useSkeletonItemStyles_unstable')(state);\n\n  return renderSkeletonItem_unstable(state);\n});\n\nSkeletonItem.displayName = 'SkeletonItem';\n"],"names":["React","useSkeletonItem_unstable","renderSkeletonItem_unstable","useSkeletonItemStyles_unstable","useCustomStyleHook_unstable","SkeletonItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;iCACU,oBAAoB;oCACjB,uBAAuB;6CACpB,iCAAiC;qCAGpC,kCAAkC;AAEvE,MAAMK,eAAAA,WAAAA,GAAuDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,YAAQR,yCAAAA,EAAyBM,OAAOC;QAE9CL,2DAAAA,EAA+BM;QAC/BL,gDAAAA,EAA4B,kCAAkCK;IAE9D,WAAOP,+CAAAA,EAA4BO;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}

node_modules/@fluentui/react-skeleton/lib-commonjs/components/SkeletonItem/SkeletonItem.types.js

@@ -0,0 +1,6 @@
+/**
+ * SkeletonItem base state, excluding design-related state like animation, appearance, size, and shape.
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

node_modules/@fluentui/react-skeleton/lib-commonjs/components/SkeletonItem/SkeletonItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SkeletonItem/SkeletonItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { SkeletonProps } from '../Skeleton/Skeleton.types';\n\nexport type SkeletonItemSlots = {\n  root: Slot<'div', 'span'>;\n};\n\n/**\n * SkeletonItem Props\n */\nexport type SkeletonItemProps = ComponentProps<SkeletonItemSlots> &\n  Pick<SkeletonProps, 'size' | 'shape'> & {\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/**\n * SkeletonItem base props, excluding design-related props like animation, appearance, size, and shape.\n */\nexport type SkeletonItemBaseProps = Omit<SkeletonItemProps, 'animation' | 'appearance' | 'size' | 'shape'>;\n\n/**\n * State used in rendering SkeletonItem\n */\nexport type SkeletonItemState = ComponentState<SkeletonItemSlots> &\n  Required<Pick<SkeletonItemProps, 'animation' | 'appearance' | 'size' | 'shape'>>;\n\n/**\n * SkeletonItem base state, excluding design-related state like animation, appearance, size, and shape.\n */\nexport type SkeletonItemBaseState = Omit<SkeletonItemState, 'animation' | 'appearance' | 'size' | 'shape'>;\n"],"names":[],"mappings":"AAoCA;;CAEC,GACD,WAA2G"}

node_modules/@fluentui/react-skeleton/lib-commonjs/components/SkeletonItem/index.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SkeletonItem: function() {
+        return _SkeletonItem.SkeletonItem;
+    },
+    renderSkeletonItem_unstable: function() {
+        return _renderSkeletonItem.renderSkeletonItem_unstable;
+    },
+    skeletonItemClassNames: function() {
+        return _useSkeletonItemStylesstyles.skeletonItemClassNames;
+    },
+    useSkeletonItemBase_unstable: function() {
+        return _useSkeletonItem.useSkeletonItemBase_unstable;
+    },
+    useSkeletonItemStyles_unstable: function() {
+        return _useSkeletonItemStylesstyles.useSkeletonItemStyles_unstable;
+    },
+    useSkeletonItem_unstable: function() {
+        return _useSkeletonItem.useSkeletonItem_unstable;
+    }
+});
+const _SkeletonItem = require("./SkeletonItem");
+const _renderSkeletonItem = require("./renderSkeletonItem");
+const _useSkeletonItem = require("./useSkeletonItem");
+const _useSkeletonItemStylesstyles = require("./useSkeletonItemStyles.styles");

node_modules/@fluentui/react-skeleton/lib-commonjs/components/SkeletonItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SkeletonItem/index.ts"],"sourcesContent":["export { SkeletonItem } from './SkeletonItem';\nexport type {\n  SkeletonItemBaseProps,\n  SkeletonItemBaseState,\n  SkeletonItemProps,\n  SkeletonItemSlots,\n  SkeletonItemState,\n} from './SkeletonItem.types';\nexport { renderSkeletonItem_unstable } from './renderSkeletonItem';\nexport { useSkeletonItem_unstable, useSkeletonItemBase_unstable } from './useSkeletonItem';\nexport { skeletonItemClassNames, useSkeletonItemStyles_unstable } from './useSkeletonItemStyles.styles';\n"],"names":["SkeletonItem","renderSkeletonItem_unstable","useSkeletonItem_unstable","useSkeletonItemBase_unstable","skeletonItemClassNames","useSkeletonItemStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,0BAAY;;;eAQZC,+CAA2B;;;eAE3BG,mDAAsB;;;eADID,6CAA4B;;;eAC9BE,2DAA8B;;;eADtDH,yCAAwB;;;8BATJ,iBAAiB;oCAQF,uBAAuB;iCACI,oBAAoB;6CACpB,iCAAiC"}

node_modules/@fluentui/react-skeleton/lib-commonjs/components/SkeletonItem/renderSkeletonItem.js

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

node_modules/@fluentui/react-skeleton/lib-commonjs/components/SkeletonItem/renderSkeletonItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SkeletonItem/renderSkeletonItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { SkeletonItemBaseState, SkeletonItemSlots } from './SkeletonItem.types';\n\n/**\n * Render the final JSX of SkeletonItem\n */\nexport const renderSkeletonItem_unstable = (state: SkeletonItemBaseState): JSXElement => {\n  assertSlots<SkeletonItemSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderSkeletonItem_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCAErB,4BAA4B;AAOjD,MAAMC,8BAA8B,CAACC;QAC1CF,2BAAAA,EAA+BE;IAE/B,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

node_modules/@fluentui/react-skeleton/lib-commonjs/components/SkeletonItem/useSkeletonItem.js

@@ -0,0 +1,49 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useSkeletonItemBase_unstable: function() {
+        return useSkeletonItemBase_unstable;
+    },
+    useSkeletonItem_unstable: function() {
+        return useSkeletonItem_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _SkeletonContext = require("../../contexts/SkeletonContext");
+const useSkeletonItem_unstable = (props, ref)=>{
+    const { animation: contextAnimation, appearance: contextAppearance, size: contextSize, shape: contextShape } = (0, _SkeletonContext.useSkeletonContext)();
+    const { animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave', appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque', size = contextSize !== null && contextSize !== void 0 ? contextSize : 16, shape = contextShape !== null && contextShape !== void 0 ? contextShape : 'rectangle', ...baseProps } = props;
+    const baseState = useSkeletonItemBase_unstable(baseProps, ref);
+    return {
+        ...baseState,
+        animation,
+        appearance,
+        size,
+        shape
+    };
+};
+const useSkeletonItemBase_unstable = (props, ref)=>{
+    const root = _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+        ref,
+        ...props
+    }), {
+        elementType: 'div'
+    });
+    return {
+        components: {
+            root: 'div'
+        },
+        root
+    };
+};

node_modules/@fluentui/react-skeleton/lib-commonjs/components/SkeletonItem/useSkeletonItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SkeletonItem/useSkeletonItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\nimport type {\n  SkeletonItemBaseProps,\n  SkeletonItemBaseState,\n  SkeletonItemProps,\n  SkeletonItemState,\n} 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 {\n    animation: contextAnimation,\n    appearance: contextAppearance,\n    size: contextSize,\n    shape: contextShape,\n  } = useSkeletonContext();\n  const {\n    animation = contextAnimation ?? 'wave',\n    appearance = contextAppearance ?? 'opaque',\n    size = contextSize ?? 16,\n    shape = contextShape ?? 'rectangle',\n    ...baseProps\n  } = props;\n\n  const baseState = useSkeletonItemBase_unstable(baseProps, ref as React.Ref<HTMLDivElement>);\n\n  return {\n    ...baseState,\n    animation,\n    appearance,\n    size,\n    shape,\n  };\n};\n\n/**\n * Base hook for SkeletonItem component, which manages state related to slots structure.\n *\n * @param props - User provided props to the SkeletonItem component.\n * @param ref - User provided ref to be passed to the SkeletonItem component.\n */\nexport const useSkeletonItemBase_unstable = (\n  props: SkeletonItemBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n): SkeletonItemBaseState => {\n  const root = slot.always(\n    getIntrinsicElementProps('div', {\n      ref,\n      ...props,\n    }),\n    { elementType: 'div' },\n  );\n  return { components: { root: 'div' }, root };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useSkeletonContext","useSkeletonItem_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","size","contextSize","shape","contextShape","baseProps","baseState","useSkeletonItemBase_unstable","root","always","elementType","components"],"mappings":"AAAA;;;;;;;;;;;;IAqDaiB,4BAAAA;;;4BAhCAb;;;;;iEAnBU,QAAQ;gCACgB,4BAA4B;iCACxC,iCAAiC;AAiB7D,MAAMA,2BAA2B,CAACC,OAA0BC;IACjE,MAAM,EACJC,WAAWC,gBAAgB,EAC3BC,YAAYC,iBAAiB,EAC7BC,MAAMC,WAAW,EACjBC,OAAOC,YAAY,EACpB,GAAGX,uCAAAA;IACJ,MAAM,EACJI,YAAYC,qBAAAA,QAAAA,qBAAAA,KAAAA,IAAAA,mBAAoB,MAAM,EACtCC,aAAaC,sBAAAA,QAAAA,sBAAAA,KAAAA,IAAAA,oBAAqB,QAAQ,EAC1CC,OAAOC,gBAAAA,QAAAA,gBAAAA,KAAAA,IAAAA,cAAe,EAAE,EACxBC,QAAQC,iBAAAA,QAAAA,iBAAAA,KAAAA,IAAAA,eAAgB,WAAW,EACnC,GAAGC,WACJ,GAAGV;IAEJ,MAAMW,YAAYC,6BAA6BF,WAAWT;IAE1D,OAAO;QACL,GAAGU,SAAS;QACZT;QACAE;QACAE;QACAE;IACF;AACF,EAAE;AAQK,qCAAqC,CAC1CR,OACAC;IAEA,MAAMY,OAAOhB,oBAAAA,CAAKiB,MAAM,KACtBlB,wCAAAA,EAAyB,OAAO;QAC9BK;QACA,GAAGD,KAAK;IACV,IACA;QAAEe,aAAa;IAAM;IAEvB,OAAO;QAAEC,YAAY;YAAEH,MAAM;QAAM;QAAGA;IAAK;AAC7C,EAAE"}

node_modules/@fluentui/react-skeleton/lib-commonjs/components/SkeletonItem/useSkeletonItemStyles.styles.js

@@ -0,0 +1,413 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    skeletonItemClassNames: function() {
+        return skeletonItemClassNames;
+    },
+    useSkeletonItemStyles_unstable: function() {
+        return useSkeletonItemStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const skeletonItemClassNames = {
+    root: 'fui-SkeletonItem'
+};
+const skeletonWaveAnimation = {
+    to: {
+        transform: 'translate(100%)'
+    }
+};
+const skeletonPulseAnimation = {
+    '0%': {
+        opacity: '1'
+    },
+    '50%': {
+        opacity: '0.4'
+    },
+    '100%': {
+        opacity: '1'
+    }
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        qhf8xq: "f10pi13n",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp",
+        Bsft5z2: "f13zj6fq",
+        ap17g6: "f2gz7yw",
+        E3zdtr: "f1mdlcz9",
+        By385i5: 0,
+        Eqx8gd: 0,
+        B1piin3: 0,
+        bn5sak: 0,
+        B58onuk: "f1nt53hs",
+        s9ouvv: "f18xs7ez",
+        xr36ep: "ffm3629",
+        Bitv4sc: "f1f9zsvm",
+        Gt9ir8: "f1evo4vk",
+        Crt7la: "f18va1k3"
+    },
+    wave: {
+        De3pzq: "f1gjxg63",
+        Br128sd: [
+            "f3fo419",
+            "f6m9r4"
+        ],
+        h62rwi: [
+            "ftnv2js",
+            "f12jzhyt"
+        ],
+        b1kco5: [
+            "fig1c6l",
+            "f1rv5y9h"
+        ],
+        Iqrfzq: "f1xjc3a9"
+    },
+    pulse: {
+        Br128sd: "f171zwvm",
+        xr36ep: "fs3pcyf",
+        Bjyk6c5: "f1yu5riq"
+    },
+    translucent: {
+        De3pzq: "f162mh4z",
+        h62rwi: [
+            "flvf4r0",
+            "f1uek97b"
+        ]
+    },
+    translucentPulse: {
+        De3pzq: "flu3bqm",
+        Bjyk6c5: "fxucc0w"
+    },
+    blockStyling: {
+        mc9l5x: "ftgm304"
+    }
+}, {
+    d: [
+        ".f10pi13n{position:relative;}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
+        ".f13zj6fq::after{content:\"\";}",
+        ".f2gz7yw::after{display:block;}",
+        ".f1mdlcz9::after{position:absolute;}",
+        [
+            ".f1nt53hs::after{inset:0;}",
+            {
+                p: -1
+            }
+        ],
+        ".f18xs7ez::after{animation-iteration-count:infinite;}",
+        ".ffm3629::after{animation-duration:3s;}",
+        ".f1f9zsvm::after{animation-timing-function:ease-in-out;}",
+        ".f1gjxg63{background-color:var(--colorNeutralStencil1);}",
+        ".f3fo419::after{animation-name:f1efwx7q;}",
+        ".f6m9r4::after{animation-name:f1kkgpz1;}",
+        ".ftnv2js::after{background-image:linear-gradient(\n        to right,\n        var(--colorNeutralStencil1) 0%,\n        var(--colorNeutralStencil2) 50%,\n        var(--colorNeutralStencil1) 100%);}",
+        ".f12jzhyt::after{background-image:linear-gradient(\n        to left,\n        var(--colorNeutralStencil1) 0%,\n        var(--colorNeutralStencil2) 50%,\n        var(--colorNeutralStencil1) 100%);}",
+        ".fig1c6l::after{transform:translate(-100%);}",
+        ".f1rv5y9h::after{transform:translate(100%);}",
+        ".f171zwvm::after{animation-name:f12o7gg6;}",
+        ".fs3pcyf::after{animation-duration:1s;}",
+        ".f1yu5riq::after{background-color:var(--colorNeutralStencil1);}",
+        ".f162mh4z{background-color:var(--colorNeutralStencil1Alpha);}",
+        ".flvf4r0::after{background-image:linear-gradient(\n      to right,\n      transparent 0%,\n      var(--colorNeutralStencil1Alpha) 50%,\n      transparent 100%);}",
+        ".f1uek97b::after{background-image:linear-gradient(\n      to left,\n      transparent 0%,\n      var(--colorNeutralStencil1Alpha) 50%,\n      transparent 100%);}",
+        ".flu3bqm{background-color:none;}",
+        ".fxucc0w::after{background-color:var(--colorNeutralStencil1Alpha);}",
+        ".ftgm304{display:block;}"
+    ],
+    m: [
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f1evo4vk::after{animation-duration:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f18va1k3::after{animation-iteration-count:1;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (forced-colors: active){.f1xjc3a9::after{background-color:WindowText;}}",
+            {
+                m: "screen and (forced-colors: active)"
+            }
+        ]
+    ],
+    k: [
+        "@keyframes f1efwx7q{to{transform:translate(100%);}}",
+        "@keyframes f1kkgpz1{to{transform:translate(-100%);}}",
+        "@keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}"
+    ]
+});
+const useRectangleStyles = /*#__PURE__*/ (0, _react.__styles)({
+    "8": {
+        Bqenvij: "f1x82gua"
+    },
+    "12": {
+        Bqenvij: "fvblgha"
+    },
+    "14": {
+        Bqenvij: "fuesxvb"
+    },
+    "16": {
+        Bqenvij: "fd461yt"
+    },
+    "20": {
+        Bqenvij: "fjamq6b"
+    },
+    "22": {
+        Bqenvij: "f50nw0v"
+    },
+    "24": {
+        Bqenvij: "frvgh55"
+    },
+    "28": {
+        Bqenvij: "fxldao9"
+    },
+    "32": {
+        Bqenvij: "f1d2rq10"
+    },
+    "36": {
+        Bqenvij: "f8ljn23"
+    },
+    "40": {
+        Bqenvij: "fbhnoac"
+    },
+    "48": {
+        Bqenvij: "ff2sm71"
+    },
+    "52": {
+        Bqenvij: "fltz6oj"
+    },
+    "56": {
+        Bqenvij: "fzki0ko"
+    },
+    "64": {
+        Bqenvij: "f16k9i2m"
+    },
+    "72": {
+        Bqenvij: "f1shusfg"
+    },
+    "92": {
+        Bqenvij: "f19zsq0h"
+    },
+    "96": {
+        Bqenvij: "fypu0ge"
+    },
+    "120": {
+        Bqenvij: "fjr5b71"
+    },
+    "128": {
+        Bqenvij: "fele2au"
+    },
+    root: {
+        a9b677: "fly5x3f",
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "ff3glw6"
+    }
+}, {
+    d: [
+        ".f1x82gua{height:8px;}",
+        ".fvblgha{height:12px;}",
+        ".fuesxvb{height:14px;}",
+        ".fd461yt{height:16px;}",
+        ".fjamq6b{height:20px;}",
+        ".f50nw0v{height:22px;}",
+        ".frvgh55{height:24px;}",
+        ".fxldao9{height:28px;}",
+        ".f1d2rq10{height:32px;}",
+        ".f8ljn23{height:36px;}",
+        ".fbhnoac{height:40px;}",
+        ".ff2sm71{height:48px;}",
+        ".fltz6oj{height:52px;}",
+        ".fzki0ko{height:56px;}",
+        ".f16k9i2m{height:64px;}",
+        ".f1shusfg{height:72px;}",
+        ".f19zsq0h{height:92px;}",
+        ".fypu0ge{height:96px;}",
+        ".fjr5b71{height:120px;}",
+        ".fele2au{height:128px;}",
+        ".fly5x3f{width:100%;}",
+        [
+            ".ff3glw6{border-radius:4px;}",
+            {
+                p: -1
+            }
+        ]
+    ]
+});
+const useSizeStyles = /*#__PURE__*/ (0, _react.__styles)({
+    "8": {
+        a9b677: "f1o3cbw4",
+        Bqenvij: "f1x82gua"
+    },
+    "12": {
+        a9b677: "frx94fk",
+        Bqenvij: "fvblgha"
+    },
+    "14": {
+        a9b677: "fz18fzn",
+        Bqenvij: "fuesxvb"
+    },
+    "16": {
+        a9b677: "fjw5fx7",
+        Bqenvij: "fd461yt"
+    },
+    "20": {
+        a9b677: "f64fuq3",
+        Bqenvij: "fjamq6b"
+    },
+    "22": {
+        a9b677: "f6zmzpu",
+        Bqenvij: "f50nw0v"
+    },
+    "24": {
+        a9b677: "fq4mcun",
+        Bqenvij: "frvgh55"
+    },
+    "28": {
+        a9b677: "f1w9dchk",
+        Bqenvij: "fxldao9"
+    },
+    "32": {
+        a9b677: "f1szoe96",
+        Bqenvij: "f1d2rq10"
+    },
+    "36": {
+        a9b677: "fpdz1er",
+        Bqenvij: "f8ljn23"
+    },
+    "40": {
+        a9b677: "feqmc2u",
+        Bqenvij: "fbhnoac"
+    },
+    "48": {
+        a9b677: "f124akge",
+        Bqenvij: "ff2sm71"
+    },
+    "52": {
+        a9b677: "f16130wi",
+        Bqenvij: "fltz6oj"
+    },
+    "56": {
+        a9b677: "f1u66zr1",
+        Bqenvij: "fzki0ko"
+    },
+    "64": {
+        a9b677: "fa9ln6p",
+        Bqenvij: "f16k9i2m"
+    },
+    "72": {
+        a9b677: "fhcae8x",
+        Bqenvij: "f1shusfg"
+    },
+    "92": {
+        a9b677: "f78o5r6",
+        Bqenvij: "f19zsq0h"
+    },
+    "96": {
+        a9b677: "f1kyr2gn",
+        Bqenvij: "fypu0ge"
+    },
+    "120": {
+        a9b677: "fwfqyga",
+        Bqenvij: "fjr5b71"
+    },
+    "128": {
+        a9b677: "f1iksgmy",
+        Bqenvij: "fele2au"
+    }
+}, {
+    d: [
+        ".f1o3cbw4{width:8px;}",
+        ".f1x82gua{height:8px;}",
+        ".frx94fk{width:12px;}",
+        ".fvblgha{height:12px;}",
+        ".fz18fzn{width:14px;}",
+        ".fuesxvb{height:14px;}",
+        ".fjw5fx7{width:16px;}",
+        ".fd461yt{height:16px;}",
+        ".f64fuq3{width:20px;}",
+        ".fjamq6b{height:20px;}",
+        ".f6zmzpu{width:22px;}",
+        ".f50nw0v{height:22px;}",
+        ".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;}",
+        ".f16130wi{width:52px;}",
+        ".fltz6oj{height:52px;}",
+        ".f1u66zr1{width:56px;}",
+        ".fzki0ko{height:56px;}",
+        ".fa9ln6p{width:64px;}",
+        ".f16k9i2m{height:64px;}",
+        ".fhcae8x{width:72px;}",
+        ".f1shusfg{height:72px;}",
+        ".f78o5r6{width:92px;}",
+        ".f19zsq0h{height:92px;}",
+        ".f1kyr2gn{width:96px;}",
+        ".fypu0ge{height:96px;}",
+        ".fwfqyga{width:120px;}",
+        ".fjr5b71{height:120px;}",
+        ".f1iksgmy{width:128px;}",
+        ".fele2au{height:128px;}"
+    ]
+});
+const useCircleSizeStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "f5q2cvs"
+    }
+}, {
+    d: [
+        [
+            ".f5q2cvs{border-radius:50%;}",
+            {
+                p: -1
+            }
+        ]
+    ]
+});
+const useSkeletonItemStyles_unstable = (state)=>{
+    'use no memo';
+    const { animation, appearance, size, shape } = state;
+    const rootStyles = useStyles();
+    const rectStyles = useRectangleStyles();
+    const sizeStyles = useSizeStyles();
+    const circleStyles = useCircleSizeStyles();
+    state.root.className = (0, _react.mergeClasses)(skeletonItemClassNames.root, rootStyles.root, state.root.as === 'span' && rootStyles.blockStyling, animation === 'wave' && rootStyles.wave, 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;
+};

node_modules/@fluentui/react-skeleton/lib-commonjs/components/SkeletonItem/useSkeletonItemStyles.styles.raw.js

@@ -0,0 +1,265 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    skeletonItemClassNames: function() {
+        return skeletonItemClassNames;
+    },
+    useSkeletonItemStyles_unstable: function() {
+        return useSkeletonItemStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const skeletonItemClassNames = {
+    root: 'fui-SkeletonItem'
+};
+const skeletonWaveAnimation = {
+    to: {
+        transform: 'translate(100%)'
+    }
+};
+const skeletonPulseAnimation = {
+    '0%': {
+        opacity: '1'
+    },
+    '50%': {
+        opacity: '0.4'
+    },
+    '100%': {
+        opacity: '1'
+    }
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeStyles)({
+    root: {
+        position: 'relative',
+        overflow: 'hidden',
+        '::after': {
+            content: '""',
+            display: 'block',
+            position: 'absolute',
+            inset: '0',
+            animationIterationCount: 'infinite',
+            animationDuration: '3s',
+            animationTimingFunction: 'ease-in-out',
+            '@media screen and (prefers-reduced-motion: reduce)': {
+                animationDuration: '0.01ms',
+                animationIterationCount: '1'
+            }
+        }
+    },
+    wave: {
+        backgroundColor: _reacttheme.tokens.colorNeutralStencil1,
+        '::after': {
+            animationName: skeletonWaveAnimation,
+            backgroundImage: `linear-gradient(
+        to right,
+        ${_reacttheme.tokens.colorNeutralStencil1} 0%,
+        ${_reacttheme.tokens.colorNeutralStencil2} 50%,
+        ${_reacttheme.tokens.colorNeutralStencil1} 100%)`,
+            transform: 'translate(-100%)',
+            '@media screen and (forced-colors: active)': {
+                backgroundColor: 'WindowText'
+            }
+        }
+    },
+    pulse: {
+        '::after': {
+            animationName: skeletonPulseAnimation,
+            animationDuration: '1s',
+            backgroundColor: _reacttheme.tokens.colorNeutralStencil1
+        }
+    },
+    translucent: {
+        backgroundColor: _reacttheme.tokens.colorNeutralStencil1Alpha,
+        '::after': {
+            backgroundImage: `linear-gradient(
+      to right,
+      transparent 0%,
+      ${_reacttheme.tokens.colorNeutralStencil1Alpha} 50%,
+      transparent 100%)`
+        }
+    },
+    translucentPulse: {
+        backgroundColor: 'none',
+        '::after': {
+            backgroundColor: _reacttheme.tokens.colorNeutralStencil1Alpha
+        }
+    },
+    blockStyling: {
+        display: 'block'
+    }
+});
+const useRectangleStyles = (0, _react.makeStyles)({
+    root: {
+        width: '100%',
+        borderRadius: '4px'
+    },
+    8: {
+        height: '8px'
+    },
+    12: {
+        height: '12px'
+    },
+    14: {
+        height: '14px'
+    },
+    16: {
+        height: '16px'
+    },
+    20: {
+        height: '20px'
+    },
+    22: {
+        height: '22px'
+    },
+    24: {
+        height: '24px'
+    },
+    28: {
+        height: '28px'
+    },
+    32: {
+        height: '32px'
+    },
+    36: {
+        height: '36px'
+    },
+    40: {
+        height: '40px'
+    },
+    48: {
+        height: '48px'
+    },
+    52: {
+        height: '52px'
+    },
+    56: {
+        height: '56px'
+    },
+    64: {
+        height: '64px'
+    },
+    72: {
+        height: '72px'
+    },
+    92: {
+        height: '92px'
+    },
+    96: {
+        height: '96px'
+    },
+    120: {
+        height: '120px'
+    },
+    128: {
+        height: '128px'
+    }
+});
+const useSizeStyles = (0, _react.makeStyles)({
+    8: {
+        width: '8px',
+        height: '8px'
+    },
+    12: {
+        width: '12px',
+        height: '12px'
+    },
+    14: {
+        width: '14px',
+        height: '14px'
+    },
+    16: {
+        width: '16px',
+        height: '16px'
+    },
+    20: {
+        width: '20px',
+        height: '20px'
+    },
+    22: {
+        width: '22px',
+        height: '22px'
+    },
+    24: {
+        width: '24px',
+        height: '24px'
+    },
+    28: {
+        width: '28px',
+        height: '28px'
+    },
+    32: {
+        width: '32px',
+        height: '32px'
+    },
+    36: {
+        width: '36px',
+        height: '36px'
+    },
+    40: {
+        width: '40px',
+        height: '40px'
+    },
+    48: {
+        width: '48px',
+        height: '48px'
+    },
+    52: {
+        width: '52px',
+        height: '52px'
+    },
+    56: {
+        width: '56px',
+        height: '56px'
+    },
+    64: {
+        width: '64px',
+        height: '64px'
+    },
+    72: {
+        width: '72px',
+        height: '72px'
+    },
+    92: {
+        width: '92px',
+        height: '92px'
+    },
+    96: {
+        width: '96px',
+        height: '96px'
+    },
+    120: {
+        width: '120px',
+        height: '120px'
+    },
+    128: {
+        width: '128px',
+        height: '128px'
+    }
+});
+const useCircleSizeStyles = (0, _react.makeStyles)({
+    root: {
+        borderRadius: '50%'
+    }
+});
+const useSkeletonItemStyles_unstable = (state)=>{
+    'use no memo';
+    const { animation, appearance, size, shape } = state;
+    const rootStyles = useStyles();
+    const rectStyles = useRectangleStyles();
+    const sizeStyles = useSizeStyles();
+    const circleStyles = useCircleSizeStyles();
+    state.root.className = (0, _react.mergeClasses)(skeletonItemClassNames.root, rootStyles.root, state.root.as === 'span' && rootStyles.blockStyling, animation === 'wave' && rootStyles.wave, 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;
+};

node_modules/@fluentui/react-skeleton/lib-commonjs/contexts/SkeletonContext.js

@@ -0,0 +1,28 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SkeletonContextProvider: function() {
+        return SkeletonContextProvider;
+    },
+    useSkeletonContext: function() {
+        return useSkeletonContext;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const SkeletonContext = /*#__PURE__*/ _react.createContext(undefined);
+const skeletonContextDefaultValue = {};
+const SkeletonContextProvider = SkeletonContext.Provider;
+const useSkeletonContext = ()=>{
+    var _React_useContext;
+    return (_React_useContext = _react.useContext(SkeletonContext)) !== null && _React_useContext !== void 0 ? _React_useContext : skeletonContextDefaultValue;
+};

node_modules/@fluentui/react-skeleton/lib-commonjs/contexts/SkeletonContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/SkeletonContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { SkeletonItemSize } from '../components/Skeleton/Skeleton.types';\n\nconst SkeletonContext = React.createContext<SkeletonContextValue | undefined>(undefined);\n\nexport interface SkeletonContextValue {\n  animation?: 'wave' | 'pulse';\n  appearance?: 'opaque' | 'translucent';\n  size?: SkeletonItemSize;\n  shape?: 'circle' | 'square' | 'rectangle';\n}\n\nconst skeletonContextDefaultValue: SkeletonContextValue = {};\n\nexport const SkeletonContextProvider = SkeletonContext.Provider;\n\nexport const useSkeletonContext = (): SkeletonContextValue =>\n  React.useContext(SkeletonContext) ?? skeletonContextDefaultValue;\n"],"names":["React","SkeletonContext","createContext","undefined","skeletonContextDefaultValue","SkeletonContextProvider","Provider","useSkeletonContext","useContext"],"mappings":"AAAA;;;;;;;;;;;;2BAgBaK;;;sBAEAE;;;;;iEAhBU,QAAQ;AAG/B,MAAMN,gCAAkBD,OAAME,aAAa,CAAmCC;AAS9E,MAAMC,8BAAoD,CAAC;AAEpD,MAAMC,0BAA0BJ,gBAAgBK,QAAQ,CAAC;AAEzD,MAAMC,qBAAqB;QAChCP;WAAAA,CAAAA,oBAAAA,OAAMQ,UAAU,CAACP,gBAAAA,MAAAA,QAAjBD,sBAAAA,KAAAA,IAAAA,oBAAqCI;EAA4B"}

node_modules/@fluentui/react-skeleton/lib-commonjs/contexts/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SkeletonContextProvider: function() {
+        return _SkeletonContext.SkeletonContextProvider;
+    },
+    useSkeletonContext: function() {
+        return _SkeletonContext.useSkeletonContext;
+    }
+});
+const _SkeletonContext = require("./SkeletonContext");

node_modules/@fluentui/react-skeleton/lib-commonjs/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export type { SkeletonContextValue } from './SkeletonContext';\nexport { SkeletonContextProvider, useSkeletonContext } from './SkeletonContext';\n"],"names":["SkeletonContextProvider","useSkeletonContext"],"mappings":";;;;;;;;;;;;eACSA,wCAAuB;;;eAAEC,mCAAkB;;;iCAAQ,oBAAoB"}

node_modules/@fluentui/react-skeleton/lib-commonjs/index.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Skeleton: function() {
+        return _Skeleton.Skeleton;
+    },
+    SkeletonContextProvider: function() {
+        return _index.SkeletonContextProvider;
+    },
+    SkeletonItem: function() {
+        return _SkeletonItem.SkeletonItem;
+    },
+    renderSkeletonItem_unstable: function() {
+        return _SkeletonItem.renderSkeletonItem_unstable;
+    },
+    renderSkeleton_unstable: function() {
+        return _Skeleton.renderSkeleton_unstable;
+    },
+    skeletonClassNames: function() {
+        return _Skeleton.skeletonClassNames;
+    },
+    skeletonItemClassNames: function() {
+        return _SkeletonItem.skeletonItemClassNames;
+    },
+    useSkeletonBase_unstable: function() {
+        return _Skeleton.useSkeletonBase_unstable;
+    },
+    useSkeletonContext: function() {
+        return _index.useSkeletonContext;
+    },
+    useSkeletonItemBase_unstable: function() {
+        return _SkeletonItem.useSkeletonItemBase_unstable;
+    },
+    useSkeletonItemStyles_unstable: function() {
+        return _SkeletonItem.useSkeletonItemStyles_unstable;
+    },
+    useSkeletonItem_unstable: function() {
+        return _SkeletonItem.useSkeletonItem_unstable;
+    },
+    useSkeletonStyles_unstable: function() {
+        return _Skeleton.useSkeletonStyles_unstable;
+    },
+    useSkeleton_unstable: function() {
+        return _Skeleton.useSkeleton_unstable;
+    }
+});
+const _Skeleton = require("./Skeleton");
+const _SkeletonItem = require("./SkeletonItem");
+const _index = require("./contexts/index");

node_modules/@fluentui/react-skeleton/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Skeleton,\n  renderSkeleton_unstable,\n  skeletonClassNames,\n  useSkeletonStyles_unstable,\n  useSkeleton_unstable,\n  useSkeletonBase_unstable,\n} from './Skeleton';\nexport type { SkeletonBaseProps, SkeletonProps, SkeletonSlots, SkeletonBaseState, SkeletonState } from './Skeleton';\nexport {\n  SkeletonItem,\n  renderSkeletonItem_unstable,\n  skeletonItemClassNames,\n  useSkeletonItemStyles_unstable,\n  useSkeletonItem_unstable,\n  useSkeletonItemBase_unstable,\n} from './SkeletonItem';\nexport type {\n  SkeletonItemBaseProps,\n  SkeletonItemProps,\n  SkeletonItemSlots,\n  SkeletonItemBaseState,\n  SkeletonItemState,\n} from './SkeletonItem';\nexport { SkeletonContextProvider, useSkeletonContext } from './contexts/index';\nexport type { SkeletonContextValue } from './contexts/index';\n"],"names":["Skeleton","renderSkeleton_unstable","skeletonClassNames","useSkeletonStyles_unstable","useSkeleton_unstable","useSkeletonBase_unstable","SkeletonItem","renderSkeletonItem_unstable","skeletonItemClassNames","useSkeletonItemStyles_unstable","useSkeletonItem_unstable","useSkeletonItemBase_unstable","SkeletonContextProvider","useSkeletonContext"],"mappings":";;;;;;;;;;;IACEA;iCAAQ;;2BAuBsB;eAAvBY;;;eAdPN,0BAAY;;+BACe;eAA3BC;;;eATAN,iCAAuB;;;eACvBC,4BAAkB;;IASlBM;mDAAsB;;;eANtBH,kCAAwB;;IAkBQQ;wCAAkB;;;eATlDF,0CAA4B;;;eAF5BF,4CAA8B;;;eAC9BC,sCAAwB;;;eAVxBP,oCAA0B;;;eAC1BC,8BAAoB;;;0BAEf,aAAa;8BASb,iBAAiB;uBAQoC,mBAAmB"}

node_modules/@fluentui/react-skeleton/lib/Skeleton.js

@@ -0,0 +1 @@
+export { Skeleton, renderSkeleton_unstable, skeletonClassNames, useSkeletonContextValues, useSkeletonStyles_unstable, useSkeleton_unstable, useSkeletonBase_unstable } from './components/Skeleton/index';

node_modules/@fluentui/react-skeleton/lib/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Skeleton.ts"],"sourcesContent":["export type {\n  SkeletonBaseProps,\n  SkeletonBaseState,\n  SkeletonContextValues,\n  SkeletonItemSize,\n  SkeletonProps,\n  SkeletonSlots,\n  SkeletonState,\n} from './components/Skeleton/index';\nexport {\n  Skeleton,\n  renderSkeleton_unstable,\n  skeletonClassNames,\n  useSkeletonContextValues,\n  useSkeletonStyles_unstable,\n  useSkeleton_unstable,\n  useSkeletonBase_unstable,\n} from './components/Skeleton/index';\n"],"names":["Skeleton","renderSkeleton_unstable","skeletonClassNames","useSkeletonContextValues","useSkeletonStyles_unstable","useSkeleton_unstable","useSkeletonBase_unstable"],"mappings":"AASA,SACEA,QAAQ,EACRC,uBAAuB,EACvBC,kBAAkB,EAClBC,wBAAwB,EACxBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,wBAAwB,QACnB,8BAA8B"}

node_modules/@fluentui/react-skeleton/lib/SkeletonItem.js

@@ -0,0 +1 @@
+export { SkeletonItem, renderSkeletonItem_unstable, skeletonItemClassNames, useSkeletonItemStyles_unstable, useSkeletonItem_unstable, useSkeletonItemBase_unstable } from './components/SkeletonItem/index';

node_modules/@fluentui/react-skeleton/lib/SkeletonItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SkeletonItem.ts"],"sourcesContent":["export type {\n  SkeletonItemBaseProps,\n  SkeletonItemBaseState,\n  SkeletonItemProps,\n  SkeletonItemSlots,\n  SkeletonItemState,\n} from './components/SkeletonItem/index';\nexport {\n  SkeletonItem,\n  renderSkeletonItem_unstable,\n  skeletonItemClassNames,\n  useSkeletonItemStyles_unstable,\n  useSkeletonItem_unstable,\n  useSkeletonItemBase_unstable,\n} from './components/SkeletonItem/index';\n"],"names":["SkeletonItem","renderSkeletonItem_unstable","skeletonItemClassNames","useSkeletonItemStyles_unstable","useSkeletonItem_unstable","useSkeletonItemBase_unstable"],"mappings":"AAOA,SACEA,YAAY,EACZC,2BAA2B,EAC3BC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,EACxBC,4BAA4B,QACvB,kCAAkC"}

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/Skeleton.js

@@ -0,0 +1,17 @@
+'use client';
+import * as React from 'react';
+import { useSkeleton_unstable } from './useSkeleton';
+import { renderSkeleton_unstable } from './renderSkeleton';
+import { useSkeletonStyles_unstable } from './useSkeletonStyles.styles';
+import { useSkeletonContextValues } from './useSkeletonContextValues';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * 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);
+    useCustomStyleHook_unstable('useSkeletonStyles_unstable')(state);
+    return renderSkeleton_unstable(state, contextValues);
+});
+Skeleton.displayName = 'Skeleton';

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useSkeleton_unstable } from './useSkeleton';\nimport { renderSkeleton_unstable } from './renderSkeleton';\nimport { useSkeletonStyles_unstable } from './useSkeletonStyles.styles';\nimport { useSkeletonContextValues } from './useSkeletonContextValues';\nimport type { SkeletonProps } from './Skeleton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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  useCustomStyleHook_unstable('useSkeletonStyles_unstable')(state);\n\n  return renderSkeleton_unstable(state, contextValues);\n});\n\nSkeleton.displayName = 'Skeleton';\n"],"names":["React","useSkeleton_unstable","renderSkeleton_unstable","useSkeletonStyles_unstable","useSkeletonContextValues","useCustomStyleHook_unstable","Skeleton","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,6BAA6B;AACxE,SAASC,wBAAwB,QAAQ,6BAA6B;AAGtE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,yBAA+CN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQT,qBAAqBO,OAAOC;IAC1C,MAAME,gBAAgBP,yBAAyBM;IAE/CP,2BAA2BO;IAC3BL,4BAA4B,8BAA8BK;IAE1D,OAAOR,wBAAwBQ,OAAOC;AACxC,GAAG;AAEHL,SAASM,WAAW,GAAG"}

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/Skeleton.types.js

@@ -0,0 +1,3 @@
+/**
+ * Skeleton base state, excluding design-related state like animation and appearance.
+ */ export { };

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/Skeleton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"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', 'span'>>;\n};\n\n/**\n * Sizes for the SkeletonItem\n */\nexport type SkeletonItemSize =\n  | 8\n  | 12\n  | 14\n  | 16\n  | 20\n  | 22\n  | 24\n  | 28\n  | 32\n  | 36\n  | 40\n  | 48\n  | 52\n  | 56\n  | 64\n  | 72\n  | 92\n  | 96\n  | 120\n  | 128;\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   * @deprecated Use `className` prop to set width\n   */\n  width?: number | string;\n\n  /**\n   * Sets the size of the SkeletonItems inside the Skeleton in pixels.\n   * Size is restricted to a limited set of values recommended for most uses (see SkeletonItemSize).\n   * This value can be overridden by the individual SkeletonItem's `size` prop.\n   */\n  size?: SkeletonItemSize;\n\n  /**\n   * Sets the shape of the SkeletonItems inside the Skeleton.\n   * This value can be overridden by the individual SkeletonItem's `shape` prop.\n   */\n  shape?: 'circle' | 'square' | 'rectangle';\n};\n\n/**\n * Skeleton base props, excluding design-related props like animation and appearance.\n */\nexport type SkeletonBaseProps = Omit<SkeletonProps, 'animation' | 'appearance'>;\n\nexport type SkeletonContextValues = {\n  skeletonGroup: SkeletonContextValue;\n};\n\n/**\n * State used in rendering Skeleton\n */\nexport type SkeletonState = ComponentState<SkeletonSlots> &\n  Required<Pick<SkeletonProps, 'animation' | 'appearance'>> &\n  Pick<SkeletonProps, 'size' | 'shape'>;\n\n/**\n * Skeleton base state, excluding design-related state like animation and appearance.\n */\nexport type SkeletonBaseState = Omit<SkeletonState, 'animation' | 'appearance' | 'size' | 'shape'>;\n"],"names":[],"mappings":"AAyFA;;CAEC,GACD,WAAmG"}

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/index.js

@@ -0,0 +1,5 @@
+export { Skeleton } from './Skeleton';
+export { renderSkeleton_unstable } from './renderSkeleton';
+export { useSkeleton_unstable, useSkeletonBase_unstable } from './useSkeleton';
+export { useSkeletonContextValues } from './useSkeletonContextValues';
+export { skeletonClassNames, useSkeletonStyles_unstable } from './useSkeletonStyles.styles';

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/index.ts"],"sourcesContent":["export { Skeleton } from './Skeleton';\nexport type {\n  SkeletonBaseProps,\n  SkeletonBaseState,\n  SkeletonContextValues,\n  SkeletonItemSize,\n  SkeletonProps,\n  SkeletonSlots,\n  SkeletonState,\n} from './Skeleton.types';\nexport { renderSkeleton_unstable } from './renderSkeleton';\nexport { useSkeleton_unstable, useSkeletonBase_unstable } from './useSkeleton';\nexport { useSkeletonContextValues } from './useSkeletonContextValues';\nexport { skeletonClassNames, useSkeletonStyles_unstable } from './useSkeletonStyles.styles';\n"],"names":["Skeleton","renderSkeleton_unstable","useSkeleton_unstable","useSkeletonBase_unstable","useSkeletonContextValues","skeletonClassNames","useSkeletonStyles_unstable"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,aAAa;AAUtC,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,oBAAoB,EAAEC,wBAAwB,QAAQ,gBAAgB;AAC/E,SAASC,wBAAwB,QAAQ,6BAA6B;AACtE,SAASC,kBAAkB,EAAEC,0BAA0B,QAAQ,6BAA6B"}

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/renderSkeleton.js

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

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/renderSkeleton.js.map

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

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/useSkeleton.js

@@ -0,0 +1,45 @@
+'use client';
+import * as React from 'react';
+import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
+import { useSkeletonContext } from '../../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
+ */ 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', size, shape, ...baseProps } = props;
+    const baseState = useSkeletonBase_unstable(baseProps, ref);
+    return {
+        ...baseState,
+        animation,
+        appearance,
+        size,
+        shape
+    };
+};
+/**
+ * Base hook for Skeleton component, which manages state related to slots structure and ARIA attributes.
+ *
+ * @param props - User provided props to the Skeleton component.
+ * @param ref - User provided ref to be passed to the Skeleton component.
+ */ export const useSkeletonBase_unstable = (props, ref)=>{
+    const root = slot.always(getIntrinsicElementProps('div', {
+        ref,
+        role: 'progressbar',
+        'aria-busy': true,
+        ...props
+    }), {
+        elementType: 'div'
+    });
+    return {
+        components: {
+            root: 'div'
+        },
+        root
+    };
+};

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/useSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/useSkeleton.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { SkeletonBaseProps, SkeletonBaseState, 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 {\n    animation = contextAnimation ?? 'wave',\n    appearance = contextAppearance ?? 'opaque',\n    size,\n    shape,\n    ...baseProps\n  } = props;\n\n  const baseState = useSkeletonBase_unstable(baseProps, ref as React.Ref<HTMLDivElement>);\n\n  return {\n    ...baseState,\n    animation,\n    appearance,\n    size,\n    shape,\n  };\n};\n\n/**\n * Base hook for Skeleton component, which manages state related to slots structure and ARIA attributes.\n *\n * @param props - User provided props to the Skeleton component.\n * @param ref - User provided ref to be passed to the Skeleton component.\n */\nexport const useSkeletonBase_unstable = (\n  props: SkeletonBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n): SkeletonBaseState => {\n  const root = slot.always(\n    getIntrinsicElementProps('div', {\n      ref,\n      role: 'progressbar',\n      'aria-busy': true,\n      ...props,\n    }),\n    { elementType: 'div' },\n  );\n  return { components: { root: 'div' }, root };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useSkeletonContext","useSkeleton_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","size","shape","baseProps","baseState","useSkeletonBase_unstable","root","always","role","elementType","components"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAASC,kBAAkB,QAAQ,iCAAiC;AAEpE;;;;;;;;CAQC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EAAEC,WAAWC,gBAAgB,EAAEC,YAAYC,iBAAiB,EAAE,GAAGP;IACvE,MAAM,EACJI,YAAYC,6BAAAA,8BAAAA,mBAAoB,MAAM,EACtCC,aAAaC,8BAAAA,+BAAAA,oBAAqB,QAAQ,EAC1CC,IAAI,EACJC,KAAK,EACL,GAAGC,WACJ,GAAGR;IAEJ,MAAMS,YAAYC,yBAAyBF,WAAWP;IAEtD,OAAO;QACL,GAAGQ,SAAS;QACZP;QACAE;QACAE;QACAC;IACF;AACF,EAAE;AAEF;;;;;CAKC,GACD,OAAO,MAAMG,2BAA2B,CACtCV,OACAC;IAEA,MAAMU,OAAOd,KAAKe,MAAM,CACtBhB,yBAAyB,OAAO;QAC9BK;QACAY,MAAM;QACN,aAAa;QACb,GAAGb,KAAK;IACV,IACA;QAAEc,aAAa;IAAM;IAEvB,OAAO;QAAEC,YAAY;YAAEJ,MAAM;QAAM;QAAGA;IAAK;AAC7C,EAAE"}

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/useSkeletonContextValues.js

@@ -0,0 +1,19 @@
+'use client';
+import * as React from 'react';
+export const useSkeletonContextValues = (state)=>{
+    const { animation, appearance, size, shape } = state;
+    const skeletonGroup = React.useMemo(()=>({
+            animation,
+            appearance,
+            size,
+            shape
+        }), [
+        animation,
+        appearance,
+        size,
+        shape
+    ]);
+    return {
+        skeletonGroup
+    };
+};

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/useSkeletonContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/useSkeletonContextValues.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { SkeletonContextValues, SkeletonState } from '../Skeleton';\n\nexport const useSkeletonContextValues = (state: SkeletonState): SkeletonContextValues => {\n  const { animation, appearance, size, shape } = state;\n\n  const skeletonGroup = React.useMemo(\n    () => ({\n      animation,\n      appearance,\n      size,\n      shape,\n    }),\n    [animation, appearance, size, shape],\n  );\n\n  return { skeletonGroup };\n};\n"],"names":["React","useSkeletonContextValues","state","animation","appearance","size","shape","skeletonGroup","useMemo"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,MAAMC,2BAA2B,CAACC;IACvC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGJ;IAE/C,MAAMK,gBAAgBP,MAAMQ,OAAO,CACjC,IAAO,CAAA;YACLL;YACAC;YACAC;YACAC;QACF,CAAA,GACA;QAACH;QAAWC;QAAYC;QAAMC;KAAM;IAGtC,OAAO;QAAEC;IAAc;AACzB,EAAE"}

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/useSkeletonStyles.styles.js

@@ -0,0 +1,23 @@
+'use client';
+
+import { __styles, mergeClasses } from '@griffel/react';
+export const skeletonClassNames = {
+  root: 'fui-Skeleton'
+};
+const useStyles = /*#__PURE__*/__styles({
+  blockStyling: {
+    mc9l5x: "ftgm304"
+  }
+}, {
+  d: [".ftgm304{display:block;}"]
+});
+/**
+ * Apply styling to the Skeleton slots based on the state
+ */
+export const useSkeletonStyles_unstable = state => {
+  'use no memo';
+
+  const styles = useStyles();
+  state.root.className = mergeClasses(skeletonClassNames.root, state.root.as === 'span' && styles.blockStyling, state.root.className);
+  return state;
+};

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/useSkeletonStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","skeletonClassNames","root","useStyles","blockStyling","mc9l5x","d","useSkeletonStyles_unstable","state","styles","className","as"],"sources":["useSkeletonStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const skeletonClassNames = {\n    root: 'fui-Skeleton'\n};\nconst useStyles = makeStyles({\n    blockStyling: {\n        display: 'block'\n    }\n});\n/**\n * Apply styling to the Skeleton slots based on the state\n */ export const useSkeletonStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(skeletonClassNames.root, state.root.as === 'span' && styles.blockStyling, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGJ,QAAA;EAAAK,YAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAIjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,0BAA0B,GAAIC,KAAK,IAAG;EACnD,aAAa;;EACb,MAAMC,MAAM,GAAGN,SAAS,CAAC,CAAC;EAC1BK,KAAK,CAACN,IAAI,CAACQ,SAAS,GAAGV,YAAY,CAACC,kBAAkB,CAACC,IAAI,EAAEM,KAAK,CAACN,IAAI,CAACS,EAAE,KAAK,MAAM,IAAIF,MAAM,CAACL,YAAY,EAAEI,KAAK,CAACN,IAAI,CAACQ,SAAS,CAAC;EACnI,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/useSkeletonStyles.styles.raw.js

@@ -0,0 +1,18 @@
+'use client';
+import { makeStyles, mergeClasses } from '@griffel/react';
+export const skeletonClassNames = {
+    root: 'fui-Skeleton'
+};
+const useStyles = makeStyles({
+    blockStyling: {
+        display: 'block'
+    }
+});
+/**
+ * Apply styling to the Skeleton slots based on the state
+ */ export const useSkeletonStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(skeletonClassNames.root, state.root.as === 'span' && styles.blockStyling, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-skeleton/lib/components/Skeleton/useSkeletonStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/useSkeletonStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, 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\nconst useStyles = makeStyles({\n  blockStyling: {\n    display: 'block',\n  },\n});\n\n/**\n * Apply styling to the Skeleton slots based on the state\n */\nexport const useSkeletonStyles_unstable = (state: SkeletonState): SkeletonState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(\n    skeletonClassNames.root,\n    state.root.as === 'span' && styles.blockStyling,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","skeletonClassNames","root","useStyles","blockStyling","display","useSkeletonStyles_unstable","state","styles","className","as"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D,OAAO,MAAMC,qBAAoD;IAC/DC,MAAM;AACR,EAAE;AAEF,MAAMC,YAAYJ,WAAW;IAC3BK,cAAc;QACZC,SAAS;IACX;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzC;IAEA,MAAMC,SAASL;IAEfI,MAAML,IAAI,CAACO,SAAS,GAAGT,aACrBC,mBAAmBC,IAAI,EACvBK,MAAML,IAAI,CAACQ,EAAE,KAAK,UAAUF,OAAOJ,YAAY,EAC/CG,MAAML,IAAI,CAACO,SAAS;IAGtB,OAAOF;AACT,EAAE"}

node_modules/@fluentui/react-skeleton/lib/components/SkeletonItem/SkeletonItem.js

@@ -0,0 +1,13 @@
+'use client';
+import * as React from 'react';
+import { useSkeletonItem_unstable } from './useSkeletonItem';
+import { renderSkeletonItem_unstable } from './renderSkeletonItem';
+import { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+export const SkeletonItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useSkeletonItem_unstable(props, ref);
+    useSkeletonItemStyles_unstable(state);
+    useCustomStyleHook_unstable('useSkeletonItemStyles_unstable')(state);
+    return renderSkeletonItem_unstable(state);
+});
+SkeletonItem.displayName = 'SkeletonItem';

node_modules/@fluentui/react-skeleton/lib/components/SkeletonItem/SkeletonItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SkeletonItem/SkeletonItem.tsx"],"sourcesContent":["'use client';\n\nimport * 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';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nexport const SkeletonItem: ForwardRefComponent<SkeletonItemProps> = React.forwardRef((props, ref) => {\n  const state = useSkeletonItem_unstable(props, ref);\n\n  useSkeletonItemStyles_unstable(state);\n  useCustomStyleHook_unstable('useSkeletonItemStyles_unstable')(state);\n\n  return renderSkeletonItem_unstable(state);\n});\n\nSkeletonItem.displayName = 'SkeletonItem';\n"],"names":["React","useSkeletonItem_unstable","renderSkeletonItem_unstable","useSkeletonItemStyles_unstable","useCustomStyleHook_unstable","SkeletonItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,8BAA8B,QAAQ,iCAAiC;AAGhF,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E,OAAO,MAAMC,6BAAuDL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQR,yBAAyBM,OAAOC;IAE9CL,+BAA+BM;IAC/BL,4BAA4B,kCAAkCK;IAE9D,OAAOP,4BAA4BO;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}

node_modules/@fluentui/react-skeleton/lib/components/SkeletonItem/SkeletonItem.types.js

@@ -0,0 +1,3 @@
+/**
+ * SkeletonItem base state, excluding design-related state like animation, appearance, size, and shape.
+ */ export { };

node_modules/@fluentui/react-skeleton/lib/components/SkeletonItem/SkeletonItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SkeletonItem/SkeletonItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { SkeletonProps } from '../Skeleton/Skeleton.types';\n\nexport type SkeletonItemSlots = {\n  root: Slot<'div', 'span'>;\n};\n\n/**\n * SkeletonItem Props\n */\nexport type SkeletonItemProps = ComponentProps<SkeletonItemSlots> &\n  Pick<SkeletonProps, 'size' | 'shape'> & {\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/**\n * SkeletonItem base props, excluding design-related props like animation, appearance, size, and shape.\n */\nexport type SkeletonItemBaseProps = Omit<SkeletonItemProps, 'animation' | 'appearance' | 'size' | 'shape'>;\n\n/**\n * State used in rendering SkeletonItem\n */\nexport type SkeletonItemState = ComponentState<SkeletonItemSlots> &\n  Required<Pick<SkeletonItemProps, 'animation' | 'appearance' | 'size' | 'shape'>>;\n\n/**\n * SkeletonItem base state, excluding design-related state like animation, appearance, size, and shape.\n */\nexport type SkeletonItemBaseState = Omit<SkeletonItemState, 'animation' | 'appearance' | 'size' | 'shape'>;\n"],"names":[],"mappings":"AAoCA;;CAEC,GACD,WAA2G"}

node_modules/@fluentui/react-skeleton/lib/components/SkeletonItem/index.js

@@ -0,0 +1,4 @@
+export { SkeletonItem } from './SkeletonItem';
+export { renderSkeletonItem_unstable } from './renderSkeletonItem';
+export { useSkeletonItem_unstable, useSkeletonItemBase_unstable } from './useSkeletonItem';
+export { skeletonItemClassNames, useSkeletonItemStyles_unstable } from './useSkeletonItemStyles.styles';

node_modules/@fluentui/react-skeleton/lib/components/SkeletonItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SkeletonItem/index.ts"],"sourcesContent":["export { SkeletonItem } from './SkeletonItem';\nexport type {\n  SkeletonItemBaseProps,\n  SkeletonItemBaseState,\n  SkeletonItemProps,\n  SkeletonItemSlots,\n  SkeletonItemState,\n} from './SkeletonItem.types';\nexport { renderSkeletonItem_unstable } from './renderSkeletonItem';\nexport { useSkeletonItem_unstable, useSkeletonItemBase_unstable } from './useSkeletonItem';\nexport { skeletonItemClassNames, useSkeletonItemStyles_unstable } from './useSkeletonItemStyles.styles';\n"],"names":["SkeletonItem","renderSkeletonItem_unstable","useSkeletonItem_unstable","useSkeletonItemBase_unstable","skeletonItemClassNames","useSkeletonItemStyles_unstable"],"mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAiB;AAQ9C,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,wBAAwB,EAAEC,4BAA4B,QAAQ,oBAAoB;AAC3F,SAASC,sBAAsB,EAAEC,8BAA8B,QAAQ,iCAAiC"}

node_modules/@fluentui/react-skeleton/lib/components/SkeletonItem/renderSkeletonItem.js

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

node_modules/@fluentui/react-skeleton/lib/components/SkeletonItem/renderSkeletonItem.js.map

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

node_modules/@fluentui/react-skeleton/lib/components/SkeletonItem/useSkeletonItem.js

@@ -0,0 +1,43 @@
+'use client';
+import * as React from 'react';
+import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
+import { useSkeletonContext } from '../../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
+ */ export const useSkeletonItem_unstable = (props, ref)=>{
+    const { animation: contextAnimation, appearance: contextAppearance, size: contextSize, shape: contextShape } = useSkeletonContext();
+    const { animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave', appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque', size = contextSize !== null && contextSize !== void 0 ? contextSize : 16, shape = contextShape !== null && contextShape !== void 0 ? contextShape : 'rectangle', ...baseProps } = props;
+    const baseState = useSkeletonItemBase_unstable(baseProps, ref);
+    return {
+        ...baseState,
+        animation,
+        appearance,
+        size,
+        shape
+    };
+};
+/**
+ * Base hook for SkeletonItem component, which manages state related to slots structure.
+ *
+ * @param props - User provided props to the SkeletonItem component.
+ * @param ref - User provided ref to be passed to the SkeletonItem component.
+ */ export const useSkeletonItemBase_unstable = (props, ref)=>{
+    const root = slot.always(getIntrinsicElementProps('div', {
+        ref,
+        ...props
+    }), {
+        elementType: 'div'
+    });
+    return {
+        components: {
+            root: 'div'
+        },
+        root
+    };
+};

node_modules/@fluentui/react-skeleton/lib/components/SkeletonItem/useSkeletonItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SkeletonItem/useSkeletonItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\nimport type {\n  SkeletonItemBaseProps,\n  SkeletonItemBaseState,\n  SkeletonItemProps,\n  SkeletonItemState,\n} 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 {\n    animation: contextAnimation,\n    appearance: contextAppearance,\n    size: contextSize,\n    shape: contextShape,\n  } = useSkeletonContext();\n  const {\n    animation = contextAnimation ?? 'wave',\n    appearance = contextAppearance ?? 'opaque',\n    size = contextSize ?? 16,\n    shape = contextShape ?? 'rectangle',\n    ...baseProps\n  } = props;\n\n  const baseState = useSkeletonItemBase_unstable(baseProps, ref as React.Ref<HTMLDivElement>);\n\n  return {\n    ...baseState,\n    animation,\n    appearance,\n    size,\n    shape,\n  };\n};\n\n/**\n * Base hook for SkeletonItem component, which manages state related to slots structure.\n *\n * @param props - User provided props to the SkeletonItem component.\n * @param ref - User provided ref to be passed to the SkeletonItem component.\n */\nexport const useSkeletonItemBase_unstable = (\n  props: SkeletonItemBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n): SkeletonItemBaseState => {\n  const root = slot.always(\n    getIntrinsicElementProps('div', {\n      ref,\n      ...props,\n    }),\n    { elementType: 'div' },\n  );\n  return { components: { root: 'div' }, root };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useSkeletonContext","useSkeletonItem_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","size","contextSize","shape","contextShape","baseProps","baseState","useSkeletonItemBase_unstable","root","always","elementType","components"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,SAASC,kBAAkB,QAAQ,iCAAiC;AAQpE;;;;;;;;CAQC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAA0BC;IACjE,MAAM,EACJC,WAAWC,gBAAgB,EAC3BC,YAAYC,iBAAiB,EAC7BC,MAAMC,WAAW,EACjBC,OAAOC,YAAY,EACpB,GAAGX;IACJ,MAAM,EACJI,YAAYC,6BAAAA,8BAAAA,mBAAoB,MAAM,EACtCC,aAAaC,8BAAAA,+BAAAA,oBAAqB,QAAQ,EAC1CC,OAAOC,wBAAAA,yBAAAA,cAAe,EAAE,EACxBC,QAAQC,yBAAAA,0BAAAA,eAAgB,WAAW,EACnC,GAAGC,WACJ,GAAGV;IAEJ,MAAMW,YAAYC,6BAA6BF,WAAWT;IAE1D,OAAO;QACL,GAAGU,SAAS;QACZT;QACAE;QACAE;QACAE;IACF;AACF,EAAE;AAEF;;;;;CAKC,GACD,OAAO,MAAMI,+BAA+B,CAC1CZ,OACAC;IAEA,MAAMY,OAAOhB,KAAKiB,MAAM,CACtBlB,yBAAyB,OAAO;QAC9BK;QACA,GAAGD,KAAK;IACV,IACA;QAAEe,aAAa;IAAM;IAEvB,OAAO;QAAEC,YAAY;YAAEH,MAAM;QAAM;QAAGA;IAAK;AAC7C,EAAE"}

node_modules/@fluentui/react-skeleton/lib/components/SkeletonItem/useSkeletonItemStyles.styles.js

@@ -0,0 +1,274 @@
+'use client';
+
+import { __styles, mergeClasses } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+export const skeletonItemClassNames = {
+  root: 'fui-SkeletonItem'
+};
+const skeletonWaveAnimation = {
+  to: {
+    transform: 'translate(100%)'
+  }
+};
+const skeletonPulseAnimation = {
+  '0%': {
+    opacity: '1'
+  },
+  '50%': {
+    opacity: '0.4'
+  },
+  '100%': {
+    opacity: '1'
+  }
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = /*#__PURE__*/__styles({
+  root: {
+    qhf8xq: "f10pi13n",
+    B68tc82: 0,
+    Bmxbyg5: 0,
+    Bpg54ce: "f1a3p1vp",
+    Bsft5z2: "f13zj6fq",
+    ap17g6: "f2gz7yw",
+    E3zdtr: "f1mdlcz9",
+    By385i5: 0,
+    Eqx8gd: 0,
+    B1piin3: 0,
+    bn5sak: 0,
+    B58onuk: "f1nt53hs",
+    s9ouvv: "f18xs7ez",
+    xr36ep: "ffm3629",
+    Bitv4sc: "f1f9zsvm",
+    Gt9ir8: "f1evo4vk",
+    Crt7la: "f18va1k3"
+  },
+  wave: {
+    De3pzq: "f1gjxg63",
+    Br128sd: ["f3fo419", "f6m9r4"],
+    h62rwi: ["ftnv2js", "f12jzhyt"],
+    b1kco5: ["fig1c6l", "f1rv5y9h"],
+    Iqrfzq: "f1xjc3a9"
+  },
+  pulse: {
+    Br128sd: "f171zwvm",
+    xr36ep: "fs3pcyf",
+    Bjyk6c5: "f1yu5riq"
+  },
+  translucent: {
+    De3pzq: "f162mh4z",
+    h62rwi: ["flvf4r0", "f1uek97b"]
+  },
+  translucentPulse: {
+    De3pzq: "flu3bqm",
+    Bjyk6c5: "fxucc0w"
+  },
+  blockStyling: {
+    mc9l5x: "ftgm304"
+  }
+}, {
+  d: [".f10pi13n{position:relative;}", [".f1a3p1vp{overflow:hidden;}", {
+    p: -1
+  }], ".f13zj6fq::after{content:\"\";}", ".f2gz7yw::after{display:block;}", ".f1mdlcz9::after{position:absolute;}", [".f1nt53hs::after{inset:0;}", {
+    p: -1
+  }], ".f18xs7ez::after{animation-iteration-count:infinite;}", ".ffm3629::after{animation-duration:3s;}", ".f1f9zsvm::after{animation-timing-function:ease-in-out;}", ".f1gjxg63{background-color:var(--colorNeutralStencil1);}", ".f3fo419::after{animation-name:f1efwx7q;}", ".f6m9r4::after{animation-name:f1kkgpz1;}", ".ftnv2js::after{background-image:linear-gradient(\n        to right,\n        var(--colorNeutralStencil1) 0%,\n        var(--colorNeutralStencil2) 50%,\n        var(--colorNeutralStencil1) 100%);}", ".f12jzhyt::after{background-image:linear-gradient(\n        to left,\n        var(--colorNeutralStencil1) 0%,\n        var(--colorNeutralStencil2) 50%,\n        var(--colorNeutralStencil1) 100%);}", ".fig1c6l::after{transform:translate(-100%);}", ".f1rv5y9h::after{transform:translate(100%);}", ".f171zwvm::after{animation-name:f12o7gg6;}", ".fs3pcyf::after{animation-duration:1s;}", ".f1yu5riq::after{background-color:var(--colorNeutralStencil1);}", ".f162mh4z{background-color:var(--colorNeutralStencil1Alpha);}", ".flvf4r0::after{background-image:linear-gradient(\n      to right,\n      transparent 0%,\n      var(--colorNeutralStencil1Alpha) 50%,\n      transparent 100%);}", ".f1uek97b::after{background-image:linear-gradient(\n      to left,\n      transparent 0%,\n      var(--colorNeutralStencil1Alpha) 50%,\n      transparent 100%);}", ".flu3bqm{background-color:none;}", ".fxucc0w::after{background-color:var(--colorNeutralStencil1Alpha);}", ".ftgm304{display:block;}"],
+  m: [["@media screen and (prefers-reduced-motion: reduce){.f1evo4vk::after{animation-duration:0.01ms;}}", {
+    m: "screen and (prefers-reduced-motion: reduce)"
+  }], ["@media screen and (prefers-reduced-motion: reduce){.f18va1k3::after{animation-iteration-count:1;}}", {
+    m: "screen and (prefers-reduced-motion: reduce)"
+  }], ["@media screen and (forced-colors: active){.f1xjc3a9::after{background-color:WindowText;}}", {
+    m: "screen and (forced-colors: active)"
+  }]],
+  k: ["@keyframes f1efwx7q{to{transform:translate(100%);}}", "@keyframes f1kkgpz1{to{transform:translate(-100%);}}", "@keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}"]
+});
+const useRectangleStyles = /*#__PURE__*/__styles({
+  "8": {
+    Bqenvij: "f1x82gua"
+  },
+  "12": {
+    Bqenvij: "fvblgha"
+  },
+  "14": {
+    Bqenvij: "fuesxvb"
+  },
+  "16": {
+    Bqenvij: "fd461yt"
+  },
+  "20": {
+    Bqenvij: "fjamq6b"
+  },
+  "22": {
+    Bqenvij: "f50nw0v"
+  },
+  "24": {
+    Bqenvij: "frvgh55"
+  },
+  "28": {
+    Bqenvij: "fxldao9"
+  },
+  "32": {
+    Bqenvij: "f1d2rq10"
+  },
+  "36": {
+    Bqenvij: "f8ljn23"
+  },
+  "40": {
+    Bqenvij: "fbhnoac"
+  },
+  "48": {
+    Bqenvij: "ff2sm71"
+  },
+  "52": {
+    Bqenvij: "fltz6oj"
+  },
+  "56": {
+    Bqenvij: "fzki0ko"
+  },
+  "64": {
+    Bqenvij: "f16k9i2m"
+  },
+  "72": {
+    Bqenvij: "f1shusfg"
+  },
+  "92": {
+    Bqenvij: "f19zsq0h"
+  },
+  "96": {
+    Bqenvij: "fypu0ge"
+  },
+  "120": {
+    Bqenvij: "fjr5b71"
+  },
+  "128": {
+    Bqenvij: "fele2au"
+  },
+  root: {
+    a9b677: "fly5x3f",
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "ff3glw6"
+  }
+}, {
+  d: [".f1x82gua{height:8px;}", ".fvblgha{height:12px;}", ".fuesxvb{height:14px;}", ".fd461yt{height:16px;}", ".fjamq6b{height:20px;}", ".f50nw0v{height:22px;}", ".frvgh55{height:24px;}", ".fxldao9{height:28px;}", ".f1d2rq10{height:32px;}", ".f8ljn23{height:36px;}", ".fbhnoac{height:40px;}", ".ff2sm71{height:48px;}", ".fltz6oj{height:52px;}", ".fzki0ko{height:56px;}", ".f16k9i2m{height:64px;}", ".f1shusfg{height:72px;}", ".f19zsq0h{height:92px;}", ".fypu0ge{height:96px;}", ".fjr5b71{height:120px;}", ".fele2au{height:128px;}", ".fly5x3f{width:100%;}", [".ff3glw6{border-radius:4px;}", {
+    p: -1
+  }]]
+});
+const useSizeStyles = /*#__PURE__*/__styles({
+  "8": {
+    a9b677: "f1o3cbw4",
+    Bqenvij: "f1x82gua"
+  },
+  "12": {
+    a9b677: "frx94fk",
+    Bqenvij: "fvblgha"
+  },
+  "14": {
+    a9b677: "fz18fzn",
+    Bqenvij: "fuesxvb"
+  },
+  "16": {
+    a9b677: "fjw5fx7",
+    Bqenvij: "fd461yt"
+  },
+  "20": {
+    a9b677: "f64fuq3",
+    Bqenvij: "fjamq6b"
+  },
+  "22": {
+    a9b677: "f6zmzpu",
+    Bqenvij: "f50nw0v"
+  },
+  "24": {
+    a9b677: "fq4mcun",
+    Bqenvij: "frvgh55"
+  },
+  "28": {
+    a9b677: "f1w9dchk",
+    Bqenvij: "fxldao9"
+  },
+  "32": {
+    a9b677: "f1szoe96",
+    Bqenvij: "f1d2rq10"
+  },
+  "36": {
+    a9b677: "fpdz1er",
+    Bqenvij: "f8ljn23"
+  },
+  "40": {
+    a9b677: "feqmc2u",
+    Bqenvij: "fbhnoac"
+  },
+  "48": {
+    a9b677: "f124akge",
+    Bqenvij: "ff2sm71"
+  },
+  "52": {
+    a9b677: "f16130wi",
+    Bqenvij: "fltz6oj"
+  },
+  "56": {
+    a9b677: "f1u66zr1",
+    Bqenvij: "fzki0ko"
+  },
+  "64": {
+    a9b677: "fa9ln6p",
+    Bqenvij: "f16k9i2m"
+  },
+  "72": {
+    a9b677: "fhcae8x",
+    Bqenvij: "f1shusfg"
+  },
+  "92": {
+    a9b677: "f78o5r6",
+    Bqenvij: "f19zsq0h"
+  },
+  "96": {
+    a9b677: "f1kyr2gn",
+    Bqenvij: "fypu0ge"
+  },
+  "120": {
+    a9b677: "fwfqyga",
+    Bqenvij: "fjr5b71"
+  },
+  "128": {
+    a9b677: "f1iksgmy",
+    Bqenvij: "fele2au"
+  }
+}, {
+  d: [".f1o3cbw4{width:8px;}", ".f1x82gua{height:8px;}", ".frx94fk{width:12px;}", ".fvblgha{height:12px;}", ".fz18fzn{width:14px;}", ".fuesxvb{height:14px;}", ".fjw5fx7{width:16px;}", ".fd461yt{height:16px;}", ".f64fuq3{width:20px;}", ".fjamq6b{height:20px;}", ".f6zmzpu{width:22px;}", ".f50nw0v{height:22px;}", ".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;}", ".f16130wi{width:52px;}", ".fltz6oj{height:52px;}", ".f1u66zr1{width:56px;}", ".fzki0ko{height:56px;}", ".fa9ln6p{width:64px;}", ".f16k9i2m{height:64px;}", ".fhcae8x{width:72px;}", ".f1shusfg{height:72px;}", ".f78o5r6{width:92px;}", ".f19zsq0h{height:92px;}", ".f1kyr2gn{width:96px;}", ".fypu0ge{height:96px;}", ".fwfqyga{width:120px;}", ".fjr5b71{height:120px;}", ".f1iksgmy{width:128px;}", ".fele2au{height:128px;}"]
+});
+const useCircleSizeStyles = /*#__PURE__*/__styles({
+  root: {
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "f5q2cvs"
+  }
+}, {
+  d: [[".f5q2cvs{border-radius:50%;}", {
+    p: -1
+  }]]
+});
+/**
+ * Apply styling to the SkeletonItem slots based on the state
+ */
+export const useSkeletonItemStyles_unstable = state => {
+  'use no memo';
+
+  const {
+    animation,
+    appearance,
+    size,
+    shape
+  } = state;
+  const rootStyles = useStyles();
+  const rectStyles = useRectangleStyles();
+  const sizeStyles = useSizeStyles();
+  const circleStyles = useCircleSizeStyles();
+  state.root.className = mergeClasses(skeletonItemClassNames.root, rootStyles.root, state.root.as === 'span' && rootStyles.blockStyling, animation === 'wave' && rootStyles.wave, 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;
+};

node_modules/@fluentui/react-skeleton/lib/components/SkeletonItem/useSkeletonItemStyles.styles.raw.js

@@ -0,0 +1,249 @@
+'use client';
+import { makeStyles, mergeClasses } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+export const skeletonItemClassNames = {
+    root: 'fui-SkeletonItem'
+};
+const skeletonWaveAnimation = {
+    to: {
+        transform: 'translate(100%)'
+    }
+};
+const skeletonPulseAnimation = {
+    '0%': {
+        opacity: '1'
+    },
+    '50%': {
+        opacity: '0.4'
+    },
+    '100%': {
+        opacity: '1'
+    }
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        position: 'relative',
+        overflow: 'hidden',
+        '::after': {
+            content: '""',
+            display: 'block',
+            position: 'absolute',
+            inset: '0',
+            animationIterationCount: 'infinite',
+            animationDuration: '3s',
+            animationTimingFunction: 'ease-in-out',
+            '@media screen and (prefers-reduced-motion: reduce)': {
+                animationDuration: '0.01ms',
+                animationIterationCount: '1'
+            }
+        }
+    },
+    wave: {
+        backgroundColor: tokens.colorNeutralStencil1,
+        '::after': {
+            animationName: skeletonWaveAnimation,
+            backgroundImage: `linear-gradient(
+        to right,
+        ${tokens.colorNeutralStencil1} 0%,
+        ${tokens.colorNeutralStencil2} 50%,
+        ${tokens.colorNeutralStencil1} 100%)`,
+            transform: 'translate(-100%)',
+            '@media screen and (forced-colors: active)': {
+                backgroundColor: 'WindowText'
+            }
+        }
+    },
+    pulse: {
+        '::after': {
+            animationName: skeletonPulseAnimation,
+            animationDuration: '1s',
+            backgroundColor: tokens.colorNeutralStencil1
+        }
+    },
+    translucent: {
+        backgroundColor: tokens.colorNeutralStencil1Alpha,
+        '::after': {
+            backgroundImage: `linear-gradient(
+      to right,
+      transparent 0%,
+      ${tokens.colorNeutralStencil1Alpha} 50%,
+      transparent 100%)`
+        }
+    },
+    translucentPulse: {
+        backgroundColor: 'none',
+        '::after': {
+            backgroundColor: tokens.colorNeutralStencil1Alpha
+        }
+    },
+    blockStyling: {
+        display: 'block'
+    }
+});
+const useRectangleStyles = makeStyles({
+    root: {
+        width: '100%',
+        borderRadius: '4px'
+    },
+    8: {
+        height: '8px'
+    },
+    12: {
+        height: '12px'
+    },
+    14: {
+        height: '14px'
+    },
+    16: {
+        height: '16px'
+    },
+    20: {
+        height: '20px'
+    },
+    22: {
+        height: '22px'
+    },
+    24: {
+        height: '24px'
+    },
+    28: {
+        height: '28px'
+    },
+    32: {
+        height: '32px'
+    },
+    36: {
+        height: '36px'
+    },
+    40: {
+        height: '40px'
+    },
+    48: {
+        height: '48px'
+    },
+    52: {
+        height: '52px'
+    },
+    56: {
+        height: '56px'
+    },
+    64: {
+        height: '64px'
+    },
+    72: {
+        height: '72px'
+    },
+    92: {
+        height: '92px'
+    },
+    96: {
+        height: '96px'
+    },
+    120: {
+        height: '120px'
+    },
+    128: {
+        height: '128px'
+    }
+});
+const useSizeStyles = makeStyles({
+    8: {
+        width: '8px',
+        height: '8px'
+    },
+    12: {
+        width: '12px',
+        height: '12px'
+    },
+    14: {
+        width: '14px',
+        height: '14px'
+    },
+    16: {
+        width: '16px',
+        height: '16px'
+    },
+    20: {
+        width: '20px',
+        height: '20px'
+    },
+    22: {
+        width: '22px',
+        height: '22px'
+    },
+    24: {
+        width: '24px',
+        height: '24px'
+    },
+    28: {
+        width: '28px',
+        height: '28px'
+    },
+    32: {
+        width: '32px',
+        height: '32px'
+    },
+    36: {
+        width: '36px',
+        height: '36px'
+    },
+    40: {
+        width: '40px',
+        height: '40px'
+    },
+    48: {
+        width: '48px',
+        height: '48px'
+    },
+    52: {
+        width: '52px',
+        height: '52px'
+    },
+    56: {
+        width: '56px',
+        height: '56px'
+    },
+    64: {
+        width: '64px',
+        height: '64px'
+    },
+    72: {
+        width: '72px',
+        height: '72px'
+    },
+    92: {
+        width: '92px',
+        height: '92px'
+    },
+    96: {
+        width: '96px',
+        height: '96px'
+    },
+    120: {
+        width: '120px',
+        height: '120px'
+    },
+    128: {
+        width: '128px',
+        height: '128px'
+    }
+});
+const useCircleSizeStyles = makeStyles({
+    root: {
+        borderRadius: '50%'
+    }
+});
+/**
+ * Apply styling to the SkeletonItem slots based on the state
+ */ export const useSkeletonItemStyles_unstable = (state)=>{
+    'use no memo';
+    const { animation, appearance, size, shape } = state;
+    const rootStyles = useStyles();
+    const rectStyles = useRectangleStyles();
+    const sizeStyles = useSizeStyles();
+    const circleStyles = useCircleSizeStyles();
+    state.root.className = mergeClasses(skeletonItemClassNames.root, rootStyles.root, state.root.as === 'span' && rootStyles.blockStyling, animation === 'wave' && rootStyles.wave, 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;
+};

node_modules/@fluentui/react-skeleton/lib/contexts/SkeletonContext.js

@@ -0,0 +1,9 @@
+'use client';
+import * as React from 'react';
+const SkeletonContext = React.createContext(undefined);
+const skeletonContextDefaultValue = {};
+export const SkeletonContextProvider = SkeletonContext.Provider;
+export const useSkeletonContext = ()=>{
+    var _React_useContext;
+    return (_React_useContext = React.useContext(SkeletonContext)) !== null && _React_useContext !== void 0 ? _React_useContext : skeletonContextDefaultValue;
+};

node_modules/@fluentui/react-skeleton/lib/contexts/SkeletonContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/SkeletonContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { SkeletonItemSize } from '../components/Skeleton/Skeleton.types';\n\nconst SkeletonContext = React.createContext<SkeletonContextValue | undefined>(undefined);\n\nexport interface SkeletonContextValue {\n  animation?: 'wave' | 'pulse';\n  appearance?: 'opaque' | 'translucent';\n  size?: SkeletonItemSize;\n  shape?: 'circle' | 'square' | 'rectangle';\n}\n\nconst skeletonContextDefaultValue: SkeletonContextValue = {};\n\nexport const SkeletonContextProvider = SkeletonContext.Provider;\n\nexport const useSkeletonContext = (): SkeletonContextValue =>\n  React.useContext(SkeletonContext) ?? skeletonContextDefaultValue;\n"],"names":["React","SkeletonContext","createContext","undefined","skeletonContextDefaultValue","SkeletonContextProvider","Provider","useSkeletonContext","useContext"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAG/B,MAAMC,kBAAkBD,MAAME,aAAa,CAAmCC;AAS9E,MAAMC,8BAAoD,CAAC;AAE3D,OAAO,MAAMC,0BAA0BJ,gBAAgBK,QAAQ,CAAC;AAEhE,OAAO,MAAMC,qBAAqB;QAChCP;WAAAA,CAAAA,oBAAAA,MAAMQ,UAAU,CAACP,8BAAjBD,+BAAAA,oBAAqCI;EAA4B"}

node_modules/@fluentui/react-skeleton/lib/contexts/index.js

@@ -0,0 +1 @@
+export { SkeletonContextProvider, useSkeletonContext } from './SkeletonContext';

node_modules/@fluentui/react-skeleton/lib/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export type { SkeletonContextValue } from './SkeletonContext';\nexport { SkeletonContextProvider, useSkeletonContext } from './SkeletonContext';\n"],"names":["SkeletonContextProvider","useSkeletonContext"],"mappings":"AACA,SAASA,uBAAuB,EAAEC,kBAAkB,QAAQ,oBAAoB"}

node_modules/@fluentui/react-skeleton/lib/index.js

@@ -0,0 +1,3 @@
+export { Skeleton, renderSkeleton_unstable, skeletonClassNames, useSkeletonStyles_unstable, useSkeleton_unstable, useSkeletonBase_unstable } from './Skeleton';
+export { SkeletonItem, renderSkeletonItem_unstable, skeletonItemClassNames, useSkeletonItemStyles_unstable, useSkeletonItem_unstable, useSkeletonItemBase_unstable } from './SkeletonItem';
+export { SkeletonContextProvider, useSkeletonContext } from './contexts/index';

node_modules/@fluentui/react-skeleton/lib/index.js.map

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

node_modules/@fluentui/react-skeleton/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@fluentui/react-skeleton",
+  "version": "9.7.1",
+  "description": "Converged v9 Skeleton Component",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "./dist/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@fluentui/react-field": "^9.5.0",
+    "@fluentui/react-jsx-runtime": "^9.4.1",
+    "@fluentui/react-shared-contexts": "^9.26.2",
+    "@fluentui/react-theme": "^9.2.1",
+    "@fluentui/react-utilities": "^9.26.2",
+    "@griffel/react": "^1.5.32",
+    "@swc/helpers": "^0.5.1"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16.14.0 <20.0.0",
+    "@types/react-dom": ">=16.9.0 <20.0.0",
+    "react": ">=16.14.0 <20.0.0",
+    "react-dom": ">=16.14.0 <20.0.0"
+  },
+  "beachball": {
+    "disallowedChangeTypes": [
+      "major",
+      "prerelease"
+    ]
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "*.md",
+    "dist/*.d.ts",
+    "lib",
+    "lib-commonjs"
+  ]
+}