@neut/ui 0.0.15 → 0.0.17

package/dist/components/time-picker/TimePicker/time-picker.utils.js

@@ -0,0 +1,103 @@
+//#region src/components/time-picker/TimePicker/time-picker.utils.ts
+var e = {
+	hour: "Hour",
+	minute: "Minute",
+	second: "Second",
+	meridiem: "AM/PM"
+};
+function t(t) {
+	return e[t];
+}
+function n(e) {
+	return String(e).padStart(2, "0");
+}
+function r(e, t, n) {
+	let r = [], i = Math.max(1, Math.floor(n));
+	for (let n = e; n <= t; n += i) r.push(n);
+	return r;
+}
+function i(e) {
+	let t = ["hour", "minute"];
+	return e.showSeconds && t.push("second"), e.hourCycle === 12 && t.push("meridiem"), t;
+}
+function a(e) {
+	let t = (t) => new Intl.DateTimeFormat(e, {
+		hour: "numeric",
+		hour12: !0
+	}).formatToParts(new Date(2024, 0, 1, t)).find((e) => e.type === "dayPeriod")?.value;
+	return {
+		am: t(9) ?? "AM",
+		pm: t(21) ?? "PM"
+	};
+}
+function o(e, t) {
+	switch (e) {
+		case "hour": return t.hourCycle === 12 ? r(1, 12, t.hourStep).map((e) => ({
+			value: e,
+			label: n(e)
+		})) : r(0, 23, t.hourStep).map((e) => ({
+			value: e,
+			label: n(e)
+		}));
+		case "minute": return r(0, 59, t.minuteStep).map((e) => ({
+			value: e,
+			label: n(e)
+		}));
+		case "second": return r(0, 59, t.secondStep).map((e) => ({
+			value: e,
+			label: n(e)
+		}));
+		case "meridiem": {
+			let { am: e, pm: n } = a(t.locale);
+			return [{
+				value: "AM",
+				label: e
+			}, {
+				value: "PM",
+				label: n
+			}];
+		}
+	}
+}
+function s(e, t, n) {
+	if (e) switch (t) {
+		case "hour": {
+			let t = e.getHours();
+			return n === 12 ? t % 12 == 0 ? 12 : t % 12 : t;
+		}
+		case "minute": return e.getMinutes();
+		case "second": return e.getSeconds();
+		case "meridiem": return e.getHours() < 12 ? "AM" : "PM";
+	}
+}
+function c(e, t, n, r) {
+	let i = new Date(e.getTime());
+	switch (t) {
+		case "hour": {
+			let e = Number(n);
+			if (r === 12) {
+				let t = i.getHours() >= 12;
+				i.setHours(e % 12 + (t ? 12 : 0));
+			} else i.setHours(e);
+			return i;
+		}
+		case "minute": return i.setMinutes(Number(n)), i;
+		case "second": return i.setSeconds(Number(n)), i;
+		case "meridiem": {
+			let e = n === "PM";
+			return i.setHours(i.getHours() % 12 + (e ? 12 : 0)), i;
+		}
+	}
+}
+function l(e, t) {
+	let r = e.getHours(), i = e.getMinutes(), o = e.getSeconds(), s = t.showSeconds ? `:${n(o)}` : "";
+	if (t.hourCycle === 12) {
+		let { am: e, pm: o } = a(t.locale);
+		return `${r % 12 == 0 ? 12 : r % 12}:${n(i)}${s} ${r < 12 ? e : o}`;
+	}
+	return `${n(r)}:${n(i)}${s}`;
+}
+//#endregion
+export { l as formatTime, a as getMeridiemLabels, t as getUnitLabel, o as getUnitOptions, s as getUnitValue, i as getUnits, n as pad2, c as withUnit };
+
+//# sourceMappingURL=time-picker.utils.js.map

