@godxjp/ui 15.0.1 → 16.1.0

package/dist/components/data-entry/cascader.js

@@ -242,8 +242,8 @@ function Cascader({
           className: cn(
             "w-full justify-start font-normal",
             controlOpenRingClass,
-            // Reserve trailing room for the clear + chevron overlay rendered below.
-            showClear ? "pe-14" : "pe-9",
+            // Reserve trailing room for the single clear-or-chevron overlay rendered below.
+            "pe-9",
             !displayLabel && "text-muted-foreground"
           ),
           children: /* @__PURE__ */ jsx("span", { className: "truncate", children: displayLabel ?? resolvedPlaceholder })
@@ -307,19 +307,16 @@ function Cascader({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "pointer-events-none absolute inset-y-0 end-3 flex items-center gap-1", children: [
-      showClear && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": t("dataEntry.cascader.clear"),
-          className: "pointer-events-auto flex size-4 items-center justify-center rounded-sm opacity-50 hover:opacity-100 focus-visible:opacity-100",
-          onClick: clearValue,
-          children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
-        }
-      ),
-      /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-4 shrink-0 opacity-50", "aria-hidden": "true" })
-    ] })
+    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-y-0 end-3 flex items-center", children: showClear ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": t("dataEntry.cascader.clear"),
+        className: "pointer-events-auto flex size-4 items-center justify-center rounded-sm opacity-50 hover:opacity-100 focus-visible:opacity-100",
+        onClick: clearValue,
+        children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
+      }
+    ) : /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-4 shrink-0 opacity-50", "aria-hidden": "true" }) })
   ] });
 }
 export {

package/dist/components/data-entry/date-picker.js

@@ -1,11 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { CalendarIcon, X } from "lucide-react";
+import { CalendarIcon } from "lucide-react";
 import { usePickerLocales, useTranslation } from "../../i18n/use-translation";
 import { parseDateInput, toIsoDate } from "../../lib/datetime/parse";
 import { useControlledLatch } from "../../lib/hooks";
 import { cn } from "../../lib/utils";
-import { Button } from "../general/button";
 import { Input } from "./input";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../data-display/popover";
 import { Calendar } from "./calendar";
@@ -39,7 +38,6 @@ function DatePicker({
     setText(toIsoDate(value));
   }, [value]);
   const resolvedPlaceholder = placeholder ?? t("dataEntry.datePicker.placeholder") ?? ISO_HINT;
-  const showClear = allowClear && Boolean(value) && !disabled;
   const clear = () => {
     emit(void 0);
     setText("");
@@ -70,7 +68,19 @@ function DatePicker({
         role: "combobox",
         "aria-expanded": open,
         "aria-haspopup": "dialog",
-        className: cn("pe-10", showClear && "pe-16"),
+        allowClear,
+        onClear: clear,
+        trailingIcon: /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled,
+            tabIndex: -1,
+            "aria-label": t("dataEntry.datePicker.openCalendar") ?? "Open calendar",
+            className: "text-muted-foreground hover:text-foreground inline-flex size-5 items-center justify-center rounded-sm opacity-70 transition-opacity hover:opacity-100",
+            children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4", "aria-hidden": "true" })
+          }
+        ) }),
         onClick: () => {
           if (!disabled) setOpen(true);
         },
@@ -92,33 +102,6 @@ function DatePicker({
         }
       }
     ),
-    showClear ? /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "icon",
-        disabled,
-        tabIndex: -1,
-        "aria-label": t("common.clear") ?? "Clear",
-        className: "text-muted-foreground absolute inset-y-0 end-8 h-full px-2 hover:bg-transparent",
-        onClick: clear,
-        children: /* @__PURE__ */ jsx(X, { className: "size-4 shrink-0", "aria-hidden": "true" })
-      }
-    ) : null,
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "icon",
-        disabled,
-        tabIndex: -1,
-        "aria-label": t("dataEntry.datePicker.openCalendar") ?? "Open calendar",
-        className: "text-muted-foreground absolute inset-y-0 end-0 h-full px-2 hover:bg-transparent",
-        children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 shrink-0", "aria-hidden": "true" })
-      }
-    ) }),
     /* @__PURE__ */ jsx(
       PopoverContent,
       {

package/dist/components/data-entry/date-range-picker.js

@@ -142,8 +142,7 @@ function DateRangePicker({
             },
             children: /* @__PURE__ */ jsx(X, { className: "size-4 shrink-0", "aria-hidden": "true" })
           }
-        ) : null,
-        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        ) : /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",

