@economic/taco 14.1.1 → 14.2.0-tanstack-virtual-update.0

package/dist/primitives/Table/useTableManager/util/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../../../../../src/primitives/Table/useTableManager/util/search.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta, Row as ReactTableRow } from '@tanstack/react-table';\n\nimport type { Localization } from '@/components';\n\nimport type { TableColumnDataType, TableColumnDataTypeOptions } from '../../types';\n\nimport { getDataTypeProperties } from './dataTypes';\nimport { isWeakContains } from './filtering';\n\nconst flattenCellValue = (cellValue: object | string): any => {\n    return typeof cellValue === 'object' ? Object.values(cellValue).map(val => flattenCellValue(val)) : cellValue;\n};\n\nexport function isMatched<TType = unknown>(\n    query: any,\n    cellValue: any,\n    rowValue: TType,\n    dataType: TableColumnDataType | undefined,\n    dataTypeOptions: TableColumnDataTypeOptions | undefined,\n    localization: Localization,\n    matcher: (left: any, right: any) => boolean = isWeakContains\n) {\n    if (typeof cellValue === 'object') {\n        return flattenCellValue(cellValue)\n            .flat(Infinity)\n            .find((y: any) => matcher(y, query));\n    }\n    const dataTypeProperties = getDataTypeProperties<TType>(dataType);\n\n    if (dataTypeProperties.getDisplayValue) {\n        const cellDisplayValue = dataTypeProperties.getDisplayValue(cellValue, rowValue, {\n            dataTypeOptions,\n            localization,\n        });\n\n        if (Array.isArray(cellDisplayValue)) {\n            return cellDisplayValue.some(cdv => matcher(cdv, query));\n        }\n\n        if (cellDisplayValue !== undefined && isWeakContains(cellDisplayValue, query)) {\n            return true;\n        }\n    } else {\n        const cellValueAsString = String(cellValue ?? '');\n\n        if (cellValueAsString !== undefined && matcher(cellValueAsString, query)) {\n            return true;\n        }\n    }\n\n    if (typeof query !== typeof cellValue && dataTypeProperties.parse) {\n        const parsedQuery = dataTypeProperties.parse(query, localization.locale);\n\n        if (parsedQuery !== undefined && matcher(cellValue, parsedQuery)) {\n            return true;\n        }\n    }\n\n    return false;\n}\n\nexport function globalFilterFn<TType = unknown>(\n    row: ReactTableRow<TType>,\n    columnId: string,\n    searchQuery: string,\n    localization: Localization\n) {\n    try {\n        if (row.original) {\n            const cellValue = row.getValue(columnId);\n            const columnMeta = row._getAllCellsByColumnId()[columnId]?.column.columnDef.meta;\n\n            return isMatched<TType>(\n                searchQuery,\n                cellValue,\n                row.original,\n                columnMeta?.dataType,\n                columnMeta?.dataTypeOptions,\n                localization\n            );\n        }\n    } catch {\n        // we don't care, just fail silently and return no results\n    }\n\n    return false;\n}\n\nexport function resetHighlightedColumnIndexes<TType = unknown>(\n    searchQuery: string | undefined,\n    table: ReactTable<TType>,\n    localization: Localization,\n    // When typing a search we want to jump to the first match. But when this runs to recompute highlights after\n    // an edit is saved, moving the active row would yank focus to the top of the list\n    moveActiveRowToFirstMatch = true\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    let firstRowIndex: undefined | number;\n\n    if (searchQuery) {\n        const indexes: number[][] = [];\n        const columns = table.getVisibleLeafColumns();\n        const rowGrouping = table.getState().grouping;\n\n        table.getRowModel().rows.forEach((row, rowIndex) => {\n            columns.forEach((column, columnIndex) => {\n                try {\n                    let allowSearch = true;\n\n                    if (rowGrouping?.length) {\n                        // if it's the grouped row, only allow search of the grouped column - because that's all that's visible\n                        if (row.getIsGrouped()) {\n                            allowSearch = column.getIsGrouped();\n                        }\n                        // otherwise for other rows, don't search the grouped column - because it isn't visible\n                        else if (rowGrouping.includes(column.id)) {\n                            allowSearch = false;\n                        }\n                    }\n\n                    if (column.getIsVisible() && column.columnDef.enableGlobalFilter && allowSearch) {\n                        const cellValue = row.getValue(column.id);\n                        const dataType = column.columnDef.meta?.dataType;\n                        const dataTypeOptions = column.columnDef.meta?.dataTypeOptions;\n\n                        if (isMatched<TType>(searchQuery, cellValue, row.original, dataType, dataTypeOptions, localization)) {\n                            indexes.push([rowIndex, columnIndex]);\n                        }\n                    }\n                } catch {\n                    //\n                }\n            });\n        });\n\n        tableMeta.search.setHighlightedColumnIndexes(indexes);\n\n        if (indexes.length) {\n            firstRowIndex = indexes[0]?.[0];\n            tableMeta.search.setCurrentHighlightColumnIndex(0);\n        } else {\n            tableMeta.search.setCurrentHighlightColumnIndex(undefined);\n        }\n    } else {\n        tableMeta.search.setHighlightedColumnIndexes([]);\n        tableMeta.search.setCurrentHighlightColumnIndex(undefined);\n    }\n\n    if (firstRowIndex !== undefined && moveActiveRowToFirstMatch) {\n        tableMeta.rowActive.setRowActiveIndex(firstRowIndex);\n    }\n\n    return firstRowIndex;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"search.js","sources":["../../../../../src/primitives/Table/useTableManager/util/search.ts"],"sourcesContent":["import type { Table as ReactTable, Row as ReactTableRow } from '@tanstack/react-table';\n\nimport type { Localization } from '@/components';\n\nimport type { TableColumnDataType, TableColumnDataTypeOptions } from '../../types';\n\nimport { getDataTypeProperties } from './dataTypes';\nimport { isWeakContains } from './filtering';\nimport { getTableMeta } from './rows';\n\nconst flattenCellValue = (cellValue: object | string): any => {\n    return typeof cellValue === 'object' ? Object.values(cellValue).map(val => flattenCellValue(val)) : cellValue;\n};\n\nexport function isMatched<TType = unknown>(\n    query: any,\n    cellValue: any,\n    rowValue: TType,\n    dataType: TableColumnDataType | undefined,\n    dataTypeOptions: TableColumnDataTypeOptions | undefined,\n    localization: Localization,\n    matcher: (left: any, right: any) => boolean = isWeakContains\n) {\n    if (typeof cellValue === 'object') {\n        return flattenCellValue(cellValue)\n            .flat(Infinity)\n            .find((y: any) => matcher(y, query));\n    }\n    const dataTypeProperties = getDataTypeProperties<TType>(dataType);\n\n    if (dataTypeProperties.getDisplayValue) {\n        const cellDisplayValue = dataTypeProperties.getDisplayValue(cellValue, rowValue, {\n            dataTypeOptions,\n            localization,\n        });\n\n        if (Array.isArray(cellDisplayValue)) {\n            return cellDisplayValue.some(cdv => matcher(cdv, query));\n        }\n\n        if (cellDisplayValue !== undefined && isWeakContains(cellDisplayValue, query)) {\n            return true;\n        }\n    } else {\n        const cellValueAsString = String(cellValue ?? '');\n\n        if (cellValueAsString !== undefined && matcher(cellValueAsString, query)) {\n            return true;\n        }\n    }\n\n    if (typeof query !== typeof cellValue && dataTypeProperties.parse) {\n        const parsedQuery = dataTypeProperties.parse(query, localization.locale);\n\n        if (parsedQuery !== undefined && matcher(cellValue, parsedQuery)) {\n            return true;\n        }\n    }\n\n    return false;\n}\n\nexport function globalFilterFn<TType = unknown>(\n    row: ReactTableRow<TType>,\n    columnId: string,\n    searchQuery: string,\n    localization: Localization\n) {\n    try {\n        if (row.original) {\n            const cellValue = row.getValue(columnId);\n            const columnMeta = row._getAllCellsByColumnId()[columnId]?.column.columnDef.meta;\n\n            return isMatched<TType>(\n                searchQuery,\n                cellValue,\n                row.original,\n                columnMeta?.dataType,\n                columnMeta?.dataTypeOptions,\n                localization\n            );\n        }\n    } catch {\n        // we don't care, just fail silently and return no results\n    }\n\n    return false;\n}\n\nexport function resetHighlightedColumnIndexes<TType = unknown>(\n    searchQuery: string | undefined,\n    table: ReactTable<TType>,\n    localization: Localization,\n    // When typing a search we want to jump to the first match. But when this runs to recompute highlights after\n    // an edit is saved, moving the active row would yank focus to the top of the list\n    moveActiveRowToFirstMatch = true\n) {\n    const tableMeta = getTableMeta(table);\n    let firstRowIndex: undefined | number;\n\n    if (searchQuery) {\n        const indexes: number[][] = [];\n        const columns = table.getVisibleLeafColumns();\n        const rowGrouping = table.getState().grouping;\n\n        table.getRowModel().rows.forEach((row, rowIndex) => {\n            columns.forEach((column, columnIndex) => {\n                try {\n                    let allowSearch = true;\n\n                    if (rowGrouping?.length) {\n                        // if it's the grouped row, only allow search of the grouped column - because that's all that's visible\n                        if (row.getIsGrouped()) {\n                            allowSearch = column.getIsGrouped();\n                        }\n                        // otherwise for other rows, don't search the grouped column - because it isn't visible\n                        else if (rowGrouping.includes(column.id)) {\n                            allowSearch = false;\n                        }\n                    }\n\n                    if (column.getIsVisible() && column.columnDef.enableGlobalFilter && allowSearch) {\n                        const cellValue = row.getValue(column.id);\n                        const dataType = column.columnDef.meta?.dataType;\n                        const dataTypeOptions = column.columnDef.meta?.dataTypeOptions;\n\n                        if (isMatched<TType>(searchQuery, cellValue, row.original, dataType, dataTypeOptions, localization)) {\n                            indexes.push([rowIndex, columnIndex]);\n                        }\n                    }\n                } catch {\n                    //\n                }\n            });\n        });\n\n        tableMeta.search.setHighlightedColumnIndexes(indexes);\n\n        if (indexes.length) {\n            firstRowIndex = indexes[0]?.[0];\n            tableMeta.search.setCurrentHighlightColumnIndex(0);\n        } else {\n            tableMeta.search.setCurrentHighlightColumnIndex(undefined);\n        }\n    } else {\n        tableMeta.search.setHighlightedColumnIndexes([]);\n        tableMeta.search.setCurrentHighlightColumnIndex(undefined);\n    }\n\n    if (firstRowIndex !== undefined && moveActiveRowToFirstMatch) {\n        tableMeta.rowActive.setRowActiveIndex(firstRowIndex);\n    }\n\n    return firstRowIndex;\n}\n"],"names":[],"mappings":"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"}

package/dist/primitives/Table/useTableManager/util/settings.cjs

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const columns = require("./columns.cjs");
+const rows = require("./rows.cjs");
 function getSettings(table) {
-  const meta = table.options.meta;
+  const meta = rows.getTableMeta(table);
   const state = table.getState();
   return {
     // commented out properties are here to highlight things we explicitly don't want them saved

package/dist/primitives/Table/useTableManager/util/settings.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"settings.cjs","sources":["../../../../../src/primitives/Table/useTableManager/util/settings.ts"],"sourcesContent":["import type { ColumnSizingState, Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nimport { isInternalColumn } from './columns';\n\nexport function getSettings<TType = unknown>(table: ReactTable<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n    const state = table.getState();\n\n    return {\n        // commented out properties are here to highlight things we explicitly don't want them saved\n        //columnFilters: table.options.enableColumnFilters ? state.columnFilters : undefined,\n        columnOrder: meta.columnOrdering.isEnabled ? state.columnOrder : undefined,\n        columnPinning: state.columnPinning,\n        columnSizing: ignoreInternalColumns(state.columnSizing),\n        columnVisibility: table.options.enableHiding ? state.columnVisibility : undefined,\n        excludeUnmatchedRecordsInSearch: table.options.enableGlobalFilter,\n        fontSize: meta.fontSize.isEnabled ? meta.fontSize.size : undefined,\n        //grouping: table.options.enableGrouping ? state.grouping : undefined,\n        rowHeight: meta.rowHeight.isEnabled ? meta.rowHeight.height : undefined,\n        //searchQuery: table.options.enableGlobalFilter ? state.globalFilter : undefined,\n        sorting: state.sorting,\n    };\n}\n\nexport function ignoreInternalColumns(data: ColumnSizingState) {\n    return Object.keys(data).reduce((accum, key) => {\n        if (isInternalColumn(key)) {\n            return accum;\n        }\n\n        return {\n            ...accum,\n            [key]: data[key],\n        };\n    }, {});\n}\n"],"names":["isInternalColumn"],"mappings":";;;AAIO,SAAS,YAA6B,OAA0B;AACnE,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,QAAQ,MAAM,SAAA;AAEpB,SAAO;AAAA;AAAA;AAAA,IAGH,aAAa,KAAK,eAAe,YAAY,MAAM,cAAc;AAAA,IACjE,eAAe,MAAM;AAAA,IACrB,cAAc,sBAAsB,MAAM,YAAY;AAAA,IACtD,kBAAkB,MAAM,QAAQ,eAAe,MAAM,mBAAmB;AAAA,IACxE,iCAAiC,MAAM,QAAQ;AAAA,IAC/C,UAAU,KAAK,SAAS,YAAY,KAAK,SAAS,OAAO;AAAA;AAAA,IAEzD,WAAW,KAAK,UAAU,YAAY,KAAK,UAAU,SAAS;AAAA;AAAA,IAE9D,SAAS,MAAM;AAAA,EAAA;AAEvB;AAEO,SAAS,sBAAsB,MAAyB;AAC3D,SAAO,OAAO,KAAK,IAAI,EAAE,OAAO,CAAC,OAAO,QAAQ;AAC5C,QAAIA,QAAAA,iBAAiB,GAAG,GAAG;AACvB,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,MACH,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,KAAK,GAAG;AAAA,IAAA;AAAA,EAEvB,GAAG,CAAA,CAAE;AACT;;;"}
+{"version":3,"file":"settings.cjs","sources":["../../../../../src/primitives/Table/useTableManager/util/settings.ts"],"sourcesContent":["import type { ColumnSizingState, Table as ReactTable } from '@tanstack/react-table';\n\nimport { isInternalColumn } from './columns';\nimport { getTableMeta } from './rows';\n\nexport function getSettings<TType = unknown>(table: ReactTable<TType>) {\n    const meta = getTableMeta(table);\n    const state = table.getState();\n\n    return {\n        // commented out properties are here to highlight things we explicitly don't want them saved\n        //columnFilters: table.options.enableColumnFilters ? state.columnFilters : undefined,\n        columnOrder: meta.columnOrdering.isEnabled ? state.columnOrder : undefined,\n        columnPinning: state.columnPinning,\n        columnSizing: ignoreInternalColumns(state.columnSizing),\n        columnVisibility: table.options.enableHiding ? state.columnVisibility : undefined,\n        excludeUnmatchedRecordsInSearch: table.options.enableGlobalFilter,\n        fontSize: meta.fontSize.isEnabled ? meta.fontSize.size : undefined,\n        //grouping: table.options.enableGrouping ? state.grouping : undefined,\n        rowHeight: meta.rowHeight.isEnabled ? meta.rowHeight.height : undefined,\n        //searchQuery: table.options.enableGlobalFilter ? state.globalFilter : undefined,\n        sorting: state.sorting,\n    };\n}\n\nexport function ignoreInternalColumns(data: ColumnSizingState) {\n    return Object.keys(data).reduce((accum, key) => {\n        if (isInternalColumn(key)) {\n            return accum;\n        }\n\n        return {\n            ...accum,\n            [key]: data[key],\n        };\n    }, {});\n}\n"],"names":["getTableMeta","isInternalColumn"],"mappings":";;;;AAKO,SAAS,YAA6B,OAA0B;AACnE,QAAM,OAAOA,KAAAA,aAAa,KAAK;AAC/B,QAAM,QAAQ,MAAM,SAAA;AAEpB,SAAO;AAAA;AAAA;AAAA,IAGH,aAAa,KAAK,eAAe,YAAY,MAAM,cAAc;AAAA,IACjE,eAAe,MAAM;AAAA,IACrB,cAAc,sBAAsB,MAAM,YAAY;AAAA,IACtD,kBAAkB,MAAM,QAAQ,eAAe,MAAM,mBAAmB;AAAA,IACxE,iCAAiC,MAAM,QAAQ;AAAA,IAC/C,UAAU,KAAK,SAAS,YAAY,KAAK,SAAS,OAAO;AAAA;AAAA,IAEzD,WAAW,KAAK,UAAU,YAAY,KAAK,UAAU,SAAS;AAAA;AAAA,IAE9D,SAAS,MAAM;AAAA,EAAA;AAEvB;AAEO,SAAS,sBAAsB,MAAyB;AAC3D,SAAO,OAAO,KAAK,IAAI,EAAE,OAAO,CAAC,OAAO,QAAQ;AAC5C,QAAIC,QAAAA,iBAAiB,GAAG,GAAG;AACvB,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,MACH,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,KAAK,GAAG;AAAA,IAAA;AAAA,EAEvB,GAAG,CAAA,CAAE;AACT;;;"}

package/dist/primitives/Table/useTableManager/util/settings.js

@@ -1,6 +1,7 @@
 import { isInternalColumn } from "./columns.js";
+import { getTableMeta } from "./rows.js";
 function getSettings(table) {
-  const meta = table.options.meta;
+  const meta = getTableMeta(table);
   const state = table.getState();
   return {
     // commented out properties are here to highlight things we explicitly don't want them saved

package/dist/primitives/Table/useTableManager/util/settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings.js","sources":["../../../../../src/primitives/Table/useTableManager/util/settings.ts"],"sourcesContent":["import type { ColumnSizingState, Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nimport { isInternalColumn } from './columns';\n\nexport function getSettings<TType = unknown>(table: ReactTable<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n    const state = table.getState();\n\n    return {\n        // commented out properties are here to highlight things we explicitly don't want them saved\n        //columnFilters: table.options.enableColumnFilters ? state.columnFilters : undefined,\n        columnOrder: meta.columnOrdering.isEnabled ? state.columnOrder : undefined,\n        columnPinning: state.columnPinning,\n        columnSizing: ignoreInternalColumns(state.columnSizing),\n        columnVisibility: table.options.enableHiding ? state.columnVisibility : undefined,\n        excludeUnmatchedRecordsInSearch: table.options.enableGlobalFilter,\n        fontSize: meta.fontSize.isEnabled ? meta.fontSize.size : undefined,\n        //grouping: table.options.enableGrouping ? state.grouping : undefined,\n        rowHeight: meta.rowHeight.isEnabled ? meta.rowHeight.height : undefined,\n        //searchQuery: table.options.enableGlobalFilter ? state.globalFilter : undefined,\n        sorting: state.sorting,\n    };\n}\n\nexport function ignoreInternalColumns(data: ColumnSizingState) {\n    return Object.keys(data).reduce((accum, key) => {\n        if (isInternalColumn(key)) {\n            return accum;\n        }\n\n        return {\n            ...accum,\n            [key]: data[key],\n        };\n    }, {});\n}\n"],"names":[],"mappings":";AAIO,SAAS,YAA6B,OAA0B;AACnE,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,QAAQ,MAAM,SAAA;AAEpB,SAAO;AAAA;AAAA;AAAA,IAGH,aAAa,KAAK,eAAe,YAAY,MAAM,cAAc;AAAA,IACjE,eAAe,MAAM;AAAA,IACrB,cAAc,sBAAsB,MAAM,YAAY;AAAA,IACtD,kBAAkB,MAAM,QAAQ,eAAe,MAAM,mBAAmB;AAAA,IACxE,iCAAiC,MAAM,QAAQ;AAAA,IAC/C,UAAU,KAAK,SAAS,YAAY,KAAK,SAAS,OAAO;AAAA;AAAA,IAEzD,WAAW,KAAK,UAAU,YAAY,KAAK,UAAU,SAAS;AAAA;AAAA,IAE9D,SAAS,MAAM;AAAA,EAAA;AAEvB;AAEO,SAAS,sBAAsB,MAAyB;AAC3D,SAAO,OAAO,KAAK,IAAI,EAAE,OAAO,CAAC,OAAO,QAAQ;AAC5C,QAAI,iBAAiB,GAAG,GAAG;AACvB,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,MACH,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,KAAK,GAAG;AAAA,IAAA;AAAA,EAEvB,GAAG,CAAA,CAAE;AACT;"}
+{"version":3,"file":"settings.js","sources":["../../../../../src/primitives/Table/useTableManager/util/settings.ts"],"sourcesContent":["import type { ColumnSizingState, Table as ReactTable } from '@tanstack/react-table';\n\nimport { isInternalColumn } from './columns';\nimport { getTableMeta } from './rows';\n\nexport function getSettings<TType = unknown>(table: ReactTable<TType>) {\n    const meta = getTableMeta(table);\n    const state = table.getState();\n\n    return {\n        // commented out properties are here to highlight things we explicitly don't want them saved\n        //columnFilters: table.options.enableColumnFilters ? state.columnFilters : undefined,\n        columnOrder: meta.columnOrdering.isEnabled ? state.columnOrder : undefined,\n        columnPinning: state.columnPinning,\n        columnSizing: ignoreInternalColumns(state.columnSizing),\n        columnVisibility: table.options.enableHiding ? state.columnVisibility : undefined,\n        excludeUnmatchedRecordsInSearch: table.options.enableGlobalFilter,\n        fontSize: meta.fontSize.isEnabled ? meta.fontSize.size : undefined,\n        //grouping: table.options.enableGrouping ? state.grouping : undefined,\n        rowHeight: meta.rowHeight.isEnabled ? meta.rowHeight.height : undefined,\n        //searchQuery: table.options.enableGlobalFilter ? state.globalFilter : undefined,\n        sorting: state.sorting,\n    };\n}\n\nexport function ignoreInternalColumns(data: ColumnSizingState) {\n    return Object.keys(data).reduce((accum, key) => {\n        if (isInternalColumn(key)) {\n            return accum;\n        }\n\n        return {\n            ...accum,\n            [key]: data[key],\n        };\n    }, {});\n}\n"],"names":[],"mappings":";;AAKO,SAAS,YAA6B,OAA0B;AACnE,QAAM,OAAO,aAAa,KAAK;AAC/B,QAAM,QAAQ,MAAM,SAAA;AAEpB,SAAO;AAAA;AAAA;AAAA,IAGH,aAAa,KAAK,eAAe,YAAY,MAAM,cAAc;AAAA,IACjE,eAAe,MAAM;AAAA,IACrB,cAAc,sBAAsB,MAAM,YAAY;AAAA,IACtD,kBAAkB,MAAM,QAAQ,eAAe,MAAM,mBAAmB;AAAA,IACxE,iCAAiC,MAAM,QAAQ;AAAA,IAC/C,UAAU,KAAK,SAAS,YAAY,KAAK,SAAS,OAAO;AAAA;AAAA,IAEzD,WAAW,KAAK,UAAU,YAAY,KAAK,UAAU,SAAS;AAAA;AAAA,IAE9D,SAAS,MAAM;AAAA,EAAA;AAEvB;AAEO,SAAS,sBAAsB,MAAyB;AAC3D,SAAO,OAAO,KAAK,IAAI,EAAE,OAAO,CAAC,OAAO,QAAQ;AAC5C,QAAI,iBAAiB,GAAG,GAAG;AACvB,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,MACH,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,KAAK,GAAG;AAAA,IAAA;AAAA,EAEvB,GAAG,CAAA,CAAE;AACT;"}

package/dist/utils/tailwind.cjs

@@ -29,6 +29,8 @@ const SUBTLE_COLOR_SHADE_CLASSNAME = {
   grey: "bg-gray-100 text-black",
   transparent: "bg-black-subtle text-black"
 };
+const ARROW_TIP_POSITION_WIDE = "data-[side=bottom]:top-[-7px] data-[side=left]:right-[-12px] data-[side=right]:left-[-12px] data-[side=top]:bottom-[-7px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180";
+const ARROW_TIP_POSITION_TIGHT = "data-[side=bottom]:top-[-6px] data-[side=left]:right-[-10px] data-[side=right]:left-[-10px] data-[side=top]:bottom-[-6px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180";
 const COLOR_SHADE_CLASSNAME = {
   green: "bg-green-500 text-white",
   yellow: "bg-yellow-200 text-black",
@@ -39,6 +41,8 @@ const COLOR_SHADE_CLASSNAME = {
   grey: "bg-gray-500 text-white",
   transparent: "bg-black-subtle text-black"
 };
+exports.ARROW_TIP_POSITION_TIGHT = ARROW_TIP_POSITION_TIGHT;
+exports.ARROW_TIP_POSITION_WIDE = ARROW_TIP_POSITION_WIDE;
 exports.AVAILABLE_COLORS = AVAILABLE_COLORS;
 exports.COLOR_BY_STATE = COLOR_BY_STATE;
 exports.COLOR_SHADE_CLASSNAME = COLOR_SHADE_CLASSNAME;

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\n/** Position/rotation classes for a 20x10 ArrowTip poking -7px/-12px out of its side — used by `Popover`, `Toggletip`, `HoverCard` and `Datepicker`. */\nexport const ARROW_TIP_POSITION_WIDE =\n    'data-[side=bottom]:top-[-7px] data-[side=left]:right-[-12px] data-[side=right]:left-[-12px] data-[side=top]:bottom-[-7px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180';\n\n/** Position/rotation classes for a 20x10 ArrowTip poking -6px/-10px out of its side — used by `Tooltip`. */\nexport const ARROW_TIP_POSITION_TIGHT =\n    'data-[side=bottom]:top-[-6px] data-[side=left]:right-[-10px] data-[side=right]:left-[-10px] data-[side=top]:bottom-[-6px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180';\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;AAGO,MAAM,0BACT;AAGG,MAAM,2BACT;AAEG,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.d.ts

@@ -3,4 +3,8 @@ export declare const AVAILABLE_COLORS: readonly ["green", "yellow", "red", "blue
 export declare const COLOR_BY_STATE: Record<State, Color>;
 export declare const OUTLINE_COLOR_SHADE_CLASSNAME: Record<Color, string>;
 export declare const SUBTLE_COLOR_SHADE_CLASSNAME: Record<Color, string>;
+/** Position/rotation classes for a 20x10 ArrowTip poking -7px/-12px out of its side — used by `Popover`, `Toggletip`, `HoverCard` and `Datepicker`. */
+export declare const ARROW_TIP_POSITION_WIDE = "data-[side=bottom]:top-[-7px] data-[side=left]:right-[-12px] data-[side=right]:left-[-12px] data-[side=top]:bottom-[-7px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180";
+/** Position/rotation classes for a 20x10 ArrowTip poking -6px/-10px out of its side — used by `Tooltip`. */
+export declare const ARROW_TIP_POSITION_TIGHT = "data-[side=bottom]:top-[-6px] data-[side=left]:right-[-10px] data-[side=right]:left-[-10px] data-[side=top]:bottom-[-6px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180";
 export declare const COLOR_SHADE_CLASSNAME: Record<Color, string>;

package/dist/utils/tailwind.js

@@ -27,6 +27,8 @@ const SUBTLE_COLOR_SHADE_CLASSNAME = {
   grey: "bg-gray-100 text-black",
   transparent: "bg-black-subtle text-black"
 };
+const ARROW_TIP_POSITION_WIDE = "data-[side=bottom]:top-[-7px] data-[side=left]:right-[-12px] data-[side=right]:left-[-12px] data-[side=top]:bottom-[-7px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180";
+const ARROW_TIP_POSITION_TIGHT = "data-[side=bottom]:top-[-6px] data-[side=left]:right-[-10px] data-[side=right]:left-[-10px] data-[side=top]:bottom-[-6px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180";
 const COLOR_SHADE_CLASSNAME = {
   green: "bg-green-500 text-white",
   yellow: "bg-yellow-200 text-black",
@@ -38,6 +40,8 @@ const COLOR_SHADE_CLASSNAME = {
   transparent: "bg-black-subtle text-black"
 };
 export {
+  ARROW_TIP_POSITION_TIGHT,
+  ARROW_TIP_POSITION_WIDE,
   AVAILABLE_COLORS,
   COLOR_BY_STATE,
   COLOR_SHADE_CLASSNAME,

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\n/** Position/rotation classes for a 20x10 ArrowTip poking -7px/-12px out of its side — used by `Popover`, `Toggletip`, `HoverCard` and `Datepicker`. */\nexport const ARROW_TIP_POSITION_WIDE =\n    'data-[side=bottom]:top-[-7px] data-[side=left]:right-[-12px] data-[side=right]:left-[-12px] data-[side=top]:bottom-[-7px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180';\n\n/** Position/rotation classes for a 20x10 ArrowTip poking -6px/-10px out of its side — used by `Tooltip`. */\nexport const ARROW_TIP_POSITION_TIGHT =\n    'data-[side=bottom]:top-[-6px] data-[side=left]:right-[-10px] data-[side=right]:left-[-10px] data-[side=top]:bottom-[-6px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180';\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;AAGO,MAAM,0BACT;AAGG,MAAM,2BACT;AAEG,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": "14.1.1",
+    "version": "14.2.0-tanstack-virtual-update.0",
     "license": "MIT",
     "type": "module",
     "main": "./dist/index.cjs",
@@ -52,7 +52,7 @@
         "@react-aria/focus": "^3.19.0",
         "@react-aria/interactions": "^3.12.0",
         "@tanstack/react-table": "^8.21.3",
-        "@tanstack/react-virtual": "3.14.12",
+        "@tanstack/react-virtual": "3.14.13",
         "date-fns": "^4.4.0",
         "lodash": "^4.18.1",
         "motion": "12.42.2",
@@ -67,7 +67,7 @@
         "tailwindcss": ">=3.4.19"
     },
     "devDependencies": {
-        "@economic/taco-rules": "^1.1.0",
+        "@economic/taco-rules": "1.1.1-tanstack-virtual-update.0",
         "@oxlint/plugins": "^1.75.0",
         "@svgr/cli": "^8.1.0",
         "@testing-library/jest-dom": "^6.9.1",
@@ -87,13 +87,13 @@
         "tailwindcss": "^3.4.19",
         "typescript": "^6.0.3",
         "vite": "^7.3.6",
-        "vite-plugin-dts": "^5.0.3",
+        "vite-plugin-dts": "^5.1.1",
         "vite-plugin-externalize-deps": "^0.10.0",
         "vitest": "^4.1.11",
         "vitest-fail-on-console": "^0.10.1"
     },
     "optionalDependencies": {
-        "@rollup/rollup-linux-x64-gnu": "^4.63.4"
+        "@rollup/rollup-linux-x64-gnu": "^4.63.5"
     },
-    "gitHead": "a6870b0b611e53cfb1bba68a072bf09ff35f286c"
+    "gitHead": "d2b35196d66fc268887f02bdd46d090b7d6c910e"
 }

package/dist/components/Popover/Primitives.cjs

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("@base-ui/react");
-const React = require("react");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-function UnstyledArrow(props) {
-  return /* @__PURE__ */ React__namespace.createElement(react.Popover.Arrow, { className: "data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=right]:left-[-13px] data-[side=top]:bottom-[-8px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180" }, /* @__PURE__ */ React__namespace.createElement("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...props }, /* @__PURE__ */ React__namespace.createElement(
-    "path",
-    {
-      d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
-      className: "fill-[canvas]"
-    }
-  ), /* @__PURE__ */ React__namespace.createElement(
-    "path",
-    {
-      d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
-      className: "fill-gray-200"
-    }
-  ), /* @__PURE__ */ React__namespace.createElement(
-    "path",
-    {
-      d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
-      className: "group-focus:fill-blue-300"
-    }
-  )));
-}
-exports.UnstyledArrow = UnstyledArrow;
-//# sourceMappingURL=Primitives.cjs.map

package/dist/components/Popover/Primitives.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Primitives.cjs","sources":["../../../src/components/Popover/Primitives.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react';\nimport * as React from 'react';\n\nexport function UnstyledArrow(props: React.SVGAttributes<SVGElement>) {\n    return (\n        <PopoverPrimitive.Arrow className=\"data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=right]:left-[-13px] data-[side=top]:bottom-[-8px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180\">\n            <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" {...props}>\n                <path\n                    d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n                    className=\"fill-[canvas]\"\n                />\n                <path\n                    d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n                    className=\"fill-gray-200\"\n                />\n                <path\n                    d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n                    className=\"group-focus:fill-blue-300\"\n                />\n            </svg>\n        </PopoverPrimitive.Arrow>\n    );\n}\n"],"names":["PopoverPrimitive","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAGO,SAAS,cAAc,OAAwC;AAClE,wDACKA,MAAAA,QAAiB,OAAjB,EAAuB,WAAU,kNAC9BC,iCAAA,cAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAQ,GAAG,SAC5DA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,WAAU;AAAA,IAAA;AAAA,EAAA,GAEdA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,WAAU;AAAA,IAAA;AAAA,EAAA,GAEdA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,WAAU;AAAA,IAAA;AAAA,EAAA,CAElB,CACJ;AAER;;"}

package/dist/components/Popover/Primitives.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare function UnstyledArrow(props: React.SVGAttributes<SVGElement>): React.JSX.Element;

package/dist/components/Popover/Primitives.js

@@ -1,27 +0,0 @@
-import { Popover } from "@base-ui/react";
-import * as React from "react";
-function UnstyledArrow(props) {
-  return /* @__PURE__ */ React.createElement(Popover.Arrow, { className: "data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=right]:left-[-13px] data-[side=top]:bottom-[-8px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180" }, /* @__PURE__ */ React.createElement("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...props }, /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
-      className: "fill-[canvas]"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
-      className: "fill-gray-200"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
-      className: "group-focus:fill-blue-300"
-    }
-  )));
-}
-export {
-  UnstyledArrow
-};
-//# sourceMappingURL=Primitives.js.map

package/dist/components/Popover/Primitives.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Primitives.js","sources":["../../../src/components/Popover/Primitives.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react';\nimport * as React from 'react';\n\nexport function UnstyledArrow(props: React.SVGAttributes<SVGElement>) {\n    return (\n        <PopoverPrimitive.Arrow className=\"data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=right]:left-[-13px] data-[side=top]:bottom-[-8px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180\">\n            <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" {...props}>\n                <path\n                    d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n                    className=\"fill-[canvas]\"\n                />\n                <path\n                    d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n                    className=\"fill-gray-200\"\n                />\n                <path\n                    d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n                    className=\"group-focus:fill-blue-300\"\n                />\n            </svg>\n        </PopoverPrimitive.Arrow>\n    );\n}\n"],"names":["PopoverPrimitive"],"mappings":";;AAGO,SAAS,cAAc,OAAwC;AAClE,6CACKA,QAAiB,OAAjB,EAAuB,WAAU,kNAC9B,sBAAA,cAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAQ,GAAG,SAC5D,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,WAAU;AAAA,IAAA;AAAA,EAAA,GAEd,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,WAAU;AAAA,IAAA;AAAA,EAAA,GAEd,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,WAAU;AAAA,IAAA;AAAA,EAAA,CAElB,CACJ;AAER;"}