@alma-oss/spirit-web-react 4.4.2 → 4.6.0

package/dist/components/Select/useSelectStyleProps.js

@@ -1,35 +1,35 @@
-import o from "classnames";
-import { useClassNamePrefix as T } from "../../hooks/useClassNamePrefix.js";
-const L = ({
-  isDisabled: c,
-  isFluid: a,
-  isLabelHidden: n,
+import c from "classnames";
+import { useClassNamePrefix as f } from "../../hooks/useClassNamePrefix.js";
+const P = ({
+  isDisabled: a,
+  isFluid: n,
+  isLabelHidden: o,
   isRequired: i,
   size: t,
   validationState: l
 }) => {
-  const s = T("Select"), r = `${s}--fluid`, C = `${s}--disabled`, d = `${s}--${t}`, $ = `${s}--${l}`, e = `${s}__label`, p = `${e}--required`, u = `${e}--hidden`, _ = `${s}__inputContainer`, x = `${s}__input`, b = `${s}__icon`, m = `${s}__validationText`, R = `${s}__helperText`;
+  const s = f("Select"), r = `${s}--fluid`, C = `${s}--disabled`, d = `${s}--${t}`, $ = `${s}--${l}`, e = `${s}__label`, p = `${e}--required`, u = `${e}--hidden`, _ = `${s}__inputContainer`, x = `${s}__input`, b = `${s}__icon`, m = `${s}__validationText`, T = `${s}__helperText`;
   return {
     classProps: {
-      root: o(s, {
-        [C]: c,
-        [r]: a,
+      root: c(s, {
+        [C]: a,
+        [r]: n,
         [d]: t,
         [$]: l
       }),
-      label: o(e, {
+      label: c(e, {
         [p]: i,
-        [u]: n
+        [u]: o
       }),
       container: _,
       input: x,
       icon: b,
       validationText: m,
-      helperText: R
+      helperText: T
     }
   };
 };
 export {
-  L as useSelectStyleProps
+  P as useSelectStyleProps
 };
 //# sourceMappingURL=useSelectStyleProps.js.map

package/dist/components/Select/useSelectStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectStyleProps.js","sources":["../../../src/components/Select/useSelectStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SizesDictionaryType, type Validation } from '../../types';\n\nexport interface UseSelectStyleProps<S = void> extends Validation {\n  isDisabled?: boolean;\n  isFluid?: boolean;\n  isLabelHidden?: boolean;\n  size?: SizesDictionaryType<S>;\n}\n\nexport interface UseSelectStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    container: string;\n    input: string;\n    icon: string;\n    validationText: string;\n    helperText: string;\n  };\n}\n\nexport const useSelectStyleProps = ({\n  isDisabled,\n  isFluid,\n  isLabelHidden,\n  isRequired,\n  size,\n  validationState,\n}: UseSelectStyleProps): UseSelectStyleReturn => {\n  const selectRootClass = useClassNamePrefix('Select');\n  const selectRootFluidClass = `${selectRootClass}--fluid`;\n  const selectRootDisabledClass = `${selectRootClass}--disabled`;\n  const selectRootSizeClass = `${selectRootClass}--${size}`;\n  const selectRootValidationClass = `${selectRootClass}--${validationState}`;\n  const selectLabelClass = `${selectRootClass}__label`;\n  const selectLabelRequiredClass = `${selectLabelClass}--required`;\n  const selectLabelHiddenClass = `${selectLabelClass}--hidden`;\n  const selectContainerClass = `${selectRootClass}__inputContainer`;\n  const selectInputClass = `${selectRootClass}__input`;\n  const selectIconClass = `${selectRootClass}__icon`;\n  const selectValidationTextClass = `${selectRootClass}__validationText`;\n  const selectHelperTextClass = `${selectRootClass}__helperText`;\n\n  return {\n    classProps: {\n      root: classNames(selectRootClass, {\n        [selectRootDisabledClass]: isDisabled,\n        [selectRootFluidClass]: isFluid,\n        [selectRootSizeClass]: size,\n        [selectRootValidationClass]: validationState,\n      }),\n      label: classNames(selectLabelClass, {\n        [selectLabelRequiredClass]: isRequired,\n        [selectLabelHiddenClass]: isLabelHidden,\n      }),\n      container: selectContainerClass,\n      input: selectInputClass,\n      icon: selectIconClass,\n      validationText: selectValidationTextClass,\n      helperText: selectHelperTextClass,\n    },\n  };\n};\n"],"names":["useSelectStyleProps","isDisabled","isFluid","isLabelHidden","isRequired","size","validationState","selectRootClass","useClassNamePrefix","selectRootFluidClass","selectRootDisabledClass","selectRootSizeClass","selectRootValidationClass","selectLabelClass","selectLabelRequiredClass","selectLabelHiddenClass","selectContainerClass","selectInputClass","selectIconClass","selectValidationTextClass","selectHelperTextClass","classNames"],"mappings":";;AAwBO,MAAMA,IAAsB,CAAC;AAAA,EAClC,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AACF,MAAiD;AAC/C,QAAMC,IAAkBC,EAAmB,QAAQ,GAC7CC,IAAuB,GAAGF,CAAe,WACzCG,IAA0B,GAAGH,CAAe,cAC5CI,IAAsB,GAAGJ,CAAe,KAAKF,CAAI,IACjDO,IAA4B,GAAGL,CAAe,KAAKD,CAAe,IAClEO,IAAmB,GAAGN,CAAe,WACrCO,IAA2B,GAAGD,CAAgB,cAC9CE,IAAyB,GAAGF,CAAgB,YAC5CG,IAAuB,GAAGT,CAAe,oBACzCU,IAAmB,GAAGV,CAAe,WACrCW,IAAkB,GAAGX,CAAe,UACpCY,IAA4B,GAAGZ,CAAe,oBAC9Ca,IAAwB,GAAGb,CAAe;AAEhD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMc,EAAWd,GAAiB;AAAA,QAChC,CAACG,CAAuB,GAAGT;AAAA,QAC3B,CAACQ,CAAoB,GAAGP;AAAA,QACxB,CAACS,CAAmB,GAAGN;AAAA,QACvB,CAACO,CAAyB,GAAGN;AAAA,MAAA,CAC9B;AAAA,MACD,OAAOe,EAAWR,GAAkB;AAAA,QAClC,CAACC,CAAwB,GAAGV;AAAA,QAC5B,CAACW,CAAsB,GAAGZ;AAAA,MAAA,CAC3B;AAAA,MACD,WAAWa;AAAA,MACX,OAAOC;AAAA,MACP,MAAMC;AAAA,MACN,gBAAgBC;AAAA,MAChB,YAAYC;AAAA,IAAA;AAAA,EACd;AAEJ;"}
+{"version":3,"file":"useSelectStyleProps.js","sources":["../../../src/components/Select/useSelectStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SizesDictionaryType, type Validation } from '../../types';\n\nexport interface UseSelectStyleProps<S = void> extends Validation {\n  isDisabled?: boolean;\n  isFluid?: boolean;\n  isLabelHidden?: boolean;\n  size?: SizesDictionaryType<S>;\n}\n\nexport interface UseSelectStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    container: string;\n    input: string;\n    icon: string;\n    validationText: string;\n    helperText: string;\n  };\n}\n\nexport const useSelectStyleProps = ({\n  isDisabled,\n  isFluid,\n  isLabelHidden,\n  isRequired,\n  size,\n  validationState,\n}: UseSelectStyleProps): UseSelectStyleReturn => {\n  const selectClass = useClassNamePrefix('Select');\n  const selectFluidClass = `${selectClass}--fluid`;\n  const selectDisabledClass = `${selectClass}--disabled`;\n  const selectSizeClass = `${selectClass}--${size}`;\n  const selectValidationClass = `${selectClass}--${validationState}`;\n  const selectLabelClass = `${selectClass}__label`;\n  const selectLabelRequiredClass = `${selectLabelClass}--required`;\n  const selectLabelHiddenClass = `${selectLabelClass}--hidden`;\n  const selectContainerClass = `${selectClass}__inputContainer`;\n  const selectInputClass = `${selectClass}__input`;\n  const selectIconClass = `${selectClass}__icon`;\n  const selectValidationTextClass = `${selectClass}__validationText`;\n  const selectHelperTextClass = `${selectClass}__helperText`;\n\n  return {\n    classProps: {\n      root: classNames(selectClass, {\n        [selectDisabledClass]: isDisabled,\n        [selectFluidClass]: isFluid,\n        [selectSizeClass]: size,\n        [selectValidationClass]: validationState,\n      }),\n      label: classNames(selectLabelClass, {\n        [selectLabelRequiredClass]: isRequired,\n        [selectLabelHiddenClass]: isLabelHidden,\n      }),\n      container: selectContainerClass,\n      input: selectInputClass,\n      icon: selectIconClass,\n      validationText: selectValidationTextClass,\n      helperText: selectHelperTextClass,\n    },\n  };\n};\n"],"names":["useSelectStyleProps","isDisabled","isFluid","isLabelHidden","isRequired","size","validationState","selectClass","useClassNamePrefix","selectFluidClass","selectDisabledClass","selectSizeClass","selectValidationClass","selectLabelClass","selectLabelRequiredClass","selectLabelHiddenClass","selectContainerClass","selectInputClass","selectIconClass","selectValidationTextClass","selectHelperTextClass","classNames"],"mappings":";;AAwBO,MAAMA,IAAsB,CAAC;AAAA,EAClC,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AACF,MAAiD;AAC/C,QAAMC,IAAcC,EAAmB,QAAQ,GACzCC,IAAmB,GAAGF,CAAW,WACjCG,IAAsB,GAAGH,CAAW,cACpCI,IAAkB,GAAGJ,CAAW,KAAKF,CAAI,IACzCO,IAAwB,GAAGL,CAAW,KAAKD,CAAe,IAC1DO,IAAmB,GAAGN,CAAW,WACjCO,IAA2B,GAAGD,CAAgB,cAC9CE,IAAyB,GAAGF,CAAgB,YAC5CG,IAAuB,GAAGT,CAAW,oBACrCU,IAAmB,GAAGV,CAAW,WACjCW,IAAkB,GAAGX,CAAW,UAChCY,IAA4B,GAAGZ,CAAW,oBAC1Ca,IAAwB,GAAGb,CAAW;AAE5C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMc,EAAWd,GAAa;AAAA,QAC5B,CAACG,CAAmB,GAAGT;AAAA,QACvB,CAACQ,CAAgB,GAAGP;AAAA,QACpB,CAACS,CAAe,GAAGN;AAAA,QACnB,CAACO,CAAqB,GAAGN;AAAA,MAAA,CAC1B;AAAA,MACD,OAAOe,EAAWR,GAAkB;AAAA,QAClC,CAACC,CAAwB,GAAGV;AAAA,QAC5B,CAACW,CAAsB,GAAGZ;AAAA,MAAA,CAC3B;AAAA,MACD,WAAWa;AAAA,MACX,OAAOC;AAAA,MACP,MAAMC;AAAA,MACN,gBAAgBC;AAAA,MAChB,YAAYC;AAAA,IAAA;AAAA,EACd;AAEJ;"}

package/dist/components/Select.d.ts

@@ -1,2 +1,2 @@
-export * from './Select/index'
+export * from '../src/components/Select/index'
 export {}

package/dist/components/Skeleton/SkeletonHeading.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),y=require("../../constants/dictionaries.cjs"),m=require("../../hooks/styleProps.cjs"),g=require("../../utils/mergeStyleProps.cjs"),r=require("./constants.cjs"),T=require("./SkeletonItem.cjs"),k=require("./useSkeletonStyleProps.cjs"),q={size:y.SizesExtended.MEDIUM,lines:r.LINES_COUNT_DEFAULT,elementType:"div"},n=i=>{const l={...q,...i},{elementType:e="div",lines:p,...c}=l,{classProps:s,props:u}=k.useSkeletonStyleProps(c),{styleProps:d,props:t}=m.useStyleProps(u),a=g.mergeStyleProps(e,{classProps:s.root,classPropsHeading:s.heading,styleProps:d,otherProps:t}),P=[...Array(p??r.LINES_COUNT_DEFAULT).keys()];return o.jsx(e,{...t,...a,children:P.map(S=>o.jsx(T.default,{},`skeleton-item-${S.toString()}`))})};n.spiritComponent="SkeletonHeading";exports.default=n;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),m=require("../../constants/dictionaries.cjs"),g=require("../../hooks/styleProps.cjs"),k=require("../../utils/mergeStyleProps.cjs"),n=require("./constants.cjs"),T=require("./SkeletonItem.cjs"),q=require("./useSkeletonStyleProps.cjs"),f={size:m.SizesExtended.MEDIUM,lines:n.LINES_COUNT_DEFAULT,elementType:"div"},e=i=>{const l={...f,...i},{elementType:p,lines:c,...u}=l,s=p,{classProps:t,props:a}=q.useSkeletonStyleProps(u),{styleProps:d,props:o}=g.useStyleProps(a),P=k.mergeStyleProps(s,{classProps:t.root,classPropsHeading:t.heading,styleProps:d,otherProps:o}),S=[...Array(c??n.LINES_COUNT_DEFAULT).keys()];return r.jsx(s,{...o,...P,children:S.map(y=>r.jsx(T.default,{},`skeleton-item-${y.toString()}`))})};e.spiritComponent="SkeletonHeading";e.displayName="SkeletonHeading";exports.default=e;
 //# sourceMappingURL=SkeletonHeading.cjs.map

package/dist/components/Skeleton/SkeletonHeading.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonHeading.cjs","sources":["../../../src/components/Skeleton/SkeletonHeading.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { LINES_COUNT_DEFAULT } from './constants';\nimport SkeletonItem from './SkeletonItem';\nimport { useSkeletonStyleProps } from './useSkeletonStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonProps> = {\n  size: SizesExtended.MEDIUM,\n  lines: LINES_COUNT_DEFAULT,\n  elementType: 'div',\n};\nconst SkeletonHeading = <E extends ElementType = 'div', C = void>(props: SpiritSkeletonProps<E, C>): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'div', lines, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useSkeletonStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps: classProps.root,\n    classPropsHeading: classProps.heading,\n    styleProps,\n    otherProps,\n  });\n  const linesToRender = [...Array(lines ?? LINES_COUNT_DEFAULT).keys()];\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {linesToRender.map((lineNumber) => (\n        <SkeletonItem key={`skeleton-item-${lineNumber.toString()}`} />\n      ))}\n    </ElementTag>\n  );\n};\n\nSkeletonHeading.spiritComponent = 'SkeletonHeading';\n\nexport default SkeletonHeading;\n"],"names":["defaultProps","SizesExtended","LINES_COUNT_DEFAULT","SkeletonHeading","props","propsWithDefaults","ElementTag","lines","restProps","classProps","modifiedProps","useSkeletonStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","linesToRender","lineNumber","jsx","SkeletonItem"],"mappings":"uYAWMA,EAA6C,CACjD,KAAMC,EAAAA,cAAc,OACpB,MAAOC,EAAAA,oBACP,YAAa,KACf,EACMC,EAA4DC,GAAmD,CACnH,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGI,CAAA,EAC1C,CAAE,YAAaE,EAAa,MAAO,MAAAC,EAAO,GAAGC,GAAcH,EAC3D,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,sBAAsBH,CAAS,EACtE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBV,EAAY,CACnD,WAAYG,EAAW,KACvB,kBAAmBA,EAAW,QAAA,WAC9BG,EACA,WAAAC,CAAA,CACD,EACKI,EAAgB,CAAC,GAAG,MAAMV,GAASL,EAAAA,mBAAmB,EAAE,MAAM,EAEpE,aACGI,EAAA,CAAY,GAAGO,EAAa,GAAGE,EAC7B,WAAc,IAAKG,GAClBC,MAACC,EAAAA,WAAkB,iBAAiBF,EAAW,UAAU,EAAI,CAC9D,EACH,CAEJ,EAEAf,EAAgB,gBAAkB"}
+{"version":3,"file":"SkeletonHeading.cjs","sources":["../../../src/components/Skeleton/SkeletonHeading.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { LINES_COUNT_DEFAULT } from './constants';\nimport SkeletonItem from './SkeletonItem';\nimport { useSkeletonStyleProps } from './useSkeletonStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonProps> = {\n  size: SizesExtended.MEDIUM,\n  lines: LINES_COUNT_DEFAULT,\n  elementType: 'div',\n};\nconst SkeletonHeading = <E extends ElementType = 'div', C = void>(props: SpiritSkeletonProps<E, C>): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, lines, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, props: modifiedProps } = useSkeletonStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.root,\n    classPropsHeading: classProps.heading,\n    styleProps,\n    otherProps,\n  });\n  const linesToRender = [...Array(lines ?? LINES_COUNT_DEFAULT).keys()];\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {linesToRender.map((lineNumber) => (\n        <SkeletonItem key={`skeleton-item-${lineNumber.toString()}`} />\n      ))}\n    </Component>\n  );\n};\n\nSkeletonHeading.spiritComponent = 'SkeletonHeading';\nSkeletonHeading.displayName = 'SkeletonHeading';\n\nexport default SkeletonHeading;\n"],"names":["defaultProps","SizesExtended","LINES_COUNT_DEFAULT","SkeletonHeading","props","propsWithDefaults","elementType","lines","restProps","Component","classProps","modifiedProps","useSkeletonStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","linesToRender","lineNumber","jsx","SkeletonItem"],"mappings":"uYAWMA,EAA6C,CACjD,KAAMC,EAAAA,cAAc,OACpB,MAAOC,EAAAA,oBACP,YAAa,KACf,EACMC,EAA4DC,GAAmD,CACnH,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGI,CAAA,EAC1C,CAAE,YAAAE,EAAa,MAAAC,EAAO,GAAGC,GAAcH,EACvCI,EAAYH,EACZ,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,sBAAsBJ,CAAS,EACtE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBR,EAAW,CAClD,WAAYC,EAAW,KACvB,kBAAmBA,EAAW,QAAA,WAC9BG,EACA,WAAAC,CAAA,CACD,EACKI,EAAgB,CAAC,GAAG,MAAMX,GAASL,EAAAA,mBAAmB,EAAE,MAAM,EAEpE,aACGO,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAC5B,WAAc,IAAKG,GAClBC,MAACC,EAAAA,WAAkB,iBAAiBF,EAAW,UAAU,EAAI,CAC9D,EACH,CAEJ,EAEAhB,EAAgB,gBAAkB,kBAClCA,EAAgB,YAAc"}

package/dist/components/Skeleton/SkeletonHeading.js

@@ -1,26 +1,27 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
-import { SizesExtended as f } from "../../constants/dictionaries.js";
-import { useStyleProps as S } from "../../hooks/styleProps.js";
-import { mergeStyleProps as y } from "../../utils/mergeStyleProps.js";
+import { SizesExtended as y } from "../../constants/dictionaries.js";
+import { useStyleProps as g } from "../../hooks/styleProps.js";
+import { mergeStyleProps as u } from "../../utils/mergeStyleProps.js";
 import { LINES_COUNT_DEFAULT as r } from "./constants.js";
-import g from "./SkeletonItem.js";
-import { useSkeletonStyleProps as u } from "./useSkeletonStyleProps.js";
-const k = {
-  size: f.MEDIUM,
+import k from "./SkeletonItem.js";
+import { useSkeletonStyleProps as T } from "./useSkeletonStyleProps.js";
+const h = {
+  size: y.MEDIUM,
   lines: r,
   elementType: "div"
-}, T = (n) => {
-  const p = { ...k, ...n }, { elementType: e = "div", lines: i, ...l } = p, { classProps: o, props: m } = u(l), { styleProps: d, props: s } = S(m), a = y(e, {
+}, n = (p) => {
+  const i = { ...h, ...p }, { elementType: l, lines: m, ...a } = i, e = l, { classProps: o, props: d } = T(a), { styleProps: c, props: s } = g(d), P = u(e, {
     classProps: o.root,
     classPropsHeading: o.heading,
-    styleProps: d,
+    styleProps: c,
     otherProps: s
-  }), c = [...Array(i ?? r).keys()];
-  return /* @__PURE__ */ t(e, { ...s, ...a, children: c.map((P) => /* @__PURE__ */ t(g, {}, `skeleton-item-${P.toString()}`)) });
+  }), S = [...Array(m ?? r).keys()];
+  return /* @__PURE__ */ t(e, { ...s, ...P, children: S.map((f) => /* @__PURE__ */ t(k, {}, `skeleton-item-${f.toString()}`)) });
 };
-T.spiritComponent = "SkeletonHeading";
+n.spiritComponent = "SkeletonHeading";
+n.displayName = "SkeletonHeading";
 export {
-  T as default
+  n as default
 };
 //# sourceMappingURL=SkeletonHeading.js.map

package/dist/components/Skeleton/SkeletonHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonHeading.js","sources":["../../../src/components/Skeleton/SkeletonHeading.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { LINES_COUNT_DEFAULT } from './constants';\nimport SkeletonItem from './SkeletonItem';\nimport { useSkeletonStyleProps } from './useSkeletonStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonProps> = {\n  size: SizesExtended.MEDIUM,\n  lines: LINES_COUNT_DEFAULT,\n  elementType: 'div',\n};\nconst SkeletonHeading = <E extends ElementType = 'div', C = void>(props: SpiritSkeletonProps<E, C>): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'div', lines, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useSkeletonStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps: classProps.root,\n    classPropsHeading: classProps.heading,\n    styleProps,\n    otherProps,\n  });\n  const linesToRender = [...Array(lines ?? LINES_COUNT_DEFAULT).keys()];\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {linesToRender.map((lineNumber) => (\n        <SkeletonItem key={`skeleton-item-${lineNumber.toString()}`} />\n      ))}\n    </ElementTag>\n  );\n};\n\nSkeletonHeading.spiritComponent = 'SkeletonHeading';\n\nexport default SkeletonHeading;\n"],"names":["defaultProps","SizesExtended","LINES_COUNT_DEFAULT","SkeletonHeading","props","propsWithDefaults","ElementTag","lines","restProps","classProps","modifiedProps","useSkeletonStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","linesToRender","lineNumber","jsx","SkeletonItem"],"mappings":";;;;;;;;AAWA,MAAMA,IAA6C;AAAA,EACjD,MAAMC,EAAc;AAAA,EACpB,OAAOC;AAAA,EACP,aAAa;AACf,GACMC,IAAkB,CAA0CC,MAAmD;AACnH,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGI,EAAA,GAC1C,EAAE,aAAaE,IAAa,OAAO,OAAAC,GAAO,GAAGC,MAAcH,GAC3D,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAsBH,CAAS,GACtE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBV,GAAY;AAAA,IACnD,YAAYG,EAAW;AAAA,IACvB,mBAAmBA,EAAW;AAAA,IAC9B,YAAAG;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GACKI,IAAgB,CAAC,GAAG,MAAMV,KAASL,CAAmB,EAAE,MAAM;AAEpE,2BACGI,GAAA,EAAY,GAAGO,GAAa,GAAGE,GAC7B,YAAc,IAAI,CAACG,MAClB,gBAAAC,EAACC,OAAkB,iBAAiBF,EAAW,UAAU,EAAI,CAC9D,GACH;AAEJ;AAEAf,EAAgB,kBAAkB;"}
+{"version":3,"file":"SkeletonHeading.js","sources":["../../../src/components/Skeleton/SkeletonHeading.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { LINES_COUNT_DEFAULT } from './constants';\nimport SkeletonItem from './SkeletonItem';\nimport { useSkeletonStyleProps } from './useSkeletonStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonProps> = {\n  size: SizesExtended.MEDIUM,\n  lines: LINES_COUNT_DEFAULT,\n  elementType: 'div',\n};\nconst SkeletonHeading = <E extends ElementType = 'div', C = void>(props: SpiritSkeletonProps<E, C>): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, lines, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, props: modifiedProps } = useSkeletonStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.root,\n    classPropsHeading: classProps.heading,\n    styleProps,\n    otherProps,\n  });\n  const linesToRender = [...Array(lines ?? LINES_COUNT_DEFAULT).keys()];\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {linesToRender.map((lineNumber) => (\n        <SkeletonItem key={`skeleton-item-${lineNumber.toString()}`} />\n      ))}\n    </Component>\n  );\n};\n\nSkeletonHeading.spiritComponent = 'SkeletonHeading';\nSkeletonHeading.displayName = 'SkeletonHeading';\n\nexport default SkeletonHeading;\n"],"names":["defaultProps","SizesExtended","LINES_COUNT_DEFAULT","SkeletonHeading","props","propsWithDefaults","elementType","lines","restProps","Component","classProps","modifiedProps","useSkeletonStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","linesToRender","lineNumber","jsx","SkeletonItem"],"mappings":";;;;;;;;AAWA,MAAMA,IAA6C;AAAA,EACjD,MAAMC,EAAc;AAAA,EACpB,OAAOC;AAAA,EACP,aAAa;AACf,GACMC,IAAkB,CAA0CC,MAAmD;AACnH,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGI,EAAA,GAC1C,EAAE,aAAAE,GAAa,OAAAC,GAAO,GAAGC,MAAcH,GACvCI,IAAYH,GACZ,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAsBJ,CAAS,GACtE,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW;AAAA,IAClD,YAAYC,EAAW;AAAA,IACvB,mBAAmBA,EAAW;AAAA,IAC9B,YAAAG;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GACKI,IAAgB,CAAC,GAAG,MAAMX,KAASL,CAAmB,EAAE,MAAM;AAEpE,2BACGO,GAAA,EAAW,GAAGK,GAAa,GAAGE,GAC5B,YAAc,IAAI,CAACG,MAClB,gBAAAC,EAACC,OAAkB,iBAAiBF,EAAW,UAAU,EAAI,CAC9D,GACH;AAEJ;AAEAhB,EAAgB,kBAAkB;AAClCA,EAAgB,cAAc;"}

package/dist/components/Skeleton/SkeletonShape.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("react/jsx-runtime"),P=require("../../constants/dictionaries.cjs"),a=require("../../hooks/styleProps.cjs"),d=require("../../utils/mergeStyleProps.cjs"),y=require("./useSkeletonShapeStyleProps.cjs"),m={borderRadius:P.BorderRadii[400],elementType:"div"},t=o=>{const r={...m,...o},{elementType:e="div",...p}=r,{classProps:l,skeletonShapeStyleProps:n,props:i}=y.useSkeletonShapeStyleProps(p),{styleProps:u,props:s}=a.useStyleProps(i),c=d.mergeStyleProps(e,{classProps:l,styleProps:u,skeletonShapeStyleProps:n,otherProps:s});return S.jsx(e,{...s,...c})};t.spiritComponent="SkeletonShape";exports.default=t;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),P=require("../../constants/dictionaries.cjs"),d=require("../../hooks/styleProps.cjs"),y=require("../../utils/mergeStyleProps.cjs"),m=require("./useSkeletonShapeStyleProps.cjs"),h={borderRadius:P.BorderRadii[400],elementType:"div"},e=o=>{const r={...h,...o},{elementType:p,...n}=r,s=p,{classProps:l,skeletonShapeStyleProps:i,props:u}=m.useSkeletonShapeStyleProps(n),{styleProps:S,props:t}=d.useStyleProps(u),c=y.mergeStyleProps(s,{classProps:l,styleProps:S,skeletonShapeStyleProps:i,otherProps:t});return a.jsx(s,{...t,...c})};e.spiritComponent="SkeletonShape";e.displayName="SkeletonShape";exports.default=e;
 //# sourceMappingURL=SkeletonShape.cjs.map

package/dist/components/Skeleton/SkeletonShape.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonShape.cjs","sources":["../../../src/components/Skeleton/SkeletonShape.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { BorderRadii } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonShapeProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useSkeletonShapeStyleProps } from './useSkeletonShapeStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonShapeProps> = {\n  borderRadius: BorderRadii[400],\n  elementType: 'div',\n};\nconst SkeletonShape = <E extends ElementType = 'div', C = void>(\n  props: SpiritSkeletonShapeProps<E, C>,\n): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'div', ...restProps } = propsWithDefaults;\n  const { classProps, skeletonShapeStyleProps, props: modifiedProps } = useSkeletonShapeStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps,\n    styleProps,\n    skeletonShapeStyleProps,\n    otherProps,\n  });\n\n  return <ElementTag {...otherProps} {...mergedStyleProps} />;\n};\n\nSkeletonShape.spiritComponent = 'SkeletonShape';\n\nexport default SkeletonShape;\n"],"names":["defaultProps","BorderRadii","SkeletonShape","props","propsWithDefaults","ElementTag","restProps","classProps","skeletonShapeStyleProps","modifiedProps","useSkeletonShapeStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":"+UASMA,EAAkD,CACtD,aAAcC,EAAAA,YAAY,GAAG,EAC7B,YAAa,KACf,EACMC,EACJC,GACiB,CACjB,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,YAAaE,EAAa,MAAO,GAAGC,GAAcF,EACpD,CAAE,WAAAG,EAAY,wBAAAC,EAAyB,MAAOC,CAAA,EAAkBC,EAAAA,2BAA2BJ,CAAS,EACpG,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBV,EAAY,CACnD,WAAAE,EAAA,WACAI,EACA,wBAAAH,EACA,WAAAI,CAAA,CACD,EAED,OAAOI,EAAAA,IAACX,EAAA,CAAY,GAAGO,EAAa,GAAGE,CAAA,CAAkB,CAC3D,EAEAZ,EAAc,gBAAkB"}
+{"version":3,"file":"SkeletonShape.cjs","sources":["../../../src/components/Skeleton/SkeletonShape.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { BorderRadii } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonShapeProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useSkeletonShapeStyleProps } from './useSkeletonShapeStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonShapeProps> = {\n  borderRadius: BorderRadii[400],\n  elementType: 'div',\n};\nconst SkeletonShape = <E extends ElementType = 'div', C = void>(\n  props: SpiritSkeletonShapeProps<E, C>,\n): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, skeletonShapeStyleProps, props: modifiedProps } = useSkeletonShapeStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps,\n    styleProps,\n    skeletonShapeStyleProps,\n    otherProps,\n  });\n\n  return <Component {...otherProps} {...mergedStyleProps} />;\n};\n\nSkeletonShape.spiritComponent = 'SkeletonShape';\nSkeletonShape.displayName = 'SkeletonShape';\n\nexport default SkeletonShape;\n"],"names":["defaultProps","BorderRadii","SkeletonShape","props","propsWithDefaults","elementType","restProps","Component","classProps","skeletonShapeStyleProps","modifiedProps","useSkeletonShapeStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":"+UASMA,EAAkD,CACtD,aAAcC,EAAAA,YAAY,GAAG,EAC7B,YAAa,KACf,EACMC,EACJC,GACiB,CACjB,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,YAAAE,EAAa,GAAGC,CAAA,EAAcF,EAChCG,EAAYF,EACZ,CAAE,WAAAG,EAAY,wBAAAC,EAAyB,MAAOC,CAAA,EAAkBC,EAAAA,2BAA2BL,CAAS,EACpG,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBT,EAAW,CAClD,WAAAC,EAAA,WACAI,EACA,wBAAAH,EACA,WAAAI,CAAA,CACD,EAED,OAAOI,EAAAA,IAACV,EAAA,CAAW,GAAGM,EAAa,GAAGE,CAAA,CAAkB,CAC1D,EAEAb,EAAc,gBAAkB,gBAChCA,EAAc,YAAc"}

package/dist/components/Skeleton/SkeletonShape.js

@@ -1,23 +1,24 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import { BorderRadii as S } from "../../constants/dictionaries.js";
-import { useStyleProps as d } from "../../hooks/styleProps.js";
-import { mergeStyleProps as P } from "../../utils/mergeStyleProps.js";
-import { useSkeletonShapeStyleProps as c } from "./useSkeletonShapeStyleProps.js";
-const f = {
-  borderRadius: S[400],
+import { jsx as c } from "react/jsx-runtime";
+import { BorderRadii as d } from "../../constants/dictionaries.js";
+import { useStyleProps as P } from "../../hooks/styleProps.js";
+import { mergeStyleProps as f } from "../../utils/mergeStyleProps.js";
+import { useSkeletonShapeStyleProps as u } from "./useSkeletonShapeStyleProps.js";
+const y = {
+  borderRadius: d[400],
   elementType: "div"
-}, u = (t) => {
-  const r = { ...f, ...t }, { elementType: e = "div", ...s } = r, { classProps: p, skeletonShapeStyleProps: l, props: n } = c(s), { styleProps: i, props: o } = d(n), m = P(e, {
-    classProps: p,
-    styleProps: i,
-    skeletonShapeStyleProps: l,
+}, t = (s) => {
+  const r = { ...y, ...s }, { elementType: p, ...n } = r, e = p, { classProps: l, skeletonShapeStyleProps: m, props: i } = u(n), { styleProps: a, props: o } = P(i), S = f(e, {
+    classProps: l,
+    styleProps: a,
+    skeletonShapeStyleProps: m,
     otherProps: o
   });
-  return /* @__PURE__ */ a(e, { ...o, ...m });
+  return /* @__PURE__ */ c(e, { ...o, ...S });
 };
-u.spiritComponent = "SkeletonShape";
+t.spiritComponent = "SkeletonShape";
+t.displayName = "SkeletonShape";
 export {
-  u as default
+  t as default
 };
 //# sourceMappingURL=SkeletonShape.js.map

package/dist/components/Skeleton/SkeletonShape.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonShape.js","sources":["../../../src/components/Skeleton/SkeletonShape.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { BorderRadii } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonShapeProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useSkeletonShapeStyleProps } from './useSkeletonShapeStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonShapeProps> = {\n  borderRadius: BorderRadii[400],\n  elementType: 'div',\n};\nconst SkeletonShape = <E extends ElementType = 'div', C = void>(\n  props: SpiritSkeletonShapeProps<E, C>,\n): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'div', ...restProps } = propsWithDefaults;\n  const { classProps, skeletonShapeStyleProps, props: modifiedProps } = useSkeletonShapeStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps,\n    styleProps,\n    skeletonShapeStyleProps,\n    otherProps,\n  });\n\n  return <ElementTag {...otherProps} {...mergedStyleProps} />;\n};\n\nSkeletonShape.spiritComponent = 'SkeletonShape';\n\nexport default SkeletonShape;\n"],"names":["defaultProps","BorderRadii","SkeletonShape","props","propsWithDefaults","ElementTag","restProps","classProps","skeletonShapeStyleProps","modifiedProps","useSkeletonShapeStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":";;;;;;AASA,MAAMA,IAAkD;AAAA,EACtD,cAAcC,EAAY,GAAG;AAAA,EAC7B,aAAa;AACf,GACMC,IAAgB,CACpBC,MACiB;AACjB,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,aAAaE,IAAa,OAAO,GAAGC,MAAcF,GACpD,EAAE,YAAAG,GAAY,yBAAAC,GAAyB,OAAOC,EAAA,IAAkBC,EAA2BJ,CAAS,GACpG,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBV,GAAY;AAAA,IACnD,YAAAE;AAAA,IACA,YAAAI;AAAA,IACA,yBAAAH;AAAA,IACA,YAAAI;AAAA,EAAA,CACD;AAED,SAAO,gBAAAI,EAACX,GAAA,EAAY,GAAGO,GAAa,GAAGE,EAAA,CAAkB;AAC3D;AAEAZ,EAAc,kBAAkB;"}
+{"version":3,"file":"SkeletonShape.js","sources":["../../../src/components/Skeleton/SkeletonShape.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { BorderRadii } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonShapeProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useSkeletonShapeStyleProps } from './useSkeletonShapeStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonShapeProps> = {\n  borderRadius: BorderRadii[400],\n  elementType: 'div',\n};\nconst SkeletonShape = <E extends ElementType = 'div', C = void>(\n  props: SpiritSkeletonShapeProps<E, C>,\n): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, skeletonShapeStyleProps, props: modifiedProps } = useSkeletonShapeStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps,\n    styleProps,\n    skeletonShapeStyleProps,\n    otherProps,\n  });\n\n  return <Component {...otherProps} {...mergedStyleProps} />;\n};\n\nSkeletonShape.spiritComponent = 'SkeletonShape';\nSkeletonShape.displayName = 'SkeletonShape';\n\nexport default SkeletonShape;\n"],"names":["defaultProps","BorderRadii","SkeletonShape","props","propsWithDefaults","elementType","restProps","Component","classProps","skeletonShapeStyleProps","modifiedProps","useSkeletonShapeStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":";;;;;;AASA,MAAMA,IAAkD;AAAA,EACtD,cAAcC,EAAY,GAAG;AAAA,EAC7B,aAAa;AACf,GACMC,IAAgB,CACpBC,MACiB;AACjB,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,aAAAE,GAAa,GAAGC,EAAA,IAAcF,GAChCG,IAAYF,GACZ,EAAE,YAAAG,GAAY,yBAAAC,GAAyB,OAAOC,EAAA,IAAkBC,EAA2BL,CAAS,GACpG,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBT,GAAW;AAAA,IAClD,YAAAC;AAAA,IACA,YAAAI;AAAA,IACA,yBAAAH;AAAA,IACA,YAAAI;AAAA,EAAA,CACD;AAED,SAAO,gBAAAI,EAACV,GAAA,EAAW,GAAGM,GAAa,GAAGE,EAAA,CAAkB;AAC1D;AAEAb,EAAc,kBAAkB;AAChCA,EAAc,cAAc;"}

package/dist/components/Skeleton/SkeletonText.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),y=require("../../constants/dictionaries.cjs"),m=require("../../hooks/styleProps.cjs"),T=require("../../utils/mergeStyleProps.cjs"),r=require("./constants.cjs"),x=require("./SkeletonItem.cjs"),g=require("./useSkeletonStyleProps.cjs"),k={size:y.SizesExtended.MEDIUM,lines:r.LINES_COUNT_DEFAULT,elementType:"div"},n=l=>{const i={...k,...l},{elementType:e="div",lines:p,...c}=i,{classProps:s,props:u}=g.useSkeletonStyleProps(c),{styleProps:P,props:t}=m.useStyleProps(u),S=T.mergeStyleProps(e,{classProps:s.root,classPropsText:s.text,styleProps:P,otherProps:t}),d=[...Array(p??r.LINES_COUNT_DEFAULT).keys()];return o.jsx(e,{...t,...S,children:d.map(a=>o.jsx(x.default,{},`skeleton-item-${a.toString()}`))})};n.spiritComponent="SkeletonText";exports.default=n;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),m=require("../../constants/dictionaries.cjs"),T=require("../../hooks/styleProps.cjs"),x=require("../../utils/mergeStyleProps.cjs"),n=require("./constants.cjs"),k=require("./SkeletonItem.cjs"),q=require("./useSkeletonStyleProps.cjs"),f={size:m.SizesExtended.MEDIUM,lines:n.LINES_COUNT_DEFAULT,elementType:"div"},e=l=>{const i={...f,...l},{elementType:p,lines:c,...u}=i,s=p,{classProps:t,props:P}=q.useSkeletonStyleProps(u),{styleProps:S,props:o}=T.useStyleProps(P),a=x.mergeStyleProps(s,{classProps:t.root,classPropsText:t.text,styleProps:S,otherProps:o}),d=[...Array(c??n.LINES_COUNT_DEFAULT).keys()];return r.jsx(s,{...o,...a,children:d.map(y=>r.jsx(k.default,{},`skeleton-item-${y.toString()}`))})};e.spiritComponent="SkeletonText";e.displayName="SkeletonText";exports.default=e;
 //# sourceMappingURL=SkeletonText.cjs.map

package/dist/components/Skeleton/SkeletonText.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonText.cjs","sources":["../../../src/components/Skeleton/SkeletonText.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { LINES_COUNT_DEFAULT } from './constants';\nimport SkeletonItem from './SkeletonItem';\nimport { useSkeletonStyleProps } from './useSkeletonStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonProps> = {\n  size: SizesExtended.MEDIUM,\n  lines: LINES_COUNT_DEFAULT,\n  elementType: 'div',\n};\nconst SkeletonText = <E extends ElementType = 'div', C = void>(props: SpiritSkeletonProps<E, C>): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'div', lines, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useSkeletonStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps: classProps.root,\n    classPropsText: classProps.text,\n    styleProps,\n    otherProps,\n  });\n  const linesToRender = [...Array(lines ?? LINES_COUNT_DEFAULT).keys()];\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {linesToRender.map((lineNumber) => (\n        <SkeletonItem key={`skeleton-item-${lineNumber.toString()}`} />\n      ))}\n    </ElementTag>\n  );\n};\n\nSkeletonText.spiritComponent = 'SkeletonText';\n\nexport default SkeletonText;\n"],"names":["defaultProps","SizesExtended","LINES_COUNT_DEFAULT","SkeletonText","props","propsWithDefaults","ElementTag","lines","restProps","classProps","modifiedProps","useSkeletonStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","linesToRender","lineNumber","jsx","SkeletonItem"],"mappings":"uYAWMA,EAA6C,CACjD,KAAMC,EAAAA,cAAc,OACpB,MAAOC,EAAAA,oBACP,YAAa,KACf,EACMC,EAAyDC,GAAmD,CAChH,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGI,CAAA,EAC1C,CAAE,YAAaE,EAAa,MAAO,MAAAC,EAAO,GAAGC,GAAcH,EAC3D,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,sBAAsBH,CAAS,EACtE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBV,EAAY,CACnD,WAAYG,EAAW,KACvB,eAAgBA,EAAW,KAAA,WAC3BG,EACA,WAAAC,CAAA,CACD,EACKI,EAAgB,CAAC,GAAG,MAAMV,GAASL,EAAAA,mBAAmB,EAAE,MAAM,EAEpE,aACGI,EAAA,CAAY,GAAGO,EAAa,GAAGE,EAC7B,WAAc,IAAKG,GAClBC,MAACC,EAAAA,WAAkB,iBAAiBF,EAAW,UAAU,EAAI,CAC9D,EACH,CAEJ,EAEAf,EAAa,gBAAkB"}
+{"version":3,"file":"SkeletonText.cjs","sources":["../../../src/components/Skeleton/SkeletonText.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { LINES_COUNT_DEFAULT } from './constants';\nimport SkeletonItem from './SkeletonItem';\nimport { useSkeletonStyleProps } from './useSkeletonStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonProps> = {\n  size: SizesExtended.MEDIUM,\n  lines: LINES_COUNT_DEFAULT,\n  elementType: 'div',\n};\nconst SkeletonText = <E extends ElementType = 'div', C = void>(props: SpiritSkeletonProps<E, C>): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, lines, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, props: modifiedProps } = useSkeletonStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.root,\n    classPropsText: classProps.text,\n    styleProps,\n    otherProps,\n  });\n  const linesToRender = [...Array(lines ?? LINES_COUNT_DEFAULT).keys()];\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {linesToRender.map((lineNumber) => (\n        <SkeletonItem key={`skeleton-item-${lineNumber.toString()}`} />\n      ))}\n    </Component>\n  );\n};\n\nSkeletonText.spiritComponent = 'SkeletonText';\nSkeletonText.displayName = 'SkeletonText';\n\nexport default SkeletonText;\n"],"names":["defaultProps","SizesExtended","LINES_COUNT_DEFAULT","SkeletonText","props","propsWithDefaults","elementType","lines","restProps","Component","classProps","modifiedProps","useSkeletonStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","linesToRender","lineNumber","jsx","SkeletonItem"],"mappings":"uYAWMA,EAA6C,CACjD,KAAMC,EAAAA,cAAc,OACpB,MAAOC,EAAAA,oBACP,YAAa,KACf,EACMC,EAAyDC,GAAmD,CAChH,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGI,CAAA,EAC1C,CAAE,YAAAE,EAAa,MAAAC,EAAO,GAAGC,GAAcH,EACvCI,EAAYH,EACZ,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,sBAAsBJ,CAAS,EACtE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBR,EAAW,CAClD,WAAYC,EAAW,KACvB,eAAgBA,EAAW,KAAA,WAC3BG,EACA,WAAAC,CAAA,CACD,EACKI,EAAgB,CAAC,GAAG,MAAMX,GAASL,EAAAA,mBAAmB,EAAE,MAAM,EAEpE,aACGO,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAC5B,WAAc,IAAKG,GAClBC,MAACC,EAAAA,WAAkB,iBAAiBF,EAAW,UAAU,EAAI,CAC9D,EACH,CAEJ,EAEAhB,EAAa,gBAAkB,eAC/BA,EAAa,YAAc"}

package/dist/components/Skeleton/SkeletonText.js

@@ -1,26 +1,27 @@
 "use client";
 import { jsx as s } from "react/jsx-runtime";
-import { SizesExtended as S } from "../../constants/dictionaries.js";
-import { useStyleProps as a } from "../../hooks/styleProps.js";
-import { mergeStyleProps as y } from "../../utils/mergeStyleProps.js";
+import { SizesExtended as y } from "../../constants/dictionaries.js";
+import { useStyleProps as T } from "../../hooks/styleProps.js";
+import { mergeStyleProps as u } from "../../utils/mergeStyleProps.js";
 import { LINES_COUNT_DEFAULT as r } from "./constants.js";
-import T from "./SkeletonItem.js";
-import { useSkeletonStyleProps as u } from "./useSkeletonStyleProps.js";
-const x = {
-  size: S.MEDIUM,
+import x from "./SkeletonItem.js";
+import { useSkeletonStyleProps as k } from "./useSkeletonStyleProps.js";
+const E = {
+  size: y.MEDIUM,
   lines: r,
   elementType: "div"
-}, k = (p) => {
-  const n = { ...x, ...p }, { elementType: e = "div", lines: i, ...l } = n, { classProps: t, props: m } = u(l), { styleProps: c, props: o } = a(m), P = y(e, {
-    classProps: t.root,
-    classPropsText: t.text,
-    styleProps: c,
-    otherProps: o
+}, p = (n) => {
+  const l = { ...E, ...n }, { elementType: m, lines: i, ...c } = l, e = m, { classProps: o, props: P } = k(c), { styleProps: S, props: t } = T(P), a = u(e, {
+    classProps: o.root,
+    classPropsText: o.text,
+    styleProps: S,
+    otherProps: t
   }), d = [...Array(i ?? r).keys()];
-  return /* @__PURE__ */ s(e, { ...o, ...P, children: d.map((f) => /* @__PURE__ */ s(T, {}, `skeleton-item-${f.toString()}`)) });
+  return /* @__PURE__ */ s(e, { ...t, ...a, children: d.map((f) => /* @__PURE__ */ s(x, {}, `skeleton-item-${f.toString()}`)) });
 };
-k.spiritComponent = "SkeletonText";
+p.spiritComponent = "SkeletonText";
+p.displayName = "SkeletonText";
 export {
-  k as default
+  p as default
 };
 //# sourceMappingURL=SkeletonText.js.map

package/dist/components/Skeleton/SkeletonText.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonText.js","sources":["../../../src/components/Skeleton/SkeletonText.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { LINES_COUNT_DEFAULT } from './constants';\nimport SkeletonItem from './SkeletonItem';\nimport { useSkeletonStyleProps } from './useSkeletonStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonProps> = {\n  size: SizesExtended.MEDIUM,\n  lines: LINES_COUNT_DEFAULT,\n  elementType: 'div',\n};\nconst SkeletonText = <E extends ElementType = 'div', C = void>(props: SpiritSkeletonProps<E, C>): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'div', lines, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useSkeletonStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps: classProps.root,\n    classPropsText: classProps.text,\n    styleProps,\n    otherProps,\n  });\n  const linesToRender = [...Array(lines ?? LINES_COUNT_DEFAULT).keys()];\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {linesToRender.map((lineNumber) => (\n        <SkeletonItem key={`skeleton-item-${lineNumber.toString()}`} />\n      ))}\n    </ElementTag>\n  );\n};\n\nSkeletonText.spiritComponent = 'SkeletonText';\n\nexport default SkeletonText;\n"],"names":["defaultProps","SizesExtended","LINES_COUNT_DEFAULT","SkeletonText","props","propsWithDefaults","ElementTag","lines","restProps","classProps","modifiedProps","useSkeletonStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","linesToRender","lineNumber","jsx","SkeletonItem"],"mappings":";;;;;;;;AAWA,MAAMA,IAA6C;AAAA,EACjD,MAAMC,EAAc;AAAA,EACpB,OAAOC;AAAA,EACP,aAAa;AACf,GACMC,IAAe,CAA0CC,MAAmD;AAChH,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGI,EAAA,GAC1C,EAAE,aAAaE,IAAa,OAAO,OAAAC,GAAO,GAAGC,MAAcH,GAC3D,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAsBH,CAAS,GACtE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBV,GAAY;AAAA,IACnD,YAAYG,EAAW;AAAA,IACvB,gBAAgBA,EAAW;AAAA,IAC3B,YAAAG;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GACKI,IAAgB,CAAC,GAAG,MAAMV,KAASL,CAAmB,EAAE,MAAM;AAEpE,2BACGI,GAAA,EAAY,GAAGO,GAAa,GAAGE,GAC7B,YAAc,IAAI,CAACG,MAClB,gBAAAC,EAACC,OAAkB,iBAAiBF,EAAW,UAAU,EAAI,CAC9D,GACH;AAEJ;AAEAf,EAAa,kBAAkB;"}
+{"version":3,"file":"SkeletonText.js","sources":["../../../src/components/Skeleton/SkeletonText.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { LINES_COUNT_DEFAULT } from './constants';\nimport SkeletonItem from './SkeletonItem';\nimport { useSkeletonStyleProps } from './useSkeletonStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonProps> = {\n  size: SizesExtended.MEDIUM,\n  lines: LINES_COUNT_DEFAULT,\n  elementType: 'div',\n};\nconst SkeletonText = <E extends ElementType = 'div', C = void>(props: SpiritSkeletonProps<E, C>): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, lines, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, props: modifiedProps } = useSkeletonStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.root,\n    classPropsText: classProps.text,\n    styleProps,\n    otherProps,\n  });\n  const linesToRender = [...Array(lines ?? LINES_COUNT_DEFAULT).keys()];\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {linesToRender.map((lineNumber) => (\n        <SkeletonItem key={`skeleton-item-${lineNumber.toString()}`} />\n      ))}\n    </Component>\n  );\n};\n\nSkeletonText.spiritComponent = 'SkeletonText';\nSkeletonText.displayName = 'SkeletonText';\n\nexport default SkeletonText;\n"],"names":["defaultProps","SizesExtended","LINES_COUNT_DEFAULT","SkeletonText","props","propsWithDefaults","elementType","lines","restProps","Component","classProps","modifiedProps","useSkeletonStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","linesToRender","lineNumber","jsx","SkeletonItem"],"mappings":";;;;;;;;AAWA,MAAMA,IAA6C;AAAA,EACjD,MAAMC,EAAc;AAAA,EACpB,OAAOC;AAAA,EACP,aAAa;AACf,GACMC,IAAe,CAA0CC,MAAmD;AAChH,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGI,EAAA,GAC1C,EAAE,aAAAE,GAAa,OAAAC,GAAO,GAAGC,MAAcH,GACvCI,IAAYH,GACZ,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAsBJ,CAAS,GACtE,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW;AAAA,IAClD,YAAYC,EAAW;AAAA,IACvB,gBAAgBA,EAAW;AAAA,IAC3B,YAAAG;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GACKI,IAAgB,CAAC,GAAG,MAAMX,KAASL,CAAmB,EAAE,MAAM;AAEpE,2BACGO,GAAA,EAAW,GAAGK,GAAa,GAAGE,GAC5B,YAAc,IAAI,CAACG,MAClB,gBAAAC,EAACC,OAAkB,iBAAiBF,EAAW,UAAU,EAAI,CAC9D,GACH;AAEJ;AAEAhB,EAAa,kBAAkB;AAC/BA,EAAa,cAAc;"}

package/dist/components/Skeleton/demo/SkeletonCombined.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../../Grid/Grid.cjs"),t=require("../../Grid/GridItem.cjs"),s=require("../SkeletonText.cjs"),i=require("../SkeletonHeading.cjs"),r=require("../SkeletonShape.cjs"),u=()=>e.jsx(l.default,{cols:{mobile:1,tablet:2,desktop:2},spacingY:"space-1100","aria-busy":"true","aria-live":"polite",children:e.jsx(t.default,{children:e.jsxs(l.default,{children:[e.jsx(t.default,{children:e.jsx(r.default,{width:100,height:100,borderRadius:"full"})}),e.jsxs(t.default,{columnStart:2,columnEnd:12,children:[e.jsx(i.default,{size:"small",lines:1,UNSAFE_className:"mb-900"}),e.jsx(s.default,{size:"small",lines:2})]})]})})});exports.default=u;
+//# sourceMappingURL=SkeletonCombined.cjs.map

package/dist/components/Skeleton/demo/SkeletonCombined.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonCombined.cjs","sources":["../../../../src/components/Skeleton/demo/SkeletonCombined.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid, GridItem } from '../../Grid';\nimport { SkeletonHeading, SkeletonShape, SkeletonText } from '../index';\n\nconst SkeletonCombined = () => (\n  <Grid cols={{ mobile: 1, tablet: 2, desktop: 2 }} spacingY=\"space-1100\" aria-busy=\"true\" aria-live=\"polite\">\n    <GridItem>\n      <Grid>\n        <GridItem>\n          <SkeletonShape width={100} height={100} borderRadius=\"full\" />\n        </GridItem>\n        <GridItem columnStart={2} columnEnd={12}>\n          <SkeletonHeading size=\"small\" lines={1} UNSAFE_className=\"mb-900\" />\n          <SkeletonText size=\"small\" lines={2} />\n        </GridItem>\n      </Grid>\n    </GridItem>\n  </Grid>\n);\n\nexport default SkeletonCombined;\n"],"names":["SkeletonCombined","jsx","Grid","GridItem","jsxs","SkeletonShape","SkeletonHeading","SkeletonText"],"mappings":"8TAIMA,EAAmB,IACvBC,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAM,CAAE,OAAQ,EAAG,OAAQ,EAAG,QAAS,GAAK,SAAS,aAAa,YAAU,OAAO,YAAU,SACjG,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CACC,SAAAC,EAAAA,KAACF,EAAAA,QAAA,CACC,SAAA,CAAAD,EAAAA,IAACE,EAAAA,QAAA,CACC,eAACE,EAAAA,QAAA,CAAc,MAAO,IAAK,OAAQ,IAAK,aAAa,MAAA,CAAO,CAAA,CAC9D,EACAD,EAAAA,KAACD,EAAAA,QAAA,CAAS,YAAa,EAAG,UAAW,GACnC,SAAA,CAAAF,MAACK,EAAAA,SAAgB,KAAK,QAAQ,MAAO,EAAG,iBAAiB,SAAS,EAClEL,EAAAA,IAACM,EAAAA,QAAA,CAAa,KAAK,QAAQ,MAAO,CAAA,CAAG,CAAA,CAAA,CACvC,CAAA,CAAA,CACF,EACF,CAAA,CACF"}

package/dist/components/Skeleton/demo/SkeletonCombined.js

@@ -0,0 +1,17 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import l from "../../Grid/Grid.js";
+import i from "../../Grid/GridItem.js";
+import o from "../SkeletonText.js";
+import t from "../SkeletonHeading.js";
+import m from "../SkeletonShape.js";
+const h = () => /* @__PURE__ */ e(l, { cols: { mobile: 1, tablet: 2, desktop: 2 }, spacingY: "space-1100", "aria-busy": "true", "aria-live": "polite", children: /* @__PURE__ */ e(i, { children: /* @__PURE__ */ r(l, { children: [
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(m, { width: 100, height: 100, borderRadius: "full" }) }),
+  /* @__PURE__ */ r(i, { columnStart: 2, columnEnd: 12, children: [
+    /* @__PURE__ */ e(t, { size: "small", lines: 1, UNSAFE_className: "mb-900" }),
+    /* @__PURE__ */ e(o, { size: "small", lines: 2 })
+  ] })
+] }) }) });
+export {
+  h as default
+};
+//# sourceMappingURL=SkeletonCombined.js.map

package/dist/components/Skeleton/demo/SkeletonCombined.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonCombined.js","sources":["../../../../src/components/Skeleton/demo/SkeletonCombined.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid, GridItem } from '../../Grid';\nimport { SkeletonHeading, SkeletonShape, SkeletonText } from '../index';\n\nconst SkeletonCombined = () => (\n  <Grid cols={{ mobile: 1, tablet: 2, desktop: 2 }} spacingY=\"space-1100\" aria-busy=\"true\" aria-live=\"polite\">\n    <GridItem>\n      <Grid>\n        <GridItem>\n          <SkeletonShape width={100} height={100} borderRadius=\"full\" />\n        </GridItem>\n        <GridItem columnStart={2} columnEnd={12}>\n          <SkeletonHeading size=\"small\" lines={1} UNSAFE_className=\"mb-900\" />\n          <SkeletonText size=\"small\" lines={2} />\n        </GridItem>\n      </Grid>\n    </GridItem>\n  </Grid>\n);\n\nexport default SkeletonCombined;\n"],"names":["SkeletonCombined","jsx","Grid","GridItem","jsxs","SkeletonShape","SkeletonHeading","SkeletonText"],"mappings":";;;;;;AAIA,MAAMA,IAAmB,MACvB,gBAAAC,EAACC,GAAA,EAAK,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,KAAK,UAAS,cAAa,aAAU,QAAO,aAAU,UACjG,UAAA,gBAAAD,EAACE,GAAA,EACC,UAAA,gBAAAC,EAACF,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAD,EAACE,GAAA,EACC,4BAACE,GAAA,EAAc,OAAO,KAAK,QAAQ,KAAK,cAAa,OAAA,CAAO,EAAA,CAC9D;AAAA,EACA,gBAAAD,EAACD,GAAA,EAAS,aAAa,GAAG,WAAW,IACnC,UAAA;AAAA,IAAA,gBAAAF,EAACK,KAAgB,MAAK,SAAQ,OAAO,GAAG,kBAAiB,UAAS;AAAA,IAClE,gBAAAL,EAACM,GAAA,EAAa,MAAK,SAAQ,OAAO,EAAA,CAAG;AAAA,EAAA,EAAA,CACvC;AAAA,EAAA,CACF,GACF,EAAA,CACF;"}

