@pyreon/toast 0.11.5 → 0.11.7

package/README.md

@@ -11,21 +11,21 @@ bun add @pyreon/toast
 ## Usage
 
 ```tsx
-import { toast, Toaster } from "@pyreon/toast"
+import { toast, Toaster } from '@pyreon/toast'
 
 // Place once at app root
-<Toaster position="top-right" />
+;<Toaster position="top-right" />
 
 // Show toasts from anywhere — no provider needed
-toast.success("Saved!")
-toast.error("Connection failed")
-toast("Custom message", { duration: 8000 })
+toast.success('Saved!')
+toast.error('Connection failed')
+toast('Custom message', { duration: 8000 })
 
 // Promise pattern
 toast.promise(saveData(), {
-  loading: "Saving...",
-  success: "Done!",
-  error: "Failed",
+  loading: 'Saving...',
+  success: 'Done!',
+  error: 'Failed',
 })
 ```
 

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/toast.ts","../src/styles.ts","../src/toaster.tsx"],"sourcesContent":["import type { VNodeChild } from \"@pyreon/core\"\nimport { signal } from \"@pyreon/reactivity\"\nimport type { Toast, ToastOptions, ToastPromiseOptions, ToastType } from \"./types\"\n\n// ─── State ───────────────────────────────────────────────────────────────────\n\nlet _idCounter = 0\nconst DEFAULT_DURATION = 4000\n\n/**\n * Module-level signal holding the active toast stack.\n * Consumed by the `Toaster` component.\n */\nexport const _toasts = signal<Toast[]>([])\n\n// ─── Internal helpers ────────────────────────────────────────────────────────\n\nfunction generateId(): string {\n  return `pyreon-toast-${++_idCounter}`\n}\n\nfunction startTimer(t: Toast): void {\n  if (t.duration <= 0) return\n  t.timerStart = Date.now()\n  t.remaining = t.duration\n  t.timer = setTimeout(() => dismiss(t.id), t.duration)\n}\n\nfunction addToast(message: string | VNodeChild, options: ToastOptions = {}): string {\n  const id = generateId()\n  const t: Toast = {\n    id,\n    message,\n    type: options.type ?? \"info\",\n    duration: options.duration ?? DEFAULT_DURATION,\n    dismissible: options.dismissible ?? true,\n    action: options.action,\n    onDismiss: options.onDismiss,\n    state: \"entering\",\n    timer: undefined,\n    remaining: 0,\n    timerStart: 0,\n  }\n\n  startTimer(t)\n  _toasts.set([..._toasts(), t])\n\n  return id\n}\n\nfunction dismiss(id?: string): void {\n  const current = _toasts()\n\n  if (id === undefined) {\n    // Clear all\n    for (const t of current) {\n      if (t.timer !== undefined) clearTimeout(t.timer)\n      t.onDismiss?.()\n    }\n    _toasts.set([])\n    return\n  }\n\n  const match = current.find((item) => item.id === id)\n  if (!match) return\n\n  if (match.timer !== undefined) clearTimeout(match.timer)\n  match.onDismiss?.()\n  _toasts.set(current.filter((item) => item.id !== id))\n}\n\nfunction updateToast(\n  id: string,\n  updates: Partial<Pick<Toast, \"message\" | \"type\" | \"duration\">>,\n): void {\n  const current = _toasts()\n  const idx = current.findIndex((item) => item.id === id)\n  if (idx === -1) return\n\n  const t = current[idx] as Toast\n  if (t.timer !== undefined) clearTimeout(t.timer)\n\n  const updated: Toast = {\n    ...t,\n    message: updates.message ?? t.message,\n    type: updates.type ?? t.type,\n    duration: updates.duration ?? t.duration,\n    timer: undefined,\n    remaining: 0,\n    timerStart: 0,\n  }\n\n  const duration = updates.duration ?? t.duration\n  updated.duration = duration\n  startTimer(updated)\n\n  const next = [...current]\n  next[idx] = updated\n  _toasts.set(next)\n}\n\n// ─── Pause / resume (for hover) ─────────────────────────────────────────────\n\nexport function _pauseAll(): void {\n  for (const t of _toasts()) {\n    if (t.timer !== undefined) {\n      clearTimeout(t.timer)\n      t.remaining = Math.max(0, t.remaining - (Date.now() - t.timerStart))\n      t.timer = undefined\n    }\n  }\n}\n\nexport function _resumeAll(): void {\n  for (const t of _toasts()) {\n    if (t.duration > 0 && t.timer === undefined && t.remaining > 0) {\n      t.timerStart = Date.now()\n      t.timer = setTimeout(() => dismiss(t.id), t.remaining)\n    }\n  }\n}\n\n// ─── Public imperative API ───────────────────────────────────────────────────\n\n/**\n * Show a toast notification.\n *\n * @example\n * toast(\"Saved!\")\n * toast(\"Error occurred\", { type: \"error\", duration: 6000 })\n *\n * @returns The toast id — pass to `toast.dismiss(id)` to remove it.\n */\nexport function toast(message: string | VNodeChild, options?: ToastOptions): string {\n  return addToast(message, options)\n}\n\nfunction shortcut(type: ToastType) {\n  return (message: string | VNodeChild, options?: Omit<ToastOptions, \"type\">): string =>\n    addToast(message, { ...options, type })\n}\n\n/** Show a success toast. */\ntoast.success = shortcut(\"success\")\n\n/** Show an error toast. */\ntoast.error = shortcut(\"error\")\n\n/** Show a warning toast. */\ntoast.warning = shortcut(\"warning\")\n\n/** Show an info toast. */\ntoast.info = shortcut(\"info\")\n\n/** Show a persistent loading toast. Returns id for later update/dismiss. */\ntoast.loading = (\n  message: string | VNodeChild,\n  options?: Omit<ToastOptions, \"type\" | \"duration\">,\n): string => addToast(message, { ...options, type: \"info\", duration: 0 })\n\n/** Update an existing toast (message, type, duration). */\ntoast.update = (\n  id: string,\n  updates: Partial<Pick<ToastOptions, \"type\" | \"duration\">> & { message?: string | VNodeChild },\n): void => updateToast(id, updates)\n\n/** Dismiss a specific toast by id, or all toasts if no id is given. */\ntoast.dismiss = dismiss\n\n/**\n * Show a loading toast that updates on promise resolution or rejection.\n *\n * @example\n * toast.promise(saveTodo(), {\n *   loading: \"Saving...\",\n *   success: \"Saved!\",\n *   error: \"Failed to save\",\n * })\n */\ntoast.promise = function toastPromise<T>(\n  promise: Promise<T>,\n  opts: ToastPromiseOptions<T>,\n): Promise<T> {\n  const id = addToast(opts.loading, { type: \"info\", duration: 0 })\n\n  promise.then(\n    (data) => {\n      const msg = typeof opts.success === \"function\" ? opts.success(data) : opts.success\n      updateToast(id, { message: msg, type: \"success\", duration: DEFAULT_DURATION })\n    },\n    (err: unknown) => {\n      const msg = typeof opts.error === \"function\" ? opts.error(err) : opts.error\n      updateToast(id, { message: msg, type: \"error\", duration: DEFAULT_DURATION })\n    },\n  )\n\n  return promise\n}\n\n// ─── Test utilities ──────────────────────────────────────────────────────────\n\n/** @internal Reset state for testing. */\nexport function _reset(): void {\n  const current = _toasts()\n  for (const t of current) {\n    if (t.timer !== undefined) clearTimeout(t.timer)\n  }\n  _toasts.set([])\n  _idCounter = 0\n}\n","/**\n * Minimal CSS for the toast container and items.\n * Injected into the DOM once when the Toaster component mounts.\n */\nexport const toastStyles = /* css */ `\n.pyreon-toast-container {\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n  display: flex;\n  flex-direction: column;\n}\n\n.pyreon-toast {\n  pointer-events: auto;\n  background: #fff;\n  color: #1a1a1a;\n  padding: 12px 16px;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n  line-height: 1.4;\n  opacity: 1;\n  transform: translateY(0);\n  transition: opacity 200ms ease, transform 200ms ease, max-height 200ms ease;\n  max-height: 200px;\n  overflow: hidden;\n}\n\n.pyreon-toast--entering {\n  opacity: 0;\n  transform: translateY(-8px);\n}\n\n.pyreon-toast--exiting {\n  opacity: 0;\n  max-height: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.pyreon-toast--info { border-left: 4px solid #3b82f6; }\n.pyreon-toast--success { border-left: 4px solid #22c55e; }\n.pyreon-toast--warning { border-left: 4px solid #f59e0b; }\n.pyreon-toast--error { border-left: 4px solid #ef4444; }\n\n.pyreon-toast__message { flex: 1; }\n\n.pyreon-toast__action {\n  background: none;\n  border: 1px solid #e5e7eb;\n  border-radius: 4px;\n  padding: 4px 8px;\n  font-size: 13px;\n  cursor: pointer;\n  color: #3b82f6;\n  white-space: nowrap;\n}\n\n.pyreon-toast__action:hover {\n  background: #f3f4f6;\n}\n\n.pyreon-toast__dismiss {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 2px 4px;\n  font-size: 16px;\n  color: #9ca3af;\n  line-height: 1;\n}\n\n.pyreon-toast__dismiss:hover {\n  color: #4b5563;\n}\n`\n","import type { VNodeChild } from \"@pyreon/core\"\nimport { For, Portal } from \"@pyreon/core\"\nimport { computed, effect, onCleanup } from \"@pyreon/reactivity\"\nimport { toastStyles } from \"./styles\"\nimport { _pauseAll, _resumeAll, _toasts, toast } from \"./toast\"\nimport type { Toast, ToasterProps, ToastPosition } from \"./types\"\n\n// ─── Style injection ─────────────────────────────────────────────────────────\n\nfunction injectStyles(): void {\n  if (typeof document === \"undefined\") return\n  if (document.querySelector(\"style[data-pyreon-toast]\")) return\n\n  const style = document.createElement(\"style\")\n  style.setAttribute(\"data-pyreon-toast\", \"\")\n  style.textContent = toastStyles\n  document.head.appendChild(style)\n}\n\n// ─── Position helpers ────────────────────────────────────────────────────────\n\nfunction getContainerStyle(position: ToastPosition, gap: number, offset: number): string {\n  const [vertical, horizontal] = position.split(\"-\") as [string, string]\n\n  let style = `gap: ${gap}px;`\n\n  if (vertical === \"top\") {\n    style += ` top: ${offset}px;`\n  } else {\n    style += ` bottom: ${offset}px;`\n    style += \" flex-direction: column-reverse;\"\n  }\n\n  if (horizontal === \"left\") {\n    style += ` left: ${offset}px;`\n  } else if (horizontal === \"center\") {\n    style += \" left: 50%; transform: translateX(-50%);\"\n  } else {\n    style += ` right: ${offset}px;`\n  }\n\n  return style\n}\n\n// ─── Toaster component ──────────────────────────────────────────────────────\n\n/**\n * Render component for toast notifications. Place once at your app root.\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <>\n *       <Toaster position=\"bottom-right\" />\n *       <MyApp />\n *     </>\n *   )\n * }\n * ```\n */\nexport function Toaster(props?: ToasterProps): VNodeChild {\n  const position = props?.position ?? \"top-right\"\n  const max = props?.max ?? 5\n  const gap = props?.gap ?? 8\n  const offset = props?.offset ?? 16\n\n  injectStyles()\n\n  // Promote \"entering\" toasts to \"visible\" on next frame.\n  // Only runs when there are actually entering toasts (early return guard).\n  effect(() => {\n    const toasts = _toasts()\n    const hasEntering = toasts.some((t) => t.state === \"entering\")\n    if (!hasEntering) return\n\n    const raf = requestAnimationFrame(() => {\n      const current = _toasts()\n      let changed = false\n      const next = current.map((t) => {\n        if (t.state === \"entering\") {\n          changed = true\n          return { ...t, state: \"visible\" as const }\n        }\n        return t\n      })\n      if (changed) _toasts.set(next)\n    })\n\n    onCleanup(() => cancelAnimationFrame(raf))\n  })\n\n  // Computed visible toasts — only the most recent `max` items\n  const visibleToasts = computed(() => _toasts().slice(-max))\n\n  const containerStyle = getContainerStyle(position, gap, offset)\n\n  return (\n    <Portal target={document.body}>\n      <section\n        class=\"pyreon-toast-container\"\n        style={containerStyle}\n        aria-label=\"Notifications\"\n        aria-live=\"polite\"\n        onMouseEnter={_pauseAll}\n        onMouseLeave={_resumeAll}\n      >\n        <For each={visibleToasts} by={(t: Toast) => t.id}>\n          {(t: Toast) => <ToastItem toast={t} />}\n        </For>\n      </section>\n    </Portal>\n  )\n}\n\n// ─── Toast item ─────────────────────────────────────────────────────────────\n\nfunction ToastItem({ toast: t }: { toast: Toast }): VNodeChild {\n  const stateClass =\n    t.state === \"entering\"\n      ? \" pyreon-toast--entering\"\n      : t.state === \"exiting\"\n        ? \" pyreon-toast--exiting\"\n        : \"\"\n\n  return (\n    <div\n      class={`pyreon-toast pyreon-toast--${t.type}${stateClass}`}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      data-toast-id={t.id}\n    >\n      <div class=\"pyreon-toast__message\">\n        {typeof t.message === \"string\" ? t.message : t.message}\n      </div>\n      {t.action && (\n        <button type=\"button\" class=\"pyreon-toast__action\" onClick={t.action.onClick}>\n          {t.action.label}\n        </button>\n      )}\n      {t.dismissible && (\n        <button\n          type=\"button\"\n          class=\"pyreon-toast__dismiss\"\n          onClick={() => toast.dismiss(t.id)}\n          aria-label=\"Dismiss\"\n        >\n          ×\n        </button>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/toast.ts","../src/styles.ts","../src/toaster.tsx"],"sourcesContent":["import type { VNodeChild } from '@pyreon/core'\nimport { signal } from '@pyreon/reactivity'\nimport type { Toast, ToastOptions, ToastPromiseOptions, ToastType } from './types'\n\n// ─── State ───────────────────────────────────────────────────────────────────\n\nlet _idCounter = 0\nconst DEFAULT_DURATION = 4000\n\n/**\n * Module-level signal holding the active toast stack.\n * Consumed by the `Toaster` component.\n */\nexport const _toasts = signal<Toast[]>([])\n\n// ─── Internal helpers ────────────────────────────────────────────────────────\n\nfunction generateId(): string {\n  return `pyreon-toast-${++_idCounter}`\n}\n\nfunction startTimer(t: Toast): void {\n  if (t.duration <= 0) return\n  t.timerStart = Date.now()\n  t.remaining = t.duration\n  t.timer = setTimeout(() => dismiss(t.id), t.duration)\n}\n\nfunction addToast(message: string | VNodeChild, options: ToastOptions = {}): string {\n  const id = generateId()\n  const t: Toast = {\n    id,\n    message,\n    type: options.type ?? 'info',\n    duration: options.duration ?? DEFAULT_DURATION,\n    dismissible: options.dismissible ?? true,\n    action: options.action,\n    onDismiss: options.onDismiss,\n    state: 'entering',\n    timer: undefined,\n    remaining: 0,\n    timerStart: 0,\n  }\n\n  startTimer(t)\n  _toasts.set([..._toasts(), t])\n\n  return id\n}\n\nfunction dismiss(id?: string): void {\n  const current = _toasts()\n\n  if (id === undefined) {\n    // Clear all\n    for (const t of current) {\n      if (t.timer !== undefined) clearTimeout(t.timer)\n      t.onDismiss?.()\n    }\n    _toasts.set([])\n    return\n  }\n\n  const match = current.find((item) => item.id === id)\n  if (!match) return\n\n  if (match.timer !== undefined) clearTimeout(match.timer)\n  match.onDismiss?.()\n  _toasts.set(current.filter((item) => item.id !== id))\n}\n\nfunction updateToast(\n  id: string,\n  updates: Partial<Pick<Toast, 'message' | 'type' | 'duration'>>,\n): void {\n  const current = _toasts()\n  const idx = current.findIndex((item) => item.id === id)\n  if (idx === -1) return\n\n  const t = current[idx] as Toast\n  if (t.timer !== undefined) clearTimeout(t.timer)\n\n  const updated: Toast = {\n    ...t,\n    message: updates.message ?? t.message,\n    type: updates.type ?? t.type,\n    duration: updates.duration ?? t.duration,\n    timer: undefined,\n    remaining: 0,\n    timerStart: 0,\n  }\n\n  const duration = updates.duration ?? t.duration\n  updated.duration = duration\n  startTimer(updated)\n\n  const next = [...current]\n  next[idx] = updated\n  _toasts.set(next)\n}\n\n// ─── Pause / resume (for hover) ─────────────────────────────────────────────\n\nexport function _pauseAll(): void {\n  for (const t of _toasts()) {\n    if (t.timer !== undefined) {\n      clearTimeout(t.timer)\n      t.remaining = Math.max(0, t.remaining - (Date.now() - t.timerStart))\n      t.timer = undefined\n    }\n  }\n}\n\nexport function _resumeAll(): void {\n  for (const t of _toasts()) {\n    if (t.duration > 0 && t.timer === undefined && t.remaining > 0) {\n      t.timerStart = Date.now()\n      t.timer = setTimeout(() => dismiss(t.id), t.remaining)\n    }\n  }\n}\n\n// ─── Public imperative API ───────────────────────────────────────────────────\n\n/**\n * Show a toast notification.\n *\n * @example\n * toast(\"Saved!\")\n * toast(\"Error occurred\", { type: \"error\", duration: 6000 })\n *\n * @returns The toast id — pass to `toast.dismiss(id)` to remove it.\n */\nexport function toast(message: string | VNodeChild, options?: ToastOptions): string {\n  return addToast(message, options)\n}\n\nfunction shortcut(type: ToastType) {\n  return (message: string | VNodeChild, options?: Omit<ToastOptions, 'type'>): string =>\n    addToast(message, { ...options, type })\n}\n\n/** Show a success toast. */\ntoast.success = shortcut('success')\n\n/** Show an error toast. */\ntoast.error = shortcut('error')\n\n/** Show a warning toast. */\ntoast.warning = shortcut('warning')\n\n/** Show an info toast. */\ntoast.info = shortcut('info')\n\n/** Show a persistent loading toast. Returns id for later update/dismiss. */\ntoast.loading = (\n  message: string | VNodeChild,\n  options?: Omit<ToastOptions, 'type' | 'duration'>,\n): string => addToast(message, { ...options, type: 'info', duration: 0 })\n\n/** Update an existing toast (message, type, duration). */\ntoast.update = (\n  id: string,\n  updates: Partial<Pick<ToastOptions, 'type' | 'duration'>> & { message?: string | VNodeChild },\n): void => updateToast(id, updates)\n\n/** Dismiss a specific toast by id, or all toasts if no id is given. */\ntoast.dismiss = dismiss\n\n/**\n * Show a loading toast that updates on promise resolution or rejection.\n *\n * @example\n * toast.promise(saveTodo(), {\n *   loading: \"Saving...\",\n *   success: \"Saved!\",\n *   error: \"Failed to save\",\n * })\n */\ntoast.promise = function toastPromise<T>(\n  promise: Promise<T>,\n  opts: ToastPromiseOptions<T>,\n): Promise<T> {\n  const id = addToast(opts.loading, { type: 'info', duration: 0 })\n\n  promise.then(\n    (data) => {\n      const msg = typeof opts.success === 'function' ? opts.success(data) : opts.success\n      updateToast(id, { message: msg, type: 'success', duration: DEFAULT_DURATION })\n    },\n    (err: unknown) => {\n      const msg = typeof opts.error === 'function' ? opts.error(err) : opts.error\n      updateToast(id, { message: msg, type: 'error', duration: DEFAULT_DURATION })\n    },\n  )\n\n  return promise\n}\n\n// ─── Test utilities ──────────────────────────────────────────────────────────\n\n/** @internal Reset state for testing. */\nexport function _reset(): void {\n  const current = _toasts()\n  for (const t of current) {\n    if (t.timer !== undefined) clearTimeout(t.timer)\n  }\n  _toasts.set([])\n  _idCounter = 0\n}\n","/**\n * Minimal CSS for the toast container and items.\n * Injected into the DOM once when the Toaster component mounts.\n */\nexport const toastStyles = /* css */ `\n.pyreon-toast-container {\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n  display: flex;\n  flex-direction: column;\n}\n\n.pyreon-toast {\n  pointer-events: auto;\n  background: #fff;\n  color: #1a1a1a;\n  padding: 12px 16px;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n  line-height: 1.4;\n  opacity: 1;\n  transform: translateY(0);\n  transition: opacity 200ms ease, transform 200ms ease, max-height 200ms ease;\n  max-height: 200px;\n  overflow: hidden;\n}\n\n.pyreon-toast--entering {\n  opacity: 0;\n  transform: translateY(-8px);\n}\n\n.pyreon-toast--exiting {\n  opacity: 0;\n  max-height: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.pyreon-toast--info { border-left: 4px solid #3b82f6; }\n.pyreon-toast--success { border-left: 4px solid #22c55e; }\n.pyreon-toast--warning { border-left: 4px solid #f59e0b; }\n.pyreon-toast--error { border-left: 4px solid #ef4444; }\n\n.pyreon-toast__message { flex: 1; }\n\n.pyreon-toast__action {\n  background: none;\n  border: 1px solid #e5e7eb;\n  border-radius: 4px;\n  padding: 4px 8px;\n  font-size: 13px;\n  cursor: pointer;\n  color: #3b82f6;\n  white-space: nowrap;\n}\n\n.pyreon-toast__action:hover {\n  background: #f3f4f6;\n}\n\n.pyreon-toast__dismiss {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 2px 4px;\n  font-size: 16px;\n  color: #9ca3af;\n  line-height: 1;\n}\n\n.pyreon-toast__dismiss:hover {\n  color: #4b5563;\n}\n`\n","import type { VNodeChild } from '@pyreon/core'\nimport { For, Portal } from '@pyreon/core'\nimport { computed, effect, onCleanup } from '@pyreon/reactivity'\nimport { toastStyles } from './styles'\nimport { _pauseAll, _resumeAll, _toasts, toast } from './toast'\nimport type { Toast, ToasterProps, ToastPosition } from './types'\n\n// ─── Style injection ─────────────────────────────────────────────────────────\n\nfunction injectStyles(): void {\n  if (typeof document === 'undefined') return\n  if (document.querySelector('style[data-pyreon-toast]')) return\n\n  const style = document.createElement('style')\n  style.setAttribute('data-pyreon-toast', '')\n  style.textContent = toastStyles\n  document.head.appendChild(style)\n}\n\n// ─── Position helpers ────────────────────────────────────────────────────────\n\nfunction getContainerStyle(position: ToastPosition, gap: number, offset: number): string {\n  const [vertical, horizontal] = position.split('-') as [string, string]\n\n  let style = `gap: ${gap}px;`\n\n  if (vertical === 'top') {\n    style += ` top: ${offset}px;`\n  } else {\n    style += ` bottom: ${offset}px;`\n    style += ' flex-direction: column-reverse;'\n  }\n\n  if (horizontal === 'left') {\n    style += ` left: ${offset}px;`\n  } else if (horizontal === 'center') {\n    style += ' left: 50%; transform: translateX(-50%);'\n  } else {\n    style += ` right: ${offset}px;`\n  }\n\n  return style\n}\n\n// ─── Toaster component ──────────────────────────────────────────────────────\n\n/**\n * Render component for toast notifications. Place once at your app root.\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <>\n *       <Toaster position=\"bottom-right\" />\n *       <MyApp />\n *     </>\n *   )\n * }\n * ```\n */\nexport function Toaster(props?: ToasterProps): VNodeChild {\n  const position = props?.position ?? 'top-right'\n  const max = props?.max ?? 5\n  const gap = props?.gap ?? 8\n  const offset = props?.offset ?? 16\n\n  injectStyles()\n\n  // Promote \"entering\" toasts to \"visible\" on next frame.\n  // Only runs when there are actually entering toasts (early return guard).\n  effect(() => {\n    const toasts = _toasts()\n    const hasEntering = toasts.some((t) => t.state === 'entering')\n    if (!hasEntering) return\n\n    const raf = requestAnimationFrame(() => {\n      const current = _toasts()\n      let changed = false\n      const next = current.map((t) => {\n        if (t.state === 'entering') {\n          changed = true\n          return { ...t, state: 'visible' as const }\n        }\n        return t\n      })\n      if (changed) _toasts.set(next)\n    })\n\n    onCleanup(() => cancelAnimationFrame(raf))\n  })\n\n  // Computed visible toasts — only the most recent `max` items\n  const visibleToasts = computed(() => _toasts().slice(-max))\n\n  const containerStyle = getContainerStyle(position, gap, offset)\n\n  return (\n    <Portal target={document.body}>\n      <section\n        class=\"pyreon-toast-container\"\n        style={containerStyle}\n        aria-label=\"Notifications\"\n        aria-live=\"polite\"\n        onMouseEnter={_pauseAll}\n        onMouseLeave={_resumeAll}\n      >\n        <For each={visibleToasts} by={(t: Toast) => t.id}>\n          {(t: Toast) => <ToastItem toast={t} />}\n        </For>\n      </section>\n    </Portal>\n  )\n}\n\n// ─── Toast item ─────────────────────────────────────────────────────────────\n\nfunction ToastItem({ toast: t }: { toast: Toast }): VNodeChild {\n  const stateClass =\n    t.state === 'entering'\n      ? ' pyreon-toast--entering'\n      : t.state === 'exiting'\n        ? ' pyreon-toast--exiting'\n        : ''\n\n  return (\n    <div\n      class={`pyreon-toast pyreon-toast--${t.type}${stateClass}`}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      data-toast-id={t.id}\n    >\n      <div class=\"pyreon-toast__message\">\n        {typeof t.message === 'string' ? t.message : t.message}\n      </div>\n      {t.action && (\n        <button type=\"button\" class=\"pyreon-toast__action\" onClick={t.action.onClick}>\n          {t.action.label}\n        </button>\n      )}\n      {t.dismissible && (\n        <button\n          type=\"button\"\n          class=\"pyreon-toast__dismiss\"\n          onClick={() => toast.dismiss(t.id)}\n          aria-label=\"Dismiss\"\n        >\n          ×\n        </button>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/lib/types/index.d.ts

@@ -2,8 +2,8 @@ import * as _pyreon_reactivity0 from "@pyreon/reactivity";
 import { VNodeChild } from "@pyreon/core";
 
 //#region src/types.d.ts
-type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
-type ToastType = "info" | "success" | "warning" | "error";
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+type ToastType = 'info' | 'success' | 'warning' | 'error';
 interface ToastOptions {
   /** Toast variant — controls styling. */
   type?: ToastType;
@@ -36,7 +36,7 @@ interface ToastPromiseOptions<T> {
   success: string | VNodeChild | ((data: T) => string | VNodeChild);
   error: string | VNodeChild | ((err: unknown) => string | VNodeChild);
 }
-type ToastState = "entering" | "visible" | "exiting";
+type ToastState = 'entering' | 'visible' | 'exiting';
 interface Toast {
   id: string;
   message: string | VNodeChild;

package/package.json

@@ -1,20 +1,17 @@
 {
   "name": "@pyreon/toast",
-  "version": "0.11.5",
+  "version": "0.11.7",
   "description": "Imperative toast notifications for Pyreon — no provider needed",
+  "homepage": "https://github.com/pyreon/pyreon/tree/main/packages/toast#readme",
+  "bugs": {
+    "url": "https://github.com/pyreon/pyreon/issues"
+  },
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/pyreon/pyreon.git",
     "directory": "packages/fundamentals/toast"
   },
-  "homepage": "https://github.com/pyreon/pyreon/tree/main/packages/toast#readme",
-  "bugs": {
-    "url": "https://github.com/pyreon/pyreon/issues"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
   "files": [
     "lib",
     "src",
@@ -22,6 +19,7 @@
     "LICENSE"
   ],
   "type": "module",
+  "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/types/index.d.ts",
@@ -32,22 +30,24 @@
       "types": "./lib/types/index.d.ts"
     }
   },
-  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "vl_rolldown_build",
     "dev": "vl_rolldown_build-watch",
     "test": "vitest run",
     "typecheck": "tsc --noEmit",
-    "lint": "biome check ."
-  },
-  "peerDependencies": {
-    "@pyreon/core": "^0.11.5",
-    "@pyreon/reactivity": "^0.11.5"
+    "lint": "oxlint ."
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.8.3",
-    "@pyreon/core": "^0.11.5",
-    "@pyreon/reactivity": "^0.11.5",
+    "@pyreon/core": "^0.11.7",
+    "@pyreon/reactivity": "^0.11.7",
     "@vitus-labs/tools-lint": "^1.11.0"
+  },
+  "peerDependencies": {
+    "@pyreon/core": "^0.11.7",
+    "@pyreon/reactivity": "^0.11.7"
   }
 }

