@economic/taco 12.0.0 → 14.0.0-tanstack-virtual-update.0

package/dist/utils/dom.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dom.cjs","sources":["../../src/utils/dom.ts"],"sourcesContent":["import type { TableRef } from '../primitives/Table/types';\n\n// taken from react-aria\nconst FOCUSABLE_ELEMENTS = [\n    '[tabindex]:not([tabindex=\"-1\"]):not([disabled])',\n    'input:not([disabled])',\n    'select:not([disabled])',\n    'textarea:not([disabled])',\n    'button:not([disabled])',\n    'a[href]',\n    'area[href]',\n    'summary',\n    'iframe',\n    'object',\n    'embed',\n    'audio[controls]',\n    'video[controls]',\n    '[contenteditable]:not([contenteditable=\"false\"]):not([disabled])',\n    'details:not([disabled])',\n    'summary:not(:disabled)',\n];\n\nexport const hasFocusableElement = (element: HTMLElement | null) => {\n    if (!element) {\n        return null;\n    }\n\n    return !!element.querySelector(FOCUSABLE_ELEMENTS.join(','));\n};\n\nexport const isOverflowing = (element: HTMLElement | null) =>\n    element === null ? false : element.scrollWidth > element.offsetWidth;\n\nexport const getIndexOfFirstChildOverflowingParent = (element: HTMLElement, overscan = 0) => {\n    let index = 0;\n    let boundaryChildIndex: number | null = null;\n    const clientRect = element.getBoundingClientRect();\n\n    for (const child of Array.from(element.children)) {\n        const right = child.getBoundingClientRect().right - clientRect.left;\n        const width = clientRect.width - overscan;\n\n        if (right > width) {\n            boundaryChildIndex = index;\n            break;\n        }\n        index++;\n    }\n\n    return boundaryChildIndex;\n};\n\nexport const getNextFocussableElement = (currentElement: HTMLElement | null, direction = 1) => {\n    if (!currentElement) {\n        return null;\n    }\n\n    let focussableElements = [...(document.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENTS.join(',')) as any)];\n\n    const currentElementIndex = focussableElements.indexOf(currentElement);\n\n    if (currentElementIndex > -1) {\n        focussableElements = focussableElements\n            .slice(currentElementIndex + direction)\n            .filter(element => element.getAttribute('tabindex') !== '-1')\n            // Skip Base UI focus-guard sentinels (visually hidden helpers for portal focus trapping)\n            .filter(element => !element.hasAttribute('data-base-ui-focus-guard'));\n\n        if (focussableElements.length) {\n            focussableElements = focussableElements.filter(element => (element as any).checkVisibility?.() ?? true);\n            return focussableElements[0] ?? null;\n        }\n    }\n\n    return null;\n};\n\nconst getOverlaySelector = (element: Element | null) => {\n    switch (element?.getAttribute('role')) {\n        case 'dialog':\n            return `[aria-controls='${element.id}']`;\n\n        case 'menu':\n            return `#${element.getAttribute('aria-labelledby')}`;\n\n        default:\n            return undefined;\n    }\n};\n\nexport function isElementTriggeredFromContainer(element: Element | null, container: Element | null): boolean {\n    const selector = getOverlaySelector(element) ?? getOverlaySelector(element?.closest('[role=dialog],[role=menu]') ?? null);\n\n    if (selector) {\n        const escapedSelector = CSS.escape(selector);\n\n        if (container?.querySelector(escapedSelector)) {\n            return true;\n        }\n\n        const elementInDocument = document.querySelector(escapedSelector);\n\n        if (elementInDocument === container) {\n            return true;\n        }\n\n        // if the element does exist, see if it is itself connected to somethng that was triggered from the container\n        if (elementInDocument) {\n            return isElementTriggeredFromContainer(elementInDocument, container);\n        }\n\n        return false;\n    }\n\n    return false;\n}\n\nconst isDialogOpenedFromContainer = (element: Element | null, container: Element | null) => {\n    if (!container) {\n        return false;\n    }\n\n    let currentDialog = element?.closest('[role=\"dialog\"]');\n\n    // Iteratively traverse up through nested dialogs to check if any of them were triggered from within the container\n    while (currentDialog?.id) {\n        const opener = document.querySelector(`[aria-controls=\"${currentDialog.id}\"]`);\n\n        if (!opener) {\n            return false;\n        }\n\n        if (container.contains(opener)) {\n            return true;\n        }\n\n        currentDialog = opener.closest('[role=\"dialog\"]');\n    }\n\n    return false;\n};\n\nexport function isElementInsideOrTriggeredFromContainer(element: Element | null, container: Element | null) {\n    return (\n        isElementTriggeredFromContainer(element, container) ||\n        !!container?.contains(element) ||\n        isDialogOpenedFromContainer(element, container)\n    );\n}\n\nexport function isElementInsideOverlay(element: Element | null) {\n    return !!element?.closest('[role=dialog],[role=menu]');\n}\n\nexport function isSiblingElementInsideSameParentOverlay(element: Element | null, sibling: Element | null) {\n    return !!element?.closest('[role=dialog],[role=menu]')?.contains(sibling);\n}\n\nexport function isElementInsideExternalRelatedOverlay(element: Element | null, tableRef: React.RefObject<TableRef>) {\n    return (\n        (isElementInsideOverlay(element) && !isSiblingElementInsideSameParentOverlay(element, tableRef.current)) ||\n        (isElementInteractive(element) && !isElementInsideOrTriggeredFromContainer(element, tableRef.current))\n    );\n}\n\nexport function isElementInteractive(element: Element | null) {\n    if (!element) {\n        return false;\n    }\n\n    const interactiveElements = new Set(['A', 'BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'LABEL', 'OPTION']);\n\n    const isInteractive =\n        interactiveElements.has(element.tagName) &&\n        !(element as HTMLElement).hidden &&\n        !(element as HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | HTMLButtonElement).disabled &&\n        !(element as HTMLInputElement | HTMLTextAreaElement).readOnly;\n\n    // sometimes buttons contain content like an icon, and we can't rely on pointer events being disabled\n    // so search for a focusable parent\n    if (!isInteractive) {\n        const focusableParent = element.closest(FOCUSABLE_ELEMENTS.join(','));\n        return focusableParent ? interactiveElements.has(focusableParent.tagName) : false;\n    }\n\n    return isInteractive;\n}\n\nexport function isElementInsideTable3OrReport(element: Element | null) {\n    return !!element?.closest('[data-taco^=table]');\n}\n\nexport function setDataFocusAttribute(target: Element) {\n    target.setAttribute('data-focus', 'programmatic');\n\n    const cleanup = () => {\n        target.removeAttribute('data-focus');\n        target.removeEventListener('blur', cleanup);\n    };\n\n    target.addEventListener('blur', cleanup);\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"dom.cjs","sources":["../../src/utils/dom.ts"],"sourcesContent":["import type { TableRef } from '@/primitives/Table/types';\n\n// taken from react-aria\nconst FOCUSABLE_ELEMENTS = [\n    '[tabindex]:not([tabindex=\"-1\"]):not([disabled])',\n    'input:not([disabled])',\n    'select:not([disabled])',\n    'textarea:not([disabled])',\n    'button:not([disabled])',\n    'a[href]',\n    'area[href]',\n    'summary',\n    'iframe',\n    'object',\n    'embed',\n    'audio[controls]',\n    'video[controls]',\n    '[contenteditable]:not([contenteditable=\"false\"]):not([disabled])',\n    'details:not([disabled])',\n    'summary:not(:disabled)',\n];\n\nexport const hasFocusableElement = (element: HTMLElement | null) => {\n    if (!element) {\n        return null;\n    }\n\n    return !!element.querySelector(FOCUSABLE_ELEMENTS.join(','));\n};\n\nexport const isOverflowing = (element: HTMLElement | null) =>\n    element === null ? false : element.scrollWidth > element.offsetWidth;\n\nexport const getIndexOfFirstChildOverflowingParent = (element: HTMLElement, overscan = 0) => {\n    let index = 0;\n    let boundaryChildIndex: number | null = null;\n    const clientRect = element.getBoundingClientRect();\n\n    for (const child of Array.from(element.children)) {\n        const right = child.getBoundingClientRect().right - clientRect.left;\n        const width = clientRect.width - overscan;\n\n        if (right > width) {\n            boundaryChildIndex = index;\n            break;\n        }\n        index++;\n    }\n\n    return boundaryChildIndex;\n};\n\nexport const getNextFocussableElement = (currentElement: HTMLElement | null, direction = 1) => {\n    if (!currentElement) {\n        return null;\n    }\n\n    let focussableElements = [...(document.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENTS.join(',')) as any)];\n\n    const currentElementIndex = focussableElements.indexOf(currentElement);\n\n    if (currentElementIndex > -1) {\n        focussableElements = focussableElements\n            .slice(currentElementIndex + direction)\n            .filter(element => element.getAttribute('tabindex') !== '-1')\n            // Skip Base UI focus-guard sentinels (visually hidden helpers for portal focus trapping)\n            .filter(element => !element.hasAttribute('data-base-ui-focus-guard'));\n\n        if (focussableElements.length) {\n            focussableElements = focussableElements.filter(element => (element as any).checkVisibility?.() ?? true);\n            return focussableElements[0] ?? null;\n        }\n    }\n\n    return null;\n};\n\nconst getOverlaySelector = (element: Element | null) => {\n    switch (element?.getAttribute('role')) {\n        case 'dialog':\n            return `[aria-controls='${element.id}']`;\n\n        case 'menu':\n            return `#${element.getAttribute('aria-labelledby')}`;\n\n        default:\n            return undefined;\n    }\n};\n\nexport function isElementTriggeredFromContainer(element: Element | null, container: Element | null): boolean {\n    const selector = getOverlaySelector(element) ?? getOverlaySelector(element?.closest('[role=dialog],[role=menu]') ?? null);\n\n    if (selector) {\n        const escapedSelector = CSS.escape(selector);\n\n        if (container?.querySelector(escapedSelector)) {\n            return true;\n        }\n\n        const elementInDocument = document.querySelector(escapedSelector);\n\n        if (elementInDocument === container) {\n            return true;\n        }\n\n        // if the element does exist, see if it is itself connected to somethng that was triggered from the container\n        if (elementInDocument) {\n            return isElementTriggeredFromContainer(elementInDocument, container);\n        }\n\n        return false;\n    }\n\n    return false;\n}\n\nconst isDialogOpenedFromContainer = (element: Element | null, container: Element | null) => {\n    if (!container) {\n        return false;\n    }\n\n    let currentDialog = element?.closest('[role=\"dialog\"]');\n\n    // Iteratively traverse up through nested dialogs to check if any of them were triggered from within the container\n    while (currentDialog?.id) {\n        const opener = document.querySelector(`[aria-controls=\"${currentDialog.id}\"]`);\n\n        if (!opener) {\n            return false;\n        }\n\n        if (container.contains(opener)) {\n            return true;\n        }\n\n        currentDialog = opener.closest('[role=\"dialog\"]');\n    }\n\n    return false;\n};\n\nexport function isElementInsideOrTriggeredFromContainer(element: Element | null, container: Element | null) {\n    return (\n        isElementTriggeredFromContainer(element, container) ||\n        !!container?.contains(element) ||\n        isDialogOpenedFromContainer(element, container)\n    );\n}\n\nexport function isElementInsideOverlay(element: Element | null) {\n    return !!element?.closest('[role=dialog],[role=menu]');\n}\n\nexport function isSiblingElementInsideSameParentOverlay(element: Element | null, sibling: Element | null) {\n    return !!element?.closest('[role=dialog],[role=menu]')?.contains(sibling);\n}\n\nexport function isElementInsideExternalRelatedOverlay(element: Element | null, tableRef: React.RefObject<TableRef>) {\n    return (\n        (isElementInsideOverlay(element) && !isSiblingElementInsideSameParentOverlay(element, tableRef.current)) ||\n        (isElementInteractive(element) && !isElementInsideOrTriggeredFromContainer(element, tableRef.current))\n    );\n}\n\nexport function isElementInteractive(element: Element | null) {\n    if (!element) {\n        return false;\n    }\n\n    const interactiveElements = new Set(['A', 'BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'LABEL', 'OPTION']);\n\n    const isInteractive =\n        interactiveElements.has(element.tagName) &&\n        !(element as HTMLElement).hidden &&\n        !(element as HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | HTMLButtonElement).disabled &&\n        !(element as HTMLInputElement | HTMLTextAreaElement).readOnly;\n\n    // sometimes buttons contain content like an icon, and we can't rely on pointer events being disabled\n    // so search for a focusable parent\n    if (!isInteractive) {\n        const focusableParent = element.closest(FOCUSABLE_ELEMENTS.join(','));\n        return focusableParent ? interactiveElements.has(focusableParent.tagName) : false;\n    }\n\n    return isInteractive;\n}\n\nexport function isElementInsideTable3OrReport(element: Element | null) {\n    return !!element?.closest('[data-taco^=table]');\n}\n\nexport function setDataFocusAttribute(target: Element) {\n    target.setAttribute('data-focus', 'programmatic');\n\n    const cleanup = () => {\n        target.removeAttribute('data-focus');\n        target.removeEventListener('blur', cleanup);\n    };\n\n    target.addEventListener('blur', cleanup);\n}\n"],"names":[],"mappings":"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"}

