@ultraviolet/ui 3.0.0-beta.26 → 3.0.0-beta.28

package/dist/components/SelectableCardOptionGroup/Provider.cjs

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const SelectableCardOptionGroupContext = react.createContext({
-  disabled: false,
-  error: false,
-  groupName: "",
-  onChange: () => {
-  },
-  onChangeOption: () => {
-  },
-  optionValue: "",
-  required: false,
-  size: "large"
-});
-const useSelectableCardOptionGroup = () => {
-  const context = react.useContext(SelectableCardOptionGroupContext);
-  if (!context) {
-    throw new Error("SelectableCardOptionGroup.Option must be used inside a SelectableCardOptionGroup");
-  }
-  return context;
-};
-exports.SelectableCardOptionGroupContext = SelectableCardOptionGroupContext;
-exports.useSelectableCardOptionGroup = useSelectableCardOptionGroup;

package/dist/components/SelectableCardOptionGroup/components/Image.cjs

@@ -1,17 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const styles_css = require("../styles.css.cjs");
-const IMAGE_SIZES = {
-  large: 56,
-  medium: 40
-};
-const Image = ({
-  src,
-  alt,
-  size,
-  disabled,
-  className
-}) => /* @__PURE__ */ jsxRuntime.jsx("img", { alt, className: `${className ? `${className} ` : ""}${disabled ? styles_css.disabledImage : ""}`, "data-disabled": disabled, height: IMAGE_SIZES[size], src, width: IMAGE_SIZES[size] });
-exports.Image = Image;

package/dist/components/SelectableCardOptionGroup/components/Option.cjs

@@ -1,60 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const index$2 = require("../../Label/index.cjs");
-const index = require("../../SelectableCard/index.cjs");
-const index$3 = require("../../SelectInput/index.cjs");
-const index$1 = require("../../Stack/index.cjs");
-const Provider = require("../Provider.cjs");
-const styles_css = require("../styles.css.cjs");
-const Image = require("./Image.cjs");
-const Option = ({
-  value,
-  label,
-  labelDescription,
-  "aria-label": ariaLabel,
-  children,
-  className,
-  options,
-  optionPlaceholder,
-  image,
-  disabled,
-  id,
-  "data-testid": dataTestId,
-  tooltip,
-  style
-}) => {
-  const {
-    onChange,
-    onChangeOption,
-    groupValue,
-    disabled: groupDisabled,
-    size,
-    error,
-    optionValue
-  } = Provider.useSelectableCardOptionGroup();
-  const generatedId = react.useId();
-  const inputId = id || generatedId;
-  return /* @__PURE__ */ jsxRuntime.jsx(index.SelectableCard, { checked: groupValue === value, className: `${className ? `${className} ` : ""}${styles_css.selectableCard}`, "data-testid": dataTestId, disabled: disabled || groupDisabled, isError: error, onChange: (event) => {
-    onChange?.(event);
-    if (Array.isArray(options)) {
-      onChangeOption?.(options?.[0]?.value);
-    }
-  }, showTick: true, style, tooltip, type: "radio", value, ...label ? {
-    id: inputId
-  } : {
-    "aria-label": ariaLabel
-  }, children: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { className: styles_css.optionFullHeight, direction: "column", flex: "1 1 auto", gap: 2, justifyContent: "space-between", width: "100%", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { alignItems: "center", className: styles_css.optionPadded, direction: "column", gap: 1, justifyContent: "center", width: "100%", children: [
-      typeof image === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Image.Image, { alt: typeof label === "string" ? label : value, disabled: disabled || groupDisabled, size, src: image }) : image,
-      /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { alignItems: "center", direction: "column", gap: 0.5, justifyContent: "center", width: "100%", children: [
-        typeof label === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Label, { disabled: disabled || groupDisabled, htmlFor: inputId, labelDescription, sentiment: groupValue === value ? "primary" : "neutral", children: label }) : label,
-        children
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$3.SelectInput, { "aria-label": typeof label === "string" ? `${label} option` : `${value} option`, className: `${styles_css.optionSelectInput} ${disabled || groupDisabled ? styles_css.optionSelectInputDisabled : ""} ${error ? styles_css.optionSelectInputError : ""}`, "data-testid": dataTestId ? `${dataTestId}-select` : void 0, disabled: disabled || groupDisabled, error, name: "selectable-card-option", onChange: onChangeOption, options, placeholder: optionPlaceholder, size: "medium", value: optionValue })
-  ] }) });
-};
-exports.Option = Option;

