@neut/ui 0.0.15 → 0.0.16

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 };

package/dist/components/toast/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["Show","JSX","createEffect","createMemo","createSignal","onCleanup","onMount","splitProps","CircleCheck","CircleX","Info","LoaderCircle","TriangleAlert","X","clsx","toastIconVariants","toastVariants","isAction","ToastIcons","ToastProps","ToastT","ToastTypes","TOAST_LIFETIME","EXIT_ANIMATION_MS","getDefaultIcon","type","_$createComponent","undefined","resolveContent","value","Toast","props","local","animationState","setAnimationState","toast","toastType","richColors","defaultRichColors","dismissible","isBusy","raf","requestAnimationFrame","cancelAnimationFrame","close","onDismiss","setTimeout","onRemove","id","delete","current","duration","Infinity","delay","timer","onAutoClose","clearTimeout","icon","icons","isFront","index","yPosition","position","startsWith","collapsedTransform","lift","scale","Math","max","gap","toastStyle","style","total","expanded","transform","CSSProperties","slideInClass","slideOutClass","animationClasses","_el$","_tmpl$","_$insert","when","jsx","fallback","children","_el$2","_tmpl$2","_$effect","_$className","classes","_el$3","_tmpl$4","_el$4","firstChild","title","description","_el$5","_tmpl$3","descriptionClass","_p$","_v$7","content","_v$8","e","t","_$memo","action","_el$6","_tmpl$5","$$click","onClick","defaultPrevented","Extract","label","actionButton","cancel","_el$7","_tmpl$6","cancelButton","Element","closeButton","_el$8","_tmpl$7","_v$9","closeButtonAriaLabel","_v$0","_$setAttribute","_v$","_v$2","_v$3","_v$4","testId","_v$5","class","_v$6","a","o","i","n","_$style","_$delegateEvents"],"sources":["../../../../src/components/toast/Toast/Toast.tsx"],"sourcesContent":["import {\n  Show,\n  type JSX,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  onMount,\n  splitProps,\n} from \"solid-js\";\nimport {\n  CircleCheck,\n  CircleX,\n  Info,\n  LoaderCircle,\n  TriangleAlert,\n  X,\n} from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { toastIconVariants, toastVariants } from \"./Toast.styles\";\nimport {\n  isAction,\n  type ToastIcons,\n  type ToastProps,\n  type ToastT,\n  type ToastTypes,\n} from \"./Toast.types\";\n\nconst TOAST_LIFETIME = 4000;\nconst EXIT_ANIMATION_MS = 200;\n\nfunction getDefaultIcon(type: ToastTypes) {\n  switch (type) {\n    case \"success\":\n      return <CircleCheck />;\n    case \"info\":\n      return <Info />;\n    case \"warning\":\n      return <TriangleAlert />;\n    case \"error\":\n      return <CircleX />;\n    case \"loading\":\n      return <LoaderCircle class=\"animate-spin\" />;\n    default:\n      return undefined;\n  }\n}\n\nfunction resolveContent(value: ToastT[\"title\"]) {\n  return typeof value === \"function\" ? value() : value;\n}\n\nexport function Toast(props: ToastProps) {\n  const [local] = splitProps(props, [\n    \"toast\",\n    \"closeButton\",\n    \"duration\",\n    \"class\",\n    \"icons\",\n    \"closeButtonAriaLabel\",\n    \"defaultRichColors\",\n    \"onRemove\",\n    \"index\",\n    \"total\",\n    \"expanded\",\n    \"position\",\n    \"gap\",\n  ]);\n\n  const [animationState, setAnimationState] = createSignal<\"open\" | \"closed\">(\n    \"closed\",\n  );\n\n  const toast = () => local.toast;\n  const toastType = createMemo(() => toast().type ?? \"default\");\n  const richColors = createMemo(\n    () => toast().richColors ?? local.defaultRichColors ?? false,\n  );\n  const dismissible = createMemo(() => toast().dismissible !== false);\n  const isBusy = createMemo(() => toastType() === \"loading\");\n\n  onMount(() => {\n    const raf = requestAnimationFrame(() => setAnimationState(\"open\"));\n    onCleanup(() => cancelAnimationFrame(raf));\n  });\n\n  const close = () => {\n    if (animationState() !== \"open\") return;\n    setAnimationState(\"closed\");\n    toast().onDismiss?.(toast());\n    setTimeout(() => local.onRemove(toast().id), EXIT_ANIMATION_MS);\n  };\n\n  // 外部 dismiss：把 delete 标记转换成退场动画\n  createEffect(() => {\n    if (toast().delete && animationState() === \"open\") {\n      close();\n    }\n  });\n\n  // 自动关闭计时器\n  createEffect(() => {\n    const current = toast();\n    if (\n      current.delete ||\n      current.type === \"loading\" ||\n      current.duration === Infinity ||\n      current.duration === 0\n    ) {\n      return;\n    }\n\n    const delay = current.duration ?? local.duration ?? TOAST_LIFETIME;\n    const timer = setTimeout(() => {\n      current.onAutoClose?.(current);\n      close();\n    }, delay);\n\n    onCleanup(() => clearTimeout(timer));\n  });\n\n  const icon = () => {\n    if (toast().icon !== undefined) return toast().icon;\n    return (\n      local.icons?.[toastType() as keyof ToastIcons] ??\n      getDefaultIcon(toastType())\n    );\n  };\n\n  const isFront = () => local.index === 0;\n  const yPosition = () => (local.position.startsWith(\"top\") ? \"top\" : \"bottom\");\n\n  const collapsedTransform = () => {\n    if (isFront()) return undefined;\n    const lift = yPosition() === \"bottom\" ? -1 : 1;\n    const scale = Math.max(0.8, 1 - local.index * 0.05);\n    return `translateY(calc(${lift * local.gap * local.index}px)) scale(${scale})`;\n  };\n\n  const toastStyle = () =>\n    ({\n      ...toast().style,\n      \"z-index\": local.total - local.index,\n      ...(local.expanded\n        ? {}\n        : {\n            \"grid-area\": \"1 / 1\",\n            \"align-self\": yPosition() === \"bottom\" ? \"end\" : \"start\",\n            transform: collapsedTransform(),\n            \"pointer-events\": isFront() ? \"auto\" : \"none\",\n          }),\n    }) as JSX.CSSProperties;\n\n  const slideInClass = () =>\n    yPosition() === \"bottom\"\n      ? \"data-[state=open]:slide-in-from-bottom-2\"\n      : \"data-[state=open]:slide-in-from-top-2\";\n\n  const slideOutClass = () =>\n    yPosition() === \"bottom\"\n      ? \"data-[state=closed]:slide-out-to-bottom\"\n      : \"data-[state=closed]:slide-out-to-top\";\n\n  const animationClasses = () =>\n    isFront() || local.expanded\n      ? `${slideInClass()} ${slideOutClass()} data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:fill-mode-both data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:fill-mode-both`\n      : \"\";\n\n  return (\n    <li\n      data-slot=\"toast\"\n      data-type={toastType()}\n      data-state={animationState()}\n      data-rich-colors={richColors()}\n      data-testid={toast().testId}\n      class={clsx(\n        toastVariants({ type: toastType() }),\n        local.closeButton && \"pr-8\",\n        animationClasses(),\n        local.class,\n        toast().class,\n        toast().classes?.toast,\n        toast().classes?.[toastType()],\n      )}\n      style={toastStyle()}\n    >\n      <Show\n        when={toast().jsx}\n        fallback={\n          <>\n            <Show when={icon()}>\n              <div\n                data-slot=\"toast-icon\"\n                class={clsx(\n                  toastIconVariants({ type: toastType() }),\n                  toast().classes?.icon,\n                )}\n              >\n                {icon()}\n              </div>\n            </Show>\n\n            <div\n              data-slot=\"toast-content\"\n              class={clsx(\n                \"flex min-w-0 flex-1 flex-col gap-0.5\",\n                toast().classes?.content,\n              )}\n            >\n              <div\n                data-slot=\"toast-title\"\n                class={clsx(\n                  \"text-sm font-medium leading-snug\",\n                  toast().classes?.title,\n                )}\n              >\n                {resolveContent(toast().title)}\n              </div>\n              <Show when={toast().description}>\n                <div\n                  data-slot=\"toast-description\"\n                  class={clsx(\n                    \"text-sm leading-relaxed text-muted-foreground\",\n                    toast().descriptionClass,\n                    toast().classes?.description,\n                  )}\n                >\n                  {resolveContent(toast().description)}\n                </div>\n              </Show>\n            </div>\n\n            <Show when={toast().action && isAction(toast().action)}>\n              <button\n                type=\"button\"\n                data-slot=\"toast-action\"\n                class={clsx(\n                  \"shrink-0 rounded-md bg-foreground px-2.5 py-1 text-xs font-medium text-background outline-none transition-colors hover:bg-foreground/80\",\n                  toast().classes?.actionButton,\n                )}\n                onClick={(e) => {\n                  const action = toast().action;\n                  if (!isAction(action)) return;\n                  action.onClick?.(e);\n                  if (!e.defaultPrevented) close();\n                }}\n              >\n                {\n                  (\n                    toast().action as Extract<\n                      ToastT[\"action\"],\n                      { label: unknown }\n                    >\n                  ).label\n                }\n              </button>\n            </Show>\n\n            <Show when={toast().cancel && isAction(toast().cancel)}>\n              <button\n                type=\"button\"\n                data-slot=\"toast-cancel\"\n                class={clsx(\n                  \"shrink-0 rounded-md bg-foreground/10 px-2.5 py-1 text-xs font-medium text-foreground outline-none transition-colors hover:bg-foreground/15\",\n                  toast().classes?.cancelButton,\n                )}\n                onClick={(e) => {\n                  const cancel = toast().cancel;\n                  if (!isAction(cancel)) return;\n                  cancel.onClick?.(e);\n                  if (!e.defaultPrevented) close();\n                }}\n              >\n                {\n                  (\n                    toast().cancel as Extract<\n                      ToastT[\"action\"],\n                      { label: unknown }\n                    >\n                  ).label\n                }\n              </button>\n            </Show>\n\n            <Show when={toast().action && !isAction(toast().action)}>\n              {toast().action as JSX.Element}\n            </Show>\n            <Show when={toast().cancel && !isAction(toast().cancel)}>\n              {toast().cancel as JSX.Element}\n            </Show>\n\n            <Show when={local.closeButton && dismissible() && !isBusy()}>\n              <button\n                type=\"button\"\n                data-slot=\"toast-close\"\n                aria-label={local.closeButtonAriaLabel ?? \"Close toast\"}\n                class={clsx(\n                  \"absolute top-2.5 right-2.5 flex size-5 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:text-foreground\",\n                  toast().classes?.closeButton,\n                )}\n                onClick={close}\n              >\n                <X class=\"size-3.5\" />\n              </button>\n            </Show>\n          </>\n        }\n      >\n        {toast().jsx}\n      </Show>\n    </li>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Toast.js","names":["Show","JSX","createEffect","createMemo","createSignal","onCleanup","onMount","splitProps","CircleCheck","CircleX","Info","LoaderCircle","TriangleAlert","X","clsx","toastIconVariants","toastVariants","isAction","ToastIcons","ToastProps","ToastT","ToastTypes","TOAST_LIFETIME","EXIT_ANIMATION_MS","getDefaultIcon","type","_$createComponent","undefined","resolveContent","value","Toast","props","local","animationState","setAnimationState","toast","toastType","richColors","defaultRichColors","dismissible","isBusy","raf","requestAnimationFrame","cancelAnimationFrame","close","onDismiss","setTimeout","onRemove","id","delete","current","duration","Infinity","delay","timer","onAutoClose","clearTimeout","icon","icons","isFront","index","yPosition","position","startsWith","collapsedTransform","lift","scale","Math","max","gap","toastStyle","style","total","expanded","transform","CSSProperties","slideInClass","slideOutClass","animationClasses","_el$","_tmpl$","_$insert","when","jsx","fallback","children","_el$2","_tmpl$2","_$effect","_$className","classes","_el$3","_tmpl$4","_el$4","firstChild","title","description","_el$5","_tmpl$3","descriptionClass","_p$","_v$7","content","_v$8","e","t","_$memo","action","_el$6","_tmpl$5","$$click","onClick","defaultPrevented","Extract","label","actionButton","cancel","_el$7","_tmpl$6","cancelButton","Element","closeButton","_el$8","_tmpl$7","_v$9","closeButtonAriaLabel","_v$0","_$setAttribute","_v$","_v$2","_v$3","_v$4","testId","_v$5","class","_v$6","a","o","i","n","_$style","_$delegateEvents","_$createComponent","_$className","_$memo","_$setAttribute","_$style","_$delegateEvents","_tmpl$","_tmpl$2","_tmpl$3","_tmpl$4","_tmpl$5","_tmpl$6","_tmpl$7","TOAST_LIFETIME","EXIT_ANIMATION_MS","getDefaultIcon","type","createComponent","CircleCheck","Info","TriangleAlert","CircleX","LoaderCircle","\"class\"","resolveContent","value","Toast","local","splitProps","props","animationState","setAnimationState","createSignal","toast","toastType","createMemo","richColors","dismissible","isBusy","raf","close","createEffect","current","delay","timer","icon","isFront","yPosition","collapsedTransform","lift","scale","toastStyle","slideInClass","slideOutClass","animationClasses","_el$","insert","Show","_el$2","effect","className","clsx","toastIconVariants","_el$3","_el$4","_el$5","_v$7","_v$8","_p$","memo","isAction","_el$6","action","_el$7","cancel","_el$8","X","_v$9","_v$0","setAttribute","_v$","_v$2","_v$3","_v$4","_v$5","toastVariants","_v$6","style","delegateEvents"],"sources":["../../../../src/components/toast/Toast/Toast.tsx"],"sourcesContent":["import {\n  Show,\n  type JSX,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  onMount,\n  splitProps,\n} from \"solid-js\";\nimport {\n  CircleCheck,\n  CircleX,\n  Info,\n  LoaderCircle,\n  TriangleAlert,\n  X,\n} from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { toastIconVariants, toastVariants } from \"./Toast.styles\";\nimport {\n  isAction,\n  type ToastIcons,\n  type ToastProps,\n  type ToastT,\n  type ToastTypes,\n} from \"./Toast.types\";\n\nconst TOAST_LIFETIME = 4000;\nconst EXIT_ANIMATION_MS = 200;\n\nfunction getDefaultIcon(type: ToastTypes) {\n  switch (type) {\n    case \"success\":\n      return <CircleCheck />;\n    case \"info\":\n      return <Info />;\n    case \"warning\":\n      return <TriangleAlert />;\n    case \"error\":\n      return <CircleX />;\n    case \"loading\":\n      return <LoaderCircle class=\"animate-spin\" />;\n    default:\n      return undefined;\n  }\n}\n\nfunction resolveContent(value: ToastT[\"title\"]) {\n  return typeof value === \"function\" ? value() : value;\n}\n\nexport function Toast(props: ToastProps) {\n  const [local] = splitProps(props, [\n    \"toast\",\n    \"closeButton\",\n    \"duration\",\n    \"class\",\n    \"icons\",\n    \"closeButtonAriaLabel\",\n    \"defaultRichColors\",\n    \"onRemove\",\n    \"index\",\n    \"total\",\n    \"expanded\",\n    \"position\",\n    \"gap\",\n  ]);\n\n  const [animationState, setAnimationState] = createSignal<\"open\" | \"closed\">(\n    \"closed\",\n  );\n\n  const toast = () => local.toast;\n  const toastType = createMemo(() => toast().type ?? \"default\");\n  const richColors = createMemo(\n    () => toast().richColors ?? local.defaultRichColors ?? false,\n  );\n  const dismissible = createMemo(() => toast().dismissible !== false);\n  const isBusy = createMemo(() => toastType() === \"loading\");\n\n  onMount(() => {\n    const raf = requestAnimationFrame(() => setAnimationState(\"open\"));\n    onCleanup(() => cancelAnimationFrame(raf));\n  });\n\n  const close = () => {\n    if (animationState() !== \"open\") return;\n    setAnimationState(\"closed\");\n    toast().onDismiss?.(toast());\n    setTimeout(() => local.onRemove(toast().id), EXIT_ANIMATION_MS);\n  };\n\n  // 外部 dismiss：把 delete 标记转换成退场动画\n  createEffect(() => {\n    if (toast().delete && animationState() === \"open\") {\n      close();\n    }\n  });\n\n  // 自动关闭计时器\n  createEffect(() => {\n    const current = toast();\n    if (\n      current.delete ||\n      current.type === \"loading\" ||\n      current.duration === Infinity ||\n      current.duration === 0\n    ) {\n      return;\n    }\n\n    const delay = current.duration ?? local.duration ?? TOAST_LIFETIME;\n    const timer = setTimeout(() => {\n      current.onAutoClose?.(current);\n      close();\n    }, delay);\n\n    onCleanup(() => clearTimeout(timer));\n  });\n\n  const icon = () => {\n    if (toast().icon !== undefined) return toast().icon;\n    return (\n      local.icons?.[toastType() as keyof ToastIcons] ??\n      getDefaultIcon(toastType())\n    );\n  };\n\n  const isFront = () => local.index === 0;\n  const yPosition = () => (local.position.startsWith(\"top\") ? \"top\" : \"bottom\");\n\n  const collapsedTransform = () => {\n    if (isFront()) return undefined;\n    const lift = yPosition() === \"bottom\" ? -1 : 1;\n    const scale = Math.max(0.8, 1 - local.index * 0.05);\n    return `translateY(calc(${lift * local.gap * local.index}px)) scale(${scale})`;\n  };\n\n  const toastStyle = () =>\n    ({\n      ...toast().style,\n      \"z-index\": local.total - local.index,\n      ...(local.expanded\n        ? {}\n        : {\n            \"grid-area\": \"1 / 1\",\n            \"align-self\": yPosition() === \"bottom\" ? \"end\" : \"start\",\n            transform: collapsedTransform(),\n            \"pointer-events\": isFront() ? \"auto\" : \"none\",\n          }),\n    }) as JSX.CSSProperties;\n\n  const slideInClass = () =>\n    yPosition() === \"bottom\"\n      ? \"data-[state=open]:slide-in-from-bottom-2\"\n      : \"data-[state=open]:slide-in-from-top-2\";\n\n  const slideOutClass = () =>\n    yPosition() === \"bottom\"\n      ? \"data-[state=closed]:slide-out-to-bottom\"\n      : \"data-[state=closed]:slide-out-to-top\";\n\n  const animationClasses = () =>\n    isFront() || local.expanded\n      ? `${slideInClass()} ${slideOutClass()} data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:fill-mode-both data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:fill-mode-both`\n      : \"\";\n\n  return (\n    <li\n      data-slot=\"toast\"\n      data-type={toastType()}\n      data-state={animationState()}\n      data-rich-colors={richColors()}\n      data-testid={toast().testId}\n      class={clsx(\n        toastVariants({ type: toastType() }),\n        local.closeButton && \"pr-8\",\n        animationClasses(),\n        local.class,\n        toast().class,\n        toast().classes?.toast,\n        toast().classes?.[toastType()],\n      )}\n      style={toastStyle()}\n    >\n      <Show\n        when={toast().jsx}\n        fallback={\n          <>\n            <Show when={icon()}>\n              <div\n                data-slot=\"toast-icon\"\n                class={clsx(\n                  toastIconVariants({ type: toastType() }),\n                  toast().classes?.icon,\n                )}\n              >\n                {icon()}\n              </div>\n            </Show>\n\n            <div\n              data-slot=\"toast-content\"\n              class={clsx(\n                \"flex min-w-0 flex-1 flex-col gap-0.5\",\n                toast().classes?.content,\n              )}\n            >\n              <div\n                data-slot=\"toast-title\"\n                class={clsx(\n                  \"text-sm font-medium leading-snug\",\n                  toast().classes?.title,\n                )}\n              >\n                {resolveContent(toast().title)}\n              </div>\n              <Show when={toast().description}>\n                <div\n                  data-slot=\"toast-description\"\n                  class={clsx(\n                    \"text-sm leading-relaxed text-muted-foreground\",\n                    toast().descriptionClass,\n                    toast().classes?.description,\n                  )}\n                >\n                  {resolveContent(toast().description)}\n                </div>\n              </Show>\n            </div>\n\n            <Show when={toast().action && isAction(toast().action)}>\n              <button\n                type=\"button\"\n                data-slot=\"toast-action\"\n                class={clsx(\n                  \"shrink-0 rounded-md bg-foreground px-2.5 py-1 text-xs font-medium text-background outline-none transition-colors hover:bg-foreground/80\",\n                  toast().classes?.actionButton,\n                )}\n                onClick={(e) => {\n                  const action = toast().action;\n                  if (!isAction(action)) return;\n                  action.onClick?.(e);\n                  if (!e.defaultPrevented) close();\n                }}\n              >\n                {\n                  (\n                    toast().action as Extract<\n                      ToastT[\"action\"],\n                      { label: unknown }\n                    >\n                  ).label\n                }\n              </button>\n            </Show>\n\n            <Show when={toast().cancel && isAction(toast().cancel)}>\n              <button\n                type=\"button\"\n                data-slot=\"toast-cancel\"\n                class={clsx(\n                  \"shrink-0 rounded-md bg-foreground/10 px-2.5 py-1 text-xs font-medium text-foreground outline-none transition-colors hover:bg-foreground/15\",\n                  toast().classes?.cancelButton,\n                )}\n                onClick={(e) => {\n                  const cancel = toast().cancel;\n                  if (!isAction(cancel)) return;\n                  cancel.onClick?.(e);\n                  if (!e.defaultPrevented) close();\n                }}\n              >\n                {\n                  (\n                    toast().cancel as Extract<\n                      ToastT[\"action\"],\n                      { label: unknown }\n                    >\n                  ).label\n                }\n              </button>\n            </Show>\n\n            <Show when={toast().action && !isAction(toast().action)}>\n              {toast().action as JSX.Element}\n            </Show>\n            <Show when={toast().cancel && !isAction(toast().cancel)}>\n              {toast().cancel as JSX.Element}\n            </Show>\n\n            <Show when={local.closeButton && dismissible() && !isBusy()}>\n              <button\n                type=\"button\"\n                data-slot=\"toast-close\"\n                aria-label={local.closeButtonAriaLabel ?? \"Close toast\"}\n                class={clsx(\n                  \"absolute top-2.5 right-2.5 flex size-5 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:text-foreground\",\n                  toast().classes?.closeButton,\n                )}\n                onClick={close}\n              >\n                <X class=\"size-3.5\" />\n              </button>\n            </Show>\n          </>\n        }\n      >\n        {toast().jsx}\n      </Show>\n    </li>\n  );\n}\n"],"mappings":"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"}

