@ultraviolet/ui 3.0.0-beta.8 → 3.0.0

package/dist/components/Skeleton/List.js

@@ -1,54 +1,12 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx } from "react/jsx-runtime";
 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"
-})("display:flex;align-items:center;height:", ({
-  theme
-}) => theme.sizing["600"], ";padding:", ({
-  theme
-}) => theme.space["0.5"], " ", ({
-  theme
-}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9MaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IExpbmUgfSBmcm9tICcuL0xpbmUnXG5cbmNvbnN0IFN0eWxlZEl0ZW0gPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzYwMCddfTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5gXG5cbmNvbnN0IFN0eWxlZExpbmUgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuYFxuXG5jb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDA7XG5cbiAgPiAke1N0eWxlZEl0ZW19Om50aC1vZi10eXBlKGV2ZW4pIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmREaXNhYmxlZH07XG4gIH1cbmBcblxuY29uc3QgSXRlbSA9ICh7IGNvbCA9IDMgfTogeyBjb2w6IG51bWJlciB9KSA9PiAoXG4gIDxTdHlsZWRJdGVtPlxuICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoOiBjb2wgfSwgKF8sIGkpID0+IChcbiAgICAgIDxTdHlsZWRMaW5lIGtleT17YHNrZWxldG9uLWxpc3QtY29sLSR7aX1gfT5cbiAgICAgICAgPExpbmUgLz5cbiAgICAgIDwvU3R5bGVkTGluZT5cbiAgICApKX1cbiAgPC9TdHlsZWRJdGVtPlxuKVxuXG5leHBvcnQgY29uc3QgTGlzdCA9ICh7XG4gIGxlbmd0aCA9IDMsXG4gIGNvbCA9IDMsXG59OiB7XG4gIGxlbmd0aD86IG51bWJlclxuICBjb2w/OiBudW1iZXJcbn0pID0+IChcbiAgPFN0eWxlZExpc3Q+XG4gICAge0FycmF5LmZyb20oeyBsZW5ndGggfSwgKF8sIGkpID0+IChcbiAgICAgIDxJdGVtIGNvbD17Y29sfSBrZXk9e2Bza2VsZXRvbi1saXN0LSR7aX1gfSAvPlxuICAgICkpfVxuICA8L1N0eWxlZExpc3Q+XG4pXG4iXX0= */"));
-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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVk2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9MaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IExpbmUgfSBmcm9tICcuL0xpbmUnXG5cbmNvbnN0IFN0eWxlZEl0ZW0gPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzYwMCddfTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5gXG5cbmNvbnN0IFN0eWxlZExpbmUgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuYFxuXG5jb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDA7XG5cbiAgPiAke1N0eWxlZEl0ZW19Om50aC1vZi10eXBlKGV2ZW4pIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmREaXNhYmxlZH07XG4gIH1cbmBcblxuY29uc3QgSXRlbSA9ICh7IGNvbCA9IDMgfTogeyBjb2w6IG51bWJlciB9KSA9PiAoXG4gIDxTdHlsZWRJdGVtPlxuICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoOiBjb2wgfSwgKF8sIGkpID0+IChcbiAgICAgIDxTdHlsZWRMaW5lIGtleT17YHNrZWxldG9uLWxpc3QtY29sLSR7aX1gfT5cbiAgICAgICAgPExpbmUgLz5cbiAgICAgIDwvU3R5bGVkTGluZT5cbiAgICApKX1cbiAgPC9TdHlsZWRJdGVtPlxuKVxuXG5leHBvcnQgY29uc3QgTGlzdCA9ICh7XG4gIGxlbmd0aCA9IDMsXG4gIGNvbCA9IDMsXG59OiB7XG4gIGxlbmd0aD86IG51bWJlclxuICBjb2w/OiBudW1iZXJcbn0pID0+IChcbiAgPFN0eWxlZExpc3Q+XG4gICAge0FycmF5LmZyb20oeyBsZW5ndGggfSwgKF8sIGkpID0+IChcbiAgICAgIDxJdGVtIGNvbD17Y29sfSBrZXk9e2Bza2VsZXRvbi1saXN0LSR7aX1gfSAvPlxuICAgICkpfVxuICA8L1N0eWxlZExpc3Q+XG4pXG4iXX0= */",
-  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuXG5jb25zdCBTdHlsZWRJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nWyc2MDAnXX07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5jb25zdCBTdHlsZWRMaW5lID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbmBcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bGBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuXG4gID4gJHtTdHlsZWRJdGVtfTpudGgtb2YtdHlwZShldmVuKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICB9XG5gXG5cbmNvbnN0IEl0ZW0gPSAoeyBjb2wgPSAzIH06IHsgY29sOiBudW1iZXIgfSkgPT4gKFxuICA8U3R5bGVkSXRlbT5cbiAgICB7QXJyYXkuZnJvbSh7IGxlbmd0aDogY29sIH0sIChfLCBpKSA9PiAoXG4gICAgICA8U3R5bGVkTGluZSBrZXk9e2Bza2VsZXRvbi1saXN0LWNvbC0ke2l9YH0+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}`)) });
+import { listSkeletonUl, listSkeletonLi, listSkeletonDiv } from "./stylesVariants.css.js";
+const Item = ({ col = 3 }) => /* @__PURE__ */ jsx("li", { className: listSkeletonLi, children: Array.from({ length: col }, (_, i) => /* @__PURE__ */ jsx("div", { className: listSkeletonDiv, 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}`)) });
+}) => /* @__PURE__ */ jsx("ul", { className: listSkeletonUl, children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(Item, { col }, `skeleton-list-${i}`)) });
 export {
   List
 };

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

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

