@boxcustodia/library 2.0.0-alpha.18 → 2.0.0-alpha.19

package/dist/components/calendar/calendar.es.js

@@ -0,0 +1,138 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { es as _ } from "date-fns/locale";
+import { ChevronLeftIcon as w, ChevronRightIcon as y, ChevronsUpDownIcon as C } from "lucide-react";
+import { DayPicker as N } from "react-day-picker";
+import { Select as D } from "../select/select.es.js";
+import { cn as s } from "../../lib/cn.es.js";
+const f = (/* @__PURE__ */ new Date()).getFullYear(), k = new Date(f - 100, 0), j = new Date(f + 100, 11);
+function S({
+  options: d = [],
+  value: l,
+  onChange: o
+}) {
+  const i = d.map((e) => ({
+    label: e.label ?? "",
+    value: e.value ?? 0
+  })), c = i.find((e) => e.value === Number(l)) ?? null;
+  return /* @__PURE__ */ r(
+    D,
+    {
+      items: i,
+      value: c,
+      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 M({
+  className: d,
+  classNames: l,
+  showOutsideDays: o = !0,
+  components: i,
+  mode: c = "single",
+  captionLayout: e = "dropdown",
+  startMonth: p = k,
+  endMonth: b = j,
+  ...x
+}) {
+  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: s(
+      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"
+  }, v = Object.keys(
+    u
+  ).reduce(
+    (t, n) => {
+      const a = l?.[n], g = u[n];
+      return t[n] = a ? s(g, a) : g, t;
+    },
+    { ...u }
+  ), h = {
+    ...{
+      Dropdown: S,
+      Chevron: ({
+        className: t,
+        orientation: n,
+        ...a
+      }) => n === "left" ? /* @__PURE__ */ r(
+        w,
+        {
+          className: s(t, "rtl:rotate-180"),
+          ...a,
+          "aria-hidden": "true"
+        }
+      ) : n === "right" ? /* @__PURE__ */ r(
+        y,
+        {
+          className: s(t, "rtl:rotate-180"),
+          ...a,
+          "aria-hidden": "true"
+        }
+      ) : /* @__PURE__ */ r(
+        C,
+        {
+          className: t,
+          ...a,
+          "aria-hidden": "true"
+        }
+      )
+    },
+    ...i
+  }, z = {
+    className: s(
+      "w-fit [--cell-size:--spacing(10)] sm:[--cell-size:--spacing(9)]",
+      d
+    ),
+    classNames: v,
+    components: h,
+    "data-slot": "calendar",
+    formatters: {
+      formatMonthDropdown: (t) => t.toLocaleString("es", { month: "short" })
+    },
+    locale: _,
+    weekStartsOn: 1,
+    captionLayout: e,
+    startMonth: p,
+    endMonth: b,
+    mode: c,
+    showOutsideDays: o,
+    ...x
+  };
+  return /* @__PURE__ */ r(
+    N,
+    {
+      ...z
+    }
+  );
+}
+export {
+  M as Calendar
+};

package/dist/components/card/card.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("../../lib/cn.cjs.js");function c({className:a,size:r="default",...s}){return t.jsx("div",{"data-slot":"card","data-size":r,className:d.cn("group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",a),...s})}function i({className:a,...r}){return t.jsx("div",{"data-slot":"card-header",className:d.cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3",a),...r})}function l({className:a,...r}){return t.jsx("div",{"data-slot":"card-title",className:d.cn("cn-font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",a),...r})}function u({className:a,...r}){return t.jsx("div",{"data-slot":"card-description",className:d.cn("text-sm text-muted-foreground",a),...r})}function x({className:a,...r}){return t.jsx("div",{"data-slot":"card-action",className:d.cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end",a),...r})}function m({className:a,...r}){return t.jsx("div",{"data-slot":"card-content",className:d.cn("px-4 group-data-[size=sm]/card:px-3",a),...r})}function f({className:a,...r}){return t.jsx("div",{"data-slot":"card-footer",className:d.cn("flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3",a),...r})}function j({title:a,description:r,action:s,footer:o,children:n,size:g,className:p,classNames:e,...h}){const C=a||r||s;return t.jsxs(c,{size:g,className:p,...h,children:[C&&t.jsxs(i,{className:e?.header,children:[a&&t.jsx(l,{className:e?.title,children:a}),r&&t.jsx(u,{className:e?.description,children:r}),s&&t.jsx(x,{className:e?.action,children:s})]}),n&&t.jsx(m,{className:e?.content,children:n}),o&&t.jsx(f,{className:e?.footer,children:o})]})}exports.Card=j;exports.CardAction=x;exports.CardContent=m;exports.CardDescription=u;exports.CardFooter=f;exports.CardHeader=i;exports.CardRoot=c;exports.CardTitle=l;

package/dist/components/card/card.es.js

@@ -0,0 +1,142 @@
+"use client";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { cn as d } from "../../lib/cn.es.js";
+function m({
+  className: a,
+  size: r = "default",
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card",
+      "data-size": r,
+      className: d(
+        "group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        a
+      ),
+      ...o
+    }
+  );
+}
+function f({
+  className: a,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: d(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3",
+        a
+      ),
+      ...r
+    }
+  );
+}
+function p({
+  className: a,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: d(
+        "cn-font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
+        a
+      ),
+      ...r
+    }
+  );
+}
+function g({
+  className: a,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: d("text-sm text-muted-foreground", a),
+      ...r
+    }
+  );
+}
+function h({
+  className: a,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: d(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        a
+      ),
+      ...r
+    }
+  );
+}
+function x({
+  className: a,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: d("px-4 group-data-[size=sm]/card:px-3", a),
+      ...r
+    }
+  );
+}
+function b({
+  className: a,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: d(
+        "flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3",
+        a
+      ),
+      ...r
+    }
+  );
+}
+function N({
+  title: a,
+  description: r,
+  action: o,
+  footer: s,
+  children: n,
+  size: c,
+  className: l,
+  classNames: e,
+  ...u
+}) {
+  return /* @__PURE__ */ i(m, { size: c, className: l, ...u, children: [
+    (a || r || o) && /* @__PURE__ */ i(f, { className: e?.header, children: [
+      a && /* @__PURE__ */ t(p, { className: e?.title, children: a }),
+      r && /* @__PURE__ */ t(g, { className: e?.description, children: r }),
+      o && /* @__PURE__ */ t(h, { className: e?.action, children: o })
+    ] }),
+    n && /* @__PURE__ */ t(x, { className: e?.content, children: n }),
+    s && /* @__PURE__ */ t(b, { className: e?.footer, children: s })
+  ] });
+}
+export {
+  N as Card,
+  h as CardAction,
+  x as CardContent,
+  g as CardDescription,
+  b as CardFooter,
+  f as CardHeader,
+  m as CardRoot,
+  p as CardTitle
+};

