@coveord/plasma-mantine 59.8.0 → 60.0.0

package/dist/cjs/components/Collection/layouts/CollectionLayouts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollectionLayouts.d.ts","sourceRoot":"","sources":["../../../../../src/components/Collection/layouts/CollectionLayouts.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB;;;;eAY2xB,CAAC;;;eAA5xB,CAAC;;;;;;;eAAgyF,CAAC;;;eANh0F,CAAC;;;;CAHS,CAAC;AAEX,OAAO,EAAC,gBAAgB,EAAC,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAC,cAAc,EAAC,MAAM,qCAAqC,CAAC;AACnE,YAAY,EACR,gBAAgB,EAChB,yBAAyB,EACzB,2BAA2B,GAC9B,MAAM,6BAA6B,CAAC"}

package/dist/cjs/components/Collection/layouts/CollectionLayouts.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get CollectionLayouts () {
-        return CollectionLayouts;
-    },
-    get HorizontalLayout () {
-        return _HorizontalLayout.HorizontalLayout;
-    },
-    get VerticalLayout () {
-        return _VerticalLayout.VerticalLayout;
-    }
-});
-var _HorizontalLayout = require("./horizontal-layout/HorizontalLayout.js");
-var _VerticalLayout = require("./vertical-layout/VerticalLayout.js");
-var CollectionLayouts = {
-    Horizontal: _HorizontalLayout.HorizontalLayout,
-    Vertical: _VerticalLayout.VerticalLayout
-};
-
-//# sourceMappingURL=CollectionLayouts.js.map

package/dist/cjs/components/Collection/layouts/CollectionLayouts.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Collection/layouts/CollectionLayouts.tsx"],"sourcesContent":["import {HorizontalLayout} from './horizontal-layout/HorizontalLayout.js';\nimport {VerticalLayout} from './vertical-layout/VerticalLayout.js';\n\nexport const CollectionLayouts = {\n    Horizontal: HorizontalLayout,\n    Vertical: VerticalLayout,\n} as const;\n\nexport {HorizontalLayout} from './horizontal-layout/HorizontalLayout.js';\nexport {VerticalLayout} from './vertical-layout/VerticalLayout.js';\nexport type {\n    CollectionLayout,\n    CollectionLayoutBodyProps,\n    CollectionLayoutHeaderProps,\n} from './CollectionLayout.types.js';\n"],"names":["CollectionLayouts","HorizontalLayout","VerticalLayout","Horizontal","Vertical"],"mappings":";;;;;;;;;;;QAGaA;eAAAA;;QAKLC;eAAAA,kCAAgB;;QAChBC;eAAAA,8BAAc;;;gCATS;8BACF;AAEtB,IAAMF,oBAAoB;IAC7BG,YAAYF,kCAAgB;IAC5BG,UAAUF,8BAAc;AAC5B"}

package/dist/cjs/components/Collection/layouts/horizontal-layout/HorizontalLayout.d.ts

@@ -1,12 +0,0 @@
-import { LayoutProps } from '../shared/layoutConstants.js';
-export declare const HorizontalLayout: {
-    ({ children }: LayoutProps): import("react/jsx-runtime").JSX.Element;
-    Body: <T>(props: import("../shared/layoutConstants.js").LayoutBodyProps<T> & {
-        ref?: import("react").ForwardedRef<HTMLDivElement>;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Header: (props: import("../shared/layoutConstants.js").LayoutHeaderProps & {
-        ref?: import("react").ForwardedRef<HTMLDivElement>;
-    }) => import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=HorizontalLayout.d.ts.map

package/dist/cjs/components/Collection/layouts/horizontal-layout/HorizontalLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Collection/layouts/horizontal-layout/HorizontalLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,8BAA8B,CAAC;AAIzD,eAAO,MAAM,gBAAgB;mBAAgB,WAAW;;WAK63B,CAAC;;;WAA5xB,CAAC;;;CAL/E,CAAC"}

package/dist/cjs/components/Collection/layouts/horizontal-layout/HorizontalLayout.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "HorizontalLayout", {
-    enumerable: true,
-    get: function() {
-        return HorizontalLayout;
-    }
-});
-var _jsxruntime = require("react/jsx-runtime");
-var _HorizontalLayoutBody = require("./HorizontalLayoutBody.js");
-var _HorizontalLayoutHeader = require("./HorizontalLayoutHeader.js");
-var HorizontalLayout = function HorizontalLayout(param) {
-    var children = param.children;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-        children: children
-    });
-};
-HorizontalLayout.Body = _HorizontalLayoutBody.HorizontalLayoutBody;
-HorizontalLayout.Header = _HorizontalLayoutHeader.HorizontalLayoutHeader;
-HorizontalLayout.displayName = 'Horizontal';
-
-//# sourceMappingURL=HorizontalLayout.js.map

package/dist/cjs/components/Collection/layouts/horizontal-layout/HorizontalLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/Collection/layouts/horizontal-layout/HorizontalLayout.tsx"],"sourcesContent":["import {LayoutProps} from '../shared/layoutConstants.js';\nimport {HorizontalLayoutBody} from './HorizontalLayoutBody.js';\nimport {HorizontalLayoutHeader} from './HorizontalLayoutHeader.js';\n\nexport const HorizontalLayout = ({children}: LayoutProps) => <>{children}</>;\n\nHorizontalLayout.Body = HorizontalLayoutBody;\nHorizontalLayout.Header = HorizontalLayoutHeader;\nHorizontalLayout.displayName = 'Horizontal';\n"],"names":["HorizontalLayout","children","Body","HorizontalLayoutBody","Header","HorizontalLayoutHeader","displayName"],"mappings":";;;;+BAIaA;;;eAAAA;;;;oCAHsB;sCACE;AAE9B,IAAMA,mBAAmB;QAAEC,iBAAAA;yBAA2B;kBAAGA;;;AAEhED,iBAAiBE,IAAI,GAAGC,0CAAoB;AAC5CH,iBAAiBI,MAAM,GAAGC,8CAAsB;AAChDL,iBAAiBM,WAAW,GAAG"}

