@konstructio/ui 0.1.3 → 0.1.5

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 (96) hide show
  1. package/dist/{Breadcrumb-DzavonoC.js → Breadcrumb-BiiOnn0p.js} +1 -1
  2. package/dist/{CollapsedSteps-CkMuzOHx.js → CollapsedSteps-Dy2I7XDd.js} +35 -35
  3. package/dist/{Input-C1Js3pbF.js → Input-CE6J6HIW.js} +6 -6
  4. package/dist/components/Alert/Alert.js +19 -18
  5. package/dist/components/Alert/Alert.variants.js +11 -4
  6. package/dist/components/Autocomplete/Autocomplete.variants.js +6 -5
  7. package/dist/components/Badge/Badge.js +15 -15
  8. package/dist/components/Badge/Badge.variants.js +5 -0
  9. package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
  10. package/dist/components/Breadcrumb/components/BackButton/BackButton.variants.js +1 -1
  11. package/dist/components/Breadcrumb/components/CollapsedSteps/CollapsedSteps.js +1 -1
  12. package/dist/components/Breadcrumb/components/Item/Item.variants.js +2 -2
  13. package/dist/components/Breadcrumb/components/index.js +1 -1
  14. package/dist/components/Button/Button.variants.js +3 -3
  15. package/dist/components/ButtonGroup/ButtonGroup.js +67 -63
  16. package/dist/components/ButtonGroup/ButtonGroup.variants.js +18 -5
  17. package/dist/components/ButtonGroup/components/ButtonGroupItem/ButtonGroupItem.js +51 -32
  18. package/dist/components/ButtonGroup/components/ButtonGroupItem/ButtonGroupItem.variants.js +56 -8
  19. package/dist/components/Checkbox/Checkbox.variants.js +9 -6
  20. package/dist/components/Command/components/DialogContent.js +5 -5
  21. package/dist/components/ConfirmDialog/ConfirmDialog.js +1 -1
  22. package/dist/components/CopyButton/CopyButton.variants.js +4 -3
  23. package/dist/components/DateRangePicker/components/CalendarPanel/CalendarPanel.js +1 -1
  24. package/dist/components/DateRangePicker/components/CalendarPanel/components/CalendarMonth/CalendarMonth.js +1 -1
  25. package/dist/components/DateRangePicker/components/CalendarPanel/components/CalendarMonth/components/CalendarMonthContent/CalendarMonthContent.js +1 -1
  26. package/dist/components/DateRangePicker/components/CalendarPanel/components/IndependentModeCalendar/IndependentModeCalendar.js +1 -1
  27. package/dist/components/DateRangePicker/components/CalendarPanel/constants/dayPickerClassNames.js +1 -1
  28. package/dist/components/DateRangePicker/components/CalendarPanel/constants/index.js +1 -1
  29. package/dist/components/DateRangePicker/components/CalendarPanel/hooks/index.js +1 -1
  30. package/dist/components/DateRangePicker/components/CalendarPanel/hooks/useIndependentCarousel.js +1 -1
  31. package/dist/components/DateRangePicker/components/CalendarPanel/hooks/useTogetherCarousel.js +1 -1
  32. package/dist/components/DateRangePicker/components/CalendarPanel/utils/index.js +1 -1
  33. package/dist/components/DateRangePicker/components/DateTimeInputs/components/EndInputFields/EndInputFields.js +1 -1
  34. package/dist/components/DateRangePicker/components/DateTimeInputs/components/StartInputFields/StartInputFields.js +1 -1
  35. package/dist/components/Datepicker/components/DatePickerContent/DatePickerContent.js +7 -7
  36. package/dist/components/Filter/components/FilterDropdown/FilterDropdown.js +15 -14
  37. package/dist/components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.js +22 -22
  38. package/dist/components/Input/Input.js +1 -1
  39. package/dist/components/Modal/components/Wrapper/Wrapper.variants.js +6 -2
  40. package/dist/components/PhoneNumberInput/components/FlagContent/FlagContent.js +5 -5
  41. package/dist/components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js +1 -1
  42. package/dist/components/Range/Range.variants.js +9 -4
  43. package/dist/components/Select/Select.js +21 -20
  44. package/dist/components/Select/components/ListItem/ListItem.js +47 -37
  45. package/dist/components/Select/contexts/select.context.js +1 -0
  46. package/dist/components/Select/contexts/select.provider.js +28 -27
  47. package/dist/components/Sidebar/components/CollapseTrigger/CollapseTrigger.variants.js +3 -1
  48. package/dist/components/Sidebar/components/HamburgerTrigger/HamburgerTrigger.variants.js +6 -3
  49. package/dist/components/Sidebar/components/NavigationOption/NavigationOption.variants.js +1 -0
  50. package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.variants.js +4 -2
  51. package/dist/components/Slider/Slider.variants.js +9 -4
  52. package/dist/components/Switch/Switch.variants.js +8 -4
  53. package/dist/components/Table/components/Filter.js +1 -1
  54. package/dist/components/Toast/Toast.variants.js +7 -3
  55. package/dist/components/VirtualizedTable/assets/chevron-down.js +6 -6
  56. package/dist/components/VirtualizedTable/assets/chevron-up.js +4 -4
  57. package/dist/components/VirtualizedTable/components/Body/Body.js +59 -56
  58. package/dist/components/VirtualizedTable/components/DotPaginate/DotPaginate.js +42 -40
  59. package/dist/components/VirtualizedTable/components/Filter/Filter.js +85 -68
  60. package/dist/components/VirtualizedTable/components/FormPaginate/FormPaginate.js +1 -1
  61. package/dist/components/VirtualizedTable/components/Header/Header.js +51 -49
  62. package/dist/components/VirtualizedTable/components/Skeleton/Skeleton.js +34 -33
  63. package/dist/components/VirtualizedTable/components/VirtualizedTableContent/VirtualizedTableContent.js +11 -11
  64. package/dist/components/VirtualizedTable/constants/index.js +10 -5
  65. package/dist/components/VirtualizedTable/constants/responsive.js +70 -1
  66. package/dist/components/VirtualizedTable/hooks/index.js +6 -2
  67. package/dist/components/VirtualizedTable/hooks/useDisplayedColumnCount/index.js +4 -0
  68. package/dist/components/VirtualizedTable/hooks/useDisplayedColumnCount/useDisplayedColumnCount.js +20 -0
  69. package/dist/components/VirtualizedTable/hooks/useIsFlexWrapped/index.js +4 -0
  70. package/dist/components/VirtualizedTable/hooks/useIsFlexWrapped/useIsFlexWrapped.js +18 -0
  71. package/dist/components/VirtualizedTable/utils/index.js +10 -8
  72. package/dist/components/VirtualizedTable/utils/responsive-edges/responsive-edges.js +8 -0
  73. package/dist/components/index.js +77 -73
  74. package/dist/{constants-q2QnJrOb.js → constants-YCGllWdf.js} +1 -1
  75. package/dist/index.js +77 -73
  76. package/dist/lib/components/ButtonGroup/ButtonGroup.types.d.ts +2 -0
  77. package/dist/lib/components/ButtonGroup/ButtonGroup.variants.d.ts +1 -0
  78. package/dist/lib/components/ButtonGroup/components/ButtonGroupItem/ButtonGroupItem.types.d.ts +2 -1
  79. package/dist/lib/components/ButtonGroup/components/ButtonGroupItem/ButtonGroupItem.variants.d.ts +9 -0
  80. package/dist/lib/components/Select/Select.types.d.ts +2 -0
  81. package/dist/lib/components/Select/contexts/select.context.d.ts +1 -0
  82. package/dist/lib/components/Select/contexts/select.provider.d.ts +1 -0
  83. package/dist/lib/components/VirtualizedTable/VirtualizedTable.types.d.ts +5 -0
  84. package/dist/lib/components/VirtualizedTable/assets/chevron-down.d.ts +1 -2
  85. package/dist/lib/components/VirtualizedTable/assets/chevron-up.d.ts +1 -2
  86. package/dist/lib/components/VirtualizedTable/constants/responsive.d.ts +10 -0
  87. package/dist/lib/components/VirtualizedTable/hooks/index.d.ts +2 -0
  88. package/dist/lib/components/VirtualizedTable/hooks/useDisplayedColumnCount/index.d.ts +1 -0
  89. package/dist/lib/components/VirtualizedTable/hooks/useDisplayedColumnCount/useDisplayedColumnCount.d.ts +1 -0
  90. package/dist/lib/components/VirtualizedTable/hooks/useIsFlexWrapped/index.d.ts +1 -0
  91. package/dist/lib/components/VirtualizedTable/hooks/useIsFlexWrapped/useIsFlexWrapped.d.ts +2 -0
  92. package/dist/lib/components/VirtualizedTable/utils/index.d.ts +1 -0
  93. package/dist/lib/components/VirtualizedTable/utils/responsive-edges/responsive-edges.d.ts +6 -0
  94. package/dist/package.json +8 -8
  95. package/dist/styles.css +1 -1
  96. package/package.json +8 -8
