@pittorica/checkbox-group-react 0.23.1 → 0.24.0

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/CheckboxGroup.d.ts +2 -1
  2. package/dist/CheckboxGroup.d.ts.map +1 -1
  3. package/dist/index.js +216 -200
  4. package/package.json +6 -6
package/dist/CheckboxGroup.d.ts CHANGED
@@ -8,11 +8,12 @@ export interface CheckboxGroupRootProps extends Omit<BoxProps, 'onChange'> {
8
8
  orientation?: 'horizontal' | 'vertical';
9
9
  color?: PittoricaColor;
10
10
  disabled?: boolean;
11
+ name?: string;
11
12
  }
12
13
  export interface CheckboxGroupItemProps extends Omit<CheckboxProps, 'value'> {
13
14
  value: string;
14
15
  }
15
- export declare const CheckboxGroup: (({ value: controlledValue, defaultValue, onValueChange, orientation, color, disabled, children, className, ...props }: CheckboxGroupRootProps) => import("react/jsx-runtime").JSX.Element) & {
16
+ export declare const CheckboxGroup: (({ value: controlledValue, defaultValue, onValueChange, orientation, color, disabled, name, children, className, ...props }: CheckboxGroupRootProps) => import("react/jsx-runtime").JSX.Element) & {
16
17
  Item: ({ value, ...props }: CheckboxGroupItemProps) => import("react/jsx-runtime").JSX.Element;
17
18
  };
18
19
  //# sourceMappingURL=CheckboxGroup.d.ts.map
package/dist/CheckboxGroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../src/CheckboxGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAa5D,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAiDD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;CACf;AAsBD,eAAO,MAAM,aAAa,0HA7DvB,sBAAsB;gCAyCuB,sBAAsB;CAsBpE,CAAC"}
1
+ {"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../src/CheckboxGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAc5D,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAmDD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;CACf;AAwBD,eAAO,MAAM,aAAa,gIAhEvB,sBAAsB;gCA0CuB,sBAAsB;CAwBpE,CAAC"}
package/dist/index.js CHANGED
@@ -1,94 +1,96 @@
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
- function R(r) {
4
- var i, e, t = "";
1
+ import { jsx as b, jsxs as _ } from "react/jsx-runtime";
2
+ import D, { forwardRef as H, createElement as R, createContext as J, useState as K, use as P } from "react";
3
+ function L(r) {
4
+ var a, e, t = "";
5
5
  if (typeof r == "string" || typeof r == "number") t += r;
6
6
  else if (typeof r == "object") if (Array.isArray(r)) {
7
7
  var o = r.length;
8
- for (i = 0; i < o; i++) r[i] && (e = R(r[i])) && (t && (t += " "), t += e);
8
+ for (a = 0; a < o; a++) r[a] && (e = L(r[a])) && (t && (t += " "), t += e);
9
9
  } else for (e in r) r[e] && (t && (t += " "), t += e);
10
10
  return t;
11
11
  }
12
- function P() {
13
- for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = R(r)) && (t && (t += " "), t += i);
12
+ function Q() {
13
+ for (var r, a, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (a = L(r)) && (t && (t += " "), t += a);
14
14
  return t;
15
15
  }
16
16
  function I(r) {
17
- var i, e, t = "";
17
+ var a, 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 = I(r[i])) && (t && (t += " "), t += e);
21
+ for (a = 0; a < o; a++) r[a] && (e = I(r[a])) && (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 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);
25
+ function U() {
26
+ for (var r, a, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (a = I(r)) && (t && (t += " "), t += a);
27
27
  return t;
28
28
  }
29
- const L = ({
29
+ const W = ({
30
30
  ref: r,
31
- as: i = "div",
31
+ as: a = "div",
32
32
  children: e,
33
33
  display: t,
34
34
  m: o,
35
- mt: s,
36
- mr: d,
37
- mb: g,
38
- ml: h,
39
- p: f,
35
+ mt: n,
36
+ mr: l,
37
+ mb: h,
38
+ ml: p,
39
+ p: m,
40
40
  pt: c,
41
- pr: l,
42
- pb: n,
43
- pl: u,
44
- width: p,
45
- height: m,
41
+ pr: g,
42
+ pb: d,
43
+ pl: s,
44
+ width: u,
45
+ height: f,
46
46
  position: v,
47
- style: b,
47
+ style: y,
48
48
  className: x,
49
49
  href: $,
50
50
  target: k,
51
51
  rel: w,
52
52
  htmlFor: N,
53
53
  type: C,
54
- disabled: A,
55
- ...j
54
+ name: A,
55
+ disabled: j,
56
+ ...B
56
57
  }) => {
57
- const a = {};
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
- const B = {
60
- ...b,
61
- ...a
58
+ const i = {};
59
+ t && (i.display = t), u && (i.width = u), f && (i.height = f), v && (i.position = v), o && (i.margin = `var(--pittorica-space-${o})`), n && (i.marginTop = `var(--pittorica-space-${n})`), l && (i.marginRight = `var(--pittorica-space-${l})`), h && (i.marginBottom = `var(--pittorica-space-${h})`), p && (i.marginLeft = `var(--pittorica-space-${p})`), m && (i.padding = `var(--pittorica-space-${m})`), c && (i.paddingTop = `var(--pittorica-space-${c})`), g && (i.paddingRight = `var(--pittorica-space-${g})`), d && (i.paddingBottom = `var(--pittorica-space-${d})`), s && (i.paddingLeft = `var(--pittorica-space-${s})`);
60
+ const F = {
61
+ ...y,
62
+ ...i
62
63
  };
63
- return /* @__PURE__ */ y(
64
- i,
64
+ return /* @__PURE__ */ b(
65
+ a,
65
66
  {
66
67
  ref: r,
67
- className: Q("pittorica-box", x),
68
- style: B,
68
+ className: U("pittorica-box", x),
69
+ style: F,
69
70
  href: $,
70
71
  target: k,
71
72
  rel: w,
72
73
  htmlFor: N,
73
74
  type: C,
74
- disabled: A,
75
- ...j,
75
+ name: A,
76
+ disabled: j,
77
+ ...B,
76
78
  children: e
77
79
  }
78
80
  );
79
81
  };
80
- L.displayName = "Box";
81
- function T(r) {
82
- var i, e, t = "";
82
+ W.displayName = "Box";
83
+ function q(r) {
84
+ var a, e, t = "";
83
85
  if (typeof r == "string" || typeof r == "number") t += r;
84
86
  else if (typeof r == "object") if (Array.isArray(r)) {
85
87
  var o = r.length;
86
- for (i = 0; i < o; i++) r[i] && (e = T(r[i])) && (t && (t += " "), t += e);
88
+ for (a = 0; a < o; a++) r[a] && (e = q(r[a])) && (t && (t += " "), t += e);
87
89
  } else for (e in r) r[e] && (t && (t += " "), t += e);
88
90
  return t;
89
91
  }
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
+ function Z() {
93
+ for (var r, a, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (a = q(r)) && (t && (t += " "), t += a);
92
94
  return t;
93
95
  }
94
96
  /**
@@ -97,7 +99,7 @@ function U() {
97
99
  * This source code is licensed under the MIT license.
98
100
  * See the LICENSE file in the root directory of this source tree.
99
101
  */
100
- var Y = {
102
+ var X = {
101
103
  outline: {
102
104
  xmlns: "http://www.w3.org/2000/svg",
103
105
  width: 24,
@@ -124,27 +126,27 @@ var Y = {
124
126
  * This source code is licensed under the MIT license.
125
127
  * See the LICENSE file in the root directory of this source tree.
126
128
  */
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(
129
+ const G = (r, a, e, t) => {
130
+ const o = H(
131
+ ({ color: n = "currentColor", size: l = 24, stroke: h = 2, title: p, className: m, children: c, ...g }, d) => R(
130
132
  "svg",
131
133
  {
132
- ref: n,
133
- ...Y[r],
134
- width: d,
135
- height: d,
136
- className: ["tabler-icon", `tabler-icon-${i}`, f].join(" "),
134
+ ref: d,
135
+ ...X[r],
136
+ width: l,
137
+ height: l,
138
+ className: ["tabler-icon", `tabler-icon-${a}`, m].join(" "),
137
139
  ...r === "filled" ? {
138
- fill: s
140
+ fill: n
139
141
  } : {
140
- strokeWidth: g,
141
- stroke: s
142
+ strokeWidth: h,
143
+ stroke: n
142
144
  },
143
- ...l
145
+ ...g
144
146
  },
145
147
  [
146
- h && F("title", { key: "svg-title" }, h),
147
- ...t.map(([u, p]) => F(u, p)),
148
+ p && R("title", { key: "svg-title" }, p),
149
+ ...t.map(([s, u]) => R(s, u)),
148
150
  ...Array.isArray(c) ? c : [c]
149
151
  ]
150
152
  )
@@ -157,173 +159,178 @@ const W = (r, i, e, t) => {
157
159
  * This source code is licensed under the MIT license.
158
160
  * See the LICENSE file in the root directory of this source tree.
159
161
  */
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);
162
+ const Y = [["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" }]], V = G("outline", "square", "Square", Y);
161
163
  /**
162
164
  * @license @tabler/icons-react v3.36.1 - MIT
163
165
  *
164
166
  * This source code is licensed under the MIT license.
165
167
  * See the LICENSE file in the root directory of this source tree.
166
168
  */
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
- var i, e, t = "";
169
+ const tt = [["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" }]], rt = G("filled", "square-check-filled", "SquareCheckFilled", tt);
170
+ function T(r) {
171
+ var a, e, t = "";
170
172
  if (typeof r == "string" || typeof r == "number") t += r;
171
173
  else if (typeof r == "object") if (Array.isArray(r)) {
172
174
  var o = r.length;
173
- for (i = 0; i < o; i++) r[i] && (e = G(r[i])) && (t && (t += " "), t += e);
175
+ for (a = 0; a < o; a++) r[a] && (e = T(r[a])) && (t && (t += " "), t += e);
174
176
  } else for (e in r) r[e] && (t && (t += " "), t += e);
175
177
  return t;
176
178
  }
177
- function rt() {
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
+ function et() {
180
+ for (var r, a, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (a = T(r)) && (t && (t += " "), t += a);
179
181
  return t;
180
182
  }
181
- const q = ({
183
+ const z = ({
182
184
  ref: r,
183
- as: i = "div",
185
+ as: a = "div",
184
186
  children: e,
185
187
  display: t,
186
188
  m: o,
187
- mt: s,
188
- mr: d,
189
- mb: g,
190
- ml: h,
191
- p: f,
189
+ mt: n,
190
+ mr: l,
191
+ mb: h,
192
+ ml: p,
193
+ p: m,
192
194
  pt: c,
193
- pr: l,
194
- pb: n,
195
- pl: u,
196
- width: p,
197
- height: m,
195
+ pr: g,
196
+ pb: d,
197
+ pl: s,
198
+ width: u,
199
+ height: f,
198
200
  position: v,
199
- style: b,
201
+ style: y,
200
202
  className: x,
201
203
  href: $,
202
204
  target: k,
203
205
  rel: w,
204
206
  htmlFor: N,
205
207
  type: C,
206
- disabled: A,
207
- ...j
208
+ name: A,
209
+ disabled: j,
210
+ ...B
208
211
  }) => {
209
- const a = {};
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
- const B = {
212
- ...b,
213
- ...a
212
+ const i = {};
213
+ t && (i.display = t), u && (i.width = u), f && (i.height = f), v && (i.position = v), o && (i.margin = `var(--pittorica-space-${o})`), n && (i.marginTop = `var(--pittorica-space-${n})`), l && (i.marginRight = `var(--pittorica-space-${l})`), h && (i.marginBottom = `var(--pittorica-space-${h})`), p && (i.marginLeft = `var(--pittorica-space-${p})`), m && (i.padding = `var(--pittorica-space-${m})`), c && (i.paddingTop = `var(--pittorica-space-${c})`), g && (i.paddingRight = `var(--pittorica-space-${g})`), d && (i.paddingBottom = `var(--pittorica-space-${d})`), s && (i.paddingLeft = `var(--pittorica-space-${s})`);
214
+ const F = {
215
+ ...y,
216
+ ...i
214
217
  };
215
- return /* @__PURE__ */ y(
216
- i,
218
+ return /* @__PURE__ */ b(
219
+ a,
217
220
  {
218
221
  ref: r,
219
- className: rt("pittorica-box", x),
220
- style: B,
222
+ className: et("pittorica-box", x),
223
+ style: F,
221
224
  href: $,
222
225
  target: k,
223
226
  rel: w,
224
227
  htmlFor: N,
225
228
  type: C,
226
- disabled: A,
227
- ...j,
229
+ name: A,
230
+ disabled: j,
231
+ ...B,
228
232
  children: e
229
233
  }
230
234
  );
231
235
  };
232
- q.displayName = "Box";
233
- function z(r) {
234
- var i, e, t = "";
236
+ z.displayName = "Box";
237
+ function S(r) {
238
+ var a, e, t = "";
235
239
  if (typeof r == "string" || typeof r == "number") t += r;
236
240
  else if (typeof r == "object") if (Array.isArray(r)) {
237
241
  var o = r.length;
238
- for (i = 0; i < o; i++) r[i] && (e = z(r[i])) && (t && (t += " "), t += e);
242
+ for (a = 0; a < o; a++) r[a] && (e = S(r[a])) && (t && (t += " "), t += e);
239
243
  } else for (e in r) r[e] && (t && (t += " "), t += e);
240
244
  return t;
241
245
  }
242
- function et() {
243
- for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = z(r)) && (t && (t += " "), t += i);
246
+ function at() {
247
+ for (var r, a, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (a = S(r)) && (t && (t += " "), t += a);
244
248
  return t;
245
249
  }
246
- function S(r) {
247
- var i, e, t = "";
250
+ function M(r) {
251
+ var a, e, t = "";
248
252
  if (typeof r == "string" || typeof r == "number") t += r;
249
253
  else if (typeof r == "object") if (Array.isArray(r)) {
250
254
  var o = r.length;
251
- for (i = 0; i < o; i++) r[i] && (e = S(r[i])) && (t && (t += " "), t += e);
255
+ for (a = 0; a < o; a++) r[a] && (e = M(r[a])) && (t && (t += " "), t += e);
252
256
  } else for (e in r) r[e] && (t && (t += " "), t += e);
253
257
  return t;
254
258
  }
255
259
  function it() {
256
- for (var r, i, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (i = S(r)) && (t && (t += " "), t += i);
260
+ for (var r, a, e = 0, t = "", o = arguments.length; e < o; e++) (r = arguments[e]) && (a = M(r)) && (t && (t += " "), t += a);
257
261
  return t;
258
262
  }
259
263
  const E = ({
260
264
  ref: r,
261
- as: i = "div",
265
+ as: a = "div",
262
266
  children: e,
263
267
  display: t,
264
268
  m: o,
265
- mt: s,
266
- mr: d,
267
- mb: g,
268
- ml: h,
269
- p: f,
269
+ mt: n,
270
+ mr: l,
271
+ mb: h,
272
+ ml: p,
273
+ p: m,
270
274
  pt: c,
271
- pr: l,
272
- pb: n,
273
- pl: u,
274
- width: p,
275
- height: m,
275
+ pr: g,
276
+ pb: d,
277
+ pl: s,
278
+ width: u,
279
+ height: f,
276
280
  position: v,
277
- style: b,
281
+ style: y,
278
282
  className: x,
279
283
  href: $,
280
284
  target: k,
281
285
  rel: w,
282
286
  htmlFor: N,
283
287
  type: C,
284
- disabled: A,
285
- ...j
288
+ name: A,
289
+ disabled: j,
290
+ ...B
286
291
  }) => {
287
- const a = {};
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
- const B = {
290
- ...b,
291
- ...a
292
+ const i = {};
293
+ t && (i.display = t), u && (i.width = u), f && (i.height = f), v && (i.position = v), o && (i.margin = `var(--pittorica-space-${o})`), n && (i.marginTop = `var(--pittorica-space-${n})`), l && (i.marginRight = `var(--pittorica-space-${l})`), h && (i.marginBottom = `var(--pittorica-space-${h})`), p && (i.marginLeft = `var(--pittorica-space-${p})`), m && (i.padding = `var(--pittorica-space-${m})`), c && (i.paddingTop = `var(--pittorica-space-${c})`), g && (i.paddingRight = `var(--pittorica-space-${g})`), d && (i.paddingBottom = `var(--pittorica-space-${d})`), s && (i.paddingLeft = `var(--pittorica-space-${s})`);
294
+ const F = {
295
+ ...y,
296
+ ...i
292
297
  };
293
- return /* @__PURE__ */ y(
294
- i,
298
+ return /* @__PURE__ */ b(
299
+ a,
295
300
  {
296
301
  ref: r,
297
302
  className: it("pittorica-box", x),
298
- style: B,
303
+ style: F,
299
304
  href: $,
300
305
  target: k,
301
306
  rel: w,
302
307
  htmlFor: N,
303
308
  type: C,
304
- disabled: A,
305
- ...j,
309
+ name: A,
310
+ disabled: j,
311
+ ...B,
306
312
  children: e
307
313
  }
308
314
  );
309
315
  };
310
316
  E.displayName = "Box";
311
- const at = ({
317
+ const ot = ({
312
318
  children: r,
313
- as: i = "span",
319
+ as: a = "span",
314
320
  weight: e = "regular",
315
321
  align: t,
316
322
  truncate: o = !1,
317
- color: s,
318
- className: d,
319
- style: g,
320
- href: h,
321
- target: f,
323
+ color: n,
324
+ className: l,
325
+ style: h,
326
+ href: p,
327
+ target: m,
322
328
  rel: c,
323
- htmlFor: l,
324
- ...n
329
+ htmlFor: g,
330
+ name: d,
331
+ ...s
325
332
  }) => {
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([
333
+ const u = (n == null ? void 0 : n.startsWith("#")) || (n == null ? void 0 : n.startsWith("rgb")) || (n == null ? void 0 : n.startsWith("hsl")), f = /* @__PURE__ */ new Set([
327
334
  "danger",
328
335
  "success",
329
336
  "error",
@@ -335,132 +342,141 @@ const at = ({
335
342
  "slate",
336
343
  "blue",
337
344
  "red"
338
- ]), m = (() => {
339
- if (s)
340
- return s === "inherit" ? "inherit" : u ? s : p.has(s) ? `var(--pittorica-${s}-9)` : s;
341
- })(), v = {
342
- ...g,
345
+ ]), v = (() => {
346
+ if (n)
347
+ return n === "inherit" ? "inherit" : u ? n : f.has(n) ? `var(--pittorica-${n}-9)` : n;
348
+ })(), y = {
349
+ ...h,
343
350
  textAlign: t,
344
- color: m
351
+ color: v
345
352
  };
346
- return /* @__PURE__ */ y(
353
+ return /* @__PURE__ */ b(
347
354
  E,
348
355
  {
349
- as: i,
350
- className: et(
356
+ as: a,
357
+ className: at(
351
358
  "pittorica-text",
352
359
  { "pittorica-text--truncate": o },
353
- d
360
+ l
354
361
  ),
355
362
  "data-weight": e,
356
- style: v,
357
- href: h,
358
- target: f,
363
+ style: y,
364
+ href: p,
365
+ target: m,
359
366
  rel: c,
360
- htmlFor: l,
361
- ...n,
367
+ htmlFor: g,
368
+ name: d,
369
+ ...s,
362
370
  children: r
363
371
  }
364
372
  );
365
- }, ot = ({
373
+ }, nt = ({
366
374
  checked: r,
367
- defaultChecked: i,
375
+ defaultChecked: a,
368
376
  onChange: e,
369
377
  color: t = "indigo",
370
378
  disabled: o = !1,
371
- label: s,
372
- className: d,
373
- style: g,
374
- ...h
379
+ label: n,
380
+ name: l,
381
+ value: h,
382
+ className: p,
383
+ style: m,
384
+ ...c
375
385
  }) => {
376
- const [f, c] = _.useState(
377
- i ?? !1
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
+ const [g, d] = D.useState(
387
+ a ?? !1
388
+ ), s = r === void 0 ? g : r, u = t !== "inherit" && !(t != null && t.startsWith("#")) && !(t != null && t.startsWith("rgb")) ? `var(--pittorica-${t}-9)` : t, f = (v) => {
379
389
  if (o) return;
380
- const m = p.target.checked;
381
- c(m), e == null || e(m);
390
+ const y = v.target.checked;
391
+ d(y), e == null || e(y);
382
392
  };
383
- return /* @__PURE__ */ O(
384
- q,
393
+ return /* @__PURE__ */ _(
394
+ z,
385
395
  {
386
396
  as: "label",
387
- className: U("pittorica-checkbox-root", d),
397
+ className: Z("pittorica-checkbox-root", p),
388
398
  "data-disabled": o,
389
- style: { "--_checkbox-color": n, ...g },
399
+ style: { "--_checkbox-color": u, ...m },
390
400
  children: [
391
- /* @__PURE__ */ y(
401
+ /* @__PURE__ */ b(
392
402
  "input",
393
403
  {
394
404
  type: "checkbox",
395
405
  className: "pittorica-checkbox-input",
396
- checked: l,
406
+ name: l,
407
+ value: h,
408
+ checked: s,
397
409
  disabled: o,
398
- onChange: u,
399
- ...h
410
+ onChange: f,
411
+ ...c
400
412
  }
401
413
  ),
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 })
414
+ /* @__PURE__ */ b("div", { className: "pittorica-checkbox-control", children: s ? /* @__PURE__ */ b(rt, { size: 20 }) : /* @__PURE__ */ b(V, { size: 20, stroke: 1.5 }) }),
415
+ n && /* @__PURE__ */ b(ot, { weight: "medium", style: { color: "inherit" }, children: n })
404
416
  ]
405
417
  }
406
418
  );
407
- }, M = H(
419
+ }, O = J(
408
420
  null
409
421
  ), st = ({
410
422
  value: r,
411
- defaultValue: i = [],
423
+ defaultValue: a = [],
412
424
  onValueChange: e,
413
425
  orientation: t = "vertical",
414
426
  color: o,
415
- disabled: s,
416
- children: d,
417
- className: g,
418
- ...h
427
+ disabled: n,
428
+ name: l,
429
+ children: h,
430
+ className: p,
431
+ ...m
419
432
  }) => {
420
- const [f, c] = J(i), l = r !== void 0, n = l ? r : f;
421
- return /* @__PURE__ */ y(
422
- M,
433
+ const [c, g] = K(a), d = r !== void 0, s = d ? r : c;
434
+ return /* @__PURE__ */ b(
435
+ O,
423
436
  {
424
437
  value: {
425
- value: n,
426
- onItemChange: (p) => {
427
- const m = n.includes(p) ? n.filter((v) => v !== p) : [...n, p];
428
- l || c(m), e == null || e(m);
438
+ value: s,
439
+ onItemChange: (f) => {
440
+ const v = s.includes(f) ? s.filter((y) => y !== f) : [...s, f];
441
+ d || g(v), e == null || e(v);
429
442
  },
430
443
  color: o,
431
- disabled: s
444
+ disabled: n,
445
+ name: l
432
446
  },
433
- children: /* @__PURE__ */ y(
434
- L,
447
+ children: /* @__PURE__ */ b(
448
+ W,
435
449
  {
436
- className: P("pittorica-checkbox-group-root", g),
450
+ className: Q("pittorica-checkbox-group-root", p),
437
451
  "data-orientation": t,
438
452
  role: "group",
439
- ...h,
440
- children: d
453
+ ...m,
454
+ children: h
441
455
  }
442
456
  )
443
457
  }
444
458
  );
445
- }, nt = ({ value: r, ...i }) => {
446
- const e = K(M);
459
+ }, ct = ({ value: r, ...a }) => {
460
+ const e = P(O);
447
461
  if (!e)
448
462
  throw new Error(
449
463
  "CheckboxGroup.Item must be used within CheckboxGroup.Root"
450
464
  );
451
- return /* @__PURE__ */ y(
452
- ot,
465
+ return /* @__PURE__ */ b(
466
+ nt,
453
467
  {
454
- ...i,
468
+ ...a,
469
+ name: e.name,
470
+ value: r,
455
471
  checked: e.value.includes(r),
456
472
  onChange: () => e.onItemChange(r),
457
- color: i.color || e.color,
458
- disabled: i.disabled || e.disabled
473
+ color: a.color || e.color,
474
+ disabled: a.disabled || e.disabled
459
475
  }
460
476
  );
461
- }, pt = Object.assign(st, {
462
- Item: nt
477
+ }, dt = Object.assign(st, {
478
+ Item: ct
463
479
  });
464
480
  export {
465
- pt as CheckboxGroup
481
+ dt as CheckboxGroup
466
482
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pittorica/checkbox-group-react",
3
- "version": "0.23.1",
3
+ "version": "0.24.0",
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.23.1",
14
- "@pittorica/checkbox-react": "0.23.1",
15
- "@pittorica/text-react": "0.23.1"
13
+ "@pittorica/text-react": "0.24.0",
14
+ "@pittorica/checkbox-react": "0.24.0",
15
+ "@pittorica/box-react": "0.24.0"
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/theme-react": "0.23.1",
28
- "pittorica": "0.23.1"
27
+ "@pittorica/theme-react": "0.24.0",
28
+ "pittorica": "0.24.0"
29
29
  },
30
30
  "peerDependencies": {
31
31
  "react": ">=19",