@dashforge/tw 0.10.0-beta → 1.0.0
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.
- package/CHANGELOG.md +35 -12
- package/COVERAGE.md +2 -2
- package/PARITY.md +7 -9
- package/PERFORMANCE.md +3 -4
- package/THEME-AUDIT.md +3 -4
- package/dist/components/Accordion/Accordion.d.ts +21 -0
- package/dist/components/Accordion/Accordion.d.ts.map +1 -0
- package/dist/components/Accordion/accordion.types.d.ts +74 -0
- package/dist/components/Accordion/accordion.types.d.ts.map +1 -0
- package/dist/components/Accordion/accordion.variants.d.ts +58 -0
- package/dist/components/Accordion/accordion.variants.d.ts.map +1 -0
- package/dist/components/AppShell/AppShell.d.ts +46 -0
- package/dist/components/AppShell/AppShell.d.ts.map +1 -0
- package/dist/components/AppShell/appShell.types.d.ts +62 -0
- package/dist/components/AppShell/appShell.types.d.ts.map +1 -0
- package/dist/components/AppShell/appShell.variants.d.ts +65 -0
- package/dist/components/AppShell/appShell.variants.d.ts.map +1 -0
- package/dist/components/AspectRatio/AspectRatio.d.ts +36 -0
- package/dist/components/AspectRatio/AspectRatio.d.ts.map +1 -0
- package/dist/components/AspectRatio/aspectRatio.types.d.ts +50 -0
- package/dist/components/AspectRatio/aspectRatio.types.d.ts.map +1 -0
- package/dist/components/Autocomplete/Autocomplete.d.ts +32 -0
- package/dist/components/Autocomplete/Autocomplete.d.ts.map +1 -0
- package/dist/components/Autocomplete/autocomplete.types.d.ts +214 -0
- package/dist/components/Autocomplete/autocomplete.types.d.ts.map +1 -0
- package/dist/components/Autocomplete/autocomplete.variants.d.ts +214 -0
- package/dist/components/Autocomplete/autocomplete.variants.d.ts.map +1 -0
- package/dist/components/Box/Box.d.ts +36 -0
- package/dist/components/Box/Box.d.ts.map +1 -0
- package/dist/components/Box/box.types.d.ts +54 -0
- package/dist/components/Box/box.types.d.ts.map +1 -0
- package/dist/components/Box/box.variants.d.ts +402 -0
- package/dist/components/Box/box.variants.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +23 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/breadcrumbs.types.d.ts +98 -0
- package/dist/components/Breadcrumbs/breadcrumbs.types.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/breadcrumbs.variants.d.ts +85 -0
- package/dist/components/Breadcrumbs/breadcrumbs.variants.d.ts.map +1 -0
- package/dist/components/Button/Button.d.ts +44 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/button.types.d.ts +66 -0
- package/dist/components/Button/button.types.d.ts.map +1 -0
- package/dist/components/Button/button.variants.d.ts +104 -0
- package/dist/components/Button/button.variants.d.ts.map +1 -0
- package/dist/components/Calendar/Calendar.d.ts +14 -0
- package/dist/components/Calendar/Calendar.d.ts.map +1 -0
- package/dist/components/Calendar/calendar.types.d.ts +72 -0
- package/dist/components/Calendar/calendar.types.d.ts.map +1 -0
- package/dist/components/Calendar/calendar.variants.d.ts +99 -0
- package/dist/components/Calendar/calendar.variants.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +31 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox/checkbox.types.d.ts +86 -0
- package/dist/components/Checkbox/checkbox.types.d.ts.map +1 -0
- package/dist/components/Checkbox/checkbox.variants.d.ts +109 -0
- package/dist/components/Checkbox/checkbox.variants.d.ts.map +1 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +38 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -0
- package/dist/components/ConfirmDialog/confirmDialog.types.d.ts +80 -0
- package/dist/components/ConfirmDialog/confirmDialog.types.d.ts.map +1 -0
- package/dist/components/ConfirmDialog/confirmDialog.variants.d.ts +90 -0
- package/dist/components/ConfirmDialog/confirmDialog.variants.d.ts.map +1 -0
- package/dist/components/Container/Container.d.ts +35 -0
- package/dist/components/Container/Container.d.ts.map +1 -0
- package/dist/components/Container/container.types.d.ts +41 -0
- package/dist/components/Container/container.types.d.ts.map +1 -0
- package/dist/components/Container/container.variants.d.ts +93 -0
- package/dist/components/Container/container.variants.d.ts.map +1 -0
- package/dist/components/DataGrid/DataGrid.d.ts +29 -0
- package/dist/components/DataGrid/DataGrid.d.ts.map +1 -0
- package/dist/components/DataGrid/dataGrid.types.d.ts +214 -0
- package/dist/components/DataGrid/dataGrid.types.d.ts.map +1 -0
- package/dist/components/DataGrid/dataGrid.variants.d.ts +222 -0
- package/dist/components/DataGrid/dataGrid.variants.d.ts.map +1 -0
- package/dist/components/DataGrid/filters/ColumnFilters.d.ts +23 -0
- package/dist/components/DataGrid/filters/ColumnFilters.d.ts.map +1 -0
- package/dist/components/DataGrid/reorder/useColumnReorder.d.ts +50 -0
- package/dist/components/DataGrid/reorder/useColumnReorder.d.ts.map +1 -0
- package/dist/components/DataGrid/resize/useColumnResize.d.ts +39 -0
- package/dist/components/DataGrid/resize/useColumnResize.d.ts.map +1 -0
- package/dist/components/DataGrid/visibility/ColumnVisibilityMenu.d.ts +44 -0
- package/dist/components/DataGrid/visibility/ColumnVisibilityMenu.d.ts.map +1 -0
- package/dist/components/DatePicker/DatePicker.d.ts +14 -0
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -0
- package/dist/components/DatePicker/datePicker.types.d.ts +88 -0
- package/dist/components/DatePicker/datePicker.types.d.ts.map +1 -0
- package/dist/components/DatePicker/datePicker.variants.d.ts +97 -0
- package/dist/components/DatePicker/datePicker.variants.d.ts.map +1 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +13 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -0
- package/dist/components/DateRangePicker/dateRangePicker.types.d.ts +85 -0
- package/dist/components/DateRangePicker/dateRangePicker.types.d.ts.map +1 -0
- package/dist/components/DateRangePicker/dateRangePicker.variants.d.ts +183 -0
- package/dist/components/DateRangePicker/dateRangePicker.variants.d.ts.map +1 -0
- package/dist/components/DateTimePicker/DateTimePicker.d.ts +13 -0
- package/dist/components/DateTimePicker/DateTimePicker.d.ts.map +1 -0
- package/dist/components/DateTimePicker/dateTimePicker.types.d.ts +90 -0
- package/dist/components/DateTimePicker/dateTimePicker.types.d.ts.map +1 -0
- package/dist/components/DateTimePicker/dateTimePicker.variants.d.ts +107 -0
- package/dist/components/DateTimePicker/dateTimePicker.variants.d.ts.map +1 -0
- package/dist/components/Dialog/Dialog.d.ts +17 -0
- package/dist/components/Dialog/Dialog.d.ts.map +1 -0
- package/dist/components/Dialog/dialog.types.d.ts +75 -0
- package/dist/components/Dialog/dialog.types.d.ts.map +1 -0
- package/dist/components/Dialog/dialog.variants.d.ts +80 -0
- package/dist/components/Dialog/dialog.variants.d.ts.map +1 -0
- package/dist/components/Divider/Divider.d.ts +50 -0
- package/dist/components/Divider/Divider.d.ts.map +1 -0
- package/dist/components/Divider/divider.types.d.ts +47 -0
- package/dist/components/Divider/divider.types.d.ts.map +1 -0
- package/dist/components/Divider/divider.variants.d.ts +129 -0
- package/dist/components/Divider/divider.variants.d.ts.map +1 -0
- package/dist/components/Grid/Grid.d.ts +32 -0
- package/dist/components/Grid/Grid.d.ts.map +1 -0
- package/dist/components/Grid/grid.types.d.ts +103 -0
- package/dist/components/Grid/grid.types.d.ts.map +1 -0
- package/dist/components/Grid/grid.variants.d.ts +453 -0
- package/dist/components/Grid/grid.variants.d.ts.map +1 -0
- package/dist/components/LeftNav/LeftNav.d.ts +34 -0
- package/dist/components/LeftNav/LeftNav.d.ts.map +1 -0
- package/dist/components/LeftNav/leftNav.types.d.ts +136 -0
- package/dist/components/LeftNav/leftNav.types.d.ts.map +1 -0
- package/dist/components/LeftNav/leftNav.variants.d.ts +143 -0
- package/dist/components/LeftNav/leftNav.variants.d.ts.map +1 -0
- package/dist/components/NumberField/NumberField.d.ts +18 -0
- package/dist/components/NumberField/NumberField.d.ts.map +1 -0
- package/dist/components/NumberField/numberField.types.d.ts +79 -0
- package/dist/components/NumberField/numberField.types.d.ts.map +1 -0
- package/dist/components/NumberField/numberField.variants.d.ts +169 -0
- package/dist/components/NumberField/numberField.variants.d.ts.map +1 -0
- package/dist/components/OTPField/OTPField.d.ts +25 -0
- package/dist/components/OTPField/OTPField.d.ts.map +1 -0
- package/dist/components/OTPField/otpField.types.d.ts +74 -0
- package/dist/components/OTPField/otpField.types.d.ts.map +1 -0
- package/dist/components/OTPField/otpField.variants.d.ts +105 -0
- package/dist/components/OTPField/otpField.variants.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.d.ts +32 -0
- package/dist/components/Pagination/Pagination.d.ts.map +1 -0
- package/dist/components/Pagination/pagination.helpers.d.ts +23 -0
- package/dist/components/Pagination/pagination.helpers.d.ts.map +1 -0
- package/dist/components/Pagination/pagination.types.d.ts +120 -0
- package/dist/components/Pagination/pagination.types.d.ts.map +1 -0
- package/dist/components/Pagination/pagination.variants.d.ts +150 -0
- package/dist/components/Pagination/pagination.variants.d.ts.map +1 -0
- package/dist/components/Popover/Popover.d.ts +15 -0
- package/dist/components/Popover/Popover.d.ts.map +1 -0
- package/dist/components/Popover/popover.types.d.ts +45 -0
- package/dist/components/Popover/popover.types.d.ts.map +1 -0
- package/dist/components/Popover/popover.variants.d.ts +34 -0
- package/dist/components/Popover/popover.variants.d.ts.map +1 -0
- package/dist/components/RadioGroup/RadioGroup.d.ts +35 -0
- package/dist/components/RadioGroup/RadioGroup.d.ts.map +1 -0
- package/dist/components/RadioGroup/radioGroup.types.d.ts +103 -0
- package/dist/components/RadioGroup/radioGroup.types.d.ts.map +1 -0
- package/dist/components/RadioGroup/radioGroup.variants.d.ts +166 -0
- package/dist/components/RadioGroup/radioGroup.variants.d.ts.map +1 -0
- package/dist/components/Skeleton/Skeleton.d.ts +23 -0
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/components/Skeleton/skeleton.types.d.ts +56 -0
- package/dist/components/Skeleton/skeleton.types.d.ts.map +1 -0
- package/dist/components/Skeleton/skeleton.variants.d.ts +110 -0
- package/dist/components/Skeleton/skeleton.variants.d.ts.map +1 -0
- package/dist/components/Snackbar/Snackbar.d.ts +37 -0
- package/dist/components/Snackbar/Snackbar.d.ts.map +1 -0
- package/dist/components/Snackbar/snackbar.types.d.ts +86 -0
- package/dist/components/Snackbar/snackbar.types.d.ts.map +1 -0
- package/dist/components/Snackbar/snackbar.variants.d.ts +153 -0
- package/dist/components/Snackbar/snackbar.variants.d.ts.map +1 -0
- package/dist/components/Stack/Stack.d.ts +24 -0
- package/dist/components/Stack/Stack.d.ts.map +1 -0
- package/dist/components/Stack/stack.types.d.ts +61 -0
- package/dist/components/Stack/stack.types.d.ts.map +1 -0
- package/dist/components/Stack/stack.variants.d.ts +163 -0
- package/dist/components/Stack/stack.variants.d.ts.map +1 -0
- package/dist/components/Switch/Switch.d.ts +15 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -0
- package/dist/components/Switch/switch.types.d.ts +47 -0
- package/dist/components/Switch/switch.types.d.ts.map +1 -0
- package/dist/components/Switch/switch.variants.d.ts +105 -0
- package/dist/components/Switch/switch.variants.d.ts.map +1 -0
- package/dist/components/Table/Table.d.ts +24 -0
- package/dist/components/Table/Table.d.ts.map +1 -0
- package/dist/components/Table/cells/RenderButton.d.ts +13 -0
- package/dist/components/Table/cells/RenderButton.d.ts.map +1 -0
- package/dist/components/Table/cells/RenderChip.d.ts +80 -0
- package/dist/components/Table/cells/RenderChip.d.ts.map +1 -0
- package/dist/components/Table/cells/RenderText.d.ts +21 -0
- package/dist/components/Table/cells/RenderText.d.ts.map +1 -0
- package/dist/components/Table/cells/RenderTwoLine.d.ts +20 -0
- package/dist/components/Table/cells/RenderTwoLine.d.ts.map +1 -0
- package/dist/components/Table/cells/RowActionsMenu.d.ts +36 -0
- package/dist/components/Table/cells/RowActionsMenu.d.ts.map +1 -0
- package/dist/components/Table/cells/index.d.ts +11 -0
- package/dist/components/Table/cells/index.d.ts.map +1 -0
- package/dist/components/Table/table.types.d.ts +399 -0
- package/dist/components/Table/table.types.d.ts.map +1 -0
- package/dist/components/Table/table.variants.d.ts +285 -0
- package/dist/components/Table/table.variants.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts +19 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs/tabs.types.d.ts +61 -0
- package/dist/components/Tabs/tabs.types.d.ts.map +1 -0
- package/dist/components/Tabs/tabs.variants.d.ts +82 -0
- package/dist/components/Tabs/tabs.variants.d.ts.map +1 -0
- package/dist/components/Tabs/useTabs.d.ts +55 -0
- package/dist/components/Tabs/useTabs.d.ts.map +1 -0
- package/dist/components/TextField/TextField.d.ts +25 -0
- package/dist/components/TextField/TextField.d.ts.map +1 -0
- package/dist/components/TextField/textField.types.d.ts +98 -0
- package/dist/components/TextField/textField.types.d.ts.map +1 -0
- package/dist/components/TextField/textField.variants.d.ts +166 -0
- package/dist/components/TextField/textField.variants.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.d.ts +16 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/Textarea/textarea.types.d.ts +63 -0
- package/dist/components/Textarea/textarea.types.d.ts.map +1 -0
- package/dist/components/Textarea/textarea.variants.d.ts +197 -0
- package/dist/components/Textarea/textarea.variants.d.ts.map +1 -0
- package/dist/components/TimePicker/TimePicker.d.ts +12 -0
- package/dist/components/TimePicker/TimePicker.d.ts.map +1 -0
- package/dist/components/TimePicker/timePicker.types.d.ts +80 -0
- package/dist/components/TimePicker/timePicker.types.d.ts.map +1 -0
- package/dist/components/TimePicker/timePicker.variants.d.ts +103 -0
- package/dist/components/TimePicker/timePicker.variants.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +29 -0
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/tooltip.types.d.ts +47 -0
- package/dist/components/Tooltip/tooltip.types.d.ts.map +1 -0
- package/dist/components/Tooltip/tooltip.variants.d.ts +34 -0
- package/dist/components/Tooltip/tooltip.variants.d.ts.map +1 -0
- package/dist/components/TopBar/TopBar.d.ts +33 -0
- package/dist/components/TopBar/TopBar.d.ts.map +1 -0
- package/dist/components/TopBar/topBar.types.d.ts +49 -0
- package/dist/components/TopBar/topBar.types.d.ts.map +1 -0
- package/dist/components/TopBar/topBar.variants.d.ts +79 -0
- package/dist/components/TopBar/topBar.variants.d.ts.map +1 -0
- package/dist/components/Typography/Typography.d.ts +42 -0
- package/dist/components/Typography/Typography.d.ts.map +1 -0
- package/dist/components/Typography/typography.types.d.ts +61 -0
- package/dist/components/Typography/typography.types.d.ts.map +1 -0
- package/dist/components/Typography/typography.variants.d.ts +167 -0
- package/dist/components/Typography/typography.variants.d.ts.map +1 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +42 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -0
- package/dist/components/VisuallyHidden/visuallyHidden.types.d.ts +42 -0
- package/dist/components/VisuallyHidden/visuallyHidden.types.d.ts.map +1 -0
- package/dist/components/_shared/data/getNestedValue.d.ts +20 -0
- package/dist/components/_shared/data/getNestedValue.d.ts.map +1 -0
- package/dist/components/_shared/data/useColumnAutoDetect.d.ts +45 -0
- package/dist/components/_shared/data/useColumnAutoDetect.d.ts.map +1 -0
- package/dist/components/_shared/data/useControllableState.d.ts +23 -0
- package/dist/components/_shared/data/useControllableState.d.ts.map +1 -0
- package/dist/components/_shared/data/useDebouncedValue.d.ts +10 -0
- package/dist/components/_shared/data/useDebouncedValue.d.ts.map +1 -0
- package/dist/components/_shared/data/useTableFilter.d.ts +36 -0
- package/dist/components/_shared/data/useTableFilter.d.ts.map +1 -0
- package/dist/components/_shared/data/useTableSearch.d.ts +23 -0
- package/dist/components/_shared/data/useTableSearch.d.ts.map +1 -0
- package/dist/components/_shared/data/useTableSelection.d.ts +25 -0
- package/dist/components/_shared/data/useTableSelection.d.ts.map +1 -0
- package/dist/components/_shared/data/useTableSort.d.ts +20 -0
- package/dist/components/_shared/data/useTableSort.d.ts.map +1 -0
- package/dist/components/_shared/data/useVirtualizer.d.ts +107 -0
- package/dist/components/_shared/data/useVirtualizer.d.ts.map +1 -0
- package/dist/components/_shared/resolveValidationState.d.ts +42 -0
- package/dist/components/_shared/resolveValidationState.d.ts.map +1 -0
- package/dist/hooks/useAccessState.d.ts +37 -0
- package/dist/hooks/useAccessState.d.ts.map +1 -0
- package/dist/index.d.ts +146 -1
- package/dist/index.d.ts.map +1 -0
- package/dist/index.esm.js +133 -24
- package/dist/src/components/Tabs/Tabs.d.ts +8 -4
- package/dist/src/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/src/components/Tabs/tabs.types.d.ts +8 -2
- package/dist/src/components/Tabs/tabs.types.d.ts.map +1 -1
- package/dist/src/components/Tabs/useTabs.d.ts +55 -0
- package/dist/src/components/Tabs/useTabs.d.ts.map +1 -0
- package/dist/src/index.d.ts +1 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/tsconfig.lib.tsbuildinfo +1 -0
- package/dist/utils/cn.d.ts +26 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/package.json +7 -8
- package/src/components/Tabs/Tabs.test.tsx +85 -14
- package/src/components/Tabs/Tabs.tsx +35 -24
- package/src/components/Tabs/tabs.types.ts +8 -2
- package/src/components/Tabs/useTabs.ts +167 -0
- package/src/components/TextField/TextField.test.tsx +5 -1
- package/src/index.ts +1 -1
- package/vite.config.ts +8 -0
- package/vitest.config.mts +8 -1
|
@@ -0,0 +1,402 @@
|
|
|
1
|
+
import { type VariantProps } from 'tailwind-variants';
|
|
2
|
+
/**
|
|
3
|
+
* `boxVariants` — the surface primitive for @dashforge/tw.
|
|
4
|
+
*
|
|
5
|
+
* Architectural choice (planned with the user — F9 deep dive):
|
|
6
|
+
*
|
|
7
|
+
* Box replaces FOUR overlapping concepts from MUI in one component:
|
|
8
|
+
* • Box (typed div)
|
|
9
|
+
* • Paper (surface with elevation)
|
|
10
|
+
* • Card (Paper specialisation)
|
|
11
|
+
* • Surface (Joy UI's outlined / soft / solid / plain variants)
|
|
12
|
+
*
|
|
13
|
+
* The reason for the consolidation: in MUI you have to compose two or
|
|
14
|
+
* three of these to express even basic intent ("an outlined card with
|
|
15
|
+
* warning tone"). Here, one `<Box variant="outlined" color="warning">`
|
|
16
|
+
* says exactly that.
|
|
17
|
+
*
|
|
18
|
+
* Variant taxonomy (5 axes, intentionally non-overlapping with Stack/Grid):
|
|
19
|
+
*
|
|
20
|
+
* • plain — bare div + padding + radius. The escape hatch.
|
|
21
|
+
* • outlined — 1px border + subtle bg tint. The "card lite".
|
|
22
|
+
* • elevated — bg surface + shadow scale (0-5). The "floating panel".
|
|
23
|
+
* • soft — semi-transparent intent bg + intent text. The "callout".
|
|
24
|
+
* • solid — solid intent bg + contrasting text. The "CTA banner".
|
|
25
|
+
*
|
|
26
|
+
* `color` applies to outlined/soft/solid (each gets the 7 intent
|
|
27
|
+
* variants). `elevated` is color-agnostic (always neutral surface +
|
|
28
|
+
* shadow scale). `plain` is everything-agnostic.
|
|
29
|
+
*
|
|
30
|
+
* Spacing axes (p/px/py/m/mx/my): mapped explicitly to the 11 token
|
|
31
|
+
* steps from @dashforge/tw-tokens (0, 0.5, 1, 2, 3, 4, 6, 8, 12, 16, 24).
|
|
32
|
+
* Tailwind JIT requires literal class strings — building them dynamically
|
|
33
|
+
* with template literals would purge them. The verbosity below is the
|
|
34
|
+
* cost of keeping the bundle CSS-pure and rebuild-free.
|
|
35
|
+
*
|
|
36
|
+
* What this does NOT do (deliberate, see component docs):
|
|
37
|
+
* • No display / flex / grid props → use Stack or Grid
|
|
38
|
+
* • No position / overflow / z-index → use `sx`
|
|
39
|
+
* • No animation / transition → use `sx`
|
|
40
|
+
*
|
|
41
|
+
* The "Box is not flex" rule is the spine of the layout layer. Without
|
|
42
|
+
* it, every `<div>` in an app gravitates back to Box and the surface
|
|
43
|
+
* vs layout distinction collapses — exactly the failure mode this
|
|
44
|
+
* primitive exists to prevent.
|
|
45
|
+
*/
|
|
46
|
+
export declare const boxVariants: import("tailwind-variants").TVReturnType<{
|
|
47
|
+
variant: {
|
|
48
|
+
plain: string;
|
|
49
|
+
outlined: string;
|
|
50
|
+
elevated: string;
|
|
51
|
+
soft: string;
|
|
52
|
+
solid: string;
|
|
53
|
+
};
|
|
54
|
+
color: {
|
|
55
|
+
primary: string;
|
|
56
|
+
secondary: string;
|
|
57
|
+
success: string;
|
|
58
|
+
warning: string;
|
|
59
|
+
danger: string;
|
|
60
|
+
info: string;
|
|
61
|
+
neutral: string;
|
|
62
|
+
};
|
|
63
|
+
elevation: {
|
|
64
|
+
0: string;
|
|
65
|
+
1: string;
|
|
66
|
+
2: string;
|
|
67
|
+
3: string;
|
|
68
|
+
4: string;
|
|
69
|
+
5: string;
|
|
70
|
+
};
|
|
71
|
+
rounded: {
|
|
72
|
+
none: string;
|
|
73
|
+
sm: string;
|
|
74
|
+
md: string;
|
|
75
|
+
lg: string;
|
|
76
|
+
xl: string;
|
|
77
|
+
'2xl': string;
|
|
78
|
+
full: string;
|
|
79
|
+
};
|
|
80
|
+
p: {
|
|
81
|
+
0: string;
|
|
82
|
+
'0.5': string;
|
|
83
|
+
1: string;
|
|
84
|
+
2: string;
|
|
85
|
+
3: string;
|
|
86
|
+
4: string;
|
|
87
|
+
6: string;
|
|
88
|
+
8: string;
|
|
89
|
+
12: string;
|
|
90
|
+
16: string;
|
|
91
|
+
24: string;
|
|
92
|
+
};
|
|
93
|
+
px: {
|
|
94
|
+
0: string;
|
|
95
|
+
'0.5': string;
|
|
96
|
+
1: string;
|
|
97
|
+
2: string;
|
|
98
|
+
3: string;
|
|
99
|
+
4: string;
|
|
100
|
+
6: string;
|
|
101
|
+
8: string;
|
|
102
|
+
12: string;
|
|
103
|
+
16: string;
|
|
104
|
+
24: string;
|
|
105
|
+
};
|
|
106
|
+
py: {
|
|
107
|
+
0: string;
|
|
108
|
+
'0.5': string;
|
|
109
|
+
1: string;
|
|
110
|
+
2: string;
|
|
111
|
+
3: string;
|
|
112
|
+
4: string;
|
|
113
|
+
6: string;
|
|
114
|
+
8: string;
|
|
115
|
+
12: string;
|
|
116
|
+
16: string;
|
|
117
|
+
24: string;
|
|
118
|
+
};
|
|
119
|
+
m: {
|
|
120
|
+
0: string;
|
|
121
|
+
'0.5': string;
|
|
122
|
+
1: string;
|
|
123
|
+
2: string;
|
|
124
|
+
3: string;
|
|
125
|
+
4: string;
|
|
126
|
+
6: string;
|
|
127
|
+
8: string;
|
|
128
|
+
12: string;
|
|
129
|
+
16: string;
|
|
130
|
+
24: string;
|
|
131
|
+
};
|
|
132
|
+
mx: {
|
|
133
|
+
0: string;
|
|
134
|
+
'0.5': string;
|
|
135
|
+
1: string;
|
|
136
|
+
2: string;
|
|
137
|
+
3: string;
|
|
138
|
+
4: string;
|
|
139
|
+
6: string;
|
|
140
|
+
8: string;
|
|
141
|
+
12: string;
|
|
142
|
+
16: string;
|
|
143
|
+
24: string;
|
|
144
|
+
};
|
|
145
|
+
my: {
|
|
146
|
+
0: string;
|
|
147
|
+
'0.5': string;
|
|
148
|
+
1: string;
|
|
149
|
+
2: string;
|
|
150
|
+
3: string;
|
|
151
|
+
4: string;
|
|
152
|
+
6: string;
|
|
153
|
+
8: string;
|
|
154
|
+
12: string;
|
|
155
|
+
16: string;
|
|
156
|
+
24: string;
|
|
157
|
+
};
|
|
158
|
+
fullWidth: {
|
|
159
|
+
true: string;
|
|
160
|
+
};
|
|
161
|
+
fullHeight: {
|
|
162
|
+
true: string;
|
|
163
|
+
};
|
|
164
|
+
}, undefined, "block", {
|
|
165
|
+
variant: {
|
|
166
|
+
plain: string;
|
|
167
|
+
outlined: string;
|
|
168
|
+
elevated: string;
|
|
169
|
+
soft: string;
|
|
170
|
+
solid: string;
|
|
171
|
+
};
|
|
172
|
+
color: {
|
|
173
|
+
primary: string;
|
|
174
|
+
secondary: string;
|
|
175
|
+
success: string;
|
|
176
|
+
warning: string;
|
|
177
|
+
danger: string;
|
|
178
|
+
info: string;
|
|
179
|
+
neutral: string;
|
|
180
|
+
};
|
|
181
|
+
elevation: {
|
|
182
|
+
0: string;
|
|
183
|
+
1: string;
|
|
184
|
+
2: string;
|
|
185
|
+
3: string;
|
|
186
|
+
4: string;
|
|
187
|
+
5: string;
|
|
188
|
+
};
|
|
189
|
+
rounded: {
|
|
190
|
+
none: string;
|
|
191
|
+
sm: string;
|
|
192
|
+
md: string;
|
|
193
|
+
lg: string;
|
|
194
|
+
xl: string;
|
|
195
|
+
'2xl': string;
|
|
196
|
+
full: string;
|
|
197
|
+
};
|
|
198
|
+
p: {
|
|
199
|
+
0: string;
|
|
200
|
+
'0.5': string;
|
|
201
|
+
1: string;
|
|
202
|
+
2: string;
|
|
203
|
+
3: string;
|
|
204
|
+
4: string;
|
|
205
|
+
6: string;
|
|
206
|
+
8: string;
|
|
207
|
+
12: string;
|
|
208
|
+
16: string;
|
|
209
|
+
24: string;
|
|
210
|
+
};
|
|
211
|
+
px: {
|
|
212
|
+
0: string;
|
|
213
|
+
'0.5': string;
|
|
214
|
+
1: string;
|
|
215
|
+
2: string;
|
|
216
|
+
3: string;
|
|
217
|
+
4: string;
|
|
218
|
+
6: string;
|
|
219
|
+
8: string;
|
|
220
|
+
12: string;
|
|
221
|
+
16: string;
|
|
222
|
+
24: string;
|
|
223
|
+
};
|
|
224
|
+
py: {
|
|
225
|
+
0: string;
|
|
226
|
+
'0.5': string;
|
|
227
|
+
1: string;
|
|
228
|
+
2: string;
|
|
229
|
+
3: string;
|
|
230
|
+
4: string;
|
|
231
|
+
6: string;
|
|
232
|
+
8: string;
|
|
233
|
+
12: string;
|
|
234
|
+
16: string;
|
|
235
|
+
24: string;
|
|
236
|
+
};
|
|
237
|
+
m: {
|
|
238
|
+
0: string;
|
|
239
|
+
'0.5': string;
|
|
240
|
+
1: string;
|
|
241
|
+
2: string;
|
|
242
|
+
3: string;
|
|
243
|
+
4: string;
|
|
244
|
+
6: string;
|
|
245
|
+
8: string;
|
|
246
|
+
12: string;
|
|
247
|
+
16: string;
|
|
248
|
+
24: string;
|
|
249
|
+
};
|
|
250
|
+
mx: {
|
|
251
|
+
0: string;
|
|
252
|
+
'0.5': string;
|
|
253
|
+
1: string;
|
|
254
|
+
2: string;
|
|
255
|
+
3: string;
|
|
256
|
+
4: string;
|
|
257
|
+
6: string;
|
|
258
|
+
8: string;
|
|
259
|
+
12: string;
|
|
260
|
+
16: string;
|
|
261
|
+
24: string;
|
|
262
|
+
};
|
|
263
|
+
my: {
|
|
264
|
+
0: string;
|
|
265
|
+
'0.5': string;
|
|
266
|
+
1: string;
|
|
267
|
+
2: string;
|
|
268
|
+
3: string;
|
|
269
|
+
4: string;
|
|
270
|
+
6: string;
|
|
271
|
+
8: string;
|
|
272
|
+
12: string;
|
|
273
|
+
16: string;
|
|
274
|
+
24: string;
|
|
275
|
+
};
|
|
276
|
+
fullWidth: {
|
|
277
|
+
true: string;
|
|
278
|
+
};
|
|
279
|
+
fullHeight: {
|
|
280
|
+
true: string;
|
|
281
|
+
};
|
|
282
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
283
|
+
variant: {
|
|
284
|
+
plain: string;
|
|
285
|
+
outlined: string;
|
|
286
|
+
elevated: string;
|
|
287
|
+
soft: string;
|
|
288
|
+
solid: string;
|
|
289
|
+
};
|
|
290
|
+
color: {
|
|
291
|
+
primary: string;
|
|
292
|
+
secondary: string;
|
|
293
|
+
success: string;
|
|
294
|
+
warning: string;
|
|
295
|
+
danger: string;
|
|
296
|
+
info: string;
|
|
297
|
+
neutral: string;
|
|
298
|
+
};
|
|
299
|
+
elevation: {
|
|
300
|
+
0: string;
|
|
301
|
+
1: string;
|
|
302
|
+
2: string;
|
|
303
|
+
3: string;
|
|
304
|
+
4: string;
|
|
305
|
+
5: string;
|
|
306
|
+
};
|
|
307
|
+
rounded: {
|
|
308
|
+
none: string;
|
|
309
|
+
sm: string;
|
|
310
|
+
md: string;
|
|
311
|
+
lg: string;
|
|
312
|
+
xl: string;
|
|
313
|
+
'2xl': string;
|
|
314
|
+
full: string;
|
|
315
|
+
};
|
|
316
|
+
p: {
|
|
317
|
+
0: string;
|
|
318
|
+
'0.5': string;
|
|
319
|
+
1: string;
|
|
320
|
+
2: string;
|
|
321
|
+
3: string;
|
|
322
|
+
4: string;
|
|
323
|
+
6: string;
|
|
324
|
+
8: string;
|
|
325
|
+
12: string;
|
|
326
|
+
16: string;
|
|
327
|
+
24: string;
|
|
328
|
+
};
|
|
329
|
+
px: {
|
|
330
|
+
0: string;
|
|
331
|
+
'0.5': string;
|
|
332
|
+
1: string;
|
|
333
|
+
2: string;
|
|
334
|
+
3: string;
|
|
335
|
+
4: string;
|
|
336
|
+
6: string;
|
|
337
|
+
8: string;
|
|
338
|
+
12: string;
|
|
339
|
+
16: string;
|
|
340
|
+
24: string;
|
|
341
|
+
};
|
|
342
|
+
py: {
|
|
343
|
+
0: string;
|
|
344
|
+
'0.5': string;
|
|
345
|
+
1: string;
|
|
346
|
+
2: string;
|
|
347
|
+
3: string;
|
|
348
|
+
4: string;
|
|
349
|
+
6: string;
|
|
350
|
+
8: string;
|
|
351
|
+
12: string;
|
|
352
|
+
16: string;
|
|
353
|
+
24: string;
|
|
354
|
+
};
|
|
355
|
+
m: {
|
|
356
|
+
0: string;
|
|
357
|
+
'0.5': string;
|
|
358
|
+
1: string;
|
|
359
|
+
2: string;
|
|
360
|
+
3: string;
|
|
361
|
+
4: string;
|
|
362
|
+
6: string;
|
|
363
|
+
8: string;
|
|
364
|
+
12: string;
|
|
365
|
+
16: string;
|
|
366
|
+
24: string;
|
|
367
|
+
};
|
|
368
|
+
mx: {
|
|
369
|
+
0: string;
|
|
370
|
+
'0.5': string;
|
|
371
|
+
1: string;
|
|
372
|
+
2: string;
|
|
373
|
+
3: string;
|
|
374
|
+
4: string;
|
|
375
|
+
6: string;
|
|
376
|
+
8: string;
|
|
377
|
+
12: string;
|
|
378
|
+
16: string;
|
|
379
|
+
24: string;
|
|
380
|
+
};
|
|
381
|
+
my: {
|
|
382
|
+
0: string;
|
|
383
|
+
'0.5': string;
|
|
384
|
+
1: string;
|
|
385
|
+
2: string;
|
|
386
|
+
3: string;
|
|
387
|
+
4: string;
|
|
388
|
+
6: string;
|
|
389
|
+
8: string;
|
|
390
|
+
12: string;
|
|
391
|
+
16: string;
|
|
392
|
+
24: string;
|
|
393
|
+
};
|
|
394
|
+
fullWidth: {
|
|
395
|
+
true: string;
|
|
396
|
+
};
|
|
397
|
+
fullHeight: {
|
|
398
|
+
true: string;
|
|
399
|
+
};
|
|
400
|
+
}, undefined, "block", unknown, unknown, undefined>>;
|
|
401
|
+
export type BoxVariants = VariantProps<typeof boxVariants>;
|
|
402
|
+
//# sourceMappingURL=box.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"box.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Box/box.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAqLtB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,98 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,85 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAqC9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { ButtonProps } from './button.types.js';
|
|
2
|
+
/**
|
|
3
|
+
* Dashforge TW Button — action component with RBAC support.
|
|
4
|
+
*
|
|
5
|
+
* Mirrors the public contract of the MUI-side
|
|
6
|
+
* `@dashforge/ui/Button` (RBAC behaviour identical) while rendering
|
|
7
|
+
* through Tailwind classes + the `dashforgePreset` color scales. Like
|
|
8
|
+
* the MUI version, this is NOT a form field — there is no bridge
|
|
9
|
+
* integration and no `DashFormContext` consumption.
|
|
10
|
+
*
|
|
11
|
+
* **`asChild`** mirrors the shadcn/Radix pattern: when set, the
|
|
12
|
+
* immediate child element receives the Button's resolved className
|
|
13
|
+
* and the Button DOM is not emitted. Useful for router Links, anchor
|
|
14
|
+
* tags, or any element that should look like a button without
|
|
15
|
+
* nesting one inside it.
|
|
16
|
+
*
|
|
17
|
+
* **Override precedence**: `sx` wins over variant classes via
|
|
18
|
+
* `tailwind-merge` inside `cn()`. Variants win over the `base` class
|
|
19
|
+
* group (TV's `compoundVariants` handle color×variant combos
|
|
20
|
+
* explicitly).
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```tsx
|
|
24
|
+
* <Button onClick={onSave}>Save</Button>
|
|
25
|
+
*
|
|
26
|
+
* <Button variant="outline" color="danger" size="lg" sx="ml-4">
|
|
27
|
+
* Delete
|
|
28
|
+
* </Button>
|
|
29
|
+
*
|
|
30
|
+
* <Button asChild variant="solid" color="primary">
|
|
31
|
+
* <Link to="/dashboard">Open Dashboard</Link>
|
|
32
|
+
* </Button>
|
|
33
|
+
*
|
|
34
|
+
* <Button
|
|
35
|
+
* loading
|
|
36
|
+
* access={{ resource: 'article', action: 'publish', onUnauthorized: 'disable' }}
|
|
37
|
+
* onClick={onPublish}
|
|
38
|
+
* >
|
|
39
|
+
* Publish
|
|
40
|
+
* </Button>
|
|
41
|
+
* ```
|
|
42
|
+
*/
|
|
43
|
+
export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
44
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA8BrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,MAAM,2GAyEjB,CAAC"}
|