@pittorica/checkbox-group-react 0.22.0 → 0.22.3

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 (2) hide show
  1. package/dist/index.js +137 -144
  2. package/package.json +6 -6
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { jsx as y, jsxs as M } from "react/jsx-runtime";
2
- import D, { forwardRef as H, createElement as F, createContext as J, useState as K, use as P } from "react";
1
+ import { jsx as y, jsxs as O } from "react/jsx-runtime";
2
+ import _, { forwardRef as D, createElement as F, createContext as H, useState as J, use as K } from "react";
3
3
  function R(r) {
4
4
  var i, e, t = "";
5
5
  if (typeof r == "string" || typeof r == "number") t += r;
@@ -9,44 +9,44 @@ function R(r) {
9
9
  } else for (e in r) r[e] && (t && (t += " "), t += e);
10
10
  return t;
11
11
  }
12
- function Q() {
12
+ function P() {
13
13
  for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = R(r)) && (t && (t += " "), t += i);
14
14
  return t;
15
15
  }
16
- function z(r) {
16
+ function I(r) {
17
17
  var i, e, t = "";
18
18
  if (typeof r == "string" || typeof r == "number") t += r;
19
19
  else if (typeof r == "object") if (Array.isArray(r)) {
20
20
  var o = r.length;
21
- for (i = 0; i < o; i++) r[i] && (e = z(r[i])) && (t && (t += " "), t += e);
21
+ for (i = 0; i < o; i++) r[i] && (e = I(r[i])) && (t && (t += " "), t += e);
22
22
  } else for (e in r) r[e] && (t && (t += " "), t += e);
23
23
  return t;
24
24
  }
25
- function U() {
26
- for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = z(r)) && (t && (t += " "), t += i);
25
+ function Q() {
26
+ for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = I(r)) && (t && (t += " "), t += i);
27
27
  return t;
28
28
  }
