@arcadeai/design-system 3.39.4 → 3.41.1

package/dist/components/ui/molecules/date-time-picker.js

@@ -33,7 +33,7 @@ function P({
               }
             ),
             children: [
-              e ? e.toLocaleDateString() : "Select date",
+              /* @__PURE__ */ r("span", { children: e ? e.toLocaleDateString() : "Select date" }),
               /* @__PURE__ */ r(u, {})
             ]
           }

package/dist/components/ui/molecules/index.d.ts

@@ -21,6 +21,8 @@ export type { Step, StepStatus, StepsProgressProps } from './steps-progress';
 export { StepsProgress } from './steps-progress';
 export type { SuggestionCardProps, SuggestionCardSkeletonProps, } from './suggestion-card';
 export { SuggestionCard, SuggestionCardSkeleton } from './suggestion-card';
+export type { TagsInputProps, TagsInputValidationResult, TagsInputValueProps, } from './tags-input';
+export { TagsInput, TagsInputValue } from './tags-input';
 export type { ToolAuthorizationArgsProps, ToolAuthorizationHeaderProps, ToolAuthorizationMessageProps, ToolAuthorizationProps, ToolAuthorizationStatus, } from './tool-authorization';
 export { ToolAuthorization, ToolAuthorizationArgs, ToolAuthorizationContent, ToolAuthorizationHeader, ToolAuthorizationMessage, } from './tool-authorization';
 export type { ToolCallAccordionContentProps, ToolCallAccordionItemProps, ToolCallAccordionProps, ToolCallAccordionTriggerProps, ToolCallState, ToolCallView, } from './tool-call-accordion';

package/dist/components/ui/molecules/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAE/G,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EACV,yBAAyB,EACzB,eAAe,EACf,oBAAoB,EACpB,4BAA4B,EAC5B,2BAA2B,EAC3B,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACtB,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAE7B,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACd,aAAa,EACb,cAAc,GACf,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,sBAAsB,EACtB,uBAAuB,EACvB,gBAAgB,EAChB,wBAAwB,GACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EACV,mBAAmB,EACnB,2BAA2B,GAC5B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,YAAY,EACV,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,EAC7B,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,6BAA6B,EAC7B,0BAA0B,EAC1B,sBAAsB,EACtB,6BAA6B,EAC7B,aAAa,EACb,YAAY,GACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAE/G,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EACV,yBAAyB,EACzB,eAAe,EACf,oBAAoB,EACpB,4BAA4B,EAC5B,2BAA2B,EAC3B,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACtB,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAE7B,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACd,aAAa,EACb,cAAc,GACf,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,sBAAsB,EACtB,uBAAuB,EACvB,gBAAgB,EAChB,wBAAwB,GACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EACV,mBAAmB,EACnB,2BAA2B,GAC5B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,YAAY,EACV,cAAc,EACd,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,YAAY,EACV,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,EAC7B,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,6BAA6B,EAC7B,0BAA0B,EAC1B,sBAAsB,EACtB,6BAA6B,EAC7B,aAAa,EACb,YAAY,GACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/ui/molecules/index.js

@@ -1,35 +1,36 @@
 import { ChatHistoryItem as r } from "./chat-history-item.js";
-import { ChatAssistantMessage as a, ChatMessageList as s, ChatMessageListSkeleton as n, ChatStreamingIndicator as i, ChatUserMessage as m } from "./chat-message-list.js";
+import { ChatAssistantMessage as a, ChatMessageList as s, ChatMessageListSkeleton as n, ChatStreamingIndicator as i, ChatUserMessage as p } from "./chat-message-list.js";
 import { ClientSecretInput as l } from "./client-secret-field.js";
 import { CommandBar as C } from "./command-bar.js";
 import { ConfirmPopover as x } from "./confirm-popover.js";
-import { DateTimePicker as c } from "./date-time-picker.js";
-import { EmptyState as u } from "./empty-state.js";
+import { DateTimePicker as u } from "./date-time-picker.js";
+import { EmptyState as c } from "./empty-state.js";
 import { ErrorState as h } from "./error-state.js";
-import { Message as S, MessageAction as I, MessageActions as P, MessageAvatar as z, MessageContent as k } from "./message.js";
+import { Message as M, MessageAction as S, MessageActions as P, MessageAvatar as z, MessageContent as k } from "./message.js";
 import { PromptInput as y, PromptInputAction as B, PromptInputActions as E, PromptInputTextarea as H } from "./prompt-input.js";
 import { R, T as U } from "../../../toolkit-card-Dc104Z9e.js";
 import { StepsProgress as D } from "./steps-progress.js";
