@cystackapp/ui 1.5.0 → 2.0.1

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 (170) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +77 -47
  3. package/dist/assets/background-pattern-grid.svg.js +7 -0
  4. package/dist/assets/empty-cloud.svg.js +5 -0
  5. package/dist/components/accordion/Accordion.d.ts +20 -0
  6. package/dist/components/accordion/Accordion.js +36 -0
  7. package/dist/components/accordion/AccordionTestStory.d.ts +3 -0
  8. package/dist/components/alert/Alert.d.ts +15 -0
  9. package/dist/components/alert/Alert.js +54 -0
  10. package/dist/components/avatar/Avatar.d.ts +13 -0
  11. package/dist/components/avatar/Avatar.js +64 -0
  12. package/dist/components/background-pattern/BackgroundPatternGrid.d.ts +1 -0
  13. package/dist/components/background-pattern/BackgroundPatternGrid.js +6 -0
  14. package/dist/components/badge/Badge.d.ts +1 -1
  15. package/dist/components/badge/BadgeTestStory.d.ts +1 -1
  16. package/dist/components/badge/variants/BadgeMore.d.ts +1 -1
  17. package/dist/components/badge/variants/BadgeMoreTestStory.d.ts +1 -1
  18. package/dist/components/badge/variants/BadgeTag.d.ts +1 -1
  19. package/dist/components/banner/Banner.d.ts +9 -0
  20. package/dist/components/banner/Banner.js +21 -0
  21. package/dist/components/breadcrumb/Breadcrumb.d.ts +13 -0
  22. package/dist/components/breadcrumb/Breadcrumb.js +36 -0
  23. package/dist/components/button/ButtonLoader.d.ts +1 -1
  24. package/dist/components/button/ButtonTestStory.d.ts +5 -5
  25. package/dist/components/card/Card.d.ts +1 -1
  26. package/dist/components/card/Card.stories-ct.d.ts +1 -1
  27. package/dist/components/card/CardBody.d.ts +1 -1
  28. package/dist/components/card/CardHeader.d.ts +1 -1
  29. package/dist/components/chart/chart-legend/ChartLegend.d.ts +38 -0
  30. package/dist/components/chart/chart-legend/ChartLegend.js +57 -0
  31. package/dist/components/chart/chart-legend/ChartLegendItem.d.ts +19 -0
  32. package/dist/components/chart/chart-legend/ChartLegendItem.js +30 -0
  33. package/dist/components/chart/chart-legend/types.d.ts +49 -0
  34. package/dist/components/chart/donut-chart/DonutChart.d.ts +55 -0
  35. package/dist/components/chart/donut-chart/DonutChart.js +110 -0
  36. package/dist/components/chart/donut-chart/DonutSegments.d.ts +25 -0
  37. package/dist/components/chart/donut-chart/DonutSegments.js +51 -0
  38. package/dist/components/chart/donut-chart/donut-tooltip.d.ts +20 -0
  39. package/dist/components/chart/donut-chart/donut-tooltip.js +37 -0
  40. package/dist/components/chart/types.d.ts +8 -0
  41. package/dist/components/checkbox/CheckboxTestStory.d.ts +7 -7
  42. package/dist/components/collapsible/Collapsible.d.ts +1 -1
  43. package/dist/components/combobox/Combobox.d.ts +1 -1
  44. package/dist/components/divider/Divider.d.ts +9 -0
  45. package/dist/components/divider/Divider.js +28 -0
  46. package/dist/components/drawer/Drawer.d.ts +8 -0
  47. package/dist/components/drawer/Drawer.js +68 -0
  48. package/dist/components/dropdown/Dropdown.d.ts +45 -0
  49. package/dist/components/dropdown/Dropdown.js +133 -0
  50. package/dist/components/dropdown/DropdownMenu.d.ts +20 -0
  51. package/dist/components/dropdown/DropdownMenu.js +78 -0
  52. package/dist/components/dropdown/DropdownMenuItem.d.ts +13 -0
  53. package/dist/components/dropdown/DropdownMenuItem.js +49 -0
  54. package/dist/components/dropdown/DropdownTestStory.d.ts +5 -0
  55. package/dist/components/dropdown/dropdown-utils.d.ts +4 -0
  56. package/dist/components/dropdown/dropdown-utils.js +14 -0
  57. package/dist/components/dropdown/types.d.ts +48 -0
  58. package/dist/components/dropdown/use-dropdown-keyboard.d.ts +12 -0
  59. package/dist/components/dropdown/use-dropdown-keyboard.js +49 -0
  60. package/dist/components/empty-state/EmptyState.d.ts +26 -0
  61. package/dist/components/empty-state/EmptyState.js +36 -0
  62. package/dist/components/error-state/ErrorState.d.ts +1 -1
  63. package/dist/components/featured-icon/FeaturedIcon.d.ts +12 -0
  64. package/dist/components/featured-icon/FeaturedIcon.js +44 -0
  65. package/dist/components/form-field/FormField.d.ts +13 -0
  66. package/dist/components/form-field/FormField.js +21 -0
  67. package/dist/components/keyboard-shortcut-label/KeyboardShortcutLabel.d.ts +8 -0
  68. package/dist/components/keyboard-shortcut-label/KeyboardShortcutLabel.js +18 -0
  69. package/dist/components/loading-state/Loader.d.ts +20 -0
  70. package/dist/components/loading-state/Loader.js +38 -0
  71. package/dist/components/loading-state/LoadingState.d.ts +15 -0
  72. package/dist/components/loading-state/LoadingState.js +47 -0
  73. package/dist/components/loading-state/locale/en.json.d.ts +6 -0
  74. package/dist/components/loading-state/locale/en.json.js +7 -0
  75. package/dist/components/loading-state/locale/vi.json.d.ts +6 -0
  76. package/dist/components/loading-state/locale/vi.json.js +7 -0
  77. package/dist/components/media/Media.d.ts +7 -0
  78. package/dist/components/media/Media.js +25 -0
  79. package/dist/components/modal/helpers/HeaderIcon.d.ts +1 -1
  80. package/dist/components/modal/helpers/Title.d.ts +1 -1
  81. package/dist/components/notification/NotificationBanner.d.ts +9 -0
  82. package/dist/components/notification/NotificationBanner.js +97 -0
  83. package/dist/components/notification/icons.d.ts +5 -0
  84. package/dist/components/notification/icons.js +29 -0
  85. package/dist/components/notification/index.d.ts +4 -0
  86. package/dist/components/notification/index.js +26 -0
  87. package/dist/components/notification/locale/en.json.d.ts +8 -0
  88. package/dist/components/notification/locale/en.json.js +7 -0
  89. package/dist/components/notification/locale/vi.json.d.ts +8 -0
  90. package/dist/components/notification/locale/vi.json.js +7 -0
  91. package/dist/components/operating-system-icon/OperatingSystemIcon.d.ts +6 -0
  92. package/dist/components/operating-system-icon/OperatingSystemIcon.js +19 -0
  93. package/dist/components/operating-system-icon/assets/logo-android.svg.js +5 -0
  94. package/dist/components/operating-system-icon/assets/logo-apple.svg.js +5 -0
  95. package/dist/components/operating-system-icon/assets/logo-ubuntu.svg.js +5 -0
  96. package/dist/components/operating-system-icon/assets/logo-windows-10.svg.js +5 -0
  97. package/dist/components/page-title/PageTitle.d.ts +1 -1
  98. package/dist/components/popover/Popover.d.ts +1 -1
  99. package/dist/components/progress-bar/ProgressBar.d.ts +9 -0
  100. package/dist/components/progress-bar/ProgressBar.js +31 -0
  101. package/dist/components/radio/Radio.d.ts +4 -0
  102. package/dist/components/radio/Radio.js +55 -0
  103. package/dist/components/searchbox/Searchbox.d.ts +7 -0
  104. package/dist/components/searchbox/Searchbox.js +15 -0
  105. package/dist/components/select/Select.d.ts +11 -0
  106. package/dist/components/select/Select.js +44 -0
  107. package/dist/components/sidebar/SidebarSecondMenu.d.ts +38 -0
  108. package/dist/components/sidebar/SidebarSecondMenu.js +50 -0
  109. package/dist/components/skeleton/Skeleton.d.ts +14 -0
  110. package/dist/components/skeleton/Skeleton.js +12 -0
  111. package/dist/components/stat-banner-card/StatBannerCard.d.ts +24 -0
  112. package/dist/components/stat-banner-card/StatBannerCard.js +49 -0
  113. package/dist/components/switch/Switch.d.ts +1 -1
  114. package/dist/components/table/Table.d.ts +32 -0
  115. package/dist/components/table/Table.js +128 -0
  116. package/dist/components/table/TableActionButton.d.ts +15 -0
  117. package/dist/components/table/TableActionButton.js +50 -0
  118. package/dist/components/table/TableCell.d.ts +8 -0
  119. package/dist/components/table/TableCell.js +26 -0
  120. package/dist/components/table/TableHeader.d.ts +15 -0
  121. package/dist/components/table/TableHeader.js +36 -0
  122. package/dist/components/table/TableHeaderCell.d.ts +10 -0
  123. package/dist/components/table/TableHeaderCell.js +35 -0
  124. package/dist/components/table/TablePagination.d.ts +6 -0
  125. package/dist/components/table/TablePagination.js +69 -0
  126. package/dist/components/table/TableRow.d.ts +12 -0
  127. package/dist/components/table/TableRow.js +9 -0
  128. package/dist/components/table/expandable/ExpandableTable.d.ts +30 -0
  129. package/dist/components/table/expandable/ExpandableTable.js +156 -0
  130. package/dist/components/table/hooks/use-fit-page-height.d.ts +14 -0
  131. package/dist/components/table/hooks/use-fit-page-height.js +21 -0
  132. package/dist/components/table/hooks/use-row-selection.d.ts +27 -0
  133. package/dist/components/table/hooks/use-row-selection.js +35 -0
  134. package/dist/components/table/locale/en.json.d.ts +13 -0
  135. package/dist/components/table/locale/en.json.js +21 -0
  136. package/dist/components/table/locale/vi.json.d.ts +13 -0
  137. package/dist/components/table/locale/vi.json.js +21 -0
  138. package/dist/components/table/table-utils.d.ts +10 -0
  139. package/dist/components/table/table-utils.js +10 -0
  140. package/dist/components/table/types.d.ts +84 -0
  141. package/dist/components/tabs/Tabs.d.ts +27 -0
  142. package/dist/components/tabs/Tabs.js +75 -0
  143. package/dist/components/tabs/TabsTestStory.d.ts +4 -0
  144. package/dist/components/tags-input/TagsInput.d.ts +18 -0
  145. package/dist/components/tags-input/TagsInput.js +78 -0
  146. package/dist/components/tags-input/TagsInputTestStory.d.ts +3 -0
  147. package/dist/components/textarea/Textarea.d.ts +7 -0
  148. package/dist/components/textarea/Textarea.js +36 -0
  149. package/dist/components/toast/ToastSlice.d.ts +1 -1
  150. package/dist/components/toast/index.d.ts +1 -1
  151. package/dist/components/tooltip/Tooltip.d.ts +1 -1
  152. package/dist/filters/FilterDropdown.d.ts +9 -0
  153. package/dist/filters/FilterDropdown.js +57 -0
  154. package/dist/filters/types.d.ts +11 -0
  155. package/dist/filters/url-params.d.ts +5 -0
  156. package/dist/filters/url-params.js +20 -0
  157. package/dist/filters/use-filters.d.ts +13 -0
  158. package/dist/filters/use-filters.js +63 -0
  159. package/dist/hooks/use-countdown.d.ts +4 -0
  160. package/dist/hooks/use-countdown.js +18 -0
  161. package/dist/i18n/resources.js +23 -0
  162. package/dist/index.d.ts +56 -0
  163. package/dist/index.js +126 -40
  164. package/dist/node_modules/tailwind-merge/dist/bundle-mjs.js +421 -350
  165. package/dist/utils/key-typeguard.d.ts +5 -0
  166. package/dist/utils/key-typeguard.js +6 -0
  167. package/dist/utils/use-debounce.d.ts +1 -0
  168. package/dist/utils/use-debounce.js +11 -0
  169. package/package.json +32 -10
  170. package/theme.css +4 -1
