@pittorica/radio-card-react 0.23.1 → 0.23.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/RadioCard.d.ts +2 -1
  2. package/dist/RadioCard.d.ts.map +1 -1
  3. package/dist/index.js +82 -76
  4. package/package.json +6 -6
package/dist/RadioCard.d.ts CHANGED
@@ -9,6 +9,7 @@ export interface RadioCardRootProps extends BoxProps {
9
9
  /** @default 'indigo' */
10
10
  color?: PittoricaColor;
11
11
  disabled?: boolean;
12
+ name?: string;
12
13
  /** Number of columns. @default '1' */
13
14
  columns?: string;
14
15
  }
@@ -18,7 +19,7 @@ export interface RadioCardItemProps extends BoxProps {
18
19
  }
19
20
  export declare const RadioCard: {
20
21
  Root: {
21
- ({ children, value: controlledValue, defaultValue, onValueChange, color, disabled, columns, className, style, ...props }: RadioCardRootProps): import("react/jsx-runtime").JSX.Element;
22
+ ({ children, value: controlledValue, defaultValue, onValueChange, color, disabled, name, columns, className, style, ...props }: RadioCardRootProps): import("react/jsx-runtime").JSX.Element;
22
23
  displayName: string;
23
24
  };
24
25
  Item: {
package/dist/RadioCard.d.ts.map CHANGED
@@ -1 +1 @@
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"}
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;AAsB5D,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,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAuDD,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAmDD,eAAO,MAAM,SAAS;;wIA/FnB,kBAAkB;;;;kGAsDlB,kBAAkB,GAAG;YAAE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;SAAE;;;CA4CvD,CAAC"}
package/dist/index.js CHANGED
@@ -1,169 +1,175 @@
1
- import { jsx as y } from "react/jsx-runtime";
2
- import { createContext as W, useState as q, useMemo as E, use as M } from "react";
3
- function C(t) {
1
+ import { jsx as b } from "react/jsx-runtime";
2
+ import { createContext as q, useState as E, useMemo as M, use as U } from "react";
3
+ function R(t) {
4
4
  var a, e, r = "";
5
5
  if (typeof t == "string" || typeof t == "number") r += t;
6
6
  else if (typeof t == "object") if (Array.isArray(t)) {
7
7
  var i = t.length;
8
- for (a = 0; a < i; a++) t[a] && (e = C(t[a])) && (r && (r += " "), r += e);
8
+ for (a = 0; a < i; a++) t[a] && (e = R(t[a])) && (r && (r += " "), r += e);
9
9
  } else for (e in t) t[e] && (r && (r += " "), r += e);
10
10
  return r;
11
11
  }
12
- function R() {
13
- for (var t, a, e = 0, r = "", i = arguments.length; e < i; e++) (t = arguments[e]) && (a = C(t)) && (r && (r += " "), r += a);
12
+ function x() {
13
+ for (var t, a, e = 0, r = "", i = arguments.length; e < i; e++) (t = arguments[e]) && (a = R(t)) && (r && (r += " "), r += a);
14
14
  return r;
15
15
  }
16
- function x(t) {
16
+ function $(t) {
17
17
  var a, e, r = "";
18
18
  if (typeof t == "string" || typeof t == "number") r += t;
19
19
  else if (typeof t == "object") if (Array.isArray(t)) {
20
20
  var i = t.length;
21
- for (a = 0; a < i; a++) t[a] && (e = x(t[a])) && (r && (r += " "), r += e);
21
+ for (a = 0; a < i; a++) t[a] && (e = $(t[a])) && (r && (r += " "), r += e);
22
22
  } else for (e in t) t[e] && (r && (r += " "), r += e);
23
23
  return r;
24
24
  }
25
- function U() {
26
- for (var t, a, e = 0, r = "", i = arguments.length; e < i; e++) (t = arguments[e]) && (a = x(t)) && (r && (r += " "), r += a);
25
+ function z() {
26
+ for (var t, a, e = 0, r = "", i = arguments.length; e < i; e++) (t = arguments[e]) && (a = $(t)) && (r && (r += " "), r += a);
27
27
  return r;
28
28
  }
29
- const b = ({
29
+ const C = ({
30
30
  ref: t,
31
31
  as: a = "div",
32
32
  children: e,
33
33
  display: r,
34
34
  m: i,
35
35
  mt: c,
36
- mr: p,
36
+ mr: d,
37
37
  mb: l,
38
38
  ml: m,
39
39
  p: s,
40
40
  pt: u,
41
- pr: d,
42
- pb: n,
43
- pl: f,
41
+ pr: f,
42
+ pb: p,
43
+ pl: n,
44
44
  width: g,
45
- height: v,
46
- position: h,
47
- style: w,
45
+ height: h,
46
+ position: v,
47
+ style: y,
48
48
  className: A,
49
- href: T,
50
- target: j,
51
- rel: B,
52
- htmlFor: I,
53
- type: S,
54
- disabled: D,
55
- ...F
49
+ href: j,
50
+ target: B,
51
+ rel: I,
52
+ htmlFor: S,
53
+ type: T,
54
+ name: D,
55
+ disabled: F,
56
+ ...L
56
57
  }) => {
57
58
  const o = {};
58
- 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})`);
59
- const L = {
60
- ...w,
59
+ r && (o.display = r), g && (o.width = g), h && (o.height = h), v && (o.position = v), i && (o.margin = `var(--pittorica-space-${i})`), c && (o.marginTop = `var(--pittorica-space-${c})`), d && (o.marginRight = `var(--pittorica-space-${d})`), 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})`), f && (o.paddingRight = `var(--pittorica-space-${f})`), p && (o.paddingBottom = `var(--pittorica-space-${p})`), n && (o.paddingLeft = `var(--pittorica-space-${n})`);
60
+ const W = {
61
+ ...y,
61
62
  ...o
62
63
  };
63
- return /* @__PURE__ */ y(
64
+ return /* @__PURE__ */ b(
64
65
  a,
65
66
  {
66
67
  ref: t,
67
- className: U("pittorica-box", A),
68
- style: L,
69
- href: T,
70
- target: j,
71
- rel: B,
72
- htmlFor: I,
73
- type: S,
74
- disabled: D,
75
- ...F,
68
+ className: z("pittorica-box", A),
69
+ style: W,
70
+ href: j,
71
+ target: B,
72
+ rel: I,
73
+ htmlFor: S,
74
+ type: T,
75
+ name: D,
76
+ disabled: F,
77
+ ...L,
76
78
  children: e
77
79
  }
78
80
  );
79
81
  };
80
- b.displayName = "Box";
81
- const $ = W(null), z = () => {
82
- const t = M($);
82
+ C.displayName = "Box";
83
+ const N = q(null), G = () => {
84
+ const t = U(N);
83
85
  if (!t)
84
86
  throw new Error(
85
87
  "RadioCard components must be wrapped in <RadioCard.Root />"
86
88
  );
87
89
  return t;
88
- }, N = ({
90
+ }, k = ({
89
91
  children: t,
90
92
  value: a,
91
93
  defaultValue: e,
92
94
  onValueChange: r,
93
95
  color: i = "indigo",
94
96
  disabled: c,
95
- columns: p = "1",
96
- className: l,
97
- style: m,
98
- ...s
97
+ name: d,
98
+ columns: l = "1",
99
+ className: m,
100
+ style: s,
101
+ ...u
99
102
  }) => {
100
- const [u, d] = q(e), n = a !== void 0, f = n ? a : u, g = (h) => {
101
- n || d(h), r == null || r(h);
102
- }, v = E(
103
+ const [f, p] = E(e), n = a !== void 0, g = n ? a : f, h = (y) => {
104
+ n || p(y), r == null || r(y);
105
+ }, v = M(
103
106
  () => ({
104
- value: f,
105
- onValueChange: g,
107
+ value: g,
108
+ onValueChange: h,
106
109
  color: i,
107
- disabled: c
110
+ disabled: c,
111
+ name: d
108
112
  }),
109
- [f, i, c]
113
+ [g, i, c, d]
110
114
  );
111
- return /* @__PURE__ */ y($, { value: v, children: /* @__PURE__ */ y(
112
- b,
115
+ return /* @__PURE__ */ b(N, { value: v, children: /* @__PURE__ */ b(
116
+ C,
113
117
  {
114
- ...s,
118
+ ...u,
115
119
  role: "radiogroup",
116
- className: R("pittorica-radio-card-root", l),
120
+ className: x("pittorica-radio-card-root", m),
117
121
  style: {
118
122
  display: "grid",
119
- gridTemplateColumns: `repeat(${p}, minmax(0, 1fr))`,
123
+ gridTemplateColumns: `repeat(${l}, minmax(0, 1fr))`,
120
124
  gap: "var(--pittorica-space-3)",
121
- ...m
125
+ ...s
122
126
  },
123
127
  children: t
124
128
  }
125
129
  ) });
126
- }, k = ({
130
+ }, w = ({
127
131
  children: t,
128
132
  value: a,
129
133
  disabled: e,
130
134
  className: r,
131
135
  style: i,
132
136
  ref: c,
133
- ...p
137
+ ...d
134
138
  }) => {
135
139
  const {
136
140
  value: l,
137
141
  onValueChange: m,
138
142
  color: s,
139
- disabled: u
140
- } = z(), d = l === a, n = u || e, g = s !== "inherit" && !(s != null && s.startsWith("#")) && !(s != null && s.startsWith("rgb")) ? `var(--pittorica-${s}-9)` : s;
141
- return /* @__PURE__ */ y(
142
- b,
143
+ disabled: u,
144
+ name: f
145
+ } = G(), p = l === a, n = u || e, h = s !== "inherit" && !(s != null && s.startsWith("#")) && !(s != null && s.startsWith("rgb")) ? `var(--pittorica-${s}-9)` : s;
146
+ return /* @__PURE__ */ b(
147
+ C,
143
148
  {
144
- ...p,
149
+ ...d,
145
150
  as: "button",
146
151
  type: "button",
147
152
  role: "radio",
148
- "aria-checked": d,
149
- "data-state": d ? "checked" : "unchecked",
153
+ name: f,
154
+ "aria-checked": p,
155
+ "data-state": p ? "checked" : "unchecked",
150
156
  disabled: n,
151
- className: R("pittorica-radio-card-item", r),
157
+ className: x("pittorica-radio-card-item", r),
152
158
  onClick: () => !n && m(a),
153
159
  ref: c,
154
160
  style: {
155
- "--pittorica-source-color": g,
161
+ "--pittorica-source-color": h,
156
162
  ...i
157
163
  },
158
164
  children: t
159
165
  }
160
166
  );
161
- }, J = {
162
- Root: N,
163
- Item: k
167
+ }, K = {
168
+ Root: k,
169
+ Item: w
164
170
  };
165
- N.displayName = "RadioCard.Root";
166
- k.displayName = "RadioCard.Item";
171
+ k.displayName = "RadioCard.Root";
172
+ w.displayName = "RadioCard.Item";
167
173
  export {
168
- J as RadioCard
174
+ K as RadioCard
169
175
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pittorica/radio-card-react",
3
- "version": "0.23.1",
3
+ "version": "0.23.2",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -11,8 +11,8 @@
11
11
  "dependencies": {
12
12
  "@tabler/icons-react": "^3.36.1",
13
13
  "clsx": "^2.1.1",
14
- "@pittorica/box-react": "0.23.1",
15
- "@pittorica/text-react": "0.23.1"
14
+ "@pittorica/box-react": "0.23.2",
15
+ "@pittorica/text-react": "0.23.2"
16
16
  },
17
17
  "devDependencies": {
18
18
  "@testing-library/jest-dom": "^6.9.1",
@@ -24,9 +24,9 @@
24
24
  "typescript": "^5.0.0",
25
25
  "vite": "^5.0.0",
26
26
  "vitest": "^2.1.9",
27
- "@pittorica/flex-react": "0.23.1",
28
- "@pittorica/theme-react": "0.23.1",
29
- "pittorica": "0.23.1"
27
+ "@pittorica/flex-react": "0.23.2",
28
+ "@pittorica/theme-react": "0.23.2",
29
+ "pittorica": "0.23.2"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "react": ">=19",