package/dist/cjs/components/Collection/layouts/horizontal-layout/HorizontalLayoutBody.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalLayoutBody.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Collection/layouts/horizontal-layout/HorizontalLayoutBody.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAU,MAAM,OAAO,CAAC;AAI5C,OAAO,EAA4B,eAAe,EAAC,MAAM,8BAA8B,CAAC;AA8BxF,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAG,OAAO,eAAe,CAAC,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;CAAC,4CAgCxG,CAAC"}

package/dist/cjs/components/Collection/layouts/horizontal-layout/HorizontalLayoutBody.js

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "HorizontalLayoutBody", {
-    enumerable: true,
-    get: function() {
-        return HorizontalLayoutBody;
-    }
-});
-var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
-var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-var _jsxruntime = require("react/jsx-runtime");
-var _core = require("@mantine/core");
-var _react = require("react");
-var _CollectionContext = require("../../CollectionContext.js");
-var _columnUtils = require("../shared/columnUtils.js");
-var _itemRenderer = require("../shared/itemRenderer.js");
-var _layoutConstants = require("../shared/layoutConstants.js");
-var _HorizontalLayoutmodulecss = /*#__PURE__*/ _interop_require_default._(require("./HorizontalLayout.module.css"));
-var defaultProps = _layoutConstants.LAYOUT_BODY_DEFAULT_PROPS;
-/**
- * Horizontal layout specific content renderer - renders cells in a row
- */ var renderHorizontalContent = function renderHorizontalContent(item, index, columns, cellContext, layoutClasses) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-        children: columns.map(function(column, colIndex) {
-            var _column_id;
-            var columnId = (_column_id = column.id) !== null && _column_id !== void 0 ? _column_id : "column-".concat(colIndex);
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, {
-                className: layoutClasses.cell,
-                style: (0, _columnUtils.getColumnSizeStyles)(column),
-                children: column.cell(item, index, cellContext)
-            }, columnId);
-        })
-    });
-};
-// Create renderers once - they are stable component references
-var horizontalRenderers = (0, _itemRenderer.createItemRenderers)();
-var HorizontalLayoutBody = function HorizontalLayoutBody(props) {
-    var collectionCtx = (0, _CollectionContext.useCollectionContext)();
-    var _useProps = (0, _core.useProps)('HorizontalLayoutBody', defaultProps, props), items = _useProps.items, onRemove = _useProps.onRemove, removable = _useProps.removable, draggable = _useProps.draggable, disabled = _useProps.disabled, readOnly = _useProps.readOnly, getItemId = _useProps.getItemId, gap = _useProps.gap, ref = _useProps.ref, others = _object_without_properties._(_useProps, [
-        "items",
-        "onRemove",
-        "removable",
-        "draggable",
-        "disabled",
-        "readOnly",
-        "getItemId",
-        "gap",
-        "ref"
-    ]);
-    var config = (0, _react.useMemo)(function() {
-        return {
-            renderContent: renderHorizontalContent,
-            containerSelector: 'row',
-            inlineControls: true
-        };
-    }, []);
-    var rows = (0, _itemRenderer.mapItemsToComponents)(items, horizontalRenderers, config, _HorizontalLayoutmodulecss.default, {
-        getItemId: getItemId,
-        onRemove: onRemove,
-        removable: removable,
-        draggable: draggable,
-        disabled: disabled,
-        readOnly: readOnly,
-        columns: collectionCtx.columns
-    });
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Stack, _object_spread_props._(_object_spread._({
-        ref: ref,
-        gap: gap
-    }, others), {
-        children: rows
-    }));
-};
-
-//# sourceMappingURL=HorizontalLayoutBody.js.map

