@alivecss/aliveui 1.0.0 → 1.0.2

package/dist/runtime.d.mts

@@ -5,7 +5,7 @@
  * dropdown, and tabs components — zero dependencies, ~2 KB.
  *
  * Usage:
- *   import { init } from '@pratikshadake/aliveui/runtime'
+ *   import { init } from '@alivecss/aliveui/runtime'
  *   init() // wire everything in document
  *   init(myRootElement) // wire a subtree
  */

package/dist/runtime.d.ts

@@ -5,7 +5,7 @@
  * dropdown, and tabs components — zero dependencies, ~2 KB.
  *
  * Usage:
- *   import { init } from '@pratikshadake/aliveui/runtime'
+ *   import { init } from '@alivecss/aliveui/runtime'
  *   init() // wire everything in document
  *   init(myRootElement) // wire a subtree
  */

package/dist/runtime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/runtime.ts"],"sourcesContent":["/**\n * AliveUI Runtime\n *\n * Provides data-attribute-driven interactivity for accordion, modal, drawer,\n * dropdown, and tabs components — zero dependencies, ~2 KB.\n *\n * Usage:\n *   import { init } from '@pratikshadake/aliveui/runtime'\n *   init() // wire everything in document\n *   init(myRootElement) // wire a subtree\n */\n\ntype Cleanup = () => void\n\nconst cleanupRegistry = new WeakMap<Element, Cleanup[]>()\n\nfunction registerCleanup(root: Element, fn: Cleanup): void {\n  const existing = cleanupRegistry.get(root) ?? []\n  existing.push(fn)\n  cleanupRegistry.set(root, existing)\n}\n\nfunction addListener<K extends keyof HTMLElementEventMap>(\n  el: EventTarget,\n  type: K,\n  handler: (e: HTMLElementEventMap[K]) => void,\n  options?: AddEventListenerOptions,\n): Cleanup {\n  el.addEventListener(type, handler as EventListener, options)\n  return () => el.removeEventListener(type, handler as EventListener, options)\n}\n\n// ── Accordion ─────────────────────────────────────────────────────────────────\n\nfunction wireAccordion(container: Element, root: Element): void {\n  const triggers = container.querySelectorAll<HTMLElement>('[data-alive-trigger]')\n  triggers.forEach(trigger => {\n    const item = trigger.closest('[data-alive-accordion-item]') ?? trigger.parentElement\n    if (!item) return\n\n    const cleanup = addListener(trigger, 'click', () => {\n      const isOpen = item.classList.contains('is-open')\n      // Close all items if not multi-open\n      if (!container.hasAttribute('data-alive-multi')) {\n        container.querySelectorAll('[data-alive-accordion-item]').forEach(i => {\n          i.classList.remove('is-open')\n          i.querySelector('[data-alive-trigger]')?.setAttribute('aria-expanded', 'false')\n        })\n      }\n      if (!isOpen) {\n        item.classList.add('is-open')\n        trigger.setAttribute('aria-expanded', 'true')\n      }\n    })\n    registerCleanup(root, cleanup)\n  })\n}\n\n// ── Modal ─────────────────────────────────────────────────────────────────────\n\nfunction wireModal(modal: Element, root: Element): void {\n  const id = modal.getAttribute('data-alive-modal')\n  if (!id) return\n\n  // Open triggers\n  const openers = document.querySelectorAll<HTMLElement>(`[data-alive-open=\"${id}\"]`)\n  openers.forEach(opener => {\n    const cleanup = addListener(opener, 'click', () => openModal(id))\n    registerCleanup(root, cleanup)\n  })\n\n  // Close triggers inside the modal\n  modal.querySelectorAll<HTMLElement>('[data-alive-close]').forEach(closer => {\n    const cleanup = addListener(closer, 'click', () => closeModal(id))\n    registerCleanup(root, cleanup)\n  })\n\n  // Backdrop click to close (click on the modal wrapper, not the content)\n  const cleanup = addListener(modal, 'click', (e) => {\n    if (e.target === modal) closeModal(id)\n  })\n  registerCleanup(root, cleanup)\n\n  // ESC key\n  const escCleanup = addListener(document, 'keydown', (e) => {\n    if (e.key === 'Escape' && modal.classList.contains('is-open')) closeModal(id)\n  })\n  registerCleanup(root, escCleanup)\n}\n\nexport function openModal(id: string): void {\n  const modal = document.querySelector<HTMLElement>(`[data-alive-modal=\"${id}\"]`)\n  if (!modal) return\n  modal.classList.add('is-open')\n  modal.setAttribute('aria-hidden', 'false')\n  document.body.style.overflow = 'hidden'\n  // Focus first focusable element\n  const focusable = modal.querySelector<HTMLElement>(\n    'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n  )\n  focusable?.focus()\n}\n\nexport function closeModal(id: string): void {\n  const modal = document.querySelector<HTMLElement>(`[data-alive-modal=\"${id}\"]`)\n  if (!modal) return\n  modal.classList.remove('is-open')\n  modal.setAttribute('aria-hidden', 'true')\n  document.body.style.overflow = ''\n}\n\n// ── Drawer ────────────────────────────────────────────────────────────────────\n\nfunction wireDrawer(drawer: Element, root: Element): void {\n  const id = drawer.getAttribute('data-alive-drawer')\n  if (!id) return\n\n  const openers = document.querySelectorAll<HTMLElement>(`[data-alive-open=\"${id}\"]`)\n  openers.forEach(opener => {\n    const cleanup = addListener(opener, 'click', () => openDrawer(id))\n    registerCleanup(root, cleanup)\n  })\n\n  drawer.querySelectorAll<HTMLElement>('[data-alive-close]').forEach(closer => {\n    const cleanup = addListener(closer, 'click', () => closeDrawer(id))\n    registerCleanup(root, cleanup)\n  })\n\n  const backdropCleanup = addListener(drawer, 'click', (e) => {\n    if (e.target === drawer) closeDrawer(id)\n  })\n  registerCleanup(root, backdropCleanup)\n\n  const escCleanup = addListener(document, 'keydown', (e) => {\n    if (e.key === 'Escape' && drawer.classList.contains('is-open')) closeDrawer(id)\n  })\n  registerCleanup(root, escCleanup)\n}\n\nexport function openDrawer(id: string): void {\n  const drawer = document.querySelector<HTMLElement>(`[data-alive-drawer=\"${id}\"]`)\n  if (!drawer) return\n  drawer.classList.add('is-open')\n  drawer.setAttribute('aria-hidden', 'false')\n  document.body.style.overflow = 'hidden'\n}\n\nexport function closeDrawer(id: string): void {\n  const drawer = document.querySelector<HTMLElement>(`[data-alive-drawer=\"${id}\"]`)\n  if (!drawer) return\n  drawer.classList.remove('is-open')\n  drawer.setAttribute('aria-hidden', 'true')\n  document.body.style.overflow = ''\n}\n\n// ── Dropdown ──────────────────────────────────────────────────────────────────\n\nfunction wireDropdown(container: Element, root: Element): void {\n  const trigger = container.querySelector<HTMLElement>('[data-alive-trigger]')\n  const menu = container.querySelector<HTMLElement>('[data-alive-dropdown-menu]')\n  if (!trigger || !menu) return\n\n  const toggleCleanup = addListener(trigger, 'click', (e) => {\n    e.stopPropagation()\n    toggleDropdown(container)\n  })\n  registerCleanup(root, toggleCleanup)\n\n  // Close on outside click\n  const outsideCleanup = addListener(document, 'click', (e) => {\n    if (!container.contains(e.target as Node)) {\n      menu.classList.remove('is-open')\n      trigger.setAttribute('aria-expanded', 'false')\n    }\n  })\n  registerCleanup(root, outsideCleanup)\n\n  // Close on ESC\n  const escCleanup = addListener(document, 'keydown', (e) => {\n    if (e.key === 'Escape' && menu.classList.contains('is-open')) {\n      menu.classList.remove('is-open')\n      trigger.setAttribute('aria-expanded', 'false')\n      trigger.focus()\n    }\n  })\n  registerCleanup(root, escCleanup)\n}\n\nexport function toggleDropdown(container: Element): void {\n  const trigger = container.querySelector<HTMLElement>('[data-alive-trigger]')\n  const menu = container.querySelector<HTMLElement>('[data-alive-dropdown-menu]')\n  if (!menu) return\n  const isOpen = menu.classList.toggle('is-open')\n  trigger?.setAttribute('aria-expanded', String(isOpen))\n  if (isOpen) {\n    // Focus first item\n    menu.querySelector<HTMLElement>('[role=\"menuitem\"], button, a')?.focus()\n  }\n}\n\n// ── Tabs ──────────────────────────────────────────────────────────────────────\n\nfunction wireTabs(container: Element, root: Element): void {\n  const tabs = container.querySelectorAll<HTMLElement>('[data-alive-tab]')\n  tabs.forEach(tab => {\n    const cleanup = addListener(tab, 'click', () => {\n      const panelId = tab.getAttribute('data-alive-tab')\n      if (!panelId) return\n      activateTab(container, panelId)\n    })\n    registerCleanup(root, cleanup)\n\n    // Keyboard navigation\n    const keyCleanup = addListener(tab, 'keydown', (e) => {\n      const allTabs = [...container.querySelectorAll<HTMLElement>('[data-alive-tab]')]\n      const idx = allTabs.indexOf(tab)\n      if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n        e.preventDefault()\n        allTabs[(idx + 1) % allTabs.length]?.focus()\n      } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n        e.preventDefault()\n        allTabs[(idx - 1 + allTabs.length) % allTabs.length]?.focus()\n      }\n    })\n    registerCleanup(root, keyCleanup)\n  })\n}\n\nfunction activateTab(container: Element, panelId: string): void {\n  // Deactivate all tabs + panels within this tabs container\n  container.querySelectorAll('[data-alive-tab]').forEach(t => {\n    t.classList.remove('is-active')\n    t.setAttribute('aria-selected', 'false')\n    t.setAttribute('tabindex', '-1')\n  })\n\n  // Find panels — look in the container, then in the whole document\n  const searchRoot = container.closest('[data-alive-tabs-panels]') ?? document\n  searchRoot.querySelectorAll('[data-alive-panel]').forEach(p => {\n    p.classList.remove('is-active')\n    p.setAttribute('aria-hidden', 'true')\n  })\n\n  // Activate the selected tab\n  const activeTab = container.querySelector<HTMLElement>(`[data-alive-tab=\"${panelId}\"]`)\n  activeTab?.classList.add('is-active')\n  activeTab?.setAttribute('aria-selected', 'true')\n  activeTab?.setAttribute('tabindex', '0')\n\n  // Activate the matching panel\n  const activePanel = searchRoot.querySelector<HTMLElement>(`[data-alive-panel=\"${panelId}\"]`)\n  activePanel?.classList.add('is-active')\n  activePanel?.setAttribute('aria-hidden', 'false')\n}\n\n// ── Public API ────────────────────────────────────────────────────────────────\n\n/**\n * Wire all data-alive-* components within `root` (defaults to document.documentElement).\n * Safe to call multiple times — existing listeners are tracked and replaced on `destroy()`.\n */\nexport function init(root: Element = document.documentElement): void {\n  // Accordion\n  root.querySelectorAll('[data-alive-accordion]').forEach(el => wireAccordion(el, root))\n\n  // Modal\n  root.querySelectorAll('[data-alive-modal]').forEach(el => wireModal(el, root))\n\n  // Drawer\n  root.querySelectorAll('[data-alive-drawer]').forEach(el => wireDrawer(el, root))\n\n  // Dropdown\n  root.querySelectorAll('[data-alive-dropdown]').forEach(el => wireDropdown(el, root))\n\n  // Tabs\n  root.querySelectorAll('[data-alive-tabs]').forEach(el => wireTabs(el, root))\n}\n\n/**\n * Remove all event listeners registered by `init(root)`.\n */\nexport function destroy(root: Element = document.documentElement): void {\n  const cleanups = cleanupRegistry.get(root) ?? []\n  cleanups.forEach(fn => fn())\n  cleanupRegistry.delete(root)\n}\n"],"mappings":"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","names":["cleanup"]}
+{"version":3,"sources":["../src/runtime.ts"],"sourcesContent":["/**\n * AliveUI Runtime\n *\n * Provides data-attribute-driven interactivity for accordion, modal, drawer,\n * dropdown, and tabs components — zero dependencies, ~2 KB.\n *\n * Usage:\n *   import { init } from '@alivecss/aliveui/runtime'\n *   init() // wire everything in document\n *   init(myRootElement) // wire a subtree\n */\n\ntype Cleanup = () => void\n\nconst cleanupRegistry = new WeakMap<Element, Cleanup[]>()\n\nfunction registerCleanup(root: Element, fn: Cleanup): void {\n  const existing = cleanupRegistry.get(root) ?? []\n  existing.push(fn)\n  cleanupRegistry.set(root, existing)\n}\n\nfunction addListener<K extends keyof HTMLElementEventMap>(\n  el: EventTarget,\n  type: K,\n  handler: (e: HTMLElementEventMap[K]) => void,\n  options?: AddEventListenerOptions,\n): Cleanup {\n  el.addEventListener(type, handler as EventListener, options)\n  return () => el.removeEventListener(type, handler as EventListener, options)\n}\n\n// ── Accordion ─────────────────────────────────────────────────────────────────\n\nfunction wireAccordion(container: Element, root: Element): void {\n  const triggers = container.querySelectorAll<HTMLElement>('[data-alive-trigger]')\n  triggers.forEach(trigger => {\n    const item = trigger.closest('[data-alive-accordion-item]') ?? trigger.parentElement\n    if (!item) return\n\n    const cleanup = addListener(trigger, 'click', () => {\n      const isOpen = item.classList.contains('is-open')\n      // Close all items if not multi-open\n      if (!container.hasAttribute('data-alive-multi')) {\n        container.querySelectorAll('[data-alive-accordion-item]').forEach(i => {\n          i.classList.remove('is-open')\n          i.querySelector('[data-alive-trigger]')?.setAttribute('aria-expanded', 'false')\n        })\n      }\n      if (!isOpen) {\n        item.classList.add('is-open')\n        trigger.setAttribute('aria-expanded', 'true')\n      }\n    })\n    registerCleanup(root, cleanup)\n  })\n}\n\n// ── Modal ─────────────────────────────────────────────────────────────────────\n\nfunction wireModal(modal: Element, root: Element): void {\n  const id = modal.getAttribute('data-alive-modal')\n  if (!id) return\n\n  // Open triggers\n  const openers = document.querySelectorAll<HTMLElement>(`[data-alive-open=\"${id}\"]`)\n  openers.forEach(opener => {\n    const cleanup = addListener(opener, 'click', () => openModal(id))\n    registerCleanup(root, cleanup)\n  })\n\n  // Close triggers inside the modal\n  modal.querySelectorAll<HTMLElement>('[data-alive-close]').forEach(closer => {\n    const cleanup = addListener(closer, 'click', () => closeModal(id))\n    registerCleanup(root, cleanup)\n  })\n\n  // Backdrop click to close (click on the modal wrapper, not the content)\n  const cleanup = addListener(modal, 'click', (e) => {\n    if (e.target === modal) closeModal(id)\n  })\n  registerCleanup(root, cleanup)\n\n  // ESC key\n  const escCleanup = addListener(document, 'keydown', (e) => {\n    if (e.key === 'Escape' && modal.classList.contains('is-open')) closeModal(id)\n  })\n  registerCleanup(root, escCleanup)\n}\n\nexport function openModal(id: string): void {\n  const modal = document.querySelector<HTMLElement>(`[data-alive-modal=\"${id}\"]`)\n  if (!modal) return\n  modal.classList.add('is-open')\n  modal.setAttribute('aria-hidden', 'false')\n  document.body.style.overflow = 'hidden'\n  // Focus first focusable element\n  const focusable = modal.querySelector<HTMLElement>(\n    'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n  )\n  focusable?.focus()\n}\n\nexport function closeModal(id: string): void {\n  const modal = document.querySelector<HTMLElement>(`[data-alive-modal=\"${id}\"]`)\n  if (!modal) return\n  modal.classList.remove('is-open')\n  modal.setAttribute('aria-hidden', 'true')\n  document.body.style.overflow = ''\n}\n\n// ── Drawer ────────────────────────────────────────────────────────────────────\n\nfunction wireDrawer(drawer: Element, root: Element): void {\n  const id = drawer.getAttribute('data-alive-drawer')\n  if (!id) return\n\n  const openers = document.querySelectorAll<HTMLElement>(`[data-alive-open=\"${id}\"]`)\n  openers.forEach(opener => {\n    const cleanup = addListener(opener, 'click', () => openDrawer(id))\n    registerCleanup(root, cleanup)\n  })\n\n  drawer.querySelectorAll<HTMLElement>('[data-alive-close]').forEach(closer => {\n    const cleanup = addListener(closer, 'click', () => closeDrawer(id))\n    registerCleanup(root, cleanup)\n  })\n\n  const backdropCleanup = addListener(drawer, 'click', (e) => {\n    if (e.target === drawer) closeDrawer(id)\n  })\n  registerCleanup(root, backdropCleanup)\n\n  const escCleanup = addListener(document, 'keydown', (e) => {\n    if (e.key === 'Escape' && drawer.classList.contains('is-open')) closeDrawer(id)\n  })\n  registerCleanup(root, escCleanup)\n}\n\nexport function openDrawer(id: string): void {\n  const drawer = document.querySelector<HTMLElement>(`[data-alive-drawer=\"${id}\"]`)\n  if (!drawer) return\n  drawer.classList.add('is-open')\n  drawer.setAttribute('aria-hidden', 'false')\n  document.body.style.overflow = 'hidden'\n}\n\nexport function closeDrawer(id: string): void {\n  const drawer = document.querySelector<HTMLElement>(`[data-alive-drawer=\"${id}\"]`)\n  if (!drawer) return\n  drawer.classList.remove('is-open')\n  drawer.setAttribute('aria-hidden', 'true')\n  document.body.style.overflow = ''\n}\n\n// ── Dropdown ──────────────────────────────────────────────────────────────────\n\nfunction wireDropdown(container: Element, root: Element): void {\n  const trigger = container.querySelector<HTMLElement>('[data-alive-trigger]')\n  const menu = container.querySelector<HTMLElement>('[data-alive-dropdown-menu]')\n  if (!trigger || !menu) return\n\n  const toggleCleanup = addListener(trigger, 'click', (e) => {\n    e.stopPropagation()\n    toggleDropdown(container)\n  })\n  registerCleanup(root, toggleCleanup)\n\n  // Close on outside click\n  const outsideCleanup = addListener(document, 'click', (e) => {\n    if (!container.contains(e.target as Node)) {\n      menu.classList.remove('is-open')\n      trigger.setAttribute('aria-expanded', 'false')\n    }\n  })\n  registerCleanup(root, outsideCleanup)\n\n  // Close on ESC\n  const escCleanup = addListener(document, 'keydown', (e) => {\n    if (e.key === 'Escape' && menu.classList.contains('is-open')) {\n      menu.classList.remove('is-open')\n      trigger.setAttribute('aria-expanded', 'false')\n      trigger.focus()\n    }\n  })\n  registerCleanup(root, escCleanup)\n}\n\nexport function toggleDropdown(container: Element): void {\n  const trigger = container.querySelector<HTMLElement>('[data-alive-trigger]')\n  const menu = container.querySelector<HTMLElement>('[data-alive-dropdown-menu]')\n  if (!menu) return\n  const isOpen = menu.classList.toggle('is-open')\n  trigger?.setAttribute('aria-expanded', String(isOpen))\n  if (isOpen) {\n    // Focus first item\n    menu.querySelector<HTMLElement>('[role=\"menuitem\"], button, a')?.focus()\n  }\n}\n\n// ── Tabs ──────────────────────────────────────────────────────────────────────\n\nfunction wireTabs(container: Element, root: Element): void {\n  const tabs = container.querySelectorAll<HTMLElement>('[data-alive-tab]')\n  tabs.forEach(tab => {\n    const cleanup = addListener(tab, 'click', () => {\n      const panelId = tab.getAttribute('data-alive-tab')\n      if (!panelId) return\n      activateTab(container, panelId)\n    })\n    registerCleanup(root, cleanup)\n\n    // Keyboard navigation\n    const keyCleanup = addListener(tab, 'keydown', (e) => {\n      const allTabs = [...container.querySelectorAll<HTMLElement>('[data-alive-tab]')]\n      const idx = allTabs.indexOf(tab)\n      if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n        e.preventDefault()\n        allTabs[(idx + 1) % allTabs.length]?.focus()\n      } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n        e.preventDefault()\n        allTabs[(idx - 1 + allTabs.length) % allTabs.length]?.focus()\n      }\n    })\n    registerCleanup(root, keyCleanup)\n  })\n}\n\nfunction activateTab(container: Element, panelId: string): void {\n  // Deactivate all tabs + panels within this tabs container\n  container.querySelectorAll('[data-alive-tab]').forEach(t => {\n    t.classList.remove('is-active')\n    t.setAttribute('aria-selected', 'false')\n    t.setAttribute('tabindex', '-1')\n  })\n\n  // Find panels — look in the container, then in the whole document\n  const searchRoot = container.closest('[data-alive-tabs-panels]') ?? document\n  searchRoot.querySelectorAll('[data-alive-panel]').forEach(p => {\n    p.classList.remove('is-active')\n    p.setAttribute('aria-hidden', 'true')\n  })\n\n  // Activate the selected tab\n  const activeTab = container.querySelector<HTMLElement>(`[data-alive-tab=\"${panelId}\"]`)\n  activeTab?.classList.add('is-active')\n  activeTab?.setAttribute('aria-selected', 'true')\n  activeTab?.setAttribute('tabindex', '0')\n\n  // Activate the matching panel\n  const activePanel = searchRoot.querySelector<HTMLElement>(`[data-alive-panel=\"${panelId}\"]`)\n  activePanel?.classList.add('is-active')\n  activePanel?.setAttribute('aria-hidden', 'false')\n}\n\n// ── Public API ────────────────────────────────────────────────────────────────\n\n/**\n * Wire all data-alive-* components within `root` (defaults to document.documentElement).\n * Safe to call multiple times — existing listeners are tracked and replaced on `destroy()`.\n */\nexport function init(root: Element = document.documentElement): void {\n  // Accordion\n  root.querySelectorAll('[data-alive-accordion]').forEach(el => wireAccordion(el, root))\n\n  // Modal\n  root.querySelectorAll('[data-alive-modal]').forEach(el => wireModal(el, root))\n\n  // Drawer\n  root.querySelectorAll('[data-alive-drawer]').forEach(el => wireDrawer(el, root))\n\n  // Dropdown\n  root.querySelectorAll('[data-alive-dropdown]').forEach(el => wireDropdown(el, root))\n\n  // Tabs\n  root.querySelectorAll('[data-alive-tabs]').forEach(el => wireTabs(el, root))\n}\n\n/**\n * Remove all event listeners registered by `init(root)`.\n */\nexport function destroy(root: Element = document.documentElement): void {\n  const cleanups = cleanupRegistry.get(root) ?? []\n  cleanups.forEach(fn => fn())\n  cleanupRegistry.delete(root)\n}\n"],"mappings":"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","names":["cleanup"]}

