@pittorica/radio-react 0.22.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Davide Di Criscito
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,24 @@
+# @pittorica/radio-react
+
+The `Radio` component.
+
+## Installation
+
+```bash
+npm install @pittorica/radio-react
+```
+
+## Usage
+
+```jsx
+import { Radio } from '@pittorica/radio-react';
+// TODO: Add usage example
+```
+
+## License
+
+This project is licensed under the MIT License.
+
+**Copyright (c) 2025 Davide Di Criscito**
+
+For the full details, see the [LICENSE](LICENSE) file.

package/dist/Radio.d.ts

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

package/dist/Radio.d.ts.map

@@ -0,0 +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"}

package/dist/Radio.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Radio } from './Radio.js';
+declare const meta: Meta<typeof Radio>;
+export default meta;
+export declare const Basic: StoryObj<typeof Radio>;
+export declare const Colors: StoryObj<typeof Radio>;
+export declare const States: StoryObj<typeof Radio>;
+//# sourceMappingURL=Radio.stories.d.ts.map

package/dist/Radio.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.stories.d.ts","sourceRoot":"","sources":["../src/Radio.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAI5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,KAAK,CAYxC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,KAAK,CASzC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,KAAK,CAiBzC,CAAC"}

package/dist/Radio.test.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @vitest-environment jsdom
+ */
+import '@testing-library/jest-dom';
+//# sourceMappingURL=Radio.test.d.ts.map

package/dist/Radio.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.test.d.ts","sourceRoot":"","sources":["../src/Radio.test.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,2BAA2B,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export type { RadioProps } from './Radio.js';
+export { Radio } from './Radio.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,190 @@
+import { jsx as h } from "react/jsx-runtime";
+import { forwardRef as z, createElement as v } from "react";
+function b(t) {
+  var e, i, r = "";
+  if (typeof t == "string" || typeof t == "number") r += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var a = t.length;
+    for (e = 0; e < a; e++) t[e] && (i = b(t[e])) && (r && (r += " "), r += i);
+  } else for (i in t) t[i] && (r && (r += " "), r += i);
+  return r;
+}
+function T() {
+  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;
+}
+/**
+ * @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.
+ */
+var I = {
+  outline: {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  },
+  filled: {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    stroke: "none"
+  }
+};
+/**
+ * @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 $ = (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(
+      "svg",
+      {
+        ref: f,
+        ...I[t],
+        width: n,
+        height: n,
+        className: ["tabler-icon", `tabler-icon-${e}`, c].join(" "),
+        ...t === "filled" ? {
+          fill: s
+        } : {
+          strokeWidth: l,
+          stroke: s
+        },
+        ...m
+      },
+      [
+        p && v("title", { key: "svg-title" }, p),
+        ...r.map(([g, u]) => v(g, u)),
+        ...Array.isArray(d) ? d : [d]
+      ]
+    )
+  );
+  return a.displayName = `${i}`, a;
+};
+/**
+ * @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 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);
+/**
+ * @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);
+function k(t) {
+  var e, i, r = "";
+  if (typeof t == "string" || typeof t == "number") r += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var a = t.length;
+    for (e = 0; e < a; e++) t[e] && (i = k(t[e])) && (r && (r += " "), r += i);
+  } else for (i in t) t[i] && (r && (r += " "), r += i);
+  return r;
+}
+function D() {
+  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;
+}
+const x = ({
+  ref: t,
+  as: e = "div",
+  children: i,
+  display: r,
+  m: a,
+  mt: s,
+  mr: n,
+  mb: l,
+  ml: p,
+  p: c,
+  pt: d,
+  pr: m,
+  pb: f,
+  pl: g,
+  width: u,
+  height: y,
+  position: w,
+  style: N,
+  className: A,
+  href: R,
+  target: j,
+  rel: B,
+  htmlFor: C,
+  type: F,
+  disabled: L,
+  ...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 _ = {
+    ...N,
+    ...o
+  };
+  return /* @__PURE__ */ h(
+    e,
+    {
+      ref: t,
+      className: D("pittorica-box", A),
+      style: _,
+      href: R,
+      target: j,
+      rel: B,
+      htmlFor: C,
+      type: F,
+      disabled: L,
+      ...W,
+      children: i
+    }
+  );
+};
+x.displayName = "Box";
+const G = ({
+  checked: t,
+  disabled: e,
+  color: i = "indigo",
+  className: r,
+  style: a,
+  onCheckedChange: s,
+  ref: n,
+  ...l
+}) => {
+  const c = i !== "inherit" && !(i != null && i.startsWith("#")) && !(i != null && i.startsWith("rgb")) ? `var(--pittorica-${i}-9)` : i;
+  return /* @__PURE__ */ h(
+    x,
+    {
+      ...l,
+      as: "button",
+      type: "button",
+      role: "radio",
+      "aria-checked": t,
+      "data-state": t ? "checked" : "unchecked",
+      disabled: e,
+      className: T("pittorica-radio-root", r),
+      onClick: () => !e && (s == null ? void 0 : s(!t)),
+      ref: n,
+      style: {
+        "--pittorica-source-color": c,
+        ...a
+      },
+      children: t ? /* @__PURE__ */ h(E, { size: 14 }) : /* @__PURE__ */ h(S, { size: 14, opacity: 0.5 })
+    }
+  );
+};
+G.displayName = "Radio";
+export {
+  G as Radio
+};

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@pittorica/radio-react",
+  "version": "0.22.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@tabler/icons-react": "^3.36.1",
+    "clsx": "^2.1.1",
+    "@pittorica/box-react": "0.22.0",
+    "@pittorica/text-react": "0.22.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^14.0.0",
+    "@types/react": "^19.2.3",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^4.0.0",
+    "jsdom": "^22.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vitest": "^2.1.9",
+    "@pittorica/theme-react": "0.22.0",
+    "@pittorica/flex-react": "0.22.0",
+    "pittorica": "0.22.0"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "scripts": {
+    "build": "npm run clean && npm run build:js && npm run build:types",
+    "build:js": "vite build",
+    "build:types": "tsc -p tsconfig.json",
+    "clean": "rm -rf dist",
+    "dev": "vite",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}