@ultraviolet/ui 1.51.1 → 1.51.3

package/dist/components/Skeleton/Donut.js

@@ -0,0 +1,61 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { Line } from "./Line.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const CIRCLE_SIZE = 206;
+const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1bu753f3"
+} : {
+  target: "e1bu753f3",
+  label: "StyledContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zjik7",
+  styles: "display:flex"
+} : {
+  name: "zjik7",
+  styles: "display:flex",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0RvbnV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vRG9udXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuXG5jb25zdCBDSVJDTEVfU0laRSA9IDIwNlxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG5jb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICBoZWlnaHQ6ICR7Q0lSQ0xFX1NJWkV9cHg7XG4gIHdpZHRoOiAke0NJUkNMRV9TSVpFfXB4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuYFxuXG5jb25zdCBTdHlsZWRDaXJjbGUgPSBzdHlsZWQuY2lyY2xlYFxuICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICBzdHJva2U6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIHN0cm9rZS13aWR0aDogMTg7XG4gIHN0cm9rZS1saW5lY2FwOiBidXR0O1xuICBmaWxsOiBub25lO1xuYFxuXG5jb25zdCBMaW5lTGlzdCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZ3JpZDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgZ2FwOiAxNnB4O1xuYFxuXG5leHBvcnQgY29uc3QgRG9udXQgPSAoKSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXI+XG4gICAgPFN0eWxlZFNWRz5cbiAgICAgIDxTdHlsZWRDaXJjbGUgY3g9e0NJUkNMRV9TSVpFIC8gMn0gY3k9e0NJUkNMRV9TSVpFIC8gMn0gcj1cIjkwXCIgLz5cbiAgICA8L1N0eWxlZFNWRz5cbiAgICA8TGluZUxpc3Q+XG4gICAgICA8bGk+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L2xpPlxuICAgICAgPGxpPlxuICAgICAgICA8TGluZSAvPlxuICAgICAgPC9saT5cbiAgICAgIDxsaT5cbiAgICAgICAgPExpbmUgLz5cbiAgICAgIDwvbGk+XG4gICAgICA8bGk+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L2xpPlxuICAgIDwvTGluZUxpc3Q+XG4gIDwvU3R5bGVkQ29udGFpbmVyPlxuKVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledSVG = /* @__PURE__ */ _styled("svg", process.env.NODE_ENV === "production" ? {
+  target: "e1bu753f2"
+} : {
+  target: "e1bu753f2",
+  label: "StyledSVG"
+})("height:", CIRCLE_SIZE, "px;width:", CIRCLE_SIZE, "px;transform:rotate(-90deg);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0RvbnV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vRG9udXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuXG5jb25zdCBDSVJDTEVfU0laRSA9IDIwNlxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG5jb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICBoZWlnaHQ6ICR7Q0lSQ0xFX1NJWkV9cHg7XG4gIHdpZHRoOiAke0NJUkNMRV9TSVpFfXB4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuYFxuXG5jb25zdCBTdHlsZWRDaXJjbGUgPSBzdHlsZWQuY2lyY2xlYFxuICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICBzdHJva2U6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIHN0cm9rZS13aWR0aDogMTg7XG4gIHN0cm9rZS1saW5lY2FwOiBidXR0O1xuICBmaWxsOiBub25lO1xuYFxuXG5jb25zdCBMaW5lTGlzdCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZ3JpZDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgZ2FwOiAxNnB4O1xuYFxuXG5leHBvcnQgY29uc3QgRG9udXQgPSAoKSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXI+XG4gICAgPFN0eWxlZFNWRz5cbiAgICAgIDxTdHlsZWRDaXJjbGUgY3g9e0NJUkNMRV9TSVpFIC8gMn0gY3k9e0NJUkNMRV9TSVpFIC8gMn0gcj1cIjkwXCIgLz5cbiAgICA8L1N0eWxlZFNWRz5cbiAgICA8TGluZUxpc3Q+XG4gICAgICA8bGk+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L2xpPlxuICAgICAgPGxpPlxuICAgICAgICA8TGluZSAvPlxuICAgICAgPC9saT5cbiAgICAgIDxsaT5cbiAgICAgICAgPExpbmUgLz5cbiAgICAgIDwvbGk+XG4gICAgICA8bGk+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L2xpPlxuICAgIDwvTGluZUxpc3Q+XG4gIDwvU3R5bGVkQ29udGFpbmVyPlxuKVxuIl19 */"));
+const StyledCircle = /* @__PURE__ */ _styled("circle", process.env.NODE_ENV === "production" ? {
+  target: "e1bu753f1"
+} : {
+  target: "e1bu753f1",
+  label: "StyledCircle"
+})("transform-origin:50% 50%;stroke:", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";stroke-width:18;stroke-linecap:butt;fill:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0RvbnV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFla0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vRG9udXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuXG5jb25zdCBDSVJDTEVfU0laRSA9IDIwNlxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG5jb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICBoZWlnaHQ6ICR7Q0lSQ0xFX1NJWkV9cHg7XG4gIHdpZHRoOiAke0NJUkNMRV9TSVpFfXB4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuYFxuXG5jb25zdCBTdHlsZWRDaXJjbGUgPSBzdHlsZWQuY2lyY2xlYFxuICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICBzdHJva2U6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIHN0cm9rZS13aWR0aDogMTg7XG4gIHN0cm9rZS1saW5lY2FwOiBidXR0O1xuICBmaWxsOiBub25lO1xuYFxuXG5jb25zdCBMaW5lTGlzdCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZ3JpZDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgZ2FwOiAxNnB4O1xuYFxuXG5leHBvcnQgY29uc3QgRG9udXQgPSAoKSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXI+XG4gICAgPFN0eWxlZFNWRz5cbiAgICAgIDxTdHlsZWRDaXJjbGUgY3g9e0NJUkNMRV9TSVpFIC8gMn0gY3k9e0NJUkNMRV9TSVpFIC8gMn0gcj1cIjkwXCIgLz5cbiAgICA8L1N0eWxlZFNWRz5cbiAgICA8TGluZUxpc3Q+XG4gICAgICA8bGk+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L2xpPlxuICAgICAgPGxpPlxuICAgICAgICA8TGluZSAvPlxuICAgICAgPC9saT5cbiAgICAgIDxsaT5cbiAgICAgICAgPExpbmUgLz5cbiAgICAgIDwvbGk+XG4gICAgICA8bGk+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L2xpPlxuICAgIDwvTGluZUxpc3Q+XG4gIDwvU3R5bGVkQ29udGFpbmVyPlxuKVxuIl19 */"));
+const LineList = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "production" ? {
+  target: "e1bu753f0"
+} : {
+  target: "e1bu753f0",
+  label: "LineList"
+})(process.env.NODE_ENV === "production" ? {
+  name: "pct5nu",
+  styles: "display:grid;list-style:none;gap:16px"
+} : {
+  name: "pct5nu",
+  styles: "display:grid;list-style:none;gap:16px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0RvbnV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0RvbnV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgTGluZSB9IGZyb20gJy4vTGluZSdcblxuY29uc3QgQ0lSQ0xFX1NJWkUgPSAyMDZcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbmBcblxuY29uc3QgU3R5bGVkU1ZHID0gc3R5bGVkLnN2Z2BcbiAgaGVpZ2h0OiAke0NJUkNMRV9TSVpFfXB4O1xuICB3aWR0aDogJHtDSVJDTEVfU0laRX1weDtcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbmBcblxuY29uc3QgU3R5bGVkQ2lyY2xlID0gc3R5bGVkLmNpcmNsZWBcbiAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgc3Ryb2tlOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBzdHJva2Utd2lkdGg6IDE4O1xuICBzdHJva2UtbGluZWNhcDogYnV0dDtcbiAgZmlsbDogbm9uZTtcbmBcblxuY29uc3QgTGluZUxpc3QgPSBzdHlsZWQudWxgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIGdhcDogMTZweDtcbmBcblxuZXhwb3J0IGNvbnN0IERvbnV0ID0gKCkgPT4gKFxuICA8U3R5bGVkQ29udGFpbmVyPlxuICAgIDxTdHlsZWRTVkc+XG4gICAgICA8U3R5bGVkQ2lyY2xlIGN4PXtDSVJDTEVfU0laRSAvIDJ9IGN5PXtDSVJDTEVfU0laRSAvIDJ9IHI9XCI5MFwiIC8+XG4gICAgPC9TdHlsZWRTVkc+XG4gICAgPExpbmVMaXN0PlxuICAgICAgPGxpPlxuICAgICAgICA8TGluZSAvPlxuICAgICAgPC9saT5cbiAgICAgIDxsaT5cbiAgICAgICAgPExpbmUgLz5cbiAgICAgIDwvbGk+XG4gICAgICA8bGk+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L2xpPlxuICAgICAgPGxpPlxuICAgICAgICA8TGluZSAvPlxuICAgICAgPC9saT5cbiAgICA8L0xpbmVMaXN0PlxuICA8L1N0eWxlZENvbnRhaW5lcj5cbilcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Donut = () => /* @__PURE__ */ jsxs(StyledContainer, { children: [
+  /* @__PURE__ */ jsx(StyledSVG, { children: /* @__PURE__ */ jsx(StyledCircle, { cx: CIRCLE_SIZE / 2, cy: CIRCLE_SIZE / 2, r: "90" }) }),
+  /* @__PURE__ */ jsxs(LineList, { children: [
+    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Line, {}) }),
+    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Line, {}) }),
+    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Line, {}) }),
+    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Line, {}) })
+  ] })
+] });
+export {
+  Donut
+};

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const IconSkeleton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Skeleton/IconSkeleton.js

