asheeui 0.6.7 → 0.6.9

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

@@ -0,0 +1,46 @@
+import { Color } from '../../shared';
+interface TimeSpinnerProps {
+    /**
+     * The current value of the spinner.
+     * Range is 0-23 for hours, 0-59 for minutes and seconds.
+     */
+    value: number;
+    /**
+     * The maximum value for the spinner.
+     * Used for wrapping when incrementing/decrementing past the limit.
+     */
+    max: number;
+    /**
+     * Display label for the spinner.
+     * Typically "HH", "MM", or "SS".
+     */
+    label: string;
+    /**
+     * Callback fired when the value changes.
+     * Receives the new value.
+     */
+    onChange: (v: number) => void;
+    /**
+     * Resolved color for the spinner.
+     * Used for hover states and accent colors.
+     */
+    resolvedColor: Color;
+    /**
+     * CSS class for corner rounding.
+     * Applied to the increment/decrement buttons and input.
+     */
+    radiusClass: string;
+}
+/**
+ * Time spinner control for selecting hours, minutes, or seconds.
+ *
+ * TimeSpinner renders a vertical spinner with increment and decrement
+ * buttons around a display input. The value wraps around when reaching
+ * the min or max limits (0 to max, and max to 0). It also allows direct
+ * keyboard input with automatic validation and fallback.
+ *
+ * @param props - TimeSpinner configuration options.
+ */
+export declare function TimeSpinner({ value, max, label, onChange, resolvedColor, radiusClass, }: TimeSpinnerProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TimeSpinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/TimeSpinner.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAO1C,UAAU,gBAAgB;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B;;;OAGG;IACH,aAAa,EAAE,KAAK,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAG,EACH,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,GACZ,EAAE,gBAAgB,+BAgGlB"}

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

@@ -0,0 +1,84 @@
+"use client";
+import { jsxs as w, jsx as r } from "react/jsx-runtime";
+import { useState as D, useEffect as v } from "react";
+import { pad2 as c } from "./date-picker.helpers.js";
+import { CALENDAR_COLOR_CLASSES as d } from "./date-picker-styles.js";
+import { ChevronUpIcon as N } from "../../icons/ChevronUpIcon.js";
+import { cn as f } from "../../utils/cn.js";
+import { ChevronDownIcon as k } from "../../icons/ChevronDownIcon.js";
+function V({
+  value: t,
+  max: i,
+  label: n,
+  onChange: s,
+  resolvedColor: h,
+  radiusClass: a
+}) {
+  const [l, o] = D(c(t));
+  v(() => {
+    o(c(t));
+  }, [t]);
+  const u = () => s(t >= i ? 0 : t + 1), p = () => s(t <= 0 ? i : t - 1), x = (e) => {
+    const y = e.target.value.replace(/\D/g, "");
+    o(y);
+  }, b = () => {
+    const e = parseInt(l, 10);
+    Number.isNaN(e) || e < 0 || e > i ? o(c(t)) : (s(e), o(c(e)));
+  }, g = (e) => {
+    e.key === "Enter" ? (e.preventDefault(), e.currentTarget.blur()) : e.key === "ArrowUp" ? (e.preventDefault(), u()) : e.key === "ArrowDown" && (e.preventDefault(), p());
+  }, m = d[h] ?? d.primary;
+  return /* @__PURE__ */ w("div", { className: "flex flex-col items-center gap-1 group", children: [
+    /* @__PURE__ */ r("span", { className: "text-[10px] font-medium uppercase tracking-widest text-foreground/50 select-none mb-0.5", children: n }),
+    /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: f(
+          "w-10 h-7 flex items-center justify-center text-foreground/50 transition-all",
+          "hover:text-foreground active:scale-95",
+          a,
+          m.hover
+        ),
+        onClick: u,
+        "aria-label": `Increment ${n}`,
+        children: /* @__PURE__ */ r(N, {})
+      }
+    ),
+    /* @__PURE__ */ r(
+      "input",
+      {
+        type: "text",
+        inputMode: "numeric",
+        maxLength: 2,
+        value: l,
+        onChange: x,
+        onBlur: b,
+        onKeyDown: g,
+        "aria-label": `${n} input`,
+        className: f(
+          "w-11 h-11 text-center text-base font-mono font-medium text-foreground bg-background transition-shadow",
+          "border border-border/70 hover:border-border focus:outline-none focus:ring-2 focus:border-transparent focus:z-10",
+          a
+        )
+      }
+    ),
+    /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: f(
+          "w-10 h-7 flex items-center justify-center text-foreground/50 transition-all",
+          "hover:text-foreground active:scale-95",
+          a,
+          m.hover
+        ),
+        onClick: p,
+        "aria-label": `Decrement ${n}`,
+        children: /* @__PURE__ */ r(k, {})
+      }
+    )
+  ] });
+}
+export {
+  V as TimeSpinner
+};

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

