cisse-vue-ui 0.7.3 → 0.7.5
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/dist/BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs +145 -0
- package/dist/BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs.map +1 -0
- package/dist/Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs +98 -0
- package/dist/Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs.map +1 -0
- package/dist/{TagsInput-DtoJKN3L.js → CheckboxGroup.vue_vue_type_script_setup_true_lang-BOGul8zU.js} +400 -225
- package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-BOGul8zU.js.map +1 -0
- package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-BcoXb8Xg.cjs +3869 -0
- package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-BcoXb8Xg.cjs.map +1 -0
- package/dist/ConfirmDialog.vue_vue_type_script_setup_true_lang-Bine-xfp.cjs +928 -0
- package/dist/ConfirmDialog.vue_vue_type_script_setup_true_lang-Bine-xfp.cjs.map +1 -0
- package/dist/Dropdown.vue_vue_type_script_setup_true_lang-BNOHbbm5.cjs +228 -0
- package/dist/Dropdown.vue_vue_type_script_setup_true_lang-BNOHbbm5.cjs.map +1 -0
- package/dist/FilterTabs.vue_vue_type_script_setup_true_lang-HwjuvIJX.cjs +2242 -0
- package/dist/FilterTabs.vue_vue_type_script_setup_true_lang-HwjuvIJX.cjs.map +1 -0
- package/dist/ListSkeleton.vue_vue_type_script_setup_true_lang-DtwwmfWr.cjs +149 -0
- package/dist/ListSkeleton.vue_vue_type_script_setup_true_lang-DtwwmfWr.cjs.map +1 -0
- package/dist/PageHero.vue_vue_type_script_setup_true_lang-CZ-TibKk.cjs +764 -0
- package/dist/PageHero.vue_vue_type_script_setup_true_lang-CZ-TibKk.cjs.map +1 -0
- package/dist/_plugin-vue_export-helper-DM9IkUGy.cjs +10 -0
- package/dist/_plugin-vue_export-helper-DM9IkUGy.cjs.map +1 -0
- package/dist/components/core/Accordion.stories.d.ts +11 -0
- package/dist/components/core/Accordion.test.d.ts +1 -0
- package/dist/components/core/Accordion.vue.d.ts +27 -0
- package/dist/components/core/AccordionItem.stories.d.ts +10 -0
- package/dist/components/core/AccordionItem.vue.d.ts +29 -0
- package/dist/components/core/AutocompleteComponent.stories.d.ts +14 -0
- package/dist/components/core/AutocompleteComponent.test.d.ts +1 -0
- package/dist/components/core/AutocompleteComponent.vue.d.ts +25 -0
- package/dist/components/core/Avatar.stories.d.ts +12 -0
- package/dist/components/core/Avatar.test.d.ts +1 -0
- package/dist/components/core/Avatar.vue.d.ts +20 -0
- package/dist/components/core/Breadcrumb.stories.d.ts +11 -0
- package/dist/components/core/Breadcrumb.test.d.ts +1 -0
- package/dist/components/core/Breadcrumb.vue.d.ts +26 -0
- package/dist/components/core/Button.stories.d.ts +18 -0
- package/dist/components/core/Button.test.d.ts +1 -0
- package/dist/components/core/Button.vue.d.ts +49 -0
- package/dist/components/core/CardComponent.stories.d.ts +13 -0
- package/dist/components/core/CardComponent.test.d.ts +1 -0
- package/dist/components/core/CardComponent.vue.d.ts +40 -0
- package/dist/components/core/CollapsibleCard.stories.d.ts +10 -0
- package/dist/components/core/CollapsibleCard.test.d.ts +1 -0
- package/dist/components/core/CollapsibleCard.vue.d.ts +38 -0
- package/dist/components/core/DarkModeToggle.stories.d.ts +15 -0
- package/dist/components/core/DarkModeToggle.test.d.ts +1 -0
- package/dist/components/core/DarkModeToggle.vue.d.ts +21 -0
- package/dist/components/core/Drawer.stories.d.ts +12 -0
- package/dist/components/core/Drawer.test.d.ts +1 -0
- package/dist/components/core/Drawer.vue.d.ts +50 -0
- package/dist/components/core/Dropdown.stories.d.ts +11 -0
- package/dist/components/core/Dropdown.test.d.ts +1 -0
- package/dist/components/core/Dropdown.vue.d.ts +56 -0
- package/dist/components/core/FilterTabs.stories.d.ts +14 -0
- package/dist/components/core/FilterTabs.test.d.ts +1 -0
- package/dist/components/core/FilterTabs.vue.d.ts +29 -0
- package/dist/components/core/MenuItem.stories.d.ts +13 -0
- package/dist/components/core/MenuItem.test.d.ts +1 -0
- package/dist/components/core/MenuItem.vue.d.ts +16 -0
- package/dist/components/core/MobileList.stories.d.ts +13 -0
- package/dist/components/core/MobileList.test.d.ts +1 -0
- package/dist/components/core/MobileList.vue.d.ts +86 -0
- package/dist/components/core/Popover.stories.d.ts +10 -0
- package/dist/components/core/Popover.test.d.ts +1 -0
- package/dist/components/core/Popover.vue.d.ts +44 -0
- package/dist/components/core/ResponsiveList.stories.d.ts +15 -0
- package/dist/components/core/ResponsiveList.test.d.ts +1 -0
- package/dist/components/core/ResponsiveList.vue.d.ts +128 -0
- package/dist/components/core/StatsCard.stories.d.ts +15 -0
- package/dist/components/core/StatsCard.test.d.ts +1 -0
- package/dist/components/core/StatsCard.vue.d.ts +44 -0
- package/dist/components/core/StatsGrid.stories.d.ts +12 -0
- package/dist/components/core/StatsGrid.test.d.ts +1 -0
- package/dist/components/core/StatsGrid.vue.d.ts +16 -0
- package/dist/components/core/StatusBadge.stories.d.ts +13 -0
- package/dist/components/core/StatusBadge.test.d.ts +1 -0
- package/dist/components/core/StatusBadge.vue.d.ts +21 -0
- package/dist/components/core/Stepper.stories.d.ts +12 -0
- package/dist/components/core/Stepper.test.d.ts +1 -0
- package/dist/components/core/Stepper.vue.d.ts +22 -0
- package/dist/components/core/TabPanel.stories.d.ts +8 -0
- package/dist/components/core/TabPanel.test.d.ts +1 -0
- package/dist/components/core/TabPanel.vue.d.ts +21 -0
- package/dist/components/core/TableAction.stories.d.ts +14 -0
- package/dist/components/core/TableAction.test.d.ts +1 -0
- package/dist/components/core/TableAction.vue.d.ts +8 -0
- package/dist/components/core/TableComponent.stories.d.ts +16 -0
- package/dist/components/core/TableComponent.test.d.ts +1 -0
- package/dist/components/core/TableComponent.vue.d.ts +67 -0
- package/dist/components/core/Tabs.stories.d.ts +10 -0
- package/dist/components/core/Tabs.test.d.ts +1 -0
- package/dist/components/core/Tabs.vue.d.ts +39 -0
- package/dist/components/core/Timeline.stories.d.ts +11 -0
- package/dist/components/core/Timeline.test.d.ts +1 -0
- package/dist/components/core/Timeline.vue.d.ts +34 -0
- package/dist/components/core/Tooltip.stories.d.ts +10 -0
- package/dist/components/core/Tooltip.test.d.ts +1 -0
- package/dist/components/core/Tooltip.vue.d.ts +34 -0
- package/dist/components/core/index.cjs +33 -0
- package/dist/components/core/index.cjs.map +1 -0
- package/dist/components/core/index.test.d.ts +1 -0
- package/dist/components/feedback/Alert.stories.d.ts +13 -0
- package/dist/components/feedback/Alert.test.d.ts +1 -0
- package/dist/components/feedback/Alert.vue.d.ts +34 -0
- package/dist/components/feedback/CardSkeleton.stories.d.ts +11 -0
- package/dist/components/feedback/CardSkeleton.test.d.ts +1 -0
- package/dist/components/feedback/CardSkeleton.vue.d.ts +14 -0
- package/dist/components/feedback/ConfirmDialog.stories.d.ts +12 -0
- package/dist/components/feedback/ConfirmDialog.test.d.ts +1 -0
- package/dist/components/feedback/ConfirmDialog.vue.d.ts +53 -0
- package/dist/components/feedback/EmptyState.stories.d.ts +13 -0
- package/dist/components/feedback/EmptyState.test.d.ts +1 -0
- package/dist/components/feedback/EmptyState.vue.d.ts +29 -0
- package/dist/components/feedback/ListSkeleton.stories.d.ts +12 -0
- package/dist/components/feedback/ListSkeleton.test.d.ts +1 -0
- package/dist/components/feedback/ListSkeleton.vue.d.ts +17 -0
- package/dist/components/feedback/LoadingSpinner.stories.d.ts +11 -0
- package/dist/components/feedback/LoadingSpinner.test.d.ts +1 -0
- package/dist/components/feedback/LoadingSpinner.vue.d.ts +12 -0
- package/dist/components/feedback/Modal.stories.d.ts +11 -0
- package/dist/components/feedback/Modal.test.d.ts +1 -0
- package/dist/components/feedback/Modal.vue.d.ts +47 -0
- package/dist/components/feedback/NotificationComponent.stories.d.ts +14 -0
- package/dist/components/feedback/NotificationComponent.test.d.ts +1 -0
- package/dist/components/feedback/NotificationComponent.vue.d.ts +12 -0
- package/dist/components/feedback/NotificationList.stories.d.ts +11 -0
- package/dist/components/feedback/NotificationList.test.d.ts +1 -0
- package/dist/components/feedback/NotificationList.vue.d.ts +18 -0
- package/dist/components/feedback/PaginationControls.stories.d.ts +12 -0
- package/dist/components/feedback/PaginationControls.test.d.ts +1 -0
- package/dist/components/feedback/PaginationControls.vue.d.ts +21 -0
- package/dist/components/feedback/Progress.stories.d.ts +14 -0
- package/dist/components/feedback/Progress.test.d.ts +1 -0
- package/dist/components/feedback/Progress.vue.d.ts +30 -0
- package/dist/components/feedback/Skeleton.stories.d.ts +15 -0
- package/dist/components/feedback/Skeleton.test.d.ts +1 -0
- package/dist/components/feedback/Skeleton.vue.d.ts +19 -0
- package/dist/components/feedback/TableSkeleton.stories.d.ts +12 -0
- package/dist/components/feedback/TableSkeleton.test.d.ts +1 -0
- package/dist/components/feedback/TableSkeleton.vue.d.ts +14 -0
- package/dist/components/feedback/Toast.stories.d.ts +12 -0
- package/dist/components/feedback/Toast.test.d.ts +1 -0
- package/dist/components/feedback/Toast.vue.d.ts +23 -0
- package/dist/components/feedback/ToastContainer.stories.d.ts +15 -0
- package/dist/components/feedback/ToastContainer.test.d.ts +1 -0
- package/dist/components/feedback/ToastContainer.vue.d.ts +24 -0
- package/dist/components/feedback/index.cjs +20 -0
- package/dist/components/feedback/index.cjs.map +1 -0
- package/dist/components/feedback/index.test.d.ts +1 -0
- package/dist/components/form/Checkbox.stories.d.ts +13 -0
- package/dist/components/form/Checkbox.test.d.ts +1 -0
- package/dist/components/form/Checkbox.vue.d.ts +22 -0
- package/dist/components/form/CheckboxGroup.test.d.ts +1 -0
- package/dist/components/form/CheckboxGroup.vue.d.ts +26 -0
- package/dist/components/form/ColorPicker.stories.d.ts +12 -0
- package/dist/components/form/ColorPicker.test.d.ts +1 -0
- package/dist/components/form/ColorPicker.vue.d.ts +26 -0
- package/dist/components/form/Combobox.stories.d.ts +15 -0
- package/dist/components/form/Combobox.test.d.ts +1 -0
- package/dist/components/form/Combobox.vue.d.ts +46 -0
- package/dist/components/form/DatePicker.stories.d.ts +15 -0
- package/dist/components/form/DatePicker.test.d.ts +1 -0
- package/dist/components/form/DatePicker.vue.d.ts +36 -0
- package/dist/components/form/EmailInput.stories.d.ts +13 -0
- package/dist/components/form/EmailInput.test.d.ts +1 -0
- package/dist/components/form/EmailInput.vue.d.ts +32 -0
- package/dist/components/form/FileUpload.stories.d.ts +12 -0
- package/dist/components/form/FileUpload.test.d.ts +1 -0
- package/dist/components/form/FileUpload.vue.d.ts +40 -0
- package/dist/components/form/FormActions.stories.d.ts +18 -0
- package/dist/components/form/FormActions.test.d.ts +1 -0
- package/dist/components/form/FormActions.vue.d.ts +56 -0
- package/dist/components/form/FormGroup.stories.d.ts +10 -0
- package/dist/components/form/FormGroup.test.d.ts +1 -0
- package/dist/components/form/FormGroup.vue.d.ts +30 -0
- package/dist/components/form/FormHelp.stories.d.ts +11 -0
- package/dist/components/form/FormHelp.test.d.ts +1 -0
- package/dist/components/form/FormHelp.vue.d.ts +23 -0
- package/dist/components/form/FormInput.stories.d.ts +12 -0
- package/dist/components/form/FormInput.test.d.ts +1 -0
- package/dist/components/form/FormInput.vue.d.ts +13 -0
- package/dist/components/form/FormLabel.stories.d.ts +12 -0
- package/dist/components/form/FormLabel.test.d.ts +1 -0
- package/dist/components/form/FormLabel.vue.d.ts +21 -0
- package/dist/components/form/FormSection.stories.d.ts +13 -0
- package/dist/components/form/FormSection.test.d.ts +1 -0
- package/dist/components/form/FormSection.vue.d.ts +49 -0
- package/dist/components/form/FormSelect.stories.d.ts +13 -0
- package/dist/components/form/FormSelect.test.d.ts +1 -0
- package/dist/components/form/FormSelect.vue.d.ts +55 -0
- package/dist/components/form/IconPicker.vue.d.ts +33 -0
- package/dist/components/form/InputWrapper.stories.d.ts +16 -0
- package/dist/components/form/InputWrapper.test.d.ts +1 -0
- package/dist/components/form/InputWrapper.vue.d.ts +40 -0
- package/dist/components/form/MoneyInput.stories.d.ts +16 -0
- package/dist/components/form/MoneyInput.test.d.ts +1 -0
- package/dist/components/form/MoneyInput.vue.d.ts +40 -0
- package/dist/components/form/NumberInput.stories.d.ts +14 -0
- package/dist/components/form/NumberInput.test.d.ts +1 -0
- package/dist/components/form/NumberInput.vue.d.ts +39 -0
- package/dist/components/form/OTPInput.stories.d.ts +13 -0
- package/dist/components/form/OTPInput.test.d.ts +1 -0
- package/dist/components/form/OTPInput.vue.d.ts +33 -0
- package/dist/components/form/PasswordInput.stories.d.ts +15 -0
- package/dist/components/form/PasswordInput.test.d.ts +1 -0
- package/dist/components/form/PasswordInput.vue.d.ts +36 -0
- package/dist/components/form/PercentInput.stories.d.ts +12 -0
- package/dist/components/form/PercentInput.test.d.ts +1 -0
- package/dist/components/form/PercentInput.vue.d.ts +38 -0
- package/dist/components/form/PhoneInput.stories.d.ts +13 -0
- package/dist/components/form/PhoneInput.test.d.ts +1 -0
- package/dist/components/form/PhoneInput.vue.d.ts +91 -0
- package/dist/components/form/QuantityInput.stories.d.ts +12 -0
- package/dist/components/form/QuantityInput.test.d.ts +1 -0
- package/dist/components/form/QuantityInput.vue.d.ts +32 -0
- package/dist/components/form/RangeSlider.stories.d.ts +13 -0
- package/dist/components/form/RangeSlider.test.d.ts +1 -0
- package/dist/components/form/RangeSlider.vue.d.ts +35 -0
- package/dist/components/form/Rating.stories.d.ts +16 -0
- package/dist/components/form/Rating.test.d.ts +1 -0
- package/dist/components/form/Rating.vue.d.ts +43 -0
- package/dist/components/form/SearchInput.stories.d.ts +13 -0
- package/dist/components/form/SearchInput.test.d.ts +1 -0
- package/dist/components/form/SearchInput.vue.d.ts +26 -0
- package/dist/components/form/Slider.stories.d.ts +13 -0
- package/dist/components/form/Slider.test.d.ts +1 -0
- package/dist/components/form/Slider.vue.d.ts +29 -0
- package/dist/components/form/Switch.stories.d.ts +11 -0
- package/dist/components/form/Switch.test.d.ts +1 -0
- package/dist/components/form/Switch.vue.d.ts +23 -0
- package/dist/components/form/TagsInput.stories.d.ts +13 -0
- package/dist/components/form/TagsInput.test.d.ts +1 -0
- package/dist/components/form/TagsInput.vue.d.ts +37 -0
- package/dist/components/form/TextArea.test.d.ts +1 -0
- package/dist/components/form/TextArea.vue.d.ts +40 -0
- package/dist/components/form/URLInput.stories.d.ts +11 -0
- package/dist/components/form/URLInput.test.d.ts +1 -0
- package/dist/components/form/URLInput.vue.d.ts +32 -0
- package/dist/components/form/index.cjs +36 -0
- package/dist/components/form/index.cjs.map +1 -0
- package/dist/components/form/index.d.ts +2 -0
- package/dist/components/form/index.js +3 -1
- package/dist/components/form/index.test.d.ts +1 -0
- package/dist/components/index.cjs +93 -0
- package/dist/components/index.cjs.map +1 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.js +3 -1
- package/dist/components/index.test.d.ts +1 -0
- package/dist/components/layout/AuthLayout.stories.d.ts +10 -0
- package/dist/components/layout/AuthLayout.test.d.ts +1 -0
- package/dist/components/layout/AuthLayout.vue.d.ts +88 -0
- package/dist/components/layout/BaseLayout.stories.d.ts +11 -0
- package/dist/components/layout/BaseLayout.test.d.ts +1 -0
- package/dist/components/layout/BaseLayout.vue.d.ts +77 -0
- package/dist/components/layout/PageHero.stories.d.ts +11 -0
- package/dist/components/layout/PageHero.test.d.ts +1 -0
- package/dist/components/layout/PageHero.vue.d.ts +55 -0
- package/dist/components/layout/PageLayout.stories.d.ts +10 -0
- package/dist/components/layout/PageLayout.test.d.ts +1 -0
- package/dist/components/layout/PageLayout.vue.d.ts +37 -0
- package/dist/components/layout/index.cjs +8 -0
- package/dist/components/layout/index.cjs.map +1 -0
- package/dist/components/layout/index.test.d.ts +1 -0
- package/dist/components/type/BadgeType.stories.d.ts +13 -0
- package/dist/components/type/BadgeType.test.d.ts +1 -0
- package/dist/components/type/BooleanType.stories.d.ts +12 -0
- package/dist/components/type/BooleanType.test.d.ts +1 -0
- package/dist/components/type/DateType.stories.d.ts +12 -0
- package/dist/components/type/DateType.test.d.ts +1 -0
- package/dist/components/type/NumberType.stories.d.ts +11 -0
- package/dist/components/type/NumberType.test.d.ts +1 -0
- package/dist/components/type/TextType.stories.d.ts +10 -0
- package/dist/components/type/TextType.test.d.ts +1 -0
- package/dist/components/type/index.cjs +9 -0
- package/dist/components/type/index.cjs.map +1 -0
- package/dist/components/type/index.test.d.ts +1 -0
- package/dist/composables/index.cjs +19 -0
- package/dist/composables/index.cjs.map +1 -0
- package/dist/composables/index.d.ts +8 -0
- package/dist/composables/index.test.d.ts +1 -0
- package/dist/composables/useDarkMode.d.ts +14 -0
- package/dist/composables/useDarkMode.test.d.ts +1 -0
- package/dist/composables/useDropdown.d.ts +51 -0
- package/dist/composables/useDropdown.test.d.ts +1 -0
- package/dist/composables/useExportCSV.d.ts +10 -0
- package/dist/composables/useExportCSV.test.d.ts +1 -0
- package/dist/composables/useFocusTrap.d.ts +41 -0
- package/dist/composables/useFocusTrap.test.d.ts +1 -0
- package/dist/composables/useId.d.ts +42 -0
- package/dist/composables/useId.test.d.ts +1 -0
- package/dist/composables/useModal.d.ts +60 -0
- package/dist/composables/useModal.test.d.ts +1 -0
- package/dist/composables/useNotifications.d.ts +27 -0
- package/dist/composables/useNotifications.test.d.ts +1 -0
- package/dist/composables/useToast.d.ts +30 -0
- package/dist/composables/useToast.test.d.ts +1 -0
- package/dist/index-D1x3TH9k.cjs +401 -0
- package/dist/index-D1x3TH9k.cjs.map +1 -0
- package/dist/index-DXO2TliH.cjs +96 -0
- package/dist/index-DXO2TliH.cjs.map +1 -0
- package/dist/index-DpEkzIVv.js +97 -0
- package/dist/index-DpEkzIVv.js.map +1 -0
- package/dist/index.cjs +125 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +4 -2
- package/dist/index.test.d.ts +1 -0
- package/dist/plugin.d.ts +24 -0
- package/dist/style.css +2 -0
- package/dist/types/components.d.ts +28 -0
- package/dist/types/form.d.ts +37 -0
- package/dist/types/index.cjs +2 -0
- package/dist/types/index.cjs.map +1 -0
- package/dist/types/index.d.ts +4 -0
- package/dist/types/index.test.d.ts +1 -0
- package/dist/types/notification.d.ts +12 -0
- package/dist/types/property.d.ts +34 -0
- package/dist/useDarkMode-DLZcJEUQ.cjs +52 -0
- package/dist/useDarkMode-DLZcJEUQ.cjs.map +1 -0
- package/dist/useDropdown-DHFnd259.cjs +130 -0
- package/dist/useDropdown-DHFnd259.cjs.map +1 -0
- package/dist/useFocusTrap-kcxO8AeU.cjs +119 -0
- package/dist/useFocusTrap-kcxO8AeU.cjs.map +1 -0
- package/dist/useId-nxrBaIC9.cjs +25 -0
- package/dist/useId-nxrBaIC9.cjs.map +1 -0
- package/dist/useToast-Bk60GArg.cjs +176 -0
- package/dist/useToast-Bk60GArg.cjs.map +1 -0
- package/package.json +1 -1
- package/dist/TagsInput-DtoJKN3L.js.map +0 -1
- package/dist/index-F9yanU6_.js +0 -95
- package/dist/index-F9yanU6_.js.map +0 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as Dropdown } from './Dropdown.vue';
|
|
3
|
+
declare const meta: Meta<typeof Dropdown>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithCustomTrigger: Story;
|
|
8
|
+
export declare const AlignRight: Story;
|
|
9
|
+
export declare const WithDisabledItems: Story;
|
|
10
|
+
export declare const DifferentWidths: Story;
|
|
11
|
+
export declare const CustomContent: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
export interface DropdownItem {
|
|
2
|
+
key: string;
|
|
3
|
+
label: string;
|
|
4
|
+
icon?: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
danger?: boolean;
|
|
7
|
+
divider?: boolean;
|
|
8
|
+
}
|
|
9
|
+
type __VLS_Props = {
|
|
10
|
+
/** Dropdown items (optional if using default slot) */
|
|
11
|
+
items?: DropdownItem[];
|
|
12
|
+
/** Align dropdown */
|
|
13
|
+
align?: 'left' | 'right';
|
|
14
|
+
/** Dropdown width */
|
|
15
|
+
width?: 'auto' | 'full' | 'sm' | 'md' | 'lg';
|
|
16
|
+
/** Use teleport to body to avoid overflow clipping */
|
|
17
|
+
teleport?: boolean;
|
|
18
|
+
/** Custom ID for accessibility */
|
|
19
|
+
id?: string;
|
|
20
|
+
};
|
|
21
|
+
declare function __VLS_template(): {
|
|
22
|
+
attrs: Partial<{}>;
|
|
23
|
+
slots: {
|
|
24
|
+
trigger?(_: {}): any;
|
|
25
|
+
'trigger-label'?(_: {}): any;
|
|
26
|
+
default?(_: {
|
|
27
|
+
close: () => void;
|
|
28
|
+
}): any;
|
|
29
|
+
};
|
|
30
|
+
refs: {
|
|
31
|
+
triggerRef: HTMLDivElement;
|
|
32
|
+
menuRef: HTMLDivElement;
|
|
33
|
+
};
|
|
34
|
+
rootEl: HTMLDivElement;
|
|
35
|
+
};
|
|
36
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
37
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
38
|
+
select: (item: DropdownItem) => any;
|
|
39
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
40
|
+
onSelect?: ((item: DropdownItem) => any) | undefined;
|
|
41
|
+
}>, {
|
|
42
|
+
width: "auto" | "full" | "sm" | "md" | "lg";
|
|
43
|
+
teleport: boolean;
|
|
44
|
+
align: "left" | "right";
|
|
45
|
+
items: DropdownItem[];
|
|
46
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
47
|
+
triggerRef: HTMLDivElement;
|
|
48
|
+
menuRef: HTMLDivElement;
|
|
49
|
+
}, HTMLDivElement>;
|
|
50
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
51
|
+
export default _default;
|
|
52
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
53
|
+
new (): {
|
|
54
|
+
$slots: S;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as FilterTabs } from './FilterTabs.vue';
|
|
3
|
+
declare const meta: Meta<typeof FilterTabs>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Pills: Story;
|
|
7
|
+
export declare const Underline: Story;
|
|
8
|
+
export declare const Boxed: Story;
|
|
9
|
+
export declare const WithCounts: Story;
|
|
10
|
+
export declare const WithIcons: Story;
|
|
11
|
+
export declare const Small: Story;
|
|
12
|
+
export declare const Large: Story;
|
|
13
|
+
export declare const FullWidth: Story;
|
|
14
|
+
export declare const WithDisabled: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export interface FilterTab {
|
|
2
|
+
key: string;
|
|
3
|
+
label: string;
|
|
4
|
+
icon?: string;
|
|
5
|
+
count?: number;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
type __VLS_Props = {
|
|
9
|
+
/** Available filter options */
|
|
10
|
+
options: FilterTab[];
|
|
11
|
+
/** Visual variant */
|
|
12
|
+
variant?: 'pills' | 'underline' | 'boxed';
|
|
13
|
+
/** Size */
|
|
14
|
+
size?: 'sm' | 'md' | 'lg';
|
|
15
|
+
/** Full width tabs */
|
|
16
|
+
fullWidth?: boolean;
|
|
17
|
+
};
|
|
18
|
+
type __VLS_PublicProps = {
|
|
19
|
+
modelValue: string;
|
|
20
|
+
} & __VLS_Props;
|
|
21
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
22
|
+
"update:modelValue": (value: string) => any;
|
|
23
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
24
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
25
|
+
}>, {
|
|
26
|
+
variant: "pills" | "underline" | "boxed";
|
|
27
|
+
size: "sm" | "md" | "lg";
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
29
|
+
export default _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as MenuItem } from './MenuItem.vue';
|
|
3
|
+
declare const meta: Meta<typeof MenuItem>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Active: Story;
|
|
8
|
+
export declare const WithNotification: Story;
|
|
9
|
+
export declare const Collapsed: Story;
|
|
10
|
+
export declare const CollapsedActive: Story;
|
|
11
|
+
export declare const NavigationMenu: Story;
|
|
12
|
+
export declare const CollapsedMenu: Story;
|
|
13
|
+
export declare const DifferentIcons: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { MenuItemProps } from '../../types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
menuItem: MenuItemProps;
|
|
4
|
+
/** Whether sidebar is expanded (shows labels) */
|
|
5
|
+
expanded?: boolean;
|
|
6
|
+
/** Override active state directly */
|
|
7
|
+
active?: boolean;
|
|
8
|
+
/** Current route path (pass from parent using useRoute().path) */
|
|
9
|
+
currentPath?: string;
|
|
10
|
+
};
|
|
11
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
12
|
+
expanded: boolean;
|
|
13
|
+
active: boolean;
|
|
14
|
+
currentPath: string;
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as MobileList } from './MobileList.vue';
|
|
3
|
+
declare const meta: Meta<typeof MobileList>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithAvatar: Story;
|
|
8
|
+
export declare const WithActions: Story;
|
|
9
|
+
export declare const Selectable: Story;
|
|
10
|
+
export declare const WithStatusBadge: Story;
|
|
11
|
+
export declare const Empty: Story;
|
|
12
|
+
export declare const Loading: Story;
|
|
13
|
+
export declare const LoadingCustomItems: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
export interface MobileListColumn {
|
|
2
|
+
key: string;
|
|
3
|
+
label: string;
|
|
4
|
+
/** Hide this column on mobile */
|
|
5
|
+
hideOnMobile?: boolean;
|
|
6
|
+
/** Mark as primary info (shown prominently) */
|
|
7
|
+
primary?: boolean;
|
|
8
|
+
/** Mark as secondary info */
|
|
9
|
+
secondary?: boolean;
|
|
10
|
+
}
|
|
11
|
+
type ItemType = {
|
|
12
|
+
id: number | string;
|
|
13
|
+
[key: string]: unknown;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_Props = {
|
|
16
|
+
/** Array of items to display */
|
|
17
|
+
items: ItemType[];
|
|
18
|
+
/** Key field for unique identification */
|
|
19
|
+
keyField?: string;
|
|
20
|
+
/** Enable selection mode */
|
|
21
|
+
selectable?: boolean;
|
|
22
|
+
/** Set of selected item keys */
|
|
23
|
+
selectedItems?: Set<string>;
|
|
24
|
+
/** Filter function to determine if an item is selectable */
|
|
25
|
+
selectableFilter?: (item: ItemType) => boolean;
|
|
26
|
+
/** Show loading skeleton */
|
|
27
|
+
loading?: boolean;
|
|
28
|
+
/** Number of skeleton items to show when loading */
|
|
29
|
+
loadingItems?: number;
|
|
30
|
+
};
|
|
31
|
+
declare function __VLS_template(): {
|
|
32
|
+
attrs: Partial<{}>;
|
|
33
|
+
slots: Readonly<{
|
|
34
|
+
/** Avatar/icon slot for each item */
|
|
35
|
+
avatar?: (props: {
|
|
36
|
+
item: ItemType;
|
|
37
|
+
}) => unknown;
|
|
38
|
+
/** Main content area for each item */
|
|
39
|
+
content?: (props: {
|
|
40
|
+
item: ItemType;
|
|
41
|
+
}) => unknown;
|
|
42
|
+
/** Actions slot (right side) for each item */
|
|
43
|
+
actions?: (props: {
|
|
44
|
+
item: ItemType;
|
|
45
|
+
}) => unknown;
|
|
46
|
+
/** Empty state slot */
|
|
47
|
+
empty?: () => unknown;
|
|
48
|
+
}> & {
|
|
49
|
+
/** Avatar/icon slot for each item */
|
|
50
|
+
avatar?: (props: {
|
|
51
|
+
item: ItemType;
|
|
52
|
+
}) => unknown;
|
|
53
|
+
/** Main content area for each item */
|
|
54
|
+
content?: (props: {
|
|
55
|
+
item: ItemType;
|
|
56
|
+
}) => unknown;
|
|
57
|
+
/** Actions slot (right side) for each item */
|
|
58
|
+
actions?: (props: {
|
|
59
|
+
item: ItemType;
|
|
60
|
+
}) => unknown;
|
|
61
|
+
/** Empty state slot */
|
|
62
|
+
empty?: () => unknown;
|
|
63
|
+
};
|
|
64
|
+
refs: {};
|
|
65
|
+
rootEl: HTMLDivElement;
|
|
66
|
+
};
|
|
67
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
68
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
69
|
+
select: (id: string) => any;
|
|
70
|
+
selectAll: () => any;
|
|
71
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
72
|
+
onSelect?: ((id: string) => any) | undefined;
|
|
73
|
+
onSelectAll?: (() => any) | undefined;
|
|
74
|
+
}>, {
|
|
75
|
+
loading: boolean;
|
|
76
|
+
selectable: boolean;
|
|
77
|
+
keyField: string;
|
|
78
|
+
loadingItems: number;
|
|
79
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
80
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
81
|
+
export default _default;
|
|
82
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
83
|
+
new (): {
|
|
84
|
+
$slots: S;
|
|
85
|
+
};
|
|
86
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as Popover } from './Popover.vue';
|
|
3
|
+
declare const meta: Meta<typeof Popover>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const OnHover: Story;
|
|
8
|
+
export declare const Widths: Story;
|
|
9
|
+
export declare const WithForm: Story;
|
|
10
|
+
export declare const UserCard: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export type PopoverPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
/** Position of the popover */
|
|
4
|
+
position?: PopoverPosition;
|
|
5
|
+
/** Trigger on hover instead of click */
|
|
6
|
+
hover?: boolean;
|
|
7
|
+
/** Use teleport to body */
|
|
8
|
+
teleport?: boolean;
|
|
9
|
+
/** Width of the popover */
|
|
10
|
+
width?: 'auto' | 'sm' | 'md' | 'lg';
|
|
11
|
+
/** Custom ID for accessibility */
|
|
12
|
+
id?: string;
|
|
13
|
+
};
|
|
14
|
+
declare function __VLS_template(): {
|
|
15
|
+
attrs: Partial<{}>;
|
|
16
|
+
slots: {
|
|
17
|
+
trigger?(_: {}): any;
|
|
18
|
+
default?(_: {
|
|
19
|
+
close: () => void;
|
|
20
|
+
}): any;
|
|
21
|
+
};
|
|
22
|
+
refs: {
|
|
23
|
+
triggerRef: HTMLDivElement;
|
|
24
|
+
popoverRef: HTMLDivElement;
|
|
25
|
+
};
|
|
26
|
+
rootEl: HTMLDivElement;
|
|
27
|
+
};
|
|
28
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
29
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
30
|
+
width: "auto" | "sm" | "md" | "lg";
|
|
31
|
+
teleport: boolean;
|
|
32
|
+
position: PopoverPosition;
|
|
33
|
+
hover: boolean;
|
|
34
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
35
|
+
triggerRef: HTMLDivElement;
|
|
36
|
+
popoverRef: HTMLDivElement;
|
|
37
|
+
}, HTMLDivElement>;
|
|
38
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
39
|
+
export default _default;
|
|
40
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
41
|
+
new (): {
|
|
42
|
+
$slots: S;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as ResponsiveList } from './ResponsiveList.vue';
|
|
3
|
+
declare const meta: Meta<typeof ResponsiveList>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithAvatar: Story;
|
|
8
|
+
export declare const WithStatusBadge: Story;
|
|
9
|
+
export declare const WithActions: Story;
|
|
10
|
+
export declare const Selectable: Story;
|
|
11
|
+
export declare const SortableColumns: Story;
|
|
12
|
+
export declare const CustomBreakpoint: Story;
|
|
13
|
+
export declare const Empty: Story;
|
|
14
|
+
export declare const Loading: Story;
|
|
15
|
+
export declare const LoadingCustomRows: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import { SortDirection } from '../../types';
|
|
2
|
+
export interface ResponsiveListColumn {
|
|
3
|
+
/** Column key - corresponds to the data field name (alias for 'name' for backward compatibility) */
|
|
4
|
+
key?: string;
|
|
5
|
+
/** Column name - corresponds to the data field name */
|
|
6
|
+
name?: string;
|
|
7
|
+
/** Display label for the column header */
|
|
8
|
+
label?: string;
|
|
9
|
+
/** Column type for automatic rendering */
|
|
10
|
+
type?: 'text' | 'number' | 'date' | 'badge' | 'boolean' | string;
|
|
11
|
+
/** Text alignment in the column */
|
|
12
|
+
align?: 'left' | 'center' | 'right';
|
|
13
|
+
/** Header CSS class */
|
|
14
|
+
headerClass?: string;
|
|
15
|
+
/** Cell CSS class */
|
|
16
|
+
className?: string;
|
|
17
|
+
/** Whether the column is sortable */
|
|
18
|
+
sortable?: boolean;
|
|
19
|
+
/** Whether to hide the column */
|
|
20
|
+
hidden?: boolean;
|
|
21
|
+
/** Whether the column is the main/primary column */
|
|
22
|
+
main?: boolean;
|
|
23
|
+
/** Hide this column on mobile view */
|
|
24
|
+
hideOnMobile?: boolean;
|
|
25
|
+
}
|
|
26
|
+
type ItemType = {
|
|
27
|
+
id: number | string;
|
|
28
|
+
[key: string]: unknown;
|
|
29
|
+
};
|
|
30
|
+
type __VLS_Props = {
|
|
31
|
+
/** Array of items to display */
|
|
32
|
+
items: ItemType[];
|
|
33
|
+
/** Column definitions (extends Property with mobile options) */
|
|
34
|
+
columns: ResponsiveListColumn[];
|
|
35
|
+
/** Key field for unique identification */
|
|
36
|
+
keyField?: string;
|
|
37
|
+
/** Enable selection mode */
|
|
38
|
+
selectable?: boolean;
|
|
39
|
+
/** Set of selected item keys */
|
|
40
|
+
selectedItems?: Set<string>;
|
|
41
|
+
/** Filter function to determine if an item is selectable */
|
|
42
|
+
selectableFilter?: (item: ItemType) => boolean;
|
|
43
|
+
/** Breakpoint for switching between mobile and desktop views (default: 'lg' = 1024px) */
|
|
44
|
+
breakpoint?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
45
|
+
/** Current sort column */
|
|
46
|
+
sortBy?: string;
|
|
47
|
+
/** Current sort direction */
|
|
48
|
+
sortDirection?: SortDirection;
|
|
49
|
+
/** Show loading skeleton */
|
|
50
|
+
loading?: boolean;
|
|
51
|
+
/** Number of skeleton rows/items to show when loading */
|
|
52
|
+
loadingRows?: number;
|
|
53
|
+
};
|
|
54
|
+
declare function __VLS_template(): {
|
|
55
|
+
attrs: Partial<{}>;
|
|
56
|
+
slots: Readonly<{
|
|
57
|
+
[key: `cell-${string}`]: (props: {
|
|
58
|
+
item: ItemType;
|
|
59
|
+
value: unknown;
|
|
60
|
+
}) => unknown;
|
|
61
|
+
/** Avatar/icon slot for mobile view */
|
|
62
|
+
avatar?: (props: {
|
|
63
|
+
item: ItemType;
|
|
64
|
+
}) => unknown;
|
|
65
|
+
/** Main content for mobile view */
|
|
66
|
+
mobileContent?: (props: {
|
|
67
|
+
item: ItemType;
|
|
68
|
+
}) => unknown;
|
|
69
|
+
/** Actions for mobile view */
|
|
70
|
+
mobileActions?: (props: {
|
|
71
|
+
item: ItemType;
|
|
72
|
+
}) => unknown;
|
|
73
|
+
/** Actions column for table view, also used as fallback for mobile */
|
|
74
|
+
actions?: (props: {
|
|
75
|
+
item: ItemType;
|
|
76
|
+
}) => unknown;
|
|
77
|
+
/** Empty state slot */
|
|
78
|
+
empty?: () => unknown;
|
|
79
|
+
}> & {
|
|
80
|
+
[key: `cell-${string}`]: (props: {
|
|
81
|
+
item: ItemType;
|
|
82
|
+
value: unknown;
|
|
83
|
+
}) => unknown;
|
|
84
|
+
/** Avatar/icon slot for mobile view */
|
|
85
|
+
avatar?: (props: {
|
|
86
|
+
item: ItemType;
|
|
87
|
+
}) => unknown;
|
|
88
|
+
/** Main content for mobile view */
|
|
89
|
+
mobileContent?: (props: {
|
|
90
|
+
item: ItemType;
|
|
91
|
+
}) => unknown;
|
|
92
|
+
/** Actions for mobile view */
|
|
93
|
+
mobileActions?: (props: {
|
|
94
|
+
item: ItemType;
|
|
95
|
+
}) => unknown;
|
|
96
|
+
/** Actions column for table view, also used as fallback for mobile */
|
|
97
|
+
actions?: (props: {
|
|
98
|
+
item: ItemType;
|
|
99
|
+
}) => unknown;
|
|
100
|
+
/** Empty state slot */
|
|
101
|
+
empty?: () => unknown;
|
|
102
|
+
};
|
|
103
|
+
refs: {};
|
|
104
|
+
rootEl: HTMLDivElement;
|
|
105
|
+
};
|
|
106
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
107
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
108
|
+
sort: (column: string, direction: SortDirection) => any;
|
|
109
|
+
select: (id: string) => any;
|
|
110
|
+
selectAll: () => any;
|
|
111
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
112
|
+
onSort?: ((column: string, direction: SortDirection) => any) | undefined;
|
|
113
|
+
onSelect?: ((id: string) => any) | undefined;
|
|
114
|
+
onSelectAll?: (() => any) | undefined;
|
|
115
|
+
}>, {
|
|
116
|
+
loading: boolean;
|
|
117
|
+
selectable: boolean;
|
|
118
|
+
keyField: string;
|
|
119
|
+
loadingRows: number;
|
|
120
|
+
breakpoint: "sm" | "md" | "lg" | "xl" | "2xl";
|
|
121
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
122
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
123
|
+
export default _default;
|
|
124
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
125
|
+
new (): {
|
|
126
|
+
$slots: S;
|
|
127
|
+
};
|
|
128
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as StatsCard } from './StatsCard.vue';
|
|
3
|
+
declare const meta: Meta<typeof StatsCard>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithChange: Story;
|
|
8
|
+
export declare const NegativeChange: Story;
|
|
9
|
+
export declare const GlassVariant: Story;
|
|
10
|
+
export declare const SolidVariant: Story;
|
|
11
|
+
export declare const OutlineVariant: Story;
|
|
12
|
+
export declare const SuccessColor: Story;
|
|
13
|
+
export declare const WarningColor: Story;
|
|
14
|
+
export declare const DangerColor: Story;
|
|
15
|
+
export declare const NoIcon: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export interface StatItem {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string | number;
|
|
4
|
+
icon?: string;
|
|
5
|
+
change?: number;
|
|
6
|
+
changeLabel?: string;
|
|
7
|
+
}
|
|
8
|
+
type __VLS_Props = {
|
|
9
|
+
/** Stat label */
|
|
10
|
+
label: string;
|
|
11
|
+
/** Stat value */
|
|
12
|
+
value: string | number;
|
|
13
|
+
/** Icon name (iconify format) */
|
|
14
|
+
icon?: string;
|
|
15
|
+
/** Percentage change (positive or negative) */
|
|
16
|
+
change?: number;
|
|
17
|
+
/** Change label (e.g., "vs last month") */
|
|
18
|
+
changeLabel?: string;
|
|
19
|
+
/** Visual variant */
|
|
20
|
+
variant?: 'default' | 'glass' | 'solid' | 'outline';
|
|
21
|
+
/** Color scheme for solid variant */
|
|
22
|
+
color?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
|
|
23
|
+
};
|
|
24
|
+
declare function __VLS_template(): {
|
|
25
|
+
attrs: Partial<{}>;
|
|
26
|
+
slots: {
|
|
27
|
+
value?(_: {}): any;
|
|
28
|
+
label?(_: {}): any;
|
|
29
|
+
};
|
|
30
|
+
refs: {};
|
|
31
|
+
rootEl: HTMLDivElement;
|
|
32
|
+
};
|
|
33
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
34
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
35
|
+
variant: "default" | "glass" | "solid" | "outline";
|
|
36
|
+
color: "primary" | "success" | "warning" | "danger" | "info";
|
|
37
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
38
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
39
|
+
export default _default;
|
|
40
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
41
|
+
new (): {
|
|
42
|
+
$slots: S;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as StatsGrid } from './StatsGrid.vue';
|
|
3
|
+
declare const meta: Meta<typeof StatsGrid>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const ThreeColumns: Story;
|
|
7
|
+
export declare const FourColumns: Story;
|
|
8
|
+
export declare const TwoColumns: Story;
|
|
9
|
+
export declare const WithChanges: Story;
|
|
10
|
+
export declare const GlassVariant: Story;
|
|
11
|
+
export declare const SolidVariant: Story;
|
|
12
|
+
export declare const ForcedCols: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { StatItem } from './StatsCard.vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
/** Array of stats to display */
|
|
4
|
+
stats: StatItem[];
|
|
5
|
+
/** Number of columns (auto-calculated if not provided) */
|
|
6
|
+
cols?: 2 | 3 | 4;
|
|
7
|
+
/** Visual variant for all cards */
|
|
8
|
+
variant?: 'default' | 'glass' | 'solid' | 'outline';
|
|
9
|
+
/** Color scheme for solid variant */
|
|
10
|
+
color?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
|
|
11
|
+
};
|
|
12
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
13
|
+
variant: "default" | "glass" | "solid" | "outline";
|
|
14
|
+
color: "primary" | "success" | "warning" | "danger" | "info";
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as StatusBadge } from './StatusBadge.vue';
|
|
3
|
+
declare const meta: Meta<typeof StatusBadge>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Success: Story;
|
|
8
|
+
export declare const Error: Story;
|
|
9
|
+
export declare const Warning: Story;
|
|
10
|
+
export declare const Info: Story;
|
|
11
|
+
export declare const SemanticVariants: Story;
|
|
12
|
+
export declare const ColorVariants: Story;
|
|
13
|
+
export declare const UseCases: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { StatusBadgeVariant } from '../../types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
variant?: StatusBadgeVariant;
|
|
4
|
+
};
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
refs: {};
|
|
11
|
+
rootEl: HTMLSpanElement;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
16
|
+
export default _default;
|
|
17
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
18
|
+
new (): {
|
|
19
|
+
$slots: S;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as Stepper } from './Stepper.vue';
|
|
3
|
+
declare const meta: Meta<typeof Stepper>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Horizontal: Story;
|
|
7
|
+
export declare const Vertical: Story;
|
|
8
|
+
export declare const FirstStep: Story;
|
|
9
|
+
export declare const LastStep: Story;
|
|
10
|
+
export declare const WithIcons: Story;
|
|
11
|
+
export declare const Interactive: Story;
|
|
12
|
+
export declare const ManySteps: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export interface Step {
|
|
2
|
+
key: string | number;
|
|
3
|
+
title: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
icon?: string;
|
|
6
|
+
}
|
|
7
|
+
type __VLS_Props = {
|
|
8
|
+
/** Array of step definitions */
|
|
9
|
+
steps: Step[];
|
|
10
|
+
/** Current step (key or index) */
|
|
11
|
+
modelValue?: string | number;
|
|
12
|
+
/** Orientation */
|
|
13
|
+
orientation?: 'horizontal' | 'vertical';
|
|
14
|
+
};
|
|
15
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
16
|
+
"update:modelValue": (value: string | number) => any;
|
|
17
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
18
|
+
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
19
|
+
}>, {
|
|
20
|
+
orientation: "horizontal" | "vertical";
|
|
21
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
22
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as TabPanel } from './TabPanel.vue';
|
|
3
|
+
declare const meta: Meta<typeof TabPanel>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithRichContent: Story;
|
|
8
|
+
export declare const WithForm: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|