@boxcustodia/library 2.0.0-alpha.28 → 2.0.0-alpha.29

package/dist/components/select/select.es.js

@@ -1,82 +1,99 @@
 "use client";
-import { jsx as r, jsxs as h, Fragment as T } from "react/jsx-runtime";
-import { mergeProps as G } from "@base-ui/react/merge-props";
-import { Select as o } from "@base-ui/react/select";
-import { Select as ce } from "@base-ui/react/select";
-import { useRender as V } from "@base-ui/react/use-render";
-import { ChevronsUpDownIcon as N, ChevronUpIcon as B, ChevronDownIcon as R } from "lucide-react";
-import { cn as s } from "../../lib/cn.es.js";
-import { inputBaseClasses as U } from "../input/input.es.js";
-const y = s(
-  U,
+import { jsx as r, jsxs as b, Fragment as G } from "react/jsx-runtime";
+import w from "../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.es.js";
+import { useRender as T } from "../../node_modules/@base-ui/react/use-render/useRender.es.js";
+import D from "../../node_modules/lucide-react/dist/esm/icons/chevron-up.es.js";
+import $ from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.es.js";
+import { cn as n } from "../../lib/cn.es.js";
+import { SelectRoot as V } from "../../node_modules/@base-ui/react/select/root/SelectRoot.es.js";
+import { SelectTrigger as B } from "../../node_modules/@base-ui/react/select/trigger/SelectTrigger.es.js";
+import { SelectIcon as R } from "../../node_modules/@base-ui/react/select/icon/SelectIcon.es.js";
+import { mergeProps as U } from "../../node_modules/@base-ui/react/merge-props/mergeProps.es.js";
+import { SelectValue as A } from "../../node_modules/@base-ui/react/select/value/SelectValue.es.js";
+import { SelectPortal as F } from "../../node_modules/@base-ui/react/select/portal/SelectPortal.es.js";
+import { SelectPositioner as M } from "../../node_modules/@base-ui/react/select/positioner/SelectPositioner.es.js";
+import { SelectPopup as W } from "../../node_modules/@base-ui/react/select/popup/SelectPopup.es.js";
+import { SelectScrollUpArrow as q } from "../../node_modules/@base-ui/react/select/scroll-up-arrow/SelectScrollUpArrow.es.js";
+import { SelectList as E } from "../../node_modules/@base-ui/react/select/list/SelectList.es.js";
+import { SelectScrollDownArrow as H } from "../../node_modules/@base-ui/react/select/scroll-down-arrow/SelectScrollDownArrow.es.js";
+import { SelectItem as J } from "../../node_modules/@base-ui/react/select/item/SelectItem.es.js";
+import { SelectItemText as K } from "../../node_modules/@base-ui/react/select/item-text/SelectItemText.es.js";
+import { SelectItemIndicator as O } from "../../node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.es.js";
+import { Separator as Q } from "../../node_modules/@base-ui/react/separator/Separator.es.js";
+import { SelectGroup as X } from "../../node_modules/@base-ui/react/select/group/SelectGroup.es.js";
+import { SelectGroupLabel as Y } from "../../node_modules/@base-ui/react/select/group-label/SelectGroupLabel.es.js";
+import { SelectLabel as Z } from "../../node_modules/@base-ui/react/select/label/SelectLabel.es.js";
+import { inputBaseClasses as ee } from "../input/input.es.js";
+const N = n(
+  ee,
   "relative inline-flex items-center justify-between gap-2 select-none text-left text-foreground",
   "focus-visible:border-ring",
   "aria-invalid:border-error focus-visible:aria-invalid:ring-error/20",
   "has-aria-invalid:border-error has-focus-visible:has-aria-invalid:ring-error/20",
   "data-disabled:cursor-not-allowed data-disabled:opacity-50",
   "[&_svg]:pointer-events-none [&_svg]:shrink-0"
-), I = "-me-1 size-4.5 opacity-80 sm:size-4";
-function A({
+), y = "-me-1 size-4.5 opacity-80 sm:size-4";
+function te({
   ...e
 }) {
-  return /* @__PURE__ */ r(o.Root, { ...e });
+  return /* @__PURE__ */ r(V, { ...e });
 }
-function F({
+function re({
   className: e,
   children: t,
-  icon: n,
+  icon: a,
   ...i
 }) {
-  return /* @__PURE__ */ h(
-    o.Trigger,
+  return /* @__PURE__ */ b(
+    B,
     {
-      className: s(y, e),
+      className: n(N, e),
       "data-slot": "select-trigger",
       ...i,
       children: [
         t,
         /* @__PURE__ */ r(
-          o.Icon,
+          R,
           {
             "data-slot": "select-icon",
             className: "text-muted-foreground hover:text-foreground transition-colors",
-            children: n ?? /* @__PURE__ */ r(N, { className: I })
+            children: a ?? /* @__PURE__ */ r(w, { className: y })
           }
         )
       ]
     }
   );
 }
-function re({
+function Ve({
   className: e,
   render: t,
-  children: n,
+  children: a,
   icon: i,
   ...c
 }) {
-  const d = t ? void 0 : "button", u = {
-    children: /* @__PURE__ */ h(T, { children: [
-      /* @__PURE__ */ r("span", { className: "flex-1 truncate in-data-placeholder:text-muted-foreground/72", children: n }),
-      i ?? /* @__PURE__ */ r(N, { className: I })
+  const s = t ? void 0 : "button", d = {
+    children: /* @__PURE__ */ b(G, { children: [
+      /* @__PURE__ */ r("span", { className: "flex-1 truncate in-data-placeholder:text-muted-foreground/72", children: a }),
+      i ?? /* @__PURE__ */ r(w, { className: y })
     ] }),
-    className: s(y, "min-w-0", e),
+    className: n(N, "min-w-0", e),
     "data-slot": "select-button",
-    type: d
+    type: s
   };
-  return V({
+  return T({
     defaultTagName: "button",
-    props: G(u, c),
+    props: U(d, c),
     render: t
   });
 }
-function M({
+function oe({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ r(
-    o.Value,
+    A,
     {
-      className: s(
+      className: n(
         "flex-1 truncate data-placeholder:text-muted-foreground",
         e
       ),
@@ -85,48 +102,48 @@ function M({
     }
   );
 }
-function W({
+function ae({
   className: e,
   children: t,
-  side: n = "bottom",
+  side: a = "bottom",
   sideOffset: i = 4,
   align: c = "start",
-  alignOffset: d = 0,
-  alignItemWithTrigger: u = !1,
-  anchor: f,
-  portalProps: m,
-  ...p
+  alignOffset: s = 0,
+  alignItemWithTrigger: d = !1,
+  anchor: u,
+  portalProps: f,
+  ...m
 }) {
-  return /* @__PURE__ */ r(o.Portal, { ...m, children: /* @__PURE__ */ r(
-    o.Positioner,
+  return /* @__PURE__ */ r(F, { ...f, children: /* @__PURE__ */ r(
+    M,
     {
       align: c,
-      alignItemWithTrigger: u,
-      alignOffset: d,
-      anchor: f,
+      alignItemWithTrigger: d,
+      alignOffset: s,
+      anchor: u,
       className: "z-50 select-none",
       "data-slot": "select-positioner",
-      side: n,
+      side: a,
       sideOffset: i,
-      children: /* @__PURE__ */ h(
-        o.Popup,
+      children: /* @__PURE__ */ b(
+        W,
         {
           className: "origin-(--transform-origin) text-foreground outline-none duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
           "data-slot": "select-popup",
-          ...p,
+          ...m,
           children: [
             /* @__PURE__ */ r(
-              o.ScrollUpArrow,
+              q,
               {
                 className: "top-0 z-50 flex h-6 w-full cursor-default items-center justify-center before:pointer-events-none before:absolute before:inset-x-px before:top-px before:h-[200%] before:rounded-t-[calc(var(--radius-lg)-1px)] before:bg-linear-to-b before:from-50% before:from-popover",
                 "data-slot": "select-scroll-up-arrow",
-                children: /* @__PURE__ */ r(B, { className: "relative size-4.5 sm:size-4" })
+                children: /* @__PURE__ */ r(D, { className: "relative size-4.5 sm:size-4" })
               }
             ),
             /* @__PURE__ */ r("div", { className: "relative h-full min-w-(--anchor-width) rounded-lg border bg-popover not-dark:bg-clip-padding shadow-lg/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", children: /* @__PURE__ */ r(
-              o.List,
+              E,
               {
-                className: s(
+                className: n(
                   "max-h-[min(24rem,var(--available-height))] overflow-y-auto p-1",
                   e
                 ),
@@ -135,11 +152,11 @@ function W({
               }
             ) }),
             /* @__PURE__ */ r(
-              o.ScrollDownArrow,
+              H,
               {
                 className: "bottom-0 z-50 flex h-6 w-full cursor-default items-center justify-center before:pointer-events-none before:absolute before:inset-x-px before:bottom-px before:h-[200%] before:rounded-b-[calc(var(--radius-lg)-1px)] before:bg-linear-to-t before:from-50% before:from-popover",
                 "data-slot": "select-scroll-down-arrow",
-                children: /* @__PURE__ */ r(R, { className: "relative size-4.5 sm:size-4" })
+                children: /* @__PURE__ */ r($, { className: "relative size-4.5 sm:size-4" })
               }
             )
           ]
@@ -148,23 +165,23 @@ function W({
     }
   ) });
 }
-function $({
+function le({
   className: e,
   children: t,
-  ...n
+  ...a
 }) {
-  return /* @__PURE__ */ h(
-    o.Item,
+  return /* @__PURE__ */ b(
+    J,
     {
-      className: s(
+      className: n(
         "grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default grid-cols-[1fr_1rem] items-center gap-2 rounded-sm py-1 px-2 text-base outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         e
       ),
       "data-slot": "select-item",
-      ...n,
+      ...a,
       children: [
-        /* @__PURE__ */ r(o.ItemText, { className: "col-start-1 min-w-0", children: t }),
-        /* @__PURE__ */ r(o.ItemIndicator, { className: "col-start-2", children: /* @__PURE__ */ r(
+        /* @__PURE__ */ r(K, { className: "col-start-1 min-w-0", children: t }),
+        /* @__PURE__ */ r(O, { className: "col-start-2", children: /* @__PURE__ */ r(
           "svg",
           {
             "aria-hidden": "true",
@@ -184,25 +201,25 @@ function $({
     }
   );
 }
-function oe({
+function Be({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ r(
-    o.Separator,
+    Q,
     {
-      className: s("mx-2 my-1 h-px bg-border", e),
+      className: n("mx-2 my-1 h-px bg-border", e),
       "data-slot": "select-separator",
       ...t
     }
   );
 }
-function ae(e) {
-  return /* @__PURE__ */ r(o.Group, { "data-slot": "select-group", ...e });
+function Re(e) {
+  return /* @__PURE__ */ r(X, { "data-slot": "select-group", ...e });
 }
-function ne(e) {
+function Ue(e) {
   return /* @__PURE__ */ r(
-    o.GroupLabel,
+    Y,
     {
       className: "px-2 py-1.5 font-medium text-muted-foreground text-xs",
       "data-slot": "select-group-label",
@@ -210,14 +227,14 @@ function ne(e) {
     }
   );
 }
-function le({
+function Ae({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ r(
-    o.Label,
+    Z,
     {
-      className: s(
+      className: n(
         "not-in-data-[slot=field]:mb-2 inline-flex cursor-default items-center gap-2 font-medium text-base/4.5 text-foreground sm:text-sm/4",
         e
       ),
@@ -226,7 +243,7 @@ function le({
     }
   );
 }
-function q(e) {
+function ne(e) {
   if (e == null) return "";
   if (typeof e == "string" || typeof e == "number") return String(e);
   if (typeof e == "object") {
@@ -237,7 +254,7 @@ function q(e) {
   }
   return String(e);
 }
-function E(e) {
+function ie(e) {
   if (e == null) return "";
   if (typeof e == "string" || typeof e == "number") return String(e);
   if (typeof e == "object") {
@@ -247,89 +264,88 @@ function E(e) {
   }
   return String(e);
 }
-function H(e) {
+function se(e) {
   return e != null && typeof e == "object" && "disabled" in e ? !!e.disabled : !1;
 }
-function se(e) {
+function Fe(e) {
   const {
     items: t,
-    getLabel: n,
+    getLabel: a,
     getId: i,
     getDisabled: c,
-    renderItem: d,
-    placeholder: u,
-    onValueChange: f,
-    value: m,
-    defaultValue: p,
-    multiple: v,
+    renderItem: s,
+    placeholder: d,
+    onValueChange: u,
+    value: f,
+    defaultValue: m,
+    multiple: h,
     className: z,
-    classNames: x,
+    classNames: v,
     icon: L,
     "aria-invalid": S,
-    ...C
-  } = e, w = n ?? q, l = i ?? E, _ = c ?? H, P = v ? m?.map(l) : m != null ? l(m) : void 0, j = v ? p?.map(l) : p != null ? l(p) : void 0;
-  return /* @__PURE__ */ h(
-    A,
+    ...I
+  } = e, x = a ?? ne, l = i ?? ie, C = c ?? se, _ = h ? f?.map(l) : f != null ? l(f) : void 0, P = h ? m?.map(l) : m != null ? l(m) : void 0;
+  return /* @__PURE__ */ b(
+    te,
     {
-      itemToStringLabel: (a) => {
-        const g = t.find((b) => l(b) === a);
-        return g ? w(g) : a;
+      itemToStringLabel: (o) => {
+        const p = t.find((g) => l(g) === o);
+        return p ? x(p) : o;
       },
-      multiple: v,
-      value: P,
-      defaultValue: j,
-      onValueChange: (a) => {
-        if (v) {
-          const b = (a ?? []).map((k) => t.find((D) => l(D) === k) ?? null).filter(Boolean);
-          f?.(b);
+      multiple: h,
+      value: _,
+      defaultValue: P,
+      onValueChange: (o) => {
+        if (h) {
+          const g = (o ?? []).map((j) => t.find((k) => l(k) === j) ?? null).filter(Boolean);
+          u?.(g);
         } else {
-          if (a == null) {
-            f?.(null);
+          if (o == null) {
+            u?.(null);
             return;
           }
-          const g = t.find((b) => l(b) === a) ?? null;
-          f?.(g);
+          const p = t.find((g) => l(g) === o) ?? null;
+          u?.(p);
         }
       },
-      ...C,
+      ...I,
       children: [
         /* @__PURE__ */ r(
-          F,
+          re,
           {
             className: z,
             icon: L,
             ...S === void 0 ? {} : { "aria-invalid": S },
-            children: /* @__PURE__ */ r(M, { placeholder: u })
+            children: /* @__PURE__ */ r(oe, { placeholder: d })
           }
         ),
-        /* @__PURE__ */ r(W, { className: x?.popup, children: t.map((a) => /* @__PURE__ */ r(
-          $,
+        /* @__PURE__ */ r(ae, { className: v?.popup, children: t.map((o) => /* @__PURE__ */ r(
+          le,
           {
-            value: l(a),
-            disabled: _(a),
-            className: x?.item,
-            children: d ? d(a) : w(a)
+            value: l(o),
+            disabled: C(o),
+            className: v?.item,
+            children: s ? s(o) : x(o)
           },
-          l(a)
+          l(o)
         )) })
       ]
     }
   );
 }
 export {
-  se as Select,
-  re as SelectButton,
-  W as SelectContent,
-  ae as SelectGroup,
-  ne as SelectGroupLabel,
-  $ as SelectItem,
-  le as SelectLabel,
-  W as SelectPopup,
-  ce as SelectPrimitive,
-  A as SelectRoot,
-  oe as SelectSeparator,
-  F as SelectTrigger,
-  M as SelectValue,
-  y as selectTriggerClasses,
-  I as selectTriggerIconClassName
+  Fe as Select,
+  Ve as SelectButton,
+  ae as SelectContent,
+  Re as SelectGroup,
+  Ue as SelectGroupLabel,
+  le as SelectItem,
+  Ae as SelectLabel,
+  ae as SelectPopup,
+  te as SelectRoot,
+  Be as SelectSeparator,
+  re as SelectTrigger,
+  oe as SelectValue,
+  N as selectTriggerClasses,
+  y as selectTriggerIconClassName
 };

package/dist/components/stepper/stepper.cjs.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("@base-ui/react/merge-props"),d=require("@base-ui/react/use-render"),E=require("@radix-ui/react-use-controllable-state"),N=require("react"),u=require("../../lib/cn.cjs.js");function K(t,r,n){return n==="none"?!1:n==="both"?!0:n==="backward-only"?t<=r:t>=r}const w=N.createContext(void 0);function m(){const t=N.useContext(w);if(!t)throw new Error("useStepper must be used within a StepperRoot");return t}const j=N.createContext(void 0);function x(){const t=N.useContext(j);if(!t)throw new Error("useStepItem must be used within a StepperItem");return t}function y({defaultValue:t=1,value:r,onValueChange:n,orientation:o="horizontal",indicators:e={},triggerMode:a="both",className:i,render:s,children:p,...v}){const[b=1,h]=E.useControllableState({prop:r,defaultProp:t,onChange:n}),S={className:u.cn("flex w-full data-[orientation=horizontal]:flex-col data-[orientation=vertical]:flex-row data-[orientation=vertical]:gap-8",i),"data-orientation":o,"data-slot":"stepper",children:p};return l.jsx(w.Provider,{value:{activeStep:b,setActiveStep:h,orientation:o,indicators:e,triggerMode:a},children:d.useRender({defaultTagName:"div",render:s,props:c.mergeProps(S,v)})})}function R({className:t,render:r,children:n,...o}){const{orientation:e}=m(),a={role:"tablist","aria-orientation":e,"data-orientation":e,"data-slot":"stepper-nav",className:u.cn("group/stepper-nav inline-flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",t),children:n};return d.useRender({defaultTagName:"nav",render:r,props:c.mergeProps(a,o)})}function T({step:t,disabled:r=!1,loading:n=!1,className:o,render:e,children:a,...i}){const{activeStep:s}=m(),p=t<s?"completed":t===s?"active":"inactive",v=n&&t===s,b={"data-state":p,"data-loading":v||void 0,"data-slot":"stepper-item",className:u.cn("group/step flex items-center justify-center not-last:flex-1","group-data-[orientation=horizontal]/stepper-nav:flex-row group-data-[orientation=vertical]/stepper-nav:flex-col",o),children:a};return l.jsx(j.Provider,{value:{step:t,state:p,isDisabled:r,isLoading:v},children:d.useRender({defaultTagName:"div",render:e,props:c.mergeProps(b,i)})})}function C({className:t,render:r,children:n,...o}){const{activeStep:e,setActiveStep:a,triggerMode:i}=m(),{step:s,state:p,isDisabled:v,isLoading:b}=x(),h=e===s,S=K(s,e,i),L=g=>{const f=Array.from(g.currentTarget.closest('[data-slot="stepper-nav"]')?.querySelectorAll('[data-slot="stepper-trigger"]:not([disabled]):not([aria-disabled="true"])')??[]),P=f.indexOf(g.currentTarget);if(P!==-1)switch(g.key){case"ArrowRight":case"ArrowDown":g.preventDefault(),f[(P+1)%f.length]?.focus();break;case"ArrowLeft":case"ArrowUp":g.preventDefault(),f[(P-1+f.length)%f.length]?.focus();break;case"Home":g.preventDefault(),f[0]?.focus();break;case"End":g.preventDefault(),f[f.length-1]?.focus();break}},$={type:"button",role:"tab",id:`stepper-tab-${s}`,"aria-selected":h,"aria-controls":`stepper-panel-${s}`,"aria-disabled":!S||void 0,tabIndex:h?0:-1,disabled:v,"data-state":p,"data-loading":b||void 0,"data-slot":"stepper-trigger",className:u.cn("inline-flex items-center gap-2.5 rounded-full outline-none",S?"cursor-pointer":"cursor-default","focus-visible:z-10 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50","disabled:pointer-events-none disabled:opacity-60",t),onClick:()=>{S&&a(s)},onKeyDown:L,children:n};return d.useRender({defaultTagName:"button",render:r,props:c.mergeProps($,o)})}function D({className:t,render:r,children:n,...o}){const{state:e,isLoading:a}=x(),{indicators:i}=m(),s=a&&i.loading||e==="completed"&&i.completed||e==="active"&&i.active||e==="inactive"&&i.inactive,p={"data-state":e,"data-loading":a||void 0,"data-slot":"stepper-indicator",className:u.cn("relative flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-full border-background bg-accent text-accent-foreground text-xs","data-[state=active]:bg-primary data-[state=active]:text-primary-foreground","data-[state=completed]:bg-primary data-[state=completed]:text-primary-foreground",t),children:l.jsx("div",{className:"absolute",children:s||n})};return d.useRender({defaultTagName:"div",render:r,props:c.mergeProps(p,o)})}function I({className:t,render:r,children:n,...o}){const{state:e}=x(),a={"aria-hidden":!0,"data-state":e,"data-slot":"stepper-separator",className:u.cn("m-0.5 rounded-sm bg-muted data-[state=completed]:bg-primary","group-data-[orientation=horizontal]/stepper-nav:h-0.5 group-data-[orientation=horizontal]/stepper-nav:flex-1","group-data-[orientation=vertical]/stepper-nav:h-12 group-data-[orientation=vertical]/stepper-nav:w-0.5",t),children:n};return d.useRender({defaultTagName:"div",render:r,props:c.mergeProps(a,o)})}function k({className:t,render:r,children:n,...o}){const{state:e}=x(),a={"data-state":e,"data-slot":"stepper-title",className:u.cn("font-medium text-sm leading-none",t),children:n};return d.useRender({defaultTagName:"h3",render:r,props:c.mergeProps(a,o)})}function z({className:t,render:r,children:n,...o}){const{state:e}=x(),a={"data-state":e,"data-slot":"stepper-description",className:u.cn("text-muted-foreground text-sm",t),children:n};return d.useRender({defaultTagName:"p",render:r,props:c.mergeProps(a,o)})}function A({className:t,render:r,children:n,...o}){const{activeStep:e}=m(),a={"data-state":e,"data-slot":"stepper-panel",className:u.cn("w-full",t),children:n};return d.useRender({defaultTagName:"div",render:r,props:c.mergeProps(a,o)})}function q({value:t,forceMount:r=!1,className:n,render:o,children:e,...a}){const{activeStep:i}=m(),s=t===i;if(!r&&!s)return null;const p={role:"tabpanel",id:`stepper-panel-${t}`,"aria-labelledby":`stepper-tab-${t}`,hidden:!s,"data-state":s?"active":"inactive","data-slot":"stepper-content",className:u.cn("w-full",n,!s&&"hidden"),children:e};return d.useRender({defaultTagName:"div",render:o,props:c.mergeProps(p,a)})}function O({items:t,classNames:r,...n}){const o=t.some(e=>e.content!=null);return l.jsxs(y,{...n,children:[l.jsx(R,{className:r?.nav,children:t.map((e,a)=>{const i=a+1;return l.jsxs(T,{step:i,disabled:e.disabled,loading:e.loading,className:r?.item,children:[l.jsxs(C,{className:r?.trigger,children:[l.jsx(D,{className:r?.indicator,children:e.indicator??i}),(e.title||e.description)&&l.jsxs("div",{className:"flex flex-col gap-0.5 text-left",children:[e.title?l.jsx(k,{className:r?.title,children:e.title}):null,e.description?l.jsx(z,{className:r?.description,children:e.description}):null]})]}),a<t.length-1?l.jsx(I,{className:r?.separator}):null]},i)})}),o?l.jsx(A,{className:r?.panel,children:t.map((e,a)=>e.content!=null?l.jsx(q,{value:a+1,className:r?.content,children:e.content},a+1):null)}):null]})}exports.Stepper=O;exports.StepperContent=q;exports.StepperDescription=z;exports.StepperIndicator=D;exports.StepperItem=T;exports.StepperNav=R;exports.StepperPanel=A;exports.StepperRoot=y;exports.StepperSeparator=I;exports.StepperTitle=k;exports.StepperTrigger=C;exports.useStepItem=x;exports.useStepper=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),E=require("../../node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs.js"),N=require("react"),c=require("../../lib/cn.cjs.js"),d=require("../../node_modules/@base-ui/react/use-render/useRender.cjs.js"),u=require("../../node_modules/@base-ui/react/merge-props/mergeProps.cjs.js");function K(t,r,n){return n==="none"?!1:n==="both"?!0:n==="backward-only"?t<=r:t>=r}const w=N.createContext(void 0);function m(){const t=N.useContext(w);if(!t)throw new Error("useStepper must be used within a StepperRoot");return t}const j=N.createContext(void 0);function x(){const t=N.useContext(j);if(!t)throw new Error("useStepItem must be used within a StepperItem");return t}function y({defaultValue:t=1,value:r,onValueChange:n,orientation:o="horizontal",indicators:e={},triggerMode:a="both",className:i,render:s,children:p,...v}){const[b=1,h]=E.useControllableState({prop:r,defaultProp:t,onChange:n}),S={className:c.cn("flex w-full data-[orientation=horizontal]:flex-col data-[orientation=vertical]:flex-row data-[orientation=vertical]:gap-8",i),"data-orientation":o,"data-slot":"stepper",children:p};return l.jsx(w.Provider,{value:{activeStep:b,setActiveStep:h,orientation:o,indicators:e,triggerMode:a},children:d.useRender({defaultTagName:"div",render:s,props:u.mergeProps(S,v)})})}function R({className:t,render:r,children:n,...o}){const{orientation:e}=m(),a={role:"tablist","aria-orientation":e,"data-orientation":e,"data-slot":"stepper-nav",className:c.cn("group/stepper-nav inline-flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",t),children:n};return d.useRender({defaultTagName:"nav",render:r,props:u.mergeProps(a,o)})}function T({step:t,disabled:r=!1,loading:n=!1,className:o,render:e,children:a,...i}){const{activeStep:s}=m(),p=t<s?"completed":t===s?"active":"inactive",v=n&&t===s,b={"data-state":p,"data-loading":v||void 0,"data-slot":"stepper-item",className:c.cn("group/step flex items-center justify-center not-last:flex-1","group-data-[orientation=horizontal]/stepper-nav:flex-row group-data-[orientation=vertical]/stepper-nav:flex-col",o),children:a};return l.jsx(j.Provider,{value:{step:t,state:p,isDisabled:r,isLoading:v},children:d.useRender({defaultTagName:"div",render:e,props:u.mergeProps(b,i)})})}function C({className:t,render:r,children:n,...o}){const{activeStep:e,setActiveStep:a,triggerMode:i}=m(),{step:s,state:p,isDisabled:v,isLoading:b}=x(),h=e===s,S=K(s,e,i),L=g=>{const f=Array.from(g.currentTarget.closest('[data-slot="stepper-nav"]')?.querySelectorAll('[data-slot="stepper-trigger"]:not([disabled]):not([aria-disabled="true"])')??[]),P=f.indexOf(g.currentTarget);if(P!==-1)switch(g.key){case"ArrowRight":case"ArrowDown":g.preventDefault(),f[(P+1)%f.length]?.focus();break;case"ArrowLeft":case"ArrowUp":g.preventDefault(),f[(P-1+f.length)%f.length]?.focus();break;case"Home":g.preventDefault(),f[0]?.focus();break;case"End":g.preventDefault(),f[f.length-1]?.focus();break}},$={type:"button",role:"tab",id:`stepper-tab-${s}`,"aria-selected":h,"aria-controls":`stepper-panel-${s}`,"aria-disabled":!S||void 0,tabIndex:h?0:-1,disabled:v,"data-state":p,"data-loading":b||void 0,"data-slot":"stepper-trigger",className:c.cn("inline-flex items-center gap-2.5 rounded-full outline-none",S?"cursor-pointer":"cursor-default","focus-visible:z-10 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50","disabled:pointer-events-none disabled:opacity-60",t),onClick:()=>{S&&a(s)},onKeyDown:L,children:n};return d.useRender({defaultTagName:"button",render:r,props:u.mergeProps($,o)})}function D({className:t,render:r,children:n,...o}){const{state:e,isLoading:a}=x(),{indicators:i}=m(),s=a&&i.loading||e==="completed"&&i.completed||e==="active"&&i.active||e==="inactive"&&i.inactive,p={"data-state":e,"data-loading":a||void 0,"data-slot":"stepper-indicator",className:c.cn("relative flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-full border-background bg-accent text-accent-foreground text-xs","data-[state=active]:bg-primary data-[state=active]:text-primary-foreground","data-[state=completed]:bg-primary data-[state=completed]:text-primary-foreground",t),children:l.jsx("div",{className:"absolute",children:s||n})};return d.useRender({defaultTagName:"div",render:r,props:u.mergeProps(p,o)})}function I({className:t,render:r,children:n,...o}){const{state:e}=x(),a={"aria-hidden":!0,"data-state":e,"data-slot":"stepper-separator",className:c.cn("m-0.5 rounded-sm bg-muted data-[state=completed]:bg-primary","group-data-[orientation=horizontal]/stepper-nav:h-0.5 group-data-[orientation=horizontal]/stepper-nav:flex-1","group-data-[orientation=vertical]/stepper-nav:h-12 group-data-[orientation=vertical]/stepper-nav:w-0.5",t),children:n};return d.useRender({defaultTagName:"div",render:r,props:u.mergeProps(a,o)})}function k({className:t,render:r,children:n,...o}){const{state:e}=x(),a={"data-state":e,"data-slot":"stepper-title",className:c.cn("font-medium text-sm leading-none",t),children:n};return d.useRender({defaultTagName:"h3",render:r,props:u.mergeProps(a,o)})}function z({className:t,render:r,children:n,...o}){const{state:e}=x(),a={"data-state":e,"data-slot":"stepper-description",className:c.cn("text-muted-foreground text-sm",t),children:n};return d.useRender({defaultTagName:"p",render:r,props:u.mergeProps(a,o)})}function A({className:t,render:r,children:n,...o}){const{activeStep:e}=m(),a={"data-state":e,"data-slot":"stepper-panel",className:c.cn("w-full",t),children:n};return d.useRender({defaultTagName:"div",render:r,props:u.mergeProps(a,o)})}function q({value:t,forceMount:r=!1,className:n,render:o,children:e,...a}){const{activeStep:i}=m(),s=t===i;if(!r&&!s)return null;const p={role:"tabpanel",id:`stepper-panel-${t}`,"aria-labelledby":`stepper-tab-${t}`,hidden:!s,"data-state":s?"active":"inactive","data-slot":"stepper-content",className:c.cn("w-full",n,!s&&"hidden"),children:e};return d.useRender({defaultTagName:"div",render:o,props:u.mergeProps(p,a)})}function O({items:t,classNames:r,...n}){const o=t.some(e=>e.content!=null);return l.jsxs(y,{...n,children:[l.jsx(R,{className:r?.nav,children:t.map((e,a)=>{const i=a+1;return l.jsxs(T,{step:i,disabled:e.disabled,loading:e.loading,className:r?.item,children:[l.jsxs(C,{className:r?.trigger,children:[l.jsx(D,{className:r?.indicator,children:e.indicator??i}),(e.title||e.description)&&l.jsxs("div",{className:"flex flex-col gap-0.5 text-left",children:[e.title?l.jsx(k,{className:r?.title,children:e.title}):null,e.description?l.jsx(z,{className:r?.description,children:e.description}):null]})]}),a<t.length-1?l.jsx(I,{className:r?.separator}):null]},i)})}),o?l.jsx(A,{className:r?.panel,children:t.map((e,a)=>e.content!=null?l.jsx(q,{value:a+1,className:r?.content,children:e.content},a+1):null)}):null]})}exports.Stepper=O;exports.StepperContent=q;exports.StepperDescription=z;exports.StepperIndicator=D;exports.StepperItem=T;exports.StepperNav=R;exports.StepperPanel=A;exports.StepperRoot=y;exports.StepperSeparator=I;exports.StepperTitle=k;exports.StepperTrigger=C;exports.useStepItem=x;exports.useStepper=m;