@photon-ai/pho-ui 4.2.0 → 4.3.1

package/dist/chunks/card-DhDwtSi9.js

@@ -1,56 +0,0 @@
-"use client";
-import { t as r } from "./cn-ChIgwEl3.js";
-import "react";
-import { jsx as s } from "react/jsx-runtime";
-var o = "border-pho-secondary bg-pho-primary rounded-lg border";
-function i({ className: t, ...a }) {
-  return /* @__PURE__ */ s("div", {
-    className: r(o, "flex flex-col gap-4 pt-5 pb-4", "has-[>[data-stat-group]:first-child]:pt-0 has-[>[data-stat]:first-child]:pt-0", "has-[>[data-stat-group]:last-child]:pb-0 has-[>[data-stat]:last-child]:pb-0", "has-[>:first-child:has([data-chart])]:pt-0", t),
-    ...a
-  });
-}
-function n({ className: t, ...a }) {
-  return /* @__PURE__ */ s("div", {
-    className: r("flex flex-col gap-0.5 px-5", t),
-    ...a
-  });
-}
-function p({ className: t, children: a, ...e }) {
-  return /* @__PURE__ */ s("h3", {
-    className: r("text-display-xs text-pho-primary font-medium", t),
-    ...e,
-    children: a
-  });
-}
-function c({ className: t, ...a }) {
-  return /* @__PURE__ */ s("p", {
-    className: r("text-display-xs text-pho-description font-normal", t),
-    ...a
-  });
-}
-function l({ className: t, ...a }) {
-  return /* @__PURE__ */ s("div", {
-    className: r("px-5", t),
-    ...a
-  });
-}
-function d({ className: t, ...a }) {
-  return /* @__PURE__ */ s("div", {
-    className: r("flex items-center gap-2 px-5", t),
-    ...a
-  });
-}
-var u = {
-  Root: i,
-  Header: n,
-  Title: p,
-  Description: c,
-  Content: l,
-  Footer: d
-};
-export {
-  u as n,
-  o as t
-};
-
-//# sourceMappingURL=card-DhDwtSi9.js.map

