vlite3 0.1.0 → 0.1.2
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/_virtual/_plugin-vue_export-helper.js +9 -0
- package/components/Accordion/Accordion.vue.d.ts +44 -0
- package/components/Accordion/Accordion.vue.js +95 -0
- package/components/Accordion/Accordion.vue2.js +4 -0
- package/components/Accordion/AccordionContent.vue.d.ts +22 -0
- package/components/Accordion/AccordionContent.vue.js +7 -0
- package/components/Accordion/AccordionContent.vue2.js +47 -0
- package/components/Accordion/AccordionItem.vue.d.ts +56 -0
- package/components/Accordion/AccordionItem.vue.js +115 -0
- package/components/Accordion/AccordionItem.vue2.js +4 -0
- package/components/Accordion/AccordionTrigger.vue.d.ts +43 -0
- package/components/Accordion/AccordionTrigger.vue.js +94 -0
- package/components/Accordion/AccordionTrigger.vue2.js +4 -0
- package/components/Accordion/index.d.ts +5 -0
- package/components/Accordion/types.d.ts +33 -0
- package/components/Alert.vue.d.ts +36 -0
- package/components/Alert.vue.js +84 -0
- package/components/Alert.vue2.js +4 -0
- package/components/Avatar.vue.d.ts +32 -0
- package/components/Avatar.vue.js +78 -0
- package/components/Avatar.vue2.js +4 -0
- package/components/AvatarUploader/AvatarUploader.vue.d.ts +32 -0
- package/components/AvatarUploader/AvatarUploader.vue.js +99 -0
- package/components/AvatarUploader/AvatarUploader.vue2.js +4 -0
- package/{src/components/AvatarUploader/index.ts → components/AvatarUploader/index.d.ts} +2 -2
- package/components/Badge.vue.d.ts +25 -0
- package/components/Badge.vue.js +27 -0
- package/components/Badge.vue2.js +4 -0
- package/components/Button.vue.d.ts +26 -0
- package/components/Button.vue.js +107 -0
- package/components/Button.vue2.js +4 -0
- package/components/ButtonGroup.vue.d.ts +29 -0
- package/components/ButtonGroup.vue.js +7 -0
- package/components/ButtonGroup.vue2.js +30 -0
- package/components/Carousel/Carousel.vue.d.ts +847 -0
- package/components/Carousel/Carousel.vue.js +7 -0
- package/components/Carousel/Carousel.vue2.js +68 -0
- package/components/Carousel/index.d.ts +2 -0
- package/components/Carousel/types.d.ts +24 -0
- package/components/CheckBox.vue.d.ts +27 -0
- package/components/CheckBox.vue.js +115 -0
- package/components/CheckBox.vue2.js +4 -0
- package/components/Chip/Chip.vue.d.ts +33 -0
- package/components/Chip/Chip.vue.js +113 -0
- package/components/Chip/Chip.vue2.js +4 -0
- package/components/Chip/index.d.ts +2 -0
- package/components/Chip/types.d.ts +12 -0
- package/components/ChoiceBox/ChoiceBox.vue.d.ts +32 -0
- package/components/ChoiceBox/ChoiceBox.vue.js +141 -0
- package/components/ChoiceBox/ChoiceBox.vue2.js +4 -0
- package/components/ChoiceBox/index.d.ts +2 -0
- package/components/ColorPicker/ColorIro.vue.d.ts +18 -0
- package/components/ColorPicker/ColorIro.vue.js +142 -0
- package/components/ColorPicker/ColorIro.vue3.js +5 -0
- package/components/ColorPicker/ColorPicker.vue.d.ts +22 -0
- package/components/ColorPicker/ColorPicker.vue.js +56 -0
- package/components/ColorPicker/ColorPicker.vue2.js +4 -0
- package/components/ConfirmationModal.vue.d.ts +39 -0
- package/components/ConfirmationModal.vue.js +55 -0
- package/components/ConfirmationModal.vue2.js +4 -0
- package/components/DataTable/DataTable.vue.d.ts +60 -0
- package/components/DataTable/DataTable.vue.js +7 -0
- package/components/DataTable/DataTable.vue2.js +310 -0
- package/components/DataTable/DataTableHeader.vue.d.ts +14 -0
- package/components/DataTable/DataTableHeader.vue.js +49 -0
- package/components/DataTable/DataTableHeader.vue2.js +4 -0
- package/components/DataTable/DataTableRow.vue.d.ts +51 -0
- package/components/DataTable/DataTableRow.vue.js +114 -0
- package/components/DataTable/DataTableRow.vue2.js +4 -0
- package/components/DataTable/DataTableToolbar.vue.d.ts +31 -0
- package/components/DataTable/DataTableToolbar.vue.js +45 -0
- package/components/DataTable/DataTableToolbar.vue2.js +4 -0
- package/components/DataTable/index.d.ts +4 -0
- package/components/DataTable/types.d.ts +75 -0
- package/components/DatePicker.vue.d.ts +44 -0
- package/components/DatePicker.vue.js +84 -0
- package/components/DatePicker.vue2.js +4 -0
- package/components/Dropdown/Dropdown.vue.d.ts +105 -0
- package/components/Dropdown/Dropdown.vue.js +206 -0
- package/components/Dropdown/Dropdown.vue2.js +4 -0
- package/components/Dropdown/DropdownBooleanItem.vue.d.ts +12 -0
- package/components/Dropdown/DropdownBooleanItem.vue.js +41 -0
- package/components/Dropdown/DropdownBooleanItem.vue2.js +4 -0
- package/components/Dropdown/DropdownGroupedLayout.vue.d.ts +21 -0
- package/components/Dropdown/DropdownGroupedLayout.vue.js +73 -0
- package/components/Dropdown/DropdownGroupedLayout.vue2.js +4 -0
- package/components/Dropdown/DropdownItem.vue.d.ts +35 -0
- package/components/Dropdown/DropdownItem.vue.js +56 -0
- package/components/Dropdown/DropdownItem.vue2.js +4 -0
- package/components/Dropdown/DropdownMenu.vue.d.ts +73 -0
- package/components/Dropdown/DropdownMenu.vue.js +232 -0
- package/components/Dropdown/DropdownMenu.vue2.js +4 -0
- package/components/Dropdown/DropdownTrigger.vue.d.ts +15 -0
- package/components/Dropdown/DropdownTrigger.vue.js +26 -0
- package/components/Dropdown/DropdownTrigger.vue2.js +4 -0
- package/components/Dropdown/composables/useDropdownIds.d.ts +5 -0
- package/components/Dropdown/composables/useDropdownIds.js +20 -0
- package/components/Dropdown/composables/useDropdownNavigation.d.ts +19 -0
- package/components/Dropdown/composables/useDropdownNavigation.js +49 -0
- package/components/Dropdown/composables/useDropdownSelection.d.ts +16 -0
- package/components/Dropdown/composables/useDropdownSelection.js +41 -0
- package/components/Dropdown/index.d.ts +6 -0
- package/components/FilePicker/FilePicker.vue.d.ts +65 -0
- package/components/FilePicker/FilePicker.vue.js +285 -0
- package/components/FilePicker/FilePicker.vue2.js +4 -0
- package/components/FilePicker/index.d.ts +2 -0
- package/components/FileTree/FileTree.vue.d.ts +20 -0
- package/components/FileTree/FileTree.vue.js +139 -0
- package/components/FileTree/FileTree.vue2.js +4 -0
- package/components/FileTree/FileTreeNode.vue.d.ts +28 -0
- package/components/FileTree/FileTreeNode.vue.js +184 -0
- package/components/FileTree/FileTreeNode.vue2.js +4 -0
- package/components/FileTree/index.d.ts +4 -0
- package/components/FileTree/types.d.ts +36 -0
- package/components/FileTree/useTreeSelection.d.ts +12 -0
- package/components/FileTree/useTreeSelection.js +25 -0
- package/components/Form/CustomFields.vue.d.ts +38 -0
- package/components/Form/CustomFields.vue.js +7 -0
- package/components/Form/CustomFields.vue2.js +161 -0
- package/components/Form/Form.vue.d.ts +94 -0
- package/components/Form/Form.vue.js +7 -0
- package/components/Form/Form.vue2.js +238 -0
- package/components/Form/FormField.vue.d.ts +28 -0
- package/components/Form/FormField.vue.js +207 -0
- package/components/Form/FormField.vue2.js +4 -0
- package/components/Form/FormFields.vue.d.ts +29 -0
- package/components/Form/FormFields.vue.js +7 -0
- package/components/Form/FormFields.vue2.js +95 -0
- package/components/Form/composables/useFileUpload.d.ts +24 -0
- package/components/Form/composables/useFileUpload.js +40 -0
- package/components/Form/composables/useForm.d.ts +48 -0
- package/components/Form/composables/useForm.js +109 -0
- package/components/Form/index.d.ts +9 -0
- package/components/Form/types.d.ts +167 -0
- package/components/Form/utils/form.utils.d.ts +44 -0
- package/components/Form/utils/form.utils.js +97 -0
- package/components/Heatmap/Heatmap.vue.d.ts +26 -0
- package/components/Heatmap/Heatmap.vue.js +7 -0
- package/components/Heatmap/Heatmap.vue2.js +326 -0
- package/components/Heatmap/index.d.ts +2 -0
- package/components/Heatmap/types.d.ts +66 -0
- package/components/Icon.vue.d.ts +7 -0
- package/components/Icon.vue.js +25 -0
- package/components/Icon.vue2.js +4 -0
- package/components/IconPicker.vue.d.ts +38 -0
- package/components/IconPicker.vue.js +124 -0
- package/components/IconPicker.vue2.js +4 -0
- package/components/Input.vue.d.ts +54 -0
- package/components/Input.vue.js +267 -0
- package/components/Input.vue2.js +4 -0
- package/components/Label.vue.d.ts +23 -0
- package/components/Label.vue.js +23 -0
- package/components/Label.vue2.js +4 -0
- package/components/Logo.vue.d.ts +2 -0
- package/components/Logo.vue.js +10 -0
- package/components/Logo.vue2.js +4 -0
- package/components/Masonry/Masonry.vue.d.ts +31 -0
- package/components/Masonry/Masonry.vue.js +7 -0
- package/components/Masonry/Masonry.vue2.js +83 -0
- package/components/Masonry/index.d.ts +2 -0
- package/components/Masonry/types.d.ts +33 -0
- package/components/Masonry/types.js +10 -0
- package/components/Modal.vue.d.ts +52 -0
- package/components/Modal.vue.js +116 -0
- package/components/Modal.vue2.js +4 -0
- package/components/MultiSelect/MultiSelect.vue.d.ts +40 -0
- package/components/MultiSelect/MultiSelect.vue.js +126 -0
- package/components/MultiSelect/MultiSelect.vue2.js +4 -0
- package/components/MultiSelect/index.d.ts +1 -0
- package/components/Navbar/Navbar.vue.d.ts +51 -0
- package/components/Navbar/Navbar.vue.js +198 -0
- package/components/Navbar/Navbar.vue2.js +4 -0
- package/components/Navbar/NavbarGroup.vue.d.ts +24 -0
- package/components/Navbar/NavbarGroup.vue.js +23 -0
- package/components/Navbar/NavbarGroup.vue2.js +4 -0
- package/components/Navbar/NavbarItem.vue.d.ts +40 -0
- package/components/Navbar/NavbarItem.vue.js +104 -0
- package/components/Navbar/NavbarItem.vue2.js +4 -0
- package/components/Navbar/index.d.ts +3 -0
- package/components/OTPInput/OTPInput.vue.d.ts +33 -0
- package/components/OTPInput/OTPInput.vue.js +115 -0
- package/components/OTPInput/OTPInput.vue2.js +4 -0
- package/components/OTPInput/index.d.ts +1 -0
- package/components/Pagination/Pagination.vue.d.ts +34 -0
- package/components/Pagination/Pagination.vue.js +196 -0
- package/components/Pagination/Pagination.vue2.js +4 -0
- package/components/Pagination/index.d.ts +1 -0
- package/components/PricingPlan/PricingPlan.vue.d.ts +22 -0
- package/components/PricingPlan/PricingPlan.vue.js +55 -0
- package/components/PricingPlan/PricingPlan.vue2.js +4 -0
- package/components/PricingPlan/PricingPlanItem.vue.d.ts +17 -0
- package/components/PricingPlan/PricingPlanItem.vue.js +94 -0
- package/components/PricingPlan/PricingPlanItem.vue2.js +4 -0
- package/components/PricingPlan/index.d.ts +3 -0
- package/components/PricingPlan/types.d.ts +25 -0
- package/components/SidePanel.vue.d.ts +64 -0
- package/components/SidePanel.vue.js +7 -0
- package/components/SidePanel.vue2.js +131 -0
- package/components/SidebarMenu/SidebarMenu.vue.d.ts +11 -0
- package/components/SidebarMenu/SidebarMenu.vue.js +78 -0
- package/components/SidebarMenu/SidebarMenu.vue2.js +4 -0
- package/components/SidebarMenu/SidebarMenuItem.vue.d.ts +9 -0
- package/components/SidebarMenu/SidebarMenuItem.vue.js +269 -0
- package/components/SidebarMenu/SidebarMenuItem.vue3.js +5 -0
- package/components/SidebarMenu/index.d.ts +3 -0
- package/components/SidebarMenu/types.d.ts +35 -0
- package/components/Slider.vue.d.ts +31 -0
- package/components/Slider.vue.js +157 -0
- package/components/Slider.vue2.js +4 -0
- package/components/Switch.vue.d.ts +16 -0
- package/components/Switch.vue.js +40 -0
- package/components/Switch.vue2.js +4 -0
- package/components/Tabes/Tabes.vue.d.ts +21 -0
- package/components/Tabes/Tabes.vue.js +75 -0
- package/components/Tabes/Tabes.vue2.js +4 -0
- package/components/Tabes/index.d.ts +2 -0
- package/components/Tabes/types.d.ts +8 -0
- package/components/Textarea.vue.d.ts +22 -0
- package/components/Textarea.vue.js +34 -0
- package/components/Textarea.vue2.js +4 -0
- package/components/ThemeToggle.vue.d.ts +2 -0
- package/components/ThemeToggle.vue.js +18 -0
- package/components/ThemeToggle.vue2.js +4 -0
- package/components/Timeline.vue.d.ts +39 -0
- package/components/Timeline.vue.js +174 -0
- package/components/Timeline.vue2.js +4 -0
- package/components/ToastNotification.vue.d.ts +7 -0
- package/components/ToastNotification.vue.js +7 -0
- package/components/ToastNotification.vue2.js +151 -0
- package/components/Tooltip.vue.d.ts +31 -0
- package/components/Tooltip.vue.js +45 -0
- package/components/Tooltip.vue2.js +4 -0
- package/components/Workbook/Sheet.vue.d.ts +38 -0
- package/components/Workbook/Sheet.vue.js +141 -0
- package/components/Workbook/Sheet.vue2.js +4 -0
- package/components/Workbook/Workbook.vue.d.ts +54 -0
- package/components/Workbook/Workbook.vue.js +7 -0
- package/components/Workbook/Workbook.vue2.js +146 -0
- package/components/Workbook/WorkbookAddButton.vue.d.ts +6 -0
- package/components/Workbook/WorkbookAddButton.vue.js +20 -0
- package/components/Workbook/WorkbookAddButton.vue2.js +4 -0
- package/components/Workbook/index.d.ts +3 -0
- package/components/Workbook/types.d.ts +34 -0
- package/composables/useKeyStroke.d.ts +21 -0
- package/composables/useKeyStroke.js +93 -0
- package/composables/useNotifications.d.ts +113 -0
- package/composables/useNotifications.js +99 -0
- package/composables/useTheme.d.ts +6 -0
- package/composables/useTheme.js +32 -0
- package/core/config.d.ts +29 -0
- package/core/config.js +12 -0
- package/core/index.d.ts +31 -0
- package/core/index.js +15 -0
- package/directives/vRipple.d.ts +4 -0
- package/directives/vRipple.js +17 -0
- package/index.d.ts +49 -0
- package/index.js +156 -0
- package/package.json +2 -2
- package/style.css +590 -0
- package/types/alert.type.d.ts +10 -0
- package/{src/types/avatar.type.ts → types/avatar.type.d.ts} +8 -9
- package/types/button.d.ts +15 -0
- package/types/buttongroup.type.d.ts +1 -0
- package/{src/types/config.type.ts → types/config.type.d.ts} +13 -16
- package/types/form.type.d.ts +45 -0
- package/types/index.d.ts +10 -0
- package/types/navbar.type.d.ts +27 -0
- package/types/sidepanel.type.d.ts +13 -0
- package/types/styles.d.ts +28 -0
- package/types/timeline.type.d.ts +9 -0
- package/{src/utils/functions.ts → utils/functions.d.ts} +1 -9
- package/utils/functions.js +11 -0
- package/utils/index.d.ts +2 -0
- package/utils/object.d.ts +6 -0
- package/utils/object.js +14 -0
- package/.vscode/extensions.json +0 -3
- package/LICENSE +0 -21
- package/index.html +0 -16
- package/scripts/bundle-css.js +0 -45
- package/src/App.vue +0 -7
- package/src/components/Accordion/Accordion.vue +0 -139
- package/src/components/Accordion/AccordionContent.vue +0 -63
- package/src/components/Accordion/AccordionItem.vue +0 -163
- package/src/components/Accordion/AccordionTrigger.vue +0 -125
- package/src/components/Accordion/index.ts +0 -5
- package/src/components/Accordion/types.ts +0 -41
- package/src/components/Alert.vue +0 -112
- package/src/components/Avatar.vue +0 -110
- package/src/components/AvatarUploader/AvatarUploader.vue +0 -129
- package/src/components/Badge.vue +0 -45
- package/src/components/Button.vue +0 -122
- package/src/components/ButtonGroup.vue +0 -173
- package/src/components/Carousel/Carousel.vue +0 -84
- package/src/components/Carousel/index.ts +0 -2
- package/src/components/Carousel/types.ts +0 -25
- package/src/components/CheckBox.vue +0 -132
- package/src/components/Chip/Chip.vue +0 -158
- package/src/components/Chip/index.ts +0 -2
- package/src/components/Chip/types.ts +0 -23
- package/src/components/ChoiceBox/ChoiceBox.vue +0 -181
- package/src/components/ChoiceBox/index.ts +0 -2
- package/src/components/ColorPicker/ColorIro.vue +0 -207
- package/src/components/ColorPicker/ColorPicker.vue +0 -61
- package/src/components/ConfirmationModal.vue +0 -46
- package/src/components/DataTable/DataTable.vue +0 -478
- package/src/components/DataTable/DataTableHeader.vue +0 -78
- package/src/components/DataTable/DataTableRow.vue +0 -171
- package/src/components/DataTable/DataTableToolbar.vue +0 -45
- package/src/components/DataTable/index.ts +0 -5
- package/src/components/DataTable/types.ts +0 -85
- package/src/components/DatePicker.vue +0 -102
- package/src/components/Dropdown/Dropdown.vue +0 -348
- package/src/components/Dropdown/DropdownBooleanItem.vue +0 -40
- package/src/components/Dropdown/DropdownGroupedLayout.vue +0 -115
- package/src/components/Dropdown/DropdownItem.vue +0 -56
- package/src/components/Dropdown/DropdownMenu.vue +0 -374
- package/src/components/Dropdown/DropdownTrigger.vue +0 -27
- package/src/components/Dropdown/composables/useDropdownIds.ts +0 -27
- package/src/components/Dropdown/composables/useDropdownNavigation.ts +0 -109
- package/src/components/Dropdown/composables/useDropdownSelection.ts +0 -106
- package/src/components/Dropdown/index.ts +0 -6
- package/src/components/FilePicker/FilePicker.vue +0 -459
- package/src/components/FilePicker/index.ts +0 -2
- package/src/components/FileTree/FileTree.vue +0 -334
- package/src/components/FileTree/FileTreeNode.vue +0 -225
- package/src/components/FileTree/index.ts +0 -2
- package/src/components/FileTree/types.ts +0 -31
- package/src/components/FileTree/useTreeSelection.ts +0 -66
- package/src/components/Form/CustomFields.vue +0 -294
- package/src/components/Form/Form.vue +0 -406
- package/src/components/Form/FormField.vue +0 -404
- package/src/components/Form/FormFields.vue +0 -161
- package/src/components/Form/composables/useFileUpload.ts +0 -112
- package/src/components/Form/composables/useForm.ts +0 -356
- package/src/components/Form/index.ts +0 -16
- package/src/components/Form/types.ts +0 -203
- package/src/components/Form/utils/form.utils.ts +0 -209
- package/src/components/Heatmap/Heatmap.vue +0 -629
- package/src/components/Heatmap/index.ts +0 -2
- package/src/components/Heatmap/types.ts +0 -84
- package/src/components/Icon.vue +0 -47
- package/src/components/IconPicker.vue +0 -138
- package/src/components/Input.vue +0 -366
- package/src/components/Label.vue +0 -25
- package/src/components/Logo.vue +0 -5
- package/src/components/Masonry/Masonry.vue +0 -148
- package/src/components/Masonry/index.ts +0 -2
- package/src/components/Masonry/types.ts +0 -44
- package/src/components/Modal.vue +0 -135
- package/src/components/MultiSelect/MultiSelect.vue +0 -176
- package/src/components/MultiSelect/index.ts +0 -1
- package/src/components/Navbar/Navbar.vue +0 -277
- package/src/components/Navbar/NavbarGroup.vue +0 -27
- package/src/components/Navbar/NavbarItem.vue +0 -124
- package/src/components/Navbar/index.ts +0 -3
- package/src/components/OTPInput/OTPInput.vue +0 -220
- package/src/components/OTPInput/index.ts +0 -1
- package/src/components/Pagination/Pagination.vue +0 -238
- package/src/components/Pagination/index.ts +0 -1
- package/src/components/PricingPlan/PricingPlan.vue +0 -102
- package/src/components/PricingPlan/PricingPlanItem.vue +0 -148
- package/src/components/PricingPlan/index.ts +0 -3
- package/src/components/PricingPlan/types.ts +0 -29
- package/src/components/SidePanel.vue +0 -184
- package/src/components/SidebarMenu/SidebarMenu.vue +0 -146
- package/src/components/SidebarMenu/SidebarMenuItem.vue +0 -333
- package/src/components/SidebarMenu/index.ts +0 -3
- package/src/components/SidebarMenu/types.ts +0 -54
- package/src/components/Slider.vue +0 -181
- package/src/components/Switch.vue +0 -51
- package/src/components/Tabes/Tabes.vue +0 -112
- package/src/components/Tabes/index.ts +0 -2
- package/src/components/Tabes/types.ts +0 -17
- package/src/components/Textarea.vue +0 -48
- package/src/components/ThemeToggle.vue +0 -14
- package/src/components/Timeline.vue +0 -250
- package/src/components/ToastNotification.vue +0 -257
- package/src/components/Tooltip.vue +0 -25
- package/src/components/Workbook/Sheet.vue +0 -185
- package/src/components/Workbook/Workbook.vue +0 -231
- package/src/components/Workbook/WorkbookAddButton.vue +0 -17
- package/src/components/Workbook/index.ts +0 -3
- package/src/components/Workbook/types.ts +0 -43
- package/src/composables/useKeyStroke.ts +0 -291
- package/src/composables/useNotifications.ts +0 -206
- package/src/composables/useTheme.ts +0 -55
- package/src/core/config.ts +0 -37
- package/src/core/index.ts +0 -49
- package/src/css/base.css +0 -148
- package/src/css/input.css +0 -61
- package/src/css/main.css +0 -6
- package/src/css/theme.css +0 -344
- package/src/directives/vRipple.ts +0 -38
- package/src/index.ts +0 -53
- package/src/main.ts +0 -5
- package/src/playground/Playground.vue +0 -429
- package/src/playground/composables/useGetUsers.ts +0 -538
- package/src/playground/demos/AccordionDemo.vue +0 -361
- package/src/playground/demos/AlertDemo.vue +0 -36
- package/src/playground/demos/AvatarDemo.vue +0 -41
- package/src/playground/demos/AvatarUploaderDemo.vue +0 -133
- package/src/playground/demos/BadgeDemo.vue +0 -31
- package/src/playground/demos/BadgesDemo.vue +0 -26
- package/src/playground/demos/ButtonDemo.vue +0 -99
- package/src/playground/demos/ButtonGroupDemo.vue +0 -39
- package/src/playground/demos/ButtonsDemo.vue +0 -111
- package/src/playground/demos/CarouselDemo.vue +0 -135
- package/src/playground/demos/CheckBoxDemo.vue +0 -43
- package/src/playground/demos/ChipDemo.vue +0 -190
- package/src/playground/demos/ChoiceBoxDemo.vue +0 -160
- package/src/playground/demos/ColorPickerDemo.vue +0 -30
- package/src/playground/demos/ColorsDemo.vue +0 -295
- package/src/playground/demos/DataTableDemo.vue +0 -215
- package/src/playground/demos/DatePickerDemo.vue +0 -43
- package/src/playground/demos/DisplayDemo.vue +0 -101
- package/src/playground/demos/DropdownDemo.vue +0 -651
- package/src/playground/demos/FilePickerDemo.vue +0 -175
- package/src/playground/demos/FileTreeDemo.vue +0 -150
- package/src/playground/demos/FormDemo.vue +0 -1144
- package/src/playground/demos/HeatmapDemo.vue +0 -467
- package/src/playground/demos/IconPickerDemo.vue +0 -27
- package/src/playground/demos/InputDemo.vue +0 -80
- package/src/playground/demos/InputsDemo.vue +0 -127
- package/src/playground/demos/LabelDemo.vue +0 -32
- package/src/playground/demos/MasonryDemo.vue +0 -241
- package/src/playground/demos/ModalDemo.vue +0 -67
- package/src/playground/demos/MultiSelectDemo.vue +0 -300
- package/src/playground/demos/NavbarDemo.vue +0 -59
- package/src/playground/demos/NavigationDemo.vue +0 -116
- package/src/playground/demos/OTPInputDemo.vue +0 -170
- package/src/playground/demos/OverlaysDemo.vue +0 -104
- package/src/playground/demos/PaginationDemo.vue +0 -130
- package/src/playground/demos/PricingPlanDemo.vue +0 -110
- package/src/playground/demos/SidePanelDemo.vue +0 -45
- package/src/playground/demos/SidebarMenuDemo.vue +0 -170
- package/src/playground/demos/SliderDemo.vue +0 -48
- package/src/playground/demos/SwitchDemo.vue +0 -40
- package/src/playground/demos/TabesDemo.vue +0 -178
- package/src/playground/demos/TextareaDemo.vue +0 -31
- package/src/playground/demos/ThemeToggleDemo.vue +0 -20
- package/src/playground/demos/TimelineDemo.vue +0 -43
- package/src/playground/demos/ToastDemo.vue +0 -111
- package/src/playground/demos/TooltipDemo.vue +0 -30
- package/src/playground/demos/WorkbookDemo.vue +0 -227
- package/src/types/alert.type.ts +0 -11
- package/src/types/button.ts +0 -36
- package/src/types/buttongroup.type.ts +0 -1
- package/src/types/form.type.ts +0 -75
- package/src/types/index.ts +0 -11
- package/src/types/navbar.type.ts +0 -28
- package/src/types/sidepanel.type.ts +0 -14
- package/src/types/styles.ts +0 -42
- package/src/types/timeline.type.ts +0 -11
- package/src/utils/index.ts +0 -2
- package/src/utils/object.ts +0 -40
- package/tsconfig.app.json +0 -27
- package/tsconfig.json +0 -48
- package/tsconfig.node.json +0 -18
- package/tsconfig.node.tsbuildinfo +0 -1
- package/tsconfig.tsbuildinfo +0 -1
- package/vercel.json +0 -8
- package/vite.config.d.ts +0 -2
- package/vite.config.js +0 -63
- package/vite.config.ts +0 -64
- package/vite.config.vercel.ts +0 -17
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { defineComponent as g, ref as f, openBlock as p, createElementBlock as m, createVNode as c, unref as v, mergeProps as P, createSlots as h, renderList as y, withCtx as S, renderSlot as x, normalizeProps as B, guardReactiveProps as N } from "vue";
|
|
2
|
+
import _ from "vue-carousel-lite";
|
|
3
|
+
import "vue-carousel-lite/style.css";
|
|
4
|
+
const T = { class: "carousel-wrapper" }, V = /* @__PURE__ */ g({
|
|
5
|
+
__name: "Carousel",
|
|
6
|
+
props: {
|
|
7
|
+
data: { default: () => [] },
|
|
8
|
+
pagination: { type: [String, Array, Boolean], default: "dots" },
|
|
9
|
+
paginationSize: { default: "md" },
|
|
10
|
+
paginationPosition: { default: "bottom-center" },
|
|
11
|
+
paginationVisibility: {},
|
|
12
|
+
paginationHoverInitialTimeout: {},
|
|
13
|
+
paginationHoverEdgeThreshold: {},
|
|
14
|
+
direction: { default: "horizontal" },
|
|
15
|
+
autoPlay: { type: Boolean, default: !1 },
|
|
16
|
+
draggable: { type: Boolean, default: !1 },
|
|
17
|
+
autoPlayInterval: { default: 3e3 },
|
|
18
|
+
itemsToShow: { default: 1 },
|
|
19
|
+
gap: { default: 0 },
|
|
20
|
+
speed: { default: 300 },
|
|
21
|
+
easing: { default: "ease" },
|
|
22
|
+
mousewheel: { type: Boolean, default: !0 },
|
|
23
|
+
loop: { type: Boolean, default: !1 },
|
|
24
|
+
currentItem: { default: 0 },
|
|
25
|
+
bufferSize: { default: 5 },
|
|
26
|
+
maxDomElements: { default: 10 },
|
|
27
|
+
updateKey: { default: void 0 }
|
|
28
|
+
},
|
|
29
|
+
emits: ["slide-change"],
|
|
30
|
+
setup(r, { expose: n, emit: i }) {
|
|
31
|
+
const s = r, u = i, o = f(null);
|
|
32
|
+
return n({
|
|
33
|
+
goToSlide: (e, t) => {
|
|
34
|
+
o.value?.goToSlide(e, t);
|
|
35
|
+
},
|
|
36
|
+
goNext: (e) => {
|
|
37
|
+
o.value?.goNext(e);
|
|
38
|
+
},
|
|
39
|
+
goPrev: (e) => {
|
|
40
|
+
o.value?.goPrev(e);
|
|
41
|
+
},
|
|
42
|
+
goNextPage: (e) => {
|
|
43
|
+
o.value?.goNextPage(e);
|
|
44
|
+
},
|
|
45
|
+
goPrevPage: (e) => {
|
|
46
|
+
o.value?.goPrevPage(e);
|
|
47
|
+
}
|
|
48
|
+
}), (e, t) => (p(), m("div", T, [
|
|
49
|
+
c(v(_), P({
|
|
50
|
+
ref_key: "carouselRef",
|
|
51
|
+
ref: o
|
|
52
|
+
}, s, {
|
|
53
|
+
style: { height: "100%", width: "100%" },
|
|
54
|
+
onSlideChange: t[0] || (t[0] = (a) => u("slide-change", a))
|
|
55
|
+
}), h({ _: 2 }, [
|
|
56
|
+
y(e.$slots, (a, l) => ({
|
|
57
|
+
name: l,
|
|
58
|
+
fn: S((d) => [
|
|
59
|
+
x(e.$slots, l, B(N(d || {})), void 0, !0)
|
|
60
|
+
])
|
|
61
|
+
}))
|
|
62
|
+
]), 1040)
|
|
63
|
+
]));
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
export {
|
|
67
|
+
V as default
|
|
68
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export interface CarouselProps {
|
|
2
|
+
data?: any[];
|
|
3
|
+
pagination?: string | string[] | boolean;
|
|
4
|
+
paginationSize?: 'sm' | 'md' | 'lg';
|
|
5
|
+
paginationPosition?: string | string[];
|
|
6
|
+
paginationVisibility?: string | string[];
|
|
7
|
+
paginationHoverInitialTimeout?: number;
|
|
8
|
+
paginationHoverEdgeThreshold?: number;
|
|
9
|
+
direction?: 'horizontal' | 'vertical';
|
|
10
|
+
autoPlay?: boolean;
|
|
11
|
+
draggable?: boolean;
|
|
12
|
+
autoPlayInterval?: number;
|
|
13
|
+
itemsToShow?: number | Record<number, number>;
|
|
14
|
+
gap?: number;
|
|
15
|
+
speed?: number;
|
|
16
|
+
easing?: string;
|
|
17
|
+
mousewheel?: boolean;
|
|
18
|
+
loop?: boolean;
|
|
19
|
+
currentItem?: number;
|
|
20
|
+
bufferSize?: number;
|
|
21
|
+
maxDomElements?: number;
|
|
22
|
+
updateKey?: string | number;
|
|
23
|
+
[key: string]: any;
|
|
24
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { CheckboxSize, CheckboxRounded } from '../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
modelValue?: boolean;
|
|
4
|
+
checked?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
indeterminate?: boolean;
|
|
7
|
+
label?: string;
|
|
8
|
+
id?: string;
|
|
9
|
+
class?: string;
|
|
10
|
+
size?: CheckboxSize;
|
|
11
|
+
rounded?: CheckboxRounded;
|
|
12
|
+
}
|
|
13
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
14
|
+
"update:modelValue": (value: boolean) => any;
|
|
15
|
+
"update:checked": (value: boolean) => any;
|
|
16
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
17
|
+
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
18
|
+
"onUpdate:checked"?: (value: boolean) => any;
|
|
19
|
+
}>, {
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
class: string;
|
|
22
|
+
size: CheckboxSize;
|
|
23
|
+
modelValue: boolean;
|
|
24
|
+
checked: boolean;
|
|
25
|
+
indeterminate: boolean;
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
27
|
+
export default _default;
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { defineComponent as y, computed as d, openBlock as l, createElementBlock as m, createElementVNode as v, normalizeClass as i, createVNode as g, Transition as w, withCtx as f, createBlock as o, createCommentVNode as c, createTextVNode as C, toDisplayString as V } from "vue";
|
|
2
|
+
import h from "./Icon.vue.js";
|
|
3
|
+
import z from "./Label.vue.js";
|
|
4
|
+
const B = { class: "flex items-center space-x-2" }, N = ["aria-checked", "data-state", "disabled", "id"], j = {
|
|
5
|
+
key: 0,
|
|
6
|
+
class: "flex items-center justify-center text-current w-full h-full"
|
|
7
|
+
}, D = /* @__PURE__ */ y({
|
|
8
|
+
__name: "CheckBox",
|
|
9
|
+
props: {
|
|
10
|
+
modelValue: { type: Boolean, default: !1 },
|
|
11
|
+
checked: { type: Boolean, default: !1 },
|
|
12
|
+
disabled: { type: Boolean, default: !1 },
|
|
13
|
+
indeterminate: { type: Boolean, default: !1 },
|
|
14
|
+
label: {},
|
|
15
|
+
id: {},
|
|
16
|
+
class: { default: "" },
|
|
17
|
+
size: { default: "md" },
|
|
18
|
+
rounded: {}
|
|
19
|
+
},
|
|
20
|
+
emits: ["update:modelValue", "update:checked"],
|
|
21
|
+
setup(t, { emit: k }) {
|
|
22
|
+
const e = t, r = k, u = () => {
|
|
23
|
+
if (e.disabled) return;
|
|
24
|
+
const n = !(e.modelValue || e.checked);
|
|
25
|
+
r("update:modelValue", n), r("update:checked", n);
|
|
26
|
+
}, b = {
|
|
27
|
+
xs: "h-3.5 w-3.5",
|
|
28
|
+
sm: "h-4 w-4",
|
|
29
|
+
md: "h-4.5 w-4.5",
|
|
30
|
+
lg: "h-5 w-5",
|
|
31
|
+
xl: "h-5.5 w-5.5"
|
|
32
|
+
}, s = {
|
|
33
|
+
xs: "h-2.5 w-2.5",
|
|
34
|
+
sm: "h-3 w-3",
|
|
35
|
+
md: "h-3.5 w-3.5",
|
|
36
|
+
lg: "h-4 w-4",
|
|
37
|
+
xl: "h-5 w-5"
|
|
38
|
+
}, p = {
|
|
39
|
+
none: "rounded-none",
|
|
40
|
+
xs: "rounded-[3px]",
|
|
41
|
+
sm: "rounded-[4px]",
|
|
42
|
+
md: "rounded-sm",
|
|
43
|
+
lg: "rounded-md",
|
|
44
|
+
xl: "rounded-lg",
|
|
45
|
+
"2xl": "rounded-xl",
|
|
46
|
+
full: "rounded-full"
|
|
47
|
+
}, x = d(() => [
|
|
48
|
+
"peer shrink-0 border border-primary transition-all duration-200 ease-in-out",
|
|
49
|
+
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
|
|
50
|
+
// Kept ring for accessibility visibility on small elements
|
|
51
|
+
"disabled:cursor-not-allowed disabled:opacity-50",
|
|
52
|
+
"data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
|
|
53
|
+
"data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
|
|
54
|
+
"cursor-pointer bg-transparent",
|
|
55
|
+
// Default background
|
|
56
|
+
b[e.size],
|
|
57
|
+
p[e.rounded || e.size],
|
|
58
|
+
e.class
|
|
59
|
+
].join(" ")), a = d(() => e.indeterminate ? "indeterminate" : e.modelValue || e.checked ? "checked" : "unchecked");
|
|
60
|
+
return d(() => [
|
|
61
|
+
"transition-transform duration-200",
|
|
62
|
+
a.value === "checked" || a.value === "indeterminate" ? "scale-100" : "scale-0",
|
|
63
|
+
s[e.size]
|
|
64
|
+
].join(" ")), (n, E) => (l(), m("div", B, [
|
|
65
|
+
v("button", {
|
|
66
|
+
type: "button",
|
|
67
|
+
role: "checkbox",
|
|
68
|
+
"aria-checked": t.indeterminate ? "mixed" : t.modelValue,
|
|
69
|
+
"data-state": a.value,
|
|
70
|
+
disabled: t.disabled,
|
|
71
|
+
class: i(x.value),
|
|
72
|
+
id: t.id,
|
|
73
|
+
onClick: u
|
|
74
|
+
}, [
|
|
75
|
+
a.value === "checked" || a.value === "indeterminate" ? (l(), m("div", j, [
|
|
76
|
+
g(w, {
|
|
77
|
+
"enter-active-class": "transition duration-200 ease-out",
|
|
78
|
+
"enter-from-class": "scale-50 opacity-0",
|
|
79
|
+
"enter-to-class": "scale-100 opacity-100",
|
|
80
|
+
"leave-active-class": "transition duration-150 ease-in",
|
|
81
|
+
"leave-from-class": "scale-100 opacity-100",
|
|
82
|
+
"leave-to-class": "scale-50 opacity-0"
|
|
83
|
+
}, {
|
|
84
|
+
default: f(() => [
|
|
85
|
+
a.value === "checked" ? (l(), o(h, {
|
|
86
|
+
key: 0,
|
|
87
|
+
icon: "lucide:check",
|
|
88
|
+
class: i(s[t.size])
|
|
89
|
+
}, null, 8, ["class"])) : a.value === "indeterminate" ? (l(), o(h, {
|
|
90
|
+
key: 1,
|
|
91
|
+
icon: "lucide:minus",
|
|
92
|
+
class: i(s[t.size])
|
|
93
|
+
}, null, 8, ["class"])) : c("", !0)
|
|
94
|
+
]),
|
|
95
|
+
_: 1
|
|
96
|
+
})
|
|
97
|
+
])) : c("", !0)
|
|
98
|
+
], 10, N),
|
|
99
|
+
t.label ? (l(), o(z, {
|
|
100
|
+
key: 0,
|
|
101
|
+
for: t.id,
|
|
102
|
+
class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer",
|
|
103
|
+
onClick: u
|
|
104
|
+
}, {
|
|
105
|
+
default: f(() => [
|
|
106
|
+
C(V(t.label), 1)
|
|
107
|
+
]),
|
|
108
|
+
_: 1
|
|
109
|
+
}, 8, ["for"])) : c("", !0)
|
|
110
|
+
]));
|
|
111
|
+
}
|
|
112
|
+
});
|
|
113
|
+
export {
|
|
114
|
+
D as default
|
|
115
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { ChipProps, ChipVariant } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
icon?(_: {}): any;
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
};
|
|
8
|
+
refs: {};
|
|
9
|
+
rootEl: HTMLDivElement;
|
|
10
|
+
};
|
|
11
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
12
|
+
declare const __VLS_component: import('vue').DefineComponent<ChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
13
|
+
click: (event: MouseEvent) => any;
|
|
14
|
+
delete: (event: MouseEvent) => any;
|
|
15
|
+
}, string, import('vue').PublicProps, Readonly<ChipProps> & Readonly<{
|
|
16
|
+
onClick?: (event: MouseEvent) => any;
|
|
17
|
+
onDelete?: (event: MouseEvent) => any;
|
|
18
|
+
}>, {
|
|
19
|
+
disabled: boolean;
|
|
20
|
+
text: string;
|
|
21
|
+
class: string;
|
|
22
|
+
size: import('./types').ChipSize;
|
|
23
|
+
variant: ChipVariant;
|
|
24
|
+
clickable: boolean;
|
|
25
|
+
deletable: boolean;
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
27
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
28
|
+
export default _default;
|
|
29
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
30
|
+
new (): {
|
|
31
|
+
$slots: S;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import { defineComponent as $, computed as s, openBlock as l, createElementBlock as c, normalizeClass as o, renderSlot as u, createBlock as d, createCommentVNode as i, createTextVNode as C, toDisplayString as z, withCtx as B, createVNode as D } from "vue";
|
|
2
|
+
import b from "../Icon.vue.js";
|
|
3
|
+
import S from "../Button.vue.js";
|
|
4
|
+
const N = ["role", "tabindex"], V = {
|
|
5
|
+
key: 0,
|
|
6
|
+
class: "truncate"
|
|
7
|
+
}, j = "inline-flex items-center justify-center font-medium rounded-full transition-all duration-200 border box-border whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary", H = /* @__PURE__ */ $({
|
|
8
|
+
__name: "Chip",
|
|
9
|
+
props: {
|
|
10
|
+
text: { default: "" },
|
|
11
|
+
icon: {},
|
|
12
|
+
variant: { default: "subtle" },
|
|
13
|
+
size: { default: "medium" },
|
|
14
|
+
disabled: { type: Boolean, default: !1 },
|
|
15
|
+
clickable: { type: Boolean, default: !1 },
|
|
16
|
+
deletable: { type: Boolean, default: !1 },
|
|
17
|
+
class: { default: "" }
|
|
18
|
+
},
|
|
19
|
+
emits: ["click", "delete"],
|
|
20
|
+
setup(a, { emit: f }) {
|
|
21
|
+
const t = a, n = f, r = s(() => t.clickable && !t.disabled), g = (e) => {
|
|
22
|
+
t.disabled || t.clickable && n("click", e);
|
|
23
|
+
}, v = (e) => {
|
|
24
|
+
t.disabled || (e.stopPropagation(), n("delete", e));
|
|
25
|
+
}, m = (e) => {
|
|
26
|
+
t.disabled || !t.clickable && !t.deletable || ((e.key === "Enter" || e.key === " ") && (e.preventDefault(), t.clickable && n("click", e)), (e.key === "Backspace" || e.key === "Delete") && t.deletable && (e.preventDefault(), n("delete", e)));
|
|
27
|
+
}, h = s(() => {
|
|
28
|
+
switch (t.size) {
|
|
29
|
+
case "small":
|
|
30
|
+
return "h-6 text-xs px-2 gap-1.5";
|
|
31
|
+
case "large":
|
|
32
|
+
return "h-10 text-base px-4 gap-2.5";
|
|
33
|
+
default:
|
|
34
|
+
return "h-8 text-sm px-3 gap-2";
|
|
35
|
+
}
|
|
36
|
+
}), x = s(() => {
|
|
37
|
+
if (t.disabled)
|
|
38
|
+
return "bg-muted text-muted-foreground border-transparent opacity-50 cursor-not-allowed";
|
|
39
|
+
const e = r.value ? "cursor-pointer hover:shadow-sm active:scale-[0.98]" : "cursor-default";
|
|
40
|
+
return `${{
|
|
41
|
+
solid: `bg-primary text-primary-fg border-transparent ${r.value ? "hover:bg-primary/90" : ""}`,
|
|
42
|
+
outline: `bg-transparent border-input text-foreground ${r.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
|
|
43
|
+
ghost: `bg-transparent border-transparent text-muted-foreground ${r.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
|
|
44
|
+
subtle: `bg-accent/50 text-foreground border-transparent ${r.value ? "hover:bg-accent" : ""}`,
|
|
45
|
+
// Default neutral
|
|
46
|
+
// Semantic Variants
|
|
47
|
+
secondary: `bg-secondary text-secondary-foreground border-transparent ${r.value ? "hover:bg-secondary/80" : ""}`,
|
|
48
|
+
success: `bg-success text-success-fg border-transparent ${r.value ? "hover:bg-success/80" : ""}`,
|
|
49
|
+
warning: `bg-warning text-warning-fg border-transparent ${r.value ? "hover:bg-warning/80" : ""}`,
|
|
50
|
+
danger: `bg-destructive text-destructive-foreground border-transparent ${r.value ? "hover:bg-destructive/90" : ""}`,
|
|
51
|
+
info: `bg-info text-info-fg border-transparent ${r.value ? "hover:bg-info/80" : ""}`
|
|
52
|
+
}[t.variant]} ${e}`;
|
|
53
|
+
}), p = s(() => [j, h.value, x.value, t.class].join(" ")), k = s(() => {
|
|
54
|
+
switch (t.size) {
|
|
55
|
+
case "small":
|
|
56
|
+
return "h-3.5 w-3.5";
|
|
57
|
+
case "large":
|
|
58
|
+
return "h-5 w-5";
|
|
59
|
+
default:
|
|
60
|
+
return "h-4 w-4";
|
|
61
|
+
}
|
|
62
|
+
}), y = s(() => {
|
|
63
|
+
switch (t.size) {
|
|
64
|
+
case "small":
|
|
65
|
+
return "h-3 w-3";
|
|
66
|
+
case "large":
|
|
67
|
+
return "h-4 w-4";
|
|
68
|
+
default:
|
|
69
|
+
return "h-3.5 w-3.5";
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
return (e, w) => (l(), c("div", {
|
|
73
|
+
class: o(p.value),
|
|
74
|
+
role: a.clickable ? "button" : "status",
|
|
75
|
+
tabindex: r.value || a.deletable ? 0 : void 0,
|
|
76
|
+
onClick: g,
|
|
77
|
+
onKeydown: m
|
|
78
|
+
}, [
|
|
79
|
+
u(e.$slots, "icon", {}, () => [
|
|
80
|
+
a.icon ? (l(), d(b, {
|
|
81
|
+
key: 0,
|
|
82
|
+
icon: a.icon,
|
|
83
|
+
class: o([k.value, "shrink-0", a.text ? "-ml-0.5" : ""])
|
|
84
|
+
}, null, 8, ["icon", "class"])) : i("", !0)
|
|
85
|
+
]),
|
|
86
|
+
a.text || e.$slots.default ? (l(), c("span", V, [
|
|
87
|
+
u(e.$slots, "default", {}, () => [
|
|
88
|
+
C(z(a.text), 1)
|
|
89
|
+
])
|
|
90
|
+
])) : i("", !0),
|
|
91
|
+
a.deletable ? (l(), d(S, {
|
|
92
|
+
key: 1,
|
|
93
|
+
variant: "ghost",
|
|
94
|
+
size: "xs",
|
|
95
|
+
rounded: "full",
|
|
96
|
+
disabled: a.disabled,
|
|
97
|
+
class: o(["ml-auto !p-0.5 !h-auto !w-auto hover:bg-[#8282823c]", [a.text ? a.size === "small" ? "-mr-0.5" : "-mr-1" : ""]]),
|
|
98
|
+
onClick: v
|
|
99
|
+
}, {
|
|
100
|
+
default: B(() => [
|
|
101
|
+
D(b, {
|
|
102
|
+
icon: "lucide:x",
|
|
103
|
+
class: o(y.value)
|
|
104
|
+
}, null, 8, ["class"])
|
|
105
|
+
]),
|
|
106
|
+
_: 1
|
|
107
|
+
}, 8, ["disabled", "class"])) : i("", !0)
|
|
108
|
+
], 42, N));
|
|
109
|
+
}
|
|
110
|
+
});
|
|
111
|
+
export {
|
|
112
|
+
H as default
|
|
113
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export type ChipVariant = 'solid' | 'outline' | 'subtle' | 'ghost' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
|
|
2
|
+
export type ChipSize = 'small' | 'medium' | 'large';
|
|
3
|
+
export interface ChipProps {
|
|
4
|
+
text?: string;
|
|
5
|
+
icon?: string;
|
|
6
|
+
variant?: ChipVariant;
|
|
7
|
+
size?: ChipSize;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
clickable?: boolean;
|
|
10
|
+
deletable?: boolean;
|
|
11
|
+
class?: string;
|
|
12
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export interface ChoiceBoxOption {
|
|
2
|
+
id: string | number;
|
|
3
|
+
title: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
icon?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
badge?: string;
|
|
8
|
+
}
|
|
9
|
+
interface Props {
|
|
10
|
+
modelValue?: string | number | (string | number)[] | null;
|
|
11
|
+
options: ChoiceBoxOption[];
|
|
12
|
+
multiple?: boolean;
|
|
13
|
+
title?: string;
|
|
14
|
+
description?: string;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
grid?: number;
|
|
17
|
+
gap?: number;
|
|
18
|
+
}
|
|
19
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
20
|
+
"update:modelValue": (value: string | number | (string | number)[]) => any;
|
|
21
|
+
change: (value: string | number | (string | number)[]) => any;
|
|
22
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
23
|
+
"onUpdate:modelValue"?: (value: string | number | (string | number)[]) => any;
|
|
24
|
+
onChange?: (value: string | number | (string | number)[]) => any;
|
|
25
|
+
}>, {
|
|
26
|
+
disabled: boolean;
|
|
27
|
+
modelValue: string | number | (string | number)[] | null;
|
|
28
|
+
multiple: boolean;
|
|
29
|
+
gap: number;
|
|
30
|
+
grid: number;
|
|
31
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
32
|
+
export default _default;
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import { defineComponent as w, computed as y, openBlock as t, createElementBlock as i, toDisplayString as o, createCommentVNode as a, createElementVNode as c, normalizeClass as u, Fragment as V, renderList as _, withKeys as C, withModifiers as B, createVNode as A, createBlock as x } from "vue";
|
|
2
|
+
import m from "../Icon.vue.js";
|
|
3
|
+
const K = { class: "w-full" }, N = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "mb-4"
|
|
6
|
+
}, $ = {
|
|
7
|
+
key: 0,
|
|
8
|
+
class: "text-base font-semibold text-foreground"
|
|
9
|
+
}, E = {
|
|
10
|
+
key: 1,
|
|
11
|
+
class: "text-sm text-muted-foreground mt-1"
|
|
12
|
+
}, O = ["onClick", "onKeydown"], S = { class: "flex flex-1 gap-3" }, j = {
|
|
13
|
+
key: 0,
|
|
14
|
+
class: "shrink-0 pt-0.5"
|
|
15
|
+
}, q = { class: "flex flex-col" }, z = { class: "flex items-center gap-2" }, D = {
|
|
16
|
+
key: 0,
|
|
17
|
+
class: "mt-1 text-sm text-muted-foreground leading-relaxed"
|
|
18
|
+
}, F = {
|
|
19
|
+
key: 0,
|
|
20
|
+
class: "absolute top-4 right-4 text-primary"
|
|
21
|
+
}, G = /* @__PURE__ */ w({
|
|
22
|
+
__name: "ChoiceBox",
|
|
23
|
+
props: {
|
|
24
|
+
modelValue: { default: void 0 },
|
|
25
|
+
options: {},
|
|
26
|
+
multiple: { type: Boolean, default: !1 },
|
|
27
|
+
title: {},
|
|
28
|
+
description: {},
|
|
29
|
+
disabled: { type: Boolean, default: !1 },
|
|
30
|
+
grid: { default: 1 },
|
|
31
|
+
gap: { default: 4 }
|
|
32
|
+
},
|
|
33
|
+
emits: ["update:modelValue", "change"],
|
|
34
|
+
setup(r, { emit: h }) {
|
|
35
|
+
const s = r, g = h, n = (l) => Array.isArray(s.modelValue) ? s.modelValue.includes(l) : s.modelValue === l, f = (l) => {
|
|
36
|
+
if (s.disabled || s.options.find((d) => d.id === l)?.disabled) return;
|
|
37
|
+
let e;
|
|
38
|
+
if (s.multiple) {
|
|
39
|
+
const d = Array.isArray(s.modelValue) ? [...s.modelValue] : [], p = d.indexOf(l);
|
|
40
|
+
p === -1 ? d.push(l) : d.splice(p, 1), e = d;
|
|
41
|
+
} else
|
|
42
|
+
e = l;
|
|
43
|
+
g("update:modelValue", e), g("change", e);
|
|
44
|
+
}, b = y(() => {
|
|
45
|
+
switch (s.grid) {
|
|
46
|
+
case 1:
|
|
47
|
+
return "grid-cols-1";
|
|
48
|
+
case 2:
|
|
49
|
+
return "grid-cols-1 sm:grid-cols-2";
|
|
50
|
+
case 3:
|
|
51
|
+
return "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3";
|
|
52
|
+
case 4:
|
|
53
|
+
return "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4";
|
|
54
|
+
default:
|
|
55
|
+
return "grid-cols-1";
|
|
56
|
+
}
|
|
57
|
+
}), v = y(() => {
|
|
58
|
+
switch (s.gap) {
|
|
59
|
+
case 2:
|
|
60
|
+
return "gap-2";
|
|
61
|
+
case 3:
|
|
62
|
+
return "gap-3";
|
|
63
|
+
case 4:
|
|
64
|
+
return "gap-4";
|
|
65
|
+
case 6:
|
|
66
|
+
return "gap-6";
|
|
67
|
+
case 8:
|
|
68
|
+
return "gap-8";
|
|
69
|
+
default:
|
|
70
|
+
return "gap-4";
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
return (l, k) => (t(), i("div", K, [
|
|
74
|
+
r.title || r.description ? (t(), i("div", N, [
|
|
75
|
+
r.title ? (t(), i("h3", $, o(r.title), 1)) : a("", !0),
|
|
76
|
+
r.description ? (t(), i("p", E, o(r.description), 1)) : a("", !0)
|
|
77
|
+
])) : a("", !0),
|
|
78
|
+
c("div", {
|
|
79
|
+
class: u(["grid", [b.value, v.value]])
|
|
80
|
+
}, [
|
|
81
|
+
(t(!0), i(V, null, _(r.options, (e) => (t(), i("div", {
|
|
82
|
+
key: e.id,
|
|
83
|
+
class: u(["relative flex cursor-pointer rounded-xl border border-border p-4 transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", [
|
|
84
|
+
n(e.id) ? "border-primary bg-accent" : "bg-card hover:border-primary/50 hover:bg-accent",
|
|
85
|
+
r.disabled || e.disabled ? "opacity-50 cursor-not-allowed grayscale" : ""
|
|
86
|
+
]]),
|
|
87
|
+
onClick: (d) => f(e.id),
|
|
88
|
+
tabindex: "0",
|
|
89
|
+
onKeydown: C(B((d) => f(e.id), ["prevent"]), ["enter", "space"])
|
|
90
|
+
}, [
|
|
91
|
+
c("div", S, [
|
|
92
|
+
e.icon ? (t(), i("div", j, [
|
|
93
|
+
c("div", {
|
|
94
|
+
class: u([
|
|
95
|
+
"flex h-10 w-10 items-center justify-center rounded-full transition-colors",
|
|
96
|
+
n(e.id) ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"
|
|
97
|
+
])
|
|
98
|
+
}, [
|
|
99
|
+
A(m, {
|
|
100
|
+
icon: e.icon,
|
|
101
|
+
class: "h-5 w-5"
|
|
102
|
+
}, null, 8, ["icon"])
|
|
103
|
+
], 2)
|
|
104
|
+
])) : a("", !0),
|
|
105
|
+
c("div", q, [
|
|
106
|
+
c("div", z, [
|
|
107
|
+
c("span", {
|
|
108
|
+
class: u(["font-semibold text-foreground", {
|
|
109
|
+
"text-primary": n(e.id)
|
|
110
|
+
}])
|
|
111
|
+
}, o(e.title), 3),
|
|
112
|
+
e.badge ? (t(), i("span", {
|
|
113
|
+
key: 0,
|
|
114
|
+
class: u([
|
|
115
|
+
"inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium",
|
|
116
|
+
n(e.id) ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
|
|
117
|
+
])
|
|
118
|
+
}, o(e.badge), 3)) : a("", !0)
|
|
119
|
+
]),
|
|
120
|
+
e.description ? (t(), i("span", D, o(e.description), 1)) : a("", !0)
|
|
121
|
+
])
|
|
122
|
+
]),
|
|
123
|
+
n(e.id) ? (t(), i("div", F, [
|
|
124
|
+
r.multiple ? (t(), x(m, {
|
|
125
|
+
key: 0,
|
|
126
|
+
icon: "lucide:check-square",
|
|
127
|
+
class: "h-5 w-5"
|
|
128
|
+
})) : (t(), x(m, {
|
|
129
|
+
key: 1,
|
|
130
|
+
icon: "lucide:check-circle-2",
|
|
131
|
+
class: "h-5 w-5"
|
|
132
|
+
}))
|
|
133
|
+
])) : a("", !0)
|
|
134
|
+
], 42, O))), 128))
|
|
135
|
+
], 2)
|
|
136
|
+
]));
|
|
137
|
+
}
|
|
138
|
+
});
|
|
139
|
+
export {
|
|
140
|
+
G as default
|
|
141
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
color: string;
|
|
3
|
+
showHeader?: boolean;
|
|
4
|
+
size?: 'sm' | 'md' | 'lg';
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
close: () => any;
|
|
8
|
+
"update:color": (color: string) => any;
|
|
9
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
10
|
+
onClose?: () => any;
|
|
11
|
+
"onUpdate:color"?: (color: string) => any;
|
|
12
|
+
}>, {
|
|
13
|
+
size: "sm" | "md" | "lg";
|
|
14
|
+
showHeader: boolean;
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
16
|
+
pickerRef: HTMLDivElement;
|
|
17
|
+
}, HTMLDivElement>;
|
|
18
|
+
export default _default;
|