package/dist/components/center/center.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("../../lib/cn.cjs.js"),i=({as:e="div",inline:t=!1,className:n,...s})=>r.jsx(e,{className:c.cn(t?"inline-flex":"flex","items-center justify-center",n),...s,"data-slot":"center"});exports.Center=i;

package/dist/components/center/center.es.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { cn as i } from "../../lib/cn.es.js";
+const c = ({
+  as: e = "div",
+  inline: t = !1,
+  className: r,
+  ...s
+}) => /* @__PURE__ */ n(
+  e,
+  {
+    className: i(
+      t ? "inline-flex" : "flex",
+      "items-center justify-center",
+      r
+    ),
+    ...s,
+    "data-slot": "center"
+  }
+);
+export {
+  c as Center
+};

package/dist/components/checkbox/checkbox.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("@base-ui/react/checkbox"),w=require("@base-ui/react/checkbox-group"),y=require("@base-ui/react/field"),j=require("@base-ui/react/fieldset"),h=require("react"),v=require("../label/label.cjs.js"),o=require("../../lib/cn.cjs.js");function m({className:r,...t}){return e.jsx(f.Checkbox.Root,{className:o.cn("peer relative inline-flex size-4.5 shrink-0 items-center justify-center rounded-[.25rem] border border-input bg-background not-dark:bg-clip-padding shadow-xs/5 outline-none ring-ring transition-shadow","before:pointer-events-none before:absolute before:inset-0 before:rounded-[3px]","not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)]","focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background","aria-invalid:border-error focus-visible:aria-invalid:border-error focus-visible:aria-invalid:ring-error","data-disabled:cursor-not-allowed data-disabled:opacity-64","sm:size-4","dark:not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]","[[data-disabled],[data-checked],[aria-invalid]]:shadow-none",r),"data-slot":"checkbox",...t})}function k({className:r,...t}){return e.jsx(f.Checkbox.Indicator,{className:o.cn("absolute -inset-px flex items-center justify-center rounded-[.25rem] text-primary-foreground","data-unchecked:hidden data-checked:bg-primary data-indeterminate:text-foreground",r),"data-slot":"checkbox-indicator",render:(n,i)=>e.jsx("span",{...n,children:i.indeterminate?e.jsx("svg",{"aria-hidden":"true",className:"size-3.5 sm:size-3",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M5.252 12h13.496"})}):e.jsx("svg",{"aria-hidden":"true",className:"size-3.5 sm:size-3",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M5.252 12.7 10.2 18.63 18.748 5.37"})})}),...t})}const g=h.createContext({controlFirst:!0,invalid:!1});function I({className:r,classNames:t,label:n,children:i,tooltip:a,controlFirst:l=!0,required:c,id:x,...d}){const b=h.useId(),u=x??b,s=n??i,p=e.jsx(m,{id:u,className:r,required:c,...d,children:e.jsx(k,{className:t?.indicator})});return s!==void 0?e.jsxs("div",{className:o.cn("flex select-none items-center gap-x-2",!l&&"flex-row-reverse justify-end",t?.wrapper),children:[p,e.jsx(v.Label,{htmlFor:u,required:c,tooltip:a,className:t?.label,children:s})]}):p}function L({className:r,classNames:t,label:n,id:i,...a}){const{controlFirst:l,invalid:c}=h.useContext(g),x=h.useId(),d=i??x;return e.jsx(y.Field.Root,{invalid:c,children:e.jsxs("div",{className:o.cn("flex select-none items-center gap-x-2",!l&&"flex-row-reverse justify-end",t?.wrapper),children:[e.jsx(m,{id:d,className:r,...a,children:e.jsx(k,{className:t?.indicator})}),e.jsx(v.Label,{htmlFor:d,className:t?.label,children:n})]})})}function C({children:r,className:t}){return e.jsx(j.Fieldset.Legend,{className:o.cn("text-sm font-medium leading-none",t),children:r})}function N({legend:r,children:t,error:n,description:i,defaultValue:a,value:l,onValueChange:c,allValues:x,disabled:d,controlFirst:b=!0,className:u,classNames:s}){return e.jsx(g.Provider,{value:{controlFirst:b,invalid:!!n},children:e.jsx(w.CheckboxGroup,{defaultValue:a,value:l,onValueChange:c,allValues:x,disabled:d,children:e.jsxs(j.Fieldset.Root,{className:o.cn("flex flex-col gap-3",u),children:[r&&e.jsx(C,{className:s?.legend,children:r}),e.jsx("div",{className:o.cn("flex flex-col gap-2",s?.items),children:t}),n&&e.jsx("p",{className:o.cn("text-sm font-medium text-error",s?.error),children:n}),!n&&i&&e.jsx("p",{className:o.cn("text-sm text-muted-foreground",s?.description),children:i})]})})})}const q=Object.assign(I,{Item:L,Group:N,Legend:C});Object.defineProperty(exports,"CheckboxPrimitive",{enumerable:!0,get:()=>f.Checkbox});exports.Checkbox=q;exports.CheckboxGroupContext=g;exports.CheckboxIndicator=k;exports.CheckboxRoot=m;