package/dist/components/time-picker/TimePicker/time-picker.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.utils.js","names":["UNIT_LABELS","getUnitLabel","unit","pad2","value","range","result","safeStep","step","start","end","getUnits","units","config","getMeridiemLabels","label","locale","hour","part","getUnitOptions","minute","second","am","pm","getUnitValue","date","hours","hourCycle","withUnit","next","display","isPm","formatTime","minutes","seconds","secondsPart"],"sources":["../../../../src/components/time-picker/TimePicker/time-picker.utils.ts"],"sourcesContent":["import type {\n  TimePickerHourCycle,\n  TimePickerMeridiem,\n  TimePickerOptionMeta,\n  TimePickerUnit,\n  TimePickerUnitValue,\n} from \"./TimePicker.types\";\n\n/** 生成列选项所需的已解析配置 */\nexport interface TimePickerConfig {\n  hourCycle: TimePickerHourCycle;\n  showSeconds: boolean;\n  hourStep: number;\n  minuteStep: number;\n  secondStep: number;\n  locale?: string;\n}\n\nconst UNIT_LABELS: Record<TimePickerUnit, string> = {\n  hour: \"Hour\",\n  minute: \"Minute\",\n  second: \"Second\",\n  meridiem: \"AM/PM\",\n};\n\n/** 列的无障碍名称(也是 aria-label 的默认值) */\nexport function getUnitLabel(unit: TimePickerUnit): string {\n  return UNIT_LABELS[unit];\n}\n\nexport function pad2(value: number): string {\n  return String(value).padStart(2, \"0\");\n}\n\n/** 闭区间 [start, end],步长至少为 1 */\nfunction range(start: number, end: number, step: number): number[] {\n  const result: number[] = [];\n  const safeStep = Math.max(1, Math.floor(step));\n  for (let value = start; value <= end; value += safeStep) {\n    result.push(value);\n  }\n  return result;\n}\n\nexport function getUnits(config: TimePickerConfig): TimePickerUnit[] {\n  const units: TimePickerUnit[] = [\"hour\", \"minute\"];\n  if (config.showSeconds) units.push(\"second\");\n  if (config.hourCycle === 12) units.push(\"meridiem\");\n  return units;\n}\n\n/**\n * AM/PM 文案走 Intl,避免硬编码英文;locale 缺失或取不到时回退 AM/PM。\n */\nexport function getMeridiemLabels(locale?: string): { am: string; pm: string } {\n  const label = (hour: number): string | undefined =>\n    new Intl.DateTimeFormat(locale, { hour: \"numeric\", hour12: true })\n      .formatToParts(new Date(2024, 0, 1, hour))\n      .find((part) => part.type === \"dayPeriod\")?.value;\n\n  return { am: label(9) ?? \"AM\", pm: label(21) ?? \"PM\" };\n}\n\nexport function getUnitOptions(\n  unit: TimePickerUnit,\n  config: TimePickerConfig,\n): TimePickerOptionMeta[] {\n  switch (unit) {\n    case \"hour\": {\n      // 12 小时制直接按展示值 1..12 生成,避免 24h→12h 映射后出现重复项\n      if (config.hourCycle === 12) {\n        return range(1, 12, config.hourStep).map((hour) => ({\n          value: hour,\n          label: pad2(hour),\n        }));\n      }\n      return range(0, 23, config.hourStep).map((hour) => ({\n        value: hour,\n        label: pad2(hour),\n      }));\n    }\n    case \"minute\":\n      return range(0, 59, config.minuteStep).map((minute) => ({\n        value: minute,\n        label: pad2(minute),\n      }));\n    case \"second\":\n      return range(0, 59, config.secondStep).map((second) => ({\n        value: second,\n        label: pad2(second),\n      }));\n    case \"meridiem\": {\n      const { am, pm } = getMeridiemLabels(config.locale);\n      return [\n        { value: \"AM\" as TimePickerMeridiem, label: am },\n        { value: \"PM\" as TimePickerMeridiem, label: pm },\n      ];\n    }\n  }\n}\n\n/** 读取当前值在某个单位列上的展示值 */\nexport function getUnitValue(\n  date: Date | undefined,\n  unit: TimePickerUnit,\n  hourCycle: TimePickerHourCycle,\n): TimePickerUnitValue | undefined {\n  if (!date) return undefined;\n  switch (unit) {\n    case \"hour\": {\n      const hours = date.getHours();\n      if (hourCycle === 12) return hours % 12 === 0 ? 12 : hours % 12;\n      return hours;\n    }\n    case \"minute\":\n      return date.getMinutes();\n    case \"second\":\n      return date.getSeconds();\n    case \"meridiem\":\n      return date.getHours() < 12 ? \"AM\" : \"PM\";\n  }\n}\n\n/** 把某个单位列的选择合并回 Date,其余字段保持不变 */\nexport function withUnit(\n  date: Date,\n  unit: TimePickerUnit,\n  value: TimePickerUnitValue,\n  hourCycle: TimePickerHourCycle,\n): Date {\n  const next = new Date(date.getTime());\n  switch (unit) {\n    case \"hour\": {\n      const display = Number(value);\n      if (hourCycle === 12) {\n        const isPm = next.getHours() >= 12;\n        next.setHours((display % 12) + (isPm ? 12 : 0));\n      } else {\n        next.setHours(display);\n      }\n      return next;\n    }\n    case \"minute\":\n      next.setMinutes(Number(value));\n      return next;\n    case \"second\":\n      next.setSeconds(Number(value));\n      return next;\n    case \"meridiem\": {\n      const isPm = value === \"PM\";\n      next.setHours((next.getHours() % 12) + (isPm ? 12 : 0));\n      return next;\n    }\n  }\n}\n\n/** 触发器默认的时间格式化 */\nexport function formatTime(date: Date, config: TimePickerConfig): string {\n  const hours = date.getHours();\n  const minutes = date.getMinutes();\n  const seconds = date.getSeconds();\n  const secondsPart = config.showSeconds ? `:${pad2(seconds)}` : \"\";\n\n  if (config.hourCycle === 12) {\n    const { am, pm } = getMeridiemLabels(config.locale);\n    const display = hours % 12 === 0 ? 12 : hours % 12;\n    return `${display}:${pad2(minutes)}${secondsPart} ${hours < 12 ? am : pm}`;\n  }\n\n  return `${pad2(hours)}:${pad2(minutes)}${secondsPart}`;\n}\n"],"mappings":"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"}

package/dist/components/time-picker/TimePickerColumn/TimePickerColumn.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'solid-js';
+import { TimePickerColumnProps } from './TimePickerColumn.types';
+/**
+ * 单个时间列:`role="listbox"` 的可滚动列表,选项是 `role="option"`。
+ *
+ * 焦点停在列本身,`aria-activedescendant` 指向选中项;这样列表是唯一可聚焦的
+ * 复合控件,方向键、Home/End、左右切换列都集中在 useTimePickerColumn 里。
+ * 原生滚动条隐藏,用与 Select 一致的上下箭头提示还有内容。
+ */
+export declare function TimePickerColumn(props: TimePickerColumnProps): JSX.Element;

package/dist/components/time-picker/TimePickerColumn/TimePickerColumn.js

@@ -0,0 +1,60 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { ScrollArrows as t } from "../../scroll-arrows/ScrollArrows.js";
+import { TimePickerOption as n } from "../TimePickerOption/TimePickerOption.js";
+import { useTimePickerContext as r } from "../TimePicker/TimePicker.context.js";
+import { useTimePickerColumn as i } from "./useTimePickerColumn.js";
+import { className as a, createComponent as o, effect as s, insert as c, setAttribute as l, template as u, use as d } from "solid-js/web";
+import { For as f } from "solid-js";
+//#region src/components/time-picker/TimePickerColumn/TimePickerColumn.tsx
+var p = /*#__PURE__*/ u("<div data-slot=time-picker-column><div role=listbox tabindex=0>");
+function m(u) {
+	let m = r("TimePickerColumn"), { options: h, selected: g, activeOptionId: _, optionId: v, listElement: y, attachList: b } = i(() => u), x = (e, t) => {
+		m.setUnitValue(u.unit, e, {
+			reason: "option-press",
+			event: t,
+			trigger: t.currentTarget
+		});
+	};
+	return (() => {
+		var r = p(), i = r.firstChild;
+		return d(b, i), c(i, o(f, {
+			get each() {
+				return h();
+			},
+			children: (e) => o(n, {
+				get id() {
+					return v(e.value);
+				},
+				get value() {
+					return e.value;
+				},
+				get selected() {
+					return g() === e.value;
+				},
+				onSelect: (t) => {
+					t && x(e.value, t);
+				},
+				get children() {
+					return e.label;
+				}
+			})
+		})), c(r, o(t, {
+			target: y,
+			upClass: "rounded-t-md",
+			downClass: "rounded-b-md"
+		}), null), s((t) => {
+			var n = u.unit, o = e("relative flex flex-col", u.class), s = u.label ?? m.getUnitLabel(u.unit), c = _(), d = e("h-52 w-12 overflow-y-auto overscroll-contain rounded-md p-1", "no-scrollbar [&::-webkit-scrollbar]:hidden", "outline-none focus-visible:ring-2 focus-visible:ring-ring/50");
+			return n !== t.e && l(r, "data-unit", t.e = n), o !== t.t && a(r, t.t = o), s !== t.a && l(i, "aria-label", t.a = s), c !== t.o && l(i, "aria-activedescendant", t.o = c), d !== t.i && a(i, t.i = d), t;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0
+		}), r;
+	})();
+}
+//#endregion
+export { m as TimePickerColumn };
+
+//# sourceMappingURL=TimePickerColumn.js.map

