@chayns-components/core 5.1.1 → 5.2.0

package/lib/esm/components/skeleton/skeleton-provider/SkeletonProvider.js

@@ -0,0 +1,79 @@
+import React, { createContext, useContext, useEffect } from 'react';
+import { ColorMode, useSite } from 'chayns-api';
+import { SkeletonAnimationType } from '../types';
+import { animate, useMotionValue, useTransform } from 'motion/react';
+export const SkeletonContext = /*#__PURE__*/createContext(undefined);
+SkeletonContext.displayName = 'SkeletonContext';
+export const useSkeletonConfig = ({
+  highlightColor,
+  baseColor,
+  animationType = SkeletonAnimationType.PULSE,
+  borderRadius = 4
+}) => {
+  const {
+    colorMode
+  } = useSite();
+  const progress = useMotionValue(0);
+  useEffect(() => {
+    const controls = animate(progress, 1, {
+      duration: 2.4,
+      repeat: Infinity,
+      repeatType: 'loop',
+      ease: 'linear'
+    });
+    return controls.stop;
+  }, [progress]);
+  const defaultHighlightColor = colorMode === ColorMode.Dark ? 'rgba(255, 255, 255, 1)' : 'rgba(0, 0, 0, 1)';
+  const defaultBaseColor = colorMode === ColorMode.Dark ? '#262626' : '#e5e5e5';
+  return {
+    animationType,
+    borderRadius,
+    baseColor: baseColor ?? defaultBaseColor,
+    highlightColor: highlightColor ?? defaultHighlightColor,
+    progress
+  };
+};
+export const useSkeletonAnimation = () => {
+  const {
+    animationType,
+    progress
+  } = useSkeletonContext();
+  const opacity = useTransform(progress, [0, 0.5, 1], [0.06, 0.18, 0.06]);
+  const x = useTransform(progress, [0, 1], ['-100%', '100%']);
+  if (animationType === SkeletonAnimationType.PULSE) {
+    return {
+      opacity
+    };
+  }
+  return {
+    x
+  };
+};
+export const useSkeletonContext = () => {
+  const defaultValues = useSkeletonConfig({});
+  const context = useContext(SkeletonContext);
+  if (!context) {
+    return defaultValues;
+  }
+  return context;
+};
+const SkeletonProvider = ({
+  animationType = SkeletonAnimationType.PULSE,
+  baseColor,
+  highlightColor,
+  borderRadius = 4,
+  children
+}) => {
+  const value = useSkeletonConfig({
+    baseColor,
+    borderRadius,
+    highlightColor,
+    animationType
+  });
+  return /*#__PURE__*/React.createElement(SkeletonContext.Provider, {
+    value: value
+  }, children);
+};
+SkeletonProvider.displayName = 'Skeleton.Config';
+export default SkeletonProvider;
+//# sourceMappingURL=SkeletonProvider.js.map

package/lib/esm/components/skeleton/skeleton-provider/SkeletonProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonProvider.js","names":["React","createContext","useContext","useEffect","ColorMode","useSite","SkeletonAnimationType","animate","useMotionValue","useTransform","SkeletonContext","undefined","displayName","useSkeletonConfig","highlightColor","baseColor","animationType","PULSE","borderRadius","colorMode","progress","controls","duration","repeat","Infinity","repeatType","ease","stop","defaultHighlightColor","Dark","defaultBaseColor","useSkeletonAnimation","useSkeletonContext","opacity","x","defaultValues","context","SkeletonProvider","children","value","createElement","Provider"],"sources":["../../../../../src/components/skeleton/skeleton-provider/SkeletonProvider.tsx"],"sourcesContent":["import React, { createContext, FC, ReactNode, useContext, useEffect } from 'react';\nimport { ColorMode, useSite } from 'chayns-api';\nimport { SkeletonAnimationType } from '../types';\nimport { animate, useMotionValue, MotionValue, useTransform } from 'motion/react';\n\nexport interface ISkeletonContext {\n    animationType?: SkeletonAnimationType;\n    borderRadius?: number | string;\n    baseColor?: string;\n    highlightColor?: string;\n    progress?: MotionValue<number>;\n}\n\nexport const SkeletonContext = createContext<ISkeletonContext | undefined>(undefined);\n\nSkeletonContext.displayName = 'SkeletonContext';\n\nexport const useSkeletonConfig = ({\n    highlightColor,\n    baseColor,\n    animationType = SkeletonAnimationType.PULSE,\n    borderRadius = 4,\n}: ISkeletonContext) => {\n    const { colorMode } = useSite();\n\n    const progress = useMotionValue(0);\n\n    useEffect(() => {\n        const controls = animate(progress, 1, {\n            duration: 2.4,\n            repeat: Infinity,\n            repeatType: 'loop',\n            ease: 'linear',\n        });\n\n        return controls.stop;\n    }, [progress]);\n\n    const defaultHighlightColor =\n        colorMode === ColorMode.Dark ? 'rgba(255, 255, 255, 1)' : 'rgba(0, 0, 0, 1)';\n\n    const defaultBaseColor = colorMode === ColorMode.Dark ? '#262626' : '#e5e5e5';\n\n    return {\n        animationType,\n        borderRadius,\n        baseColor: baseColor ?? defaultBaseColor,\n        highlightColor: highlightColor ?? defaultHighlightColor,\n        progress,\n    };\n};\n\nexport const useSkeletonAnimation = () => {\n    const { animationType, progress } = useSkeletonContext();\n\n    const opacity = useTransform(progress, [0, 0.5, 1], [0.06, 0.18, 0.06]);\n\n    const x = useTransform(progress, [0, 1], ['-100%', '100%']);\n\n    if (animationType === SkeletonAnimationType.PULSE) {\n        return { opacity };\n    }\n\n    return { x };\n};\n\nexport const useSkeletonContext = () => {\n    const defaultValues = useSkeletonConfig({});\n\n    const context = useContext(SkeletonContext);\n\n    if (!context) {\n        return defaultValues;\n    }\n\n    return context as Required<ISkeletonContext>;\n};\n\nexport interface SkeletonProviderProps extends ISkeletonContext {\n    children: ReactNode;\n}\n\nconst SkeletonProvider: FC<SkeletonProviderProps> = ({\n    animationType = SkeletonAnimationType.PULSE,\n    baseColor,\n    highlightColor,\n    borderRadius = 4,\n    children,\n}) => {\n    const value = useSkeletonConfig({ baseColor, borderRadius, highlightColor, animationType });\n\n    return <SkeletonContext.Provider value={value}>{children}</SkeletonContext.Provider>;\n};\n\nSkeletonProvider.displayName = 'Skeleton.Config';\n\nexport default SkeletonProvider;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/skeleton/types.js

@@ -0,0 +1,7 @@
+export let SkeletonAnimationType = /*#__PURE__*/function (SkeletonAnimationType) {
+  SkeletonAnimationType["SHIMMER"] = "SHIMMER";
+  SkeletonAnimationType["PULSE"] = "PULSE";
+  SkeletonAnimationType["NONE"] = "NONE";
+  return SkeletonAnimationType;
+}({});
+//# sourceMappingURL=types.js.map

package/lib/esm/components/skeleton/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["SkeletonAnimationType"],"sources":["../../../../src/components/skeleton/types.ts"],"sourcesContent":["import { CSSProperties } from 'react';\n\nexport enum SkeletonAnimationType {\n    SHIMMER = 'SHIMMER',\n    PULSE = 'PULSE',\n    NONE = 'NONE',\n}\n\nexport interface BaseSkeletonConfig {\n    animationType?: SkeletonAnimationType;\n    borderRadius?: number | string;\n    baseColor?: string;\n    highlightColor?: string;\n    className?: string;\n    style?: CSSProperties;\n}\n"],"mappings":"AAEA,WAAYA,qBAAqB,0BAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAAA,OAArBA,qBAAqB;AAAA","ignoreList":[]}

package/lib/esm/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.js

