asheeui 0.6.14 → 0.7.0

package/dist/components/date-picker/Calendar.js

@@ -1,224 +1,143 @@
 "use client";
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { memo as q, useState as f, useMemo as B } from "react";
-import { ChevronLeftIcon as J } from "../../icons/ChevronLeftIcon.js";
-import { ChevronRightIcon as Q } from "../../icons/ChevronRightIcon.js";
-import { buildDayCells as U, MONTHS as X, DAYS_OF_WEEK as tt } from "./date-picker.helpers.js";
-import { CALENDAR_COLOR_CLASSES as L, DATE_PICKER_CELL_SIZE_CLASS as nt } from "./date-picker-styles.js";
-import { TimeSpinner as y } from "./TimeSpinner.js";
-import { cn as u } from "../../utils/cn.js";
-const mt = q(function({
-  selected: n,
-  mode: s,
-  isClearable: C,
-  resolvedSizeKey: j,
-  resolvedColor: h,
-  radiusClass: i,
-  onSelect: v,
-  onClose: w,
-  disableFuture: Y = !1
-}) {
-  const r = /* @__PURE__ */ new Date(), [l, k] = f(
-    (n == null ? void 0 : n.getFullYear()) ?? r.getFullYear()
-  ), [a, g] = f(
-    (n == null ? void 0 : n.getMonth()) ?? r.getMonth()
-  ), [b, A] = f((n == null ? void 0 : n.getHours()) ?? 0), [p, H] = f((n == null ? void 0 : n.getMinutes()) ?? 0), [x, T] = f((n == null ? void 0 : n.getSeconds()) ?? 0), m = L[h] ?? L.primary;
-  function M(t, e, Z) {
-    const S = n ?? /* @__PURE__ */ new Date();
-    v(
-      new Date(S.getFullYear(), S.getMonth(), S.getDate(), t, e, Z, 0)
-    );
-  }
-  function I(t) {
-    A(t), M(t, p, x);
-  }
-  function O(t) {
-    H(t), M(b, t, x);
-  }
-  function R(t) {
-    T(t), M(b, p, t);
-  }
-  function K(t) {
-    v(new Date(l, a, t, b, p, x, 0)), s === "date" && w();
-  }
-  function P() {
-    a === 0 ? (g(11), k((t) => t - 1)) : g((t) => t - 1);
-  }
-  function V() {
-    a === 11 ? (g(0), k((t) => t + 1)) : g((t) => t + 1);
-  }
-  function d(t) {
-    return !!n && n.getFullYear() === l && n.getMonth() === a && n.getDate() === t;
-  }
-  function N(t) {
-    return r.getFullYear() === l && r.getMonth() === a && r.getDate() === t;
-  }
-  const $ = new Date(
-    r.getFullYear(),
-    r.getMonth(),
-    r.getDate()
-  );
-  function D(t) {
-    return Y ? new Date(l, a, t) > $ : !1;
-  }
-  const F = !Y || l < r.getFullYear() || l === r.getFullYear() && a < r.getMonth(), E = s === "date" || s === "datetime", z = s === "time" || s === "datetime", G = s !== "date" || C && !!n, _ = U(l, a), W = B(() => _.map((t, e) => ({
-    key: t !== null ? `day-${t}` : `empty-slot-${e}`,
-    day: t
-  })), [_]);
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      className: u(
-        "bg-background border border-border/70 shadow-xl select-none p-4 w-max",
-        i
-      ),
-      children: [
-        /* @__PURE__ */ c("div", { className: "flex flex-row", children: [
-          E && /* @__PURE__ */ c("div", { className: "flex flex-col w-[264px]", children: [
-            /* @__PURE__ */ c("div", { className: "flex items-center justify-between pb-3 mb-2 border-b border-border/60", children: [
-              /* @__PURE__ */ o(
-                "button",
-                {
-                  type: "button",
-                  onClick: P,
-                  "aria-label": "Previous month",
-                  className: u(
-                    "p-1.5 text-foreground/70 transition-all active:scale-95",
-                    "hover:text-foreground hover:bg-secondary",
-                    i
-                  ),
-                  children: /* @__PURE__ */ o(J, {})
-                }
-              ),
-              /* @__PURE__ */ c("span", { className: "font-semibold text-sm text-foreground tracking-wide", children: [
-                X[a],
-                " ",
-                l
-              ] }),
-              /* @__PURE__ */ o(
-                "button",
-                {
-                  type: "button",
-                  onClick: V,
-                  disabled: !F,
-                  "aria-label": "Next month",
-                  className: u(
-                    "p-1.5 text-foreground/70 transition-all",
-                    F ? "hover:text-foreground hover:bg-secondary active:scale-95" : "opacity-30 cursor-not-allowed",
-                    i
-                  ),
-                  children: /* @__PURE__ */ o(Q, {})
-                }
-              )
-            ] }),
-            /* @__PURE__ */ c("div", { className: "grid grid-cols-7 gap-1 text-center", children: [
-              tt.map((t) => /* @__PURE__ */ o(
-                "div",
-                {
-                  className: "text-[11px] font-bold tracking-wider text-foreground/50 uppercase py-1 mb-1",
-                  children: t
-                },
-                t
-              )),
-              W.map(
-                ({ key: t, day: e }) => e === null ? /* @__PURE__ */ o("div", {}, t) : /* @__PURE__ */ o(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => K(e),
-                    disabled: D(e),
-                    className: u(
-                      "w-full flex items-center justify-center font-medium transition-all duration-200",
-                      nt[j],
-                      i,
-                      D(e) ? "opacity-30 cursor-not-allowed text-foreground/50" : "active:scale-90",
-                      !D(e) && !d(e) && !N(e) && m.hover,
-                      d(e) && u(m.bg, "font-semibold shadow-sm"),
-                      N(e) && !d(e) && u("border", m.border, m.text),
-                      !d(e) && !N(e) && "text-foreground"
-                    ),
-                    children: e
-                  },
-                  e
-                )
-              )
-            ] })
-          ] }),
-          z && /* @__PURE__ */ c(
-            "div",
-            {
-              className: u(
-                "flex items-center justify-center gap-4",
-                E && "pl-5 ml-4 border-l border-border/60"
-              ),
-              children: [
-                /* @__PURE__ */ o(
-                  y,
-                  {
-                    value: b,
-                    max: 23,
-                    label: "HH",
-                    onChange: I,
-                    resolvedColor: h,
-                    radiusClass: i
-                  }
-                ),
-                /* @__PURE__ */ o(
-                  y,
-                  {
-                    value: p,
-                    max: 59,
-                    label: "MM",
-                    onChange: O,
-                    resolvedColor: h,
-                    radiusClass: i
-                  }
-                ),
-                /* @__PURE__ */ o(
-                  y,
-                  {
-                    value: x,
-                    max: 59,
-                    label: "SS",
-                    onChange: R,
-                    resolvedColor: h,
-                    radiusClass: i
-                  }
-                )
-              ]
-            }
-          )
-        ] }),
-        G && /* @__PURE__ */ c("div", { className: "flex items-center justify-between border-t border-border/60 pt-3 mt-3", children: [
-          C && n ? /* @__PURE__ */ o(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                v(null), w();
-              },
-              className: "text-xs font-medium text-foreground/50 hover:text-danger transition-colors active:scale-95 px-2 py-1",
-              children: "Clear"
-            }
-          ) : /* @__PURE__ */ o("div", {}),
-          s !== "date" && /* @__PURE__ */ o(
-            "button",
-            {
-              type: "button",
-              onClick: w,
-              className: u(
-                "ml-auto text-xs font-semibold px-4 py-2 transition-all hover:opacity-90 active:scale-95 shadow-sm",
-                i,
-                m.bg
-              ),
-              children: "Done"
-            }
-          )
-        ] })
-      ]
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import { ChevronLeftIcon as t } from "../../icons/ChevronLeftIcon.js";
+import { ChevronRightIcon as n } from "../../icons/ChevronRightIcon.js";
+import { DAYS_OF_WEEK as r, MONTHS as i, buildDayCells as a } from "./date-picker.helpers.js";
+import { CALENDAR_COLOR_CLASSES as o, DATE_PICKER_CELL_SIZE_CLASS as s } from "./date-picker-styles.js";
+import { TimeSpinner as c } from "./TimeSpinner.js";
+import { memo as l, useMemo as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/date-picker/Calendar.tsx
+var m = l(function({ selected: l, mode: m, isClearable: h, resolvedSizeKey: g, resolvedColor: _, radiusClass: v, onSelect: y, onClose: b, disableFuture: x = !1 }) {
+	let S = /* @__PURE__ */ new Date(), [C, w] = d(l?.getFullYear() ?? S.getFullYear()), [T, E] = d(l?.getMonth() ?? S.getMonth()), [D, O] = d(l?.getHours() ?? 0), [k, A] = d(l?.getMinutes() ?? 0), [j, M] = d(l?.getSeconds() ?? 0), N = o[_] ?? o.primary;
+	function P(e, t, n) {
+		let r = l ?? /* @__PURE__ */ new Date();
+		y(new Date(r.getFullYear(), r.getMonth(), r.getDate(), e, t, n, 0));
+	}
+	function F(e) {
+		O(e), P(e, k, j);
+	}
+	function I(e) {
+		A(e), P(D, e, j);
+	}
+	function L(e) {
+		M(e), P(D, k, e);
+	}
+	function R(e) {
+		y(new Date(C, T, e, D, k, j, 0)), m === "date" && b();
+	}
+	function z() {
+		T === 0 ? (E(11), w((e) => e - 1)) : E((e) => e - 1);
+	}
+	function B() {
+		T === 11 ? (E(0), w((e) => e + 1)) : E((e) => e + 1);
+	}
+	function V(e) {
+		return !!l && l.getFullYear() === C && l.getMonth() === T && l.getDate() === e;
+	}
+	function H(e) {
+		return S.getFullYear() === C && S.getMonth() === T && S.getDate() === e;
+	}
+	let U = new Date(S.getFullYear(), S.getMonth(), S.getDate());
+	function W(e) {
+		return x ? new Date(C, T, e) > U : !1;
+	}
+	let G = !x || C < S.getFullYear() || C === S.getFullYear() && T < S.getMonth(), K = m === "date" || m === "datetime", q = m === "time" || m === "datetime", J = m !== "date" || h && !!l, Y = a(C, T), X = u(() => Y.map((e, t) => ({
+		key: e === null ? `empty-slot-${t}` : `day-${e}`,
+		day: e
+	})), [Y]);
+	return /* @__PURE__ */ p("div", {
+		className: e("bg-background border border-border/70 shadow-xl select-none p-4 w-max", v),
+		children: [/* @__PURE__ */ p("div", {
+			className: "flex flex-row",
+			children: [K && /* @__PURE__ */ p("div", {
+				className: "flex flex-col w-[264px]",
+				children: [/* @__PURE__ */ p("div", {
+					className: "flex items-center justify-between pb-3 mb-2 border-b border-border/60",
+					children: [
+						/* @__PURE__ */ f("button", {
+							type: "button",
+							onClick: z,
+							"aria-label": "Previous month",
+							className: e("p-1.5 text-foreground/70 transition-all active:scale-95", "hover:text-foreground hover:bg-secondary", v),
+							children: /* @__PURE__ */ f(t, {})
+						}),
+						/* @__PURE__ */ p("span", {
+							className: "font-semibold text-sm text-foreground tracking-wide",
+							children: [
+								i[T],
+								" ",
+								C
+							]
+						}),
+						/* @__PURE__ */ f("button", {
+							type: "button",
+							onClick: B,
+							disabled: !G,
+							"aria-label": "Next month",
+							className: e("p-1.5 text-foreground/70 transition-all", G ? "hover:text-foreground hover:bg-secondary active:scale-95" : "opacity-30 cursor-not-allowed", v),
+							children: /* @__PURE__ */ f(n, {})
+						})
+					]
+				}), /* @__PURE__ */ p("div", {
+					className: "grid grid-cols-7 gap-1 text-center",
+					children: [r.map((e) => /* @__PURE__ */ f("div", {
+						className: "text-[11px] font-bold tracking-wider text-foreground/50 uppercase py-1 mb-1",
+						children: e
+					}, e)), X.map(({ key: t, day: n }) => n === null ? /* @__PURE__ */ f("div", {}, t) : /* @__PURE__ */ f("button", {
+						type: "button",
+						onClick: () => R(n),
+						disabled: W(n),
+						className: e("w-full flex items-center justify-center font-medium transition-all duration-200", s[g], v, W(n) ? "opacity-30 cursor-not-allowed text-foreground/50" : "active:scale-90", !W(n) && !V(n) && !H(n) && N.hover, V(n) && e(N.bg, "font-semibold shadow-sm"), H(n) && !V(n) && e("border", N.border, N.text), !V(n) && !H(n) && "text-foreground"),
+						children: n
+					}, n))]
+				})]
+			}), q && /* @__PURE__ */ p("div", {
+				className: e("flex items-center justify-center gap-4", K && "pl-5 ml-4 border-l border-border/60"),
+				children: [
+					/* @__PURE__ */ f(c, {
+						value: D,
+						max: 23,
+						label: "HH",
+						onChange: F,
+						resolvedColor: _,
+						radiusClass: v
+					}),
+					/* @__PURE__ */ f(c, {
+						value: k,
+						max: 59,
+						label: "MM",
+						onChange: I,
+						resolvedColor: _,
+						radiusClass: v
+					}),
+					/* @__PURE__ */ f(c, {
+						value: j,
+						max: 59,
+						label: "SS",
+						onChange: L,
+						resolvedColor: _,
+						radiusClass: v
+					})
+				]
+			})]
+		}), J && /* @__PURE__ */ p("div", {
+			className: "flex items-center justify-between border-t border-border/60 pt-3 mt-3",
+			children: [h && l ? /* @__PURE__ */ f("button", {
+				type: "button",
+				onClick: () => {
+					y(null), b();
+				},
+				className: "text-xs font-medium text-foreground/50 hover:text-danger transition-colors active:scale-95 px-2 py-1",
+				children: "Clear"
+			}) : /* @__PURE__ */ f("div", {}), m !== "date" && /* @__PURE__ */ f("button", {
+				type: "button",
+				onClick: b,
+				className: e("ml-auto text-xs font-semibold px-4 py-2 transition-all hover:opacity-90 active:scale-95 shadow-sm", v, N.bg),
+				children: "Done"
+			})]
+		})]
+	});
 });
-export {
-  mt as Calendar
-};
+//#endregion
+export { m as Calendar };

package/dist/components/date-picker/DatePicker.d.ts

@@ -1,10 +1,10 @@
 import { InputProps } from '../input/Input';
-import { DatePickerConfig, PickerConfig } from './date-picker-config';
+import { DatePickerConfig, DatePickerPickerConfig } from './date-picker-config';
 /**
- * Picker menu configuration that extends PickerConfig with className.
- * Used for styling the calendar popover.
+ * Props for the picker (calendar popover).
+ * Extends DatePickerPickerConfig with instance-only props.
  */
-export interface PickerMenu extends PickerConfig {
+export interface DatePickerPickerProps extends DatePickerPickerConfig {
     /**
      * Extra CSS classes for the calendar popover.
      */
@@ -35,7 +35,7 @@ export interface DatePickerProps extends BaseDatePickerProps {
      * Picker configuration overrides including portal, portalTarget, and className.
      * All picker-related props should be passed through this object.
      */
-    picker?: PickerMenu;
+    picker?: DatePickerPickerProps;
     /**
      * Whether a clear button is shown in the input.
      * When true, a clear button appears when a date is selected.

package/dist/components/date-picker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AASxD,OAAO,EACL,KAAK,gBAAgB,EAErB,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAE9B;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,GAChE,IAAI,CACF,UAAU,EACV,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,YAAY,GAAG,cAAc,CACtE,CAAC;AAEJ;;;;GAIG;AACH,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,eAAO,MAAM,UAAU,8GA8VtB,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AASxD,OAAO,EACL,KAAK,gBAAgB,EAErB,KAAK,sBAAsB,EAE5B,MAAM,sBAAsB,CAAC;AAE9B;;;GAGG;AACH,MAAM,WAAW,qBAAsB,SAAQ,sBAAsB;IACnE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,GAChE,IAAI,CACF,UAAU,EACV,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,YAAY,GAAG,cAAc,CACtE,CAAC;AAEJ;;;;GAIG;AACH,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAE/B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,eAAO,MAAM,UAAU,8GA+VtB,CAAC"}