package/dist/cjs/components/Collection/layouts/horizontal-layout/HorizontalLayoutBody.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/Collection/layouts/horizontal-layout/HorizontalLayoutBody.tsx"],"sourcesContent":["import {Box, Stack, useProps} from '@mantine/core';\nimport {ForwardedRef, useMemo} from 'react';\nimport {useCollectionContext} from '../../CollectionContext.js';\nimport {getColumnSizeStyles} from '../shared/columnUtils.js';\nimport {createItemRenderers, ItemContentRenderer, LayoutClasses, mapItemsToComponents} from '../shared/itemRenderer.js';\nimport {LAYOUT_BODY_DEFAULT_PROPS, LayoutBodyProps} from '../shared/layoutConstants.js';\nimport classes from './HorizontalLayout.module.css';\n\nconst defaultProps: Partial<LayoutBodyProps> = LAYOUT_BODY_DEFAULT_PROPS;\n\n/**\n * Horizontal layout specific content renderer - renders cells in a row\n */\nconst renderHorizontalContent: ItemContentRenderer<unknown> = (\n    item,\n    index,\n    columns,\n    cellContext,\n    layoutClasses: LayoutClasses,\n) => (\n    <>\n        {columns.map((column, colIndex) => {\n            const columnId = column.id ?? `column-${colIndex}`;\n            return (\n                <Box key={columnId} className={layoutClasses.cell} style={getColumnSizeStyles(column)}>\n                    {column.cell(item, index, cellContext)}\n                </Box>\n            );\n        })}\n    </>\n);\n\n// Create renderers once - they are stable component references\nconst horizontalRenderers = createItemRenderers<unknown>();\n\nexport const HorizontalLayoutBody = <T,>(props: LayoutBodyProps<T> & {ref?: ForwardedRef<HTMLDivElement>}) => {\n    const collectionCtx = useCollectionContext();\n    const {items, onRemove, removable, draggable, disabled, readOnly, getItemId, gap, ref, ...others} = useProps(\n        'HorizontalLayoutBody',\n        defaultProps as LayoutBodyProps<T>,\n        props,\n    );\n\n    const config = useMemo(\n        () => ({\n            renderContent: renderHorizontalContent,\n            containerSelector: 'row',\n            inlineControls: true,\n        }),\n        [],\n    );\n\n    const rows = mapItemsToComponents(items, horizontalRenderers, config, classes as LayoutClasses, {\n        getItemId,\n        onRemove,\n        removable,\n        draggable,\n        disabled,\n        readOnly,\n        columns: collectionCtx.columns,\n    });\n\n    return (\n        <Stack ref={ref} gap={gap} {...others}>\n            {rows}\n        </Stack>\n    );\n};\n"],"names":["HorizontalLayoutBody","defaultProps","LAYOUT_BODY_DEFAULT_PROPS","renderHorizontalContent","item","index","columns","cellContext","layoutClasses","map","column","colIndex","columnId","id","Box","className","cell","style","getColumnSizeStyles","horizontalRenderers","createItemRenderers","props","collectionCtx","useCollectionContext","useProps","items","onRemove","removable","draggable","disabled","readOnly","getItemId","gap","ref","others","config","useMemo","renderContent","containerSelector","inlineControls","rows","mapItemsToComponents","classes","Stack"],"mappings":";;;;+BAmCaA;;;eAAAA;;;;;;;;oBAnCsB;qBACC;iCACD;2BACD;4BAC0D;+BACnC;kFACrC;AAEpB,IAAMC,eAAyCC,0CAAyB;AAExE;;CAEC,GACD,IAAMC,0BAAwD,iCAC1DC,MACAC,OACAC,SACAC,aACAC;yBAEA;kBACKF,QAAQG,GAAG,CAAC,SAACC,QAAQC;gBACDD;YAAjB,IAAME,YAAWF,aAAAA,OAAOG,EAAE,cAATH,wBAAAA,aAAa,AAAC,UAAkB,OAATC;YACxC,qBACI,qBAACG,SAAG;gBAAgBC,WAAWP,cAAcQ,IAAI;gBAAEC,OAAOC,IAAAA,gCAAmB,EAACR;0BACzEA,OAAOM,IAAI,CAACZ,MAAMC,OAAOE;eADpBK;QAIlB;;;AAIR,+DAA+D;AAC/D,IAAMO,sBAAsBC,IAAAA,iCAAmB;AAExC,IAAMpB,uBAAuB,8BAAKqB;IACrC,IAAMC,gBAAgBC,IAAAA,uCAAoB;IAC1C,IAAoGC,YAAAA,IAAAA,cAAQ,EACxG,wBACAvB,cACAoB,QAHGI,QAA6FD,UAA7FC,OAAOC,WAAsFF,UAAtFE,UAAUC,YAA4EH,UAA5EG,WAAWC,YAAiEJ,UAAjEI,WAAWC,WAAsDL,UAAtDK,UAAUC,WAA4CN,UAA5CM,UAAUC,YAAkCP,UAAlCO,WAAWC,MAAuBR,UAAvBQ,KAAKC,MAAkBT,UAAlBS,KAAQC,sCAAUV;;;;;;;;;;;IAMpG,IAAMW,SAASC,IAAAA,cAAO,EAClB;eAAO;YACHC,eAAelC;YACfmC,mBAAmB;YACnBC,gBAAgB;QACpB;OACA,EAAE;IAGN,IAAMC,OAAOC,IAAAA,kCAAoB,EAAChB,OAAON,qBAAqBgB,QAAQO,kCAAO,EAAmB;QAC5FX,WAAAA;QACAL,UAAAA;QACAC,WAAAA;QACAC,WAAAA;QACAC,UAAAA;QACAC,UAAAA;QACAxB,SAASgB,cAAchB,OAAO;IAClC;IAEA,qBACI,qBAACqC,WAAK;QAACV,KAAKA;QAAKD,KAAKA;OAASE;kBAC1BM;;AAGb"}

package/dist/cjs/components/Collection/layouts/horizontal-layout/HorizontalLayoutHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalLayoutHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Collection/layouts/horizontal-layout/HorizontalLayoutHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AAInC,OAAO,EAA8B,iBAAiB,EAAC,MAAM,8BAA8B,CAAC;AAK5F,eAAO,MAAM,sBAAsB,GAAI,OAAO,iBAAiB,GAAG;IAAC,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;CAAC,4CAsBrG,CAAC"}

package/dist/cjs/components/Collection/layouts/horizontal-layout/HorizontalLayoutHeader.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "HorizontalLayoutHeader", {
-    enumerable: true,
-    get: function() {
-        return HorizontalLayoutHeader;
-    }
-});
-var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
-var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-var _jsxruntime = require("react/jsx-runtime");
-var _core = require("@mantine/core");
-var _CollectionContext = require("../../CollectionContext.js");
-var _columnUtils = require("../shared/columnUtils.js");
-var _headerUtils = require("../shared/headerUtils.js");
-var _layoutConstants = require("../shared/layoutConstants.js");
-var _HorizontalLayoutmodulecss = /*#__PURE__*/ _interop_require_default._(require("./HorizontalLayout.module.css"));
-var defaultProps = _layoutConstants.LAYOUT_HEADER_DEFAULT_PROPS;
-var HorizontalLayoutHeader = function HorizontalLayoutHeader(props) {
-    var collectionCtx = (0, _CollectionContext.useCollectionContext)();
-    var _useProps = (0, _core.useProps)('HorizontalLayoutHeader', defaultProps, props), draggable = _useProps.draggable, removable = _useProps.removable, style = _useProps.style, ref = _useProps.ref, others = _object_without_properties._(_useProps, [
-        "draggable",
-        "removable",
-        "style",
-        "ref"
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Box, _object_spread_props._(_object_spread._({
-        ref: ref,
-        className: _HorizontalLayoutmodulecss.default.headerRow,
-        style: style
-    }, others), {
-        children: [
-            draggable && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: _HorizontalLayoutmodulecss.default.dragHandleHeader
-            }),
-            collectionCtx.columns.map(function(column, index) {
-                var _column_id;
-                var columnId = (_column_id = column.id) !== null && _column_id !== void 0 ? _column_id : "column-".concat(index);
-                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, {
-                    className: _HorizontalLayoutmodulecss.default.headerCell,
-                    style: (0, _columnUtils.getColumnSizeStyles)(column),
-                    children: (0, _headerUtils.renderColumnHeader)(column.header, index)
-                }, columnId);
-            }),
-            removable && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: _HorizontalLayoutmodulecss.default.removeButtonHeader
-            })
-        ]
-    }));
-};
-
-//# sourceMappingURL=HorizontalLayoutHeader.js.map

