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

package/dist/components/auto-complete/auto-complete.es.js

@@ -0,0 +1,344 @@
+"use client";
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
+import { Autocomplete as a } from "@base-ui/react/autocomplete";
+import { Autocomplete as Y } from "@base-ui/react/autocomplete";
+import { ChevronsUpDownIcon as w, XIcon as N } from "lucide-react";
+import { inputBaseClasses as z } from "../input/input.es.js";
+import { ScrollArea as C } from "../scroll-area/scroll-area.es.js";
+import { cn as l } from "../../lib/cn.es.js";
+const I = a.Root;
+function _({
+  className: e,
+  adornment: o,
+  startAddon: r,
+  triggerProps: i,
+  clearProps: s,
+  ...u
+}) {
+  return /* @__PURE__ */ f(
+    a.InputGroup,
+    {
+      className: "relative not-has-[>*.w-full]:w-fit w-full text-foreground has-disabled:opacity-64",
+      "data-slot": "autocomplete-input-group",
+      children: [
+        r && /* @__PURE__ */ t(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute inset-y-0 start-px z-10 flex items-center ps-[calc(--spacing(3)-1px)] opacity-80 [&_svg:not([class*='size-'])]:size-4 [&_svg]:-mx-0.5",
+            "data-slot": "autocomplete-start-addon",
+            children: r
+          }
+        ),
+        /* @__PURE__ */ t(
+          a.Input,
+          {
+            className: l(
+              z,
+              "focus-visible:border-ring",
+              "aria-invalid:border-error focus-visible:aria-invalid:ring-error/20",
+              "disabled:cursor-not-allowed disabled:opacity-50",
+              r && "ps-9",
+              o && "pe-9",
+              e
+            ),
+            "data-slot": "autocomplete-input",
+            render: /* @__PURE__ */ t("input", { autoComplete: "off", "data-slot": "input" }),
+            ...u
+          }
+        ),
+        o === "clear" ? /* @__PURE__ */ t(j, { ...s }) : o === "trigger" ? /* @__PURE__ */ t(V, { ...i }) : null
+      ]
+    }
+  );
+}
+function S({
+  className: e,
+  children: o,
+  side: r = "bottom",
+  sideOffset: i = 4,
+  alignOffset: s,
+  align: u = "start",
+  anchor: p,
+  portalProps: m,
+  ...d
+}) {
+  return /* @__PURE__ */ t(a.Portal, { ...m, children: /* @__PURE__ */ t(
+    a.Positioner,
+    {
+      align: u,
+      alignOffset: s,
+      anchor: p,
+      className: "z-50 select-none",
+      "data-slot": "autocomplete-positioner",
+      side: r,
+      sideOffset: i,
+      children: /* @__PURE__ */ t(
+        a.Popup,
+        {
+          className: l(
+            "relative flex max-h-[min(var(--available-height),23rem)] min-w-(--anchor-width) max-w-(--available-width) origin-(--transform-origin) flex-1 flex-col rounded-lg border bg-popover text-foreground shadow-lg/5",
+            "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",
+            e
+          ),
+          "data-slot": "autocomplete-popup",
+          ...d,
+          children: o
+        }
+      )
+    }
+  ) });
+}
+function G({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(C, { scrollbarGutter: !0, scrollFade: !0, children: /* @__PURE__ */ t(
+    a.List,
+    {
+      className: l(
+        "not-empty:scroll-py-1 not-empty:p-1 in-data-has-overflow-y:pe-3",
+        e
+      ),
+      "data-slot": "autocomplete-list",
+      ...o
+    }
+  ) });
+}
+function k({
+  className: e,
+  children: o,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.Item,
+    {
+      className: l(
+        "flex min-h-8 cursor-default select-none items-center rounded-sm px-2 py-1 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",
+        e
+      ),
+      "data-slot": "autocomplete-item",
+      ...r,
+      children: o
+    }
+  );
+}
+function U({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    a.Separator,
+    {
+      className: l("mx-2 my-1 h-px bg-border last:hidden", e),
+      "data-slot": "autocomplete-separator",
+      ...o
+    }
+  );
+}
+function X({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    a.Group,
+    {
+      className: l("[[role=group]+&]:mt-1.5", e),
+      "data-slot": "autocomplete-group",
+      ...o
+    }
+  );
+}
+function $({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    a.GroupLabel,
+    {
+      className: l(
+        "px-2 py-1.5 font-medium text-muted-foreground text-xs",
+        e
+      ),
+      "data-slot": "autocomplete-group-label",
+      ...o
+    }
+  );
+}
+function P({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    a.Empty,
+    {
+      className: l(
+        "p-2 text-center text-base text-muted-foreground sm:text-sm empty:hidden",
+        e
+      ),
+      "data-slot": "autocomplete-empty",
+      ...o
+    }
+  );
+}
+function V({
+  className: e,
+  children: o,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.Trigger,
+    {
+      className: l(
+        "absolute end-0.5 top-1/2 inline-flex size-8 shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 outline-none transition-colors pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 sm:size-7 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        e
+      ),
+      "data-slot": "autocomplete-trigger",
+      ...r,
+      children: o ?? /* @__PURE__ */ t(a.Icon, { "data-slot": "autocomplete-icon", children: /* @__PURE__ */ t(w, {}) })
+    }
+  );
+}
+function j({
+  className: e,
+  children: o,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.Clear,
+    {
+      className: l(
+        "absolute end-0.5 top-1/2 inline-flex size-8 shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 outline-none transition-[color,background-color,box-shadow,opacity] pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 sm:size-7 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        e
+      ),
+      "data-slot": "autocomplete-clear",
+      ...r,
+      children: o ?? /* @__PURE__ */ t(N, {})
+    }
+  );
+}
+function q({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    a.Row,
+    {
+      className: e,
+      "data-slot": "autocomplete-row",
+      ...o
+    }
+  );
+}
+function H({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Value, { "data-slot": "autocomplete-value", ...e });
+}
+function R({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    a.Status,
+    {
+      className: l(
+        "px-3 py-2 font-medium text-muted-foreground text-xs empty:m-0 empty:p-0",
+        e
+      ),
+      "data-slot": "autocomplete-status",
+      ...o
+    }
+  );
+}
+function J({
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    a.Collection,
+    {
+      "data-slot": "autocomplete-collection",
+      ...e
+    }
+  );
+}
+const K = a.useFilter;
+function M({
+  items: e,
+  value: o,
+  defaultValue: r,
+  onValueChange: i,
+  disabled: s,
+  readOnly: u,
+  isLoading: p = !1,
+  filter: m,
+  autoHighlight: d,
+  placeholder: g = "Buscar...",
+  emptyMessage: b = "Sin resultados",
+  loadingMessage: x = "Cargando...",
+  renderOption: h,
+  adornment: v,
+  startAddon: y,
+  className: A,
+  classNames: c
+}) {
+  return /* @__PURE__ */ f(
+    I,
+    {
+      items: e,
+      value: o?.label,
+      defaultValue: r?.label,
+      onValueChange: (n) => i?.(n ?? null),
+      disabled: s,
+      readOnly: u,
+      filter: m,
+      autoHighlight: d,
+      itemToStringValue: (n) => n.label,
+      children: [
+        /* @__PURE__ */ t(
+          _,
+          {
+            adornment: v,
+            startAddon: y,
+            placeholder: g,
+            className: A
+          }
+        ),
+        /* @__PURE__ */ f(S, { className: c?.popup, children: [
+          /* @__PURE__ */ t(R, { className: c?.status, children: p ? x : void 0 }),
+          /* @__PURE__ */ t(G, { className: c?.list, children: (n) => /* @__PURE__ */ t(
+            k,
+            {
+              value: n,
+              className: c?.item,
+              children: h ? h(n) : n.label
+            },
+            n.value
+          ) }),
+          !p && /* @__PURE__ */ t(P, { className: c?.empty, children: b })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  M as Autocomplete,
+  j as AutocompleteClear,
+  J as AutocompleteCollection,
+  P as AutocompleteEmpty,
+  X as AutocompleteGroup,
+  $ as AutocompleteGroupLabel,
+  _ as AutocompleteInput,
+  k as AutocompleteItem,
+  G as AutocompleteList,
+  S as AutocompletePopup,
+  Y as AutocompletePrimitive,
+  I as AutocompleteRoot,
+  q as AutocompleteRow,
+  U as AutocompleteSeparator,
+  R as AutocompleteStatus,
+  V as AutocompleteTrigger,
+  H as AutocompleteValue,
+  K as useAutocompleteFilter
+};

package/dist/components/avatar/avatar.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/avatar"),p=require("class-variance-authority"),z=require("../../utils/strings/extractInitials.utility.cjs.js"),r=require("../../lib/cn.cjs.js"),o=p.cva("group/avatar relative flex aspect-square shrink-0 select-none rounded-full bg-muted items-center justify-center font-medium",{variants:{size:{xs:"size-6 text-[10px]",sm:"size-8 text-xs",md:"size-10 text-sm",lg:"size-14 text-base",xl:"size-20 text-xl"}},defaultVariants:{size:"md"}});function l({className:t,size:a,...s}){return e.jsx(i.Avatar.Root,{className:r.cn(o({size:a}),t),"data-slot":"avatar","data-size":a??"md",...s})}function c({className:t,...a}){return e.jsx(i.Avatar.Image,{className:r.cn("aspect-square size-full rounded-full object-cover",t),"data-slot":"avatar-image",...a})}function d({className:t,...a}){return e.jsx(i.Avatar.Fallback,{className:r.cn("flex size-full items-center justify-center rounded-full bg-muted text-muted-foreground",t),"data-slot":"avatar-fallback",...a})}function v({className:t,...a}){return e.jsx("span",{"data-slot":"avatar-badge",className:r.cn("absolute bottom-0 right-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background select-none","group-data-[size=xs]/avatar:size-1.5 group-data-[size=xs]/avatar:[&>svg]:hidden","group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden","group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&>svg]:size-2","group-data-[size=lg]/avatar:size-3.5 group-data-[size=lg]/avatar:[&>svg]:size-2.5","group-data-[size=xl]/avatar:size-4 group-data-[size=xl]/avatar:[&>svg]:size-3",t),...a})}function b({className:t,...a}){return e.jsx("div",{"data-slot":"avatar-group",className:r.cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background",t),...a})}function A({className:t,size:a,...s}){return e.jsx("div",{"data-slot":"avatar-group-count",className:r.cn(o({size:a}),"ring-2 ring-background bg-muted text-muted-foreground",t),...s})}function j({src:t,alt:a,fallback:s,badge:u,delay:g,size:m,className:x,classNames:n,...f}){return e.jsxs(l,{size:m,className:x,...f,children:[e.jsx(c,{src:t,alt:a,className:n?.image}),e.jsx(d,{delay:g,className:n?.fallback,children:s??z.extractInitials(a)}),u?e.jsx(v,{className:n?.badge,children:u}):null]})}Object.defineProperty(exports,"AvatarPrimitive",{enumerable:!0,get:()=>i.Avatar});exports.Avatar=j;exports.AvatarBadge=v;exports.AvatarFallback=d;exports.AvatarGroup=b;exports.AvatarGroupCount=A;exports.AvatarImage=c;exports.AvatarRoot=l;

package/dist/components/avatar/avatar.es.js

@@ -0,0 +1,147 @@
+"use client";
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import { Avatar as o } from "@base-ui/react/avatar";
+import { Avatar as R } from "@base-ui/react/avatar";
+import { cva as c } from "class-variance-authority";
+import { extractInitials as f } from "../../utils/strings/extractInitials.utility.es.js";
+import { cn as e } from "../../lib/cn.es.js";
+const u = c(
+  "group/avatar relative flex aspect-square shrink-0 select-none rounded-full bg-muted items-center justify-center font-medium",
+  {
+    variants: {
+      size: {
+        xs: "size-6 text-[10px]",
+        sm: "size-8 text-xs",
+        md: "size-10 text-sm",
+        lg: "size-14 text-base",
+        xl: "size-20 text-xl"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function p({
+  className: t,
+  size: a,
+  ...s
+}) {
+  return /* @__PURE__ */ r(
+    o.Root,
+    {
+      className: e(u({ size: a }), t),
+      "data-slot": "avatar",
+      "data-size": a ?? "md",
+      ...s
+    }
+  );
+}
+function z({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r(
+    o.Image,
+    {
+      className: e(
+        "aspect-square size-full rounded-full object-cover",
+        t
+      ),
+      "data-slot": "avatar-image",
+      ...a
+    }
+  );
+}
+function x({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r(
+    o.Fallback,
+    {
+      className: e(
+        "flex size-full items-center justify-center rounded-full bg-muted text-muted-foreground",
+        t
+      ),
+      "data-slot": "avatar-fallback",
+      ...a
+    }
+  );
+}
+function b({ className: t, ...a }) {
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      "data-slot": "avatar-badge",
+      className: e(
+        "absolute bottom-0 right-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background select-none",
+        "group-data-[size=xs]/avatar:size-1.5 group-data-[size=xs]/avatar:[&>svg]:hidden",
+        "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
+        "group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&>svg]:size-2",
+        "group-data-[size=lg]/avatar:size-3.5 group-data-[size=lg]/avatar:[&>svg]:size-2.5",
+        "group-data-[size=xl]/avatar:size-4 group-data-[size=xl]/avatar:[&>svg]:size-3",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function y({ className: t, ...a }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "avatar-group",
+      className: e(
+        "group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function I({
+  className: t,
+  size: a,
+  ...s
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "avatar-group-count",
+      className: e(
+        u({ size: a }),
+        "ring-2 ring-background bg-muted text-muted-foreground",
+        t
+      ),
+      ...s
+    }
+  );
+}
+function q({
+  src: t,
+  alt: a,
+  fallback: s,
+  badge: n,
+  delay: l,
+  size: d,
+  className: g,
+  classNames: i,
+  ...m
+}) {
+  return /* @__PURE__ */ v(p, { size: d, className: g, ...m, children: [
+    /* @__PURE__ */ r(z, { src: t, alt: a, className: i?.image }),
+    /* @__PURE__ */ r(x, { delay: l, className: i?.fallback, children: s ?? f(a) }),
+    n ? /* @__PURE__ */ r(b, { className: i?.badge, children: n }) : null
+  ] });
+}
+export {
+  q as Avatar,
+  b as AvatarBadge,
+  x as AvatarFallback,
+  y as AvatarGroup,
+  I as AvatarGroupCount,
+  z as AvatarImage,
+  R as AvatarPrimitive,
+  p as AvatarRoot
+};

package/dist/components/button/button.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("class-variance-authority"),d=require("./components/base-button.cjs.js"),s=require("../../lib/cn.cjs.js"),e=i.cva(["group/button relative inline-flex shrink-0 items-center justify-center gap-1 rounded-lg border border-transparent bg-clip-padding","text-sm font-medium whitespace-nowrap transition-all outline-none select-none","focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50","active:not-aria-[haspopup]:translate-y-px","disabled:pointer-events-none disabled:opacity-50","aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40","[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","[&[data-loading]]:text-transparent","[&[data-loading]>*:not([data-loader])]:invisible","[&[data-loading]]:pointer-events-none"],{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90 [--btn-loader-color:var(--color-primary-foreground)]",outline:"border-border hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:hover:bg-input/50 [--btn-loader-color:var(--color-foreground)]",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground [--btn-loader-color:var(--color-secondary-foreground)]",ghost:"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 [--btn-loader-color:var(--color-foreground)]",error:"bg-error text-error-foreground hover:bg-error/90 [--btn-loader-color:var(--color-error-foreground)]",success:"bg-success text-success-foreground hover:bg-success/90 [--btn-loader-color:var(--color-success-foreground)]",warning:"bg-warning text-warning-foreground hover:bg-warning/90 [--btn-loader-color:var(--color-warning-foreground)]",link:"text-primary underline-offset-4 hover:underline [--btn-loader-color:var(--color-primary)]"},size:{default:"h-8 px-2.5",xs:"h-6 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",sm:"h-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3.5",lg:"h-9 px-2.5",icon:"size-8","icon-xs":"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg","icon-lg":"size-9"}},defaultVariants:{variant:"default",size:"default"}}),u=({variant:r,size:o,className:n,...a})=>t.jsx(d.BaseButton,{...a,className:s.cn(e({variant:r,size:o}),n),"data-variant":r||"default"});exports.Button=u;exports.buttonVariants=e;

package/dist/components/button/button.es.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { cva as t } from "class-variance-authority";
+import { BaseButton as d } from "./components/base-button.es.js";
+import { cn as i } from "../../lib/cn.es.js";
+const s = t(
+  [
+    "group/button relative inline-flex shrink-0 items-center justify-center gap-1 rounded-lg border border-transparent bg-clip-padding",
+    "text-sm font-medium whitespace-nowrap transition-all outline-none select-none",
+    "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50",
+    "active:not-aria-[haspopup]:translate-y-px",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    "[&[data-loading]]:text-transparent",
+    "[&[data-loading]>*:not([data-loader])]:invisible",
+    "[&[data-loading]]:pointer-events-none"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90 [--btn-loader-color:var(--color-primary-foreground)]",
+        outline: "border-border hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:hover:bg-input/50 [--btn-loader-color:var(--color-foreground)]",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground [--btn-loader-color:var(--color-secondary-foreground)]",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 [--btn-loader-color:var(--color-foreground)]",
+        error: "bg-error text-error-foreground hover:bg-error/90 [--btn-loader-color:var(--color-error-foreground)]",
+        success: "bg-success text-success-foreground hover:bg-success/90 [--btn-loader-color:var(--color-success-foreground)]",
+        warning: "bg-warning text-warning-foreground hover:bg-warning/90 [--btn-loader-color:var(--color-warning-foreground)]",
+        link: "text-primary underline-offset-4 hover:underline [--btn-loader-color:var(--color-primary)]"
+      },
+      size: {
+        default: "h-8 px-2.5",
+        xs: "h-6 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 px-2.5",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), v = ({ variant: r, size: e, className: o, ...n }) => /* @__PURE__ */ a(
+  d,
+  {
+    ...n,
+    className: i(s({ variant: r, size: e }), o),
+    "data-variant": r || "default"
+  }
+);
+export {
+  v as Button,
+  s as buttonVariants
+};

package/dist/components/button/components/base-button.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("@base-ui/react/button"),b=require("@radix-ui/react-use-controllable-state"),f=require("lucide-react"),g=({onClick:e,loading:r,style:s,children:l,...i})=>{const[t=!1,a]=b.useControllableState({prop:r,defaultProp:!1}),u=async c=>{if(!e||t)return;const o=e(c);o instanceof Promise&&(a(!0),await o.finally(()=>a(!1)))};return n.jsxs(d.Button,{"data-slot":"button","data-loading":t||void 0,"aria-busy":t||void 0,...i,onClick:u,style:s,children:[l,t&&n.jsx(f.LoaderCircle,{"data-loader":!0,"data-testid":"btn-loader",className:"absolute inset-0 m-auto size-4 animate-spin text-[var(--btn-loader-color,currentColor)]"})]})};exports.BaseButton=g;

package/dist/components/button/components/base-button.es.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsxs as d, jsx as c } from "react/jsx-runtime";
+import { Button as u } from "@base-ui/react/button";
+import { useControllableState as f } from "@radix-ui/react-use-controllable-state";
+import { LoaderCircle as m } from "lucide-react";
+const h = ({
+  onClick: a,
+  loading: r,
+  style: l,
+  children: n,
+  ...i
+}) => {
+  const [t = !1, o] = f({
+    prop: r,
+    defaultProp: !1
+  });
+  return /* @__PURE__ */ d(
+    u,
+    {
+      "data-slot": "button",
+      "data-loading": t || void 0,
+      "aria-busy": t || void 0,
+      ...i,
+      onClick: async (s) => {
+        if (!a || t) return;
+        const e = a(s);
+        e instanceof Promise && (o(!0), await e.finally(() => o(!1)));
+      },
+      style: l,
+      children: [
+        n,
+        t && /* @__PURE__ */ c(
+          m,
+          {
+            "data-loader": !0,
+            "data-testid": "btn-loader",
+            className: "absolute inset-0 m-auto size-4 animate-spin text-[var(--btn-loader-color,currentColor)]"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  h as BaseButton
+};

package/dist/components/calendar/calendar.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),_=require("date-fns/locale"),g=require("lucide-react"),w=require("react-day-picker"),C=require("../select/select.cjs.js"),a=require("../../lib/cn.cjs.js"),p=new Date().getFullYear(),j=new Date(p-100,0),D=new Date(p+100,11);function N({options:l=[],value:d,onChange:o}){const i=l.map(e=>({label:e.label??"",value:e.value??0})),c=i.find(e=>e.value===Number(d))??null;return r.jsx(C.Select,{items:i,value:c,"aria-invalid":!1,className:"py-1 h-7",getLabel:e=>e.label,getId:e=>String(e.value),onValueChange:e=>{!o||e===null||o({target:{value:String(e.value)}})}})}const m="relative flex size-(--cell-size) text-base sm:text-sm items-center justify-center rounded-lg text-foreground not-in-data-selected:hover:bg-accent disabled:pointer-events-none disabled:opacity-64 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0";function k({className:l,classNames:d,showOutsideDays:o=!0,components:i,mode:c="single",captionLayout:e="dropdown",startMonth:b=j,endMonth:x=D,...v}){const u={button_next:m,button_previous:m,caption_label:"text-base sm:text-sm font-medium flex items-center gap-2 h-full",day:"size-(--cell-size) text-sm py-px",day_button:a.cn(m,"in-data-disabled:pointer-events-none in-[.range-middle]:rounded-none in-[.range-end:not(.range-start)]:rounded-s-none in-[.range-start:not(.range-end)]:rounded-e-none in-[.range-middle]:in-data-selected:bg-accent in-data-selected:bg-primary in-[.range-middle]:in-data-selected:text-foreground in-data-disabled:text-muted-foreground/72 in-data-outside:text-muted-foreground/72 in-data-selected:in-data-outside:text-primary-foreground in-data-selected:text-primary-foreground in-data-disabled:line-through outline-none in-[[data-selected]:not(.range-middle)]:transition-[color,background-color,border-radius,box-shadow] focus-visible:z-1 focus-visible:ring-[3px] focus-visible:ring-ring/50"),dropdown:"absolute bg-popover inset-0 opacity-0",dropdown_root:"relative has-focus:border-ring has-focus:ring-ring/50 has-focus:ring-[3px] border border-input shadow-xs/5 rounded-lg px-[calc(--spacing(3)-1px)] h-9 sm:h-8 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-me-1",dropdowns:"w-full flex items-center text-base sm:text-sm justify-center h-(--cell-size) gap-1.5 *:[span]:font-medium",hidden:"invisible",month:"w-full",month_caption:"relative mx-(--cell-size) px-1 mb-1 flex h-(--cell-size) items-center justify-center z-2",months:"relative flex flex-col sm:flex-row gap-2",nav:"absolute top-0 flex w-full justify-between z-1",outside:"text-muted-foreground data-selected:bg-accent/50 data-selected:text-muted-foreground",range_end:"range-end",range_middle:"range-middle",range_start:"range-start",today:"*:after:pointer-events-none *:after:absolute *:after:bottom-1 *:after:start-1/2 *:after:z-1 *:after:size-[3px] *:after:-translate-x-1/2 *:after:rounded-full *:after:bg-primary [&[data-selected]:not(.range-middle)>*]:after:bg-background [&[data-disabled]>*]:after:bg-foreground/30 *:after:transition-colors",week_number:"size-(--cell-size) p-0 text-xs font-medium text-muted-foreground/72",weekday:"size-(--cell-size) p-0 text-xs font-medium text-muted-foreground/72"},h=Object.keys(u).reduce((t,n)=>{const s=d?.[n],f=u[n];return t[n]=s?a.cn(f,s):f,t},{...u}),z={...{Dropdown:N,Chevron:({className:t,orientation:n,...s})=>n==="left"?r.jsx(g.ChevronLeftIcon,{className:a.cn(t,"rtl:rotate-180"),...s,"aria-hidden":"true"}):n==="right"?r.jsx(g.ChevronRightIcon,{className:a.cn(t,"rtl:rotate-180"),...s,"aria-hidden":"true"}):r.jsx(g.ChevronsUpDownIcon,{className:t,...s,"aria-hidden":"true"})},...i},y={className:a.cn("w-fit [--cell-size:--spacing(10)] sm:[--cell-size:--spacing(9)]",l),classNames:h,components:z,"data-slot":"calendar",formatters:{formatMonthDropdown:t=>t.toLocaleString("es",{month:"short"})},locale:_.es,weekStartsOn:1,captionLayout:e,startMonth:b,endMonth:x,mode:c,showOutsideDays:o,...v};return r.jsx(w.DayPicker,{...y})}exports.Calendar=k;