@skiddph/prui 0.8.0 → 0.9.0

package/dist/core/time-picker.js

@@ -0,0 +1,305 @@
+import { jsxs as N, Fragment as U, jsx as u } from "react/jsx-runtime";
+import * as R from "react";
+import { Clock as G } from "lucide-react";
+import { cn as I } from "./cn.js";
+import { Portal as L, useOverlayStack as J, useEscapeKey as Q } from "./overlay.js";
+import { useAnchoredPosition as W } from "./anchor.js";
+import { moveIndex as F } from "./list-nav.js";
+import { usePruiI18n as V } from "../i18n.js";
+const P = (s) => String(s).padStart(2, "0");
+function _(s) {
+  if (!s || !/^\d{2}:\d{2}(:\d{2})?$/.test(s)) return null;
+  const [o, c, d] = s.split(":").map(Number);
+  return { h: o ?? 0, m: c ?? 0, s: d ?? 0 };
+}
+function X(s, o, c = 0, d) {
+  return d ? `${P(s)}:${P(o)}:${P(c)}` : `${P(s)}:${P(o)}`;
+}
+function z(s) {
+  const o = _(s);
+  return o ? o.h * 3600 + o.m * 60 + o.s : -1;
+}
+function Y(s) {
+  const o = [];
+  for (let c = 0; c < 60; c += Math.max(1, s)) o.push(c);
+  return o;
+}
+function C({ value: s, onSelect: o, minuteStep: c = 1, seconds: d = !1, min: h, max: y, compact: k, className: w }) {
+  const { t: b } = V(), t = _(s), x = h ? z(h) : -1 / 0, A = y ? z(y) : 1 / 0, p = [
+    { label: b.hours, items: Array.from({ length: 24 }, (e, a) => a), selected: (t == null ? void 0 : t.h) ?? null, unit: "h" },
+    { label: b.minutes, items: Y(c), selected: (t == null ? void 0 : t.m) ?? null, unit: "m" }
+  ];
+  d && p.push({ label: b.seconds, items: Array.from({ length: 60 }, (e, a) => a), selected: (t == null ? void 0 : t.s) ?? null, unit: "s" });
+  const H = (e, a) => {
+    const n = e === "h" ? a : (t == null ? void 0 : t.h) ?? 0, m = e === "m" ? a : (t == null ? void 0 : t.m) ?? 0, i = e === "s" ? a : (t == null ? void 0 : t.s) ?? 0, f = n * 3600 + m * 60 + i;
+    return f < x || f > A;
+  }, E = (e, a) => {
+    const n = e === "h" ? a : (t == null ? void 0 : t.h) ?? 0, m = e === "m" ? a : (t == null ? void 0 : t.m) ?? 0, i = e === "s" ? a : (t == null ? void 0 : t.s) ?? 0;
+    o(X(n, m, i, d));
+  }, S = (e, a) => {
+    var T, v, g, l, D, $, M, K;
+    const n = Array.from(
+      e.currentTarget.querySelectorAll("[role='option']:not([aria-disabled='true'])")
+    ), m = n.findIndex((r) => r.getAttribute("aria-selected") === "true"), i = n.indexOf(document.activeElement), f = i >= 0 ? i : m;
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault(), (T = n[F(f, 1, n.length)]) == null || T.focus();
+        break;
+      case "ArrowUp":
+        e.preventDefault(), (v = n[F(f, -1, n.length)]) == null || v.focus();
+        break;
+      case "Home":
+        e.preventDefault(), (g = n[0]) == null || g.focus();
+        break;
+      case "End":
+        e.preventDefault(), (l = n[n.length - 1]) == null || l.focus();
+        break;
+      case "ArrowLeft":
+        if (a > 0) {
+          e.preventDefault();
+          const r = (D = e.currentTarget.previousElementSibling) == null ? void 0 : D.querySelectorAll("[role='option']:not([aria-disabled='true'])");
+          ($ = r == null ? void 0 : r[Math.min(f < 0 ? 0 : f, r.length - 1)]) == null || $.focus();
+        }
+        break;
+      case "ArrowRight":
+        if (a < p.length - 1) {
+          e.preventDefault();
+          const r = (M = e.currentTarget.nextElementSibling) == null ? void 0 : M.querySelectorAll("[role='option']:not([aria-disabled='true'])");
+          (K = r == null ? void 0 : r[Math.min(f < 0 ? 0 : f, r.length - 1)]) == null || K.focus();
+        }
+        break;
+    }
+  };
+  return /* @__PURE__ */ u("div", { className: I("prui-time-panel flex gap-1", w), role: "group", "aria-label": b.time, children: p.map((e, a) => /* @__PURE__ */ N(
+    "div",
+    {
+      role: "listbox",
+      "aria-label": e.label,
+      tabIndex: -1,
+      onKeyDown: (n) => S(n, a),
+      className: I("flex w-16 flex-col rounded-[var(--prui-radius-1)] outline-none", !k && "bg-[var(--prui-raise)]/40"),
+      children: [
+        k ? null : /* @__PURE__ */ u("div", { className: "px-2 pb-1 pt-2 text-center text-[10px] font-semibold uppercase tracking-wide text-[var(--prui-dim)]", children: e.label }),
+        /* @__PURE__ */ u("div", { className: "flex max-h-56 flex-col overflow-y-auto p-1", children: e.items.map((n) => {
+          const m = e.selected === n, i = H(e.unit, n);
+          return /* @__PURE__ */ u(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              "aria-selected": m,
+              "aria-disabled": i || void 0,
+              tabIndex: m ? 0 : -1,
+              "data-testid": `time-${e.unit}`,
+              onClick: () => !i && E(e.unit, n),
+              className: I(
+                "rounded-[calc(var(--prui-radius-1))] py-1 text-center text-sm tabular-nums cursor-pointer outline-none",
+                "focus-visible:bg-[var(--prui-raise)]",
+                m ? "bg-[var(--prui-brand)] text-[var(--prui-brand-fg,#fff)] font-medium" : "text-[var(--prui-fg)] hover:bg-[var(--prui-raise)]",
+                i && "opacity-40 pointer-events-none"
+              ),
+              children: P(n)
+            },
+            n
+          );
+        }) })
+      ]
+    },
+    e.unit
+  )) });
+}
+function B(s, o, c) {
+  const { setElement: d, isTop: h } = J(o);
+  Q(o, h, c);
+  const { ref: y, position: k } = W({ active: o, anchorRef: s, side: "bottom", align: "start", offsetHeight: 280 });
+  return R.useEffect(() => {
+    if (!o) return;
+    const w = (b) => {
+      var x;
+      const t = b.target;
+      (x = s.current) != null && x.contains(t) || (!(t instanceof Element) || !t.closest("[data-prui-time-panel-wrap]")) && c();
+    };
+    return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
+  }), { setElement: d, floatingRef: y, position: k };
+}
+const Z = R.forwardRef(function({ value: o, defaultValue: c, onChange: d, minuteStep: h, seconds: y, min: k, max: w, disabled: b, placeholder: t = "HH:mm", ariaLabel: x, className: A }, p) {
+  const [H, E] = R.useState(c ?? ""), [S, e] = R.useState(!1), a = R.useRef(null), n = o !== void 0, m = n ? o : H, i = a, { setElement: f, floatingRef: T, position: v } = B(i, S, () => {
+    var l;
+    e(!1), (l = a.current) == null || l.focus();
+  }), g = (l) => {
+    n || E(l), d == null || d(l);
+  };
+  return /* @__PURE__ */ N(U, { children: [
+    /* @__PURE__ */ u(
+      "input",
+      {
+        ref: (l) => {
+          a.current = l, typeof p == "function" ? p(l) : p && (p.current = l);
+        },
+        type: "text",
+        readOnly: !0,
+        role: "combobox",
+        "aria-expanded": S,
+        "aria-haspopup": "dialog",
+        "aria-label": x,
+        placeholder: t,
+        disabled: b,
+        value: m,
+        onClick: () => e(!0),
+        onFocus: () => {
+          !b && !S && e(!0);
+        },
+        className: I(
+          "prui-time-picker h-9 w-full cursor-pointer rounded-[var(--prui-radius)] border border-[var(--prui-line)]",
+          "bg-[var(--prui-background)] px-3 pr-8 text-sm tabular-nums text-[var(--prui-fg)] placeholder:text-[var(--prui-dim)]",
+          "outline-none transition-colors focus:border-[var(--prui-brand)] focus:ring-2 focus:ring-[var(--prui-brand)]/30",
+          "disabled:opacity-50 disabled:cursor-not-allowed",
+          A
+        )
+      }
+    ),
+    S ? /* @__PURE__ */ u(L, { children: /* @__PURE__ */ u(
+      "div",
+      {
+        ref: (l) => {
+          T(l), f(l);
+        },
+        role: "dialog",
+        "aria-label": x ?? "Choose time",
+        "data-prui-time-panel-wrap": !0,
+        className: "fixed z-[var(--prui-z-overlay)] rounded-[var(--prui-radius)] border border-[var(--prui-line)] bg-[var(--prui-surface)] p-2 shadow-[var(--prui-shadow-lg)]",
+        style: { top: (v == null ? void 0 : v.top) ?? -9999, left: (v == null ? void 0 : v.left) ?? -9999 },
+        children: /* @__PURE__ */ u(C, { value: m, onSelect: g, minuteStep: h, seconds: y, min: k, max: w })
+      }
+    ) }) : null
+  ] });
+});
+Z.displayName = "TimePicker";
+const ee = R.forwardRef(function({ value: o, defaultValue: c, onChange: d, minuteStep: h, seconds: y, min: k, max: w, disabled: b, placeholder: t = "HH:mm – HH:mm", ariaLabel: x, className: A }, p) {
+  const { t: H } = V(), [E, S] = R.useState(c ?? {}), [e, a] = R.useState(!1), n = R.useRef(null), m = o !== void 0, i = m ? o : E, f = n, { setElement: T, floatingRef: v, position: g } = B(f, e, () => {
+    var r;
+    a(!1), (r = n.current) == null || r.focus();
+  }), l = (r) => {
+    m || S(r), d == null || d(r);
+  }, D = (r, q) => {
+    const O = r === "from" ? q : i.from, j = r === "to" ? q : i.to;
+    if (O && j && z(j) < z(O)) {
+      l(r === "to" ? { from: q, to: void 0 } : { from: j, to: O });
+      return;
+    }
+    l({ from: O, to: j });
+  }, $ = i.from ? i.to ? `${i.from} – ${i.to}` : `${i.from} – …` : "", M = i.to ?? w, K = i.from ?? k;
+  return /* @__PURE__ */ N(U, { children: [
+    /* @__PURE__ */ u(
+      "input",
+      {
+        ref: (r) => {
+          n.current = r, typeof p == "function" ? p(r) : p && (p.current = r);
+        },
+        type: "text",
+        readOnly: !0,
+        role: "combobox",
+        "aria-expanded": e,
+        "aria-haspopup": "dialog",
+        "aria-label": x,
+        placeholder: t,
+        disabled: b,
+        value: $,
+        onClick: () => a(!0),
+        onFocus: () => {
+          !b && !e && a(!0);
+        },
+        className: I(
+          "prui-time-range-picker h-9 w-full cursor-pointer rounded-[var(--prui-radius)] border border-[var(--prui-line)]",
+          "bg-[var(--prui-background)] px-3 pr-8 text-sm tabular-nums text-[var(--prui-fg)] placeholder:text-[var(--prui-dim)]",
+          "outline-none transition-colors focus:border-[var(--prui-brand)] focus:ring-2 focus:ring-[var(--prui-brand)]/30",
+          "disabled:opacity-50 disabled:cursor-not-allowed",
+          A
+        )
+      }
+    ),
+    /* @__PURE__ */ u(G, { className: "pointer-events-none -ml-7 h-4 w-4 text-[var(--prui-dim)]", "aria-hidden": !0 }),
+    e ? /* @__PURE__ */ u(L, { children: /* @__PURE__ */ u(
+      "div",
+      {
+        ref: (r) => {
+          v(r), T(r);
+        },
+        role: "dialog",
+        "aria-label": x ?? "Choose time range",
+        "data-prui-time-panel-wrap": !0,
+        className: "fixed z-[var(--prui-z-overlay)] rounded-[var(--prui-radius)] border border-[var(--prui-line)] bg-[var(--prui-surface)] p-3 shadow-[var(--prui-shadow-lg)]",
+        style: { top: (g == null ? void 0 : g.top) ?? -9999, left: (g == null ? void 0 : g.left) ?? -9999 },
+        children: /* @__PURE__ */ N("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ N("div", { className: "flex gap-4", children: [
+            /* @__PURE__ */ N("div", { children: [
+              /* @__PURE__ */ u("div", { className: "mb-1 text-xs font-semibold text-[var(--prui-dim)]", children: H.from }),
+              /* @__PURE__ */ u(C, { compact: !0, value: i.from, onSelect: (r) => D("from", r), minuteStep: h, seconds: y, min: k, max: M })
+            ] }),
+            /* @__PURE__ */ N("div", { children: [
+              /* @__PURE__ */ u("div", { className: "mb-1 text-xs font-semibold text-[var(--prui-dim)]", children: H.to }),
+              /* @__PURE__ */ u(C, { compact: !0, value: i.to, onSelect: (r) => D("to", r), minuteStep: h, seconds: y, min: K, max: w })
+            ] })
+          ] }),
+          /* @__PURE__ */ N("div", { className: "flex items-center justify-between border-t border-[var(--prui-line)] pt-2 text-xs text-[var(--prui-dim)]", children: [
+            /* @__PURE__ */ u("span", { "data-testid": "timerange-label", children: $ || H.time }),
+            /* @__PURE__ */ N("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ u(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => l({}),
+                  className: "cursor-pointer rounded-[var(--prui-radius-1)] px-2 py-1 transition-colors hover:bg-[var(--prui-raise)]",
+                  children: H.clear
+                }
+              ),
+              /* @__PURE__ */ u(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    var r;
+                    a(!1), (r = n.current) == null || r.focus();
+                  },
+                  className: "cursor-pointer rounded-[var(--prui-radius-1)] bg-[var(--prui-brand)]/15 px-2 py-1 text-[var(--prui-brand)] transition-colors hover:bg-[var(--prui-brand)]/25",
+                  children: H.apply
+                }
+              )
+            ] })
+          ] })
+        ] })
+      }
+    ) }) : null
+  ] });
+});
+ee.displayName = "TimeRangePicker";
+const le = {
+  name: "TimePicker",
+  props: [
+    { name: "value", type: "string 'HH:mm' | 'HH:mm:ss'", default: "undefined", control: "text" },
+    { name: "defaultValue", type: "string", default: "undefined", control: "text" },
+    { name: "onChange", type: "(time: string) => void", default: null, control: "none" },
+    { name: "minuteStep", type: "number (minutes)", default: "1", control: "number" },
+    { name: "seconds", type: "boolean", default: "false", control: "boolean", description: "Adds a seconds column ('HH:mm:ss')." },
+    { name: "min", type: "string 'HH:mm'", default: "undefined", control: "text" },
+    { name: "max", type: "string 'HH:mm'", default: "undefined", control: "text" }
+  ]
+}, ue = {
+  name: "TimeRangePicker",
+  props: [
+    { name: "value", type: "{ from?: string, to?: string }", default: "{}", control: "object" },
+    { name: "defaultValue", type: "{ from?: string, to?: string }", default: "{}", control: "object" },
+    { name: "onChange", type: "(range: TimeRange) => void", default: null, control: "none" },
+    { name: "minuteStep", type: "number (minutes)", default: "1", control: "number" },
+    { name: "seconds", type: "boolean", default: "false", control: "boolean" },
+    { name: "min", type: "string 'HH:mm'", default: "undefined", control: "text" },
+    { name: "max", type: "string 'HH:mm'", default: "undefined", control: "text" }
+  ]
+};
+export {
+  C as TimePanel,
+  Z as TimePicker,
+  ee as TimeRangePicker,
+  le as timePickerPropsMeta,
+  ue as timeRangePickerPropsMeta
+};

