@k3-universe/react-kit 0.0.27 → 0.0.29
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/.storybook/main.ts +1 -1
- package/.storybook/preview.ts +18 -10
- package/biome.json +10 -0
- package/dist/index.js +2319 -1227
- package/dist/kit/builder/auth/AuthProvider.d.ts +36 -0
- package/dist/kit/builder/auth/AuthProvider.d.ts.map +1 -0
- package/dist/kit/builder/auth/adapter.d.ts +14 -0
- package/dist/kit/builder/auth/adapter.d.ts.map +1 -0
- package/dist/kit/builder/auth/client-adapters.d.ts +149 -0
- package/dist/kit/builder/auth/client-adapters.d.ts.map +1 -0
- package/dist/kit/builder/auth/components.d.ts +119 -0
- package/dist/kit/builder/auth/components.d.ts.map +1 -0
- package/dist/kit/builder/auth/hooks.d.ts +158 -0
- package/dist/kit/builder/auth/hooks.d.ts.map +1 -0
- package/dist/kit/builder/auth/index.d.ts +11 -0
- package/dist/kit/builder/auth/index.d.ts.map +1 -0
- package/dist/kit/builder/auth/permission-checker.d.ts +31 -0
- package/dist/kit/builder/auth/permission-checker.d.ts.map +1 -0
- package/dist/kit/builder/auth/storage.d.ts +17 -0
- package/dist/kit/builder/auth/storage.d.ts.map +1 -0
- package/dist/kit/builder/auth/token-manager.d.ts +9 -0
- package/dist/kit/builder/auth/token-manager.d.ts.map +1 -0
- package/dist/kit/builder/auth/types.d.ts +183 -0
- package/dist/kit/builder/auth/types.d.ts.map +1 -0
- package/dist/kit/builder/data-table/components/DataTable.d.ts +2 -1
- package/dist/kit/builder/data-table/components/DataTable.d.ts.map +1 -1
- package/dist/kit/builder/data-table/components/DataTableColumnHeader.d.ts +2 -2
- package/dist/kit/builder/data-table/components/DataTableColumnHeader.d.ts.map +1 -1
- package/dist/kit/builder/data-table/components/DataTablePagination.d.ts +2 -1
- package/dist/kit/builder/data-table/components/DataTablePagination.d.ts.map +1 -1
- package/dist/kit/builder/data-table/components/DataTableViewOptions.d.ts +1 -1
- package/dist/kit/builder/data-table/components/DataTableViewOptions.d.ts.map +1 -1
- package/dist/kit/builder/data-table/types.d.ts.map +1 -1
- package/dist/kit/builder/dialog/index.d.ts +1 -1
- package/dist/kit/builder/dialog/index.d.ts.map +1 -1
- package/dist/kit/builder/dialog/provider.d.ts +0 -1
- package/dist/kit/builder/dialog/provider.d.ts.map +1 -1
- package/dist/kit/builder/form/components/FormBuilder.d.ts.map +1 -1
- package/dist/kit/builder/form/components/FormBuilderActions.d.ts.map +1 -1
- package/dist/kit/builder/form/components/FormBuilderContext.d.ts.map +1 -1
- package/dist/kit/builder/form/components/FormBuilderField.d.ts +1 -1
- package/dist/kit/builder/form/components/FormBuilderField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/ArrayField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/ArrayField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/AutocompleteField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/AutocompleteField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/CheckboxField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/CheckboxField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/DateField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/DateField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/DatePickerField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/DatePickerField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/DateRangePickerField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/DateRangePickerField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/DateTimePickerField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/DateTimePickerField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/DateTimeRangePickerField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/DateTimeRangePickerField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/FileField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/FileField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/MonthPickerField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/MonthPickerField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/MonthRangePickerField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/MonthRangePickerField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/NumberField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/NumberField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/ObjectField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/RadioField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/RadioField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/SelectField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/SelectField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/SwitchField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/SwitchField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/TextField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/TextField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/TextareaField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/TextareaField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/TimePickerField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/TimePickerField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/TimeRangePickerField.d.ts +1 -1
- package/dist/kit/builder/form/components/fields/TimeRangePickerField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/index.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/types.d.ts.map +1 -1
- package/dist/kit/builder/form/components/sectionNodes.d.ts.map +1 -1
- package/dist/kit/builder/form/hooks/useFormBuilder.d.ts.map +1 -1
- package/dist/kit/builder/form/types.d.ts.map +1 -1
- package/dist/kit/builder/form/utils/section-factories.d.ts.map +1 -1
- package/dist/kit/builder/page/Page.d.ts.map +1 -1
- package/dist/kit/builder/page/index.d.ts.map +1 -1
- package/dist/kit/builder/section/SectionBuilder.d.ts +1 -1
- package/dist/kit/builder/section/SectionBuilder.d.ts.map +1 -1
- package/dist/kit/builder/section/SectionContainer.d.ts +14 -0
- package/dist/kit/builder/section/SectionContainer.d.ts.map +1 -0
- package/dist/kit/builder/stack-dialog/context.d.ts.map +1 -1
- package/dist/kit/builder/stack-dialog/hooks.d.ts.map +1 -1
- package/dist/kit/builder/stack-dialog/index.d.ts +3 -3
- package/dist/kit/builder/stack-dialog/index.d.ts.map +1 -1
- package/dist/kit/builder/stack-dialog/provider.d.ts.map +1 -1
- package/dist/kit/builder/stack-dialog/renderer.d.ts.map +1 -1
- package/dist/kit/builder/stack-dialog/types.d.ts +1 -1
- package/dist/kit/builder/stack-dialog/types.d.ts.map +1 -1
- package/dist/kit/components/autocomplete/Autocomplete.d.ts +1 -1
- package/dist/kit/components/autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/kit/components/autocomplete/types.d.ts.map +1 -1
- package/dist/kit/components/datepicker/DatePicker.d.ts.map +1 -1
- package/dist/kit/components/datepicker/DateRangePicker.d.ts.map +1 -1
- package/dist/kit/components/datetimepicker/DateTimePicker.d.ts.map +1 -1
- package/dist/kit/components/datetimepicker/DateTimeRangePicker.d.ts.map +1 -1
- package/dist/kit/components/datetimepicker/index.d.ts.map +1 -1
- package/dist/kit/components/fileuploader/FileUploader.d.ts.map +1 -1
- package/dist/kit/components/fileuploader/types.d.ts +2 -2
- package/dist/kit/components/forminfo/FormInfoError.d.ts.map +1 -1
- package/dist/kit/components/login/Login.d.ts +1 -1
- package/dist/kit/components/login/Login.d.ts.map +1 -1
- package/dist/kit/components/monthpicker/MonthInput.d.ts.map +1 -1
- package/dist/kit/components/monthpicker/MonthPicker.d.ts.map +1 -1
- package/dist/kit/components/monthpicker/MonthRangeInput.d.ts.map +1 -1
- package/dist/kit/components/monthpicker/MonthRangePicker.d.ts.map +1 -1
- package/dist/kit/components/timepicker/TimePicker.d.ts.map +1 -1
- package/dist/kit/components/timepicker/TimeRangePicker.d.ts.map +1 -1
- package/dist/kit/components/timepicker/index.d.ts.map +1 -1
- package/dist/kit/layouts/admin/components/AdminLayout.d.ts.map +1 -1
- package/dist/kit/layouts/admin/components/ThemeToggle.d.ts.map +1 -1
- package/dist/kit/layouts/admin/hooks/menu.d.ts.map +1 -1
- package/dist/kit/layouts/admin/providers/AdminMenuProvider.d.ts +1 -1
- package/dist/kit/layouts/admin/providers/AdminMenuProvider.d.ts.map +1 -1
- package/dist/shadcn/hooks/use-mobile.d.ts.map +1 -1
- package/dist/shadcn/ui/accordion.d.ts +2 -2
- package/dist/shadcn/ui/accordion.d.ts.map +1 -1
- package/dist/shadcn/ui/alert-dialog.d.ts +4 -4
- package/dist/shadcn/ui/alert-dialog.d.ts.map +1 -1
- package/dist/shadcn/ui/alert.d.ts +4 -4
- package/dist/shadcn/ui/alert.d.ts.map +1 -1
- package/dist/shadcn/ui/aspect-ratio.d.ts +1 -1
- package/dist/shadcn/ui/aspect-ratio.d.ts.map +1 -1
- package/dist/shadcn/ui/avatar.d.ts +2 -2
- package/dist/shadcn/ui/avatar.d.ts.map +1 -1
- package/dist/shadcn/ui/badge.d.ts +2 -2
- package/dist/shadcn/ui/badge.d.ts.map +1 -1
- package/dist/shadcn/ui/breadcrumb.d.ts +8 -8
- package/dist/shadcn/ui/breadcrumb.d.ts.map +1 -1
- package/dist/shadcn/ui/button.d.ts +2 -2
- package/dist/shadcn/ui/button.d.ts.map +1 -1
- package/dist/shadcn/ui/calendar.d.ts +2 -2
- package/dist/shadcn/ui/calendar.d.ts.map +1 -1
- package/dist/shadcn/ui/card.d.ts +8 -8
- package/dist/shadcn/ui/card.d.ts.map +1 -1
- package/dist/shadcn/ui/carousel.d.ts +5 -5
- package/dist/shadcn/ui/carousel.d.ts.map +1 -1
- package/dist/shadcn/ui/chart.d.ts +7 -7
- package/dist/shadcn/ui/chart.d.ts.map +1 -1
- package/dist/shadcn/ui/checkbox.d.ts +2 -2
- package/dist/shadcn/ui/checkbox.d.ts.map +1 -1
- package/dist/shadcn/ui/collapsible.d.ts +1 -1
- package/dist/shadcn/ui/collapsible.d.ts.map +1 -1
- package/dist/shadcn/ui/command.d.ts +2 -2
- package/dist/shadcn/ui/command.d.ts.map +1 -1
- package/dist/shadcn/ui/context-menu.d.ts +4 -4
- package/dist/shadcn/ui/context-menu.d.ts.map +1 -1
- package/dist/shadcn/ui/dialog.d.ts +4 -4
- package/dist/shadcn/ui/dialog.d.ts.map +1 -1
- package/dist/shadcn/ui/drawer.d.ts +3 -3
- package/dist/shadcn/ui/drawer.d.ts.map +1 -1
- package/dist/shadcn/ui/dropdown-menu.d.ts +4 -4
- package/dist/shadcn/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/shadcn/ui/form.d.ts +5 -5
- package/dist/shadcn/ui/form.d.ts.map +1 -1
- package/dist/shadcn/ui/hover-card.d.ts +2 -2
- package/dist/shadcn/ui/hover-card.d.ts.map +1 -1
- package/dist/shadcn/ui/input-otp.d.ts +4 -4
- package/dist/shadcn/ui/input-otp.d.ts.map +1 -1
- package/dist/shadcn/ui/input.d.ts +2 -2
- package/dist/shadcn/ui/input.d.ts.map +1 -1
- package/dist/shadcn/ui/label.d.ts +2 -2
- package/dist/shadcn/ui/label.d.ts.map +1 -1
- package/dist/shadcn/ui/menubar.d.ts +4 -4
- package/dist/shadcn/ui/menubar.d.ts.map +1 -1
- package/dist/shadcn/ui/navigation-menu.d.ts +2 -2
- package/dist/shadcn/ui/navigation-menu.d.ts.map +1 -1
- package/dist/shadcn/ui/pagination.d.ts +6 -6
- package/dist/shadcn/ui/pagination.d.ts.map +1 -1
- package/dist/shadcn/ui/popover.d.ts +2 -2
- package/dist/shadcn/ui/popover.d.ts.map +1 -1
- package/dist/shadcn/ui/progress.d.ts +2 -2
- package/dist/shadcn/ui/progress.d.ts.map +1 -1
- package/dist/shadcn/ui/radio-group.d.ts +2 -2
- package/dist/shadcn/ui/radio-group.d.ts.map +1 -1
- package/dist/shadcn/ui/resizable.d.ts +2 -2
- package/dist/shadcn/ui/resizable.d.ts.map +1 -1
- package/dist/shadcn/ui/scroll-area.d.ts +2 -2
- package/dist/shadcn/ui/scroll-area.d.ts.map +1 -1
- package/dist/shadcn/ui/select.d.ts +3 -3
- package/dist/shadcn/ui/select.d.ts.map +1 -1
- package/dist/shadcn/ui/separator.d.ts +2 -2
- package/dist/shadcn/ui/separator.d.ts.map +1 -1
- package/dist/shadcn/ui/sheet.d.ts +5 -5
- package/dist/shadcn/ui/sheet.d.ts.map +1 -1
- package/dist/shadcn/ui/sidebar.d.ts +26 -26
- package/dist/shadcn/ui/sidebar.d.ts.map +1 -1
- package/dist/shadcn/ui/skeleton.d.ts +1 -1
- package/dist/shadcn/ui/skeleton.d.ts.map +1 -1
- package/dist/shadcn/ui/slider.d.ts +2 -2
- package/dist/shadcn/ui/slider.d.ts.map +1 -1
- package/dist/shadcn/ui/sonner.d.ts.map +1 -1
- package/dist/shadcn/ui/switch.d.ts +2 -2
- package/dist/shadcn/ui/switch.d.ts.map +1 -1
- package/dist/shadcn/ui/table.d.ts +9 -9
- package/dist/shadcn/ui/table.d.ts.map +1 -1
- package/dist/shadcn/ui/tabs.d.ts +2 -2
- package/dist/shadcn/ui/tabs.d.ts.map +1 -1
- package/dist/shadcn/ui/textarea.d.ts +2 -2
- package/dist/shadcn/ui/textarea.d.ts.map +1 -1
- package/dist/shadcn/ui/toggle-group.d.ts +2 -2
- package/dist/shadcn/ui/toggle-group.d.ts.map +1 -1
- package/dist/shadcn/ui/toggle.d.ts +2 -2
- package/dist/shadcn/ui/toggle.d.ts.map +1 -1
- package/dist/shadcn/ui/tooltip.d.ts +2 -2
- package/dist/shadcn/ui/tooltip.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/index.ts +1 -1
- package/src/kit/builder/auth/AuthProvider.tsx +131 -0
- package/src/kit/builder/auth/adapter.ts +436 -0
- package/src/kit/builder/auth/client-adapters.ts +398 -0
- package/src/kit/builder/auth/components.tsx +221 -0
- package/src/kit/builder/auth/hooks.ts +237 -0
- package/src/kit/builder/auth/index.ts +134 -0
- package/src/kit/builder/auth/permission-checker.ts +150 -0
- package/src/kit/builder/auth/storage.ts +366 -0
- package/src/kit/builder/auth/token-manager.ts +55 -0
- package/src/kit/builder/auth/types.ts +393 -0
- package/src/kit/builder/data-table/components/DataTable.tsx +216 -82
- package/src/kit/builder/data-table/components/DataTableColumnHeader.tsx +9 -5
- package/src/kit/builder/data-table/components/DataTablePagination.tsx +49 -27
- package/src/kit/builder/data-table/components/DataTableViewOptions.tsx +13 -4
- package/src/kit/builder/data-table/types.ts +18 -3
- package/src/kit/builder/dialog/index.ts +5 -1
- package/src/kit/builder/dialog/provider.tsx +56 -27
- package/src/kit/builder/form/components/FormBuilder.tsx +10 -14
- package/src/kit/builder/form/components/FormBuilderActions.tsx +1 -1
- package/src/kit/builder/form/components/FormBuilderContext.tsx +13 -6
- package/src/kit/builder/form/components/FormBuilderField.tsx +70 -20
- package/src/kit/builder/form/components/fields/ArrayField.tsx +148 -62
- package/src/kit/builder/form/components/fields/AutocompleteField.tsx +53 -18
- package/src/kit/builder/form/components/fields/CheckboxField.tsx +20 -11
- package/src/kit/builder/form/components/fields/DateField.tsx +17 -6
- package/src/kit/builder/form/components/fields/DatePickerField.tsx +15 -10
- package/src/kit/builder/form/components/fields/DateRangePickerField.tsx +20 -15
- package/src/kit/builder/form/components/fields/DateTimePickerField.tsx +16 -11
- package/src/kit/builder/form/components/fields/DateTimeRangePickerField.tsx +23 -17
- package/src/kit/builder/form/components/fields/FileField.tsx +10 -5
- package/src/kit/builder/form/components/fields/MonthPickerField.tsx +18 -11
- package/src/kit/builder/form/components/fields/MonthRangePickerField.tsx +23 -17
- package/src/kit/builder/form/components/fields/NumberField.tsx +9 -4
- package/src/kit/builder/form/components/fields/ObjectField.tsx +12 -7
- package/src/kit/builder/form/components/fields/RadioField.tsx +32 -14
- package/src/kit/builder/form/components/fields/SelectField.tsx +26 -11
- package/src/kit/builder/form/components/fields/SwitchField.tsx +20 -11
- package/src/kit/builder/form/components/fields/TextField.tsx +11 -5
- package/src/kit/builder/form/components/fields/TextareaField.tsx +9 -4
- package/src/kit/builder/form/components/fields/TimePickerField.tsx +16 -11
- package/src/kit/builder/form/components/fields/TimeRangePickerField.tsx +23 -17
- package/src/kit/builder/form/components/fields/index.ts +21 -21
- package/src/kit/builder/form/components/fields/types.ts +15 -11
- package/src/kit/builder/form/components/sectionNodes.tsx +63 -40
- package/src/kit/builder/form/hooks/useFormBuilder.ts +83 -34
- package/src/kit/builder/form/types.ts +173 -148
- package/src/kit/builder/form/utils/section-factories.ts +4 -1
- package/src/kit/builder/form/utils/transformers.ts +4 -4
- package/src/kit/builder/form/utils/validations.ts +1 -1
- package/src/kit/builder/page/Page.tsx +26 -6
- package/src/kit/builder/page/index.ts +1 -1
- package/src/kit/builder/section/SectionBuilder.tsx +252 -127
- package/src/kit/builder/section/SectionContainer.tsx +85 -0
- package/src/kit/builder/stack-dialog/context.ts +10 -4
- package/src/kit/builder/stack-dialog/hooks.ts +4 -3
- package/src/kit/builder/stack-dialog/index.ts +5 -11
- package/src/kit/builder/stack-dialog/provider.tsx +11 -11
- package/src/kit/builder/stack-dialog/renderer.tsx +23 -26
- package/src/kit/builder/stack-dialog/types.ts +18 -18
- package/src/kit/components/autocomplete/Autocomplete.tsx +631 -549
- package/src/kit/components/autocomplete/types.ts +17 -17
- package/src/kit/components/datepicker/DatePicker.tsx +33 -9
- package/src/kit/components/datepicker/DateRangePicker.tsx +159 -87
- package/src/kit/components/datetimepicker/DateTimePicker.tsx +136 -30
- package/src/kit/components/datetimepicker/DateTimeRangePicker.tsx +257 -67
- package/src/kit/components/datetimepicker/index.ts +3 -3
- package/src/kit/components/fileuploader/FileUploader.tsx +315 -180
- package/src/kit/components/fileuploader/index.ts +3 -3
- package/src/kit/components/fileuploader/types.ts +3 -3
- package/src/kit/components/forminfo/FormInfoError.tsx +26 -11
- package/src/kit/components/login/Login.tsx +13 -4
- package/src/kit/components/monthpicker/MonthInput.tsx +13 -4
- package/src/kit/components/monthpicker/MonthPicker.tsx +12 -11
- package/src/kit/components/monthpicker/MonthRangeInput.tsx +29 -8
- package/src/kit/components/monthpicker/MonthRangePicker.tsx +23 -21
- package/src/kit/components/timepicker/TimePicker.tsx +19 -11
- package/src/kit/components/timepicker/TimeRangePicker.tsx +106 -29
- package/src/kit/components/timepicker/index.ts +3 -3
- package/src/kit/layouts/admin/components/AdminLayout.tsx +53 -24
- package/src/kit/layouts/admin/components/ThemeToggle.tsx +3 -9
- package/src/kit/layouts/admin/hooks/menu.ts +11 -5
- package/src/kit/layouts/admin/providers/AdminMenuProvider.tsx +59 -39
- package/src/kit/layouts/admin/types/index.ts +1 -1
- package/src/kit/themes/base.css +1 -1
- package/src/kit/themes/clean-slate.css +40 -32
- package/src/kit/themes/default.css +34 -24
- package/src/kit/themes/minimal-modern.css +37 -29
- package/src/kit/themes/spotify.css +56 -39
- package/src/shadcn/hooks/use-mobile.ts +13 -11
- package/src/shadcn/lib/utils.ts +2 -2
- package/src/shadcn/ui/accordion.tsx +14 -14
- package/src/shadcn/ui/alert-dialog.tsx +29 -29
- package/src/shadcn/ui/alert.tsx +20 -20
- package/src/shadcn/ui/aspect-ratio.tsx +4 -4
- package/src/shadcn/ui/avatar.tsx +13 -13
- package/src/shadcn/ui/badge.tsx +16 -16
- package/src/shadcn/ui/breadcrumb.tsx +28 -28
- package/src/shadcn/ui/button.tsx +23 -23
- package/src/shadcn/ui/calendar.tsx +82 -78
- package/src/shadcn/ui/card.tsx +27 -27
- package/src/shadcn/ui/carousel.tsx +93 -93
- package/src/shadcn/ui/chart.tsx +103 -103
- package/src/shadcn/ui/checkbox.tsx +9 -9
- package/src/shadcn/ui/collapsible.tsx +6 -6
- package/src/shadcn/ui/command.tsx +36 -36
- package/src/shadcn/ui/context-menu.tsx +40 -40
- package/src/shadcn/ui/dialog.tsx +28 -28
- package/src/shadcn/ui/drawer.tsx +30 -30
- package/src/shadcn/ui/dropdown-menu.tsx +41 -41
- package/src/shadcn/ui/form.tsx +48 -47
- package/src/shadcn/ui/hover-card.tsx +11 -11
- package/src/shadcn/ui/input-otp.tsx +23 -23
- package/src/shadcn/ui/input.tsx +9 -9
- package/src/shadcn/ui/label.tsx +8 -8
- package/src/shadcn/ui/menubar.tsx +47 -47
- package/src/shadcn/ui/navigation-menu.tsx +33 -33
- package/src/shadcn/ui/pagination.tsx +28 -28
- package/src/shadcn/ui/popover.tsx +12 -12
- package/src/shadcn/ui/progress.tsx +8 -8
- package/src/shadcn/ui/radio-group.tsx +11 -11
- package/src/shadcn/ui/resizable.tsx +14 -14
- package/src/shadcn/ui/scroll-area.tsx +15 -15
- package/src/shadcn/ui/select.tsx +34 -34
- package/src/shadcn/ui/separator.tsx +9 -9
- package/src/shadcn/ui/sheet.tsx +36 -36
- package/src/shadcn/ui/sidebar.tsx +227 -227
- package/src/shadcn/ui/skeleton.tsx +5 -5
- package/src/shadcn/ui/slider.tsx +12 -12
- package/src/shadcn/ui/sonner.tsx +11 -11
- package/src/shadcn/ui/switch.tsx +9 -9
- package/src/shadcn/ui/table.tsx +32 -32
- package/src/shadcn/ui/tabs.tsx +14 -14
- package/src/shadcn/ui/textarea.tsx +7 -7
- package/src/shadcn/ui/toggle-group.tsx +17 -17
- package/src/shadcn/ui/toggle.tsx +16 -16
- package/src/shadcn/ui/tooltip.tsx +11 -11
- package/src/stories/FileUploader.stories.tsx +23 -4
- package/src/stories/kit/builder/DataTable.Basic.stories.tsx +14 -4
- package/src/stories/kit/builder/DataTable.Filters.stories.tsx +36 -14
- package/src/stories/kit/builder/DataTable.Pagination.stories.tsx +3 -2
- package/src/stories/kit/builder/DataTable.SelectionAndActions.stories.tsx +18 -4
- package/src/stories/kit/builder/DataTable.Sorting.stories.tsx +18 -7
- package/src/stories/kit/builder/Dialog.stories.tsx +19 -13
- package/src/stories/kit/builder/Form.ArrayLayouts.stories.tsx +40 -16
- package/src/stories/kit/builder/Form.Autocomplete.stories.tsx +34 -22
- package/src/stories/kit/builder/Form.Basic.stories.tsx +38 -6
- package/src/stories/kit/builder/Form.Complex.stories.tsx +356 -111
- package/src/stories/kit/builder/Form.DateTime.stories.tsx +12 -8
- package/src/stories/kit/builder/Form.Dynamic.stories.tsx +695 -132
- package/src/stories/kit/builder/Form.Files.stories.tsx +37 -26
- package/src/stories/kit/builder/Form.MultipleFormBuilder.stories.tsx +46 -42
- package/src/stories/kit/builder/Form.Pickers.stories.tsx +12 -8
- package/src/stories/kit/builder/Form.Simple.stories.tsx +15 -6
- package/src/stories/kit/builder/Form.Time.stories.tsx +12 -8
- package/src/stories/kit/builder/Page.stories.tsx +32 -6
- package/src/stories/kit/builder/Section.stories.tsx +58 -11
- package/src/stories/kit/components/Autocomplete.stories.tsx +55 -22
- package/src/stories/kit/components/DatePicker.stories.tsx +80 -13
- package/src/stories/kit/components/DateRangePicker.stories.tsx +52 -11
- package/src/stories/kit/components/Login.stories.tsx +8 -2
- package/src/stories/kit/components/MonthPicker.stories.tsx +26 -6
- package/src/stories/kit/components/MonthRangePicker.stories.tsx +24 -5
- package/src/stories/kit/components/TimePicker.stories.tsx +18 -16
- package/src/stories/kit/components/TimeRangePicker.stories.tsx +18 -12
- package/src/stories/kit/layouts/admin/AdminLayout.Basic.stories.tsx +29 -6
- package/src/stories/kit/layouts/admin/AdminLayout.Collapsible.stories.tsx +26 -5
- package/src/stories/kit/layouts/admin/AdminLayout.Complex.stories.tsx +101 -18
- package/src/stories/kit/layouts/admin/AdminLayout.CustomSidebarHeaderComponent.stories.tsx +18 -4
- package/src/stories/kit/layouts/admin/AdminLayout.CustomSidebarTitleAndIcon.stories.tsx +17 -4
- package/src/stories/kit/layouts/admin/AdminLayout.HeaderSlots.stories.tsx +28 -6
- package/src/stories/shadcn/ui/Accordion.stories.tsx +33 -10
- package/src/stories/shadcn/ui/AlertDialog.stories.tsx +3 -1
- package/src/stories/shadcn/ui/Button.stories.tsx +3 -1
- package/src/stories/shadcn/ui/Calendar.stories.tsx +6 -1
- package/src/stories/shadcn/ui/Card.stories.tsx +11 -2
- package/src/stories/shadcn/ui/Checkbox.stories.tsx +11 -3
- package/src/stories/shadcn/ui/Collapsible.stories.tsx +12 -5
- package/src/stories/shadcn/ui/ContextMenu.stories.tsx +12 -4
- package/src/stories/shadcn/ui/Dialog.stories.tsx +15 -3
- package/src/stories/shadcn/ui/Drawer.stories.tsx +5 -2
- package/src/stories/shadcn/ui/DropdownMenu.stories.tsx +15 -5
- package/src/stories/shadcn/ui/Form.stories.tsx +5 -2
- package/src/stories/shadcn/ui/HoverCard.stories.tsx +8 -2
- package/src/stories/shadcn/ui/Input.stories.tsx +3 -1
- package/src/stories/shadcn/ui/InputOtp.stories.tsx +9 -2
- package/src/stories/shadcn/ui/Menubar.stories.tsx +21 -7
- package/src/stories/shadcn/ui/NavigationMenu.stories.tsx +30 -5
- package/src/stories/shadcn/ui/Popover.stories.tsx +8 -2
- package/src/stories/shadcn/ui/Resizable.stories.tsx +17 -5
- package/src/stories/shadcn/ui/ScrollArea.stories.tsx +54 -2
- package/src/stories/shadcn/ui/Select.stories.tsx +7 -1
- package/src/stories/shadcn/ui/Sheet.stories.tsx +2 -1
- package/src/stories/shadcn/ui/Sidebar.stories.tsx +13 -2
- package/src/stories/shadcn/ui/Sonner.stories.tsx +12 -2
- package/src/stories/shadcn/ui/Table.stories.tsx +86 -27
- package/src/stories/shadcn/ui/Tabs.stories.tsx +9 -2
- package/src/stories/shadcn/ui/Textarea.stories.tsx +3 -1
- package/src/stories/shadcn/ui/Toggle.stories.tsx +10 -2
- package/src/stories/shadcn/ui/Tooltip.stories.tsx +6 -1
- package/tsconfig.json +1 -5
- package/tsconfig.tsbuildinfo +1 -0
- package/eslint.config.mjs +0 -19
|
@@ -4,12 +4,12 @@
|
|
|
4
4
|
:root {
|
|
5
5
|
--background: oklch(0.98 0 0);
|
|
6
6
|
--foreground: oklch(0.28 0.04 260.33);
|
|
7
|
-
--card: oklch(1
|
|
7
|
+
--card: oklch(1 0 0);
|
|
8
8
|
--card-foreground: oklch(0.28 0.04 260.33);
|
|
9
|
-
--popover: oklch(1
|
|
9
|
+
--popover: oklch(1 0 0);
|
|
10
10
|
--popover-foreground: oklch(0.28 0.04 260.33);
|
|
11
|
-
--primary: oklch(0.59 0.
|
|
12
|
-
--primary-foreground: oklch(1
|
|
11
|
+
--primary: oklch(0.59 0.2 277.06);
|
|
12
|
+
--primary-foreground: oklch(1 0 0);
|
|
13
13
|
--secondary: oklch(0.93 0.01 261.82);
|
|
14
14
|
--secondary-foreground: oklch(0.37 0.03 259.73);
|
|
15
15
|
--muted: oklch(0.97 0 0);
|
|
@@ -19,36 +19,40 @@
|
|
|
19
19
|
--destructive: oklch(0.64 0.21 25.39);
|
|
20
20
|
--border: oklch(0.87 0.01 261.81);
|
|
21
21
|
--input: oklch(0.87 0.01 261.81);
|
|
22
|
-
--ring: oklch(0.59 0.
|
|
23
|
-
--chart-1: oklch(0.59 0.
|
|
22
|
+
--ring: oklch(0.59 0.2 277.06);
|
|
23
|
+
--chart-1: oklch(0.59 0.2 277.06);
|
|
24
24
|
--chart-2: oklch(0.51 0.23 276.97);
|
|
25
25
|
--chart-3: oklch(0.46 0.21 277.06);
|
|
26
|
-
--chart-4: oklch(0.
|
|
26
|
+
--chart-4: oklch(0.4 0.18 277.16);
|
|
27
27
|
--chart-5: oklch(0.36 0.14 278.65);
|
|
28
28
|
--sidebar: oklch(0.97 0 0);
|
|
29
29
|
--sidebar-foreground: oklch(0.28 0.04 260.33);
|
|
30
|
-
--sidebar-primary: oklch(0.59 0.
|
|
31
|
-
--sidebar-primary-foreground: oklch(1
|
|
30
|
+
--sidebar-primary: oklch(0.59 0.2 277.06);
|
|
31
|
+
--sidebar-primary-foreground: oklch(1 0 0);
|
|
32
32
|
--sidebar-accent: oklch(0.93 0.03 273.66);
|
|
33
33
|
--sidebar-accent-foreground: oklch(0.37 0.03 259.73);
|
|
34
34
|
--sidebar-border: oklch(0.87 0.01 261.81);
|
|
35
|
-
--sidebar-ring: oklch(0.59 0.
|
|
35
|
+
--sidebar-ring: oklch(0.59 0.2 277.06);
|
|
36
36
|
|
|
37
37
|
--font-sans: Inter, sans-serif;
|
|
38
38
|
--font-serif: Merriweather, serif;
|
|
39
39
|
--font-mono: JetBrains Mono, monospace;
|
|
40
40
|
|
|
41
41
|
--radius: 0.5rem;
|
|
42
|
-
|
|
43
|
-
--shadow-2xs: 0px 4px 8px -1px oklch(0
|
|
44
|
-
--shadow-xs: 0px 4px 8px -1px oklch(0
|
|
45
|
-
--shadow-sm:
|
|
46
|
-
|
|
47
|
-
--shadow
|
|
48
|
-
|
|
49
|
-
--shadow-
|
|
50
|
-
|
|
51
|
-
|
|
42
|
+
|
|
43
|
+
--shadow-2xs: 0px 4px 8px -1px oklch(0 0 0 / 0.05);
|
|
44
|
+
--shadow-xs: 0px 4px 8px -1px oklch(0 0 0 / 0.05);
|
|
45
|
+
--shadow-sm:
|
|
46
|
+
0px 4px 8px -1px oklch(0 0 0 / 0.1), 0px 1px 2px -2px oklch(0 0 0 / 0.1);
|
|
47
|
+
--shadow:
|
|
48
|
+
0px 4px 8px -1px oklch(0 0 0 / 0.1), 0px 1px 2px -2px oklch(0 0 0 / 0.1);
|
|
49
|
+
--shadow-md:
|
|
50
|
+
0px 4px 8px -1px oklch(0 0 0 / 0.1), 0px 2px 4px -2px oklch(0 0 0 / 0.1);
|
|
51
|
+
--shadow-lg:
|
|
52
|
+
0px 4px 8px -1px oklch(0 0 0 / 0.1), 0px 4px 6px -2px oklch(0 0 0 / 0.1);
|
|
53
|
+
--shadow-xl:
|
|
54
|
+
0px 4px 8px -1px oklch(0 0 0 / 0.1), 0px 8px 10px -2px oklch(0 0 0 / 0.1);
|
|
55
|
+
--shadow-2xl: 0px 4px 8px -1px oklch(0 0 0 / 0.25);
|
|
52
56
|
}
|
|
53
57
|
|
|
54
58
|
.dark {
|
|
@@ -71,10 +75,10 @@
|
|
|
71
75
|
--input: oklch(0.45 0.03 257.68);
|
|
72
76
|
--ring: oklch(0.68 0.16 276.93);
|
|
73
77
|
--chart-1: oklch(0.68 0.16 276.93);
|
|
74
|
-
--chart-2: oklch(0.59 0.
|
|
78
|
+
--chart-2: oklch(0.59 0.2 277.06);
|
|
75
79
|
--chart-3: oklch(0.51 0.23 276.97);
|
|
76
80
|
--chart-4: oklch(0.46 0.21 277.06);
|
|
77
|
-
--chart-5: oklch(0.
|
|
81
|
+
--chart-5: oklch(0.4 0.18 277.16);
|
|
78
82
|
--sidebar: oklch(0.28 0.04 260.33);
|
|
79
83
|
--sidebar-foreground: oklch(0.93 0.01 256.71);
|
|
80
84
|
--sidebar-primary: oklch(0.68 0.16 276.93);
|
|
@@ -83,15 +87,19 @@
|
|
|
83
87
|
--sidebar-accent-foreground: oklch(0.87 0.01 261.81);
|
|
84
88
|
--sidebar-border: oklch(0.45 0.03 257.68);
|
|
85
89
|
--sidebar-ring: oklch(0.68 0.16 276.93);
|
|
86
|
-
|
|
87
|
-
--shadow-2xs: 0 1px 3px 0px oklch(0
|
|
88
|
-
--shadow-xs: 0 1px 3px 0px oklch(0
|
|
89
|
-
--shadow-sm:
|
|
90
|
-
|
|
91
|
-
--shadow
|
|
92
|
-
--shadow-
|
|
93
|
-
|
|
94
|
-
--shadow-
|
|
90
|
+
|
|
91
|
+
--shadow-2xs: 0 1px 3px 0px oklch(0 0 0 / 0.05);
|
|
92
|
+
--shadow-xs: 0 1px 3px 0px oklch(0 0 0 / 0.05);
|
|
93
|
+
--shadow-sm:
|
|
94
|
+
0 1px 3px 0px oklch(0 0 0 / 0.1), 0 1px 2px -1px oklch(0 0 0 / 0.1);
|
|
95
|
+
--shadow: 0 1px 3px 0px oklch(0 0 0 / 0.1), 0 1px 2px -1px oklch(0 0 0 / 0.1);
|
|
96
|
+
--shadow-md:
|
|
97
|
+
0 1px 3px 0px oklch(0 0 0 / 0.1), 0 2px 4px -1px oklch(0 0 0 / 0.1);
|
|
98
|
+
--shadow-lg:
|
|
99
|
+
0 1px 3px 0px oklch(0 0 0 / 0.1), 0 4px 6px -1px oklch(0 0 0 / 0.1);
|
|
100
|
+
--shadow-xl:
|
|
101
|
+
0 1px 3px 0px oklch(0 0 0 / 0.1), 0 8px 10px -1px oklch(0 0 0 / 0.1);
|
|
102
|
+
--shadow-2xl: 0 1px 3px 0px oklch(0 0 0 / 0.25);
|
|
95
103
|
}
|
|
96
104
|
|
|
97
105
|
@theme inline {
|
|
@@ -144,4 +152,4 @@
|
|
|
144
152
|
--shadow-lg: var(--shadow-lg);
|
|
145
153
|
--shadow-xl: var(--shadow-xl);
|
|
146
154
|
--shadow-2xl: var(--shadow-2xl);
|
|
147
|
-
}
|
|
155
|
+
}
|
|
@@ -2,24 +2,24 @@
|
|
|
2
2
|
@import "tw-animate-css";
|
|
3
3
|
|
|
4
4
|
:root {
|
|
5
|
-
--background: oklch(1
|
|
5
|
+
--background: oklch(1 0 0);
|
|
6
6
|
--foreground: oklch(0.1408 0.0044 285.8229);
|
|
7
|
-
--card: oklch(1
|
|
7
|
+
--card: oklch(1 0 0);
|
|
8
8
|
--card-foreground: oklch(0.1408 0.0044 285.8229);
|
|
9
|
-
--popover: oklch(1
|
|
9
|
+
--popover: oklch(1 0 0);
|
|
10
10
|
--popover-foreground: oklch(0.1408 0.0044 285.8229);
|
|
11
11
|
--primary: oklch(0.5234 0.1347 144.1672);
|
|
12
|
-
--primary-foreground: oklch(1
|
|
12
|
+
--primary-foreground: oklch(1 0 0);
|
|
13
13
|
--secondary: oklch(0.9674 0.0013 286.3752);
|
|
14
14
|
--secondary-foreground: oklch(0.1408 0.0044 285.8229);
|
|
15
15
|
--muted: oklch(0.9674 0.0013 286.3752);
|
|
16
16
|
--muted-foreground: oklch(0.5517 0.0138 285.9385);
|
|
17
|
-
--accent: oklch(0.9571 0.
|
|
17
|
+
--accent: oklch(0.9571 0.021 147.636);
|
|
18
18
|
--accent-foreground: oklch(0.4254 0.1159 144.3078);
|
|
19
19
|
--destructive: oklch(0.6368 0.2078 25.3313);
|
|
20
|
-
--destructive-foreground: oklch(1
|
|
21
|
-
--border: oklch(0.9197 0.
|
|
22
|
-
--input: oklch(0.9197 0.
|
|
20
|
+
--destructive-foreground: oklch(1 0 0);
|
|
21
|
+
--border: oklch(0.9197 0.004 286.3202);
|
|
22
|
+
--input: oklch(0.9197 0.004 286.3202);
|
|
23
23
|
--ring: oklch(0.5234 0.1347 144.1672);
|
|
24
24
|
--chart-1: oklch(0.5234 0.1347 144.1672);
|
|
25
25
|
--chart-2: oklch(0.6731 0.1624 144.2083);
|
|
@@ -29,19 +29,24 @@
|
|
|
29
29
|
--sidebar: oklch(0.9851 0 0);
|
|
30
30
|
--sidebar-foreground: oklch(0.5517 0.0138 285.9385);
|
|
31
31
|
--sidebar-primary: oklch(0.5234 0.1347 144.1672);
|
|
32
|
-
--sidebar-primary-foreground: oklch(1
|
|
33
|
-
--sidebar-accent: oklch(0.9571 0.
|
|
32
|
+
--sidebar-primary-foreground: oklch(1 0 0);
|
|
33
|
+
--sidebar-accent: oklch(0.9571 0.021 147.636);
|
|
34
34
|
--sidebar-accent-foreground: oklch(0.4254 0.1159 144.3078);
|
|
35
|
-
--sidebar-border: oklch(0.9197 0.
|
|
35
|
+
--sidebar-border: oklch(0.9197 0.004 286.3202);
|
|
36
36
|
--sidebar-ring: oklch(0.5234 0.1347 144.1672);
|
|
37
37
|
--radius: 0.5rem;
|
|
38
38
|
--shadow-2xs: 0px 4px 8px 0px hsl(0 0% 0% / 0.03);
|
|
39
39
|
--shadow-xs: 0px 4px 8px 0px hsl(0 0% 0% / 0.03);
|
|
40
|
-
--shadow-sm:
|
|
41
|
-
|
|
42
|
-
--shadow
|
|
43
|
-
|
|
44
|
-
--shadow-
|
|
40
|
+
--shadow-sm:
|
|
41
|
+
0px 4px 8px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
|
|
42
|
+
--shadow:
|
|
43
|
+
0px 4px 8px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
|
|
44
|
+
--shadow-md:
|
|
45
|
+
0px 4px 8px 0px hsl(0 0% 0% / 0.05), 0px 2px 4px -1px hsl(0 0% 0% / 0.05);
|
|
46
|
+
--shadow-lg:
|
|
47
|
+
0px 4px 8px 0px hsl(0 0% 0% / 0.05), 0px 4px 6px -1px hsl(0 0% 0% / 0.05);
|
|
48
|
+
--shadow-xl:
|
|
49
|
+
0px 4px 8px 0px hsl(0 0% 0% / 0.05), 0px 8px 10px -1px hsl(0 0% 0% / 0.05);
|
|
45
50
|
--shadow-2xl: 0px 4px 8px 0px hsl(0 0% 0% / 0.13);
|
|
46
51
|
--tracking-normal: 0em;
|
|
47
52
|
--spacing: 0.25rem;
|
|
@@ -72,14 +77,14 @@
|
|
|
72
77
|
--muted-foreground: oklch(0.7118 0.0129 286.0665);
|
|
73
78
|
--accent: oklch(0.3438 0.0368 161.9104);
|
|
74
79
|
--accent-foreground: oklch(0.8353 0.0266 175.4266);
|
|
75
|
-
--destructive: oklch(0.3958 0.1331 25.
|
|
76
|
-
--destructive-foreground: oklch(0.9478 0.
|
|
80
|
+
--destructive: oklch(0.3958 0.1331 25.723);
|
|
81
|
+
--destructive-foreground: oklch(0.9478 0.023 17.5647);
|
|
77
82
|
--border: oklch(0.2739 0.0055 286.0326);
|
|
78
83
|
--input: oklch(0.2739 0.0055 286.0326);
|
|
79
84
|
--ring: oklch(0.6731 0.1624 144.2083);
|
|
80
85
|
--chart-1: oklch(0.6731 0.1624 144.2083);
|
|
81
86
|
--chart-2: oklch(0.7536 0.1626 130.5022);
|
|
82
|
-
--chart-3: oklch(0.8555 0.1766 114.
|
|
87
|
+
--chart-3: oklch(0.8555 0.1766 114.846);
|
|
83
88
|
--chart-4: oklch(0.8442 0.1722 84.9338);
|
|
84
89
|
--chart-5: oklch(0.7703 0.1741 64.0539);
|
|
85
90
|
--sidebar: oklch(0.2103 0.0059 285.8852);
|
|
@@ -93,11 +98,16 @@
|
|
|
93
98
|
--radius: 0.5rem;
|
|
94
99
|
--shadow-2xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.05);
|
|
95
100
|
--shadow-xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.05);
|
|
96
|
-
--shadow-sm:
|
|
97
|
-
|
|
98
|
-
--shadow
|
|
99
|
-
|
|
100
|
-
--shadow-
|
|
101
|
+
--shadow-sm:
|
|
102
|
+
0px 2px 4px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
|
|
103
|
+
--shadow:
|
|
104
|
+
0px 2px 4px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
|
|
105
|
+
--shadow-md:
|
|
106
|
+
0px 2px 4px 0px hsl(0 0% 0% / 0.1), 0px 2px 4px -1px hsl(0 0% 0% / 0.1);
|
|
107
|
+
--shadow-lg:
|
|
108
|
+
0px 2px 4px 0px hsl(0 0% 0% / 0.1), 0px 4px 6px -1px hsl(0 0% 0% / 0.1);
|
|
109
|
+
--shadow-xl:
|
|
110
|
+
0px 2px 4px 0px hsl(0 0% 0% / 0.1), 0px 8px 10px -1px hsl(0 0% 0% / 0.1);
|
|
101
111
|
--shadow-2xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.25);
|
|
102
112
|
--font-sans: Roboto Flex, ui-sans-serif, sans-serif, system-ui;
|
|
103
113
|
--font-serif: Crete Round, ui-serif, serif;
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
@import "tw-animate-css";
|
|
3
3
|
|
|
4
4
|
:root {
|
|
5
|
-
--background: oklch(1
|
|
5
|
+
--background: oklch(1 0 0);
|
|
6
6
|
--foreground: oklch(0.32 0 0);
|
|
7
|
-
--card: oklch(1
|
|
7
|
+
--card: oklch(1 0 0);
|
|
8
8
|
--card-foreground: oklch(0.32 0 0);
|
|
9
|
-
--popover: oklch(1
|
|
9
|
+
--popover: oklch(1 0 0);
|
|
10
10
|
--popover-foreground: oklch(0.32 0 0);
|
|
11
11
|
--primary: oklch(0.62 0.19 259.76);
|
|
12
|
-
--primary-foreground: oklch(1
|
|
12
|
+
--primary-foreground: oklch(1 0 0);
|
|
13
13
|
--secondary: oklch(0.97 0 0);
|
|
14
14
|
--secondary-foreground: oklch(0.45 0.03 257.68);
|
|
15
15
|
--muted: oklch(0.98 0 0);
|
|
@@ -27,39 +27,43 @@
|
|
|
27
27
|
--chart-5: oklch(0.38 0.14 265.59);
|
|
28
28
|
--sidebar: oklch(0.98 0 0);
|
|
29
29
|
--sidebar-foreground: oklch(0.14 0 0);
|
|
30
|
-
--sidebar-primary: oklch(0.
|
|
30
|
+
--sidebar-primary: oklch(0.2 0 0);
|
|
31
31
|
--sidebar-primary-foreground: oklch(0.98 0 0);
|
|
32
32
|
--sidebar-accent: oklch(0.97 0 0);
|
|
33
|
-
--sidebar-accent-foreground: oklch(0.
|
|
33
|
+
--sidebar-accent-foreground: oklch(0.2 0 0);
|
|
34
34
|
--sidebar-border: oklch(0.92 0 0);
|
|
35
35
|
--sidebar-ring: oklch(0.71 0 0);
|
|
36
36
|
|
|
37
|
-
--font-sans:
|
|
37
|
+
--font-sans:
|
|
38
|
+
"Geist", "Geist Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
38
39
|
--font-serif: Source Serif 4, serif;
|
|
39
40
|
--font-mono: JetBrains Mono, monospace;
|
|
40
41
|
|
|
41
42
|
--radius: 0.375rem;
|
|
42
|
-
|
|
43
|
-
--shadow-2xs: 0 1px 3px 0px oklch(0
|
|
44
|
-
--shadow-xs: 0 1px 3px 0px oklch(0
|
|
45
|
-
--shadow-sm:
|
|
46
|
-
|
|
47
|
-
--shadow
|
|
48
|
-
--shadow-
|
|
49
|
-
|
|
50
|
-
--shadow-
|
|
51
|
-
|
|
43
|
+
|
|
44
|
+
--shadow-2xs: 0 1px 3px 0px oklch(0 0 0 / 0.05);
|
|
45
|
+
--shadow-xs: 0 1px 3px 0px oklch(0 0 0 / 0.05);
|
|
46
|
+
--shadow-sm:
|
|
47
|
+
0 1px 3px 0px oklch(0 0 0 / 0.1), 0 1px 2px -1px oklch(0 0 0 / 0.1);
|
|
48
|
+
--shadow: 0 1px 3px 0px oklch(0 0 0 / 0.1), 0 1px 2px -1px oklch(0 0 0 / 0.1);
|
|
49
|
+
--shadow-md:
|
|
50
|
+
0 1px 3px 0px oklch(0 0 0 / 0.1), 0 2px 4px -1px oklch(0 0 0 / 0.1);
|
|
51
|
+
--shadow-lg:
|
|
52
|
+
0 1px 3px 0px oklch(0 0 0 / 0.1), 0 4px 6px -1px oklch(0 0 0 / 0.1);
|
|
53
|
+
--shadow-xl:
|
|
54
|
+
0 1px 3px 0px oklch(0 0 0 / 0.1), 0 8px 10px -1px oklch(0 0 0 / 0.1);
|
|
55
|
+
--shadow-2xl: 0 1px 3px 0px oklch(0 0 0 / 0.25);
|
|
52
56
|
}
|
|
53
57
|
|
|
54
58
|
.dark {
|
|
55
|
-
--background: oklch(0.
|
|
59
|
+
--background: oklch(0.2 0 0);
|
|
56
60
|
--foreground: oklch(0.92 0 0);
|
|
57
61
|
--card: oklch(0.27 0 0);
|
|
58
62
|
--card-foreground: oklch(0.92 0 0);
|
|
59
63
|
--popover: oklch(0.27 0 0);
|
|
60
64
|
--popover-foreground: oklch(0.92 0 0);
|
|
61
65
|
--primary: oklch(0.62 0.19 259.76);
|
|
62
|
-
--primary-foreground: oklch(1
|
|
66
|
+
--primary-foreground: oklch(1 0 0);
|
|
63
67
|
--secondary: oklch(0.27 0 0);
|
|
64
68
|
--secondary-foreground: oklch(0.92 0 0);
|
|
65
69
|
--muted: oklch(0.27 0 0);
|
|
@@ -81,17 +85,21 @@
|
|
|
81
85
|
--sidebar-primary-foreground: oklch(0.99 0 0);
|
|
82
86
|
--sidebar-accent: oklch(0.27 0.01 285.81);
|
|
83
87
|
--sidebar-accent-foreground: oklch(0.99 0 0);
|
|
84
|
-
--sidebar-border: oklch(1
|
|
88
|
+
--sidebar-border: oklch(1 0 0 / 10%);
|
|
85
89
|
--sidebar-ring: oklch(0.55 0.02 285.76);
|
|
86
|
-
|
|
87
|
-
--shadow-2xs: 0 1px 3px 0px oklch(0
|
|
88
|
-
--shadow-xs: 0 1px 3px 0px oklch(0
|
|
89
|
-
--shadow-sm:
|
|
90
|
-
|
|
91
|
-
--shadow
|
|
92
|
-
--shadow-
|
|
93
|
-
|
|
94
|
-
--shadow-
|
|
90
|
+
|
|
91
|
+
--shadow-2xs: 0 1px 3px 0px oklch(0 0 0 / 0.05);
|
|
92
|
+
--shadow-xs: 0 1px 3px 0px oklch(0 0 0 / 0.05);
|
|
93
|
+
--shadow-sm:
|
|
94
|
+
0 1px 3px 0px oklch(0 0 0 / 0.1), 0 1px 2px -1px oklch(0 0 0 / 0.1);
|
|
95
|
+
--shadow: 0 1px 3px 0px oklch(0 0 0 / 0.1), 0 1px 2px -1px oklch(0 0 0 / 0.1);
|
|
96
|
+
--shadow-md:
|
|
97
|
+
0 1px 3px 0px oklch(0 0 0 / 0.1), 0 2px 4px -1px oklch(0 0 0 / 0.1);
|
|
98
|
+
--shadow-lg:
|
|
99
|
+
0 1px 3px 0px oklch(0 0 0 / 0.1), 0 4px 6px -1px oklch(0 0 0 / 0.1);
|
|
100
|
+
--shadow-xl:
|
|
101
|
+
0 1px 3px 0px oklch(0 0 0 / 0.1), 0 8px 10px -1px oklch(0 0 0 / 0.1);
|
|
102
|
+
--shadow-2xl: 0 1px 3px 0px oklch(0 0 0 / 0.25);
|
|
95
103
|
}
|
|
96
104
|
|
|
97
105
|
@theme inline {
|
|
@@ -4,93 +4,110 @@
|
|
|
4
4
|
:root {
|
|
5
5
|
--background: oklch(0.99 0 0);
|
|
6
6
|
--foreground: oklch(0.35 0.02 165.48);
|
|
7
|
-
--card: oklch(1
|
|
7
|
+
--card: oklch(1 0 0);
|
|
8
8
|
--card-foreground: oklch(0.35 0.02 165.48);
|
|
9
|
-
--popover: oklch(1
|
|
9
|
+
--popover: oklch(1 0 0);
|
|
10
10
|
--popover-foreground: oklch(0.35 0.02 165.48);
|
|
11
11
|
--primary: oklch(0.67 0.17 153.85);
|
|
12
12
|
--primary-foreground: oklch(0.99 0.02 175.22);
|
|
13
|
-
--secondary: oklch(0.
|
|
14
|
-
--secondary-foreground: oklch(0.
|
|
15
|
-
--muted: oklch(0.
|
|
16
|
-
--muted-foreground: oklch(0.
|
|
17
|
-
--accent: oklch(0.
|
|
13
|
+
--secondary: oklch(0.9 0.02 238.66);
|
|
14
|
+
--secondary-foreground: oklch(0.2 0.02 266.02);
|
|
15
|
+
--muted: oklch(0.9 0.02 240.73);
|
|
16
|
+
--muted-foreground: oklch(0.5 0.03 268.53);
|
|
17
|
+
--accent: oklch(0.9 0.02 240.73);
|
|
18
18
|
--accent-foreground: oklch(0.35 0.02 165.48);
|
|
19
19
|
--destructive: oklch(0.61 0.24 20.96);
|
|
20
20
|
--border: oklch(0.94 0.01 238.46);
|
|
21
21
|
--input: oklch(0.85 0.02 240.75);
|
|
22
22
|
--ring: oklch(0.67 0.17 153.85);
|
|
23
23
|
--chart-1: oklch(0.67 0.17 153.85);
|
|
24
|
-
--chart-2: oklch(0.
|
|
24
|
+
--chart-2: oklch(0.5 0.1 270.06);
|
|
25
25
|
--chart-3: oklch(0.72 0.12 201.79);
|
|
26
|
-
--chart-4: oklch(0.
|
|
27
|
-
--chart-5: oklch(0.
|
|
26
|
+
--chart-4: oklch(0.8 0.1 100.65);
|
|
27
|
+
--chart-5: oklch(0.6 0.15 300.14);
|
|
28
28
|
--sidebar: oklch(0.98 0.01 238.45);
|
|
29
29
|
--sidebar-foreground: oklch(0.35 0.02 165.48);
|
|
30
30
|
--sidebar-primary: oklch(0.67 0.17 153.85);
|
|
31
31
|
--sidebar-primary-foreground: oklch(0.98 0.01 238.45);
|
|
32
|
-
--sidebar-accent: oklch(0.
|
|
32
|
+
--sidebar-accent: oklch(0.9 0.02 240.73);
|
|
33
33
|
--sidebar-accent-foreground: oklch(0.35 0.02 165.48);
|
|
34
34
|
--sidebar-border: oklch(0.85 0.02 240.75);
|
|
35
35
|
--sidebar-ring: oklch(0.67 0.17 153.85);
|
|
36
36
|
|
|
37
37
|
--font-sans: Lato, sans-serif;
|
|
38
|
-
--font-serif:
|
|
39
|
-
|
|
38
|
+
--font-serif:
|
|
39
|
+
Merriweather, Geist, Geist Fallback, ui-serif, Georgia, Cambria,
|
|
40
|
+
"Times New Roman", Times, serif;
|
|
41
|
+
--font-mono:
|
|
42
|
+
Roboto Mono, Geist Mono, Geist Mono Fallback, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
40
43
|
|
|
41
44
|
--radius: 0.25rem;
|
|
42
|
-
|
|
45
|
+
|
|
43
46
|
--shadow-2xs: 0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.02);
|
|
44
47
|
--shadow-xs: 0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.02);
|
|
45
|
-
--shadow-sm:
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
--shadow
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
--shadow-sm:
|
|
49
|
+
0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.04), 0px 1px 2px -1px
|
|
50
|
+
oklch(0.35 0.05 163.02 / 0.04);
|
|
51
|
+
--shadow:
|
|
52
|
+
0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.04), 0px 1px 2px -1px
|
|
53
|
+
oklch(0.35 0.05 163.02 / 0.04);
|
|
54
|
+
--shadow-md:
|
|
55
|
+
0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.04), 0px 2px 4px -1px
|
|
56
|
+
oklch(0.35 0.05 163.02 / 0.04);
|
|
57
|
+
--shadow-lg:
|
|
58
|
+
0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.04), 0px 4px 6px -1px
|
|
59
|
+
oklch(0.35 0.05 163.02 / 0.04);
|
|
60
|
+
--shadow-xl:
|
|
61
|
+
0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.04), 0px 8px 10px -1px
|
|
62
|
+
oklch(0.35 0.05 163.02 / 0.04);
|
|
63
|
+
--shadow-2xl: 0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.1);
|
|
52
64
|
}
|
|
53
65
|
|
|
54
66
|
.dark {
|
|
55
67
|
--background: oklch(0.15 0.02 269.18);
|
|
56
68
|
--foreground: oklch(0.95 0.01 238.46);
|
|
57
|
-
--card: oklch(0.
|
|
69
|
+
--card: oklch(0.2 0.02 266.02);
|
|
58
70
|
--card-foreground: oklch(0.95 0.01 238.46);
|
|
59
|
-
--popover: oklch(0.
|
|
71
|
+
--popover: oklch(0.2 0.02 266.02);
|
|
60
72
|
--popover-foreground: oklch(0.95 0.01 238.46);
|
|
61
73
|
--primary: oklch(0.67 0.17 153.85);
|
|
62
74
|
--primary-foreground: oklch(0.15 0.02 269.18);
|
|
63
|
-
--secondary: oklch(0.
|
|
75
|
+
--secondary: oklch(0.3 0.03 271.05);
|
|
64
76
|
--secondary-foreground: oklch(0.95 0.01 238.46);
|
|
65
|
-
--muted: oklch(0.
|
|
66
|
-
--muted-foreground: oklch(0.
|
|
67
|
-
--accent: oklch(0.
|
|
77
|
+
--muted: oklch(0.3 0.03 271.05);
|
|
78
|
+
--muted-foreground: oklch(0.6 0.03 269.46);
|
|
79
|
+
--accent: oklch(0.3 0.03 271.05);
|
|
68
80
|
--accent-foreground: oklch(0.95 0.01 238.46);
|
|
69
81
|
--destructive: oklch(0.64 0.25 19.69);
|
|
70
82
|
--border: oklch(0.95 0.01 238.46 / 15%);
|
|
71
83
|
--input: oklch(0.95 0.01 238.46 / 20%);
|
|
72
84
|
--ring: oklch(0.67 0.17 153.85);
|
|
73
85
|
--chart-1: oklch(0.67 0.17 153.85);
|
|
74
|
-
--chart-2: oklch(0.
|
|
86
|
+
--chart-2: oklch(0.6 0.1 269.83);
|
|
75
87
|
--chart-3: oklch(0.72 0.12 201.79);
|
|
76
|
-
--chart-4: oklch(0.
|
|
77
|
-
--chart-5: oklch(0.
|
|
78
|
-
--sidebar: oklch(0.
|
|
88
|
+
--chart-4: oklch(0.8 0.1 100.65);
|
|
89
|
+
--chart-5: oklch(0.6 0.15 300.14);
|
|
90
|
+
--sidebar: oklch(0.2 0.02 266.02);
|
|
79
91
|
--sidebar-foreground: oklch(0.95 0.01 238.46);
|
|
80
92
|
--sidebar-primary: oklch(0.67 0.17 153.85);
|
|
81
93
|
--sidebar-primary-foreground: oklch(0.15 0.02 269.18);
|
|
82
|
-
--sidebar-accent: oklch(0.
|
|
94
|
+
--sidebar-accent: oklch(0.3 0.03 271.05);
|
|
83
95
|
--sidebar-accent-foreground: oklch(0.95 0.01 238.46);
|
|
84
96
|
--sidebar-border: oklch(0.95 0.01 238.46 / 15%);
|
|
85
97
|
--sidebar-ring: oklch(0.67 0.17 153.85);
|
|
86
|
-
|
|
98
|
+
|
|
87
99
|
--shadow-2xs: 0px 1px 2px 0px oklch(0 0 0 / 0.01);
|
|
88
100
|
--shadow-xs: 0px 1px 2px 0px oklch(0 0 0 / 0.01);
|
|
89
|
-
--shadow-sm:
|
|
90
|
-
|
|
91
|
-
--shadow
|
|
92
|
-
|
|
93
|
-
--shadow-
|
|
101
|
+
--shadow-sm:
|
|
102
|
+
0px 1px 2px 0px oklch(0 0 0 / 0.01), 0px 1px 2px -1px oklch(0 0 0 / 0.01);
|
|
103
|
+
--shadow:
|
|
104
|
+
0px 1px 2px 0px oklch(0 0 0 / 0.01), 0px 1px 2px -1px oklch(0 0 0 / 0.01);
|
|
105
|
+
--shadow-md:
|
|
106
|
+
0px 1px 2px 0px oklch(0 0 0 / 0.01), 0px 2px 4px -1px oklch(0 0 0 / 0.01);
|
|
107
|
+
--shadow-lg:
|
|
108
|
+
0px 1px 2px 0px oklch(0 0 0 / 0.01), 0px 4px 6px -1px oklch(0 0 0 / 0.01);
|
|
109
|
+
--shadow-xl:
|
|
110
|
+
0px 1px 2px 0px oklch(0 0 0 / 0.01), 0px 8px 10px -1px oklch(0 0 0 / 0.01);
|
|
94
111
|
--shadow-2xl: 0px 1px 2px 0px oklch(0 0 0 / 0.03);
|
|
95
112
|
}
|
|
96
113
|
|
|
@@ -144,4 +161,4 @@
|
|
|
144
161
|
--shadow-lg: var(--shadow-lg);
|
|
145
162
|
--shadow-xl: var(--shadow-xl);
|
|
146
163
|
--shadow-2xl: var(--shadow-2xl);
|
|
147
|
-
}
|
|
164
|
+
}
|
|
@@ -1,19 +1,21 @@
|
|
|
1
|
-
import * as React from
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
|
|
3
|
-
const MOBILE_BREAKPOINT = 768
|
|
3
|
+
const MOBILE_BREAKPOINT = 768;
|
|
4
4
|
|
|
5
5
|
export function useIsMobile() {
|
|
6
|
-
const [isMobile, setIsMobile] = React.useState<boolean | undefined>(
|
|
6
|
+
const [isMobile, setIsMobile] = React.useState<boolean | undefined>(
|
|
7
|
+
undefined,
|
|
8
|
+
);
|
|
7
9
|
|
|
8
10
|
React.useEffect(() => {
|
|
9
|
-
const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
|
|
11
|
+
const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
|
|
10
12
|
const onChange = () => {
|
|
11
|
-
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
|
|
12
|
-
}
|
|
13
|
-
mql.addEventListener(
|
|
14
|
-
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
|
|
15
|
-
return () => mql.removeEventListener(
|
|
16
|
-
}, [])
|
|
13
|
+
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
|
14
|
+
};
|
|
15
|
+
mql.addEventListener('change', onChange);
|
|
16
|
+
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
|
17
|
+
return () => mql.removeEventListener('change', onChange);
|
|
18
|
+
}, []);
|
|
17
19
|
|
|
18
|
-
return !!isMobile
|
|
20
|
+
return !!isMobile;
|
|
19
21
|
}
|
package/src/shadcn/lib/utils.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
2
|
|
|
3
|
-
import * as React from
|
|
4
|
-
import * as AccordionPrimitive from
|
|
5
|
-
import { ChevronDownIcon } from
|
|
3
|
+
import type * as React from 'react';
|
|
4
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
5
|
+
import { ChevronDownIcon } from 'lucide-react';
|
|
6
6
|
|
|
7
|
-
import { cn } from
|
|
7
|
+
import { cn } from '../../shadcn/lib/utils';
|
|
8
8
|
|
|
9
9
|
function Accordion({
|
|
10
10
|
...props
|
|
11
11
|
}: React.ComponentProps<typeof AccordionPrimitive.Root>) {
|
|
12
|
-
return <AccordionPrimitive.Root data-slot="accordion" {...props}
|
|
12
|
+
return <AccordionPrimitive.Root data-slot="accordion" {...props} />;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
function AccordionItem({
|
|
@@ -19,10 +19,10 @@ function AccordionItem({
|
|
|
19
19
|
return (
|
|
20
20
|
<AccordionPrimitive.Item
|
|
21
21
|
data-slot="accordion-item"
|
|
22
|
-
className={cn(
|
|
22
|
+
className={cn('border-b last:border-b-0', className)}
|
|
23
23
|
{...props}
|
|
24
24
|
/>
|
|
25
|
-
)
|
|
25
|
+
);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
function AccordionTrigger({
|
|
@@ -35,8 +35,8 @@ function AccordionTrigger({
|
|
|
35
35
|
<AccordionPrimitive.Trigger
|
|
36
36
|
data-slot="accordion-trigger"
|
|
37
37
|
className={cn(
|
|
38
|
-
|
|
39
|
-
className
|
|
38
|
+
'focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180',
|
|
39
|
+
className,
|
|
40
40
|
)}
|
|
41
41
|
{...props}
|
|
42
42
|
>
|
|
@@ -44,7 +44,7 @@ function AccordionTrigger({
|
|
|
44
44
|
<ChevronDownIcon className="text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" />
|
|
45
45
|
</AccordionPrimitive.Trigger>
|
|
46
46
|
</AccordionPrimitive.Header>
|
|
47
|
-
)
|
|
47
|
+
);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
function AccordionContent({
|
|
@@ -58,9 +58,9 @@ function AccordionContent({
|
|
|
58
58
|
className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
|
|
59
59
|
{...props}
|
|
60
60
|
>
|
|
61
|
-
<div className={cn(
|
|
61
|
+
<div className={cn('pt-0 pb-4', className)}>{children}</div>
|
|
62
62
|
</AccordionPrimitive.Content>
|
|
63
|
-
)
|
|
63
|
+
);
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
|
|
66
|
+
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|