@coveord/plasma-mantine 59.8.0 → 60.0.0

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/EllipsisText/EllipsisText.tsx"],"sourcesContent":["import {\n    Box,\n    type BoxProps,\n    type Factory,\n    polymorphicFactory,\n    type StylesApiProps,\n    Text,\n    type TextProps,\n    Tooltip,\n    type TooltipProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {ReactNode, useRef, useState} from 'react';\nimport clsx from 'clsx';\nimport classes from './EllipsisText.module.css';\n\nexport type EllipsisTextStylesNames = 'root' | 'tooltip' | 'text';\n\nexport interface EllipsisTextProps\n    extends BoxProps, Pick<TextProps, 'variant' | 'lineClamp'>, Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {\n    children: ReactNode;\n    tooltipProps?: Partial<Omit<TooltipProps, 'label' | 'opened' | 'children'>>;\n}\n\ntype EllipsisTextFactory = Factory<{\n    props: EllipsisTextProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: EllipsisTextStylesNames;\n}>;\n\nconst defaultProps: Partial<EllipsisTextProps> = {\n    tooltipProps: {},\n};\n\nexport const EllipsisText = polymorphicFactory<EllipsisTextFactory>((props, ref) => {\n    const {className, children, style, classNames, styles, unstyled, variant, lineClamp, tooltipProps, ...others} =\n        useProps('EllipsisText', defaultProps, props);\n\n    const getStyles = useStyles<EllipsisTextFactory>({\n        name: 'EllipsisText',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n    });\n\n    const [showTooltip, setShowTooltip] = useState(false);\n    const textRef = useRef<HTMLDivElement>(null);\n\n    const {className: rootClass, ...rootStyles} = getStyles('root');\n    const {className: textClass, ...textStyles} = getStyles('text');\n\n    return (\n        <Box\n            ref={ref}\n            onMouseEnter={() => {\n                if (textRef.current && isOverflowing(textRef.current)) {\n                    setShowTooltip(true);\n                }\n            }}\n            onMouseLeave={() => setShowTooltip(false)}\n            className={clsx(rootClass, {[classes.noWrap]: !lineClamp})}\n            {...rootStyles}\n            {...others}\n        >\n            <Tooltip label={children} opened={showTooltip} {...tooltipProps} {...getStyles('tooltip')}>\n                <Text\n                    span\n                    inherit\n                    variant={variant}\n                    ref={textRef}\n                    className={clsx(textClass, {[classes.ellipsis]: !lineClamp})}\n                    {...(!!lineClamp && {lineClamp: lineClamp})}\n                    {...textStyles}\n                >\n                    {children}\n                </Text>\n            </Tooltip>\n        </Box>\n    );\n});\n\nconst isOverflowing = (h: HTMLDivElement) => h.scrollWidth > h.clientWidth || h.scrollHeight > h.clientHeight;\n"],"names":["Box","polymorphicFactory","Text","Tooltip","useProps","useStyles","useRef","useState","clsx","classes","defaultProps","tooltipProps","EllipsisText","props","ref","className","children","style","classNames","styles","unstyled","variant","lineClamp","others","getStyles","name","showTooltip","setShowTooltip","textRef","rootClass","rootStyles","textClass","textStyles","onMouseEnter","current","isOverflowing","onMouseLeave","noWrap","label","opened","span","inherit","ellipsis","h","scrollWidth","clientWidth","scrollHeight","clientHeight"],"mappings":";AAAA,SACIA,GAAG,EAGHC,kBAAkB,EAElBC,IAAI,EAEJC,OAAO,EAEPC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAmBC,MAAM,EAAEC,QAAQ,QAAO,QAAQ;AAClD,OAAOC,UAAU,OAAO;AACxB,OAAOC,aAAa,4BAA4B;AAiBhD,MAAMC,eAA2C;IAC7CC,cAAc,CAAC;AACnB;AAEA,OAAO,MAAMC,eAAeX,mBAAwC,CAACY,OAAOC;IACxE,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEX,YAAY,EAAE,GAAGY,QAAO,GACzGnB,SAAS,gBAAgBM,cAAcG;IAE3C,MAAMW,YAAYnB,UAA+B;QAC7CoB,MAAM;QACNhB;QACAI;QACAE;QACAE;QACAC;QACAC;QACAC;IACJ;IAEA,MAAM,CAACM,aAAaC,eAAe,GAAGpB,SAAS;IAC/C,MAAMqB,UAAUtB,OAAuB;IAEvC,MAAM,EAACS,WAAWc,SAAS,EAAE,GAAGC,YAAW,GAAGN,UAAU;IACxD,MAAM,EAACT,WAAWgB,SAAS,EAAE,GAAGC,YAAW,GAAGR,UAAU;IAExD,qBACI,KAACxB;QACGc,KAAKA;QACLmB,cAAc;YACV,IAAIL,QAAQM,OAAO,IAAIC,cAAcP,QAAQM,OAAO,GAAG;gBACnDP,eAAe;YACnB;QACJ;QACAS,cAAc,IAAMT,eAAe;QACnCZ,WAAWP,KAAKqB,WAAW;YAAC,CAACpB,QAAQ4B,MAAM,CAAC,EAAE,CAACf;QAAS;QACvD,GAAGQ,UAAU;QACb,GAAGP,MAAM;kBAEV,cAAA,KAACpB;YAAQmC,OAAOtB;YAAUuB,QAAQb;YAAc,GAAGf,YAAY;YAAG,GAAGa,UAAU,UAAU;sBACrF,cAAA,KAACtB;gBACGsC,IAAI;gBACJC,OAAO;gBACPpB,SAASA;gBACTP,KAAKc;gBACLb,WAAWP,KAAKuB,WAAW;oBAAC,CAACtB,QAAQiC,QAAQ,CAAC,EAAE,CAACpB;gBAAS;gBACzD,GAAI,CAAC,CAACA,aAAa;oBAACA,WAAWA;gBAAS,CAAC;gBACzC,GAAGU,UAAU;0BAEbhB;;;;AAKrB,GAAG;AAEH,MAAMmB,gBAAgB,CAACQ,IAAsBA,EAAEC,WAAW,GAAGD,EAAEE,WAAW,IAAIF,EAAEG,YAAY,GAAGH,EAAEI,YAAY"}

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

@@ -1,14 +0,0 @@
-.root {
-    display: flex;
-    width: 100%;
-}
-
-.noWrap {
-    white-space: nowrap;
-}
-
-.ellipsis {
-    flex-basis: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}

package/dist/esm/components/Facet/DefaultFacetItem.d.ts

@@ -1,3 +0,0 @@
-import { FacetItemComponent } from './FacetTypes.js';
-export declare const DefaultFacetItem: FacetItemComponent;
-//# sourceMappingURL=DefaultFacetItem.d.ts.map

package/dist/esm/components/Facet/DefaultFacetItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultFacetItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Facet/DefaultFacetItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,kBAAkB,EAA0B,MAAM,iBAAiB,CAAC;AAE5E,eAAO,MAAM,gBAAgB,EAAE,kBAoB9B,CAAC"}

package/dist/esm/components/Facet/DefaultFacetItem.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Checkbox, Text } from '@mantine/core';
-import { memo } from 'react';
-import classes from './DefaultFacetItem.module.css';
-export const DefaultFacetItem = /*#__PURE__*/ memo(({ data, selected, countFormatter })=>/*#__PURE__*/ _jsx(Checkbox, {
-        checked: selected,
-        onChange: ()=>undefined,
-        "aria-hidden": true,
-        label: /*#__PURE__*/ _jsxs(_Fragment, {
-            children: [
-                data.label,
-                data.count !== undefined ? /*#__PURE__*/ _jsxs(Text, {
-                    span: true,
-                    c: "dimmed",
-                    ml: "xs",
-                    className: classes.count,
-                    children: [
-                        "(",
-                        countFormatter?.(data.count) ?? data.count,
-                        ")"
-                    ]
-                }) : null
-            ]
-        }),
-        tabIndex: -1,
-        className: classes.root
-    }));
-
-//# sourceMappingURL=DefaultFacetItem.js.map

