@pittorica/tabs-react 0.23.1 → 0.23.2

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsx as f } from "react/jsx-runtime";
-import { createContext as K, useRef as q, useState as E, useMemo as F, use as W } from "react";
+import { createContext as q, useRef as E, useState as F, useMemo as W, use as H } from "react";
 function w(t) {
   var a, r, e = "";
   if (typeof t == "string" || typeof t == "number") e += t;
@@ -22,7 +22,7 @@ function A(t) {
   } else for (r in t) t[r] && (e && (e += " "), e += r);
   return e;
 }
-function H() {
+function M() {
   for (var t, a, r = 0, e = "", n = arguments.length; r < n; r++) (t = arguments[r]) && (a = A(t)) && (e && (e += " "), e += a);
   return e;
 }
@@ -38,25 +38,26 @@ const m = ({
   ml: s,
   p: u,
   pt: c,
-  pr: g,
-  pb: b,
+  pr: b,
+  pb: g,
   pl: d,
   width: y,
   height: x,
   position: T,
   style: C,
   className: R,
-  href: k,
-  target: N,
+  href: N,
+  target: k,
   rel: L,
   htmlFor: D,
   type: S,
-  disabled: j,
-  ...B
+  name: j,
+  disabled: B,
+  ...I
 }) => {
   const i = {};
-  e && (i.display = e), y && (i.width = y), x && (i.height = x), T && (i.position = T), n && (i.margin = `var(--pittorica-space-${n})`), l && (i.marginTop = `var(--pittorica-space-${l})`), p && (i.marginRight = `var(--pittorica-space-${p})`), o && (i.marginBottom = `var(--pittorica-space-${o})`), s && (i.marginLeft = `var(--pittorica-space-${s})`), u && (i.padding = `var(--pittorica-space-${u})`), c && (i.paddingTop = `var(--pittorica-space-${c})`), g && (i.paddingRight = `var(--pittorica-space-${g})`), b && (i.paddingBottom = `var(--pittorica-space-${b})`), d && (i.paddingLeft = `var(--pittorica-space-${d})`);
-  const I = {
+  e && (i.display = e), y && (i.width = y), x && (i.height = x), T && (i.position = T), n && (i.margin = `var(--pittorica-space-${n})`), l && (i.marginTop = `var(--pittorica-space-${l})`), p && (i.marginRight = `var(--pittorica-space-${p})`), o && (i.marginBottom = `var(--pittorica-space-${o})`), s && (i.marginLeft = `var(--pittorica-space-${s})`), u && (i.padding = `var(--pittorica-space-${u})`), c && (i.paddingTop = `var(--pittorica-space-${c})`), b && (i.paddingRight = `var(--pittorica-space-${b})`), g && (i.paddingBottom = `var(--pittorica-space-${g})`), d && (i.paddingLeft = `var(--pittorica-space-${d})`);
+  const K = {
     ...C,
     ...i
   };
@@ -64,26 +65,27 @@ const m = ({
     a,
     {
       ref: t,
-      className: H("pittorica-box", R),
-      style: I,
-      href: k,
-      target: N,
+      className: M("pittorica-box", R),
+      style: K,
+      href: N,
+      target: k,
       rel: L,
       htmlFor: D,
       type: S,
-      disabled: j,
-      ...B,
+      name: j,
+      disabled: B,
+      ...I,
       children: r
     }
   );
 };
 m.displayName = "Box";
-const $ = K(null), v = () => {
-  const t = W($);
+const $ = q(null), v = () => {
+  const t = H($);
   if (!t)
     throw new Error("Tabs components must be wrapped in <Tabs.Root />");
   return t;
-}, M = ({
+}, O = ({
   children: t,
   defaultValue: a,
   value: r,
@@ -92,30 +94,30 @@ const $ = K(null), v = () => {
   className: l,
   ...p
 }) => {
-  const [o, s] = E(a), u = r !== void 0, c = u ? r : o, g = (d) => {
+  const [o, s] = F(a), u = r !== void 0, c = u ? r : o, b = (d) => {
     u || s(d), e == null || e(d);
-  }, b = F(
+  }, g = W(
     () => ({
       value: c,
-      onValueChange: g,
+      onValueChange: b,
       color: n
     }),
     [c, n]
   );
-  return /* @__PURE__ */ f($, { value: b, children: /* @__PURE__ */ f(m, { ...p, className: h("pittorica-tabs-root", l), children: t }) });
-}, O = ({ children: t, className: a, ...r }) => {
-  const e = q(null), { onValueChange: n } = v();
+  return /* @__PURE__ */ f($, { value: g, children: /* @__PURE__ */ f(m, { ...p, className: h("pittorica-tabs-root", l), children: t }) });
+}, U = ({ children: t, className: a, ...r }) => {
+  const e = E(null), { onValueChange: n } = v();
   return /* @__PURE__ */ f(
     m,
     {
       ref: e,
       role: "tablist",
       onKeyDown: (p) => {
-        var g;
+        var b;
         const o = p.target;
         if (o.getAttribute("role") !== "tab") return;
         const s = [
-          ...((g = e.current) == null ? void 0 : g.querySelectorAll('[role="tab"]')) || []
+          ...((b = e.current) == null ? void 0 : b.querySelectorAll('[role="tab"]')) || []
         ], u = s.indexOf(o);
         let c = null;
         switch (p.key) {
@@ -138,9 +140,9 @@ const $ = K(null), v = () => {
         }
         if (c !== null) {
           p.preventDefault();
-          const b = s[c];
-          b.focus();
-          const d = b.dataset.value;
+          const g = s[c];
+          g.focus();
+          const d = g.dataset.value;
           d && n(d);
         }
       },
@@ -149,7 +151,7 @@ const $ = K(null), v = () => {
       children: t
     }
   );
-}, U = ({
+}, V = ({
   value: t,
   children: a,
   className: r,
@@ -177,7 +179,7 @@ const $ = K(null), v = () => {
       children: a
     }
   );
-}, V = ({
+}, z = ({
   value: t,
   children: a,
   className: r,
@@ -195,12 +197,12 @@ const $ = K(null), v = () => {
       children: l ? a : null
     }
   );
-}, J = {
-  Root: M,
-  List: O,
-  Trigger: U,
-  Content: V
+}, P = {
+  Root: O,
+  List: U,
+  Trigger: V,
+  Content: z
 };
 export {
-  J as Tabs
+  P as Tabs
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pittorica/tabs-react",
-  "version": "0.23.1",
+  "version": "0.23.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -10,8 +10,8 @@
   ],
   "dependencies": {
     "clsx": "^2.1.1",
-    "@pittorica/box-react": "0.23.1",
-    "@pittorica/text-react": "0.23.1"
+    "@pittorica/box-react": "0.23.2",
+    "@pittorica/text-react": "0.23.2"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -23,8 +23,8 @@
     "typescript": "^5.0.0",
     "vite": "^5.0.0",
     "vitest": "^2.1.9",
-    "pittorica": "0.23.1",
-    "@pittorica/theme-react": "0.23.1"
+    "@pittorica/theme-react": "0.23.2",
+    "pittorica": "0.23.2"
   },
   "peerDependencies": {
     "react": ">=19",