package/dist/components/Skeleton/demo/SkeletonHeadings.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("../../../web-react/docs/DocsSection.cjs"),i=require("../../../constants/dictionaries.cjs"),r=require("../../Grid/Grid.cjs"),c=require("../SkeletonHeading.cjs"),o=()=>{const s=Object.values(i.SizesExtended);return t.jsx(r.default,{cols:{mobile:1,tablet:2,desktop:3},spacingY:"space-1100",children:s.map(e=>t.jsx(n.default,{title:`Size ${e}`,stackAlignment:"stretch",container:"none",hasPadding:!1,children:t.jsx(c.default,{size:e,lines:3})},e))})};exports.default=o;
+//# sourceMappingURL=SkeletonHeadings.cjs.map

package/dist/components/Skeleton/demo/SkeletonHeadings.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonHeadings.cjs","sources":["../../../../src/components/Skeleton/demo/SkeletonHeadings.tsx"],"sourcesContent":["import React from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { SizesExtended } from '../../../constants';\nimport { Grid } from '../../Grid';\nimport { SkeletonHeading } from '../index';\n\nconst SkeletonHeadings = () => {\n  const sizes = Object.values(SizesExtended);\n\n  return (\n    <Grid cols={{ mobile: 1, tablet: 2, desktop: 3 }} spacingY=\"space-1100\">\n      {sizes.map((size) => (\n        <DocsSection title={`Size ${size}`} stackAlignment=\"stretch\" key={size} container=\"none\" hasPadding={false}>\n          <SkeletonHeading size={size} lines={3} />\n        </DocsSection>\n      ))}\n    </Grid>\n  );\n};\n\nexport default SkeletonHeadings;\n"],"names":["SkeletonHeadings","sizes","SizesExtended","Grid","size","jsx","DocsSection","SkeletonHeading"],"mappings":"4TAMMA,EAAmB,IAAM,CAC7B,MAAMC,EAAQ,OAAO,OAAOC,eAAa,EAEzC,aACGC,EAAAA,QAAA,CAAK,KAAM,CAAE,OAAQ,EAAG,OAAQ,EAAG,QAAS,CAAA,EAAK,SAAS,aACxD,SAAAF,EAAM,IAAKG,GACVC,EAAAA,IAACC,UAAA,CAAY,MAAO,QAAQF,CAAI,GAAI,eAAe,UAAqB,UAAU,OAAO,WAAY,GACnG,SAAAC,MAACE,EAAAA,SAAgB,KAAAH,EAAY,MAAO,EAAG,CAAA,EADyBA,CAElE,CACD,EACH,CAEJ"}

