@vadimcomanescu/nadicode-design-system 2.0.5 → 2.0.7

package/dist/components/page-kits/VoiceAgentsPageKit.js

@@ -0,0 +1,246 @@
+import { AgentConversationBlock } from '../../chunk-TZXZFSD2.js';
+import '../../chunk-MLUSJTS2.js';
+import { Typography } from '../../chunk-N53OMWW2.js';
+import '../../chunk-ZHTQF2KI.js';
+import { Heading } from '../../chunk-WI547C47.js';
+import { Input } from '../../chunk-AP3XXYAY.js';
+import '../../chunk-LIBXYD5Q.js';
+import { Card, CardContent, CardHeader, CardTitle } from '../../chunk-AH6YSYYT.js';
+import { AudioWaveform } from '../../chunk-5UESKK6S.js';
+import { Button } from '../../chunk-7KIDDF3I.js';
+import '../../chunk-PD2YEH3H.js';
+import '../../chunk-CRY67BIF.js';
+import '../../chunk-HJC6U46F.js';
+import '../../chunk-AUSYEAIJ.js';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import '../../chunk-SR5U52V3.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import { Badge } from '../../chunk-S4JAHKOP.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import { cn } from '../../chunk-QYZT24TS.js';
+import { useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var EMPTY_MESSAGES = [];
+function presenceLabel(state) {
+  switch (state) {
+    case "listening":
+      return "Listening";
+    case "speaking":
+      return "Speaking";
+    case "idle":
+      return "Idle";
+  }
+}
+function VoiceAgentsPageKit({
+  state = "agent-selection",
+  agents,
+  selectedAgentId,
+  presenceState = "idle",
+  messages = EMPTY_MESSAGES,
+  streamingReply,
+  composerValue = "",
+  composerPlaceholder = "Send a voice prompt...",
+  onComposerChange,
+  onSendMessage,
+  onSelectAgent,
+  onBackToSelection,
+  noAgentsMessage = "No voice agents are available right now.",
+  disconnectedMessage = "The selected agent is unavailable. Choose another agent.",
+  className
+}) {
+  const selectedAgent = useMemo(
+    () => selectedAgentId ? agents.find((agent) => agent.id === selectedAgentId) : null,
+    [agents, selectedAgentId]
+  );
+  const normalizedMessages = useMemo(
+    () => messages.map((message) => ({
+      ...message,
+      role: message.role === "assistant" ? "agent" : message.role
+    })),
+    [messages]
+  );
+  function handleSendMessage() {
+    const payload = composerValue.trim();
+    if (!payload) {
+      return;
+    }
+    onSendMessage?.(payload);
+  }
+  if (state === "agent-selection") {
+    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: "Voice agents" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "muted", children: "Choose an agent to start a voice session." })
+      ] }),
+      agents.length === 0 ? /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "py-6", children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: noAgentsMessage }) }) }) : /* @__PURE__ */ jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: agents.map((agent) => /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsxs(CardHeader, { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsx("span", { children: agent.name }),
+            /* @__PURE__ */ jsx(Badge, { variant: agent.availability === "offline" ? "destructive" : "outline", children: agent.availability ?? "online" })
+          ] }),
+          /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: agent.role })
+        ] }),
+        /* @__PURE__ */ jsx(CardContent, { className: "pt-0", children: /* @__PURE__ */ jsxs(Button, { type: "button", className: "w-full", onClick: () => onSelectAgent?.(agent.id), "aria-label": `Select ${agent.name}`, children: [
+          "Select ",
+          agent.name
+        ] }) })
+      ] }, agent.id)) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("section", { className: cn("space-y-6", className), children: [
+    /* @__PURE__ */ jsxs("header", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx(Heading, { level: 3, children: "Voice agents" }),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onBackToSelection, children: "Back to agent selection" })
+      ] }),
+      /* @__PURE__ */ jsx(Typography, { variant: "muted", children: selectedAgent ? `Active voice session with ${selectedAgent.name}.` : disconnectedMessage })
+    ] }),
+    selectedAgent ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "small", className: "font-medium text-text-primary", children: selectedAgent.name }),
+      /* @__PURE__ */ jsx(Badge, { variant: "outline", children: presenceLabel(presenceState) }),
+      /* @__PURE__ */ jsx(AudioWaveform, { active: presenceState === "speaking", bars: 20, size: "sm", variant: "accent" })
+    ] }) : /* @__PURE__ */ jsx("div", { role: "alert", className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive", children: disconnectedMessage }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Conversation" }) }),
+      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx(
+          AgentConversationBlock,
+          {
+            messages: normalizedMessages.length > 0 ? normalizedMessages : [{
+              id: "voice-empty",
+              role: "system",
+              content: "No messages yet. Start speaking to begin the session."
+            }]
+          }
+        ),
+        streamingReply ? /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border/70 bg-surface/50 px-3 py-2", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "small", className: "font-medium text-text-primary", children: "Streaming response" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "small", className: "mt-1 text-text-secondary", children: streamingReply })
+        ] }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              "aria-label": "Voice composer",
+              value: composerValue,
+              placeholder: composerPlaceholder,
+              onChange: (event) => onComposerChange?.(event.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { type: "button", onClick: handleSendMessage, children: "Send voice message" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+export { VoiceAgentsPageKit };

package/dist/components/ui/AudioWaveform.js

@@ -1,77 +1,3 @@
 'use client';
-import { cn } from '../../chunk-QYZT24TS.js';
-import * as React from 'react';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var audioWaveformVariants = cva(
-  "flex items-center",
-  {
-    variants: {
-      variant: {
-        default: "[--waveform-color:rgb(var(--color-text-primary))]",
-        accent: "[--waveform-color:rgb(var(--color-accent))]",
-        success: "[--waveform-color:rgb(var(--color-success))]"
-      },
-      size: {
-        sm: "h-4 gap-[2px]",
-        default: "h-8 gap-1",
-        lg: "h-12 gap-1.5"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function AudioWaveform({
-  className,
-  variant,
-  size,
-  bars = 24,
-  active = false,
-  barWidth = 3,
-  ref,
-  ...props
-}) {
-  const randomOffsetsRef = React.useRef(null);
-  if (randomOffsetsRef.current === null || randomOffsetsRef.current.length !== bars) {
-    randomOffsetsRef.current = Array.from({ length: bars }, (_, i) => (i * 7 + 3) % 20);
-  }
-  const randomOffsets = randomOffsetsRef.current;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(audioWaveformVariants({ variant, size }), className),
-      role: "img",
-      "aria-label": active ? "Audio waveform active" : "Audio waveform inactive",
-      ...props,
-      children: Array.from({ length: bars }).map((_, i) => {
-        const activeHeight = 20 + Math.sin(i * 0.7) * 60 + randomOffsets[i];
-        const activeOpacity = 0.6 + Math.sin(i * 0.5) * 0.4;
-        return /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "rounded-full bg-[var(--waveform-color)] transition-all",
-              active && "animate-pulse"
-            ),
-            style: {
-              width: `${barWidth}px`,
-              height: active ? `${activeHeight.toFixed(3)}%` : "15%",
-              opacity: active ? activeOpacity.toFixed(6) : "0.300000",
-              animationDelay: `${i * 75}ms`,
-              animationDuration: `${600 + i % 5 * 200}ms`
-            },
-            "aria-hidden": "true"
-          },
-          i
-        );
-      })
-    }
-  );
-}
-
-export { AudioWaveform, audioWaveformVariants };
+export { AudioWaveform, audioWaveformVariants } from '../../chunk-5UESKK6S.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/AvatarUpload.js

@@ -1,5 +1,5 @@
 'use client';
-import { MouseSpotlight } from '../../chunk-SV3KZ6CB.js';
+import { MouseSpotlight } from '../../chunk-DSMGCFMJ.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';

package/dist/components/ui/Breadcrumb.js

@@ -1,4 +1,5 @@
 'use client';
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from '../../chunk-35EX5FP5.js';
 import '../../chunk-GO35FTNJ.js';
 import '../../chunk-PSVQ7ZNX.js';
 import '../../chunk-FLF5AMNO.js';
@@ -65,7 +66,7 @@ import '../../chunk-WA45EC4Y.js';
 import '../../chunk-2MOEOEOI.js';
 import '../../chunk-5LCXASRW.js';
 import '../../chunk-2ZJVU7NV.js';
-import { EllipsisIcon } from '../../chunk-5ESF6N36.js';
+import '../../chunk-5ESF6N36.js';
 import '../../chunk-RBPLOM3A.js';
 import '../../chunk-GCUTJI7M.js';
 import '../../chunk-2NT57K4U.js';
@@ -78,7 +79,7 @@ import '../../chunk-JHQTKMKG.js';
 import '../../chunk-CI7GPGCJ.js';
 import '../../chunk-226EBOTK.js';
 import '../../chunk-G5YLGJXR.js';
-import { ChevronRightIcon } from '../../chunk-G24VV5NO.js';
+import '../../chunk-G24VV5NO.js';
 import '../../chunk-6BAV4TZ5.js';
 import '../../chunk-SW6QPJM4.js';
 import '../../chunk-V6WNRZT3.js';
@@ -111,107 +112,4 @@ import '../../chunk-PRUXIDBD.js';
 import '../../chunk-NURPUVUV.js';
 import '../../chunk-HJBXUXTD.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { Slot } from '@radix-ui/react-slot';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function Breadcrumb({
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props });
-}
-function BreadcrumbList({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "ol",
-    {
-      ref,
-      className: cn(
-        "flex flex-wrap items-center gap-1.5 break-words text-sm text-text-tertiary sm:gap-2.5",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function BreadcrumbItem({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      ref,
-      className: cn("inline-flex items-center gap-1.5", className),
-      ...props
-    }
-  );
-}
-function BreadcrumbLink({
-  asChild,
-  className,
-  ref,
-  ...props
-}) {
-  const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      className: cn("transition-colors duration-150 hover:text-text-primary hover:underline hover:decoration-accent/40 hover:underline-offset-4", className),
-      ...props
-    }
-  );
-}
-function BreadcrumbPage({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      ref,
-      "aria-current": "page",
-      className: cn("font-medium text-text-primary", className),
-      ...props
-    }
-  );
-}
-var BreadcrumbSeparator = ({
-  children,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "li",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: cn("[&>svg]:size-3.5", className),
-    ...props,
-    children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, { size: 14 })
-  }
-);
-var BreadcrumbEllipsis = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxs(
-  "span",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: cn("flex h-9 w-9 items-center justify-center rounded-md transition-colors duration-150 hover:bg-surface-hover", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(EllipsisIcon, { size: 16 }),
-      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
-    ]
-  }
-);
-
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/ChartCard.js

