@coveord/plasma-mantine 56.10.0 → 56.12.0

package/dist/cjs/components/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC"}

package/dist/cjs/components/Card/Card.js

@@ -9,5 +9,6 @@ Object.defineProperty(exports, "Card", {
     }
 });
 var _core = require("@mantine/core");
+_core.Card.displayName = 'Card';
 
 //# sourceMappingURL=Card.js.map

package/dist/cjs/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Card/Card.ts"],"sourcesContent":["export {Card, type CardFactory, type CardProps} from '@mantine/core';\n"],"names":["Card"],"mappings":";;;;+BAAQA;;;eAAAA,UAAI;;;oBAAyC"}
+{"version":3,"sources":["../../../../src/components/Card/Card.ts"],"sourcesContent":["import {Card} from '@mantine/core';\n\nCard.displayName = 'Card';\n\nexport {Card, type CardFactory, type CardProps} from '@mantine/core';\n"],"names":["Card","displayName"],"mappings":";;;;+BAIQA;;;eAAAA,UAAI;;;oBAJO;AAEnBA,UAAI,CAACC,WAAW,GAAG"}

package/dist/cjs/components/SegmentedControl/SegmentedControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/SegmentedControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,KAAK,qBAAqB,EAAC,MAAM,eAAe,CAAC"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/SegmentedControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,KAAK,qBAAqB,EAAC,MAAM,eAAe,CAAC"}

package/dist/cjs/components/SegmentedControl/SegmentedControl.js

@@ -9,5 +9,6 @@ Object.defineProperty(exports, "SegmentedControl", {
     }
 });
 var _core = require("@mantine/core");
+_core.SegmentedControl.displayName = 'SegmentedControl';
 
 //# sourceMappingURL=SegmentedControl.js.map

package/dist/cjs/components/SegmentedControl/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SegmentedControl/SegmentedControl.ts"],"sourcesContent":["export {SegmentedControl, type SegmentedControlFactory, type SegmentedControlProps} from '@mantine/core';\n"],"names":["SegmentedControl"],"mappings":";;;;+BAAQA;;;eAAAA,sBAAgB;;;oBAAiE"}
+{"version":3,"sources":["../../../../src/components/SegmentedControl/SegmentedControl.ts"],"sourcesContent":["import {SegmentedControl} from '@mantine/core';\n\nSegmentedControl.displayName = 'SegmentedControl';\n\nexport {SegmentedControl, type SegmentedControlFactory, type SegmentedControlProps} from '@mantine/core';\n"],"names":["SegmentedControl","displayName"],"mappings":";;;;+BAIQA;;;eAAAA,sBAAgB;;;oBAJO;AAE/BA,sBAAgB,CAACC,WAAW,GAAG"}

package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnsSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAGhE,MAAM,WAAW,2BAA2B;IACxC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,oBAAoB,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC7D;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,+BAA+B;IAC5C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAUD,eAAO,MAAM,0BAA0B,GAAI,oBAAkB,+BAA+B,4CA2F3F,CAAC"}
+{"version":3,"file":"TableColumnsSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAGhE,MAAM,WAAW,2BAA2B;IACxC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,oBAAoB,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC7D;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,+BAA+B;IAC5C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAUD,eAAO,MAAM,0BAA0B,GAAI,oBAAkB,+BAA+B,4CAgF3F,CAAC"}

package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.js

@@ -9,9 +9,11 @@ Object.defineProperty(exports, "TableColumnsSelectorHeader", {
     }
 });
 var _object_spread = require("@swc/helpers/_/_object_spread");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _jsxruntime = require("react/jsx-runtime");
 var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
+var _hooks = require("@mantine/hooks");
 var _reacttable = require("@tanstack/react-table");
 var _ActionIcon = require("../../ActionIcon/ActionIcon");
 var DEFAULT_OPTIONS = {
@@ -24,14 +26,7 @@ var DEFAULT_OPTIONS = {
 var TableColumnsSelectorHeader = function(param) {
     var table = param.table, options = param.options;
     var _$_object_spread = _object_spread._({}, DEFAULT_OPTIONS, options), maxSelectableColumns = _$_object_spread.maxSelectableColumns, footer = _$_object_spread.footer, limitReachedTooltip = _$_object_spread.limitReachedTooltip, alwaysVisibleTooltip = _$_object_spread.alwaysVisibleTooltip;
-    var combobox = (0, _core.useCombobox)({
-        onDropdownClose: function() {
-            combobox.resetSelectedOption();
-        },
-        onDropdownOpen: function() {
-            return combobox.updateSelectedOptionIndex('active');
-        }
-    });
+    var _useDisclosure = _sliced_to_array._((0, _hooks.useDisclosure)(false), 2), opened = _useDisclosure[0], _useDisclosure_ = _useDisclosure[1], toggle = _useDisclosure_.toggle, close = _useDisclosure_.close;
     var allColumns = table.getAllLeafColumns();
     var filteredColumns = allColumns.filter(function(column) {
         var _column_columnDef_meta;
@@ -55,72 +50,68 @@ var TableColumnsSelectorHeader = function(param) {
             isVisible: isVisible
         };
     };
-    var handleOptionClick = function(columnId) {
-        var column = filteredColumns.find(function(col) {
-            return col.id === columnId;
-        });
-        if (column) {
-            var isDisabled = getColumnState(column).isDisabled;
-            if (!isDisabled) {
-                column.toggleVisibility();
-            }
-        }
-    };
     var columnOptions = filteredColumns.map(function(column) {
         var _getColumnState = getColumnState(column), alwaysVisible = _getColumnState.alwaysVisible, isDisabled = _getColumnState.isDisabled, isVisible = _getColumnState.isVisible;
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Combobox.Option, {
-            value: column.id,
-            disabled: isDisabled,
-            active: isVisible,
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
-                label: alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip,
-                disabled: !isDisabled,
-                position: "left",
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Checkbox, {
-                        checked: isVisible,
-                        label: (0, _reacttable.flexRender)(column.columnDef.header, {
-                            table: table,
-                            column: column,
-                            header: {
-                                column: column
-                            }
-                        }),
-                        disabled: isDisabled
-                    })
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
+            label: alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip,
+            disabled: !isDisabled,
+            position: "left",
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Checkbox, {
+                    label: (0, _reacttable.flexRender)(column.columnDef.header, {
+                        table: table,
+                        column: column,
+                        header: {
+                            column: column
+                        }
+                    }),
+                    name: column.id,
+                    checked: isVisible,
+                    disabled: isDisabled,
+                    onChange: column.getToggleVisibilityHandler()
                 })
             })
         }, column.id);
     });
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Combobox, {
-        store: combobox,
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Popover, {
+        opened: opened,
+        onClose: close,
         position: "bottom-end",
         shadow: "md",
-        onOptionSubmit: handleOptionClick,
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Combobox.Target, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Popover.Target, {
                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionIcon.ActionIcon.Tertiary, {
-                    onClick: function() {
-                        return combobox.toggleDropdown();
-                    },
+                    onClick: toggle,
                     "aria-label": "settings",
                     children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconSettings, {
                         height: 16
                     })
                 })
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Combobox.Dropdown, {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Popover.Dropdown, {
                 miw: 270,
+                pb: "xs",
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Combobox.Options, {
-                        children: columnOptions
-                    }),
-                    effectiveMaxColumns && /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Combobox.Footer, {
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, {
-                            size: "sm",
-                            c: "dimmed",
-                            children: typeof footer === 'function' ? footer(effectiveMaxColumns) : footer
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.ScrollArea.Autosize, {
+                        mah: 200,
+                        type: "auto",
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Stack, {
+                            gap: "xs",
+                            children: columnOptions
                         })
+                    }),
+                    effectiveMaxColumns && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Divider, {
+                                my: "xs",
+                                mx: "-sm"
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, {
+                                size: "sm",
+                                c: "dimmed",
+                                children: typeof footer === 'function' ? footer(effectiveMaxColumns) : footer
+                            })
+                        ]
                     })
                 ]
             })

