baseline-foundry 0.1.3

package/dist/experiments/ibm-plex-engine-smoke/tokens.json

@@ -0,0 +1,217 @@
+{
+  "baselineUnit": "0.5rem",
+  "fontFiles": [
+    {
+      "family": "ibm-plex-sans",
+      "path": "../../../assets/fonts/IBMPlexSansVar-Roman.woff2",
+      "cssFamily": "IBM Plex Sans",
+      "fontStyle": "normal",
+      "fontWeight": "100 700",
+      "fontDisplay": "swap"
+    }
+  ],
+  "fontStacks": {
+    "ibm-plex-sans": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif"
+  },
+  "roles": {
+    "body": {
+      "fontSize": "1rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ibm-plex-sans",
+      "fontWeight": 400,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.375rem",
+      "identifier": "body",
+      "fontStack": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.125rem"
+    },
+    "h1": {
+      "fontSize": "8rem",
+      "lineHeight": "9rem",
+      "fontFamily": "ibm-plex-sans",
+      "fontWeight": 400,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0rem",
+      "identifier": "h1",
+      "fontStack": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.5rem"
+    },
+    "h2": {
+      "fontSize": "4rem",
+      "lineHeight": "5rem",
+      "fontFamily": "ibm-plex-sans",
+      "fontWeight": 300,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0rem",
+      "identifier": "h2",
+      "fontStack": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.5rem"
+    },
+    "h3": {
+      "fontSize": "2.5rem",
+      "lineHeight": "3rem",
+      "fontFamily": "ibm-plex-sans",
+      "fontWeight": 500,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.025rem",
+      "identifier": "h3",
+      "fontStack": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.475rem"
+    },
+    "h4": {
+      "fontSize": "1.5rem",
+      "lineHeight": "2rem",
+      "fontFamily": "ibm-plex-sans",
+      "fontWeight": 400,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.41667rem",
+      "identifier": "h4",
+      "fontStack": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.08333rem"
+    },
+    "h5": {
+      "fontSize": "1rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ibm-plex-sans",
+      "fontWeight": 600,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.375rem",
+      "identifier": "h5",
+      "fontStack": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.125rem",
+      "fontVariantCaps": "all-small-caps"
+    },
+    "h6": {
+      "fontSize": "1rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ibm-plex-sans",
+      "fontWeight": 400,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.375rem",
+      "identifier": "h6",
+      "fontStack": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.125rem"
+    }
+  },
+  "elements": {
+    "body": {
+      "fontSize": "1rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ibm-plex-sans",
+      "fontWeight": 400,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.375rem",
+      "identifier": "body",
+      "fontStack": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.125rem"
+    },
+    "h6": {
+      "fontSize": "1rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ibm-plex-sans",
+      "fontWeight": 400,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.375rem",
+      "identifier": "h6",
+      "fontStack": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.125rem"
+    },
+    "h5": {
+      "fontSize": "1rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ibm-plex-sans",
+      "fontWeight": 600,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.375rem",
+      "identifier": "h5",
+      "fontStack": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.125rem",
+      "fontVariantCaps": "all-small-caps"
+    },
+    "h4": {
+      "fontSize": "1.5rem",
+      "lineHeight": "2rem",
+      "fontFamily": "ibm-plex-sans",
+      "fontWeight": 400,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.41667rem",
+      "identifier": "h4",
+      "fontStack": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.08333rem"
+    },
+    "h3": {
+      "fontSize": "2.5rem",
+      "lineHeight": "3rem",
+      "fontFamily": "ibm-plex-sans",
+      "fontWeight": 500,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.025rem",
+      "identifier": "h3",
+      "fontStack": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.475rem"
+    },
+    "h2": {
+      "fontSize": "4rem",
+      "lineHeight": "5rem",
+      "fontFamily": "ibm-plex-sans",
+      "fontWeight": 300,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0rem",
+      "identifier": "h2",
+      "fontStack": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.5rem"
+    },
+    "h1": {
+      "fontSize": "8rem",
+      "lineHeight": "9rem",
+      "fontFamily": "ibm-plex-sans",
+      "fontWeight": 400,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0rem",
+      "identifier": "h1",
+      "fontStack": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.5rem"
+    }
+  },
+  "layout": {
+    "contentMaxWidth": "120rem",
+    "contentPaddingInline": "1.5rem",
+    "measure": "40rem",
+    "sectionSpace": "4rem",
+    "sectionSpaceShallow": "1.5rem",
+    "sectionSpaceDeep": "8rem",
+    "stripSpace": "4rem",
+    "gridGapInline": "1.5rem",
+    "gridGapBlock": "1.5rem",
+    "pageMargin": "1.5rem"
+  },
+  "components": {
+    "borderWidth": "1px",
+    "barThickness": "0.1875rem",
+    "radius": "0rem",
+    "controlBlockPadding": "0.5rem",
+    "controlCompactBlockPadding": "0.25rem",
+    "controlInlinePadding": "1rem",
+    "controlInlinePaddingAction": "1rem",
+    "controlInlinePaddingField": "0.5rem",
+    "controlVisualSize": "1rem",
+    "fieldGap": "0.5rem",
+    "panelPaddingInline": "1rem",
+    "panelPaddingBlock": "1rem",
+    "accordionIndent": "1.5rem"
+  }
+}

