@humain/ui 2.4.1 → 2.4.3

package/dist/wc/AIClarificationCard.js

@@ -15,8 +15,8 @@ import { t as Y } from "./loader-circle.js";
 import { t as ze } from "./plus.js";
 import { t as Ae } from "./x.js";
 import { n as y } from "./utils.js";
-import { t as Le } from "./use-controllable-state.js";
 import { t as N } from "./button.js";
+import { t as Le } from "./use-controllable-state.js";
 import { t as Ie } from "./Progress.js";
 import { t as _e } from "./Input2.js";
 import { t as Fe } from "./Textarea2.js";

package/dist/wc/AIContainer.js

@@ -1,8 +1,8 @@
 import { a as $ } from "./rolldown-runtime.js";
 import { i as K, t as P } from "./vendor/react.js";
 import { t as ee } from "./minimize-2.js";
-import { t as te } from "./create-safe-context.js";
 import { n as m } from "./utils.js";
+import { t as te } from "./create-safe-context.js";
 import { t as z } from "./AIInput.js";
 import { t as E } from "./AIMessage.js";
 import { n as H, r as se, t as T } from "./AIScrollButton.js";

package/dist/wc/AIForm.js

@@ -5,28 +5,28 @@ import { t as j } from "./chevron-down.js";
 import { t as V } from "./chevron-up.js";
 import { i as v, n as d, t as $ } from "./utils.js";
 import { t as f } from "./label.js";
-import { t as B } from "./button.js";
-import { a as L, c as G, d as T, f as A, g as O, h as P, i as U, l as K, m as M, n as E, o as J, p as H, r as Q, s as W, t as X, u as Y } from "./SelectSeparator.js";
+import { a as B, c as L, d as G, f as T, g as A, h as O, i as P, l as U, m as K, n as M, o as E, p as J, r as H, s as Q, t as W, u as X } from "./SelectSeparator.js";
+import { t as Y } from "./button.js";
 import { t as b } from "./input3.js";
 import { t as Z } from "./textarea.js";
 import { r as ee } from "./interaction-context.js";
 import { n as ae } from "./schema-validation.js";
 import { t as re } from "./checkbox2.js";
