@devalok/shilp-sutra 0.30.0 → 0.32.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/README.md +82 -239
- package/dist/_chunks/badge-group.js +123 -171
- package/dist/_chunks/document-preview.js +92 -0
- package/dist/_chunks/file-preview.js +511 -0
- package/dist/_chunks/image-preview.js +90 -0
- package/dist/_chunks/primitives.js +109 -109
- package/dist/_chunks/stat-row.js +144 -124
- package/dist/_chunks/use-calendar.js +558 -490
- package/dist/ai/block-renderer.d.ts +2 -1
- package/dist/ai/block-renderer.d.ts.map +1 -1
- package/dist/ai/block-renderer.js +30 -29
- package/dist/ai/blocks/block-table.d.ts.map +1 -1
- package/dist/ai/blocks/confirm.d.ts.map +1 -1
- package/dist/ai/blocks/divider.d.ts.map +1 -1
- package/dist/ai/blocks/error.d.ts.map +1 -1
- package/dist/ai/blocks/info.d.ts.map +1 -1
- package/dist/ai/blocks/loading.d.ts.map +1 -1
- package/dist/ai/blocks/stat-row.d.ts.map +1 -1
- package/dist/ai/blocks/success.d.ts.map +1 -1
- package/dist/ai/blocks/text.d.ts.map +1 -1
- package/dist/ai/command-bar.d.ts +18 -0
- package/dist/ai/command-bar.d.ts.map +1 -1
- package/dist/ai/command-bar.js +126 -125
- package/dist/ai/conversation.d.ts +13 -1
- package/dist/ai/conversation.d.ts.map +1 -1
- package/dist/ai/conversation.js +78 -78
- package/dist/ai/types.d.ts +0 -1
- package/dist/ai/types.d.ts.map +1 -1
- package/dist/ai/types.js +1 -0
- package/dist/composed/bulk-action-bar.d.ts +6 -4
- package/dist/composed/bulk-action-bar.d.ts.map +1 -1
- package/dist/composed/bulk-action-bar.js +102 -58
- package/dist/composed/command-palette.d.ts +9 -0
- package/dist/composed/command-palette.d.ts.map +1 -1
- package/dist/composed/command-palette.js +68 -68
- package/dist/composed/confirm-dialog.d.ts +1 -1
- package/dist/composed/confirm-dialog.d.ts.map +1 -1
- package/dist/composed/confirm-dialog.js +10 -10
- package/dist/composed/content-card.d.ts.map +1 -1
- package/dist/composed/date-picker/date-picker.d.ts +11 -1
- package/dist/composed/date-picker/date-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/month-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/year-picker.d.ts.map +1 -1
- package/dist/composed/deadline-indicator.d.ts +1 -1
- package/dist/composed/deadline-indicator.d.ts.map +1 -1
- package/dist/composed/deadline-indicator.js +39 -36
- package/dist/composed/emoji-picker.d.ts +6 -0
- package/dist/composed/emoji-picker.d.ts.map +1 -1
- package/dist/composed/emoji-picker.js +22 -20
- package/dist/composed/error-boundary.d.ts +21 -1
- package/dist/composed/error-boundary.d.ts.map +1 -1
- package/dist/composed/error-boundary.js +47 -32
- package/dist/composed/file-preview/audio-preview.d.ts +7 -0
- package/dist/composed/file-preview/audio-preview.d.ts.map +1 -0
- package/dist/composed/file-preview/document-preview.d.ts +7 -0
- package/dist/composed/file-preview/document-preview.d.ts.map +1 -0
- package/dist/composed/file-preview/embed-preview.d.ts +7 -0
- package/dist/composed/file-preview/embed-preview.d.ts.map +1 -0
- package/dist/composed/file-preview/image-preview.d.ts +7 -0
- package/dist/composed/file-preview/image-preview.d.ts.map +1 -0
- package/dist/composed/file-preview/shared.d.ts +20 -0
- package/dist/composed/file-preview/shared.d.ts.map +1 -0
- package/dist/composed/file-preview/video-preview.d.ts +6 -0
- package/dist/composed/file-preview/video-preview.d.ts.map +1 -0
- package/dist/composed/file-preview.d.ts.map +1 -1
- package/dist/composed/file-preview.js +10 -662
- package/dist/composed/filter-bar.d.ts +10 -2
- package/dist/composed/filter-bar.d.ts.map +1 -1
- package/dist/composed/filter-bar.js +42 -43
- package/dist/composed/form-section.d.ts +1 -1
- package/dist/composed/form-section.d.ts.map +1 -1
- package/dist/composed/form-section.js +22 -21
- package/dist/composed/index.d.ts +2 -2
- package/dist/composed/index.d.ts.map +1 -1
- package/dist/composed/index.js +58 -57
- package/dist/composed/inline-edit.d.ts +1 -1
- package/dist/composed/inline-edit.d.ts.map +1 -1
- package/dist/composed/inline-edit.js +33 -32
- package/dist/composed/lib/string-utils.d.ts.map +1 -1
- package/dist/composed/loading-skeleton.d.ts.map +1 -1
- package/dist/composed/markdown-viewer.d.ts +1 -1
- package/dist/composed/markdown-viewer.d.ts.map +1 -1
- package/dist/composed/markdown-viewer.js +60 -59
- package/dist/composed/master-detail.d.ts +11 -7
- package/dist/composed/master-detail.d.ts.map +1 -1
- package/dist/composed/master-detail.js +123 -84
- package/dist/composed/page-header.d.ts.map +1 -1
- package/dist/composed/page-skeletons.d.ts.map +1 -1
- package/dist/composed/priority-indicator.d.ts +1 -0
- package/dist/composed/priority-indicator.js +1 -0
- package/dist/composed/responsive-overlay.d.ts +8 -0
- package/dist/composed/responsive-overlay.d.ts.map +1 -1
- package/dist/composed/rich-text-editor.d.ts +11 -3
- package/dist/composed/rich-text-editor.d.ts.map +1 -1
- package/dist/composed/rich-text-editor.js +21 -20
- package/dist/composed/schedule-view.d.ts +9 -1
- package/dist/composed/schedule-view.d.ts.map +1 -1
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +8 -4
- package/dist/hooks/use-touch-device.d.ts +12 -0
- package/dist/hooks/use-touch-device.d.ts.map +1 -0
- package/dist/hooks/use-touch-device.js +13 -0
- package/dist/hooks/use-viewport-height.d.ts +11 -0
- package/dist/hooks/use-viewport-height.d.ts.map +1 -0
- package/dist/hooks/use-viewport-height.js +16 -0
- package/dist/shell/bottom-navbar.d.ts.map +1 -1
- package/dist/shell/bottom-navbar.js +72 -63
- package/dist/shell/command-registry.d.ts.map +1 -1
- package/dist/shell/notification-center.d.ts.map +1 -1
- package/dist/shell/notification-center.js +77 -77
- package/dist/shell/top-bar.d.ts +2 -2
- package/dist/shell/top-bar.d.ts.map +1 -1
- package/dist/shell/top-bar.js +61 -60
- package/dist/tailwind/index.cjs +51 -7
- package/dist/tailwind/preset.d.ts.map +1 -1
- package/dist/tailwind/preset.js +51 -7
- package/dist/tokens/primitives.css +3 -1
- package/dist/tokens/semantic.css +16 -13
- package/dist/tokens/typography.css +33 -4
- package/dist/ui/alert.d.ts +1 -0
- package/dist/ui/alert.d.ts.map +1 -1
- package/dist/ui/alert.js +42 -37
- package/dist/ui/autocomplete.d.ts.map +1 -1
- package/dist/ui/autocomplete.js +38 -39
- package/dist/ui/badge.d.ts +110 -2
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/banner.d.ts.map +1 -1
- package/dist/ui/banner.js +8 -7
- package/dist/ui/button.d.ts +2 -2
- package/dist/ui/button.d.ts.map +1 -1
- package/dist/ui/button.js +54 -74
- package/dist/ui/card.d.ts +5 -1
- package/dist/ui/card.d.ts.map +1 -1
- package/dist/ui/card.js +111 -79
- package/dist/ui/charts/area-chart.d.ts +2 -0
- package/dist/ui/charts/area-chart.d.ts.map +1 -1
- package/dist/ui/charts/bar-chart.d.ts +2 -0
- package/dist/ui/charts/bar-chart.d.ts.map +1 -1
- package/dist/ui/charts/chart-container.d.ts +2 -0
- package/dist/ui/charts/chart-container.d.ts.map +1 -1
- package/dist/ui/charts/index.js +583 -577
- package/dist/ui/charts/line-chart.d.ts +2 -0
- package/dist/ui/charts/line-chart.d.ts.map +1 -1
- package/dist/ui/charts/pie-chart.d.ts +2 -0
- package/dist/ui/charts/pie-chart.d.ts.map +1 -1
- package/dist/ui/charts/radar-chart.d.ts +2 -0
- package/dist/ui/charts/radar-chart.d.ts.map +1 -1
- package/dist/ui/checkbox.d.ts +2 -0
- package/dist/ui/checkbox.d.ts.map +1 -1
- package/dist/ui/checkbox.js +36 -27
- package/dist/ui/code.d.ts.map +1 -1
- package/dist/ui/color-input.js +5 -5
- package/dist/ui/combobox.d.ts +6 -1
- package/dist/ui/combobox.d.ts.map +1 -1
- package/dist/ui/combobox.js +1 -1
- package/dist/ui/container.d.ts.map +1 -1
- package/dist/ui/context-menu.js +1 -1
- package/dist/ui/data-table-body.d.ts +12 -0
- package/dist/ui/data-table-body.d.ts.map +1 -0
- package/dist/ui/data-table-body.js +219 -0
- package/dist/ui/data-table-bulk-actions.d.ts +19 -0
- package/dist/ui/data-table-bulk-actions.d.ts.map +1 -0
- package/dist/ui/data-table-bulk-actions.js +61 -0
- package/dist/ui/data-table-card.d.ts +9 -0
- package/dist/ui/data-table-card.d.ts.map +1 -0
- package/dist/ui/data-table-card.js +73 -0
- package/dist/ui/data-table-context.d.ts +62 -0
- package/dist/ui/data-table-context.d.ts.map +1 -0
- package/dist/ui/data-table-context.js +48 -0
- package/dist/ui/data-table-header.d.ts +10 -0
- package/dist/ui/data-table-header.d.ts.map +1 -0
- package/dist/ui/data-table-header.js +141 -0
- package/dist/ui/data-table-pagination.d.ts +13 -0
- package/dist/ui/data-table-pagination.d.ts.map +1 -0
- package/dist/ui/data-table-pagination.js +84 -0
- package/dist/ui/data-table.d.ts +11 -9
- package/dist/ui/data-table.d.ts.map +1 -1
- package/dist/ui/data-table.js +258 -573
- package/dist/ui/dialog.d.ts +6 -2
- package/dist/ui/dialog.d.ts.map +1 -1
- package/dist/ui/dialog.js +84 -82
- package/dist/ui/dropdown-menu.js +1 -1
- package/dist/ui/hover-card.d.ts +7 -0
- package/dist/ui/hover-card.d.ts.map +1 -1
- package/dist/ui/hover-card.js +3 -3
- package/dist/ui/icon-group.d.ts +2 -4
- package/dist/ui/icon-group.d.ts.map +1 -1
- package/dist/ui/icon-group.js +22 -23
- package/dist/ui/index.d.ts +1 -2
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +94 -99
- package/dist/ui/label.js +1 -1
- package/dist/ui/lib/bottom-sheet.d.ts +16 -0
- package/dist/ui/lib/bottom-sheet.d.ts.map +1 -0
- package/dist/ui/lib/date-utils.d.ts.map +1 -1
- package/dist/ui/lib/motion.d.ts.map +1 -1
- package/dist/ui/lib/utils.d.ts.map +1 -1
- package/dist/ui/menubar.d.ts.map +1 -1
- package/dist/ui/menubar.js +64 -73
- package/dist/ui/navigation-menu.d.ts.map +1 -1
- package/dist/ui/navigation-menu.js +40 -44
- package/dist/ui/number-input.d.ts.map +1 -1
- package/dist/ui/number-input.js +19 -17
- package/dist/ui/popover.d.ts.map +1 -1
- package/dist/ui/popover.js +107 -32
- package/dist/ui/progress-ring.d.ts.map +1 -1
- package/dist/ui/progress-ring.js +80 -80
- package/dist/ui/progress.js +4 -4
- package/dist/ui/radio.d.ts +5 -2
- package/dist/ui/radio.d.ts.map +1 -1
- package/dist/ui/radio.js +29 -20
- package/dist/ui/search-input.d.ts.map +1 -1
- package/dist/ui/search-input.js +13 -12
- package/dist/ui/segmented-control.d.ts +6 -108
- package/dist/ui/segmented-control.d.ts.map +1 -1
- package/dist/ui/segmented-control.js +86 -272
- package/dist/ui/select.d.ts +3 -1
- package/dist/ui/select.d.ts.map +1 -1
- package/dist/ui/select.js +83 -71
- package/dist/ui/separator.js +5 -5
- package/dist/ui/sheet.d.ts +2 -0
- package/dist/ui/sheet.d.ts.map +1 -1
- package/dist/ui/sheet.js +102 -84
- package/dist/ui/sidebar.d.ts.map +1 -1
- package/dist/ui/sidebar.js +200 -175
- package/dist/ui/skeleton.d.ts.map +1 -1
- package/dist/ui/slider.js +14 -14
- package/dist/ui/stack.d.ts.map +1 -1
- package/dist/ui/status-dot.js +8 -8
- package/dist/ui/stepper.d.ts.map +1 -1
- package/dist/ui/stepper.js +33 -31
- package/dist/ui/switch.js +3 -3
- package/dist/ui/table.d.ts.map +1 -1
- package/dist/ui/tabs.d.ts +7 -0
- package/dist/ui/tabs.d.ts.map +1 -1
- package/dist/ui/tabs.js +102 -76
- package/dist/ui/text.d.ts.map +1 -1
- package/dist/ui/toast-types.d.ts +0 -1
- package/dist/ui/toast-types.d.ts.map +1 -1
- package/dist/ui/toast-types.js +0 -1
- package/dist/ui/toast.d.ts.map +1 -1
- package/dist/ui/toast.js +156 -150
- package/dist/ui/toggle-group.js +1 -1
- package/dist/ui/toggle.js +1 -1
- package/dist/ui/tooltip.js +3 -3
- package/dist/ui/visually-hidden.d.ts.map +1 -1
- package/docs/components/ui/alert.md +3 -0
- package/docs/components/ui/badge.md +3 -0
- package/docs/components/ui/card.md +4 -0
- package/docs/components/ui/data-table-body.md +13 -0
- package/docs/components/ui/data-table-bulk-actions.md +13 -0
- package/docs/components/ui/data-table-card.md +13 -0
- package/docs/components/ui/data-table-context.md +13 -0
- package/docs/components/ui/data-table-header.md +13 -0
- package/docs/components/ui/data-table-pagination.md +13 -0
- package/docs/components/ui/select.md +4 -0
- package/docs/components/ui/tabs.md +4 -0
- package/llms-full.txt +97 -48
- package/llms.txt +46 -1
- package/package.json +37 -7
- package/dist/ui/chip.d.ts +0 -19
- package/dist/ui/chip.d.ts.map +0 -1
- package/dist/ui/chip.js +0 -14
- package/dist/ui/lib/use-ripple.d.ts +0 -14
- package/dist/ui/lib/use-ripple.d.ts.map +0 -1
|
@@ -30,6 +30,8 @@ export interface LineChartProps extends Omit<React.HTMLAttributes<HTMLDivElement
|
|
|
30
30
|
xLabel?: string;
|
|
31
31
|
/** Y-axis label */
|
|
32
32
|
yLabel?: string;
|
|
33
|
+
/** Accessible label for the chart */
|
|
34
|
+
ariaLabel?: string;
|
|
33
35
|
className?: string;
|
|
34
36
|
}
|
|
35
37
|
export declare const LineChart: React.ForwardRefExoticComponent<LineChartProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/line-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5F,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,CAAA;IACjB,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,+CAA+C;IAC/C,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/line-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5F,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,CAAA;IACjB,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,+CAA+C;IAC/C,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,SAAS,uFAsNrB,CAAA"}
|
|
@@ -29,6 +29,8 @@ export interface PieChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>
|
|
|
29
29
|
className?: string;
|
|
30
30
|
/** Content to show in center of donut */
|
|
31
31
|
centerLabel?: React.ReactNode;
|
|
32
|
+
/** Accessible label for the chart */
|
|
33
|
+
ariaLabel?: string;
|
|
32
34
|
}
|
|
33
35
|
export declare const PieChart: React.ForwardRefExoticComponent<PieChartProps & React.RefAttributes<HTMLDivElement>>;
|
|
34
36
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/pie-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,gCAAgC;IAChC,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,CAAA;IACzB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/pie-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,gCAAgC;IAChC,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,CAAA;IACzB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,QAAQ,sFA0MpB,CAAA"}
|
|
@@ -27,6 +27,8 @@ export interface RadarChartProps extends Omit<React.HTMLAttributes<HTMLDivElemen
|
|
|
27
27
|
showLegend?: boolean;
|
|
28
28
|
/** Animate on mount */
|
|
29
29
|
animate?: boolean;
|
|
30
|
+
/** Accessible label for the chart */
|
|
31
|
+
ariaLabel?: string;
|
|
30
32
|
className?: string;
|
|
31
33
|
}
|
|
32
34
|
export declare const RadarChart: React.ForwardRefExoticComponent<RadarChartProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radar-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/radar-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC7F,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACvC,6BAA6B;IAC7B,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,qBAAqB;IACrB,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACxD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"radar-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/radar-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC7F,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACvC,6BAA6B;IAC7B,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,qBAAqB;IACrB,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACxD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,UAAU,wFAqStB,CAAA"}
|
package/dist/ui/checkbox.d.ts
CHANGED
|
@@ -31,6 +31,8 @@ import * as React from 'react';
|
|
|
31
31
|
export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
|
|
32
32
|
error?: boolean;
|
|
33
33
|
indeterminate?: boolean;
|
|
34
|
+
/** Control size — `sm` (20px), `md` (24px, default, WCAG compliant), `lg` (28px). */
|
|
35
|
+
size?: 'sm' | 'md' | 'lg';
|
|
34
36
|
}
|
|
35
37
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
36
38
|
export { Checkbox };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,4BAA4B,CAAA;AAE/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IAClG,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,4BAA4B,CAAA;AAE/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IAClG,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,qFAAqF;IACrF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAcD,QAAA,MAAM,QAAQ,yFA+FZ,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
package/dist/ui/checkbox.js
CHANGED
|
@@ -1,27 +1,36 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as e } from "react/jsx-runtime";
|
|
3
|
-
import { j as
|
|
4
|
-
import * as
|
|
3
|
+
import { j as l, k as C } from "../_chunks/primitives.js";
|
|
4
|
+
import * as n from "react";
|
|
5
5
|
import { cn as v } from "./lib/utils.js";
|
|
6
|
-
import { A as
|
|
7
|
-
const y =
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
import { A as w, m as i } from "../_chunks/framer.js";
|
|
7
|
+
const y = {
|
|
8
|
+
sm: "h-5 w-5",
|
|
9
|
+
md: "h-6 w-6",
|
|
10
|
+
lg: "h-7 w-7"
|
|
11
|
+
}, L = {
|
|
12
|
+
sm: "h-[14px] w-[14px]",
|
|
13
|
+
md: "h-[18px] w-[18px]",
|
|
14
|
+
lg: "h-5 w-5"
|
|
15
|
+
}, j = n.forwardRef(({ className: u, error: m, indeterminate: a, size: o = "md", checked: s, onCheckedChange: c, defaultChecked: d, ...f }, p) => {
|
|
16
|
+
const t = s !== void 0, [b, k] = n.useState(
|
|
17
|
+
a ? "indeterminate" : !!d
|
|
18
|
+
), r = a ? "indeterminate" : t ? s : b, g = r === !0 || r === "indeterminate", x = n.useCallback(
|
|
19
|
+
(h) => {
|
|
20
|
+
t || k(h), c?.(h);
|
|
13
21
|
},
|
|
14
|
-
[t,
|
|
22
|
+
[t, c]
|
|
15
23
|
);
|
|
16
24
|
return /* @__PURE__ */ e(
|
|
17
|
-
|
|
25
|
+
l,
|
|
18
26
|
{
|
|
19
|
-
ref:
|
|
20
|
-
checked: t || a ?
|
|
21
|
-
defaultChecked: !t && !a ?
|
|
22
|
-
onCheckedChange:
|
|
27
|
+
ref: p,
|
|
28
|
+
checked: t || a ? r : void 0,
|
|
29
|
+
defaultChecked: !t && !a ? d : void 0,
|
|
30
|
+
onCheckedChange: x,
|
|
23
31
|
className: v(
|
|
24
|
-
"peer flex items-center justify-center
|
|
32
|
+
"touch-target peer flex items-center justify-center shrink-0 rounded-ds-sm",
|
|
33
|
+
y[o],
|
|
25
34
|
"border border-surface-border-strong",
|
|
26
35
|
"bg-surface-raised-hover",
|
|
27
36
|
"transition-colors duration-fast-01 ease-productive-standard",
|
|
@@ -30,12 +39,12 @@ const y = r.forwardRef(({ className: l, error: u, indeterminate: a, checked: o,
|
|
|
30
39
|
"data-[state=unchecked]:hover:border-accent-7 data-[state=unchecked]:hover:bg-surface-raised-active",
|
|
31
40
|
"data-[state=checked]:bg-accent-9 data-[state=checked]:border-accent-7 data-[state=checked]:text-accent-fg",
|
|
32
41
|
"data-[state=indeterminate]:bg-accent-9 data-[state=indeterminate]:border-accent-7 data-[state=indeterminate]:text-accent-fg",
|
|
33
|
-
|
|
34
|
-
|
|
42
|
+
m && "border-error-7 bg-error-3",
|
|
43
|
+
u
|
|
35
44
|
),
|
|
36
|
-
...
|
|
37
|
-
children: /* @__PURE__ */ e(
|
|
38
|
-
|
|
45
|
+
...f,
|
|
46
|
+
children: /* @__PURE__ */ e(w, { children: g && /* @__PURE__ */ e(C, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e(
|
|
47
|
+
i.span,
|
|
39
48
|
{
|
|
40
49
|
className: "flex items-center justify-center text-current",
|
|
41
50
|
initial: { opacity: 0 },
|
|
@@ -49,9 +58,9 @@ const y = r.forwardRef(({ className: l, error: u, indeterminate: a, checked: o,
|
|
|
49
58
|
height: "16",
|
|
50
59
|
viewBox: "0 0 16 16",
|
|
51
60
|
fill: "none",
|
|
52
|
-
className:
|
|
53
|
-
children:
|
|
54
|
-
|
|
61
|
+
className: L[o],
|
|
62
|
+
children: r === "indeterminate" ? /* @__PURE__ */ e(
|
|
63
|
+
i.line,
|
|
55
64
|
{
|
|
56
65
|
x1: "4",
|
|
57
66
|
y1: "8",
|
|
@@ -66,7 +75,7 @@ const y = r.forwardRef(({ className: l, error: u, indeterminate: a, checked: o,
|
|
|
66
75
|
transition: { duration: 0.24, ease: "easeOut" }
|
|
67
76
|
}
|
|
68
77
|
) : /* @__PURE__ */ e(
|
|
69
|
-
|
|
78
|
+
i.path,
|
|
70
79
|
{
|
|
71
80
|
d: "M3.5 8.5l3 3 6-6",
|
|
72
81
|
stroke: "currentColor",
|
|
@@ -87,7 +96,7 @@ const y = r.forwardRef(({ className: l, error: u, indeterminate: a, checked: o,
|
|
|
87
96
|
}
|
|
88
97
|
);
|
|
89
98
|
});
|
|
90
|
-
|
|
99
|
+
j.displayName = l.displayName;
|
|
91
100
|
export {
|
|
92
|
-
|
|
101
|
+
j as Checkbox
|
|
93
102
|
};
|
package/dist/ui/code.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/ui/code.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/ui/code.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC7B;AAED,QAAA,MAAM,IAAI,gGA8BT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
package/dist/ui/color-input.js
CHANGED
|
@@ -64,7 +64,7 @@ function w({
|
|
|
64
64
|
id: h
|
|
65
65
|
}) {
|
|
66
66
|
return /* @__PURE__ */ f("div", { className: k("flex flex-col gap-ds-01", p), children: [
|
|
67
|
-
/* @__PURE__ */ r("label", { htmlFor: h, className: "text-
|
|
67
|
+
/* @__PURE__ */ r("label", { htmlFor: h, className: "text-ds-xs font-medium uppercase tracking-wider text-surface-fg-muted", children: l }),
|
|
68
68
|
/* @__PURE__ */ f("div", { className: "flex items-center", children: [
|
|
69
69
|
s && /* @__PURE__ */ r("span", { className: "text-ds-sm text-surface-fg-muted", children: s }),
|
|
70
70
|
/* @__PURE__ */ r(
|
|
@@ -222,7 +222,7 @@ const ne = g.forwardRef(
|
|
|
222
222
|
type: "button",
|
|
223
223
|
onClick: () => A(e),
|
|
224
224
|
className: k(
|
|
225
|
-
"relative rounded-ds-sm px-ds-02 py-px text-
|
|
225
|
+
"relative min-h-6 rounded-ds-sm px-ds-02 py-px text-ds-xs font-semibold uppercase tracking-wider transition-colors",
|
|
226
226
|
$ === e ? "text-accent-11" : "text-surface-fg-muted hover:text-surface-fg"
|
|
227
227
|
),
|
|
228
228
|
children: [
|
|
@@ -345,14 +345,14 @@ const ne = g.forwardRef(
|
|
|
345
345
|
title: `Original: ${v}`
|
|
346
346
|
}
|
|
347
347
|
),
|
|
348
|
-
/* @__PURE__ */ r("span", { className: "text-
|
|
348
|
+
/* @__PURE__ */ r("span", { className: "text-ds-xs text-surface-fg-muted", children: v.toUpperCase() }),
|
|
349
349
|
/* @__PURE__ */ r("span", { className: "flex-1" }),
|
|
350
350
|
I.length > 0 && /* @__PURE__ */ r(
|
|
351
351
|
"button",
|
|
352
352
|
{
|
|
353
353
|
type: "button",
|
|
354
354
|
onClick: _,
|
|
355
|
-
className: "rounded-ds-sm px-ds-02 py-px text-
|
|
355
|
+
className: "min-h-6 rounded-ds-sm px-ds-02 py-px text-ds-xs font-medium text-surface-fg-muted transition-colors hover:text-surface-fg",
|
|
356
356
|
children: "Undo"
|
|
357
357
|
}
|
|
358
358
|
),
|
|
@@ -361,7 +361,7 @@ const ne = g.forwardRef(
|
|
|
361
361
|
{
|
|
362
362
|
type: "button",
|
|
363
363
|
onClick: q,
|
|
364
|
-
className: "rounded-ds-sm px-ds-02 py-px text-
|
|
364
|
+
className: "min-h-6 rounded-ds-sm px-ds-02 py-px text-ds-xs font-medium text-surface-fg-muted transition-colors hover:text-error-11",
|
|
365
365
|
children: "Reset"
|
|
366
366
|
}
|
|
367
367
|
)
|
package/dist/ui/combobox.d.ts
CHANGED
|
@@ -59,14 +59,19 @@ export interface ComboboxOption {
|
|
|
59
59
|
* // These are just a few ways — feel free to combine props creatively!
|
|
60
60
|
*/
|
|
61
61
|
interface ComboboxBaseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
62
|
+
/** Available options shown in the dropdown. */
|
|
62
63
|
options: ComboboxOption[];
|
|
64
|
+
/** Placeholder shown in the trigger when no value is selected. */
|
|
63
65
|
placeholder?: string;
|
|
66
|
+
/** Placeholder for the search input inside the dropdown. */
|
|
64
67
|
searchPlaceholder?: string;
|
|
68
|
+
/** Message shown when the search yields no results. */
|
|
65
69
|
emptyMessage?: string;
|
|
66
70
|
disabled?: boolean;
|
|
67
71
|
triggerClassName?: string;
|
|
68
|
-
/** Max visible items in the dropdown before scroll (default 6) */
|
|
72
|
+
/** Max visible items in the dropdown before scroll (default 6). */
|
|
69
73
|
maxVisible?: number;
|
|
74
|
+
/** Custom renderer for each option row. Receives the option and whether it's currently selected. */
|
|
70
75
|
renderOption?: (option: ComboboxOption, selected: boolean) => React.ReactNode;
|
|
71
76
|
/** Accessible label for the trigger button. Falls back to `placeholder` if not provided. */
|
|
72
77
|
accessibleLabel?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/ui/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,
|
|
1
|
+
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/ui/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,+CAA+C;IAC/C,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oGAAoG;IACpG,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7E,4FAA4F;IAC5F,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,UAAU,qBAAsB,SAAQ,iBAAiB;IACvD,QAAQ,EAAE,IAAI,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACzC;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,qBAAqB,CAAA;AAQvE,QAAA,MAAM,QAAQ,yFAoYb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
package/dist/ui/combobox.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as a, jsxs as o, Fragment as G } from "react/jsx-runtime";
|
|
3
3
|
import * as r from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { o as U, p as J, q as Q, r as W } from "../_chunks/primitives.js";
|
|
5
5
|
import { IconChevronDown as Y, IconSearch as Z, IconCheck as V, IconX as ee } from "@tabler/icons-react";
|
|
6
6
|
import { cn as h } from "./lib/utils.js";
|
|
7
7
|
import { tweens as se, springs as te } from "./lib/motion.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/ui/container.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/ui/container.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IACzD,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC,CAAA;AAQzE,QAAA,MAAM,SAAS,wGAad,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAA"}
|
package/dist/ui/context-menu.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as l, jsx as t } from "react/jsx-runtime";
|
|
3
3
|
import * as n from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { s as f, t as x, u as b, v as y, w as C, x as g, y as h, z as N, L as M, B as v, G, E as P, J as j, K as T, M as L } from "../_chunks/primitives.js";
|
|
5
5
|
import { IconChevronRight as A, IconCheck as B, IconCircle as E } from "@tabler/icons-react";
|
|
6
6
|
import { cn as d } from "./lib/utils.js";
|
|
7
7
|
import { tweens as w, springs as R } from "./lib/motion.js";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
import { VirtualItem } from '@tanstack/react-virtual';
|
|
4
|
+
export declare function DataTableBody<TData>({ loading, skeletonRowCount, noResultsText, emptyState, virtualItems, totalVirtualSize, }: {
|
|
5
|
+
loading?: boolean;
|
|
6
|
+
skeletonRowCount: number;
|
|
7
|
+
noResultsText?: string;
|
|
8
|
+
emptyState?: React.ReactNode;
|
|
9
|
+
virtualItems?: VirtualItem[];
|
|
10
|
+
totalVirtualSize?: number;
|
|
11
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
//# sourceMappingURL=data-table-body.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-table-body.d.ts","sourceRoot":"","sources":["../../src/ui/data-table-body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAiP1D,wBAAgB,aAAa,CAAC,KAAK,EAAE,EACnC,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,gBAAgB,GACjB,EAAE;IACD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,2CAmEA"}
|
|
@@ -0,0 +1,219 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as e, jsxs as N } from "react/jsx-runtime";
|
|
3
|
+
import D, { useCallback as w, useState as S, useRef as T, useEffect as I } from "react";
|
|
4
|
+
import { flexRender as _ } from "@tanstack/react-table";
|
|
5
|
+
import { TableBody as p, TableRow as h, TableCell as b } from "./table.js";
|
|
6
|
+
import { Skeleton as E } from "./skeleton.js";
|
|
7
|
+
import { cn as m } from "./lib/utils.js";
|
|
8
|
+
import { useDataTableContext as x, INTERACTIVE_SELECTOR as $, getPinnedCellStyle as V, isColumnEditable as P, getColumnMetaClasses as A } from "./data-table-context.js";
|
|
9
|
+
function B({
|
|
10
|
+
initialValue: t,
|
|
11
|
+
onSave: a,
|
|
12
|
+
onCancel: c
|
|
13
|
+
}) {
|
|
14
|
+
const [s, o] = S(t), r = T(null);
|
|
15
|
+
I(() => {
|
|
16
|
+
r.current?.focus(), r.current?.select();
|
|
17
|
+
}, []);
|
|
18
|
+
const u = w(() => {
|
|
19
|
+
a(s);
|
|
20
|
+
}, [a, s]);
|
|
21
|
+
return /* @__PURE__ */ e(
|
|
22
|
+
"input",
|
|
23
|
+
{
|
|
24
|
+
ref: r,
|
|
25
|
+
type: "text",
|
|
26
|
+
value: s,
|
|
27
|
+
onChange: (l) => o(l.target.value),
|
|
28
|
+
onBlur: u,
|
|
29
|
+
onKeyDown: (l) => {
|
|
30
|
+
l.key === "Enter" ? (l.preventDefault(), u()) : l.key === "Escape" && (l.preventDefault(), c());
|
|
31
|
+
},
|
|
32
|
+
className: m(
|
|
33
|
+
"h-ds-xs-plus w-full rounded-ds-md",
|
|
34
|
+
"border border-accent-7 bg-surface-raised-hover",
|
|
35
|
+
"px-ds-02 text-ds-sm",
|
|
36
|
+
"text-surface-fg placeholder:text-surface-fg-subtle",
|
|
37
|
+
"outline-none focus:border-accent-7"
|
|
38
|
+
),
|
|
39
|
+
"aria-label": "Edit cell value"
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
function v({
|
|
44
|
+
row: t,
|
|
45
|
+
style: a
|
|
46
|
+
}) {
|
|
47
|
+
const {
|
|
48
|
+
table: c,
|
|
49
|
+
cellPadding: s,
|
|
50
|
+
columnPinningState: o,
|
|
51
|
+
editable: r,
|
|
52
|
+
editingCell: u,
|
|
53
|
+
setEditingCell: l,
|
|
54
|
+
onCellEdit: d,
|
|
55
|
+
virtualRows: f,
|
|
56
|
+
onRowClick: n
|
|
57
|
+
} = x(), g = w(
|
|
58
|
+
(i) => {
|
|
59
|
+
!n || i.target.closest($) || n(t.original);
|
|
60
|
+
},
|
|
61
|
+
[n, t.original]
|
|
62
|
+
), R = t.getVisibleCells();
|
|
63
|
+
return /* @__PURE__ */ e(
|
|
64
|
+
h,
|
|
65
|
+
{
|
|
66
|
+
"data-state": t.getIsSelected() && "selected",
|
|
67
|
+
style: a,
|
|
68
|
+
className: m(
|
|
69
|
+
f ? "absolute w-full flex" : void 0,
|
|
70
|
+
n && "cursor-pointer"
|
|
71
|
+
),
|
|
72
|
+
onClick: n ? g : void 0,
|
|
73
|
+
children: R.map((i) => {
|
|
74
|
+
const C = V(i.column.id, o), k = u?.rowIndex === t.index && u?.columnId === i.column.id;
|
|
75
|
+
return /* @__PURE__ */ e(
|
|
76
|
+
b,
|
|
77
|
+
{
|
|
78
|
+
className: m(
|
|
79
|
+
s,
|
|
80
|
+
C.className,
|
|
81
|
+
f && "flex-1",
|
|
82
|
+
A(
|
|
83
|
+
i.column.columnDef.meta
|
|
84
|
+
)
|
|
85
|
+
),
|
|
86
|
+
style: C.style,
|
|
87
|
+
onDoubleClick: () => {
|
|
88
|
+
P(i.column.id, r, c) && l({
|
|
89
|
+
rowIndex: t.index,
|
|
90
|
+
columnId: i.column.id
|
|
91
|
+
});
|
|
92
|
+
},
|
|
93
|
+
children: k ? /* @__PURE__ */ e(
|
|
94
|
+
B,
|
|
95
|
+
{
|
|
96
|
+
initialValue: String(i.getValue() ?? ""),
|
|
97
|
+
onSave: (y) => {
|
|
98
|
+
d?.(t.index, i.column.id, y), l(null);
|
|
99
|
+
},
|
|
100
|
+
onCancel: () => l(null)
|
|
101
|
+
}
|
|
102
|
+
) : _(i.column.columnDef.cell, i.getContext())
|
|
103
|
+
},
|
|
104
|
+
i.id
|
|
105
|
+
);
|
|
106
|
+
})
|
|
107
|
+
}
|
|
108
|
+
);
|
|
109
|
+
}
|
|
110
|
+
function j({
|
|
111
|
+
row: t,
|
|
112
|
+
style: a
|
|
113
|
+
}) {
|
|
114
|
+
const { allColumns: c, expandable: s, renderExpanded: o, virtualRows: r } = x();
|
|
115
|
+
return !s || !t.getIsExpanded() || !o ? null : /* @__PURE__ */ e(
|
|
116
|
+
h,
|
|
117
|
+
{
|
|
118
|
+
style: a,
|
|
119
|
+
className: r ? "absolute w-full flex" : void 0,
|
|
120
|
+
children: /* @__PURE__ */ e(
|
|
121
|
+
b,
|
|
122
|
+
{
|
|
123
|
+
colSpan: c.length,
|
|
124
|
+
className: m(
|
|
125
|
+
"bg-surface-raised p-ds-05",
|
|
126
|
+
r && "flex-1"
|
|
127
|
+
),
|
|
128
|
+
children: o(t.original)
|
|
129
|
+
}
|
|
130
|
+
)
|
|
131
|
+
}
|
|
132
|
+
);
|
|
133
|
+
}
|
|
134
|
+
function M({
|
|
135
|
+
rowCount: t
|
|
136
|
+
}) {
|
|
137
|
+
const { allColumns: a, cellPadding: c } = x(), s = a.length, o = ["w-3/4", "w-1/2", "w-2/3", "w-full"];
|
|
138
|
+
return /* @__PURE__ */ e(p, { children: Array.from({ length: t }, (r, u) => /* @__PURE__ */ e(h, { children: Array.from({ length: s }, (l, d) => {
|
|
139
|
+
const n = (a[d]?.id ?? a[d]?.header) === "_select";
|
|
140
|
+
return /* @__PURE__ */ e(
|
|
141
|
+
b,
|
|
142
|
+
{
|
|
143
|
+
className: c,
|
|
144
|
+
children: n ? /* @__PURE__ */ e(
|
|
145
|
+
E,
|
|
146
|
+
{
|
|
147
|
+
variant: "text",
|
|
148
|
+
className: "h-4 w-4",
|
|
149
|
+
animation: "pulse"
|
|
150
|
+
}
|
|
151
|
+
) : /* @__PURE__ */ e(
|
|
152
|
+
E,
|
|
153
|
+
{
|
|
154
|
+
variant: "text",
|
|
155
|
+
className: m(
|
|
156
|
+
"h-4",
|
|
157
|
+
o[d % o.length]
|
|
158
|
+
),
|
|
159
|
+
animation: "pulse"
|
|
160
|
+
}
|
|
161
|
+
)
|
|
162
|
+
},
|
|
163
|
+
`skeleton-${u}-${d}`
|
|
164
|
+
);
|
|
165
|
+
}) }, `skeleton-${u}`)) });
|
|
166
|
+
}
|
|
167
|
+
function q({
|
|
168
|
+
loading: t,
|
|
169
|
+
skeletonRowCount: a,
|
|
170
|
+
noResultsText: c,
|
|
171
|
+
emptyState: s,
|
|
172
|
+
virtualItems: o,
|
|
173
|
+
totalVirtualSize: r
|
|
174
|
+
}) {
|
|
175
|
+
const { table: u, allColumns: l, virtualRows: d } = x(), f = u.getRowModel().rows;
|
|
176
|
+
return t ? /* @__PURE__ */ e(M, { rowCount: a }) : f.length ? d && o ? /* @__PURE__ */ e(
|
|
177
|
+
p,
|
|
178
|
+
{
|
|
179
|
+
style: {
|
|
180
|
+
height: `${r}px`,
|
|
181
|
+
position: "relative"
|
|
182
|
+
},
|
|
183
|
+
children: o.map((n) => {
|
|
184
|
+
const g = f[n.index];
|
|
185
|
+
return /* @__PURE__ */ e(
|
|
186
|
+
v,
|
|
187
|
+
{
|
|
188
|
+
row: g,
|
|
189
|
+
style: {
|
|
190
|
+
position: "absolute",
|
|
191
|
+
top: 0,
|
|
192
|
+
left: 0,
|
|
193
|
+
width: "100%",
|
|
194
|
+
height: `${n.size}px`,
|
|
195
|
+
transform: `translateY(${n.start}px)`
|
|
196
|
+
}
|
|
197
|
+
},
|
|
198
|
+
g.id
|
|
199
|
+
);
|
|
200
|
+
})
|
|
201
|
+
}
|
|
202
|
+
) : /* @__PURE__ */ e(p, { children: f.map((n) => /* @__PURE__ */ N(D.Fragment, { children: [
|
|
203
|
+
/* @__PURE__ */ e(v, { row: n }),
|
|
204
|
+
/* @__PURE__ */ e(j, { row: n })
|
|
205
|
+
] }, n.id)) }) : /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
|
|
206
|
+
b,
|
|
207
|
+
{
|
|
208
|
+
colSpan: l.length,
|
|
209
|
+
className: m(
|
|
210
|
+
"h-24 text-center",
|
|
211
|
+
!s && "text-surface-fg-subtle"
|
|
212
|
+
),
|
|
213
|
+
children: s || c || "No results."
|
|
214
|
+
}
|
|
215
|
+
) }) });
|
|
216
|
+
}
|
|
217
|
+
export {
|
|
218
|
+
q as DataTableBody
|
|
219
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { Table } from '@tanstack/react-table';
|
|
3
|
+
/** Bulk action definition for the floating action bar */
|
|
4
|
+
export interface BulkAction<TData> {
|
|
5
|
+
label: string;
|
|
6
|
+
onClick: (selectedRows: TData[]) => void;
|
|
7
|
+
color?: 'accent' | 'error';
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Floating action bar shown when rows are selected.
|
|
12
|
+
* Internal — not exported to consumers.
|
|
13
|
+
*/
|
|
14
|
+
export declare function DataTableBulkActions<TData>({ table, selectedRows, bulkActions, }: {
|
|
15
|
+
table: Table<TData>;
|
|
16
|
+
selectedRows: TData[];
|
|
17
|
+
bulkActions: BulkAction<TData>[];
|
|
18
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
//# sourceMappingURL=data-table-bulk-actions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-table-bulk-actions.d.ts","sourceRoot":"","sources":["../../src/ui/data-table-bulk-actions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAOlD,yDAAyD;AACzD,MAAM,WAAW,UAAU,CAAC,KAAK;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,IAAI,CAAA;IACxC,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,EAC1C,KAAK,EACL,YAAY,EACZ,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IACnB,YAAY,EAAE,KAAK,EAAE,CAAA;IACrB,WAAW,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAA;CACjC,2CA0CA"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as t, jsx as r } from "react/jsx-runtime";
|
|
3
|
+
import { IconX as i } from "@tabler/icons-react";
|
|
4
|
+
import { Icon as n } from "./icon.js";
|
|
5
|
+
import { Button as d } from "./button.js";
|
|
6
|
+
import { cn as s } from "./lib/utils.js";
|
|
7
|
+
function p({
|
|
8
|
+
table: a,
|
|
9
|
+
selectedRows: o,
|
|
10
|
+
bulkActions: l
|
|
11
|
+
}) {
|
|
12
|
+
return /* @__PURE__ */ t(
|
|
13
|
+
"div",
|
|
14
|
+
{
|
|
15
|
+
className: s(
|
|
16
|
+
"fixed bottom-6 left-1/2 -translate-x-1/2 z-50",
|
|
17
|
+
"flex items-center gap-ds-04 px-ds-05 py-ds-03",
|
|
18
|
+
"rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating",
|
|
19
|
+
"animate-in slide-in-from-bottom-2"
|
|
20
|
+
),
|
|
21
|
+
role: "toolbar",
|
|
22
|
+
"aria-label": "Bulk actions",
|
|
23
|
+
children: [
|
|
24
|
+
/* @__PURE__ */ t("span", { className: "text-ds-sm font-medium text-surface-fg whitespace-nowrap", children: [
|
|
25
|
+
o.length,
|
|
26
|
+
" selected"
|
|
27
|
+
] }),
|
|
28
|
+
/* @__PURE__ */ r("div", { className: "h-5 w-px bg-surface-border", "aria-hidden": "true" }),
|
|
29
|
+
l.map((e) => /* @__PURE__ */ r(
|
|
30
|
+
d,
|
|
31
|
+
{
|
|
32
|
+
size: "sm",
|
|
33
|
+
variant: e.color === "error" ? "solid" : "outline",
|
|
34
|
+
color: e.color === "error" ? "error" : void 0,
|
|
35
|
+
disabled: e.disabled,
|
|
36
|
+
onClick: () => e.onClick(o),
|
|
37
|
+
children: e.label
|
|
38
|
+
},
|
|
39
|
+
e.label
|
|
40
|
+
)),
|
|
41
|
+
/* @__PURE__ */ r(
|
|
42
|
+
"button",
|
|
43
|
+
{
|
|
44
|
+
type: "button",
|
|
45
|
+
onClick: () => a.resetRowSelection(),
|
|
46
|
+
"aria-label": "Clear selection",
|
|
47
|
+
className: s(
|
|
48
|
+
"flex items-center justify-center p-ds-01",
|
|
49
|
+
"rounded-ds-sm hover:bg-surface-raised transition-colors",
|
|
50
|
+
"text-surface-fg-muted hover:text-surface-fg"
|
|
51
|
+
),
|
|
52
|
+
children: /* @__PURE__ */ r(n, { icon: i, size: "sm" })
|
|
53
|
+
}
|
|
54
|
+
)
|
|
55
|
+
]
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
export {
|
|
60
|
+
p as DataTableBulkActions
|
|
61
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
export declare function DataTableCards<TData>({ loading, skeletonRowCount, noResultsText, emptyState, }: {
|
|
4
|
+
loading?: boolean;
|
|
5
|
+
skeletonRowCount: number;
|
|
6
|
+
noResultsText?: string;
|
|
7
|
+
emptyState?: React.ReactNode;
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
//# sourceMappingURL=data-table-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-table-card.d.ts","sourceRoot":"","sources":["../../src/ui/data-table-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,wBAAgB,cAAc,CAAC,KAAK,EAAE,EACpC,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,UAAU,GACX,EAAE;IACD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B,2CA+GA"}
|