@opencxh/ui-kit 3.111.3 → 3.112.0

package/dist/index.js

@@ -3437,7 +3437,9 @@ const ir = {
   success: "bg-success-soft text-success-fg",
   warning: "bg-warning-soft text-warning-fg",
   error: "bg-danger-soft text-danger-fg",
-  info: "bg-info-soft text-info-fg"
+  info: "bg-info-soft text-info-fg",
+  // Internal-note amber. Never for customer-visible content.
+  note: "bg-note-soft text-note"
 }, dr = {
   sm: "px-2 py-0.5 text-xs",
   md: "px-2.5 py-1 text-sm",
@@ -3449,7 +3451,8 @@ const ir = {
   success: "bg-success",
   warning: "bg-warning",
   error: "bg-danger",
-  info: "bg-info"
+  info: "bg-info",
+  note: "bg-note"
 };
 function tn({
   variant: t = "default",
@@ -4139,9 +4142,12 @@ function hn({
     {
       className: d(
         "min-w-0 border",
-        n === "warning" ? "border-warning-border" : "border-border",
+        n === "warning" && "border-warning-border",
+        n === "note" && "border-note-border",
+        n === "default" && "border-border",
         // The tight corner points back at the sender.
-        t === "out" ? "rounded-lg rounded-tr-sm bg-bubble-out-soft" : "rounded-lg rounded-tl-sm bg-surface",
+        t === "out" ? "rounded-lg rounded-tr-sm" : "rounded-lg rounded-tl-sm",
+        n === "note" ? "bg-note-soft" : t === "out" ? "bg-bubble-out-soft" : "bg-surface",
         r && "mt-1",
         s
       ),
@@ -4202,9 +4208,9 @@ const bn = ({
       ),
       children: [
         /* @__PURE__ */ i("div", { className: "flex flex-row sm:items-start sm:justify-between items-center gap-4", children: [
-          /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ i("div", { className: "flex items-center gap-2 text-text", children: [
-              N && /* @__PURE__ */ e(ee, { variant: "secondary", onClick: N, leftIcon: /* @__PURE__ */ e(J, { icon: ze, size: "md" }), iconOnly: !0 }),
+          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ i("div", { className: "flex items-start gap-2 text-text", children: [
+            N && /* @__PURE__ */ e(ee, { variant: "secondary", onClick: N, leftIcon: /* @__PURE__ */ e(J, { icon: ze, size: "sm" }), iconOnly: !0 }),
+            /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
               x ? /* @__PURE__ */ e(
                 "input",
                 {
@@ -4214,7 +4220,7 @@ const bn = ({
                   onChange: (M) => y(M.target.value),
                   onBlur: $,
                   onKeyDown: _,
-                  className: "text-1xl font-semibold bg-transparent border-b-1 border-border rounded-lg outline-none focus:border-none px-1 -mx-1 min-w-0 flex-1"
+                  className: "text-1xl font-semibold bg-transparent border-b-1 border-border rounded-lg outline-none focus:border-none px-1 -mx-1 min-w-0 w-full"
                 }
               ) : /* @__PURE__ */ i("div", { className: "group flex items-baseline gap-2.5 min-w-0", children: [
                 /* @__PURE__ */ e(
@@ -4238,10 +4244,10 @@ const bn = ({
                     className: "shrink-0 cursor-pointer text-text-muted opacity-0 group-hover:opacity-100 transition-opacity"
                   }
                 )
-              ] })
-            ] }),
-            s && /* @__PURE__ */ e("div", { className: "mt-0.5 truncate text-xs text-text-muted", children: s })
-          ] }),
+              ] }),
+              s && /* @__PURE__ */ e("div", { className: "mt-0.5 truncate text-xs text-text-muted", children: s })
+            ] })
+          ] }) }),
           a.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3", children: a.map(
             (M) => M.render ? /* @__PURE__ */ e(le.Fragment, { children: M.render() }, M.id) : M.splitOptions && M.splitOptions.length > 0 ? /* @__PURE__ */ e(
               je,