package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"sourcesContent":["import {IconSettings} from '@coveord/plasma-react-icons';\nimport {Checkbox, Combobox, Text, Tooltip, useCombobox} from '@mantine/core';\nimport {flexRender, Header, Table} from '@tanstack/react-table';\nimport {ActionIcon} from '../../ActionIcon/ActionIcon';\n\nexport interface TableColumnsSelectorOptions {\n    /**\n     * The maximum number of columns that can be selected at the same time.\n     * If defined a footer will render with the remaining number of columns that can be selected.\n     * Must be a positive integer (greater than 0).\n     */\n    maxSelectableColumns?: number;\n    /**\n     * The content to display in the footer when maxSelectableColumns is defined.\n     * Can be a string or a function that receives the maxSelectableColumns value.\n     * @default (max) => `You can display up to ${max} columns.`\n     */\n    footer?: string | ((maxSelectableColumns: number) => string);\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because of the limit.\n     * @default 'You have reached the maximum display limit.'\n     */\n    limitReachedTooltip?: string;\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because a column cannot be hidden.\n     * @default 'This column is always visible.'\n     */\n    alwaysVisibleTooltip?: string;\n}\n\nexport interface TableColumnsSelectorHeaderProps {\n    table: Table<unknown>;\n    options?: TableColumnsSelectorOptions;\n}\n\nconst DEFAULT_OPTIONS: Omit<TableColumnsSelectorOptions, 'footer'> & {\n    footer: (maxSelectableColumns: number) => string;\n} = {\n    footer: (max) => `You can display up to ${max} columns.`,\n    limitReachedTooltip: 'You have reached the maximum display limit.',\n    alwaysVisibleTooltip: 'This column is always visible.',\n};\n\nexport const TableColumnsSelectorHeader = ({table, options}: TableColumnsSelectorHeaderProps) => {\n    const {maxSelectableColumns, footer, limitReachedTooltip, alwaysVisibleTooltip} = {\n        ...DEFAULT_OPTIONS,\n        ...options,\n    };\n\n    const combobox = useCombobox({\n        onDropdownClose: () => {\n            combobox.resetSelectedOption();\n        },\n        onDropdownOpen: () => combobox.updateSelectedOptionIndex('active'),\n    });\n\n    const allColumns = table.getAllLeafColumns();\n    const filteredColumns = allColumns.filter((column) => !column.columnDef.meta?.controlColumn);\n    const selectedColumnsCount = filteredColumns.filter((column) => column.getIsVisible()).length;\n\n    // Validate maxSelectableColumns - must be a positive integer to be effective\n    const effectiveMaxColumns =\n        maxSelectableColumns !== undefined && maxSelectableColumns > 0 ? maxSelectableColumns : undefined;\n\n    if (filteredColumns.length <= 0) {\n        return null;\n    }\n\n    const getColumnState = (column: (typeof filteredColumns)[number]) => {\n        const alwaysVisible = !column.getCanHide();\n        const isDisabled =\n            (effectiveMaxColumns !== undefined &&\n                selectedColumnsCount >= effectiveMaxColumns &&\n                !column.getIsVisible()) ||\n            alwaysVisible;\n        const isVisible = column.getIsVisible() || alwaysVisible;\n        return {alwaysVisible, isDisabled, isVisible};\n    };\n\n    const handleOptionClick = (columnId: string) => {\n        const column = filteredColumns.find((col) => col.id === columnId);\n        if (column) {\n            const {isDisabled} = getColumnState(column);\n            if (!isDisabled) {\n                column.toggleVisibility();\n            }\n        }\n    };\n\n    const columnOptions = filteredColumns.map((column) => {\n        const {alwaysVisible, isDisabled, isVisible} = getColumnState(column);\n\n        return (\n            <Combobox.Option value={column.id} key={column.id} disabled={isDisabled} active={isVisible}>\n                <Tooltip\n                    label={alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip}\n                    disabled={!isDisabled}\n                    position=\"left\"\n                >\n                    <div>\n                        <Checkbox\n                            checked={isVisible}\n                            label={flexRender(column.columnDef.header, {\n                                table,\n                                column,\n                                header: {column} as Header<unknown, unknown>,\n                            })}\n                            disabled={isDisabled}\n                        />\n                    </div>\n                </Tooltip>\n            </Combobox.Option>\n        );\n    });\n\n    return (\n        <Combobox store={combobox} position=\"bottom-end\" shadow=\"md\" onOptionSubmit={handleOptionClick}>\n            <Combobox.Target>\n                <ActionIcon.Tertiary onClick={() => combobox.toggleDropdown()} aria-label=\"settings\">\n                    <IconSettings height={16} />\n                </ActionIcon.Tertiary>\n            </Combobox.Target>\n            <Combobox.Dropdown miw={270}>\n                <Combobox.Options>{columnOptions}</Combobox.Options>\n                {effectiveMaxColumns && (\n                    <Combobox.Footer>\n                        <Text size=\"sm\" c=\"dimmed\">\n                            {typeof footer === 'function' ? footer(effectiveMaxColumns) : footer}\n                        </Text>\n                    </Combobox.Footer>\n                )}\n            </Combobox.Dropdown>\n        </Combobox>\n    );\n};\n"],"names":["TableColumnsSelectorHeader","DEFAULT_OPTIONS","footer","max","limitReachedTooltip","alwaysVisibleTooltip","table","options","maxSelectableColumns","combobox","useCombobox","onDropdownClose","resetSelectedOption","onDropdownOpen","updateSelectedOptionIndex","allColumns","getAllLeafColumns","filteredColumns","filter","column","columnDef","meta","controlColumn","selectedColumnsCount","getIsVisible","length","effectiveMaxColumns","undefined","getColumnState","alwaysVisible","getCanHide","isDisabled","isVisible","handleOptionClick","columnId","find","col","id","toggleVisibility","columnOptions","map","Combobox","Option","value","disabled","active","Tooltip","label","position","div","Checkbox","checked","flexRender","header","store","shadow","onOptionSubmit","Target","ActionIcon","Tertiary","onClick","toggleDropdown","aria-label","IconSettings","height","Dropdown","miw","Options","Footer","Text","size","c"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"sourcesContent":["import {IconSettings} from '@coveord/plasma-react-icons';\nimport {Checkbox, Divider, Popover, ScrollArea, Stack, Text, Tooltip} from '@mantine/core';\nimport {useDisclosure} from '@mantine/hooks';\nimport {flexRender, Header, Table} from '@tanstack/react-table';\nimport {ActionIcon} from '../../ActionIcon/ActionIcon';\n\nexport interface TableColumnsSelectorOptions {\n    /**\n     * The maximum number of columns that can be selected at the same time.\n     * If defined a footer will render with the remaining number of columns that can be selected.\n     * Must be a positive integer (greater than 0).\n     */\n    maxSelectableColumns?: number;\n    /**\n     * The content to display in the footer when maxSelectableColumns is defined.\n     * Can be a string or a function that receives the maxSelectableColumns value.\n     * @default (max) => `You can display up to ${max} columns.`\n     */\n    footer?: string | ((maxSelectableColumns: number) => string);\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because of the limit.\n     * @default 'You have reached the maximum display limit.'\n     */\n    limitReachedTooltip?: string;\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because a column cannot be hidden.\n     * @default 'This column is always visible.'\n     */\n    alwaysVisibleTooltip?: string;\n}\n\nexport interface TableColumnsSelectorHeaderProps {\n    table: Table<unknown>;\n    options?: TableColumnsSelectorOptions;\n}\n\nconst DEFAULT_OPTIONS: Omit<TableColumnsSelectorOptions, 'footer'> & {\n    footer: (maxSelectableColumns: number) => string;\n} = {\n    footer: (max) => `You can display up to ${max} columns.`,\n    limitReachedTooltip: 'You have reached the maximum display limit.',\n    alwaysVisibleTooltip: 'This column is always visible.',\n};\n\nexport const TableColumnsSelectorHeader = ({table, options}: TableColumnsSelectorHeaderProps) => {\n    const {maxSelectableColumns, footer, limitReachedTooltip, alwaysVisibleTooltip} = {\n        ...DEFAULT_OPTIONS,\n        ...options,\n    };\n\n    const [opened, {toggle, close}] = useDisclosure(false);\n\n    const allColumns = table.getAllLeafColumns();\n    const filteredColumns = allColumns.filter((column) => !column.columnDef.meta?.controlColumn);\n    const selectedColumnsCount = filteredColumns.filter((column) => column.getIsVisible()).length;\n\n    // Validate maxSelectableColumns - must be a positive integer to be effective\n    const effectiveMaxColumns =\n        maxSelectableColumns !== undefined && maxSelectableColumns > 0 ? maxSelectableColumns : undefined;\n\n    if (filteredColumns.length <= 0) {\n        return null;\n    }\n\n    const getColumnState = (column: (typeof filteredColumns)[number]) => {\n        const alwaysVisible = !column.getCanHide();\n        const isDisabled =\n            (effectiveMaxColumns !== undefined &&\n                selectedColumnsCount >= effectiveMaxColumns &&\n                !column.getIsVisible()) ||\n            alwaysVisible;\n        const isVisible = column.getIsVisible() || alwaysVisible;\n        return {alwaysVisible, isDisabled, isVisible};\n    };\n\n    const columnOptions = filteredColumns.map((column) => {\n        const {alwaysVisible, isDisabled, isVisible} = getColumnState(column);\n\n        return (\n            <Tooltip\n                label={alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip}\n                disabled={!isDisabled}\n                position=\"left\"\n                key={column.id}\n            >\n                <div>\n                    <Checkbox\n                        label={flexRender(column.columnDef.header, {\n                            table,\n                            column,\n                            header: {column} as Header<unknown, unknown>,\n                        })}\n                        name={column.id}\n                        checked={isVisible}\n                        disabled={isDisabled}\n                        onChange={column.getToggleVisibilityHandler()}\n                    />\n                </div>\n            </Tooltip>\n        );\n    });\n\n    return (\n        <Popover opened={opened} onClose={close} position=\"bottom-end\" shadow=\"md\">\n            <Popover.Target>\n                <ActionIcon.Tertiary onClick={toggle} aria-label=\"settings\">\n                    <IconSettings height={16} />\n                </ActionIcon.Tertiary>\n            </Popover.Target>\n            <Popover.Dropdown miw={270} pb=\"xs\">\n                <ScrollArea.Autosize mah={200} type=\"auto\">\n                    <Stack gap=\"xs\">{columnOptions}</Stack>\n                </ScrollArea.Autosize>\n                {effectiveMaxColumns && (\n                    <>\n                        <Divider my=\"xs\" mx=\"-sm\" />\n                        <Text size=\"sm\" c=\"dimmed\">\n                            {typeof footer === 'function' ? footer(effectiveMaxColumns) : footer}\n                        </Text>\n                    </>\n                )}\n            </Popover.Dropdown>\n        </Popover>\n    );\n};\n"],"names":["TableColumnsSelectorHeader","DEFAULT_OPTIONS","footer","max","limitReachedTooltip","alwaysVisibleTooltip","table","options","maxSelectableColumns","useDisclosure","opened","toggle","close","allColumns","getAllLeafColumns","filteredColumns","filter","column","columnDef","meta","controlColumn","selectedColumnsCount","getIsVisible","length","effectiveMaxColumns","undefined","getColumnState","alwaysVisible","getCanHide","isDisabled","isVisible","columnOptions","map","Tooltip","label","disabled","position","div","Checkbox","flexRender","header","name","id","checked","onChange","getToggleVisibilityHandler","Popover","onClose","shadow","Target","ActionIcon","Tertiary","onClick","aria-label","IconSettings","height","Dropdown","miw","pb","ScrollArea","Autosize","mah","type","Stack","gap","Divider","my","mx","Text","size","c"],"mappings":";;;;+BA4CaA;;;eAAAA;;;;;;gCA5Cc;oBACgD;qBAC/C;0BACY;0BACf;AAgCzB,IAAMC,kBAEF;IACAC,QAAQ,SAACC;eAAQ,AAAC,yBAA4B,OAAJA,KAAI;;IAC9CC,qBAAqB;IACrBC,sBAAsB;AAC1B;AAEO,IAAML,6BAA6B;QAAEM,cAAAA,OAAOC,gBAAAA;IAC/C,IAAkF,mBAAA,qBAC3EN,iBACAM,UAFAC,uBAA2E,iBAA3EA,sBAAsBN,SAAqD,iBAArDA,QAAQE,sBAA6C,iBAA7CA,qBAAqBC,uBAAwB,iBAAxBA;IAK1D,IAAkCI,oCAAAA,IAAAA,oBAAa,EAAC,YAAzCC,SAA2BD,qCAAAA,mBAAlBE,yBAAAA,QAAQC,wBAAAA;IAExB,IAAMC,aAAaP,MAAMQ,iBAAiB;IAC1C,IAAMC,kBAAkBF,WAAWG,MAAM,CAAC,SAACC;YAAYA;eAAD,GAACA,yBAAAA,OAAOC,SAAS,CAACC,IAAI,cAArBF,6CAAAA,uBAAuBG,aAAa;;IAC3F,IAAMC,uBAAuBN,gBAAgBC,MAAM,CAAC,SAACC;eAAWA,OAAOK,YAAY;OAAIC,MAAM;IAE7F,6EAA6E;IAC7E,IAAMC,sBACFhB,yBAAyBiB,aAAajB,uBAAuB,IAAIA,uBAAuBiB;IAE5F,IAAIV,gBAAgBQ,MAAM,IAAI,GAAG;QAC7B,OAAO;IACX;IAEA,IAAMG,iBAAiB,SAACT;QACpB,IAAMU,gBAAgB,CAACV,OAAOW,UAAU;QACxC,IAAMC,aACF,AAACL,wBAAwBC,aACrBJ,wBAAwBG,uBACxB,CAACP,OAAOK,YAAY,MACxBK;QACJ,IAAMG,YAAYb,OAAOK,YAAY,MAAMK;QAC3C,OAAO;YAACA,eAAAA;YAAeE,YAAAA;YAAYC,WAAAA;QAAS;IAChD;IAEA,IAAMC,gBAAgBhB,gBAAgBiB,GAAG,CAAC,SAACf;QACvC,IAA+CS,kBAAAA,eAAeT,SAAvDU,gBAAwCD,gBAAxCC,eAAeE,aAAyBH,gBAAzBG,YAAYC,YAAaJ,gBAAbI;QAElC,qBACI,qBAACG,aAAO;YACJC,OAAOP,gBAAgBtB,uBAAuBD;YAC9C+B,UAAU,CAACN;YACXO,UAAS;sBAGT,cAAA,qBAACC;0BACG,cAAA,qBAACC,cAAQ;oBACLJ,OAAOK,IAAAA,sBAAU,EAACtB,OAAOC,SAAS,CAACsB,MAAM,EAAE;wBACvClC,OAAAA;wBACAW,QAAAA;wBACAuB,QAAQ;4BAACvB,QAAAA;wBAAM;oBACnB;oBACAwB,MAAMxB,OAAOyB,EAAE;oBACfC,SAASb;oBACTK,UAAUN;oBACVe,UAAU3B,OAAO4B,0BAA0B;;;WAZ9C5B,OAAOyB,EAAE;IAiB1B;IAEA,qBACI,sBAACI,aAAO;QAACpC,QAAQA;QAAQqC,SAASnC;QAAOwB,UAAS;QAAaY,QAAO;;0BAClE,qBAACF,aAAO,CAACG,MAAM;0BACX,cAAA,qBAACC,sBAAU,CAACC,QAAQ;oBAACC,SAASzC;oBAAQ0C,cAAW;8BAC7C,cAAA,qBAACC,8BAAY;wBAACC,QAAQ;;;;0BAG9B,sBAACT,aAAO,CAACU,QAAQ;gBAACC,KAAK;gBAAKC,IAAG;;kCAC3B,qBAACC,gBAAU,CAACC,QAAQ;wBAACC,KAAK;wBAAKC,MAAK;kCAChC,cAAA,qBAACC,WAAK;4BAACC,KAAI;sCAAMjC;;;oBAEpBP,qCACG;;0CACI,qBAACyC,aAAO;gCAACC,IAAG;gCAAKC,IAAG;;0CACpB,qBAACC,UAAI;gCAACC,MAAK;gCAAKC,GAAE;0CACb,OAAOpE,WAAW,aAAaA,OAAOsB,uBAAuBtB;;;;;;;;AAO1F"}

