baseline-foundry 0.1.3

package/dist/tabs.d.ts

@@ -0,0 +1,4 @@
+export interface TabsInitOptions {
+    root?: ParentNode;
+}
+export declare function initTabs(options?: TabsInitOptions): () => void;

package/dist/tabs.js

@@ -0,0 +1,88 @@
+const TAB_SELECTOR = ".bf-tabs-link";
+const PANEL_SELECTOR = ".bf-tabs-panel";
+const LIST_SELECTOR = ".bf-tabs-list";
+function activateTab(tab) {
+    const list = tab.closest(LIST_SELECTOR);
+    if (!list) {
+        return;
+    }
+    const siblings = Array.from(list.querySelectorAll(TAB_SELECTOR));
+    for (const sibling of siblings) {
+        sibling.setAttribute("aria-selected", "false");
+        sibling.setAttribute("tabindex", "-1");
+        const panelId = sibling.getAttribute("aria-controls");
+        if (panelId) {
+            const panel = sibling.ownerDocument.getElementById(panelId);
+            if (panel?.matches(PANEL_SELECTOR)) {
+                panel.setAttribute("aria-hidden", "true");
+            }
+        }
+    }
+    tab.setAttribute("aria-selected", "true");
+    tab.setAttribute("tabindex", "0");
+    const panelId = tab.getAttribute("aria-controls");
+    if (panelId) {
+        const panel = tab.ownerDocument.getElementById(panelId);
+        if (panel?.matches(PANEL_SELECTOR)) {
+            panel.setAttribute("aria-hidden", "false");
+        }
+    }
+}
+export function initTabs(options = {}) {
+    const root = options.root ?? document;
+    const onClick = (event) => {
+        const target = event.target;
+        if (!(target instanceof Element)) {
+            return;
+        }
+        const tab = target.closest(TAB_SELECTOR);
+        if (!tab) {
+            return;
+        }
+        event.preventDefault();
+        activateTab(tab);
+    };
+    const onKeyDown = (event) => {
+        if (!(event instanceof KeyboardEvent)) {
+            return;
+        }
+        const target = event.target;
+        if (!(target instanceof Element)) {
+            return;
+        }
+        const tab = target.closest(TAB_SELECTOR);
+        if (!tab) {
+            return;
+        }
+        const list = tab.closest(LIST_SELECTOR);
+        if (!list) {
+            return;
+        }
+        const tabs = Array.from(list.querySelectorAll(TAB_SELECTOR));
+        const index = tabs.indexOf(tab);
+        let nextIndex = -1;
+        if (event.key === "ArrowRight" || event.key === "ArrowDown") {
+            nextIndex = (index + 1) % tabs.length;
+        }
+        else if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
+            nextIndex = (index - 1 + tabs.length) % tabs.length;
+        }
+        else if (event.key === "Home") {
+            nextIndex = 0;
+        }
+        else if (event.key === "End") {
+            nextIndex = tabs.length - 1;
+        }
+        if (nextIndex >= 0) {
+            event.preventDefault();
+            activateTab(tabs[nextIndex]);
+            tabs[nextIndex].focus();
+        }
+    };
+    root.addEventListener("click", onClick);
+    root.addEventListener("keydown", onKeyDown);
+    return () => {
+        root.removeEventListener("click", onClick);
+        root.removeEventListener("keydown", onKeyDown);
+    };
+}

package/dist/tier-registry.d.ts

@@ -0,0 +1,10 @@
+export declare const tierNames: readonly ["editorial", "documentation", "app", "os"];
+export type TierName = (typeof tierNames)[number];
+export declare const presetNames: readonly ["prose", "app-tier"];
+export type PresetName = (typeof presetNames)[number];
+export type BuiltInThemeName = TierName | PresetName;
+export declare const tierDescriptions: Record<TierName, string>;
+export declare const presetDescriptions: Record<PresetName, string>;
+export declare function isTierName(value: string): value is TierName;
+export declare function isPresetName(value: string): value is PresetName;
+export declare function normalizeBuiltInThemeName(name: BuiltInThemeName): TierName;

package/dist/tier-registry.js

@@ -0,0 +1,25 @@
+export const tierNames = ["editorial", "documentation", "app", "os"];
+export const presetNames = ["prose", "app-tier"];
+export const tierDescriptions = {
+    editorial: "Editorial first: Ubuntu Sans, container-owned Sites rhythm, and the widest baseline-aligned measure.",
+    documentation: "Documentation first: Ubuntu Sans with a tighter doc measure, denser gutters, and calmer chapter reading rhythm.",
+    app: "Application first: Ubuntu Sans, container-owned rhythm, denser layout values, and light application chrome.",
+    os: "OS first: Ubuntu Sans, metric-derived alignment, compact measure, and dense system-surface geometry."
+};
+export const presetDescriptions = {
+    prose: "Legacy editorial alias for the editorial tier output.",
+    "app-tier": "Legacy app alias for the app tier output."
+};
+export function isTierName(value) {
+    return tierNames.includes(value);
+}
+export function isPresetName(value) {
+    return presetNames.includes(value);
+}
+export function normalizeBuiltInThemeName(name) {
+    if (name === "prose")
+        return "editorial";
+    if (name === "app-tier")
+        return "app";
+    return name;
+}