package/dist/chunks/card-DhDwtSi9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-DhDwtSi9.js","names":[],"sources":["../../src/components/card/card.tsx"],"sourcesContent":["import { type ComponentProps, type Ref } from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/**\n * Design notes:\n * - A card is a flat bordered panel on the page surface — hairline border,\n *   primary background, no shadow. Elevation shadows stay on floating layers\n *   (menus, dialogs); see the same rule on Input and Select.\n * - Radius sits at the `lg` stop (16px) like Dialog — a standalone content\n *   panel reads bigger than a control, so it takes the panel radius rather\n *   than the control default (`base`).\n * - Vertical rhythm: `pt-5` / `pb-4`, `gap-4` between parts. Parts carry\n *   `px-5`, so a child without padding (an image, a table, a `Separator`)\n *   runs edge-to-edge on its own. A `Stat` / `Stat.Group` already pads\n *   its tiles — when it is the first or last child the matching inset\n *   drops so the row sits flush on the card edge. A chart as the first\n *   child drops the top inset the same way; the plot keeps its own\n *   bottom band.\n * - No size or color axes. A card is chrome, not a signal — content sets the\n *   tone. Sizing belongs to the layout that places the card.\n */\n\n/** Surface chrome — exported for hosts that need the look on another element. */\nexport const CARD_SURFACE =\n  \"border-pho-secondary bg-pho-primary rounded-lg border\";\n\n/** The panel: bordered surface, vertical rhythm between parts. */\nfunction Root({\n  className,\n  ...props\n}: ComponentProps<\"div\"> & { ref?: Ref<HTMLDivElement> }) {\n  return (\n    <div\n      className={cn(\n        CARD_SURFACE,\n        \"flex flex-col gap-4 pt-5 pb-4\",\n        // Stat tiles pad themselves; a chart's plot already insets.\n        \"has-[>[data-stat-group]:first-child]:pt-0 has-[>[data-stat]:first-child]:pt-0\",\n        \"has-[>[data-stat-group]:last-child]:pb-0 has-[>[data-stat]:last-child]:pb-0\",\n        \"has-[>:first-child:has([data-chart])]:pt-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Title + optional description pair, kept tight (`gap-0.5`). */\nfunction Header({\n  className,\n  ...props\n}: ComponentProps<\"div\"> & { ref?: Ref<HTMLDivElement> }) {\n  return (\n    <div className={cn(\"flex flex-col gap-0.5 px-5\", className)} {...props} />\n  );\n}\n\n/**\n * Card heading — an `<h3>` so it nests under page (`h1`) and section (`h2`)\n * headings without skipping levels.\n */\nfunction Title({\n  className,\n  children,\n  ...props\n}: ComponentProps<\"h3\"> & { ref?: Ref<HTMLHeadingElement> }) {\n  return (\n    <h3\n      className={cn(\"text-display-xs text-pho-primary font-medium\", className)}\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n}\n\n/** Supporting copy under the title — same step, secondary tone. */\nfunction Description({\n  className,\n  ...props\n}: ComponentProps<\"p\"> & { ref?: Ref<HTMLParagraphElement> }) {\n  return (\n    <p\n      className={cn(\n        \"text-display-xs text-pho-description font-normal\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** The card body. Carries the horizontal padding; bring your own layout. */\nfunction Content({\n  className,\n  ...props\n}: ComponentProps<\"div\"> & { ref?: Ref<HTMLDivElement> }) {\n  return <div className={cn(\"px-5\", className)} {...props} />;\n}\n\n/**\n * Trailing row — actions, a status line. Unopinionated about justification;\n * add `justify-end` for a dialog-style action bar.\n */\nfunction Footer({\n  className,\n  ...props\n}: ComponentProps<\"div\"> & { ref?: Ref<HTMLDivElement> }) {\n  return (\n    <div className={cn(\"flex items-center gap-2 px-5\", className)} {...props} />\n  );\n}\n\n/**\n * Card — a bordered content panel: header (title + description), body,\n * optional footer. It's static chrome with no interactivity of its own.\n * For a label/control list use `BasicPage.Card`; for a featured\n * block on the page surface use `BasicPage.Callout`.\n *\n * ```tsx\n * <Card.Root>\n *   <Card.Header>\n *     <Card.Title>Usage</Card.Title>\n *     <Card.Description>Since Aug 1.</Card.Description>\n *   </Card.Header>\n *   <Card.Content>…</Card.Content>\n *   <Card.Footer className=\"justify-end\">\n *     <Button size=\"sm\">Upgrade</Button>\n *   </Card.Footer>\n * </Card.Root>\n * ```\n */\nexport const Card = {\n  Root,\n  Header,\n  Title,\n  Description,\n  Content,\n  Footer,\n};\n"],"mappings":";;;;AAuBA,IAAa,IACX;AAGF,SAAS,EAAK,EACZ,WAAA,GACA,GAAG,EAAA,GACqD;AACxD,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,EACT,GACA,iCAEA,iFACA,+EACA,8CACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAGA,SAAS,EAAO,EACd,WAAA,GACA,GAAG,EAAA,GACqD;AACxD,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,EAAG,8BAA8B,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAE7E;AAMA,SAAS,EAAM,EACb,WAAA,GACA,UAAA,GACA,GAAG,EAAA,GACwD;AAC3D,SACE,gBAAA,EAAC,MAAD;AAAA,IACE,WAAW,EAAG,gDAAgD,CAAS;AAAA,IACvE,GAAI;AAAA,IAEH,UAAA;AAAA,EACC,CAAA;AAER;AAGA,SAAS,EAAY,EACnB,WAAA,GACA,GAAG,EAAA,GACyD;AAC5D,SACE,gBAAA,EAAC,KAAD;AAAA,IACE,WAAW,EACT,oDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAGA,SAAS,EAAQ,EACf,WAAA,GACA,GAAG,EAAA,GACqD;AACxD,SAAO,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,EAAG,QAAQ,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAC5D;AAMA,SAAS,EAAO,EACd,WAAA,GACA,GAAG,EAAA,GACqD;AACxD,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,EAAG,gCAAgC,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAE/E;AAqBA,IAAa,IAAO;AAAA,EAClB,MAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AACF"}

