negodesign 0.0.1 → 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.
Files changed (115) hide show
  1. package/dist/components/core/breadcrumb/breadcrumb-list.svelte +31 -31
  2. package/dist/components/core/button/ButtonBack.svelte +18 -18
  3. package/dist/components/core/button/ButtonLogin.svelte +15 -15
  4. package/dist/components/core/button/ButtonLoginWith.svelte +57 -57
  5. package/dist/components/core/carousel/data/CarouselModel.d.ts +2 -1
  6. package/dist/components/core/datatable/ui/DataTableActions.svelte +28 -28
  7. package/dist/components/core/datatable/ui/DataTableCheckbox.svelte +22 -22
  8. package/dist/components/core/datatable/ui/DataTableContent.svelte +59 -59
  9. package/dist/components/core/datatable/ui/DataTableCore.svelte +151 -144
  10. package/dist/components/core/datatable/ui/DataTableDragHandle.svelte +8 -8
  11. package/dist/components/core/datatable/ui/DataTableListFilter.svelte +59 -59
  12. package/dist/components/core/datatable/ui/DataTableListPagination.svelte +35 -35
  13. package/dist/components/core/form/ui/input-base.svelte +81 -81
  14. package/dist/components/core/form/ui/input-email.svelte +23 -22
  15. package/dist/components/core/form/ui/input-password-confirm.svelte +23 -22
  16. package/dist/components/core/form/ui/input-password.svelte +23 -22
  17. package/dist/components/core/form/ui/input-phone.svelte +23 -0
  18. package/dist/components/core/form/ui/input-phone.svelte.d.ts +4 -0
  19. package/dist/components/core/form/ui/input-username.svelte +22 -21
  20. package/dist/components/core/label/LabelOr.svelte +25 -25
  21. package/dist/components/core/link/link-forget-password.svelte +12 -12
  22. package/dist/components/core/link/link-privacy-polity.svelte +12 -12
  23. package/dist/components/core/link/link-terms-of-service.svelte +12 -12
  24. package/dist/components/core/nav/ui/nav-menu-bar.svelte +97 -97
  25. package/dist/components/core/nav/ui/nav-menu-bottom-bar.svelte +33 -33
  26. package/dist/components/core/nav/ui/nav-menu-top-bar.svelte +103 -103
  27. package/dist/components/core/sidebar/{menu-bar-sidebar.svelte → MenuBarSidebar.svelte} +70 -62
  28. package/dist/components/core/sidebar/{menu-bar-sidebar.svelte.d.ts → MenuBarSidebar.svelte.d.ts} +8 -0
  29. package/dist/components/core/tabs/ui/tab-underline.svelte +41 -41
  30. package/dist/components/pages/admin/ui/{admin-content.svelte → AdminContent.svelte} +14 -13
  31. package/dist/components/pages/admin/ui/{admin-content.svelte.d.ts → AdminContent.svelte.d.ts} +1 -0
  32. package/dist/components/pages/admin/ui/{admin-panel.svelte → AdminPanel.svelte} +46 -40
  33. package/dist/components/pages/admin/ui/{admin-panel.svelte.d.ts → AdminPanel.svelte.d.ts} +6 -0
  34. package/dist/components/pages/login/01/data/page-props.d.ts +21 -0
  35. package/dist/components/pages/login/01/data/page-props.js +1 -0
  36. package/dist/components/pages/login/01/ui/AuthCard.svelte +91 -0
  37. package/dist/components/pages/login/01/ui/AuthCard.svelte.d.ts +20 -0
  38. package/dist/components/pages/login/01/ui/FormLogin.svelte +56 -0
  39. package/dist/components/pages/login/01/ui/FormLogin.svelte.d.ts +13 -0
  40. package/dist/components/pages/login/01/ui/FormLoginEmailPassword.svelte +13 -0
  41. package/dist/components/pages/login/01/ui/FormLoginEmailPassword.svelte.d.ts +8 -0
  42. package/dist/components/pages/login/01/ui/FormLoginPhonePassword.svelte +13 -0
  43. package/dist/components/pages/login/01/ui/FormLoginPhonePassword.svelte.d.ts +8 -0
  44. package/dist/components/pages/login/01/ui/FormLoginUsernamePassword.svelte +13 -0
  45. package/dist/components/pages/login/01/ui/FormLoginUsernamePassword.svelte.d.ts +8 -0
  46. package/dist/components/pages/login/{admin/01 → 01}/ui/FormRegister.svelte +28 -28
  47. package/dist/components/pages/login/{admin/01 → 01}/ui/LeftHero.svelte +105 -105
  48. package/dist/components/pages/login/{admin/01 → 01}/ui/LeftHero.svelte.d.ts +1 -1
  49. package/dist/components/pages/login/01/ui/PageLogin01.svelte +49 -0
  50. package/dist/components/pages/login/01/ui/PageLogin01.svelte.d.ts +4 -0
  51. package/dist/components/pages/login/PageLogin.svelte +21 -0
  52. package/dist/components/pages/login/PageLogin.svelte.d.ts +17 -0
  53. package/dist/components/ui/badge/badge.svelte +49 -49
  54. package/dist/components/ui/chart/chart-container.svelte +80 -80
  55. package/dist/components/ui/chart/chart-style.svelte +37 -37
  56. package/dist/components/ui/chart/chart-tooltip.svelte +184 -184
  57. package/dist/components/ui/checkbox/checkbox.svelte +40 -40
  58. package/dist/components/ui/checkbox/checkbox.svelte.d.ts +1 -1
  59. package/dist/components/ui/data-table/flex-render.svelte +40 -40
  60. package/dist/components/ui/drawer/drawer-close.svelte +7 -7
  61. package/dist/components/ui/drawer/drawer-content.svelte +33 -33
  62. package/dist/components/ui/drawer/drawer-description.svelte +17 -17
  63. package/dist/components/ui/drawer/drawer-footer.svelte +20 -20
  64. package/dist/components/ui/drawer/drawer-header.svelte +20 -20
  65. package/dist/components/ui/drawer/drawer-nested.svelte +12 -12
  66. package/dist/components/ui/drawer/drawer-overlay.svelte +17 -17
  67. package/dist/components/ui/drawer/drawer-portal.svelte +7 -7
  68. package/dist/components/ui/drawer/drawer-title.svelte +17 -17
  69. package/dist/components/ui/drawer/drawer-trigger.svelte +7 -7
  70. package/dist/components/ui/drawer/drawer.svelte +12 -12
  71. package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte.d.ts +1 -1
  72. package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte.d.ts +1 -1
  73. package/dist/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte.d.ts +1 -1
  74. package/dist/components/ui/input/input.svelte.d.ts +1 -1
  75. package/dist/components/ui/select/select-content.svelte +45 -45
  76. package/dist/components/ui/select/select-group-heading.svelte +21 -21
  77. package/dist/components/ui/select/select-group.svelte +17 -17
  78. package/dist/components/ui/select/select-item.svelte +41 -41
  79. package/dist/components/ui/select/select-label.svelte +20 -20
  80. package/dist/components/ui/select/select-portal.svelte +7 -7
  81. package/dist/components/ui/select/select-scroll-down-button.svelte +21 -21
  82. package/dist/components/ui/select/select-scroll-up-button.svelte +21 -21
  83. package/dist/components/ui/select/select-separator.svelte +18 -18
  84. package/dist/components/ui/select/select-trigger.svelte +30 -30
  85. package/dist/components/ui/select/select.svelte +11 -11
  86. package/dist/components/ui/sidebar/sidebar-input.svelte.d.ts +2 -2
  87. package/dist/components/ui/sidebar/sidebar-menu-sub-button.svelte +39 -39
  88. package/dist/components/ui/table/table-body.svelte +15 -15
  89. package/dist/components/ui/table/table-caption.svelte +20 -20
  90. package/dist/components/ui/table/table-cell.svelte +15 -15
  91. package/dist/components/ui/table/table-footer.svelte +20 -20
  92. package/dist/components/ui/table/table-head.svelte +15 -15
  93. package/dist/components/ui/table/table-header.svelte +20 -20
  94. package/dist/components/ui/table/table-row.svelte +15 -15
  95. package/dist/components/ui/table/table.svelte +17 -17
  96. package/dist/components/ui/tabs/tabs-content.svelte +17 -17
  97. package/dist/components/ui/tabs/tabs-list.svelte +40 -40
  98. package/dist/components/ui/tabs/tabs-trigger.svelte +23 -23
  99. package/dist/components/ui/tabs/tabs.svelte +19 -19
  100. package/dist/components/ui/tabs/tabs.svelte.d.ts +1 -1
  101. package/dist/components/ui/underline-tabs/underline-tabs.svelte.d.ts +1 -1
  102. package/dist/index.d.ts +30 -0
  103. package/dist/index.js +30 -2
  104. package/package.json +94 -88
  105. package/dist/components/pages/login/admin/01/ui/AuthCard.svelte +0 -58
  106. package/dist/components/pages/login/admin/01/ui/AuthCard.svelte.d.ts +0 -18
  107. package/dist/components/pages/login/admin/01/ui/FormLogin.svelte +0 -31
  108. package/dist/components/pages/login/admin/01/ui/FormLogin.svelte.d.ts +0 -3
  109. package/dist/components/pages/login/admin/01/ui/PageLogin.svelte +0 -49
  110. package/dist/components/pages/login/admin/01/ui/PageLogin.svelte.d.ts +0 -18
  111. package/dist/components/pages/login/admin/index.d.ts +0 -0
  112. package/dist/components/pages/login/admin/index.js +0 -1
  113. package/dist/components/pages/login/index.d.ts +0 -0
  114. package/dist/components/pages/login/index.js +0 -1
  115. /package/dist/components/pages/login/{admin/01 → 01}/ui/FormRegister.svelte.d.ts +0 -0