package/dist/components/toast/Toast/Toast.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.styles.js","names":[],"sources":["../../../../src/components/toast/Toast/Toast.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const toastVariants = cva(\n  \"pointer-events-auto relative flex w-full items-center gap-2.5 rounded-lg border bg-popover p-4 text-sm text-popover-foreground shadow-md outline-none\",\n  {\n    variants: {\n      type: {\n        default: \"border-border\",\n        success: \"border-emerald-500/60\",\n        info: \"border-blue-500/60\",\n        warning: \"border-amber-500/60\",\n        error: \"border-red-500/60\",\n        loading: \"border-border\",\n      },\n    },\n    defaultVariants: {\n      type: \"default\",\n    },\n  },\n);\n\nexport const toastIconVariants = cva(\n  \"flex size-5 shrink-0 items-center justify-center\",\n  {\n    variants: {\n      type: {\n        default: \"text-muted-foreground\",\n        success: \"text-emerald-500\",\n        info: \"text-blue-500\",\n        warning: \"text-amber-500\",\n        error: \"text-red-500\",\n        loading: \"text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      type: \"default\",\n    },\n  },\n);\n"],"mappings":";;AAEA,IAAa,IAAgB,EAC3B,yJACA;CACE,UAAU,EACR,MAAM;EACJ,SAAS;EACT,SAAS;EACT,MAAM;EACN,SAAS;EACT,OAAO;EACP,SAAS;CACX,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CACF,GAEa,IAAoB,EAC/B,oDACA;CACE,UAAU,EACR,MAAM;EACJ,SAAS;EACT,SAAS;EACT,MAAM;EACN,SAAS;EACT,OAAO;EACP,SAAS;CACX,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CACF"}
+{"version":3,"file":"Toast.styles.js","names":["toastVariants","cva","toastIconVariants"],"sources":["../../../../src/components/toast/Toast/Toast.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const toastVariants = cva(\n  \"pointer-events-auto relative flex w-full items-center gap-2.5 rounded-lg border bg-popover p-4 text-sm text-popover-foreground shadow-md outline-none\",\n  {\n    variants: {\n      type: {\n        default: \"border-border\",\n        success: \"border-emerald-500/60\",\n        info: \"border-blue-500/60\",\n        warning: \"border-amber-500/60\",\n        error: \"border-red-500/60\",\n        loading: \"border-border\",\n      },\n    },\n    defaultVariants: {\n      type: \"default\",\n    },\n  },\n);\n\nexport const toastIconVariants = cva(\n  \"flex size-5 shrink-0 items-center justify-center\",\n  {\n    variants: {\n      type: {\n        default: \"text-muted-foreground\",\n        success: \"text-emerald-500\",\n        info: \"text-blue-500\",\n        warning: \"text-amber-500\",\n        error: \"text-red-500\",\n        loading: \"text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      type: \"default\",\n    },\n  },\n);\n"],"mappings":";;AAEA,IAAaA,IAAgBC,EAC3B,yJACA;CACE,UAAU,EACR,MAAM;EACJ,SAAS;EACT,SAAS;EACT,MAAM;EACN,SAAS;EACT,OAAO;EACP,SAAS;CACX,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CACF,GAEaC,IAAoBD,EAC/B,oDACA;CACE,UAAU,EACR,MAAM;EACJ,SAAS;EACT,SAAS;EACT,MAAM;EACN,SAAS;EACT,OAAO;EACP,SAAS;CACX,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CACF"}

