@pittorica/checkbox-group-react 0.25.0 → 0.26.1

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 (10) hide show
  1. package/dist/CheckboxGroup.d.ts +2 -1
  2. package/dist/CheckboxGroup.d.ts.map +1 -1
  3. package/dist/index.d.ts +1 -2
  4. package/dist/index.d.ts.map +1 -1
  5. package/dist/index.js +168 -153
  6. package/package.json +10 -9
  7. package/dist/CheckboxGroup.stories.d.ts +0 -7
  8. package/dist/CheckboxGroup.stories.d.ts.map +0 -1
  9. package/dist/CheckboxGroup.test.d.ts +0 -5
  10. package/dist/CheckboxGroup.test.d.ts.map +0 -1
package/dist/CheckboxGroup.d.ts CHANGED
@@ -13,6 +13,7 @@ export type CheckboxGroupRootProps<E extends ElementType = 'div'> = Omit<BoxProp
13
13
  color?: PittoricaColor;
14
14
  disabled?: boolean;
15
15
  name?: string;
16
+ required?: boolean;
16
17
  };
17
18
  /**
18
19
  * Fix TS2314: Extend CheckboxProps with generic E.
@@ -21,7 +22,7 @@ export type CheckboxGroupItemProps<E extends ElementType = 'label'> = Omit<Check
21
22
  value: string;
22
23
  };
23
24
  export declare const CheckboxGroup: {
24
- <E extends ElementType = "div">({ value: controlledValue, defaultValue, onValueChange, orientation, color, disabled, name, children, className, as, ...props }: CheckboxGroupRootProps<E>): import("react/jsx-runtime").JSX.Element;
25
+ <E extends ElementType = "div">({ value: controlledValue, defaultValue, onValueChange, orientation, color, disabled, name, required, children, className, as, ...props }: CheckboxGroupRootProps<E>): import("react/jsx-runtime").JSX.Element;
25
26
  displayName: string;
26
27
  } & {
27
28
  Item: {
package/dist/CheckboxGroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../src/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,WAAW,EAA0B,MAAM,OAAO,CAAC;AAIhF,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;AAgB5D;;GAEG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,IAAI,CACtE,QAAQ,CAAC,CAAC,CAAC,EACX,UAAU,GAAG,OAAO,GAAG,cAAc,CACtC,GAAG;IACF,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,CAAC;AA4DF;;GAEG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,IAAI,IAAI,CACxE,aAAa,CAAC,CAAC,CAAC,EAChB,OAAO,CACR,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AA+BF,eAAO,MAAM,aAAa;KAjGC,CAAC,SAAS,WAAW,0IAY7C,sBAAsB,CAAC,CAAC,CAAC;;;;SAwDD,CAAC,SAAS,WAAW,qCAI7C,sBAAsB,CAAC,CAAC,CAAC;;;CA2B1B,CAAC"}
1
+ {"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../src/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,WAAW,EAA0B,MAAM,OAAO,CAAC;AAIhF,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;AAiB5D;;GAEG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,IAAI,CACtE,QAAQ,CAAC,CAAC,CAAC,EACX,UAAU,GAAG,OAAO,GAAG,cAAc,CACtC,GAAG;IACF,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;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA8DF;;GAEG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,IAAI,IAAI,CACxE,aAAa,CAAC,CAAC,CAAC,EAChB,OAAO,CACR,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAgCF,eAAO,MAAM,aAAa;KApGC,CAAC,SAAS,WAAW,oJAa7C,sBAAsB,CAAC,CAAC,CAAC;;;;SAyDD,CAAC,SAAS,WAAW,qCAI7C,sBAAsB,CAAC,CAAC,CAAC;;;CA4B1B,CAAC"}
package/dist/index.d.ts CHANGED
@@ -1,3 +1,2 @@
1
- export type { CheckboxGroupItemProps, CheckboxGroupRootProps, } from './CheckboxGroup.js';
2
- export { CheckboxGroup } from './CheckboxGroup.js';
1
+ export * from './CheckboxGroup.js';
3
2
  //# sourceMappingURL=index.d.ts.map
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
package/dist/index.js CHANGED
@@ -1,32 +1,32 @@
1
- import { jsx as $, jsxs as J } from "react/jsx-runtime";
2
- import K, { forwardRef as P, createElement as A, createContext as Q, useState as U, useMemo as X, use as Y } from "react";
3
- function z(a) {
1
+ import { jsx as b, jsxs as z } from "react/jsx-runtime";
2
+ import Q, { forwardRef as U, createElement as B, createContext as D, useState as X, useMemo as Y, use as Z } from "react";
3
+ function L(a) {
4
4
  var i, r, t = "";
5
5
  if (typeof a == "string" || typeof a == "number") t += a;
6
6
  else if (typeof a == "object") if (Array.isArray(a)) {
7
7
  var o = a.length;
8
- for (i = 0; i < o; i++) a[i] && (r = z(a[i])) && (t && (t += " "), t += r);
8
+ for (i = 0; i < o; i++) a[i] && (r = L(a[i])) && (t && (t += " "), t += r);
9
9
  } else for (r in a) a[r] && (t && (t += " "), t += r);
10
10
  return t;
11
11
  }
12
- function Z() {
13
- for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = z(a)) && (t && (t += " "), t += i);
12
+ function V() {
13
+ for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = L(a)) && (t && (t += " "), t += i);
14
14
  return t;
15
15
  }
16
- function L(a) {
16
+ function j(a) {
17
17
  var i, r, t = "";
18
18
  if (typeof a == "string" || typeof a == "number") t += a;
19
19
  else if (typeof a == "object") if (Array.isArray(a)) {
20
20
  var o = a.length;
21
- for (i = 0; i < o; i++) a[i] && (r = L(a[i])) && (t && (t += " "), t += r);
21
+ for (i = 0; i < o; i++) a[i] && (r = j(a[i])) && (t && (t += " "), t += r);
22
22
  } else for (r in a) a[r] && (t && (t += " "), t += r);
23
23
  return t;
24
24
  }
25
- function V() {
26
- for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = L(a)) && (t && (t += " "), t += i);
25
+ function tt() {
26
+ for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = j(a)) && (t && (t += " "), t += i);
27
27
  return t;
28
28
  }
29
- const j = ({
29
+ const G = ({
30
30
  as: a,
31
31
  children: i,
32
32
  display: r,
@@ -34,53 +34,55 @@ const j = ({
34
34
  mt: o,
35
35
  mr: p,
36
36
  mb: c,
37
- ml: h,
37
+ ml: g,
38
38
  mx: n,
39
39
  my: l,
40
40
  p: d,
41
- pt: v,
41
+ pt: h,
42
42
  pr: u,
43
- pb: g,
44
- pl: s,
45
- px: m,
43
+ pb: v,
44
+ pl: m,
45
+ px: s,
46
46
  py: f,
47
- width: b,
48
- height: y,
49
- position: x,
47
+ width: $,
48
+ height: x,
49
+ position: y,
50
50
  style: k,
51
51
  className: w,
52
52
  disabled: N,
53
- ...C
53
+ required: C,
54
+ ...T
54
55
  }) => {
55
- const T = a || "div", e = {};
56
- r && (e.display = r), b && (e.width = b), y && (e.height = y), x && (e.position = x), t && (e.margin = `var(--pittorica-space-${t})`), o && (e.marginTop = `var(--pittorica-space-${o})`), p && (e.marginRight = `var(--pittorica-space-${p})`), c && (e.marginBottom = `var(--pittorica-space-${c})`), h && (e.marginLeft = `var(--pittorica-space-${h})`), n && (e.marginLeft = `var(--pittorica-space-${n})`, e.marginRight = `var(--pittorica-space-${n})`), l && (e.marginTop = `var(--pittorica-space-${l})`, e.marginBottom = `var(--pittorica-space-${l})`), d && (e.padding = `var(--pittorica-space-${d})`), v && (e.paddingTop = `var(--pittorica-space-${v})`), u && (e.paddingRight = `var(--pittorica-space-${u})`), g && (e.paddingBottom = `var(--pittorica-space-${g})`), s && (e.paddingLeft = `var(--pittorica-space-${s})`), m && (e.paddingLeft = `var(--pittorica-space-${m})`, e.paddingRight = `var(--pittorica-space-${m})`), f && (e.paddingTop = `var(--pittorica-space-${f})`, e.paddingBottom = `var(--pittorica-space-${f})`);
56
+ const q = a || "div", e = {};
57
+ r && (e.display = r), $ && (e.width = $), x && (e.height = x), y && (e.position = y), t && (e.margin = `var(--pittorica-space-${t})`), o && (e.marginTop = `var(--pittorica-space-${o})`), p && (e.marginRight = `var(--pittorica-space-${p})`), c && (e.marginBottom = `var(--pittorica-space-${c})`), g && (e.marginLeft = `var(--pittorica-space-${g})`), n && (e.marginLeft = `var(--pittorica-space-${n})`, e.marginRight = `var(--pittorica-space-${n})`), l && (e.marginTop = `var(--pittorica-space-${l})`, e.marginBottom = `var(--pittorica-space-${l})`), d && (e.padding = `var(--pittorica-space-${d})`), h && (e.paddingTop = `var(--pittorica-space-${h})`), u && (e.paddingRight = `var(--pittorica-space-${u})`), v && (e.paddingBottom = `var(--pittorica-space-${v})`), m && (e.paddingLeft = `var(--pittorica-space-${m})`), s && (e.paddingLeft = `var(--pittorica-space-${s})`, e.paddingRight = `var(--pittorica-space-${s})`), f && (e.paddingTop = `var(--pittorica-space-${f})`, e.paddingBottom = `var(--pittorica-space-${f})`);
57
58
  const R = {
58
59
  ...k,
59
60
  ...e
60
61
  };
61
- return /* @__PURE__ */ $(
62
- T,
62
+ return /* @__PURE__ */ b(
63
+ q,
63
64
  {
64
- className: V("pittorica-box", w),
65
+ className: tt("pittorica-box", w),
65
66
  style: R,
66
67
  disabled: N,
67
- ...C,
68
+ required: C,
69
+ ...T,
68
70
  children: i
69
71
  }
70
72
  );
71
73
  };
