@vielzeug/refine 1.1.1

package/dist/time-picker.js

@@ -0,0 +1,261 @@
+import { reducedMotionMixin as e } from "./styles/mixins/accessibility.css.js";
+import { colorThemeMixin as t } from "./styles/mixins/theme.css.js";
+import { disablableBundle as n, roundableBundle as r, sizableBundle as i, themableBundle as a } from "./shared/prop-bundles.js";
+import { FORM_CTX as o, useFormContext as s } from "./inputs/shared/form-context.js";
+import c from "./inputs/time-picker/time-picker.css?inline.js";
+import { define as l, html as u, inject as d, prop as f, useField as p } from "@vielzeug/ore";
+import { computed as m, signal as h } from "@vielzeug/ripple";
+//#region src/inputs/time-picker/time-picker.ts
+function g(e) {
+	if (!e) return null;
+	let t = /^(\d{1,2}):(\d{2})$/.exec(e.trim());
+	if (!t) return null;
+	let n = Number(t[1]), r = Number(t[2]);
+	return n < 0 || n > 23 || r < 0 || r > 59 ? null : {
+		hours: n,
+		minutes: r
+	};
+}
+function _(e, t) {
+	return `${String(e).padStart(2, "0")}:${String(t).padStart(2, "0")}`;
+}
+function v(e, t, n) {
+	if (n === "12") {
+		let n = e >= 12 ? "PM" : "AM", r = e % 12 == 0 ? 12 : e % 12;
+		return `${String(r).padStart(2, "0")}:${String(t).padStart(2, "0")} ${n}`;
+	}
+	return _(e, t);
+}
+function y(e, t, n, r) {
+	let i = e * 60 + t, a = g(n), o = g(r), s = a ? a.hours * 60 + a.minutes : 0, c = o ? o.hours * 60 + o.minutes : 1439, l = Math.min(Math.max(i, s), c);
+	return {
+		hours: Math.floor(l / 60),
+		minutes: l % 60
+	};
+}
+var b = "ore-time-picker";
+l(b, {
+	formAssociated: !0,
+	props: {
+		...a,
+		...i,
+		...n,
+		...r,
+		error: f.string(),
+		fullwidth: f.bool(!1),
+		helper: f.string(),
+		label: f.string(),
+		"label-placement": f.oneOf(["inset", "outside"], "inset"),
+		max: f.string(),
+		min: f.string(),
+		"minute-step": f.number(5),
+		name: f.string(),
+		placeholder: f.string(),
+		required: f.bool(!1),
+		"time-format": f.oneOf(["12", "24"], "24"),
+		value: f.string(),
+		variant: f.string()
+	},
+	setup(e, { bind: t, el: n, emit: r, onMounted: i }) {
+		let a = h(!1), c = h(g(e.value.value)), l = s(t, e, d(o)), f = l.disabled;
+		p({
+			disabled: f,
+			toFormValue: (e) => e || null,
+			value: m(() => {
+				let e = c.value;
+				return e ? _(e.hours, e.minutes) : "";
+			})
+		});
+		let b = m(() => e["time-format"].value ?? "24"), x = m(() => Math.max(1, Math.min(59, e["minute-step"].value ?? 5))), S = m(() => c.value ? v(c.value.hours, c.value.minutes, b.value) : e.placeholder.value || ""), C = m(() => b.value === "12" ? Array.from({ length: 12 }, (e, t) => t + 1) : Array.from({ length: 24 }, (e, t) => t)), w = m(() => {
+			let e = x.value, t = [];
+			for (let n = 0; n < 60; n += e) t.push(n);
+			return t;
+		}), T = `time-picker-${Math.random().toString(36).slice(2, 9)}-dropdown`;
+		function E(e) {
+			if (b.value === "24") return e;
+			let t = e % 12;
+			return t === 0 ? 12 : t;
+		}
+		function D(e, t) {
+			return b.value === "24" ? e : t === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12;
+		}
+		function O(t, n) {
+			let r = t * 60 + n, i = g(e.min.value), a = g(e.max.value);
+			return !!(i && r < i.hours * 60 + i.minutes || a && r > a.hours * 60 + a.minutes);
+		}
+		let k = h(c.value?.hours ?? 0), A = h(c.value?.minutes ?? 0), j = h((c.value?.hours ?? 0) >= 12 ? "PM" : "AM"), M = e.value.value;
+		i(() => {
+			let t = setInterval(() => {
+				let t = e.value.value;
+				if (t !== M) {
+					M = t;
+					let e = g(t);
+					c.value = e, e && (k.value = e.hours, A.value = e.minutes, j.value = e.hours >= 12 ? "PM" : "AM");
+				}
+			}, 50);
+			return () => clearInterval(t);
+		});
+		function N(t, n) {
+			let i = y(t, n, e.min.value, e.max.value), a = Math.round(i.minutes / x.value) * x.value, o = Math.min(a, 59);
+			c.value = {
+				hours: i.hours,
+				minutes: o
+			}, r("change", { value: _(i.hours, o) });
+		}
+		function P(e) {
+			let t = b.value === "12" ? D(k.value, j.value) : k.value;
+			A.value = e, N(t, e), I();
+		}
+		function F() {
+			if (f.value) return;
+			let e = c.value;
+			e ? (k.value = b.value === "12" ? E(e.hours) : e.hours, A.value = e.minutes, j.value = e.hours >= 12 ? "PM" : "AM") : (k.value = b.value === "12" ? 12 : 0, A.value = 0, j.value = "AM"), a.value = !0;
+		}
+		function I() {
+			a.value = !1;
+		}
+		function L() {
+			a.value ? I() : F();
+		}
+		function R(e) {
+			a.value && (e.composedPath().includes(n) || I());
+		}
+		i(() => (document.addEventListener("pointerdown", R, { capture: !0 }), () => document.removeEventListener("pointerdown", R, { capture: !0 })));
+		function z(e) {
+			f.value || (e.key === "Enter" || e.key === " " ? (e.preventDefault(), L()) : e.key === "Escape" && a.value ? (e.preventDefault(), I()) : (e.key === "ArrowDown" || e.key === "ArrowUp") && !a.value && (e.preventDefault(), F()));
+		}
+		function B(e) {
+			e.key === "Escape" && (e.preventDefault(), I());
+		}
+		function V(e) {
+			let t = C.value, n = t.indexOf(k.value);
+			e.key === "ArrowUp" ? (e.preventDefault(), k.value = t[(n - 1 + t.length) % t.length]) : e.key === "ArrowDown" && (e.preventDefault(), k.value = t[(n + 1) % t.length]);
+		}
+		function H(e) {
+			let t = w.value, n = t.indexOf(A.value);
+			e.key === "ArrowUp" ? (e.preventDefault(), A.value = t[(n - 1 + t.length) % t.length]) : e.key === "ArrowDown" && (e.preventDefault(), A.value = t[(n + 1) % t.length]);
+		}
+		function U(e) {
+			(e.key === "ArrowUp" || e.key === "ArrowDown") && (e.preventDefault(), j.value = j.value === "AM" ? "PM" : "AM");
+		}
+		return t({ attr: { open: () => a.value ? !0 : void 0 } }), u`
+      <!-- Trigger -->
+      <ore-input
+        class="trigger"
+        readonly
+        tabindex="0"
+        role="combobox"
+        aria-haspopup="listbox"
+        aria-controls="${T}"
+        :aria-expanded="${() => String(a.value)}"
+        :aria-disabled="${() => f.value ? "true" : null}"
+        :value="${() => S.value}"
+        :label="${() => e.label.value ?? ""}"
+        :placeholder="${() => e.placeholder.value ?? ""}"
+        :label-placement="${() => e["label-placement"].value ?? "inset"}"
+        :color="${() => e.color?.value ?? void 0}"
+        :size="${() => l.size?.value ?? void 0}"
+        :variant="${() => l.variant?.value ?? void 0}"
+        :rounded="${() => e.rounded?.value ?? void 0}"
+        :helper="${() => e.helper.value ?? ""}"
+        :error="${() => e.error.value ?? ""}"
+        ?disabled="${() => f.value ? !0 : void 0}"
+        ?required="${() => e.required.value ? !0 : void 0}"
+        ?fullwidth="${() => e.fullwidth.value ? !0 : void 0}"
+        @click="${L}"
+        @keydown="${z}">
+        <ore-icon slot="suffix" name="clock" size="16" stroke-width="1.75" aria-hidden="true"></ore-icon>
+      </ore-input>
+
+      <!-- Dropdown -->
+      <div
+        class="dropdown"
+        id="${T}"
+        role="listbox"
+        aria-label="${() => e.label.value ? `${e.label.value} — select time` : "Select time"}"
+        ?data-open="${a}"
+        @keydown="${B}">
+        <div class="cols-row">
+          <!-- Hours column -->
+          <div class="col" part="column" role="group" aria-label="Hours">
+            <div class="col-label" aria-hidden="true">HH</div>
+            <div class="col-scroll">
+              ${() => C.value.map((e) => {
+			let t = O(b.value === "12" ? D(e, j.value) : e, A.value);
+			return u`<div
+                    class="option"
+                    part="option"
+                    role="option"
+                    tabindex="${() => k.value === e && !t ? "0" : "-1"}"
+                    :aria-selected="${() => String(k.value === e)}"
+                    :aria-disabled="${() => String(t)}"
+                    ?data-disabled="${() => t}"
+                    @click="${() => {
+				t || (k.value = e);
+			}}"
+                    @keydown="${V}">
+                    ${String(e).padStart(2, "0")}
+                  </div>`;
+		})}
+            </div>
+          </div>
+
+          <div class="col-sep" aria-hidden="true">:</div>
+
+          <!-- Minutes column -->
+          <div class="col" part="column" role="group" aria-label="Minutes">
+            <div class="col-label" aria-hidden="true">MM</div>
+            <div class="col-scroll">
+              ${() => w.value.map((e) => {
+			let t = O(b.value === "12" ? D(k.value, j.value) : k.value, e);
+			return u`<div
+                    class="option"
+                    part="option"
+                    role="option"
+                    tabindex="${() => A.value === e && !t ? "0" : "-1"}"
+                    :aria-selected="${() => String(A.value === e)}"
+                    :aria-disabled="${() => String(t)}"
+                    ?data-disabled="${() => t}"
+                    @click="${() => {
+				t || P(e);
+			}}"
+                    @keydown="${H}">
+                    ${String(e).padStart(2, "0")}
+                  </div>`;
+		})}
+            </div>
+          </div>
+
+          <!-- AM/PM column (12h mode only) -->
+          ${() => b.value === "12" ? u` <div class="col col-period" part="column" role="group" aria-label="Period">
+                  <div class="col-label" aria-hidden="true">AM/PM</div>
+                  <div class="col-scroll">
+                    ${["AM", "PM"].map((e) => u`<div
+                          class="option"
+                          part="option"
+                          role="option"
+                          tabindex="${() => j.value === e ? "0" : "-1"}"
+                          :aria-selected="${() => String(j.value === e)}"
+                          @click="${() => {
+			j.value = e;
+		}}"
+                          @keydown="${U}">
+                          ${e}
+                        </div>`)}
+                  </div>
+                </div>` : u``}
+        </div>
+      </div>
+    `;
+	},
+	shadow: { delegatesFocus: !0 },
+	styles: [
+		t,
+		e,
+		c
+	]
+});
+//#endregion
+export { b as TIME_PICKER_TAG };
+
+//# sourceMappingURL=time-picker.js.map