package/dist/core.js

@@ -1,75 +1,77 @@
 import { cn as r } from "./core/cn.js";
 import { resolveSurface as a, withSurface as p } from "./core/surface.js";
-import { Portal as l, getFocusable as i, isTopOverlay as m, overlayCount as c, overlayPropsMeta as d, pushOverlay as P, removeOverlay as n, useEscapeKey as x, useFocusTrap as M, useInertBackground as f, useOverlay as u, useOverlayStack as b, useReducedMotion as g, useScrollLock as T } from "./core/overlay.js";
-import { endIndex as v, homeIndex as C, moveIndex as D, typeaheadIndex as h } from "./core/list-nav.js";
-import { Button as y, buttonPropsMeta as w } from "./core/button.js";
-import { Input as A, Textarea as B, inputPropsMeta as F, textareaPropsMeta as O } from "./core/input.js";
+import { Portal as i, getFocusable as l, isTopOverlay as m, overlayCount as P, overlayPropsMeta as c, pushOverlay as d, removeOverlay as n, useEscapeKey as x, useFocusTrap as M, useInertBackground as f, useOverlay as u, useOverlayStack as g, useReducedMotion as b, useScrollLock as T } from "./core/overlay.js";
+import { endIndex as D, homeIndex as S, moveIndex as v, typeaheadIndex as C } from "./core/list-nav.js";
+import { Button as h, buttonPropsMeta as w } from "./core/button.js";
+import { Input as A, Textarea as B, inputPropsMeta as R, textareaPropsMeta as F } from "./core/input.js";
 import { Label as K, Separator as L, labelPropsMeta as V, separatorPropsMeta as E } from "./core/label.js";
 import { Select as H, SelectContent as U, SelectItem as j, SelectTrigger as q, SelectValue as z, selectPropsMeta as J } from "./core/select.js";
 import { Switch as Q, switchPropsMeta as W } from "./core/switch.js";
 import { Tabs as Y, TabsContent as Z, TabsList as _, TabsTrigger as $, tabsPropsMeta as ee } from "./core/tabs.js";
