@boxcustodia/library 2.0.0-alpha.3 → 2.0.0-alpha.30

package/dist/components/menu/menu-primitives.es.js

@@ -0,0 +1,256 @@
+"use client";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import u from "../../node_modules/lucide-react/dist/esm/icons/check.es.js";
+import c from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.es.js";
+import { MenuRoot as l } from "../../node_modules/@base-ui/react/menu/root/MenuRoot.es.js";
+import { MenuPortal as m } from "../../node_modules/@base-ui/react/menu/portal/MenuPortal.es.js";
+import { MenuTrigger as p } from "../../node_modules/@base-ui/react/menu/trigger/MenuTrigger.es.js";
+import { MenuPositioner as f } from "../../node_modules/@base-ui/react/menu/positioner/MenuPositioner.es.js";
+import { MenuPopup as g } from "../../node_modules/@base-ui/react/menu/popup/MenuPopup.es.js";
+import { cn as r } from "../../lib/cn.es.js";
+import { MenuGroup as x } from "../../node_modules/@base-ui/react/menu/group/MenuGroup.es.js";
+import { MenuGroupLabel as h } from "../../node_modules/@base-ui/react/menu/group-label/MenuGroupLabel.es.js";
+import { MenuItem as b } from "../../node_modules/@base-ui/react/menu/item/MenuItem.es.js";
+import { MenuCheckboxItem as v } from "../../node_modules/@base-ui/react/menu/checkbox-item/MenuCheckboxItem.es.js";
+import { MenuCheckboxItemIndicator as M } from "../../node_modules/@base-ui/react/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.es.js";
+import { MenuRadioGroup as z } from "../../node_modules/@base-ui/react/menu/radio-group/MenuRadioGroup.es.js";
+import { MenuRadioItem as k } from "../../node_modules/@base-ui/react/menu/radio-item/MenuRadioItem.es.js";
+import { MenuRadioItemIndicator as I } from "../../node_modules/@base-ui/react/menu/radio-item-indicator/MenuRadioItemIndicator.es.js";
+import { Separator as N } from "../../node_modules/@base-ui/react/separator/Separator.es.js";
+import { MenuSubmenuRoot as y } from "../../node_modules/@base-ui/react/menu/submenu-root/MenuSubmenuRoot.es.js";
+import { MenuSubmenuTrigger as R } from "../../node_modules/@base-ui/react/menu/submenu-trigger/MenuSubmenuTrigger.es.js";
+function U({ ...e }) {
+  return /* @__PURE__ */ t(l, { "data-slot": "menu", ...e });
+}
+function V({ ...e }) {
+  return /* @__PURE__ */ t(m, { "data-slot": "menu-portal", ...e });
+}
+function W({ ...e }) {
+  return /* @__PURE__ */ t(p, { "data-slot": "menu-trigger", ...e });
+}
+function _({
+  align: e = "start",
+  alignOffset: o = 0,
+  side: n = "bottom",
+  sideOffset: a = 4,
+  className: i,
+  ...s
+}) {
+  return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(
+    f,
+    {
+      className: "isolate z-50 outline-none",
+      align: e,
+      alignOffset: o,
+      side: n,
+      sideOffset: a,
+      children: /* @__PURE__ */ t(
+        g,
+        {
+          "data-slot": "menu-content",
+          className: r(
+            "z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95",
+            i
+          ),
+          ...s
+        }
+      )
+    }
+  ) });
+}
+function X({ ...e }) {
+  return /* @__PURE__ */ t(x, { "data-slot": "menu-group", ...e });
+}
+function Y({
+  className: e,
+  inset: o,
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    h,
+    {
+      "data-slot": "menu-label",
+      "data-inset": o,
+      className: r(
+        "px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7",
+        e
+      ),
+      ...n
+    }
+  );
+}
+function Z({
+  className: e,
+  inset: o,
+  variant: n = "default",
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    b,
+    {
+      "data-slot": "menu-item",
+      "data-inset": o,
+      "data-variant": n,
+      className: r(
+        "group/menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=error]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=error]:text-error data-[variant=error]:focus:bg-error/10 data-[variant=error]:focus:text-error dark:data-[variant=error]:focus:bg-error/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=error]:*:[svg]:text-error",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function ee({ ...e }) {
+  return /* @__PURE__ */ t(y, { "data-slot": "menu-sub", ...e });
+}
+function te({
+  className: e,
+  inset: o,
+  children: n,
+  ...a
+}) {
+  return /* @__PURE__ */ d(
+    R,
+    {
+      "data-slot": "menu-sub-trigger",
+      "data-inset": o,
+      className: r(
+        "flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=error]:focus:**:text-accent-foreground data-inset:pl-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...a,
+      children: [
+        n,
+        /* @__PURE__ */ t(c, { className: "cn-rtl-flip ml-auto" })
+      ]
+    }
+  );
+}
+function oe({
+  align: e = "start",
+  alignOffset: o = -3,
+  side: n = "right",
+  sideOffset: a = 0,
+  className: i,
+  ...s
+}) {
+  return /* @__PURE__ */ t(
+    _,
+    {
+      "data-slot": "menu-sub-content",
+      className: r(
+        "w-auto min-w-[96px] rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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",
+        i
+      ),
+      align: e,
+      alignOffset: o,
+      side: n,
+      sideOffset: a,
+      ...s
+    }
+  );
+}
+function ne({
+  className: e,
+  children: o,
+  checked: n,
+  inset: a,
+  ...i
+}) {
+  return /* @__PURE__ */ d(
+    v,
+    {
+      "data-slot": "menu-checkbox-item",
+      "data-inset": a,
+      className: r(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      checked: n,
+      ...i,
+      children: [
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: "pointer-events-none absolute right-2 flex items-center justify-center",
+            "data-slot": "menu-checkbox-item-indicator",
+            children: /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(u, {}) })
+          }
+        ),
+        o
+      ]
+    }
+  );
+}
+function ae({ ...e }) {
+  return /* @__PURE__ */ t(z, { "data-slot": "menu-radio-group", ...e });
+}
+function re({
+  className: e,
+  children: o,
+  inset: n,
+  ...a
+}) {
+  return /* @__PURE__ */ d(
+    k,
+    {
+      "data-slot": "menu-radio-item",
+      "data-inset": n,
+      className: r(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: "pointer-events-none absolute right-2 flex items-center justify-center",
+            "data-slot": "menu-radio-item-indicator",
+            children: /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(u, {}) })
+          }
+        ),
+        o
+      ]
+    }
+  );
+}
+function ie({ className: e, ...o }) {
+  return /* @__PURE__ */ t(
+    N,
+    {
+      "data-slot": "menu-separator",
+      className: r("-mx-1 my-px h-px bg-input/50", e),
+      ...o
+    }
+  );
+}
+function se({ className: e, ...o }) {
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      "data-slot": "menu-shortcut",
+      className: r(
+        "ml-auto text-xs tracking-widest text-muted-foreground group-focus/menu-item:text-accent-foreground",
+        e
+      ),
+      ...o
+    }
+  );
+}
+export {
+  ne as MenuCheckboxItem,
+  X as MenuGroup,
+  Z as MenuItem,
+  Y as MenuLabel,
+  _ as MenuPopup,
+  V as MenuPortal,
+  ae as MenuRadioGroup,
+  re as MenuRadioItem,
+  U as MenuRoot,
+  ie as MenuSeparator,
+  se as MenuShortcut,
+  ee as MenuSub,
+  oe as MenuSubContent,
+  te as MenuSubTrigger,
+  W as MenuTrigger
+};