package/dist/components/time-picker/TimePickerColumn/TimePickerColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerColumn.js","names":["For","JSX","clsx","ScrollArrows","TimePickerOption","useTimePickerContext","TimePickerUnitValue","TimePickerColumnProps","useTimePickerColumn","TimePickerColumn","props","Element","ctx","options","selected","activeOptionId","optionId","listElement","attachList","selectOption","value","event","MouseEvent","currentTarget","HTMLDivElement","target","setUnitValue","unit","reason","trigger","_el$","_tmpl$","_el$2","firstChild","_$use","_$insert","_$createComponent","each","children","option","id","onSelect","label","upClass","downClass","_$effect","_p$","_v$","_v$2","class","_v$3","getUnitLabel","_v$4","_v$5","e","_$setAttribute","t","_$className","a","o","i","undefined","_$createComponent","_$setAttribute","_$className","_tmpl$","TimePickerColumn","ctx","useTimePickerContext","useTimePickerColumn","props","selectOption","value","event","_el$","_el$2","use","attachList","insert","createComponent","For","options","TimePickerOption","optionId","option","selected","ScrollArrows","listElement","effect","_v$","_v$2","clsx","_v$3","_v$4","activeOptionId","_v$5","_p$","setAttribute","className"],"sources":["../../../../src/components/time-picker/TimePickerColumn/TimePickerColumn.tsx"],"sourcesContent":["import { For, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { ScrollArrows } from \"~/components/scroll-arrows\";\nimport { TimePickerOption } from \"../TimePickerOption\";\nimport { useTimePickerContext } from \"../TimePicker/TimePicker.context\";\nimport type { TimePickerUnitValue } from \"../TimePicker/TimePicker.types\";\nimport type { TimePickerColumnProps } from \"./TimePickerColumn.types\";\nimport { useTimePickerColumn } from \"./useTimePickerColumn\";\n\n/**\n * 单个时间列:`role=\"listbox\"` 的可滚动列表,选项是 `role=\"option\"`。\n *\n * 焦点停在列本身,`aria-activedescendant` 指向选中项;这样列表是唯一可聚焦的\n * 复合控件,方向键、Home/End、左右切换列都集中在 useTimePickerColumn 里。\n * 原生滚动条隐藏,用与 Select 一致的上下箭头提示还有内容。\n */\nexport function TimePickerColumn(props: TimePickerColumnProps): JSX.Element {\n  const ctx = useTimePickerContext(\"TimePickerColumn\");\n  const {\n    options,\n    selected,\n    activeOptionId,\n    optionId,\n    listElement,\n    attachList,\n  } = useTimePickerColumn(() => props);\n\n  const selectOption = (\n    value: TimePickerUnitValue,\n    event: MouseEvent & { currentTarget: HTMLDivElement; target: Element },\n  ) => {\n    ctx.setUnitValue(props.unit, value, {\n      reason: \"option-press\",\n      event,\n      trigger: event.currentTarget,\n    });\n  };\n\n  return (\n    // 外层只做相对定位,供滚动箭头贴住列表上下沿;自身不滚动\n    <div\n      data-slot=\"time-picker-column\"\n      data-unit={props.unit}\n      class={clsx(\"relative flex flex-col\", props.class)}\n    >\n      <div\n        ref={attachList}\n        role=\"listbox\"\n        aria-label={props.label ?? ctx.getUnitLabel(props.unit)}\n        aria-activedescendant={activeOptionId()}\n        tabIndex={0}\n        class={clsx(\n          \"h-52 w-12 overflow-y-auto overscroll-contain rounded-md p-1\",\n          \"no-scrollbar [&::-webkit-scrollbar]:hidden\",\n          \"outline-none focus-visible:ring-2 focus-visible:ring-ring/50\",\n        )}\n      >\n        <For each={options()}>\n          {(option) => (\n            <TimePickerOption\n              id={optionId(option.value)}\n              value={option.value}\n              selected={selected() === option.value}\n              onSelect={(event) => {\n                if (event) selectOption(option.value, event);\n              }}\n            >\n              {option.label}\n            </TimePickerOption>\n          )}\n        </For>\n      </div>\n      <ScrollArrows\n        target={listElement}\n        upClass=\"rounded-t-md\"\n        downClass=\"rounded-b-md\"\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgBS,EAAiBC,GAA2C;CAC1E,IAAME,IAAMP,EAAqB,kBAAkB,GAC7C,EACJQ,YACAC,aACAC,mBACAC,aACAC,gBACAC,kBACEV,QAA0BE,CAAK,GAE7BS,KACJC,GACAC,MACG;EACHT,EAAIc,aAAahB,EAAMiB,MAAMP,GAAO;GAClCQ,QAAQ;GACRP;GACAQ,SAASR,EAAME;EACjB,CAAC;CACH;CAEA,cACE;EAAA,IAAAO,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAgBK,OAhBLC,EAOShB,GAAUc,CAAA,GAAAG,EAAAH,GAAAI,EAWdpC,GAAG;GAAA,IAACqC,OAAI;IAAA,OAAExB,EAAQ;GAAC;GAAAyB,WAChBC,MAAMH,EACLhC,GAAgB;IAAA,IACfoC,KAAE;KAAA,OAAExB,EAASuB,EAAOnB,KAAK;IAAC;IAAA,IAC1BA,QAAK;KAAA,OAAEmB,EAAOnB;IAAK;IAAA,IACnBN,WAAQ;KAAA,OAAEA,EAAS,MAAMyB,EAAOnB;IAAK;IACrCqB,WAAWpB,MAAU;KACnB,AAAIA,KAAOF,EAAaoB,EAAOnB,OAAOC,CAAK;IAC7C;IAAC,IAAAiB,WAAA;KAAA,OAEAC,EAAOG;IAAK;GAAA,CAAA;EAEhB,CAAA,CAAA,GAAAP,EAAAL,GAAAM,EAGJjC,GAAY;GACXsB,QAAQR;GACR0B,SAAO;GACPC,WAAS;EAAA,CAAA,GAAA,IAAA,GAAAC,GAAAC,MAAA;GAAA,IAAAC,IAjCArC,EAAMiB,MAAIqB,IACd9C,EAAK,0BAA0BQ,EAAMuC,KAAK,GAACC,IAKpCxC,EAAMgC,SAAS9B,EAAIuC,aAAazC,EAAMiB,IAAI,GAACyB,IAChCrC,EAAe,GAACsC,IAEhCnD,EACL,+DACA,8CACA,8DACF;GAAC,OAAA6C,MAAAD,EAAAQ,KAAAC,EAAAzB,GAAA,aAAAgB,EAAAQ,IAAAP,CAAA,GAAAC,MAAAF,EAAAU,KAAAC,EAAA3B,GAAAgB,EAAAU,IAAAR,CAAA,GAAAE,MAAAJ,EAAAY,KAAAH,EAAAvB,GAAA,cAAAc,EAAAY,IAAAR,CAAA,GAAAE,MAAAN,EAAAa,KAAAJ,EAAAvB,GAAA,yBAAAc,EAAAa,IAAAP,CAAA,GAAAC,MAAAP,EAAAc,KAAAH,EAAAzB,GAAAc,EAAAc,IAAAP,CAAA,GAAAP;EAAA,GAAA;GAAAQ,GAAAO,KAAAA;GAAAL,GAAAK,KAAAA;GAAAH,GAAAG,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAA/B;CAAA,EAAA,CAAA;AAwBT"}