package/dist/components/SelectableCardOptionGroup/index.cjs

@@ -1,51 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const index$1 = require("../Label/index.cjs");
-const index$2 = require("../Row/index.cjs");
-const index = require("../Stack/index.cjs");
-const index$3 = require("../Text/index.cjs");
-const Option = require("./components/Option.cjs");
-const Provider = require("./Provider.cjs");
-const styles_css = require("./styles.css.cjs");
-const SelectableCardOptionGroup = ({
-  legend,
-  legendDescription,
-  className,
-  required,
-  columns = 3,
-  children,
-  helper,
-  error,
-  onChange,
-  value,
-  optionValue,
-  onChangeOption,
-  name,
-  disabled,
-  size = "large",
-  style
-}) => {
-  const contextValue = react.useMemo(() => ({
-    disabled,
-    error: !!error,
-    groupName: name,
-    groupValue: value,
-    onChange,
-    onChangeOption,
-    optionValue,
-    required,
-    size
-  }), [disabled, error, name, onChange, onChangeOption, optionValue, required, value, size]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Provider.SelectableCardOptionGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 1, style, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("fieldset", { className: `${className ? `${className} ` : ""}${styles_css.selectableCardOptionFieldSet}`, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 1.5, children: [
-      legend ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Label, { as: "legend", labelDescription: legendDescription, required, children: legend }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(index$2.Row, { gap: 2, templateColumns: `repeat(${columns}, minmax(0, 1fr))`, children })
-    ] }) }),
-    error && typeof error === "string" || helper ? /* @__PURE__ */ jsxRuntime.jsx(index$3.Text, { as: "span", prominence: "weak", sentiment: error ? "danger" : "neutral", variant: "caption", children: helper || error }) : null
-  ] }) });
-};
-SelectableCardOptionGroup.Option = Option.Option;
-exports.SelectableCardOptionGroup = SelectableCardOptionGroup;

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

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                                   */
-;/* empty css                                                       */
-;/* empty css                            */
-var selectableCardOptionFieldSet = "uv_12n1yvr0";
-var disabledImage = "uv_12n1yvr1";
-var selectableCard = "uv_12n1yvr2";
-var optionFullHeight = "uv_12n1yvr3";
-var optionSelectInput = "uv_12n1yvr4";
-var optionSelectInputDisabled = "uv_12n1yvr5";
-var optionSelectInputError = "uv_12n1yvr6";
-var optionPadded = "uv_12n1yvr7";
-exports.disabledImage = disabledImage;
-exports.optionFullHeight = optionFullHeight;
-exports.optionPadded = optionPadded;
-exports.optionSelectInput = optionSelectInput;
-exports.optionSelectInputDisabled = optionSelectInputDisabled;
-exports.optionSelectInputError = optionSelectInputError;
-exports.selectableCard = selectableCard;
-exports.selectableCardOptionFieldSet = selectableCardOptionFieldSet;

package/dist/components/Separator/index.cjs