package/dist/components/checkbox/checkbox.es.js

@@ -0,0 +1,229 @@
+"use client";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { Checkbox as b } from "@base-ui/react/checkbox";
+import { Checkbox as A } from "@base-ui/react/checkbox";
+import { CheckboxGroup as N } from "@base-ui/react/checkbox-group";
+import { Field as L } from "@base-ui/react/field";
+import { Fieldset as p } from "@base-ui/react/fieldset";
+import { createContext as y, useId as k, useContext as I } from "react";
+import { Label as g } from "../label/label.es.js";
+import { cn as i } from "../../lib/cn.es.js";
+function v({
+  className: r,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    b.Root,
+    {
+      className: i(
+        "peer relative inline-flex size-4.5 shrink-0 items-center justify-center rounded-[.25rem] border border-input bg-background not-dark:bg-clip-padding shadow-xs/5 outline-none ring-ring transition-shadow",
+        "before:pointer-events-none before:absolute before:inset-0 before:rounded-[3px]",
+        "not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)]",
+        "focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background",
+        "aria-invalid:border-error focus-visible:aria-invalid:border-error focus-visible:aria-invalid:ring-error",
+        "data-disabled:cursor-not-allowed data-disabled:opacity-64",
+        "sm:size-4",
+        "dark:not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]",
+        "[[data-disabled],[data-checked],[aria-invalid]]:shadow-none",
+        r
+      ),
+      "data-slot": "checkbox",
+      ...o
+    }
+  );
+}
+function w({
+  className: r,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    b.Indicator,
+    {
+      className: i(
+        "absolute -inset-px flex items-center justify-center rounded-[.25rem] text-primary-foreground",
+        "data-unchecked:hidden data-checked:bg-primary data-indeterminate:text-foreground",
+        r
+      ),
+      "data-slot": "checkbox-indicator",
+      render: (t, n) => /* @__PURE__ */ e("span", { ...t, children: n.indeterminate ? /* @__PURE__ */ e(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: "size-3.5 sm:size-3",
+          fill: "none",
+          height: "24",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "3",
+          viewBox: "0 0 24 24",
+          width: "24",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ e("path", { d: "M5.252 12h13.496" })
+        }
+      ) : /* @__PURE__ */ e(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: "size-3.5 sm:size-3",
+          fill: "none",
+          height: "24",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "3",
+          viewBox: "0 0 24 24",
+          width: "24",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ e("path", { d: "M5.252 12.7 10.2 18.63 18.748 5.37" })
+        }
+      ) }),
+      ...o
+    }
+  );
+}
+const C = y({
+  controlFirst: !0,
+  invalid: !1
+});
+function z({
+  className: r,
+  classNames: o,
+  label: t,
+  children: n,
+  tooltip: c,
+  controlFirst: l = !0,
+  required: a,
+  id: h,
+  ...s
+}) {
+  const u = k(), m = h ?? u, d = t ?? n, x = /* @__PURE__ */ e(
+    v,
+    {
+      id: m,
+      className: r,
+      required: a,
+      ...s,
+      children: /* @__PURE__ */ e(w, { className: o?.indicator })
+    }
+  );
+  return d !== void 0 ? /* @__PURE__ */ f(
+    "div",
+    {
+      className: i(
+        "flex select-none items-center gap-x-2",
+        !l && "flex-row-reverse justify-end",
+        o?.wrapper
+      ),
+      children: [
+        x,
+        /* @__PURE__ */ e(
+          g,
+          {
+            htmlFor: m,
+            required: a,
+            tooltip: c,
+            className: o?.label,
+            children: d
+          }
+        )
+      ]
+    }
+  ) : x;
+}
+function F({
+  className: r,
+  classNames: o,
+  label: t,
+  id: n,
+  ...c
+}) {
+  const { controlFirst: l, invalid: a } = I(C), h = k(), s = n ?? h;
+  return /* @__PURE__ */ e(L.Root, { invalid: a, children: /* @__PURE__ */ f(
+    "div",
+    {
+      className: i(
+        "flex select-none items-center gap-x-2",
+        !l && "flex-row-reverse justify-end",
+        o?.wrapper
+      ),
+      children: [
+        /* @__PURE__ */ e(v, { id: s, className: r, ...c, children: /* @__PURE__ */ e(w, { className: o?.indicator }) }),
+        /* @__PURE__ */ e(g, { htmlFor: s, className: o?.label, children: t })
+      ]
+    }
+  ) });
+}
+function j({
+  children: r,
+  className: o
+}) {
+  return /* @__PURE__ */ e(
+    p.Legend,
+    {
+      className: i("text-sm font-medium leading-none", o),
+      children: r
+    }
+  );
+}
+function G({
+  legend: r,
+  children: o,
+  error: t,
+  description: n,
+  defaultValue: c,
+  value: l,
+  onValueChange: a,
+  allValues: h,
+  disabled: s,
+  controlFirst: u = !0,
+  className: m,
+  classNames: d
+}) {
+  return /* @__PURE__ */ e(C.Provider, { value: { controlFirst: u, invalid: !!t }, children: /* @__PURE__ */ e(
+    N,
+    {
+      defaultValue: c,
+      value: l,
+      onValueChange: a,
+      allValues: h,
+      disabled: s,
+      children: /* @__PURE__ */ f(p.Root, { className: i("flex flex-col gap-3", m), children: [
+        r && /* @__PURE__ */ e(j, { className: d?.legend, children: r }),
+        /* @__PURE__ */ e("div", { className: i("flex flex-col gap-2", d?.items), children: o }),
+        t && /* @__PURE__ */ e(
+          "p",
+          {
+            className: i(
+              "text-sm font-medium text-error",
+              d?.error
+            ),
+            children: t
+          }
+        ),
+        !t && n && /* @__PURE__ */ e(
+          "p",
+          {
+            className: i(
+              "text-sm text-muted-foreground",
+              d?.description
+            ),
+            children: n
+          }
+        )
+      ] })
+    }
+  ) });
+}
+const $ = Object.assign(z, {
+  Item: F,
+  Group: G,
+  Legend: j
+});
+export {
+  $ as Checkbox,
+  C as CheckboxGroupContext,
+  w as CheckboxIndicator,
+  A as CheckboxPrimitive,
+  v as CheckboxRoot
+};