package/dist/runtime.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/runtime.ts"],"sourcesContent":["/**\n * AliveUI Runtime\n *\n * Provides data-attribute-driven interactivity for accordion, modal, drawer,\n * dropdown, and tabs components — zero dependencies, ~2 KB.\n *\n * Usage:\n *   import { init } from '@pratikshadake/aliveui/runtime'\n *   init() // wire everything in document\n *   init(myRootElement) // wire a subtree\n */\n\ntype Cleanup = () => void\n\nconst cleanupRegistry = new WeakMap<Element, Cleanup[]>()\n\nfunction registerCleanup(root: Element, fn: Cleanup): void {\n  const existing = cleanupRegistry.get(root) ?? []\n  existing.push(fn)\n  cleanupRegistry.set(root, existing)\n}\n\nfunction addListener<K extends keyof HTMLElementEventMap>(\n  el: EventTarget,\n  type: K,\n  handler: (e: HTMLElementEventMap[K]) => void,\n  options?: AddEventListenerOptions,\n): Cleanup {\n  el.addEventListener(type, handler as EventListener, options)\n  return () => el.removeEventListener(type, handler as EventListener, options)\n}\n\n// ── Accordion ─────────────────────────────────────────────────────────────────\n\nfunction wireAccordion(container: Element, root: Element): void {\n  const triggers = container.querySelectorAll<HTMLElement>('[data-alive-trigger]')\n  triggers.forEach(trigger => {\n    const item = trigger.closest('[data-alive-accordion-item]') ?? trigger.parentElement\n    if (!item) return\n\n    const cleanup = addListener(trigger, 'click', () => {\n      const isOpen = item.classList.contains('is-open')\n      // Close all items if not multi-open\n      if (!container.hasAttribute('data-alive-multi')) {\n        container.querySelectorAll('[data-alive-accordion-item]').forEach(i => {\n          i.classList.remove('is-open')\n          i.querySelector('[data-alive-trigger]')?.setAttribute('aria-expanded', 'false')\n        })\n      }\n      if (!isOpen) {\n        item.classList.add('is-open')\n        trigger.setAttribute('aria-expanded', 'true')\n      }\n    })\n    registerCleanup(root, cleanup)\n  })\n}\n\n// ── Modal ─────────────────────────────────────────────────────────────────────\n\nfunction wireModal(modal: Element, root: Element): void {\n  const id = modal.getAttribute('data-alive-modal')\n  if (!id) return\n\n  // Open triggers\n  const openers = document.querySelectorAll<HTMLElement>(`[data-alive-open=\"${id}\"]`)\n  openers.forEach(opener => {\n    const cleanup = addListener(opener, 'click', () => openModal(id))\n    registerCleanup(root, cleanup)\n  })\n\n  // Close triggers inside the modal\n  modal.querySelectorAll<HTMLElement>('[data-alive-close]').forEach(closer => {\n    const cleanup = addListener(closer, 'click', () => closeModal(id))\n    registerCleanup(root, cleanup)\n  })\n\n  // Backdrop click to close (click on the modal wrapper, not the content)\n  const cleanup = addListener(modal, 'click', (e) => {\n    if (e.target === modal) closeModal(id)\n  })\n  registerCleanup(root, cleanup)\n\n  // ESC key\n  const escCleanup = addListener(document, 'keydown', (e) => {\n    if (e.key === 'Escape' && modal.classList.contains('is-open')) closeModal(id)\n  })\n  registerCleanup(root, escCleanup)\n}\n\nexport function openModal(id: string): void {\n  const modal = document.querySelector<HTMLElement>(`[data-alive-modal=\"${id}\"]`)\n  if (!modal) return\n  modal.classList.add('is-open')\n  modal.setAttribute('aria-hidden', 'false')\n  document.body.style.overflow = 'hidden'\n  // Focus first focusable element\n  const focusable = modal.querySelector<HTMLElement>(\n    'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n  )\n  focusable?.focus()\n}\n\nexport function closeModal(id: string): void {\n  const modal = document.querySelector<HTMLElement>(`[data-alive-modal=\"${id}\"]`)\n  if (!modal) return\n  modal.classList.remove('is-open')\n  modal.setAttribute('aria-hidden', 'true')\n  document.body.style.overflow = ''\n}\n\n// ── Drawer ────────────────────────────────────────────────────────────────────\n\nfunction wireDrawer(drawer: Element, root: Element): void {\n  const id = drawer.getAttribute('data-alive-drawer')\n  if (!id) return\n\n  const openers = document.querySelectorAll<HTMLElement>(`[data-alive-open=\"${id}\"]`)\n  openers.forEach(opener => {\n    const cleanup = addListener(opener, 'click', () => openDrawer(id))\n    registerCleanup(root, cleanup)\n  })\n\n  drawer.querySelectorAll<HTMLElement>('[data-alive-close]').forEach(closer => {\n    const cleanup = addListener(closer, 'click', () => closeDrawer(id))\n    registerCleanup(root, cleanup)\n  })\n\n  const backdropCleanup = addListener(drawer, 'click', (e) => {\n    if (e.target === drawer) closeDrawer(id)\n  })\n  registerCleanup(root, backdropCleanup)\n\n  const escCleanup = addListener(document, 'keydown', (e) => {\n    if (e.key === 'Escape' && drawer.classList.contains('is-open')) closeDrawer(id)\n  })\n  registerCleanup(root, escCleanup)\n}\n\nexport function openDrawer(id: string): void {\n  const drawer = document.querySelector<HTMLElement>(`[data-alive-drawer=\"${id}\"]`)\n  if (!drawer) return\n  drawer.classList.add('is-open')\n  drawer.setAttribute('aria-hidden', 'false')\n  document.body.style.overflow = 'hidden'\n}\n\nexport function closeDrawer(id: string): void {\n  const drawer = document.querySelector<HTMLElement>(`[data-alive-drawer=\"${id}\"]`)\n  if (!drawer) return\n  drawer.classList.remove('is-open')\n  drawer.setAttribute('aria-hidden', 'true')\n  document.body.style.overflow = ''\n}\n\n// ── Dropdown ──────────────────────────────────────────────────────────────────\n\nfunction wireDropdown(container: Element, root: Element): void {\n  const trigger = container.querySelector<HTMLElement>('[data-alive-trigger]')\n  const menu = container.querySelector<HTMLElement>('[data-alive-dropdown-menu]')\n  if (!trigger || !menu) return\n\n  const toggleCleanup = addListener(trigger, 'click', (e) => {\n    e.stopPropagation()\n    toggleDropdown(container)\n  })\n  registerCleanup(root, toggleCleanup)\n\n  // Close on outside click\n  const outsideCleanup = addListener(document, 'click', (e) => {\n    if (!container.contains(e.target as Node)) {\n      menu.classList.remove('is-open')\n      trigger.setAttribute('aria-expanded', 'false')\n    }\n  })\n  registerCleanup(root, outsideCleanup)\n\n  // Close on ESC\n  const escCleanup = addListener(document, 'keydown', (e) => {\n    if (e.key === 'Escape' && menu.classList.contains('is-open')) {\n      menu.classList.remove('is-open')\n      trigger.setAttribute('aria-expanded', 'false')\n      trigger.focus()\n    }\n  })\n  registerCleanup(root, escCleanup)\n}\n\nexport function toggleDropdown(container: Element): void {\n  const trigger = container.querySelector<HTMLElement>('[data-alive-trigger]')\n  const menu = container.querySelector<HTMLElement>('[data-alive-dropdown-menu]')\n  if (!menu) return\n  const isOpen = menu.classList.toggle('is-open')\n  trigger?.setAttribute('aria-expanded', String(isOpen))\n  if (isOpen) {\n    // Focus first item\n    menu.querySelector<HTMLElement>('[role=\"menuitem\"], button, a')?.focus()\n  }\n}\n\n// ── Tabs ──────────────────────────────────────────────────────────────────────\n\nfunction wireTabs(container: Element, root: Element): void {\n  const tabs = container.querySelectorAll<HTMLElement>('[data-alive-tab]')\n  tabs.forEach(tab => {\n    const cleanup = addListener(tab, 'click', () => {\n      const panelId = tab.getAttribute('data-alive-tab')\n      if (!panelId) return\n      activateTab(container, panelId)\n    })\n    registerCleanup(root, cleanup)\n\n    // Keyboard navigation\n    const keyCleanup = addListener(tab, 'keydown', (e) => {\n      const allTabs = [...container.querySelectorAll<HTMLElement>('[data-alive-tab]')]\n      const idx = allTabs.indexOf(tab)\n      if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n        e.preventDefault()\n        allTabs[(idx + 1) % allTabs.length]?.focus()\n      } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n        e.preventDefault()\n        allTabs[(idx - 1 + allTabs.length) % allTabs.length]?.focus()\n      }\n    })\n    registerCleanup(root, keyCleanup)\n  })\n}\n\nfunction activateTab(container: Element, panelId: string): void {\n  // Deactivate all tabs + panels within this tabs container\n  container.querySelectorAll('[data-alive-tab]').forEach(t => {\n    t.classList.remove('is-active')\n    t.setAttribute('aria-selected', 'false')\n    t.setAttribute('tabindex', '-1')\n  })\n\n  // Find panels — look in the container, then in the whole document\n  const searchRoot = container.closest('[data-alive-tabs-panels]') ?? document\n  searchRoot.querySelectorAll('[data-alive-panel]').forEach(p => {\n    p.classList.remove('is-active')\n    p.setAttribute('aria-hidden', 'true')\n  })\n\n  // Activate the selected tab\n  const activeTab = container.querySelector<HTMLElement>(`[data-alive-tab=\"${panelId}\"]`)\n  activeTab?.classList.add('is-active')\n  activeTab?.setAttribute('aria-selected', 'true')\n  activeTab?.setAttribute('tabindex', '0')\n\n  // Activate the matching panel\n  const activePanel = searchRoot.querySelector<HTMLElement>(`[data-alive-panel=\"${panelId}\"]`)\n  activePanel?.classList.add('is-active')\n  activePanel?.setAttribute('aria-hidden', 'false')\n}\n\n// ── Public API ────────────────────────────────────────────────────────────────\n\n/**\n * Wire all data-alive-* components within `root` (defaults to document.documentElement).\n * Safe to call multiple times — existing listeners are tracked and replaced on `destroy()`.\n */\nexport function init(root: Element = document.documentElement): void {\n  // Accordion\n  root.querySelectorAll('[data-alive-accordion]').forEach(el => wireAccordion(el, root))\n\n  // Modal\n  root.querySelectorAll('[data-alive-modal]').forEach(el => wireModal(el, root))\n\n  // Drawer\n  root.querySelectorAll('[data-alive-drawer]').forEach(el => wireDrawer(el, root))\n\n  // Dropdown\n  root.querySelectorAll('[data-alive-dropdown]').forEach(el => wireDropdown(el, root))\n\n  // Tabs\n  root.querySelectorAll('[data-alive-tabs]').forEach(el => wireTabs(el, root))\n}\n\n/**\n * Remove all event listeners registered by `init(root)`.\n */\nexport function destroy(root: Element = document.documentElement): void {\n  const cleanups = cleanupRegistry.get(root) ?? []\n  cleanups.forEach(fn => fn())\n  cleanupRegistry.delete(root)\n}\n"],"mappings":"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","names":["cleanup"]}
+{"version":3,"sources":["../src/runtime.ts"],"sourcesContent":["/**\n * AliveUI Runtime\n *\n * Provides data-attribute-driven interactivity for accordion, modal, drawer,\n * dropdown, and tabs components — zero dependencies, ~2 KB.\n *\n * Usage:\n *   import { init } from '@alivecss/aliveui/runtime'\n *   init() // wire everything in document\n *   init(myRootElement) // wire a subtree\n */\n\ntype Cleanup = () => void\n\nconst cleanupRegistry = new WeakMap<Element, Cleanup[]>()\n\nfunction registerCleanup(root: Element, fn: Cleanup): void {\n  const existing = cleanupRegistry.get(root) ?? []\n  existing.push(fn)\n  cleanupRegistry.set(root, existing)\n}\n\nfunction addListener<K extends keyof HTMLElementEventMap>(\n  el: EventTarget,\n  type: K,\n  handler: (e: HTMLElementEventMap[K]) => void,\n  options?: AddEventListenerOptions,\n): Cleanup {\n  el.addEventListener(type, handler as EventListener, options)\n  return () => el.removeEventListener(type, handler as EventListener, options)\n}\n\n// ── Accordion ─────────────────────────────────────────────────────────────────\n\nfunction wireAccordion(container: Element, root: Element): void {\n  const triggers = container.querySelectorAll<HTMLElement>('[data-alive-trigger]')\n  triggers.forEach(trigger => {\n    const item = trigger.closest('[data-alive-accordion-item]') ?? trigger.parentElement\n    if (!item) return\n\n    const cleanup = addListener(trigger, 'click', () => {\n      const isOpen = item.classList.contains('is-open')\n      // Close all items if not multi-open\n      if (!container.hasAttribute('data-alive-multi')) {\n        container.querySelectorAll('[data-alive-accordion-item]').forEach(i => {\n          i.classList.remove('is-open')\n          i.querySelector('[data-alive-trigger]')?.setAttribute('aria-expanded', 'false')\n        })\n      }\n      if (!isOpen) {\n        item.classList.add('is-open')\n        trigger.setAttribute('aria-expanded', 'true')\n      }\n    })\n    registerCleanup(root, cleanup)\n  })\n}\n\n// ── Modal ─────────────────────────────────────────────────────────────────────\n\nfunction wireModal(modal: Element, root: Element): void {\n  const id = modal.getAttribute('data-alive-modal')\n  if (!id) return\n\n  // Open triggers\n  const openers = document.querySelectorAll<HTMLElement>(`[data-alive-open=\"${id}\"]`)\n  openers.forEach(opener => {\n    const cleanup = addListener(opener, 'click', () => openModal(id))\n    registerCleanup(root, cleanup)\n  })\n\n  // Close triggers inside the modal\n  modal.querySelectorAll<HTMLElement>('[data-alive-close]').forEach(closer => {\n    const cleanup = addListener(closer, 'click', () => closeModal(id))\n    registerCleanup(root, cleanup)\n  })\n\n  // Backdrop click to close (click on the modal wrapper, not the content)\n  const cleanup = addListener(modal, 'click', (e) => {\n    if (e.target === modal) closeModal(id)\n  })\n  registerCleanup(root, cleanup)\n\n  // ESC key\n  const escCleanup = addListener(document, 'keydown', (e) => {\n    if (e.key === 'Escape' && modal.classList.contains('is-open')) closeModal(id)\n  })\n  registerCleanup(root, escCleanup)\n}\n\nexport function openModal(id: string): void {\n  const modal = document.querySelector<HTMLElement>(`[data-alive-modal=\"${id}\"]`)\n  if (!modal) return\n  modal.classList.add('is-open')\n  modal.setAttribute('aria-hidden', 'false')\n  document.body.style.overflow = 'hidden'\n  // Focus first focusable element\n  const focusable = modal.querySelector<HTMLElement>(\n    'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n  )\n  focusable?.focus()\n}\n\nexport function closeModal(id: string): void {\n  const modal = document.querySelector<HTMLElement>(`[data-alive-modal=\"${id}\"]`)\n  if (!modal) return\n  modal.classList.remove('is-open')\n  modal.setAttribute('aria-hidden', 'true')\n  document.body.style.overflow = ''\n}\n\n// ── Drawer ────────────────────────────────────────────────────────────────────\n\nfunction wireDrawer(drawer: Element, root: Element): void {\n  const id = drawer.getAttribute('data-alive-drawer')\n  if (!id) return\n\n  const openers = document.querySelectorAll<HTMLElement>(`[data-alive-open=\"${id}\"]`)\n  openers.forEach(opener => {\n    const cleanup = addListener(opener, 'click', () => openDrawer(id))\n    registerCleanup(root, cleanup)\n  })\n\n  drawer.querySelectorAll<HTMLElement>('[data-alive-close]').forEach(closer => {\n    const cleanup = addListener(closer, 'click', () => closeDrawer(id))\n    registerCleanup(root, cleanup)\n  })\n\n  const backdropCleanup = addListener(drawer, 'click', (e) => {\n    if (e.target === drawer) closeDrawer(id)\n  })\n  registerCleanup(root, backdropCleanup)\n\n  const escCleanup = addListener(document, 'keydown', (e) => {\n    if (e.key === 'Escape' && drawer.classList.contains('is-open')) closeDrawer(id)\n  })\n  registerCleanup(root, escCleanup)\n}\n\nexport function openDrawer(id: string): void {\n  const drawer = document.querySelector<HTMLElement>(`[data-alive-drawer=\"${id}\"]`)\n  if (!drawer) return\n  drawer.classList.add('is-open')\n  drawer.setAttribute('aria-hidden', 'false')\n  document.body.style.overflow = 'hidden'\n}\n\nexport function closeDrawer(id: string): void {\n  const drawer = document.querySelector<HTMLElement>(`[data-alive-drawer=\"${id}\"]`)\n  if (!drawer) return\n  drawer.classList.remove('is-open')\n  drawer.setAttribute('aria-hidden', 'true')\n  document.body.style.overflow = ''\n}\n\n// ── Dropdown ──────────────────────────────────────────────────────────────────\n\nfunction wireDropdown(container: Element, root: Element): void {\n  const trigger = container.querySelector<HTMLElement>('[data-alive-trigger]')\n  const menu = container.querySelector<HTMLElement>('[data-alive-dropdown-menu]')\n  if (!trigger || !menu) return\n\n  const toggleCleanup = addListener(trigger, 'click', (e) => {\n    e.stopPropagation()\n    toggleDropdown(container)\n  })\n  registerCleanup(root, toggleCleanup)\n\n  // Close on outside click\n  const outsideCleanup = addListener(document, 'click', (e) => {\n    if (!container.contains(e.target as Node)) {\n      menu.classList.remove('is-open')\n      trigger.setAttribute('aria-expanded', 'false')\n    }\n  })\n  registerCleanup(root, outsideCleanup)\n\n  // Close on ESC\n  const escCleanup = addListener(document, 'keydown', (e) => {\n    if (e.key === 'Escape' && menu.classList.contains('is-open')) {\n      menu.classList.remove('is-open')\n      trigger.setAttribute('aria-expanded', 'false')\n      trigger.focus()\n    }\n  })\n  registerCleanup(root, escCleanup)\n}\n\nexport function toggleDropdown(container: Element): void {\n  const trigger = container.querySelector<HTMLElement>('[data-alive-trigger]')\n  const menu = container.querySelector<HTMLElement>('[data-alive-dropdown-menu]')\n  if (!menu) return\n  const isOpen = menu.classList.toggle('is-open')\n  trigger?.setAttribute('aria-expanded', String(isOpen))\n  if (isOpen) {\n    // Focus first item\n    menu.querySelector<HTMLElement>('[role=\"menuitem\"], button, a')?.focus()\n  }\n}\n\n// ── Tabs ──────────────────────────────────────────────────────────────────────\n\nfunction wireTabs(container: Element, root: Element): void {\n  const tabs = container.querySelectorAll<HTMLElement>('[data-alive-tab]')\n  tabs.forEach(tab => {\n    const cleanup = addListener(tab, 'click', () => {\n      const panelId = tab.getAttribute('data-alive-tab')\n      if (!panelId) return\n      activateTab(container, panelId)\n    })\n    registerCleanup(root, cleanup)\n\n    // Keyboard navigation\n    const keyCleanup = addListener(tab, 'keydown', (e) => {\n      const allTabs = [...container.querySelectorAll<HTMLElement>('[data-alive-tab]')]\n      const idx = allTabs.indexOf(tab)\n      if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n        e.preventDefault()\n        allTabs[(idx + 1) % allTabs.length]?.focus()\n      } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n        e.preventDefault()\n        allTabs[(idx - 1 + allTabs.length) % allTabs.length]?.focus()\n      }\n    })\n    registerCleanup(root, keyCleanup)\n  })\n}\n\nfunction activateTab(container: Element, panelId: string): void {\n  // Deactivate all tabs + panels within this tabs container\n  container.querySelectorAll('[data-alive-tab]').forEach(t => {\n    t.classList.remove('is-active')\n    t.setAttribute('aria-selected', 'false')\n    t.setAttribute('tabindex', '-1')\n  })\n\n  // Find panels — look in the container, then in the whole document\n  const searchRoot = container.closest('[data-alive-tabs-panels]') ?? document\n  searchRoot.querySelectorAll('[data-alive-panel]').forEach(p => {\n    p.classList.remove('is-active')\n    p.setAttribute('aria-hidden', 'true')\n  })\n\n  // Activate the selected tab\n  const activeTab = container.querySelector<HTMLElement>(`[data-alive-tab=\"${panelId}\"]`)\n  activeTab?.classList.add('is-active')\n  activeTab?.setAttribute('aria-selected', 'true')\n  activeTab?.setAttribute('tabindex', '0')\n\n  // Activate the matching panel\n  const activePanel = searchRoot.querySelector<HTMLElement>(`[data-alive-panel=\"${panelId}\"]`)\n  activePanel?.classList.add('is-active')\n  activePanel?.setAttribute('aria-hidden', 'false')\n}\n\n// ── Public API ────────────────────────────────────────────────────────────────\n\n/**\n * Wire all data-alive-* components within `root` (defaults to document.documentElement).\n * Safe to call multiple times — existing listeners are tracked and replaced on `destroy()`.\n */\nexport function init(root: Element = document.documentElement): void {\n  // Accordion\n  root.querySelectorAll('[data-alive-accordion]').forEach(el => wireAccordion(el, root))\n\n  // Modal\n  root.querySelectorAll('[data-alive-modal]').forEach(el => wireModal(el, root))\n\n  // Drawer\n  root.querySelectorAll('[data-alive-drawer]').forEach(el => wireDrawer(el, root))\n\n  // Dropdown\n  root.querySelectorAll('[data-alive-dropdown]').forEach(el => wireDropdown(el, root))\n\n  // Tabs\n  root.querySelectorAll('[data-alive-tabs]').forEach(el => wireTabs(el, root))\n}\n\n/**\n * Remove all event listeners registered by `init(root)`.\n */\nexport function destroy(root: Element = document.documentElement): void {\n  const cleanups = cleanupRegistry.get(root) ?? []\n  cleanups.forEach(fn => fn())\n  cleanupRegistry.delete(root)\n}\n"],"mappings":"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","names":["cleanup"]}