package/dist/components/Skeleton/demo/SkeletonHeadings.js

@@ -0,0 +1,13 @@
+import { jsx as t } from "react/jsx-runtime";
+import i from "../../../web-react/docs/DocsSection.js";
+import { SizesExtended as n } from "../../../constants/dictionaries.js";
+import r from "../../Grid/Grid.js";
+import s from "../SkeletonHeading.js";
+const p = () => {
+  const o = Object.values(n);
+  return /* @__PURE__ */ t(r, { cols: { mobile: 1, tablet: 2, desktop: 3 }, spacingY: "space-1100", children: o.map((e) => /* @__PURE__ */ t(i, { title: `Size ${e}`, stackAlignment: "stretch", container: "none", hasPadding: !1, children: /* @__PURE__ */ t(s, { size: e, lines: 3 }) }, e)) });
+};
+export {
+  p as default
+};
+//# sourceMappingURL=SkeletonHeadings.js.map

package/dist/components/Skeleton/demo/SkeletonHeadings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonHeadings.js","sources":["../../../../src/components/Skeleton/demo/SkeletonHeadings.tsx"],"sourcesContent":["import React from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { SizesExtended } from '../../../constants';\nimport { Grid } from '../../Grid';\nimport { SkeletonHeading } from '../index';\n\nconst SkeletonHeadings = () => {\n  const sizes = Object.values(SizesExtended);\n\n  return (\n    <Grid cols={{ mobile: 1, tablet: 2, desktop: 3 }} spacingY=\"space-1100\">\n      {sizes.map((size) => (\n        <DocsSection title={`Size ${size}`} stackAlignment=\"stretch\" key={size} container=\"none\" hasPadding={false}>\n          <SkeletonHeading size={size} lines={3} />\n        </DocsSection>\n      ))}\n    </Grid>\n  );\n};\n\nexport default SkeletonHeadings;\n"],"names":["SkeletonHeadings","sizes","SizesExtended","Grid","size","jsx","DocsSection","SkeletonHeading"],"mappings":";;;;;AAMA,MAAMA,IAAmB,MAAM;AAC7B,QAAMC,IAAQ,OAAO,OAAOC,CAAa;AAEzC,2BACGC,GAAA,EAAK,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAAA,GAAK,UAAS,cACxD,UAAAF,EAAM,IAAI,CAACG,MACV,gBAAAC,EAACC,GAAA,EAAY,OAAO,QAAQF,CAAI,IAAI,gBAAe,WAAqB,WAAU,QAAO,YAAY,IACnG,UAAA,gBAAAC,EAACE,KAAgB,MAAAH,GAAY,OAAO,GAAG,EAAA,GADyBA,CAElE,CACD,GACH;AAEJ;"}