package/dist/components/data-entry/index.d.ts

@@ -45,8 +45,6 @@ export { Cascader } from "./cascader";
 export type { CascaderProps, TreeOption, TreeFieldNames } from "./cascader";
 export { TreeSelect, SHOW_CHILD, SHOW_PARENT, SHOW_ALL } from "./tree-select";
 export type { TreeSelectProps } from "./tree-select";
-export { TimeInput } from "./time-input";
-export type { TimeInputProps } from "./time-input";
 export { Transfer } from "./transfer";
 export type { TransferProps, TransferItemProp } from "./transfer";
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "./command";

package/dist/components/data-entry/index.js

@@ -35,7 +35,6 @@ import { ColorPicker } from "./color-picker";
 import { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from "./upload";
 import { Cascader } from "./cascader";
 import { TreeSelect, SHOW_CHILD, SHOW_PARENT, SHOW_ALL } from "./tree-select";
-import { TimeInput } from "./time-input";
 import { Transfer } from "./transfer";
 import {
   Command,
@@ -101,7 +100,6 @@ export {
   Switch,
   TagInput,
   Textarea,
-  TimeInput,
   TimePicker,
   Toggle,
   ToggleGroup,

package/dist/components/data-entry/input.d.ts

@@ -4,10 +4,22 @@ export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
     allowClear?: boolean;
     /** Called after the field is cleared via the inline ✕. */
     onClear?: () => void;
+    /**
+     * A trailing affordance pinned inside the field — e.g. a calendar / clock popover
+     * trigger button. ONE trailing icon shows at a time: when `allowClear` and the field
+     * holds a value the clear ✕ REPLACES this icon; otherwise this icon shows. Never both.
+     */
+    trailingIcon?: React.ReactNode;
 };
 export declare const Input: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
     /** Show an inline ✕ that clears the field while it holds text (default false). */
     allowClear?: boolean;
     /** Called after the field is cleared via the inline ✕. */
     onClear?: () => void;
+    /**
+     * A trailing affordance pinned inside the field — e.g. a calendar / clock popover
+     * trigger button. ONE trailing icon shows at a time: when `allowClear` and the field
+     * holds a value the clear ✕ REPLACES this icon; otherwise this icon shows. Never both.
+     */
+    trailingIcon?: React.ReactNode;
 } & React.RefAttributes<HTMLInputElement>>;

package/dist/components/data-entry/input.js

@@ -13,7 +13,17 @@ const inputBaseClass = [
   "aria-invalid:border-destructive aria-invalid:ring-destructive/20"
 ];
 const Input = React.forwardRef(
-  ({ className, type, allowClear = false, onClear, value, defaultValue, onChange, ...props }, ref) => {
+  ({
+    className,
+    type,
+    allowClear = false,
+    onClear,
+    trailingIcon,
+    value,
+    defaultValue,
+    onChange,
+    ...props
+  }, ref) => {
     const { t } = useTranslation();
     const innerRef = React.useRef(null);
     const setRefs = React.useCallback(
@@ -48,7 +58,7 @@ const Input = React.forwardRef(
       setHasText(false);
       onClear?.();
     };
-    if (!allowClear) {
+    if (!allowClear && trailingIcon == null) {
       return /* @__PURE__ */ jsx(
         "input",
         {
@@ -63,7 +73,18 @@ const Input = React.forwardRef(
         }
       );
     }
-    const showClear = hasText && !props.disabled && !props.readOnly;
+    const showClear = allowClear && hasText && !props.disabled && !props.readOnly;
+    const trailing = showClear ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        "aria-label": t("common.clear") ?? "Clear",
+        onClick: clear,
+        className: "text-muted-foreground hover:text-foreground inline-flex size-5 items-center justify-center rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:opacity-100",
+        children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
+      }
+    ) : trailingIcon;
     return /* @__PURE__ */ jsxs("span", { "data-slot": "input-affix-wrapper", className: "relative inline-flex w-full items-center", children: [
       /* @__PURE__ */ jsx(
         "input",
@@ -74,21 +95,11 @@ const Input = React.forwardRef(
           value,
           defaultValue,
           onChange: handleChange,
-          className: cn(inputBaseClass, showClear && "pe-9", className),
+          className: cn(inputBaseClass, (showClear || trailingIcon != null) && "pe-9", className),
           ...props
         }
       ),
-      showClear ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          tabIndex: -1,
-          "aria-label": t("common.clear") ?? "Clear",
-          onClick: clear,
-          className: "text-muted-foreground hover:text-foreground absolute end-2 inline-flex size-5 items-center justify-center rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:opacity-100",
-          children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
-        }
-      ) : null
+      trailing != null ? /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 end-2 inline-flex items-center", children: trailing }) : null
     ] });
   }
 );

package/dist/components/data-entry/month-picker.js

@@ -109,8 +109,7 @@ function MonthPicker({
             },
             children: /* @__PURE__ */ jsx(X, { className: "size-4 shrink-0", "aria-hidden": "true" })
           }
-        ) : null,
-        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        ) : /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",

