@catalystsoftware/ui 1.0.5 → 1.0.6

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 (155) hide show
  1. package/dist/data/data.tsx +29 -29
  2. package/dist/data/tailwind.config.js +3821 -261
  3. package/dist/data.tsx +29 -29
  4. package/package.json +4 -3
  5. package/components/catalyst-ui/buttons/burger.tsx +0 -207
  6. package/components/catalyst-ui/core/data-display/timeline.tsx +0 -210
  7. package/components/catalyst-ui/core/feedback/alert.tsx +0 -491
  8. package/components/catalyst-ui/core/feedback/spinner-1.tsx +0 -65
  9. package/components/catalyst-ui/core/feedback/toast.tsx +0 -1857
  10. package/components/catalyst-ui/core/navigation/menu.tsx +0 -164
  11. package/components/catalyst-ui/forms/toggle-class.tsx +0 -176
  12. package/components/catalyst-ui/hooks/use-copy-to-clipboard.tsx +0 -419
  13. package/components/catalyst-ui/hooks/use-counter.tsx +0 -13
  14. package/components/catalyst-ui/hooks/use-event-listener.tsx +0 -23
  15. package/components/catalyst-ui/hooks/use-export-markdown.tsx +0 -47
  16. package/components/catalyst-ui/hooks/use-focus.tsx +0 -17
  17. package/components/catalyst-ui/hooks/use-interval.tsx +0 -23
  18. package/components/catalyst-ui/hooks/use-is-client.tsx +0 -16
  19. package/components/catalyst-ui/hooks/use-media-query.tsx +0 -19
  20. package/components/catalyst-ui/hooks/use-mobile.tsx +0 -19
  21. package/components/catalyst-ui/hooks/use-resize-observer.tsx +0 -81
  22. package/components/catalyst-ui/hooks/use-timeout.tsx +0 -21
  23. package/components/catalyst-ui/hooks/use-timer.tsx +0 -209
  24. package/components/catalyst-ui/hooks/use-toggle.tsx +0 -12
  25. package/components/catalyst-ui/media/image.tsx +0 -13
  26. package/components/catalyst-ui/overlays/dual-sidebar.tsx +0 -4142
  27. package/components/catalyst-ui/overlays/sidebar-original.tsx +0 -726
  28. package/components/catalyst-ui/primitives/accordion.tsx +0 -250
  29. package/components/catalyst-ui/primitives/alert-dialog.tsx +0 -126
  30. package/components/catalyst-ui/primitives/aspect-ratio.tsx +0 -9
  31. package/components/catalyst-ui/primitives/avatar.tsx +0 -296
  32. package/components/catalyst-ui/primitives/badge.tsx +0 -57
  33. package/components/catalyst-ui/primitives/breadcrumb.tsx +0 -101
  34. package/components/catalyst-ui/primitives/button.tsx +0 -265
  35. package/components/catalyst-ui/primitives/calendar-v4.tsx +0 -208
  36. package/components/catalyst-ui/primitives/calendar.tsx +0 -295
  37. package/components/catalyst-ui/primitives/card.tsx +0 -618
  38. package/components/catalyst-ui/primitives/carousel.tsx +0 -238
  39. package/components/catalyst-ui/primitives/chart.tsx +0 -347
  40. package/components/catalyst-ui/primitives/checkbox.tsx +0 -225
  41. package/components/catalyst-ui/primitives/collapsible.tsx +0 -212
  42. package/components/catalyst-ui/primitives/command.tsx +0 -393
  43. package/components/catalyst-ui/primitives/context-menu.tsx +0 -236
  44. package/components/catalyst-ui/primitives/dialog.tsx +0 -471
  45. package/components/catalyst-ui/primitives/drawer.tsx +0 -761
  46. package/components/catalyst-ui/primitives/dropdown-menu.tsx +0 -290
  47. package/components/catalyst-ui/primitives/empty.tsx +0 -104
  48. package/components/catalyst-ui/primitives/field.tsx +0 -244
  49. package/components/catalyst-ui/primitives/hover-card.tsx +0 -124
  50. package/components/catalyst-ui/primitives/input-otp.tsx +0 -76
  51. package/components/catalyst-ui/primitives/input.tsx +0 -64
  52. package/components/catalyst-ui/primitives/item.tsx +0 -196
  53. package/components/catalyst-ui/primitives/kbd.tsx +0 -75
  54. package/components/catalyst-ui/primitives/label.tsx +0 -24
  55. package/components/catalyst-ui/primitives/navigation-menu.tsx +0 -150
  56. package/components/catalyst-ui/primitives/pagination.tsx +0 -198
  57. package/components/catalyst-ui/primitives/popover.tsx +0 -232
  58. package/components/catalyst-ui/primitives/progress.tsx +0 -34
  59. package/components/catalyst-ui/primitives/radio-group.tsx +0 -43
  60. package/components/catalyst-ui/primitives/resizable.tsx +0 -56
  61. package/components/catalyst-ui/primitives/select.tsx +0 -155
  62. package/components/catalyst-ui/primitives/separator.tsx +0 -74
  63. package/components/catalyst-ui/primitives/sheet.tsx +0 -126
  64. package/components/catalyst-ui/primitives/skeleton.tsx +0 -15
  65. package/components/catalyst-ui/primitives/slider.tsx +0 -27
  66. package/components/catalyst-ui/primitives/switch.tsx +0 -187
  67. package/components/catalyst-ui/primitives/tabs.tsx +0 -335
  68. package/components/catalyst-ui/primitives/textarea.tsx +0 -24
  69. package/components/catalyst-ui/primitives/toggle-group.tsx +0 -55
  70. package/components/catalyst-ui/primitives/toggle.tsx +0 -42
  71. package/components/catalyst-ui/primitives/tooltip.tsx +0 -116
  72. package/components/catalyst-ui/utils/basic-auth.tsx +0 -40
  73. package/components/catalyst-ui/utils/context-storage.tsx +0 -19
  74. package/components/catalyst-ui/utils/cors-middleware.tsx +0 -71
  75. package/components/catalyst-ui/utils/deferred-content.tsx +0 -595
  76. package/components/catalyst-ui/utils/honeypot-middleware.tsx +0 -38
  77. package/components/catalyst-ui/utils/incId.tsx +0 -75
  78. package/components/catalyst-ui/utils/jwk-auth.tsx +0 -36
  79. package/components/catalyst-ui/utils/request-id.tsx +0 -14
  80. package/components/catalyst-ui/utils/secure-headers.tsx +0 -37
  81. package/components/catalyst-ui/utils/server-timing.tsx +0 -23
  82. package/components/catalyst-ui/utils/utils.ts +0 -43
  83. package/components/catalyst-ui/utils/with-cookie.tsx +0 -43
  84. package/components/catalyst-ui/x/accordian-x.tsx +0 -428
  85. package/components/catalyst-ui/x/alert-x.tsx +0 -413
  86. package/components/catalyst-ui/x/animated-text-x.tsx +0 -2242
  87. package/components/catalyst-ui/x/avatar-x.tsx +0 -515
  88. package/components/catalyst-ui/x/badge-x.tsx +0 -670
  89. package/components/catalyst-ui/x/button-X.tsx +0 -2857
  90. package/components/catalyst-ui/x/button-group-x.tsx +0 -847
  91. package/components/catalyst-ui/x/calendar-x.tsx +0 -1910
  92. package/components/catalyst-ui/x/card-x.tsx +0 -2597
  93. package/components/catalyst-ui/x/checkbox-x.tsx +0 -656
  94. package/components/catalyst-ui/x/collapsible-x.tsx +0 -1360
  95. package/components/catalyst-ui/x/combobox-x.tsx +0 -911
  96. package/components/catalyst-ui/x/data-table-x.tsx +0 -1753
  97. package/components/catalyst-ui/x/date-picker-x.tsx +0 -648
  98. package/components/catalyst-ui/x/dialog-x.tsx +0 -659
  99. package/components/catalyst-ui/x/dropdown-menu-x.tsx +0 -612
  100. package/components/catalyst-ui/x/hover-card-x.tsx +0 -375
  101. package/components/catalyst-ui/x/icon-x.tsx +0 -840
  102. package/components/catalyst-ui/x/input-mask-x.tsx +0 -981
  103. package/components/catalyst-ui/x/input-otp-x.tsx +0 -659
  104. package/components/catalyst-ui/x/loader-x.tsx +0 -1757
  105. package/components/catalyst-ui/x/pagination-x.tsx +0 -622
  106. package/components/catalyst-ui/x/popover-x.tsx +0 -744
  107. package/components/catalyst-ui/x/radio-group-x.tsx +0 -499
  108. package/components/catalyst-ui/x/select-x.tsx +0 -1127
  109. package/components/catalyst-ui/x/sheet-x.tsx +0 -668
  110. package/components/catalyst-ui/x/switch-x.tsx +0 -681
  111. package/components/catalyst-ui/x/table-x.tsx +0 -574
  112. package/components/catalyst-ui/x/tabs-x.tsx +0 -839
  113. package/components/catalyst-ui/x/textarea-x.tsx +0 -1263
  114. package/components/catalyst-ui/x/tooltip-x.tsx +0 -396
  115. package/components/catalyst-ui/x/tracker-x.tsx +0 -560
  116. package/data/bg-data.tsx +0 -901
  117. package/data/buttons-data.tsx +0 -2327
  118. package/data/charts-data.tsx +0 -102
  119. package/data/chat-data.tsx +0 -83
  120. package/data/code-data.tsx +0 -1040
  121. package/data/comboboxes-data.tsx +0 -1843
  122. package/data/command-data.tsx +0 -1381
  123. package/data/core-data.tsx +0 -15953
  124. package/data/crm-data.tsx +0 -47
  125. package/data/data.tsx +0 -159
  126. package/data/date-and-time-data.tsx +0 -554
  127. package/data/dependencies.tsx +0 -7
  128. package/data/ecommerce-data.tsx +0 -1387
  129. package/data/forms-data.tsx +0 -7890
  130. package/data/hooks-data.tsx +0 -5487
  131. package/data/index.ts +0 -34
  132. package/data/inputs-data.tsx +0 -557
  133. package/data/interactive-data.tsx +0 -5394
  134. package/data/lofi-data.tsx +0 -18295
  135. package/data/marketing-data.tsx +0 -2546
  136. package/data/media-data.tsx +0 -1510
  137. package/data/motion-data.tsx +0 -5801
  138. package/data/overlay-data.tsx +0 -4136
  139. package/data/pdf-data.tsx +0 -124
  140. package/data/pos-data.tsx +0 -213
  141. package/data/postcss.config.js +0 -6
  142. package/data/primitive-data.tsx +0 -5170
  143. package/data/prompt-data.tsx +0 -1226
  144. package/data/requiredLibs.ts +0 -4
  145. package/data/sandbox-data.tsx +0 -1
  146. package/data/sidebars-data.tsx +0 -5421
  147. package/data/stacks-data.tsx +0 -32
  148. package/data/table-data.tsx +0 -706
  149. package/data/tailwind.config.js +0 -270
  150. package/data/tailwind.config.ngin.js +0 -3830
  151. package/data/tailwind.css +0 -431
  152. package/data/tools-data.tsx +0 -6910
  153. package/data/typography-data.tsx +0 -2050
  154. package/data/utils-data.tsx +0 -6500
  155. package/data/x-data.tsx +0 -1171
