@epicbagel/saas-kit 1.5.0 → 1.7.0

package/dist/primitives/chat.d.cts

@@ -183,6 +183,12 @@ interface ChatInputProps {
     addFilesLabel?: string;
     /** Visual density for the complete composer surface. */
     appearance?: "default" | "spacious";
+    /**
+     * Fold an empty, unfocused composer into one row. Focusing its textarea
+     * expands it; drafts and staged files always keep it expanded. Chat enables
+     * this only for an active mobile conversation with `mobileCompactComposer`.
+     */
+    compactOnBlur?: boolean;
     /** Quiet contextual copy between the composer controls. */
     helperText?: ReactNode;
     /** Privacy or visibility reassurance rendered below the composer. */
@@ -204,7 +210,7 @@ interface ChatInputProps {
  * `<Chat>` instead of composing `<ChatInput>` directly if you want
  * device-aware default modes.
  */
-declare function ChatInput({ value, onChange, onSend, pending, disabled, placeholder, size, uploadingLabel, voice, voiceTitle, voiceLang, submitLabel, autoFocus, className, inputRef, attachments, onFilesSelected, onRemoveAttachment, accept, multiple, addFilesLabel, appearance, helperText, privacyNote, }: ChatInputProps): react_jsx_runtime.JSX.Element;
+declare function ChatInput({ value, onChange, onSend, pending, disabled, placeholder, size, uploadingLabel, voice, voiceTitle, voiceLang, submitLabel, autoFocus, className, inputRef, attachments, onFilesSelected, onRemoveAttachment, accept, multiple, addFilesLabel, appearance, compactOnBlur, helperText, privacyNote, }: ChatInputProps): react_jsx_runtime.JSX.Element;
 interface ChatProps {
     /** Conversation messages. */
     messages: ChatMessage[];
@@ -243,7 +249,10 @@ interface ChatProps {
     emptyTitle?: ReactNode;
     /** Subheadline shown under the headline. */
     emptySubtitle?: ReactNode;
-    /** Optional list of suggested starter prompts. Click → sends. */
+    /**
+     * Optional list of suggested starter prompts, under the empty-state
+     * composer. Picking one sends it as `replySuggestions` do.
+     */
     examplePrompts?: ReadonlyArray<string>;
     /** Label above the example prompts. Defaults to "Try". */
     examplePromptsLabel?: string;
@@ -297,8 +306,27 @@ interface ChatProps {
     addFilesLabel?: string;
     /** Shown on a file, staged or on a message, while it is still uploading. Defaults to "Uploading…". */
     uploadingLabel?: string;
+    /**
+     * Replies the conversation offers next, such as the choices the latest
+     * assistant turn asked for. Once the conversation has started they show
+     * at the composer, directly above the input and at its width, as the same
+     * suggestion chips as `examplePrompts`, wrapping onto as many lines as
+     * they need. Picking one sends only its words: the draft and any staged
+     * files stay in the composer, and a failed send is reported
+     * (`onSendError`) without touching them. Disabled while `pending`. Pass
+     * none (the default) to show none; drop them once they no longer apply.
+     */
+    replySuggestions?: ReadonlyArray<string>;
+    /** The reply suggestions' accessible name. Defaults to "Suggested replies". */
+    replySuggestionsLabel?: string;
     /** Visual treatment for both empty and active text composers. */
     composerAppearance?: ChatInputProps["appearance"];
+    /**
+     * On phones (below 768px), fold an active conversation's empty composer
+     * into one row until its textarea is focused. Drafts and files stay
+     * expanded. Desktop and the new-conversation composer are unchanged.
+     */
+    mobileCompactComposer?: boolean;
     /** Quiet contextual copy inside the composer action row. */
     composerHelperText?: ReactNode;
     /** Privacy or visibility reassurance below the composer. */
@@ -394,7 +422,8 @@ interface ChatHandle {
  *   - Optional example prompts render as suggestions below the input.
  *
  * **Active state** (messages exist) — always the compact text input;
- * the mic stays as an accessory icon.
+ * the mic stays as an accessory icon. Optional reply suggestions render as
+ * the same suggestions, directly above the input.
  *
  * **Files** — with `onFilesSelected`, the composer's menu picks files and a
  * file dragged anywhere on the conversation can be dropped (`fileDrop`);

package/dist/primitives/chat.d.ts

@@ -183,6 +183,12 @@ interface ChatInputProps {
     addFilesLabel?: string;
     /** Visual density for the complete composer surface. */
     appearance?: "default" | "spacious";
+    /**
+     * Fold an empty, unfocused composer into one row. Focusing its textarea
+     * expands it; drafts and staged files always keep it expanded. Chat enables
+     * this only for an active mobile conversation with `mobileCompactComposer`.
+     */
+    compactOnBlur?: boolean;
     /** Quiet contextual copy between the composer controls. */
     helperText?: ReactNode;
     /** Privacy or visibility reassurance rendered below the composer. */
@@ -204,7 +210,7 @@ interface ChatInputProps {
  * `<Chat>` instead of composing `<ChatInput>` directly if you want
  * device-aware default modes.
  */
-declare function ChatInput({ value, onChange, onSend, pending, disabled, placeholder, size, uploadingLabel, voice, voiceTitle, voiceLang, submitLabel, autoFocus, className, inputRef, attachments, onFilesSelected, onRemoveAttachment, accept, multiple, addFilesLabel, appearance, helperText, privacyNote, }: ChatInputProps): react_jsx_runtime.JSX.Element;
+declare function ChatInput({ value, onChange, onSend, pending, disabled, placeholder, size, uploadingLabel, voice, voiceTitle, voiceLang, submitLabel, autoFocus, className, inputRef, attachments, onFilesSelected, onRemoveAttachment, accept, multiple, addFilesLabel, appearance, compactOnBlur, helperText, privacyNote, }: ChatInputProps): react_jsx_runtime.JSX.Element;
 interface ChatProps {
     /** Conversation messages. */
     messages: ChatMessage[];
@@ -243,7 +249,10 @@ interface ChatProps {
     emptyTitle?: ReactNode;
     /** Subheadline shown under the headline. */
     emptySubtitle?: ReactNode;
-    /** Optional list of suggested starter prompts. Click → sends. */
+    /**
+     * Optional list of suggested starter prompts, under the empty-state
+     * composer. Picking one sends it as `replySuggestions` do.
+     */
     examplePrompts?: ReadonlyArray<string>;
     /** Label above the example prompts. Defaults to "Try". */
     examplePromptsLabel?: string;
@@ -297,8 +306,27 @@ interface ChatProps {
     addFilesLabel?: string;
     /** Shown on a file, staged or on a message, while it is still uploading. Defaults to "Uploading…". */
     uploadingLabel?: string;
+    /**
+     * Replies the conversation offers next, such as the choices the latest
+     * assistant turn asked for. Once the conversation has started they show
+     * at the composer, directly above the input and at its width, as the same
+     * suggestion chips as `examplePrompts`, wrapping onto as many lines as
+     * they need. Picking one sends only its words: the draft and any staged
+     * files stay in the composer, and a failed send is reported
+     * (`onSendError`) without touching them. Disabled while `pending`. Pass
+     * none (the default) to show none; drop them once they no longer apply.
+     */
+    replySuggestions?: ReadonlyArray<string>;
+    /** The reply suggestions' accessible name. Defaults to "Suggested replies". */
+    replySuggestionsLabel?: string;
     /** Visual treatment for both empty and active text composers. */
     composerAppearance?: ChatInputProps["appearance"];
+    /**
+     * On phones (below 768px), fold an active conversation's empty composer
+     * into one row until its textarea is focused. Drafts and files stay
+     * expanded. Desktop and the new-conversation composer are unchanged.
+     */
+    mobileCompactComposer?: boolean;
     /** Quiet contextual copy inside the composer action row. */
     composerHelperText?: ReactNode;
     /** Privacy or visibility reassurance below the composer. */
@@ -394,7 +422,8 @@ interface ChatHandle {
  *   - Optional example prompts render as suggestions below the input.
  *
  * **Active state** (messages exist) — always the compact text input;
- * the mic stays as an accessory icon.
+ * the mic stays as an accessory icon. Optional reply suggestions render as
+ * the same suggestions, directly above the input.
  *
  * **Files** — with `onFilesSelected`, the composer's menu picks files and a
  * file dragged anywhere on the conversation can be dropped (`fileDrop`);

package/dist/primitives/chat.js

@@ -7,11 +7,11 @@ import {
 } from "../chunk-Z45YKVAM.js";
 import {
   VoiceDictationButton
-} from "../chunk-HAC32ALJ.js";
+} from "../chunk-TI57GAQP.js";
 import {
   Suggestion,
   Suggestions
-} from "../chunk-THWIJG5C.js";
+} from "../chunk-IJG2B3Y2.js";
 import {
   MessageScroller,
   MessageScrollerButton,
@@ -19,13 +19,13 @@ import {
   MessageScrollerItem,
   MessageScrollerProvider,
   MessageScrollerViewport
-} from "../chunk-GFG2R5BZ.js";
+} from "../chunk-2V7AVB2U.js";
 import {
   Message,
   MessageAction,
   MessageActions,
   MessageContent
-} from "../chunk-FGISSYXG.js";
+} from "../chunk-H4XH2PPU.js";
 import {
   Marker,
   MarkerContent
@@ -34,12 +34,12 @@ import {
   InputGroup,
   InputGroupAddon,
   InputGroupTextarea
-} from "../chunk-MHYAVXOE.js";
+} from "../chunk-QTPPNK6F.js";
 import "../chunk-6FC65AZQ.js";
 import {
   FileDropArea,
   FileDropzone
-} from "../chunk-M7FYGAGO.js";
+} from "../chunk-HBRVOGLA.js";
 import {
   LazyMarkdown
 } from "../chunk-VY5U4VGV.js";
@@ -66,7 +66,7 @@ import {
   AttachmentMedia,
   AttachmentTitle,
   AttachmentTrigger
-} from "../chunk-EZCKWTH7.js";
+} from "../chunk-CYDICVH2.js";
 import "../chunk-ZRLUUZHK.js";
 import {
   ActionDock
@@ -74,7 +74,7 @@ import {
 import "../chunk-QMA3WVB7.js";
 import {
   Button
-} from "../chunk-HQRWRRZJ.js";
+} from "../chunk-W326GKML.js";
 import {
   useCopyToClipboard
 } from "../chunk-ZWZAAGQF.js";
@@ -385,12 +385,15 @@ function ChatInput({
   multiple = true,
   addFilesLabel = "Add files",
   appearance = "default",
+  compactOnBlur = false,
   helperText,
   privacyNote
 }) {
   const internalRef = useRef(null);
   const ref = inputRef ?? internalRef;
   const fileInputRef = useRef(null);
+  const [editing, setEditing] = useState(false);
+  const focusVersion = useRef(0);
   const isDisabled = pending || disabled;
   const attachmentsReady = attachments.length > 0 && attachments.every((item) => item.state !== "uploading");
   const canSubmit = !isDisabled && (Boolean(value.trim()) || attachmentsReady);
@@ -401,13 +404,27 @@ function ChatInput({
   };
   const spacious = appearance === "spacious";
   const composerSize = COMPOSER_SIZES[size];
+  const compact = compactOnBlur && !editing && value.length === 0 && attachments.length === 0;
   return /* @__PURE__ */ jsxs("div", { "data-slot": "chat-input-container", className: "w-full", children: [
     /* @__PURE__ */ jsxs(
       "form",
       {
         "data-slot": "chat-input",
         "data-appearance": appearance,
+        "data-compact": compact || void 0,
         className: "w-full",
+        onFocusCapture: (event) => {
+          focusVersion.current += 1;
+          if (event.nativeEvent.target === ref.current) setEditing(true);
+        },
+        onBlurCapture: (event) => {
+          if (event.currentTarget.contains(event.relatedTarget)) return;
+          const form = event.currentTarget;
+          const blurredAt = ++focusVersion.current;
+          queueMicrotask(() => {
+            if (form.isConnected && focusVersion.current === blurredAt) setEditing(false);
+          });
+        },
         onSubmit: (event) => {
           if (event.target !== event.currentTarget) return;
           event.preventDefault();
@@ -462,29 +479,31 @@ function ChatInput({
                       submit();
                     },
                     placeholder,
-                    rows: composerSize.rows,
+                    rows: compact ? 1 : composerSize.rows,
+                    wrap: compact ? "off" : void 0,
                     disabled: isDisabled,
                     autoFocus,
                     className: cn(
-                      composerSize.minHeight,
+                      compact ? "h-[44px] min-h-[44px] max-h-[44px] min-w-0 field-sizing-fixed overflow-hidden whitespace-nowrap text-ellipsis" : composerSize.minHeight,
                       // Grows with the text, then scrolls rather than pushing the thread away.
-                      "max-h-48 leading-relaxed disabled:opacity-70 placeholder:text-sm",
-                      spacious ? "px-6 pb-2 pt-6" : "px-4 py-3.5"
+                      "leading-relaxed disabled:opacity-70 placeholder:text-sm",
+                      !compact && "max-h-48",
+                      compact ? "px-4 py-2" : spacious ? "px-6 pb-2 pt-6" : "px-4 py-3.5"
                     )
                   }
                 ),
                 /* @__PURE__ */ jsxs(
                   InputGroupAddon,
                   {
-                    align: "block-end",
+                    align: compact ? "inline-end" : "block-end",
                     "data-slot": "chat-input-actions",
                     onClick: (event) => {
                       if (!event.currentTarget.contains(event.target)) return;
                       if (!event.target.closest("button")) ref.current?.focus();
                     },
                     className: cn(
-                      "gap-2",
-                      spacious ? "px-5 pb-5 pt-1" : "border-t border-border px-3 py-2.5"
+                      compact ? "shrink-0 gap-0 p-1" : "gap-2",
+                      !compact && (spacious ? "px-5 pb-5 pt-1" : "border-t border-border px-3 py-2.5")
                     ),
                     children: [
                       onFilesSelected && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
@@ -492,9 +511,10 @@ function ChatInput({
                           Button,
                           {
                             type: "button",
-                            size: spacious ? "icon-lg" : "icon",
+                            size: spacious && !compact ? "icon-lg" : "icon",
                             variant: "ghost",
                             "aria-label": "Add to conversation",
+                            className: compactOnBlur ? "min-h-[44px] min-w-[44px] shrink-0" : void 0,
                             children: /* @__PURE__ */ jsx(Plus, { className: cn(spacious && "h-5 w-5") })
                           }
                         ) }),
@@ -510,24 +530,28 @@ function ChatInput({
                           title: voiceTitle,
                           lang: voiceLang,
                           onCommit: (text) => onSend(text),
-                          className: spacious ? "h-12 w-12 border-transparent bg-transparent shadow-none hover:bg-muted" : void 0
+                          className: cn(
+                            spacious && "border-transparent bg-transparent shadow-none hover:bg-muted",
+                            spacious && !compact && "h-12 w-12",
+                            compactOnBlur && "min-h-[44px] min-w-[44px] shrink-0"
+                          )
                         }
                       ),
                       helperText ? /* @__PURE__ */ jsx(
                         "span",
                         {
                           "data-slot": "chat-input-helper",
-                          className: "min-w-0 flex-1 truncate px-1 text-center text-xs font-normal text-muted-foreground sm:px-2 sm:text-sm",
+                          className: cn("min-w-0 flex-1 truncate px-1 text-center text-xs font-normal text-muted-foreground sm:px-2 sm:text-sm", compact && "hidden"),
                           children: helperText
                         }
-                      ) : /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+                      ) : /* @__PURE__ */ jsx("div", { className: compact ? "hidden" : "flex-1" }),
                       submitLabel ? /* @__PURE__ */ jsxs(
                         Button,
                         {
                           type: "submit",
                           disabled: !canSubmit,
                           "data-chat-action": "submit",
-                          className: spacious ? "rounded-xl" : void 0,
+                          className: cn(spacious && "rounded-xl", compactOnBlur && "min-h-[44px] min-w-[44px] shrink-0"),
                           children: [
                             submitLabel,
                             /* @__PURE__ */ jsx(ArrowRight, { className: "ml-2 h-4 w-4" })
@@ -537,11 +561,11 @@ function ChatInput({
                         Button,
                         {
                           type: "submit",
-                          size: spacious ? "icon-lg" : "icon",
+                          size: spacious && !compact ? "icon-lg" : "icon",
                           disabled: !canSubmit,
                           "aria-label": "Send",
                           "data-chat-action": "submit",
-                          className: spacious ? "rounded-xl" : void 0,
+                          className: cn(spacious && "rounded-xl", compactOnBlur && "min-h-[44px] min-w-[44px] shrink-0"),
                           children: /* @__PURE__ */ jsx(ArrowUp, { className: cn(spacious && "h-5 w-5") })
                         }
                       )
@@ -605,27 +629,40 @@ var EXAMPLE_PROMPT_LAYOUTS = {
   row: "row",
   cards: "grid"
 };
-function ExamplePrompts({
-  prompts,
+function ChatSuggestions({
+  slot,
+  items,
   onSelect,
-  label = "Try",
+  label,
+  showLabel = true,
   variant = "chips",
+  disabled = false,
   className
 }) {
   const labelId = useId();
-  if (prompts.length === 0) return null;
+  if (items.length === 0) return null;
   const cards = variant === "cards";
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "chat-examples", "data-variant": variant, className: cn(cards ? "mt-4" : "mt-3", className), children: [
-    /* @__PURE__ */ jsx("p", { id: labelId, "data-slot": "chat-examples-label", className: "mb-2 text-left text-xs text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsx(Suggestions, { role: "group", "aria-labelledby": labelId, layout: EXAMPLE_PROMPT_LAYOUTS[variant], children: prompts.map((prompt) => /* @__PURE__ */ jsx(
-      Suggestion,
+  return /* @__PURE__ */ jsxs("div", { "data-slot": slot, "data-variant": variant, className, children: [
+    showLabel && /* @__PURE__ */ jsx("p", { id: labelId, "data-slot": `${slot}-label`, className: "mb-2 text-left text-xs text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx(
+      Suggestions,
       {
-        suggestion: prompt,
-        onClick: onSelect,
-        className: cards ? "h-auto min-h-12 px-3 py-2.5 text-xs" : void 0
-      },
-      prompt
-    )) })
+        role: "group",
+        "aria-labelledby": showLabel ? labelId : void 0,
+        "aria-label": showLabel ? void 0 : label,
+        layout: EXAMPLE_PROMPT_LAYOUTS[variant],
+        children: items.map((item) => /* @__PURE__ */ jsx(
+          Suggestion,
+          {
+            suggestion: item,
+            onClick: onSelect,
+            disabled,
+            className: cards ? "h-auto min-h-12 px-3 py-2.5 text-xs" : void 0
+          },
+          item
+        ))
+      }
+    )
   ] });
 }
 function ExamplePromptsLoading({ label, className }) {
@@ -669,6 +706,8 @@ var Chat = forwardRef(function Chat2({
   examplePromptsVariant = "chips",
   examplePromptsLoading = false,
   examplePromptsLoadingLabel = "Loading suggestions\u2026",
+  replySuggestions = [],
+  replySuggestionsLabel = "Suggested replies",
   compactEmptyState = false,
   defaultMode,
   placeholder = "Type your message\u2026",
@@ -681,6 +720,7 @@ var Chat = forwardRef(function Chat2({
   addFilesLabel,
   uploadingLabel,
   composerAppearance = "default",
+  mobileCompactComposer = false,
   composerHelperText,
   composerPrivacyNote,
   emptyFileDropzone = false,
@@ -714,6 +754,14 @@ var Chat = forwardRef(function Chat2({
   const conversationStarted = messages.length > 0;
   const [userMode, setUserMode] = useState(null);
   const mode = userMode ?? defaultMode ?? (isMobile ? "voice" : "text");
+  const reportSendError = useCallback(
+    (cause) => {
+      if (onSendError) onSendError(cause);
+      else if (typeof globalThis.reportError === "function") globalThis.reportError(cause);
+      else console.error(cause);
+    },
+    [onSendError]
+  );
   const send = useCallback(
     async (text, sentAttachments = attachments) => {
       const trimmed = text.trim();
@@ -726,13 +774,24 @@ var Chat = forwardRef(function Chat2({
           setInput((current) => current ? current : trimmed);
           if (mode === "voice") setUserMode("text");
         }
-        if (onSendError) onSendError(cause);
-        else if (typeof globalThis.reportError === "function") globalThis.reportError(cause);
-        else console.error(cause);
+        reportSendError(cause);
       }
       window.setTimeout(() => inputRef.current?.focus(), 0);
     },
-    [attachments, mode, onSend, onSendError, pending]
+    [attachments, mode, onSend, pending, reportSendError]
+  );
+  const sendSuggestion = useCallback(
+    async (text) => {
+      const trimmed = text.trim();
+      if (!trimmed || pending) return;
+      try {
+        await onSend(trimmed, []);
+      } catch (cause) {
+        reportSendError(cause);
+      }
+      window.setTimeout(() => inputRef.current?.focus(), 0);
+    },
+    [onSend, pending, reportSendError]
   );
   useImperativeHandle(
     ref,
@@ -873,12 +932,14 @@ var Chat = forwardRef(function Chat2({
                   error && /* @__PURE__ */ jsx(ChatError, { children: error }),
                   !pending && examplePromptsLoading && /* @__PURE__ */ jsx(ExamplePromptsLoading, { label: examplePromptsLoadingLabel }),
                   !pending && !examplePromptsLoading && examplePrompts.length > 0 && /* @__PURE__ */ jsx(
-                    ExamplePrompts,
+                    ChatSuggestions,
                     {
-                      prompts: examplePrompts,
-                      onSelect: (p) => void send(p),
+                      slot: "chat-examples",
+                      items: examplePrompts,
+                      onSelect: (prompt) => void sendSuggestion(prompt),
                       label: examplePromptsLabel,
-                      variant: examplePromptsVariant
+                      variant: examplePromptsVariant,
+                      className: examplePromptsVariant === "cards" ? "mt-4" : "mt-3"
                     }
                   ),
                   emptyFooter && /* @__PURE__ */ jsx("div", { "data-slot": "chat-empty-footer", className: "mt-5", children: emptyFooter })
@@ -917,9 +978,22 @@ var Chat = forwardRef(function Chat2({
             className: cn(
               "pt-3",
               application && "px-4 py-3 md:bg-transparent md:px-0 md:pb-0 md:backdrop-blur-none md:supports-backdrop-filter:bg-transparent",
-              workspace && "border-0 bg-gradient-to-t from-background via-background to-transparent px-4 pb-[max(1.25rem,env(safe-area-inset-bottom))] pt-8 backdrop-blur-none supports-[backdrop-filter]:bg-gradient-to-t"
+              workspace && "border-0 bg-gradient-to-t from-background via-background to-transparent px-4 pb-[max(1.25rem,env(safe-area-inset-bottom))] pt-8 backdrop-blur-none supports-[backdrop-filter]:bg-gradient-to-t",
+              workspace && mobileCompactComposer && "max-md:pb-[max(0.75rem,env(safe-area-inset-bottom))] max-md:pt-3"
             ),
             children: [
+              /* @__PURE__ */ jsx(
+                ChatSuggestions,
+                {
+                  slot: "chat-replies",
+                  items: replySuggestions,
+                  onSelect: (reply) => void sendSuggestion(reply),
+                  label: replySuggestionsLabel,
+                  showLabel: false,
+                  disabled: pending,
+                  className: cn("mb-3", workspace && "mx-auto max-w-3xl")
+                }
+              ),
               /* @__PURE__ */ jsx(
                 ChatInput,
                 {
@@ -940,6 +1014,7 @@ var Chat = forwardRef(function Chat2({
                   addFilesLabel,
                   uploadingLabel,
                   appearance: composerAppearance,
+                  compactOnBlur: mobileCompactComposer && isMobile,
                   helperText: composerHelperText,
                   privacyNote: composerPrivacyNote,
                   className: workspace ? "mx-auto max-w-3xl rounded-3xl shadow-sm" : void 0

package/dist/primitives/code-block.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkVLXPLKFRcjs = require('../chunk-VLXPLKFR.cjs');
-require('../chunk-VKIGJNJR.cjs');
-require('../chunk-L4DH72UF.cjs');
+var _chunkGTVSRRE3cjs = require('../chunk-GTVSRRE3.cjs');
+require('../chunk-MU4F3DSW.cjs');
+require('../chunk-JDEXZGIY.cjs');
 require('../chunk-4LXN6GLZ.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
 
-exports.CodeBlock = _chunkVLXPLKFRcjs.CodeBlock;
+exports.CodeBlock = _chunkGTVSRRE3cjs.CodeBlock;

package/dist/primitives/code-block.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   CodeBlock
-} from "../chunk-HHV4G77I.js";
-import "../chunk-NW3OWKBN.js";
-import "../chunk-HQRWRRZJ.js";
+} from "../chunk-F3B4M6DU.js";
+import "../chunk-HREEZUKL.js";
+import "../chunk-W326GKML.js";
 import "../chunk-ZWZAAGQF.js";
 import "../chunk-G6SRSWXB.js";
 export {

package/dist/primitives/confirm-bar.cjs

@@ -2,7 +2,7 @@
 "use client";
 
 
-var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
 // src/primitives/confirm-bar.tsx
@@ -88,8 +88,8 @@ function ConfirmBar({
             remaining,
             "s"
           ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { size: "sm", variant: "ghost", onClick: onCancel, className: "shrink-0", children: cancelLabel }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { size: "sm", variant: confirmVariant, onClick: onConfirm, className: "shrink-0", children: confirmLabel })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { size: "sm", variant: "ghost", onClick: onCancel, className: "shrink-0", children: cancelLabel }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { size: "sm", variant: confirmVariant, onClick: onConfirm, className: "shrink-0", children: confirmLabel })
         ] })
       }
     ),

package/dist/primitives/confirm-bar.js

@@ -2,7 +2,7 @@
 "use client";
 import {
   Button
-} from "../chunk-HQRWRRZJ.js";
+} from "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";
 
 // src/primitives/confirm-bar.tsx

package/dist/primitives/connection-status-bar.cjs

@@ -4,7 +4,7 @@
 var _chunkI6GUOEBOcjs = require('../chunk-I6GUOEBO.cjs');
 
 
-var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
@@ -54,7 +54,7 @@ function StatusAction({
   const variant = state === "disconnected" ? "default" : action.iconOnly ? "quiet" : "outline";
   const size = action.iconOnly ? "icon-sm" : "sm";
   if (action.href) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { asChild: true, variant, size, className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { asChild: true, variant, size, className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "a",
       {
         href: action.href,
@@ -75,7 +75,7 @@ function StatusAction({
     ) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkL4DH72UFcjs.Button,
+    _chunkJDEXZGIYcjs.Button,
     {
       type: "button",
       variant,
@@ -213,7 +213,7 @@ function ConnectionStatusBar({
                   _nullishCoalesce(visibleAction.ariaLabel, () => ( (typeof visibleAction.label === "string" ? visibleAction.label : index)))
                 )),
                 children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CollapsiblePrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkL4DH72UFcjs.Button,
+                  _chunkJDEXZGIYcjs.Button,
                   {
                     type: "button",
                     variant: "quiet",

package/dist/primitives/connection-status-bar.js

@@ -4,7 +4,7 @@ import {
 } from "../chunk-D4ZL2OEQ.js";
 import {
   Button
-} from "../chunk-HQRWRRZJ.js";
+} from "../chunk-W326GKML.js";
 import {
   cn
 } from "../chunk-G6SRSWXB.js";