svelte-firekit 0.0.14 → 0.0.16
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 +34 -87
- package/dist/{firebase/auth → auth}/auth.js +1 -2
- package/dist/auth/user.svelte.d.ts +94 -0
- package/dist/auth/user.svelte.js +134 -0
- package/dist/config.d.ts +2 -2
- package/dist/config.js +44 -28
- package/dist/{firebase/firebase.d.ts → firebase.d.ts} +1 -2
- package/dist/{firebase/firebase.js → firebase.js} +1 -4
- package/dist/{firebase/firestore → firestore}/awaitable-doc.svelte.js +1 -1
- package/dist/{firebase/firestore → firestore}/collection.svelte.js +1 -1
- package/dist/{firebase/firestore → firestore}/doc.svelte.js +1 -1
- package/dist/{firebase/firestore → firestore}/document-mutations.svelte.js +11 -11
- package/dist/index.d.ts +10 -23
- package/dist/index.js +10 -28
- package/package.json +10 -26
- package/dist/auth/auth.svelte +0 -65
- package/dist/auth/auth.svelte.d.ts +0 -2
- package/dist/auth/require-auth.svelte +0 -52
- package/dist/auth/require-auth.svelte.d.ts +0 -11
- package/dist/auth/require-no-auth.svelte +0 -42
- package/dist/auth/require-no-auth.svelte.d.ts +0 -6
- package/dist/auth/reset-password.svelte +0 -32
- package/dist/auth/reset-password.svelte.d.ts +0 -8
- package/dist/auth/sign-in.svelte +0 -58
- package/dist/auth/sign-in.svelte.d.ts +0 -14
- package/dist/auth/sign-up.svelte +0 -69
- package/dist/auth/sign-up.svelte.d.ts +0 -17
- package/dist/components/app/nav/app-sidebar.svelte +0 -35
- package/dist/components/app/nav/app-sidebar.svelte.d.ts +0 -8
- package/dist/components/app/nav/breadcrumb.svelte +0 -42
- package/dist/components/app/nav/breadcrumb.svelte.d.ts +0 -19
- package/dist/components/auth/google-sign-in.svelte +0 -62
- package/dist/components/auth/google-sign-in.svelte.d.ts +0 -4
- package/dist/components/auth/reset-password-form.svelte +0 -59
- package/dist/components/auth/reset-password-form.svelte.d.ts +0 -4
- package/dist/components/auth/sign-in-form.svelte +0 -94
- package/dist/components/auth/sign-in-form.svelte.d.ts +0 -8
- package/dist/components/auth/sign-up-form.svelte +0 -136
- package/dist/components/auth/sign-up-form.svelte.d.ts +0 -11
- package/dist/components/auth/user-button/profile-section/avatar-user.svelte +0 -107
- package/dist/components/auth/user-button/profile-section/avatar-user.svelte.d.ts +0 -2
- package/dist/components/auth/user-button/profile-section/connect-user.svelte +0 -45
- package/dist/components/auth/user-button/profile-section/connect-user.svelte.d.ts +0 -18
- package/dist/components/auth/user-button/profile-section/email-user.svelte +0 -81
- package/dist/components/auth/user-button/profile-section/email-user.svelte.d.ts +0 -2
- package/dist/components/auth/user-button/profile-section/phone-user.svelte +0 -122
- package/dist/components/auth/user-button/profile-section/phone-user.svelte.d.ts +0 -2
- package/dist/components/auth/user-button/profile-section/profile-section.svelte +0 -17
- package/dist/components/auth/user-button/profile-section/profile-section.svelte.d.ts +0 -18
- package/dist/components/auth/user-button/settings-dialog.svelte +0 -88
- package/dist/components/auth/user-button/settings-dialog.svelte.d.ts +0 -2
- package/dist/components/auth/user-button/type-account.svelte +0 -35
- package/dist/components/auth/user-button/type-account.svelte.d.ts +0 -4
- package/dist/components/auth/user-button/user-button.svelte +0 -131
- package/dist/components/auth/user-button/user-button.svelte.d.ts +0 -5
- package/dist/components/firestore/collection.svelte +0 -45
- package/dist/components/firestore/collection.svelte.d.ts +0 -25
- package/dist/components/firestore/doc.svelte +0 -39
- package/dist/components/firestore/doc.svelte.d.ts +0 -25
- package/dist/components/nav/app-sidebar.svelte +0 -46
- package/dist/components/nav/app-sidebar.svelte.d.ts +0 -8
- package/dist/components/nav/breadcrumb.svelte +0 -42
- package/dist/components/nav/breadcrumb.svelte.d.ts +0 -19
- package/dist/components/nav/dark-mode-toggle.svelte +0 -16
- package/dist/components/nav/dark-mode-toggle.svelte.d.ts +0 -18
- package/dist/components/nav/nav-main.svelte +0 -70
- package/dist/components/nav/nav-main.svelte.d.ts +0 -18
- package/dist/components/nav/nav.d.ts +0 -11
- package/dist/components/nav/nav.js +0 -157
- package/dist/components/nav/search-form.svelte +0 -21
- package/dist/components/nav/search-form.svelte.d.ts +0 -4
- package/dist/components/nav/version-switcher.svelte +0 -48
- package/dist/components/nav/version-switcher.svelte.d.ts +0 -5
- package/dist/components/public/footer-main.svelte +0 -0
- package/dist/components/public/footer-main.svelte.d.ts +0 -26
- package/dist/components/public/nav-main.svelte +0 -136
- package/dist/components/public/nav-main.svelte.d.ts +0 -18
- package/dist/components/storage/upload.svelte +0 -134
- package/dist/components/storage/upload.svelte.d.ts +0 -11
- package/dist/components/ui/alert-dialog/alert-dialog-action.svelte +0 -13
- package/dist/components/ui/alert-dialog/alert-dialog-action.svelte.d.ts +0 -3
- package/dist/components/ui/alert-dialog/alert-dialog-cancel.svelte +0 -17
- package/dist/components/ui/alert-dialog/alert-dialog-cancel.svelte.d.ts +0 -3
- package/dist/components/ui/alert-dialog/alert-dialog-content.svelte +0 -23
- package/dist/components/ui/alert-dialog/alert-dialog-content.svelte.d.ts +0 -2
- package/dist/components/ui/alert-dialog/alert-dialog-description.svelte +0 -16
- package/dist/components/ui/alert-dialog/alert-dialog-description.svelte.d.ts +0 -3
- package/dist/components/ui/alert-dialog/alert-dialog-footer.svelte +0 -20
- package/dist/components/ui/alert-dialog/alert-dialog-footer.svelte.d.ts +0 -4
- package/dist/components/ui/alert-dialog/alert-dialog-header.svelte +0 -20
- package/dist/components/ui/alert-dialog/alert-dialog-header.svelte.d.ts +0 -4
- package/dist/components/ui/alert-dialog/alert-dialog-overlay.svelte +0 -19
- package/dist/components/ui/alert-dialog/alert-dialog-overlay.svelte.d.ts +0 -3
- package/dist/components/ui/alert-dialog/alert-dialog-title.svelte +0 -18
- package/dist/components/ui/alert-dialog/alert-dialog-title.svelte.d.ts +0 -3
- package/dist/components/ui/alert-dialog/index.js +0 -15
- package/dist/components/ui/avatar/avatar-fallback.svelte +0 -16
- package/dist/components/ui/avatar/avatar-fallback.svelte.d.ts +0 -3
- package/dist/components/ui/avatar/avatar-image.svelte +0 -20
- package/dist/components/ui/avatar/avatar-image.svelte.d.ts +0 -3
- package/dist/components/ui/avatar/avatar.svelte +0 -18
- package/dist/components/ui/avatar/avatar.svelte.d.ts +0 -3
- package/dist/components/ui/avatar/index.d.ts +0 -4
- package/dist/components/ui/avatar/index.js +0 -6
- package/dist/components/ui/badge/badge.svelte +0 -49
- package/dist/components/ui/badge/badge.svelte.d.ts +0 -59
- package/dist/components/ui/badge/index.d.ts +0 -2
- package/dist/components/ui/badge/index.js +0 -2
- package/dist/components/ui/breadcrumb/breadcrumb-ellipsis.svelte +0 -23
- package/dist/components/ui/breadcrumb/breadcrumb-ellipsis.svelte.d.ts +0 -4
- package/dist/components/ui/breadcrumb/breadcrumb-item.svelte +0 -16
- package/dist/components/ui/breadcrumb/breadcrumb-item.svelte.d.ts +0 -4
- package/dist/components/ui/breadcrumb/breadcrumb-link.svelte +0 -31
- package/dist/components/ui/breadcrumb/breadcrumb-link.svelte.d.ts +0 -10
- package/dist/components/ui/breadcrumb/breadcrumb-list.svelte +0 -23
- package/dist/components/ui/breadcrumb/breadcrumb-list.svelte.d.ts +0 -4
- package/dist/components/ui/breadcrumb/breadcrumb-page.svelte +0 -23
- package/dist/components/ui/breadcrumb/breadcrumb-page.svelte.d.ts +0 -4
- package/dist/components/ui/breadcrumb/breadcrumb-separator.svelte +0 -27
- package/dist/components/ui/breadcrumb/breadcrumb-separator.svelte.d.ts +0 -4
- package/dist/components/ui/breadcrumb/breadcrumb.svelte +0 -15
- package/dist/components/ui/breadcrumb/breadcrumb.svelte.d.ts +0 -4
- package/dist/components/ui/breadcrumb/index.d.ts +0 -8
- package/dist/components/ui/breadcrumb/index.js +0 -10
- package/dist/components/ui/button/button.svelte +0 -75
- package/dist/components/ui/button/button.svelte.d.ts +0 -117
- package/dist/components/ui/button/index.d.ts +0 -2
- package/dist/components/ui/button/index.js +0 -4
- package/dist/components/ui/card/card-content.svelte +0 -16
- package/dist/components/ui/card/card-content.svelte.d.ts +0 -4
- package/dist/components/ui/card/card-description.svelte +0 -16
- package/dist/components/ui/card/card-description.svelte.d.ts +0 -4
- package/dist/components/ui/card/card-footer.svelte +0 -16
- package/dist/components/ui/card/card-footer.svelte.d.ts +0 -4
- package/dist/components/ui/card/card-header.svelte +0 -16
- package/dist/components/ui/card/card-header.svelte.d.ts +0 -4
- package/dist/components/ui/card/card-title.svelte +0 -25
- package/dist/components/ui/card/card-title.svelte.d.ts +0 -7
- package/dist/components/ui/card/card.svelte +0 -20
- package/dist/components/ui/card/card.svelte.d.ts +0 -4
- package/dist/components/ui/card/index.d.ts +0 -7
- package/dist/components/ui/card/index.js +0 -9
- package/dist/components/ui/checkbox/checkbox.svelte +0 -33
- package/dist/components/ui/checkbox/checkbox.svelte.d.ts +0 -3
- package/dist/components/ui/checkbox/index.d.ts +0 -2
- package/dist/components/ui/checkbox/index.js +0 -4
- package/dist/components/ui/collapsible/index.d.ts +0 -5
- package/dist/components/ui/collapsible/index.js +0 -7
- package/dist/components/ui/dialog/dialog-content.svelte +0 -36
- package/dist/components/ui/dialog/dialog-content.svelte.d.ts +0 -6
- package/dist/components/ui/dialog/dialog-description.svelte +0 -16
- package/dist/components/ui/dialog/dialog-description.svelte.d.ts +0 -3
- package/dist/components/ui/dialog/dialog-footer.svelte +0 -20
- package/dist/components/ui/dialog/dialog-footer.svelte.d.ts +0 -4
- package/dist/components/ui/dialog/dialog-header.svelte +0 -20
- package/dist/components/ui/dialog/dialog-header.svelte.d.ts +0 -4
- package/dist/components/ui/dialog/dialog-overlay.svelte +0 -19
- package/dist/components/ui/dialog/dialog-overlay.svelte.d.ts +0 -3
- package/dist/components/ui/dialog/dialog-title.svelte +0 -16
- package/dist/components/ui/dialog/dialog-title.svelte.d.ts +0 -3
- package/dist/components/ui/dialog/index.d.ts +0 -12
- package/dist/components/ui/dialog/index.js +0 -14
- package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte +0 -40
- package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte.d.ts +0 -6
- package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte +0 -22
- package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte.d.ts +0 -3
- package/dist/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte +0 -19
- package/dist/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte.d.ts +0 -11
- package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte +0 -23
- package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte.d.ts +0 -18
- package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte +0 -23
- package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte.d.ts +0 -7
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte +0 -30
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte.d.ts +0 -3
- package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte +0 -16
- package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte.d.ts +0 -3
- package/dist/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte +0 -20
- package/dist/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte.d.ts +0 -4
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte +0 -19
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte.d.ts +0 -3
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte +0 -28
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte.d.ts +0 -5
- package/dist/components/ui/dropdown-menu/index.js +0 -17
- package/dist/components/ui/form/form-button.svelte +0 -7
- package/dist/components/ui/form/form-button.svelte.d.ts +0 -3
- package/dist/components/ui/form/form-description.svelte +0 -17
- package/dist/components/ui/form/form-description.svelte.d.ts +0 -3
- package/dist/components/ui/form/form-element-field.svelte +0 -30
- package/dist/components/ui/form/form-element-field.svelte.d.ts +0 -22
- package/dist/components/ui/form/form-field-errors.svelte +0 -30
- package/dist/components/ui/form/form-field-errors.svelte.d.ts +0 -5
- package/dist/components/ui/form/form-field.svelte +0 -30
- package/dist/components/ui/form/form-field.svelte.d.ts +0 -21
- package/dist/components/ui/form/form-fieldset.svelte +0 -21
- package/dist/components/ui/form/form-fieldset.svelte.d.ts +0 -19
- package/dist/components/ui/form/form-label.svelte +0 -21
- package/dist/components/ui/form/form-label.svelte.d.ts +0 -3
- package/dist/components/ui/form/form-legend.svelte +0 -17
- package/dist/components/ui/form/form-legend.svelte.d.ts +0 -3
- package/dist/components/ui/form/index.d.ts +0 -11
- package/dist/components/ui/form/index.js +0 -13
- package/dist/components/ui/input/index.d.ts +0 -2
- package/dist/components/ui/input/index.js +0 -4
- package/dist/components/ui/input/input.svelte +0 -22
- package/dist/components/ui/input/input.svelte.d.ts +0 -4
- package/dist/components/ui/label/index.d.ts +0 -2
- package/dist/components/ui/label/index.js +0 -4
- package/dist/components/ui/label/label.svelte +0 -19
- package/dist/components/ui/label/label.svelte.d.ts +0 -3
- package/dist/components/ui/separator/index.d.ts +0 -2
- package/dist/components/ui/separator/index.js +0 -4
- package/dist/components/ui/separator/separator.svelte +0 -22
- package/dist/components/ui/separator/separator.svelte.d.ts +0 -3
- package/dist/components/ui/sheet/index.js +0 -14
- package/dist/components/ui/sheet/sheet-content.svelte +0 -52
- package/dist/components/ui/sheet/sheet-content.svelte.d.ts +0 -59
- package/dist/components/ui/sheet/sheet-description.svelte +0 -16
- package/dist/components/ui/sheet/sheet-description.svelte.d.ts +0 -3
- package/dist/components/ui/sheet/sheet-footer.svelte +0 -20
- package/dist/components/ui/sheet/sheet-footer.svelte.d.ts +0 -4
- package/dist/components/ui/sheet/sheet-header.svelte +0 -20
- package/dist/components/ui/sheet/sheet-header.svelte.d.ts +0 -4
- package/dist/components/ui/sheet/sheet-overlay.svelte +0 -19
- package/dist/components/ui/sheet/sheet-overlay.svelte.d.ts +0 -3
- package/dist/components/ui/sheet/sheet-title.svelte +0 -16
- package/dist/components/ui/sheet/sheet-title.svelte.d.ts +0 -3
- package/dist/components/ui/sidebar/constants.d.ts +0 -6
- package/dist/components/ui/sidebar/constants.js +0 -6
- package/dist/components/ui/sidebar/context.svelte.d.ts +0 -42
- package/dist/components/ui/sidebar/context.svelte.js +0 -54
- package/dist/components/ui/sidebar/index.d.ts +0 -25
- package/dist/components/ui/sidebar/index.js +0 -27
- package/dist/components/ui/sidebar/sidebar-content.svelte +0 -24
- package/dist/components/ui/sidebar/sidebar-content.svelte.d.ts +0 -4
- package/dist/components/ui/sidebar/sidebar-footer.svelte +0 -21
- package/dist/components/ui/sidebar/sidebar-footer.svelte.d.ts +0 -4
- package/dist/components/ui/sidebar/sidebar-group-action.svelte +0 -36
- package/dist/components/ui/sidebar/sidebar-group-action.svelte.d.ts +0 -10
- package/dist/components/ui/sidebar/sidebar-group-content.svelte +0 -21
- package/dist/components/ui/sidebar/sidebar-group-content.svelte.d.ts +0 -4
- package/dist/components/ui/sidebar/sidebar-group-label.svelte +0 -34
- package/dist/components/ui/sidebar/sidebar-group-label.svelte.d.ts +0 -10
- package/dist/components/ui/sidebar/sidebar-group.svelte +0 -21
- package/dist/components/ui/sidebar/sidebar-group.svelte.d.ts +0 -4
- package/dist/components/ui/sidebar/sidebar-header.svelte +0 -21
- package/dist/components/ui/sidebar/sidebar-header.svelte.d.ts +0 -4
- package/dist/components/ui/sidebar/sidebar-input.svelte +0 -23
- package/dist/components/ui/sidebar/sidebar-input.svelte.d.ts +0 -4
- package/dist/components/ui/sidebar/sidebar-inset.svelte +0 -24
- package/dist/components/ui/sidebar/sidebar-inset.svelte.d.ts +0 -4
- package/dist/components/ui/sidebar/sidebar-menu-action.svelte +0 -43
- package/dist/components/ui/sidebar/sidebar-menu-action.svelte.d.ts +0 -11
- package/dist/components/ui/sidebar/sidebar-menu-badge.svelte +0 -29
- package/dist/components/ui/sidebar/sidebar-menu-badge.svelte.d.ts +0 -4
- package/dist/components/ui/sidebar/sidebar-menu-button.svelte +0 -97
- package/dist/components/ui/sidebar/sidebar-menu-button.svelte.d.ts +0 -91
- package/dist/components/ui/sidebar/sidebar-menu-item.svelte +0 -21
- package/dist/components/ui/sidebar/sidebar-menu-item.svelte.d.ts +0 -4
- package/dist/components/ui/sidebar/sidebar-menu-skeleton.svelte +0 -36
- package/dist/components/ui/sidebar/sidebar-menu-skeleton.svelte.d.ts +0 -7
- package/dist/components/ui/sidebar/sidebar-menu-sub-button.svelte +0 -43
- package/dist/components/ui/sidebar/sidebar-menu-sub-button.svelte.d.ts +0 -12
- package/dist/components/ui/sidebar/sidebar-menu-sub-item.svelte +0 -14
- package/dist/components/ui/sidebar/sidebar-menu-sub-item.svelte.d.ts +0 -4
- package/dist/components/ui/sidebar/sidebar-menu-sub.svelte +0 -25
- package/dist/components/ui/sidebar/sidebar-menu-sub.svelte.d.ts +0 -4
- package/dist/components/ui/sidebar/sidebar-menu.svelte +0 -21
- package/dist/components/ui/sidebar/sidebar-menu.svelte.d.ts +0 -4
- package/dist/components/ui/sidebar/sidebar-provider.svelte +0 -59
- package/dist/components/ui/sidebar/sidebar-provider.svelte.d.ts +0 -9
- package/dist/components/ui/sidebar/sidebar-rail.svelte +0 -36
- package/dist/components/ui/sidebar/sidebar-rail.svelte.d.ts +0 -4
- package/dist/components/ui/sidebar/sidebar-separator.svelte +0 -18
- package/dist/components/ui/sidebar/sidebar-separator.svelte.d.ts +0 -12
- package/dist/components/ui/sidebar/sidebar-trigger.svelte +0 -34
- package/dist/components/ui/sidebar/sidebar-trigger.svelte.d.ts +0 -9
- package/dist/components/ui/sidebar/sidebar.svelte +0 -98
- package/dist/components/ui/sidebar/sidebar.svelte.d.ts +0 -9
- package/dist/components/ui/skeleton/index.d.ts +0 -2
- package/dist/components/ui/skeleton/index.js +0 -4
- package/dist/components/ui/skeleton/skeleton.svelte +0 -17
- package/dist/components/ui/skeleton/skeleton.svelte.d.ts +0 -4
- package/dist/components/ui/sonner/index.d.ts +0 -1
- package/dist/components/ui/sonner/index.js +0 -1
- package/dist/components/ui/sonner/sonner.svelte +0 -20
- package/dist/components/ui/sonner/sonner.svelte.d.ts +0 -3
- package/dist/components/ui/tooltip/index.js +0 -8
- package/dist/components/ui/tooltip/tooltip-content.svelte +0 -21
- package/dist/components/ui/tooltip/tooltip-content.svelte.d.ts +0 -3
- package/dist/firebase/auth/auth-manager.svelte.d.ts +0 -85
- package/dist/firebase/auth/auth-manager.svelte.js +0 -386
- package/dist/firebase/config.d.ts +0 -2
- package/dist/firebase/config.js +0 -44
- package/dist/hooks/is-mobile.svelte.d.ts +0 -5
- package/dist/hooks/is-mobile.svelte.js +0 -23
- package/dist/schemas/reset-password.d.ts +0 -4
- package/dist/schemas/reset-password.js +0 -4
- package/dist/schemas/sign-in.d.ts +0 -5
- package/dist/schemas/sign-in.js +0 -5
- package/dist/schemas/sign-up.d.ts +0 -8
- package/dist/schemas/sign-up.js +0 -8
- package/dist/types/docs.d.ts +0 -50
- package/dist/types/docs.js +0 -1
- package/dist/types/nav.d.ts +0 -13
- package/dist/types/nav.js +0 -1
- package/dist/utils.d.ts +0 -29
- package/dist/utils.js +0 -92
- /package/dist/{firebase/auth → auth}/auth.d.ts +0 -0
- /package/dist/{firebase/firestore → firestore}/awaitable-doc.svelte.d.ts +0 -0
- /package/dist/{firebase/firestore → firestore}/collection.svelte.d.ts +0 -0
- /package/dist/{firebase/firestore → firestore}/doc.svelte.d.ts +0 -0
- /package/dist/{firebase/firestore → firestore}/document-mutations.svelte.d.ts +0 -0
- /package/dist/{firebase/storage → storage}/download-url.svelte.d.ts +0 -0
- /package/dist/{firebase/storage → storage}/download-url.svelte.js +0 -0
- /package/dist/{firebase/storage → storage}/storage-list.svelte.d.ts +0 -0
- /package/dist/{firebase/storage → storage}/storage-list.svelte.js +0 -0
- /package/dist/{firebase/storage → storage}/upload-task.svelte.d.ts +0 -0
- /package/dist/{firebase/storage → storage}/upload-task.svelte.js +0 -0
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { type VariantProps } from "tailwind-variants";
|
|
2
|
-
export declare const sidebarMenuButtonVariants: import("tailwind-variants").TVReturnType<{
|
|
3
|
-
variant: {
|
|
4
|
-
default: string;
|
|
5
|
-
outline: string;
|
|
6
|
-
};
|
|
7
|
-
size: {
|
|
8
|
-
default: string;
|
|
9
|
-
sm: string;
|
|
10
|
-
lg: string;
|
|
11
|
-
};
|
|
12
|
-
}, undefined, "peer/menu-button ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
13
|
-
variant: {
|
|
14
|
-
default: string;
|
|
15
|
-
outline: string;
|
|
16
|
-
};
|
|
17
|
-
size: {
|
|
18
|
-
default: string;
|
|
19
|
-
sm: string;
|
|
20
|
-
lg: string;
|
|
21
|
-
};
|
|
22
|
-
}, {
|
|
23
|
-
variant: {
|
|
24
|
-
default: string;
|
|
25
|
-
outline: string;
|
|
26
|
-
};
|
|
27
|
-
size: {
|
|
28
|
-
default: string;
|
|
29
|
-
sm: string;
|
|
30
|
-
lg: string;
|
|
31
|
-
};
|
|
32
|
-
}>, {
|
|
33
|
-
variant: {
|
|
34
|
-
default: string;
|
|
35
|
-
outline: string;
|
|
36
|
-
};
|
|
37
|
-
size: {
|
|
38
|
-
default: string;
|
|
39
|
-
sm: string;
|
|
40
|
-
lg: string;
|
|
41
|
-
};
|
|
42
|
-
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
43
|
-
variant: {
|
|
44
|
-
default: string;
|
|
45
|
-
outline: string;
|
|
46
|
-
};
|
|
47
|
-
size: {
|
|
48
|
-
default: string;
|
|
49
|
-
sm: string;
|
|
50
|
-
lg: string;
|
|
51
|
-
};
|
|
52
|
-
}, undefined, "peer/menu-button ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
53
|
-
variant: {
|
|
54
|
-
default: string;
|
|
55
|
-
outline: string;
|
|
56
|
-
};
|
|
57
|
-
size: {
|
|
58
|
-
default: string;
|
|
59
|
-
sm: string;
|
|
60
|
-
lg: string;
|
|
61
|
-
};
|
|
62
|
-
}, {
|
|
63
|
-
variant: {
|
|
64
|
-
default: string;
|
|
65
|
-
outline: string;
|
|
66
|
-
};
|
|
67
|
-
size: {
|
|
68
|
-
default: string;
|
|
69
|
-
sm: string;
|
|
70
|
-
lg: string;
|
|
71
|
-
};
|
|
72
|
-
}>, unknown, unknown, undefined>>;
|
|
73
|
-
export type SidebarMenuButtonVariant = VariantProps<typeof sidebarMenuButtonVariants>["variant"];
|
|
74
|
-
export type SidebarMenuButtonSize = VariantProps<typeof sidebarMenuButtonVariants>["size"];
|
|
75
|
-
import * as Tooltip from "../tooltip/index.js";
|
|
76
|
-
import { type WithoutChildrenOrChild } from "bits-ui";
|
|
77
|
-
import type { ComponentProps, Snippet } from "svelte";
|
|
78
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
79
|
-
declare const SidebarMenuButton: import("svelte").Component<HTMLAttributes<HTMLButtonElement> & {
|
|
80
|
-
ref?: HTMLButtonElement | null | undefined;
|
|
81
|
-
} & {
|
|
82
|
-
isActive?: boolean;
|
|
83
|
-
variant?: SidebarMenuButtonVariant;
|
|
84
|
-
size?: SidebarMenuButtonSize;
|
|
85
|
-
tooltipContent?: Snippet;
|
|
86
|
-
tooltipContentProps?: WithoutChildrenOrChild<ComponentProps<typeof Tooltip.Content>>;
|
|
87
|
-
child?: Snippet<[{
|
|
88
|
-
props: Record<string, unknown>;
|
|
89
|
-
}]>;
|
|
90
|
-
}, {}, "ref">;
|
|
91
|
-
export default SidebarMenuButton;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { cn } from "../../../utils.js";
|
|
3
|
-
import type { WithElementRef } from "bits-ui";
|
|
4
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
5
|
-
|
|
6
|
-
let {
|
|
7
|
-
ref = $bindable(null),
|
|
8
|
-
class: className,
|
|
9
|
-
children,
|
|
10
|
-
...restProps
|
|
11
|
-
}: WithElementRef<HTMLAttributes<HTMLLIElement>, HTMLLIElement> = $props();
|
|
12
|
-
</script>
|
|
13
|
-
|
|
14
|
-
<li
|
|
15
|
-
bind:this={ref}
|
|
16
|
-
data-sidebar="menu-item"
|
|
17
|
-
class={cn("group/menu-item relative", className)}
|
|
18
|
-
{...restProps}
|
|
19
|
-
>
|
|
20
|
-
{@render children?.()}
|
|
21
|
-
</li>
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { Skeleton } from "../skeleton/index.js";
|
|
3
|
-
import { cn } from "../../../utils.js";
|
|
4
|
-
import type { WithElementRef } from "bits-ui";
|
|
5
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
6
|
-
|
|
7
|
-
let {
|
|
8
|
-
ref = $bindable(null),
|
|
9
|
-
class: className,
|
|
10
|
-
showIcon = false,
|
|
11
|
-
children,
|
|
12
|
-
...restProps
|
|
13
|
-
}: WithElementRef<HTMLAttributes<HTMLElement>> & {
|
|
14
|
-
showIcon?: boolean;
|
|
15
|
-
} = $props();
|
|
16
|
-
|
|
17
|
-
// Random width between 50% and 90%
|
|
18
|
-
const width = `${Math.floor(Math.random() * 40) + 50}%`;
|
|
19
|
-
</script>
|
|
20
|
-
|
|
21
|
-
<div
|
|
22
|
-
bind:this={ref}
|
|
23
|
-
data-sidebar="menu-skeleton"
|
|
24
|
-
class={cn("flex h-8 items-center gap-2 rounded-md px-2", className)}
|
|
25
|
-
{...restProps}
|
|
26
|
-
>
|
|
27
|
-
{#if showIcon}
|
|
28
|
-
<Skeleton class="size-4 rounded-md" data-sidebar="menu-skeleton-icon" />
|
|
29
|
-
{/if}
|
|
30
|
-
<Skeleton
|
|
31
|
-
class="h-4 max-w-[--skeleton-width] flex-1"
|
|
32
|
-
data-sidebar="menu-skeleton-text"
|
|
33
|
-
style="--skeleton-width: {width};"
|
|
34
|
-
/>
|
|
35
|
-
{@render children?.()}
|
|
36
|
-
</div>
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
2
|
-
declare const SidebarMenuSkeleton: import("svelte").Component<HTMLAttributes<HTMLElement> & {
|
|
3
|
-
ref?: HTMLElement | null | undefined;
|
|
4
|
-
} & {
|
|
5
|
-
showIcon?: boolean;
|
|
6
|
-
}, {}, "ref">;
|
|
7
|
-
export default SidebarMenuSkeleton;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { cn } from "../../../utils.js";
|
|
3
|
-
import type { WithElementRef } from "bits-ui";
|
|
4
|
-
import type { Snippet } from "svelte";
|
|
5
|
-
import type { HTMLAnchorAttributes } from "svelte/elements";
|
|
6
|
-
|
|
7
|
-
let {
|
|
8
|
-
ref = $bindable(null),
|
|
9
|
-
children,
|
|
10
|
-
child,
|
|
11
|
-
class: className,
|
|
12
|
-
size = "md",
|
|
13
|
-
isActive,
|
|
14
|
-
...restProps
|
|
15
|
-
}: WithElementRef<HTMLAnchorAttributes> & {
|
|
16
|
-
child?: Snippet<[{ props: Record<string, unknown> }]>;
|
|
17
|
-
size?: "sm" | "md";
|
|
18
|
-
isActive?: boolean;
|
|
19
|
-
} = $props();
|
|
20
|
-
|
|
21
|
-
const mergedProps = $derived({
|
|
22
|
-
class: cn(
|
|
23
|
-
"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
|
|
24
|
-
"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
|
|
25
|
-
size === "sm" && "text-xs",
|
|
26
|
-
size === "md" && "text-sm",
|
|
27
|
-
"group-data-[collapsible=icon]:hidden",
|
|
28
|
-
className
|
|
29
|
-
),
|
|
30
|
-
"data-sidebar": "menu-sub-button",
|
|
31
|
-
"data-size": size,
|
|
32
|
-
"data-active": isActive,
|
|
33
|
-
...restProps,
|
|
34
|
-
});
|
|
35
|
-
</script>
|
|
36
|
-
|
|
37
|
-
{#if child}
|
|
38
|
-
{@render child({ props: mergedProps })}
|
|
39
|
-
{:else}
|
|
40
|
-
<a bind:this={ref} {...mergedProps}>
|
|
41
|
-
{@render children?.()}
|
|
42
|
-
</a>
|
|
43
|
-
{/if}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { Snippet } from "svelte";
|
|
2
|
-
import type { HTMLAnchorAttributes } from "svelte/elements";
|
|
3
|
-
declare const SidebarMenuSubButton: import("svelte").Component<HTMLAnchorAttributes & {
|
|
4
|
-
ref?: HTMLElement | null | undefined;
|
|
5
|
-
} & {
|
|
6
|
-
child?: Snippet<[{
|
|
7
|
-
props: Record<string, unknown>;
|
|
8
|
-
}]>;
|
|
9
|
-
size?: "sm" | "md";
|
|
10
|
-
isActive?: boolean;
|
|
11
|
-
}, {}, "ref">;
|
|
12
|
-
export default SidebarMenuSubButton;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import type { WithElementRef } from "bits-ui";
|
|
3
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
ref = $bindable(null),
|
|
7
|
-
children,
|
|
8
|
-
...restProps
|
|
9
|
-
}: WithElementRef<HTMLAttributes<HTMLLIElement>> = $props();
|
|
10
|
-
</script>
|
|
11
|
-
|
|
12
|
-
<li bind:this={ref} data-sidebar="menu-sub-item" {...restProps}>
|
|
13
|
-
{@render children?.()}
|
|
14
|
-
</li>
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { cn } from "../../../utils.js";
|
|
3
|
-
import type { WithElementRef } from "bits-ui";
|
|
4
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
5
|
-
|
|
6
|
-
let {
|
|
7
|
-
ref = $bindable(null),
|
|
8
|
-
class: className,
|
|
9
|
-
children,
|
|
10
|
-
...restProps
|
|
11
|
-
}: WithElementRef<HTMLAttributes<HTMLUListElement>> = $props();
|
|
12
|
-
</script>
|
|
13
|
-
|
|
14
|
-
<ul
|
|
15
|
-
bind:this={ref}
|
|
16
|
-
data-sidebar="menu-sub"
|
|
17
|
-
class={cn(
|
|
18
|
-
"border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
|
|
19
|
-
"group-data-[collapsible=icon]:hidden",
|
|
20
|
-
className
|
|
21
|
-
)}
|
|
22
|
-
{...restProps}
|
|
23
|
-
>
|
|
24
|
-
{@render children?.()}
|
|
25
|
-
</ul>
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { cn } from "../../../utils.js";
|
|
3
|
-
import type { WithElementRef } from "bits-ui";
|
|
4
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
5
|
-
|
|
6
|
-
let {
|
|
7
|
-
ref = $bindable(null),
|
|
8
|
-
class: className,
|
|
9
|
-
children,
|
|
10
|
-
...restProps
|
|
11
|
-
}: WithElementRef<HTMLAttributes<HTMLUListElement>, HTMLUListElement> = $props();
|
|
12
|
-
</script>
|
|
13
|
-
|
|
14
|
-
<ul
|
|
15
|
-
bind:this={ref}
|
|
16
|
-
data-sidebar="menu"
|
|
17
|
-
class={cn("flex w-full min-w-0 flex-col gap-1", className)}
|
|
18
|
-
{...restProps}
|
|
19
|
-
>
|
|
20
|
-
{@render children?.()}
|
|
21
|
-
</ul>
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import * as Tooltip from "../tooltip/index.js";
|
|
3
|
-
import { cn } from "../../../utils.js";
|
|
4
|
-
import type { WithElementRef } from "bits-ui";
|
|
5
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
6
|
-
import {
|
|
7
|
-
SIDEBAR_COOKIE_MAX_AGE,
|
|
8
|
-
SIDEBAR_COOKIE_NAME,
|
|
9
|
-
SIDEBAR_WIDTH,
|
|
10
|
-
SIDEBAR_WIDTH_ICON,
|
|
11
|
-
} from "./constants.js";
|
|
12
|
-
import { setSidebar } from "./context.svelte.js";
|
|
13
|
-
|
|
14
|
-
let {
|
|
15
|
-
ref = $bindable(null),
|
|
16
|
-
open = $bindable(true),
|
|
17
|
-
onOpenChange = () => {},
|
|
18
|
-
controlledOpen = false,
|
|
19
|
-
class: className,
|
|
20
|
-
style,
|
|
21
|
-
children,
|
|
22
|
-
...restProps
|
|
23
|
-
}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
|
|
24
|
-
open?: boolean;
|
|
25
|
-
onOpenChange?: (open: boolean) => void;
|
|
26
|
-
controlledOpen?: boolean;
|
|
27
|
-
} = $props();
|
|
28
|
-
|
|
29
|
-
const sidebar = setSidebar({
|
|
30
|
-
open: () => open,
|
|
31
|
-
setOpen: (value: boolean) => {
|
|
32
|
-
if (controlledOpen) {
|
|
33
|
-
onOpenChange(value);
|
|
34
|
-
} else {
|
|
35
|
-
open = value;
|
|
36
|
-
onOpenChange(value);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
// This sets the cookie to keep the sidebar state.
|
|
40
|
-
document.cookie = `${SIDEBAR_COOKIE_NAME}=${open}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
|
|
41
|
-
},
|
|
42
|
-
});
|
|
43
|
-
</script>
|
|
44
|
-
|
|
45
|
-
<svelte:window onkeydown={sidebar.handleShortcutKeydown} />
|
|
46
|
-
|
|
47
|
-
<Tooltip.Provider delayDuration={0}>
|
|
48
|
-
<div
|
|
49
|
-
style="--sidebar-width: {SIDEBAR_WIDTH}; --sidebar-width-icon: {SIDEBAR_WIDTH_ICON}; {style}"
|
|
50
|
-
class={cn(
|
|
51
|
-
"group/sidebar-wrapper has-[[data-variant=inset]]:bg-sidebar flex min-h-svh w-full",
|
|
52
|
-
className
|
|
53
|
-
)}
|
|
54
|
-
bind:this={ref}
|
|
55
|
-
{...restProps}
|
|
56
|
-
>
|
|
57
|
-
{@render children?.()}
|
|
58
|
-
</div>
|
|
59
|
-
</Tooltip.Provider>
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
2
|
-
declare const SidebarProvider: import("svelte").Component<HTMLAttributes<HTMLDivElement> & {
|
|
3
|
-
ref?: HTMLElement | null | undefined;
|
|
4
|
-
} & {
|
|
5
|
-
open?: boolean;
|
|
6
|
-
onOpenChange?: (open: boolean) => void;
|
|
7
|
-
controlledOpen?: boolean;
|
|
8
|
-
}, {}, "ref" | "open">;
|
|
9
|
-
export default SidebarProvider;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { cn } from "../../../utils.js";
|
|
3
|
-
import type { WithElementRef } from "bits-ui";
|
|
4
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
5
|
-
import { useSidebar } from "./context.svelte.js";
|
|
6
|
-
|
|
7
|
-
let {
|
|
8
|
-
ref = $bindable(null),
|
|
9
|
-
class: className,
|
|
10
|
-
children,
|
|
11
|
-
...restProps
|
|
12
|
-
}: WithElementRef<HTMLAttributes<HTMLButtonElement>, HTMLButtonElement> = $props();
|
|
13
|
-
|
|
14
|
-
const sidebar = useSidebar();
|
|
15
|
-
</script>
|
|
16
|
-
|
|
17
|
-
<button
|
|
18
|
-
bind:this={ref}
|
|
19
|
-
data-sidebar="rail"
|
|
20
|
-
aria-label="Toggle Sidebar"
|
|
21
|
-
tabIndex={-1}
|
|
22
|
-
onclick={() => sidebar.toggle()}
|
|
23
|
-
title="Toggle Sidebar"
|
|
24
|
-
class={cn(
|
|
25
|
-
"hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
|
|
26
|
-
"[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
|
|
27
|
-
"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
|
|
28
|
-
"group-data-[collapsible=offcanvas]:hover:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
|
|
29
|
-
"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
|
|
30
|
-
"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
|
|
31
|
-
className
|
|
32
|
-
)}
|
|
33
|
-
{...restProps}
|
|
34
|
-
>
|
|
35
|
-
{@render children?.()}
|
|
36
|
-
</button>
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { Separator } from "../separator/index.js";
|
|
3
|
-
import { cn } from "../../../utils.js";
|
|
4
|
-
import type { ComponentProps } from "svelte";
|
|
5
|
-
|
|
6
|
-
let {
|
|
7
|
-
ref = $bindable(null),
|
|
8
|
-
class: className,
|
|
9
|
-
...restProps
|
|
10
|
-
}: ComponentProps<typeof Separator> = $props();
|
|
11
|
-
</script>
|
|
12
|
-
|
|
13
|
-
<Separator
|
|
14
|
-
bind:ref
|
|
15
|
-
data-sidebar="separator"
|
|
16
|
-
class={cn("bg-sidebar-border mx-2 w-auto", className)}
|
|
17
|
-
{...restProps}
|
|
18
|
-
/>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
declare const SidebarSeparator: import("svelte").Component<Omit<{
|
|
2
|
-
orientation?: import("bits-ui").Orientation;
|
|
3
|
-
decorative?: boolean;
|
|
4
|
-
}, "children" | "child"> & {
|
|
5
|
-
child?: import("svelte").Snippet<[{
|
|
6
|
-
props: Record<string, unknown>;
|
|
7
|
-
}]> | undefined;
|
|
8
|
-
children?: import("svelte").Snippet<[]> | undefined;
|
|
9
|
-
style?: import("bits-ui").StyleProperties | string | null | undefined;
|
|
10
|
-
ref?: HTMLElement | null | undefined;
|
|
11
|
-
} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveDivAttributes, import("bits-ui").SeparatorRootPropsWithoutHTML>, {}, "ref">;
|
|
12
|
-
export default SidebarSeparator;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { Button } from "../button/index.js";
|
|
3
|
-
import { cn } from "../../../utils.js";
|
|
4
|
-
import PanelLeft from "lucide-svelte/icons/panel-left";
|
|
5
|
-
import type { ComponentProps } from "svelte";
|
|
6
|
-
import { useSidebar } from "./context.svelte.js";
|
|
7
|
-
|
|
8
|
-
let {
|
|
9
|
-
ref = $bindable(null),
|
|
10
|
-
class: className,
|
|
11
|
-
onclick,
|
|
12
|
-
...restProps
|
|
13
|
-
}: ComponentProps<typeof Button> & {
|
|
14
|
-
onclick?: (e: MouseEvent) => void;
|
|
15
|
-
} = $props();
|
|
16
|
-
|
|
17
|
-
const sidebar = useSidebar();
|
|
18
|
-
</script>
|
|
19
|
-
|
|
20
|
-
<Button
|
|
21
|
-
type="button"
|
|
22
|
-
onclick={(e) => {
|
|
23
|
-
onclick?.(e);
|
|
24
|
-
sidebar.toggle();
|
|
25
|
-
}}
|
|
26
|
-
data-sidebar="trigger"
|
|
27
|
-
variant="ghost"
|
|
28
|
-
size="icon"
|
|
29
|
-
class={cn("h-7 w-7", className)}
|
|
30
|
-
{...restProps}
|
|
31
|
-
>
|
|
32
|
-
<PanelLeft />
|
|
33
|
-
<span class="sr-only">Toggle Sidebar</span>
|
|
34
|
-
</Button>
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
declare const SidebarTrigger: import("svelte").Component<import("svelte/elements.js").HTMLButtonAttributes & {
|
|
2
|
-
ref?: HTMLElement | null | undefined;
|
|
3
|
-
} & import("svelte/elements.js").HTMLAnchorAttributes & {
|
|
4
|
-
variant?: import("../button/index.js").ButtonVariant;
|
|
5
|
-
size?: import("../button/index.js").ButtonSize;
|
|
6
|
-
} & {
|
|
7
|
-
onclick?: (e: MouseEvent) => void;
|
|
8
|
-
}, {}, "ref">;
|
|
9
|
-
export default SidebarTrigger;
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import * as Sheet from "../sheet/index.js";
|
|
3
|
-
import { cn } from "../../../utils.js";
|
|
4
|
-
import type { WithElementRef } from "bits-ui";
|
|
5
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
6
|
-
import { SIDEBAR_WIDTH_MOBILE } from "./constants.js";
|
|
7
|
-
import { useSidebar } from "./context.svelte.js";
|
|
8
|
-
|
|
9
|
-
let {
|
|
10
|
-
ref = $bindable(null),
|
|
11
|
-
side = "left",
|
|
12
|
-
variant = "sidebar",
|
|
13
|
-
collapsible = "offcanvas",
|
|
14
|
-
class: className,
|
|
15
|
-
children,
|
|
16
|
-
...restProps
|
|
17
|
-
}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
|
|
18
|
-
side?: "left" | "right";
|
|
19
|
-
variant?: "sidebar" | "floating" | "inset";
|
|
20
|
-
collapsible?: "offcanvas" | "icon" | "none";
|
|
21
|
-
} = $props();
|
|
22
|
-
|
|
23
|
-
const sidebar = useSidebar();
|
|
24
|
-
</script>
|
|
25
|
-
|
|
26
|
-
{#if collapsible === "none"}
|
|
27
|
-
<div
|
|
28
|
-
class={cn(
|
|
29
|
-
"bg-sidebar text-sidebar-foreground flex h-full w-[--sidebar-width] flex-col",
|
|
30
|
-
className
|
|
31
|
-
)}
|
|
32
|
-
bind:this={ref}
|
|
33
|
-
{...restProps}
|
|
34
|
-
>
|
|
35
|
-
{@render children?.()}
|
|
36
|
-
</div>
|
|
37
|
-
{:else if sidebar.isMobile}
|
|
38
|
-
<Sheet.Root
|
|
39
|
-
controlledOpen
|
|
40
|
-
open={sidebar.openMobile}
|
|
41
|
-
onOpenChange={sidebar.setOpenMobile}
|
|
42
|
-
{...restProps}
|
|
43
|
-
>
|
|
44
|
-
<Sheet.Content
|
|
45
|
-
data-sidebar="sidebar"
|
|
46
|
-
data-mobile="true"
|
|
47
|
-
class="bg-sidebar text-sidebar-foreground w-[--sidebar-width] p-0 [&>button]:hidden"
|
|
48
|
-
style="--sidebar-width: {SIDEBAR_WIDTH_MOBILE};"
|
|
49
|
-
{side}
|
|
50
|
-
>
|
|
51
|
-
<div class="flex h-full w-full flex-col">
|
|
52
|
-
{@render children?.()}
|
|
53
|
-
</div>
|
|
54
|
-
</Sheet.Content>
|
|
55
|
-
</Sheet.Root>
|
|
56
|
-
{:else}
|
|
57
|
-
<div
|
|
58
|
-
bind:this={ref}
|
|
59
|
-
class="text-sidebar-foreground group peer hidden md:block"
|
|
60
|
-
data-state={sidebar.state}
|
|
61
|
-
data-collapsible={sidebar.state === "collapsed" ? collapsible : ""}
|
|
62
|
-
data-variant={variant}
|
|
63
|
-
data-side={side}
|
|
64
|
-
>
|
|
65
|
-
<!-- This is what handles the sidebar gap on desktop -->
|
|
66
|
-
<div
|
|
67
|
-
class={cn(
|
|
68
|
-
"relative h-svh w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear",
|
|
69
|
-
"group-data-[collapsible=offcanvas]:w-0",
|
|
70
|
-
"group-data-[side=right]:rotate-180",
|
|
71
|
-
variant === "floating" || variant === "inset"
|
|
72
|
-
? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]"
|
|
73
|
-
: "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
|
|
74
|
-
)}
|
|
75
|
-
></div>
|
|
76
|
-
<div
|
|
77
|
-
class={cn(
|
|
78
|
-
"fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",
|
|
79
|
-
side === "left"
|
|
80
|
-
? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
|
|
81
|
-
: "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
|
|
82
|
-
// Adjust the padding for floating and inset variants.
|
|
83
|
-
variant === "floating" || variant === "inset"
|
|
84
|
-
? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]"
|
|
85
|
-
: "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
|
|
86
|
-
className
|
|
87
|
-
)}
|
|
88
|
-
{...restProps}
|
|
89
|
-
>
|
|
90
|
-
<div
|
|
91
|
-
data-sidebar="sidebar"
|
|
92
|
-
class="bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow"
|
|
93
|
-
>
|
|
94
|
-
{@render children?.()}
|
|
95
|
-
</div>
|
|
96
|
-
</div>
|
|
97
|
-
</div>
|
|
98
|
-
{/if}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
2
|
-
declare const Sidebar: import("svelte").Component<HTMLAttributes<HTMLDivElement> & {
|
|
3
|
-
ref?: HTMLElement | null | undefined;
|
|
4
|
-
} & {
|
|
5
|
-
side?: "left" | "right";
|
|
6
|
-
variant?: "sidebar" | "floating" | "inset";
|
|
7
|
-
collapsible?: "offcanvas" | "icon" | "none";
|
|
8
|
-
}, {}, "ref">;
|
|
9
|
-
export default Sidebar;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import type { WithElementRef, WithoutChildren } from "bits-ui";
|
|
3
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
4
|
-
import { cn } from "../../../utils.js";
|
|
5
|
-
|
|
6
|
-
let {
|
|
7
|
-
ref = $bindable(null),
|
|
8
|
-
class: className,
|
|
9
|
-
...restProps
|
|
10
|
-
}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> = $props();
|
|
11
|
-
</script>
|
|
12
|
-
|
|
13
|
-
<div
|
|
14
|
-
bind:this={ref}
|
|
15
|
-
class={cn("bg-primary/10 animate-pulse rounded-md", className)}
|
|
16
|
-
{...restProps}
|
|
17
|
-
></div>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Toaster } from "./sonner.svelte";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Toaster } from "./sonner.svelte";
|