package/dist/components/Skeleton/demo/SkeletonShapes.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../web-react/docs/DocsSection.cjs"),s=require("../../Grid/Grid.cjs"),a=require("../SkeletonShape.cjs"),i=()=>e.jsxs(s.default,{cols:{mobile:1,tablet:2,desktop:3},spacingY:"space-1100",children:[e.jsx(t.default,{title:"Shape Square",stackAlignment:"stretch",container:"none",hasPadding:!1,children:e.jsx(a.default,{width:100,height:100})}),e.jsx(t.default,{title:"Shape Circle",stackAlignment:"stretch",container:"none",hasPadding:!1,children:e.jsx(a.default,{width:100,height:100,borderRadius:"full"})}),e.jsx(t.default,{title:"Shape Rectangular",stackAlignment:"stretch",container:"none",hasPadding:!1,children:e.jsx(a.default,{width:300,height:100,borderRadius:"400"})}),e.jsx(t.default,{title:"Shape Rectangular responsive radius",stackAlignment:"stretch",container:"none",hasPadding:!1,children:e.jsx(a.default,{width:300,height:100,borderRadius:{mobile:"200",tablet:"400",desktop:"500"}})})]});exports.default=i;
+//# sourceMappingURL=SkeletonShapes.cjs.map

package/dist/components/Skeleton/demo/SkeletonShapes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonShapes.cjs","sources":["../../../../src/components/Skeleton/demo/SkeletonShapes.tsx"],"sourcesContent":["import React from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { Grid } from '../../Grid';\nimport { SkeletonShape } from '../index';\n\nconst SkeletonShapes = () => (\n  <Grid cols={{ mobile: 1, tablet: 2, desktop: 3 }} spacingY=\"space-1100\">\n    <DocsSection title=\"Shape Square\" stackAlignment=\"stretch\" container=\"none\" hasPadding={false}>\n      <SkeletonShape width={100} height={100} />\n    </DocsSection>\n\n    <DocsSection title=\"Shape Circle\" stackAlignment=\"stretch\" container=\"none\" hasPadding={false}>\n      <SkeletonShape width={100} height={100} borderRadius=\"full\" />\n    </DocsSection>\n\n    <DocsSection title=\"Shape Rectangular\" stackAlignment=\"stretch\" container=\"none\" hasPadding={false}>\n      <SkeletonShape width={300} height={100} borderRadius=\"400\" />\n    </DocsSection>\n\n    <DocsSection\n      title=\"Shape Rectangular responsive radius\"\n      stackAlignment=\"stretch\"\n      container=\"none\"\n      hasPadding={false}\n    >\n      <SkeletonShape width={300} height={100} borderRadius={{ mobile: '200', tablet: '400', desktop: '500' }} />\n    </DocsSection>\n  </Grid>\n);\n\nexport default SkeletonShapes;\n"],"names":["SkeletonShapes","jsxs","Grid","jsx","DocsSection","SkeletonShape"],"mappings":"yQAKMA,EAAiB,IACrBC,EAAAA,KAACC,EAAAA,QAAA,CAAK,KAAM,CAAE,OAAQ,EAAG,OAAQ,EAAG,QAAS,CAAA,EAAK,SAAS,aACzD,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAY,MAAM,eAAe,eAAe,UAAU,UAAU,OAAO,WAAY,GACtF,eAACC,EAAAA,QAAA,CAAc,MAAO,IAAK,OAAQ,IAAK,EAC1C,QAECD,EAAAA,QAAA,CAAY,MAAM,eAAe,eAAe,UAAU,UAAU,OAAO,WAAY,GACtF,SAAAD,MAACE,EAAAA,SAAc,MAAO,IAAK,OAAQ,IAAK,aAAa,OAAO,EAC9D,QAECD,EAAAA,QAAA,CAAY,MAAM,oBAAoB,eAAe,UAAU,UAAU,OAAO,WAAY,GAC3F,SAAAD,MAACE,EAAAA,SAAc,MAAO,IAAK,OAAQ,IAAK,aAAa,MAAM,EAC7D,EAEAF,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,sCACN,eAAe,UACf,UAAU,OACV,WAAY,GAEZ,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAc,MAAO,IAAK,OAAQ,IAAK,aAAc,CAAE,OAAQ,MAAO,OAAQ,MAAO,QAAS,MAAM,CAAG,CAAA,CAAA,CAC1G,CAAA,CACF"}

