@ultraviolet/ui 3.0.0-beta.14 → 3.0.0-beta.16

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/SwitchButton/Option.cjs

@@ -21,7 +21,7 @@ const StyledSelectableCard = /* @__PURE__ */ _styled__default.default(index.Sele
   theme
 }) => theme.space["2"], ";font-weight:", ({
   theme
-}) => theme.typography.bodyStrong.weight, ";justify-content:center;align-items:center;transition:all 200ms ease-in-out;white-space:nowrap;background:transparent;height:100%;user-select:none;&:hover,&:active{box-shadow:none;border:none;&:not([data-error='true'][data-disabled='true']){border:none;}}&[data-checked='true']{border:none;}& label{transition:color 300ms;color:", ({
+}) => theme.typography.bodyStrong.weight, `;justify-content:center;align-items:center;transition:all 200ms ease-in-out;white-space:nowrap;background:transparent;height:100%;user-select:none;&[data-checked="false"]:active,&[data-checked="false"]:hover{&:not([data-error="true"]):not([data-disabled="true"]){box-shadow:none;}}&:hover,&:active{box-shadow:none;border:none;&:not([data-error='true'][data-disabled='true']){border:none;}}&[data-checked='true']{border:none;}& label{transition:color 300ms;color:`, ({
   theme
 }) => theme.colors.neutral.textStrong, ";}&[data-checked='true'] label{color:", ({
   theme,
@@ -48,7 +48,7 @@ const StyledSelectableCard = /* @__PURE__ */ _styled__default.default(index.Sele
           color: ${theme.colors.neutral.textDisabled};
         }
       }
-  ` : "", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9PcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU0RCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Td2l0Y2hCdXR0b24vT3B0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VsZWN0YWJsZUNhcmQgfSBmcm9tICcuLi9TZWxlY3RhYmxlQ2FyZCdcbmltcG9ydCB7IHVzZVN3aXRjaEJ1dHRvbiB9IGZyb20gJy4vU3dpdGNoQnV0dG9uQ29udGV4dCdcblxuY29uc3QgU3R5bGVkU2VsZWN0YWJsZUNhcmQgPSBzdHlsZWQoU2VsZWN0YWJsZUNhcmQsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnc2VudGltZW50J10uaW5jbHVkZXMocHJvcCksXG59KTx7IHNlbnRpbWVudDogJ25ldXRyYWwnIHwgJ3ByaW1hcnknOyBkaXNhYmxlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTdHJvbmcud2VpZ2h0fTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAyMDBtcyBlYXNlLWluLW91dDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGhlaWdodDogMTAwJTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgICY6bm90KFtkYXRhLWVycm9yPSd0cnVlJ11bZGF0YS1kaXNhYmxlZD0ndHJ1ZSddKSB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWNoZWNrZWQ9J3RydWUnXSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5cbiAgJiBsYWJlbCB7XG4gICAgdHJhbnNpdGlvbjogY29sb3IgMzAwbXM7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFN0cm9uZ307XG4gIH1cblxuICAmW2RhdGEtY2hlY2tlZD0ndHJ1ZSddIGxhYmVsIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSwgc2VudGltZW50IH0pID0+XG4gICAgICBzZW50aW1lbnQgPT09ICduZXV0cmFsJ1xuICAgICAgICA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRTdHJvbmdcbiAgICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeS50ZXh0U3Ryb25nfTtcbiAgfVxuXG4gICY6bm90KFtkYXRhLWNoZWNrZWQ9J3RydWUnXSkgbGFiZWwge1xuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6ICR7KHsgdGhlbWUsIHNlbnRpbWVudCB9KSA9PlxuICAgICAgICBzZW50aW1lbnQgPT09ICduZXV0cmFsJ1xuICAgICAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dEhvdmVyXG4gICAgICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeS50ZXh0fTtcbiAgICB9XG59XG5cbiAgJHsoeyBkaXNhYmxlZCwgdGhlbWUgfSkgPT5cbiAgICBkaXNhYmxlZFxuICAgICAgPyBgXG4gICAgICAmW2RhdGEtZGlzYWJsZWQ9J3RydWUnXSB7XG4gICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICB9XG5cbiAgICAgIGxhYmVsIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICAgIH1cblxuICAgICAgJjpub3QoW2RhdGEtY2hlY2tlZD0ndHJ1ZSddKSBsYWJlbCB7XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHREaXNhYmxlZH07XG4gICAgICAgIH1cbiAgICAgIH1cbiAgYFxuICAgICAgOiAnJ31cblxuYFxuXG50eXBlIE9wdGlvblByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgdG9vbHRpcD86IHN0cmluZ1xufVxuZXhwb3J0IGNvbnN0IE9wdGlvbiA9ICh7XG4gIHZhbHVlLFxuICBjaGlsZHJlbixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgZGlzYWJsZWQsXG4gIHRvb2x0aXAsXG59OiBPcHRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlU3dpdGNoQnV0dG9uKClcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpXG5cbiAgY29uc3Qge1xuICAgIGxvY2FsVmFsdWUsXG4gICAgbmFtZSxcbiAgICBvbkJsdXIsXG4gICAgb25Gb2N1cyxcbiAgICBoYW5kbGVPbkNoYW5nZSxcbiAgICByZWZPcHRpb25zLFxuICAgIHNldFJlZk9wdGlvbnMsXG4gICAgc2VudGltZW50LFxuICB9ID0gY29udGV4dFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChcbiAgICAgIHJlZj8uY3VycmVudCAmJlxuICAgICAgcmVmT3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWUpLmxlbmd0aCA9PT0gMFxuICAgICkge1xuICAgICAgY29uc3Qgb3B0aW9uID0ge1xuICAgICAgICBjdXJyZW50OiByZWYuY3VycmVudCxcbiAgICAgICAgdmFsdWUsXG4gICAgICB9XG4gICAgICBzZXRSZWZPcHRpb25zKFsuLi5yZWZPcHRpb25zLCBvcHRpb25dKVxuICAgIH1cbiAgfSwgW3JlZk9wdGlvbnMsIHNldFJlZk9wdGlvbnMsIHZhbHVlXSlcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTZWxlY3RhYmxlQ2FyZFxuICAgICAgY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gdmFsdWV9XG4gICAgICBkYXRhLWNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IHZhbHVlfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWQgPz8gYHN3aXRjaC1idXR0b24tJHt2YWx1ZX1gfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgbGFiZWw9e2NoaWxkcmVufVxuICAgICAgbmFtZT17bmFtZX1cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgb25DaGFuZ2U9e2hhbmRsZU9uQ2hhbmdlfVxuICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICB0b29sdGlwPXt0b29sdGlwfVxuICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */"));
+  ` : "", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9PcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU0RCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Td2l0Y2hCdXR0b24vT3B0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VsZWN0YWJsZUNhcmQgfSBmcm9tICcuLi9TZWxlY3RhYmxlQ2FyZCdcbmltcG9ydCB7IHVzZVN3aXRjaEJ1dHRvbiB9IGZyb20gJy4vU3dpdGNoQnV0dG9uQ29udGV4dCdcblxuY29uc3QgU3R5bGVkU2VsZWN0YWJsZUNhcmQgPSBzdHlsZWQoU2VsZWN0YWJsZUNhcmQsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnc2VudGltZW50J10uaW5jbHVkZXMocHJvcCksXG59KTx7IHNlbnRpbWVudDogJ25ldXRyYWwnIHwgJ3ByaW1hcnknOyBkaXNhYmxlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTdHJvbmcud2VpZ2h0fTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAyMDBtcyBlYXNlLWluLW91dDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGhlaWdodDogMTAwJTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgJltkYXRhLWNoZWNrZWQ9XCJmYWxzZVwiXTphY3RpdmUsICAmW2RhdGEtY2hlY2tlZD1cImZhbHNlXCJdOmhvdmVyIHtcbiAgICAmOm5vdChbZGF0YS1lcnJvcj1cInRydWVcIl0pOm5vdChbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0pIHsgXG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgIH1cbiAgfVxuXG4gICY6aG92ZXIsXG4gICY6YWN0aXZlIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICAmOm5vdChbZGF0YS1lcnJvcj0ndHJ1ZSddW2RhdGEtZGlzYWJsZWQ9J3RydWUnXSkge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1jaGVja2VkPSd0cnVlJ10ge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuXG4gICYgbGFiZWwge1xuICAgIHRyYW5zaXRpb246IGNvbG9yIDMwMG1zO1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRTdHJvbmd9O1xuICB9XG5cbiAgJltkYXRhLWNoZWNrZWQ9J3RydWUnXSBsYWJlbCB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUsIHNlbnRpbWVudCB9KSA9PlxuICAgICAgc2VudGltZW50ID09PSAnbmV1dHJhbCdcbiAgICAgICAgPyB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0U3Ryb25nXG4gICAgICAgIDogdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dFN0cm9uZ307XG4gIH1cblxuICAmOm5vdChbZGF0YS1jaGVja2VkPSd0cnVlJ10pIGxhYmVsIHtcbiAgICAmOmhvdmVyIHtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lLCBzZW50aW1lbnQgfSkgPT5cbiAgICAgICAgc2VudGltZW50ID09PSAnbmV1dHJhbCdcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRIb3ZlclxuICAgICAgICAgIDogdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dH07XG4gICAgfVxufVxuXG4gICR7KHsgZGlzYWJsZWQsIHRoZW1lIH0pID0+XG4gICAgZGlzYWJsZWRcbiAgICAgID8gYFxuICAgICAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgfVxuXG4gICAgICBsYWJlbCB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHREaXNhYmxlZH07XG4gICAgICB9XG5cbiAgICAgICY6bm90KFtkYXRhLWNoZWNrZWQ9J3RydWUnXSkgbGFiZWwge1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWR9O1xuICAgICAgICB9XG4gICAgICB9XG4gIGBcbiAgICAgIDogJyd9XG5cbmBcblxudHlwZSBPcHRpb25Qcm9wcyA9IHtcbiAgdmFsdWU6IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIHRvb2x0aXA/OiBzdHJpbmdcbn1cbmV4cG9ydCBjb25zdCBPcHRpb24gPSAoe1xuICB2YWx1ZSxcbiAgY2hpbGRyZW4sXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGRpc2FibGVkLFxuICB0b29sdGlwLFxufTogT3B0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZVN3aXRjaEJ1dHRvbigpXG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKVxuXG4gIGNvbnN0IHtcbiAgICBsb2NhbFZhbHVlLFxuICAgIG5hbWUsXG4gICAgb25CbHVyLFxuICAgIG9uRm9jdXMsXG4gICAgaGFuZGxlT25DaGFuZ2UsXG4gICAgcmVmT3B0aW9ucyxcbiAgICBzZXRSZWZPcHRpb25zLFxuICAgIHNlbnRpbWVudCxcbiAgfSA9IGNvbnRleHRcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoXG4gICAgICByZWY/LmN1cnJlbnQgJiZcbiAgICAgIHJlZk9wdGlvbnMuZmlsdGVyKG9wdGlvbiA9PiBvcHRpb24udmFsdWUgPT09IHZhbHVlKS5sZW5ndGggPT09IDBcbiAgICApIHtcbiAgICAgIGNvbnN0IG9wdGlvbiA9IHtcbiAgICAgICAgY3VycmVudDogcmVmLmN1cnJlbnQsXG4gICAgICAgIHZhbHVlLFxuICAgICAgfVxuICAgICAgc2V0UmVmT3B0aW9ucyhbLi4ucmVmT3B0aW9ucywgb3B0aW9uXSlcbiAgICB9XG4gIH0sIFtyZWZPcHRpb25zLCBzZXRSZWZPcHRpb25zLCB2YWx1ZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VsZWN0YWJsZUNhcmRcbiAgICAgIGNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IHZhbHVlfVxuICAgICAgZGF0YS1jaGVja2VkPXtsb2NhbFZhbHVlID09PSB2YWx1ZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8/IGBzd2l0Y2gtYnV0dG9uLSR7dmFsdWV9YH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGxhYmVsPXtjaGlsZHJlbn1cbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgIG9uQ2hhbmdlPXtoYW5kbGVPbkNoYW5nZX1cbiAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgdG9vbHRpcD17dG9vbHRpcH1cbiAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAvPlxuICApXG59XG4iXX0= */"));
 const Option = ({
   value,
   children,

package/dist/components/SwitchButton/Option.js

@@ -17,7 +17,7 @@ const StyledSelectableCard = /* @__PURE__ */ _styled(SelectableCard, process.env
   theme
 }) => theme.space["2"], ";font-weight:", ({
   theme
-}) => theme.typography.bodyStrong.weight, ";justify-content:center;align-items:center;transition:all 200ms ease-in-out;white-space:nowrap;background:transparent;height:100%;user-select:none;&:hover,&:active{box-shadow:none;border:none;&:not([data-error='true'][data-disabled='true']){border:none;}}&[data-checked='true']{border:none;}& label{transition:color 300ms;color:", ({
+}) => theme.typography.bodyStrong.weight, `;justify-content:center;align-items:center;transition:all 200ms ease-in-out;white-space:nowrap;background:transparent;height:100%;user-select:none;&[data-checked="false"]:active,&[data-checked="false"]:hover{&:not([data-error="true"]):not([data-disabled="true"]){box-shadow:none;}}&:hover,&:active{box-shadow:none;border:none;&:not([data-error='true'][data-disabled='true']){border:none;}}&[data-checked='true']{border:none;}& label{transition:color 300ms;color:`, ({
   theme
 }) => theme.colors.neutral.textStrong, ";}&[data-checked='true'] label{color:", ({
   theme,
@@ -44,7 +44,7 @@ const StyledSelectableCard = /* @__PURE__ */ _styled(SelectableCard, process.env
           color: ${theme.colors.neutral.textDisabled};
         }
       }
-  ` : "", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9PcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU0RCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Td2l0Y2hCdXR0b24vT3B0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VsZWN0YWJsZUNhcmQgfSBmcm9tICcuLi9TZWxlY3RhYmxlQ2FyZCdcbmltcG9ydCB7IHVzZVN3aXRjaEJ1dHRvbiB9IGZyb20gJy4vU3dpdGNoQnV0dG9uQ29udGV4dCdcblxuY29uc3QgU3R5bGVkU2VsZWN0YWJsZUNhcmQgPSBzdHlsZWQoU2VsZWN0YWJsZUNhcmQsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnc2VudGltZW50J10uaW5jbHVkZXMocHJvcCksXG59KTx7IHNlbnRpbWVudDogJ25ldXRyYWwnIHwgJ3ByaW1hcnknOyBkaXNhYmxlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTdHJvbmcud2VpZ2h0fTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAyMDBtcyBlYXNlLWluLW91dDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGhlaWdodDogMTAwJTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgICY6bm90KFtkYXRhLWVycm9yPSd0cnVlJ11bZGF0YS1kaXNhYmxlZD0ndHJ1ZSddKSB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWNoZWNrZWQ9J3RydWUnXSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5cbiAgJiBsYWJlbCB7XG4gICAgdHJhbnNpdGlvbjogY29sb3IgMzAwbXM7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFN0cm9uZ307XG4gIH1cblxuICAmW2RhdGEtY2hlY2tlZD0ndHJ1ZSddIGxhYmVsIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSwgc2VudGltZW50IH0pID0+XG4gICAgICBzZW50aW1lbnQgPT09ICduZXV0cmFsJ1xuICAgICAgICA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRTdHJvbmdcbiAgICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeS50ZXh0U3Ryb25nfTtcbiAgfVxuXG4gICY6bm90KFtkYXRhLWNoZWNrZWQ9J3RydWUnXSkgbGFiZWwge1xuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6ICR7KHsgdGhlbWUsIHNlbnRpbWVudCB9KSA9PlxuICAgICAgICBzZW50aW1lbnQgPT09ICduZXV0cmFsJ1xuICAgICAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dEhvdmVyXG4gICAgICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeS50ZXh0fTtcbiAgICB9XG59XG5cbiAgJHsoeyBkaXNhYmxlZCwgdGhlbWUgfSkgPT5cbiAgICBkaXNhYmxlZFxuICAgICAgPyBgXG4gICAgICAmW2RhdGEtZGlzYWJsZWQ9J3RydWUnXSB7XG4gICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICB9XG5cbiAgICAgIGxhYmVsIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICAgIH1cblxuICAgICAgJjpub3QoW2RhdGEtY2hlY2tlZD0ndHJ1ZSddKSBsYWJlbCB7XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHREaXNhYmxlZH07XG4gICAgICAgIH1cbiAgICAgIH1cbiAgYFxuICAgICAgOiAnJ31cblxuYFxuXG50eXBlIE9wdGlvblByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgdG9vbHRpcD86IHN0cmluZ1xufVxuZXhwb3J0IGNvbnN0IE9wdGlvbiA9ICh7XG4gIHZhbHVlLFxuICBjaGlsZHJlbixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgZGlzYWJsZWQsXG4gIHRvb2x0aXAsXG59OiBPcHRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlU3dpdGNoQnV0dG9uKClcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpXG5cbiAgY29uc3Qge1xuICAgIGxvY2FsVmFsdWUsXG4gICAgbmFtZSxcbiAgICBvbkJsdXIsXG4gICAgb25Gb2N1cyxcbiAgICBoYW5kbGVPbkNoYW5nZSxcbiAgICByZWZPcHRpb25zLFxuICAgIHNldFJlZk9wdGlvbnMsXG4gICAgc2VudGltZW50LFxuICB9ID0gY29udGV4dFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChcbiAgICAgIHJlZj8uY3VycmVudCAmJlxuICAgICAgcmVmT3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWUpLmxlbmd0aCA9PT0gMFxuICAgICkge1xuICAgICAgY29uc3Qgb3B0aW9uID0ge1xuICAgICAgICBjdXJyZW50OiByZWYuY3VycmVudCxcbiAgICAgICAgdmFsdWUsXG4gICAgICB9XG4gICAgICBzZXRSZWZPcHRpb25zKFsuLi5yZWZPcHRpb25zLCBvcHRpb25dKVxuICAgIH1cbiAgfSwgW3JlZk9wdGlvbnMsIHNldFJlZk9wdGlvbnMsIHZhbHVlXSlcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTZWxlY3RhYmxlQ2FyZFxuICAgICAgY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gdmFsdWV9XG4gICAgICBkYXRhLWNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IHZhbHVlfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWQgPz8gYHN3aXRjaC1idXR0b24tJHt2YWx1ZX1gfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgbGFiZWw9e2NoaWxkcmVufVxuICAgICAgbmFtZT17bmFtZX1cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgb25DaGFuZ2U9e2hhbmRsZU9uQ2hhbmdlfVxuICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICB0b29sdGlwPXt0b29sdGlwfVxuICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */"));
+  ` : "", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9PcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU0RCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Td2l0Y2hCdXR0b24vT3B0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VsZWN0YWJsZUNhcmQgfSBmcm9tICcuLi9TZWxlY3RhYmxlQ2FyZCdcbmltcG9ydCB7IHVzZVN3aXRjaEJ1dHRvbiB9IGZyb20gJy4vU3dpdGNoQnV0dG9uQ29udGV4dCdcblxuY29uc3QgU3R5bGVkU2VsZWN0YWJsZUNhcmQgPSBzdHlsZWQoU2VsZWN0YWJsZUNhcmQsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnc2VudGltZW50J10uaW5jbHVkZXMocHJvcCksXG59KTx7IHNlbnRpbWVudDogJ25ldXRyYWwnIHwgJ3ByaW1hcnknOyBkaXNhYmxlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTdHJvbmcud2VpZ2h0fTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAyMDBtcyBlYXNlLWluLW91dDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGhlaWdodDogMTAwJTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgJltkYXRhLWNoZWNrZWQ9XCJmYWxzZVwiXTphY3RpdmUsICAmW2RhdGEtY2hlY2tlZD1cImZhbHNlXCJdOmhvdmVyIHtcbiAgICAmOm5vdChbZGF0YS1lcnJvcj1cInRydWVcIl0pOm5vdChbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0pIHsgXG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgIH1cbiAgfVxuXG4gICY6aG92ZXIsXG4gICY6YWN0aXZlIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICAmOm5vdChbZGF0YS1lcnJvcj0ndHJ1ZSddW2RhdGEtZGlzYWJsZWQ9J3RydWUnXSkge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1jaGVja2VkPSd0cnVlJ10ge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuXG4gICYgbGFiZWwge1xuICAgIHRyYW5zaXRpb246IGNvbG9yIDMwMG1zO1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRTdHJvbmd9O1xuICB9XG5cbiAgJltkYXRhLWNoZWNrZWQ9J3RydWUnXSBsYWJlbCB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUsIHNlbnRpbWVudCB9KSA9PlxuICAgICAgc2VudGltZW50ID09PSAnbmV1dHJhbCdcbiAgICAgICAgPyB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0U3Ryb25nXG4gICAgICAgIDogdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dFN0cm9uZ307XG4gIH1cblxuICAmOm5vdChbZGF0YS1jaGVja2VkPSd0cnVlJ10pIGxhYmVsIHtcbiAgICAmOmhvdmVyIHtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lLCBzZW50aW1lbnQgfSkgPT5cbiAgICAgICAgc2VudGltZW50ID09PSAnbmV1dHJhbCdcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRIb3ZlclxuICAgICAgICAgIDogdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dH07XG4gICAgfVxufVxuXG4gICR7KHsgZGlzYWJsZWQsIHRoZW1lIH0pID0+XG4gICAgZGlzYWJsZWRcbiAgICAgID8gYFxuICAgICAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgfVxuXG4gICAgICBsYWJlbCB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHREaXNhYmxlZH07XG4gICAgICB9XG5cbiAgICAgICY6bm90KFtkYXRhLWNoZWNrZWQ9J3RydWUnXSkgbGFiZWwge1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWR9O1xuICAgICAgICB9XG4gICAgICB9XG4gIGBcbiAgICAgIDogJyd9XG5cbmBcblxudHlwZSBPcHRpb25Qcm9wcyA9IHtcbiAgdmFsdWU6IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIHRvb2x0aXA/OiBzdHJpbmdcbn1cbmV4cG9ydCBjb25zdCBPcHRpb24gPSAoe1xuICB2YWx1ZSxcbiAgY2hpbGRyZW4sXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGRpc2FibGVkLFxuICB0b29sdGlwLFxufTogT3B0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZVN3aXRjaEJ1dHRvbigpXG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKVxuXG4gIGNvbnN0IHtcbiAgICBsb2NhbFZhbHVlLFxuICAgIG5hbWUsXG4gICAgb25CbHVyLFxuICAgIG9uRm9jdXMsXG4gICAgaGFuZGxlT25DaGFuZ2UsXG4gICAgcmVmT3B0aW9ucyxcbiAgICBzZXRSZWZPcHRpb25zLFxuICAgIHNlbnRpbWVudCxcbiAgfSA9IGNvbnRleHRcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoXG4gICAgICByZWY/LmN1cnJlbnQgJiZcbiAgICAgIHJlZk9wdGlvbnMuZmlsdGVyKG9wdGlvbiA9PiBvcHRpb24udmFsdWUgPT09IHZhbHVlKS5sZW5ndGggPT09IDBcbiAgICApIHtcbiAgICAgIGNvbnN0IG9wdGlvbiA9IHtcbiAgICAgICAgY3VycmVudDogcmVmLmN1cnJlbnQsXG4gICAgICAgIHZhbHVlLFxuICAgICAgfVxuICAgICAgc2V0UmVmT3B0aW9ucyhbLi4ucmVmT3B0aW9ucywgb3B0aW9uXSlcbiAgICB9XG4gIH0sIFtyZWZPcHRpb25zLCBzZXRSZWZPcHRpb25zLCB2YWx1ZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VsZWN0YWJsZUNhcmRcbiAgICAgIGNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IHZhbHVlfVxuICAgICAgZGF0YS1jaGVja2VkPXtsb2NhbFZhbHVlID09PSB2YWx1ZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8/IGBzd2l0Y2gtYnV0dG9uLSR7dmFsdWV9YH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGxhYmVsPXtjaGlsZHJlbn1cbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgIG9uQ2hhbmdlPXtoYW5kbGVPbkNoYW5nZX1cbiAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgdG9vbHRpcD17dG9vbHRpcH1cbiAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAvPlxuICApXG59XG4iXX0= */"));
 const Option = ({
   value,
   children,

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 }) });