@coveord/plasma-mantine 56.14.0 → 56.16.0

package/dist/cjs/components/Container/Container.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Container/Container.ts"],"sourcesContent":["export {Container, type ContainerFactory, type ContainerProps} from '@mantine/core';\n"],"names":["Container"],"mappings":";;;;+BAAQA;;;eAAAA,eAAS;;;oBAAmD"}
+{"version":3,"sources":["../../../../src/components/Container/Container.ts"],"sourcesContent":["import {Container} from '@mantine/core';\n\nContainer.displayName = 'Container';\n\nexport {Container, type ContainerFactory, type ContainerProps} from '@mantine/core';\n"],"names":["Container","displayName"],"mappings":";;;;+BAIQA;;;eAAAA,eAAS;;;oBAJO;AAExBA,eAAS,CAACC,WAAW,GAAG"}

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

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

package/dist/cjs/components/CopyButton/CopyButton.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CopyButton/CopyButton.ts"],"sourcesContent":["export {CopyButton, type CopyButtonProps} from '@mantine/core';\n"],"names":["CopyButton"],"mappings":";;;;+BAAQA;;;eAAAA,gBAAU;;;oBAA6B"}
+{"version":3,"sources":["../../../../src/components/CopyButton/CopyButton.ts"],"sourcesContent":["import {CopyButton} from '@mantine/core';\n\nCopyButton.displayName = 'CopyButton';\n\nexport {CopyButton, type CopyButtonProps} from '@mantine/core';\n"],"names":["CopyButton","displayName"],"mappings":";;;;+BAIQA;;;eAAAA,gBAAU;;;oBAJO;AAEzBA,gBAAU,CAACC,WAAW,GAAG"}

package/dist/cjs/components/DatePickerInput/DatePickerInput.d.ts

@@ -0,0 +1,2 @@
+export { DatePickerInput, type DatePickerInputFactory, type DatePickerInputProps } from '@mantine/dates';
+//# sourceMappingURL=DatePickerInput.d.ts.map

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

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

package/dist/cjs/components/DatePickerInput/DatePickerInput.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DatePickerInput", {
+    enumerable: true,
+    get: function() {
+        return _dates.DatePickerInput;
+    }
+});
+var _dates = require("@mantine/dates");
+_dates.DatePickerInput.displayName = 'DatePickerInput';
+
+//# sourceMappingURL=DatePickerInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DatePickerInput/DatePickerInput.ts"],"sourcesContent":["import {DatePickerInput} from '@mantine/dates';\n\nDatePickerInput.displayName = 'DatePickerInput';\n\nexport {DatePickerInput, type DatePickerInputFactory, type DatePickerInputProps} from '@mantine/dates';\n"],"names":["DatePickerInput","displayName"],"mappings":";;;;+BAIQA;;;eAAAA,sBAAe;;;qBAJO;AAE9BA,sBAAe,CAACC,WAAW,GAAG"}

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

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

package/dist/cjs/components/Dialog/Dialog.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Dialog/Dialog.ts"],"sourcesContent":["export {Dialog, type DialogFactory, type DialogProps} from '@mantine/core';\n"],"names":["Dialog"],"mappings":";;;;+BAAQA;;;eAAAA,YAAM;;;oBAA6C"}
+{"version":3,"sources":["../../../../src/components/Dialog/Dialog.ts"],"sourcesContent":["import {Dialog} from '@mantine/core';\n\nDialog.displayName = 'Dialog';\n\nexport {Dialog, type DialogFactory, type DialogProps} from '@mantine/core';\n"],"names":["Dialog","displayName"],"mappings":";;;;+BAIQA;;;eAAAA,YAAM;;;oBAJO;AAErBA,YAAM,CAACC,WAAW,GAAG"}

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

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

package/dist/cjs/components/Divider/Divider.js

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

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

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

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

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

package/dist/cjs/components/Drawer/Drawer.js

@@ -9,5 +9,13 @@ Object.defineProperty(exports, "Drawer", {
     }
 });
 var _core = require("@mantine/core");