package/dist/chunks/collapsible-if7ncPbI.js

@@ -1,28 +0,0 @@
-"use client";
-import { t as r } from "./cn-ChIgwEl3.js";
-import "react";
-import { jsx as i } from "react/jsx-runtime";
-import { Collapsible as o } from "@base-ui/react/collapsible";
-var n = o.Root;
-function a({ className: e, ...t }) {
-  return /* @__PURE__ */ i(o.Trigger, {
-    className: r("outline-pho-brand text-pho-secondary hover:text-pho-secondary-hover flex w-full cursor-pointer items-center justify-between gap-2 rounded-sm text-base font-medium transition focus-visible:outline-2 focus-visible:outline-offset-2", "[&>svg]:size-4 [&>svg]:transition-transform [&>svg]:duration-150 data-[panel-open]:[&>svg]:rotate-180", e),
-    ...t
-  });
-}
-function s({ className: e, ...t }) {
-  return /* @__PURE__ */ i(o.Panel, {
-    className: r("h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] duration-150 ease-out", "data-[ending-style]:h-0 data-[starting-style]:h-0", e),
-    ...t
-  });
-}
-var d = {
-  Root: n,
-  Trigger: a,
-  Panel: s
-};
-export {
-  d as t
-};
-
-//# sourceMappingURL=collapsible-if7ncPbI.js.map

