@vadimcomanescu/nadicode-design-system 4.0.11 → 5.0.0

package/dist/chunk-GI6UL27V.js

@@ -1,126 +0,0 @@
-import { Typography } from './chunk-PC6VMNDY.js';
-import { Heading } from './chunk-UXX6HHPS.js';
-import { Empty, EmptyTitle, EmptyDescription } from './chunk-4TF4QFIM.js';
-import { Card, CardHeader, CardTitle, CardContent } from './chunk-7UY24UWL.js';
-import { Button } from './chunk-7KIDDF3I.js';
-import { Badge } from './chunk-S4JAHKOP.js';
-import { cn } from './chunk-QYZT24TS.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function resolveActiveSection(sections, activeSectionId) {
-  const directMatch = sections.find((section) => section.id === activeSectionId && section.isAvailable !== false);
-  if (directMatch) {
-    return directMatch;
-  }
-  const firstAvailable = sections.find((section) => section.isAvailable !== false);
-  if (firstAvailable) {
-    return firstAvailable;
-  }
-  return sections[0] ?? null;
-}
-function SettingsPageKit({
-  title = "Settings",
-  description = "Manage account, workspace, and preference sections with explicit save-state contracts.",
-  sections,
-  activeSectionId,
-  onSectionChange,
-  renderSection,
-  saveState = "default",
-  validationMessage,
-  fatalErrorMessage,
-  savedMessage = "Changes saved successfully.",
-  onSave,
-  onDiscard,
-  saveLabel = "Save changes",
-  discardLabel = "Discard",
-  className
-}) {
-  const activeSection = resolveActiveSection(sections, activeSectionId);
-  const showActions = Boolean(onSave || onDiscard);
-  return /* @__PURE__ */ jsxs("section", { className: cn("space-y-6", className), children: [
-    /* @__PURE__ */ jsxs("header", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx(Heading, { level: 3, children: title }),
-      /* @__PURE__ */ jsx(Typography, { variant: "muted", children: description })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-[280px_1fr]", children: [
-      /* @__PURE__ */ jsx("aside", { "aria-label": "Settings sections", className: "space-y-3", children: /* @__PURE__ */ jsxs(Card, { children: [
-        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Sections" }) }),
-        /* @__PURE__ */ jsx(CardContent, { className: "space-y-2", children: sections.map((section) => {
-          const isUnavailable = section.isAvailable === false;
-          const isActive = activeSection?.id === section.id;
-          return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: isActive ? "secondary" : "ghost",
-                className: "w-full justify-start",
-                "aria-pressed": isActive,
-                disabled: isUnavailable,
-                onClick: () => {
-                  if (!isUnavailable && section.id !== activeSection?.id) {
-                    onSectionChange?.(section.id);
-                  }
-                },
-                children: section.label
-              }
-            ),
-            isUnavailable && section.unavailableReason ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "px-2 text-text-tertiary", children: section.unavailableReason }) : null
-          ] }, section.id);
-        }) })
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-        saveState === "loading" ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Loading settings content" }) : null,
-        saveState === "dirty" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Unsaved changes" }) : null,
-        saveState === "saving" ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Saving changes\u2026" }) : null,
-        saveState === "saved" ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-success", children: savedMessage }) : null,
-        saveState === "validation-error" ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            role: "alert",
-            className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
-            children: validationMessage ?? "Please resolve validation errors before saving."
-          }
-        ) : null,
-        saveState === "fatal-error" ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            role: "alert",
-            className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
-            children: fatalErrorMessage ?? "Settings failed to load. Retry or contact support."
-          }
-        ) : null,
-        /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsxs(CardHeader, { children: [
-            /* @__PURE__ */ jsx(CardTitle, { children: activeSection?.label ?? "Settings section" }),
-            activeSection?.description ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: activeSection.description }) : null
-          ] }),
-          /* @__PURE__ */ jsx(CardContent, { children: activeSection ? renderSection(activeSection) : /* @__PURE__ */ jsxs(Empty, { children: [
-            /* @__PURE__ */ jsx(EmptyTitle, { children: "No settings sections" }),
-            /* @__PURE__ */ jsx(EmptyDescription, { children: "Add at least one section to render settings content." })
-          ] }) })
-        ] }),
-        showActions ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-end gap-2", children: [
-          onDiscard ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "ghost",
-              onClick: onDiscard,
-              disabled: saveState === "saving" || saveState === "loading",
-              children: discardLabel
-            }
-          ) : null,
-          onSave ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              onClick: onSave,
-              disabled: saveState === "saving" || saveState === "loading",
-              children: saveLabel
-            }
-          ) : null
-        ] }) : null
-      ] })
-    ] })
-  ] });
-}
-
-export { SettingsPageKit };