package/dist/components/toast/Toast/Toast.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.types.js","names":[],"sources":["../../../../src/components/toast/Toast/Toast.types.ts"],"sourcesContent":["import type { JSX, JSXElement } from \"solid-js\";\n\nexport type ToastTypes =\n  | \"success\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"loading\"\n  | \"default\";\n\nexport type Position =\n  | \"top-left\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-right\"\n  | \"top-center\"\n  | \"bottom-center\";\n\nexport type Theme = \"light\" | \"dark\";\nexport type SwipeDirection = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface Action {\n  label: JSXElement;\n  onClick: JSX.EventHandler<HTMLButtonElement, MouseEvent>;\n  actionButtonStyle?: JSX.CSSProperties;\n}\n\nexport interface ToastIcons {\n  success?: JSXElement;\n  info?: JSXElement;\n  warning?: JSXElement;\n  error?: JSXElement;\n  loading?: JSXElement;\n  close?: JSXElement;\n}\n\nexport interface ToastClassnames {\n  toast?: string;\n  title?: string;\n  description?: string;\n  loader?: string;\n  cancelButton?: string;\n  actionButton?: string;\n  closeButton?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  warning?: string;\n  loading?: string;\n  default?: string;\n  content?: string;\n  icon?: string;\n}\n\nexport type PromiseT<Data = any> = Promise<Data> | (() => Promise<Data>);\n\nexport type PromiseTResult<Data = any> =\n  | string\n  | JSXElement\n  | ((data: Data) => JSXElement | string | Promise<JSXElement | string>);\n\nexport interface PromiseData<ToastData = any> {\n  loading?: string | JSXElement;\n  success?: PromiseTResult<ToastData>;\n  error?: PromiseTResult;\n  description?: PromiseTResult;\n  finally?: () => void | Promise<void>;\n}\n\nexport interface ToastT {\n  id: string;\n  toasterId?: string;\n  title?: JSXElement | (() => JSXElement);\n  description?: JSXElement | (() => JSXElement);\n  type?: ToastTypes;\n  icon?: JSXElement;\n  jsx?: JSXElement;\n  richColors?: boolean;\n  invert?: boolean;\n  closeButton?: boolean;\n  dismissible?: boolean;\n  duration?: number;\n  delete?: boolean;\n  action?: Action | JSXElement;\n  cancel?: Action | JSXElement;\n  onDismiss?: (toast: ToastT) => void;\n  onAutoClose?: (toast: ToastT) => void;\n  promise?: PromiseT;\n  style?: JSX.CSSProperties;\n  class?: string;\n  classes?: ToastClassnames;\n  descriptionClass?: string;\n  position?: Position;\n  testId?: string;\n}\n\nexport type ExternalToast = Omit<\n  ToastT,\n  \"id\" | \"type\" | \"title\" | \"jsx\" | \"delete\" | \"promise\"\n> & {\n  id?: string;\n  toasterId?: string;\n};\n\nexport interface ToastProps {\n  toast: ToastT;\n  closeButton: boolean;\n  duration?: number;\n  class?: string;\n  icons?: ToastIcons;\n  closeButtonAriaLabel?: string;\n  defaultRichColors?: boolean;\n  onRemove: (id: string) => void;\n  index: number;\n  total: number;\n  expanded: boolean;\n  position: Position;\n  gap: number;\n}\n\nexport const isAction = (action: Action | JSXElement): action is Action => {\n  return (action as Action)?.label !== undefined;\n};\n"],"mappings":";AAwHA,IAAa,KAAY,MACf,GAAmB,UAAU,KAAA"}
+{"version":3,"file":"Toast.types.js","names":["isAction","action"],"sources":["../../../../src/components/toast/Toast/Toast.types.ts"],"sourcesContent":["import type { JSX, JSXElement } from \"solid-js\";\n\nexport type ToastTypes =\n  | \"success\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"loading\"\n  | \"default\";\n\nexport type Position =\n  | \"top-left\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-right\"\n  | \"top-center\"\n  | \"bottom-center\";\n\nexport type Theme = \"light\" | \"dark\";\nexport type SwipeDirection = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface Action {\n  label: JSXElement;\n  onClick: JSX.EventHandler<HTMLButtonElement, MouseEvent>;\n  actionButtonStyle?: JSX.CSSProperties;\n}\n\nexport interface ToastIcons {\n  success?: JSXElement;\n  info?: JSXElement;\n  warning?: JSXElement;\n  error?: JSXElement;\n  loading?: JSXElement;\n  close?: JSXElement;\n}\n\nexport interface ToastClassnames {\n  toast?: string;\n  title?: string;\n  description?: string;\n  loader?: string;\n  cancelButton?: string;\n  actionButton?: string;\n  closeButton?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  warning?: string;\n  loading?: string;\n  default?: string;\n  content?: string;\n  icon?: string;\n}\n\nexport type PromiseT<Data = any> = Promise<Data> | (() => Promise<Data>);\n\nexport type PromiseTResult<Data = any> =\n  | string\n  | JSXElement\n  | ((data: Data) => JSXElement | string | Promise<JSXElement | string>);\n\nexport interface PromiseData<ToastData = any> {\n  loading?: string | JSXElement;\n  success?: PromiseTResult<ToastData>;\n  error?: PromiseTResult;\n  description?: PromiseTResult;\n  finally?: () => void | Promise<void>;\n}\n\nexport interface ToastT {\n  id: string;\n  toasterId?: string;\n  title?: JSXElement | (() => JSXElement);\n  description?: JSXElement | (() => JSXElement);\n  type?: ToastTypes;\n  icon?: JSXElement;\n  jsx?: JSXElement;\n  richColors?: boolean;\n  invert?: boolean;\n  closeButton?: boolean;\n  dismissible?: boolean;\n  duration?: number;\n  delete?: boolean;\n  action?: Action | JSXElement;\n  cancel?: Action | JSXElement;\n  onDismiss?: (toast: ToastT) => void;\n  onAutoClose?: (toast: ToastT) => void;\n  promise?: PromiseT;\n  style?: JSX.CSSProperties;\n  class?: string;\n  classes?: ToastClassnames;\n  descriptionClass?: string;\n  position?: Position;\n  testId?: string;\n}\n\nexport type ExternalToast = Omit<\n  ToastT,\n  \"id\" | \"type\" | \"title\" | \"jsx\" | \"delete\" | \"promise\"\n> & {\n  id?: string;\n  toasterId?: string;\n};\n\nexport interface ToastProps {\n  toast: ToastT;\n  closeButton: boolean;\n  duration?: number;\n  class?: string;\n  icons?: ToastIcons;\n  closeButtonAriaLabel?: string;\n  defaultRichColors?: boolean;\n  onRemove: (id: string) => void;\n  index: number;\n  total: number;\n  expanded: boolean;\n  position: Position;\n  gap: number;\n}\n\nexport const isAction = (action: Action | JSXElement): action is Action => {\n  return (action as Action)?.label !== undefined;\n};\n"],"mappings":";AAwHA,IAAaA,KAAY,MACfC,GAAmB,UAAU,KAAA"}

