asma-ui-core 3.45.1 → 3.45.2

package/dist/components/navigation/tabs/StyledTabs.js

@@ -1,22 +1,22 @@
 import { cn as n } from "../../../helpers/cn.js";
-import { resolveSx as T } from "../../../helpers/sx.js";
-import { ChevronRightIcon as H } from "../../icons/chevron-right-icon/ChevronRightIcon.js";
-import { ChevronLeftIcon as K } from "../../icons/chevron-left-icon/ChevronLeftIcon.js";
-import { consumerOverrides as M } from "../../../helpers/classOverride.js";
-import { TabsContext as V } from "./TabsContext.js";
-import { Children as _, cloneElement as q, isValidElement as z, useCallback as u, useLayoutEffect as F, useMemo as G, useRef as R, useState as E } from "react";
-import { jsx as l, jsxs as A } from "react/jsx-runtime";
-var I = 120, te = ({ value: i, onChange: m, variant: g = "standard", scrollButtons: w = "auto", centered: j, size: b = "default", className: x, sx: N, children: y }) => {
-  const a = R(null), d = R(/* @__PURE__ */ new Map()), [h, O] = E({
+import { resolveSx as M } from "../../../helpers/sx.js";
+import { ChevronRightIcon as V } from "../../icons/chevron-right-icon/ChevronRightIcon.js";
+import { ChevronLeftIcon as _ } from "../../icons/chevron-left-icon/ChevronLeftIcon.js";
+import { consumerOverrides as q } from "../../../helpers/classOverride.js";
+import { TabsContext as z } from "./TabsContext.js";
+import { Children as F, cloneElement as G, isValidElement as J, useCallback as u, useLayoutEffect as Q, useMemo as U, useRef as E, useState as A } from "react";
+import { jsx as l, jsxs as B } from "react/jsx-runtime";
+var I = 120, le = ({ value: i, onChange: m, variant: g = "standard", scrollButtons: w = "auto", centered: j, size: b = "default", className: x, sx: N, children: y }) => {
+  const a = E(null), d = E(/* @__PURE__ */ new Map()), [h, O] = A({
     left: 0,
     width: 0,
     disabled: !1
-  }), [c, W] = E({
+  }), [c, W] = A({
     left: !1,
     right: !1
   }), p = g === "scrollable", v = u((e, t) => {
     t ? d.current.set(e, t) : d.current.delete(e);
-  }, []), k = u((e, t) => m?.(e, t), [m]), f = u(() => {
+  }, []), S = u((e, t) => m?.(e, t), [m]), f = u(() => {
     const e = d.current.get(i), t = a.current;
     if (e && O({
       left: e.offsetLeft,
@@ -30,19 +30,19 @@ var I = 120, te = ({ value: i, onChange: m, variant: g = "standard", scrollButto
       });
     }
   }, [i]);
-  F(() => {
+  Q(() => {
     f();
     const e = a.current;
     if (!e) return;
     const t = new ResizeObserver(f);
     return t.observe(e), () => t.disconnect();
   }, [f, y]);
-  const S = (e) => {
+  const k = (e) => {
     a.current?.scrollBy({
       left: e,
       behavior: "smooth"
     });
-  }, B = (e) => {
+  }, D = (e) => {
     if (![
       "ArrowRight",
       "ArrowLeft",
@@ -55,42 +55,42 @@ var I = 120, te = ({ value: i, onChange: m, variant: g = "standard", scrollButto
     const o = t.findIndex((s) => s === document.activeElement);
     let r = o;
     e.key === "ArrowRight" ? r = (o + 1) % t.length : e.key === "ArrowLeft" ? r = (o - 1 + t.length) % t.length : e.key === "Home" ? r = 0 : e.key === "End" && (r = t.length - 1), t[r]?.focus();
-  }, C = p && w !== !1 && (w === !0 || c.left || c.right), D = M(x, "padding-x"), P = G(() => ({
+  }, L = p && w !== !1, R = w === !0, P = L && (R || c.left), T = L && (R || c.right), H = q(x, "padding-x"), K = U(() => ({
     value: i,
     size: b,
-    onSelect: k,
+    onSelect: S,
     register: v
   }), [
     i,
     b,
-    k,
+    S,
     v
-  ]), L = "flex h-10 w-10 shrink-0 items-center justify-center self-center rounded-[10%] border border-solid border-delta-500 text-delta-700 transition-colors hover:bg-gama-50 disabled:invisible";
-  return /* @__PURE__ */ l(V.Provider, {
-    value: P,
-    children: /* @__PURE__ */ A("div", {
-      className: n("relative flex items-center rounded-t-lg bg-white", !D && "px-4", x),
-      style: T(N),
+  ]), C = "flex h-10 w-10 shrink-0 items-center justify-center self-center rounded-[10%] border border-solid border-delta-500 text-delta-700 transition-colors hover:bg-gama-50 disabled:invisible";
+  return /* @__PURE__ */ l(z.Provider, {
+    value: K,
+    children: /* @__PURE__ */ B("div", {
+      className: n("relative flex items-center rounded-t-lg bg-white", !H && "px-4", x),
+      style: M(N),
       children: [
-        C && /* @__PURE__ */ l("button", {
+        P && /* @__PURE__ */ l("button", {
           type: "button",
           "aria-label": "scroll tabs left",
-          className: n(L, "mr-2"),
+          className: n(C, "mr-2"),
           disabled: !c.left,
-          onClick: () => S(-I),
-          children: /* @__PURE__ */ l(K, {
+          onClick: () => k(-I),
+          children: /* @__PURE__ */ l(_, {
             width: 24,
             height: 24
           })
         }),
-        /* @__PURE__ */ A("div", {
+        /* @__PURE__ */ B("div", {
           ref: a,
           role: "tablist",
           "aria-orientation": "horizontal",
-          onKeyDown: B,
+          onKeyDown: D,
           onScroll: f,
           className: n("relative flex border-x-0 border-b border-t-0 border-solid border-delta-200 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", p ? "flex-1 overflow-x-auto" : "w-full", g === "fullWidth" && "[&>*]:flex-1", j && "justify-center", b === "small" && "min-h-9"),
-          children: [_.map(y, (e, t) => z(e) ? q(e, { index: t }) : e), /* @__PURE__ */ l("span", {
+          children: [F.map(y, (e, t) => J(e) ? G(e, { index: t }) : e), /* @__PURE__ */ l("span", {
             "aria-hidden": !0,
             className: n("absolute bottom-0 h-0.5 transition-all duration-300", h.disabled ? "bg-delta-300" : "bg-gama-500"),
             style: {
@@ -99,13 +99,13 @@ var I = 120, te = ({ value: i, onChange: m, variant: g = "standard", scrollButto
             }
           })]
         }),
-        C && /* @__PURE__ */ l("button", {
+        T && /* @__PURE__ */ l("button", {
           type: "button",
           "aria-label": "scroll tabs right",
-          className: n(L, "ml-2"),
+          className: n(C, "ml-2"),
           disabled: !c.right,
-          onClick: () => S(I),
-          children: /* @__PURE__ */ l(H, {
+          onClick: () => k(I),
+          children: /* @__PURE__ */ l(V, {
             width: 24,
             height: 24
           })
@@ -115,5 +115,5 @@ var I = 120, te = ({ value: i, onChange: m, variant: g = "standard", scrollButto
   });
 };
 export {
-  te as StyledTabs
+  le as StyledTabs
 };

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.45.1",
+    "version": "3.45.2",
     "type": "module",
     "sideEffects": [
         "**/*.css",