package/dist/components/menu/menu.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("./menu-primitives.cjs.js"),M=require("../../lib/cn.cjs.js");function a(u,c){switch(u.type){case"item":{const{type:o,label:e,shortcut:r,...t}=u;return s.jsxs(n.MenuItem,{...t,children:[e,r&&s.jsx(n.MenuShortcut,{children:r})]},c)}case"checkbox":{const{type:o,label:e,shortcut:r,...t}=u;return s.jsxs(n.MenuCheckboxItem,{...t,children:[e,r&&s.jsx(n.MenuShortcut,{children:r})]},c)}case"radio":{const{type:o,label:e,shortcut:r,...t}=u;return s.jsxs(n.MenuRadioItem,{...t,children:[e,r&&s.jsx(n.MenuShortcut,{children:r})]},c)}case"radio-group":{const{type:o,value:e,onValueChange:r,items:t}=u;return s.jsx(n.MenuRadioGroup,{value:e,onValueChange:r,children:t.map((l,p)=>a(l,p))},c)}case"label":{const{type:o,label:e,...r}=u;return s.jsx(n.MenuGroup,{children:s.jsx(n.MenuLabel,{...r,children:e})},c)}case"separator":{const{type:o,...e}=u;return s.jsx(n.MenuSeparator,{...e},c)}case"group":{const{type:o,label:e,items:r}=u;return s.jsxs(n.MenuGroup,{children:[e&&s.jsx(n.MenuLabel,{children:e}),r.map((t,l)=>a(t,l))]},c)}case"submenu":{const{type:o,label:e,items:r,...t}=u;return s.jsxs(n.MenuSub,{children:[s.jsx(n.MenuSubTrigger,{...t,children:e}),s.jsx(n.MenuSubContent,{children:r.map((l,p)=>a(l,p))})]},c)}}}const j=({trigger:u,items:c,className:o,side:e="bottom",align:r="start",offset:t,alignOffset:l,classNames:p})=>s.jsxs(n.MenuRoot,{children:[s.jsx(n.MenuTrigger,{render:u}),s.jsx(n.MenuPopup,{className:M.cn(p?.popup,o),side:e,align:r,sideOffset:t,alignOffset:l,children:c.map((h,i)=>a(h,i))})]});exports.Menu=j;