-import { SuggestionCard as b, SuggestionCardSkeleton as j } from "./suggestion-card.js";
-import { ToolAuthorization as F, ToolAuthorizationArgs as G, ToolAuthorizationContent as J, ToolAuthorizationHeader as K, ToolAuthorizationMessage as O } from "./tool-authorization.js";
-import { ToolCallAccordion as V, ToolCallAccordionContent as W, ToolCallAccordionItem as X, ToolCallAccordionTrigger as Y } from "./tool-call-accordion.js";
-import { ToolCard as _ } from "./tool-card.js";
-import { UserNav as oo } from "./user-nav.js";
+import { SuggestionCard as V, SuggestionCardSkeleton as b } from "./suggestion-card.js";
+import { TagsInput as w, TagsInputValue as F } from "./tags-input.js";
+import { ToolAuthorization as J, ToolAuthorizationArgs as K, ToolAuthorizationContent as O, ToolAuthorizationHeader as Q, ToolAuthorizationMessage as W } from "./tool-authorization.js";
+import { ToolCallAccordion as Y, ToolCallAccordionContent as Z, ToolCallAccordionItem as _, ToolCallAccordionTrigger as $ } from "./tool-call-accordion.js";
+import { ToolCard as to } from "./tool-card.js";
+import { UserNav as eo } from "./user-nav.js";
 export {
   a as ChatAssistantMessage,
   r as ChatHistoryItem,
   s as ChatMessageList,
   n as ChatMessageListSkeleton,
   i as ChatStreamingIndicator,
-  m as ChatUserMessage,
+  p as ChatUserMessage,
   l as ClientSecretInput,
   C as CommandBar,
   x as ConfirmPopover,
-  c as DateTimePicker,
-  u as EmptyState,
+  u as DateTimePicker,
+  c as EmptyState,
   h as ErrorState,
-  S as Message,
-  I as MessageAction,
+  M as Message,
+  S as MessageAction,
   P as MessageActions,
   z as MessageAvatar,
   k as MessageContent,
@@ -39,18 +40,20 @@ export {
   H as PromptInputTextarea,
   R as RequirementBadges,
   D as StepsProgress,
-  b as SuggestionCard,
-  j as SuggestionCardSkeleton,
-  F as ToolAuthorization,
-  G as ToolAuthorizationArgs,
-  J as ToolAuthorizationContent,
-  K as ToolAuthorizationHeader,
-  O as ToolAuthorizationMessage,
-  V as ToolCallAccordion,
-  W as ToolCallAccordionContent,
-  X as ToolCallAccordionItem,
-  Y as ToolCallAccordionTrigger,
-  _ as ToolCard,
+  V as SuggestionCard,
+  b as SuggestionCardSkeleton,
+  w as TagsInput,
+  F as TagsInputValue,
+  J as ToolAuthorization,
+  K as ToolAuthorizationArgs,
+  O as ToolAuthorizationContent,
+  Q as ToolAuthorizationHeader,
+  W as ToolAuthorizationMessage,
+  Y as ToolCallAccordion,
+  Z as ToolCallAccordionContent,
+  _ as ToolCallAccordionItem,
+  $ as ToolCallAccordionTrigger,
+  to as ToolCard,
   U as ToolkitCard,
-  oo as UserNav
+  eo as UserNav
 };

package/dist/components/ui/molecules/steps-progress.d.ts

@@ -22,10 +22,12 @@ export type StepsProgressProps = {
      * Respects `prefers-reduced-motion` via token CSS.
      */
     animateStepTransitions?: boolean;
+    /** Render steps in a vertical list instead of a horizontal bar. */
+    orientation?: "horizontal" | "vertical";
 } & React.ComponentProps<"section">;
 export declare function getMobileIndexForSteps(steps: Step[], options?: {
     currentIndex?: number;
     isDismissible?: boolean;
 }): number;
-export declare function StepsProgress({ steps, onDismiss, animateStepTransitions, className, ...props }: StepsProgressProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepsProgress({ steps, onDismiss, animateStepTransitions, orientation, className, ...props }: StepsProgressProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=steps-progress.d.ts.map

package/dist/components/ui/molecules/steps-progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps-progress.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/steps-progress.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAUpC,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE9D,MAAM,MAAM,IAAI,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;;;;OAWG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AAsDpC,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,IAAI,EAAE,EACb,OAAO,CAAC,EAAE;IACR,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,UAwBF;AAuBD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,sBAA8B,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAuMpB"}
+{"version":3,"file":"steps-progress.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/steps-progress.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAcpC,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE9D,MAAM,MAAM,IAAI,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;;;;OAWG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,mEAAmE;IACnE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AAsDpC,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,IAAI,EAAE,EACb,OAAO,CAAC,EAAE;IACR,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,UAwBF;AAuBD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,sBAA8B,EAC9B,WAA0B,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAkPpB"}

package/dist/components/ui/molecules/steps-progress.js

@@ -1,237 +1,278 @@
 "use client";
-import { jsxs as f, jsx as n } from "react/jsx-runtime";
-import { ChevronLeft as B, X as S, ChevronRight as D } from "lucide-react";
-import { useState as C, useLayoutEffect as E, useRef as x, useEffect as M } from "react";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { Check as D, ChevronLeft as E, X as C, ChevronRight as P } from "lucide-react";
+import { useState as L, useLayoutEffect as V, useRef as p, useEffect as M } from "react";
 import { Button as j } from "../atoms/button.js";
-import { DS_SPARKLE_DURATION_MS as P, SparkleBurst as _ } from "../atoms/sparkle-burst.js";
-import { StepIndicator as G } from "../atoms/step-indicator.js";
-import { cn as u } from "../../../lib/utils.js";
-function K({ step: e, stepNumber: t, isAttention: r }) {
-  const o = /* @__PURE__ */ n(
-    G,
+import { DS_SPARKLE_DURATION_MS as _, SparkleBurst as G } from "../atoms/sparkle-burst.js";
+import { stepIndicatorIconVariants as K, stepIndicatorLabelVariants as F, StepIndicator as O } from "../atoms/step-indicator.js";
+import { cn as l } from "../../../lib/utils.js";
+function U({ step: e, stepNumber: n, isAttention: a }) {
+  const s = /* @__PURE__ */ t(
+    O,
     {
       className: "min-w-0",
       label: e.label,
       status: e.status,
-      stepNumber: t
+      stepNumber: n
     }
-  ), c = u(
+  ), u = l(
     "flex min-w-0 flex-1 items-center justify-center",
-    r && "step-attention-target"
+    a && "step-attention-target"
   );
-  return e.onClick ? /* @__PURE__ */ n(
+  return e.onClick ? /* @__PURE__ */ t(
     "button",
     {
-      className: u(c, "cursor-pointer"),
+      className: l(u, "cursor-pointer"),
       onClick: e.onClick,
       type: "button",
-      children: o
+      children: s
     }
-  ) : /* @__PURE__ */ n("span", { className: c, children: o });
+  ) : /* @__PURE__ */ t("span", { className: u, children: s });
 }
 function R(e) {
   return e.length - 1;
 }
-function F(e) {
-  return e.findIndex((t) => t.status === "active");
+function X(e) {
+  return e.findIndex((n) => n.status === "active");
 }
-function L(e, t) {
-  return e.length === 0 ? t ? 0 : -1 : t ? e.length : R(e);
+function z(e, n) {
+  return e.length === 0 ? n ? 0 : -1 : n ? e.length : R(e);
 }
-function p(e, t) {
-  const { currentIndex: r, isDismissible: o = !1 } = t ?? {}, c = F(e);
-  if (c >= 0)
-    return c;
+function g(e, n) {
+  const { currentIndex: a, isDismissible: s = !1 } = n ?? {}, u = X(e);
+  if (u >= 0)
+    return u;
   if (e.length === 0)
-    return o ? 0 : -1;
-  const a = L(e, o);
-  return r !== void 0 && r >= 0 && r <= a ? r : R(e);
+    return s ? 0 : -1;
+  const h = z(e, s);
+  return a !== void 0 && a >= 0 && a <= h ? a : R(e);
 }
-function O(e, t, r) {
-  const o = L(e, r);
-  return t >= 0 && t <= o ? t : p(e, {
-    currentIndex: t,
-    isDismissible: r
+function $(e, n, a) {
+  const s = z(e, a);
+  return n >= 0 && n <= s ? n : g(e, {
+    currentIndex: n,
+    isDismissible: a
   });
 }
-function U(e) {
+function q(e) {
   return `calc(${(e - 1) / e} * (100% - 4.25rem) + 0.75rem)`;
 }
-function W({
+function te({
   steps: e,
-  onDismiss: t,
-  animateStepTransitions: r = !1,
-  className: o,
-  ...c
+  onDismiss: n,
+  animateStepTransitions: a = !1,
+  orientation: s = "horizontal",
+  className: u,
+  ...h
 }) {
-  const a = !!t, [T, h] = C(
-    () => p(e, { isDismissible: a })
+  const m = !!n, [T, b] = L(
+    () => g(e, { isDismissible: m })
   );
-  E(() => {
-    h(
-      (i) => p(e, {
-        currentIndex: i,
-        isDismissible: a
+  V(() => {
+    b(
+      (r) => g(e, {
+        currentIndex: r,
+        isDismissible: m
       })
     );
-  }, [a, e]);
-  const [g, v] = C(void 0), b = x(null), d = x(null), N = x(0);
+  }, [m, e]);
+  const [v, N] = L(void 0), x = p(null), f = p(null), k = p(0);
   M(() => {
-    const i = b.current, m = new Map(e.map((l) => [l.id, l.status]));
-    if (i === null) {
-      b.current = m;
+    const r = x.current, o = new Map(e.map((i) => [i.id, i.status]));
+    if (r === null) {
+      x.current = o;
       return;
     }
-    if (r) {
-      const l = e.find(
-        (y) => y.status === "complete" && i.get(y.id) !== "complete"
+    if (a) {
+      const i = e.find(
+        (S) => S.status === "complete" && r.get(S.id) !== "complete"
       );
-      l && (d.current !== null && window.clearTimeout(d.current), N.current += 1, v({ stepId: l.id, key: N.current }), d.current = window.setTimeout(() => {
-        v(void 0), d.current = null;
-      }, P));
+      i && (f.current !== null && window.clearTimeout(f.current), k.current += 1, N({ stepId: i.id, key: k.current }), f.current = window.setTimeout(() => {
+        N(void 0), f.current = null;
+      }, _));
     }
-    b.current = m;
-  }, [r, e]), M(
+    x.current = o;
+  }, [a, e]), M(
     () => () => {
-      d.current !== null && window.clearTimeout(d.current);
+      f.current !== null && window.clearTimeout(f.current);
     },
     []
   );
-  const s = O(
+  const d = $(
     e,
     T,
-    a
-  ), z = e[s], k = e.length, w = s > 0, I = a ? s < k : s < e.length - 1, A = a && e.at(-1)?.status === "active";
-  return /* @__PURE__ */ f(
+    m
+  ), A = e[d], w = e.length, I = d > 0, y = m ? d < w : d < e.length - 1, B = m && e.at(-1)?.status === "active";
+  return s === "vertical" ? /* @__PURE__ */ t("section", { "aria-label": "Steps progress", className: l(u), ...h, children: /* @__PURE__ */ t("ol", { className: "flex flex-col", children: e.map((r, o) => {
+    const i = o === e.length - 1;
+    return /* @__PURE__ */ c(
+      "li",
+      {
+        className: l("flex items-start gap-3", !i && "pb-5"),
+        children: [
+          /* @__PURE__ */ c("div", { className: "flex shrink-0 flex-col items-center self-stretch", children: [
+            /* @__PURE__ */ t(
+              "span",
+              {
+                className: l(
+                  K({ status: r.status })
+                ),
+                children: r.status === "complete" ? /* @__PURE__ */ t(D, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ t("span", { className: "text-sm", children: o + 1 })
+              }
+            ),
+            !i && /* @__PURE__ */ t("div", { className: "mt-2 w-px flex-1 bg-border" })
+          ] }),
+          /* @__PURE__ */ c(
+            "span",
+            {
+              "aria-current": r.status === "active" ? "step" : void 0,
+              className: l(
+                F({ status: r.status }),
+                "pt-0.5"
+              ),
+              children: [
+                r.label,
+                /* @__PURE__ */ c("span", { className: "sr-only", children: [
+                  " — ",
+                  r.status
+                ] })
+              ]
+            }
+          )
+        ]
+      },
+      r.id
+    );
+  }) }) }) : /* @__PURE__ */ c(
     "section",
     {
       "aria-label": "Steps progress",
-      className: u(
+      className: l(
         "relative h-14 overflow-hidden border border-border bg-card text-foreground",
-        o
+        u
       ),
-      ...c,
+      ...h,
       children: [
-        A && /* @__PURE__ */ n(
+        B && /* @__PURE__ */ t(
           "span",
           {
             "aria-hidden": "true",
             className: "pointer-events-none absolute top-0 right-0 z-10 hidden h-0.5 bg-foreground sm:block",
-            style: { left: U(e.length) }
+            style: { left: q(e.length) }
           }
         ),
-        z?.status === "active" && /* @__PURE__ */ n(
+        A?.status === "active" && /* @__PURE__ */ t(
           "span",
           {
             "aria-hidden": "true",
             className: "pointer-events-none absolute inset-x-0 top-0 z-20 h-0.5 bg-foreground sm:hidden"
           }
         ),
-        /* @__PURE__ */ f("div", { className: "relative z-10 flex h-full items-center sm:gap-3 sm:px-3", children: [
-          /* @__PURE__ */ n(
+        /* @__PURE__ */ c("div", { className: "relative z-10 flex h-full items-center sm:gap-3 sm:px-3", children: [
+          /* @__PURE__ */ t(
             "button",
             {
               "aria-label": "Go to previous step",
-              className: u(
+              className: l(
                 "flex h-full shrink-0 items-center px-2 text-muted-foreground sm:hidden",
-                !w && "pointer-events-none invisible"
+                !I && "pointer-events-none invisible"
               ),
-              onClick: () => h(s - 1),
-              tabIndex: w ? 0 : -1,
+              onClick: () => b(d - 1),
+              tabIndex: I ? 0 : -1,
               type: "button",
-              children: /* @__PURE__ */ n(B, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ t(E, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ f("ol", { className: "flex h-full min-w-0 flex-1 items-center gap-0", children: [
-            e.map((i, m) => {
-              const l = g?.stepId === i.id;
-              return /* @__PURE__ */ f(
+          /* @__PURE__ */ c("ol", { className: "flex h-full min-w-0 flex-1 items-center gap-0", children: [
+            e.map((r, o) => {
+              const i = v?.stepId === r.id;
+              return /* @__PURE__ */ c(
                 "li",
                 {
-                  "aria-current": i.status === "active" ? "step" : void 0,
-                  className: u(
+                  "aria-current": r.status === "active" ? "step" : void 0,
+                  className: l(
                     "relative isolate flex h-full min-w-0 flex-1 items-center justify-center px-2 py-4 sm:px-3",
-                    m !== s && "hidden sm:flex"
+                    o !== d && "hidden sm:flex"
                   ),
-                  "data-attention": l ? "true" : void 0,
-                  "data-status": i.status,
+                  "data-attention": i ? "true" : void 0,
+                  "data-status": r.status,
                   children: [
-                    m > 0 && /* @__PURE__ */ n(
+                    o > 0 && /* @__PURE__ */ t(
                       "span",
                       {
                         "aria-hidden": "true",
                         className: "absolute left-0 hidden h-full w-px bg-border sm:block"
                       }
                     ),
-                    /* @__PURE__ */ n(
-                      K,
+                    /* @__PURE__ */ t(
+                      U,
                       {
-                        isAttention: l,
-                        step: i,
-                        stepNumber: m + 1
+                        isAttention: i,
+                        step: r,
+                        stepNumber: o + 1
                       }
                     ),
-                    l ? /* @__PURE__ */ n(
+                    i ? /* @__PURE__ */ t(
                       "span",
                       {
                         "aria-hidden": !0,
                         className: "pointer-events-none absolute inset-0 z-30 flex items-center justify-center",
-                        children: /* @__PURE__ */ n(_, {}, g.key)
+                        children: /* @__PURE__ */ t(G, {}, v.key)
                       }
                     ) : null
                   ]
                 },
-                i.id
+                r.id
               );
             }),
-            t && /* @__PURE__ */ n(
+            n && /* @__PURE__ */ t(
               "li",
               {
-                className: u(
+                className: l(
                   "relative isolate flex h-full flex-1 items-center justify-center sm:hidden",
-                  s !== k && "hidden"
+                  d !== w && "hidden"
                 ),
-                children: /* @__PURE__ */ f(
+                children: /* @__PURE__ */ c(
                   j,
                   {
                     "aria-label": "Dismiss steps progress",
                     className: "h-8 gap-1.5 border border-border px-3 text-muted-foreground hover:bg-muted hover:text-foreground",
-                    onClick: t,
+                    onClick: n,
                     type: "button",
                     variant: "ghost",
                     children: [
-                      /* @__PURE__ */ n(S, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ n("span", { className: "text-sm", children: "Dismiss" })
+                      /* @__PURE__ */ t(C, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ t("span", { className: "text-sm", children: "Dismiss" })
                     ]
                   }
                 )
               }
             )
           ] }),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ t(
             "button",
             {
               "aria-label": "Go to next step",
-              className: u(
+              className: l(
                 "flex h-full shrink-0 items-center px-2 text-muted-foreground sm:hidden",
-                !I && "pointer-events-none invisible"
+                !y && "pointer-events-none invisible"
               ),
-              onClick: () => h(s + 1),
-              tabIndex: I ? 0 : -1,
+              onClick: () => b(d + 1),
+              tabIndex: y ? 0 : -1,
               type: "button",
-              children: /* @__PURE__ */ n(D, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ t(P, { className: "h-4 w-4" })
             }
           ),
-          t && /* @__PURE__ */ n(
+          n && /* @__PURE__ */ t(
             j,
             {
               "aria-label": "Dismiss steps progress",
               className: "hidden h-8 w-8 shrink-0 border border-border text-muted-foreground hover:bg-muted hover:text-foreground sm:flex",
-              onClick: t,
+              onClick: n,
               size: "icon",
               type: "button",
               variant: "ghost",
-              children: /* @__PURE__ */ n(S, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ t(C, { className: "h-4 w-4" })
             }
           )
         ] })
@@ -240,6 +281,6 @@ function W({
   );
 }
 export {
-  W as StepsProgress,
-  p as getMobileIndexForSteps
+  te as StepsProgress,
+  g as getMobileIndexForSteps
 };

package/dist/components/ui/molecules/tags-input.d.ts

@@ -0,0 +1,44 @@
+import { InputHTMLAttributes } from 'react';
+export type TagsInputValidationResult = {
+    /** Normalized value to store. Falls back to the trimmed input if omitted. */
+    normalizedValue?: string;
+    /** Human-readable error message. Undefined means valid. */
+    error?: string;
+};
+type ForwardedInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "className" | "defaultValue" | "disabled" | "onBlur" | "onChange" | "onKeyDown" | "onPaste" | "placeholder" | "type" | "value">;
+export type TagsInputProps = {
+    values: string[];
+    onChange: (values: string[]) => void;
+    placeholder?: string;
+    /** Commit the pending input value when the field loses focus. Default: true. */
+    addOnBlur?: boolean;
+    /**
+     * Validate (and optionally normalize) a trimmed input string before it is added.
+     * Return `{ error }` to reject with a message, `{ normalizedValue }` to accept
+     * with a transformed value, or `{}` to accept as-is.
+     */
+    validateValue?: (trimmed: string, currentValues: string[]) => TagsInputValidationResult;
+    /**
+     * Determine whether `incoming` is a duplicate of an existing `stored` value.
+     * Return `true` to reject with the default "Already added" message, or a
+     * non-empty string to reject with that string as the error. Defaults to
+     * exact string equality with "Already added".
+     */
+    isDuplicate?: (incoming: string, stored: string) => boolean | string;
+    /**
+     * Render a custom chip for each committed value. Receives the value and a
+     * `remove` callback. When omitted a plain Badge with an X button is rendered.
+     * Keys are managed by TagsInput — do not add a `key` prop to the returned element.
+     */
+    renderValue?: (value: string, remove: () => void) => React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+} & ForwardedInputProps;
+export type TagsInputValueProps = {
+    value: string;
+    onRemove: () => void;
+};
+export declare function TagsInputValue({ value, onRemove }: TagsInputValueProps): import("react/jsx-runtime").JSX.Element;
+export declare function TagsInput({ values, onChange, placeholder, addOnBlur, validateValue, isDuplicate, renderValue, className, disabled, id, ...inputProps }: TagsInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=tags-input.d.ts.map

package/dist/components/ui/molecules/tags-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags-input.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/tags-input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,mBAAmB,EAKzB,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,yBAAyB,GAAG;IACtC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,CAC7B,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,WAAW,GACX,cAAc,GACd,UAAU,GACV,QAAQ,GACR,UAAU,GACV,WAAW,GACX,SAAS,GACT,aAAa,GACb,MAAM,GACN,OAAO,CACV,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CACd,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,MAAM,EAAE,KACpB,yBAAyB,CAAC;IAC/B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,GAAG,MAAM,CAAC;IACrE;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,mBAAmB,CAAC;AAExB,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAiBtE;AAMD,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,QAAQ,EACR,WAAW,EACX,SAAgB,EAChB,aAAa,EACb,WAAW,EACX,WAAW,EACX,SAAS,EACT,QAAgB,EAChB,EAAE,EACF,GAAG,UAAU,EACd,EAAE,cAAc,2CA+JhB"}