package/dist/chunk-GICOWV5M.js

@@ -1,30 +0,0 @@
-import { LoginBlock } from './chunk-JRLU2VSB.js';
-import { cn } from './chunk-QYZT24TS.js';
-import { jsx } from 'react/jsx-runtime';
-
-function SignupPageKit({
-  action,
-  googleAction,
-  error,
-  showSocial = true,
-  labels,
-  signInHref,
-  className,
-  cardClassName
-}) {
-  return /* @__PURE__ */ jsx("section", { className: cn("min-h-dvh w-full bg-background px-4 py-12 md:px-8 md:py-20", className), children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full max-w-5xl items-center justify-center", children: /* @__PURE__ */ jsx(
-    LoginBlock,
-    {
-      className: cn("w-full", cardClassName),
-      type: "signup",
-      action,
-      googleAction,
-      error,
-      showSocial,
-      labels,
-      signInHref
-    }
-  ) }) });
-}
-
-export { SignupPageKit };

package/dist/chunk-I66XWYSS.js

@@ -1,117 +0,0 @@
-import { RefreshCWIcon } from './chunk-Q7LVUGFL.js';
-import { CopyIcon } from './chunk-TV4RSQH4.js';
-import { cn } from './chunk-QYZT24TS.js';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var bubbleVariants = cva(
-  "rounded-lg border p-4 max-w-[80%] text-sm",
-  {
-    variants: {
-      role: {
-        user: "ml-auto bg-primary/10 border-primary/20 text-text-primary",
-        assistant: "mr-auto glass-panel border-border text-text-primary",
-        agent: "mr-auto glass-panel border-border text-text-primary",
-        system: "mx-auto bg-muted border-border text-text-secondary text-center text-xs"
-      },
-      status: {
-        default: "",
-        error: "border-destructive/40 bg-destructive/5"
-      }
-    },
-    defaultVariants: {
-      role: "assistant",
-      status: "default"
-    }
-  }
-);
-function AgentMessageBubble({
-  className,
-  role,
-  content,
-  avatar,
-  timestamp,
-  toolCalls,
-  status = "default",
-  actions,
-  isStreaming,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      className: cn(
-        "flex gap-2",
-        role === "user" && "flex-row-reverse",
-        role === "system" && "justify-center",
-        className
-      ),
-      ...props,
-      children: [
-        avatar && role !== "system" && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", "aria-hidden": "true", children: avatar }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 min-w-0", children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(bubbleVariants({ role, status })),
-              ...isStreaming ? { "aria-live": "polite" } : {},
-              children: [
-                /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words", children: content }),
-                !!isStreaming && /* @__PURE__ */ jsx("span", { className: "inline-block w-1.5 h-4 ml-0.5 bg-accent animate-pulse rounded-sm" })
-              ]
-            }
-          ),
-          !!toolCalls && (Array.isArray(toolCalls) ? toolCalls.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 mt-1.5", children: toolCalls.map((tc) => /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "inline-flex items-center gap-1 rounded-md border px-2 py-0.5 text-xs",
-                tc.state === "error" ? "border-destructive/30 text-destructive" : tc.state === "complete" ? "border-success/30 text-success" : tc.state === "running" ? "border-accent/30 text-accent" : "border-border text-text-tertiary"
-              ),
-              children: tc.name
-            },
-            tc.id
-          )) }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5 mt-1.5", children: toolCalls })),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "flex items-center gap-2 text-xs text-text-tertiary",
-                role === "user" && "flex-row-reverse"
-              ),
-              children: [
-                !!timestamp && /* @__PURE__ */ jsx("span", { children: timestamp }),
-                !!actions && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-                  actions.onCopy && /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: actions.onCopy,
-                      className: "hover:text-text-secondary transition-colors",
-                      "aria-label": "Copy message",
-                      children: /* @__PURE__ */ jsx(CopyIcon, { size: 12, "aria-hidden": "true" })
-                    }
-                  ),
-                  actions.onRetry && /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: actions.onRetry,
-                      className: "hover:text-text-secondary transition-colors",
-                      "aria-label": "Retry message",
-                      children: /* @__PURE__ */ jsx(RefreshCWIcon, { size: 12, "aria-hidden": "true" })
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
-export { AgentMessageBubble, bubbleVariants };

