@boxcustodia/library 2.0.0-alpha.2 → 2.0.0-alpha.20

package/dist/components/progress/progress.es.js

@@ -0,0 +1,114 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { Progress as o } from "@base-ui/react/progress";
+import { cva as n } from "class-variance-authority";
+import { cn as e } from "../../lib/cn.es.js";
+const u = n(
+  "block w-full overflow-hidden rounded-full bg-input",
+  {
+    variants: {
+      size: {
+        sm: "h-1",
+        md: "h-1.5",
+        lg: "h-2.5"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), g = n("transition-all duration-500", {
+  variants: {
+    variant: {
+      default: "bg-primary",
+      success: "bg-success",
+      error: "bg-error",
+      warning: "bg-warning",
+      info: "bg-info"
+    }
+  },
+  defaultVariants: { variant: "default" }
+});
+function d({
+  className: r,
+  ...s
+}) {
+  return /* @__PURE__ */ a(
+    o.Root,
+    {
+      className: e("flex w-full flex-col gap-2", r),
+      "data-slot": "progress",
+      ...s
+    }
+  );
+}
+function h({
+  className: r,
+  ...s
+}) {
+  return /* @__PURE__ */ a(
+    o.Label,
+    {
+      className: e("font-medium text-sm", r),
+      "data-slot": "progress-label",
+      ...s
+    }
+  );
+}
+function f({
+  className: r,
+  size: s,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    o.Track,
+    {
+      className: e(u({ size: s }), r),
+      "data-slot": "progress-track",
+      ...t
+    }
+  );
+}
+function m({
+  className: r,
+  variant: s,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    o.Indicator,
+    {
+      className: e(g({ variant: s }), r),
+      "data-slot": "progress-indicator",
+      ...t
+    }
+  );
+}
+function x({
+  className: r,
+  ...s
+}) {
+  return /* @__PURE__ */ a(
+    o.Value,
+    {
+      className: e("text-sm tabular-nums", r),
+      "data-slot": "progress-value",
+      ...s
+    }
+  );
+}
+function V({
+  size: r,
+  variant: s,
+  className: t,
+  trackProps: i,
+  indicatorProps: l,
+  ...c
+}) {
+  return /* @__PURE__ */ a(d, { className: t, ...c, children: /* @__PURE__ */ a(f, { size: r, ...i, children: /* @__PURE__ */ a(m, { variant: s, ...l }) }) });
+}
+export {
+  V as Progress,
+  m as ProgressIndicator,
+  h as ProgressLabel,
+  d as ProgressRoot,
+  f as ProgressTrack,
+  x as ProgressValue
+};

package/dist/components/scroll-area/scroll-area.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("@base-ui/react/scroll-area"),t=require("../../lib/cn.cjs.js");function c({className:o,children:e,scrollFade:l=!1,scrollbarGutter:s=!1,...n}){return r.jsxs(a.ScrollArea.Root,{className:t.cn("size-full min-h-0",o),...n,children:[r.jsx(a.ScrollArea.Viewport,{className:t.cn("h-full rounded-[inherit] outline-none transition-shadows focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background data-has-overflow-y:overscroll-y-contain data-has-overflow-x:overscroll-x-contain",l&&"mask-t-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-start)))] mask-b-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-end)))] mask-l-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-start)))] mask-r-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-end)))] [--fade-size:1.5rem]",s&&"data-has-overflow-y:pe-2.5 data-has-overflow-x:pb-2.5"),"data-slot":"scroll-area-viewport",children:e}),r.jsx(i,{orientation:"vertical"}),r.jsx(i,{orientation:"horizontal"}),r.jsx(a.ScrollArea.Corner,{"data-slot":"scroll-area-corner"})]})}function i({className:o,orientation:e="vertical",...l}){return r.jsx(a.ScrollArea.Scrollbar,{className:t.cn("m-1 flex opacity-0 transition-opacity delay-300 data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5 data-[orientation=horizontal]:flex-col data-hovering:opacity-100 data-scrolling:opacity-100 data-hovering:delay-0 data-scrolling:delay-0 data-hovering:duration-100 data-scrolling:duration-100",o),"data-slot":"scroll-area-scrollbar",orientation:e,...l,children:r.jsx(a.ScrollArea.Thumb,{className:"relative flex-1 rounded-full bg-foreground/20","data-slot":"scroll-area-thumb"})})}Object.defineProperty(exports,"ScrollAreaPrimitive",{enumerable:!0,get:()=>a.ScrollArea});exports.ScrollArea=c;exports.ScrollBar=i;

package/dist/components/scroll-area/scroll-area.es.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { ScrollArea as r } from "@base-ui/react/scroll-area";
+import { ScrollArea as g } from "@base-ui/react/scroll-area";
+import { cn as i } from "../../lib/cn.es.js";
+function m({
+  className: o,
+  children: l,
+  scrollFade: e = !1,
+  scrollbarGutter: s = !1,
+  ...n
+}) {
+  return /* @__PURE__ */ c(
+    r.Root,
+    {
+      className: i("size-full min-h-0", o),
+      ...n,
+      children: [
+        /* @__PURE__ */ a(
+          r.Viewport,
+          {
+            className: i(
+              "h-full rounded-[inherit] outline-none transition-shadows focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background data-has-overflow-y:overscroll-y-contain data-has-overflow-x:overscroll-x-contain",
+              e && "mask-t-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-start)))] mask-b-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-end)))] mask-l-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-start)))] mask-r-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-end)))] [--fade-size:1.5rem]",
+              s && "data-has-overflow-y:pe-2.5 data-has-overflow-x:pb-2.5"
+            ),
+            "data-slot": "scroll-area-viewport",
+            children: l
+          }
+        ),
+        /* @__PURE__ */ a(t, { orientation: "vertical" }),
+        /* @__PURE__ */ a(t, { orientation: "horizontal" }),
+        /* @__PURE__ */ a(r.Corner, { "data-slot": "scroll-area-corner" })
+      ]
+    }
+  );
+}
+function t({
+  className: o,
+  orientation: l = "vertical",
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    r.Scrollbar,
+    {
+      className: i(
+        "m-1 flex opacity-0 transition-opacity delay-300 data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5 data-[orientation=horizontal]:flex-col data-hovering:opacity-100 data-scrolling:opacity-100 data-hovering:delay-0 data-scrolling:delay-0 data-hovering:duration-100 data-scrolling:duration-100",
+        o
+      ),
+      "data-slot": "scroll-area-scrollbar",
+      orientation: l,
+      ...e,
+      children: /* @__PURE__ */ a(
+        r.Thumb,
+        {
+          className: "relative flex-1 rounded-full bg-foreground/20",
+          "data-slot": "scroll-area-thumb"
+        }
+      )
+    }
+  );
+}
+export {
+  m as ScrollArea,
+  g as ScrollAreaPrimitive,
+  t as ScrollBar
+};

package/dist/components/select/select.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),B=require("@base-ui/react/merge-props"),o=require("@base-ui/react/select"),U=require("@base-ui/react/use-render"),x=require("lucide-react"),s=require("../../lib/cn.cjs.js"),A=require("../input/input.cjs.js"),v=s.cn(A.inputBaseClasses,"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"),S="-me-1 size-4.5 opacity-80 sm:size-4";function I({...e}){return t.jsx(o.Select.Root,{...e})}function z({className:e,children:r,...l}){return t.jsxs(o.Select.Trigger,{className:s.cn(v,e),"data-slot":"select-trigger",...l,children:[r,t.jsx(o.Select.Icon,{"data-slot":"select-icon",className:"text-muted-foreground hover:text-foreground transition-colors",children:t.jsx(x.ChevronsUpDownIcon,{className:S})})]})}function M({className:e,render:r,children:l,...c}){const d=r?void 0:"button",i={children:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"flex-1 truncate in-data-placeholder:text-muted-foreground/72",children:l}),t.jsx(x.ChevronsUpDownIcon,{className:S})]}),className:s.cn(v,"min-w-0",e),"data-slot":"select-button",type:d};return U.useRender({defaultTagName:"button",props:B.mergeProps(i,c),render:r})}function C({className:e,...r}){return t.jsx(o.Select.Value,{className:s.cn("flex-1 truncate data-placeholder:text-muted-foreground",e),"data-slot":"select-value",...r})}function j({className:e,children:r,side:l="bottom",sideOffset:c=4,align:d="start",alignOffset:i=0,alignItemWithTrigger:h=!1,anchor:u,portalProps:f,...p}){return t.jsx(o.Select.Portal,{...f,children:t.jsx(o.Select.Positioner,{align:d,alignItemWithTrigger:h,alignOffset:i,anchor:u,className:"z-50 select-none","data-slot":"select-positioner",side:l,sideOffset:c,children:t.jsxs(o.Select.Popup,{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,children:[t.jsx(o.Select.ScrollUpArrow,{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:t.jsx(x.ChevronUpIcon,{className:"relative size-4.5 sm:size-4"})}),t.jsx("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:t.jsx(o.Select.List,{className:s.cn("max-h-[min(24rem,var(--available-height))] overflow-y-auto p-1",e),"data-slot":"select-list",children:r})}),t.jsx(o.Select.ScrollDownArrow,{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:t.jsx(x.ChevronDownIcon,{className:"relative size-4.5 sm:size-4"})})]})})})}function L({className:e,children:r,...l}){return t.jsxs(o.Select.Item,{className:s.cn("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",...l,children:[t.jsx(o.Select.ItemText,{className:"col-start-1 min-w-0",children:r}),t.jsx(o.Select.ItemIndicator,{className:"col-start-2",children:t.jsx("svg",{"aria-hidden":"true",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M5.252 12.7 10.2 18.63 18.748 5.37"})})})]})}function O({className:e,...r}){return t.jsx(o.Select.Separator,{className:s.cn("mx-2 my-1 h-px bg-border",e),"data-slot":"select-separator",...r})}function F(e){return t.jsx(o.Select.Group,{"data-slot":"select-group",...e})}function W(e){return t.jsx(o.Select.GroupLabel,{className:"px-2 py-1.5 font-medium text-muted-foreground text-xs","data-slot":"select-group-label",...e})}function E({className:e,...r}){return t.jsx(o.Select.Label,{className:s.cn("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),"data-slot":"select-label",...r})}function H(e){if(e==null)return"";if(typeof e=="string"||typeof e=="number")return String(e);if(typeof e=="object"){const r=e;if("label"in r)return String(r.label);if("name"in r)return String(r.name);if("title"in r)return String(r.title)}return String(e)}function J(e){if(e==null)return"";if(typeof e=="string"||typeof e=="number")return String(e);if(typeof e=="object"){const r=e;if("id"in r)return String(r.id);if("value"in r)return String(r.value)}return String(e)}function K(e){return e!=null&&typeof e=="object"&&"disabled"in e?!!e.disabled:!1}function Q(e){const{items:r,getLabel:l,getId:c,getDisabled:d,renderItem:i,placeholder:h,onValueChange:u,value:f,defaultValue:p,multiple:b,className:P,classNames:w,"aria-invalid":N,...T}=e,y=l??H,a=c??J,_=d??K,k=b?f?.map(a):f!=null?a(f):void 0,D=b?p?.map(a):p!=null?a(p):void 0,G=n=>{if(b){const m=(n??[]).map(R=>r.find(V=>a(V)===R)??null).filter(Boolean);u?.(m)}else{if(n==null){u?.(null);return}const g=r.find(m=>a(m)===n)??null;u?.(g)}},q=n=>{const g=r.find(m=>a(m)===n);return g?y(g):n};return t.jsxs(I,{itemToStringLabel:q,multiple:b,value:k,defaultValue:D,onValueChange:G,...T,children:[t.jsx(z,{className:P,...N===void 0?{}:{"aria-invalid":N},children:t.jsx(C,{placeholder:h})}),t.jsx(j,{className:w?.popup,children:r.map(n=>t.jsx(L,{value:a(n),disabled:_(n),className:w?.item,children:i?i(n):y(n)},a(n)))})]})}Object.defineProperty(exports,"SelectPrimitive",{enumerable:!0,get:()=>o.Select});exports.Select=Q;exports.SelectButton=M;exports.SelectContent=j;exports.SelectGroup=F;exports.SelectGroupLabel=W;exports.SelectItem=L;exports.SelectLabel=E;exports.SelectPopup=j;exports.SelectRoot=I;exports.SelectSeparator=O;exports.SelectTrigger=z;exports.SelectValue=C;exports.selectTriggerClasses=v;exports.selectTriggerIconClassName=S;

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

@@ -0,0 +1,331 @@
+"use client";
+import { jsx as r, jsxs as b, Fragment as D } from "react/jsx-runtime";
+import { mergeProps as T } from "@base-ui/react/merge-props";
+import { Select as o } from "@base-ui/react/select";
+import { Select as de } from "@base-ui/react/select";
+import { useRender as G } from "@base-ui/react/use-render";
+import { ChevronsUpDownIcon as N, ChevronUpIcon as V, ChevronDownIcon as B } from "lucide-react";
+import { cn as s } from "../../lib/cn.es.js";
+import { inputBaseClasses as R } from "../input/input.es.js";
+const y = s(
+  R,
+  "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 U({
+  ...e
+}) {
+  return /* @__PURE__ */ r(o.Root, { ...e });
+}
+function A({
+  className: e,
+  children: t,
+  ...n
+}) {
+  return /* @__PURE__ */ b(
+    o.Trigger,
+    {
+      className: s(y, e),
+      "data-slot": "select-trigger",
+      ...n,
+      children: [
+        t,
+        /* @__PURE__ */ r(
+          o.Icon,
+          {
+            "data-slot": "select-icon",
+            className: "text-muted-foreground hover:text-foreground transition-colors",
+            children: /* @__PURE__ */ r(N, { className: I })
+          }
+        )
+      ]
+    }
+  );
+}
+function te({
+  className: e,
+  render: t,
+  children: n,
+  ...d
+}) {
+  const c = t ? void 0 : "button", i = {
+    children: /* @__PURE__ */ b(D, { children: [
+      /* @__PURE__ */ r("span", { className: "flex-1 truncate in-data-placeholder:text-muted-foreground/72", children: n }),
+      /* @__PURE__ */ r(N, { className: I })
+    ] }),
+    className: s(y, "min-w-0", e),
+    "data-slot": "select-button",
+    type: c
+  };
+  return G({
+    defaultTagName: "button",
+    props: T(i, d),
+    render: t
+  });
+}
+function F({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    o.Value,
+    {
+      className: s(
+        "flex-1 truncate data-placeholder:text-muted-foreground",
+        e
+      ),
+      "data-slot": "select-value",
+      ...t
+    }
+  );
+}
+function M({
+  className: e,
+  children: t,
+  side: n = "bottom",
+  sideOffset: d = 4,
+  align: c = "start",
+  alignOffset: i = 0,
+  alignItemWithTrigger: v = !1,
+  anchor: u,
+  portalProps: f,
+  ...m
+}) {
+  return /* @__PURE__ */ r(o.Portal, { ...f, children: /* @__PURE__ */ r(
+    o.Positioner,
+    {
+      align: c,
+      alignItemWithTrigger: v,
+      alignOffset: i,
+      anchor: u,
+      className: "z-50 select-none",
+      "data-slot": "select-positioner",
+      side: n,
+      sideOffset: d,
+      children: /* @__PURE__ */ b(
+        o.Popup,
+        {
+          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",
+          ...m,
+          children: [
+            /* @__PURE__ */ r(
+              o.ScrollUpArrow,
+              {
+                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(V, { 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,
+              {
+                className: s(
+                  "max-h-[min(24rem,var(--available-height))] overflow-y-auto p-1",
+                  e
+                ),
+                "data-slot": "select-list",
+                children: t
+              }
+            ) }),
+            /* @__PURE__ */ r(
+              o.ScrollDownArrow,
+              {
+                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(B, { className: "relative size-4.5 sm:size-4" })
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+}
+function W({
+  className: e,
+  children: t,
+  ...n
+}) {
+  return /* @__PURE__ */ b(
+    o.Item,
+    {
+      className: s(
+        "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,
+      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(
+          "svg",
+          {
+            "aria-hidden": "true",
+            fill: "none",
+            height: "24",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "2",
+            viewBox: "0 0 24 24",
+            width: "24",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ r("path", { d: "M5.252 12.7 10.2 18.63 18.748 5.37" })
+          }
+        ) })
+      ]
+    }
+  );
+}
+function re({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    o.Separator,
+    {
+      className: s("mx-2 my-1 h-px bg-border", e),
+      "data-slot": "select-separator",
+      ...t
+    }
+  );
+}
+function oe(e) {
+  return /* @__PURE__ */ r(o.Group, { "data-slot": "select-group", ...e });
+}
+function ae(e) {
+  return /* @__PURE__ */ r(
+    o.GroupLabel,
+    {
+      className: "px-2 py-1.5 font-medium text-muted-foreground text-xs",
+      "data-slot": "select-group-label",
+      ...e
+    }
+  );
+}
+function ne({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    o.Label,
+    {
+      className: s(
+        "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
+      ),
+      "data-slot": "select-label",
+      ...t
+    }
+  );
+}
+function $(e) {
+  if (e == null) return "";
+  if (typeof e == "string" || typeof e == "number") return String(e);
+  if (typeof e == "object") {
+    const t = e;
+    if ("label" in t) return String(t.label);
+    if ("name" in t) return String(t.name);
+    if ("title" in t) return String(t.title);
+  }
+  return String(e);
+}
+function q(e) {
+  if (e == null) return "";
+  if (typeof e == "string" || typeof e == "number") return String(e);
+  if (typeof e == "object") {
+    const t = e;
+    if ("id" in t) return String(t.id);
+    if ("value" in t) return String(t.value);
+  }
+  return String(e);
+}
+function E(e) {
+  return e != null && typeof e == "object" && "disabled" in e ? !!e.disabled : !1;
+}
+function le(e) {
+  const {
+    items: t,
+    getLabel: n,
+    getId: d,
+    getDisabled: c,
+    renderItem: i,
+    placeholder: v,
+    onValueChange: u,
+    value: f,
+    defaultValue: m,
+    multiple: h,
+    className: z,
+    classNames: x,
+    "aria-invalid": S,
+    ...L
+  } = e, w = n ?? $, l = d ?? q, C = c ?? E, _ = h ? f?.map(l) : f != null ? l(f) : void 0, P = h ? m?.map(l) : m != null ? l(m) : void 0;
+  return /* @__PURE__ */ b(
+    U,
+    {
+      itemToStringLabel: (a) => {
+        const p = t.find((g) => l(g) === a);
+        return p ? w(p) : a;
+      },
+      multiple: h,
+      value: _,
+      defaultValue: P,
+      onValueChange: (a) => {
+        if (h) {
+          const g = (a ?? []).map((j) => t.find((k) => l(k) === j) ?? null).filter(Boolean);
+          u?.(g);
+        } else {
+          if (a == null) {
+            u?.(null);
+            return;
+          }
+          const p = t.find((g) => l(g) === a) ?? null;
+          u?.(p);
+        }
+      },
+      ...L,
+      children: [
+        /* @__PURE__ */ r(
+          A,
+          {
+            className: z,
+            ...S === void 0 ? {} : { "aria-invalid": S },
+            children: /* @__PURE__ */ r(F, { placeholder: v })
+          }
+        ),
+        /* @__PURE__ */ r(M, { className: x?.popup, children: t.map((a) => /* @__PURE__ */ r(
+          W,
+          {
+            value: l(a),
+            disabled: C(a),
+            className: x?.item,
+            children: i ? i(a) : w(a)
+          },
+          l(a)
+        )) })
+      ]
+    }
+  );
+}
+export {
+  le as Select,
+  te as SelectButton,
+  M as SelectContent,
+  oe as SelectGroup,
+  ae as SelectGroupLabel,
+  W as SelectItem,
+  ne as SelectLabel,
+  M as SelectPopup,
+  de as SelectPrimitive,
+  U as SelectRoot,
+  re as SelectSeparator,
+  A as SelectTrigger,
+  F as SelectValue,
+  y as selectTriggerClasses,
+  I as selectTriggerIconClassName
+};

package/dist/components/skeleton/skeleton.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("../../lib/cn.cjs.js");function a({className:e,...t}){return n.jsx("div",{className:r.cn("animate-skeleton rounded-sm [--skeleton-highlight:--alpha(var(--color-white)/64%)] [background:linear-gradient(120deg,transparent_40%,var(--skeleton-highlight),transparent_60%)_var(--color-muted)_0_0/200%_100%_fixed] dark:[--skeleton-highlight:--alpha(var(--color-white)/4%)]",e),"data-slot":"skeleton",...t})}exports.Skeleton=a;

package/dist/components/skeleton/skeleton.es.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { cn as a } from "../../lib/cn.es.js";
+function l({ className: e, ...t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: a(
+        "animate-skeleton rounded-sm [--skeleton-highlight:--alpha(var(--color-white)/64%)] [background:linear-gradient(120deg,transparent_40%,var(--skeleton-highlight),transparent_60%)_var(--color-muted)_0_0/200%_100%_fixed] dark:[--skeleton-highlight:--alpha(var(--color-white)/4%)]",
+        e
+      ),
+      "data-slot": "skeleton",
+      ...t
+    }
+  );
+}
+export {
+  l as Skeleton
+};

package/dist/components/stack/stack.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),m=require("../../lib/cn.cjs.js"),v=({as:t="div",inline:s=!1,direction:l="horizontal",reverse:n=!1,justify:a,align:r,gap:i=8,wrap:e,grow:o=!1,className:c,style:f,...u})=>{const x=`${l==="vertical"?"column":"row"}${n?"-reverse":""}`;return d.jsx(t,{className:m.cn(s?"inline-flex":"flex",o&&"flex-1",c),style:{flexDirection:x,justifyContent:a,alignItems:r,gap:i,flexWrap:e===!0?"wrap":e===!1?void 0:e,...f},"data-slot":"stack",...u})};exports.Stack=v;

package/dist/components/stack/stack.es.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as u } from "react/jsx-runtime";
+import { cn as v } from "../../lib/cn.es.js";
+const j = ({
+  as: t = "div",
+  inline: l = !1,
+  direction: s = "horizontal",
+  reverse: o = !1,
+  justify: a,
+  align: r,
+  gap: f = 8,
+  wrap: e,
+  grow: i = !1,
+  className: n,
+  style: c,
+  ...m
+}) => {
+  const x = `${s === "vertical" ? "column" : "row"}${o ? "-reverse" : ""}`;
+  return /* @__PURE__ */ u(
+    t,
+    {
+      className: v(
+        l ? "inline-flex" : "flex",
+        i && "flex-1",
+        n
+      ),
+      style: {
+        flexDirection: x,
+        justifyContent: a,
+        alignItems: r,
+        gap: f,
+        flexWrap: e === !0 ? "wrap" : e === !1 ? void 0 : e,
+        ...c
+      },
+      "data-slot": "stack",
+      ...m
+    }
+  );
+};
+export {
+  j as Stack
+};

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

@@ -0,0 +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;