@@ -1,22 +1,22 @@
1
1
  import { t as o } from "../Checkbox-DtgzySMh.js";
2
2
  import { t as m } from "../DropdownButton-BTrOG4rh.js";
3
- import { t as p } from "../Breadcrumb-DzavonoC.js";
4
- import { t as a } from "../Input-C1Js3pbF.js";
5
- import { t as n } from "../Counter-QMbqdFuI.js";
3
+ import { t as p } from "../Breadcrumb-BiiOnn0p.js";
4
+ import { t as a } from "../Input-CE6J6HIW.js";
5
+ import { t as s } from "../Counter-QMbqdFuI.js";
6
6
  import { Alert as l } from "./Alert/Alert.js";
7
- import { Button as T } from "./Button/Button.js";
7
+ import { Button as u } from "./Button/Button.js";
8
8
  import { AlertDialog as g } from "./AlertDialog/AlertDialog.js";
9
9
  import { Autocomplete as D } from "./Autocomplete/Autocomplete.js";
10
- import { Avatar as C } from "./Avatar/Avatar.js";
10
+ import { Avatar as c } from "./Avatar/Avatar.js";
11
11
  import { AvatarGroup as A } from "./AvatarGroup/AvatarGroup.js";
12
12
  import { t as b } from "../Loading-DuhcrPrf.js";
13
13
  import { Badge as E } from "./Badge/Badge.js";
14
- import { Tooltip as I } from "./Tooltip/Tooltip.js";
15
- import { BadgeGroup as h } from "./BadgeGroup/BadgeGroup.js";
16
- import { Typography as F } from "./Typography/Typography.js";
17
- import { ButtonGroup as x } from "./ButtonGroup/ButtonGroup.js";
18
- import { Card as _ } from "./Card/Card.js";
19
- import { CheckboxCard as y } from "./CheckboxCard/CheckboxCard.js";
14
+ import { Tooltip as w } from "./Tooltip/Tooltip.js";
15
+ import { BadgeGroup as F } from "./BadgeGroup/BadgeGroup.js";
16
+ import { Typography as B } from "./Typography/Typography.js";
17
+ import { ButtonGroup as P } from "./ButtonGroup/ButtonGroup.js";
18
+ import { Card as N } from "./Card/Card.js";
19
+ import { CheckboxCard as k } from "./CheckboxCard/CheckboxCard.js";
20
20
  import { Collapse as M } from "./Collapse/Collapse.js";
21
21
  import { CopyButton as z } from "./CopyButton/CopyButton.js";
22
22
  import { t as W } from "../Modal-Bwq7Gc0A.js";
@@ -29,21 +29,21 @@ import { DateRangePicker as or } from "./DateRangePicker/DateRangePicker.js";
29
29
  import { Divider as mr } from "./Divider/Divider.js";
30
30
  import { Drawer as pr } from "./Drawer/Drawer.js";
31
31
  import { Sheet as ar } from "./Sheet/Sheet.js";
32
- import { BadgeMultiSelect as nr } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
32
+ import { BadgeMultiSelect as sr } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
33
33
  import { CustomDateRangeFilterDropdown as lr } from "./Filter/components/CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.js";
34
- import { DateFilterDropdown as Tr } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
34
+ import { DateFilterDropdown as ur } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
35
35
  import { DateRangeFilterDropdown as gr } from "./Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