@@ -1,42 +1,9 @@
 'use client';
-import { Skeleton } from '../../chunk-RASEB2XI.js';
-import { Empty, EmptyIcon, EmptyTitle, EmptyDescription } from '../../chunk-55HD4L6G.js';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent } from '../../chunk-AH6YSYYT.js';
+export { ChartCard } from '../../chunk-HJZRSPWB.js';
+import '../../chunk-RASEB2XI.js';
+import '../../chunk-55HD4L6G.js';
+import '../../chunk-AH6YSYYT.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function ChartCard({
-  title,
-  description,
-  action,
-  chart,
-  data,
-  loading = false,
-  emptyIcon,
-  emptyTitle,
-  emptyDescription,
-  emptyCta,
-  className,
-  ref
-}) {
-  return /* @__PURE__ */ jsxs(Card, { ref, className: cn(className), children: [
-    /* @__PURE__ */ jsxs(CardHeader, { className: action ? "flex flex-row items-start justify-between space-y-0 pb-4" : void 0, children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-1.5", children: [
-        /* @__PURE__ */ jsx(CardTitle, { children: title }),
-        !!description && /* @__PURE__ */ jsx(CardDescription, { children: description })
-      ] }),
-      action
-    ] }),
-    /* @__PURE__ */ jsx(CardContent, { children: loading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-[300px] rounded-lg" }) : data.length === 0 ? /* @__PURE__ */ jsxs(Empty, { children: [
-      !!emptyIcon && /* @__PURE__ */ jsx(EmptyIcon, { children: emptyIcon }),
-      !!emptyTitle && /* @__PURE__ */ jsx(EmptyTitle, { children: emptyTitle }),
-      !!emptyDescription && /* @__PURE__ */ jsx(EmptyDescription, { children: emptyDescription }),
-      !!emptyCta && emptyCta
-    ] }) : /* @__PURE__ */ jsx("div", { className: "chart-glow-bg", children: chart }) })
-  ] });
-}
-
-export { ChartCard };
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/CheckoutFormDemo.js

