@pittorica/radio-card-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-card-react
+
+The `RadioCard` component.
+
+## Installation
+
+```bash
+npm install @pittorica/radio-card-react
+```
+
+## Usage
+
+```jsx
+import { RadioCard } from '@pittorica/radio-card-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/RadioCard.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode, type Ref } from 'react';
+import { type BoxProps } from '@pittorica/box-react';
+import type { PittoricaColor } from '@pittorica/text-react';
+export interface RadioCardRootProps extends BoxProps {
+    children: ReactNode;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** @default 'indigo' */
+    color?: PittoricaColor;
+    disabled?: boolean;
+    /** Number of columns. @default '1' */
+    columns?: string;
+}
+export interface RadioCardItemProps extends BoxProps {
+    value: string;
+    disabled?: boolean;
+}
+export declare const RadioCard: {
+    Root: {
+        ({ children, value: controlledValue, defaultValue, onValueChange, color, disabled, columns, className, style, ...props }: RadioCardRootProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ children, value: itemValue, disabled: itemDisabled, className, style, ref, ...props }: RadioCardItemProps & {
+            ref?: Ref<HTMLButtonElement>;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+//# sourceMappingURL=RadioCard.d.ts.map

package/dist/RadioCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioCard.d.ts","sourceRoot":"","sources":["../src/RadioCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,GAAG,EAKT,MAAM,OAAO,CAAC;AAIf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoB5D,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD,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,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAoDD,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAiDD,eAAO,MAAM,SAAS;;kIA3FnB,kBAAkB;;;;kGAoDlB,kBAAkB,GAAG;YAAE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;SAAE;;;CA0CvD,CAAC"}

package/dist/RadioCard.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { RadioCard } from './RadioCard.js';
+declare const meta: Meta<typeof RadioCard.Root>;
+export default meta;
+export declare const DeliveryOptions: StoryObj;
+export declare const PlanSelection: StoryObj;
+//# sourceMappingURL=RadioCard.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioCard.stories.d.ts","sourceRoot":"","sources":["../src/RadioCard.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAAC,IAAI,CAIrC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,eAAe,EAAE,QAkC7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAiC3B,CAAC"}

package/dist/RadioCard.test.d.ts

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

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

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

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export type { RadioCardItemProps, RadioCardRootProps } from './RadioCard.js';
+export { RadioCard } from './RadioCard.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,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -0,0 +1,169 @@
+import { jsx as y } from "react/jsx-runtime";
+import { createContext as W, useState as q, useMemo as E, use as M } from "react";
+function C(t) {
+  var a, e, r = "";
+  if (typeof t == "string" || typeof t == "number") r += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var i = t.length;
+    for (a = 0; a < i; a++) t[a] && (e = C(t[a])) && (r && (r += " "), r += e);
+  } else for (e in t) t[e] && (r && (r += " "), r += e);
+  return r;
+}
+function R() {
+  for (var t, a, e = 0, r = "", i = arguments.length; e < i; e++) (t = arguments[e]) && (a = C(t)) && (r && (r += " "), r += a);
+  return r;
+}
+function x(t) {
+  var a, e, r = "";
+  if (typeof t == "string" || typeof t == "number") r += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var i = t.length;
+    for (a = 0; a < i; a++) t[a] && (e = x(t[a])) && (r && (r += " "), r += e);
+  } else for (e in t) t[e] && (r && (r += " "), r += e);
+  return r;
+}
+function U() {
+  for (var t, a, e = 0, r = "", i = arguments.length; e < i; e++) (t = arguments[e]) && (a = x(t)) && (r && (r += " "), r += a);
+  return r;
+}
+const b = ({
+  ref: t,
+  as: a = "div",
+  children: e,
+  display: r,
+  m: i,
+  mt: c,
+  mr: p,
+  mb: l,
+  ml: m,
+  p: s,
+  pt: u,
+  pr: d,
+  pb: n,
+  pl: f,
+  width: g,
+  height: v,
+  position: h,
+  style: w,
+  className: A,
+  href: T,
+  target: j,
+  rel: B,
+  htmlFor: I,
+  type: S,
+  disabled: D,
+  ...F
+}) => {
+  const o = {};
+  r && (o.display = r), g && (o.width = g), v && (o.height = v), h && (o.position = h), i && (o.margin = `var(--pittorica-space-${i})`), c && (o.marginTop = `var(--pittorica-space-${c})`), p && (o.marginRight = `var(--pittorica-space-${p})`), l && (o.marginBottom = `var(--pittorica-space-${l})`), m && (o.marginLeft = `var(--pittorica-space-${m})`), s && (o.padding = `var(--pittorica-space-${s})`), u && (o.paddingTop = `var(--pittorica-space-${u})`), d && (o.paddingRight = `var(--pittorica-space-${d})`), n && (o.paddingBottom = `var(--pittorica-space-${n})`), f && (o.paddingLeft = `var(--pittorica-space-${f})`);
+  const L = {
+    ...w,
+    ...o
+  };
+  return /* @__PURE__ */ y(
+    a,
+    {
+      ref: t,
+      className: U("pittorica-box", A),
+      style: L,
+      href: T,
+      target: j,
+      rel: B,
+      htmlFor: I,
+      type: S,
+      disabled: D,
+      ...F,
+      children: e
+    }
+  );
+};
+b.displayName = "Box";
+const $ = W(null), z = () => {
+  const t = M($);
+  if (!t)
+    throw new Error(
+      "RadioCard components must be wrapped in <RadioCard.Root />"
+    );
+  return t;
+}, N = ({
+  children: t,
+  value: a,
+  defaultValue: e,
+  onValueChange: r,
+  color: i = "indigo",
+  disabled: c,
+  columns: p = "1",
+  className: l,
+  style: m,
+  ...s
+}) => {
+  const [u, d] = q(e), n = a !== void 0, f = n ? a : u, g = (h) => {
+    n || d(h), r == null || r(h);
+  }, v = E(
+    () => ({
+      value: f,
+      onValueChange: g,
+      color: i,
+      disabled: c
+    }),
+    [f, i, c]
+  );
+  return /* @__PURE__ */ y($, { value: v, children: /* @__PURE__ */ y(
+    b,
+    {
+      ...s,
+      role: "radiogroup",
+      className: R("pittorica-radio-card-root", l),
+      style: {
+        display: "grid",
+        gridTemplateColumns: `repeat(${p}, minmax(0, 1fr))`,
+        gap: "var(--pittorica-space-3)",
+        ...m
+      },
+      children: t
+    }
+  ) });
+}, k = ({
+  children: t,
+  value: a,
+  disabled: e,
+  className: r,
+  style: i,
+  ref: c,
+  ...p
+}) => {
+  const {
+    value: l,
+    onValueChange: m,
+    color: s,
+    disabled: u
+  } = z(), d = l === a, n = u || e, g = s !== "inherit" && !(s != null && s.startsWith("#")) && !(s != null && s.startsWith("rgb")) ? `var(--pittorica-${s}-9)` : s;
+  return /* @__PURE__ */ y(
+    b,
+    {
+      ...p,
+      as: "button",
+      type: "button",
+      role: "radio",
+      "aria-checked": d,
+      "data-state": d ? "checked" : "unchecked",
+      disabled: n,
+      className: R("pittorica-radio-card-item", r),
+      onClick: () => !n && m(a),
+      ref: c,
+      style: {
+        "--pittorica-source-color": g,
+        ...i
+      },
+      children: t
+    }
+  );
+}, J = {
+  Root: N,
+  Item: k
+};
+N.displayName = "RadioCard.Root";
+k.displayName = "RadioCard.Item";
+export {
+  J as RadioCard
+};

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@pittorica/radio-card-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/flex-react": "0.22.0",
+    "@pittorica/theme-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"
+  }
+}