negodesign 0.0.26 → 0.0.28

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>

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

@@ -1,97 +1,97 @@
-<script lang="ts">
-  /* eslint-disable @typescript-eslint/no-explicit-any */
-  import * as Collapsible from "../../../ui/collapsible/index.js";
-  import * as Sidebar from "../../../ui/sidebar/index.js";
-  import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
-  import { HugeiconsIcon } from "@hugeicons/svelte";
-  import type {
-    NavMenuAndSubmenuSidebarProps,
-    NavMenuItem,
-    NavMenuSidebarProps,
-  } from "../data/nav-menu-sidebar";
-
-  let {
-    items,
-  }: {
-    items: NavMenuItem[];
-  } = $props();
-
-  // Internal key for items without a group; never collides with a real name
-  // because it's not a string accessible to whoever defines the items.
-  const UNGROUPED = Symbol("ungrouped");
-
-  function hasSubmenus(
-    item: NavMenuSidebarProps | NavMenuAndSubmenuSidebarProps,
-  ): item is NavMenuAndSubmenuSidebarProps {
-    return "submenus" in item && Array.isArray(item.submenus);
-  }
-
-  let groupedItems = $derived(
-    Map.groupBy(items, (item) => item.group?.name ?? UNGROUPED),
-  );
-</script>
-
-{#snippet menuItem(item: NavMenuItem)}
-  {#if hasSubmenus(item)}
-    <Collapsible.Root open={item.isActive} class="group/collapsible">
-      {#snippet child({ props })}
-        <Sidebar.MenuItem {...props}>
-          <Collapsible.Trigger>
-            {#snippet child({ props })}
-              <Sidebar.MenuButton {...props} tooltipContent={item.title}>
-                {#if item.icon}
-                  <HugeiconsIcon icon={item.icon} />
-                {/if}
-                <span>{item.title}</span>
-                <ChevronRightIcon
-                  class="ms-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90"
-                />
-              </Sidebar.MenuButton>
-            {/snippet}
-          </Collapsible.Trigger>
-          <Collapsible.Content>
-            <Sidebar.MenuSub>
-              {#each item.submenus ?? [] as subItem (subItem.title)}
-                <Sidebar.MenuSubItem>
-                  <Sidebar.MenuSubButton>
-                    {#snippet child({ props })}
-                      <a href={subItem.url} {...props}>
-                        <span>{subItem.title}</span>
-                      </a>
-                    {/snippet}
-                  </Sidebar.MenuSubButton>
-                </Sidebar.MenuSubItem>
-              {/each}
-            </Sidebar.MenuSub>
-          </Collapsible.Content>
-        </Sidebar.MenuItem>
-      {/snippet}
-    </Collapsible.Root>
-  {:else}
-    <Sidebar.MenuItem>
-      <Sidebar.MenuButton>
-        {#snippet child({ props })}
-          <a href={item.url} {...props}>
-            {#if item.icon}
-              <HugeiconsIcon icon={item.icon} />
-            {/if}
-            <span>{item.title}</span>
-          </a>
-        {/snippet}
-      </Sidebar.MenuButton>
-    </Sidebar.MenuItem>
-  {/if}
-{/snippet}
-
-{#each groupedItems as [groupLabel, groupItems] (typeof groupLabel === "string" ? groupLabel : "ungrouped")}
-  <Sidebar.Group>
-    {#if typeof groupLabel === "string"}
-      <Sidebar.GroupLabel>{groupLabel}</Sidebar.GroupLabel>
-    {/if}
-    <Sidebar.Menu>
-      {#each groupItems as item (item.title)}
-        {@render menuItem(item)}
-      {/each}
-    </Sidebar.Menu>
-  </Sidebar.Group>
-{/each}
+<script lang="ts">
+  /* eslint-disable @typescript-eslint/no-explicit-any */
+  import * as Collapsible from "../../../ui/collapsible/index.js";
+  import * as Sidebar from "../../../ui/sidebar/index.js";
+  import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
+  import { HugeiconsIcon } from "@hugeicons/svelte";
+  import type {
+    NavMenuAndSubmenuSidebarProps,
+    NavMenuItem,
+    NavMenuSidebarProps,
+  } from "../data/nav-menu-sidebar";
+
+  let {
+    items,
+  }: {
+    items: NavMenuItem[];
+  } = $props();
+
+  // Internal key for items without a group; never collides with a real name
+  // because it's not a string accessible to whoever defines the items.
+  const UNGROUPED = Symbol("ungrouped");
+
+  function hasSubmenus(
+    item: NavMenuSidebarProps | NavMenuAndSubmenuSidebarProps,
+  ): item is NavMenuAndSubmenuSidebarProps {
+    return "submenus" in item && Array.isArray(item.submenus);
+  }
+
+  let groupedItems = $derived(
+    Map.groupBy(items, (item) => item.group?.name ?? UNGROUPED),
+  );
+</script>
+
+{#snippet menuItem(item: NavMenuItem)}
+  {#if hasSubmenus(item)}
+    <Collapsible.Root open={item.isActive} class="group/collapsible">
+      {#snippet child({ props })}
+        <Sidebar.MenuItem {...props}>
+          <Collapsible.Trigger>
+            {#snippet child({ props })}
+              <Sidebar.MenuButton {...props} tooltipContent={item.title}>
+                {#if item.icon}
+                  <HugeiconsIcon icon={item.icon} />
+                {/if}
+                <span>{item.title}</span>
+                <ChevronRightIcon
+                  class="ms-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90"
+                />
+              </Sidebar.MenuButton>
+            {/snippet}
+          </Collapsible.Trigger>
+          <Collapsible.Content>
+            <Sidebar.MenuSub>
+              {#each item.submenus ?? [] as subItem (subItem.title)}
+                <Sidebar.MenuSubItem>
+                  <Sidebar.MenuSubButton>
+                    {#snippet child({ props })}
+                      <a href={subItem.url} {...props}>
+                        <span>{subItem.title}</span>
+                      </a>
+                    {/snippet}
+                  </Sidebar.MenuSubButton>
+                </Sidebar.MenuSubItem>
+              {/each}
+            </Sidebar.MenuSub>
+          </Collapsible.Content>
+        </Sidebar.MenuItem>
+      {/snippet}
+    </Collapsible.Root>
+  {:else}
+    <Sidebar.MenuItem>
+      <Sidebar.MenuButton>
+        {#snippet child({ props })}
+          <a href={item.url} {...props}>
+            {#if item.icon}
+              <HugeiconsIcon icon={item.icon} />
+            {/if}
+            <span>{item.title}</span>
+          </a>
+        {/snippet}
+      </Sidebar.MenuButton>
+    </Sidebar.MenuItem>
+  {/if}
+{/snippet}
+
+{#each groupedItems as [groupLabel, groupItems] (typeof groupLabel === "string" ? groupLabel : "ungrouped")}
+  <Sidebar.Group>
+    {#if typeof groupLabel === "string"}
+      <Sidebar.GroupLabel>{groupLabel}</Sidebar.GroupLabel>
+    {/if}
+    <Sidebar.Menu>
+      {#each groupItems as item (item.title)}
+        {@render menuItem(item)}
+      {/each}
+    </Sidebar.Menu>
+  </Sidebar.Group>
+{/each}