@eintrek/erp-theme 1.0.3 → 1.4.3

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 (98) hide show
  1. package/dist/components/data-table/data-table-cell.d.ts +35 -0
  2. package/dist/components/data-table/data-table-column-header.d.ts +3 -2
  3. package/dist/components/data-table/data-table-faceted-filter.d.ts +1 -1
  4. package/dist/components/data-table/data-table-filter-dropdown.d.ts +12 -0
  5. package/dist/components/data-table/data-table-filter-list.d.ts +1 -1
  6. package/dist/components/data-table/data-table-pagination.d.ts +15 -1
  7. package/dist/components/data-table/data-table-range-filter.d.ts +1 -1
  8. package/dist/components/data-table/data-table-slider-filter.d.ts +1 -2
  9. package/dist/components/data-table/data-table-sort-list.d.ts +1 -1
  10. package/dist/components/data-table/data-table-toolbar.d.ts +6 -1
  11. package/dist/components/data-table/data-table-types.d.ts +115 -0
  12. package/dist/components/data-table/data-table.d.ts +5 -2
  13. package/dist/components/data-table/hooks/use-callback-ref.d.ts +9 -0
  14. package/dist/{hooks → components/data-table/hooks}/use-data-table.d.ts +4 -3
  15. package/dist/components/data-table/hooks/use-debounced-callback.d.ts +4 -0
  16. package/dist/components/data-table/hooks/use-media-query.d.ts +1 -0
  17. package/dist/components/data-table/index.d.ts +17 -0
  18. package/dist/components/ui/calendar.d.ts +23 -8
  19. package/dist/components/ui/carousel.d.ts +1 -1
  20. package/dist/components/ui/command.d.ts +1 -1
  21. package/dist/components/ui/custom-select-field2.d.ts +18 -0
  22. package/dist/components/ui/date-picker-field.d.ts +13 -0
  23. package/dist/components/ui/date-picker.d.ts +19 -0
  24. package/dist/components/ui/faceted.d.ts +2 -2
  25. package/dist/components/ui/file-uploader.d.ts +33 -0
  26. package/dist/components/ui/form-skeleton.d.ts +11 -0
  27. package/dist/components/ui/input-field.d.ts +13 -0
  28. package/dist/components/ui/loading-screen.d.ts +1 -0
  29. package/dist/components/ui/page-header.d.ts +7 -0
  30. package/dist/components/ui/pagination.d.ts +1 -1
  31. package/dist/components/ui/select-field.d.ts +31 -0
  32. package/dist/components/ui/sidebar.d.ts +4 -4
  33. package/dist/components/ui/tabs.d.ts +1 -1
  34. package/dist/components/ui/textarea-field.d.ts +13 -0
  35. package/dist/components/ui/toggle-group.d.ts +1 -1
  36. package/dist/components/ui/validation-errors.d.ts +25 -0
  37. package/dist/hooks/use-debounce.d.ts +1 -0
  38. package/dist/index.css +1 -1
  39. package/dist/index.d.ts +32 -19
  40. package/dist/index.esm.css +1 -1
  41. package/dist/index.esm.js +30773 -44919
  42. package/dist/index.esm.js.map +1 -1
  43. package/dist/index.js +30837 -44920
  44. package/dist/index.js.map +1 -1
  45. package/dist/lib/baht-text.d.ts +1 -0
  46. package/dist/lib/date-utils.d.ts +71 -0
  47. package/dist/lib/file.d.ts +20 -0
  48. package/dist/lib/format.d.ts +35 -0
  49. package/package.json +38 -22
  50. package/scripts/enforce-pnpm.js +18 -0
  51. package/dist/components/data-table/data-table-action-bar.d.ts +0 -20
  52. package/dist/components/data-table/data-table-advanced-toolbar.d.ts +0 -7
  53. package/dist/components/data-table/data-table-filter-menu.d.ts +0 -11
  54. package/dist/lib/data-table.d.ts +0 -12
  55. package/dist/lib/filter-columns.d.ts +0 -8
  56. package/dist/lib/parsers.d.ts +0 -25
  57. package/dist/registry/alert.stories.d.ts +0 -34
  58. package/dist/registry/aspect-ratio.stories.d.ts +0 -24
  59. package/dist/registry/badge.stories.d.ts +0 -42
  60. package/dist/registry/breadcrumb.stories.d.ts +0 -26
  61. package/dist/registry/button.stories.d.ts +0 -82
  62. package/dist/registry/calendar.stories.d.ts +0 -43
  63. package/dist/registry/card.stories.d.ts +0 -24
  64. package/dist/registry/carousel.stories.d.ts +0 -17
  65. package/dist/registry/chart.stories.d.ts +0 -32
  66. package/dist/registry/checkbox.stories.d.ts +0 -17
  67. package/dist/registry/command.stories.d.ts +0 -41
  68. package/dist/registry/data-table.stories.d.ts +0 -59
  69. package/dist/registry/date-picker.stories.d.ts +0 -32
  70. package/dist/registry/drawer.stories.d.ts +0 -27
  71. package/dist/registry/form.stories.d.ts +0 -14
  72. package/dist/registry/input-otp.stories.d.ts +0 -41
  73. package/dist/registry/input.stories.d.ts +0 -47
  74. package/dist/registry/label.stories.d.ts +0 -27
  75. package/dist/registry/pagination.stories.d.ts +0 -91
  76. package/dist/registry/progress.stories.d.ts +0 -31
  77. package/dist/registry/resizable.stories.d.ts +0 -12
  78. package/dist/registry/scroll-area.stories.d.ts +0 -41
  79. package/dist/registry/select.stories.d.ts +0 -13
  80. package/dist/registry/separator.stories.d.ts +0 -21
  81. package/dist/registry/sheet.stories.d.ts +0 -16
  82. package/dist/registry/sidebar.stories.d.ts +0 -336
  83. package/dist/registry/skeleton.stories.d.ts +0 -20
  84. package/dist/registry/slider.stories.d.ts +0 -30
  85. package/dist/registry/sonner.stories.d.ts +0 -14
  86. package/dist/registry/table.stories.d.ts +0 -104
  87. package/dist/registry/textarea.stories.d.ts +0 -40
  88. package/dist/registry/toggle.stories.d.ts +0 -35
  89. package/dist/registry/tokens/color.stories.d.ts +0 -23
  90. package/dist/registry/tokens/radius.stories.d.ts +0 -17
  91. package/dist/registry/tokens/typography.stories.d.ts +0 -28
  92. package/dist/registry/tooltip.stories.d.ts +0 -26
  93. package/dist/types/data-table.d.ts +0 -33
  94. package/dist/types/doc.d.ts +0 -195
  95. /package/dist/{config/data-table.d.ts → components/data-table/data-table-config.d.ts} +0 -0
  96. /package/dist/components/ui/{form.d.ts → Form.d.ts} +0 -0
  97. /package/dist/components/ui/{input.d.ts → Input.d.ts} +0 -0
  98. /package/dist/components/ui/{label.d.ts → Label.d.ts} +0 -0