-var n = /* @__PURE__ */ R(k(), 1), a = D(), te = O, se = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(Q, {
+var n = /* @__PURE__ */ R(k(), 1), a = D(), te = A, se = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(H, {
   ref: s,
   "data-slot": "select-group",
   className: d("scroll-my-1 p-1", e),
   ...r
 }));
 se.displayName = "Select.Group";
-var S = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(M, {
+var S = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(K, {
   ref: s,
   "data-slot": "select-value",
   className: d("flex flex-1 text-left", e),
   ...r
 }));
 S.displayName = "Select.Value";
-var y = n.forwardRef(({ className: e, size: r = "md", shape: s = "rounded", state: t = "default", children: o, ...i }, l) => /* @__PURE__ */ (0, a.jsxs)(P, {
+var y = n.forwardRef(({ className: e, size: r = "md", shape: s = "rounded", state: t = "default", children: o, ...i }, l) => /* @__PURE__ */ (0, a.jsxs)(O, {
   ref: l,
   "data-slot": "select-trigger",
   "data-size": r,
@@ -35,58 +35,58 @@ var y = n.forwardRef(({ className: e, size: r = "md", shape: s = "rounded", stat
   "aria-invalid": t === "error" || void 0,
   className: d("flex w-full items-center justify-between gap-1.5 outline-none", "bg-background border shadow-xs transition-[color,border-color,box-shadow] duration-200 ease-out motion-reduce:transition-none", "not-disabled:hover:border-ring/50", "disabled:cursor-not-allowed disabled:opacity-50", "*:data-[slot=select-value]:flex *:data-[slot=select-value]:flex-1 *:data-[slot=select-value]:items-center", "data-[placeholder]:text-muted-foreground", r === "xs" && "h-7 px-3 py-1 text-xs", r === "sm" && "h-8 px-3 py-1.5 text-xs", r === "md" && "h-9 px-3 py-2 text-xs", r === "lg" && "h-10 px-3 py-2.5 text-sm", s === "rounded" && "rounded-xl", s === "round" && "rounded-full", t === "default" && "border-input", t === "success" && "border-success", t === "error" && "border-destructive", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", t === "error" && "focus-visible:ring-destructive/20", e),
   ...i,
-  children: [o, /* @__PURE__ */ (0, a.jsx)(H, { render: /* @__PURE__ */ (0, a.jsx)(j, { className: "size-4 shrink-0 text-muted-foreground" }) })]
+  children: [o, /* @__PURE__ */ (0, a.jsx)(J, { render: /* @__PURE__ */ (0, a.jsx)(j, { className: "size-4 shrink-0 text-muted-foreground" }) })]
 }));
 y.displayName = "Select.Trigger";
-var N = n.forwardRef(({ className: e, children: r, side: s = "bottom", sideOffset: t = 4, align: o = "center", alignOffset: i = 0, alignItemWithTrigger: l = !0, ...c }, u) => /* @__PURE__ */ (0, a.jsx)(A, { children: /* @__PURE__ */ (0, a.jsx)(T, {
+var N = n.forwardRef(({ className: e, children: r, side: s = "bottom", sideOffset: t = 4, align: o = "center", alignOffset: i = 0, alignItemWithTrigger: l = !0, ...c }, u) => /* @__PURE__ */ (0, a.jsx)(T, { children: /* @__PURE__ */ (0, a.jsx)(G, {
   side: s,
   sideOffset: t,
   align: o,
   alignOffset: i,
   alignItemWithTrigger: l,
   className: "isolate z-50",
-  children: /* @__PURE__ */ (0, a.jsxs)(Y, {
+  children: /* @__PURE__ */ (0, a.jsxs)(X, {
     ref: u,
     "data-slot": "select-popup",
     className: d("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 motion-reduce:animate-none ring-foreground/10 min-w-36 rounded-md shadow-md ring-1 duration-100 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto", e),
     ...c,
     children: [
       /* @__PURE__ */ (0, a.jsx)(q, {}),
-      /* @__PURE__ */ (0, a.jsx)(K, { children: r }),
+      /* @__PURE__ */ (0, a.jsx)(U, { children: r }),
       /* @__PURE__ */ (0, a.jsx)(I, {})
     ]
   })
 }) }));
 N.displayName = "Select.Popup";
-var oe = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(E, {
+var oe = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(M, {
   ref: s,
   "data-slot": "select-group-label",
   className: d("text-muted-foreground px-2 py-1.5 text-xs", e),
   ...r
 }));
 oe.displayName = "Select.GroupLabel";
-var w = n.forwardRef(({ className: e, children: r, ...s }, t) => /* @__PURE__ */ (0, a.jsxs)(G, {
+var w = n.forwardRef(({ className: e, children: r, ...s }, t) => /* @__PURE__ */ (0, a.jsxs)(L, {
   ref: t,
   "data-slot": "select-item",
   className: d("focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground transition-colors duration-75 ease-out motion-reduce:transition-none gap-2 rounded-sm py-1.5 pe-8 ps-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", e),
   ...s,
-  children: [/* @__PURE__ */ (0, a.jsx)(J, {
+  children: [/* @__PURE__ */ (0, a.jsx)(E, {
     className: "flex flex-1 gap-2 shrink-0 whitespace-nowrap",
     children: r
-  }), /* @__PURE__ */ (0, a.jsx)(W, {
+  }), /* @__PURE__ */ (0, a.jsx)(Q, {
     render: /* @__PURE__ */ (0, a.jsx)("span", { className: "pointer-events-none absolute end-2 flex size-4 items-center justify-center" }),
     children: /* @__PURE__ */ (0, a.jsx)(_, { className: "pointer-events-none animate-in zoom-in-75 fade-in duration-150 motion-reduce:animate-none" })
   })]
 }));
 w.displayName = "Select.Item";
-var le = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(X, {
+var le = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(W, {
   ref: s,
   "data-slot": "select-separator",
   className: d("bg-border -mx-1 my-1 h-px pointer-events-none", e),
   ...r
 }));
 le.displayName = "Select.Separator";
-var q = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(U, {
+var q = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(P, {
   ref: s,
   "data-slot": "select-scroll-up-button",
   className: d("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full", e),
@@ -94,7 +94,7 @@ var q = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(U
   children: /* @__PURE__ */ (0, a.jsx)(V, {})
 }));
 q.displayName = "Select.ScrollUpButton";
-var I = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(L, {
+var I = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(B, {
   ref: s,
   "data-slot": "select-scroll-down-button",
   className: d("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full", e),
@@ -355,7 +355,7 @@ function me({ schema: e, className: r }) {
       }),
       /* @__PURE__ */ (0, a.jsx)("div", {
         className: "flex justify-end",
-        children: /* @__PURE__ */ (0, a.jsx)(B, {
+        children: /* @__PURE__ */ (0, a.jsx)(Y, {
           type: "submit",
           appearance: "gradient",
           variant: "primary",

package/dist/wc/AIInput.js

@@ -5,8 +5,8 @@ import { t as ke } from "./arrow-down.js";
 import { t as ne } from "./arrow-up.js";
 import { a as ce, i as De, n as Y, r as Ee } from "./FileUpload.js";
 import { t as re } from "./x.js";
-import { t as ze } from "./create-safe-context.js";
 import { n as u } from "./utils.js";
+import { t as ze } from "./create-safe-context.js";
 import { t as oe } from "./button.js";
 var l = /* @__PURE__ */ Ae(Ce(), 1), Pe = 500, Se = 10, Be = 1e6, Fe = /^(import |from |export |function |class |const |let |var |def |package )/m, _e = /^\d{4}-\d{2}-\d{2}[\sT]\d{2}:\d{2}:\d{2}/m, Oe = /^\s+at\s+/m, Ke = Object.freeze({
   json: {
@@ -128,10 +128,10 @@ function me(s) {
     if (!i || N) return;
     const f = r.clipboardData.getData("text/plain");
     if (!f) return;
-    const b = i === !0 ? {} : i, I = {
-      charThreshold: b.threshold,
-      lineThreshold: b.lineThreshold,
-      detectStructured: b.detectStructured
+    const v = i === !0 ? {} : i, I = {
+      charThreshold: v.threshold,
+      lineThreshold: v.lineThreshold,
+      detectStructured: v.detectStructured
     }, { shouldConvert: R, kind: d } = He(f, I);
     if (!R || !c) return;
     const { ext: B, mime: T } = Le(d), k = t.current + 1, j = `Pasted-${k}.${B}`;
@@ -146,11 +146,11 @@ function me(s) {
     } catch {
       return;
     }
-    if (r.preventDefault(), t.current = k, c(A), b.prefillTemplate) {
-      const h = b.prefillTemplate(j, d);
+    if (r.preventDefault(), t.current = k, c(A), v.prefillTemplate) {
+      const h = v.prefillTemplate(j, d);
       h?.trim() && S(m ? `${m} ${h}` : h);
     }
-    b.onConverted?.(j, d);
+    v.onConverted?.(j, d);
   }, []);
   return s.variant === "inline" || !s.pasteAsFile ? { onPaste: void 0 } : { onPaste: a };
 }
@@ -219,10 +219,10 @@ function ue({ customButton: s, disabled: t }) {
   const n = { disabled: t };
   return s ? s(n) : /* @__PURE__ */ (0, e.jsx)(ee, {
     icon: ne,
-    ...n
+    disabled: !0
   });
 }
-function he({ children: s, variant: t = "default", value: n, defaultValue: a = "", onChange: r, onSubmit: i, uploadingFiles: c = [], onRemoveFile: x, onCancelUpload: N, onRetryUpload: m, onRemoveAllFiles: S, disabled: f = !1, className: b, onFilesSelected: I, accept: R, multiple: d = !0, dropText: B = "Drop files to attach", pasteAsFile: T }) {
+function he({ children: s, variant: t = "default", value: n, defaultValue: a = "", onChange: r, onSubmit: i, uploadingFiles: c = [], onRemoveFile: x, onCancelUpload: N, onRetryUpload: m, onRemoveAllFiles: S, disabled: f = !1, className: v, onFilesSelected: I, accept: R, multiple: d = !0, dropText: B = "Drop files to attach", pasteAsFile: T }) {
   const [k, j] = l.useState(a), [A, h] = l.useState(!1), X = l.useRef(null), W = l.useRef(null), L = l.useRef(null), { isDragging: F, dropZoneProps: D, openFilePicker: H } = ce({
     onFilesSelected: I,
     accept: R,
@@ -239,7 +239,7 @@ function he({ children: s, variant: t = "default", value: n, defaultValue: a = "
     variant: t,
     value: y,
     setValue: g
-  }), v = l.useCallback(() => {
+  }), b = l.useCallback(() => {
     p && i && (i(y), E || j(""));
   }, [
     p,
@@ -247,8 +247,8 @@ function he({ children: s, variant: t = "default", value: n, defaultValue: a = "
     y,
     E
   ]), _ = l.useCallback((C) => {
-    C.key === "Enter" && !C.shiftKey && (C.preventDefault(), v());
-  }, [v]), Z = l.useCallback(() => {
+    C.key === "Enter" && !C.shiftKey && (C.preventDefault(), b());
+  }, [b]), Z = l.useCallback(() => {
     g(""), t === "inline" ? W.current?.focus() : X.current?.focus();
   }, [g, t]), O = () => f ? "disabled" : F ? "dragover" : z ? "attachments" : p ? "withText" : A ? "focused" : "default", P = l.useMemo(() => ({
     value: y,
@@ -260,7 +260,7 @@ function he({ children: s, variant: t = "default", value: n, defaultValue: a = "
     hasAttachments: z,
     setValue: g,
     setIsFocused: h,
-    handleSubmit: v,
+    handleSubmit: b,
     handleKeyDown: _,
     handleClear: Z,
     onPaste: w,
@@ -282,7 +282,7 @@ function he({ children: s, variant: t = "default", value: n, defaultValue: a = "
     c,
     z,
     g,
-    v,
+    b,
     _,
     Z,
     w,
@@ -305,7 +305,7 @@ function he({ children: s, variant: t = "default", value: n, defaultValue: a = "
       className: Q({
         state: V,
         variant: t,
-        className: b
+        className: v
       }),
       children: /* @__PURE__ */ (0, e.jsxs)("div", {
         "data-slot": "ai-input-inner",
@@ -375,7 +375,7 @@ function ie({ children: s, className: t }) {
   });
 }
 ie.displayName = "AIInput.LeadingIcon";
-function ve({ icon: s, className: t, ...n }) {
+function be({ icon: s, className: t, ...n }) {
   const a = U(), r = s ?? ne;
   return /* @__PURE__ */ (0, e.jsx)(oe, {
     type: "button",
@@ -389,8 +389,8 @@ function ve({ icon: s, className: t, ...n }) {
     children: /* @__PURE__ */ (0, e.jsx)(r, { className: "size-4" })
   });
 }
-ve.displayName = "AIInput.SendButton";
-function be({ icon: s, tooltip: t, className: n, onClick: a, ...r }) {
+be.displayName = "AIInput.SendButton";
+function ve({ icon: s, tooltip: t, className: n, onClick: a, ...r }) {
   const i = U(), c = l.useCallback((x) => {
     a ? a(x) : i.onFilesSelected && i.openFilePicker();
   }, [
@@ -410,7 +410,7 @@ function be({ icon: s, tooltip: t, className: n, onClick: a, ...r }) {
     children: /* @__PURE__ */ (0, e.jsx)(s, { className: "size-4" })
   });
 }
-be.displayName = "AIInput.AttachButton";
+ve.displayName = "AIInput.AttachButton";
 function je({ children: s, position: t = "leading", className: n }) {
   return /* @__PURE__ */ (0, e.jsx)("div", {
     "data-slot": "ai-input-actions",
@@ -502,21 +502,21 @@ function we({ className: s }) {
   });
 }
 we.displayName = "AIInput.FilePreview";
-function Ne({ variant: s = "default", placeholder: t = "How can HUMAIN ONE help you today?", value: n, defaultValue: a = "", onChange: r, onSubmit: i, uploadingFiles: c = [], onRemoveFile: x, onCancelUpload: N, onRetryUpload: m, onRemoveAllFiles: S, onFilesSelected: f, accept: b, multiple: I = !0, dropText: R = "Drop files to attach", disabled: d = !1, className: B, leadingActions: T, trailingActions: k, submitButton: j, defaultButton: A, leadingIcon: h, pasteAsFile: X }) {
+function Ne({ variant: s = "default", placeholder: t = "How can HUMAIN ONE help you today?", value: n, defaultValue: a = "", onChange: r, onSubmit: i, uploadingFiles: c = [], onRemoveFile: x, onCancelUpload: N, onRetryUpload: m, onRemoveAllFiles: S, onFilesSelected: f, accept: v, multiple: I = !0, dropText: R = "Drop files to attach", disabled: d = !1, className: B, leadingActions: T, trailingActions: k, submitButton: j, defaultButton: A, leadingIcon: h, pasteAsFile: X }) {
   const [W, L] = l.useState(a), [F, D] = l.useState(!1), H = l.useRef(null), E = l.useRef(null), y = l.useRef(null), { isDragging: p, dropZoneProps: z } = ce({
     onFilesSelected: f,
-    accept: b,
+    accept: v,
     multiple: I,
     disabled: d,
     containerRef: y
-  }), g = n !== void 0 ? n : W, w = g.trim().length > 0, v = c.length > 0, _ = n !== void 0, Z = s === "inline", O = s === "default", P = () => d ? "disabled" : p ? "dragover" : v ? "attachments" : w ? "withText" : F ? "focused" : "default", K = l.useCallback((o) => {
+  }), g = n !== void 0 ? n : W, w = g.trim().length > 0, b = c.length > 0, _ = n !== void 0, Z = s === "inline", O = s === "default", P = () => d ? "disabled" : p ? "dragover" : b ? "attachments" : w ? "withText" : F ? "focused" : "default", K = l.useCallback((o) => {
     r && r(o), _ || L(o);
   }, [r, _]), V = (o) => {
     K(o.target.value);
   }, { onPaste: C } = me({
     pasteAsFile: X,
     onFilesSelected: f,
-    accept: b,
+    accept: v,
     disabled: d,
     variant: s,
     value: g,
@@ -527,7 +527,7 @@ function Ne({ variant: s = "default", placeholder: t = "How can HUMAIN ONE help
     o.key === "Enter" && !o.shiftKey && (o.preventDefault(), q());
   }, Ie = () => {
     r && r(""), _ || L(""), s === "inline" ? E.current?.focus() : H.current?.focus();
-  }, G = c.filter((o) => o.status === "complete" || o.progress >= 100).length, le = !O && v && /* @__PURE__ */ (0, e.jsxs)("div", {
+  }, G = c.filter((o) => o.status === "complete" || o.progress >= 100).length, le = !O && b && /* @__PURE__ */ (0, e.jsxs)("div", {
     "data-slot": "ai-input-file-preview",
     className: "w-full flex flex-col gap-2",
     children: [
@@ -577,7 +577,7 @@ function Ne({ variant: s = "default", placeholder: t = "How can HUMAIN ONE help
       className: u(J({
         state: P(),
         variant: "inline"
-      }), "relative bg-transparent", v && "flex-col items-stretch py-3"),
+      }), "relative bg-transparent", b && "flex-col items-stretch py-3"),
       children: [
         p && /* @__PURE__ */ (0, e.jsx)($, {
           isDefault: O,
@@ -635,7 +635,7 @@ function Ne({ variant: s = "default", placeholder: t = "How can HUMAIN ONE help
           isDefault: O,
           dropText: R
         }),
-        v && /* @__PURE__ */ (0, e.jsxs)("div", {
+        b && /* @__PURE__ */ (0, e.jsxs)("div", {
           "data-slot": "ai-input-file-preview",
           className: "w-full flex flex-col gap-2",
           children: [
@@ -732,7 +732,7 @@ function Ne({ variant: s = "default", placeholder: t = "How can HUMAIN ONE help
       className: u(J({
         state: P(),
         variant: "compact"
-      }), "relative bg-transparent", v && "flex-col items-stretch"),
+      }), "relative bg-transparent", b && "flex-col items-stretch"),
       children: [
         p && /* @__PURE__ */ (0, e.jsx)($, {
           isDefault: O,
@@ -741,7 +741,7 @@ function Ne({ variant: s = "default", placeholder: t = "How can HUMAIN ONE help
         le,
         /* @__PURE__ */ (0, e.jsx)("div", {
           "data-slot": "ai-input-text-area",
-          className: u("flex gap-2", v ? "w-full items-start" : "min-w-0 flex-1 items-center"),
+          className: u("flex gap-2", b ? "w-full items-start" : "min-w-0 flex-1 items-center"),
           children: /* @__PURE__ */ (0, e.jsx)("textarea", {
             ref: H,
             "data-slot": "ai-input-textarea",
@@ -760,7 +760,7 @@ function Ne({ variant: s = "default", placeholder: t = "How can HUMAIN ONE help
         }),
         /* @__PURE__ */ (0, e.jsxs)("div", {
           "data-slot": "ai-input-action-bar",
-          className: u("flex items-center", v ? "justify-between w-full" : "shrink-0 gap-3"),
+          className: u("flex items-center", b ? "justify-between w-full" : "shrink-0 gap-3"),
           children: [/* @__PURE__ */ (0, e.jsx)("div", {
             "data-slot": "ai-input-actions",
             className: "flex items-center gap-2",
@@ -787,8 +787,8 @@ var nt = Object.assign(Ne, {
   Root: he,
   TextArea: ge,
   LeadingIcon: ie,
-  SendButton: ve,
-  AttachButton: be,
+  SendButton: be,
+  AttachButton: ve,
   Actions: je,
   ActionBar: ye,
   FilePreview: we,