package/dist/components/time-picker/TimePickerColumn/TimePickerColumn.types.d.ts

@@ -0,0 +1,8 @@
+import { BaseProps } from '../../../types';
+import { TimePickerUnit } from '../TimePicker/TimePicker.types';
+export interface TimePickerColumnProps extends BaseProps {
+    /** 该列对应的单位 */
+    unit: TimePickerUnit;
+    /** listbox 的 aria-label;缺省取单位名称(Hour/Minute/...) */
+    label?: string;
+}

package/dist/components/time-picker/TimePickerColumn/index.d.ts

@@ -0,0 +1,2 @@
+export { TimePickerColumn } from './TimePickerColumn';
+export type { TimePickerColumnProps } from './TimePickerColumn.types';

package/dist/components/time-picker/TimePickerColumn/useTimePickerColumn.d.ts

@@ -0,0 +1,16 @@
+import { TimePickerOptionMeta, TimePickerUnitValue } from '../TimePicker/TimePicker.types';
+import { TimePickerColumnProps } from './TimePickerColumn.types';
+/**
+ * 单列 listbox 的交互算法:选项派生、选中值、跨列方向键、键盘提交、滚动入视。
+ *
+ * 焦点始终停留在列(listbox)自身,高亮/选中通过 `aria-activedescendant` 表达;
+ * 由于选项与高亮合一(方向键移动即提交),selected 与 active 是同一个值。
+ */
+export declare function useTimePickerColumn(props: () => TimePickerColumnProps): {
+    options: import('solid-js').Accessor<TimePickerOptionMeta[]>;
+    selected: import('solid-js').Accessor<TimePickerUnitValue | undefined>;
+    activeOptionId: import('solid-js').Accessor<string | undefined>;
+    optionId: (value: TimePickerUnitValue) => string;
+    listElement: import('solid-js').Accessor<HTMLElement | undefined>;
+    attachList: (element: HTMLElement) => void;
+};

package/dist/components/time-picker/TimePickerColumn/useTimePickerColumn.js

@@ -0,0 +1,75 @@
+import { useTimePickerContext as e } from "../TimePicker/TimePicker.context.js";
+import { createEffect as t, createMemo as n, createSignal as r, createUniqueId as i, onCleanup as a } from "solid-js";
+//#region src/components/time-picker/TimePickerColumn/useTimePickerColumn.ts
+function o(o) {
+	let s = e("TimePickerColumn"), c = i(), [l, u] = r(), d = n(() => s.getOptions(o().unit)), f = n(() => s.getUnitValue(o().unit)), p = (e) => `${c}-${String(e)}`, m = n(() => {
+		let e = f();
+		if (e !== void 0) return d().some((t) => t.value === e) ? p(e) : void 0;
+	}), h = (e, t) => {
+		s.setUnitValue(o().unit, e, {
+			reason: "keyboard",
+			event: t,
+			trigger: l()
+		});
+	}, g = (e, t) => {
+		let n = d();
+		if (n.length === 0) return;
+		let r = n.findIndex((e) => e.value === f()), i = r === -1 ? e === 1 ? 0 : n.length - 1 : (r + e + n.length) % n.length;
+		h(n[i].value, t);
+	}, _ = (e) => {
+		let t = s.units(), n = t.indexOf(o().unit);
+		if (n === -1) return;
+		let r = t[(n + (s.dir() === "rtl" ? -e : e) + t.length) % t.length];
+		r && (s.setActiveUnit(r), s.getColumnElement(r)?.focus());
+	}, v = (e) => {
+		if (!(s.disabled() || s.readOnly())) switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), g(1, e);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), g(-1, e);
+				break;
+			case "Home": {
+				e.preventDefault();
+				let t = d()[0];
+				t && h(t.value, e);
+				break;
+			}
+			case "End": {
+				e.preventDefault();
+				let t = d(), n = t[t.length - 1];
+				n && h(n.value, e);
+				break;
+			}
+			case "ArrowRight":
+				e.preventDefault(), _(1);
+				break;
+			case "ArrowLeft":
+				e.preventDefault(), _(-1);
+				break;
+			case "Enter":
+			case " ": e.preventDefault();
+		}
+	};
+	return t(() => {
+		let e = f(), t = l();
+		e !== void 0 && t && t.querySelector(`[data-value="${CSS.escape(String(e))}"]`)?.scrollIntoView({ block: "nearest" });
+	}), {
+		options: d,
+		selected: f,
+		activeOptionId: m,
+		optionId: p,
+		listElement: l,
+		attachList: (e) => {
+			u(e);
+			let t = s.registerColumn(o().unit, e), n = () => s.setActiveUnit(o().unit);
+			e.addEventListener("keydown", v), e.addEventListener("focus", n), a(() => {
+				e.removeEventListener("keydown", v), e.removeEventListener("focus", n), t();
+			});
+		}
+	};
+}
+//#endregion
+export { o as useTimePickerColumn };
+
+//# sourceMappingURL=useTimePickerColumn.js.map

