@coveord/plasma-mantine 59.8.0 → 60.0.0

package/dist/esm/components/Collection/Collection.js

@@ -1,205 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
-import { restrictToParentElement, restrictToVerticalAxis } from '@dnd-kit/modifiers';
-import { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
-import { Box, Input, Stack, useProps, useStyles } from '@mantine/core';
-import { useDidUpdate } from '@mantine/hooks';
-import { identity } from '../../utils/createFactoryComponent.js';
-import classes from './Collection.module.css';
-import { CollectionAddButton } from './CollectionAddButton.js';
-import { CollectionProvider } from './CollectionContext.js';
-import { CollectionItem } from './CollectionItem.js';
-import { CollectionLayouts } from './layouts/CollectionLayouts.js';
-const defaultProps = {
-    draggable: false,
-    addLabel: 'Add item',
-    addDisabledTooltip: 'There is already an empty item',
-    disabled: false,
-    readOnly: false,
-    gap: 'md',
-    required: false,
-    getItemId: ({ id })=>id
-};
-export const Collection = (props)=>{
-    const { value, onChange, onRemoveItem, onReorderItem, onInsertItem, disabled, readOnly, draggable, children, columns, layout, gap, required, newItem, addLabel, addDisabledTooltip, allowAdd, label, labelProps, withAsterisk, description, descriptionProps, error, errorProps, getItemId, ref, // Style props
-    style, className, classNames, styles, unstyled, ...others } = useProps('Collection', defaultProps, props);
-    // Runtime validation: ensure columns and children are mutually exclusive
-    if (columns && children) {
-        throw new Error('Collection: Cannot use both "columns" and "children" props.');
-    }
-    if (layout && !columns) {
-        throw new Error('Collection: "layout" prop can only be used with "columns" prop.');
-    }
-    const getStyles = useStyles({
-        name: 'Collection',
-        classes,
-        props,
-        className,
-        style,
-        classNames,
-        styles,
-        unstyled
-    });
-    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
-        coordinateGetter: sortableKeyboardCoordinates
-    }));
-    const canEdit = !disabled && !readOnly;
-    const items = value ?? [];
-    const hasOnlyOneItem = items.length === 1;
-    /**
-     * Enforcing onChange when the value is modified will make sure the errors are carried through.
-     */ useDidUpdate(()=>{
-        onChange?.(items);
-    }, [
-        JSON.stringify(items)
-    ]);
-    const isRequired = typeof withAsterisk === 'boolean' ? withAsterisk : required;
-    const _label = label ? /*#__PURE__*/ _jsx(Input.Label, {
-        required: isRequired,
-        ...labelProps,
-        children: label
-    }) : null;
-    const _description = description ? /*#__PURE__*/ _jsx(Input.Description, {
-        ...descriptionProps,
-        children: description
-    }) : null;
-    const _error = error ? /*#__PURE__*/ _jsx(Input.Error, {
-        ...errorProps,
-        pt: "xs",
-        children: error
-    }) : null;
-    const _header = _label || _description ? /*#__PURE__*/ _jsxs(Stack, {
-        gap: "xxs",
-        pb: "xs",
-        children: [
-            _label,
-            _description
-        ]
-    }) : null;
-    const standardizedItems = items.map((item, index)=>({
-            id: getItemId?.(item, index) ?? String(index),
-            data: item
-        }));
-    const getIndex = (id)=>standardizedItems.findIndex((item)=>item.id === id);
-    const handleDragEnd = ({ over, active })=>{
-        if (over) {
-            const activeIndex = getIndex(String(active.id));
-            const overIndex = getIndex(String(over.id));
-            if (activeIndex !== overIndex) {
-                onReorderItem?.({
-                    from: activeIndex,
-                    to: overIndex
-                });
-            }
-        }
-    };
-    const addAllowed = typeof allowAdd === 'boolean' ? allowAdd : allowAdd?.(items) ?? true;
-    const handleAdd = ()=>{
-        const newItemValue = typeof newItem === 'function' ? newItem() : newItem;
-        onInsertItem?.(newItemValue, items?.length ?? 0);
-    };
-    const _addButton = canEdit ? /*#__PURE__*/ _jsx(CollectionAddButton, {
-        addLabel: addLabel,
-        addDisabledTooltip: addDisabledTooltip,
-        addAllowed: addAllowed,
-        onAdd: handleAdd
-    }) : null;
-    // Column-based layout pattern
-    if (columns) {
-        const Layout = layout || CollectionLayouts.Horizontal;
-        return /*#__PURE__*/ _jsx(CollectionProvider, {
-            value: {
-                getStyles,
-                columns: columns
-            },
-            children: /*#__PURE__*/ _jsx(DndContext, {
-                onDragEnd: handleDragEnd,
-                sensors: sensors,
-                modifiers: [
-                    restrictToVerticalAxis,
-                    restrictToParentElement
-                ],
-                children: /*#__PURE__*/ _jsx(SortableContext, {
-                    items: standardizedItems,
-                    strategy: verticalListSortingStrategy,
-                    children: /*#__PURE__*/ _jsxs(Box, {
-                        ref: ref,
-                        ...others,
-                        ...getStyles('root'),
-                        children: [
-                            _header,
-                            /*#__PURE__*/ _jsxs(Layout, {
-                                children: [
-                                    /*#__PURE__*/ _jsx(Layout.Header, {
-                                        draggable: draggable && canEdit,
-                                        removable: canEdit && !(isRequired && hasOnlyOneItem)
-                                    }),
-                                    /*#__PURE__*/ _jsx(Layout.Body, {
-                                        items: items,
-                                        onRemove: canEdit ? onRemoveItem : undefined,
-                                        removable: canEdit && !(isRequired && hasOnlyOneItem),
-                                        draggable: draggable && canEdit,
-                                        disabled: disabled,
-                                        readOnly: readOnly,
-                                        getItemId: getItemId,
-                                        gap: gap
-                                    })
-                                ]
-                            }),
-                            _addButton,
-                            _error
-                        ]
-                    })
-                })
-            })
-        });
-    }
-    // Legacy children render prop pattern
-    const renderedItems = standardizedItems.map((item, index)=>/*#__PURE__*/ _jsx(CollectionItem, {
-            id: item.id,
-            disabled: !canEdit,
-            draggable: draggable,
-            onRemove: ()=>onRemoveItem?.(index),
-            removable: !(isRequired && hasOnlyOneItem),
-            children: children(item.data, index)
-        }, item.id));
-    return /*#__PURE__*/ _jsx(CollectionProvider, {
-        value: {
-            getStyles
-        },
-        children: /*#__PURE__*/ _jsx(DndContext, {
-            onDragEnd: handleDragEnd,
-            sensors: sensors,
-            modifiers: [
-                restrictToVerticalAxis,
-                restrictToParentElement
-            ],
-            children: /*#__PURE__*/ _jsx(SortableContext, {
-                items: standardizedItems,
-                strategy: verticalListSortingStrategy,
-                children: /*#__PURE__*/ _jsxs(Box, {
-                    ref: ref,
-                    ...others,
-                    ...getStyles('root'),
-                    children: [
-                        _header,
-                        /*#__PURE__*/ _jsxs(Stack, {
-                            gap: gap,
-                            ...getStyles('items'),
-                            children: [
-                                renderedItems,
-                                _addButton
-                            ]
-                        }),
-                        _error
-                    ]
-                })
-            })
-        })
-    });
-};
-Collection.displayName = 'Collection';
-Collection.extend = identity;
-Collection.Layouts = CollectionLayouts;
-
-//# sourceMappingURL=Collection.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Collection/Collection.tsx"],"sourcesContent":["import {DndContext, DragEndEvent, KeyboardSensor, PointerSensor, useSensor, useSensors} from '@dnd-kit/core';\nimport {restrictToParentElement, restrictToVerticalAxis} from '@dnd-kit/modifiers';\nimport {SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy} from '@dnd-kit/sortable';\nimport {\n    __InputWrapperProps,\n    Box,\n    BoxProps,\n    Factory,\n    Input,\n    MantineSpacing,\n    Stack,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {ForwardedRef, ReactNode} from 'react';\n\nimport {CustomComponentThemeExtend, identity} from '../../utils/createFactoryComponent.js';\nimport classes from './Collection.module.css';\nimport {CollectionAddButton} from './CollectionAddButton.js';\nimport {CollectionColumnDef} from './CollectionColumn.types.js';\nimport {CollectionProvider} from './CollectionContext.js';\nimport {CollectionItem} from './CollectionItem.js';\nimport {CollectionLayout} from './layouts/CollectionLayout.types.js';\nimport {CollectionLayouts} from './layouts/CollectionLayouts.js';\n\n/**\n * Base props shared by both column-based and children-based patterns\n */\ninterface BaseCollectionProps<T> extends __InputWrapperProps, BoxProps, StylesApiProps<CollectionFactory> {\n    /**\n     * The default value each new item should have\n     */\n    newItem: T | (() => T);\n    /**\n     * The list of items to display inside the collection\n     *\n     * @default []\n     */\n    value?: T[];\n    /**\n     * Defines how each item is uniquely identified. It is highly recommended that you specify this prop to an ID that makes sense.\n     *\n     * This method is required when using this component with ReactHookForm.\n     *\n     * @see {@link https://react-hook-form.com/api/usefieldarray/} for using a collection with ReactHookForm.\n     *\n     * @param originalItem The original item\n     * @param itemIndex The index of the original item\n     */\n    getItemId?: (originalItem: T, itemIndex: number) => string;\n    /**\n     * Unused, has no effect\n     */\n    onFocus?: () => void;\n    /**\n     * Function called whenever the value needs to be updated\n     *\n     * @param value The whole list of items after the change\n     */\n    onChange?: (value: T[]) => void;\n    /**\n     * Function called after an item is removed from the collection using the remove button\n     *\n     * @param itemIndex The index of the item that was removed\n     */\n    onRemoveItem?: (itemIndex: number) => void;\n    /**\n     * Function that gets called whenever a collection item needs to be reordered\n     *\n     * @param payload The origin and destination index of the item to reorder\n     */\n    onReorderItem?: (payload: {from: number; to: number}) => void;\n    /**\n     * Function that gets called when a new item needs to be added to the collection\n     *\n     * @param value The value of the item to insert\n     * @param index The index of the new item to insert\n     */\n    onInsertItem?: (value: T, index: number) => void;\n    /**\n     * Whether the collection should have drag and drop behavior enabled\n     *\n     * @default false\n     */\n    draggable?: boolean;\n    /**\n     * Whether the collection is disabled, or in other words in read only mode\n     *\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Whether the collection is readOnly. If true, the collection will not allow adding or removing items\n     *\n     * @default false\n     */\n    readOnly?: boolean;\n    /**\n     * Function that determines if the add item button should be enabled given the current items of the collection.\n     * The button is always enabled if this props remains undefined\n     *\n     * @param values The current items of the collection\n     */\n    allowAdd?: boolean | ((values: T[]) => boolean);\n    /**\n     * The label of the add item button\n     *\n     * @default \"Add item\"\n     */\n    addLabel?: ReactNode;\n    /**\n     * The tooltip text displayed when hovering over the disabled add item button\n     *\n     * @default 'There is already an empty item'\n     */\n    addDisabledTooltip?: string;\n    /**\n     * The gap between the collection items\n     *\n     * @default 'md'\n     */\n    gap?: MantineSpacing;\n    /**\n     * Whether the collection is required. When required is true, the collection will hide the remove button if there is only one item\n     *\n     * @default false\n     */\n    required?: boolean;\n}\n\n/**\n * Collection with column-based layout\n */\ninterface CollectionWithColumns<T> extends BaseCollectionProps<T> {\n    /**\n     * Column definitions for the collection\n     */\n    columns: Array<CollectionColumnDef<T>>;\n\n    /**\n     * Layout component to use for rendering\n     * @default CollectionLayouts.Horizontal\n     */\n    layout?: CollectionLayout;\n\n    /**\n     * Must not have children when using columns\n     */\n    children?: never;\n}\n\n/**\n * Collection with legacy children render prop\n */\ninterface CollectionWithChildren<T> extends BaseCollectionProps<T> {\n    /**\n     * A render function called for each item passed in the `value` prop.\n     *\n     * @param item The current item's value\n     * @param index The current item's index\n     */\n    children: (item: T, index: number) => ReactNode;\n\n    /**\n     * Must not have columns when using children\n     */\n    columns?: never;\n\n    /**\n     * Must not have layout when using children\n     */\n    layout?: never;\n}\n\n/**\n * Collection props - either columns OR children, never both\n */\nexport type CollectionProps<T> = CollectionWithColumns<T> | CollectionWithChildren<T>;\n\nexport type CollectionStylesNames = 'root' | 'item' | 'items' | 'itemDragging' | 'dragHandle' | 'removeButton';\n\nexport type CollectionFactory = Factory<{\n    props: CollectionProps<unknown>;\n    ref: HTMLDivElement;\n    stylesNames: CollectionStylesNames;\n}>;\n\nconst defaultProps: Partial<CollectionProps<unknown>> = {\n    draggable: false,\n    addLabel: 'Add item',\n    addDisabledTooltip: 'There is already an empty item',\n    disabled: false,\n    readOnly: false,\n    gap: 'md',\n    required: false,\n    getItemId: ({id}: any) => id,\n};\n\nexport const Collection = <T,>(props: CollectionProps<T> & {ref?: ForwardedRef<HTMLDivElement>}) => {\n    const {\n        value,\n        onChange,\n        onRemoveItem,\n        onReorderItem,\n        onInsertItem,\n        disabled,\n        readOnly,\n        draggable,\n        children,\n        columns,\n        layout,\n        gap,\n        required,\n        newItem,\n        addLabel,\n        addDisabledTooltip,\n        allowAdd,\n        label,\n        labelProps,\n        withAsterisk,\n        description,\n        descriptionProps,\n        error,\n        errorProps,\n        getItemId,\n        ref,\n\n        // Style props\n        style,\n        className,\n        classNames,\n        styles,\n        unstyled,\n        ...others\n    } = useProps('Collection', defaultProps as CollectionProps<T>, props);\n\n    // Runtime validation: ensure columns and children are mutually exclusive\n    if (columns && children) {\n        throw new Error('Collection: Cannot use both \"columns\" and \"children\" props.');\n    }\n\n    if (layout && !columns) {\n        throw new Error('Collection: \"layout\" prop can only be used with \"columns\" prop.');\n    }\n\n    const getStyles = useStyles<CollectionFactory>({\n        name: 'Collection',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n    });\n    const sensors = useSensors(\n        useSensor(PointerSensor),\n        useSensor(KeyboardSensor, {\n            coordinateGetter: sortableKeyboardCoordinates,\n        }),\n    );\n\n    const canEdit = !disabled && !readOnly;\n    const items = value ?? [];\n    const hasOnlyOneItem = items.length === 1;\n\n    /**\n     * Enforcing onChange when the value is modified will make sure the errors are carried through.\n     */\n    useDidUpdate(() => {\n        onChange?.(items);\n    }, [JSON.stringify(items)]);\n\n    const isRequired = typeof withAsterisk === 'boolean' ? withAsterisk : required;\n    const _label = label ? (\n        <Input.Label required={isRequired} {...labelProps}>\n            {label}\n        </Input.Label>\n    ) : null;\n\n    const _description = description ? (\n        <Input.Description {...descriptionProps}>{description}</Input.Description>\n    ) : null;\n    const _error = error ? (\n        <Input.Error {...errorProps} pt=\"xs\">\n            {error}\n        </Input.Error>\n    ) : null;\n    const _header =\n        _label || _description ? (\n            <Stack gap=\"xxs\" pb=\"xs\">\n                {_label}\n                {_description}\n            </Stack>\n        ) : null;\n\n    const standardizedItems = items.map((item, index) => ({id: getItemId?.(item, index) ?? String(index), data: item}));\n\n    const getIndex = (id: string) => standardizedItems.findIndex((item) => item.id === id);\n\n    const handleDragEnd = ({over, active}: DragEndEvent): void => {\n        if (over) {\n            const activeIndex = getIndex(String(active.id));\n            const overIndex = getIndex(String(over.id));\n            if (activeIndex !== overIndex) {\n                onReorderItem?.({from: activeIndex, to: overIndex});\n            }\n        }\n    };\n\n    const addAllowed = typeof allowAdd === 'boolean' ? allowAdd : (allowAdd?.(items) ?? true);\n\n    const handleAdd = () => {\n        const newItemValue = typeof newItem === 'function' ? (newItem as () => T)() : newItem;\n        onInsertItem?.(newItemValue, items?.length ?? 0);\n    };\n\n    const _addButton = canEdit ? (\n        <CollectionAddButton\n            addLabel={addLabel}\n            addDisabledTooltip={addDisabledTooltip}\n            addAllowed={addAllowed}\n            onAdd={handleAdd}\n        />\n    ) : null;\n\n    // Column-based layout pattern\n    if (columns) {\n        const Layout = layout || CollectionLayouts.Horizontal;\n\n        return (\n            <CollectionProvider value={{getStyles, columns: columns as Array<CollectionColumnDef<unknown>>}}>\n                <DndContext\n                    onDragEnd={handleDragEnd}\n                    sensors={sensors}\n                    modifiers={[restrictToVerticalAxis, restrictToParentElement]}\n                >\n                    <SortableContext items={standardizedItems} strategy={verticalListSortingStrategy}>\n                        <Box ref={ref} {...others} {...getStyles('root')}>\n                            {_header}\n                            <Layout>\n                                <Layout.Header\n                                    draggable={draggable && canEdit}\n                                    removable={canEdit && !(isRequired && hasOnlyOneItem)}\n                                />\n                                <Layout.Body\n                                    items={items}\n                                    onRemove={canEdit ? onRemoveItem : undefined}\n                                    removable={canEdit && !(isRequired && hasOnlyOneItem)}\n                                    draggable={draggable && canEdit}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                    getItemId={getItemId}\n                                    gap={gap}\n                                />\n                            </Layout>\n                            {_addButton}\n                            {_error}\n                        </Box>\n                    </SortableContext>\n                </DndContext>\n            </CollectionProvider>\n        );\n    }\n\n    // Legacy children render prop pattern\n    const renderedItems = standardizedItems.map((item, index) => (\n        <CollectionItem\n            key={item.id}\n            id={item.id}\n            disabled={!canEdit}\n            draggable={draggable}\n            onRemove={() => onRemoveItem?.(index)}\n            removable={!(isRequired && hasOnlyOneItem)}\n        >\n            {children(item.data, index)}\n        </CollectionItem>\n    ));\n\n    return (\n        <CollectionProvider value={{getStyles}}>\n            <DndContext\n                onDragEnd={handleDragEnd}\n                sensors={sensors}\n                modifiers={[restrictToVerticalAxis, restrictToParentElement]}\n            >\n                <SortableContext items={standardizedItems} strategy={verticalListSortingStrategy}>\n                    <Box ref={ref} {...others} {...getStyles('root')}>\n                        {_header}\n                        <Stack gap={gap} {...getStyles('items')}>\n                            {renderedItems}\n                            {_addButton}\n                        </Stack>\n                        {_error}\n                    </Box>\n                </SortableContext>\n            </DndContext>\n        </CollectionProvider>\n    );\n};\n\nCollection.displayName = 'Collection';\n\nCollection.extend = identity as CustomComponentThemeExtend<CollectionFactory>;\n\nCollection.Layouts = CollectionLayouts;\n"],"names":["DndContext","KeyboardSensor","PointerSensor","useSensor","useSensors","restrictToParentElement","restrictToVerticalAxis","SortableContext","sortableKeyboardCoordinates","verticalListSortingStrategy","Box","Input","Stack","useProps","useStyles","useDidUpdate","identity","classes","CollectionAddButton","CollectionProvider","CollectionItem","CollectionLayouts","defaultProps","draggable","addLabel","addDisabledTooltip","disabled","readOnly","gap","required","getItemId","id","Collection","props","value","onChange","onRemoveItem","onReorderItem","onInsertItem","children","columns","layout","newItem","allowAdd","label","labelProps","withAsterisk","description","descriptionProps","error","errorProps","ref","style","className","classNames","styles","unstyled","others","Error","getStyles","name","sensors","coordinateGetter","canEdit","items","hasOnlyOneItem","length","JSON","stringify","isRequired","_label","Label","_description","Description","_error","pt","_header","pb","standardizedItems","map","item","index","String","data","getIndex","findIndex","handleDragEnd","over","active","activeIndex","overIndex","from","to","addAllowed","handleAdd","newItemValue","_addButton","onAdd","Layout","Horizontal","onDragEnd","modifiers","strategy","Header","removable","Body","onRemove","undefined","renderedItems","displayName","extend","Layouts"],"mappings":"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"}