package/dist/index.js CHANGED
@@ -1,63 +1,149 @@
1
1
  import { Button as e } from "./components/button/Button.js";
2
- import { Badge as m } from "./components/badge/Badge.js";
2
+ import { Badge as p } from "./components/badge/Badge.js";
3
3
  import { BadgeTag as x, TAG_ICON_COLOR_CLASSES as f, getBadgeAutoColor as a } from "./components/badge/variants/BadgeTag.js";
4
4
  import { BadgeMore as i } from "./components/badge/variants/BadgeMore.js";
5
- import { useResizeObserver as l } from "./hooks/element-shift/use-resize-observer.js";
6
- import { useScrollListener as u } from "./hooks/element-shift/use-scroll-listener.js";
5
+ import { useResizeObserver as s } from "./hooks/element-shift/use-resize-observer.js";
6
+ import { useScrollListener as c } from "./hooks/element-shift/use-scroll-listener.js";
7
7
  import { useWindowResizeListener as b } from "./hooks/element-shift/use-window-resize-listener.js";
8
- import { useMutationObserver as c } from "./hooks/element-shift/use-mutation-observer.js";
9
- import { useTransitionEndListener as S } from "./hooks/element-shift/use-transition-end-listener.js";
10
- import { useAnimationFrame as O } from "./hooks/element-shift/use-animation-frame.js";
11
- import { useElementShift as L } from "./hooks/element-shift/use-element-shift.js";
12
- import { Combobox as A } from "./components/combobox/Combobox.js";
13
- import { useValidatedCombobox as h } from "./components/combobox/use-validated-combobox.js";
14
- import { ErrorState as P } from "./components/error-state/ErrorState.js";
15
- import { PageTitle as _ } from "./components/page-title/PageTitle.js";
16
- import { Popover as w } from "./components/popover/Popover.js";
17
- import { usePopoverCoord as F } from "./components/popover/use-popover-coord.js";
18
- import { Checkbox as H } from "./components/checkbox/Checkbox.js";
19
- import { Switch as V } from "./components/switch/Switch.js";
20
- import { Tooltip as j } from "./components/tooltip/Tooltip.js";
21
- import { Collapsible as y } from "./components/collapsible/Collapsible.js";
22
- import { Card as J } from "./components/card/Card.js";
8
+ import { useMutationObserver as S } from "./hooks/element-shift/use-mutation-observer.js";
9
+ import { useTransitionEndListener as g } from "./hooks/element-shift/use-transition-end-listener.js";
10
+ import { useAnimationFrame as L } from "./hooks/element-shift/use-animation-frame.js";
11
+ import { useElementShift as v } from "./hooks/element-shift/use-element-shift.js";
12
+ import { Combobox as M } from "./components/combobox/Combobox.js";
13
+ import { useValidatedCombobox as w } from "./components/combobox/use-validated-combobox.js";
14
+ import { ErrorState as E } from "./components/error-state/ErrorState.js";
15
+ import { PageTitle as I } from "./components/page-title/PageTitle.js";
16
+ import { Popover as k } from "./components/popover/Popover.js";
17
+ import { usePopoverCoord as y } from "./components/popover/use-popover-coord.js";
18
+ import { Checkbox as _ } from "./components/checkbox/Checkbox.js";
19
+ import { Switch as G } from "./components/switch/Switch.js";
20
+ import { Tooltip as K } from "./components/tooltip/Tooltip.js";
21
+ import { Collapsible as W } from "./components/collapsible/Collapsible.js";
22
+ import { Card as q } from "./components/card/Card.js";
23
23
  import { Input as Q } from "./components/input/Input.js";