@@ -0,0 +1,22 @@
+import _styled from "@emotion/styled/base";
+const IconSkeleton = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1kubpd30"
+} : {
+  target: "e1kubpd30",
+  label: "IconSkeleton"
+})("margin-right:", ({
+  theme
+}) => theme.space["1"], ";width:", ({
+  theme
+}) => theme.space["4"], ";height:", ({
+  theme
+}) => theme.space["4"], ";min-width:", ({
+  theme
+}) => theme.space["4"], ";border-radius:", ({
+  theme
+}) => theme.radii.large, ";background-color:", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0ljb25Ta2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXNDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0ljb25Ta2VsZXRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IEljb25Ta2VsZXRvbiA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgd2lkdGg6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzQnXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbiAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmxhcmdlfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbmBcbiJdfQ== */"));
+export {
+  IconSkeleton
+};

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Line: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Skeleton/Line.js

@@ -0,0 +1,16 @@
+import _styled from "@emotion/styled/base";
+const sizes = [80, 120, 160, 200];
+const randomSize = () => sizes[Math.floor(Math.random() * sizes.length)];
+const Line = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1denkbe0"
+} : {
+  target: "e1denkbe0",
+  label: "Line"
+})("height:12px;width:", () => randomSize(), "px;max-width:100%;border-radius:", ({
+  theme
+}) => theme.radii.large, ";background-color:", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0xpbmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU04QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBzaXplcyA9IFs4MCwgMTIwLCAxNjAsIDIwMF1cblxuY29uc3QgcmFuZG9tU2l6ZSA9ICgpID0+IHNpemVzW01hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIHNpemVzLmxlbmd0aCldXG5cbmV4cG9ydCBjb25zdCBMaW5lID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMnB4O1xuICB3aWR0aDogJHsoKSA9PiByYW5kb21TaXplKCl9cHg7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5sYXJnZX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG5gXG4iXX0= */"));
+export {
+  Line
+};

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

@@ -0,0 +1,4 @@
+export declare const List: ({ length, col, }: {
+    length?: number;
+    col?: number;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Skeleton/List.js

@@ -0,0 +1,56 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { Line } from "./Line.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledItem = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "production" ? {
+  target: "e639qnr2"
+} : {
+  target: "e639qnr2",
+  label: "StyledItem"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1t7ed8m",
+  styles: "display:flex;align-items:center;height:48px;padding:4px 8px"
+} : {
+  name: "1t7ed8m",
+  styles: "display:flex;align-items:center;height:48px;padding:4px 8px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUc0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9MaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgTGluZSB9IGZyb20gJy4vTGluZSdcblxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiA0OHB4O1xuICBwYWRkaW5nOiA0cHggOHB4O1xuYFxuXG5jb25zdCBTdHlsZWRMaW5lID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbmBcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bGBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuXG4gID4gJHtTdHlsZWRJdGVtfTpudGgtb2YtdHlwZShldmVuKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICB9XG5gXG5cbmNvbnN0IEl0ZW0gPSAoeyBjb2wgPSAzIH06IHsgY29sOiBudW1iZXIgfSkgPT4gKFxuICA8U3R5bGVkSXRlbT5cbiAgICB7QXJyYXkuZnJvbSh7IGxlbmd0aDogY29sIH0sIChfLCBpKSA9PiAoXG4gICAgICA8U3R5bGVkTGluZSBrZXk9e2Bza2VsZXRvbi1saXN0LWNvbC0ke2l9YH0+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L1N0eWxlZExpbmU+XG4gICAgKSl9XG4gIDwvU3R5bGVkSXRlbT5cbilcblxuZXhwb3J0IGNvbnN0IExpc3QgPSAoe1xuICBsZW5ndGggPSAzLFxuICBjb2wgPSAzLFxufToge1xuICBsZW5ndGg/OiBudW1iZXJcbiAgY29sPzogbnVtYmVyXG59KSA9PiAoXG4gIDxTdHlsZWRMaXN0PlxuICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoIH0sIChfLCBpKSA9PiAoXG4gICAgICA8SXRlbSBjb2w9e2NvbH0ga2V5PXtgc2tlbGV0b24tbGlzdC0ke2l9YH0gLz5cbiAgICApKX1cbiAgPC9TdHlsZWRMaXN0PlxuKVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledLine = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e639qnr1"
+} : {
+  target: "e639qnr1",
+  label: "StyledLine"
+})(process.env.NODE_ENV === "production" ? {
+  name: "82a6rk",
+  styles: "flex:1"
+} : {
+  name: "82a6rk",
+  styles: "flex:1",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9MaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgTGluZSB9IGZyb20gJy4vTGluZSdcblxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiA0OHB4O1xuICBwYWRkaW5nOiA0cHggOHB4O1xuYFxuXG5jb25zdCBTdHlsZWRMaW5lID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbmBcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bGBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuXG4gID4gJHtTdHlsZWRJdGVtfTpudGgtb2YtdHlwZShldmVuKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICB9XG5gXG5cbmNvbnN0IEl0ZW0gPSAoeyBjb2wgPSAzIH06IHsgY29sOiBudW1iZXIgfSkgPT4gKFxuICA8U3R5bGVkSXRlbT5cbiAgICB7QXJyYXkuZnJvbSh7IGxlbmd0aDogY29sIH0sIChfLCBpKSA9PiAoXG4gICAgICA8U3R5bGVkTGluZSBrZXk9e2Bza2VsZXRvbi1saXN0LWNvbC0ke2l9YH0+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L1N0eWxlZExpbmU+XG4gICAgKSl9XG4gIDwvU3R5bGVkSXRlbT5cbilcblxuZXhwb3J0IGNvbnN0IExpc3QgPSAoe1xuICBsZW5ndGggPSAzLFxuICBjb2wgPSAzLFxufToge1xuICBsZW5ndGg/OiBudW1iZXJcbiAgY29sPzogbnVtYmVyXG59KSA9PiAoXG4gIDxTdHlsZWRMaXN0PlxuICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoIH0sIChfLCBpKSA9PiAoXG4gICAgICA8SXRlbSBjb2w9e2NvbH0ga2V5PXtgc2tlbGV0b24tbGlzdC0ke2l9YH0gLz5cbiAgICApKX1cbiAgPC9TdHlsZWRMaXN0PlxuKVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledList = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "production" ? {
+  target: "e639qnr0"
+} : {
+  target: "e639qnr0",
+  label: "StyledList"
+})("list-style:none;padding:0;margin:0;>", StyledItem, ":nth-of-type(even){background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundDisabled, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9MaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgTGluZSB9IGZyb20gJy4vTGluZSdcblxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiA0OHB4O1xuICBwYWRkaW5nOiA0cHggOHB4O1xuYFxuXG5jb25zdCBTdHlsZWRMaW5lID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbmBcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bGBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuXG4gID4gJHtTdHlsZWRJdGVtfTpudGgtb2YtdHlwZShldmVuKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICB9XG5gXG5cbmNvbnN0IEl0ZW0gPSAoeyBjb2wgPSAzIH06IHsgY29sOiBudW1iZXIgfSkgPT4gKFxuICA8U3R5bGVkSXRlbT5cbiAgICB7QXJyYXkuZnJvbSh7IGxlbmd0aDogY29sIH0sIChfLCBpKSA9PiAoXG4gICAgICA8U3R5bGVkTGluZSBrZXk9e2Bza2VsZXRvbi1saXN0LWNvbC0ke2l9YH0+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L1N0eWxlZExpbmU+XG4gICAgKSl9XG4gIDwvU3R5bGVkSXRlbT5cbilcblxuZXhwb3J0IGNvbnN0IExpc3QgPSAoe1xuICBsZW5ndGggPSAzLFxuICBjb2wgPSAzLFxufToge1xuICBsZW5ndGg/OiBudW1iZXJcbiAgY29sPzogbnVtYmVyXG59KSA9PiAoXG4gIDxTdHlsZWRMaXN0PlxuICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoIH0sIChfLCBpKSA9PiAoXG4gICAgICA8SXRlbSBjb2w9e2NvbH0ga2V5PXtgc2tlbGV0b24tbGlzdC0ke2l9YH0gLz5cbiAgICApKX1cbiAgPC9TdHlsZWRMaXN0PlxuKVxuIl19 */"));
+const Item = ({
+  col = 3
+}) => /* @__PURE__ */ jsx(StyledItem, { children: Array.from({
+  length: col
+}, (_, i) => /* @__PURE__ */ jsx(StyledLine, { children: /* @__PURE__ */ jsx(Line, {}) }, `skeleton-list-col-${i}`)) });
+const List = ({
+  length = 3,
+  col = 3
+}) => /* @__PURE__ */ jsx(StyledList, { children: Array.from({
+  length
+}, (_, i) => /* @__PURE__ */ jsx(Item, { col }, `skeleton-list-${i}`)) });
+export {
+  List
+};

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

@@ -0,0 +1,3 @@
+export declare const Slider: ({ length }: {
+    length?: number;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Skeleton/Slider.js

@@ -0,0 +1,40 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yrvvrg2"
+} : {
+  target: "e1yrvvrg2",
+  label: "StyledContainer"
+})("height:277px;display:grid;grid-template-columns:repeat(", ({
+  length
+}) => length, ", 1fr);gap:", ({
+  theme
+}) => theme.space["2"], ";overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NsaWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXNEIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NsaWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IGxlbmd0aDogbnVtYmVyIH0+YFxuICBoZWlnaHQ6IDI3N3B4O1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgkeyh7IGxlbmd0aCB9KSA9PiBsZW5ndGh9LCAxZnIpO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIG92ZXJmbG93OiBhdXRvO1xuYFxuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgd2lkdGg6IDIzOXB4O1xuICBoZWlnaHQ6IDI2MXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG5jb25zdCBTdHlsZWRCYW5uZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAzMyU7XG5gXG5cbmV4cG9ydCBjb25zdCBTbGlkZXIgPSAoeyBsZW5ndGggPSA0IH06IHsgbGVuZ3RoPzogbnVtYmVyIH0pID0+IChcbiAgPFN0eWxlZENvbnRhaW5lciBsZW5ndGg9e2xlbmd0aH0+XG4gICAge0FycmF5LmZyb20oeyBsZW5ndGggfSwgKF8sIGkpID0+IChcbiAgICAgIDxTdHlsZWRDYXJkIGtleT17YHNrZWxldG9uLXNsaWRlci1jYXJkLSR7aX1gfT5cbiAgICAgICAgPFN0eWxlZEJhbm5lciAvPlxuICAgICAgPC9TdHlsZWRDYXJkPlxuICAgICkpfVxuICA8L1N0eWxlZENvbnRhaW5lcj5cbilcbiJdfQ== */"));
+const StyledCard = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yrvvrg1"
+} : {
+  target: "e1yrvvrg1",
+  label: "StyledCard"
+})("border:1px solid ", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";width:239px;height:261px;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NsaWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NsaWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IGxlbmd0aDogbnVtYmVyIH0+YFxuICBoZWlnaHQ6IDI3N3B4O1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgkeyh7IGxlbmd0aCB9KSA9PiBsZW5ndGh9LCAxZnIpO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIG92ZXJmbG93OiBhdXRvO1xuYFxuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgd2lkdGg6IDIzOXB4O1xuICBoZWlnaHQ6IDI2MXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG5jb25zdCBTdHlsZWRCYW5uZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAzMyU7XG5gXG5cbmV4cG9ydCBjb25zdCBTbGlkZXIgPSAoeyBsZW5ndGggPSA0IH06IHsgbGVuZ3RoPzogbnVtYmVyIH0pID0+IChcbiAgPFN0eWxlZENvbnRhaW5lciBsZW5ndGg9e2xlbmd0aH0+XG4gICAge0FycmF5LmZyb20oeyBsZW5ndGggfSwgKF8sIGkpID0+IChcbiAgICAgIDxTdHlsZWRDYXJkIGtleT17YHNrZWxldG9uLXNsaWRlci1jYXJkLSR7aX1gfT5cbiAgICAgICAgPFN0eWxlZEJhbm5lciAvPlxuICAgICAgPC9TdHlsZWRDYXJkPlxuICAgICkpfVxuICA8L1N0eWxlZENvbnRhaW5lcj5cbilcbiJdfQ== */"));
+const StyledBanner = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yrvvrg0"
+} : {
+  target: "e1yrvvrg0",
+  label: "StyledBanner"
+})("border:1px solid ", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";background-color:", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";width:100%;height:33%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NsaWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9TbGlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBsZW5ndGg6IG51bWJlciB9PmBcbiAgaGVpZ2h0OiAyNzdweDtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoJHsoeyBsZW5ndGggfSkgPT4gbGVuZ3RofSwgMWZyKTtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBvdmVyZmxvdzogYXV0bztcbmBcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIHdpZHRoOiAyMzlweDtcbiAgaGVpZ2h0OiAyNjFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmBcblxuY29uc3QgU3R5bGVkQmFubmVyID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMzMlO1xuYFxuXG5leHBvcnQgY29uc3QgU2xpZGVyID0gKHsgbGVuZ3RoID0gNCB9OiB7IGxlbmd0aD86IG51bWJlciB9KSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXIgbGVuZ3RoPXtsZW5ndGh9PlxuICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoIH0sIChfLCBpKSA9PiAoXG4gICAgICA8U3R5bGVkQ2FyZCBrZXk9e2Bza2VsZXRvbi1zbGlkZXItY2FyZC0ke2l9YH0+XG4gICAgICAgIDxTdHlsZWRCYW5uZXIgLz5cbiAgICAgIDwvU3R5bGVkQ2FyZD5cbiAgICApKX1cbiAgPC9TdHlsZWRDb250YWluZXI+XG4pXG4iXX0= */"));
+const Slider = ({
+  length = 4
+}) => /* @__PURE__ */ jsx(StyledContainer, { length, children: Array.from({
+  length
+}, (_, i) => /* @__PURE__ */ jsx(StyledCard, { children: /* @__PURE__ */ jsx(StyledBanner, {}) }, `skeleton-slider-card-${i}`)) });
+export {
+  Slider
+};

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Square: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Skeleton/Square.js

