@epicbagel/saas-kit 1.5.0 → 1.6.0

package/README.md

@@ -70,6 +70,19 @@ CommonJS builds are included, each with type declarations.
 built on `@shadcn/react`, which takes `ref` as a plain prop; on React 18 they
 render, but a ref passed to them is dropped with a warning.
 
+## Search input
+
+`SearchInput` (`@epicbagel/saas-kit/primitives/search-input`) is a full-width,
+rounded search field on a muted surface, composed from `InputGroup`. Supply
+its controlled `value`, `onValueChange` and accessible `label`; the label is
+also its default placeholder. `loading` replaces the search icon with a
+spinner (`loadingLabel`). The inline clear button (`clearLabel`) and Escape
+clear the query while keeping focus in the input. Disabled and read-only
+fields cannot be cleared. `controlSize="default"` is 44px high and `"lg"`
+is 48px, independent of root font size. Search timing and result fetching
+belong to the caller. Pair it with `Button`'s `shape="pill"` for a matching
+rounded action.
+
 ## Chat
 
 `primitives/chat` composes the kit's lifts of the shadcn/ui AI Elements parts
@@ -89,6 +102,15 @@ public in 1.1.0, and these were the decisions about its props then:
 - **Composer height.** `ChatInput` takes a `size` token (`sm`, `md`, `lg`)
   for the textarea's starting height; there is no class-name or `rows` prop.
   The textarea grows with its text (`field-sizing: content`).
+- **Compact mobile replies.** Opt into `Chat.mobileCompactComposer` to fold
+  an active conversation's empty composer into one row below 768px. Focusing
+  its textarea expands it; leaving the composer folds it again only when
+  there is no draft or staged file. The same textarea stays mounted, and
+  its file menu and voice dialog keep an editing session open. New
+  conversations and desktop keep their normal size. `ChatInput` exposes
+  the underlying `compactOnBlur` behavior for other compositions. The
+  compact row keeps 44px controls and hides only its helper copy; any
+  privacy note remains visible.
 - **Example prompts.** `examplePromptsVariant` is `chips` (the default: chips
   that wrap onto as many lines as they need), `row` (one line that scrolls
   sideways) or `cards` (a two-column grid).

package/dist/{chunk-GFG2R5BZ.js → chunk-2V7AVB2U.js}

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

package/dist/{chunk-LI5EOSQG.js → chunk-43UMPZWD.js}

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

package/dist/{chunk-XABXUP6L.cjs → chunk-5VMKDVB6.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -109,7 +109,7 @@ function MessageScrollerButton({
         "cn-message-scroller-button absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180",
         className
       ),
-      render: _nullishCoalesce(render, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { variant, size }))),
+      render: _nullishCoalesce(render, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { variant, size }))),
       ...props,
       children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowDown, { className: "h-4 w-4" }),

package/dist/{chunk-QNZYQLNP.js → chunk-6S6GD43V.js}

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

package/dist/{chunk-WQJKUKBL.cjs → chunk-6YXKFVZU.cjs}