package/dist/chunks/collapsible-if7ncPbI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible-if7ncPbI.js","names":[],"sources":["../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\nimport { cn } from \"../../utils/cn\";\n\n/** Override Base UI's `string | (state) => string` className with plain string. */\ntype StyledProps<T extends ElementType> = Omit<\n  ComponentProps<T>,\n  \"className\"\n> & {\n  className?: string;\n};\n\nconst Root = BaseCollapsible.Root;\n\nfunction Trigger({\n  className,\n  ...props\n}: StyledProps<typeof BaseCollapsible.Trigger>) {\n  return (\n    <BaseCollapsible.Trigger\n      className={cn(\n        \"outline-pho-brand text-pho-secondary hover:text-pho-secondary-hover flex w-full cursor-pointer items-center justify-between gap-2 rounded-sm text-base font-medium transition focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"[&>svg]:size-4 [&>svg]:transition-transform [&>svg]:duration-150 data-[panel-open]:[&>svg]:rotate-180\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Panel({\n  className,\n  ...props\n}: StyledProps<typeof BaseCollapsible.Panel>) {\n  return (\n    <BaseCollapsible.Panel\n      className={cn(\n        \"h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] duration-150 ease-out\",\n        \"data-[ending-style]:h-0 data-[starting-style]:h-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Show/hide a region of content, built on Base UI `Collapsible` with a smooth\n * height animation. Control with `open` / `onOpenChange` or leave uncontrolled\n * via `defaultOpen`. For several sections where one expands at a time, use\n * `Accordion`.\n */\nexport const Collapsible = { Root, Trigger, Panel };\n"],"mappings":";;;;;AAYA,IAAM,IAAO,EAAgB;AAE7B,SAAS,EAAQ,EACf,WAAA,GACA,GAAG,EAAA,GAC2C;AAC9C,SACE,gBAAA,EAAC,EAAgB,SAAjB;AAAA,IACE,WAAW,EACT,wOACA,yGACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAgB,OAAjB;AAAA,IACE,WAAW,EACT,iGACA,qDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAQA,IAAa,IAAc;AAAA,EAAE,MAAA;AAAA,EAAM,SAAA;AAAA,EAAS,OAAA;AAAM"}

package/dist/chunks/date-picker-Ddeo1fNE.js

@@ -1,422 +0,0 @@
-"use client";
-import { t as p } from "./cn-ChIgwEl3.js";
-import { t as Ge } from "./createReactComponent-BqCmnqfX.js";
-import { t as le } from "./calendar-4OFiCLAv.js";
-import { t as L } from "./popover-BhBJO346.js";
-import { useCallback as ze, useId as He, useRef as J, useState as D, useSyncExternalStore as Ye } from "react";
-import { Fragment as X, jsx as f, jsxs as y } from "react/jsx-runtime";
-var qe = [
-  ["path", {
-    d: "M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12",
-    key: "svg-0"
-  }],
-  ["path", {
-    d: "M16 3v4",
-    key: "svg-1"
-  }],
-  ["path", {
-    d: "M8 3v4",
-    key: "svg-2"
-  }],
-  ["path", {
-    d: "M4 11h16",
-    key: "svg-3"
-  }],
-  ["path", {
-    d: "M11 15h1",
-    key: "svg-4"
-  }],
-  ["path", {
-    d: "M12 15v3",
-    key: "svg-5"
-  }]
-], ue = Ge("outline", "calendar", "Calendar", qe), ye = {
-  hour: 3600,
-  minute: 60,
-  second: 1
-}, ce = {
-  sm: "px-3 py-2 text-md md:text-base",
-  md: "px-3 py-2 text-md",
-  lg: "px-3.5 py-2.5 text-md"
-}, de = {
-  sm: "rounded-base",
-  md: "rounded-base",
-  lg: "squircle rounded-base"
-}, fe = p("bg-pho-primary ring-pho-primary text-pho-primary relative flex cursor-pointer items-center gap-2 text-left ring-1 ring-inset", "transition-shadow duration-100 ease-linear focus-visible:outline-none", "data-[invalid]:ring-pho-error-subtle data-[invalid]:ring-[1.5px]"), Ke = p("has-[input:focus-visible]:ring-pho-brand data-[popup-open]:ring-pho-brand has-[input:focus-visible]:ring-2 data-[popup-open]:ring-2", "data-[invalid]:has-[input:focus-visible]:ring-pho-error data-[invalid]:data-[popup-open]:ring-pho-error", "has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50"), Be = p("has-[input:focus-visible]:ring-pho-brand has-[input:focus-visible]:ring-2", "data-[invalid]:has-[input:focus-visible]:ring-pho-error", "has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50"), Ue = p("flex shrink-0 cursor-pointer items-center rounded-sm px-2.5 py-1.5 text-left text-base whitespace-nowrap select-none", "text-pho-secondary transition-[color,background-color] duration-150 ease-out", "hover:bg-pho-ghost-hover hover:text-pho-primary", "outline-pho-brand focus-visible:outline-2 focus-visible:-outline-offset-1", "sm:w-full"), Ze = "bg-pho-ghost-hover text-pho-primary font-medium", Je = /[\u00a0\u2000-\u200a\u202f\u205f\u3000]/g, A = (e) => e.replace(Je, " "), xe = {
-  year: "numeric",
-  month: "2-digit",
-  day: "2-digit"
-}, Qe = {
-  hour: {
-    hour: "2-digit",
-    minute: "2-digit",
-    hourCycle: "h23"
-  },
-  minute: {
-    hour: "2-digit",
-    minute: "2-digit",
-    hourCycle: "h23"
-  },
-  second: {
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit",
-    hourCycle: "h23"
-  }
-}, P = "–", we = new Date(2026, 8, 12, 15, 4, 5);
-function De(e, t) {
-  return new Intl.DateTimeFormat(e, {
-    ...xe,
-    ...t ? Qe[t] : {}
-  });
-}
-var Me = (e) => e === "year" || e === "month" || e === "day";
-function We(e) {
-  return new Intl.DateTimeFormat(e, xe).formatToParts(we).map((t) => t.type).filter(Me);
-}
-var Xe = {
-  year: "yyyy",
-  month: "mm",
-  day: "dd"
-};
-function et(e, t) {
-  return A(De(e, t).formatToParts(we).map((n) => Me(n.type) ? Xe[n.type] : n.type === "hour" ? "hh" : n.type === "minute" ? "mm" : n.type === "second" ? "ss" : n.value).join(""));
-}
-function tt(e, t, n) {
-  if (e == null) return "";
-  const c = De(t, n);
-  return e instanceof Date ? A(c.format(e)) : e.from == null ? "" : e.to == null || n == null && e.from.getFullYear() === e.to.getFullYear() && e.from.getMonth() === e.to.getMonth() && e.from.getDate() === e.to.getDate() ? A(c.format(e.from)) : A(nt(c, e.from, e.to, n != null));
-}
-function nt(e, t, n, c) {
-  const o = e.formatToParts(t), i = e.formatToParts(n), l = (d) => d.map((N) => N.value).join("");
-  if (c || o.length !== i.length) return `${l(o)}${P}${l(i)}`;
-  const h = (d) => o[d].type === i[d].type && o[d].value === i[d].value;
-  if (o[0]?.type === "year") {
-    let d = 0;
-    for (; d < o.length && h(d); ) d += 1;
-    for (; d > 0 && i[d - 1].type !== "literal"; ) d -= 1;
-    return d > 0 && d < o.length ? `${l(o)}${P}${l(i.slice(d))}` : `${l(o)}${P}${l(i)}`;
-  }
-  let u = o.length;
-  for (; u > 0 && h(u - 1); ) u -= 1;
-  for (; u < o.length && o[u].type !== "literal"; ) u += 1;
-  return u > 0 && u < o.length ? `${l(o.slice(0, u))}${P}${l(i)}` : `${l(o)}${P}${l(i)}`;
-}
-var O = (e) => String(e).padStart(2, "0");
-function M(e) {
-  return `${e.getFullYear()}-${O(e.getMonth() + 1)}-${O(e.getDate())}`;
-}
-function Ne(e, t) {
-  const n = `${O(e.getHours())}:${O(e.getMinutes())}`;
-  return t === "second" ? `${n}:${O(e.getSeconds())}` : n;
-}
-function Q(e, t) {
-  return `${M(e)}T${Ne(e, t)}`;
-}
-function j(e) {
-  const t = /^(\d{4})-(\d{2})-(\d{2})(?:T(\d{2}):(\d{2})(?::(\d{2}))?)?$/.exec(e);
-  if (!t) return;
-  const [, n, c, o, i, l, h] = t, u = new Date(Number(n), Number(c) - 1, Number(o), Number(i ?? 0), Number(l ?? 0), Number(h ?? 0), 0);
-  return Number.isNaN(u.getTime()) ? void 0 : u;
-}
-function he(e, t, n, c) {
-  const o = e < 100 ? 2e3 + e : e;
-  if (t < 1 || t > 12 || n < 1 || n > 31) return;
-  const [i = 0, l = 0, h = 0] = c;
-  if (i > 23 || l > 59 || h > 59) return;
-  const u = new Date(o, t - 1, n, i, l, h, 0);
-  return u.getMonth() === t - 1 && u.getDate() === n ? u : void 0;
-}
-function rt(e, t) {
-  const n = e.trim();
-  if (n === "") return;
-  const c = (n.match(/\d+/g) ?? []).map(Number);
-  if (c.length >= 3) {
-    const i = c.slice(3);
-    if (/\bpm\b/i.test(n) && i[0] !== void 0 && i[0] < 12 ? i[0] += 12 : /\bam\b/i.test(n) && i[0] === 12 && (i[0] = 0), /^\d{4}\D/.test(n)) {
-      const [h, u, d] = c;
-      return he(h, u, d, i);
-    }
-    const l = {};
-    if (We(t).forEach((h, u) => {
-      l[h] = c[u];
-    }), l.year != null && l.month != null && l.day != null) {
-      const h = he(l.year, l.month, l.day, i);
-      if (h) return h;
-    }
-  }
-  if (!/[a-z]/i.test(n) || c.length < 2 || !/\b\d{4}\b/.test(n)) return;
-  const o = new Date(n);
-  return Number.isNaN(o.getTime()) ? void 0 : o;
-}
-function g(e, t) {
-  const n = new Date(e);
-  return n.setMilliseconds(0), t === "second" || (n.setSeconds(0), t === "minute") || (n.setMinutes(0), t === "hour") || n.setHours(0), n;
-}
-function me(e) {
-  return e == null ? "" : e instanceof Date ? String(e.getTime()) : `${e.from?.getTime() ?? ""}-${e.to?.getTime() ?? ""}`;
-}
-function G(e, t) {
-  const n = new Date(e);
-  return t && n.setHours(t.getHours(), t.getMinutes(), t.getSeconds(), 0), n;
-}
-var ot = (e) => new Date(e.getFullYear(), e.getMonth(), 1), at = (e) => new Date(e.getFullYear(), e.getMonth() + 1, 0), it = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), pe = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate(), 23, 59, 59, 999), ge = (e, t) => e && e > t ? e : t, ve = (e, t) => e && e < t ? e : t;
-function st(e) {
-  if (e?.hidden != null) return null;
-  let t, n;
-  const c = e?.disabled == null ? [] : Array.isArray(e.disabled) ? e.disabled : [e.disabled];
-  for (const o of c) {
-    if (o == null || typeof o != "object" || o instanceof Date || Object.keys(o).length !== 1) return null;
-    if ("before" in o && o.before instanceof Date) t = ge(t, it(o.before));
-    else if ("after" in o && o.after instanceof Date) n = ve(n, pe(o.after));
-    else return null;
-  }
-  return e?.startMonth && (t = ge(t, ot(e.startMonth))), e?.endMonth && (n = ve(n, pe(at(e.endMonth)))), {
-    min: t,
-    max: n
-  };
-}
-var be = "(pointer: coarse)";
-function lt() {
-  const e = ze((t) => {
-    if (typeof window > "u" || !window.matchMedia) return () => {
-    };
-    const n = window.matchMedia(be);
-    return n.addEventListener("change", t), () => n.removeEventListener("change", t);
-  }, []);
-  return Ye(e, () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(be).matches, () => !1);
-}
-function W({ label: e, value: t, time: n, disabled: c, onChange: o }) {
-  return /* @__PURE__ */ y(X, { children: [/* @__PURE__ */ f("span", {
-    className: "text-pho-description text-xs",
-    children: e
-  }), /* @__PURE__ */ f("label", {
-    className: p("bg-pho-primary ring-pho-primary rounded-sm px-2 py-1 ring-1 ring-inset", "focus-within:ring-pho-brand transition-shadow duration-100 ease-linear focus-within:ring-2"),
-    children: /* @__PURE__ */ f("input", {
-      type: "time",
-      step: ye[n],
-      disabled: c,
-      "aria-label": e,
-      value: t ? Ne(t, n) : "",
-      onChange: (i) => o(i.target.value),
-      className: p("text-pho-primary w-full bg-transparent text-base tabular-nums outline-none", "[&::-webkit-calendar-picker-indicator]:hidden")
-    })
-  })] });
-}
-function ut(e) {
-  const { mode: t = "single", defaultValue: n, onValueChange: c, label: o, hint: i, placeholder: l, invalid: h, disabled: u, required: d, size: N = "md", width: k = "fill", time: a, locales: z, calendarProps: S, id: $e, className: ee } = e, H = e.presets, { minDays: Ce, maxDays: ke } = e, te = "value" in e, [Se, Te] = D(n), _ = te ? e.value : Se, [$, C] = D(!1), T = J(0), Y = l ?? (t === "range" ? "Pick a date range" : et(z, a)), Ee = He(), E = $e ?? Ee, q = i ? `${E}-hint` : void 0, ne = `${E}-calendar`, [re, oe] = D(!1), K = (r = !1) => {
-    $ || (T.current = 0, I(void 0), oe(r), C(!0));
-  }, v = (r) => {
-    te || Te(r), c?.(r);
-  }, b = t === "single" ? _ : void 0, m = t === "range" ? _ : void 0, Fe = b ?? m?.from, [Ie, x] = D(null), [B, Re] = D(null), U = B && B.key === me(_) ? B.label : null, F = Ie ?? U ?? tt(_, z, a), Pe = Math.max(F.length, Y.length, 1), Ae = (r) => {
-    const s = typeof r.value == "function" ? r.value() : r.value;
-    Re({
-      label: r.label,
-      key: me(s)
-    }), x(null), v(s), C(!1);
-  }, [Oe, I] = D(void 0), [_e] = D(() => S?.today ?? /* @__PURE__ */ new Date()), ae = Oe ?? S?.defaultMonth ?? Fe ?? _e, Z = J(null), ie = J(null), Ve = lt(), w = st(S), Le = Ve && t === "single" && w != null && !H?.length, je = /* @__PURE__ */ y(X, { children: [/* @__PURE__ */ f(ue, { className: "text-pho-secondary size-4 shrink-0" }), /* @__PURE__ */ f("span", {
-    className: p("min-w-0 flex-1 truncate", F === "" && "text-pho-placeholder"),
-    children: F === "" ? Y : F
-  })] });
-  return /* @__PURE__ */ y("div", {
-    className: p("flex flex-col gap-1.5", k === "hug" ? "w-fit" : "w-full"),
-    children: [
-      o ? /* @__PURE__ */ y("label", {
-        htmlFor: E,
-        className: "text-pho-secondary flex w-fit cursor-default items-center gap-0.5 text-base font-medium",
-        children: [o, d ? /* @__PURE__ */ f("span", {
-          className: "text-pho-brand",
-          children: "*"
-        }) : null]
-      }) : null,
-      Le ? /* @__PURE__ */ y("div", {
-        "data-invalid": h || void 0,
-        className: p(fe, Be, k === "hug" ? "w-fit" : "w-full", ce[N], de[N], ee),
-        children: [je, /* @__PURE__ */ f("input", {
-          id: E,
-          type: a ? "datetime-local" : "date",
-          step: a ? ye[a] : void 0,
-          min: w?.min ? a ? Q(g(w.min, a), a) : M(w.min) : void 0,
-          max: w?.max ? a ? Q(g(w.max, a), a) : M(w.max) : void 0,
-          required: d,
-          disabled: u,
-          "aria-describedby": q,
-          value: b ? a ? Q(b, a) : M(b) : "",
-          onChange: (r) => {
-            const s = j(r.target.value);
-            v(s ? g(s, a) : void 0);
-          },
-          className: "absolute inset-0 size-full cursor-pointer opacity-0"
-        })]
-      }) : /* @__PURE__ */ y(L.Root, {
-        open: $,
-        onOpenChange: (r, s) => {
-          !r && s.reason === "outside-press" && s.event.target instanceof Node && Z.current?.contains(s.event.target) || (r ? (T.current = 0, I(void 0)) : (x(null), oe(!1)), C(r));
-        },
-        children: [/* @__PURE__ */ y("div", {
-          ref: Z,
-          "data-invalid": h || void 0,
-          "data-popup-open": $ || void 0,
-          className: p(fe, Ke, k === "hug" ? "w-fit" : "w-full", ce[N], de[N], ee),
-          children: [/* @__PURE__ */ f(ue, { className: "text-pho-secondary size-4 shrink-0" }), /* @__PURE__ */ f("input", {
-            id: E,
-            type: "text",
-            readOnly: t === "range",
-            disabled: u,
-            required: d,
-            placeholder: Y,
-            "aria-describedby": q,
-            role: "combobox",
-            "aria-haspopup": "dialog",
-            "aria-expanded": $,
-            "aria-controls": $ ? ne : void 0,
-            autoComplete: "off",
-            spellCheck: !1,
-            value: F,
-            onFocus: () => K(),
-            onMouseDown: () => K(),
-            onChange: (r) => {
-              const s = r.target.value;
-              if (x(s), s.trim() === "") {
-                v(void 0);
-                return;
-              }
-              const R = rt(s, z);
-              R && (v(g(R, a)), I(R));
-            },
-            onBlur: () => x(null),
-            onKeyDown: (r) => {
-              if (r.key === "Escape" && $) {
-                r.preventDefault(), x(null), C(!1);
-                return;
-              }
-              if (r.key === "ArrowDown") {
-                r.preventDefault();
-                const s = ie.current?.querySelector("td[data-day] button[tabindex='0']");
-                if (s) {
-                  s.focus();
-                  return;
-                }
-                K(!0);
-              }
-            },
-            size: k === "hug" ? Pe : void 0,
-            className: p("text-pho-primary placeholder:text-pho-placeholder bg-transparent outline-none", k === "hug" ? "min-w-0" : "min-w-0 flex-1", t === "range" && "cursor-pointer")
-          })]
-        }), /* @__PURE__ */ f(L.Portal, { children: /* @__PURE__ */ f(L.Positioner, {
-          anchor: Z,
-          align: "start",
-          sideOffset: 6,
-          children: /* @__PURE__ */ f(L.Popup, {
-            ref: ie,
-            id: ne,
-            initialFocus: !1,
-            finalFocus: !1,
-            className: "max-h-[var(--available-height)] overflow-y-auto p-3",
-            children: /* @__PURE__ */ y("div", {
-              className: "flex flex-col gap-3 sm:flex-row",
-              children: [H?.length ? /* @__PURE__ */ f("div", {
-                role: "group",
-                "aria-label": "Presets",
-                className: p("flex shrink-0 gap-1 overflow-x-auto", "sm:border-pho-secondary sm:w-36 sm:flex-col sm:gap-0.5 sm:overflow-visible sm:border-r sm:pr-3"),
-                children: H.map((r) => /* @__PURE__ */ f("button", {
-                  type: "button",
-                  "aria-pressed": r.label === U,
-                  onClick: () => Ae(r),
-                  className: p(Ue, r.label === U && Ze),
-                  children: r.label
-                }, r.label))
-              }) : null, /* @__PURE__ */ y("div", { children: [t === "range" ? /* @__PURE__ */ f(le, {
-                ...S,
-                mode: "range",
-                min: Ce,
-                max: ke,
-                month: ae,
-                onMonthChange: I,
-                autoFocus: re,
-                selected: m,
-                onSelect: (r, s) => {
-                  const R = T.current === 0;
-                  if (T.current += 1, R && m?.to) {
-                    const se = g(G(s, a ? m.from : void 0), a);
-                    v({
-                      from: se,
-                      to: new Date(se)
-                    }), x(null);
-                    return;
-                  }
-                  const V = r && {
-                    from: r.from && g(G(r.from, a ? m?.from : void 0), a),
-                    to: r.to && g(G(r.to, a ? m?.to : void 0), a)
-                  };
-                  v(V), x(null), !a && T.current >= 2 && (!V || V.from && V.to) && C(!1);
-                }
-              }) : /* @__PURE__ */ f(le, {
-                ...S,
-                mode: "single",
-                month: ae,
-                onMonthChange: I,
-                autoFocus: re,
-                selected: b,
-                onSelect: (r) => {
-                  v(r && g(G(r, a ? b : void 0), a)), x(null), a || C(!1);
-                }
-              }), a ? /* @__PURE__ */ f("div", {
-                className: "border-pho-secondary mt-3 grid grid-cols-[auto_1fr] items-center gap-x-3 gap-y-2 border-t pt-3",
-                children: t === "range" ? /* @__PURE__ */ y(X, { children: [/* @__PURE__ */ f(W, {
-                  label: "From",
-                  value: m?.from,
-                  time: a,
-                  onChange: (r) => {
-                    if (!m?.from) return;
-                    const s = j(`${M(m.from)}T${r}`);
-                    s && v({
-                      ...m,
-                      from: g(s, a)
-                    });
-                  },
-                  disabled: !m?.from
-                }), /* @__PURE__ */ f(W, {
-                  label: "To",
-                  value: m?.to,
-                  time: a,
-                  onChange: (r) => {
-                    if (!m?.to) return;
-                    const s = j(`${M(m.to)}T${r}`);
-                    s && v({
-                      ...m,
-                      to: g(s, a)
-                    });
-                  },
-                  disabled: !m?.to
-                })] }) : /* @__PURE__ */ f(W, {
-                  label: "Time",
-                  value: b,
-                  time: a,
-                  onChange: (r) => {
-                    if (!b) return;
-                    const s = j(`${M(b)}T${r}`);
-                    s && v(g(s, a));
-                  },
-                  disabled: !b
-                })
-              }) : null] })]
-            })
-          })
-        }) })]
-      }),
-      i ? /* @__PURE__ */ f("p", {
-        id: q,
-        className: p("text-pho-description text-base", h && "text-pho-error"),
-        children: i
-      }) : null
-    ]
-  });
-}
-ut.displayName = "DatePicker";
-export {
-  tt as n,
-  ut as t
-};
-
-//# sourceMappingURL=date-picker-Ddeo1fNE.js.map