package/dist/components/Skeleton/Slider.js

@@ -1,41 +1,17 @@
 "use client";
-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:17.375rem;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NsaWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXNEIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NsaWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBsZW5ndGg6IG51bWJlciB9PmBcbiAgaGVpZ2h0OiAxNy4zNzVyZW07XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KCR7KHsgbGVuZ3RoIH0pID0+IGxlbmd0aH0sIDFmcik7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gXG5cbmNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQuZGl2YFxuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICB3aWR0aDogMTQuODc1cmVtO1xuICBoZWlnaHQ6IDE2LjM3NXJlbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmBcblxuY29uc3QgU3R5bGVkQmFubmVyID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMzMlO1xuYFxuXG5leHBvcnQgY29uc3QgU2xpZGVyID0gKHsgbGVuZ3RoID0gNCB9OiB7IGxlbmd0aD86IG51bWJlciB9KSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXIgbGVuZ3RoPXtsZW5ndGh9PlxuICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoIH0sIChfLCBpKSA9PiAoXG4gICAgICA8U3R5bGVkQ2FyZCBrZXk9e2Bza2VsZXRvbi1zbGlkZXItY2FyZC0ke2l9YH0+XG4gICAgICAgIDxTdHlsZWRCYW5uZXIgLz5cbiAgICAgIDwvU3R5bGVkQ2FyZD5cbiAgICApKX1cbiAgPC9TdHlsZWRDb250YWluZXI+XG4pXG4iXX0= */"));
-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:14.875rem;height:16.375ren;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NsaWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NsaWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBsZW5ndGg6IG51bWJlciB9PmBcbiAgaGVpZ2h0OiAxNy4zNzVyZW07XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KCR7KHsgbGVuZ3RoIH0pID0+IGxlbmd0aH0sIDFmcik7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gXG5cbmNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQuZGl2YFxuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICB3aWR0aDogMTQuODc1cmVtO1xuICBoZWlnaHQ6IDE2LjM3NXJlbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmBcblxuY29uc3QgU3R5bGVkQmFubmVyID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMzMlO1xuYFxuXG5leHBvcnQgY29uc3QgU2xpZGVyID0gKHsgbGVuZ3RoID0gNCB9OiB7IGxlbmd0aD86IG51bWJlciB9KSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXIgbGVuZ3RoPXtsZW5ndGh9PlxuICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoIH0sIChfLCBpKSA9PiAoXG4gICAgICA8U3R5bGVkQ2FyZCBrZXk9e2Bza2VsZXRvbi1zbGlkZXItY2FyZC0ke2l9YH0+XG4gICAgICAgIDxTdHlsZWRCYW5uZXIgLz5cbiAgICAgIDwvU3R5bGVkQ2FyZD5cbiAgICApKX1cbiAgPC9TdHlsZWRDb250YWluZXI+XG4pXG4iXX0= */"));
-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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NsaWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0IrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9TbGlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PHsgbGVuZ3RoOiBudW1iZXIgfT5gXG4gIGhlaWdodDogMTcuMzc1cmVtO1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgkeyh7IGxlbmd0aCB9KSA9PiBsZW5ndGh9LCAxZnIpO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIG92ZXJmbG93OiBhdXRvO1xuYFxuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgd2lkdGg6IDE0Ljg3NXJlbTtcbiAgaGVpZ2h0OiAxNi4zNzVyZW47XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5cbmNvbnN0IFN0eWxlZEJhbm5lciA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDMzJTtcbmBcblxuZXhwb3J0IGNvbnN0IFNsaWRlciA9ICh7IGxlbmd0aCA9IDQgfTogeyBsZW5ndGg/OiBudW1iZXIgfSkgPT4gKFxuICA8U3R5bGVkQ29udGFpbmVyIGxlbmd0aD17bGVuZ3RofT5cbiAgICB7QXJyYXkuZnJvbSh7IGxlbmd0aCB9LCAoXywgaSkgPT4gKFxuICAgICAgPFN0eWxlZENhcmQga2V5PXtgc2tlbGV0b24tc2xpZGVyLWNhcmQtJHtpfWB9PlxuICAgICAgICA8U3R5bGVkQmFubmVyIC8+XG4gICAgICA8L1N0eWxlZENhcmQ+XG4gICAgKSl9XG4gIDwvU3R5bGVkQ29udGFpbmVyPlxuKVxuIl19 */"));
-const Slider = ({
-  length = 4
-}) => /* @__PURE__ */ jsx(StyledContainer, { length, children: Array.from({
-  length
-}, (_, i) => /* @__PURE__ */ jsx(StyledCard, { children: /* @__PURE__ */ jsx(StyledBanner, {}) }, `skeleton-slider-card-${i}`)) });
+import { jsx } from "react/jsx-runtime";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { sliderSkeletonContainer, sliderSkeletonCard, sliderSkeletonBanner, sliderLength } from "./stylesVariants.css.js";
+const Slider = ({ length = 4 }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: sliderSkeletonContainer,
+    style: assignInlineVars({
+      [sliderLength]: length.toString()
+    }),
+    children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx("div", { className: sliderSkeletonCard, children: /* @__PURE__ */ jsx("div", { className: sliderSkeletonBanner }) }, `skeleton-slider-card-${i}`))
+  }
+);
 export {
   Slider
 };

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