package/src/index.ts

@@ -27,8 +27,8 @@
  * })
  */
 
-export { _reset, _toasts, toast } from "./toast"
-export { Toaster } from "./toaster"
+export { _reset, _toasts, toast } from './toast'
+export { Toaster } from './toaster'
 export type {
   Toast,
   ToasterProps,
@@ -37,4 +37,4 @@ export type {
   ToastPromiseOptions,
   ToastState,
   ToastType,
-} from "./types"
+} from './types'

package/src/tests/toast.test.ts

@@ -1,5 +1,5 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest"
-import { _pauseAll, _reset, _resumeAll, _toasts, toast } from "../toast"
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { _pauseAll, _reset, _resumeAll, _toasts, toast } from '../toast'
 
 /** Helper — get toast at index with non-null assertion (tests verify length first). */
 function at(index: number) {
@@ -16,106 +16,106 @@ afterEach(() => {
   _reset()
 })
 
-describe("toast()", () => {
-  it("adds a toast to the stack", () => {
-    toast("Hello")
+describe('toast()', () => {
+  it('adds a toast to the stack', () => {
+    toast('Hello')
     expect(_toasts().length).toBe(1)
-    expect(at(0).message).toBe("Hello")
+    expect(at(0).message).toBe('Hello')
   })
 
-  it("returns the toast id", () => {
-    const id = toast("Hello")
-    expect(typeof id).toBe("string")
+  it('returns the toast id', () => {
+    const id = toast('Hello')
+    expect(typeof id).toBe('string')
     expect(id).toMatch(/^pyreon-toast-/)
   })
 
-  it("defaults to type info", () => {
-    toast("Hello")
-    expect(at(0).type).toBe("info")
+  it('defaults to type info', () => {
+    toast('Hello')
+    expect(at(0).type).toBe('info')
   })
 
-  it("defaults dismissible to true", () => {
-    toast("Hello")
+  it('defaults dismissible to true', () => {
+    toast('Hello')
     expect(at(0).dismissible).toBe(true)
   })
 
-  it("respects custom options", () => {
-    toast("Hello", { type: "error", duration: 0, dismissible: false })
+  it('respects custom options', () => {
+    toast('Hello', { type: 'error', duration: 0, dismissible: false })
     const t = at(0)
-    expect(t.type).toBe("error")
+    expect(t.type).toBe('error')
     expect(t.duration).toBe(0)
     expect(t.dismissible).toBe(false)
   })
 })
 
-describe("toast.success/error/warning/info", () => {
-  it("toast.success sets type to success", () => {
-    toast.success("Done")
-    expect(at(0).type).toBe("success")
+describe('toast.success/error/warning/info', () => {
+  it('toast.success sets type to success', () => {
+    toast.success('Done')
+    expect(at(0).type).toBe('success')
   })
 
-  it("toast.error sets type to error", () => {
-    toast.error("Failed")
-    expect(at(0).type).toBe("error")
+  it('toast.error sets type to error', () => {
+    toast.error('Failed')
+    expect(at(0).type).toBe('error')
   })
 
-  it("toast.warning sets type to warning", () => {
-    toast.warning("Watch out")
-    expect(at(0).type).toBe("warning")
+  it('toast.warning sets type to warning', () => {
+    toast.warning('Watch out')
+    expect(at(0).type).toBe('warning')
   })
 
-  it("toast.info sets type to info", () => {
-    toast.info("FYI")
-    expect(at(0).type).toBe("info")
+  it('toast.info sets type to info', () => {
+    toast.info('FYI')
+    expect(at(0).type).toBe('info')
   })
 })
 
-describe("toast.dismiss", () => {
-  it("removes a specific toast by id", () => {
-    const id1 = toast("First")
-    toast("Second")
+describe('toast.dismiss', () => {
+  it('removes a specific toast by id', () => {
+    const id1 = toast('First')
+    toast('Second')
     expect(_toasts().length).toBe(2)
 
     toast.dismiss(id1)
     expect(_toasts().length).toBe(1)
-    expect(at(0).message).toBe("Second")
+    expect(at(0).message).toBe('Second')
   })
 
-  it("clears all toasts when no id is given", () => {
-    toast("First")
-    toast("Second")
-    toast("Third")
+  it('clears all toasts when no id is given', () => {
+    toast('First')
+    toast('Second')
+    toast('Third')
     expect(_toasts().length).toBe(3)
 
     toast.dismiss()
     expect(_toasts().length).toBe(0)
   })
 
-  it("is a no-op for unknown id", () => {
-    toast("Hello")
-    toast.dismiss("unknown-id")
+  it('is a no-op for unknown id', () => {
+    toast('Hello')
+    toast.dismiss('unknown-id')
     expect(_toasts().length).toBe(1)
   })
 
-  it("calls onDismiss callback when dismissing by id", () => {
+  it('calls onDismiss callback when dismissing by id', () => {
     const onDismiss = vi.fn()
-    const id = toast("Hello", { onDismiss })
+    const id = toast('Hello', { onDismiss })
     toast.dismiss(id)
     expect(onDismiss).toHaveBeenCalledOnce()
   })
 
-  it("calls onDismiss for all toasts when dismissing all", () => {
+  it('calls onDismiss for all toasts when dismissing all', () => {
     const onDismiss1 = vi.fn()
     const onDismiss2 = vi.fn()
-    toast("First", { onDismiss: onDismiss1 })
-    toast("Second", { onDismiss: onDismiss2 })
+    toast('First', { onDismiss: onDismiss1 })
+    toast('Second', { onDismiss: onDismiss2 })
     toast.dismiss()
     expect(onDismiss1).toHaveBeenCalledOnce()
     expect(onDismiss2).toHaveBeenCalledOnce()
   })
 })
 
-describe("auto-dismiss", () => {
+describe('auto-dismiss', () => {
   beforeEach(() => {
     vi.useFakeTimers()
   })
@@ -124,8 +124,8 @@ describe("auto-dismiss", () => {
     vi.useRealTimers()
   })
 
-  it("auto-dismisses after default duration (4000ms)", () => {
-    toast("Hello")
+  it('auto-dismisses after default duration (4000ms)', () => {
+    toast('Hello')
     expect(_toasts().length).toBe(1)
 
     vi.advanceTimersByTime(3999)
@@ -135,8 +135,8 @@ describe("auto-dismiss", () => {
     expect(_toasts().length).toBe(0)
   })
 
-  it("auto-dismisses after custom duration", () => {
-    toast("Hello", { duration: 2000 })
+  it('auto-dismisses after custom duration', () => {
+    toast('Hello', { duration: 2000 })
 
     vi.advanceTimersByTime(1999)
     expect(_toasts().length).toBe(1)
@@ -145,15 +145,15 @@ describe("auto-dismiss", () => {
     expect(_toasts().length).toBe(0)
   })
 
-  it("does not auto-dismiss when duration is 0", () => {
-    toast("Persistent", { duration: 0 })
+  it('does not auto-dismiss when duration is 0', () => {
+    toast('Persistent', { duration: 0 })
 
     vi.advanceTimersByTime(10000)
     expect(_toasts().length).toBe(1)
   })
 })
 
-describe("toast.promise", () => {
+describe('toast.promise', () => {
   beforeEach(() => {
     vi.useFakeTimers()
   })
@@ -162,18 +162,18 @@ describe("toast.promise", () => {
     vi.useRealTimers()
   })
 
-  it("creates a loading toast that updates on resolve", async () => {
-    const promise = Promise.resolve("data")
+  it('creates a loading toast that updates on resolve', async () => {
+    const promise = Promise.resolve('data')
 
     toast.promise(promise, {
-      loading: "Loading...",
-      success: "Done!",
-      error: "Failed",
+      loading: 'Loading...',
+      success: 'Done!',
+      error: 'Failed',
     })
 
     expect(_toasts().length).toBe(1)
-    expect(at(0).message).toBe("Loading...")
-    expect(at(0).type).toBe("info")
+    expect(at(0).message).toBe('Loading...')
+    expect(at(0).type).toBe('info')
     expect(at(0).duration).toBe(0) // persistent while loading
 
     await promise
@@ -181,23 +181,23 @@ describe("toast.promise", () => {
     await vi.advanceTimersByTimeAsync(0)
 
     expect(_toasts().length).toBe(1)
-    expect(at(0).message).toBe("Done!")
-    expect(at(0).type).toBe("success")
+    expect(at(0).message).toBe('Done!')
+    expect(at(0).type).toBe('success')
   })
 
-  it("creates a loading toast that updates on reject", async () => {
-    const promise = Promise.reject(new Error("oops"))
+  it('creates a loading toast that updates on reject', async () => {
+    const promise = Promise.reject(new Error('oops'))
 
     // Prevent unhandled rejection
     toast
       .promise(promise, {
-        loading: "Loading...",
-        success: "Done!",
-        error: "Failed",
+        loading: 'Loading...',
+        success: 'Done!',
+        error: 'Failed',
       })
       .catch(() => {})
 
-    expect(at(0).message).toBe("Loading...")
+    expect(at(0).message).toBe('Loading...')
 
     try {
       await promise
@@ -208,15 +208,15 @@ describe("toast.promise", () => {
     await vi.advanceTimersByTimeAsync(0)
 
     expect(_toasts().length).toBe(1)
-    expect(at(0).message).toBe("Failed")
-    expect(at(0).type).toBe("error")
+    expect(at(0).message).toBe('Failed')
+    expect(at(0).type).toBe('error')
   })
 
-  it("supports function form for success/error messages", async () => {
+  it('supports function form for success/error messages', async () => {
     const promise = Promise.resolve(42)
 
     toast.promise(promise, {
-      loading: "Calculating...",
+      loading: 'Calculating...',
       success: (data) => `Result: ${data}`,
       error: (err) => `Error: ${err}`,
     })
@@ -224,22 +224,22 @@ describe("toast.promise", () => {
     await promise
     await vi.advanceTimersByTimeAsync(0)
 
-    expect(at(0).message).toBe("Result: 42")
+    expect(at(0).message).toBe('Result: 42')
   })
 
-  it("returns the original promise", async () => {
-    const promise = Promise.resolve("value")
+  it('returns the original promise', async () => {
+    const promise = Promise.resolve('value')
     const result = toast.promise(promise, {
-      loading: "Loading...",
-      success: "Done!",
-      error: "Failed",
+      loading: 'Loading...',
+      success: 'Done!',
+      error: 'Failed',
     })
 
-    expect(await result).toBe("value")
+    expect(await result).toBe('value')
   })
 })
 
-describe("toast.loading", () => {
+describe('toast.loading', () => {
   beforeEach(() => {
     vi.useFakeTimers()
   })
@@ -248,11 +248,11 @@ describe("toast.loading", () => {
     vi.useRealTimers()
   })
 
-  it("creates a persistent toast with type info", () => {
-    const id = toast.loading("Please wait...")
+  it('creates a persistent toast with type info', () => {
+    const id = toast.loading('Please wait...')
     expect(_toasts().length).toBe(1)
-    expect(at(0).message).toBe("Please wait...")
-    expect(at(0).type).toBe("info")
+    expect(at(0).message).toBe('Please wait...')
+    expect(at(0).type).toBe('info')
     expect(at(0).duration).toBe(0)
 
     // Should not auto-dismiss even after a long time
@@ -261,32 +261,32 @@ describe("toast.loading", () => {
     expect(at(0).id).toBe(id)
   })
 
-  it("returns an id that can be dismissed manually", () => {
-    const id = toast.loading("Loading data...")
+  it('returns an id that can be dismissed manually', () => {
+    const id = toast.loading('Loading data...')
     expect(_toasts().length).toBe(1)
 
     toast.dismiss(id)
     expect(_toasts().length).toBe(0)
   })
 
-  it("accepts options like onDismiss and action", () => {
+  it('accepts options like onDismiss and action', () => {
     const onDismiss = vi.fn()
-    const id = toast.loading("Loading...", { onDismiss })
+    const id = toast.loading('Loading...', { onDismiss })
     toast.dismiss(id)
     expect(onDismiss).toHaveBeenCalledOnce()
   })
 
-  it("can be updated via toast.update after creation", () => {
-    const id = toast.loading("Step 1...")
-    expect(at(0).message).toBe("Step 1...")
+  it('can be updated via toast.update after creation', () => {
+    const id = toast.loading('Step 1...')
+    expect(at(0).message).toBe('Step 1...')
 
-    toast.update(id, { message: "Step 2..." })
-    expect(at(0).message).toBe("Step 2...")
-    expect(at(0).type).toBe("info")
+    toast.update(id, { message: 'Step 2...' })
+    expect(at(0).message).toBe('Step 2...')
+    expect(at(0).type).toBe('info')
   })
 })
 
-describe("toast.update", () => {
+describe('toast.update', () => {
   beforeEach(() => {
     vi.useFakeTimers()
   })
@@ -295,22 +295,22 @@ describe("toast.update", () => {
     vi.useRealTimers()
   })
 
-  it("updates message of existing toast", () => {
-    const id = toast("Original")
-    toast.update(id, { message: "Updated" })
-    expect(at(0).message).toBe("Updated")
+  it('updates message of existing toast', () => {
+    const id = toast('Original')
+    toast.update(id, { message: 'Updated' })
+    expect(at(0).message).toBe('Updated')
   })
 
-  it("updates type of existing toast", () => {
-    const id = toast("Hello")
-    expect(at(0).type).toBe("info")
+  it('updates type of existing toast', () => {
+    const id = toast('Hello')
+    expect(at(0).type).toBe('info')
 
-    toast.update(id, { type: "success" })
-    expect(at(0).type).toBe("success")
+    toast.update(id, { type: 'success' })
+    expect(at(0).type).toBe('success')
   })
 
-  it("updates duration and restarts timer", () => {
-    const id = toast("Hello", { duration: 0 }) // persistent
+  it('updates duration and restarts timer', () => {
+    const id = toast('Hello', { duration: 0 }) // persistent
     expect(at(0).duration).toBe(0)
 
     vi.advanceTimersByTime(5000)
@@ -326,18 +326,18 @@ describe("toast.update", () => {
     expect(_toasts().length).toBe(0) // auto-dismissed after new duration
   })
 
-  it("is a no-op for unknown id", () => {
-    toast("Hello")
-    toast.update("nonexistent-id", { message: "Should not crash" })
-    expect(at(0).message).toBe("Hello")
+  it('is a no-op for unknown id', () => {
+    toast('Hello')
+    toast.update('nonexistent-id', { message: 'Should not crash' })
+    expect(at(0).message).toBe('Hello')
   })
 
-  it("clears old timer when updating", () => {
-    const id = toast("Hello", { duration: 1000 })
+  it('clears old timer when updating', () => {
+    const id = toast('Hello', { duration: 1000 })
 
     vi.advanceTimersByTime(500)
     // Update resets the timer with the same duration
-    toast.update(id, { message: "Updated" })
+    toast.update(id, { message: 'Updated' })
 
     vi.advanceTimersByTime(500)
     // Old timer would have fired at 1000ms total, but update reset it
@@ -348,17 +348,17 @@ describe("toast.update", () => {
     expect(_toasts().length).toBe(0)
   })
 
-  it("can update multiple fields at once", () => {
-    const id = toast("Loading...", { duration: 0 })
-    toast.update(id, { message: "Done!", type: "success", duration: 3000 })
+  it('can update multiple fields at once', () => {
+    const id = toast('Loading...', { duration: 0 })
+    toast.update(id, { message: 'Done!', type: 'success', duration: 3000 })
 
-    expect(at(0).message).toBe("Done!")
-    expect(at(0).type).toBe("success")
+    expect(at(0).message).toBe('Done!')
+    expect(at(0).type).toBe('success')
     expect(at(0).duration).toBe(3000)
   })
 })
 
-describe("pause/resume", () => {
+describe('pause/resume', () => {
   beforeEach(() => {
     vi.useFakeTimers()
   })
@@ -367,9 +367,9 @@ describe("pause/resume", () => {
     vi.useRealTimers()
   })
 
-  it("_pauseAll stops all timers", () => {
-    toast("First", { duration: 4000 })
-    toast("Second", { duration: 4000 })
+  it('_pauseAll stops all timers', () => {
+    toast('First', { duration: 4000 })
+    toast('Second', { duration: 4000 })
 
     vi.advanceTimersByTime(2000) // halfway
 
@@ -380,8 +380,8 @@ describe("pause/resume", () => {
     expect(_toasts().length).toBe(2)
   })
 
-  it("_resumeAll restarts timers with remaining time", () => {
-    toast("Hello", { duration: 4000 })
+  it('_resumeAll restarts timers with remaining time', () => {
+    toast('Hello', { duration: 4000 })
 
     vi.advanceTimersByTime(3000) // 1000ms remaining
     _pauseAll()
@@ -398,8 +398,8 @@ describe("pause/resume", () => {
     expect(_toasts().length).toBe(0)
   })
 
-  it("_pauseAll is no-op for persistent toasts (duration 0)", () => {
-    toast("Persistent", { duration: 0 })
+  it('_pauseAll is no-op for persistent toasts (duration 0)', () => {
+    toast('Persistent', { duration: 0 })
 
     _pauseAll()
     _resumeAll()
@@ -408,8 +408,8 @@ describe("pause/resume", () => {
     expect(_toasts().length).toBe(1)
   })
 
-  it("_resumeAll is no-op when no toasts are paused", () => {
-    toast("Hello", { duration: 4000 })
+  it('_resumeAll is no-op when no toasts are paused', () => {
+    toast('Hello', { duration: 4000 })
 
     // Call resume without pause — should not cause issues
     _resumeAll()
@@ -419,8 +419,8 @@ describe("pause/resume", () => {
   })
 })
 
-describe("max queue behavior", () => {
-  it("adding more toasts than max still stores all in _toasts", () => {
+describe('max queue behavior', () => {
+  it('adding more toasts than max still stores all in _toasts', () => {
     // The Toaster component limits visible toasts via computed slice,
     // but the underlying signal holds all toasts
     for (let i = 0; i < 10; i++) {
@@ -429,7 +429,7 @@ describe("max queue behavior", () => {
     expect(_toasts().length).toBe(10)
   })
 
-  it("each toast gets a unique id", () => {
+  it('each toast gets a unique id', () => {
     const ids = new Set<string>()
     for (let i = 0; i < 20; i++) {
       ids.add(toast(`Toast ${i}`, { duration: 0 }))
@@ -438,7 +438,7 @@ describe("max queue behavior", () => {
   })
 })
 
-describe("toast.promise with rejected promise", () => {
+describe('toast.promise with rejected promise', () => {
   beforeEach(() => {
     vi.useFakeTimers()
   })
@@ -447,14 +447,14 @@ describe("toast.promise with rejected promise", () => {
     vi.useRealTimers()
   })
 
-  it("uses function error handler with error argument", async () => {
-    const err = new Error("network failure")
+  it('uses function error handler with error argument', async () => {
+    const err = new Error('network failure')
     const promise = Promise.reject(err)
 
     toast
       .promise(promise, {
-        loading: "Saving...",
-        success: "Saved!",
+        loading: 'Saving...',
+        success: 'Saved!',
         error: (e: unknown) => `Failed: ${(e as Error).message}`,
       })
       .catch(() => {})
@@ -467,17 +467,17 @@ describe("toast.promise with rejected promise", () => {
 
     await vi.advanceTimersByTimeAsync(0)
 
-    expect(at(0).message).toBe("Failed: network failure")
-    expect(at(0).type).toBe("error")
+    expect(at(0).message).toBe('Failed: network failure')
+    expect(at(0).type).toBe('error')
   })
 
-  it("resolved promise toast gets auto-dismiss timer", async () => {
-    const promise = Promise.resolve("ok")
+  it('resolved promise toast gets auto-dismiss timer', async () => {
+    const promise = Promise.resolve('ok')
 
     toast.promise(promise, {
-      loading: "Loading...",
-      success: "Done!",
-      error: "Failed",
+      loading: 'Loading...',
+      success: 'Done!',
+      error: 'Failed',
     })
 
     // Loading toast is persistent (duration 0)
@@ -493,14 +493,14 @@ describe("toast.promise with rejected promise", () => {
     expect(_toasts().length).toBe(0)
   })
 
-  it("rejected promise toast gets auto-dismiss timer", async () => {
-    const promise = Promise.reject(new Error("fail"))
+  it('rejected promise toast gets auto-dismiss timer', async () => {
+    const promise = Promise.reject(new Error('fail'))
 
     toast
       .promise(promise, {
-        loading: "Loading...",
-        success: "Done!",
-        error: "Failed",
+        loading: 'Loading...',
+        success: 'Done!',
+        error: 'Failed',
       })
       .catch(() => {})
 
@@ -512,14 +512,14 @@ describe("toast.promise with rejected promise", () => {
     await vi.advanceTimersByTimeAsync(0)
 
     expect(at(0).duration).toBe(4000)
-    expect(at(0).type).toBe("error")
+    expect(at(0).type).toBe('error')
 
     vi.advanceTimersByTime(4000)
     expect(_toasts().length).toBe(0)
   })
 })
 
-describe("dismiss callback behavior", () => {
+describe('dismiss callback behavior', () => {
   beforeEach(() => {
     vi.useFakeTimers()
   })
@@ -528,17 +528,17 @@ describe("dismiss callback behavior", () => {
     vi.useRealTimers()
   })
 
-  it("onDismiss is called on auto-dismiss timeout", () => {
+  it('onDismiss is called on auto-dismiss timeout', () => {
     const onDismiss = vi.fn()
-    toast("Hello", { onDismiss, duration: 2000 })
+    toast('Hello', { onDismiss, duration: 2000 })
 
     vi.advanceTimersByTime(2000)
     expect(onDismiss).toHaveBeenCalledOnce()
   })
 
-  it("onDismiss is not called twice on manual dismiss after timeout", () => {
+  it('onDismiss is not called twice on manual dismiss after timeout', () => {
     const onDismiss = vi.fn()
-    const id = toast("Hello", { onDismiss, duration: 2000 })
+    const id = toast('Hello', { onDismiss, duration: 2000 })
 
     toast.dismiss(id)
     expect(onDismiss).toHaveBeenCalledOnce()
@@ -548,14 +548,14 @@ describe("dismiss callback behavior", () => {
     expect(onDismiss).toHaveBeenCalledOnce()
   })
 
-  it("onDismiss is called for each toast when dismissing all", () => {
+  it('onDismiss is called for each toast when dismissing all', () => {
     const cb1 = vi.fn()
     const cb2 = vi.fn()
     const cb3 = vi.fn()
     const callbacks = [cb1, cb2, cb3]
-    toast("A", { onDismiss: cb1, duration: 0 })
-    toast("B", { onDismiss: cb2, duration: 0 })
-    toast("C", { onDismiss: cb3, duration: 0 })
+    toast('A', { onDismiss: cb1, duration: 0 })
+    toast('B', { onDismiss: cb2, duration: 0 })
+    toast('C', { onDismiss: cb3, duration: 0 })
 
     toast.dismiss()
 
@@ -565,30 +565,30 @@ describe("dismiss callback behavior", () => {
   })
 })
 
-describe("toast initial state", () => {
-  it("toast starts in entering state", () => {
-    toast("Hello")
-    expect(at(0).state).toBe("entering")
+describe('toast initial state', () => {
+  it('toast starts in entering state', () => {
+    toast('Hello')
+    expect(at(0).state).toBe('entering')
   })
 
-  it("toast has correct initial timer fields", () => {
-    toast("Hello", { duration: 4000 })
+  it('toast has correct initial timer fields', () => {
+    toast('Hello', { duration: 4000 })
     const t = at(0)
     expect(t.remaining).toBe(4000)
     expect(t.timerStart).toBeGreaterThan(0)
     expect(t.timer).toBeDefined()
   })
 
-  it("persistent toast has no timer", () => {
-    toast("Hello", { duration: 0 })
+  it('persistent toast has no timer', () => {
+    toast('Hello', { duration: 0 })
     const t = at(0)
     expect(t.timer).toBeUndefined()
   })
 })
 
-describe("Toaster renders", () => {
-  it("Toaster is a function component", async () => {
-    const { Toaster } = await import("../toaster")
-    expect(typeof Toaster).toBe("function")
+describe('Toaster renders', () => {
+  it('Toaster is a function component', async () => {
+    const { Toaster } = await import('../toaster')
+    expect(typeof Toaster).toBe('function')
   })
 })

package/src/toast.ts

@@ -1,6 +1,6 @@
-import type { VNodeChild } from "@pyreon/core"
-import { signal } from "@pyreon/reactivity"
-import type { Toast, ToastOptions, ToastPromiseOptions, ToastType } from "./types"
+import type { VNodeChild } from '@pyreon/core'
+import { signal } from '@pyreon/reactivity'
+import type { Toast, ToastOptions, ToastPromiseOptions, ToastType } from './types'
 
 // ─── State ───────────────────────────────────────────────────────────────────
 
@@ -31,12 +31,12 @@ function addToast(message: string | VNodeChild, options: ToastOptions = {}): str
   const t: Toast = {
     id,
     message,
-    type: options.type ?? "info",
+    type: options.type ?? 'info',
     duration: options.duration ?? DEFAULT_DURATION,
     dismissible: options.dismissible ?? true,
     action: options.action,
     onDismiss: options.onDismiss,
-    state: "entering",
+    state: 'entering',
     timer: undefined,
     remaining: 0,
     timerStart: 0,
@@ -71,7 +71,7 @@ function dismiss(id?: string): void {
 
 function updateToast(
   id: string,
-  updates: Partial<Pick<Toast, "message" | "type" | "duration">>,
+  updates: Partial<Pick<Toast, 'message' | 'type' | 'duration'>>,
 ): void {
   const current = _toasts()
   const idx = current.findIndex((item) => item.id === id)
@@ -136,32 +136,32 @@ export function toast(message: string | VNodeChild, options?: ToastOptions): str
 }
 
 function shortcut(type: ToastType) {
-  return (message: string | VNodeChild, options?: Omit<ToastOptions, "type">): string =>
+  return (message: string | VNodeChild, options?: Omit<ToastOptions, 'type'>): string =>
     addToast(message, { ...options, type })
 }
 
 /** Show a success toast. */
-toast.success = shortcut("success")
+toast.success = shortcut('success')
 
 /** Show an error toast. */
-toast.error = shortcut("error")
+toast.error = shortcut('error')
 
 /** Show a warning toast. */
-toast.warning = shortcut("warning")
+toast.warning = shortcut('warning')
 
 /** Show an info toast. */
-toast.info = shortcut("info")
+toast.info = shortcut('info')
 
 /** Show a persistent loading toast. Returns id for later update/dismiss. */
 toast.loading = (
   message: string | VNodeChild,
-  options?: Omit<ToastOptions, "type" | "duration">,
-): string => addToast(message, { ...options, type: "info", duration: 0 })
+  options?: Omit<ToastOptions, 'type' | 'duration'>,
+): string => addToast(message, { ...options, type: 'info', duration: 0 })
 
 /** Update an existing toast (message, type, duration). */
 toast.update = (
   id: string,
-  updates: Partial<Pick<ToastOptions, "type" | "duration">> & { message?: string | VNodeChild },
+  updates: Partial<Pick<ToastOptions, 'type' | 'duration'>> & { message?: string | VNodeChild },
 ): void => updateToast(id, updates)
 
 /** Dismiss a specific toast by id, or all toasts if no id is given. */
@@ -181,16 +181,16 @@ toast.promise = function toastPromise<T>(
   promise: Promise<T>,
   opts: ToastPromiseOptions<T>,
 ): Promise<T> {
-  const id = addToast(opts.loading, { type: "info", duration: 0 })
+  const id = addToast(opts.loading, { type: 'info', duration: 0 })
 
   promise.then(
     (data) => {
-      const msg = typeof opts.success === "function" ? opts.success(data) : opts.success
-      updateToast(id, { message: msg, type: "success", duration: DEFAULT_DURATION })
+      const msg = typeof opts.success === 'function' ? opts.success(data) : opts.success
+      updateToast(id, { message: msg, type: 'success', duration: DEFAULT_DURATION })
     },
     (err: unknown) => {
-      const msg = typeof opts.error === "function" ? opts.error(err) : opts.error
-      updateToast(id, { message: msg, type: "error", duration: DEFAULT_DURATION })
+      const msg = typeof opts.error === 'function' ? opts.error(err) : opts.error
+      updateToast(id, { message: msg, type: 'error', duration: DEFAULT_DURATION })
     },
   )
 

package/src/toaster.tsx

@@ -1,18 +1,18 @@
-import type { VNodeChild } from "@pyreon/core"
-import { For, Portal } from "@pyreon/core"
-import { computed, effect, onCleanup } from "@pyreon/reactivity"
-import { toastStyles } from "./styles"
-import { _pauseAll, _resumeAll, _toasts, toast } from "./toast"
-import type { Toast, ToasterProps, ToastPosition } from "./types"
+import type { VNodeChild } from '@pyreon/core'
+import { For, Portal } from '@pyreon/core'
+import { computed, effect, onCleanup } from '@pyreon/reactivity'
+import { toastStyles } from './styles'
+import { _pauseAll, _resumeAll, _toasts, toast } from './toast'
+import type { Toast, ToasterProps, ToastPosition } from './types'
 
 // ─── Style injection ─────────────────────────────────────────────────────────
 
 function injectStyles(): void {
-  if (typeof document === "undefined") return
-  if (document.querySelector("style[data-pyreon-toast]")) return
+  if (typeof document === 'undefined') return
+  if (document.querySelector('style[data-pyreon-toast]')) return
 
-  const style = document.createElement("style")
-  style.setAttribute("data-pyreon-toast", "")
+  const style = document.createElement('style')
+  style.setAttribute('data-pyreon-toast', '')
   style.textContent = toastStyles
   document.head.appendChild(style)
 }
@@ -20,21 +20,21 @@ function injectStyles(): void {
 // ─── Position helpers ────────────────────────────────────────────────────────
 
 function getContainerStyle(position: ToastPosition, gap: number, offset: number): string {
-  const [vertical, horizontal] = position.split("-") as [string, string]
+  const [vertical, horizontal] = position.split('-') as [string, string]
 
   let style = `gap: ${gap}px;`
 
-  if (vertical === "top") {
+  if (vertical === 'top') {
     style += ` top: ${offset}px;`
   } else {
     style += ` bottom: ${offset}px;`
-    style += " flex-direction: column-reverse;"
+    style += ' flex-direction: column-reverse;'
   }
 
-  if (horizontal === "left") {
+  if (horizontal === 'left') {
     style += ` left: ${offset}px;`
-  } else if (horizontal === "center") {
-    style += " left: 50%; transform: translateX(-50%);"
+  } else if (horizontal === 'center') {
+    style += ' left: 50%; transform: translateX(-50%);'
   } else {
     style += ` right: ${offset}px;`
   }
@@ -60,7 +60,7 @@ function getContainerStyle(position: ToastPosition, gap: number, offset: number)
  * ```
  */
 export function Toaster(props?: ToasterProps): VNodeChild {
-  const position = props?.position ?? "top-right"
+  const position = props?.position ?? 'top-right'
   const max = props?.max ?? 5
   const gap = props?.gap ?? 8
   const offset = props?.offset ?? 16
@@ -71,16 +71,16 @@ export function Toaster(props?: ToasterProps): VNodeChild {
   // Only runs when there are actually entering toasts (early return guard).
   effect(() => {
     const toasts = _toasts()
-    const hasEntering = toasts.some((t) => t.state === "entering")
+    const hasEntering = toasts.some((t) => t.state === 'entering')
     if (!hasEntering) return
 
     const raf = requestAnimationFrame(() => {
       const current = _toasts()
       let changed = false
       const next = current.map((t) => {
-        if (t.state === "entering") {
+        if (t.state === 'entering') {
           changed = true
-          return { ...t, state: "visible" as const }
+          return { ...t, state: 'visible' as const }
         }
         return t
       })
@@ -117,11 +117,11 @@ export function Toaster(props?: ToasterProps): VNodeChild {
 
 function ToastItem({ toast: t }: { toast: Toast }): VNodeChild {
   const stateClass =
-    t.state === "entering"
-      ? " pyreon-toast--entering"
-      : t.state === "exiting"
-        ? " pyreon-toast--exiting"
-        : ""
+    t.state === 'entering'
+      ? ' pyreon-toast--entering'
+      : t.state === 'exiting'
+        ? ' pyreon-toast--exiting'
+        : ''
 
   return (
     <div
@@ -131,7 +131,7 @@ function ToastItem({ toast: t }: { toast: Toast }): VNodeChild {
       data-toast-id={t.id}
     >
       <div class="pyreon-toast__message">
-        {typeof t.message === "string" ? t.message : t.message}
+        {typeof t.message === 'string' ? t.message : t.message}
       </div>
       {t.action && (
         <button type="button" class="pyreon-toast__action" onClick={t.action.onClick}>

package/src/types.ts

@@ -1,16 +1,16 @@
-import type { VNodeChild } from "@pyreon/core"
+import type { VNodeChild } from '@pyreon/core'
 
 // ─── Public types ────────────────────────────────────────────────────────────
 
 export type ToastPosition =
-  | "top-left"
-  | "top-center"
-  | "top-right"
-  | "bottom-left"
-  | "bottom-center"
-  | "bottom-right"
+  | 'top-left'
+  | 'top-center'
+  | 'top-right'
+  | 'bottom-left'
+  | 'bottom-center'
+  | 'bottom-right'
 
-export type ToastType = "info" | "success" | "warning" | "error"
+export type ToastType = 'info' | 'success' | 'warning' | 'error'
 
 export interface ToastOptions {
   /** Toast variant — controls styling. */
@@ -46,7 +46,7 @@ export interface ToastPromiseOptions<T> {
 
 // ─── Internal types ──────────────────────────────────────────────────────────
 
-export type ToastState = "entering" | "visible" | "exiting"
+export type ToastState = 'entering' | 'visible' | 'exiting'
 
 export interface Toast {
   id: string