package/dist/cjs/components/Collection/layouts/horizontal-layout/HorizontalLayoutHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/Collection/layouts/horizontal-layout/HorizontalLayoutHeader.tsx"],"sourcesContent":["import {Box, useProps} from '@mantine/core';\nimport {ForwardedRef} from 'react';\nimport {useCollectionContext} from '../../CollectionContext.js';\nimport {getColumnSizeStyles} from '../shared/columnUtils.js';\nimport {renderColumnHeader} from '../shared/headerUtils.js';\nimport {LAYOUT_HEADER_DEFAULT_PROPS, LayoutHeaderProps} from '../shared/layoutConstants.js';\nimport classes from './HorizontalLayout.module.css';\n\nconst defaultProps: Partial<LayoutHeaderProps> = LAYOUT_HEADER_DEFAULT_PROPS;\n\nexport const HorizontalLayoutHeader = (props: LayoutHeaderProps & {ref?: ForwardedRef<HTMLDivElement>}) => {\n    const collectionCtx = useCollectionContext();\n    const {draggable, removable, style, ref, ...others} = useProps(\n        'HorizontalLayoutHeader',\n        defaultProps as LayoutHeaderProps,\n        props,\n    );\n\n    return (\n        <Box ref={ref} className={classes.headerRow} style={style} {...others}>\n            {draggable && <div className={classes.dragHandleHeader} />}\n            {collectionCtx.columns.map((column, index) => {\n                const columnId = column.id ?? `column-${index}`;\n                return (\n                    <Box key={columnId} className={classes.headerCell} style={getColumnSizeStyles(column)}>\n                        {renderColumnHeader(column.header, index)}\n                    </Box>\n                );\n            })}\n            {removable && <div className={classes.removeButtonHeader} />}\n        </Box>\n    );\n};\n"],"names":["HorizontalLayoutHeader","defaultProps","LAYOUT_HEADER_DEFAULT_PROPS","props","collectionCtx","useCollectionContext","useProps","draggable","removable","style","ref","others","Box","className","classes","headerRow","div","dragHandleHeader","columns","map","column","index","columnId","id","headerCell","getColumnSizeStyles","renderColumnHeader","header","removeButtonHeader"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;;;oBAVe;iCAEO;2BACD;2BACD;+BAC4B;kFACzC;AAEpB,IAAMC,eAA2CC,4CAA2B;AAErE,IAAMF,yBAAyB,gCAACG;IACnC,IAAMC,gBAAgBC,IAAAA,uCAAoB;IAC1C,IAAsDC,YAAAA,IAAAA,cAAQ,EAC1D,0BACAL,cACAE,QAHGI,YAA+CD,UAA/CC,WAAWC,YAAoCF,UAApCE,WAAWC,QAAyBH,UAAzBG,OAAOC,MAAkBJ,UAAlBI,KAAQC,sCAAUL;;;;;;IAMtD,qBACI,sBAACM,SAAG;QAACF,KAAKA;QAAKG,WAAWC,kCAAO,CAACC,SAAS;QAAEN,OAAOA;OAAWE;;YAC1DJ,2BAAa,qBAACS;gBAAIH,WAAWC,kCAAO,CAACG,gBAAgB;;YACrDb,cAAcc,OAAO,CAACC,GAAG,CAAC,SAACC,QAAQC;oBACfD;gBAAjB,IAAME,YAAWF,aAAAA,OAAOG,EAAE,cAATH,wBAAAA,aAAa,AAAC,UAAe,OAANC;gBACxC,qBACI,qBAACT,SAAG;oBAAgBC,WAAWC,kCAAO,CAACU,UAAU;oBAAEf,OAAOgB,IAAAA,gCAAmB,EAACL;8BACzEM,IAAAA,+BAAkB,EAACN,OAAOO,MAAM,EAAEN;mBAD7BC;YAIlB;YACCd,2BAAa,qBAACQ;gBAAIH,WAAWC,kCAAO,CAACc,kBAAkB;;;;AAGpE"}

package/dist/cjs/components/Collection/layouts/shared/DragHandle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Collection/layouts/shared/DragHandle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,eAAe;IAC5B,mBAAmB,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,SAAS,EAAE,GAAG,CAAC;IACf,UAAU,EAAE,GAAG,CAAC;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAOzD,CAAC"}

package/dist/cjs/components/Collection/layouts/shared/DragHandle.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "DragHandle", {
-    enumerable: true,
-    get: function() {
-        return DragHandle;
-    }
-});
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
-var _jsxruntime = require("react/jsx-runtime");
-var _plasmareacticons = require("@coveord/plasma-react-icons");
-var _CollectionContext = require("../../CollectionContext.js");
-var DragHandle = function DragHandle(param) {
-    var setActivatorNodeRef = param.setActivatorNodeRef, listeners = param.listeners, attributes = param.attributes;
-    var getStyles = (0, _CollectionContext.useCollectionContext)().getStyles;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", _object_spread_props._(_object_spread._({
-        ref: setActivatorNodeRef
-    }, listeners, attributes, getStyles('dragHandle')), {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.DragAndDropSize16Px, {
-            height: 16
-        })
-    }));
-};
-
-//# sourceMappingURL=DragHandle.js.map

