@catalystsoftware/ui 1.0.5 → 1.0.7

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
package/data/index.ts DELETED
@@ -1,34 +0,0 @@
1
- // Auto-generated index file
2
- // DO NOT EDIT MANUALLY
3
- export * from './bg-data';
4
- export * from './buttons-data';
5
- export * from './charts-data';
6
- export * from './chat-data';
7
- export * from './code-data';
8
- export * from './comboboxes-data';
9
- export * from './command-data';
10
- export * from './core-data';
11
- export * from './crm-data';
12
- export * from './date-and-time-data';
13
- export * from './dependencies';
14
- export * from './ecommerce-data';
15
- export * from './forms-data';
16
- export * from './hooks-data';
17
- export * from './inputs-data';
18
- export * from './interactive-data';
19
- export * from './lofi-data';
20
- export * from './marketing-data';
21
- export * from './media-data';
22
- export * from './motion-data';
23
- export * from './overlay-data';
24
- export * from './pdf-data';
25
- export * from './pos-data';
26
- export * from './primitive-data';
27
- export * from './prompt-data';
28
- export * from './sidebars-data';
29
- export * from './stacks-data';
30
- export * from './table-data';
31
- export * from './tools-data';
32
- export * from './typography-data';
33
- export * from './utils-data';
34
- export * from './x-data';
@@ -1,557 +0,0 @@
1
- export const inputs = [
2
- {
3
- name: "dynamic-todo",
4
- value: "dynamic-todo",
5
- url: "",
6
- description: "",
7
- features: [],
8
- category: 'Blocks',
9
- tags: ["blocks"],
10
- desc: null,
11
- files: {
12
- "dynamic-todo": "/components/catalyst-ui/blocks/dynamic-todo/dynamic-todo.tsx",
13
- "docs": "/components/catalyst-ui/blocks/dynamic-todo/docs.md",
14
- }
15
- },
16
- {
17
- name: "Phone Icon Number Input",
18
- value: "phone-icon-number-input",
19
- path: "/components/catalyst-ui/inputs/phone-icon-number-input.tsx",
20
- files: {
21
- "phone-icon-number-input": "/components/catalyst-ui/inputs/phone-icon-number-input.tsx",
22
- },
23
- premium: true,
24
- category: "Inputs",
25
- tags: ["phone", "icon", "input"],
26
- features: ["Responsive", "TypeScript", "Phone Validation"],
27
- dependencies: ["react", "lucide-react"],
28
- desc: "Phone number input with phone icon",
29
- status: "Listed",
30
- lastUpdated: "2024-12-30"
31
- },
32
- {
33
- name: "Action Searchbar",
34
- value: "action-searchbar",
35
- path: "/components/catalyst-ui/inputs/action-searchbar.tsx",
36
- files: {
37
- "action-searchbar": "/components/catalyst-ui/inputs/action-searchbar.tsx",
38
- },
39
- premium: true,
40
- category: "Inputs",
41
- tags: ["search", "input", "actions", "ui"],
42
- features: ["Responsive", "TypeScript", "Accessible"],
43
- dependencies: ["react"],
44
- desc: "A searchbar component with integrated action buttons",
45
- status: "Listed",
46
- lastUpdated: "2025-12-01"
47
- },
48
- {
49
- name: "Cvc Code Input",
50
- value: "cvc-code-input",
51
- path: "/components/catalyst-ui/inputs/cvc-code-input.tsx",
52
- files: {
53
- "cvc-code-input": "/components/catalyst-ui/inputs/cvc-code-input.tsx",
54
- },
55
- premium: true,
56
- category: "Inputs",
57
- tags: ["input", "cvc", "credit-card", "payment"],
58
- features: ["Responsive", "TypeScript", "Accessible"],
59
- dependencies: ["react"],
60
- desc: "A CVC code input field for credit card forms",
61
- status: "Listed",
62
- lastUpdated: "2025-12-01"
63
- },
64
- {
65
- name: "Email Address Input",
66
- value: "email-address-input",
67
- path: "/components/catalyst-ui/inputs/email-address-input.tsx",
68
- files: {
69
- "email-address-input": "/components/catalyst-ui/inputs/email-address-input.tsx",
70
- },
71
- premium: true,
72
- category: "Inputs",
73
- tags: ["input", "email", "form", "validation"],
74
- features: ["Responsive", "TypeScript", "Accessible"],
75
- dependencies: ["react"],
76
- desc: "An email address input field with validation",
77
- status: "Listed",
78
- lastUpdated: "2025-12-01"
79
- },
80
- {
81
- name: "Number Input With Chevrons",
82
- value: "number-input-with-chevrons",
83
- path: "/components/catalyst-ui/inputs/number-input-with-chevrons.tsx",
84
- files: {
85
- "number-input-with-chevrons": "/components/catalyst-ui/inputs/number-input-with-chevrons.tsx",
86
- },
87
- premium: true,
88
- category: "Inputs",
89
- tags: ["number", "input", "chevrons"],
90
- features: ["Responsive", "TypeScript", "Increment/Decrement"],
91
- dependencies: ["react", "lucide-react"],
92
- desc: "Number input with chevron controls for increment/decrement",
93
- status: "Listed",
94
- lastUpdated: "2024-12-30"
95
- },
96
- {
97
- name: "Number Input With Plus Minus Buttons",
98
- value: "number-input-with-plus-minus-buttons",
99
- path: "/components/catalyst-ui/inputs/number-input-with-plus-minus-buttons.tsx",
100
- files: {
101
- "number-input-with-plus-minus-buttons": "/components/catalyst-ui/inputs/number-input-with-plus-minus-buttons.tsx",
102
- },
103
- premium: true,
104
- category: "Inputs",
105
- tags: ["number", "input", "buttons"],
106
- features: ["Responsive", "TypeScript", "Increment/Decrement"],
107
- dependencies: ["react"],
108
- desc: "Number input with plus/minus buttons for value control",
109
- status: "Listed",
110
- lastUpdated: "2024-12-30"
111
- },
112
- {
113
- name: "Placeholders And Vanish Input",
114
- value: "placeholders-and-vanish-input",
115
- path: "/components/catalyst-ui/inputs/placeholders-and-vanish-input.tsx",
116
- files: {
117
- "placeholders-and-vanish-input": "/components/catalyst-ui/inputs/placeholders-and-vanish-input.tsx",
118
- },
119
- premium: true,
120
- category: "Inputs",
121
- tags: ["placeholder", "vanish", "input"],
122
- features: ["Responsive", "TypeScript", "Animated"],
123
- dependencies: ["react"],
124
- desc: "Input field with animated placeholders that vanish",
125
- status: "Listed",
126
- lastUpdated: "2024-12-30"
127
- },
128
- {
129
- name: "Search Input With Kbd",
130
- value: "search-input-with-kbd",
131
- path: "/components/catalyst-ui/inputs/search-input-with-kbd.tsx",
132
- files: {
133
- "search-input-with-kbd": "/components/catalyst-ui/inputs/search-input-with-kbd.tsx",
134
- },
135
- premium: true,
136
- category: "Inputs",
137
- tags: ["search", "input", "keyboard"],
138
- features: ["Responsive", "TypeScript", "Keyboard Shortcuts"],
139
- dependencies: ["react"],
140
- desc: "Search input with keyboard shortcut display",
141
- status: "Listed",
142
- lastUpdated: "2024-12-30"
143
- },
144
- {
145
- name: "Search Input With Icon And Button",
146
- value: "search-input-with-icon-and-button",
147
- path: "/components/catalyst-ui/inputs/search-input-with-icon-and-button.tsx",
148
- files: {
149
- "search-input-with-icon-and-button": "/components/catalyst-ui/inputs/search-input-with-icon-and-button.tsx",
150
- },
151
- premium: true,
152
- category: "Inputs",
153
- tags: ["search", "input", "icon"],
154
- features: ["Responsive", "TypeScript", "Accessible"],
155
- dependencies: ["react", "lucide-react"],
156
- desc: "Search input with icon and search button",
157
- status: "Listed",
158
- lastUpdated: "2024-12-30"
159
- },
160
- {
161
- name: "Search Input With Loader",
162
- value: "search-input-with-loader",
163
- path: "/components/catalyst-ui/inputs/search-input-with-loader.tsx",
164
- files: {
165
- "search-input-with-loader": "/components/catalyst-ui/inputs/search-input-with-loader.tsx",
166
- },
167
- premium: true,
168
- category: "Inputs",
169
- tags: ["search", "input", "loading"],
170
- features: ["Responsive", "TypeScript", "Loading State"],
171
- dependencies: ["react"],
172
- desc: "Search input with loading indicator",
173
- status: "Listed",
174
- lastUpdated: "2024-12-30"
175
- },
176
- {
177
- name: "Time Input",
178
- value: "time-input",
179
- path: "/components/catalyst-ui/inputs/time-input.tsx",
180
- files: {
181
- "time-input": "/components/catalyst-ui/inputs/time-input.tsx",
182
- },
183
- premium: true,
184
- category: "Inputs",
185
- tags: ["time", "input", "clock"],
186
- features: ["Responsive", "TypeScript", "Time Validation"],
187
- dependencies: ["react"],
188
- desc: "Input component for time selection",
189
- status: "Listed",
190
- lastUpdated: "2024-12-30"
191
- },
192
- {
193
- name: "Time Input With End Icon",
194
- value: "time-input-with-end-icon",
195
- path: "/components/catalyst-ui/inputs/time-input-with-end-icon.tsx",
196
- files: {
197
- "time-input-with-end-icon": "/components/catalyst-ui/inputs/time-input-with-end-icon.tsx",
198
- },
199
- premium: true,
200
- category: "Inputs",
201
- tags: ["time", "input", "icon"],
202
- features: ["Responsive", "TypeScript", "Time Validation"],
203
- dependencies: ["react", "lucide-react"],
204
- desc: "Time input field with icon at the end",
205
- status: "Listed",
206
- lastUpdated: "2024-12-30"
207
- },
208
- {
209
- name: "Time Input With Start Icon",
210
- value: "time-input-with-start-icon",
211
- path: "/components/catalyst-ui/inputs/time-input-with-start-icon.tsx",
212
- files: {
213
- "time-input-with-start-icon": "/components/catalyst-ui/inputs/time-input-with-start-icon.tsx",
214
- },
215
- premium: true,
216
- category: "Inputs",
217
- tags: ["time", "input", "icon"],
218
- features: ["Responsive", "TypeScript", "Time Validation"],
219
- dependencies: ["react", "lucide-react"],
220
- desc: "Time input field with icon at the start",
221
- status: "Listed",
222
- lastUpdated: "2024-12-30"
223
- },
224
- {
225
- name: "column-button-input-combo",
226
- value: "column-button-input-combo",
227
- url: "",
228
- description: "",
229
- features: [],
230
- category: 'Form',
231
- tags: ["blocks"],
232
- desc: null,
233
- files: {
234
- "column-button-input-combo": "/components/catalyst-ui/inputs/column-button-input-combo.tsx",
235
- }
236
- },
237
- {
238
- name: "Autocomplete Input",
239
- value: "autocomplete-input",
240
- path: "/components/catalyst-ui/inputs/autocomplete-input.tsx",
241
- files: {
242
- "autocomplete-input": "/components/catalyst-ui/inputs/autocomplete-input.tsx",
243
- },
244
- premium: true,
245
- category: "Inputs",
246
- tags: ["input", "autocomplete", "search", "form"],
247
- features: ["Responsive", "TypeScript", "Accessible"],
248
- dependencies: ["react"],
249
- desc: "An input field with autocomplete suggestions",
250
- status: "Listed",
251
- lastUpdated: "2025-12-01"
252
- },
253
- {
254
- name: "Cc Input",
255
- value: "cc-input",
256
- path: "/components/catalyst-ui/inputs/cc-input.tsx",
257
- files: {
258
- "cc-input": "/components/catalyst-ui/inputs/cc-input.tsx",
259
- },
260
- premium: true,
261
- category: "Inputs",
262
- tags: ["input", "credit-card", "payment", "form"],
263
- features: ["Responsive", "TypeScript", "Accessible"],
264
- dependencies: ["react"],
265
- desc: "A credit card number input field with formatting",
266
- status: "Listed",
267
- lastUpdated: "2025-12-01"
268
- },
269
- {
270
- name: "Input With Characters Left",
271
- value: "input-with-characters-left",
272
- path: "/components/catalyst-ui/inputs/input-with-characters-left.tsx",
273
- files: {
274
- "input-with-characters-left": "/components/catalyst-ui/inputs/input-with-characters-left.tsx",
275
- },
276
- premium: true,
277
- category: "Inputs",
278
- tags: ["input", "character", "counter"],
279
- features: ["Responsive", "TypeScript", "Character Counting"],
280
- dependencies: ["react"],
281
- desc: "Input field with character limit counter display",
282
- status: "Listed",
283
- lastUpdated: "2024-12-30"
284
- },
285
- {
286
- name: "Input With End Add On",
287
- value: "input-with-end-add-on",
288
- path: "/components/catalyst-ui/inputs/input-with-end-add-on.tsx",
289
- files: {
290
- "input-with-end-add-on": "/components/catalyst-ui/inputs/input-with-end-add-on.tsx",
291
- },
292
- premium: true,
293
- category: "Inputs",
294
- tags: ["input", "addon", "form"],
295
- features: ["Responsive", "TypeScript", "Accessible"],
296
- dependencies: ["react"],
297
- desc: "Input field with add-on element at the end",
298
- status: "Listed",
299
- lastUpdated: "2024-12-30"
300
- },
301
- {
302
- name: "Input With End Button",
303
- value: "input-with-end-button",
304
- path: "/components/catalyst-ui/inputs/input-with-end-button.tsx",
305
- files: {
306
- "input-with-end-button": "/components/catalyst-ui/inputs/input-with-end-button.tsx",
307
- },
308
- premium: true,
309
- category: "Inputs",
310
- tags: ["input", "button", "form"],
311
- features: ["Responsive", "TypeScript", "Interactive"],
312
- dependencies: ["react"],
313
- desc: "Input field with button positioned at the end",
314
- status: "Listed",
315
- lastUpdated: "2024-12-30"
316
- },
317
- {
318
- name: "Input With End Icon Button",
319
- value: "input-with-end-icon-button",
320
- path: "/components/catalyst-ui/inputs/input-with-end-icon-button.tsx",
321
- files: {
322
- "input-with-end-icon-button": "/components/catalyst-ui/inputs/input-with-end-icon-button.tsx",
323
- },
324
- premium: true,
325
- category: "Inputs",
326
- tags: ["input", "icon", "button"],
327
- features: ["Responsive", "TypeScript", "Interactive"],
328
- dependencies: ["react", "lucide-react"],
329
- desc: "Input field with icon button at the end",
330
- status: "Listed",
331
- lastUpdated: "2024-12-30"
332
- },
333
- {
334
- name: "Input With End Inline Add On",
335
- value: "input-with-end-inline-add-on",
336
- path: "/components/catalyst-ui/inputs/input-with-end-inline-add-on.tsx",
337
- files: {
338
- "input-with-end-inline-add-on": "/components/catalyst-ui/inputs/input-with-end-inline-add-on.tsx",
339
- },
340
- premium: true,
341
- category: "Inputs",
342
- tags: ["input", "inline", "addon"],
343
- features: ["Responsive", "TypeScript", "Accessible"],
344
- dependencies: ["react"],
345
- desc: "Input field with inline add-on at the end",
346
- status: "Listed",
347
- lastUpdated: "2024-12-30"
348
- },
349
- {
350
- name: "Input With End Inline Button",
351
- value: "input-with-end-inline-button",
352
- path: "/components/catalyst-ui/inputs/input-with-end-inline-button.tsx",
353
- files: {
354
- "input-with-end-inline-button": "/components/catalyst-ui/inputs/input-with-end-inline-button.tsx",
355
- },
356
- premium: true,
357
- category: "Inputs",
358
- tags: ["input", "inline", "button"],
359
- features: ["Responsive", "TypeScript", "Interactive"],
360
- dependencies: ["react"],
361
- desc: "Input field with inline button at the end",
362
- status: "Listed",
363
- lastUpdated: "2024-12-30"
364
- },
365
- {
366
- name: "Input With End Select",
367
- value: "input-with-end-select",
368
- path: "/components/catalyst-ui/inputs/input-with-end-select.tsx",
369
- files: {
370
- "input-with-end-select": "/components/catalyst-ui/inputs/input-with-end-select.tsx",
371
- },
372
- premium: true,
373
- category: "Inputs",
374
- tags: ["input", "select", "form"],
375
- features: ["Responsive", "TypeScript", "Accessible"],
376
- dependencies: ["react"],
377
- desc: "Input field with select dropdown at the end",
378
- status: "Listed",
379
- lastUpdated: "2024-12-30"
380
- },
381
- {
382
- name: "Input With Inline Add Ons",
383
- value: "input-with-inline-add-ons",
384
- path: "/components/catalyst-ui/inputs/input-with-inline-add-ons.tsx",
385
- files: {
386
- "input-with-inline-add-ons": "/components/catalyst-ui/inputs/input-with-inline-add-ons.tsx",
387
- },
388
- premium: true,
389
- category: "Inputs",
390
- tags: ["input", "inline", "addon"],
391
- features: ["Responsive", "TypeScript", "Accessible"],
392
- dependencies: ["react"],
393
- desc: "Input field with multiple inline add-ons",
394
- status: "Listed",
395
- lastUpdated: "2024-12-30"
396
- },
397
- {
398
- name: "Input With Inline Start And End Add On",
399
- value: "input-with-inline-start-and-end-add-on",
400
- path: "/components/catalyst-ui/inputs/input-with-inline-start-and-end-add-on.tsx",
401
- files: {
402
- "input-with-inline-start-and-end-add-on": "/components/catalyst-ui/inputs/input-with-inline-start-and-end-add-on.tsx",
403
- },
404
- premium: true,
405
- category: "Inputs",
406
- tags: ["input", "inline", "addon"],
407
- features: ["Responsive", "TypeScript", "Accessible"],
408
- dependencies: ["react"],
409
- desc: "Input field with add-ons at both start and end positions",
410
- status: "Listed",
411
- lastUpdated: "2024-12-30"
412
- },
413
- {
414
- name: "Input With Inner Tags",
415
- value: "input-with-inner-tags",
416
- path: "/components/catalyst-ui/inputs/input-with-inner-tags.tsx",
417
- files: {
418
- "input-with-inner-tags": "/components/catalyst-ui/inputs/input-with-inner-tags.tsx",
419
- },
420
- premium: true,
421
- category: "Inputs",
422
- tags: ["input", "tags", "chips"],
423
- features: ["Responsive", "TypeScript", "Interactive"],
424
- dependencies: ["react"],
425
- desc: "Input field with tags displayed inside the input area",
426
- status: "Listed",
427
- lastUpdated: "2024-12-30"
428
- },
429
- {
430
- name: "Input With Inset Label",
431
- value: "input-with-inset-label",
432
- path: "/components/catalyst-ui/inputs/input-with-inset-label.tsx",
433
- files: {
434
- "input-with-inset-label": "/components/catalyst-ui/inputs/input-with-inset-label.tsx",
435
- },
436
- premium: true,
437
- category: "Inputs",
438
- tags: ["input", "label", "form"],
439
- features: ["Responsive", "TypeScript", "Accessible"],
440
- dependencies: ["react"],
441
- desc: "Input field with label positioned inside the border",
442
- status: "Listed",
443
- lastUpdated: "2024-12-30"
444
- },
445
- {
446
- name: "Input With Mask",
447
- value: "input-with-mask",
448
- path: "/components/catalyst-ui/inputs/input-with-mask.tsx",
449
- files: {
450
- "input-with-mask": "/components/catalyst-ui/inputs/input-with-mask.tsx",
451
- },
452
- premium: true,
453
- category: "Inputs",
454
- tags: ["input", "mask", "validation"],
455
- features: ["Responsive", "TypeScript", "Input Masking"],
456
- dependencies: ["react"],
457
- desc: "Input field with mask for formatted input like phone numbers",
458
- status: "Listed",
459
- lastUpdated: "2024-12-30"
460
- },
461
- {
462
- name: "Input With Password Strength Indicator",
463
- value: "input-with-password-strength-indicator",
464
- path: "/components/catalyst-ui/inputs/input-with-password-strength-indicator.tsx",
465
- files: {
466
- "input-with-password-strength-indicator": "/components/catalyst-ui/inputs/input-with-password-strength-indicator.tsx",
467
- },
468
- premium: true,
469
- category: "Inputs",
470
- tags: ["input", "password", "security"],
471
- features: ["Responsive", "TypeScript", "Password Validation"],
472
- dependencies: ["react"],
473
- desc: "Password input field with strength indicator",
474
- status: "Listed",
475
- lastUpdated: "2024-12-30"
476
- },
477
- {
478
- name: "Input With Start Add On",
479
- value: "input-with-start-add-on",
480
- path: "/components/catalyst-ui/inputs/input-with-start-add-on.tsx",
481
- files: {
482
- "input-with-start-add-on": "/components/catalyst-ui/inputs/input-with-start-add-on.tsx",
483
- },
484
- premium: true,
485
- category: "Inputs",
486
- tags: ["input", "addon", "form"],
487
- features: ["Responsive", "TypeScript", "Accessible"],
488
- dependencies: ["react"],
489
- desc: "Input field with add-on element at the start",
490
- status: "Listed",
491
- lastUpdated: "2024-12-30"
492
- },
493
- {
494
- name: "Input With Start Inline Add On",
495
- value: "input-with-start-inline-add-on",
496
- path: "/components/catalyst-ui/inputs/input-with-start-inline-add-on.tsx",
497
- files: {
498
- "input-with-start-inline-add-on": "/components/catalyst-ui/inputs/input-with-start-inline-add-on.tsx",
499
- },
500
- premium: true,
501
- category: "Inputs",
502
- tags: ["input", "inline", "addon"],
503
- features: ["Responsive", "TypeScript", "Accessible"],
504
- dependencies: ["react"],
505
- desc: "Input field with inline add-on at the start",
506
- status: "Listed",
507
- lastUpdated: "2024-12-30"
508
- },
509
- {
510
- name: "Input With Start Select",
511
- value: "input-with-start-select",
512
- path: "/components/catalyst-ui/inputs/input-with-start-select.tsx",
513
- files: {
514
- "input-with-start-select": "/components/catalyst-ui/inputs/input-with-start-select.tsx",
515
- },
516
- premium: true,
517
- category: "Inputs",
518
- tags: ["input", "select", "form"],
519
- features: ["Responsive", "TypeScript", "Accessible"],
520
- dependencies: ["react"],
521
- desc: "Input field with select dropdown at the start",
522
- status: "Listed",
523
- lastUpdated: "2024-12-30"
524
- },
525
- {
526
- name: "Input With Tags",
527
- value: "input-with-tags",
528
- path: "/components/catalyst-ui/inputs/input-with-tags.tsx",
529
- files: {
530
- "input-with-tags": "/components/catalyst-ui/inputs/input-with-tags.tsx",
531
- },
532
- premium: true,
533
- category: "Inputs",
534
- tags: ["input", "tags", "chips"],
535
- features: ["Responsive", "TypeScript", "Interactive"],
536
- dependencies: ["react"],
537
- desc: "Input field for adding and managing tags",
538
- status: "Listed",
539
- lastUpdated: "2024-12-30"
540
- },
541
- {
542
- name: "motions-input",
543
- value: "motions-input",
544
- path: "/components/catalyst-ui/inputs/inputs-input.tsx",
545
- files: {
546
- "input": "/components/catalyst-ui/inputs/motions-input.tsx",
547
- },
548
- premium: true,
549
- category: "Inputs",
550
- tags: ["input", "form", "text"],
551
- features: ["Responsive", "TypeScript", "Accessible"],
552
- dependencies: ["react"],
553
- desc: "Base input component with standard styling and functionality",
554
- status: "Listed",
555
- lastUpdated: "2024-12-30"
556
- },
557
- ];