package/dist/components/Skeleton/demo/SkeletonShapes.js

@@ -0,0 +1,23 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import t from "../../../web-react/docs/DocsSection.js";
+import n from "../../Grid/Grid.js";
+import i from "../SkeletonShape.js";
+const l = () => /* @__PURE__ */ a(n, { cols: { mobile: 1, tablet: 2, desktop: 3 }, spacingY: "space-1100", children: [
+  /* @__PURE__ */ e(t, { title: "Shape Square", stackAlignment: "stretch", container: "none", hasPadding: !1, children: /* @__PURE__ */ e(i, { width: 100, height: 100 }) }),
+  /* @__PURE__ */ e(t, { title: "Shape Circle", stackAlignment: "stretch", container: "none", hasPadding: !1, children: /* @__PURE__ */ e(i, { width: 100, height: 100, borderRadius: "full" }) }),
+  /* @__PURE__ */ e(t, { title: "Shape Rectangular", stackAlignment: "stretch", container: "none", hasPadding: !1, children: /* @__PURE__ */ e(i, { width: 300, height: 100, borderRadius: "400" }) }),
+  /* @__PURE__ */ e(
+    t,
+    {
+      title: "Shape Rectangular responsive radius",
+      stackAlignment: "stretch",
+      container: "none",
+      hasPadding: !1,
+      children: /* @__PURE__ */ e(i, { width: 300, height: 100, borderRadius: { mobile: "200", tablet: "400", desktop: "500" } })
+    }
+  )
+] });
+export {
+  l as default
+};
+//# sourceMappingURL=SkeletonShapes.js.map

