@dashforge/tw 0.1.0-beta → 0.2.1-beta

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 (195) hide show
  1. package/A11Y.md +130 -0
  2. package/CHANGELOG.md +231 -0
  3. package/dist/index.d.ts +1 -82
  4. package/dist/index.esm.js +1608 -11
  5. package/dist/src/components/AspectRatio/AspectRatio.d.ts +36 -0
  6. package/dist/src/components/AspectRatio/AspectRatio.d.ts.map +1 -0
  7. package/dist/src/components/AspectRatio/aspectRatio.types.d.ts +50 -0
  8. package/dist/src/components/AspectRatio/aspectRatio.types.d.ts.map +1 -0
  9. package/dist/src/components/Box/Box.d.ts +36 -0
  10. package/dist/src/components/Box/Box.d.ts.map +1 -0
  11. package/dist/src/components/Box/box.types.d.ts +54 -0
  12. package/dist/src/components/Box/box.types.d.ts.map +1 -0
  13. package/dist/src/components/Box/box.variants.d.ts +402 -0
  14. package/dist/src/components/Box/box.variants.d.ts.map +1 -0
  15. package/dist/src/components/Button/Button.d.ts.map +1 -1
  16. package/dist/src/components/Checkbox/Checkbox.d.ts.map +1 -1
  17. package/dist/src/components/Container/Container.d.ts +35 -0
  18. package/dist/src/components/Container/Container.d.ts.map +1 -0
  19. package/dist/src/components/Container/container.types.d.ts +41 -0
  20. package/dist/src/components/Container/container.types.d.ts.map +1 -0
  21. package/dist/src/components/Container/container.variants.d.ts +93 -0
  22. package/dist/src/components/Container/container.variants.d.ts.map +1 -0
  23. package/dist/src/components/Divider/Divider.d.ts +50 -0
  24. package/dist/src/components/Divider/Divider.d.ts.map +1 -0
  25. package/dist/src/components/Divider/divider.types.d.ts +47 -0
  26. package/dist/src/components/Divider/divider.types.d.ts.map +1 -0
  27. package/dist/src/components/Divider/divider.variants.d.ts +129 -0
  28. package/dist/src/components/Divider/divider.variants.d.ts.map +1 -0
  29. package/dist/src/components/Grid/Grid.d.ts +32 -0
  30. package/dist/src/components/Grid/Grid.d.ts.map +1 -0
  31. package/dist/src/components/Grid/grid.types.d.ts +103 -0
  32. package/dist/src/components/Grid/grid.types.d.ts.map +1 -0
  33. package/dist/src/components/Grid/grid.variants.d.ts +453 -0
  34. package/dist/src/components/Grid/grid.variants.d.ts.map +1 -0
  35. package/dist/src/components/NumberField/NumberField.d.ts.map +1 -1
  36. package/dist/src/components/RadioGroup/RadioGroup.d.ts.map +1 -1
  37. package/dist/src/components/Stack/Stack.d.ts +24 -0
  38. package/dist/src/components/Stack/Stack.d.ts.map +1 -0
  39. package/dist/src/components/Stack/stack.types.d.ts +61 -0
  40. package/dist/src/components/Stack/stack.types.d.ts.map +1 -0
  41. package/dist/src/components/Stack/stack.variants.d.ts +163 -0
  42. package/dist/src/components/Stack/stack.variants.d.ts.map +1 -0
  43. package/dist/src/components/Typography/Typography.d.ts +42 -0
  44. package/dist/src/components/Typography/Typography.d.ts.map +1 -0
  45. package/dist/src/components/Typography/typography.types.d.ts +61 -0
  46. package/dist/src/components/Typography/typography.types.d.ts.map +1 -0
  47. package/dist/src/components/Typography/typography.variants.d.ts +167 -0
  48. package/dist/src/components/Typography/typography.variants.d.ts.map +1 -0
  49. package/dist/src/components/VisuallyHidden/VisuallyHidden.d.ts +42 -0
  50. package/dist/src/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -0
  51. package/dist/src/components/VisuallyHidden/visuallyHidden.types.d.ts +42 -0
  52. package/dist/src/components/VisuallyHidden/visuallyHidden.types.d.ts.map +1 -0
  53. package/dist/src/index.d.ts +23 -1
  54. package/dist/src/index.d.ts.map +1 -1
  55. package/package.json +3 -3
  56. package/src/components/AspectRatio/AspectRatio.test.tsx +173 -0
  57. package/src/components/AspectRatio/AspectRatio.tsx +73 -0
  58. package/src/components/AspectRatio/aspectRatio.types.ts +54 -0
  59. package/src/components/Box/Box.test.tsx +349 -0
  60. package/src/components/Box/Box.tsx +83 -0
  61. package/src/components/Box/box.types.ts +61 -0
  62. package/src/components/Box/box.variants.ts +211 -0
  63. package/src/components/Button/Button.tsx +11 -0
  64. package/src/components/Checkbox/Checkbox.tsx +26 -2
  65. package/src/components/Container/Container.test.tsx +209 -0
  66. package/src/components/Container/Container.tsx +74 -0
  67. package/src/components/Container/container.types.ts +45 -0
  68. package/src/components/Container/container.variants.ts +81 -0
  69. package/src/components/Divider/Divider.test.tsx +241 -0
  70. package/src/components/Divider/Divider.tsx +140 -0
  71. package/src/components/Divider/divider.types.ts +52 -0
  72. package/src/components/Divider/divider.variants.ts +115 -0
  73. package/src/components/Grid/Grid.test.tsx +321 -0
  74. package/src/components/Grid/Grid.tsx +148 -0
  75. package/src/components/Grid/grid.types.ts +112 -0
  76. package/src/components/Grid/grid.variants.ts +133 -0
  77. package/src/components/NumberField/NumberField.tsx +30 -2
  78. package/src/components/RadioGroup/RadioGroup.tsx +23 -1
  79. package/src/components/Stack/Stack.test.tsx +309 -0
  80. package/src/components/Stack/Stack.tsx +115 -0
  81. package/src/components/Stack/stack.types.ts +68 -0
  82. package/src/components/Stack/stack.variants.ts +80 -0
  83. package/src/components/Typography/Typography.test.tsx +230 -0
  84. package/src/components/Typography/Typography.tsx +112 -0
  85. package/src/components/Typography/typography.types.ts +65 -0
  86. package/src/components/Typography/typography.variants.ts +113 -0
  87. package/src/components/VisuallyHidden/VisuallyHidden.test.tsx +86 -0
  88. package/src/components/VisuallyHidden/VisuallyHidden.tsx +59 -0
  89. package/src/components/VisuallyHidden/visuallyHidden.types.ts +45 -0
  90. package/src/index.ts +50 -1
  91. package/LICENSE +0 -21
  92. package/dist/components/AppShell/AppShell.d.ts +0 -32
  93. package/dist/components/AppShell/AppShell.d.ts.map +0 -1
  94. package/dist/components/AppShell/appShell.types.d.ts +0 -62
  95. package/dist/components/AppShell/appShell.types.d.ts.map +0 -1
  96. package/dist/components/AppShell/appShell.variants.d.ts +0 -65
  97. package/dist/components/AppShell/appShell.variants.d.ts.map +0 -1
  98. package/dist/components/Autocomplete/Autocomplete.d.ts +0 -32
  99. package/dist/components/Autocomplete/Autocomplete.d.ts.map +0 -1
  100. package/dist/components/Autocomplete/autocomplete.types.d.ts +0 -214
  101. package/dist/components/Autocomplete/autocomplete.types.d.ts.map +0 -1
  102. package/dist/components/Autocomplete/autocomplete.variants.d.ts +0 -214
  103. package/dist/components/Autocomplete/autocomplete.variants.d.ts.map +0 -1
  104. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +0 -23
  105. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts.map +0 -1
  106. package/dist/components/Breadcrumbs/breadcrumbs.types.d.ts +0 -98
  107. package/dist/components/Breadcrumbs/breadcrumbs.types.d.ts.map +0 -1
  108. package/dist/components/Breadcrumbs/breadcrumbs.variants.d.ts +0 -85
  109. package/dist/components/Breadcrumbs/breadcrumbs.variants.d.ts.map +0 -1
  110. package/dist/components/Button/Button.d.ts +0 -44
  111. package/dist/components/Button/Button.d.ts.map +0 -1
  112. package/dist/components/Button/button.types.d.ts +0 -66
  113. package/dist/components/Button/button.types.d.ts.map +0 -1
  114. package/dist/components/Button/button.variants.d.ts +0 -104
  115. package/dist/components/Button/button.variants.d.ts.map +0 -1
  116. package/dist/components/Checkbox/Checkbox.d.ts +0 -31
  117. package/dist/components/Checkbox/Checkbox.d.ts.map +0 -1
  118. package/dist/components/Checkbox/checkbox.types.d.ts +0 -86
  119. package/dist/components/Checkbox/checkbox.types.d.ts.map +0 -1
  120. package/dist/components/Checkbox/checkbox.variants.d.ts +0 -109
  121. package/dist/components/Checkbox/checkbox.variants.d.ts.map +0 -1
  122. package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +0 -38
  123. package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +0 -1
  124. package/dist/components/ConfirmDialog/confirmDialog.types.d.ts +0 -80
  125. package/dist/components/ConfirmDialog/confirmDialog.types.d.ts.map +0 -1
  126. package/dist/components/ConfirmDialog/confirmDialog.variants.d.ts +0 -90
  127. package/dist/components/ConfirmDialog/confirmDialog.variants.d.ts.map +0 -1
  128. package/dist/components/DateTimePicker/DateTimePicker.d.ts +0 -49
  129. package/dist/components/DateTimePicker/DateTimePicker.d.ts.map +0 -1
  130. package/dist/components/DateTimePicker/dateTimePicker.types.d.ts +0 -95
  131. package/dist/components/DateTimePicker/dateTimePicker.types.d.ts.map +0 -1
  132. package/dist/components/DateTimePicker/dateTimePicker.variants.d.ts +0 -165
  133. package/dist/components/DateTimePicker/dateTimePicker.variants.d.ts.map +0 -1
  134. package/dist/components/LeftNav/LeftNav.d.ts +0 -34
  135. package/dist/components/LeftNav/LeftNav.d.ts.map +0 -1
  136. package/dist/components/LeftNav/leftNav.types.d.ts +0 -136
  137. package/dist/components/LeftNav/leftNav.types.d.ts.map +0 -1
  138. package/dist/components/LeftNav/leftNav.variants.d.ts +0 -143
  139. package/dist/components/LeftNav/leftNav.variants.d.ts.map +0 -1
  140. package/dist/components/NumberField/NumberField.d.ts +0 -18
  141. package/dist/components/NumberField/NumberField.d.ts.map +0 -1
  142. package/dist/components/NumberField/numberField.types.d.ts +0 -79
  143. package/dist/components/NumberField/numberField.types.d.ts.map +0 -1
  144. package/dist/components/NumberField/numberField.variants.d.ts +0 -169
  145. package/dist/components/NumberField/numberField.variants.d.ts.map +0 -1
  146. package/dist/components/OTPField/OTPField.d.ts +0 -25
  147. package/dist/components/OTPField/OTPField.d.ts.map +0 -1
  148. package/dist/components/OTPField/otpField.types.d.ts +0 -74
  149. package/dist/components/OTPField/otpField.types.d.ts.map +0 -1
  150. package/dist/components/OTPField/otpField.variants.d.ts +0 -105
  151. package/dist/components/OTPField/otpField.variants.d.ts.map +0 -1
  152. package/dist/components/RadioGroup/RadioGroup.d.ts +0 -35
  153. package/dist/components/RadioGroup/RadioGroup.d.ts.map +0 -1
  154. package/dist/components/RadioGroup/radioGroup.types.d.ts +0 -103
  155. package/dist/components/RadioGroup/radioGroup.types.d.ts.map +0 -1
  156. package/dist/components/RadioGroup/radioGroup.variants.d.ts +0 -166
  157. package/dist/components/RadioGroup/radioGroup.variants.d.ts.map +0 -1
  158. package/dist/components/Snackbar/Snackbar.d.ts +0 -37
  159. package/dist/components/Snackbar/Snackbar.d.ts.map +0 -1
  160. package/dist/components/Snackbar/snackbar.types.d.ts +0 -86
  161. package/dist/components/Snackbar/snackbar.types.d.ts.map +0 -1
  162. package/dist/components/Snackbar/snackbar.variants.d.ts +0 -153
  163. package/dist/components/Snackbar/snackbar.variants.d.ts.map +0 -1
  164. package/dist/components/Switch/Switch.d.ts +0 -15
  165. package/dist/components/Switch/Switch.d.ts.map +0 -1
  166. package/dist/components/Switch/switch.types.d.ts +0 -47
  167. package/dist/components/Switch/switch.types.d.ts.map +0 -1
  168. package/dist/components/Switch/switch.variants.d.ts +0 -105
  169. package/dist/components/Switch/switch.variants.d.ts.map +0 -1
  170. package/dist/components/TextField/TextField.d.ts +0 -25
  171. package/dist/components/TextField/TextField.d.ts.map +0 -1
  172. package/dist/components/TextField/textField.types.d.ts +0 -72
  173. package/dist/components/TextField/textField.types.d.ts.map +0 -1
  174. package/dist/components/TextField/textField.variants.d.ts +0 -160
  175. package/dist/components/TextField/textField.variants.d.ts.map +0 -1
  176. package/dist/components/Textarea/Textarea.d.ts +0 -16
  177. package/dist/components/Textarea/Textarea.d.ts.map +0 -1
  178. package/dist/components/Textarea/textarea.types.d.ts +0 -63
  179. package/dist/components/Textarea/textarea.types.d.ts.map +0 -1
  180. package/dist/components/Textarea/textarea.variants.d.ts +0 -197
  181. package/dist/components/Textarea/textarea.variants.d.ts.map +0 -1
  182. package/dist/components/TopBar/TopBar.d.ts +0 -33
  183. package/dist/components/TopBar/TopBar.d.ts.map +0 -1
  184. package/dist/components/TopBar/topBar.types.d.ts +0 -49
  185. package/dist/components/TopBar/topBar.types.d.ts.map +0 -1
  186. package/dist/components/TopBar/topBar.variants.d.ts +0 -79
  187. package/dist/components/TopBar/topBar.variants.d.ts.map +0 -1
  188. package/dist/components/_shared/resolveValidationState.d.ts +0 -42
  189. package/dist/components/_shared/resolveValidationState.d.ts.map +0 -1
  190. package/dist/hooks/useAccessState.d.ts +0 -37
  191. package/dist/hooks/useAccessState.d.ts.map +0 -1
  192. package/dist/index.d.ts.map +0 -1
  193. package/dist/tsconfig.lib.tsbuildinfo +0 -1
  194. package/dist/utils/cn.d.ts +0 -26
  195. package/dist/utils/cn.d.ts.map +0 -1