@@ -0,0 +1,12 @@
+import _styled from "@emotion/styled/base";
+const Square = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1uz28830"
+} : {
+  target: "e1uz28830",
+  label: "Square"
+})("height:100%;width:100%;max-width:100%;background-color:", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NxdWFyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRWdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NxdWFyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFNxdWFyZSA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbmBcbiJdfQ== */"));
+export {
+  Square
+};

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

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+declare const variants: {
+    readonly block: ({ length }: {
+        length?: number | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly blocks: ({ col, length, }: {
+        col?: number | undefined;
+        length?: number | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly box: ({ col, length, }: {
+        col?: number | undefined;
+        length?: number | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly donut: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly line: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    readonly list: ({ length, col, }: {
+        length?: number | undefined;
+        col?: number | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly slider: ({ length }: {
+        length?: number | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly square: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+};
+type SkeletonVariant = keyof typeof variants;
+type SkeletonProps = {
+    variant?: SkeletonVariant;
+    length?: number;
+    col?: number;
+    className?: string;
+    'aria-label'?: string;
+    'data-testid'?: string;
+};
+/**
+ * Skeleton component is used to indicate that the data is loading.
+ * It is used to provide a better user experience by showing a temporary placeholder reflecting the dimensions of the
+ * content that will eventually be loaded on the screen.
+ */
+export declare const Skeleton: ({ variant, length, col, className, "aria-label": ariaLabel, "data-testid": dataTestId, }: SkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const skeletonTypes: ("line" | "list" | "slider" | "square" | "block" | "blocks" | "box" | "donut")[];
+export {};

package/dist/components/Skeleton/index.js

@@ -0,0 +1,79 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { keyframes } from "@emotion/react";
+import { Block } from "./Block.js";
+import { Blocks } from "./Blocks.js";
+import { BoxWithIcon } from "./BoxWithIcon.js";
+import { Donut } from "./Donut.js";
+import { Line } from "./Line.js";
+import { List } from "./List.js";
+import { Slider } from "./Slider.js";
+import { Square } from "./Square.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const shineAnimation = keyframes`
+  from {
+    left: -25%;
+  }
+  to {
+    left: 100%;
+  }
+`;
+const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e183x2r81"
+} : {
+  target: "e183x2r81",
+  label: "StyledContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "158ltsb",
+  styles: "position:relative;width:100%;overflow:hidden;cursor:progress;display:flex;flex-flow:column;height:100%"
+} : {
+  name: "158ltsb",
+  styles: "position:relative;width:100%;overflow:hidden;cursor:progress;display:flex;flex-flow:column;height:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQmtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCbG9jayB9IGZyb20gJy4vQmxvY2snXG5pbXBvcnQgeyBCbG9ja3MgfSBmcm9tICcuL0Jsb2NrcydcbmltcG9ydCB7IEJveFdpdGhJY29uIH0gZnJvbSAnLi9Cb3hXaXRoSWNvbidcbmltcG9ydCB7IERvbnV0IH0gZnJvbSAnLi9Eb251dCdcbmltcG9ydCB7IExpbmUgfSBmcm9tICcuL0xpbmUnXG5pbXBvcnQgeyBMaXN0IH0gZnJvbSAnLi9MaXN0J1xuaW1wb3J0IHsgU2xpZGVyIH0gZnJvbSAnLi9TbGlkZXInXG5pbXBvcnQgeyBTcXVhcmUgfSBmcm9tICcuL1NxdWFyZSdcblxuY29uc3Qgc2hpbmVBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIGxlZnQ6IC0yNSU7XG4gIH1cbiAgdG8ge1xuICAgIGxlZnQ6IDEwMCU7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY3Vyc29yOiBwcm9ncmVzcztcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1mbG93OiBjb2x1bW47XG4gIGhlaWdodDogMTAwJTtcbmBcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDI1JTtcbiAgb3BhY2l0eTogMC44O1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgOTBkZWcsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30wMCxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTRELFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NjYsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300RCxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTAwXG4gICk7XG4gIGFuaW1hdGlvbjogJHtzaGluZUFuaW1hdGlvbn0gMXMgbGluZWFyIGluZmluaXRlO1xuICBhbmltYXRpb24tZGlyZWN0aW9uOiBhbHRlcm5hdGU7XG5cbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICBhbmltYXRpb246IHVuc2V0O1xuICB9XG5gXG5cbmNvbnN0IHZhcmlhbnRzID0ge1xuICBibG9jazogQmxvY2ssXG4gIGJsb2NrczogQmxvY2tzLFxuICBib3g6IEJveFdpdGhJY29uLFxuICBkb251dDogRG9udXQsXG4gIGxpbmU6IExpbmUsXG4gIGxpc3Q6IExpc3QsXG4gIHNsaWRlcjogU2xpZGVyLFxuICBzcXVhcmU6IFNxdWFyZSxcbn0gYXMgY29uc3RcblxudHlwZSBTa2VsZXRvblZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgdmFyaWFudHNcblxudHlwZSBTa2VsZXRvblByb3BzID0ge1xuICB2YXJpYW50PzogU2tlbGV0b25WYXJpYW50XG4gIGxlbmd0aD86IG51bWJlclxuICBjb2w/OiBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdhcmlhLWxhYmVsJz86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbi8qKlxuICogU2tlbGV0b24gY29tcG9uZW50IGlzIHVzZWQgdG8gaW5kaWNhdGUgdGhhdCB0aGUgZGF0YSBpcyBsb2FkaW5nLlxuICogSXQgaXMgdXNlZCB0byBwcm92aWRlIGEgYmV0dGVyIHVzZXIgZXhwZXJpZW5jZSBieSBzaG93aW5nIGEgdGVtcG9yYXJ5IHBsYWNlaG9sZGVyIHJlZmxlY3RpbmcgdGhlIGRpbWVuc2lvbnMgb2YgdGhlXG4gKiBjb250ZW50IHRoYXQgd2lsbCBldmVudHVhbGx5IGJlIGxvYWRlZCBvbiB0aGUgc2NyZWVuLlxuICovXG5leHBvcnQgY29uc3QgU2tlbGV0b24gPSAoe1xuICB2YXJpYW50ID0gJ2Jsb2NrcycsXG4gIGxlbmd0aCxcbiAgY29sLFxuICBjbGFzc05hbWUsXG4gICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU2tlbGV0b25Qcm9wcykgPT4ge1xuICBjb25zdCBDb21wb25lbnQgPSB2YXJpYW50c1t2YXJpYW50XVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBhcmlhLWJ1c3lcbiAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICA8Q29tcG9uZW50IGxlbmd0aD17bGVuZ3RofSBjb2w9e2NvbH0gLz5cblxuICAgICAgPFN0eWxlZERpdiAvPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBza2VsZXRvblR5cGVzID0gT2JqZWN0LmtleXModmFyaWFudHMpIGFzIFNrZWxldG9uVmFyaWFudFtdXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e183x2r80"
+} : {
+  target: "e183x2r80",
+  label: "StyledDiv"
+})("position:absolute;top:0;height:100%;width:25%;opacity:0.8;background:linear-gradient(\n    90deg,\n    ", ({
+  theme
+}) => theme.colors.neutral.backgroundWeak, "00,\n    ", ({
+  theme
+}) => theme.colors.neutral.backgroundWeak, "4D,\n    ", ({
+  theme
+}) => theme.colors.neutral.backgroundWeak, "66,\n    ", ({
+  theme
+}) => theme.colors.neutral.backgroundWeak, "4D,\n    ", ({
+  theme
+}) => theme.colors.neutral.backgroundWeak, "00\n  );animation:", shineAnimation, " 1s linear infinite;animation-direction:alternate;@media (prefers-reduced-motion: reduce){animation:unset;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCbG9jayB9IGZyb20gJy4vQmxvY2snXG5pbXBvcnQgeyBCbG9ja3MgfSBmcm9tICcuL0Jsb2NrcydcbmltcG9ydCB7IEJveFdpdGhJY29uIH0gZnJvbSAnLi9Cb3hXaXRoSWNvbidcbmltcG9ydCB7IERvbnV0IH0gZnJvbSAnLi9Eb251dCdcbmltcG9ydCB7IExpbmUgfSBmcm9tICcuL0xpbmUnXG5pbXBvcnQgeyBMaXN0IH0gZnJvbSAnLi9MaXN0J1xuaW1wb3J0IHsgU2xpZGVyIH0gZnJvbSAnLi9TbGlkZXInXG5pbXBvcnQgeyBTcXVhcmUgfSBmcm9tICcuL1NxdWFyZSdcblxuY29uc3Qgc2hpbmVBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIGxlZnQ6IC0yNSU7XG4gIH1cbiAgdG8ge1xuICAgIGxlZnQ6IDEwMCU7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY3Vyc29yOiBwcm9ncmVzcztcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1mbG93OiBjb2x1bW47XG4gIGhlaWdodDogMTAwJTtcbmBcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDI1JTtcbiAgb3BhY2l0eTogMC44O1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgOTBkZWcsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30wMCxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTRELFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NjYsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300RCxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTAwXG4gICk7XG4gIGFuaW1hdGlvbjogJHtzaGluZUFuaW1hdGlvbn0gMXMgbGluZWFyIGluZmluaXRlO1xuICBhbmltYXRpb24tZGlyZWN0aW9uOiBhbHRlcm5hdGU7XG5cbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICBhbmltYXRpb246IHVuc2V0O1xuICB9XG5gXG5cbmNvbnN0IHZhcmlhbnRzID0ge1xuICBibG9jazogQmxvY2ssXG4gIGJsb2NrczogQmxvY2tzLFxuICBib3g6IEJveFdpdGhJY29uLFxuICBkb251dDogRG9udXQsXG4gIGxpbmU6IExpbmUsXG4gIGxpc3Q6IExpc3QsXG4gIHNsaWRlcjogU2xpZGVyLFxuICBzcXVhcmU6IFNxdWFyZSxcbn0gYXMgY29uc3RcblxudHlwZSBTa2VsZXRvblZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgdmFyaWFudHNcblxudHlwZSBTa2VsZXRvblByb3BzID0ge1xuICB2YXJpYW50PzogU2tlbGV0b25WYXJpYW50XG4gIGxlbmd0aD86IG51bWJlclxuICBjb2w/OiBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdhcmlhLWxhYmVsJz86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbi8qKlxuICogU2tlbGV0b24gY29tcG9uZW50IGlzIHVzZWQgdG8gaW5kaWNhdGUgdGhhdCB0aGUgZGF0YSBpcyBsb2FkaW5nLlxuICogSXQgaXMgdXNlZCB0byBwcm92aWRlIGEgYmV0dGVyIHVzZXIgZXhwZXJpZW5jZSBieSBzaG93aW5nIGEgdGVtcG9yYXJ5IHBsYWNlaG9sZGVyIHJlZmxlY3RpbmcgdGhlIGRpbWVuc2lvbnMgb2YgdGhlXG4gKiBjb250ZW50IHRoYXQgd2lsbCBldmVudHVhbGx5IGJlIGxvYWRlZCBvbiB0aGUgc2NyZWVuLlxuICovXG5leHBvcnQgY29uc3QgU2tlbGV0b24gPSAoe1xuICB2YXJpYW50ID0gJ2Jsb2NrcycsXG4gIGxlbmd0aCxcbiAgY29sLFxuICBjbGFzc05hbWUsXG4gICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU2tlbGV0b25Qcm9wcykgPT4ge1xuICBjb25zdCBDb21wb25lbnQgPSB2YXJpYW50c1t2YXJpYW50XVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBhcmlhLWJ1c3lcbiAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICA8Q29tcG9uZW50IGxlbmd0aD17bGVuZ3RofSBjb2w9e2NvbH0gLz5cblxuICAgICAgPFN0eWxlZERpdiAvPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBza2VsZXRvblR5cGVzID0gT2JqZWN0LmtleXModmFyaWFudHMpIGFzIFNrZWxldG9uVmFyaWFudFtdXG4iXX0= */"));
+const variants = {
+  block: Block,
+  blocks: Blocks,
+  box: BoxWithIcon,
+  donut: Donut,
+  line: Line,
+  list: List,
+  slider: Slider,
+  square: Square
+};
+const Skeleton = ({
+  variant = "blocks",
+  length,
+  col,
+  className,
+  "aria-label": ariaLabel,
+  "data-testid": dataTestId
+}) => {
+  const Component = variants[variant];
+  return /* @__PURE__ */ jsxs(StyledContainer, { className, "aria-busy": true, "aria-live": "polite", "aria-label": ariaLabel, "data-testid": dataTestId, children: [
+    /* @__PURE__ */ jsx(Component, { length, col }),
+    /* @__PURE__ */ jsx(StyledDiv, {})
+  ] });
+};
+export {
+  Skeleton
+};

package/dist/components/Snippet/index.d.ts

@@ -0,0 +1,23 @@
+import type { ComponentProps } from 'react';
+import { CopyButton } from '../CopyButton';
+type Prefixes = 'lines' | 'command';
+type SnippetProps = {
+    className?: string;
+    children: string;
+    /**
+     * prefix display an element at the beginning of the snippet that is not copiable or selectable.
+     * For `lines` prefix it will display the line number.
+     * For `command` prefix it will display a `$` sign.
+     */
+    prefix?: Prefixes;
+    showText?: string;
+    hideText?: string;
+    'data-testid'?: string;
+    initiallyExpanded?: boolean;
+} & Pick<ComponentProps<typeof CopyButton>, 'copyText' | 'copiedText'>;
+/**
+ * Snippet component is used to display code snippets with the ability to copy the code.
+ * It also has the ability to show/hide the code snippet if it has more than 4 lines.
+ */
+export declare const Snippet: ({ children, copyText, copiedText, showText, hideText, prefix, className, "data-testid": dataTestId, initiallyExpanded, }: SnippetProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};