@trebired/frontend 0.3.0

package/dist/modal/index.js

@@ -0,0 +1,184 @@
+import { cssEscape, queryAll, resolveDocumentTarget, } from "../dom/index.js";
+import { moveLayerElementToTop, portalElement, stackZIndex, applyZIndex, } from "../layer/index.js";
+const MODAL_BASE_Z_INDEX = 1060;
+const MODAL_SELECTOR = "[data-tbf-modal]";
+const MODAL_CONTENT_SELECTOR = "[data-tbf-modal-content]";
+const MODAL_CLOSE_SELECTOR = "[data-tbf-modal-close]";
+const MODAL_TRIGGER_SELECTOR = "[data-tbf-modal-open][aria-controls]";
+const FOCUSABLE_SELECTOR = [
+    "button:not([disabled])",
+    "[href]",
+    "input:not([disabled]):not([type='hidden'])",
+    "select:not([disabled])",
+    "textarea:not([disabled])",
+    "[tabindex]:not([tabindex='-1'])",
+].join(",");
+const modalStack = [];
+const triggerBindings = new WeakMap();
+let listenersInstalled = false;
+let originalBodyOverflow = "";
+function findModalTarget(root, trigger) {
+    const id = String(trigger.getAttribute("aria-controls") || "").trim();
+    if (!id)
+        return null;
+    const scoped = root.querySelector(`#${cssEscape(id)}`);
+    if (scoped instanceof HTMLElement)
+        return scoped;
+    return resolveDocumentTarget(`#${id}`);
+}
+function prepareModal(modal) {
+    modal.setAttribute("data-tbf-modal", "");
+    if (!modal.hasAttribute("role"))
+        modal.setAttribute("role", "dialog");
+    if (!modal.hasAttribute("aria-hidden"))
+        modal.setAttribute("aria-hidden", "true");
+    modal.removeAttribute("data-tbf-open");
+    modal.removeAttribute("data-tbf-opening");
+    modal.removeAttribute("data-tbf-closing");
+}
+function focusModal(modal) {
+    const target = modal.querySelector("[autofocus]") ||
+        modal.querySelector(MODAL_CONTENT_SELECTOR) ||
+        modal.querySelector(FOCUSABLE_SELECTOR) ||
+        modal;
+    if (!target.hasAttribute("tabindex"))
+        target.setAttribute("tabindex", "-1");
+    target.focus({ preventScroll: true });
+}
+function lockBodyScroll(lock) {
+    if (!document.body)
+        return;
+    if (lock && modalStack.length === 1) {
+        originalBodyOverflow = document.body.style.overflow;
+        document.body.style.overflow = "hidden";
+    }
+    if (!lock && modalStack.length === 0) {
+        document.body.style.overflow = originalBodyOverflow;
+    }
+}
+function setTopStates() {
+    modalStack.forEach((entry, index) => {
+        const top = index === modalStack.length - 1;
+        entry.modal.toggleAttribute("inert", !top);
+        entry.modal.setAttribute("aria-hidden", top ? "false" : "true");
+        entry.modal.setAttribute("data-tbf-top", top ? "true" : "false");
+    });
+}
+function openModal(modalOrSelector, trigger = null) {
+    const modal = resolveDocumentTarget(modalOrSelector);
+    if (!(modal instanceof HTMLElement))
+        return null;
+    prepareModal(modal);
+    portalElement(modal);
+    moveLayerElementToTop(modal);
+    const existingIndex = modalStack.findIndex((entry) => entry.modal === modal);
+    if (existingIndex >= 0)
+        modalStack.splice(existingIndex, 1);
+    modalStack.push({ modal, trigger });
+    applyZIndex(modal, {
+        fallback: stackZIndex(MODAL_BASE_Z_INDEX, modalStack.length - 1),
+    });
+    modal.setAttribute("data-tbf-opening", "true");
+    modal.setAttribute("aria-hidden", "false");
+    setTopStates();
+    lockBodyScroll(true);
+    window.requestAnimationFrame(() => {
+        modal.removeAttribute("data-tbf-opening");
+        modal.setAttribute("data-tbf-open", "true");
+        focusModal(modal);
+        modal.dispatchEvent(new CustomEvent("tbf:modal-ready", { bubbles: true }));
+    });
+    return modal;
+}
+function closeModal(modalOrSelector) {
+    const modal = modalOrSelector
+        ? resolveDocumentTarget(modalOrSelector)
+        : modalStack[modalStack.length - 1]?.modal;
+    if (!(modal instanceof HTMLElement))
+        return false;
+    const index = modalStack.findIndex((entry) => entry.modal === modal);
+    if (index < 0)
+        return false;
+    const [entry] = modalStack.splice(index, 1);
+    modal.removeAttribute("data-tbf-open");
+    modal.setAttribute("data-tbf-closing", "true");
+    modal.setAttribute("aria-hidden", "true");
+    window.setTimeout(() => {
+        modal.removeAttribute("data-tbf-closing");
+        modal.removeAttribute("data-tbf-top");
+        modal.toggleAttribute("inert", true);
+    }, 220);
+    setTopStates();
+    lockBodyScroll(false);
+    entry.trigger?.focus?.({ preventScroll: true });
+    return true;
+}
+function closeAllModals() {
+    Array.from(modalStack)
+        .reverse()
+        .forEach((entry) => closeModal(entry.modal));
+}
+function bindModalTrigger(trigger, root = document) {
+    if (!(trigger instanceof HTMLElement))
+        return null;
+    const modal = findModalTarget(root, trigger);
+    if (!(modal instanceof HTMLElement))
+        return null;
+    prepareModal(modal);
+    trigger.setAttribute("aria-haspopup", "dialog");
+    const existing = triggerBindings.get(trigger);
+    if (existing)
+        return modal;
+    const onClick = (event) => {
+        event.preventDefault();
+        openModal(modal, trigger);
+    };
+    trigger.addEventListener("click", onClick);
+    triggerBindings.set(trigger, () => trigger.removeEventListener("click", onClick));
+    installModalListeners();
+    return modal;
+}
+function bindModals(root = document) {
+    queryAll(root, MODAL_SELECTOR).forEach(prepareModal);
+    queryAll(root, MODAL_TRIGGER_SELECTOR).forEach((trigger) => {
+        bindModalTrigger(trigger, root);
+    });
+}
+function installModalListeners() {
+    if (listenersInstalled)
+        return;
+    listenersInstalled = true;
+    document.addEventListener("click", (event) => {
+        const target = event.target instanceof Element ? event.target : null;
+        const closer = target?.closest(MODAL_CLOSE_SELECTOR);
+        if (closer)
+            closeModal(closer.closest(MODAL_SELECTOR));
+    });
+    document.addEventListener("keydown", (event) => {
+        if (event.key === "Escape")
+            closeModal();
+    });
+}
+function createModal(options) {
+    const modal = document.createElement("div");
+    modal.id = options.id;
+    modal.className = "tbf-modal";
+    modal.setAttribute("data-tbf-modal", "");
+    const content = document.createElement("div");
+    content.className = "tbf-modal__content";
+    content.setAttribute("data-tbf-modal-content", "");
+    if (options.title) {
+        const title = document.createElement("h2");
+        title.textContent = options.title;
+        content.appendChild(title);
+    }
+    if (typeof options.content === "string")
+        content.insertAdjacentHTML("beforeend", options.content);
+    else if (options.content)
+        content.appendChild(options.content);
+    modal.appendChild(content);
+    prepareModal(modal);
+    return modal;
+}
+export { FOCUSABLE_SELECTOR, MODAL_CLOSE_SELECTOR, MODAL_CONTENT_SELECTOR, MODAL_SELECTOR, MODAL_TRIGGER_SELECTOR, bindModalTrigger, bindModals, closeAllModals, closeModal, createModal, openModal, prepareModal, };
+//# sourceMappingURL=index.js.map

