@pittorica/radio-group-react 0.23.1 → 0.23.2

package/dist/RadioGroup.d.ts

@@ -10,11 +10,12 @@ export interface RadioGroupProps extends BoxProps {
     /** @default 'indigo' */
     color?: PittoricaColor;
     disabled?: boolean;
+    name?: string;
 }
 /**
  * RadioGroup orchestrates multiple Radio items.
  */
-export declare const RadioGroup: ({ children, value: controlledValue, defaultValue, onValueChange, color, disabled, className, ...props }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioGroup: ({ children, value: controlledValue, defaultValue, onValueChange, color, disabled, name, className, ...props }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
 export interface RadioGroupItemProps extends Omit<RadioProps, 'checked' | 'onCheckedChange'> {
     value: string;
 }

package/dist/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,GAAG,EAIT,MAAM,OAAO,CAAC;AAIf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkB5D,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,wBAAwB;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,yGASxB,eAAe,4CAgCjB,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,UAAU,EACV,SAAS,GAAG,iBAAiB,CAC9B;IACC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,6DAK5B,mBAAmB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,4CAqBxD,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,GAAG,EAIT,MAAM,OAAO,CAAC;AAIf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmB5D,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,wBAAwB;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,+GAUxB,eAAe,4CAiCjB,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,UAAU,EACV,SAAS,GAAG,iBAAiB,CAC9B;IACC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,6DAK5B,mBAAmB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,4CAwBxD,CAAC"}

package/dist/index.js

@@ -1,48 +1,48 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as q, createElement as j, createContext as I, useState as S, useMemo as U, use as _ } from "react";
-function G(r) {
-  var i, e, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (i = 0; i < o; i++) r[i] && (e = G(r[i])) && (t && (t += " "), t += e);
-  } else for (e in r) r[e] && (t && (t += " "), t += e);
-  return t;
+import { jsx as v } from "react/jsx-runtime";
+import { forwardRef as S, createElement as G, createContext as H, useState as I, useMemo as U, use as J } from "react";
+function z(e) {
+  var i, t, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var a = e.length;
+    for (i = 0; i < a; i++) e[i] && (t = z(e[i])) && (r && (r += " "), r += t);
+  } else for (t in e) e[t] && (r && (r += " "), r += t);
+  return r;
 }
-function H() {
-  for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = G(r)) && (t && (t += " "), t += i);
-  return t;
+function K() {
+  for (var e, i, t = 0, r = "", a = arguments.length; t < a; t++) (e = arguments[t]) && (i = z(e)) && (r && (r += " "), r += i);
+  return r;
 }
-function L(r) {
-  var i, e, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (i = 0; i < o; i++) r[i] && (e = L(r[i])) && (t && (t += " "), t += e);
-  } else for (e in r) r[e] && (t && (t += " "), t += e);
-  return t;
+function L(e) {
+  var i, t, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var a = e.length;
+    for (i = 0; i < a; i++) e[i] && (t = L(e[i])) && (r && (r += " "), r += t);
+  } else for (t in e) e[t] && (r && (r += " "), r += t);
+  return r;
 }
-function J() {
-  for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = L(r)) && (t && (t += " "), t += i);
-  return t;
+function O() {
+  for (var e, i, t = 0, r = "", a = arguments.length; t < a; t++) (e = arguments[t]) && (i = L(e)) && (r && (r += " "), r += i);
+  return r;
 }