package/dist/components/Skeleton/demo/SkeletonShapes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonShapes.js","sources":["../../../../src/components/Skeleton/demo/SkeletonShapes.tsx"],"sourcesContent":["import React from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { Grid } from '../../Grid';\nimport { SkeletonShape } from '../index';\n\nconst SkeletonShapes = () => (\n  <Grid cols={{ mobile: 1, tablet: 2, desktop: 3 }} spacingY=\"space-1100\">\n    <DocsSection title=\"Shape Square\" stackAlignment=\"stretch\" container=\"none\" hasPadding={false}>\n      <SkeletonShape width={100} height={100} />\n    </DocsSection>\n\n    <DocsSection title=\"Shape Circle\" stackAlignment=\"stretch\" container=\"none\" hasPadding={false}>\n      <SkeletonShape width={100} height={100} borderRadius=\"full\" />\n    </DocsSection>\n\n    <DocsSection title=\"Shape Rectangular\" stackAlignment=\"stretch\" container=\"none\" hasPadding={false}>\n      <SkeletonShape width={300} height={100} borderRadius=\"400\" />\n    </DocsSection>\n\n    <DocsSection\n      title=\"Shape Rectangular responsive radius\"\n      stackAlignment=\"stretch\"\n      container=\"none\"\n      hasPadding={false}\n    >\n      <SkeletonShape width={300} height={100} borderRadius={{ mobile: '200', tablet: '400', desktop: '500' }} />\n    </DocsSection>\n  </Grid>\n);\n\nexport default SkeletonShapes;\n"],"names":["SkeletonShapes","jsxs","Grid","jsx","DocsSection","SkeletonShape"],"mappings":";;;;AAKA,MAAMA,IAAiB,MACrB,gBAAAC,EAACC,GAAA,EAAK,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAAA,GAAK,UAAS,cACzD,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAY,OAAM,gBAAe,gBAAe,WAAU,WAAU,QAAO,YAAY,IACtF,4BAACC,GAAA,EAAc,OAAO,KAAK,QAAQ,KAAK,GAC1C;AAAA,oBAECD,GAAA,EAAY,OAAM,gBAAe,gBAAe,WAAU,WAAU,QAAO,YAAY,IACtF,UAAA,gBAAAD,EAACE,KAAc,OAAO,KAAK,QAAQ,KAAK,cAAa,QAAO,GAC9D;AAAA,oBAECD,GAAA,EAAY,OAAM,qBAAoB,gBAAe,WAAU,WAAU,QAAO,YAAY,IAC3F,UAAA,gBAAAD,EAACE,KAAc,OAAO,KAAK,QAAQ,KAAK,cAAa,OAAM,GAC7D;AAAA,EAEA,gBAAAF;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,gBAAe;AAAA,MACf,WAAU;AAAA,MACV,YAAY;AAAA,MAEZ,UAAA,gBAAAD,EAACE,GAAA,EAAc,OAAO,KAAK,QAAQ,KAAK,cAAc,EAAE,QAAQ,OAAO,QAAQ,OAAO,SAAS,QAAM,CAAG;AAAA,IAAA;AAAA,EAAA;AAC1G,EAAA,CACF;"}

