asheeui 0.5.0

package/dist/components/chip/chip-config.d.ts

@@ -0,0 +1,64 @@
+import { Radius } from '../../shared/radius';
+import { Size } from '../../shared/size';
+import { Color, Variant } from '../../shared/variant';
+/**
+ * Visual style of the chip.
+ *
+ * The `underlined` button variant is excluded because it has no
+ * chip-appropriate visual treatment.
+ */
+export type ChipVariant = Exclude<Variant, "underlined">;
+/** Height and font-size scale of the chip. */
+export type ChipSizeKey = Size;
+/** Corner rounding scale of the chip. */
+export type ChipRadiusKey = Radius;
+/**
+ * Theme configuration options for the Chip component.
+ *
+ * Set under `components.chip` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface ChipConfig {
+    /** Visual style variant.
+     *
+     * @default "bordered"
+     */
+    variant?: ChipVariant;
+    /** Theme accent color.
+     *
+     * @default "primary"
+     */
+    color?: Color;
+    /** Height and font-size scale.
+     *
+     * @default "md"
+     */
+    size?: ChipSizeKey;
+    /** Corner rounding.
+     *
+     * @default "full"
+     */
+    radius?: ChipRadiusKey;
+    /** Extra classes applied to every chip instance.
+     *
+     * @default ""
+     */
+    className?: string;
+}
+/**
+ * Default config values registered for the Chip component.
+ *
+ * `variant` and `color` are intentionally absent so they inherit from
+ * the global `defaultVariant` / `defaultColor`.
+ */
+export declare const defaultChipConfig: ChipConfig;
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_CHIP_CONFIG: Required<ChipConfig>;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        chip: ChipConfig;
+    }
+}
+//# sourceMappingURL=chip-config.d.ts.map

package/dist/components/chip/chip-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-config.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip-config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;AAEzD,8CAA8C;AAC9C,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC;AAE/B,yCAAyC;AACzC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AAEnC;;;;;GAKG;AACH,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAG/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,UAAU,CAM5C,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,IAAI,EAAE,UAAU,CAAC;KAClB;CACF"}

package/dist/components/chip/chip-config.js

@@ -0,0 +1,17 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+const r = {
+  size: "md",
+  radius: "full"
+}, o = {
+  size: "md",
+  variant: "bordered",
+  color: "primary",
+  radius: "full",
+  className: ""
+};
+e("chip", r);
+export {
+  o as FALLBACK_CHIP_CONFIG,
+  r as defaultChipConfig
+};

package/dist/components/chip/chip-styles.d.ts

@@ -0,0 +1,7 @@
+import { Size } from '../../shared/size';
+export declare const CHIP_HEIGHT_CLASS: Record<Size, string>;
+export declare const CHIP_PADDING_CLASS: Record<Size, string>;
+export declare const CHIP_FONT_CLASS: Record<Size, string>;
+export declare const CHIP_GAP_CLASS: Record<Size, string>;
+export declare const CHIP_ICON_SIZE_CLASS: Record<Size, string>;
+//# sourceMappingURL=chip-styles.d.ts.map

package/dist/components/chip/chip-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-styles.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE9C,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIlD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAInD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIhD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAI/C,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIrD,CAAC"}

package/dist/components/chip/chip-styles.js

@@ -0,0 +1,29 @@
+"use client";
+const s = {
+  sm: "h-6",
+  md: "h-7",
+  lg: "h-8"
+}, t = {
+  sm: "px-2",
+  md: "px-2.5",
+  lg: "px-3"
+}, m = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+}, C = {
+  sm: "gap-1",
+  md: "gap-1.5",
+  lg: "gap-2"
+}, S = {
+  sm: "w-3 h-3",
+  md: "w-3.5 h-3.5",
+  lg: "w-4 h-4"
+};
+export {
+  m as CHIP_FONT_CLASS,
+  C as CHIP_GAP_CLASS,
+  s as CHIP_HEIGHT_CLASS,
+  S as CHIP_ICON_SIZE_CLASS,
+  t as CHIP_PADDING_CLASS
+};

package/dist/components/chip/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Chip';
+export * from './chip-config';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC"}

package/dist/components/chip/index.js

@@ -0,0 +1,3 @@
+export * from "./Chip.js";
+export * from "./chip-config.js";
+export * from "./chip-styles.js";

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

