@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

package/dist/components/composed/Chat/Chat.js

@@ -1,13 +1,13 @@
 import { jsxs as n, jsx as e, Fragment as z } from "react/jsx-runtime";
 import { GlobeIcon as O, CopyIcon as V, RefreshCcwIcon as W } from "lucide-react";
 import { useId as j, useState as c, useCallback as g } from "react";
-import { Conversation as q, ConversationContent as $, ConversationEmptyState as H, ConversationScrollButton as J } from "../../ai/conversation.js";
-import { MessageBranch as K, MessageBranchContent as Q, MessageToolbar as X, MessageBranchSelector as Y, MessageBranchPrevious as Z, MessageBranchPage as ee, MessageBranchNext as te, Message as A, MessageContent as B, MessageResponse as E, MessageActions as ne, MessageAction as T } from "../../ai/message.js";
-import { PromptInput as re, PromptInputBody as ae, PromptInputTextarea as se, PromptInputFooter as oe, PromptInputTools as ie, PromptInputSelect as ce, PromptInputSelectTrigger as le, PromptInputSelectValue as de, PromptInputSelectContent as he, PromptInputSelectItem as me, PromptInputButton as pe, PromptInputSubmit as ue } from "../../ai/prompt-input.js";
-import { Reasoning as ge, ReasoningTrigger as Se, ReasoningContent as fe } from "../../ai/reasoning.js";
-import { Sources as Ce, SourcesTrigger as ye, SourcesContent as Ie, Source as be } from "../../ai/sources.js";
-import { StreamStatus as ve } from "../../ai/stream-status.js";
-import { Suggestions as xe, Suggestion as Me } from "../../ai/suggestion.js";
+import { Conversation as q, ConversationContent as $, ConversationEmptyState as H, ConversationScrollButton as J } from "../../../ai/conversation.js";
+import { MessageBranch as K, MessageBranchContent as Q, MessageToolbar as X, MessageBranchSelector as Y, MessageBranchPrevious as Z, MessageBranchPage as ee, MessageBranchNext as te, Message as A, MessageContent as B, MessageResponse as E, MessageActions as ne, MessageAction as T } from "../../../ai/message.js";
+import { PromptInput as re, PromptInputBody as ae, PromptInputTextarea as oe, PromptInputFooter as se, PromptInputTools as ie, PromptInputSelect as ce, PromptInputSelectTrigger as le, PromptInputSelectValue as de, PromptInputSelectContent as he, PromptInputSelectItem as me, PromptInputButton as pe, PromptInputSubmit as ue } from "../../../ai/prompt-input.js";
+import { Reasoning as ge, ReasoningTrigger as Se, ReasoningContent as fe } from "../../../ai/reasoning.js";
+import { Sources as Ce, SourcesTrigger as be, SourcesContent as ye, Source as Ie } from "../../../ai/sources.js";
+import { StreamStatus as ve } from "../../../ai/stream-status.js";
+import { Suggestions as xe, Suggestion as Me } from "../../../ai/suggestion.js";
 import { cn as Pe } from "../../../lib/utils.js";
 const Te = [
   { id: "claude-sonnet-4-6", name: "Claude Sonnet" },
@@ -21,13 +21,13 @@ const Te = [
 let N = 0;
 const R = () => (N += 1, `chat-msg-${N}`), Re = 3e3, ze = ({
   initialMessages: S = [],
-  models: o = Te,
+  models: s = Te,
   defaultModel: d,
-  suggestions: s = Ne,
+  suggestions: o = Ne,
   onSend: h,
   className: f
 }) => {
-  const l = j(), [m, C] = c(S), [p, y] = c(""), [I, k] = c(d ?? o[0]?.id ?? ""), [_, D] = c(!1), [u, b] = c("ready"), [v, x] = c(), U = g(
+  const l = j(), [m, C] = c(S), [p, b] = c(""), [y, k] = c(d ?? s[0]?.id ?? ""), [_, D] = c(!1), [u, I] = c("ready"), [v, x] = c(), U = g(
     async (t) => {
       const r = p.trim();
       if (!r || u === "streaming") return;
@@ -36,21 +36,21 @@ const R = () => (N += 1, `chat-msg-${N}`), Re = 3e3, ze = ({
         role: "user",
         content: r
       };
-      C((a) => [...a, i]), y(""), b("streaming"), x(/* @__PURE__ */ new Date());
+      C((a) => [...a, i]), b(""), I("streaming"), x(/* @__PURE__ */ new Date());
       try {
-        const a = await h?.(r, I), G = {
+        const a = await h?.(r, y), G = {
           id: R(),
           role: "assistant",
           content: a ?? "I received your message."
         };
         C((L) => [...L, G]);
       } finally {
-        b("ready"), setTimeout(() => x(void 0), Re);
+        I("ready"), setTimeout(() => x(void 0), Re);
       }
     },
-    [p, u, I, h]
+    [p, u, y, h]
   ), F = g((t) => {
-    y(t);
+    b(t);
   }, []), M = g((t) => {
     navigator.clipboard.writeText(t).catch(() => {
     });
@@ -112,22 +112,22 @@ const R = () => (N += 1, `chat-msg-${N}`), Re = 3e3, ze = ({
       ] }),
       /* @__PURE__ */ e(J, {})
     ] }),
-    m.length === 0 && s.length > 0 && /* @__PURE__ */ e("div", { className: "px-4 pb-2", children: /* @__PURE__ */ e(xe, { children: s.map((t) => /* @__PURE__ */ e(Me, { onClick: F, suggestion: t }, t)) }) }),
+    m.length === 0 && o.length > 0 && /* @__PURE__ */ e("div", { className: "px-4 pb-2", children: /* @__PURE__ */ e(xe, { children: o.map((t) => /* @__PURE__ */ e(Me, { onClick: F, suggestion: t }, t)) }) }),
     /* @__PURE__ */ e("div", { className: "px-4 pt-3 pb-4", children: /* @__PURE__ */ n(re, { onSubmit: U, children: [
       /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
-        se,
+        oe,
         {
           "aria-labelledby": l,
-          onChange: (t) => y(t.target.value),
+          onChange: (t) => b(t.target.value),
           placeholder: "Ask anything...",
           value: p
         }
       ) }),
-      /* @__PURE__ */ n(oe, { children: [
+      /* @__PURE__ */ n(se, { children: [
         /* @__PURE__ */ n(ie, { children: [
-          o.length > 1 && /* @__PURE__ */ n(ce, { onValueChange: k, value: I, children: [
-            /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(de, {}) }),
-            /* @__PURE__ */ e(he, { children: o.map((t) => /* @__PURE__ */ e(me, { value: t.id, children: t.name }, t.id)) })
+          s.length > 1 && /* @__PURE__ */ n(ce, { onValueChange: k, value: y, children: [
+            /* @__PURE__ */ e(le, { "aria-label": "Select model", children: /* @__PURE__ */ e(de, {}) }),
+            /* @__PURE__ */ e(he, { children: s.map((t) => /* @__PURE__ */ e(me, { value: t.id, children: t.name }, t.id)) })
           ] }),
           /* @__PURE__ */ n(
             pe,
@@ -146,18 +146,18 @@ const R = () => (N += 1, `chat-msg-${N}`), Re = 3e3, ze = ({
       ] })
     ] }) })
   ] });
-}, w = ({ id: S, content: o, reasoning: d, sources: s, onCopy: h, onRetry: f }) => /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+}, w = ({ id: S, content: s, reasoning: d, sources: o, onCopy: h, onRetry: f }) => /* @__PURE__ */ n("div", { className: "space-y-2", children: [
   d && /* @__PURE__ */ n(ge, { children: [
     /* @__PURE__ */ e(Se, {}),
     /* @__PURE__ */ e(fe, { children: d })
   ] }),
-  /* @__PURE__ */ e(A, { from: "assistant", children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(E, { children: o }) }) }),
-  s && s.length > 0 && /* @__PURE__ */ n(Ce, { children: [
-    /* @__PURE__ */ e(ye, { count: s.length }),
-    /* @__PURE__ */ e(Ie, { children: s.map((l) => /* @__PURE__ */ e(be, { href: l.href, title: l.title }, l.href)) })
+  /* @__PURE__ */ e(A, { from: "assistant", children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(E, { children: s }) }) }),
+  o && o.length > 0 && /* @__PURE__ */ n(Ce, { children: [
+    /* @__PURE__ */ e(be, { count: o.length }),
+    /* @__PURE__ */ e(ye, { children: o.map((l) => /* @__PURE__ */ e(Ie, { href: l.href, title: l.title }, l.href)) })
   ] }),
   /* @__PURE__ */ n(ne, { children: [
-    /* @__PURE__ */ e(T, { label: "Copy", onClick: () => h(o), children: /* @__PURE__ */ e(V, { className: "size-3" }) }),
+    /* @__PURE__ */ e(T, { label: "Copy", onClick: () => h(s), children: /* @__PURE__ */ e(V, { className: "size-3" }) }),
     /* @__PURE__ */ e(T, { label: "Retry", onClick: () => f(S), children: /* @__PURE__ */ e(W, { className: "size-3" }) })
   ] })
 ] });

package/dist/components/composed/Chat/Chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sources":["../../../../src/components/composed/Chat/Chat.tsx"],"sourcesContent":["import { CopyIcon, GlobeIcon, RefreshCcwIcon } from \"lucide-react\"\nimport { useCallback, useId, useState } from \"react\"\n\nimport {\n  Conversation,\n  ConversationContent,\n  ConversationEmptyState,\n  ConversationScrollButton,\n} from \"@/components/ai/conversation\"\nimport {\n  Message,\n  MessageAction,\n  MessageActions,\n  MessageBranch,\n  MessageBranchContent,\n  MessageBranchNext,\n  MessageBranchPage,\n  MessageBranchPrevious,\n  MessageBranchSelector,\n  MessageContent,\n  MessageResponse,\n  MessageToolbar,\n} from \"@/components/ai/message\"\nimport {\n  PromptInput,\n  PromptInputBody,\n  PromptInputButton,\n  PromptInputFooter,\n  PromptInputSelect,\n  PromptInputSelectContent,\n  PromptInputSelectItem,\n  PromptInputSelectTrigger,\n  PromptInputSelectValue,\n  PromptInputSubmit,\n  PromptInputTextarea,\n  PromptInputTools,\n  type PromptInputMessage,\n} from \"@/components/ai/prompt-input\"\nimport { Reasoning, ReasoningContent, ReasoningTrigger } from \"@/components/ai/reasoning\"\nimport { Source, Sources, SourcesContent, SourcesTrigger } from \"@/components/ai/sources\"\nimport { StreamStatus } from \"@/components/ai/stream-status\"\nimport { Suggestion, Suggestions } from \"@/components/ai/suggestion\"\nimport { cn } from \"@/lib/utils\"\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface ChatSource {\n  href: string\n  title: string\n}\n\nexport interface ChatMessage {\n  id: string\n  role: \"user\" | \"assistant\"\n  content: string\n  /** Displayed in a collapsible Reasoning panel above the message content. */\n  reasoning?: string\n  /** Web sources used to produce this message. */\n  sources?: ChatSource[]\n  /** Multiple alternative responses (for branching). When provided, the\n   *  array should include `content` as one of its items. */\n  branches?: string[]\n}\n\nexport interface ChatModel {\n  id: string\n  name: string\n}\n\nexport interface ChatProps {\n  /** Initial messages to pre-populate the conversation. */\n  initialMessages?: ChatMessage[]\n  /** Available models shown in the model-selector dropdown. */\n  models?: ChatModel[]\n  /** Initial model id. Defaults to the first model in `models`. */\n  defaultModel?: string\n  /** Suggestion chips shown when the conversation is empty. */\n  suggestions?: string[]\n  /** Called when the user submits a message. The returned string (if any)\n   *  will be appended as the assistant's reply. Defaults to a no-op. */\n  onSend?: (message: string, model: string) => Promise<string | undefined> | string | undefined\n  className?: string\n}\n\n// ---------------------------------------------------------------------------\n// Default values\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_MODELS: ChatModel[] = [\n  { id: \"claude-sonnet-4-6\", name: \"Claude Sonnet\" },\n  { id: \"claude-opus-4-7\", name: \"Claude Opus\" },\n]\n\nconst DEFAULT_SUGGESTIONS = [\n  \"Explain quantum entanglement simply\",\n  \"Write a Python script to rename files\",\n  \"Summarise the latest AI research trends\",\n  \"What is the difference between TCP and UDP?\",\n]\n\nlet _idCounter = 0\nconst nextId = () => {\n  _idCounter += 1\n  return `chat-msg-${_idCounter}`\n}\n\nconst STREAM_STATUS_LINGER_MS = 3000\n\n// ---------------------------------------------------------------------------\n// Chat component\n// ---------------------------------------------------------------------------\n\nexport const Chat = ({\n  initialMessages = [],\n  models = DEFAULT_MODELS,\n  defaultModel,\n  suggestions = DEFAULT_SUGGESTIONS,\n  onSend,\n  className,\n}: ChatProps) => {\n  const labelId = useId()\n  const [messages, setMessages] = useState<ChatMessage[]>(initialMessages)\n  const [text, setText] = useState(\"\")\n  const [model, setModel] = useState(defaultModel ?? models[0]?.id ?? \"\")\n  const [webSearch, setWebSearch] = useState(false)\n  const [status, setStatus] = useState<\"ready\" | \"streaming\">(\"ready\")\n  const [streamStart, setStreamStart] = useState<Date | undefined>()\n\n  const handleSubmit = useCallback(\n    async (_msg: PromptInputMessage) => {\n      const trimmed = text.trim()\n      if (!trimmed || status === \"streaming\") return\n\n      const userMsg: ChatMessage = {\n        id: nextId(),\n        role: \"user\",\n        content: trimmed,\n      }\n      setMessages((prev) => [...prev, userMsg])\n      setText(\"\")\n      setStatus(\"streaming\")\n      setStreamStart(new Date())\n\n      try {\n        const reply = await onSend?.(trimmed, model)\n        const assistantMsg: ChatMessage = {\n          id: nextId(),\n          role: \"assistant\",\n          content: reply ?? \"I received your message.\",\n        }\n        setMessages((prev) => [...prev, assistantMsg])\n      } finally {\n        setStatus(\"ready\")\n        // Keep streamStart briefly so the bubble-confirm ripple can play out\n        setTimeout(() => setStreamStart(undefined), STREAM_STATUS_LINGER_MS)\n      }\n    },\n    [text, status, model, onSend],\n  )\n\n  const handleSuggestion = useCallback((suggestion: string) => {\n    setText(suggestion)\n  }, [])\n\n  const handleCopy = useCallback((content: string) => {\n    navigator.clipboard.writeText(content).catch(() => {})\n  }, [])\n\n  const handleRetry = useCallback((id: string) => {\n    setMessages((prev) => {\n      const idx = prev.findIndex((m) => m.id === id)\n      if (idx === -1) return prev\n      return prev.slice(0, idx)\n    })\n  }, [])\n\n  return (\n    <div className={cn(\"mx-auto flex h-full w-full max-w-[980px] flex-col\", className)}>\n      {/* Conversation */}\n      <Conversation className=\"flex-1\">\n        <ConversationContent>\n          {messages.length === 0 ? (\n            <ConversationEmptyState\n              description=\"Send a message or pick a suggestion below to start.\"\n              title=\"Start a conversation\"\n            />\n          ) : null}\n\n          {messages.map((msg, index) => (\n            <div className=\"space-y-1\" key={msg.id}>\n              {/* Branch wrapper — renders alt responses side-by-side when branches exist */}\n              {msg.role === \"assistant\" && msg.branches && msg.branches.length > 1 ? (\n                <MessageBranch>\n                  <MessageBranchContent>\n                    {msg.branches.map((branch, i) => (\n                      <AssistantMessage\n                        key={i}\n                        content={branch}\n                        id={msg.id}\n                        onCopy={handleCopy}\n                        onRetry={handleRetry}\n                        reasoning={i === 0 ? msg.reasoning : undefined}\n                        sources={i === 0 ? msg.sources : undefined}\n                      />\n                    ))}\n                  </MessageBranchContent>\n                  <MessageToolbar>\n                    <MessageBranchSelector>\n                      <MessageBranchPrevious />\n                      <MessageBranchPage />\n                      <MessageBranchNext />\n                    </MessageBranchSelector>\n                  </MessageToolbar>\n                </MessageBranch>\n              ) : msg.role === \"assistant\" ? (\n                <>\n                  <AssistantMessage\n                    content={msg.content}\n                    id={msg.id}\n                    onCopy={handleCopy}\n                    onRetry={handleRetry}\n                    reasoning={msg.reasoning}\n                    sources={msg.sources}\n                  />\n                </>\n              ) : (\n                <Message from=\"user\">\n                  <MessageContent>\n                    <MessageResponse>{msg.content}</MessageResponse>\n                  </MessageContent>\n                </Message>\n              )}\n\n              {index === messages.length - 1 && streamStart && (\n                <div className=\"mt-3\">\n                  <StreamStatus\n                    iconVariant=\"loader-circle\"\n                    isStreaming={status === \"streaming\"}\n                    startTime={streamStart}\n                  />\n                </div>\n              )}\n            </div>\n          ))}\n        </ConversationContent>\n        <ConversationScrollButton />\n      </Conversation>\n\n      {/* Suggestions — only shown when conversation is empty */}\n      {messages.length === 0 && suggestions.length > 0 && (\n        <div className=\"px-4 pb-2\">\n          <Suggestions>\n            {suggestions.map((s) => (\n              <Suggestion key={s} onClick={handleSuggestion} suggestion={s} />\n            ))}\n          </Suggestions>\n        </div>\n      )}\n\n      {/* Prompt input */}\n      <div className=\"px-4 pt-3 pb-4\">\n        <PromptInput onSubmit={handleSubmit}>\n          <PromptInputBody>\n            <PromptInputTextarea\n              aria-labelledby={labelId}\n              onChange={(e) => setText(e.target.value)}\n              placeholder=\"Ask anything...\"\n              value={text}\n            />\n          </PromptInputBody>\n          <PromptInputFooter>\n            <PromptInputTools>\n              {/* Model selector */}\n              {models.length > 1 && (\n                <PromptInputSelect onValueChange={setModel} value={model}>\n                  <PromptInputSelectTrigger>\n                    <PromptInputSelectValue />\n                  </PromptInputSelectTrigger>\n                  <PromptInputSelectContent>\n                    {models.map((m) => (\n                      <PromptInputSelectItem key={m.id} value={m.id}>\n                        {m.name}\n                      </PromptInputSelectItem>\n                    ))}\n                  </PromptInputSelectContent>\n                </PromptInputSelect>\n              )}\n\n              {/* Web search toggle */}\n              <PromptInputButton\n                onClick={() => setWebSearch((v) => !v)}\n                tooltip={{ content: \"Search the web\" }}\n                variant={webSearch ? \"default\" : \"ghost\"}\n              >\n                <GlobeIcon size={16} />\n                <span>Search</span>\n              </PromptInputButton>\n            </PromptInputTools>\n\n            <PromptInputSubmit disabled={!text.trim()} status={status} />\n          </PromptInputFooter>\n        </PromptInput>\n      </div>\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Internal sub-component for assistant messages\n// ---------------------------------------------------------------------------\n\ninterface AssistantMessageProps {\n  id: string\n  content: string\n  reasoning?: string\n  sources?: ChatSource[]\n  onCopy: (content: string) => void\n  onRetry: (id: string) => void\n}\n\nconst AssistantMessage = ({ id, content, reasoning, sources, onCopy, onRetry }: AssistantMessageProps) => (\n  <div className=\"space-y-2\">\n    {reasoning && (\n      <Reasoning>\n        <ReasoningTrigger />\n        <ReasoningContent>{reasoning}</ReasoningContent>\n      </Reasoning>\n    )}\n\n    <Message from=\"assistant\">\n      <MessageContent>\n        <MessageResponse>{content}</MessageResponse>\n      </MessageContent>\n    </Message>\n\n    {sources && sources.length > 0 && (\n      <Sources>\n        <SourcesTrigger count={sources.length} />\n        <SourcesContent>\n          {sources.map((s) => (\n            <Source href={s.href} key={s.href} title={s.title} />\n          ))}\n        </SourcesContent>\n      </Sources>\n    )}\n\n    <MessageActions>\n      <MessageAction label=\"Copy\" onClick={() => onCopy(content)}>\n        <CopyIcon className=\"size-3\" />\n      </MessageAction>\n      <MessageAction label=\"Retry\" onClick={() => onRetry(id)}>\n        <RefreshCcwIcon className=\"size-3\" />\n      </MessageAction>\n    </MessageActions>\n  </div>\n)\n"],"names":["DEFAULT_MODELS","DEFAULT_SUGGESTIONS","_idCounter","nextId","STREAM_STATUS_LINGER_MS","Chat","initialMessages","models","defaultModel","suggestions","onSend","className","labelId","useId","messages","setMessages","useState","text","setText","model","setModel","webSearch","setWebSearch","status","setStatus","streamStart","setStreamStart","handleSubmit","useCallback","_msg","trimmed","userMsg","prev","reply","assistantMsg","handleSuggestion","suggestion","handleCopy","content","handleRetry","id","idx","m","cn","jsxs","Conversation","ConversationContent","jsx","ConversationEmptyState","msg","index","MessageBranch","MessageBranchContent","branch","i","AssistantMessage","MessageToolbar","MessageBranchSelector","MessageBranchPrevious","MessageBranchPage","MessageBranchNext","Fragment","Message","MessageContent","MessageResponse","StreamStatus","ConversationScrollButton","Suggestions","s","Suggestion","PromptInput","PromptInputBody","PromptInputTextarea","e","PromptInputFooter","PromptInputTools","PromptInputSelect","PromptInputSelectTrigger","PromptInputSelectValue","PromptInputSelectContent","PromptInputSelectItem","PromptInputButton","v","GlobeIcon","PromptInputSubmit","reasoning","sources","onCopy","onRetry","Reasoning","ReasoningTrigger","ReasoningContent","Sources","SourcesTrigger","SourcesContent","Source","MessageActions","MessageAction","CopyIcon","RefreshCcwIcon"],"mappings":"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"}
+{"version":3,"file":"Chat.js","sources":["../../../../src/components/composed/Chat/Chat.tsx"],"sourcesContent":["import { CopyIcon, GlobeIcon, RefreshCcwIcon } from \"lucide-react\"\nimport { useCallback, useId, useState } from \"react\"\n\nimport {\n  Conversation,\n  ConversationContent,\n  ConversationEmptyState,\n  ConversationScrollButton,\n} from \"@/components/ai/conversation\"\nimport {\n  Message,\n  MessageAction,\n  MessageActions,\n  MessageBranch,\n  MessageBranchContent,\n  MessageBranchNext,\n  MessageBranchPage,\n  MessageBranchPrevious,\n  MessageBranchSelector,\n  MessageContent,\n  MessageResponse,\n  MessageToolbar,\n} from \"@/components/ai/message\"\nimport {\n  PromptInput,\n  PromptInputBody,\n  PromptInputButton,\n  PromptInputFooter,\n  PromptInputSelect,\n  PromptInputSelectContent,\n  PromptInputSelectItem,\n  PromptInputSelectTrigger,\n  PromptInputSelectValue,\n  PromptInputSubmit,\n  PromptInputTextarea,\n  PromptInputTools,\n  type PromptInputMessage,\n} from \"@/components/ai/prompt-input\"\nimport { Reasoning, ReasoningContent, ReasoningTrigger } from \"@/components/ai/reasoning\"\nimport { Source, Sources, SourcesContent, SourcesTrigger } from \"@/components/ai/sources\"\nimport { StreamStatus } from \"@/components/ai/stream-status\"\nimport { Suggestion, Suggestions } from \"@/components/ai/suggestion\"\nimport { cn } from \"@/lib/utils\"\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface ChatSource {\n  href: string\n  title: string\n}\n\nexport interface ChatMessage {\n  id: string\n  role: \"user\" | \"assistant\"\n  content: string\n  /** Displayed in a collapsible Reasoning panel above the message content. */\n  reasoning?: string\n  /** Web sources used to produce this message. */\n  sources?: ChatSource[]\n  /** Multiple alternative responses (for branching). When provided, the\n   *  array should include `content` as one of its items. */\n  branches?: string[]\n}\n\nexport interface ChatModel {\n  id: string\n  name: string\n}\n\nexport interface ChatProps {\n  /** Initial messages to pre-populate the conversation. */\n  initialMessages?: ChatMessage[]\n  /** Available models shown in the model-selector dropdown. */\n  models?: ChatModel[]\n  /** Initial model id. Defaults to the first model in `models`. */\n  defaultModel?: string\n  /** Suggestion chips shown when the conversation is empty. */\n  suggestions?: string[]\n  /** Called when the user submits a message. The returned string (if any)\n   *  will be appended as the assistant's reply. Defaults to a no-op. */\n  onSend?: (message: string, model: string) => Promise<string | undefined> | string | undefined\n  className?: string\n}\n\n// ---------------------------------------------------------------------------\n// Default values\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_MODELS: ChatModel[] = [\n  { id: \"claude-sonnet-4-6\", name: \"Claude Sonnet\" },\n  { id: \"claude-opus-4-7\", name: \"Claude Opus\" },\n]\n\nconst DEFAULT_SUGGESTIONS = [\n  \"Explain quantum entanglement simply\",\n  \"Write a Python script to rename files\",\n  \"Summarise the latest AI research trends\",\n  \"What is the difference between TCP and UDP?\",\n]\n\nlet _idCounter = 0\nconst nextId = () => {\n  _idCounter += 1\n  return `chat-msg-${_idCounter}`\n}\n\nconst STREAM_STATUS_LINGER_MS = 3000\n\n// ---------------------------------------------------------------------------\n// Chat component\n// ---------------------------------------------------------------------------\n\nexport const Chat = ({\n  initialMessages = [],\n  models = DEFAULT_MODELS,\n  defaultModel,\n  suggestions = DEFAULT_SUGGESTIONS,\n  onSend,\n  className,\n}: ChatProps) => {\n  const labelId = useId()\n  const [messages, setMessages] = useState<ChatMessage[]>(initialMessages)\n  const [text, setText] = useState(\"\")\n  const [model, setModel] = useState(defaultModel ?? models[0]?.id ?? \"\")\n  const [webSearch, setWebSearch] = useState(false)\n  const [status, setStatus] = useState<\"ready\" | \"streaming\">(\"ready\")\n  const [streamStart, setStreamStart] = useState<Date | undefined>()\n\n  const handleSubmit = useCallback(\n    async (_msg: PromptInputMessage) => {\n      const trimmed = text.trim()\n      if (!trimmed || status === \"streaming\") return\n\n      const userMsg: ChatMessage = {\n        id: nextId(),\n        role: \"user\",\n        content: trimmed,\n      }\n      setMessages((prev) => [...prev, userMsg])\n      setText(\"\")\n      setStatus(\"streaming\")\n      setStreamStart(new Date())\n\n      try {\n        const reply = await onSend?.(trimmed, model)\n        const assistantMsg: ChatMessage = {\n          id: nextId(),\n          role: \"assistant\",\n          content: reply ?? \"I received your message.\",\n        }\n        setMessages((prev) => [...prev, assistantMsg])\n      } finally {\n        setStatus(\"ready\")\n        // Keep streamStart briefly so the bubble-confirm ripple can play out\n        setTimeout(() => setStreamStart(undefined), STREAM_STATUS_LINGER_MS)\n      }\n    },\n    [text, status, model, onSend],\n  )\n\n  const handleSuggestion = useCallback((suggestion: string) => {\n    setText(suggestion)\n  }, [])\n\n  const handleCopy = useCallback((content: string) => {\n    navigator.clipboard.writeText(content).catch(() => {})\n  }, [])\n\n  const handleRetry = useCallback((id: string) => {\n    setMessages((prev) => {\n      const idx = prev.findIndex((m) => m.id === id)\n      if (idx === -1) return prev\n      return prev.slice(0, idx)\n    })\n  }, [])\n\n  return (\n    <div className={cn(\"mx-auto flex h-full w-full max-w-[980px] flex-col\", className)}>\n      {/* Conversation */}\n      <Conversation className=\"flex-1\">\n        <ConversationContent>\n          {messages.length === 0 ? (\n            <ConversationEmptyState\n              description=\"Send a message or pick a suggestion below to start.\"\n              title=\"Start a conversation\"\n            />\n          ) : null}\n\n          {messages.map((msg, index) => (\n            <div className=\"space-y-1\" key={msg.id}>\n              {/* Branch wrapper — renders alt responses side-by-side when branches exist */}\n              {msg.role === \"assistant\" && msg.branches && msg.branches.length > 1 ? (\n                <MessageBranch>\n                  <MessageBranchContent>\n                    {msg.branches.map((branch, i) => (\n                      <AssistantMessage\n                        key={i}\n                        content={branch}\n                        id={msg.id}\n                        onCopy={handleCopy}\n                        onRetry={handleRetry}\n                        reasoning={i === 0 ? msg.reasoning : undefined}\n                        sources={i === 0 ? msg.sources : undefined}\n                      />\n                    ))}\n                  </MessageBranchContent>\n                  <MessageToolbar>\n                    <MessageBranchSelector>\n                      <MessageBranchPrevious />\n                      <MessageBranchPage />\n                      <MessageBranchNext />\n                    </MessageBranchSelector>\n                  </MessageToolbar>\n                </MessageBranch>\n              ) : msg.role === \"assistant\" ? (\n                <>\n                  <AssistantMessage\n                    content={msg.content}\n                    id={msg.id}\n                    onCopy={handleCopy}\n                    onRetry={handleRetry}\n                    reasoning={msg.reasoning}\n                    sources={msg.sources}\n                  />\n                </>\n              ) : (\n                <Message from=\"user\">\n                  <MessageContent>\n                    <MessageResponse>{msg.content}</MessageResponse>\n                  </MessageContent>\n                </Message>\n              )}\n\n              {index === messages.length - 1 && streamStart && (\n                <div className=\"mt-3\">\n                  <StreamStatus\n                    iconVariant=\"loader-circle\"\n                    isStreaming={status === \"streaming\"}\n                    startTime={streamStart}\n                  />\n                </div>\n              )}\n            </div>\n          ))}\n        </ConversationContent>\n        <ConversationScrollButton />\n      </Conversation>\n\n      {/* Suggestions — only shown when conversation is empty */}\n      {messages.length === 0 && suggestions.length > 0 && (\n        <div className=\"px-4 pb-2\">\n          <Suggestions>\n            {suggestions.map((s) => (\n              <Suggestion key={s} onClick={handleSuggestion} suggestion={s} />\n            ))}\n          </Suggestions>\n        </div>\n      )}\n\n      {/* Prompt input */}\n      <div className=\"px-4 pt-3 pb-4\">\n        <PromptInput onSubmit={handleSubmit}>\n          <PromptInputBody>\n            <PromptInputTextarea\n              aria-labelledby={labelId}\n              onChange={(e) => setText(e.target.value)}\n              placeholder=\"Ask anything...\"\n              value={text}\n            />\n          </PromptInputBody>\n          <PromptInputFooter>\n            <PromptInputTools>\n              {/* Model selector */}\n              {models.length > 1 && (\n                <PromptInputSelect onValueChange={setModel} value={model}>\n                  <PromptInputSelectTrigger aria-label=\"Select model\">\n                    <PromptInputSelectValue />\n                  </PromptInputSelectTrigger>\n                  <PromptInputSelectContent>\n                    {models.map((m) => (\n                      <PromptInputSelectItem key={m.id} value={m.id}>\n                        {m.name}\n                      </PromptInputSelectItem>\n                    ))}\n                  </PromptInputSelectContent>\n                </PromptInputSelect>\n              )}\n\n              {/* Web search toggle */}\n              <PromptInputButton\n                onClick={() => setWebSearch((v) => !v)}\n                tooltip={{ content: \"Search the web\" }}\n                variant={webSearch ? \"default\" : \"ghost\"}\n              >\n                <GlobeIcon size={16} />\n                <span>Search</span>\n              </PromptInputButton>\n            </PromptInputTools>\n\n            <PromptInputSubmit disabled={!text.trim()} status={status} />\n          </PromptInputFooter>\n        </PromptInput>\n      </div>\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Internal sub-component for assistant messages\n// ---------------------------------------------------------------------------\n\ninterface AssistantMessageProps {\n  id: string\n  content: string\n  reasoning?: string\n  sources?: ChatSource[]\n  onCopy: (content: string) => void\n  onRetry: (id: string) => void\n}\n\nconst AssistantMessage = ({ id, content, reasoning, sources, onCopy, onRetry }: AssistantMessageProps) => (\n  <div className=\"space-y-2\">\n    {reasoning && (\n      <Reasoning>\n        <ReasoningTrigger />\n        <ReasoningContent>{reasoning}</ReasoningContent>\n      </Reasoning>\n    )}\n\n    <Message from=\"assistant\">\n      <MessageContent>\n        <MessageResponse>{content}</MessageResponse>\n      </MessageContent>\n    </Message>\n\n    {sources && sources.length > 0 && (\n      <Sources>\n        <SourcesTrigger count={sources.length} />\n        <SourcesContent>\n          {sources.map((s) => (\n            <Source href={s.href} key={s.href} title={s.title} />\n          ))}\n        </SourcesContent>\n      </Sources>\n    )}\n\n    <MessageActions>\n      <MessageAction label=\"Copy\" onClick={() => onCopy(content)}>\n        <CopyIcon className=\"size-3\" />\n      </MessageAction>\n      <MessageAction label=\"Retry\" onClick={() => onRetry(id)}>\n        <RefreshCcwIcon className=\"size-3\" />\n      </MessageAction>\n    </MessageActions>\n  </div>\n)\n"],"names":["DEFAULT_MODELS","DEFAULT_SUGGESTIONS","_idCounter","nextId","STREAM_STATUS_LINGER_MS","Chat","initialMessages","models","defaultModel","suggestions","onSend","className","labelId","useId","messages","setMessages","useState","text","setText","model","setModel","webSearch","setWebSearch","status","setStatus","streamStart","setStreamStart","handleSubmit","useCallback","_msg","trimmed","userMsg","prev","reply","assistantMsg","handleSuggestion","suggestion","handleCopy","content","handleRetry","id","idx","m","cn","jsxs","Conversation","ConversationContent","jsx","ConversationEmptyState","msg","index","MessageBranch","MessageBranchContent","branch","i","AssistantMessage","MessageToolbar","MessageBranchSelector","MessageBranchPrevious","MessageBranchPage","MessageBranchNext","Fragment","Message","MessageContent","MessageResponse","StreamStatus","ConversationScrollButton","Suggestions","s","Suggestion","PromptInput","PromptInputBody","PromptInputTextarea","e","PromptInputFooter","PromptInputTools","PromptInputSelect","PromptInputSelectTrigger","PromptInputSelectValue","PromptInputSelectContent","PromptInputSelectItem","PromptInputButton","v","GlobeIcon","PromptInputSubmit","reasoning","sources","onCopy","onRetry","Reasoning","ReasoningTrigger","ReasoningContent","Sources","SourcesTrigger","SourcesContent","Source","MessageActions","MessageAction","CopyIcon","RefreshCcwIcon"],"mappings":";;;;;;;;;;;AA0FA,MAAMA,KAA8B;AAAA,EAClC,EAAE,IAAI,qBAAqB,MAAM,gBAAA;AAAA,EACjC,EAAE,IAAI,mBAAmB,MAAM,cAAA;AACjC,GAEMC,KAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAIC,IAAa;AACjB,MAAMC,IAAS,OACbD,KAAc,GACP,YAAYA,CAAU,KAGzBE,KAA0B,KAMnBC,KAAO,CAAC;AAAA,EACnB,iBAAAC,IAAkB,CAAA;AAAA,EAClB,QAAAC,IAASP;AAAA,EACT,cAAAQ;AAAA,EACA,aAAAC,IAAcR;AAAA,EACd,QAAAS;AAAA,EACA,WAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAA,GACV,CAACC,GAAUC,CAAW,IAAIC,EAAwBV,CAAe,GACjE,CAACW,GAAMC,CAAO,IAAIF,EAAS,EAAE,GAC7B,CAACG,GAAOC,CAAQ,IAAIJ,EAASR,KAAgBD,EAAO,CAAC,GAAG,MAAM,EAAE,GAChE,CAACc,GAAWC,CAAY,IAAIN,EAAS,EAAK,GAC1C,CAACO,GAAQC,CAAS,IAAIR,EAAgC,OAAO,GAC7D,CAACS,GAAaC,CAAc,IAAIV,EAAA,GAEhCW,IAAeC;AAAA,IACnB,OAAOC,MAA6B;AAClC,YAAMC,IAAUb,EAAK,KAAA;AACrB,UAAI,CAACa,KAAWP,MAAW,YAAa;AAExC,YAAMQ,IAAuB;AAAA,QAC3B,IAAI5B,EAAA;AAAA,QACJ,MAAM;AAAA,QACN,SAAS2B;AAAA,MAAA;AAEX,MAAAf,EAAY,CAACiB,MAAS,CAAC,GAAGA,GAAMD,CAAO,CAAC,GACxCb,EAAQ,EAAE,GACVM,EAAU,WAAW,GACrBE,EAAe,oBAAI,MAAM;AAEzB,UAAI;AACF,cAAMO,IAAQ,MAAMvB,IAASoB,GAASX,CAAK,GACrCe,IAA4B;AAAA,UAChC,IAAI/B,EAAA;AAAA,UACJ,MAAM;AAAA,UACN,SAAS8B,KAAS;AAAA,QAAA;AAEpB,QAAAlB,EAAY,CAACiB,MAAS,CAAC,GAAGA,GAAME,CAAY,CAAC;AAAA,MAC/C,UAAA;AACE,QAAAV,EAAU,OAAO,GAEjB,WAAW,MAAME,EAAe,MAAS,GAAGtB,EAAuB;AAAA,MACrE;AAAA,IACF;AAAA,IACA,CAACa,GAAMM,GAAQJ,GAAOT,CAAM;AAAA,EAAA,GAGxByB,IAAmBP,EAAY,CAACQ,MAAuB;AAC3D,IAAAlB,EAAQkB,CAAU;AAAA,EACpB,GAAG,CAAA,CAAE,GAECC,IAAaT,EAAY,CAACU,MAAoB;AAClD,cAAU,UAAU,UAAUA,CAAO,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AAAA,EACvD,GAAG,CAAA,CAAE,GAECC,IAAcX,EAAY,CAACY,MAAe;AAC9C,IAAAzB,EAAY,CAACiB,MAAS;AACpB,YAAMS,IAAMT,EAAK,UAAU,CAACU,MAAMA,EAAE,OAAOF,CAAE;AAC7C,aAAIC,MAAQ,KAAWT,IAChBA,EAAK,MAAM,GAAGS,CAAG;AAAA,IAC1B,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,2BACG,OAAA,EAAI,WAAWE,GAAG,qDAAqDhC,CAAS,GAE/E,UAAA;AAAA,IAAA,gBAAAiC,EAACC,GAAA,EAAa,WAAU,UACtB,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EACE,UAAA;AAAA,QAAAhC,EAAS,WAAW,IACnB,gBAAAiC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,OAAM;AAAA,UAAA;AAAA,QAAA,IAEN;AAAA,QAEHlC,EAAS,IAAI,CAACmC,GAAKC,MAClB,gBAAAN,EAAC,OAAA,EAAI,WAAU,aAEZ,UAAA;AAAA,UAAAK,EAAI,SAAS,eAAeA,EAAI,YAAYA,EAAI,SAAS,SAAS,IACjE,gBAAAL,EAACO,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAJ,EAACK,KACE,UAAAH,EAAI,SAAS,IAAI,CAACI,GAAQC,MACzB,gBAAAP;AAAA,cAACQ;AAAA,cAAA;AAAA,gBAEC,SAASF;AAAA,gBACT,IAAIJ,EAAI;AAAA,gBACR,QAAQZ;AAAA,gBACR,SAASE;AAAA,gBACT,WAAWe,MAAM,IAAIL,EAAI,YAAY;AAAA,gBACrC,SAASK,MAAM,IAAIL,EAAI,UAAU;AAAA,cAAA;AAAA,cAN5BK;AAAA,YAAA,CAQR,GACH;AAAA,YACA,gBAAAP,EAACS,GAAA,EACC,UAAA,gBAAAZ,EAACa,GAAA,EACC,UAAA;AAAA,cAAA,gBAAAV,EAACW,GAAA,EAAsB;AAAA,gCACtBC,IAAA,EAAkB;AAAA,gCAClBC,IAAA,CAAA,CAAkB;AAAA,YAAA,EAAA,CACrB,EAAA,CACF;AAAA,UAAA,GACF,IACEX,EAAI,SAAS,cACf,gBAAAF,EAAAc,GAAA,EACE,UAAA,gBAAAd;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,SAASN,EAAI;AAAA,cACb,IAAIA,EAAI;AAAA,cACR,QAAQZ;AAAA,cACR,SAASE;AAAA,cACT,WAAWU,EAAI;AAAA,cACf,SAASA,EAAI;AAAA,YAAA;AAAA,UAAA,GAEjB,IAEA,gBAAAF,EAACe,GAAA,EAAQ,MAAK,QACZ,UAAA,gBAAAf,EAACgB,GAAA,EACC,UAAA,gBAAAhB,EAACiB,GAAA,EAAiB,UAAAf,EAAI,QAAA,CAAQ,GAChC,GACF;AAAA,UAGDC,MAAUpC,EAAS,SAAS,KAAKW,KAChC,gBAAAsB,EAAC,OAAA,EAAI,WAAU,QACb,UAAA,gBAAAA;AAAA,YAACkB;AAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,aAAa1C,MAAW;AAAA,cACxB,WAAWE;AAAA,YAAA;AAAA,UAAA,EACb,CACF;AAAA,QAAA,EAAA,GAnD4BwB,EAAI,EAqDpC,CACD;AAAA,MAAA,GACH;AAAA,wBACCiB,GAAA,CAAA,CAAyB;AAAA,IAAA,GAC5B;AAAA,IAGCpD,EAAS,WAAW,KAAKL,EAAY,SAAS,KAC7C,gBAAAsC,EAAC,OAAA,EAAI,WAAU,aACb,UAAA,gBAAAA,EAACoB,IAAA,EACE,YAAY,IAAI,CAACC,MAChB,gBAAArB,EAACsB,IAAA,EAAmB,SAASlC,GAAkB,YAAYiC,EAAA,GAA1CA,CAA6C,CAC/D,EAAA,CACH,EAAA,CACF;AAAA,sBAID,OAAA,EAAI,WAAU,kBACb,UAAA,gBAAAxB,EAAC0B,IAAA,EAAY,UAAU3C,GACrB,UAAA;AAAA,MAAA,gBAAAoB,EAACwB,IAAA,EACC,UAAA,gBAAAxB;AAAA,QAACyB;AAAA,QAAA;AAAA,UACC,mBAAiB5D;AAAA,UACjB,UAAU,CAAC6D,MAAMvD,EAAQuD,EAAE,OAAO,KAAK;AAAA,UACvC,aAAY;AAAA,UACZ,OAAOxD;AAAA,QAAA;AAAA,MAAA,GAEX;AAAA,wBACCyD,IAAA,EACC,UAAA;AAAA,QAAA,gBAAA9B,EAAC+B,IAAA,EAEE,UAAA;AAAA,UAAApE,EAAO,SAAS,KACf,gBAAAqC,EAACgC,MAAkB,eAAexD,GAAU,OAAOD,GACjD,UAAA;AAAA,YAAA,gBAAA4B,EAAC8B,IAAA,EAAyB,cAAW,gBACnC,UAAA,gBAAA9B,EAAC+B,MAAuB,GAC1B;AAAA,8BACCC,IAAA,EACE,UAAAxE,EAAO,IAAI,CAACmC,MACX,gBAAAK,EAACiC,IAAA,EAAiC,OAAOtC,EAAE,IACxC,UAAAA,EAAE,QADuBA,EAAE,EAE9B,CACD,EAAA,CACH;AAAA,UAAA,GACF;AAAA,UAIF,gBAAAE;AAAA,YAACqC;AAAA,YAAA;AAAA,cACC,SAAS,MAAM3D,EAAa,CAAC4D,MAAM,CAACA,CAAC;AAAA,cACrC,SAAS,EAAE,SAAS,iBAAA;AAAA,cACpB,SAAS7D,IAAY,YAAY;AAAA,cAEjC,UAAA;AAAA,gBAAA,gBAAA0B,EAACoC,GAAA,EAAU,MAAM,GAAA,CAAI;AAAA,gBACrB,gBAAApC,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,GACF;AAAA,0BAECqC,IAAA,EAAkB,UAAU,CAACnE,EAAK,KAAA,GAAQ,QAAAM,EAAA,CAAgB;AAAA,MAAA,EAAA,CAC7D;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,GAeMgC,IAAmB,CAAC,EAAE,IAAAf,GAAI,SAAAF,GAAS,WAAA+C,GAAW,SAAAC,GAAS,QAAAC,GAAQ,SAAAC,EAAA,MACnE,gBAAA5C,EAAC,OAAA,EAAI,WAAU,aACZ,UAAA;AAAA,EAAAyC,uBACEI,IAAA,EACC,UAAA;AAAA,IAAA,gBAAA1C,EAAC2C,IAAA,EAAiB;AAAA,IAClB,gBAAA3C,EAAC4C,MAAkB,UAAAN,EAAA,CAAU;AAAA,EAAA,GAC/B;AAAA,EAGF,gBAAAtC,EAACe,GAAA,EAAQ,MAAK,aACZ,UAAA,gBAAAf,EAACgB,KACC,UAAA,gBAAAhB,EAACiB,GAAA,EAAiB,UAAA1B,EAAA,CAAQ,EAAA,CAC5B,GACF;AAAA,EAECgD,KAAWA,EAAQ,SAAS,uBAC1BM,IAAA,EACC,UAAA;AAAA,IAAA,gBAAA7C,EAAC8C,IAAA,EAAe,OAAOP,EAAQ,OAAA,CAAQ;AAAA,sBACtCQ,IAAA,EACE,UAAAR,EAAQ,IAAI,CAAClB,MACZ,gBAAArB,EAACgD,IAAA,EAAO,MAAM3B,EAAE,MAAmB,OAAOA,EAAE,SAAjBA,EAAE,IAAsB,CACpD,EAAA,CACH;AAAA,EAAA,GACF;AAAA,oBAGD4B,IAAA,EACC,UAAA;AAAA,IAAA,gBAAAjD,EAACkD,GAAA,EAAc,OAAM,QAAO,SAAS,MAAMV,EAAOjD,CAAO,GACvD,UAAA,gBAAAS,EAACmD,GAAA,EAAS,WAAU,SAAA,CAAS,GAC/B;AAAA,IACA,gBAAAnD,EAACkD,GAAA,EAAc,OAAM,SAAQ,SAAS,MAAMT,EAAQhD,CAAE,GACpD,UAAA,gBAAAO,EAACoD,GAAA,EAAe,WAAU,UAAS,EAAA,CACrC;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}

package/dist/components/composed/Chat/index.d.ts

@@ -0,0 +1,2 @@
+export { Chat } from './Chat';
+export type { ChatMessage, ChatModel, ChatProps, ChatSource } from './Chat';

package/dist/components/composed/ConfirmDialog/ConfirmDialog.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("lucide-react"),l=require("../../ui/button.cjs"),i=require("../../ui/dialog.cjs"),g=require("../../ui/spinner.cjs");function m({title:o,description:r,variant:s="default",confirmLabel:c="Confirm",cancelLabel:a="Cancel",onConfirm:d,onCancel:u,open:x,onOpenChange:h,trigger:t,loading:n=!1}){return e.jsxs(i.Dialog,{open:x,onOpenChange:h,children:[t&&e.jsx(i.DialogTrigger,{asChild:!0,children:t}),e.jsxs(i.DialogContent,{children:[e.jsxs(i.DialogHeader,{children:[e.jsx(i.DialogTitle,{children:o}),r&&e.jsx(i.DialogDescription,{children:r})]}),s==="destructive"&&e.jsxs("div",{className:"flex items-start gap-2 rounded-md border border-destructive/20 bg-destructive/10 px-3 py-2.5 text-sm text-destructive",children:[e.jsx(j.TriangleAlertIcon,{className:"mt-0.5 h-4 w-4 shrink-0"}),e.jsx("span",{children:"This action cannot be undone."})]}),e.jsxs(i.DialogFooter,{children:[e.jsx(i.DialogClose,{asChild:!0,children:e.jsx(l.Button,{variant:"outline",onClick:u,children:a})}),e.jsxs(l.Button,{variant:s==="destructive"?"destructive":"default",disabled:n,onClick:d,children:[n&&e.jsx(g.Spinner,{size:"sm",className:"mr-2"}),c]})]})]})]})}exports.ConfirmDialog=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../../ui/banner.cjs"),o=require("../../../ui/button.cjs"),i=require("../../../ui/dialog.cjs"),g=require("../../../ui/spinner.cjs");function D({title:l,description:n,variant:r="default",confirmLabel:a="Confirm",cancelLabel:c="Cancel",onConfirm:u,onCancel:d,open:j,onOpenChange:h,trigger:s,loading:t=!1}){return e.jsxs(i.Dialog,{open:j,onOpenChange:h,children:[s&&e.jsx(i.DialogTrigger,{asChild:!0,children:s}),e.jsxs(i.DialogContent,{children:[e.jsxs(i.DialogHeader,{children:[e.jsx(i.DialogTitle,{children:l}),n&&e.jsx(i.DialogDescription,{children:n})]}),r==="destructive"&&e.jsx(x.Banner,{variant:"destructive",description:"This action cannot be undone.",className:"rounded-md"}),e.jsxs(i.DialogFooter,{children:[e.jsx(i.DialogClose,{asChild:!0,children:e.jsx(o.Button,{variant:"outline",onClick:d,children:c})}),e.jsxs(o.Button,{variant:r==="destructive"?"destructive":"default",disabled:t,onClick:u,children:[t&&e.jsx(g.Spinner,{size:"sm",className:"mr-2"}),a]})]})]})]})}exports.ConfirmDialog=D;
 //# sourceMappingURL=ConfirmDialog.cjs.map

package/dist/components/composed/ConfirmDialog/ConfirmDialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.cjs","sources":["../../../../src/components/composed/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import { TriangleAlertIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\"\nimport { Spinner } from \"@/components/ui/spinner\"\n\ninterface ConfirmDialogBaseProps {\n  title: string\n  description?: string\n  variant?: \"default\" | \"destructive\"\n  confirmLabel?: string\n  cancelLabel?: string\n  onConfirm?: () => void\n  onCancel?: () => void\n  trigger?: React.ReactElement\n  loading?: boolean\n}\n\ntype ConfirmDialogControlledProps = ConfirmDialogBaseProps & {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n}\n\ntype ConfirmDialogUncontrolledProps = ConfirmDialogBaseProps & {\n  open?: never\n  onOpenChange?: never\n}\n\nexport type ConfirmDialogProps =\n  | ConfirmDialogControlledProps\n  | ConfirmDialogUncontrolledProps\n\nexport function ConfirmDialog({\n  title,\n  description,\n  variant = \"default\",\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  onConfirm,\n  onCancel,\n  open,\n  onOpenChange,\n  trigger,\n  loading = false,\n}: ConfirmDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      {trigger && <DialogTrigger asChild>{trigger}</DialogTrigger>}\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          {description && (\n            <DialogDescription>{description}</DialogDescription>\n          )}\n        </DialogHeader>\n        {variant === \"destructive\" && (\n          <div className=\"flex items-start gap-2 rounded-md border border-destructive/20 bg-destructive/10 px-3 py-2.5 text-sm text-destructive\">\n            <TriangleAlertIcon className=\"mt-0.5 h-4 w-4 shrink-0\" />\n            <span>This action cannot be undone.</span>\n          </div>\n        )}\n        <DialogFooter>\n          <DialogClose asChild>\n            <Button variant=\"outline\" onClick={onCancel}>\n              {cancelLabel}\n            </Button>\n          </DialogClose>\n          <Button\n            variant={variant === \"destructive\" ? \"destructive\" : \"default\"}\n            disabled={loading}\n            onClick={onConfirm}\n          >\n            {loading && <Spinner size=\"sm\" className=\"mr-2\" />}\n            {confirmLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"names":["ConfirmDialog","title","description","variant","confirmLabel","cancelLabel","onConfirm","onCancel","open","onOpenChange","trigger","loading","jsxs","Dialog","jsx","DialogTrigger","DialogContent","DialogHeader","DialogTitle","DialogDescription","TriangleAlertIcon","DialogFooter","DialogClose","Button","Spinner"],"mappings":"mPA0CO,SAASA,EAAc,CAC5B,MAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,UACV,aAAAC,EAAe,UACf,YAAAC,EAAc,SACd,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,aAAAC,EACA,QAAAC,EACA,QAAAC,EAAU,EACZ,EAAuB,CACrB,OACEC,EAAAA,KAACC,EAAAA,OAAA,CAAO,KAAAL,EAAY,aAAAC,EACjB,SAAA,CAAAC,GAAWI,EAAAA,IAACC,gBAAA,CAAc,QAAO,GAAE,SAAAL,EAAQ,SAC3CM,EAAAA,cAAA,CACC,SAAA,CAAAJ,OAACK,EAAAA,aAAA,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAAA,aAAa,SAAAjB,CAAA,CAAM,EACnBC,GACCY,EAAAA,IAACK,EAAAA,kBAAA,CAAmB,SAAAjB,CAAA,CAAY,CAAA,EAEpC,EACCC,IAAY,eACXS,OAAC,MAAA,CAAI,UAAU,wHACb,SAAA,CAAAE,EAAAA,IAACM,EAAAA,kBAAA,CAAkB,UAAU,yBAAA,CAA0B,EACvDN,EAAAA,IAAC,QAAK,SAAA,+BAAA,CAA6B,CAAA,EACrC,SAEDO,EAAAA,aAAA,CACC,SAAA,CAAAP,EAAAA,IAACQ,EAAAA,YAAA,CAAY,QAAO,GAClB,SAAAR,EAAAA,IAACS,EAAAA,OAAA,CAAO,QAAQ,UAAU,QAAShB,EAChC,SAAAF,CAAA,CACH,EACF,EACAO,EAAAA,KAACW,EAAAA,OAAA,CACC,QAASpB,IAAY,cAAgB,cAAgB,UACrD,SAAUQ,EACV,QAASL,EAER,SAAA,CAAAK,GAAWG,EAAAA,IAACU,UAAA,CAAQ,KAAK,KAAK,UAAU,OAAO,EAC/CpB,CAAA,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}
+{"version":3,"file":"ConfirmDialog.cjs","sources":["../../../../src/components/composed/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { Banner } from \"@/components/ui/banner\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\"\nimport { Spinner } from \"@/components/ui/spinner\"\n\ninterface ConfirmDialogBaseProps {\n  title: string\n  description?: string\n  variant?: \"default\" | \"destructive\"\n  confirmLabel?: string\n  cancelLabel?: string\n  onConfirm?: () => void\n  onCancel?: () => void\n  trigger?: React.ReactElement\n  loading?: boolean\n}\n\ntype ConfirmDialogControlledProps = ConfirmDialogBaseProps & {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n}\n\ntype ConfirmDialogUncontrolledProps = ConfirmDialogBaseProps & {\n  open?: never\n  onOpenChange?: never\n}\n\nexport type ConfirmDialogProps =\n  | ConfirmDialogControlledProps\n  | ConfirmDialogUncontrolledProps\n\nexport function ConfirmDialog({\n  title,\n  description,\n  variant = \"default\",\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  onConfirm,\n  onCancel,\n  open,\n  onOpenChange,\n  trigger,\n  loading = false,\n}: ConfirmDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      {trigger && <DialogTrigger asChild>{trigger}</DialogTrigger>}\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          {description && (\n            <DialogDescription>{description}</DialogDescription>\n          )}\n        </DialogHeader>\n        {variant === \"destructive\" && (\n          <Banner\n            variant=\"destructive\"\n            description=\"This action cannot be undone.\"\n            className=\"rounded-md\"\n          />\n        )}\n        <DialogFooter>\n          <DialogClose asChild>\n            <Button variant=\"outline\" onClick={onCancel}>\n              {cancelLabel}\n            </Button>\n          </DialogClose>\n          <Button\n            variant={variant === \"destructive\" ? \"destructive\" : \"default\"}\n            disabled={loading}\n            onClick={onConfirm}\n          >\n            {loading && <Spinner size=\"sm\" className=\"mr-2\" />}\n            {confirmLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"names":["ConfirmDialog","title","description","variant","confirmLabel","cancelLabel","onConfirm","onCancel","open","onOpenChange","trigger","loading","jsxs","Dialog","jsx","DialogTrigger","DialogContent","DialogHeader","DialogTitle","DialogDescription","Banner","DialogFooter","DialogClose","Button","Spinner"],"mappings":"sQA0CO,SAASA,EAAc,CAC5B,MAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,UACV,aAAAC,EAAe,UACf,YAAAC,EAAc,SACd,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,aAAAC,EACA,QAAAC,EACA,QAAAC,EAAU,EACZ,EAAuB,CACrB,OACEC,EAAAA,KAACC,EAAAA,OAAA,CAAO,KAAAL,EAAY,aAAAC,EACjB,SAAA,CAAAC,GAAWI,EAAAA,IAACC,gBAAA,CAAc,QAAO,GAAE,SAAAL,EAAQ,SAC3CM,EAAAA,cAAA,CACC,SAAA,CAAAJ,OAACK,EAAAA,aAAA,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAAA,aAAa,SAAAjB,CAAA,CAAM,EACnBC,GACCY,EAAAA,IAACK,EAAAA,kBAAA,CAAmB,SAAAjB,CAAA,CAAY,CAAA,EAEpC,EACCC,IAAY,eACXW,EAAAA,IAACM,EAAAA,OAAA,CACC,QAAQ,cACR,YAAY,gCACZ,UAAU,YAAA,CAAA,SAGbC,EAAAA,aAAA,CACC,SAAA,CAAAP,EAAAA,IAACQ,EAAAA,YAAA,CAAY,QAAO,GAClB,SAAAR,EAAAA,IAACS,EAAAA,OAAA,CAAO,QAAQ,UAAU,QAAShB,EAChC,SAAAF,CAAA,CACH,EACF,EACAO,EAAAA,KAACW,EAAAA,OAAA,CACC,QAASpB,IAAY,cAAgB,cAAgB,UACrD,SAAUQ,EACV,QAASL,EAER,SAAA,CAAAK,GAAWG,EAAAA,IAACU,UAAA,CAAQ,KAAK,KAAK,UAAU,OAAO,EAC/CpB,CAAA,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/components/composed/ConfirmDialog/ConfirmDialog.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+interface ConfirmDialogBaseProps {
+    title: string;
+    description?: string;
+    variant?: "default" | "destructive";
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    trigger?: React.ReactElement;
+    loading?: boolean;
+}
+type ConfirmDialogControlledProps = ConfirmDialogBaseProps & {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+};
+type ConfirmDialogUncontrolledProps = ConfirmDialogBaseProps & {
+    open?: never;
+    onOpenChange?: never;
+};
+export type ConfirmDialogProps = ConfirmDialogControlledProps | ConfirmDialogUncontrolledProps;
+export declare function ConfirmDialog({ title, description, variant, confirmLabel, cancelLabel, onConfirm, onCancel, open, onOpenChange, trigger, loading, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/composed/ConfirmDialog/ConfirmDialog.js

@@ -1,42 +1,46 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { TriangleAlertIcon as f } from "lucide-react";
-import { Button as n } from "../../ui/button.js";
-import { Dialog as g, DialogTrigger as p, DialogContent as D, DialogHeader as C, DialogTitle as v, DialogDescription as x, DialogFooter as b, DialogClose as T } from "../../ui/dialog.js";
-import { Spinner as k } from "../../ui/spinner.js";
-function A({
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { Banner as f } from "../../../ui/banner.js";
+import { Button as t } from "../../../ui/button.js";
+import { Dialog as D, DialogTrigger as C, DialogContent as g, DialogHeader as p, DialogTitle as v, DialogDescription as x, DialogFooter as T, DialogClose as b } from "../../../ui/dialog.js";
+import { Spinner as j } from "../../../ui/spinner.js";
+function H({
   title: a,
   description: r,
-  variant: t = "default",
+  variant: o = "default",
   confirmLabel: d = "Confirm",
   cancelLabel: c = "Cancel",
   onConfirm: s,
   onCancel: m,
-  open: h,
-  onOpenChange: u,
-  trigger: l,
-  loading: o = !1
+  open: u,
+  onOpenChange: h,
+  trigger: n,
+  loading: l = !1
 }) {
-  return /* @__PURE__ */ i(g, { open: h, onOpenChange: u, children: [
-    l && /* @__PURE__ */ e(p, { asChild: !0, children: l }),
-    /* @__PURE__ */ i(D, { children: [
-      /* @__PURE__ */ i(C, { children: [
-        /* @__PURE__ */ e(v, { children: a }),
-        r && /* @__PURE__ */ e(x, { children: r })
+  return /* @__PURE__ */ e(D, { open: u, onOpenChange: h, children: [
+    n && /* @__PURE__ */ i(C, { asChild: !0, children: n }),
+    /* @__PURE__ */ e(g, { children: [
+      /* @__PURE__ */ e(p, { children: [
+        /* @__PURE__ */ i(v, { children: a }),
+        r && /* @__PURE__ */ i(x, { children: r })
       ] }),
-      t === "destructive" && /* @__PURE__ */ i("div", { className: "flex items-start gap-2 rounded-md border border-destructive/20 bg-destructive/10 px-3 py-2.5 text-sm text-destructive", children: [
-        /* @__PURE__ */ e(f, { className: "mt-0.5 h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ e("span", { children: "This action cannot be undone." })
-      ] }),
-      /* @__PURE__ */ i(b, { children: [
-        /* @__PURE__ */ e(T, { asChild: !0, children: /* @__PURE__ */ e(n, { variant: "outline", onClick: m, children: c }) }),
-        /* @__PURE__ */ i(
-          n,
+      o === "destructive" && /* @__PURE__ */ i(
+        f,
+        {
+          variant: "destructive",
+          description: "This action cannot be undone.",
+          className: "rounded-md"
+        }
+      ),
+      /* @__PURE__ */ e(T, { children: [
+        /* @__PURE__ */ i(b, { asChild: !0, children: /* @__PURE__ */ i(t, { variant: "outline", onClick: m, children: c }) }),
+        /* @__PURE__ */ e(
+          t,
           {
-            variant: t === "destructive" ? "destructive" : "default",
-            disabled: o,
+            variant: o === "destructive" ? "destructive" : "default",
+            disabled: l,
             onClick: s,
             children: [
-              o && /* @__PURE__ */ e(k, { size: "sm", className: "mr-2" }),
+              l && /* @__PURE__ */ i(j, { size: "sm", className: "mr-2" }),
               d
             ]
           }
@@ -46,6 +50,6 @@ function A({
   ] });
 }
 export {
-  A as ConfirmDialog
+  H as ConfirmDialog
 };
 //# sourceMappingURL=ConfirmDialog.js.map

package/dist/components/composed/ConfirmDialog/ConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.js","sources":["../../../../src/components/composed/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import { TriangleAlertIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\"\nimport { Spinner } from \"@/components/ui/spinner\"\n\ninterface ConfirmDialogBaseProps {\n  title: string\n  description?: string\n  variant?: \"default\" | \"destructive\"\n  confirmLabel?: string\n  cancelLabel?: string\n  onConfirm?: () => void\n  onCancel?: () => void\n  trigger?: React.ReactElement\n  loading?: boolean\n}\n\ntype ConfirmDialogControlledProps = ConfirmDialogBaseProps & {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n}\n\ntype ConfirmDialogUncontrolledProps = ConfirmDialogBaseProps & {\n  open?: never\n  onOpenChange?: never\n}\n\nexport type ConfirmDialogProps =\n  | ConfirmDialogControlledProps\n  | ConfirmDialogUncontrolledProps\n\nexport function ConfirmDialog({\n  title,\n  description,\n  variant = \"default\",\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  onConfirm,\n  onCancel,\n  open,\n  onOpenChange,\n  trigger,\n  loading = false,\n}: ConfirmDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      {trigger && <DialogTrigger asChild>{trigger}</DialogTrigger>}\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          {description && (\n            <DialogDescription>{description}</DialogDescription>\n          )}\n        </DialogHeader>\n        {variant === \"destructive\" && (\n          <div className=\"flex items-start gap-2 rounded-md border border-destructive/20 bg-destructive/10 px-3 py-2.5 text-sm text-destructive\">\n            <TriangleAlertIcon className=\"mt-0.5 h-4 w-4 shrink-0\" />\n            <span>This action cannot be undone.</span>\n          </div>\n        )}\n        <DialogFooter>\n          <DialogClose asChild>\n            <Button variant=\"outline\" onClick={onCancel}>\n              {cancelLabel}\n            </Button>\n          </DialogClose>\n          <Button\n            variant={variant === \"destructive\" ? \"destructive\" : \"default\"}\n            disabled={loading}\n            onClick={onConfirm}\n          >\n            {loading && <Spinner size=\"sm\" className=\"mr-2\" />}\n            {confirmLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"names":["ConfirmDialog","title","description","variant","confirmLabel","cancelLabel","onConfirm","onCancel","open","onOpenChange","trigger","loading","jsxs","Dialog","jsx","DialogTrigger","DialogContent","DialogHeader","DialogTitle","DialogDescription","TriangleAlertIcon","DialogFooter","DialogClose","Button","Spinner"],"mappings":";;;;;AA0CO,SAASA,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,GAAuB;AACrB,SACE,gBAAAC,EAACC,GAAA,EAAO,MAAAL,GAAY,cAAAC,GACjB,UAAA;AAAA,IAAAC,KAAW,gBAAAI,EAACC,GAAA,EAAc,SAAO,IAAE,UAAAL,GAAQ;AAAA,sBAC3CM,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAH,EAACI,KAAa,UAAAjB,EAAA,CAAM;AAAA,QACnBC,KACC,gBAAAY,EAACK,GAAA,EAAmB,UAAAjB,EAAA,CAAY;AAAA,MAAA,GAEpC;AAAA,MACCC,MAAY,iBACX,gBAAAS,EAAC,OAAA,EAAI,WAAU,yHACb,UAAA;AAAA,QAAA,gBAAAE,EAACM,GAAA,EAAkB,WAAU,0BAAA,CAA0B;AAAA,QACvD,gBAAAN,EAAC,UAAK,UAAA,gCAAA,CAA6B;AAAA,MAAA,GACrC;AAAA,wBAEDO,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAP,EAACQ,GAAA,EAAY,SAAO,IAClB,UAAA,gBAAAR,EAACS,GAAA,EAAO,SAAQ,WAAU,SAAShB,GAChC,UAAAF,EAAA,CACH,GACF;AAAA,QACA,gBAAAO;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,SAASpB,MAAY,gBAAgB,gBAAgB;AAAA,YACrD,UAAUQ;AAAA,YACV,SAASL;AAAA,YAER,UAAA;AAAA,cAAAK,KAAW,gBAAAG,EAACU,GAAA,EAAQ,MAAK,MAAK,WAAU,QAAO;AAAA,cAC/CpB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ConfirmDialog.js","sources":["../../../../src/components/composed/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { Banner } from \"@/components/ui/banner\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\"\nimport { Spinner } from \"@/components/ui/spinner\"\n\ninterface ConfirmDialogBaseProps {\n  title: string\n  description?: string\n  variant?: \"default\" | \"destructive\"\n  confirmLabel?: string\n  cancelLabel?: string\n  onConfirm?: () => void\n  onCancel?: () => void\n  trigger?: React.ReactElement\n  loading?: boolean\n}\n\ntype ConfirmDialogControlledProps = ConfirmDialogBaseProps & {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n}\n\ntype ConfirmDialogUncontrolledProps = ConfirmDialogBaseProps & {\n  open?: never\n  onOpenChange?: never\n}\n\nexport type ConfirmDialogProps =\n  | ConfirmDialogControlledProps\n  | ConfirmDialogUncontrolledProps\n\nexport function ConfirmDialog({\n  title,\n  description,\n  variant = \"default\",\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  onConfirm,\n  onCancel,\n  open,\n  onOpenChange,\n  trigger,\n  loading = false,\n}: ConfirmDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      {trigger && <DialogTrigger asChild>{trigger}</DialogTrigger>}\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          {description && (\n            <DialogDescription>{description}</DialogDescription>\n          )}\n        </DialogHeader>\n        {variant === \"destructive\" && (\n          <Banner\n            variant=\"destructive\"\n            description=\"This action cannot be undone.\"\n            className=\"rounded-md\"\n          />\n        )}\n        <DialogFooter>\n          <DialogClose asChild>\n            <Button variant=\"outline\" onClick={onCancel}>\n              {cancelLabel}\n            </Button>\n          </DialogClose>\n          <Button\n            variant={variant === \"destructive\" ? \"destructive\" : \"default\"}\n            disabled={loading}\n            onClick={onConfirm}\n          >\n            {loading && <Spinner size=\"sm\" className=\"mr-2\" />}\n            {confirmLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"names":["ConfirmDialog","title","description","variant","confirmLabel","cancelLabel","onConfirm","onCancel","open","onOpenChange","trigger","loading","jsxs","Dialog","jsx","DialogTrigger","DialogContent","DialogHeader","DialogTitle","DialogDescription","Banner","DialogFooter","DialogClose","Button","Spinner"],"mappings":";;;;;AA0CO,SAASA,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,GAAuB;AACrB,SACE,gBAAAC,EAACC,GAAA,EAAO,MAAAL,GAAY,cAAAC,GACjB,UAAA;AAAA,IAAAC,KAAW,gBAAAI,EAACC,GAAA,EAAc,SAAO,IAAE,UAAAL,GAAQ;AAAA,sBAC3CM,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAH,EAACI,KAAa,UAAAjB,EAAA,CAAM;AAAA,QACnBC,KACC,gBAAAY,EAACK,GAAA,EAAmB,UAAAjB,EAAA,CAAY;AAAA,MAAA,GAEpC;AAAA,MACCC,MAAY,iBACX,gBAAAW;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,aAAY;AAAA,UACZ,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,wBAGbC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAP,EAACQ,GAAA,EAAY,SAAO,IAClB,UAAA,gBAAAR,EAACS,GAAA,EAAO,SAAQ,WAAU,SAAShB,GAChC,UAAAF,EAAA,CACH,GACF;AAAA,QACA,gBAAAO;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,SAASpB,MAAY,gBAAgB,gBAAgB;AAAA,YACrD,UAAUQ;AAAA,YACV,SAASL;AAAA,YAER,UAAA;AAAA,cAAAK,KAAW,gBAAAG,EAACU,GAAA,EAAQ,MAAK,MAAK,WAAU,QAAO;AAAA,cAC/CpB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/composed/ConfirmDialog/index.d.ts

@@ -0,0 +1 @@
+export * from './ConfirmDialog';

package/dist/components/composed/DataAppShell/CollapseButton.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lucide-react"),c=require("../../../ui/button.cjs"),o=require("../../../ui/tooltip.cjs"),h=require("../../../lib/utils.cjs"),d={left:t.ChevronLeft,right:t.ChevronRight,up:t.ChevronUp,down:t.ChevronDown};function p({direction:i,label:r,tooltipSide:n="right",className:l,...s}){const u=d[i],a=h.cn("w-5 h-5 shrink-0 text-muted-foreground hover:text-primary hover:border-primary",l);return e.jsx(o.TooltipProvider,{children:e.jsxs(o.Tooltip,{children:[e.jsx(o.TooltipTrigger,{asChild:!0,children:e.jsx(c.Button,{"data-slot":"data-app-shell-collapse-button",variant:"outline",size:"icon",...s,className:a,"aria-label":r,children:e.jsx(u,{className:"w-3.5 h-3.5"})})}),e.jsx(o.TooltipContent,{side:n,children:r})]})})}exports.ShellCollapseButton=p;
+//# sourceMappingURL=CollapseButton.cjs.map

package/dist/components/composed/DataAppShell/CollapseButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseButton.cjs","sources":["../../../../src/components/composed/DataAppShell/CollapseButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nconst CHEVRONS = {\n  left: ChevronLeft,\n  right: ChevronRight,\n  up: ChevronUp,\n  down: ChevronDown,\n} as const;\n\nexport interface ShellCollapseButtonProps extends Omit<React.ComponentProps<typeof Button>, \"children\"> {\n  /** Chevron direction the button points at. */\n  direction: keyof typeof CHEVRONS;\n  /** Accessible name + tooltip text (e.g. \"Collapse navigation\"). */\n  label: string;\n  /** Tooltip side. Defaults to `right` (rail/sidebar placements). */\n  tooltipSide?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}\n\n/**\n * The shell's shared collapse/expand affordance — a small outlined square with\n * a chevron, placed in a zone's header row when expanded and at the top of the\n * collapsed rail. One component so every zone's trigger looks identical.\n */\nfunction ShellCollapseButton({\n  direction,\n  label,\n  tooltipSide = \"right\",\n  className,\n  ...props\n}: ShellCollapseButtonProps) {\n  const Chevron = CHEVRONS[direction];\n  // cn() so consumer classes properly override the base (tailwind-merge)\n  const mergedClassName = cn(\n    \"w-5 h-5 shrink-0 text-muted-foreground hover:text-primary hover:border-primary\",\n    className,\n  );\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            data-slot=\"data-app-shell-collapse-button\"\n            variant=\"outline\"\n            size=\"icon\"\n            {...props}\n            className={mergedClassName}\n            aria-label={label}\n          >\n            <Chevron className=\"w-3.5 h-3.5\" />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent side={tooltipSide}>{label}</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n\nexport { ShellCollapseButton };\n"],"names":["CHEVRONS","ChevronLeft","ChevronRight","ChevronUp","ChevronDown","ShellCollapseButton","direction","label","tooltipSide","className","props","Chevron","mergedClassName","cn","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","Button","TooltipContent"],"mappings":"4PASMA,EAAW,CACf,KAAMC,EAAAA,YACN,MAAOC,EAAAA,aACP,GAAIC,EAAAA,UACJ,KAAMC,EAAAA,WACR,EAgBA,SAASC,EAAoB,CAC3B,UAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,QACd,UAAAC,EACA,GAAGC,CACL,EAA6B,CAC3B,MAAMC,EAAUX,EAASM,CAAS,EAE5BM,EAAkBC,EAAAA,GACtB,iFACAJ,CAAA,EAEF,OACEK,EAAAA,IAACC,EAAAA,gBAAA,CACC,SAAAC,EAAAA,KAACC,EAAAA,QAAA,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAAA,eAAA,CAAe,QAAO,GACrB,SAAAJ,EAAAA,IAACK,EAAAA,OAAA,CACC,YAAU,iCACV,QAAQ,UACR,KAAK,OACJ,GAAGT,EACJ,UAAWE,EACX,aAAYL,EAEZ,SAAAO,EAAAA,IAACH,EAAA,CAAQ,UAAU,aAAA,CAAc,CAAA,CAAA,EAErC,EACAG,EAAAA,IAACM,EAAAA,eAAA,CAAe,KAAMZ,EAAc,SAAAD,CAAA,CAAM,CAAA,CAAA,CAC5C,CAAA,CACF,CAEJ"}

package/dist/components/composed/DataAppShell/CollapseButton.d.ts

@@ -0,0 +1,23 @@
+import { Button } from '../../ui/button';
+import * as React from "react";
+declare const CHEVRONS: {
+    readonly left: React.ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly right: React.ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly up: React.ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly down: React.ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+};
+export interface ShellCollapseButtonProps extends Omit<React.ComponentProps<typeof Button>, "children"> {
+    /** Chevron direction the button points at. */
+    direction: keyof typeof CHEVRONS;
+    /** Accessible name + tooltip text (e.g. "Collapse navigation"). */
+    label: string;
+    /** Tooltip side. Defaults to `right` (rail/sidebar placements). */
+    tooltipSide?: "top" | "right" | "bottom" | "left";
+}
+/**
+ * The shell's shared collapse/expand affordance — a small outlined square with
+ * a chevron, placed in a zone's header row when expanded and at the top of the
+ * collapsed rail. One component so every zone's trigger looks identical.
+ */
+declare function ShellCollapseButton({ direction, label, tooltipSide, className, ...props }: ShellCollapseButtonProps): import("react/jsx-runtime").JSX.Element;
+export { ShellCollapseButton };

package/dist/components/composed/DataAppShell/CollapseButton.js

@@ -0,0 +1,42 @@
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { ChevronDown as s, ChevronUp as p, ChevronRight as m, ChevronLeft as d } from "lucide-react";
+import { Button as c } from "../../../ui/button.js";
+import { TooltipProvider as u, Tooltip as C, TooltipTrigger as f, TooltipContent as v } from "../../../ui/tooltip.js";
+import { cn as g } from "../../../lib/utils.js";
+const x = {
+  left: d,
+  right: m,
+  up: p,
+  down: s
+};
+function y({
+  direction: t,
+  label: r,
+  tooltipSide: e = "right",
+  className: i,
+  ...n
+}) {
+  const l = x[t], h = g(
+    "w-5 h-5 shrink-0 text-muted-foreground hover:text-primary hover:border-primary",
+    i
+  );
+  return /* @__PURE__ */ o(u, { children: /* @__PURE__ */ a(C, { children: [
+    /* @__PURE__ */ o(f, { asChild: !0, children: /* @__PURE__ */ o(
+      c,
+      {
+        "data-slot": "data-app-shell-collapse-button",
+        variant: "outline",
+        size: "icon",
+        ...n,
+        className: h,
+        "aria-label": r,
+        children: /* @__PURE__ */ o(l, { className: "w-3.5 h-3.5" })
+      }
+    ) }),
+    /* @__PURE__ */ o(v, { side: e, children: r })
+  ] }) });
+}
+export {
+  y as ShellCollapseButton
+};
+//# sourceMappingURL=CollapseButton.js.map

package/dist/components/composed/DataAppShell/CollapseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseButton.js","sources":["../../../../src/components/composed/DataAppShell/CollapseButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nconst CHEVRONS = {\n  left: ChevronLeft,\n  right: ChevronRight,\n  up: ChevronUp,\n  down: ChevronDown,\n} as const;\n\nexport interface ShellCollapseButtonProps extends Omit<React.ComponentProps<typeof Button>, \"children\"> {\n  /** Chevron direction the button points at. */\n  direction: keyof typeof CHEVRONS;\n  /** Accessible name + tooltip text (e.g. \"Collapse navigation\"). */\n  label: string;\n  /** Tooltip side. Defaults to `right` (rail/sidebar placements). */\n  tooltipSide?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}\n\n/**\n * The shell's shared collapse/expand affordance — a small outlined square with\n * a chevron, placed in a zone's header row when expanded and at the top of the\n * collapsed rail. One component so every zone's trigger looks identical.\n */\nfunction ShellCollapseButton({\n  direction,\n  label,\n  tooltipSide = \"right\",\n  className,\n  ...props\n}: ShellCollapseButtonProps) {\n  const Chevron = CHEVRONS[direction];\n  // cn() so consumer classes properly override the base (tailwind-merge)\n  const mergedClassName = cn(\n    \"w-5 h-5 shrink-0 text-muted-foreground hover:text-primary hover:border-primary\",\n    className,\n  );\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            data-slot=\"data-app-shell-collapse-button\"\n            variant=\"outline\"\n            size=\"icon\"\n            {...props}\n            className={mergedClassName}\n            aria-label={label}\n          >\n            <Chevron className=\"w-3.5 h-3.5\" />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent side={tooltipSide}>{label}</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n\nexport { ShellCollapseButton };\n"],"names":["CHEVRONS","ChevronLeft","ChevronRight","ChevronUp","ChevronDown","ShellCollapseButton","direction","label","tooltipSide","className","props","Chevron","mergedClassName","cn","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","Button","TooltipContent"],"mappings":";;;;;AASA,MAAMA,IAAW;AAAA,EACf,MAAMC;AAAA,EACN,OAAOC;AAAA,EACP,IAAIC;AAAA,EACJ,MAAMC;AACR;AAgBA,SAASC,EAAoB;AAAA,EAC3B,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,GAAGC;AACL,GAA6B;AAC3B,QAAMC,IAAUX,EAASM,CAAS,GAE5BM,IAAkBC;AAAA,IACtB;AAAA,IACAJ;AAAA,EAAA;AAEF,SACE,gBAAAK,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,SAAQ;AAAA,QACR,MAAK;AAAA,QACJ,GAAGT;AAAA,QACJ,WAAWE;AAAA,QACX,cAAYL;AAAA,QAEZ,UAAA,gBAAAO,EAACH,GAAA,EAAQ,WAAU,cAAA,CAAc;AAAA,MAAA;AAAA,IAAA,GAErC;AAAA,IACA,gBAAAG,EAACM,GAAA,EAAe,MAAMZ,GAAc,UAAAD,EAAA,CAAM;AAAA,EAAA,EAAA,CAC5C,EAAA,CACF;AAEJ;"}

package/dist/components/composed/DataAppShell/DataAppShell.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),B=require("class-variance-authority"),N=require("lucide-react"),q=require("react"),O=require("../tdp-link.cjs"),f=require("../../ui/breadcrumb.cjs"),A=require("../../ui/button.cjs"),h=require("../../ui/dropdown-menu.cjs"),m=require("../../ui/sheet.cjs"),x=require("../../ui/tooltip.cjs"),l=require("../../../lib/utils.cjs");function P(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const o=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(a,i,o.get?o:{enumerable:!0,get:()=>r[i]})}}return a.default=r,Object.freeze(a)}const k=P(q),S=B.cva("flex items-center justify-center rounded-lg transition-colors duration-150",{variants:{active:{true:"bg-primary/10",false:"bg-transparent"},compact:{true:"w-9 h-9 hover:bg-accent",false:"w-8 h-8"}},defaultVariants:{active:!1,compact:!0}});function D({appName:r,appFullName:a,appIcon:i,version:o,navGroups:t,onAppNameClick:d,backToPlatformPath:u,onBackToPlatform:b,userMenu:p,compact:s,onAfterNavClick:y}){return e.jsxs(x.TooltipProvider,{children:[e.jsx("div",{className:l.cn("shrink-0 flex",s?"justify-center py-2":"px-3 py-2.5 border-b border-sidebar-border"),children:e.jsxs(h.DropdownMenu,{children:[e.jsx(h.DropdownMenuTrigger,{asChild:!0,children:e.jsxs("button",{type:"button",className:l.cn("cursor-pointer bg-transparent border-none p-0",!s&&"flex items-center gap-3 w-full text-left"),children:[e.jsx("span",{className:l.cn("flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0",s?"w-9 h-9 text-[11px]":"w-8 h-8 text-[10px]"),children:i??r}),!s&&e.jsx("span",{className:"text-sm font-semibold text-foreground truncate leading-snug",children:a??r})]})}),e.jsxs(h.DropdownMenuContent,{side:"right",align:"start",className:"min-w-[220px]",children:[e.jsxs("div",{className:"flex items-center gap-3 px-3 py-2.5 cursor-pointer",onClick:d,role:"button",tabIndex:0,onKeyDown:c=>{c.key==="Enter"&&d?.()},children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-sidebar-accent border border-sidebar-border flex items-center justify-center shrink-0",children:e.jsx("span",{className:"text-[10px] font-bold text-foreground",children:i??r})}),e.jsxs("div",{className:"flex flex-col min-w-0",children:[e.jsx("span",{className:"text-sm font-semibold text-foreground truncate",children:a??r}),o&&e.jsx("span",{className:"text-[10px] text-muted-foreground/70 font-mono leading-none mt-0.5",children:o})]})]}),e.jsx(h.DropdownMenuSeparator,{}),e.jsx(h.DropdownMenuItem,{className:"gap-2.5 p-0",asChild:!0,children:u?e.jsxs(O.TDPLink,{path:u,navigationOptions:{newTab:!1},className:"flex items-center gap-2.5 w-full px-2 py-1.5 !no-underline hover:!no-underline",children:[e.jsx(N.ArrowLeft,{className:"w-4 h-4 text-muted-foreground"}),"Back to TDP Platform"]}):e.jsxs("button",{type:"button",className:"flex items-center gap-2.5 w-full px-2 py-1.5 bg-transparent border-none cursor-pointer",onClick:b,children:[e.jsx(N.ArrowLeft,{className:"w-4 h-4 text-muted-foreground"}),"Back to TDP Platform"]})})]})]})}),s&&e.jsx("div",{className:"shrink-0 mx-auto w-8 border-t border-sidebar-border"}),e.jsx("div",{className:l.cn("flex-1 min-h-0",s?"flex flex-col items-center gap-1 px-2 pt-3 overflow-y-auto":"flex flex-col py-2 overflow-y-auto"),children:t.map((c,j)=>e.jsxs(k.Fragment,{children:[j>0&&e.jsx("div",{className:l.cn("border-t border-sidebar-border",s?"w-8 my-2":"mx-3 my-1")}),!s&&c.label&&e.jsx("span",{className:"px-3 py-1 text-[10px] uppercase tracking-widest text-muted-foreground/60 font-semibold",children:c.label}),e.jsx("div",{className:l.cn("flex flex-col",s?"items-center gap-3 w-full":"gap-0.5"),children:c.pages.map(n=>{const g=n.icon,v=g?e.jsx(g,{className:l.cn("w-5 h-5",n.isActive?"text-primary":"text-muted-foreground")}):e.jsx("div",{className:l.cn("w-2 h-2 rounded-full",n.isActive?"bg-primary":"bg-muted-foreground/40")}),w=()=>{n.onClick?.(),y?.()};return s?e.jsxs(x.Tooltip,{children:[e.jsx(x.TooltipTrigger,{asChild:!0,children:e.jsxs("button",{type:"button",className:"flex flex-col items-center gap-0.5 cursor-pointer bg-transparent border-none p-0 w-full",onClick:w,children:[e.jsx("div",{className:l.cn(S({active:n.isActive??!1,compact:!0})),children:v}),e.jsx("span",{className:l.cn("text-[10px] font-medium leading-tight text-center",n.isActive?"text-foreground font-semibold":"text-muted-foreground"),children:n.label})]})}),e.jsx(x.TooltipContent,{side:"right",children:n.label})]},n.id):e.jsxs("button",{type:"button",className:l.cn("flex items-center gap-3 w-full px-3 py-2 text-sm cursor-pointer bg-transparent border-none text-left transition-colors duration-150 rounded-md mx-1",n.isActive?"bg-sidebar-accent text-sidebar-foreground font-medium":"text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground"),onClick:w,children:[e.jsx("div",{className:l.cn(S({active:n.isActive??!1,compact:!1})),children:v}),e.jsx("span",{children:n.label})]},n.id)})})]},`${j}-${c.label??""}`))}),p&&e.jsxs(e.Fragment,{children:[s&&e.jsx("div",{className:"shrink-0 mx-auto w-8 border-t border-sidebar-border"}),e.jsx("div",{className:l.cn("shrink-0",s?"flex flex-col items-center py-2":"p-2 border-t border-sidebar-border"),children:p})]})]})}function M(r){return e.jsx("nav",{"data-slot":"data-app-sidebar-rail","aria-label":"Application navigation",className:"hidden md:flex w-[60px] flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50",children:e.jsx(D,{compact:!0,...r})})}function L({breadcrumbs:r=[],onHelpClick:a,headerActions:i,mobileTrigger:o}){return e.jsxs("div",{"data-slot":"data-app-top-nav",className:"flex items-center h-10 px-3 bg-sidebar border-b border-sidebar-border sticky top-0 z-40 w-full gap-2",children:[o,e.jsx(f.Breadcrumb,{className:"flex-1 min-w-0",children:e.jsx(f.BreadcrumbList,{children:r.map((t,d)=>{const u=d===r.length-1,b=!u&&(!!t.href||!!t.onClick);return e.jsxs(k.Fragment,{children:[d>0&&e.jsx(f.BreadcrumbSeparator,{children:"/"}),e.jsx(f.BreadcrumbItem,{children:u?e.jsx(f.BreadcrumbPage,{children:t.label}):b&&t.href?e.jsx(f.BreadcrumbLink,{href:t.href,children:t.label}):b&&t.onClick?e.jsx("button",{type:"button",className:"text-[13px] text-primary hover:underline cursor-pointer bg-transparent border-none p-0 font-normal",onClick:t.onClick,children:t.label}):e.jsx("span",{className:"text-[13px] text-muted-foreground",children:t.label})})]},`${t.label}-${d}`)})})}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[i,a&&e.jsx(x.TooltipProvider,{children:e.jsxs(x.Tooltip,{children:[e.jsx(x.TooltipTrigger,{asChild:!0,children:e.jsx(A.Button,{variant:"ghost",size:"icon",className:"w-7 h-7 text-muted-foreground",onClick:a,"aria-label":"Help",children:e.jsx(N.HelpCircle,{className:"w-4 h-4"})})}),e.jsx(x.TooltipContent,{side:"bottom",children:"Help"})]})})]})]})}function z({appName:r,appFullName:a,appIcon:i,version:o,navGroups:t,onAppNameClick:d,backToPlatformPath:u,onBackToPlatform:b,userMenu:p,breadcrumbs:s=[],onHelpClick:y,headerActions:c,sidebarPanel:j,showNavRail:n=!0,children:g,className:v}){const[w,C]=k.useState(!1),T={appName:r,appFullName:a,appIcon:i,version:o,navGroups:t,onAppNameClick:d,backToPlatformPath:u,onBackToPlatform:b,userMenu:p};return e.jsx(m.Sheet,{open:w,onOpenChange:C,children:e.jsxs("div",{"data-slot":"data-app-shell",className:l.cn("flex flex-row w-full h-screen overflow-hidden",v),children:[n&&e.jsx(M,{...T}),e.jsxs(m.SheetContent,{side:"left",showCloseButton:!1,className:"p-0 bg-sidebar border-r border-sidebar-border data-[side=left]:w-[220px] data-[side=left]:sm:w-[220px] data-[side=left]:sm:max-w-[220px] flex flex-col",children:[e.jsx(m.SheetTitle,{className:"sr-only",children:"Navigation"}),e.jsx(m.SheetDescription,{className:"sr-only",children:"Application navigation menu"}),e.jsx("nav",{"aria-label":"Application navigation",className:"flex flex-col h-full",children:e.jsx(D,{compact:!1,onAfterNavClick:()=>C(!1),...T})})]}),e.jsxs("div",{className:"flex flex-1 flex-col min-w-0 overflow-hidden",children:[e.jsx(L,{breadcrumbs:s,onHelpClick:y,headerActions:c,mobileTrigger:e.jsx(m.SheetTrigger,{asChild:!0,children:e.jsx(A.Button,{variant:"ghost",size:"icon","aria-label":"Open navigation menu",className:"md:hidden w-7 h-7 shrink-0 text-muted-foreground",children:e.jsx(N.Menu,{className:"w-4 h-4"})})})}),e.jsxs("div",{className:"flex flex-1 min-h-0 overflow-hidden",children:[j,e.jsx("main",{"data-slot":"data-app-shell-content",className:"flex-1 overflow-auto bg-background",children:g})]})]})]})})}exports.DataAppShell=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("lucide-react"),re=require("react"),E=require("./CollapseButton.cjs"),S=require("./PrimaryNav.cjs"),se=require("./ShellContext.cjs"),te=require("../../../composed/tdp-link.cjs"),ne=require("../TopBar/TopBar.cjs"),h=require("../../../ui/breadcrumb.cjs"),I=require("../../../ui/button.cjs"),f=require("../../../ui/dropdown-menu.cjs"),j=require("../../../ui/sheet.cjs"),T=require("../../../lib/utils.cjs");function le(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(a,s,t.get?t:{enumerable:!0,get:()=>r[s]})}}return a.default=r,Object.freeze(a)}const c=le(re);function v({appName:r,appFullName:a,appIcon:s,version:t,onAppNameClick:n,backToPlatformPath:l,onBackToPlatform:u,compact:o,menuSide:d="right"}){return e.jsxs(f.DropdownMenu,{modal:!1,children:[e.jsx(f.DropdownMenuTrigger,{asChild:!0,children:e.jsxs("button",{type:"button",className:T.cn("cursor-pointer bg-transparent border-none p-0",!o&&"flex items-center gap-3 w-full text-left"),children:[e.jsx("span",{className:T.cn("flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0 w-8 h-8 text-[10px]"),children:s??r}),!o&&e.jsx("span",{className:"text-sm font-semibold text-foreground truncate leading-snug",children:a??r})]})}),e.jsxs(f.DropdownMenuContent,{side:d,align:"start",className:"min-w-[220px]",children:[e.jsxs(f.DropdownMenuItem,{className:"gap-3 px-3 py-2.5",onSelect:()=>n?.(),children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-sidebar-accent border border-sidebar-border flex items-center justify-center shrink-0",children:e.jsx("span",{className:"text-[10px] font-bold text-foreground",children:s??r})}),e.jsxs("div",{className:"flex flex-col min-w-0",children:[e.jsx("span",{className:"text-sm font-semibold text-foreground truncate",children:a??r}),t&&e.jsx("span",{className:"text-[10px] text-muted-foreground/70 font-mono leading-none mt-0.5",children:t})]})]}),e.jsx(f.DropdownMenuSeparator,{}),e.jsx(f.DropdownMenuItem,{className:"gap-2.5 p-0",asChild:!0,children:l?e.jsxs(te.TDPLink,{path:l,navigationOptions:{newTab:!1},className:"flex items-center gap-2.5 w-full px-2 py-1.5 !no-underline hover:!no-underline",children:[e.jsx(_.ArrowLeft,{className:"w-4 h-4 text-muted-foreground"}),"Back to TDP Platform"]}):e.jsxs("button",{type:"button",className:"flex items-center gap-2.5 w-full px-2 py-1.5 bg-transparent border-none cursor-pointer",onClick:u,children:[e.jsx(_.ArrowLeft,{className:"w-4 h-4 text-muted-foreground"}),"Back to TDP Platform"]})})]})]})}function G({appName:r,appFullName:a,appIcon:s,version:t,navGroups:n,onAppNameClick:l,backToPlatformPath:u,onBackToPlatform:o,userMenu:d,compact:m,onAfterNavClick:x}){return e.jsx(S.DataAppShellPrimaryNav,{variant:m?"rail":"sidebar","aria-label":"Application navigation",navGroups:n,onSelect:()=>x?.(),header:e.jsx(v,{appName:r,appFullName:a,appIcon:s,version:t,onAppNameClick:l,backToPlatformPath:u,onBackToPlatform:o,compact:m}),user:d,className:"h-full w-full"})}function ie(r){return e.jsx("div",{"data-slot":"data-app-sidebar-rail",className:"hidden md:flex w-12 flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50",children:e.jsx(G,{compact:!0,...r})})}function oe({collapsed:r,onCollapsedChange:a,...s}){const{appName:t,appFullName:n,appIcon:l,version:u,onAppNameClick:o,backToPlatformPath:d,onBackToPlatform:m}=s,x={appName:t,appFullName:n,appIcon:l,version:u,onAppNameClick:o,backToPlatformPath:d,onBackToPlatform:m};return r?e.jsx("div",{"data-slot":"data-app-sidebar-rail","data-collapsed":"true",className:"hidden md:flex w-12 flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50",children:e.jsx(S.DataAppShellPrimaryNav,{variant:"rail","aria-label":"Application navigation",navGroups:s.navGroups,header:e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(v,{...x,compact:!0}),e.jsx(E.ShellCollapseButton,{direction:"right",label:"Expand navigation",onClick:()=>a(!1)})]}),user:s.userMenu,className:"h-full w-full"})}):e.jsx("div",{"data-slot":"data-app-sidebar","data-collapsed":"false",className:"hidden md:flex w-[220px] flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50",children:e.jsx(S.DataAppShellPrimaryNav,{variant:"sidebar","aria-label":"Application navigation",navGroups:s.navGroups,header:e.jsxs("div",{className:"flex items-center gap-2 w-full min-w-0",children:[e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx(v,{...x,compact:!1})}),e.jsx(E.ShellCollapseButton,{direction:"left",label:"Collapse navigation",onClick:()=>a(!0)})]}),user:s.userMenu,className:"h-full w-full"})})}function de({items:r}){return e.jsx(h.Breadcrumb,{className:"min-w-0",children:e.jsx(h.BreadcrumbList,{className:"flex-nowrap min-w-0",children:r.map((a,s)=>{const t=s===r.length-1,n=!t&&(!!a.href||!!a.onClick),l=t?"min-w-0":"shrink-0";return e.jsxs(c.Fragment,{children:[s>0&&e.jsx(h.BreadcrumbSeparator,{className:"shrink-0",children:"/"}),e.jsx(h.BreadcrumbItem,{className:l,children:t?e.jsx(h.BreadcrumbPage,{className:"truncate",children:a.label}):n&&a.href?e.jsx(h.BreadcrumbLink,{href:a.href,className:"whitespace-nowrap",children:a.label}):n&&a.onClick?e.jsx("button",{type:"button",className:"text-sm text-primary hover:underline cursor-pointer bg-transparent border-none p-0 font-normal whitespace-nowrap",onClick:a.onClick,children:a.label}):e.jsx("span",{className:"text-sm text-muted-foreground whitespace-nowrap",children:a.label})})]},`${a.label}-${s}`)})})})}function ce({breadcrumbs:r=[],headerLeft:a,headerCenter:s,headerActions:t,mobileTrigger:n}){return e.jsx(ne.TopBar,{"data-slot":"data-app-top-nav",left:e.jsxs(e.Fragment,{children:[n&&e.jsx("div",{className:"shrink-0",children:n}),e.jsx(de,{items:r}),a!=null&&e.jsx("div",{className:"shrink-0",children:a})]}),center:s,right:t})}function ue({appName:r,appFullName:a,appIcon:s,version:t,navGroups:n,onAppNameClick:l,backToPlatformPath:u,onBackToPlatform:o,userMenu:d,breadcrumbs:m=[],headerLeft:x,headerCenter:H,headerActions:F,navVariant:b="vertical",primaryNav:$="rail",sidebarPanel:y,secondaryBar:R,rightPanel:J,showNavRail:K=!0,showTopBar:Q=!0,collapsed:g,defaultCollapsed:U=!1,onCollapsedChange:w,hideNavOnCollapse:C=!1,autoCollapse:A="(max-width: 1023px)",children:W,className:X}){const[Y,O]=c.useState(!1),[Z,D]=c.useState(U),p=g??Z,P=c.useRef(p);P.current=p;const N=c.useRef(!1),B=c.useCallback(i=>{N.current=!1,g===void 0&&D(i),w?.(i)},[g,w]),M=c.useRef(i=>{});M.current=i=>{i&&!P.current?(g===void 0&&D(!0),w?.(!0),N.current=!0):!i&&N.current&&(N.current=!1,g===void 0&&D(!1),w?.(!1))},c.useEffect(()=>{if(A===!1||b!=="vertical")return;const i=window.matchMedia(A);M.current(i.matches);const z=ae=>M.current(ae.matches);return i.addEventListener("change",z),()=>i.removeEventListener("change",z)},[A,b]);const k={appName:r,appFullName:a,appIcon:s,version:t,navGroups:n,onAppNameClick:l,backToPlatformPath:u,onBackToPlatform:o,userMenu:d},q=b==="vertical",L=q&&$==="sidebar",V=!K||C&&p&&!L,ee=q?"grid h-screen w-full overflow-hidden [grid-template-columns:auto_auto_minmax(0,1fr)] [grid-template-rows:auto_auto_minmax(0,1fr)] [grid-template-areas:'nav_top_top'_'nav_sub_sub'_'nav_side_body']":"grid h-screen w-full overflow-hidden [grid-template-columns:auto_minmax(0,1fr)] [grid-template-rows:auto_auto_auto_minmax(0,1fr)] [grid-template-areas:'pnav_pnav'_'top_top'_'sub_sub'_'side_body']";return e.jsx(se.DataAppShellProvider,{value:{navVariant:b,collapsed:p,setCollapsed:B,hideNavOnCollapse:C},children:e.jsx(j.Sheet,{open:Y,onOpenChange:O,children:e.jsxs("div",{"data-slot":"data-app-shell","data-nav-variant":b,"data-collapsed":p||void 0,className:T.cn(ee,X),children:[!V&&(q?e.jsx("div",{className:"[grid-area:nav] min-h-0",children:L?e.jsx(oe,{collapsed:p,onCollapsedChange:B,...k}):e.jsx(ie,{...k})}):e.jsx("div",{className:"[grid-area:pnav] hidden md:block border-b border-sidebar-border bg-sidebar px-3 py-1.5",children:e.jsx(S.DataAppShellPrimaryNav,{variant:"top","aria-label":"Application navigation",navGroups:n,header:e.jsx(v,{...k,compact:!0,menuSide:"bottom"}),user:d})})),C&&p&&!y&&e.jsx(I.Button,{"data-slot":"data-app-shell-expand-fab",variant:"outline",size:"icon-sm","aria-label":"Expand navigation",className:"absolute left-2 top-2 z-50 shadow-elevation-2",onClick:()=>B(!1),children:e.jsx(_.ChevronRight,{className:"w-4 h-4"})}),e.jsxs(j.SheetContent,{side:"left",showCloseButton:!1,className:"p-0 bg-sidebar border-r border-sidebar-border data-[side=left]:w-[220px] data-[side=left]:sm:w-[220px] data-[side=left]:sm:max-w-[220px] flex flex-col",children:[e.jsx(j.SheetTitle,{className:"sr-only",children:"Navigation"}),e.jsx(j.SheetDescription,{className:"sr-only",children:"Application navigation menu"}),e.jsx(G,{compact:!1,onAfterNavClick:()=>O(!1),...k})]}),y&&e.jsx("div",{className:"[grid-area:side] min-h-0 flex",children:y}),Q&&e.jsx("div",{className:"[grid-area:top] min-w-0",children:e.jsx(ce,{breadcrumbs:m,headerLeft:x,headerCenter:H,headerActions:F,mobileTrigger:e.jsx(j.SheetTrigger,{asChild:!0,children:e.jsx(I.Button,{variant:"ghost",size:"icon","aria-label":"Open navigation menu",className:"md:hidden w-7 h-7 shrink-0 text-muted-foreground",children:e.jsx(_.Menu,{className:"w-4 h-4"})})})})}),R&&e.jsx("div",{className:"[grid-area:sub] min-w-0",children:R}),e.jsxs("div",{className:"[grid-area:body] relative flex min-h-0 min-w-0 overflow-hidden",children:[e.jsx("main",{"data-slot":"data-app-shell-content",className:"flex-1 min-w-0 overflow-auto bg-background",children:W}),J]})]})})})}exports.AppHeaderMenu=v;exports.DataAppShell=ue;
 //# sourceMappingURL=DataAppShell.cjs.map