@usetheo/ui 0.13.1 → 0.14.0

package/dist/chunk-PZGUZHI7.js

@@ -1,142 +0,0 @@
-import { Button } from './chunk-25KBUQEQ.js';
-import { cn } from './chunk-EWDN56AS.js';
-import { Paperclip, Mic, Square, Send } from 'lucide-react';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var defaultPlaceholder = {
-  chat: "How can I help you today?",
-  code: "Type / for commands",
-  infra: "Ask about deploys, metrics, env, or rollback\u2026"
-};
-var defaultTextareaLabel = {
-  chat: "Chat message",
-  code: "Code prompt",
-  infra: "Infra command"
-};
-var ChatComposer = forwardRef(
-  ({
-    className,
-    mode = "chat",
-    value,
-    onValueChange,
-    onSubmit,
-    running = false,
-    onStop,
-    contextSlot,
-    attachmentsSlot,
-    leadingActions,
-    trailingActions,
-    onAttach,
-    onVoiceInput,
-    textareaLabel,
-    placeholder,
-    textareaProps,
-    ...props
-  }, ref) => {
-    const handleSubmit = (e) => {
-      e.preventDefault();
-      if (running) return;
-      if (!value.trim()) return;
-      onSubmit?.(value);
-    };
-    const onKeyDown = (e) => {
-      if (e.key === "Enter" && !e.shiftKey) {
-        e.preventDefault();
-        if (running) return;
-        if (!value.trim()) return;
-        onSubmit?.(value);
-      }
-    };
-    const isCode = mode === "code";
-    return /* @__PURE__ */ jsxs(
-      "form",
-      {
-        "data-slot": "chat-composer",
-        ref,
-        onSubmit: handleSubmit,
-        className: cn(
-          "rounded-2xl border bg-card text-card-foreground transition-shadow",
-          "focus-within:border-primary/60 focus-within:shadow-glow",
-          isCode && "rounded-xl shadow-sm",
-          className
-        ),
-        ...props,
-        children: [
-          contextSlot ? /* @__PURE__ */ jsx("div", { className: "border-border/40 border-b px-3 pt-3", children: contextSlot }) : null,
-          attachmentsSlot ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 px-4 pt-3", children: attachmentsSlot }) : null,
-          /* @__PURE__ */ jsx(
-            "textarea",
-            {
-              value,
-              onChange: (e) => onValueChange(e.target.value),
-              onKeyDown,
-              placeholder: placeholder ?? defaultPlaceholder[mode],
-              "aria-label": textareaLabel ?? defaultTextareaLabel[mode],
-              rows: isCode ? 1 : 2,
-              ...textareaProps,
-              className: cn(
-                "w-full resize-none bg-transparent px-4 py-3",
-                "placeholder:text-muted-foreground",
-                "focus:outline-none",
-                isCode ? "font-mono text-code-md" : "min-h-[3.5rem] font-sans text-body-md",
-                textareaProps?.className
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "flex items-center justify-between gap-2 border-border/40 border-t px-3 py-2"
-              ),
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: leadingActions !== void 0 ? leadingActions : onAttach ? /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    size: "icon",
-                    variant: "ghost",
-                    type: "button",
-                    onClick: onAttach,
-                    "aria-label": "Attach file",
-                    children: /* @__PURE__ */ jsx(Paperclip, {})
-                  }
-                ) : null }),
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  trailingActions,
-                  onVoiceInput ? /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      size: "icon",
-                      variant: "ghost",
-                      type: "button",
-                      onClick: onVoiceInput,
-                      "aria-label": "Voice input",
-                      children: /* @__PURE__ */ jsx(Mic, {})
-                    }
-                  ) : null,
-                  running ? /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      type: "button",
-                      onClick: onStop,
-                      size: "icon",
-                      variant: "destructive",
-                      "aria-label": "Stop generation",
-                      children: /* @__PURE__ */ jsx(Square, {})
-                    }
-                  ) : /* @__PURE__ */ jsx(Button, { type: "submit", size: "icon", disabled: !value.trim(), "aria-label": "Send message", children: /* @__PURE__ */ jsx(Send, {}) })
-                ] })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-ChatComposer.displayName = "ChatComposer";
-
-export { ChatComposer };
-//# sourceMappingURL=chunk-PZGUZHI7.js.map
-//# sourceMappingURL=chunk-PZGUZHI7.js.map