package/dist/cjs/components/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.ts"],"names":[],"mappings":"AAOA,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC"}

package/dist/cjs/components/Tabs/Tabs.js

@@ -9,5 +9,9 @@ Object.defineProperty(exports, "Tabs", {
     }
 });
 var _core = require("@mantine/core");
+_core.Tabs.displayName = 'Tabs';
+_core.Tabs.List.displayName = 'Tabs.List';
+_core.Tabs.Tab.displayName = 'Tabs.Tab';
+_core.Tabs.Panel.displayName = 'Tabs.Panel';
 
 //# sourceMappingURL=Tabs.js.map

package/dist/cjs/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tabs/Tabs.ts"],"sourcesContent":["export {Tabs, type TabsFactory, type TabsProps} from '@mantine/core';\n"],"names":["Tabs"],"mappings":";;;;+BAAQA;;;eAAAA,UAAI;;;oBAAyC"}
+{"version":3,"sources":["../../../../src/components/Tabs/Tabs.ts"],"sourcesContent":["import {Tabs} from '@mantine/core';\n\nTabs.displayName = 'Tabs';\nTabs.List.displayName = 'Tabs.List';\nTabs.Tab.displayName = 'Tabs.Tab';\nTabs.Panel.displayName = 'Tabs.Panel';\n\nexport {Tabs, type TabsFactory, type TabsProps} from '@mantine/core';\n"],"names":["Tabs","displayName","List","Tab","Panel"],"mappings":";;;;+BAOQA;;;eAAAA,UAAI;;;oBAPO;AAEnBA,UAAI,CAACC,WAAW,GAAG;AACnBD,UAAI,CAACE,IAAI,CAACD,WAAW,GAAG;AACxBD,UAAI,CAACG,GAAG,CAACF,WAAW,GAAG;AACvBD,UAAI,CAACI,KAAK,CAACH,WAAW,GAAG"}

