@konstructio/ui 0.1.2-alpha.104 → 0.1.2-alpha.106

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 (156) hide show
  1. package/dist/{AlertDialogTrigger-BGo_acd5.js → AlertDialogTrigger-BOrb536P.js} +39 -39
  2. package/dist/{Breadcrumb-Cp3abB2w.js → Breadcrumb-DVBxqgW_.js} +2 -2
  3. package/dist/Checkbox-B20uoUKD.js +249 -0
  4. package/dist/{CommandInput-BLq69pOT.js → CommandInput-BWt6-vUK.js} +3 -3
  5. package/dist/{Counter-BV680M5r.js → Counter-DiQb-he2.js} +2 -2
  6. package/dist/{DayPicker-kweJz134.js → DayPicker-C22j0Y-u.js} +539 -518
  7. package/dist/{DropdownButton-DfNojmCW.js → DropdownButton-hCVYZ1LA.js} +5 -5
  8. package/dist/{FlagSelectorList-CkTR3j6O.js → FlagSelectorList-CnJjnsp6.js} +11 -8
  9. package/dist/{HamburgerTrigger-DRylBL2d.js → HamburgerTrigger-BT2yUUJ-.js} +2 -2
  10. package/dist/{ImageUpload-DiwymQcU.js → ImageUpload-DgCBCa5X.js} +1 -1
  11. package/dist/{Input-Cf44DzfE.js → Input-wp-rsCmX.js} +2 -2
  12. package/dist/{Modal-Dyn088X7.js → Modal-CkAf9UY7.js} +3 -3
  13. package/dist/{Switch-aPhL5rNG.js → Switch-CyJXptgc.js} +80 -77
  14. package/dist/{Toast-3NEz7LLa.js → Toast-DLJDExxw.js} +7 -6
  15. package/dist/{Wrapper-DP6Sxngx.js → Wrapper-B8Ja3k4j.js} +63 -63
  16. package/dist/{Wrapper-CVJSuYWx.js → Wrapper-CvDRHgN4.js} +3 -3
  17. package/dist/Wrapper-R8fik3ah.js +182 -0
  18. package/dist/components/Alert/Alert.js +1 -1
  19. package/dist/components/AlertDialog/AlertDialog.js +1 -1
  20. package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
  21. package/dist/components/AlertDialog/components/index.js +1 -1
  22. package/dist/components/Autocomplete/hooks/useAutocomplete.js +27 -25
  23. package/dist/components/Autocomplete/hooks/useNavigationList.js +2 -3
  24. package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
  25. package/dist/components/Breadcrumb/components/BackButton/BackButton.js +1 -1
  26. package/dist/components/Breadcrumb/components/Item/Item.js +1 -1
  27. package/dist/components/Breadcrumb/hooks/useBreadcrumb.js +1 -1
  28. package/dist/components/ButtonGroup/ButtonGroup.js +1 -1
  29. package/dist/components/ButtonGroup/components/ButtonGroupItem/ButtonGroupItem.js +1 -1
  30. package/dist/components/Checkbox/Checkbox.js +1 -1
  31. package/dist/components/Command/Command.js +1 -1
  32. package/dist/components/Command/components/Command.js +1 -1
  33. package/dist/components/Command/components/CommandEmpty.js +1 -1
  34. package/dist/components/Command/components/CommandGroup.js +1 -1
  35. package/dist/components/Command/components/CommandInput.js +1 -1
  36. package/dist/components/Command/components/CommandItem.js +1 -1
  37. package/dist/components/Command/components/CommandList.js +1 -1
  38. package/dist/components/Command/components/CommandSeparator.js +1 -1
  39. package/dist/components/Command/components/DialogContent.js +2 -2
  40. package/dist/components/Command/components/DialogOverlay.js +1 -1
  41. package/dist/components/Command/components/index.js +1 -1
  42. package/dist/components/Counter/Counter.js +1 -1
  43. package/dist/components/DateRangePicker/components/CalendarPanel/components/CalendarMonth/CalendarMonth.js +2 -2
  44. package/dist/components/DateRangePicker/components/CalendarPanel/components/IndependentModeCalendar/IndependentModeCalendar.js +2 -2
  45. package/dist/components/DateRangePicker/components/CalendarPanel/components/TogetherModeCalendar/TogetherModeCalendar.js +1 -1
  46. package/dist/components/DateRangePicker/components/CalendarPanel/constants/dayPickerClassNames.js +1 -1
  47. package/dist/components/DateRangePicker/components/CalendarPanel/constants/index.js +1 -1
  48. package/dist/components/DateRangePicker/components/CalendarPanel/hooks/index.js +1 -1
  49. package/dist/components/DateRangePicker/components/CalendarPanel/hooks/useIndependentCarousel.js +30 -28
  50. package/dist/components/DateRangePicker/components/CalendarPanel/hooks/useTogetherCarousel.js +23 -21
  51. package/dist/components/DateRangePicker/components/CalendarPanel/utils/index.js +1 -1
  52. package/dist/components/DateRangePicker/components/DateTimeInputs/components/EndInputFields/EndInputFields.js +1 -1
  53. package/dist/components/DateRangePicker/components/DateTimeInputs/components/StartInputFields/StartInputFields.js +1 -1
  54. package/dist/components/Datepicker/DatePicker.js +1 -1
  55. package/dist/components/Drawer/Drawer.js +27 -25
  56. package/dist/components/DropdownButton/DropdownButton.js +1 -1
  57. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.hook.js +51 -36
  58. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +40 -38
  59. package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.hook.js +1 -1
  60. package/dist/components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.hook.js +1 -1
  61. package/dist/components/Filter/components/FilterDropdown/FilterDropdown.js +1 -1
  62. package/dist/components/Filter/components/TextMultiSelect/TextMultiSelect.js +42 -40
  63. package/dist/components/Filter/utils/index.js +1 -1
  64. package/dist/components/ImageUpload/ImageUpload.js +1 -1
  65. package/dist/components/Input/Input.js +1 -1
  66. package/dist/components/LineChart/LineChart.js +1 -1
  67. package/dist/components/Modal/Modal.js +1 -1
  68. package/dist/components/Modal/components/Wrapper/Wrapper.js +1 -1
  69. package/dist/components/Modal/components/index.js +1 -1
  70. package/dist/components/MultiSelectDropdown/MultiSelectDropdown.js +1 -1
  71. package/dist/components/MultiSelectDropdown/components/List/List.js +1 -1
  72. package/dist/components/MultiSelectDropdown/components/Wrapper/Wrapper.js +1 -1
  73. package/dist/components/MultiSelectDropdown/components/index.js +1 -1
  74. package/dist/components/MultiSelectDropdown/hooks/useMultiSelectDropdown.js +11 -11
  75. package/dist/components/PhoneNumberInput/PhoneNumberInput.js +2 -2
  76. package/dist/components/PhoneNumberInput/components/FlagSelectorList/FlagSelectorList.js +1 -1
  77. package/dist/components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js +2 -2
  78. package/dist/components/PhoneNumberInput/components/TruncateText/TruncateText.js +3 -3
  79. package/dist/components/PhoneNumberInput/components/Wrapper.js +1 -1
  80. package/dist/components/PhoneNumberInput/components/index.js +2 -2
  81. package/dist/components/PhoneNumberInput/contexts/index.js +1 -1
  82. package/dist/components/PhoneNumberInput/contexts/phone-number.provider.js +1 -1
  83. package/dist/components/PhoneNumberInput/utils/index.js +1 -1
  84. package/dist/components/PieChart/PieChart.js +30 -27
  85. package/dist/components/Range/Range.js +1 -1
  86. package/dist/components/Select/Select.js +36 -33
  87. package/dist/components/Select/components/List/List.js +31 -31
  88. package/dist/components/Select/components/Wrapper.js +1 -1
  89. package/dist/components/Select/components/index.js +1 -1
  90. package/dist/components/Select/hooks/useNavigationList.js +2 -3
  91. package/dist/components/Select/hooks/useSelect.js +29 -41
  92. package/dist/components/Sidebar/components/HamburgerTrigger/HamburgerTrigger.js +1 -1
  93. package/dist/components/Sidebar/components/NavigationOption/NavigationOption.js +1 -1
  94. package/dist/components/Sidebar/components/Wrapper/Wrapper.js +1 -1
  95. package/dist/components/Sidebar/components/index.js +1 -1
  96. package/dist/components/Slider/Slider.js +1 -1
  97. package/dist/components/Switch/Switch.js +1 -1
  98. package/dist/components/Switch/Switch.variants.js +15 -7
  99. package/dist/components/Table/components/Filter.js +1 -1
  100. package/dist/components/Tabs/Tabs.js +1 -1
  101. package/dist/components/Tabs/components/Content.js +1 -1
  102. package/dist/components/Tabs/components/List.js +1 -1
  103. package/dist/components/Tabs/components/Trigger.js +1 -1
  104. package/dist/components/TagSelect/TagSelect.js +1 -1
  105. package/dist/components/TagSelect/components/Wrapper/Wrapper.js +1 -1
  106. package/dist/components/TagSelect/components/index.js +1 -1
  107. package/dist/components/TagSelect/hooks/useTagSelect.js +11 -11
  108. package/dist/components/TimePicker/components/Wrapper/Wrapper.js +16 -16
  109. package/dist/components/Toast/Toast.js +1 -1
  110. package/dist/components/Tooltip/Tooltip.js +1 -1
  111. package/dist/components/Typography/Typography.js +19 -16
  112. package/dist/components/VirtualizedTable/VirtualizedTable.js +1 -1
  113. package/dist/components/VirtualizedTable/components/Body/Body.js +1 -1
  114. package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js +1 -1
  115. package/dist/components/VirtualizedTable/components/Filter/Filter.js +3 -3
  116. package/dist/components/VirtualizedTable/components/FormPaginate/FormPaginate.js +1 -1
  117. package/dist/components/VirtualizedTable/components/Header/Header.js +1 -1
  118. package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js +2 -2
  119. package/dist/components/VirtualizedTable/contexts/index.js +1 -1
  120. package/dist/components/VirtualizedTable/contexts/table.provider.js +1 -1
  121. package/dist/components/index.js +10 -10
  122. package/dist/{components-Cf345jTv.js → components-MnxnhLqM.js} +1 -1
  123. package/dist/{constants-CxJJRVK3.js → constants-CSsr7_YV.js} +1 -1
  124. package/dist/{debounce-C5Ycjilj.js → debounce-BdyZeJQk.js} +2 -2
  125. package/dist/{dist-BaPW7qXd2.js → dist-B6ExqXM_2.js} +1 -1
  126. package/dist/{dist-BZNE2Tnx.js → dist-BbX4Nrk2.js} +1 -1
  127. package/dist/{dist-BdobXn93.js → dist-C87gsBDM.js} +1 -1
  128. package/dist/{dist-DDck_2lb.js → dist-CqNOgbfR.js} +117 -116
  129. package/dist/{dist-C3YVLapk.js → dist-DO3apbIh.js} +24 -24
  130. package/dist/{dist-CzKqHuqJ2.js → dist-DwxO2RoR2.js} +38 -38
  131. package/dist/{dist-DFCz63oC2.js → dist-Z0F27ATp2.js} +157 -158
  132. package/dist/{dist-AihTpWdF.js → dist-iUAHw-3y.js} +272 -272
  133. package/dist/{dist-tGUUcv8n.js → dist-oJzmvhAb.js} +114 -115
  134. package/dist/{dist-BlPTJNIm.js → dist-ut_BEHii.js} +1 -1
  135. package/dist/es2015-B_07N-UL.js +796 -0
  136. package/dist/index.js +10 -10
  137. package/dist/{isObject-BeFFiVJK.js → isObject-pLoSfdr0.js} +1 -1
  138. package/dist/lib/components/Checkbox/Checkbox.d.ts +1 -1
  139. package/dist/lib/components/Checkbox/Checkbox.types.d.ts +2 -1
  140. package/dist/lib/components/Select/hooks/useSelect.d.ts +1 -3
  141. package/dist/lib/components/Switch/Switch.variants.d.ts +3 -1
  142. package/dist/{libphonenumber-hGupNnJu.js → libphonenumber-BMq3Thej.js} +356 -347
  143. package/dist/package.json +21 -21
  144. package/dist/{phone-number.provider-BxQCTxp8.js → phone-number.provider-Dkq_p1Gi.js} +2 -2
  145. package/dist/{prop-types-CfEYxTbR.js → prop-types-BCUW56rg.js} +1 -1
  146. package/dist/{react-CvUtBTMg.js → react-B6Nc0Fib.js} +835 -827
  147. package/dist/{rolldown-runtime-Ck3dxwZt.js → rolldown-runtime-Dw9YIBcH.js} +1 -1
  148. package/dist/styles.css +1 -1
  149. package/dist/{table.provider-B0BafHuU.js → table.provider-DfZ74xMZ.js} +95 -95
  150. package/dist/{useBreadcrumb-DYfZL_2p.js → useBreadcrumb-Ds_9BeFz.js} +7 -6
  151. package/dist/{utils-B-BTGYA5.js → utils-DVYdP0CJ.js} +2 -3
  152. package/dist/{x-BI9jmc7e.js → x-Ierxf0uI.js} +2 -2
  153. package/package.json +21 -21
  154. package/dist/Checkbox-B_ngk9Dj.js +0 -249
  155. package/dist/Wrapper-BhqUVI1G.js +0 -171
  156. package/dist/es2015-DigR3dar.js +0 -795