package/dist/components/data-entry/month-range-picker.js

@@ -164,8 +164,7 @@ function MonthRangePicker({
             },
             children: /* @__PURE__ */ jsx(X, { className: "size-4 shrink-0", "aria-hidden": "true" })
           }
-        ) : null,
-        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        ) : /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",

package/dist/components/data-entry/search-select.js

@@ -172,8 +172,8 @@ function SearchSelect({
               className: cn(
                 "w-full justify-start font-normal",
                 controlOpenRingClass,
-                // Reserve trailing room for the clear + chevron overlay rendered below.
-                showClear ? "pe-14" : "pe-9"
+                // Reserve trailing room for the single clear-or-chevron overlay rendered below.
+                "pe-9"
               ),
               children: /* @__PURE__ */ jsx(
                 "span",
@@ -265,20 +265,17 @@ function SearchSelect({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "pointer-events-none absolute inset-y-0 end-3 flex items-center gap-1", children: [
-      showClear ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": clearLabel ?? t("dataEntry.searchSelect.clear"),
-          "data-testid": optionTestId("clear"),
-          className: "pointer-events-auto flex size-4 items-center justify-center rounded-sm opacity-50 hover:opacity-100 focus-visible:opacity-100",
-          onClick: clear,
-          children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
-        }
-      ) : null,
-      /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-4 shrink-0 opacity-50", "aria-hidden": "true" })
-    ] })
+    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-y-0 end-3 flex items-center", children: showClear ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": clearLabel ?? t("dataEntry.searchSelect.clear"),
+        "data-testid": optionTestId("clear"),
+        className: "pointer-events-auto flex size-4 items-center justify-center rounded-sm opacity-50 hover:opacity-100 focus-visible:opacity-100",
+        onClick: clear,
+        children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
+      }
+    ) : /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-4 shrink-0 opacity-50", "aria-hidden": "true" }) })
   ] });
 }
 export {

package/dist/components/data-entry/time-picker.js

@@ -1,11 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Clock, X } from "lucide-react";
+import { Clock } from "lucide-react";
 import { usePickerLocales, useTranslation } from "../../i18n/use-translation";
 import { isValidHhmm, normalizeHhmm } from "../../lib/datetime";
 import { cn } from "../../lib/utils";