@@ -25,6 +25,17 @@ export interface DatePickerConfig extends FieldConfig {
      * @default "date"
      */
     mode?: PickerMode;
+    /**
+     * Picker configuration for the calendar popover.
+     * Controls portal behavior and other picker-specific settings.
+     */
+    picker?: PickerConfig;
+}
+/**
+ * Picker configuration for the DatePicker component.
+ * Extends DatePickerConfig to allow override of portal settings.
+ */
+export interface PickerConfig {
     /**
      * Whether to render the calendar popover in a React portal.
      * When true, the popover is rendered at the document body level,
@@ -52,7 +63,16 @@ export declare const defaultDatePickerConfig: DatePickerConfig;
  * These values are used when instance props, component config,
  * and global defaults are all undefined.
  */
-export declare const FALLBACK_DATE_PICKER_CONFIG: Required<DatePickerConfig>;
+export declare const FALLBACK_DATE_PICKER_CONFIG: {
+    readonly mode: "date";
+    readonly size: FieldSizeKey;
+    readonly radius: import('../..').Radius;
+    readonly variant: import('../..').Variant;
+    readonly color: import('../..').Color;
+    readonly labelAlign: import('../field').LabelAlign;
+    readonly fullWidth: boolean;
+    readonly status: import('../field').FieldStatus;
+};
 declare module "../../libs/registry" {
     interface ComponentTypeConfigRegistry {
         datePicker: DatePickerConfig;

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker-config.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAE/B;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAEtD;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,gBAKrC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,EAAE,QAAQ,CAAC,gBAAgB,CAKzD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}
+{"version":3,"file":"date-picker-config.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAE/B;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAEtD;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,gBAGrC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B;;;;;;;;;CAG9B,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}

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

@@ -1,19 +1,15 @@
 "use client";
-import { registerComponentDefaults as t } from "../../libs/registry.js";
-import { FALLBACK_FIELD_CONFIG as e, defaultFieldConfig as o } from "../field/field-config.js";
-const r = {
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+import { FALLBACK_FIELD_CONFIG as t, defaultFieldConfig as o } from "../field/field-config.js";
+const i = {
   ...o,
-  mode: "date",
-  portal: !0,
-  portalTarget: null
-}, i = {
-  ...e,
-  mode: "date",
-  portal: !0,
-  portalTarget: null
+  mode: "date"
+}, C = {
+  ...t,
+  mode: "date"
 };
-t("datePicker", r);
+e("datePicker", i);
 export {
-  i as FALLBACK_DATE_PICKER_CONFIG,
-  r as defaultDatePickerConfig
+  C as FALLBACK_DATE_PICKER_CONFIG,
+  i as defaultDatePickerConfig
 };

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker-styles.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGvE;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI/D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIpE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAC7C,CAAC;AAE5B;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,KAAK,GAAG,MAAM,EACd;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAsC5D,CAAC"}
+{"version":3,"file":"date-picker-styles.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKvE;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI/D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIpE,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAC7C,CAAC;AAI5B;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,KAAK,GAAG,MAAM,EACd;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAsC5D,CAAC"}

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

@@ -1,14 +1,9 @@
 "use client";
-import { FIELD_STATUS_BORDER_CLASS as r } from "../field/field-styles.js";
-const t = {
-  sm: "h-8 px-2.5 text-xs",
-  md: "h-10 px-3 text-sm",
-  lg: "h-12 px-4 text-base"
-}, o = {
+const r = {
   sm: "size-7 text-xs",
   md: "size-8 text-xs",
   lg: "size-9 text-sm"
-}, g = r, s = {
+}, e = {
   default: {
     bg: "bg-foreground text-background",
     text: "text-foreground",
@@ -47,8 +42,6 @@ const t = {
   }
 };
 export {
-  s as CALENDAR_COLOR_CLASSES,
-  o as DATE_PICKER_CELL_SIZE_CLASS,
-  t as DATE_PICKER_SIZE_CLASS,
-  g as DATE_PICKER_STATUS_BORDER_CLASS
+  e as CALENDAR_COLOR_CLASSES,
+  r as DATE_PICKER_CELL_SIZE_CLASS
 };

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

@@ -0,0 +1,111 @@
+/**
+ * DatePicker helper functions for AsheeUI.
+ * This file provides utility functions for date formatting, parsing,
+ * calendar grid building, and input cursor management.
+ */
+/**
+ * Array of abbreviated day names starting with Sunday.
+ * Used for the calendar header.
+ */
+export declare const DAYS_OF_WEEK: readonly ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+/**
+ * Array of full month names from January to December.
+ * Used for the calendar month header.
+ */
+export declare const MONTHS: readonly ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+/**
+ * The selection mode of the date picker.
+ * - `date`: Select only a date.
+ * - `time`: Select only a time.
+ * - `datetime`: Select both date and time.
+ */
+export type PickerMode = "date" | "time" | "datetime";
+/**
+ * Pads a number with leading zero to two digits.
+ * Used for formatting hours, minutes, and seconds.
+ *
+ * @param n - The number to pad.
+ * @returns The zero-padded string representation.
+ *
+ * @example
+ * ```ts
+ * pad2(5) // "05"
+ * pad2(23) // "23"
+ * ```
+ */
+export declare function pad2(n: number): string;
+/**
+ * Formats a date object as a string based on the mode.
+ *
+ * @param date - The date to format.
+ * @param mode - The picker mode.
+ * @returns A formatted date string.
+ *
+ * @example
+ * ```ts
+ * const date = new Date(2024, 0, 15, 14, 30, 45);
+ * formatDisplay(date, "date") // "15/01/2024"
+ * formatDisplay(date, "time") // "14:30:45"
+ * formatDisplay(date, "datetime") // "15/01/2024 14:30:45"
+ * ```
+ */
+export declare function formatDisplay(date: Date, mode: PickerMode): string;
+/**
+ * Gets the default placeholder text for the input based on mode.
+ *
+ * @param mode - The picker mode.
+ * @returns The placeholder text.
+ */
+export declare function getDefaultPlaceholder(mode: PickerMode): string;
+/**
+ * Builds a 2D array of day numbers for the calendar grid.
+ * Returns a flat array where null values represent empty slots
+ * before the first day of the month.
+ *
+ * @param year - The year of the month to display.
+ * @param month - The month (0-indexed) to display.
+ * @returns A flat array of day numbers and null values.
+ *
+ * @example
+ * ```ts
+ * // For January 2024 (starts on Monday)
+ * buildDayCells(2024, 0)
+ * // [null, 1, 2, 3, 4, 5, 6, 7, ..., 31, null, null]
+ * ```
+ */
+export declare function buildDayCells(year: number, month: number): (number | null)[];
+/**
+ * Parses a digit string into a Date object based on the mode.
+ * Supports partial input and auto-completes missing fields.
+ *
+ * @param input - The digit string to parse.
+ * @param mode - The picker mode.
+ * @param fallbackDate - Optional fallback date for missing values.
+ * @returns The parsed date or null if no digits provided.
+ *
+ * @example
+ * ```ts
+ * parseDateString("15012024", "date") // Date(2024, 0, 15)
+ * parseDateString("1430", "time") // Date with 14:30
+ * parseDateString("150120241430", "datetime") // Date(2024, 0, 15, 14, 30)
+ * ```
+ */
+export declare function parseDateString(input: string, mode: PickerMode, fallbackDate?: Date): Date | null;
+/**
+ * Calculates the new cursor position after input formatting.
+ * Ensures the cursor stays at the correct position when the
+ * input value is automatically formatted.
+ *
+ * @param oldValue - The value before formatting.
+ * @param newValue - The value after formatting.
+ * @param oldSelectionStart - The cursor position before formatting.
+ * @returns The new cursor position.
+ *
+ * @example
+ * ```ts
+ * // User typed "15" in a date input
+ * getNewCursorPosition("", "15/01/2024", 0) // 2 (after "15")
+ * ```
+ */
+export declare function getNewCursorPosition(oldValue: string, newValue: string, oldSelectionStart: number): number;
+//# sourceMappingURL=date-picker.helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.helpers.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.helpers.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;;GAGG;AACH,eAAO,MAAM,YAAY,qDAAsD,CAAC;AAEhF;;;GAGG;AACH,eAAO,MAAM,MAAM,qIAaT,CAAC;AAIX;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAItD;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAEtC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,GAAG,MAAM,CAgBlE;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAS9D;AAID;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAS5E;AAID;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,UAAU,EAChB,YAAY,CAAC,EAAE,IAAI,GAClB,IAAI,GAAG,IAAI,CAsDb;AAID;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,iBAAiB,EAAE,MAAM,GACxB,MAAM,CAqBR"}

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

@@ -0,0 +1,110 @@
+"use client";
+const d = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], D = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+function l(n) {
+  return String(n).padStart(2, "0");
+}
+function p(n, r) {
+  const o = l(n.getDate()), t = l(n.getMonth() + 1), s = n.getFullYear(), i = l(n.getHours()), c = l(n.getMinutes()), e = l(n.getSeconds());
+  switch (r) {
+    case "date":
+      return `${o}/${t}/${s}`;
+    case "time":
+      return `${i}:${c}:${e}`;
+    case "datetime":
+      return `${o}/${t}/${s} ${i}:${c}:${e}`;
+  }
+}
+function M(n) {
+  switch (n) {
+    case "date":
+      return "Select date...";
+    case "time":
+      return "Select time...";
+    case "datetime":
+      return "Select date & time...";
+  }
+}
+function y(n, r) {
+  const o = new Date(n, r + 1, 0).getDate(), t = new Date(n, r, 1).getDay(), s = [
+    ...Array(t).fill(null),
+    ...Array.from({ length: o }, (i, c) => c + 1)
+  ];
+  for (; s.length % 7 !== 0; ) s.push(null);
+  return s;
+}
+function I(n, r, o) {
+  const t = n.replace(/\D/g, "");
+  if (t.length === 0) return null;
+  const s = o ?? /* @__PURE__ */ new Date();
+  switch (r) {
+    case "date": {
+      const i = parseInt(t.slice(0, 2), 10) || 1, c = parseInt(t.slice(2, 4), 10) || 1;
+      let e = parseInt(t.slice(4, 8), 10) || s.getFullYear();
+      t.length === 4 && (e = 2e3 + e), t.length === 2 && (e = s.getFullYear());
+      const a = Math.min(c - 1, 11), u = new Date(e, a + 1, 0).getDate(), h = Math.min(i, u);
+      return new Date(e, a, h);
+    }
+    case "time": {
+      const i = parseInt(t.slice(0, 2), 10) || 0, c = parseInt(t.slice(2, 4), 10) || 0, e = parseInt(t.slice(4, 6), 10) || 0, a = s;
+      return new Date(
+        a.getFullYear(),
+        a.getMonth(),
+        a.getDate(),
+        Math.min(i, 23),
+        Math.min(c, 59),
+        Math.min(e, 59)
+      );
+    }
+    case "datetime": {
+      const i = parseInt(t.slice(0, 2), 10) || 1, c = parseInt(t.slice(2, 4), 10) || 1;
+      let e = parseInt(t.slice(4, 8), 10) || s.getFullYear();
+      t.length >= 4 && t.length < 8 && (e = 2e3 + e), t.length < 4 && (e = s.getFullYear());
+      const a = parseInt(t.slice(8, 10), 10) || 0, u = parseInt(t.slice(10, 12), 10) || 0, h = parseInt(t.slice(12, 14), 10) || 0, g = Math.min(c - 1, 11), m = new Date(e, g + 1, 0).getDate(), f = Math.min(i, m);
+      return new Date(
+        e,
+        g,
+        f,
+        Math.min(a, 23),
+        Math.min(u, 59),
+        Math.min(h, 59)
+      );
+    }
+  }
+}
+function $(n, r, o) {
+  if (o >= n.length) return r.length;
+  const s = (n.slice(0, o).match(/\d/g) || []).length;
+  let i = 0;
+  for (let c = 0; c < r.length; c++)
+    if (/\d/.test(r[c]) && i++, i > s) {
+      let e = 0;
+      for (let a = 0; a < r.length; a++)
+        if (/\d/.test(r[a]) && e++, e === s + 1)
+          return a + 1;
+      return r.length;
+    }
+  return r.length;
+}
+export {
+  d as DAYS_OF_WEEK,
+  D as MONTHS,
+  y as buildDayCells,
+  p as formatDisplay,
+  M as getDefaultPlaceholder,
+  $ as getNewCursorPosition,
+  l as pad2,
+  I as parseDateString
+};

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

@@ -1,3 +1,6 @@
+export * from "./Calendar.js";
 export * from "./DatePicker.js";
+export * from "./TimeSpinner.js";
 export * from "./date-picker-config.js";
 export * from "./date-picker-styles.js";
+export * from "./date-picker.helpers.js";

package/dist/components/input/Input.d.ts

@@ -1,4 +1,5 @@
 import { default as React, InputHTMLAttributes, ReactNode } from 'react';
+import { KeyboardOpenOptions } from '../keyboard';
 import { InputConfig } from './input-config';
 type BaseInputProps = InputConfig & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "color" | "children">;
 /**
@@ -48,9 +49,12 @@ export interface InputProps extends BaseInputProps {
      * Whether the virtual keyboard should be enabled for mobile devices.
      * Controls the inputmode attribute.
      *
+     * When enabled, the input will use the virtual keyboard system.
+     * Can also be an object to configure the keyboard behavior.
+     *
      * @default true
      */
-    enableVirtualKeyboard?: boolean;
+    enableVirtualKeyboard?: boolean | KeyboardOpenOptions;
 }
 /**
  * A form input field with label, description, validation message,
@@ -110,19 +114,21 @@ export interface InputProps extends BaseInputProps {
  *
  * @example
  * ```tsx
- * // With validation state
+ * // With virtual keyboard configuration
  * <Input
- *   label="Password"
- *   type="password"
- *   status="error"
- *   message="Password must be at least 8 characters"
- *   required
+ *   label="Numeric Input"
+ *   enableVirtualKeyboard={{
+ *     layout: "numeric",
+ *     size: "lg",
+ *     color: "primary"
+ *   }}
  * />
  * ```
  *
  * @see InputConfig - The configuration type for component defaults.
  * @see FieldShell - The wrapper component for label and validation.
  * @see useAsheeConfig - Hook for accessing the global configuration.
+ * @see useKeyboardField - Hook for connecting inputs to the virtual keyboard.
  */
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,EAEZ,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAqBf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;AAE7E;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,eAAO,MAAM,KAAK,qFA4LjB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,EAEZ,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAoBf,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,aAAa,CAAC;AACzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;AAE7E;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;;;;;OAQG;IACH,qBAAqB,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;CACvD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,eAAO,MAAM,KAAK,qFAyMjB,CAAC"}