package/dist/chunk-KA47SVMB.js

@@ -1,149 +0,0 @@
-import { NavigationShellPageKit } from './chunk-ZBQLUB3B.js';
-import { ActivityFeedBlock } from './chunk-4QOH76MI.js';
-import { Typography } from './chunk-PC6VMNDY.js';
-import { MetricCard } from './chunk-JWWXY7XR.js';
-import { Heading } from './chunk-UXX6HHPS.js';
-import { DataFreshness } from './chunk-WST5NLLC.js';
-import { ChartCard } from './chunk-HZPCTOQJ.js';
-import { Empty, EmptyTitle, EmptyDescription } from './chunk-4TF4QFIM.js';
-import { Card, CardHeader, CardTitle, CardContent } from './chunk-7UY24UWL.js';
-import { cn } from './chunk-QYZT24TS.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var EMPTY_KPIS = [];
-var EMPTY_CHART_REGIONS = [];
-var EMPTY_ACTIVITY_ITEMS = [];
-function deriveRegionState(state, data) {
-  if (state) {
-    return state;
-  }
-  if (!data || data.length === 0) {
-    return "empty";
-  }
-  return "has-data";
-}
-function renderChartRegion(region) {
-  const state = deriveRegionState(region.state, region.data);
-  const isPartialDataState = state === "partial-data";
-  if (state === "error") {
-    return /* @__PURE__ */ jsxs(Card, { className: region.className, children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: region.title }) }),
-      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          role: "alert",
-          className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
-          children: region.errorMessage ?? "Chart region is unavailable."
-        }
-      ) })
-    ] }, region.id);
-  }
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", region.className), children: [
-    isPartialDataState ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Some chart points are still loading, available data remains visible." }) : null,
-    /* @__PURE__ */ jsx(
-      ChartCard,
-      {
-        title: region.title,
-        description: region.description,
-        chart: region.chart,
-        data: state === "empty" ? [] : region.data,
-        loading: state === "loading",
-        emptyTitle: region.emptyTitle ?? "No chart data",
-        emptyDescription: region.emptyDescription ?? "This chart will populate once data is available."
-      }
-    )
-  ] }, region.id);
-}
-function DashboardPageKit({
-  shell,
-  title = "Dashboard overview",
-  description = "Track KPI performance, chart health, and recent activity from one route-level contract.",
-  kpis = EMPTY_KPIS,
-  kpiState,
-  chartRegions = EMPTY_CHART_REGIONS,
-  activityRegion,
-  lastUpdated,
-  className
-}) {
-  const freshnessTimestamp = lastUpdated ?? /* @__PURE__ */ new Date();
-  const resolvedKpiState = deriveRegionState(kpiState, kpis);
-  const resolvedActivityState = deriveRegionState(activityRegion?.state, activityRegion?.items ?? EMPTY_ACTIVITY_ITEMS);
-  const hasLoadingCharts = chartRegions.some((region) => deriveRegionState(region.state, region.data) === "loading");
-  const loadingKpis = Array.from({ length: Math.max(kpis.length, 4) }, (_, index) => /* @__PURE__ */ jsx(
-    MetricCard,
-    {
-      label: `Loading metric ${index + 1}`,
-      value: 0,
-      loading: true
-    },
-    `loading-kpi-${index}`
-  ));
-  return /* @__PURE__ */ jsx(NavigationShellPageKit, { ...shell, children: /* @__PURE__ */ jsxs("section", { className: cn("space-y-6", className), children: [
-    /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-center gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
-        /* @__PURE__ */ jsx(Heading, { level: 3, children: title }),
-        /* @__PURE__ */ jsx(Typography, { variant: "muted", children: description })
-      ] }),
-      /* @__PURE__ */ jsx(DataFreshness, { lastUpdated: freshnessTimestamp, isLive: true })
-    ] }),
-    /* @__PURE__ */ jsxs("section", { "aria-label": "Dashboard KPI region", className: "space-y-3", children: [
-      resolvedKpiState === "loading" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Loading KPI metrics" }),
-        /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4", children: loadingKpis })
-      ] }) : null,
-      resolvedKpiState === "error" ? /* @__PURE__ */ jsx(
-        "div",
-        {
-          role: "alert",
-          className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
-          children: "KPI metrics are currently unavailable."
-        }
-      ) : null,
-      resolvedKpiState === "empty" ? /* @__PURE__ */ jsxs(Empty, { children: [
-        /* @__PURE__ */ jsx(EmptyTitle, { children: "No KPI data" }),
-        /* @__PURE__ */ jsx(EmptyDescription, { children: "Connect your data source to populate KPI cards." })
-      ] }) : null,
-      resolvedKpiState === "partial-data" ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Some KPI metrics are temporarily unavailable." }) : null,
-      resolvedKpiState === "has-data" || resolvedKpiState === "partial-data" ? /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4", children: kpis.map((kpi) => /* @__PURE__ */ jsx(
-        MetricCard,
-        {
-          ...kpi
-        },
-        `${kpi.label}-${String(kpi.value)}`
-      )) }) : null
-    ] }),
-    /* @__PURE__ */ jsxs("section", { "aria-label": "Dashboard chart regions", className: "grid gap-4 xl:grid-cols-2", children: [
-      hasLoadingCharts ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary xl:col-span-2", children: "Loading chart data" }) : null,
-      chartRegions.map((region) => renderChartRegion(region))
-    ] }),
-    /* @__PURE__ */ jsxs("section", { "aria-label": "Dashboard activity region", children: [
-      resolvedActivityState === "loading" ? /* @__PURE__ */ jsxs(Card, { children: [
-        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: activityRegion?.title ?? "Recent activity" }) }),
-        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Loading activity feed" }) })
-      ] }) : null,
-      resolvedActivityState === "error" ? /* @__PURE__ */ jsx(
-        "div",
-        {
-          role: "alert",
-          className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
-          children: activityRegion?.errorMessage ?? "Activity feed is unavailable."
-        }
-      ) : null,
-      resolvedActivityState === "empty" ? /* @__PURE__ */ jsxs(Empty, { children: [
-        /* @__PURE__ */ jsx(EmptyTitle, { children: activityRegion?.emptyTitle ?? "No activity yet" }),
-        /* @__PURE__ */ jsx(EmptyDescription, { children: activityRegion?.emptyDescription ?? "Recent updates will appear once your team starts making changes." })
-      ] }) : null,
-      resolvedActivityState === "partial-data" ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Recent activity is partially available while remaining events sync." }) : null,
-      resolvedActivityState === "has-data" || resolvedActivityState === "partial-data" ? /* @__PURE__ */ jsx(
-        ActivityFeedBlock,
-        {
-          title: activityRegion?.title ?? "Recent activity",
-          activities: activityRegion?.items,
-          className: "py-4 md:py-6"
-        }
-      ) : null
-    ] })
-  ] }) });
-}
-
-export { DashboardPageKit };