package/dist/components/menu/menu.es.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { MenuRoot as m, MenuTrigger as y, MenuPopup as _, MenuSub as g, MenuSubTrigger as f, MenuSubContent as S, MenuGroup as i, MenuLabel as d, MenuSeparator as I, MenuRadioGroup as C, MenuRadioItem as R, MenuShortcut as h, MenuCheckboxItem as j, MenuItem as k } from "./menu-primitives.es.js";
+import { cn as G } from "../../lib/cn.es.js";
+function l(o, c) {
+  switch (o.type) {
+    case "item": {
+      const { type: u, label: e, shortcut: r, ...n } = o;
+      return /* @__PURE__ */ s(k, { ...n, children: [
+        e,
+        r && /* @__PURE__ */ t(h, { children: r })
+      ] }, c);
+    }
+    case "checkbox": {
+      const { type: u, label: e, shortcut: r, ...n } = o;
+      return /* @__PURE__ */ s(j, { ...n, children: [
+        e,
+        r && /* @__PURE__ */ t(h, { children: r })
+      ] }, c);
+    }
+    case "radio": {
+      const { type: u, label: e, shortcut: r, ...n } = o;
+      return /* @__PURE__ */ s(R, { ...n, children: [
+        e,
+        r && /* @__PURE__ */ t(h, { children: r })
+      ] }, c);
+    }
+    case "radio-group": {
+      const { type: u, value: e, onValueChange: r, items: n } = o;
+      return /* @__PURE__ */ t(C, { value: e, onValueChange: r, children: n.map((p, a) => l(p, a)) }, c);
+    }
+    case "label": {
+      const { type: u, label: e, ...r } = o;
+      return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(d, { ...r, children: e }) }, c);
+    }
+    case "separator": {
+      const { type: u, ...e } = o;
+      return /* @__PURE__ */ t(I, { ...e }, c);
+    }
+    case "group": {
+      const { type: u, label: e, items: r } = o;
+      return /* @__PURE__ */ s(i, { children: [
+        e && /* @__PURE__ */ t(d, { children: e }),
+        r.map((n, p) => l(n, p))
+      ] }, c);
+    }
+    case "submenu": {
+      const { type: u, label: e, items: r, ...n } = o;
+      return /* @__PURE__ */ s(g, { children: [
+        /* @__PURE__ */ t(f, { ...n, children: e }),
+        /* @__PURE__ */ t(S, { children: r.map((p, a) => l(p, a)) })
+      ] }, c);
+    }
+  }
+}
+const L = ({
+  trigger: o,
+  items: c,
+  className: u,
+  side: e = "bottom",
+  align: r = "start",
+  offset: n,
+  alignOffset: p,
+  classNames: a
+}) => /* @__PURE__ */ s(m, { children: [
+  /* @__PURE__ */ t(y, { render: o }),
+  /* @__PURE__ */ t(
+    _,
+    {
+      className: G(a?.popup, u),
+      side: e,
+      align: r,
+      sideOffset: n,
+      alignOffset: p,
+      children: c.map((b, M) => l(b, M))
+    }
+  )
+] });
+export {
+  L as Menu
+};