@@ -1,214 +0,0 @@
1
- import type { ReactNode } from 'react';
2
- import type { Engine } from '@dashforge/ui-core';
3
- import type { AccessRequirement } from '@dashforge/rbac';
4
- import type { AutocompleteVariants } from './autocomplete.variants.js';
5
- /**
6
- * Default `{ value, label, disabled? }` option shape.
7
- *
8
- * The simplest shape and the one used by the component when no
9
- * `getOptionValue` / `getOptionLabel` props are provided. For richer
10
- * option shapes (e.g., `{ id, name, country, ... }`) make the component
11
- * generic by passing `<TOption>` and providing the accessors:
12
- *
13
- * ```tsx
14
- * type User = { id: string; name: string; admin?: boolean };
15
- *
16
- * <Autocomplete<User>
17
- * name="owner"
18
- * options={users}
19
- * getOptionValue={(u) => u.id}
20
- * getOptionLabel={(u) => u.name}
21
- * getOptionDisabled={(u) => !u.admin}
22
- * />
23
- * ```
24
- */
25
- export interface AutocompleteOption {
26
- /** Value persisted on the form. */
27
- value: string;
28
- /** Display label (string or any React node). */
29
- label: ReactNode;
30
- /** Per-option explicit disable. */
31
- disabled?: boolean;
32
- }
33
- export interface AutocompleteSlotProps {
34
- root?: {
35
- className?: string;
36
- };
37
- label?: {
38
- className?: string;
39
- };
40
- requiredMark?: {
41
- className?: string;
42
- };
43
- inputWrapper?: {
44
- className?: string;
45
- };
46
- input?: {
47
- className?: string;
48
- };
49
- trigger?: {
50
- className?: string;
51
- };
52
- clearButton?: {
53
- className?: string;
54
- };
55
- popover?: {
56
- className?: string;
57
- };
58
- listBox?: {
59
- className?: string;
60
- };
61
- listItem?: {
62
- className?: string;
63
- };
64
- emptyState?: {
65
- className?: string;
66
- };
67
- helperText?: {
68
- className?: string;
69
- };
70
- errorText?: {
71
- className?: string;
72
- };
73
- /** Wrapper around the chip list (multi-select only). */
74
- chipsList?: {
75
- className?: string;
76
- };
77
- /** Individual chip displayed in multi-select. */
78
- chip?: {
79
- className?: string;
80
- };
81
- /** `×` button on a chip. */
82
- chipRemove?: {
83
- className?: string;
84
- };
85
- }
86
- /**
87
- * Union of the value shapes `<Autocomplete>` accepts.
88
- *
89
- * - **Single-select (default)**: `string | null`
90
- * - **Multi-select** (`multiple` prop): `string[] | null`
91
- *
92
- * `null` means "no selection" in both modes — a multi-select with no
93
- * picks emits an empty array on first commit, then keeps emitting arrays.
94
- */
95
- export type AutocompleteValue = string | string[] | null;
96
- /**
97
- * Props for `<Autocomplete>`.
98
- *
99
- * Bridge-integrated single-select combobox with full ARIA combobox
100
- * a11y, keyboard navigation, and Form Closure v1 error gating.
101
- *
102
- * Mirrors the MUI-side `@dashforge/ui/Autocomplete` at the bridge
103
- * level — same `name` / `rules` / `visibleWhen` / `access` semantics,
104
- * same StrictMode-safe unregister-on-unmount.
105
- *
106
- * @typeParam TOption Shape of an option. Defaults to
107
- * `AutocompleteOption` (`{ value, label, disabled? }`).
108
- * Pass `<TOption>` + `getOptionValue` / `getOptionLabel`
109
- * for arbitrary domain types.
110
- */
111
- export interface AutocompleteProps<TOption = AutocompleteOption> extends AutocompleteVariants {
112
- name: string;
113
- rules?: unknown;
114
- options: TOption[];
115
- label?: ReactNode;
116
- helperText?: ReactNode;
117
- required?: boolean;
118
- error?: boolean;
119
- disabled?: boolean;
120
- /** Placeholder shown when the input is empty. */
121
- placeholder?: string;
122
- /** Engine predicate — field not rendered when it returns `false`. */
123
- visibleWhen?: (engine: Engine) => boolean;
124
- /** RBAC access requirement. */
125
- access?: AccessRequirement;
126
- /** Root className shortcut. */
127
- sx?: string;
128
- /** Per-slot className overrides. */
129
- slotProps?: AutocompleteSlotProps;
130
- /** Controlled value (form mode reads from the bridge if omitted). */
131
- value?: AutocompleteValue;
132
- /** Default value for uncontrolled mode (no-op in form mode). */
133
- defaultValue?: AutocompleteValue;
134
- /** Fires when the user picks an option (after bridge update in form mode). */
135
- onValueChange?: (value: AutocompleteValue) => void;
136
- /** Fallback text when no option matches the typed filter. */
137
- emptyMessage?: string;
138
- /**
139
- * Multi-select mode. When `true`:
140
- *
141
- * - `value` / `defaultValue` accept `string[]` (or `null`).
142
- * - Picks are toggled rather than replaced; the popover stays open.
143
- * - Selected items render as chips inside the input wrapper.
144
- * - Backspace at the start of an empty input removes the last chip.
145
- * - The clear button (`×`) clears the entire selection.
146
- */
147
- multiple?: boolean;
148
- /**
149
- * Allow committing arbitrary strings (not just option values).
150
- *
151
- * When `true`:
152
- * - **Enter** commits the typed text as the value when no option
153
- * row is highlighted (or no rows match the filter).
154
- * - **Blur** commits the typed text the same way, unless the text
155
- * exactly matches an existing option's label (in which case the
156
- * option's value snaps in).
157
- * - In multi mode, each free-solo commit adds a new chip whose key
158
- * and label are the typed string.
159
- *
160
- * Free-solo is independent of `multiple` — works in both modes.
161
- */
162
- freeSolo?: boolean;
163
- /**
164
- * Async option loader. Called (debounced by `loadDebounceMs`) every
165
- * time the user types in the input. Results replace the static
166
- * `options` prop while the user is actively filtering.
167
- *
168
- * Return a promise that resolves with the new option list. Reject /
169
- * throw to surface a generic empty state.
170
- *
171
- * @example
172
- * ```tsx
173
- * <Autocomplete
174
- * name="user"
175
- * options={[]}
176
- * loadOptions={async (q) => {
177
- * const res = await fetch(`/api/users?q=${q}`);
178
- * return res.ok ? res.json() : [];
179
- * }}
180
- * />
181
- * ```
182
- */
183
- loadOptions?: (query: string) => Promise<TOption[]>;
184
- /**
185
- * Debounce window (ms) for `loadOptions`. The loader fires after the
186
- * user stops typing for this long.
187
- * @default 250
188
- */
189
- loadDebounceMs?: number;
190
- /** Text displayed in the popover while a fetch is in flight. */
191
- loadingMessage?: ReactNode;
192
- /**
193
- * Extract the persistable value (string) from an option.
194
- * @default `(o) => (o as AutocompleteOption).value`
195
- */
196
- getOptionValue?: (option: TOption) => string;
197
- /**
198
- * Extract the display label from an option.
199
- * @default `(o) => (o as AutocompleteOption).label`
200
- */
201
- getOptionLabel?: (option: TOption) => ReactNode;
202
- /**
203
- * Per-option disabled flag.
204
- * @default `(o) => Boolean((o as AutocompleteOption).disabled)`
205
- */
206
- getOptionDisabled?: (option: TOption) => boolean;
207
- /**
208
- * Unique React key for an option. Defaults to `getOptionValue`.
209
- * Override if your `value` strings can collide across distinct
210
- * option records (rare).
211
- */
212
- getOptionKey?: (option: TOption) => string;
213
- }
214
- //# sourceMappingURL=autocomplete.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/autocomplete.types.ts"],"names":[],"mappings":"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"}
@@ -1,214 +0,0 @@
1
- import { type VariantProps } from 'tailwind-variants';
2
- /**
3
- * Tailwind-variants recipe for `<Autocomplete>` with slots.
4
- *
5
- * Slots:
6
- * - `root` — outer wrapper (label + combobox + helper/error)
7
- * - `label` — text label above the input
8
- * - `requiredMark` — red `*` for required fields
9
- * - `inputWrapper` — surface holding the input + clear/trigger buttons
10
- * - `input` — the typeable text input
11
- * - `trigger` — caret / chevron button that opens the popover
12
- * - `clearButton` — `×` button to clear the current selection
13
- * - `popover` — floating panel containing the option list
14
- * - `listBox` — list element wrapping the options
15
- * - `listItem` — single option row
16
- * - `emptyState` — fallback when no options match the filter
17
- * - `helperText` — descriptive line below the input
18
- * - `errorText` — semantic counterpart for error mode
19
- * - `chipsList` — wrapper around selected chips (multi-select only)
20
- * - `chip` — individual selected chip
21
- * - `chipRemove` — `×` button on a chip
22
- */
23
- export declare const autocompleteVariants: import("tailwind-variants").TVReturnType<{
24
- size: {
25
- sm: {
26
- inputWrapper: string;
27
- input: string;
28
- trigger: string;
29
- clearButton: string;
30
- };
31
- md: {
32
- inputWrapper: string;
33
- input: string;
34
- trigger: string;
35
- clearButton: string;
36
- };
37
- lg: {
38
- inputWrapper: string;
39
- input: string;
40
- trigger: string;
41
- clearButton: string;
42
- };
43
- };
44
- layout: {
45
- stacked: {
46
- root: string;
47
- };
48
- inline: {
49
- root: string;
50
- label: string;
51
- };
52
- };
53
- error: {
54
- true: {
55
- inputWrapper: string;
56
- };
57
- };
58
- fullWidth: {
59
- true: {
60
- root: string;
61
- inputWrapper: string;
62
- };
63
- };
64
- disabled: {
65
- true: {
66
- inputWrapper: string;
67
- };
68
- };
69
- }, {
70
- root: string;
71
- label: string;
72
- requiredMark: string;
73
- inputWrapper: string[];
74
- input: string[];
75
- trigger: string[];
76
- clearButton: string[];
77
- popover: string[];
78
- listBox: string;
79
- listItem: string[];
80
- emptyState: string;
81
- helperText: string;
82
- errorText: string;
83
- chipsList: string;
84
- chip: string[];
85
- chipRemove: string[];
86
- }, undefined, {
87
- size: {
88
- sm: {
89
- inputWrapper: string;
90
- input: string;
91
- trigger: string;
92
- clearButton: string;
93
- };
94
- md: {
95
- inputWrapper: string;
96
- input: string;
97
- trigger: string;
98
- clearButton: string;
99
- };
100
- lg: {
101
- inputWrapper: string;
102
- input: string;
103
- trigger: string;
104
- clearButton: string;
105
- };
106
- };
107
- layout: {
108
- stacked: {
109
- root: string;
110
- };
111
- inline: {
112
- root: string;
113
- label: string;
114
- };
115
- };
116
- error: {
117
- true: {
118
- inputWrapper: string;
119
- };
120
- };
121
- fullWidth: {
122
- true: {
123
- root: string;
124
- inputWrapper: string;
125
- };
126
- };
127
- disabled: {
128
- true: {
129
- inputWrapper: string;
130
- };
131
- };
132
- }, {
133
- root: string;
134
- label: string;
135
- requiredMark: string;
136
- inputWrapper: string[];
137
- input: string[];
138
- trigger: string[];
139
- clearButton: string[];
140
- popover: string[];
141
- listBox: string;
142
- listItem: string[];
143
- emptyState: string;
144
- helperText: string;
145
- errorText: string;
146
- chipsList: string;
147
- chip: string[];
148
- chipRemove: string[];
149
- }, import("tailwind-variants").TVReturnType<{
150
- size: {
151
- sm: {
152
- inputWrapper: string;
153
- input: string;
154
- trigger: string;
155
- clearButton: string;
156
- };
157
- md: {
158
- inputWrapper: string;
159
- input: string;
160
- trigger: string;
161
- clearButton: string;
162
- };
163
- lg: {
164
- inputWrapper: string;
165
- input: string;
166
- trigger: string;
167
- clearButton: string;
168
- };
169
- };
170
- layout: {
171
- stacked: {
172
- root: string;
173
- };
174
- inline: {
175
- root: string;
176
- label: string;
177
- };
178
- };
179
- error: {
180
- true: {
181
- inputWrapper: string;
182
- };
183
- };
184
- fullWidth: {
185
- true: {
186
- root: string;
187
- inputWrapper: string;
188
- };
189
- };
190
- disabled: {
191
- true: {
192
- inputWrapper: string;
193
- };
194
- };
195
- }, {
196
- root: string;
197
- label: string;
198
- requiredMark: string;
199
- inputWrapper: string[];
200
- input: string[];
201
- trigger: string[];
202
- clearButton: string[];
203
- popover: string[];
204
- listBox: string;
205
- listItem: string[];
206
- emptyState: string;
207
- helperText: string;
208
- errorText: string;
209
- chipsList: string;
210
- chip: string[];
211
- chipRemove: string[];
212
- }, undefined, unknown, unknown, undefined>>;
213
- export type AutocompleteVariants = VariantProps<typeof autocompleteVariants>;
214
- //# sourceMappingURL=autocomplete.variants.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"autocomplete.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/autocomplete.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA6G/B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
@@ -1,23 +0,0 @@
1
- import type { BreadcrumbsProps } from './breadcrumbs.types.js';
2
- /**
3
- * Dashforge TW Breadcrumbs — router-agnostic navigation trail.
4
- *
5
- * Pure presentational. The consumer derives `items` from their routing
6
- * layer (no automatic location read) — that keeps the component usable
7
- * with React Router, Next.js App Router, TanStack Router, Wouter, etc.
8
- *
9
- * Truncation policy: when `items.length > maxItems > 0`, the middle is
10
- * collapsed into a non-interactive `…` placeholder. `itemsBeforeCollapse`
11
- * (default 1) and `itemsAfterCollapse` (default 1) control how many
12
- * crumbs survive at each end — set both to 0 to keep only first+last,
13
- * or higher to preserve more context.
14
- *
15
- * **A11y**:
16
- * - `<nav aria-label="Breadcrumb">` landmark
17
- * - `<ol>` semantic list (screen readers announce position-in-list)
18
- * - `aria-current="page"` on the last (or `current: true`) crumb
19
- * - Separator nodes carry `aria-hidden="true"` (decorative)
20
- * - The truncation ellipsis is a `<span aria-label="More breadcrumbs">`
21
- */
22
- export declare function Breadcrumbs(props: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element | null;
23
- //# sourceMappingURL=Breadcrumbs.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAEhC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kDA8KlD"}
@@ -1,98 +0,0 @@
1
- import type { ReactNode, ComponentType, AnchorHTMLAttributes } from 'react';
2
- import type { BreadcrumbsVariants } from './breadcrumbs.variants.js';
3
- /**
4
- * A single crumb in the trail.
5
- *
6
- * - `label` is the visible text (or any React node).
7
- * - `href` makes it a navigation link. Omit for a non-link crumb (e.g.,
8
- * the current page).
9
- * - `onClick` is fired in addition to (or instead of) `href`; useful
10
- * when the consumer wants to intercept SPA navigation.
11
- * - `current: true` flags the LAST crumb as the active page; gets
12
- * `aria-current="page"` and is rendered as plain text (no link).
13
- */
14
- export interface BreadcrumbItem {
15
- /** Stable key for React reconciliation + accessibility id. */
16
- id: string;
17
- label: ReactNode;
18
- href?: string;
19
- onClick?: (event: React.MouseEvent) => void;
20
- current?: boolean;
21
- /** Per-item disabled flag — renders as plain text, no interaction. */
22
- disabled?: boolean;
23
- /** Optional icon prepended to the label. */
24
- icon?: ReactNode;
25
- }
26
- export interface BreadcrumbsSlotProps {
27
- root?: {
28
- className?: string;
29
- };
30
- list?: {
31
- className?: string;
32
- };
33
- item?: {
34
- className?: string;
35
- };
36
- link?: {
37
- className?: string;
38
- };
39
- current?: {
40
- className?: string;
41
- };
42
- separator?: {
43
- className?: string;
44
- };
45
- ellipsis?: {
46
- className?: string;
47
- };
48
- }
49
- /**
50
- * Polymorphic link component prop. Defaults to the native `<a>`.
51
- *
52
- * Pass a router-aware component (e.g., `react-router-dom`'s `Link`,
53
- * Next's `Link`) for SPA navigation. The component must accept
54
- * `href` (or its router-equivalent — bring your own adapter) plus
55
- * standard anchor props (className, onClick, children, ref).
56
- */
57
- export type BreadcrumbLinkComponent = ComponentType<AnchorHTMLAttributes<HTMLAnchorElement> & {
58
- ref?: React.Ref<HTMLAnchorElement>;
59
- }>;
60
- /**
61
- * Props for `<Breadcrumbs>`.
62
- *
63
- * Renders a router-agnostic navigation trail. Bridge-free — pure
64
- * presentational, accepts a fully-resolved item list from the consumer
65
- * (typically derived from route metadata).
66
- *
67
- * **Truncation**: when `items.length > maxItems`, the middle crumbs
68
- * collapse into an ellipsis (`…`). Always preserved: first + last
69
- * crumb. Tunable via `itemsBeforeCollapse` / `itemsAfterCollapse` for
70
- * asymmetric trails (defaults: 1 + 1).
71
- */
72
- export interface BreadcrumbsProps extends BreadcrumbsVariants {
73
- items: BreadcrumbItem[];
74
- /** Separator node between crumbs. @default '/' */
75
- separator?: ReactNode;
76
- /**
77
- * Max crumbs to show before collapsing the middle. `0` / negative ⇒
78
- * never collapse. @default 0
79
- */
80
- maxItems?: number;
81
- /**
82
- * Crumbs preserved at the START when collapsed. @default 1
83
- */
84
- itemsBeforeCollapse?: number;
85
- /**
86
- * Crumbs preserved at the END when collapsed. @default 1
87
- */
88
- itemsAfterCollapse?: number;
89
- /** Per-slot className overrides. */
90
- slotProps?: BreadcrumbsSlotProps;
91
- /** Root className shortcut. */
92
- sx?: string;
93
- /** Override the link component (router integration). @default 'a' */
94
- linkComponent?: BreadcrumbLinkComponent;
95
- /** Visible label of the nav landmark. @default 'Breadcrumb' */
96
- ariaLabel?: string;
97
- }
98
- //# sourceMappingURL=breadcrumbs.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,cAAc;IAC7B,8DAA8D;IAC9D,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,SAAS,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,QAAQ,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACnC;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,uBAAuB,GAAG,aAAa,CACjD,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,CACjF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,gBAAiB,SAAQ,mBAAmB;IAC3D,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,+BAA+B;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qEAAqE;IACrE,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
@@ -1,85 +0,0 @@
1
- import { type VariantProps } from 'tailwind-variants';
2
- /**
3
- * Tailwind-variants recipe for `<Breadcrumbs>`.
4
- *
5
- * Slots:
6
- * - `root` — `<nav>` landmark
7
- * - `list` — flex `<ol>`
8
- * - `item` — `<li>` wrapper
9
- * - `link` — non-current crumb (clickable / focusable)
10
- * - `current` — last crumb (no link, aria-current="page")
11
- * - `separator` — between-crumbs marker
12
- * - `ellipsis` — collapsed-middle placeholder (`…`)
13
- */
14
- export declare const breadcrumbsVariants: import("tailwind-variants").TVReturnType<{
15
- size: {
16
- sm: {
17
- root: string;
18
- list: string;
19
- separator: string;
20
- };
21
- md: {
22
- root: string;
23
- };
24
- lg: {
25
- root: string;
26
- list: string;
27
- };
28
- };
29
- }, {
30
- root: string;
31
- list: string;
32
- item: string;
33
- link: string[];
34
- current: string[];
35
- separator: string;
36
- ellipsis: string[];
37
- }, undefined, {
38
- size: {
39
- sm: {
40
- root: string;
41
- list: string;
42
- separator: string;
43
- };
44
- md: {
45
- root: string;
46
- };
47
- lg: {
48
- root: string;
49
- list: string;
50
- };
51
- };
52
- }, {
53
- root: string;
54
- list: string;
55
- item: string;
56
- link: string[];
57
- current: string[];
58
- separator: string;
59
- ellipsis: string[];
60
- }, import("tailwind-variants").TVReturnType<{
61
- size: {
62
- sm: {
63
- root: string;
64
- list: string;
65
- separator: string;
66
- };
67
- md: {
68
- root: string;
69
- };
70
- lg: {
71
- root: string;
72
- list: string;
73
- };
74
- };
75
- }, {
76
- root: string;
77
- list: string;
78
- item: string;
79
- link: string[];
80
- current: string[];
81
- separator: string;
82
- ellipsis: string[];
83
- }, undefined, unknown, unknown, undefined>>;
84
- export type BreadcrumbsVariants = VariantProps<typeof breadcrumbsVariants>;
85
- //# sourceMappingURL=breadcrumbs.variants.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"breadcrumbs.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/breadcrumbs.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAgC9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}