package/dist/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modal/index.ts"],"names":[],"mappings":"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"}

package/dist/modal/styles/index.scss

@@ -0,0 +1,50 @@
+.tbf-modal,
+[data-tbf-modal] {
+  position: fixed;
+  inset: 0;
+  display: grid;
+  place-items: center;
+  box-sizing: border-box;
+  padding: 24px;
+  background: var(--tbf-overlay, rgb(0 0 0 / 48%));
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  transition:
+    opacity var(--tbf-transition-normal) ease,
+    visibility 0s linear var(--tbf-transition-normal);
+}
+
+[data-tbf-modal][data-tbf-open="true"],
+[data-tbf-modal][data-tbf-opening="true"],
+[data-tbf-modal][data-tbf-closing="true"] {
+  visibility: visible;
+}
+
+[data-tbf-modal][data-tbf-open="true"] {
+  opacity: 1;
+  pointer-events: auto;
+  transition:
+    opacity var(--tbf-transition-normal) ease,
+    visibility 0s;
+}
+
+.tbf-modal__content,
+[data-tbf-modal-content] {
+  width: min(720px, calc(100vw - 48px));
+  max-height: min(80vh, 720px);
+  box-sizing: border-box;
+  padding: 20px;
+  overflow-y: auto;
+  border: var(--tbf-border-width, 1px) solid var(--tbf-border, #000);
+  border-radius: var(--tbf-radius, 0);
+  color: var(--tbf-text, #000);
+  background: var(--tbf-surface, #fff);
+  box-shadow: var(--tbf-shadow, 0 0 0 1px #000);
+  transform: scale(0.96);
+  transition: transform var(--tbf-transition-normal) ease;
+}
+
+[data-tbf-modal][data-tbf-open="true"] [data-tbf-modal-content] {
+  transform: scale(1);
+}

package/dist/popover/components/index.d.ts

@@ -0,0 +1,14 @@
+import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from "react";
+type PopoverPanelProps = HTMLAttributes<HTMLDivElement> & {
+    children?: ReactNode;
+};
+type PopoverOpenButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    controls: string;
+    hover?: boolean;
+};
+declare function PopoverPanel(props: PopoverPanelProps): import("react").JSX.Element;
+declare function PopoverOpenButton(props: PopoverOpenButtonProps): import("react").JSX.Element;
+declare function PopoverCloseButton(props: ButtonHTMLAttributes<HTMLButtonElement>): import("react").JSX.Element;
+export { PopoverCloseButton, PopoverOpenButton, PopoverPanel };
+export type { PopoverOpenButtonProps, PopoverPanelProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/popover/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/popover/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AAGf,KAAK,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACxD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAY7C;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAevD;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,+BAYzE;AAED,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC;AAC/D,YAAY,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/popover/components/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames, dataBool } from "../../components/index.js";
+function PopoverPanel(props) {
+    const { children, className, ...rest } = props;
+    return (_jsx("div", { ...rest, className: classNames("tbf-popover", className), "data-tbf-popover": "", "aria-hidden": "true", children: children }));
+}
+function PopoverOpenButton(props) {
+    const { children, className, controls, hover, type = "button", ...rest } = props;
+    return (_jsx("button", { ...rest, className: classNames("tbf-button", className), "data-tbf-popover-hover": dataBool(hover), "data-tbf-popover-open": "", "aria-controls": controls, "aria-expanded": "false", type: type, children: children }));
+}
+function PopoverCloseButton(props) {
+    const { children = "Close", className, type = "button", ...rest } = props;
+    return (_jsx("button", { ...rest, className: classNames("tbf-button", className), "data-tbf-popover-close": "", type: type, children: children }));
+}
+export { PopoverCloseButton, PopoverOpenButton, PopoverPanel };
+//# sourceMappingURL=index.js.map

package/dist/popover/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/popover/components/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAWrD,SAAS,YAAY,CAAC,KAAwB;IAC5C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/C,OAAO,CACL,iBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,sBAC9B,EAAE,iBACP,MAAM,YAEjB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,KAA6B;IACtD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACjF,OAAO,CACL,oBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,4BACtB,QAAQ,CAAC,KAAK,CAAC,2BACjB,EAAE,mBACT,QAAQ,mBACT,OAAO,EACrB,IAAI,EAAE,IAAI,YAET,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,KAA8C;IACxE,MAAM,EAAE,QAAQ,GAAG,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC1E,OAAO,CACL,oBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,4BACvB,EAAE,EACzB,IAAI,EAAE,IAAI,YAET,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC"}

package/dist/popover/index.d.ts

@@ -0,0 +1,16 @@
+import { type BindRoot } from "../dom/index.d.ts";
+declare const POPOVER_TRIGGER_SELECTOR = "[data-tbf-popover-open][aria-controls]";
+declare const POPOVER_CLOSE_SELECTOR = "[data-tbf-popover-close]";
+type PopoverEntry = {
+    hover: boolean;
+    popover: HTMLElement;
+    trigger: HTMLElement;
+};
+declare function showPopover(entry: PopoverEntry): void;
+declare function hidePopover(popoverOrTrigger?: HTMLElement | null): boolean;
+declare function togglePopover(entry: PopoverEntry): void;
+declare function bindPopoverTrigger(trigger: HTMLElement | null, root?: BindRoot): PopoverEntry;
+declare function bindPopovers(root?: BindRoot): void;
+export { POPOVER_CLOSE_SELECTOR, POPOVER_TRIGGER_SELECTOR, bindPopoverTrigger, bindPopovers, hidePopover, showPopover, togglePopover, };
+export type { PopoverEntry };
+//# sourceMappingURL=index.d.ts.map

package/dist/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQpF,QAAA,MAAM,wBAAwB,2CAA2C,CAAC;AAC1E,QAAA,MAAM,sBAAsB,6BAA6B,CAAC;AAE1D,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AA2CF,iBAAS,WAAW,CAAC,KAAK,EAAE,YAAY,QAUvC;AAED,iBAAS,WAAW,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,WAUzD;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,YAAY,QAGzC;AAYD,iBAAS,kBAAkB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,GAAE,QAAmB,gBA6BjF;AAED,iBAAS,YAAY,CAAC,IAAI,GAAE,QAAmB,QAI9C;AAmBD,OAAO,EACL,sBAAsB,EACtB,wBAAwB,EACxB,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,WAAW,EACX,aAAa,GACd,CAAC;AACF,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/popover/index.js

@@ -0,0 +1,140 @@
+import { cssEscape, queryAll, setAriaExpanded } from "../dom/index.js";
+import { moveLayerElementToTop, portalElement, promoteZIndex, } from "../layer/index.js";
+const POPOVER_BASE_Z_INDEX = 1040;
+const POPOVER_TRIGGER_SELECTOR = "[data-tbf-popover-open][aria-controls]";
+const POPOVER_CLOSE_SELECTOR = "[data-tbf-popover-close]";
+const entries = new Map();
+const cleanups = new WeakMap();
+let openEntry = null;
+let listenersInstalled = false;
+function clamp(value, min, max) {
+    return Math.max(min, Math.min(max, value));
+}
+function findPopoverTarget(root, id) {
+    const scoped = root.querySelector(`#${cssEscape(id)}`);
+    if (scoped instanceof HTMLElement)
+        return scoped;
+    const global = document.getElementById(id);
+    return global instanceof HTMLElement ? global : null;
+}
+function placePopover(trigger, popover) {
+    const anchor = trigger.getBoundingClientRect();
+    const rect = popover.getBoundingClientRect();
+    const gap = 8;
+    const vw = window.innerWidth;
+    const vh = window.innerHeight;
+    const below = anchor.bottom + gap + rect.height <= vh;
+    const top = below
+        ? anchor.bottom + gap
+        : clamp(anchor.top - gap - rect.height, gap, vh - rect.height - gap);
+    const left = clamp(anchor.left + anchor.width / 2 - rect.width / 2, gap, vw - rect.width - gap);
+    popover.style.top = `${top}px`;
+    popover.style.left = `${left}px`;
+    popover.setAttribute("data-tbf-position", below ? "below" : "above");
+}
+function setPopoverExpanded(entry, open) {
+    setAriaExpanded(entry.trigger, open);
+    entry.popover.setAttribute("aria-hidden", open ? "false" : "true");
+}
+function showPopover(entry) {
+    if (openEntry && openEntry !== entry)
+        hidePopover(openEntry.popover);
+    portalElement(entry.popover);
+    moveLayerElementToTop(entry.popover);
+    promoteZIndex(entry.popover, { fallback: POPOVER_BASE_Z_INDEX });
+    entry.popover.setAttribute("data-tbf-popover", "");
+    placePopover(entry.trigger, entry.popover);
+    entry.popover.setAttribute("data-tbf-open", "true");
+    setPopoverExpanded(entry, true);
+    openEntry = entry;
+}
+function hidePopover(popoverOrTrigger) {
+    const entry = popoverOrTrigger
+        ? entries.get(popoverOrTrigger) ||
+            Array.from(entries.values()).find((item) => item.popover === popoverOrTrigger)
+        : openEntry;
+    if (!entry)
+        return false;
+    entry.popover.removeAttribute("data-tbf-open");
+    setPopoverExpanded(entry, false);
+    if (openEntry === entry)
+        openEntry = null;
+    return true;
+}
+function togglePopover(entry) {
+    if (openEntry === entry)
+        hidePopover(entry.popover);
+    else
+        showPopover(entry);
+}
+function bindPopoverClose(entry) {
+    const onClick = (event) => {
+        const target = event.target instanceof Element ? event.target : null;
+        const close = target?.closest(POPOVER_CLOSE_SELECTOR);
+        if (close && entry.popover.contains(close))
+            hidePopover(entry.popover);
+    };
+    entry.popover.addEventListener("click", onClick);
+    return () => entry.popover.removeEventListener("click", onClick);
+}
+function bindPopoverTrigger(trigger, root = document) {
+    if (!(trigger instanceof HTMLElement))
+        return null;
+    const id = String(trigger.getAttribute("aria-controls") || "").trim();
+    const popover = id ? findPopoverTarget(root, id) : null;
+    if (!(popover instanceof HTMLElement))
+        return null;
+    const existing = entries.get(trigger);
+    if (existing?.popover === popover)
+        return existing;
+    cleanups.get(trigger)?.();
+    const entry = {
+        hover: trigger.getAttribute("data-tbf-popover-hover") === "true",
+        popover,
+        trigger,
+    };
+    popover.setAttribute("data-tbf-popover", "");
+    setPopoverExpanded(entry, false);
+    const onClick = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        togglePopover(entry);
+    };
+    trigger.addEventListener("click", onClick);
+    const closeCleanup = bindPopoverClose(entry);
+    cleanups.set(trigger, () => {
+        trigger.removeEventListener("click", onClick);
+        closeCleanup();
+    });
+    entries.set(trigger, entry);
+    installPopoverListeners();
+    return entry;
+}
+function bindPopovers(root = document) {
+    queryAll(root, POPOVER_TRIGGER_SELECTOR).forEach((trigger) => {
+        bindPopoverTrigger(trigger, root);
+    });
+}
+function installPopoverListeners() {
+    if (listenersInstalled)
+        return;
+    listenersInstalled = true;
+    document.addEventListener("click", (event) => {
+        const target = event.target instanceof Node ? event.target : null;
+        if (!openEntry || !target)
+            return;
+        if (openEntry.popover.contains(target) || openEntry.trigger.contains(target))
+            return;
+        hidePopover();
+    });
+    document.addEventListener("keydown", (event) => {
+        if (event.key === "Escape")
+            hidePopover();
+    });
+    window.addEventListener("resize", () => {
+        if (openEntry)
+            placePopover(openEntry.trigger, openEntry.popover);
+    });
+}
+export { POPOVER_CLOSE_SELECTOR, POPOVER_TRIGGER_SELECTOR, bindPopoverTrigger, bindPopovers, hidePopover, showPopover, togglePopover, };
+//# sourceMappingURL=index.js.map

package/dist/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/popover/index.ts"],"names":[],"mappings":"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"}

package/dist/popover/styles/index.scss

@@ -0,0 +1,24 @@
+.tbf-popover,
+[data-tbf-popover] {
+  position: fixed;
+  min-width: 220px;
+  max-width: min(320px, calc(100vw - 24px));
+  padding: 8px;
+  border: var(--tbf-border-width, 1px) solid var(--tbf-border, #000);
+  border-radius: var(--tbf-radius, 0);
+  color: var(--tbf-text, #000);
+  background: var(--tbf-surface, #fff);
+  box-shadow: var(--tbf-shadow, 0 0 0 1px #000);
+  opacity: 0;
+  pointer-events: none;
+  transform: translateY(8px);
+  transition:
+    opacity var(--tbf-transition-fast) ease,
+    transform var(--tbf-transition-fast) ease;
+}
+
+[data-tbf-popover][data-tbf-open="true"] {
+  opacity: 1;
+  pointer-events: auto;
+  transform: translateY(0);
+}

package/dist/progress/components/index.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from "react";
+type ProgressRootProps = HTMLAttributes<HTMLDivElement> & {
+    active?: boolean;
+    id?: string;
+    value?: number;
+};
+declare function ProgressRoot(props: ProgressRootProps): import("react").JSX.Element;
+export { ProgressRoot };
+export type { ProgressRootProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/progress/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/progress/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,KAAK,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAQF,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAgB7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/progress/components/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames, dataBool } from "../../components/index.js";
+function normalizedProgress(value) {
+    const numeric = Number(value);
+    if (!Number.isFinite(numeric))
+        return 0;
+    return Math.max(0, Math.min(1, numeric));
+}
+function ProgressRoot(props) {
+    const { active, className, id = "tbf_progress", value = 0, ...rest } = props;
+    return (_jsx("div", { ...rest, className: classNames("tbf-progress", className), "data-tbf-progress-active": dataBool(active), id: id, "aria-hidden": "true", children: _jsx("span", { className: "tbf-progress__bar", style: { transform: `scaleX(${normalizedProgress(value)})` } }) }));
+}
+export { ProgressRoot };
+//# sourceMappingURL=index.js.map

package/dist/progress/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/progress/components/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQrD,SAAS,kBAAkB,CAAC,KAAyB;IACnD,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;QAAE,OAAO,CAAC,CAAC;IACxC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;AAC3C,CAAC;AAED,SAAS,YAAY,CAAC,KAAwB;IAC5C,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,GAAG,cAAc,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC7E,OAAO,CACL,iBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,8BACtB,QAAQ,CAAC,MAAM,CAAC,EAC1C,EAAE,EAAE,EAAE,iBACM,MAAM,YAElB,eACE,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,kBAAkB,CAAC,KAAK,CAAC,GAAG,EAAE,GAC5D,GACE,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/progress/index.d.ts

@@ -0,0 +1,18 @@
+declare const PROGRESS_ID = "tbf_progress";
+declare const MAX_UPLOAD_PROGRESS = 0.95;
+type ProgressHandle = {
+    begin: () => number;
+    boot: () => HTMLElement | null;
+    end: (force?: boolean) => number;
+    set: (value: number) => number;
+    setFromProgressEvent: (event: ProgressEvent) => number;
+};
+declare function setProgress(value: number): number;
+declare function beginProgress(): number;
+declare function endProgress(force?: boolean): number;
+declare function setProgressFromEvent(event: ProgressEvent): number;
+declare function bindProgress(): ProgressHandle;
+declare const progress: ProgressHandle;
+export { MAX_UPLOAD_PROGRESS, PROGRESS_ID, beginProgress, bindProgress, endProgress, progress, setProgress, setProgressFromEvent, };
+export type { ProgressHandle };
+//# sourceMappingURL=index.d.ts.map

package/dist/progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/progress/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,WAAW,iBAAiB,CAAC;AACnC,QAAA,MAAM,mBAAmB,OAAO,CAAC;AAEjC,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAC/B,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,MAAM,CAAC;IACjC,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/B,oBAAoB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,MAAM,CAAC;CACxD,CAAC;AAyBF,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,UAUjC;AAED,iBAAS,aAAa,WAQrB;AAED,iBAAS,WAAW,CAAC,KAAK,UAAQ,UAgBjC;AAED,iBAAS,oBAAoB,CAAC,KAAK,EAAE,aAAa,UAMjD;AAED,iBAAS,YAAY,mBAGpB;AAED,QAAA,MAAM,QAAQ,EAAE,cAMd,CAAC;AAEH,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,WAAW,EACX,oBAAoB,GACrB,CAAC;AACF,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/progress/index.js

@@ -0,0 +1,89 @@
+const PROGRESS_ID = "tbf_progress";
+const MAX_UPLOAD_PROGRESS = 0.95;
+let activeRequests = 0;
+function canRenderProgress() {
+    return typeof document !== "undefined" && Boolean(document.body);
+}
+function ensureProgressElement() {
+    if (!canRenderProgress())
+        return null;
+    const existing = document.getElementById(PROGRESS_ID);
+    if (existing instanceof HTMLElement)
+        return existing;
+    const root = document.createElement("div");
+    root.id = PROGRESS_ID;
+    root.className = "tbf-progress";
+    root.setAttribute("aria-hidden", "true");
+    root.innerHTML = '<span class="tbf-progress__bar"></span>';
+    document.body.appendChild(root);
+    return root;
+}
+function progressBar() {
+    return ensureProgressElement()?.querySelector(".tbf-progress__bar") || null;
+}
+function setProgress(value) {
+    const numeric = Number(value);
+    const next = Number.isFinite(numeric)
+        ? Math.max(0, Math.min(MAX_UPLOAD_PROGRESS, numeric))
+        : 0;
+    const root = ensureProgressElement();
+    const bar = progressBar();
+    if (root)
+        root.setAttribute("data-tbf-progress-active", "true");
+    if (bar)
+        bar.style.transform = `scaleX(${next})`;
+    return next;
+}
+function beginProgress() {
+    activeRequests += 1;
+    if (activeRequests === 1) {
+        setProgress(0.12);
+        const root = ensureProgressElement();
+        if (root)
+            root.setAttribute("data-tbf-progress-active", "true");
+    }
+    return activeRequests;
+}
+function endProgress(force = false) {
+    if (force)
+        activeRequests = 0;
+    else
+        activeRequests = Math.max(0, activeRequests - 1);
+    if (activeRequests === 0) {
+        const bar = progressBar();
+        if (bar)
+            bar.style.transform = "scaleX(1)";
+        window.setTimeout(() => {
+            const root = ensureProgressElement();
+            if (root && activeRequests === 0) {
+                root.removeAttribute("data-tbf-progress-active");
+                const nextBar = progressBar();
+                if (nextBar)
+                    nextBar.style.transform = "scaleX(0)";
+            }
+        }, 160);
+    }
+    return activeRequests;
+}
+function setProgressFromEvent(event) {
+    if (!event || event.lengthComputable !== true)
+        return 0;
+    const total = Number(event.total);
+    const loaded = Number(event.loaded);
+    if (!(total > 0) || loaded < 0)
+        return 0;
+    return setProgress(loaded / total);
+}
+function bindProgress() {
+    ensureProgressElement();
+    return progress;
+}
+const progress = Object.freeze({
+    begin: beginProgress,
+    boot: ensureProgressElement,
+    end: endProgress,
+    set: setProgress,
+    setFromProgressEvent: setProgressFromEvent,
+});
+export { MAX_UPLOAD_PROGRESS, PROGRESS_ID, beginProgress, bindProgress, endProgress, progress, setProgress, setProgressFromEvent, };
+//# sourceMappingURL=index.js.map

package/dist/progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/progress/index.ts"],"names":[],"mappings":"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"}