@ultraviolet/ui 3.4.0 → 3.5.0

package/dist/components/SelectInput/components/selectBar.css.d.ts

@@ -4,23 +4,52 @@ export declare const selectbarState: Record<"large" | "small", string>;
 export declare const selectinputPlaceholder: string;
 export declare const selectBarBase: string;
 export declare const selectBar: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        true: {
+            background: `var(--${string})`;
+            borderColor: `var(--${string})`;
+            cursor: "not-allowed";
+            selectors: {
+                '&:hover': {
+                    borderColor: `var(--${string})`;
+                };
+            };
+        };
+    };
+    dropdownVisible: {
+        true: {
+            borderColor: `var(--${string})`;
+        };
+    };
+    readOnly: {
+        true: {
+            background: `var(--${string})`;
+            borderColor: `var(--${string})`;
+            cursor: "default";
+            selectors: {
+                '&:hover': {
+                    borderColor: `var(--${string})`;
+                };
+            };
+        };
+    };
     size: {
-        small: {
+        large: {
             height: `var(--${string})`;
-            padding: number;
             paddingInline: `var(--${string})`;
         };
         medium: {
             height: `var(--${string})`;
             paddingInline: `var(--${string})`;
         };
-        large: {
+        small: {
             height: `var(--${string})`;
+            padding: number;
             paddingInline: `var(--${string})`;
         };
     };
     state: {
-        neutral: {
+        danger: {
             selectors: {
                 '&:not([data-disabled="true"])': {
                     border: string;
@@ -29,16 +58,16 @@ export declare const selectBar: import("@vanilla-extract/recipes").RuntimeFn<{
                     borderColor: `var(--${string})`;
                     boxShadow: string;
                 };
-                '&:not([data-disabled="true"]):not([data-readonly="true"]):hover': {
-                    borderColor: `var(--${string})`;
+                '&:not([data-disabled="true"]):not([data-readonly="true"]):focus-visible': {
                     outline: string;
                 };
-                '&:not([data-disabled="true"]):not([data-readonly="true"]):focus-visible': {
+                '&:not([data-disabled="true"]):not([data-readonly="true"]):hover': {
+                    borderColor: `var(--${string})`;
                     outline: string;
                 };
             };
         };
-        success: {
+        neutral: {
             selectors: {
                 '&:not([data-disabled="true"])': {
                     border: string;
@@ -47,16 +76,16 @@ export declare const selectBar: import("@vanilla-extract/recipes").RuntimeFn<{
                     borderColor: `var(--${string})`;
                     boxShadow: string;
                 };
-                '&:not([data-disabled="true"]):not([data-readonly="true"]):hover': {
-                    borderColor: `var(--${string})`;
+                '&:not([data-disabled="true"]):not([data-readonly="true"]):focus-visible': {
                     outline: string;
                 };
-                '&:not([data-disabled="true"]):not([data-readonly="true"]):focus-visible': {
+                '&:not([data-disabled="true"]):not([data-readonly="true"]):hover': {
+                    borderColor: `var(--${string})`;
                     outline: string;
                 };
             };
         };
-        danger: {
+        success: {
             selectors: {
                 '&:not([data-disabled="true"])': {
                     border: string;
@@ -65,41 +94,12 @@ export declare const selectBar: import("@vanilla-extract/recipes").RuntimeFn<{
                     borderColor: `var(--${string})`;
                     boxShadow: string;
                 };
-                '&:not([data-disabled="true"]):not([data-readonly="true"]):hover': {
-                    borderColor: `var(--${string})`;
-                    outline: string;
-                };
                 '&:not([data-disabled="true"]):not([data-readonly="true"]):focus-visible': {
                     outline: string;
                 };
-            };
-        };
-    };
-    dropdownVisible: {
-        true: {
-            borderColor: `var(--${string})`;
-        };
-    };
-    readOnly: {
-        true: {
-            background: `var(--${string})`;
-            borderColor: `var(--${string})`;
-            cursor: "default";
-            selectors: {
-                '&:hover': {
-                    borderColor: `var(--${string})`;
-                };
-            };
-        };
-    };
-    disabled: {
-        true: {
-            background: `var(--${string})`;
-            borderColor: `var(--${string})`;
-            cursor: "not-allowed";
-            selectors: {
-                '&:hover': {
+                '&:not([data-disabled="true"]):not([data-readonly="true"]):hover': {
                     borderColor: `var(--${string})`;
+                    outline: string;
                 };
             };
         };

package/dist/components/SelectInput/components/selectBar.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectBar.css.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/selectBar.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,oBAItB,CAAA;AACF,eAAO,MAAM,WAAW,oBAItB,CAAA;AAEF,eAAO,MAAM,cAAc,mCASzB,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAGjC,CAAA;AAgCF,eAAO,MAAM,aAAa,QAaxB,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;+BA9BT,MAAM;;;;;;;;;;;;;;;;;;+BAAN,MAAM;;;;;;;;;;;;;;;;;;+BAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2HjB,CAAA;AASF,eAAO,MAAM,aAAa,sCAMxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,OAAO,QAAsC,CAAA;AAE1D,eAAO,MAAM,gBAAgB,QAI3B,CAAA"}
+{"version":3,"file":"selectBar.css.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/selectBar.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,oBAItB,CAAA;AACF,eAAO,MAAM,WAAW,oBAItB,CAAA;AAEF,eAAO,MAAM,cAAc,mCASzB,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAGjC,CAAA;AAgCF,eAAO,MAAM,aAAa,QAaxB,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA9BT,MAAM;;;;;;;;;;;;;;;;;;+BAAN,MAAM;;;;;;;;;;;;;;;;;;+BAAN,MAAM;;;;;;;;;;;;EA2HjB,CAAA;AASF,eAAO,MAAM,aAAa,sCAMxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,OAAO,QAAsC,CAAA;AAE1D,eAAO,MAAM,gBAAgB,QAI3B,CAAA"}

package/dist/components/SelectInput/components/selectBar.css.js

@@ -2,9 +2,9 @@
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var maxWidthTag = "var(--uv_1ba7knd0)";
 var minWidthTag = "var(--uv_1ba7knd1)";
-var selectbarState = { small: "uv_1ba7knd2", large: "uv_1ba7knd3" };
+var selectbarState = { large: "uv_1ba7knd2", small: "uv_1ba7knd3" };
 var selectinputPlaceholder = "uv_1ba7knd4";
-var selectBar = createRuntimeFn({ defaultClassName: "uv_1ba7knd6 uv_1ba7knd5", variantClassNames: { size: { small: "uv_1ba7knd7", medium: "uv_1ba7knd8", large: "uv_1ba7knd9" }, state: { neutral: "uv_1ba7knda", success: "uv_1ba7kndb", danger: "uv_1ba7kndc" }, dropdownVisible: { true: "uv_1ba7kndd" }, readOnly: { true: "uv_1ba7knde" }, disabled: { true: "uv_1ba7kndf" } }, defaultVariants: { state: "neutral", size: "large", dropdownVisible: false, readOnly: false, disabled: false }, compoundVariants: [[{ dropdownVisible: true, state: "neutral" }, "uv_1ba7kndg"], [{ dropdownVisible: true, state: "success" }, "uv_1ba7kndh"], [{ dropdownVisible: true, state: "danger" }, "uv_1ba7kndi"]] });
+var selectBar = createRuntimeFn({ defaultClassName: "uv_1ba7knd6 uv_1ba7knd5", variantClassNames: { disabled: { true: "uv_1ba7knd7" }, dropdownVisible: { true: "uv_1ba7knd8" }, readOnly: { true: "uv_1ba7knd9" }, size: { large: "uv_1ba7knda", medium: "uv_1ba7kndb", small: "uv_1ba7kndc" }, state: { danger: "uv_1ba7kndd", neutral: "uv_1ba7knde", success: "uv_1ba7kndf" } }, defaultVariants: { disabled: false, dropdownVisible: false, readOnly: false, size: "large", state: "neutral" }, compoundVariants: [[{ dropdownVisible: true, state: "neutral" }, "uv_1ba7kndg"], [{ dropdownVisible: true, state: "success" }, "uv_1ba7kndh"], [{ dropdownVisible: true, state: "danger" }, "uv_1ba7kndi"]] });
 var selectBarTags = { hidden: "uv_1ba7kndk uv_1ba7kndj", visible: "uv_1ba7kndl uv_1ba7kndj" };
 var selectedValues = "uv_1ba7kndm";
 var plusTag = "uv_1ba7kndn";

package/dist/components/SelectInput/findOptionInOptions.js

@@ -1,9 +1,9 @@
 const findOptionInOptions = (options, optionValue) => {
   let flatOptions = [];
-  if (!Array.isArray(options)) {
-    flatOptions = Object.keys(options).flatMap((group) => options[group]);
-  } else {
+  if (Array.isArray(options)) {
     flatOptions = options;
+  } else {
+    flatOptions = Object.keys(options).flatMap((group) => options[group]);
   }
   return flatOptions.find((option) => option.value === optionValue);
 };

package/dist/components/SelectInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/SelectInput/index.js

@@ -128,7 +128,7 @@ const SelectInput = ({
                 ] })
               }
             ),
-            !error && !success && helper ? /* @__PURE__ */ jsx(
+            !(error || success) && helper ? /* @__PURE__ */ jsx(
               Text,
               {
                 as: "p",

package/dist/components/SelectableCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,WAAW,MAAM,4BAA4B,CAAA;AAIzD,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EAIjB,SAAS,EACV,MAAM,OAAO,CAAA;AASd,OAAO,KAAK,EAAE,SAAS,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAA;AAiB5E,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EACL,CAAC,CAAC,EACA,QAAQ,EACR,OAAO,GACR,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,UAAU,CAAC,KAAK,SAAS,CAAC,GACnE,SAAS,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CACA;IACE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,KAAK,CAAA;CACpB,GACD;IACE,WAAW,CAAC,EAAE,8BAA8B,CAC1C,MAAM,OAAO,WAAW,EACxB,aAAa,CACd,CAAA;IACD,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,CACJ,GACC,SAAS,CAAA;AAEX;;;GAGG;AACH,eAAO,MAAM,cAAc,gHA6Q1B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,WAAW,MAAM,4BAA4B,CAAA;AAIzD,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EAIjB,SAAS,EACV,MAAM,OAAO,CAAA;AASd,OAAO,KAAK,EAAE,SAAS,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAA;AAiB5E,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EACL,CAAC,CAAC,EACA,QAAQ,EACR,OAAO,GACR,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,UAAU,CAAC,KAAK,SAAS,CAAC,GACnE,SAAS,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CACA;IACE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,KAAK,CAAA;CACpB,GACD;IACE,WAAW,CAAC,EAAE,8BAA8B,CAC1C,MAAM,OAAO,WAAW,EACxB,aAAa,CACd,CAAA;IACD,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,CACJ,GACC,SAAS,CAAA;AAEX;;;GAGG;AACH,eAAO,MAAM,cAAc,gHAgR1B,CAAA"}

package/dist/components/SelectableCard/index.js

@@ -59,7 +59,10 @@ const SelectableCard = forwardRef(
         }).catch(() => null);
       }
     });
-    const ProductIconUsed = productIcon ? ProductIcon[`${productIcon.charAt(0).toUpperCase() + productIcon.slice(1)}ProductIcon`] : null;
+    const ProductIconUsed = productIcon ? (
+      // biome-ignore lint/performance/noDynamicNamespaceImportAccess: to fix
+      ProductIcon[`${productIcon.charAt(0).toUpperCase() + productIcon.slice(1)}ProductIcon`]
+    ) : null;
     const ParentContainer = useCallback(
       ({ children: subChildren }) => {
         if (tooltip) {
@@ -126,7 +129,7 @@ const SelectableCard = forwardRef(
             `label[for="${inputElement.id}"]`
           );
           const targetNode = event.target;
-          if (!inputElement.contains(targetNode) && !labelElement?.contains(targetNode)) {
+          if (!(inputElement.contains(targetNode) || labelElement?.contains(targetNode))) {
             inputElement.click();
           }
         }
@@ -136,7 +139,7 @@ const SelectableCard = forwardRef(
     return /* @__PURE__ */ jsx(ParentContainer, { children: /* @__PURE__ */ jsx(
       Stack,
       {
-        alignItems: "start",
+        alignItems: "flex-start",
         className: cn(
           className,
           containerSelectableCard({
@@ -159,8 +162,8 @@ const SelectableCard = forwardRef(
         role: "button",
         style: {
           ...assignInlineVars({
-            [inputDisplay]: !showTick ? "none" : "inline",
-            [labelDisplay]: !showTick && !label ? "none" : "inline",
+            [inputDisplay]: showTick ? "inline" : "none",
+            [labelDisplay]: showTick || label ? "inline" : "none",
             [widthSelectable]: label ? "100%" : "auto"
           }),
           ...style

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

@@ -1,6 +1,13 @@
 export declare const containerSelectableCard: import("@vanilla-extract/recipes").RuntimeFn<{
+    cursor: {
+        custom: {
+            cursor: "pointer";
+        };
+        default: {
+            cursor: "default";
+        };
+    };
     image: {
-        none: {};
         icon: {
             padding: `var(--${string})`;
             paddingRight: `var(--${string})`;
@@ -8,14 +15,7 @@ export declare const containerSelectableCard: import("@vanilla-extract/recipes")
         illustration: {
             padding: `var(--${string})`;
         };
-    };
-    cursor: {
-        default: {
-            cursor: "default";
-        };
-        custom: {
-            cursor: "pointer";
-        };
+        none: {};
     };
 }>;
 export declare const labelContainerSelectableCard: Record<"label" | "noLabel", string>;

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

@@ -1,8 +1,9 @@
-/* empty css                                 */
 /* empty css                                    */
+/* empty css                                 */
+/* empty css                             */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var containerSelectableCard = createRuntimeFn({ defaultClassName: "uv_475tnd0", variantClassNames: { image: { none: "uv_475tnd1", icon: "uv_475tnd2", illustration: "uv_475tnd3" }, cursor: { "default": "uv_475tnd4", custom: "uv_475tnd5" } }, defaultVariants: { image: "none", cursor: "custom" }, compoundVariants: [] });
+var containerSelectableCard = createRuntimeFn({ defaultClassName: "uv_475tnd0", variantClassNames: { cursor: { custom: "uv_475tnd1", "default": "uv_475tnd2" }, image: { icon: "uv_475tnd3", illustration: "uv_475tnd4", none: "uv_475tnd5" } }, defaultVariants: { cursor: "custom", image: "none" }, compoundVariants: [] });
 var labelContainerSelectableCard = { label: "uv_475tnd6", noLabel: "uv_475tnd7" };
 var divSelectableCard = "uv_475tnd8";
 var imageSelectableCard = "uv_475tnd9";

package/dist/components/SelectableCard/variables.css.js

@@ -1,4 +1,3 @@
-/* empty css                             */
 var inputDisplay = "var(--uv_18vc4d30)";
 var labelDisplay = "var(--uv_18vc4d31)";
 var widthSelectable = "var(--uv_18vc4d32)";

package/dist/components/Separator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAGrD,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,iBAAiB,CAAA;AAErB;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,6FAQvB,cAAc,4CAiCd,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAGrD,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,iBAAiB,CAAA;AAErB;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,6FAQvB,cAAc,4CAkCd,CAAA"}

package/dist/components/Separator/index.js

@@ -11,43 +11,45 @@ const Separator = ({
   "data-testid": dataTestId,
   children,
   style
-}) => children ? /* @__PURE__ */ jsxs(
-  "div",
-  {
-    "aria-orientation": direction,
-    className: cn(className, iconWraperSeparator({ direction, sentiment })),
-    "data-testid": dataTestId,
-    role: "separator",
-    style,
-    children: [
-      /* @__PURE__ */ jsx(
-        "hr",
-        {
-          className: hr({ direction, hasIcon: true, sentiment }),
-          style: assignInlineVars({
-            [thicknessSeparator]: `${thickness}px`
-          })
-        }
-      ),
-      children,
-      /* @__PURE__ */ jsx(
-        "hr",
-        {
-          className: hr({ direction, hasIcon: true, sentiment }),
-          style: assignInlineVars({
-            [thicknessSeparator]: `${thickness}px`
-          })
-        }
-      )
-    ]
-  }
+}) => children ? (
+  // biome-ignore  lint/a11y/useFocusableInteractive: to fix
+  /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-orientation": direction,
+      className: cn(className, iconWraperSeparator({ direction, sentiment })),
+      "data-testid": dataTestId,
+      role: "separator",
+      style,
+      children: [
+        /* @__PURE__ */ jsx(
+          "hr",
+          {
+            className: hr({ direction, hasIcon: true, sentiment }),
+            style: assignInlineVars({
+              [thicknessSeparator]: `${thickness}px`
+            })
+          }
+        ),
+        children,
+        /* @__PURE__ */ jsx(
+          "hr",
+          {
+            className: hr({ direction, hasIcon: true, sentiment }),
+            style: assignInlineVars({
+              [thicknessSeparator]: `${thickness}px`
+            })
+          }
+        )
+      ]
+    }
+  )
 ) : /* @__PURE__ */ jsx(
   "hr",
   {
     "aria-orientation": direction,
     className: cn(className, hr({ direction, sentiment })),
     "data-testid": dataTestId,
-    role: "separator",
     style: assignInlineVars({
       [thicknessSeparator]: `${thickness}px`
     })

package/dist/components/Skeleton/Block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Block.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK,GAAI,YAAgB;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,4CAWxD,CAAA"}
+{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Block.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK,GAAI,YAAgB;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,4CAYxD,CAAA"}

package/dist/components/Skeleton/Block.js

@@ -4,10 +4,13 @@ import { Fragment } from "react";
 import { IconSkeleton } from "./IconSkeleton.js";
 import { Line } from "./Line.js";
 import { blockSkeletonList, blockSkeletonLine } from "./stylesVariants.css.js";
-const Block = ({ length = 3 }) => /* @__PURE__ */ jsx("ul", { className: blockSkeletonList, children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("li", { className: blockSkeletonLine, children: [
-  /* @__PURE__ */ jsx(IconSkeleton, {}),
-  /* @__PURE__ */ jsx(Line, {})
-] }) }, `skeleton-block-${i}`)) });
+const Block = ({ length = 3 }) => /* @__PURE__ */ jsx("ul", { className: blockSkeletonList, children: Array.from({ length }, (_, i) => (
+  // biome-ignore lint/suspicious/noArrayIndexKey: to fix
+  /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("li", { className: blockSkeletonLine, children: [
+    /* @__PURE__ */ jsx(IconSkeleton, {}),
+    /* @__PURE__ */ jsx(Line, {})
+  ] }) }, `skeleton-block-${i}`)
+)) });
 export {
   Block
 };

package/dist/components/Skeleton/Blocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Blocks.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Blocks.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM,GAAI,kBAGpB;IACD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,4CAcA,CAAA"}
+{"version":3,"file":"Blocks.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Blocks.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM,GAAI,kBAGpB;IACD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,4CAeA,CAAA"}

package/dist/components/Skeleton/Blocks.js

@@ -14,10 +14,13 @@ const Blocks = ({
     style: assignInlineVars({
       [columns]: col.toString()
     }),
-    children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsxs("div", { className: blocksSkeleton, children: [
-      /* @__PURE__ */ jsx(IconSkeleton, {}),
-      /* @__PURE__ */ jsx(Line, {})
-    ] }, `skeleton-blocks-${i}`))
+    children: Array.from({ length }, (_, i) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: to fix
+      /* @__PURE__ */ jsxs("div", { className: blocksSkeleton, children: [
+        /* @__PURE__ */ jsx(IconSkeleton, {}),
+        /* @__PURE__ */ jsx(Line, {})
+      ] }, `skeleton-blocks-${i}`)
+    ))
   }
 );
 export {

package/dist/components/Skeleton/BoxWithIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BoxWithIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/BoxWithIcon.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,WAAW,GAAI,kBAGzB;IACD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,4CAcA,CAAA"}
+{"version":3,"file":"BoxWithIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/BoxWithIcon.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,WAAW,GAAI,kBAGzB;IACD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,4CAeA,CAAA"}

package/dist/components/Skeleton/BoxWithIcon.js

@@ -14,10 +14,13 @@ const BoxWithIcon = ({
     style: assignInlineVars({
       [columns]: col.toString()
     }),
-    children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsxs("div", { className: boxWithIconSkeleton, children: [
-      /* @__PURE__ */ jsx(IconSkeleton, {}),
-      /* @__PURE__ */ jsx(Line, {})
-    ] }, `skeleton-box-${i}`))
+    children: Array.from({ length }, (_, i) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: to fix
+      /* @__PURE__ */ jsxs("div", { className: boxWithIconSkeleton, children: [
+        /* @__PURE__ */ jsx(IconSkeleton, {}),
+        /* @__PURE__ */ jsx(Line, {})
+      ] }, `skeleton-box-${i}`)
+    ))
   }
 );
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/List.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,IAAI,GAAI,kBAGlB;IACD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,4CAMA,CAAA"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/List.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,IAAI,GAAI,kBAGlB;IACD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,4CAOA,CAAA"}

package/dist/components/Skeleton/List.js

@@ -2,11 +2,17 @@
 import { jsx } from "react/jsx-runtime";
 import { Line } from "./Line.js";
 import { listSkeletonUl, listSkeletonLi, listSkeletonDiv } from "./stylesVariants.css.js";
-const Item = ({ col = 3 }) => /* @__PURE__ */ jsx("li", { className: listSkeletonLi, children: Array.from({ length: col }, (_, i) => /* @__PURE__ */ jsx("div", { className: listSkeletonDiv, children: /* @__PURE__ */ jsx(Line, {}) }, `skeleton-list-col-${i}`)) });
+const Item = ({ col = 3 }) => /* @__PURE__ */ jsx("li", { className: listSkeletonLi, children: Array.from({ length: col }, (_, i) => (
+  // biome-ignore lint/suspicious/noArrayIndexKey: to fix
+  /* @__PURE__ */ jsx("div", { className: listSkeletonDiv, children: /* @__PURE__ */ jsx(Line, {}) }, `skeleton-list-col-${i}`)
+)) });
 const List = ({
   length = 3,
   col = 3
-}) => /* @__PURE__ */ jsx("ul", { className: listSkeletonUl, children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(Item, { col }, `skeleton-list-${i}`)) });
+}) => /* @__PURE__ */ jsx("ul", { className: listSkeletonUl, children: Array.from({ length }, (_, i) => (
+  // biome-ignore lint/suspicious/noArrayIndexKey: to fix
+  /* @__PURE__ */ jsx(Item, { col }, `skeleton-list-${i}`)
+)) });
 export {
   List
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Slider.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,MAAM,GAAI,YAAgB;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,4CAazD,CAAA"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Slider.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,MAAM,GAAI,YAAgB;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,4CAczD,CAAA"}

package/dist/components/Skeleton/Slider.js

@@ -9,7 +9,10 @@ const Slider = ({ length = 4 }) => /* @__PURE__ */ jsx(
     style: assignInlineVars({
       [sliderLength]: length.toString()
     }),
-    children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx("div", { className: sliderSkeletonCard, children: /* @__PURE__ */ jsx("div", { className: sliderSkeletonBanner }) }, `skeleton-slider-card-${i}`))
+    children: Array.from({ length }, (_, i) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: to fix
+      /* @__PURE__ */ jsx("div", { className: sliderSkeletonCard, children: /* @__PURE__ */ jsx("div", { className: sliderSkeletonBanner }) }, `skeleton-slider-card-${i}`)
+    ))
   }
 );
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAW1C,QAAA,MAAM,QAAQ;;cANP,CAAC;;;WACc,CAAC;cACb,CAAC;;;WAAF,CAAC;cAAiB,CAAC;;;;;cAIhB,CAAC;WACJ,CAAA;;;cAPE,CAAC;;;CAeF,CAAA;AAEV,KAAK,eAAe,GAAG,MAAM,OAAO,QAAQ,CAAA;AAE5C,KAAK,aAAa,GAAG;IACnB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,iGAQtB,aAAa,4CAiBf,CAAA;AAGD,eAAO,MAAM,aAAa,EAA4B,eAAe,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAW1C,QAAA,MAAM,QAAQ;;cANP,CAAC;;;WACc,CAAC;cACb,CAAC;;;WAAF,CAAC;cAAiB,CAAC;;;;;cAQ1B,CAAA;WACA,CAAD;;;cAXU,CAAC;;;CAeF,CAAA;AAEV,KAAK,eAAe,GAAG,MAAM,OAAO,QAAQ,CAAA;AAE5C,KAAK,aAAa,GAAG;IACnB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,iGAQtB,aAAa,4CAkBf,CAAA;AAGD,eAAO,MAAM,aAAa,EAA4B,eAAe,EAAE,CAAA"}

package/dist/components/Skeleton/index.js

@@ -30,20 +30,23 @@ const Skeleton = ({
   style
 }) => {
   const Component = variants[variant];
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "aria-busy": true,
-      "aria-label": ariaLabel,
-      "aria-live": "polite",
-      className: cn(className, skeletonContainer),
-      "data-testid": dataTestId,
-      style,
-      children: [
-        /* @__PURE__ */ jsx(Component, { col, length }),
-        /* @__PURE__ */ jsx("div", { className: skeletonHighlight })
-      ]
-    }
+  return (
+    // biome-ignore lint/a11y/useAriaPropsSupportedByRole: to fix
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "aria-busy": true,
+        "aria-label": ariaLabel,
+        "aria-live": "polite",
+        className: cn(className, skeletonContainer),
+        "data-testid": dataTestId,
+        style,
+        children: [
+          /* @__PURE__ */ jsx(Component, { col, length }),
+          /* @__PURE__ */ jsx("div", { className: skeletonHighlight })
+        ]
+      }
+    )
   );
 };
 export {

package/dist/components/Slider/components/DoubleSlider.js

@@ -124,7 +124,14 @@ const DoubleSlider = ({
       max,
       min,
       onBlur: (event) => {
-        if (!event.target.value) {
+        if (event.target.value) {
+          const newValue = Number.parseFloat(event.target.value);
+          if (side === "left") {
+            internalOnChangeRef([newValue, selectedIndexes[1]]);
+          } else if (side === "right") {
+            internalOnChangeRef([selectedIndexes[0], newValue]);
+          }
+        } else {
           if (side === "left") {
             const index = activeValue("left");
             if (index === 0) {
@@ -141,13 +148,6 @@ const DoubleSlider = ({
               internalOnChangeRef([selectedIndexes[0], max]);
             }
           }
-        } else {
-          const newValue = Number.parseFloat(event.target.value);
-          if (side === "left") {
-            internalOnChangeRef([newValue, selectedIndexes[1]]);
-          } else if (side === "right") {
-            internalOnChangeRef([selectedIndexes[0], newValue]);
-          }
         }
       },
       onChange: (newVal) => {
@@ -286,7 +286,7 @@ const DoubleSlider = ({
                       ref: refSlider,
                       step,
                       style: assignInlineVars({
-                        [leftVar]: `calc(${(selectedIndexes[0] - min) * 100 / (max - min)}% - ${THUMB_SIZE / 2}px`,
+                        [leftVar]: `calc(${(selectedIndexes[0] - min) * 100 / (max - min)}% - ${THUMB_SIZE / 2}px)`,
                         [thumbColor]: theme.theme === "light" ? theme.colors.neutral.background : theme.colors.neutral.backgroundStronger
                       }),
                       type: "range",
@@ -333,7 +333,7 @@ const DoubleSlider = ({
                       onFocus,
                       step,
                       style: assignInlineVars({
-                        [leftVar]: `calc(${((selectedIndexes[1] ?? 0) - min) * 100 / (max - min)}% - ${THUMB_SIZE / 2}px`,
+                        [leftVar]: `calc(${((selectedIndexes[1] ?? 0) - min) * 100 / (max - min)}% - ${THUMB_SIZE / 2}px)`,
                         [thumbColor]: theme.theme === "light" ? theme.colors.neutral.background : theme.colors.neutral.backgroundStronger
                       }),
                       type: "range",

package/dist/components/Slider/components/SingleSlider.js

@@ -178,7 +178,7 @@ const SingleSlider = ({
         ]
       }
     ) : null,
-    /* @__PURE__ */ jsx(Stack, { direction: "row", justifyContent: "end", children: direction === "column" && !label ? styledValue(valueToShow) : null }),
+    /* @__PURE__ */ jsx(Stack, { direction: "row", justifyContent: "flex-end", children: direction === "column" && !label ? styledValue(valueToShow) : null }),
     /* @__PURE__ */ jsxs(Stack, { direction: "column", gap: 1, justifyContent: "center", width: "100%", children: [
       /* @__PURE__ */ jsx(
         Tooltip,