package/dist/components/toast/Toaster/Toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","names":["For","createMemo","createSignal","mergeProps","onCleanup","onMount","Show","Component","Portal","clsx","Toast","Position","ToastT","removeToast","useSonner","ToasterProps","toasterContainerClass","getDocumentDirection","getPositionClass","resolveOffsetStyle","Toaster","props","merged","position","gap","visibleToasts","dir","containerAriaLabel","hotkey","const","toasts","expanded","setExpanded","filteredToasts","id","filter","toast","toasterId","possiblePositions","Array","from","Set","concat","map","toastsForPosition","visibleToastsForPosition","list","expand","slice","onKeyDown","e","KeyboardEvent","hotkeyPressed","length","every","key","code","document","addEventListener","removeEventListener","offsetStyle","offset","mobileOffset","_$createComponent","children","_el$","_tmpl$","_$insert","each","when","_el$2","_tmpl$2","_$setAttribute","index","total","closeButton","toastOptions","duration","class","icons","closeButtonAriaLabel","defaultRichColors","richColors","onRemove","_$effect","_p$","_v$","customAriaLabel","_v$2","startsWith","_v$3","style","Record","t","_$className","a","_$style","undefined"],"sources":["../../../../src/components/toast/Toaster/Toaster.tsx"],"sourcesContent":["import {\n  For,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  Show,\n  type Component,\n} from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { Toast } from \"../Toast\";\nimport type { Position, ToastT } from \"../Toast/Toast.types\";\nimport { removeToast, useSonner } from \"../state/toast\";\nimport type { ToasterProps } from \"./Toaster.types\";\nimport { toasterContainerClass } from \"./Toaster.styles\";\nimport {\n  getDocumentDirection,\n  getPositionClass,\n  resolveOffsetStyle,\n} from \"./Toaster.utils\";\n\nexport const Toaster: Component<ToasterProps> = (props) => {\n  const merged = mergeProps(\n    {\n      position: \"bottom-right\",\n      gap: 14,\n      visibleToasts: 3,\n      dir: getDocumentDirection(),\n      containerAriaLabel: \"Notifications\",\n      hotkey: [\"altKey\", \"KeyT\"] as string[],\n    } as const,\n    props,\n  );\n\n  const { toasts } = useSonner();\n  const [expanded, setExpanded] = createSignal(false);\n\n  const filteredToasts = createMemo(() => {\n    const id = merged.id;\n    return id\n      ? toasts.filter((toast) => toast.toasterId === id)\n      : toasts.filter((toast) => !toast.toasterId);\n  });\n\n  const possiblePositions = createMemo(() =>\n    Array.from(\n      new Set(\n        [merged.position].concat(\n          filteredToasts()\n            .filter((toast) => toast.position)\n            .map((toast) => toast.position as Position),\n        ),\n      ),\n    ),\n  );\n\n  const toastsForPosition = (position: Position) =>\n    filteredToasts().filter((toast) => {\n      if (toast.position) return toast.position === position;\n      return position === merged.position;\n    });\n\n  const visibleToastsForPosition = (position: Position) => {\n    const list = toastsForPosition(position);\n    if (merged.expand) return list;\n    return list.slice(0, merged.visibleToasts);\n  };\n\n  onMount(() => {\n    const onKeyDown = (e: KeyboardEvent) => {\n      const hotkeyPressed =\n        merged.hotkey.length > 0 &&\n        merged.hotkey.every((key) => (e as any)[key] || e.code === key);\n      if (hotkeyPressed) setExpanded(true);\n      if (e.code === \"Escape\") setExpanded(false);\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  const offsetStyle = (position: Position) =>\n    resolveOffsetStyle(position, merged.offset, merged.mobileOffset);\n\n  return (\n    <Portal>\n      <div\n        data-slot=\"toaster\"\n        dir={merged.dir === \"auto\" ? getDocumentDirection() : merged.dir}\n      >\n        <For each={possiblePositions()}>\n          {(position) => (\n            <Show when={visibleToastsForPosition(position).length > 0}>\n              <ol\n                data-slot=\"toaster-viewport\"\n                data-position={position}\n                aria-live=\"polite\"\n                aria-relevant=\"additions text\"\n                aria-atomic=\"false\"\n                aria-label={merged.customAriaLabel ?? merged.containerAriaLabel}\n                tabIndex={-1}\n                class={clsx(\n                  toasterContainerClass,\n                  getPositionClass(position),\n                  expanded()\n                    ? position.startsWith(\"top\")\n                      ? \"flex flex-col\"\n                      : \"flex flex-col-reverse\"\n                    : \"grid\",\n                )}\n                style={{\n                  gap: `${merged.gap}px`,\n                  ...offsetStyle(position),\n                  ...(merged.style as Record<string, string | number>),\n                }}\n                onMouseEnter={() => setExpanded(true)}\n                onMouseLeave={() => setExpanded(false)}\n              >\n                <For each={visibleToastsForPosition(position)}>\n                  {(toast: ToastT, index) => (\n                    <Toast\n                      toast={toast}\n                      index={index()}\n                      total={visibleToastsForPosition(position).length}\n                      expanded={expanded()}\n                      position={position}\n                      gap={merged.gap}\n                      closeButton={\n                        toast.closeButton ??\n                        merged.toastOptions?.closeButton ??\n                        merged.closeButton ??\n                        false\n                      }\n                      duration={\n                        merged.toastOptions?.duration ?? merged.duration\n                      }\n                      class={merged.toastOptions?.class}\n                      icons={merged.icons}\n                      closeButtonAriaLabel={\n                        merged.toastOptions?.closeButtonAriaLabel\n                      }\n                      defaultRichColors={merged.richColors}\n                      onRemove={removeToast}\n                    />\n                  )}\n                </For>\n              </ol>\n            </Show>\n          )}\n        </For>\n      </div>\n    </Portal>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Toaster.js","names":["For","createMemo","createSignal","mergeProps","onCleanup","onMount","Show","Component","Portal","clsx","Toast","Position","ToastT","removeToast","useSonner","ToasterProps","toasterContainerClass","getDocumentDirection","getPositionClass","resolveOffsetStyle","Toaster","props","merged","position","gap","visibleToasts","dir","containerAriaLabel","hotkey","const","toasts","expanded","setExpanded","filteredToasts","id","filter","toast","toasterId","possiblePositions","Array","from","Set","concat","map","toastsForPosition","visibleToastsForPosition","list","expand","slice","onKeyDown","e","KeyboardEvent","hotkeyPressed","length","every","key","code","document","addEventListener","removeEventListener","offsetStyle","offset","mobileOffset","_$createComponent","children","_el$","_tmpl$","_$insert","each","when","_el$2","_tmpl$2","_$setAttribute","index","total","closeButton","toastOptions","duration","class","icons","closeButtonAriaLabel","defaultRichColors","richColors","onRemove","_$effect","_p$","_v$","customAriaLabel","_v$2","startsWith","_v$3","style","Record","t","_$className","a","_$style","undefined","mergeProps","_$createComponent","_$setAttribute","_$className","_$style","mergeProps$1","_tmpl$","_tmpl$2","Toaster","merged","getDocumentDirection","props","useSonner","expanded","setExpanded","createSignal","filteredToasts","createMemo","id","toasts","toast","possiblePositions","toastsForPosition","position","visibleToastsForPosition","list","onKeyDown","key","onCleanup","offsetStyle","resolveOffsetStyle","createComponent","Portal","_el$","insert","For","Show","_el$2","setAttribute","Toast","index","\"class\"","removeToast","effect","_v$","_v$2","clsx","toasterContainerClass","getPositionClass","_v$3","_p$","className","style"],"sources":["../../../../src/components/toast/Toaster/Toaster.tsx"],"sourcesContent":["import {\n  For,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  Show,\n  type Component,\n} from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { Toast } from \"../Toast\";\nimport type { Position, ToastT } from \"../Toast/Toast.types\";\nimport { removeToast, useSonner } from \"../state/toast\";\nimport type { ToasterProps } from \"./Toaster.types\";\nimport { toasterContainerClass } from \"./Toaster.styles\";\nimport {\n  getDocumentDirection,\n  getPositionClass,\n  resolveOffsetStyle,\n} from \"./Toaster.utils\";\n\nexport const Toaster: Component<ToasterProps> = (props) => {\n  const merged = mergeProps(\n    {\n      position: \"bottom-right\",\n      gap: 14,\n      visibleToasts: 3,\n      dir: getDocumentDirection(),\n      containerAriaLabel: \"Notifications\",\n      hotkey: [\"altKey\", \"KeyT\"] as string[],\n    } as const,\n    props,\n  );\n\n  const { toasts } = useSonner();\n  const [expanded, setExpanded] = createSignal(false);\n\n  const filteredToasts = createMemo(() => {\n    const id = merged.id;\n    return id\n      ? toasts.filter((toast) => toast.toasterId === id)\n      : toasts.filter((toast) => !toast.toasterId);\n  });\n\n  const possiblePositions = createMemo(() =>\n    Array.from(\n      new Set(\n        [merged.position].concat(\n          filteredToasts()\n            .filter((toast) => toast.position)\n            .map((toast) => toast.position as Position),\n        ),\n      ),\n    ),\n  );\n\n  const toastsForPosition = (position: Position) =>\n    filteredToasts().filter((toast) => {\n      if (toast.position) return toast.position === position;\n      return position === merged.position;\n    });\n\n  const visibleToastsForPosition = (position: Position) => {\n    const list = toastsForPosition(position);\n    if (merged.expand) return list;\n    return list.slice(0, merged.visibleToasts);\n  };\n\n  onMount(() => {\n    const onKeyDown = (e: KeyboardEvent) => {\n      const hotkeyPressed =\n        merged.hotkey.length > 0 &&\n        merged.hotkey.every((key) => (e as any)[key] || e.code === key);\n      if (hotkeyPressed) setExpanded(true);\n      if (e.code === \"Escape\") setExpanded(false);\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  const offsetStyle = (position: Position) =>\n    resolveOffsetStyle(position, merged.offset, merged.mobileOffset);\n\n  return (\n    <Portal>\n      <div\n        data-slot=\"toaster\"\n        dir={merged.dir === \"auto\" ? getDocumentDirection() : merged.dir}\n      >\n        <For each={possiblePositions()}>\n          {(position) => (\n            <Show when={visibleToastsForPosition(position).length > 0}>\n              <ol\n                data-slot=\"toaster-viewport\"\n                data-position={position}\n                aria-live=\"polite\"\n                aria-relevant=\"additions text\"\n                aria-atomic=\"false\"\n                aria-label={merged.customAriaLabel ?? merged.containerAriaLabel}\n                tabIndex={-1}\n                class={clsx(\n                  toasterContainerClass,\n                  getPositionClass(position),\n                  expanded()\n                    ? position.startsWith(\"top\")\n                      ? \"flex flex-col\"\n                      : \"flex flex-col-reverse\"\n                    : \"grid\",\n                )}\n                style={{\n                  gap: `${merged.gap}px`,\n                  ...offsetStyle(position),\n                  ...(merged.style as Record<string, string | number>),\n                }}\n                onMouseEnter={() => setExpanded(true)}\n                onMouseLeave={() => setExpanded(false)}\n              >\n                <For each={visibleToastsForPosition(position)}>\n                  {(toast: ToastT, index) => (\n                    <Toast\n                      toast={toast}\n                      index={index()}\n                      total={visibleToastsForPosition(position).length}\n                      expanded={expanded()}\n                      position={position}\n                      gap={merged.gap}\n                      closeButton={\n                        toast.closeButton ??\n                        merged.toastOptions?.closeButton ??\n                        merged.closeButton ??\n                        false\n                      }\n                      duration={\n                        merged.toastOptions?.duration ?? merged.duration\n                      }\n                      class={merged.toastOptions?.class}\n                      icons={merged.icons}\n                      closeButtonAriaLabel={\n                        merged.toastOptions?.closeButtonAriaLabel\n                      }\n                      defaultRichColors={merged.richColors}\n                      onRemove={removeToast}\n                    />\n                  )}\n                </For>\n              </ol>\n            </Show>\n          )}\n        </For>\n      </div>\n    </Portal>\n  );\n};\n"],"mappings":"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"}

package/dist/components/toast/Toaster/Toaster.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.styles.js","names":[],"sources":["../../../../src/components/toast/Toaster/Toaster.styles.ts"],"sourcesContent":["export const toasterContainerClass =\n  \"fixed z-100 w-[356px] max-w-[calc(100vw-2rem)]\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"Toaster.styles.js","names":["toasterContainerClass"],"sources":["../../../../src/components/toast/Toaster/Toaster.styles.ts"],"sourcesContent":["export const toasterContainerClass =\n  \"fixed z-100 w-[356px] max-w-[calc(100vw-2rem)]\";\n"],"mappings":";AAAA,IAAaA,IACX"}