-import { Button } from "../general/button";
-import { Popover, PopoverContent, PopoverTrigger } from "../data-display/popover";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../data-display/popover";
 import { Input } from "./input";
 function pad2(n) {
   return String(n).padStart(2, "0");
@@ -228,13 +227,12 @@ function TimePicker({
     if (!isControlled) setInternal(next);
     onValueChange?.(next);
   };
-  const showClear = allowClear && Boolean(value) && !disabled;
   const clear = () => {
     setValue("");
     setText("");
   };
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: cn("relative", className), children: /* @__PURE__ */ jsx(
       Input,
       {
         id,
@@ -247,7 +245,20 @@ function TimePicker({
         role: "combobox",
         "aria-expanded": open,
         "aria-haspopup": "dialog",
-        className: cn("tabular-nums", showClear ? "pe-16" : "pe-10"),
+        className: "tabular-nums",
+        allowClear,
+        onClear: clear,
+        trailingIcon: /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled,
+            tabIndex: -1,
+            "aria-label": t("dataEntry.timePicker.openPicker") ?? "Open time picker",
+            className: "text-muted-foreground hover:text-foreground inline-flex size-5 items-center justify-center rounded-sm opacity-70 transition-opacity hover:opacity-100",
+            children: /* @__PURE__ */ jsx(Clock, { className: "size-4", "aria-hidden": "true" })
+          }
+        ) }),
         onClick: () => {
           if (!disabled) setOpen(true);
         },
@@ -269,59 +280,30 @@ function TimePicker({
           setText(normalized ?? (isValidHhmm(value) ? value : ""));
         }
       }
-    ),
-    showClear ? /* @__PURE__ */ jsx(
-      Button,
+    ) }) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
       {
-        type: "button",
-        variant: "ghost",
-        size: "icon",
-        disabled,
-        tabIndex: -1,
-        "aria-label": t("common.clear") ?? "Clear",
-        className: "text-muted-foreground absolute inset-y-0 end-8 h-full px-2 hover:bg-transparent",
-        onClick: clear,
-        children: /* @__PURE__ */ jsx(X, { className: "size-4 shrink-0", "aria-hidden": "true" })
-      }
-    ) : null,
-    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          disabled,
-          tabIndex: -1,
-          "aria-label": t("dataEntry.timePicker.openPicker") ?? "Open time picker",
-          className: "text-muted-foreground absolute inset-y-0 end-0 h-full px-2 hover:bg-transparent",
-          children: /* @__PURE__ */ jsx(Clock, { className: "size-4 shrink-0", "aria-hidden": "true" })
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        PopoverContent,
-        {
-          className: "w-auto p-0",
-          align: "end",
-          onOpenAutoFocus: (event) => event.preventDefault(),
-          children: /* @__PURE__ */ jsx(
-            TimePickerPanel,
-            {
-              value: value || "09:00",
-              minuteStep,
-              use12h,
-              onChange: (next) => {
-                setValue(next);
-                setText(next);
-              },
-              onDone: () => {
-                setOpen(false);
-              }
+        className: "w-auto p-0",
+        align: "end",
+        onOpenAutoFocus: (event) => event.preventDefault(),
+        children: /* @__PURE__ */ jsx(
+          TimePickerPanel,
+          {
+            value: value || "09:00",
+            minuteStep,
+            use12h,
+            onChange: (next) => {
+              setValue(next);
+              setText(next);
+            },
+            onDone: () => {
+              setOpen(false);
             }
-          )
-        }
-      )
-    ] })
+          }
+        )
+      }
+    )
   ] });
 }
 export {

package/dist/components/data-entry/tree-select.js

@@ -185,19 +185,16 @@ function TreeSelectRoot({
         ),
         children: [
           /* @__PURE__ */ jsx("span", { className: "truncate", children: displayKeys.length ? displayLabel : resolvedPlaceholder }),
-          /* @__PURE__ */ jsxs("span", { className: "ms-2 flex shrink-0 items-center gap-1", children: [
-            allowClear && displayKeys.length > 0 && !disabled && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                "aria-label": t("dataEntry.treeSelect.clear"),
-                className: "flex size-4 items-center justify-center rounded-sm opacity-50 hover:opacity-100 focus-visible:opacity-100",
-                onClick: clearValue,
-                children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
-              }
-            ),
-            /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-4 opacity-50", "aria-hidden": "true" })
-          ] })
+          /* @__PURE__ */ jsx("span", { className: "ms-2 flex shrink-0 items-center", children: allowClear && displayKeys.length > 0 && !disabled ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": t("dataEntry.treeSelect.clear"),
+              className: "flex size-4 items-center justify-center rounded-sm opacity-50 hover:opacity-100 focus-visible:opacity-100",
+              onClick: clearValue,
+              children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
+            }
+          ) : /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-4 opacity-50", "aria-hidden": "true" }) })
         ]
       }
     ) }),

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

