@ultraviolet/ui 3.0.0-beta.15 → 3.0.0-beta.17

package/dist/components/Skeleton/List.js

@@ -1,52 +1,16 @@
 "use client";
 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"
-})("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 */"));
+import { listSkeletonUl, listSkeletonLi, listSkeletonDiv } from "./stylesVariants.css.js";
 const Item = ({
   col = 3
-}) => /* @__PURE__ */ jsx(StyledItem, { children: Array.from({
+}) => /* @__PURE__ */ jsx("li", { className: listSkeletonLi, children: Array.from({
   length: col
-}, (_, i) => /* @__PURE__ */ jsx(StyledLine, { children: /* @__PURE__ */ jsx(Line, {}) }, `skeleton-list-col-${i}`)) });
+}, (_, 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({
+}) => /* @__PURE__ */ jsx("ul", { className: listSkeletonUl, children: Array.from({
   length
 }, (_, i) => /* @__PURE__ */ jsx(Item, { col }, `skeleton-list-${i}`)) });
 export {

package/dist/components/Skeleton/Slider.cjs

@@ -2,42 +2,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledContainer = /* @__PURE__ */ _styled__default.default("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__default.default("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__default.default("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 dynamic = require("@vanilla-extract/dynamic");
+const stylesVariants_css = require("./stylesVariants.css.cjs");
 const Slider = ({
   length = 4
-}) => /* @__PURE__ */ jsxRuntime.jsx(StyledContainer, { length, children: Array.from({
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: stylesVariants_css.sliderSkeletonContainer, style: dynamic.assignInlineVars({
+  [stylesVariants_css.sliderLength]: length.toString()
+}), children: Array.from({
   length
-}, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(StyledCard, { children: /* @__PURE__ */ jsxRuntime.jsx(StyledBanner, {}) }, `skeleton-slider-card-${i}`)) });
+}, (_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: stylesVariants_css.sliderSkeletonCard, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: stylesVariants_css.sliderSkeletonBanner }) }, `skeleton-slider-card-${i}`)) });
 exports.Slider = Slider;

package/dist/components/Skeleton/Slider.js

@@ -1,41 +1,14 @@
 "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 */"));
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { sliderSkeletonContainer, sliderSkeletonCard, sliderSkeletonBanner, sliderLength } from "./stylesVariants.css.js";
 const Slider = ({
   length = 4
-}) => /* @__PURE__ */ jsx(StyledContainer, { length, children: Array.from({
+}) => /* @__PURE__ */ jsx("div", { className: sliderSkeletonContainer, style: assignInlineVars({
+  [sliderLength]: length.toString()
+}), children: Array.from({
   length
-}, (_, i) => /* @__PURE__ */ jsx(StyledCard, { children: /* @__PURE__ */ jsx(StyledBanner, {}) }, `skeleton-slider-card-${i}`)) });
+}, (_, i) => /* @__PURE__ */ jsx("div", { className: sliderSkeletonCard, children: /* @__PURE__ */ jsx("div", { className: sliderSkeletonBanner }) }, `skeleton-slider-card-${i}`)) });
 export {
   Slider
 };

package/dist/components/Skeleton/Square.cjs

@@ -1,15 +1,7 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const Square = /* @__PURE__ */ _styled__default.default("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= */"));
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const stylesVariants_css = require("./stylesVariants.css.cjs");
+const Square = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: stylesVariants_css.squareSkeleton });
 exports.Square = Square;

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

package/dist/components/Skeleton/index.cjs

@@ -2,8 +2,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
-const react = require("@emotion/react");
 const Block = require("./Block.cjs");
 const Blocks = require("./Blocks.cjs");
 const BoxWithIcon = require("./BoxWithIcon.cjs");