package/dist/utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sources":["../../src/utils/dom.ts"],"sourcesContent":["import type { TableRef } from '../primitives/Table/types';\n\n// taken from react-aria\nconst FOCUSABLE_ELEMENTS = [\n    '[tabindex]:not([tabindex=\"-1\"]):not([disabled])',\n    'input:not([disabled])',\n    'select:not([disabled])',\n    'textarea:not([disabled])',\n    'button:not([disabled])',\n    'a[href]',\n    'area[href]',\n    'summary',\n    'iframe',\n    'object',\n    'embed',\n    'audio[controls]',\n    'video[controls]',\n    '[contenteditable]:not([contenteditable=\"false\"]):not([disabled])',\n    'details:not([disabled])',\n    'summary:not(:disabled)',\n];\n\nexport const hasFocusableElement = (element: HTMLElement | null) => {\n    if (!element) {\n        return null;\n    }\n\n    return !!element.querySelector(FOCUSABLE_ELEMENTS.join(','));\n};\n\nexport const isOverflowing = (element: HTMLElement | null) =>\n    element === null ? false : element.scrollWidth > element.offsetWidth;\n\nexport const getIndexOfFirstChildOverflowingParent = (element: HTMLElement, overscan = 0) => {\n    let index = 0;\n    let boundaryChildIndex: number | null = null;\n    const clientRect = element.getBoundingClientRect();\n\n    for (const child of Array.from(element.children)) {\n        const right = child.getBoundingClientRect().right - clientRect.left;\n        const width = clientRect.width - overscan;\n\n        if (right > width) {\n            boundaryChildIndex = index;\n            break;\n        }\n        index++;\n    }\n\n    return boundaryChildIndex;\n};\n\nexport const getNextFocussableElement = (currentElement: HTMLElement | null, direction = 1) => {\n    if (!currentElement) {\n        return null;\n    }\n\n    let focussableElements = [...(document.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENTS.join(',')) as any)];\n\n    const currentElementIndex = focussableElements.indexOf(currentElement);\n\n    if (currentElementIndex > -1) {\n        focussableElements = focussableElements\n            .slice(currentElementIndex + direction)\n            .filter(element => element.getAttribute('tabindex') !== '-1')\n            // Skip Base UI focus-guard sentinels (visually hidden helpers for portal focus trapping)\n            .filter(element => !element.hasAttribute('data-base-ui-focus-guard'));\n\n        if (focussableElements.length) {\n            focussableElements = focussableElements.filter(element => (element as any).checkVisibility?.() ?? true);\n            return focussableElements[0] ?? null;\n        }\n    }\n\n    return null;\n};\n\nconst getOverlaySelector = (element: Element | null) => {\n    switch (element?.getAttribute('role')) {\n        case 'dialog':\n            return `[aria-controls='${element.id}']`;\n\n        case 'menu':\n            return `#${element.getAttribute('aria-labelledby')}`;\n\n        default:\n            return undefined;\n    }\n};\n\nexport function isElementTriggeredFromContainer(element: Element | null, container: Element | null): boolean {\n    const selector = getOverlaySelector(element) ?? getOverlaySelector(element?.closest('[role=dialog],[role=menu]') ?? null);\n\n    if (selector) {\n        const escapedSelector = CSS.escape(selector);\n\n        if (container?.querySelector(escapedSelector)) {\n            return true;\n        }\n\n        const elementInDocument = document.querySelector(escapedSelector);\n\n        if (elementInDocument === container) {\n            return true;\n        }\n\n        // if the element does exist, see if it is itself connected to somethng that was triggered from the container\n        if (elementInDocument) {\n            return isElementTriggeredFromContainer(elementInDocument, container);\n        }\n\n        return false;\n    }\n\n    return false;\n}\n\nconst isDialogOpenedFromContainer = (element: Element | null, container: Element | null) => {\n    if (!container) {\n        return false;\n    }\n\n    let currentDialog = element?.closest('[role=\"dialog\"]');\n\n    // Iteratively traverse up through nested dialogs to check if any of them were triggered from within the container\n    while (currentDialog?.id) {\n        const opener = document.querySelector(`[aria-controls=\"${currentDialog.id}\"]`);\n\n        if (!opener) {\n            return false;\n        }\n\n        if (container.contains(opener)) {\n            return true;\n        }\n\n        currentDialog = opener.closest('[role=\"dialog\"]');\n    }\n\n    return false;\n};\n\nexport function isElementInsideOrTriggeredFromContainer(element: Element | null, container: Element | null) {\n    return (\n        isElementTriggeredFromContainer(element, container) ||\n        !!container?.contains(element) ||\n        isDialogOpenedFromContainer(element, container)\n    );\n}\n\nexport function isElementInsideOverlay(element: Element | null) {\n    return !!element?.closest('[role=dialog],[role=menu]');\n}\n\nexport function isSiblingElementInsideSameParentOverlay(element: Element | null, sibling: Element | null) {\n    return !!element?.closest('[role=dialog],[role=menu]')?.contains(sibling);\n}\n\nexport function isElementInsideExternalRelatedOverlay(element: Element | null, tableRef: React.RefObject<TableRef>) {\n    return (\n        (isElementInsideOverlay(element) && !isSiblingElementInsideSameParentOverlay(element, tableRef.current)) ||\n        (isElementInteractive(element) && !isElementInsideOrTriggeredFromContainer(element, tableRef.current))\n    );\n}\n\nexport function isElementInteractive(element: Element | null) {\n    if (!element) {\n        return false;\n    }\n\n    const interactiveElements = new Set(['A', 'BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'LABEL', 'OPTION']);\n\n    const isInteractive =\n        interactiveElements.has(element.tagName) &&\n        !(element as HTMLElement).hidden &&\n        !(element as HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | HTMLButtonElement).disabled &&\n        !(element as HTMLInputElement | HTMLTextAreaElement).readOnly;\n\n    // sometimes buttons contain content like an icon, and we can't rely on pointer events being disabled\n    // so search for a focusable parent\n    if (!isInteractive) {\n        const focusableParent = element.closest(FOCUSABLE_ELEMENTS.join(','));\n        return focusableParent ? interactiveElements.has(focusableParent.tagName) : false;\n    }\n\n    return isInteractive;\n}\n\nexport function isElementInsideTable3OrReport(element: Element | null) {\n    return !!element?.closest('[data-taco^=table]');\n}\n\nexport function setDataFocusAttribute(target: Element) {\n    target.setAttribute('data-focus', 'programmatic');\n\n    const cleanup = () => {\n        target.removeAttribute('data-focus');\n        target.removeEventListener('blur', cleanup);\n    };\n\n    target.addEventListener('blur', cleanup);\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"dom.js","sources":["../../src/utils/dom.ts"],"sourcesContent":["import type { TableRef } from '@/primitives/Table/types';\n\n// taken from react-aria\nconst FOCUSABLE_ELEMENTS = [\n    '[tabindex]:not([tabindex=\"-1\"]):not([disabled])',\n    'input:not([disabled])',\n    'select:not([disabled])',\n    'textarea:not([disabled])',\n    'button:not([disabled])',\n    'a[href]',\n    'area[href]',\n    'summary',\n    'iframe',\n    'object',\n    'embed',\n    'audio[controls]',\n    'video[controls]',\n    '[contenteditable]:not([contenteditable=\"false\"]):not([disabled])',\n    'details:not([disabled])',\n    'summary:not(:disabled)',\n];\n\nexport const hasFocusableElement = (element: HTMLElement | null) => {\n    if (!element) {\n        return null;\n    }\n\n    return !!element.querySelector(FOCUSABLE_ELEMENTS.join(','));\n};\n\nexport const isOverflowing = (element: HTMLElement | null) =>\n    element === null ? false : element.scrollWidth > element.offsetWidth;\n\nexport const getIndexOfFirstChildOverflowingParent = (element: HTMLElement, overscan = 0) => {\n    let index = 0;\n    let boundaryChildIndex: number | null = null;\n    const clientRect = element.getBoundingClientRect();\n\n    for (const child of Array.from(element.children)) {\n        const right = child.getBoundingClientRect().right - clientRect.left;\n        const width = clientRect.width - overscan;\n\n        if (right > width) {\n            boundaryChildIndex = index;\n            break;\n        }\n        index++;\n    }\n\n    return boundaryChildIndex;\n};\n\nexport const getNextFocussableElement = (currentElement: HTMLElement | null, direction = 1) => {\n    if (!currentElement) {\n        return null;\n    }\n\n    let focussableElements = [...(document.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENTS.join(',')) as any)];\n\n    const currentElementIndex = focussableElements.indexOf(currentElement);\n\n    if (currentElementIndex > -1) {\n        focussableElements = focussableElements\n            .slice(currentElementIndex + direction)\n            .filter(element => element.getAttribute('tabindex') !== '-1')\n            // Skip Base UI focus-guard sentinels (visually hidden helpers for portal focus trapping)\n            .filter(element => !element.hasAttribute('data-base-ui-focus-guard'));\n\n        if (focussableElements.length) {\n            focussableElements = focussableElements.filter(element => (element as any).checkVisibility?.() ?? true);\n            return focussableElements[0] ?? null;\n        }\n    }\n\n    return null;\n};\n\nconst getOverlaySelector = (element: Element | null) => {\n    switch (element?.getAttribute('role')) {\n        case 'dialog':\n            return `[aria-controls='${element.id}']`;\n\n        case 'menu':\n            return `#${element.getAttribute('aria-labelledby')}`;\n\n        default:\n            return undefined;\n    }\n};\n\nexport function isElementTriggeredFromContainer(element: Element | null, container: Element | null): boolean {\n    const selector = getOverlaySelector(element) ?? getOverlaySelector(element?.closest('[role=dialog],[role=menu]') ?? null);\n\n    if (selector) {\n        const escapedSelector = CSS.escape(selector);\n\n        if (container?.querySelector(escapedSelector)) {\n            return true;\n        }\n\n        const elementInDocument = document.querySelector(escapedSelector);\n\n        if (elementInDocument === container) {\n            return true;\n        }\n\n        // if the element does exist, see if it is itself connected to somethng that was triggered from the container\n        if (elementInDocument) {\n            return isElementTriggeredFromContainer(elementInDocument, container);\n        }\n\n        return false;\n    }\n\n    return false;\n}\n\nconst isDialogOpenedFromContainer = (element: Element | null, container: Element | null) => {\n    if (!container) {\n        return false;\n    }\n\n    let currentDialog = element?.closest('[role=\"dialog\"]');\n\n    // Iteratively traverse up through nested dialogs to check if any of them were triggered from within the container\n    while (currentDialog?.id) {\n        const opener = document.querySelector(`[aria-controls=\"${currentDialog.id}\"]`);\n\n        if (!opener) {\n            return false;\n        }\n\n        if (container.contains(opener)) {\n            return true;\n        }\n\n        currentDialog = opener.closest('[role=\"dialog\"]');\n    }\n\n    return false;\n};\n\nexport function isElementInsideOrTriggeredFromContainer(element: Element | null, container: Element | null) {\n    return (\n        isElementTriggeredFromContainer(element, container) ||\n        !!container?.contains(element) ||\n        isDialogOpenedFromContainer(element, container)\n    );\n}\n\nexport function isElementInsideOverlay(element: Element | null) {\n    return !!element?.closest('[role=dialog],[role=menu]');\n}\n\nexport function isSiblingElementInsideSameParentOverlay(element: Element | null, sibling: Element | null) {\n    return !!element?.closest('[role=dialog],[role=menu]')?.contains(sibling);\n}\n\nexport function isElementInsideExternalRelatedOverlay(element: Element | null, tableRef: React.RefObject<TableRef>) {\n    return (\n        (isElementInsideOverlay(element) && !isSiblingElementInsideSameParentOverlay(element, tableRef.current)) ||\n        (isElementInteractive(element) && !isElementInsideOrTriggeredFromContainer(element, tableRef.current))\n    );\n}\n\nexport function isElementInteractive(element: Element | null) {\n    if (!element) {\n        return false;\n    }\n\n    const interactiveElements = new Set(['A', 'BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'LABEL', 'OPTION']);\n\n    const isInteractive =\n        interactiveElements.has(element.tagName) &&\n        !(element as HTMLElement).hidden &&\n        !(element as HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | HTMLButtonElement).disabled &&\n        !(element as HTMLInputElement | HTMLTextAreaElement).readOnly;\n\n    // sometimes buttons contain content like an icon, and we can't rely on pointer events being disabled\n    // so search for a focusable parent\n    if (!isInteractive) {\n        const focusableParent = element.closest(FOCUSABLE_ELEMENTS.join(','));\n        return focusableParent ? interactiveElements.has(focusableParent.tagName) : false;\n    }\n\n    return isInteractive;\n}\n\nexport function isElementInsideTable3OrReport(element: Element | null) {\n    return !!element?.closest('[data-taco^=table]');\n}\n\nexport function setDataFocusAttribute(target: Element) {\n    target.setAttribute('data-focus', 'programmatic');\n\n    const cleanup = () => {\n        target.removeAttribute('data-focus');\n        target.removeEventListener('blur', cleanup);\n    };\n\n    target.addEventListener('blur', cleanup);\n}\n"],"names":[],"mappings":"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"}