36
36
  import { TextMultiSelect as Dr } from "./Filter/components/TextMultiSelect/TextMultiSelect.js";
37
- import { TimeFilterDropdown as Cr } from "./Filter/components/TimeFilterDropdown/TimeFilterDropdown.js";
37
+ import { TimeFilterDropdown as cr } from "./Filter/components/TimeFilterDropdown/TimeFilterDropdown.js";
38
38
  import { Filter as Ar } from "./Filter/Filter.js";
39
39
  import { t as br } from "../ImageUpload-DZH9bDU2.js";
40
40
  import { LineChart as Er } from "./LineChart/LineChart.js";
41
- import { OtpInput as Ir } from "./OtpInput/OtpInput.js";
42
- import { PasswordRules as hr } from "./PasswordRules/PasswordRules.js";
43
- import { t as Fr } from "../components-DE5uBcFF.js";
44
- import { PhoneNumberInput as xr } from "./PhoneNumberInput/PhoneNumberInput.js";
45
- import { PieChart as _r } from "./PieChart/PieChart.js";
46
- import { ProgressBar as yr } from "./ProgressBar/ProgressBar.js";
41
+ import { OtpInput as wr } from "./OtpInput/OtpInput.js";
42
+ import { PasswordRules as Fr } from "./PasswordRules/PasswordRules.js";
43
+ import { t as Br } from "../components-DE5uBcFF.js";
44
+ import { PhoneNumberInput as Pr } from "./PhoneNumberInput/PhoneNumberInput.js";
45
+ import { PieChart as Nr } from "./PieChart/PieChart.js";
46
+ import { ProgressBar as kr } from "./ProgressBar/ProgressBar.js";
47
47
  import { RadioCard as Mr } from "./RadioCard/RadioCard.js";
48
48
  import { RadioCardGroup as zr } from "./RadioCardGroup/RadioCardGroup.js";
49
49
  import { Range as Wr } from "./Range/Range.js";
@@ -56,16 +56,16 @@ import { NavigationGroup as oo } from "./Sidebar/components/NavigationGroup/Navi
56
56
  import { NavigationOption as mo } from "./Sidebar/components/NavigationOption/NavigationOption.js";
57
57
  import { NavigationSeparator as po } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
58
58
  import { Navigation as ao } from "./Sidebar/components/Navigation/Navigation.js";
59
- import { Sidebar as no } from "./Sidebar/Sidebar.js";
59
+ import { Sidebar as so } from "./Sidebar/Sidebar.js";
60
60
  import { Skeleton as lo } from "./Skeleton/Skeleton.js";
61
- import { Slider as uo } from "./Slider/Slider.js";
61
+ import { Slider as To } from "./Slider/Slider.js";
62
62
  import { t as So } from "../Spinner-DeThqPk_.js";
63
- import { horizontalConnectorWrapperVariants as co, stepConnectorVariants as Co, stepContentVariants as Ro, stepDescriptionVariants as Ao, stepIndicatorVariants as Vo, stepItemVariants as bo, stepLabelVariants as vo, stepListVariants as Eo, stepVariants as wo, stepperVariants as Io } from "./Stepper/Stepper.variants.js";
64
- import { Stepper as ho } from "./Stepper/Stepper.js";
65
- import { t as Fo } from "../Switch-DUiaVSnE.js";
66
- import { Table as xo } from "./Table/Table.js";
67
- import { Content as _o } from "./Tabs/components/Content.js";
68
- import { List as yo } from "./Tabs/components/List.js";
63
+ import { horizontalConnectorWrapperVariants as Co, stepConnectorVariants as co, stepContentVariants as Ro, stepDescriptionVariants as Ao, stepIndicatorVariants as Vo, stepItemVariants as bo, stepLabelVariants as vo, stepListVariants as Eo, stepVariants as Io, stepperVariants as wo } from "./Stepper/Stepper.variants.js";
64
+ import { Stepper as Fo } from "./Stepper/Stepper.js";
65
+ import { t as Bo } from "../Switch-DUiaVSnE.js";
66
+ import { Table as Po } from "./Table/Table.js";
67
+ import { Content as No } from "./Tabs/components/Content.js";
68
+ import { List as ko } from "./Tabs/components/List.js";
69
69
  import { Trigger as Mo } from "./Tabs/components/Trigger.js";
70
70
  import { Tabs as zo } from "./Tabs/Tabs.js";
71
71
  import { Tag as Wo } from "./Tag/Tag.js";
@@ -77,44 +77,46 @@ import { createToastStore as ot } from "./Toast/store/create-toast-store.js";
77
77
  import { useToastStore as mt, useToastStoreApi as it } from "./Toast/hooks/useToastStore/useToastStore.js";
78
78
  import { useToast as et } from "./Toast/hooks/useToast/useToast.js";
79
79
  import { Toast as ft } from "./Toast/Toast.js";
80
- import { ToastProvider as st } from "./Toast/ToastProvider.js";
80
+ import { ToastProvider as nt } from "./Toast/ToastProvider.js";
81
81
  import { t as dt } from "../events.types-BG1Uh8i6.js";
82
- import { sendResetFiltersEvent as ut } from "./VirtualizedTable/events/filters/filters.js";
82
+ import { sendResetFiltersEvent as Tt } from "./VirtualizedTable/events/filters/filters.js";
83
83
  import { sendRefreshEvent as St } from "./VirtualizedTable/events/refresh/refresh.js";
84
- import { sendCollapseRowEvent as ct, sendExpandRowEvent as Ct, sendToggleRowEvent as Rt } from "./VirtualizedTable/events/row/row.js";
84
+ import { sendCollapseRowEvent as Ct, sendExpandRowEvent as ct, sendToggleRowEvent as Rt } from "./VirtualizedTable/events/row/row.js";
85
85
  import { EmptyState as Vt } from "./VirtualizedTable/components/EmptyState/EmptyState.js";
86
86
  import { EmptyResults as vt } from "./VirtualizedTable/components/EmptyResults/EmptyResults.js";