package/dist/components/time-picker/TimePickerColumn/useTimePickerColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimePickerColumn.js","names":["useTimePickerColumn","ctx","useTimePickerContext","columnId","createUniqueId","listElement","setListElement","createSignal","options","createMemo","props","selected","optionId","value","activeOptionId","option","commit","move","list","index","nextIndex","direction","event","moveColumn","units","next","onKeyDown","first","last","createEffect","element","unregister","onFocus","onCleanup"],"sources":["../../../../src/components/time-picker/TimePickerColumn/useTimePickerColumn.ts"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n} from \"solid-js\";\nimport { useTimePickerContext } from \"../TimePicker/TimePicker.context\";\nimport type {\n  TimePickerOptionMeta,\n  TimePickerUnitValue,\n} from \"../TimePicker/TimePicker.types\";\nimport type { TimePickerColumnProps } from \"./TimePickerColumn.types\";\n\n/**\n * 单列 listbox 的交互算法:选项派生、选中值、跨列方向键、键盘提交、滚动入视。\n *\n * 焦点始终停留在列(listbox)自身,高亮/选中通过 `aria-activedescendant` 表达;\n * 由于选项与高亮合一(方向键移动即提交),selected 与 active 是同一个值。\n */\nexport function useTimePickerColumn(props: () => TimePickerColumnProps) {\n  const ctx = useTimePickerContext(\"TimePickerColumn\");\n  const columnId = createUniqueId();\n  const [listElement, setListElement] = createSignal<HTMLElement>();\n\n  const options = createMemo<TimePickerOptionMeta[]>(() =>\n    ctx.getOptions(props().unit),\n  );\n  const selected = createMemo<TimePickerUnitValue | undefined>(() =>\n    ctx.getUnitValue(props().unit),\n  );\n\n  const optionId = (value: TimePickerUnitValue) =>\n    `${columnId}-${String(value)}`;\n\n  // 当前值可能不在步长上(如 minuteStep=15 而值的分钟是 7),\n  // 此时找不到对应选项,不做 dangling 的 aria-activedescendant。\n  const activeOptionId = createMemo(() => {\n    const value = selected();\n    if (value === undefined) return undefined;\n    return options().some((option) => option.value === value)\n      ? optionId(value)\n      : undefined;\n  });\n\n  const commit = (value: TimePickerUnitValue, event: Event): void => {\n    ctx.setUnitValue(props().unit, value, {\n      reason: \"keyboard\",\n      event,\n      trigger: listElement(),\n    });\n  };\n\n  const move = (direction: 1 | -1, event: Event) => {\n    const list = options();\n    if (list.length === 0) return;\n    const index = list.findIndex((option) => option.value === selected());\n    const nextIndex =\n      index === -1\n        ? direction === 1\n          ? 0\n          : list.length - 1\n        : (index + direction + list.length) % list.length;\n    commit(list[nextIndex].value, event);\n  };\n\n  const moveColumn = (direction: 1 | -1) => {\n    const units = ctx.units();\n    const index = units.indexOf(props().unit);\n    if (index === -1) return;\n    const step = ctx.dir() === \"rtl\" ? -direction : direction;\n    const next = units[(index + step + units.length) % units.length];\n    if (!next) return;\n    ctx.setActiveUnit(next);\n    ctx.getColumnElement(next)?.focus();\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (ctx.disabled() || ctx.readOnly()) return;\n    switch (event.key) {\n      case \"ArrowDown\":\n        event.preventDefault();\n        move(1, event);\n        break;\n      case \"ArrowUp\":\n        event.preventDefault();\n        move(-1, event);\n        break;\n      case \"Home\": {\n        event.preventDefault();\n        const first = options()[0];\n        if (first) commit(first.value, event);\n        break;\n      }\n      case \"End\": {\n        event.preventDefault();\n        const list = options();\n        const last = list[list.length - 1];\n        if (last) commit(last.value, event);\n        break;\n      }\n      case \"ArrowRight\":\n        event.preventDefault();\n        moveColumn(1);\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        moveColumn(-1);\n        break;\n      case \"Enter\":\n      case \" \":\n        // 移动即提交,这里只需阻止空格滚动页面\n        event.preventDefault();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const attachList = (element: HTMLElement) => {\n    setListElement(element);\n    const unregister = ctx.registerColumn(props().unit, element);\n    const onFocus = () => ctx.setActiveUnit(props().unit);\n\n    element.addEventListener(\"keydown\", onKeyDown);\n    element.addEventListener(\"focus\", onFocus);\n    onCleanup(() => {\n      element.removeEventListener(\"keydown\", onKeyDown);\n      element.removeEventListener(\"focus\", onFocus);\n      unregister();\n    });\n  };\n\n  // 选中值变化(含首次挂载)时把对应选项滚入视野\n  createEffect(() => {\n    const value = selected();\n    const element = listElement();\n    if (value === undefined || !element) return;\n    element\n      .querySelector<HTMLElement>(`[data-value=\"${CSS.escape(String(value))}\"]`)\n      ?.scrollIntoView({ block: \"nearest\" });\n  });\n\n  return {\n    options,\n    selected,\n    activeOptionId,\n    optionId,\n    listElement,\n    attachList,\n  };\n}\n"],"mappings":"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"}

package/dist/components/time-picker/TimePickerContent/TimePickerContent.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'solid-js';
+import { TimePickerContentProps } from './TimePickerContent.types';
+/**
+ * TimePicker 的浮层:复用 <PopoverContent> 的定位/动画/外部点击与 Esc 关闭,
+ * 内部按 `ctx.units()` 渲染各时间列。打开时把焦点移入第一列,键盘可直接操作。
+ */
+export declare function TimePickerContent(props: TimePickerContentProps): JSX.Element;

package/dist/components/time-picker/TimePickerContent/TimePickerContent.js

@@ -0,0 +1,48 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { PopoverContent as t } from "../../popover/PopoverContent/PopoverContent.js";
+import { useTimePickerContext as n } from "../TimePicker/TimePicker.context.js";
+import { TimePickerColumn as r } from "../TimePickerColumn/TimePickerColumn.js";
+import { createComponent as i, effect as a, insert as o, mergeProps as s, setAttribute as c, template as l, use as u } from "solid-js/web";
+import { For as d, splitProps as f } from "solid-js";
+//#region src/components/time-picker/TimePickerContent/TimePickerContent.tsx
+var p = /*#__PURE__*/ l("<div data-slot=time-picker-columns class=\"flex items-start gap-1\">");
+function m(l) {
+	let m = n("TimePickerContent"), [h, g] = f(l, [
+		"side",
+		"align",
+		"sideOffset",
+		"class",
+		"children"
+	]), _ = () => {
+		requestAnimationFrame(() => {
+			let e = m.units()[0];
+			e && (m.setActiveUnit(e), m.getColumnElement(e)?.focus());
+		});
+	};
+	return i(t, s({
+		get side() {
+			return h.side ?? "bottom";
+		},
+		get align() {
+			return h.align ?? "start";
+		},
+		get sideOffset() {
+			return h.sideOffset;
+		},
+		get class() {
+			return e("w-auto p-2", h.class);
+		}
+	}, g, { get children() {
+		var e = p();
+		return u(_, e), o(e, () => h.children ?? i(d, {
+			get each() {
+				return m.units();
+			},
+			children: (e) => i(r, { unit: e })
+		})), a(() => c(e, "dir", m.dir())), e;
+	} }));
+}
+//#endregion
+export { m as TimePickerContent };
+
+//# sourceMappingURL=TimePickerContent.js.map

