@balikjs/mobile 0.1.10 → 0.1.12

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 (68) hide show
  1. package/dist/Alert/Alert.module.css.js +18 -18
  2. package/dist/Avatar/Avatar.module.css.js +16 -16
  3. package/dist/BackToTop/BackToTop.module.css.js +6 -6
  4. package/dist/Badge/Badge.js +44 -43
  5. package/dist/Badge/Badge.module.css.js +36 -42
  6. package/dist/BottomNavigation/BottomNavigation.module.css.js +6 -6
  7. package/dist/BottomSheet/BottomSheet.js +61 -78
  8. package/dist/BottomSheet/BottomSheet.module.css.js +14 -20
  9. package/dist/Button/Button.js +29 -24
  10. package/dist/Button/Button.module.css.js +21 -19
  11. package/dist/Card/Card.module.css.js +1 -1
  12. package/dist/Checkbox/Checkbox.module.css.js +13 -13
  13. package/dist/Clipboard/Clipboard.js +31 -26
  14. package/dist/Clipboard/Clipboard.module.css.js +16 -16
  15. package/dist/CloseButton/CloseButton.js +1 -2
  16. package/dist/CloseButton/CloseButton.module.css.js +12 -12
  17. package/dist/Confirm/Confirm.js +31 -24
  18. package/dist/DatePicker/DatePicker.js +71 -59
  19. package/dist/DatePicker/DatePicker.module.css.js +36 -24
  20. package/dist/Dialog/Dialog.js +79 -63
  21. package/dist/Dialog/Dialog.module.css.js +16 -14
  22. package/dist/Divider/Divider.module.css.js +2 -2
  23. package/dist/Drawer/Drawer.module.css.js +2 -2
  24. package/dist/Fab/Fab.module.css.js +16 -16
  25. package/dist/Field/Field.module.css.js +14 -14
  26. package/dist/Fieldset/Fieldset.module.css.js +1 -1
  27. package/dist/FileUpload/FileUpload.module.css.js +26 -26
  28. package/dist/FilterGroup/FilterGroup.js +61 -58
  29. package/dist/FilterGroup/FilterGroup.module.css.js +12 -20
  30. package/dist/Input/Input.js +62 -40
  31. package/dist/Input/Input.module.css.js +36 -30
  32. package/dist/Link/Link.module.css.js +1 -1
  33. package/dist/MoneyInput/MoneyInput.module.css.js +6 -6
  34. package/dist/Pagination/Pagination.module.css.js +1 -1
  35. package/dist/Picker/Picker.module.css.js +8 -8
  36. package/dist/PickerView/PickerView.module.css.js +16 -16
  37. package/dist/PinInput/PinInput.module.css.js +14 -14
  38. package/dist/Popover/Popover.module.css.js +10 -10
  39. package/dist/Progress/Progress.module.css.js +14 -14
  40. package/dist/QrCode/QrCode.module.css.js +6 -6
  41. package/dist/RadioGroup/Radio.module.css.js +18 -18
  42. package/dist/RatingGroup/RatingGroup.js +6 -6
  43. package/dist/RatingGroup/RatingGroup.module.css.js +6 -6
  44. package/dist/SearchInput/SearchInput.module.css.js +1 -1
  45. package/dist/Select/Select.js +45 -44
  46. package/dist/Select/Select.module.css.js +20 -18
  47. package/dist/SelectPc/Select.js +50 -44
  48. package/dist/SelectPc/SelectPc.module.css.js +34 -28
  49. package/dist/SignaturePad/SignaturePad.js +116 -0
  50. package/dist/SignaturePad/SignaturePad.module.css.js +15 -0
  51. package/dist/Slider/Slider.module.css.js +10 -10
  52. package/dist/Spinner/Spinner.module.css.js +4 -4
  53. package/dist/Steps/Steps.js +87 -77
  54. package/dist/Steps/Steps.module.css.js +20 -22
  55. package/dist/StickyHeader/StickyHeader.module.css.js +2 -2
  56. package/dist/Switch/Switch.js +22 -18
  57. package/dist/Switch/Switch.module.css.js +22 -20
  58. package/dist/Tabs/Tabs.module.css.js +6 -6
  59. package/dist/Tag/Tag.js +34 -26
  60. package/dist/Tag/Tag.module.css.js +36 -32
  61. package/dist/Textarea/Textarea.module.css.js +10 -10
  62. package/dist/Toast/Toast.module.css.js +30 -30
  63. package/dist/Toggle/Toggle.module.css.js +1 -1
  64. package/dist/ToggleGroup/ToggleGroup.js +36 -21
  65. package/dist/ToggleGroup/ToggleGroup.module.css.js +22 -16
  66. package/dist/index.js +143 -135
  67. package/dist/styles.css +1 -1
  68. package/package.json +4 -1