package/dist/esm/components/Collection/Collection.module.css

@@ -1,40 +0,0 @@
-.root {
-    position: relative;
-}
-
-.items {
-    background-color: var(--mantine-color-gray-light);
-    padding: var(--mantine-spacing-md);
-    border: 1px solid var(--mantine-color-default-border);
-    border-radius: var(--mantine-radius-default);
-}
-
-.item {
-    align-items: baseline;
-    flex-wrap: nowrap;
-
-    &[data-isdragging='true'] {
-        box-shadow: var(--mantine-shadow-md);
-        z-index: 2;
-    }
-}
-
-.dragHandle {
-    cursor: grab;
-    display: flex;
-    align-items: center;
-
-    &:active {
-        cursor: grabbing;
-    }
-}
-
-.removeButton {
-    display: flex;
-    align-items: center;
-}
-
-.addButtonContainer {
-    align-self: flex-start;
-    width: min-content;
-}

package/dist/esm/components/Collection/CollectionAddButton.d.ts

@@ -1,25 +0,0 @@
-import { ReactNode } from 'react';
-export interface CollectionAddButtonProps {
-    /**
-     * The label of the add item button
-     *
-     * @default "Add item"
-     */
-    addLabel?: ReactNode;
-    /**
-     * The tooltip text displayed when hovering over the disabled add item button
-     *
-     * @default 'There is already an empty item'
-     */
-    addDisabledTooltip?: string;
-    /**
-     * Whether the add button is allowed/enabled
-     */
-    addAllowed: boolean;
-    /**
-     * Callback when the add button is clicked
-     */
-    onAdd: () => void;
-}
-export declare const CollectionAddButton: ({ addLabel, addDisabledTooltip, addAllowed, onAdd }: CollectionAddButtonProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CollectionAddButton.d.ts.map

package/dist/esm/components/Collection/CollectionAddButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollectionAddButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Collection/CollectionAddButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAKhC,MAAM,WAAW,wBAAwB;IACrC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,GAAI,qDAAmD,wBAAwB,4CAW9G,CAAC"}

package/dist/esm/components/Collection/CollectionAddButton.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { IconPlus } from '@coveord/plasma-react-icons';
-import { Box } from '@mantine/core';
-import { Button } from '../Button/Button.js';
-import classes from './Collection.module.css';
-export const CollectionAddButton = ({ addLabel, addDisabledTooltip, addAllowed, onAdd })=>/*#__PURE__*/ _jsx(Box, {
-        className: classes.addButtonContainer,
-        children: /*#__PURE__*/ _jsx(Button.Quaternary, {
-            leftSection: /*#__PURE__*/ _jsx(IconPlus, {
-                size: 16
-            }),
-            onClick: onAdd,
-            disabled: !addAllowed,
-            disabledTooltip: addDisabledTooltip,
-            children: addLabel
-        })
-    });
-
-//# sourceMappingURL=CollectionAddButton.js.map

package/dist/esm/components/Collection/CollectionAddButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Collection/CollectionAddButton.tsx"],"sourcesContent":["import {IconPlus} from '@coveord/plasma-react-icons';\nimport {Box} from '@mantine/core';\nimport {ReactNode} from 'react';\n\nimport {Button} from '../Button/Button.js';\nimport classes from './Collection.module.css';\n\nexport interface CollectionAddButtonProps {\n    /**\n     * The label of the add item button\n     *\n     * @default \"Add item\"\n     */\n    addLabel?: ReactNode;\n    /**\n     * The tooltip text displayed when hovering over the disabled add item button\n     *\n     * @default 'There is already an empty item'\n     */\n    addDisabledTooltip?: string;\n    /**\n     * Whether the add button is allowed/enabled\n     */\n    addAllowed: boolean;\n    /**\n     * Callback when the add button is clicked\n     */\n    onAdd: () => void;\n}\n\nexport const CollectionAddButton = ({addLabel, addDisabledTooltip, addAllowed, onAdd}: CollectionAddButtonProps) => (\n    <Box className={classes.addButtonContainer}>\n        <Button.Quaternary\n            leftSection={<IconPlus size={16} />}\n            onClick={onAdd}\n            disabled={!addAllowed}\n            disabledTooltip={addDisabledTooltip}\n        >\n            {addLabel}\n        </Button.Quaternary>\n    </Box>\n);\n"],"names":["IconPlus","Box","Button","classes","CollectionAddButton","addLabel","addDisabledTooltip","addAllowed","onAdd","className","addButtonContainer","Quaternary","leftSection","size","onClick","disabled","disabledTooltip"],"mappings":";AAAA,SAAQA,QAAQ,QAAO,8BAA8B;AACrD,SAAQC,GAAG,QAAO,gBAAgB;AAGlC,SAAQC,MAAM,QAAO,sBAAsB;AAC3C,OAAOC,aAAa,0BAA0B;AAyB9C,OAAO,MAAMC,sBAAsB,CAAC,EAACC,QAAQ,EAAEC,kBAAkB,EAAEC,UAAU,EAAEC,KAAK,EAA2B,iBAC3G,KAACP;QAAIQ,WAAWN,QAAQO,kBAAkB;kBACtC,cAAA,KAACR,OAAOS,UAAU;YACdC,2BAAa,KAACZ;gBAASa,MAAM;;YAC7BC,SAASN;YACTO,UAAU,CAACR;YACXS,iBAAiBV;sBAEhBD;;OAGX"}

package/dist/esm/components/Collection/CollectionColumn.types.d.ts

@@ -1,72 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * Context provided to header render functions
- */
-export interface CollectionHeaderContext {
-    /** Column index */
-    index: number;
-}
-/**
- * Context provided to cell render functions.
- *
- * Use `context.disabled` and `context.readOnly` to pass the collection's state to your form inputs:
- * @example
- * ```tsx
- * cell: (item, index, context) => (
- *   <TextInput
- *     {...form.getInputProps(`items.${index}.name`)}
- *     disabled={context.disabled}
- *     readOnly={context.readOnly}
- *   />
- * )
- * ```
- */
-export interface CollectionCellContext<T = unknown> {
-    /** Whether the item can be removed */
-    removable?: boolean;
-    /** Whether the collection is draggable */
-    draggable?: boolean;
-    /**
-     * Whether the collection is disabled.
-     * Pass this to your form inputs: `disabled={context.disabled}`
-     */
-    disabled?: boolean;
-    /**
-     * Whether the collection is read-only.
-     * Pass this to your form inputs: `readOnly={context.readOnly}`
-     */
-    readOnly?: boolean;
-    /** Callback to remove the item */
-    onRemove?: () => void;
-}
-/**
- * Column definition for Collection component
- */
-export interface CollectionColumnDef<T = unknown> {
-    /**
-     * Column header content
-     * Can be a ReactNode or a function that receives header context
-     */
-    header?: ReactNode | ((context: CollectionHeaderContext) => ReactNode);
-    /**
-     * Cell render function
-     * @param item The current item's data
-     * @param index The current item's index
-     * @param context Additional context for rendering
-     */
-    cell: (item: T, index: number, context: CollectionCellContext<T>) => ReactNode;
-    /**
-     * Minimum column size
-     */
-    minSize?: string | number;
-    /**
-     * Maximum column size
-     */
-    maxSize?: string | number;
-    /**
-     * Unique identifier for the column
-     * Auto-generated if not provided
-     */
-    id?: string;
-}
-//# sourceMappingURL=CollectionColumn.types.d.ts.map

package/dist/esm/components/Collection/CollectionColumn.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollectionColumn.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Collection/CollectionColumn.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACpC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;GAcG;AAEH,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,OAAO;IAC9C,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB,CAAC,CAAC,GAAG,OAAO;IAC5C;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,uBAAuB,KAAK,SAAS,CAAC,CAAC;IAEvE;;;;;OAKG;IACH,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IAE/E;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/esm/components/Collection/CollectionColumn.types.js

@@ -1,5 +0,0 @@
-/**
- * Column definition for Collection component
- */ export { };
-
-//# sourceMappingURL=CollectionColumn.types.js.map

package/dist/esm/components/Collection/CollectionColumn.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Collection/CollectionColumn.types.ts"],"sourcesContent":["import {ReactNode} from 'react';\n\n/**\n * Context provided to header render functions\n */\nexport interface CollectionHeaderContext {\n    /** Column index */\n    index: number;\n}\n\n/**\n * Context provided to cell render functions.\n *\n * Use `context.disabled` and `context.readOnly` to pass the collection's state to your form inputs:\n * @example\n * ```tsx\n * cell: (item, index, context) => (\n *   <TextInput\n *     {...form.getInputProps(`items.${index}.name`)}\n *     disabled={context.disabled}\n *     readOnly={context.readOnly}\n *   />\n * )\n * ```\n */\n// eslint-disable-next-line unused-imports/no-unused-vars\nexport interface CollectionCellContext<T = unknown> {\n    /** Whether the item can be removed */\n    removable?: boolean;\n    /** Whether the collection is draggable */\n    draggable?: boolean;\n    /**\n     * Whether the collection is disabled.\n     * Pass this to your form inputs: `disabled={context.disabled}`\n     */\n    disabled?: boolean;\n    /**\n     * Whether the collection is read-only.\n     * Pass this to your form inputs: `readOnly={context.readOnly}`\n     */\n    readOnly?: boolean;\n    /** Callback to remove the item */\n    onRemove?: () => void;\n}\n\n/**\n * Column definition for Collection component\n */\nexport interface CollectionColumnDef<T = unknown> {\n    /**\n     * Column header content\n     * Can be a ReactNode or a function that receives header context\n     */\n    header?: ReactNode | ((context: CollectionHeaderContext) => ReactNode);\n\n    /**\n     * Cell render function\n     * @param item The current item's data\n     * @param index The current item's index\n     * @param context Additional context for rendering\n     */\n    cell: (item: T, index: number, context: CollectionCellContext<T>) => ReactNode;\n\n    /**\n     * Minimum column size\n     */\n    minSize?: string | number;\n\n    /**\n     * Maximum column size\n     */\n    maxSize?: string | number;\n\n    /**\n     * Unique identifier for the column\n     * Auto-generated if not provided\n     */\n    id?: string;\n}\n"],"names":[],"mappings":"AA6CA;;CAEC,GACD,WA8BC"}

package/dist/esm/components/Collection/CollectionContext.d.ts

@@ -1,16 +0,0 @@
-import { type GetStylesApi } from '@mantine/core';
-import type { CollectionFactory } from './Collection.js';
-import type { CollectionColumnDef } from './CollectionColumn.types.js';
-interface CollectionContextType {
-    getStyles: GetStylesApi<CollectionFactory>;
-    /**
-     * Column definitions for the collection (only present when using column-based layout)
-     */
-    columns?: Array<CollectionColumnDef<unknown>>;
-}
-export declare const CollectionProvider: ({ children, value }: {
-    value: CollectionContextType;
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useCollectionContext: () => CollectionContextType;
-export {};
-//# sourceMappingURL=CollectionContext.d.ts.map

package/dist/esm/components/Collection/CollectionContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollectionContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Collection/CollectionContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AACnE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAErE,UAAU,qBAAqB;IAC3B,SAAS,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;CACjD;AAED,eAAO,MAAO,kBAAkB;;;+CAAE,oBAAoB,6BAErD,CAAC"}

package/dist/esm/components/Collection/CollectionContext.js

@@ -1,4 +0,0 @@
-import { createSafeContext } from '@mantine/core';
-export const [CollectionProvider, useCollectionContext] = createSafeContext('Collection component was not found in tree');
-
-//# sourceMappingURL=CollectionContext.js.map

package/dist/esm/components/Collection/CollectionContext.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Collection/CollectionContext.ts"],"sourcesContent":["import {createSafeContext, type GetStylesApi} from '@mantine/core';\nimport type {CollectionFactory} from './Collection.js';\nimport type {CollectionColumnDef} from './CollectionColumn.types.js';\n\ninterface CollectionContextType {\n    getStyles: GetStylesApi<CollectionFactory>;\n    /**\n     * Column definitions for the collection (only present when using column-based layout)\n     */\n    columns?: Array<CollectionColumnDef<unknown>>;\n}\n\nexport const [CollectionProvider, useCollectionContext] = createSafeContext<CollectionContextType>(\n    'Collection component was not found in tree',\n);\n"],"names":["createSafeContext","CollectionProvider","useCollectionContext"],"mappings":"AAAA,SAAQA,iBAAiB,QAA0B,gBAAgB;AAYnE,OAAO,MAAM,CAACC,oBAAoBC,qBAAqB,GAAGF,kBACtD,8CACF"}

package/dist/esm/components/Collection/CollectionItem.d.ts

@@ -1,14 +0,0 @@
-import { GroupProps } from '@mantine/core';
-import { FunctionComponent, type MouseEventHandler, PropsWithChildren } from 'react';
-interface CollectionItemProps extends CollectionItemSharedProps {
-    draggable?: boolean;
-    disabled: boolean;
-}
-interface CollectionItemSharedProps extends GroupProps {
-    id: string;
-    onRemove?: MouseEventHandler<HTMLButtonElement>;
-    removable?: boolean;
-}
-export declare const CollectionItem: FunctionComponent<PropsWithChildren<CollectionItemProps>>;
-export {};
-//# sourceMappingURL=CollectionItem.d.ts.map

package/dist/esm/components/Collection/CollectionItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollectionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Collection/CollectionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,UAAU,EAAW,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAC,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAMnF,UAAU,mBAAoB,SAAQ,yBAAyB;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,yBAA0B,SAAQ,UAAU;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAyGD,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAYpF,CAAC"}

package/dist/esm/components/Collection/CollectionItem.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import { Group, useProps } from '@mantine/core';
-import { useCollectionContext } from './CollectionContext.js';
-import { DragHandle } from './layouts/shared/DragHandle.js';
-import { RemoveButton } from './layouts/shared/RemoveButton.js';
-const defaultProps = {
-    removable: true,
-    gap: 'sm'
-};
-const StaticCollectionItem = (props)=>{
-    const { children, removable, onRemove, id, // Style props
-    style, className, classNames, styles, ...others } = useProps('CollectionItem', defaultProps, props);
-    const ctx = useCollectionContext();
-    return /*#__PURE__*/ _jsxs(Group, {
-        "data-testid": `item-${id}`,
-        ...ctx.getStyles('item', {
-            style,
-            className,
-            classNames,
-            styles
-        }),
-        ...others,
-        children: [
-            children,
-            /*#__PURE__*/ _jsx(RemoveButton, {
-                removable: removable,
-                onRemove: onRemove
-            })
-        ]
-    });
-};
-const DisabledCollectionItem = (props)=>{
-    const ctx = useCollectionContext();
-    const { children, id, removable: _removable, onRemove: _onRemove, // Style props
-    style, className, classNames, styles, ...others } = useProps('CollectionItem', defaultProps, props);
-    return /*#__PURE__*/ _jsx(Group, {
-        "data-testid": `item-${id}`,
-        ...ctx.getStyles('item', {
-            style,
-            className,
-            classNames,
-            styles
-        }),
-        ...others,
-        children: children
-    });
-};
-const DraggableCollectionItem = (props)=>{
-    const ctx = useCollectionContext();
-    const { children, removable, onRemove, id, // Style props
-    className, classNames, styles, ...others } = useProps('CollectionItem', defaultProps, props);
-    const { attributes, listeners, setNodeRef, transform, transition, isDragging, setActivatorNodeRef } = useSortable({
-        id
-    });
-    return /*#__PURE__*/ _jsxs(Group, {
-        "data-testid": `item-${id}`,
-        ref: setNodeRef,
-        ...ctx.getStyles('item', {
-            style: transform ? {
-                transform: CSS.Transform.toString(transform),
-                transition
-            } : undefined,
-            className,
-            classNames,
-            styles
-        }),
-        "data-isdragging": isDragging,
-        ...others,
-        children: [
-            /*#__PURE__*/ _jsx(DragHandle, {
-                setActivatorNodeRef: setActivatorNodeRef,
-                listeners: listeners,
-                attributes: attributes
-            }),
-            children,
-            /*#__PURE__*/ _jsx(RemoveButton, {
-                removable: removable,
-                onRemove: onRemove
-            })
-        ]
-    });
-};
-export const CollectionItem = ({ draggable, disabled, ...otherProps })=>{
-    if (disabled) {
-        return /*#__PURE__*/ _jsx(DisabledCollectionItem, {
-            ...otherProps
-        });
-    }
-    if (draggable) {
-        return /*#__PURE__*/ _jsx(DraggableCollectionItem, {
-            ...otherProps
-        });
-    }
-    return /*#__PURE__*/ _jsx(StaticCollectionItem, {
-        ...otherProps
-    });
-};
-
-//# sourceMappingURL=CollectionItem.js.map

package/dist/esm/components/Collection/CollectionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Collection/CollectionItem.tsx"],"sourcesContent":["import {useSortable} from '@dnd-kit/sortable';\nimport {CSS} from '@dnd-kit/utilities';\nimport {Group, GroupProps, useProps} from '@mantine/core';\nimport {FunctionComponent, type MouseEventHandler, PropsWithChildren} from 'react';\n\nimport {useCollectionContext} from './CollectionContext.js';\nimport {DragHandle} from './layouts/shared/DragHandle.js';\nimport {RemoveButton} from './layouts/shared/RemoveButton.js';\n\ninterface CollectionItemProps extends CollectionItemSharedProps {\n    draggable?: boolean;\n    disabled: boolean;\n}\n\ninterface CollectionItemSharedProps extends GroupProps {\n    id: string;\n    onRemove?: MouseEventHandler<HTMLButtonElement>;\n    removable?: boolean;\n}\n\nconst defaultProps: Partial<CollectionItemSharedProps> = {\n    removable: true,\n    gap: 'sm',\n};\n\nconst StaticCollectionItem: FunctionComponent<PropsWithChildren<CollectionItemSharedProps>> = (props) => {\n    const {\n        children,\n        removable,\n        onRemove,\n        id,\n\n        // Style props\n        style,\n        className,\n        classNames,\n        styles,\n        ...others\n    } = useProps('CollectionItem', defaultProps, props);\n    const ctx = useCollectionContext();\n\n    return (\n        <Group\n            data-testid={`item-${id}`}\n            {...ctx.getStyles('item', {style, className, classNames, styles})}\n            {...others}\n        >\n            {children}\n            <RemoveButton removable={removable} onRemove={onRemove} />\n        </Group>\n    );\n};\n\nconst DisabledCollectionItem: FunctionComponent<PropsWithChildren<CollectionItemSharedProps>> = (props) => {\n    const ctx = useCollectionContext();\n    const {\n        children,\n        id,\n        removable: _removable,\n        onRemove: _onRemove,\n\n        // Style props\n        style,\n        className,\n        classNames,\n        styles,\n        ...others\n    } = useProps('CollectionItem', defaultProps, props);\n    return (\n        <Group\n            data-testid={`item-${id}`}\n            {...ctx.getStyles('item', {style, className, classNames, styles})}\n            {...others}\n        >\n            {children}\n        </Group>\n    );\n};\n\nconst DraggableCollectionItem: FunctionComponent<PropsWithChildren<CollectionItemSharedProps>> = (props) => {\n    const ctx = useCollectionContext();\n    const {\n        children,\n        removable,\n        onRemove,\n        id,\n\n        // Style props\n        className,\n        classNames,\n        styles,\n        ...others\n    } = useProps('CollectionItem', defaultProps, props);\n\n    const {attributes, listeners, setNodeRef, transform, transition, isDragging, setActivatorNodeRef} = useSortable({\n        id,\n    });\n\n    return (\n        <Group\n            data-testid={`item-${id}`}\n            ref={setNodeRef}\n            {...ctx.getStyles('item', {\n                style: transform\n                    ? {\n                          transform: CSS.Transform.toString(transform),\n                          transition,\n                      }\n                    : undefined,\n                className,\n                classNames,\n                styles,\n            })}\n            data-isdragging={isDragging}\n            {...others}\n        >\n            <DragHandle setActivatorNodeRef={setActivatorNodeRef} listeners={listeners} attributes={attributes} />\n            {children}\n            <RemoveButton removable={removable} onRemove={onRemove} />\n        </Group>\n    );\n};\n\nexport const CollectionItem: FunctionComponent<PropsWithChildren<CollectionItemProps>> = ({\n    draggable,\n    disabled,\n    ...otherProps\n}) => {\n    if (disabled) {\n        return <DisabledCollectionItem {...otherProps} />;\n    }\n    if (draggable) {\n        return <DraggableCollectionItem {...otherProps} />;\n    }\n    return <StaticCollectionItem {...otherProps} />;\n};\n"],"names":["useSortable","CSS","Group","useProps","useCollectionContext","DragHandle","RemoveButton","defaultProps","removable","gap","StaticCollectionItem","props","children","onRemove","id","style","className","classNames","styles","others","ctx","data-testid","getStyles","DisabledCollectionItem","_removable","_onRemove","DraggableCollectionItem","attributes","listeners","setNodeRef","transform","transition","isDragging","setActivatorNodeRef","ref","Transform","toString","undefined","data-isdragging","CollectionItem","draggable","disabled","otherProps"],"mappings":";AAAA,SAAQA,WAAW,QAAO,oBAAoB;AAC9C,SAAQC,GAAG,QAAO,qBAAqB;AACvC,SAAQC,KAAK,EAAcC,QAAQ,QAAO,gBAAgB;AAG1D,SAAQC,oBAAoB,QAAO,yBAAyB;AAC5D,SAAQC,UAAU,QAAO,iCAAiC;AAC1D,SAAQC,YAAY,QAAO,mCAAmC;AAa9D,MAAMC,eAAmD;IACrDC,WAAW;IACXC,KAAK;AACT;AAEA,MAAMC,uBAAwF,CAACC;IAC3F,MAAM,EACFC,QAAQ,EACRJ,SAAS,EACTK,QAAQ,EACRC,EAAE,EAEF,cAAc;IACdC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,MAAM,EACN,GAAGC,QACN,GAAGhB,SAAS,kBAAkBI,cAAcI;IAC7C,MAAMS,MAAMhB;IAEZ,qBACI,MAACF;QACGmB,eAAa,CAAC,KAAK,EAAEP,IAAI;QACxB,GAAGM,IAAIE,SAAS,CAAC,QAAQ;YAACP;YAAOC;YAAWC;YAAYC;QAAM,EAAE;QAChE,GAAGC,MAAM;;YAETP;0BACD,KAACN;gBAAaE,WAAWA;gBAAWK,UAAUA;;;;AAG1D;AAEA,MAAMU,yBAA0F,CAACZ;IAC7F,MAAMS,MAAMhB;IACZ,MAAM,EACFQ,QAAQ,EACRE,EAAE,EACFN,WAAWgB,UAAU,EACrBX,UAAUY,SAAS,EAEnB,cAAc;IACdV,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,MAAM,EACN,GAAGC,QACN,GAAGhB,SAAS,kBAAkBI,cAAcI;IAC7C,qBACI,KAACT;QACGmB,eAAa,CAAC,KAAK,EAAEP,IAAI;QACxB,GAAGM,IAAIE,SAAS,CAAC,QAAQ;YAACP;YAAOC;YAAWC;YAAYC;QAAM,EAAE;QAChE,GAAGC,MAAM;kBAETP;;AAGb;AAEA,MAAMc,0BAA2F,CAACf;IAC9F,MAAMS,MAAMhB;IACZ,MAAM,EACFQ,QAAQ,EACRJ,SAAS,EACTK,QAAQ,EACRC,EAAE,EAEF,cAAc;IACdE,SAAS,EACTC,UAAU,EACVC,MAAM,EACN,GAAGC,QACN,GAAGhB,SAAS,kBAAkBI,cAAcI;IAE7C,MAAM,EAACgB,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,UAAU,EAAEC,mBAAmB,EAAC,GAAGjC,YAAY;QAC5Gc;IACJ;IAEA,qBACI,MAACZ;QACGmB,eAAa,CAAC,KAAK,EAAEP,IAAI;QACzBoB,KAAKL;QACJ,GAAGT,IAAIE,SAAS,CAAC,QAAQ;YACtBP,OAAOe,YACD;gBACIA,WAAW7B,IAAIkC,SAAS,CAACC,QAAQ,CAACN;gBAClCC;YACJ,IACAM;YACNrB;YACAC;YACAC;QACJ,EAAE;QACFoB,mBAAiBN;QAChB,GAAGb,MAAM;;0BAEV,KAACd;gBAAW4B,qBAAqBA;gBAAqBL,WAAWA;gBAAWD,YAAYA;;YACvFf;0BACD,KAACN;gBAAaE,WAAWA;gBAAWK,UAAUA;;;;AAG1D;AAEA,OAAO,MAAM0B,iBAA4E,CAAC,EACtFC,SAAS,EACTC,QAAQ,EACR,GAAGC,YACN;IACG,IAAID,UAAU;QACV,qBAAO,KAAClB;YAAwB,GAAGmB,UAAU;;IACjD;IACA,IAAIF,WAAW;QACX,qBAAO,KAACd;YAAyB,GAAGgB,UAAU;;IAClD;IACA,qBAAO,KAAChC;QAAsB,GAAGgC,UAAU;;AAC/C,EAAE"}

package/dist/esm/components/Collection/enhanceWithCollectionProps.d.ts

@@ -1,6 +0,0 @@
-import { UseFormInput } from '@mantine/form';
-import { CollectionProps } from './Collection.js';
-export declare const enhanceWithCollectionProps: <FormValues, TransformValues extends (values: FormValues) => unknown = (values: FormValues) => FormValues>(payload: Parameters<UseFormInput<FormValues, TransformValues>["enhanceGetInputProps"]>[0], field: (typeof payload)["field"], options?: {
-    validateInputOnChange?: boolean;
-}) => Pick<CollectionProps<unknown>, "onReorderItem" | "onInsertItem" | "onRemoveItem">;
-//# sourceMappingURL=enhanceWithCollectionProps.d.ts.map

package/dist/esm/components/Collection/enhanceWithCollectionProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"enhanceWithCollectionProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Collection/enhanceWithCollectionProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAwB,MAAM,eAAe,CAAC;AAClE,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,0BAA0B,GACnC,UAAU,EACV,eAAe,SAAS,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,GAAG,CAAC,MAAM,EAAE,UAAU,KAAK,UAAU,EAE5F,SAAS,UAAU,CAAC,YAAY,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,EACzF,OAAO,CAAC,OAAO,OAAO,EAAE,OAAO,CAAC,EAChC,UAAU;IAAC,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAAC,KAC5C,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,eAAe,GAAG,cAAc,GAAG,cAAc,CAoBlF,CAAC"}

package/dist/esm/components/Collection/enhanceWithCollectionProps.js

@@ -1,22 +0,0 @@
-export const enhanceWithCollectionProps = (payload, field, options)=>{
-    if (payload.field === field) {
-        const { validateInputOnChange = false } = options || {};
-        return {
-            onReorderItem: (reorderPayload)=>{
-                payload.form.reorderListItem(field, reorderPayload);
-                validateInputOnChange && payload.form.validate();
-            },
-            onRemoveItem: (index)=>{
-                payload.form.removeListItem(field, index);
-                validateInputOnChange && payload.form.validate();
-            },
-            onInsertItem: (valueToInsert, index)=>{
-                payload.form.insertListItem(field, valueToInsert, index);
-                validateInputOnChange && payload.form.validate();
-            }
-        };
-    }
-    return {};
-};
-
-//# sourceMappingURL=enhanceWithCollectionProps.js.map