@@ -1,52 +1,67 @@
1
- import { useFilterContext as F } from "../../contexts/filter.hook.js";
2
- import { sendOpenFilterEvent as w } from "../../events/index.js";
3
- import { useFilterDropdownSync as x } from "../../hooks/useFilterDropdownSync.js";
4
- import { useCallback as a, useId as y, useMemo as f, useState as m } from "react";
5
- var B = ({ onApply: o, options: d = [] }) => {
6
- const { closeOnApply: p } = F(), c = y(), [u, n] = m(!1), [t, i] = m([]), O = a(() => n(!1), []), r = a(() => {
7
- i([]), o?.([]);
8
- }, [o]);
9
- x({
1
+ import { useFilterContext as w } from "../../contexts/filter.hook.js";
2
+ import { sendOpenFilterEvent as y } from "../../events/index.js";
3
+ import { useFilterDropdownSync as I } from "../../hooks/useFilterDropdownSync.js";
4
+ import { useCallback as p, useId as M, useMemo as u, useState as R } from "react";
5
+ var E = ({ onApply: r, options: o = [] }) => {
6
+ const { closeOnApply: a } = w(), c = M(), [v, d] = R(!1), [n, l] = R([]), A = p(() => d(!1), []), m = p(() => {
7
+ l([]), r?.([]);
8
+ }, [r]);
9
+ I({
10
10
  id: c,
11
- onClose: O,
12
- onReset: r
11
+ onClose: A,
12
+ onReset: m
13
13
  });
14
- const A = (e) => {
15
- e && (w(c), i((s) => s.filter((l) => l.isApplied))), n(e);
16
- }, h = (e, s) => {
17
- i(s ? [...t, {
14
+ const h = (e) => {
15
+ e && (y(c), l((t) => t.filter((i) => i.isApplied).map((i) => ({
16
+ ...i,
17
+ isRemoved: !1
18
+ })))), d(e);
19
+ }, O = (e, t) => {
20
+ l(t ? (i) => i.some((s) => s.id === e.id) ? i.map((s) => s.id === e.id ? {
21
+ ...s,
22
+ isRemoved: !1
23
+ } : s) : [...i, {
18
24
  ...e,
19
25
  isApplied: !1
20
- }] : t.map((l) => l.id === e.id ? {
21
- ...l,
26
+ }] : (i) => i.map((s) => s.id === e.id ? {
27
+ ...s,
22
28
  isRemoved: !0
23
- } : l));
29
+ } : s));
24
30
  }, S = () => {
25
- r(), p && n(!1);
26
- }, v = () => {
27
- const e = t?.filter((s) => !s.isRemoved).map((s) => ({
28
- ...s,
31
+ m(), a && d(!1);
32
+ }, C = () => {
33
+ const e = n.filter((t) => !t.isRemoved).map((t) => ({
34
+ ...t,
29
35
  isApplied: !0
30
36
  }));
31
- i(e), o?.(e.map(({ isApplied: s, isRemoved: l, ...g }) => g)), p && n(!1);
32
- }, R = f(() => t.filter((e) => e.isApplied), [t]), C = f(() => d.length > 0 && d.every((e) => t.some((s) => s.id === e.id && !s.isRemoved)), [d, t]);
37
+ l(e), r?.(e.map(({ isApplied: t, isRemoved: i, ...s }) => s)), a && d(!1);
38
+ }, g = u(() => n.filter((e) => e.isApplied), [n]), x = u(() => o.length > 0 && o.every((e) => n.some((t) => t.id === e.id && !t.isRemoved)), [o, n]);
33
39
  return {
34
- isOpen: u,
35
- isAllSelected: C,
36
- selectedCount: R,
37
- selectedOptions: t,
38
- handleApplyOptions: v,
39
- handleOpenChange: A,
40
+ isOpen: v,
41
+ isAllSelected: x,
42
+ selectedCount: g,
43
+ selectedOptions: n,
44
+ handleApplyOptions: C,
45
+ handleOpenChange: h,
40
46
  handleResetOptions: S,
41
- handleSelectAll: (e, s) => {
42
- s && i(e.map((l) => ({
43
- ...l,
44
- isApplied: !1
47
+ handleSelectAll: (e, t) => {
48
+ l(t ? (i) => e.map((s) => {
49
+ const f = i.find((F) => F.id === s.id);
50
+ return f ? {
51
+ ...f,
52
+ isRemoved: !1
53
+ } : {
54
+ ...s,
55
+ isApplied: !1
56
+ };
57
+ }) : (i) => i.map((s) => ({
58
+ ...s,
59
+ isRemoved: !0
45
60
  })));
46
61
  },
47
- handleSelectOption: h
62
+ handleSelectOption: O
48
63
  };
49
64
  };
50
65
  export {
51
- B as useBadgeMultiSelect
66
+ E as useBadgeMultiSelect
52
67
  };
@@ -1,47 +1,49 @@
1
- import { t as m } from "../../../../Checkbox-B_ngk9Dj.js";
2
- import { t as d } from "../../../../utils-Cx-WzRZF.js";
3
- import { Button as h } from "../../../Button/Button.js";
1
+ import { t as o } from "../../../../Checkbox-B20uoUKD.js";
2
+ import { t as c } from "../../../../utils-Cx-WzRZF.js";
3
+ import { Button as m } from "../../../Button/Button.js";
4
4
  import { t as O } from "../../../../chevron-down-DNP-OOAQ.js";
5
- import { Badge as c } from "../../../Badge/Badge.js";
5
+ import { Badge as i } from "../../../Badge/Badge.js";
6
6
  import { filterButtonIconVariants as S, filterButtonVariants as B } from "../../Filter.variants.js";
7
- import { FilterDropdown as A } from "../FilterDropdown/FilterDropdown.js";
8
- import { useBadgeMultiSelect as I } from "./BadgeMultiSelect.hook.js";
9
- import { Fragment as j, jsx as a, jsxs as l } from "react/jsx-runtime";
10
- var E = ({ options: r, label: g, position: p = "left", onApply: f, showSelectAll: u = !0, selectAllLabel: x = "All" }) => {
11
- const { isOpen: t, isAllSelected: i, selectedOptions: C, selectedCount: s, handleOpenChange: b, handleResetOptions: v, handleApplyOptions: k, handleSelectAll: y, handleSelectOption: N } = I({
12
- onApply: f,
13
- options: r
7
+ import { FilterDropdown as I } from "../FilterDropdown/FilterDropdown.js";
8
+ import { useBadgeMultiSelect as A } from "./BadgeMultiSelect.hook.js";
9
+ import { Fragment as j, jsx as a, jsxs as r } from "react/jsx-runtime";
10
+ var G = ({ options: l, label: h, position: g = "left", onApply: p, showSelectAll: f = !0, selectAllLabel: d = "All" }) => {
11
+ const { isOpen: n, isAllSelected: u, selectedOptions: x, selectedCount: s, handleOpenChange: b, handleResetOptions: v, handleApplyOptions: C, handleSelectAll: k, handleSelectOption: y } = A({
12
+ onApply: p,
13
+ options: l
14
14
  });
15
- return r.length === 0 ? null : /* @__PURE__ */ l(A, {
16
- isOpen: t,
17
- position: p,
15
+ return l.length === 0 ? null : /* @__PURE__ */ r(I, {
16
+ isOpen: n,
17
+ position: g,
18
18
  contentClassName: "border border-gray-200",
19
- triggerClassName: d(B(), { "text-slate-700 dark:text-metal-50": t }),
20
- trigger: /* @__PURE__ */ l(j, { children: [
21
- g,
22
- s.length > 0 && /* @__PURE__ */ a(c, { label: s.length.toString() }),
23
- /* @__PURE__ */ a(O, { className: d(S(), { "rotate-180 text-blue-600 dark:text-aurora-500": t }) })
19
+ triggerClassName: c(B(), { "text-slate-700 dark:text-metal-50": n }),
20
+ trigger: /* @__PURE__ */ r(j, { children: [
21
+ h,
22
+ s.length > 0 && /* @__PURE__ */ a(i, { label: s.length.toString() }),
23
+ /* @__PURE__ */ a(O, { className: c(S(), { "rotate-180 text-blue-600 dark:text-aurora-500": n }) })
24
24
  ] }),
25
25
  onOpenChange: b,
26
26
  children: [/* @__PURE__ */ a("div", {
27
27
  className: "px-6 py-4",
28
- children: /* @__PURE__ */ l("div", {
28
+ children: /* @__PURE__ */ r("div", {
29
29
  className: "flex flex-col gap-2",
30
- children: [u && /* @__PURE__ */ l("div", {
30
+ children: [f && /* @__PURE__ */ r("div", {
31
31
  className: "flex gap-4",
32
- children: [/* @__PURE__ */ a(m, {
33
- defaultChecked: i,
34
- onChange: (e) => y(r, e)
35
- }, `select-all-${i}`), /* @__PURE__ */ a(c, { label: x })]
36
- }), r.map((e) => {
37
- const o = !!C.find((n) => n.id === e.id);
38
- return /* @__PURE__ */ l("div", {
32
+ children: [/* @__PURE__ */ a(o, {
33
+ checked: u,
34
+ "aria-label": d,
35
+ onChange: (e) => k(l, e)
36
+ }), /* @__PURE__ */ a(i, { label: d })]
37
+ }), l.map((e) => {
38
+ const N = x.some((t) => t.id === e.id && !t.isRemoved);
39
+ return /* @__PURE__ */ r("div", {
39
40
  className: "flex gap-4",
40
- children: [/* @__PURE__ */ a(m, {
41
- defaultChecked: o,
41
+ children: [/* @__PURE__ */ a(o, {
42
+ checked: N,
43
+ "aria-label": e.label,
42
44
  "data-label": e.id,
43
- onChange: (n) => N(e, n)
44
- }, `${e.id}-${o}`), /* @__PURE__ */ a(c, {
45
+ onChange: (t) => y(e, t)
46
+ }), /* @__PURE__ */ a(i, {
45
47
  label: e.label,
46
48
  variant: e.variant,
47
49
  leftIcon: e.leftIcon,
@@ -51,21 +53,21 @@ var E = ({ options: r, label: g, position: p = "left", onApply: f, showSelectAll
51
53
  }, e.id);
52
54
  })]
53
55
  })
54
- }), /* @__PURE__ */ l("div", {
55
- className: d("flex", "justify-center", "items-center", "gap-4", "px-6", "py-4", "border-t", "border-gray-200", "dark:border-metal-700"),
56
- children: [/* @__PURE__ */ a(h, {
56
+ }), /* @__PURE__ */ r("div", {
57
+ className: c("flex", "justify-center", "items-center", "gap-4", "px-6", "py-4", "border-t", "border-gray-200", "dark:border-metal-700"),
58
+ children: [/* @__PURE__ */ a(m, {
57
59
  variant: "secondary",
58
60
  appearance: "compact",
59
61
  onClick: v,
60
62
  children: "Reset"
61
- }), /* @__PURE__ */ a(h, {
63
+ }), /* @__PURE__ */ a(m, {
62
64
  appearance: "compact",
63
- onClick: k,
65
+ onClick: C,
64
66
  children: "Apply"
65
67
  })]
66
68
  })]
67
69
  });
68
70
  };
69
71
  export {
70
- E as BadgeMultiSelect
72
+ G as BadgeMultiSelect
71
73
  };
@@ -1,7 +1,7 @@
1
1
  import { useFilterContext as O } from "../../contexts/filter.hook.js";
2
2
  import { sendOpenFilterEvent as v } from "../../events/index.js";
3
3
  import { useFilterDropdownSync as C } from "../../hooks/useFilterDropdownSync.js";
4
- import { t as g } from "../../../../utils-B-BTGYA5.js";
4
+ import { t as g } from "../../../../utils-DVYdP0CJ.js";
5
5
  import { useCallback as a, useId as w, useMemo as x, useState as l } from "react";
6
6
  var A = ({ onApply: o, countryCode: r = "US" }) => {
7
7
  const { closeOnApply: i } = O(), s = w(), [f, e] = l(!1), [n, c] = l(), [d, p] = l(), D = x(() => d?.toLocaleDateString(g(r), {
@@ -1,7 +1,7 @@
1
1
  import { useFilterContext as F } from "../../contexts/filter.hook.js";
2
2
  import { sendOpenFilterEvent as O } from "../../events/index.js";
3
3
  import { useFilterDropdownSync as w } from "../../hooks/useFilterDropdownSync.js";
4
- import { t as x } from "../../../../utils-B-BTGYA5.js";
4
+ import { t as x } from "../../../../utils-DVYdP0CJ.js";
5
5
  import { useCallback as a, useId as y, useMemo as I, useState as i } from "react";
6
6
  var E = ({ defaultRange: d, onApply: n, countryCode: p = "US" }) => {
7
7
  const { closeOnApply: l } = F(), r = y(), [g, o] = i(!1), [s, c] = i(d), [t, m] = i(), u = I(() => {
@@ -1,6 +1,6 @@
1
1
  import { t as l } from "../../../../utils-Cx-WzRZF.js";
2
2
  import { useFilterContext as f } from "../../contexts/filter.hook.js";
3
- import { i as p, n as c, r as h, t as g } from "../../../../dist-BaPW7qXd2.js";
3
+ import { i as p, n as c, r as h, t as g } from "../../../../dist-B6ExqXM_2.js";
4
4
  import { jsx as e, jsxs as u } from "react/jsx-runtime";
5
5
  var j = ({ isOpen: t, trigger: r, triggerClassName: o, position: a = "left", contentClassName: n, children: s, onOpenChange: i }) => {
6
6
  const { theme: m } = f();
@@ -1,71 +1,73 @@
1
- import { t as m } from "../../../../Checkbox-B_ngk9Dj.js";
1
+ import { t as d } from "../../../../Checkbox-B20uoUKD.js";
2
2
  import { t as s } from "../../../../utils-Cx-WzRZF.js";
3
- import { Button as o } from "../../../Button/Button.js";
3
+ import { Button as m } from "../../../Button/Button.js";
4
4
  import { t as y } from "../../../../chevron-down-DNP-OOAQ.js";
5
5
  import { Badge as O } from "../../../Badge/Badge.js";
6
6
  import { filterButtonIconVariants as S, filterButtonVariants as w } from "../../Filter.variants.js";
7
- import { FilterDropdown as A } from "../FilterDropdown/FilterDropdown.js";
8
- import { useBadgeMultiSelect as B } from "../BadgeDropdown/BadgeMultiSelect.hook.js";
9
- import { Fragment as j, jsx as e, jsxs as a } from "react/jsx-runtime";
10
- var z = ({ options: l, label: p, position: h = "left", onApply: f, showSelectAll: x = !0, selectAllLabel: g = "All" }) => {
11
- const { isOpen: r, isAllSelected: c, selectedOptions: u, selectedCount: d, handleOpenChange: C, handleResetOptions: b, handleApplyOptions: k, handleSelectAll: N, handleSelectOption: v } = B({
12
- onApply: f,
13
- options: l
7
+ import { FilterDropdown as B } from "../FilterDropdown/FilterDropdown.js";
8
+ import { useBadgeMultiSelect as A } from "../BadgeDropdown/BadgeMultiSelect.hook.js";
9
+ import { Fragment as j, jsx as e, jsxs as t } from "react/jsx-runtime";
10
+ var E = ({ options: r, label: o, position: p = "left", onApply: h, showSelectAll: x = !0, selectAllLabel: c = "All" }) => {
11
+ const { isOpen: n, isAllSelected: g, selectedOptions: f, selectedCount: i, handleOpenChange: u, handleResetOptions: b, handleApplyOptions: C, handleSelectAll: k, handleSelectOption: N } = A({
12
+ onApply: h,
13
+ options: r
14
14
  });
15
- return l.length === 0 ? null : /* @__PURE__ */ a(A, {
16
- isOpen: r,
17
- position: h,
15
+ return r.length === 0 ? null : /* @__PURE__ */ t(B, {
16
+ isOpen: n,
17
+ position: p,
18
18
  contentClassName: "border border-gray-200",
19
- triggerClassName: s(w(), { "text-slate-700 dark:text-metal-50": r }),
20
- trigger: /* @__PURE__ */ a(j, { children: [
21
- p,
22
- d.length > 0 && /* @__PURE__ */ e(O, { label: d.length.toString() }),
23
- /* @__PURE__ */ e(y, { className: s(S(), { "rotate-180 text-blue-600 dark:text-aurora-500": r }) })
19
+ triggerClassName: s(w(), { "text-slate-700 dark:text-metal-50": n }),
20
+ trigger: /* @__PURE__ */ t(j, { children: [
21
+ o,
22
+ i.length > 0 && /* @__PURE__ */ e(O, { label: i.length.toString() }),
23
+ /* @__PURE__ */ e(y, { className: s(S(), { "rotate-180 text-blue-600 dark:text-aurora-500": n }) })
24
24
  ] }),
25
- onOpenChange: C,
25
+ onOpenChange: u,
26
26
  children: [/* @__PURE__ */ e("div", {
27
27
  className: "px-6 py-4",
28
- children: /* @__PURE__ */ a("div", {
28
+ children: /* @__PURE__ */ t("div", {
29
29
  className: "flex flex-col gap-2",
30
- children: [x && /* @__PURE__ */ a("div", {
30
+ children: [x && /* @__PURE__ */ t("div", {
31
31
  className: "flex gap-4",
32
- children: [/* @__PURE__ */ e(m, {
33
- defaultChecked: c,
34
- onChange: (t) => N(l, t)
35
- }, `select-all-${c}`), /* @__PURE__ */ e("span", {
32
+ children: [/* @__PURE__ */ e(d, {
33
+ checked: g,
34
+ "aria-label": c,
35
+ onChange: (a) => k(r, a)
36
+ }), /* @__PURE__ */ e("span", {
36
37
  className: "text-sm text-slate-700 dark:text-metal-200 whitespace-nowrap",
37
- children: g
38
+ children: c
38
39
  })]
39
- }), l.map((t) => {
40
- const i = !!u.find((n) => n.id === t.id);
41
- return /* @__PURE__ */ a("div", {
40
+ }), r.map((a) => {
41
+ const v = f.some((l) => l.id === a.id && !l.isRemoved);
42
+ return /* @__PURE__ */ t("div", {
42
43
  className: "flex gap-4",
43
- children: [/* @__PURE__ */ e(m, {
44
- defaultChecked: i,
45
- "data-label": t.id,
46
- onChange: (n) => v(t, n)
47
- }, `${t.id}-${i}`), /* @__PURE__ */ e("span", {
44
+ children: [/* @__PURE__ */ e(d, {
45
+ checked: v,
46
+ "aria-label": a.label,
47
+ "data-label": a.id,
48
+ onChange: (l) => N(a, l)
49
+ }), /* @__PURE__ */ e("span", {
48
50
  className: "text-sm text-slate-700 dark:text-metal-200 whitespace-nowrap",
49
- children: t.label
51
+ children: a.label
50
52
  })]
51
- }, t.id);
53
+ }, a.id);
52
54
  })]
53
55
  })
54
- }), /* @__PURE__ */ a("div", {
56
+ }), /* @__PURE__ */ t("div", {
55
57
  className: s("flex", "justify-center", "items-center", "gap-4", "px-6", "py-4", "border-t", "border-gray-200", "dark:border-metal-700"),
56
- children: [/* @__PURE__ */ e(o, {
58
+ children: [/* @__PURE__ */ e(m, {
57
59
  variant: "secondary",
58
60
  appearance: "compact",
59
61
  onClick: b,
60
62
  children: "Reset"
61
- }), /* @__PURE__ */ e(o, {
63
+ }), /* @__PURE__ */ e(m, {
62
64
  appearance: "compact",
63
- onClick: k,
65
+ onClick: C,
64
66
  children: "Apply"
65
67
  })]
66
68
  })]
67
69
  });
68
70
  };
69
71
  export {
70
- z as TextMultiSelect
72
+ E as TextMultiSelect
71
73
  };
@@ -1,4 +1,4 @@
1
- import { t } from "../../../utils-B-BTGYA5.js";
1
+ import { t } from "../../../utils-DVYdP0CJ.js";
2
2
  export {
3
3
  t as getLocale
4
4
  };
@@ -1,4 +1,4 @@
1
- import { t as a } from "../../ImageUpload-DiwymQcU.js";
1
+ import { t as a } from "../../ImageUpload-DgCBCa5X.js";
2
2
  export {
3
3
  a as ImageUpload
4
4
  };
@@ -1,4 +1,4 @@
1
- import { t as o } from "../../Input-Cf44DzfE.js";
1
+ import { t as o } from "../../Input-wp-rsCmX.js";
2
2
  export {
3
3
  o as Input
4
4
  };
@@ -1,6 +1,6 @@
1
1
  import { i as l, t as _ } from "../../utils-Cx-WzRZF.js";
2
2
  import { Typography as z } from "../Typography/Typography.js";
3
- import { a as P, c as j, d as D, i as E, l as F, n as H, o as N, s as O, u as M } from "../../dist-AihTpWdF.js";
3
+ import { a as P, c as j, d as D, i as E, l as F, n as H, o as N, s as O, u as M } from "../../dist-iUAHw-3y.js";
4
4
  import { useMemo as h } from "react";
5
5
  import { jsx as p, jsxs as V } from "react/jsx-runtime";
6
6
  P.register(E, F, M, O, N, j, D);
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { t } from "../../Modal-Dyn088X7.js";
2
+ import { t } from "../../Modal-CkAf9UY7.js";
3
3
  export {
4
4
  t as Modal
5
5
  };
@@ -1,4 +1,4 @@
1
- import { n as p } from "../../../../Modal-Dyn088X7.js";
1
+ import { n as p } from "../../../../Modal-CkAf9UY7.js";
2
2
  export {
3
3
  p as Wrapper
4
4
  };
@@ -1,7 +1,7 @@
1
1
  import { Body as o } from "./Body/Body.js";
2
2
  import { Footer as p } from "./Footer/Footer.js";
3
3
  import { Header as e } from "./Header/Header.js";
4
- import { n as i } from "../../../Modal-Dyn088X7.js";
4
+ import { n as i } from "../../../Modal-CkAf9UY7.js";
5
5
  export {
6
6
  o as Body,
7
7
  p as Footer,
@@ -1,4 +1,4 @@
1
- import { t } from "../../components-Cf345jTv.js";
1
+ import { t } from "../../components-MnxnhLqM.js";
2
2
  export {
3
3
  t as MultiSelectDropdown
4
4
  };
@@ -1,4 +1,4 @@
1
- import { r as o } from "../../../../components-Cf345jTv.js";
1
+ import { r as o } from "../../../../components-MnxnhLqM.js";
2
2
  export {
3
3
  o as List
4
4
  };
@@ -1,4 +1,4 @@
1
- import { n as p } from "../../../../components-Cf345jTv.js";
1
+ import { n as p } from "../../../../components-MnxnhLqM.js";
2
2
  export {
3
3
  p as Wrapper
4
4
  };
@@ -1,5 +1,5 @@
1
1
  import { Item as m } from "./Item/Item.js";
2
- import { n as p, r as t } from "../../../components-Cf345jTv.js";
2
+ import { n as p, r as t } from "../../../components-MnxnhLqM.js";
3
3
  export {
4
4
  m as Item,
5
5
  t as List,
@@ -1,15 +1,15 @@
1
- import { useClickOutside as l } from "../../../hooks/useClickOutside.js";
2
- import { useMultiSelectDropdown as s } from "../contexts/MultiSelectDropdown.hook.js";
3
- import { useCallback as a, useEffect as u, useRef as c } from "react";
4
- var m = () => {
5
- const o = c(null), { onOpen: e } = s();
6
- return l(o, a(() => {
1
+ import { useClickOutside as s } from "../../../hooks/useClickOutside.js";
2
+ import { useMultiSelectDropdown as a } from "../contexts/MultiSelectDropdown.hook.js";
3
+ import { useCallback as u, useEffect as c, useRef as d } from "react";
4
+ var w = () => {
5
+ const o = d(null), { onOpen: e } = a(), n = u(() => {
7
6
  e(!1);
8
- }, [e])), u(() => {
9
- const t = new AbortController(), n = (r) => {
10
- r.key === "Escape" && e(!1);
7
+ }, [e]);
8
+ return s(o, n), c(() => {
9
+ const t = new AbortController(), r = (l) => {
10
+ l.key === "Escape" && e(!1);
11
11
  };
12
- return document.addEventListener("keydown", n, { signal: t.signal }), () => {
12
+ return document.addEventListener("keydown", r, { signal: t.signal }), () => {
13
13
  t.abort();
14
14
  };
15
15
  }, [e]), {
@@ -20,5 +20,5 @@ var m = () => {
20
20
  };
21
21
  };
22
22
  export {
23
- m as useMultiSelectDropdown
23
+ w as useMultiSelectDropdown
24
24
  };
@@ -1,5 +1,5 @@
1
- import { t as p } from "../../phone-number.provider-BxQCTxp8.js";
2
- import { t } from "../../Wrapper-DP6Sxngx.js";
1
+ import { t as p } from "../../phone-number.provider-Dkq_p1Gi.js";
2
+ import { t } from "../../Wrapper-B8Ja3k4j.js";
3
3
  import { forwardRef as f } from "react";
4
4
  import { jsx as r } from "react/jsx-runtime";
5
5
  var h = f(({ defaultCountryCode: o = "US", ...m }, e) => /* @__PURE__ */ r(p, {
@@ -1,4 +1,4 @@
1
- import { t as o } from "../../../../FlagSelectorList-CkTR3j6O.js";
1
+ import { t as o } from "../../../../FlagSelectorList-CnJjnsp6.js";
2
2
  export {
3
3
  o as FlagSelectorList
4
4
  };
@@ -1,6 +1,6 @@
1
- import { t as i } from "../../../../Input-Cf44DzfE.js";
1
+ import { t as i } from "../../../../Input-wp-rsCmX.js";
2
2
  import { t as c } from "../../../../utils-Cx-WzRZF.js";
3
- import { t as d } from "../../../../FlagSelectorList-CkTR3j6O.js";
3
+ import { t as d } from "../../../../FlagSelectorList-CnJjnsp6.js";
4
4
  import { usePhoneNumberContext as p } from "../../contexts/phone-number.hook.js";
5
5
  import { jsx as r, jsxs as h } from "react/jsx-runtime";
6
6
  var v = ({ placeholder: e = "Search", showFlagOnSearch: a, showInputFilter: o, showNameOnSearch: t, showPlaceHolder: m = !0 }) => {
@@ -1,6 +1,6 @@
1
- import { o as f } from "../../../../rolldown-runtime-Ck3dxwZt.js";
2
- import { a as u, i as b, n as m, o as p } from "../../../../dist-tGUUcv8n.js";
3
- import { t as h } from "../../../../debounce-C5Ycjilj.js";
1
+ import { o as f } from "../../../../rolldown-runtime-Dw9YIBcH.js";
2
+ import { a as u, i as b, n as m, o as p } from "../../../../dist-oJzmvhAb.js";
3
+ import { t as h } from "../../../../debounce-BdyZeJQk.js";
4
4
  import { useCallback as w, useEffect as i, useRef as g, useState as v } from "react";
5
5
  import { jsx as s, jsxs as a } from "react/jsx-runtime";
6
6
  var k = /* @__PURE__ */ f(h(), 1), N = ({ text: r, prefix: n }) => {
@@ -1,4 +1,4 @@
1
- import { t as p } from "../../../Wrapper-DP6Sxngx.js";
1
+ import { t as p } from "../../../Wrapper-B8Ja3k4j.js";
2
2
  export {
3
3
  p as Wrapper
4
4
  };
@@ -1,5 +1,5 @@
1
- import { t } from "../../../FlagSelectorList-CkTR3j6O.js";
2
- import { t as p } from "../../../Wrapper-DP6Sxngx.js";
1
+ import { t } from "../../../FlagSelectorList-CnJjnsp6.js";
2
+ import { t as p } from "../../../Wrapper-B8Ja3k4j.js";
3
3
  export {
4
4
  t as FlagSelectorList,
5
5
  p as Wrapper
@@ -1,5 +1,5 @@
1
1
  import { PhoneNumberContext as r } from "./phone-number.context.js";
2
- import { t as m } from "../../../phone-number.provider-BxQCTxp8.js";
2
+ import { t as m } from "../../../phone-number.provider-Dkq_p1Gi.js";
3
3
  import { usePhoneNumberContext as n } from "./phone-number.hook.js";
4
4
  export {
5
5
  r as PhoneNumberContext,
@@ -1,4 +1,4 @@
1
- import { t as o } from "../../../phone-number.provider-BxQCTxp8.js";
1
+ import { t as o } from "../../../phone-number.provider-Dkq_p1Gi.js";
2
2
  export {
3
3
  o as PhoneNumberProvider
4
4
  };
@@ -1,4 +1,4 @@
1
- import { t as m } from "../../../libphonenumber-hGupNnJu.js";
1
+ import { t as m } from "../../../libphonenumber-BMq3Thej.js";
2
2
  var n = m(), e = n.PhoneNumberUtil.getInstance(), p = (t) => {
3
3
  const r = t.code, o = e.getExampleNumber(r);
4
4
  if (!o) return;