package/dist/cjs/components/Collection/layouts/shared/DragHandle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/Collection/layouts/shared/DragHandle.tsx"],"sourcesContent":["import {DragAndDropSize16Px} from '@coveord/plasma-react-icons';\nimport type {FunctionComponent} from 'react';\nimport {useCollectionContext} from '../../CollectionContext.js';\n\nexport interface DragHandleProps {\n    setActivatorNodeRef: (element: HTMLElement | null) => void;\n    listeners: any;\n    attributes: any;\n}\n\n/**\n * Shared drag handle component used by both horizontal and vertical layouts.\n * Renders the drag icon with proper event handlers for drag and drop functionality.\n */\nexport const DragHandle: FunctionComponent<DragHandleProps> = ({setActivatorNodeRef, listeners, attributes}) => {\n    const {getStyles} = useCollectionContext();\n    return (\n        <div ref={setActivatorNodeRef} {...listeners} {...attributes} {...getStyles('dragHandle')}>\n            <DragAndDropSize16Px height={16} />\n        </div>\n    );\n};\n"],"names":["DragHandle","setActivatorNodeRef","listeners","attributes","getStyles","useCollectionContext","div","ref","DragAndDropSize16Px","height"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;gCAdqB;iCAEC;AAY5B,IAAMA,aAAiD;QAAEC,4BAAAA,qBAAqBC,kBAAAA,WAAWC,mBAAAA;IAC5F,IAAM,AAACC,YAAaC,IAAAA,uCAAoB,IAAjCD;IACP,qBACI,qBAACE;QAAIC,KAAKN;OAAyBC,WAAeC,YAAgBC,UAAU;kBACxE,cAAA,qBAACI,qCAAmB;YAACC,QAAQ;;;AAGzC"}

package/dist/cjs/components/Collection/layouts/shared/RemoveButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RemoveButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Collection/layouts/shared/RemoveButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,iBAAiB,EAAE,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAIhE,MAAM,WAAW,iBAAiB;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACnD;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAc7D,CAAC"}

package/dist/cjs/components/Collection/layouts/shared/RemoveButton.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "RemoveButton", {
-    enumerable: true,
-    get: function() {
-        return RemoveButton;
-    }
-});
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
-var _jsxruntime = require("react/jsx-runtime");
-var _plasmareacticons = require("@coveord/plasma-react-icons");
-var _core = require("@mantine/core");
-var _ActionIcon = require("../../../ActionIcon/ActionIcon.js");
-var _CollectionContext = require("../../CollectionContext.js");
-var RemoveButton = function RemoveButton(param) {
-    var removable = param.removable, onRemove = param.onRemove;
-    var getStyles = (0, _CollectionContext.useCollectionContext)().getStyles;
-    if (!removable || !onRemove) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            style: {
-                width: 28
-            }
-        });
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({}, getStyles('removeButton')), {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionIcon.ActionIcon.Quaternary, {
-            onClick: onRemove,
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconTrash, {
-                "aria-label": "Remove",
-                size: 16
-            })
-        })
-    }));
-};
-
-//# sourceMappingURL=RemoveButton.js.map

package/dist/cjs/components/Collection/layouts/shared/RemoveButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/Collection/layouts/shared/RemoveButton.tsx"],"sourcesContent":["import {IconTrash} from '@coveord/plasma-react-icons';\nimport {Box} from '@mantine/core';\nimport {FunctionComponent, type MouseEventHandler} from 'react';\nimport {ActionIcon} from '../../../ActionIcon/ActionIcon.js';\nimport {useCollectionContext} from '../../CollectionContext.js';\n\nexport interface RemoveButtonProps {\n    removable?: boolean;\n    onRemove?: MouseEventHandler<HTMLButtonElement>;\n}\n\n/**\n * Shared remove button component used by both horizontal and vertical layouts.\n * Renders a trash icon button when removable, or a spacer div otherwise.\n */\nexport const RemoveButton: FunctionComponent<RemoveButtonProps> = ({removable, onRemove}) => {\n    const {getStyles} = useCollectionContext();\n\n    if (!removable || !onRemove) {\n        return <div style={{width: 28}} />;\n    }\n\n    return (\n        <Box {...getStyles('removeButton')}>\n            <ActionIcon.Quaternary onClick={onRemove}>\n                <IconTrash aria-label=\"Remove\" size={16} />\n            </ActionIcon.Quaternary>\n        </Box>\n    );\n};\n"],"names":["RemoveButton","removable","onRemove","getStyles","useCollectionContext","div","style","width","Box","ActionIcon","Quaternary","onClick","IconTrash","aria-label","size"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;;gCAfW;oBACN;0BAEO;iCACU;AAW5B,IAAMA,eAAqD;QAAEC,kBAAAA,WAAWC,iBAAAA;IAC3E,IAAM,AAACC,YAAaC,IAAAA,uCAAoB,IAAjCD;IAEP,IAAI,CAACF,aAAa,CAACC,UAAU;QACzB,qBAAO,qBAACG;YAAIC,OAAO;gBAACC,OAAO;YAAE;;IACjC;IAEA,qBACI,qBAACC,SAAG,8CAAKL,UAAU;kBACf,cAAA,qBAACM,sBAAU,CAACC,UAAU;YAACC,SAAST;sBAC5B,cAAA,qBAACU,2BAAS;gBAACC,cAAW;gBAASC,MAAM;;;;AAIrD"}

package/dist/cjs/components/Collection/layouts/shared/columnUtils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"columnUtils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Collection/layouts/shared/columnUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AACpC,OAAO,EAAC,mBAAmB,EAAC,MAAM,iCAAiC,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,QAAQ,mBAAmB,CAAC,GAAG,CAAC,KAAG,aAYtE,CAAC"}

package/dist/cjs/components/Collection/layouts/shared/columnUtils.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "getColumnSizeStyles", {
-    enumerable: true,
-    get: function() {
-        return getColumnSizeStyles;
-    }
-});
-var getColumnSizeStyles = function getColumnSizeStyles(column) {
-    var sizeToStyle = function sizeToStyle(size) {
-        if (size === undefined) {
-            return undefined;
-        }
-        return typeof size === 'number' ? "".concat(size, "px") : size;
-    };
-    return {
-        minWidth: sizeToStyle(column.minSize),
-        maxWidth: sizeToStyle(column.maxSize)
-    };
-};
-
-//# sourceMappingURL=columnUtils.js.map

