negodesign 0.0.24 → 0.0.26

package/dist/components/core/hero/SimpleHero.svelte

@@ -1,65 +1,65 @@
-<script lang="ts">
-  import { Button } from "../../ui/button/index.js";
-  import type { HeroSimpleProps } from "./types";
-  let {
-    title,
-    subTitle,
-    description,
-    image,
-    buttons,
-    titleClass,
-    subTitleClass,
-    descriptionClass,
-    imageClass,
-  }: HeroSimpleProps = $props();
-</script>
-
-<section class="relative flex p-2">
-  <div class="w-full grid grid-cols-10 md:grid-cols-2 min-h-50 md:min-h-125">
-    <div class="flex justify-center items-center">
-      <div class="space-y-1">
-        {#if title}
-          <h1
-            class="font-bold text-[24px] md:text-[60px] lg:text-[80px] {titleClass}"
-          >
-            {title}
-          </h1>
-        {/if}
-        {#if subTitle}
-          <p class="font-semibold text-[16px] md:text-[40px] {subTitleClass}">
-            {subTitle}
-          </p>
-        {/if}
-        {#if description}
-          <p
-            class="text-[12px] md:text-[20px] md:w-8/12 mt-5 {descriptionClass}"
-          >
-            {description}
-          </p>
-        {/if}
-        {#if buttons}
-          <div class="flex flex-wrap gap-2 mt-5 md:mt-10">
-            {#each buttons as button, i (i)}
-              <Button
-                href={button.href}
-                class={button.className}
-                onclick={button.onClick}
-              >
-                {button.label}
-              </Button>
-            {/each}
-          </div>
-        {/if}
-      </div>
-    </div>
-    <div class="flex justify-center items-center">
-      {#if image}
-        <img
-          src={image}
-          alt={image}
-          class="rounded-lg h-50 md:h-125 w-[60%] object-cover {imageClass}"
-        />
-      {/if}
-    </div>
-  </div>
-</section>
+<script lang="ts">
+  import { Button } from "../../ui/button/index.js";
+  import type { HeroSimpleProps } from "./types";
+  let {
+    title,
+    subTitle,
+    description,
+    image,
+    buttons,
+    titleClass,
+    subTitleClass,
+    descriptionClass,
+    imageClass,
+  }: HeroSimpleProps = $props();
+</script>
+
+<section class="relative flex p-2">
+  <div class="w-full grid grid-cols-10 md:grid-cols-2 min-h-50 md:min-h-125">
+    <div class="flex justify-center items-center">
+      <div class="space-y-1">
+        {#if title}
+          <h1
+            class="font-bold text-[24px] md:text-[60px] lg:text-[80px] {titleClass}"
+          >
+            {title}
+          </h1>
+        {/if}
+        {#if subTitle}
+          <p class="font-semibold text-[16px] md:text-[40px] {subTitleClass}">
+            {subTitle}
+          </p>
+        {/if}
+        {#if description}
+          <p
+            class="text-[12px] md:text-[20px] md:w-8/12 mt-5 {descriptionClass}"
+          >
+            {description}
+          </p>
+        {/if}
+        {#if buttons}
+          <div class="flex flex-wrap gap-2 mt-5 md:mt-10">
+            {#each buttons as button, i (i)}
+              <Button
+                href={button.href}
+                class={button.className}
+                onclick={button.onClick}
+              >
+                {button.label}
+              </Button>
+            {/each}
+          </div>
+        {/if}
+      </div>
+    </div>
+    <div class="flex justify-center items-center">
+      {#if image}
+        <img
+          src={image}
+          alt={image}
+          class="rounded-lg h-50 md:h-125 w-[60%] object-cover {imageClass}"
+        />
+      {/if}
+    </div>
+  </div>
+</section>

package/dist/components/core/label/LabelOr.svelte

@@ -1,25 +1,25 @@
-<script lang="ts">
-  import Separator from "../../ui/separator/separator.svelte";
-  import { t } from "../../../i18n";
-
-  type Props = {
-    variant?: "SEPARATOR";
-  };
-
-  let { variant }: Props = $props();
-</script>
-
-{#if variant === "SEPARATOR"}
-  <div class="relative my-1 text-center">
-    <div class="absolute inset-0 flex items-center">
-      <Separator />
-    </div>
-    <span
-      class="relative bg-white dark:bg-primary px-4 text-[10px] uppercase text-slate-400 tracking-wider"
-    >
-      {$t("label.or")}
-    </span>
-  </div>
-{:else}
-  {$t("label.or")}
-{/if}
+<script lang="ts">
+  import Separator from "../../ui/separator/separator.svelte";
+  import { t } from "../../../i18n";
+
+  type Props = {
+    variant?: "SEPARATOR";
+  };
+
+  let { variant }: Props = $props();
+</script>
+
+{#if variant === "SEPARATOR"}
+  <div class="relative my-1 text-center">
+    <div class="absolute inset-0 flex items-center">
+      <Separator />
+    </div>
+    <span
+      class="relative bg-white dark:bg-primary px-4 text-[10px] uppercase text-slate-400 tracking-wider"
+    >
+      {$t("label.or")}
+    </span>
+  </div>
+{:else}
+  {$t("label.or")}
+{/if}

package/dist/components/core/link/link-forget-password.svelte

@@ -1,12 +1,12 @@
-<script lang="ts">
-  import { t } from "../../../i18n";
-  import type { HTMLAnchorAttributes } from "svelte/elements";
-
-  type Props = HTMLAnchorAttributes;
-
-  let { ...restProps }: Props = $props();
-</script>
-
-<a {...restProps} class="text-xs text-slate-500 hover:text-slate-800 z-10">
-  {$t("link.forget.password")}!
-</a>
+<script lang="ts">
+  import { t } from "../../../i18n";
+  import type { HTMLAnchorAttributes } from "svelte/elements";
+
+  type Props = HTMLAnchorAttributes;
+
+  let { ...restProps }: Props = $props();
+</script>
+
+<a {...restProps} class="text-xs text-slate-500 hover:text-slate-800 z-10">
+  {$t("link.forget.password")}!
+</a>

package/dist/components/core/link/link-privacy-polity.svelte

@@ -1,12 +1,12 @@
-<script lang="ts">
-  import { t } from "../../../i18n";
-  import type { HTMLAnchorAttributes } from "svelte/elements";
-
-  type Props = HTMLAnchorAttributes;
-
-  let { ...restProps }: Props = $props();
-</script>
-
-<a {...restProps} class="text-xs text-slate-500 hover:text-slate-800 z-10">
-  {$t("link.privacy-policy.label")}
-</a>
+<script lang="ts">
+  import { t } from "../../../i18n";
+  import type { HTMLAnchorAttributes } from "svelte/elements";
+
+  type Props = HTMLAnchorAttributes;
+
+  let { ...restProps }: Props = $props();
+</script>
+
+<a {...restProps} class="text-xs text-slate-500 hover:text-slate-800 z-10">
+  {$t("link.privacy-policy.label")}
+</a>

package/dist/components/core/link/link-terms-of-service.svelte

@@ -1,12 +1,12 @@
-<script lang="ts">
-  import { t } from "../../../i18n";
-  import type { HTMLAnchorAttributes } from "svelte/elements";
-
-  type Props = HTMLAnchorAttributes;
-
-  let { ...restProps }: Props = $props();
-</script>
-
-<a {...restProps} class="text-xs text-slate-500 hover:text-slate-800 z-10">
-  {$t("link.terms-of-service.label")}
-</a>
+<script lang="ts">
+  import { t } from "../../../i18n";
+  import type { HTMLAnchorAttributes } from "svelte/elements";
+
+  type Props = HTMLAnchorAttributes;
+
+  let { ...restProps }: Props = $props();
+</script>
+
+<a {...restProps} class="text-xs text-slate-500 hover:text-slate-800 z-10">
+  {$t("link.terms-of-service.label")}
+</a>

package/dist/components/core/nav/ui/menu-links.svelte

@@ -1,28 +1,28 @@
-<script lang="ts">
-    import { HugeiconsIcon } from "@hugeicons/svelte";
-    import type { NavMenuLinksProps } from "../data/nav-menu";
-    
-    type Props = {
-        links: NavMenuLinksProps[];
-        linkClass?: string;
-        groupClass?: string;
-        orientation?: "horizontal" | "vertical";
-    };
-
-    let { links, linkClass, groupClass, orientation }: Props = $props();        
-</script>
-    <ul class={`flex ${orientation === "vertical" ? "flex-col" : "items-center"}  gap-2 md:gap-5 lg:gap-15 ${groupClass}`}>
-        {#each links as item (item.label)}
-            <li>
-                <a
-                    class={`flex items-center gap-1 ${linkClass}`}
-                    href={item.url || "#"}
-                >
-                    {#if item.icon}
-                        <HugeiconsIcon icon={item.icon} size={15} />
-                    {/if}
-                    {item.label}
-                </a>
-            </li>
-        {/each}
+<script lang="ts">
+    import { HugeiconsIcon } from "@hugeicons/svelte";
+    import type { NavMenuLinksProps } from "../data/nav-menu";
+    
+    type Props = {
+        links: NavMenuLinksProps[];
+        linkClass?: string;
+        groupClass?: string;
+        orientation?: "horizontal" | "vertical";
+    };
+
+    let { links, linkClass, groupClass, orientation }: Props = $props();        
+</script>
+    <ul class={`flex ${orientation === "vertical" ? "flex-col" : "items-center"}  gap-2 md:gap-5 lg:gap-15 ${groupClass}`}>
+        {#each links as item (item.label)}
+            <li>
+                <a
+                    class={`flex items-center gap-1 ${linkClass}`}
+                    href={item.url || "#"}
+                >
+                    {#if item.icon}
+                        <HugeiconsIcon icon={item.icon} size={15} />
+                    {/if}
+                    {item.label}
+                </a>
+            </li>
+        {/each}
     </ul>

package/dist/components/core/nav/ui/mobile/nav-menu-drawer.svelte

@@ -1,85 +1,85 @@
-<script lang="ts">
-    import * as Drawer from "../../../../ui/drawer/index.js";
-    import { Button } from "../../../../ui/button/index.js";
-    import type { NavMenuLinksProps } from "../../data/nav-menu";
-    import { buttonVariants } from "../../../../ui/button/index.js";
-    import { cn } from "../../../../../utils.js";
-    import { HugeiconsIcon } from "@hugeicons/svelte";
-    import { Login03Icon, Menu, User03Icon } from "@hugeicons/core-free-icons";
-    import MenuLinks from "../menu-links.svelte";
-    import LightSwitch from "../../../../ui/light-switch/light-switch.svelte";
-    import LanguageSwitcher from "../../../../ui/language-switcher/language-switcher.svelte";
-    import { t } from "../../../../../i18n";
-
-    type Props = {
-        links: NavMenuLinksProps[];
-        onclickButtonLogin?: () => void;
-        onclickButtonRegister?: () => void;
-    };
-
-    const { links, onclickButtonLogin, onclickButtonRegister }: Props =
-        $props();
-</script>
-
-<div class="flex flex-wrap gap-2">
-    <Drawer.Root direction="right">
-        <Drawer.Trigger
-            class={cn(buttonVariants({ variant: "outline" }), "capitalize")}
-        >
-            <HugeiconsIcon icon={Menu} />
-        </Drawer.Trigger>
-        <Drawer.Content
-            class="data-[vaul-drawer-direction=bottom]:max-h-[50vh] data-[vaul-drawer-direction=top]:max-h-[50vh]"
-        >
-            <Drawer.Header>
-                <Drawer.Title>{$t("label.menu")}</Drawer.Title>
-                <Drawer.Description>
-                    {$t("label.navigation.text")}
-                </Drawer.Description>
-            </Drawer.Header>
-            <div class="no-scrollbar overflow-y-auto px-4">
-                <nav>
-                    <div class="mt-5 mb-4 font-semibold">{$t("label.navigation")}</div>
-                    <MenuLinks
-                        {links}
-                        groupClass="space-y-3"
-                        orientation="vertical"
-                    />
-                </nav>
-
-                <div class="mt-5">
-                    <div class="mt-5 mb-4 font-semibold">{$t("label.action")}</div>
-                    <section >
-                        {#if onclickButtonRegister}
-                            <Button
-                                variant="outline"
-                                onclick={onclickButtonRegister}
-                            >
-                                <HugeiconsIcon icon={User03Icon} />
-                                {$t("label.register")}
-                            </Button>
-                        {/if}
-                        {#if onclickButtonLogin}
-                            <Button
-                                variant="outline"
-                                onclick={onclickButtonLogin}
-                            >
-                                <HugeiconsIcon icon={Login03Icon} />
-                                {$t("label.login")}
-                            </Button>
-                        {/if}
-                    </section>
-                </div>
-            </div>
-            <Drawer.Footer>
-                <div class="flex justify-center gap-5 py-5">
-                    <LightSwitch />
-                    <LanguageSwitcher />
-                </div>
-                <Drawer.Close class={buttonVariants({ variant: "outline" })}>
-                    {$t("label.close")}
-                </Drawer.Close>
-            </Drawer.Footer>
-        </Drawer.Content>
-    </Drawer.Root>
-</div>
+<script lang="ts">
+    import * as Drawer from "../../../../ui/drawer/index.js";
+    import { Button } from "../../../../ui/button/index.js";
+    import type { NavMenuLinksProps } from "../../data/nav-menu";
+    import { buttonVariants } from "../../../../ui/button/index.js";
+    import { cn } from "../../../../../utils.js";
+    import { HugeiconsIcon } from "@hugeicons/svelte";
+    import { Login03Icon, Menu, User03Icon } from "@hugeicons/core-free-icons";
+    import MenuLinks from "../menu-links.svelte";
+    import LightSwitch from "../../../../ui/light-switch/light-switch.svelte";
+    import LanguageSwitcher from "../../../../ui/language-switcher/language-switcher.svelte";
+    import { t } from "../../../../../i18n";
+
+    type Props = {
+        links: NavMenuLinksProps[];
+        onclickButtonLogin?: () => void;
+        onclickButtonRegister?: () => void;
+    };
+
+    const { links, onclickButtonLogin, onclickButtonRegister }: Props =
+        $props();
+</script>
+
+<div class="flex flex-wrap gap-2">
+    <Drawer.Root direction="right">
+        <Drawer.Trigger
+            class={cn(buttonVariants({ variant: "outline" }), "capitalize")}
+        >
+            <HugeiconsIcon icon={Menu} />
+        </Drawer.Trigger>
+        <Drawer.Content
+            class="data-[vaul-drawer-direction=bottom]:max-h-[50vh] data-[vaul-drawer-direction=top]:max-h-[50vh]"
+        >
+            <Drawer.Header>
+                <Drawer.Title>{$t("label.menu")}</Drawer.Title>
+                <Drawer.Description>
+                    {$t("label.navigation.text")}
+                </Drawer.Description>
+            </Drawer.Header>
+            <div class="no-scrollbar overflow-y-auto px-4">
+                <nav>
+                    <div class="mt-5 mb-4 font-semibold">{$t("label.navigation")}</div>
+                    <MenuLinks
+                        {links}
+                        groupClass="space-y-3"
+                        orientation="vertical"
+                    />
+                </nav>
+
+                <div class="mt-5">
+                    <div class="mt-5 mb-4 font-semibold">{$t("label.action")}</div>
+                    <section >
+                        {#if onclickButtonRegister}
+                            <Button
+                                variant="outline"
+                                onclick={onclickButtonRegister}
+                            >
+                                <HugeiconsIcon icon={User03Icon} />
+                                {$t("label.register")}
+                            </Button>
+                        {/if}
+                        {#if onclickButtonLogin}
+                            <Button
+                                variant="outline"
+                                onclick={onclickButtonLogin}
+                            >
+                                <HugeiconsIcon icon={Login03Icon} />
+                                {$t("label.login")}
+                            </Button>
+                        {/if}
+                    </section>
+                </div>
+            </div>
+            <Drawer.Footer>
+                <div class="flex justify-center gap-5 py-5">
+                    <LightSwitch />
+                    <LanguageSwitcher />
+                </div>
+                <Drawer.Close class={buttonVariants({ variant: "outline" })}>
+                    {$t("label.close")}
+                </Drawer.Close>
+            </Drawer.Footer>
+        </Drawer.Content>
+    </Drawer.Root>
+</div>

package/dist/components/core/nav/ui/nav-menu-bottom-sidebar.svelte

@@ -1,33 +1,33 @@
-<script lang="ts">
-  import * as Sidebar from "../../../ui/sidebar/index.js";
-  import type { WithoutChildren } from "../../../../utils.js";
-  import type { ComponentProps } from "svelte";
-  import type { NavMenuSidebarProps } from "../data/nav-menu-sidebar";
-  import { HugeiconsIcon } from "@hugeicons/svelte";
-
-  let {
-    items,
-    ...restProps
-  }: { items?: NavMenuSidebarProps[] } & WithoutChildren<
-    ComponentProps<typeof Sidebar.Group>
-  > = $props();
-</script>
-
-<Sidebar.Group {...restProps}>
-  <Sidebar.GroupContent>
-    <Sidebar.Menu>
-      {#each items as item (item.title)}
-        <Sidebar.MenuItem>
-          <Sidebar.MenuButton>
-            {#snippet child({ props })}
-              <a href={item.url} {...props}>
-                <HugeiconsIcon icon={item.icon} size={16} />
-                <span>{item.title}</span>
-              </a>
-            {/snippet}
-          </Sidebar.MenuButton>
-        </Sidebar.MenuItem>
-      {/each}
-    </Sidebar.Menu>
-  </Sidebar.GroupContent>
-</Sidebar.Group>
+<script lang="ts">
+  import * as Sidebar from "../../../ui/sidebar/index.js";
+  import type { WithoutChildren } from "../../../../utils.js";
+  import type { ComponentProps } from "svelte";
+  import type { NavMenuSidebarProps } from "../data/nav-menu-sidebar";
+  import { HugeiconsIcon } from "@hugeicons/svelte";
+
+  let {
+    items,
+    ...restProps
+  }: { items?: NavMenuSidebarProps[] } & WithoutChildren<
+    ComponentProps<typeof Sidebar.Group>
+  > = $props();
+</script>
+
+<Sidebar.Group {...restProps}>
+  <Sidebar.GroupContent>
+    <Sidebar.Menu>
+      {#each items as item (item.title)}
+        <Sidebar.MenuItem>
+          <Sidebar.MenuButton>
+            {#snippet child({ props })}
+              <a href={item.url} {...props}>
+                <HugeiconsIcon icon={item.icon} size={16} />
+                <span>{item.title}</span>
+              </a>
+            {/snippet}
+          </Sidebar.MenuButton>
+        </Sidebar.MenuItem>
+      {/each}
+    </Sidebar.Menu>
+  </Sidebar.GroupContent>
+</Sidebar.Group>