@@ -21,7 +21,6 @@ export { Separator } from "./separator";
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "../feedback/tooltip";
 export * from "./dropdown-menu";
 export * from "./input";
-export * from "./time-input";
 export * from "./label";
 export * from "./pagination";
 export * from "./password-strength";

package/dist/components/ui/index.js

@@ -21,7 +21,6 @@ import { Separator } from "./separator";
 import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "../feedback/tooltip";
 export * from "./dropdown-menu";
 export * from "./input";
-export * from "./time-input";
 export * from "./label";
 export * from "./pagination";
 export * from "./password-strength";

package/dist/styles/alert-layout.css

@@ -193,6 +193,14 @@
     border-radius: var(--skeleton-radius);
   }
 
+  /* Drop the self-frame inside a flush CardContent so the Card supplies the single
+   * border — mirrors `.ui-data-table-surface` so the skeleton placeholder and the
+   * real DataTable it swaps for sit identically (no nested double border). */
+  [data-slot="card-content"][data-flush] .ui-skeleton-table {
+    border-width: 0;
+    border-radius: 0;
+  }
+
   .ui-skeleton-table-head {
     display: flex;
     align-items: center;

package/dist/styles/navigation-layout.css

@@ -17,7 +17,6 @@
   .ui-context-menu-checkbox-item,
   .ui-context-menu-radio-item,
   .ui-context-menu-shortcut,
-  .ui-context-menu-content > div,
   .ui-menubar-item,
   .ui-menubar-label,
   .ui-menubar-trigger,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "15.0.1",
+  "version": "16.1.0",
   "type": "module",
   "packageManager": "pnpm@10.29.1",
   "sideEffects": false,

package/dist/components/data-entry/time-input.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-type TimeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue"> & {
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    step?: number;
-};
-export declare function TimeInput({ value: controlledValue, defaultValue, onValueChange, placeholder, step, className, name, id, ...props }: TimeInputProps): import("react/jsx-runtime").JSX.Element;
-export type { TimeInputProps };

package/dist/components/data-entry/time-input.js