package/dist/cjs/components/Collection/layouts/shared/columnUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/Collection/layouts/shared/columnUtils.ts"],"sourcesContent":["import {CSSProperties} from 'react';\nimport {CollectionColumnDef} from '../../CollectionColumn.types.js';\n\n/**\n * Converts column size configuration to CSS styles.\n * Handles both numeric (px) and string (%, fr, etc.) size values.\n */\nexport const getColumnSizeStyles = (column: CollectionColumnDef<any>): CSSProperties => {\n    const sizeToStyle = (size: number | string | undefined): string | undefined => {\n        if (size === undefined) {\n            return undefined;\n        }\n        return typeof size === 'number' ? `${size}px` : size;\n    };\n\n    return {\n        minWidth: sizeToStyle(column.minSize),\n        maxWidth: sizeToStyle(column.maxSize),\n    };\n};\n"],"names":["getColumnSizeStyles","column","sizeToStyle","size","undefined","minWidth","minSize","maxWidth","maxSize"],"mappings":";;;;+BAOaA;;;eAAAA;;;AAAN,IAAMA,sBAAsB,6BAACC;IAChC,IAAMC,cAAc,qBAACC;QACjB,IAAIA,SAASC,WAAW;YACpB,OAAOA;QACX;QACA,OAAO,OAAOD,SAAS,WAAW,AAAC,GAAO,OAALA,MAAK,QAAMA;IACpD;IAEA,OAAO;QACHE,UAAUH,YAAYD,OAAOK,OAAO;QACpCC,UAAUL,YAAYD,OAAOO,OAAO;IACxC;AACJ"}

package/dist/cjs/components/Collection/layouts/shared/headerUtils.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-import { CollectionColumnDef } from '../../CollectionColumn.types.js';
-/**
- * Renders a column header by invoking the header function with context if needed.
- * Handles both static headers (strings/nodes) and dynamic header functions.
- */
-export declare const renderColumnHeader: (header: CollectionColumnDef<unknown>["header"], index: number) => ReactNode;
-//# sourceMappingURL=headerUtils.d.ts.map

package/dist/cjs/components/Collection/layouts/shared/headerUtils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"headerUtils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Collection/layouts/shared/headerUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,mBAAmB,EAA0B,MAAM,iCAAiC,CAAC;AAE7F;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,mBAAmB,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,MAAM,KAAG,SAMlG,CAAC"}

package/dist/cjs/components/Collection/layouts/shared/headerUtils.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderColumnHeader", {
-    enumerable: true,
-    get: function() {
-        return renderColumnHeader;
-    }
-});
-var renderColumnHeader = function renderColumnHeader(header, index) {
-    if (typeof header === 'function') {
-        var context = {
-            index: index
-        };
-        return header(context);
-    }
-    return header;
-};
-
-//# sourceMappingURL=headerUtils.js.map

package/dist/cjs/components/Collection/layouts/shared/headerUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/Collection/layouts/shared/headerUtils.ts"],"sourcesContent":["import {ReactNode} from 'react';\nimport {CollectionColumnDef, CollectionHeaderContext} from '../../CollectionColumn.types.js';\n\n/**\n * Renders a column header by invoking the header function with context if needed.\n * Handles both static headers (strings/nodes) and dynamic header functions.\n */\nexport const renderColumnHeader = (header: CollectionColumnDef<unknown>['header'], index: number): ReactNode => {\n    if (typeof header === 'function') {\n        const context: CollectionHeaderContext = {index};\n        return header(context);\n    }\n    return header;\n};\n"],"names":["renderColumnHeader","header","index","context"],"mappings":";;;;+BAOaA;;;eAAAA;;;AAAN,IAAMA,qBAAqB,4BAACC,QAAgDC;IAC/E,IAAI,OAAOD,WAAW,YAAY;QAC9B,IAAME,UAAmC;YAACD,OAAAA;QAAK;QAC/C,OAAOD,OAAOE;IAClB;IACA,OAAOF;AACX"}

package/dist/cjs/components/Collection/layouts/shared/itemRenderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"itemRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Collection/layouts/shared/itemRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Collection/layouts/shared/itemRenderer.js