@@ -1,40 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const styles_css = require("./styles.css.cjs");
-const Separator = ({
-  direction = "horizontal",
-  thickness = 1,
-  sentiment = "neutral",
-  className,
-  "data-testid": dataTestId,
-  children,
-  style
-}) => children ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-orientation": direction, className: `${className ? `${className} ` : ""}${styles_css.iconWraperSeparator({
-  direction,
-  sentiment
-})}`, "data-testid": dataTestId, role: "separator", style, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("hr", { className: styles_css.hr({
-    direction,
-    hasIcon: true,
-    sentiment
-  }), style: dynamic.assignInlineVars({
-    [styles_css.thicknessSeparator]: `${thickness}px`
-  }) }),
-  children,
-  /* @__PURE__ */ jsxRuntime.jsx("hr", { className: styles_css.hr({
-    direction,
-    hasIcon: true,
-    sentiment
-  }), style: dynamic.assignInlineVars({
-    [styles_css.thicknessSeparator]: `${thickness}px`
-  }) })
-] }) : /* @__PURE__ */ jsxRuntime.jsx("hr", { "aria-orientation": direction, className: `${className ? `${className} ` : ""}${styles_css.hr({
-  direction,
-  sentiment
-})}`, "data-testid": dataTestId, role: "separator", style: dynamic.assignInlineVars({
-  [styles_css.thicknessSeparator]: `${thickness}px`
-}) });
-exports.Separator = Separator;

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var thicknessSeparator = "var(--uv_bu43fb0)";
-var iconWraperSeparator = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_bu43fb1", variantClassNames: { direction: { horizontal: "uv_bu43fb2", vertical: "uv_bu43fb3" }, sentiment: { danger: "uv_bu43fb4", info: "uv_bu43fb5", neutral: "uv_bu43fb6", primary: "uv_bu43fb7", secondary: "uv_bu43fb8", success: "uv_bu43fb9", warning: "uv_bu43fba" } }, defaultVariants: { direction: "horizontal", sentiment: "neutral" }, compoundVariants: [] });
-var hr = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_bu43fbb", variantClassNames: { direction: { horizontal: "uv_bu43fbc", vertical: "uv_bu43fbd" }, hasIcon: { false: "uv_bu43fbe", true: "uv_bu43fbf" }, sentiment: { danger: "uv_bu43fbg", info: "uv_bu43fbh", neutral: "uv_bu43fbi", primary: "uv_bu43fbj", secondary: "uv_bu43fbk", success: "uv_bu43fbl", warning: "uv_bu43fbm" } }, defaultVariants: {}, compoundVariants: [] });
-exports.hr = hr;
-exports.iconWraperSeparator = iconWraperSeparator;
-exports.thicknessSeparator = thicknessSeparator;

package/dist/components/Skeleton/Block.cjs

@@ -1,17 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const IconSkeleton = require("./IconSkeleton.cjs");
-const Line = require("./Line.cjs");
-const stylesVariants_css = require("./stylesVariants.css.cjs");
-const Block = ({
-  length = 3
-}) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: stylesVariants_css.blockSkeletonList, children: Array.from({
-  length
-}, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("li", { className: stylesVariants_css.blockSkeletonLine, children: [
-  /* @__PURE__ */ jsxRuntime.jsx(IconSkeleton.IconSkeleton, {}),
-  /* @__PURE__ */ jsxRuntime.jsx(Line.Line, {})
-] }) }, `skeleton-block-${i}`)) });
-exports.Block = Block;

package/dist/components/Skeleton/Blocks.cjs

@@ -1,20 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const IconSkeleton = require("./IconSkeleton.cjs");
-const Line = require("./Line.cjs");
-const stylesVariants_css = require("./stylesVariants.css.cjs");
-const Blocks = ({
-  col = 4,
-  length = 8
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: stylesVariants_css.blocksContainer, style: dynamic.assignInlineVars({
-  [stylesVariants_css.columns]: col.toString()
-}), children: Array.from({
-  length
-}, (_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: stylesVariants_css.blocksSkeleton, children: [
-  /* @__PURE__ */ jsxRuntime.jsx(IconSkeleton.IconSkeleton, {}),
-  /* @__PURE__ */ jsxRuntime.jsx(Line.Line, {})
-] }, `skeleton-blocks-${i}`)) });
-exports.Blocks = Blocks;

package/dist/components/Skeleton/BoxWithIcon.cjs

@@ -1,20 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const IconSkeleton = require("./IconSkeleton.cjs");
-const Line = require("./Line.cjs");
-const stylesVariants_css = require("./stylesVariants.css.cjs");
-const BoxWithIcon = ({
-  col = 4,
-  length = 8
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: stylesVariants_css.blocksContainer, style: dynamic.assignInlineVars({
-  [stylesVariants_css.columns]: col.toString()
-}), children: Array.from({
-  length
-}, (_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: stylesVariants_css.boxWithIconSkeleton, children: [
-  /* @__PURE__ */ jsxRuntime.jsx(IconSkeleton.IconSkeleton, {}),
-  /* @__PURE__ */ jsxRuntime.jsx(Line.Line, {})
-] }, `skeleton-box-${i}`)) });
-exports.BoxWithIcon = BoxWithIcon;

package/dist/components/Skeleton/Donut.cjs

@@ -1,16 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Line = require("./Line.cjs");
-const stylesVariants_css = require("./stylesVariants.css.cjs");
-const Donut = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: stylesVariants_css.donutSkeletonContainer, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("svg", { className: stylesVariants_css.donutSkeletonSvg, children: /* @__PURE__ */ jsxRuntime.jsx("circle", { className: stylesVariants_css.donutSkeletonCircle, cx: `${stylesVariants_css.CIRCLE_SIZE / 2}rem`, cy: `${stylesVariants_css.CIRCLE_SIZE / 2}rem`, r: "90" }) }),
-  /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: stylesVariants_css.donutSkeletonLineList, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Line.Line, {}) }),
-    /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Line.Line, {}) }),
-    /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Line.Line, {}) }),
-    /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Line.Line, {}) })
-  ] })
-] });
-exports.Donut = Donut;

package/dist/components/Skeleton/IconSkeleton.cjs

@@ -1,7 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const stylesVariants_css = require("./stylesVariants.css.cjs");
-const IconSkeleton = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: stylesVariants_css.iconSkeleton });
-exports.IconSkeleton = IconSkeleton;

package/dist/components/Skeleton/Line.cjs

@@ -1,12 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const stylesVariants_css = require("./stylesVariants.css.cjs");
-const sizes = ["5rem", "7.5rem", "10rem", "12.5rem"];
-const randomSize = () => sizes[Math.floor(Math.random() * sizes.length)];
-const Line = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: stylesVariants_css.lineSkeleton, style: dynamic.assignInlineVars({
-  [stylesVariants_css.widthLine]: randomSize()
-}) });
-exports.Line = Line;

package/dist/components/Skeleton/List.cjs

@@ -1,18 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Line = require("./Line.cjs");
-const stylesVariants_css = require("./stylesVariants.css.cjs");
-const Item = ({
-  col = 3
-}) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: stylesVariants_css.listSkeletonLi, children: Array.from({
-  length: col
-}, (_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: stylesVariants_css.listSkeletonDiv, children: /* @__PURE__ */ jsxRuntime.jsx(Line.Line, {}) }, `skeleton-list-col-${i}`)) });
-const List = ({
-  length = 3,
-  col = 3
-}) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: stylesVariants_css.listSkeletonUl, children: Array.from({
-  length
-}, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(Item, { col }, `skeleton-list-${i}`)) });
-exports.List = List;

package/dist/components/Skeleton/Slider.cjs

@@ -1,14 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const stylesVariants_css = require("./stylesVariants.css.cjs");
-const Slider = ({
-  length = 4
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: stylesVariants_css.sliderSkeletonContainer, style: dynamic.assignInlineVars({
-  [stylesVariants_css.sliderLength]: length.toString()
-}), children: Array.from({
-  length
-}, (_, 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/Square.cjs

@@ -1,7 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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/index.cjs

@@ -1,39 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Block = require("./Block.cjs");
-const Blocks = require("./Blocks.cjs");
-const BoxWithIcon = require("./BoxWithIcon.cjs");
-const Donut = require("./Donut.cjs");
-const Line = require("./Line.cjs");
-const List = require("./List.cjs");
-const Slider = require("./Slider.cjs");
-const Square = require("./Square.cjs");
-const styles_css = require("./styles.css.cjs");
-const variants = {
-  block: Block.Block,
-  blocks: Blocks.Blocks,
-  box: BoxWithIcon.BoxWithIcon,
-  donut: Donut.Donut,
-  line: Line.Line,
-  list: List.List,
-  slider: Slider.Slider,
-  square: Square.Square
-};
-const Skeleton = ({
-  variant = "blocks",
-  length,
-  col,
-  className,
-  "aria-label": ariaLabel,
-  "data-testid": dataTestId,
-  style
-}) => {
-  const Component = variants[variant];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-busy": true, "aria-label": ariaLabel, "aria-live": "polite", className: `${className ? `${className} ` : ""}${styles_css.skeletonContainer}`, "data-testid": dataTestId, style, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Component, { col, length }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.skeletonHighlight })
-  ] });
-};
-exports.Skeleton = Skeleton;

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

@@ -1,7 +0,0 @@
-"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/stylesVariants.css.cjs

@@ -1,47 +0,0 @@
-"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;