negodesign 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 +42 -0
- package/dist/assets/favicon.svg +1 -0
- package/dist/components/button.svelte +83 -0
- package/dist/components/button.svelte.d.ts +32 -0
- package/dist/components/core/breadcrumb/breadcrumb-list.svelte +32 -0
- package/dist/components/core/breadcrumb/breadcrumb-list.svelte.d.ts +9 -0
- package/dist/components/core/button/ButtonBack.svelte +18 -0
- package/dist/components/core/button/ButtonBack.svelte.d.ts +4 -0
- package/dist/components/core/button/ButtonLogin.svelte +15 -0
- package/dist/components/core/button/ButtonLogin.svelte.d.ts +4 -0
- package/dist/components/core/button/ButtonLoginWith.svelte +57 -0
- package/dist/components/core/button/ButtonLoginWith.svelte.d.ts +12 -0
- package/dist/components/core/carousel/data/CarouselModel.d.ts +10 -0
- package/dist/components/core/carousel/data/CarouselModel.js +1 -0
- package/dist/components/core/datatable/data/columns-create.d.ts +3 -0
- package/dist/components/core/datatable/data/columns-create.js +35 -0
- package/dist/components/core/datatable/data/data-table.d.ts +19 -0
- package/dist/components/core/datatable/data/data-table.js +1 -0
- package/dist/components/core/datatable/data/resolve-cell-badge.svelte.d.ts +8 -0
- package/dist/components/core/datatable/data/resolve-cell-badge.svelte.js +32 -0
- package/dist/components/core/datatable/data/resolve-cell.svelte.d.ts +2 -0
- package/dist/components/core/datatable/data/resolve-cell.svelte.js +19 -0
- package/dist/components/core/datatable/data/resolve-header.svelte.d.ts +2 -0
- package/dist/components/core/datatable/data/resolve-header.svelte.js +17 -0
- package/dist/components/core/datatable/ui/DataTableActions.svelte +28 -0
- package/dist/components/core/datatable/ui/DataTableActions.svelte.d.ts +25 -0
- package/dist/components/core/datatable/ui/DataTableCheckbox.svelte +22 -0
- package/dist/components/core/datatable/ui/DataTableCheckbox.svelte.d.ts +9 -0
- package/dist/components/core/datatable/ui/DataTableContent.svelte +59 -0
- package/dist/components/core/datatable/ui/DataTableContent.svelte.d.ts +28 -0
- package/dist/components/core/datatable/ui/DataTableCore.svelte +144 -0
- package/dist/components/core/datatable/ui/DataTableCore.svelte.d.ts +25 -0
- package/dist/components/core/datatable/ui/DataTableDragHandle.svelte +8 -0
- package/dist/components/core/datatable/ui/DataTableDragHandle.svelte.d.ts +18 -0
- package/dist/components/core/datatable/ui/DataTableListFilter.svelte +59 -0
- package/dist/components/core/datatable/ui/DataTableListFilter.svelte.d.ts +28 -0
- package/dist/components/core/datatable/ui/DataTableListPagination.svelte +35 -0
- package/dist/components/core/datatable/ui/DataTableListPagination.svelte.d.ts +27 -0
- package/dist/components/core/datatable/ui/columns-create.svelte.d.ts +3 -0
- package/dist/components/core/datatable/ui/columns-create.svelte.js +33 -0
- package/dist/components/core/form/data/InputIconDefault.svelte.d.ts +3 -0
- package/dist/components/core/form/data/InputIconDefault.svelte.js +9 -0
- package/dist/components/core/form/data/InputLabel.svelte.d.ts +8 -0
- package/dist/components/core/form/data/InputLabel.svelte.js +1 -0
- package/dist/components/core/form/ui/input-base.svelte +81 -0
- package/dist/components/core/form/ui/input-base.svelte.d.ts +4 -0
- package/dist/components/core/form/ui/input-email.svelte +22 -0
- package/dist/components/core/form/ui/input-email.svelte.d.ts +4 -0
- package/dist/components/core/form/ui/input-password-confirm.svelte +22 -0
- package/dist/components/core/form/ui/input-password-confirm.svelte.d.ts +4 -0
- package/dist/components/core/form/ui/input-password.svelte +22 -0
- package/dist/components/core/form/ui/input-password.svelte.d.ts +4 -0
- package/dist/components/core/form/ui/input-username.svelte +21 -0
- package/dist/components/core/form/ui/input-username.svelte.d.ts +4 -0
- package/dist/components/core/label/LabelOr.svelte +25 -0
- package/dist/components/core/label/LabelOr.svelte.d.ts +6 -0
- package/dist/components/core/link/link-forget-password.svelte +12 -0
- package/dist/components/core/link/link-forget-password.svelte.d.ts +4 -0
- package/dist/components/core/link/link-privacy-polity.svelte +12 -0
- package/dist/components/core/link/link-privacy-polity.svelte.d.ts +4 -0
- package/dist/components/core/link/link-terms-of-service.svelte +12 -0
- package/dist/components/core/link/link-terms-of-service.svelte.d.ts +4 -0
- package/dist/components/core/nav/data/nav-menu-sidebar.d.ts +21 -0
- package/dist/components/core/nav/data/nav-menu-sidebar.js +1 -0
- package/dist/components/core/nav/data/nav-top-bar-sidebar.d.ts +22 -0
- package/dist/components/core/nav/data/nav-top-bar-sidebar.js +1 -0
- package/dist/components/core/nav/data/nav-user-sidebar.d.ts +14 -0
- package/dist/components/core/nav/data/nav-user-sidebar.js +1 -0
- package/dist/components/core/nav/ui/nav-menu-bar.svelte +97 -0
- package/dist/components/core/nav/ui/nav-menu-bar.svelte.d.ts +7 -0
- package/dist/components/core/nav/ui/nav-menu-bottom-bar.svelte +33 -0
- package/dist/components/core/nav/ui/nav-menu-bottom-bar.svelte.d.ts +10 -0
- package/dist/components/core/nav/ui/nav-menu-header.svelte +78 -0
- package/dist/components/core/nav/ui/nav-menu-header.svelte.d.ts +10 -0
- package/dist/components/core/nav/ui/nav-menu-top-bar.svelte +103 -0
- package/dist/components/core/nav/ui/nav-menu-top-bar.svelte.d.ts +4 -0
- package/dist/components/core/nav/ui/nav-user-sidebar.svelte +94 -0
- package/dist/components/core/nav/ui/nav-user-sidebar.svelte.d.ts +7 -0
- package/dist/components/core/sidebar/menu-bar-sidebar.svelte +62 -0
- package/dist/components/core/sidebar/menu-bar-sidebar.svelte.d.ts +16 -0
- package/dist/components/core/tabs/data/TabModel.d.ts +9 -0
- package/dist/components/core/tabs/data/TabModel.js +1 -0
- package/dist/components/core/tabs/ui/tab-underline.svelte +41 -0
- package/dist/components/core/tabs/ui/tab-underline.svelte.d.ts +8 -0
- package/dist/components/pages/admin/ui/admin-content.svelte +13 -0
- package/dist/components/pages/admin/ui/admin-content.svelte.d.ts +7 -0
- package/dist/components/pages/admin/ui/admin-panel.svelte +40 -0
- package/dist/components/pages/admin/ui/admin-panel.svelte.d.ts +9 -0
- package/dist/components/pages/login/admin/01/ui/AuthCard.svelte +58 -0
- package/dist/components/pages/login/admin/01/ui/AuthCard.svelte.d.ts +18 -0
- package/dist/components/pages/login/admin/01/ui/FormLogin.svelte +31 -0
- package/dist/components/pages/login/admin/01/ui/FormLogin.svelte.d.ts +3 -0
- package/dist/components/pages/login/admin/01/ui/FormRegister.svelte +28 -0
- package/dist/components/pages/login/admin/01/ui/FormRegister.svelte.d.ts +3 -0
- package/dist/components/pages/login/admin/01/ui/LeftHero.svelte +105 -0
- package/dist/components/pages/login/admin/01/ui/LeftHero.svelte.d.ts +11 -0
- package/dist/components/pages/login/admin/01/ui/PageLogin.svelte +49 -0
- package/dist/components/pages/login/admin/01/ui/PageLogin.svelte.d.ts +18 -0
- package/dist/components/pages/login/admin/index.d.ts +0 -0
- package/dist/components/pages/login/admin/index.js +1 -0
- package/dist/components/pages/login/index.d.ts +0 -0
- package/dist/components/pages/login/index.js +1 -0
- package/dist/components/ui/avatar/avatar-badge.svelte +26 -0
- package/dist/components/ui/avatar/avatar-badge.svelte.d.ts +5 -0
- package/dist/components/ui/avatar/avatar-fallback.svelte +20 -0
- package/dist/components/ui/avatar/avatar-fallback.svelte.d.ts +4 -0
- package/dist/components/ui/avatar/avatar-group-count.svelte +23 -0
- package/dist/components/ui/avatar/avatar-group-count.svelte.d.ts +5 -0
- package/dist/components/ui/avatar/avatar-group.svelte +23 -0
- package/dist/components/ui/avatar/avatar-group.svelte.d.ts +5 -0
- package/dist/components/ui/avatar/avatar-image.svelte +17 -0
- package/dist/components/ui/avatar/avatar-image.svelte.d.ts +4 -0
- package/dist/components/ui/avatar/avatar.svelte +26 -0
- package/dist/components/ui/avatar/avatar.svelte.d.ts +7 -0
- package/dist/components/ui/avatar/index.d.ts +7 -0
- package/dist/components/ui/avatar/index.js +9 -0
- package/dist/components/ui/badge/badge.svelte +49 -0
- package/dist/components/ui/badge/badge.svelte.d.ts +38 -0
- package/dist/components/ui/badge/index.d.ts +2 -0
- package/dist/components/ui/badge/index.js +2 -0
- package/dist/components/ui/breadcrumb/breadcrumb-ellipsis.svelte +24 -0
- package/dist/components/ui/breadcrumb/breadcrumb-ellipsis.svelte.d.ts +5 -0
- package/dist/components/ui/breadcrumb/breadcrumb-item.svelte +20 -0
- package/dist/components/ui/breadcrumb/breadcrumb-item.svelte.d.ts +5 -0
- package/dist/components/ui/breadcrumb/breadcrumb-link.svelte +31 -0
- package/dist/components/ui/breadcrumb/breadcrumb-link.svelte.d.ts +11 -0
- package/dist/components/ui/breadcrumb/breadcrumb-list.svelte +20 -0
- package/dist/components/ui/breadcrumb/breadcrumb-list.svelte.d.ts +5 -0
- package/dist/components/ui/breadcrumb/breadcrumb-page.svelte +23 -0
- package/dist/components/ui/breadcrumb/breadcrumb-page.svelte.d.ts +5 -0
- package/dist/components/ui/breadcrumb/breadcrumb-separator.svelte +28 -0
- package/dist/components/ui/breadcrumb/breadcrumb-separator.svelte.d.ts +5 -0
- package/dist/components/ui/breadcrumb/breadcrumb.svelte +22 -0
- package/dist/components/ui/breadcrumb/breadcrumb.svelte.d.ts +5 -0
- package/dist/components/ui/breadcrumb/index.d.ts +8 -0
- package/dist/components/ui/breadcrumb/index.js +10 -0
- package/dist/components/ui/button/button.svelte +82 -0
- package/dist/components/ui/button/button.svelte.d.ts +70 -0
- package/dist/components/ui/button/index.d.ts +2 -0
- package/dist/components/ui/button/index.js +4 -0
- package/dist/components/ui/chart/chart-container.svelte +80 -0
- package/dist/components/ui/chart/chart-container.svelte.d.ts +9 -0
- package/dist/components/ui/chart/chart-style.svelte +37 -0
- package/dist/components/ui/chart/chart-style.svelte.d.ts +8 -0
- package/dist/components/ui/chart/chart-tooltip.svelte +184 -0
- package/dist/components/ui/chart/chart-tooltip.svelte.d.ts +27 -0
- package/dist/components/ui/chart/chart-utils.d.ts +36 -0
- package/dist/components/ui/chart/chart-utils.js +38 -0
- package/dist/components/ui/chart/index.d.ts +4 -0
- package/dist/components/ui/chart/index.js +4 -0
- package/dist/components/ui/checkbox/checkbox.svelte +40 -0
- package/dist/components/ui/checkbox/checkbox.svelte.d.ts +4 -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 +7 -0
- package/dist/components/ui/collapsible/collapsible-content.svelte.d.ts +4 -0
- package/dist/components/ui/collapsible/collapsible-trigger.svelte +7 -0
- package/dist/components/ui/collapsible/collapsible-trigger.svelte.d.ts +4 -0
- package/dist/components/ui/collapsible/collapsible.svelte +11 -0
- package/dist/components/ui/collapsible/collapsible.svelte.d.ts +4 -0
- package/dist/components/ui/collapsible/index.d.ts +4 -0
- package/dist/components/ui/collapsible/index.js +6 -0
- package/dist/components/ui/data-table/data-table.svelte.d.ts +40 -0
- package/dist/components/ui/data-table/data-table.svelte.js +110 -0
- package/dist/components/ui/data-table/flex-render.svelte +40 -0
- package/dist/components/ui/data-table/flex-render.svelte.d.ts +33 -0
- package/dist/components/ui/data-table/index.d.ts +3 -0
- package/dist/components/ui/data-table/index.js +3 -0
- package/dist/components/ui/data-table/render-helpers.d.ts +90 -0
- package/dist/components/ui/data-table/render-helpers.js +99 -0
- package/dist/components/ui/drawer/drawer-close.svelte +7 -0
- package/dist/components/ui/drawer/drawer-close.svelte.d.ts +4 -0
- package/dist/components/ui/drawer/drawer-content.svelte +33 -0
- package/dist/components/ui/drawer/drawer-content.svelte.d.ts +10 -0
- package/dist/components/ui/drawer/drawer-description.svelte +17 -0
- package/dist/components/ui/drawer/drawer-description.svelte.d.ts +4 -0
- package/dist/components/ui/drawer/drawer-footer.svelte +20 -0
- package/dist/components/ui/drawer/drawer-footer.svelte.d.ts +5 -0
- package/dist/components/ui/drawer/drawer-header.svelte +20 -0
- package/dist/components/ui/drawer/drawer-header.svelte.d.ts +5 -0
- package/dist/components/ui/drawer/drawer-nested.svelte +12 -0
- package/dist/components/ui/drawer/drawer-nested.svelte.d.ts +3 -0
- package/dist/components/ui/drawer/drawer-overlay.svelte +17 -0
- package/dist/components/ui/drawer/drawer-overlay.svelte.d.ts +4 -0
- package/dist/components/ui/drawer/drawer-portal.svelte +7 -0
- package/dist/components/ui/drawer/drawer-portal.svelte.d.ts +3 -0
- package/dist/components/ui/drawer/drawer-title.svelte +17 -0
- package/dist/components/ui/drawer/drawer-title.svelte.d.ts +4 -0
- package/dist/components/ui/drawer/drawer-trigger.svelte +7 -0
- package/dist/components/ui/drawer/drawer-trigger.svelte.d.ts +4 -0
- package/dist/components/ui/drawer/drawer.svelte +12 -0
- package/dist/components/ui/drawer/drawer.svelte.d.ts +3 -0
- package/dist/components/ui/drawer/index.d.ts +12 -0
- package/dist/components/ui/drawer/index.js +14 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte +16 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte.d.ts +4 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte +45 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte.d.ts +9 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte +31 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte.d.ts +10 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte +22 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte.d.ts +8 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-group.svelte +7 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-group.svelte.d.ts +4 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte +27 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte.d.ts +8 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte +24 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte.d.ts +8 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-portal.svelte +7 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-portal.svelte.d.ts +3 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte +16 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte.d.ts +4 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte +35 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte.d.ts +4 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte +17 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte.d.ts +4 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte +20 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte.d.ts +5 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte +17 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte.d.ts +4 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte +30 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte.d.ts +7 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub.svelte +7 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub.svelte.d.ts +3 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-trigger.svelte +7 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu-trigger.svelte.d.ts +4 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu.svelte +7 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu.svelte.d.ts +3 -0
- package/dist/components/ui/dropdown-menu/index.d.ts +18 -0
- package/dist/components/ui/dropdown-menu/index.js +18 -0
- package/dist/components/ui/input/index.d.ts +2 -0
- package/dist/components/ui/input/index.js +4 -0
- package/dist/components/ui/input/input.svelte +48 -0
- package/dist/components/ui/input/input.svelte.d.ts +13 -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 +20 -0
- package/dist/components/ui/label/label.svelte.d.ts +4 -0
- package/dist/components/ui/language-switcher/index.d.ts +3 -0
- package/dist/components/ui/language-switcher/index.js +2 -0
- package/dist/components/ui/language-switcher/language-switcher.svelte +48 -0
- package/dist/components/ui/language-switcher/language-switcher.svelte.d.ts +10 -0
- package/dist/components/ui/light-switch/index.d.ts +2 -0
- package/dist/components/ui/light-switch/index.js +2 -0
- package/dist/components/ui/light-switch/light-switch.svelte +32 -0
- package/dist/components/ui/light-switch/light-switch.svelte.d.ts +8 -0
- package/dist/components/ui/select/index.d.ts +12 -0
- package/dist/components/ui/select/index.js +14 -0
- package/dist/components/ui/select/select-content.svelte +45 -0
- package/dist/components/ui/select/select-content.svelte.d.ts +11 -0
- package/dist/components/ui/select/select-group-heading.svelte +21 -0
- package/dist/components/ui/select/select-group-heading.svelte.d.ts +10 -0
- package/dist/components/ui/select/select-group.svelte +17 -0
- package/dist/components/ui/select/select-group.svelte.d.ts +4 -0
- package/dist/components/ui/select/select-item.svelte +41 -0
- package/dist/components/ui/select/select-item.svelte.d.ts +4 -0
- package/dist/components/ui/select/select-label.svelte +20 -0
- package/dist/components/ui/select/select-label.svelte.d.ts +6 -0
- package/dist/components/ui/select/select-portal.svelte +7 -0
- package/dist/components/ui/select/select-portal.svelte.d.ts +3 -0
- package/dist/components/ui/select/select-scroll-down-button.svelte +21 -0
- package/dist/components/ui/select/select-scroll-down-button.svelte.d.ts +4 -0
- package/dist/components/ui/select/select-scroll-up-button.svelte +21 -0
- package/dist/components/ui/select/select-scroll-up-button.svelte.d.ts +4 -0
- package/dist/components/ui/select/select-separator.svelte +18 -0
- package/dist/components/ui/select/select-separator.svelte.d.ts +4 -0
- package/dist/components/ui/select/select-trigger.svelte +30 -0
- package/dist/components/ui/select/select-trigger.svelte.d.ts +8 -0
- package/dist/components/ui/select/select.svelte +11 -0
- package/dist/components/ui/select/select.svelte.d.ts +3 -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 +23 -0
- package/dist/components/ui/separator/separator.svelte.d.ts +4 -0
- package/dist/components/ui/sheet/index.d.ts +11 -0
- package/dist/components/ui/sheet/index.js +13 -0
- package/dist/components/ui/sheet/sheet-close.svelte +7 -0
- package/dist/components/ui/sheet/sheet-close.svelte.d.ts +4 -0
- package/dist/components/ui/sheet/sheet-content.svelte +56 -0
- package/dist/components/ui/sheet/sheet-content.svelte.d.ts +15 -0
- package/dist/components/ui/sheet/sheet-description.svelte +17 -0
- package/dist/components/ui/sheet/sheet-description.svelte.d.ts +4 -0
- package/dist/components/ui/sheet/sheet-footer.svelte +20 -0
- package/dist/components/ui/sheet/sheet-footer.svelte.d.ts +5 -0
- package/dist/components/ui/sheet/sheet-header.svelte +20 -0
- package/dist/components/ui/sheet/sheet-header.svelte.d.ts +5 -0
- package/dist/components/ui/sheet/sheet-overlay.svelte +17 -0
- package/dist/components/ui/sheet/sheet-overlay.svelte.d.ts +4 -0
- package/dist/components/ui/sheet/sheet-portal.svelte +7 -0
- package/dist/components/ui/sheet/sheet-portal.svelte.d.ts +3 -0
- package/dist/components/ui/sheet/sheet-title.svelte +17 -0
- package/dist/components/ui/sheet/sheet-title.svelte.d.ts +4 -0
- package/dist/components/ui/sheet/sheet-trigger.svelte +7 -0
- package/dist/components/ui/sheet/sheet-trigger.svelte.d.ts +4 -0
- package/dist/components/ui/sheet/sheet.svelte +7 -0
- package/dist/components/ui/sheet/sheet.svelte.d.ts +3 -0
- package/dist/components/ui/sidebar/constants.d.ts +6 -0
- package/dist/components/ui/sidebar/constants.js +6 -0
- package/dist/components/ui/sidebar/context.svelte.d.ts +42 -0
- package/dist/components/ui/sidebar/context.svelte.js +54 -0
- package/dist/components/ui/sidebar/index.d.ts +25 -0
- package/dist/components/ui/sidebar/index.js +27 -0
- package/dist/components/ui/sidebar/sidebar-content.svelte +24 -0
- package/dist/components/ui/sidebar/sidebar-content.svelte.d.ts +5 -0
- package/dist/components/ui/sidebar/sidebar-footer.svelte +21 -0
- package/dist/components/ui/sidebar/sidebar-footer.svelte.d.ts +5 -0
- package/dist/components/ui/sidebar/sidebar-group-action.svelte +33 -0
- package/dist/components/ui/sidebar/sidebar-group-action.svelte.d.ts +11 -0
- package/dist/components/ui/sidebar/sidebar-group-content.svelte +21 -0
- package/dist/components/ui/sidebar/sidebar-group-content.svelte.d.ts +5 -0
- package/dist/components/ui/sidebar/sidebar-group-label.svelte +33 -0
- package/dist/components/ui/sidebar/sidebar-group-label.svelte.d.ts +11 -0
- package/dist/components/ui/sidebar/sidebar-group.svelte +21 -0
- package/dist/components/ui/sidebar/sidebar-group.svelte.d.ts +5 -0
- package/dist/components/ui/sidebar/sidebar-header.svelte +21 -0
- package/dist/components/ui/sidebar/sidebar-header.svelte.d.ts +5 -0
- package/dist/components/ui/sidebar/sidebar-input.svelte +21 -0
- package/dist/components/ui/sidebar/sidebar-input.svelte.d.ts +11 -0
- package/dist/components/ui/sidebar/sidebar-inset.svelte +20 -0
- package/dist/components/ui/sidebar/sidebar-inset.svelte.d.ts +5 -0
- package/dist/components/ui/sidebar/sidebar-menu-action.svelte +37 -0
- package/dist/components/ui/sidebar/sidebar-menu-action.svelte.d.ts +12 -0
- package/dist/components/ui/sidebar/sidebar-menu-badge.svelte +24 -0
- package/dist/components/ui/sidebar/sidebar-menu-badge.svelte.d.ts +5 -0
- package/dist/components/ui/sidebar/sidebar-menu-button.svelte +102 -0
- package/dist/components/ui/sidebar/sidebar-menu-button.svelte.d.ts +51 -0
- package/dist/components/ui/sidebar/sidebar-menu-item.svelte +21 -0
- package/dist/components/ui/sidebar/sidebar-menu-item.svelte.d.ts +5 -0
- package/dist/components/ui/sidebar/sidebar-menu-skeleton.svelte +36 -0
- package/dist/components/ui/sidebar/sidebar-menu-skeleton.svelte.d.ts +8 -0
- package/dist/components/ui/sidebar/sidebar-menu-sub-button.svelte +39 -0
- package/dist/components/ui/sidebar/sidebar-menu-sub-button.svelte.d.ts +13 -0
- package/dist/components/ui/sidebar/sidebar-menu-sub-item.svelte +21 -0
- package/dist/components/ui/sidebar/sidebar-menu-sub-item.svelte.d.ts +5 -0
- package/dist/components/ui/sidebar/sidebar-menu-sub.svelte +21 -0
- package/dist/components/ui/sidebar/sidebar-menu-sub.svelte.d.ts +5 -0
- package/dist/components/ui/sidebar/sidebar-menu.svelte +21 -0
- package/dist/components/ui/sidebar/sidebar-menu.svelte.d.ts +5 -0
- package/dist/components/ui/sidebar/sidebar-provider.svelte +53 -0
- package/dist/components/ui/sidebar/sidebar-provider.svelte.d.ts +9 -0
- package/dist/components/ui/sidebar/sidebar-rail.svelte +36 -0
- package/dist/components/ui/sidebar/sidebar-rail.svelte.d.ts +5 -0
- package/dist/components/ui/sidebar/sidebar-separator.svelte +19 -0
- package/dist/components/ui/sidebar/sidebar-separator.svelte.d.ts +13 -0
- package/dist/components/ui/sidebar/sidebar-trigger.svelte +37 -0
- package/dist/components/ui/sidebar/sidebar-trigger.svelte.d.ts +8 -0
- package/dist/components/ui/sidebar/sidebar.svelte +108 -0
- package/dist/components/ui/sidebar/sidebar.svelte.d.ts +10 -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 +17 -0
- package/dist/components/ui/skeleton/skeleton.svelte.d.ts +5 -0
- package/dist/components/ui/spinner/index.d.ts +1 -0
- package/dist/components/ui/spinner/index.js +1 -0
- package/dist/components/ui/spinner/spinner.svelte +26 -0
- package/dist/components/ui/spinner/spinner.svelte.d.ts +4 -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 +15 -0
- package/dist/components/ui/table/table-body.svelte.d.ts +5 -0
- package/dist/components/ui/table/table-caption.svelte +20 -0
- package/dist/components/ui/table/table-caption.svelte.d.ts +5 -0
- package/dist/components/ui/table/table-cell.svelte +15 -0
- package/dist/components/ui/table/table-cell.svelte.d.ts +5 -0
- package/dist/components/ui/table/table-footer.svelte +20 -0
- package/dist/components/ui/table/table-footer.svelte.d.ts +5 -0
- package/dist/components/ui/table/table-head.svelte +15 -0
- package/dist/components/ui/table/table-head.svelte.d.ts +5 -0
- package/dist/components/ui/table/table-header.svelte +20 -0
- package/dist/components/ui/table/table-header.svelte.d.ts +5 -0
- package/dist/components/ui/table/table-row.svelte +15 -0
- package/dist/components/ui/table/table-row.svelte.d.ts +5 -0
- package/dist/components/ui/table/table.svelte +17 -0
- package/dist/components/ui/table/table.svelte.d.ts +5 -0
- package/dist/components/ui/tabs/index.d.ts +5 -0
- package/dist/components/ui/tabs/index.js +7 -0
- package/dist/components/ui/tabs/tabs-content.svelte +17 -0
- package/dist/components/ui/tabs/tabs-content.svelte.d.ts +4 -0
- package/dist/components/ui/tabs/tabs-list.svelte +40 -0
- package/dist/components/ui/tabs/tabs-list.svelte.d.ts +25 -0
- package/dist/components/ui/tabs/tabs-trigger.svelte +23 -0
- package/dist/components/ui/tabs/tabs-trigger.svelte.d.ts +4 -0
- package/dist/components/ui/tabs/tabs.svelte +19 -0
- package/dist/components/ui/tabs/tabs.svelte.d.ts +4 -0
- package/dist/components/ui/tooltip/index.d.ts +6 -0
- package/dist/components/ui/tooltip/index.js +8 -0
- package/dist/components/ui/tooltip/tooltip-content.svelte +52 -0
- package/dist/components/ui/tooltip/tooltip-content.svelte.d.ts +11 -0
- package/dist/components/ui/tooltip/tooltip-portal.svelte +7 -0
- package/dist/components/ui/tooltip/tooltip-portal.svelte.d.ts +4 -0
- package/dist/components/ui/tooltip/tooltip-provider.svelte +7 -0
- package/dist/components/ui/tooltip/tooltip-provider.svelte.d.ts +4 -0
- package/dist/components/ui/tooltip/tooltip-trigger.svelte +7 -0
- package/dist/components/ui/tooltip/tooltip-trigger.svelte.d.ts +25 -0
- package/dist/components/ui/tooltip/tooltip.svelte +7 -0
- package/dist/components/ui/tooltip/tooltip.svelte.d.ts +25 -0
- package/dist/components/ui/underline-tabs/index.d.ts +5 -0
- package/dist/components/ui/underline-tabs/index.js +7 -0
- package/dist/components/ui/underline-tabs/underline-tabs-content.svelte +17 -0
- package/dist/components/ui/underline-tabs/underline-tabs-content.svelte.d.ts +4 -0
- package/dist/components/ui/underline-tabs/underline-tabs-list.svelte +34 -0
- package/dist/components/ui/underline-tabs/underline-tabs-list.svelte.d.ts +4 -0
- package/dist/components/ui/underline-tabs/underline-tabs-trigger.svelte +61 -0
- package/dist/components/ui/underline-tabs/underline-tabs-trigger.svelte.d.ts +4 -0
- package/dist/components/ui/underline-tabs/underline-tabs.svelte +33 -0
- package/dist/components/ui/underline-tabs/underline-tabs.svelte.d.ts +7 -0
- package/dist/components/ui/underline-tabs/underline-tabs.svelte.js +61 -0
- package/dist/hooks/is-mobile.svelte.d.ts +4 -0
- package/dist/hooks/is-mobile.svelte.js +7 -0
- package/dist/i18n/index.d.ts +6 -0
- package/dist/i18n/index.js +24 -0
- package/dist/i18n/translations.d.ts +77 -0
- package/dist/i18n/translations.js +76 -0
- package/dist/index.d.ts +0 -0
- package/dist/index.js +2 -0
- package/dist/utils.d.ts +12 -0
- package/dist/utils.js +5 -0
- package/dist/vitest-examples/Welcome.svelte +8 -0
- package/dist/vitest-examples/Welcome.svelte.d.ts +13 -0
- package/dist/vitest-examples/Welcome.svelte.spec.d.ts +1 -0
- package/dist/vitest-examples/Welcome.svelte.spec.js +11 -0
- package/dist/vitest-examples/greet.d.ts +1 -0
- package/dist/vitest-examples/greet.js +3 -0
- package/dist/vitest-examples/greet.spec.d.ts +1 -0
- package/dist/vitest-examples/greet.spec.js +7 -0
- package/package.json +89 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { Tabs as TabsPrimitive } from "bits-ui";
|
|
3
|
+
import { cn } from "../../../utils.js";
|
|
4
|
+
|
|
5
|
+
let {
|
|
6
|
+
ref = $bindable(null),
|
|
7
|
+
value = $bindable(""),
|
|
8
|
+
class: className,
|
|
9
|
+
...restProps
|
|
10
|
+
}: TabsPrimitive.RootProps = $props();
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<TabsPrimitive.Root
|
|
14
|
+
bind:ref
|
|
15
|
+
bind:value
|
|
16
|
+
data-slot="tabs"
|
|
17
|
+
class={cn("gap-2 group/tabs flex data-[orientation=horizontal]:flex-col", className)}
|
|
18
|
+
{...restProps}
|
|
19
|
+
/>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import Root from "./tooltip.svelte";
|
|
2
|
+
import Trigger from "./tooltip-trigger.svelte";
|
|
3
|
+
import Content from "./tooltip-content.svelte";
|
|
4
|
+
import Provider from "./tooltip-provider.svelte";
|
|
5
|
+
import Portal from "./tooltip-portal.svelte";
|
|
6
|
+
export { Root, Trigger, Content, Provider, Portal, Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Portal as TooltipPortal, };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import Root from "./tooltip.svelte";
|
|
2
|
+
import Trigger from "./tooltip-trigger.svelte";
|
|
3
|
+
import Content from "./tooltip-content.svelte";
|
|
4
|
+
import Provider from "./tooltip-provider.svelte";
|
|
5
|
+
import Portal from "./tooltip-portal.svelte";
|
|
6
|
+
export { Root, Trigger, Content, Provider, Portal,
|
|
7
|
+
//
|
|
8
|
+
Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Portal as TooltipPortal, };
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { Tooltip as TooltipPrimitive } from "bits-ui";
|
|
3
|
+
import { cn } from "../../../utils.js";
|
|
4
|
+
import TooltipPortal from "./tooltip-portal.svelte";
|
|
5
|
+
import type { ComponentProps } from "svelte";
|
|
6
|
+
import type { WithoutChildrenOrChild } from "../../../utils.js";
|
|
7
|
+
|
|
8
|
+
let {
|
|
9
|
+
ref = $bindable(null),
|
|
10
|
+
class: className,
|
|
11
|
+
sideOffset = 0,
|
|
12
|
+
side = "top",
|
|
13
|
+
children,
|
|
14
|
+
arrowClasses,
|
|
15
|
+
portalProps,
|
|
16
|
+
...restProps
|
|
17
|
+
}: TooltipPrimitive.ContentProps & {
|
|
18
|
+
arrowClasses?: string;
|
|
19
|
+
portalProps?: WithoutChildrenOrChild<ComponentProps<typeof TooltipPortal>>;
|
|
20
|
+
} = $props();
|
|
21
|
+
</script>
|
|
22
|
+
|
|
23
|
+
<TooltipPortal {...portalProps}>
|
|
24
|
+
<TooltipPrimitive.Content
|
|
25
|
+
bind:ref
|
|
26
|
+
data-slot="tooltip-content"
|
|
27
|
+
{sideOffset}
|
|
28
|
+
{side}
|
|
29
|
+
class={cn(
|
|
30
|
+
"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 inline-flex items-center gap-1.5 rounded-2xl px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-4xl bg-foreground text-background z-50 w-fit max-w-xs origin-(--bits-tooltip-content-transform-origin)",
|
|
31
|
+
className
|
|
32
|
+
)}
|
|
33
|
+
{...restProps}
|
|
34
|
+
>
|
|
35
|
+
{@render children?.()}
|
|
36
|
+
<TooltipPrimitive.Arrow>
|
|
37
|
+
{#snippet child({ props })}
|
|
38
|
+
<div
|
|
39
|
+
class={cn(
|
|
40
|
+
"size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] data-[side=left]:translate-x-[-1.5px] data-[side=right]:translate-x-[1.5px] bg-foreground fill-foreground z-50",
|
|
41
|
+
"data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%+2px)]",
|
|
42
|
+
"data-[side=bottom]:-translate-x-1/2 data-[side=bottom]:-translate-y-[calc(-50%+1px)]",
|
|
43
|
+
"data-[side=right]:translate-x-[calc(50%+2px)] data-[side=right]:translate-y-1/2",
|
|
44
|
+
"data-[side=left]:-translate-y-[calc(50%-3px)]",
|
|
45
|
+
arrowClasses
|
|
46
|
+
)}
|
|
47
|
+
{...props}
|
|
48
|
+
></div>
|
|
49
|
+
{/snippet}
|
|
50
|
+
</TooltipPrimitive.Arrow>
|
|
51
|
+
</TooltipPrimitive.Content>
|
|
52
|
+
</TooltipPortal>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Tooltip as TooltipPrimitive } from "bits-ui";
|
|
2
|
+
import TooltipPortal from "./tooltip-portal.svelte";
|
|
3
|
+
import type { ComponentProps } from "svelte";
|
|
4
|
+
import type { WithoutChildrenOrChild } from "../../../utils.js";
|
|
5
|
+
type $$ComponentProps = TooltipPrimitive.ContentProps & {
|
|
6
|
+
arrowClasses?: string;
|
|
7
|
+
portalProps?: WithoutChildrenOrChild<ComponentProps<typeof TooltipPortal>>;
|
|
8
|
+
};
|
|
9
|
+
declare const TooltipContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
10
|
+
type TooltipContent = ReturnType<typeof TooltipContent>;
|
|
11
|
+
export default TooltipContent;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<script lang="ts" generics="T = never">
|
|
2
|
+
import { Tooltip as TooltipPrimitive } from "bits-ui";
|
|
3
|
+
|
|
4
|
+
let { ref = $bindable(null), ...restProps }: TooltipPrimitive.TriggerProps<T> = $props();
|
|
5
|
+
</script>
|
|
6
|
+
|
|
7
|
+
<TooltipPrimitive.Trigger bind:ref data-slot="tooltip-trigger" {...restProps} />
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Tooltip as TooltipPrimitive } from "bits-ui";
|
|
2
|
+
declare function $$render<T = never>(): {
|
|
3
|
+
props: TooltipPrimitive.TriggerProps<T>;
|
|
4
|
+
exports: {};
|
|
5
|
+
bindings: "ref";
|
|
6
|
+
slots: {};
|
|
7
|
+
events: {};
|
|
8
|
+
};
|
|
9
|
+
declare class __sveltets_Render<T = never> {
|
|
10
|
+
props(): ReturnType<typeof $$render<T>>['props'];
|
|
11
|
+
events(): ReturnType<typeof $$render<T>>['events'];
|
|
12
|
+
slots(): ReturnType<typeof $$render<T>>['slots'];
|
|
13
|
+
bindings(): "ref";
|
|
14
|
+
exports(): {};
|
|
15
|
+
}
|
|
16
|
+
interface $$IsomorphicComponent {
|
|
17
|
+
new <T = never>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
|
|
18
|
+
$$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
|
|
19
|
+
} & ReturnType<__sveltets_Render<T>['exports']>;
|
|
20
|
+
<T = never>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
|
|
21
|
+
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
|
|
22
|
+
}
|
|
23
|
+
declare const TooltipTrigger: $$IsomorphicComponent;
|
|
24
|
+
type TooltipTrigger<T = never> = InstanceType<typeof TooltipTrigger<T>>;
|
|
25
|
+
export default TooltipTrigger;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Tooltip as TooltipPrimitive } from "bits-ui";
|
|
2
|
+
declare function $$render<T = never>(): {
|
|
3
|
+
props: TooltipPrimitive.RootProps<T>;
|
|
4
|
+
exports: {};
|
|
5
|
+
bindings: "open";
|
|
6
|
+
slots: {};
|
|
7
|
+
events: {};
|
|
8
|
+
};
|
|
9
|
+
declare class __sveltets_Render<T = never> {
|
|
10
|
+
props(): ReturnType<typeof $$render<T>>['props'];
|
|
11
|
+
events(): ReturnType<typeof $$render<T>>['events'];
|
|
12
|
+
slots(): ReturnType<typeof $$render<T>>['slots'];
|
|
13
|
+
bindings(): "open";
|
|
14
|
+
exports(): {};
|
|
15
|
+
}
|
|
16
|
+
interface $$IsomorphicComponent {
|
|
17
|
+
new <T = never>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
|
|
18
|
+
$$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
|
|
19
|
+
} & ReturnType<__sveltets_Render<T>['exports']>;
|
|
20
|
+
<T = never>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
|
|
21
|
+
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
|
|
22
|
+
}
|
|
23
|
+
declare const Tooltip: $$IsomorphicComponent;
|
|
24
|
+
type Tooltip<T = never> = InstanceType<typeof Tooltip<T>>;
|
|
25
|
+
export default Tooltip;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import Root from './underline-tabs.svelte';
|
|
2
|
+
import Content from './underline-tabs-content.svelte';
|
|
3
|
+
import List from './underline-tabs-list.svelte';
|
|
4
|
+
import Trigger from './underline-tabs-trigger.svelte';
|
|
5
|
+
export { Root, Content, List, Trigger, Root as UnderlineTabs, Content as UnderlineTabsContent, List as UnderlineTabsList, Trigger as UnderlineTabsTrigger };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import Root from './underline-tabs.svelte';
|
|
2
|
+
import Content from './underline-tabs-content.svelte';
|
|
3
|
+
import List from './underline-tabs-list.svelte';
|
|
4
|
+
import Trigger from './underline-tabs-trigger.svelte';
|
|
5
|
+
export { Root, Content, List, Trigger,
|
|
6
|
+
//
|
|
7
|
+
Root as UnderlineTabs, Content as UnderlineTabsContent, List as UnderlineTabsList, Trigger as UnderlineTabsTrigger };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { Tabs as TabsPrimitive } from 'bits-ui';
|
|
3
|
+
import { cn } from '../../../utils.js';
|
|
4
|
+
|
|
5
|
+
let {
|
|
6
|
+
ref = $bindable(null),
|
|
7
|
+
class: className,
|
|
8
|
+
...restProps
|
|
9
|
+
}: TabsPrimitive.ContentProps = $props();
|
|
10
|
+
</script>
|
|
11
|
+
|
|
12
|
+
<TabsPrimitive.Content
|
|
13
|
+
bind:ref
|
|
14
|
+
data-slot="underline-tabs-content"
|
|
15
|
+
class={cn('flex-1 outline-none', className)}
|
|
16
|
+
{...restProps}
|
|
17
|
+
/>
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { Tabs as TabsPrimitive } from 'bits-ui';
|
|
3
|
+
import { cn } from '../../../utils.js';
|
|
4
|
+
|
|
5
|
+
let {
|
|
6
|
+
ref = $bindable(null),
|
|
7
|
+
class: className,
|
|
8
|
+
children,
|
|
9
|
+
...restProps
|
|
10
|
+
}: TabsPrimitive.ListProps = $props();
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<TabsPrimitive.List
|
|
14
|
+
bind:ref
|
|
15
|
+
data-slot="underline-tabs-list"
|
|
16
|
+
class={cn(
|
|
17
|
+
'text-muted-foreground border-border relative inline-flex h-9 w-full max-w-full items-center justify-start overflow-x-auto border-b',
|
|
18
|
+
className
|
|
19
|
+
)}
|
|
20
|
+
{...restProps}
|
|
21
|
+
>
|
|
22
|
+
{@render children?.()}
|
|
23
|
+
</TabsPrimitive.List>
|
|
24
|
+
|
|
25
|
+
<style>
|
|
26
|
+
:global([data-slot='underline-tabs-list']) {
|
|
27
|
+
-ms-overflow-style: none; /* IE and Edge */
|
|
28
|
+
scrollbar-width: none; /* Firefox */
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
:global([data-slot='underline-tabs-list']::-webkit-scrollbar) {
|
|
32
|
+
display: none;
|
|
33
|
+
}
|
|
34
|
+
</style>
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { Tabs as TabsPrimitive } from 'bits-ui';
|
|
3
|
+
import { cn } from '../../../utils.js';
|
|
4
|
+
import { receive, send, useUnderlineTabsTrigger } from './underline-tabs.svelte.js';
|
|
5
|
+
import { box } from 'svelte-toolbelt';
|
|
6
|
+
|
|
7
|
+
let {
|
|
8
|
+
ref = $bindable(null),
|
|
9
|
+
value,
|
|
10
|
+
class: className,
|
|
11
|
+
onmouseenter,
|
|
12
|
+
onmouseleave,
|
|
13
|
+
onfocus,
|
|
14
|
+
onblur,
|
|
15
|
+
children,
|
|
16
|
+
...restProps
|
|
17
|
+
}: TabsPrimitive.TriggerProps = $props();
|
|
18
|
+
|
|
19
|
+
const state = useUnderlineTabsTrigger({
|
|
20
|
+
value: box.with(() => value),
|
|
21
|
+
onmouseenter: box.with(() => onmouseenter),
|
|
22
|
+
onmouseleave: box.with(() => onmouseleave),
|
|
23
|
+
onfocus: box.with(() => onfocus),
|
|
24
|
+
onblur: box.with(() => onblur)
|
|
25
|
+
});
|
|
26
|
+
</script>
|
|
27
|
+
|
|
28
|
+
<div class="relative h-full">
|
|
29
|
+
<TabsPrimitive.Trigger
|
|
30
|
+
bind:ref
|
|
31
|
+
data-slot="underline-tabs-trigger"
|
|
32
|
+
class={cn(
|
|
33
|
+
"dark:data-[state=active]:text-foreground data-[state=active]:text-foreground text-muted-foreground relative z-2 inline-flex h-[calc(100%-3px)] flex-1 items-center justify-center gap-1.5 px-3 py-1 text-sm font-medium whitespace-nowrap transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
34
|
+
state.rootState.isHovered &&
|
|
35
|
+
state.rootState.hoveredTab === value &&
|
|
36
|
+
'data-[state=inactive]:text-foreground!',
|
|
37
|
+
className
|
|
38
|
+
)}
|
|
39
|
+
{...state.props}
|
|
40
|
+
{...restProps}
|
|
41
|
+
>
|
|
42
|
+
{@render children?.()}
|
|
43
|
+
</TabsPrimitive.Trigger>
|
|
44
|
+
{#if state.rootState.hoveredTab === value}
|
|
45
|
+
<div
|
|
46
|
+
class={cn(
|
|
47
|
+
'bg-accent absolute top-0 z-1 h-[calc(100%-3px)] w-full rounded-md opacity-0 transition-opacity duration-300 peer-focus-visible:opacity-100',
|
|
48
|
+
state.rootState.isHovered && 'opacity-100'
|
|
49
|
+
)}
|
|
50
|
+
in:receive={{ key: `${state.rootState.opts.id.current}-tab-hover`, duration: 300 }}
|
|
51
|
+
out:send={{ key: `${state.rootState.opts.id.current}-tab-hover`, duration: 300 }}
|
|
52
|
+
></div>
|
|
53
|
+
{/if}
|
|
54
|
+
{#if state.rootState.opts.value.current === value}
|
|
55
|
+
<div
|
|
56
|
+
class="bg-primary absolute -bottom-px z-1 h-0.5 w-full"
|
|
57
|
+
in:receive={{ key: `${state.rootState.opts.id.current}-tab-active-border`, duration: 200 }}
|
|
58
|
+
out:send={{ key: `${state.rootState.opts.id.current}-tab-active-border`, duration: 200 }}
|
|
59
|
+
></div>
|
|
60
|
+
{/if}
|
|
61
|
+
</div>
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { Tabs as TabsPrimitive } from 'bits-ui';
|
|
3
|
+
import { cn } from '../../../utils.js';
|
|
4
|
+
import { useUnderlineTabs } from './underline-tabs.svelte.js';
|
|
5
|
+
import { box } from 'svelte-toolbelt';
|
|
6
|
+
|
|
7
|
+
const uid = $props.id();
|
|
8
|
+
|
|
9
|
+
let {
|
|
10
|
+
ref = $bindable(null),
|
|
11
|
+
value = $bindable(''),
|
|
12
|
+
id = uid,
|
|
13
|
+
class: className,
|
|
14
|
+
...restProps
|
|
15
|
+
}: Omit<TabsPrimitive.RootProps, 'orientation' | 'id'> & { id?: string } = $props();
|
|
16
|
+
|
|
17
|
+
useUnderlineTabs({
|
|
18
|
+
value: box.with(
|
|
19
|
+
() => value,
|
|
20
|
+
(v) => (value = v)
|
|
21
|
+
),
|
|
22
|
+
id: box.with(() => id)
|
|
23
|
+
});
|
|
24
|
+
</script>
|
|
25
|
+
|
|
26
|
+
<TabsPrimitive.Root
|
|
27
|
+
bind:ref
|
|
28
|
+
bind:value
|
|
29
|
+
orientation="horizontal"
|
|
30
|
+
data-slot="underline-tabs"
|
|
31
|
+
class={cn('flex flex-col gap-2', className)}
|
|
32
|
+
{...restProps}
|
|
33
|
+
/>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Tabs as TabsPrimitive } from 'bits-ui';
|
|
2
|
+
type $$ComponentProps = Omit<TabsPrimitive.RootProps, 'orientation' | 'id'> & {
|
|
3
|
+
id?: string;
|
|
4
|
+
};
|
|
5
|
+
declare const UnderlineTabs: import("svelte").Component<$$ComponentProps, {}, "ref" | "value">;
|
|
6
|
+
type UnderlineTabs = ReturnType<typeof UnderlineTabs>;
|
|
7
|
+
export default UnderlineTabs;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { Context } from 'runed';
|
|
2
|
+
import { crossfade } from 'svelte/transition';
|
|
3
|
+
export const [send, receive] = crossfade({
|
|
4
|
+
duration: (d) => Math.sqrt(d * 200)
|
|
5
|
+
});
|
|
6
|
+
class UnderlineTabsRootState {
|
|
7
|
+
opts;
|
|
8
|
+
hoveredTab = $state(null);
|
|
9
|
+
isHovered = $state(false);
|
|
10
|
+
constructor(opts) {
|
|
11
|
+
this.opts = opts;
|
|
12
|
+
this.hoveredTab = this.opts.value.current;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
class UnderlineTabsTriggerState {
|
|
16
|
+
opts;
|
|
17
|
+
rootState;
|
|
18
|
+
constructor(opts, rootState) {
|
|
19
|
+
this.opts = opts;
|
|
20
|
+
this.rootState = rootState;
|
|
21
|
+
}
|
|
22
|
+
handleFocus() {
|
|
23
|
+
this.rootState.isHovered = true;
|
|
24
|
+
this.rootState.hoveredTab = this.opts.value.current;
|
|
25
|
+
}
|
|
26
|
+
handleBlur() {
|
|
27
|
+
if (this.rootState.hoveredTab === this.opts.value.current) {
|
|
28
|
+
this.rootState.isHovered = false;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
onmouseenter(e) {
|
|
32
|
+
this.handleFocus();
|
|
33
|
+
this.opts.onmouseenter.current?.(e);
|
|
34
|
+
}
|
|
35
|
+
onmouseleave(e) {
|
|
36
|
+
this.handleBlur();
|
|
37
|
+
this.opts.onmouseleave.current?.(e);
|
|
38
|
+
}
|
|
39
|
+
onfocus(e) {
|
|
40
|
+
this.handleFocus();
|
|
41
|
+
this.opts.onfocus.current?.(e);
|
|
42
|
+
}
|
|
43
|
+
onblur(e) {
|
|
44
|
+
this.handleBlur();
|
|
45
|
+
this.opts.onblur.current?.(e);
|
|
46
|
+
}
|
|
47
|
+
props = $derived.by(() => ({
|
|
48
|
+
value: this.opts.value.current,
|
|
49
|
+
onmouseenter: this.onmouseenter.bind(this),
|
|
50
|
+
onmouseleave: this.onmouseleave.bind(this),
|
|
51
|
+
onfocus: this.onfocus.bind(this),
|
|
52
|
+
onblur: this.onblur.bind(this)
|
|
53
|
+
}));
|
|
54
|
+
}
|
|
55
|
+
const ctx = new Context('underline-tabs-root-ctx');
|
|
56
|
+
export function useUnderlineTabs(opts) {
|
|
57
|
+
return ctx.set(new UnderlineTabsRootState(opts));
|
|
58
|
+
}
|
|
59
|
+
export function useUnderlineTabsTrigger(opts) {
|
|
60
|
+
return new UnderlineTabsTriggerState(opts, ctx.get());
|
|
61
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import translations from "./translations";
|
|
2
|
+
export declare const locale: import("svelte/store").Writable<string>;
|
|
3
|
+
export declare const locales: Array<keyof typeof translations>;
|
|
4
|
+
type TranslationVars = Record<string, string | number>;
|
|
5
|
+
export declare const t: import("svelte/store").Readable<(key: string, vars?: TranslationVars) => string>;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { derived, writable } from "svelte/store";
|
|
2
|
+
import translations from "./translations";
|
|
3
|
+
export const locale = writable("en");
|
|
4
|
+
export const locales = Object.keys(translations);
|
|
5
|
+
function translate(currentLocale, key, vars) {
|
|
6
|
+
if (!key)
|
|
7
|
+
throw new Error("no key provided to $t()");
|
|
8
|
+
if (!currentLocale)
|
|
9
|
+
throw new Error(`no translation for key "${key}"`);
|
|
10
|
+
// Fazemos o type assertion para garantir que o TypeScript reconheça as chaves com segurança
|
|
11
|
+
const langTranslations = translations[currentLocale];
|
|
12
|
+
if (!langTranslations)
|
|
13
|
+
throw new Error(`no translation found for locale "${currentLocale}"`);
|
|
14
|
+
let text = langTranslations[key];
|
|
15
|
+
if (!text)
|
|
16
|
+
throw new Error(`no translation found for ${currentLocale}.${key}`);
|
|
17
|
+
// Substitui as variáveis passadas na string de tradução de forma segura
|
|
18
|
+
Object.keys(vars).forEach((k) => {
|
|
19
|
+
const regex = new RegExp(`{{${k}}}`, "g");
|
|
20
|
+
text = text.replace(regex, String(vars[k]));
|
|
21
|
+
});
|
|
22
|
+
return text;
|
|
23
|
+
}
|
|
24
|
+
export const t = derived(locale, ($locale) => (key, vars = {}) => translate($locale, key, vars));
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
en: {
|
|
3
|
+
"input.email.label": string;
|
|
4
|
+
"input.email.placeholder": string;
|
|
5
|
+
"input.usename.label": string;
|
|
6
|
+
"input.username.placeholder": string;
|
|
7
|
+
"input.password.label": string;
|
|
8
|
+
"input.password.placeholder": string;
|
|
9
|
+
"input.password-confirm.label": string;
|
|
10
|
+
"input.password-confirm.placeholder": string;
|
|
11
|
+
"button.back": string;
|
|
12
|
+
"button.login": string;
|
|
13
|
+
"button.login.with": string;
|
|
14
|
+
"link.forget.password": string;
|
|
15
|
+
"link.privacy-policy.label": string;
|
|
16
|
+
"link.terms-of-service.label": string;
|
|
17
|
+
"label.or": string;
|
|
18
|
+
"label.logout": string;
|
|
19
|
+
"label.next": string;
|
|
20
|
+
"label.help": string;
|
|
21
|
+
"label.settings": string;
|
|
22
|
+
"label.panel": string;
|
|
23
|
+
"label.administrative": string;
|
|
24
|
+
"label.platform": string;
|
|
25
|
+
"label.login": string;
|
|
26
|
+
"label.register": string;
|
|
27
|
+
"label.home": string;
|
|
28
|
+
"label.maneger": string;
|
|
29
|
+
"label.folder": string;
|
|
30
|
+
"label.file": string;
|
|
31
|
+
"label.users": string;
|
|
32
|
+
"label.account": string;
|
|
33
|
+
"label.profile": string;
|
|
34
|
+
"text.login": string;
|
|
35
|
+
"text.register": string;
|
|
36
|
+
"language.en": string;
|
|
37
|
+
"language.pt": string;
|
|
38
|
+
};
|
|
39
|
+
pt: {
|
|
40
|
+
"input.email.label": string;
|
|
41
|
+
"input.email.placeholder": string;
|
|
42
|
+
"input.usename.label": string;
|
|
43
|
+
"input.username.placeholder": string;
|
|
44
|
+
"input.password.label": string;
|
|
45
|
+
"input.password.placeholder": string;
|
|
46
|
+
"input.password-confirm.label": string;
|
|
47
|
+
"input.password-confirm.placeholder": string;
|
|
48
|
+
"button.back": string;
|
|
49
|
+
"button.login": string;
|
|
50
|
+
"button.login.with": string;
|
|
51
|
+
"link.forget.password": string;
|
|
52
|
+
"link.privacy-policy.label": string;
|
|
53
|
+
"link.terms-of-service.label": string;
|
|
54
|
+
"label.or": string;
|
|
55
|
+
"label.logout": string;
|
|
56
|
+
"label.next": string;
|
|
57
|
+
"label.help": string;
|
|
58
|
+
"label.settings": string;
|
|
59
|
+
"label.panel": string;
|
|
60
|
+
"label.administrative": string;
|
|
61
|
+
"label.platform": string;
|
|
62
|
+
"label.login": string;
|
|
63
|
+
"label.register": string;
|
|
64
|
+
"label.home": string;
|
|
65
|
+
"label.maneger": string;
|
|
66
|
+
"label.folder": string;
|
|
67
|
+
"label.file": string;
|
|
68
|
+
"label.users": string;
|
|
69
|
+
"label.account": string;
|
|
70
|
+
"label.profile": string;
|
|
71
|
+
"text.login": string;
|
|
72
|
+
"text.register": string;
|
|
73
|
+
"language.en": string;
|
|
74
|
+
"language.pt": string;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
export default _default;
|