@konstructio/ui 0.1.2-alpha.74 → 0.1.2-alpha.75

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 (62) hide show
  1. package/dist/{Modal-CXRo8f-h.js → Modal-BTOXCb0Y.js} +1 -1
  2. package/dist/assets/icons/components/Home2.d.ts +3 -0
  3. package/dist/assets/icons/components/Home2.js +28 -0
  4. package/dist/assets/icons/components/Upload.d.ts +3 -0
  5. package/dist/assets/icons/components/Upload.js +28 -0
  6. package/dist/assets/icons/components/index.d.ts +2 -0
  7. package/dist/assets/icons/components/index.js +70 -66
  8. package/dist/assets/icons/index.js +70 -66
  9. package/dist/components/Button/Button.variants.js +4 -5
  10. package/dist/components/ButtonGroup/ButtonGroup.js +1 -1
  11. package/dist/components/ButtonGroup/components/ButtonGroupItem/ButtonGroupItem.js +1 -1
  12. package/dist/components/DateRangePicker/components/CalendarPanel/components/IndependentModeCalendar/IndependentModeCalendar.js +1 -1
  13. package/dist/components/DateRangePicker/components/CalendarPanel/components/TogetherModeCalendar/TogetherModeCalendar.js +1 -1
  14. package/dist/components/Filter/Filter.js +24 -22
  15. package/dist/components/Filter/Filter.types.d.ts +8 -0
  16. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.hook.d.ts +3 -1
  17. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.hook.js +57 -41
  18. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +75 -49
  19. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.types.d.ts +2 -0
  20. package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.hook.js +38 -37
  21. package/dist/components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.hook.js +31 -30
  22. package/dist/components/Filter/components/TextMultiSelect/TextMultiSelect.js +64 -47
  23. package/dist/components/Filter/components/TextMultiSelect/TextMultiSelect.types.d.ts +2 -0
  24. package/dist/components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.hook.js +35 -34
  25. package/dist/components/Filter/contexts/filter.context.d.ts +4 -0
  26. package/dist/components/Filter/contexts/filter.context.js +7 -0
  27. package/dist/components/Filter/contexts/filter.hook.d.ts +2 -0
  28. package/dist/components/Filter/contexts/filter.hook.js +11 -0
  29. package/dist/components/Filter/contexts/filter.provider.d.ts +5 -0
  30. package/dist/components/Filter/contexts/filter.provider.js +6 -0
  31. package/dist/components/Filter/contexts/index.d.ts +3 -0
  32. package/dist/components/Filter/contexts/index.js +8 -0
  33. package/dist/components/LineChart/LineChart.js +55 -52
  34. package/dist/components/LineChart/LineChart.types.d.ts +2 -0
  35. package/dist/components/Modal/Modal.js +1 -1
  36. package/dist/components/Modal/components/Wrapper/Wrapper.js +2 -2
  37. package/dist/components/Modal/components/index.js +1 -1
  38. package/dist/components/PhoneNumberInput/components/FlagSelectorList/FlagSelectorList.js +394 -353
  39. package/dist/components/Select/Select.types.d.ts +1 -0
  40. package/dist/components/Select/Select.variants.js +1 -1
  41. package/dist/components/Select/components/List/List.js +64 -61
  42. package/dist/components/Select/components/List/List.types.d.ts +1 -0
  43. package/dist/components/Select/components/Wrapper.js +46 -44
  44. package/dist/components/Select/constants/index.d.ts +1 -0
  45. package/dist/components/Select/constants/index.js +3 -1
  46. package/dist/components/Select/constants/list.d.ts +1 -0
  47. package/dist/components/Select/constants/list.js +4 -0
  48. package/dist/components/Toast/Toast.js +192 -184
  49. package/dist/components/Toast/Toast.variants.js +6 -12
  50. package/dist/components/VirtualizedTable/VirtualizedTable.js +57 -55
  51. package/dist/components/VirtualizedTable/VirtualizedTable.types.d.ts +2 -0
  52. package/dist/components/VirtualizedTable/components/Filter/Filter.js +55 -54
  53. package/dist/components/VirtualizedTable/components/Filter/Filter.types.d.ts +1 -0
  54. package/dist/components/index.js +1 -1
  55. package/dist/icons.d.ts +1 -1
  56. package/dist/icons.js +70 -66
  57. package/dist/index.js +1 -1
  58. package/dist/package.json +10 -10
  59. package/dist/proxy-BvdTb_6B.js +4974 -0
  60. package/dist/styles.css +1 -1
  61. package/package.json +10 -10
  62. package/dist/proxy-0sbyKj-k.js +0 -4946
@@ -8,7 +8,7 @@ import { R as B } from "./index-BKjcReYh.js";
8
8
  import { R as C } from "./Combination-BtmnusWq.js";
9
9
  import { cn as h } from "./utils/index.js";
10
10
  import { buttonCloseVariants as E, modalVariants as H } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