24
24
  import { Toaster as X, createToast as Y } from "./components/toast/index.js";
25
25
  import { Modal as $ } from "./components/modal/Modal.js";
26
26
  import { ModalHeaderIcon as ro } from "./components/modal/helpers/HeaderIcon.js";
27
27
  import { ModalTitle as to } from "./components/modal/helpers/Title.js";
28
- import { useClickOutsideModal as po } from "./components/modal/use-click-outside-modal.js";
29
- import { cn as fo } from "./utils/cn.js";
28
+ import { useClickOutsideModal as mo } from "./components/modal/use-click-outside-modal.js";
29
+ import { Accordion as fo } from "./components/accordion/Accordion.js";
30
+ import { BackgroundPatternGrid as no } from "./components/background-pattern/BackgroundPatternGrid.js";
31
+ import { Breadcrumb as so } from "./components/breadcrumb/Breadcrumb.js";
32
+ import { Dropdown as co } from "./components/dropdown/Dropdown.js";
33
+ import { Select as bo } from "./components/select/Select.js";
34
+ import { FormField as So } from "./components/form-field/FormField.js";
35
+ import { FilterDropdown as go } from "./filters/FilterDropdown.js";
36
+ import { useFilters as Lo } from "./filters/use-filters.js";
37
+ import { csvCodec as vo, numberCodec as Ao, searchCodec as Mo, stringCodec as Oo } from "./filters/url-params.js";
38
+ import { Searchbox as Do } from "./components/searchbox/Searchbox.js";
39
+ import { OperatingSystemIcon as Fo } from "./components/operating-system-icon/OperatingSystemIcon.js";
40
+ import { EmptyState as Po } from "./components/empty-state/EmptyState.js";
41
+ import { Loader as Ro } from "./components/loading-state/Loader.js";
42
+ import { LoadingState as No } from "./components/loading-state/LoadingState.js";
43
+ import { Table as zo } from "./components/table/Table.js";
44
+ import { TableActionButton as Ho } from "./components/table/TableActionButton.js";
45
+ import { ExpandableTable as Vo } from "./components/table/expandable/ExpandableTable.js";
46
+ import { Media as jo } from "./components/media/Media.js";
47
+ import { NotificationBox as Jo, createNotification as Qo } from "./components/notification/index.js";
48
+ import { DonutChart as Xo } from "./components/chart/donut-chart/DonutChart.js";
49
+ import { ChartLegend as Zo } from "./components/chart/chart-legend/ChartLegend.js";
50
+ import { Drawer as or } from "./components/drawer/Drawer.js";
51
+ import { Radio as er } from "./components/radio/Radio.js";
52
+ import { Textarea as pr } from "./components/textarea/Textarea.js";
53
+ import { Tabs as xr } from "./components/tabs/Tabs.js";
54
+ import { Avatar as ar } from "./components/avatar/Avatar.js";
55
+ import { SidebarSecondMenu as ir } from "./components/sidebar/SidebarSecondMenu.js";
56
+ import { StatBannerCard as sr } from "./components/stat-banner-card/StatBannerCard.js";
57
+ import { Alert as cr } from "./components/alert/Alert.js";
58
+ import { Banner as br } from "./components/banner/Banner.js";
59
+ import { FeaturedIcon as Sr } from "./components/featured-icon/FeaturedIcon.js";
60
+ import { Skeleton as gr } from "./components/skeleton/Skeleton.js";
61
+ import { ProgressBar as Lr } from "./components/progress-bar/ProgressBar.js";
62
+ import { Divider as vr } from "./components/divider/Divider.js";
63
+ import { TagsInput as Mr } from "./components/tags-input/TagsInput.js";
64
+ import { KeyboardShortcutLabel as wr } from "./components/keyboard-shortcut-label/KeyboardShortcutLabel.js";
65
+ import { useCountdown as Er } from "./hooks/use-countdown.js";
66
+ import { useDebounce as Ir } from "./utils/use-debounce.js";
67
+ import { useToastList as kr } from "./components/toast/use-toast-list.js";
68
+ import { resources as yr } from "./i18n/resources.js";
69
+ import { cn as _r } from "./utils/cn.js";
70
+ import { Observable as Gr } from "./utils/observable.js";
30
71
  export {
31
- m as Badge,
72
+ fo as Accordion,
73
+ cr as Alert,
74
+ ar as Avatar,
75
+ no as BackgroundPatternGrid,
76
+ p as Badge,
32
77
  i as BadgeMore,
33
78
  x as BadgeTag,
79
+ br as Banner,
80
+ so as Breadcrumb,
34
81
  e as Button,
35
- J as Card,
36
- H as Checkbox,
37
- y as Collapsible,
38
- A as Combobox,
39
- P as ErrorState,
82
+ q as Card,
83
+ Zo as ChartLegend,
84
+ _ as Checkbox,
85
+ W as Collapsible,
86
+ M as Combobox,
87
+ vr as Divider,
88
+ Xo as DonutChart,
89
+ or as Drawer,
90
+ co as Dropdown,
91
+ Po as EmptyState,
92
+ E as ErrorState,
93
+ Vo as ExpandableTable,
94
+ Sr as FeaturedIcon,
95
+ go as FilterDropdown,
96
+ So as FormField,
40
97
  Q as Input,
98
+ wr as KeyboardShortcutLabel,
99
+ Ro as Loader,
100
+ No as LoadingState,
101
+ jo as Media,
41
102
  $ as Modal,
42
103
  ro as ModalHeaderIcon,
43
104
  to as ModalTitle,
44
- _ as PageTitle,
45
- w as Popover,
46
- V as Switch,
105
+ Jo as NotificationBox,
106
+ Gr as Observable,
107
+ Fo as OperatingSystemIcon,
108
+ I as PageTitle,
109
+ k as Popover,
110
+ Lr as ProgressBar,
111
+ er as Radio,
112
+ Do as Searchbox,
113
+ bo as Select,
114
+ ir as SidebarSecondMenu,
115
+ gr as Skeleton,
116
+ sr as StatBannerCard,
117
+ G as Switch,
47
118
  f as TAG_ICON_COLOR_CLASSES,
119
+ zo as Table,
120
+ Ho as TableActionButton,
121
+ xr as Tabs,
122
+ Mr as TagsInput,
123
+ pr as Textarea,
48
124
  X as Toaster,
49
- j as Tooltip,
50
- fo as cn,
125
+ K as Tooltip,
126
+ _r as cn,
127
+ Qo as createNotification,
51
128
  Y as createToast,
129
+ vo as csvCodec,
52
130
  a as getBadgeAutoColor,
53
- O as useAnimationFrame,
54
- po as useClickOutsideModal,
55
- L as useElementShift,
56
- c as useMutationObserver,
57
- F as usePopoverCoord,
58
- l as useResizeObserver,
59
- u as useScrollListener,
60
- S as useTransitionEndListener,
61
- h as useValidatedCombobox,
131
+ Ao as numberCodec,
132
+ yr as resources,
133
+ Mo as searchCodec,
134
+ Oo as stringCodec,
135
+ L as useAnimationFrame,
136
+ mo as useClickOutsideModal,
137
+ Er as useCountdown,
138
+ Ir as useDebounce,
139
+ v as useElementShift,
140
+ Lo as useFilters,
141
+ S as useMutationObserver,
142
+ y as usePopoverCoord,
143
+ s as useResizeObserver,
144
+ c as useScrollListener,
145
+ kr as useToastList,
146
+ g as useTransitionEndListener,
147
+ w as useValidatedCombobox,
62
148
  b as useWindowResizeListener
63
149
  };