negodesign 0.0.26 → 0.0.27

package/dist/components/core/sidebar/MenuBarSidebar.svelte

@@ -1,70 +1,70 @@
-<script lang="ts">
-  import * as Sidebar from "../../ui/sidebar/index.js";
-  import type { ComponentProps } from "svelte";
-
-  import type { NavUserSidebarProps } from "../nav/data/nav-user-sidebar";
-  import type {
-    NavMenuItem,
-    NavMenuSidebarProps,
-  } from "../nav/data/nav-menu-sidebar";
-  import type { Snippet } from "svelte";
-  import NavMenuTopBarSidebar from "../nav/ui/nav-menu-top-bar-sidebar.svelte";
-  import NavMenuBottomSidebar from "../nav/ui/nav-menu-bottom-sidebar.svelte";
-  import NavMenuBarSidebar from "../nav/ui/nav-menu-sidebar.svelte";
-  import NavUserSidebar from "../nav/ui/nav-user-sidebar.svelte";
-  import { t } from "../../../i18n";
-
-  /**
-   * Navigation sidebar with menus, user, and buttons.
-   * @property {NavMenuSidebar[]} menusButtons - Footer buttons (e.g., logout)
-   * @property {NavMenuItem[]} menus - Main navigation items
-   * @property {NavUserSidebarItem} user - Logged-in user data
-   * @property {Snippet} footer - Snippet customizado do footer
-   * @property {Snippet} header - Snippet customizado do header
-   */
-  type Props = {
-    menusButtons?: NavMenuSidebarProps[];
-    menus: NavMenuItem[];
-    user: NavUserSidebarProps;
-    footer?: Snippet;
-    header?: Snippet;
-  };
-
-  let {
-    ref = $bindable(null),
-    collapsible = "icon",
-    menusButtons,
-    menus,
-    user,
-    footer,
-    header,
-    ...restProps
-  }: ComponentProps<typeof Sidebar.Root> & Props = $props();
-</script>
-
-<Sidebar.Root bind:ref {collapsible} {...restProps}>
-  <Sidebar.Header>
-    {#if header}
-      {@render header?.()}
-    {:else}
-      <NavMenuTopBarSidebar
-        content={{
-          title: $t("label.panel"),
-          subtitle: $t("label.administrative"),
-        }}
-      />
-    {/if}
-  </Sidebar.Header>
-  <Sidebar.Content>
-    <NavMenuBarSidebar items={menus} />
-  </Sidebar.Content>
-  <Sidebar.Footer>
-    {#if footer}
-      {@render footer?.()}
-    {:else if menusButtons && menusButtons.length > 0}
-      <NavMenuBottomSidebar items={menusButtons} class="mt-auto" />
-    {/if}
-    <NavUserSidebar {user} />
-  </Sidebar.Footer>
-  <Sidebar.Rail />
-</Sidebar.Root>
+<script lang="ts">
+  import * as Sidebar from "../../ui/sidebar/index.js";
+  import type { ComponentProps } from "svelte";
+
+  import type { NavUserSidebarProps } from "../nav/data/nav-user-sidebar";
+  import type {
+    NavMenuItem,
+    NavMenuSidebarProps,
+  } from "../nav/data/nav-menu-sidebar";
+  import type { Snippet } from "svelte";
+  import NavMenuTopBarSidebar from "../nav/ui/nav-menu-top-bar-sidebar.svelte";
+  import NavMenuBottomSidebar from "../nav/ui/nav-menu-bottom-sidebar.svelte";
+  import NavMenuBarSidebar from "../nav/ui/nav-menu-sidebar.svelte";
+  import NavUserSidebar from "../nav/ui/nav-user-sidebar.svelte";
+  import { t } from "../../../i18n";
+
+  /**
+   * Navigation sidebar with menus, user, and buttons.
+   * @property {NavMenuSidebar[]} menusButtons - Footer buttons (e.g., logout)
+   * @property {NavMenuItem[]} menus - Main navigation items
+   * @property {NavUserSidebarItem} user - Logged-in user data
+   * @property {Snippet} footer - Snippet customizado do footer
+   * @property {Snippet} header - Snippet customizado do header
+   */
+  type Props = {
+    menusButtons?: NavMenuSidebarProps[];
+    menus: NavMenuItem[];
+    user: NavUserSidebarProps;
+    footer?: Snippet;
+    header?: Snippet;
+  };
+
+  let {
+    ref = $bindable(null),
+    collapsible = "icon",
+    menusButtons,
+    menus,
+    user,
+    footer,
+    header,
+    ...restProps
+  }: ComponentProps<typeof Sidebar.Root> & Props = $props();
+</script>
+
+<Sidebar.Root bind:ref {collapsible} {...restProps}>
+  <Sidebar.Header>
+    {#if header}
+      {@render header?.()}
+    {:else}
+      <NavMenuTopBarSidebar
+        content={{
+          title: $t("label.panel"),
+          subtitle: $t("label.administrative"),
+        }}
+      />
+    {/if}
+  </Sidebar.Header>
+  <Sidebar.Content>
+    <NavMenuBarSidebar items={menus} />
+  </Sidebar.Content>
+  <Sidebar.Footer>
+    {#if footer}
+      {@render footer?.()}
+    {:else if menusButtons && menusButtons.length > 0}
+      <NavMenuBottomSidebar items={menusButtons} class="mt-auto" />
+    {/if}
+    <NavUserSidebar {user} />
+  </Sidebar.Footer>
+  <Sidebar.Rail />
+</Sidebar.Root>

package/dist/components/core/tabs/ui/tab-underline.svelte

@@ -1,43 +1,43 @@
-<script lang="ts">
-  import * as UnderlineTabs from "../../../ui/underline-tabs";
-  import type { TabProps } from "../data/TabModel";
-
-  type Props = {
-    items?: TabProps[];
-    className?: string;
-  };
-
-  let { items = [], className }: Props = $props();
-
-  let activeValue = $state<string>("");
-
-  let currentActiveValue = $derived(
-    activeValue || (items.length > 0 ? items[0].item.value : ""),
-  );
-
-  let selected = $derived(
-    items.find((it) => it.item.value === currentActiveValue) || items[0],
-  );
-</script>
-
-{#if items && items.length > 0 && selected}
-  <UnderlineTabs.Root
-    value={currentActiveValue}
-    onValueChange={(val) => (activeValue = val)}
-    class="mb-5 {className}"
-  >
-    <UnderlineTabs.List>
-      {#each items as it (it.item.value)}
-        <UnderlineTabs.Trigger
-          value={it.item.value}
-          class="text-lg md:text-base"
-        >
-          {it.item.label}
-        </UnderlineTabs.Trigger>
-      {/each}
-    </UnderlineTabs.List>
-  </UnderlineTabs.Root>
-  {#if selected.children}
-    {@render selected.children()}
-  {/if}
-{/if}
+<script lang="ts">
+  import * as UnderlineTabs from "../../../ui/underline-tabs";
+  import type { TabProps } from "../data/TabModel";
+
+  type Props = {
+    items?: TabProps[];
+    className?: string;
+  };
+
+  let { items = [], className }: Props = $props();
+
+  let activeValue = $state<string>("");
+
+  let currentActiveValue = $derived(
+    activeValue || (items.length > 0 ? items[0].item.value : ""),
+  );
+
+  let selected = $derived(
+    items.find((it) => it.item.value === currentActiveValue) || items[0],
+  );
+</script>
+
+{#if items && items.length > 0 && selected}
+  <UnderlineTabs.Root
+    value={currentActiveValue}
+    onValueChange={(val) => (activeValue = val)}
+    class="mb-5 {className}"
+  >
+    <UnderlineTabs.List>
+      {#each items as it (it.item.value)}
+        <UnderlineTabs.Trigger
+          value={it.item.value}
+          class="text-lg md:text-base"
+        >
+          {it.item.label}
+        </UnderlineTabs.Trigger>
+      {/each}
+    </UnderlineTabs.List>
+  </UnderlineTabs.Root>
+  {#if selected.children}
+    {@render selected.children()}
+  {/if}
+{/if}

package/dist/components/pages/admin/01/ui/AdminContent.svelte

@@ -1,14 +1,14 @@
-<script lang="ts">
-  import type { Snippet } from "svelte";
-
-  /** Content wrapper for admin pages. */
-  type Props = {
-    children?: Snippet;
-  };
-
-  let { children }: Props = $props();
-</script>
-
-<div class="flex flex-1 flex-col gap-4 p-4 pt-0">
-  {@render children?.()}
-</div>
+<script lang="ts">
+  import type { Snippet } from "svelte";
+
+  /** Content wrapper for admin pages. */
+  type Props = {
+    children?: Snippet;
+  };
+
+  let { children }: Props = $props();
+</script>
+
+<div class="flex flex-1 flex-col gap-4 p-4 pt-0">
+  {@render children?.()}
+</div>

package/dist/components/pages/admin/01/ui/AdminPanel.svelte

@@ -1,46 +1,46 @@
-<script lang="ts">
-  import LanguageSwitcher from "../../../../ui/language-switcher/language-switcher.svelte";
-  import LightSwitch from "../../../../ui/light-switch/light-switch.svelte";
-  import { Separator } from "../../../../ui/separator/index.js";
-  import * as Sidebar from "../../../../ui/sidebar/index.js";
-  import type { Snippet } from "svelte";
-
-  /**
-   * Admin layout with sidebar, header, and content.
-   * @property {Snippet} appsidebar - Application sidebar
-   * @property {Snippet} content - Main content
-   * @property {Snippet} breadcrumb - Breadcrumb navigation
-   */
-  type Props = {
-    appsidebar?: Snippet;
-    content?: Snippet;
-    breadcrumb?: Snippet;
-  };
-
-  let { appsidebar, content, breadcrumb }: Props = $props();
-</script>
-
-<Sidebar.Provider>
-  {@render appsidebar?.()}
-  <Sidebar.Inset>
-    <header
-      class="flex h-16 shrink-0 items-center md:justify-between gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12"
-    >
-      <div class="flex items-center gap-2 px-4">
-        <Sidebar.Trigger class="-ms-1" />
-        <Separator
-          orientation="vertical"
-          class="me-2 data-[orientation=vertical]:h-4"
-        />
-        {@render breadcrumb?.()}
-      </div>
-      <div class="pr-5">
-        <div class="flex gap-3">
-          <LanguageSwitcher />
-          <LightSwitch />
-        </div>
-      </div>
-    </header>
-    {@render content?.()}
-  </Sidebar.Inset>
-</Sidebar.Provider>
+<script lang="ts">
+  import LanguageSwitcher from "../../../../ui/language-switcher/language-switcher.svelte";
+  import LightSwitch from "../../../../ui/light-switch/light-switch.svelte";
+  import { Separator } from "../../../../ui/separator/index.js";
+  import * as Sidebar from "../../../../ui/sidebar/index.js";
+  import type { Snippet } from "svelte";
+
+  /**
+   * Admin layout with sidebar, header, and content.
+   * @property {Snippet} appsidebar - Application sidebar
+   * @property {Snippet} content - Main content
+   * @property {Snippet} breadcrumb - Breadcrumb navigation
+   */
+  type Props = {
+    appsidebar?: Snippet;
+    content?: Snippet;
+    breadcrumb?: Snippet;
+  };
+
+  let { appsidebar, content, breadcrumb }: Props = $props();
+</script>
+
+<Sidebar.Provider>
+  {@render appsidebar?.()}
+  <Sidebar.Inset>
+    <header
+      class="flex h-16 shrink-0 items-center md:justify-between gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12"
+    >
+      <div class="flex items-center gap-2 px-4">
+        <Sidebar.Trigger class="-ms-1" />
+        <Separator
+          orientation="vertical"
+          class="me-2 data-[orientation=vertical]:h-4"
+        />
+        {@render breadcrumb?.()}
+      </div>
+      <div class="pr-5">
+        <div class="flex gap-3">
+          <LanguageSwitcher />
+          <LightSwitch />
+        </div>
+      </div>
+    </header>
+    {@render content?.()}
+  </Sidebar.Inset>
+</Sidebar.Provider>

package/dist/components/pages/security/login/01/ui/FormRegister.svelte

@@ -1,28 +1,28 @@
-<script lang="ts">
-  import InputPasswordConfirm from "../../../../../core/form/ui/input-password-confirm.svelte";
-  import InputPassword from "../../../../../core/form/ui/input-password.svelte";
-  import InputEmail from "../../../../../core/form/ui/input-email.svelte";
-  import ButtonLogin from "../../../../../core/button/ButtonLogin.svelte";
-  import { t } from "../../../../../../i18n";
-
-  let email = $state("");
-  let password = $state("");
-</script>
-
-<form class="space-y-4" onsubmit={(e) => e.preventDefault()}>
-  <p class="text-[13px] py-3">{$t("text.register")}</p>
-
-  <div class="space-y-1">
-    <InputEmail value={email} />
-  </div>
-
-  <div class="space-y-1">
-    <InputPassword value={password} />
-  </div>
-
-  <div class="space-y-1">
-    <InputPasswordConfirm value={password} />
-  </div>
-
-  <ButtonLogin />
-</form>
+<script lang="ts">
+  import InputPasswordConfirm from "../../../../../core/form/ui/input-password-confirm.svelte";
+  import InputPassword from "../../../../../core/form/ui/input-password.svelte";
+  import InputEmail from "../../../../../core/form/ui/input-email.svelte";
+  import ButtonLogin from "../../../../../core/button/ButtonLogin.svelte";
+  import { t } from "../../../../../../i18n";
+
+  let email = $state("");
+  let password = $state("");
+</script>
+
+<form class="space-y-4" onsubmit={(e) => e.preventDefault()}>
+  <p class="text-[13px] py-3">{$t("text.register")}</p>
+
+  <div class="space-y-1">
+    <InputEmail value={email} />
+  </div>
+
+  <div class="space-y-1">
+    <InputPassword value={password} />
+  </div>
+
+  <div class="space-y-1">
+    <InputPasswordConfirm value={password} />
+  </div>
+
+  <ButtonLogin />
+</form>

package/dist/components/pages/security/login/01/ui/LoginCard.svelte

@@ -1,107 +1,107 @@
-<script lang="ts" module>
-  /**
-   * @component LoginCard
-   * Authentication card with login/register tabs, back button, light switch, and link footer.
-   *
-   * @example svelte
-   * <LoginCard formType="EMAIL_PASSWORD" onSubmit={(cred) => login(cred)} />
-   */
-</script>
-
-<script lang="ts">
-  import LanguageSwitcher from "../../../../../ui/language-switcher/language-switcher.svelte";
-  import LinkTermsOfService from "../../../../../core/link/link-terms-of-service.svelte";
-  import LinkPrivacyPolity from "../../../../../core/link/link-privacy-polity.svelte";
-  import TabUnderline from "../../../../../core/tabs/ui/tab-underline.svelte";
-  import ButtonBack from "../../../../../core/button/ButtonBack.svelte";
-  import LabelOr from "../../../../../core/label/LabelOr.svelte";
-  import type { Snippet } from "svelte";
-  import { LightSwitch } from "../../../../../ui/light-switch";
-  import { t } from "../../../../../../i18n";
-  import type { LoginFormType, LoginRequestDto, LinkProps } from "../../types";
-  import FormLoginEmailPassword from "./FormLoginEmailPassword.svelte";
-  import FormLoginUsernamePassword from "./FormLoginUsernamePassword.svelte";
-  import FormLoginPhonePassword from "./FormLoginPhonePassword.svelte";
-
-  type Props = {
-    formType?: LoginFormType;
-    onSubmit?: (credential: LoginRequestDto) => void;
-    register?: Snippet;
-    forgetPassword?: LinkProps;
-    privacyPolicy?: LinkProps;
-    termsOfService?: LinkProps;
-  };
-
-  let {
-    formType,
-    onSubmit,
-    register,
-    forgetPassword,
-    privacyPolicy,
-    termsOfService,
-  }: Props = $props();
-</script>
-
-<div class="flex-1 flex flex-col justify-between h-screen bg-gradient-right">
-  <nav class="flex justify-between p-5 md:bg-transparent">
-    <div>
-      <ButtonBack />
-    </div>
-    <div class="flex gap-2">
-      <LightSwitch />
-      <LanguageSwitcher />
-    </div>
-  </nav>
-
-  <div
-    class="p-5 h-full border-t-2 bg-background md:border-none rounded-tl-[35px] rounded-tr-[35px]"
-  >
-    <TabUnderline
-      items={[
-        {
-          item: { label: $t("label.login"), value: "login" },
-          children: loginSnippet,
-        },
-        ...(register
-          ? [
-              {
-                item: { label: $t("label.register"), value: "register" },
-                children: registerSnippet,
-              },
-            ]
-          : []),
-      ]}
-    />
-
-    {#snippet loginSnippet()}
-      {#if formType == "EMAIL_PASSWORD"}
-        <FormLoginEmailPassword {onSubmit} {forgetPassword} />
-      {:else if formType == "USERNAME_PASSWORD"}
-        <FormLoginUsernamePassword {onSubmit} {forgetPassword} />
-      {:else if formType == "PHONE_PASSWORD"}
-        <FormLoginPhonePassword {onSubmit} {forgetPassword} />
-      {/if}
-    {/snippet}
-
-    {#snippet registerSnippet()}
-      {#if register}
-        {@render register()}
-      {/if}
-    {/snippet}
-  </div>
-
-  <!-- Footer Terms -->
-  <div
-    class="text-[11px] text-slate-400 py-2 flex justify-center gap-2 bg-background"
-  >
-    <LinkPrivacyPolity
-      href={privacyPolicy?.url}
-      onclick={privacyPolicy?.onclick}
-    />
-    <LabelOr />
-    <LinkTermsOfService
-      href={termsOfService?.url}
-      onclick={termsOfService?.onclick}
-    />
-  </div>
-</div>
+<script lang="ts" module>
+  /**
+   * @component LoginCard
+   * Authentication card with login/register tabs, back button, light switch, and link footer.
+   *
+   * @example svelte
+   * <LoginCard formType="EMAIL_PASSWORD" onSubmit={(cred) => login(cred)} />
+   */
+</script>
+
+<script lang="ts">
+  import LanguageSwitcher from "../../../../../ui/language-switcher/language-switcher.svelte";
+  import LinkTermsOfService from "../../../../../core/link/link-terms-of-service.svelte";
+  import LinkPrivacyPolity from "../../../../../core/link/link-privacy-polity.svelte";
+  import TabUnderline from "../../../../../core/tabs/ui/tab-underline.svelte";
+  import ButtonBack from "../../../../../core/button/ButtonBack.svelte";
+  import LabelOr from "../../../../../core/label/LabelOr.svelte";
+  import type { Snippet } from "svelte";
+  import { LightSwitch } from "../../../../../ui/light-switch";
+  import { t } from "../../../../../../i18n";
+  import type { LoginFormType, LoginRequestDto, LinkProps } from "../../types";
+  import FormLoginEmailPassword from "./FormLoginEmailPassword.svelte";
+  import FormLoginUsernamePassword from "./FormLoginUsernamePassword.svelte";
+  import FormLoginPhonePassword from "./FormLoginPhonePassword.svelte";
+
+  type Props = {
+    formType?: LoginFormType;
+    onSubmit?: (credential: LoginRequestDto) => void;
+    register?: Snippet;
+    forgetPassword?: LinkProps;
+    privacyPolicy?: LinkProps;
+    termsOfService?: LinkProps;
+  };
+
+  let {
+    formType,
+    onSubmit,
+    register,
+    forgetPassword,
+    privacyPolicy,
+    termsOfService,
+  }: Props = $props();
+</script>
+
+<div class="flex-1 flex flex-col justify-between h-screen bg-gradient-right">
+  <nav class="flex justify-between p-5 md:bg-transparent">
+    <div>
+      <ButtonBack />
+    </div>
+    <div class="flex gap-2">
+      <LightSwitch />
+      <LanguageSwitcher />
+    </div>
+  </nav>
+
+  <div
+    class="p-5 h-full border-t-2 bg-background md:border-none rounded-tl-[35px] rounded-tr-[35px]"
+  >
+    <TabUnderline
+      items={[
+        {
+          item: { label: $t("label.login"), value: "login" },
+          children: loginSnippet,
+        },
+        ...(register
+          ? [
+              {
+                item: { label: $t("label.register"), value: "register" },
+                children: registerSnippet,
+              },
+            ]
+          : []),
+      ]}
+    />
+
+    {#snippet loginSnippet()}
+      {#if formType == "EMAIL_PASSWORD"}
+        <FormLoginEmailPassword {onSubmit} {forgetPassword} />
+      {:else if formType == "USERNAME_PASSWORD"}
+        <FormLoginUsernamePassword {onSubmit} {forgetPassword} />
+      {:else if formType == "PHONE_PASSWORD"}
+        <FormLoginPhonePassword {onSubmit} {forgetPassword} />
+      {/if}
+    {/snippet}
+
+    {#snippet registerSnippet()}
+      {#if register}
+        {@render register()}
+      {/if}
+    {/snippet}
+  </div>
+
+  <!-- Footer Terms -->
+  <div
+    class="text-[11px] text-slate-400 py-2 flex justify-center gap-2 bg-background"
+  >
+    <LinkPrivacyPolity
+      href={privacyPolicy?.url}
+      onclick={privacyPolicy?.onclick}
+    />
+    <LabelOr />
+    <LinkTermsOfService
+      href={termsOfService?.url}
+      onclick={termsOfService?.onclick}
+    />
+  </div>
+</div>