87
- import { ErrorState as wt } from "./VirtualizedTable/components/ErrorState/ErrorState.js";
87
+ import { ErrorState as It } from "./VirtualizedTable/components/ErrorState/ErrorState.js";
88
88
  import { TruncateText as Lt } from "./VirtualizedTable/components/TruncateText/TruncateText.js";
89
- import { preloadVirtualizedTable as Bt } from "./VirtualizedTable/utils/load-content/load-content.js";
90
- import { VirtualizedTable as Pt } from "./VirtualizedTable/VirtualizedTable.js";
91
- import { useVirtualizedTableReady as Nt } from "./VirtualizedTable/hooks/useVirtualizedTableReady/useVirtualizedTableReady.js";
89
+ import { preloadVirtualizedTable as ht } from "./VirtualizedTable/utils/load-content/load-content.js";
90
+ import { VirtualizedTable as xt } from "./VirtualizedTable/VirtualizedTable.js";
91
+ import { useVirtualizedTableReady as yt } from "./VirtualizedTable/hooks/useVirtualizedTableReady/useVirtualizedTableReady.js";
92
+ import { useIsFlexWrapped as _t } from "./VirtualizedTable/hooks/useIsFlexWrapped/useIsFlexWrapped.js";
93
+ import { useDisplayedColumnCount as Gt } from "./VirtualizedTable/hooks/useDisplayedColumnCount/useDisplayedColumnCount.js";
92
94
  export {
93
95
  l as Alert,
94
96
  g as AlertDialog,
95
97
  D as Autocomplete,
96
- C as Avatar,
98
+ c as Avatar,
97
99
  A as AvatarGroup,
98
100
  E as Badge,
99
- h as BadgeGroup,
100
- nr as BadgeMultiSelect,
101
+ F as BadgeGroup,
102
+ sr as BadgeMultiSelect,
101
103
  p as Breadcrumb,
102
- T as Button,
103
- x as ButtonGroup,
104
- _ as Card,
104
+ u as Button,
105
+ P as ButtonGroup,
106
+ N as Card,
105
107
  o as Checkbox,
106
- y as CheckboxCard,
108
+ k as CheckboxCard,
107
109
  M as Collapse,
108
110
  Hr as CollapseTrigger,
109
111
  j as ConfirmDialog,
110
- _o as Content,
112
+ No as Content,
111
113
  z as CopyButton,
112
- n as Counter,
114
+ s as Counter,
113
115
  lr as CustomDateRangeFilterDropdown,
114
116
  Yo as DEFAULT_MAX_VISIBLE_TOASTS,
115
117
  Zo as DEFAULT_TOAST_DURATION,
116
118
  $o as DEFAULT_TOAST_LIMIT,
117
- Tr as DateFilterDropdown,
119
+ ur as DateFilterDropdown,
118
120
  H as DatePicker,
119
121
  gr as DateRangeFilterDropdown,
120
122
  or as DateRangePicker,
@@ -124,28 +126,28 @@ export {
124
126
  m as DropdownButton,
125
127
  vt as EmptyResults,
126
128
  Vt as EmptyState,
127
- wt as ErrorState,
129
+ It as ErrorState,
128
130
  Ar as Filter,
129
131
  Kr as Footer,
130
132
  br as ImageUpload,
131
133
  a as Input,
132
134
  Yr as Label,
133
135
  Er as LineChart,
134
- yo as List,
136
+ ko as List,
135
137
  b as Loading,
136
138
  $r as Logo,
137
139
  W as Modal,
138
- Fr as MultiSelectDropdown,
140
+ Br as MultiSelectDropdown,
139
141
  ao as Navigation,
140
142
  oo as NavigationGroup,
141
143
  mo as NavigationOption,
142
144
  po as NavigationSeparator,
143
- n as NumberInput,
144
- Ir as OtpInput,
145
- hr as PasswordRules,
146
- xr as PhoneNumberInput,
147
- _r as PieChart,
148
- yr as ProgressBar,
145
+ s as NumberInput,
146
+ wr as OtpInput,
147
+ Fr as PasswordRules,
148
+ Pr as PhoneNumberInput,
149
+ Nr as PieChart,
150
+ kr as ProgressBar,
149
151
  K as Radio,
150
152
  Mr as RadioCard,
151
153
  zr as RadioCardGroup,
@@ -153,48 +155,50 @@ export {
153
155
  Wr as Range,
154
156
  jr as Select,
155
157
  ar as Sheet,
156
- no as Sidebar,
158
+ so as Sidebar,
157
159
  lo as Skeleton,
158
- uo as Slider,
160
+ To as Slider,
159
161
  So as Spinner,
160
- ho as Stepper,
161
- Fo as Switch,
162
- xo as Table,
162
+ Fo as Stepper,
163
+ Bo as Switch,
164
+ Po as Table,
163
165
  zo as Tabs,
164
166
  Wo as Tag,
165
167
  jo as TagSelect,
166
168
  Ho as TagsInput,
167
169
  Ko as TextArea,
168
170
  Dr as TextMultiSelect,
169
- Cr as TimeFilterDropdown,
171
+ cr as TimeFilterDropdown,
170
172
  $ as TimePicker,
171
173
  ft as Toast,
172
- st as ToastProvider,
173
- I as Tooltip,
174
+ nt as ToastProvider,
175
+ w as Tooltip,
174
176
  Mo as Trigger,
175
177
  Lt as TruncateText,
176
- F as Typography,
177
- Pt as VirtualizedTable,
178
+ B as Typography,
179
+ xt as VirtualizedTable,
178
180
  dt as VirtualizedTableEvent,
179
181
  ot as createToastStore,
180
- co as horizontalConnectorWrapperVariants,
181
- Bt as preloadVirtualizedTable,
182
- ct as sendCollapseRowEvent,
183
- Ct as sendExpandRowEvent,
182
+ Co as horizontalConnectorWrapperVariants,
183
+ ht as preloadVirtualizedTable,
184
+ Ct as sendCollapseRowEvent,
185
+ ct as sendExpandRowEvent,
184
186
  St as sendRefreshEvent,
185
- ut as sendResetFiltersEvent,
187
+ Tt as sendResetFiltersEvent,
186
188
  Rt as sendToggleRowEvent,
187
- Co as stepConnectorVariants,
189
+ co as stepConnectorVariants,
188
190
  Ro as stepContentVariants,
189
191
  Ao as stepDescriptionVariants,
190
192
  Vo as stepIndicatorVariants,
191
193
  bo as stepItemVariants,
192
194
  vo as stepLabelVariants,
193
195
  Eo as stepListVariants,
194
- wo as stepVariants,
195
- Io as stepperVariants,
196
+ Io as stepVariants,
197
+ wo as stepperVariants,
198
+ Gt as useDisplayedColumnCount,
199
+ _t as useIsFlexWrapped,
196
200
  et as useToast,
197
201
  mt as useToastStore,
198
202
  it as useToastStoreApi,
199
- Nt as useVirtualizedTableReady
203
+ yt as useVirtualizedTableReady
200
204
  };
@@ -5,7 +5,7 @@ var o = (e) => ({
5
5
  month: t("flex flex-col w-[259px]", e?.month),
6
6
  month_caption: "hidden",
7
7
  nav: "hidden",
8
- day_button: t("size-7.5", "flex", "items-center", "justify-center", "text-sm", "font-semibold", "cursor-pointer", "rounded-full", "hover:bg-slate-100", "dark:hover:bg-metal-700", "transition-colors", "text-slate-700", "dark:text-white", "focus:outline-none", "focus-visible:outline-none", e?.dayButton),
8
+ day_button: t("size-7.5", "flex", "items-center", "justify-center", "text-sm", "font-semibold", "cursor-pointer", "rounded-full", "hover:bg-slate-100", "dark:hover:bg-metal-700", "transition-colors", "text-slate-700", "dark:text-white", "focus:outline-none", "focus-visible:outline-none", "focus-visible:ring-1", "focus-visible:ring-aurora-500", e?.dayButton),
9
9
  day: t("p-0", "w-[37px]", "h-9.5", "text-center", "align-middle", e?.day),
10
10
  selected: t("[&>button]:bg-blue-600", "[&>button]:text-white", "[&>button]:hover:bg-blue-700", "dark:[&>button]:bg-aurora-500", "dark:[&>button]:hover:bg-aurora-500", "dark:[&>button]:text-metal-900", e?.selected),
11
11
  range_start: t("drp-range-start", "[&>button]:!bg-blue-600", "[&>button]:!text-white", "[&>button]:!rounded-full", "[&>button]:hover:!bg-blue-700", "[&>button]:relative", "[&>button]:z-10", "dark:[&>button]:!bg-aurora-500", "dark:[&>button]:hover:!bg-aurora-500", "dark:[&>button]:!text-metal-900", "!relative", "before:absolute", "before:top-1", "before:bottom-1", "before:left-1/2", "before:right-0", "before:!bg-blue-50", "dark:before:!bg-aurora-500/10", "last:before:!hidden", e?.rangeStart),
package/dist/index.js CHANGED
@@ -1,25 +1,25 @@
1
1
  import { t as o } from "./Checkbox-DtgzySMh.js";
2
2
  import { t as m } from "./DropdownButton-BTrOG4rh.js";
3
- import { t as e } from "./Breadcrumb-DzavonoC.js";
4
- import { t as a } from "./Input-C1Js3pbF.js";
3
+ import { t as e } from "./Breadcrumb-BiiOnn0p.js";
4
+ import { t as a } from "./Input-CE6J6HIW.js";
5
5
  import { t as s } from "./Counter-QMbqdFuI.js";
6
6
  import { a as l, t as d } from "./utils-DnIJruo0.js";
7
7
  import { Alert as T } from "./components/Alert/Alert.js";
8
- import { Button as S } from "./components/Button/Button.js";
9
- import { AlertDialog as c } from "./components/AlertDialog/AlertDialog.js";
8
+ import { Button as C } from "./components/Button/Button.js";
9
+ import { AlertDialog as D } from "./components/AlertDialog/AlertDialog.js";
10
10
  import { useClickOutside as R } from "./hooks/useClickOutside.js";
11
11
  import { useIsHydrated as A } from "./hooks/useIsHydrated/useIsHydrated.js";
12
- import { useMediaQuery as b } from "./hooks/useMediaQuery.js";
13
- import { useToggle as I } from "./hooks/useToggle.js";
12
+ import { useMediaQuery as V } from "./hooks/useMediaQuery.js";
13
+ import { useToggle as E } from "./hooks/useToggle.js";
14
14
  import { Autocomplete as w } from "./components/Autocomplete/Autocomplete.js";
15
- import { Avatar as B } from "./components/Avatar/Avatar.js";
16
- import { AvatarGroup as P } from "./components/AvatarGroup/AvatarGroup.js";
17
- import { t as y } from "./Loading-DuhcrPrf.js";
15
+ import { Avatar as F } from "./components/Avatar/Avatar.js";
16
+ import { AvatarGroup as x } from "./components/AvatarGroup/AvatarGroup.js";
17
+ import { t as P } from "./Loading-DuhcrPrf.js";
18
18
  import { Badge as M } from "./components/Badge/Badge.js";
19
19
  import { Tooltip as O } from "./components/Tooltip/Tooltip.js";
20
20
  import { BadgeGroup as G } from "./components/BadgeGroup/BadgeGroup.js";
21
21
  import { Typography as U } from "./components/Typography/Typography.js";
22
- import { ButtonGroup as Q } from "./components/ButtonGroup/ButtonGroup.js";
22
+ import { ButtonGroup as H } from "./components/ButtonGroup/ButtonGroup.js";
23
23
  import { Card as X } from "./components/Card/Card.js";
24
24
  import { CheckboxCard as q } from "./components/CheckboxCard/CheckboxCard.js";
25
25
  import { Collapse as K } from "./components/Collapse/Collapse.js";
@@ -32,21 +32,21 @@ import { RadioGroup as fr } from "./components/RadioGroup/RadioGroup.js";
32
32
  import { TimePicker as nr } from "./components/TimePicker/TimePicker.js";
33
33
  import { DateRangePicker as dr } from "./components/DateRangePicker/DateRangePicker.js";
34
34
  import { Divider as Tr } from "./components/Divider/Divider.js";
35
- import { Drawer as Sr } from "./components/Drawer/Drawer.js";
36
- import { Sheet as cr } from "./components/Sheet/Sheet.js";
35
+ import { Drawer as Cr } from "./components/Drawer/Drawer.js";
36
+ import { Sheet as Dr } from "./components/Sheet/Sheet.js";
37
37
  import { BadgeMultiSelect as Rr } from "./components/Filter/components/BadgeDropdown/BadgeMultiSelect.js";
38
38
  import { CustomDateRangeFilterDropdown as Ar } from "./components/Filter/components/CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.js";
39
- import { DateFilterDropdown as br } from "./components/Filter/components/DateFilterDropdown/DateFilterDropdown.js";
40
- import { DateRangeFilterDropdown as Ir } from "./components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
39
+ import { DateFilterDropdown as Vr } from "./components/Filter/components/DateFilterDropdown/DateFilterDropdown.js";
40
+ import { DateRangeFilterDropdown as Er } from "./components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
41
41
  import { TextMultiSelect as wr } from "./components/Filter/components/TextMultiSelect/TextMultiSelect.js";
42
- import { TimeFilterDropdown as Br } from "./components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.js";
43
- import { Filter as Pr } from "./components/Filter/Filter.js";
44
- import { t as yr } from "./ImageUpload-DZH9bDU2.js";
42
+ import { TimeFilterDropdown as Fr } from "./components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.js";
43
+ import { Filter as xr } from "./components/Filter/Filter.js";
44
+ import { t as Pr } from "./ImageUpload-DZH9bDU2.js";
45
45
  import { LineChart as Mr } from "./components/LineChart/LineChart.js";
46
46
  import { OtpInput as Or } from "./components/OtpInput/OtpInput.js";
47
47
  import { PasswordRules as Gr } from "./components/PasswordRules/PasswordRules.js";
48
48
  import { t as Ur } from "./components-DE5uBcFF.js";
49
- import { PhoneNumberInput as Qr } from "./components/PhoneNumberInput/PhoneNumberInput.js";
49
+ import { PhoneNumberInput as Hr } from "./components/PhoneNumberInput/PhoneNumberInput.js";
50
50
  import { PieChart as Xr } from "./components/PieChart/PieChart.js";
51
51
  import { ProgressBar as qr } from "./components/ProgressBar/ProgressBar.js";
52
52
  import { RadioCard as Kr } from "./components/RadioCard/RadioCard.js";
@@ -59,16 +59,16 @@ import { Label as fo } from "./components/Sidebar/components/Label/Label.js";
59
59
  import { Logo as no } from "./components/Sidebar/components/Logo/Logo.js";
60
60
  import { NavigationGroup as uo } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";
61
61
  import { NavigationOption as go } from "./components/Sidebar/components/NavigationOption/NavigationOption.js";
62
- import { NavigationSeparator as Co } from "./components/Sidebar/components/NavigationSeparator/NavigationSeparator.js";
63
- import { Navigation as Do } from "./components/Sidebar/components/Navigation/Navigation.js";
62
+ import { NavigationSeparator as So } from "./components/Sidebar/components/NavigationSeparator/NavigationSeparator.js";
63
+ import { Navigation as co } from "./components/Sidebar/components/Navigation/Navigation.js";
64
64
  import { Sidebar as vo } from "./components/Sidebar/Sidebar.js";
65
- import { Skeleton as Vo } from "./components/Skeleton/Skeleton.js";
66
- import { Slider as Eo } from "./components/Slider/Slider.js";
65
+ import { Skeleton as Io } from "./components/Skeleton/Skeleton.js";
66
+ import { Slider as bo } from "./components/Slider/Slider.js";
67
67
  import { t as ho } from "./Spinner-DeThqPk_.js";
68
- import { horizontalConnectorWrapperVariants as Lo, stepConnectorVariants as Bo, stepContentVariants as Fo, stepDescriptionVariants as Po, stepIndicatorVariants as xo, stepItemVariants as yo, stepLabelVariants as ko, stepListVariants as Mo, stepVariants as No, stepperVariants as Oo } from "./components/Stepper/Stepper.variants.js";
68
+ import { horizontalConnectorWrapperVariants as Lo, stepConnectorVariants as Fo, stepContentVariants as Bo, stepDescriptionVariants as xo, stepIndicatorVariants as yo, stepItemVariants as Po, stepLabelVariants as ko, stepListVariants as Mo, stepVariants as No, stepperVariants as Oo } from "./components/Stepper/Stepper.variants.js";
69
69
  import { Stepper as Go } from "./components/Stepper/Stepper.js";
70
70
  import { t as Uo } from "./Switch-DUiaVSnE.js";
71
- import { Table as Qo } from "./components/Table/Table.js";
71
+ import { Table as Ho } from "./components/Table/Table.js";
72
72
  import { Content as Xo } from "./components/Tabs/components/Content.js";
73
73
  import { List as qo } from "./components/Tabs/components/List.js";
74
74
  import { Trigger as Ko } from "./components/Tabs/components/Trigger.js";
@@ -80,36 +80,38 @@ import { TextArea as pt } from "./components/TextArea/TextArea.js";
80
80
  import { DEFAULT_MAX_VISIBLE_TOASTS as ft, DEFAULT_TOAST_DURATION as st, DEFAULT_TOAST_LIMIT as nt } from "./components/Toast/constants/index.js";
81
81
  import { createToastStore as dt } from "./components/Toast/store/create-toast-store.js";
82
82
  import { useToastStore as Tt, useToastStoreApi as gt } from "./components/Toast/hooks/useToastStore/useToastStore.js";
83
- import { useToast as Ct } from "./components/Toast/hooks/useToast/useToast.js";
84
- import { Toast as Dt } from "./components/Toast/Toast.js";
83
+ import { useToast as St } from "./components/Toast/hooks/useToast/useToast.js";
84
+ import { Toast as ct } from "./components/Toast/Toast.js";
85
85
  import { ToastProvider as vt } from "./components/Toast/ToastProvider.js";
86
- import { t as Vt } from "./events.types-BG1Uh8i6.js";
87
- import { sendResetFiltersEvent as Et } from "./components/VirtualizedTable/events/filters/filters.js";
86
+ import { t as It } from "./events.types-BG1Uh8i6.js";
87
+ import { sendResetFiltersEvent as bt } from "./components/VirtualizedTable/events/filters/filters.js";
88
88
  import { sendRefreshEvent as ht } from "./components/VirtualizedTable/events/refresh/refresh.js";
89
- import { sendCollapseRowEvent as Lt, sendExpandRowEvent as Bt, sendToggleRowEvent as Ft } from "./components/VirtualizedTable/events/row/row.js";
90
- import { EmptyState as xt } from "./components/VirtualizedTable/components/EmptyState/EmptyState.js";
89
+ import { sendCollapseRowEvent as Lt, sendExpandRowEvent as Ft, sendToggleRowEvent as Bt } from "./components/VirtualizedTable/events/row/row.js";
90
+ import { EmptyState as yt } from "./components/VirtualizedTable/components/EmptyState/EmptyState.js";
91
91
  import { EmptyResults as kt } from "./components/VirtualizedTable/components/EmptyResults/EmptyResults.js";
92
92
  import { ErrorState as Nt } from "./components/VirtualizedTable/components/ErrorState/ErrorState.js";
93
93
  import { TruncateText as _t } from "./components/VirtualizedTable/components/TruncateText/TruncateText.js";
94
94
  import { preloadVirtualizedTable as zt } from "./components/VirtualizedTable/utils/load-content/load-content.js";
95
- import { VirtualizedTable as Ht } from "./components/VirtualizedTable/VirtualizedTable.js";
96
- import { useVirtualizedTableReady as Wt } from "./components/VirtualizedTable/hooks/useVirtualizedTableReady/useVirtualizedTableReady.js";
97
- import { ThemeContext as jt } from "./contexts/theme.context.js";
98
- import { useTheme as Jt } from "./contexts/theme.hook.js";
99
- import { t as Yt } from "./theme.provider-CvL6sqHq.js";
95
+ import { VirtualizedTable as Wt } from "./components/VirtualizedTable/VirtualizedTable.js";
96
+ import { useVirtualizedTableReady as Qt } from "./components/VirtualizedTable/hooks/useVirtualizedTableReady/useVirtualizedTableReady.js";
97
+ import { useIsFlexWrapped as jt } from "./components/VirtualizedTable/hooks/useIsFlexWrapped/useIsFlexWrapped.js";
98
+ import { useDisplayedColumnCount as Jt } from "./components/VirtualizedTable/hooks/useDisplayedColumnCount/useDisplayedColumnCount.js";
99
+ import { ThemeContext as Yt } from "./contexts/theme.context.js";
100
+ import { useTheme as $t } from "./contexts/theme.hook.js";
101
+ import { t as om } from "./theme.provider-CvL6sqHq.js";
100
102
  import "./contexts/index.js";
101
103
  export {
102
104
  T as Alert,
103
- c as AlertDialog,
105
+ D as AlertDialog,
104
106
  w as Autocomplete,
105
- B as Avatar,
106
- P as AvatarGroup,
107
+ F as Avatar,
108
+ x as AvatarGroup,
107
109
  M as Badge,
108
110
  G as BadgeGroup,
109
111
  Rr as BadgeMultiSelect,
110
112
  e as Breadcrumb,
111
- S as Button,
112
- Q as ButtonGroup,
113
+ C as Button,
114
+ H as ButtonGroup,
113
115
  X as Card,
114
116
  o as Checkbox,
115
117
  q as CheckboxCard,
@@ -123,36 +125,36 @@ export {
123
125
  ft as DEFAULT_MAX_VISIBLE_TOASTS,
124
126
  st as DEFAULT_TOAST_DURATION,
125
127
  nt as DEFAULT_TOAST_LIMIT,
126
- br as DateFilterDropdown,
128
+ Vr as DateFilterDropdown,
127
129
  ir as DatePicker,
128
- Ir as DateRangeFilterDropdown,
130
+ Er as DateRangeFilterDropdown,
129
131
  dr as DateRangePicker,
130
132
  Tr as Divider,
131
- Sr as Drawer,
133
+ Cr as Drawer,
132
134
  to as Dropdown,
133
135
  m as DropdownButton,
134
136
  kt as EmptyResults,
135
- xt as EmptyState,
137
+ yt as EmptyState,
136
138
  Nt as ErrorState,
137
- Pr as Filter,
139
+ xr as Filter,
138
140
  po as Footer,
139
- yr as ImageUpload,
141
+ Pr as ImageUpload,
140
142
  a as Input,
141
143
  fo as Label,
142
144
  Mr as LineChart,
143
145
  qo as List,
144
- y as Loading,
146
+ P as Loading,
145
147
  no as Logo,
146
148
  rr as Modal,
147
149
  Ur as MultiSelectDropdown,
148
- Do as Navigation,
150
+ co as Navigation,
149
151
  uo as NavigationGroup,
150
152
  go as NavigationOption,
151
- Co as NavigationSeparator,
153
+ So as NavigationSeparator,
152
154
  s as NumberInput,
153
155
  Or as OtpInput,
154
156
  Gr as PasswordRules,
155
- Qr as PhoneNumberInput,
157
+ Hr as PhoneNumberInput,
156
158
  Xr as PieChart,
157
159
  qr as ProgressBar,
158
160
  pr as Radio,
@@ -161,58 +163,60 @@ export {
161
163
  fr as RadioGroup,
162
164
  ro as Range,
163
165
  to as Select,
164
- cr as Sheet,
166
+ Dr as Sheet,
165
167
  vo as Sidebar,
166
- Vo as Skeleton,
167
- Eo as Slider,
168
+ Io as Skeleton,
169
+ bo as Slider,
168
170
  ho as Spinner,
169
171
  Go as Stepper,
170
172
  Uo as Switch,
171
- Qo as Table,
173
+ Ho as Table,
172
174
  Zo as Tabs,
173
175
  rt as Tag,
174
176
  tt as TagSelect,
175
177
  it as TagsInput,
176
178
  pt as TextArea,
177
179
  wr as TextMultiSelect,
178
- jt as ThemeContext,
179
- Yt as ThemeProvider,
180
- Br as TimeFilterDropdown,
180
+ Yt as ThemeContext,
181
+ om as ThemeProvider,
182
+ Fr as TimeFilterDropdown,
181
183
  nr as TimePicker,
182
- Dt as Toast,
184
+ ct as Toast,
183
185
  vt as ToastProvider,
184
186
  O as Tooltip,
185
187
  Ko as Trigger,
186
188
  _t as TruncateText,
187
189
  U as Typography,
188
- Ht as VirtualizedTable,
189
- Vt as VirtualizedTableEvent,
190
+ Wt as VirtualizedTable,
191
+ It as VirtualizedTableEvent,
190
192
  d as cn,
191
193
  dt as createToastStore,
192
194
  Lo as horizontalConnectorWrapperVariants,
193
195
  zt as preloadVirtualizedTable,
194
196
  l as resolveColor,
195
197
  Lt as sendCollapseRowEvent,
196
- Bt as sendExpandRowEvent,
198
+ Ft as sendExpandRowEvent,
197
199
  ht as sendRefreshEvent,
198
- Et as sendResetFiltersEvent,
199
- Ft as sendToggleRowEvent,
200
- Bo as stepConnectorVariants,
201
- Fo as stepContentVariants,
202
- Po as stepDescriptionVariants,
203
- xo as stepIndicatorVariants,
204
- yo as stepItemVariants,
200
+ bt as sendResetFiltersEvent,
201
+ Bt as sendToggleRowEvent,
202
+ Fo as stepConnectorVariants,
203
+ Bo as stepContentVariants,
204
+ xo as stepDescriptionVariants,
205
+ yo as stepIndicatorVariants,
206
+ Po as stepItemVariants,
205
207
  ko as stepLabelVariants,
206
208
  Mo as stepListVariants,
207
209
  No as stepVariants,
208
210
  Oo as stepperVariants,
209
211
  R as useClickOutside,
212
+ Jt as useDisplayedColumnCount,
213
+ jt as useIsFlexWrapped,
210
214
  A as useIsHydrated,
211
- b as useMediaQuery,
212
- Jt as useTheme,
213
- Ct as useToast,
215
+ V as useMediaQuery,
216
+ $t as useTheme,
217
+ St as useToast,
214
218
  Tt as useToastStore,
215
219
  gt as useToastStoreApi,
216
- I as useToggle,
217
- Wt as useVirtualizedTableReady
220
+ E as useToggle,
221
+ Qt as useVirtualizedTableReady
218
222
  };
@@ -2,6 +2,8 @@ import { ReactNode } from 'react';
2
2
  import { VariantProps } from 'class-variance-authority';
3
3
  import { Theme } from '../../domain/theme';
4
4
  import { buttonGroupVariants } from './ButtonGroup.variants';
5
+ /** Visual style: animated filled pill, or bordered segments with the selected one outlined */
6
+ export type ButtonGroupVariant = NonNullable<VariantProps<typeof buttonGroupVariants>['variant']>;
5
7
  /** Horizontal text alignment for label and description */
6
8
  export type TextAlign = 'left' | 'center' | 'right';
7
9
  /**
@@ -10,5 +10,6 @@ export declare const buttonGroupWrapperVariants: (props?: import('class-variance
10
10
  * Group container variants - no outer border, just flex container
11
11
  */
12
12
  export declare const buttonGroupVariants: (props?: ({
13
+ variant?: "pill" | "outline" | null | undefined;
13
14
  disabled?: boolean | null | undefined;
14
15
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -1,5 +1,5 @@
1
1
  import { KeyboardEvent } from 'react';
2
- import { ButtonGroupOption, TextAlign } from '../../ButtonGroup.types';
2
+ import { ButtonGroupOption, ButtonGroupVariant, TextAlign } from '../../ButtonGroup.types';
3
3
  import { AnimationDirection } from '../../hooks';
4
4
  export type Props = {
5
5
  animationDirection: AnimationDirection;
@@ -18,6 +18,7 @@ export type Props = {
18
18
  labelClassName?: string;
19
19
  option: ButtonGroupOption;
20
20
  value: string;
21
+ variant?: ButtonGroupVariant;
21
22
  onKeyDown: (event: KeyboardEvent<HTMLButtonElement>, index: number) => void;
22
23
  onSelect: (value: string) => void;
23
24
  };
@@ -6,6 +6,15 @@ export declare const buttonGroupItemVariants: (props?: ({
6
6
  isFirst?: boolean | null | undefined;
7
7
  isLast?: boolean | null | undefined;
8
8
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
9
+ /**
10
+ * Outline item variants - bordered segment, selected one outlined in aurora
11
+ */
12
+ export declare const buttonGroupOutlineItemVariants: (props?: ({
13
+ selected?: boolean | null | undefined;
14
+ disabled?: boolean | null | undefined;
15
+ isFirst?: boolean | null | undefined;
16
+ isLast?: boolean | null | undefined;
17
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
9
18
  /**
10
19
  * Inner content container (the content layer above the pill)
11
20
  */
@@ -119,6 +119,8 @@ export type Props = VariantProps<typeof selectVariants> & Omit<InputHTMLAttribut
119
119
  portalClassName?: string;
120
120
  searchable?: boolean;
121
121
  showSearchIcon?: boolean;
122
+ /** Ticks the option matching the controlled `value` in the list */
123
+ showSelectedCheck?: boolean;
122
124
  theme?: Theme;
123
125
  value?: string;
124
126
  wrapperClassName?: string;
@@ -10,6 +10,7 @@ export type SelectContextType = {
10
10
  page: number;
11
11
  options: Option[];
12
12
  isTyping?: boolean;
13
+ showSelectedCheck: boolean;
13
14
  setOptions: Dispatch<SetStateAction<Option[]>>;
14
15
  setPage: Dispatch<SetStateAction<number>>;
15
16
  setCanContinueFetching: Dispatch<SetStateAction<boolean>>;
@@ -3,6 +3,7 @@ import { SelectProps, Option } from '../Select.types';
3
3
  export declare const SelectProvider: FC<PropsWithChildren & {
4
4
  highlightSearch?: boolean;
5
5
  name?: string;
6
+ showSelectedCheck?: boolean;
6
7
  value?: string;
7
8
  options: Option[];
8
9
  onChange?: SelectProps['onChange'];