package/dist/chunk-KCOMDSQ4.js

@@ -1,86 +0,0 @@
-import { SidebarProvider, Sidebar, SidebarHeader, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarTrigger } from './chunk-FF3XUIZO.js';
-import { siteConfig } from './chunk-A7NUWD76.js';
-import { Empty, EmptyTitle, EmptyDescription } from './chunk-4TF4QFIM.js';
-import { useMotionConfig, m, motionSpring } from './chunk-PD2YEH3H.js';
-import { UsersIcon } from './chunk-WUO7OONN.js';
-import { SettingsIcon } from './chunk-OITJWGFV.js';
-import { LockIcon } from './chunk-RYOTIXZO.js';
-import { LayoutDashboardIcon } from './chunk-O74AEVHW.js';
-import { CreditCardIcon } from './chunk-JHQTKMKG.js';
-import { BellIcon } from './chunk-JBK2LA6U.js';
-import { UserIcon } from './chunk-UHXGBV5N.js';
-import { Badge } from './chunk-S4JAHKOP.js';
-import React from 'react';
-import { AnimatePresence } from 'motion/react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var defaultLinks = [
-  { label: "General", icon: /* @__PURE__ */ jsx(SettingsIcon, { size: 16 }) },
-  { label: "Profile", icon: /* @__PURE__ */ jsx(UserIcon, { size: 16 }) },
-  { label: "Team", icon: /* @__PURE__ */ jsx(UsersIcon, { size: 16 }), badge: "New" },
-  { label: "Notifications", icon: /* @__PURE__ */ jsx(BellIcon, { size: 16 }) },
-  { label: "Security", icon: /* @__PURE__ */ jsx(LockIcon, { size: 16 }) },
-  { label: "Billing", icon: /* @__PURE__ */ jsx(CreditCardIcon, { size: 16 }) }
-];
-function SettingsLayout({
-  links = defaultLinks,
-  title = siteConfig.name,
-  subtitle = "Enterprise",
-  defaultActive = "Profile",
-  className,
-  renderContent
-}) {
-  const motionConfig = useMotionConfig();
-  const [activeLink, setActiveLink] = React.useState(defaultActive);
-  return /* @__PURE__ */ jsx(SidebarProvider, { className: className ?? "h-[800px] w-full glass-panel rounded-xl overflow-hidden shadow-2xl", children: /* @__PURE__ */ jsxs("div", { className: "h-full w-full bg-background flex", children: [
-    /* @__PURE__ */ jsxs(Sidebar, { collapsible: "none", className: "hidden sm:flex w-64 border-r border-border", children: [
-      /* @__PURE__ */ jsx(SidebarHeader, { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 px-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-glow", children: /* @__PURE__ */ jsx(LayoutDashboardIcon, { size: 16 }) }),
-        /* @__PURE__ */ jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-          /* @__PURE__ */ jsx("span", { className: "truncate font-semibold", children: title }),
-          /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-text-secondary", children: subtitle })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsx(SidebarContent, { className: "px-2", children: /* @__PURE__ */ jsx(SidebarGroup, { children: /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { className: "space-y-1.5", children: links.map((link) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(
-        SidebarMenuButton,
-        {
-          isActive: activeLink === link.label,
-          onClick: () => setActiveLink(link.label),
-          className: "justify-between",
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              link.icon,
-              /* @__PURE__ */ jsx("span", { children: link.label })
-            ] }),
-            link.badge && /* @__PURE__ */ jsx(Badge, { variant: "accent", className: "h-5 px-1.5 text-[10px]", children: link.badge })
-          ]
-        }
-      ) }, link.label)) }) }) }) })
-    ] }),
-    /* @__PURE__ */ jsxs("main", { className: "flex-1 min-w-0 overflow-y-auto bg-background/50", children: [
-      /* @__PURE__ */ jsxs("header", { className: "sticky top-0 z-10 flex items-center border-b border-border bg-background px-4 py-2 sm:hidden", children: [
-        /* @__PURE__ */ jsx(SidebarTrigger, {}),
-        /* @__PURE__ */ jsx("span", { className: "ml-2 text-sm font-medium text-text-primary", children: "Settings" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "max-w-4xl mx-auto p-8", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
-        m.div,
-        {
-          initial: { opacity: 0, y: 8 },
-          animate: { opacity: 1, y: 0 },
-          exit: { opacity: 0, y: -8 },
-          transition: { ...motionSpring.snappy, ...motionConfig },
-          children: renderContent ? renderContent(activeLink) : /* @__PURE__ */ jsxs(Empty, { className: "h-[400px]", children: [
-            /* @__PURE__ */ jsxs(EmptyTitle, { children: [
-              activeLink,
-              " Settings"
-            ] }),
-            /* @__PURE__ */ jsx(EmptyDescription, { children: "This section is under construction." })
-          ] })
-        },
-        activeLink
-      ) }) })
-    ] })
-  ] }) });
-}
-
-export { SettingsLayout };

