@kayord/ui 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -0
- package/dist/components/custom/loader/Loader.svelte +12 -0
- package/dist/components/custom/loader/Loader.svelte.d.ts +17 -0
- package/dist/components/custom/loader/index.d.ts +1 -0
- package/dist/components/custom/loader/index.js +1 -0
- package/dist/components/custom/theme-switch/ThemeSwitch.svelte +53 -0
- package/dist/components/custom/theme-switch/ThemeSwitch.svelte.d.ts +14 -0
- package/dist/components/custom/theme-switch/index.d.ts +1 -0
- package/dist/components/custom/theme-switch/index.js +1 -0
- package/dist/components/ui/accordion/accordion-content.svelte +21 -0
- package/dist/components/ui/accordion/accordion-content.svelte.d.ts +17 -0
- package/dist/components/ui/accordion/accordion-item.svelte +14 -0
- package/dist/components/ui/accordion/accordion-item.svelte.d.ts +17 -0
- package/dist/components/ui/accordion/accordion-trigger.svelte +21 -0
- package/dist/components/ui/accordion/accordion-trigger.svelte.d.ts +15 -0
- package/dist/components/ui/accordion/index.d.ts +6 -0
- package/dist/components/ui/accordion/index.js +8 -0
- package/dist/components/ui/alert/alert-description.svelte +8 -0
- package/dist/components/ui/alert/alert-description.svelte.d.ts +17 -0
- package/dist/components/ui/alert/alert-title.svelte +13 -0
- package/dist/components/ui/alert/alert-title.svelte.d.ts +20 -0
- package/dist/components/ui/alert/alert.svelte +14 -0
- package/dist/components/ui/alert/alert.svelte.d.ts +20 -0
- package/dist/components/ui/alert/index.d.ts +43 -0
- package/dist/components/ui/alert/index.js +19 -0
- package/dist/components/ui/alert-dialog/alert-dialog-action.svelte +16 -0
- package/dist/components/ui/alert-dialog/alert-dialog-action.svelte.d.ts +17 -0
- package/dist/components/ui/alert-dialog/alert-dialog-cancel.svelte +20 -0
- package/dist/components/ui/alert-dialog/alert-dialog-cancel.svelte.d.ts +17 -0
- package/dist/components/ui/alert-dialog/alert-dialog-content.svelte +23 -0
- package/dist/components/ui/alert-dialog/alert-dialog-content.svelte.d.ts +17 -0
- package/dist/components/ui/alert-dialog/alert-dialog-description.svelte +12 -0
- package/dist/components/ui/alert-dialog/alert-dialog-description.svelte.d.ts +17 -0
- package/dist/components/ui/alert-dialog/alert-dialog-footer.svelte +14 -0
- package/dist/components/ui/alert-dialog/alert-dialog-footer.svelte.d.ts +17 -0
- package/dist/components/ui/alert-dialog/alert-dialog-header.svelte +11 -0
- package/dist/components/ui/alert-dialog/alert-dialog-header.svelte.d.ts +17 -0
- package/dist/components/ui/alert-dialog/alert-dialog-overlay.svelte +20 -0
- package/dist/components/ui/alert-dialog/alert-dialog-overlay.svelte.d.ts +15 -0
- package/dist/components/ui/alert-dialog/alert-dialog-portal.svelte +6 -0
- package/dist/components/ui/alert-dialog/alert-dialog-portal.svelte.d.ts +17 -0
- package/dist/components/ui/alert-dialog/alert-dialog-title.svelte +14 -0
- package/dist/components/ui/alert-dialog/alert-dialog-title.svelte.d.ts +17 -0
- package/dist/components/ui/alert-dialog/index.d.ts +13 -0
- package/dist/components/ui/alert-dialog/index.js +15 -0
- package/dist/components/ui/aspect-ratio/aspect-ratio.svelte +7 -0
- package/dist/components/ui/aspect-ratio/aspect-ratio.svelte.d.ts +17 -0
- package/dist/components/ui/aspect-ratio/index.d.ts +2 -0
- package/dist/components/ui/aspect-ratio/index.js +2 -0
- package/dist/components/ui/avatar/avatar-fallback.svelte +15 -0
- package/dist/components/ui/avatar/avatar-fallback.svelte.d.ts +17 -0
- package/dist/components/ui/avatar/avatar-image.svelte +14 -0
- package/dist/components/ui/avatar/avatar-image.svelte.d.ts +15 -0
- package/dist/components/ui/avatar/avatar.svelte +17 -0
- package/dist/components/ui/avatar/avatar.svelte.d.ts +17 -0
- package/dist/components/ui/avatar/index.d.ts +4 -0
- package/dist/components/ui/avatar/index.js +6 -0
- package/dist/components/ui/badge/badge.svelte +16 -0
- package/dist/components/ui/badge/badge.svelte.d.ts +22 -0
- package/dist/components/ui/badge/index.d.ts +53 -0
- package/dist/components/ui/badge/index.js +16 -0
- package/dist/components/ui/button/button.svelte +19 -0
- package/dist/components/ui/button/button.svelte.d.ts +16 -0
- package/dist/components/ui/button/index.d.ts +117 -0
- package/dist/components/ui/button/index.js +28 -0
- package/dist/components/ui/card/card-content.svelte +8 -0
- package/dist/components/ui/card/card-content.svelte.d.ts +17 -0
- package/dist/components/ui/card/card-description.svelte +8 -0
- package/dist/components/ui/card/card-description.svelte.d.ts +17 -0
- package/dist/components/ui/card/card-footer.svelte +8 -0
- package/dist/components/ui/card/card-footer.svelte.d.ts +17 -0
- package/dist/components/ui/card/card-header.svelte +8 -0
- package/dist/components/ui/card/card-header.svelte.d.ts +17 -0
- package/dist/components/ui/card/card-title.svelte +13 -0
- package/dist/components/ui/card/card-title.svelte.d.ts +20 -0
- package/dist/components/ui/card/card.svelte +14 -0
- package/dist/components/ui/card/card.svelte.d.ts +17 -0
- package/dist/components/ui/card/index.d.ts +8 -0
- package/dist/components/ui/card/index.js +9 -0
- package/dist/components/ui/checkbox/checkbox.svelte +29 -0
- package/dist/components/ui/checkbox/checkbox.svelte.d.ts +13 -0
- package/dist/components/ui/checkbox/index.d.ts +2 -0
- package/dist/components/ui/checkbox/index.js +4 -0
- package/dist/components/ui/collapsible/collapsible-content.svelte +11 -0
- package/dist/components/ui/collapsible/collapsible-content.svelte.d.ts +17 -0
- package/dist/components/ui/collapsible/index.d.ts +5 -0
- package/dist/components/ui/collapsible/index.js +7 -0
- package/dist/components/ui/context-menu/context-menu-checkbox-item.svelte +30 -0
- package/dist/components/ui/context-menu/context-menu-checkbox-item.svelte.d.ts +15 -0
- package/dist/components/ui/context-menu/context-menu-content.svelte +20 -0
- package/dist/components/ui/context-menu/context-menu-content.svelte.d.ts +19 -0
- package/dist/components/ui/context-menu/context-menu-item.svelte +24 -0
- package/dist/components/ui/context-menu/context-menu-item.svelte.d.ts +20 -0
- package/dist/components/ui/context-menu/context-menu-label.svelte +17 -0
- package/dist/components/ui/context-menu/context-menu-label.svelte.d.ts +20 -0
- package/dist/components/ui/context-menu/context-menu-radio-group.svelte +7 -0
- package/dist/components/ui/context-menu/context-menu-radio-group.svelte.d.ts +17 -0
- package/dist/components/ui/context-menu/context-menu-radio-item.svelte +30 -0
- package/dist/components/ui/context-menu/context-menu-radio-item.svelte.d.ts +15 -0
- package/dist/components/ui/context-menu/context-menu-separator.svelte +10 -0
- package/dist/components/ui/context-menu/context-menu-separator.svelte.d.ts +15 -0
- package/dist/components/ui/context-menu/context-menu-shortcut.svelte +14 -0
- package/dist/components/ui/context-menu/context-menu-shortcut.svelte.d.ts +17 -0
- package/dist/components/ui/context-menu/context-menu-sub-content.svelte +25 -0
- package/dist/components/ui/context-menu/context-menu-sub-content.svelte.d.ts +21 -0
- package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte +25 -0
- package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte.d.ts +20 -0
- package/dist/components/ui/context-menu/index.d.ts +16 -0
- package/dist/components/ui/context-menu/index.js +18 -0
- package/dist/components/ui/dialog/dialog-content.svelte +32 -0
- package/dist/components/ui/dialog/dialog-content.svelte.d.ts +17 -0
- package/dist/components/ui/dialog/dialog-description.svelte +12 -0
- package/dist/components/ui/dialog/dialog-description.svelte.d.ts +17 -0
- package/dist/components/ui/dialog/dialog-footer.svelte +14 -0
- package/dist/components/ui/dialog/dialog-footer.svelte.d.ts +17 -0
- package/dist/components/ui/dialog/dialog-header.svelte +11 -0
- package/dist/components/ui/dialog/dialog-header.svelte.d.ts +17 -0
- package/dist/components/ui/dialog/dialog-overlay.svelte +20 -0
- package/dist/components/ui/dialog/dialog-overlay.svelte.d.ts +15 -0
- package/dist/components/ui/dialog/dialog-portal.svelte +6 -0
- package/dist/components/ui/dialog/dialog-portal.svelte.d.ts +17 -0
- package/dist/components/ui/dialog/dialog-title.svelte +12 -0
- package/dist/components/ui/dialog/dialog-title.svelte.d.ts +17 -0
- package/dist/components/ui/dialog/index.d.ts +11 -0
- package/dist/components/ui/dialog/index.js +13 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte +30 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte.d.ts +15 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte +20 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte.d.ts +15 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte +24 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte.d.ts +20 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte +13 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte.d.ts +20 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte +7 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte.d.ts +17 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte +30 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte.d.ts +15 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte +10 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte.d.ts +15 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte +11 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte.d.ts +17 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte +25 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte.d.ts +15 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte +25 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte.d.ts +20 -0
- package/dist/components/ui/dropdown-menu/index.d.ts +16 -0
- package/dist/components/ui/dropdown-menu/index.js +18 -0
- package/dist/components/ui/form/form-button.svelte +6 -0
- package/dist/components/ui/form/form-button.svelte.d.ts +15 -0
- package/dist/components/ui/form/form-checkbox.svelte +19 -0
- package/dist/components/ui/form/form-checkbox.svelte.d.ts +13 -0
- package/dist/components/ui/form/form-description.svelte +12 -0
- package/dist/components/ui/form/form-description.svelte.d.ts +17 -0
- package/dist/components/ui/form/form-input.svelte +22 -0
- package/dist/components/ui/form/form-input.svelte.d.ts +14 -0
- package/dist/components/ui/form/form-item.svelte +8 -0
- package/dist/components/ui/form/form-item.svelte.d.ts +17 -0
- package/dist/components/ui/form/form-label.svelte +15 -0
- package/dist/components/ui/form/form-label.svelte.d.ts +17 -0
- package/dist/components/ui/form/form-native-select.svelte +19 -0
- package/dist/components/ui/form/form-native-select.svelte.d.ts +17 -0
- package/dist/components/ui/form/form-radio-group.svelte +17 -0
- package/dist/components/ui/form/form-radio-group.svelte.d.ts +17 -0
- package/dist/components/ui/form/form-select-trigger.svelte +10 -0
- package/dist/components/ui/form/form-select-trigger.svelte.d.ts +19 -0
- package/dist/components/ui/form/form-select.svelte +16 -0
- package/dist/components/ui/form/form-switch.svelte +18 -0
- package/dist/components/ui/form/form-switch.svelte.d.ts +13 -0
- package/dist/components/ui/form/form-textarea.svelte +24 -0
- package/dist/components/ui/form/form-textarea.svelte.d.ts +14 -0
- package/dist/components/ui/form/form-validation.svelte +10 -0
- package/dist/components/ui/form/form-validation.svelte.d.ts +15 -0
- package/dist/components/ui/form/index.d.ts +31 -0
- package/dist/components/ui/form/index.js +28 -0
- package/dist/components/ui/hover-card/hover-card-content.svelte +19 -0
- package/dist/components/ui/hover-card/hover-card-content.svelte.d.ts +17 -0
- package/dist/components/ui/hover-card/index.d.ts +5 -0
- package/dist/components/ui/hover-card/index.js +5 -0
- package/dist/components/ui/input/index.d.ts +19 -0
- package/dist/components/ui/input/index.js +4 -0
- package/dist/components/ui/input/input.svelte +26 -0
- package/dist/components/ui/input/input.svelte.d.ts +14 -0
- package/dist/components/ui/label/index.d.ts +2 -0
- package/dist/components/ui/label/index.js +4 -0
- package/dist/components/ui/label/label.svelte +16 -0
- package/dist/components/ui/label/label.svelte.d.ts +15 -0
- package/dist/components/ui/menubar/index.d.ts +17 -0
- package/dist/components/ui/menubar/index.js +19 -0
- package/dist/components/ui/menubar/menubar-checkbox-item.svelte +30 -0
- package/dist/components/ui/menubar/menubar-checkbox-item.svelte.d.ts +15 -0
- package/dist/components/ui/menubar/menubar-content.svelte +22 -0
- package/dist/components/ui/menubar/menubar-content.svelte.d.ts +15 -0
- package/dist/components/ui/menubar/menubar-item.svelte +24 -0
- package/dist/components/ui/menubar/menubar-item.svelte.d.ts +20 -0
- package/dist/components/ui/menubar/menubar-label.svelte +13 -0
- package/dist/components/ui/menubar/menubar-label.svelte.d.ts +20 -0
- package/dist/components/ui/menubar/menubar-radio-item.svelte +30 -0
- package/dist/components/ui/menubar/menubar-radio-item.svelte.d.ts +15 -0
- package/dist/components/ui/menubar/menubar-separator.svelte +10 -0
- package/dist/components/ui/menubar/menubar-separator.svelte.d.ts +15 -0
- package/dist/components/ui/menubar/menubar-shortcut.svelte +14 -0
- package/dist/components/ui/menubar/menubar-shortcut.svelte.d.ts +17 -0
- package/dist/components/ui/menubar/menubar-sub-content.svelte +22 -0
- package/dist/components/ui/menubar/menubar-sub-content.svelte.d.ts +15 -0
- package/dist/components/ui/menubar/menubar-sub-trigger.svelte +25 -0
- package/dist/components/ui/menubar/menubar-sub-trigger.svelte.d.ts +26 -0
- package/dist/components/ui/menubar/menubar-trigger.svelte +18 -0
- package/dist/components/ui/menubar/menubar-trigger.svelte.d.ts +15 -0
- package/dist/components/ui/menubar/menubar.svelte +15 -0
- package/dist/components/ui/menubar/menubar.svelte.d.ts +17 -0
- package/dist/components/ui/popover/index.d.ts +5 -0
- package/dist/components/ui/popover/index.js +7 -0
- package/dist/components/ui/popover/popover-content.svelte +19 -0
- package/dist/components/ui/popover/popover-content.svelte.d.ts +17 -0
- package/dist/components/ui/progress/index.d.ts +2 -0
- package/dist/components/ui/progress/index.js +4 -0
- package/dist/components/ui/progress/progress.svelte +22 -0
- package/dist/components/ui/progress/progress.svelte.d.ts +15 -0
- package/dist/components/ui/radio-group/index.d.ts +5 -0
- package/dist/components/ui/radio-group/index.js +7 -0
- package/dist/components/ui/radio-group/radio-group-item.svelte +23 -0
- package/dist/components/ui/radio-group/radio-group-item.svelte.d.ts +13 -0
- package/dist/components/ui/radio-group/radio-group.svelte +14 -0
- package/dist/components/ui/radio-group/radio-group.svelte.d.ts +17 -0
- package/dist/components/ui/select/index.d.ts +11 -0
- package/dist/components/ui/select/index.js +13 -0
- package/dist/components/ui/select/select-content.svelte +31 -0
- package/dist/components/ui/select/select-content.svelte.d.ts +15 -0
- package/dist/components/ui/select/select-item.svelte +33 -0
- package/dist/components/ui/select/select-item.svelte.d.ts +15 -0
- package/dist/components/ui/select/select-label.svelte +12 -0
- package/dist/components/ui/select/select-label.svelte.d.ts +17 -0
- package/dist/components/ui/select/select-separator.svelte +10 -0
- package/dist/components/ui/select/select-separator.svelte.d.ts +15 -0
- package/dist/components/ui/select/select-trigger.svelte +22 -0
- package/dist/components/ui/select/select-trigger.svelte.d.ts +17 -0
- package/dist/components/ui/select/select.svelte +8 -0
- package/dist/components/ui/separator/index.d.ts +2 -0
- package/dist/components/ui/separator/index.js +4 -0
- package/dist/components/ui/separator/separator.svelte +18 -0
- package/dist/components/ui/separator/separator.svelte.d.ts +15 -0
- package/dist/components/ui/sheet/index.d.ts +114 -0
- package/dist/components/ui/sheet/index.js +79 -0
- package/dist/components/ui/sheet/sheet-content.svelte +38 -0
- package/dist/components/ui/sheet/sheet-content.svelte.d.ts +27 -0
- package/dist/components/ui/sheet/sheet-description.svelte +12 -0
- package/dist/components/ui/sheet/sheet-description.svelte.d.ts +17 -0
- package/dist/components/ui/sheet/sheet-footer.svelte +14 -0
- package/dist/components/ui/sheet/sheet-footer.svelte.d.ts +17 -0
- package/dist/components/ui/sheet/sheet-header.svelte +11 -0
- package/dist/components/ui/sheet/sheet-header.svelte.d.ts +17 -0
- package/dist/components/ui/sheet/sheet-overlay.svelte +20 -0
- package/dist/components/ui/sheet/sheet-overlay.svelte.d.ts +15 -0
- package/dist/components/ui/sheet/sheet-portal.svelte +9 -0
- package/dist/components/ui/sheet/sheet-portal.svelte.d.ts +17 -0
- package/dist/components/ui/sheet/sheet-title.svelte +12 -0
- package/dist/components/ui/sheet/sheet-title.svelte.d.ts +17 -0
- package/dist/components/ui/skeleton/index.d.ts +2 -0
- package/dist/components/ui/skeleton/index.js +4 -0
- package/dist/components/ui/skeleton/skeleton.svelte +9 -0
- package/dist/components/ui/skeleton/skeleton.svelte.d.ts +15 -0
- package/dist/components/ui/slider/index.d.ts +2 -0
- package/dist/components/ui/slider/index.js +4 -0
- package/dist/components/ui/slider/slider.svelte +24 -0
- package/dist/components/ui/slider/slider.svelte.d.ts +15 -0
- package/dist/components/ui/switch/index.d.ts +2 -0
- package/dist/components/ui/switch/index.js +4 -0
- package/dist/components/ui/switch/switch.svelte +21 -0
- package/dist/components/ui/switch/switch.svelte.d.ts +15 -0
- package/dist/components/ui/table/index.d.ts +9 -0
- package/dist/components/ui/table/index.js +11 -0
- package/dist/components/ui/table/table-body.svelte +8 -0
- package/dist/components/ui/table/table-body.svelte.d.ts +17 -0
- package/dist/components/ui/table/table-caption.svelte +11 -0
- package/dist/components/ui/table/table-caption.svelte.d.ts +17 -0
- package/dist/components/ui/table/table-cell.svelte +11 -0
- package/dist/components/ui/table/table-cell.svelte.d.ts +17 -0
- package/dist/components/ui/table/table-footer.svelte +11 -0
- package/dist/components/ui/table/table-footer.svelte.d.ts +17 -0
- package/dist/components/ui/table/table-head.svelte +14 -0
- package/dist/components/ui/table/table-head.svelte.d.ts +17 -0
- package/dist/components/ui/table/table-header.svelte +8 -0
- package/dist/components/ui/table/table-header.svelte.d.ts +17 -0
- package/dist/components/ui/table/table-row.svelte +14 -0
- package/dist/components/ui/table/table-row.svelte.d.ts +19 -0
- package/dist/components/ui/table/table.svelte +13 -0
- package/dist/components/ui/table/table.svelte.d.ts +17 -0
- package/dist/components/ui/tabs/index.d.ts +6 -0
- package/dist/components/ui/tabs/index.js +8 -0
- package/dist/components/ui/tabs/tabs-content.svelte +17 -0
- package/dist/components/ui/tabs/tabs-content.svelte.d.ts +17 -0
- package/dist/components/ui/tabs/tabs-list.svelte +15 -0
- package/dist/components/ui/tabs/tabs-list.svelte.d.ts +17 -0
- package/dist/components/ui/tabs/tabs-trigger.svelte +18 -0
- package/dist/components/ui/tabs/tabs-trigger.svelte.d.ts +15 -0
- package/dist/components/ui/textarea/index.d.ts +19 -0
- package/dist/components/ui/textarea/index.js +4 -0
- package/dist/components/ui/textarea/textarea.svelte +26 -0
- package/dist/components/ui/textarea/textarea.svelte.d.ts +28 -0
- package/dist/components/ui/toggle/index.d.ts +76 -0
- package/dist/components/ui/toggle/index.js +23 -0
- package/dist/components/ui/toggle/toggle.svelte +18 -0
- package/dist/components/ui/toggle/toggle.svelte.d.ts +24 -0
- package/dist/components/ui/tooltip/index.d.ts +5 -0
- package/dist/components/ui/tooltip/index.js +7 -0
- package/dist/components/ui/tooltip/tooltip-content.svelte +24 -0
- package/dist/components/ui/tooltip/tooltip-content.svelte.d.ts +17 -0
- package/dist/index.d.ts +35 -0
- package/dist/index.js +37 -0
- package/dist/utils.d.ts +11 -0
- package/dist/utils.js +38 -0
- package/package.json +70 -0
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<script>import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
|
|
2
|
+
import { cn } from "../../../utils";
|
|
3
|
+
import { fade } from "svelte/transition";
|
|
4
|
+
let className = void 0;
|
|
5
|
+
export let transition = fade;
|
|
6
|
+
export let transitionConfig = {
|
|
7
|
+
duration: 150
|
|
8
|
+
};
|
|
9
|
+
export { className as class };
|
|
10
|
+
</script>
|
|
11
|
+
|
|
12
|
+
<AlertDialogPrimitive.Overlay
|
|
13
|
+
{transition}
|
|
14
|
+
{transitionConfig}
|
|
15
|
+
class={cn(
|
|
16
|
+
"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm ",
|
|
17
|
+
className
|
|
18
|
+
)}
|
|
19
|
+
{...$$restProps}
|
|
20
|
+
/>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: AlertDialogPrimitive.OverlayProps;
|
|
5
|
+
events: {
|
|
6
|
+
[evt: string]: CustomEvent<any>;
|
|
7
|
+
};
|
|
8
|
+
slots: {};
|
|
9
|
+
};
|
|
10
|
+
export type AlertDialogOverlayProps = typeof __propDef.props;
|
|
11
|
+
export type AlertDialogOverlayEvents = typeof __propDef.events;
|
|
12
|
+
export type AlertDialogOverlaySlots = typeof __propDef.slots;
|
|
13
|
+
export default class AlertDialogOverlay extends SvelteComponent<AlertDialogOverlayProps, AlertDialogOverlayEvents, AlertDialogOverlaySlots> {
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: AlertDialogPrimitive.PortalProps;
|
|
5
|
+
events: {
|
|
6
|
+
[evt: string]: CustomEvent<any>;
|
|
7
|
+
};
|
|
8
|
+
slots: {
|
|
9
|
+
default: {};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export type AlertDialogPortalProps = typeof __propDef.props;
|
|
13
|
+
export type AlertDialogPortalEvents = typeof __propDef.events;
|
|
14
|
+
export type AlertDialogPortalSlots = typeof __propDef.slots;
|
|
15
|
+
export default class AlertDialogPortal extends SvelteComponent<AlertDialogPortalProps, AlertDialogPortalEvents, AlertDialogPortalSlots> {
|
|
16
|
+
}
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<script>import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
|
|
2
|
+
import { cn } from "../../../utils";
|
|
3
|
+
let className = void 0;
|
|
4
|
+
export let level = "h3";
|
|
5
|
+
export { className as class };
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<AlertDialogPrimitive.Title
|
|
9
|
+
class={cn("text-lg font-semibold", className)}
|
|
10
|
+
{level}
|
|
11
|
+
{...$$restProps}
|
|
12
|
+
>
|
|
13
|
+
<slot />
|
|
14
|
+
</AlertDialogPrimitive.Title>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: AlertDialogPrimitive.TitleProps;
|
|
5
|
+
events: {
|
|
6
|
+
[evt: string]: CustomEvent<any>;
|
|
7
|
+
};
|
|
8
|
+
slots: {
|
|
9
|
+
default: {};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export type AlertDialogTitleProps = typeof __propDef.props;
|
|
13
|
+
export type AlertDialogTitleEvents = typeof __propDef.events;
|
|
14
|
+
export type AlertDialogTitleSlots = typeof __propDef.slots;
|
|
15
|
+
export default class AlertDialogTitle extends SvelteComponent<AlertDialogTitleProps, AlertDialogTitleEvents, AlertDialogTitleSlots> {
|
|
16
|
+
}
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
|
|
2
|
+
declare const Root: typeof AlertDialogPrimitive.Root;
|
|
3
|
+
declare const Trigger: typeof AlertDialogPrimitive.Trigger;
|
|
4
|
+
import Title from "./alert-dialog-title.svelte";
|
|
5
|
+
import Action from "./alert-dialog-action.svelte";
|
|
6
|
+
import Cancel from "./alert-dialog-cancel.svelte";
|
|
7
|
+
import Portal from "./alert-dialog-portal.svelte";
|
|
8
|
+
import Footer from "./alert-dialog-footer.svelte";
|
|
9
|
+
import Header from "./alert-dialog-header.svelte";
|
|
10
|
+
import Overlay from "./alert-dialog-overlay.svelte";
|
|
11
|
+
import Content from "./alert-dialog-content.svelte";
|
|
12
|
+
import Description from "./alert-dialog-description.svelte";
|
|
13
|
+
export { Root, Title, Action, Cancel, Portal, Footer, Header, Trigger, Overlay, Content, Description, Root as AlertDialog, Title as AlertDialogTitle, Action as AlertDialogAction, Cancel as AlertDialogCancel, Portal as AlertDialogPortal, Footer as AlertDialogFooter, Header as AlertDialogHeader, Trigger as AlertDialogTrigger, Overlay as AlertDialogOverlay, Content as AlertDialogContent, Description as AlertDialogDescription };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
|
|
2
|
+
const Root = AlertDialogPrimitive.Root;
|
|
3
|
+
const Trigger = AlertDialogPrimitive.Trigger;
|
|
4
|
+
import Title from "./alert-dialog-title.svelte";
|
|
5
|
+
import Action from "./alert-dialog-action.svelte";
|
|
6
|
+
import Cancel from "./alert-dialog-cancel.svelte";
|
|
7
|
+
import Portal from "./alert-dialog-portal.svelte";
|
|
8
|
+
import Footer from "./alert-dialog-footer.svelte";
|
|
9
|
+
import Header from "./alert-dialog-header.svelte";
|
|
10
|
+
import Overlay from "./alert-dialog-overlay.svelte";
|
|
11
|
+
import Content from "./alert-dialog-content.svelte";
|
|
12
|
+
import Description from "./alert-dialog-description.svelte";
|
|
13
|
+
export { Root, Title, Action, Cancel, Portal, Footer, Header, Trigger, Overlay, Content, Description,
|
|
14
|
+
//
|
|
15
|
+
Root as AlertDialog, Title as AlertDialogTitle, Action as AlertDialogAction, Cancel as AlertDialogCancel, Portal as AlertDialogPortal, Footer as AlertDialogFooter, Header as AlertDialogHeader, Trigger as AlertDialogTrigger, Overlay as AlertDialogOverlay, Content as AlertDialogContent, Description as AlertDialogDescription };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import { AspectRatio as AspectRatioPrimitive } from "bits-ui";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: AspectRatioPrimitive.Props;
|
|
5
|
+
events: {
|
|
6
|
+
[evt: string]: CustomEvent<any>;
|
|
7
|
+
};
|
|
8
|
+
slots: {
|
|
9
|
+
default: {};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export type AspectRatioProps = typeof __propDef.props;
|
|
13
|
+
export type AspectRatioEvents = typeof __propDef.events;
|
|
14
|
+
export type AspectRatioSlots = typeof __propDef.slots;
|
|
15
|
+
export default class AspectRatio extends SvelteComponent<AspectRatioProps, AspectRatioEvents, AspectRatioSlots> {
|
|
16
|
+
}
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<script>import { Avatar as AvatarPrimitive } from "bits-ui";
|
|
2
|
+
import { cn } from "../../../utils";
|
|
3
|
+
let className = void 0;
|
|
4
|
+
export { className as class };
|
|
5
|
+
</script>
|
|
6
|
+
|
|
7
|
+
<AvatarPrimitive.Fallback
|
|
8
|
+
class={cn(
|
|
9
|
+
"flex h-full w-full items-center justify-center rounded-full bg-muted",
|
|
10
|
+
className
|
|
11
|
+
)}
|
|
12
|
+
{...$$restProps}
|
|
13
|
+
>
|
|
14
|
+
<slot />
|
|
15
|
+
</AvatarPrimitive.Fallback>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import { Avatar as AvatarPrimitive } from "bits-ui";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: AvatarPrimitive.FallbackProps;
|
|
5
|
+
events: {
|
|
6
|
+
[evt: string]: CustomEvent<any>;
|
|
7
|
+
};
|
|
8
|
+
slots: {
|
|
9
|
+
default: {};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export type AvatarFallbackProps = typeof __propDef.props;
|
|
13
|
+
export type AvatarFallbackEvents = typeof __propDef.events;
|
|
14
|
+
export type AvatarFallbackSlots = typeof __propDef.slots;
|
|
15
|
+
export default class AvatarFallback extends SvelteComponent<AvatarFallbackProps, AvatarFallbackEvents, AvatarFallbackSlots> {
|
|
16
|
+
}
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<script>import { Avatar as AvatarPrimitive } from "bits-ui";
|
|
2
|
+
import { cn } from "../../../utils";
|
|
3
|
+
let className = void 0;
|
|
4
|
+
export let src = void 0;
|
|
5
|
+
export let alt = void 0;
|
|
6
|
+
export { className as class };
|
|
7
|
+
</script>
|
|
8
|
+
|
|
9
|
+
<AvatarPrimitive.Image
|
|
10
|
+
{src}
|
|
11
|
+
{alt}
|
|
12
|
+
class={cn("aspect-square h-full w-full", className)}
|
|
13
|
+
{...$$restProps}
|
|
14
|
+
/>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import { Avatar as AvatarPrimitive } from "bits-ui";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: AvatarPrimitive.ImageProps;
|
|
5
|
+
events: {
|
|
6
|
+
[evt: string]: CustomEvent<any>;
|
|
7
|
+
};
|
|
8
|
+
slots: {};
|
|
9
|
+
};
|
|
10
|
+
export type AvatarImageProps = typeof __propDef.props;
|
|
11
|
+
export type AvatarImageEvents = typeof __propDef.events;
|
|
12
|
+
export type AvatarImageSlots = typeof __propDef.slots;
|
|
13
|
+
export default class AvatarImage extends SvelteComponent<AvatarImageProps, AvatarImageEvents, AvatarImageSlots> {
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<script>import { Avatar as AvatarPrimitive } from "bits-ui";
|
|
2
|
+
import { cn } from "../../../utils";
|
|
3
|
+
let className = void 0;
|
|
4
|
+
export let delayMs = void 0;
|
|
5
|
+
export { className as class };
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<AvatarPrimitive.Root
|
|
9
|
+
{delayMs}
|
|
10
|
+
class={cn(
|
|
11
|
+
"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
|
|
12
|
+
className
|
|
13
|
+
)}
|
|
14
|
+
{...$$restProps}
|
|
15
|
+
>
|
|
16
|
+
<slot />
|
|
17
|
+
</AvatarPrimitive.Root>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import { Avatar as AvatarPrimitive } from "bits-ui";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: AvatarPrimitive.Props;
|
|
5
|
+
events: {
|
|
6
|
+
[evt: string]: CustomEvent<any>;
|
|
7
|
+
};
|
|
8
|
+
slots: {
|
|
9
|
+
default: {};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export type AvatarProps = typeof __propDef.props;
|
|
13
|
+
export type AvatarEvents = typeof __propDef.events;
|
|
14
|
+
export type AvatarSlots = typeof __propDef.slots;
|
|
15
|
+
export default class Avatar extends SvelteComponent<AvatarProps, AvatarEvents, AvatarSlots> {
|
|
16
|
+
}
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script>import { cn } from "../../../utils";
|
|
2
|
+
import { badgeVariants } from ".";
|
|
3
|
+
let className = void 0;
|
|
4
|
+
export let href = void 0;
|
|
5
|
+
export let variant = "default";
|
|
6
|
+
export { className as class };
|
|
7
|
+
</script>
|
|
8
|
+
|
|
9
|
+
<svelte:element
|
|
10
|
+
this={href ? "a" : "span"}
|
|
11
|
+
{href}
|
|
12
|
+
class={cn(badgeVariants({ variant, className }))}
|
|
13
|
+
{...$$restProps}
|
|
14
|
+
>
|
|
15
|
+
<slot />
|
|
16
|
+
</svelte:element>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import { type Variant } from ".";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: {
|
|
5
|
+
[x: string]: any;
|
|
6
|
+
href?: string | undefined;
|
|
7
|
+
variant?: Variant;
|
|
8
|
+
class?: string | undefined | null;
|
|
9
|
+
};
|
|
10
|
+
events: {
|
|
11
|
+
[evt: string]: CustomEvent<any>;
|
|
12
|
+
};
|
|
13
|
+
slots: {
|
|
14
|
+
default: {};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export type BadgeProps = typeof __propDef.props;
|
|
18
|
+
export type BadgeEvents = typeof __propDef.events;
|
|
19
|
+
export type BadgeSlots = typeof __propDef.slots;
|
|
20
|
+
export default class Badge extends SvelteComponent<BadgeProps, BadgeEvents, BadgeSlots> {
|
|
21
|
+
}
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { type VariantProps } from "tailwind-variants";
|
|
2
|
+
export { default as Badge } from "./badge.svelte";
|
|
3
|
+
export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
variant: {
|
|
5
|
+
default: string;
|
|
6
|
+
secondary: string;
|
|
7
|
+
destructive: string;
|
|
8
|
+
outline: string;
|
|
9
|
+
};
|
|
10
|
+
}, undefined, "inline-flex items-center border rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none select-none focus:ring-2 focus:ring-ring focus:ring-offset-2", import("tailwind-variants/dist/config").TVConfig<{
|
|
11
|
+
variant: {
|
|
12
|
+
default: string;
|
|
13
|
+
secondary: string;
|
|
14
|
+
destructive: string;
|
|
15
|
+
outline: string;
|
|
16
|
+
};
|
|
17
|
+
}, {
|
|
18
|
+
variant: {
|
|
19
|
+
default: string;
|
|
20
|
+
secondary: string;
|
|
21
|
+
destructive: string;
|
|
22
|
+
outline: string;
|
|
23
|
+
};
|
|
24
|
+
}>, {
|
|
25
|
+
variant: {
|
|
26
|
+
default: string;
|
|
27
|
+
secondary: string;
|
|
28
|
+
destructive: string;
|
|
29
|
+
outline: string;
|
|
30
|
+
};
|
|
31
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
32
|
+
variant: {
|
|
33
|
+
default: string;
|
|
34
|
+
secondary: string;
|
|
35
|
+
destructive: string;
|
|
36
|
+
outline: string;
|
|
37
|
+
};
|
|
38
|
+
}, undefined, "inline-flex items-center border rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none select-none focus:ring-2 focus:ring-ring focus:ring-offset-2", import("tailwind-variants/dist/config").TVConfig<{
|
|
39
|
+
variant: {
|
|
40
|
+
default: string;
|
|
41
|
+
secondary: string;
|
|
42
|
+
destructive: string;
|
|
43
|
+
outline: string;
|
|
44
|
+
};
|
|
45
|
+
}, {
|
|
46
|
+
variant: {
|
|
47
|
+
default: string;
|
|
48
|
+
secondary: string;
|
|
49
|
+
destructive: string;
|
|
50
|
+
outline: string;
|
|
51
|
+
};
|
|
52
|
+
}>, unknown, unknown, undefined>>;
|
|
53
|
+
export type Variant = VariantProps<typeof badgeVariants>["variant"];
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { tv } from "tailwind-variants";
|
|
2
|
+
export { default as Badge } from "./badge.svelte";
|
|
3
|
+
export const badgeVariants = tv({
|
|
4
|
+
base: "inline-flex items-center border rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none select-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
|
|
5
|
+
variants: {
|
|
6
|
+
variant: {
|
|
7
|
+
default: "bg-primary hover:bg-primary/80 border-transparent text-primary-foreground",
|
|
8
|
+
secondary: "bg-secondary hover:bg-secondary/80 border-transparent text-secondary-foreground",
|
|
9
|
+
destructive: "bg-destructive hover:bg-destructive/80 border-transparent text-destructive-foreground",
|
|
10
|
+
outline: "text-foreground"
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
defaultVariants: {
|
|
14
|
+
variant: "default"
|
|
15
|
+
}
|
|
16
|
+
});
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<script>import { Button as ButtonPrimitive } from "bits-ui";
|
|
2
|
+
import { cn } from "../../../utils";
|
|
3
|
+
import { buttonVariants } from ".";
|
|
4
|
+
let className = void 0;
|
|
5
|
+
export let variant = "default";
|
|
6
|
+
export let size = "default";
|
|
7
|
+
export let builders = [];
|
|
8
|
+
export { className as class };
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<ButtonPrimitive.Root
|
|
12
|
+
{builders}
|
|
13
|
+
class={cn(buttonVariants({ variant, size, className }))}
|
|
14
|
+
{...$$restProps}
|
|
15
|
+
on:click
|
|
16
|
+
on:keydown
|
|
17
|
+
>
|
|
18
|
+
<slot />
|
|
19
|
+
</ButtonPrimitive.Root>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import { Button as ButtonPrimitive } from "bits-ui";
|
|
3
|
+
import { type Props } from ".";
|
|
4
|
+
declare const __propDef: {
|
|
5
|
+
props: Props;
|
|
6
|
+
slots: {
|
|
7
|
+
default: {};
|
|
8
|
+
};
|
|
9
|
+
events: ButtonPrimitive.Events;
|
|
10
|
+
};
|
|
11
|
+
export type ButtonProps = typeof __propDef.props;
|
|
12
|
+
export type ButtonEvents = typeof __propDef.events;
|
|
13
|
+
export type ButtonSlots = typeof __propDef.slots;
|
|
14
|
+
export default class Button extends SvelteComponent<ButtonProps, ButtonEvents, ButtonSlots> {
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import Root from "./button.svelte";
|
|
2
|
+
import { type VariantProps } from "tailwind-variants";
|
|
3
|
+
import type { Button as ButtonPrimitive } from "bits-ui";
|
|
4
|
+
declare const buttonVariants: import("tailwind-variants").TVReturnType<{
|
|
5
|
+
variant: {
|
|
6
|
+
default: string;
|
|
7
|
+
destructive: string;
|
|
8
|
+
outline: string;
|
|
9
|
+
secondary: string;
|
|
10
|
+
ghost: string;
|
|
11
|
+
link: string;
|
|
12
|
+
};
|
|
13
|
+
size: {
|
|
14
|
+
default: string;
|
|
15
|
+
sm: string;
|
|
16
|
+
lg: string;
|
|
17
|
+
icon: string;
|
|
18
|
+
};
|
|
19
|
+
}, undefined, "inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
|
|
20
|
+
variant: {
|
|
21
|
+
default: string;
|
|
22
|
+
destructive: string;
|
|
23
|
+
outline: string;
|
|
24
|
+
secondary: string;
|
|
25
|
+
ghost: string;
|
|
26
|
+
link: string;
|
|
27
|
+
};
|
|
28
|
+
size: {
|
|
29
|
+
default: string;
|
|
30
|
+
sm: string;
|
|
31
|
+
lg: string;
|
|
32
|
+
icon: string;
|
|
33
|
+
};
|
|
34
|
+
}, {
|
|
35
|
+
variant: {
|
|
36
|
+
default: string;
|
|
37
|
+
destructive: string;
|
|
38
|
+
outline: string;
|
|
39
|
+
secondary: string;
|
|
40
|
+
ghost: string;
|
|
41
|
+
link: string;
|
|
42
|
+
};
|
|
43
|
+
size: {
|
|
44
|
+
default: string;
|
|
45
|
+
sm: string;
|
|
46
|
+
lg: string;
|
|
47
|
+
icon: string;
|
|
48
|
+
};
|
|
49
|
+
}>, {
|
|
50
|
+
variant: {
|
|
51
|
+
default: string;
|
|
52
|
+
destructive: string;
|
|
53
|
+
outline: string;
|
|
54
|
+
secondary: string;
|
|
55
|
+
ghost: string;
|
|
56
|
+
link: string;
|
|
57
|
+
};
|
|
58
|
+
size: {
|
|
59
|
+
default: string;
|
|
60
|
+
sm: string;
|
|
61
|
+
lg: string;
|
|
62
|
+
icon: string;
|
|
63
|
+
};
|
|
64
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
65
|
+
variant: {
|
|
66
|
+
default: string;
|
|
67
|
+
destructive: string;
|
|
68
|
+
outline: string;
|
|
69
|
+
secondary: string;
|
|
70
|
+
ghost: string;
|
|
71
|
+
link: string;
|
|
72
|
+
};
|
|
73
|
+
size: {
|
|
74
|
+
default: string;
|
|
75
|
+
sm: string;
|
|
76
|
+
lg: string;
|
|
77
|
+
icon: string;
|
|
78
|
+
};
|
|
79
|
+
}, undefined, "inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
|
|
80
|
+
variant: {
|
|
81
|
+
default: string;
|
|
82
|
+
destructive: string;
|
|
83
|
+
outline: string;
|
|
84
|
+
secondary: string;
|
|
85
|
+
ghost: string;
|
|
86
|
+
link: string;
|
|
87
|
+
};
|
|
88
|
+
size: {
|
|
89
|
+
default: string;
|
|
90
|
+
sm: string;
|
|
91
|
+
lg: string;
|
|
92
|
+
icon: string;
|
|
93
|
+
};
|
|
94
|
+
}, {
|
|
95
|
+
variant: {
|
|
96
|
+
default: string;
|
|
97
|
+
destructive: string;
|
|
98
|
+
outline: string;
|
|
99
|
+
secondary: string;
|
|
100
|
+
ghost: string;
|
|
101
|
+
link: string;
|
|
102
|
+
};
|
|
103
|
+
size: {
|
|
104
|
+
default: string;
|
|
105
|
+
sm: string;
|
|
106
|
+
lg: string;
|
|
107
|
+
icon: string;
|
|
108
|
+
};
|
|
109
|
+
}>, unknown, unknown, undefined>>;
|
|
110
|
+
type Variant = VariantProps<typeof buttonVariants>["variant"];
|
|
111
|
+
type Size = VariantProps<typeof buttonVariants>["size"];
|
|
112
|
+
type Props = ButtonPrimitive.Props & {
|
|
113
|
+
variant?: Variant;
|
|
114
|
+
size?: Size;
|
|
115
|
+
};
|
|
116
|
+
type Events = ButtonPrimitive.Events;
|
|
117
|
+
export { Root, type Props, type Events, Root as Button, type Props as ButtonProps, type Events as ButtonEvents, buttonVariants };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import Root from "./button.svelte";
|
|
2
|
+
import { tv } from "tailwind-variants";
|
|
3
|
+
const buttonVariants = tv({
|
|
4
|
+
base: "inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
|
5
|
+
variants: {
|
|
6
|
+
variant: {
|
|
7
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
8
|
+
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
|
9
|
+
outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
|
10
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
11
|
+
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
12
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
13
|
+
},
|
|
14
|
+
size: {
|
|
15
|
+
default: "h-10 px-4 py-2",
|
|
16
|
+
sm: "h-9 rounded-md px-3",
|
|
17
|
+
lg: "h-11 rounded-md px-8",
|
|
18
|
+
icon: "h-10 w-10"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
defaultVariants: {
|
|
22
|
+
variant: "default",
|
|
23
|
+
size: "default"
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
export { Root,
|
|
27
|
+
//
|
|
28
|
+
Root as Button, buttonVariants };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: HTMLAttributes<HTMLDivElement>;
|
|
5
|
+
events: {
|
|
6
|
+
[evt: string]: CustomEvent<any>;
|
|
7
|
+
};
|
|
8
|
+
slots: {
|
|
9
|
+
default: {};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export type CardContentProps = typeof __propDef.props;
|
|
13
|
+
export type CardContentEvents = typeof __propDef.events;
|
|
14
|
+
export type CardContentSlots = typeof __propDef.slots;
|
|
15
|
+
export default class CardContent extends SvelteComponent<CardContentProps, CardContentEvents, CardContentSlots> {
|
|
16
|
+
}
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: HTMLAttributes<HTMLParagraphElement>;
|
|
5
|
+
events: {
|
|
6
|
+
[evt: string]: CustomEvent<any>;
|
|
7
|
+
};
|
|
8
|
+
slots: {
|
|
9
|
+
default: {};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export type CardDescriptionProps = typeof __propDef.props;
|
|
13
|
+
export type CardDescriptionEvents = typeof __propDef.events;
|
|
14
|
+
export type CardDescriptionSlots = typeof __propDef.slots;
|
|
15
|
+
export default class CardDescription extends SvelteComponent<CardDescriptionProps, CardDescriptionEvents, CardDescriptionSlots> {
|
|
16
|
+
}
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: HTMLAttributes<HTMLDivElement>;
|
|
5
|
+
events: {
|
|
6
|
+
[evt: string]: CustomEvent<any>;
|
|
7
|
+
};
|
|
8
|
+
slots: {
|
|
9
|
+
default: {};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export type CardFooterProps = typeof __propDef.props;
|
|
13
|
+
export type CardFooterEvents = typeof __propDef.events;
|
|
14
|
+
export type CardFooterSlots = typeof __propDef.slots;
|
|
15
|
+
export default class CardFooter extends SvelteComponent<CardFooterProps, CardFooterEvents, CardFooterSlots> {
|
|
16
|
+
}
|
|
17
|
+
export {};
|