negodesign 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/core/datatable/ui/DataTableCore.svelte +8 -1
- package/dist/components/core/form/ui/input-email.svelte +1 -0
- package/dist/components/core/form/ui/input-password-confirm.svelte +1 -0
- package/dist/components/core/form/ui/input-password.svelte +1 -0
- package/dist/components/core/form/ui/input-phone.svelte +1 -0
- package/dist/components/core/form/ui/input-username.svelte +1 -0
- package/dist/components/core/sidebar/{menu-bar-sidebar.svelte → MenuBarSidebar.svelte} +8 -0
- package/dist/components/core/sidebar/{menu-bar-sidebar.svelte.d.ts → MenuBarSidebar.svelte.d.ts} +8 -0
- package/dist/components/pages/admin/ui/{admin-content.svelte → AdminContent.svelte} +1 -0
- package/dist/components/pages/admin/ui/{admin-content.svelte.d.ts → AdminContent.svelte.d.ts} +1 -0
- package/dist/components/pages/admin/ui/{admin-panel.svelte → AdminPanel.svelte} +6 -0
- package/dist/components/pages/admin/ui/{admin-panel.svelte.d.ts → AdminPanel.svelte.d.ts} +6 -0
- package/dist/components/pages/login/01/data/page-props.d.ts +21 -0
- package/dist/components/pages/login/{admin/01 → 01}/ui/AuthCard.svelte +16 -9
- package/dist/components/pages/login/01/ui/AuthCard.svelte.d.ts +20 -0
- package/dist/components/pages/login/{admin/01 → 01}/ui/FormLogin.svelte +14 -9
- package/dist/components/pages/login/{admin/01 → 01}/ui/FormLogin.svelte.d.ts +5 -0
- package/dist/components/pages/login/{admin/01 → 01}/ui/FormLoginEmailPassword.svelte +1 -0
- package/dist/components/pages/login/{admin/01 → 01}/ui/FormLoginEmailPassword.svelte.d.ts +1 -0
- package/dist/components/pages/login/{admin/01 → 01}/ui/FormLoginPhonePassword.svelte +1 -0
- package/dist/components/pages/login/{admin/01 → 01}/ui/FormLoginPhonePassword.svelte.d.ts +1 -0
- package/dist/components/pages/login/{admin/01 → 01}/ui/FormLoginUsernamePassword.svelte +1 -0
- package/dist/components/pages/login/{admin/01 → 01}/ui/FormLoginUsernamePassword.svelte.d.ts +1 -0
- package/dist/components/pages/login/{admin/01 → 01}/ui/FormRegister.svelte +5 -5
- package/dist/components/pages/login/{admin/01 → 01}/ui/LeftHero.svelte +2 -2
- package/dist/components/pages/login/{admin/01 → 01}/ui/LeftHero.svelte.d.ts +1 -1
- package/dist/components/pages/login/{admin/01/ui/PageLogin.svelte → 01/ui/PageLogin01.svelte} +19 -17
- package/dist/components/pages/login/01/ui/PageLogin01.svelte.d.ts +4 -0
- package/dist/components/pages/login/PageLogin.svelte +21 -0
- package/dist/components/pages/login/PageLogin.svelte.d.ts +17 -0
- package/dist/components/ui/checkbox/checkbox.svelte.d.ts +1 -1
- package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte.d.ts +1 -1
- package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte.d.ts +1 -1
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte.d.ts +1 -1
- package/dist/components/ui/input/input.svelte.d.ts +1 -1
- package/dist/components/ui/sidebar/sidebar-input.svelte.d.ts +2 -2
- package/dist/components/ui/tabs/tabs.svelte.d.ts +1 -1
- package/dist/components/ui/underline-tabs/underline-tabs.svelte.d.ts +1 -1
- package/dist/index.d.ts +30 -0
- package/dist/index.js +30 -1
- package/package.json +1 -1
- package/dist/components/pages/login/admin/01/data/page-props.d.ts +0 -10
- package/dist/components/pages/login/admin/01/ui/AuthCard.svelte.d.ts +0 -12
- package/dist/components/pages/login/admin/01/ui/PageLogin.svelte.d.ts +0 -15
- package/dist/components/pages/login/admin/index.d.ts +0 -0
- package/dist/components/pages/login/admin/index.js +0 -1
- package/dist/components/pages/login/index.d.ts +0 -0
- package/dist/components/pages/login/index.js +0 -1
- /package/dist/components/pages/login/{admin/01 → 01}/data/page-props.js +0 -0
- /package/dist/components/pages/login/{admin/01 → 01}/ui/FormRegister.svelte.d.ts +0 -0
|
@@ -27,6 +27,13 @@
|
|
|
27
27
|
import DataTableContent from "./DataTableContent.svelte";
|
|
28
28
|
import DataTableListPagination from "./DataTableListPagination.svelte";
|
|
29
29
|
|
|
30
|
+
/**
|
|
31
|
+
* Tabela de dados genérica com paginação, ordenação e filtros.
|
|
32
|
+
* @property {DataTableItem<T>["config"]} config - Definição das colunas
|
|
33
|
+
* @property {keyof T} columnFilter - Chave para filtro por coluna
|
|
34
|
+
* @property {Component} actions - Componente de ações por linha
|
|
35
|
+
* @property {T[]} items - Dados da tabela
|
|
36
|
+
*/
|
|
30
37
|
let { config, columnFilter, actions, items = [] }: DataTableItem<T> = $props();
|
|
31
38
|
|
|
32
39
|
let columns: ColumnDef<T>[] = $derived([
|
|
@@ -42,7 +49,7 @@
|
|
|
42
49
|
...(actions
|
|
43
50
|
? [{
|
|
44
51
|
id: "actions",
|
|
45
|
-
cell: (ctx: CellContext<T, unknown>) => renderComponent(actions, ctx as
|
|
52
|
+
cell: (ctx: CellContext<T, unknown>) => renderComponent(actions, ctx as unknown),
|
|
46
53
|
enableSorting: false,
|
|
47
54
|
enableHiding: false,
|
|
48
55
|
} satisfies ColumnDef<T>]
|
|
@@ -14,6 +14,14 @@
|
|
|
14
14
|
import NavMenuTopBar from "../nav/ui/nav-menu-top-bar.svelte";
|
|
15
15
|
import { t } from "../../../i18n";
|
|
16
16
|
|
|
17
|
+
/**
|
|
18
|
+
* Sidebar de navegação com menus, usuário e botões.
|
|
19
|
+
* @property {NavMenuSidebar[]} menusButtons - Botões do footer (ex: logout)
|
|
20
|
+
* @property {NavMenuItem[]} menus - Itens de navegação principal
|
|
21
|
+
* @property {NavUserSidebarItem} user - Dados do usuário logado
|
|
22
|
+
* @property {Snippet} footer - Snippet customizado do footer
|
|
23
|
+
* @property {Snippet} header - Snippet customizado do header
|
|
24
|
+
*/
|
|
17
25
|
type Props = {
|
|
18
26
|
menusButtons?: NavMenuSidebar[];
|
|
19
27
|
menus: NavMenuItem[];
|
package/dist/components/core/sidebar/{menu-bar-sidebar.svelte.d.ts → MenuBarSidebar.svelte.d.ts}
RENAMED
|
@@ -3,6 +3,14 @@ import type { ComponentProps } from "svelte";
|
|
|
3
3
|
import type { NavUserSidebarItem } from "../nav/data/nav-user-sidebar";
|
|
4
4
|
import type { NavMenuItem, NavMenuSidebar } from "../nav/data/nav-menu-sidebar";
|
|
5
5
|
import type { Snippet } from "svelte";
|
|
6
|
+
/**
|
|
7
|
+
* Sidebar de navegação com menus, usuário e botões.
|
|
8
|
+
* @property {NavMenuSidebar[]} menusButtons - Botões do footer (ex: logout)
|
|
9
|
+
* @property {NavMenuItem[]} menus - Itens de navegação principal
|
|
10
|
+
* @property {NavUserSidebarItem} user - Dados do usuário logado
|
|
11
|
+
* @property {Snippet} footer - Snippet customizado do footer
|
|
12
|
+
* @property {Snippet} header - Snippet customizado do header
|
|
13
|
+
*/
|
|
6
14
|
type Props = {
|
|
7
15
|
menusButtons?: NavMenuSidebar[];
|
|
8
16
|
menus: NavMenuItem[];
|
|
@@ -5,6 +5,12 @@
|
|
|
5
5
|
import * as Sidebar from "../../../ui/sidebar/index.js";
|
|
6
6
|
import type { Snippet } from "svelte";
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* Layout de admin com sidebar, header e conteúdo.
|
|
10
|
+
* @property {Snippet} appsidebar - Sidebar da aplicação
|
|
11
|
+
* @property {Snippet} content - Conteúdo principal
|
|
12
|
+
* @property {Snippet} breadcrumb - Navegação breadcrumb
|
|
13
|
+
*/
|
|
8
14
|
type Props = {
|
|
9
15
|
appsidebar?: Snippet;
|
|
10
16
|
content?: Snippet;
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import type { Snippet } from "svelte";
|
|
2
|
+
/**
|
|
3
|
+
* Layout de admin com sidebar, header e conteúdo.
|
|
4
|
+
* @property {Snippet} appsidebar - Sidebar da aplicação
|
|
5
|
+
* @property {Snippet} content - Conteúdo principal
|
|
6
|
+
* @property {Snippet} breadcrumb - Navegação breadcrumb
|
|
7
|
+
*/
|
|
2
8
|
type Props = {
|
|
3
9
|
appsidebar?: Snippet;
|
|
4
10
|
content?: Snippet;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { CarouselItem, CarouselItemType } from "../../../../core/carousel/data/CarouselModel";
|
|
2
|
+
import type { Snippet } from "svelte";
|
|
3
|
+
export type AuthFormType = "EMAIL_PASSWORD" | "PHONE_PASSWORD" | "USERNAME_PASSWORD";
|
|
4
|
+
export type LoginVariant = "EMAIL" | "USERNAME" | "PHONE";
|
|
5
|
+
export type Credential = {
|
|
6
|
+
password: string;
|
|
7
|
+
data: string;
|
|
8
|
+
};
|
|
9
|
+
export type LinkProps = {
|
|
10
|
+
url?: string;
|
|
11
|
+
onclick?: () => void;
|
|
12
|
+
};
|
|
13
|
+
export type PageLoginProps = {
|
|
14
|
+
carousel?: CarouselItem[];
|
|
15
|
+
varient?: CarouselItemType;
|
|
16
|
+
title?: string;
|
|
17
|
+
children?: Snippet;
|
|
18
|
+
formType?: AuthFormType;
|
|
19
|
+
privacyPolicy?: LinkProps;
|
|
20
|
+
termsOfService?: LinkProps;
|
|
21
|
+
};
|
|
@@ -1,19 +1,26 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import LanguageSwitcher from "
|
|
3
|
-
import LinkTermsOfService from "
|
|
4
|
-
import LinkPrivacyPolity from "
|
|
5
|
-
import TabUnderline from "
|
|
6
|
-
import ButtonBack from "
|
|
7
|
-
import LabelOr from "
|
|
8
|
-
//import FormRegister from "./FormRegister.svelte";
|
|
2
|
+
import LanguageSwitcher from "../../../../ui/language-switcher/language-switcher.svelte";
|
|
3
|
+
import LinkTermsOfService from "../../../../core/link/link-terms-of-service.svelte";
|
|
4
|
+
import LinkPrivacyPolity from "../../../../core/link/link-privacy-polity.svelte";
|
|
5
|
+
import TabUnderline from "../../../../core/tabs/ui/tab-underline.svelte";
|
|
6
|
+
import ButtonBack from "../../../../core/button/ButtonBack.svelte";
|
|
7
|
+
import LabelOr from "../../../../core/label/LabelOr.svelte";
|
|
9
8
|
import type { Snippet } from "svelte";
|
|
10
|
-
import { LightSwitch } from "
|
|
11
|
-
import { t } from "
|
|
9
|
+
import { LightSwitch } from "../../../../ui/light-switch";
|
|
10
|
+
import { t } from "../../../../../i18n";
|
|
12
11
|
import type { AuthFormType, Credential, LinkProps } from "../data/page-props";
|
|
13
12
|
import FormLoginEmailPassword from "./FormLoginEmailPassword.svelte";
|
|
14
13
|
import FormLoginUsernamePassword from "./FormLoginUsernamePassword.svelte";
|
|
15
14
|
import FormLoginPhonePassword from "./FormLoginPhonePassword.svelte";
|
|
16
15
|
|
|
16
|
+
/**
|
|
17
|
+
* Card de autenticação com abas login/register.
|
|
18
|
+
* @property {AuthFormType} formType - Tipo do form (EMAIL_PASSWORD, USERNAME_PASSWORD, PHONE_PASSWORD)
|
|
19
|
+
* @property {(cred: Credential) => void} onSubmit - Callback ao submeter credenciais
|
|
20
|
+
* @property {Snippet} register - Snippet do form de registro (opcional, exibe aba Register)
|
|
21
|
+
* @property {LinkProps} privacyPolicy - Config do link de privacidade { url, onclick }
|
|
22
|
+
* @property {LinkProps} termsOfService - Config do link de termos { url, onclick }
|
|
23
|
+
*/
|
|
17
24
|
type Props = {
|
|
18
25
|
formType?: AuthFormType;
|
|
19
26
|
onSubmit?: (credential: Credential) => void;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { Snippet } from "svelte";
|
|
2
|
+
import type { AuthFormType, Credential, LinkProps } from "../data/page-props";
|
|
3
|
+
/**
|
|
4
|
+
* Card de autenticação com abas login/register.
|
|
5
|
+
* @property {AuthFormType} formType - Tipo do form (EMAIL_PASSWORD, USERNAME_PASSWORD, PHONE_PASSWORD)
|
|
6
|
+
* @property {(cred: Credential) => void} onSubmit - Callback ao submeter credenciais
|
|
7
|
+
* @property {Snippet} register - Snippet do form de registro (opcional, exibe aba Register)
|
|
8
|
+
* @property {LinkProps} privacyPolicy - Config do link de privacidade { url, onclick }
|
|
9
|
+
* @property {LinkProps} termsOfService - Config do link de termos { url, onclick }
|
|
10
|
+
*/
|
|
11
|
+
type Props = {
|
|
12
|
+
formType?: AuthFormType;
|
|
13
|
+
onSubmit?: (credential: Credential) => void;
|
|
14
|
+
register?: Snippet;
|
|
15
|
+
privacyPolicy?: LinkProps;
|
|
16
|
+
termsOfService?: LinkProps;
|
|
17
|
+
};
|
|
18
|
+
declare const AuthCard: import("svelte").Component<Props, {}, "">;
|
|
19
|
+
type AuthCard = ReturnType<typeof AuthCard>;
|
|
20
|
+
export default AuthCard;
|
|
@@ -1,15 +1,20 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import InputEmail from "
|
|
3
|
-
import InputUsername from "
|
|
4
|
-
import InputPhone from "
|
|
5
|
-
import InputPassword from "
|
|
6
|
-
import ButtonLogin from "
|
|
7
|
-
import LinkForgetPassword from "
|
|
8
|
-
import LabelOr from "
|
|
9
|
-
import ButtonLoginWith from "
|
|
10
|
-
import { t } from "
|
|
2
|
+
import InputEmail from "../../../../core/form/ui/input-email.svelte";
|
|
3
|
+
import InputUsername from "../../../../core/form/ui/input-username.svelte";
|
|
4
|
+
import InputPhone from "../../../../core/form/ui/input-phone.svelte";
|
|
5
|
+
import InputPassword from "../../../../core/form/ui/input-password.svelte";
|
|
6
|
+
import ButtonLogin from "../../../../core/button/ButtonLogin.svelte";
|
|
7
|
+
import LinkForgetPassword from "../../../../core/link/link-forget-password.svelte";
|
|
8
|
+
import LabelOr from "../../../../core/label/LabelOr.svelte";
|
|
9
|
+
import ButtonLoginWith from "../../../../core/button/ButtonLoginWith.svelte";
|
|
10
|
+
import { t } from "../../../../../i18n";
|
|
11
11
|
import type { Credential, LoginVariant } from "../data/page-props";
|
|
12
12
|
|
|
13
|
+
/**
|
|
14
|
+
* Formulário de login reutilizável.
|
|
15
|
+
* @property {LoginVariant} variant - Tipo do input de dados (EMAIL, USERNAME, PHONE)
|
|
16
|
+
* @property {(cred: Credential) => void} onSubmit - Callback ao submeter { data, password }
|
|
17
|
+
*/
|
|
13
18
|
type Props = {
|
|
14
19
|
variant: LoginVariant;
|
|
15
20
|
onSubmit?: (credential: Credential) => void;
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
import type { Credential, LoginVariant } from "../data/page-props";
|
|
2
|
+
/**
|
|
3
|
+
* Formulário de login reutilizável.
|
|
4
|
+
* @property {LoginVariant} variant - Tipo do input de dados (EMAIL, USERNAME, PHONE)
|
|
5
|
+
* @property {(cred: Credential) => void} onSubmit - Callback ao submeter { data, password }
|
|
6
|
+
*/
|
|
2
7
|
type Props = {
|
|
3
8
|
variant: LoginVariant;
|
|
4
9
|
onSubmit?: (credential: Credential) => void;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import InputPasswordConfirm from "
|
|
3
|
-
import InputPassword from "
|
|
4
|
-
import InputEmail from "
|
|
5
|
-
import ButtonLogin from "
|
|
6
|
-
import { t } from "
|
|
2
|
+
import InputPasswordConfirm from "../../../../core/form/ui/input-password-confirm.svelte";
|
|
3
|
+
import InputPassword from "../../../../core/form/ui/input-password.svelte";
|
|
4
|
+
import InputEmail from "../../../../core/form/ui/input-email.svelte";
|
|
5
|
+
import ButtonLogin from "../../../../core/button/ButtonLogin.svelte";
|
|
6
|
+
import { t } from "../../../../../i18n";
|
|
7
7
|
|
|
8
8
|
let email = $state("");
|
|
9
9
|
let password = $state("");
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { HugeiconsIcon } from "@hugeicons/svelte";
|
|
3
3
|
import { ArrowRight01Icon } from "@hugeicons/core-free-icons";
|
|
4
|
-
import type { CarouselProps } from "
|
|
4
|
+
import type { CarouselProps } from "../../../../core/carousel/data/CarouselModel";
|
|
5
5
|
import type { Snippet } from "svelte";
|
|
6
|
-
import Button from "
|
|
6
|
+
import Button from "../../../../ui/button/button.svelte";
|
|
7
7
|
|
|
8
8
|
type Props = {
|
|
9
9
|
title?: string | Snippet;
|
package/dist/components/pages/login/{admin/01/ui/PageLogin.svelte → 01/ui/PageLogin01.svelte}
RENAMED
|
@@ -1,24 +1,26 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import type {
|
|
3
|
-
CarouselItem,
|
|
4
|
-
CarouselItemType,
|
|
5
|
-
} from "../../../../../core/carousel/data/CarouselModel";
|
|
6
|
-
import type { Snippet } from "svelte";
|
|
7
2
|
import AuthCard from "./AuthCard.svelte";
|
|
8
3
|
import LeftHero from "./LeftHero.svelte";
|
|
9
|
-
import type {
|
|
4
|
+
import type { PageLoginProps } from "../data/page-props";
|
|
10
5
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
6
|
+
/**
|
|
7
|
+
* Variante 01 da página de login.
|
|
8
|
+
* Layout split: hero à esquerda, auth card à direita.
|
|
9
|
+
* @property {CarouselItem[]} carousel - Itens do carousel
|
|
10
|
+
* @property {string} title - Título do hero
|
|
11
|
+
* @property {AuthFormType} formType - Tipo do form de login
|
|
12
|
+
* @property {LinkProps} privacyPolicy - Config do link de privacidade
|
|
13
|
+
* @property {LinkProps} termsOfService - Config do link de termos
|
|
14
|
+
*/
|
|
15
|
+
let {
|
|
16
|
+
carousel,
|
|
17
|
+
varient,
|
|
18
|
+
title,
|
|
19
|
+
formType,
|
|
20
|
+
children,
|
|
21
|
+
privacyPolicy,
|
|
22
|
+
termsOfService,
|
|
23
|
+
}: PageLoginProps = $props();
|
|
22
24
|
</script>
|
|
23
25
|
|
|
24
26
|
<main class="h-screen w-screen flex items-center">
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { PageLoginProps } from "./01/data/page-props";
|
|
3
|
+
import PageLogin01 from "./01/ui/PageLogin01.svelte";
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Página de login principal.
|
|
7
|
+
* @property {"01"} varient - Variante do layout de login
|
|
8
|
+
* @property {CarouselItem[]} carousel - Itens do carousel hero
|
|
9
|
+
* @property {string} title - Título do hero
|
|
10
|
+
* @property {AuthFormType} formType - Tipo do form (EMAIL_PASSWORD, USERNAME_PASSWORD, PHONE_PASSWORD)
|
|
11
|
+
* @property {LinkProps} privacyPolicy - Config do link de política de privacidade
|
|
12
|
+
* @property {LinkProps} termsOfService - Config do link de termos de serviço
|
|
13
|
+
*/
|
|
14
|
+
type Props = {
|
|
15
|
+
varient?: "01";
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
let { ...props }: PageLoginProps & Props = $props();
|
|
19
|
+
</script>
|
|
20
|
+
|
|
21
|
+
<PageLogin01 {...props} />
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { PageLoginProps } from "./01/data/page-props";
|
|
2
|
+
/**
|
|
3
|
+
* Página de login principal.
|
|
4
|
+
* @property {"01"} varient - Variante do layout de login
|
|
5
|
+
* @property {CarouselItem[]} carousel - Itens do carousel hero
|
|
6
|
+
* @property {string} title - Título do hero
|
|
7
|
+
* @property {AuthFormType} formType - Tipo do form (EMAIL_PASSWORD, USERNAME_PASSWORD, PHONE_PASSWORD)
|
|
8
|
+
* @property {LinkProps} privacyPolicy - Config do link de política de privacidade
|
|
9
|
+
* @property {LinkProps} termsOfService - Config do link de termos de serviço
|
|
10
|
+
*/
|
|
11
|
+
type Props = {
|
|
12
|
+
varient?: "01";
|
|
13
|
+
};
|
|
14
|
+
type $$ComponentProps = PageLoginProps & Props;
|
|
15
|
+
declare const PageLogin: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
16
|
+
type PageLogin = ReturnType<typeof PageLogin>;
|
|
17
|
+
export default PageLogin;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { Checkbox as CheckboxPrimitive } from "bits-ui";
|
|
2
|
-
declare const Checkbox: import("svelte").Component<Omit<Omit<CheckboxPrimitive.RootProps, "child">, "children">, {}, "
|
|
2
|
+
declare const Checkbox: import("svelte").Component<Omit<Omit<CheckboxPrimitive.RootProps, "child">, "children">, {}, "checked" | "indeterminate" | "ref">;
|
|
3
3
|
type Checkbox = ReturnType<typeof Checkbox>;
|
|
4
4
|
export default Checkbox;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
|
|
2
|
-
declare const DropdownMenuCheckboxGroup: import("svelte").Component<DropdownMenuPrimitive.CheckboxGroupProps, {}, "
|
|
2
|
+
declare const DropdownMenuCheckboxGroup: import("svelte").Component<DropdownMenuPrimitive.CheckboxGroupProps, {}, "value" | "ref">;
|
|
3
3
|
type DropdownMenuCheckboxGroup = ReturnType<typeof DropdownMenuCheckboxGroup>;
|
|
4
4
|
export default DropdownMenuCheckboxGroup;
|
|
@@ -4,6 +4,6 @@ import type { Snippet } from "svelte";
|
|
|
4
4
|
type $$ComponentProps = WithoutChildrenOrChild<DropdownMenuPrimitive.CheckboxItemProps> & {
|
|
5
5
|
children?: Snippet;
|
|
6
6
|
};
|
|
7
|
-
declare const DropdownMenuCheckboxItem: import("svelte").Component<$$ComponentProps, {}, "
|
|
7
|
+
declare const DropdownMenuCheckboxItem: import("svelte").Component<$$ComponentProps, {}, "checked" | "indeterminate" | "ref">;
|
|
8
8
|
type DropdownMenuCheckboxItem = ReturnType<typeof DropdownMenuCheckboxItem>;
|
|
9
9
|
export default DropdownMenuCheckboxItem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
|
|
2
|
-
declare const DropdownMenuRadioGroup: import("svelte").Component<DropdownMenuPrimitive.RadioGroupProps, {}, "
|
|
2
|
+
declare const DropdownMenuRadioGroup: import("svelte").Component<DropdownMenuPrimitive.RadioGroupProps, {}, "value" | "ref">;
|
|
3
3
|
type DropdownMenuRadioGroup = ReturnType<typeof DropdownMenuRadioGroup>;
|
|
4
4
|
export default DropdownMenuRadioGroup;
|
|
@@ -8,6 +8,6 @@ type Props = WithElementRef<Omit<HTMLInputAttributes, "type"> & ({
|
|
|
8
8
|
type?: InputType;
|
|
9
9
|
files?: undefined;
|
|
10
10
|
})>;
|
|
11
|
-
declare const Input: import("svelte").Component<Props, {}, "
|
|
11
|
+
declare const Input: import("svelte").Component<Props, {}, "files" | "value" | "ref">;
|
|
12
12
|
type Input = ReturnType<typeof Input>;
|
|
13
13
|
export default Input;
|
|
@@ -2,10 +2,10 @@ declare const SidebarInput: import("svelte").Component<(Omit<import("svelte/elem
|
|
|
2
2
|
type: "file";
|
|
3
3
|
files?: FileList;
|
|
4
4
|
} | {
|
|
5
|
-
type?: "number" | "
|
|
5
|
+
type?: "number" | "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "hidden" | "image" | "month" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week" | (string & {});
|
|
6
6
|
files?: undefined;
|
|
7
7
|
})) & {
|
|
8
8
|
ref?: HTMLElement | null | undefined;
|
|
9
|
-
}, {}, "
|
|
9
|
+
}, {}, "value" | "ref">;
|
|
10
10
|
type SidebarInput = ReturnType<typeof SidebarInput>;
|
|
11
11
|
export default SidebarInput;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { Tabs as TabsPrimitive } from "bits-ui";
|
|
2
|
-
declare const Tabs: import("svelte").Component<TabsPrimitive.RootProps, {}, "
|
|
2
|
+
declare const Tabs: import("svelte").Component<TabsPrimitive.RootProps, {}, "value" | "ref">;
|
|
3
3
|
type Tabs = ReturnType<typeof Tabs>;
|
|
4
4
|
export default Tabs;
|
|
@@ -2,6 +2,6 @@ import { Tabs as TabsPrimitive } from 'bits-ui';
|
|
|
2
2
|
type $$ComponentProps = Omit<TabsPrimitive.RootProps, 'orientation' | 'id'> & {
|
|
3
3
|
id?: string;
|
|
4
4
|
};
|
|
5
|
-
declare const UnderlineTabs: import("svelte").Component<$$ComponentProps, {}, "
|
|
5
|
+
declare const UnderlineTabs: import("svelte").Component<$$ComponentProps, {}, "value" | "ref">;
|
|
6
6
|
type UnderlineTabs = ReturnType<typeof UnderlineTabs>;
|
|
7
7
|
export default UnderlineTabs;
|
package/dist/index.d.ts
CHANGED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import InputPasswordConfirm from "./components/core/form/ui/input-password-confirm.svelte";
|
|
2
|
+
import InputUsername from "./components/core/form/ui/input-username.svelte";
|
|
3
|
+
import InputPassword from "./components/core/form/ui/input-password.svelte";
|
|
4
|
+
import InputPhone from "./components/core/form/ui/input-phone.svelte";
|
|
5
|
+
import InputEmail from "./components/core/form/ui/input-email.svelte";
|
|
6
|
+
import DataTableCore from "./components/core/datatable/ui/DataTableCore.svelte";
|
|
7
|
+
import MenuBarSidebar from "./components/core/sidebar/MenuBarSidebar.svelte";
|
|
8
|
+
import AdminContent from "./components/pages/admin/ui/AdminContent.svelte";
|
|
9
|
+
import AdminPanel from "./components/pages/admin/ui/AdminPanel.svelte";
|
|
10
|
+
import PageLogin from "./components/pages/login/PageLogin.svelte";
|
|
11
|
+
/** Página de login com carousel hero e card de autenticação. @see PageLoginProps */
|
|
12
|
+
export { PageLogin,
|
|
13
|
+
/** Tabela de dados genérica com paginação, ordenação e filtros. @see DataTableItem */
|
|
14
|
+
DataTableCore,
|
|
15
|
+
/** Sidebar de navegação com menus, usuário e botões. @see MenuBarSidebar */
|
|
16
|
+
MenuBarSidebar,
|
|
17
|
+
/** Layout de admin com sidebar, header e conteúdo. @property {Snippet} appsidebar - Sidebar da aplicação @property {Snippet} content - Conteúdo principal @property {Snippet} breadcrumb - Navegação breadcrumb */
|
|
18
|
+
AdminPanel,
|
|
19
|
+
/** Wrapper de conteúdo para páginas admin. @property {Snippet} children - Conteúdo interno */
|
|
20
|
+
AdminContent,
|
|
21
|
+
/** Campo de input para email. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
|
|
22
|
+
InputEmail,
|
|
23
|
+
/** Campo de input para telefone. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
|
|
24
|
+
InputPhone,
|
|
25
|
+
/** Campo de input para senha. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
|
|
26
|
+
InputPassword,
|
|
27
|
+
/** Campo de input para nome de usuário. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
|
|
28
|
+
InputUsername,
|
|
29
|
+
/** Campo de input para confirmação de senha. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
|
|
30
|
+
InputPasswordConfirm };
|
package/dist/index.js
CHANGED
|
@@ -1 +1,30 @@
|
|
|
1
|
-
|
|
1
|
+
import InputPasswordConfirm from "./components/core/form/ui/input-password-confirm.svelte";
|
|
2
|
+
import InputUsername from "./components/core/form/ui/input-username.svelte";
|
|
3
|
+
import InputPassword from "./components/core/form/ui/input-password.svelte";
|
|
4
|
+
import InputPhone from "./components/core/form/ui/input-phone.svelte";
|
|
5
|
+
import InputEmail from "./components/core/form/ui/input-email.svelte";
|
|
6
|
+
import DataTableCore from "./components/core/datatable/ui/DataTableCore.svelte";
|
|
7
|
+
import MenuBarSidebar from "./components/core/sidebar/MenuBarSidebar.svelte";
|
|
8
|
+
import AdminContent from "./components/pages/admin/ui/AdminContent.svelte";
|
|
9
|
+
import AdminPanel from "./components/pages/admin/ui/AdminPanel.svelte";
|
|
10
|
+
import PageLogin from "./components/pages/login/PageLogin.svelte";
|
|
11
|
+
/** Página de login com carousel hero e card de autenticação. @see PageLoginProps */
|
|
12
|
+
export { PageLogin,
|
|
13
|
+
/** Tabela de dados genérica com paginação, ordenação e filtros. @see DataTableItem */
|
|
14
|
+
DataTableCore,
|
|
15
|
+
/** Sidebar de navegação com menus, usuário e botões. @see MenuBarSidebar */
|
|
16
|
+
MenuBarSidebar,
|
|
17
|
+
/** Layout de admin com sidebar, header e conteúdo. @property {Snippet} appsidebar - Sidebar da aplicação @property {Snippet} content - Conteúdo principal @property {Snippet} breadcrumb - Navegação breadcrumb */
|
|
18
|
+
AdminPanel,
|
|
19
|
+
/** Wrapper de conteúdo para páginas admin. @property {Snippet} children - Conteúdo interno */
|
|
20
|
+
AdminContent,
|
|
21
|
+
/** Campo de input para email. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
|
|
22
|
+
InputEmail,
|
|
23
|
+
/** Campo de input para telefone. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
|
|
24
|
+
InputPhone,
|
|
25
|
+
/** Campo de input para senha. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
|
|
26
|
+
InputPassword,
|
|
27
|
+
/** Campo de input para nome de usuário. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
|
|
28
|
+
InputUsername,
|
|
29
|
+
/** Campo de input para confirmação de senha. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
|
|
30
|
+
InputPasswordConfirm };
|
package/package.json
CHANGED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export type AuthFormType = "EMAIL_PASSWORD" | "PHONE_PASSWORD" | "USERNAME_PASSWORD";
|
|
2
|
-
export type LoginVariant = "EMAIL" | "USERNAME" | "PHONE";
|
|
3
|
-
export type Credential = {
|
|
4
|
-
password: string;
|
|
5
|
-
data: string;
|
|
6
|
-
};
|
|
7
|
-
export type LinkProps = {
|
|
8
|
-
url?: string;
|
|
9
|
-
onclick?: () => void;
|
|
10
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { Snippet } from "svelte";
|
|
2
|
-
import type { AuthFormType, Credential, LinkProps } from "../data/page-props";
|
|
3
|
-
type Props = {
|
|
4
|
-
formType?: AuthFormType;
|
|
5
|
-
onSubmit?: (credential: Credential) => void;
|
|
6
|
-
register?: Snippet;
|
|
7
|
-
privacyPolicy?: LinkProps;
|
|
8
|
-
termsOfService?: LinkProps;
|
|
9
|
-
};
|
|
10
|
-
declare const AuthCard: import("svelte").Component<Props, {}, "">;
|
|
11
|
-
type AuthCard = ReturnType<typeof AuthCard>;
|
|
12
|
-
export default AuthCard;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { CarouselItem, CarouselItemType } from "../../../../../core/carousel/data/CarouselModel";
|
|
2
|
-
import type { Snippet } from "svelte";
|
|
3
|
-
import type { AuthFormType, LinkProps } from "../data/page-props";
|
|
4
|
-
type Props = {
|
|
5
|
-
carousel?: CarouselItem[];
|
|
6
|
-
varient?: CarouselItemType;
|
|
7
|
-
title?: string;
|
|
8
|
-
children?: Snippet;
|
|
9
|
-
formType?: AuthFormType;
|
|
10
|
-
privacyPolicy?: LinkProps;
|
|
11
|
-
termsOfService?: LinkProps;
|
|
12
|
-
};
|
|
13
|
-
declare const PageLogin: import("svelte").Component<Props, {}, "">;
|
|
14
|
-
type PageLogin = ReturnType<typeof PageLogin>;
|
|
15
|
-
export default PageLogin;
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
File without changes
|
|
File without changes
|