@fangxinyan/lumina 0.6.14 → 0.6.16

package/dist/TimePicker-ZBJOXH3U.css

@@ -0,0 +1,151 @@
+/* ============ TimePicker ============ */
+.time-picker {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  min-width: 180px;
+}
+
+.time-picker.disabled {
+  opacity: 0.55;
+  pointer-events: none;
+}
+
+.time-picker.readonly .input-wrap {
+  cursor: default;
+}
+
+.time-picker .input-wrap {
+  width: 100%;
+}
+
+.time-picker.open .input-wrap {
+  box-shadow: var(--neu-shadow-inset);
+}
+
+.time-picker-panel {
+  position: fixed;
+  z-index: 1000;
+  width: 300px;
+  padding: 10px;
+  border-radius: var(--r-md);
+  background: var(--bg);
+  box-shadow:
+    0 calc(var(--shadow-offset) * 1.1) calc(var(--shadow-blur) * 1.3) color-mix(in oklch, var(--shadow-dark) 72%, transparent),
+    inset 0 0 0 1px var(--divider);
+  animation: menuIn var(--dur) var(--ease);
+}
+
+.time-picker-panel.without-second {
+  width: 228px;
+}
+
+.time-picker-columns {
+  position: relative;
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 0;
+  padding: 8px;
+  border-radius: var(--r-sm);
+  background: var(--bg);
+  box-shadow: inset 0 0 0 1px var(--divider);
+  overflow: hidden;
+}
+
+.time-picker-column + .time-picker-column {
+  border-left: 1px solid var(--divider);
+}
+
+.time-picker-panel.without-second .time-picker-columns {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.time-picker-column {
+  min-width: 0;
+}
+
+.time-picker-column-label {
+  height: 22px;
+  position: relative;
+  z-index: 1;
+  display: grid;
+  place-items: center;
+  font-size: var(--fs-xs);
+  font-weight: 700;
+  color: var(--fg-muted);
+}
+
+.time-picker-list {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  height: 166px;
+  overflow-y: auto;
+  padding: calc((166px - 30px) / 2) 8px;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+  scroll-padding: calc((166px - 30px) / 2) 0;
+  scrollbar-width: none;
+  -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%);
+  mask-image: linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%);
+}
+
+.time-picker-list::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+
+.time-picker-option {
+  position: relative;
+  z-index: 1;
+  flex: 0 0 30px;
+  width: 100%;
+  height: 30px;
+  border: none;
+  border-radius: 7px;
+  background: transparent;
+  color: var(--fg);
+  cursor: pointer;
+  font: 600 var(--fs-md) var(--font-mono);
+  transition:
+    color var(--dur-fast) var(--ease),
+    background var(--dur-fast) var(--ease),
+    box-shadow var(--dur-fast) var(--ease);
+}
+
+.time-picker-option:hover:not(:disabled) {
+  color: var(--accent-ink);
+  background: var(--bg);
+  box-shadow: var(--neu-shadow-subtle);
+}
+
+.time-picker-option.selected {
+  background: var(--bg);
+  color: var(--accent-ink);
+  box-shadow: var(--neu-shadow-subtle);
+}
+
+.time-picker-option:disabled {
+  color: var(--fg-subtle);
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+
+.time-picker-footer {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 8px;
+  padding: 8px 0 0;
+  border-top: 1px solid var(--divider);
+}
+
+.time-picker-footer-spacer {
+  flex: 1;
+  min-width: 0;
+}
+
+.time-picker-footer .btn {
+  min-width: 54px;
+}

package/dist/TimePicker.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunkSFEWMO45_cjs = require('./chunk-SFEWMO45.cjs');
+require('./chunk-YB3IWIOJ.cjs');
+require('./chunk-VS3I5OKA.cjs');
+require('./chunk-RZEFKXL3.cjs');
+require('./chunk-SW2HMNCA.cjs');
+require('./chunk-QMX67CVT.cjs');
+
+
+
+Object.defineProperty(exports, "TimePicker", {
+  enumerable: true,
+  get: function () { return chunkSFEWMO45_cjs.TimePicker; }
+});

package/dist/TimePicker.d.cts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+
+type TimePickerFormat = "HH:mm" | "HH:mm:ss";
+type TimePickerSize = "sm" | "md" | "lg";
+interface TimePickerValue {
+    hour: number;
+    minute: number;
+    second: number;
+}
+interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
+    /** Controlled time string. Use `null` for an empty picker. */
+    value?: string | null;
+    /** Initial time string when uncontrolled. */
+    defaultValue?: string | null;
+    /** Fires when the time changes or is cleared. */
+    onChange?: (value: string | null, time: TimePickerValue | null) => void;
+    /** Display and output format. */
+    format?: TimePickerFormat;
+    /** Show the seconds column. Overrides `format` display if true. */
+    showSecond?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    invalid?: boolean;
+    size?: TimePickerSize;
+    /** Show a clear button when a value is selected. */
+    allowClear?: boolean;
+    /** Selectable hour increment. Default 1. */
+    hourStep?: number;
+    /** Selectable minute increment. Default 1. */
+    minuteStep?: number;
+    /** Selectable second increment. Default 1. */
+    secondStep?: number;
+    /** Min selectable time, e.g. `"09:00"` or `"09:00:30"`. */
+    min?: string;
+    /** Max selectable time, e.g. `"18:30"` or `"18:30:00"`. */
+    max?: string;
+    /** Predicate that disables individual time values. */
+    disabledTime?: (time: TimePickerValue) => boolean;
+    /** Where the panel appears relative to the trigger. */
+    placement?: "top" | "bottom" | "left" | "right";
+    /** Controlled panel open state. */
+    open?: boolean;
+    /** Initial panel open state when uncontrolled. */
+    defaultOpen?: boolean;
+    /** Called when panel open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Class for the popped-out panel. */
+    popupClassName?: string;
+    /** Alias for `popupClassName`. */
+    dropdownClassName?: string;
+    className?: string;
+}
+/**
+ * `TimePicker` — time-of-day picker with hour / minute / optional second
+ * columns, string values, min/max constraints, and custom disabled times.
+ *
+ * @example
+ * <TimePicker value={time} onChange={setTime} minuteStep={15} />
+ */
+declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { TimePicker, type TimePickerFormat, type TimePickerProps, type TimePickerSize, type TimePickerValue };