@@ -1,40 +1,40 @@
1
- <script lang="ts" module>
2
- import { tv, type VariantProps } from "tailwind-variants";
3
-
4
- export const tabsListVariants = tv({
5
- base: "rounded-4xl p-[3px] group-data-horizontal/tabs:h-9 group-data-vertical/tabs:rounded-2xl data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
6
- variants: {
7
- variant: {
8
- default: "cn-tabs-list-variant-default bg-muted",
9
- line: "cn-tabs-list-variant-line gap-1 bg-transparent",
10
- },
11
- },
12
- defaultVariants: {
13
- variant: "default",
14
- },
15
- });
16
-
17
- export type TabsListVariant = VariantProps<typeof tabsListVariants>["variant"];
18
- </script>
19
-
20
- <script lang="ts">
21
- import { Tabs as TabsPrimitive } from "bits-ui";
22
- import { cn } from "../../../utils.js";
23
-
24
- let {
25
- ref = $bindable(null),
26
- variant = "default",
27
- class: className,
28
- ...restProps
29
- }: TabsPrimitive.ListProps & {
30
- variant?: TabsListVariant;
31
- } = $props();
32
- </script>
33
-
34
- <TabsPrimitive.List
35
- bind:ref
36
- data-slot="tabs-list"
37
- data-variant={variant}
38
- class={cn(tabsListVariants({ variant }), className)}
39
- {...restProps}
40
- />
1
+ <script lang="ts" module>
2
+ import { tv, type VariantProps } from "tailwind-variants";
3
+
4
+ export const tabsListVariants = tv({
5
+ base: "rounded-4xl p-[3px] group-data-horizontal/tabs:h-9 group-data-vertical/tabs:rounded-2xl data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
6
+ variants: {
7
+ variant: {
8
+ default: "cn-tabs-list-variant-default bg-muted",
9
+ line: "cn-tabs-list-variant-line gap-1 bg-transparent",
10
+ },
11
+ },
12
+ defaultVariants: {
13
+ variant: "default",
14
+ },
15
+ });
16
+
17
+ export type TabsListVariant = VariantProps<typeof tabsListVariants>["variant"];
18
+ </script>
19
+
20
+ <script lang="ts">
21
+ import { Tabs as TabsPrimitive } from "bits-ui";
22
+ import { cn } from "../../../utils.js";
23
+
24
+ let {
25
+ ref = $bindable(null),
26
+ variant = "default",
27
+ class: className,
28
+ ...restProps
29
+ }: TabsPrimitive.ListProps & {
30
+ variant?: TabsListVariant;
31
+ } = $props();
32
+ </script>
33
+
34
+ <TabsPrimitive.List
35
+ bind:ref
36
+ data-slot="tabs-list"
37
+ data-variant={variant}
38
+ class={cn(tabsListVariants({ variant }), className)}
39
+ {...restProps}
40
+ />
@@ -1,23 +1,23 @@
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.TriggerProps = $props();
10
- </script>
11
-
12
- <TabsPrimitive.Trigger
13
- bind:ref
14
- data-slot="tabs-trigger"
15
- class={cn(
16
- "gap-1.5 rounded-xl border border-transparent px-2 py-1 text-sm font-medium group-data-vertical/tabs:px-2.5 group-data-vertical/tabs:py-1.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
17
- "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
18
- "data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground",
19
- "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
20
- className
21
- )}
22
- {...restProps}
23
- />
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.TriggerProps = $props();
10
+ </script>
11
+
12
+ <TabsPrimitive.Trigger
13
+ bind:ref
14
+ data-slot="tabs-trigger"
15
+ class={cn(
16
+ "gap-1.5 rounded-xl border border-transparent px-2 py-1 text-sm font-medium group-data-vertical/tabs:px-2.5 group-data-vertical/tabs:py-1.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
17
+ "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
18
+ "data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground",
19
+ "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
20
+ className
21
+ )}
22
+ {...restProps}
23
+ />
@@ -1,19 +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
- />
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
+ />
@@ -1,4 +1,4 @@
1
1
  import { Tabs as TabsPrimitive } from "bits-ui";