@@ -0,0 +1,30 @@
+import { CSSProperties } from 'react';
+import { Radius } from '../../shared/radius';
+import { Color, Variant } from '../../shared/variant';
+import { FieldSizeKey, FieldStatus, LabelAlign } from '../field/field-config';
+import { PickerMode } from './date-picker-config';
+export interface DatePickerProps {
+    selected?: Date | null;
+    onChange?: (date: Date | null) => void;
+    mode?: PickerMode;
+    size?: FieldSizeKey;
+    radius?: Radius;
+    variant?: Variant;
+    color?: Color;
+    status?: FieldStatus;
+    label?: string;
+    labelAlign?: LabelAlign;
+    description?: string;
+    message?: string;
+    required?: boolean;
+    isLoading?: boolean;
+    disabled?: boolean;
+    isClearable?: boolean;
+    disableFuture?: boolean;
+    placeholder?: string;
+    className?: string;
+    id?: string;
+    style?: CSSProperties;
+}
+export declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAeA,OAAO,EACL,KAAK,aAAa,EAMnB,MAAM,OAAO,CAAC;AAOf,OAAO,EAAgB,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,OAAO,EACb,MAAM,sBAAsB,CAAC;AAO9B,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,sBAAsB,CAAC;AAkY9B,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAID,eAAO,MAAM,UAAU,4GAiPtB,CAAC"}

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