package/dist/components/Skeleton/demo/SkeletonTexts.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("../../../web-react/docs/DocsSection.cjs"),r=require("../../../constants/dictionaries.cjs"),l=require("../../Grid/Grid.cjs"),s=require("../SkeletonText.cjs"),c=()=>{const n=Object.values(r.SizesExtended);return t.jsx(l.default,{cols:{mobile:1,tablet:2,desktop:3},spacingY:"space-1100",children:n.map(e=>t.jsxs(i.default,{title:`Size ${e}`,stackAlignment:"stretch",container:"none",hasPadding:!1,children:[t.jsx(s.default,{size:e,lines:3}),t.jsx(s.default,{size:e,lines:2})]},e))})};exports.default=c;
+//# sourceMappingURL=SkeletonTexts.cjs.map

package/dist/components/Skeleton/demo/SkeletonTexts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonTexts.cjs","sources":["../../../../src/components/Skeleton/demo/SkeletonTexts.tsx"],"sourcesContent":["import React from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { SizesExtended } from '../../../constants';\nimport { Grid } from '../../Grid';\nimport { SkeletonText } from '../index';\n\nconst SkeletonTexts = () => {\n  const sizes = Object.values(SizesExtended);\n\n  return (\n    <Grid cols={{ mobile: 1, tablet: 2, desktop: 3 }} spacingY=\"space-1100\">\n      {sizes.map((size) => (\n        <DocsSection title={`Size ${size}`} stackAlignment=\"stretch\" key={size} container=\"none\" hasPadding={false}>\n          <SkeletonText size={size} lines={3} />\n          <SkeletonText size={size} lines={2} />\n        </DocsSection>\n      ))}\n    </Grid>\n  );\n};\n\nexport default SkeletonTexts;\n"],"names":["SkeletonTexts","sizes","SizesExtended","jsx","Grid","size","jsxs","DocsSection","SkeletonText"],"mappings":"yTAMMA,EAAgB,IAAM,CAC1B,MAAMC,EAAQ,OAAO,OAAOC,eAAa,EAEzC,OACEC,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAM,CAAE,OAAQ,EAAG,OAAQ,EAAG,QAAS,CAAA,EAAK,SAAS,aACxD,SAAAH,EAAM,IAAKI,GACVC,EAAAA,KAACC,EAAAA,QAAA,CAAY,MAAO,QAAQF,CAAI,GAAI,eAAe,UAAqB,UAAU,OAAO,WAAY,GACnG,SAAA,CAAAF,EAAAA,IAACK,EAAAA,QAAA,CAAa,KAAAH,EAAY,MAAO,CAAA,CAAG,EACpCF,EAAAA,IAACK,EAAAA,QAAA,CAAa,KAAAH,EAAY,MAAO,CAAA,CAAG,CAAA,GAF4BA,CAGlE,CACD,EACH,CAEJ"}