2
- declare const Tabs: import("svelte").Component<TabsPrimitive.RootProps, {}, "ref" | "value">;
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, {}, "ref" | "value">;
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,2 +1,30 @@
1
- "use strict";
2
- // place files you want to import through the `$lib` alias in this folder.
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,89 +1,95 @@
1
- {
2
- "name": "negodesign",
3
- "version": "0.0.1",
4
- "type": "module",
5
- "license": "MIT",
6
- "sideEffects": [
7
- "**/*.css"
8
- ],
9
- "files": [
10
- "dist"
11
- ],
12
- "exports": {
13
- ".": {
14
- "types": "./dist/index.d.ts",
15
- "svelte": "./dist/index.js",
16
- "default": "./dist/index.js"
17
- }
18
- },
19
- "scripts": {
20
- "dev": "vite dev",
21
- "build": "vite build",
22
- "package": "svelte-kit sync && svelte-package",
23
- "prepublishOnly": "npm run package",
24
- "preview": "vite preview",
25
- "prepare": "svelte-kit sync || echo ''",
26
- "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
27
- "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
28
- "lint": "eslint .",
29
- "test:unit": "vitest",
30
- "test": "npm run test:unit -- --run"
31
- },
32
- "peerDependencies": {
33
- "svelte": "^5.0.0"
34
- },
35
- "dependencies": {
36
- "@dnd-kit-svelte/svelte": "^0.1.6",
37
- "@dnd-kit/abstract": "^0.5.0",
38
- "@dnd-kit/helpers": "^0.5.0",
39
- "@hugeicons/core-free-icons": "^4.2.3",
40
- "@hugeicons/svelte": "^1.1.4",
41
- "@internationalized/date": "^3.12.2",
42
- "@lucide/svelte": "^0.577.0",
43
- "@tanstack/table-core": "^8.21.3",
44
- "@types/d3-scale": "^4.0.9",
45
- "@types/d3-shape": "^3.1.8",
46
- "bits-ui": "^2.18.1",
47
- "clsx": "^2.1.1",
48
- "d3-scale": "^4.0.2",
49
- "d3-shape": "^3.2.0",
50
- "layerchart": "^2.0.0-next.48",
51
- "mode-watcher": "^1.1.0",
52
- "runed": "^0.37.1",
53
- "svelte-sonner": "^1.1.1",
54
- "svelte-toolbelt": "^0.10.6",
55
- "tailwind-merge": "^3.6.0",
56
- "tailwind-variants": "^3.2.2",
57
- "vaul-svelte": "^1.0.0-next.7",
58
- "zod": "^4.4.3"
59
- },
60
- "devDependencies": {
61
- "@eslint/js": "^10.0.1",
62
- "@fontsource-variable/figtree": "^5.3.0",
63
- "@sveltejs/adapter-auto": "^7.0.1",
64
- "@sveltejs/adapter-node": "^5.5.7",
65
- "@sveltejs/kit": "^2.63.0",
66
- "@sveltejs/package": "^2.5.8",
67
- "@sveltejs/vite-plugin-svelte": "^7.1.2",
68
- "@tailwindcss/forms": "^0.5.11",
69
- "@tailwindcss/typography": "^0.5.19",
70
- "@tailwindcss/vite": "^4.3.0",
71
- "@types/node": "^22",
72
- "@vitest/browser-playwright": "^4.1.8",
73
- "eslint": "^10.4.1",
74
- "eslint-plugin-svelte": "^3.19.0",
75
- "globals": "^17.6.0",
76
- "playwright": "^1.60.0",
77
- "shadcn-svelte": "^1.4.2",
78
- "svelte": "^5.56.8",
79
- "svelte-check": "^4.6.0",
80
- "svelte-preprocess": "^6.0.5",
81
- "tailwindcss": "^4.3.0",
82
- "tw-animate-css": "^1.4.0",
83
- "typescript": "^6.0.3",
84
- "typescript-eslint": "^8.60.1",
85
- "vite": "^8.0.16",
86
- "vitest": "^4.1.8",
87
- "vitest-browser-svelte": "^2.1.1"
88
- }
1
+ {
2
+ "name": "negodesign",
3
+ "version": "0.0.3",
4
+ "type": "module",
5
+ "license": "MIT",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "files": [
10
+ "dist"
11
+ ],
12
+ "exports": {
13
+ ".": {
14
+ "types": "./dist/index.d.ts",
15
+ "svelte": "./dist/index.js",
16
+ "default": "./dist/index.js"
17
+ },
18
+ "./*.svelte": "./dist/*.svelte",
19
+ "./*": {
20
+ "types": "./dist/*.d.ts",
21
+ "svelte": "./dist/*.js",
22
+ "default": "./dist/*.js"
23
+ }
24
+ },
25
+ "scripts": {
26
+ "dev": "vite dev",
27
+ "build": "vite build",
28
+ "package": "svelte-kit sync && svelte-package",
29
+ "prepublishOnly": "npm run package",
30
+ "preview": "vite preview",
31
+ "prepare": "svelte-kit sync || echo ''",
32
+ "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
33
+ "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
34
+ "lint": "eslint .",
35
+ "test:unit": "vitest",
36
+ "test": "npm run test:unit -- --run"
37
+ },
38
+ "peerDependencies": {
39
+ "svelte": "^5.0.0"
40
+ },
41
+ "dependencies": {
42
+ "@dnd-kit-svelte/svelte": "^0.1.6",
43
+ "@dnd-kit/abstract": "^0.5.0",
44
+ "@dnd-kit/helpers": "^0.5.0",
45
+ "@hugeicons/core-free-icons": "^4.2.3",
46
+ "@hugeicons/svelte": "^1.1.4",
47
+ "@internationalized/date": "^3.12.2",
48
+ "@lucide/svelte": "^0.577.0",
49
+ "@tanstack/table-core": "^8.21.3",
50
+ "@types/d3-scale": "^4.0.9",
51
+ "@types/d3-shape": "^3.1.8",
52
+ "bits-ui": "^2.18.1",
53
+ "clsx": "^2.1.1",
54
+ "d3-scale": "^4.0.2",
55
+ "d3-shape": "^3.2.0",
56
+ "layerchart": "^2.0.0-next.48",
57
+ "mode-watcher": "^1.1.0",
58
+ "runed": "^0.37.1",
59
+ "svelte-sonner": "^1.1.1",
60
+ "svelte-toolbelt": "^0.10.6",
61
+ "tailwind-merge": "^3.6.0",
62
+ "tailwind-variants": "^3.2.2",
63
+ "vaul-svelte": "^1.0.0-next.7",
64
+ "zod": "^4.4.3"
65
+ },
66
+ "devDependencies": {
67
+ "@eslint/js": "^10.0.1",
68
+ "@fontsource-variable/figtree": "^5.3.0",
69
+ "@sveltejs/adapter-auto": "^7.0.1",
70
+ "@sveltejs/adapter-node": "^5.5.7",
71
+ "@sveltejs/kit": "^2.63.0",
72
+ "@sveltejs/package": "^2.5.8",
73
+ "@sveltejs/vite-plugin-svelte": "^7.1.2",
74
+ "@tailwindcss/forms": "^0.5.11",
75
+ "@tailwindcss/typography": "^0.5.19",
76
+ "@tailwindcss/vite": "^4.3.0",
77
+ "@types/node": "^22",
78
+ "@vitest/browser-playwright": "^4.1.8",
79
+ "eslint": "^10.4.1",
80
+ "eslint-plugin-svelte": "^3.19.0",
81
+ "globals": "^17.6.0",
82
+ "playwright": "^1.60.0",
83
+ "shadcn-svelte": "^1.4.2",
84
+ "svelte": "^5.56.8",
85
+ "svelte-check": "^4.6.0",
86
+ "svelte-preprocess": "^6.0.5",
87
+ "tailwindcss": "^4.3.0",
88
+ "tw-animate-css": "^1.4.0",
89
+ "typescript": "^6.0.3",
90
+ "typescript-eslint": "^8.60.1",
91
+ "vite": "^8.0.16",
92
+ "vitest": "^4.1.8",
93
+ "vitest-browser-svelte": "^2.1.1"
94
+ }
89
95
  }
@@ -1,58 +0,0 @@
1
- <script lang="ts">
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";
8
- //import FormRegister from "./FormRegister.svelte";
9
- import FormLogin from "./FormLogin.svelte";
10
- import { LightSwitch } from "../../../../../ui/light-switch";
11
- import { t } from "../../../../../../i18n";
12
- </script>
13
-
14
- <div class="flex-1 flex flex-col justify-between h-screen bg-gradient-right">
15
- <nav class="flex justify-between p-5 md:bg-transparent">
16
- <div>
17
- <ButtonBack />
18
- </div>
19
- <div class="flex gap-2">
20
- <LightSwitch />
21
- <LanguageSwitcher />
22
- </div>
23
- </nav>
24
-
25
- <div
26
- class="p-5 h-full border-t-2 bg-background md:border-none rounded-tl-[35px] rounded-tr-[35px]"
27
- >
28
- <TabUnderline
29
- items={[
30
- {
31
- item: { label: $t("label.login"), value: "login" },
32
- children: loginSnippet,
33
- },
34
- // {
35
- // item: { label: $t("label.register"), value: "register" },
36
- // children: registerSnippet,
37
- // },
38
- ]}
39
- />
40
-
41
- {#snippet loginSnippet()}
42
- <FormLogin />
43
- {/snippet}
44
-
45
- <!-- {#snippet registerSnippet()}
46
- <FormRegister />
47
- {/snippet} -->
48
- </div>
49
-
50
- <!-- Footer Terms -->
51
- <div
52
- class="text-[11px] text-slate-400 py-2 flex justify-center gap-2 bg-background"
53
- >
54
- <LinkPrivacyPolity />
55
- <LabelOr />
56
- <LinkTermsOfService />
57
- </div>
58
- </div>
@@ -1,18 +0,0 @@
1
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
2
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
- $$bindings?: Bindings;
4
- } & Exports;
5
- (internal: unknown, props: {
6
- $$events?: Events;
7
- $$slots?: Slots;
8
- }): Exports & {
9
- $set?: any;
10
- $on?: any;
11
- };
12
- z_$$bindings?: Bindings;
13
- }
14
- declare const AuthCard: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
15
- [evt: string]: CustomEvent<any>;
16
- }, {}, {}, string>;
17
- type AuthCard = InstanceType<typeof AuthCard>;
18
- export default AuthCard;
@@ -1,31 +0,0 @@
1
- <script lang="ts">
2
- import InputEmail from "../../../../../core/form/ui/input-email.svelte";
3
- import InputPassword from "../../../../../core/form/ui/input-password.svelte";
4
- import ButtonLogin from "../../../../../core/button/ButtonLogin.svelte";
5
- import LinkForgetPassword from "../../../../../core/link/link-forget-password.svelte";
6
- import LabelOr from "../../../../../core/label/LabelOr.svelte";
7
- import ButtonLoginWith from "../../../../../core/button/ButtonLoginWith.svelte";
8
- import { t } from "../../../../../../i18n";
9
-
10
- let email = $state("");
11
- let password = $state("");
12
- </script>
13
-
14
- <form class="w-full space-y-4" onsubmit={(e) => e.preventDefault()}>
15
- <p class="text-[13px] py-3">{$t("text.login")}</p>
16
-
17
- <div class="space-y-1">
18
- <InputEmail value={email} />
19
- </div>
20
-
21
- <div class="space-y-1 relative">
22
- <InputPassword value={password} />
23
- <LinkForgetPassword />
24
- </div>
25
-
26
- <div class="flex flex-col gap-1">
27
- <ButtonLogin />
28
- <LabelOr variant="SEPARATOR" />
29
- <ButtonLoginWith icon="GOOGLE" />
30
- </div>
31
- </form>
@@ -1,3 +0,0 @@
1
- declare const FormLogin: import("svelte").Component<Record<string, never>, {}, "">;
2
- type FormLogin = ReturnType<typeof FormLogin>;
3
- export default FormLogin;
@@ -1,49 +0,0 @@
1
- <script lang="ts">
2
- import { t } from "../../../../../../i18n";
3
- import AuthCard from "./AuthCard.svelte";
4
- import LeftHero from "./LeftHero.svelte";
5
- </script>
6
-
7
- <main class="h-screen w-screen flex items-center">
8
- <div class="hidden md:block md:w-8/12">
9
- <LeftHero
10
- title="Negodesign"
11
- varient="POINTER"
12
- items={[
13
- {
14
- buttonText: $t("label.next"),
15
- title: "ALorem Ipsum is simply dummy text of the printing and",
16
- description:
17
- "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since 1966, when designers at Letraset and James Mosley, the librarian at St Bride Printing Library in London, took a 1914 Cicero translation and scrambled",
18
- },
19
- {
20
- buttonText: $t("label.next"),
21
- title: "BLorem Ipsum is simply dummy text of the printing and",
22
- description:
23
- "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since 1966, when designers at Letraset and James Mosley, the librarian at St Bride Printing Library in London, took a 1914 Cicero translation and scrambled",
24
- },
25
- {
26
- buttonText: $t("label.next"),
27
- title: "CLorem Ipsum is simply dummy text of the printing and",
28
- description:
29
- "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since 1966, when designers at Letraset and James Mosley, the librarian at St Bride Printing Library in London, took a 1914 Cicero translation and scrambled",
30
- },
31
- ]}
32
- />
33
- </div>
34
- <div class="w-full md:px-0 md:w-4/12 border-gray-900">
35
- <AuthCard />
36
- </div>
37
- </main>
38
-
39
- <style>
40
- :global(.grid-pattern) {
41
- background-size: 40px 40px;
42
- background-image: linear-gradient(
43
- to right,
44
- rgba(0, 0, 0, 0.1) 1px,
45
- transparent 1px
46
- ),
47
- linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 1px, transparent 1px);
48
- }
49
- </style>
@@ -1,18 +0,0 @@
1
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
2
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
- $$bindings?: Bindings;
4
- } & Exports;
5
- (internal: unknown, props: {
6
- $$events?: Events;
7
- $$slots?: Slots;
8
- }): Exports & {
9
- $set?: any;
10
- $on?: any;
11
- };
12
- z_$$bindings?: Bindings;
13
- }
14
- declare const PageLogin: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
15
- [evt: string]: CustomEvent<any>;
16
- }, {}, {}, string>;
17
- type PageLogin = InstanceType<typeof PageLogin>;
18
- export default PageLogin;
File without changes
@@ -1 +0,0 @@
1
- "use strict";
File without changes
@@ -1 +0,0 @@
1
- "use strict";