@konstructio/ui 0.1.2-alpha.44 → 0.1.2-alpha.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/dist/components/AlertDialog/AlertDialog.js +39 -37
  2. package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
  3. package/dist/components/AlertDialog/components/index.js +1 -1
  4. package/dist/components/Badge/Badge.js +23 -26
  5. package/dist/components/Badge/Badge.variants.js +1 -1
  6. package/dist/components/Button/Button.variants.js +108 -98
  7. package/dist/components/Checkbox/Checkbox.js +104 -100
  8. package/dist/components/Checkbox/Checkbox.variants.js +30 -7
  9. package/dist/components/Counter/Counter.js +210 -0
  10. package/dist/components/Counter/Counter.variants.js +70 -0
  11. package/dist/components/Filter/Filter.js +1 -1
  12. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +9 -10
  13. package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +76 -43
  14. package/dist/components/Filter/components/ResetButton/ResetButton.js +21 -32
  15. package/dist/components/Filter/events/index.js +3 -3
  16. package/dist/components/ImageUpload/ImageUpload.js +221 -0
  17. package/dist/components/ImageUpload/ImageUpload.variants.js +109 -0
  18. package/dist/components/Input/Input.variants.js +10 -2
  19. package/dist/components/PhoneNumberInput/PhoneNumberInput.variants.js +4 -4
  20. package/dist/components/PhoneNumberInput/components/FlagContent/FlagContent.js +16 -7
  21. package/dist/components/PhoneNumberInput/components/FlagSelectorList/FlagSelectorList.js +92 -74
  22. package/dist/components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js +53 -29
  23. package/dist/components/PhoneNumberInput/components/Wrapper.js +139 -120
  24. package/dist/components/Radio/Radio.js +47 -44
  25. package/dist/components/Radio/Radio.variants.js +12 -8
  26. package/dist/components/Select/Select.js +48 -0
  27. package/dist/components/{Dropdown/Dropdown.variants.js → Select/Select.variants.js} +3 -3
  28. package/dist/components/{Dropdown → Select}/components/List/List.js +48 -43
  29. package/dist/components/{Dropdown → Select}/components/List/List.variants.js +8 -5
  30. package/dist/components/{Dropdown → Select}/components/ListItem/ListItem.js +20 -20
  31. package/dist/components/{Dropdown → Select}/components/ListItem/ListItem.variants.js +3 -2
  32. package/dist/components/{Dropdown → Select}/components/Wrapper.js +70 -70
  33. package/dist/components/Select/contexts/index.js +6 -0
  34. package/dist/components/{Dropdown/contexts/dropdown.context.js → Select/contexts/select.context.js} +2 -2
  35. package/dist/components/Select/contexts/select.hook.js +11 -0
  36. package/dist/components/Select/contexts/select.provider.js +58 -0
  37. package/dist/components/{Dropdown → Select}/hooks/useNavigationList.js +3 -3
  38. package/dist/components/{Dropdown/hooks/useDropdown.js → Select/hooks/useSelect.js} +33 -33
  39. package/dist/components/Switch/Switch.js +153 -125
  40. package/dist/components/Switch/Switch.variants.js +15 -6
  41. package/dist/components/TimePicker/TimePicker.variants.js +11 -6
  42. package/dist/components/TimePicker/components/MeridianList/MeridianList.js +30 -20
  43. package/dist/components/TimePicker/components/Wrapper/Wrapper.js +50 -35
  44. package/dist/components/Typography/Typography.js +24 -28
  45. package/dist/components/Typography/Typography.variants.js +49 -46
  46. package/dist/components/VirtualizedTable/components/Actions/Actions.js +14 -14
  47. package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js +10 -10
  48. package/dist/components/VirtualizedTable/components/Skeleton/Skeleton.js +1 -1
  49. package/dist/components/index.js +84 -80
  50. package/dist/{index-CPU02rhe.js → index-D6KzX_ef.js} +13 -12
  51. package/dist/index.d.ts +134 -81
  52. package/dist/index.js +114 -110
  53. package/dist/package.json +4 -4
  54. package/dist/styles.css +1 -1
  55. package/dist/ui/civo-theme.css +6 -5
  56. package/dist/ui/theme.css +27 -0
  57. package/dist/x-BXShoIAM.js +8 -0
  58. package/package.json +4 -4
  59. package/dist/components/Dropdown/Dropdown.js +0 -48
  60. package/dist/components/Dropdown/contexts/dropdown.hook.js +0 -13
  61. package/dist/components/Dropdown/contexts/dropdown.provider.js +0 -58
  62. package/dist/components/Dropdown/contexts/index.js +0 -6
  63. package/dist/components/NumberInput/NumberInput.js +0 -179
  64. package/dist/components/NumberInput/NumberInput.variants.js +0 -50
  65. /package/dist/components/{Dropdown → Select}/components/EmptyList.js +0 -0
  66. /package/dist/components/{Dropdown → Select}/components/index.js +0 -0
  67. /package/dist/components/{Dropdown → Select}/constants/index.js +0 -0
  68. /package/dist/components/{Dropdown → Select}/constants/pagination.js +0 -0
