impact-nova 3.0.0-alpha.6 → 3.0.0-alpha.7

package/dist/components/flows/iris-chat/iris-chat.js

@@ -18,22 +18,22 @@ import { irisChatRootVariants as J, irisChatHeaderVariants as K, irisChatPanelVa
 const U = ({
   open: e,
   defaultOpen: t = !0,
-  onOpenChange: a,
+  onOpenChange: n,
   placement: i,
-  defaultPlacement: s = "dock-right",
-  onPlacementChange: n,
+  defaultPlacement: o = "dock-right",
+  onPlacementChange: a,
   className: l,
   children: d
 }) => {
-  const [o, h] = b({
+  const [s, h] = b({
     prop: e,
     defaultProp: t,
-    onChange: a
+    onChange: n
   }), [u, x] = b({
     prop: i,
-    defaultProp: s,
-    onChange: n
-  }), C = o ?? t, f = u ?? s;
+    defaultProp: o,
+    onChange: a
+  }), C = s ?? t, f = u ?? o;
   return /* @__PURE__ */ r(
     A,
     {
@@ -59,122 +59,122 @@ const U = ({
 U.displayName = "IrisChat";
 const me = c(
   "IrisChatPanel",
-  ({ className: e, hidden: t, ...a }, i) => {
-    const s = g();
-    return t ?? !s.open ? null : /* @__PURE__ */ r(
+  ({ className: e, hidden: t, ...n }, i) => {
+    const o = g();
+    return t ?? !o.open ? null : /* @__PURE__ */ r(
       "div",
       {
         ref: i,
         "data-component": "iris-chat-panel",
-        "data-placement": s.placement,
-        className: m(Q({ placement: s.placement }), e),
-        ...a
+        "data-placement": o.placement,
+        className: m(Q({ placement: o.placement }), e),
+        ...n
       }
     );
   }
 ), de = c(
   "IrisChatHeader",
-  ({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  ({ className: e, ...t }, n) => /* @__PURE__ */ r(
     "header",
     {
-      ref: a,
+      ref: n,
       "data-component": "iris-chat-header",
       className: m(K(), e),
       ...t
     }
   )
-), he = c("IrisChatHeaderLeading", ({ className: e, ...t }, a) => /* @__PURE__ */ r(
+), he = c("IrisChatHeaderLeading", ({ className: e, ...t }, n) => /* @__PURE__ */ r(
   "div",
   {
-    ref: a,
+    ref: n,
     "data-component": "iris-chat-header-leading",
     className: m("flex min-w-0 items-center gap-2", e),
     ...t
   }
-)), pe = c("IrisChatHeaderTrailing", ({ className: e, ...t }, a) => /* @__PURE__ */ r(
+)), pe = c("IrisChatHeaderTrailing", ({ className: e, ...t }, n) => /* @__PURE__ */ r(
   "div",
   {
-    ref: a,
+    ref: n,
     "data-component": "iris-chat-header-trailing",
     className: m("flex shrink-0 items-center gap-2", e),
     ...t
   }
 )), ue = c(
   "IrisChatHeaderTitle",
-  ({ className: e, showBrand: t = !1, children: a, ...i }, s) => {
-    const { t: n } = p();
+  ({ className: e, showBrand: t = !1, children: n, ...i }, o) => {
+    const { t: a } = p();
     return /* @__PURE__ */ I("div", { className: "flex min-w-0 items-center gap-1", children: [
       t ? /* @__PURE__ */ r(N, { size: 18 }) : null,
       /* @__PURE__ */ r(
         "h2",
         {
-          ref: s,
+          ref: o,
           "data-component": "iris-chat-header-title",
           className: m("truncate text-sm font-semibold leading-5 text-content", e),
           ...i,
-          children: a ?? n("irisChat.askIris")
+          children: n ?? a("irisChat.askIris")
         }
       )
     ] });
   }
 ), v = c(
   "IrisChatIconButton",
-  ({ className: e, label: t, children: a, type: i = "button", variant: s = "secondary", disabled: n, ...l }, d) => /* @__PURE__ */ r(L, { label: t, disabled: n, children: /* @__PURE__ */ r(
+  ({ className: e, label: t, children: n, type: i = "button", variant: o = "secondary", disabled: a, ...l }, d) => /* @__PURE__ */ r(L, { label: t, disabled: a, children: /* @__PURE__ */ r(
     S,
     {
       ref: d,
       type: i,
-      variant: s,
+      variant: o,
       size: "icon",
       "aria-label": t,
-      disabled: n,
+      disabled: a,
       "data-component": "iris-chat-icon-button",
       className: m(
         "text-content",
-        s === "secondary" ? "rounded-full" : "rounded-lg",
+        o === "secondary" ? "rounded-full" : "rounded-lg",
         e
       ),
       ...l,
-      children: a
+      children: n
     }
   ) })
-), Ce = c("IrisChatHeaderMenuButton", ({ label: e, ...t }, a) => {
+), Ce = c("IrisChatHeaderMenuButton", ({ label: e, ...t }, n) => {
   const { t: i } = p();
-  return /* @__PURE__ */ r(v, { ref: a, variant: "ghost", label: e ?? i("irisChat.menu"), ...t, children: /* @__PURE__ */ r(G, { size: 16 }) });
-}), fe = c("IrisChatHeaderBackButton", ({ label: e, ...t }, a) => {
+  return /* @__PURE__ */ r(v, { ref: n, variant: "ghost", label: e ?? i("irisChat.menu"), ...t, children: /* @__PURE__ */ r(G, { size: 16 }) });
+}), fe = c("IrisChatHeaderBackButton", ({ label: e, ...t }, n) => {
   const { t: i } = p();
-  return /* @__PURE__ */ r(v, { ref: a, variant: "ghost", label: e ?? i("irisChat.back"), ...t, children: /* @__PURE__ */ r(k, { size: 16 }) });
-}), Ie = c("IrisChatHeaderNewChatButton", ({ label: e, ...t }, a) => {
+  return /* @__PURE__ */ r(v, { ref: n, variant: "ghost", label: e ?? i("irisChat.back"), ...t, children: /* @__PURE__ */ r(k, { size: 16 }) });
+}), Ie = c("IrisChatHeaderNewChatButton", ({ label: e, ...t }, n) => {
   const { t: i } = p();
-  return /* @__PURE__ */ r(v, { ref: a, label: e ?? i("irisChat.newChat"), ...t, children: /* @__PURE__ */ r(T, { size: 16 }) });
-}), ge = c("IrisChatHeaderMinimizeButton", ({ label: e, onClick: t, ...a }, i) => {
-  const { t: s } = p(), n = g(), l = H.useRef(
-    n.placement === "minimized" ? "float" : n.placement
-  ), d = n.placement === "minimized";
+  return /* @__PURE__ */ r(v, { ref: n, label: e ?? i("irisChat.newChat"), ...t, children: /* @__PURE__ */ r(T, { size: 16 }) });
+}), ge = c("IrisChatHeaderMinimizeButton", ({ label: e, onClick: t, ...n }, i) => {
+  const { t: o } = p(), a = g(), l = H.useRef(
+    a.placement === "minimized" ? "float" : a.placement
+  ), d = a.placement === "minimized";
   return /* @__PURE__ */ r(
     v,
     {
       ref: i,
-      label: e ?? s(d ? "irisChat.expand" : "irisChat.minimize"),
+      label: e ?? o(d ? "irisChat.expand" : "irisChat.minimize"),
       "aria-pressed": d,
-      onClick: (o) => {
-        d ? n.setPlacement(l.current) : (l.current = n.placement, n.setPlacement("minimized")), t?.(o);
+      onClick: (s) => {
+        d ? a.setPlacement(l.current) : (l.current = a.placement, a.setPlacement("minimized")), t?.(s);
       },
-      ...a,
+      ...n,
       children: /* @__PURE__ */ r(q, { size: 16 })
     }
   );
-}), ve = c("IrisChatHeaderCloseButton", ({ label: e, onClick: t, ...a }, i) => {
-  const { t: s } = p(), n = g();
+}), ve = c("IrisChatHeaderCloseButton", ({ label: e, onClick: t, ...n }, i) => {
+  const { t: o } = p(), a = g();
   return /* @__PURE__ */ r(
     v,
     {
       ref: i,
-      label: e ?? s("aria.close"),
+      label: e ?? o("aria.close"),
       onClick: (l) => {
-        n.setOpen(!1), t?.(l);
+        a.setOpen(!1), t?.(l);
       },
-      ...a,
+      ...n,
       children: /* @__PURE__ */ r(w, { size: 16 })
     }
   );
@@ -184,22 +184,22 @@ function B(e) {
 }
 const xe = c(
   "IrisChatBody",
-  ({ className: e, onScroll: t, ...a }, i) => {
-    const s = g(), n = H.useRef(null), l = H.useRef(!0), d = j(i, n);
+  ({ className: e, onScroll: t, ...n }, i) => {
+    const o = g(), a = H.useRef(null), l = H.useRef(!0), d = j(i, a);
     return H.useEffect(() => {
-      const o = n.current;
-      if (!o)
+      const s = a.current;
+      if (!s)
         return;
       const h = () => {
-        l.current && (o.scrollTop = o.scrollHeight);
+        l.current && (s.scrollTop = s.scrollHeight);
       }, u = new ResizeObserver(h), x = () => {
-        u.disconnect(), u.observe(o);
-        for (const f of o.children)
+        u.disconnect(), u.observe(s);
+        for (const f of s.children)
           u.observe(f);
       }, C = new MutationObserver(() => {
         x(), h();
       });
-      return C.observe(o, { childList: !0, subtree: !0, characterData: !0 }), x(), h(), () => {
+      return C.observe(s, { childList: !0, subtree: !0, characterData: !0 }), x(), h(), () => {
         u.disconnect(), C.disconnect();
       };
     }, []), /* @__PURE__ */ r(
@@ -207,28 +207,28 @@ const xe = c(
       {
         ref: d,
         "data-component": "iris-chat-body",
-        "data-placement": s.placement,
+        "data-placement": o.placement,
         className: m(
-          "flex min-h-0 min-w-0 flex-1 flex-col overflow-x-hidden overflow-y-auto",
-          B(s.placement) ? "px-4" : "px-12",
+          "flex min-h-0 min-w-0 flex-1 flex-col overflow-x-hidden overflow-y-auto overscroll-x-contain",
+          B(o.placement) ? "px-4" : "px-12",
           e
         ),
-        onScroll: (o) => {
-          const h = o.currentTarget;
-          l.current = h.scrollHeight - h.scrollTop - h.clientHeight < 64, t?.(o);
+        onScroll: (s) => {
+          const h = s.currentTarget;
+          l.current = h.scrollHeight - h.scrollTop - h.clientHeight < 64, t?.(s);
         },
-        ...a
+        ...n
       }
     );
   }
 ), He = c(
   "IrisChatFooter",
-  ({ className: e, ...t }, a) => {
+  ({ className: e, ...t }, n) => {
     const i = g();
     return /* @__PURE__ */ r(
       "div",
       {
-        ref: a,
+        ref: n,
         "data-component": "iris-chat-footer",
         "data-placement": i.placement,
         className: m(
@@ -242,29 +242,29 @@ const xe = c(
   }
 ), be = c(
   "IrisChatDisclaimer",
-  ({ className: e, href: t, children: a, ...i }, s) => {
-    const { t: n } = p();
+  ({ className: e, href: t, children: n, ...i }, o) => {
+    const { t: a } = p();
     return /* @__PURE__ */ r(
       "p",
       {
-        ref: s,
+        ref: o,
         "data-component": "iris-chat-disclaimer",
         className: m(
           "shrink-0 px-4 py-3 text-center text-xs font-medium leading-4 text-content-caption",
           e
         ),
         ...i,
-        children: a ?? /* @__PURE__ */ I(z, { children: [
-          n("irisChat.disclaimer"),
+        children: n ?? /* @__PURE__ */ I(z, { children: [
+          a("irisChat.disclaimer"),
           " ",
-          t ? /* @__PURE__ */ r("a", { href: t, className: "underline hover:text-brand", children: n("irisChat.learnMore") }) : /* @__PURE__ */ I(y, { children: [
+          t ? /* @__PURE__ */ r("a", { href: t, className: "underline hover:text-brand", children: a("irisChat.learnMore") }) : /* @__PURE__ */ I(y, { children: [
             /* @__PURE__ */ r(R, { asChild: !0, children: /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
                 className: "underline hover:text-brand",
                 "data-testid": "iris-chat-learn-more",
-                children: n("irisChat.learnMore")
+                children: a("irisChat.learnMore")
               }
             ) }),
             /* @__PURE__ */ I(
@@ -276,9 +276,9 @@ const xe = c(
                 children: [
                   /* @__PURE__ */ r(O, { className: "mb-2", children: /* @__PURE__ */ I("div", { className: "flex items-center gap-2", children: [
                     /* @__PURE__ */ r(N, { size: 18 }),
-                    /* @__PURE__ */ r(D, { className: "text-sm font-semibold", children: n("irisChat.disclaimerTitle") })
+                    /* @__PURE__ */ r(D, { className: "text-sm font-semibold", children: a("irisChat.disclaimerTitle") })
                   ] }) }),
-                  /* @__PURE__ */ r(F, { className: "text-sm leading-5 text-content-secondary", children: n("irisChat.disclaimerBody") })
+                  /* @__PURE__ */ r(F, { className: "text-sm leading-5 text-content-secondary", children: a("irisChat.disclaimerBody") })
                 ]
               }
             )
@@ -289,8 +289,8 @@ const xe = c(
   }
 ), Ne = c(
   "IrisChatTrigger",
-  ({ asChild: e = !1, onClick: t, size: a = "md", shape: i = "default", className: s, ...n }, l) => {
-    const d = E(), o = (h) => {
+  ({ asChild: e = !1, onClick: t, size: n = "md", shape: i = "default", className: o, ...a }, l) => {
+    const d = E(), s = (h) => {
       d?.setOpen(!0), t?.(h);
     };
     return e ? /* @__PURE__ */ r(
@@ -298,20 +298,20 @@ const xe = c(
       {
         ref: l,
         "data-component": "iris-chat-trigger",
-        className: m("pointer-events-auto", s),
-        onClick: o,
-        ...n
+        className: m("pointer-events-auto", o),
+        onClick: s,
+        ...a
       }
     ) : /* @__PURE__ */ r(
       V,
       {
         ref: l,
-        size: a,
+        size: n,
         shape: i,
         "data-component": "iris-chat-trigger",
-        className: m("pointer-events-auto", s),
-        onClick: o,
-        ...n
+        className: m("pointer-events-auto", o),
+        onClick: s,
+        ...a
       }
     );
   }

package/dist/components/flows/iris-chat/iris-chat.types.d.ts

@@ -112,6 +112,8 @@ export type IrisChatDayProps = React.HTMLAttributes<HTMLDivElement>;
 export type IrisChatMessageProps = React.HTMLAttributes<HTMLElement> & {
     role: IrisChatRole;
     time?: string;
+    /** Revolving reply ring. Leave unset for the thinking row. */
+    framed?: boolean;
 };
 export type IrisChatFeedbackReason = "notAsked" | "tone" | "incorrect" | "other";
 export type IrisChatFeedback = {

package/dist/components/flows/iris-chat/iris-chat.variants.d.ts

@@ -10,5 +10,6 @@ export declare const irisChatComposerVariants: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const irisChatMessageVariants: (props?: ({
     role?: "user" | "assistant" | null | undefined;
+    framed?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const irisChatMarkdownVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/components/flows/iris-chat/iris-chat.variants.js

@@ -26,9 +26,9 @@ const l = e("relative min-h-0 min-w-0", {
       placement: "dock-right"
     }
   }
-), r = e(
-  "flex h-[50px] shrink-0 items-center justify-between px-4"
 ), a = e(
+  "flex h-[50px] shrink-0 items-center justify-between px-4"
+), r = e(
   "flex w-full min-w-0 max-w-full flex-col border border-stroke-subtle bg-canvas-elevated",
   {
     variants: {
@@ -44,13 +44,32 @@ const l = e("relative min-h-0 min-w-0", {
 ), n = e("text-sm leading-5", {
   variants: {
     role: {
-      user: "ms-auto max-w-[min(90%,100%)] break-words rounded-2xl px-4 py-3 text-content",
-      assistant: "flex w-full min-w-0 flex-col gap-3 break-words text-content"
+      user: "ms-auto flex max-w-[min(90%,100%)] flex-col break-words rounded-2xl px-4 py-3 text-content",
+      assistant: [
+        "grid w-full min-w-0 max-w-full overflow-x-hidden grid-cols-[minmax(0,1fr)_auto] items-end gap-x-2 gap-y-4 break-words text-content",
+        "[&>*]:min-w-0 [&>*]:max-w-full",
+        "[&>*:not(time):not([data-slot=reply-actions])]:col-span-2",
+        "[&>[data-slot=reply-actions]]:col-span-1 [&>[data-slot=reply-actions]]:col-start-1"
+      ].join(" ")
+    },
+    framed: {
+      true: "",
+      false: ""
     }
-  }
+  },
+  defaultVariants: {
+    framed: !1
+  },
+  compoundVariants: [
+    {
+      role: "assistant",
+      framed: !0,
+      class: "iris-reply-frame rounded-xl px-3 py-2"
+    }
+  ]
 }), s = e(
   [
-    "iris-chat-markdown flex flex-col gap-3 text-sm font-medium leading-5 text-content",
+    "iris-chat-markdown flex w-full min-w-0 max-w-full flex-col gap-3 text-sm font-medium leading-5 text-content",
     "[&_a]:text-brand [&_a]:underline",
     "[&_blockquote]:m-0 [&_blockquote]:rounded-xl [&_blockquote]:border-0 [&_blockquote]:bg-secondary [&_blockquote]:px-3 [&_blockquote]:py-2 [&_blockquote]:text-content-secondary",
     "[&_code]:rounded-md [&_code]:bg-secondary [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-xs [&_code]:font-medium",
@@ -62,15 +81,14 @@ const l = e("relative min-h-0 min-w-0", {
     "[&_p]:m-0",
     "[&_pre]:m-0 [&_pre]:overflow-x-auto [&_pre]:rounded-xl [&_pre]:bg-secondary [&_pre]:p-3 [&_pre]:text-xs [&_pre]:leading-5",
     "[&_pre_code]:bg-transparent [&_pre_code]:p-0",
-    "[&_table]:w-full [&_table]:border-separate [&_table]:border-spacing-0 [&_table]:overflow-hidden [&_table]:rounded-xl",
-    "[&_td]:border-t [&_td]:border-stroke-subtle [&_td]:px-3 [&_td]:py-2",
-    "[&_th]:bg-secondary [&_th]:px-3 [&_th]:py-2 [&_th]:text-start [&_th]:text-xs [&_th]:font-semibold",
+    "[&_td]:whitespace-nowrap [&_td]:border-t [&_td]:border-stroke-subtle [&_td]:px-3 [&_td]:py-2",
+    "[&_th]:whitespace-nowrap [&_th]:bg-secondary [&_th]:px-3 [&_th]:py-2 [&_th]:text-start [&_th]:text-xs [&_th]:font-semibold",
     "[&_ul]:m-0 [&_ul]:flex [&_ul]:list-disc [&_ul]:flex-col [&_ul]:gap-1.5 [&_ul]:ps-4"
   ].join(" ")
 );
 export {
-  a as irisChatComposerVariants,
-  r as irisChatHeaderVariants,
+  r as irisChatComposerVariants,
+  a as irisChatHeaderVariants,
   s as irisChatMarkdownVariants,
   n as irisChatMessageVariants,
   o as irisChatPanelVariants,

package/dist/components/forms/choice-card/choice-card-percent.js

@@ -1,90 +1,103 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { ArrowUp as N, ArrowDown as I } from "impact-nova-icons";
+import { jsxs as f, jsx as a } from "react/jsx-runtime";
+import { ArrowUp as I, ArrowDown as N } from "impact-nova-icons";
 import { createComponent as j } from "../../../lib/primitives/create-component.js";
 import { cn as l } from "../../../lib/utils.js";
-import { useImpactNovaI18n as z } from "../../../i18n/use-impact-nova-i18n.js";
-function A(c, o, s) {
-  return Math.min(s, Math.max(o, c));
+import { useImpactNovaI18n as A } from "../../../i18n/use-impact-nova-i18n.js";
+function z(c, n, s) {
+  return Math.min(s, Math.max(n, c));
 }
-const f = "inline-flex h-[11px] w-5 shrink-0 select-none cursor-pointer border-0 p-0 bg-canvas-muted text-content-icon transition-[color,background-color,transform] duration-150 motion-reduce:transition-none enabled:hover:bg-stroke-track enabled:hover:text-content-tertiary enabled:active:scale-[0.98] enabled:active:bg-stroke-hairline enabled:active:text-content focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring focus-visible:ring-inset disabled:cursor-not-allowed disabled:opacity-40", $ = j(
+const m = "inline-flex h-[11px] w-5 shrink-0 select-none cursor-pointer border-0 p-0 bg-canvas-muted text-content-icon transition-[color,background-color,transform] duration-150 motion-reduce:transition-none enabled:hover:bg-stroke-track enabled:hover:text-content-tertiary enabled:active:scale-[0.98] enabled:active:bg-stroke-hairline enabled:active:text-content focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring focus-visible:ring-inset disabled:cursor-not-allowed disabled:opacity-40", $ = j(
   "ChoiceCardPercent",
   ({
     className: c,
-    value: o,
+    value: n,
     onValueChange: s,
     min: d = 0,
     max: b = 100,
-    step: i = 1,
-    suffix: m = "%",
-    increaseLabel: h,
+    step: t = 1,
+    suffix: h = "%",
+    increaseLabel: x,
     decreaseLabel: g,
     disabled: r,
-    onKeyDown: x,
+    onKeyDown: w,
     ...v
-  }, w) => {
-    const { t: p } = z(), k = h ?? p("aria.increase"), C = g ?? p("aria.decrease"), y = !r && o > d, D = !r && o < b;
-    function a(e) {
-      r || s?.(A(o + e, d, b));
+  }, k) => {
+    const { t: p } = A(), y = x ?? p("aria.increase"), C = g ?? p("aria.decrease"), D = !r && n > d, u = !r && n < b;
+    function i(e) {
+      r || s?.(z(n + e, d, b));
     }
-    function n(e) {
+    function o(e) {
       e.stopPropagation();
     }
     function P(e) {
-      e.key === "ArrowUp" ? (e.preventDefault(), a(i)) : e.key === "ArrowDown" && (e.preventDefault(), a(-i)), x?.(e);
+      e.key === "ArrowUp" ? (e.preventDefault(), i(t)) : e.key === "ArrowDown" && (e.preventDefault(), i(-t)), w?.(e);
     }
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ f(
       "div",
       {
-        ref: w,
+        ref: k,
         ...v,
         "data-slot": "choice-card-percent",
         role: "group",
         "aria-disabled": r || void 0,
         tabIndex: r ? void 0 : 0,
         onKeyDown: P,
-        onPointerDown: n,
-        onClick: n,
+        onPointerDown: o,
+        onClick: o,
         className: l(
-          "relative z-[1] box-border flex h-8 w-[111px] items-center gap-2.5 overflow-hidden rounded-lg border border-stroke-field bg-canvas py-1 pl-3 pr-1 transition-colors",
+          "relative z-[1] box-border flex h-8 w-[111px] items-center gap-2.5 overflow-hidden rounded-[8px] border border-stroke-field bg-canvas py-1 pl-3 pr-1 transition-colors",
           "hover:border-brand focus-within:border-brand focus-within:outline-none",
           r && "pointer-events-none border-stroke bg-disabled-surface opacity-100 hover:border-stroke",
           c
         ),
         children: [
-          /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate font-normal text-sm capitalize leading-4 text-content", children: `${o}${m}` }),
-          /* @__PURE__ */ u("div", { className: "flex h-[23px] shrink-0 flex-col gap-px", children: [
-            /* @__PURE__ */ t(
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              tabIndex: -1,
+              disabled: !u,
+              className: "min-w-0 flex-1 truncate border-0 bg-transparent p-0 text-left text-sm font-normal leading-4 text-content disabled:opacity-40",
+              onPointerDown: o,
+              onClick: (e) => {
+                o(e), i(t);
+              },
+              children: `${n}${h}`
+            }
+          ),
+          /* @__PURE__ */ f("div", { className: "flex h-[23px] shrink-0 flex-col gap-px", children: [
+            /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
-                "aria-label": k,
-                disabled: !D,
+                "aria-label": y,
+                disabled: !u,
                 className: l(
-                  f,
+                  m,
                   "items-center justify-center rounded-tr-sm"
                 ),
-                onPointerDown: n,
+                onPointerDown: o,
                 onClick: (e) => {
-                  n(e), a(i);
+                  o(e), i(t);
                 },
-                children: /* @__PURE__ */ t(N, { size: 10 })
+                children: /* @__PURE__ */ a(I, { size: 10 })
               }
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
                 "aria-label": C,
-                disabled: !y,
+                disabled: !D,
                 className: l(
-                  f,
+                  m,
                   "items-center justify-center rounded-br-sm"
                 ),
-                onPointerDown: n,
+                onPointerDown: o,
                 onClick: (e) => {
-                  n(e), a(-i);
+                  o(e), i(-t);
                 },
-                children: /* @__PURE__ */ t(I, { size: 10 })
+                children: /* @__PURE__ */ a(N, { size: 10 })
               }
             )
           ] })

package/dist/components/forms/input/input.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as w } from "react/jsx-runtime";
+import { jsx as o, jsxs as j } from "react/jsx-runtime";
 import { createComponent as C } from "../../../lib/primitives/create-component.js";
 import { useFieldChrome as B } from "../../../lib/primitives/use-field-chrome.js";
 import { cn as r } from "../../../lib/utils.js";
@@ -23,7 +23,7 @@ const V = C(
     id: g,
     ...u
   }, N) => {
-    const t = h ?? x, j = !!(i || a || t), n = B({
+    const t = h ?? x, w = !!(i || a || t), n = B({
       label: i,
       helperText: a,
       helperTextPosition: l,
@@ -38,7 +38,7 @@ const V = C(
         className: r(
           a && l === "absolute" && "relative"
         ),
-        children: /* @__PURE__ */ w(
+        children: /* @__PURE__ */ j(
           "div",
           {
             "data-component": "input-border",
@@ -70,7 +70,7 @@ const V = C(
                   type: f,
                   id: n.controlId,
                   className: r(
-                    "flex h-full w-full bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
+                    "flex h-full w-full min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
                     e && "opacity-100 text-disabled-foreground placeholder:text-disabled-foreground"
                   ),
                   ref: N,
@@ -104,7 +104,7 @@ const V = C(
         "data-component": "input",
         "data-disabled": e || void 0,
         "data-invalid": t || void 0,
-        children: j ? n.wrapControl(p) : p
+        children: w ? n.wrapControl(p) : p
       }
     );
   }

package/dist/components/primitives/button/button.variants.js

@@ -12,7 +12,7 @@ const i = e(
         secondary: "bg-secondary text-secondary-foreground hover:bg-accent hover:text-secondary-hover-foreground disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:opacity-100",
         tertiary: "border border-stroke-field bg-canvas text-content hover:bg-accent hover:text-secondary-hover-foreground hover:border-secondary-hover-foreground disabled:bg-disabled-surface disabled:border-stroke disabled:text-disabled-foreground disabled:opacity-100",
         ghost: "text-content hover:bg-accent hover:text-accent-foreground disabled:text-disabled-foreground disabled:opacity-50",
-        link: "text-brand underline-offset-4 hover:underline disabled:text-disabled-foreground disabled:opacity-50"
+        link: "text-brand hover:text-brand-strong disabled:text-disabled-foreground disabled:opacity-50"
       },
       size: {
         default: "h-8 min-h-8 px-3 py-1.5",

package/dist/components/primitives/stepper/internals/step-model.d.ts

@@ -1,3 +1,3 @@
 import { StepItem, StepStatus } from '../stepper.types';
 export declare function resolveStepItem(step: string | StepItem): StepItem;
-export declare function stepStatus(stepNumber: number, currentStep: number): StepStatus;
+export declare function stepStatus(stepNumber: number, currentStep: number, statusOverride?: StepStatus): StepStatus;

package/dist/components/primitives/stepper/internals/step-model.js

@@ -1,10 +1,10 @@
-function n(t) {
+function f(t) {
   return typeof t == "string" ? { label: t } : t;
 }
-function r(t, e) {
-  return t < e ? "completed" : t === e ? "active" : "default";
+function l(t, n, e) {
+  return e === "completed" || e === "active" || e === "default" ? e : t < n ? "completed" : t === n ? "active" : "default";
 }
 export {
-  n as resolveStepItem,
-  r as stepStatus
+  f as resolveStepItem,
+  l as stepStatus
 };