@kismet-ux/constellation 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/LICENSE +21 -0
- package/README.md +170 -0
- package/dist/brand/Logo/index.d.ts +2 -0
- package/dist/brand/Logo/index.d.ts.map +1 -0
- package/dist/brand/Logo/logo.d.ts +23 -0
- package/dist/brand/Logo/logo.d.ts.map +1 -0
- package/dist/brand/Logo/logo.js +28 -0
- package/dist/brand/Logo/logo.js.map +1 -0
- package/dist/brand/Logo/logo.module.scss.js +4 -0
- package/dist/brand/Logo/logo.module.scss.js.map +1 -0
- package/dist/brand/index.d.ts +2 -0
- package/dist/brand/index.d.ts.map +1 -0
- package/dist/brand.d.ts +25 -0
- package/dist/brand.js +2 -0
- package/dist/brand.js.map +1 -0
- package/dist/form/Checkbox/checkbox.d.ts +20 -0
- package/dist/form/Checkbox/checkbox.d.ts.map +1 -0
- package/dist/form/Checkbox/checkbox.js +57 -0
- package/dist/form/Checkbox/checkbox.js.map +1 -0
- package/dist/form/Checkbox/checkbox.module.scss.js +4 -0
- package/dist/form/Checkbox/checkbox.module.scss.js.map +1 -0
- package/dist/form/Checkbox/index.d.ts +2 -0
- package/dist/form/Checkbox/index.d.ts.map +1 -0
- package/dist/form/DatePicker/date-picker.d.ts +5 -0
- package/dist/form/DatePicker/date-picker.d.ts.map +1 -0
- package/dist/form/DatePicker/date-picker.js +251 -0
- package/dist/form/DatePicker/date-picker.js.map +1 -0
- package/dist/form/DatePicker/date-picker.module.scss.js +4 -0
- package/dist/form/DatePicker/date-picker.module.scss.js.map +1 -0
- package/dist/form/DatePicker/index.d.ts +2 -0
- package/dist/form/DatePicker/index.d.ts.map +1 -0
- package/dist/form/DatePicker/use-calendar.d.ts +40 -0
- package/dist/form/DatePicker/use-calendar.d.ts.map +1 -0
- package/dist/form/DatePicker/use-calendar.js +202 -0
- package/dist/form/DatePicker/use-calendar.js.map +1 -0
- package/dist/form/Input/index.d.ts +2 -0
- package/dist/form/Input/index.d.ts.map +1 -0
- package/dist/form/Input/input.d.ts +23 -0
- package/dist/form/Input/input.d.ts.map +1 -0
- package/dist/form/Input/input.js +24 -0
- package/dist/form/Input/input.js.map +1 -0
- package/dist/form/Input/input.module.scss.js +4 -0
- package/dist/form/Input/input.module.scss.js.map +1 -0
- package/dist/form/Label/index.d.ts +2 -0
- package/dist/form/Label/index.d.ts.map +1 -0
- package/dist/form/Label/label-variants.d.ts +5 -0
- package/dist/form/Label/label-variants.d.ts.map +1 -0
- package/dist/form/Label/label-variants.js +29 -0
- package/dist/form/Label/label-variants.js.map +1 -0
- package/dist/form/Label/label.d.ts +10 -0
- package/dist/form/Label/label.d.ts.map +1 -0
- package/dist/form/Label/label.js +13 -0
- package/dist/form/Label/label.js.map +1 -0
- package/dist/form/Label/label.module.scss.js +4 -0
- package/dist/form/Label/label.module.scss.js.map +1 -0
- package/dist/form/Select/index.d.ts +2 -0
- package/dist/form/Select/index.d.ts.map +1 -0
- package/dist/form/Select/select.d.ts +16 -0
- package/dist/form/Select/select.d.ts.map +1 -0
- package/dist/form/Select/select.js +857 -0
- package/dist/form/Select/select.js.map +1 -0
- package/dist/form/Select/select.module.scss.js +4 -0
- package/dist/form/Select/select.module.scss.js.map +1 -0
- package/dist/form/index.d.ts +6 -0
- package/dist/form/index.d.ts.map +1 -0
- package/dist/form.d.ts +5 -0
- package/dist/form.js +6 -0
- package/dist/form.js.map +1 -0
- package/dist/hooks/index.d.ts +6 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/layout/index.d.ts +2 -0
- package/dist/hooks/layout/index.d.ts.map +1 -0
- package/dist/hooks/layout/use-sidebar.d.ts +3 -0
- package/dist/hooks/layout/use-sidebar.d.ts.map +1 -0
- package/dist/hooks/layout/use-sidebar.js +13 -0
- package/dist/hooks/layout/use-sidebar.js.map +1 -0
- package/dist/hooks/ui/index.d.ts +3 -0
- package/dist/hooks/ui/index.d.ts.map +1 -0
- package/dist/hooks/ui/use-alerts.d.ts +3 -0
- package/dist/hooks/ui/use-alerts.d.ts.map +1 -0
- package/dist/hooks/ui/use-alerts.js +13 -0
- package/dist/hooks/ui/use-alerts.js.map +1 -0
- package/dist/hooks/ui/use-table-sorting.d.ts +6 -0
- package/dist/hooks/ui/use-table-sorting.d.ts.map +1 -0
- package/dist/hooks/ui/use-table-sorting.js +37 -0
- package/dist/hooks/ui/use-table-sorting.js.map +1 -0
- package/dist/hooks/use-appearance.d.ts +10 -0
- package/dist/hooks/use-appearance.d.ts.map +1 -0
- package/dist/hooks/use-appearance.js +123 -0
- package/dist/hooks/use-appearance.js.map +1 -0
- package/dist/hooks/use-initials.d.ts +2 -0
- package/dist/hooks/use-initials.d.ts.map +1 -0
- package/dist/hooks/use-initials.js +17 -0
- package/dist/hooks/use-initials.js.map +1 -0
- package/dist/hooks/use-mobile-navigation.d.ts +2 -0
- package/dist/hooks/use-mobile-navigation.d.ts.map +1 -0
- package/dist/hooks/use-mobile-navigation.js +11 -0
- package/dist/hooks/use-mobile-navigation.js.map +1 -0
- package/dist/hooks/use-mobile.d.ts +6 -0
- package/dist/hooks/use-mobile.d.ts.map +1 -0
- package/dist/hooks/use-mobile.js +73 -0
- package/dist/hooks/use-mobile.js.map +1 -0
- package/dist/index-Bzf20Rpc.d.ts +120 -0
- package/dist/index-DECPicJT.d.ts +450 -0
- package/dist/index-qbk6vH0X.d.ts +186 -0
- package/dist/index.css +7611 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.ts +55 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +63 -0
- package/dist/index.js.map +1 -0
- package/dist/input-CWHXOpeH.d.ts +25 -0
- package/dist/internal/create-ripple.d.ts +8 -0
- package/dist/internal/create-ripple.d.ts.map +1 -0
- package/dist/internal/create-ripple.js +24 -0
- package/dist/internal/create-ripple.js.map +1 -0
- package/dist/internal/merge-refs.d.ts +3 -0
- package/dist/internal/merge-refs.d.ts.map +1 -0
- package/dist/internal/merge-refs.js +15 -0
- package/dist/internal/merge-refs.js.map +1 -0
- package/dist/internal/slot.d.ts +7 -0
- package/dist/internal/slot.d.ts.map +1 -0
- package/dist/internal/slot.js +42 -0
- package/dist/internal/slot.js.map +1 -0
- package/dist/internal/use-animation-state.d.ts +12 -0
- package/dist/internal/use-animation-state.d.ts.map +1 -0
- package/dist/internal/use-animation-state.js +36 -0
- package/dist/internal/use-animation-state.js.map +1 -0
- package/dist/internal/use-focus-trap.d.ts +3 -0
- package/dist/internal/use-focus-trap.d.ts.map +1 -0
- package/dist/internal/use-focus-trap.js +55 -0
- package/dist/internal/use-focus-trap.js.map +1 -0
- package/dist/internal/use-scroll-lock.d.ts +2 -0
- package/dist/internal/use-scroll-lock.d.ts.map +1 -0
- package/dist/internal/use-scroll-lock.js +22 -0
- package/dist/internal/use-scroll-lock.js.map +1 -0
- package/dist/internal/with-aria-hidden-children.d.ts +16 -0
- package/dist/internal/with-aria-hidden-children.d.ts.map +1 -0
- package/dist/internal/with-aria-hidden-children.js +29 -0
- package/dist/internal/with-aria-hidden-children.js.map +1 -0
- package/dist/layout/AppContent/app-content.d.ts +3 -0
- package/dist/layout/AppContent/app-content.d.ts.map +1 -0
- package/dist/layout/AppContent/app-content.js +11 -0
- package/dist/layout/AppContent/app-content.js.map +1 -0
- package/dist/layout/AppContent/app-content.module.scss.js +4 -0
- package/dist/layout/AppContent/app-content.module.scss.js.map +1 -0
- package/dist/layout/AppContent/index.d.ts +2 -0
- package/dist/layout/AppContent/index.d.ts.map +1 -0
- package/dist/layout/AppFooter/app-footer.d.ts +10 -0
- package/dist/layout/AppFooter/app-footer.d.ts.map +1 -0
- package/dist/layout/AppFooter/app-footer.js +19 -0
- package/dist/layout/AppFooter/app-footer.js.map +1 -0
- package/dist/layout/AppFooter/app-footer.module.scss.js +4 -0
- package/dist/layout/AppFooter/app-footer.module.scss.js.map +1 -0
- package/dist/layout/AppFooter/index.d.ts +2 -0
- package/dist/layout/AppFooter/index.d.ts.map +1 -0
- package/dist/layout/AppShell/app-shell.d.ts +11 -0
- package/dist/layout/AppShell/app-shell.d.ts.map +1 -0
- package/dist/layout/AppShell/app-shell.js +9 -0
- package/dist/layout/AppShell/app-shell.js.map +1 -0
- package/dist/layout/AppShell/index.d.ts +2 -0
- package/dist/layout/AppShell/index.d.ts.map +1 -0
- package/dist/layout/AppSidebar/app-sidebar.d.ts +14 -0
- package/dist/layout/AppSidebar/app-sidebar.d.ts.map +1 -0
- package/dist/layout/AppSidebar/app-sidebar.js +71 -0
- package/dist/layout/AppSidebar/app-sidebar.js.map +1 -0
- package/dist/layout/AppSidebar/index.d.ts +2 -0
- package/dist/layout/AppSidebar/index.d.ts.map +1 -0
- package/dist/layout/AppSidebarHeader/app-sidebar-header.d.ts +13 -0
- package/dist/layout/AppSidebarHeader/app-sidebar-header.d.ts.map +1 -0
- package/dist/layout/AppSidebarHeader/app-sidebar-header.js +20 -0
- package/dist/layout/AppSidebarHeader/app-sidebar-header.js.map +1 -0
- package/dist/layout/AppSidebarHeader/app-sidebar-header.module.scss.js +4 -0
- package/dist/layout/AppSidebarHeader/app-sidebar-header.module.scss.js.map +1 -0
- package/dist/layout/AppSidebarHeader/index.d.ts +2 -0
- package/dist/layout/AppSidebarHeader/index.d.ts.map +1 -0
- package/dist/layout/Collapse/collapse.d.ts +8 -0
- package/dist/layout/Collapse/collapse.d.ts.map +1 -0
- package/dist/layout/Collapse/collapse.js +14 -0
- package/dist/layout/Collapse/collapse.js.map +1 -0
- package/dist/layout/Collapse/collapse.module.scss.js +4 -0
- package/dist/layout/Collapse/collapse.module.scss.js.map +1 -0
- package/dist/layout/Collapse/index.d.ts +2 -0
- package/dist/layout/Collapse/index.d.ts.map +1 -0
- package/dist/layout/Column/column.d.ts +4 -0
- package/dist/layout/Column/column.d.ts.map +1 -0
- package/dist/layout/Column/column.js +14 -0
- package/dist/layout/Column/column.js.map +1 -0
- package/dist/layout/Column/column.module.scss.js +4 -0
- package/dist/layout/Column/column.module.scss.js.map +1 -0
- package/dist/layout/Column/index.d.ts +3 -0
- package/dist/layout/Column/index.d.ts.map +1 -0
- package/dist/layout/Container/container.d.ts +4 -0
- package/dist/layout/Container/container.d.ts.map +1 -0
- package/dist/layout/Container/container.js +35 -0
- package/dist/layout/Container/container.js.map +1 -0
- package/dist/layout/Container/container.module.scss.js +4 -0
- package/dist/layout/Container/container.module.scss.js.map +1 -0
- package/dist/layout/Container/index.d.ts +2 -0
- package/dist/layout/Container/index.d.ts.map +1 -0
- package/dist/layout/Grid/grid.d.ts +5 -0
- package/dist/layout/Grid/grid.d.ts.map +1 -0
- package/dist/layout/Grid/grid.js +15 -0
- package/dist/layout/Grid/grid.js.map +1 -0
- package/dist/layout/Grid/grid.module.scss.js +4 -0
- package/dist/layout/Grid/grid.module.scss.js.map +1 -0
- package/dist/layout/Grid/index.d.ts +2 -0
- package/dist/layout/Grid/index.d.ts.map +1 -0
- package/dist/layout/Row/index.d.ts +3 -0
- package/dist/layout/Row/index.d.ts.map +1 -0
- package/dist/layout/Row/row.d.ts +4 -0
- package/dist/layout/Row/row.d.ts.map +1 -0
- package/dist/layout/Row/row.js +19 -0
- package/dist/layout/Row/row.js.map +1 -0
- package/dist/layout/Row/row.module.scss.js +4 -0
- package/dist/layout/Row/row.module.scss.js.map +1 -0
- package/dist/layout/Sidebar/index.d.ts +2 -0
- package/dist/layout/Sidebar/index.d.ts.map +1 -0
- package/dist/layout/Sidebar/sidebar-context.d.ts +4 -0
- package/dist/layout/Sidebar/sidebar-context.d.ts.map +1 -0
- package/dist/layout/Sidebar/sidebar-context.js +6 -0
- package/dist/layout/Sidebar/sidebar-context.js.map +1 -0
- package/dist/layout/Sidebar/sidebar-variants.d.ts +5 -0
- package/dist/layout/Sidebar/sidebar-variants.d.ts.map +1 -0
- package/dist/layout/Sidebar/sidebar-variants.js +23 -0
- package/dist/layout/Sidebar/sidebar-variants.js.map +1 -0
- package/dist/layout/Sidebar/sidebar.d.ts +57 -0
- package/dist/layout/Sidebar/sidebar.d.ts.map +1 -0
- package/dist/layout/Sidebar/sidebar.js +200 -0
- package/dist/layout/Sidebar/sidebar.js.map +1 -0
- package/dist/layout/Sidebar/sidebar.module.scss.js +4 -0
- package/dist/layout/Sidebar/sidebar.module.scss.js.map +1 -0
- package/dist/layout/Skeleton/index.d.ts +2 -0
- package/dist/layout/Skeleton/index.d.ts.map +1 -0
- package/dist/layout/Skeleton/skeleton.d.ts +3 -0
- package/dist/layout/Skeleton/skeleton.d.ts.map +1 -0
- package/dist/layout/Skeleton/skeleton.js +10 -0
- package/dist/layout/Skeleton/skeleton.js.map +1 -0
- package/dist/layout/Skeleton/skeleton.module.scss.js +4 -0
- package/dist/layout/Skeleton/skeleton.module.scss.js.map +1 -0
- package/dist/layout/index.d.ts +13 -0
- package/dist/layout/index.d.ts.map +1 -0
- package/dist/layout.d.ts +10 -0
- package/dist/layout.js +13 -0
- package/dist/layout.js.map +1 -0
- package/dist/nav-user-CJIcWKyY.d.ts +41 -0
- package/dist/navigation/Breadcrumbs/breadcrumbs.d.ts +7 -0
- package/dist/navigation/Breadcrumbs/breadcrumbs.d.ts.map +1 -0
- package/dist/navigation/Breadcrumbs/breadcrumbs.js +19 -0
- package/dist/navigation/Breadcrumbs/breadcrumbs.js.map +1 -0
- package/dist/navigation/Breadcrumbs/breadcrumbs.module.scss.js +4 -0
- package/dist/navigation/Breadcrumbs/breadcrumbs.module.scss.js.map +1 -0
- package/dist/navigation/Breadcrumbs/index.d.ts +2 -0
- package/dist/navigation/Breadcrumbs/index.d.ts.map +1 -0
- package/dist/navigation/DropdownMenu/dropdown-menu.d.ts +50 -0
- package/dist/navigation/DropdownMenu/dropdown-menu.d.ts.map +1 -0
- package/dist/navigation/DropdownMenu/dropdown-menu.js +193 -0
- package/dist/navigation/DropdownMenu/dropdown-menu.js.map +1 -0
- package/dist/navigation/DropdownMenu/dropdown-menu.module.scss.js +4 -0
- package/dist/navigation/DropdownMenu/dropdown-menu.module.scss.js.map +1 -0
- package/dist/navigation/DropdownMenu/index.d.ts +2 -0
- package/dist/navigation/DropdownMenu/index.d.ts.map +1 -0
- package/dist/navigation/Link/index.d.ts +2 -0
- package/dist/navigation/Link/index.d.ts.map +1 -0
- package/dist/navigation/Link/link-variants.d.ts +6 -0
- package/dist/navigation/Link/link-variants.d.ts.map +1 -0
- package/dist/navigation/Link/link-variants.js +33 -0
- package/dist/navigation/Link/link-variants.js.map +1 -0
- package/dist/navigation/Link/link.d.ts +24 -0
- package/dist/navigation/Link/link.d.ts.map +1 -0
- package/dist/navigation/Link/link.js +49 -0
- package/dist/navigation/Link/link.js.map +1 -0
- package/dist/navigation/Link/link.module.scss.js +4 -0
- package/dist/navigation/Link/link.module.scss.js.map +1 -0
- package/dist/navigation/NavUser/index.d.ts +2 -0
- package/dist/navigation/NavUser/index.d.ts.map +1 -0
- package/dist/navigation/NavUser/nav-user.d.ts +8 -0
- package/dist/navigation/NavUser/nav-user.d.ts.map +1 -0
- package/dist/navigation/NavUser/nav-user.js +15 -0
- package/dist/navigation/NavUser/nav-user.js.map +1 -0
- package/dist/navigation/NavUser/nav-user.module.scss.js +4 -0
- package/dist/navigation/NavUser/nav-user.module.scss.js.map +1 -0
- package/dist/navigation/Router/index.d.ts +2 -0
- package/dist/navigation/Router/index.d.ts.map +1 -0
- package/dist/navigation/Router/router-context.d.ts +38 -0
- package/dist/navigation/Router/router-context.d.ts.map +1 -0
- package/dist/navigation/Router/router-context.js +49 -0
- package/dist/navigation/Router/router-context.js.map +1 -0
- package/dist/navigation/Sheet/index.d.ts +2 -0
- package/dist/navigation/Sheet/index.d.ts.map +1 -0
- package/dist/navigation/Sheet/sheet.d.ts +36 -0
- package/dist/navigation/Sheet/sheet.d.ts.map +1 -0
- package/dist/navigation/Sheet/sheet.js +104 -0
- package/dist/navigation/Sheet/sheet.js.map +1 -0
- package/dist/navigation/Sheet/sheet.module.scss.js +4 -0
- package/dist/navigation/Sheet/sheet.module.scss.js.map +1 -0
- package/dist/navigation/index.d.ts +7 -0
- package/dist/navigation/index.d.ts.map +1 -0
- package/dist/navigation.d.ts +160 -0
- package/dist/navigation.js +7 -0
- package/dist/navigation.js.map +1 -0
- package/dist/row-CS9-talZ.d.ts +14 -0
- package/dist/settings/AppearanceDropdown/appearance-dropdown.d.ts +3 -0
- package/dist/settings/AppearanceDropdown/appearance-dropdown.d.ts.map +1 -0
- package/dist/settings/AppearanceDropdown/appearance-dropdown.js +27 -0
- package/dist/settings/AppearanceDropdown/appearance-dropdown.js.map +1 -0
- package/dist/settings/AppearanceDropdown/index.d.ts +2 -0
- package/dist/settings/AppearanceDropdown/index.d.ts.map +1 -0
- package/dist/settings/AppearanceTabs/appearance-tabs.d.ts +7 -0
- package/dist/settings/AppearanceTabs/appearance-tabs.d.ts.map +1 -0
- package/dist/settings/AppearanceTabs/appearance-tabs.js +23 -0
- package/dist/settings/AppearanceTabs/appearance-tabs.js.map +1 -0
- package/dist/settings/AppearanceTabs/appearance-tabs.module.scss.js +4 -0
- package/dist/settings/AppearanceTabs/appearance-tabs.module.scss.js.map +1 -0
- package/dist/settings/AppearanceTabs/index.d.ts +2 -0
- package/dist/settings/AppearanceTabs/index.d.ts.map +1 -0
- package/dist/settings/index.d.ts +3 -0
- package/dist/settings/index.d.ts.map +1 -0
- package/dist/settings.d.ts +10 -0
- package/dist/settings.js +3 -0
- package/dist/settings.js.map +1 -0
- package/dist/styles/index.d.ts +2 -0
- package/dist/styles/index.d.ts.map +1 -0
- package/dist/tooltip-XagXjWLB.d.ts +41 -0
- package/dist/types/app.d.ts +7 -0
- package/dist/types/app.d.ts.map +1 -0
- package/dist/types/form/date-picker.d.ts +19 -0
- package/dist/types/form/date-picker.d.ts.map +1 -0
- package/dist/types/form/select.d.ts +52 -0
- package/dist/types/form/select.d.ts.map +1 -0
- package/dist/types/form/theme.d.ts +2 -0
- package/dist/types/form/theme.d.ts.map +1 -0
- package/dist/types/form/upload.d.ts +4 -0
- package/dist/types/form/upload.d.ts.map +1 -0
- package/dist/types/index.d.ts +15 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/layout/column.d.ts +11 -0
- package/dist/types/layout/column.d.ts.map +1 -0
- package/dist/types/layout/container.d.ts +18 -0
- package/dist/types/layout/container.d.ts.map +1 -0
- package/dist/types/layout/grid.d.ts +23 -0
- package/dist/types/layout/grid.d.ts.map +1 -0
- package/dist/types/layout/row.d.ts +12 -0
- package/dist/types/layout/row.d.ts.map +1 -0
- package/dist/types/layout/sidebar.d.ts +14 -0
- package/dist/types/layout/sidebar.d.ts.map +1 -0
- package/dist/types/navigation.d.ts +30 -0
- package/dist/types/navigation.d.ts.map +1 -0
- package/dist/types/ui/alerts.d.ts +20 -0
- package/dist/types/ui/alerts.d.ts.map +1 -0
- package/dist/types/ui/pagination.d.ts +10 -0
- package/dist/types/ui/pagination.d.ts.map +1 -0
- package/dist/types/ui/table.d.ts +11 -0
- package/dist/types/ui/table.d.ts.map +1 -0
- package/dist/typography/Heading/heading.d.ts +21 -0
- package/dist/typography/Heading/heading.d.ts.map +1 -0
- package/dist/typography/Heading/heading.js +21 -0
- package/dist/typography/Heading/heading.js.map +1 -0
- package/dist/typography/Heading/heading.module.scss.js +4 -0
- package/dist/typography/Heading/heading.module.scss.js.map +1 -0
- package/dist/typography/Heading/index.d.ts +2 -0
- package/dist/typography/Heading/index.d.ts.map +1 -0
- package/dist/typography/TruncatedText/index.d.ts +2 -0
- package/dist/typography/TruncatedText/index.d.ts.map +1 -0
- package/dist/typography/TruncatedText/truncated-text.d.ts +15 -0
- package/dist/typography/TruncatedText/truncated-text.d.ts.map +1 -0
- package/dist/typography/TruncatedText/truncated-text.js +61 -0
- package/dist/typography/TruncatedText/truncated-text.js.map +1 -0
- package/dist/typography/TruncatedText/truncated-text.module.scss.js +4 -0
- package/dist/typography/TruncatedText/truncated-text.module.scss.js.map +1 -0
- package/dist/typography/Typography/index.d.ts +2 -0
- package/dist/typography/Typography/index.d.ts.map +1 -0
- package/dist/typography/Typography/typography-variants.d.ts +9 -0
- package/dist/typography/Typography/typography-variants.d.ts.map +1 -0
- package/dist/typography/Typography/typography-variants.js +75 -0
- package/dist/typography/Typography/typography-variants.js.map +1 -0
- package/dist/typography/Typography/typography.d.ts +19 -0
- package/dist/typography/Typography/typography.d.ts.map +1 -0
- package/dist/typography/Typography/typography.js +43 -0
- package/dist/typography/Typography/typography.js.map +1 -0
- package/dist/typography/Typography/typography.module.scss.js +4 -0
- package/dist/typography/Typography/typography.module.scss.js.map +1 -0
- package/dist/typography/index.d.ts +4 -0
- package/dist/typography/index.d.ts.map +1 -0
- package/dist/typography-DOZHFR5A.d.ts +21 -0
- package/dist/typography.d.ts +37 -0
- package/dist/typography.js +4 -0
- package/dist/typography.js.map +1 -0
- package/dist/ui/Alert/alert-context.d.ts +3 -0
- package/dist/ui/Alert/alert-context.d.ts.map +1 -0
- package/dist/ui/Alert/alert-context.js +6 -0
- package/dist/ui/Alert/alert-context.js.map +1 -0
- package/dist/ui/Alert/alert-persist.d.ts +4 -0
- package/dist/ui/Alert/alert-persist.d.ts.map +1 -0
- package/dist/ui/Alert/alert-persist.js +27 -0
- package/dist/ui/Alert/alert-persist.js.map +1 -0
- package/dist/ui/Alert/alert-provider.d.ts +6 -0
- package/dist/ui/Alert/alert-provider.d.ts.map +1 -0
- package/dist/ui/Alert/alert-provider.js +57 -0
- package/dist/ui/Alert/alert-provider.js.map +1 -0
- package/dist/ui/Alert/alert-variants.d.ts +4 -0
- package/dist/ui/Alert/alert-variants.d.ts.map +1 -0
- package/dist/ui/Alert/alert-variants.js +23 -0
- package/dist/ui/Alert/alert-variants.js.map +1 -0
- package/dist/ui/Alert/alert.d.ts +24 -0
- package/dist/ui/Alert/alert.d.ts.map +1 -0
- package/dist/ui/Alert/alert.js +37 -0
- package/dist/ui/Alert/alert.js.map +1 -0
- package/dist/ui/Alert/alert.module.scss.js +4 -0
- package/dist/ui/Alert/alert.module.scss.js.map +1 -0
- package/dist/ui/Alert/index.d.ts +4 -0
- package/dist/ui/Alert/index.d.ts.map +1 -0
- package/dist/ui/Avatar/avatar.d.ts +9 -0
- package/dist/ui/Avatar/avatar.d.ts.map +1 -0
- package/dist/ui/Avatar/avatar.js +29 -0
- package/dist/ui/Avatar/avatar.js.map +1 -0
- package/dist/ui/Avatar/avatar.module.scss.js +4 -0
- package/dist/ui/Avatar/avatar.module.scss.js.map +1 -0
- package/dist/ui/Avatar/index.d.ts +2 -0
- package/dist/ui/Avatar/index.d.ts.map +1 -0
- package/dist/ui/Button/button-variants.d.ts +8 -0
- package/dist/ui/Button/button-variants.d.ts.map +1 -0
- package/dist/ui/Button/button-variants.js +45 -0
- package/dist/ui/Button/button-variants.js.map +1 -0
- package/dist/ui/Button/button.d.ts +9 -0
- package/dist/ui/Button/button.d.ts.map +1 -0
- package/dist/ui/Button/button.js +65 -0
- package/dist/ui/Button/button.js.map +1 -0
- package/dist/ui/Button/button.module.scss.js +4 -0
- package/dist/ui/Button/button.module.scss.js.map +1 -0
- package/dist/ui/Button/index.d.ts +2 -0
- package/dist/ui/Button/index.d.ts.map +1 -0
- package/dist/ui/Chip/chip-variants.d.ts +6 -0
- package/dist/ui/Chip/chip-variants.d.ts.map +1 -0
- package/dist/ui/Chip/chip-variants.js +32 -0
- package/dist/ui/Chip/chip-variants.js.map +1 -0
- package/dist/ui/Chip/chip.d.ts +8 -0
- package/dist/ui/Chip/chip.d.ts.map +1 -0
- package/dist/ui/Chip/chip.js +13 -0
- package/dist/ui/Chip/chip.js.map +1 -0
- package/dist/ui/Chip/chip.module.scss.js +4 -0
- package/dist/ui/Chip/chip.module.scss.js.map +1 -0
- package/dist/ui/Chip/index.d.ts +2 -0
- package/dist/ui/Chip/index.d.ts.map +1 -0
- package/dist/ui/CodeBlock/code-block-variants.d.ts +5 -0
- package/dist/ui/CodeBlock/code-block-variants.d.ts.map +1 -0
- package/dist/ui/CodeBlock/code-block-variants.js +29 -0
- package/dist/ui/CodeBlock/code-block-variants.js.map +1 -0
- package/dist/ui/CodeBlock/code-block.d.ts +20 -0
- package/dist/ui/CodeBlock/code-block.d.ts.map +1 -0
- package/dist/ui/CodeBlock/code-block.js +70 -0
- package/dist/ui/CodeBlock/code-block.js.map +1 -0
- package/dist/ui/CodeBlock/code-block.module.scss.js +4 -0
- package/dist/ui/CodeBlock/code-block.module.scss.js.map +1 -0
- package/dist/ui/CodeBlock/index.d.ts +2 -0
- package/dist/ui/CodeBlock/index.d.ts.map +1 -0
- package/dist/ui/DevIndicator/dev-indicator.d.ts +5 -0
- package/dist/ui/DevIndicator/dev-indicator.d.ts.map +1 -0
- package/dist/ui/DevIndicator/dev-indicator.js +20 -0
- package/dist/ui/DevIndicator/dev-indicator.js.map +1 -0
- package/dist/ui/DevIndicator/dev-indicator.module.scss.js +4 -0
- package/dist/ui/DevIndicator/dev-indicator.module.scss.js.map +1 -0
- package/dist/ui/DevIndicator/index.d.ts +2 -0
- package/dist/ui/DevIndicator/index.d.ts.map +1 -0
- package/dist/ui/Dialog/dialog.d.ts +50 -0
- package/dist/ui/Dialog/dialog.d.ts.map +1 -0
- package/dist/ui/Dialog/dialog.js +133 -0
- package/dist/ui/Dialog/dialog.js.map +1 -0
- package/dist/ui/Dialog/dialog.module.scss.js +4 -0
- package/dist/ui/Dialog/dialog.module.scss.js.map +1 -0
- package/dist/ui/Dialog/index.d.ts +2 -0
- package/dist/ui/Dialog/index.d.ts.map +1 -0
- package/dist/ui/EmptyState/empty-state-variants.d.ts +5 -0
- package/dist/ui/EmptyState/empty-state-variants.d.ts.map +1 -0
- package/dist/ui/EmptyState/empty-state-variants.js +29 -0
- package/dist/ui/EmptyState/empty-state-variants.js.map +1 -0
- package/dist/ui/EmptyState/empty-state.d.ts +16 -0
- package/dist/ui/EmptyState/empty-state.d.ts.map +1 -0
- package/dist/ui/EmptyState/empty-state.js +13 -0
- package/dist/ui/EmptyState/empty-state.js.map +1 -0
- package/dist/ui/EmptyState/empty-state.module.scss.js +4 -0
- package/dist/ui/EmptyState/empty-state.module.scss.js.map +1 -0
- package/dist/ui/EmptyState/index.d.ts +2 -0
- package/dist/ui/EmptyState/index.d.ts.map +1 -0
- package/dist/ui/Icon/icon-variants.d.ts +7 -0
- package/dist/ui/Icon/icon-variants.d.ts.map +1 -0
- package/dist/ui/Icon/icon-variants.js +43 -0
- package/dist/ui/Icon/icon-variants.js.map +1 -0
- package/dist/ui/Icon/icon.d.ts +44 -0
- package/dist/ui/Icon/icon.d.ts.map +1 -0
- package/dist/ui/Icon/icon.js +41 -0
- package/dist/ui/Icon/icon.js.map +1 -0
- package/dist/ui/Icon/icon.module.scss.js +4 -0
- package/dist/ui/Icon/icon.module.scss.js.map +1 -0
- package/dist/ui/Icon/index.d.ts +2 -0
- package/dist/ui/Icon/index.d.ts.map +1 -0
- package/dist/ui/List/index.d.ts +2 -0
- package/dist/ui/List/index.d.ts.map +1 -0
- package/dist/ui/List/list.d.ts +14 -0
- package/dist/ui/List/list.d.ts.map +1 -0
- package/dist/ui/List/list.js +20 -0
- package/dist/ui/List/list.js.map +1 -0
- package/dist/ui/List/list.module.scss.js +4 -0
- package/dist/ui/List/list.module.scss.js.map +1 -0
- package/dist/ui/Pagination/index.d.ts +2 -0
- package/dist/ui/Pagination/index.d.ts.map +1 -0
- package/dist/ui/Pagination/pagination.d.ts +5 -0
- package/dist/ui/Pagination/pagination.d.ts.map +1 -0
- package/dist/ui/Pagination/pagination.js +37 -0
- package/dist/ui/Pagination/pagination.js.map +1 -0
- package/dist/ui/Pagination/pagination.module.scss.js +4 -0
- package/dist/ui/Pagination/pagination.module.scss.js.map +1 -0
- package/dist/ui/ProgressBar/index.d.ts +2 -0
- package/dist/ui/ProgressBar/index.d.ts.map +1 -0
- package/dist/ui/ProgressBar/progress-bar-variants.d.ts +9 -0
- package/dist/ui/ProgressBar/progress-bar-variants.d.ts.map +1 -0
- package/dist/ui/ProgressBar/progress-bar-variants.js +46 -0
- package/dist/ui/ProgressBar/progress-bar-variants.js.map +1 -0
- package/dist/ui/ProgressBar/progress-bar.d.ts +12 -0
- package/dist/ui/ProgressBar/progress-bar.d.ts.map +1 -0
- package/dist/ui/ProgressBar/progress-bar.js +14 -0
- package/dist/ui/ProgressBar/progress-bar.js.map +1 -0
- package/dist/ui/ProgressBar/progress-bar.module.scss.js +4 -0
- package/dist/ui/ProgressBar/progress-bar.module.scss.js.map +1 -0
- package/dist/ui/Separator/index.d.ts +2 -0
- package/dist/ui/Separator/index.d.ts.map +1 -0
- package/dist/ui/Separator/separator.d.ts +8 -0
- package/dist/ui/Separator/separator.d.ts.map +1 -0
- package/dist/ui/Separator/separator.js +10 -0
- package/dist/ui/Separator/separator.js.map +1 -0
- package/dist/ui/Separator/separator.module.scss.js +4 -0
- package/dist/ui/Separator/separator.module.scss.js.map +1 -0
- package/dist/ui/StatCard/index.d.ts +2 -0
- package/dist/ui/StatCard/index.d.ts.map +1 -0
- package/dist/ui/StatCard/stat-card-variants.d.ts +6 -0
- package/dist/ui/StatCard/stat-card-variants.d.ts.map +1 -0
- package/dist/ui/StatCard/stat-card-variants.js +35 -0
- package/dist/ui/StatCard/stat-card-variants.js.map +1 -0
- package/dist/ui/StatCard/stat-card.d.ts +31 -0
- package/dist/ui/StatCard/stat-card.d.ts.map +1 -0
- package/dist/ui/StatCard/stat-card.js +56 -0
- package/dist/ui/StatCard/stat-card.js.map +1 -0
- package/dist/ui/StatCard/stat-card.module.scss.js +4 -0
- package/dist/ui/StatCard/stat-card.module.scss.js.map +1 -0
- package/dist/ui/StepProgress/index.d.ts +2 -0
- package/dist/ui/StepProgress/index.d.ts.map +1 -0
- package/dist/ui/StepProgress/step-progress-variants.d.ts +7 -0
- package/dist/ui/StepProgress/step-progress-variants.d.ts.map +1 -0
- package/dist/ui/StepProgress/step-progress-variants.js +39 -0
- package/dist/ui/StepProgress/step-progress-variants.js.map +1 -0
- package/dist/ui/StepProgress/step-progress.d.ts +20 -0
- package/dist/ui/StepProgress/step-progress.d.ts.map +1 -0
- package/dist/ui/StepProgress/step-progress.js +40 -0
- package/dist/ui/StepProgress/step-progress.js.map +1 -0
- package/dist/ui/StepProgress/step-progress.module.scss.js +4 -0
- package/dist/ui/StepProgress/step-progress.module.scss.js.map +1 -0
- package/dist/ui/Switch/index.d.ts +2 -0
- package/dist/ui/Switch/index.d.ts.map +1 -0
- package/dist/ui/Switch/switch-variants.d.ts +5 -0
- package/dist/ui/Switch/switch-variants.d.ts.map +1 -0
- package/dist/ui/Switch/switch-variants.js +29 -0
- package/dist/ui/Switch/switch-variants.js.map +1 -0
- package/dist/ui/Switch/switch.d.ts +10 -0
- package/dist/ui/Switch/switch.d.ts.map +1 -0
- package/dist/ui/Switch/switch.js +18 -0
- package/dist/ui/Switch/switch.js.map +1 -0
- package/dist/ui/Switch/switch.module.scss.js +4 -0
- package/dist/ui/Switch/switch.module.scss.js.map +1 -0
- package/dist/ui/Table/index.d.ts +2 -0
- package/dist/ui/Table/index.d.ts.map +1 -0
- package/dist/ui/Table/table-sort-context.d.ts +4 -0
- package/dist/ui/Table/table-sort-context.d.ts.map +1 -0
- package/dist/ui/Table/table-sort-context.js +6 -0
- package/dist/ui/Table/table-sort-context.js.map +1 -0
- package/dist/ui/Table/table.d.ts +32 -0
- package/dist/ui/Table/table.d.ts.map +1 -0
- package/dist/ui/Table/table.js +59 -0
- package/dist/ui/Table/table.js.map +1 -0
- package/dist/ui/Table/table.module.scss.js +4 -0
- package/dist/ui/Table/table.module.scss.js.map +1 -0
- package/dist/ui/TableActionCell/index.d.ts +2 -0
- package/dist/ui/TableActionCell/index.d.ts.map +1 -0
- package/dist/ui/TableActionCell/table-action-cell.d.ts +28 -0
- package/dist/ui/TableActionCell/table-action-cell.d.ts.map +1 -0
- package/dist/ui/TableActionCell/table-action-cell.js +27 -0
- package/dist/ui/TableActionCell/table-action-cell.js.map +1 -0
- package/dist/ui/TableActionCell/table-action-cell.module.scss.js +4 -0
- package/dist/ui/TableActionCell/table-action-cell.module.scss.js.map +1 -0
- package/dist/ui/TableToolbar/index.d.ts +2 -0
- package/dist/ui/TableToolbar/index.d.ts.map +1 -0
- package/dist/ui/TableToolbar/table-toolbar.d.ts +29 -0
- package/dist/ui/TableToolbar/table-toolbar.d.ts.map +1 -0
- package/dist/ui/TableToolbar/table-toolbar.js +18 -0
- package/dist/ui/TableToolbar/table-toolbar.js.map +1 -0
- package/dist/ui/TableToolbar/table-toolbar.module.scss.js +4 -0
- package/dist/ui/TableToolbar/table-toolbar.module.scss.js.map +1 -0
- package/dist/ui/Toggle/index.d.ts +2 -0
- package/dist/ui/Toggle/index.d.ts.map +1 -0
- package/dist/ui/Toggle/toggle-group-context.d.ts +9 -0
- package/dist/ui/Toggle/toggle-group-context.d.ts.map +1 -0
- package/dist/ui/Toggle/toggle-group-context.js +6 -0
- package/dist/ui/Toggle/toggle-group-context.js.map +1 -0
- package/dist/ui/Toggle/toggle-variants.d.ts +8 -0
- package/dist/ui/Toggle/toggle-variants.d.ts.map +1 -0
- package/dist/ui/Toggle/toggle-variants.js +45 -0
- package/dist/ui/Toggle/toggle-variants.js.map +1 -0
- package/dist/ui/Toggle/toggle.d.ts +12 -0
- package/dist/ui/Toggle/toggle.d.ts.map +1 -0
- package/dist/ui/Toggle/toggle.js +49 -0
- package/dist/ui/Toggle/toggle.js.map +1 -0
- package/dist/ui/Toggle/toggle.module.scss.js +4 -0
- package/dist/ui/Toggle/toggle.module.scss.js.map +1 -0
- package/dist/ui/ToggleGroup/index.d.ts +2 -0
- package/dist/ui/ToggleGroup/index.d.ts.map +1 -0
- package/dist/ui/ToggleGroup/toggle-group.d.ts +24 -0
- package/dist/ui/ToggleGroup/toggle-group.d.ts.map +1 -0
- package/dist/ui/ToggleGroup/toggle-group.js +80 -0
- package/dist/ui/ToggleGroup/toggle-group.js.map +1 -0
- package/dist/ui/ToggleGroup/toggle-group.module.scss.js +4 -0
- package/dist/ui/ToggleGroup/toggle-group.module.scss.js.map +1 -0
- package/dist/ui/Tooltip/index.d.ts +2 -0
- package/dist/ui/Tooltip/index.d.ts.map +1 -0
- package/dist/ui/Tooltip/tooltip.d.ts +24 -0
- package/dist/ui/Tooltip/tooltip.d.ts.map +1 -0
- package/dist/ui/Tooltip/tooltip.js +192 -0
- package/dist/ui/Tooltip/tooltip.js.map +1 -0
- package/dist/ui/Tooltip/tooltip.module.scss.js +4 -0
- package/dist/ui/Tooltip/tooltip.module.scss.js.map +1 -0
- package/dist/ui/index.d.ts +23 -0
- package/dist/ui/index.d.ts.map +1 -0
- package/dist/ui.d.ts +6 -0
- package/dist/ui.js +25 -0
- package/dist/ui.js.map +1 -0
- package/dist/user/UserInfo/index.d.ts +2 -0
- package/dist/user/UserInfo/index.d.ts.map +1 -0
- package/dist/user/UserInfo/user-info.d.ts +6 -0
- package/dist/user/UserInfo/user-info.d.ts.map +1 -0
- package/dist/user/UserInfo/user-info.js +17 -0
- package/dist/user/UserInfo/user-info.js.map +1 -0
- package/dist/user/UserInfo/user-info.module.scss.js +4 -0
- package/dist/user/UserInfo/user-info.module.scss.js.map +1 -0
- package/dist/user/UserMenuContent/index.d.ts +2 -0
- package/dist/user/UserMenuContent/index.d.ts.map +1 -0
- package/dist/user/UserMenuContent/user-menu-content.d.ts +25 -0
- package/dist/user/UserMenuContent/user-menu-content.d.ts.map +1 -0
- package/dist/user/UserMenuContent/user-menu-content.js +23 -0
- package/dist/user/UserMenuContent/user-menu-content.js.map +1 -0
- package/dist/user/index.d.ts +3 -0
- package/dist/user/index.d.ts.map +1 -0
- package/dist/user-menu-content-D0Ldzigm.d.ts +34 -0
- package/dist/user.d.ts +10 -0
- package/dist/user.js +3 -0
- package/dist/user.js.map +1 -0
- package/dist/utils/csrf.d.ts +2 -0
- package/dist/utils/csrf.d.ts.map +1 -0
- package/dist/utils/csrf.js +13 -0
- package/dist/utils/csrf.js.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils.d.ts +3 -0
- package/dist/utils.js +2 -0
- package/dist/utils.js.map +1 -0
- package/package.json +208 -0
- package/src/styles/_mixins.scss +105 -0
- package/src/styles/_theme-context.scss +12 -0
- package/src/styles/mixins.scss +1 -0
- package/vite-plugin.d.ts +26 -0
- package/vite-plugin.mjs +95 -0
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var s = {"list":"list-module_list__9jCd0","disc":"list-module_disc__3h-2L","item":"list-module_item__ib-KM","decimal":"list-module_decimal__UN-Hf","none":"list-module_none__BIXWC","gap-0":"list-module_gap-0__YbjMA","gap-1":"list-module_gap-1__gJk2g","gap-2":"list-module_gap-2__DZPNr","gap-3":"list-module_gap-3__IiKUM","gap-4":"list-module_gap-4__gKO56","gap-5":"list-module_gap-5__yjAXO","gap-6":"list-module_gap-6__VVwJC","gap-7":"list-module_gap-7__LuaYL","gap-8":"list-module_gap-8__Aepev","gap-9":"list-module_gap-9__pq--O","gap-10":"list-module_gap-10__iM-x8","gap-11":"list-module_gap-11__U4xva","gap-12":"list-module_gap-12__QV5vf","muted":"list-module_muted__InS1l","size-xs":"list-module_size-xs__Cz0Ms","size-sm":"list-module_size-sm__19fxD","size-md":"list-module_size-md__qTGyb","size-lg":"list-module_size-lg__gItoF","item-icon":"list-module_item-icon__KZluU"};
|
|
2
|
+
|
|
3
|
+
export { s as default };
|
|
4
|
+
//# sourceMappingURL=list.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type PaginationProps } from '@constellation/types';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
|
|
4
|
+
export { Pagination };
|
|
5
|
+
//# sourceMappingURL=pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/ui/Pagination/pagination.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAI5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,UAAU,qFAkFf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { SelectField, SelectItem } from '../../form/Select/select.js';
|
|
3
|
+
import { Typography } from '../../typography/Typography/typography.js';
|
|
4
|
+
import { Button } from '../Button/button.js';
|
|
5
|
+
import cn from 'clsx';
|
|
6
|
+
import * as React from 'react';
|
|
7
|
+
import s from './pagination.module.scss.js';
|
|
8
|
+
|
|
9
|
+
const DEFAULT_PAGE_SIZES = [10, 25, 50, 100];
|
|
10
|
+
const Pagination = React.forwardRef(({ page, pageSize, totalItems, onPageChange, onPageSizeChange, pageSizeOptions = DEFAULT_PAGE_SIZES, className, }, ref) => {
|
|
11
|
+
const pageSizeId = React.useId();
|
|
12
|
+
const totalPages = Math.max(1, Math.ceil(totalItems / pageSize || 1));
|
|
13
|
+
const safePage = Math.min(Math.max(page, 1), totalPages);
|
|
14
|
+
const start = totalItems === 0 ? 0 : (safePage - 1) * pageSize + 1;
|
|
15
|
+
const end = Math.min(totalItems, safePage * pageSize);
|
|
16
|
+
const handlePrev = () => {
|
|
17
|
+
if (safePage > 1) {
|
|
18
|
+
onPageChange(safePage - 1);
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
const handleNext = () => {
|
|
22
|
+
if (safePage < totalPages) {
|
|
23
|
+
onPageChange(safePage + 1);
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
const handlePageSizeChange = (value) => {
|
|
27
|
+
const parsed = Number(value);
|
|
28
|
+
if (!Number.isNaN(parsed)) {
|
|
29
|
+
onPageSizeChange(parsed);
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
return (jsxs("nav", { ref: ref, "data-slot": 'pagination', "aria-label": 'Pagination', className: cn(s.pagination, className), children: [jsx(Typography, { "data-slot": 'pagination-info', variant: 'tableCellSmall', children: totalItems === 0 ? 'No results' : `Showing ${start}–${end} of ${totalItems}` }), jsxs("div", { className: s['pagination-controls'], children: [jsx("div", { "data-slot": 'pagination-page-size', className: s['page-size-select'], children: jsx(SelectField, { id: pageSizeId, value: String(pageSize), onValueChange: handlePageSizeChange, label: 'Rows per page:', fieldClassName: s['page-size-field'], sizeVariant: 'sm', children: pageSizeOptions.map(option => (jsx(SelectItem, { value: String(option), children: option }, option))) }) }), jsxs("div", { "data-slot": 'pagination-controls', className: s['pager-buttons'], children: [jsx(Button, { variant: 'outlined', size: 'sm', onClick: handlePrev, disabled: safePage <= 1, children: "Previous" }), jsx(Button, { variant: 'outlined', size: 'sm', onClick: handleNext, disabled: safePage >= totalPages || totalItems === 0, children: "Next" })] })] })] }));
|
|
33
|
+
});
|
|
34
|
+
Pagination.displayName = 'Pagination';
|
|
35
|
+
|
|
36
|
+
export { Pagination };
|
|
37
|
+
//# sourceMappingURL=pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.js","sources":["../../../src/ui/Pagination/pagination.tsx"],"sourcesContent":["import { SelectField, SelectItem } from '@constellation/form/Select';\nimport { type PaginationProps } from '@constellation/types';\nimport { Typography } from '@constellation/typography/Typography';\nimport { Button } from '@constellation/ui/Button';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './pagination.module.scss';\n\nconst DEFAULT_PAGE_SIZES = [10, 25, 50, 100];\n\nconst Pagination = React.forwardRef<HTMLElement, PaginationProps>(\n (\n {\n page,\n pageSize,\n totalItems,\n onPageChange,\n onPageSizeChange,\n pageSizeOptions = DEFAULT_PAGE_SIZES,\n className,\n },\n ref,\n ) => {\n const pageSizeId = React.useId();\n const totalPages = Math.max(1, Math.ceil(totalItems / pageSize || 1));\n const safePage = Math.min(Math.max(page, 1), totalPages);\n const start = totalItems === 0 ? 0 : (safePage - 1) * pageSize + 1;\n const end = Math.min(totalItems, safePage * pageSize);\n\n const handlePrev = () => {\n if (safePage > 1) {\n onPageChange(safePage - 1);\n }\n };\n\n const handleNext = () => {\n if (safePage < totalPages) {\n onPageChange(safePage + 1);\n }\n };\n\n const handlePageSizeChange = (value: string) => {\n const parsed = Number(value);\n if (!Number.isNaN(parsed)) {\n onPageSizeChange(parsed);\n }\n };\n\n return (\n <nav\n ref={ref}\n data-slot={'pagination'}\n aria-label={'Pagination'}\n className={cn(s.pagination, className)}\n >\n <Typography data-slot={'pagination-info'} variant={'tableCellSmall'}>\n {totalItems === 0 ? 'No results' : `Showing ${start}–${end} of ${totalItems}`}\n </Typography>\n <div className={s['pagination-controls']}>\n <div data-slot={'pagination-page-size'} className={s['page-size-select']}>\n <SelectField\n id={pageSizeId}\n value={String(pageSize)}\n onValueChange={handlePageSizeChange}\n label={'Rows per page:'}\n fieldClassName={s['page-size-field']}\n sizeVariant={'sm'}\n >\n {pageSizeOptions.map(option => (\n <SelectItem key={option} value={String(option)}>\n {option}\n </SelectItem>\n ))}\n </SelectField>\n </div>\n <div data-slot={'pagination-controls'} className={s['pager-buttons']}>\n <Button variant={'outlined'} size={'sm'} onClick={handlePrev} disabled={safePage <= 1}>\n Previous\n </Button>\n <Button\n variant={'outlined'}\n size={'sm'}\n onClick={handleNext}\n disabled={safePage >= totalPages || totalItems === 0}\n >\n Next\n </Button>\n </div>\n </div>\n </nav>\n );\n },\n);\nPagination.displayName = 'Pagination';\n\nexport { Pagination };\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var s = {"pagination":"pagination-module_pagination__27rHr","pagination-controls":"pagination-module_pagination-controls__JYsyn","page-size-select":"pagination-module_page-size-select__dUJmR","page-size-field":"pagination-module_page-size-field__yJ87B","pager-buttons":"pagination-module_pager-buttons__iGwak"};
|
|
2
|
+
|
|
3
|
+
export { s as default };
|
|
4
|
+
//# sourceMappingURL=pagination.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const progressBarVariants: (props?: ({
|
|
2
|
+
theme?: "inherit" | "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | null | undefined;
|
|
3
|
+
size?: "sm" | "md" | "lg" | "xs" | null | undefined;
|
|
4
|
+
rounded?: boolean | null | undefined;
|
|
5
|
+
animated?: boolean | null | undefined;
|
|
6
|
+
indeterminate?: boolean | null | undefined;
|
|
7
|
+
striped?: boolean | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
|
+
//# sourceMappingURL=progress-bar-variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar-variants.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/progress-bar-variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB;;;;;;;8EAuC9B,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { cva } from 'class-variance-authority';
|
|
2
|
+
import s from './progress-bar.module.scss.js';
|
|
3
|
+
|
|
4
|
+
const progressBarVariants = cva(s['progress-bar'], {
|
|
5
|
+
variants: {
|
|
6
|
+
theme: {
|
|
7
|
+
primary: s['progress-bar--primary'],
|
|
8
|
+
secondary: s['progress-bar--secondary'],
|
|
9
|
+
destructive: s['progress-bar--destructive'],
|
|
10
|
+
warning: s['progress-bar--warning'],
|
|
11
|
+
success: s['progress-bar--success'],
|
|
12
|
+
info: s['progress-bar--info'],
|
|
13
|
+
slate: s['progress-bar--slate'],
|
|
14
|
+
inherit: s['progress-bar--inherit'],
|
|
15
|
+
},
|
|
16
|
+
size: {
|
|
17
|
+
xs: s['progress-bar--xs'],
|
|
18
|
+
sm: s['progress-bar--sm'],
|
|
19
|
+
md: s['progress-bar--md'],
|
|
20
|
+
lg: s['progress-bar--lg'],
|
|
21
|
+
},
|
|
22
|
+
rounded: {
|
|
23
|
+
true: s['progress-bar--rounded'],
|
|
24
|
+
},
|
|
25
|
+
animated: {
|
|
26
|
+
true: s['progress-bar--animated'],
|
|
27
|
+
},
|
|
28
|
+
indeterminate: {
|
|
29
|
+
true: s['progress-bar--indeterminate'],
|
|
30
|
+
},
|
|
31
|
+
striped: {
|
|
32
|
+
true: s['progress-bar--striped'],
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
defaultVariants: {
|
|
36
|
+
theme: 'primary',
|
|
37
|
+
size: 'md',
|
|
38
|
+
rounded: true,
|
|
39
|
+
animated: false,
|
|
40
|
+
indeterminate: false,
|
|
41
|
+
striped: false,
|
|
42
|
+
},
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
export { progressBarVariants };
|
|
46
|
+
//# sourceMappingURL=progress-bar-variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar-variants.js","sources":["../../../src/ui/ProgressBar/progress-bar-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport s from './progress-bar.module.scss';\n\nexport const progressBarVariants = cva(s['progress-bar'], {\n variants: {\n theme: {\n primary: s['progress-bar--primary'],\n secondary: s['progress-bar--secondary'],\n destructive: s['progress-bar--destructive'],\n warning: s['progress-bar--warning'],\n success: s['progress-bar--success'],\n info: s['progress-bar--info'],\n slate: s['progress-bar--slate'],\n inherit: s['progress-bar--inherit'],\n },\n size: {\n xs: s['progress-bar--xs'],\n sm: s['progress-bar--sm'],\n md: s['progress-bar--md'],\n lg: s['progress-bar--lg'],\n },\n rounded: {\n true: s['progress-bar--rounded'],\n },\n animated: {\n true: s['progress-bar--animated'],\n },\n indeterminate: {\n true: s['progress-bar--indeterminate'],\n },\n striped: {\n true: s['progress-bar--striped'],\n },\n },\n defaultVariants: {\n theme: 'primary',\n size: 'md',\n rounded: true,\n animated: false,\n indeterminate: false,\n striped: false,\n },\n});\n"],"names":[],"mappings":";;;AAGO,MAAM,mBAAmB,GAAG,GAAG,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE;AACxD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,CAAC,CAAC,uBAAuB,CAAC;AACnC,YAAA,SAAS,EAAE,CAAC,CAAC,yBAAyB,CAAC;AACvC,YAAA,WAAW,EAAE,CAAC,CAAC,2BAA2B,CAAC;AAC3C,YAAA,OAAO,EAAE,CAAC,CAAC,uBAAuB,CAAC;AACnC,YAAA,OAAO,EAAE,CAAC,CAAC,uBAAuB,CAAC;AACnC,YAAA,IAAI,EAAE,CAAC,CAAC,oBAAoB,CAAC;AAC7B,YAAA,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC;AAC/B,YAAA,OAAO,EAAE,CAAC,CAAC,uBAAuB,CAAC;AACpC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,CAAC,CAAC,kBAAkB,CAAC;AACzB,YAAA,EAAE,EAAE,CAAC,CAAC,kBAAkB,CAAC;AACzB,YAAA,EAAE,EAAE,CAAC,CAAC,kBAAkB,CAAC;AACzB,YAAA,EAAE,EAAE,CAAC,CAAC,kBAAkB,CAAC;AAC1B,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,CAAC,CAAC,uBAAuB,CAAC;AACjC,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,CAAC,CAAC,wBAAwB,CAAC;AAClC,SAAA;AACD,QAAA,aAAa,EAAE;AACb,YAAA,IAAI,EAAE,CAAC,CAAC,6BAA6B,CAAC;AACvC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,CAAC,CAAC,uBAAuB,CAAC;AACjC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,KAAK;AACf,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,OAAO,EAAE,KAAK;AACf,KAAA;AACF,CAAA;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { progressBarVariants } from './progress-bar-variants';
|
|
4
|
+
export interface ProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof progressBarVariants> {
|
|
5
|
+
/** Current progress value (0–100). Ignored when `indeterminate` is true. */
|
|
6
|
+
value?: number;
|
|
7
|
+
/** Accessible label describing what the progress bar represents. */
|
|
8
|
+
label?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export { ProgressBar };
|
|
12
|
+
//# sourceMappingURL=progress-bar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/progress-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG9D,MAAM,WAAW,gBACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EACtD,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,WAAW,yFAyChB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import cn from 'clsx';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { progressBarVariants } from './progress-bar-variants.js';
|
|
5
|
+
import s from './progress-bar.module.scss.js';
|
|
6
|
+
|
|
7
|
+
const ProgressBar = React.forwardRef(({ value = 0, label, theme, size, rounded, animated, indeterminate, striped, className, ...props }, ref) => {
|
|
8
|
+
const clampedValue = indeterminate ? undefined : Math.max(0, Math.min(100, value));
|
|
9
|
+
return (jsx("div", { ref: ref, "data-slot": 'progress-bar', role: 'progressbar', "aria-valuenow": clampedValue, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": label, className: cn(progressBarVariants({ theme, size, rounded, animated, indeterminate, striped }), className), ...props, children: jsx("div", { "data-slot": 'progress-bar-fill', className: s['progress-bar-fill'], style: indeterminate ? undefined : { width: `${clampedValue}%` } }) }));
|
|
10
|
+
});
|
|
11
|
+
ProgressBar.displayName = 'ProgressBar';
|
|
12
|
+
|
|
13
|
+
export { ProgressBar };
|
|
14
|
+
//# sourceMappingURL=progress-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar.js","sources":["../../../src/ui/ProgressBar/progress-bar.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport { progressBarVariants } from './progress-bar-variants';\nimport s from './progress-bar.module.scss';\n\nexport interface ProgressBarProps\n extends\n Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>,\n VariantProps<typeof progressBarVariants> {\n /** Current progress value (0–100). Ignored when `indeterminate` is true. */\n value?: number;\n /** Accessible label describing what the progress bar represents. */\n label?: string;\n}\n\nconst ProgressBar = React.forwardRef<HTMLDivElement, ProgressBarProps>(\n (\n {\n value = 0,\n label,\n theme,\n size,\n rounded,\n animated,\n indeterminate,\n striped,\n className,\n ...props\n },\n ref,\n ) => {\n const clampedValue = indeterminate ? undefined : Math.max(0, Math.min(100, value));\n\n return (\n <div\n ref={ref}\n data-slot={'progress-bar'}\n role={'progressbar'}\n aria-valuenow={clampedValue}\n aria-valuemin={0}\n aria-valuemax={100}\n aria-label={label}\n className={cn(\n progressBarVariants({ theme, size, rounded, animated, indeterminate, striped }),\n className,\n )}\n {...props}\n >\n <div\n data-slot={'progress-bar-fill'}\n className={s['progress-bar-fill']}\n style={indeterminate ? undefined : { width: `${clampedValue}%` }}\n />\n </div>\n );\n },\n);\nProgressBar.displayName = 'ProgressBar';\n\nexport { ProgressBar };\n"],"names":["_jsx"],"mappings":";;;;;;AAgBA,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,KAAK,GAAG,CAAC,EACT,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,aAAa,EACb,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,YAAY,GAAG,aAAa,GAAG,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AAElF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,eACG,cAAc,EACzB,IAAI,EAAE,aAAa,EAAA,eAAA,EACJ,YAAY,EAAA,eAAA,EACZ,CAAC,mBACD,GAAG,EAAA,YAAA,EACN,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,mBAAmB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,EAC/E,SAAS,CACV,EAAA,GACG,KAAK,YAETA,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EACa,mBAAmB,EAC9B,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACjC,KAAK,EAAE,aAAa,GAAG,SAAS,GAAG,EAAE,KAAK,EAAE,CAAA,EAAG,YAAY,CAAA,CAAA,CAAG,EAAE,EAAA,CAChE,EAAA,CACE;AAEV,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa;;"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var s = {"progress-bar":"progress-bar-module_progress-bar__HIKIt","progress-bar--xs":"progress-bar-module_progress-bar--xs__Qz8U6","progress-bar--sm":"progress-bar-module_progress-bar--sm__gHHaf","progress-bar--md":"progress-bar-module_progress-bar--md__hwfPm","progress-bar--lg":"progress-bar-module_progress-bar--lg__1T51K","progress-bar--rounded":"progress-bar-module_progress-bar--rounded__bqb6m","progress-bar-fill":"progress-bar-module_progress-bar-fill__ZB4HC","progress-bar--primary":"progress-bar-module_progress-bar--primary__0i3yS","progress-bar--secondary":"progress-bar-module_progress-bar--secondary__BFAUv","progress-bar--destructive":"progress-bar-module_progress-bar--destructive__YiHlk","progress-bar--warning":"progress-bar-module_progress-bar--warning__jm-B-","progress-bar--success":"progress-bar-module_progress-bar--success__EDSab","progress-bar--info":"progress-bar-module_progress-bar--info__qjTtg","progress-bar--slate":"progress-bar-module_progress-bar--slate__p-HvT","progress-bar--inherit":"progress-bar-module_progress-bar--inherit__sHeZC","progress-bar--animated":"progress-bar-module_progress-bar--animated__kehA-","progress-bar--striped":"progress-bar-module_progress-bar--striped__BwCXY","progress-bar--indeterminate":"progress-bar-module_progress-bar--indeterminate__msGEK"};
|
|
2
|
+
|
|
3
|
+
export { s as default };
|
|
4
|
+
//# sourceMappingURL=progress-bar.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Separator/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
orientation?: 'horizontal' | 'vertical';
|
|
4
|
+
decorative?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export { Separator };
|
|
8
|
+
//# sourceMappingURL=separator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/ui/Separator/separator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,uFAad,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import cn from 'clsx';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import s from './separator.module.scss.js';
|
|
5
|
+
|
|
6
|
+
const Separator = React.forwardRef(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (jsx("div", { ref: ref, "data-slot": 'separator-root', role: decorative ? 'none' : 'separator', "aria-orientation": decorative ? undefined : orientation, "aria-hidden": decorative ? true : undefined, "data-orientation": orientation, className: cn(s.separator, className), ...props })));
|
|
7
|
+
Separator.displayName = 'Separator';
|
|
8
|
+
|
|
9
|
+
export { Separator };
|
|
10
|
+
//# sourceMappingURL=separator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"separator.js","sources":["../../../src/ui/Separator/separator.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\nimport s from './separator.module.scss';\n\nexport interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n orientation?: 'horizontal' | 'vertical';\n decorative?: boolean;\n}\n\nconst Separator = React.forwardRef<HTMLDivElement, SeparatorProps>(\n ({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\n <div\n ref={ref}\n data-slot={'separator-root'}\n role={decorative ? 'none' : 'separator'}\n aria-orientation={decorative ? undefined : orientation}\n aria-hidden={decorative ? true : undefined}\n data-orientation={orientation}\n className={cn(s.separator, className)}\n {...props}\n />\n ),\n);\nSeparator.displayName = 'Separator';\n\nexport { Separator };\n"],"names":["_jsx"],"mappings":";;;;;AASA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC1EA,aACE,GAAG,EAAE,GAAG,EAAA,WAAA,EACG,gBAAgB,EAC3B,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,WAAW,EAAA,kBAAA,EACrB,UAAU,GAAG,SAAS,GAAG,WAAW,EAAA,aAAA,EACzC,UAAU,GAAG,IAAI,GAAG,SAAS,sBACxB,WAAW,EAC7B,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,EAAA,GACjC,KAAK,EAAA,CACT,CACH;AAEH,SAAS,CAAC,WAAW,GAAG,WAAW;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"separator.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/StatCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const statCardVariants: (props?: ({
|
|
2
|
+
theme?: "default" | "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | null | undefined;
|
|
3
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
4
|
+
variant?: "filled" | "outlined" | "unstyled" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
//# sourceMappingURL=stat-card-variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stat-card-variants.d.ts","sourceRoot":"","sources":["../../../src/ui/StatCard/stat-card-variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;8EA4B3B,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { cva } from 'class-variance-authority';
|
|
2
|
+
import s from './stat-card.module.scss.js';
|
|
3
|
+
|
|
4
|
+
const statCardVariants = cva(s['stat-card'], {
|
|
5
|
+
variants: {
|
|
6
|
+
theme: {
|
|
7
|
+
default: null,
|
|
8
|
+
primary: s['stat-card--primary'],
|
|
9
|
+
secondary: s['stat-card--secondary'],
|
|
10
|
+
destructive: s['stat-card--destructive'],
|
|
11
|
+
warning: s['stat-card--warning'],
|
|
12
|
+
success: s['stat-card--success'],
|
|
13
|
+
info: s['stat-card--info'],
|
|
14
|
+
slate: s['stat-card--slate'],
|
|
15
|
+
},
|
|
16
|
+
size: {
|
|
17
|
+
sm: s['stat-card--sm'],
|
|
18
|
+
md: null,
|
|
19
|
+
lg: s['stat-card--lg'],
|
|
20
|
+
},
|
|
21
|
+
variant: {
|
|
22
|
+
unstyled: null,
|
|
23
|
+
outlined: null,
|
|
24
|
+
filled: null,
|
|
25
|
+
},
|
|
26
|
+
},
|
|
27
|
+
defaultVariants: {
|
|
28
|
+
theme: 'default',
|
|
29
|
+
size: 'md',
|
|
30
|
+
variant: 'outlined',
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
export { statCardVariants };
|
|
35
|
+
//# sourceMappingURL=stat-card-variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stat-card-variants.js","sources":["../../../src/ui/StatCard/stat-card-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport s from './stat-card.module.scss';\n\nexport const statCardVariants = cva(s['stat-card'], {\n variants: {\n theme: {\n default: null,\n primary: s['stat-card--primary'],\n secondary: s['stat-card--secondary'],\n destructive: s['stat-card--destructive'],\n warning: s['stat-card--warning'],\n success: s['stat-card--success'],\n info: s['stat-card--info'],\n slate: s['stat-card--slate'],\n },\n size: {\n sm: s['stat-card--sm'],\n md: null,\n lg: s['stat-card--lg'],\n },\n variant: {\n unstyled: null,\n outlined: null,\n filled: null,\n },\n },\n defaultVariants: {\n theme: 'default',\n size: 'md',\n variant: 'outlined',\n },\n});\n"],"names":[],"mappings":";;;AAGO,MAAM,gBAAgB,GAAG,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE;AAClD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,OAAO,EAAE,CAAC,CAAC,oBAAoB,CAAC;AAChC,YAAA,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC;AACpC,YAAA,WAAW,EAAE,CAAC,CAAC,wBAAwB,CAAC;AACxC,YAAA,OAAO,EAAE,CAAC,CAAC,oBAAoB,CAAC;AAChC,YAAA,OAAO,EAAE,CAAC,CAAC,oBAAoB,CAAC;AAChC,YAAA,IAAI,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC1B,YAAA,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC;AAC7B,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC;AACtB,YAAA,EAAE,EAAE,IAAI;AACR,YAAA,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC;AACvB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE,IAAI;AACb,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,OAAO,EAAE,UAAU;AACpB,KAAA;AACF,CAAA;;"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type TrendDirection = 'up' | 'down' | 'neutral';
|
|
3
|
+
export type StatCardTheme = 'default' | 'primary' | 'secondary' | 'destructive' | 'warning' | 'success' | 'info' | 'slate';
|
|
4
|
+
export type StatCardSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export type StatCardVariant = 'unstyled' | 'outlined' | 'filled';
|
|
6
|
+
export type StatCardDirection = 'row' | 'column';
|
|
7
|
+
export interface StatCardProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
8
|
+
/** Text label describing the metric. */
|
|
9
|
+
label: string;
|
|
10
|
+
/** The metric value to display. */
|
|
11
|
+
value?: React.ReactNode;
|
|
12
|
+
/** Icon displayed beside the metric. */
|
|
13
|
+
icon?: React.ReactNode;
|
|
14
|
+
/** Optional description below the value. */
|
|
15
|
+
description?: string;
|
|
16
|
+
/** Trend direction indicator. */
|
|
17
|
+
trend?: TrendDirection;
|
|
18
|
+
/** Trend label text (e.g. "+12%", "−3.4%"). */
|
|
19
|
+
trendLabel?: string;
|
|
20
|
+
/** Visual theme for the card. */
|
|
21
|
+
theme?: StatCardTheme;
|
|
22
|
+
/** Card size. */
|
|
23
|
+
size?: StatCardSize;
|
|
24
|
+
/** Card Direction. */
|
|
25
|
+
direction?: StatCardDirection;
|
|
26
|
+
/** Surface variant. */
|
|
27
|
+
variant?: StatCardVariant;
|
|
28
|
+
}
|
|
29
|
+
declare const StatCard: React.ForwardRefExoticComponent<StatCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
export { StatCard };
|
|
31
|
+
//# sourceMappingURL=stat-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../../src/ui/StatCard/stat-card.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AACvD,MAAM,MAAM,aAAa,GACvB,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AACjG,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AACjE,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAuCjD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC1E,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,wCAAwC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,iBAAiB;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,uBAAuB;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,QAAA,MAAM,QAAQ,sFA8Gb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { Column } from '../../layout/Column/column.js';
|
|
3
|
+
import { Container } from '../../layout/Container/container.js';
|
|
4
|
+
import { Typography } from '../../typography/Typography/typography.js';
|
|
5
|
+
import cn from 'clsx';
|
|
6
|
+
import { TrendingUpIcon, TrendingDownIcon } from 'lucide-react';
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import { statCardVariants } from './stat-card-variants.js';
|
|
9
|
+
import s from './stat-card.module.scss.js';
|
|
10
|
+
|
|
11
|
+
const DEFAULT_STAT_CARD_THEME = 'default';
|
|
12
|
+
const DEFAULT_STAT_CARD_SIZE = 'md';
|
|
13
|
+
const DEFAULT_STAT_CARD_VARIANT = 'outlined';
|
|
14
|
+
const DEFAULT_STAT_CARD_DIRECTION = 'row';
|
|
15
|
+
const statCardTypographyBySize = {
|
|
16
|
+
sm: {
|
|
17
|
+
label: 'body2',
|
|
18
|
+
value: 'body1',
|
|
19
|
+
description: 'caption',
|
|
20
|
+
trend: 'caption',
|
|
21
|
+
},
|
|
22
|
+
md: {
|
|
23
|
+
label: 'body1',
|
|
24
|
+
value: 'subtitle1',
|
|
25
|
+
description: 'body2',
|
|
26
|
+
trend: 'body2',
|
|
27
|
+
},
|
|
28
|
+
lg: {
|
|
29
|
+
label: 'subtitle1',
|
|
30
|
+
value: 'h5',
|
|
31
|
+
description: 'body1',
|
|
32
|
+
trend: 'body1',
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
const StatCard = React.forwardRef(({ label, value, icon, description, trend, trendLabel, theme, size, direction, variant, className, children, ...props }, ref) => {
|
|
36
|
+
const resolvedTheme = theme ?? DEFAULT_STAT_CARD_THEME;
|
|
37
|
+
const resolvedSize = size ?? DEFAULT_STAT_CARD_SIZE;
|
|
38
|
+
const resolvedVariant = variant ?? DEFAULT_STAT_CARD_VARIANT;
|
|
39
|
+
const resolvedDirection = direction ?? DEFAULT_STAT_CARD_DIRECTION;
|
|
40
|
+
const isFilled = resolvedVariant === 'filled';
|
|
41
|
+
const isOutlined = resolvedVariant === 'outlined';
|
|
42
|
+
const containerTheme = resolvedTheme !== 'default' && (isFilled || isOutlined) ? resolvedTheme : undefined;
|
|
43
|
+
const trendTheme = trend === 'up' ? 'success' : trend === 'down' ? 'destructive' : 'muted';
|
|
44
|
+
const rootProps = props;
|
|
45
|
+
const variantOptions = {
|
|
46
|
+
theme: resolvedTheme,
|
|
47
|
+
size: resolvedSize,
|
|
48
|
+
variant: resolvedVariant,
|
|
49
|
+
};
|
|
50
|
+
const typographyConfig = statCardTypographyBySize[resolvedSize];
|
|
51
|
+
return (jsxs(Container, { ref: ref, "data-slot": 'stat-card', gap: 1, styled: isFilled || isOutlined, padding: isFilled || isOutlined ? 'md' : 'none', outlined: isFilled || isOutlined, theme: containerTheme, className: cn(statCardVariants(variantOptions), className), ...rootProps, children: [jsxs(Container, { styled: false, gap: 2, direction: resolvedDirection, align: resolvedDirection === 'row' ? 'start' : 'center', children: [icon ? (jsx("span", { "data-slot": 'stat-card-icon', className: s['stat-card-icon'], "aria-hidden": 'true', children: icon })) : null, jsxs(Column, { "data-slot": 'stat-card-header', className: s['stat-card-header'], align: resolvedDirection === 'row' ? 'start' : 'center', children: [jsx(Typography, { "data-slot": 'stat-card-label', variant: typographyConfig.label, className: s['stat-card-label'], align: resolvedDirection === 'row' ? undefined : 'center', children: label }), value ? (jsx(Typography, { "data-slot": 'stat-card-value', variant: typographyConfig.value, className: s['stat-card-value'], align: resolvedDirection === 'row' ? undefined : 'center', children: jsx("strong", { children: value }) })) : null, description ? (jsx(Typography, { "data-slot": 'stat-card-description', variant: typographyConfig.description, theme: 'muted', className: s['stat-card-description'], children: description })) : null, trend ? (jsxs(Typography, { "data-slot": 'stat-card-trend', variant: typographyConfig.trend, theme: trendTheme, className: s['stat-card-trend'], children: [trend === 'up' ? jsx(TrendingUpIcon, { "aria-hidden": 'true' }) : null, trend === 'down' ? jsx(TrendingDownIcon, { "aria-hidden": 'true' }) : null, trendLabel] })) : null] })] }), children] }));
|
|
52
|
+
});
|
|
53
|
+
StatCard.displayName = 'StatCard';
|
|
54
|
+
|
|
55
|
+
export { StatCard };
|
|
56
|
+
//# sourceMappingURL=stat-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stat-card.js","sources":["../../../src/ui/StatCard/stat-card.tsx"],"sourcesContent":["import { Column } from '@constellation/layout/Column';\nimport { Container } from '@constellation/layout/Container';\nimport { Typography, type TypographyVariant } from '@constellation/typography/Typography';\nimport cn from 'clsx';\nimport { TrendingDownIcon, TrendingUpIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { statCardVariants } from './stat-card-variants';\nimport s from './stat-card.module.scss';\n\nexport type TrendDirection = 'up' | 'down' | 'neutral';\nexport type StatCardTheme =\n 'default' | 'primary' | 'secondary' | 'destructive' | 'warning' | 'success' | 'info' | 'slate';\nexport type StatCardSize = 'sm' | 'md' | 'lg';\nexport type StatCardVariant = 'unstyled' | 'outlined' | 'filled';\nexport type StatCardDirection = 'row' | 'column';\n\ntype StatCardContainerTheme = Exclude<StatCardTheme, 'default'>;\ntype StatCardVariantOptions = {\n theme?: StatCardTheme;\n size?: StatCardSize;\n variant?: StatCardVariant;\n};\ntype StatCardTypographyConfig = {\n label: TypographyVariant;\n value: TypographyVariant;\n description: TypographyVariant;\n trend: TypographyVariant;\n};\nconst DEFAULT_STAT_CARD_THEME: StatCardTheme = 'default';\nconst DEFAULT_STAT_CARD_SIZE: StatCardSize = 'md';\nconst DEFAULT_STAT_CARD_VARIANT: StatCardVariant = 'outlined';\nconst DEFAULT_STAT_CARD_DIRECTION: StatCardDirection = 'row';\nconst statCardTypographyBySize: Record<StatCardSize, StatCardTypographyConfig> = {\n sm: {\n label: 'body2',\n value: 'body1',\n description: 'caption',\n trend: 'caption',\n },\n md: {\n label: 'body1',\n value: 'subtitle1',\n description: 'body2',\n trend: 'body2',\n },\n lg: {\n label: 'subtitle1',\n value: 'h5',\n description: 'body1',\n trend: 'body1',\n },\n};\n\nexport interface StatCardProps extends React.ComponentPropsWithoutRef<'div'> {\n /** Text label describing the metric. */\n label: string;\n /** The metric value to display. */\n value?: React.ReactNode;\n /** Icon displayed beside the metric. */\n icon?: React.ReactNode;\n /** Optional description below the value. */\n description?: string;\n /** Trend direction indicator. */\n trend?: TrendDirection;\n /** Trend label text (e.g. \"+12%\", \"−3.4%\"). */\n trendLabel?: string;\n /** Visual theme for the card. */\n theme?: StatCardTheme;\n /** Card size. */\n size?: StatCardSize;\n /** Card Direction. */\n direction?: StatCardDirection;\n /** Surface variant. */\n variant?: StatCardVariant;\n}\n\nconst StatCard = React.forwardRef<HTMLDivElement, StatCardProps>(\n (\n {\n label,\n value,\n icon,\n description,\n trend,\n trendLabel,\n theme,\n size,\n direction,\n variant,\n className,\n children,\n ...props\n },\n ref,\n ) => {\n const resolvedTheme: StatCardTheme = theme ?? DEFAULT_STAT_CARD_THEME;\n const resolvedSize: StatCardSize = size ?? DEFAULT_STAT_CARD_SIZE;\n const resolvedVariant: StatCardVariant = variant ?? DEFAULT_STAT_CARD_VARIANT;\n const resolvedDirection: StatCardDirection = direction ?? DEFAULT_STAT_CARD_DIRECTION;\n const isFilled = resolvedVariant === 'filled';\n const isOutlined = resolvedVariant === 'outlined';\n const containerTheme: StatCardContainerTheme | undefined =\n resolvedTheme !== 'default' && (isFilled || isOutlined) ? resolvedTheme : undefined;\n const trendTheme = trend === 'up' ? 'success' : trend === 'down' ? 'destructive' : 'muted';\n const rootProps: React.ComponentPropsWithoutRef<'div'> = props;\n const variantOptions: StatCardVariantOptions = {\n theme: resolvedTheme,\n size: resolvedSize,\n variant: resolvedVariant,\n };\n const typographyConfig = statCardTypographyBySize[resolvedSize];\n\n return (\n <Container\n ref={ref}\n data-slot={'stat-card'}\n gap={1}\n styled={isFilled || isOutlined}\n padding={isFilled || isOutlined ? 'md' : 'none'}\n outlined={isFilled || isOutlined}\n theme={containerTheme}\n className={cn(statCardVariants(variantOptions), className)}\n {...rootProps}\n >\n <Container\n styled={false}\n gap={2}\n direction={resolvedDirection}\n align={resolvedDirection === 'row' ? 'start' : 'center'}\n >\n {icon ? (\n <span data-slot={'stat-card-icon'} className={s['stat-card-icon']} aria-hidden={'true'}>\n {icon}\n </span>\n ) : null}\n <Column\n data-slot={'stat-card-header'}\n className={s['stat-card-header']}\n align={resolvedDirection === 'row' ? 'start' : 'center'}\n >\n <Typography\n data-slot={'stat-card-label'}\n variant={typographyConfig.label}\n className={s['stat-card-label']}\n align={resolvedDirection === 'row' ? undefined : 'center'}\n >\n {label}\n </Typography>\n {value ? (\n <Typography\n data-slot={'stat-card-value'}\n variant={typographyConfig.value}\n className={s['stat-card-value']}\n align={resolvedDirection === 'row' ? undefined : 'center'}\n >\n <strong>{value}</strong>\n </Typography>\n ) : null}\n {description ? (\n <Typography\n data-slot={'stat-card-description'}\n variant={typographyConfig.description}\n theme={'muted'}\n className={s['stat-card-description']}\n >\n {description}\n </Typography>\n ) : null}\n {trend ? (\n <Typography\n data-slot={'stat-card-trend'}\n variant={typographyConfig.trend}\n theme={trendTheme}\n className={s['stat-card-trend']}\n >\n {trend === 'up' ? <TrendingUpIcon aria-hidden={'true'} /> : null}\n {trend === 'down' ? <TrendingDownIcon aria-hidden={'true'} /> : null}\n {trendLabel}\n </Typography>\n ) : null}\n </Column>\n </Container>\n {children}\n </Container>\n );\n },\n);\nStatCard.displayName = 'StatCard';\n\nexport { StatCard };\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var s = {"stat-card":"stat-card-module_stat-card__RWuu9","stat-card-icon":"stat-card-module_stat-card-icon__CxBxr","stat-card-label":"stat-card-module_stat-card-label__25KPW","stat-card-value":"stat-card-module_stat-card-value__1uNRZ","stat-card-description":"stat-card-module_stat-card-description__loPKr","stat-card-trend":"stat-card-module_stat-card-trend__eyR5C","stat-card--sm":"stat-card-module_stat-card--sm__So-WP","stat-card--lg":"stat-card-module_stat-card--lg__h4SgC","stat-card--primary":"stat-card-module_stat-card--primary__i8zvb","stat-card--secondary":"stat-card-module_stat-card--secondary__CccN0","stat-card--destructive":"stat-card-module_stat-card--destructive__lML8f","stat-card--warning":"stat-card-module_stat-card--warning__smgkO","stat-card--success":"stat-card-module_stat-card--success__0NM8d","stat-card--info":"stat-card-module_stat-card--info__M9tO8","stat-card--slate":"stat-card-module_stat-card--slate__imMVn"};
|
|
2
|
+
|
|
3
|
+
export { s as default };
|
|
4
|
+
//# sourceMappingURL=stat-card.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stat-card.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/StepProgress/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const stepProgressVariants: (props?: ({
|
|
2
|
+
theme?: "inherit" | "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | null | undefined;
|
|
3
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
4
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
5
|
+
stretch?: boolean | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
//# sourceMappingURL=step-progress-variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"step-progress-variants.d.ts","sourceRoot":"","sources":["../../../src/ui/StepProgress/step-progress-variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB;;;;;8EAgC/B,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { cva } from 'class-variance-authority';
|
|
2
|
+
import s from './step-progress.module.scss.js';
|
|
3
|
+
|
|
4
|
+
const stepProgressVariants = cva(s['step-progress'], {
|
|
5
|
+
variants: {
|
|
6
|
+
theme: {
|
|
7
|
+
primary: s['step-progress--primary'],
|
|
8
|
+
secondary: s['step-progress--secondary'],
|
|
9
|
+
destructive: s['step-progress--destructive'],
|
|
10
|
+
warning: s['step-progress--warning'],
|
|
11
|
+
success: s['step-progress--success'],
|
|
12
|
+
info: s['step-progress--info'],
|
|
13
|
+
slate: s['step-progress--slate'],
|
|
14
|
+
inherit: s['step-progress--inherit'],
|
|
15
|
+
},
|
|
16
|
+
size: {
|
|
17
|
+
sm: s['step-progress--sm'],
|
|
18
|
+
md: s['step-progress--md'],
|
|
19
|
+
lg: s['step-progress--lg'],
|
|
20
|
+
},
|
|
21
|
+
orientation: {
|
|
22
|
+
horizontal: s['step-progress--horizontal'],
|
|
23
|
+
vertical: s['step-progress--vertical'],
|
|
24
|
+
},
|
|
25
|
+
stretch: {
|
|
26
|
+
true: s['step-progress--stretch'],
|
|
27
|
+
false: undefined,
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
defaultVariants: {
|
|
31
|
+
theme: 'primary',
|
|
32
|
+
size: 'md',
|
|
33
|
+
orientation: 'horizontal',
|
|
34
|
+
stretch: false,
|
|
35
|
+
},
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
export { stepProgressVariants };
|
|
39
|
+
//# sourceMappingURL=step-progress-variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"step-progress-variants.js","sources":["../../../src/ui/StepProgress/step-progress-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport s from './step-progress.module.scss';\n\nexport const stepProgressVariants = cva(s['step-progress'], {\n variants: {\n theme: {\n primary: s['step-progress--primary'],\n secondary: s['step-progress--secondary'],\n destructive: s['step-progress--destructive'],\n warning: s['step-progress--warning'],\n success: s['step-progress--success'],\n info: s['step-progress--info'],\n slate: s['step-progress--slate'],\n inherit: s['step-progress--inherit'],\n },\n size: {\n sm: s['step-progress--sm'],\n md: s['step-progress--md'],\n lg: s['step-progress--lg'],\n },\n orientation: {\n horizontal: s['step-progress--horizontal'],\n vertical: s['step-progress--vertical'],\n },\n stretch: {\n true: s['step-progress--stretch'],\n false: undefined,\n },\n },\n defaultVariants: {\n theme: 'primary',\n size: 'md',\n orientation: 'horizontal',\n stretch: false,\n },\n});\n"],"names":[],"mappings":";;;AAGO,MAAM,oBAAoB,GAAG,GAAG,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE;AAC1D,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,CAAC,CAAC,wBAAwB,CAAC;AACpC,YAAA,SAAS,EAAE,CAAC,CAAC,0BAA0B,CAAC;AACxC,YAAA,WAAW,EAAE,CAAC,CAAC,4BAA4B,CAAC;AAC5C,YAAA,OAAO,EAAE,CAAC,CAAC,wBAAwB,CAAC;AACpC,YAAA,OAAO,EAAE,CAAC,CAAC,wBAAwB,CAAC;AACpC,YAAA,IAAI,EAAE,CAAC,CAAC,qBAAqB,CAAC;AAC9B,YAAA,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC;AAChC,YAAA,OAAO,EAAE,CAAC,CAAC,wBAAwB,CAAC;AACrC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,CAAC,CAAC,mBAAmB,CAAC;AAC1B,YAAA,EAAE,EAAE,CAAC,CAAC,mBAAmB,CAAC;AAC1B,YAAA,EAAE,EAAE,CAAC,CAAC,mBAAmB,CAAC;AAC3B,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,UAAU,EAAE,CAAC,CAAC,2BAA2B,CAAC;AAC1C,YAAA,QAAQ,EAAE,CAAC,CAAC,yBAAyB,CAAC;AACvC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,CAAC,CAAC,wBAAwB,CAAC;AACjC,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,WAAW,EAAE,YAAY;AACzB,QAAA,OAAO,EAAE,KAAK;AACf,KAAA;AACF,CAAA;;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { stepProgressVariants } from './step-progress-variants';
|
|
4
|
+
export interface Step {
|
|
5
|
+
/** Label displayed next to or below the step indicator. */
|
|
6
|
+
label: string;
|
|
7
|
+
/** Optional secondary description below the label. */
|
|
8
|
+
description?: string;
|
|
9
|
+
/** Optional icon rendered inside the dot. Defaults to a checkmark for completed steps. */
|
|
10
|
+
icon?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export interface StepProgressProps extends Omit<React.HTMLAttributes<HTMLOListElement>, 'children'>, VariantProps<typeof stepProgressVariants> {
|
|
13
|
+
/** Array of step definitions. */
|
|
14
|
+
steps: Step[];
|
|
15
|
+
/** Zero-based index of the currently active step. Steps before this are complete. */
|
|
16
|
+
currentStep: number;
|
|
17
|
+
}
|
|
18
|
+
declare const StepProgress: React.ForwardRefExoticComponent<StepProgressProps & React.RefAttributes<HTMLOListElement>>;
|
|
19
|
+
export { StepProgress };
|
|
20
|
+
//# sourceMappingURL=step-progress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"step-progress.d.ts","sourceRoot":"","sources":["../../../src/ui/StepProgress/step-progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGhE,MAAM,WAAW,IAAI;IACnB,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,iBACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EACxD,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,iCAAiC;IACjC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,qFAAqF;IACrF,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,YAAY,4FA8CjB,CAAC;AA6FF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|