package/dist/time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.js","names":[],"sources":["../src/inputs/time-picker/time-picker.ts"],"sourcesContent":["import { define, useField, html, inject, prop } from '@vielzeug/ore';\nimport { computed, signal } from '@vielzeug/ripple';\n\nimport type { VisualVariant } from '../../shared';\n\nimport '../../content/icon/icon';\nimport '../input/input';\nimport { disablableBundle, roundableBundle, sizableBundle, themableBundle } from '../../shared';\nimport { colorThemeMixin, reducedMotionMixin } from '../../styles';\nimport { FORM_CTX, useFormContext } from '../shared/form-context';\nimport componentStyles from './time-picker.css?inline';\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport type OreTimePickerEvents = {\n  change: { value: string | null };\n};\n\nexport type OreTimePickerProps = {\n  /** Theme color */\n  color?: string;\n  /** Disable the picker */\n  disabled?: boolean;\n  /** Validation error message */\n  error?: string;\n  /** Expand to container width */\n  fullwidth?: boolean;\n  /** Helper text below the field */\n  helper?: string;\n  /** Visible label */\n  label?: string;\n  /** Label placement */\n  'label-placement'?: 'inset' | 'outside';\n  /** Maximum selectable time in HH:MM format (24-hour) */\n  max?: string;\n  /** Minimum selectable time in HH:MM format (24-hour) */\n  min?: string;\n  /** Minute step interval (1–59) */\n  'minute-step'?: number;\n  /** Form field name */\n  name?: string;\n  /** Placeholder shown in the trigger */\n  placeholder?: string;\n  /** Mark field as required */\n  required?: boolean;\n  /** Border radius */\n  rounded?: string;\n  /** Component size */\n  size?: string;\n  /** Display format: '12' for AM/PM, '24' for 24-hour (default: '24') */\n  'time-format'?: '12' | '24';\n  /** Selected time in HH:MM format (24-hour) */\n  value?: string;\n  /** Visual variant */\n  variant?: Exclude<VisualVariant, 'text' | 'frost'>;\n};\n\n// ── Helpers ───────────────────────────────────────────────────────────────────\n\n/** Parse \"HH:MM\" → { hours: 0-23, minutes: 0-59 } | null */\nfunction parseTime(val: string | undefined | null): { hours: number; minutes: number } | null {\n  if (!val) return null;\n\n  const match = /^(\\d{1,2}):(\\d{2})$/.exec(val.trim());\n\n  if (!match) return null;\n\n  const h = Number(match[1]);\n  const m = Number(match[2]);\n\n  if (h < 0 || h > 23 || m < 0 || m > 59) return null;\n\n  return { hours: h, minutes: m };\n}\n\n/** Format { hours, minutes } → \"HH:MM\" (24-hour, zero-padded) */\nfunction formatTime(h: number, m: number): string {\n  return `${String(h).padStart(2, '0')}:${String(m).padStart(2, '0')}`;\n}\n\n/** Format for display label (respects 12/24 mode) */\nfunction formatDisplay(h: number, m: number, format: '12' | '24'): string {\n  if (format === '12') {\n    const period = h >= 12 ? 'PM' : 'AM';\n    const displayH = h % 12 === 0 ? 12 : h % 12;\n\n    return `${String(displayH).padStart(2, '0')}:${String(m).padStart(2, '0')} ${period}`;\n  }\n\n  return formatTime(h, m);\n}\n\n/** Clamp value to [min, max] in total minutes */\nfunction clampTime(\n  h: number,\n  m: number,\n  minVal: string | undefined | null,\n  maxVal: string | undefined | null,\n): { hours: number; minutes: number } {\n  const total = h * 60 + m;\n  const minParsed = parseTime(minVal);\n  const maxParsed = parseTime(maxVal);\n  const minMins = minParsed ? minParsed.hours * 60 + minParsed.minutes : 0;\n  const maxMins = maxParsed ? maxParsed.hours * 60 + maxParsed.minutes : 23 * 60 + 59;\n  const clamped = Math.min(Math.max(total, minMins), maxMins);\n\n  return { hours: Math.floor(clamped / 60), minutes: clamped % 60 };\n}\n\n/**\n * An accessible time picker with a scrollable clock dropdown.\n * Supports 12/24-hour display formats, min/max bounds, minute steps, and form association.\n *\n * @element ore-time-picker\n *\n * @attr {string} value - Selected time in HH:MM (24-hour) format\n * @attr {string} min - Minimum selectable time (HH:MM)\n * @attr {string} max - Maximum selectable time (HH:MM)\n * @attr {string} label - Label text\n * @attr {string} label-placement - 'inset' | 'outside'\n * @attr {string} placeholder - Trigger placeholder\n * @attr {boolean} disabled - Disable the picker\n * @attr {boolean} required - Required field\n * @attr {string} name - Form field name\n * @attr {string} error - Error message\n * @attr {string} helper - Helper text\n * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'\n * @attr {string} size - Component size: 'sm' | 'md' | 'lg'\n * @attr {string} variant - Visual variant: 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost'\n * @attr {string} rounded - Border radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'\n * @attr {string} time-format - '12' or '24' (default: '24')\n * @attr {number} minute-step - Minute increment (default: 5)\n *\n * @fires change - Fired when a time is selected. detail: { value: string | null }\n *\n * @slot label - Custom label for the trigger field\n * @slot prefix - Content before the trigger text (e.g. icon)\n * @slot helper - Custom helper text\n * @slot error - Custom error content\n *\n * @cssprop --time-picker-bg - Dropdown background\n * @cssprop --time-picker-border-color - Dropdown border color\n * @cssprop --time-picker-radius - Dropdown border radius\n * @cssprop --time-picker-shadow - Dropdown shadow\n * @cssprop --time-picker-selected-bg - Selected option background\n * @cssprop --time-picker-option-hover-bg - Option hover background\n *\n * @part field - The trigger field\n * @part dropdown - The floating time dropdown\n * @part column - A scrollable column (hours / minutes / period)\n * @part option - An individual time option cell\n *\n * @example\n * ```html\n * <!-- 24-hour clock, 15-minute steps -->\n * <ore-time-picker label=\"Meeting time\" value=\"09:30\" minute-step=\"15\" color=\"primary\"></ore-time-picker>\n *\n * <!-- 12-hour AM/PM format -->\n * <ore-time-picker label=\"Appointment\" time-format=\"12\" minute-step=\"30\"></ore-time-picker>\n *\n * <!-- Outside label, bordered variant -->\n * <ore-time-picker label=\"Start time\" label-placement=\"outside\" variant=\"bordered\"></ore-time-picker>\n * ```\n */\nexport const TIME_PICKER_TAG = 'ore-time-picker' as const;\n\ndefine<OreTimePickerProps, OreTimePickerEvents>(TIME_PICKER_TAG, {\n  formAssociated: true,\n  props: {\n    ...themableBundle,\n    ...sizableBundle,\n    ...disablableBundle,\n    ...roundableBundle,\n    error: prop.string(),\n    fullwidth: prop.bool(false),\n    helper: prop.string(),\n    label: prop.string(),\n    'label-placement': prop.oneOf(['inset', 'outside'] as const, 'inset'),\n    max: prop.string(),\n    min: prop.string(),\n    'minute-step': prop.number(5),\n    name: prop.string(),\n    placeholder: prop.string(),\n    required: prop.bool(false),\n    'time-format': prop.oneOf(['12', '24'] as const, '24'),\n    value: prop.string(),\n    variant: prop.string<'flat' | 'solid' | 'bordered' | 'outline' | 'ghost'>(),\n  },\n\n  setup(props, { bind, el, emit, onMounted }) {\n    // ── Signals ──────────────────────────────────────────────────────────────\n\n    const isOpen = signal(false);\n    const selectedTime = signal<{ hours: number; minutes: number } | null>(parseTime(props.value.value));\n\n    // ── Form context ─────────────────────────────────────────────────────────\n\n    const formCtx = inject(FORM_CTX);\n    const fCtxProps = useFormContext(bind, props, formCtx);\n    const isDisabled = fCtxProps.disabled;\n\n    // ── Form value ────────────────────────────────────────────────────────────\n\n    useField<string>({\n      disabled: isDisabled,\n      toFormValue: (v) => v || null,\n      value: computed(() => {\n        const t = selectedTime.value;\n\n        return t ? formatTime(t.hours, t.minutes) : '';\n      }),\n    });\n\n    // ── Computed helpers ──────────────────────────────────────────────────────\n\n    const fmt = computed(() => props['time-format'].value ?? '24');\n    const minuteStep = computed(() => Math.max(1, Math.min(59, props['minute-step'].value ?? 5)));\n\n    const triggerText = computed(() => {\n      if (!selectedTime.value) return props.placeholder.value || '';\n\n      return formatDisplay(selectedTime.value.hours, selectedTime.value.minutes, fmt.value as '12' | '24');\n    });\n\n    /** All hour options for the column (0-23 in 24h; 1-12 in 12h) */\n    const hourOptions = computed<number[]>(() => {\n      if (fmt.value === '12') {\n        return Array.from({ length: 12 }, (_, i) => i + 1);\n      }\n\n      return Array.from({ length: 24 }, (_, i) => i);\n    });\n\n    /** All minute options for the column, stepped */\n    const minuteOptions = computed<number[]>(() => {\n      const step = minuteStep.value;\n      const opts: number[] = [];\n\n      for (let m = 0; m < 60; m += step) opts.push(m);\n\n      return opts;\n    });\n\n    const dialogId = `time-picker-${Math.random().toString(36).slice(2, 9)}-dropdown`;\n\n    /** Convert 24h hour to display hour in current format */\n    function toDisplayHour(h24: number): number {\n      if (fmt.value === '24') return h24;\n\n      const h12 = h24 % 12;\n\n      return h12 === 0 ? 12 : h12;\n    }\n\n    /** Convert display hour + period → 24h hour */\n    function to24Hour(displayHour: number, period: 'AM' | 'PM'): number {\n      if (fmt.value === '24') return displayHour;\n\n      if (period === 'AM') return displayHour === 12 ? 0 : displayHour;\n\n      return displayHour === 12 ? 12 : displayHour + 12;\n    }\n\n    /** Whether a given HH:MM is out of [min, max] */\n    function isTimeDisabled(h: number, m: number): boolean {\n      const total = h * 60 + m;\n      const minParsed = parseTime(props.min.value);\n      const maxParsed = parseTime(props.max.value);\n\n      if (minParsed && total < minParsed.hours * 60 + minParsed.minutes) return true;\n\n      if (maxParsed && total > maxParsed.hours * 60 + maxParsed.minutes) return true;\n\n      return false;\n    }\n\n    // ── State for focused/pending selection ───────────────────────────────────\n\n    /** Pending hour (24h) while user is navigating columns */\n    const pendingHour = signal<number>(selectedTime.value?.hours ?? 0);\n    /** Pending minute */\n    const pendingMinute = signal<number>(selectedTime.value?.minutes ?? 0);\n    /** Pending period (12h mode) */\n    const pendingPeriod = signal<'AM' | 'PM'>((selectedTime.value?.hours ?? 0) >= 12 ? 'PM' : 'AM');\n\n    // ── Sync value prop externally ────────────────────────────────────────────\n\n    let lastValueProp = props.value.value;\n\n    onMounted(() => {\n      const interval = setInterval(() => {\n        const current = props.value.value;\n\n        if (current !== lastValueProp) {\n          lastValueProp = current;\n\n          const parsed = parseTime(current);\n\n          selectedTime.value = parsed;\n\n          if (parsed) {\n            pendingHour.value = parsed.hours;\n            pendingMinute.value = parsed.minutes;\n            pendingPeriod.value = parsed.hours >= 12 ? 'PM' : 'AM';\n          }\n        }\n      }, 50);\n\n      return () => clearInterval(interval);\n    });\n\n    // ── Commit ────────────────────────────────────────────────────────────────\n\n    function commit(h24: number, m: number): void {\n      const clamped = clampTime(h24, m, props.min.value, props.max.value);\n      const snapped = Math.round(clamped.minutes / minuteStep.value) * minuteStep.value;\n      const snappedMin = Math.min(snapped, 59);\n\n      selectedTime.value = { hours: clamped.hours, minutes: snappedMin };\n      emit('change', { value: formatTime(clamped.hours, snappedMin) });\n    }\n\n    function commitFromMinute(m: number): void {\n      const h24 = fmt.value === '12' ? to24Hour(pendingHour.value, pendingPeriod.value) : pendingHour.value;\n\n      pendingMinute.value = m;\n      commit(h24, m);\n      closePicker();\n    }\n\n    // ── Open / close ──────────────────────────────────────────────────────────\n\n    function openPicker(): void {\n      if (isDisabled.value) return;\n\n      const current = selectedTime.value;\n\n      if (current) {\n        pendingHour.value = fmt.value === '12' ? toDisplayHour(current.hours) : current.hours;\n        pendingMinute.value = current.minutes;\n        pendingPeriod.value = current.hours >= 12 ? 'PM' : 'AM';\n      } else {\n        pendingHour.value = fmt.value === '12' ? 12 : 0;\n        pendingMinute.value = 0;\n        pendingPeriod.value = 'AM';\n      }\n\n      isOpen.value = true;\n    }\n\n    function closePicker(): void {\n      isOpen.value = false;\n    }\n\n    function handleTriggerClick(): void {\n      if (isOpen.value) closePicker();\n      else openPicker();\n    }\n\n    // ── Outside click ─────────────────────────────────────────────────────────\n\n    function handleOutsideClick(e: PointerEvent | MouseEvent): void {\n      if (!isOpen.value) return;\n\n      if (!e.composedPath().includes(el)) closePicker();\n    }\n\n    onMounted(() => {\n      document.addEventListener('pointerdown', handleOutsideClick, { capture: true });\n\n      return () => document.removeEventListener('pointerdown', handleOutsideClick, { capture: true });\n    });\n\n    // ── Keyboard ──────────────────────────────────────────────────────────────\n\n    function handleTriggerKeydown(e: KeyboardEvent): void {\n      if (isDisabled.value) return;\n\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        handleTriggerClick();\n      } else if (e.key === 'Escape' && isOpen.value) {\n        e.preventDefault();\n        closePicker();\n      } else if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && !isOpen.value) {\n        e.preventDefault();\n        openPicker();\n      }\n    }\n\n    function handleDropdownKeydown(e: KeyboardEvent): void {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        closePicker();\n      }\n    }\n\n    function handleHourKeydown(e: KeyboardEvent): void {\n      const opts = hourOptions.value;\n      const idx = opts.indexOf(pendingHour.value);\n\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        pendingHour.value = opts[(idx - 1 + opts.length) % opts.length];\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        pendingHour.value = opts[(idx + 1) % opts.length];\n      }\n    }\n\n    function handleMinuteKeydown(e: KeyboardEvent): void {\n      const opts = minuteOptions.value;\n      const idx = opts.indexOf(pendingMinute.value);\n\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        pendingMinute.value = opts[(idx - 1 + opts.length) % opts.length];\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        pendingMinute.value = opts[(idx + 1) % opts.length];\n      }\n    }\n\n    function handlePeriodKeydown(e: KeyboardEvent): void {\n      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        e.preventDefault();\n        pendingPeriod.value = pendingPeriod.value === 'AM' ? 'PM' : 'AM';\n      }\n    }\n\n    // ── Host bindings ─────────────────────────────────────────────────────────\n\n    bind({\n      attr: {\n        open: () => (isOpen.value ? true : undefined),\n      },\n    });\n\n    // ── ore-input prop helpers ────────────────────────────────────────────────\n\n    const inputValue = () => triggerText.value;\n    const inputLabel = () => props.label.value ?? '';\n    const inputPlaceholder = () => props.placeholder.value ?? '';\n    const inputLabelPlacement = () => props['label-placement'].value ?? 'inset';\n    const inputColor = () => props.color?.value ?? undefined;\n    const inputSize = () => fCtxProps.size?.value ?? undefined;\n    const inputVariant = () => fCtxProps.variant?.value ?? undefined;\n    const inputRounded = () => props.rounded?.value ?? undefined;\n    const inputHelper = () => props.helper.value ?? '';\n    const inputError = () => props.error.value ?? '';\n    const inputDisabled = () => (isDisabled.value ? true : undefined);\n    const inputRequired = () => (props.required.value ? true : undefined);\n    const inputFullwidth = () => (props.fullwidth.value ? true : undefined);\n\n    return html`\n      <!-- Trigger -->\n      <ore-input\n        class=\"trigger\"\n        readonly\n        tabindex=\"0\"\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-controls=\"${dialogId}\"\n        :aria-expanded=\"${() => String(isOpen.value)}\"\n        :aria-disabled=\"${() => (isDisabled.value ? 'true' : null)}\"\n        :value=\"${inputValue}\"\n        :label=\"${inputLabel}\"\n        :placeholder=\"${inputPlaceholder}\"\n        :label-placement=\"${inputLabelPlacement}\"\n        :color=\"${inputColor}\"\n        :size=\"${inputSize}\"\n        :variant=\"${inputVariant}\"\n        :rounded=\"${inputRounded}\"\n        :helper=\"${inputHelper}\"\n        :error=\"${inputError}\"\n        ?disabled=\"${inputDisabled}\"\n        ?required=\"${inputRequired}\"\n        ?fullwidth=\"${inputFullwidth}\"\n        @click=\"${handleTriggerClick}\"\n        @keydown=\"${handleTriggerKeydown}\">\n        <ore-icon slot=\"suffix\" name=\"clock\" size=\"16\" stroke-width=\"1.75\" aria-hidden=\"true\"></ore-icon>\n      </ore-input>\n\n      <!-- Dropdown -->\n      <div\n        class=\"dropdown\"\n        id=\"${dialogId}\"\n        role=\"listbox\"\n        aria-label=\"${() => (props.label.value ? `${props.label.value} — select time` : 'Select time')}\"\n        ?data-open=\"${isOpen}\"\n        @keydown=\"${handleDropdownKeydown}\">\n        <div class=\"cols-row\">\n          <!-- Hours column -->\n          <div class=\"col\" part=\"column\" role=\"group\" aria-label=\"Hours\">\n            <div class=\"col-label\" aria-hidden=\"true\">HH</div>\n            <div class=\"col-scroll\">\n              ${() =>\n                hourOptions.value.map((h) => {\n                  const h24 = fmt.value === '12' ? to24Hour(h, pendingPeriod.value) : h;\n                  const disabled = isTimeDisabled(h24, pendingMinute.value);\n\n                  return html`<div\n                    class=\"option\"\n                    part=\"option\"\n                    role=\"option\"\n                    tabindex=\"${() => (pendingHour.value === h && !disabled ? '0' : '-1')}\"\n                    :aria-selected=\"${() => String(pendingHour.value === h)}\"\n                    :aria-disabled=\"${() => String(disabled)}\"\n                    ?data-disabled=\"${() => disabled}\"\n                    @click=\"${() => {\n                      if (!disabled) pendingHour.value = h;\n                    }}\"\n                    @keydown=\"${handleHourKeydown}\">\n                    ${String(h).padStart(2, '0')}\n                  </div>`;\n                })}\n            </div>\n          </div>\n\n          <div class=\"col-sep\" aria-hidden=\"true\">:</div>\n\n          <!-- Minutes column -->\n          <div class=\"col\" part=\"column\" role=\"group\" aria-label=\"Minutes\">\n            <div class=\"col-label\" aria-hidden=\"true\">MM</div>\n            <div class=\"col-scroll\">\n              ${() =>\n                minuteOptions.value.map((m) => {\n                  const h24 = fmt.value === '12' ? to24Hour(pendingHour.value, pendingPeriod.value) : pendingHour.value;\n                  const disabled = isTimeDisabled(h24, m);\n\n                  return html`<div\n                    class=\"option\"\n                    part=\"option\"\n                    role=\"option\"\n                    tabindex=\"${() => (pendingMinute.value === m && !disabled ? '0' : '-1')}\"\n                    :aria-selected=\"${() => String(pendingMinute.value === m)}\"\n                    :aria-disabled=\"${() => String(disabled)}\"\n                    ?data-disabled=\"${() => disabled}\"\n                    @click=\"${() => {\n                      if (!disabled) commitFromMinute(m);\n                    }}\"\n                    @keydown=\"${handleMinuteKeydown}\">\n                    ${String(m).padStart(2, '0')}\n                  </div>`;\n                })}\n            </div>\n          </div>\n\n          <!-- AM/PM column (12h mode only) -->\n          ${() =>\n            fmt.value === '12'\n              ? html` <div class=\"col col-period\" part=\"column\" role=\"group\" aria-label=\"Period\">\n                  <div class=\"col-label\" aria-hidden=\"true\">AM/PM</div>\n                  <div class=\"col-scroll\">\n                    ${(['AM', 'PM'] as const).map(\n                      (p) =>\n                        html`<div\n                          class=\"option\"\n                          part=\"option\"\n                          role=\"option\"\n                          tabindex=\"${() => (pendingPeriod.value === p ? '0' : '-1')}\"\n                          :aria-selected=\"${() => String(pendingPeriod.value === p)}\"\n                          @click=\"${() => {\n                            pendingPeriod.value = p;\n                          }}\"\n                          @keydown=\"${handlePeriodKeydown}\">\n                          ${p}\n                        </div>`,\n                    )}\n                  </div>\n                </div>`\n              : html``}\n        </div>\n      </div>\n    `;\n  },\n\n  shadow: { delegatesFocus: true },\n  styles: [colorThemeMixin, reducedMotionMixin, componentStyles],\n});\n"],"mappings":"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"}

