@epicbagel/saas-kit 1.0.0 → 1.1.0

package/README.md

@@ -12,7 +12,7 @@ npm install @epicbagel/saas-kit
 ```
 
 Peer dependencies: `react` and `react-dom` (18 or 19), `lucide-react`
-(`>=0.400.0 <2`), `react-icons` (5) and `tailwindcss` v4.
+(`>=0.400.0 <2`), `react-icons` (5) and `tailwindcss` (4.3 or later).
 
 ## Styles
 
@@ -66,6 +66,43 @@ Components ship as client modules (`"use client"`); the `lib/*` utilities are
 plain modules that are safe to call from React Server Components. Both ESM and
 CommonJS builds are included, each with type declarations.
 
+`primitives/chat` and `primitives/message-scroller` need React 19. They are
+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.
+
+## Chat
+
+`primitives/chat` composes the kit's lifts of the shadcn/ui AI Elements parts
+(Message, Bubble, MessageScroller, Trace, Suggestion, InputGroup) into a
+conversation with plain props: no AI SDK, no streaming renderer. It became
+public in 1.1.0, and these were the decisions about its props then:
+
+- **Copy.** Every piece of built-in copy can be replaced: `pendingLabel`
+  ("Thinking…"), `scrollButtonLabel` ("Scroll to latest message"),
+  `uploadingLabel` ("Uploading…"), `voiceHeroLabel` ("Tap to speak"),
+  `voiceHeroSwitchLabel` ("or type instead"), `examplePromptsLabel` ("Try"),
+  `examplePromptsLoadingLabel` ("Loading suggestions…"), `addFilesLabel`,
+  `placeholder` and `activePlaceholder`. The defaults are plain English with
+  no product voice, and the empty state has no title unless you pass
+  `emptyTitle`. The icon buttons' accessible names ("Send", "Add to
+  conversation", "Remove" plus the file name) are fixed for now.
+- **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`).
+- **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).
+- **Failed sends.** When `onSend` rejects, Chat puts the text back in the
+  composer and calls `onSendError`; without one it reports the rejection
+  through `reportError`, so a failure is never silent.
+- **Removed before 1.1.0,** having no callers: `hideExamples` (pass no
+  `examplePrompts`), `emptyFooterVisibility` (the footer always shows),
+  `voiceAlign` (the voice hero is centred) and `ChatInput`'s `rows` and
+  `minHeightClassName` (use `size`).
+- **Kept** as they were: the `embedded`, `application` and
+  `workspace` layouts, the voice-first empty state, the file drop target,
+  `compactEmptyState`, `threadMaxHeight` and the rest.
+
 ## License
 
 MIT. Some components and styles are adapted from shadcn/ui; see

package/THIRD_PARTY_NOTICES.md

@@ -11,16 +11,22 @@ licenses in their own packages.
 Source: https://github.com/shadcn-ui/ui
 
 These modules are adapted from shadcn/ui components and styles. The compiled
-output under `dist/` includes code derived from them.
+output under `dist/` includes code derived from them. The more recent lifts
+name their registry item, style and sync date in a header comment.
 
 - `primitives/`: alert, alert-dialog, aspect-ratio, attachment, avatar, badge,
-  button, calendar, card, checkbox, collapsible, dialog, drawer, dropdown-menu,
-  field, input, label, message, popover, progress, radio-group, scroll-area,
-  select, separator, sheet, skeleton, switch, tabs, textarea, toggle,
-  toggle-group, tooltip
+  bubble, button, calendar, card, checkbox, collapsible, dialog, drawer,
+  dropdown-menu, field, input, input-group, item, label, marker, message,
+  message-scroller, popover, progress, radio-group, scroll-area, select,
+  separator, sheet, skeleton, spinner, switch, tabs, textarea, toggle,
+  toggle-group, tooltip, trace
+- `primitives/suggestion`, adapted from the shadcn/ui AI Elements "Suggestion"
+  pattern (https://ui.shadcn.com/docs/ai-elements)
+- `primitives/chat`, composed after the shadcn/ui AI Elements "Chat",
+  "Message", "Prompt Input" and "Suggestion" patterns from the parts above
 - `lib/utils` (`cn`)
-- `src/styles/shadcn.css`, `src/styles/components/attachment.css`,
-  `src/styles/components/message.css`
+- `src/styles/shadcn.css`, and in `src/styles/components/`: attachment.css,
+  bubble.css, marker.css, message.css and message-scroller.css
 
 ```
 MIT License

package/dist/chunk-2AU7ZRGX.cjs

@@ -0,0 +1,96 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/message.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function MessageGroup({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message-group",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "cn-message-group flex min-w-0 flex-col", className),
+      ...props
+    }
+  );
+}
+function Message({
+  className,
+  align = "start",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message",
+      "data-align": align,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-message group/message relative flex w-full min-w-0 data-[align=end]:flex-row-reverse",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageAvatar({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message-avatar",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-message-avatar flex w-fit shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageContent({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message-content",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-message-content flex w-full min-w-0 flex-col wrap-break-word",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageHeader({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message-header",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-message-header flex max-w-full min-w-0 items-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageFooter({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message-footer",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-message-footer flex max-w-full min-w-0 items-center group-data-[align=end]/message:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+
+exports.MessageGroup = MessageGroup; exports.Message = Message; exports.MessageAvatar = MessageAvatar; exports.MessageContent = MessageContent; exports.MessageHeader = MessageHeader; exports.MessageFooter = MessageFooter;

package/dist/chunk-2BTDBZYN.cjs

@@ -0,0 +1,154 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+var _chunkW5HPHEE7cjs = require('./chunk-W5HPHEE7.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/trace.tsx
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function Trace({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "trace",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex w-full min-w-0 flex-col gap-2 *:has-[>[data-slot=trace-line]]:flex *:has-[>[data-slot=trace-line]]:w-fit *:has-[>[data-slot=trace-line]]:max-w-full *:has-[>[data-slot=trace-line]]:min-w-0 *:has-[>[data-slot=trace-line]]:rounded-md *:has-[>[data-slot=trace-line]]:text-left *:has-[>[data-slot=trace-line]]:outline-none *:has-[>[data-slot=trace-line]]:focus-visible:ring-3 *:has-[>[data-slot=trace-line]]:focus-visible:ring-ring/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TraceLine({
+  className,
+  status,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "data-slot": "trace-line",
+      "data-status": status,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex w-fit max-w-full min-w-0 items-center gap-2 text-sm text-muted-foreground transition-colors in-[a,button]:cursor-pointer in-[a:hover,button:hover]:text-foreground data-[status=error]:text-destructive data-[status=error]:in-[a:hover,button:hover]:text-destructive data-[status=pending]:opacity-60 data-[status=running]:*:data-[slot=trace-title]:shimmer",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TraceIcon({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "data-slot": "trace-icon",
+      "aria-hidden": "true",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex size-4 shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=trace-title]~&]:-ml-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TraceTitle({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "data-slot": "trace-title",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "min-w-0 truncate motion-reduce:shimmer-none", className),
+      ...props
+    }
+  );
+}
+function TraceDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "data-slot": "trace-description",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "shrink-0 text-muted-foreground/70 tabular-nums",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TraceCollapsible({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkW5HPHEE7cjs.Collapsible,
+    {
+      "data-slot": "trace-collapsible",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex w-full min-w-0 flex-col", className),
+      ...props
+    }
+  );
+}
+function TraceCollapsibleTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkW5HPHEE7cjs.CollapsibleTrigger,
+    {
+      "data-slot": "trace-collapsible-trigger",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "group/trace-collapsible-trigger flex w-fit max-w-full min-w-0 cursor-pointer items-center gap-1 rounded-md text-left text-muted-foreground transition-colors outline-none hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 has-[[data-status=error]]:text-destructive",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TraceIcon, { className: "transition-transform group-aria-expanded/trace-collapsible-trigger:rotate-90", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, {}) })
+      ]
+    }
+  );
+}
+function TraceCollapsibleContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkW5HPHEE7cjs.CollapsibleContent,
+    {
+      "data-slot": "trace-collapsible-content",
+      className: "min-w-0 overflow-hidden duration-200 [--radix-accordion-content-height:var(--radix-collapsible-content-height)] data-open:animate-accordion-down data-closed:animate-accordion-up",
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          "data-slot": "trace-collapsible-content-inner",
+          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+            "mt-2 mb-1 ml-[calc(--spacing(2)-1px)] min-w-0 border-l pr-1 pl-4 leading-relaxed wrap-break-word text-muted-foreground",
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+exports.Trace = Trace; exports.TraceLine = TraceLine; exports.TraceIcon = TraceIcon; exports.TraceTitle = TraceTitle; exports.TraceDescription = TraceDescription; exports.TraceCollapsible = TraceCollapsible; exports.TraceCollapsibleTrigger = TraceCollapsibleTrigger; exports.TraceCollapsibleContent = TraceCollapsibleContent;

package/dist/chunk-2HV2KKOE.cjs

@@ -0,0 +1,38 @@
+"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 _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/textarea.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var Textarea = React.forwardRef(
+  ({ className, textSize = "sm", resize = "vertical", grow = false, font = "sans", height = "auto", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "textarea",
+      {
+        "data-slot": "textarea",
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "flex min-h-[80px] w-full rounded-md border bg-background px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          // Entered text keeps the iOS-safe floor. The shared stylesheet sizes
+          // placeholder copy independently at the compact 14px base scale.
+          textSize === "sm" ? "text-[16px] md:text-sm" : "text-[16px] md:text-xs",
+          resize === "none" && "resize-none",
+          grow && "flex-1",
+          font === "mono" && "font-mono",
+          height === "panel" && "h-32",
+          height === "editor" && "h-72",
+          height === "editor-lg" && "h-80",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+
+
+exports.Textarea = Textarea;

package/dist/chunk-2KFZQJH5.cjs

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/action-dock.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var ActionDock = _react.forwardRef.call(void 0, 
+  function ActionDock2({ shrink = true, className, ...props }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "aside",
+      {
+        ref,
+        "data-slot": "action-dock",
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "w-full border-t border-border bg-background/85 backdrop-blur-sm supports-backdrop-filter:bg-background/70 pb-[env(safe-area-inset-bottom)]",
+          !shrink && "shrink-0",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+
+
+exports.ActionDock = ActionDock;

package/dist/chunk-32Q4XOTU.cjs

@@ -0,0 +1,204 @@
+"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 _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/attachment.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+var attachmentVariants = _classvarianceauthority.cva.call(void 0, 
+  "cn-attachment group/attachment relative flex max-w-full min-w-0 shrink-0 flex-wrap border bg-card text-card-foreground transition-colors has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed",
+  {
+    variants: {
+      size: {
+        default: "cn-attachment-size-default",
+        sm: "cn-attachment-size-sm",
+        xs: "cn-attachment-size-xs"
+      },
+      orientation: {
+        horizontal: "cn-attachment-orientation-horizontal items-center",
+        vertical: "cn-attachment-orientation-vertical flex-col"
+      }
+    }
+  }
+);
+function Attachment({
+  className,
+  state = "done",
+  size = "default",
+  orientation = "horizontal",
+  ...props
+}) {
+  const resolvedOrientation = _nullishCoalesce(orientation, () => ( "horizontal"));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "attachment",
+      "data-state": state,
+      "data-size": size,
+      "data-orientation": resolvedOrientation,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, attachmentVariants({ size, orientation }), className),
+      ...props
+    }
+  );
+}
+var attachmentMediaVariants = _classvarianceauthority.cva.call(void 0, 
+  "cn-attachment-media relative flex aspect-square shrink-0 items-center justify-center overflow-hidden group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive [&_svg]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        icon: "cn-attachment-media-variant-icon",
+        image: "cn-attachment-media-variant-image *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "icon"
+    }
+  }
+);
+function AttachmentMedia({
+  className,
+  variant = "icon",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "attachment-media",
+      "data-variant": variant,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, attachmentMediaVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AttachmentContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "attachment-content",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-attachment-content max-w-full min-w-0 flex-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AttachmentTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "data-slot": "attachment-title",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-attachment-title block max-w-full min-w-0 truncate group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AttachmentDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "data-slot": "attachment-description",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-attachment-description block min-w-0 truncate text-muted-foreground group-data-[state=error]/attachment:text-destructive/80",
+        "max-w-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AttachmentActions({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "attachment-actions",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-attachment-actions flex shrink-0 items-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AttachmentAction({
+  className,
+  variant,
+  size = "icon-xs",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkL4DH72UFcjs.Button,
+    {
+      "data-slot": "attachment-action",
+      variant: _nullishCoalesce(variant, () => ( "ghost")),
+      size,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "cn-attachment-action", className),
+      ...props
+    }
+  );
+}
+function AttachmentTrigger({
+  className,
+  asChild = false,
+  type,
+  ...props
+}) {
+  const Comp = asChild ? _radixui.Slot.Root : "button";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "attachment-trigger",
+      type: asChild ? void 0 : _nullishCoalesce(type, () => ( "button")),
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-attachment-trigger absolute inset-0 z-10 outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AttachmentGroup({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "attachment-group",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-attachment-group flex min-w-0 scroll-fade-x snap-x snap-mandatory scrollbar-none overflow-x-auto overscroll-x-contain *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+exports.Attachment = Attachment; exports.AttachmentMedia = AttachmentMedia; exports.AttachmentContent = AttachmentContent; exports.AttachmentTitle = AttachmentTitle; exports.AttachmentDescription = AttachmentDescription; exports.AttachmentActions = AttachmentActions; exports.AttachmentAction = AttachmentAction; exports.AttachmentTrigger = AttachmentTrigger; exports.AttachmentGroup = AttachmentGroup;

package/dist/chunk-42RTTHND.js

@@ -0,0 +1,29 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/action-dock.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var ActionDock = forwardRef(
+  function ActionDock2({ shrink = true, className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "aside",
+      {
+        ref,
+        "data-slot": "action-dock",
+        className: cn(
+          "w-full border-t border-border bg-background/85 backdrop-blur-sm supports-backdrop-filter:bg-background/70 pb-[env(safe-area-inset-bottom)]",
+          !shrink && "shrink-0",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+export {
+  ActionDock
+};

package/dist/chunk-6FC65AZQ.js

@@ -0,0 +1,38 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/textarea.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Textarea = React.forwardRef(
+  ({ className, textSize = "sm", resize = "vertical", grow = false, font = "sans", height = "auto", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        "data-slot": "textarea",
+        className: cn(
+          "flex min-h-[80px] w-full rounded-md border bg-background px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          // Entered text keeps the iOS-safe floor. The shared stylesheet sizes
+          // placeholder copy independently at the compact 14px base scale.
+          textSize === "sm" ? "text-[16px] md:text-sm" : "text-[16px] md:text-xs",
+          resize === "none" && "resize-none",
+          grow && "flex-1",
+          font === "mono" && "font-mono",
+          height === "panel" && "h-32",
+          height === "editor" && "h-72",
+          height === "editor-lg" && "h-80",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+export {
+  Textarea
+};