package/dist/vite.d.mts

@@ -31,7 +31,7 @@ type DeepPartial<T> = {
  * `@aliveui` directives in your CSS are processed automatically.
  *
  * Usage in vite.config.ts:
- *   import { aliveUIVite } from '@pratikshadake/aliveui/vite'
+ *   import { aliveUIVite } from '@alivecss/aliveui/vite'
  *
  *   export default defineConfig({
  *     plugins: [aliveUIVite({ content: ['./src/**\/*.{ts,tsx,html}'] })],

package/dist/vite.d.ts

@@ -31,7 +31,7 @@ type DeepPartial<T> = {
  * `@aliveui` directives in your CSS are processed automatically.
  *
  * Usage in vite.config.ts:
- *   import { aliveUIVite } from '@pratikshadake/aliveui/vite'
+ *   import { aliveUIVite } from '@alivecss/aliveui/vite'
  *
  *   export default defineConfig({
  *     plugins: [aliveUIVite({ content: ['./src/**\/*.{ts,tsx,html}'] })],

package/dist/vite.js

@@ -612,6 +612,42 @@ function generateBase(_config) {
   box-sizing: border-box;
 }
 
+html {
+  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  line-height: 1.5;
+  -webkit-text-size-adjust: 100%;
+  -moz-tab-size: 4;
+  tab-size: 4;
+}
+
+body {
+  margin: 0;
+  line-height: inherit;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  font-size: 100%;
+  font-weight: inherit;
+  line-height: inherit;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
 /* \u2500\u2500 Design tokens \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
 :root {
   /* Motion durations */
@@ -2725,9 +2761,23 @@ var init_typography = __esm({
 });
 
 // src/generator/layout.ts
-function generateLayout(classes, _config) {
+function has2(obj, key) {
+  return typeof obj[key] === "string";
+}
+function generateLayout(classes, config) {
+  const { spacing } = config.theme;
   const rules = [];
   for (const cls of classes) {
+    const spaceYMatch = cls.match(/^space-y-(.+)$/);
+    if (spaceYMatch && has2(spacing, spaceYMatch[1])) {
+      rules.push(`.${escapeSelector(cls)} > * + * { margin-top: ${spacing[spaceYMatch[1]]}; }`);
+      continue;
+    }
+    const spaceXMatch = cls.match(/^space-x-(.+)$/);
+    if (spaceXMatch && has2(spacing, spaceXMatch[1])) {
+      rules.push(`.${escapeSelector(cls)} > * + * { margin-left: ${spacing[spaceXMatch[1]]}; }`);
+      continue;
+    }
     const generated = matchLayout(cls);
     if (generated) rules.push(generated);
   }
@@ -2770,6 +2820,10 @@ function matchLayout(cls) {
   if (cls === "flex-grow-0") return `.${cls} { flex-grow: 0; }`;
   if (cls === "flex-shrink") return `.${cls} { flex-shrink: 1; }`;
   if (cls === "flex-shrink-0") return `.${cls} { flex-shrink: 0; }`;
+  if (cls === "grow") return `.${cls} { flex-grow: 1; }`;
+  if (cls === "grow-0") return `.${cls} { flex-grow: 0; }`;
+  if (cls === "shrink") return `.${cls} { flex-shrink: 1; }`;
+  if (cls === "shrink-0") return `.${cls} { flex-shrink: 0; }`;
   if (cls === "items-start") return `.${cls} { align-items: flex-start; }`;
   if (cls === "items-end") return `.${cls} { align-items: flex-end; }`;
   if (cls === "items-center") return `.${cls} { align-items: center; }`;
@@ -2947,11 +3001,12 @@ function matchLayout(cls) {
 var init_layout = __esm({
   "src/generator/layout.ts"() {
     "use strict";
+    init_utils();
   }
 });
 
 // src/generator/sizing.ts
-function has2(obj, key) {
+function has3(obj, key) {
   return typeof obj[key] === "string";
 }
 function generateSizing(classes, config) {
@@ -3002,8 +3057,8 @@ function matchSizing(cls, spacing) {
     if (key === "min") return `.${cls} { width: min-content; }`;
     if (key === "max") return `.${cls} { width: max-content; }`;
     if (key === "fit") return `.${cls} { width: fit-content; }`;
-    if (has2(fractions, key)) return `.${cls} { width: ${fractions[key]}; }`;
-    if (has2(spacing, key)) return `.${cls} { width: ${spacing[key]}; }`;
+    if (has3(fractions, key)) return `.${cls} { width: ${fractions[key]}; }`;
+    if (has3(spacing, key)) return `.${cls} { width: ${spacing[key]}; }`;
   }
   const minWMatch = cls.match(/^min-w-(.+)$/);
   if (minWMatch) {
@@ -3013,7 +3068,7 @@ function matchSizing(cls, spacing) {
     if (key === "min") return `.${cls} { min-width: min-content; }`;
     if (key === "max") return `.${cls} { min-width: max-content; }`;
     if (key === "fit") return `.${cls} { min-width: fit-content; }`;
-    if (has2(spacing, key)) return `.${cls} { min-width: ${spacing[key]}; }`;
+    if (has3(spacing, key)) return `.${cls} { min-width: ${spacing[key]}; }`;
   }
   const maxWMap = {
     none: "none",
@@ -3040,7 +3095,7 @@ function matchSizing(cls, spacing) {
     "screen-2xl": "1536px"
   };
   const maxWMatch = cls.match(/^max-w-(.+)$/);
-  if (maxWMatch && has2(maxWMap, maxWMatch[1])) {
+  if (maxWMatch && has3(maxWMap, maxWMatch[1])) {
     return `.${cls} { max-width: ${maxWMap[maxWMatch[1]]}; }`;
   }
   const hMatch = cls.match(/^h-(.+)$/);
@@ -3054,8 +3109,8 @@ function matchSizing(cls, spacing) {
     if (key === "min") return `.${cls} { height: min-content; }`;
     if (key === "max") return `.${cls} { height: max-content; }`;
     if (key === "fit") return `.${cls} { height: fit-content; }`;
-    if (has2(fractions, key)) return `.${cls} { height: ${fractions[key]}; }`;
-    if (has2(spacing, key)) return `.${cls} { height: ${spacing[key]}; }`;
+    if (has3(fractions, key)) return `.${cls} { height: ${fractions[key]}; }`;
+    if (has3(spacing, key)) return `.${cls} { height: ${spacing[key]}; }`;
   }
   const minHMatch = cls.match(/^min-h-(.+)$/);
   if (minHMatch) {
@@ -3066,7 +3121,7 @@ function matchSizing(cls, spacing) {
     if (key === "svh") return `.${cls} { min-height: 100svh; }`;
     if (key === "dvh") return `.${cls} { min-height: 100dvh; }`;
     if (key === "fit") return `.${cls} { min-height: fit-content; }`;
-    if (has2(spacing, key)) return `.${cls} { min-height: ${spacing[key]}; }`;
+    if (has3(spacing, key)) return `.${cls} { min-height: ${spacing[key]}; }`;
   }
   const maxHMatch = cls.match(/^max-h-(.+)$/);
   if (maxHMatch) {
@@ -3077,7 +3132,16 @@ function matchSizing(cls, spacing) {
     if (key === "svh") return `.${cls} { max-height: 100svh; }`;
     if (key === "dvh") return `.${cls} { max-height: 100dvh; }`;
     if (key === "fit") return `.${cls} { max-height: fit-content; }`;
-    if (has2(spacing, key)) return `.${cls} { max-height: ${spacing[key]}; }`;
+    if (has3(spacing, key)) return `.${cls} { max-height: ${spacing[key]}; }`;
+  }
+  const basisMatch = cls.match(/^basis-(.+)$/);
+  if (basisMatch) {
+    const key = basisMatch[1];
+    if (key === "auto") return `.${cls} { flex-basis: auto; }`;
+    if (key === "full") return `.${cls} { flex-basis: 100%; }`;
+    if (key === "0") return `.${cls} { flex-basis: 0px; }`;
+    if (has3(fractions, key)) return `.${cls} { flex-basis: ${fractions[key]}; }`;
+    if (has3(spacing, key)) return `.${cls} { flex-basis: ${spacing[key]}; }`;
   }
   return null;
 }
@@ -3088,7 +3152,7 @@ var init_sizing = __esm({
 });
 
 // src/generator/effects.ts
-function has3(obj, key) {
+function has4(obj, key) {
   return typeof obj[key] === "string";
 }
 function generateEffects(classes, config) {
@@ -3102,7 +3166,7 @@ function generateEffects(classes, config) {
 }
 function matchEffects(cls, opacity, zIndex, boxShadow, borderRadius) {
   const opacityMatch = cls.match(/^opacity-(.+)$/);
-  if (opacityMatch && has3(opacity, opacityMatch[1])) {
+  if (opacityMatch && has4(opacity, opacityMatch[1])) {
     return `.${cls} {
   opacity: ${opacity[opacityMatch[1]]};
   transition-property: opacity;
@@ -3111,47 +3175,47 @@ function matchEffects(cls, opacity, zIndex, boxShadow, borderRadius) {
 }`;
   }
   const zMatch = cls.match(/^z-(.+)$/);
-  if (zMatch && has3(zIndex, zMatch[1])) {
+  if (zMatch && has4(zIndex, zMatch[1])) {
     return `.${cls} { z-index: ${zIndex[zMatch[1]]}; }`;
   }
   const shadowMatch = cls.match(/^shadow(?:-(.+))?$/);
   if (shadowMatch) {
     const key = shadowMatch[1] ?? "DEFAULT";
-    if (has3(boxShadow, key)) {
+    if (has4(boxShadow, key)) {
       return `.${cls} { box-shadow: ${boxShadow[key]}; }`;
     }
-    if (!shadowMatch[1] && has3(boxShadow, "DEFAULT")) {
+    if (!shadowMatch[1] && has4(boxShadow, "DEFAULT")) {
       return `.${cls} { box-shadow: ${boxShadow["DEFAULT"]}; }`;
     }
   }
   const roundedMatch = cls.match(/^rounded(?:-(.+))?$/);
   if (roundedMatch) {
     const key = roundedMatch[1] ?? "DEFAULT";
-    if (has3(borderRadius, key)) return `.${cls} { border-radius: ${borderRadius[key]}; }`;
-    if (!roundedMatch[1] && has3(borderRadius, "DEFAULT")) return `.${cls} { border-radius: ${borderRadius["DEFAULT"]}; }`;
+    if (has4(borderRadius, key)) return `.${cls} { border-radius: ${borderRadius[key]}; }`;
+    if (!roundedMatch[1] && has4(borderRadius, "DEFAULT")) return `.${cls} { border-radius: ${borderRadius["DEFAULT"]}; }`;
   }
   const roundedTMatch = cls.match(/^rounded-t(?:-(.+))?$/);
   if (roundedTMatch) {
     const rkey = roundedTMatch[1] ?? "DEFAULT";
-    const val = has3(borderRadius, rkey) ? borderRadius[rkey] : has3(borderRadius, "DEFAULT") ? borderRadius["DEFAULT"] : null;
+    const val = has4(borderRadius, rkey) ? borderRadius[rkey] : has4(borderRadius, "DEFAULT") ? borderRadius["DEFAULT"] : null;
     if (val) return `.${cls} { border-top-left-radius: ${val}; border-top-right-radius: ${val}; }`;
   }
   const roundedBMatch = cls.match(/^rounded-b(?:-(.+))?$/);
   if (roundedBMatch) {
     const rkey = roundedBMatch[1] ?? "DEFAULT";
-    const val = has3(borderRadius, rkey) ? borderRadius[rkey] : has3(borderRadius, "DEFAULT") ? borderRadius["DEFAULT"] : null;
+    const val = has4(borderRadius, rkey) ? borderRadius[rkey] : has4(borderRadius, "DEFAULT") ? borderRadius["DEFAULT"] : null;
     if (val) return `.${cls} { border-bottom-left-radius: ${val}; border-bottom-right-radius: ${val}; }`;
   }
   const roundedLMatch = cls.match(/^rounded-l(?:-(.+))?$/);
   if (roundedLMatch) {
     const rkey = roundedLMatch[1] ?? "DEFAULT";
-    const val = has3(borderRadius, rkey) ? borderRadius[rkey] : has3(borderRadius, "DEFAULT") ? borderRadius["DEFAULT"] : null;
+    const val = has4(borderRadius, rkey) ? borderRadius[rkey] : has4(borderRadius, "DEFAULT") ? borderRadius["DEFAULT"] : null;
     if (val) return `.${cls} { border-top-left-radius: ${val}; border-bottom-left-radius: ${val}; }`;
   }
   const roundedRMatch = cls.match(/^rounded-r(?:-(.+))?$/);
   if (roundedRMatch) {
     const rkey = roundedRMatch[1] ?? "DEFAULT";
-    const val = has3(borderRadius, rkey) ? borderRadius[rkey] : has3(borderRadius, "DEFAULT") ? borderRadius["DEFAULT"] : null;
+    const val = has4(borderRadius, rkey) ? borderRadius[rkey] : has4(borderRadius, "DEFAULT") ? borderRadius["DEFAULT"] : null;
     if (val) return `.${cls} { border-top-right-radius: ${val}; border-bottom-right-radius: ${val}; }`;
   }
   if (cls === "border") return `.${cls} { border-width: 1px; border-style: solid; }`;
@@ -3205,15 +3269,15 @@ function matchEffects(cls, opacity, zIndex, boxShadow, borderRadius) {
     "150": "1.5"
   };
   const scaleMatch = cls.match(/^scale-(\d+)$/);
-  if (scaleMatch && has3(scaleMap, scaleMatch[1])) {
+  if (scaleMatch && has4(scaleMap, scaleMatch[1])) {
     return `.${cls} { transform: scale(${scaleMap[scaleMatch[1]]}); }`;
   }
   const scaleXMatch = cls.match(/^scale-x-(\d+)$/);
-  if (scaleXMatch && has3(scaleMap, scaleXMatch[1])) {
+  if (scaleXMatch && has4(scaleMap, scaleXMatch[1])) {
     return `.${cls} { transform: scaleX(${scaleMap[scaleXMatch[1]]}); }`;
   }
   const scaleYMatch = cls.match(/^scale-y-(\d+)$/);
-  if (scaleYMatch && has3(scaleMap, scaleYMatch[1])) {
+  if (scaleYMatch && has4(scaleMap, scaleYMatch[1])) {
     return `.${cls} { transform: scaleY(${scaleMap[scaleYMatch[1]]}); }`;
   }
   const rotateMatch = cls.match(/^-?rotate-(\d+)$/);
@@ -3256,7 +3320,7 @@ function matchEffects(cls, opacity, zIndex, boxShadow, borderRadius) {
       "3xl": "64px"
     };
     const key = blurMatch[1] ?? "DEFAULT";
-    if (has3(blurMap, key)) return `.${cls} { filter: blur(${blurMap[key]}); }`;
+    if (has4(blurMap, key)) return `.${cls} { filter: blur(${blurMap[key]}); }`;
   }
   const backdropBlurMatch = cls.match(/^backdrop-blur(?:-(.+))?$/);
   if (backdropBlurMatch) {
@@ -3271,7 +3335,7 @@ function matchEffects(cls, opacity, zIndex, boxShadow, borderRadius) {
       "3xl": "64px"
     };
     const key = backdropBlurMatch[1] ?? "DEFAULT";
-    if (has3(blurMap, key)) return `.${cls} { backdrop-filter: blur(${blurMap[key]}); }`;
+    if (has4(blurMap, key)) return `.${cls} { backdrop-filter: blur(${blurMap[key]}); }`;
   }
   const arbOpacityMatch = cls.match(/^opacity-\[(.+)\]$/);
   if (arbOpacityMatch) {
@@ -3813,14 +3877,23 @@ var init_src = __esm({
         postcssPlugin: "aliveui",
         async Once(root, { result, postcss }) {
           const classes = await scanContent(config);
+          const hasAliveDirective = root.some((node) => node.type === "atrule" && node.name === "aliveui");
+          if (hasAliveDirective) {
+            const layerDecl = postcss.atRule({ name: "layer", params: "aliveui.base, aliveui.utilities" });
+            root.prepend(layerDecl);
+          }
           root.walkAtRules("aliveui", (atRule) => {
             const param = atRule.params.trim();
             if (param === "base") {
-              const css = generateBase(config);
+              const css = `@layer aliveui.base {
+${generateBase(config)}
+}`;
               const parsed = postcss.parse(css, { from: atRule.source?.input.file });
               atRule.replaceWith(parsed.nodes);
             } else if (param === "utilities") {
-              const css = generateUtilities(classes, config);
+              const css = `@layer aliveui.utilities {
+${generateUtilities(classes, config)}
+}`;
               const parsed = postcss.parse(css, { from: atRule.source?.input.file });
               atRule.replaceWith(parsed.nodes);
             } else {