package/dist/chunk-PZGUZHI7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/composites/chat-composer/chat-composer.tsx"],"names":[],"mappings":";;;;;;AAkEA,IAAM,kBAAA,GAAmD;AAAA,EACvD,IAAA,EAAM,2BAAA;AAAA,EACN,IAAA,EAAM,qBAAA;AAAA,EACN,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,oBAAA,GAAqD;AAAA,EACzD,IAAA,EAAM,cAAA;AAAA,EACN,IAAA,EAAM,aAAA;AAAA,EACN,KAAA,EAAO;AACT,CAAA;AAeA,IAAM,YAAA,GAAe,UAAA;AAAA,EACnB,CACE;AAAA,IACE,SAAA;AAAA,IACA,IAAA,GAAO,MAAA;AAAA,IACP,KAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA,GAAU,KAAA;AAAA,IACV,MAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAAiB;AACrC,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,IAAI,OAAA,EAAS;AACb,MAAA,IAAI,CAAC,KAAA,CAAM,IAAA,EAAK,EAAG;AACnB,MAAA,QAAA,GAAW,KAAK,CAAA;AAAA,IAClB,CAAA;AAEA,IAAA,MAAM,SAAA,GAAY,CAAC,CAAA,KAA0C;AAC3D,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAC,EAAE,QAAA,EAAU;AACpC,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,IAAI,OAAA,EAAS;AACb,QAAA,IAAI,CAAC,KAAA,CAAM,IAAA,EAAK,EAAG;AACnB,QAAA,QAAA,GAAW,KAAK,CAAA;AAAA,MAClB;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,SAAS,IAAA,KAAS,MAAA;AAExB,IAAA,uBACE,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,eAAA;AAAA,QACV,GAAA;AAAA,QACA,QAAA,EAAU,YAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,mEAAA;AAAA,UACA,yDAAA;AAAA,UACA,MAAA,IAAU,sBAAA;AAAA,UACV;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,WAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qCAAA,EAAuC,uBAAY,CAAA,GAChE,IAAA;AAAA,UAEH,kCACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gCAAA,EAAkC,2BAAgB,CAAA,GAC/D,IAAA;AAAA,0BAEJ,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,KAAA;AAAA,cACA,UAAU,CAAC,CAAA,KAAM,aAAA,CAAc,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,cAC7C,SAAA;AAAA,cACA,WAAA,EAAa,WAAA,IAAe,kBAAA,CAAmB,IAAI,CAAA;AAAA,cACnD,YAAA,EAAY,aAAA,IAAiB,oBAAA,CAAqB,IAAI,CAAA;AAAA,cACtD,IAAA,EAAM,SAAS,CAAA,GAAI,CAAA;AAAA,cAClB,GAAG,aAAA;AAAA,cACJ,SAAA,EAAW,EAAA;AAAA,gBACT,6CAAA;AAAA,gBACA,mCAAA;AAAA,gBACA,oBAAA;AAAA,gBACA,SAAS,wBAAA,GAA2B,uCAAA;AAAA,gBACpC,aAAA,EAAe;AAAA;AACjB;AAAA,WACF;AAAA,0BAEA,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT;AAAA,eACF;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,SAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA,cAAA,KAAmB,MAAA,GAClB,iBACE,QAAA,mBACF,GAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAK,MAAA;AAAA,oBACL,OAAA,EAAQ,OAAA;AAAA,oBACR,IAAA,EAAK,QAAA;AAAA,oBACL,OAAA,EAAS,QAAA;AAAA,oBACT,YAAA,EAAW,aAAA;AAAA,oBAEX,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,oBAEX,IAAA,EACN,CAAA;AAAA,gCACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,kBAAA,eAAA;AAAA,kBACA,YAAA,mBACC,GAAA;AAAA,oBAAC,MAAA;AAAA,oBAAA;AAAA,sBACC,IAAA,EAAK,MAAA;AAAA,sBACL,OAAA,EAAQ,OAAA;AAAA,sBACR,IAAA,EAAK,QAAA;AAAA,sBACL,OAAA,EAAS,YAAA;AAAA,sBACT,YAAA,EAAW,aAAA;AAAA,sBAEX,8BAAC,GAAA,EAAA,EAAI;AAAA;AAAA,mBACP,GACE,IAAA;AAAA,kBACH,OAAA,mBACC,GAAA;AAAA,oBAAC,MAAA;AAAA,oBAAA;AAAA,sBACC,IAAA,EAAK,QAAA;AAAA,sBACL,OAAA,EAAS,MAAA;AAAA,sBACT,IAAA,EAAK,MAAA;AAAA,sBACL,OAAA,EAAQ,aAAA;AAAA,sBACR,YAAA,EAAW,iBAAA;AAAA,sBAEX,8BAAC,MAAA,EAAA,EAAO;AAAA;AAAA,sCAGV,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,MAAK,MAAA,EAAO,QAAA,EAAU,CAAC,KAAA,CAAM,MAAK,EAAG,YAAA,EAAW,cAAA,EACpE,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR;AAAA,iBAAA,EAEJ;AAAA;AAAA;AAAA;AACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,YAAA,CAAa,WAAA,GAAc,cAAA","file":"chunk-PZGUZHI7.js","sourcesContent":["import { Mic, Paperclip, Send, Square } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type {\n  FormEvent,\n  HTMLAttributes,\n  KeyboardEvent,\n  ReactNode,\n  TextareaHTMLAttributes,\n} from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { Button } from \"../../primitives/button/index.js\";\n\nexport type ComposerMode = \"chat\" | \"code\" | \"infra\";\n\ninterface ChatComposerProps extends Omit<HTMLAttributes<HTMLFormElement>, \"onSubmit\"> {\n  mode?: ComposerMode;\n  value: string;\n  onValueChange: (next: string) => void;\n  onSubmit?: (value: string) => void;\n  /**\n   * If true, the composer is in \"agent running\" state — Send becomes a Stop button.\n   */\n  running?: boolean;\n  onStop?: () => void;\n  /**\n   * Slot above the textarea — used for the folder selector in Infra mode.\n   */\n  contextSlot?: ReactNode;\n  /**\n   * Slot above the textarea for attachments / chips.\n   */\n  attachmentsSlot?: ReactNode;\n  /**\n   * Slot on the bottom-left of the action row (e.g. custom toggles).\n   * Overrides the default attach button entirely when provided.\n   */\n  leadingActions?: ReactNode;\n  /**\n   * Slot on the bottom-right (e.g. model selector). Send/stop is appended after this.\n   */\n  trailingActions?: ReactNode;\n  /**\n   * Optional attach-file callback. If omitted (and `leadingActions` is also\n   * omitted), no attach button is rendered. This avoids fake affordances per\n   * Quality Gate §7.\n   */\n  onAttach?: () => void;\n  /**\n   * Optional voice-input callback. If omitted, no mic button is rendered.\n   * Same rationale as `onAttach`.\n   */\n  onVoiceInput?: () => void;\n  /**\n   * Accessible label for the textarea. Falls back to a mode-aware default.\n   */\n  textareaLabel?: string;\n  /**\n   * Textarea placeholder. Defaults change by mode.\n   */\n  placeholder?: string;\n  /**\n   * Extra textarea props (rows, maxLength…).\n   */\n  textareaProps?: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, \"value\" | \"onChange\">;\n}\n\nconst defaultPlaceholder: Record<ComposerMode, string> = {\n  chat: \"How can I help you today?\",\n  code: \"Type / for commands\",\n  infra: \"Ask about deploys, metrics, env, or rollback…\",\n};\n\nconst defaultTextareaLabel: Record<ComposerMode, string> = {\n  chat: \"Chat message\",\n  code: \"Code prompt\",\n  infra: \"Infra command\",\n};\n\n/**\n * ChatComposer — message input area, shared by Chat / Code / Infra modes.\n *\n * Visual:\n *   - chat / infra → soft card with violet ring on focus, generous padding\n *   - code          → compact dense form with mono font, slash prefix hint\n *\n * Stateless: caller controls `value` + handles `onSubmit`. Submit fires on Enter\n * (without Shift). Shift+Enter inserts a newline.\n *\n * Optional affordances (mic, attach) are opt-in via `onVoiceInput` / `onAttach`\n * — Quality Gate §7 forbids rendering fake controls without behavior.\n */\nconst ChatComposer = forwardRef<HTMLFormElement, ChatComposerProps>(\n  (\n    {\n      className,\n      mode = \"chat\",\n      value,\n      onValueChange,\n      onSubmit,\n      running = false,\n      onStop,\n      contextSlot,\n      attachmentsSlot,\n      leadingActions,\n      trailingActions,\n      onAttach,\n      onVoiceInput,\n      textareaLabel,\n      placeholder,\n      textareaProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleSubmit = (e: FormEvent) => {\n      e.preventDefault();\n      if (running) return;\n      if (!value.trim()) return;\n      onSubmit?.(value);\n    };\n\n    const onKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n      if (e.key === \"Enter\" && !e.shiftKey) {\n        e.preventDefault();\n        if (running) return;\n        if (!value.trim()) return;\n        onSubmit?.(value);\n      }\n    };\n\n    const isCode = mode === \"code\";\n\n    return (\n      <form\n        data-slot=\"chat-composer\"\n        ref={ref}\n        onSubmit={handleSubmit}\n        className={cn(\n          \"rounded-2xl border bg-card text-card-foreground transition-shadow\",\n          \"focus-within:border-primary/60 focus-within:shadow-glow\",\n          isCode && \"rounded-xl shadow-sm\",\n          className,\n        )}\n        {...props}\n      >\n        {contextSlot ? (\n          <div className=\"border-border/40 border-b px-3 pt-3\">{contextSlot}</div>\n        ) : null}\n\n        {attachmentsSlot ? (\n          <div className=\"flex flex-wrap gap-2 px-4 pt-3\">{attachmentsSlot}</div>\n        ) : null}\n\n        <textarea\n          value={value}\n          onChange={(e) => onValueChange(e.target.value)}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder ?? defaultPlaceholder[mode]}\n          aria-label={textareaLabel ?? defaultTextareaLabel[mode]}\n          rows={isCode ? 1 : 2}\n          {...textareaProps}\n          className={cn(\n            \"w-full resize-none bg-transparent px-4 py-3\",\n            \"placeholder:text-muted-foreground\",\n            \"focus:outline-none\",\n            isCode ? \"font-mono text-code-md\" : \"min-h-[3.5rem] font-sans text-body-md\",\n            textareaProps?.className,\n          )}\n        />\n\n        <div\n          className={cn(\n            \"flex items-center justify-between gap-2 border-border/40 border-t px-3 py-2\",\n          )}\n        >\n          <div className=\"flex items-center gap-1\">\n            {leadingActions !== undefined ? (\n              leadingActions\n            ) : onAttach ? (\n              <Button\n                size=\"icon\"\n                variant=\"ghost\"\n                type=\"button\"\n                onClick={onAttach}\n                aria-label=\"Attach file\"\n              >\n                <Paperclip />\n              </Button>\n            ) : null}\n          </div>\n          <div className=\"flex items-center gap-2\">\n            {trailingActions}\n            {onVoiceInput ? (\n              <Button\n                size=\"icon\"\n                variant=\"ghost\"\n                type=\"button\"\n                onClick={onVoiceInput}\n                aria-label=\"Voice input\"\n              >\n                <Mic />\n              </Button>\n            ) : null}\n            {running ? (\n              <Button\n                type=\"button\"\n                onClick={onStop}\n                size=\"icon\"\n                variant=\"destructive\"\n                aria-label=\"Stop generation\"\n              >\n                <Square />\n              </Button>\n            ) : (\n              <Button type=\"submit\" size=\"icon\" disabled={!value.trim()} aria-label=\"Send message\">\n                <Send />\n              </Button>\n            )}\n          </div>\n        </div>\n      </form>\n    );\n  },\n);\nChatComposer.displayName = \"ChatComposer\";\n\nexport { ChatComposer };\n"]}