package/dist/cjs/components/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC"}

package/dist/cjs/components/Tooltip/Tooltip.js

@@ -9,5 +9,6 @@ Object.defineProperty(exports, "Tooltip", {
     }
 });
 var _core = require("@mantine/core");
+_core.Tooltip.displayName = 'Tooltip';
 
 //# sourceMappingURL=Tooltip.js.map

package/dist/cjs/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.ts"],"sourcesContent":["export {Tooltip, type TooltipFactory, type TooltipProps} from '@mantine/core';\n"],"names":["Tooltip"],"mappings":";;;;+BAAQA;;;eAAAA,aAAO;;;oBAA+C"}
+{"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.ts"],"sourcesContent":["import {Tooltip} from '@mantine/core';\n\nTooltip.displayName = 'Tooltip';\n\nexport {Tooltip, type TooltipFactory, type TooltipProps} from '@mantine/core';\n"],"names":["Tooltip","displayName"],"mappings":";;;;+BAIQA;;;eAAAA,aAAO;;;oBAJO;AAEtBA,aAAO,CAACC,WAAW,GAAG"}

package/dist/esm/components/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC"}

package/dist/esm/components/Card/Card.js

@@ -1,3 +1,5 @@
+import { Card } from '@mantine/core';
+Card.displayName = 'Card';
 export { Card } from '@mantine/core';
 
 //# sourceMappingURL=Card.js.map

package/dist/esm/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Card/Card.ts"],"sourcesContent":["export {Card, type CardFactory, type CardProps} from '@mantine/core';\n"],"names":["Card"],"mappings":"AAAA,SAAQA,IAAI,QAAyC,gBAAgB"}
+{"version":3,"sources":["../../../../src/components/Card/Card.ts"],"sourcesContent":["import {Card} from '@mantine/core';\n\nCard.displayName = 'Card';\n\nexport {Card, type CardFactory, type CardProps} from '@mantine/core';\n"],"names":["Card","displayName"],"mappings":"AAAA,SAAQA,IAAI,QAAO,gBAAgB;AAEnCA,KAAKC,WAAW,GAAG;AAEnB,SAAQD,IAAI,QAAyC,gBAAgB"}