+_core.Drawer.displayName = 'Drawer';
+_core.Drawer.Root.displayName = 'Drawer.Root';
+_core.Drawer.Overlay.displayName = 'Drawer.Overlay';
+_core.Drawer.Content.displayName = 'Drawer.Content';
+_core.Drawer.Body.displayName = 'Drawer.Body';
+_core.Drawer.Header.displayName = 'Drawer.Header';
+_core.Drawer.Title.displayName = 'Drawer.Title';
+_core.Drawer.CloseButton.displayName = 'Drawer.CloseButton';
 
 //# sourceMappingURL=Drawer.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Drawer/Drawer.ts"],"sourcesContent":["export {Drawer, type DrawerFactory, type DrawerProps} from '@mantine/core';\n"],"names":["Drawer"],"mappings":";;;;+BAAQA;;;eAAAA,YAAM;;;oBAA6C"}
+{"version":3,"sources":["../../../../src/components/Drawer/Drawer.ts"],"sourcesContent":["import {Drawer} from '@mantine/core';\n\nDrawer.displayName = 'Drawer';\nDrawer.Root.displayName = 'Drawer.Root';\nDrawer.Overlay.displayName = 'Drawer.Overlay';\nDrawer.Content.displayName = 'Drawer.Content';\nDrawer.Body.displayName = 'Drawer.Body';\nDrawer.Header.displayName = 'Drawer.Header';\nDrawer.Title.displayName = 'Drawer.Title';\nDrawer.CloseButton.displayName = 'Drawer.CloseButton';\n\nexport {Drawer, type DrawerFactory, type DrawerProps} from '@mantine/core';\n"],"names":["Drawer","displayName","Root","Overlay","Content","Body","Header","Title","CloseButton"],"mappings":";;;;+BAWQA;;;eAAAA,YAAM;;;oBAXO;AAErBA,YAAM,CAACC,WAAW,GAAG;AACrBD,YAAM,CAACE,IAAI,CAACD,WAAW,GAAG;AAC1BD,YAAM,CAACG,OAAO,CAACF,WAAW,GAAG;AAC7BD,YAAM,CAACI,OAAO,CAACH,WAAW,GAAG;AAC7BD,YAAM,CAACK,IAAI,CAACJ,WAAW,GAAG;AAC1BD,YAAM,CAACM,MAAM,CAACL,WAAW,GAAG;AAC5BD,YAAM,CAACO,KAAK,CAACN,WAAW,GAAG;AAC3BD,YAAM,CAACQ,WAAW,CAACP,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../src/components/EllipsisText/EllipsisText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,OAAO,EAEZ,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEd,KAAK,YAAY,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAmB,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,iBACb,SAAQ,QAAQ,EACZ,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,WAAW,CAAC,EACxC,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC;CAC/E;AAED,KAAK,mBAAmB,GAAG,OAAO,CAAC;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAMH,eAAO,MAAM,YAAY;;;;;;;;;WAVd,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;EAwDtC,CAAC"}
+{"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../src/components/EllipsisText/EllipsisText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,OAAO,EAEZ,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEd,KAAK,YAAY,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAmB,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,iBACb,SAAQ,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,WAAW,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChH,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC;CAC/E;AAED,KAAK,mBAAmB,GAAG,OAAO,CAAC;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAMH,eAAO,MAAM,YAAY;;;;;;;;;WAVd,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;EAwDtC,CAAC"}

package/dist/cjs/components/EllipsisText/EllipsisText.js

@@ -45,7 +45,7 @@ var EllipsisText = (0, _core.polymorphicFactory)(function(props, ref) {
         unstyled: unstyled
     });
     var _useState = _sliced_to_array._((0, _react.useState)(false), 2), showTooltip = _useState[0], setShowTooltip = _useState[1];
-    var textRef = (0, _react.useRef)();
+    var textRef = (0, _react.useRef)(null);
     var _getStyles = getStyles('root'), rootClass = _getStyles.className, rootStyles = _object_without_properties._(_getStyles, [
         "className"
     ]);

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

