negodesign 0.0.26 → 0.0.28

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>

package/dist/components/pages/security/login/PageLogin.svelte

@@ -1,22 +1,22 @@
-<script lang="ts" module>
-  /**
-   * @component PageLogin
-   * Main login page. Routes to the specified layout variant.
-   *
-   * @example svelte
-   * <PageLogin varient="01" formType="EMAIL_PASSWORD" onSubmit={(cred) => login(cred)} />
-   */
-</script>
-
-<script lang="ts">
-  import type { PageLoginProps } from "./types";
-  import PageLogin01 from "./01/ui/PageLogin01.svelte";
-
-  type Props = {
-    variant?: 1;
-  };
-
-  let { ...props }: PageLoginProps & Props = $props();
-</script>
-
-<PageLogin01 {...props} />
+<script lang="ts" module>
+  /**
+   * @component PageLogin
+   * Main login page. Routes to the specified layout variant.
+   *
+   * @example svelte
+   * <PageLogin varient="01" formType="EMAIL_PASSWORD" onSubmit={(cred) => login(cred)} />
+   */
+</script>
+
+<script lang="ts">
+  import type { PageLoginProps } from "./types";
+  import PageLogin01 from "./01/ui/PageLogin01.svelte";
+
+  type Props = {
+    variant?: 1;
+  };
+
+  let { ...props }: PageLoginProps & Props = $props();
+</script>
+
+<PageLogin01 {...props} />

package/dist/components/ui/badge/badge.svelte

@@ -1,49 +1,49 @@
-<script lang="ts" module>
-	import { type VariantProps, tv } from "tailwind-variants";
-
-	export const badgeVariants = tv({
-		base: "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap transition-colors focus-visible:ring-[3px] [&>svg]:pointer-events-none",
-		variants: {
-			variant: {
-				default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-				secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-				destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
-				outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground bg-input/30",
-				ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-				link: "text-primary underline-offset-4 hover:underline",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-		},
-	});
-
-	export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
-</script>
-
-<script lang="ts">
-	import type { HTMLAnchorAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		href,
-		class: className,
-		variant = "default",
-		children,
-		...restProps
-	}: WithElementRef<HTMLAnchorAttributes> & {
-		variant?: BadgeVariant;
-	} = $props();
-</script>
-
-<svelte:element
-	this={href ? "a" : "span"}
-	bind:this={ref}
-	data-slot="badge"
-	{href}
-	class={cn(badgeVariants({ variant }), className)}
-	{...restProps}
->
-	{@render children?.()}
-</svelte:element>
+<script lang="ts" module>
+	import { type VariantProps, tv } from "tailwind-variants";
+
+	export const badgeVariants = tv({
+		base: "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap transition-colors focus-visible:ring-[3px] [&>svg]:pointer-events-none",
+		variants: {
+			variant: {
+				default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+				secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+				destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
+				outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground bg-input/30",
+				ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+				link: "text-primary underline-offset-4 hover:underline",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+		},
+	});
+
+	export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
+</script>
+
+<script lang="ts">
+	import type { HTMLAnchorAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		href,
+		class: className,
+		variant = "default",
+		children,
+		...restProps
+	}: WithElementRef<HTMLAnchorAttributes> & {
+		variant?: BadgeVariant;
+	} = $props();
+</script>
+
+<svelte:element
+	this={href ? "a" : "span"}
+	bind:this={ref}
+	data-slot="badge"
+	{href}
+	class={cn(badgeVariants({ variant }), className)}
+	{...restProps}
+>
+	{@render children?.()}
+</svelte:element>