@@ -1,160 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get createItemRenderers () {
-        return createItemRenderers;
-    },
-    get mapItemsToComponents () {
-        return mapItemsToComponents;
-    }
-});
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _jsxruntime = require("react/jsx-runtime");
-var _sortable = require("@dnd-kit/sortable");
-var _utilities = require("@dnd-kit/utilities");
-var _core = require("@mantine/core");
-var _DragHandle = require("./DragHandle.js");
-var _RemoveButton = require("./RemoveButton.js");
-var createItemRenderers = function createItemRenderers() {
-    /**
-     * Draggable item/row renderer with drag and drop functionality
-     */ var DraggableItem = function DraggableItem(props) {
-        var item = props.item, index = props.index, id = props.id, columns = props.columns, onRemove = props.onRemove, removable = props.removable, disabled = props.disabled, readOnly = props.readOnly, classes = props.classes, config = props.config;
-        var _useSortable = (0, _sortable.useSortable)({
-            id: id
-        }), attributes = _useSortable.attributes, listeners = _useSortable.listeners, setNodeRef = _useSortable.setNodeRef, transform = _useSortable.transform, transition = _useSortable.transition, isDragging = _useSortable.isDragging, setActivatorNodeRef = _useSortable.setActivatorNodeRef;
-        var cellContext = {
-            removable: removable,
-            draggable: true,
-            disabled: disabled,
-            readOnly: readOnly,
-            onRemove: onRemove
-        };
-        var dragHandleProps = {
-            setActivatorNodeRef: setActivatorNodeRef,
-            listeners: listeners,
-            attributes: attributes
-        };
-        // Use renderDraggableContent if provided (integrates drag handle into content)
-        if (config.renderDraggableContent) {
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, {
-                ref: setNodeRef,
-                "data-testid": "item-".concat(id),
-                className: classes[config.containerSelector],
-                style: transform ? {
-                    transform: _utilities.CSS.Transform.toString(transform),
-                    transition: transition
-                } : undefined,
-                "data-isdragging": isDragging,
-                children: config.renderDraggableContent(item, index, columns, cellContext, classes, dragHandleProps)
-            });
-        }
-        // Default behavior: inline drag handle + content + remove button (used by horizontal layout)
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Box, {
-            ref: setNodeRef,
-            "data-testid": "item-".concat(id),
-            className: classes[config.containerSelector],
-            style: transform ? {
-                transform: _utilities.CSS.Transform.toString(transform),
-                transition: transition
-            } : undefined,
-            "data-isdragging": isDragging,
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_DragHandle.DragHandle, {
-                    setActivatorNodeRef: setActivatorNodeRef,
-                    listeners: listeners,
-                    attributes: attributes
-                }),
-                config.renderContent(item, index, columns, cellContext, classes),
-                config.inlineControls && /*#__PURE__*/ (0, _jsxruntime.jsx)(_RemoveButton.RemoveButton, {
-                    removable: removable,
-                    onRemove: onRemove
-                })
-            ]
-        });
-    };
-    /**
-     * Static (non-draggable) item/row renderer
-     */ var StaticItem = function StaticItem(props) {
-        var item = props.item, index = props.index, id = props.id, columns = props.columns, onRemove = props.onRemove, removable = props.removable, disabled = props.disabled, readOnly = props.readOnly, classes = props.classes, config = props.config;
-        var cellContext = {
-            removable: removable,
-            draggable: false,
-            disabled: disabled,
-            readOnly: readOnly,
-            onRemove: onRemove
-        };
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Box, {
-            "data-testid": "item-".concat(id),
-            className: classes[config.containerSelector],
-            children: [
-                config.renderContent(item, index, columns, cellContext, classes),
-                config.inlineControls && /*#__PURE__*/ (0, _jsxruntime.jsx)(_RemoveButton.RemoveButton, {
-                    removable: removable,
-                    onRemove: onRemove
-                })
-            ]
-        });
-    };
-    /**
-     * Disabled item/row renderer (no drag, no remove)
-     */ var DisabledItem = function DisabledItem(props) {
-        var item = props.item, index = props.index, id = props.id, columns = props.columns, disabled = props.disabled, readOnly = props.readOnly, classes = props.classes, config = props.config;
-        var cellContext = {
-            removable: false,
-            draggable: false,
-            disabled: disabled,
-            readOnly: readOnly
-        };
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, {
-            "data-testid": "item-".concat(id),
-            className: classes[config.containerSelector],
-            children: config.renderContent(item, index, columns, cellContext, classes)
-        });
-    };
-    return {
-        DraggableItem: DraggableItem,
-        StaticItem: StaticItem,
-        DisabledItem: DisabledItem
-    };
-};
-var mapItemsToComponents = function mapItemsToComponents(items, renderers, config, classes, options) {
-    var getItemId = options.getItemId, onRemove = options.onRemove, removable = options.removable, draggable = options.draggable, disabled = options.disabled, readOnly = options.readOnly, columns = options.columns;
-    var DraggableItem = renderers.DraggableItem, StaticItem = renderers.StaticItem, DisabledItem = renderers.DisabledItem;
-    return items.map(function(item, index) {
-        var _ref;
-        var id = (_ref = getItemId === null || getItemId === void 0 ? void 0 : getItemId(item, index)) !== null && _ref !== void 0 ? _ref : String(index);
-        var itemProps = {
-            item: item,
-            index: index,
-            id: id,
-            columns: columns,
-            onRemove: onRemove ? function() {
-                return onRemove(index);
-            } : undefined,
-            removable: removable,
-            draggable: draggable,
-            disabled: disabled,
-            readOnly: readOnly,
-            classes: classes,
-            config: config
-        };
-        if (disabled) {
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(DisabledItem, _object_spread._({}, itemProps), id);
-        }
-        if (draggable) {
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(DraggableItem, _object_spread._({}, itemProps), id);
-        }
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(StaticItem, _object_spread._({}, itemProps), id);
-    });
-};
-
-//# sourceMappingURL=itemRenderer.js.map