@@ -1 +1 @@
-{"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,\n        Pick<TextProps, 'variant' | 'lineClamp'>,\n        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>();\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":["EllipsisText","defaultProps","tooltipProps","polymorphicFactory","props","ref","useProps","className","children","style","classNames","styles","unstyled","variant","lineClamp","others","getStyles","useStyles","name","classes","useState","showTooltip","setShowTooltip","textRef","useRef","rootClass","rootStyles","textClass","textStyles","Box","onMouseEnter","current","isOverflowing","onMouseLeave","clsx","noWrap","Tooltip","label","opened","Text","span","inherit","ellipsis","h","scrollWidth","clientWidth","scrollHeight","clientHeight"],"mappings":";;;;+BAsCaA;;;eAAAA;;;;;;;;;;oBA1BN;qBACmC;6DACzB;8EACG;AAmBpB,IAAMC,eAA2C;IAC7CC,cAAc,CAAC;AACnB;AAEO,IAAMF,eAAeG,IAAAA,wBAAkB,EAAsB,SAACC,OAAOC;IACxE,IACIC,YAAAA,IAAAA,cAAQ,EAAC,gBAAgBL,cAAcG,QADpCG,YACHD,UADGC,WAAWC,WACdF,UADcE,UAAUC,QACxBH,UADwBG,OAAOC,aAC/BJ,UAD+BI,YAAYC,SAC3CL,UAD2CK,QAAQC,WACnDN,UADmDM,UAAUC,UAC7DP,UAD6DO,SAASC,YACtER,UADsEQ,WAAWZ,eACjFI,UADiFJ,cAAiBa,sCAClGT;QADGC;QAAWC;QAAUC;QAAOC;QAAYC;QAAQC;QAAUC;QAASC;QAAWZ;;IAGrF,IAAMc,YAAYC,IAAAA,eAAS,EAAsB;QAC7CC,MAAM;QACNC,SAAAA,8BAAO;QACPf,OAAAA;QACAG,WAAAA;QACAE,OAAAA;QACAC,YAAAA;QACAC,QAAAA;QACAC,UAAAA;IACJ;IAEA,IAAsCQ,+BAAAA,IAAAA,eAAQ,EAAC,YAAxCC,cAA+BD,cAAlBE,iBAAkBF;IACtC,IAAMG,UAAUC,IAAAA,aAAM;IAEtB,IAA8CR,aAAAA,UAAU,SAAjDT,AAAWkB,YAA4BT,WAAvCT,WAAyBmB,0CAAcV;QAAvCT;;IACP,IAA8CS,cAAAA,UAAU,SAAjDT,AAAWoB,YAA4BX,YAAvCT,WAAyBqB,0CAAcZ;QAAvCT;;IAEP,qBACI,qBAACsB,SAAG;QACAxB,KAAKA;QACLyB,cAAc;YACV,IAAIP,QAAQQ,OAAO,IAAIC,cAAcT,QAAQQ,OAAO,GAAG;gBACnDT,eAAe;YACnB;QACJ;QACAW,cAAc;mBAAMX,eAAe;;QACnCf,WAAW2B,IAAAA,aAAI,EAACT,WAAY,uBAACN,8BAAO,CAACgB,MAAM,EAAG,CAACrB;OAC3CY,YACAX;kBAEJ,cAAA,qBAACqB,aAAO;YAACC,OAAO7B;YAAU8B,QAAQjB;WAAiBnB,cAAkBc,UAAU;sBAC3E,cAAA,qBAACuB,UAAI;gBACDC,IAAI;gBACJC,OAAO;gBACP5B,SAASA;gBACTR,KAAKkB;gBACLhB,WAAW2B,IAAAA,aAAI,EAACP,WAAY,uBAACR,8BAAO,CAACuB,QAAQ,EAAG,CAAC5B;eAC5C,CAAC,CAACA,aAAa;gBAACA,WAAWA;YAAS,GACrCc;0BAEHpB;;;;AAKrB;AAEA,IAAMwB,gBAAgB,SAACW;WAAsBA,EAAEC,WAAW,GAAGD,EAAEE,WAAW,IAAIF,EAAEG,YAAY,GAAGH,EAAEI,YAAY"}
+{"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":["EllipsisText","defaultProps","tooltipProps","polymorphicFactory","props","ref","useProps","className","children","style","classNames","styles","unstyled","variant","lineClamp","others","getStyles","useStyles","name","classes","useState","showTooltip","setShowTooltip","textRef","useRef","rootClass","rootStyles","textClass","textStyles","Box","onMouseEnter","current","isOverflowing","onMouseLeave","clsx","noWrap","Tooltip","label","opened","Text","span","inherit","ellipsis","h","scrollWidth","clientWidth","scrollHeight","clientHeight"],"mappings":";;;;+BAoCaA;;;eAAAA;;;;;;;;;;oBAxBN;qBACmC;6DACzB;8EACG;AAiBpB,IAAMC,eAA2C;IAC7CC,cAAc,CAAC;AACnB;AAEO,IAAMF,eAAeG,IAAAA,wBAAkB,EAAsB,SAACC,OAAOC;IACxE,IACIC,YAAAA,IAAAA,cAAQ,EAAC,gBAAgBL,cAAcG,QADpCG,YACHD,UADGC,WAAWC,WACdF,UADcE,UAAUC,QACxBH,UADwBG,OAAOC,aAC/BJ,UAD+BI,YAAYC,SAC3CL,UAD2CK,QAAQC,WACnDN,UADmDM,UAAUC,UAC7DP,UAD6DO,SAASC,YACtER,UADsEQ,WAAWZ,eACjFI,UADiFJ,cAAiBa,sCAClGT;QADGC;QAAWC;QAAUC;QAAOC;QAAYC;QAAQC;QAAUC;QAASC;QAAWZ;;IAGrF,IAAMc,YAAYC,IAAAA,eAAS,EAAsB;QAC7CC,MAAM;QACNC,SAAAA,8BAAO;QACPf,OAAAA;QACAG,WAAAA;QACAE,OAAAA;QACAC,YAAAA;QACAC,QAAAA;QACAC,UAAAA;IACJ;IAEA,IAAsCQ,+BAAAA,IAAAA,eAAQ,EAAC,YAAxCC,cAA+BD,cAAlBE,iBAAkBF;IACtC,IAAMG,UAAUC,IAAAA,aAAM,EAAiB;IAEvC,IAA8CR,aAAAA,UAAU,SAAjDT,AAAWkB,YAA4BT,WAAvCT,WAAyBmB,0CAAcV;QAAvCT;;IACP,IAA8CS,cAAAA,UAAU,SAAjDT,AAAWoB,YAA4BX,YAAvCT,WAAyBqB,0CAAcZ;QAAvCT;;IAEP,qBACI,qBAACsB,SAAG;QACAxB,KAAKA;QACLyB,cAAc;YACV,IAAIP,QAAQQ,OAAO,IAAIC,cAAcT,QAAQQ,OAAO,GAAG;gBACnDT,eAAe;YACnB;QACJ;QACAW,cAAc;mBAAMX,eAAe;;QACnCf,WAAW2B,IAAAA,aAAI,EAACT,WAAY,uBAACN,8BAAO,CAACgB,MAAM,EAAG,CAACrB;OAC3CY,YACAX;kBAEJ,cAAA,qBAACqB,aAAO;YAACC,OAAO7B;YAAU8B,QAAQjB;WAAiBnB,cAAkBc,UAAU;sBAC3E,cAAA,qBAACuB,UAAI;gBACDC,IAAI;gBACJC,OAAO;gBACP5B,SAASA;gBACTR,KAAKkB;gBACLhB,WAAW2B,IAAAA,aAAI,EAACP,WAAY,uBAACR,8BAAO,CAACuB,QAAQ,EAAG,CAAC5B;eAC5C,CAAC,CAACA,aAAa;gBAACA,WAAWA;YAAS,GACrCc;0BAEHpB;;;;AAKrB;AAEA,IAAMwB,gBAAgB,SAACW;WAAsBA,EAAEC,WAAW,GAAGD,EAAEE,WAAW,IAAIF,EAAEG,YAAY,GAAGH,EAAEI,YAAY"}

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

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

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