package/dist/components/time-picker/TimePickerContent/TimePickerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerContent.js","names":["For","splitProps","JSX","PopoverContent","clsx","TimePickerColumn","useTimePickerContext","TimePickerContentProps","TimePickerContent","props","Element","ctx","local","rest","focusFirstColumn","requestAnimationFrame","first","units","setActiveUnit","getColumnElement","focus","_$createComponent","_$mergeProps","side","align","sideOffset","class","children","_el$","_tmpl$","_$use","_$insert","each","unit","_$effect","_$setAttribute","dir","_$createComponent","_$mergeProps","_$setAttribute","_tmpl$","TimePickerContent","ctx","useTimePickerContext","local","rest","splitProps","props","focusFirstColumn","first","createComponent","PopoverContent","mergeProps","\"class\"","clsx","_el$","use","insert","For","TimePickerColumn","effect","setAttribute"],"sources":["../../../../src/components/time-picker/TimePickerContent/TimePickerContent.tsx"],"sourcesContent":["import { For, splitProps, type JSX } from \"solid-js\";\nimport { PopoverContent } from \"~/components/popover\";\nimport { clsx } from \"~/utils\";\nimport { TimePickerColumn } from \"../TimePickerColumn\";\nimport { useTimePickerContext } from \"../TimePicker/TimePicker.context\";\nimport type { TimePickerContentProps } from \"./TimePickerContent.types\";\n\n/**\n * TimePicker 的浮层:复用 <PopoverContent> 的定位/动画/外部点击与 Esc 关闭,\n * 内部按 `ctx.units()` 渲染各时间列。打开时把焦点移入第一列,键盘可直接操作。\n */\nexport function TimePickerContent(props: TimePickerContentProps): JSX.Element {\n  const ctx = useTimePickerContext(\"TimePickerContent\");\n  const [local, rest] = splitProps(props, [\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"class\",\n    \"children\",\n  ]);\n\n  // 列容器只在浮层打开时创建(PopoverContent 内部有 <Show> + Portal),\n  // 因此 ref 回调恰好每次打开触发一次,可以安全地把焦点移入第一列。\n  const focusFirstColumn = () => {\n    requestAnimationFrame(() => {\n      const first = ctx.units()[0];\n      if (!first) return;\n      ctx.setActiveUnit(first);\n      ctx.getColumnElement(first)?.focus();\n    });\n  };\n\n  return (\n    <PopoverContent\n      side={local.side ?? \"bottom\"}\n      align={local.align ?? \"start\"}\n      sideOffset={local.sideOffset}\n      class={clsx(\"w-auto p-2\", local.class)}\n      {...rest}\n    >\n      <div\n        ref={focusFirstColumn}\n        data-slot=\"time-picker-columns\"\n        dir={ctx.dir()}\n        class=\"flex items-start gap-1\"\n      >\n        {local.children ?? (\n          <For each={ctx.units()}>\n            {(unit) => <TimePickerColumn unit={unit} />}\n          </For>\n        )}\n      </div>\n    </PopoverContent>\n  );\n}\n"],"mappings":";;;;;;;;AAWA,SAAgBQ,EAAkBC,GAA4C;CAC5E,IAAME,IAAML,EAAqB,mBAAmB,GAC9C,CAACM,GAAOC,KAAQZ,EAAWQ,GAAO;EACtC;EACA;EACA;EACA;EACA;CAAU,CACX,GAIKK,UAAyB;EAC7BC,4BAA4B;GAC1B,IAAMC,IAAQL,EAAIM,MAAM,CAAC,CAAC;GAC1B,AAAKD,MACLL,EAAIO,cAAcF,CAAK,GACvBL,EAAIQ,iBAAiBH,CAAK,CAAC,EAAEI,MAAM;EACrC,CAAC;CACH;CAEA,OAAAC,EACGlB,GAAcmB,EAAA;EAAA,IACbC,OAAI;GAAA,OAAEX,EAAMW,QAAQ;EAAQ;EAAA,IAC5BC,QAAK;GAAA,OAAEZ,EAAMY,SAAS;EAAO;EAAA,IAC7BC,aAAU;GAAA,OAAEb,EAAMa;EAAU;EAAA,IAAA4B,QAAA;GAAA,OACrBjD,EAAK,cAAcQ,EAAMc,KAAK;EAAC;CAAA,GAClCb,GAAI,EAAA,IAAAc,WAAA;EAAA,IAAAC,IAAAC,EAAA;EAKQ,OALRC,EAGDhB,GAAgBc,CAAA,GAAAG,EAAAH,SAKpBhB,EAAMe,YAAQN,EACZrB,GAAG;GAAA,IAACgC,OAAI;IAAA,OAAErB,EAAIM,MAAM;GAAC;GAAAU,WAClBM,MAAIZ,EAAMhB,GAAgB,EAAO4B,QAAI,CAAA;EAAI,CAAA,CAE9C,GAAAC,QAAAC,EAAAP,GAAA,OAPIjB,EAAIyB,IAAI,CAAC,CAAA,GAAAR;CAAA,EAAA,CAAA,CAAA;AAWtB"}

package/dist/components/time-picker/TimePickerContent/TimePickerContent.types.d.ts

@@ -0,0 +1,11 @@
+import { ParentProps } from 'solid-js';
+import { PopoverSide } from '../../popover';
+import { BaseProps } from '../../../types';
+export interface TimePickerContentProps extends BaseProps, ParentProps {
+    /** 贴触发器的哪一侧,默认 'bottom' */
+    side?: PopoverSide;
+    /** 水平对齐,默认 'start' */
+    align?: "start" | "center" | "end";
+    /** 与触发器之间的间距(像素) */
+    sideOffset?: number;
+}

package/dist/components/time-picker/TimePickerContent/index.d.ts

@@ -0,0 +1,2 @@
+export { TimePickerContent } from './TimePickerContent';
+export type { TimePickerContentProps } from './TimePickerContent.types';

package/dist/components/time-picker/TimePickerOption/TimePickerOption.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'solid-js';
+import { TimePickerOptionProps } from './TimePickerOption.types';
+/**
+ * 时间列里的一项,渲染为 `role="option"`。
+ *
+ * 焦点在列(listbox)上,选项自身不可聚焦,交互由调用方通过 `onSelect` 处理;
+ * 状态通过 data-selected / data-disabled 暴露给样式。
+ */
+export declare function TimePickerOption(props: TimePickerOptionProps): JSX.Element;

package/dist/components/time-picker/TimePickerOption/TimePickerOption.js