@@ -0,0 +1,470 @@
+"use client";
+import { jsx as o, jsxs as p, Fragment as me } from "react/jsx-runtime";
+import { cn as d } from "@asheeui/utils";
+import { useFloating as fe, autoUpdate as pe, offset as he, flip as ge, shift as be, useClick as xe, useDismiss as ve, useRole as ye, useInteractions as we, FloatingFocusManager as Se } from "@floating-ui/react";
+import { forwardRef as De, useId as Ne, useState as _, useCallback as Z, useMemo as Me } from "react";
+import { CalendarIcon as Ae } from "../../icons/CalendarIcon.js";
+import { ChevronLeftIcon as ke } from "../../icons/ChevronLeftIcon.js";
+import { ChevronRightIcon as Ie } from "../../icons/ChevronRightIcon.js";
+import { ClearIcon as Fe } from "../../icons/ClearIcon.js";
+import { ClockIcon as Ce } from "../../icons/ClockIcon.js";
+import { useAsheeConfig as _e } from "../../libs/context.js";
+import { RADIUS_CLASS as ee } from "../../shared/radius.js";
+import { resolveVariantClass as Re } from "../../shared/variant.js";
+import { resolveCascade as j, resolveRadiusKey as Ee, resolveClassKey as te } from "../../utils/resolve-token.js";
+import { FieldShell as $e } from "../field/FieldShell.js";
+import { FALLBACK_DATE_PICKER_CONFIG as v } from "./date-picker-config.js";
+import { DATE_PICKER_SIZE_CLASS as Le, DATE_PICKER_STATUS_BORDER_CLASS as Pe, CALENDAR_COLOR_CLASSES as K, DATE_PICKER_CELL_SIZE_CLASS as Te } from "./date-picker-styles.js";
+const Ye = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], je = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+function R(e) {
+  return String(e).padStart(2, "0");
+}
+function Ke(e, n) {
+  const l = R(e.getDate()), m = R(e.getMonth() + 1), a = e.getFullYear(), s = R(e.getHours()), u = R(e.getMinutes());
+  switch (n) {
+    case "date":
+      return `${l}/${m}/${a}`;
+    case "time":
+      return `${s}:${u}`;
+    case "datetime":
+      return `${l}/${m}/${a} ${s}:${u}`;
+  }
+}
+function Oe(e) {
+  switch (e) {
+    case "date":
+      return "Select date...";
+    case "time":
+      return "Select time...";
+    case "datetime":
+      return "Select date & time...";
+  }
+}
+function ze(e, n) {
+  const l = new Date(e, n + 1, 0).getDate(), m = new Date(e, n, 1).getDay(), a = [
+    ...Array(m).fill(null),
+    ...Array.from({ length: l }, (s, u) => u + 1)
+  ];
+  for (; a.length % 7 !== 0; ) a.push(null);
+  return a;
+}
+function oe({
+  value: e,
+  max: n,
+  label: l,
+  onChange: m,
+  resolvedColor: a,
+  radiusClass: s
+}) {
+  const u = () => m(e >= n ? 0 : e + 1), y = () => m(e <= 0 ? n : e - 1), w = K[a] ?? K.primary;
+  return /* @__PURE__ */ p("div", { className: "flex flex-col items-center gap-0.5", children: [
+    /* @__PURE__ */ o("span", { className: "text-[10px] uppercase tracking-widest text-foreground/70 select-none", children: l }),
+    /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        className: d(
+          "w-10 h-7 flex items-center justify-center text-xs text-foreground/70 transition-colors",
+          s,
+          w.hover
+        ),
+        onClick: u,
+        "aria-label": `Increment ${l}`,
+        children: "▲"
+      }
+    ),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: d(
+          "w-10 h-10 flex items-center justify-center text-base font-mono font-bold text-foreground bg-background border border-border select-none",
+          s
+        ),
+        children: R(e)
+      }
+    ),
+    /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        className: d(
+          "w-10 h-7 flex items-center justify-center text-xs text-foreground/70 transition-colors",
+          s,
+          w.hover
+        ),
+        onClick: y,
+        "aria-label": `Decrement ${l}`,
+        children: "▼"
+      }
+    )
+  ] });
+}
+function He({
+  selected: e,
+  mode: n,
+  isClearable: l,
+  resolvedSizeKey: m,
+  resolvedColor: a,
+  radiusClass: s,
+  onSelect: u,
+  onClose: y,
+  disableFuture: w = !1
+}) {
+  const c = /* @__PURE__ */ new Date(), [h, E] = _(
+    (e == null ? void 0 : e.getFullYear()) ?? c.getFullYear()
+  ), [f, D] = _(
+    (e == null ? void 0 : e.getMonth()) ?? c.getMonth()
+  ), [g, $] = _((e == null ? void 0 : e.getHours()) ?? 0), [I, O] = _((e == null ? void 0 : e.getMinutes()) ?? 0), b = K[a] ?? K.primary;
+  function L(t, i) {
+    const k = e ?? /* @__PURE__ */ new Date();
+    u(
+      new Date(k.getFullYear(), k.getMonth(), k.getDate(), t, i, 0, 0)
+    );
+  }
+  function z(t) {
+    $(t), L(t, I);
+  }
+  function N(t) {
+    O(t), L(g, t);
+  }
+  function M(t) {
+    u(new Date(h, f, t, g, I, 0, 0)), n === "date" && y();
+  }
+  function r() {
+    f === 0 ? (D(11), E((t) => t - 1)) : D((t) => t - 1);
+  }
+  function H() {
+    f === 11 ? (D(0), E((t) => t + 1)) : D((t) => t + 1);
+  }
+  function V(t) {
+    return !!e && e.getFullYear() === h && e.getMonth() === f && e.getDate() === t;
+  }
+  function F(t) {
+    return c.getFullYear() === h && c.getMonth() === f && c.getDate() === t;
+  }
+  const P = new Date(
+    c.getFullYear(),
+    c.getMonth(),
+    c.getDate()
+  );
+  function C(t) {
+    return w ? new Date(h, f, t) > P : !1;
+  }
+  const J = !w || h < c.getFullYear() || h === c.getFullYear() && f < c.getMonth(), A = n === "date" || n === "datetime", U = n === "time" || n === "datetime", B = n !== "date" || l && !!e, T = ze(h, f), G = Me(() => T.map((t, i) => ({
+    key: t !== null ? `day-${t}` : `empty-slot-${i}`,
+    day: t
+  })), [T]);
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: d(
+        "bg-background border border-border shadow-xl select-none p-3 min-w-70",
+        s
+      ),
+      children: [
+        A && /* @__PURE__ */ p(me, { children: [
+          /* @__PURE__ */ p("div", { className: "flex items-center justify-between pb-2 mb-2 border-b border-border", children: [
+            /* @__PURE__ */ o(
+              "button",
+              {
+                type: "button",
+                onClick: r,
+                "aria-label": "Previous month",
+                className: d(
+                  "p-1 text-foreground transition-colors",
+                  s,
+                  b.hover
+                ),
+                children: /* @__PURE__ */ o(ke, {})
+              }
+            ),
+            /* @__PURE__ */ p("span", { className: "font-medium text-sm text-foreground", children: [
+              je[f],
+              " ",
+              h
+            ] }),
+            /* @__PURE__ */ o(
+              "button",
+              {
+                type: "button",
+                onClick: H,
+                disabled: !J,
+                "aria-label": "Next month",
+                className: d(
+                  "p-1 text-foreground transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
+                  s,
+                  b.hover
+                ),
+                children: /* @__PURE__ */ o(Ie, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ p("div", { className: "grid grid-cols-7 gap-1 text-center", children: [
+            Ye.map((t) => /* @__PURE__ */ o(
+              "div",
+              {
+                className: "text-xs font-semibold text-foreground/70 py-1",
+                children: t
+              },
+              t
+            )),
+            G.map(
+              ({ key: t, day: i }) => i === null ? /* @__PURE__ */ o("div", {}, t) : /* @__PURE__ */ o(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => M(i),
+                  disabled: C(i),
+                  className: d(
+                    "w-full flex items-center justify-center font-medium transition-colors",
+                    Te[m],
+                    s,
+                    C(i) ? "opacity-30 cursor-not-allowed text-foreground/70" : V(i) ? d(b.bg, "font-semibold") : F(i) ? d("border", b.border, b.text) : d("text-foreground", b.hover)
+                  ),
+                  children: i
+                },
+                i
+              )
+            )
+          ] })
+        ] }),
+        U && /* @__PURE__ */ p("div", { className: "flex items-center justify-center gap-4 py-3 border-t border-border mt-2", children: [
+          /* @__PURE__ */ o(
+            oe,
+            {
+              value: g,
+              max: 23,
+              label: "HH",
+              onChange: z,
+              resolvedColor: a,
+              radiusClass: s
+            }
+          ),
+          /* @__PURE__ */ o("span", { className: "text-xl font-bold text-foreground/70 select-none pt-3", children: ":" }),
+          /* @__PURE__ */ o(
+            oe,
+            {
+              value: I,
+              max: 59,
+              label: "MM",
+              onChange: N,
+              resolvedColor: a,
+              radiusClass: s
+            }
+          )
+        ] }),
+        B && /* @__PURE__ */ p("div", { className: "flex items-center justify-between border-t border-border pt-2 mt-2", children: [
+          l && e && /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                u(null), y();
+              },
+              className: "text-xs text-foreground/70 hover:text-danger transition-colors",
+              children: "Clear"
+            }
+          ),
+          n !== "date" && /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              onClick: y,
+              className: d(
+                "ml-auto text-xs font-medium px-3 py-1.5 hover:opacity-90 transition-opacity",
+                s,
+                b.bg
+              ),
+              children: "Done"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const Ve = De(
+  ({
+    selected: e,
+    onChange: n,
+    mode: l,
+    size: m,
+    radius: a,
+    variant: s,
+    color: u,
+    status: y,
+    label: w,
+    labelAlign: c,
+    description: h,
+    message: E,
+    required: f,
+    isLoading: D,
+    disabled: g,
+    isClearable: $ = !1,
+    disableFuture: I = !1,
+    placeholder: O,
+    className: b,
+    id: L,
+    style: z
+  }, N) => {
+    var X;
+    const M = _e(), r = (X = M.components) == null ? void 0 : X.datePicker, H = Ne(), V = L ?? H, [F, P] = _(!1), { refs: C, floatingStyles: J, context: A } = fe({
+      open: F,
+      onOpenChange: (x) => !g && P(x),
+      placement: "bottom-start",
+      whileElementsMounted: pe,
+      middleware: [he(6), ge(), be({ padding: 8 })]
+    }), U = xe(A, { enabled: !g }), B = ve(A), T = ye(A, { role: "dialog" }), { getReferenceProps: G, getFloatingProps: t } = we([
+      U,
+      B,
+      T
+    ]), i = j(
+      m,
+      r == null ? void 0 : r.size,
+      void 0,
+      v.size
+    ), k = j(
+      s,
+      r == null ? void 0 : r.variant,
+      M.defaultVariant,
+      v.variant
+    ), q = j(
+      u,
+      r == null ? void 0 : r.color,
+      M.defaultColor,
+      v.color
+    ), W = Ee(
+      typeof a == "string" ? a : void 0,
+      typeof (r == null ? void 0 : r.radius) == "string" ? r.radius : void 0,
+      M.defaultRadius,
+      v.radius
+    ), S = y ?? v.status, ne = j(
+      c,
+      r == null ? void 0 : r.labelAlign,
+      void 0,
+      v.labelAlign
+    ), Y = l ?? (r == null ? void 0 : r.mode) ?? v.mode, re = Re(
+      k,
+      S === "error" ? "danger" : S === "success" ? "success" : S === "warning" ? "warning" : q
+    ), se = S !== "default" ? Pe[S] : "", ae = k === "underlined" ? "rounded-none" : te(
+      W,
+      ee,
+      v.radius
+    ), ie = te(
+      W === "full" ? "xl" : W,
+      ee,
+      v.radius
+    ), le = Z(
+      (x) => n == null ? void 0 : n(x),
+      [n]
+    ), ce = Z(() => P(!1), []), ue = Z(
+      (x) => {
+        x.stopPropagation(), n == null || n(null);
+      },
+      [n]
+    ), de = O ?? Oe(Y), Q = e ? Ke(e, Y) : null;
+    return /* @__PURE__ */ o(
+      $e,
+      {
+        id: V,
+        label: w,
+        labelAlign: ne,
+        description: h,
+        message: E,
+        status: S,
+        required: f,
+        isLoading: D,
+        children: /* @__PURE__ */ p("div", { className: "w-full relative inline-block", children: [
+          /* @__PURE__ */ p(
+            "div",
+            {
+              ref: (x) => {
+                C.setReference(x), typeof N == "function" ? N(x) : N && (N.current = x);
+              },
+              role: "combobox",
+              tabIndex: g ? -1 : 0,
+              "aria-expanded": F,
+              "aria-haspopup": "dialog",
+              "aria-invalid": S === "error",
+              "aria-disabled": g,
+              className: d(
+                "w-full flex items-center justify-between cursor-pointer text-foreground outline-none transition-colors select-none shrink-0",
+                "focus-visible:ring-2 focus-visible:ring-offset-2",
+                g && "pointer-events-none opacity-50 cursor-not-allowed",
+                Le[i],
+                re,
+                se,
+                ae,
+                b
+              ),
+              style: z,
+              ...G(),
+              children: [
+                /* @__PURE__ */ o(
+                  "span",
+                  {
+                    className: Q ? "text-foreground" : "text-foreground/70",
+                    children: Q ?? de
+                  }
+                ),
+                /* @__PURE__ */ p("div", { className: "flex items-center gap-1.5 ml-2 shrink-0", children: [
+                  $ && e && !g && /* @__PURE__ */ o(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: ue,
+                      "aria-label": "Clear selection",
+                      className: "p-0.5 rounded text-foreground/70 hover:text-foreground transition-colors",
+                      children: /* @__PURE__ */ o(Fe, { className: "size-3.5" })
+                    }
+                  ),
+                  /* @__PURE__ */ o("span", { className: "text-foreground/70 pointer-events-none", children: Y === "time" ? /* @__PURE__ */ o(Ce, {}) : /* @__PURE__ */ o(Ae, {}) })
+                ] })
+              ]
+            }
+          ),
+          F && /* @__PURE__ */ o(Se, { context: A, modal: !1, children: /* @__PURE__ */ o(
+            "div",
+            {
+              ref: C.setFloating,
+              style: { ...J, zIndex: 99999 },
+              className: "outline-none",
+              ...t(),
+              children: /* @__PURE__ */ o("div", { className: "animate-in fade-in-0 zoom-in-95 duration-150 ease-out", children: /* @__PURE__ */ o(
+                He,
+                {
+                  selected: e,
+                  mode: Y,
+                  isClearable: $,
+                  resolvedSizeKey: i,
+                  onSelect: le,
+                  onClose: ce,
+                  disableFuture: I,
+                  resolvedColor: q,
+                  radiusClass: ie
+                }
+              ) })
+            }
+          ) })
+        ] })
+      }
+    );
+  }
+);
+Ve.displayName = "DatePicker";
+export {
+  Ve as DatePicker
+};

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

@@ -0,0 +1,14 @@
+import { FieldConfig, FieldSizeKey } from '../field/field-config';
+export type PickerMode = "date" | "time" | "datetime";
+export type DatePickerSizeKey = FieldSizeKey;
+export interface DatePickerConfig extends FieldConfig {
+    mode?: PickerMode;
+}
+export declare const defaultDatePickerConfig: DatePickerConfig;
+export declare const FALLBACK_DATE_PICKER_CONFIG: Required<DatePickerConfig>;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        datePicker: DatePickerConfig;
+    }
+}
+//# sourceMappingURL=date-picker-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-config.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker-config.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC;AAE7C,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,uBAAuB,EAAE,gBAKrC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,QAAQ,CAAC,gBAAgB,CASzD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}