@@ -40,7 +40,7 @@ var Q = "AlertDialogOverlay", y = l.forwardRef(
40
40
  y.displayName = Q;
41
41
  var n = "AlertDialogContent", [U, X] = z(n), Z = /* @__PURE__ */ V("AlertDialogContent"), N = l.forwardRef(
42
42
  (r, e) => {
43
- const { __scopeAlertDialog: o, children: t, ...a } = r, d = s(o), p = l.useRef(null), P = u(e, p), g = l.useRef(null);
43
+ const { __scopeAlertDialog: o, children: t, ...a } = r, c = s(o), d = l.useRef(null), P = u(e, d), g = l.useRef(null);
44
44
  return /* @__PURE__ */ i(
45
45
  G,
46
46
  {
@@ -51,17 +51,17 @@ var n = "AlertDialogContent", [U, X] = z(n), Z = /* @__PURE__ */ V("AlertDialogC
51
51
  W,
52
52
  {
53
53
  role: "alertdialog",
54
- ...d,
54
+ ...c,
55
55
  ...a,
56
56
  ref: P,
57
- onOpenAutoFocus: M(a.onOpenAutoFocus, (c) => {
58
- c.preventDefault(), g.current?.focus({ preventScroll: !0 });
57
+ onOpenAutoFocus: M(a.onOpenAutoFocus, (p) => {
58
+ p.preventDefault(), g.current?.focus({ preventScroll: !0 });
59
59
  }),
60
- onPointerDownOutside: (c) => c.preventDefault(),
61
- onInteractOutside: (c) => c.preventDefault(),
60
+ onPointerDownOutside: (p) => p.preventDefault(),
61
+ onInteractOutside: (p) => p.preventDefault(),
62
62
  children: [
63
63
  /* @__PURE__ */ i(Z, { children: t }),
64
- /* @__PURE__ */ i(re, { contentRef: p })
64
+ /* @__PURE__ */ i(re, { contentRef: d })
65
65
  ]
66
66
  }
67
67
  ) })
@@ -91,8 +91,8 @@ var ee = "AlertDialogAction", E = l.forwardRef(
91
91
  E.displayName = ee;
92
92
  var T = "AlertDialogCancel", b = l.forwardRef(
93
93
  (r, e) => {
94
- const { __scopeAlertDialog: o, ...t } = r, { cancelRef: a } = X(T, o), d = s(o), p = u(e, a);
95
- return /* @__PURE__ */ i(f, { ...d, ...t, ref: p });
94
+ const { __scopeAlertDialog: o, ...t } = r, { cancelRef: a } = X(T, o), c = s(o), d = u(e, a);
95
+ return /* @__PURE__ */ i(f, { ...c, ...t, ref: d });
96
96
  }
97
97
  );
98
98
  b.displayName = T;
@@ -110,14 +110,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/alert-
110
110
  ) || console.warn(e);
111
111
  }, [e, r]), null;
112
112
  }, de = m, oe = D, ge = _, ue = y, Ae = N, fe = E, ve = b, me = h, De = S;
113
- const _e = I(({ "data-theme": r, className: e, text: o, onOpen: t }, a) => /* @__PURE__ */ i(oe, { asChild: !0, children: /* @__PURE__ */ i(
113
+ const _e = I(({ "data-theme": r, className: e, text: o, variant: t, onOpen: a }, c) => /* @__PURE__ */ i(oe, { asChild: !0, children: /* @__PURE__ */ i(
114
114
  k,
115
115
  {
116
- ref: a,
116
+ ref: c,
117
117
  type: "button",
118
+ variant: t,
118
119
  "data-theme": r,
119
120
  className: q(e),
120
- onClick: t,
121
+ onClick: a,
121
122
  children: o
122
123
  }
123
124
  ) }));
package/dist/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { AlertDialogProps as AlertDialogProps_2 } from '@radix-ui/react-alert-dialog';
2
2
  import { ButtonHTMLAttributes } from 'react';
3
3
  import { CellContext } from '@tanstack/react-table';
4
+ import { ChangeEvent } from 'react';
4
5
  import { CheckboxProps as CheckboxProps_2 } from '@radix-ui/react-checkbox';
5
6
  import { ClassProp } from 'class-variance-authority/types';
6
7
  import { ClassValue } from 'clsx';
@@ -43,6 +44,7 @@ declare interface AlertDialogProps extends PropsWithChildren, AlertDialogProps_2
43
44
  buttonConfirm?: ButtonConfirmProps;
44
45
  buttonTriggerText?: string;
45
46
  buttonTriggerClassName?: string;
47
+ buttonTriggerVariant?: ButtonProps['variant'];
46
48
  className?: string;
47
49
  description?: string | ReactNode;
48
50
  showCancelButton?: boolean;
@@ -73,7 +75,7 @@ declare interface AutocompleteProps extends VariantProps<typeof autocompleteVari
73
75
  label?: string;
74
76
  labelClassName?: string;
75
77
  name?: string;
76
- options: Option_2[];
78
+ options: Option_3[];
77
79
  placeholder?: string;
78
80
  placeHolderEmptyValues?: string | ReactNode;
79
81
  placeHolderEmptyValuesClassName?: string;
@@ -144,7 +146,7 @@ declare interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElemen
144
146
  }
145
147
 
146
148
  declare const buttonVariants: (props?: ({
147
- variant?: "danger" | "text" | "primary" | "secondary" | null | undefined;
149
+ variant?: "danger" | "link" | "primary" | "secondary" | "tertiary" | null | undefined;
148
150
  shape?: "circle" | null | undefined;
149
151
  version?: "default" | "alternate" | null | undefined;
150
152
  disabled?: boolean | null | undefined;
@@ -192,6 +194,33 @@ export declare type ColumnDef<TData extends RowData> = ColumnDef_2<TData, string
192
194
 
193
195
  export declare const Content: FC<TabsContentProps>;
194
196
 
197
+ declare const Counter: FC<CounterProps>;
198
+ export { Counter }
199
+ export { Counter as NumberInput }
200
+
201
+ declare interface CounterProps extends VariantProps<typeof counterVariants> {
202
+ canDecrement?: boolean;
203
+ canIncrement?: boolean;
204
+ className?: string;
205
+ decrementButtonClassName?: string;
206
+ incrementButtonClassName?: string;
207
+ init?: number;
208
+ isRequired?: boolean;
209
+ label?: string;
210
+ max?: number;
211
+ min?: number;
212
+ name?: string;
213
+ theme?: Theme;
214
+ value?: number;
215
+ onChange?: ({ target: { value } }: {
216
+ target: {
217
+ value: number;
218
+ };
219
+ }) => void;
220
+ }
221
+
222
+ declare const counterVariants: (props?: ClassProp | undefined) => string;
223
+
195
224
  declare type CSSColor = `var(--${string})` | `rgb(${number}, ${number}, ${number})` | `rgba(${number}, ${number}, ${number}, ${number})` | `hsl(${number}, ${number}%, ${number}%)` | `hsla(${number}, ${number}%, ${number}%, ${number})`;
196
225
 
197
226
  export declare const DateFilterDropdown: FC<DateFilterDropdownProps>;
@@ -216,59 +245,8 @@ declare const datePickerVariants: (props?: ClassProp | undefined) => string;
216
245
 
217
246
  export declare const Divider: FC<HTMLAttributes<HTMLDivElement>>;
218
247
 
219
- export declare const Dropdown: FC<DropdownProps>;
220
-
221
248
  export declare const DropdownButton: FC<Props>;
222
249
 
223
- declare type DropdownProps = VariantProps<typeof dropdownVariants> & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> & {
224
- additionalOptions?: ReactNode[] | string[];
225
- className?: string;
226
- disabled?: boolean;
227
- error?: string;
228
- helperText?: string;
229
- highlightSearch?: boolean;
230
- iconClassName?: string;
231
- inputClassName?: string;
232
- isLoading?: boolean;
233
- isRequired?: boolean;
234
- label?: string;
235
- labelClassName?: string;
236
- listClassName?: string;
237
- listItemClassName?: string;
238
- listItemSecondRowClassName?: string;
239
- mainWrapperClassName?: string;
240
- options: Option_3[];
241
- searchable?: boolean;
242
- showSearchIcon?: boolean;
243
- theme?: Theme;
244
- value?: string;
245
- wrapperClassName?: string;
246
- errorClassName?: string;
247
- helperTextClassName?: string;
248
- onBlur?: VoidFunction;
249
- onChange?: OnChangeFn;
250
- onSearchChange?: (searchTerm: string) => void;
251
- noOptionsText?: string;
252
- } & ({
253
- isInfiniteScrollEnabled: true;
254
- onFetchMoreOptions: (params: {
255
- page: number;
256
- pageSize: number;
257
- termOfSearch?: string;
258
- }) => Promise<{
259
- data: Option_3[];
260
- hasMore: boolean;
261
- }>;
262
- } | {
263
- isInfiniteScrollEnabled?: false | undefined;
264
- onFetchMoreOptions?: never;
265
- });
266
-
267
- declare const dropdownVariants: (props?: ({
268
- hasError?: boolean | null | undefined;
269
- disabled?: boolean | null | undefined;
270
- } & ClassProp) | undefined) => string;
271
-
272
250
  export declare const Filter: FilterComponentProps;
273
251
 
274
252
  declare type FilterAction = {
@@ -311,6 +289,44 @@ declare const headVariants: (props?: ClassProp | undefined) => string;
311
289
 
312
290
  declare type HexColor = `#${string}`;
313
291
 
292
+ export declare const ImageUpload: {
293
+ ({ className, error, fileName, fileSize, fileUrl, helperText, isRequired, label, labelClassName, name, onChange, onRemove, status, theme, uploadButtonText, accept, maxSize, }: ImageUploadProps): JSX.Element;
294
+ displayName: string;
295
+ };
296
+
297
+ declare interface ImageUploadProps extends Omit<VariantProps<typeof imageUploadVariants>, 'status'> {
298
+ className?: string;
299
+ error?: string;
300
+ fileName?: string;
301
+ fileSize?: string;
302
+ fileUrl?: string;
303
+ helperText?: string;
304
+ isRequired?: boolean;
305
+ label?: string | ReactNode;
306
+ labelClassName?: string;
307
+ name?: string;
308
+ onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
309
+ onRemove?: () => void;
310
+ status?: ImageUploadStatusType;
311
+ theme?: Theme;
312
+ uploadButtonText?: string;
313
+ accept?: string;
314
+ maxSize?: number;
315
+ }
316
+
317
+ declare enum ImageUploadStatus {
318
+ Default = "default",
319
+ Uploading = "uploading",
320
+ Complete = "complete",
321
+ Error = "error"
322
+ }
323
+
324
+ declare type ImageUploadStatusType = ImageUploadStatus;
325
+
326
+ declare const imageUploadVariants: (props?: ({
327
+ status?: "error" | "default" | "uploading" | "complete" | null | undefined;
328
+ } & ClassProp) | undefined) => string;
329
+
314
330
  export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
315
331
 
316
332
  declare interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
@@ -469,26 +485,6 @@ declare const navigationTitleVariants: (props?: ClassProp | undefined) => string
469
485
 
470
486
  declare const navigationVariants: (props?: ClassProp | undefined) => string;
471
487
 
472
- export declare const NumberInput: FC<NumberInputProps>;
473
-
474
- declare interface NumberInputProps extends VariantProps<typeof numberInputVariants> {
475
- className?: string;
476
- init?: number;
477
- label?: string | ReactNode;
478
- max?: number;
479
- min?: number;
480
- name?: string;
481
- value?: number;
482
- theme?: Theme;
483
- onChange?: ({ target: { value } }: {
484
- target: {
485
- value: number;
486
- };
487
- }) => void;
488
- }
489
-
490
- declare const numberInputVariants: (props?: ClassProp | undefined) => string;
491
-
492
488
  declare type OnBlurFn = (event: {
493
489
  target: HTMLInputElement | null;
494
490
  type?: string;
@@ -509,10 +505,6 @@ declare type OnChangeFn_2 = (params: {
509
505
  }) => void;
510
506
 
511
507
  declare type Option_2 = {
512
- value: string;
513
- };
514
-
515
- declare type Option_3 = {
516
508
  label: string;
517
509
  subLabel?: string | ReactNode;
518
510
  leftIcon?: ReactNode | string;
@@ -524,6 +516,10 @@ declare type Option_3 = {
524
516
  value: string;
525
517
  };
526
518
 
519
+ declare type Option_3 = {
520
+ value: string;
521
+ };
522
+
527
523
  declare type Option_4 = {
528
524
  label: string | ReactNode;
529
525
  onClick?: VoidFunction;
@@ -815,6 +811,59 @@ declare const rowVariants: (props?: ({
815
811
  isSelected?: boolean | null | undefined;
816
812
  } & ClassProp) | undefined) => string;
817
813
 
814
+ declare const Select: FC<SelectProps>;
815
+ export { Select as Dropdown }
816
+ export { Select }
817
+
818
+ declare type SelectProps = VariantProps<typeof selectVariants> & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> & {
819
+ additionalOptions?: ReactNode[] | string[];
820
+ className?: string;
821
+ disabled?: boolean;
822
+ error?: string;
823
+ errorClassName?: string;
824
+ helperText?: string;
825
+ helperTextClassName?: string;
826
+ highlightSearch?: boolean;
827
+ iconClassName?: string;
828
+ inputClassName?: string;
829
+ isLoading?: boolean;
830
+ isRequired?: boolean;
831
+ label?: string;
832
+ labelClassName?: string;
833
+ listClassName?: string;
834
+ listItemClassName?: string;
835
+ listItemSecondRowClassName?: string;
836
+ mainWrapperClassName?: string;
837
+ noOptionsText?: string;
838
+ options: Option_2[];
839
+ searchable?: boolean;
840
+ showSearchIcon?: boolean;
841
+ theme?: Theme;
842
+ value?: string;
843
+ wrapperClassName?: string;
844
+ onBlur?: VoidFunction;
845
+ onChange?: OnChangeFn;
846
+ onSearchChange?: (searchTerm: string) => void;
847
+ } & ({
848
+ isInfiniteScrollEnabled: true;
849
+ onFetchMoreOptions: (params: {
850
+ page: number;
851
+ pageSize: number;
852
+ termOfSearch?: string;
853
+ }) => Promise<{
854
+ data: Option_2[];
855
+ hasMore: boolean;
856
+ }>;
857
+ } | {
858
+ isInfiniteScrollEnabled?: false | undefined;
859
+ onFetchMoreOptions?: never;
860
+ });
861
+
862
+ declare const selectVariants: (props?: ({
863
+ hasError?: boolean | null | undefined;
864
+ disabled?: boolean | null | undefined;
865
+ } & ClassProp) | undefined) => string;
866
+
818
867
  export declare const Sidebar: FC<SidebarProps> & SidebarChildrenProps;
819
868
 
820
869
  declare type SidebarChildrenProps = {
@@ -865,8 +914,11 @@ declare interface SwitchProps extends VariantProps<typeof switchVariants> {
865
914
  alignment?: 'horizontal' | 'vertical';
866
915
  className?: string;
867
916
  defaultChecked?: boolean;
868
- label?: string;
917
+ disabled?: boolean;
869
918
  helperText?: string;
919
+ helperTextClassName?: string;
920
+ label?: string;
921
+ labelClassName?: string;
870
922
  name?: string;
871
923
  theme?: Theme;
872
924
  thumbClassName?: string;
@@ -966,7 +1018,7 @@ declare type TimePickerProps = VariantProps<typeof timePickerVariants> & {
966
1018
  time?: Date;
967
1019
  name?: string;
968
1020
  label?: string;
969
- required?: boolean;
1021
+ isRequired?: boolean;
970
1022
  className?: string;
971
1023
  listClassName?: string;
972
1024
  listItemClassName?: string;
@@ -1024,13 +1076,14 @@ declare const triggerVariants: (props?: ({
1024
1076
 
1025
1077
  export declare const TruncateText: <TData>({ getValue, value }: Props_4<TData>) => JSX.Element;
1026
1078
 
1027
- export declare const Typography: ForwardRefExoticComponent<Omit<TypographyProps, 'ref'> & RefAttributes<HTMLParagraphElement | HTMLHeadingElement>>;
1079
+ export declare const Typography: ForwardRefExoticComponent<Omit<TypographyProps, 'ref'> & RefAttributes<HTMLParagraphElement & HTMLHeadingElement & HTMLLabelElement>>;
1028
1080
 
1029
1081
  declare interface TypographyProps extends HTMLAttributes<ComponentRef<HeadingTag | 'p' | 'span'>>, VariantProps<typeof typographyVariants> {
1030
1082
  ref?: Ref<HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement>;
1031
1083
  children: ReactNode;
1032
- component?: HeadingTag | 'p' | 'span';
1084
+ component?: HeadingTag | 'p' | 'span' | 'label';
1033
1085
  theme?: Theme;
1086
+ htmlFor?: string;
1034
1087
  }
1035
1088
 
1036
1089
  declare const typographyVariants: (props?: ({
package/dist/index.js CHANGED
@@ -1,114 +1,118 @@
1
1
  import { cn as e } from "./utils/index.js";
2
- import { Alert as p } from "./components/Alert/Alert.js";
3
- import { AlertDialog as x } from "./components/AlertDialog/AlertDialog.js";
4
- import { Autocomplete as a } from "./components/Autocomplete/Autocomplete.js";
5
- import { Badge as n } from "./components/Badge/Badge.js";
6
- import { Breadcrumb as g } from "./components/Breadcrumb/Breadcrumb.js";
7
- import { Button as u } from "./components/Button/Button.js";
8
- import { Card as c } from "./components/Card/Card.js";
9
- import { Checkbox as h } from "./components/Checkbox/Checkbox.js";
10
- import { DatePicker as D } from "./components/Datepicker/DatePicker.js";
11
- import { Divider as S } from "./components/Divider/Divider.js";
12
- import { Dropdown as B } from "./components/Dropdown/Dropdown.js";
13
- import { DropdownButton as P } from "./components/DropdownButton/DropdownButton.js";
14
- import { Filter as R } from "./components/Filter/Filter.js";
15
- import { BadgeMultiSelect as M } from "./components/Filter/components/BadgeDropdown/BadgeMultiSelect.js";
16
- import { DateFilterDropdown as F } from "./components/Filter/components/DateFilterDropdown/DateFilterDropdown.js";
17
- import { Input as I } from "./components/Input/Input.js";
18
- import { Loading as y } from "./components/Loading/Loading.js";
19
- import { M as O } from "./Modal-CjC-CIJ8.js";
20
- import { MultiSelectDropdown as j } from "./components/MultiSelectDropdown/MultiSelectDropdown.js";
21
- import { NumberInput as E } from "./components/NumberInput/NumberInput.js";
22
- import { PhoneNumberInput as J } from "./components/PhoneNumberInput/PhoneNumberInput.js";
23
- import { PieChart as Q } from "./components/PieChart/PieChart.js";
24
- import { ProgressBar as W } from "./components/ProgressBar/ProgressBar.js";
25
- import { Radio as Y } from "./components/Radio/Radio.js";
26
- import { RadioCard as _ } from "./components/RadioCard/RadioCard.js";
27
- import { RadioCardGroup as oo } from "./components/RadioCardGroup/RadioCardGroup.js";
28
- import { RadioGroup as eo } from "./components/RadioGroup/RadioGroup.js";
29
- import { Range as po } from "./components/Range/Range.js";
30
- import { Footer as xo } from "./components/Sidebar/components/Footer/Footer.js";
31
- import { Logo as ao } from "./components/Sidebar/components/Logo/Logo.js";
32
- import { Navigation as no } from "./components/Sidebar/components/Navigation/Navigation.js";
33
- import { NavigationGroup as lo } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";
34
- import { NavigationOption as To } from "./components/Sidebar/components/NavigationOption/NavigationOption.js";
35
- import { NavigationSeparator as bo } from "./components/Sidebar/components/NavigationSeparator/NavigationSeparator.js";
36
- import { Sidebar as so } from "./components/Sidebar/Sidebar.js";
37
- import { Slider as Co } from "./components/Slider/Slider.js";
38
- import { Switch as vo } from "./components/Switch/Switch.js";
39
- import { Table as No } from "./components/Table/Table.js";
40
- import { Content as wo } from "./components/Tabs/components/Content.js";
41
- import { List as Ao } from "./components/Tabs/components/List.js";
42
- import { Tabs as ko } from "./components/Tabs/Tabs.js";
43
- import { Trigger as Go } from "./components/Tabs/components/Trigger.js";
44
- import { Tag as Lo } from "./components/Tag/Tag.js";
45
- import { TagSelect as zo } from "./components/TagSelect/TagSelect.js";
46
- import { TextArea as Vo } from "./components/TextArea/TextArea.js";
47
- import { TimePicker as qo } from "./components/TimePicker/TimePicker.js";
48
- import { Toast as Ho } from "./components/Toast/Toast.js";
49
- import { Tooltip as Ko } from "./components/Tooltip/Tooltip.js";
50
- import { Typography as Uo } from "./components/Typography/Typography.js";
51
- import { TruncateText as Xo } from "./components/VirtualizedTable/components/TruncateText/TruncateText.js";
52
- import { VirtualizedTable as Zo } from "./components/VirtualizedTable/VirtualizedTable.js";
53
- import { ThemeContext as $o } from "./contexts/theme.context.js";
54
- import { useTheme as rr } from "./contexts/theme.hook.js";
55
- import { ThemeProvider as tr } from "./contexts/theme.provider.js";
56
- import { useToggle as mr } from "./hooks/useToggle.js";
2
+ import { Counter as p, Counter as m } from "./components/Counter/Counter.js";
3
+ import { Select as f, Select as a } from "./components/Select/Select.js";
4
+ import { Alert as n } from "./components/Alert/Alert.js";
5
+ import { AlertDialog as l } from "./components/AlertDialog/AlertDialog.js";
6
+ import { Autocomplete as g } from "./components/Autocomplete/Autocomplete.js";
7
+ import { Badge as c } from "./components/Badge/Badge.js";
8
+ import { Breadcrumb as C } from "./components/Breadcrumb/Breadcrumb.js";
9
+ import { Button as b } from "./components/Button/Button.js";
10
+ import { Card as D } from "./components/Card/Card.js";
11
+ import { Checkbox as B } from "./components/Checkbox/Checkbox.js";
12
+ import { DatePicker as P } from "./components/Datepicker/DatePicker.js";
13
+ import { Divider as R } from "./components/Divider/Divider.js";
14
+ import { DropdownButton as I } from "./components/DropdownButton/DropdownButton.js";
15
+ import { Filter as k } from "./components/Filter/Filter.js";
16
+ import { BadgeMultiSelect as G } from "./components/Filter/components/BadgeDropdown/BadgeMultiSelect.js";
17
+ import { DateFilterDropdown as y } from "./components/Filter/components/DateFilterDropdown/DateFilterDropdown.js";
18
+ import { ImageUpload as O } from "./components/ImageUpload/ImageUpload.js";
19
+ import { Input as V } from "./components/Input/Input.js";
20
+ import { Loading as q } from "./components/Loading/Loading.js";
21
+ import { M as H } from "./Modal-CjC-CIJ8.js";
22
+ import { MultiSelectDropdown as K } from "./components/MultiSelectDropdown/MultiSelectDropdown.js";
23
+ import { PhoneNumberInput as W } from "./components/PhoneNumberInput/PhoneNumberInput.js";
24
+ import { PieChart as Y } from "./components/PieChart/PieChart.js";
25
+ import { ProgressBar as _ } from "./components/ProgressBar/ProgressBar.js";
26
+ import { Radio as oo } from "./components/Radio/Radio.js";
27
+ import { RadioCard as eo } from "./components/RadioCard/RadioCard.js";
28
+ import { RadioCardGroup as po } from "./components/RadioCardGroup/RadioCardGroup.js";
29
+ import { RadioGroup as xo } from "./components/RadioGroup/RadioGroup.js";
30
+ import { Range as ao } from "./components/Range/Range.js";
31
+ import { Footer as no } from "./components/Sidebar/components/Footer/Footer.js";
32
+ import { Logo as uo } from "./components/Sidebar/components/Logo/Logo.js";
33
+ import { Navigation as To } from "./components/Sidebar/components/Navigation/Navigation.js";
34
+ import { NavigationGroup as so } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";
35
+ import { NavigationOption as So } from "./components/Sidebar/components/NavigationOption/NavigationOption.js";
36
+ import { NavigationSeparator as ho } from "./components/Sidebar/components/NavigationSeparator/NavigationSeparator.js";
37
+ import { Sidebar as vo } from "./components/Sidebar/Sidebar.js";
38
+ import { Slider as No } from "./components/Slider/Slider.js";
39
+ import { Switch as wo } from "./components/Switch/Switch.js";
40
+ import { Table as Ao } from "./components/Table/Table.js";
41
+ import { Content as Mo } from "./components/Tabs/components/Content.js";
42
+ import { List as Fo } from "./components/Tabs/components/List.js";
43
+ import { Tabs as Lo } from "./components/Tabs/Tabs.js";
44
+ import { Trigger as zo } from "./components/Tabs/components/Trigger.js";
45
+ import { Tag as Uo } from "./components/Tag/Tag.js";
46
+ import { TagSelect as jo } from "./components/TagSelect/TagSelect.js";
47
+ import { TextArea as Eo } from "./components/TextArea/TextArea.js";
48
+ import { TimePicker as Jo } from "./components/TimePicker/TimePicker.js";
49
+ import { Toast as Qo } from "./components/Toast/Toast.js";
50
+ import { Tooltip as Xo } from "./components/Tooltip/Tooltip.js";
51
+ import { Typography as Zo } from "./components/Typography/Typography.js";
52
+ import { TruncateText as $o } from "./components/VirtualizedTable/components/TruncateText/TruncateText.js";
53
+ import { VirtualizedTable as rr } from "./components/VirtualizedTable/VirtualizedTable.js";
54
+ import { ThemeContext as tr } from "./contexts/theme.context.js";
55
+ import { useTheme as mr } from "./contexts/theme.hook.js";
56
+ import { ThemeProvider as fr } from "./contexts/theme.provider.js";
57
+ import { useToggle as ir } from "./hooks/useToggle.js";
57
58
  export {
58
- p as Alert,
59
- x as AlertDialog,
60
- a as Autocomplete,
61
- n as Badge,
62
- M as BadgeMultiSelect,
63
- g as Breadcrumb,
64
- u as Button,
65
- c as Card,
66
- h as Checkbox,
67
- wo as Content,
68
- F as DateFilterDropdown,
69
- D as DatePicker,
70
- S as Divider,
71
- B as Dropdown,
72
- P as DropdownButton,
73
- R as Filter,
74
- xo as Footer,
75
- I as Input,
76
- Ao as List,
77
- y as Loading,
78
- ao as Logo,
79
- O as Modal,
80
- j as MultiSelectDropdown,
81
- no as Navigation,
82
- lo as NavigationGroup,
83
- To as NavigationOption,
84
- bo as NavigationSeparator,
85
- E as NumberInput,
86
- J as PhoneNumberInput,
87
- Q as PieChart,
88
- W as ProgressBar,
89
- Y as Radio,
90
- _ as RadioCard,
91
- oo as RadioCardGroup,
92
- eo as RadioGroup,
93
- po as Range,
94
- so as Sidebar,
95
- Co as Slider,
96
- vo as Switch,
97
- No as Table,
98
- ko as Tabs,
99
- Lo as Tag,
100
- zo as TagSelect,
101
- Vo as TextArea,
102
- $o as ThemeContext,
103
- tr as ThemeProvider,
104
- qo as TimePicker,
105
- Ho as Toast,
106
- Ko as Tooltip,
107
- Go as Trigger,
108
- Xo as TruncateText,
109
- Uo as Typography,
110
- Zo as VirtualizedTable,
59
+ n as Alert,
60
+ l as AlertDialog,
61
+ g as Autocomplete,
62
+ c as Badge,
63
+ G as BadgeMultiSelect,
64
+ C as Breadcrumb,
65
+ b as Button,
66
+ D as Card,
67
+ B as Checkbox,
68
+ Mo as Content,
69
+ p as Counter,
70
+ y as DateFilterDropdown,
71
+ P as DatePicker,
72
+ R as Divider,
73
+ f as Dropdown,
74
+ I as DropdownButton,
75
+ k as Filter,
76
+ no as Footer,
77
+ O as ImageUpload,
78
+ V as Input,
79
+ Fo as List,
80
+ q as Loading,
81
+ uo as Logo,
82
+ H as Modal,
83
+ K as MultiSelectDropdown,
84
+ To as Navigation,
85
+ so as NavigationGroup,
86
+ So as NavigationOption,
87
+ ho as NavigationSeparator,
88
+ m as NumberInput,
89
+ W as PhoneNumberInput,
90
+ Y as PieChart,
91
+ _ as ProgressBar,
92
+ oo as Radio,
93
+ eo as RadioCard,
94
+ po as RadioCardGroup,
95
+ xo as RadioGroup,
96
+ ao as Range,
97
+ a as Select,
98
+ vo as Sidebar,
99
+ No as Slider,
100
+ wo as Switch,
101
+ Ao as Table,
102
+ Lo as Tabs,
103
+ Uo as Tag,
104
+ jo as TagSelect,
105
+ Eo as TextArea,
106
+ tr as ThemeContext,
107
+ fr as ThemeProvider,
108
+ Jo as TimePicker,
109
+ Qo as Toast,
110
+ Xo as Tooltip,
111
+ zo as Trigger,
112
+ $o as TruncateText,
113
+ Zo as Typography,
114
+ rr as VirtualizedTable,
111
115
  e as cn,
112
- rr as useTheme,
113
- mr as useToggle
116
+ mr as useTheme,
117
+ ir as useToggle
114
118
  };
package/dist/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@konstructio/ui",
3
3
  "description": "A set of reusable and customizable React components built for konstruct.io",
4
4
  "private": false,
5
- "version": "0.1.2-alpha.43",
5
+ "version": "0.1.2-alpha.46",
6
6
  "type": "module",
7
7
  "license": "MIT",
8
8
  "main": "dist/index.js",
@@ -67,7 +67,7 @@
67
67
  "@radix-ui/react-visually-hidden": "^1.2.4",
68
68
  "@react-input/mask": "^2.0.4",
69
69
  "@tanstack/react-table": "^8.21.3",
70
- "@tanstack/react-virtual": "^3.13.17",
70
+ "@tanstack/react-virtual": "^3.13.18",
71
71
  "chart.js": "^4.5.1",
72
72
  "class-variance-authority": "^0.7.1",
73
73
  "clsx": "^2.1.1",
@@ -131,8 +131,8 @@
131
131
  "@types/google-libphonenumber": "^7.4.30",
132
132
  "@types/jest-axe": "^3.5.9",
133
133
  "@types/js-cookie": "^3.0.6",
134
- "@types/lodash": "^4.17.21",
135
- "@types/react": "^19.2.7",
134
+ "@types/lodash": "^4.17.23",
135
+ "@types/react": "^19.2.8",
136
136
  "@types/react-dom": "^19.2.3",
137
137
  "@typescript-eslint/eslint-plugin": "^8.52.0",
138
138
  "@typescript-eslint/parser": "^8.52.0",