@@ -0,0 +1,52 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { insert as t, mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { splitProps as a } from "solid-js";
+//#region src/components/time-picker/TimePickerOption/TimePickerOption.tsx
+var o = /*#__PURE__*/ i("<div>");
+function s(i) {
+	let [s, c] = a(i, [
+		"value",
+		"id",
+		"selected",
+		"disabled",
+		"class",
+		"children",
+		"onSelect"
+	]);
+	return (() => {
+		var i = o();
+		return r(i, n(c, {
+			get id() {
+				return s.id;
+			},
+			role: "option",
+			tabIndex: -1,
+			get "aria-selected"() {
+				return s.selected;
+			},
+			get "aria-disabled"() {
+				return s.disabled;
+			},
+			get "data-value"() {
+				return String(s.value);
+			},
+			get "data-selected"() {
+				return s.selected ? "true" : void 0;
+			},
+			get "data-highlighted"() {
+				return s.selected ? "true" : void 0;
+			},
+			get "data-disabled"() {
+				return s.disabled ? "" : void 0;
+			},
+			get class() {
+				return e("flex h-8 w-full cursor-pointer items-center justify-center rounded-md text-sm tabular-nums select-none", "hover:bg-muted", "data-[selected=true]:bg-primary data-[selected=true]:text-primary-foreground data-[selected=true]:hover:bg-primary", "data-disabled:pointer-events-none data-disabled:opacity-50", s.class);
+			},
+			onClick: (e) => s.onSelect?.(e)
+		}), !1, !0), t(i, () => s.children ?? String(s.value)), i;
+	})();
+}
+//#endregion
+export { s as TimePickerOption };
+
+//# sourceMappingURL=TimePickerOption.js.map

package/dist/components/time-picker/TimePickerOption/TimePickerOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerOption.js","names":["splitProps","JSX","clsx","TimePickerOptionProps","TimePickerOption","props","Element","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","id","aria-selected","selected","aria-disabled","disabled","data-value","String","value","data-selected","undefined","data-highlighted","data-disabled","class","event","onSelect","_$insert","children","_$mergeProps","_tmpl$","TimePickerOption","local","rest","splitProps","props","_el$","spread","mergeProps","\"role\"","\"tabIndex\"","\"class\"","clsx","\"onClick\"","event","insert"],"sources":["../../../../src/components/time-picker/TimePickerOption/TimePickerOption.tsx"],"sourcesContent":["import { splitProps, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { TimePickerOptionProps } from \"./TimePickerOption.types\";\n\n/**\n * 时间列里的一项,渲染为 `role=\"option\"`。\n *\n * 焦点在列(listbox)上,选项自身不可聚焦,交互由调用方通过 `onSelect` 处理;\n * 状态通过 data-selected / data-disabled 暴露给样式。\n */\nexport function TimePickerOption(props: TimePickerOptionProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"id\",\n    \"selected\",\n    \"disabled\",\n    \"class\",\n    \"children\",\n    \"onSelect\",\n  ]);\n\n  return (\n    <div\n      {...rest}\n      id={local.id}\n      role=\"option\"\n      tabIndex={-1}\n      aria-selected={local.selected}\n      aria-disabled={local.disabled}\n      data-value={String(local.value)}\n      data-selected={local.selected ? \"true\" : undefined}\n      data-highlighted={local.selected ? \"true\" : undefined}\n      data-disabled={local.disabled ? \"\" : undefined}\n      class={clsx(\n        \"flex h-8 w-full cursor-pointer items-center justify-center rounded-md text-sm tabular-nums select-none\",\n        \"hover:bg-muted\",\n        \"data-[selected=true]:bg-primary data-[selected=true]:text-primary-foreground data-[selected=true]:hover:bg-primary\",\n        \"data-disabled:pointer-events-none data-disabled:opacity-50\",\n        local.class,\n      )}\n      onClick={(event) => local.onSelect?.(event)}\n    >\n      {local.children ?? String(local.value)}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgBI,EAAiBC,GAA2C;CAC1E,IAAM,CAACE,GAAOC,KAAQR,EAAWK,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAqB0C,OArB1CC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,IACRK,KAAE;IAAA,OAAEN,EAAMM;GAAE;GAAA2B,MACP;GAAQC,UAAA;GAAA,IAAA,kBAAA;IAAA,OAEElC,EAAMQ;GAAQ;GAAA,IAAA,kBAAA;IAAA,OACdR,EAAMU;GAAQ;GAAA,IAAA,eAAA;IAAA,OACjBE,OAAOZ,EAAMa,KAAK;GAAC;GAAA,IAAA,kBAAA;IAAA,OAChBb,EAAMQ,WAAW,SAASO,KAAAA;GAAS;GAAA,IAAA,qBAAA;IAAA,OAChCf,EAAMQ,WAAW,SAASO,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OACtCf,EAAMU,WAAW,KAAKK,KAAAA;GAAS;GAAA,IAAAoB,QAAA;IAAA,OACvCxC,EACL,0GACA,kBACA,sHACA,8DACAK,EAAMkB,KACR;GAAC;GAAAmB,UACSlB,MAAUnB,EAAMoB,WAAWD,CAAK;EAAC,CAAA,GAAA,IAAA,EAAA,GAAAE,EAAAnB,SAE1CF,EAAMsB,YAAYV,OAAOZ,EAAMa,KAAK,CAAC,GAAAX;CAAA,EAAA,CAAA;AAG5C"}

package/dist/components/time-picker/TimePickerOption/TimePickerOption.types.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'solid-js';
+import { BaseProps, MouseEventHandler } from '../../../types';
+import { TimePickerUnitValue } from '../TimePicker/TimePicker.types';
+export interface TimePickerOptionProps extends BaseProps {
+    value: TimePickerUnitValue;
+    id?: string;
+    selected?: boolean;
+    disabled?: boolean;
+    children?: JSX.Element;
+    onSelect?: MouseEventHandler<"div">;
+}

package/dist/components/time-picker/TimePickerOption/index.d.ts

@@ -0,0 +1,2 @@
+export { TimePickerOption } from './TimePickerOption';
+export type { TimePickerOptionProps } from './TimePickerOption.types';

package/dist/components/time-picker/TimePickerTrigger/TimePickerTrigger.d.ts

@@ -0,0 +1,9 @@
+import { ValidComponent } from 'solid-js';
+import { Button } from '../../button';
+import { TimePickerTriggerProps } from './TimePickerTrigger.types';
+/**
+ * TimePicker 的触发器:复用 <PopoverTrigger> 的按钮语义与 ARIA
+ * (`aria-haspopup` / `aria-expanded` / `aria-controls`)与浮层引用注册,
+ * 只负责把当前时间格式化成展示文本。默认标签是 Button,可用 `component` 替换。
+ */
+export declare function TimePickerTrigger<T extends ValidComponent = typeof Button<"button">>(props: TimePickerTriggerProps<T>): import('solid-js').JSX.Element;

package/dist/components/time-picker/TimePickerTrigger/TimePickerTrigger.js

@@ -0,0 +1,37 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { PopoverTrigger as t } from "../../popover/PopoverTrigger/PopoverTrigger.js";
+import { useTimePickerContext as n } from "../TimePicker/TimePicker.context.js";
+import { createComponent as r, insert as i, mergeProps as a, template as o } from "solid-js/web";
+import { Clock as s } from "lucide-solid";
+//#region src/components/time-picker/TimePickerTrigger/TimePickerTrigger.tsx
+var c = /*#__PURE__*/ o("<span class=truncate>");
+function l(o) {
+	let l = n("TimePickerTrigger"), u = () => {
+		let e = l.value();
+		return e ? l.formatTime(e) : l.placeholder() ?? "Pick a time";
+	};
+	return r(t, a(o, {
+		get variant() {
+			return o.variant ?? "outline";
+		},
+		get disabled() {
+			return l.disabled() || o.disabled;
+		},
+		get "data-empty"() {
+			return l.value() === void 0 ? "true" : "false";
+		},
+		get class() {
+			return e("w-40 justify-between text-left font-normal tabular-nums", "data-[empty=true]:text-muted-foreground", o.class);
+		},
+		get children() {
+			return [(() => {
+				var e = c();
+				return i(e, u), e;
+			})(), r(s, { "data-icon": "inline-end" })];
+		}
+	}));
+}
+//#endregion
+export { l as TimePickerTrigger };
+
+//# sourceMappingURL=TimePickerTrigger.js.map