@@ -1,137 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-import { isValidHhmm, normalizeHhmm } from "../../lib/datetime";
-function clampStep(step) {
-  if (!step || Number.isNaN(step)) return 1;
-  const parsed = Math.max(1, Math.floor(step));
-  if (!Number.isFinite(parsed)) return 1;
-  return Math.min(59, parsed);
-}
-function applyStep(value, step) {
-  const normalized = normalizeHhmm(value);
-  if (!normalized) return value;
-  const [hourText, minuteText] = normalized.split(":");
-  const hour = Number(hourText);
-  const minute = Number(minuteText);
-  const floored = Math.floor(minute / step) * step;
-  const safeMinute = Math.min(59, Math.max(0, floored));
-  return `${String(hour).padStart(2, "0")}:${String(safeMinute).padStart(2, "0")}`;
-}
-function maskTime(raw) {
-  const digits = raw.replace(/\D/g, "").slice(0, 4);
-  if (digits.length <= 2) return digits;
-  return `${digits.slice(0, 2)}:${digits.slice(2)}`;
-}
-function stepTime(value, deltaMinutes) {
-  const normalized = normalizeHhmm(value) ?? "00:00";
-  const [hourText, minuteText] = normalized.split(":");
-  const total = (Number(hourText) * 60 + Number(minuteText) + deltaMinutes + 24 * 60) % (24 * 60);
-  const hour = Math.floor(total / 60);
-  const minute = total % 60;
-  return `${String(hour).padStart(2, "0")}:${String(minute).padStart(2, "0")}`;
-}
-function TimeInput({
-  value: controlledValue,
-  defaultValue = "",
-  onValueChange,
-  placeholder,
-  step = 1,
-  className,
-  name,
-  id,
-  ...props
-}) {
-  const safeStep = clampStep(step);
-  const [internal, setInternal] = React.useState(defaultValue);
-  const [displayValue, setDisplayValue] = React.useState(controlledValue ?? defaultValue);
-  const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue ?? "" : internal;
-  React.useEffect(() => {
-    if (!isControlled) return;
-    setDisplayValue(controlledValue ?? "");
-  }, [controlledValue, isControlled]);
-  React.useEffect(() => {
-    if (isControlled) return;
-    setDisplayValue(internal);
-  }, [internal, isControlled]);
-  const commit = React.useCallback(
-    (next, fromBlur = false) => {
-      const normalized = normalizeHhmm(next);
-      if (!normalized) return;
-      const snapped = applyStep(normalized, safeStep);
-      if (!isControlled) {
-        setInternal(snapped);
-      }
-      if (isValidHhmm(snapped)) {
-        onValueChange?.(snapped);
-        setDisplayValue(snapped);
-      }
-      if (fromBlur && value !== snapped) {
-        onValueChange?.(snapped);
-      }
-    },
-    [isControlled, onValueChange, safeStep, value]
-  );
-  const valid = isValidHhmm(value);
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      id,
-      name,
-      value: displayValue,
-      "data-slot": "time-input",
-      className: cn("ui-time-input", className),
-      role: "spinbutton",
-      "aria-valuemin": 0,
-      "aria-valuemax": 24 * 60 - 1,
-      "aria-valuenow": valid ? Number(value.slice(0, 2)) * 60 + Number(value.slice(3, 5)) : void 0,
-      "aria-valuetext": valid ? value : void 0,
-      "aria-invalid": displayValue !== "" && !isValidHhmm(displayValue) ? "true" : void 0,
-      placeholder: placeholder ?? "HH:mm",
-      inputMode: "numeric",
-      autoComplete: "off",
-      ...props,
-      onChange: (event) => {
-        const masked = maskTime(event.target.value);
-        setDisplayValue(masked);
-        const normalized = normalizeHhmm(masked);
-        if (normalized) {
-          const snapped = applyStep(normalized, safeStep);
-          if (!isControlled) {
-            setInternal(snapped);
-          }
-          onValueChange?.(snapped);
-          setDisplayValue(snapped);
-        }
-        props.onChange?.(event);
-      },
-      onBlur: (event) => {
-        commit(event.target.value, true);
-        const normalized = normalizeHhmm(event.target.value);
-        if (!normalized) {
-          setDisplayValue(value);
-        }
-        props.onBlur?.(event);
-      },
-      onKeyDown: (event) => {
-        if (event.key === "Enter") {
-          commit(event.currentTarget.value, true);
-        } else if (event.key === "ArrowUp" || event.key === "ArrowDown") {
-          event.preventDefault();
-          const base = isValidHhmm(displayValue) ? displayValue : value || "00:00";
-          const next = stepTime(base, event.key === "ArrowUp" ? safeStep : -safeStep);
-          setDisplayValue(next);
-          if (!isControlled) {
-            setInternal(next);
-          }
-          onValueChange?.(next);
-        }
-        props.onKeyDown?.(event);
-      }
-    }
-  );
-}
-export {
-  TimeInput
-};

package/dist/components/ui/time-input.d.ts

@@ -1 +0,0 @@
-export * from "../data-entry/time-input";

package/dist/components/ui/time-input.js

@@ -1 +0,0 @@
-export * from "../data-entry/time-input";