package/dist/components/checkbox-group/checkbox-group.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@base-ui/react/checkbox-group"),n=require("../checkbox/checkbox.cjs.js"),c=require("../field/field.cjs.js"),j=require("../../lib/cn.cjs.js");function C({className:o,...l}){return e.jsx(t.CheckboxGroup,{className:j.cn("flex flex-col items-start gap-3",o),"data-slot":"checkbox-group",...l})}function G({legend:o,children:l,items:i,defaultValue:d,value:x,onValueChange:a,allValues:b,disabled:h,controlFirst:p=!0,className:f}){const k=c.useIsInsideFieldRoot(),u=s=>e.jsx(n.CheckboxGroupContext.Provider,{value:{controlFirst:p,invalid:s},children:e.jsx(t.CheckboxGroup,{defaultValue:d,value:x,onValueChange:a,allValues:b,disabled:h,children:e.jsxs(c.FieldSet,{className:f,children:[o&&e.jsx(c.FieldLegend,{children:o}),e.jsx("div",{className:"flex flex-col gap-2",children:i?i.map(r=>e.jsx(n.Checkbox.Item,{value:r.value,label:r.label,disabled:r.disabled},r.value)):l})]})})});return k?e.jsx(c.FieldValidity,{children:({validity:s})=>u(s.valid===!1)}):u(!1)}exports.CheckboxGroup=G;exports.CheckboxGroupRoot=C;