package/dist/components/Skeleton/demo/SkeletonTexts.js

@@ -0,0 +1,16 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import r from "../../../web-react/docs/DocsSection.js";
+import { SizesExtended as i } from "../../../constants/dictionaries.js";
+import c from "../../Grid/Grid.js";
+import o from "../SkeletonText.js";
+const f = () => {
+  const s = Object.values(i);
+  return /* @__PURE__ */ t(c, { cols: { mobile: 1, tablet: 2, desktop: 3 }, spacingY: "space-1100", children: s.map((e) => /* @__PURE__ */ n(r, { title: `Size ${e}`, stackAlignment: "stretch", container: "none", hasPadding: !1, children: [
+    /* @__PURE__ */ t(o, { size: e, lines: 3 }),
+    /* @__PURE__ */ t(o, { size: e, lines: 2 })
+  ] }, e)) });
+};
+export {
+  f as default
+};
+//# sourceMappingURL=SkeletonTexts.js.map

package/dist/components/Skeleton/demo/SkeletonTexts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonTexts.js","sources":["../../../../src/components/Skeleton/demo/SkeletonTexts.tsx"],"sourcesContent":["import React from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { SizesExtended } from '../../../constants';\nimport { Grid } from '../../Grid';\nimport { SkeletonText } from '../index';\n\nconst SkeletonTexts = () => {\n  const sizes = Object.values(SizesExtended);\n\n  return (\n    <Grid cols={{ mobile: 1, tablet: 2, desktop: 3 }} spacingY=\"space-1100\">\n      {sizes.map((size) => (\n        <DocsSection title={`Size ${size}`} stackAlignment=\"stretch\" key={size} container=\"none\" hasPadding={false}>\n          <SkeletonText size={size} lines={3} />\n          <SkeletonText size={size} lines={2} />\n        </DocsSection>\n      ))}\n    </Grid>\n  );\n};\n\nexport default SkeletonTexts;\n"],"names":["SkeletonTexts","sizes","SizesExtended","jsx","Grid","size","jsxs","DocsSection","SkeletonText"],"mappings":";;;;;AAMA,MAAMA,IAAgB,MAAM;AAC1B,QAAMC,IAAQ,OAAO,OAAOC,CAAa;AAEzC,SACE,gBAAAC,EAACC,GAAA,EAAK,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAAA,GAAK,UAAS,cACxD,UAAAH,EAAM,IAAI,CAACI,MACV,gBAAAC,EAACC,GAAA,EAAY,OAAO,QAAQF,CAAI,IAAI,gBAAe,WAAqB,WAAU,QAAO,YAAY,IACnG,UAAA;AAAA,IAAA,gBAAAF,EAACK,GAAA,EAAa,MAAAH,GAAY,OAAO,EAAA,CAAG;AAAA,IACpC,gBAAAF,EAACK,GAAA,EAAa,MAAAH,GAAY,OAAO,EAAA,CAAG;AAAA,EAAA,KAF4BA,CAGlE,CACD,GACH;AAEJ;"}

package/dist/components/Skeleton/demo/preview.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),s=require("./SkeletonCombined.cjs"),i=require("./SkeletonHeadings.cjs"),l=require("./SkeletonShapes.cjs"),r=require("./SkeletonTexts.cjs"),c=()=>e.jsxs(n.StrictMode,{children:[e.jsx(t.default,{title:"SkeletonText",stackAlignment:"stretch",children:e.jsx(r.default,{})}),e.jsx(t.default,{title:"SkeletonHeading",stackAlignment:"stretch",children:e.jsx(i.default,{})}),e.jsx(t.default,{title:"SkeletonShape",stackAlignment:"stretch",children:e.jsx(l.default,{})}),e.jsx(t.default,{title:"Combined Skeletons",stackAlignment:"stretch",children:e.jsx(s.default,{})})]});exports.Preview=c;
+//# sourceMappingURL=preview.cjs.map

package/dist/components/Skeleton/demo/preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Skeleton/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport SkeletonCombined from './SkeletonCombined';\nimport SkeletonHeadings from './SkeletonHeadings';\nimport SkeletonShapes from './SkeletonShapes';\nimport SkeletonTexts from './SkeletonTexts';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"SkeletonText\" stackAlignment=\"stretch\">\n      <SkeletonTexts />\n    </DocsSection>\n    <DocsSection title=\"SkeletonHeading\" stackAlignment=\"stretch\">\n      <SkeletonHeadings />\n    </DocsSection>\n    <DocsSection title=\"SkeletonShape\" stackAlignment=\"stretch\">\n      <SkeletonShapes />\n    </DocsSection>\n    <DocsSection title=\"Combined Skeletons\" stackAlignment=\"stretch\">\n      <SkeletonCombined />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","SkeletonTexts","SkeletonHeadings","SkeletonShapes","SkeletonCombined"],"mappings":"qVASaA,EAAU,IACrBC,EAAAA,KAACC,EAAAA,WAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAY,MAAM,eAAe,eAAe,UAC/C,SAAAD,EAAAA,IAACE,YAAc,CAAA,CACjB,EACAF,EAAAA,IAACC,EAAAA,SAAY,MAAM,kBAAkB,eAAe,UAClD,SAAAD,EAAAA,IAACG,YAAiB,CAAA,CACpB,EACAH,EAAAA,IAACC,EAAAA,SAAY,MAAM,gBAAgB,eAAe,UAChD,SAAAD,EAAAA,IAACI,YAAe,CAAA,CAClB,EACAJ,EAAAA,IAACC,EAAAA,SAAY,MAAM,qBAAqB,eAAe,UACrD,SAAAD,EAAAA,IAACK,EAAAA,UAAiB,CAAA,CACpB,CAAA,CAAA,CACF"}

package/dist/components/Skeleton/demo/preview.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { StrictMode as o } from "react";
+import t from "../../../web-react/docs/DocsSection.js";
+import n from "./SkeletonCombined.js";
+import r from "./SkeletonHeadings.js";
+import l from "./SkeletonShapes.js";
+import m from "./SkeletonTexts.js";
+const a = () => /* @__PURE__ */ i(o, { children: [
+  /* @__PURE__ */ e(t, { title: "SkeletonText", stackAlignment: "stretch", children: /* @__PURE__ */ e(m, {}) }),
+  /* @__PURE__ */ e(t, { title: "SkeletonHeading", stackAlignment: "stretch", children: /* @__PURE__ */ e(r, {}) }),
+  /* @__PURE__ */ e(t, { title: "SkeletonShape", stackAlignment: "stretch", children: /* @__PURE__ */ e(l, {}) }),
+  /* @__PURE__ */ e(t, { title: "Combined Skeletons", stackAlignment: "stretch", children: /* @__PURE__ */ e(n, {}) })
+] });
+export {
+  a as Preview
+};
+//# sourceMappingURL=preview.js.map

package/dist/components/Skeleton/demo/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Skeleton/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport SkeletonCombined from './SkeletonCombined';\nimport SkeletonHeadings from './SkeletonHeadings';\nimport SkeletonShapes from './SkeletonShapes';\nimport SkeletonTexts from './SkeletonTexts';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"SkeletonText\" stackAlignment=\"stretch\">\n      <SkeletonTexts />\n    </DocsSection>\n    <DocsSection title=\"SkeletonHeading\" stackAlignment=\"stretch\">\n      <SkeletonHeadings />\n    </DocsSection>\n    <DocsSection title=\"SkeletonShape\" stackAlignment=\"stretch\">\n      <SkeletonShapes />\n    </DocsSection>\n    <DocsSection title=\"Combined Skeletons\" stackAlignment=\"stretch\">\n      <SkeletonCombined />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","SkeletonTexts","SkeletonHeadings","SkeletonShapes","SkeletonCombined"],"mappings":";;;;;;;;AASO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAY,OAAM,gBAAe,gBAAe,WAC/C,UAAA,gBAAAD,EAACE,KAAc,EAAA,CACjB;AAAA,EACA,gBAAAF,EAACC,KAAY,OAAM,mBAAkB,gBAAe,WAClD,UAAA,gBAAAD,EAACG,KAAiB,EAAA,CACpB;AAAA,EACA,gBAAAH,EAACC,KAAY,OAAM,iBAAgB,gBAAe,WAChD,UAAA,gBAAAD,EAACI,KAAe,EAAA,CAClB;AAAA,EACA,gBAAAJ,EAACC,KAAY,OAAM,sBAAqB,gBAAe,WACrD,UAAA,gBAAAD,EAACK,KAAiB,EAAA,CACpB;AAAA,EAAA,CACF;"}

package/dist/components/Skeleton/preview/index.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../demo/preview.cjs");exports.default=e.Preview;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Skeleton/preview/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Skeleton/preview/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Preview as t } from "../demo/preview.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Skeleton/preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/Skeleton/preview.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from '../../src/components/Skeleton/preview/index'
+export default _default
+export {}