@@ -130,16 +130,15 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 var colorTokens = {
   dark: {
     accent: {
-      DEFAULT: "#E8A020"},
+      DEFAULT: "#0A9E6F"},
     destructive: {
-      DEFAULT: "#E8444A"},
+      DEFAULT: "#DC2626"},
     text: {
-      primary: "#F4F4F6",
-      // gray.12
-      secondary: "#E0E1E5"}},
+      primary: "#E2E8F0",
+      secondary: "#A0AEBA"}},
   light: {
     accent: {
-      DEFAULT: "#8A5E08"},
+      DEFAULT: "#059669"},
     destructive: {
       DEFAULT: "#C62832"},
     text: {

package/dist/components/ui/DataFreshness.js

@@ -1,74 +1,3 @@
 'use client';
-import { cn } from '../../chunk-QYZT24TS.js';
-import * as React from 'react';
-import { formatDistanceToNow } from 'date-fns';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var TICK_INTERVAL_MS = 3e4;
-var listeners = [];
-var tick = 0;
-var intervalId = null;
-function subscribe(callback) {
-  listeners = [...listeners, callback];
-  if (listeners.length === 1) {
-    intervalId = setInterval(() => {
-      tick++;
-      listeners.forEach((l) => l());
-    }, TICK_INTERVAL_MS);
-  }
-  return () => {
-    listeners = listeners.filter((l) => l !== callback);
-    if (listeners.length === 0 && intervalId !== null) {
-      clearInterval(intervalId);
-      intervalId = null;
-    }
-  };
-}
-function getSnapshot() {
-  return tick;
-}
-function getServerSnapshot() {
-  return 0;
-}
-function DataFreshness({
-  lastUpdated,
-  isLive = false,
-  staleThresholdMs = 3e5,
-  className,
-  ref
-}) {
-  React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-  const elapsedMs = Date.now() - lastUpdated.getTime();
-  const isStale = elapsedMs > staleThresholdMs;
-  const relativeTime = formatDistanceToNow(lastUpdated, { addSuffix: true });
-  let statusText;
-  if (isLive && !isStale) {
-    statusText = "Live";
-  } else if (isLive && isStale) {
-    statusText = `Stale \u2013 Updated ${relativeTime}`;
-  } else {
-    statusText = `Updated ${relativeTime}`;
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      className: cn("flex items-center gap-2", className),
-      children: [
-        isLive && /* @__PURE__ */ jsx(
-          "span",
-          {
-            "data-slot": "freshness-dot",
-            className: cn(
-              "size-2 shrink-0 rounded-full motion-reduce:animate-none",
-              isStale ? "bg-warning" : "bg-success animate-pulse"
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-text-tertiary", children: statusText })
-      ]
-    }
-  );
-}
-
-export { DataFreshness };
+export { DataFreshness } from '../../chunk-WST5NLLC.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/MouseEffect.js

@@ -1,5 +1,5 @@
 'use client';
-export { MouseGlow, MouseSpotlight } from '../../chunk-SV3KZ6CB.js';
+export { MouseGlow, MouseSpotlight } from '../../chunk-DSMGCFMJ.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';

package/dist/components/ui/NativeSelect.js

@@ -1,19 +1,3 @@
 'use client';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { jsx } from 'react/jsx-runtime';
-
-function NativeSelect({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "select",
-    {
-      ref,
-      className: cn(
-        "flex h-9 w-full rounded-md border border-border bg-surface px-4 py-1.5 text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent disabled:cursor-not-allowed disabled:opacity-50 text-text-primary appearance-none",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-export { NativeSelect };
+export { NativeSelect } from '../../chunk-UGV45DH3.js';
+import '../../chunk-QYZT24TS.js';