@@ -12,48 +10,7 @@ const Line = require("./Line.cjs");
 const List = require("./List.cjs");
 const Slider = require("./Slider.cjs");
 const Square = require("./Square.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-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 = react.keyframes`
-  from {
-    left: -25%;
-  }
-  to {
-    left: 100%;
-  }
-`;
-const StyledContainer = /* @__PURE__ */ _styled__default.default("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__default.default("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 */"));
+const styles_css = require("./styles.css.cjs");
 const variants = {
   block: Block.Block,
   blocks: Blocks.Blocks,
@@ -73,9 +30,9 @@ const Skeleton = ({
   "data-testid": dataTestId
 }) => {
   const Component = variants[variant];
-  return /* @__PURE__ */ jsxRuntime.jsxs(StyledContainer, { "aria-busy": true, "aria-label": ariaLabel, "aria-live": "polite", className, "data-testid": dataTestId, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-busy": true, "aria-label": ariaLabel, "aria-live": "polite", className: `${className ? `${className} ` : ""}${styles_css.skeletonContainer}`, "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Component, { col, length }),
-    /* @__PURE__ */ jsxRuntime.jsx(StyledDiv, {})
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.skeletonHighlight })
   ] });
 };
 exports.Skeleton = Skeleton;

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

@@ -11,10 +11,7 @@ declare const variants: {
         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>, {}>;
+    readonly line: () => import("@emotion/react/jsx-runtime").JSX.Element;
     readonly list: ({ length, col, }: {
         length?: number;
         col?: number;
@@ -22,10 +19,7 @@ declare const variants: {
     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>, {}>;
+    readonly square: () => import("@emotion/react/jsx-runtime").JSX.Element;
 };
 type SkeletonVariant = keyof typeof variants;
 type SkeletonProps = {

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 { 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,
@@ -69,9 +28,9 @@ const Skeleton = ({
   "data-testid": dataTestId
 }) => {
   const Component = variants[variant];
-  return /* @__PURE__ */ jsxs(StyledContainer, { "aria-busy": true, "aria-label": ariaLabel, "aria-live": "polite", className, "data-testid": dataTestId, children: [
+  return /* @__PURE__ */ jsxs("div", { "aria-busy": true, "aria-label": ariaLabel, "aria-live": "polite", className: `${className ? `${className} ` : ""}${skeletonContainer}`, "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsx(Component, { col, length }),
-    /* @__PURE__ */ jsx(StyledDiv, {})
+    /* @__PURE__ */ jsx("div", { className: skeletonHighlight })
   ] });
 };
 export {

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var skeletonContainer = "uv_c2hb451";
+var skeletonHighlight = "uv_c2hb452";
+exports.skeletonContainer = skeletonContainer;
+exports.skeletonHighlight = skeletonHighlight;

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.cjs

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* 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";
+exports.CIRCLE_SIZE = CIRCLE_SIZE;
+exports.blockSkeletonLine = blockSkeletonLine;
+exports.blockSkeletonList = blockSkeletonList;
+exports.blocksContainer = blocksContainer;
+exports.blocksSkeleton = blocksSkeleton;
+exports.boxWithIconSkeleton = boxWithIconSkeleton;
+exports.columns = columns;
+exports.donutSkeletonCircle = donutSkeletonCircle;
+exports.donutSkeletonContainer = donutSkeletonContainer;
+exports.donutSkeletonLineList = donutSkeletonLineList;
+exports.donutSkeletonSvg = donutSkeletonSvg;
+exports.iconSkeleton = iconSkeleton;
+exports.lineSkeleton = lineSkeleton;
+exports.listSkeletonDiv = listSkeletonDiv;
+exports.listSkeletonLi = listSkeletonLi;
+exports.listSkeletonUl = listSkeletonUl;
+exports.sliderLength = sliderLength;
+exports.sliderSkeletonBanner = sliderSkeletonBanner;
+exports.sliderSkeletonCard = sliderSkeletonCard;
+exports.sliderSkeletonContainer = sliderSkeletonContainer;
+exports.squareSkeleton = squareSkeleton;
+exports.widthLine = widthLine;

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/Tag/index.cjs

@@ -19,7 +19,7 @@ const TagInner = ({
   onClose,
   disabled = false
 }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { "aria-disabled": disabled, as: "div", className: styles_css.textTag, oneLine: true, variant: "caption", children }),
+  /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { "aria-disabled": disabled, as: "span", className: styles_css.textTag, oneLine: true, variant: "caption", children }),
   onClose && !isLoading ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Button, { "aria-label": "Close tag", className: styles_css.closeButtonTag, "data-testid": "close-tag", disabled, onClick: onClose, sentiment: "neutral", size: "small", variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.CloseIcon, { size: "small" }) }) : null,
   isLoading ? /* @__PURE__ */ jsxRuntime.jsx(index$3.Loader, { active: true, size: "small" }) : null
 ] });
@@ -54,7 +54,7 @@ const Tag = ({
       sentiment
     })}`, "data-testid": dataTestId, disabled, onClick: setCopied, children: /* @__PURE__ */ jsxRuntime.jsx(TagInner, { disabled, isLoading, onClose, children }) }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${styles_css.containerTag({
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${className ? `${className} ` : ""}${styles_css.containerTag({
     disabled,
     sentiment
   })}`, "data-testid": dataTestId, children: /* @__PURE__ */ jsxRuntime.jsx(TagInner, { disabled, isLoading, onClose, children }) });

package/dist/components/Tag/index.js

@@ -15,7 +15,7 @@ const TagInner = ({
   onClose,
   disabled = false
 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(Text, { "aria-disabled": disabled, as: "div", className: textTag, oneLine: true, variant: "caption", children }),
+  /* @__PURE__ */ jsx(Text, { "aria-disabled": disabled, as: "span", className: textTag, oneLine: true, variant: "caption", children }),
   onClose && !isLoading ? /* @__PURE__ */ jsx(Button, { "aria-label": "Close tag", className: closeButtonTag, "data-testid": "close-tag", disabled, onClick: onClose, sentiment: "neutral", size: "small", variant: "ghost", children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" }) }) : null,
   isLoading ? /* @__PURE__ */ jsx(Loader, { active: true, size: "small" }) : null
 ] });
@@ -50,7 +50,7 @@ const Tag = ({
       sentiment
     })}`, "data-testid": dataTestId, disabled, onClick: setCopied, children: /* @__PURE__ */ jsx(TagInner, { disabled, isLoading, onClose, children }) }) });
   }
-  return /* @__PURE__ */ jsx("div", { className: `${className ? `${className} ` : ""}${containerTag({
+  return /* @__PURE__ */ jsx("span", { className: `${className ? `${className} ` : ""}${containerTag({
     disabled,
     sentiment
   })}`, "data-testid": dataTestId, children: /* @__PURE__ */ jsx(TagInner, { disabled, isLoading, onClose, children }) });