29
- const I = ({
29
+ const L = ({
30
30
  ref: r,
31
31
  as: i = "div",
32
32
  children: e,
33
33
  display: t,
34
34
  m: o,
35
- mt: c,
36
- mr: s,
37
- mb: f,
35
+ mt: s,
36
+ mr: d,
37
+ mb: g,
38
38
  ml: h,
39
- p: g,
40
- pt: l,
41
- pr: p,
39
+ p: f,
40
+ pt: c,
41
+ pr: l,
42
42
  pb: n,
43
43
  pl: u,
44
- width: d,
44
+ width: p,
45
45
  height: m,
46
46
  position: v,
47
47
  style: b,
48
- className: $,
49
- href: x,
48
+ className: x,
49
+ href: $,
50
50
  target: k,
51
51
  rel: w,
52
52
  htmlFor: N,
@@ -55,7 +55,7 @@ const I = ({
55
55
  ...j
56
56
  }) => {
57
57
  const a = {};
58
- t && (a.display = t), d && (a.width = d), m && (a.height = m), v && (a.position = v), o && (a.margin = `var(--pittorica-space-${o})`), c && (a.marginTop = `var(--pittorica-space-${c})`), s && (a.marginRight = `var(--pittorica-space-${s})`), f && (a.marginBottom = `var(--pittorica-space-${f})`), h && (a.marginLeft = `var(--pittorica-space-${h})`), g && (a.padding = `var(--pittorica-space-${g})`), l && (a.paddingTop = `var(--pittorica-space-${l})`), p && (a.paddingRight = `var(--pittorica-space-${p})`), n && (a.paddingBottom = `var(--pittorica-space-${n})`), u && (a.paddingLeft = `var(--pittorica-space-${u})`);
58
+ t && (a.display = t), p && (a.width = p), m && (a.height = m), v && (a.position = v), o && (a.margin = `var(--pittorica-space-${o})`), s && (a.marginTop = `var(--pittorica-space-${s})`), d && (a.marginRight = `var(--pittorica-space-${d})`), g && (a.marginBottom = `var(--pittorica-space-${g})`), h && (a.marginLeft = `var(--pittorica-space-${h})`), f && (a.padding = `var(--pittorica-space-${f})`), c && (a.paddingTop = `var(--pittorica-space-${c})`), l && (a.paddingRight = `var(--pittorica-space-${l})`), n && (a.paddingBottom = `var(--pittorica-space-${n})`), u && (a.paddingLeft = `var(--pittorica-space-${u})`);
59
59
  const B = {
60
60
  ...b,
61
61
  ...a
@@ -64,9 +64,9 @@ const I = ({
64
64
  i,
65
65
  {
66
66
  ref: r,
67
- className: U("pittorica-box", $),
67
+ className: Q("pittorica-box", x),
68
68
  style: B,
69
- href: x,
69
+ href: $,
70
70
  target: k,
71
71
  rel: w,
72
72
  htmlFor: N,
@@ -77,18 +77,18 @@ const I = ({
77
77
  }
78
78
  );
79
79
  };
80
- I.displayName = "Box";
81
- function L(r) {
80
+ L.displayName = "Box";
81
+ function T(r) {
82
82
  var i, e, t = "";
83
83
  if (typeof r == "string" || typeof r == "number") t += r;
84
84
  else if (typeof r == "object") if (Array.isArray(r)) {
85
85
  var o = r.length;
86
- for (i = 0; i < o; i++) r[i] && (e = L(r[i])) && (t && (t += " "), t += e);
86
+ for (i = 0; i < o; i++) r[i] && (e = T(r[i])) && (t && (t += " "), t += e);
87
87
  } else for (e in r) r[e] && (t && (t += " "), t += e);
88
88
  return t;
89
89
  }
90
- function Z() {
91
- for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = L(r)) && (t && (t += " "), t += i);
90
+ function U() {
91
+ for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = T(r)) && (t && (t += " "), t += i);
92
92
  return t;
93
93
  }
94
94
  /**
@@ -97,7 +97,7 @@ function Z() {
97
97
  * This source code is licensed under the MIT license.
98
98
  * See the LICENSE file in the root directory of this source tree.
99
99
  */
100
- var _ = {
100
+ var Y = {
101
101
  outline: {
102
102
  xmlns: "http://www.w3.org/2000/svg",
103
103
  width: 24,
@@ -124,28 +124,28 @@ var _ = {
124
124
  * This source code is licensed under the MIT license.
125
125
  * See the LICENSE file in the root directory of this source tree.
126
126
  */
127
- const T = (r, i, e, t) => {
128
- const o = H(
129
- ({ color: c = "currentColor", size: s = 24, stroke: f = 2, title: h, className: g, children: l, ...p }, n) => F(
127
+ const W = (r, i, e, t) => {
128
+ const o = D(
129
+ ({ color: s = "currentColor", size: d = 24, stroke: g = 2, title: h, className: f, children: c, ...l }, n) => F(
130
130
  "svg",
131
131
  {
132
132
  ref: n,
133
- ..._[r],
134
- width: s,
135
- height: s,
136
- className: ["tabler-icon", `tabler-icon-${i}`, g].join(" "),
133
+ ...Y[r],
134
+ width: d,
135
+ height: d,
136
+ className: ["tabler-icon", `tabler-icon-${i}`, f].join(" "),
137
137
  ...r === "filled" ? {
138
- fill: c
138
+ fill: s
139
139
  } : {
140
- strokeWidth: f,
141
- stroke: c
140
+ strokeWidth: g,
141
+ stroke: s
142
142
  },
143
- ...p
143
+ ...l
144
144
  },
145
145
  [
146
146
  h && F("title", { key: "svg-title" }, h),
147
- ...t.map(([u, d]) => F(u, d)),
148
- ...Array.isArray(l) ? l : [l]
147
+ ...t.map(([u, p]) => F(u, p)),
148
+ ...Array.isArray(c) ? c : [c]
149
149
  ]
150
150
  )
151
151
  );
@@ -157,48 +157,48 @@ const T = (r, i, e, t) => {
157
157
  * This source code is licensed under the MIT license.
158
158
  * See the LICENSE file in the root directory of this source tree.
159
159
  */
160
- const X = [["path", { d: "M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14", key: "svg-0" }]], Y = T("outline", "square", "Square", X);
160
+ const X = [["path", { d: "M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14", key: "svg-0" }]], Z = W("outline", "square", "Square", X);
161
161
  /**
162
162
  * @license @tabler/icons-react v3.36.1 - MIT
163
163
  *
164
164
  * This source code is licensed under the MIT license.
165
165
  * See the LICENSE file in the root directory of this source tree.
166
166
  */
167
- const V = [["path", { d: "M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-2.626 7.293a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z", key: "svg-0" }]], tt = T("filled", "square-check-filled", "SquareCheckFilled", V);
168
- function q(r) {
167
+ const V = [["path", { d: "M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-2.626 7.293a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z", key: "svg-0" }]], tt = W("filled", "square-check-filled", "SquareCheckFilled", V);
168
+ function G(r) {
169
169
  var i, e, t = "";
170
170
  if (typeof r == "string" || typeof r == "number") t += r;
171
171
  else if (typeof r == "object") if (Array.isArray(r)) {
172
172
  var o = r.length;
173
- for (i = 0; i < o; i++) r[i] && (e = q(r[i])) && (t && (t += " "), t += e);
173
+ for (i = 0; i < o; i++) r[i] && (e = G(r[i])) && (t && (t += " "), t += e);
174
174
  } else for (e in r) r[e] && (t && (t += " "), t += e);
175
175
  return t;
176
176
  }
177
177
  function rt() {
178
- for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = q(r)) && (t && (t += " "), t += i);
178
+ for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = G(r)) && (t && (t += " "), t += i);
179
179
  return t;
180
180
  }
181
- const G = ({
181
+ const q = ({
182
182
  ref: r,
183
183
  as: i = "div",
184
184
  children: e,
185
185
  display: t,
186
186
  m: o,
187
- mt: c,
188
- mr: s,
189
- mb: f,
187
+ mt: s,
188
+ mr: d,
189
+ mb: g,
190
190
  ml: h,
191
- p: g,
192
- pt: l,
193
- pr: p,
191
+ p: f,
192
+ pt: c,
193
+ pr: l,
194
194
  pb: n,
195
195
  pl: u,
196
- width: d,
196
+ width: p,
197
197
  height: m,
198
198
  position: v,
199
199
  style: b,
200
- className: $,
201
- href: x,
200
+ className: x,
201
+ href: $,
202
202
  target: k,
203
203
  rel: w,
204
204
  htmlFor: N,
@@ -207,7 +207,7 @@ const G = ({
207
207
  ...j
208
208
  }) => {
209
209
  const a = {};
210
- t && (a.display = t), d && (a.width = d), m && (a.height = m), v && (a.position = v), o && (a.margin = `var(--pittorica-space-${o})`), c && (a.marginTop = `var(--pittorica-space-${c})`), s && (a.marginRight = `var(--pittorica-space-${s})`), f && (a.marginBottom = `var(--pittorica-space-${f})`), h && (a.marginLeft = `var(--pittorica-space-${h})`), g && (a.padding = `var(--pittorica-space-${g})`), l && (a.paddingTop = `var(--pittorica-space-${l})`), p && (a.paddingRight = `var(--pittorica-space-${p})`), n && (a.paddingBottom = `var(--pittorica-space-${n})`), u && (a.paddingLeft = `var(--pittorica-space-${u})`);
210
+ t && (a.display = t), p && (a.width = p), m && (a.height = m), v && (a.position = v), o && (a.margin = `var(--pittorica-space-${o})`), s && (a.marginTop = `var(--pittorica-space-${s})`), d && (a.marginRight = `var(--pittorica-space-${d})`), g && (a.marginBottom = `var(--pittorica-space-${g})`), h && (a.marginLeft = `var(--pittorica-space-${h})`), f && (a.padding = `var(--pittorica-space-${f})`), c && (a.paddingTop = `var(--pittorica-space-${c})`), l && (a.paddingRight = `var(--pittorica-space-${l})`), n && (a.paddingBottom = `var(--pittorica-space-${n})`), u && (a.paddingLeft = `var(--pittorica-space-${u})`);
211
211
  const B = {
212
212
  ...b,
213
213
  ...a
@@ -216,9 +216,9 @@ const G = ({
216
216
  i,
217
217
  {
218
218
  ref: r,
219
- className: rt("pittorica-box", $),
219
+ className: rt("pittorica-box", x),
220
220
  style: B,
221
- href: x,
221
+ href: $,
222
222
  target: k,
223
223
  rel: w,
224
224
  htmlFor: N,
@@ -229,18 +229,18 @@ const G = ({
229
229
  }
230
230
  );
231
231
  };
232
- G.displayName = "Box";
233
- function W(r) {
232
+ q.displayName = "Box";
233
+ function z(r) {
234
234
  var i, e, t = "";
235
235
  if (typeof r == "string" || typeof r == "number") t += r;
236
236
  else if (typeof r == "object") if (Array.isArray(r)) {
237
237
  var o = r.length;
238
- for (i = 0; i < o; i++) r[i] && (e = W(r[i])) && (t && (t += " "), t += e);
238
+ for (i = 0; i < o; i++) r[i] && (e = z(r[i])) && (t && (t += " "), t += e);
239
239
  } else for (e in r) r[e] && (t && (t += " "), t += e);
240
240
  return t;
241
241
  }
242
242
  function et() {
243
- for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = W(r)) && (t && (t += " "), t += i);
243
+ for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = z(r)) && (t && (t += " "), t += i);
244
244
  return t;
245
245
  }
246
246
  function S(r) {
@@ -262,21 +262,21 @@ const E = ({
262
262
  children: e,
263
263
  display: t,
264
264
  m: o,
265
- mt: c,
266
- mr: s,
267
- mb: f,
265
+ mt: s,
266
+ mr: d,
267
+ mb: g,
268
268
  ml: h,
269
- p: g,
270
- pt: l,
271
- pr: p,
269
+ p: f,
270
+ pt: c,
271
+ pr: l,
272
272
  pb: n,
273
273
  pl: u,
274
- width: d,
274
+ width: p,
275
275
  height: m,
276
276
  position: v,
277
277
  style: b,
278
- className: $,
279
- href: x,
278
+ className: x,
279
+ href: $,
280
280
  target: k,
281
281
  rel: w,
282
282
  htmlFor: N,
@@ -285,7 +285,7 @@ const E = ({
285
285
  ...j
286
286
  }) => {
287
287
  const a = {};
288
- t && (a.display = t), d && (a.width = d), m && (a.height = m), v && (a.position = v), o && (a.margin = `var(--pittorica-space-${o})`), c && (a.marginTop = `var(--pittorica-space-${c})`), s && (a.marginRight = `var(--pittorica-space-${s})`), f && (a.marginBottom = `var(--pittorica-space-${f})`), h && (a.marginLeft = `var(--pittorica-space-${h})`), g && (a.padding = `var(--pittorica-space-${g})`), l && (a.paddingTop = `var(--pittorica-space-${l})`), p && (a.paddingRight = `var(--pittorica-space-${p})`), n && (a.paddingBottom = `var(--pittorica-space-${n})`), u && (a.paddingLeft = `var(--pittorica-space-${u})`);
288
+ t && (a.display = t), p && (a.width = p), m && (a.height = m), v && (a.position = v), o && (a.margin = `var(--pittorica-space-${o})`), s && (a.marginTop = `var(--pittorica-space-${s})`), d && (a.marginRight = `var(--pittorica-space-${d})`), g && (a.marginBottom = `var(--pittorica-space-${g})`), h && (a.marginLeft = `var(--pittorica-space-${h})`), f && (a.padding = `var(--pittorica-space-${f})`), c && (a.paddingTop = `var(--pittorica-space-${c})`), l && (a.paddingRight = `var(--pittorica-space-${l})`), n && (a.paddingBottom = `var(--pittorica-space-${n})`), u && (a.paddingLeft = `var(--pittorica-space-${u})`);
289
289
  const B = {
290
290
  ...b,
291
291
  ...a
@@ -294,9 +294,9 @@ const E = ({
294
294
  i,
295
295
  {
296
296
  ref: r,
297
- className: it("pittorica-box", $),
297
+ className: it("pittorica-box", x),
298
298
  style: B,
299
- href: x,
299
+ href: $,
300
300
  target: k,
301
301
  rel: w,
302
302
  htmlFor: N,
@@ -308,25 +308,22 @@ const E = ({
308
308
  );
309
309
  };
310
310
  E.displayName = "Box";
311
- const at = (r, i) => i ? typeof i == "string" ? [`pittorica-text--${r}-${i}`] : Object.entries(i).filter(([e, t]) => t !== void 0).map(
312
- ([e, t]) => e === "initial" ? `pittorica-text--${r}-${t}` : `pittorica-text--${e}-${r}-${t}`
313
- ) : [], ot = ({
311
+ const at = ({
314
312
  children: r,
315
313
  as: i = "span",
316
- size: e = "3",
317
- weight: t = "regular",
318
- align: o,
319
- truncate: c = !1,
314
+ weight: e = "regular",
315
+ align: t,
316
+ truncate: o = !1,
320
317
  color: s,
321
- className: f,
322
- style: h,
323
- href: g,
324
- target: l,
325
- rel: p,
326
- htmlFor: n,
327
- ...u
318
+ className: d,
319
+ style: g,
320
+ href: h,
321
+ target: f,
322
+ rel: c,
323
+ htmlFor: l,
324
+ ...n
328
325
  }) => {
329
- const d = (s == null ? void 0 : s.startsWith("#")) || (s == null ? void 0 : s.startsWith("rgb")), m = [
326
+ const u = (s == null ? void 0 : s.startsWith("#")) || (s == null ? void 0 : s.startsWith("rgb")) || (s == null ? void 0 : s.startsWith("hsl")), p = /* @__PURE__ */ new Set([
330
327
  "danger",
331
328
  "success",
332
329
  "error",
@@ -338,125 +335,121 @@ const at = (r, i) => i ? typeof i == "string" ? [`pittorica-text--${r}-${i}`] :
338
335
  "slate",
339
336
  "blue",
340
337
  "red"
341
- ].includes(s), v = (() => {
342
- if (s) {
343
- if (s === "inherit") return "inherit";
344
- if (d) return s;
345
- if (m) return `var(--pittorica-${s}-9)`;
346
- }
347
- })(), b = {
348
- ...h,
349
- textAlign: o,
350
- color: v
351
- }, $ = at("size", e);
338
+ ]), m = (() => {
339
+ if (s)
340
+ return s === "inherit" ? "inherit" : u ? s : p.has(s) ? `var(--pittorica-${s}-9)` : s;
341
+ })(), v = {
342
+ ...g,
343
+ textAlign: t,
344
+ color: m
345
+ };
352
346
  return /* @__PURE__ */ y(
353
347
  E,
354
348
  {
355
349
  as: i,
356
350
  className: et(
357
351
  "pittorica-text",
358
- { "pittorica-text--truncate": c },
359
- $,
360
- f
352
+ { "pittorica-text--truncate": o },
353
+ d
361
354
  ),
362
- "data-weight": t,
363
- style: b,
364
- href: g,
365
- target: l,
366
- rel: p,
367
- htmlFor: n,
368
- ...u,
355
+ "data-weight": e,
356
+ style: v,
357
+ href: h,
358
+ target: f,
359
+ rel: c,
360
+ htmlFor: l,
361
+ ...n,
369
362
  children: r
370
363
  }
371
364
  );
372
- }, st = ({
365
+ }, ot = ({
373
366
  checked: r,
374
367
  defaultChecked: i,
375
368
  onChange: e,
376
369
  color: t = "indigo",
377
370
  disabled: o = !1,
378
- label: c,
379
- className: s,
380
- style: f,
371
+ label: s,
372
+ className: d,
373
+ style: g,
381
374
  ...h
382
375
  }) => {
383
- const [g, l] = D.useState(
376
+ const [f, c] = _.useState(
384
377
  i ?? !1
385
- ), p = r === void 0 ? g : r, n = t !== "inherit" && !(t != null && t.startsWith("#")) && !(t != null && t.startsWith("rgb")) ? `var(--pittorica-${t}-9)` : t, u = (d) => {
378
+ ), l = r === void 0 ? f : r, n = t !== "inherit" && !(t != null && t.startsWith("#")) && !(t != null && t.startsWith("rgb")) ? `var(--pittorica-${t}-9)` : t, u = (p) => {
386
379
  if (o) return;
387
- const m = d.target.checked;
388
- l(m), e == null || e(m);
380
+ const m = p.target.checked;
381
+ c(m), e == null || e(m);
389
382
  };
390
- return /* @__PURE__ */ M(
391
- G,
383
+ return /* @__PURE__ */ O(
384
+ q,
392
385
  {
393
386
  as: "label",
394
- className: Z("pittorica-checkbox-root", s),
387
+ className: U("pittorica-checkbox-root", d),
395
388
  "data-disabled": o,
396
- style: { "--_checkbox-color": n, ...f },
389
+ style: { "--_checkbox-color": n, ...g },
397
390
  children: [
398
391
  /* @__PURE__ */ y(
399
392
  "input",
400
393
  {
401
394
  type: "checkbox",
402
395
  className: "pittorica-checkbox-input",
403
- checked: p,
396
+ checked: l,
404
397
  disabled: o,
405
398
  onChange: u,
406
399
  ...h
407
400
  }
408
401
  ),
409
- /* @__PURE__ */ y("div", { className: "pittorica-checkbox-control", children: p ? /* @__PURE__ */ y(tt, { size: 20 }) : /* @__PURE__ */ y(Y, { size: 20, stroke: 1.5 }) }),
410
- c && /* @__PURE__ */ y(ot, { size: "2", weight: "medium", style: { color: "inherit" }, children: c })
402
+ /* @__PURE__ */ y("div", { className: "pittorica-checkbox-control", children: l ? /* @__PURE__ */ y(tt, { size: 20 }) : /* @__PURE__ */ y(Z, { size: 20, stroke: 1.5 }) }),
403
+ s && /* @__PURE__ */ y(at, { weight: "medium", style: { color: "inherit" }, children: s })
411
404
  ]
412
405
  }
413
406
  );
414
- }, O = J(
407
+ }, M = H(
415
408
  null
416
- ), nt = ({
409
+ ), st = ({
417
410
  value: r,
418
411
  defaultValue: i = [],
419
412
  onValueChange: e,
420
413
  orientation: t = "vertical",
421
414
  color: o,
422
- disabled: c,
423
- children: s,
424
- className: f,
415
+ disabled: s,
416
+ children: d,
417
+ className: g,
425
418
  ...h
426
419
  }) => {
427
- const [g, l] = K(i), p = r !== void 0, n = p ? r : g;
420
+ const [f, c] = J(i), l = r !== void 0, n = l ? r : f;
428
421
  return /* @__PURE__ */ y(
429
- O,
422
+ M,
430
423
  {
431
424
  value: {
432
425
  value: n,
433
- onItemChange: (d) => {
434
- const m = n.includes(d) ? n.filter((v) => v !== d) : [...n, d];
435
- p || l(m), e == null || e(m);
426
+ onItemChange: (p) => {
427
+ const m = n.includes(p) ? n.filter((v) => v !== p) : [...n, p];
428
+ l || c(m), e == null || e(m);
436
429
  },
437
430
  color: o,
438
- disabled: c
431
+ disabled: s
439
432
  },
440
433
  children: /* @__PURE__ */ y(
441
- I,
434
+ L,
442
435
  {
443
- className: Q("pittorica-checkbox-group-root", f),
436
+ className: P("pittorica-checkbox-group-root", g),
444
437
  "data-orientation": t,
445
438
  role: "group",
446
439
  ...h,
447
- children: s
440
+ children: d
448
441
  }
449
442
  )
450
443
  }
451
444
  );
452
- }, ct = ({ value: r, ...i }) => {
453
- const e = P(O);
445
+ }, nt = ({ value: r, ...i }) => {
446
+ const e = K(M);
454
447
  if (!e)
455
448
  throw new Error(
456
449
  "CheckboxGroup.Item must be used within CheckboxGroup.Root"
457
450
  );
458
451
  return /* @__PURE__ */ y(
459
- st,
452
+ ot,
460
453
  {
461
454
  ...i,
462
455
  checked: e.value.includes(r),
@@ -465,9 +458,9 @@ const at = (r, i) => i ? typeof i == "string" ? [`pittorica-text--${r}-${i}`] :
465
458
  disabled: i.disabled || e.disabled
466
459
  }
467
460
  );
468
- }, dt = Object.assign(nt, {
469
- Item: ct
461
+ }, pt = Object.assign(st, {
462
+ Item: nt
470
463
  });
471
464
  export {
472
- dt as CheckboxGroup
465
+ pt as CheckboxGroup
473
466
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pittorica/checkbox-group-react",
3
- "version": "0.22.0",
3
+ "version": "0.22.3",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -10,9 +10,9 @@
10
10
  ],
11
11
  "dependencies": {
12
12
  "clsx": "^2.1.1",
13
- "@pittorica/box-react": "0.22.0",
14
- "@pittorica/text-react": "0.22.0",
15
- "@pittorica/checkbox-react": "0.22.0"
13
+ "@pittorica/box-react": "0.22.3",
14
+ "@pittorica/checkbox-react": "0.22.3",
15
+ "@pittorica/text-react": "0.22.3"
16
16
  },
17
17
  "devDependencies": {
18
18
  "@testing-library/jest-dom": "^6.9.1",
@@ -24,8 +24,8 @@
24
24
  "typescript": "^5.0.0",
25
25
  "vite": "^5.0.0",
26
26
  "vitest": "^2.1.9",
27
- "pittorica": "0.22.0",
28
- "@pittorica/theme-react": "0.22.0"
27
+ "@pittorica/theme-react": "0.22.3",
28
+ "pittorica": "0.22.3"
29
29
  },
30
30
  "peerDependencies": {
31
31
  "react": ">=19",