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.
- package/dist/components/core/breadcrumb/breadcrumb-list.svelte +31 -31
- package/dist/components/core/button/ButtonBack.svelte +18 -18
- package/dist/components/core/button/ButtonLogin.svelte +15 -15
- package/dist/components/core/button/ButtonLoginWith.svelte +57 -57
- package/dist/components/core/carousel/data/CarouselModel.d.ts +2 -1
- package/dist/components/core/datatable/ui/DataTableActions.svelte +28 -28
- package/dist/components/core/datatable/ui/DataTableCheckbox.svelte +22 -22
- package/dist/components/core/datatable/ui/DataTableContent.svelte +59 -59
- package/dist/components/core/datatable/ui/DataTableCore.svelte +151 -144
- package/dist/components/core/datatable/ui/DataTableDragHandle.svelte +8 -8
- package/dist/components/core/datatable/ui/DataTableListFilter.svelte +59 -59
- package/dist/components/core/datatable/ui/DataTableListPagination.svelte +35 -35
- package/dist/components/core/form/ui/input-base.svelte +81 -81
- package/dist/components/core/form/ui/input-email.svelte +23 -22
- package/dist/components/core/form/ui/input-password-confirm.svelte +23 -22
- package/dist/components/core/form/ui/input-password.svelte +23 -22
- package/dist/components/core/form/ui/input-phone.svelte +23 -0
- package/dist/components/core/form/ui/input-phone.svelte.d.ts +4 -0
- package/dist/components/core/form/ui/input-username.svelte +22 -21
- package/dist/components/core/label/LabelOr.svelte +25 -25
- package/dist/components/core/link/link-forget-password.svelte +12 -12
- package/dist/components/core/link/link-privacy-polity.svelte +12 -12
- package/dist/components/core/link/link-terms-of-service.svelte +12 -12
- package/dist/components/core/nav/ui/nav-menu-bar.svelte +97 -97
- package/dist/components/core/nav/ui/nav-menu-bottom-bar.svelte +33 -33
- package/dist/components/core/nav/ui/nav-menu-top-bar.svelte +103 -103
- package/dist/components/core/sidebar/{menu-bar-sidebar.svelte → MenuBarSidebar.svelte} +70 -62
- package/dist/components/core/sidebar/{menu-bar-sidebar.svelte.d.ts → MenuBarSidebar.svelte.d.ts} +8 -0
- package/dist/components/core/tabs/ui/tab-underline.svelte +41 -41
- package/dist/components/pages/admin/ui/{admin-content.svelte → AdminContent.svelte} +14 -13
- 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} +46 -40
- 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/01/data/page-props.js +1 -0
- package/dist/components/pages/login/01/ui/AuthCard.svelte +91 -0
- package/dist/components/pages/login/01/ui/AuthCard.svelte.d.ts +20 -0
- package/dist/components/pages/login/01/ui/FormLogin.svelte +56 -0
- package/dist/components/pages/login/01/ui/FormLogin.svelte.d.ts +13 -0
- package/dist/components/pages/login/01/ui/FormLoginEmailPassword.svelte +13 -0
- package/dist/components/pages/login/01/ui/FormLoginEmailPassword.svelte.d.ts +8 -0
- package/dist/components/pages/login/01/ui/FormLoginPhonePassword.svelte +13 -0
- package/dist/components/pages/login/01/ui/FormLoginPhonePassword.svelte.d.ts +8 -0
- package/dist/components/pages/login/01/ui/FormLoginUsernamePassword.svelte +13 -0
- package/dist/components/pages/login/01/ui/FormLoginUsernamePassword.svelte.d.ts +8 -0
- package/dist/components/pages/login/{admin/01 → 01}/ui/FormRegister.svelte +28 -28
- package/dist/components/pages/login/{admin/01 → 01}/ui/LeftHero.svelte +105 -105
- package/dist/components/pages/login/{admin/01 → 01}/ui/LeftHero.svelte.d.ts +1 -1
- package/dist/components/pages/login/01/ui/PageLogin01.svelte +49 -0
- 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/badge/badge.svelte +49 -49
- package/dist/components/ui/chart/chart-container.svelte +80 -80
- package/dist/components/ui/chart/chart-style.svelte +37 -37
- package/dist/components/ui/chart/chart-tooltip.svelte +184 -184
- package/dist/components/ui/checkbox/checkbox.svelte +40 -40
- package/dist/components/ui/checkbox/checkbox.svelte.d.ts +1 -1
- package/dist/components/ui/data-table/flex-render.svelte +40 -40
- package/dist/components/ui/drawer/drawer-close.svelte +7 -7
- package/dist/components/ui/drawer/drawer-content.svelte +33 -33
- package/dist/components/ui/drawer/drawer-description.svelte +17 -17
- package/dist/components/ui/drawer/drawer-footer.svelte +20 -20
- package/dist/components/ui/drawer/drawer-header.svelte +20 -20
- package/dist/components/ui/drawer/drawer-nested.svelte +12 -12
- package/dist/components/ui/drawer/drawer-overlay.svelte +17 -17
- package/dist/components/ui/drawer/drawer-portal.svelte +7 -7
- package/dist/components/ui/drawer/drawer-title.svelte +17 -17
- package/dist/components/ui/drawer/drawer-trigger.svelte +7 -7
- package/dist/components/ui/drawer/drawer.svelte +12 -12
- 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/select/select-content.svelte +45 -45
- package/dist/components/ui/select/select-group-heading.svelte +21 -21
- package/dist/components/ui/select/select-group.svelte +17 -17
- package/dist/components/ui/select/select-item.svelte +41 -41
- package/dist/components/ui/select/select-label.svelte +20 -20
- package/dist/components/ui/select/select-portal.svelte +7 -7
- package/dist/components/ui/select/select-scroll-down-button.svelte +21 -21
- package/dist/components/ui/select/select-scroll-up-button.svelte +21 -21
- package/dist/components/ui/select/select-separator.svelte +18 -18
- package/dist/components/ui/select/select-trigger.svelte +30 -30
- package/dist/components/ui/select/select.svelte +11 -11
- package/dist/components/ui/sidebar/sidebar-input.svelte.d.ts +2 -2
- package/dist/components/ui/sidebar/sidebar-menu-sub-button.svelte +39 -39
- package/dist/components/ui/table/table-body.svelte +15 -15
- package/dist/components/ui/table/table-caption.svelte +20 -20
- package/dist/components/ui/table/table-cell.svelte +15 -15
- package/dist/components/ui/table/table-footer.svelte +20 -20
- package/dist/components/ui/table/table-head.svelte +15 -15
- package/dist/components/ui/table/table-header.svelte +20 -20
- package/dist/components/ui/table/table-row.svelte +15 -15
- package/dist/components/ui/table/table.svelte +17 -17
- package/dist/components/ui/tabs/tabs-content.svelte +17 -17
- package/dist/components/ui/tabs/tabs-list.svelte +40 -40
- package/dist/components/ui/tabs/tabs-trigger.svelte +23 -23
- package/dist/components/ui/tabs/tabs.svelte +19 -19
- 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 -2
- package/package.json +94 -88
- package/dist/components/pages/login/admin/01/ui/AuthCard.svelte +0 -58
- package/dist/components/pages/login/admin/01/ui/AuthCard.svelte.d.ts +0 -18
- package/dist/components/pages/login/admin/01/ui/FormLogin.svelte +0 -31
- package/dist/components/pages/login/admin/01/ui/FormLogin.svelte.d.ts +0 -3
- package/dist/components/pages/login/admin/01/ui/PageLogin.svelte +0 -49
- package/dist/components/pages/login/admin/01/ui/PageLogin.svelte.d.ts +0 -18
- 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}/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, {}, "
|
|
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,2 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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.
|
|
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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
"
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
"
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
"
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
"@
|
|
43
|
-
"@
|
|
44
|
-
"@
|
|
45
|
-
"@
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
"
|
|
62
|
-
"
|
|
63
|
-
"
|
|
64
|
-
"
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
"@
|
|
68
|
-
"@
|
|
69
|
-
"@
|
|
70
|
-
"@
|
|
71
|
-
"@
|
|
72
|
-
"@
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"
|
|
78
|
-
"
|
|
79
|
-
"
|
|
80
|
-
"svelte
|
|
81
|
-
"
|
|
82
|
-
"
|
|
83
|
-
"
|
|
84
|
-
"
|
|
85
|
-
"
|
|
86
|
-
"
|
|
87
|
-
"
|
|
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,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";
|