package/dist/utils/flattenChildren.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function isFragment(child) {
+  return React.isValidElement(child) && child.type === React.Fragment;
+}
+const flattenChildren = (children, keyPrefix = "") => React.Children.toArray(children).flatMap((child, index) => {
+  const key = `${keyPrefix}${React.isValidElement(child) ? child.key : `.${index}`}`;
+  return isFragment(child) ? flattenChildren(child.props.children, key) : [{ key, child }];
+});
+exports.flattenChildren = flattenChildren;
+//# sourceMappingURL=flattenChildren.cjs.map

package/dist/utils/flattenChildren.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenChildren.cjs","sources":["../../src/utils/flattenChildren.ts"],"sourcesContent":["import React from 'react';\n\n// React 19 types default `ReactElement`'s props to `unknown` when the generic\n// cannot be inferred, so declare the predicate explicitly to keep `props.children` usable.\nfunction isFragment(child: React.ReactNode): child is React.ReactElement<{ children?: React.ReactNode }> {\n    return React.isValidElement(child) && child.type === React.Fragment;\n}\n\nexport type FlattenedChild = { key: React.Key; child: React.ReactNode };\n\n// React.Children.toArray already drops null/undefined/boolean children, so only fragments need unwrapping.\n// The key comes from toArray (stable when a conditional sibling disappears, unlike an array index) and is\n// prefixed with the fragment's key when recursing, since every toArray call restarts numbering at \".0\".\nexport const flattenChildren = (children: React.ReactNode, keyPrefix = ''): FlattenedChild[] =>\n    React.Children.toArray(children).flatMap((child, index) => {\n        const key = `${keyPrefix}${React.isValidElement(child) ? child.key : `.${index}`}`;\n        return isFragment(child) ? flattenChildren(child.props.children, key) : [{ key, child }];\n    });\n"],"names":[],"mappings":";;;AAIA,SAAS,WAAW,OAAqF;AACrG,SAAO,MAAM,eAAe,KAAK,KAAK,MAAM,SAAS,MAAM;AAC/D;AAOO,MAAM,kBAAkB,CAAC,UAA2B,YAAY,OACnE,MAAM,SAAS,QAAQ,QAAQ,EAAE,QAAQ,CAAC,OAAO,UAAU;AACvD,QAAM,MAAM,GAAG,SAAS,GAAG,MAAM,eAAe,KAAK,IAAI,MAAM,MAAM,IAAI,KAAK,EAAE;AAChF,SAAO,WAAW,KAAK,IAAI,gBAAgB,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,KAAK,OAAO;AAC3F,CAAC;;"}