@@ -0,0 +1 @@
+{"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/cjs/components/Facet/DefaultFacetItem.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DefaultFacetItem", {
+    enumerable: true,
+    get: function() {
+        return DefaultFacetItem;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _jsxruntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _react = require("react");
+var _DefaultFacetItemmodulecss = /*#__PURE__*/ _interop_require_default._(require("./DefaultFacetItem.module.css"));
+var DefaultFacetItem = /*#__PURE__*/ (0, _react.memo)(function(param) {
+    var data = param.data, selected = param.selected, countFormatter = param.countFormatter;
+    var _countFormatter;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Checkbox, {
+        checked: selected,
+        onChange: function() {
+            return undefined;
+        },
+        "aria-hidden": true,
+        label: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            children: [
+                data.label,
+                data.count !== undefined ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Text, {
+                    span: true,
+                    c: "dimmed",
+                    ml: "xs",
+                    className: _DefaultFacetItemmodulecss.default.count,
+                    children: [
+                        "(",
+                        (_countFormatter = countFormatter === null || countFormatter === void 0 ? void 0 : countFormatter(data.count)) !== null && _countFormatter !== void 0 ? _countFormatter : data.count,
+                        ")"
+                    ]
+                }) : null
+            ]
+        }),
+        tabIndex: -1,
+        className: _DefaultFacetItemmodulecss.default.root
+    });
+});
+
+//# sourceMappingURL=DefaultFacetItem.js.map

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

