fernwell 0.1.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +26 -0
- package/README.md +30 -3
- package/dist/fernwell.cjs +3 -3
- package/dist/fernwell.cjs.map +4 -4
- package/dist/fernwell.css +384 -3
- package/dist/fernwell.esm.js +3 -3
- package/dist/fernwell.esm.js.map +4 -4
- package/dist/fernwell.iife.js +3 -3
- package/dist/fernwell.iife.js.map +4 -4
- package/dist/fernwell.min.css +2 -2
- package/dist/fernwell.tokens.css +1 -1
- package/dist/index.d.ts +7 -1
- package/dist/menu.d.ts +49 -0
- package/dist/table.d.ts +40 -0
- package/package.json +10 -4
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../src/js/iife.ts", "../src/js/theme.ts", "../src/js/combobox.ts", "../src/js/modal.ts", "../src/js/nav.ts", "../src/js/loading.ts", "../src/js/toast.ts", "../src/js/index.ts"],
|
|
4
|
-
"sourcesContent": ["// Entry for the <script>-tag build: exposes window.Fernwell and auto-inits.\nimport Fernwell from './index';\n\nexport * from './index';\nexport { default } from './index';\n\nconst script = typeof document !== 'undefined' ? document.currentScript : null;\nif (typeof document !== 'undefined' && !(script && script.hasAttribute('data-fw-no-init'))) {\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => Fernwell.init());\n } else {\n Fernwell.init();\n }\n}\n", "/**\n * Theme \u2014 toggles `data-theme=\"dark\"` on <html>, remembers the choice, and\n * falls back to the OS preference. Also carries the runtime token API\n * (`setTokens` / `resetTokens` / `getToken`) for retheming Fernwell's colour\n * tokens on the fly \u2014 per-tenant branding, a user-picked accent, a live\n * preview \u2014 without touching a stylesheet.\n *\n * <button class=\"fw-btn fw-btn-ghost\" data-fw-theme-toggle\n * data-fw-theme-label-dark=\"\u2600\uFE0F Light\" data-fw-theme-label-light=\"\uD83C\uDF19 Dark\">\uD83C\uDF19 Dark</button>\n *\n * To avoid a flash of the wrong theme on load, inline this before your CSS:\n * <script>document.documentElement.dataset.theme=localStorage.getItem('fw-theme')||(matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light')</script>\n */\nexport type Theme = 'light' | 'dark';\n\nconst STORAGE_KEY = 'fw-theme';\nconst EVENT = 'fw:themechange';\nconst TOKEN_PREFIX = '--fw-';\nconst TOKEN_STYLE_ATTR = 'data-fw-tokens';\n\nfunction store(): Storage | null {\n try {\n return window.localStorage;\n } catch {\n return null;\n }\n}\n\n/** The theme currently applied to <html>, or the system preference if none is set. */\nexport function get(): Theme {\n const attr = document.documentElement.getAttribute('data-theme');\n if (attr === 'dark' || attr === 'light') return attr;\n return window.matchMedia?.('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n}\n\n/** Apply a theme, persist it, and update every toggle button on the page. */\nexport function set(theme: Theme, { persist = true }: { persist?: boolean } = {}): void {\n document.documentElement.setAttribute('data-theme', theme);\n if (persist) store()?.setItem(STORAGE_KEY, theme);\n document.querySelectorAll<HTMLElement>('[data-fw-theme-toggle]').forEach((btn) => syncToggle(btn, theme));\n document.dispatchEvent(new CustomEvent<Theme>(EVENT, { detail: theme }));\n}\n\nexport function toggle(): Theme {\n const next: Theme = get() === 'dark' ? 'light' : 'dark';\n set(next);\n return next;\n}\n\nfunction syncToggle(btn: HTMLElement, theme: Theme): void {\n btn.setAttribute('aria-pressed', String(theme === 'dark'));\n const label = theme === 'dark' ? btn.dataset.fwThemeLabelDark : btn.dataset.fwThemeLabelLight;\n if (label !== undefined) btn.textContent = label;\n}\n\n/** Apply the stored / system theme and wire every `[data-fw-theme-toggle]` under `root`. */\nexport function init(root: ParentNode = document): void {\n const stored = store()?.getItem(STORAGE_KEY);\n const current: Theme = stored === 'dark' || stored === 'light' ? stored : get();\n set(current, { persist: false });\n\n root.querySelectorAll<HTMLElement>('[data-fw-theme-toggle]').forEach((btn) => {\n if (btn.dataset.fwBound) return;\n btn.dataset.fwBound = '1';\n syncToggle(btn, current);\n btn.addEventListener('click', () => toggle());\n });\n\n // Follow the OS only while the user hasn't chosen explicitly.\n window.matchMedia?.('(prefers-color-scheme: dark)').addEventListener?.('change', (e) => {\n if (!store()?.getItem(STORAGE_KEY)) set(e.matches ? 'dark' : 'light', { persist: false });\n });\n}\n\n/* ---------------------------------------------------------------------- *\n * Runtime tokens \u2014 override any --fw-* custom property from JS, in both\n * themes or per-theme, scoped to :root or to any selector. Overrides render\n * into one <style data-fw-tokens> appended to <head>: being unlayered and\n * last, it wins over Fernwell's own @layer fw-tokens *and* any earlier\n * static override in the consumer's stylesheet.\n * ---------------------------------------------------------------------- */\n\n/** Token name \u2192 CSS value. Bare names (`primary`) and full names (`--fw-primary`) both work. */\nexport type TokenOverrides = Record<string, string>;\n\n/** Split form: set different values per theme instead of both at once. */\nexport interface TokenThemeOverrides {\n light?: TokenOverrides;\n dark?: TokenOverrides;\n}\n\ninterface ScopeTokens {\n light: TokenOverrides;\n dark: TokenOverrides;\n}\n\nconst tokenScopes = new Map<string, ScopeTokens>();\n\nfunction normalizeTokenName(name: string): string {\n return name.startsWith('--') ? name : `${TOKEN_PREFIX}${name}`;\n}\n\nfunction isThemeSplit(tokens: TokenOverrides | TokenThemeOverrides): tokens is TokenThemeOverrides {\n // A token's own value is always a CSS string \u2014 so any object-valued entry\n // means this is the { light, dark } split form, not a flat token map.\n return Object.values(tokens).some((v) => v !== null && typeof v === 'object');\n}\n\nfunction declBlock(tokens: TokenOverrides): string {\n return Object.entries(tokens)\n .map(([name, value]) => `${normalizeTokenName(name)}:${value};`)\n .join('');\n}\n\nfunction tokenStyleEl(create: boolean): HTMLStyleElement | null {\n const existing = document.head.querySelector<HTMLStyleElement>(`style[${TOKEN_STYLE_ATTR}]`);\n if (existing || !create) return existing;\n const el = document.createElement('style');\n el.setAttribute(TOKEN_STYLE_ATTR, '');\n document.head.appendChild(el);\n return el;\n}\n\nfunction renderTokens(): void {\n if (tokenScopes.size === 0) {\n tokenStyleEl(false)?.remove();\n return;\n }\n const rules: string[] = [];\n tokenScopes.forEach(({ light, dark }, scope) => {\n if (Object.keys(light).length) rules.push(`${scope}{${declBlock(light)}}`);\n if (Object.keys(dark).length) {\n const darkSelector =\n scope === ':root' ? '[data-theme=\"dark\"]' : `[data-theme=\"dark\"] ${scope}, ${scope}[data-theme=\"dark\"]`;\n rules.push(`${darkSelector}{${declBlock(dark)}}`);\n }\n });\n tokenStyleEl(true)!.textContent = rules.join('\\n');\n}\n\n/**\n * Override Fernwell design tokens at runtime \u2014 every derived token (hovers,\n * tints, focus ring, glows) follows automatically, in both themes:\n *\n * theme.setTokens({ primary: '#2266ff' });\n *\n * Pass `{ light, dark }` to set different values per theme, and `scope` to\n * theme a subtree instead of the whole page:\n *\n * theme.setTokens({ light: { primary: '#2266ff' }, dark: { primary: '#5c9dff' } });\n * theme.setTokens({ secondary: '#a33' }, { scope: '.tenant-acme' });\n *\n * Calls accumulate (merge into whatever overrides are already set for that\n * scope) \u2014 call `resetTokens()` to clear them.\n */\nexport function setTokens(tokens: TokenOverrides | TokenThemeOverrides, opts: { scope?: string } = {}): void {\n const scope = opts.scope ?? ':root';\n const entry = tokenScopes.get(scope) ?? { light: {}, dark: {} };\n if (isThemeSplit(tokens)) {\n Object.assign(entry.light, tokens.light);\n Object.assign(entry.dark, tokens.dark);\n } else {\n Object.assign(entry.light, tokens);\n Object.assign(entry.dark, tokens);\n }\n tokenScopes.set(scope, entry);\n renderTokens();\n}\n\n/** Clear runtime token overrides \u2014 for one `scope`, or every scope if omitted. */\nexport function resetTokens(scope?: string): void {\n if (scope) tokenScopes.delete(scope);\n else tokenScopes.clear();\n renderTokens();\n}\n\n/** The live, resolved value of a token (e.g. `getToken('primary')` \u2192 `'#ffc145'`), including runtime overrides. */\nexport function getToken(name: string, el: Element = document.documentElement): string {\n return getComputedStyle(el).getPropertyValue(normalizeTokenName(name)).trim();\n}\n", "/**\n * Combobox / typeahead \u2014 progressive enhancement over an <input> + <datalist>.\n *\n * <div class=\"fw-combobox\">\n * <input class=\"fw-input\" data-fw-combobox list=\"cities\" placeholder=\"Start typing\u2026\">\n * <datalist id=\"cities\"><option value=\"Seattle\"></option>\u2026</datalist>\n * </div>\n *\n * Or programmatically: combobox(input, { options: ['Seattle', \u2026], onSelect })\n */\nexport interface ComboboxOptions {\n /** Static option list. Defaults to the <datalist> the input's `list` attribute points at. */\n options?: string[];\n /** Filter function; default is case-insensitive substring match. */\n filter?: (option: string, query: string) => boolean;\n /** Text shown when nothing matches. */\n emptyText?: string;\n onSelect?: (value: string) => void;\n}\n\nexport interface ComboboxInstance {\n open(): void;\n close(): void;\n setOptions(options: string[]): void;\n destroy(): void;\n}\n\nlet uid = 0;\n\nfunction escapeHtml(s: string): string {\n return s.replace(/[&<>\"']/g, (c) => ({ '&': '&', '<': '<', '>': '>', '\"': '"', \"'\": ''' })[c] as string);\n}\n\nexport function combobox(input: HTMLInputElement, opts: ComboboxOptions = {}): ComboboxInstance {\n const filter = opts.filter ?? ((o, q) => o.toLowerCase().includes(q));\n const emptyText = opts.emptyText ?? 'No matches';\n let options = opts.options ?? readDatalist(input);\n let current: string[] = [];\n let activeIndex = -1;\n let selecting = false;\n\n // The native datalist would double up with our list \u2014 detach it but keep\n // the options readable for setOptions()/no-JS fallbacks.\n const listId = input.getAttribute('list');\n if (listId) {\n input.dataset.fwList = listId;\n input.removeAttribute('list');\n }\n\n const wrap = input.closest('.fw-combobox') ?? wrapInput(input);\n const list = document.createElement('ul');\n const id = `fw-combobox-${++uid}`;\n list.className = 'fw-combobox-list';\n list.id = id;\n list.setAttribute('role', 'listbox');\n wrap.appendChild(list);\n\n input.setAttribute('role', 'combobox');\n input.setAttribute('aria-autocomplete', 'list');\n input.setAttribute('aria-expanded', 'false');\n input.setAttribute('aria-controls', id);\n input.autocomplete = 'off';\n\n function render(matches: string[]): void {\n current = matches;\n activeIndex = -1;\n const q = input.value.trim().toLowerCase();\n if (matches.length === 0) {\n list.innerHTML = `<li class=\"fw-combobox-empty\">${escapeHtml(emptyText)}</li>`;\n return;\n }\n list.innerHTML = matches\n .map((opt, i) => {\n const idx = q ? opt.toLowerCase().indexOf(q) : -1;\n const label =\n idx > -1\n ? `${escapeHtml(opt.slice(0, idx))}<b>${escapeHtml(opt.slice(idx, idx + q.length))}</b>${escapeHtml(opt.slice(idx + q.length))}`\n : escapeHtml(opt);\n return `<li class=\"fw-combobox-option\" role=\"option\" id=\"${id}-${i}\" data-index=\"${i}\" aria-selected=\"false\">${label}</li>`;\n })\n .join('');\n }\n\n function open(): void {\n const q = input.value.trim().toLowerCase();\n render(q ? options.filter((o) => filter(o, q)) : options);\n list.classList.add('is-open');\n input.setAttribute('aria-expanded', 'true');\n }\n\n function close(): void {\n list.classList.remove('is-open');\n input.setAttribute('aria-expanded', 'false');\n input.removeAttribute('aria-activedescendant');\n activeIndex = -1;\n }\n\n function highlight(i: number): void {\n const items = list.querySelectorAll<HTMLElement>('.fw-combobox-option');\n items.forEach((el) => {\n el.classList.remove('is-active');\n el.setAttribute('aria-selected', 'false');\n });\n const el = items[i];\n if (el) {\n el.classList.add('is-active');\n el.setAttribute('aria-selected', 'true');\n el.scrollIntoView({ block: 'nearest' });\n input.setAttribute('aria-activedescendant', el.id);\n }\n activeIndex = i;\n }\n\n function select(value: string): void {\n input.value = value;\n close();\n // The synthetic events below would re-open the list via onInput/onFocus.\n selecting = true;\n input.focus();\n input.dispatchEvent(new Event('input', { bubbles: true }));\n input.dispatchEvent(new Event('change', { bubbles: true }));\n selecting = false;\n opts.onSelect?.(value);\n }\n\n const onInput = () => {\n if (!selecting) open();\n };\n const onFocus = () => {\n if (!selecting) open();\n };\n const onKeydown = (e: KeyboardEvent) => {\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n if (!list.classList.contains('is-open')) open();\n highlight(Math.min(activeIndex + 1, current.length - 1));\n } else if (e.key === 'ArrowUp') {\n e.preventDefault();\n highlight(Math.max(activeIndex - 1, 0));\n } else if (e.key === 'Enter') {\n if (activeIndex > -1 && current[activeIndex] !== undefined) {\n e.preventDefault();\n select(current[activeIndex]);\n }\n } else if (e.key === 'Escape') {\n close();\n }\n };\n const onListMousedown = (e: MouseEvent) => {\n const opt = (e.target as HTMLElement).closest<HTMLElement>('.fw-combobox-option');\n if (opt) {\n e.preventDefault(); // keep focus on the input\n select(current[Number(opt.dataset.index)]);\n }\n };\n const onDocClick = (e: MouseEvent) => {\n if (!wrap.contains(e.target as Node)) close();\n };\n\n input.addEventListener('input', onInput);\n input.addEventListener('focus', onFocus);\n input.addEventListener('keydown', onKeydown);\n list.addEventListener('mousedown', onListMousedown);\n document.addEventListener('click', onDocClick);\n\n return {\n open,\n close,\n setOptions(next) {\n options = next;\n if (list.classList.contains('is-open')) open();\n },\n destroy() {\n input.removeEventListener('input', onInput);\n input.removeEventListener('focus', onFocus);\n input.removeEventListener('keydown', onKeydown);\n list.removeEventListener('mousedown', onListMousedown);\n document.removeEventListener('click', onDocClick);\n list.remove();\n if (input.dataset.fwList) input.setAttribute('list', input.dataset.fwList);\n delete input.dataset.fwBound;\n },\n };\n}\n\nfunction readDatalist(input: HTMLInputElement): string[] {\n const id = input.getAttribute('list') ?? input.dataset.fwList;\n const dl = id ? document.getElementById(id) : null;\n return dl ? Array.from(dl.querySelectorAll('option')).map((o) => o.value || o.textContent || '') : [];\n}\n\nfunction wrapInput(input: HTMLInputElement): HTMLElement {\n const wrap = document.createElement('div');\n wrap.className = 'fw-combobox';\n input.parentNode?.insertBefore(wrap, input);\n wrap.appendChild(input);\n return wrap;\n}\n\n/** Enhance every `[data-fw-combobox]` input under `root`. */\nexport function init(root: ParentNode = document): void {\n root.querySelectorAll<HTMLInputElement>('input[data-fw-combobox]').forEach((input) => {\n if (input.dataset.fwBound) return;\n input.dataset.fwBound = '1';\n combobox(input);\n });\n}\n", "/**\n * Modal & drawer overlays.\n *\n * <button data-fw-open-modal=\"confirm\">\u2026</button>\n * <div class=\"fw-modal-overlay\" id=\"confirm\" role=\"dialog\" aria-modal=\"true\"><div class=\"fw-modal\">\u2026 <button data-fw-close-modal>Cancel</button></div></div>\n *\n * <button data-fw-open-drawer=\"details\">\u2026</button>\n * <div class=\"fw-drawer-overlay\" data-fw-drawer-overlay=\"details\"></div>\n * <aside class=\"fw-drawer\" id=\"details\" role=\"dialog\" aria-modal=\"true\">\u2026 <button data-fw-close-drawer>\u00D7</button></aside>\n *\n * Closes on backdrop click (guarded \u2014 a text-selection drag that ends on the\n * backdrop does NOT close it), on Escape, and returns focus to the opener.\n */\nconst OPEN = 'is-open';\nconst LOCK = 'fw-scroll-lock';\nconst openStack: HTMLElement[] = [];\nconst openers = new WeakMap<HTMLElement, HTMLElement | null>();\n\nconst FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nfunction resolve(target: string | HTMLElement): HTMLElement | null {\n return typeof target === 'string' ? document.getElementById(target) : target;\n}\n\n/** The backdrop element paired with a drawer (via `data-fw-drawer-overlay=\"<id>\"`), if any. */\nfunction backdropFor(el: HTMLElement): HTMLElement | null {\n if (el.classList.contains('fw-modal-overlay')) return el;\n const explicit = el.id ? document.querySelector<HTMLElement>(`[data-fw-drawer-overlay=\"${el.id}\"]`) : null;\n if (explicit) return explicit;\n const prev = el.previousElementSibling;\n return prev instanceof HTMLElement && prev.classList.contains('fw-drawer-overlay') ? prev : null;\n}\n\nexport function open(target: string | HTMLElement, opener: HTMLElement | null = (document.activeElement as HTMLElement) ?? null): void {\n const el = resolve(target);\n if (!el || el.classList.contains(OPEN)) return;\n el.classList.add(OPEN);\n backdropFor(el)?.classList.add(OPEN);\n openers.set(el, opener);\n openStack.push(el);\n document.body.classList.add(LOCK);\n el.dispatchEvent(new CustomEvent('fw:open', { bubbles: true }));\n // Focus the first control inside; fall back to the panel itself.\n const first = el.querySelector<HTMLElement>(FOCUSABLE);\n if (first) first.focus({ preventScroll: true });\n else {\n if (!el.hasAttribute('tabindex')) el.setAttribute('tabindex', '-1');\n el.focus({ preventScroll: true });\n }\n}\n\nexport function close(target: string | HTMLElement): void {\n const el = resolve(target);\n if (!el || !el.classList.contains(OPEN)) return;\n el.classList.remove(OPEN);\n backdropFor(el)?.classList.remove(OPEN);\n const i = openStack.indexOf(el);\n if (i > -1) openStack.splice(i, 1);\n if (openStack.length === 0) document.body.classList.remove(LOCK);\n el.dispatchEvent(new CustomEvent('fw:close', { bubbles: true }));\n openers.get(el)?.focus?.({ preventScroll: true });\n openers.delete(el);\n}\n\nexport function toggle(target: string | HTMLElement): void {\n const el = resolve(target);\n if (el) (el.classList.contains(OPEN) ? close : open)(el);\n}\n\n/**\n * Click-outside-to-close, guarded against a classic false positive: a\n * browser's `click` fires on the nearest common ancestor of mousedown and\n * mouseup. A drag that starts inside the panel and ends on the backdrop has\n * the overlay as that ancestor, so a naive `e.target === overlay` check would\n * close the modal mid-selection. Close only when BOTH landed on the backdrop.\n */\nexport function bindOutsideClickToClose(backdrop: HTMLElement, onClose: () => void): void {\n let downOnBackdrop = false;\n backdrop.addEventListener('mousedown', (e) => {\n downOnBackdrop = e.target === backdrop;\n });\n backdrop.addEventListener('click', (e) => {\n if (e.target === backdrop && downOnBackdrop) onClose();\n });\n}\n\nlet keyBound = false;\n\n/** Wire every trigger, overlay and close button under `root`. */\nexport function init(root: ParentNode = document): void {\n root.querySelectorAll<HTMLElement>('[data-fw-open-modal], [data-fw-open-drawer]').forEach((btn) => {\n if (btn.dataset.fwBound) return;\n btn.dataset.fwBound = '1';\n const id = btn.dataset.fwOpenModal ?? btn.dataset.fwOpenDrawer ?? '';\n btn.addEventListener('click', () => open(id, btn));\n });\n\n root.querySelectorAll<HTMLElement>('.fw-modal-overlay').forEach((overlay) => {\n if (overlay.dataset.fwBound) return;\n overlay.dataset.fwBound = '1';\n bindOutsideClickToClose(overlay, () => close(overlay));\n overlay.querySelectorAll<HTMLElement>('[data-fw-close-modal]').forEach((btn) =>\n btn.addEventListener('click', () => close(overlay)),\n );\n });\n\n root.querySelectorAll<HTMLElement>('.fw-drawer').forEach((drawer) => {\n if (drawer.dataset.fwBound) return;\n drawer.dataset.fwBound = '1';\n const backdrop = backdropFor(drawer);\n if (backdrop) bindOutsideClickToClose(backdrop, () => close(drawer));\n drawer.querySelectorAll<HTMLElement>('[data-fw-close-drawer]').forEach((btn) =>\n btn.addEventListener('click', () => close(drawer)),\n );\n });\n\n if (!keyBound) {\n keyBound = true;\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape' && openStack.length) close(openStack[openStack.length - 1]);\n });\n }\n}\n", "/**\n * Nav dropdown \u2014 the hamburger toggle in `.fw-nav` (and any other\n * button-controls-panel pair).\n *\n * <button data-fw-nav-toggle aria-controls=\"menu\" aria-expanded=\"false\">\u2026</button>\n * <div class=\"fw-nav-dropdown\" id=\"menu\">\u2026</div>\n *\n * Closes on outside click and Escape.\n */\nconst OPEN = 'is-open';\n\nexport function open(toggle: HTMLElement): void {\n const panel = panelFor(toggle);\n if (!panel) return;\n panel.classList.add(OPEN);\n toggle.setAttribute('aria-expanded', 'true');\n}\n\nexport function close(toggle: HTMLElement): void {\n const panel = panelFor(toggle);\n if (!panel) return;\n panel.classList.remove(OPEN);\n toggle.setAttribute('aria-expanded', 'false');\n}\n\nfunction panelFor(toggle: HTMLElement): HTMLElement | null {\n const id = toggle.getAttribute('aria-controls');\n return id ? document.getElementById(id) : null;\n}\n\nexport function init(root: ParentNode = document): void {\n root.querySelectorAll<HTMLElement>('[data-fw-nav-toggle]').forEach((toggle) => {\n if (toggle.dataset.fwBound) return;\n toggle.dataset.fwBound = '1';\n const panel = panelFor(toggle);\n if (!panel) return;\n const container = toggle.closest<HTMLElement>('.fw-nav') ?? toggle.parentElement ?? toggle;\n\n toggle.addEventListener('click', (e) => {\n e.stopPropagation();\n (panel.classList.contains(OPEN) ? close : open)(toggle);\n });\n document.addEventListener('click', (e) => {\n if (!container.contains(e.target as Node) && !panel.contains(e.target as Node)) close(toggle);\n });\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') close(toggle);\n });\n });\n}\n", "/**\n * Loading states.\n *\n * loading.setButtonLoading(btn, 'Sending\u2026'); // disables, swaps in a spinner\n * loading.resetButtonLoading(btn); // restores original markup\n *\n * Or declaratively: any <form data-fw-loading> puts its submit button into the\n * loading state on submit (label from `data-fw-loading-text` on the button).\n */\nconst LOADING = 'fw-btn-loading';\n\nexport function setButtonLoading(btn: HTMLButtonElement | null, loadingText?: string): void {\n if (!btn || btn.classList.contains(LOADING)) return;\n btn.dataset.fwOriginalHtml = btn.innerHTML;\n btn.disabled = true;\n btn.setAttribute('aria-busy', 'true');\n btn.classList.add(LOADING);\n const label = loadingText ?? btn.dataset.fwLoadingText ?? btn.textContent ?? '';\n btn.innerHTML = '<span class=\"fw-spinner fw-spinner-sm\" aria-hidden=\"true\"></span>';\n btn.appendChild(document.createTextNode(label));\n}\n\nexport function resetButtonLoading(btn: HTMLButtonElement | null): void {\n if (!btn || !btn.classList.contains(LOADING)) return;\n btn.disabled = false;\n btn.removeAttribute('aria-busy');\n btn.classList.remove(LOADING);\n // Restore markup, not just text, so buttons with an icon keep it.\n if (btn.dataset.fwOriginalHtml !== undefined) {\n btn.innerHTML = btn.dataset.fwOriginalHtml;\n delete btn.dataset.fwOriginalHtml;\n }\n}\n\n/** Reset every loading button \u2014 e.g. after a bfcache restore. */\nexport function resetAll(root: ParentNode = document): void {\n root.querySelectorAll<HTMLButtonElement>(`.${LOADING}`).forEach(resetButtonLoading);\n}\n\nlet pageshowBound = false;\n\nexport function init(root: ParentNode = document): void {\n root.querySelectorAll<HTMLFormElement>('form[data-fw-loading]').forEach((form) => {\n if (form.dataset.fwBound) return;\n form.dataset.fwBound = '1';\n form.addEventListener('submit', () => {\n const btn = form.querySelector<HTMLButtonElement>('button[type=\"submit\"], button:not([type])');\n setButtonLoading(btn);\n });\n });\n\n // Browsers restore pages from the back-forward cache without re-running JS,\n // so a spinner painted right before navigating away would come back stuck.\n if (!pageshowBound) {\n pageshowBound = true;\n window.addEventListener('pageshow', (e) => {\n if (e.persisted) resetAll();\n });\n }\n}\n", "/**\n * Toast \u2014 a single, reused, bottom-right notice.\n *\n * toast.show('Invoice sent');\n * toast.show('That card was declined', { variant: 'error', duration: 6000 });\n */\nexport type ToastVariant = 'success' | 'error' | 'info' | 'pending';\n\nexport interface ToastOptions {\n variant?: ToastVariant;\n /** ms before it hides; 0 keeps it until `hide()` or the next `show()`. */\n duration?: number;\n}\n\nlet el: HTMLElement | null = null;\nlet timer: ReturnType<typeof setTimeout> | null = null;\n\nfunction ensure(): HTMLElement {\n if (el && el.isConnected) return el;\n el = document.createElement('div');\n el.className = 'fw-toast';\n el.setAttribute('role', 'status');\n el.setAttribute('aria-live', 'polite');\n el.innerHTML = '<span class=\"fw-toast-dot\" aria-hidden=\"true\"></span><span class=\"fw-toast-text\"></span>';\n document.body.appendChild(el);\n return el;\n}\n\nexport function show(message: string, { variant = 'success', duration = 4000 }: ToastOptions = {}): HTMLElement {\n const node = ensure();\n node.className = `fw-toast${variant === 'success' ? '' : ` fw-toast-${variant}`}`;\n (node.querySelector('.fw-toast-text') as HTMLElement).textContent = message;\n if (timer) clearTimeout(timer);\n // Re-trigger the transition even if it's already showing.\n node.classList.remove('is-show');\n void node.offsetWidth;\n node.classList.add('is-show');\n if (duration > 0) timer = setTimeout(hide, duration);\n return node;\n}\n\nexport function hide(): void {\n el?.classList.remove('is-show');\n if (timer) clearTimeout(timer);\n timer = null;\n}\n", "/**\n * Fernwell \u2014 vanilla JS enhancers for the Fernwell design system.\n *\n * ESM / CJS: import { init, theme, toast } from 'fernwell'; init();\n * <script>: <script src=\"https://unpkg.com/fernwell/dist/fernwell.iife.js\"></script>\n * \u2192 window.Fernwell, auto-initialised on DOMContentLoaded\n * (add data-fw-no-init to the <script> tag to opt out).\n */\nimport * as theme from './theme';\nimport * as combobox from './combobox';\nimport * as modal from './modal';\nimport * as nav from './nav';\nimport * as loading from './loading';\nimport * as toast from './toast';\n\nexport { theme, combobox, modal, nav, loading, toast };\nexport type { Theme, TokenOverrides, TokenThemeOverrides } from './theme';\nexport type { ComboboxOptions, ComboboxInstance } from './combobox';\nexport type { ToastVariant, ToastOptions } from './toast';\n\nexport const version = \"0.1.0\";\n\n/**\n * Wire every `data-fw-*` hook under `root`. Safe to call more than once \u2014\n * already-bound elements are skipped \u2014 so call it again after injecting\n * markup (e.g. after an HTMX / Turbo swap).\n */\nexport function init(root: ParentNode = document): void {\n theme.init(root);\n combobox.init(root);\n modal.init(root);\n nav.init(root);\n loading.init(root);\n}\n\nconst Fernwell = { version, init, theme, combobox, modal, nav, loading, toast };\nexport default Fernwell;\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["iife_exports", "__export", "combobox_exports", "index_default", "init", "loading_exports", "modal_exports", "nav_exports", "theme_exports", "toast_exports", "version", "theme_exports", "__export", "get", "getToken", "init", "resetTokens", "set", "setTokens", "toggle", "STORAGE_KEY", "EVENT", "TOKEN_PREFIX", "TOKEN_STYLE_ATTR", "store", "_a", "attr", "theme", "persist", "btn", "syncToggle", "next", "label", "root", "_b", "_c", "_d", "stored", "current", "e", "tokenScopes", "normalizeTokenName", "name", "isThemeSplit", "tokens", "v", "declBlock", "value", "tokenStyleEl", "create", "existing", "el", "renderTokens", "rules", "light", "dark", "scope", "darkSelector", "opts", "entry", "combobox_exports", "__export", "combobox", "init", "uid", "escapeHtml", "s", "c", "input", "opts", "_a", "_b", "_c", "_d", "filter", "o", "q", "emptyText", "options", "readDatalist", "current", "activeIndex", "selecting", "listId", "wrap", "wrapInput", "list", "id", "render", "matches", "opt", "i", "idx", "label", "open", "close", "highlight", "items", "el", "select", "value", "onInput", "onFocus", "onKeydown", "e", "onListMousedown", "onDocClick", "next", "dl", "root", "modal_exports", "__export", "bindOutsideClickToClose", "close", "init", "open", "toggle", "OPEN", "LOCK", "openStack", "openers", "FOCUSABLE", "resolve", "target", "backdropFor", "el", "explicit", "prev", "opener", "_a", "first", "_b", "_c", "i", "backdrop", "onClose", "downOnBackdrop", "e", "keyBound", "root", "btn", "id", "overlay", "drawer", "nav_exports", "__export", "close", "init", "open", "OPEN", "toggle", "panel", "panelFor", "id", "root", "_a", "_b", "container", "e", "loading_exports", "__export", "init", "resetAll", "resetButtonLoading", "setButtonLoading", "LOADING", "btn", "loadingText", "_a", "_b", "label", "root", "pageshowBound", "form", "e", "toast_exports", "__export", "hide", "show", "el", "timer", "ensure", "message", "variant", "duration", "node", "version", "init", "root", "Fernwell", "theme_exports", "combobox_exports", "modal_exports", "nav_exports", "loading_exports", "toast_exports", "index_default", "script", "index_default"]
|
|
3
|
+
"sources": ["../src/js/iife.ts", "../src/js/theme.ts", "../src/js/combobox.ts", "../src/js/modal.ts", "../src/js/nav.ts", "../src/js/loading.ts", "../src/js/toast.ts", "../src/js/table.ts", "../src/js/menu.ts", "../src/js/index.ts"],
|
|
4
|
+
"sourcesContent": ["// Entry for the <script>-tag build: exposes window.Fernwell and auto-inits.\nimport Fernwell from './index';\n\nexport * from './index';\nexport { default } from './index';\n\nconst script = typeof document !== 'undefined' ? document.currentScript : null;\nif (typeof document !== 'undefined' && !(script && script.hasAttribute('data-fw-no-init'))) {\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => Fernwell.init());\n } else {\n Fernwell.init();\n }\n}\n", "/**\n * Theme \u2014 toggles `data-theme=\"dark\"` on <html>, remembers the choice, and\n * falls back to the OS preference. Also carries the runtime token API\n * (`setTokens` / `resetTokens` / `getToken`) for retheming Fernwell's colour\n * tokens on the fly \u2014 per-tenant branding, a user-picked accent, a live\n * preview \u2014 without touching a stylesheet.\n *\n * <button class=\"fw-btn fw-btn-ghost\" data-fw-theme-toggle\n * data-fw-theme-label-dark=\"\u2600\uFE0F Light\" data-fw-theme-label-light=\"\uD83C\uDF19 Dark\">\uD83C\uDF19 Dark</button>\n *\n * To avoid a flash of the wrong theme on load, inline this before your CSS:\n * <script>document.documentElement.dataset.theme=localStorage.getItem('fw-theme')||(matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light')</script>\n */\nexport type Theme = 'light' | 'dark';\n\nconst STORAGE_KEY = 'fw-theme';\nconst EVENT = 'fw:themechange';\nconst TOKEN_PREFIX = '--fw-';\nconst TOKEN_STYLE_ATTR = 'data-fw-tokens';\n\nfunction store(): Storage | null {\n try {\n return window.localStorage;\n } catch {\n return null;\n }\n}\n\n/** The theme currently applied to <html>, or the system preference if none is set. */\nexport function get(): Theme {\n const attr = document.documentElement.getAttribute('data-theme');\n if (attr === 'dark' || attr === 'light') return attr;\n return window.matchMedia?.('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n}\n\n/** Apply a theme, persist it, and update every toggle button on the page. */\nexport function set(theme: Theme, { persist = true }: { persist?: boolean } = {}): void {\n document.documentElement.setAttribute('data-theme', theme);\n if (persist) store()?.setItem(STORAGE_KEY, theme);\n document.querySelectorAll<HTMLElement>('[data-fw-theme-toggle]').forEach((btn) => syncToggle(btn, theme));\n document.dispatchEvent(new CustomEvent<Theme>(EVENT, { detail: theme }));\n}\n\nexport function toggle(): Theme {\n const next: Theme = get() === 'dark' ? 'light' : 'dark';\n set(next);\n return next;\n}\n\nfunction syncToggle(btn: HTMLElement, theme: Theme): void {\n btn.setAttribute('aria-pressed', String(theme === 'dark'));\n const label = theme === 'dark' ? btn.dataset.fwThemeLabelDark : btn.dataset.fwThemeLabelLight;\n if (label !== undefined) btn.textContent = label;\n}\n\n/** Apply the stored / system theme and wire every `[data-fw-theme-toggle]` under `root`. */\nexport function init(root: ParentNode = document): void {\n const stored = store()?.getItem(STORAGE_KEY);\n const current: Theme = stored === 'dark' || stored === 'light' ? stored : get();\n set(current, { persist: false });\n\n root.querySelectorAll<HTMLElement>('[data-fw-theme-toggle]').forEach((btn) => {\n if (btn.dataset.fwBound) return;\n btn.dataset.fwBound = '1';\n syncToggle(btn, current);\n btn.addEventListener('click', () => toggle());\n });\n\n // Follow the OS only while the user hasn't chosen explicitly.\n window.matchMedia?.('(prefers-color-scheme: dark)').addEventListener?.('change', (e) => {\n if (!store()?.getItem(STORAGE_KEY)) set(e.matches ? 'dark' : 'light', { persist: false });\n });\n}\n\n/* ---------------------------------------------------------------------- *\n * Runtime tokens \u2014 override any --fw-* custom property from JS, in both\n * themes or per-theme, scoped to :root or to any selector. Overrides render\n * into one <style data-fw-tokens> appended to <head>: being unlayered and\n * last, it wins over Fernwell's own @layer fw-tokens *and* any earlier\n * static override in the consumer's stylesheet.\n * ---------------------------------------------------------------------- */\n\n/** Token name \u2192 CSS value. Bare names (`primary`) and full names (`--fw-primary`) both work. */\nexport type TokenOverrides = Record<string, string>;\n\n/** Split form: set different values per theme instead of both at once. */\nexport interface TokenThemeOverrides {\n light?: TokenOverrides;\n dark?: TokenOverrides;\n}\n\ninterface ScopeTokens {\n light: TokenOverrides;\n dark: TokenOverrides;\n}\n\nconst tokenScopes = new Map<string, ScopeTokens>();\n\nfunction normalizeTokenName(name: string): string {\n return name.startsWith('--') ? name : `${TOKEN_PREFIX}${name}`;\n}\n\nfunction isThemeSplit(tokens: TokenOverrides | TokenThemeOverrides): tokens is TokenThemeOverrides {\n // A token's own value is always a CSS string \u2014 so any object-valued entry\n // means this is the { light, dark } split form, not a flat token map.\n return Object.values(tokens).some((v) => v !== null && typeof v === 'object');\n}\n\nfunction declBlock(tokens: TokenOverrides): string {\n return Object.entries(tokens)\n .map(([name, value]) => `${normalizeTokenName(name)}:${value};`)\n .join('');\n}\n\nfunction tokenStyleEl(create: boolean): HTMLStyleElement | null {\n const existing = document.head.querySelector<HTMLStyleElement>(`style[${TOKEN_STYLE_ATTR}]`);\n if (existing || !create) return existing;\n const el = document.createElement('style');\n el.setAttribute(TOKEN_STYLE_ATTR, '');\n document.head.appendChild(el);\n return el;\n}\n\nfunction renderTokens(): void {\n if (tokenScopes.size === 0) {\n tokenStyleEl(false)?.remove();\n return;\n }\n const rules: string[] = [];\n tokenScopes.forEach(({ light, dark }, scope) => {\n if (Object.keys(light).length) rules.push(`${scope}{${declBlock(light)}}`);\n if (Object.keys(dark).length) {\n const darkSelector =\n scope === ':root' ? '[data-theme=\"dark\"]' : `[data-theme=\"dark\"] ${scope}, ${scope}[data-theme=\"dark\"]`;\n rules.push(`${darkSelector}{${declBlock(dark)}}`);\n }\n });\n tokenStyleEl(true)!.textContent = rules.join('\\n');\n}\n\n/**\n * Override Fernwell design tokens at runtime \u2014 every derived token (hovers,\n * tints, focus ring, glows) follows automatically, in both themes:\n *\n * theme.setTokens({ primary: '#2266ff' });\n *\n * Pass `{ light, dark }` to set different values per theme, and `scope` to\n * theme a subtree instead of the whole page:\n *\n * theme.setTokens({ light: { primary: '#2266ff' }, dark: { primary: '#5c9dff' } });\n * theme.setTokens({ secondary: '#a33' }, { scope: '.tenant-acme' });\n *\n * Calls accumulate (merge into whatever overrides are already set for that\n * scope) \u2014 call `resetTokens()` to clear them.\n */\nexport function setTokens(tokens: TokenOverrides | TokenThemeOverrides, opts: { scope?: string } = {}): void {\n const scope = opts.scope ?? ':root';\n const entry = tokenScopes.get(scope) ?? { light: {}, dark: {} };\n if (isThemeSplit(tokens)) {\n Object.assign(entry.light, tokens.light);\n Object.assign(entry.dark, tokens.dark);\n } else {\n Object.assign(entry.light, tokens);\n Object.assign(entry.dark, tokens);\n }\n tokenScopes.set(scope, entry);\n renderTokens();\n}\n\n/** Clear runtime token overrides \u2014 for one `scope`, or every scope if omitted. */\nexport function resetTokens(scope?: string): void {\n if (scope) tokenScopes.delete(scope);\n else tokenScopes.clear();\n renderTokens();\n}\n\n/** The live, resolved value of a token (e.g. `getToken('primary')` \u2192 `'#ffc145'`), including runtime overrides. */\nexport function getToken(name: string, el: Element = document.documentElement): string {\n return getComputedStyle(el).getPropertyValue(normalizeTokenName(name)).trim();\n}\n", "/**\n * Combobox / typeahead \u2014 progressive enhancement over an <input> + <datalist>.\n *\n * <div class=\"fw-combobox\">\n * <input class=\"fw-input\" data-fw-combobox list=\"cities\" placeholder=\"Start typing\u2026\">\n * <datalist id=\"cities\"><option value=\"Seattle\"></option>\u2026</datalist>\n * </div>\n *\n * Or programmatically: combobox(input, { options: ['Seattle', \u2026], onSelect })\n */\nexport interface ComboboxOptions {\n /** Static option list. Defaults to the <datalist> the input's `list` attribute points at. */\n options?: string[];\n /** Filter function; default is case-insensitive substring match. */\n filter?: (option: string, query: string) => boolean;\n /** Text shown when nothing matches. */\n emptyText?: string;\n onSelect?: (value: string) => void;\n}\n\nexport interface ComboboxInstance {\n open(): void;\n close(): void;\n setOptions(options: string[]): void;\n destroy(): void;\n}\n\nlet uid = 0;\n\nfunction escapeHtml(s: string): string {\n return s.replace(/[&<>\"']/g, (c) => ({ '&': '&', '<': '<', '>': '>', '\"': '"', \"'\": ''' })[c] as string);\n}\n\nexport function combobox(input: HTMLInputElement, opts: ComboboxOptions = {}): ComboboxInstance {\n const filter = opts.filter ?? ((o, q) => o.toLowerCase().includes(q));\n const emptyText = opts.emptyText ?? 'No matches';\n let options = opts.options ?? readDatalist(input);\n let current: string[] = [];\n let activeIndex = -1;\n let selecting = false;\n\n // The native datalist would double up with our list \u2014 detach it but keep\n // the options readable for setOptions()/no-JS fallbacks.\n const listId = input.getAttribute('list');\n if (listId) {\n input.dataset.fwList = listId;\n input.removeAttribute('list');\n }\n\n const wrap = input.closest('.fw-combobox') ?? wrapInput(input);\n const list = document.createElement('ul');\n const id = `fw-combobox-${++uid}`;\n list.className = 'fw-combobox-list';\n list.id = id;\n list.setAttribute('role', 'listbox');\n wrap.appendChild(list);\n\n input.setAttribute('role', 'combobox');\n input.setAttribute('aria-autocomplete', 'list');\n input.setAttribute('aria-expanded', 'false');\n input.setAttribute('aria-controls', id);\n input.autocomplete = 'off';\n\n function render(matches: string[]): void {\n current = matches;\n activeIndex = -1;\n const q = input.value.trim().toLowerCase();\n if (matches.length === 0) {\n list.innerHTML = `<li class=\"fw-combobox-empty\">${escapeHtml(emptyText)}</li>`;\n return;\n }\n list.innerHTML = matches\n .map((opt, i) => {\n const idx = q ? opt.toLowerCase().indexOf(q) : -1;\n const label =\n idx > -1\n ? `${escapeHtml(opt.slice(0, idx))}<b>${escapeHtml(opt.slice(idx, idx + q.length))}</b>${escapeHtml(opt.slice(idx + q.length))}`\n : escapeHtml(opt);\n return `<li class=\"fw-combobox-option\" role=\"option\" id=\"${id}-${i}\" data-index=\"${i}\" aria-selected=\"false\">${label}</li>`;\n })\n .join('');\n }\n\n function open(): void {\n const q = input.value.trim().toLowerCase();\n render(q ? options.filter((o) => filter(o, q)) : options);\n list.classList.add('is-open');\n input.setAttribute('aria-expanded', 'true');\n }\n\n function close(): void {\n list.classList.remove('is-open');\n input.setAttribute('aria-expanded', 'false');\n input.removeAttribute('aria-activedescendant');\n activeIndex = -1;\n }\n\n function highlight(i: number): void {\n const items = list.querySelectorAll<HTMLElement>('.fw-combobox-option');\n items.forEach((el) => {\n el.classList.remove('is-active');\n el.setAttribute('aria-selected', 'false');\n });\n const el = items[i];\n if (el) {\n el.classList.add('is-active');\n el.setAttribute('aria-selected', 'true');\n el.scrollIntoView({ block: 'nearest' });\n input.setAttribute('aria-activedescendant', el.id);\n }\n activeIndex = i;\n }\n\n function select(value: string): void {\n input.value = value;\n close();\n // The synthetic events below would re-open the list via onInput/onFocus.\n selecting = true;\n input.focus();\n input.dispatchEvent(new Event('input', { bubbles: true }));\n input.dispatchEvent(new Event('change', { bubbles: true }));\n selecting = false;\n opts.onSelect?.(value);\n }\n\n const onInput = () => {\n if (!selecting) open();\n };\n const onFocus = () => {\n if (!selecting) open();\n };\n const onKeydown = (e: KeyboardEvent) => {\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n if (!list.classList.contains('is-open')) open();\n highlight(Math.min(activeIndex + 1, current.length - 1));\n } else if (e.key === 'ArrowUp') {\n e.preventDefault();\n highlight(Math.max(activeIndex - 1, 0));\n } else if (e.key === 'Enter') {\n if (activeIndex > -1 && current[activeIndex] !== undefined) {\n e.preventDefault();\n select(current[activeIndex]);\n }\n } else if (e.key === 'Escape') {\n close();\n }\n };\n const onListMousedown = (e: MouseEvent) => {\n const opt = (e.target as HTMLElement).closest<HTMLElement>('.fw-combobox-option');\n if (opt) {\n e.preventDefault(); // keep focus on the input\n select(current[Number(opt.dataset.index)]);\n }\n };\n const onDocClick = (e: MouseEvent) => {\n if (!wrap.contains(e.target as Node)) close();\n };\n\n input.addEventListener('input', onInput);\n input.addEventListener('focus', onFocus);\n input.addEventListener('keydown', onKeydown);\n list.addEventListener('mousedown', onListMousedown);\n document.addEventListener('click', onDocClick);\n\n return {\n open,\n close,\n setOptions(next) {\n options = next;\n if (list.classList.contains('is-open')) open();\n },\n destroy() {\n input.removeEventListener('input', onInput);\n input.removeEventListener('focus', onFocus);\n input.removeEventListener('keydown', onKeydown);\n list.removeEventListener('mousedown', onListMousedown);\n document.removeEventListener('click', onDocClick);\n list.remove();\n if (input.dataset.fwList) input.setAttribute('list', input.dataset.fwList);\n delete input.dataset.fwBound;\n },\n };\n}\n\nfunction readDatalist(input: HTMLInputElement): string[] {\n const id = input.getAttribute('list') ?? input.dataset.fwList;\n const dl = id ? document.getElementById(id) : null;\n return dl ? Array.from(dl.querySelectorAll('option')).map((o) => o.value || o.textContent || '') : [];\n}\n\nfunction wrapInput(input: HTMLInputElement): HTMLElement {\n const wrap = document.createElement('div');\n wrap.className = 'fw-combobox';\n input.parentNode?.insertBefore(wrap, input);\n wrap.appendChild(input);\n return wrap;\n}\n\n/** Enhance every `[data-fw-combobox]` input under `root`. */\nexport function init(root: ParentNode = document): void {\n root.querySelectorAll<HTMLInputElement>('input[data-fw-combobox]').forEach((input) => {\n if (input.dataset.fwBound) return;\n input.dataset.fwBound = '1';\n combobox(input);\n });\n}\n", "/**\n * Modal & drawer overlays.\n *\n * <button data-fw-open-modal=\"confirm\">\u2026</button>\n * <div class=\"fw-modal-overlay\" id=\"confirm\" role=\"dialog\" aria-modal=\"true\"><div class=\"fw-modal\">\u2026 <button data-fw-close-modal>Cancel</button></div></div>\n *\n * <button data-fw-open-drawer=\"details\">\u2026</button>\n * <div class=\"fw-drawer-overlay\" data-fw-drawer-overlay=\"details\"></div>\n * <aside class=\"fw-drawer\" id=\"details\" role=\"dialog\" aria-modal=\"true\">\u2026 <button data-fw-close-drawer>\u00D7</button></aside>\n *\n * Closes on backdrop click (guarded \u2014 a text-selection drag that ends on the\n * backdrop does NOT close it), on Escape, and returns focus to the opener.\n */\nconst OPEN = 'is-open';\nconst LOCK = 'fw-scroll-lock';\nconst openStack: HTMLElement[] = [];\nconst openers = new WeakMap<HTMLElement, HTMLElement | null>();\n\nconst FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nfunction resolve(target: string | HTMLElement): HTMLElement | null {\n return typeof target === 'string' ? document.getElementById(target) : target;\n}\n\n/** The backdrop element paired with a drawer (via `data-fw-drawer-overlay=\"<id>\"`), if any. */\nfunction backdropFor(el: HTMLElement): HTMLElement | null {\n if (el.classList.contains('fw-modal-overlay')) return el;\n const explicit = el.id ? document.querySelector<HTMLElement>(`[data-fw-drawer-overlay=\"${el.id}\"]`) : null;\n if (explicit) return explicit;\n const prev = el.previousElementSibling;\n return prev instanceof HTMLElement && prev.classList.contains('fw-drawer-overlay') ? prev : null;\n}\n\nexport function open(target: string | HTMLElement, opener: HTMLElement | null = (document.activeElement as HTMLElement) ?? null): void {\n const el = resolve(target);\n if (!el || el.classList.contains(OPEN)) return;\n el.classList.add(OPEN);\n backdropFor(el)?.classList.add(OPEN);\n openers.set(el, opener);\n openStack.push(el);\n document.body.classList.add(LOCK);\n el.dispatchEvent(new CustomEvent('fw:open', { bubbles: true }));\n // Focus the first control inside; fall back to the panel itself.\n const first = el.querySelector<HTMLElement>(FOCUSABLE);\n if (first) first.focus({ preventScroll: true });\n else {\n if (!el.hasAttribute('tabindex')) el.setAttribute('tabindex', '-1');\n el.focus({ preventScroll: true });\n }\n}\n\nexport function close(target: string | HTMLElement): void {\n const el = resolve(target);\n if (!el || !el.classList.contains(OPEN)) return;\n el.classList.remove(OPEN);\n backdropFor(el)?.classList.remove(OPEN);\n const i = openStack.indexOf(el);\n if (i > -1) openStack.splice(i, 1);\n if (openStack.length === 0) document.body.classList.remove(LOCK);\n el.dispatchEvent(new CustomEvent('fw:close', { bubbles: true }));\n openers.get(el)?.focus?.({ preventScroll: true });\n openers.delete(el);\n}\n\nexport function toggle(target: string | HTMLElement): void {\n const el = resolve(target);\n if (el) (el.classList.contains(OPEN) ? close : open)(el);\n}\n\n/**\n * Click-outside-to-close, guarded against a classic false positive: a\n * browser's `click` fires on the nearest common ancestor of mousedown and\n * mouseup. A drag that starts inside the panel and ends on the backdrop has\n * the overlay as that ancestor, so a naive `e.target === overlay` check would\n * close the modal mid-selection. Close only when BOTH landed on the backdrop.\n */\nexport function bindOutsideClickToClose(backdrop: HTMLElement, onClose: () => void): void {\n let downOnBackdrop = false;\n backdrop.addEventListener('mousedown', (e) => {\n downOnBackdrop = e.target === backdrop;\n });\n backdrop.addEventListener('click', (e) => {\n if (e.target === backdrop && downOnBackdrop) onClose();\n });\n}\n\nlet keyBound = false;\n\n/** Wire every trigger, overlay and close button under `root`. */\nexport function init(root: ParentNode = document): void {\n root.querySelectorAll<HTMLElement>('[data-fw-open-modal], [data-fw-open-drawer]').forEach((btn) => {\n if (btn.dataset.fwBound) return;\n btn.dataset.fwBound = '1';\n const id = btn.dataset.fwOpenModal ?? btn.dataset.fwOpenDrawer ?? '';\n btn.addEventListener('click', () => open(id, btn));\n });\n\n root.querySelectorAll<HTMLElement>('.fw-modal-overlay').forEach((overlay) => {\n if (overlay.dataset.fwBound) return;\n overlay.dataset.fwBound = '1';\n bindOutsideClickToClose(overlay, () => close(overlay));\n overlay.querySelectorAll<HTMLElement>('[data-fw-close-modal]').forEach((btn) =>\n btn.addEventListener('click', () => close(overlay)),\n );\n });\n\n root.querySelectorAll<HTMLElement>('.fw-drawer').forEach((drawer) => {\n if (drawer.dataset.fwBound) return;\n drawer.dataset.fwBound = '1';\n const backdrop = backdropFor(drawer);\n if (backdrop) bindOutsideClickToClose(backdrop, () => close(drawer));\n drawer.querySelectorAll<HTMLElement>('[data-fw-close-drawer]').forEach((btn) =>\n btn.addEventListener('click', () => close(drawer)),\n );\n });\n\n if (!keyBound) {\n keyBound = true;\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape' && openStack.length) close(openStack[openStack.length - 1]);\n });\n }\n}\n", "/**\n * Nav dropdown \u2014 the hamburger toggle in `.fw-nav` (and any other\n * button-controls-panel pair).\n *\n * <button data-fw-nav-toggle aria-controls=\"menu\" aria-expanded=\"false\">\u2026</button>\n * <div class=\"fw-nav-dropdown\" id=\"menu\">\u2026</div>\n *\n * Closes on outside click and Escape.\n */\nconst OPEN = 'is-open';\n\nexport function open(toggle: HTMLElement): void {\n const panel = panelFor(toggle);\n if (!panel) return;\n panel.classList.add(OPEN);\n toggle.setAttribute('aria-expanded', 'true');\n}\n\nexport function close(toggle: HTMLElement): void {\n const panel = panelFor(toggle);\n if (!panel) return;\n panel.classList.remove(OPEN);\n toggle.setAttribute('aria-expanded', 'false');\n}\n\nfunction panelFor(toggle: HTMLElement): HTMLElement | null {\n const id = toggle.getAttribute('aria-controls');\n return id ? document.getElementById(id) : null;\n}\n\nexport function init(root: ParentNode = document): void {\n root.querySelectorAll<HTMLElement>('[data-fw-nav-toggle]').forEach((toggle) => {\n if (toggle.dataset.fwBound) return;\n toggle.dataset.fwBound = '1';\n const panel = panelFor(toggle);\n if (!panel) return;\n const container = toggle.closest<HTMLElement>('.fw-nav') ?? toggle.parentElement ?? toggle;\n\n toggle.addEventListener('click', (e) => {\n e.stopPropagation();\n (panel.classList.contains(OPEN) ? close : open)(toggle);\n });\n document.addEventListener('click', (e) => {\n if (!container.contains(e.target as Node) && !panel.contains(e.target as Node)) close(toggle);\n });\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') close(toggle);\n });\n });\n}\n", "/**\n * Loading states.\n *\n * loading.setButtonLoading(btn, 'Sending\u2026'); // disables, swaps in a spinner\n * loading.resetButtonLoading(btn); // restores original markup\n *\n * Or declaratively: any <form data-fw-loading> puts its submit button into the\n * loading state on submit (label from `data-fw-loading-text` on the button).\n */\nconst LOADING = 'fw-btn-loading';\n\nexport function setButtonLoading(btn: HTMLButtonElement | null, loadingText?: string): void {\n if (!btn || btn.classList.contains(LOADING)) return;\n btn.dataset.fwOriginalHtml = btn.innerHTML;\n btn.disabled = true;\n btn.setAttribute('aria-busy', 'true');\n btn.classList.add(LOADING);\n const label = loadingText ?? btn.dataset.fwLoadingText ?? btn.textContent ?? '';\n btn.innerHTML = '<span class=\"fw-spinner fw-spinner-sm\" aria-hidden=\"true\"></span>';\n btn.appendChild(document.createTextNode(label));\n}\n\nexport function resetButtonLoading(btn: HTMLButtonElement | null): void {\n if (!btn || !btn.classList.contains(LOADING)) return;\n btn.disabled = false;\n btn.removeAttribute('aria-busy');\n btn.classList.remove(LOADING);\n // Restore markup, not just text, so buttons with an icon keep it.\n if (btn.dataset.fwOriginalHtml !== undefined) {\n btn.innerHTML = btn.dataset.fwOriginalHtml;\n delete btn.dataset.fwOriginalHtml;\n }\n}\n\n/** Reset every loading button \u2014 e.g. after a bfcache restore. */\nexport function resetAll(root: ParentNode = document): void {\n root.querySelectorAll<HTMLButtonElement>(`.${LOADING}`).forEach(resetButtonLoading);\n}\n\nlet pageshowBound = false;\n\nexport function init(root: ParentNode = document): void {\n root.querySelectorAll<HTMLFormElement>('form[data-fw-loading]').forEach((form) => {\n if (form.dataset.fwBound) return;\n form.dataset.fwBound = '1';\n form.addEventListener('submit', () => {\n const btn = form.querySelector<HTMLButtonElement>('button[type=\"submit\"], button:not([type])');\n setButtonLoading(btn);\n });\n });\n\n // Browsers restore pages from the back-forward cache without re-running JS,\n // so a spinner painted right before navigating away would come back stuck.\n if (!pageshowBound) {\n pageshowBound = true;\n window.addEventListener('pageshow', (e) => {\n if (e.persisted) resetAll();\n });\n }\n}\n", "/**\n * Toast \u2014 a single, reused, bottom-right notice.\n *\n * toast.show('Invoice sent');\n * toast.show('That card was declined', { variant: 'error', duration: 6000 });\n */\nexport type ToastVariant = 'success' | 'error' | 'info' | 'pending';\n\nexport interface ToastOptions {\n variant?: ToastVariant;\n /** ms before it hides; 0 keeps it until `hide()` or the next `show()`. */\n duration?: number;\n}\n\nlet el: HTMLElement | null = null;\nlet timer: ReturnType<typeof setTimeout> | null = null;\n\nfunction ensure(): HTMLElement {\n if (el && el.isConnected) return el;\n el = document.createElement('div');\n el.className = 'fw-toast';\n el.setAttribute('role', 'status');\n el.setAttribute('aria-live', 'polite');\n el.innerHTML = '<span class=\"fw-toast-dot\" aria-hidden=\"true\"></span><span class=\"fw-toast-text\"></span>';\n document.body.appendChild(el);\n return el;\n}\n\nexport function show(message: string, { variant = 'success', duration = 4000 }: ToastOptions = {}): HTMLElement {\n const node = ensure();\n node.className = `fw-toast${variant === 'success' ? '' : ` fw-toast-${variant}`}`;\n (node.querySelector('.fw-toast-text') as HTMLElement).textContent = message;\n if (timer) clearTimeout(timer);\n // Re-trigger the transition even if it's already showing.\n node.classList.remove('is-show');\n void node.offsetWidth;\n node.classList.add('is-show');\n if (duration > 0) timer = setTimeout(hide, duration);\n return node;\n}\n\nexport function hide(): void {\n el?.classList.remove('is-show');\n if (timer) clearTimeout(timer);\n timer = null;\n}\n", "/**\n * Table \u2014 client-side column sorting and row selection for `.fw-table`.\n *\n * <table class=\"fw-table\" data-fw-table>\n * <thead><tr>\n * <th class=\"fw-table-select\"><label class=\"fw-checkbox\"><input type=\"checkbox\" data-fw-select-all>\u2026</label></th>\n * <th scope=\"col\" aria-sort=\"none\" data-fw-sort><button type=\"button\" class=\"fw-table-sort\">Client</button></th>\n * </tr></thead>\n * <tbody><tr>\n * <td class=\"fw-table-select\"><label class=\"fw-checkbox\"><input type=\"checkbox\" data-fw-select-row>\u2026</label></td>\n * <td data-fw-sort-value=\"1250\">$1,250.00</td>\n * </tr></tbody>\n * </table>\n *\n * Clicking a `th[data-fw-sort]` cycles aria-sort (none \u2192 ascending \u2192 descending \u2192 \u2026)\n * and reorders the first <tbody>. `data-fw-sort-value` on a cell overrides its\n * text for comparison (numbers, ISO dates). Rows without a cell in the sorted\n * column (e.g. a colspan empty row) stay at the bottom.\n *\n * Row checkboxes toggle `.is-selected` / aria-selected on their row and keep the\n * select-all checkbox in sync (checked / indeterminate).\n *\n * Events (bubbling, on the <table>): `fw:sort` { column, direction, th } and\n * `fw:select` { rows, all }.\n */\nexport type SortDirection = 'ascending' | 'descending';\n\nexport interface SortDetail {\n column: number;\n direction: SortDirection;\n th: HTMLTableCellElement;\n}\n\nexport interface SelectDetail {\n rows: HTMLTableRowElement[];\n all: boolean;\n}\n\nconst SELECTED = 'is-selected';\n\nfunction emit(table: HTMLTableElement, name: string, detail: SortDetail | SelectDetail): void {\n table.dispatchEvent(new CustomEvent(name, { bubbles: true, detail }));\n}\n\n/* ---- sorting ---- */\n\nfunction cellValue(row: HTMLTableRowElement, column: number): string {\n const cell = row.cells[column];\n return cell?.dataset.fwSortValue ?? cell?.textContent?.trim() ?? '';\n}\n\nfunction compare(a: string, b: string): number {\n const na = Number(a);\n const nb = Number(b);\n if (a !== '' && b !== '' && Number.isFinite(na) && Number.isFinite(nb)) return na - nb;\n return a.localeCompare(b, undefined, { numeric: true, sensitivity: 'base' });\n}\n\nfunction sortHeaders(table: HTMLTableElement): HTMLTableCellElement[] {\n return Array.from(table.tHead?.querySelectorAll<HTMLTableCellElement>('th[data-fw-sort]') ?? []);\n}\n\nfunction nextDirection(th: HTMLTableCellElement): SortDirection {\n return th.getAttribute('aria-sort') === 'ascending' ? 'descending' : 'ascending';\n}\n\nexport function sort(table: HTMLTableElement, column: number, direction: SortDirection): void {\n const tbody = table.tBodies[0];\n if (!tbody) return;\n\n const rows = Array.from(tbody.rows);\n // A colspan row (empty / loading) has no cell at `column` \u2014 keep it last.\n const sortable = rows.filter((r) => r.cells.length > column);\n const rest = rows.filter((r) => r.cells.length <= column);\n const sign = direction === 'ascending' ? 1 : -1;\n sortable.sort((a, b) => sign * compare(cellValue(a, column), cellValue(b, column)));\n [...sortable, ...rest].forEach((r) => tbody.appendChild(r));\n\n let active: HTMLTableCellElement | null = null;\n sortHeaders(table).forEach((th) => {\n const isTarget = th.cellIndex === column;\n th.setAttribute('aria-sort', isTarget ? direction : 'none');\n if (isTarget) active = th;\n });\n if (active) emit(table, 'fw:sort', { column, direction, th: active });\n}\n\n/* ---- selection ---- */\n\nfunction rowInputs(table: HTMLTableElement): HTMLInputElement[] {\n return Array.from(table.querySelectorAll<HTMLInputElement>('tbody input[data-fw-select-row]'));\n}\n\nfunction applyRowState(row: HTMLTableRowElement, on: boolean): void {\n row.classList.toggle(SELECTED, on);\n row.setAttribute('aria-selected', on ? 'true' : 'false');\n}\n\nfunction syncSelectAll(table: HTMLTableElement): void {\n const all = table.querySelector<HTMLInputElement>('[data-fw-select-all]');\n if (!all) return;\n const inputs = rowInputs(table);\n const n = inputs.filter((i) => i.checked).length;\n all.checked = n > 0 && n === inputs.length;\n all.indeterminate = n > 0 && n < inputs.length;\n}\n\nexport function getSelected(table: HTMLTableElement): HTMLTableRowElement[] {\n return rowInputs(table)\n .filter((i) => i.checked)\n .map((i) => i.closest('tr'))\n .filter((r): r is HTMLTableRowElement => r !== null);\n}\n\nexport function setRowSelected(row: HTMLTableRowElement, on: boolean): void {\n const input = row.querySelector<HTMLInputElement>('input[data-fw-select-row]');\n if (input) input.checked = on;\n applyRowState(row, on);\n const table = row.closest('table');\n if (!table) return;\n syncSelectAll(table);\n emit(table, 'fw:select', { rows: getSelected(table), all: false });\n}\n\nexport function selectAll(table: HTMLTableElement, on: boolean): void {\n rowInputs(table).forEach((input) => {\n input.checked = on;\n const row = input.closest('tr');\n if (row) applyRowState(row, on);\n });\n syncSelectAll(table);\n emit(table, 'fw:select', { rows: getSelected(table), all: true });\n}\n\n/* ---- init ---- */\n\nexport function init(root: ParentNode = document): void {\n root.querySelectorAll<HTMLTableElement>('table[data-fw-table]').forEach((table) => {\n if (table.dataset.fwBound) return;\n table.dataset.fwBound = '1';\n\n sortHeaders(table).forEach((th) => {\n if (!th.hasAttribute('aria-sort')) th.setAttribute('aria-sort', 'none');\n });\n\n table.addEventListener('click', (e) => {\n const th = (e.target as Element).closest<HTMLTableCellElement>('th[data-fw-sort]');\n if (th && table.contains(th)) sort(table, th.cellIndex, nextDirection(th));\n });\n\n // Enter / Space on the sort button (or on a tabindex'd <th> without one).\n // preventDefault stops the button's native activation so it can't sort twice.\n table.addEventListener('keydown', (e) => {\n if (e.key !== 'Enter' && e.key !== ' ') return;\n const target = e.target as Element;\n if (!target.matches('th[data-fw-sort], th[data-fw-sort] .fw-table-sort')) return;\n const th = target.closest<HTMLTableCellElement>('th[data-fw-sort]');\n if (!th) return;\n e.preventDefault();\n sort(table, th.cellIndex, nextDirection(th));\n });\n\n table.addEventListener('change', (e) => {\n const input = e.target as HTMLInputElement;\n if (input.matches('[data-fw-select-all]')) {\n selectAll(table, input.checked);\n } else if (input.matches('[data-fw-select-row]')) {\n const row = input.closest('tr');\n if (row) setRowSelected(row, input.checked);\n }\n });\n\n // Honour server-rendered checked state.\n rowInputs(table).forEach((input) => {\n const row = input.closest('tr');\n if (row && input.checked) applyRowState(row, true);\n });\n syncSelectAll(table);\n });\n}\n", "/**\n * Menu \u2014 a nestable collapsible menu (nav tree or accordion) built on\n * native <details>/<summary>, enhanced for `.fw-menu[data-fw-menu]`.\n *\n * <nav class=\"fw-menu\" aria-label=\"Docs\" data-fw-menu>\n * <ul class=\"fw-menu-list\">\n * <li class=\"fw-menu-item\"><a class=\"fw-menu-link\" href=\"/\" aria-current=\"page\">Overview</a></li>\n * <li class=\"fw-menu-item\">\n * <details class=\"fw-menu-group\">\n * <summary class=\"fw-menu-summary\">Billing</summary>\n * <ul class=\"fw-menu-list\">\n * <li class=\"fw-menu-item fw-menu-split\">\n * <a class=\"fw-menu-link\" href=\"/billing/plans\">Plans</a>\n * <details class=\"fw-menu-group\">\n * <summary class=\"fw-menu-summary fw-menu-summary-icon\"><span class=\"fw-sr-only\">Toggle Plans</span></summary>\n * <ul class=\"fw-menu-list\">\u2026</ul>\n * </details>\n * </li>\n * </ul>\n * </details>\n * </li>\n * </ul>\n * </nav>\n *\n * The `open` attribute on each `.fw-menu-group` is the state \u2014 server-rendered\n * state is honoured, and the menu still expands/collapses without JS.\n *\n * The enhancer adds:\n * - auto-reveal: every ancestor group of an `[aria-current]` link is opened on\n * init, and a collapsed summary whose branch holds the current page gets `.is-current`\n * - `data-fw-menu-exclusive`: opening a group closes its siblings (accordion)\n * - keyboard: ArrowUp/ArrowDown move between visible rows, ArrowRight opens /\n * enters a group, ArrowLeft closes / goes to the parent, Home/End jump.\n * Tab order is untouched \u2014 every row stays natively tabbable.\n *\n * Events (bubbling, from the <details>): `fw:toggle` { group, open }.\n */\nexport interface ToggleDetail {\n group: HTMLDetailsElement;\n open: boolean;\n}\n\nconst GROUP = '.fw-menu-group';\nconst ROW = '.fw-menu-link, .fw-menu-summary';\nconst CURRENT = 'is-current';\n\nfunction emit(group: HTMLDetailsElement, detail: ToggleDetail): void {\n group.dispatchEvent(new CustomEvent('fw:toggle', { bubbles: true, detail }));\n}\n\n/* ---- open / close ---- */\n\nexport function open(group: HTMLDetailsElement): void {\n group.open = true;\n}\n\nexport function close(group: HTMLDetailsElement): void {\n group.open = false;\n}\n\nexport function toggle(group: HTMLDetailsElement, force?: boolean): void {\n group.open = force ?? !group.open;\n}\n\nexport function expandAll(root: ParentNode): void {\n root.querySelectorAll<HTMLDetailsElement>(GROUP).forEach(open);\n}\n\nexport function collapseAll(root: ParentNode): void {\n root.querySelectorAll<HTMLDetailsElement>(GROUP).forEach(close);\n}\n\n/** Open every ancestor group of `el` so it is visible. */\nexport function reveal(el: Element): void {\n let group = el.parentElement?.closest<HTMLDetailsElement>(GROUP) ?? null;\n while (group) {\n open(group);\n group = group.parentElement?.closest<HTMLDetailsElement>(GROUP) ?? null;\n }\n}\n\n/* ---- current-page hinting ---- */\n\nfunction syncCurrent(menu: HTMLElement): void {\n menu.querySelectorAll<HTMLDetailsElement>(GROUP).forEach((group) => {\n const summary = group.querySelector<HTMLElement>(':scope > .fw-menu-summary');\n if (!summary) return;\n const holdsCurrent = !group.open && group.querySelector('[aria-current]') !== null;\n summary.classList.toggle(CURRENT, holdsCurrent);\n });\n}\n\n/* ---- keyboard ---- */\n\n/** The group this row summarises (a summary), or null for a link. */\nfunction ownGroup(row: HTMLElement): HTMLDetailsElement | null {\n return row.matches('.fw-menu-summary') ? row.closest<HTMLDetailsElement>(GROUP) : null;\n}\n\n/** The group that contains this row (not the one it summarises). */\nfunction parentGroup(row: HTMLElement): HTMLDetailsElement | null {\n const start = ownGroup(row) ?? row;\n return start.parentElement?.closest<HTMLDetailsElement>(GROUP) ?? null;\n}\n\nfunction isVisible(row: HTMLElement): boolean {\n for (let g = parentGroup(row); g; g = g.parentElement?.closest<HTMLDetailsElement>(GROUP) ?? null) {\n if (!g.open) return false;\n }\n return true;\n}\n\nfunction visibleRows(menu: HTMLElement): HTMLElement[] {\n return Array.from(menu.querySelectorAll<HTMLElement>(ROW)).filter(isVisible);\n}\n\nfunction focusRow(row: HTMLElement | null | undefined): boolean {\n if (!row) return false;\n row.focus();\n return true;\n}\n\n/** The icon-only summary sitting beside a split-row link, if any. */\nfunction splitToggleFor(link: HTMLElement): HTMLElement | null {\n const item = link.closest<HTMLElement>('.fw-menu-split');\n return item?.querySelector<HTMLElement>(':scope > .fw-menu-group > .fw-menu-summary') ?? null;\n}\n\nfunction onKeydown(menu: HTMLElement, e: KeyboardEvent): void {\n if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;\n const row = e.target instanceof HTMLElement && e.target.matches(ROW) ? e.target : null;\n if (!row || !menu.contains(row)) return;\n\n const rows = visibleRows(menu);\n const i = rows.indexOf(row);\n const group = ownGroup(row);\n let handled = true;\n\n switch (e.key) {\n case 'ArrowDown':\n focusRow(rows[i + 1]);\n break;\n case 'ArrowUp':\n focusRow(rows[i - 1]);\n break;\n case 'Home':\n focusRow(rows[0]);\n break;\n case 'End':\n focusRow(rows[rows.length - 1]);\n break;\n case 'ArrowRight':\n if (group) {\n // An open group's first row is simply the next visible one.\n if (!group.open) open(group);\n else if (group.contains(rows[i + 1] ?? menu)) focusRow(rows[i + 1]);\n } else {\n focusRow(splitToggleFor(row));\n }\n break;\n case 'ArrowLeft':\n if (group?.open) {\n close(group);\n } else {\n const parent = parentGroup(row);\n focusRow(parent?.querySelector<HTMLElement>(':scope > .fw-menu-summary'));\n }\n break;\n default:\n handled = false;\n }\n if (handled) e.preventDefault();\n}\n\n/* ---- init ---- */\n\nexport function init(root: ParentNode = document): void {\n root.querySelectorAll<HTMLElement>('[data-fw-menu]').forEach((menu) => {\n if (menu.dataset.fwBound) return;\n menu.dataset.fwBound = '1';\n const exclusive = menu.hasAttribute('data-fw-menu-exclusive');\n\n // Native `toggle` doesn't bubble \u2014 catch it in the capture phase.\n menu.addEventListener(\n 'toggle',\n (e) => {\n const group = e.target;\n if (!(group instanceof HTMLDetailsElement) || !group.matches(GROUP)) return;\n if (exclusive && group.open && group.parentElement) {\n Array.from(group.parentElement.children).forEach((sibling) => {\n if (sibling !== group && sibling instanceof HTMLDetailsElement && sibling.matches(GROUP)) close(sibling);\n });\n }\n syncCurrent(menu);\n emit(group, { group, open: group.open });\n },\n true,\n );\n\n menu.addEventListener('keydown', (e) => onKeydown(menu, e));\n\n // Honour server-rendered state: make the current page visible on load.\n menu.querySelectorAll('[aria-current]').forEach(reveal);\n syncCurrent(menu);\n });\n}\n", "/**\n * Fernwell \u2014 vanilla JS enhancers for the Fernwell design system.\n *\n * ESM / CJS: import { init, theme, toast } from 'fernwell'; init();\n * <script>: <script src=\"https://unpkg.com/fernwell/dist/fernwell.iife.js\"></script>\n * \u2192 window.Fernwell, auto-initialised on DOMContentLoaded\n * (add data-fw-no-init to the <script> tag to opt out).\n */\nimport * as theme from './theme';\nimport * as combobox from './combobox';\nimport * as modal from './modal';\nimport * as nav from './nav';\nimport * as loading from './loading';\nimport * as toast from './toast';\nimport * as table from './table';\nimport * as menu from './menu';\n\nexport { theme, combobox, modal, nav, loading, toast, table, menu };\nexport type { Theme, TokenOverrides, TokenThemeOverrides } from './theme';\nexport type { ComboboxOptions, ComboboxInstance } from './combobox';\nexport type { ToastVariant, ToastOptions } from './toast';\nexport type { SortDirection, SortDetail, SelectDetail } from './table';\nexport type { ToggleDetail } from './menu';\n\nexport const version = \"0.3.0\";\n\n/**\n * Wire every `data-fw-*` hook under `root`. Safe to call more than once \u2014\n * already-bound elements are skipped \u2014 so call it again after injecting\n * markup (e.g. after an HTMX / Turbo swap).\n */\nexport function init(root: ParentNode = document): void {\n theme.init(root);\n combobox.init(root);\n modal.init(root);\n nav.init(root);\n loading.init(root);\n table.init(root);\n menu.init(root);\n}\n\nconst Fernwell = { version, init, theme, combobox, modal, nav, loading, toast, table, menu };\nexport default Fernwell;\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["iife_exports", "__export", "combobox_exports", "index_default", "init", "loading_exports", "menu_exports", "modal_exports", "nav_exports", "table_exports", "theme_exports", "toast_exports", "version", "theme_exports", "__export", "get", "getToken", "init", "resetTokens", "set", "setTokens", "toggle", "STORAGE_KEY", "EVENT", "TOKEN_PREFIX", "TOKEN_STYLE_ATTR", "store", "_a", "attr", "theme", "persist", "btn", "syncToggle", "next", "label", "root", "_b", "_c", "_d", "stored", "current", "e", "tokenScopes", "normalizeTokenName", "name", "isThemeSplit", "tokens", "v", "declBlock", "value", "tokenStyleEl", "create", "existing", "el", "renderTokens", "rules", "light", "dark", "scope", "darkSelector", "opts", "entry", "combobox_exports", "__export", "combobox", "init", "uid", "escapeHtml", "s", "c", "input", "opts", "_a", "_b", "_c", "_d", "filter", "o", "q", "emptyText", "options", "readDatalist", "current", "activeIndex", "selecting", "listId", "wrap", "wrapInput", "list", "id", "render", "matches", "opt", "i", "idx", "label", "open", "close", "highlight", "items", "el", "select", "value", "onInput", "onFocus", "onKeydown", "e", "onListMousedown", "onDocClick", "next", "dl", "root", "modal_exports", "__export", "bindOutsideClickToClose", "close", "init", "open", "toggle", "OPEN", "LOCK", "openStack", "openers", "FOCUSABLE", "resolve", "target", "backdropFor", "el", "explicit", "prev", "opener", "_a", "first", "_b", "_c", "i", "backdrop", "onClose", "downOnBackdrop", "e", "keyBound", "root", "btn", "id", "overlay", "drawer", "nav_exports", "__export", "close", "init", "open", "OPEN", "toggle", "panel", "panelFor", "id", "root", "_a", "_b", "container", "e", "loading_exports", "__export", "init", "resetAll", "resetButtonLoading", "setButtonLoading", "LOADING", "btn", "loadingText", "_a", "_b", "label", "root", "pageshowBound", "form", "e", "toast_exports", "__export", "hide", "show", "el", "timer", "ensure", "message", "variant", "duration", "node", "table_exports", "__export", "getSelected", "init", "selectAll", "setRowSelected", "sort", "SELECTED", "emit", "table", "name", "detail", "cellValue", "row", "column", "_a", "_b", "_c", "cell", "compare", "a", "b", "na", "nb", "sortHeaders", "nextDirection", "th", "direction", "tbody", "rows", "sortable", "r", "rest", "sign", "active", "isTarget", "rowInputs", "applyRowState", "on", "syncSelectAll", "all", "inputs", "n", "i", "input", "root", "e", "target", "menu_exports", "__export", "close", "collapseAll", "expandAll", "init", "open", "reveal", "toggle", "GROUP", "ROW", "CURRENT", "emit", "group", "detail", "force", "root", "el", "_a", "_b", "_c", "_d", "syncCurrent", "menu", "summary", "holdsCurrent", "ownGroup", "row", "parentGroup", "isVisible", "g", "visibleRows", "focusRow", "splitToggleFor", "link", "item", "onKeydown", "e", "rows", "i", "handled", "parent", "exclusive", "sibling", "version", "init", "root", "Fernwell", "theme_exports", "combobox_exports", "modal_exports", "nav_exports", "loading_exports", "toast_exports", "table_exports", "menu_exports", "index_default", "script", "index_default"]
|
|
7
7
|
}
|
package/dist/fernwell.min.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! fernwell v0.
|
|
2
|
-
@layer fw-tokens{:root,[data-theme=light]{--fw-text: #1F2430;--fw-text-soft: #565D6E;--fw-bg: #F5F6F1;--fw-bg-dim: #EAEBE4;--fw-surface: #FFFFFF;--fw-primary: #FFC145;--fw-primary-hover: color-mix(in srgb, var(--fw-primary), var(--fw-text) 12%);--fw-primary-soft: color-mix(in srgb, var(--fw-primary), white 35%);--fw-secondary: #4C3A73;--fw-secondary-hover: color-mix(in srgb, var(--fw-secondary), var(--fw-text) 15%);--fw-secondary-bg: color-mix(in srgb, var(--fw-secondary) 10%, var(--fw-surface));--fw-success: #3FA672;--fw-success-bg: color-mix(in srgb, var(--fw-success) 12%, var(--fw-surface));--fw-warning: #E8A521;--fw-warning-bg: color-mix(in srgb, var(--fw-warning) 14%, var(--fw-surface));--fw-danger: #E85B4F;--fw-danger-bg: color-mix(in srgb, var(--fw-danger) 13%, var(--fw-surface));--fw-info: #3E8FD0;--fw-info-bg: color-mix(in srgb, var(--fw-info) 12%, var(--fw-surface));--fw-on-primary: #1F2430;--fw-on-secondary: #FFFFFF;--fw-on-secondary-soft: color-mix(in srgb, var(--fw-on-secondary) 72%, transparent);--fw-on-secondary-fill: color-mix(in srgb, var(--fw-on-secondary) 10%, transparent);--fw-on-secondary-line: color-mix(in srgb, var(--fw-on-secondary) 16%, transparent);--fw-overlay: rgba(31, 36, 48, .55);--fw-overlay-soft: rgba(31, 36, 48, .32);--fw-focus-ring: 0 0 0 4px color-mix(in srgb, var(--fw-primary) 25%, transparent);--fw-font-display: "Plus Jakarta Sans", system-ui, sans-serif;--fw-font-body: "Inter", system-ui, sans-serif;--fw-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fw-sp-1: 4px;--fw-sp-2: 8px;--fw-sp-3: 12px;--fw-sp-4: 16px;--fw-sp-5: 24px;--fw-sp-6: 32px;--fw-sp-7: 48px;--fw-sp-8: 64px;--fw-sp-9: 96px;--fw-r-sm: 10px;--fw-r-md: 16px;--fw-r-lg: 24px;--fw-r-xl: 32px;--fw-r-full: 999px;--fw-shadow-sm: 0 1px 2px rgba(31, 36, 48, .06), 0 1px 1px rgba(31, 36, 48, .04);--fw-shadow-md: 0 4px 12px rgba(31, 36, 48, .08), 0 2px 4px rgba(31, 36, 48, .04);--fw-shadow-lg: 0 12px 32px rgba(31, 36, 48, .12), 0 4px 8px rgba(31, 36, 48, .06);--fw-shadow-primary: 0 6px 16px color-mix(in srgb, var(--fw-primary) 35%, transparent);--fw-shadow-success: 0 6px 16px color-mix(in srgb, var(--fw-success) 28%, transparent);--fw-border-w: 1.5px;--fw-motion-fast: .12s;--fw-motion-base: .18s;--fw-motion-ease: ease}[data-theme=dark]{--fw-text: #F2F1EA;--fw-text-soft: #9CA1B0;--fw-bg: #14161C;--fw-bg-dim: #2B2F3B;--fw-surface: #1D2029;--fw-primary: #FFC145;--fw-primary-hover: color-mix(in srgb, var(--fw-primary), var(--fw-text) 12%);--fw-primary-soft: color-mix(in srgb, var(--fw-primary), white 35%);--fw-secondary: #6B54A3;--fw-secondary-hover: color-mix(in srgb, var(--fw-secondary), var(--fw-text) 15%);--fw-secondary-bg: color-mix(in srgb, var(--fw-secondary) 16%, transparent);--fw-success: #55D194;--fw-success-bg: color-mix(in srgb, var(--fw-success) 14%, transparent);--fw-warning: #FFD166;--fw-warning-bg: color-mix(in srgb, var(--fw-warning) 16%, transparent);--fw-danger: #FF8478;--fw-danger-bg: color-mix(in srgb, var(--fw-danger) 14%, transparent);--fw-info: #6BB3E8;--fw-info-bg: color-mix(in srgb, var(--fw-info) 14%, transparent);--fw-on-primary: #1F2430;--fw-on-secondary: #FFFFFF;--fw-on-secondary-soft: color-mix(in srgb, var(--fw-on-secondary) 72%, transparent);--fw-on-secondary-fill: color-mix(in srgb, var(--fw-on-secondary) 10%, transparent);--fw-on-secondary-line: color-mix(in srgb, var(--fw-on-secondary) 16%, transparent);--fw-overlay: rgba(0, 0, 0, .6);--fw-overlay-soft: rgba(0, 0, 0, .4);--fw-focus-ring: 0 0 0 4px color-mix(in srgb, var(--fw-primary) 25%, transparent);--fw-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--fw-shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--fw-shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--fw-shadow-primary: 0 6px 16px color-mix(in srgb, var(--fw-primary) 22%, transparent);--fw-shadow-success: 0 6px 16px color-mix(in srgb, var(--fw-success) 22%, transparent)}}.fw-root{background:var(--fw-bg);color:var(--fw-text);font-family:var(--fw-font-body);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background var(--fw-motion-base) var(--fw-motion-ease),color var(--fw-motion-base) var(--fw-motion-ease)}.fw-root,.fw-root *,.fw-root *:before,.fw-root *:after{box-sizing:border-box}.fw-root :where(h1,h2,h3,h4){font-family:var(--fw-font-display);color:var(--fw-text);margin:0}.fw-root :where(p){margin:0}.fw-root :where(a){color:inherit}.fw-root :where(code){font-family:var(--fw-font-mono)}[hidden]{display:none!important}.fw-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fw-scroll-lock{overflow:hidden}@media(prefers-reduced-motion:reduce){.fw-root{scroll-behavior:auto}.fw-btn,.fw-btn:hover,.fw-list-row,.fw-list-row:hover{transform:none}}.fw-wrap{max-width:1100px;margin:0 auto;padding:0 var(--fw-sp-5)}.fw-row{display:flex;gap:var(--fw-sp-4);flex-wrap:wrap;align-items:center}.fw-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--fw-sp-5)}@media(max-width:640px){.fw-grid-2{grid-template-columns:1fr}}.fw-btn{font-family:var(--fw-font-body);font-weight:700;font-size:15px;line-height:1.2;border-radius:var(--fw-r-md);padding:12px 22px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--fw-sp-2);text-decoration:none;transition:transform var(--fw-motion-fast) var(--fw-motion-ease),box-shadow var(--fw-motion-fast) var(--fw-motion-ease),background var(--fw-motion-fast) var(--fw-motion-ease),border-color var(--fw-motion-fast) var(--fw-motion-ease)}.fw-btn:hover{transform:translateY(-1px)}.fw-btn:active{transform:translateY(0)}.fw-btn:focus-visible{outline:none;box-shadow:var(--fw-focus-ring)}.fw-btn-primary{background:var(--fw-primary);color:var(--fw-on-primary);box-shadow:var(--fw-shadow-primary)}.fw-btn-primary:hover{background:var(--fw-primary-hover)}.fw-btn-secondary{background:var(--fw-secondary);color:var(--fw-on-secondary)}.fw-btn-secondary:hover{background:var(--fw-secondary-hover)}.fw-btn-ghost{background:transparent;color:var(--fw-text);border:var(--fw-border-w) solid var(--fw-bg-dim)}.fw-btn-ghost:hover{border-color:var(--fw-text-soft)}.fw-btn-danger{background:var(--fw-danger-bg);color:var(--fw-danger)}.fw-btn-lg{padding:14px 26px}.fw-btn:disabled,.fw-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.fw-btn-loading{cursor:progress}.fw-btn .fw-spinner{margin-right:2px}.fw-icon-btn{width:32px;height:32px;border-radius:var(--fw-r-sm);border:var(--fw-border-w) solid var(--fw-bg-dim);background:var(--fw-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--fw-text-soft);flex-shrink:0;padding:0;text-decoration:none;transition:border-color var(--fw-motion-fast) var(--fw-motion-ease),color var(--fw-motion-fast) var(--fw-motion-ease)}.fw-icon-btn:hover{border-color:var(--fw-secondary);color:var(--fw-secondary)}.fw-icon-btn:focus-visible{outline:none;box-shadow:var(--fw-focus-ring)}.fw-icon-btn svg{width:15px;height:15px}.fw-card{background:var(--fw-surface);border-radius:var(--fw-r-lg);border:var(--fw-border-w) solid var(--fw-bg-dim);box-shadow:var(--fw-shadow-sm);padding:var(--fw-sp-5);color:var(--fw-text)}.fw-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--fw-font-mono);font-size:12px;font-weight:600;line-height:1.3;padding:5px 12px;border-radius:var(--fw-r-md);transform:rotate(-2deg);background:var(--fw-bg-dim);color:var(--fw-text-soft);white-space:nowrap}.fw-tag:nth-of-type(2n){transform:rotate(1.5deg)}.fw-tag:nth-of-type(3n){transform:rotate(-1deg)}.fw-tag-pill,.fw-tag-pill:nth-of-type(n){transform:none;font-size:11px;padding:4px 10px;border-radius:var(--fw-r-full)}.fw-tag-live{background:var(--fw-success-bg);color:var(--fw-success)}.fw-tag-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fw-success)}.fw-tag-pending{background:var(--fw-warning-bg);color:var(--fw-warning)}.fw-tag-error{background:var(--fw-danger-bg);color:var(--fw-danger)}.fw-tag-info{background:var(--fw-info-bg);color:var(--fw-info)}.fw-tag-secondary{background:var(--fw-secondary-bg);color:var(--fw-secondary)}@media(prefers-reduced-motion:no-preference){.fw-tag{transition:transform var(--fw-motion-fast) var(--fw-motion-ease)}}.fw-eyebrow{display:inline-flex;align-items:center;gap:var(--fw-sp-2);font-family:var(--fw-font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fw-secondary);background:var(--fw-surface);border:var(--fw-border-w) solid var(--fw-bg-dim);padding:7px 16px;border-radius:var(--fw-r-full);box-shadow:var(--fw-shadow-sm)}.fw-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fw-primary)}[data-theme=dark] .fw-eyebrow{color:var(--fw-secondary-hover)}.fw-field{display:flex;flex-direction:column;gap:6px;max-width:320px}.fw-field-full{max-width:none}.fw-label,.fw-field>label{font-size:13px;font-weight:600;color:var(--fw-text)}.fw-hint{font-size:12px;color:var(--fw-text-soft)}.fw-error-msg{font-size:12px;color:var(--fw-danger);font-weight:600}.fw-required{color:var(--fw-danger);font-weight:700;margin-left:3px}.fw-input,.fw-field input:not([type=checkbox]):not([type=radio]),.fw-field select,.fw-field textarea{font-family:var(--fw-font-body);font-size:15px;line-height:1.4;padding:11px 14px;border-radius:var(--fw-r-sm);border:var(--fw-border-w) solid var(--fw-bg-dim);background:var(--fw-surface);color:var(--fw-text);outline:none;width:100%;transition:border-color var(--fw-motion-fast) var(--fw-motion-ease),box-shadow var(--fw-motion-fast) var(--fw-motion-ease),background var(--fw-motion-base) var(--fw-motion-ease),color var(--fw-motion-base) var(--fw-motion-ease)}textarea.fw-input,.fw-field textarea{min-height:96px;resize:vertical}.fw-input::placeholder,.fw-field input::placeholder,.fw-field textarea::placeholder{color:var(--fw-text-soft);opacity:1}.fw-input:focus,.fw-field input:focus,.fw-field select:focus,.fw-field textarea:focus{border-color:var(--fw-primary-hover);box-shadow:var(--fw-focus-ring)}.fw-input.is-error,.fw-input[aria-invalid=true],.fw-field.is-error input,.fw-field.is-error select,.fw-field.is-error textarea,.fw-field input.is-error,.fw-field textarea.is-error{border-color:var(--fw-danger)}.fw-input:disabled,.fw-field input:disabled,.fw-field select:disabled,.fw-field textarea:disabled{background:var(--fw-bg-dim);color:var(--fw-text-soft);border-color:var(--fw-bg-dim);cursor:not-allowed}.fw-field.is-disabled .fw-label,.fw-field.is-disabled>label{color:var(--fw-text-soft)}.fw-checkbox,.fw-radio,.fw-toggle{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--fw-font-body);font-size:14px;font-weight:600;color:var(--fw-text)}.fw-checkbox input,.fw-radio input,.fw-toggle input{position:absolute;opacity:0;width:0;height:0;margin:0}.fw-checkbox:has(input:disabled),.fw-radio:has(input:disabled),.fw-toggle:has(input:disabled){cursor:not-allowed}.fw-checkbox input:disabled~span,.fw-radio input:disabled~span,.fw-toggle input:disabled~span{color:var(--fw-text-soft)}.fw-option-group{display:flex;flex-direction:column;gap:var(--fw-sp-3)}.fw-option-group-inline{flex-direction:row;flex-wrap:wrap;gap:var(--fw-sp-5)}.fw-checkbox .fw-box{width:20px;height:20px;border-radius:6px;border:var(--fw-border-w) solid var(--fw-bg-dim);background:var(--fw-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--fw-motion-fast) var(--fw-motion-ease),border-color var(--fw-motion-fast) var(--fw-motion-ease)}.fw-checkbox .fw-box:after{content:"";width:12px;height:12px;opacity:0;background-color:var(--fw-on-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8.5L6.2 11.5L13 4.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8.5L6.2 11.5L13 4.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;transition:opacity .1s var(--fw-motion-ease)}.fw-checkbox input:checked+.fw-box{background:var(--fw-primary);border-color:var(--fw-primary)}.fw-checkbox input:checked+.fw-box:after{opacity:1}.fw-checkbox input:focus-visible+.fw-box{box-shadow:var(--fw-focus-ring)}.fw-checkbox input:disabled+.fw-box{background:var(--fw-bg-dim);border-color:var(--fw-bg-dim)}.fw-radio .fw-box{width:20px;height:20px;border-radius:50%;border:var(--fw-border-w) solid var(--fw-bg-dim);background:var(--fw-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--fw-motion-fast) var(--fw-motion-ease)}.fw-radio .fw-box:after{content:"";width:10px;height:10px;border-radius:50%;background:transparent;transition:background var(--fw-motion-fast) var(--fw-motion-ease)}.fw-radio input:checked+.fw-box{border-color:var(--fw-primary)}.fw-radio input:checked+.fw-box:after{background:var(--fw-primary)}.fw-radio input:focus-visible+.fw-box{box-shadow:var(--fw-focus-ring)}.fw-radio input:disabled+.fw-box{background:var(--fw-bg-dim);border-color:var(--fw-bg-dim)}.fw-toggle .fw-track{width:42px;height:24px;border-radius:var(--fw-r-full);background:var(--fw-bg-dim);position:relative;flex-shrink:0;transition:background .16s var(--fw-motion-ease)}.fw-toggle .fw-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--fw-surface);box-shadow:var(--fw-shadow-sm);transition:transform .16s var(--fw-motion-ease)}.fw-toggle input:checked+.fw-track{background:var(--fw-primary)}.fw-toggle input:checked+.fw-track .fw-thumb{transform:translate(18px)}.fw-toggle input:focus-visible+.fw-track{box-shadow:var(--fw-focus-ring)}.fw-toggle input:disabled+.fw-track{opacity:.5}.fw-combobox{position:relative}.fw-combobox-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:var(--fw-surface);border:var(--fw-border-w) solid var(--fw-bg-dim);border-radius:var(--fw-r-md);box-shadow:var(--fw-shadow-lg);max-height:220px;overflow-y:auto;padding:6px;margin:0;list-style:none;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .14s var(--fw-motion-ease),transform .14s var(--fw-motion-ease)}.fw-combobox-list.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.fw-combobox-option{padding:10px 12px;border-radius:var(--fw-r-sm);font-family:var(--fw-font-body);font-size:14px;cursor:pointer;color:var(--fw-text)}.fw-combobox-option:hover,.fw-combobox-option.is-active{background:var(--fw-bg)}.fw-combobox-option b{color:var(--fw-primary-hover);font-weight:700}.fw-combobox-empty{padding:14px 12px;font-size:13px;color:var(--fw-text-soft);text-align:center}@media(prefers-reduced-motion:reduce){.fw-combobox-list{transform:none}}.fw-alert{display:flex;gap:var(--fw-sp-3);padding:var(--fw-sp-4);border-radius:var(--fw-r-md);align-items:flex-start;font-family:var(--fw-font-body);color:var(--fw-text);background:var(--fw-bg-dim)}.fw-alert-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;margin-top:2px;background:var(--fw-text-soft)}.fw-alert-title{font-weight:700;font-size:14px}.fw-alert-body{font-size:13px;color:var(--fw-text-soft);margin-top:2px}.fw-alert-success{background:var(--fw-success-bg)}.fw-alert-success .fw-alert-dot{background:var(--fw-success)}.fw-alert-error{background:var(--fw-danger-bg)}.fw-alert-error .fw-alert-dot{background:var(--fw-danger)}.fw-alert-pending{background:var(--fw-warning-bg)}.fw-alert-pending .fw-alert-dot{background:var(--fw-warning)}.fw-alert-info{background:var(--fw-info-bg)}.fw-alert-info .fw-alert-dot{background:var(--fw-info)}.fw-alert-with-action{align-items:center;justify-content:space-between;flex-wrap:wrap}.fw-alert-with-action .fw-alert-main{display:flex;align-items:center;gap:var(--fw-sp-3)}.fw-progress-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-family:var(--fw-font-body);font-size:13px}.fw-progress-name{font-weight:600;color:var(--fw-text)}.fw-progress-pct{font-family:var(--fw-font-mono);color:var(--fw-text-soft)}.fw-progress{position:relative;height:10px;border-radius:var(--fw-r-full);background:var(--fw-bg-dim);overflow:hidden}.fw-progress-sm{height:8px}.fw-progress-fill{height:100%;border-radius:var(--fw-r-full);background:var(--fw-primary);transition:width .4s var(--fw-motion-ease)}.fw-progress.is-success .fw-progress-fill,.fw-progress-fill.is-success{background:var(--fw-success)}.fw-progress.is-indeterminate .fw-progress-fill{position:absolute;width:40%;left:-40%;animation:fw-indeterminate-slide 1.4s ease-in-out infinite}@keyframes fw-indeterminate-slide{0%{left:-40%;width:40%}50%{width:60%}to{left:100%;width:40%}}@media(prefers-reduced-motion:reduce){.fw-progress.is-indeterminate .fw-progress-fill{position:static;width:100%;animation:fw-pulse-opacity 1.2s ease-in-out infinite}}.fw-spinner{display:inline-block;border-radius:50%;flex-shrink:0;width:24px;height:24px;border:3px solid var(--fw-bg-dim);border-top-color:currentColor;animation:fw-spin .8s linear infinite}.fw-spinner-sm{width:16px;height:16px;border-width:2px}.fw-spinner-md{width:24px;height:24px;border-width:3px}.fw-spinner-lg{width:40px;height:40px;border-width:4px}@keyframes fw-spin{to{transform:rotate(360deg)}}@keyframes fw-pulse-opacity{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.fw-spinner{animation:fw-pulse-opacity 1.2s ease-in-out infinite;border-top-color:var(--fw-bg-dim)}}.fw-nav{position:relative;background:var(--fw-secondary);border-radius:var(--fw-r-lg);padding:var(--fw-sp-4) var(--fw-sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--fw-sp-4);box-shadow:var(--fw-shadow-md);font-family:var(--fw-font-body);color:var(--fw-on-secondary)}.fw-nav-sticky{position:sticky;top:var(--fw-sp-5);z-index:100}.fw-nav-brand{color:var(--fw-on-secondary);font-family:var(--fw-font-display);font-weight:800;font-size:18px;display:flex;align-items:center;gap:var(--fw-sp-2);text-decoration:none}.fw-nav-dot{width:10px;height:10px;border-radius:50%;background:var(--fw-primary)}.fw-nav-hex{width:16px;height:16px;background:var(--fw-primary);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.fw-nav-links{display:flex;gap:var(--fw-sp-5);align-items:center}.fw-nav-links a{color:var(--fw-on-secondary-soft);font-size:14px;font-weight:600;text-decoration:none;transition:color var(--fw-motion-fast) var(--fw-motion-ease)}.fw-nav-links a:hover{color:var(--fw-on-secondary)}.fw-nav-links a.is-active{color:var(--fw-on-secondary);border-bottom:2px solid var(--fw-primary);padding-bottom:3px}.fw-nav-right{display:flex;align-items:center;gap:var(--fw-sp-4)}.fw-nav-avatar{width:34px;height:34px;border-radius:var(--fw-r-sm);background:var(--fw-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--fw-on-primary);font-family:var(--fw-font-display);border:none;padding:0;cursor:default}.fw-nav-btn,.fw-nav-toggle{width:38px;height:38px;border-radius:var(--fw-r-sm);background:var(--fw-on-secondary-fill);border:var(--fw-border-w) solid var(--fw-on-secondary-line);color:var(--fw-on-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-size:15px;transition:background var(--fw-motion-fast) var(--fw-motion-ease)}.fw-nav-btn:hover,.fw-nav-toggle:hover{background:var(--fw-on-secondary-line)}.fw-nav-btn:focus-visible,.fw-nav-toggle:focus-visible{outline:none;box-shadow:var(--fw-focus-ring)}.fw-nav-toggle{display:none;flex-direction:column;gap:4px}.fw-nav-toggle span{width:16px;height:2px;background:var(--fw-on-secondary);border-radius:2px;transition:transform var(--fw-motion-base) var(--fw-motion-ease),opacity var(--fw-motion-base) var(--fw-motion-ease)}.fw-nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.fw-nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.fw-nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.fw-nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;background:var(--fw-surface);border-radius:var(--fw-r-lg);border:var(--fw-border-w) solid var(--fw-bg-dim);box-shadow:var(--fw-shadow-lg);padding:var(--fw-sp-3);display:flex;flex-direction:column;gap:2px;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .16s var(--fw-motion-ease),transform .16s var(--fw-motion-ease)}.fw-nav-dropdown.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.fw-nav-dropdown-menu{left:auto;min-width:200px}.fw-nav-dropdown a,.fw-nav-dropdown button{color:var(--fw-text);font-family:var(--fw-font-body);font-size:15px;font-weight:600;text-decoration:none;text-align:left;padding:12px 14px;border-radius:var(--fw-r-sm);background:none;border:none;cursor:pointer;transition:background var(--fw-motion-fast) var(--fw-motion-ease)}.fw-nav-dropdown a:hover,.fw-nav-dropdown button:hover{background:var(--fw-bg)}.fw-nav-dropdown a.is-active{background:var(--fw-primary);color:var(--fw-on-primary)}@media(max-width:600px){.fw-nav-links{display:none}.fw-nav-toggle{display:flex}}@media(prefers-reduced-motion:reduce){.fw-nav-dropdown{transform:none}}.fw-stat-label{font-family:var(--fw-font-body);font-size:13px;color:var(--fw-text-soft);font-weight:600}.fw-stat-value{font-family:var(--fw-font-display);font-size:32px;font-weight:800;line-height:1.1;color:var(--fw-text);margin-top:4px}.fw-stat-value .fw-stat-unit{font-size:18px;color:var(--fw-primary-hover)}.fw-stat-delta{font-family:var(--fw-font-mono);font-size:12px;font-weight:600;color:var(--fw-text-soft);margin-top:4px}.fw-stat-delta.is-up{color:var(--fw-success)}.fw-stat-delta.is-down{color:var(--fw-danger)}.fw-empty{text-align:center;padding:var(--fw-sp-7) var(--fw-sp-5);font-family:var(--fw-font-body)}.fw-empty-blob{width:72px;height:72px;margin:0 auto var(--fw-sp-4);border-radius:38% 62% 60% 40%/48% 42% 58% 52%;background:linear-gradient(135deg,var(--fw-primary),var(--fw-primary-soft));display:flex;align-items:center;justify-content:center;font-size:28px}.fw-empty-title{font-family:var(--fw-font-display);font-size:17px;font-weight:700;color:var(--fw-text);margin:0 0 6px}.fw-empty-body{font-size:14px;color:var(--fw-text-soft);max-width:36ch;margin:0 auto var(--fw-sp-4)}.fw-modal-overlay{position:fixed;inset:0;background:var(--fw-overlay);display:flex;align-items:center;justify-content:center;padding:var(--fw-sp-5);z-index:100;opacity:0;pointer-events:none;transition:opacity var(--fw-motion-base) var(--fw-motion-ease)}.fw-modal-overlay.is-open{opacity:1;pointer-events:auto}.fw-modal{background:var(--fw-surface);color:var(--fw-text);font-family:var(--fw-font-body);border-radius:var(--fw-r-xl);box-shadow:var(--fw-shadow-lg);width:100%;max-width:460px;max-height:88vh;overflow-y:auto;padding:var(--fw-sp-6);transform:translateY(8px) scale(.98);transition:transform var(--fw-motion-base) var(--fw-motion-ease)}.fw-modal-wide{max-width:600px}.fw-modal-overlay.is-open .fw-modal{transform:translateY(0) scale(1)}.fw-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--fw-sp-3);margin-bottom:var(--fw-sp-5)}.fw-modal-head h2,.fw-modal-title{font-family:var(--fw-font-display);font-size:19px;font-weight:800;color:var(--fw-text);margin:0}.fw-modal-sub{font-size:13px;color:var(--fw-text-soft);margin:2px 0 0}.fw-modal-foot{display:flex;justify-content:flex-end;gap:var(--fw-sp-3);align-items:center;margin-top:var(--fw-sp-2);padding-top:var(--fw-sp-5);border-top:var(--fw-border-w) solid var(--fw-bg-dim)}@media(prefers-reduced-motion:reduce){.fw-modal{transform:none}}.fw-drawer-overlay{position:fixed;inset:0;background:var(--fw-overlay-soft);opacity:0;pointer-events:none;transition:opacity var(--fw-motion-base) var(--fw-motion-ease);z-index:90}.fw-drawer-overlay.is-open{opacity:1;pointer-events:auto}.fw-drawer{position:fixed;top:0;right:0;height:100%;width:440px;max-width:92vw;background:var(--fw-bg);color:var(--fw-text);font-family:var(--fw-font-body);box-shadow:var(--fw-shadow-lg);border-left:var(--fw-border-w) solid var(--fw-bg-dim);transform:translate(100%);transition:transform .24s var(--fw-motion-ease);z-index:91;display:flex;flex-direction:column}.fw-drawer.is-open{transform:translate(0)}.fw-drawer-head{padding:var(--fw-sp-5);border-bottom:var(--fw-border-w) solid var(--fw-bg-dim);background:var(--fw-surface);display:flex;align-items:flex-start;gap:var(--fw-sp-3);flex-shrink:0}.fw-drawer-head-text{flex:1;min-width:0}.fw-drawer-eyebrow{font-family:var(--fw-font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fw-text-soft);margin-bottom:4px}.fw-drawer-title{font-family:var(--fw-font-display);font-size:19px;font-weight:800;color:var(--fw-text);margin:0}.fw-drawer-title-input{font-family:var(--fw-font-display);font-size:19px;font-weight:800;color:var(--fw-text);border:none;background:transparent;padding:2px 0;width:100%;outline:none;border-radius:6px}.fw-drawer-title-input:focus{background:var(--fw-bg);padding:2px 6px;margin:0 -6px}.fw-drawer>form{flex:1;min-height:0;display:flex;flex-direction:column}.fw-drawer-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--fw-sp-5);display:flex;flex-direction:column;gap:var(--fw-sp-5)}.fw-drawer-foot{padding:var(--fw-sp-4) var(--fw-sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--fw-sp-3);flex-shrink:0;border-top:var(--fw-border-w) solid var(--fw-bg-dim);background:var(--fw-surface)}@media(max-width:560px){.fw-drawer{width:100vw;max-width:100vw}}@media(prefers-reduced-motion:reduce){.fw-drawer{transition:opacity var(--fw-motion-base) var(--fw-motion-ease);transform:none;opacity:0;pointer-events:none}.fw-drawer.is-open{opacity:1;pointer-events:auto}}.fw-toast{position:fixed;bottom:var(--fw-sp-6);right:var(--fw-sp-6);z-index:200;display:flex;align-items:center;gap:var(--fw-sp-3);max-width:min(360px,calc(100vw - 2 * var(--fw-sp-5)));background:var(--fw-success-bg);color:var(--fw-text);font-family:var(--fw-font-body);border-radius:var(--fw-r-md);padding:var(--fw-sp-3) var(--fw-sp-4);box-shadow:var(--fw-shadow-lg);font-size:13px;font-weight:600;transform:translateY(12px);opacity:0;pointer-events:none;transition:transform var(--fw-motion-base) var(--fw-motion-ease),opacity var(--fw-motion-base) var(--fw-motion-ease)}.fw-toast.is-show{transform:translateY(0);opacity:1;pointer-events:auto}.fw-toast-dot{width:8px;height:8px;border-radius:50%;background:var(--fw-success);flex-shrink:0}.fw-toast-error{background:var(--fw-danger-bg)}.fw-toast-error .fw-toast-dot{background:var(--fw-danger)}.fw-toast-info{background:var(--fw-info-bg)}.fw-toast-info .fw-toast-dot{background:var(--fw-info)}.fw-toast-pending{background:var(--fw-warning-bg)}.fw-toast-pending .fw-toast-dot{background:var(--fw-warning)}@media(prefers-reduced-motion:reduce){.fw-toast{transform:none}}.fw-list-row{display:block;background:var(--fw-surface);border-radius:var(--fw-r-lg);border:var(--fw-border-w) solid var(--fw-bg-dim);box-shadow:var(--fw-shadow-sm);padding:var(--fw-sp-4) var(--fw-sp-5);color:inherit;font-family:var(--fw-font-body);text-decoration:none;transition:transform var(--fw-motion-fast) var(--fw-motion-ease),box-shadow var(--fw-motion-fast) var(--fw-motion-ease)}.fw-list-row:hover{transform:translateY(-1px);box-shadow:var(--fw-shadow-md);text-decoration:none}.fw-list-row:focus-visible{outline:none;box-shadow:var(--fw-focus-ring)}.fw-list-row.is-locked{opacity:.6}.fw-list-row.is-locked:hover{transform:none;box-shadow:var(--fw-shadow-sm)}.fw-list-row+.fw-list-row{margin-top:var(--fw-sp-3)}.fw-list-row-main{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fw-sp-2) var(--fw-sp-4)}.fw-list-row-title{font-family:var(--fw-font-display);font-weight:700;font-size:16px;color:var(--fw-text)}.fw-list-row-meta{font-size:13px;color:var(--fw-text-soft)}.fw-sub-list{margin:var(--fw-sp-2) 0 0 var(--fw-sp-5);padding-left:var(--fw-sp-4);border-left:var(--fw-border-w) solid var(--fw-bg-dim)}.fw-sub-list-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fw-sp-2) var(--fw-sp-3);padding:var(--fw-sp-2) 0}.fw-sub-list-row+.fw-sub-list-row{border-top:1px solid var(--fw-bg-dim)}.fw-sub-list-title{font-size:13.5px;font-weight:600;color:var(--fw-text)}.fw-disclosure>summary{cursor:pointer;color:var(--fw-secondary);font-family:var(--fw-font-body);font-weight:600;font-size:13px;list-style:none;display:flex;align-items:center;gap:6px}.fw-disclosure>summary::-webkit-details-marker{display:none}.fw-disclosure>summary:hover{text-decoration:underline}.fw-disclosure>summary:focus-visible{outline:none;border-radius:4px;box-shadow:var(--fw-focus-ring)}.fw-disclosure-chevron{width:12px;height:12px;flex-shrink:0;transition:transform .15s var(--fw-motion-ease)}.fw-disclosure[open]>summary .fw-disclosure-chevron{transform:rotate(180deg)}.fw-disclosure-count{font-family:var(--fw-font-mono);font-size:10.5px;font-weight:700;color:var(--fw-secondary);background:var(--fw-surface);border:var(--fw-border-w) solid var(--fw-bg-dim);border-radius:var(--fw-r-full);padding:1px 7px}.fw-disclosure-body{margin-top:var(--fw-sp-3);border:var(--fw-border-w) solid var(--fw-bg-dim);border-radius:var(--fw-r-md);padding:var(--fw-sp-4);background:var(--fw-bg);display:flex;flex-direction:column;gap:var(--fw-sp-3)}.fw-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--fw-sp-3);font-family:var(--fw-font-body)}.fw-pag-info,.fw-pag-label{font-family:var(--fw-font-mono);font-size:12px;color:var(--fw-text-soft)}.fw-pag-controls{display:flex;align-items:center;gap:var(--fw-sp-3)}.fw-btn-page{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:var(--fw-r-sm);border:var(--fw-border-w) solid var(--fw-bg-dim);background:var(--fw-surface);color:var(--fw-text);font-family:var(--fw-font-body);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color var(--fw-motion-fast) var(--fw-motion-ease)}.fw-btn-page:hover{border-color:var(--fw-text-soft);text-decoration:none}.fw-btn-page:focus-visible{outline:none;box-shadow:var(--fw-focus-ring)}.fw-btn-page.is-disabled,.fw-btn-page[aria-disabled=true],.fw-btn-page:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}
|
|
1
|
+
/*! fernwell v0.3.0 | MIT | https://github.com/JacobKnaack/fernwell */
|
|
2
|
+
@layer fw-tokens{:root,[data-theme=light]{--fw-text: #1F2430;--fw-text-soft: #565D6E;--fw-bg: #F5F6F1;--fw-bg-dim: #EAEBE4;--fw-surface: #FFFFFF;--fw-primary: #FFC145;--fw-primary-hover: color-mix(in srgb, var(--fw-primary), var(--fw-text) 12%);--fw-primary-soft: color-mix(in srgb, var(--fw-primary), white 35%);--fw-secondary: #4C3A73;--fw-secondary-hover: color-mix(in srgb, var(--fw-secondary), var(--fw-text) 15%);--fw-secondary-bg: color-mix(in srgb, var(--fw-secondary) 10%, var(--fw-surface));--fw-success: #3FA672;--fw-success-bg: color-mix(in srgb, var(--fw-success) 12%, var(--fw-surface));--fw-warning: #E8A521;--fw-warning-bg: color-mix(in srgb, var(--fw-warning) 14%, var(--fw-surface));--fw-danger: #E85B4F;--fw-danger-bg: color-mix(in srgb, var(--fw-danger) 13%, var(--fw-surface));--fw-info: #3E8FD0;--fw-info-bg: color-mix(in srgb, var(--fw-info) 12%, var(--fw-surface));--fw-on-primary: #1F2430;--fw-on-secondary: #FFFFFF;--fw-on-secondary-soft: color-mix(in srgb, var(--fw-on-secondary) 72%, transparent);--fw-on-secondary-fill: color-mix(in srgb, var(--fw-on-secondary) 10%, transparent);--fw-on-secondary-line: color-mix(in srgb, var(--fw-on-secondary) 16%, transparent);--fw-overlay: rgba(31, 36, 48, .55);--fw-overlay-soft: rgba(31, 36, 48, .32);--fw-focus-ring: 0 0 0 4px color-mix(in srgb, var(--fw-primary) 25%, transparent);--fw-font-display: "Plus Jakarta Sans", system-ui, sans-serif;--fw-font-body: "Inter", system-ui, sans-serif;--fw-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fw-sp-1: 4px;--fw-sp-2: 8px;--fw-sp-3: 12px;--fw-sp-4: 16px;--fw-sp-5: 24px;--fw-sp-6: 32px;--fw-sp-7: 48px;--fw-sp-8: 64px;--fw-sp-9: 96px;--fw-r-sm: 10px;--fw-r-md: 16px;--fw-r-lg: 24px;--fw-r-xl: 32px;--fw-r-full: 999px;--fw-shadow-sm: 0 1px 2px rgba(31, 36, 48, .06), 0 1px 1px rgba(31, 36, 48, .04);--fw-shadow-md: 0 4px 12px rgba(31, 36, 48, .08), 0 2px 4px rgba(31, 36, 48, .04);--fw-shadow-lg: 0 12px 32px rgba(31, 36, 48, .12), 0 4px 8px rgba(31, 36, 48, .06);--fw-shadow-primary: 0 6px 16px color-mix(in srgb, var(--fw-primary) 35%, transparent);--fw-shadow-success: 0 6px 16px color-mix(in srgb, var(--fw-success) 28%, transparent);--fw-border-w: 1.5px;--fw-motion-fast: .12s;--fw-motion-base: .18s;--fw-motion-ease: ease}[data-theme=dark]{--fw-text: #F2F1EA;--fw-text-soft: #9CA1B0;--fw-bg: #14161C;--fw-bg-dim: #2B2F3B;--fw-surface: #1D2029;--fw-primary: #FFC145;--fw-primary-hover: color-mix(in srgb, var(--fw-primary), var(--fw-text) 12%);--fw-primary-soft: color-mix(in srgb, var(--fw-primary), white 35%);--fw-secondary: #6B54A3;--fw-secondary-hover: color-mix(in srgb, var(--fw-secondary), var(--fw-text) 15%);--fw-secondary-bg: color-mix(in srgb, var(--fw-secondary) 16%, transparent);--fw-success: #55D194;--fw-success-bg: color-mix(in srgb, var(--fw-success) 14%, transparent);--fw-warning: #FFD166;--fw-warning-bg: color-mix(in srgb, var(--fw-warning) 16%, transparent);--fw-danger: #FF8478;--fw-danger-bg: color-mix(in srgb, var(--fw-danger) 14%, transparent);--fw-info: #6BB3E8;--fw-info-bg: color-mix(in srgb, var(--fw-info) 14%, transparent);--fw-on-primary: #1F2430;--fw-on-secondary: #FFFFFF;--fw-on-secondary-soft: color-mix(in srgb, var(--fw-on-secondary) 72%, transparent);--fw-on-secondary-fill: color-mix(in srgb, var(--fw-on-secondary) 10%, transparent);--fw-on-secondary-line: color-mix(in srgb, var(--fw-on-secondary) 16%, transparent);--fw-overlay: rgba(0, 0, 0, .6);--fw-overlay-soft: rgba(0, 0, 0, .4);--fw-focus-ring: 0 0 0 4px color-mix(in srgb, var(--fw-primary) 25%, transparent);--fw-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--fw-shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--fw-shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--fw-shadow-primary: 0 6px 16px color-mix(in srgb, var(--fw-primary) 22%, transparent);--fw-shadow-success: 0 6px 16px color-mix(in srgb, var(--fw-success) 22%, transparent)}}.fw-root{background:var(--fw-bg);color:var(--fw-text);font-family:var(--fw-font-body);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background var(--fw-motion-base) var(--fw-motion-ease),color var(--fw-motion-base) var(--fw-motion-ease)}.fw-root,.fw-root *,.fw-root *:before,.fw-root *:after{box-sizing:border-box}.fw-root :where(h1,h2,h3,h4){font-family:var(--fw-font-display);color:var(--fw-text);margin:0}.fw-root :where(p){margin:0}.fw-root :where(a){color:inherit}.fw-root :where(code){font-family:var(--fw-font-mono)}[hidden]{display:none!important}.fw-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fw-scroll-lock{overflow:hidden}@media(prefers-reduced-motion:reduce){.fw-root{scroll-behavior:auto}.fw-btn,.fw-btn:hover,.fw-list-row,.fw-list-row:hover{transform:none}}.fw-wrap{max-width:1100px;margin:0 auto;padding:0 var(--fw-sp-5)}.fw-row{display:flex;gap:var(--fw-sp-4);flex-wrap:wrap;align-items:center}.fw-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--fw-sp-5)}@media(max-width:640px){.fw-grid-2{grid-template-columns:1fr}}.fw-btn{font-family:var(--fw-font-body);font-weight:700;font-size:15px;line-height:1.2;border-radius:var(--fw-r-md);padding:12px 22px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--fw-sp-2);text-decoration:none;transition:transform var(--fw-motion-fast) var(--fw-motion-ease),box-shadow var(--fw-motion-fast) var(--fw-motion-ease),background var(--fw-motion-fast) var(--fw-motion-ease),border-color var(--fw-motion-fast) var(--fw-motion-ease)}.fw-btn:hover{transform:translateY(-1px)}.fw-btn:active{transform:translateY(0)}.fw-btn:focus-visible{outline:none;box-shadow:var(--fw-focus-ring)}.fw-btn-primary{background:var(--fw-primary);color:var(--fw-on-primary);box-shadow:var(--fw-shadow-primary)}.fw-btn-primary:hover{background:var(--fw-primary-hover)}.fw-btn-secondary{background:var(--fw-secondary);color:var(--fw-on-secondary)}.fw-btn-secondary:hover{background:var(--fw-secondary-hover)}.fw-btn-ghost{background:transparent;color:var(--fw-text);border:var(--fw-border-w) solid var(--fw-bg-dim)}.fw-btn-ghost:hover{border-color:var(--fw-text-soft)}.fw-btn-danger{background:var(--fw-danger-bg);color:var(--fw-danger)}.fw-btn-lg{padding:14px 26px}.fw-btn:disabled,.fw-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.fw-btn-loading{cursor:progress}.fw-btn .fw-spinner{margin-right:2px}.fw-icon-btn{width:32px;height:32px;border-radius:var(--fw-r-sm);border:var(--fw-border-w) solid var(--fw-bg-dim);background:var(--fw-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--fw-text-soft);flex-shrink:0;padding:0;text-decoration:none;transition:border-color var(--fw-motion-fast) var(--fw-motion-ease),color var(--fw-motion-fast) var(--fw-motion-ease)}.fw-icon-btn:hover{border-color:var(--fw-secondary);color:var(--fw-secondary)}.fw-icon-btn:focus-visible{outline:none;box-shadow:var(--fw-focus-ring)}.fw-icon-btn svg{width:15px;height:15px}.fw-card{background:var(--fw-surface);border-radius:var(--fw-r-lg);border:var(--fw-border-w) solid var(--fw-bg-dim);box-shadow:var(--fw-shadow-sm);padding:var(--fw-sp-5);color:var(--fw-text)}.fw-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--fw-font-mono);font-size:12px;font-weight:600;line-height:1.3;padding:5px 12px;border-radius:var(--fw-r-md);transform:rotate(-2deg);background:var(--fw-bg-dim);color:var(--fw-text-soft);white-space:nowrap}.fw-tag:nth-of-type(2n){transform:rotate(1.5deg)}.fw-tag:nth-of-type(3n){transform:rotate(-1deg)}.fw-tag-pill,.fw-tag-pill:nth-of-type(n){transform:none;font-size:11px;padding:4px 10px;border-radius:var(--fw-r-full)}.fw-tag-live{background:var(--fw-success-bg);color:var(--fw-success)}.fw-tag-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fw-success)}.fw-tag-pending{background:var(--fw-warning-bg);color:var(--fw-warning)}.fw-tag-error{background:var(--fw-danger-bg);color:var(--fw-danger)}.fw-tag-info{background:var(--fw-info-bg);color:var(--fw-info)}.fw-tag-secondary{background:var(--fw-secondary-bg);color:var(--fw-secondary)}@media(prefers-reduced-motion:no-preference){.fw-tag{transition:transform var(--fw-motion-fast) var(--fw-motion-ease)}}.fw-eyebrow{display:inline-flex;align-items:center;gap:var(--fw-sp-2);font-family:var(--fw-font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fw-secondary);background:var(--fw-surface);border:var(--fw-border-w) solid var(--fw-bg-dim);padding:7px 16px;border-radius:var(--fw-r-full);box-shadow:var(--fw-shadow-sm)}.fw-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fw-primary)}[data-theme=dark] .fw-eyebrow{color:var(--fw-secondary-hover)}.fw-field{display:flex;flex-direction:column;gap:6px;max-width:320px}.fw-field-full{max-width:none}.fw-label,.fw-field>label{font-size:13px;font-weight:600;color:var(--fw-text)}.fw-hint{font-size:12px;color:var(--fw-text-soft)}.fw-error-msg{font-size:12px;color:var(--fw-danger);font-weight:600}.fw-required{color:var(--fw-danger);font-weight:700;margin-left:3px}.fw-input,.fw-field input:not([type=checkbox]):not([type=radio]),.fw-field select,.fw-field textarea{font-family:var(--fw-font-body);font-size:15px;line-height:1.4;padding:11px 14px;border-radius:var(--fw-r-sm);border:var(--fw-border-w) solid var(--fw-bg-dim);background:var(--fw-surface);color:var(--fw-text);outline:none;width:100%;transition:border-color var(--fw-motion-fast) var(--fw-motion-ease),box-shadow var(--fw-motion-fast) var(--fw-motion-ease),background var(--fw-motion-base) var(--fw-motion-ease),color var(--fw-motion-base) var(--fw-motion-ease)}textarea.fw-input,.fw-field textarea{min-height:96px;resize:vertical}.fw-input::placeholder,.fw-field input::placeholder,.fw-field textarea::placeholder{color:var(--fw-text-soft);opacity:1}.fw-input:focus,.fw-field input:focus,.fw-field select:focus,.fw-field textarea:focus{border-color:var(--fw-primary-hover);box-shadow:var(--fw-focus-ring)}.fw-input.is-error,.fw-input[aria-invalid=true],.fw-field.is-error input,.fw-field.is-error select,.fw-field.is-error textarea,.fw-field input.is-error,.fw-field textarea.is-error{border-color:var(--fw-danger)}.fw-input:disabled,.fw-field input:disabled,.fw-field select:disabled,.fw-field textarea:disabled{background:var(--fw-bg-dim);color:var(--fw-text-soft);border-color:var(--fw-bg-dim);cursor:not-allowed}.fw-field.is-disabled .fw-label,.fw-field.is-disabled>label{color:var(--fw-text-soft)}.fw-checkbox,.fw-radio,.fw-toggle{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--fw-font-body);font-size:14px;font-weight:600;color:var(--fw-text)}.fw-checkbox input,.fw-radio input,.fw-toggle input{position:absolute;opacity:0;width:0;height:0;margin:0}.fw-checkbox:has(input:disabled),.fw-radio:has(input:disabled),.fw-toggle:has(input:disabled){cursor:not-allowed}.fw-checkbox input:disabled~span,.fw-radio input:disabled~span,.fw-toggle input:disabled~span{color:var(--fw-text-soft)}.fw-option-group{display:flex;flex-direction:column;gap:var(--fw-sp-3)}.fw-option-group-inline{flex-direction:row;flex-wrap:wrap;gap:var(--fw-sp-5)}.fw-checkbox .fw-box{width:20px;height:20px;border-radius:6px;border:var(--fw-border-w) solid var(--fw-bg-dim);background:var(--fw-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--fw-motion-fast) var(--fw-motion-ease),border-color var(--fw-motion-fast) var(--fw-motion-ease)}.fw-checkbox .fw-box:after{content:"";width:12px;height:12px;opacity:0;background-color:var(--fw-on-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8.5L6.2 11.5L13 4.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8.5L6.2 11.5L13 4.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;transition:opacity .1s var(--fw-motion-ease)}.fw-checkbox input:checked+.fw-box{background:var(--fw-primary);border-color:var(--fw-primary)}.fw-checkbox input:checked+.fw-box:after{opacity:1}.fw-checkbox input:indeterminate+.fw-box{background:var(--fw-primary);border-color:var(--fw-primary)}.fw-checkbox input:indeterminate+.fw-box:after{opacity:1;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8h9' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8h9' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat}.fw-checkbox input:focus-visible+.fw-box{box-shadow:var(--fw-focus-ring)}.fw-checkbox input:disabled+.fw-box{background:var(--fw-bg-dim);border-color:var(--fw-bg-dim)}.fw-radio .fw-box{width:20px;height:20px;border-radius:50%;border:var(--fw-border-w) solid var(--fw-bg-dim);background:var(--fw-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--fw-motion-fast) var(--fw-motion-ease)}.fw-radio .fw-box:after{content:"";width:10px;height:10px;border-radius:50%;background:transparent;transition:background var(--fw-motion-fast) var(--fw-motion-ease)}.fw-radio input:checked+.fw-box{border-color:var(--fw-primary)}.fw-radio input:checked+.fw-box:after{background:var(--fw-primary)}.fw-radio input:focus-visible+.fw-box{box-shadow:var(--fw-focus-ring)}.fw-radio input:disabled+.fw-box{background:var(--fw-bg-dim);border-color:var(--fw-bg-dim)}.fw-toggle .fw-track{width:42px;height:24px;border-radius:var(--fw-r-full);background:var(--fw-bg-dim);position:relative;flex-shrink:0;transition:background .16s var(--fw-motion-ease)}.fw-toggle .fw-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--fw-surface);box-shadow:var(--fw-shadow-sm);transition:transform .16s var(--fw-motion-ease)}.fw-toggle input:checked+.fw-track{background:var(--fw-primary)}.fw-toggle input:checked+.fw-track .fw-thumb{transform:translate(18px)}.fw-toggle input:focus-visible+.fw-track{box-shadow:var(--fw-focus-ring)}.fw-toggle input:disabled+.fw-track{opacity:.5}.fw-combobox{position:relative}.fw-combobox-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:var(--fw-surface);border:var(--fw-border-w) solid var(--fw-bg-dim);border-radius:var(--fw-r-md);box-shadow:var(--fw-shadow-lg);max-height:220px;overflow-y:auto;padding:6px;margin:0;list-style:none;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .14s var(--fw-motion-ease),transform .14s var(--fw-motion-ease)}.fw-combobox-list.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.fw-combobox-option{padding:10px 12px;border-radius:var(--fw-r-sm);font-family:var(--fw-font-body);font-size:14px;cursor:pointer;color:var(--fw-text)}.fw-combobox-option:hover,.fw-combobox-option.is-active{background:var(--fw-bg)}.fw-combobox-option b{color:var(--fw-primary-hover);font-weight:700}.fw-combobox-empty{padding:14px 12px;font-size:13px;color:var(--fw-text-soft);text-align:center}@media(prefers-reduced-motion:reduce){.fw-combobox-list{transform:none}}.fw-alert{display:flex;gap:var(--fw-sp-3);padding:var(--fw-sp-4);border-radius:var(--fw-r-md);align-items:flex-start;font-family:var(--fw-font-body);color:var(--fw-text);background:var(--fw-bg-dim)}.fw-alert-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;margin-top:2px;background:var(--fw-text-soft)}.fw-alert-title{font-weight:700;font-size:14px}.fw-alert-body{font-size:13px;color:var(--fw-text-soft);margin-top:2px}.fw-alert-success{background:var(--fw-success-bg)}.fw-alert-success .fw-alert-dot{background:var(--fw-success)}.fw-alert-error{background:var(--fw-danger-bg)}.fw-alert-error .fw-alert-dot{background:var(--fw-danger)}.fw-alert-pending{background:var(--fw-warning-bg)}.fw-alert-pending .fw-alert-dot{background:var(--fw-warning)}.fw-alert-info{background:var(--fw-info-bg)}.fw-alert-info .fw-alert-dot{background:var(--fw-info)}.fw-alert-with-action{align-items:center;justify-content:space-between;flex-wrap:wrap}.fw-alert-with-action .fw-alert-main{display:flex;align-items:center;gap:var(--fw-sp-3)}.fw-progress-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-family:var(--fw-font-body);font-size:13px}.fw-progress-name{font-weight:600;color:var(--fw-text)}.fw-progress-pct{font-family:var(--fw-font-mono);color:var(--fw-text-soft)}.fw-progress{position:relative;height:10px;border-radius:var(--fw-r-full);background:var(--fw-bg-dim);overflow:hidden}.fw-progress-sm{height:8px}.fw-progress-fill{height:100%;border-radius:var(--fw-r-full);background:var(--fw-primary);transition:width .4s var(--fw-motion-ease)}.fw-progress.is-success .fw-progress-fill,.fw-progress-fill.is-success{background:var(--fw-success)}.fw-progress.is-indeterminate .fw-progress-fill{position:absolute;width:40%;left:-40%;animation:fw-indeterminate-slide 1.4s ease-in-out infinite}@keyframes fw-indeterminate-slide{0%{left:-40%;width:40%}50%{width:60%}to{left:100%;width:40%}}@media(prefers-reduced-motion:reduce){.fw-progress.is-indeterminate .fw-progress-fill{position:static;width:100%;animation:fw-pulse-opacity 1.2s ease-in-out infinite}}.fw-spinner{display:inline-block;border-radius:50%;flex-shrink:0;width:24px;height:24px;border:3px solid var(--fw-bg-dim);border-top-color:currentColor;animation:fw-spin .8s linear infinite}.fw-spinner-sm{width:16px;height:16px;border-width:2px}.fw-spinner-md{width:24px;height:24px;border-width:3px}.fw-spinner-lg{width:40px;height:40px;border-width:4px}@keyframes fw-spin{to{transform:rotate(360deg)}}@keyframes fw-pulse-opacity{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.fw-spinner{animation:fw-pulse-opacity 1.2s ease-in-out infinite;border-top-color:var(--fw-bg-dim)}}.fw-nav{position:relative;background:var(--fw-secondary);border-radius:var(--fw-r-lg);padding:var(--fw-sp-4) var(--fw-sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--fw-sp-4);box-shadow:var(--fw-shadow-md);font-family:var(--fw-font-body);color:var(--fw-on-secondary)}.fw-nav-sticky{position:sticky;top:var(--fw-sp-5);z-index:100}.fw-nav-brand{color:var(--fw-on-secondary);font-family:var(--fw-font-display);font-weight:800;font-size:18px;display:flex;align-items:center;gap:var(--fw-sp-2);text-decoration:none}.fw-nav-dot{width:10px;height:10px;border-radius:50%;background:var(--fw-primary)}.fw-nav-hex{width:16px;height:16px;background:var(--fw-primary);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.fw-nav-links{display:flex;gap:var(--fw-sp-5);align-items:center}.fw-nav-links a{color:var(--fw-on-secondary-soft);font-size:14px;font-weight:600;text-decoration:none;transition:color var(--fw-motion-fast) var(--fw-motion-ease)}.fw-nav-links a:hover{color:var(--fw-on-secondary)}.fw-nav-links a.is-active{color:var(--fw-on-secondary);border-bottom:2px solid var(--fw-primary);padding-bottom:3px}.fw-nav-right{display:flex;align-items:center;gap:var(--fw-sp-4)}.fw-nav-avatar{width:34px;height:34px;border-radius:var(--fw-r-sm);background:var(--fw-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--fw-on-primary);font-family:var(--fw-font-display);border:none;padding:0;cursor:default}.fw-nav-btn,.fw-nav-toggle{width:38px;height:38px;border-radius:var(--fw-r-sm);background:var(--fw-on-secondary-fill);border:var(--fw-border-w) solid var(--fw-on-secondary-line);color:var(--fw-on-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-size:15px;transition:background var(--fw-motion-fast) var(--fw-motion-ease)}.fw-nav-btn:hover,.fw-nav-toggle:hover{background:var(--fw-on-secondary-line)}.fw-nav-btn:focus-visible,.fw-nav-toggle:focus-visible{outline:none;box-shadow:var(--fw-focus-ring)}.fw-nav-toggle{display:none;flex-direction:column;gap:4px}.fw-nav-toggle span{width:16px;height:2px;background:var(--fw-on-secondary);border-radius:2px;transition:transform var(--fw-motion-base) var(--fw-motion-ease),opacity var(--fw-motion-base) var(--fw-motion-ease)}.fw-nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.fw-nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.fw-nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.fw-nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;background:var(--fw-surface);border-radius:var(--fw-r-lg);border:var(--fw-border-w) solid var(--fw-bg-dim);box-shadow:var(--fw-shadow-lg);padding:var(--fw-sp-3);display:flex;flex-direction:column;gap:2px;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .16s var(--fw-motion-ease),transform .16s var(--fw-motion-ease)}.fw-nav-dropdown.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.fw-nav-dropdown-menu{left:auto;min-width:200px}.fw-nav-dropdown a,.fw-nav-dropdown button{color:var(--fw-text);font-family:var(--fw-font-body);font-size:15px;font-weight:600;text-decoration:none;text-align:left;padding:12px 14px;border-radius:var(--fw-r-sm);background:none;border:none;cursor:pointer;transition:background var(--fw-motion-fast) var(--fw-motion-ease)}.fw-nav-dropdown a:hover,.fw-nav-dropdown button:hover{background:var(--fw-bg)}.fw-nav-dropdown a.is-active{background:var(--fw-primary);color:var(--fw-on-primary)}@media(max-width:600px){.fw-nav-links{display:none}.fw-nav-toggle{display:flex}}@media(prefers-reduced-motion:reduce){.fw-nav-dropdown{transform:none}}.fw-stat-label{font-family:var(--fw-font-body);font-size:13px;color:var(--fw-text-soft);font-weight:600}.fw-stat-value{font-family:var(--fw-font-display);font-size:32px;font-weight:800;line-height:1.1;color:var(--fw-text);margin-top:4px}.fw-stat-value .fw-stat-unit{font-size:18px;color:var(--fw-primary-hover)}.fw-stat-delta{font-family:var(--fw-font-mono);font-size:12px;font-weight:600;color:var(--fw-text-soft);margin-top:4px}.fw-stat-delta.is-up{color:var(--fw-success)}.fw-stat-delta.is-down{color:var(--fw-danger)}.fw-empty{text-align:center;padding:var(--fw-sp-7) var(--fw-sp-5);font-family:var(--fw-font-body)}.fw-empty-blob{width:72px;height:72px;margin:0 auto var(--fw-sp-4);border-radius:38% 62% 60% 40%/48% 42% 58% 52%;background:linear-gradient(135deg,var(--fw-primary),var(--fw-primary-soft));display:flex;align-items:center;justify-content:center;font-size:28px}.fw-empty-title{font-family:var(--fw-font-display);font-size:17px;font-weight:700;color:var(--fw-text);margin:0 0 6px}.fw-empty-body{font-size:14px;color:var(--fw-text-soft);max-width:36ch;margin:0 auto var(--fw-sp-4)}.fw-modal-overlay{position:fixed;inset:0;background:var(--fw-overlay);display:flex;align-items:center;justify-content:center;padding:var(--fw-sp-5);z-index:100;opacity:0;pointer-events:none;transition:opacity var(--fw-motion-base) var(--fw-motion-ease)}.fw-modal-overlay.is-open{opacity:1;pointer-events:auto}.fw-modal{background:var(--fw-surface);color:var(--fw-text);font-family:var(--fw-font-body);border-radius:var(--fw-r-xl);box-shadow:var(--fw-shadow-lg);width:100%;max-width:460px;max-height:88vh;overflow-y:auto;padding:var(--fw-sp-6);transform:translateY(8px) scale(.98);transition:transform var(--fw-motion-base) var(--fw-motion-ease)}.fw-modal-wide{max-width:600px}.fw-modal-overlay.is-open .fw-modal{transform:translateY(0) scale(1)}.fw-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--fw-sp-3);margin-bottom:var(--fw-sp-5)}.fw-modal-head h2,.fw-modal-title{font-family:var(--fw-font-display);font-size:19px;font-weight:800;color:var(--fw-text);margin:0}.fw-modal-sub{font-size:13px;color:var(--fw-text-soft);margin:2px 0 0}.fw-modal-foot{display:flex;justify-content:flex-end;gap:var(--fw-sp-3);align-items:center;margin-top:var(--fw-sp-2);padding-top:var(--fw-sp-5);border-top:var(--fw-border-w) solid var(--fw-bg-dim)}@media(prefers-reduced-motion:reduce){.fw-modal{transform:none}}.fw-drawer-overlay{position:fixed;inset:0;background:var(--fw-overlay-soft);opacity:0;pointer-events:none;transition:opacity var(--fw-motion-base) var(--fw-motion-ease);z-index:90}.fw-drawer-overlay.is-open{opacity:1;pointer-events:auto}.fw-drawer{position:fixed;top:0;right:0;height:100%;width:440px;max-width:92vw;background:var(--fw-bg);color:var(--fw-text);font-family:var(--fw-font-body);box-shadow:var(--fw-shadow-lg);border-left:var(--fw-border-w) solid var(--fw-bg-dim);transform:translate(100%);transition:transform .24s var(--fw-motion-ease);z-index:91;display:flex;flex-direction:column}.fw-drawer.is-open{transform:translate(0)}.fw-drawer-head{padding:var(--fw-sp-5);border-bottom:var(--fw-border-w) solid var(--fw-bg-dim);background:var(--fw-surface);display:flex;align-items:flex-start;gap:var(--fw-sp-3);flex-shrink:0}.fw-drawer-head-text{flex:1;min-width:0}.fw-drawer-eyebrow{font-family:var(--fw-font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fw-text-soft);margin-bottom:4px}.fw-drawer-title{font-family:var(--fw-font-display);font-size:19px;font-weight:800;color:var(--fw-text);margin:0}.fw-drawer-title-input{font-family:var(--fw-font-display);font-size:19px;font-weight:800;color:var(--fw-text);border:none;background:transparent;padding:2px 0;width:100%;outline:none;border-radius:6px}.fw-drawer-title-input:focus{background:var(--fw-bg);padding:2px 6px;margin:0 -6px}.fw-drawer>form{flex:1;min-height:0;display:flex;flex-direction:column}.fw-drawer-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--fw-sp-5);display:flex;flex-direction:column;gap:var(--fw-sp-5)}.fw-drawer-foot{padding:var(--fw-sp-4) var(--fw-sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--fw-sp-3);flex-shrink:0;border-top:var(--fw-border-w) solid var(--fw-bg-dim);background:var(--fw-surface)}@media(max-width:560px){.fw-drawer{left:0;width:auto;max-width:none}}@media(prefers-reduced-motion:reduce){.fw-drawer{transition:opacity var(--fw-motion-base) var(--fw-motion-ease);transform:none;opacity:0;pointer-events:none}.fw-drawer.is-open{opacity:1;pointer-events:auto}}.fw-toast{position:fixed;bottom:var(--fw-sp-6);right:var(--fw-sp-6);z-index:200;display:flex;align-items:center;gap:var(--fw-sp-3);max-width:min(360px,calc(100vw - 2 * var(--fw-sp-5)));background:var(--fw-success-bg);color:var(--fw-text);font-family:var(--fw-font-body);border-radius:var(--fw-r-md);padding:var(--fw-sp-3) var(--fw-sp-4);box-shadow:var(--fw-shadow-lg);font-size:13px;font-weight:600;transform:translateY(12px);opacity:0;pointer-events:none;transition:transform var(--fw-motion-base) var(--fw-motion-ease),opacity var(--fw-motion-base) var(--fw-motion-ease)}.fw-toast.is-show{transform:translateY(0);opacity:1;pointer-events:auto}.fw-toast-dot{width:8px;height:8px;border-radius:50%;background:var(--fw-success);flex-shrink:0}.fw-toast-error{background:var(--fw-danger-bg)}.fw-toast-error .fw-toast-dot{background:var(--fw-danger)}.fw-toast-info{background:var(--fw-info-bg)}.fw-toast-info .fw-toast-dot{background:var(--fw-info)}.fw-toast-pending{background:var(--fw-warning-bg)}.fw-toast-pending .fw-toast-dot{background:var(--fw-warning)}@media(prefers-reduced-motion:reduce){.fw-toast{transform:none}}.fw-list-row{display:block;background:var(--fw-surface);border-radius:var(--fw-r-lg);border:var(--fw-border-w) solid var(--fw-bg-dim);box-shadow:var(--fw-shadow-sm);padding:var(--fw-sp-4) var(--fw-sp-5);color:inherit;font-family:var(--fw-font-body);text-decoration:none;transition:transform var(--fw-motion-fast) var(--fw-motion-ease),box-shadow var(--fw-motion-fast) var(--fw-motion-ease)}.fw-list-row:hover{transform:translateY(-1px);box-shadow:var(--fw-shadow-md);text-decoration:none}.fw-list-row:focus-visible{outline:none;box-shadow:var(--fw-focus-ring)}.fw-list-row.is-locked{opacity:.6}.fw-list-row.is-locked:hover{transform:none;box-shadow:var(--fw-shadow-sm)}.fw-list-row+.fw-list-row{margin-top:var(--fw-sp-3)}.fw-list-row-main{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fw-sp-2) var(--fw-sp-4)}.fw-list-row-title{font-family:var(--fw-font-display);font-weight:700;font-size:16px;color:var(--fw-text)}.fw-list-row-meta{font-size:13px;color:var(--fw-text-soft)}.fw-sub-list{margin:var(--fw-sp-2) 0 0 var(--fw-sp-5);padding-left:var(--fw-sp-4);border-left:var(--fw-border-w) solid var(--fw-bg-dim)}.fw-sub-list-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fw-sp-2) var(--fw-sp-3);padding:var(--fw-sp-2) 0}.fw-sub-list-row+.fw-sub-list-row{border-top:1px solid var(--fw-bg-dim)}.fw-sub-list-title{font-size:13.5px;font-weight:600;color:var(--fw-text)}.fw-disclosure>summary{cursor:pointer;color:var(--fw-secondary);font-family:var(--fw-font-body);font-weight:600;font-size:13px;list-style:none;display:flex;align-items:center;gap:6px}.fw-disclosure>summary::-webkit-details-marker{display:none}.fw-disclosure>summary:hover{text-decoration:underline}.fw-disclosure>summary:focus-visible{outline:none;border-radius:4px;box-shadow:var(--fw-focus-ring)}.fw-disclosure-chevron{width:12px;height:12px;flex-shrink:0;transition:transform .15s var(--fw-motion-ease)}.fw-disclosure[open]>summary .fw-disclosure-chevron{transform:rotate(180deg)}.fw-disclosure-count{font-family:var(--fw-font-mono);font-size:10.5px;font-weight:700;color:var(--fw-secondary);background:var(--fw-surface);border:var(--fw-border-w) solid var(--fw-bg-dim);border-radius:var(--fw-r-full);padding:1px 7px}.fw-disclosure-body{margin-top:var(--fw-sp-3);border:var(--fw-border-w) solid var(--fw-bg-dim);border-radius:var(--fw-r-md);padding:var(--fw-sp-4);background:var(--fw-bg);display:flex;flex-direction:column;gap:var(--fw-sp-3)}.fw-menu{--fw-menu-indent: var(--fw-sp-4);--fw-menu-row-h: 36px;font-family:var(--fw-font-body);color:var(--fw-text)}.fw-menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.fw-menu-group>.fw-menu-list{margin:2px 0 0 var(--fw-menu-indent);padding-left:var(--fw-sp-3);border-left:var(--fw-border-w) solid var(--fw-bg-dim)}.fw-menu-link,.fw-menu-summary{display:flex;align-items:center;gap:var(--fw-sp-2);min-height:var(--fw-menu-row-h);padding:0 var(--fw-sp-3);border-radius:var(--fw-r-sm);color:var(--fw-text);font-family:var(--fw-font-body);font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;text-align:left;background:none;border:none;cursor:pointer;transition:background-color var(--fw-motion-fast) var(--fw-motion-ease),color var(--fw-motion-fast) var(--fw-motion-ease)}@media(hover:hover){.fw-menu-link:hover,.fw-menu-summary:hover{background:var(--fw-bg);text-decoration:none}}.fw-menu-link:focus-visible,.fw-menu-summary:focus-visible{outline:none;box-shadow:var(--fw-focus-ring)}.fw-menu-link[aria-current=page]{background:var(--fw-secondary-bg);color:var(--fw-secondary)}.fw-menu-summary.is-current{color:var(--fw-secondary)}.fw-menu-summary{list-style:none;user-select:none}.fw-menu-summary::-webkit-details-marker{display:none}.fw-menu-summary:after{content:"";flex-shrink:0;width:16px;height:16px;margin-left:auto;background-color:currentColor;opacity:.55;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 4l4 4-4 4' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 4l4 4-4 4' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;transition:transform var(--fw-motion-fast) var(--fw-motion-ease),opacity var(--fw-motion-fast) var(--fw-motion-ease)}.fw-menu-summary:hover:after,.fw-menu-summary.is-current:after{opacity:1}.fw-menu-group[open]>.fw-menu-summary:after{transform:rotate(90deg)}.fw-menu-split{position:relative}.fw-menu-split>.fw-menu-link{padding-right:44px}.fw-menu-summary-icon{position:absolute;top:0;right:0;width:var(--fw-menu-row-h);height:var(--fw-menu-row-h);min-height:0;padding:0;justify-content:center}.fw-menu-summary-icon:after{margin-left:0}.fw-menu-panel{padding:var(--fw-sp-2) var(--fw-sp-3) var(--fw-sp-4);color:var(--fw-text-soft);font-size:14px;line-height:1.5}.fw-menu-panel>:first-child{margin-top:0}.fw-menu-panel>:last-child{margin-bottom:0}.fw-menu-accordion>.fw-menu-group+.fw-menu-group{border-top:var(--fw-border-w) solid var(--fw-bg-dim)}.fw-menu-accordion>.fw-menu-group>.fw-menu-summary{min-height:44px;padding-inline:0;border-radius:0;font-family:var(--fw-font-display);font-size:15px;font-weight:700}.fw-menu-accordion>.fw-menu-group>.fw-menu-summary:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.fw-menu-accordion>.fw-menu-group[open]>.fw-menu-summary:after{transform:rotate(180deg)}@media(hover:hover){.fw-menu-accordion>.fw-menu-group>.fw-menu-summary:hover{background:none;color:var(--fw-secondary)}}.fw-menu-accordion>.fw-menu-group>.fw-menu-summary:focus-visible{border-radius:4px}.fw-menu-accordion>.fw-menu-group>.fw-menu-panel{padding-inline:0}@media(prefers-reduced-motion:reduce){.fw-menu-summary:after{transition:none}}.fw-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--fw-sp-3);font-family:var(--fw-font-body)}.fw-pag-info,.fw-pag-label{font-family:var(--fw-font-mono);font-size:12px;color:var(--fw-text-soft)}.fw-pag-controls{display:flex;align-items:center;gap:var(--fw-sp-3)}.fw-btn-page{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:var(--fw-r-sm);border:var(--fw-border-w) solid var(--fw-bg-dim);background:var(--fw-surface);color:var(--fw-text);font-family:var(--fw-font-body);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color var(--fw-motion-fast) var(--fw-motion-ease)}.fw-btn-page:hover{border-color:var(--fw-text-soft);text-decoration:none}.fw-btn-page:focus-visible{outline:none;box-shadow:var(--fw-focus-ring)}.fw-btn-page.is-disabled,.fw-btn-page[aria-disabled=true],.fw-btn-page:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.fw-table-wrap{overflow-x:auto;background:var(--fw-surface);border:var(--fw-border-w) solid var(--fw-bg-dim);border-radius:var(--fw-r-lg);box-shadow:var(--fw-shadow-sm);font-family:var(--fw-font-body);color:var(--fw-text)}.fw-table-wrap:focus-visible{outline:none;box-shadow:var(--fw-focus-ring)}.fw-table-wrap.fw-table-sticky{max-height:var(--fw-table-max-height, 460px);overflow:auto}.fw-table-sticky .fw-table thead th{position:sticky;top:0;z-index:1}.fw-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--fw-font-body);font-size:14px;line-height:1.4;color:var(--fw-text);text-align:left}.fw-table caption{caption-side:top;text-align:left;font-family:var(--fw-font-display);font-weight:700;font-size:16px;color:var(--fw-text);padding:var(--fw-sp-4) var(--fw-sp-5) var(--fw-sp-2)}.fw-table th,.fw-table td{padding:var(--fw-sp-3) var(--fw-sp-4);vertical-align:middle}.fw-table th:first-child,.fw-table td:first-child{padding-left:var(--fw-sp-5)}.fw-table th:last-child,.fw-table td:last-child{padding-right:var(--fw-sp-5)}.fw-table thead th{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--fw-text-soft);background:var(--fw-surface);border-bottom:var(--fw-border-w) solid var(--fw-bg-dim);white-space:nowrap}.fw-table tbody tr+tr>td{border-top:var(--fw-border-w) solid var(--fw-bg-dim)}.fw-table tbody td{transition:background-color var(--fw-motion-fast) var(--fw-motion-ease)}.fw-table-striped tbody tr:nth-child(2n)>td{background:var(--fw-bg)}@media(hover:hover){.fw-table tbody tr:hover>td{background:var(--fw-secondary-bg)}}.fw-table tbody tr.is-selected>td,.fw-table tbody tr[aria-selected=true]>td{background:var(--fw-secondary-bg)}.fw-table tbody tr.is-selected>td:first-child,.fw-table tbody tr[aria-selected=true]>td:first-child{box-shadow:inset 3px 0 0 var(--fw-secondary)}.fw-table-compact th,.fw-table-compact td{padding:var(--fw-sp-2) var(--fw-sp-3);font-size:13px}.fw-table-compact th:first-child,.fw-table-compact td:first-child{padding-left:var(--fw-sp-4)}.fw-table-compact th:last-child,.fw-table-compact td:last-child{padding-right:var(--fw-sp-4)}.fw-table-num{font-family:var(--fw-font-mono);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.fw-table-num .fw-table-sort{flex-direction:row-reverse}.fw-table-select{width:1%;padding-right:0;box-sizing:border-box}.fw-table-select .fw-checkbox{gap:0;vertical-align:middle}.fw-table-actions{width:1%;text-align:right;white-space:nowrap;box-sizing:border-box}.fw-table-actions .fw-icon-btn{vertical-align:middle}.fw-table-actions>*+*{margin-left:var(--fw-sp-1)}.fw-table-empty>td{text-align:center;padding:var(--fw-sp-7) var(--fw-sp-5);color:var(--fw-text-soft);font-family:var(--fw-font-display)}.fw-table-empty:hover>td{background:transparent}.fw-table-loading>td{text-align:center;padding:var(--fw-sp-6) var(--fw-sp-5)}.fw-table[aria-busy=true] tbody,.fw-table.is-loading tbody{opacity:.5;pointer-events:none;transition:opacity var(--fw-motion-fast) var(--fw-motion-ease)}th[data-fw-sort]{cursor:pointer}.fw-table-sort{display:inline-flex;align-items:center;gap:var(--fw-sp-1);padding:2px 4px;margin:-2px -4px;border:0;background:none;font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;border-radius:6px}th[data-fw-sort]:hover .fw-table-sort,th[aria-sort=ascending] .fw-table-sort,th[aria-sort=descending] .fw-table-sort{color:var(--fw-text)}.fw-table-sort:focus-visible{outline:none;box-shadow:var(--fw-focus-ring)}.fw-table-sort:after{content:"";width:12px;height:12px;flex-shrink:0;background-color:currentColor;opacity:.35;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5 6.5l3-3 3 3M5 9.5l3 3 3-3' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5 6.5l3-3 3 3M5 9.5l3 3 3-3' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;transition:opacity var(--fw-motion-fast) var(--fw-motion-ease)}th[aria-sort=ascending] .fw-table-sort:after{opacity:1;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 10l4-4 4 4' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 10l4-4 4 4' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}th[aria-sort=descending] .fw-table-sort:after{opacity:1;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@media(max-width:560px){.fw-table{table-layout:fixed}.fw-table-select{width:var(--fw-table-select-w, 44px)}.fw-table-actions{width:var(--fw-table-actions-w, 96px)}.fw-table td:not(.fw-table-select):not(.fw-table-actions):not(.fw-table-num){white-space:normal;overflow-wrap:anywhere}.fw-table-num,.fw-table th{overflow:hidden;text-overflow:ellipsis}}
|
package/dist/fernwell.tokens.css
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -12,10 +12,14 @@ import * as modal from './modal';
|
|
|
12
12
|
import * as nav from './nav';
|
|
13
13
|
import * as loading from './loading';
|
|
14
14
|
import * as toast from './toast';
|
|
15
|
-
|
|
15
|
+
import * as table from './table';
|
|
16
|
+
import * as menu from './menu';
|
|
17
|
+
export { theme, combobox, modal, nav, loading, toast, table, menu };
|
|
16
18
|
export type { Theme, TokenOverrides, TokenThemeOverrides } from './theme';
|
|
17
19
|
export type { ComboboxOptions, ComboboxInstance } from './combobox';
|
|
18
20
|
export type { ToastVariant, ToastOptions } from './toast';
|
|
21
|
+
export type { SortDirection, SortDetail, SelectDetail } from './table';
|
|
22
|
+
export type { ToggleDetail } from './menu';
|
|
19
23
|
export declare const version = "__FW_VERSION__";
|
|
20
24
|
/**
|
|
21
25
|
* Wire every `data-fw-*` hook under `root`. Safe to call more than once —
|
|
@@ -32,5 +36,7 @@ declare const Fernwell: {
|
|
|
32
36
|
nav: typeof nav;
|
|
33
37
|
loading: typeof loading;
|
|
34
38
|
toast: typeof toast;
|
|
39
|
+
table: typeof table;
|
|
40
|
+
menu: typeof menu;
|
|
35
41
|
};
|
|
36
42
|
export default Fernwell;
|
package/dist/menu.d.ts
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Menu — a nestable collapsible menu (nav tree or accordion) built on
|
|
3
|
+
* native <details>/<summary>, enhanced for `.fw-menu[data-fw-menu]`.
|
|
4
|
+
*
|
|
5
|
+
* <nav class="fw-menu" aria-label="Docs" data-fw-menu>
|
|
6
|
+
* <ul class="fw-menu-list">
|
|
7
|
+
* <li class="fw-menu-item"><a class="fw-menu-link" href="/" aria-current="page">Overview</a></li>
|
|
8
|
+
* <li class="fw-menu-item">
|
|
9
|
+
* <details class="fw-menu-group">
|
|
10
|
+
* <summary class="fw-menu-summary">Billing</summary>
|
|
11
|
+
* <ul class="fw-menu-list">
|
|
12
|
+
* <li class="fw-menu-item fw-menu-split">
|
|
13
|
+
* <a class="fw-menu-link" href="/billing/plans">Plans</a>
|
|
14
|
+
* <details class="fw-menu-group">
|
|
15
|
+
* <summary class="fw-menu-summary fw-menu-summary-icon"><span class="fw-sr-only">Toggle Plans</span></summary>
|
|
16
|
+
* <ul class="fw-menu-list">…</ul>
|
|
17
|
+
* </details>
|
|
18
|
+
* </li>
|
|
19
|
+
* </ul>
|
|
20
|
+
* </details>
|
|
21
|
+
* </li>
|
|
22
|
+
* </ul>
|
|
23
|
+
* </nav>
|
|
24
|
+
*
|
|
25
|
+
* The `open` attribute on each `.fw-menu-group` is the state — server-rendered
|
|
26
|
+
* state is honoured, and the menu still expands/collapses without JS.
|
|
27
|
+
*
|
|
28
|
+
* The enhancer adds:
|
|
29
|
+
* - auto-reveal: every ancestor group of an `[aria-current]` link is opened on
|
|
30
|
+
* init, and a collapsed summary whose branch holds the current page gets `.is-current`
|
|
31
|
+
* - `data-fw-menu-exclusive`: opening a group closes its siblings (accordion)
|
|
32
|
+
* - keyboard: ArrowUp/ArrowDown move between visible rows, ArrowRight opens /
|
|
33
|
+
* enters a group, ArrowLeft closes / goes to the parent, Home/End jump.
|
|
34
|
+
* Tab order is untouched — every row stays natively tabbable.
|
|
35
|
+
*
|
|
36
|
+
* Events (bubbling, from the <details>): `fw:toggle` { group, open }.
|
|
37
|
+
*/
|
|
38
|
+
export interface ToggleDetail {
|
|
39
|
+
group: HTMLDetailsElement;
|
|
40
|
+
open: boolean;
|
|
41
|
+
}
|
|
42
|
+
export declare function open(group: HTMLDetailsElement): void;
|
|
43
|
+
export declare function close(group: HTMLDetailsElement): void;
|
|
44
|
+
export declare function toggle(group: HTMLDetailsElement, force?: boolean): void;
|
|
45
|
+
export declare function expandAll(root: ParentNode): void;
|
|
46
|
+
export declare function collapseAll(root: ParentNode): void;
|
|
47
|
+
/** Open every ancestor group of `el` so it is visible. */
|
|
48
|
+
export declare function reveal(el: Element): void;
|
|
49
|
+
export declare function init(root?: ParentNode): void;
|
package/dist/table.d.ts
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Table — client-side column sorting and row selection for `.fw-table`.
|
|
3
|
+
*
|
|
4
|
+
* <table class="fw-table" data-fw-table>
|
|
5
|
+
* <thead><tr>
|
|
6
|
+
* <th class="fw-table-select"><label class="fw-checkbox"><input type="checkbox" data-fw-select-all>…</label></th>
|
|
7
|
+
* <th scope="col" aria-sort="none" data-fw-sort><button type="button" class="fw-table-sort">Client</button></th>
|
|
8
|
+
* </tr></thead>
|
|
9
|
+
* <tbody><tr>
|
|
10
|
+
* <td class="fw-table-select"><label class="fw-checkbox"><input type="checkbox" data-fw-select-row>…</label></td>
|
|
11
|
+
* <td data-fw-sort-value="1250">$1,250.00</td>
|
|
12
|
+
* </tr></tbody>
|
|
13
|
+
* </table>
|
|
14
|
+
*
|
|
15
|
+
* Clicking a `th[data-fw-sort]` cycles aria-sort (none → ascending → descending → …)
|
|
16
|
+
* and reorders the first <tbody>. `data-fw-sort-value` on a cell overrides its
|
|
17
|
+
* text for comparison (numbers, ISO dates). Rows without a cell in the sorted
|
|
18
|
+
* column (e.g. a colspan empty row) stay at the bottom.
|
|
19
|
+
*
|
|
20
|
+
* Row checkboxes toggle `.is-selected` / aria-selected on their row and keep the
|
|
21
|
+
* select-all checkbox in sync (checked / indeterminate).
|
|
22
|
+
*
|
|
23
|
+
* Events (bubbling, on the <table>): `fw:sort` { column, direction, th } and
|
|
24
|
+
* `fw:select` { rows, all }.
|
|
25
|
+
*/
|
|
26
|
+
export type SortDirection = 'ascending' | 'descending';
|
|
27
|
+
export interface SortDetail {
|
|
28
|
+
column: number;
|
|
29
|
+
direction: SortDirection;
|
|
30
|
+
th: HTMLTableCellElement;
|
|
31
|
+
}
|
|
32
|
+
export interface SelectDetail {
|
|
33
|
+
rows: HTMLTableRowElement[];
|
|
34
|
+
all: boolean;
|
|
35
|
+
}
|
|
36
|
+
export declare function sort(table: HTMLTableElement, column: number, direction: SortDirection): void;
|
|
37
|
+
export declare function getSelected(table: HTMLTableElement): HTMLTableRowElement[];
|
|
38
|
+
export declare function setRowSelected(row: HTMLTableRowElement, on: boolean): void;
|
|
39
|
+
export declare function selectAll(table: HTMLTableElement, on: boolean): void;
|
|
40
|
+
export declare function init(root?: ParentNode): void;
|