package/dist/utils/flattenChildren.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export type FlattenedChild = {
+    key: React.Key;
+    child: React.ReactNode;
+};
+export declare const flattenChildren: (children: React.ReactNode, keyPrefix?: string) => FlattenedChild[];

package/dist/utils/flattenChildren.js

@@ -0,0 +1,12 @@
+import React__default from "react";
+function isFragment(child) {
+  return React__default.isValidElement(child) && child.type === React__default.Fragment;
+}
+const flattenChildren = (children, keyPrefix = "") => React__default.Children.toArray(children).flatMap((child, index) => {
+  const key = `${keyPrefix}${React__default.isValidElement(child) ? child.key : `.${index}`}`;
+  return isFragment(child) ? flattenChildren(child.props.children, key) : [{ key, child }];
+});
+export {
+  flattenChildren
+};
+//# sourceMappingURL=flattenChildren.js.map

package/dist/utils/flattenChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenChildren.js","sources":["../../src/utils/flattenChildren.ts"],"sourcesContent":["import React from 'react';\n\n// React 19 types default `ReactElement`'s props to `unknown` when the generic\n// cannot be inferred, so declare the predicate explicitly to keep `props.children` usable.\nfunction isFragment(child: React.ReactNode): child is React.ReactElement<{ children?: React.ReactNode }> {\n    return React.isValidElement(child) && child.type === React.Fragment;\n}\n\nexport type FlattenedChild = { key: React.Key; child: React.ReactNode };\n\n// React.Children.toArray already drops null/undefined/boolean children, so only fragments need unwrapping.\n// The key comes from toArray (stable when a conditional sibling disappears, unlike an array index) and is\n// prefixed with the fragment's key when recursing, since every toArray call restarts numbering at \".0\".\nexport const flattenChildren = (children: React.ReactNode, keyPrefix = ''): FlattenedChild[] =>\n    React.Children.toArray(children).flatMap((child, index) => {\n        const key = `${keyPrefix}${React.isValidElement(child) ? child.key : `.${index}`}`;\n        return isFragment(child) ? flattenChildren(child.props.children, key) : [{ key, child }];\n    });\n"],"names":["React"],"mappings":";AAIA,SAAS,WAAW,OAAqF;AACrG,SAAOA,eAAM,eAAe,KAAK,KAAK,MAAM,SAASA,eAAM;AAC/D;AAOO,MAAM,kBAAkB,CAAC,UAA2B,YAAY,OACnEA,eAAM,SAAS,QAAQ,QAAQ,EAAE,QAAQ,CAAC,OAAO,UAAU;AACvD,QAAM,MAAM,GAAG,SAAS,GAAGA,eAAM,eAAe,KAAK,IAAI,MAAM,MAAM,IAAI,KAAK,EAAE;AAChF,SAAO,WAAW,KAAK,IAAI,gBAAgB,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,KAAK,OAAO;AAC3F,CAAC;"}