package/dist/components/number-input/number-input.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../../node_modules/lucide-react/dist/esm/icons/minus.cjs.js"),f=require("../../node_modules/lucide-react/dist/esm/icons/plus.cjs.js"),x=require("../../node_modules/lucide-react/dist/esm/icons/chevron-up.cjs.js"),N=require("../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs.js"),h=require("../../node_modules/@base-ui/react/number-field/root/NumberFieldRoot.cjs.js"),t=require("../../lib/cn.cjs.js"),v=require("../../node_modules/@base-ui/react/number-field/group/NumberFieldGroup.cjs.js"),g=require("../../node_modules/@base-ui/react/number-field/input/NumberFieldInput.cjs.js"),I=require("../../node_modules/@base-ui/react/number-field/decrement/NumberFieldDecrement.cjs.js"),j=require("../../node_modules/@base-ui/react/number-field/increment/NumberFieldIncrement.cjs.js"),w=require("../../node_modules/@base-ui/react/number-field/scrub-area/NumberFieldScrubArea.cjs.js"),F=require("../../node_modules/@base-ui/react/number-field/scrub-area-cursor/NumberFieldScrubAreaCursor.cjs.js");function s({className:r,...n}){return e.jsx(h.NumberFieldRoot,{className:t.cn("w-full",r),"data-slot":"number-input",...n})}function c({className:r,...n}){return e.jsx(v.NumberFieldGroup,{className:t.cn("flex h-8 w-full items-center overflow-hidden rounded-md bg-background text-sm transition-shadow","outline outline-1 outline-input [outline-offset:-1px]","focus-within:outline-ring","aria-invalid:outline-error focus-within:aria-invalid:ring-error/20","has-aria-invalid:outline-error focus-within:has-aria-invalid:ring-error/20","data-[invalid]:outline-error focus-within:data-[invalid]:ring-error/20","data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:pointer-events-none","[&_svg]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",r),"data-slot":"number-input-group",...n})}function a({className:r,...n}){return e.jsx(g.NumberFieldInput,{className:t.cn("min-w-0 flex-1 bg-transparent px-3 text-left tabular-nums outline-none","placeholder:text-muted-foreground",r),"data-slot":"number-input-input",...n})}function d({className:r,children:n,...u}){return e.jsx(I.NumberFieldDecrement,{className:t.cn("flex shrink-0 cursor-pointer items-center justify-center border-r border-input px-2 text-muted-foreground transition-colors","hover:bg-accent hover:text-foreground","disabled:pointer-events-none disabled:opacity-50",r),"data-slot":"number-input-decrement",...u,children:n??e.jsx(p.default,{})})}function l({className:r,children:n,...u}){return e.jsx(j.NumberFieldIncrement,{className:t.cn("flex shrink-0 cursor-pointer items-center justify-center border-l border-input px-2 text-muted-foreground transition-colors","hover:bg-accent hover:text-foreground","disabled:pointer-events-none disabled:opacity-50",r),"data-slot":"number-input-increment",...u,children:n??e.jsx(f.default,{})})}function q({className:r,...n}){return e.jsx(w.NumberFieldScrubArea,{className:t.cn("inline-flex cursor-ew-resize items-center",r),"data-slot":"number-input-scrub-area",...n})}function y({className:r,...n}){return e.jsx(F.NumberFieldScrubAreaCursor,{className:t.cn("drop-shadow-[0_1px_1px_#0008] filter",r),...n})}function S(r){return e.jsx("svg",{"aria-hidden":"true",fill:"black",height:"14",stroke:"white",viewBox:"0 0 24 14",width:"26",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx("path",{d:"M19.5 5.5L6.49737 5.51844V2L1 6.9999L6.5 12L6.49737 8.5L19.5 8.5V12L25 6.9999L19.5 2V5.5Z"})})}function A({className:r,hideControls:n=!1,onValueChange:u,invalid:o,placeholder:m,classNames:i,...b}){return e.jsx(s,{onValueChange:u,...b,children:e.jsxs(c,{"aria-invalid":o||void 0,className:r,children:[e.jsx(a,{...o?{"aria-invalid":!0}:{},placeholder:m,className:t.cn("self-stretch",i?.input)}),!n&&e.jsxs("div",{className:t.cn("flex flex-col self-stretch divide-y divide-input border-l border-input",i?.controls),children:[e.jsx(l,{"data-testid":"increment-trigger",className:t.cn("flex-1 border-l-0 py-0 [&_svg]:size-3",i?.increment),children:e.jsx(x.default,{})}),e.jsx(d,{"data-testid":"decrement-trigger",className:t.cn("flex-1 border-r-0 py-0 [&_svg]:size-3",i?.decrement),children:e.jsx(N.default,{})})]})]})})}exports.NumberInput=A;exports.NumberInputCursorIcon=S;exports.NumberInputDecrement=d;exports.NumberInputGroup=c;exports.NumberInputIncrement=l;exports.NumberInputInput=a;exports.NumberInputRoot=s;exports.NumberInputScrubArea=q;exports.NumberInputScrubAreaCursor=y;

package/dist/components/number-input/number-input.es.js

@@ -0,0 +1,219 @@
+"use client";
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import l from "../../node_modules/lucide-react/dist/esm/icons/minus.es.js";
+import m from "../../node_modules/lucide-react/dist/esm/icons/plus.es.js";
+import c from "../../node_modules/lucide-react/dist/esm/icons/chevron-up.es.js";
+import p from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.es.js";
+import { NumberFieldRoot as f } from "../../node_modules/@base-ui/react/number-field/root/NumberFieldRoot.es.js";
+import { cn as n } from "../../lib/cn.es.js";
+import { NumberFieldGroup as b } from "../../node_modules/@base-ui/react/number-field/group/NumberFieldGroup.es.js";
+import { NumberFieldInput as h } from "../../node_modules/@base-ui/react/number-field/input/NumberFieldInput.es.js";
+import { NumberFieldDecrement as v } from "../../node_modules/@base-ui/react/number-field/decrement/NumberFieldDecrement.es.js";
+import { NumberFieldIncrement as g } from "../../node_modules/@base-ui/react/number-field/increment/NumberFieldIncrement.es.js";
+import { NumberFieldScrubArea as x } from "../../node_modules/@base-ui/react/number-field/scrub-area/NumberFieldScrubArea.es.js";
+import { NumberFieldScrubAreaCursor as N } from "../../node_modules/@base-ui/react/number-field/scrub-area-cursor/NumberFieldScrubAreaCursor.es.js";
+function w({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    f,
+    {
+      className: n("w-full", e),
+      "data-slot": "number-input",
+      ...t
+    }
+  );
+}
+function I({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    b,
+    {
+      className: n(
+        "flex h-8 w-full items-center overflow-hidden rounded-md bg-background text-sm transition-shadow",
+        "outline outline-1 outline-input [outline-offset:-1px]",
+        "focus-within:outline-ring",
+        "aria-invalid:outline-error focus-within:aria-invalid:ring-error/20",
+        "has-aria-invalid:outline-error focus-within:has-aria-invalid:ring-error/20",
+        "data-[invalid]:outline-error focus-within:data-[invalid]:ring-error/20",
+        "data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:pointer-events-none",
+        "[&_svg]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        e
+      ),
+      "data-slot": "number-input-group",
+      ...t
+    }
+  );
+}
+function y({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    h,
+    {
+      className: n(
+        "min-w-0 flex-1 bg-transparent px-3 text-left tabular-nums outline-none",
+        "placeholder:text-muted-foreground",
+        e
+      ),
+      "data-slot": "number-input-input",
+      ...t
+    }
+  );
+}
+function _({
+  className: e,
+  children: t,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    v,
+    {
+      className: n(
+        "flex shrink-0 cursor-pointer items-center justify-center border-r border-input px-2 text-muted-foreground transition-colors",
+        "hover:bg-accent hover:text-foreground",
+        "disabled:pointer-events-none disabled:opacity-50",
+        e
+      ),
+      "data-slot": "number-input-decrement",
+      ...i,
+      children: t ?? /* @__PURE__ */ r(l, {})
+    }
+  );
+}
+function F({
+  className: e,
+  children: t,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    g,
+    {
+      className: n(
+        "flex shrink-0 cursor-pointer items-center justify-center border-l border-input px-2 text-muted-foreground transition-colors",
+        "hover:bg-accent hover:text-foreground",
+        "disabled:pointer-events-none disabled:opacity-50",
+        e
+      ),
+      "data-slot": "number-input-increment",
+      ...i,
+      children: t ?? /* @__PURE__ */ r(m, {})
+    }
+  );
+}
+function P({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    x,
+    {
+      className: n("inline-flex cursor-ew-resize items-center", e),
+      "data-slot": "number-input-scrub-area",
+      ...t
+    }
+  );
+}
+function U({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    N,
+    {
+      className: n("drop-shadow-[0_1px_1px_#0008] filter", e),
+      ...t
+    }
+  );
+}
+function Z(e) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "black",
+      height: "14",
+      stroke: "white",
+      viewBox: "0 0 24 14",
+      width: "26",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...e,
+      children: /* @__PURE__ */ r("path", { d: "M19.5 5.5L6.49737 5.51844V2L1 6.9999L6.5 12L6.49737 8.5L19.5 8.5V12L25 6.9999L19.5 2V5.5Z" })
+    }
+  );
+}
+function q({
+  className: e,
+  hideControls: t = !1,
+  onValueChange: i,
+  invalid: u,
+  placeholder: d,
+  classNames: o,
+  ...s
+}) {
+  return /* @__PURE__ */ r(w, { onValueChange: i, ...s, children: /* @__PURE__ */ a(
+    I,
+    {
+      "aria-invalid": u || void 0,
+      className: e,
+      children: [
+        /* @__PURE__ */ r(
+          y,
+          {
+            ...u ? { "aria-invalid": !0 } : {},
+            placeholder: d,
+            className: n("self-stretch", o?.input)
+          }
+        ),
+        !t && /* @__PURE__ */ a(
+          "div",
+          {
+            className: n(
+              "flex flex-col self-stretch divide-y divide-input border-l border-input",
+              o?.controls
+            ),
+            children: [
+              /* @__PURE__ */ r(
+                F,
+                {
+                  "data-testid": "increment-trigger",
+                  className: n(
+                    "flex-1 border-l-0 py-0 [&_svg]:size-3",
+                    o?.increment
+                  ),
+                  children: /* @__PURE__ */ r(c, {})
+                }
+              ),
+              /* @__PURE__ */ r(
+                _,
+                {
+                  "data-testid": "decrement-trigger",
+                  className: n(
+                    "flex-1 border-r-0 py-0 [&_svg]:size-3",
+                    o?.decrement
+                  ),
+                  children: /* @__PURE__ */ r(p, {})
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  q as NumberInput,
+  Z as NumberInputCursorIcon,
+  _ as NumberInputDecrement,
+  I as NumberInputGroup,
+  F as NumberInputIncrement,
+  y as NumberInputInput,
+  w as NumberInputRoot,
+  P as NumberInputScrubArea,
+  U as NumberInputScrubAreaCursor
+};

package/dist/components/otp/otp.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("react"),f=require("../divider/divider.cjs.js"),g=require("../../node_modules/@base-ui/react/otp-field/root/OTPFieldRoot.cjs.js"),n=require("../../lib/cn.cjs.js"),v=require("../../node_modules/@base-ui/react/otp-field/input/OTPFieldInput.cjs.js"),m=require("../../node_modules/@base-ui/react/separator/Separator.cjs.js");function d({className:a,size:e="default",...i}){return t.jsx(g.OTPFieldRoot,{className:n.cn("flex items-center gap-2 has-disabled:opacity-64 has-disabled:**:data-[slot=otp-input]:shadow-none has-disabled:**:data-[slot=otp-input]:before:shadow-none!",a),"data-size":e,"data-slot":"otp",...i})}function l({className:a,...e}){return t.jsx(v.OTPFieldInput,{className:n.cn("in-[[data-slot=otp][data-size=lg]]:size-10 size-9 min-w-0 rounded-lg border border-input bg-background text-center in-[[data-slot=otp][data-size=lg]]:text-lg text-base text-foreground in-[[data-slot=otp][data-size=lg]]:leading-10 leading-9 outline-none transition-shadow focus-visible:z-10 focus-visible:border-ring aria-invalid:border-error focus-visible:aria-invalid:border-error focus-visible:aria-invalid:ring-error/20 in-[[data-slot=field][data-invalid]]:border-error in-[[data-slot=field][data-invalid]]:focus-visible:border-error in-[[data-slot=field][data-invalid]]:focus-visible:ring-error/20 sm:in-[[data-slot=otp][data-size=lg]]:size-9 sm:size-8 sm:in-[[data-slot=otp][data-size=lg]]:text-base sm:text-sm sm:in-[[data-slot=otp][data-size=lg]]:leading-9 sm:leading-8",a),"data-slot":"otp-input",spellCheck:!1,...e})}function u({className:a,...e}){return t.jsx(m.Separator,{render:t.jsx(f.Divider,{className:n.cn("rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3",a),orientation:"horizontal",...e})})}function x({split:a,inputProps:e,size:i,length:r,"aria-invalid":s,...c}){const p={...s?{"aria-invalid":!0}:{},...e};return t.jsx(d,{size:i,length:r,"aria-invalid":s,...c,children:Array.from({length:r},(z,o)=>t.jsxs(b.Fragment,{children:[t.jsx(l,{"aria-label":`Character ${o+1} of ${r}`,...p}),a===o+1&&t.jsx(u,{})]},o))})}exports.OTP=x;exports.OTPInput=l;exports.OTPRoot=d;exports.OTPSeparator=u;

package/dist/components/otp/otp.es.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+import { Fragment as u } from "react";
+import { Divider as f } from "../divider/divider.es.js";
+import { OTPFieldRoot as m } from "../../node_modules/@base-ui/react/otp-field/root/OTPFieldRoot.es.js";
+import { cn as n } from "../../lib/cn.es.js";
+import { OTPFieldInput as b } from "../../node_modules/@base-ui/react/otp-field/input/OTPFieldInput.es.js";
+import { Separator as c } from "../../node_modules/@base-ui/react/separator/Separator.es.js";
+function g({
+  className: a,
+  size: t = "default",
+  ...o
+}) {
+  return /* @__PURE__ */ i(
+    m,
+    {
+      className: n(
+        "flex items-center gap-2 has-disabled:opacity-64 has-disabled:**:data-[slot=otp-input]:shadow-none has-disabled:**:data-[slot=otp-input]:before:shadow-none!",
+        a
+      ),
+      "data-size": t,
+      "data-slot": "otp",
+      ...o
+    }
+  );
+}
+function v({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ i(
+    b,
+    {
+      className: n(
+        "in-[[data-slot=otp][data-size=lg]]:size-10 size-9 min-w-0 rounded-lg border border-input bg-background text-center in-[[data-slot=otp][data-size=lg]]:text-lg text-base text-foreground in-[[data-slot=otp][data-size=lg]]:leading-10 leading-9 outline-none transition-shadow focus-visible:z-10 focus-visible:border-ring aria-invalid:border-error focus-visible:aria-invalid:border-error focus-visible:aria-invalid:ring-error/20 in-[[data-slot=field][data-invalid]]:border-error in-[[data-slot=field][data-invalid]]:focus-visible:border-error in-[[data-slot=field][data-invalid]]:focus-visible:ring-error/20 sm:in-[[data-slot=otp][data-size=lg]]:size-9 sm:size-8 sm:in-[[data-slot=otp][data-size=lg]]:text-base sm:text-sm sm:in-[[data-slot=otp][data-size=lg]]:leading-9 sm:leading-8",
+        a
+      ),
+      "data-slot": "otp-input",
+      spellCheck: !1,
+      ...t
+    }
+  );
+}
+function z({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ i(
+    c,
+    {
+      render: /* @__PURE__ */ i(
+        f,
+        {
+          className: n(
+            "rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3",
+            a
+          ),
+          orientation: "horizontal",
+          ...t
+        }
+      )
+    }
+  );
+}
+function j({
+  split: a,
+  inputProps: t,
+  size: o,
+  length: r,
+  "aria-invalid": s,
+  ...d
+}) {
+  const l = {
+    ...s ? { "aria-invalid": !0 } : {},
+    ...t
+  };
+  return /* @__PURE__ */ i(g, { size: o, length: r, "aria-invalid": s, ...d, children: Array.from({ length: r }, (h, e) => /* @__PURE__ */ p(u, { children: [
+    /* @__PURE__ */ i(
+      v,
+      {
+        "aria-label": `Character ${e + 1} of ${r}`,
+        ...l
+      }
+    ),
+    a === e + 1 && /* @__PURE__ */ i(z, {})
+  ] }, e)) });
+}
+export {
+  j as OTP,
+  v as OTPInput,
+  g as OTPRoot,
+  z as OTPSeparator
+};