@@ -1,4 +1 @@
-export declare const Square: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Square: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Skeleton/Square.js

@@ -1,13 +1,7 @@
 "use client";
-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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NxdWFyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NxdWFyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBTcXVhcmUgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG5gXG4iXX0= */"));
+import { jsx } from "react/jsx-runtime";
+import { squareSkeleton } from "./stylesVariants.css.js";
+const Square = () => /* @__PURE__ */ jsx("div", { className: squareSkeleton });
 export {
   Square
 };

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

@@ -1,31 +1,26 @@
+import type { CSSProperties } from 'react';
 declare const variants: {
     readonly block: ({ length }: {
         length?: number;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     readonly blocks: ({ col, length, }: {
         col?: number;
         length?: number;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     readonly box: ({ col, length, }: {
         col?: number;
         length?: number;
-    }) => 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;
-        as?: React.ElementType;
-    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly donut: () => import("react/jsx-runtime").JSX.Element;
+    readonly line: () => import("react/jsx-runtime").JSX.Element;
     readonly list: ({ length, col, }: {
         length?: number;
         col?: number;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     readonly slider: ({ length }: {
         length?: number;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    readonly square: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme;
-        as?: React.ElementType;
-    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly square: () => import("react/jsx-runtime").JSX.Element;
 };
 type SkeletonVariant = keyof typeof variants;
 type SkeletonProps = {
@@ -35,12 +30,13 @@ type SkeletonProps = {
     className?: string;
     'aria-label'?: string;
     'data-testid'?: string;
+    style?: CSSProperties;
 };
 /**
  * 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 Skeleton: ({ variant, length, col, className, "aria-label": ariaLabel, "data-testid": dataTestId, style, }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
 export declare const skeletonTypes: SkeletonVariant[];
 export {};

package/dist/components/Skeleton/index.js

@@ -1,7 +1,5 @@
 "use client";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { keyframes } from "@emotion/react";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Block } from "./Block.js";
 import { Blocks } from "./Blocks.js";
 import { BoxWithIcon } from "./BoxWithIcon.js";
@@ -10,46 +8,7 @@ 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%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQmxvY2sgfSBmcm9tICcuL0Jsb2NrJ1xuaW1wb3J0IHsgQmxvY2tzIH0gZnJvbSAnLi9CbG9ja3MnXG5pbXBvcnQgeyBCb3hXaXRoSWNvbiB9IGZyb20gJy4vQm94V2l0aEljb24nXG5pbXBvcnQgeyBEb251dCB9IGZyb20gJy4vRG9udXQnXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuaW1wb3J0IHsgTGlzdCB9IGZyb20gJy4vTGlzdCdcbmltcG9ydCB7IFNsaWRlciB9IGZyb20gJy4vU2xpZGVyJ1xuaW1wb3J0IHsgU3F1YXJlIH0gZnJvbSAnLi9TcXVhcmUnXG5cbmNvbnN0IHNoaW5lQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICBmcm9tIHtcbiAgICBsZWZ0OiAtMjUlO1xuICB9XG4gIHRvIHtcbiAgICBsZWZ0OiAxMDAlO1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGN1cnNvcjogcHJvZ3Jlc3M7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZmxvdzogY29sdW1uO1xuICBoZWlnaHQ6IDEwMCU7XG5gXG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAyNSU7XG4gIG9wYWNpdHk6IDAuODtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDkwZGVnLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MDAsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300RCxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTY2LFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NEQsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30wMFxuICApO1xuICBhbmltYXRpb246ICR7c2hpbmVBbmltYXRpb259IDFzIGxpbmVhciBpbmZpbml0ZTtcbiAgYW5pbWF0aW9uLWRpcmVjdGlvbjogYWx0ZXJuYXRlO1xuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgYW5pbWF0aW9uOiB1bnNldDtcbiAgfVxuYFxuXG5jb25zdCB2YXJpYW50cyA9IHtcbiAgYmxvY2s6IEJsb2NrLFxuICBibG9ja3M6IEJsb2NrcyxcbiAgYm94OiBCb3hXaXRoSWNvbixcbiAgZG9udXQ6IERvbnV0LFxuICBsaW5lOiBMaW5lLFxuICBsaXN0OiBMaXN0LFxuICBzbGlkZXI6IFNsaWRlcixcbiAgc3F1YXJlOiBTcXVhcmUsXG59IGFzIGNvbnN0XG5cbnR5cGUgU2tlbGV0b25WYXJpYW50ID0ga2V5b2YgdHlwZW9mIHZhcmlhbnRzXG5cbnR5cGUgU2tlbGV0b25Qcm9wcyA9IHtcbiAgdmFyaWFudD86IFNrZWxldG9uVmFyaWFudFxuICBsZW5ndGg/OiBudW1iZXJcbiAgY29sPzogbnVtYmVyXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnYXJpYS1sYWJlbCc/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG4vKipcbiAqIFNrZWxldG9uIGNvbXBvbmVudCBpcyB1c2VkIHRvIGluZGljYXRlIHRoYXQgdGhlIGRhdGEgaXMgbG9hZGluZy5cbiAqIEl0IGlzIHVzZWQgdG8gcHJvdmlkZSBhIGJldHRlciB1c2VyIGV4cGVyaWVuY2UgYnkgc2hvd2luZyBhIHRlbXBvcmFyeSBwbGFjZWhvbGRlciByZWZsZWN0aW5nIHRoZSBkaW1lbnNpb25zIG9mIHRoZVxuICogY29udGVudCB0aGF0IHdpbGwgZXZlbnR1YWxseSBiZSBsb2FkZWQgb24gdGhlIHNjcmVlbi5cbiAqL1xuZXhwb3J0IGNvbnN0IFNrZWxldG9uID0gKHtcbiAgdmFyaWFudCA9ICdibG9ja3MnLFxuICBsZW5ndGgsXG4gIGNvbCxcbiAgY2xhc3NOYW1lLFxuICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFNrZWxldG9uUHJvcHMpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gdmFyaWFudHNbdmFyaWFudF1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGFyaWEtYnVzeVxuICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAgPENvbXBvbmVudCBjb2w9e2NvbH0gbGVuZ3RoPXtsZW5ndGh9IC8+XG5cbiAgICAgIDxTdHlsZWREaXYgLz5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3Qgc2tlbGV0b25UeXBlcyA9IE9iamVjdC5rZXlzKHZhcmlhbnRzKSBhcyBTa2VsZXRvblZhcmlhbnRbXVxuIl19 */",
-  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQmxvY2sgfSBmcm9tICcuL0Jsb2NrJ1xuaW1wb3J0IHsgQmxvY2tzIH0gZnJvbSAnLi9CbG9ja3MnXG5pbXBvcnQgeyBCb3hXaXRoSWNvbiB9IGZyb20gJy4vQm94V2l0aEljb24nXG5pbXBvcnQgeyBEb251dCB9IGZyb20gJy4vRG9udXQnXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuaW1wb3J0IHsgTGlzdCB9IGZyb20gJy4vTGlzdCdcbmltcG9ydCB7IFNsaWRlciB9IGZyb20gJy4vU2xpZGVyJ1xuaW1wb3J0IHsgU3F1YXJlIH0gZnJvbSAnLi9TcXVhcmUnXG5cbmNvbnN0IHNoaW5lQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICBmcm9tIHtcbiAgICBsZWZ0OiAtMjUlO1xuICB9XG4gIHRvIHtcbiAgICBsZWZ0OiAxMDAlO1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGN1cnNvcjogcHJvZ3Jlc3M7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZmxvdzogY29sdW1uO1xuICBoZWlnaHQ6IDEwMCU7XG5gXG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAyNSU7XG4gIG9wYWNpdHk6IDAuODtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDkwZGVnLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MDAsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300RCxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTY2LFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NEQsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30wMFxuICApO1xuICBhbmltYXRpb246ICR7c2hpbmVBbmltYXRpb259IDFzIGxpbmVhciBpbmZpbml0ZTtcbiAgYW5pbWF0aW9uLWRpcmVjdGlvbjogYWx0ZXJuYXRlO1xuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgYW5pbWF0aW9uOiB1bnNldDtcbiAgfVxuYFxuXG5jb25zdCB2YXJpYW50cyA9IHtcbiAgYmxvY2s6IEJsb2NrLFxuICBibG9ja3M6IEJsb2NrcyxcbiAgYm94OiBCb3hXaXRoSWNvbixcbiAgZG9udXQ6IERvbnV0LFxuICBsaW5lOiBMaW5lLFxuICBsaXN0OiBMaXN0LFxuICBzbGlkZXI6IFNsaWRlcixcbiAgc3F1YXJlOiBTcXVhcmUsXG59IGFzIGNvbnN0XG5cbnR5cGUgU2tlbGV0b25WYXJpYW50ID0ga2V5b2YgdHlwZW9mIHZhcmlhbnRzXG5cbnR5cGUgU2tlbGV0b25Qcm9wcyA9IHtcbiAgdmFyaWFudD86IFNrZWxldG9uVmFyaWFudFxuICBsZW5ndGg/OiBudW1iZXJcbiAgY29sPzogbnVtYmVyXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnYXJpYS1sYWJlbCc/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG4vKipcbiAqIFNrZWxldG9uIGNvbXBvbmVudCBpcyB1c2VkIHRvIGluZGljYXRlIHRoYXQgdGhlIGRhdGEgaXMgbG9hZGluZy5cbiAqIEl0IGlzIHVzZWQgdG8gcHJvdmlkZSBhIGJldHRlciB1c2VyIGV4cGVyaWVuY2UgYnkgc2hvd2luZyBhIHRlbXBvcmFyeSBwbGFjZWhvbGRlciByZWZsZWN0aW5nIHRoZSBkaW1lbnNpb25zIG9mIHRoZVxuICogY29udGVudCB0aGF0IHdpbGwgZXZlbnR1YWxseSBiZSBsb2FkZWQgb24gdGhlIHNjcmVlbi5cbiAqL1xuZXhwb3J0IGNvbnN0IFNrZWxldG9uID0gKHtcbiAgdmFyaWFudCA9ICdibG9ja3MnLFxuICBsZW5ndGgsXG4gIGNvbCxcbiAgY2xhc3NOYW1lLFxuICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFNrZWxldG9uUHJvcHMpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gdmFyaWFudHNbdmFyaWFudF1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGFyaWEtYnVzeVxuICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAgPENvbXBvbmVudCBjb2w9e2NvbH0gbGVuZ3RoPXtsZW5ndGh9IC8+XG5cbiAgICAgIDxTdHlsZWREaXYgLz5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3Qgc2tlbGV0b25UeXBlcyA9IE9iamVjdC5rZXlzKHZhcmlhbnRzKSBhcyBTa2VsZXRvblZhcmlhbnRbXVxuIl19 */"));
+import { skeletonContainer, skeletonHighlight } from "./styles.css.js";
 const variants = {
   block: Block,
   blocks: Blocks,
@@ -66,13 +25,25 @@ const Skeleton = ({
   col,
   className,
   "aria-label": ariaLabel,
-  "data-testid": dataTestId
+  "data-testid": dataTestId,
+  style
 }) => {
   const Component = variants[variant];
-  return /* @__PURE__ */ jsxs(StyledContainer, { "aria-busy": true, "aria-label": ariaLabel, "aria-live": "polite", className, "data-testid": dataTestId, children: [
-    /* @__PURE__ */ jsx(Component, { col, length }),
-    /* @__PURE__ */ jsx(StyledDiv, {})
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-busy": true,
+      "aria-label": ariaLabel,
+      "aria-live": "polite",
+      className: `${className ? `${className} ` : ""}${skeletonContainer}`,
+      "data-testid": dataTestId,
+      style,
+      children: [
+        /* @__PURE__ */ jsx(Component, { col, length }),
+        /* @__PURE__ */ jsx("div", { className: skeletonHighlight })
+      ]
+    }
+  );
 };
 export {
   Skeleton

package/dist/components/Skeleton/styles.css.d.ts

@@ -0,0 +1,2 @@
+export declare const skeletonContainer: string;
+export declare const skeletonHighlight: string;

package/dist/components/Skeleton/styles.css.js

@@ -0,0 +1,7 @@
+/* empty css                          */
+var skeletonContainer = "uv_c2hb451";
+var skeletonHighlight = "uv_c2hb452";
+export {
+  skeletonContainer,
+  skeletonHighlight
+};

package/dist/components/Skeleton/stylesVariants.css.d.ts

@@ -0,0 +1,22 @@
+export declare const columns: `var(--${string})`;
+export declare const widthLine: `var(--${string})`;
+export declare const sliderLength: `var(--${string})`;
+export declare const CIRCLE_SIZE = 12.875;
+export declare const blockSkeletonLine: string;
+export declare const blockSkeletonList: string;
+export declare const blocksContainer: string;
+export declare const blocksSkeleton: string;
+export declare const boxWithIconSkeleton: string;
+export declare const donutSkeletonContainer: string;
+export declare const donutSkeletonSvg: string;
+export declare const donutSkeletonCircle: string;
+export declare const donutSkeletonLineList: string;
+export declare const iconSkeleton: string;
+export declare const lineSkeleton: string;
+export declare const listSkeletonLi: string;
+export declare const listSkeletonDiv: string;
+export declare const listSkeletonUl: string;
+export declare const sliderSkeletonContainer: string;
+export declare const sliderSkeletonCard: string;
+export declare const sliderSkeletonBanner: string;
+export declare const squareSkeleton: string;

package/dist/components/Skeleton/stylesVariants.css.js

@@ -0,0 +1,47 @@
+/* empty css                                  */
+var columns = "var(--uv_fr4c0t0)";
+var widthLine = "var(--uv_fr4c0t1)";
+var sliderLength = "var(--uv_fr4c0t2)";
+var CIRCLE_SIZE = 12.875;
+var blockSkeletonLine = "uv_fr4c0t3";
+var blockSkeletonList = "uv_fr4c0t4";
+var blocksContainer = "uv_fr4c0t5";
+var blocksSkeleton = "uv_fr4c0t6";
+var boxWithIconSkeleton = "uv_fr4c0t7";
+var donutSkeletonContainer = "uv_fr4c0t8";
+var donutSkeletonSvg = "uv_fr4c0t9";
+var donutSkeletonCircle = "uv_fr4c0ta";
+var donutSkeletonLineList = "uv_fr4c0tb";
+var iconSkeleton = "uv_fr4c0tc";
+var lineSkeleton = "uv_fr4c0td";
+var listSkeletonLi = "uv_fr4c0te";
+var listSkeletonDiv = "uv_fr4c0tf";
+var listSkeletonUl = "uv_fr4c0tg";
+var sliderSkeletonContainer = "uv_fr4c0th";
+var sliderSkeletonCard = "uv_fr4c0ti";
+var sliderSkeletonBanner = "uv_fr4c0tj";
+var squareSkeleton = "uv_fr4c0tk";
+export {
+  CIRCLE_SIZE,
+  blockSkeletonLine,
+  blockSkeletonList,
+  blocksContainer,
+  blocksSkeleton,
+  boxWithIconSkeleton,
+  columns,
+  donutSkeletonCircle,
+  donutSkeletonContainer,
+  donutSkeletonLineList,
+  donutSkeletonSvg,
+  iconSkeleton,
+  lineSkeleton,
+  listSkeletonDiv,
+  listSkeletonLi,
+  listSkeletonUl,
+  sliderLength,
+  sliderSkeletonBanner,
+  sliderSkeletonCard,
+  sliderSkeletonContainer,
+  squareSkeleton,
+  widthLine
+};

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

@@ -1,2 +1,2 @@
 import type { DoubleSliderProps } from '../types';
-export declare const DoubleSlider: ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min, max, step, id, onBlur, onFocus, options, unit, label, className, input, prefix, suffix, required, tooltipPosition, "aria-label": ariaLabel, }: DoubleSliderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DoubleSlider: ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min, max, step, id, onBlur, onFocus, options, unit, label, className, input, prefix, suffix, required, tooltipPosition, "aria-label": ariaLabel, }: DoubleSliderProps) => import("react/jsx-runtime").JSX.Element;