@@ -0,0 +1,33 @@
+import React, { forwardRef } from 'react';
+import { StyledAccordionSkeleton } from './AccordionSkeleton.styles';
+import BoxSkeleton from '../box-skeleton/BoxSkeleton';
+import SkeletonProvider, { useSkeletonContext } from '../../skeleton-provider/SkeletonProvider';
+const AccordionSkeleton = /*#__PURE__*/forwardRef(({
+  className,
+  baseColor,
+  highlightColor,
+  style,
+  animationType,
+  borderRadius
+}, ref) => {
+  const context = useSkeletonContext();
+  return /*#__PURE__*/React.createElement(StyledAccordionSkeleton, {
+    className: className,
+    style: style,
+    ref: ref
+  }, /*#__PURE__*/React.createElement(SkeletonProvider, {
+    highlightColor: highlightColor ?? context.highlightColor,
+    baseColor: baseColor ?? context.baseColor,
+    animationType: animationType ?? context.animationType,
+    borderRadius: borderRadius ?? context.borderRadius
+  }, /*#__PURE__*/React.createElement(BoxSkeleton, {
+    height: 16,
+    width: 16
+  }), /*#__PURE__*/React.createElement(BoxSkeleton, {
+    height: 22,
+    width: "60%"
+  })));
+});
+AccordionSkeleton.displayName = 'Skeleton.Accordion';
+export default AccordionSkeleton;
+//# sourceMappingURL=AccordionSkeleton.js.map