72
- j.displayName = "Box";
73
- function G(a) {
74
+ G.displayName = "Box";
75
+ function I(a) {
74
76
  var i, r, t = "";
75
77
  if (typeof a == "string" || typeof a == "number") t += a;
76
78
  else if (typeof a == "object") if (Array.isArray(a)) {
77
79
  var o = a.length;
78
- for (i = 0; i < o; i++) a[i] && (r = G(a[i])) && (t && (t += " "), t += r);
80
+ for (i = 0; i < o; i++) a[i] && (r = I(a[i])) && (t && (t += " "), t += r);
79
81
  } else for (r in a) a[r] && (t && (t += " "), t += r);
80
82
  return t;
81
83
  }
82
- function tt() {
83
- for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = G(a)) && (t && (t += " "), t += i);
84
+ function at() {
85
+ for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = I(a)) && (t && (t += " "), t += i);
84
86
  return t;
85
87
  }
86
88
  /**
@@ -89,7 +91,7 @@ function tt() {
89
91
  * This source code is licensed under the MIT license.
90
92
  * See the LICENSE file in the root directory of this source tree.
91
93
  */
92
- var at = {
94
+ var rt = {
93
95
  outline: {
94
96
  xmlns: "http://www.w3.org/2000/svg",
95
97
  width: 24,
@@ -116,27 +118,27 @@ var at = {
116
118
  * This source code is licensed under the MIT license.
117
119
  * See the LICENSE file in the root directory of this source tree.
118
120
  */
119
- const I = (a, i, r, t) => {
120
- const o = P(
121
- ({ color: p = "currentColor", size: c = 24, stroke: h = 2, title: n, className: l, children: d, ...v }, u) => A(
121
+ const W = (a, i, r, t) => {
122
+ const o = U(
123
+ ({ color: p = "currentColor", size: c = 24, stroke: g = 2, title: n, className: l, children: d, ...h }, u) => B(
122
124
  "svg",
123
125
  {
124
126
  ref: u,
125
- ...at[a],
127
+ ...rt[a],
126
128
  width: c,
127
129
  height: c,
128
130
  className: ["tabler-icon", `tabler-icon-${i}`, l].join(" "),
129
131
  ...a === "filled" ? {
130
132
  fill: p
131
133
  } : {
132
- strokeWidth: h,
134
+ strokeWidth: g,
133
135
  stroke: p
134
136
  },
135
- ...v
137
+ ...h
136
138
  },
137
139
  [
138
- n && A("title", { key: "svg-title" }, n),
139
- ...t.map(([g, s]) => A(g, s)),
140
+ n && B("title", { key: "svg-title" }, n),
141
+ ...t.map(([v, m]) => B(v, m)),
140
142
  ...Array.isArray(d) ? d : [d]
141
143
  ]
142
144
  )
@@ -149,28 +151,28 @@ const I = (a, i, r, t) => {
149
151
  * This source code is licensed under the MIT license.
150
152
  * See the LICENSE file in the root directory of this source tree.
151
153
  */
152
- const rt = [["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" }]], et = I("outline", "square", "Square", rt);
154
+ const et = [["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" }]], it = W("outline", "square", "Square", et);
153
155
  /**
154
156
  * @license @tabler/icons-react v3.36.1 - MIT
155
157
  *
156
158
  * This source code is licensed under the MIT license.
157
159
  * See the LICENSE file in the root directory of this source tree.
158
160
  */
159
- const it = [["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" }]], ot = I("filled", "square-check-filled", "SquareCheckFilled", it);
160
- function W(a) {
161
+ const ot = [["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" }]], ct = W("filled", "square-check-filled", "SquareCheckFilled", ot);
162
+ function S(a) {
161
163
  var i, r, t = "";
162
164
  if (typeof a == "string" || typeof a == "number") t += a;
163
165
  else if (typeof a == "object") if (Array.isArray(a)) {
164
166
  var o = a.length;
165
- for (i = 0; i < o; i++) a[i] && (r = W(a[i])) && (t && (t += " "), t += r);
167
+ for (i = 0; i < o; i++) a[i] && (r = S(a[i])) && (t && (t += " "), t += r);
166
168
  } else for (r in a) a[r] && (t && (t += " "), t += r);
167
169
  return t;
168
170
  }
169
- function ct() {
170
- for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = W(a)) && (t && (t += " "), t += i);
171
+ function st() {
172
+ for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = S(a)) && (t && (t += " "), t += i);
171
173
  return t;
172
174
  }
173
- const S = ({
175
+ const M = ({
174
176
  as: a,
175
177
  children: i,
176
178
  display: r,
@@ -178,69 +180,71 @@ const S = ({
178
180
  mt: o,
179
181
  mr: p,
180
182
  mb: c,
181
- ml: h,
183
+ ml: g,
182
184
  mx: n,
183
185
  my: l,
184
186
  p: d,
185
- pt: v,
187
+ pt: h,
186
188
  pr: u,
187
- pb: g,
188
- pl: s,
189
- px: m,
189
+ pb: v,
190
+ pl: m,
191
+ px: s,
190
192
  py: f,
191
- width: b,
192
- height: y,
193
- position: x,
193
+ width: $,
194
+ height: x,
195
+ position: y,
194
196
  style: k,
195
197
  className: w,
196
198
  disabled: N,
197
- ...C
199
+ required: C,
200
+ ...T
198
201
  }) => {
199
- const T = a || "div", e = {};
200
- r && (e.display = r), b && (e.width = b), y && (e.height = y), x && (e.position = x), t && (e.margin = `var(--pittorica-space-${t})`), o && (e.marginTop = `var(--pittorica-space-${o})`), p && (e.marginRight = `var(--pittorica-space-${p})`), c && (e.marginBottom = `var(--pittorica-space-${c})`), h && (e.marginLeft = `var(--pittorica-space-${h})`), n && (e.marginLeft = `var(--pittorica-space-${n})`, e.marginRight = `var(--pittorica-space-${n})`), l && (e.marginTop = `var(--pittorica-space-${l})`, e.marginBottom = `var(--pittorica-space-${l})`), d && (e.padding = `var(--pittorica-space-${d})`), v && (e.paddingTop = `var(--pittorica-space-${v})`), u && (e.paddingRight = `var(--pittorica-space-${u})`), g && (e.paddingBottom = `var(--pittorica-space-${g})`), s && (e.paddingLeft = `var(--pittorica-space-${s})`), m && (e.paddingLeft = `var(--pittorica-space-${m})`, e.paddingRight = `var(--pittorica-space-${m})`), f && (e.paddingTop = `var(--pittorica-space-${f})`, e.paddingBottom = `var(--pittorica-space-${f})`);
202
+ const q = a || "div", e = {};
203
+ r && (e.display = r), $ && (e.width = $), x && (e.height = x), y && (e.position = y), t && (e.margin = `var(--pittorica-space-${t})`), o && (e.marginTop = `var(--pittorica-space-${o})`), p && (e.marginRight = `var(--pittorica-space-${p})`), c && (e.marginBottom = `var(--pittorica-space-${c})`), g && (e.marginLeft = `var(--pittorica-space-${g})`), n && (e.marginLeft = `var(--pittorica-space-${n})`, e.marginRight = `var(--pittorica-space-${n})`), l && (e.marginTop = `var(--pittorica-space-${l})`, e.marginBottom = `var(--pittorica-space-${l})`), d && (e.padding = `var(--pittorica-space-${d})`), h && (e.paddingTop = `var(--pittorica-space-${h})`), u && (e.paddingRight = `var(--pittorica-space-${u})`), v && (e.paddingBottom = `var(--pittorica-space-${v})`), m && (e.paddingLeft = `var(--pittorica-space-${m})`), s && (e.paddingLeft = `var(--pittorica-space-${s})`, e.paddingRight = `var(--pittorica-space-${s})`), f && (e.paddingTop = `var(--pittorica-space-${f})`, e.paddingBottom = `var(--pittorica-space-${f})`);
201
204
  const R = {
202
205
  ...k,
203
206
  ...e
204
207
  };
205
- return /* @__PURE__ */ $(
206
- T,
208
+ return /* @__PURE__ */ b(
209
+ q,
207
210
  {
208
- className: ct("pittorica-box", w),
211
+ className: st("pittorica-box", w),
209
212
  style: R,
210
213
  disabled: N,
211
- ...C,
214
+ required: C,
215
+ ...T,
212
216
  children: i
213
217
  }
214
218
  );
215
219
  };
216
- S.displayName = "Box";
217
- function q(a) {
220
+ M.displayName = "Box";
221
+ function E(a) {
218
222
  var i, r, t = "";
219
223
  if (typeof a == "string" || typeof a == "number") t += a;
220
224
  else if (typeof a == "object") if (Array.isArray(a)) {
221
225
  var o = a.length;
222
- for (i = 0; i < o; i++) a[i] && (r = q(a[i])) && (t && (t += " "), t += r);
226
+ for (i = 0; i < o; i++) a[i] && (r = E(a[i])) && (t && (t += " "), t += r);
223
227
  } else for (r in a) a[r] && (t && (t += " "), t += r);
224
228
  return t;
225
229
  }
226
- function B() {
227
- for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = q(a)) && (t && (t += " "), t += i);
230
+ function A() {
231
+ for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = E(a)) && (t && (t += " "), t += i);
228
232
  return t;
229
233
  }
230
- function M(a) {
234
+ function F(a) {
231
235
  var i, r, t = "";
232
236
  if (typeof a == "string" || typeof a == "number") t += a;
233
237
  else if (typeof a == "object") if (Array.isArray(a)) {
234
238
  var o = a.length;
235
- for (i = 0; i < o; i++) a[i] && (r = M(a[i])) && (t && (t += " "), t += r);
239
+ for (i = 0; i < o; i++) a[i] && (r = F(a[i])) && (t && (t += " "), t += r);
236
240
  } else for (r in a) a[r] && (t && (t += " "), t += r);
237
241
  return t;
238
242
  }
239
- function st() {
240
- for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = M(a)) && (t && (t += " "), t += i);
243
+ function nt() {
244
+ for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = F(a)) && (t && (t += " "), t += i);
241
245
  return t;
242
246
  }
243
- const E = ({
247
+ const O = ({
244
248
  as: a,
245
249
  children: i,
246
250
  display: r,
@@ -248,43 +252,45 @@ const E = ({
248
252
  mt: o,
249
253
  mr: p,
250
254
  mb: c,
251
- ml: h,
255
+ ml: g,
252
256
  mx: n,
253
257
  my: l,
254
258
  p: d,
255
- pt: v,
259
+ pt: h,
256
260
  pr: u,
257
- pb: g,
258
- pl: s,
259
- px: m,
261
+ pb: v,
262
+ pl: m,
263
+ px: s,
260
264
  py: f,
261
- width: b,
262
- height: y,
263
- position: x,
265
+ width: $,
266
+ height: x,
267
+ position: y,
264
268
  style: k,
265
269
  className: w,
266
270
  disabled: N,
267
- ...C
271
+ required: C,
272
+ ...T
268
273
  }) => {
269
- const T = a || "div", e = {};
270
- r && (e.display = r), b && (e.width = b), y && (e.height = y), x && (e.position = x), t && (e.margin = `var(--pittorica-space-${t})`), o && (e.marginTop = `var(--pittorica-space-${o})`), p && (e.marginRight = `var(--pittorica-space-${p})`), c && (e.marginBottom = `var(--pittorica-space-${c})`), h && (e.marginLeft = `var(--pittorica-space-${h})`), n && (e.marginLeft = `var(--pittorica-space-${n})`, e.marginRight = `var(--pittorica-space-${n})`), l && (e.marginTop = `var(--pittorica-space-${l})`, e.marginBottom = `var(--pittorica-space-${l})`), d && (e.padding = `var(--pittorica-space-${d})`), v && (e.paddingTop = `var(--pittorica-space-${v})`), u && (e.paddingRight = `var(--pittorica-space-${u})`), g && (e.paddingBottom = `var(--pittorica-space-${g})`), s && (e.paddingLeft = `var(--pittorica-space-${s})`), m && (e.paddingLeft = `var(--pittorica-space-${m})`, e.paddingRight = `var(--pittorica-space-${m})`), f && (e.paddingTop = `var(--pittorica-space-${f})`, e.paddingBottom = `var(--pittorica-space-${f})`);
274
+ const q = a || "div", e = {};
275
+ r && (e.display = r), $ && (e.width = $), x && (e.height = x), y && (e.position = y), t && (e.margin = `var(--pittorica-space-${t})`), o && (e.marginTop = `var(--pittorica-space-${o})`), p && (e.marginRight = `var(--pittorica-space-${p})`), c && (e.marginBottom = `var(--pittorica-space-${c})`), g && (e.marginLeft = `var(--pittorica-space-${g})`), n && (e.marginLeft = `var(--pittorica-space-${n})`, e.marginRight = `var(--pittorica-space-${n})`), l && (e.marginTop = `var(--pittorica-space-${l})`, e.marginBottom = `var(--pittorica-space-${l})`), d && (e.padding = `var(--pittorica-space-${d})`), h && (e.paddingTop = `var(--pittorica-space-${h})`), u && (e.paddingRight = `var(--pittorica-space-${u})`), v && (e.paddingBottom = `var(--pittorica-space-${v})`), m && (e.paddingLeft = `var(--pittorica-space-${m})`), s && (e.paddingLeft = `var(--pittorica-space-${s})`, e.paddingRight = `var(--pittorica-space-${s})`), f && (e.paddingTop = `var(--pittorica-space-${f})`, e.paddingBottom = `var(--pittorica-space-${f})`);
271
276
  const R = {
272
277
  ...k,
273
278
  ...e
274
279
  };
275
- return /* @__PURE__ */ $(
276
- T,
280
+ return /* @__PURE__ */ b(
281
+ q,
277
282
  {
278
- className: st("pittorica-box", w),
283
+ className: nt("pittorica-box", w),
279
284
  style: R,
280
285
  disabled: N,
281
- ...C,
286
+ required: C,
287
+ ...T,
282
288
  children: i
283
289
  }
284
290
  );
285
291
  };
286
- E.displayName = "Box";
287
- const O = ({
292
+ O.displayName = "Box";
293
+ const _ = ({
288
294
  children: a,
289
295
  as: i,
290
296
  size: r,
@@ -292,11 +298,11 @@ const O = ({
292
298
  align: o,
293
299
  truncate: p = !1,
294
300
  color: c,
295
- className: h,
301
+ className: g,
296
302
  style: n,
297
303
  ...l
298
304
  }) => {
299
- const d = i || "span", v = (c == null ? void 0 : c.startsWith("#")) || (c == null ? void 0 : c.startsWith("rgb")) || (c == null ? void 0 : c.startsWith("hsl")), u = /* @__PURE__ */ new Set([
305
+ const d = i || "span", h = (c == null ? void 0 : c.startsWith("#")) || (c == null ? void 0 : c.startsWith("rgb")) || (c == null ? void 0 : c.startsWith("hsl")), u = /* @__PURE__ */ new Set([
300
306
  "danger",
301
307
  "success",
302
308
  "error",
@@ -308,91 +314,97 @@ const O = ({
308
314
  "slate",
309
315
  "blue",
310
316
  "red"
311
- ]), g = (() => {
317
+ ]), v = (() => {
312
318
  if (c)
313
- return c === "inherit" ? "inherit" : v ? c : u.has(c) ? `var(--pittorica-${c}-9)` : c;
314
- })(), s = r ? typeof r == "string" ? `pittorica-text--size-${r}` : B({
319
+ return c === "inherit" ? "inherit" : h ? c : u.has(c) ? `var(--pittorica-${c}-9)` : c;
320
+ })(), m = r ? typeof r == "string" ? `pittorica-text--size-${r}` : A({
315
321
  [`pittorica-text--size-${r.initial}`]: r.initial,
316
322
  [`pittorica-text--xs-size-${r.xs}`]: r.xs,
317
323
  [`pittorica-text--sm-size-${r.sm}`]: r.sm,
318
324
  [`pittorica-text--md-size-${r.md}`]: r.md,
319
325
  [`pittorica-text--lg-size-${r.lg}`]: r.lg,
320
326
  [`pittorica-text--xl-size-${r.xl}`]: r.xl
321
- }) : null, m = {
327
+ }) : null, s = {
322
328
  ...n,
323
329
  textAlign: o,
324
- color: g
330
+ color: v
325
331
  };
326
- return /* @__PURE__ */ $(
327
- E,
332
+ return /* @__PURE__ */ b(
333
+ O,
328
334
  {
329
335
  as: d,
330
- className: B(
336
+ className: A(
331
337
  "pittorica-text",
332
- s,
338
+ m,
333
339
  { "pittorica-text--truncate": p },
334
- h
340
+ g
335
341
  ),
336
342
  "data-weight": t,
337
- style: m,
343
+ style: s,
338
344
  ...l,
339
345
  children: a
340
346
  }
341
347
  );
342
348
  };
343
- O.displayName = "Text";
344
- const _ = ({
349
+ _.displayName = "Text";
350
+ const H = ({
345
351
  checked: a,
346
352
  defaultChecked: i,
347
353
  onChange: r,
348
- color: t = "indigo",
354
+ color: t = "source",
349
355
  disabled: o = !1,
350
356
  label: p,
351
357
  name: c,
352
- value: h,
358
+ value: g,
353
359
  className: n,
354
360
  style: l,
355
- as: d,
356
- ...v
361
+ required: d = !1,
362
+ as: h,
363
+ ...u
357
364
  }) => {
358
- const [u, g] = K.useState(
365
+ const [v, m] = Q.useState(
359
366
  i ?? !1
360
- ), s = a === void 0 ? u : a, m = t !== "inherit" && !(t != null && t.startsWith("#")) && !(t != null && t.startsWith("rgb")) ? `var(--pittorica-${t}-9)` : t, f = (b) => {
367
+ ), s = a === void 0 ? v : a, f = t !== "inherit" && !(t != null && t.startsWith("#")) && !(t != null && t.startsWith("rgb")) ? `var(--pittorica-${t}-9)` : t, $ = (x) => {
361
368
  if (o) return;
362
- const y = b.target.checked;
363
- g(y), r == null || r(y);
369
+ const y = x.target.checked;
370
+ m(y), r == null || r(y);
364
371
  };
365
- return /* @__PURE__ */ J(
366
- S,
372
+ return /* @__PURE__ */ z(
373
+ M,
367
374
  {
368
- as: d || "label",
369
- className: tt("pittorica-checkbox-root", n),
375
+ as: h || "label",
376
+ className: at("pittorica-checkbox-root", n),
370
377
  "data-disabled": o,
371
- style: { "--_checkbox-color": m, ...l },
372
- ...v,
378
+ style: { "--_checkbox-color": f, ...l },
379
+ ...u,
373
380
  children: [
374
- /* @__PURE__ */ $(
381
+ /* @__PURE__ */ b(
375
382
  "input",
376
383
  {
377
384
  type: "checkbox",
378
385
  className: "pittorica-checkbox-input",
379
386
  name: c,
380
- value: h,
387
+ value: g,
381
388
  checked: s,
382
389
  disabled: o,
383
- onChange: f
390
+ required: d,
391
+ onChange: $
384
392
  }
385
393
  ),
386
- /* @__PURE__ */ $("div", { className: "pittorica-checkbox-control", "aria-hidden": "true", children: s ? /* @__PURE__ */ $(ot, { size: 20 }) : /* @__PURE__ */ $(et, { size: 20, stroke: 1.5 }) }),
387
- p && /* @__PURE__ */ $(O, { weight: "medium", style: { color: "inherit" }, children: p })
394
+ /* @__PURE__ */ b("div", { className: "pittorica-checkbox-control", "aria-hidden": "true", children: s ? /* @__PURE__ */ b(ct, { size: 20 }) : /* @__PURE__ */ b(it, { size: 20, stroke: 1.5 }) }),
395
+ p && /* @__PURE__ */ z(_, { weight: "medium", style: { color: "inherit" }, children: [
396
+ p,
397
+ " ",
398
+ d && /* @__PURE__ */ b("span", { "aria-hidden": "true", children: "*" })
399
+ ] })
388
400
  ]
389
401
  }
390
402
  );
391
403
  };
392
- _.displayName = "Checkbox";
393
- const D = Q(
404
+ H.displayName = "Checkbox";
405
+ const J = D(
394
406
  null
395
- ), F = ({
407
+ ), K = ({
396
408
  value: a,
397
409
  defaultValue: i = [],
398
410
  onValueChange: r,
@@ -400,47 +412,49 @@ const D = Q(
400
412
  color: o,
401
413
  disabled: p,
402
414
  name: c,
403
- children: h,
404
- className: n,
405
- as: l,
406
- ...d
415
+ required: g,
416
+ children: n,
417
+ className: l,
418
+ as: d,
419
+ ...h
407
420
  }) => {
408
- const [v, u] = U(i), g = a !== void 0, s = g ? a : v, m = (y) => {
409
- const x = s.includes(y) ? s.filter((k) => k !== y) : [...s, y];
410
- g || u(x), r == null || r(x);
411
- }, f = X(
421
+ const [u, v] = X(i), m = a !== void 0, s = m ? a : u, f = (y) => {
422
+ const k = s.includes(y) ? s.filter((w) => w !== y) : [...s, y];
423
+ m || v(k), r == null || r(k);
424
+ }, $ = Y(
412
425
  () => ({
413
426
  value: s,
414
- onItemChange: m,
427
+ onItemChange: f,
415
428
  color: o,
416
429
  disabled: p,
417
- name: c
430
+ name: c,
431
+ required: g
418
432
  }),
419
- [s, o, p, c]
433
+ [s, o, p, c, g]
420
434
  );
421
- return /* @__PURE__ */ $(D, { value: f, children: /* @__PURE__ */ $(
422
- j,
435
+ return /* @__PURE__ */ b(J, { value: $, children: /* @__PURE__ */ b(
436
+ G,
423
437
  {
424
- as: l || "div",
425
- className: Z("pittorica-checkbox-group-root", n),
438
+ as: d || "div",
439
+ className: V("pittorica-checkbox-group-root", l),
426
440
  "data-orientation": t,
427
441
  role: "group",
428
- ...d,
429
- children: h
442
+ ...h,
443
+ children: n
430
444
  }
431
445
  ) });
432
- }, H = ({
446
+ }, P = ({
433
447
  value: a,
434
448
  as: i,
435
449
  ...r
436
450
  }) => {
437
- const t = Y(D);
451
+ const t = Z(J);
438
452
  if (!t)
439
453
  throw new Error(
440
454
  "CheckboxGroup.Item must be used within CheckboxGroup.Root"
441
455
  );
442
- return /* @__PURE__ */ $(
443
- _,
456
+ return /* @__PURE__ */ b(
457
+ H,
444
458
  {
445
459
  as: i || "label",
446
460
  ...r,
@@ -449,14 +463,15 @@ const D = Q(
449
463
  checked: t.value.includes(a),
450
464
  onChange: () => t.onItemChange(a),
451
465
  color: r.color || t.color,
452
- disabled: r.disabled || t.disabled
466
+ disabled: r.disabled || t.disabled,
467
+ required: r.required || t.required
453
468
  }
454
469
  );
455
- }, lt = Object.assign(F, {
456
- Item: H
470
+ }, dt = Object.assign(K, {
471
+ Item: P
457
472
  });
458
- F.displayName = "CheckboxGroup.Root";
459
- H.displayName = "CheckboxGroup.Item";
473
+ K.displayName = "CheckboxGroup.Root";
474
+ P.displayName = "CheckboxGroup.Item";
460
475
  export {
461
- lt as CheckboxGroup
476
+ dt as CheckboxGroup
462
477
  };
package/package.json CHANGED
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "name": "@pittorica/checkbox-group-react",
3
- "version": "0.25.0",
3
+ "version": "0.26.1",
4
+ "homepage": "https://pittorica.dcdavidev.me",
4
5
  "type": "module",
5
6
  "main": "./dist/index.js",
6
7
  "module": "./dist/index.js",
@@ -10,9 +11,9 @@
10
11
  ],
11
12
  "dependencies": {
12
13
  "clsx": "^2.1.1",
13
- "@pittorica/box-react": "0.25.0",
14
- "@pittorica/text-react": "0.25.0",
15
- "@pittorica/checkbox-react": "0.25.0"
14
+ "@pittorica/box-react": "0.26.1",
15
+ "@pittorica/checkbox-react": "0.26.1",
16
+ "@pittorica/text-react": "0.26.1"
16
17
  },
17
18
  "devDependencies": {
18
19
  "@testing-library/jest-dom": "^6.9.1",
@@ -22,10 +23,10 @@
22
23
  "@vitejs/plugin-react": "^4.0.0",
23
24
  "jsdom": "^22.0.0",
24
25
  "typescript": "^5.0.0",
25
- "vite": "^5.0.0",
26
- "vitest": "^2.1.9",
27
- "@pittorica/theme-react": "0.25.0",
28
- "pittorica": "0.25.0"
26
+ "vite": "^6.4.1",
27
+ "vitest": "^3.2.4",
28
+ "@pittorica/theme-react": "0.26.1",
29
+ "pittorica": "0.26.1"
29
30
  },
30
31
  "peerDependencies": {
31
32
  "react": ">=19",
@@ -35,7 +36,7 @@
35
36
  "build": "npm run clean && npm run build:js && npm run build:types",
36
37
  "build:js": "vite build",
37
38
  "build:types": "tsc -p tsconfig.json",
38
- "clean": "rm -rf dist",
39
+ "clean": "rm -rf dist *.tsbuildinfo",
39
40
  "test": "vitest run",
40
41
  "test:watch": "vitest"
41
42
  }
package/dist/CheckboxGroup.stories.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { CheckboxGroup } from './CheckboxGroup';
3
- declare const meta: Meta<typeof CheckboxGroup>;
4
- export default meta;
5
- export declare const Vertical: StoryObj<typeof CheckboxGroup>;
6
- export declare const Horizontal: StoryObj<typeof CheckboxGroup>;
7
- //# sourceMappingURL=CheckboxGroup.stories.d.ts.map
package/dist/CheckboxGroup.stories.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxGroup.stories.d.ts","sourceRoot":"","sources":["../src/CheckboxGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAIpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,aAAa,CAQnD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,aAAa,CASrD,CAAC"}
package/dist/CheckboxGroup.test.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /**
2
- * @vitest-environment jsdom
3
- */
4
- import '@testing-library/jest-dom';
5
- //# sourceMappingURL=CheckboxGroup.test.d.ts.map
package/dist/CheckboxGroup.test.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxGroup.test.d.ts","sourceRoot":"","sources":["../src/CheckboxGroup.test.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,2BAA2B,CAAC"}