package/dist/in-page-navigation.d.ts

@@ -0,0 +1,7 @@
+export interface InPageNavigationInitOptions {
+    root?: ParentNode;
+    observeCurrent?: boolean;
+    expandLabel?: string;
+    collapseLabel?: string;
+}
+export declare function initInPageNavigations(options?: InPageNavigationInitOptions): () => void;

package/dist/in-page-navigation.js

@@ -0,0 +1,136 @@
+const ROOT_SELECTOR = ".bf-in-page-navigation";
+const TOGGLE_SELECTOR = ".bf-in-page-navigation-toggle[aria-controls]";
+const LIST_SELECTOR = ".bf-in-page-navigation-list";
+const LINK_SELECTOR = ".bf-in-page-navigation-link[href^='#']";
+function closestElement(target, selector) {
+    return target instanceof Element ? target.closest(selector) : null;
+}
+function controlledList(toggle) {
+    const controlledId = toggle.getAttribute("aria-controls");
+    const list = controlledId ? toggle.ownerDocument.getElementById(controlledId) : null;
+    const navigation = toggle.closest(ROOT_SELECTOR);
+    return list?.matches(LIST_SELECTOR) && navigation?.contains(list) ? list : null;
+}
+function stateLabel(toggle, expanded, options) {
+    const attribute = expanded ? "data-bf-collapse-label" : "data-bf-expand-label";
+    return toggle.getAttribute(attribute)?.trim()
+        || (expanded ? options.collapseLabel ?? "Collapse in-page navigation" : options.expandLabel ?? "Expand in-page navigation");
+}
+function syncToggle(toggle, expanded, options) {
+    const navigation = toggle.closest(ROOT_SELECTOR);
+    const list = controlledList(toggle);
+    if (!navigation || !list)
+        return;
+    navigation.classList.toggle("is-expanded", expanded);
+    toggle.setAttribute("aria-expanded", String(expanded));
+    toggle.setAttribute("aria-label", stateLabel(toggle, expanded, options));
+    list.setAttribute("aria-expanded", String(expanded));
+    const icon = toggle.querySelector(".bf-icon");
+    icon?.classList.toggle("is-chevron-down", !expanded);
+    icon?.classList.toggle("is-chevron-up", expanded);
+    if (!expanded) {
+        navigation.querySelector(`${LINK_SELECTOR}[aria-current]`)?.scrollIntoView({
+            block: "nearest",
+            inline: "nearest"
+        });
+    }
+}
+function setCurrentLink(navigation, activeLink) {
+    for (const link of Array.from(navigation.querySelectorAll(LINK_SELECTOR))) {
+        if (link === activeLink) {
+            link.setAttribute("aria-current", "location");
+            link.classList.add("is-active");
+        }
+        else {
+            link.removeAttribute("aria-current");
+            link.classList.remove("is-active");
+        }
+    }
+}
+function currentObservers(root) {
+    if (typeof IntersectionObserver === "undefined")
+        return [];
+    const observers = [];
+    for (const navigation of Array.from(root.querySelectorAll(ROOT_SELECTOR))) {
+        const linksByTarget = new Map();
+        for (const link of Array.from(navigation.querySelectorAll(LINK_SELECTOR))) {
+            let targetId = link.hash.slice(1);
+            try {
+                targetId = decodeURIComponent(targetId);
+            }
+            catch {
+                continue;
+            }
+            const target = targetId ? link.ownerDocument.getElementById(targetId) : null;
+            if (target)
+                linksByTarget.set(target, link);
+        }
+        if (linksByTarget.size === 0)
+            continue;
+        const visible = new Map();
+        const observer = new IntersectionObserver(entries => {
+            for (const entry of entries) {
+                if (entry.isIntersecting)
+                    visible.set(entry.target, entry.boundingClientRect.top);
+                else
+                    visible.delete(entry.target);
+            }
+            const nearest = Array.from(visible.entries()).sort((a, b) => Math.abs(a[1]) - Math.abs(b[1]))[0];
+            const activeLink = nearest ? linksByTarget.get(nearest[0]) : null;
+            if (activeLink)
+                setCurrentLink(navigation, activeLink);
+        }, {
+            rootMargin: "-10% 0px -60% 0px",
+            threshold: [0, 0.5]
+        });
+        for (const target of linksByTarget.keys())
+            observer.observe(target);
+        observers.push(observer);
+    }
+    return observers;
+}
+export function initInPageNavigations(options = {}) {
+    const root = options.root ?? document;
+    for (const toggle of Array.from(root.querySelectorAll(TOGGLE_SELECTOR))) {
+        if (controlledList(toggle)) {
+            syncToggle(toggle, toggle.getAttribute("aria-expanded") === "true", options);
+        }
+    }
+    const observers = options.observeCurrent === false ? [] : currentObservers(root);
+    const onClick = (event) => {
+        const toggle = closestElement(event.target, TOGGLE_SELECTOR);
+        if (toggle && root.contains(toggle) && controlledList(toggle)) {
+            event.preventDefault();
+            syncToggle(toggle, toggle.getAttribute("aria-expanded") !== "true", options);
+            return;
+        }
+        const link = closestElement(event.target, LINK_SELECTOR);
+        const navigation = link?.closest(ROOT_SELECTOR);
+        if (link && navigation && root.contains(navigation)) {
+            setCurrentLink(navigation, link);
+            const navigationToggle = navigation.querySelector(TOGGLE_SELECTOR);
+            if (navigationToggle?.getAttribute("aria-expanded") === "true") {
+                syncToggle(navigationToggle, false, options);
+            }
+        }
+    };
+    const onKeyDown = (event) => {
+        if (!(event instanceof KeyboardEvent) || event.key !== "Escape")
+            return;
+        const navigation = closestElement(event.target, ROOT_SELECTOR);
+        const toggle = navigation?.querySelector(TOGGLE_SELECTOR);
+        if (!toggle || toggle.getAttribute("aria-expanded") !== "true")
+            return;
+        event.preventDefault();
+        syncToggle(toggle, false, options);
+        toggle.focus();
+    };
+    root.addEventListener("click", onClick);
+    root.addEventListener("keydown", onKeyDown);
+    return () => {
+        root.removeEventListener("click", onClick);
+        root.removeEventListener("keydown", onKeyDown);
+        for (const observer of observers)
+            observer.disconnect();
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,37 @@
+export { initAccordions, toggleAccordionButton } from "./accordion.js";
+export { initApplicationLayouts } from "./application-layout.js";
+export { initBaselineGridToggles, setupBaselineGridToggle } from "./baseline-grid.js";
+export { generateBaselineGridOverlayCss, generateBaselineGridThemeOverrideCss } from "./baseline-grid-overlay.js";
+export { initCodeSnippets } from "./code-snippet.js";
+export { initContextualMenus } from "./contextual-menu.js";
+export { initInPageNavigations } from "./in-page-navigation.js";
+export { initInteractiveFeedback, initNotificationDismissals, initPasswordReveals } from "./interactive-feedback.js";
+export { initExpandingTables, initInteractiveTables, initMobileCardTables, initSortableTables } from "./interactive-tables.js";
+export { initListTree } from "./list-tree.js";
+export { initPanelDrawers } from "./panel-drawer.js";
+export { initRangeControls, setupRangeControl, updateRangeFill } from "./range-controls.js";
+export { initResizableAsides } from "./resizable-aside.js";
+export { initSideNavigations } from "./side-navigation.js";
+export { initTopNavigations } from "./top-navigation.js";
+export { initTabs } from "./tabs.js";
+export { initTooltips } from "./tooltip.js";
+export { isTierName, tierDescriptions, tierNames } from "./tier-registry.js";
+export type { AccordionInitOptions } from "./accordion.js";
+export type { ApplicationLayoutInitOptions } from "./application-layout.js";
+export type { BaselineGridInitOptions } from "./baseline-grid.js";
+export type { BaselineGridOverlayOptions } from "./baseline-grid-overlay.js";
+export type { CodeSnippetInitOptions } from "./code-snippet.js";
+export type { ContextualMenuInitOptions } from "./contextual-menu.js";
+export type { InPageNavigationInitOptions } from "./in-page-navigation.js";
+export type { InteractiveFeedbackInitOptions, NotificationDismissInitOptions, PasswordRevealInitOptions } from "./interactive-feedback.js";
+export type { ExpandingTableInitOptions, InteractiveTablesInitOptions, MobileCardTableInitOptions, SortableTableInitOptions, TableSortCompare, TableSortContext, TableSortDirection } from "./interactive-tables.js";
+export type { ListTreeInitOptions } from "./list-tree.js";
+export type { PanelDrawerInitOptions } from "./panel-drawer.js";
+export type { RangeControlsInitOptions } from "./range-controls.js";
+export type { ResizableAsideInitOptions } from "./resizable-aside.js";
+export type { SideNavigationInitOptions } from "./side-navigation.js";
+export type { TopNavigationInitOptions } from "./top-navigation.js";
+export type { BaselineGeneratorTokens, BuildThemeResult, ComponentTokens, DeriveBaselineTokensResult, LayoutTokens, ThemeComponentsConfig, ThemeConfig, ThemeElementConfig, ThemeFontFile, ThemeLayoutConfig, ThemeSurface, ThemeSurfaceManifest, ThemeSurfaceManifestEntry, ThemeTokens, TypographyToken } from "./types.js";
+export type { BuiltInThemeName, PresetName, TierName } from "./tier-registry.js";
+export type { TabsInitOptions } from "./tabs.js";
+export type { TooltipInitOptions } from "./tooltip.js";

package/dist/index.js

@@ -0,0 +1,18 @@
+export { initAccordions, toggleAccordionButton } from "./accordion.js";
+export { initApplicationLayouts } from "./application-layout.js";
+export { initBaselineGridToggles, setupBaselineGridToggle } from "./baseline-grid.js";
+export { generateBaselineGridOverlayCss, generateBaselineGridThemeOverrideCss } from "./baseline-grid-overlay.js";
+export { initCodeSnippets } from "./code-snippet.js";
+export { initContextualMenus } from "./contextual-menu.js";
+export { initInPageNavigations } from "./in-page-navigation.js";
+export { initInteractiveFeedback, initNotificationDismissals, initPasswordReveals } from "./interactive-feedback.js";
+export { initExpandingTables, initInteractiveTables, initMobileCardTables, initSortableTables } from "./interactive-tables.js";
+export { initListTree } from "./list-tree.js";
+export { initPanelDrawers } from "./panel-drawer.js";
+export { initRangeControls, setupRangeControl, updateRangeFill } from "./range-controls.js";
+export { initResizableAsides } from "./resizable-aside.js";
+export { initSideNavigations } from "./side-navigation.js";
+export { initTopNavigations } from "./top-navigation.js";
+export { initTabs } from "./tabs.js";
+export { initTooltips } from "./tooltip.js";
+export { isTierName, tierDescriptions, tierNames } from "./tier-registry.js";

package/dist/interactive-feedback.d.ts

@@ -0,0 +1,14 @@
+export interface PasswordRevealInitOptions {
+    root?: ParentNode;
+    showLabel?: string;
+    hideLabel?: string;
+}
+export interface NotificationDismissInitOptions {
+    root?: ParentNode;
+}
+export interface InteractiveFeedbackInitOptions extends PasswordRevealInitOptions {
+    root?: ParentNode;
+}
+export declare function initPasswordReveals(options?: PasswordRevealInitOptions): () => void;
+export declare function initNotificationDismissals(options?: NotificationDismissInitOptions): () => void;
+export declare function initInteractiveFeedback(options?: InteractiveFeedbackInitOptions): () => void;

package/dist/interactive-feedback.js

@@ -0,0 +1,96 @@
+const PASSWORD_REVEAL_SELECTOR = ".bf-password-reveal[aria-controls]";
+const PASSWORD_REVEAL_LABEL_SELECTOR = ".bf-password-reveal-label";
+const NOTIFICATION_CLOSE_SELECTOR = ".bf-notification-close[aria-controls]";
+function closestButton(target, selector) {
+    if (!(target instanceof Element)) {
+        return null;
+    }
+    return target.closest(selector);
+}
+function controlledElement(control, expectedSelector) {
+    const controlledId = control.getAttribute("aria-controls");
+    if (!controlledId) {
+        return null;
+    }
+    const ownerDocument = control.ownerDocument;
+    const element = ownerDocument.getElementById(controlledId);
+    return element?.matches(expectedSelector) ? element : null;
+}
+function passwordLabel(toggle, fallback, state) {
+    const attribute = state === "show" ? "data-bf-show-label" : "data-bf-hide-label";
+    return toggle.getAttribute(attribute)?.trim() || fallback;
+}
+function syncPasswordReveal(toggle, input, showLabel, hideLabel) {
+    const isRevealed = input.type === "text";
+    const label = passwordLabel(toggle, isRevealed ? hideLabel : showLabel, isRevealed ? "hide" : "show");
+    toggle.setAttribute("aria-pressed", String(isRevealed));
+    const visibleLabel = toggle.querySelector(PASSWORD_REVEAL_LABEL_SELECTOR);
+    if (visibleLabel) {
+        visibleLabel.textContent = label;
+    }
+}
+export function initPasswordReveals(options = {}) {
+    const root = options.root ?? document;
+    const showLabel = options.showLabel ?? "Show password";
+    const hideLabel = options.hideLabel ?? "Hide password";
+    for (const toggle of Array.from(root.querySelectorAll(PASSWORD_REVEAL_SELECTOR))) {
+        const input = controlledElement(toggle, "input[type='password'], input[type='text']");
+        if (input) {
+            syncPasswordReveal(toggle, input, showLabel, hideLabel);
+        }
+    }
+    const onClick = (event) => {
+        const toggle = closestButton(event.target, PASSWORD_REVEAL_SELECTOR);
+        if (!toggle || !root.contains(toggle)) {
+            return;
+        }
+        const input = controlledElement(toggle, "input[type='password'], input[type='text']");
+        if (!input) {
+            return;
+        }
+        event.preventDefault();
+        input.type = input.type === "password" ? "text" : "password";
+        syncPasswordReveal(toggle, input, showLabel, hideLabel);
+    };
+    root.addEventListener("click", onClick);
+    return () => root.removeEventListener("click", onClick);
+}
+export function initNotificationDismissals(options = {}) {
+    const root = options.root ?? document;
+    const onClick = (event) => {
+        const closeButton = closestButton(event.target, NOTIFICATION_CLOSE_SELECTOR);
+        if (!closeButton || !root.contains(closeButton)) {
+            return;
+        }
+        const notification = controlledElement(closeButton, ".bf-notification");
+        if (!notification) {
+            return;
+        }
+        event.preventDefault();
+        if (closeButton.ownerDocument.activeElement === closeButton) {
+            const visibleNotifications = Array.from(root.querySelectorAll(".bf-notification:not([hidden])"));
+            const notificationIndex = visibleNotifications.indexOf(notification);
+            const focusTarget = visibleNotifications[notificationIndex + 1] ??
+                visibleNotifications[notificationIndex - 1] ??
+                notification.parentElement;
+            if (focusTarget && focusTarget !== notification) {
+                if (!focusTarget.hasAttribute("tabindex")) {
+                    focusTarget.tabIndex = -1;
+                    focusTarget.addEventListener("blur", () => focusTarget.removeAttribute("tabindex"), { once: true });
+                }
+                focusTarget.focus({ preventScroll: true });
+            }
+        }
+        notification.hidden = true;
+    };
+    root.addEventListener("click", onClick);
+    return () => root.removeEventListener("click", onClick);
+}
+export function initInteractiveFeedback(options = {}) {
+    const disposePasswordReveals = initPasswordReveals(options);
+    const disposeNotificationDismissals = initNotificationDismissals(options);
+    return () => {
+        disposeNotificationDismissals();
+        disposePasswordReveals();
+    };
+}

package/dist/interactive-tables.d.ts

@@ -0,0 +1,28 @@
+export type TableSortDirection = "none" | "ascending" | "descending";
+export interface TableSortContext {
+    columnIndex: number;
+    direction: Exclude<TableSortDirection, "none">;
+    table: HTMLTableElement;
+}
+export type TableSortCompare = (valueA: string, valueB: string, context: TableSortContext) => number;
+export interface SortableTableInitOptions {
+    root?: ParentNode;
+    compare?: TableSortCompare;
+    locale?: string | string[];
+}
+export interface ExpandingTableInitOptions {
+    root?: ParentNode;
+    expandedLabel?: string;
+    collapsedLabel?: string;
+}
+export interface MobileCardTableInitOptions {
+    root?: ParentNode;
+}
+export interface InteractiveTablesInitOptions extends SortableTableInitOptions {
+    expandedLabel?: string;
+    collapsedLabel?: string;
+}
+export declare function initSortableTables(options?: SortableTableInitOptions): () => void;
+export declare function initExpandingTables(options?: ExpandingTableInitOptions): () => void;
+export declare function initMobileCardTables(options?: MobileCardTableInitOptions): () => void;
+export declare function initInteractiveTables(options?: InteractiveTablesInitOptions): () => void;