@@ -1,336 +0,0 @@
1
- import type { StoryObj } from "@storybook/nextjs-vite";
2
- import { Sidebar } from "@/components/ui/sidebar";
3
- /**
4
- * A composable, themeable and customizable sidebar component.
5
- */
6
- declare const meta: {
7
- title: string;
8
- component: typeof Sidebar;
9
- tags: string[];
10
- argTypes: {
11
- side: {
12
- options: string[];
13
- control: {
14
- type: "radio";
15
- };
16
- };
17
- variant: {
18
- options: string[];
19
- control: {
20
- type: "radio";
21
- };
22
- };
23
- collapsible: {
24
- options: string[];
25
- control: {
26
- type: "radio";
27
- };
28
- };
29
- };
30
- args: {
31
- side: "left";
32
- variant: "sidebar";
33
- collapsible: "icon";
34
- };
35
- parameters: {
36
- layout: string;
37
- };
38
- decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/nextjs-vite").ReactRenderer, {
39
- ref?: import("react").Ref<HTMLDivElement> | undefined;
40
- key?: import("react").Key | null | undefined;
41
- defaultChecked?: boolean | undefined | undefined;
42
- defaultValue?: string | number | readonly string[] | undefined;
43
- suppressContentEditableWarning?: boolean | undefined | undefined;
44
- suppressHydrationWarning?: boolean | undefined | undefined;
45
- accessKey?: string | undefined | undefined;
46
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
47
- autoFocus?: boolean | undefined | undefined;
48
- className?: string | undefined | undefined;
49
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
50
- contextMenu?: string | undefined | undefined;
51
- dir?: string | undefined | undefined;
52
- draggable?: (boolean | "true" | "false") | undefined;
53
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
54
- hidden?: boolean | undefined | undefined;
55
- id?: string | undefined | undefined;
56
- lang?: string | undefined | undefined;
57
- nonce?: string | undefined | undefined;
58
- slot?: string | undefined | undefined;
59
- spellCheck?: (boolean | "true" | "false") | undefined;
60
- style?: import("react").CSSProperties | undefined;
61
- tabIndex?: number | undefined | undefined;
62
- title?: string | undefined | undefined;
63
- translate?: "yes" | "no" | undefined | undefined;
64
- radioGroup?: string | undefined | undefined;
65
- role?: import("react").AriaRole | undefined;
66
- about?: string | undefined | undefined;
67
- content?: string | undefined | undefined;
68
- datatype?: string | undefined | undefined;
69
- inlist?: any;
70
- prefix?: string | undefined | undefined;
71
- property?: string | undefined | undefined;
72
- rel?: string | undefined | undefined;
73
- resource?: string | undefined | undefined;
74
- rev?: string | undefined | undefined;
75
- typeof?: string | undefined | undefined;
76
- vocab?: string | undefined | undefined;
77
- autoCorrect?: string | undefined | undefined;
78
- autoSave?: string | undefined | undefined;
79
- color?: string | undefined | undefined;
80
- itemProp?: string | undefined | undefined;
81
- itemScope?: boolean | undefined | undefined;
82
- itemType?: string | undefined | undefined;
83
- itemID?: string | undefined | undefined;
84
- itemRef?: string | undefined | undefined;
85
- results?: number | undefined | undefined;
86
- security?: string | undefined | undefined;
87
- unselectable?: "on" | "off" | undefined | undefined;
88
- popover?: "" | "auto" | "manual" | undefined | undefined;
89
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
90
- popoverTarget?: string | undefined | undefined;
91
- inert?: boolean | undefined | undefined;
92
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
93
- is?: string | undefined | undefined;
94
- exportparts?: string | undefined | undefined;
95
- part?: string | undefined | undefined;
96
- "aria-activedescendant"?: string | undefined | undefined;
97
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
98
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
99
- "aria-braillelabel"?: string | undefined | undefined;
100
- "aria-brailleroledescription"?: string | undefined | undefined;
101
- "aria-busy"?: (boolean | "true" | "false") | undefined;
102
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
103
- "aria-colcount"?: number | undefined | undefined;
104
- "aria-colindex"?: number | undefined | undefined;
105
- "aria-colindextext"?: string | undefined | undefined;
106
- "aria-colspan"?: number | undefined | undefined;
107
- "aria-controls"?: string | undefined | undefined;
108
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
109
- "aria-describedby"?: string | undefined | undefined;
110
- "aria-description"?: string | undefined | undefined;
111
- "aria-details"?: string | undefined | undefined;
112
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
113
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
114
- "aria-errormessage"?: string | undefined | undefined;
115
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
116
- "aria-flowto"?: string | undefined | undefined;
117
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
118
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
119
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
120
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
121
- "aria-keyshortcuts"?: string | undefined | undefined;
122
- "aria-label"?: string | undefined | undefined;
123
- "aria-labelledby"?: string | undefined | undefined;
124
- "aria-level"?: number | undefined | undefined;
125
- "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
126
- "aria-modal"?: (boolean | "true" | "false") | undefined;
127
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
128
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
129
- "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
130
- "aria-owns"?: string | undefined | undefined;
131
- "aria-placeholder"?: string | undefined | undefined;
132
- "aria-posinset"?: number | undefined | undefined;
133
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
134
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
135
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
136
- "aria-required"?: (boolean | "true" | "false") | undefined;
137
- "aria-roledescription"?: string | undefined | undefined;
138
- "aria-rowcount"?: number | undefined | undefined;
139
- "aria-rowindex"?: number | undefined | undefined;
140
- "aria-rowindextext"?: string | undefined | undefined;
141
- "aria-rowspan"?: number | undefined | undefined;
142
- "aria-selected"?: (boolean | "true" | "false") | undefined;
143
- "aria-setsize"?: number | undefined | undefined;
144
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
145
- "aria-valuemax"?: number | undefined | undefined;
146
- "aria-valuemin"?: number | undefined | undefined;
147
- "aria-valuenow"?: number | undefined | undefined;
148
- "aria-valuetext"?: string | undefined | undefined;
149
- children?: import("react").ReactNode;
150
- dangerouslySetInnerHTML?: {
151
- __html: string | TrustedHTML;
152
- } | undefined | undefined;
153
- onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
154
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
155
- onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
156
- onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
157
- onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
158
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
159
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
160
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
161
- onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
162
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
163
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
164
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
165
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
166
- onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
167
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
168
- onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
169
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
170
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
171
- onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
172
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
173
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
174
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
175
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
176
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
177
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
178
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
179
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
180
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
181
- onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
182
- onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
183
- onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
184
- onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
185
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
186
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
187
- onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
188
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
189
- onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
190
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
191
- onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
192
- onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
193
- onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
194
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
195
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
196
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
197
- onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
198
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
199
- onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
200
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
201
- onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
202
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
203
- onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
204
- onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
205
- onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
206
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
207
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
208
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
209
- onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
210
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
211
- onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
212
- onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
213
- onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
214
- onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
215
- onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
216
- onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
217
- onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
218
- onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
219
- onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
220
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
221
- onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
222
- onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
223
- onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
224
- onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
225
- onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
226
- onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
227
- onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
228
- onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
229
- onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
230
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
231
- onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
232
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
233
- onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
234
- onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
235
- onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
236
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
237
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
238
- onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
239
- onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
240
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
241
- onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
242
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
243
- onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
244
- onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
245
- onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
246
- onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
247
- onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
248
- onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
249
- onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
250
- onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
251
- onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
252
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
253
- onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
254
- onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
255
- onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
256
- onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
257
- onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
258
- onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
259
- onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
260
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
261
- onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
262
- onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
263
- onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
264
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
265
- onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
266
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
267
- onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
268
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
269
- onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
270
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
271
- onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
272
- onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
273
- onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
274
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
275
- onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
276
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
277
- onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
278
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
279
- onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
280
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
281
- onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
282
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
283
- onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
284
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
285
- onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
286
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
287
- onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
288
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
289
- onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
290
- onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
291
- onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
292
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
293
- onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
294
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
295
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
296
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
297
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
298
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
299
- onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
300
- onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
301
- onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
302
- onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
303
- onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
304
- onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
305
- onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
306
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
307
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
308
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
309
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
310
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
311
- onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
312
- onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
313
- onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
314
- onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
315
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
316
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
317
- onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
318
- onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
319
- onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
320
- onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
321
- side?: "left" | "right" | undefined;
322
- variant?: "sidebar" | "floating" | "inset" | undefined;
323
- collapsible?: "offcanvas" | "icon" | "none" | undefined;
324
- }>) => import("react/jsx-runtime").JSX.Element)[];
325
- };
326
- export default meta;
327
- type Story = StoryObj<typeof Sidebar>;
328
- /**
329
- * A simple sidebar with a group of menu items.
330
- */
331
- export declare const Simple: Story;
332
- /**
333
- * A simple sidebar with a footer menu item.
334
- */
335
- export declare const Footer: Story;
336
- export declare const ShouldCloseOpen: Story;
@@ -1,20 +0,0 @@
1
- import type { StoryObj } from "@storybook/nextjs-vite";
2
- import { Skeleton } from "@/components/ui/skeleton";
3
- /**
4
- * Use to show a placeholder while content is loading.
5
- */
6
- declare const meta: {
7
- title: string;
8
- component: typeof Skeleton;
9
- tags: string[];
10
- argTypes: {};
11
- parameters: {
12
- layout: string;
13
- };
14
- };
15
- export default meta;
16
- type Story = StoryObj<typeof Skeleton>;
17
- /**
18
- * The default form of the skeleton.
19
- */
20
- export declare const Default: Story;
@@ -1,30 +0,0 @@
1
- import type { StoryObj } from "@storybook/nextjs-vite";
2
- import { Slider } from "@/components/ui/slider";
3
- /**
4
- * An input where the user selects a value from within a given range.
5
- */
6
- declare const meta: {
7
- title: string;
8
- component: typeof Slider;
9
- tags: string[];
10
- argTypes: {};
11
- args: {
12
- defaultValue: number[];
13
- max: number;
14
- step: number;
15
- };
16
- };
17
- export default meta;
18
- type Story = StoryObj<typeof meta>;
19
- /**
20
- * The default form of the slider.
21
- */
22
- export declare const Default: Story;
23
- /**
24
- * Use the `inverted` prop to have the slider fill from right to left.
25
- */
26
- export declare const Inverted: Story;
27
- /**
28
- * Use the `disabled` prop to disable the slider.
29
- */
30
- export declare const Disabled: Story;
@@ -1,14 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/nextjs-vite";
2
- import { Toaster } from "@/components/ui/sonner";
3
- /**
4
- * An opinionated toast component for React.
5
- */
6
- declare const meta: Meta<typeof Toaster>;
7
- export default meta;
8
- type Story = StoryObj<typeof meta>;
9
- /**
10
- * The default form of the toaster.
11
- */
12
- export declare const Default: Story;
13
- export declare const ShouldShowToast: Story;
14
- export declare const ShouldCloseToast: Story;
@@ -1,104 +0,0 @@
1
- import type { StoryObj } from "@storybook/nextjs-vite";
2
- import { Table } from "@/components/ui/table";
3
- interface TableData {
4
- id: string;
5
- name: string;
6
- email: string;
7
- role: string;
8
- status: "active" | "inactive" | "pending";
9
- lastActive: string;
10
- department: string;
11
- }
12
- interface TableStoryArgs {
13
- className?: string;
14
- showCaption?: boolean;
15
- showFooter?: boolean;
16
- striped?: boolean;
17
- hoverable?: boolean;
18
- compact?: boolean;
19
- data?: TableData[];
20
- sortable?: boolean;
21
- }
22
- /**
23
- * Powerful table and datagrids built using TanStack Table.
24
- */
25
- declare const meta: {
26
- title: string;
27
- component: typeof Table;
28
- tags: string[];
29
- argTypes: {
30
- className: {
31
- control: "text";
32
- description: string;
33
- };
34
- showCaption: {
35
- control: "boolean";
36
- description: string;
37
- };
38
- showFooter: {
39
- control: "boolean";
40
- description: string;
41
- };
42
- striped: {
43
- control: "boolean";
44
- description: string;
45
- };
46
- hoverable: {
47
- control: "boolean";
48
- description: string;
49
- };
50
- compact: {
51
- control: "boolean";
52
- description: string;
53
- };
54
- sortable: {
55
- control: "boolean";
56
- description: string;
57
- };
58
- };
59
- parameters: {
60
- layout: string;
61
- };
62
- };
63
- export default meta;
64
- type Story = StoryObj<TableStoryArgs>;
65
- /**
66
- * The default form of the table.
67
- */
68
- export declare const Default: Story;
69
- /**
70
- * Table with striped rows for better readability.
71
- */
72
- export declare const Striped: Story;
73
- /**
74
- * Compact table with smaller spacing.
75
- */
76
- export declare const Compact: Story;
77
- /**
78
- * Sortable table with interactive column headers.
79
- */
80
- export declare const Sortable: Story;
81
- /**
82
- * Invoice table example.
83
- */
84
- export declare const Invoices: Story;
85
- /**
86
- * Table without hover effects.
87
- */
88
- export declare const NoHover: Story;
89
- /**
90
- * Loading table with skeleton placeholders.
91
- */
92
- export declare const Loading: Story;
93
- /**
94
- * Error table showing error state.
95
- */
96
- export declare const Error: Story;
97
- /**
98
- * Empty table showing no data state.
99
- */
100
- export declare const Empty: Story;
101
- /**
102
- * Advanced DataTable with children, toolbar, and actions following TasksTable pattern.
103
- */
104
- export declare const AdvancedDataTable: Story;
@@ -1,40 +0,0 @@
1
- import type { StoryObj } from "@storybook/nextjs-vite";
2
- import { Textarea } from "@/components/ui/textarea";
3
- /**
4
- * Displays a form textarea or a component that looks like a textarea.
5
- */
6
- declare const meta: {
7
- title: string;
8
- component: typeof Textarea;
9
- tags: string[];
10
- argTypes: {};
11
- args: {
12
- placeholder: string;
13
- disabled: false;
14
- };
15
- };
16
- export default meta;
17
- type Story = StoryObj<typeof meta>;
18
- /**
19
- * The default form of the textarea.
20
- */
21
- export declare const Default: Story;
22
- /**
23
- * Use the `disabled` prop to disable the textarea.
24
- */
25
- export declare const Disabled: Story;
26
- /**
27
- * Use the `Label` component to includes a clear, descriptive label above or
28
- * alongside the text area to guide users.
29
- */
30
- export declare const WithLabel: Story;
31
- /**
32
- * Use a text element below the text area to provide additional instructions
33
- * or information to users.
34
- */
35
- export declare const WithText: Story;
36
- /**
37
- * Use the `Button` component to indicate that the text area can be submitted
38
- * or used to trigger an action.
39
- */
40
- export declare const WithButton: Story;
@@ -1,35 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/nextjs-vite";
2
- import { Toggle } from "@/components/ui/toggle";
3
- /**
4
- * A two-state button that can be either on or off.
5
- */
6
- declare const meta: Meta<typeof Toggle>;
7
- export default meta;
8
- type Story = StoryObj<typeof Toggle>;
9
- /**
10
- * The default form of the toggle.
11
- */
12
- export declare const Default: Story;
13
- /**
14
- * Use the `outline` variant for a distinct outline, emphasizing the boundary
15
- * of the selection circle for clearer visibility
16
- */
17
- export declare const Outline: Story;
18
- /**
19
- * Use the text element to add a label to the toggle.
20
- */
21
- export declare const WithText: Story;
22
- /**
23
- * Use the `sm` size for a smaller toggle, suitable for interfaces needing
24
- * compact elements without sacrificing usability.
25
- */
26
- export declare const Small: Story;
27
- /**
28
- * Use the `lg` size for a larger toggle, offering better visibility and
29
- * easier interaction for users.
30
- */
31
- export declare const Large: Story;
32
- /**
33
- * Add the `disabled` prop to prevent interactions with the toggle.
34
- */
35
- export declare const Disabled: Story;
@@ -1,23 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/nextjs-vite";
2
- type Swatch = {
3
- name: string;
4
- colors: Record<string, string>;
5
- };
6
- /**
7
- * Color tokens for the design system
8
- */
9
- declare const meta: Meta<{
10
- swatch: Swatch[];
11
- }>;
12
- export default meta;
13
- type Story = StoryObj<typeof meta>;
14
- /**
15
- * Functional color tokens are used to define the core colors of the design system.
16
- * These colors are used throughout the application for backgrounds, text, borders, etc.
17
- */
18
- export declare const Functional: Story;
19
- /**
20
- * Component color tokens are used to define the colors of specific components in the design system.
21
- * These colors are used to style components like buttons, inputs, and alerts.
22
- */
23
- export declare const Component: Story;
@@ -1,17 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/nextjs-vite";
2
- type Radius = {
3
- name: string;
4
- value: string;
5
- };
6
- /**
7
- * Radius tokens for the design system
8
- */
9
- declare const meta: Meta<{
10
- radius: Radius[];
11
- }>;
12
- export default meta;
13
- type Story = StoryObj<typeof meta>;
14
- /**
15
- * The default radius tokens for the design system.
16
- */
17
- export declare const Core: Story;
@@ -1,28 +0,0 @@
1
- import { CSSProperties } from "react";
2
- import type { Meta, StoryObj } from "@storybook/nextjs-vite";
3
- type Typography = {
4
- name: string;
5
- value: string;
6
- };
7
- /**
8
- * Typography tokens for the design system
9
- */
10
- declare const meta: Meta<{
11
- children: string;
12
- cssKey: keyof CSSProperties;
13
- properties: Typography[];
14
- }>;
15
- export default meta;
16
- type Story = StoryObj<typeof meta>;
17
- /**
18
- * Font family tokens for the design system.
19
- */
20
- export declare const FontFamily: Story;
21
- /**
22
- * Font size tokens for the design system.
23
- */
24
- export declare const FontSize: Story;
25
- /**
26
- * Font weight tokens for the design system.
27
- */
28
- export declare const FontWeight: Story;