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

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

@@ -0,0 +1,240 @@
+"use client";
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { Menu as o } from "@base-ui/react/menu";
+import { CheckIcon as c, ChevronRightIcon as l } from "lucide-react";
+import { cn as i } from "../../lib/cn.es.js";
+function h({ ...e }) {
+  return /* @__PURE__ */ t(o.Root, { "data-slot": "menu", ...e });
+}
+function v({ ...e }) {
+  return /* @__PURE__ */ t(o.Portal, { "data-slot": "menu-portal", ...e });
+}
+function b({ ...e }) {
+  return /* @__PURE__ */ t(o.Trigger, { "data-slot": "menu-trigger", ...e });
+}
+function m({
+  align: e = "start",
+  alignOffset: n = 0,
+  side: a = "bottom",
+  sideOffset: r = 4,
+  className: d,
+  ...s
+}) {
+  return /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+    o.Positioner,
+    {
+      className: "isolate z-50 outline-none",
+      align: e,
+      alignOffset: n,
+      side: a,
+      sideOffset: r,
+      children: /* @__PURE__ */ t(
+        o.Popup,
+        {
+          "data-slot": "menu-content",
+          className: i(
+            "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",
+            d
+          ),
+          ...s
+        }
+      )
+    }
+  ) });
+}
+function M({ ...e }) {
+  return /* @__PURE__ */ t(o.Group, { "data-slot": "menu-group", ...e });
+}
+function z({
+  className: e,
+  inset: n,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    o.GroupLabel,
+    {
+      "data-slot": "menu-label",
+      "data-inset": n,
+      className: i(
+        "px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function N({
+  className: e,
+  inset: n,
+  variant: a = "default",
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    o.Item,
+    {
+      "data-slot": "menu-item",
+      "data-inset": n,
+      "data-variant": a,
+      className: i(
+        "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
+      ),
+      ...r
+    }
+  );
+}
+function k({ ...e }) {
+  return /* @__PURE__ */ t(o.SubmenuRoot, { "data-slot": "menu-sub", ...e });
+}
+function y({
+  className: e,
+  inset: n,
+  children: a,
+  ...r
+}) {
+  return /* @__PURE__ */ u(
+    o.SubmenuTrigger,
+    {
+      "data-slot": "menu-sub-trigger",
+      "data-inset": n,
+      className: i(
+        "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
+      ),
+      ...r,
+      children: [
+        a,
+        /* @__PURE__ */ t(l, { className: "cn-rtl-flip ml-auto" })
+      ]
+    }
+  );
+}
+function I({
+  align: e = "start",
+  alignOffset: n = -3,
+  side: a = "right",
+  sideOffset: r = 0,
+  className: d,
+  ...s
+}) {
+  return /* @__PURE__ */ t(
+    m,
+    {
+      "data-slot": "menu-sub-content",
+      className: i(
+        "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",
+        d
+      ),
+      align: e,
+      alignOffset: n,
+      side: a,
+      sideOffset: r,
+      ...s
+    }
+  );
+}
+function _({
+  className: e,
+  children: n,
+  checked: a,
+  inset: r,
+  ...d
+}) {
+  return /* @__PURE__ */ u(
+    o.CheckboxItem,
+    {
+      "data-slot": "menu-checkbox-item",
+      "data-inset": r,
+      className: i(
+        "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: a,
+      ...d,
+      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(o.CheckboxItemIndicator, { children: /* @__PURE__ */ t(c, {}) })
+          }
+        ),
+        n
+      ]
+    }
+  );
+}
+function w({ ...e }) {
+  return /* @__PURE__ */ t(o.RadioGroup, { "data-slot": "menu-radio-group", ...e });
+}
+function R({
+  className: e,
+  children: n,
+  inset: a,
+  ...r
+}) {
+  return /* @__PURE__ */ u(
+    o.RadioItem,
+    {
+      "data-slot": "menu-radio-item",
+      "data-inset": a,
+      className: i(
+        "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
+      ),
+      ...r,
+      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(o.RadioItemIndicator, { children: /* @__PURE__ */ t(c, {}) })
+          }
+        ),
+        n
+      ]
+    }
+  );
+}
+function S({ className: e, ...n }) {
+  return /* @__PURE__ */ t(
+    o.Separator,
+    {
+      "data-slot": "menu-separator",
+      className: i("-mx-1 my-px h-px bg-input/50", e),
+      ...n
+    }
+  );
+}
+function C({ className: e, ...n }) {
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      "data-slot": "menu-shortcut",
+      className: i(
+        "ml-auto text-xs tracking-widest text-muted-foreground group-focus/menu-item:text-accent-foreground",
+        e
+      ),
+      ...n
+    }
+  );
+}
+export {
+  _ as MenuCheckboxItem,
+  M as MenuGroup,
+  N as MenuItem,
+  z as MenuLabel,
+  m as MenuPopup,
+  v as MenuPortal,
+  w as MenuRadioGroup,
+  R as MenuRadioItem,
+  h as MenuRoot,
+  S as MenuSeparator,
+  C as MenuShortcut,
+  k as MenuSub,
+  I as MenuSubContent,
+  y as MenuSubTrigger,
+  b 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"),i=require("@base-ui/react/number-field"),s=require("lucide-react"),t=require("../../lib/cn.cjs.js");function c({className:r,...n}){return e.jsx(i.NumberField.Root,{className:t.cn("w-full",r),"data-slot":"number-input",...n})}function d({className:r,...n}){return e.jsx(i.NumberField.Group,{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 l({className:r,...n}){return e.jsx(i.NumberField.Input,{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 m({className:r,children:n,...u}){return e.jsx(i.NumberField.Decrement,{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(s.MinusIcon,{})})}function b({className:r,children:n,...u}){return e.jsx(i.NumberField.Increment,{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(s.PlusIcon,{})})}function f({className:r,...n}){return e.jsx(i.NumberField.ScrubArea,{className:t.cn("inline-flex cursor-ew-resize items-center",r),"data-slot":"number-input-scrub-area",...n})}function h({className:r,...n}){return e.jsx(i.NumberField.ScrubAreaCursor,{className:t.cn("drop-shadow-[0_1px_1px_#0008] filter",r),...n})}function N(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 v({className:r,hideControls:n=!1,onValueChange:u,invalid:a,placeholder:p,classNames:o,...x}){return e.jsx(c,{onValueChange:u,...x,children:e.jsxs(d,{"aria-invalid":a||void 0,className:r,children:[e.jsx(l,{...a?{"aria-invalid":!0}:{},placeholder:p,className:t.cn("self-stretch",o?.input)}),!n&&e.jsxs("div",{className:t.cn("flex flex-col self-stretch divide-y divide-input border-l border-input",o?.controls),children:[e.jsx(b,{"data-testid":"increment-trigger",className:t.cn("flex-1 border-l-0 py-0 [&_svg]:size-3",o?.increment),children:e.jsx(s.ChevronUpIcon,{})}),e.jsx(m,{"data-testid":"decrement-trigger",className:t.cn("flex-1 border-r-0 py-0 [&_svg]:size-3",o?.decrement),children:e.jsx(s.ChevronDownIcon,{})})]})]})})}Object.defineProperty(exports,"NumberInputPrimitive",{enumerable:!0,get:()=>i.NumberField});exports.NumberInput=v;exports.NumberInputCursorIcon=N;exports.NumberInputDecrement=m;exports.NumberInputGroup=d;exports.NumberInputIncrement=b;exports.NumberInputInput=l;exports.NumberInputRoot=c;exports.NumberInputScrubArea=f;exports.NumberInputScrubAreaCursor=h;

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

@@ -0,0 +1,212 @@
+"use client";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { NumberField as i } from "@base-ui/react/number-field";
+import { NumberField as A } from "@base-ui/react/number-field";
+import { MinusIcon as c, PlusIcon as m, ChevronUpIcon as p, ChevronDownIcon as b } from "lucide-react";
+import { cn as n } from "../../lib/cn.es.js";
+function f({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    i.Root,
+    {
+      className: n("w-full", e),
+      "data-slot": "number-input",
+      ...t
+    }
+  );
+}
+function h({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    i.Group,
+    {
+      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 v({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    i.Input,
+    {
+      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 g({
+  className: e,
+  children: t,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    i.Decrement,
+    {
+      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",
+      ...o,
+      children: t ?? /* @__PURE__ */ r(c, {})
+    }
+  );
+}
+function x({
+  className: e,
+  children: t,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    i.Increment,
+    {
+      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",
+      ...o,
+      children: t ?? /* @__PURE__ */ r(m, {})
+    }
+  );
+}
+function _({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    i.ScrubArea,
+    {
+      className: n("inline-flex cursor-ew-resize items-center", e),
+      "data-slot": "number-input-scrub-area",
+      ...t
+    }
+  );
+}
+function L({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    i.ScrubAreaCursor,
+    {
+      className: n("drop-shadow-[0_1px_1px_#0008] filter", e),
+      ...t
+    }
+  );
+}
+function k(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 C({
+  className: e,
+  hideControls: t = !1,
+  onValueChange: o,
+  invalid: a,
+  placeholder: d,
+  classNames: u,
+  ...l
+}) {
+  return /* @__PURE__ */ r(f, { onValueChange: o, ...l, children: /* @__PURE__ */ s(
+    h,
+    {
+      "aria-invalid": a || void 0,
+      className: e,
+      children: [
+        /* @__PURE__ */ r(
+          v,
+          {
+            ...a ? { "aria-invalid": !0 } : {},
+            placeholder: d,
+            className: n("self-stretch", u?.input)
+          }
+        ),
+        !t && /* @__PURE__ */ s(
+          "div",
+          {
+            className: n(
+              "flex flex-col self-stretch divide-y divide-input border-l border-input",
+              u?.controls
+            ),
+            children: [
+              /* @__PURE__ */ r(
+                x,
+                {
+                  "data-testid": "increment-trigger",
+                  className: n(
+                    "flex-1 border-l-0 py-0 [&_svg]:size-3",
+                    u?.increment
+                  ),
+                  children: /* @__PURE__ */ r(p, {})
+                }
+              ),
+              /* @__PURE__ */ r(
+                g,
+                {
+                  "data-testid": "decrement-trigger",
+                  className: n(
+                    "flex-1 border-r-0 py-0 [&_svg]:size-3",
+                    u?.decrement
+                  ),
+                  children: /* @__PURE__ */ r(b, {})
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  C as NumberInput,
+  k as NumberInputCursorIcon,
+  g as NumberInputDecrement,
+  h as NumberInputGroup,
+  x as NumberInputIncrement,
+  v as NumberInputInput,
+  A as NumberInputPrimitive,
+  f as NumberInputRoot,
+  _ as NumberInputScrubArea,
+  L 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 e=require("react/jsx-runtime"),i=require("@base-ui/react/otp-field"),f=require("react"),g=require("../divider/divider.cjs.js"),s=require("../../lib/cn.cjs.js");function l({className:t,size:a="default",...r}){return e.jsx(i.OTPFieldPreview.Root,{className:s.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!",t),"data-size":a,"data-slot":"otp",...r})}function u({className:t,...a}){return e.jsx(i.OTPFieldPreview.Input,{className:s.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",t),"data-slot":"otp-input",spellCheck:!1,...a})}function c({className:t,...a}){return e.jsx(i.OTPFieldPreview.Separator,{render:e.jsx(g.Divider,{className:s.cn("rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3",t),orientation:"horizontal",...a})})}function v({split:t,inputProps:a,size:r,length:o,"aria-invalid":d,...p}){const b={...d?{"aria-invalid":!0}:{},...a};return e.jsx(l,{size:r,length:o,"aria-invalid":d,...p,children:Array.from({length:o},(P,n)=>e.jsxs(f.Fragment,{children:[e.jsx(u,{"aria-label":`Character ${n+1} of ${o}`,...b}),t===n+1&&e.jsx(c,{})]},n))})}Object.defineProperty(exports,"OTPPrimitive",{enumerable:!0,get:()=>i.OTPFieldPreview});exports.OTP=v;exports.OTPInput=u;exports.OTPRoot=l;exports.OTPSeparator=c;

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

@@ -0,0 +1,93 @@
+"use client";
+import { jsx as i, jsxs as u } from "react/jsx-runtime";
+import { OTPFieldPreview as n } from "@base-ui/react/otp-field";
+import { OTPFieldPreview as N } from "@base-ui/react/otp-field";
+import { Fragment as f } from "react";
+import { Divider as m } from "../divider/divider.es.js";
+import { cn as s } from "../../lib/cn.es.js";
+function b({
+  className: a,
+  size: t = "default",
+  ...o
+}) {
+  return /* @__PURE__ */ i(
+    n.Root,
+    {
+      className: s(
+        "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 c({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ i(
+    n.Input,
+    {
+      className: s(
+        "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 g({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ i(
+    n.Separator,
+    {
+      render: /* @__PURE__ */ i(
+        m,
+        {
+          className: s(
+            "rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3",
+            a
+          ),
+          orientation: "horizontal",
+          ...t
+        }
+      )
+    }
+  );
+}
+function O({
+  split: a,
+  inputProps: t,
+  size: o,
+  length: r,
+  "aria-invalid": d,
+  ...l
+}) {
+  const p = {
+    ...d ? { "aria-invalid": !0 } : {},
+    ...t
+  };
+  return /* @__PURE__ */ i(b, { size: o, length: r, "aria-invalid": d, ...l, children: Array.from({ length: r }, (v, e) => /* @__PURE__ */ u(f, { children: [
+    /* @__PURE__ */ i(
+      c,
+      {
+        "aria-label": `Character ${e + 1} of ${r}`,
+        ...p
+      }
+    ),
+    a === e + 1 && /* @__PURE__ */ i(g, {})
+  ] }, e)) });
+}
+export {
+  O as OTP,
+  c as OTPInput,
+  N as OTPPrimitive,
+  b as OTPRoot,
+  g as OTPSeparator
+};

package/dist/components/pagination/pagination.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("@radix-ui/react-use-controllable-state"),f=require("lucide-react"),h=require("react"),S=require("./pagination.model.cjs.js"),L=require("../../hooks/use-range-pagination/use-range-pagination.cjs.js"),l=require("../../lib/cn.cjs.js"),I=require("../button/button.cjs.js"),A={goToFirst:"Ir a primera página",goToPrevious:"Ir a página anterior",goToNext:"Ir a próxima página",goToLast:"Ir a última página",goToPage:a=>`Ir a la página ${a}`,total:a=>`${a} resultados`,pageInfo:(a,n)=>`Página ${a} de ${n}`,range:(a,n,t)=>`${a} - ${n} de ${t}`,morePages:"Más páginas"},C=h.createContext(null);function c(){const a=h.useContext(C);if(!a)throw new Error("Pagination primitives must be used inside <PaginationRoot>");return a}function z({totalItems:a,pageSize:n,defaultPageSize:t=S.PAGINATION_SIZES[0],onPageSizeChange:i,currentPage:o,defaultCurrentPage:s=1,onCurrentPageChange:r,siblingCount:g=1,getPageHref:u,linkComponent:j="a",texts:v,className:N,children:b,...x}){const[p=t,P]=M.useControllableState({prop:n,defaultProp:t,onChange:i}),d=L.useRangePagination({totalItems:a,pageSize:p,currentPage:o,defaultCurrentPage:s,onCurrentPageChange:r,siblingCount:g}),T=h.useMemo(()=>({...A,...v}),[v]),F=h.useMemo(()=>({...d,pageSize:p,totalItems:a,setPageSize:P,getPageHref:u,linkComponent:j,texts:T}),[d,p,a,P,u,j,T]);return e.jsx(C.Provider,{value:F,children:e.jsx("nav",{role:"navigation","aria-label":"pagination","data-slot":"pagination",className:l.cn("flex items-center gap-x-4",N),...x,children:b})})}function m({page:a,isActive:n,disabled:t,ariaLabel:i,dataSlot:o,children:s,className:r,buttonProps:g}){const{goTo:u,getPageHref:j,pageSize:v,linkComponent:N}=c(),b=N,x=j?.({page:a,pageSize:Number(v)}),p=!!x&&!t,P=()=>{t||u(a)},d={"data-slot":o,"data-active":n?"true":"false","aria-current":n?"page":void 0,"aria-label":i,className:l.cn("hover:bg-accent hover:text-accent-foreground",r)};return p&&x?e.jsx(I.Button,{variant:n?"outline":"ghost",size:"icon",nativeButton:!1,render:e.jsx(b,{href:x,onClick:P,children:s}),...d,...g}):e.jsx(I.Button,{variant:n?"outline":"ghost",size:"icon",disabled:t,onClick:P,...d,...g,children:s})}function R({page:a,isActive:n,className:t,children:i,buttonProps:o}){const{currentPage:s,texts:r}=c(),g=n??a===s;return e.jsx(m,{page:a,isActive:g,ariaLabel:r.goToPage(a),dataSlot:"pagination-link",className:t,buttonProps:o,children:i??a})}function _({className:a,buttonProps:n,children:t}){const{isFirstPage:i,texts:o}=c();return e.jsx(m,{page:1,disabled:i,ariaLabel:o.goToFirst,dataSlot:"pagination-first",className:a,buttonProps:n,children:t??e.jsx(f.ChevronsLeft,{"data-slot":"pagination-icon"})})}function k({className:a,buttonProps:n,children:t}){const{currentPage:i,isFirstPage:o,texts:s}=c();return e.jsx(m,{page:Math.max(1,i-1),disabled:o,ariaLabel:s.goToPrevious,dataSlot:"pagination-previous",className:a,buttonProps:n,children:t??e.jsx(f.ChevronLeft,{"data-slot":"pagination-icon"})})}function q({className:a,buttonProps:n,children:t}){const{currentPage:i,maxPage:o,isLastPage:s,texts:r}=c();return e.jsx(m,{page:Math.min(o,i+1),disabled:s,ariaLabel:r.goToNext,dataSlot:"pagination-next",className:a,buttonProps:n,children:t??e.jsx(f.ChevronRight,{"data-slot":"pagination-icon"})})}function B({className:a,buttonProps:n,children:t}){const{maxPage:i,isLastPage:o,texts:s}=c();return e.jsx(m,{page:i,disabled:o,ariaLabel:s.goToLast,dataSlot:"pagination-last",className:a,buttonProps:n,children:t??e.jsx(f.ChevronsRight,{"data-slot":"pagination-icon"})})}function E({className:a,...n}){const{texts:t}=c();return e.jsxs("span",{"aria-hidden":!0,"data-slot":"pagination-ellipsis","data-dots":"true",className:l.cn("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4",a),...n,children:[e.jsx(f.MoreHorizontal,{}),e.jsx("span",{className:"sr-only",children:t.morePages})]})}function O({className:a,linkClassName:n,ellipsisClassName:t}){const{paginationRange:i}=c();return e.jsx("div",{role:"list","data-slot":"pagination-pages",className:l.cn("flex items-center gap-1",a),children:i.map((o,s)=>o===L.DOTS?e.jsx(E,{className:t},`dots-${s}`):e.jsx(R,{page:o,className:n},o))})}function w({children:a,className:n,...t}){const{totalItems:i,texts:o}=c(),s=typeof a=="function"?a(i):a??o.total(i);return e.jsx("span",{"data-slot":"pagination-total",className:l.cn("text-sm",n),...t,children:s})}function G({children:a,className:n,...t}){const{currentPage:i,maxPage:o,texts:s}=c(),r=typeof a=="function"?a({page:i,max:o}):a??s.pageInfo(i,o);return e.jsx("span",{"data-slot":"pagination-page-info",className:l.cn("text-sm",n),...t,children:r})}function $({children:a,className:n,...t}){const{range:i,totalItems:o,texts:s}=c(),r=typeof a=="function"?a({...i,total:o}):a??s.range(i.start,i.end,o);return e.jsx("span",{"data-slot":"pagination-range",className:l.cn("text-sm",n),...t,children:r})}function y({sizes:a=S.PAGINATION_SIZES,className:n,...t}){const{pageSize:i,setPageSize:o,goTo:s}=c(),r=g=>{const u=Number(g.target.value);o(u),s(1)};return e.jsx("select",{"data-slot":"pagination-size-select",value:i,onChange:r,className:l.cn("border border-input rounded-md w-fit min-w-[3rem] bg-background p-2 ring-offset-background","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",n),...t,children:a.map(g=>e.jsx("option",{value:g,"data-slot":"pagination-size-option",children:g},g))})}function Z({sizes:a=S.PAGINATION_SIZES,selectClassName:n,rangeClassName:t,previousClassName:i,nextClassName:o,className:s,...r}){return e.jsxs(z,{className:s,...r,children:[a&&e.jsx(y,{sizes:a,className:n}),e.jsx($,{className:t}),e.jsx(k,{className:i}),e.jsx(q,{className:o})]})}exports.Pagination=Z;exports.PaginationEllipsis=E;exports.PaginationFirst=_;exports.PaginationLast=B;exports.PaginationLink=R;exports.PaginationNext=q;exports.PaginationPageInfo=G;exports.PaginationPages=O;exports.PaginationPrevious=k;exports.PaginationRange=$;exports.PaginationRoot=z;exports.PaginationSizeSelect=y;exports.PaginationTotal=w;