-const T = ({
-  ref: r,
+const F = ({
+  ref: e,
   as: i = "div",
-  children: e,
-  display: t,
-  m: o,
+  children: t,
+  display: r,
+  m: a,
   mt: n,
   mr: s,
-  mb: c,
-  ml: l,
-  p: d,
-  pt: p,
+  mb: l,
+  ml: c,
+  p,
+  pt: d,
   pr: h,
-  pb: f,
-  pl: g,
-  width: u,
-  height: v,
+  pb: u,
+  pl: f,
+  width: g,
+  height: m,
   position: y,
   style: b,
   className: k,
@@ -51,45 +51,47 @@ const T = ({
   rel: x,
   htmlFor: C,
   type: N,
-  disabled: R,
-  ...A
+  name: R,
+  disabled: A,
+  ...B
 }) => {
-  const a = {};
-  t && (a.display = t), u && (a.width = u), v && (a.height = v), y && (a.position = y), o && (a.margin = `var(--pittorica-space-${o})`), n && (a.marginTop = `var(--pittorica-space-${n})`), s && (a.marginRight = `var(--pittorica-space-${s})`), c && (a.marginBottom = `var(--pittorica-space-${c})`), l && (a.marginLeft = `var(--pittorica-space-${l})`), d && (a.padding = `var(--pittorica-space-${d})`), p && (a.paddingTop = `var(--pittorica-space-${p})`), h && (a.paddingRight = `var(--pittorica-space-${h})`), f && (a.paddingBottom = `var(--pittorica-space-${f})`), g && (a.paddingLeft = `var(--pittorica-space-${g})`);
-  const B = {
+  const o = {};
+  r && (o.display = r), g && (o.width = g), m && (o.height = m), y && (o.position = y), a && (o.margin = `var(--pittorica-space-${a})`), n && (o.marginTop = `var(--pittorica-space-${n})`), s && (o.marginRight = `var(--pittorica-space-${s})`), l && (o.marginBottom = `var(--pittorica-space-${l})`), c && (o.marginLeft = `var(--pittorica-space-${c})`), p && (o.padding = `var(--pittorica-space-${p})`), d && (o.paddingTop = `var(--pittorica-space-${d})`), h && (o.paddingRight = `var(--pittorica-space-${h})`), u && (o.paddingBottom = `var(--pittorica-space-${u})`), f && (o.paddingLeft = `var(--pittorica-space-${f})`);
+  const j = {
     ...b,
-    ...a
+    ...o
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ v(
     i,
     {
-      ref: r,
-      className: J("pittorica-box", k),
-      style: B,
+      ref: e,
+      className: O("pittorica-box", k),
+      style: j,
       href: $,
       target: w,
       rel: x,
       htmlFor: C,
       type: N,
-      disabled: R,
-      ...A,
-      children: e
+      name: R,
+      disabled: A,
+      ...B,
+      children: t
     }
   );
 };
-T.displayName = "Box";
-function z(r) {
-  var i, e, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (i = 0; i < o; i++) r[i] && (e = z(r[i])) && (t && (t += " "), t += e);
-  } else for (e in r) r[e] && (t && (t += " "), t += e);
-  return t;
+F.displayName = "Box";
+function T(e) {
+  var i, t, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var a = e.length;
+    for (i = 0; i < a; i++) e[i] && (t = T(e[i])) && (r && (r += " "), r += t);
+  } else for (t in e) e[t] && (r && (r += " "), r += t);
+  return r;
 }
-function K() {
-  for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = z(r)) && (t && (t += " "), t += i);
-  return t;
+function P() {
+  for (var e, i, t = 0, r = "", a = arguments.length; t < a; t++) (e = arguments[t]) && (i = T(e)) && (r && (r += " "), r += i);
+  return r;
 }
 /**
  * @license @tabler/icons-react v3.36.1 - MIT
@@ -97,7 +99,7 @@ function K() {
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var O = {
+var Q = {
   outline: {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -124,32 +126,32 @@ var O = {
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const F = (r, i, e, t) => {
-  const o = q(
-    ({ color: n = "currentColor", size: s = 24, stroke: c = 2, title: l, className: d, children: p, ...h }, f) => j(
+const D = (e, i, t, r) => {
+  const a = S(
+    ({ color: n = "currentColor", size: s = 24, stroke: l = 2, title: c, className: p, children: d, ...h }, u) => G(
       "svg",
       {
-        ref: f,
-        ...O[r],
+        ref: u,
+        ...Q[e],
         width: s,
         height: s,
-        className: ["tabler-icon", `tabler-icon-${i}`, d].join(" "),
-        ...r === "filled" ? {
+        className: ["tabler-icon", `tabler-icon-${i}`, p].join(" "),
+        ...e === "filled" ? {
           fill: n
         } : {
-          strokeWidth: c,
+          strokeWidth: l,
           stroke: n
         },
         ...h
       },
       [
-        l && j("title", { key: "svg-title" }, l),
-        ...t.map(([g, u]) => j(g, u)),
-        ...Array.isArray(p) ? p : [p]
+        c && G("title", { key: "svg-title" }, c),
+        ...r.map(([f, g]) => G(f, g)),
+        ...Array.isArray(d) ? d : [d]
       ]
     )
   );
-  return o.displayName = `${e}`, o;
+  return a.displayName = `${t}`, a;
 };
 /**
  * @license @tabler/icons-react v3.36.1 - MIT
@@ -157,44 +159,44 @@ const F = (r, i, e, t) => {
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const P = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", key: "svg-0" }]], Q = F("outline", "circle", "Circle", P);
+const X = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", key: "svg-0" }]], Y = D("outline", "circle", "Circle", X);
 /**
  * @license @tabler/icons-react v3.36.1 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const V = [["path", { d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z", key: "svg-0" }]], X = F("filled", "circle-check-filled", "CircleCheckFilled", V);
-function D(r) {
-  var i, e, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (i = 0; i < o; i++) r[i] && (e = D(r[i])) && (t && (t += " "), t += e);
-  } else for (e in r) r[e] && (t && (t += " "), t += e);
-  return t;
+const Z = [["path", { d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z", key: "svg-0" }]], _ = D("filled", "circle-check-filled", "CircleCheckFilled", Z);
+function M(e) {
+  var i, t, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var a = e.length;
+    for (i = 0; i < a; i++) e[i] && (t = M(e[i])) && (r && (r += " "), r += t);
+  } else for (t in e) e[t] && (r && (r += " "), r += t);
+  return r;
 }
-function Y() {
-  for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = D(r)) && (t && (t += " "), t += i);
-  return t;
+function V() {
+  for (var e, i, t = 0, r = "", a = arguments.length; t < a; t++) (e = arguments[t]) && (i = M(e)) && (r && (r += " "), r += i);
+  return r;
 }
-const M = ({
-  ref: r,
+const W = ({
+  ref: e,
   as: i = "div",
-  children: e,
-  display: t,
-  m: o,
+  children: t,
+  display: r,
+  m: a,
   mt: n,
   mr: s,
-  mb: c,
-  ml: l,
-  p: d,
-  pt: p,
+  mb: l,
+  ml: c,
+  p,
+  pt: d,
   pr: h,
-  pb: f,
-  pl: g,
-  width: u,
-  height: v,
+  pb: u,
+  pl: f,
+  width: g,
+  height: m,
   position: y,
   style: b,
   className: k,
@@ -203,126 +205,135 @@ const M = ({
   rel: x,
   htmlFor: C,
   type: N,
-  disabled: R,
-  ...A
+  name: R,
+  disabled: A,
+  ...B
 }) => {
-  const a = {};
-  t && (a.display = t), u && (a.width = u), v && (a.height = v), y && (a.position = y), o && (a.margin = `var(--pittorica-space-${o})`), n && (a.marginTop = `var(--pittorica-space-${n})`), s && (a.marginRight = `var(--pittorica-space-${s})`), c && (a.marginBottom = `var(--pittorica-space-${c})`), l && (a.marginLeft = `var(--pittorica-space-${l})`), d && (a.padding = `var(--pittorica-space-${d})`), p && (a.paddingTop = `var(--pittorica-space-${p})`), h && (a.paddingRight = `var(--pittorica-space-${h})`), f && (a.paddingBottom = `var(--pittorica-space-${f})`), g && (a.paddingLeft = `var(--pittorica-space-${g})`);
-  const B = {
+  const o = {};
+  r && (o.display = r), g && (o.width = g), m && (o.height = m), y && (o.position = y), a && (o.margin = `var(--pittorica-space-${a})`), n && (o.marginTop = `var(--pittorica-space-${n})`), s && (o.marginRight = `var(--pittorica-space-${s})`), l && (o.marginBottom = `var(--pittorica-space-${l})`), c && (o.marginLeft = `var(--pittorica-space-${c})`), p && (o.padding = `var(--pittorica-space-${p})`), d && (o.paddingTop = `var(--pittorica-space-${d})`), h && (o.paddingRight = `var(--pittorica-space-${h})`), u && (o.paddingBottom = `var(--pittorica-space-${u})`), f && (o.paddingLeft = `var(--pittorica-space-${f})`);
+  const j = {
     ...b,
-    ...a
+    ...o
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ v(
     i,
     {
-      ref: r,
-      className: Y("pittorica-box", k),
-      style: B,
+      ref: e,
+      className: V("pittorica-box", k),
+      style: j,
       href: $,
       target: w,
       rel: x,
       htmlFor: C,
       type: N,
-      disabled: R,
-      ...A,
-      children: e
+      name: R,
+      disabled: A,
+      ...B,
+      children: t
     }
   );
 };
-M.displayName = "Box";
-const W = ({
-  checked: r,
+W.displayName = "Box";
+const E = ({
+  checked: e,
   disabled: i,
-  color: e = "indigo",
-  className: t,
-  style: o,
+  color: t = "indigo",
+  className: r,
+  style: a,
   onCheckedChange: n,
-  ref: s,
+  name: s,
+  ref: l,
   ...c
 }) => {
-  const l = e !== "inherit" && !(e != null && e.startsWith("#")) && !(e != null && e.startsWith("rgb")) ? `var(--pittorica-${e}-9)` : e;
-  return /* @__PURE__ */ m(
-    M,
+  const p = t !== "inherit" && !(t != null && t.startsWith("#")) && !(t != null && t.startsWith("rgb")) ? `var(--pittorica-${t}-9)` : t;
+  return /* @__PURE__ */ v(
+    W,
     {
       ...c,
       as: "button",
       type: "button",
       role: "radio",
-      "aria-checked": r,
-      "data-state": r ? "checked" : "unchecked",
+      name: s,
+      "aria-checked": e,
+      "data-state": e ? "checked" : "unchecked",
       disabled: i,
-      className: K("pittorica-radio-root", t),
-      onClick: () => !i && (n == null ? void 0 : n(!r)),
-      ref: s,
+      className: P("pittorica-radio-root", r),
+      onClick: () => !i && (n == null ? void 0 : n(!e)),
+      ref: l,
       style: {
-        "--pittorica-source-color": l,
-        ...o
+        "--pittorica-source-color": p,
+        ...a
       },
-      children: r ? /* @__PURE__ */ m(X, { size: 14 }) : /* @__PURE__ */ m(Q, { size: 14, opacity: 0.5 })
+      children: e ? /* @__PURE__ */ v(_, { size: 14 }) : /* @__PURE__ */ v(Y, { size: 14, opacity: 0.5 })
     }
   );
 };
-W.displayName = "Radio";
-const E = I(null), Z = () => {
-  const r = _(E);
-  if (!r)
+E.displayName = "Radio";
+const q = H(null), ee = () => {
+  const e = J(q);
+  if (!e)
     throw new Error("RadioGroup components must be wrapped in <RadioGroup />");
-  return r;
-}, er = ({
-  children: r,
+  return e;
+}, ie = ({
+  children: e,
   value: i,
-  defaultValue: e,
-  onValueChange: t,
-  color: o = "indigo",
+  defaultValue: t,
+  onValueChange: r,
+  color: a = "indigo",
   disabled: n,
-  className: s,
+  name: s,
+  className: l,
   ...c
 }) => {
-  const [l, d] = S(e), p = i !== void 0, h = p ? i : l, f = (u) => {
-    p || d(u), t == null || t(u);
+  const [p, d] = I(t), h = i !== void 0, u = h ? i : p, f = (m) => {
+    h || d(m), r == null || r(m);
   }, g = U(
     () => ({
-      value: h,
+      value: u,
       onValueChange: f,
-      color: o,
-      disabled: n
+      color: a,
+      disabled: n,
+      name: s
     }),
-    [h, o, n]
+    [u, a, n, s]
   );
-  return /* @__PURE__ */ m(E, { value: g, children: /* @__PURE__ */ m(
-    T,
+  return /* @__PURE__ */ v(q, { value: g, children: /* @__PURE__ */ v(
+    F,
     {
       ...c,
       role: "radiogroup",
-      className: H("pittorica-radio-group-root", s),
-      children: r
+      className: K("pittorica-radio-group-root", l),
+      children: e
     }
   ) });
-}, ir = ({
-  value: r,
+}, ae = ({
+  value: e,
   disabled: i,
-  ref: e,
-  ...t
+  ref: t,
+  ...r
 }) => {
   const {
-    value: o,
+    value: a,
     onValueChange: n,
     color: s,
-    disabled: c
-  } = Z();
-  return /* @__PURE__ */ m(
-    W,
+    disabled: l,
+    name: c
+  } = ee();
+  return /* @__PURE__ */ v(
+    E,
     {
-      ...t,
-      ref: e,
+      ...r,
+      name: c,
+      value: e,
+      ref: t,
       color: s,
-      checked: o === r,
-      disabled: c || i,
-      onCheckedChange: () => n(r)
+      checked: a === e,
+      disabled: l || i,
+      onCheckedChange: () => n(e)
     }
   );
 };
 export {
-  er as RadioGroup,
-  ir as RadioGroupItem
+  ie as RadioGroup,
+  ae as RadioGroupItem
 };

package/package.json

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