11
- import { m as V } from "./proxy-0sbyKj-k.js";
11
+ import { m as V } from "./proxy-BvdTb_6B.js";
12
12
  import { X as j } from "./x-Eoa9FJjA.js";
13
13
  const D = ({
14
14
  buttonCloseClassName: f,
@@ -0,0 +1,3 @@
1
+ import { IconProps } from './types';
2
+ export declare const Home2Icon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
3
+ export default Home2Icon;
@@ -0,0 +1,28 @@
1
+ import { jsx as C } from "react/jsx-runtime";
2
+ import { forwardRef as l } from "react";
3
+ const n = l(
4
+ ({ size: o = 24, color: r = "currentColor", ...t }, e) => /* @__PURE__ */ C(
5
+ "svg",
6
+ {
7
+ ref: e,
8
+ xmlns: "http://www.w3.org/2000/svg",
9
+ width: o,
10
+ height: o,
11
+ viewBox: "0 0 24 24",
12
+ fill: "none",
13
+ ...t,
14
+ children: /* @__PURE__ */ C("g", { transform: "translate(0.8 0) scale(1.6)", children: /* @__PURE__ */ C(
15
+ "path",
16
+ {
17
+ d: "M1.66667 12.9167H4.16667V8.75C4.16667 8.51389 4.24667 8.31611 4.40667 8.15667C4.56667 7.99722 4.76444 7.91722 5 7.91667H8.33333C8.56944 7.91667 8.7675 7.99667 8.9275 8.15667C9.0875 8.31667 9.16722 8.51445 9.16667 8.75V12.9167H11.6667V5.41667L6.66667 1.66667L1.66667 5.41667V12.9167ZM0 12.9167V5.41667C0 5.15278 0.0591665 4.90278 0.1775 4.66667C0.295833 4.43056 0.458889 4.23611 0.666667 4.08333L5.66667 0.333333C5.95833 0.111111 6.29167 0 6.66667 0C7.04167 0 7.375 0.111111 7.66667 0.333333L12.6667 4.08333C12.875 4.23611 13.0383 4.43056 13.1567 4.66667C13.275 4.90278 13.3339 5.15278 13.3333 5.41667V12.9167C13.3333 13.375 13.17 13.7675 12.8433 14.0942C12.5167 14.4208 12.1244 14.5839 11.6667 14.5833H8.33333C8.09722 14.5833 7.89945 14.5033 7.74 14.3433C7.58056 14.1833 7.50056 13.9856 7.5 13.75V9.58333H5.83333V13.75C5.83333 13.9861 5.75333 14.1842 5.59333 14.3442C5.43333 14.5042 5.23556 14.5839 5 14.5833H1.66667C1.20833 14.5833 0.816111 14.4203 0.49 14.0942C0.163889 13.7681 0.000555556 13.3756 0 12.9167Z",
18
+ fill: r
19
+ }
20
+ ) })
21
+ }
22
+ )
23
+ );
24
+ n.displayName = "KonstructHome2Icon";
25
+ export {
26
+ n as Home2Icon,
27
+ n as default
28
+ };
@@ -0,0 +1,3 @@
1
+ import { IconProps } from './types';
2
+ export declare const UploadIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
3
+ export default UploadIcon;
@@ -0,0 +1,28 @@
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import { forwardRef as a } from "react";
3
+ const d = a(
4
+ ({ size: o = 24, color: t = "currentColor", ...l }, n) => /* @__PURE__ */ r(
5
+ "svg",
6
+ {
7
+ ref: n,
8
+ xmlns: "http://www.w3.org/2000/svg",
9
+ width: o,
10
+ height: o,
11
+ viewBox: "0 0 20 20",
12
+ fill: "none",
13
+ ...l,
14
+ children: /* @__PURE__ */ r(
15
+ "path",
16
+ {
17
+ d: "M4 18C3.45 18 2.97933 17.8043 2.588 17.413C2.196 17.021 2 16.55 2 16V13H4V16H16V13H18V16C18 16.55 17.8043 17.021 17.413 17.413C17.021 17.8043 16.55 18 16 18H4ZM9 14V3.85L6.4 6.45L5 5L10 0L15 5L13.6 6.45L11 3.85V14H9Z",
18
+ fill: t
19
+ }
20
+ )
21
+ }
22
+ )
23
+ );
24
+ d.displayName = "KonstructUploadIcon";
25
+ export {
26
+ d as UploadIcon,
27
+ d as default
28
+ };
@@ -40,6 +40,7 @@ export { GitOpsCatalogIcon } from './GitOpsCatalog';
40
40
  export { GridViewIcon } from './GridView';
41
41
  export { HelpIcon } from './Help';
42
42
  export { HideOutlineIcon } from './HideOutline';
43
+ export { Home2Icon } from './Home2';
43
44
  export { HomeIcon } from './Home';
44
45
  export { IdIcon } from './Id';
45
46
  export { InfoCircleIcon } from './InfoCircle';
@@ -65,6 +66,7 @@ export { ServerIcon } from './Server';
65
66
  export { StartIcon } from './Start';
66
67
  export { TabNewIcon } from './TabNew';
67
68
  export { TeamsIcon } from './Teams';
69
+ export { UploadIcon } from './Upload';
68
70
  export { WarningIcon } from './Warning';
69
71
  export { WarningTriangleIcon } from './WarningTriangle';
70
72
  export { XIcon } from './X';
@@ -13,12 +13,12 @@ import { BookOpenIcon as P } from "./BookOpen.js";
13
13
  import { CalendarMonthIcon as S } from "./CalendarMonth.js";
14
14
  import { CheckboxMarkedCircleOutlineIcon as E } from "./CheckboxMarkedCircleOutline.js";
15
15
  import { CheckCircleFilledIcon as D } from "./CheckCircleFilled.js";
16
- import { CheckCircleOutlineIcon as y } from "./CheckCircleOutline.js";
17
- import { CheckIcon as G } from "./Check.js";
16
+ import { CheckCircleOutlineIcon as R } from "./CheckCircleOutline.js";
17
+ import { CheckIcon as B } from "./Check.js";
18
18
  import { ClockAlertIcon as T } from "./ClockAlert.js";
19
19
  import { ClockOutlineIcon as N } from "./ClockOutline.js";
20
- import { CloseIcon as F } from "./Close.js";
21
- import { CloudIcon as U } from "./Cloud.js";
20
+ import { CloseIcon as W } from "./Close.js";
21
+ import { CloudIcon as K } from "./Cloud.js";
22
22
  import { CloudLockOutlineIcon as X } from "./CloudLockOutline.js";
23
23
  import { ClustersIcon as q } from "./Clusters.js";
24
24
  import { CogOutlineIcon as J } from "./CogOutline.js";
@@ -39,35 +39,37 @@ import { GitIcon as Oo } from "./Git.js";
39
39
  import { GitOpsCatalogIcon as Lo } from "./GitOpsCatalog.js";
40
40
  import { GridViewIcon as vo } from "./GridView.js";
41
41
  import { HelpIcon as bo } from "./Help.js";
42
- import { HideOutlineIcon as Ro } from "./HideOutline.js";
43
- import { HomeIcon as Bo } from "./Home.js";
44
- import { IdIcon as Ho } from "./Id.js";
45
- import { InfoCircleIcon as Mo } from "./InfoCircle.js";
46
- import { InformationOutlineIcon as Wo } from "./InformationOutline.js";
47
- import { InvoiceListIcon as Ko } from "./InvoiceList.js";
48
- import { KeyIcon as Vo } from "./Key.js";
49
- import { LoaderIcon as jo } from "./Loader.js";
50
- import { LightBulbIcon as zo } from "./LightBulb.js";
51
- import { NetworkIcon as Qo } from "./Network.js";
52
- import { PagesStackIcon as Zo } from "./PagesStack.js";
53
- import { PageviewIcon as $o } from "./Pageview.js";
54
- import { PeopleIcon as rr } from "./People.js";
55
- import { PhotoLibraryIcon as tr } from "./PhotoLibrary.js";
56
- import { PipelineIcon as cr } from "./Pipeline.js";
57
- import { PlusIcon as mr } from "./Plus.js";
58
- import { PowerSettingsIcon as Ir } from "./PowerSettings.js";
59
- import { PreviewIcon as ir } from "./Preview.js";
60
- import { ReceiptLongIcon as ar } from "./ReceiptLong.js";
61
- import { RefreshIcon as ur } from "./Refresh.js";
62
- import { ScatterPlotIcon as dr } from "./ScatterPlot.js";
63
- import { SearchIcon as gr } from "./Search.js";
64
- import { ServerIcon as kr } from "./Server.js";
65
- import { StartIcon as Or } from "./Start.js";
66
- import { TabNewIcon as Lr } from "./TabNew.js";
67
- import { TeamsIcon as vr } from "./Teams.js";
68
- import { WarningIcon as br } from "./Warning.js";
69
- import { WarningTriangleIcon as Rr } from "./WarningTriangle.js";
70
- import { XIcon as Br } from "./X.js";
42
+ import { HideOutlineIcon as Ho } from "./HideOutline.js";
43
+ import { Home2Icon as yo } from "./Home2.js";
44
+ import { HomeIcon as Go } from "./Home.js";
45
+ import { IdIcon as Mo } from "./Id.js";
46
+ import { InfoCircleIcon as Uo } from "./InfoCircle.js";
47
+ import { InformationOutlineIcon as Fo } from "./InformationOutline.js";
48
+ import { InvoiceListIcon as Vo } from "./InvoiceList.js";
49
+ import { KeyIcon as jo } from "./Key.js";
50
+ import { LoaderIcon as zo } from "./Loader.js";
51
+ import { LightBulbIcon as Qo } from "./LightBulb.js";
52
+ import { NetworkIcon as Zo } from "./Network.js";
53
+ import { PagesStackIcon as $o } from "./PagesStack.js";
54
+ import { PageviewIcon as rr } from "./Pageview.js";
55
+ import { PeopleIcon as tr } from "./People.js";
56
+ import { PhotoLibraryIcon as cr } from "./PhotoLibrary.js";
57
+ import { PipelineIcon as mr } from "./Pipeline.js";
58
+ import { PlusIcon as Ir } from "./Plus.js";
59
+ import { PowerSettingsIcon as ir } from "./PowerSettings.js";
60
+ import { PreviewIcon as ar } from "./Preview.js";
61
+ import { ReceiptLongIcon as ur } from "./ReceiptLong.js";
62
+ import { RefreshIcon as dr } from "./Refresh.js";
63
+ import { ScatterPlotIcon as gr } from "./ScatterPlot.js";
64
+ import { SearchIcon as kr } from "./Search.js";
65
+ import { ServerIcon as Or } from "./Server.js";
66
+ import { StartIcon as Lr } from "./Start.js";
67
+ import { TabNewIcon as vr } from "./TabNew.js";
68
+ import { TeamsIcon as br } from "./Teams.js";
69
+ import { UploadIcon as Hr } from "./Upload.js";
70
+ import { WarningIcon as yr } from "./Warning.js";
71
+ import { WarningTriangleIcon as Gr } from "./WarningTriangle.js";
72
+ import { XIcon as Mr } from "./X.js";
71
73
  export {
72
74
  e as AccountsIcon,
73
75
  n as AddChartIcon,
@@ -83,13 +85,13 @@ export {
83
85
  P as BookOpenIcon,
84
86
  S as CalendarMonthIcon,
85
87
  D as CheckCircleFilledIcon,
86
- y as CheckCircleOutlineIcon,
87
- G as CheckIcon,
88
+ R as CheckCircleOutlineIcon,
89
+ B as CheckIcon,
88
90
  E as CheckboxMarkedCircleOutlineIcon,
89
91
  T as ClockAlertIcon,
90
92
  N as ClockOutlineIcon,
91
- F as CloseIcon,
92
- U as CloudIcon,
93
+ W as CloseIcon,
94
+ K as CloudIcon,
93
95
  X as CloudLockOutlineIcon,
94
96
  q as ClustersIcon,
95
97
  J as CogOutlineIcon,
@@ -110,33 +112,35 @@ export {
110
112
  Lo as GitOpsCatalogIcon,
111
113
  vo as GridViewIcon,
112
114
  bo as HelpIcon,
113
- Ro as HideOutlineIcon,
114
- Bo as HomeIcon,
115
- Ho as IdIcon,
116
- Mo as InfoCircleIcon,
117
- Wo as InformationOutlineIcon,
118
- Ko as InvoiceListIcon,
119
- Vo as KeyIcon,
120
- zo as LightBulbIcon,
121
- jo as LoaderIcon,
122
- Qo as NetworkIcon,
123
- Zo as PagesStackIcon,
124
- $o as PageviewIcon,
125
- rr as PeopleIcon,
126
- tr as PhotoLibraryIcon,
127
- cr as PipelineIcon,
128
- mr as PlusIcon,
129
- Ir as PowerSettingsIcon,
130
- ir as PreviewIcon,
131
- ar as ReceiptLongIcon,
132
- ur as RefreshIcon,
133
- dr as ScatterPlotIcon,
134
- gr as SearchIcon,
135
- kr as ServerIcon,
136
- Or as StartIcon,
137
- Lr as TabNewIcon,
138
- vr as TeamsIcon,
139
- br as WarningIcon,
140
- Rr as WarningTriangleIcon,
141
- Br as XIcon
115
+ Ho as HideOutlineIcon,
116
+ yo as Home2Icon,
117
+ Go as HomeIcon,
118
+ Mo as IdIcon,
119
+ Uo as InfoCircleIcon,
120
+ Fo as InformationOutlineIcon,
121
+ Vo as InvoiceListIcon,
122
+ jo as KeyIcon,
123
+ Qo as LightBulbIcon,
124
+ zo as LoaderIcon,
125
+ Zo as NetworkIcon,
126
+ $o as PagesStackIcon,
127
+ rr as PageviewIcon,
128
+ tr as PeopleIcon,
129
+ cr as PhotoLibraryIcon,
130
+ mr as PipelineIcon,
131
+ Ir as PlusIcon,
132
+ ir as PowerSettingsIcon,
133
+ ar as PreviewIcon,
134
+ ur as ReceiptLongIcon,
135
+ dr as RefreshIcon,
136
+ gr as ScatterPlotIcon,
137
+ kr as SearchIcon,
138
+ Or as ServerIcon,
139
+ Lr as StartIcon,
140
+ vr as TabNewIcon,
141
+ br as TeamsIcon,
142
+ Hr as UploadIcon,
143
+ yr as WarningIcon,
144
+ Gr as WarningTriangleIcon,
145
+ Mr as XIcon
142
146
  };
@@ -13,12 +13,12 @@ import { BookOpenIcon as P } from "./components/BookOpen.js";
13
13
  import { CalendarMonthIcon as S } from "./components/CalendarMonth.js";
14
14
  import { CheckCircleFilledIcon as E } from "./components/CheckCircleFilled.js";
15
15
  import { CheckCircleOutlineIcon as D } from "./components/CheckCircleOutline.js";
16
- import { CheckIcon as y } from "./components/Check.js";
17
- import { CheckboxMarkedCircleOutlineIcon as G } from "./components/CheckboxMarkedCircleOutline.js";
16
+ import { CheckIcon as R } from "./components/Check.js";
17
+ import { CheckboxMarkedCircleOutlineIcon as B } from "./components/CheckboxMarkedCircleOutline.js";
18
18
  import { ClockAlertIcon as T } from "./components/ClockAlert.js";
19
19
  import { ClockOutlineIcon as N } from "./components/ClockOutline.js";
20
- import { CloseIcon as F } from "./components/Close.js";
21
- import { CloudIcon as U } from "./components/Cloud.js";
20
+ import { CloseIcon as W } from "./components/Close.js";
21
+ import { CloudIcon as K } from "./components/Cloud.js";
22
22
  import { CloudLockOutlineIcon as X } from "./components/CloudLockOutline.js";
23
23
  import { ClustersIcon as q } from "./components/Clusters.js";
24
24
  import { CogOutlineIcon as J } from "./components/CogOutline.js";
@@ -39,35 +39,37 @@ import { GitIcon as Oo } from "./components/Git.js";
39
39
  import { GitOpsCatalogIcon as Lo } from "./components/GitOpsCatalog.js";
40
40
  import { GridViewIcon as vo } from "./components/GridView.js";
41
41
  import { HelpIcon as bo } from "./components/Help.js";
42
- import { HideOutlineIcon as Ro } from "./components/HideOutline.js";
43
- import { HomeIcon as Bo } from "./components/Home.js";
44
- import { IdIcon as Ho } from "./components/Id.js";
45
- import { InfoCircleIcon as Mo } from "./components/InfoCircle.js";
46
- import { InformationOutlineIcon as Wo } from "./components/InformationOutline.js";
47
- import { InvoiceListIcon as Ko } from "./components/InvoiceList.js";
48
- import { KeyIcon as Vo } from "./components/Key.js";
49
- import { LightBulbIcon as jo } from "./components/LightBulb.js";
50
- import { LoaderIcon as zo } from "./components/Loader.js";
51
- import { NetworkIcon as Qo } from "./components/Network.js";
52
- import { PagesStackIcon as Zo } from "./components/PagesStack.js";
53
- import { PageviewIcon as $o } from "./components/Pageview.js";
54
- import { PeopleIcon as rr } from "./components/People.js";
55
- import { PhotoLibraryIcon as tr } from "./components/PhotoLibrary.js";
56
- import { PipelineIcon as cr } from "./components/Pipeline.js";
57
- import { PlusIcon as mr } from "./components/Plus.js";
58
- import { PowerSettingsIcon as Ir } from "./components/PowerSettings.js";
59
- import { PreviewIcon as ir } from "./components/Preview.js";
60
- import { ReceiptLongIcon as ar } from "./components/ReceiptLong.js";
61
- import { RefreshIcon as ur } from "./components/Refresh.js";
62
- import { ScatterPlotIcon as dr } from "./components/ScatterPlot.js";
63
- import { SearchIcon as gr } from "./components/Search.js";
64
- import { ServerIcon as kr } from "./components/Server.js";
65
- import { StartIcon as Or } from "./components/Start.js";
66
- import { TabNewIcon as Lr } from "./components/TabNew.js";
67
- import { TeamsIcon as vr } from "./components/Teams.js";
68
- import { WarningIcon as br } from "./components/Warning.js";
69
- import { WarningTriangleIcon as Rr } from "./components/WarningTriangle.js";
70
- import { XIcon as Br } from "./components/X.js";
42
+ import { HideOutlineIcon as Ho } from "./components/HideOutline.js";
43
+ import { Home2Icon as yo } from "./components/Home2.js";
44
+ import { HomeIcon as Go } from "./components/Home.js";
45
+ import { IdIcon as Mo } from "./components/Id.js";
46
+ import { InfoCircleIcon as Uo } from "./components/InfoCircle.js";
47
+ import { InformationOutlineIcon as Fo } from "./components/InformationOutline.js";
48
+ import { InvoiceListIcon as Vo } from "./components/InvoiceList.js";
49
+ import { KeyIcon as jo } from "./components/Key.js";
50
+ import { LightBulbIcon as zo } from "./components/LightBulb.js";
51
+ import { LoaderIcon as Qo } from "./components/Loader.js";
52
+ import { NetworkIcon as Zo } from "./components/Network.js";
53
+ import { PagesStackIcon as $o } from "./components/PagesStack.js";
54
+ import { PageviewIcon as rr } from "./components/Pageview.js";
55
+ import { PeopleIcon as tr } from "./components/People.js";
56
+ import { PhotoLibraryIcon as cr } from "./components/PhotoLibrary.js";
57
+ import { PipelineIcon as mr } from "./components/Pipeline.js";
58
+ import { PlusIcon as Ir } from "./components/Plus.js";
59
+ import { PowerSettingsIcon as ir } from "./components/PowerSettings.js";
60
+ import { PreviewIcon as ar } from "./components/Preview.js";
61
+ import { ReceiptLongIcon as ur } from "./components/ReceiptLong.js";
62
+ import { RefreshIcon as dr } from "./components/Refresh.js";
63
+ import { ScatterPlotIcon as gr } from "./components/ScatterPlot.js";
64
+ import { SearchIcon as kr } from "./components/Search.js";
65
+ import { ServerIcon as Or } from "./components/Server.js";
66
+ import { StartIcon as Lr } from "./components/Start.js";
67
+ import { TabNewIcon as vr } from "./components/TabNew.js";
68
+ import { TeamsIcon as br } from "./components/Teams.js";
69
+ import { UploadIcon as Hr } from "./components/Upload.js";
70
+ import { WarningIcon as yr } from "./components/Warning.js";
71
+ import { WarningTriangleIcon as Gr } from "./components/WarningTriangle.js";
72
+ import { XIcon as Mr } from "./components/X.js";
71
73
  export {
72
74
  e as AccountsIcon,
73
75
  n as AddChartIcon,
@@ -84,12 +86,12 @@ export {
84
86
  S as CalendarMonthIcon,
85
87
  E as CheckCircleFilledIcon,
86
88
  D as CheckCircleOutlineIcon,
87
- y as CheckIcon,
88
- G as CheckboxMarkedCircleOutlineIcon,
89
+ R as CheckIcon,
90
+ B as CheckboxMarkedCircleOutlineIcon,
89
91
  T as ClockAlertIcon,
90
92
  N as ClockOutlineIcon,
91
- F as CloseIcon,
92
- U as CloudIcon,
93
+ W as CloseIcon,
94
+ K as CloudIcon,
93
95
  X as CloudLockOutlineIcon,
94
96
  q as ClustersIcon,
95
97
  J as CogOutlineIcon,
@@ -110,33 +112,35 @@ export {
110
112
  Lo as GitOpsCatalogIcon,
111
113
  vo as GridViewIcon,
112
114
  bo as HelpIcon,
113
- Ro as HideOutlineIcon,
114
- Bo as HomeIcon,
115
- Ho as IdIcon,
116
- Mo as InfoCircleIcon,
117
- Wo as InformationOutlineIcon,
118
- Ko as InvoiceListIcon,
119
- Vo as KeyIcon,
120
- jo as LightBulbIcon,
121
- zo as LoaderIcon,
122
- Qo as NetworkIcon,
123
- Zo as PagesStackIcon,
124
- $o as PageviewIcon,
125
- rr as PeopleIcon,
126
- tr as PhotoLibraryIcon,
127
- cr as PipelineIcon,
128
- mr as PlusIcon,
129
- Ir as PowerSettingsIcon,
130
- ir as PreviewIcon,
131
- ar as ReceiptLongIcon,
132
- ur as RefreshIcon,
133
- dr as ScatterPlotIcon,
134
- gr as SearchIcon,
135
- kr as ServerIcon,
136
- Or as StartIcon,
137
- Lr as TabNewIcon,
138
- vr as TeamsIcon,
139
- br as WarningIcon,
140
- Rr as WarningTriangleIcon,
141
- Br as XIcon
115
+ Ho as HideOutlineIcon,
116
+ yo as Home2Icon,
117
+ Go as HomeIcon,
118
+ Mo as IdIcon,
119
+ Uo as InfoCircleIcon,
120
+ Fo as InformationOutlineIcon,
121
+ Vo as InvoiceListIcon,
122
+ jo as KeyIcon,
123
+ zo as LightBulbIcon,
124
+ Qo as LoaderIcon,
125
+ Zo as NetworkIcon,
126
+ $o as PagesStackIcon,
127
+ rr as PageviewIcon,
128
+ tr as PeopleIcon,
129
+ cr as PhotoLibraryIcon,
130
+ mr as PipelineIcon,
131
+ Ir as PlusIcon,
132
+ ir as PowerSettingsIcon,
133
+ ar as PreviewIcon,
134
+ ur as ReceiptLongIcon,
135
+ dr as RefreshIcon,
136
+ gr as ScatterPlotIcon,
137
+ kr as SearchIcon,
138
+ Or as ServerIcon,
139
+ Lr as StartIcon,
140
+ vr as TabNewIcon,
141
+ br as TeamsIcon,
142
+ Hr as UploadIcon,
143
+ yr as WarningIcon,
144
+ Gr as WarningTriangleIcon,
145
+ Mr as XIcon
142
146
  };
@@ -154,12 +154,11 @@ const a = r(
154
154
  "hover:border-transparent",
155
155
  "dark:bg-transparent",
156
156
  "dark:text-metal-100",
157
- "dark:border-transparent",
157
+ "dark:border-metal-100",
158
158
  "dark:focus-visible:bg-green-400/15",
159
159
  "dark:hover:bg-green-400/15",
160
- "dark:hover:border-transparent",
161
- "dark:hover:text-metal-100",
162
- "dark:focus-visible:hover:bg-green-400/15"
160
+ "dark:hover:border-metal-100",
161
+ "dark:hover:text-metal-100"
163
162
  ]
164
163
  },
165
164
  {
@@ -171,7 +170,7 @@ const a = r(
171
170
  "text-slate-700",
172
171
  "opacity-45",
173
172
  "dark:bg-transparent",
174
- "dark:border-transparent",
173
+ "dark:border-metal-100",
175
174
  "dark:text-metal-100"
176
175
  ]
177
176
  },
@@ -4,7 +4,7 @@ import { cn as n } from "../../utils/index.js";
4
4
  import { buttonGroupPillVariants as z, buttonGroupVariants as A, buttonGroupWrapperVariants as E } from "./ButtonGroup.variants.js";
5
5
  import { useButtonGroup as H } from "./hooks/useButtonGroup.js";
6
6
  import { ButtonGroupLabel as J } from "./components/ButtonGroupLabel/ButtonGroupLabel.js";
7
- import { m as Q } from "../../proxy-0sbyKj-k.js";
7
+ import { m as Q } from "../../proxy-BvdTb_6B.js";
8
8
  import { ButtonGroupItem as T } from "./components/ButtonGroupItem/ButtonGroupItem.js";
9
9
  import { ButtonGroupMessage as U } from "./components/ButtonGroupMessage/ButtonGroupMessage.js";
10
10
  const X = ({
@@ -2,7 +2,7 @@ import { jsx as s, jsxs as a } from "react/jsx-runtime";
2
2
  import { memo as L } from "react";
3
3
  import { cn as t } from "../../../../utils/index.js";
4
4
  import { buttonGroupLabelVariants as u, buttonGroupDescriptionVariants as V, buttonGroupItemContentVariants as g, buttonGroupItemVariants as w } from "./ButtonGroupItem.variants.js";
5
- import { m as j } from "../../../../proxy-0sbyKj-k.js";
5
+ import { m as j } from "../../../../proxy-BvdTb_6B.js";
6
6
  const k = (r, n) => n === "none" ? r ? "inset(0 0 0 0)" : "inset(0 100% 0 0)" : r ? "inset(0 0 0 0)" : n === "right" ? "inset(0 0 0 100%)" : "inset(0 100% 0 0)", B = L(
7
7
  ({
8
8
  animationDirection: r,
@@ -7,7 +7,7 @@ import { CalendarDivider as tt } from "../CalendarDivider/CalendarDivider.js";
7
7
  import { CalendarMonth as d } from "../CalendarMonth/CalendarMonth.js";
8
8
  import { NavigationButton as g } from "../NavigationButton/NavigationButton.js";
9
9
  import { useIndependentCarousel as nt } from "../../hooks/useIndependentCarousel.js";
10
- import { m as et } from "../../../../../../proxy-0sbyKj-k.js";
10
+ import { m as et } from "../../../../../../proxy-BvdTb_6B.js";
11
11
  const at = ({
12
12
  className: b,
13
13
  calendarWidth: x = 550,
@@ -6,7 +6,7 @@ import { CalendarDivider as F } from "../CalendarDivider/CalendarDivider.js";
6
6
  import { CalendarMonth as G } from "../CalendarMonth/CalendarMonth.js";
7
7
  import { NavigationButton as m } from "../NavigationButton/NavigationButton.js";
8
8
  import { useTogetherCarousel as H } from "../../hooks/useTogetherCarousel.js";
9
- import { m as R } from "../../../../../../proxy-0sbyKj-k.js";
9
+ import { m as R } from "../../../../../../proxy-BvdTb_6B.js";
10
10
  const S = ({
11
11
  className: s,
12
12
  calendarWidth: h = 550,
@@ -1,29 +1,31 @@
1
- import { jsx as i } from "react/jsx-runtime";
2
- import { cn as m } from "../../utils/index.js";
3
- import { filterVariants as l } from "./Filter.variants.js";
4
- import { BadgeMultiSelect as p } from "./components/BadgeDropdown/BadgeMultiSelect.js";
5
- import { TextMultiSelect as a } from "./components/TextMultiSelect/TextMultiSelect.js";
6
- import { DateFilterDropdown as n } from "./components/DateFilterDropdown/DateFilterDropdown.js";
7
- import { DateRangeFilterDropdown as d } from "./components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
8
- import { TimeFilterDropdown as f } from "./components/TimeFilterDropdown/TimeFilterDropdown.js";
9
- import { ResetButton as D } from "./components/ResetButton/ResetButton.js";
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import { cn as l } from "../../utils/index.js";
3
+ import { filterVariants as p } from "./Filter.variants.js";
4
+ import { FilterProvider as a } from "./contexts/filter.provider.js";
5
+ import { BadgeMultiSelect as n } from "./components/BadgeDropdown/BadgeMultiSelect.js";
6
+ import { TextMultiSelect as d } from "./components/TextMultiSelect/TextMultiSelect.js";
7
+ import { DateFilterDropdown as f } from "./components/DateFilterDropdown/DateFilterDropdown.js";
8
+ import { DateRangeFilterDropdown as c } from "./components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
9
+ import { TimeFilterDropdown as D } from "./components/TimeFilterDropdown/TimeFilterDropdown.js";
10
+ import { ResetButton as s } from "./components/ResetButton/ResetButton.js";
10
11
  const t = ({
11
12
  className: e,
12
13
  theme: o = "civo",
13
- children: r
14
- }) => /* @__PURE__ */ i("div", { className: m(l({ className: e })), "data-theme": o, children: r });
14
+ children: i,
15
+ closeOnApply: m = !0
16
+ }) => /* @__PURE__ */ r(a, { closeOnApply: m, children: /* @__PURE__ */ r("div", { className: l(p({ className: e })), "data-theme": o, children: i }) });
15
17
  t.displayName = "KonstructFilter";
16
- t.BadgeMultiSelect = p;
17
- t.TextMultiSelect = a;
18
- t.DateFilterDropdown = n;
19
- t.DateRangeFilterDropdown = d;
20
- t.TimeFilterDropdown = f;
21
- t.ResetButton = D;
18
+ t.BadgeMultiSelect = n;
19
+ t.TextMultiSelect = d;
20
+ t.DateFilterDropdown = f;
21
+ t.DateRangeFilterDropdown = c;
22
+ t.TimeFilterDropdown = D;
23
+ t.ResetButton = s;
22
24
  export {
23
- p as BadgeMultiSelect,
24
- n as DateFilterDropdown,
25
- d as DateRangeFilterDropdown,
25
+ n as BadgeMultiSelect,
26
+ f as DateFilterDropdown,
27
+ c as DateRangeFilterDropdown,
26
28
  t as Filter,
27
- a as TextMultiSelect,
28
- f as TimeFilterDropdown
29
+ d as TextMultiSelect,
30
+ D as TimeFilterDropdown
29
31
  };
@@ -14,6 +14,12 @@ export type Option = {
14
14
  label: string;
15
15
  /** Visual variant for the badge */
16
16
  variant?: BadgeProps['variant'];
17
+ /** Icon displayed on the left of the badge */
18
+ leftIcon?: BadgeProps['leftIcon'];
19
+ /** Icon displayed on the right of the badge */
20
+ rightIcon?: BadgeProps['rightIcon'];
21
+ /** Show loading spinner in the badge */
22
+ loading?: BadgeProps['loading'];
17
23
  };
18
24
  /**
19
25
  * Props for the Filter component.
@@ -41,6 +47,8 @@ export type FilterProps = VariantProps<typeof filterVariants> & PropsWithChildre
41
47
  className?: string;
42
48
  /** Theme override for this component */
43
49
  theme?: Theme;
50
+ /** Whether to close the filter dropdown automatically when Apply is clicked. Defaults to true. */
51
+ closeOnApply?: boolean;
44
52
  };
45
53
  /**
46
54
  * Filter compound component type with sub-components.
@@ -1,12 +1,14 @@
1
1
  import { Option } from '../../Filter.types';
2
2
  import { BadgeMultiSelectProps, SelectedOptions } from './BadgeMultiSelect.types';
3
- export declare const useBadgeMultiSelect: ({ onApply, }: Pick<BadgeMultiSelectProps, "onApply">) => {
3
+ export declare const useBadgeMultiSelect: ({ onApply, options, }: Pick<BadgeMultiSelectProps, "onApply" | "options">) => {
4
4
  isOpen: boolean;
5
+ isAllSelected: boolean;
5
6
  selectedCount: SelectedOptions[];
6
7
  selectedOptions: SelectedOptions[];
7
8
  wrapperRef: import('react').RefObject<HTMLDivElement | null>;
8
9
  handleApplyOptions: () => void;
9
10
  handleOpen: () => void;
10
11
  handleResetOptions: () => void;
12
+ handleSelectAll: (allOptions: Option[], checked: boolean) => void;
11
13
  handleSelectOption: (option: Option, checked: boolean) => void;
12
14
  };