@@ -1,554 +0,0 @@
1
- //
2
- //
3
- //
4
- // @dev app/components/catalyst-ui/date-and-time/calendar-rac.tsx:6
5
- // @dev app/components/catalyst-ui/date-and-time/DatePicker.tsx:6
6
- // @dev app/components/catalyst-ui/date-and-time/event-calendar.tsx:6
7
- export const componentsTimeData = [
8
- {
9
- name: "Date Picker Input",
10
- value: "date-picker-input",
11
- importPath: "~/components/catalyst-ui",
12
- multiImport: "DatePickerInput",
13
- path: "/components/catalyst-ui/date-and-time/date-picker-input.tsx",
14
- source: null,
15
- usagePath: "/components/catalyst-ui/date-and-time/date-picker-input.tsx",
16
- basicusage: `
17
- <DatePickerInput />`,
18
- usage: `
19
- <DatePickerInput />`,
20
- premium: true,
21
- category: "Date and Time",
22
- tags: ["ui", "components", "date", "picker", "input", "react-aria", "accessible"],
23
- features: ["Accessible", "Keyboard Navigation", "Single Date Selection", "React Aria", "Calendar Popover"],
24
- dependencies: ["react", "react-aria-components", "lucide-react", "~/components/catalyst-ui"],
25
- props: {
26
- "DatePickerInput": [
27
- { name: "className", type: "string", default: "null" }
28
- ]
29
- },
30
- desc: "An accessible single date picker with input field built using React Aria components.",
31
- status: "Listed",
32
- lastUpdated: "2024-12-15T11:30:00Z"
33
- },
34
- {
35
- name: "Date Range Picker Input",
36
- value: "date-range-picker-input",
37
- importPath: "~/components/catalyst-ui",
38
- multiImport: "DateRangePickerInput",
39
- path: "/components/catalyst-ui/date-and-time/date-range-picker-input.tsx",
40
- source: null,
41
- usagePath: "/components/catalyst-ui/date-and-time/date-range-picker-input.tsx",
42
- basicusage: `
43
- <DateRangePickerInput />`,
44
- usage: `
45
- <DateRangePickerInput />`,
46
- premium: true,
47
- category: "Date and Time",
48
- tags: ["ui", "components", "date", "range", "picker", "input", "react-aria", "accessible"],
49
- features: ["Accessible", "Keyboard Navigation", "Date Input Fields", "React Aria", "Range Calendar"],
50
- dependencies: ["react", "react-aria-components", "lucide-react", "~/components/catalyst-ui"],
51
- props: {
52
- "DateRangePickerInput": [
53
- { name: "className", type: "string", default: "null" }
54
- ]
55
- },
56
- desc: "An accessible date range picker with input fields built using React Aria components.",
57
- status: "Listed",
58
- lastUpdated: "2024-12-15T11:15:00Z"
59
- },
60
- {
61
- name: "Date Range Picker",
62
- value: "date-range-picker",
63
- importPath: "~/components/catalyst-ui",
64
- multiImport: "DateRangePicker",
65
- path: "/components/catalyst-ui/date-and-time/date-range-picker.tsx",
66
- source: null,
67
- usagePath: "/components/catalyst-ui/date-and-time/date-range-picker.tsx",
68
- basicusage: `
69
- <DateRangePicker />`,
70
- usage: `
71
- <DateRangePicker />`,
72
- premium: true,
73
- category: "Date and Time",
74
- tags: ["ui", "components", "date", "range", "picker", "calendar", "form"],
75
- features: ["Date Range Selection", "Calendar Integration", "Accessible", "Custom Formatting", "React DayPicker"],
76
- dependencies: ["react", "date-fns", "react-day-picker", "lucide-react", "~/components/catalyst-ui"],
77
- props: {
78
- "DateRangePicker": [
79
- { name: "className", type: "string", default: "null" }
80
- ]
81
- },
82
- desc: "A date range picker component with calendar integration and accessible design.",
83
- status: "Listed",
84
- lastUpdated: "2024-12-15T11:00:00Z"
85
- },
86
- {
87
- name: "calendar-for-sidebar",
88
- value: "calendar-for-sidebar",
89
- importPath: "~/components/catalyst-ui/date-and-time/calendar-for-sidebar",
90
- multiImport: null,
91
- basicusage: null,
92
- path: "/components/catalyst-ui/date-and-time/calendar-for-sidebar.tsx",
93
- source: null,
94
- usagePath: "/components/catalyst-ui/date-and-time/calendar-for-sidebar.tsx",
95
- usage: null,
96
- premium: true,
97
- category: "Date and Time",
98
- tags: ["date-and-time", "calendar", "schedule", "events", "dates", "planner"],
99
- features: ["Responsive", "TypeScript", "Accessible", "Multi-locale", "Month Navigation", "Year Selection", "Event Display", "Custom Start Day"],
100
- dependencies: ["react", "date-fns", "jotai", "lucide-react"],
101
- props: {},
102
- desc: null,
103
- status: null,
104
- lastUpdated: null
105
- },
106
- {
107
- name: "Drawer Date Picker",
108
- value: "drawerDatePicker",
109
- importPath: "~/components/catalyst-ui/date-and-time/drawerDatePicker",
110
- multiImport: null,
111
- basicusage: null,
112
- path: "/components/catalyst-ui/date-and-time/drawerDatePicker.tsx",
113
- source: null,
114
- usagePath: "/components/catalyst-ui/date-and-time/drawerDatePicker.tsx",
115
- usage: null,
116
- premium: true,
117
- category: "Date and Time",
118
- tags: ["date-and-time", "calendar", "schedule", "events", "dates", "planner"],
119
- features: ["Responsive", "TypeScript", "Accessible", "Multi-locale", "Month Navigation", "Year Selection", "Event Display", "Custom Start Day"],
120
- dependencies: ["react", "date-fns", "jotai", "lucide-react"],
121
- props: {},
122
- desc: null,
123
- status: null,
124
- lastUpdated: null
125
- },
126
- {
127
- name: "Calendar2",
128
- value: "calendar2",
129
- importPath: "~/components/catalyst-ui/date-and-time/calendar-2",
130
- multiImport: "CalendarProvider, CalendarDate, CalendarDatePicker, CalendarMonthPicker, CalendarYearPicker, CalendarDatePagination, CalendarHeader, CalendarBody, CalendarItem, useCalendarMonth, useCalendarYear, monthsForLocale, daysForLocale",
131
- basicusage: null,
132
- path: "/components/catalyst-ui/date-and-time/calendar-2.tsx",
133
- source: null,
134
- usagePath: "/components/catalyst-ui/date-and-time/calendar-2.tsx",
135
- usage: null,
136
- premium: true,
137
- category: "Date and Time",
138
- tags: ["date-and-time", "calendar", "schedule", "events", "dates", "planner"],
139
- features: ["Responsive", "TypeScript", "Accessible", "Multi-locale", "Month Navigation", "Year Selection", "Event Display", "Custom Start Day"],
140
- dependencies: ["react", "date-fns", "jotai", "lucide-react"],
141
- props: {
142
- "CalendarProvider": [
143
- { name: "locale", type: "Intl.LocalesArgument", default: "en-US" },
144
- { name: "startDay", type: "number", default: "0" },
145
- { name: "className", type: "string", default: "null" },
146
- { name: "children", type: "ReactNode", default: "null" },
147
- ],
148
- "CalendarDate": [
149
- { name: "children", type: "ReactNode", default: "null" },
150
- ],
151
- "CalendarDatePicker": [
152
- { name: "className", type: "string", default: "null" },
153
- { name: "children", type: "ReactNode", default: "null" },
154
- ],
155
- "CalendarMonthPicker": [
156
- { name: "className", type: "string", default: "null" },
157
- ],
158
- "CalendarYearPicker": [
159
- { name: "className", type: "string", default: "null" },
160
- { name: "start", type: "number", default: "null" },
161
- { name: "end", type: "number", default: "null" },
162
- ],
163
- "CalendarDatePagination": [
164
- { name: "className", type: "string", default: "null" },
165
- ],
166
- "CalendarHeader": [
167
- { name: "className", type: "string", default: "null" },
168
- ],
169
- "CalendarBody": [
170
- { name: "features", type: "Feature[]", default: "null" },
171
- { name: "children", type: "(props: { feature: Feature }) => ReactNode", default: "null" },
172
- ],
173
- "CalendarItem": [
174
- { name: "feature", type: "Feature", default: "null" },
175
- { name: "className", type: "string", default: "null" },
176
- ],
177
- },
178
- desc: null,
179
- status: null,
180
- lastUpdated: null
181
- },
182
- {
183
- name: "Relative Time",
184
- value: "relative-time",
185
- importPath: "~/components/catalyst-ui/date-and-time/relative-time",
186
- multiImport: "RelativeTime, RelativeTimeZone, RelativeTimeZoneDisplay, RelativeTimeZoneDate, RelativeTimeZoneLabel",
187
- basicusage: null,
188
- path: "/components/catalyst-ui/date-and-time/relative-time.tsx",
189
- source: null,
190
- usagePath: "/components/catalyst-ui/date-and-time/relative-time.tsx",
191
- usage: null,
192
- premium: true,
193
- category: "Date and Time",
194
- tags: ["time", "timezone", "clock", "relative", "international"],
195
- features: ["Auto-updating", "Timezone Support", "Custom Formatting", "Internationalization"],
196
- dependencies: ["@radix-ui/react-use-controllable-state", "react"],
197
- props: {
198
- "RelativeTime": [
199
- { name: "time", type: "Date", default: "null" },
200
- { name: "defaultTime", type: "Date", default: "new Date()" },
201
- { name: "onTimeChange", type: "(time: Date) => void", default: "null" },
202
- { name: "dateFormatOptions", type: "Intl.DateTimeFormatOptions", default: "null" },
203
- { name: "timeFormatOptions", type: "Intl.DateTimeFormatOptions", default: "null" },
204
- { name: "className", type: "string", default: "null" }
205
- ],
206
- "RelativeTimeZone": [
207
- { name: "zone", type: "string", default: "null" },
208
- { name: "className", type: "string", default: "null" }
209
- ],
210
- "RelativeTimeZoneDisplay": [
211
- { name: "className", type: "string", default: "null" }
212
- ],
213
- "RelativeTimeZoneDate": [
214
- { name: "className", type: "string", default: "null" }
215
- ],
216
- "RelativeTimeZoneLabel": [
217
- { name: "className", type: "string", default: "null" }
218
- ]
219
- },
220
- desc: null,
221
- status: null,
222
- lastUpdated: null
223
- },
224
- {
225
- name: "Mini Calendar",
226
- value: "mini-calendar",
227
- importPath: "~/components/catalyst-ui/date-and-time/mini-calendar",
228
- multiImport: "MiniCalendar, MiniCalendarNavigation, MiniCalendarDays, MiniCalendarDay",
229
- basicusage: null,
230
- path: "/components/catalyst-ui/date-and-time/mini-calendar.tsx",
231
- source: null,
232
- usagePath: "/components/catalyst-ui/date-and-time/mini-calendar.tsx",
233
- usage: null,
234
- premium: true,
235
- category: "Date and Time",
236
- tags: ["calendar", "date-picker", "navigation", "compact", "interactive"],
237
- features: ["Date Selection", "Keyboard Navigation", "Today Highlight", "Controllable State"],
238
- dependencies: ["@radix-ui/react-use-controllable-state", "date-fns", "lucide-react", "@radix-ui/react-slot", "react"],
239
- props: {
240
- "MiniCalendar": [
241
- { name: "value", type: "Date", default: "null" },
242
- { name: "defaultValue", type: "Date", default: "null" },
243
- { name: "onValueChange", type: "(date: Date | undefined) => void", default: "null" },
244
- { name: "startDate", type: "Date", default: "null" },
245
- { name: "defaultStartDate", type: "Date", default: "new Date()" },
246
- { name: "onStartDateChange", type: "(date: Date | undefined) => void", default: "null" },
247
- { name: "days", type: "number", default: "5" },
248
- { name: "className", type: "string", default: "null" },
249
- { name: "children", type: "ReactNode", default: "null" }
250
- ],
251
- "MiniCalendarNavigation": [
252
- { name: "direction", type: "prev | next", default: "null" },
253
- { name: "asChild", type: "boolean", default: "false" },
254
- { name: "children", type: "ReactNode", default: "null" },
255
- { name: "onClick", type: "MouseEventHandler<HTMLButtonElement>", default: "null" }
256
- ],
257
- "MiniCalendarDays": [
258
- { name: "className", type: "string", default: "null" },
259
- { name: "children", type: "(date: Date) => ReactNode", default: "null" }
260
- ],
261
- "MiniCalendarDay": [
262
- { name: "date", type: "Date", default: "null" },
263
- { name: "className", type: "string", default: "null" }
264
- ]
265
- },
266
- desc: null,
267
- status: null,
268
- lastUpdated: null
269
- },
270
- {
271
- name: "Time Picker Input",
272
- value: "time-picker-input",
273
- importPath: "~/components/catalyst-ui/date-and-time/time-picker-input",
274
- multiImport: null,
275
- basicusage: `
276
- <TimePickerInput />
277
-
278
- <TimePickerInput
279
- value={{ hour: 12, minute: 30, period: 'PM' }}
280
- onChange={(value) => console.log(value)}
281
- format="12"
282
- size="md"
283
- className=""
284
- />`,
285
- path: "/components/catalyst-ui/date-and-time/time-picker-input.tsx",
286
- source: null,
287
- usagePath: "/components/catalyst-ui/date-and-time/time-picker-input.tsx",
288
- usage: null,
289
- premium: true,
290
- category: "Calendars",
291
- tags: ["ui", "components", "interactive", "time", "picker", "material-design", "input"],
292
- features: ["Responsive", "TypeScript", "Accessible", "12/24 Hour Format", "Keyboard Navigation", "Increment/Decrement Controls"],
293
- dependencies: ["lucide-react", "react", "class-variance-authority"],
294
- props: {
295
- "TimePickerInput": [
296
- { name: "className", type: "string", default: "null" },
297
- { name: "size", type: "sm | md | lg", default: "md" },
298
- { name: "value", type: "{ hour: number; minute: number; period: 'AM' | 'PM' }", default: "{ hour: 12, minute: 0, period: 'AM' }" },
299
- { name: "onChange", type: "(value: { hour: number; minute: number; period: 'AM' | 'PM' }) => void", default: "undefined" },
300
- { name: "format", type: "12 | 24", default: "12" },
301
- ],
302
- },
303
- desc: null,
304
- status: null,
305
- lastUpdated: null
306
- },
307
- {
308
- name: "Time Picker Dial",
309
- value: "time-picker-dial",
310
- importPath: "~/components/catalyst-ui/date-and-time/time-picker-dial",
311
- multiImport: null,
312
- basicusage: `
313
- <TimePickerDial />
314
-
315
- <TimePickerDial
316
- value={{ hour: 12, minute: 30, period: 'PM' }}
317
- onChange={(value) => console.log(value)}
318
- format="12"
319
- size="md"
320
- className=""
321
- />`,
322
- path: "/components/catalyst-ui/date-and-time/time-picker-dial.tsx",
323
- source: null,
324
- usagePath: "/components/catalyst-ui/date-and-time/time-picker-dial.tsx",
325
- usage: null,
326
- premium: true,
327
- category: "Calendars",
328
- tags: ["ui", "components", "interactive", "time", "picker", "material-design"],
329
- features: ["Responsive", "TypeScript", "Accessible", "12/24 Hour Format", "Interactive Dial"],
330
- dependencies: ["lucide-react", "react", "class-variance-authority"],
331
- props: {
332
- "TimePickerDial": [
333
- { name: "className", type: "string", default: "null" },
334
- { name: "size", type: "sm | md | lg", default: "md" },
335
- { name: "value", type: "{ hour: number; minute: number; period: 'AM' | 'PM' }", default: "{ hour: 12, minute: 0, period: 'AM' }" },
336
- { name: "onChange", type: "(value: { hour: number; minute: number; period: 'AM' | 'PM' }) => void", default: "undefined" },
337
- { name: "format", type: "12 | 24", default: "12" },
338
- ],
339
- },
340
- desc: null,
341
- status: null,
342
- lastUpdated: null
343
- },
344
- {
345
- name: "Time Picker",
346
- value: "time-picker",
347
- importPath: "~/components/catalyst-ui/date-and-time/time-picker",
348
- multiImport: null,
349
- basicusage: null,
350
- path: "/components/catalyst-ui/date-and-time/time-picker.tsx",
351
- source: null,
352
- usagePath: "/components/catalyst-ui/date-and-time/time-picker.tsx",
353
- usage: null,
354
- premium: true,
355
- category: "Date and Time",
356
- tags: ["ui", "components", "interactive", "time", "picker"],
357
- features: ["Responsive", "TypeScript", "Accessible", "12/24 Hour Format"],
358
- dependencies: ["lucide-react"],
359
- props: {
360
- "TimePicker": [
361
- { name: "value", type: "TimeValue | null", default: "null", required: false },
362
- { name: "defaultValue", type: "TimeValue | null", default: "null", required: false },
363
- { name: "onChange", type: "(value: TimeValue | null, timeString: string) => void", default: "null", required: false },
364
- { name: "format", type: "string", default: "HH:mm:ss", required: false },
365
- { name: "size", type: "sm | md | lg", default: "md", required: false },
366
- { name: "disabled", type: "boolean", default: "false", required: false },
367
- { name: "placeholder", type: "string", default: "Select time", required: false },
368
- { name: "use12Hours", type: "boolean", default: "false", required: false },
369
- { name: "showSecond", type: "boolean", default: "true", required: false },
370
- { name: "hourStep", type: "number", default: "1", required: false },
371
- { name: "minuteStep", type: "number", default: "1", required: false },
372
- { name: "secondStep", type: "number", default: "1", required: false },
373
- { name: "className", type: "string", default: "null", required: false },
374
- { name: "popupClassName", type: "string", default: "null", required: false },
375
- ],
376
- "RangePicker": [
377
- { name: "value", type: "[TimeValue | null, TimeValue | null]", default: "[null, null]", required: false },
378
- { name: "defaultValue", type: "[TimeValue | null, TimeValue | null]", default: "[null, null]", required: false },
379
- { name: "onChange", type: "(value: [TimeValue | null, TimeValue | null], timeStrings: [string, string]) => void", default: "null", required: false },
380
- { name: "format", type: "string", default: "HH:mm:ss", required: false },
381
- { name: "size", type: "sm | md | lg", default: "md", required: false },
382
- { name: "placeholder", type: "string | [string, string]", default: "[\"Start time\", \"End time\"]", required: false },
383
- { name: "use12Hours", type: "boolean", default: "false", required: false },
384
- { name: "showSecond", type: "boolean", default: "true", required: false },
385
- { name: "hourStep", type: "number", default: "1", required: false },
386
- { name: "minuteStep", type: "number", default: "1", required: false },
387
- { name: "secondStep", type: "number", default: "1", required: false },
388
- { name: "className", type: "string", default: "null", required: false },
389
- { name: "popupClassName", type: "string", default: "null", required: false },
390
- { name: "disabled", type: "boolean", default: "false", required: false },
391
- ],
392
- },
393
- desc: null,
394
- status: null,
395
- lastUpdated: null
396
- },
397
- {
398
- name: "Popover Date Input",
399
- value: "popover-date-input",
400
- importPath: "~/components/catalyst-ui/date-and-time/popover-date-input",
401
- multiImport: null,
402
- basicusage: `
403
- <PopoverDateInput
404
- selected={date}
405
- onSelect={setDate}
406
- />
407
-
408
- <PopoverDateInput
409
- label="Select Date"
410
- selected={date}
411
- onSelect={setDate}
412
- placeholder="MM/DD/YYYY"
413
- size="default"
414
- variant="default"
415
- error=""
416
- disabled={false}
417
- className=""
418
- />`,
419
- path: "/components/catalyst-ui/date-and-time/popover-date-input.tsx",
420
- source: null,
421
- usagePath: "/components/catalyst-ui/date-and-time/popover-date-input.tsx",
422
- usage: null,
423
- premium: true,
424
- category: "Date and Time",
425
- tags: ["ui", "components", "date", "input", "popover", "calendar", "form"],
426
- features: ["Responsive", "TypeScript", "Accessible", "Validation"],
427
- dependencies: ["lucide-react", "react", "class-variance-authority"],
428
- props: {
429
- "PopoverDateInput": [
430
- { name: "className", type: "string", default: "null" },
431
- { name: "size", type: "default | sm | lg", default: "default" },
432
- { name: "variant", type: "default | error", default: "default" },
433
- { name: "selected", type: "Date", default: "null" },
434
- { name: "onSelect", type: "(date: Date | undefined) => void", default: "null" },
435
- { name: "placeholder", type: "string", default: "MM/DD/YYYY" },
436
- { name: "label", type: "string", default: "null" },
437
- { name: "error", type: "string", default: "null" },
438
- { name: "disabled", type: "boolean", default: "false" },
439
- ],
440
- },
441
- desc: null,
442
- status: null,
443
- lastUpdated: null
444
- },
445
- {
446
- name: "Modal Date Input",
447
- value: "modal-date-input",
448
- importPath: "~/components/catalyst-ui/date-and-time/modal-date-input",
449
- multiImport: null,
450
- basicusage: `
451
- <ModalDateInput
452
- selected={date}
453
- onSelect={setDate}
454
- />
455
-
456
- <ModalDateInput
457
- label="Select Date"
458
- selected={date}
459
- onSelect={setDate}
460
- placeholder="MM/DD/YYYY"
461
- size="default"
462
- variant="default"
463
- error=""
464
- disabled={false}
465
- className=""
466
- />`,
467
- path: "/components/catalyst-ui/date-and-time/modal-date-input.tsx",
468
- source: null,
469
- usagePath: "/components/catalyst-ui/date-and-time/modal-date-input.tsx",
470
- usage: null,
471
- premium: true,
472
- category: "Date and Time",
473
- tags: ["ui", "components", "date", "input", "modal", "calendar", "form"],
474
- features: ["Responsive", "TypeScript", "Accessible", "Validation"],
475
- dependencies: ["lucide-react", "react", "class-variance-authority"],
476
- props: {
477
- "ModalDateInput": [
478
- { name: "className", type: "string", default: "null" },
479
- { name: "size", type: "default | sm | lg", default: "default" },
480
- { name: "variant", type: "default | error", default: "default" },
481
- { name: "selected", type: "Date", default: "null" },
482
- { name: "onSelect", type: "(date: Date | undefined) => void", default: "null" },
483
- { name: "placeholder", type: "string", default: "MM/DD/YYYY" },
484
- { name: "label", type: "string", default: "null" },
485
- { name: "error", type: "string", default: "null" },
486
- { name: "disabled", type: "boolean", default: "false" },
487
- ],
488
- },
489
- desc: null,
490
- status: null,
491
- lastUpdated: null
492
- },
493
- {
494
- name: "Docked Date Picker",
495
- value: "docked-date-picker",
496
- importPath: "~/components/catalyst-ui/date-and-time/docked-date-picker",
497
- multiImport: "DockedDatePicker, DockedDatePickerTrigger",
498
- basicusage: `
499
- <DockedDatePickerTrigger onClick={() => setOpen(true)}>
500
- Select Date
501
- </DockedDatePickerTrigger>
502
-
503
- <DockedDatePicker
504
- open={open}
505
- onClose={() => setOpen(false)}
506
- selected={selectedDate}
507
- onSelect={(date) => setSelectedDate(date)}
508
- />
509
-
510
- <DockedDatePickerTrigger onClick={() => setOpen(true)}>
511
- {selectedDate ? selectedDate.toLocaleDateString() : "Select Date"}
512
- </DockedDatePickerTrigger>
513
-
514
- <DockedDatePicker
515
- open={open}
516
- onClose={() => setOpen(false)}
517
- selected={selectedDate}
518
- onSelect={(date) => {
519
- setSelectedDate(date)
520
- setOpen(false)
521
- }}
522
- size="lg"
523
- title="Pick Your Appointment Date"
524
- className=""
525
- />`,
526
- path: "/components/catalyst-ui/date-and-time/docked-date-picker.tsx",
527
- source: null,
528
- usagePath: "/components/catalyst-ui/date-and-time/docked-date-picker.tsx",
529
- usage: null,
530
- premium: true,
531
- category: "Date and Time",
532
- tags: ["ui", "components", "date", "picker", "calendar", "docked", "mobile"],
533
- features: ["Responsive", "TypeScript", "Accessible", "Mobile-Optimized"],
534
- dependencies: ["lucide-react", "react", "class-variance-authority"],
535
- props: {
536
- "DockedDatePicker": [
537
- { name: "className", type: "string", default: "null" },
538
- { name: "size", type: "default | sm | lg", default: "default" },
539
- { name: "open", type: "boolean", default: "false" },
540
- { name: "onClose", type: "() => void", default: "null" },
541
- { name: "onSelect", type: "(date: Date | undefined) => void", default: "null" },
542
- { name: "selected", type: "Date", default: "null" },
543
- { name: "title", type: "string", default: "Select Date" },
544
- ],
545
- "DockedDatePickerTrigger": [
546
- { name: "className", type: "string", default: "null" },
547
- { name: "onClick", type: "() => void", default: "null" },
548
- ],
549
- },
550
- desc: null,
551
- status: null,
552
- lastUpdated: null
553
- },
554
- ];
@@ -1,7 +0,0 @@
1
- export const AllLibs = ["@lexical/clipboard", "@lexical/code", "@lexical/code-shiki", "@lexical/file", "@lexical/hashtag", "@lexical/link", "@lexical/list", "@lexical/mark", "@lexical/markdown", "@lexical/overflow", "@lexical/plain-text", "@lexical/react", "@lexical/rich-text", "@lexical/selection", "@lexical/table", "@lexical/utils", "@catalystsoftware/icons", "@codemirror/autocomplete", "@codemirror/commands", "@codemirror/history", "@codemirror/lang-javascript", "@codemirror/lang-markdown", "@codemirror/language", "@codemirror/state", "@codemirror/view", "@codesandbox/sandpack-react", "@dnd-kit/core", "@dnd-kit/modifiers", "@dnd-kit/sortable", "@dnd-kit/utilities", "@lezer/highlight", "@monaco-editor/react", "@number-flow/react", "@prisma/client", "@radix-ui/react-accordion", "@radix-ui/react-alert-dialog", "@radix-ui/react-aspect-ratio", "@radix-ui/react-avatar", "@radix-ui/react-checkbox", "@radix-ui/react-collapsible", "@radix-ui/react-context-menu", "@radix-ui/react-dialog", "@radix-ui/react-dropdown-menu", "@radix-ui/react-hover-card", "@radix-ui/react-icons", "@radix-ui/react-label", "@radix-ui/react-menubar", "@radix-ui/react-navigation-menu", "@radix-ui/react-popover", "@radix-ui/react-progress", "@radix-ui/react-radio-group", "@radix-ui/react-scroll-area", "@radix-ui/react-select", "@radix-ui/react-separator", "@radix-ui/react-slider", "@radix-ui/react-slot", "@radix-ui/react-switch", "@radix-ui/react-tabs", "@radix-ui/react-toggle", "@radix-ui/react-toggle-group", "@radix-ui/react-tooltip", "@radix-ui/react-use-controllable-state", "@scena/react-guides", "@shikijs/transformers", "@tanstack/match-sorter-utils", "@tanstack/react-table", "@tsparticles/engine", "@tsparticles/react", "@tsparticles/slim", "@types/d3", "@zxing/library", "embla-carousel-react", "fuse.js", "bluetooth-serial-port", "date-fns", "isbot", "little-date", "react-day-picker", "recharts", "vaul", "unified", "input-otp", "react-resizable-panels", "cmdk", "class-variance-authority", "clsx", "tailwind-merge", "lucide-react", "react-aria", "is-ip", "@oslojs/crypto", "qrcode", "codemirror", "color", "colorthief", "culori", "d3", "dotted-map", "embla-carousel", "escpos", "escpos-serialport", "escpos-usb", "framer-motion", "katex", "lexical", "lodash.groupby", "lodash.throttle", "marked", "media-chrome", "motion", "node-hid", "pdf-lib", "qrcode.react", "react-aria", "react-colorful", "react-day-picker", "react-dropzone", "react-fast-marquee", "react-icon-cloud", "react-image-crop", "react-markdown", "react-medium-image-zoom", "react-resizable-panels", "react-signature-canvas", "react-smoke", "react-svg-credit-card-payment-icons", "react-syntax-highlighter", "react-tweet", "react-use-measure", "react-webcam", "recharts", "rehype", "rehype-highlight", "rehype-slug", "rehype-stringify", "remix-auth", "remix-auth-form", "remix-auth-totp", "rough-notation", "serialport", "shiki", "simplex-noise", "sonner", "svg-dotted-map", "swr", "tunnel-rat", "use-stick-to-bottom", "y-codemirror.next", "y-webrtc", "yjs",];
2
- export const DevLibs = ["@types/color", "@types/culori", "@types/lodash.throttle", "@types/qrcode", "@types/react", "@types/react-dom", "@typescript-eslint/eslint-plugin", "@typescript-eslint/parser", "autoprefixer", "eslint", "eslint-import-resolver-typescript", "eslint-plugin-import", "eslint-plugin-jsx-", "eslint-plugin-react", "eslint-plugin-react-hooks", "postcss", "prisma", "ts-node", "tsx", "typescript", "@remix-run/dev", "tailwindcss"];
3
- export const RemixLibs = ["@remix-run/css-bundle", "@remix-run/node", "@remix-run/react", "@remix-run/serve", "@remix-run/v1-route-convention",];
4
- export const ScanLibs = ["@zxing/library"];
5
- export const PDFLibs = ["pdf-lib", "@zxing/library", "react-signature-canvas", "@scena/react-guides"];
6
- export const CashLibs = ["escpos", "escpos-usb", "escpos-serialport", "bluetooth-serial-port", "node-hid", "serialport"];
7
- export const BaseLibs = ["class-variance-authority", "clsx", "tailwind-merge", "lucide-react", "tw-animate-css"];