@@ -1,29 +1,41 @@
1
- const e = "_trigger_zwcfc_1", c = "_triggerDisabled_zwcfc_33", r = "_triggerText_zwcfc_40", t = "_triggerPlaceholder_zwcfc_48", _ = "_triggerIcon_zwcfc_52", g = "_pickerBody_zwcfc_61", o = "_sheet_zwcfc_68", s = "_header_zwcfc_74", i = "_headerTitle_zwcfc_87", d = "_headerButton_zwcfc_103", n = "_columns_zwcfc_114", a = "_weekday_zwcfc_118", l = {
1
+ const e = "_trigger_1po9a_1", _ = "_sizeXs_1po9a_23", o = "_sizeSm_1po9a_32", t = "_sizeMd_1po9a_41", s = "_sizeLg_1po9a_50", r = "_sizeXl_1po9a_59", i = "_triggerDisabled_1po9a_78", a = "_invalid_1po9a_83", g = "_triggerText_1po9a_91", c = "_triggerPlaceholder_1po9a_99", n = "_triggerIcon_1po9a_103", d = "_pickerBody_1po9a_112", l = "_sheet_1po9a_119", p = "_header_1po9a_123", h = "_headerTitle_1po9a_136", z = "_headerButton_1po9a_152", u = "_columns_1po9a_163", y = "_weekday_1po9a_167", k = {
2
2
  trigger: e,
3
- triggerDisabled: c,
4
- triggerText: r,
5
- triggerPlaceholder: t,
6
- triggerIcon: _,
7
- pickerBody: g,
8
- sheet: o,
9
- header: s,
10
- headerTitle: i,
11
- headerButton: d,
12
- columns: n,
13
- weekday: a
3
+ sizeXs: _,
4
+ sizeSm: o,
5
+ sizeMd: t,
6
+ sizeLg: s,
7
+ sizeXl: r,
8
+ triggerDisabled: i,
9
+ invalid: a,
10
+ triggerText: g,
11
+ triggerPlaceholder: c,
12
+ triggerIcon: n,
13
+ pickerBody: d,
14
+ sheet: l,
15
+ header: p,
16
+ headerTitle: h,
17
+ headerButton: z,
18
+ columns: u,
19
+ weekday: y
14
20
  };
15
21
  export {
16
- n as columns,
17
- l as default,
18
- s as header,
19
- d as headerButton,
20
- i as headerTitle,
21
- g as pickerBody,
22
- o as sheet,
22
+ u as columns,
23
+ k as default,
24
+ p as header,
25
+ z as headerButton,
26
+ h as headerTitle,
27
+ a as invalid,
28
+ d as pickerBody,
29
+ l as sheet,
30
+ s as sizeLg,
31
+ t as sizeMd,
32
+ o as sizeSm,
33
+ r as sizeXl,
34
+ _ as sizeXs,
23
35
  e as trigger,
24
- c as triggerDisabled,
25
- _ as triggerIcon,
26
- t as triggerPlaceholder,
27
- r as triggerText,
28
- a as weekday
36
+ i as triggerDisabled,
37
+ n as triggerIcon,
38
+ c as triggerPlaceholder,
39
+ g as triggerText,
40
+ y as weekday
29
41
  };
@@ -1,13 +1,13 @@
1
- import { insert as u, createComponent as o, effect as g, className as p, mergeProps as D, Portal as L, memo as l, template as z } from "solid-js/web";
2
- import { splitProps as E, mergeProps as M, Show as f } from "solid-js";
3
- import { Dialog as s } from "@ark-ui/solid";
1
+ import { insert as u, createComponent as o, effect as m, className as g, mergeProps as D, Portal as E, memo as a, template as p } from "solid-js/web";
2
+ import { splitProps as L, mergeProps as S, createEffect as z, on as M, Show as b } from "solid-js";
3
+ import { Dialog as i } from "@ark-ui/solid";
4
4
  import { CloseButton as x } from "../CloseButton/CloseButton.js";
5
- import { cn as i } from "../utils/cn.js";
6
- import { bem as S } from "../utils/bem.js";
7
- import { Button as h } from "../Button/Button.js";
8
- import r from "./Dialog.module.css.js";
9
- var C = /* @__PURE__ */ z("<div>");
10
- const $ = {
5
+ import { cn as c } from "../utils/cn.js";
6
+ import { bem as T } from "../utils/bem.js";
7
+ import { Button as w } from "../Button/Button.js";
8
+ import n from "./Dialog.module.css.js";
9
+ var N = /* @__PURE__ */ p("<div data-scope=dialog data-part=footer>"), R = /* @__PURE__ */ p("<div data-scope=dialog data-part=body>"), q = /* @__PURE__ */ p("<div data-scope=dialog data-part=header>");
10
+ const A = {
11
11
  mode: "sheet",
12
12
  modal: !0,
13
13
  lazyMount: !0,
@@ -22,63 +22,70 @@ const $ = {
22
22
  danger: !1,
23
23
  backdropDismissible: !0
24
24
  };
25
- function v(b) {
26
- const [e, O] = E(M($, b), ["mode", "onOpen", "onClose", "onOpenChange", "title", "closeable", "lazyMount", "unmountOnExit", "showCancel", "showConfirm", "cancelLabel", "confirmLabel", "onCancel", "onConfirm", "loading", "danger", "backdropDismissible", "backdropBlur", "modal", "defaultOpen", "footerClass", "footerPlacement", "class", "children"]), a = e.mode === "modal", w = (n) => {
27
- var t, m, d;
28
- n.open ? (t = e.onOpen) == null || t.call(e) : (m = e.onClose) == null || m.call(e), (d = e.onOpenChange) == null || d.call(e, n);
29
- }, P = (n) => {
30
- var t;
31
- n.open || (t = e.onCancel) == null || t.call(e), w(n);
32
- }, k = () => {
33
- var n, t;
34
- e.loading || ((n = e.onCancel) == null || n.call(e), (t = e.onOpenChange) == null || t.call(e, {
25
+ let O = !1;
26
+ function F(v) {
27
+ const [e, P] = L(S(A, v), ["mode", "onOpen", "onClose", "onOpenChange", "title", "closeable", "lazyMount", "unmountOnExit", "showCancel", "showConfirm", "cancelLabel", "confirmLabel", "onCancel", "onConfirm", "loading", "danger", "backdropDismissible", "backdropBlur", "modal", "defaultOpen", "footerClass", "footerPlacement", "class", "children"]), l = e.mode === "modal", f = () => e.open !== void 0, k = (t) => {
28
+ var r, s, d, C;
29
+ t.open ? f() || (r = e.onOpen) == null || r.call(e) : ((s = e.onCancel) == null || s.call(e), f() || (d = e.onClose) == null || d.call(e)), (C = e.onOpenChange) == null || C.call(e, t);
30
+ };
31
+ z(M(() => e.open, (t, r) => {
32
+ var s, d;
33
+ r === void 0 || t === r || (t ? (s = e.onOpen) == null || s.call(e) : (d = e.onClose) == null || d.call(e));
34
+ }));
35
+ const $ = () => {
36
+ var t, r;
37
+ (t = e.onCancel) == null || t.call(e), (r = e.onOpenChange) == null || r.call(e, {
35
38
  open: !1
36
- }));
37
- }, y = () => {
38
- var n;
39
- (n = e.onConfirm) == null || n.call(e);
40
- }, B = e.showCancel !== e.showConfirm, c = (() => {
41
- var n = C();
42
- return u(n, o(f, {
39
+ });
40
+ }, B = () => {
41
+ var t;
42
+ (t = e.onConfirm) == null || t.call(e);
43
+ }, _ = e.showCancel !== e.showConfirm, y = () => !!e.title || l && e.closeable && !e.loading;
44
+ !l && !e.title && !O && (O = !0, console.warn("[Dialog] sheet mode requires a title; use BottomSheet for header-less content."));
45
+ const h = (() => {
46
+ var t = N();
47
+ return u(t, o(b, {
43
48
  get when() {
44
49
  return e.showCancel;
45
50
  },
46
51
  get children() {
47
- return o(h, {
52
+ return o(w, {
48
53
  size: "sm",
54
+ "data-part": "negative-trigger",
49
55
  get disabled() {
50
56
  return e.loading;
51
57
  },
52
- onClick: k,
58
+ onClick: $,
53
59
  get children() {
54
60
  return e.cancelLabel;
55
61
  }
56
62
  });
57
63
  }
58
- }), null), u(n, o(f, {
64
+ }), null), u(t, o(b, {
59
65
  get when() {
60
66
  return e.showConfirm;
61
67
  },
62
68
  get children() {
63
- return o(h, {
69
+ return o(w, {
64
70
  size: "sm",
65
- solid: !0,
66
- get danger() {
67
- return e.danger;
71
+ variant: "solid",
72
+ "data-part": "positive-trigger",
73
+ get intent() {
74
+ return e.danger ? "danger" : "default";
68
75
  },
69
76
  get loading() {
70
77
  return e.loading;
71
78
  },
72
- onClick: y,
79
+ onClick: B,
73
80
  get children() {
74
81
  return e.confirmLabel;
75
82
  }
76
83
  });
77
84
  }
78
- }), null), g(() => p(n, i(r.footer, B && r.footerSingle, e.footerClass))), n;
85
+ }), null), m(() => g(t, c(n.footer, _ && n.footerSingle, e.footerClass))), t;
79
86
  })();
80
- return o(s.Root, D(O, {
81
- onOpenChange: P,
87
+ return o(i.Root, D(P, {
88
+ onOpenChange: k,
82
89
  get modal() {
83
90
  return e.modal;
84
91
  },
@@ -89,44 +96,53 @@ function v(b) {
89
96
  return e.unmountOnExit;
90
97
  },
91
98
  get closeOnInteractOutside() {
92
- return l(() => !!e.backdropDismissible)() && !e.loading;
99
+ return a(() => !!e.backdropDismissible)() && !e.loading;
93
100
  },
94
101
  get children() {
95
- return o(L, {
102
+ return o(E, {
96
103
  get mount() {
97
104
  return document.body;
98
105
  },
99
106
  get children() {
100
- return [o(s.Backdrop, {
107
+ return [o(i.Backdrop, {
101
108
  get class() {
102
- return i(r.backdrop, e.backdropBlur && r.blurred);
109
+ return c(n.backdrop, e.backdropBlur && n.blurred);
103
110
  }
104
- }), o(s.Positioner, {
111
+ }), o(i.Positioner, {
105
112
  get class() {
106
- return i(r.positioner, !a && r.positionerSheet);
113
+ return c(n.positioner, !l && n.positionerSheet);
107
114
  },
108
115
  get children() {
109
- return o(s.Content, {
116
+ return o(i.Content, {
110
117
  get class() {
111
- return i(S(), r.content, a ? r.contentModal : r.contentSheet, e.class);
118
+ return c(T(), n.content, l ? n.contentModal : n.contentSheet, e.class);
112
119
  },
113
120
  get children() {
114
- return [l(() => l(() => !!e.title)() && o(s.Title, {
115
- get class() {
116
- return r.title;
117
- },
118
- get children() {
119
- return e.title;
120
- }
121
- })), l(() => e.footerPlacement === "top" && (e.showCancel || e.showConfirm) && c), (() => {
122
- var n = C();
123
- return u(n, () => e.children), g(() => p(n, r.body)), n;
124
- })(), l(() => e.footerPlacement !== "top" && (e.showCancel || e.showConfirm) && c), l(() => l(() => !!(a && e.closeable && !e.loading))() && o(s.CloseTrigger, {
125
- asChild: x,
126
- get class() {
127
- return r.close;
128
- }
129
- }))];
121
+ return [a(() => a(() => !!y())() && (() => {
122
+ var t = q();
123
+ return u(t, (() => {
124
+ var r = a(() => !!e.title);
125
+ return () => r() && o(i.Title, {
126
+ get class() {
127
+ return n.title;
128
+ },
129
+ get children() {
130
+ return e.title;
131
+ }
132
+ });
133
+ })(), null), u(t, (() => {
134
+ var r = a(() => !!(l && e.closeable && !e.loading));
135
+ return () => r() && o(i.CloseTrigger, {
136
+ asChild: x,
137
+ get class() {
138
+ return n.close;
139
+ }
140
+ });
141
+ })(), null), m(() => g(t, n.header)), t;
142
+ })()), a(() => e.footerPlacement === "top" && (e.showCancel || e.showConfirm) && h), (() => {
143
+ var t = R();
144
+ return u(t, () => e.children), m(() => g(t, n.body)), t;
145
+ })(), a(() => e.footerPlacement !== "top" && (e.showCancel || e.showConfirm) && h)];
130
146
  }
131
147
  });
132
148
  }
@@ -136,7 +152,7 @@ function v(b) {
136
152
  }
137
153
  }));
138
154
  }
139
- v.Original = s;
155
+ F.Original = i;
140
156
  export {
141
- v as Dialog
157
+ F as Dialog
142
158
  };
@@ -1,29 +1,31 @@
1
- const o = "_backdrop_1dyp4_1", t = "_blurred_1dyp4_11", e = "_positioner_1dyp4_27", n = "_positionerSheet_1dyp4_38", _ = "_content_1dyp4_44", c = "_contentModal_1dyp4_54", d = "_contentSheet_1dyp4_80", s = "_title_1dyp4_97", p = "_body_1dyp4_110", r = "_footer_1dyp4_117", i = "_footerSingle_1dyp4_127", l = "_close_1dyp4_131", y = {
1
+ const o = "_backdrop_8f5qn_1", t = "_blurred_8f5qn_11", e = "_positioner_8f5qn_27", n = "_positionerSheet_8f5qn_38", _ = "_content_8f5qn_44", c = "_contentModal_8f5qn_54", s = "_contentSheet_8f5qn_87", r = "_header_8f5qn_104", f = "_title_8f5qn_113", i = "_body_8f5qn_122", l = "_footer_8f5qn_129", d = "_footerSingle_8f5qn_139", q = "_close_8f5qn_143", a = {
2
2
  backdrop: o,
3
3
  blurred: t,
4
4
  positioner: e,
5
5
  positionerSheet: n,
6
6
  content: _,
7
7
  contentModal: c,
8
- contentSheet: d,
9
- title: s,
10
- body: p,
11
- footer: r,
12
- footerSingle: i,
13
- close: l
8
+ contentSheet: s,
9
+ header: r,
10
+ title: f,
11
+ body: i,
12
+ footer: l,
13
+ footerSingle: d,
14
+ close: q
14
15
  };
15
16
  export {
16
17
  o as backdrop,
17
18
  t as blurred,
18
- p as body,
19
- l as close,
19
+ i as body,
20
+ q as close,
20
21
  _ as content,
21
22
  c as contentModal,
22
- d as contentSheet,
23
- y as default,
24
- r as footer,
25
- i as footerSingle,
23
+ s as contentSheet,
24
+ a as default,
25
+ l as footer,
26
+ d as footerSingle,
27
+ r as header,
26
28
  e as positioner,
27
29
  n as positionerSheet,
28
- s as title
30
+ f as title
29
31
  };
@@ -1,9 +1,9 @@
1
- const t = "_horizontal_487ge_1", o = "_vertical_487ge_9", a = {
1
+ const t = "_horizontal_1r9zx_1", o = "_vertical_1r9zx_9", r = {
2
2
  horizontal: t,
3
3
  vertical: o
4
4
  };
5
5
  export {
6
- a as default,
6
+ r as default,
7
7
  t as horizontal,
8
8
  o as vertical
9
9
  };
@@ -1,4 +1,4 @@
1
- const e = "_backdrop_c5zjb_1", t = "_panel_c5zjb_17", _ = "_sideLeft_c5zjb_36", c = "_sideRight_c5zjb_46", s = "_header_c5zjb_56", d = "_title_c5zjb_64", o = "_body_c5zjb_72", b = {
1
+ const e = "_backdrop_1mqck_1", t = "_panel_1mqck_17", _ = "_sideLeft_1mqck_36", c = "_sideRight_1mqck_46", s = "_header_1mqck_56", d = "_title_1mqck_64", o = "_body_1mqck_72", i = {
2
2
  backdrop: e,
3
3
  panel: t,
4
4
  sideLeft: _,
@@ -10,7 +10,7 @@ const e = "_backdrop_c5zjb_1", t = "_panel_c5zjb_17", _ = "_sideLeft_c5zjb_36",
10
10
  export {
11
11
  e as backdrop,
12
12
  o as body,
13
- b as default,
13
+ i as default,
14
14
  s as header,
15
15
  t as panel,
16
16
  _ as sideLeft,
@@ -1,19 +1,19 @@
1
- const e = "_base_1mlce_1", t = "_icon_1mlce_28", c = "_groupContent_1mlce_41", o = "_items_1mlce_49", _ = "_item_1mlce_49", n = "_itemIcon_1mlce_79", m = "_itemLabel_1mlce_92", s = {
2
- base: e,
3
- icon: t,
4
- groupContent: c,
5
- items: o,
6
- item: _,
7
- itemIcon: n,
8
- itemLabel: m
1
+ const t = "_base_abatn_1", n = "_icon_abatn_28", e = "_groupContent_abatn_41", a = "_items_abatn_49", o = "_item_abatn_49", _ = "_itemIcon_abatn_79", s = "_itemLabel_abatn_92", i = {
2
+ base: t,
3
+ icon: n,
4
+ groupContent: e,
5
+ items: a,
6
+ item: o,
7
+ itemIcon: _,
8
+ itemLabel: s
9
9
  };
10
10
  export {
11
- e as base,
12
- s as default,
13
- c as groupContent,
14
- t as icon,
15
- _ as item,
16
- n as itemIcon,
17
- m as itemLabel,
18
- o as items
11
+ t as base,
12
+ i as default,
13
+ e as groupContent,
14
+ n as icon,
15
+ o as item,
16
+ _ as itemIcon,
17
+ s as itemLabel,
18
+ a as items
19
19
  };
@@ -1,21 +1,21 @@
1
- const e = "_root_pfa4w_1", t = "_compact_pfa4w_7", a = "_label_pfa4w_15", o = "_compactLabel_pfa4w_21", r = "_inputWrap_pfa4w_26", p = "_required_pfa4w_34", _ = "_errorText_pfa4w_39", c = "_helperText_pfa4w_46", l = {
1
+ const e = "_root_gmnym_1", t = "_compact_gmnym_7", o = "_label_gmnym_15", r = "_compactLabel_gmnym_21", _ = "_inputWrap_gmnym_26", m = "_required_gmnym_34", c = "_errorText_gmnym_39", n = "_helperText_gmnym_46", a = {
2
2
  root: e,
3
3
  compact: t,
4
- label: a,
5
- compactLabel: o,
6
- inputWrap: r,
7
- required: p,
8
- errorText: _,
9
- helperText: c
4
+ label: o,
5
+ compactLabel: r,
6
+ inputWrap: _,
7
+ required: m,
8
+ errorText: c,
9
+ helperText: n
10
10
  };
11
11
  export {
12
12
  t as compact,
13
- o as compactLabel,
14
- l as default,
15
- _ as errorText,
16
- c as helperText,
17
- r as inputWrap,
18
- a as label,
19
- p as required,
13
+ r as compactLabel,
14
+ a as default,
15
+ c as errorText,
16
+ n as helperText,
17
+ _ as inputWrap,
18
+ o as label,
19
+ m as required,
20
20
  e as root
21
21
  };
@@ -1,4 +1,4 @@
1
- const e = "_root_1ff22_1", t = "_helperText_1ff22_10", o = {
1
+ const e = "_root_1lj4l_1", t = "_helperText_1lj4l_10", o = {
2
2
  root: e,
3
3
  helperText: t
4
4
  };
@@ -1,35 +1,35 @@
1
- const e = "_root_1xrbf_1", r = "_label_1xrbf_7", t = "_dropzone_1xrbf_13", o = "_dropzoneIcon_1xrbf_48", i = "_dropzoneText_1xrbf_54", _ = "_itemGroup_1xrbf_60", m = "_item_1xrbf_60", n = "_itemPreview_1xrbf_79", c = "_itemPreviewImage_1xrbf_91", x = "_itemPreviewFallback_1xrbf_97", b = "_itemName_1xrbf_108", g = "_itemSizeText_1xrbf_116", a = "_itemDeleteTrigger_1xrbf_122", l = "_trigger_1xrbf_151", s = "_clearTrigger_1xrbf_183", f = {
1
+ const e = "_root_1w6g7_1", t = "_label_1w6g7_7", o = "_dropzone_1w6g7_13", r = "_dropzoneIcon_1w6g7_41", i = "_dropzoneText_1w6g7_47", _ = "_itemGroup_1w6g7_53", g = "_item_1w6g7_53", m = "_itemPreview_1w6g7_72", n = "_itemPreviewImage_1w6g7_84", c = "_itemPreviewFallback_1w6g7_90", w = "_itemName_1w6g7_101", a = "_itemSizeText_1w6g7_109", l = "_itemDeleteTrigger_1w6g7_115", s = "_trigger_1w6g7_137", p = "_clearTrigger_1w6g7_163", z = {
2
2
  root: e,
3
- label: r,
4
- dropzone: t,
5
- dropzoneIcon: o,
3
+ label: t,
4
+ dropzone: o,
5
+ dropzoneIcon: r,
6
6
  dropzoneText: i,
7
7
  itemGroup: _,
8
- item: m,
9
- itemPreview: n,
10
- itemPreviewImage: c,
11
- itemPreviewFallback: x,
12
- itemName: b,
13
- itemSizeText: g,
14
- itemDeleteTrigger: a,
15
- trigger: l,
16
- clearTrigger: s
8
+ item: g,
9
+ itemPreview: m,
10
+ itemPreviewImage: n,
11
+ itemPreviewFallback: c,
12
+ itemName: w,
13
+ itemSizeText: a,
14
+ itemDeleteTrigger: l,
15
+ trigger: s,
16
+ clearTrigger: p
17
17
  };
18
18
  export {
19
- s as clearTrigger,
20
- f as default,
21
- t as dropzone,
22
- o as dropzoneIcon,
19
+ p as clearTrigger,
20
+ z as default,
21
+ o as dropzone,
22
+ r as dropzoneIcon,
23
23
  i as dropzoneText,
24
- m as item,
25
- a as itemDeleteTrigger,
24
+ g as item,
25
+ l as itemDeleteTrigger,
26
26
  _ as itemGroup,
27
- b as itemName,
28
- n as itemPreview,
29
- x as itemPreviewFallback,
30
- c as itemPreviewImage,
31
- g as itemSizeText,
32
- r as label,
27
+ w as itemName,
28
+ m as itemPreview,
29
+ c as itemPreviewFallback,
30
+ n as itemPreviewImage,
31
+ a as itemSizeText,
32
+ t as label,
33
33
  e as root,
34
- l as trigger
34
+ s as trigger
35
35
  };
@@ -1,70 +1,73 @@
1
- import { insert as z, createComponent as c, memo as S, effect as X, className as m, style as $, setAttribute as E, template as M, delegateEvents as N } from "solid-js/web";
2
- import { createSignal as O, For as R } from "solid-js";
3
- import { ToggleGroup as y } from "@ark-ui/solid";
4
- import { bem as r } from "../utils/bem.js";
5
- import { cn as a } from "../utils/cn.js";
6
- import l from "./FilterGroup.module.css.js";
7
- var T = /* @__PURE__ */ M("<div><div><button type=button>");
8
- const j = {
9
- xs: l.sizeXs,
10
- sm: l.sizeSm,
11
- md: l.sizeMd,
12
- lg: l.sizeLg,
13
- xl: l.sizeXl
14
- }, K = (t) => {
15
- const k = t.allLabel ?? "All", V = t.items ?? [], x = t.size ?? "md", s = () => t.sticky ?? !1, [A, L] = O(t.defaultValue ?? []), d = () => t.value !== void 0, v = () => d() ? t.value ?? [] : A(), u = () => v().length === 0, g = (i) => {
16
- var n;
17
- d() || L(i), (n = t.onValueChange) == null || n.call(t, i);
1
+ import { insert as y, createComponent as u, effect as B, className as d, style as G, template as N } from "solid-js/web";
2
+ import { createSignal as S, For as $ } from "solid-js";
3
+ import { Button as k } from "../Button/Button.js";
4
+ import { bem as j } from "../utils/bem.js";
5
+ import { cn as r } from "../utils/cn.js";
6
+ import o from "./FilterGroup.module.css.js";
7
+ var q = /* @__PURE__ */ N("<div><div><div>");
8
+ const M = (e) => {
9
+ const x = e.allLabel ?? "All", A = e.items ?? [], v = e.size ?? "md", c = () => e.sticky ?? !1, [I, z] = S(e.defaultValue ?? []), f = () => e.value !== void 0, a = () => f() ? e.value ?? [] : I(), s = () => a().length === 0, m = (n) => {
10
+ var l;
11
+ f() || z(n), (l = e.onValueChange) == null || l.call(e, n);
18
12
  }, F = () => {
19
- u() || g([]);
20
- }, G = (i) => {
21
- g(i.value);
22
- };
13
+ s() || m([]);
14
+ }, L = (n) => {
15
+ const l = a(), i = l.includes(n) ? l.filter((t) => t !== n) : [...l, n];
16
+ m(i);
17
+ }, g = r(o.pill, e.buttonClass);
23
18
  return (() => {
24
- var i = T(), n = i.firstChild, o = n.firstChild;
25
- return o.$$click = F, z(o, k), z(n, c(y.Root, {
26
- get class() {
27
- return a(l.list, r(), t.groupClass);
19
+ var n = q(), l = n.firstChild, i = l.firstChild;
20
+ return y(l, u(k, {
21
+ type: "button",
22
+ size: v,
23
+ get variant() {
24
+ return s() ? "solid" : "outline";
28
25
  },
29
- multiple: !0,
30
- get value() {
31
- return S(() => !!u())() ? [] : v();
26
+ get intent() {
27
+ return s() ? "default" : "neutral";
32
28
  },
33
- onValueChange: G,
34
- get children() {
35
- return c(R, {
36
- each: V,
37
- children: (e) => c(y.Item, {
38
- get class() {
39
- return a(l.item, r(), t.buttonClass);
40
- },
41
- get value() {
42
- return e.value;
43
- },
44
- get disabled() {
45
- return e.disabled;
46
- },
47
- get children() {
48
- return e.label;
49
- }
50
- })
51
- });
52
- }
53
- }), null), X((e) => {
54
- var f = a(r(), t.class), h = a(l.group, j[x], s() && l.sticky), I = typeof s() == "number" ? {
55
- top: `${s()}px`
56
- } : void 0, b = a(l.item, r(), t.buttonClass), C = u() ? "on" : "off";
57
- return f !== e.e && m(i, e.e = f), h !== e.t && m(n, e.t = h), e.a = $(n, I, e.a), b !== e.o && m(o, e.o = b), C !== e.i && E(o, "data-state", e.i = C), e;
29
+ get "data-state"() {
30
+ return s() ? "on" : "off";
31
+ },
32
+ class: g,
33
+ onClick: F,
34
+ children: x
35
+ }), i), y(i, u($, {
36
+ each: A,
37
+ children: (t) => u(k, {
38
+ type: "button",
39
+ size: v,
40
+ variant: "outline",
41
+ get intent() {
42
+ return a().includes(t.value) ? "default" : "neutral";
43
+ },
44
+ get disabled() {
45
+ return t.disabled;
46
+ },
47
+ get "data-state"() {
48
+ return a().includes(t.value) ? "on" : "off";
49
+ },
50
+ get class() {
51
+ return r(g, a().includes(t.value) && o.selectedItem);
52
+ },
53
+ onClick: () => L(t.value),
54
+ get children() {
55
+ return t.label;
56
+ }
57
+ })
58
+ })), B((t) => {
59
+ var C = r(j(), e.class), b = r(o.group, c() && o.sticky), V = typeof c() == "number" ? {
60
+ top: `${c()}px`
61
+ } : void 0, h = r(o.list, e.groupClass);
62
+ return C !== t.e && d(n, t.e = C), b !== t.t && d(l, t.t = b), t.a = G(l, V, t.a), h !== t.o && d(i, t.o = h), t;
58
63
  }, {
59
64
  e: void 0,
60
65
  t: void 0,
61
66
  a: void 0,
62
- o: void 0,
63
- i: void 0
64
- }), i;
67
+ o: void 0
68
+ }), n;
65
69
  })();
66
70
  };
67
- N(["click"]);
68
71
  export {
69
- K as FilterGroup
72
+ M as FilterGroup
70
73
  };