package/dist/esm/components/Facet/DefaultFacetItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Facet/DefaultFacetItem.tsx"],"sourcesContent":["import {Checkbox, Text} from '@mantine/core';\nimport {memo} from 'react';\nimport classes from './DefaultFacetItem.module.css';\nimport {FacetItemComponent, FacetItemComponentProps} from './FacetTypes.js';\n\nexport const DefaultFacetItem: FacetItemComponent = memo(\n    ({data, selected, countFormatter}: FacetItemComponentProps) => (\n        <Checkbox\n            checked={selected}\n            onChange={() => undefined} // add an onChange handler to fix react warning\n            aria-hidden\n            label={\n                <>\n                    {data.label}\n                    {data.count !== undefined ? (\n                        <Text span c=\"dimmed\" ml=\"xs\" className={classes.count}>\n                            ({countFormatter?.(data.count) ?? data.count})\n                        </Text>\n                    ) : null}\n                </>\n            }\n            tabIndex={-1}\n            className={classes.root}\n        />\n    ),\n);\n"],"names":["Checkbox","Text","memo","classes","DefaultFacetItem","data","selected","countFormatter","checked","onChange","undefined","aria-hidden","label","count","span","c","ml","className","tabIndex","root"],"mappings":";AAAA,SAAQA,QAAQ,EAAEC,IAAI,QAAO,gBAAgB;AAC7C,SAAQC,IAAI,QAAO,QAAQ;AAC3B,OAAOC,aAAa,gCAAgC;AAGpD,OAAO,MAAMC,iCAAuCF,KAChD,CAAC,EAACG,IAAI,EAAEC,QAAQ,EAAEC,cAAc,EAA0B,iBACtD,KAACP;QACGQ,SAASF;QACTG,UAAU,IAAMC;QAChBC,aAAW;QACXC,qBACI;;gBACKP,KAAKO,KAAK;gBACVP,KAAKQ,KAAK,KAAKH,0BACZ,MAACT;oBAAKa,IAAI;oBAACC,GAAE;oBAASC,IAAG;oBAAKC,WAAWd,QAAQU,KAAK;;wBAAE;wBAClDN,iBAAiBF,KAAKQ,KAAK,KAAKR,KAAKQ,KAAK;wBAAC;;qBAEjD;;;QAGZK,UAAU,CAAC;QACXD,WAAWd,QAAQgB,IAAI;QAGjC"}

package/dist/esm/components/Facet/DefaultFacetItem.module.css

@@ -1,8 +0,0 @@
-.root {
-    pointer-events: none;
-    display: flex;
-}
-
-.count {
-    white-space: nowrap;
-}

package/dist/esm/components/Facet/Facet.d.ts

@@ -1,127 +0,0 @@
-import { BoxProps, Factory, StylesApiProps } from '@mantine/core';
-import { FunctionComponent, ReactNode } from 'react';
-import { FacetData, FacetItem, FacetItemComponent } from './FacetTypes.js';
-export type FacetStylesNames = 'facet' | 'facetItem' | 'facetItems' | 'facetHeader' | 'searchInput' | 'hiddenSearch' | 'facetBody' | 'facetTitleRow' | 'facetTitle' | 'facetRemoveButton' | 'facetSearch' | 'facetControl' | 'separator' | 'separatorLabel';
-export interface FacetProps extends BoxProps, StylesApiProps<FacetFactory> {
-    className?: string;
-    /**
-     * The data to render in the component
-     */
-    data: FacetData;
-    /**
-     * Function called when an item is selected or unselected
-     *
-     * @param values the selected items
-     */
-    onChange?: (values: string[]) => void;
-    /**
-     * Function called when the remove icon is clicked.
-     */
-    onRemove?: () => void;
-    /**
-     * Initial items selection
-     *
-     * @default []
-     */
-    initialSelection?: string[];
-    /**
-     * Determines if the facet is removable
-     *
-     * @default false
-     */
-    removable?: boolean;
-    /**
-     * Determined items selection
-     *
-     * @default []
-     */
-    selection?: string[];
-    /**
-     * Custom item component
-     *
-     * @default a checkbox with the label of the item
-     */
-    itemComponent?: FacetItemComponent;
-    /**
-     * Function to format the facet item count
-     *
-     * @param count
-     * @default (count) => count.toString()
-     */
-    itemCountFormatter?: (value: number) => string;
-    /**
-     * Search input placeholder
-     */
-    searchPlaceholder?: string;
-    /**
-     * Called when the search query changes
-     *
-     * @param value the search query
-     */
-    onSearch?: (value: string) => void;
-    /**
-     * Function to filter search results
-     *
-     * @param query value of the search input
-     * @param item the current item
-     *
-     * @default function that compare the query with the label and value, case-insensitive
-     */
-    filter?: (query: string, item: FacetItem) => boolean;
-    /**
-     * Value of the search input
-     */
-    query?: string;
-    /**
-     * Nothing found message
-     *
-     * @default No matching items
-     */
-    nothingFound?: ReactNode;
-    /**
-     * Displayed when a list is empty and there is no search query
-     *
-     * @default No items
-     */
-    placeholder?: ReactNode;
-    /**
-     * Facet title
-     */
-    title?: ReactNode;
-    /**
-     * Maximum height, only used when there is more than 7 values
-     *
-     * @default 200
-     */
-    height?: number | 'auto';
-    /**
-     * Predefined border-radius value from theme.radius or number for border-radius in px
-     *
-     * @default md
-     */
-    radius?: number | string;
-    /**
-     * Change list component, can be used to add custom scrollbars
-     */
-    listComponent?: FunctionComponent<any>;
-    /**
-     * Limit amount of items showed at a time
-     *
-     * @default Infinity
-     */
-    limit?: number;
-    /**
-     * Control the displaying of the search input.
-     *
-     * @default data.length <= 7
-     */
-    hideSearch?: boolean;
-    __staticSelector?: string;
-}
-export type FacetFactory = Factory<{
-    props: FacetProps;
-    ref: HTMLDivElement;
-    stylesNames: FacetStylesNames;
-}>;
-export declare const Facet: FunctionComponent<FacetProps>;
-//# sourceMappingURL=Facet.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Facet.d.ts","sourceRoot":"","sources":["../../../../src/components/Facet/Facet.tsx"],"names":[],"mappings":"AACA,OAAO,EAEH,QAAQ,EAKR,OAAO,EAEP,cAAc,EAMjB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAC,iBAAiB,EAAgB,SAAS,EAAY,MAAM,OAAO,CAAC;AAK5E,OAAO,EAAC,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEzE,MAAM,MAAM,gBAAgB,GACtB,OAAO,GACP,WAAW,GACX,YAAY,GACZ,aAAa,GACb,aAAa,GACb,cAAc,GACd,WAAW,GACX,eAAe,GACf,YAAY,GACZ,mBAAmB,GACnB,aAAa,GACb,cAAc,GACd,WAAW,GACX,gBAAgB,CAAC;AAEvB,MAAM,WAAW,UAAW,SAAQ,QAAQ,EAAE,cAAc,CAAC,YAAY,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB;;;;OAIG;IACH,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;IACrD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACvC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;IAClB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,gBAAgB,CAAC;CACjC,CAAC,CAAC;AAaH,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,UAAU,CA2K9C,CAAC"}

package/dist/esm/components/Facet/Facet.js

@@ -1,186 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { IconSearch } from '@coveord/plasma-react-icons';
-import { Box, CloseButton, Combobox, Divider, factory, Group, Text, TextInput, Title, useCombobox, useProps } from '@mantine/core';
-import { useUncontrolled } from '@mantine/hooks';
-import { clsx } from 'clsx';
-import { useEffect } from 'react';
-import { groupOptions } from '../../utils/groupOptions.js';
-import { DefaultFacetItem } from './DefaultFacetItem.js';
-import classes from './Facet.module.css';
-import { FacetScrollArea } from './FacetScrollArea.js';
-const defaultProps = {
-    searchPlaceholder: 'Search',
-    nothingFound: 'No matching items',
-    placeholder: 'No items',
-    height: 200,
-    limit: Infinity,
-    itemComponent: DefaultFacetItem,
-    listComponent: FacetScrollArea,
-    removable: false
-};
-export const Facet = factory((_props, ref)=>{
-    const props = useProps('Facet', defaultProps, _props);
-    const { className, data, onChange, onRemove, initialSelection = [], removable, selection, itemComponent: ItemComponent, listComponent: ListComponent, itemCountFormatter, searchPlaceholder, query, hideSearch = data.length <= 7, onSearch, filter = defaultFilter, nothingFound, placeholder, title, height, radius, __staticSelector, classNames, styles, limit, unstyled, ...others } = props;
-    const combobox = useCombobox();
-    const [search, handleSearch] = useUncontrolled({
-        value: query,
-        defaultValue: '',
-        finalValue: '',
-        onChange: onSearch
-    });
-    const [_selection, handleSelection] = useUncontrolled({
-        value: selection,
-        defaultValue: initialSelection,
-        finalValue: [],
-        onChange
-    });
-    const unGroupedItems = [];
-    const groupedItems = [];
-    const filteredData = data.filter((item)=>filter(search, item)).slice(0, limit);
-    const sortedData = groupOptions({
-        data: filteredData
-    });
-    const handleValueSelect = (val)=>handleSelection(_selection.includes(val) ? _selection.filter((v)=>v !== val) : [
-            ..._selection,
-            val
-        ]);
-    let groupName = null;
-    useEffect(()=>{
-        combobox.openDropdown();
-    }, []);
-    sortedData.forEach((item)=>{
-        const isSelected = _selection.includes(item.value);
-        const itemComponent = /*#__PURE__*/ _jsx(Combobox.Option, {
-            "aria-selected": isSelected ? true : false,
-            value: item.value,
-            onMouseEnter: ()=>combobox.resetSelectedOption(),
-            className: clsx(classes.facetItem),
-            children: /*#__PURE__*/ _jsx(ItemComponent, {
-                data: item,
-                selected: isSelected,
-                countFormatter: itemCountFormatter
-            })
-        }, item.value);
-        if (!item.group) {
-            unGroupedItems.push(itemComponent);
-        } else {
-            if (groupName !== item.group) {
-                groupName = item.group;
-                groupedItems.push(/*#__PURE__*/ _jsx("div", {
-                    className: classes.separator,
-                    children: /*#__PURE__*/ _jsx(Divider, {
-                        classNames: {
-                            label: classes.separatorLabel
-                        },
-                        label: groupName
-                    })
-                }, groupName));
-            }
-            groupedItems.push(itemComponent);
-        }
-    });
-    if (groupedItems.length > 0 && unGroupedItems.length > 0) {
-        unGroupedItems.unshift(/*#__PURE__*/ _jsx("div", {
-            className: classes.separator,
-            children: /*#__PURE__*/ _jsx(Divider, {
-                unstyled: unstyled,
-                classNames: {
-                    label: classes.separatorLabel
-                }
-            })
-        }, "ungrouped-separator"));
-    }
-    return /*#__PURE__*/ _jsx(Box, {
-        className: clsx(classes.facet, className),
-        ...others,
-        ref: ref,
-        children: /*#__PURE__*/ _jsxs(Combobox, {
-            store: combobox,
-            onOptionSubmit: handleValueSelect,
-            children: [
-                /*#__PURE__*/ _jsx(Combobox.EventsTarget, {
-                    children: /*#__PURE__*/ _jsxs(Box, {
-                        className: classes.facetHeader,
-                        children: [
-                            /*#__PURE__*/ _jsxs(Group, {
-                                wrap: "nowrap",
-                                justify: "space-between",
-                                className: classes.facetTitleRow,
-                                children: [
-                                    title ? /*#__PURE__*/ _jsx(Title, {
-                                        order: 5,
-                                        className: classes.facetTitle,
-                                        children: title
-                                    }) : null,
-                                    removable ? /*#__PURE__*/ _jsx(CloseButton, {
-                                        onClick: onRemove,
-                                        className: classes.facetRemoveButton,
-                                        "aria-label": "remove facet"
-                                    }) : null
-                                ]
-                            }),
-                            /*#__PURE__*/ _jsx(TextInput, {
-                                unstyled: unstyled,
-                                value: search,
-                                onChange: (event)=>{
-                                    handleSearch(event.currentTarget.value);
-                                    combobox.updateSelectedOptionIndex();
-                                },
-                                placeholder: searchPlaceholder,
-                                "aria-hidden": hideSearch,
-                                tabIndex: hideSearch ? -1 : undefined,
-                                className: clsx(classes.facetSearch, {
-                                    [classes.hiddenSearch]: hideSearch
-                                }),
-                                rightSection: search ? /*#__PURE__*/ _jsx(CloseButton, {
-                                    "aria-label": "clear search",
-                                    onClick: ()=>{
-                                        handleSearch('');
-                                    }
-                                }) : /*#__PURE__*/ _jsx(IconSearch, {
-                                    height: 16
-                                })
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ _jsx("div", {
-                    className: classes.facetBody,
-                    children: /*#__PURE__*/ _jsx(Combobox.EventsTarget, {
-                        children: /*#__PURE__*/ _jsx(ListComponent, {
-                            className: classes.facetItems,
-                            mah: height,
-                            style: {
-                                overflow: 'auto',
-                                position: 'relative'
-                            },
-                            tabIndex: hideSearch ? 0 : undefined,
-                            children: /*#__PURE__*/ _jsx(Combobox.Options, {
-                                "aria-multiselectable": "true",
-                                children: groupedItems.length > 0 || unGroupedItems.length > 0 ? /*#__PURE__*/ _jsxs(_Fragment, {
-                                    children: [
-                                        groupedItems,
-                                        unGroupedItems
-                                    ]
-                                }) : /*#__PURE__*/ _jsx(Combobox.Empty, {
-                                    children: /*#__PURE__*/ _jsx(Text, {
-                                        c: "dimmed",
-                                        unstyled: unstyled,
-                                        size: "sm",
-                                        ta: "center",
-                                        my: "sm",
-                                        children: !search && placeholder ? placeholder : nothingFound
-                                    })
-                                })
-                            })
-                        })
-                    })
-                })
-            ]
-        })
-    });
-});
-Facet.displayName = 'Facet';
-const defaultFilter = (query, item)=>item.label.toLowerCase().trim().includes(query.toLowerCase().trim()) || item.value.toLowerCase().trim().includes(query.toLowerCase().trim());
-
-//# sourceMappingURL=Facet.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Facet/Facet.tsx"],"sourcesContent":["import {IconSearch} from '@coveord/plasma-react-icons';\nimport {\n    Box,\n    BoxProps,\n    CloseButton,\n    Combobox,\n    Divider,\n    factory,\n    Factory,\n    Group,\n    StylesApiProps,\n    Text,\n    TextInput,\n    Title,\n    useCombobox,\n    useProps,\n} from '@mantine/core';\nimport {useUncontrolled} from '@mantine/hooks';\nimport {clsx} from 'clsx';\nimport {FunctionComponent, ReactElement, ReactNode, useEffect} from 'react';\nimport {groupOptions} from '../../utils/groupOptions.js';\nimport {DefaultFacetItem} from './DefaultFacetItem.js';\nimport classes from './Facet.module.css';\nimport {FacetScrollArea} from './FacetScrollArea.js';\nimport {FacetData, FacetItem, FacetItemComponent} from './FacetTypes.js';\n\nexport type FacetStylesNames =\n    | 'facet'\n    | 'facetItem'\n    | 'facetItems'\n    | 'facetHeader'\n    | 'searchInput'\n    | 'hiddenSearch'\n    | 'facetBody'\n    | 'facetTitleRow'\n    | 'facetTitle'\n    | 'facetRemoveButton'\n    | 'facetSearch'\n    | 'facetControl'\n    | 'separator'\n    | 'separatorLabel';\n\nexport interface FacetProps extends BoxProps, StylesApiProps<FacetFactory> {\n    className?: string;\n    /**\n     * The data to render in the component\n     */\n    data: FacetData;\n    /**\n     * Function called when an item is selected or unselected\n     *\n     * @param values the selected items\n     */\n    onChange?: (values: string[]) => void;\n    /**\n     * Function called when the remove icon is clicked.\n     */\n    onRemove?: () => void;\n    /**\n     * Initial items selection\n     *\n     * @default []\n     */\n    initialSelection?: string[];\n    /**\n     * Determines if the facet is removable\n     *\n     * @default false\n     */\n    removable?: boolean;\n    /**\n     * Determined items selection\n     *\n     * @default []\n     */\n    selection?: string[];\n    /**\n     * Custom item component\n     *\n     * @default a checkbox with the label of the item\n     */\n    itemComponent?: FacetItemComponent;\n    /**\n     * Function to format the facet item count\n     *\n     * @param count\n     * @default (count) => count.toString()\n     */\n    itemCountFormatter?: (value: number) => string;\n    /**\n     * Search input placeholder\n     */\n    searchPlaceholder?: string;\n    /**\n     * Called when the search query changes\n     *\n     * @param value the search query\n     */\n    onSearch?: (value: string) => void;\n    /**\n     * Function to filter search results\n     *\n     * @param query value of the search input\n     * @param item the current item\n     *\n     * @default function that compare the query with the label and value, case-insensitive\n     */\n    filter?: (query: string, item: FacetItem) => boolean;\n    /**\n     * Value of the search input\n     */\n    query?: string;\n    /**\n     * Nothing found message\n     *\n     * @default No matching items\n     */\n    nothingFound?: ReactNode;\n    /**\n     * Displayed when a list is empty and there is no search query\n     *\n     * @default No items\n     */\n    placeholder?: ReactNode;\n    /**\n     * Facet title\n     */\n    title?: ReactNode;\n    /**\n     * Maximum height, only used when there is more than 7 values\n     *\n     * @default 200\n     */\n    height?: number | 'auto';\n    /**\n     * Predefined border-radius value from theme.radius or number for border-radius in px\n     *\n     * @default md\n     */\n    radius?: number | string;\n    /**\n     * Change list component, can be used to add custom scrollbars\n     */\n    listComponent?: FunctionComponent<any>;\n    /**\n     * Limit amount of items showed at a time\n     *\n     * @default Infinity\n     */\n    limit?: number;\n    /**\n     * Control the displaying of the search input.\n     *\n     * @default data.length <= 7\n     */\n    hideSearch?: boolean;\n    __staticSelector?: string;\n}\n\nexport type FacetFactory = Factory<{\n    props: FacetProps;\n    ref: HTMLDivElement;\n    stylesNames: FacetStylesNames;\n}>;\n\nconst defaultProps: Partial<FacetProps> = {\n    searchPlaceholder: 'Search',\n    nothingFound: 'No matching items',\n    placeholder: 'No items',\n    height: 200,\n    limit: Infinity,\n    itemComponent: DefaultFacetItem,\n    listComponent: FacetScrollArea,\n    removable: false,\n};\n\nexport const Facet: FunctionComponent<FacetProps> = factory<FacetFactory>((_props, ref) => {\n    const props = useProps('Facet', defaultProps, _props);\n    const {\n        className,\n        data,\n        onChange,\n        onRemove,\n        initialSelection = [],\n        removable,\n        selection,\n        itemComponent: ItemComponent,\n        listComponent: ListComponent,\n        itemCountFormatter,\n        searchPlaceholder,\n        query,\n        hideSearch = data.length <= 7,\n        onSearch,\n        filter = defaultFilter,\n        nothingFound,\n        placeholder,\n        title,\n        height,\n        radius,\n        __staticSelector,\n        classNames,\n        styles,\n        limit,\n        unstyled,\n        ...others\n    } = props;\n    const combobox = useCombobox();\n    const [search, handleSearch] = useUncontrolled({\n        value: query,\n        defaultValue: '',\n        finalValue: '',\n        onChange: onSearch,\n    });\n\n    const [_selection, handleSelection] = useUncontrolled({\n        value: selection,\n        defaultValue: initialSelection,\n        finalValue: [],\n        onChange,\n    });\n\n    const unGroupedItems: ReactElement[] = [];\n    const groupedItems: ReactElement[] = [];\n    const filteredData = data.filter((item) => filter(search, item)).slice(0, limit);\n\n    const sortedData: FacetData = groupOptions({data: filteredData});\n\n    const handleValueSelect = (val: string) =>\n        handleSelection(_selection.includes(val) ? _selection.filter((v) => v !== val) : [..._selection, val]);\n\n    let groupName: string = null;\n\n    useEffect(() => {\n        combobox.openDropdown();\n    }, []);\n\n    sortedData.forEach((item) => {\n        const isSelected = _selection.includes(item.value);\n        const itemComponent = (\n            <Combobox.Option\n                aria-selected={isSelected ? true : false}\n                value={item.value}\n                key={item.value}\n                onMouseEnter={() => combobox.resetSelectedOption()}\n                className={clsx(classes.facetItem)}\n            >\n                <ItemComponent data={item} selected={isSelected} countFormatter={itemCountFormatter} />\n            </Combobox.Option>\n        );\n\n        if (!item.group) {\n            unGroupedItems.push(itemComponent);\n        } else {\n            if (groupName !== item.group) {\n                groupName = item.group;\n                groupedItems.push(\n                    <div className={classes.separator} key={groupName}>\n                        <Divider classNames={{label: classes.separatorLabel}} label={groupName} />\n                    </div>,\n                );\n            }\n            groupedItems.push(itemComponent);\n        }\n    });\n\n    if (groupedItems.length > 0 && unGroupedItems.length > 0) {\n        unGroupedItems.unshift(\n            <div className={classes.separator} key=\"ungrouped-separator\">\n                <Divider unstyled={unstyled} classNames={{label: classes.separatorLabel}} />\n            </div>,\n        );\n    }\n\n    return (\n        <Box className={clsx(classes.facet, className)} {...others} ref={ref}>\n            <Combobox store={combobox} onOptionSubmit={handleValueSelect}>\n                <Combobox.EventsTarget>\n                    <Box className={classes.facetHeader}>\n                        <Group wrap=\"nowrap\" justify=\"space-between\" className={classes.facetTitleRow}>\n                            {title ? (\n                                <Title order={5} className={classes.facetTitle}>\n                                    {title}\n                                </Title>\n                            ) : null}\n                            {removable ? (\n                                <CloseButton\n                                    onClick={onRemove}\n                                    className={classes.facetRemoveButton}\n                                    aria-label=\"remove facet\"\n                                />\n                            ) : null}\n                        </Group>\n\n                        <TextInput\n                            unstyled={unstyled}\n                            value={search}\n                            onChange={(event) => {\n                                handleSearch(event.currentTarget.value);\n                                combobox.updateSelectedOptionIndex();\n                            }}\n                            placeholder={searchPlaceholder}\n                            aria-hidden={hideSearch}\n                            tabIndex={hideSearch ? -1 : undefined}\n                            className={clsx(classes.facetSearch, {[classes.hiddenSearch]: hideSearch})}\n                            rightSection={\n                                search ? (\n                                    <CloseButton\n                                        aria-label=\"clear search\"\n                                        onClick={() => {\n                                            handleSearch('');\n                                        }}\n                                    />\n                                ) : (\n                                    <IconSearch height={16} />\n                                )\n                            }\n                        />\n                    </Box>\n                </Combobox.EventsTarget>\n                <div className={classes.facetBody}>\n                    <Combobox.EventsTarget>\n                        <ListComponent\n                            className={classes.facetItems}\n                            mah={height}\n                            style={{overflow: 'auto', position: 'relative'}}\n                            tabIndex={hideSearch ? 0 : undefined}\n                        >\n                            <Combobox.Options aria-multiselectable=\"true\">\n                                {groupedItems.length > 0 || unGroupedItems.length > 0 ? (\n                                    <>\n                                        {groupedItems}\n                                        {unGroupedItems}\n                                    </>\n                                ) : (\n                                    <Combobox.Empty>\n                                        <Text c=\"dimmed\" unstyled={unstyled} size=\"sm\" ta=\"center\" my=\"sm\">\n                                            {!search && placeholder ? placeholder : nothingFound}\n                                        </Text>\n                                    </Combobox.Empty>\n                                )}\n                            </Combobox.Options>\n                        </ListComponent>\n                    </Combobox.EventsTarget>\n                </div>\n            </Combobox>\n        </Box>\n    );\n});\n\nFacet.displayName = 'Facet';\n\nconst defaultFilter = (query: string, item: FacetItem) =>\n    item.label.toLowerCase().trim().includes(query.toLowerCase().trim()) ||\n    item.value.toLowerCase().trim().includes(query.toLowerCase().trim());\n"],"names":["IconSearch","Box","CloseButton","Combobox","Divider","factory","Group","Text","TextInput","Title","useCombobox","useProps","useUncontrolled","clsx","useEffect","groupOptions","DefaultFacetItem","classes","FacetScrollArea","defaultProps","searchPlaceholder","nothingFound","placeholder","height","limit","Infinity","itemComponent","listComponent","removable","Facet","_props","ref","props","className","data","onChange","onRemove","initialSelection","selection","ItemComponent","ListComponent","itemCountFormatter","query","hideSearch","length","onSearch","filter","defaultFilter","title","radius","__staticSelector","classNames","styles","unstyled","others","combobox","search","handleSearch","value","defaultValue","finalValue","_selection","handleSelection","unGroupedItems","groupedItems","filteredData","item","slice","sortedData","handleValueSelect","val","includes","v","groupName","openDropdown","forEach","isSelected","Option","aria-selected","onMouseEnter","resetSelectedOption","facetItem","selected","countFormatter","group","push","div","separator","label","separatorLabel","unshift","facet","store","onOptionSubmit","EventsTarget","facetHeader","wrap","justify","facetTitleRow","order","facetTitle","onClick","facetRemoveButton","aria-label","event","currentTarget","updateSelectedOptionIndex","aria-hidden","tabIndex","undefined","facetSearch","hiddenSearch","rightSection","facetBody","facetItems","mah","style","overflow","position","Options","aria-multiselectable","Empty","c","size","ta","my","displayName","toLowerCase","trim"],"mappings":"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"}

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

@@ -1,93 +0,0 @@
-.facet {
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    padding: var(--mantine-spacing-xs);
-    border-radius: var(--mantine-radius-md);
-
-    @mixin light {
-        background-color: var(--mantine-color-white);
-        border: 1px solid var(--mantine-color-default-border);
-    }
-}
-
-.facetItem {
-    display: block;
-    width: 100%;
-    padding: calc(var(--mantine-spacing-sm) / 1.5);
-    font-size: var(--mantine-font-size-sm);
-    word-break: break-all;
-    border-radius: var(--mantine-radius-md);
-
-    @mixin light {
-        color: var(--mantine-color-gray-9);
-    }
-
-    &[aria-selected='true'],
-    &[data-combobox-selected='true'] {
-        background-color: var(--mantine-color-gray-light);
-
-        @mixin hover {
-            color: var(--mantine-color-gray-9);
-            background-color: var(--mantine-color-gray-light-hover);
-        }
-    }
-}
-
-.facetItems {
-    overflow: hidden;
-
-    &[data-native] {
-        overflow: auto;
-    }
-}
-
-.facetHeader {
-    display: flex;
-    flex-direction: column;
-    padding: var(--mantine-spacing-xs);
-}
-
-.hiddenSearch {
-    display: none !important;
-}
-
-.facetBody {
-    flex: 1;
-}
-
-.facetTitleRow {
-    width: 100%;
-    min-width: 0;
-}
-
-.facetTitle {
-    flex: 1;
-    min-width: 0;
-    margin-bottom: 0;
-    overflow-wrap: anywhere;
-}
-
-.facetRemoveButton {
-    flex-shrink: 0;
-    margin-left: auto;
-    align-self: flex-start;
-}
-
-.facetSearch {
-    display: block;
-    margin-top: var(--mantine-spacing-sm);
-}
-
-.separator {
-    box-sizing: border-box;
-    width: 100%;
-    padding: 7px 12px;
-    text-align: left;
-}
-
-.separatorLabel {
-    @mixin light {
-        color: var(--mantine-color-gray-5);
-    }
-}

package/dist/esm/components/Facet/FacetScrollArea.d.ts

@@ -1,3 +0,0 @@
-import { ScrollAreaProps } from '@mantine/core';
-export declare const FacetScrollArea: import("react").ForwardRefExoticComponent<ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=FacetScrollArea.d.ts.map

package/dist/esm/components/Facet/FacetScrollArea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FacetScrollArea.d.ts","sourceRoot":"","sources":["../../../../src/components/Facet/FacetScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,eAAe,EAAC,MAAM,eAAe,CAAC;AAG1D,eAAO,MAAM,eAAe,4GAM3B,CAAC"}

package/dist/esm/components/Facet/FacetScrollArea.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ScrollArea } from '@mantine/core';
-import { forwardRef } from 'react';
-export const FacetScrollArea = /*#__PURE__*/ forwardRef(({ style, children, ...others }, ref)=>/*#__PURE__*/ _jsx(ScrollArea, {
-        ...others,
-        style: {
-            width: '100%',
-            ...style
-        },
-        viewportRef: ref,
-        children: children
-    }));
-
-//# sourceMappingURL=FacetScrollArea.js.map

package/dist/esm/components/Facet/FacetScrollArea.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Facet/FacetScrollArea.tsx"],"sourcesContent":["import {ScrollArea, ScrollAreaProps} from '@mantine/core';\nimport {forwardRef} from 'react';\n\nexport const FacetScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n    ({style, children, ...others}: ScrollAreaProps, ref) => (\n        <ScrollArea {...others} style={{width: '100%', ...style}} viewportRef={ref}>\n            {children}\n        </ScrollArea>\n    ),\n);\n"],"names":["ScrollArea","forwardRef","FacetScrollArea","style","children","others","ref","width","viewportRef"],"mappings":";AAAA,SAAQA,UAAU,QAAwB,gBAAgB;AAC1D,SAAQC,UAAU,QAAO,QAAQ;AAEjC,OAAO,MAAMC,gCAAkBD,WAC3B,CAAC,EAACE,KAAK,EAAEC,QAAQ,EAAE,GAAGC,QAAwB,EAAEC,oBAC5C,KAACN;QAAY,GAAGK,MAAM;QAAEF,OAAO;YAACI,OAAO;YAAQ,GAAGJ,KAAK;QAAA;QAAGK,aAAaF;kBAClEF;QAGX"}

package/dist/esm/components/Facet/FacetTypes.d.ts

@@ -1,15 +0,0 @@
-import { FunctionComponent } from 'react';
-export interface FacetItem extends Record<string, unknown> {
-    value: string;
-    label: string;
-    group?: string;
-    count?: number;
-}
-export type FacetData = FacetItem[];
-export interface FacetItemComponentProps {
-    data: FacetItem;
-    selected: boolean;
-    countFormatter?: (value: number) => string;
-}
-export type FacetItemComponent = FunctionComponent<FacetItemComponentProps>;
-//# sourceMappingURL=FacetTypes.d.ts.map

package/dist/esm/components/Facet/FacetTypes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FacetTypes.d.ts","sourceRoot":"","sources":["../../../../src/components/Facet/FacetTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,SAAU,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,EAAE,CAAC;AAEpC,MAAM,WAAW,uBAAuB;IACpC,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9C;AAED,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/esm/components/Facet/FacetTypes.js

@@ -1,3 +0,0 @@
-export { };
-
-//# sourceMappingURL=FacetTypes.js.map

package/dist/esm/components/Facet/FacetTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Facet/FacetTypes.ts"],"sourcesContent":["import {FunctionComponent} from 'react';\n\nexport interface FacetItem extends Record<string, unknown> {\n    value: string;\n    label: string;\n    group?: string;\n    count?: number;\n}\n\nexport type FacetData = FacetItem[];\n\nexport interface FacetItemComponentProps {\n    data: FacetItem;\n    selected: boolean;\n    countFormatter?: (value: number) => string;\n}\n\nexport type FacetItemComponent = FunctionComponent<FacetItemComponentProps>;\n"],"names":[],"mappings":"AAiBA,WAA4E"}

package/dist/esm/components/Fieldset/Fieldset.d.ts

@@ -1,2 +0,0 @@
-export { Fieldset, type FieldsetFactory, type FieldsetProps } from '@mantine/core';
-//# sourceMappingURL=Fieldset.d.ts.map

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

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

package/dist/esm/components/Fieldset/Fieldset.js

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Fieldset/Fieldset.ts"],"sourcesContent":["import {Fieldset} from '@mantine/core';\n\nFieldset.displayName = 'Fieldset';\n\nexport {Fieldset, type FieldsetFactory, type FieldsetProps} from '@mantine/core';\n"],"names":["Fieldset","displayName"],"mappings":"AAAA,SAAQA,QAAQ,QAAO,gBAAgB;AAEvCA,SAASC,WAAW,GAAG;AAEvB,SAAQD,QAAQ,QAAiD,gBAAgB"}

package/dist/esm/components/FileButton/FileButton.d.ts

@@ -1,2 +0,0 @@
-export { FileButton, type FileButtonProps } from '@mantine/core';
-//# sourceMappingURL=FileButton.d.ts.map

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

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

package/dist/esm/components/FileButton/FileButton.js

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/FileButton/FileButton.ts"],"sourcesContent":["import {FileButton} from '@mantine/core';\n\nFileButton.displayName = 'FileButton';\n\nexport {FileButton, type FileButtonProps} from '@mantine/core';\n"],"names":["FileButton","displayName"],"mappings":"AAAA,SAAQA,UAAU,QAAO,gBAAgB;AAEzCA,WAAWC,WAAW,GAAG;AAEzB,SAAQD,UAAU,QAA6B,gBAAgB"}

package/dist/esm/components/FileInput/FileInput.d.ts

@@ -1,2 +0,0 @@
-export { FileInput, type FileInputFactory, type FileInputProps } from '@mantine/core';
-//# sourceMappingURL=FileInput.d.ts.map

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

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