package/dist/esm/components/SegmentedControl/SegmentedControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/SegmentedControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,KAAK,qBAAqB,EAAC,MAAM,eAAe,CAAC"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/SegmentedControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,KAAK,qBAAqB,EAAC,MAAM,eAAe,CAAC"}

package/dist/esm/components/SegmentedControl/SegmentedControl.js

@@ -1,3 +1,5 @@
+import { SegmentedControl } from '@mantine/core';
+SegmentedControl.displayName = 'SegmentedControl';
 export { SegmentedControl } from '@mantine/core';
 
 //# sourceMappingURL=SegmentedControl.js.map

package/dist/esm/components/SegmentedControl/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SegmentedControl/SegmentedControl.ts"],"sourcesContent":["export {SegmentedControl, type SegmentedControlFactory, type SegmentedControlProps} from '@mantine/core';\n"],"names":["SegmentedControl"],"mappings":"AAAA,SAAQA,gBAAgB,QAAiE,gBAAgB"}
+{"version":3,"sources":["../../../../src/components/SegmentedControl/SegmentedControl.ts"],"sourcesContent":["import {SegmentedControl} from '@mantine/core';\n\nSegmentedControl.displayName = 'SegmentedControl';\n\nexport {SegmentedControl, type SegmentedControlFactory, type SegmentedControlProps} from '@mantine/core';\n"],"names":["SegmentedControl","displayName"],"mappings":"AAAA,SAAQA,gBAAgB,QAAO,gBAAgB;AAE/CA,iBAAiBC,WAAW,GAAG;AAE/B,SAAQD,gBAAgB,QAAiE,gBAAgB"}

package/dist/esm/components/Table/table-columns-selector/TableColumnsSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnsSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAGhE,MAAM,WAAW,2BAA2B;IACxC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,oBAAoB,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC7D;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,+BAA+B;IAC5C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAUD,eAAO,MAAM,0BAA0B,GAAI,oBAAkB,+BAA+B,4CA2F3F,CAAC"}
+{"version":3,"file":"TableColumnsSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAGhE,MAAM,WAAW,2BAA2B;IACxC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,oBAAoB,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC7D;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,+BAA+B;IAC5C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAUD,eAAO,MAAM,0BAA0B,GAAI,oBAAkB,+BAA+B,4CAgF3F,CAAC"}

package/dist/esm/components/Table/table-columns-selector/TableColumnsSelector.js

@@ -1,6 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { IconSettings } from '@coveord/plasma-react-icons';
-import { Checkbox, Combobox, Text, Tooltip, useCombobox } from '@mantine/core';
+import { Checkbox, Divider, Popover, ScrollArea, Stack, Text, Tooltip } from '@mantine/core';
+import { useDisclosure } from '@mantine/hooks';
 import { flexRender } from '@tanstack/react-table';
 import { ActionIcon } from '../../ActionIcon/ActionIcon';
 const DEFAULT_OPTIONS = {
@@ -13,12 +14,7 @@ export const TableColumnsSelectorHeader = ({ table, options })=>{
         ...DEFAULT_OPTIONS,
         ...options
     };
-    const combobox = useCombobox({
-        onDropdownClose: ()=>{
-            combobox.resetSelectedOption();
-        },
-        onDropdownOpen: ()=>combobox.updateSelectedOptionIndex('active')
-    });
+    const [opened, { toggle, close }] = useDisclosure(false);
     const allColumns = table.getAllLeafColumns();
     const filteredColumns = allColumns.filter((column)=>!column.columnDef.meta?.controlColumn);
     const selectedColumnsCount = filteredColumns.filter((column)=>column.getIsVisible()).length;
@@ -37,68 +33,68 @@ export const TableColumnsSelectorHeader = ({ table, options })=>{
             isVisible
         };
     };
