@pittorica/radio-react 0.23.0 → 0.23.2

package/dist/Radio.d.ts

@@ -8,6 +8,7 @@ export interface RadioProps extends Omit<BoxProps, 'onChange'> {
     /** @default 'indigo' */
     color?: PittoricaColor;
     value?: string;
+    name?: string;
     onCheckedChange?: (checked: boolean) => void;
     ref?: Ref<HTMLButtonElement>;
 }
@@ -15,7 +16,7 @@ export interface RadioProps extends Omit<BoxProps, 'onChange'> {
  * Primitive Radio component.
  */
 export declare const Radio: {
-    ({ checked, disabled, color, className, style, onCheckedChange, ref, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
+    ({ checked, disabled, color, className, style, onCheckedChange, name, ref, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=Radio.d.ts.map

package/dist/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../src/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,GAAG,EAAa,MAAM,OAAO,CAAC;AAMhE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,KAAK;qFASf,UAAU;;CA+BZ,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../src/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,GAAG,EAAa,MAAM,OAAO,CAAC;AAMhE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,KAAK;2FAUf,UAAU;;CAgCZ,CAAC"}

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsx as h } from "react/jsx-runtime";
-import { forwardRef as z, createElement as v } from "react";
+import { forwardRef as I, createElement as v } from "react";
 function b(t) {
   var e, i, r = "";
   if (typeof t == "string" || typeof t == "number") r += t;
@@ -9,7 +9,7 @@ function b(t) {
   } else for (i in t) t[i] && (r && (r += " "), r += i);
   return r;
 }
-function T() {
+function M() {
   for (var t, e, i = 0, r = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (e = b(t)) && (r && (r += " "), r += e);
   return r;
 }
@@ -19,7 +19,7 @@ function T() {
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var I = {
+var S = {
   outline: {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -47,19 +47,19 @@ var I = {
  * See the LICENSE file in the root directory of this source tree.
  */
 const $ = (t, e, i, r) => {
-  const a = z(
-    ({ color: s = "currentColor", size: n = 24, stroke: l = 2, title: p, className: c, children: d, ...m }, f) => v(
+  const a = I(
+    ({ color: s = "currentColor", size: l = 24, stroke: c = 2, title: p, className: d, children: n, ...m }, f) => v(
       "svg",
       {
         ref: f,
-        ...I[t],
-        width: n,
-        height: n,
-        className: ["tabler-icon", `tabler-icon-${e}`, c].join(" "),
+        ...S[t],
+        width: l,
+        height: l,
+        className: ["tabler-icon", `tabler-icon-${e}`, d].join(" "),
         ...t === "filled" ? {
           fill: s
         } : {
-          strokeWidth: l,
+          strokeWidth: c,
           stroke: s
         },
         ...m
@@ -67,7 +67,7 @@ const $ = (t, e, i, r) => {
       [
         p && v("title", { key: "svg-title" }, p),
         ...r.map(([g, u]) => v(g, u)),
-        ...Array.isArray(d) ? d : [d]
+        ...Array.isArray(n) ? n : [n]
       ]
     )
   );
@@ -79,14 +79,14 @@ const $ = (t, e, i, r) => {
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const M = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", key: "svg-0" }]], S = $("outline", "circle", "Circle", M);
+const T = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", key: "svg-0" }]], q = $("outline", "circle", "Circle", T);
 /**
  * @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 q = [["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" }]], E = $("filled", "circle-check-filled", "CircleCheckFilled", q);
+const E = [["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", E);
 function k(t) {
   var e, i, r = "";
   if (typeof t == "string" || typeof t == "number") r += t;
@@ -96,7 +96,7 @@ function k(t) {
   } else for (i in t) t[i] && (r && (r += " "), r += i);
   return r;
 }
-function D() {
+function G() {
   for (var t, e, i = 0, r = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (e = k(t)) && (r && (r += " "), r += e);
   return r;
 }
@@ -107,11 +107,11 @@ const x = ({
   display: r,
   m: a,
   mt: s,
-  mr: n,
-  mb: l,
+  mr: l,
+  mb: c,
   ml: p,
-  p: c,
-  pt: d,
+  p: d,
+  pt: n,
   pr: m,
   pb: f,
   pl: g,
@@ -125,12 +125,13 @@ const x = ({
   rel: B,
   htmlFor: C,
   type: F,
-  disabled: L,
-  ...W
+  name: L,
+  disabled: W,
+  ..._
 }) => {
   const o = {};
-  r && (o.display = r), u && (o.width = u), y && (o.height = y), w && (o.position = w), a && (o.margin = `var(--pittorica-space-${a})`), s && (o.marginTop = `var(--pittorica-space-${s})`), n && (o.marginRight = `var(--pittorica-space-${n})`), l && (o.marginBottom = `var(--pittorica-space-${l})`), p && (o.marginLeft = `var(--pittorica-space-${p})`), c && (o.padding = `var(--pittorica-space-${c})`), d && (o.paddingTop = `var(--pittorica-space-${d})`), m && (o.paddingRight = `var(--pittorica-space-${m})`), f && (o.paddingBottom = `var(--pittorica-space-${f})`), g && (o.paddingLeft = `var(--pittorica-space-${g})`);
-  const _ = {
+  r && (o.display = r), u && (o.width = u), y && (o.height = y), w && (o.position = w), a && (o.margin = `var(--pittorica-space-${a})`), s && (o.marginTop = `var(--pittorica-space-${s})`), l && (o.marginRight = `var(--pittorica-space-${l})`), c && (o.marginBottom = `var(--pittorica-space-${c})`), p && (o.marginLeft = `var(--pittorica-space-${p})`), d && (o.padding = `var(--pittorica-space-${d})`), n && (o.paddingTop = `var(--pittorica-space-${n})`), m && (o.paddingRight = `var(--pittorica-space-${m})`), f && (o.paddingBottom = `var(--pittorica-space-${f})`), g && (o.paddingLeft = `var(--pittorica-space-${g})`);
+  const z = {
     ...N,
     ...o
   };
@@ -138,53 +139,56 @@ const x = ({
     e,
     {
       ref: t,
-      className: D("pittorica-box", A),
-      style: _,
+      className: G("pittorica-box", A),
+      style: z,
       href: R,
       target: j,
       rel: B,
       htmlFor: C,
       type: F,
-      disabled: L,
-      ...W,
+      name: L,
+      disabled: W,
+      ..._,
       children: i
     }
   );
 };
 x.displayName = "Box";
-const G = ({
+const H = ({
   checked: t,
   disabled: e,
   color: i = "indigo",
   className: r,
   style: a,
   onCheckedChange: s,
-  ref: n,
-  ...l
+  name: l,
+  ref: c,
+  ...p
 }) => {
-  const c = i !== "inherit" && !(i != null && i.startsWith("#")) && !(i != null && i.startsWith("rgb")) ? `var(--pittorica-${i}-9)` : i;
+  const n = i !== "inherit" && !(i != null && i.startsWith("#")) && !(i != null && i.startsWith("rgb")) ? `var(--pittorica-${i}-9)` : i;
   return /* @__PURE__ */ h(
     x,
     {
-      ...l,
+      ...p,
       as: "button",
       type: "button",
       role: "radio",
+      name: l,
       "aria-checked": t,
       "data-state": t ? "checked" : "unchecked",
       disabled: e,
-      className: T("pittorica-radio-root", r),
+      className: M("pittorica-radio-root", r),
       onClick: () => !e && (s == null ? void 0 : s(!t)),
-      ref: n,
+      ref: c,
       style: {
-        "--pittorica-source-color": c,
+        "--pittorica-source-color": n,
         ...a
       },
-      children: t ? /* @__PURE__ */ h(E, { size: 14 }) : /* @__PURE__ */ h(S, { size: 14, opacity: 0.5 })
+      children: t ? /* @__PURE__ */ h(D, { size: 14 }) : /* @__PURE__ */ h(q, { size: 14, opacity: 0.5 })
     }
   );
 };
-G.displayName = "Radio";
+H.displayName = "Radio";
 export {
-  G as Radio
+  H as Radio
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pittorica/radio-react",
-  "version": "0.23.0",
+  "version": "0.23.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -11,8 +11,8 @@
   "dependencies": {
     "@tabler/icons-react": "^3.36.1",
     "clsx": "^2.1.1",
-    "@pittorica/box-react": "0.23.0",
-    "@pittorica/text-react": "0.23.0"
+    "@pittorica/box-react": "0.23.2",
+    "@pittorica/text-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/flex-react": "0.23.0",
-    "pittorica": "0.23.0",
-    "@pittorica/theme-react": "0.23.0"
+    "@pittorica/flex-react": "0.23.2",
+    "pittorica": "0.23.2",
+    "@pittorica/theme-react": "0.23.2"
   },
   "peerDependencies": {
     "react": ">=19",