package/dist/TimePicker.d.ts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+
+type TimePickerFormat = "HH:mm" | "HH:mm:ss";
+type TimePickerSize = "sm" | "md" | "lg";
+interface TimePickerValue {
+    hour: number;
+    minute: number;
+    second: number;
+}
+interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
+    /** Controlled time string. Use `null` for an empty picker. */
+    value?: string | null;
+    /** Initial time string when uncontrolled. */
+    defaultValue?: string | null;
+    /** Fires when the time changes or is cleared. */
+    onChange?: (value: string | null, time: TimePickerValue | null) => void;
+    /** Display and output format. */
+    format?: TimePickerFormat;
+    /** Show the seconds column. Overrides `format` display if true. */
+    showSecond?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    invalid?: boolean;
+    size?: TimePickerSize;
+    /** Show a clear button when a value is selected. */
+    allowClear?: boolean;
+    /** Selectable hour increment. Default 1. */
+    hourStep?: number;
+    /** Selectable minute increment. Default 1. */
+    minuteStep?: number;
+    /** Selectable second increment. Default 1. */
+    secondStep?: number;
+    /** Min selectable time, e.g. `"09:00"` or `"09:00:30"`. */
+    min?: string;
+    /** Max selectable time, e.g. `"18:30"` or `"18:30:00"`. */
+    max?: string;
+    /** Predicate that disables individual time values. */
+    disabledTime?: (time: TimePickerValue) => boolean;
+    /** Where the panel appears relative to the trigger. */
+    placement?: "top" | "bottom" | "left" | "right";
+    /** Controlled panel open state. */
+    open?: boolean;
+    /** Initial panel open state when uncontrolled. */
+    defaultOpen?: boolean;
+    /** Called when panel open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Class for the popped-out panel. */
+    popupClassName?: string;
+    /** Alias for `popupClassName`. */
+    dropdownClassName?: string;
+    className?: string;
+}
+/**
+ * `TimePicker` — time-of-day picker with hour / minute / optional second
+ * columns, string values, min/max constraints, and custom disabled times.
+ *
+ * @example
+ * <TimePicker value={time} onChange={setTime} minuteStep={15} />
+ */
+declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { TimePicker, type TimePickerFormat, type TimePickerProps, type TimePickerSize, type TimePickerValue };

package/dist/TimePicker.js

@@ -0,0 +1,6 @@
+export { TimePicker } from './chunk-DU4VSUBF.js';
+import './chunk-DUFRASGO.js';
+import './chunk-IOAOG5L7.js';
+import './chunk-S7IHWY24.js';
+import './chunk-IPSNC5VZ.js';
+import './chunk-FDZG27IG.js';