-import { Avatar as re, Badge as te, Card as ae, CardContent as pe, CardDescription as se, CardFooter as le, CardHeader as ie, CardTitle as me, avatarPropsMeta as ce, badgePropsMeta as de, cardPropsMeta as Pe } from "./core/card.js";
-import { Dialog as xe, DialogContent as Me, DialogDescription as fe, DialogFooter as ue, DialogHeader as be, DialogTitle as ge, dialogPropsMeta as Te } from "./core/dialog.js";
+import { Avatar as re, Badge as te, Card as ae, CardContent as pe, CardDescription as se, CardFooter as ie, CardHeader as le, CardTitle as me, avatarPropsMeta as Pe, badgePropsMeta as ce, cardPropsMeta as de } from "./core/card.js";
+import { Dialog as xe, DialogBody as Me, DialogContent as fe, DialogDescription as ue, DialogFooter as ge, DialogHeader as be, DialogTitle as Te, dialogBodyPropsMeta as ke, dialogPropsMeta as De } from "./core/dialog.js";
 import { Dropdown as ve, dropdownPropsMeta as Ce } from "./core/dropdown.js";
-import { ScrollArea as he, scrollAreaPropsMeta as ke } from "./core/scroll-area.js";
-import { Modal as we, confirmModal as Ie, confirmModalPropsMeta as Ae, modalPropsMeta as Be } from "./core/modal.js";
-import { computePosition as Oe, useAnchoredPosition as Re } from "./core/anchor.js";
-import { Spinner as Le, spinnerPropsMeta as Ve } from "./core/spinner.js";
-import { Skeleton as Ge, skeletonPropsMeta as He } from "./core/skeleton.js";
-import { Alert as je, alertPropsMeta as qe } from "./core/alert.js";
-import { Progress as Je, progressPropsMeta as Ne } from "./core/progress.js";
-import { Toaster as We, dismissAllToasts as Xe, toast as Ye, toastPropsMeta as Ze, toasterPropsMeta as _e } from "./core/toast.js";
-import { Tooltip as eo, tooltipPropsMeta as oo } from "./core/tooltip.js";
-import { Popover as to, popoverPropsMeta as ao } from "./core/popover.js";
-import { Drawer as so, Sheet as lo, drawerPropsMeta as io, sheetPropsMeta as mo } from "./core/drawer.js";
-import { Checkbox as Po, checkboxPropsMeta as no } from "./core/checkbox.js";
-import { Radio as Mo, RadioGroup as fo, radioGroupPropsMeta as uo } from "./core/radio.js";
-import { Combobox as go, comboboxPropsMeta as To } from "./core/combobox.js";
-import { Accordion as vo, AccordionItem as Co, accordionPropsMeta as Do } from "./core/accordion.js";
-import { Breadcrumb as ko, BreadcrumbEllipsis as yo, BreadcrumbItem as wo, breadcrumbPropsMeta as Io } from "./core/breadcrumb.js";
-import { TreeView as Bo, treeViewPropsMeta as Fo } from "./core/tree-view.js";
-import { Timeline as Ro, timelinePropsMeta as Ko } from "./core/timeline.js";
-import { Calendar as Vo, calendarPropsMeta as Eo, fromDateKey as Go, toDateKey as Ho } from "./core/calendar.js";
-import { DatePicker as jo, DateRangePicker as qo, datePickerPropsMeta as zo, dateRangePickerPropsMeta as Jo } from "./core/date-picker.js";
-import { FileUpload as Qo, fileUploadPropsMeta as Wo } from "./core/file-upload.js";
+import { ScrollArea as he, scrollAreaPropsMeta as we } from "./core/scroll-area.js";
+import { Modal as Ae, confirmModal as Be, confirmModalPropsMeta as Re, modalPropsMeta as Fe } from "./core/modal.js";
+import { computePosition as Ke, useAnchoredPosition as Le } from "./core/anchor.js";
+import { Spinner as Ee, spinnerPropsMeta as Ge } from "./core/spinner.js";
+import { Skeleton as Ue, skeletonPropsMeta as je } from "./core/skeleton.js";
+import { Alert as ze, alertPropsMeta as Je } from "./core/alert.js";
+import { Progress as Qe, progressPropsMeta as We } from "./core/progress.js";
+import { Toaster as Ye, dismissAllToasts as Ze, toast as _e, toastPropsMeta as $e, toasterPropsMeta as eo } from "./core/toast.js";
+import { Tooltip as ro, tooltipPropsMeta as to } from "./core/tooltip.js";
+import { Popover as po, popoverPropsMeta as so } from "./core/popover.js";
+import { Drawer as lo, Sheet as mo, drawerPropsMeta as Po, sheetPropsMeta as co } from "./core/drawer.js";
+import { Checkbox as xo, checkboxPropsMeta as Mo } from "./core/checkbox.js";
+import { Radio as uo, RadioGroup as go, radioGroupPropsMeta as bo } from "./core/radio.js";
+import { Combobox as ko, comboboxPropsMeta as Do } from "./core/combobox.js";
+import { Accordion as vo, AccordionItem as Co, accordionPropsMeta as yo } from "./core/accordion.js";
+import { Breadcrumb as wo, BreadcrumbEllipsis as Io, BreadcrumbItem as Ao, breadcrumbPropsMeta as Bo } from "./core/breadcrumb.js";
+import { TreeView as Fo, treeViewPropsMeta as Oo } from "./core/tree-view.js";
+import { Timeline as Lo, timelinePropsMeta as Vo } from "./core/timeline.js";
+import { Calendar as Go, calendarPropsMeta as Ho, fromDateKey as Uo, toDateKey as jo } from "./core/calendar.js";
+import { DatePicker as zo, DateRangePicker as Jo, datePickerPropsMeta as No, dateRangePickerPropsMeta as Qo } from "./core/date-picker.js";
+import { TimePanel as Xo, TimePicker as Yo, TimeRangePicker as Zo, timePickerPropsMeta as _o, timeRangePickerPropsMeta as $o } from "./core/time-picker.js";
+import { FileUpload as or, fileUploadPropsMeta as rr } from "./core/file-upload.js";
 export {
   vo as Accordion,
   Co as AccordionItem,
-  je as Alert,
+  ze as Alert,
   re as Avatar,
   te as Badge,
-  ko as Breadcrumb,
-  yo as BreadcrumbEllipsis,
-  wo as BreadcrumbItem,
-  y as Button,
-  Vo as Calendar,
+  wo as Breadcrumb,
+  Io as BreadcrumbEllipsis,
+  Ao as BreadcrumbItem,
+  h as Button,
+  Go as Calendar,
   ae as Card,
   pe as CardContent,
   se as CardDescription,
-  le as CardFooter,
-  ie as CardHeader,
+  ie as CardFooter,
+  le as CardHeader,
   me as CardTitle,
-  Po as Checkbox,
-  go as Combobox,
-  jo as DatePicker,
-  qo as DateRangePicker,
+  xo as Checkbox,
+  ko as Combobox,
+  zo as DatePicker,
+  Jo as DateRangePicker,
   xe as Dialog,
-  Me as DialogContent,
-  fe as DialogDescription,
-  ue as DialogFooter,
+  Me as DialogBody,
+  fe as DialogContent,
+  ue as DialogDescription,
+  ge as DialogFooter,
   be as DialogHeader,
-  ge as DialogTitle,
-  so as Drawer,
+  Te as DialogTitle,
+  lo as Drawer,
   ve as Dropdown,
-  Qo as FileUpload,
+  or as FileUpload,
   A as Input,
   K as Label,
-  we as Modal,
-  to as Popover,
-  l as Portal,
-  Je as Progress,
-  Mo as Radio,
-  fo as RadioGroup,
+  Ae as Modal,
+  po as Popover,
+  i as Portal,
+  Qe as Progress,
+  uo as Radio,
+  go as RadioGroup,
   he as ScrollArea,
   H as Select,
   U as SelectContent,
@@ -77,81 +79,87 @@ export {
   q as SelectTrigger,
   z as SelectValue,
   L as Separator,
-  lo as Sheet,
-  Ge as Skeleton,
-  Le as Spinner,
+  mo as Sheet,
+  Ue as Skeleton,
+  Ee as Spinner,
   Q as Switch,
   Y as Tabs,
   Z as TabsContent,
   _ as TabsList,
   $ as TabsTrigger,
   B as Textarea,
-  Ro as Timeline,
-  We as Toaster,
-  eo as Tooltip,
-  Bo as TreeView,
-  Do as accordionPropsMeta,
-  qe as alertPropsMeta,
-  ce as avatarPropsMeta,
-  de as badgePropsMeta,
-  Io as breadcrumbPropsMeta,
+  Xo as TimePanel,
+  Yo as TimePicker,
+  Zo as TimeRangePicker,
+  Lo as Timeline,
+  Ye as Toaster,
+  ro as Tooltip,
+  Fo as TreeView,
+  yo as accordionPropsMeta,
+  Je as alertPropsMeta,
+  Pe as avatarPropsMeta,
+  ce as badgePropsMeta,
+  Bo as breadcrumbPropsMeta,
   w as buttonPropsMeta,
-  Eo as calendarPropsMeta,
-  Pe as cardPropsMeta,
-  no as checkboxPropsMeta,
+  Ho as calendarPropsMeta,
+  de as cardPropsMeta,
+  Mo as checkboxPropsMeta,
   r as cn,
-  To as comboboxPropsMeta,
-  Oe as computePosition,
-  Ie as confirmModal,
-  Ae as confirmModalPropsMeta,
-  zo as datePickerPropsMeta,
-  Jo as dateRangePickerPropsMeta,
-  Te as dialogPropsMeta,
-  Xe as dismissAllToasts,
-  io as drawerPropsMeta,
+  Do as comboboxPropsMeta,
+  Ke as computePosition,
+  Be as confirmModal,
+  Re as confirmModalPropsMeta,
+  No as datePickerPropsMeta,
+  Qo as dateRangePickerPropsMeta,
+  ke as dialogBodyPropsMeta,
+  De as dialogPropsMeta,
+  Ze as dismissAllToasts,
+  Po as drawerPropsMeta,
   Ce as dropdownPropsMeta,
-  v as endIndex,
-  Wo as fileUploadPropsMeta,
-  Go as fromDateKey,
-  i as getFocusable,
-  C as homeIndex,
-  F as inputPropsMeta,
+  D as endIndex,
+  rr as fileUploadPropsMeta,
+  Uo as fromDateKey,
+  l as getFocusable,
+  S as homeIndex,
+  R as inputPropsMeta,
   m as isTopOverlay,
   V as labelPropsMeta,
-  Be as modalPropsMeta,
-  D as moveIndex,
-  c as overlayCount,
-  d as overlayPropsMeta,
-  ao as popoverPropsMeta,
-  Ne as progressPropsMeta,
-  P as pushOverlay,
-  uo as radioGroupPropsMeta,
+  Fe as modalPropsMeta,
+  v as moveIndex,
+  P as overlayCount,
+  c as overlayPropsMeta,
+  so as popoverPropsMeta,
+  We as progressPropsMeta,
+  d as pushOverlay,
+  bo as radioGroupPropsMeta,
   n as removeOverlay,
   a as resolveSurface,
-  ke as scrollAreaPropsMeta,
+  we as scrollAreaPropsMeta,
   J as selectPropsMeta,
   E as separatorPropsMeta,
-  mo as sheetPropsMeta,
-  He as skeletonPropsMeta,
-  Ve as spinnerPropsMeta,
+  co as sheetPropsMeta,
+  je as skeletonPropsMeta,
+  Ge as spinnerPropsMeta,
   W as switchPropsMeta,
   ee as tabsPropsMeta,
-  O as textareaPropsMeta,
-  Ko as timelinePropsMeta,
-  Ho as toDateKey,
-  Ye as toast,
-  Ze as toastPropsMeta,
-  _e as toasterPropsMeta,
-  oo as tooltipPropsMeta,
-  Fo as treeViewPropsMeta,
-  h as typeaheadIndex,
-  Re as useAnchoredPosition,
+  F as textareaPropsMeta,
+  _o as timePickerPropsMeta,
+  $o as timeRangePickerPropsMeta,
+  Vo as timelinePropsMeta,
+  jo as toDateKey,
+  _e as toast,
+  $e as toastPropsMeta,
+  eo as toasterPropsMeta,
+  to as tooltipPropsMeta,
+  Oo as treeViewPropsMeta,
+  C as typeaheadIndex,
+  Le as useAnchoredPosition,
   x as useEscapeKey,
   M as useFocusTrap,
   f as useInertBackground,
   u as useOverlay,
-  b as useOverlayStack,
-  g as useReducedMotion,
+  g as useOverlayStack,
+  b as useReducedMotion,
   T as useScrollLock,
   p as withSurface
 };

package/dist/i18n/index.d.ts

@@ -54,6 +54,12 @@ export interface PruiDictionary {
     today: string;
     clear: string;
     apply: string;
+    time: string;
+    hours: string;
+    minutes: string;
+    seconds: string;
+    from: string;
+    to: string;
     dropFiles: string;
     browseFiles: string;
     removeFile: string;

package/dist/i18n.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import * as a from "react";
+import * as r from "react";
 const s = {
   close: "Close",
   closeDialog: "Close dialog",
@@ -46,6 +46,12 @@ const s = {
   today: "Today",
   clear: "Clear",
   apply: "Apply",
+  time: "Time",
+  hours: "Hours",
+  minutes: "Minutes",
+  seconds: "Seconds",
+  from: "From",
+  to: "To",
   dropFiles: "Drag files here or click to browse",
   browseFiles: "Browse files",
   removeFile: "Remove file",
@@ -65,25 +71,25 @@ function f() {
 function p() {
   return o;
 }
-const l = a.createContext(null);
+const l = r.createContext(null);
 function g({
   dictionary: e,
-  children: r
+  children: a
 }) {
-  a.useEffect(() => {
+  r.useEffect(() => {
     if (!e) return;
     const c = o;
     return u(e), () => {
       o = c, i();
     };
   }, [e]);
-  const t = a.useMemo(() => ({ ...o, ...e }), [e]);
-  return /* @__PURE__ */ m(l.Provider, { value: t, children: r });
+  const t = r.useMemo(() => ({ ...o, ...e }), [e]);
+  return /* @__PURE__ */ m(l.Provider, { value: t, children: a });
 }
-function b() {
-  const e = a.useContext(l), [, r] = a.useReducer((t) => t + 1, 0);
-  return a.useEffect(() => {
-    const t = r;
+function h() {
+  const e = r.useContext(l), [, a] = r.useReducer((t) => t + 1, 0);
+  return r.useEffect(() => {
+    const t = a;
     return n.add(t), () => {
       n.delete(t);
     };
@@ -95,5 +101,5 @@ export {
   p as getPruiDictionary,
   f as resetPruiDictionary,
   u as setPruiDictionary,
-  b as usePruiI18n
+  h as usePruiI18n
 };