package/dist/components/time-picker/TimePickerTrigger/TimePickerTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerTrigger.js","names":["ValidComponent","Clock","Button","PopoverTrigger","PopoverTriggerProps","clsx","useTimePickerContext","TimePickerTriggerProps","TimePickerTrigger","props","T","ctx","displayText","value","formatTime","placeholder","_$createComponent","_$mergeProps","variant","disabled","data-empty","undefined","class","children","_el$","_tmpl$","_$insert","_$createComponent","_$mergeProps","_tmpl$","TimePickerTrigger","ctx","useTimePickerContext","displayText","value","createComponent","PopoverTrigger","mergeProps","props","\"class\"","clsx","_el$","insert","Clock"],"sources":["../../../../src/components/time-picker/TimePickerTrigger/TimePickerTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Clock } from \"lucide-solid\";\nimport type { Button } from \"~/components/button\";\nimport { PopoverTrigger } from \"~/components/popover\";\nimport type { PopoverTriggerProps } from \"~/components/popover\";\nimport { clsx } from \"~/utils\";\nimport { useTimePickerContext } from \"../TimePicker/TimePicker.context\";\nimport type { TimePickerTriggerProps } from \"./TimePickerTrigger.types\";\n\n/**\n * TimePicker 的触发器:复用 <PopoverTrigger> 的按钮语义与 ARIA\n * (`aria-haspopup` / `aria-expanded` / `aria-controls`)与浮层引用注册,\n * 只负责把当前时间格式化成展示文本。默认标签是 Button,可用 `component` 替换。\n */\nexport function TimePickerTrigger<\n  T extends ValidComponent = typeof Button<\"button\">,\n>(props: TimePickerTriggerProps<T>) {\n  const ctx = useTimePickerContext(\"TimePickerTrigger\");\n\n  const displayText = () => {\n    const value = ctx.value();\n    if (value) return ctx.formatTime(value);\n    return ctx.placeholder() ?? \"Pick a time\";\n  };\n\n  return (\n    <PopoverTrigger\n      {...(props as PopoverTriggerProps<T>)}\n      variant={props.variant ?? \"outline\"}\n      disabled={ctx.disabled() || props.disabled}\n      data-empty={ctx.value() === undefined ? \"true\" : \"false\"}\n      class={clsx(\n        \"w-40 justify-between text-left font-normal tabular-nums\",\n        \"data-[empty=true]:text-muted-foreground\",\n        props.class,\n      )}\n    >\n      <span class=\"truncate\">{displayText()}</span>\n      <Clock data-icon=\"inline-end\" />\n    </PopoverTrigger>\n  );\n}\n"],"mappings":";;;;;;;AAcA,SAAgBQ,EAEdC,GAAkC;CAClC,IAAME,IAAML,EAAqB,mBAAmB,GAE9CM,UAAoB;EACxB,IAAMC,IAAQF,EAAIE,MAAM;EAExB,OADIA,IAAcF,EAAIG,WAAWD,CAAK,IAC/BF,EAAII,YAAY,KAAK;CAC9B;CAEA,OAAAC,EACGb,GAAcc,EACRR,GAA+B;EAAA,IACpCS,UAAO;GAAA,OAAET,EAAMS,WAAW;EAAS;EAAA,IACnCC,WAAQ;GAAA,OAAER,EAAIQ,SAAS,KAAKV,EAAMU;EAAQ;EAAA,IAAA,eAAA;GAAA,OAC9BR,EAAIE,MAAM,MAAMQ,KAAAA,IAAY,SAAS;EAAO;EAAA,IAAAkB,QAAA;GAAA,OACjDlC,EACL,2DACA,2CACAI,EAAMa,KACR;EAAC;EAAA,IAAAC,WAAA;GAAA,OAAA,QAAA;IAAA,IAAAC,IAAAC,EAAA;IAEkC,OAFlCC,EAAAF,GAEuBZ,CAAW,GAAAY;GAAA,EAAA,CAAA,GAAAR,EAClCf,GAAK,EAAA,aAAA,aAAA,CAAA,CAAA;EAAA;CAAA,CAAA,CAAA;AAGZ"}

package/dist/components/time-picker/TimePickerTrigger/TimePickerTrigger.types.d.ts

@@ -0,0 +1,5 @@
+import { ValidComponent } from 'solid-js';
+import { Button } from '../../button';
+import { BaseButtonProps } from '../../button/Button.types';
+import { PolymorphicProps } from '../../../types';
+export type TimePickerTriggerProps<T extends ValidComponent = typeof Button<"button">> = PolymorphicProps<T, BaseButtonProps>;

package/dist/components/time-picker/TimePickerTrigger/index.d.ts

@@ -0,0 +1,2 @@
+export { TimePickerTrigger } from './TimePickerTrigger';
+export type { TimePickerTriggerProps } from './TimePickerTrigger.types';

package/dist/components/time-picker/index.d.ts

@@ -0,0 +1,10 @@
+export { TimePicker, useTimePickerContext } from './TimePicker';
+export type { TimePickerProps, TimePickerContextValue, TimePickerHourCycle, TimePickerUnit, TimePickerUnitValue, TimePickerMeridiem, TimePickerOptionMeta, TimePickerChangeReason, TimePickerChangeEventDetails, TimePickerCommitOptions, } from './TimePicker';
+export { TimePickerTrigger } from './TimePickerTrigger';
+export type { TimePickerTriggerProps } from './TimePickerTrigger';
+export { TimePickerContent } from './TimePickerContent';
+export type { TimePickerContentProps } from './TimePickerContent';
+export { TimePickerColumn } from './TimePickerColumn';
+export type { TimePickerColumnProps } from './TimePickerColumn';
+export { TimePickerOption } from './TimePickerOption';
+export type { TimePickerOptionProps } from './TimePickerOption';

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

@@ -0,0 +1,7 @@
+import { TimePickerOption as e } from "./TimePickerOption/TimePickerOption.js";
+import { useTimePickerContext as t } from "./TimePicker/TimePicker.context.js";
+import { TimePickerColumn as n } from "./TimePickerColumn/TimePickerColumn.js";
+import { TimePickerContent as r } from "./TimePickerContent/TimePickerContent.js";
+import { TimePickerTrigger as i } from "./TimePickerTrigger/TimePickerTrigger.js";
+import { TimePicker as a } from "./TimePicker/TimePicker.js";
+export { a as TimePicker, n as TimePickerColumn, r as TimePickerContent, e as TimePickerOption, i as TimePickerTrigger, t as useTimePickerContext };