package/dist/cjs/components/Collection/layouts/shared/itemRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/Collection/layouts/shared/itemRenderer.tsx"],"sourcesContent":["import {useSortable} from '@dnd-kit/sortable';\nimport {CSS} from '@dnd-kit/utilities';\nimport {Box} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {CollectionCellContext, CollectionColumnDef} from '../../CollectionColumn.types.js';\nimport {DragHandle} from './DragHandle.js';\nimport {RemoveButton} from './RemoveButton.js';\n\n/**\n * CSS classes object for layout styling.\n */\nexport interface LayoutClasses {\n    [key: string]: string;\n}\n\n/**\n * Common props for rendering an item/row in either layout.\n */\nexport interface ItemProps<T> {\n    item: T;\n    index: number;\n    id: string;\n    columns: Array<CollectionColumnDef<T>>;\n    onRemove?: () => void;\n    removable?: boolean;\n    draggable?: boolean;\n    disabled?: boolean;\n    readOnly?: boolean;\n    classes: LayoutClasses;\n    config: ItemRendererConfig<T>;\n}\n\n/**\n * Function type that renders the content specific to each layout.\n * Horizontal layout renders cells in a row, vertical layout renders stacked fields.\n */\nexport type ItemContentRenderer<T> = (\n    item: T,\n    index: number,\n    columns: Array<CollectionColumnDef<T>>,\n    cellContext: CollectionCellContext<T>,\n    classes: LayoutClasses,\n) => ReactNode;\n\n/**\n * Function type that renders content with inline drag handle for draggable items.\n * Used by layouts that want the drag handle integrated into the content (e.g., vertical layout).\n */\nexport type DraggableContentRenderer<T> = (\n    item: T,\n    index: number,\n    columns: Array<CollectionColumnDef<T>>,\n    cellContext: CollectionCellContext<T>,\n    classes: LayoutClasses,\n    dragHandleProps: {\n        setActivatorNodeRef: (element: HTMLElement | null) => void;\n        listeners: any;\n        attributes: any;\n    },\n) => ReactNode;\n\n/**\n * Configuration for creating layout-specific item renderers.\n */\nexport interface ItemRendererConfig<T> {\n    /** The content rendering function specific to the layout */\n    renderContent: ItemContentRenderer<T>;\n    /** The container style selector ('row' for horizontal, 'item' for vertical) */\n    containerSelector: string;\n    /** Optional: whether to render drag handle and remove button inline with content (used by horizontal layout) */\n    inlineControls?: boolean;\n    /**\n     * Optional: custom content renderer for draggable items that integrates the drag handle.\n     * If provided, this is used instead of the default drag handle + renderContent pattern.\n     * Used by vertical layout to place drag handle alongside the field stack.\n     */\n    renderDraggableContent?: DraggableContentRenderer<T>;\n}\n\n/**\n * Creates a set of item renderers (draggable, static, disabled) for a layout.\n * This eliminates the duplication of three nearly identical component variants.\n * The renderers are stable function references that don't capture variables in closures.\n */\nexport const createItemRenderers = <T,>() => {\n    /**\n     * Draggable item/row renderer with drag and drop functionality\n     */\n    const DraggableItem = (props: ItemProps<T>) => {\n        const {item, index, id, columns, onRemove, removable, disabled, readOnly, classes, config} = props;\n        const {attributes, listeners, setNodeRef, transform, transition, isDragging, setActivatorNodeRef} = useSortable(\n            {id},\n        );\n\n        const cellContext: CollectionCellContext<T> = {\n            removable,\n            draggable: true,\n            disabled,\n            readOnly,\n            onRemove,\n        };\n\n        const dragHandleProps = {setActivatorNodeRef, listeners, attributes};\n\n        // Use renderDraggableContent if provided (integrates drag handle into content)\n        if (config.renderDraggableContent) {\n            return (\n                <Box\n                    ref={setNodeRef}\n                    data-testid={`item-${id}`}\n                    className={classes[config.containerSelector]}\n                    style={\n                        transform\n                            ? {\n                                  transform: CSS.Transform.toString(transform),\n                                  transition,\n                              }\n                            : undefined\n                    }\n                    data-isdragging={isDragging}\n                >\n                    {config.renderDraggableContent(item, index, columns, cellContext, classes, dragHandleProps)}\n                </Box>\n            );\n        }\n\n        // Default behavior: inline drag handle + content + remove button (used by horizontal layout)\n        return (\n            <Box\n                ref={setNodeRef}\n                data-testid={`item-${id}`}\n                className={classes[config.containerSelector]}\n                style={\n                    transform\n                        ? {\n                              transform: CSS.Transform.toString(transform),\n                              transition,\n                          }\n                        : undefined\n                }\n                data-isdragging={isDragging}\n            >\n                <DragHandle setActivatorNodeRef={setActivatorNodeRef} listeners={listeners} attributes={attributes} />\n                {config.renderContent(item, index, columns, cellContext, classes)}\n                {config.inlineControls && <RemoveButton removable={removable} onRemove={onRemove} />}\n            </Box>\n        );\n    };\n\n    /**\n     * Static (non-draggable) item/row renderer\n     */\n    const StaticItem = (props: ItemProps<T>) => {\n        const {item, index, id, columns, onRemove, removable, disabled, readOnly, classes, config} = props;\n\n        const cellContext: CollectionCellContext<T> = {\n            removable,\n            draggable: false,\n            disabled,\n            readOnly,\n            onRemove,\n        };\n\n        return (\n            <Box data-testid={`item-${id}`} className={classes[config.containerSelector]}>\n                {config.renderContent(item, index, columns, cellContext, classes)}\n                {config.inlineControls && <RemoveButton removable={removable} onRemove={onRemove} />}\n            </Box>\n        );\n    };\n\n    /**\n     * Disabled item/row renderer (no drag, no remove)\n     */\n    const DisabledItem = (props: ItemProps<T>) => {\n        const {item, index, id, columns, disabled, readOnly, classes, config} = props;\n\n        const cellContext: CollectionCellContext<T> = {\n            removable: false,\n            draggable: false,\n            disabled,\n            readOnly,\n        };\n\n        return (\n            <Box data-testid={`item-${id}`} className={classes[config.containerSelector]}>\n                {config.renderContent(item, index, columns, cellContext, classes)}\n            </Box>\n        );\n    };\n\n    return {DraggableItem, StaticItem, DisabledItem};\n};\n\n/**\n * Maps items to their appropriate renderer components based on state.\n */\nexport const mapItemsToComponents = <T,>(\n    items: T[],\n    renderers: ReturnType<typeof createItemRenderers<T>>,\n    config: ItemRendererConfig<T>,\n    classes: LayoutClasses,\n    options: {\n        getItemId?: (item: T, index: number) => string;\n        onRemove?: (index: number) => void;\n        removable?: boolean;\n        draggable?: boolean;\n        disabled?: boolean;\n        readOnly?: boolean;\n        columns: Array<CollectionColumnDef<T>>;\n    },\n): ReactNode[] => {\n    const {getItemId, onRemove, removable, draggable, disabled, readOnly, columns} = options;\n    const {DraggableItem, StaticItem, DisabledItem} = renderers;\n\n    return items.map((item, index) => {\n        const id = getItemId?.(item, index) ?? String(index);\n        const itemProps: ItemProps<T> = {\n            item,\n            index,\n            id,\n            columns,\n            onRemove: onRemove ? () => onRemove(index) : undefined,\n            removable,\n            draggable,\n            disabled,\n            readOnly,\n            classes,\n            config,\n        };\n\n        if (disabled) {\n            return <DisabledItem key={id} {...itemProps} />;\n        }\n\n        if (draggable) {\n            return <DraggableItem key={id} {...itemProps} />;\n        }\n\n        return <StaticItem key={id} {...itemProps} />;\n    });\n};\n"],"names":["createItemRenderers","mapItemsToComponents","DraggableItem","props","item","index","id","columns","onRemove","removable","disabled","readOnly","classes","config","useSortable","attributes","listeners","setNodeRef","transform","transition","isDragging","setActivatorNodeRef","cellContext","draggable","dragHandleProps","renderDraggableContent","Box","ref","data-testid","className","containerSelector","style","CSS","Transform","toString","undefined","data-isdragging","DragHandle","renderContent","inlineControls","RemoveButton","StaticItem","DisabledItem","items","renderers","options","getItemId","map","String","itemProps"],"mappings":"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"}