package/dist/components/checkbox-group/checkbox-group.es.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+import { CheckboxGroup as d } from "@base-ui/react/checkbox-group";
+import { CheckboxGroupContext as m, Checkbox as k } from "../checkbox/checkbox.es.js";
+import { useIsInsideFieldRoot as v, FieldValidity as C, FieldSet as G, FieldLegend as F } from "../field/field.es.js";
+import { cn as I } from "../../lib/cn.es.js";
+function L({
+  className: o,
+  ...l
+}) {
+  return /* @__PURE__ */ e(
+    d,
+    {
+      className: I("flex flex-col items-start gap-3", o),
+      "data-slot": "checkbox-group",
+      ...l
+    }
+  );
+}
+function P({
+  legend: o,
+  children: l,
+  items: a,
+  defaultValue: t,
+  value: s,
+  onValueChange: n,
+  allValues: u,
+  disabled: p,
+  controlFirst: x = !0,
+  className: f
+}) {
+  const h = v(), c = (i) => /* @__PURE__ */ e(m.Provider, { value: { controlFirst: x, invalid: i }, children: /* @__PURE__ */ e(
+    d,
+    {
+      defaultValue: t,
+      value: s,
+      onValueChange: n,
+      allValues: u,
+      disabled: p,
+      children: /* @__PURE__ */ b(G, { className: f, children: [
+        o && /* @__PURE__ */ e(F, { children: o }),
+        /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: a ? a.map((r) => /* @__PURE__ */ e(
+          k.Item,
+          {
+            value: r.value,
+            label: r.label,
+            disabled: r.disabled
+          },
+          r.value
+        )) : l })
+      ] })
+    }
+  ) });
+  return h ? /* @__PURE__ */ e(C, { children: ({ validity: i }) => c(i.valid === !1) }) : c(!1);
+}
+export {
+  P as CheckboxGroup,
+  L as CheckboxGroupRoot
+};