package/dist/chunk-KKXYZASY.js

@@ -1,94 +0,0 @@
-import { InputOTP, InputOTPGroup, InputOTPSlot } from './chunk-WN5ONOHC.js';
-import { Separator } from './chunk-CUZJIDU7.js';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './chunk-7UY24UWL.js';
-import { Alert, AlertDescription } from './chunk-6CLSVCWP.js';
-import { m, scaleIn } from './chunk-PD2YEH3H.js';
-import { bezier } from './chunk-CRY67BIF.js';
-import { ShieldCheckIcon } from './chunk-BFLN54VR.js';
-import { cn } from './chunk-QYZT24TS.js';
-import * as React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var SHAKE_TRANSITION = { duration: 0.3, ease: bezier["out-cubic"] };
-function TwoFactorChallengeBlock({
-  className,
-  onVerify,
-  onUseBackupCode,
-  onBackToLogin,
-  error,
-  title = "Two-factor authentication",
-  description = "Enter the 6-digit code from your authenticator app",
-  backupCodeLabel = "Use a backup code"
-}) {
-  const [code, setCode] = React.useState("");
-  const [shake, setShake] = React.useState(false);
-  React.useEffect(() => {
-    if (error) {
-      setShake(true);
-      setCode("");
-      const timeout = setTimeout(() => setShake(false), 300);
-      return () => clearTimeout(timeout);
-    }
-  }, [error]);
-  const handleComplete = (value) => {
-    setCode(value);
-    if (value.length === 6) {
-      onVerify?.(value);
-    }
-  };
-  return /* @__PURE__ */ jsx(m.div, { ...scaleIn, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
-      /* @__PURE__ */ jsx("div", { className: "mx-auto mb-2", children: /* @__PURE__ */ jsx(ShieldCheckIcon, { size: 32, className: "text-text-secondary" }) }),
-      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: title }),
-      /* @__PURE__ */ jsx(CardDescription, { children: description })
-    ] }),
-    /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4", children: [
-      /* @__PURE__ */ jsx(
-        m.div,
-        {
-          className: "flex justify-center",
-          animate: shake ? { x: [-4, 4, -4, 4, 0] } : {},
-          transition: SHAKE_TRANSITION,
-          children: /* @__PURE__ */ jsx(
-            InputOTP,
-            {
-              maxLength: 6,
-              value: code,
-              onChange: handleComplete,
-              children: /* @__PURE__ */ jsxs(InputOTPGroup, { children: [
-                /* @__PURE__ */ jsx(InputOTPSlot, { index: 0 }),
-                /* @__PURE__ */ jsx(InputOTPSlot, { index: 1 }),
-                /* @__PURE__ */ jsx(InputOTPSlot, { index: 2 }),
-                /* @__PURE__ */ jsx(InputOTPSlot, { index: 3 }),
-                /* @__PURE__ */ jsx(InputOTPSlot, { index: 4 }),
-                /* @__PURE__ */ jsx(InputOTPSlot, { index: 5 })
-              ] })
-            }
-          )
-        }
-      ),
-      !!error && /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx(AlertDescription, { children: error }) }),
-      /* @__PURE__ */ jsx(Separator, {}),
-      /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onUseBackupCode,
-          className: "text-sm text-accent hover:text-accent/80 transition-colors",
-          children: backupCodeLabel
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx(CardFooter, { className: "justify-center", children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onBackToLogin,
-        className: "text-sm text-text-tertiary hover:text-text-primary transition-colors",
-        children: "Back to login"
-      }
-    ) })
-  ] }) });
-}
-
-export { TwoFactorChallengeBlock };