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

package/dist/components/combobox/combobox.es.js

@@ -0,0 +1,689 @@
+"use client";
+import { jsx as t, jsxs as m, Fragment as S } from "react/jsx-runtime";
+import { Combobox as n } from "@base-ui/react/combobox";
+import { Combobox as Ie } from "@base-ui/react/combobox";
+import { Field as L } from "@base-ui/react/field";
+import { ChevronsUpDownIcon as R, XIcon as k } from "lucide-react";
+import * as p from "react";
+import { Input as P, inputBaseClasses as j } from "../input/input.es.js";
+import { useIsInsideFieldRoot as G } from "../field/field.es.js";
+import { useIsomorphicLayoutEffect as V } from "../../hooks/internal/use-isomorphic-layout-effect.es.js";
+import { cn as d } from "../../lib/cn.es.js";
+import { ScrollArea as E } from "../scroll-area/scroll-area.es.js";
+const h = p.createContext({
+  chipsRef: null,
+  multiple: !1
+});
+function F({
+  ...e
+}) {
+  const o = p.useRef(null);
+  return /* @__PURE__ */ t(h.Provider, { value: { chipsRef: o, multiple: !!e.multiple }, children: /* @__PURE__ */ t(n.Root, { ...e }) });
+}
+function W({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    n.Input,
+    {
+      className: d(
+        "min-w-12 flex-1 text-base outline-none placeholder:text-muted-foreground sm:text-sm [[data-slot=combobox-chip]+&]:ps-0.5",
+        e
+      ),
+      "data-slot": "combobox-chips-input",
+      ...o
+    }
+  );
+}
+function D({
+  className: e,
+  showTrigger: o = !0,
+  showClear: r = !1,
+  startAddon: i,
+  triggerProps: a,
+  clearProps: s,
+  ...l
+}) {
+  return /* @__PURE__ */ m(
+    n.InputGroup,
+    {
+      className: "relative not-has-[>*.w-full]:w-fit w-full text-foreground has-disabled:opacity-64",
+      "data-slot": "combobox-input-group",
+      children: [
+        i && /* @__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.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:-mx-0.5",
+            "data-slot": "combobox-start-addon",
+            children: i
+          }
+        ),
+        /* @__PURE__ */ t(
+          n.Input,
+          {
+            className: d(
+              i && "*:data-[slot=combobox-input]:ps-[calc(--spacing(8.5)-1px)] sm:*:data-[slot=combobox-input]:ps-[calc(--spacing(8)-1px)]",
+              "pr-6",
+              e
+            ),
+            "data-slot": "combobox-input",
+            render: (c) => /* @__PURE__ */ t(P, { className: "has-disabled:opacity-100", nativeInput: !0, ...c }),
+            ...l
+          }
+        ),
+        /* @__PURE__ */ t(
+          w,
+          {
+            showTrigger: o,
+            showClear: r,
+            triggerProps: a,
+            clearProps: s
+          }
+        )
+      ]
+    }
+  );
+}
+function M({
+  className: e,
+  children: o,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    n.Trigger,
+    {
+      className: e,
+      "data-slot": "combobox-trigger",
+      ...r,
+      children: o
+    }
+  );
+}
+function pe({
+  className: e,
+  placeholder: o,
+  children: r,
+  showClear: i,
+  clearProps: a,
+  ...s
+}) {
+  const l = /* @__PURE__ */ t(
+    n.Trigger,
+    {
+      className: d(
+        "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",
+        e
+      ),
+      "data-slot": "combobox-select-trigger",
+      ...s,
+      children: r ?? /* @__PURE__ */ t(n.Value, { placeholder: o })
+    }
+  );
+  return i ? /* @__PURE__ */ m(
+    "div",
+    {
+      className: "relative w-full text-foreground has-disabled:opacity-64",
+      "data-slot": "combobox-select-trigger-group",
+      children: [
+        l,
+        /* @__PURE__ */ t(w, { showTrigger: !0, showClear: !0, clearProps: a })
+      ]
+    }
+  ) : /* @__PURE__ */ t(
+    n.Trigger,
+    {
+      className: d(
+        "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",
+        e
+      ),
+      "data-slot": "combobox-select-trigger",
+      ...s,
+      children: r ?? /* @__PURE__ */ m(S, { children: [
+        /* @__PURE__ */ t(n.Value, { placeholder: o }),
+        /* @__PURE__ */ t(
+          "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: /* @__PURE__ */ t(R, {})
+          }
+        )
+      ] })
+    }
+  );
+}
+function fe({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t("div", { className: "border-b p-2", "data-slot": "combobox-search-input-wrapper", children: /* @__PURE__ */ t(
+    n.Input,
+    {
+      className: d(
+        "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",
+        e
+      ),
+      autoComplete: "off",
+      "data-slot": "combobox-search-input",
+      ...o
+    }
+  ) });
+}
+function O({
+  className: e,
+  children: o,
+  side: r = "bottom",
+  sideOffset: i = 4,
+  alignOffset: a,
+  align: s = "start",
+  anchor: l,
+  portalProps: c,
+  ...u
+}) {
+  const { chipsRef: b } = p.useContext(h), g = l ?? b;
+  return /* @__PURE__ */ t(n.Portal, { ...c, children: /* @__PURE__ */ t(
+    n.Positioner,
+    {
+      align: s,
+      alignOffset: a,
+      anchor: g,
+      className: "z-50 select-none",
+      "data-slot": "combobox-positioner",
+      side: r,
+      sideOffset: i,
+      children: /* @__PURE__ */ t(
+        n.Popup,
+        {
+          className: d(
+            "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",
+            e
+          ),
+          "data-slot": "combobox-popup",
+          ...u,
+          children: o
+        }
+      )
+    }
+  ) });
+}
+function A({
+  className: e,
+  children: o,
+  ...r
+}) {
+  return /* @__PURE__ */ m(
+    n.Item,
+    {
+      className: d(
+        "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",
+        e
+      ),
+      "data-slot": "combobox-item",
+      ...r,
+      children: [
+        o,
+        /* @__PURE__ */ t(n.ItemIndicator, { className: "col-end-1", children: /* @__PURE__ */ t(
+          "svg",
+          {
+            "aria-hidden": "true",
+            fill: "none",
+            height: "24",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "2",
+            viewBox: "0 0 24 24",
+            width: "24",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ t("path", { d: "M5.252 12.7 10.2 18.63 18.748 5.37" })
+          }
+        ) })
+      ]
+    }
+  );
+}
+function xe({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    n.Separator,
+    {
+      className: d("mx-2 my-1 h-px bg-border last:hidden", e),
+      "data-slot": "combobox-separator",
+      ...o
+    }
+  );
+}
+function he({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    n.Group,
+    {
+      className: d("[[role=group]+&]:mt-1.5", e),
+      "data-slot": "combobox-group",
+      ...o
+    }
+  );
+}
+function ge({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    n.GroupLabel,
+    {
+      className: d(
+        "px-2 py-1.5 font-medium text-muted-foreground text-xs",
+        e
+      ),
+      "data-slot": "combobox-group-label",
+      ...o
+    }
+  );
+}
+function H({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    n.Empty,
+    {
+      className: d(
+        "not-empty:p-2 text-center text-base text-muted-foreground sm:text-sm",
+        e
+      ),
+      "data-slot": "combobox-empty",
+      ...o
+    }
+  );
+}
+function ve({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    n.Row,
+    {
+      className: e,
+      "data-slot": "combobox-row",
+      ...o
+    }
+  );
+}
+function B({
+  ...e
+}) {
+  return /* @__PURE__ */ t(n.Value, { "data-slot": "combobox-value", ...e });
+}
+function X({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(E, { scrollbarGutter: !0, scrollFade: !0, children: /* @__PURE__ */ t(
+    n.List,
+    {
+      className: d(
+        "not-empty:scroll-py-1 not-empty:px-1 not-empty:py-1 in-data-has-overflow-y:pe-3",
+        e
+      ),
+      "data-slot": "combobox-list",
+      ...o
+    }
+  ) });
+}
+function q({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    n.Clear,
+    {
+      className: e,
+      "data-slot": "combobox-clear",
+      ...o
+    }
+  );
+}
+const _ = "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 w({
+  showTrigger: e = !0,
+  showClear: o = !1,
+  triggerProps: r,
+  clearProps: i
+}) {
+  return !e && !o ? null : /* @__PURE__ */ m("div", { className: "text-muted-foreground hover:text-foreground transition-colors", children: [
+    e && /* @__PURE__ */ t(
+      M,
+      {
+        className: d(
+          _,
+          "text-muted-foreground has-[+[data-slot=combobox-clear]]:hidden"
+        ),
+        ...r,
+        children: /* @__PURE__ */ t(n.Icon, { "data-slot": "combobox-icon", children: /* @__PURE__ */ t(R, {}) })
+      }
+    ),
+    o && /* @__PURE__ */ t(q, { className: _, ...i, children: /* @__PURE__ */ t(k, {}) })
+  ] });
+}
+function Ce({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    n.Status,
+    {
+      className: d(
+        "px-3 py-2 font-medium text-muted-foreground text-xs empty:m-0 empty:p-0",
+        e
+      ),
+      "data-slot": "combobox-status",
+      ...o
+    }
+  );
+}
+function ye(e) {
+  return /* @__PURE__ */ t(n.Collection, { "data-slot": "combobox-collection", ...e });
+}
+function Q({
+  className: e,
+  children: o,
+  startAddon: r,
+  ...i
+}) {
+  const { chipsRef: a } = p.useContext(h), s = G(), l = (c) => /* @__PURE__ */ m(
+    n.Chips,
+    {
+      "aria-invalid": c,
+      className: d(
+        j,
+        "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",
+        e
+      ),
+      "data-slot": "combobox-chips",
+      ref: a,
+      ...i,
+      children: [
+        r && /* @__PURE__ */ t(
+          "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: r
+          }
+        ),
+        o
+      ]
+    }
+  );
+  return s ? /* @__PURE__ */ t(L.Validity, { children: ({ validity: c }) => l(c.valid === !1 ? !0 : void 0) }) : l(void 0);
+}
+function U({
+  children: e,
+  removeProps: o,
+  ...r
+}) {
+  return /* @__PURE__ */ m(
+    n.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",
+      ...r,
+      children: [
+        e,
+        /* @__PURE__ */ t($, { ...o })
+      ]
+    }
+  );
+}
+function $(e) {
+  return /* @__PURE__ */ t(
+    n.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",
+      ...e,
+      children: /* @__PURE__ */ t(k, {})
+    }
+  );
+}
+const y = 4, J = 24, K = 36, Y = 68;
+function I(e, o) {
+  const r = e - J - K;
+  let i = 0, a = 0;
+  for (let s = 0; s < o.length; s++) {
+    const l = o[s], c = s < o.length - 1;
+    if (i + (s > 0 ? y : 0) + l + (c ? y + Y : 0) > r) break;
+    i += (s > 0 ? y : 0) + l, a++;
+  }
+  return a;
+}
+function Z(e, o) {
+  const [r, i] = p.useState(null), a = p.useRef([]), s = r === null || r.items !== e;
+  return V(() => {
+    if (!s) return;
+    const l = o?.current;
+    if (!l) return;
+    const c = l.querySelectorAll('[data-slot="combobox-chip"]');
+    a.current = Array.from(c).map(
+      (b) => b.offsetWidth
+    );
+    const u = I(
+      l.clientWidth,
+      a.current
+    );
+    i({ items: e, visible: u });
+  }, [s, e, o]), p.useEffect(() => {
+    const l = o?.current;
+    if (!l) return;
+    const c = new ResizeObserver(() => {
+      if (!a.current.length) return;
+      const u = I(
+        l.clientWidth,
+        a.current
+      );
+      i((b) => b ? { ...b, visible: u } : null);
+    });
+    return c.observe(l), () => c.disconnect();
+  }, [o]), { visibleCount: r?.visible ?? e, isMeasuring: s };
+}
+function ee({
+  value: e,
+  getLabel: o,
+  getId: r
+}) {
+  const { chipsRef: i } = p.useContext(h), { visibleCount: a, isMeasuring: s } = Z(e.length, i), l = s ? e : e.slice(0, a), c = s ? 0 : e.length - a;
+  return /* @__PURE__ */ m(S, { children: [
+    l.map((u) => /* @__PURE__ */ t(U, { "aria-label": o(u), children: o(u) }, r(u))),
+    c > 0 && /* @__PURE__ */ m("span", { className: "flex items-center whitespace-nowrap px-1 text-sm text-muted-foreground", children: [
+      "+",
+      c,
+      " más"
+    ] })
+  ] });
+}
+function oe(e) {
+  if (e == null) return "";
+  if (typeof e == "string" || typeof e == "number") return String(e);
+  if (typeof e == "object") {
+    const o = e;
+    if ("label" in o) return String(o.label);
+    if ("name" in o) return String(o.name);
+    if ("title" in o) return String(o.title);
+  }
+  return String(e);
+}
+function te(e) {
+  if (e == null) return "";
+  if (typeof e == "string" || typeof e == "number") return String(e);
+  if (typeof e == "object") {
+    const o = e;
+    if ("id" in o) return String(o.id);
+    if ("value" in o) return String(o.value);
+  }
+  return String(e);
+}
+function re({
+  placeholder: e,
+  showClear: o,
+  startAddon: r,
+  className: i
+}) {
+  return /* @__PURE__ */ t(
+    D,
+    {
+      className: i,
+      placeholder: e,
+      showClear: o,
+      startAddon: r
+    }
+  );
+}
+function ne({
+  getLabel: e,
+  getId: o,
+  showClear: r,
+  startAddon: i,
+  className: a
+}) {
+  return /* @__PURE__ */ m(Q, { className: a, startAddon: i, children: [
+    /* @__PURE__ */ t(B, { children: (s) => /* @__PURE__ */ t(
+      ee,
+      {
+        value: s,
+        getLabel: e,
+        getId: o
+      }
+    ) }),
+    /* @__PURE__ */ t(w, { showTrigger: !r, showClear: r })
+  ] });
+}
+function we(e) {
+  const {
+    items: o,
+    getLabel: r,
+    getId: i,
+    renderItem: a,
+    placeholder: s,
+    emptyText: l = "Sin resultados.",
+    multiple: c,
+    onValueChange: u,
+    value: b,
+    defaultValue: g,
+    startAddon: N,
+    classNames: f,
+    showClear: z = !0,
+    ...T
+  } = e, v = r ?? oe, C = i ?? te;
+  return /* @__PURE__ */ m(
+    F,
+    {
+      items: o,
+      itemToStringLabel: v,
+      itemToStringValue: C,
+      multiple: c,
+      onValueChange: u,
+      value: b,
+      defaultValue: g,
+      autoHighlight: !0,
+      loopFocus: !0,
+      ...T,
+      children: [
+        c ? /* @__PURE__ */ t(
+          ne,
+          {
+            getLabel: v,
+            getId: C,
+            showClear: z,
+            startAddon: N,
+            className: f?.chips
+          }
+        ) : /* @__PURE__ */ t(
+          re,
+          {
+            placeholder: s,
+            showClear: z,
+            startAddon: N,
+            className: f?.input
+          }
+        ),
+        /* @__PURE__ */ m(O, { className: f?.popup, children: [
+          c && /* @__PURE__ */ t(
+            "div",
+            {
+              className: "border-b p-2",
+              "data-slot": "combobox-chips-input-wrapper",
+              children: /* @__PURE__ */ t(
+                W,
+                {
+                  className: f?.chipsInput,
+                  placeholder: s
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ t(H, { className: f?.empty, children: l }),
+          /* @__PURE__ */ t(X, { className: f?.list, children: (x) => /* @__PURE__ */ t(
+            A,
+            {
+              value: x,
+              className: f?.item,
+              children: a ? a(x) : v(x)
+            },
+            C(x)
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+const Ne = n.useFilter;
+export {
+  we as Combobox,
+  U as ComboboxChip,
+  $ as ComboboxChipRemove,
+  Q as ComboboxChips,
+  W as ComboboxChipsInput,
+  q as ComboboxClear,
+  ye as ComboboxCollection,
+  h as ComboboxContext,
+  H as ComboboxEmpty,
+  he as ComboboxGroup,
+  ge as ComboboxGroupLabel,
+  D as ComboboxInput,
+  A as ComboboxItem,
+  X as ComboboxList,
+  O as ComboboxPopup,
+  Ie as ComboboxPrimitive,
+  F as ComboboxRoot,
+  ve as ComboboxRow,
+  fe as ComboboxSearchInput,
+  pe as ComboboxSelectTrigger,
+  xe as ComboboxSeparator,
+  Ce as ComboboxStatus,
+  M as ComboboxTrigger,
+  B as ComboboxValue,
+  Ne as useComboboxFilter
+};

package/dist/components/date-picker/date-input.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),B=require("@radix-ui/react-use-controllable-state"),s=require("date-fns"),M=require("lucide-react"),O=require("./use-date-input.cjs.js"),k=require("./use-date-input-popover.cjs.js"),H=require("./use-hidden-field-value.cjs.js"),i=require("../popover/popover.cjs.js"),f=require("../field/field.cjs.js"),E=require("../calendar/calendar.cjs.js"),U=require("../../lib/cn.cjs.js"),z=require("../input/input.cjs.js"),A=g=>{const{placeholder:u,value:m,onValueChange:v,defaultValue:y,autoComplete:b,className:x,disabledDate:n,renderFooter:D,disabled:o,onBlur:C,required:j,...q}=g,[a,d]=B.useControllableState({prop:m,onChange:e=>v?.(e??null),defaultProp:y??null}),I=a?s.format(a,"yyyy-MM-dd"):"",P=H.useHiddenFieldValue(I),{inputValue:w,handleChange:N,handleBlur:S,handleKeyDown:F,clear:K,setFromExternalDate:r}=O.useDateInput({date:a??null,onDateChange:e=>d(e),disabledDate:n}),{open:R,setOpen:c,handleInputKeyDown:T,inputRef:l}=k.useDateInputPopover({disabled:o}),V=e=>{F(e),T(e)},p=D?.({value:a??null,clear:()=>{r(null),K()},selectToday:()=>{const e=new Date;n?.(e)||r(e)},setValue:e=>{const h=e&&s.isDate(e)?e:null;d(h),r(h)}});return t.jsxs(i.PopoverRoot,{"data-slot":"date-input",open:R,onOpenChange:c,children:[t.jsxs("div",{className:U.cn(z.inputBaseClasses,"relative flex items-center gap-2 h-8","has-[:focus-visible]:border-ring","aria-invalid:border-error has-[:focus-visible]:aria-invalid:ring-error/20","has-aria-invalid:border-error has-[:focus-visible]:has-aria-invalid:border-error has-[:focus-visible]:has-aria-invalid:ring-error/20","has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50",!a&&"text-muted-foreground",x,"field-error"),"data-slot":"date-input-trigger",onClick:e=>{e.target===e.currentTarget&&l.current?.focus()},children:[t.jsx(f.FieldControl,{render:t.jsx("input",{ref:P,type:"text",className:"sr-only",tabIndex:-1,"aria-hidden":"true",required:j,disabled:o,onFocus:()=>l.current?.focus()})}),t.jsx("input",{type:"text",value:w,onChange:N,onBlur:e=>{S(),C?.(e)},onKeyDown:V,placeholder:u??"dd/mm/aaaa",autoComplete:b??"off",disabled:o,className:"flex-1 min-w-0 bg-transparent outline-none text-start truncate pt-px","aria-label":u,ref:l,...q}),t.jsxs(i.PopoverTrigger,{type:"button",disabled:o,"data-slot":"date-input-calendar-trigger",className:"flex shrink-0 items-center justify-center text-muted-foreground hover:text-foreground",children:[t.jsx(M.CalendarIcon,{"data-slot":"date-input-icon"}),t.jsx("span",{className:"sr-only",children:"Seleccionar fecha"})]})]}),t.jsx(i.PopoverPopup,{className:"w-auto p-0",align:"start","data-slot":"date-input-content",children:t.jsxs(f.FieldRoot,{className:"contents",children:[t.jsx(E.Calendar,{className:"border-none",mode:"single",selected:a??void 0,onSelect:e=>{if(!e||!s.isDate(e)){r(null);return}n?.(e)||(r(e),c(!1))},disabled:n}),p&&t.jsx("div",{className:"p-2","data-slot":"date-input-footer",children:p})]})})]})};exports.DateInput=A;