package/dist/components/combobox/combobox.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("@base-ui/react/combobox"),W=require("@base-ui/react/field"),h=require("lucide-react"),A=require("react"),_=require("../input/input.cjs.js"),H=require("../field/field.cjs.js"),B=require("../../hooks/internal/use-isomorphic-layout-effect.cjs.js"),b=require("../../lib/cn.cjs.js"),X=require("../scroll-area/scroll-area.cjs.js");function U(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:()=>o[s]})}}return e.default=o,Object.freeze(e)}const m=U(A),p=m.createContext({chipsRef:null,multiple:!1});function S({...o}){const e=m.useRef(null);return t.jsx(p.Provider,{value:{chipsRef:e,multiple:!!o.multiple},children:t.jsx(r.Combobox.Root,{...o})})}function R({className:o,...e}){return t.jsx(r.Combobox.Input,{className:b.cn("min-w-12 flex-1 text-base outline-none placeholder:text-muted-foreground sm:text-sm [[data-slot=combobox-chip]+&]:ps-0.5",o),"data-slot":"combobox-chips-input",...e})}function P({className:o,showTrigger:e=!0,showClear:s=!1,startAddon:n,triggerProps:a,clearProps:i,...l}){return t.jsxs(r.Combobox.InputGroup,{className:"relative not-has-[>*.w-full]:w-fit w-full text-foreground has-disabled:opacity-64","data-slot":"combobox-input-group",children:[n&&t.jsx("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.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:-mx-0.5","data-slot":"combobox-start-addon",children:n}),t.jsx(r.Combobox.Input,{className:b.cn(n&&"*:data-[slot=combobox-input]:ps-[calc(--spacing(8.5)-1px)] sm:*:data-[slot=combobox-input]:ps-[calc(--spacing(8)-1px)]","pr-6",o),"data-slot":"combobox-input",render:c=>t.jsx(_.Input,{className:"has-disabled:opacity-100",nativeInput:!0,...c}),...l}),t.jsx(y,{showTrigger:e,showClear:s,triggerProps:a,clearProps:i})]})}function T({className:o,children:e,...s}){return t.jsx(r.Combobox.Trigger,{className:o,"data-slot":"combobox-trigger",...s,children:e})}function Q({className:o,placeholder:e,children:s,showClear:n,clearProps:a,...i}){const l=t.jsx(r.Combobox.Trigger,{className:b.cn("relative flex w-full items-center rounded-md border border-input bg-background px-3 py-2 pe-9 text-sm outline-none transition-shadow","focus-visible:border-ring","aria-invalid:border-error focus-visible:aria-invalid:ring-error/20","data-disabled:cursor-not-allowed data-disabled:opacity-50","data-placeholder:text-muted-foreground",o),"data-slot":"combobox-select-trigger",...i,children:s??t.jsx(r.Combobox.Value,{placeholder:e})});return n?t.jsxs("div",{className:"relative w-full text-foreground has-disabled:opacity-64","data-slot":"combobox-select-trigger-group",children:[l,t.jsx(y,{showTrigger:!0,showClear:!0,clearProps:a})]}):t.jsx(r.Combobox.Trigger,{className:b.cn("relative flex w-full items-center rounded-md border border-input bg-background px-3 py-2 pe-9 text-sm outline-none transition-shadow","focus-visible:border-ring","aria-invalid:border-error focus-visible:aria-invalid:ring-error/20","data-disabled:cursor-not-allowed data-disabled:opacity-50","data-placeholder:text-muted-foreground",o),"data-slot":"combobox-select-trigger",...i,children:s??t.jsxs(t.Fragment,{children:[t.jsx(r.Combobox.Value,{placeholder:e}),t.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute end-0.5 top-1/2 inline-flex size-8 -translate-y-1/2 items-center justify-center text-muted-foreground opacity-80 sm:size-7 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4",children:t.jsx(h.ChevronsUpDownIcon,{})})]})})}function $({className:o,...e}){return t.jsx("div",{className:"border-b p-2","data-slot":"combobox-search-input-wrapper",children:t.jsx(r.Combobox.Input,{className:b.cn("flex h-9 w-full rounded-md bg-transparent text-base placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed disabled:opacity-64 sm:h-8 sm:text-sm",o),autoComplete:"off","data-slot":"combobox-search-input",...e})})}function k({className:o,children:e,side:s="bottom",sideOffset:n=4,alignOffset:a,align:i="start",anchor:l,portalProps:c,...u}){const{chipsRef:d}=m.useContext(p),g=l??d;return t.jsx(r.Combobox.Portal,{...c,children:t.jsx(r.Combobox.Positioner,{align:i,alignOffset:a,anchor:g,className:"z-50 select-none","data-slot":"combobox-positioner",side:s,sideOffset:n,children:t.jsx(r.Combobox.Popup,{className:b.cn("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 not-dark:bg-clip-padding text-foreground shadow-lg/5","before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]","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",o),"data-slot":"combobox-popup",...u,children:e})})})}function L({className:o,children:e,...s}){return t.jsxs(r.Combobox.Item,{className:b.cn("flex justify-between min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default grid-cols-[1rem_1fr] items-center gap-2 rounded-sm py-1 px-2 text-base outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",o),"data-slot":"combobox-item",...s,children:[e,t.jsx(r.Combobox.ItemIndicator,{className:"col-end-1",children:t.jsx("svg",{"aria-hidden":"true",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M5.252 12.7 10.2 18.63 18.748 5.37"})})})]})}function J({className:o,...e}){return t.jsx(r.Combobox.Separator,{className:b.cn("mx-2 my-1 h-px bg-border last:hidden",o),"data-slot":"combobox-separator",...e})}function K({className:o,...e}){return t.jsx(r.Combobox.Group,{className:b.cn("[[role=group]+&]:mt-1.5",o),"data-slot":"combobox-group",...e})}function Y({className:o,...e}){return t.jsx(r.Combobox.GroupLabel,{className:b.cn("px-2 py-1.5 font-medium text-muted-foreground text-xs",o),"data-slot":"combobox-group-label",...e})}function O({className:o,...e}){return t.jsx(r.Combobox.Empty,{className:b.cn("not-empty:p-2 text-center text-base text-muted-foreground sm:text-sm",o),"data-slot":"combobox-empty",...e})}function Z({className:o,...e}){return t.jsx(r.Combobox.Row,{className:o,"data-slot":"combobox-row",...e})}function G({...o}){return t.jsx(r.Combobox.Value,{"data-slot":"combobox-value",...o})}function q({className:o,...e}){return t.jsx(X.ScrollArea,{scrollbarGutter:!0,scrollFade:!0,children:t.jsx(r.Combobox.List,{className:b.cn("not-empty:scroll-py-1 not-empty:px-1 not-empty:py-1 in-data-has-overflow-y:pe-3",o),"data-slot":"combobox-list",...e})})}function E({className:o,...e}){return t.jsx(r.Combobox.Clear,{className:o,"data-slot":"combobox-clear",...e})}const z="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-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.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0";function y({showTrigger:o=!0,showClear:e=!1,triggerProps:s,clearProps:n}){return!o&&!e?null:t.jsxs("div",{className:"text-muted-foreground hover:text-foreground transition-colors",children:[o&&t.jsx(T,{className:b.cn(z,"text-muted-foreground has-[+[data-slot=combobox-clear]]:hidden"),...s,children:t.jsx(r.Combobox.Icon,{"data-slot":"combobox-icon",children:t.jsx(h.ChevronsUpDownIcon,{})})}),e&&t.jsx(E,{className:z,...n,children:t.jsx(h.XIcon,{})})]})}function oo({className:o,...e}){return t.jsx(r.Combobox.Status,{className:b.cn("px-3 py-2 font-medium text-muted-foreground text-xs empty:m-0 empty:p-0",o),"data-slot":"combobox-status",...e})}function eo(o){return t.jsx(r.Combobox.Collection,{"data-slot":"combobox-collection",...o})}function F({className:o,children:e,startAddon:s,...n}){const{chipsRef:a}=m.useContext(p),i=H.useIsInsideFieldRoot(),l=c=>t.jsxs(r.Combobox.Chips,{"aria-invalid":c,className:b.cn(_.inputBaseClasses,"relative inline-flex pr-6 w-full flex-wrap gap-1","placeholder:text-muted-foreground","focus-within:border-ring","aria-invalid:border-error focus-within:aria-invalid:ring-error/20","has-disabled:cursor-not-allowed has-disabled:opacity-50",o),"data-slot":"combobox-chips",ref:a,...n,children:[s&&t.jsx("div",{"aria-hidden":"true",className:"flex shrink-0 items-center ps-2 opacity-80 has-[+[data-slot=combobox-chip]]:pe-2 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-ms-0.5 [&_svg]:-me-1.5","data-slot":"combobox-start-addon",children:s}),e]});return i?t.jsx(W.Field.Validity,{children:({validity:c})=>l(c.valid===!1?!0:void 0)}):l(void 0)}function V({children:o,removeProps:e,...s}){return t.jsxs(r.Combobox.Chip,{className:"flex my-auto items-center pl-1 rounded-[calc(var(--radius-md)-1px)] bg-accent font-medium text-accent-foreground text-sm outline-none sm:text-xs/(--text-xs--line-height) [&_svg:not([class*='size-'])]:size-4 sm:[&_svg:not([class*='size-'])]:size-3.5 h-6","data-slot":"combobox-chip",...s,children:[o,t.jsx(D,{...e})]})}function D(o){return t.jsx(r.Combobox.ChipRemove,{"aria-label":"Quitar",className:"h-full shrink-0 cursor-pointer px-1 opacity-80 hover:opacity-100 [&_svg:not([class*='size-'])]:size-4 sm:[&_svg:not([class*='size-'])]:size-3.5","data-slot":"combobox-chip-remove",...o,children:t.jsx(h.XIcon,{})})}const j=4,to=24,so=36,ro=68;function I(o,e){const s=o-to-so;let n=0,a=0;for(let i=0;i<e.length;i++){const l=e[i],c=i<e.length-1;if(n+(i>0?j:0)+l+(c?j+ro:0)>s)break;n+=(i>0?j:0)+l,a++}return a}function no(o,e){const[s,n]=m.useState(null),a=m.useRef([]),i=s===null||s.items!==o;return B.useIsomorphicLayoutEffect(()=>{if(!i)return;const l=e?.current;if(!l)return;const c=l.querySelectorAll('[data-slot="combobox-chip"]');a.current=Array.from(c).map(d=>d.offsetWidth);const u=I(l.clientWidth,a.current);n({items:o,visible:u})},[i,o,e]),m.useEffect(()=>{const l=e?.current;if(!l)return;const c=new ResizeObserver(()=>{if(!a.current.length)return;const u=I(l.clientWidth,a.current);n(d=>d?{...d,visible:u}:null)});return c.observe(l),()=>c.disconnect()},[e]),{visibleCount:s?.visible??o,isMeasuring:i}}function io({value:o,getLabel:e,getId:s}){const{chipsRef:n}=m.useContext(p),{visibleCount:a,isMeasuring:i}=no(o.length,n),l=i?o:o.slice(0,a),c=i?0:o.length-a;return t.jsxs(t.Fragment,{children:[l.map(u=>t.jsx(V,{"aria-label":e(u),children:e(u)},s(u))),c>0&&t.jsxs("span",{className:"flex items-center whitespace-nowrap px-1 text-sm text-muted-foreground",children:["+",c," más"]})]})}function ao(o){if(o==null)return"";if(typeof o=="string"||typeof o=="number")return String(o);if(typeof o=="object"){const e=o;if("label"in e)return String(e.label);if("name"in e)return String(e.name);if("title"in e)return String(e.title)}return String(o)}function lo(o){if(o==null)return"";if(typeof o=="string"||typeof o=="number")return String(o);if(typeof o=="object"){const e=o;if("id"in e)return String(e.id);if("value"in e)return String(e.value)}return String(o)}function co({placeholder:o,showClear:e,startAddon:s,className:n}){return t.jsx(P,{className:n,placeholder:o,showClear:e,startAddon:s})}function bo({getLabel:o,getId:e,showClear:s,startAddon:n,className:a}){return t.jsxs(F,{className:a,startAddon:n,children:[t.jsx(G,{children:i=>t.jsx(io,{value:i,getLabel:o,getId:e})}),t.jsx(y,{showTrigger:!s,showClear:s})]})}function uo(o){const{items:e,getLabel:s,getId:n,renderItem:a,placeholder:i,emptyText:l="Sin resultados.",multiple:c,onValueChange:u,value:d,defaultValue:g,startAddon:w,classNames:x,showClear:N=!0,...M}=o,C=s??ao,v=n??lo;return t.jsxs(S,{items:e,itemToStringLabel:C,itemToStringValue:v,multiple:c,onValueChange:u,value:d,defaultValue:g,autoHighlight:!0,loopFocus:!0,...M,children:[c?t.jsx(bo,{getLabel:C,getId:v,showClear:N,startAddon:w,className:x?.chips}):t.jsx(co,{placeholder:i,showClear:N,startAddon:w,className:x?.input}),t.jsxs(k,{className:x?.popup,children:[c&&t.jsx("div",{className:"border-b p-2","data-slot":"combobox-chips-input-wrapper",children:t.jsx(R,{className:x?.chipsInput,placeholder:i})}),t.jsx(O,{className:x?.empty,children:l}),t.jsx(q,{className:x?.list,children:f=>t.jsx(L,{value:f,className:x?.item,children:a?a(f):C(f)},v(f))})]})]})}const mo=r.Combobox.useFilter;Object.defineProperty(exports,"ComboboxPrimitive",{enumerable:!0,get:()=>r.Combobox});exports.Combobox=uo;exports.ComboboxChip=V;exports.ComboboxChipRemove=D;exports.ComboboxChips=F;exports.ComboboxChipsInput=R;exports.ComboboxClear=E;exports.ComboboxCollection=eo;exports.ComboboxContext=p;exports.ComboboxEmpty=O;exports.ComboboxGroup=K;exports.ComboboxGroupLabel=Y;exports.ComboboxInput=P;exports.ComboboxItem=L;exports.ComboboxList=q;exports.ComboboxPopup=k;exports.ComboboxRoot=S;exports.ComboboxRow=Z;exports.ComboboxSearchInput=$;exports.ComboboxSelectTrigger=Q;exports.ComboboxSeparator=J;exports.ComboboxStatus=oo;exports.ComboboxTrigger=T;exports.ComboboxValue=G;exports.useComboboxFilter=mo;