@@ -11,7 +11,7 @@
 var _chunkZAITUDYDcjs = require('./chunk-ZAITUDYD.cjs');
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -76,7 +76,7 @@ function PageHeaderActions({
         children: desktopActions.map(
           (action) => _optionalChain([action, 'access', _3 => _3.items, 'optionalAccess', _4 => _4.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZAITUDYDcjs.DropdownMenu, { children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkL4DH72UFcjs.Button,
+              _chunkJDEXZGIYcjs.Button,
               {
                 type: "button",
                 size: "sm",
@@ -92,7 +92,7 @@ function PageHeaderActions({
             ) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuContent, { align: "end", width: "compact", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuActions, { actions: action.items }) })
           ] }, action.id) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunkL4DH72UFcjs.Button,
+            _chunkJDEXZGIYcjs.Button,
             {
               type: "button",
               size: "sm",
@@ -111,7 +111,7 @@ function PageHeaderActions({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "sm:hidden", "data-slot": "page-header-actions-mobile", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZAITUDYDcjs.DropdownMenu, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL4DH72UFcjs.Button, { type: "button", size: "sm", variant: "outline", "aria-label": mobileAriaLabel, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", size: "sm", variant: "outline", "aria-label": mobileAriaLabel, children: [
         mobileLabel,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { "aria-hidden": "true" })
       ] }) }),

package/dist/{chunk-RIWLAMME.cjs → chunk-7LDJAXRX.cjs}

@@ -7,7 +7,7 @@ var _chunk2HV2KKOEcjs = require('./chunk-2HV2KKOE.cjs');
 var _chunkPQUSJEXLcjs = require('./chunk-PQUSJEXL.cjs');
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -91,7 +91,7 @@ function InputGroupButton({
   ...props
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkL4DH72UFcjs.Button,
+    _chunkJDEXZGIYcjs.Button,
     {
       type,
       size: "bare",

package/dist/{chunk-FNDBM67K.cjs → chunk-7YCKII7G.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -43,7 +43,7 @@ function LoadMoreButton({
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "mt-4 flex justify-center", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkL4DH72UFcjs.Button,
+    _chunkJDEXZGIYcjs.Button,
     {
       type: "button",
       variant: "outline",

package/dist/{chunk-2TKLS73N.js → chunk-C3VZMTVB.js}

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

package/dist/{chunk-G54TQV2R.cjs → chunk-CLYAASFN.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -189,7 +189,7 @@ function EmptyState({
                 }
               ),
               action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkL4DH72UFcjs.Button,
+                _chunkJDEXZGIYcjs.Button,
                 {
                   type: "button",
                   variant: action.variant || "outline",

package/dist/{chunk-SGW4FWBX.cjs → chunk-CRTH5GJ5.cjs}

@@ -15,7 +15,7 @@ var _chunkWNXVGUBFcjs = require('./chunk-WNXVGUBF.cjs');
 var _chunkIQZLUT2Ycjs = require('./chunk-IQZLUT2Y.cjs');
 
 
-var _chunkR5L4CM6Vcjs = require('./chunk-R5L4CM6V.cjs');
+var _chunkVOTCYG3Fcjs = require('./chunk-VOTCYG3F.cjs');
 
 
 var _chunkJH4GAGOQcjs = require('./chunk-JH4GAGOQ.cjs');
@@ -37,7 +37,7 @@ var _chunkVGTINL5Qcjs = require('./chunk-VGTINL5Q.cjs');
 var _chunkI6GUOEBOcjs = require('./chunk-I6GUOEBO.cjs');
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkR35FT53Gcjs = require('./chunk-R35FT53G.cjs');
@@ -141,7 +141,7 @@ function FilterBar({
             return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkI6GUOEBOcjs.Badge, { variant: "secondary", className: "text-xs", children: [
               _optionalChain([option, 'optionalAccess', _12 => _12.label]),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkL4DH72UFcjs.Button,
+                _chunkJDEXZGIYcjs.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -164,7 +164,7 @@ function FilterBar({
         const calendarSelected = rangeFrom ? { from: toDate(rangeFrom), to: toDate(rangeTo) } : void 0;
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWNXVGUBFcjs.Popover, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWNXVGUBFcjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunkL4DH72UFcjs.Button,
+            _chunkJDEXZGIYcjs.Button,
             {
               variant: "outline",
               className: "justify-start text-left font-normal w-full",
@@ -175,7 +175,7 @@ function FilterBar({
             }
           ) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWNXVGUBFcjs.PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkR5L4CM6Vcjs.Calendar,
+            _chunkVOTCYG3Fcjs.Calendar,
             {
               mode: "range",
               selected: calendarSelected,
@@ -190,7 +190,7 @@ function FilterBar({
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-2 gap-2", children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWNXVGUBFcjs.Popover, { children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWNXVGUBFcjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkL4DH72UFcjs.Button,
+              _chunkJDEXZGIYcjs.Button,
               {
                 variant: "outline",
                 className: "justify-start text-left font-normal",
@@ -201,7 +201,7 @@ function FilterBar({
               }
             ) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWNXVGUBFcjs.PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkR5L4CM6Vcjs.Calendar,
+              _chunkVOTCYG3Fcjs.Calendar,
               {
                 mode: "single",
                 selected: _optionalChain([value, 'optionalAccess', _18 => _18.from]),
@@ -212,7 +212,7 @@ function FilterBar({
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWNXVGUBFcjs.Popover, { children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWNXVGUBFcjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkL4DH72UFcjs.Button,
+              _chunkJDEXZGIYcjs.Button,
               {
                 variant: "outline",
                 className: "justify-start text-left font-normal",
@@ -223,7 +223,7 @@ function FilterBar({
               }
             ) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWNXVGUBFcjs.PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkR5L4CM6Vcjs.Calendar,
+              _chunkVOTCYG3Fcjs.Calendar,
               {
                 mode: "single",
                 selected: _optionalChain([value, 'optionalAccess', _20 => _20.to]),
@@ -287,7 +287,7 @@ function FilterBar({
   };
   const activeFilterCount = getActiveFilterCount();
   const trigger = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkL4DH72UFcjs.Button,
+    _chunkJDEXZGIYcjs.Button,
     {
       variant: "outline",
       size: triggerSize === "lg" ? includeLabel || activeFilterCount > 0 ? "toolbar" : "icon-lg" : includeLabel || activeFilterCount > 0 ? "default" : "icon",
@@ -309,7 +309,7 @@ function FilterBar({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0 border-b p-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "font-medium", children: "Filters" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkL4DH72UFcjs.Button,
+            _chunkJDEXZGIYcjs.Button,
             {
               variant: "ghost",
               size: "sm",
@@ -364,8 +364,8 @@ function FilterBar({
             "data-slot": "filter-bar-actions",
             className: "z-10 shrink-0 border-t bg-popover p-4 pb-[max(1rem,env(safe-area-inset-bottom))]",
             children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-end space-x-2", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { variant: "outline", onClick: () => setIsOpen(false), children: "Cancel" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { onClick: applyFilters, children: "Apply Filters" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { variant: "outline", onClick: () => setIsOpen(false), children: "Cancel" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { onClick: applyFilters, children: "Apply Filters" })
             ] })
           }
         )

package/dist/{chunk-EZCKWTH7.js → chunk-CYDICVH2.js}

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

package/dist/{chunk-J3GQXM37.js → chunk-EEHIMPD7.js}

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

package/dist/{chunk-4NN7EA3W.js → chunk-ET4THLFX.js}

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

package/dist/{chunk-PNWNU6JW.cjs → chunk-EUFV25KL.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -70,7 +70,7 @@ function QuickFilters({
     const isActive2 = (qf) => areFiltersEqual(activeFilters, qf.filters);
     const handleClick2 = (qf) => isActive2(qf) ? onFilterClick({}) : onFilterClick(qf.filters);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Shell, { showLabel, appearance, className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-center flex-wrap", appearance === "underline" ? "gap-6" : "gap-2"), children: quickFilters.map((filter) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkL4DH72UFcjs.Button,
+      _chunkJDEXZGIYcjs.Button,
       {
         variant: appearance === "underline" ? "ghost" : isActive2(filter) ? "default" : "outline",
         size: "sm",
@@ -121,7 +121,7 @@ function QuickFilters({
     if (fs.length === 1) {
       const filter = fs[0];
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkL4DH72UFcjs.Button,
+        _chunkJDEXZGIYcjs.Button,
         {
           variant: appearance === "underline" ? "ghost" : isActive(filter) ? "default" : "outline",
           size: "sm",
@@ -145,7 +145,7 @@ function QuickFilters({
           appearance === "underline" ? "gap-6" : "gap-1 rounded-md border p-0.5"
         ),
         children: fs.map((filter) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkL4DH72UFcjs.Button,
+          _chunkJDEXZGIYcjs.Button,
           {
             variant: appearance === "underline" ? "ghost" : isActive(filter) ? "default" : "ghost",
             size: "sm",

package/dist/{chunk-HHV4G77I.js → chunk-F3B4M6DU.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   CopyButton
-} from "./chunk-NW3OWKBN.js";
+} from "./chunk-HREEZUKL.js";
 import {
   cn
 } from "./chunk-G6SRSWXB.js";

package/dist/{chunk-32Q4XOTU.cjs → chunk-FYRQFEU4.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -147,7 +147,7 @@ function AttachmentAction({
   ...props
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkL4DH72UFcjs.Button,
+    _chunkJDEXZGIYcjs.Button,
     {
       "data-slot": "attachment-action",
       variant: _nullishCoalesce(variant, () => ( "ghost")),

package/dist/{chunk-VLXPLKFR.cjs → chunk-GTVSRRE3.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkVKIGJNJRcjs = require('./chunk-VKIGJNJR.cjs');
+var _chunkMU4F3DSWcjs = require('./chunk-MU4F3DSW.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -38,7 +38,7 @@ function CodeBlock({
       }
     ),
     copy ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVKIGJNJRcjs.CopyButton,
+      _chunkMU4F3DSWcjs.CopyButton,
       {
         text: copyText,
         label: copyLabel,

package/dist/{chunk-RRRD5EUI.js → chunk-H2CCBRVG.js}

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

package/dist/{chunk-FGISSYXG.js → chunk-H4XH2PPU.js}

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

package/dist/{chunk-M7FYGAGO.js → chunk-HBRVOGLA.js}

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

package/dist/{chunk-NW3OWKBN.js → chunk-HREEZUKL.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Button
-} from "./chunk-HQRWRRZJ.js";
+} from "./chunk-W326GKML.js";
 import {
   useCopyToClipboard
 } from "./chunk-ZWZAAGQF.js";

package/dist/{chunk-THWIJG5C.js → chunk-IJG2B3Y2.js}

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

package/dist/{chunk-L4DH72UF.cjs → chunk-JDEXZGIY.cjs}

@@ -71,7 +71,8 @@ var buttonVariants = _classvarianceauthority.cva.call(void 0,
       },
       shape: {
         default: "",
-        circle: "rounded-full"
+        circle: "rounded-full",
+        pill: "rounded-full"
       },
       ring: {
         none: "",

package/dist/{chunk-HRLP4BHJ.js → chunk-JN6JOSZG.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   QuickFilters
-} from "./chunk-LI5EOSQG.js";
+} from "./chunk-43UMPZWD.js";
 import {
   LoadMoreButton
-} from "./chunk-J3GQXM37.js";
+} from "./chunk-EEHIMPD7.js";
 import {
   FilterBar
-} from "./chunk-MLHNYRFX.js";
+} from "./chunk-KNKV25WS.js";
 import {
   Heading
 } from "./chunk-H2O6NMLZ.js";
@@ -29,7 +29,7 @@ import {
 } from "./chunk-QMA3WVB7.js";
 import {
   Button
-} from "./chunk-HQRWRRZJ.js";
+} from "./chunk-W326GKML.js";
 import {
   useIsMobile
 } from "./chunk-PIU5SSUV.js";

package/dist/{chunk-NE3ZVJ6G.cjs → chunk-KM5FHCXU.cjs}

@@ -8,7 +8,7 @@
 
 
 
-var _chunk23UMHZ4Scjs = require('./chunk-23UMHZ4S.cjs');
+var _chunkLIUYHYFNcjs = require('./chunk-LIUYHYFN.cjs');
 
 // src/primitives/delete-confirmation-dialog.tsx
 var _lucidereact = require('lucide-react');
@@ -29,13 +29,13 @@ function DeleteConfirmationDialog({
   icon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Trash2, { className: "h-5 w-5 text-destructive" }),
   descriptionSuffix = "? This action cannot be undone."
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk23UMHZ4Scjs.AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk23UMHZ4Scjs.AlertDialogContent, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk23UMHZ4Scjs.AlertDialogHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk23UMHZ4Scjs.AlertDialogTitle, { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLIUYHYFNcjs.AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLIUYHYFNcjs.AlertDialogContent, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLIUYHYFNcjs.AlertDialogHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLIUYHYFNcjs.AlertDialogTitle, { className: "flex items-center gap-2", children: [
         icon,
         title
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk23UMHZ4Scjs.AlertDialogDescription, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLIUYHYFNcjs.AlertDialogDescription, { children: [
         description,
         itemName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "font-semibold text-foreground", children: [
           " ",
@@ -44,10 +44,10 @@ function DeleteConfirmationDialog({
         descriptionSuffix
       ] })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk23UMHZ4Scjs.AlertDialogFooter, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk23UMHZ4Scjs.AlertDialogCancel, { disabled: loading, children: cancelText }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLIUYHYFNcjs.AlertDialogFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLIUYHYFNcjs.AlertDialogCancel, { disabled: loading, children: cancelText }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk23UMHZ4Scjs.AlertDialogAction,
+        _chunkLIUYHYFNcjs.AlertDialogAction,
         {
           onClick: (event) => {
             if (!closeOnConfirm) event.preventDefault();

package/dist/{chunk-MLHNYRFX.js → chunk-KNKV25WS.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-E2TQMDO7.js";
 import {
   Calendar
-} from "./chunk-RRRD5EUI.js";
+} from "./chunk-H2CCBRVG.js";
 import {
   Checkbox
 } from "./chunk-OICAYRVH.js";
@@ -37,7 +37,7 @@ import {
 } from "./chunk-D4ZL2OEQ.js";
 import {
   Button
-} from "./chunk-HQRWRRZJ.js";
+} from "./chunk-W326GKML.js";
 import {
   useIsMobile
 } from "./chunk-PIU5SSUV.js";

package/dist/{chunk-23UMHZ4S.cjs → chunk-LIUYHYFN.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -90,7 +90,7 @@ var AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @_
   AlertDialogPrimitive.Action,
   {
     ref,
-    className: _chunkKWLSBTB2cjs.cn.call(void 0, _chunkL4DH72UFcjs.buttonVariants.call(void 0, ), "flex-1", className),
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, _chunkJDEXZGIYcjs.buttonVariants.call(void 0, ), "flex-1", className),
     ...props
   }
 ));
@@ -100,7 +100,7 @@ var AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @_
   {
     ref,
     className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-      _chunkL4DH72UFcjs.buttonVariants.call(void 0, { variant: "outline" }),
+      _chunkJDEXZGIYcjs.buttonVariants.call(void 0, { variant: "outline" }),
       "flex-1",
       className
     ),

package/dist/{chunk-EOUO3ORO.cjs → chunk-LKPM6DQP.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -128,7 +128,7 @@ function VoiceDictationButton({
         children
       }
     ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkL4DH72UFcjs.Button,
+      _chunkJDEXZGIYcjs.Button,
       {
         type: "button",
         onClick: openOverlay,
@@ -211,7 +211,7 @@ function VoiceDictationButton({
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "border-t border-border px-4 py-4 pb-[calc(1rem+env(safe-area-inset-bottom))] md:pb-4 md:rounded-b-xl flex flex-col items-stretch gap-2", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkL4DH72UFcjs.Button,
+                    _chunkJDEXZGIYcjs.Button,
                     {
                       size: "lg",
                       className: "h-12 w-full",

package/dist/{chunk-SUB4BAYE.cjs → chunk-M4V7OJNF.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -47,7 +47,7 @@ function Suggestion({
   ...props
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkL4DH72UFcjs.Button,
+    _chunkJDEXZGIYcjs.Button,
     {
       type,
       "data-slot": "suggestion",