negodesign 0.0.1 → 0.0.2

package/dist/components/core/nav/ui/nav-menu-top-bar.svelte

@@ -1,103 +1,103 @@
-<script lang="ts">
-	import * as DropdownMenu from "../../../ui/dropdown-menu/index.js";
-	import * as Sidebar from "../../../ui/sidebar/index.js";
-	import { useSidebar } from "../../../ui/sidebar/index.js";
-	import type { NavTopBarSidebarItem } from "../data/nav-top-bar-sidebar";
-	import { HugeiconsIcon } from "@hugeicons/svelte";
-	import { UnfoldMoreIcon } from "@hugeicons/core-free-icons";
-
-	// This should be `Component` after @lucide/svelte updates types
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	let { content, dropdownMenu }: NavTopBarSidebarItem = $props();
-	const sidebar = useSidebar();
-</script>
-
-<Sidebar.Menu>
-	<Sidebar.MenuItem>
-		<DropdownMenu.Root>
-			<DropdownMenu.Trigger>
-				{#snippet child({ props })}
-					<Sidebar.MenuButton
-						{...props}
-						size="lg"
-						class="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
-					>
-						<div
-							class="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg"
-						>
-							<content.logo class="size-4" />
-						</div>
-						<div
-							class="grid flex-1 text-start text-sm leading-tight"
-						>
-							<span class="truncate font-medium">
-								{content.title}
-							</span>
-							<span class="truncate text-xs"
-								>{content.subtitle}</span
-							>
-						</div>
-						{#if dropdownMenu}
-							<HugeiconsIcon
-								icon={UnfoldMoreIcon}
-								class="ms-auto"
-							/>
-						{/if}
-					</Sidebar.MenuButton>
-				{/snippet}
-			</DropdownMenu.Trigger>
-			{#if dropdownMenu}
-				<DropdownMenu.Content
-					class="w-(--bits-dropdown-menu-anchor-width) min-w-56 rounded-lg"
-					align="start"
-					side={sidebar.isMobile ? "bottom" : "right"}
-					sideOffset={4}
-				>
-					{#if dropdownMenu.header}
-						<DropdownMenu.Label
-							class="text-muted-foreground text-xs"
-						>
-							{#if dropdownMenu.header.icon}
-								<dropdownMenu.header.icon
-									class="size-3.5 shrink-0"
-								/>
-							{/if}
-							{dropdownMenu.header.text}
-						</DropdownMenu.Label>
-					{/if}
-					{#each dropdownMenu.items as it, index (index)}
-						<DropdownMenu.Item
-							onSelect={it.onclick}
-							class="gap-2 p-2"
-						>
-							<div
-								class="flex size-6 items-center justify-center rounded-md border"
-							>
-								<it.icon class="size-3.5 shrink-0" />
-							</div>
-							{it.text}
-							<DropdownMenu.Shortcut>
-								⌘{index + 1}
-							</DropdownMenu.Shortcut>
-						</DropdownMenu.Item>
-					{/each}
-					{#if dropdownMenu.footer}
-						<DropdownMenu.Separator />
-						<DropdownMenu.Item class="gap-2 p-2">
-							<div
-								class="flex size-6 items-center justify-center rounded-md border bg-transparent"
-							>
-								{#if dropdownMenu.footer.icon}
-									<dropdownMenu.footer.icon class="size-4" />
-								{/if}
-							</div>
-							<div class="text-muted-foreground font-medium">
-								{dropdownMenu.footer.text}
-							</div>
-						</DropdownMenu.Item>
-					{/if}
-				</DropdownMenu.Content>
-			{/if}
-		</DropdownMenu.Root>
-	</Sidebar.MenuItem>
-</Sidebar.Menu>
+<script lang="ts">
+	import * as DropdownMenu from "../../../ui/dropdown-menu/index.js";
+	import * as Sidebar from "../../../ui/sidebar/index.js";
+	import { useSidebar } from "../../../ui/sidebar/index.js";
+	import type { NavTopBarSidebarItem } from "../data/nav-top-bar-sidebar";
+	import { HugeiconsIcon } from "@hugeicons/svelte";
+	import { UnfoldMoreIcon } from "@hugeicons/core-free-icons";
+
+	// This should be `Component` after @lucide/svelte updates types
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	let { content, dropdownMenu }: NavTopBarSidebarItem = $props();
+	const sidebar = useSidebar();
+</script>
+
+<Sidebar.Menu>
+	<Sidebar.MenuItem>
+		<DropdownMenu.Root>
+			<DropdownMenu.Trigger>
+				{#snippet child({ props })}
+					<Sidebar.MenuButton
+						{...props}
+						size="lg"
+						class="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
+					>
+						<div
+							class="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg"
+						>
+							<content.logo class="size-4" />
+						</div>
+						<div
+							class="grid flex-1 text-start text-sm leading-tight"
+						>
+							<span class="truncate font-medium">
+								{content.title}
+							</span>
+							<span class="truncate text-xs"
+								>{content.subtitle}</span
+							>
+						</div>
+						{#if dropdownMenu}
+							<HugeiconsIcon
+								icon={UnfoldMoreIcon}
+								class="ms-auto"
+							/>
+						{/if}
+					</Sidebar.MenuButton>
+				{/snippet}
+			</DropdownMenu.Trigger>
+			{#if dropdownMenu}
+				<DropdownMenu.Content
+					class="w-(--bits-dropdown-menu-anchor-width) min-w-56 rounded-lg"
+					align="start"
+					side={sidebar.isMobile ? "bottom" : "right"}
+					sideOffset={4}
+				>
+					{#if dropdownMenu.header}
+						<DropdownMenu.Label
+							class="text-muted-foreground text-xs"
+						>
+							{#if dropdownMenu.header.icon}
+								<dropdownMenu.header.icon
+									class="size-3.5 shrink-0"
+								/>
+							{/if}
+							{dropdownMenu.header.text}
+						</DropdownMenu.Label>
+					{/if}
+					{#each dropdownMenu.items as it, index (index)}
+						<DropdownMenu.Item
+							onSelect={it.onclick}
+							class="gap-2 p-2"
+						>
+							<div
+								class="flex size-6 items-center justify-center rounded-md border"
+							>
+								<it.icon class="size-3.5 shrink-0" />
+							</div>
+							{it.text}
+							<DropdownMenu.Shortcut>
+								⌘{index + 1}
+							</DropdownMenu.Shortcut>
+						</DropdownMenu.Item>
+					{/each}
+					{#if dropdownMenu.footer}
+						<DropdownMenu.Separator />
+						<DropdownMenu.Item class="gap-2 p-2">
+							<div
+								class="flex size-6 items-center justify-center rounded-md border bg-transparent"
+							>
+								{#if dropdownMenu.footer.icon}
+									<dropdownMenu.footer.icon class="size-4" />
+								{/if}
+							</div>
+							<div class="text-muted-foreground font-medium">
+								{dropdownMenu.footer.text}
+							</div>
+						</DropdownMenu.Item>
+					{/if}
+				</DropdownMenu.Content>
+			{/if}
+		</DropdownMenu.Root>
+	</Sidebar.MenuItem>
+</Sidebar.Menu>

package/dist/components/core/sidebar/menu-bar-sidebar.svelte

@@ -1,62 +1,62 @@
-<script lang="ts">
-  import * as Sidebar from "../../ui/sidebar/index.js";
-  import type { ComponentProps } from "svelte";
-
-  import type { NavUserSidebarItem } from "../nav/data/nav-user-sidebar";
-  import type {
-    NavMenuItem,
-    NavMenuSidebar,
-  } from "../nav/data/nav-menu-sidebar";
-  import type { Snippet } from "svelte";
-  import NavUserSidebar from "../nav/ui/nav-user-sidebar.svelte";
-  import NavMenuBar from "../nav/ui/nav-menu-bar.svelte";
-  import NavMenuBottomBar from "../nav/ui/nav-menu-bottom-bar.svelte";
-  import NavMenuTopBar from "../nav/ui/nav-menu-top-bar.svelte";
-  import { t } from "../../../i18n";
-
-  type Props = {
-    menusButtons?: NavMenuSidebar[];
-    menus: NavMenuItem[];
-    user: NavUserSidebarItem;
-    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}
-      <NavMenuTopBar
-        content={{
-          title: $t("label.panel"),
-          subtitle: $t("label.administrative"),
-        }}
-      />
-    {/if}
-  </Sidebar.Header>
-  <Sidebar.Content>
-    <NavMenuBar items={menus} />
-  </Sidebar.Content>
-  <Sidebar.Footer>
-    {#if footer}
-      {@render footer?.()}
-    {:else if menusButtons && menusButtons.length > 0}
-      <NavMenuBottomBar 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 { NavUserSidebarItem } from "../nav/data/nav-user-sidebar";
+  import type {
+    NavMenuItem,
+    NavMenuSidebar,
+  } from "../nav/data/nav-menu-sidebar";
+  import type { Snippet } from "svelte";
+  import NavUserSidebar from "../nav/ui/nav-user-sidebar.svelte";
+  import NavMenuBar from "../nav/ui/nav-menu-bar.svelte";
+  import NavMenuBottomBar from "../nav/ui/nav-menu-bottom-bar.svelte";
+  import NavMenuTopBar from "../nav/ui/nav-menu-top-bar.svelte";
+  import { t } from "../../../i18n";
+
+  type Props = {
+    menusButtons?: NavMenuSidebar[];
+    menus: NavMenuItem[];
+    user: NavUserSidebarItem;
+    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}
+      <NavMenuTopBar
+        content={{
+          title: $t("label.panel"),
+          subtitle: $t("label.administrative"),
+        }}
+      />
+    {/if}
+  </Sidebar.Header>
+  <Sidebar.Content>
+    <NavMenuBar items={menus} />
+  </Sidebar.Content>
+  <Sidebar.Footer>
+    {#if footer}
+      {@render footer?.()}
+    {:else if menusButtons && menusButtons.length > 0}
+      <NavMenuBottomBar items={menusButtons} class="mt-auto" />
+    {/if}
+    <NavUserSidebar {user} />
+  </Sidebar.Footer>
+  <Sidebar.Rail />
+</Sidebar.Root>

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

@@ -1,41 +1,41 @@
-<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>
-  {@render selected.children()}
-{/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>
+  {@render selected.children()}
+{/if}

package/dist/components/pages/admin/ui/admin-content.svelte

@@ -1,13 +1,13 @@
-<script lang="ts">
-  import type { Snippet } from "svelte";
-
-  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";
+
+  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/ui/admin-panel.svelte

@@ -1,40 +1,40 @@
-<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";
-
-  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";
+
+  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/login/admin/01/data/page-props.d.ts

@@ -0,0 +1,10 @@
+export type AuthFormType = "EMAIL_PASSWORD" | "PHONE_PASSWORD" | "USERNAME_PASSWORD";
+export type LoginVariant = "EMAIL" | "USERNAME" | "PHONE";
+export type Credential = {
+    password: string;
+    data: string;
+};
+export type LinkProps = {
+    url?: string;
+    onclick?: () => void;
+};

package/dist/components/pages/login/admin/01/data/page-props.js

@@ -0,0 +1 @@
+export {};