package/lib/esm/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionSkeleton.js","names":["React","forwardRef","StyledAccordionSkeleton","BoxSkeleton","SkeletonProvider","useSkeletonContext","AccordionSkeleton","className","baseColor","highlightColor","style","animationType","borderRadius","ref","context","createElement","height","width","displayName"],"sources":["../../../../../../src/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { BaseSkeletonConfig } from '../../types';\nimport { StyledAccordionSkeleton } from './AccordionSkeleton.styles';\nimport BoxSkeleton from '../box-skeleton/BoxSkeleton';\nimport SkeletonProvider, { useSkeletonContext } from '../../skeleton-provider/SkeletonProvider';\n\nconst AccordionSkeleton = forwardRef<HTMLDivElement, BaseSkeletonConfig>(\n    ({ className, baseColor, highlightColor, style, animationType, borderRadius }, ref) => {\n        const context = useSkeletonContext();\n\n        return (\n            <StyledAccordionSkeleton className={className} style={style} ref={ref}>\n                <SkeletonProvider\n                    highlightColor={highlightColor ?? context.highlightColor}\n                    baseColor={baseColor ?? context.baseColor}\n                    animationType={animationType ?? context.animationType}\n                    borderRadius={borderRadius ?? context.borderRadius}\n                >\n                    <BoxSkeleton height={16} width={16} />\n                    <BoxSkeleton height={22} width=\"60%\" />\n                </SkeletonProvider>\n            </StyledAccordionSkeleton>\n        );\n    },\n);\n\nAccordionSkeleton.displayName = 'Skeleton.Accordion';\n\nexport default AccordionSkeleton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,uBAAuB,QAAQ,4BAA4B;AACpE,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,gBAAgB,IAAIC,kBAAkB,QAAQ,0CAA0C;AAE/F,MAAMC,iBAAiB,gBAAGL,UAAU,CAChC,CAAC;EAAEM,SAAS;EAAEC,SAAS;EAAEC,cAAc;EAAEC,KAAK;EAAEC,aAAa;EAAEC;AAAa,CAAC,EAAEC,GAAG,KAAK;EACnF,MAAMC,OAAO,GAAGT,kBAAkB,CAAC,CAAC;EAEpC,oBACIL,KAAA,CAAAe,aAAA,CAACb,uBAAuB;IAACK,SAAS,EAAEA,SAAU;IAACG,KAAK,EAAEA,KAAM;IAACG,GAAG,EAAEA;EAAI,gBAClEb,KAAA,CAAAe,aAAA,CAACX,gBAAgB;IACbK,cAAc,EAAEA,cAAc,IAAIK,OAAO,CAACL,cAAe;IACzDD,SAAS,EAAEA,SAAS,IAAIM,OAAO,CAACN,SAAU;IAC1CG,aAAa,EAAEA,aAAa,IAAIG,OAAO,CAACH,aAAc;IACtDC,YAAY,EAAEA,YAAY,IAAIE,OAAO,CAACF;EAAa,gBAEnDZ,KAAA,CAAAe,aAAA,CAACZ,WAAW;IAACa,MAAM,EAAE,EAAG;IAACC,KAAK,EAAE;EAAG,CAAE,CAAC,eACtCjB,KAAA,CAAAe,aAAA,CAACZ,WAAW;IAACa,MAAM,EAAE,EAAG;IAACC,KAAK,EAAC;EAAK,CAAE,CACxB,CACG,CAAC;AAElC,CACJ,CAAC;AAEDX,iBAAiB,CAACY,WAAW,GAAG,oBAAoB;AAEpD,eAAeZ,iBAAiB","ignoreList":[]}

package/lib/esm/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.styles.js

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+export const StyledAccordionSkeleton = styled.div`
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    height: 35px;
+    margin-top: 6px;
+`;
+//# sourceMappingURL=AccordionSkeleton.styles.js.map

package/lib/esm/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionSkeleton.styles.js","names":["styled","StyledAccordionSkeleton","div"],"sources":["../../../../../../src/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledAccordionSkeleton = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    height: 35px;\n    margin-top: 6px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,uBAAuB,GAAGD,MAAM,CAACE,GAAG;AACjD;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/skeleton/variants/badge-skeleton/BadgeSkeleton.js

@@ -0,0 +1,23 @@
+import React, { forwardRef } from 'react';
+import { BaseSkeleton } from '../../base-skeleton/BaseSkeleton';
+const BadgeSkeleton = /*#__PURE__*/forwardRef(({
+  className,
+  baseColor,
+  highlightColor,
+  style,
+  animationType,
+  width = 24
+}, ref) => /*#__PURE__*/React.createElement(BaseSkeleton, {
+  width: width,
+  height: 24,
+  borderRadius: "50%",
+  animationType: animationType,
+  baseColor: baseColor,
+  className: className,
+  style: style,
+  highlightColor: highlightColor,
+  ref: ref
+}));
+BadgeSkeleton.displayName = 'Skeleton.Badge';
+export default BadgeSkeleton;
+//# sourceMappingURL=BadgeSkeleton.js.map

package/lib/esm/components/skeleton/variants/badge-skeleton/BadgeSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeSkeleton.js","names":["React","forwardRef","BaseSkeleton","BadgeSkeleton","className","baseColor","highlightColor","style","animationType","width","ref","createElement","height","borderRadius","displayName"],"sources":["../../../../../../src/components/skeleton/variants/badge-skeleton/BadgeSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { BaseSkeleton } from '../../base-skeleton/BaseSkeleton';\nimport { BaseSkeletonConfig } from '../../types';\n\ninterface BadgeSkeletonProps extends BaseSkeletonConfig {\n    width: number | string;\n}\n\nconst BadgeSkeleton = forwardRef<HTMLDivElement, Omit<BadgeSkeletonProps, 'borderRadius'>>(\n    ({ className, baseColor, highlightColor, style, animationType, width = 24 }, ref) => (\n        <BaseSkeleton\n            width={width}\n            height={24}\n            borderRadius=\"50%\"\n            animationType={animationType}\n            baseColor={baseColor}\n            className={className}\n            style={style}\n            highlightColor={highlightColor}\n            ref={ref}\n        />\n    ),\n);\n\nBadgeSkeleton.displayName = 'Skeleton.Badge';\n\nexport default BadgeSkeleton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,YAAY,QAAQ,kCAAkC;AAO/D,MAAMC,aAAa,gBAAGF,UAAU,CAC5B,CAAC;EAAEG,SAAS;EAAEC,SAAS;EAAEC,cAAc;EAAEC,KAAK;EAAEC,aAAa;EAAEC,KAAK,GAAG;AAAG,CAAC,EAAEC,GAAG,kBAC5EV,KAAA,CAAAW,aAAA,CAACT,YAAY;EACTO,KAAK,EAAEA,KAAM;EACbG,MAAM,EAAE,EAAG;EACXC,YAAY,EAAC,KAAK;EAClBL,aAAa,EAAEA,aAAc;EAC7BH,SAAS,EAAEA,SAAU;EACrBD,SAAS,EAAEA,SAAU;EACrBG,KAAK,EAAEA,KAAM;EACbD,cAAc,EAAEA,cAAe;EAC/BI,GAAG,EAAEA;AAAI,CACZ,CAET,CAAC;AAEDP,aAAa,CAACW,WAAW,GAAG,gBAAgB;AAE5C,eAAeX,aAAa","ignoreList":[]}

package/lib/esm/components/skeleton/variants/box-skeleton/BoxSkeleton.js

@@ -0,0 +1,25 @@
+import React, { forwardRef } from 'react';
+import { BaseSkeleton } from '../../base-skeleton/BaseSkeleton';
+const BoxSkeleton = /*#__PURE__*/forwardRef(({
+  className,
+  baseColor,
+  highlightColor,
+  style,
+  borderRadius,
+  animationType,
+  height,
+  width
+}, ref) => /*#__PURE__*/React.createElement(BaseSkeleton, {
+  width: width,
+  height: height,
+  borderRadius: borderRadius,
+  animationType: animationType,
+  baseColor: baseColor,
+  className: className,
+  style: style,
+  highlightColor: highlightColor,
+  ref: ref
+}));
+BoxSkeleton.displayName = 'Skeleton.Box';
+export default BoxSkeleton;
+//# sourceMappingURL=BoxSkeleton.js.map

package/lib/esm/components/skeleton/variants/box-skeleton/BoxSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxSkeleton.js","names":["React","forwardRef","BaseSkeleton","BoxSkeleton","className","baseColor","highlightColor","style","borderRadius","animationType","height","width","ref","createElement","displayName"],"sources":["../../../../../../src/components/skeleton/variants/box-skeleton/BoxSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { BaseSkeleton } from '../../base-skeleton/BaseSkeleton';\nimport { BaseSkeletonConfig } from '../../types';\n\ninterface BoxSkeletonProps extends BaseSkeletonConfig {\n    height: number | string;\n    width: number | string;\n}\n\nconst BoxSkeleton = forwardRef<HTMLDivElement, BoxSkeletonProps>(\n    (\n        { className, baseColor, highlightColor, style, borderRadius, animationType, height, width },\n        ref,\n    ) => (\n        <BaseSkeleton\n            width={width}\n            height={height}\n            borderRadius={borderRadius}\n            animationType={animationType}\n            baseColor={baseColor}\n            className={className}\n            style={style}\n            highlightColor={highlightColor}\n            ref={ref}\n        />\n    ),\n);\n\nBoxSkeleton.displayName = 'Skeleton.Box';\n\nexport default BoxSkeleton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,YAAY,QAAQ,kCAAkC;AAQ/D,MAAMC,WAAW,gBAAGF,UAAU,CAC1B,CACI;EAAEG,SAAS;EAAEC,SAAS;EAAEC,cAAc;EAAEC,KAAK;EAAEC,YAAY;EAAEC,aAAa;EAAEC,MAAM;EAAEC;AAAM,CAAC,EAC3FC,GAAG,kBAEHZ,KAAA,CAAAa,aAAA,CAACX,YAAY;EACTS,KAAK,EAAEA,KAAM;EACbD,MAAM,EAAEA,MAAO;EACfF,YAAY,EAAEA,YAAa;EAC3BC,aAAa,EAAEA,aAAc;EAC7BJ,SAAS,EAAEA,SAAU;EACrBD,SAAS,EAAEA,SAAU;EACrBG,KAAK,EAAEA,KAAM;EACbD,cAAc,EAAEA,cAAe;EAC/BM,GAAG,EAAEA;AAAI,CACZ,CAET,CAAC;AAEDT,WAAW,CAACW,WAAW,GAAG,cAAc;AAExC,eAAeX,WAAW","ignoreList":[]}

package/lib/esm/components/skeleton/variants/button-skeleton/ButtonSkeleton.js

@@ -0,0 +1,23 @@
+import React, { forwardRef } from 'react';
+import { BaseSkeleton } from '../../base-skeleton/BaseSkeleton';
+const ButtonSkeleton = /*#__PURE__*/forwardRef(({
+  className,
+  baseColor,
+  highlightColor,
+  style,
+  animationType,
+  shouldRoundCorners = false
+}, ref) => /*#__PURE__*/React.createElement(BaseSkeleton, {
+  width: 100,
+  height: 34,
+  borderRadius: shouldRoundCorners ? '50%' : 3,
+  animationType: animationType,
+  baseColor: baseColor,
+  className: className,
+  style: style,
+  highlightColor: highlightColor,
+  ref: ref
+}));
+ButtonSkeleton.displayName = 'Skeleton.Button';
+export default ButtonSkeleton;
+//# sourceMappingURL=ButtonSkeleton.js.map

package/lib/esm/components/skeleton/variants/button-skeleton/ButtonSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSkeleton.js","names":["React","forwardRef","BaseSkeleton","ButtonSkeleton","className","baseColor","highlightColor","style","animationType","shouldRoundCorners","ref","createElement","width","height","borderRadius","displayName"],"sources":["../../../../../../src/components/skeleton/variants/button-skeleton/ButtonSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { BaseSkeleton } from '../../base-skeleton/BaseSkeleton';\nimport { BaseSkeletonConfig } from '../../types';\n\ninterface ButtonSkeletonProps extends BaseSkeletonConfig {\n    shouldRoundCorners?: boolean;\n}\n\nconst ButtonSkeleton = forwardRef<HTMLDivElement, Omit<ButtonSkeletonProps, 'borderRadius'>>(\n    (\n        { className, baseColor, highlightColor, style, animationType, shouldRoundCorners = false },\n        ref,\n    ) => (\n        <BaseSkeleton\n            width={100}\n            height={34}\n            borderRadius={shouldRoundCorners ? '50%' : 3}\n            animationType={animationType}\n            baseColor={baseColor}\n            className={className}\n            style={style}\n            highlightColor={highlightColor}\n            ref={ref}\n        />\n    ),\n);\n\nButtonSkeleton.displayName = 'Skeleton.Button';\n\nexport default ButtonSkeleton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,YAAY,QAAQ,kCAAkC;AAO/D,MAAMC,cAAc,gBAAGF,UAAU,CAC7B,CACI;EAAEG,SAAS;EAAEC,SAAS;EAAEC,cAAc;EAAEC,KAAK;EAAEC,aAAa;EAAEC,kBAAkB,GAAG;AAAM,CAAC,EAC1FC,GAAG,kBAEHV,KAAA,CAAAW,aAAA,CAACT,YAAY;EACTU,KAAK,EAAE,GAAI;EACXC,MAAM,EAAE,EAAG;EACXC,YAAY,EAAEL,kBAAkB,GAAG,KAAK,GAAG,CAAE;EAC7CD,aAAa,EAAEA,aAAc;EAC7BH,SAAS,EAAEA,SAAU;EACrBD,SAAS,EAAEA,SAAU;EACrBG,KAAK,EAAEA,KAAM;EACbD,cAAc,EAAEA,cAAe;EAC/BI,GAAG,EAAEA;AAAI,CACZ,CAET,CAAC;AAEDP,cAAc,CAACY,WAAW,GAAG,iBAAiB;AAE9C,eAAeZ,cAAc","ignoreList":[]}

package/lib/esm/components/skeleton/variants/circle-skeleton/CircleSkeleton.js

@@ -0,0 +1,23 @@
+import React, { forwardRef } from 'react';
+import { BaseSkeleton } from '../../base-skeleton/BaseSkeleton';
+const CircleSkeleton = /*#__PURE__*/forwardRef(({
+  className,
+  baseColor,
+  highlightColor,
+  style,
+  animationType,
+  size
+}, ref) => /*#__PURE__*/React.createElement(BaseSkeleton, {
+  width: size,
+  height: size,
+  borderRadius: "100%",
+  animationType: animationType,
+  baseColor: baseColor,
+  className: className,
+  style: style,
+  highlightColor: highlightColor,
+  ref: ref
+}));
+CircleSkeleton.displayName = 'Skeleton.Box';
+export default CircleSkeleton;
+//# sourceMappingURL=CircleSkeleton.js.map

package/lib/esm/components/skeleton/variants/circle-skeleton/CircleSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleSkeleton.js","names":["React","forwardRef","BaseSkeleton","CircleSkeleton","className","baseColor","highlightColor","style","animationType","size","ref","createElement","width","height","borderRadius","displayName"],"sources":["../../../../../../src/components/skeleton/variants/circle-skeleton/CircleSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { BaseSkeleton } from '../../base-skeleton/BaseSkeleton';\nimport { BaseSkeletonConfig } from '../../types';\n\ninterface CircleSkeletonProps extends BaseSkeletonConfig {\n    size: number;\n}\n\nconst CircleSkeleton = forwardRef<HTMLDivElement, Omit<CircleSkeletonProps, 'borderRadius'>>(\n    ({ className, baseColor, highlightColor, style, animationType, size }, ref) => (\n        <BaseSkeleton\n            width={size}\n            height={size}\n            borderRadius=\"100%\"\n            animationType={animationType}\n            baseColor={baseColor}\n            className={className}\n            style={style}\n            highlightColor={highlightColor}\n            ref={ref}\n        />\n    ),\n);\n\nCircleSkeleton.displayName = 'Skeleton.Box';\n\nexport default CircleSkeleton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,YAAY,QAAQ,kCAAkC;AAO/D,MAAMC,cAAc,gBAAGF,UAAU,CAC7B,CAAC;EAAEG,SAAS;EAAEC,SAAS;EAAEC,cAAc;EAAEC,KAAK;EAAEC,aAAa;EAAEC;AAAK,CAAC,EAAEC,GAAG,kBACtEV,KAAA,CAAAW,aAAA,CAACT,YAAY;EACTU,KAAK,EAAEH,IAAK;EACZI,MAAM,EAAEJ,IAAK;EACbK,YAAY,EAAC,MAAM;EACnBN,aAAa,EAAEA,aAAc;EAC7BH,SAAS,EAAEA,SAAU;EACrBD,SAAS,EAAEA,SAAU;EACrBG,KAAK,EAAEA,KAAM;EACbD,cAAc,EAAEA,cAAe;EAC/BI,GAAG,EAAEA;AAAI,CACZ,CAET,CAAC;AAEDP,cAAc,CAACY,WAAW,GAAG,cAAc;AAE3C,eAAeZ,cAAc","ignoreList":[]}

package/lib/esm/components/skeleton/variants/headline-skeleton/HeadlineSkeleton.js

@@ -0,0 +1,43 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { forwardRef } from 'react';
+import { BaseSkeleton } from '../../base-skeleton/BaseSkeleton';
+const BaseHeadlineSkeleton = /*#__PURE__*/forwardRef(({
+  className,
+  baseColor,
+  highlightColor,
+  style,
+  borderRadius,
+  animationType,
+  width = '60%',
+  type
+}, ref) => /*#__PURE__*/React.createElement(BaseSkeleton, {
+  as: type,
+  ref: ref,
+  width: width,
+  height: 0,
+  borderRadius: borderRadius,
+  animationType: animationType,
+  baseColor: baseColor,
+  className: className,
+  style: style,
+  highlightColor: highlightColor
+}, "Pseudo Headline"));
+BaseHeadlineSkeleton.displayName = 'BaseHeadlineSkeleton';
+const createHeadlineSkeleton = (type, displayName) => {
+  const Component = /*#__PURE__*/forwardRef((props, ref) =>
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  React.createElement(BaseHeadlineSkeleton, _extends({
+    ref: ref,
+    type: type
+  }, props)));
+  Component.displayName = displayName;
+  return Component;
+};
+export const H1Skeleton = createHeadlineSkeleton('h1', 'Skeleton.H1');
+export const H2Skeleton = createHeadlineSkeleton('h2', 'Skeleton.H2');
+export const H3Skeleton = createHeadlineSkeleton('h3', 'Skeleton.H3');
+export const H4Skeleton = createHeadlineSkeleton('h4', 'Skeleton.H4');
+export const H5Skeleton = createHeadlineSkeleton('h5', 'Skeleton.H5');
+export const H6Skeleton = createHeadlineSkeleton('h6', 'Skeleton.H6');
+//# sourceMappingURL=HeadlineSkeleton.js.map

package/lib/esm/components/skeleton/variants/headline-skeleton/HeadlineSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadlineSkeleton.js","names":["React","forwardRef","BaseSkeleton","BaseHeadlineSkeleton","className","baseColor","highlightColor","style","borderRadius","animationType","width","type","ref","createElement","as","height","displayName","createHeadlineSkeleton","Component","props","_extends","H1Skeleton","H2Skeleton","H3Skeleton","H4Skeleton","H5Skeleton","H6Skeleton"],"sources":["../../../../../../src/components/skeleton/variants/headline-skeleton/HeadlineSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { BaseSkeleton } from '../../base-skeleton/BaseSkeleton';\nimport { BaseSkeletonConfig } from '../../types';\n\ntype HeadlineType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\ninterface BaseHeadlineSkeletonProps extends BaseSkeletonConfig {\n    width?: number | string;\n    type: HeadlineType;\n}\n\ninterface HeadlineSkeletonProps extends BaseSkeletonConfig {\n    width?: number | string;\n}\n\nconst BaseHeadlineSkeleton = forwardRef<HTMLDivElement, BaseHeadlineSkeletonProps>(\n    (\n        {\n            className,\n            baseColor,\n            highlightColor,\n            style,\n            borderRadius,\n            animationType,\n            width = '60%',\n            type,\n        },\n        ref,\n    ) => (\n        <BaseSkeleton\n            as={type}\n            ref={ref}\n            width={width}\n            height={0}\n            borderRadius={borderRadius}\n            animationType={animationType}\n            baseColor={baseColor}\n            className={className}\n            style={style}\n            highlightColor={highlightColor}\n        >\n            Pseudo Headline\n        </BaseSkeleton>\n    ),\n);\n\nBaseHeadlineSkeleton.displayName = 'BaseHeadlineSkeleton';\n\nconst createHeadlineSkeleton = (type: HeadlineType, displayName: string) => {\n    const Component = forwardRef<HTMLDivElement, HeadlineSkeletonProps>((props, ref) => (\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        <BaseHeadlineSkeleton ref={ref} type={type} {...props} />\n    ));\n\n    Component.displayName = displayName;\n\n    return Component;\n};\n\nexport const H1Skeleton = createHeadlineSkeleton('h1', 'Skeleton.H1');\nexport const H2Skeleton = createHeadlineSkeleton('h2', 'Skeleton.H2');\nexport const H3Skeleton = createHeadlineSkeleton('h3', 'Skeleton.H3');\nexport const H4Skeleton = createHeadlineSkeleton('h4', 'Skeleton.H4');\nexport const H5Skeleton = createHeadlineSkeleton('h5', 'Skeleton.H5');\nexport const H6Skeleton = createHeadlineSkeleton('h6', 'Skeleton.H6');\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,YAAY,QAAQ,kCAAkC;AAc/D,MAAMC,oBAAoB,gBAAGF,UAAU,CACnC,CACI;EACIG,SAAS;EACTC,SAAS;EACTC,cAAc;EACdC,KAAK;EACLC,YAAY;EACZC,aAAa;EACbC,KAAK,GAAG,KAAK;EACbC;AACJ,CAAC,EACDC,GAAG,kBAEHZ,KAAA,CAAAa,aAAA,CAACX,YAAY;EACTY,EAAE,EAAEH,IAAK;EACTC,GAAG,EAAEA,GAAI;EACTF,KAAK,EAAEA,KAAM;EACbK,MAAM,EAAE,CAAE;EACVP,YAAY,EAAEA,YAAa;EAC3BC,aAAa,EAAEA,aAAc;EAC7BJ,SAAS,EAAEA,SAAU;EACrBD,SAAS,EAAEA,SAAU;EACrBG,KAAK,EAAEA,KAAM;EACbD,cAAc,EAAEA;AAAe,GAClC,iBAEa,CAEtB,CAAC;AAEDH,oBAAoB,CAACa,WAAW,GAAG,sBAAsB;AAEzD,MAAMC,sBAAsB,GAAGA,CAACN,IAAkB,EAAEK,WAAmB,KAAK;EACxE,MAAME,SAAS,gBAAGjB,UAAU,CAAwC,CAACkB,KAAK,EAAEP,GAAG;EAAA;EAC3E;EACAZ,KAAA,CAAAa,aAAA,CAACV,oBAAoB,EAAAiB,QAAA;IAACR,GAAG,EAAEA,GAAI;IAACD,IAAI,EAAEA;EAAK,GAAKQ,KAAK,CAAG,CAC3D,CAAC;EAEFD,SAAS,CAACF,WAAW,GAAGA,WAAW;EAEnC,OAAOE,SAAS;AACpB,CAAC;AAED,OAAO,MAAMG,UAAU,GAAGJ,sBAAsB,CAAC,IAAI,EAAE,aAAa,CAAC;AACrE,OAAO,MAAMK,UAAU,GAAGL,sBAAsB,CAAC,IAAI,EAAE,aAAa,CAAC;AACrE,OAAO,MAAMM,UAAU,GAAGN,sBAAsB,CAAC,IAAI,EAAE,aAAa,CAAC;AACrE,OAAO,MAAMO,UAAU,GAAGP,sBAAsB,CAAC,IAAI,EAAE,aAAa,CAAC;AACrE,OAAO,MAAMQ,UAAU,GAAGR,sBAAsB,CAAC,IAAI,EAAE,aAAa,CAAC;AACrE,OAAO,MAAMS,UAAU,GAAGT,sBAAsB,CAAC,IAAI,EAAE,aAAa,CAAC","ignoreList":[]}

package/lib/esm/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.js

@@ -0,0 +1,36 @@
+import React, { forwardRef } from 'react';
+import { StyledListItemSkeleton, StyledListItemSkeletonBars } from './ListItemSkeleton.styles';
+import CircleSkeleton from '../circle-skeleton/CircleSkeleton';
+import BoxSkeleton from '../box-skeleton/BoxSkeleton';
+import SkeletonProvider, { useSkeletonContext } from '../../skeleton-provider/SkeletonProvider';
+const ListItemSkeleton = /*#__PURE__*/forwardRef(({
+  className,
+  baseColor,
+  highlightColor,
+  style,
+  animationType,
+  borderRadius
+}, ref) => {
+  const context = useSkeletonContext();
+  return /*#__PURE__*/React.createElement(StyledListItemSkeleton, {
+    className: className,
+    style: style,
+    ref: ref
+  }, /*#__PURE__*/React.createElement(SkeletonProvider, {
+    highlightColor: highlightColor ?? context.highlightColor,
+    baseColor: baseColor ?? context.baseColor,
+    animationType: animationType ?? context.animationType,
+    borderRadius: borderRadius ?? context.borderRadius
+  }, /*#__PURE__*/React.createElement(CircleSkeleton, {
+    size: 40
+  }), /*#__PURE__*/React.createElement(StyledListItemSkeletonBars, null, /*#__PURE__*/React.createElement(BoxSkeleton, {
+    height: 16,
+    width: "90%"
+  }), /*#__PURE__*/React.createElement(BoxSkeleton, {
+    height: 16,
+    width: "60%"
+  }))));
+});
+ListItemSkeleton.displayName = 'Skeleton.ListItem';
+export default ListItemSkeleton;
+//# sourceMappingURL=ListItemSkeleton.js.map

package/lib/esm/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSkeleton.js","names":["React","forwardRef","StyledListItemSkeleton","StyledListItemSkeletonBars","CircleSkeleton","BoxSkeleton","SkeletonProvider","useSkeletonContext","ListItemSkeleton","className","baseColor","highlightColor","style","animationType","borderRadius","ref","context","createElement","size","height","width","displayName"],"sources":["../../../../../../src/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { BaseSkeletonConfig } from '../../types';\nimport { StyledListItemSkeleton, StyledListItemSkeletonBars } from './ListItemSkeleton.styles';\nimport CircleSkeleton from '../circle-skeleton/CircleSkeleton';\nimport BoxSkeleton from '../box-skeleton/BoxSkeleton';\nimport SkeletonProvider, { useSkeletonContext } from '../../skeleton-provider/SkeletonProvider';\n\nconst ListItemSkeleton = forwardRef<HTMLDivElement, BaseSkeletonConfig>(\n    ({ className, baseColor, highlightColor, style, animationType, borderRadius }, ref) => {\n        const context = useSkeletonContext();\n\n        return (\n            <StyledListItemSkeleton className={className} style={style} ref={ref}>\n                <SkeletonProvider\n                    highlightColor={highlightColor ?? context.highlightColor}\n                    baseColor={baseColor ?? context.baseColor}\n                    animationType={animationType ?? context.animationType}\n                    borderRadius={borderRadius ?? context.borderRadius}\n                >\n                    <CircleSkeleton size={40} />\n                    <StyledListItemSkeletonBars>\n                        <BoxSkeleton height={16} width=\"90%\" />\n                        <BoxSkeleton height={16} width=\"60%\" />\n                    </StyledListItemSkeletonBars>\n                </SkeletonProvider>\n            </StyledListItemSkeleton>\n        );\n    },\n);\n\nListItemSkeleton.displayName = 'Skeleton.ListItem';\n\nexport default ListItemSkeleton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,sBAAsB,EAAEC,0BAA0B,QAAQ,2BAA2B;AAC9F,OAAOC,cAAc,MAAM,mCAAmC;AAC9D,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,gBAAgB,IAAIC,kBAAkB,QAAQ,0CAA0C;AAE/F,MAAMC,gBAAgB,gBAAGP,UAAU,CAC/B,CAAC;EAAEQ,SAAS;EAAEC,SAAS;EAAEC,cAAc;EAAEC,KAAK;EAAEC,aAAa;EAAEC;AAAa,CAAC,EAAEC,GAAG,KAAK;EACnF,MAAMC,OAAO,GAAGT,kBAAkB,CAAC,CAAC;EAEpC,oBACIP,KAAA,CAAAiB,aAAA,CAACf,sBAAsB;IAACO,SAAS,EAAEA,SAAU;IAACG,KAAK,EAAEA,KAAM;IAACG,GAAG,EAAEA;EAAI,gBACjEf,KAAA,CAAAiB,aAAA,CAACX,gBAAgB;IACbK,cAAc,EAAEA,cAAc,IAAIK,OAAO,CAACL,cAAe;IACzDD,SAAS,EAAEA,SAAS,IAAIM,OAAO,CAACN,SAAU;IAC1CG,aAAa,EAAEA,aAAa,IAAIG,OAAO,CAACH,aAAc;IACtDC,YAAY,EAAEA,YAAY,IAAIE,OAAO,CAACF;EAAa,gBAEnDd,KAAA,CAAAiB,aAAA,CAACb,cAAc;IAACc,IAAI,EAAE;EAAG,CAAE,CAAC,eAC5BlB,KAAA,CAAAiB,aAAA,CAACd,0BAA0B,qBACvBH,KAAA,CAAAiB,aAAA,CAACZ,WAAW;IAACc,MAAM,EAAE,EAAG;IAACC,KAAK,EAAC;EAAK,CAAE,CAAC,eACvCpB,KAAA,CAAAiB,aAAA,CAACZ,WAAW;IAACc,MAAM,EAAE,EAAG;IAACC,KAAK,EAAC;EAAK,CAAE,CACd,CACd,CACE,CAAC;AAEjC,CACJ,CAAC;AAEDZ,gBAAgB,CAACa,WAAW,GAAG,mBAAmB;AAElD,eAAeb,gBAAgB","ignoreList":[]}

package/lib/esm/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.styles.js

@@ -0,0 +1,17 @@
+import styled from 'styled-components';
+export const StyledListItemSkeleton = styled.div`
+    width: 100%;
+    height: 64px;
+
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 12px 9px 12px 12px;
+`;
+export const StyledListItemSkeletonBars = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    flex: 1;
+`;
+//# sourceMappingURL=ListItemSkeleton.styles.js.map

package/lib/esm/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSkeleton.styles.js","names":["styled","StyledListItemSkeleton","div","StyledListItemSkeletonBars"],"sources":["../../../../../../src/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledListItemSkeleton = styled.div`\n    width: 100%;\n    height: 64px;\n\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 9px 12px 12px;\n`;\n\nexport const StyledListItemSkeletonBars = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    flex: 1;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,sBAAsB,GAAGD,MAAM,CAACE,GAAG;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,0BAA0B,GAAGH,MAAM,CAACE,GAAG;AACpD;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/skeleton/variants/text-skeleton/TextSkeleton.js

@@ -0,0 +1,34 @@
+import React, { forwardRef, useMemo } from 'react';
+import { BaseSkeleton } from '../../base-skeleton/BaseSkeleton';
+import { StyledTextSkeleton } from './TextSkeleton.styles';
+const TextSkeleton = /*#__PURE__*/forwardRef(({
+  className,
+  baseColor,
+  highlightColor,
+  style,
+  borderRadius,
+  animationType,
+  width = '100%',
+  lines = 1,
+  randomWithBounds
+}, ref) => {
+  const renderedLines = useMemo(() => Array.from({
+    length: lines
+  }).map(() => /*#__PURE__*/React.createElement(BaseSkeleton, {
+    key: Math.random(),
+    as: "p",
+    ref: ref,
+    width: randomWithBounds ? `${Math.floor(Math.random() * (randomWithBounds[1] - randomWithBounds[0] + 1)) + randomWithBounds[0]}%` : width,
+    height: 0,
+    borderRadius: borderRadius,
+    animationType: animationType,
+    baseColor: baseColor,
+    className: className,
+    style: style,
+    highlightColor: highlightColor
+  }, "Pseudo Text")), [animationType, baseColor, borderRadius, className, highlightColor, lines, randomWithBounds, ref, style, width]);
+  return /*#__PURE__*/React.createElement(StyledTextSkeleton, null, renderedLines);
+});
+TextSkeleton.displayName = 'Skeleton.Text';
+export default TextSkeleton;
+//# sourceMappingURL=TextSkeleton.js.map

package/lib/esm/components/skeleton/variants/text-skeleton/TextSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextSkeleton.js","names":["React","forwardRef","useMemo","BaseSkeleton","StyledTextSkeleton","TextSkeleton","className","baseColor","highlightColor","style","borderRadius","animationType","width","lines","randomWithBounds","ref","renderedLines","Array","from","length","map","createElement","key","Math","random","as","floor","height","displayName"],"sources":["../../../../../../src/components/skeleton/variants/text-skeleton/TextSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { BaseSkeleton } from '../../base-skeleton/BaseSkeleton';\nimport { BaseSkeletonConfig } from '../../types';\nimport { StyledTextSkeleton } from './TextSkeleton.styles';\n\ninterface TextSkeletonProps extends BaseSkeletonConfig {\n    width?: number | string;\n    lines?: number;\n    randomWithBounds?: [number, number];\n}\n\nconst TextSkeleton = forwardRef<HTMLDivElement, TextSkeletonProps>(\n    (\n        {\n            className,\n            baseColor,\n            highlightColor,\n            style,\n            borderRadius,\n            animationType,\n            width = '100%',\n            lines = 1,\n            randomWithBounds,\n        },\n        ref,\n    ) => {\n        const renderedLines = useMemo(\n            () =>\n                Array.from({ length: lines }).map(() => (\n                    <BaseSkeleton\n                        key={Math.random()}\n                        as=\"p\"\n                        ref={ref}\n                        width={\n                            randomWithBounds\n                                ? `${Math.floor(Math.random() * (randomWithBounds[1] - randomWithBounds[0] + 1)) + randomWithBounds[0]}%`\n                                : width\n                        }\n                        height={0}\n                        borderRadius={borderRadius}\n                        animationType={animationType}\n                        baseColor={baseColor}\n                        className={className}\n                        style={style}\n                        highlightColor={highlightColor}\n                    >\n                        Pseudo Text\n                    </BaseSkeleton>\n                )),\n            [\n                animationType,\n                baseColor,\n                borderRadius,\n                className,\n                highlightColor,\n                lines,\n                randomWithBounds,\n                ref,\n                style,\n                width,\n            ],\n        );\n\n        return <StyledTextSkeleton>{renderedLines}</StyledTextSkeleton>;\n    },\n);\n\nTextSkeleton.displayName = 'Skeleton.Text';\n\nexport default TextSkeleton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,SAASC,YAAY,QAAQ,kCAAkC;AAE/D,SAASC,kBAAkB,QAAQ,uBAAuB;AAQ1D,MAAMC,YAAY,gBAAGJ,UAAU,CAC3B,CACI;EACIK,SAAS;EACTC,SAAS;EACTC,cAAc;EACdC,KAAK;EACLC,YAAY;EACZC,aAAa;EACbC,KAAK,GAAG,MAAM;EACdC,KAAK,GAAG,CAAC;EACTC;AACJ,CAAC,EACDC,GAAG,KACF;EACD,MAAMC,aAAa,GAAGd,OAAO,CACzB,MACIe,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEN;EAAM,CAAC,CAAC,CAACO,GAAG,CAAC,mBAC9BpB,KAAA,CAAAqB,aAAA,CAAClB,YAAY;IACTmB,GAAG,EAAEC,IAAI,CAACC,MAAM,CAAC,CAAE;IACnBC,EAAE,EAAC,GAAG;IACNV,GAAG,EAAEA,GAAI;IACTH,KAAK,EACDE,gBAAgB,GACV,GAAGS,IAAI,CAACG,KAAK,CAACH,IAAI,CAACC,MAAM,CAAC,CAAC,IAAIV,gBAAgB,CAAC,CAAC,CAAC,GAAGA,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAGA,gBAAgB,CAAC,CAAC,CAAC,GAAG,GACvGF,KACT;IACDe,MAAM,EAAE,CAAE;IACVjB,YAAY,EAAEA,YAAa;IAC3BC,aAAa,EAAEA,aAAc;IAC7BJ,SAAS,EAAEA,SAAU;IACrBD,SAAS,EAAEA,SAAU;IACrBG,KAAK,EAAEA,KAAM;IACbD,cAAc,EAAEA;EAAe,GAClC,aAEa,CACjB,CAAC,EACN,CACIG,aAAa,EACbJ,SAAS,EACTG,YAAY,EACZJ,SAAS,EACTE,cAAc,EACdK,KAAK,EACLC,gBAAgB,EAChBC,GAAG,EACHN,KAAK,EACLG,KAAK,CAEb,CAAC;EAED,oBAAOZ,KAAA,CAAAqB,aAAA,CAACjB,kBAAkB,QAAEY,aAAkC,CAAC;AACnE,CACJ,CAAC;AAEDX,YAAY,CAACuB,WAAW,GAAG,eAAe;AAE1C,eAAevB,YAAY","ignoreList":[]}

package/lib/esm/components/skeleton/variants/text-skeleton/TextSkeleton.styles.js

@@ -0,0 +1,6 @@
+import styled from 'styled-components';
+export const StyledTextSkeleton = styled.div`
+    display: flex;
+    flex-direction: column;
+`;
+//# sourceMappingURL=TextSkeleton.styles.js.map

package/lib/esm/components/skeleton/variants/text-skeleton/TextSkeleton.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextSkeleton.styles.js","names":["styled","StyledTextSkeleton","div"],"sources":["../../../../../../src/components/skeleton/variants/text-skeleton/TextSkeleton.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledTextSkeleton = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAAG;AAC5C;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/index.js

@@ -79,4 +79,6 @@ export { isTobitEmployee } from './utils/isTobitEmployee';
 export { getUsableHeight } from './utils/pageProvider';
 export { uploadFile } from './utils/uploadFile';
 export { ComboBoxSize } from './components/combobox/ComboBox.types';
+export { default as Skeleton } from './components/skeleton';
+export { SkeletonAnimationType } from './components/skeleton/types';
 //# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Accordion","AccordionContent","AccordionGroup","AccordionIntro","AccordionItem","AmountControl","VerificationBadge","AreaContext","AreaProvider","Badge","Button","Checkbox","ColorSchemeProvider","useColorScheme","BadgeSize","BadgeDesign","useContainer","ContainerAnchor","DropdownDirection","useIsMeasuredClone","useCombinedRefs","Filter","AnimatedNumber","FileList","FileSelect","DropdownBodyWrapper","ComboBox","ContentCard","HighlightSlider","ContextMenu","ContextMenuAlignment","ExpandableContent","FileInput","STREAMINGSERVICE_FILE_TYPES","TSIMG_FILE_TYPES","FilterButton","FilterButtons","GridImage","GroupedImage","Icon","Input","InputSize","List","ListItemContent","ListItem","LIST_ITEM_MARKER","withListItemMarker","withListItemMarkerForwardRef","MentionFinder","MultiActionButton","NumberInput","PageProvider","Popup","PopupContent","ProgressBar","PopupAlignment","RadioButtonGroup","RadioButton","ScrollView","SearchBox","SearchInput","SelectButton","SetupWizardItem","SetupWizard","SharingContextMenu","SharingBar","SharingButton","Signature","SliderButton","Slider","SmallWaitCursor","SmallWaitCursorSize","SmallWaitCursorSpeed","TagInput","TextArea","Tooltip","Truncation","MentionFinderPopupAlignment","useElementSize","ContentCardType","isValidFileType","FilterButtonItemShape","FilterButtonSize","MultiActionButtonHeight","MultiActionButtonStatusType","ClampPosition","useIsTouch","filterFilesByMimeType","getFileAsArrayBuffer","selectFiles","isTobitEmployee","getUsableHeight","uploadFile","ComboBoxSize"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as VerificationBadge } from './components/verification-badge/VerificationBadge';\nexport {\n    AreaContext,\n    default as AreaProvider,\n} from './components/area-provider/AreaContextProvider';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport {\n    default as ColorSchemeProvider,\n    useColorScheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { BadgeSize, BadgeDesign } from './components/badge/Badge.types';\nexport type {\n    ColorSchemeContextProps,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { useContainer, ContainerAnchor } from './hooks/container';\nexport { DropdownDirection, type DropdownCoordinates } from './types/dropdown';\nexport { useIsMeasuredClone } from './hooks/element';\nexport { useCombinedRefs } from './hooks/ref';\nexport { default as Filter, type FilterRightIcon } from './components/filter/Filter';\nexport {\n    type SortItem,\n    type SearchConfig,\n    type SortConfig,\n    type CheckboxConfig,\n    type FilterButtonConfig,\n    type FilterRef,\n} from './types/filter';\nexport { default as AnimatedNumber } from './components/animated-number/AnimatedNumber';\nexport {\n    default as FileList,\n    type IFileItem as FileListItem,\n} from './components/file-list/FileList';\nexport { default as FileSelect } from './components/file-select/FileSelect';\nexport { default as DropdownBodyWrapper } from './components/dropdown-body-wrapper/DropdownBodyWrapper';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport { default as HighlightSlider } from './components/highlight-slider/HighlightSlider';\nexport type { HighlightSliderItemColors as HighlightSliderColors } from './components/highlight-slider/highlight-slider-item/HighlightSliderItem';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport {\n    ContextMenuAlignment,\n    type ContextMenuCoordinates,\n    type ContextMenuItem,\n    type ContextMenuProps,\n    type ContextMenuRef,\n} from './components/context-menu/ContextMenu.types';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport {\n    default as FileInput,\n    type FileInputRef,\n    STREAMINGSERVICE_FILE_TYPES,\n    TSIMG_FILE_TYPES,\n} from './components/file-input/FileInput';\nexport { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as GroupedImage } from './components/grouped-image/GroupedImage';\nexport { default as Icon, type IconProps } from './components/icon/Icon';\nexport { default as Input, InputSize } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport {\n    default as ListItem,\n    type ListItemElements,\n    type ListItemProps,\n    type ListItemRef,\n    type ListItemSize,\n} from './components/list/list-item/ListItem';\nexport {\n    type ListItemMarkedForwardRefComponent,\n    type ListItemMarkedComponent,\n    type ListItemMetaProps,\n    LIST_ITEM_MARKER,\n    withListItemMarker,\n    withListItemMarkerForwardRef,\n} from './components/list/list-item/ListItem.utils';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as MultiActionButton } from './components/multi-action-button/MultiActionButton';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as PageProvider } from './components/page-provider/PageProvider';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as PopupContent } from './components/popup/popup-content/PopupContent';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { PopupAlignment } from './types/popup';\nexport type { PopupProps } from './components/popup/Popup.types';\nexport {\n    default as RadioButtonGroup,\n    type RadioButtonGroupRef,\n} from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingContextMenu } from './components/sharing-context-menu/SharingContextMenu';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as SharingButton } from './components/sharing-button/SharingButton';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n    default as SmallWaitCursor,\n    SmallWaitCursorSize,\n    SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport type { Tag } from './types/tagInput';\nexport { default as TagInput } from './components/tag-input/TagInput';\nexport type { TagInputRef } from './components/tag-input/TagInput';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { MentionFinderPopupAlignment } from './constants/mentionFinder';\nexport { useElementSize } from './hooks/element';\nexport type { BrowserName } from './types/chayns';\nexport { ContentCardType } from './types/contentCard';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/file';\nexport { isValidFileType } from './utils/file';\nexport type { FileInputFileItem } from './types/fileInput';\nexport { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';\nexport type { IFilterButtonItem as FilterButtonItem } from './types/filterButtons';\nexport type { IListItemRightElements } from './types/list';\nexport type { PopupRef } from './types/popup';\nexport type { RadioButtonItem } from './types/radioButton';\nexport type {\n    ISearchBoxItem as SearchBoxItem,\n    ISearchBoxItems as SearchBoxItems,\n} from './types/searchBox';\nexport type { SelectButtonItem } from './types/selectButton';\nexport type { SliderButtonItem } from './types/slider-button';\nexport {\n    type MultiActionButtonAction,\n    type MultiActionButtonActionEvent,\n    type MultiActionButtonActionStatus,\n    MultiActionButtonHeight,\n    type MultiActionButtonProps,\n    type MultiActionButtonSecondaryContextMenu,\n    MultiActionButtonStatusType,\n} from './components/multi-action-button/MultiActionButton.types';\nexport { ClampPosition } from './types/truncation';\nexport { useIsTouch } from './utils/environment';\nexport { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { getUsableHeight } from './utils/pageProvider';\nexport { uploadFile } from './utils/uploadFile';\nexport type { Theme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { ComboBoxSize } from './components/combobox/ComboBox.types';\nexport type {\n    IComboBoxItem as ComboBoxItem,\n    ComboBoxTextStyles,\n    IComboBoxItems as ComboBoxItems,\n    ComboBoxRef,\n} from './components/combobox/ComboBox.types';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","Accordion","AccordionContent","AccordionGroup","AccordionIntro","AccordionItem","AmountControl","VerificationBadge","AreaContext","AreaProvider","Badge","Button","Checkbox","ColorSchemeProvider","useColorScheme","BadgeSize","BadgeDesign","useContainer","ContainerAnchor","DropdownDirection","useIsMeasuredClone","useCombinedRefs","Filter","AnimatedNumber","FileList","FileSelect","DropdownBodyWrapper","ComboBox","ContentCard","HighlightSlider","ContextMenu","ContextMenuAlignment","ExpandableContent","FileInput","STREAMINGSERVICE_FILE_TYPES","TSIMG_FILE_TYPES","FilterButton","FilterButtons","GridImage","GroupedImage","Icon","Input","InputSize","List","ListItemContent","ListItem","LIST_ITEM_MARKER","withListItemMarker","withListItemMarkerForwardRef","MentionFinder","MultiActionButton","NumberInput","PageProvider","Popup","PopupContent","ProgressBar","PopupAlignment","RadioButtonGroup","RadioButton","ScrollView","SearchBox","SearchInput","SelectButton","SetupWizardItem","SetupWizard","SharingContextMenu","SharingBar","SharingButton","Signature","SliderButton","Slider","SmallWaitCursor","SmallWaitCursorSize","SmallWaitCursorSpeed","TagInput","TextArea","Tooltip","Truncation","MentionFinderPopupAlignment","useElementSize","ContentCardType","isValidFileType","FilterButtonItemShape","FilterButtonSize","MultiActionButtonHeight","MultiActionButtonStatusType","ClampPosition","useIsTouch","filterFilesByMimeType","getFileAsArrayBuffer","selectFiles","isTobitEmployee","getUsableHeight","uploadFile","ComboBoxSize","Skeleton","SkeletonAnimationType"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as VerificationBadge } from './components/verification-badge/VerificationBadge';\nexport {\n    AreaContext,\n    default as AreaProvider,\n} from './components/area-provider/AreaContextProvider';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport {\n    default as ColorSchemeProvider,\n    useColorScheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { BadgeSize, BadgeDesign } from './components/badge/Badge.types';\nexport type {\n    ColorSchemeContextProps,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { useContainer, ContainerAnchor } from './hooks/container';\nexport { DropdownDirection, type DropdownCoordinates } from './types/dropdown';\nexport { useIsMeasuredClone } from './hooks/element';\nexport { useCombinedRefs } from './hooks/ref';\nexport { default as Filter, type FilterRightIcon } from './components/filter/Filter';\nexport {\n    type SortItem,\n    type SearchConfig,\n    type SortConfig,\n    type CheckboxConfig,\n    type FilterButtonConfig,\n    type FilterRef,\n} from './types/filter';\nexport { default as AnimatedNumber } from './components/animated-number/AnimatedNumber';\nexport {\n    default as FileList,\n    type IFileItem as FileListItem,\n} from './components/file-list/FileList';\nexport { default as FileSelect } from './components/file-select/FileSelect';\nexport { default as DropdownBodyWrapper } from './components/dropdown-body-wrapper/DropdownBodyWrapper';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport { default as HighlightSlider } from './components/highlight-slider/HighlightSlider';\nexport type { HighlightSliderItemColors as HighlightSliderColors } from './components/highlight-slider/highlight-slider-item/HighlightSliderItem';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport {\n    ContextMenuAlignment,\n    type ContextMenuCoordinates,\n    type ContextMenuItem,\n    type ContextMenuProps,\n    type ContextMenuRef,\n} from './components/context-menu/ContextMenu.types';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport {\n    default as FileInput,\n    type FileInputRef,\n    STREAMINGSERVICE_FILE_TYPES,\n    TSIMG_FILE_TYPES,\n} from './components/file-input/FileInput';\nexport { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as GroupedImage } from './components/grouped-image/GroupedImage';\nexport { default as Icon, type IconProps } from './components/icon/Icon';\nexport { default as Input, InputSize } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport {\n    default as ListItem,\n    type ListItemElements,\n    type ListItemProps,\n    type ListItemRef,\n    type ListItemSize,\n} from './components/list/list-item/ListItem';\nexport {\n    type ListItemMarkedForwardRefComponent,\n    type ListItemMarkedComponent,\n    type ListItemMetaProps,\n    LIST_ITEM_MARKER,\n    withListItemMarker,\n    withListItemMarkerForwardRef,\n} from './components/list/list-item/ListItem.utils';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as MultiActionButton } from './components/multi-action-button/MultiActionButton';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as PageProvider } from './components/page-provider/PageProvider';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as PopupContent } from './components/popup/popup-content/PopupContent';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { PopupAlignment } from './types/popup';\nexport type { PopupProps } from './components/popup/Popup.types';\nexport {\n    default as RadioButtonGroup,\n    type RadioButtonGroupRef,\n} from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingContextMenu } from './components/sharing-context-menu/SharingContextMenu';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as SharingButton } from './components/sharing-button/SharingButton';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n    default as SmallWaitCursor,\n    SmallWaitCursorSize,\n    SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport type { Tag } from './types/tagInput';\nexport { default as TagInput } from './components/tag-input/TagInput';\nexport type { TagInputRef } from './components/tag-input/TagInput';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { MentionFinderPopupAlignment } from './constants/mentionFinder';\nexport { useElementSize } from './hooks/element';\nexport type { BrowserName } from './types/chayns';\nexport { ContentCardType } from './types/contentCard';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/file';\nexport { isValidFileType } from './utils/file';\nexport type { FileInputFileItem } from './types/fileInput';\nexport { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';\nexport type { IFilterButtonItem as FilterButtonItem } from './types/filterButtons';\nexport type { IListItemRightElements } from './types/list';\nexport type { PopupRef } from './types/popup';\nexport type { RadioButtonItem } from './types/radioButton';\nexport type {\n    ISearchBoxItem as SearchBoxItem,\n    ISearchBoxItems as SearchBoxItems,\n} from './types/searchBox';\nexport type { SelectButtonItem } from './types/selectButton';\nexport type { SliderButtonItem } from './types/slider-button';\nexport {\n    type MultiActionButtonAction,\n    type MultiActionButtonActionEvent,\n    type MultiActionButtonActionStatus,\n    MultiActionButtonHeight,\n    type MultiActionButtonProps,\n    type MultiActionButtonSecondaryContextMenu,\n    MultiActionButtonStatusType,\n} from './components/multi-action-button/MultiActionButton.types';\nexport { ClampPosition } from './types/truncation';\nexport { useIsTouch } from './utils/environment';\nexport { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { getUsableHeight } from './utils/pageProvider';\nexport { uploadFile } from './utils/uploadFile';\nexport type { Theme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { ComboBoxSize } from './components/combobox/ComboBox.types';\nexport type {\n    IComboBoxItem as ComboBoxItem,\n    ComboBoxTextStyles,\n    IComboBoxItems as ComboBoxItems,\n    ComboBoxRef,\n} from './components/combobox/ComboBox.types';\nexport { default as Skeleton } from './components/skeleton';\nexport { SkeletonAnimationType } from './components/skeleton/types';\n"],"mappings":"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","ignoreList":[]}

package/lib/types/components/skeleton/base-skeleton/BaseSkeleton.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactHTML, ReactNode } from 'react';
+import { BaseSkeletonConfig } from '../types';
+export interface BaseSkeletonProps extends BaseSkeletonConfig {
+    width: number | string;
+    height: number | string;
+    as?: keyof ReactHTML;
+    children?: ReactNode;
+}
+export declare const BaseSkeleton: React.ForwardRefExoticComponent<BaseSkeletonProps & React.RefAttributes<HTMLDivElement>>;
+export default BaseSkeleton;

package/lib/types/components/skeleton/base-skeleton/BaseSkeleton.styles.d.ts

@@ -0,0 +1,22 @@
+import { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';
+type StyledBaseSkeletonProps = WithTheme<{
+    $borderRadius: number | string;
+    $backgroundColor: string;
+    $width: number | string;
+    $height: number | string;
+    $shouldUseNativeTag: boolean;
+}>;
+export declare const StyledBaseSkeleton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledBaseSkeletonProps>> & string;
+type StyledMotionBaseSkeletonShimmerProps = WithTheme<{
+    $color: string;
+}>;
+export declare const StyledMotionBaseSkeletonShimmer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, StyledMotionBaseSkeletonShimmerProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof React.Component<any, {}, any>>;
+type StyledMotionBaseSkeletonPulseProps = WithTheme<{
+    $color: string;
+}>;
+export declare const StyledMotionBaseSkeletonPulse: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, StyledMotionBaseSkeletonPulseProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof React.Component<any, {}, any>>;
+export {};