-    const handleOptionClick = (columnId)=>{
-        const column = filteredColumns.find((col)=>col.id === columnId);
-        if (column) {
-            const { isDisabled } = getColumnState(column);
-            if (!isDisabled) {
-                column.toggleVisibility();
-            }
-        }
-    };
     const columnOptions = filteredColumns.map((column)=>{
         const { alwaysVisible, isDisabled, isVisible } = getColumnState(column);
-        return /*#__PURE__*/ _jsx(Combobox.Option, {
-            value: column.id,
-            disabled: isDisabled,
-            active: isVisible,
-            children: /*#__PURE__*/ _jsx(Tooltip, {
-                label: alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip,
-                disabled: !isDisabled,
-                position: "left",
-                children: /*#__PURE__*/ _jsx("div", {
-                    children: /*#__PURE__*/ _jsx(Checkbox, {
-                        checked: isVisible,
-                        label: flexRender(column.columnDef.header, {
-                            table,
-                            column,
-                            header: {
-                                column
-                            }
-                        }),
-                        disabled: isDisabled
-                    })
+        return /*#__PURE__*/ _jsx(Tooltip, {
+            label: alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip,
+            disabled: !isDisabled,
+            position: "left",
+            children: /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsx(Checkbox, {
+                    label: flexRender(column.columnDef.header, {
+                        table,
+                        column,
+                        header: {
+                            column
+                        }
+                    }),
+                    name: column.id,
+                    checked: isVisible,
+                    disabled: isDisabled,
+                    onChange: column.getToggleVisibilityHandler()
                 })
             })
         }, column.id);
     });
-    return /*#__PURE__*/ _jsxs(Combobox, {
-        store: combobox,
+    return /*#__PURE__*/ _jsxs(Popover, {
+        opened: opened,
+        onClose: close,
         position: "bottom-end",
         shadow: "md",
-        onOptionSubmit: handleOptionClick,
         children: [
-            /*#__PURE__*/ _jsx(Combobox.Target, {
+            /*#__PURE__*/ _jsx(Popover.Target, {
                 children: /*#__PURE__*/ _jsx(ActionIcon.Tertiary, {
-                    onClick: ()=>combobox.toggleDropdown(),
+                    onClick: toggle,
                     "aria-label": "settings",
                     children: /*#__PURE__*/ _jsx(IconSettings, {
                         height: 16
                     })
                 })
             }),
-            /*#__PURE__*/ _jsxs(Combobox.Dropdown, {
+            /*#__PURE__*/ _jsxs(Popover.Dropdown, {
                 miw: 270,
+                pb: "xs",
                 children: [
-                    /*#__PURE__*/ _jsx(Combobox.Options, {
-                        children: columnOptions
-                    }),
-                    effectiveMaxColumns && /*#__PURE__*/ _jsx(Combobox.Footer, {
-                        children: /*#__PURE__*/ _jsx(Text, {
-                            size: "sm",
-                            c: "dimmed",
-                            children: typeof footer === 'function' ? footer(effectiveMaxColumns) : footer
+                    /*#__PURE__*/ _jsx(ScrollArea.Autosize, {
+                        mah: 200,
+                        type: "auto",
+                        children: /*#__PURE__*/ _jsx(Stack, {
+                            gap: "xs",
+                            children: columnOptions
                         })
+                    }),
+                    effectiveMaxColumns && /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Divider, {
+                                my: "xs",
+                                mx: "-sm"
+                            }),
+                            /*#__PURE__*/ _jsx(Text, {
+                                size: "sm",
+                                c: "dimmed",
+                                children: typeof footer === 'function' ? footer(effectiveMaxColumns) : footer
+                            })
+                        ]
                     })
                 ]
             })

package/dist/esm/components/Table/table-columns-selector/TableColumnsSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"sourcesContent":["import {IconSettings} from '@coveord/plasma-react-icons';\nimport {Checkbox, Combobox, Text, Tooltip, useCombobox} from '@mantine/core';\nimport {flexRender, Header, Table} from '@tanstack/react-table';\nimport {ActionIcon} from '../../ActionIcon/ActionIcon';\n\nexport interface TableColumnsSelectorOptions {\n    /**\n     * The maximum number of columns that can be selected at the same time.\n     * If defined a footer will render with the remaining number of columns that can be selected.\n     * Must be a positive integer (greater than 0).\n     */\n    maxSelectableColumns?: number;\n    /**\n     * The content to display in the footer when maxSelectableColumns is defined.\n     * Can be a string or a function that receives the maxSelectableColumns value.\n     * @default (max) => `You can display up to ${max} columns.`\n     */\n    footer?: string | ((maxSelectableColumns: number) => string);\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because of the limit.\n     * @default 'You have reached the maximum display limit.'\n     */\n    limitReachedTooltip?: string;\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because a column cannot be hidden.\n     * @default 'This column is always visible.'\n     */\n    alwaysVisibleTooltip?: string;\n}\n\nexport interface TableColumnsSelectorHeaderProps {\n    table: Table<unknown>;\n    options?: TableColumnsSelectorOptions;\n}\n\nconst DEFAULT_OPTIONS: Omit<TableColumnsSelectorOptions, 'footer'> & {\n    footer: (maxSelectableColumns: number) => string;\n} = {\n    footer: (max) => `You can display up to ${max} columns.`,\n    limitReachedTooltip: 'You have reached the maximum display limit.',\n    alwaysVisibleTooltip: 'This column is always visible.',\n};\n\nexport const TableColumnsSelectorHeader = ({table, options}: TableColumnsSelectorHeaderProps) => {\n    const {maxSelectableColumns, footer, limitReachedTooltip, alwaysVisibleTooltip} = {\n        ...DEFAULT_OPTIONS,\n        ...options,\n    };\n\n    const combobox = useCombobox({\n        onDropdownClose: () => {\n            combobox.resetSelectedOption();\n        },\n        onDropdownOpen: () => combobox.updateSelectedOptionIndex('active'),\n    });\n\n    const allColumns = table.getAllLeafColumns();\n    const filteredColumns = allColumns.filter((column) => !column.columnDef.meta?.controlColumn);\n    const selectedColumnsCount = filteredColumns.filter((column) => column.getIsVisible()).length;\n\n    // Validate maxSelectableColumns - must be a positive integer to be effective\n    const effectiveMaxColumns =\n        maxSelectableColumns !== undefined && maxSelectableColumns > 0 ? maxSelectableColumns : undefined;\n\n    if (filteredColumns.length <= 0) {\n        return null;\n    }\n\n    const getColumnState = (column: (typeof filteredColumns)[number]) => {\n        const alwaysVisible = !column.getCanHide();\n        const isDisabled =\n            (effectiveMaxColumns !== undefined &&\n                selectedColumnsCount >= effectiveMaxColumns &&\n                !column.getIsVisible()) ||\n            alwaysVisible;\n        const isVisible = column.getIsVisible() || alwaysVisible;\n        return {alwaysVisible, isDisabled, isVisible};\n    };\n\n    const handleOptionClick = (columnId: string) => {\n        const column = filteredColumns.find((col) => col.id === columnId);\n        if (column) {\n            const {isDisabled} = getColumnState(column);\n            if (!isDisabled) {\n                column.toggleVisibility();\n            }\n        }\n    };\n\n    const columnOptions = filteredColumns.map((column) => {\n        const {alwaysVisible, isDisabled, isVisible} = getColumnState(column);\n\n        return (\n            <Combobox.Option value={column.id} key={column.id} disabled={isDisabled} active={isVisible}>\n                <Tooltip\n                    label={alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip}\n                    disabled={!isDisabled}\n                    position=\"left\"\n                >\n                    <div>\n                        <Checkbox\n                            checked={isVisible}\n                            label={flexRender(column.columnDef.header, {\n                                table,\n                                column,\n                                header: {column} as Header<unknown, unknown>,\n                            })}\n                            disabled={isDisabled}\n                        />\n                    </div>\n                </Tooltip>\n            </Combobox.Option>\n        );\n    });\n\n    return (\n        <Combobox store={combobox} position=\"bottom-end\" shadow=\"md\" onOptionSubmit={handleOptionClick}>\n            <Combobox.Target>\n                <ActionIcon.Tertiary onClick={() => combobox.toggleDropdown()} aria-label=\"settings\">\n                    <IconSettings height={16} />\n                </ActionIcon.Tertiary>\n            </Combobox.Target>\n            <Combobox.Dropdown miw={270}>\n                <Combobox.Options>{columnOptions}</Combobox.Options>\n                {effectiveMaxColumns && (\n                    <Combobox.Footer>\n                        <Text size=\"sm\" c=\"dimmed\">\n                            {typeof footer === 'function' ? footer(effectiveMaxColumns) : footer}\n                        </Text>\n                    </Combobox.Footer>\n                )}\n            </Combobox.Dropdown>\n        </Combobox>\n    );\n};\n"],"names":["IconSettings","Checkbox","Combobox","Text","Tooltip","useCombobox","flexRender","ActionIcon","DEFAULT_OPTIONS","footer","max","limitReachedTooltip","alwaysVisibleTooltip","TableColumnsSelectorHeader","table","options","maxSelectableColumns","combobox","onDropdownClose","resetSelectedOption","onDropdownOpen","updateSelectedOptionIndex","allColumns","getAllLeafColumns","filteredColumns","filter","column","columnDef","meta","controlColumn","selectedColumnsCount","getIsVisible","length","effectiveMaxColumns","undefined","getColumnState","alwaysVisible","getCanHide","isDisabled","isVisible","handleOptionClick","columnId","find","col","id","toggleVisibility","columnOptions","map","Option","value","disabled","active","label","position","div","checked","header","store","shadow","onOptionSubmit","Target","Tertiary","onClick","toggleDropdown","aria-label","height","Dropdown","miw","Options","Footer","size","c"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"sourcesContent":["import {IconSettings} from '@coveord/plasma-react-icons';\nimport {Checkbox, Divider, Popover, ScrollArea, Stack, Text, Tooltip} from '@mantine/core';\nimport {useDisclosure} from '@mantine/hooks';\nimport {flexRender, Header, Table} from '@tanstack/react-table';\nimport {ActionIcon} from '../../ActionIcon/ActionIcon';\n\nexport interface TableColumnsSelectorOptions {\n    /**\n     * The maximum number of columns that can be selected at the same time.\n     * If defined a footer will render with the remaining number of columns that can be selected.\n     * Must be a positive integer (greater than 0).\n     */\n    maxSelectableColumns?: number;\n    /**\n     * The content to display in the footer when maxSelectableColumns is defined.\n     * Can be a string or a function that receives the maxSelectableColumns value.\n     * @default (max) => `You can display up to ${max} columns.`\n     */\n    footer?: string | ((maxSelectableColumns: number) => string);\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because of the limit.\n     * @default 'You have reached the maximum display limit.'\n     */\n    limitReachedTooltip?: string;\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because a column cannot be hidden.\n     * @default 'This column is always visible.'\n     */\n    alwaysVisibleTooltip?: string;\n}\n\nexport interface TableColumnsSelectorHeaderProps {\n    table: Table<unknown>;\n    options?: TableColumnsSelectorOptions;\n}\n\nconst DEFAULT_OPTIONS: Omit<TableColumnsSelectorOptions, 'footer'> & {\n    footer: (maxSelectableColumns: number) => string;\n} = {\n    footer: (max) => `You can display up to ${max} columns.`,\n    limitReachedTooltip: 'You have reached the maximum display limit.',\n    alwaysVisibleTooltip: 'This column is always visible.',\n};\n\nexport const TableColumnsSelectorHeader = ({table, options}: TableColumnsSelectorHeaderProps) => {\n    const {maxSelectableColumns, footer, limitReachedTooltip, alwaysVisibleTooltip} = {\n        ...DEFAULT_OPTIONS,\n        ...options,\n    };\n\n    const [opened, {toggle, close}] = useDisclosure(false);\n\n    const allColumns = table.getAllLeafColumns();\n    const filteredColumns = allColumns.filter((column) => !column.columnDef.meta?.controlColumn);\n    const selectedColumnsCount = filteredColumns.filter((column) => column.getIsVisible()).length;\n\n    // Validate maxSelectableColumns - must be a positive integer to be effective\n    const effectiveMaxColumns =\n        maxSelectableColumns !== undefined && maxSelectableColumns > 0 ? maxSelectableColumns : undefined;\n\n    if (filteredColumns.length <= 0) {\n        return null;\n    }\n\n    const getColumnState = (column: (typeof filteredColumns)[number]) => {\n        const alwaysVisible = !column.getCanHide();\n        const isDisabled =\n            (effectiveMaxColumns !== undefined &&\n                selectedColumnsCount >= effectiveMaxColumns &&\n                !column.getIsVisible()) ||\n            alwaysVisible;\n        const isVisible = column.getIsVisible() || alwaysVisible;\n        return {alwaysVisible, isDisabled, isVisible};\n    };\n\n    const columnOptions = filteredColumns.map((column) => {\n        const {alwaysVisible, isDisabled, isVisible} = getColumnState(column);\n\n        return (\n            <Tooltip\n                label={alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip}\n                disabled={!isDisabled}\n                position=\"left\"\n                key={column.id}\n            >\n                <div>\n                    <Checkbox\n                        label={flexRender(column.columnDef.header, {\n                            table,\n                            column,\n                            header: {column} as Header<unknown, unknown>,\n                        })}\n                        name={column.id}\n                        checked={isVisible}\n                        disabled={isDisabled}\n                        onChange={column.getToggleVisibilityHandler()}\n                    />\n                </div>\n            </Tooltip>\n        );\n    });\n\n    return (\n        <Popover opened={opened} onClose={close} position=\"bottom-end\" shadow=\"md\">\n            <Popover.Target>\n                <ActionIcon.Tertiary onClick={toggle} aria-label=\"settings\">\n                    <IconSettings height={16} />\n                </ActionIcon.Tertiary>\n            </Popover.Target>\n            <Popover.Dropdown miw={270} pb=\"xs\">\n                <ScrollArea.Autosize mah={200} type=\"auto\">\n                    <Stack gap=\"xs\">{columnOptions}</Stack>\n                </ScrollArea.Autosize>\n                {effectiveMaxColumns && (\n                    <>\n                        <Divider my=\"xs\" mx=\"-sm\" />\n                        <Text size=\"sm\" c=\"dimmed\">\n                            {typeof footer === 'function' ? footer(effectiveMaxColumns) : footer}\n                        </Text>\n                    </>\n                )}\n            </Popover.Dropdown>\n        </Popover>\n    );\n};\n"],"names":["IconSettings","Checkbox","Divider","Popover","ScrollArea","Stack","Text","Tooltip","useDisclosure","flexRender","ActionIcon","DEFAULT_OPTIONS","footer","max","limitReachedTooltip","alwaysVisibleTooltip","TableColumnsSelectorHeader","table","options","maxSelectableColumns","opened","toggle","close","allColumns","getAllLeafColumns","filteredColumns","filter","column","columnDef","meta","controlColumn","selectedColumnsCount","getIsVisible","length","effectiveMaxColumns","undefined","getColumnState","alwaysVisible","getCanHide","isDisabled","isVisible","columnOptions","map","label","disabled","position","div","header","name","id","checked","onChange","getToggleVisibilityHandler","onClose","shadow","Target","Tertiary","onClick","aria-label","height","Dropdown","miw","pb","Autosize","mah","type","gap","my","mx","size","c"],"mappings":";AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SAAQC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAEC,UAAU,EAAEC,KAAK,EAAEC,IAAI,EAAEC,OAAO,QAAO,gBAAgB;AAC3F,SAAQC,aAAa,QAAO,iBAAiB;AAC7C,SAAQC,UAAU,QAAsB,wBAAwB;AAChE,SAAQC,UAAU,QAAO,8BAA8B;AAgCvD,MAAMC,kBAEF;IACAC,QAAQ,CAACC,MAAQ,CAAC,sBAAsB,EAAEA,IAAI,SAAS,CAAC;IACxDC,qBAAqB;IACrBC,sBAAsB;AAC1B;AAEA,OAAO,MAAMC,6BAA6B,CAAC,EAACC,KAAK,EAAEC,OAAO,EAAkC;IACxF,MAAM,EAACC,oBAAoB,EAAEP,MAAM,EAAEE,mBAAmB,EAAEC,oBAAoB,EAAC,GAAG;QAC9E,GAAGJ,eAAe;QAClB,GAAGO,OAAO;IACd;IAEA,MAAM,CAACE,QAAQ,EAACC,MAAM,EAAEC,KAAK,EAAC,CAAC,GAAGd,cAAc;IAEhD,MAAMe,aAAaN,MAAMO,iBAAiB;IAC1C,MAAMC,kBAAkBF,WAAWG,MAAM,CAAC,CAACC,SAAW,CAACA,OAAOC,SAAS,CAACC,IAAI,EAAEC;IAC9E,MAAMC,uBAAuBN,gBAAgBC,MAAM,CAAC,CAACC,SAAWA,OAAOK,YAAY,IAAIC,MAAM;IAE7F,6EAA6E;IAC7E,MAAMC,sBACFf,yBAAyBgB,aAAahB,uBAAuB,IAAIA,uBAAuBgB;IAE5F,IAAIV,gBAAgBQ,MAAM,IAAI,GAAG;QAC7B,OAAO;IACX;IAEA,MAAMG,iBAAiB,CAACT;QACpB,MAAMU,gBAAgB,CAACV,OAAOW,UAAU;QACxC,MAAMC,aACF,AAACL,wBAAwBC,aACrBJ,wBAAwBG,uBACxB,CAACP,OAAOK,YAAY,MACxBK;QACJ,MAAMG,YAAYb,OAAOK,YAAY,MAAMK;QAC3C,OAAO;YAACA;YAAeE;YAAYC;QAAS;IAChD;IAEA,MAAMC,gBAAgBhB,gBAAgBiB,GAAG,CAAC,CAACf;QACvC,MAAM,EAACU,aAAa,EAAEE,UAAU,EAAEC,SAAS,EAAC,GAAGJ,eAAeT;QAE9D,qBACI,KAACpB;YACGoC,OAAON,gBAAgBtB,uBAAuBD;YAC9C8B,UAAU,CAACL;YACXM,UAAS;sBAGT,cAAA,KAACC;0BACG,cAAA,KAAC7C;oBACG0C,OAAOlC,WAAWkB,OAAOC,SAAS,CAACmB,MAAM,EAAE;wBACvC9B;wBACAU;wBACAoB,QAAQ;4BAACpB;wBAAM;oBACnB;oBACAqB,MAAMrB,OAAOsB,EAAE;oBACfC,SAASV;oBACTI,UAAUL;oBACVY,UAAUxB,OAAOyB,0BAA0B;;;WAZ9CzB,OAAOsB,EAAE;IAiB1B;IAEA,qBACI,MAAC9C;QAAQiB,QAAQA;QAAQiC,SAAS/B;QAAOuB,UAAS;QAAaS,QAAO;;0BAClE,KAACnD,QAAQoD,MAAM;0BACX,cAAA,KAAC7C,WAAW8C,QAAQ;oBAACC,SAASpC;oBAAQqC,cAAW;8BAC7C,cAAA,KAAC1D;wBAAa2D,QAAQ;;;;0BAG9B,MAACxD,QAAQyD,QAAQ;gBAACC,KAAK;gBAAKC,IAAG;;kCAC3B,KAAC1D,WAAW2D,QAAQ;wBAACC,KAAK;wBAAKC,MAAK;kCAChC,cAAA,KAAC5D;4BAAM6D,KAAI;sCAAMzB;;;oBAEpBP,qCACG;;0CACI,KAAChC;gCAAQiE,IAAG;gCAAKC,IAAG;;0CACpB,KAAC9D;gCAAK+D,MAAK;gCAAKC,GAAE;0CACb,OAAO1D,WAAW,aAAaA,OAAOsB,uBAAuBtB;;;;;;;;AAO1F,EAAE"}

package/dist/esm/components/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.ts"],"names":[],"mappings":"AAOA,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC"}

package/dist/esm/components/Tabs/Tabs.js

@@ -1,3 +1,8 @@
+import { Tabs } from '@mantine/core';
+Tabs.displayName = 'Tabs';
+Tabs.List.displayName = 'Tabs.List';
+Tabs.Tab.displayName = 'Tabs.Tab';
+Tabs.Panel.displayName = 'Tabs.Panel';
 export { Tabs } from '@mantine/core';
 
 //# sourceMappingURL=Tabs.js.map

package/dist/esm/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tabs/Tabs.ts"],"sourcesContent":["export {Tabs, type TabsFactory, type TabsProps} from '@mantine/core';\n"],"names":["Tabs"],"mappings":"AAAA,SAAQA,IAAI,QAAyC,gBAAgB"}
+{"version":3,"sources":["../../../../src/components/Tabs/Tabs.ts"],"sourcesContent":["import {Tabs} from '@mantine/core';\n\nTabs.displayName = 'Tabs';\nTabs.List.displayName = 'Tabs.List';\nTabs.Tab.displayName = 'Tabs.Tab';\nTabs.Panel.displayName = 'Tabs.Panel';\n\nexport {Tabs, type TabsFactory, type TabsProps} from '@mantine/core';\n"],"names":["Tabs","displayName","List","Tab","Panel"],"mappings":"AAAA,SAAQA,IAAI,QAAO,gBAAgB;AAEnCA,KAAKC,WAAW,GAAG;AACnBD,KAAKE,IAAI,CAACD,WAAW,GAAG;AACxBD,KAAKG,GAAG,CAACF,WAAW,GAAG;AACvBD,KAAKI,KAAK,CAACH,WAAW,GAAG;AAEzB,SAAQD,IAAI,QAAyC,gBAAgB"}

package/dist/esm/components/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC"}

package/dist/esm/components/Tooltip/Tooltip.js

@@ -1,3 +1,5 @@
+import { Tooltip } from '@mantine/core';
+Tooltip.displayName = 'Tooltip';
 export { Tooltip } from '@mantine/core';
 
 //# sourceMappingURL=Tooltip.js.map

package/dist/esm/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.ts"],"sourcesContent":["export {Tooltip, type TooltipFactory, type TooltipProps} from '@mantine/core';\n"],"names":["Tooltip"],"mappings":"AAAA,SAAQA,OAAO,QAA+C,gBAAgB"}
+{"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.ts"],"sourcesContent":["import {Tooltip} from '@mantine/core';\n\nTooltip.displayName = 'Tooltip';\n\nexport {Tooltip, type TooltipFactory, type TooltipProps} from '@mantine/core';\n"],"names":["Tooltip","displayName"],"mappings":"AAAA,SAAQA,OAAO,QAAO,gBAAgB;AAEtCA,QAAQC,WAAW,GAAG;AAEtB,SAAQD,OAAO,QAA+C,gBAAgB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "56.10.0",
+  "version": "56.12.0",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -81,8 +81,8 @@
     "fast-deep-equal": "3.1.3",
     "lodash.defaultsdeep": "4.6.1",
     "monaco-editor": "0.55.1",
-    "@coveord/plasma-react-icons": "56.8.1",
-    "@coveord/plasma-tokens": "56.8.1"
+    "@coveord/plasma-tokens": "56.8.1",
+    "@coveord/plasma-react-icons": "56.8.1"
   },
   "devDependencies": {
     "@mantine/carousel": "8.3.10",

package/src/components/Card/Card.ts

@@ -1 +1,5 @@
+import {Card} from '@mantine/core';
+
+Card.displayName = 'Card';
+
 export {Card, type CardFactory, type CardProps} from '@mantine/core';

package/src/components/SegmentedControl/SegmentedControl.ts

@@ -1 +1,5 @@
+import {SegmentedControl} from '@mantine/core';
+
+SegmentedControl.displayName = 'SegmentedControl';
+
 export {SegmentedControl, type SegmentedControlFactory, type SegmentedControlProps} from '@mantine/core';