package/dist/toast.cjs

@@ -0,0 +1,69 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./styles/mixins/accessibility.css.cjs"),t=require("./_dev.cjs"),n=require("./headless/swipe.cjs"),r=require("./feedback/toast/toast.css?inline.cjs");let i=require("@vielzeug/ore"),a=require("@vielzeug/ripple"),o=require("@vielzeug/arsenal");var s=300;function c(e,t){return e.actions?.length?i.html`
+    <div slot="actions" class="toast-actions">
+      ${e.actions.map(n=>i.html`
+          <ore-button
+            size="sm"
+            color=${n.color||e.color||`primary`}
+            variant=${n.variant||`solid`}
+            @click=${()=>{n.onClick?.(),t()}}
+            >${n.label}</ore-button
+          >
+        `)}
+    </div>
+  `:``}var l=`ore-toast`;(0,i.define)(l,{props:{max:i.prop.number(5),position:i.prop.oneOf([`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`],`bottom-right`)},setup(e,{el:t,emit:r,onCleanup:l,onMounted:u}){let d=(0,a.signal)([]),f=(0,i.ref)(),p=new Map,m=(0,a.signal)(!1),h=(0,a.signal)(!1),g=(0,a.computed)(()=>m.value||h.value),_=(e,t)=>{d.value=d.value.map(n=>n.id===e?{...n,...t}:n)},v=e=>d.value.find(t=>t.id===e),y=e=>(e instanceof Event?e.currentTarget:e).querySelector(`.toast-inner`),b=e=>(e.timer&&clearTimeout(e.timer.timeoutId),{...e,timer:null}),x=(e,t)=>{if(t<=0)return;let n=setTimeout(()=>D(e),t);_(e,{timer:{remaining:t,startedAt:Date.now(),timeoutId:n}})},S=()=>{d.value=d.value.map(e=>e.timer?(clearTimeout(e.timer.timeoutId),{...e,timer:{...e.timer,remaining:Math.max(0,e.timer.remaining-(Date.now()-e.timer.startedAt))}}):e)},C=()=>{for(let e of d.value){if(!e.timer||e.timer.remaining<=0)continue;let t=setTimeout(()=>D(e.id),e.timer.remaining);_(e.id,{timer:{...e.timer,startedAt:Date.now(),timeoutId:t}})}};(0,a.watch)(g,e=>{e?S():C()});let w=e=>{let t=({event:e})=>{let t=y(e);t&&(t.style.transition=``,t.style.transform=``,t.style.opacity=``)};return n.createSwipeControl({axis:()=>`x`,captureTarget:()=>null,disabled:(0,a.computed)(()=>!(v(e)?.dismissible??!0)),onCancel:t,onCommit:({distance:t,event:n})=>{let r=y(n);if(!r)return;let i=t>=0?1:-1,a=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,o=()=>T(e);if(a){r.style.opacity=`0`,o();return}r.style.transition=`transform 0.22s ease-out, opacity 0.22s ease-out`,r.offsetWidth,r.style.transform=`translateX(${i*120}%)`,r.style.opacity=`0`;let s=e=>{e.target!==r||e.propertyName!==`transform`||(r.removeEventListener(`transitionend`,s),clearTimeout(c),o())},c=setTimeout(()=>{r.removeEventListener(`transitionend`,s),o()},300);r.addEventListener(`transitionend`,s)},onMove:({distance:e,event:t})=>{let n=y(t);n&&(n.style.transition=`none`,n.style.transform=`translateX(${e}px)`,n.style.opacity=String(Math.max(0,1-Math.abs(e)/200)))},onRelease:t})},T=e=>{let t=v(e);t?.timer&&clearTimeout(t.timer.timeoutId),p.delete(e),d.value=d.value.filter(t=>t.id!==e),t?.onDismiss?.(),r(`dismiss`,{id:e})},E=t=>{let n=t.id||(0,o.uuid)(),i=e.max?.value??5,a=d.value.filter(e=>e.phase!==`exiting`),s=a.length-(i-1);if(s>0)for(let e of a.slice(0,s))D(e.id);let c={dismissible:!0,duration:5e3,...t,id:n,phase:`entering`,timer:null};return p.set(n,w(n)),d.value=[...d.value,c],r(`add`,{id:n}),requestAnimationFrame(()=>{v(n)?.phase===`entering`&&_(n,{phase:`active`})}),c.duration>0&&x(n,c.duration),n},D=e=>{let t=v(e);if(!t||t.phase===`exiting`)return;_(e,{...b(t),phase:`exiting`});let n=f.value?.querySelector(`[data-toast-id="${e}"] .toast-inner`);n?.offsetHeight;let r=!1,i=()=>{r||(r=!0,T(e))},a=n?parseFloat(getComputedStyle(n).transitionDuration)*1e3:NaN,o=setTimeout(i,(Number.isFinite(a)&&a>0?a:s)+50),c=t=>{t.target?.closest?.(`[data-toast-id="${e}"]`)&&(f.value?.removeEventListener(`transitionend`,c),clearTimeout(o),i())};f.value?.addEventListener(`transitionend`,c)},O=(e,t)=>{let n=v(e);if(!n)return;let r=t.duration===void 0?n:b(n);_(e,{...r,...t,id:e}),t.duration!==void 0&&t.duration>0&&x(e,t.duration)},k=()=>{for(let e of d.value)e.phase!==`exiting`&&D(e.id)},A=e=>e.urgency??(e.color===`error`?`assertive`:`polite`),j=(0,a.computed)(()=>d.value.filter(e=>A(e)===`polite`)),M=(0,a.computed)(()=>d.value.filter(e=>A(e)===`assertive`));l(()=>{for(let e of d.value)e.timer&&clearTimeout(e.timer.timeoutId);p.clear()});let N=e=>{let t=()=>D(e.id);return i.html`
+        <div
+          class="toast-wrapper"
+          data-toast-id=${e.id}
+          part="toast-wrapper"
+          @pointerdown=${t=>p.get(e.id)?.handlePointerDown(t)}
+          @pointermove=${t=>p.get(e.id)?.handlePointerMove(t)}
+          @pointerup=${t=>p.get(e.id)?.handlePointerUp(t)}
+          @pointercancel=${t=>p.get(e.id)?.handlePointerCancel(t)}>
+          <div class="${()=>`toast-inner${e.phase===`active`?``:` ${e.phase}`}`}" part="toast-inner">
+            <ore-alert
+              color=${e.color||(e.urgency===`assertive`?`error`:`primary`)}
+              variant=${e.variant||`solid`}
+              size=${e.size||`md`}
+              rounded=${e.rounded||`md`}
+              ?horizontal=${e.horizontal}
+              heading=${e.heading||``}
+              ?dismissible=${e.dismissible!==!1}
+              @dismiss=${t}>
+              ${e.meta?i.html`<span slot="meta">${e.meta}</span>`:``} ${e.message}
+              ${c(e,t)}
+            </ore-alert>
+          </div>
+        </div>
+      `};return u(()=>{let e=t;e.add=E,e.clear=k,e.dismiss=D,e.update=O}),i.html`
+      <div
+        class="toast-container"
+        ref=${f}
+        @pointerenter=${()=>{m.value=!0,t.classList.add(`hovered`)}}
+        @pointerleave=${()=>{m.value=!1,t.classList.remove(`hovered`)}}
+        @focusin=${()=>{h.value=!0}}
+        @focusout=${()=>{h.value=!1}}
+        part="container">
+        <!-- Polite live region: normal informational toasts -->
+        <div
+          role="region"
+          aria-live="polite"
+          aria-relevant="additions removals"
+          aria-atomic="false"
+          aria-label="Notifications"
+          class="toast-live-region">
+          ${()=>j.value.map(N)}
+        </div>
+        <!-- Assertive live region: critical errors that interrupt immediately -->
+        <div
+          role="region"
+          aria-live="assertive"
+          aria-relevant="additions removals"
+          aria-atomic="false"
+          aria-label="Critical notifications"
+          class="toast-live-region">
+          ${()=>M.value.map(N)}
+        </div>
+        <slot></slot>
+      </div>
+    `},styles:[e.reducedMotionMixin,r.default]});function u(e=document.body){let n=null,r=!1,i=null,a=()=>n?.isConnected?n:(n=(e instanceof Element,e).querySelector(`ore-toast`),n||(n=document.createElement(`ore-toast`),i&&=(i.position&&n.setAttribute(`position`,i.position),i.max!=null&&n.setAttribute(`max`,String(i.max)),null),e.appendChild(n)),r=!0,n),o={add(e){return a().add(e)},clear(){a().clear()},configure(e){if(r){t.warn(`toast.configure() called after the container was already created; options ignored.`);return}i={...i,...e}},dismiss(e){a().dismiss(e)},error(e,t){return o.add({color:`error`,...t,message:e})},info(e,t){return o.add({color:`info`,...t,message:e})},async promise(e,t){let n=o.add({color:`primary`,dismissible:!1,duration:0,message:t.loading});try{let r=await e;return o.update(n,{color:`success`,dismissible:!0,duration:5e3,message:typeof t.success==`function`?t.success(r):t.success}),r}catch(e){throw o.update(n,{color:`error`,dismissible:!0,duration:5e3,message:typeof t.error==`function`?t.error(e):t.error}),e}},success(e,t){return o.add({color:`success`,...t,message:e})},update(e,t){a().update(e,t)},warning(e,t){return o.add({color:`warning`,...t,message:e})}};return o}var d=u();exports.TOAST_TAG=l,exports.createToastService=u,exports.toast=d;
+//# sourceMappingURL=toast.cjs.map

package/dist/toast.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.cjs","names":[],"sources":["../src/feedback/toast/toast.ts"],"sourcesContent":["import { uuid } from '@vielzeug/arsenal';\nimport { define, html, prop, ref } from '@vielzeug/ore';\nimport { computed, signal, watch } from '@vielzeug/ripple';\n\nimport type { SwipeControl } from '../../headless';\nimport type { ComponentSize, RoundedSize, ThemeColor } from '../../types';\n\nimport { warn } from '../../_dev';\nimport { createSwipeControl } from '../../headless';\nimport { reducedMotionMixin } from '../../styles';\nimport componentStyles from './toast.css?inline';\n\n// ---------------------------------------------------------------------------\n// NOTE: Architecture\n//\n// Each toast has two DOM layers:\n//   .toast-wrapper  — layout / stacking / grid positioning (no animation)\n//   .toast-inner    — animation target (opacity fade in/out)\n//\n// This separation means stacking rules (nth-last-child, hover) and animation\n// rules never fight over the same element. No !important needed anywhere.\n//\n// State: a single signal<ToastEntry[]> owns all per-toast state (data, phase,\n// timer). There are no parallel Sets or Maps tracking lifecycle separately.\n//\n// Exit animation: .toast-inner.exiting fades opacity → 0.\n// The wrapper stays in-flow during the fade so the grid doesn't snap shut.\n// After transitionend (or TOAST_EXIT_MS fallback), finalize() removes the\n// toast from the entries array which removes the wrapper from the DOM.\n//\n// Swipe gesture animates .toast-inner (not .toast-wrapper) to avoid\n// polluting the wrapper's transition state used by the exit animation.\n// Swipe commit calls finalizeRemoval() directly — it owns the animation,\n// so the normal removeToast() path is not involved.\n//\n// Close button: owned by the toast template, not ore-alert. ore-alert renders\n// content only. This keeps ore-alert a pure presentational component with no\n// animation lifecycle coupling.\n//\n// Max eviction: when adding would exceed max, oldest non-exiting toasts are\n// dismissed via removeToast() — animated, with onDismiss callback + event.\n//\n// Dismiss queue: removed. Each toast exits independently in parallel.\n// ---------------------------------------------------------------------------\n\n/** Duration (ms) of the CSS opacity exit transition on .toast-inner.\n * Must match the value in toast.css: `transition: opacity 300ms`.  */\nconst TOAST_EXIT_MS = 300;\n\n// ─── Types ───────────────────────────────────────────────────────────────────\n\nexport type OreToastEvents = {\n  add: { id: string };\n  dismiss: { id: string };\n};\n\nexport type OreToastProps = {\n  max?: number;\n  position?: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';\n};\n\n/** Individual toast notification */\nexport type ToastItem = {\n  actions?: Array<{\n    color?: ThemeColor;\n    label: string;\n    onClick?: () => void;\n    variant?: 'solid' | 'flat' | 'bordered';\n  }>;\n  color?: ThemeColor;\n  dismissible?: boolean;\n  /** Auto-dismiss delay in ms. Set to 0 for persistent toasts (default: 5000) */\n  duration?: number;\n  heading?: string;\n  /** Show message and actions side-by-side (horizontal layout) */\n  horizontal?: boolean;\n  /** Auto-generated via crypto.randomUUID() if omitted */\n  id?: string;\n  message: string;\n  /** Metadata text (e.g. timestamp) shown in the alert meta slot */\n  meta?: string;\n  /** Called after the toast is fully dismissed and removed */\n  onDismiss?: () => void;\n  rounded?: RoundedSize | '';\n  size?: ComponentSize;\n  /**\n   * Urgency level for screen readers.\n   * - `'polite'` (default): announced after the user finishes their current action.\n   * - `'assertive'`: interrupts the user immediately. Use only for critical errors.\n   */\n  urgency?: 'polite' | 'assertive';\n  variant?: 'solid' | 'flat' | 'bordered';\n};\n\ntype ToastPhase = 'entering' | 'active' | 'exiting';\n\ntype ToastTimer = {\n  remaining: number;\n  startedAt: number;\n  timeoutId: ReturnType<typeof setTimeout>;\n};\n\n/** Internal: a ToastItem that has been normalized and given a lifecycle phase. */\ntype ToastEntry = Required<Pick<ToastItem, 'dismissible' | 'duration' | 'id'>> &\n  Omit<ToastItem, 'dismissible' | 'duration' | 'id'> & {\n    id: string;\n    phase: ToastPhase;\n    timer: ToastTimer | null;\n  };\n\n/** Public API of the ore-toast element */\nexport interface ToastElement extends HTMLElement {\n  add: (toast: ToastItem) => string;\n  clear: () => void;\n  dismiss: (id: string) => void;\n  update: (id: string, updates: Partial<ToastItem>) => void;\n}\n\n// ─── Component ───────────────────────────────────────────────────────────────\n\n/**\n * An accessible toast stack with polite/assertive live regions and hover expansion.\n * Stacks up to 3 notifications with a 3D effect.\n *\n * @element ore-toast\n *\n * @attr {string} position - 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'\n * @attr {number} max - Max toasts in DOM at once (default: 5)\n *\n * @fires add - When a toast is added `{ id }`\n * @fires dismiss - When a toast is dismissed `{ id }`\n *\n * @slot - Manually placed `ore-alert` elements\n *\n * @cssprop --toast-position - Position type (default: fixed)\n * @cssprop --toast-inset-top - Top inset\n * @cssprop --toast-inset-bottom - Bottom inset\n * @cssprop --toast-inset-left - Left inset\n * @cssprop --toast-inset-right - Right inset\n * @cssprop --toast-z-index - Z-index (default: 9999)\n * @cssprop --toast-max-width - Max width (default: 400px)\n * @cssprop --toast-gap - Gap between expanded toasts (default: 0.5rem)\n * @cssprop --toast-exit-duration - Exit animation duration (default: 300ms)\n *\n * @example\n * ```html\n * <!-- Declarative: place once in HTML -->\n * <ore-toast position=\"bottom-right\"></ore-toast>\n *\n * <!-- Programmatic: use the singleton service -->\n * <script type=\"module\">\n *   import { toast } from '@vielzeug/refine';\n *   toast.success('Changes saved!');\n * </script>\n * ```\n */\n\n/** Renders the action buttons for a toast entry. */\nfunction renderToastActions(entry: ToastEntry, onDismiss: () => void) {\n  if (!entry.actions?.length) return '';\n\n  return html`\n    <div slot=\"actions\" class=\"toast-actions\">\n      ${entry.actions.map(\n        (action) => html`\n          <ore-button\n            size=\"sm\"\n            color=${action.color || entry.color || 'primary'}\n            variant=${action.variant || 'solid'}\n            @click=${() => {\n              action.onClick?.();\n              onDismiss();\n            }}\n            >${action.label}</ore-button\n          >\n        `,\n      )}\n    </div>\n  `;\n}\n\nexport const TOAST_TAG = 'ore-toast' as const;\ndefine<OreToastProps, OreToastEvents>(TOAST_TAG, {\n  props: {\n    max: prop.number(5),\n    position: prop.oneOf(\n      ['top-left', 'top-center', 'top-right', 'bottom-left', 'bottom-center', 'bottom-right'] as const,\n      'bottom-right',\n    ),\n  },\n  setup(props, { el, emit, onCleanup, onMounted }) {\n    // Single source of truth for all toast state.\n    const entries = signal<ToastEntry[]>([]);\n    const containerRef = ref<HTMLDivElement>();\n\n    // Per-toast swipe-to-dismiss controls (keyed by id, cleaned up in finalizeRemoval).\n    const swipeControls = new Map<string, SwipeControl>();\n\n    // Pause state is reactive so computed derivations and watches can observe it.\n    const hoverPaused = signal(false);\n    const focusPaused = signal(false);\n    const paused = computed(() => hoverPaused.value || focusPaused.value);\n\n    // ── Helpers ────────────────────────────────────────────────────────────\n\n    const updateEntry = (id: string, patch: Partial<ToastEntry>) => {\n      entries.value = entries.value.map((e) => (e.id === id ? { ...e, ...patch } : e));\n    };\n\n    const getEntry = (id: string) => entries.value.find((e) => e.id === id);\n\n    const getInner = (wrapperOrEvent: HTMLElement | Event): HTMLElement | null => {\n      const wrapper = wrapperOrEvent instanceof Event ? (wrapperOrEvent.currentTarget as HTMLElement) : wrapperOrEvent;\n\n      return wrapper.querySelector<HTMLElement>('.toast-inner');\n    };\n\n    // ── Timer management ───────────────────────────────────────────────────\n\n    const clearEntryTimer = (entry: ToastEntry): ToastEntry => {\n      if (entry.timer) clearTimeout(entry.timer.timeoutId);\n\n      return { ...entry, timer: null };\n    };\n\n    const scheduleTimer = (id: string, remaining: number) => {\n      if (remaining <= 0) return;\n\n      const timeoutId = setTimeout(() => removeToast(id), remaining);\n\n      updateEntry(id, { timer: { remaining, startedAt: Date.now(), timeoutId } });\n    };\n\n    const pauseTimers = () => {\n      entries.value = entries.value.map((e) => {\n        if (!e.timer) return e;\n\n        clearTimeout(e.timer.timeoutId);\n\n        return {\n          ...e,\n          timer: { ...e.timer, remaining: Math.max(0, e.timer.remaining - (Date.now() - e.timer.startedAt)) },\n        };\n      });\n    };\n\n    const resumeTimers = () => {\n      for (const e of entries.value) {\n        if (!e.timer || e.timer.remaining <= 0) continue;\n\n        const timeoutId = setTimeout(() => removeToast(e.id), e.timer.remaining);\n\n        updateEntry(e.id, { timer: { ...e.timer, startedAt: Date.now(), timeoutId } });\n      }\n    };\n\n    // Watch reactive pause state — automatically pauses/resumes all timers.\n    watch(paused, (isPaused) => {\n      if (isPaused) pauseTimers();\n      else resumeTimers();\n    });\n\n    // ── Swipe gesture ──────────────────────────────────────────────────────\n    // Animates .toast-inner to avoid polluting the wrapper transition state.\n    // On commit, calls finalizeRemoval() directly (swipe owns the animation).\n\n    const createToastSwipe = (id: string): SwipeControl => {\n      // Same reset behavior whether the swipe was interrupted by the platform\n      // (onCancel) or simply released without crossing the commit threshold\n      // (onRelease) — the toast snaps back to rest either way.\n      const resetSwipeStyles = ({ event }: { event: PointerEvent }): void => {\n        const inner = getInner(event);\n\n        if (!inner) return;\n\n        inner.style.transition = '';\n        inner.style.transform = '';\n        inner.style.opacity = '';\n      };\n\n      return createSwipeControl({\n        axis: () => 'x',\n        // Do not capture pointers for toast swipe gestures; capture can steal\n        // close-button clicks when the gesture does not move.\n        captureTarget: () => null,\n        disabled: computed(() => !(getEntry(id)?.dismissible ?? true)),\n        onCancel: resetSwipeStyles,\n        onCommit: ({ distance, event }) => {\n          const inner = getInner(event);\n\n          if (!inner) return;\n\n          const dir = distance >= 0 ? 1 : -1;\n          const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n          const finish = () => finalizeRemoval(id);\n\n          if (reducedMotion) {\n            inner.style.opacity = '0';\n            finish();\n\n            return;\n          }\n\n          inner.style.transition = 'transform 0.22s ease-out, opacity 0.22s ease-out';\n          void inner.offsetWidth;\n          inner.style.transform = `translateX(${dir * 120}%)`;\n          inner.style.opacity = '0';\n\n          const onTransitionEnd = (e: TransitionEvent) => {\n            if (e.target !== inner || e.propertyName !== 'transform') return;\n\n            inner.removeEventListener('transitionend', onTransitionEnd);\n            clearTimeout(fallback);\n            finish();\n          };\n\n          const fallback = setTimeout(() => {\n            inner.removeEventListener('transitionend', onTransitionEnd);\n            finish();\n          }, 300);\n\n          inner.addEventListener('transitionend', onTransitionEnd);\n        },\n        onMove: ({ distance, event }) => {\n          const inner = getInner(event);\n\n          if (!inner) return;\n\n          inner.style.transition = 'none';\n          inner.style.transform = `translateX(${distance}px)`;\n          inner.style.opacity = String(Math.max(0, 1 - Math.abs(distance) / 200));\n        },\n        onRelease: resetSwipeStyles,\n      });\n    };\n\n    // ── Toast lifecycle ────────────────────────────────────────────────────\n\n    /** Remove all per-entry resources and fire callbacks. Does not animate. */\n    const finalizeRemoval = (id: string) => {\n      const entry = getEntry(id);\n\n      // Clean up timer and swipe control before removing from signal.\n      if (entry?.timer) clearTimeout(entry.timer.timeoutId);\n\n      swipeControls.delete(id);\n      entries.value = entries.value.filter((e) => e.id !== id);\n      entry?.onDismiss?.();\n      emit('dismiss', { id });\n    };\n\n    const addToast = (item: ToastItem): string => {\n      const id = item.id || uuid();\n      const maxToasts = props.max?.value ?? 5;\n\n      // Evict oldest non-exiting toasts to stay within max — animated, with callbacks.\n      const active = entries.value.filter((e) => e.phase !== 'exiting');\n      const overflow = active.length - (maxToasts - 1);\n\n      if (overflow > 0) {\n        for (const evicted of active.slice(0, overflow)) removeToast(evicted.id);\n      }\n\n      const entry: ToastEntry = {\n        dismissible: true,\n        duration: 5000,\n        ...item,\n        id,\n        phase: 'entering',\n        timer: null,\n      };\n\n      swipeControls.set(id, createToastSwipe(id));\n      entries.value = [...entries.value, entry];\n      emit('add', { id });\n\n      requestAnimationFrame(() => {\n        // Guard: if the toast was dismissed before this rAF fired (e.g. evicted\n        // by max), do not overwrite its exiting phase back to active.\n        if (getEntry(id)?.phase === 'entering') updateEntry(id, { phase: 'active' });\n      });\n\n      if (entry.duration > 0) scheduleTimer(id, entry.duration);\n\n      return id;\n    };\n\n    const removeToast = (id: string) => {\n      const entry = getEntry(id);\n\n      // Already animating out or not found — ignore.\n      if (!entry || entry.phase === 'exiting') return;\n\n      // Clear the auto-dismiss timer: the user (or max-eviction) is dismissing now.\n      updateEntry(id, { ...clearEntryTimer(entry), phase: 'exiting' });\n\n      // Force a layout flush on the current inner element (if in DOM now) so the\n      // browser snapshots the current opacity as the animation start value.\n      const innerEl = containerRef.value?.querySelector<HTMLElement>(`[data-toast-id=\"${id}\"] .toast-inner`);\n\n      void innerEl?.offsetHeight;\n\n      let done = false;\n      const onDone = () => {\n        if (done) return;\n\n        done = true;\n        finalizeRemoval(id);\n      };\n\n      // TOAST_EXIT_MS is the built-in default, matching the CSS opacity transition's own\n      // default. Read the *actual* computed duration so a consumer-customized\n      // `--toast-exit-duration` doesn't get cut off by a shorter hardcoded fallback.\n      // Fallback fires if transitionend never arrives (jsdom, reduced-motion, etc.).\n      const computedExitMs = innerEl ? parseFloat(getComputedStyle(innerEl).transitionDuration) * 1000 : NaN;\n      const exitMs = Number.isFinite(computedExitMs) && computedExitMs > 0 ? computedExitMs : TOAST_EXIT_MS;\n      const fallback = setTimeout(onDone, exitMs + 50);\n\n      // Listen on the container with event delegation so we are immune to\n      // ore re-rendering the entries list (e.g. rAF phase transitions that\n      // rebuild DOM after our listener would have been set up).\n      // transitionend bubbles, so it reaches the container regardless of which\n      // generation of .toast-inner element fires it.\n      const onTransitionEnd = (e: TransitionEvent) => {\n        const wrapper = (e.target as HTMLElement | null)?.closest?.(`[data-toast-id=\"${id}\"]`);\n\n        if (!wrapper) return;\n\n        containerRef.value?.removeEventListener('transitionend', onTransitionEnd);\n        clearTimeout(fallback);\n        onDone();\n      };\n\n      containerRef.value?.addEventListener('transitionend', onTransitionEnd);\n    };\n\n    const updateToast = (id: string, updates: Partial<ToastItem>) => {\n      const entry = getEntry(id);\n\n      if (!entry) return;\n\n      const cleared = updates.duration !== undefined ? clearEntryTimer(entry) : entry;\n\n      updateEntry(id, { ...cleared, ...updates, id });\n\n      if (updates.duration !== undefined && updates.duration > 0) scheduleTimer(id, updates.duration);\n    };\n\n    const clearAll = () => {\n      // Fire all removals concurrently — parallel fades are visually correct.\n      for (const e of entries.value) {\n        if (e.phase !== 'exiting') removeToast(e.id);\n      }\n    };\n\n    // ── Derived lists for live regions ─────────────────────────────────────\n\n    const urgencyOf = (e: ToastEntry) => e.urgency ?? (e.color === 'error' ? 'assertive' : 'polite');\n    const politeEntries = computed(() => entries.value.filter((e) => urgencyOf(e) === 'polite'));\n    const assertiveEntries = computed(() => entries.value.filter((e) => urgencyOf(e) === 'assertive'));\n\n    // ── Cleanup on disconnect ──────────────────────────────────────────────\n\n    onCleanup(() => {\n      for (const e of entries.value) {\n        if (e.timer) clearTimeout(e.timer.timeoutId);\n      }\n\n      swipeControls.clear();\n    });\n\n    // ── Template ───────────────────────────────────────────────────────────\n\n    const renderEntry = (entry: ToastEntry) => {\n      const dismiss = () => removeToast(entry.id);\n\n      return html`\n        <div\n          class=\"toast-wrapper\"\n          data-toast-id=${entry.id}\n          part=\"toast-wrapper\"\n          @pointerdown=${(e: PointerEvent) => swipeControls.get(entry.id)?.handlePointerDown(e)}\n          @pointermove=${(e: PointerEvent) => swipeControls.get(entry.id)?.handlePointerMove(e)}\n          @pointerup=${(e: PointerEvent) => swipeControls.get(entry.id)?.handlePointerUp(e)}\n          @pointercancel=${(e: PointerEvent) => swipeControls.get(entry.id)?.handlePointerCancel(e)}>\n          <div class=\"${() => `toast-inner${entry.phase !== 'active' ? ` ${entry.phase}` : ''}`}\" part=\"toast-inner\">\n            <ore-alert\n              color=${entry.color || (entry.urgency === 'assertive' ? 'error' : 'primary')}\n              variant=${entry.variant || 'solid'}\n              size=${entry.size || 'md'}\n              rounded=${entry.rounded || 'md'}\n              ?horizontal=${entry.horizontal}\n              heading=${entry.heading || ''}\n              ?dismissible=${entry.dismissible !== false}\n              @dismiss=${dismiss}>\n              ${entry.meta ? html`<span slot=\"meta\">${entry.meta}</span>` : ''} ${entry.message}\n              ${renderToastActions(entry, dismiss)}\n            </ore-alert>\n          </div>\n        </div>\n      `;\n    };\n\n    // Expose imperative API directly on mount — calls made before mount are\n    // safe because ore mounts synchronously on connectedCallback.\n    onMounted(() => {\n      const toastEl = el as ToastElement;\n\n      toastEl.add = addToast;\n      toastEl.clear = clearAll;\n      toastEl.dismiss = removeToast;\n      toastEl.update = updateToast;\n    });\n\n    return html`\n      <div\n        class=\"toast-container\"\n        ref=${containerRef}\n        @pointerenter=${() => {\n          hoverPaused.value = true;\n          el.classList.add('hovered');\n        }}\n        @pointerleave=${() => {\n          hoverPaused.value = false;\n          el.classList.remove('hovered');\n        }}\n        @focusin=${() => {\n          focusPaused.value = true;\n        }}\n        @focusout=${() => {\n          focusPaused.value = false;\n        }}\n        part=\"container\">\n        <!-- Polite live region: normal informational toasts -->\n        <div\n          role=\"region\"\n          aria-live=\"polite\"\n          aria-relevant=\"additions removals\"\n          aria-atomic=\"false\"\n          aria-label=\"Notifications\"\n          class=\"toast-live-region\">\n          ${() => politeEntries.value.map(renderEntry)}\n        </div>\n        <!-- Assertive live region: critical errors that interrupt immediately -->\n        <div\n          role=\"region\"\n          aria-live=\"assertive\"\n          aria-relevant=\"additions removals\"\n          aria-atomic=\"false\"\n          aria-label=\"Critical notifications\"\n          class=\"toast-live-region\">\n          ${() => assertiveEntries.value.map(renderEntry)}\n        </div>\n        <slot></slot>\n      </div>\n    `;\n  },\n  styles: [reducedMotionMixin, componentStyles],\n});\n\n// ─── Toast service ────────────────────────────────────────────────────────────\n\nexport type ToastServiceConfig = OreToastProps;\n\nexport interface ToastService {\n  /** Add a toast and return its id */\n  add(item: ToastItem): string;\n  /** Dismiss all toasts (animated, in parallel) */\n  clear(): void;\n  /**\n   * Configure the auto-created container.\n   * Has no effect if called after the first `add()` — logs a dev warning in that case.\n   */\n  configure(config: ToastServiceConfig): void;\n  /** Dismiss a toast by id (animated) */\n  dismiss(id: string): void;\n  /** Shortcut: error toast with red color (assertive live region) */\n  error(message: string, opts?: Partial<ToastItem>): string;\n  /** Shortcut: info toast */\n  info(message: string, opts?: Partial<ToastItem>): string;\n  /**\n   * Shows a loading toast tied to a promise.\n   * Updates to success/error when the promise settles.\n   */\n  promise<T>(\n    promise: Promise<T>,\n    messages: {\n      error: string | ((err: unknown) => string);\n      loading: string;\n      success: string | ((data: T) => string);\n    },\n  ): Promise<T>;\n  /** Shortcut: success toast with green color */\n  success(message: string, opts?: Partial<ToastItem>): string;\n  /** Update an existing toast in-place */\n  update(id: string, updates: Partial<ToastItem>): void;\n  /** Shortcut: warning toast */\n  warning(message: string, opts?: Partial<ToastItem>): string;\n}\n\n/**\n * Creates a scoped toast service backed by an `ore-toast` element.\n *\n * The service lazily creates an `<ore-toast>` element inside `root` on first\n * use. Pass a custom root to scope notifications to a sub-tree (e.g. a drawer),\n * or use the pre-built `toast` singleton which targets `document.body`.\n *\n * @example\n * ```ts\n * // Scoped instance\n * const drawerToast = createToastService(drawerEl);\n * drawerToast.success('Saved inside drawer');\n *\n * // The default singleton\n * import { toast } from '@vielzeug/refine';\n * toast.success('Saved!');\n * ```\n */\nexport function createToastService(root: ParentNode = document.body): ToastService {\n  let host: ToastElement | null = null;\n  let configured = false;\n  let pendingConfig: ToastServiceConfig | null = null;\n\n  const getHost = (): ToastElement => {\n    if (host?.isConnected) return host;\n\n    // Re-use an existing element in the root (supports declarative placement).\n    host = (root instanceof Element ? root : (root as Document | ShadowRoot)).querySelector<ToastElement>('ore-toast');\n\n    if (!host) {\n      host = document.createElement('ore-toast') as ToastElement;\n\n      if (pendingConfig) {\n        if (pendingConfig.position) host.setAttribute('position', pendingConfig.position);\n\n        if (pendingConfig.max != null) host.setAttribute('max', String(pendingConfig.max));\n\n        pendingConfig = null;\n      }\n\n      (root as Element | Document).appendChild(host);\n    }\n\n    configured = true;\n\n    return host;\n  };\n\n  const service: ToastService = {\n    add(item) {\n      return getHost().add(item);\n    },\n\n    clear() {\n      getHost().clear();\n    },\n\n    configure(config) {\n      if (configured) {\n        warn('toast.configure() called after the container was already created; options ignored.');\n\n        return;\n      }\n\n      pendingConfig = { ...pendingConfig, ...config };\n    },\n\n    dismiss(id) {\n      getHost().dismiss(id);\n    },\n\n    error(message, opts) {\n      return service.add({ color: 'error', ...opts, message });\n    },\n\n    info(message, opts) {\n      return service.add({ color: 'info', ...opts, message });\n    },\n\n    async promise(promise, messages) {\n      const id = service.add({ color: 'primary', dismissible: false, duration: 0, message: messages.loading });\n\n      try {\n        const data = await promise;\n\n        service.update(id, {\n          color: 'success',\n          dismissible: true,\n          duration: 5000,\n          message: typeof messages.success === 'function' ? messages.success(data) : messages.success,\n        });\n\n        return data;\n      } catch (err) {\n        service.update(id, {\n          color: 'error',\n          dismissible: true,\n          duration: 5000,\n          message: typeof messages.error === 'function' ? messages.error(err) : messages.error,\n        });\n        throw err;\n      }\n    },\n\n    success(message, opts) {\n      return service.add({ color: 'success', ...opts, message });\n    },\n\n    update(id, updates) {\n      getHost().update(id, updates);\n    },\n\n    warning(message, opts) {\n      return service.add({ color: 'warning', ...opts, message });\n    },\n  };\n\n  return service;\n}\n\n/**\n * Singleton toast service — finds or creates a single `<ore-toast>` on `document.body`.\n *\n * @example\n * ```ts\n * import { toast } from '@vielzeug/refine';\n *\n * toast.success('Changes saved!');\n * toast.error('Upload failed', { duration: 0 });\n *\n * const id = toast.add({ message: 'Uploading…', duration: 0, dismissible: false });\n * toast.update(id, { message: 'Done!', color: 'success', duration: 3000, dismissible: true });\n *\n * await toast.promise(uploadFile(), {\n *   loading: 'Uploading…',\n *   success: (url) => `Uploaded to ${url}`,\n *   error: 'Upload failed',\n * });\n * ```\n */\nexport const toast: ToastService = createToastService();\n"],"mappings":"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"}