package/dist/utils/hooks/useListKeyboardNavigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useListKeyboardNavigation.cjs","sources":["../../../src/utils/hooks/useListKeyboardNavigation.ts"],"sourcesContent":["import React from 'react';\n\nimport type { Orientation } from '../../types';\n\nexport const getNextIndexFromKey = (\n    key: string,\n    length: number,\n    index: number | undefined,\n    direction: Orientation = 'vertical'\n): number | undefined => {\n    const previousKey = direction === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n    const nextKey = direction === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n\n    switch (key) {\n        case previousKey:\n            return index === undefined ? 0 : index - 1 < 0 ? 0 : index - 1;\n\n        case nextKey:\n            return index === undefined ? length - 1 : index + 1 >= length ? index : index + 1;\n\n        case 'Home':\n            return 0;\n\n        case 'End':\n            return length - 1;\n\n        default:\n            return;\n    }\n};\n\nexport type useListKeyboardNavigationOptions = {\n    direction?: Orientation;\n    initialIndex?: number;\n};\n\nexport const useListKeyboardNavigation = (\n    length = 0,\n    options: useListKeyboardNavigationOptions = {\n        direction: 'vertical',\n    }\n): [number | undefined, (index: number | undefined) => void, (event: React.KeyboardEvent<HTMLElement>) => number | undefined] => {\n    const [index, setIndex] = React.useState<number | undefined>(options.initialIndex);\n\n    const getNextIndex = (event: React.KeyboardEvent<HTMLElement>): number | undefined => {\n        const nextIndex = getNextIndexFromKey(event.key, length, index, options.direction);\n\n        if (nextIndex !== undefined) {\n            event.preventDefault();\n        }\n\n        return nextIndex;\n    };\n\n    return [index, setIndex, getNextIndex];\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,sBAAsB,CAC/B,KACA,QACA,OACA,YAAyB,eACJ;AACrB,QAAM,cAAc,cAAc,eAAe,cAAc;AAC/D,QAAM,UAAU,cAAc,eAAe,eAAe;AAE5D,UAAQ,KAAA;AAAA,IACJ,KAAK;AACD,aAAO,UAAU,SAAY,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ;AAAA,IAEjE,KAAK;AACD,aAAO,UAAU,SAAY,SAAS,IAAI,QAAQ,KAAK,SAAS,QAAQ,QAAQ;AAAA,IAEpF,KAAK;AACD,aAAO;AAAA,IAEX,KAAK;AACD,aAAO,SAAS;AAAA,IAEpB;AACI;AAAA,EAAA;AAEZ;AAOO,MAAM,4BAA4B,CACrC,SAAS,GACT,UAA4C;AAAA,EACxC,WAAW;AACf,MAC6H;AAC7H,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAA6B,QAAQ,YAAY;AAEjF,QAAM,eAAe,CAAC,UAAgE;AAClF,UAAM,YAAY,oBAAoB,MAAM,KAAK,QAAQ,OAAO,QAAQ,SAAS;AAEjF,QAAI,cAAc,QAAW;AACzB,YAAM,eAAA;AAAA,IACV;AAEA,WAAO;AAAA,EACX;AAEA,SAAO,CAAC,OAAO,UAAU,YAAY;AACzC;;;"}
+{"version":3,"file":"useListKeyboardNavigation.cjs","sources":["../../../src/utils/hooks/useListKeyboardNavigation.ts"],"sourcesContent":["import React from 'react';\n\nimport type { Orientation } from '@/types';\n\nexport const getNextIndexFromKey = (\n    key: string,\n    length: number,\n    index: number | undefined,\n    direction: Orientation = 'vertical'\n): number | undefined => {\n    const previousKey = direction === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n    const nextKey = direction === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n\n    switch (key) {\n        case previousKey:\n            return index === undefined ? 0 : index - 1 < 0 ? 0 : index - 1;\n\n        case nextKey:\n            return index === undefined ? length - 1 : index + 1 >= length ? index : index + 1;\n\n        case 'Home':\n            return 0;\n\n        case 'End':\n            return length - 1;\n\n        default:\n            return;\n    }\n};\n\nexport type useListKeyboardNavigationOptions = {\n    direction?: Orientation;\n    initialIndex?: number;\n};\n\nexport const useListKeyboardNavigation = (\n    length = 0,\n    options: useListKeyboardNavigationOptions = {\n        direction: 'vertical',\n    }\n): [number | undefined, (index: number | undefined) => void, (event: React.KeyboardEvent<HTMLElement>) => number | undefined] => {\n    const [index, setIndex] = React.useState<number | undefined>(options.initialIndex);\n\n    const getNextIndex = (event: React.KeyboardEvent<HTMLElement>): number | undefined => {\n        const nextIndex = getNextIndexFromKey(event.key, length, index, options.direction);\n\n        if (nextIndex !== undefined) {\n            event.preventDefault();\n        }\n\n        return nextIndex;\n    };\n\n    return [index, setIndex, getNextIndex];\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,sBAAsB,CAC/B,KACA,QACA,OACA,YAAyB,eACJ;AACrB,QAAM,cAAc,cAAc,eAAe,cAAc;AAC/D,QAAM,UAAU,cAAc,eAAe,eAAe;AAE5D,UAAQ,KAAA;AAAA,IACJ,KAAK;AACD,aAAO,UAAU,SAAY,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ;AAAA,IAEjE,KAAK;AACD,aAAO,UAAU,SAAY,SAAS,IAAI,QAAQ,KAAK,SAAS,QAAQ,QAAQ;AAAA,IAEpF,KAAK;AACD,aAAO;AAAA,IAEX,KAAK;AACD,aAAO,SAAS;AAAA,IAEpB;AACI;AAAA,EAAA;AAEZ;AAOO,MAAM,4BAA4B,CACrC,SAAS,GACT,UAA4C;AAAA,EACxC,WAAW;AACf,MAC6H;AAC7H,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAA6B,QAAQ,YAAY;AAEjF,QAAM,eAAe,CAAC,UAAgE;AAClF,UAAM,YAAY,oBAAoB,MAAM,KAAK,QAAQ,OAAO,QAAQ,SAAS;AAEjF,QAAI,cAAc,QAAW;AACzB,YAAM,eAAA;AAAA,IACV;AAEA,WAAO;AAAA,EACX;AAEA,SAAO,CAAC,OAAO,UAAU,YAAY;AACzC;;;"}

package/dist/utils/hooks/useListKeyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useListKeyboardNavigation.js","sources":["../../../src/utils/hooks/useListKeyboardNavigation.ts"],"sourcesContent":["import React from 'react';\n\nimport type { Orientation } from '../../types';\n\nexport const getNextIndexFromKey = (\n    key: string,\n    length: number,\n    index: number | undefined,\n    direction: Orientation = 'vertical'\n): number | undefined => {\n    const previousKey = direction === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n    const nextKey = direction === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n\n    switch (key) {\n        case previousKey:\n            return index === undefined ? 0 : index - 1 < 0 ? 0 : index - 1;\n\n        case nextKey:\n            return index === undefined ? length - 1 : index + 1 >= length ? index : index + 1;\n\n        case 'Home':\n            return 0;\n\n        case 'End':\n            return length - 1;\n\n        default:\n            return;\n    }\n};\n\nexport type useListKeyboardNavigationOptions = {\n    direction?: Orientation;\n    initialIndex?: number;\n};\n\nexport const useListKeyboardNavigation = (\n    length = 0,\n    options: useListKeyboardNavigationOptions = {\n        direction: 'vertical',\n    }\n): [number | undefined, (index: number | undefined) => void, (event: React.KeyboardEvent<HTMLElement>) => number | undefined] => {\n    const [index, setIndex] = React.useState<number | undefined>(options.initialIndex);\n\n    const getNextIndex = (event: React.KeyboardEvent<HTMLElement>): number | undefined => {\n        const nextIndex = getNextIndexFromKey(event.key, length, index, options.direction);\n\n        if (nextIndex !== undefined) {\n            event.preventDefault();\n        }\n\n        return nextIndex;\n    };\n\n    return [index, setIndex, getNextIndex];\n};\n"],"names":["React"],"mappings":";AAIO,MAAM,sBAAsB,CAC/B,KACA,QACA,OACA,YAAyB,eACJ;AACrB,QAAM,cAAc,cAAc,eAAe,cAAc;AAC/D,QAAM,UAAU,cAAc,eAAe,eAAe;AAE5D,UAAQ,KAAA;AAAA,IACJ,KAAK;AACD,aAAO,UAAU,SAAY,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ;AAAA,IAEjE,KAAK;AACD,aAAO,UAAU,SAAY,SAAS,IAAI,QAAQ,KAAK,SAAS,QAAQ,QAAQ;AAAA,IAEpF,KAAK;AACD,aAAO;AAAA,IAEX,KAAK;AACD,aAAO,SAAS;AAAA,IAEpB;AACI;AAAA,EAAA;AAEZ;AAOO,MAAM,4BAA4B,CACrC,SAAS,GACT,UAA4C;AAAA,EACxC,WAAW;AACf,MAC6H;AAC7H,QAAM,CAAC,OAAO,QAAQ,IAAIA,eAAM,SAA6B,QAAQ,YAAY;AAEjF,QAAM,eAAe,CAAC,UAAgE;AAClF,UAAM,YAAY,oBAAoB,MAAM,KAAK,QAAQ,OAAO,QAAQ,SAAS;AAEjF,QAAI,cAAc,QAAW;AACzB,YAAM,eAAA;AAAA,IACV;AAEA,WAAO;AAAA,EACX;AAEA,SAAO,CAAC,OAAO,UAAU,YAAY;AACzC;"}
+{"version":3,"file":"useListKeyboardNavigation.js","sources":["../../../src/utils/hooks/useListKeyboardNavigation.ts"],"sourcesContent":["import React from 'react';\n\nimport type { Orientation } from '@/types';\n\nexport const getNextIndexFromKey = (\n    key: string,\n    length: number,\n    index: number | undefined,\n    direction: Orientation = 'vertical'\n): number | undefined => {\n    const previousKey = direction === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n    const nextKey = direction === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n\n    switch (key) {\n        case previousKey:\n            return index === undefined ? 0 : index - 1 < 0 ? 0 : index - 1;\n\n        case nextKey:\n            return index === undefined ? length - 1 : index + 1 >= length ? index : index + 1;\n\n        case 'Home':\n            return 0;\n\n        case 'End':\n            return length - 1;\n\n        default:\n            return;\n    }\n};\n\nexport type useListKeyboardNavigationOptions = {\n    direction?: Orientation;\n    initialIndex?: number;\n};\n\nexport const useListKeyboardNavigation = (\n    length = 0,\n    options: useListKeyboardNavigationOptions = {\n        direction: 'vertical',\n    }\n): [number | undefined, (index: number | undefined) => void, (event: React.KeyboardEvent<HTMLElement>) => number | undefined] => {\n    const [index, setIndex] = React.useState<number | undefined>(options.initialIndex);\n\n    const getNextIndex = (event: React.KeyboardEvent<HTMLElement>): number | undefined => {\n        const nextIndex = getNextIndexFromKey(event.key, length, index, options.direction);\n\n        if (nextIndex !== undefined) {\n            event.preventDefault();\n        }\n\n        return nextIndex;\n    };\n\n    return [index, setIndex, getNextIndex];\n};\n"],"names":["React"],"mappings":";AAIO,MAAM,sBAAsB,CAC/B,KACA,QACA,OACA,YAAyB,eACJ;AACrB,QAAM,cAAc,cAAc,eAAe,cAAc;AAC/D,QAAM,UAAU,cAAc,eAAe,eAAe;AAE5D,UAAQ,KAAA;AAAA,IACJ,KAAK;AACD,aAAO,UAAU,SAAY,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ;AAAA,IAEjE,KAAK;AACD,aAAO,UAAU,SAAY,SAAS,IAAI,QAAQ,KAAK,SAAS,QAAQ,QAAQ;AAAA,IAEpF,KAAK;AACD,aAAO;AAAA,IAEX,KAAK;AACD,aAAO,SAAS;AAAA,IAEpB;AACI;AAAA,EAAA;AAEZ;AAOO,MAAM,4BAA4B,CACrC,SAAS,GACT,UAA4C;AAAA,EACxC,WAAW;AACf,MAC6H;AAC7H,QAAM,CAAC,OAAO,QAAQ,IAAIA,eAAM,SAA6B,QAAQ,YAAY;AAEjF,QAAM,eAAe,CAAC,UAAgE;AAClF,UAAM,YAAY,oBAAoB,MAAM,KAAK,QAAQ,OAAO,QAAQ,SAAS;AAEjF,QAAI,cAAc,QAAW;AACzB,YAAM,eAAA;AAAA,IACV;AAEA,WAAO;AAAA,EACX;AAEA,SAAO,CAAC,OAAO,UAAU,YAAY;AACzC;"}

package/dist/utils/storyutils.d.ts

@@ -1,5 +1,6 @@
 import { Faker } from '@faker-js/faker';
 import { default as sort } from 'fast-sort';
+export { sort };
 export type { Faker };
 export declare const faker: Faker;
 export declare const createFakeData: (creator: (faker: Faker) => any, ...length: any) => any[];
@@ -7,4 +8,3 @@ export declare const getRandomNumber: (max: number, min?: number) => number;
 export declare const iconNames: string[];
 export declare const generateId: () => string;
 export declare const sleep: (ms: number) => Promise<void>;
-export { sort };

package/dist/utils/tailwind.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.cjs","sources":["../../src/utils/tailwind.ts"],"sourcesContent":["import type { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = ['green', 'yellow', 'red', 'blue', 'purple', 'pink', 'grey', 'transparent'] as const;\n\nexport const COLOR_BY_STATE: Record<State, Color> = {\n    information: 'blue',\n    warning: 'yellow',\n    error: 'red',\n    experiment: 'purple',\n    success: 'green',\n    default: 'grey',\n};\n\nexport const OUTLINE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'border-green-500 text-green-500',\n    yellow: 'border-yellow-500 text-yellow-500',\n    red: 'border-red-500 text-red-500',\n    blue: 'border-blue-500 text-blue-500',\n    purple: 'border-purple-500 text-purple-500',\n    pink: 'border-pink-500 text-pink-500',\n    grey: 'border-gray-500 text-gray-500',\n    transparent: 'border-gray-500 text-gray-500',\n};\n\nexport const SUBTLE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-100 text-green-700',\n    yellow: 'bg-yellow-100 text-yellow-700',\n    red: 'bg-red-100 text-red-700',\n    blue: 'bg-blue-100 text-blue-700',\n    purple: 'bg-purple-100 text-purple-700',\n    pink: 'bg-pink-100 text-pink-700',\n    grey: 'bg-gray-100 text-black',\n    transparent: 'bg-black-subtle text-black',\n};\n\nexport const COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-500 text-white',\n    yellow: 'bg-yellow-200 text-black',\n    red: 'bg-red-500 text-white',\n    blue: 'bg-blue-500 text-white',\n    purple: 'bg-purple-500 text-white',\n    pink: 'bg-pink-500 text-white',\n    grey: 'bg-gray-500 text-white',\n    transparent: 'bg-black-subtle text-black',\n};\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAmB,CAAC,SAAS,UAAU,OAAO,QAAQ,UAAU,QAAQ,QAAQ,aAAa;AAEnG,MAAM,iBAAuC;AAAA,EAChD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AACb;AAEO,MAAM,gCAAuD;AAAA,EAChE,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,+BAAsD;AAAA,EAC/D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,wBAA+C;AAAA,EACxD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;;;;;;"}
+{"version":3,"file":"tailwind.cjs","sources":["../../src/utils/tailwind.ts"],"sourcesContent":["import type { Color, State } from '@/types';\n\nexport const AVAILABLE_COLORS = ['green', 'yellow', 'red', 'blue', 'purple', 'pink', 'grey', 'transparent'] as const;\n\nexport const COLOR_BY_STATE: Record<State, Color> = {\n    information: 'blue',\n    warning: 'yellow',\n    error: 'red',\n    experiment: 'purple',\n    success: 'green',\n    default: 'grey',\n};\n\nexport const OUTLINE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'border-green-500 text-green-500',\n    yellow: 'border-yellow-500 text-yellow-500',\n    red: 'border-red-500 text-red-500',\n    blue: 'border-blue-500 text-blue-500',\n    purple: 'border-purple-500 text-purple-500',\n    pink: 'border-pink-500 text-pink-500',\n    grey: 'border-gray-500 text-gray-500',\n    transparent: 'border-gray-500 text-gray-500',\n};\n\nexport const SUBTLE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-100 text-green-700',\n    yellow: 'bg-yellow-100 text-yellow-700',\n    red: 'bg-red-100 text-red-700',\n    blue: 'bg-blue-100 text-blue-700',\n    purple: 'bg-purple-100 text-purple-700',\n    pink: 'bg-pink-100 text-pink-700',\n    grey: 'bg-gray-100 text-black',\n    transparent: 'bg-black-subtle text-black',\n};\n\nexport const COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-500 text-white',\n    yellow: 'bg-yellow-200 text-black',\n    red: 'bg-red-500 text-white',\n    blue: 'bg-blue-500 text-white',\n    purple: 'bg-purple-500 text-white',\n    pink: 'bg-pink-500 text-white',\n    grey: 'bg-gray-500 text-white',\n    transparent: 'bg-black-subtle text-black',\n};\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAmB,CAAC,SAAS,UAAU,OAAO,QAAQ,UAAU,QAAQ,QAAQ,aAAa;AAEnG,MAAM,iBAAuC;AAAA,EAChD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AACb;AAEO,MAAM,gCAAuD;AAAA,EAChE,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,+BAAsD;AAAA,EAC/D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,wBAA+C;AAAA,EACxD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;;;;;;"}

package/dist/utils/tailwind.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.js","sources":["../../src/utils/tailwind.ts"],"sourcesContent":["import type { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = ['green', 'yellow', 'red', 'blue', 'purple', 'pink', 'grey', 'transparent'] as const;\n\nexport const COLOR_BY_STATE: Record<State, Color> = {\n    information: 'blue',\n    warning: 'yellow',\n    error: 'red',\n    experiment: 'purple',\n    success: 'green',\n    default: 'grey',\n};\n\nexport const OUTLINE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'border-green-500 text-green-500',\n    yellow: 'border-yellow-500 text-yellow-500',\n    red: 'border-red-500 text-red-500',\n    blue: 'border-blue-500 text-blue-500',\n    purple: 'border-purple-500 text-purple-500',\n    pink: 'border-pink-500 text-pink-500',\n    grey: 'border-gray-500 text-gray-500',\n    transparent: 'border-gray-500 text-gray-500',\n};\n\nexport const SUBTLE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-100 text-green-700',\n    yellow: 'bg-yellow-100 text-yellow-700',\n    red: 'bg-red-100 text-red-700',\n    blue: 'bg-blue-100 text-blue-700',\n    purple: 'bg-purple-100 text-purple-700',\n    pink: 'bg-pink-100 text-pink-700',\n    grey: 'bg-gray-100 text-black',\n    transparent: 'bg-black-subtle text-black',\n};\n\nexport const COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-500 text-white',\n    yellow: 'bg-yellow-200 text-black',\n    red: 'bg-red-500 text-white',\n    blue: 'bg-blue-500 text-white',\n    purple: 'bg-purple-500 text-white',\n    pink: 'bg-pink-500 text-white',\n    grey: 'bg-gray-500 text-white',\n    transparent: 'bg-black-subtle text-black',\n};\n"],"names":[],"mappings":"AAEO,MAAM,mBAAmB,CAAC,SAAS,UAAU,OAAO,QAAQ,UAAU,QAAQ,QAAQ,aAAa;AAEnG,MAAM,iBAAuC;AAAA,EAChD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AACb;AAEO,MAAM,gCAAuD;AAAA,EAChE,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,+BAAsD;AAAA,EAC/D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,wBAA+C;AAAA,EACxD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;"}
+{"version":3,"file":"tailwind.js","sources":["../../src/utils/tailwind.ts"],"sourcesContent":["import type { Color, State } from '@/types';\n\nexport const AVAILABLE_COLORS = ['green', 'yellow', 'red', 'blue', 'purple', 'pink', 'grey', 'transparent'] as const;\n\nexport const COLOR_BY_STATE: Record<State, Color> = {\n    information: 'blue',\n    warning: 'yellow',\n    error: 'red',\n    experiment: 'purple',\n    success: 'green',\n    default: 'grey',\n};\n\nexport const OUTLINE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'border-green-500 text-green-500',\n    yellow: 'border-yellow-500 text-yellow-500',\n    red: 'border-red-500 text-red-500',\n    blue: 'border-blue-500 text-blue-500',\n    purple: 'border-purple-500 text-purple-500',\n    pink: 'border-pink-500 text-pink-500',\n    grey: 'border-gray-500 text-gray-500',\n    transparent: 'border-gray-500 text-gray-500',\n};\n\nexport const SUBTLE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-100 text-green-700',\n    yellow: 'bg-yellow-100 text-yellow-700',\n    red: 'bg-red-100 text-red-700',\n    blue: 'bg-blue-100 text-blue-700',\n    purple: 'bg-purple-100 text-purple-700',\n    pink: 'bg-pink-100 text-pink-700',\n    grey: 'bg-gray-100 text-black',\n    transparent: 'bg-black-subtle text-black',\n};\n\nexport const COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-500 text-white',\n    yellow: 'bg-yellow-200 text-black',\n    red: 'bg-red-500 text-white',\n    blue: 'bg-blue-500 text-white',\n    purple: 'bg-purple-500 text-white',\n    pink: 'bg-pink-500 text-white',\n    grey: 'bg-gray-500 text-white',\n    transparent: 'bg-black-subtle text-black',\n};\n"],"names":[],"mappings":"AAEO,MAAM,mBAAmB,CAAC,SAAS,UAAU,OAAO,QAAQ,UAAU,QAAQ,QAAQ,aAAa;AAEnG,MAAM,iBAAuC;AAAA,EAChD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AACb;AAEO,MAAM,gCAAuD;AAAA,EAChE,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,+BAAsD;AAAA,EAC/D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,wBAA+C;AAAA,EACxD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@economic/taco",
-    "version": "12.0.0",
+    "version": "14.0.0-tanstack-virtual-update.0",
     "license": "MIT",
     "type": "module",
     "main": "./dist/index.cjs",
@@ -51,7 +51,7 @@
         "@react-aria/focus": "^3.19.0",
         "@react-aria/interactions": "^3.12.0",
         "@tanstack/react-table": "^8.21.3",
-        "@tanstack/react-virtual": "3.14.8",
+        "@tanstack/react-virtual": "3.14.10",
         "date-fns": "^4.4.0",
         "lodash": "^4.18.1",
         "motion": "12.42.2",
@@ -63,12 +63,12 @@
     "peerDependencies": {
         "clsx": "^2.1.1",
         "nanoid": "^5.1.16 || ^6.0.0",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
+        "react": "^18.3.1 || ^19.0.0",
+        "react-dom": "^18.3.1 || ^19.0.0",
         "tailwindcss": ">=3.4.19"
     },
     "devDependencies": {
-        "@economic/taco-rules": "^1.0.2",
+        "@economic/taco-rules": "1.0.3-tanstack-virtual-update.0",
         "@oxlint/plugins": "^1.75.0",
         "@svgr/cli": "^8.1.0",
         "@testing-library/jest-dom": "^6.9.1",
@@ -76,8 +76,8 @@
         "@testing-library/user-event": "^14.6.6",
         "@types/lodash": "^4.17.25",
         "@types/node": "^22.20.1",
-        "@types/react": "18.3.31",
-        "@types/react-dom": "18.3.7",
+        "@types/react": "19.2.18",
+        "@types/react-dom": "19.2.4",
         "clsx": "^2.1.1",
         "fast-sort": "^2.2.0",
         "jsdom": "^29.1.1",
@@ -91,10 +91,11 @@
         "vite": "^7.3.6",
         "vite-plugin-dts": "^5.0.3",
         "vite-plugin-externalize-deps": "^0.10.0",
-        "vitest": "^4.1.11"
+        "vitest": "^4.1.11",
+        "vitest-fail-on-console": "^0.10.1"
     },
     "optionalDependencies": {
         "@rollup/rollup-linux-x64-gnu": "^4.62.5"
     },
-    "gitHead": "d38b34a38e057c6cd9a5d9827b9cf54ec215b691"
+    "gitHead": "a9015d1f69483fa25abfdbede262cdc8bb5f9b12"
 }

package/dist/components/Treeview/Treeview.cjs

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const cn = require("clsx");
-const React = require("react");
-const TreeviewItem = React.forwardRef(function TreeviewItem2(props, ref) {
-  return /* @__PURE__ */ React.createElement("a", { ...props, ref });
-});
-const TreeviewGroup = React.forwardRef(function TreeviewGroup2(props, ref) {
-  const {
-    children,
-    className: externalClassName,
-    expanded: initialExpanded = false,
-    title,
-    fixed,
-    onClick,
-    ...otherProps
-  } = props;
-  const [expanded, setExpanded] = React.useState(fixed || initialExpanded);
-  React.useEffect(() => {
-    if (!fixed) {
-      setExpanded(fixed || initialExpanded);
-    }
-  }, [fixed, initialExpanded]);
-  const listClassName = cn("mb-0 flex-col", {
-    flex: expanded,
-    hidden: !expanded
-  });
-  const itemProps = {
-    ...otherProps,
-    "aria-expanded": expanded,
-    role: "treeitem",
-    tabIndex: -1
-  };
-  const handleClick = (event) => {
-    const nextState = !expanded;
-    if (!fixed) {
-      setExpanded(nextState);
-    }
-    if (onClick) {
-      onClick(event, nextState);
-    }
-  };
-  const className = typeof externalClassName === "function" ? externalClassName(expanded) : externalClassName;
-  return /* @__PURE__ */ React.createElement("div", { ...itemProps, className, ref }, /* @__PURE__ */ React.createElement("div", { onClick: handleClick }, typeof title === "function" ? title(expanded) : title), /* @__PURE__ */ React.createElement("ul", { role: "group", className: listClassName }, React.Children.toArray(children).filter((item) => !!item).map((item, i) => /* @__PURE__ */ React.createElement("li", { key: i, role: "none" }, React.cloneElement(item, { role: "treeitem" })))));
-});
-const Treeview = React.forwardRef(function Treeview2(props, ref) {
-  return /* @__PURE__ */ React.createElement("div", { ...props, ref, role: "tree" });
-});
-Treeview.Group = TreeviewGroup;
-Treeview.Item = TreeviewItem;
-exports.Treeview = Treeview;
-//# sourceMappingURL=Treeview.cjs.map

package/dist/components/Treeview/Treeview.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Treeview.cjs","sources":["../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nexport type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;\n\nconst TreeviewItem = React.forwardRef(function TreeviewItem(props: TreeviewItemProps, ref: React.Ref<HTMLAnchorElement>) {\n    return <a {...props} ref={ref} />;\n});\n\nexport type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {\n    /** Add a classname to the treeview */\n    className?: string | ((expanded: boolean) => string);\n    /**\n     * Set wheter the region is expanded, showing the children, or collapsed.\n     * Default value is `false`\n     */\n    expanded?: boolean;\n    /** Region is expanded at mount and can't be collapsed */\n    fixed?: boolean;\n    /** Handler called when user clicks the title of the group */\n    onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;\n    /** Text displayed in the group's header */\n    title: React.ReactNode | ((expanded: boolean) => React.ReactNode);\n};\n\nconst TreeviewGroup = React.forwardRef(function TreeviewGroup(props: TreeviewGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        children,\n        className: externalClassName,\n        expanded: initialExpanded = false,\n        title,\n        fixed,\n        onClick,\n        ...otherProps\n    } = props;\n    const [expanded, setExpanded] = React.useState(fixed || initialExpanded);\n\n    React.useEffect(() => {\n        if (!fixed) {\n            setExpanded(fixed || initialExpanded);\n        }\n    }, [fixed, initialExpanded]);\n\n    const listClassName = cn('mb-0 flex-col', {\n        flex: expanded,\n        hidden: !expanded,\n    });\n\n    const itemProps = {\n        ...otherProps,\n        'aria-expanded': expanded,\n        role: 'treeitem',\n        tabIndex: -1,\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const nextState = !expanded;\n\n        if (!fixed) {\n            setExpanded(nextState);\n        }\n\n        if (onClick) {\n            onClick(event, nextState);\n        }\n    };\n\n    const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;\n\n    return (\n        <div {...itemProps} className={className} ref={ref}>\n            <div onClick={handleClick}>{typeof title === 'function' ? title(expanded) : title}</div>\n            <ul role=\"group\" className={listClassName}>\n                {React.Children.toArray(children)\n                    .filter(item => !!item)\n                    .map((item, i) => (\n                        <li key={i} role=\"none\">\n                            {React.cloneElement(item as React.ReactElement<any>, { role: 'treeitem' })}\n                        </li>\n                    ))}\n            </ul>\n        </div>\n    );\n});\n\nexport type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<\n    TreeviewProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Navigable link */\n    Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;\n    /** Container for a set of related links, usually expandable */\n    Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Treeview = React.forwardRef(function Treeview(props: TreeviewProps, ref: React.Ref<HTMLDivElement>) {\n    return <div {...props} ref={ref} role=\"tree\" />;\n}) as ForwardedTreeviewWithStatics;\n\nTreeview.Group = TreeviewGroup;\nTreeview.Item = TreeviewItem;\n"],"names":["TreeviewItem","TreeviewGroup","Treeview"],"mappings":";;;;AAKA,MAAM,eAAe,MAAM,WAAW,SAASA,cAAa,OAA0B,KAAmC;AACrH,SAAO,sBAAA,cAAC,KAAA,EAAG,GAAG,OAAO,KAAU;AACnC,CAAC;AAkBD,MAAM,gBAAgB,MAAM,WAAW,SAASC,eAAc,OAA2B,KAAgC;AACrH,QAAM;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,UAAU,kBAAkB;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,SAAS,eAAe;AAEvE,QAAM,UAAU,MAAM;AAClB,QAAI,CAAC,OAAO;AACR,kBAAY,SAAS,eAAe;AAAA,IACxC;AAAA,EACJ,GAAG,CAAC,OAAO,eAAe,CAAC;AAE3B,QAAM,gBAAgB,GAAG,iBAAiB;AAAA,IACtC,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,EAAA,CACZ;AAED,QAAM,YAAY;AAAA,IACd,GAAG;AAAA,IACH,iBAAiB;AAAA,IACjB,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAGd,QAAM,cAAc,CAAC,UAAkD;AACnE,UAAM,YAAY,CAAC;AAEnB,QAAI,CAAC,OAAO;AACR,kBAAY,SAAS;AAAA,IACzB;AAEA,QAAI,SAAS;AACT,cAAQ,OAAO,SAAS;AAAA,IAC5B;AAAA,EACJ;AAEA,QAAM,YAAY,OAAO,sBAAsB,aAAa,kBAAkB,QAAQ,IAAI;AAE1F,SACI,sBAAA,cAAC,OAAA,EAAK,GAAG,WAAW,WAAsB,OACtC,sBAAA,cAAC,OAAA,EAAI,SAAS,YAAA,GAAc,OAAO,UAAU,aAAa,MAAM,QAAQ,IAAI,KAAM,GAClF,sBAAA,cAAC,MAAA,EAAG,MAAK,SAAQ,WAAW,cAAA,GACvB,MAAM,SAAS,QAAQ,QAAQ,EAC3B,OAAO,CAAA,SAAQ,CAAC,CAAC,IAAI,EACrB,IAAI,CAAC,MAAM,MACR,sBAAA,cAAC,MAAA,EAAG,KAAK,GAAG,MAAK,OAAA,GACZ,MAAM,aAAa,MAAiC,EAAE,MAAM,WAAA,CAAY,CAC7E,CACH,CACT,CACJ;AAER,CAAC;AAaM,MAAM,WAAW,MAAM,WAAW,SAASC,UAAS,OAAsB,KAAgC;AAC7G,6CAAQ,OAAA,EAAK,GAAG,OAAO,KAAU,MAAK,QAAO;AACjD,CAAC;AAED,SAAS,QAAQ;AACjB,SAAS,OAAO;;"}

package/dist/components/Treeview/Treeview.d.ts

@@ -1,25 +0,0 @@
-import { default as React } from 'react';
-export type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;
-export type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {
-    /** Add a classname to the treeview */
-    className?: string | ((expanded: boolean) => string);
-    /**
-     * Set wheter the region is expanded, showing the children, or collapsed.
-     * Default value is `false`
-     */
-    expanded?: boolean;
-    /** Region is expanded at mount and can't be collapsed */
-    fixed?: boolean;
-    /** Handler called when user clicks the title of the group */
-    onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;
-    /** Text displayed in the group's header */
-    title: React.ReactNode | ((expanded: boolean) => React.ReactNode);
-};
-export type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;
-export type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<TreeviewProps & React.RefAttributes<HTMLDivElement>> & {
-    /** Navigable link */
-    Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;
-    /** Container for a set of related links, usually expandable */
-    Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;
-};
-export declare const Treeview: ForwardedTreeviewWithStatics;

package/dist/components/Treeview/Treeview.js

@@ -1,52 +0,0 @@
-import cn from "clsx";
-import React__default from "react";
-const TreeviewItem = React__default.forwardRef(function TreeviewItem2(props, ref) {
-  return /* @__PURE__ */ React__default.createElement("a", { ...props, ref });
-});
-const TreeviewGroup = React__default.forwardRef(function TreeviewGroup2(props, ref) {
-  const {
-    children,
-    className: externalClassName,
-    expanded: initialExpanded = false,
-    title,
-    fixed,
-    onClick,
-    ...otherProps
-  } = props;
-  const [expanded, setExpanded] = React__default.useState(fixed || initialExpanded);
-  React__default.useEffect(() => {
-    if (!fixed) {
-      setExpanded(fixed || initialExpanded);
-    }
-  }, [fixed, initialExpanded]);
-  const listClassName = cn("mb-0 flex-col", {
-    flex: expanded,
-    hidden: !expanded
-  });
-  const itemProps = {
-    ...otherProps,
-    "aria-expanded": expanded,
-    role: "treeitem",
-    tabIndex: -1
-  };
-  const handleClick = (event) => {
-    const nextState = !expanded;
-    if (!fixed) {
-      setExpanded(nextState);
-    }
-    if (onClick) {
-      onClick(event, nextState);
-    }
-  };
-  const className = typeof externalClassName === "function" ? externalClassName(expanded) : externalClassName;
-  return /* @__PURE__ */ React__default.createElement("div", { ...itemProps, className, ref }, /* @__PURE__ */ React__default.createElement("div", { onClick: handleClick }, typeof title === "function" ? title(expanded) : title), /* @__PURE__ */ React__default.createElement("ul", { role: "group", className: listClassName }, React__default.Children.toArray(children).filter((item) => !!item).map((item, i) => /* @__PURE__ */ React__default.createElement("li", { key: i, role: "none" }, React__default.cloneElement(item, { role: "treeitem" })))));
-});
-const Treeview = React__default.forwardRef(function Treeview2(props, ref) {
-  return /* @__PURE__ */ React__default.createElement("div", { ...props, ref, role: "tree" });
-});
-Treeview.Group = TreeviewGroup;
-Treeview.Item = TreeviewItem;
-export {
-  Treeview
-};
-//# sourceMappingURL=Treeview.js.map

package/dist/components/Treeview/Treeview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Treeview.js","sources":["../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nexport type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;\n\nconst TreeviewItem = React.forwardRef(function TreeviewItem(props: TreeviewItemProps, ref: React.Ref<HTMLAnchorElement>) {\n    return <a {...props} ref={ref} />;\n});\n\nexport type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {\n    /** Add a classname to the treeview */\n    className?: string | ((expanded: boolean) => string);\n    /**\n     * Set wheter the region is expanded, showing the children, or collapsed.\n     * Default value is `false`\n     */\n    expanded?: boolean;\n    /** Region is expanded at mount and can't be collapsed */\n    fixed?: boolean;\n    /** Handler called when user clicks the title of the group */\n    onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;\n    /** Text displayed in the group's header */\n    title: React.ReactNode | ((expanded: boolean) => React.ReactNode);\n};\n\nconst TreeviewGroup = React.forwardRef(function TreeviewGroup(props: TreeviewGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        children,\n        className: externalClassName,\n        expanded: initialExpanded = false,\n        title,\n        fixed,\n        onClick,\n        ...otherProps\n    } = props;\n    const [expanded, setExpanded] = React.useState(fixed || initialExpanded);\n\n    React.useEffect(() => {\n        if (!fixed) {\n            setExpanded(fixed || initialExpanded);\n        }\n    }, [fixed, initialExpanded]);\n\n    const listClassName = cn('mb-0 flex-col', {\n        flex: expanded,\n        hidden: !expanded,\n    });\n\n    const itemProps = {\n        ...otherProps,\n        'aria-expanded': expanded,\n        role: 'treeitem',\n        tabIndex: -1,\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const nextState = !expanded;\n\n        if (!fixed) {\n            setExpanded(nextState);\n        }\n\n        if (onClick) {\n            onClick(event, nextState);\n        }\n    };\n\n    const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;\n\n    return (\n        <div {...itemProps} className={className} ref={ref}>\n            <div onClick={handleClick}>{typeof title === 'function' ? title(expanded) : title}</div>\n            <ul role=\"group\" className={listClassName}>\n                {React.Children.toArray(children)\n                    .filter(item => !!item)\n                    .map((item, i) => (\n                        <li key={i} role=\"none\">\n                            {React.cloneElement(item as React.ReactElement<any>, { role: 'treeitem' })}\n                        </li>\n                    ))}\n            </ul>\n        </div>\n    );\n});\n\nexport type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<\n    TreeviewProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Navigable link */\n    Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;\n    /** Container for a set of related links, usually expandable */\n    Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Treeview = React.forwardRef(function Treeview(props: TreeviewProps, ref: React.Ref<HTMLDivElement>) {\n    return <div {...props} ref={ref} role=\"tree\" />;\n}) as ForwardedTreeviewWithStatics;\n\nTreeview.Group = TreeviewGroup;\nTreeview.Item = TreeviewItem;\n"],"names":["React","TreeviewItem","TreeviewGroup","Treeview"],"mappings":";;AAKA,MAAM,eAAeA,eAAM,WAAW,SAASC,cAAa,OAA0B,KAAmC;AACrH,SAAOD,+BAAA,cAAC,KAAA,EAAG,GAAG,OAAO,KAAU;AACnC,CAAC;AAkBD,MAAM,gBAAgBA,eAAM,WAAW,SAASE,eAAc,OAA2B,KAAgC;AACrH,QAAM;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,UAAU,kBAAkB;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,CAAC,UAAU,WAAW,IAAIF,eAAM,SAAS,SAAS,eAAe;AAEvEA,iBAAM,UAAU,MAAM;AAClB,QAAI,CAAC,OAAO;AACR,kBAAY,SAAS,eAAe;AAAA,IACxC;AAAA,EACJ,GAAG,CAAC,OAAO,eAAe,CAAC;AAE3B,QAAM,gBAAgB,GAAG,iBAAiB;AAAA,IACtC,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,EAAA,CACZ;AAED,QAAM,YAAY;AAAA,IACd,GAAG;AAAA,IACH,iBAAiB;AAAA,IACjB,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAGd,QAAM,cAAc,CAAC,UAAkD;AACnE,UAAM,YAAY,CAAC;AAEnB,QAAI,CAAC,OAAO;AACR,kBAAY,SAAS;AAAA,IACzB;AAEA,QAAI,SAAS;AACT,cAAQ,OAAO,SAAS;AAAA,IAC5B;AAAA,EACJ;AAEA,QAAM,YAAY,OAAO,sBAAsB,aAAa,kBAAkB,QAAQ,IAAI;AAE1F,SACIA,+BAAA,cAAC,OAAA,EAAK,GAAG,WAAW,WAAsB,OACtCA,+BAAA,cAAC,OAAA,EAAI,SAAS,YAAA,GAAc,OAAO,UAAU,aAAa,MAAM,QAAQ,IAAI,KAAM,GAClFA,+BAAA,cAAC,MAAA,EAAG,MAAK,SAAQ,WAAW,cAAA,GACvBA,eAAM,SAAS,QAAQ,QAAQ,EAC3B,OAAO,CAAA,SAAQ,CAAC,CAAC,IAAI,EACrB,IAAI,CAAC,MAAM,MACRA,+BAAA,cAAC,MAAA,EAAG,KAAK,GAAG,MAAK,OAAA,GACZA,eAAM,aAAa,MAAiC,EAAE,MAAM,WAAA,CAAY,CAC7E,CACH,CACT,CACJ;AAER,CAAC;AAaM,MAAM,WAAWA,eAAM,WAAW,SAASG,UAAS,OAAsB,KAAgC;AAC7G,sDAAQ,OAAA,EAAK,GAAG,OAAO,KAAU,MAAK,QAAO;AACjD,CAAC;AAED,SAAS,QAAQ;AACjB,SAAS,OAAO;"}