@@ -0,0 +1 @@
+{"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":["DefaultFacetItem","memo","data","selected","countFormatter","Checkbox","checked","onChange","undefined","aria-hidden","label","count","Text","span","c","ml","className","classes","tabIndex","root"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;oBALgB;qBACV;kFACC;AAGb,IAAMA,iCAAuCC,IAAAA,WAAI,EACpD;QAAEC,aAAAA,MAAMC,iBAAAA,UAAUC,uBAAAA;QAUQA;yBATtB,qBAACC,cAAQ;QACLC,SAASH;QACTI,UAAU;mBAAMC;;QAChBC,aAAW;QACXC,qBACI;;gBACKR,KAAKQ,KAAK;gBACVR,KAAKS,KAAK,KAAKH,0BACZ,sBAACI,UAAI;oBAACC,IAAI;oBAACC,GAAE;oBAASC,IAAG;oBAAKC,WAAWC,kCAAO,CAACN,KAAK;;wBAAE;wBAClDP,CAAAA,kBAAAA,2BAAAA,qCAAAA,eAAiBF,KAAKS,KAAK,eAA3BP,6BAAAA,kBAAgCF,KAAKS,KAAK;wBAAC;;qBAEjD;;;QAGZO,UAAU,CAAC;QACXF,WAAWC,kCAAO,CAACE,IAAI"}

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

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

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

@@ -0,0 +1,117 @@
+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' | 'facetTitle' | '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;
+    /**
+     * Initial items selection
+     *
+     * @default []
+     */
+    initialSelection?: string[];
+    /**
+     * 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/cjs/components/Facet/Facet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Facet.d.ts","sourceRoot":"","sources":["../../../../src/components/Facet/Facet.tsx"],"names":[],"mappings":"AACA,OAAO,EAEH,QAAQ,EAIR,OAAO,EACP,cAAc,EAMjB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAC,iBAAiB,EAAgB,SAAS,EAAY,MAAM,OAAO,CAAC;AAM5E,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,YAAY,GACZ,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;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B;;;;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;AAYH,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,UAAU,CA+J9C,CAAC"}

package/dist/cjs/components/Facet/Facet.js

@@ -0,0 +1,225 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Facet", {
+    enumerable: true,
+    get: function() {
+        return Facet;
+    }
+});
+var _define_property = require("@swc/helpers/_/_define_property");
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
+var _jsxruntime = require("react/jsx-runtime");
+var _plasmareacticons = require("@coveord/plasma-react-icons");
+var _core = require("@mantine/core");
+var _hooks = require("@mantine/hooks");
+var _clsx = require("clsx");
+var _react = require("react");
+var _groupOptions = require("../../utils/groupOptions.js");
+var _ActionIcon = require("../ActionIcon/ActionIcon.js");
+var _DefaultFacetItem = require("./DefaultFacetItem.js");
+var _Facetmodulecss = /*#__PURE__*/ _interop_require_default._(require("./Facet.module.css"));
+var _FacetScrollArea = require("./FacetScrollArea.js");
+var defaultProps = {
+    searchPlaceholder: 'Search',
+    nothingFound: 'No matching items',
+    placeholder: 'No items',
+    height: 200,
+    limit: Infinity,
+    itemComponent: _DefaultFacetItem.DefaultFacetItem,
+    listComponent: _FacetScrollArea.FacetScrollArea
+};
+var Facet = (0, _core.factory)(function(_props, ref) {
+    var props = (0, _core.useProps)('Facet', defaultProps, _props);
+    var className = props.className, data = props.data, onChange = props.onChange, _props_initialSelection = props.initialSelection, initialSelection = _props_initialSelection === void 0 ? [] : _props_initialSelection, selection = props.selection, ItemComponent = props.itemComponent, ListComponent = props.listComponent, itemCountFormatter = props.itemCountFormatter, searchPlaceholder = props.searchPlaceholder, query = props.query, _props_hideSearch = props.hideSearch, hideSearch = _props_hideSearch === void 0 ? data.length <= 7 : _props_hideSearch, onSearch = props.onSearch, _props_filter = props.filter, filter = _props_filter === void 0 ? defaultFilter : _props_filter, nothingFound = props.nothingFound, placeholder = props.placeholder, title = props.title, height = props.height, radius = props.radius, __staticSelector = props.__staticSelector, classNames = props.classNames, styles = props.styles, limit = props.limit, unstyled = props.unstyled, others = _object_without_properties._(props, [
+        "className",
+        "data",
+        "onChange",
+        "initialSelection",
+        "selection",
+        "itemComponent",
+        "listComponent",
+        "itemCountFormatter",
+        "searchPlaceholder",
+        "query",
+        "hideSearch",
+        "onSearch",
+        "filter",
+        "nothingFound",
+        "placeholder",
+        "title",
+        "height",
+        "radius",
+        "__staticSelector",
+        "classNames",
+        "styles",
+        "limit",
+        "unstyled"
+    ]);
+    var combobox = (0, _core.useCombobox)();
+    var _useUncontrolled = _sliced_to_array._((0, _hooks.useUncontrolled)({
+        value: query,
+        defaultValue: '',
+        finalValue: '',
+        onChange: onSearch
+    }), 2), search = _useUncontrolled[0], handleSearch = _useUncontrolled[1];
+    var _useUncontrolled1 = _sliced_to_array._((0, _hooks.useUncontrolled)({
+        value: selection,
+        defaultValue: initialSelection,
+        finalValue: [],
+        onChange: onChange
+    }), 2), _selection = _useUncontrolled1[0], handleSelection = _useUncontrolled1[1];
+    var unGroupedItems = [];
+    var groupedItems = [];
+    var filteredData = data.filter(function(item) {
+        return filter(search, item);
+    }).slice(0, limit);
+    var sortedData = (0, _groupOptions.groupOptions)({
+        data: filteredData
+    });
+    var handleValueSelect = function(val) {
+        return handleSelection(_selection.includes(val) ? _selection.filter(function(v) {
+            return v !== val;
+        }) : _to_consumable_array._(_selection).concat([
+            val
+        ]));
+    };
+    var groupName = null;
+    (0, _react.useEffect)(function() {
+        combobox.openDropdown();
+    }, []);
+    sortedData.forEach(function(item) {
+        var isSelected = _selection.includes(item.value);
+        var itemComponent = /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Combobox.Option, {
+            "aria-selected": isSelected ? true : false,
+            value: item.value,
+            onMouseEnter: function() {
+                return combobox.resetSelectedOption();
+            },
+            className: (0, _clsx.clsx)(_Facetmodulecss.default.facetItem),
+            children: /*#__PURE__*/ (0, _jsxruntime.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__*/ (0, _jsxruntime.jsx)("div", {
+                    className: _Facetmodulecss.default.separator,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Divider, {
+                        classNames: {
+                            label: _Facetmodulecss.default.separatorLabel
+                        },
+                        label: groupName
+                    })
+                }, groupName));
+            }
+            groupedItems.push(itemComponent);
+        }
+    });
+    if (groupedItems.length > 0 && unGroupedItems.length > 0) {
+        unGroupedItems.unshift(/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: _Facetmodulecss.default.separator,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Divider, {
+                unstyled: unstyled,
+                classNames: {
+                    label: _Facetmodulecss.default.separatorLabel
+                }
+            })
+        }, "ungrouped-separator"));
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
+        className: (0, _clsx.clsx)(_Facetmodulecss.default.facet, className)
+    }, others), {
+        ref: ref,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Combobox, {
+            store: combobox,
+            onOptionSubmit: handleValueSelect,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Combobox.EventsTarget, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Box, {
+                        className: _Facetmodulecss.default.facetHeader,
+                        children: [
+                            title ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Title, {
+                                order: 5,
+                                children: title
+                            }) : null,
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.TextInput, {
+                                unstyled: unstyled,
+                                value: search,
+                                onChange: function(event) {
+                                    handleSearch(event.currentTarget.value);
+                                    combobox.updateSelectedOptionIndex();
+                                },
+                                placeholder: searchPlaceholder,
+                                "aria-hidden": hideSearch,
+                                tabIndex: hideSearch ? -1 : undefined,
+                                className: (0, _clsx.clsx)(_Facetmodulecss.default.facetSearch, _define_property._({}, _Facetmodulecss.default.hiddenSearch, hideSearch)),
+                                rightSection: search ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionIcon.ActionIcon.Quaternary, {
+                                    "aria-label": "clear search",
+                                    color: "gray",
+                                    onClick: function() {
+                                        handleSearch('');
+                                    },
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CrossSize16Px, {
+                                        height: 16
+                                    })
+                                }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.FilterSize16Px, {
+                                    height: 16
+                                })
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: _Facetmodulecss.default.facetBody,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Combobox.EventsTarget, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(ListComponent, {
+                            className: _Facetmodulecss.default.facetItems,
+                            mah: height,
+                            style: {
+                                overflow: 'auto',
+                                position: 'relative'
+                            },
+                            tabIndex: hideSearch ? 0 : undefined,
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Combobox.Options, {
+                                "aria-multiselectable": "true",
+                                children: groupedItems.length > 0 || unGroupedItems.length > 0 ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                                    children: [
+                                        groupedItems,
+                                        unGroupedItems
+                                    ]
+                                }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Combobox.Empty, {
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, {
+                                        c: "dimmed",
+                                        unstyled: unstyled,
+                                        size: "sm",
+                                        ta: "center",
+                                        my: "sm",
+                                        children: !search && placeholder ? placeholder : nothingFound
+                                    })
+                                })
+                            })
+                        })
+                    })
+                })
+            ]
+        })
+    }));
+});
+Facet.displayName = 'Facet';
+var defaultFilter = function(query, item) {
+    return item.label.toLowerCase().trim().includes(query.toLowerCase().trim()) || item.value.toLowerCase().trim().includes(query.toLowerCase().trim());
+};
+
+//# sourceMappingURL=Facet.js.map