@coveord/plasma-mantine 56.21.0 → 57.0.0

package/dist/cjs/components/ActionIcon/ActionIcon.js

@@ -10,18 +10,23 @@ Object.defineProperty(exports, "ActionIcon", {
 });
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _to_array = require("@swc/helpers/_/_to_array");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _useClickWithLoading = require("../../hooks/useClickWithLoading.js");
 var _ButtonWithDisabledTooltip = require("../Button/ButtonWithDisabledTooltip.js");
-var ActionIcon = (0, _core.polymorphicFactory)(function(_param, ref) {
-    var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, disabledTooltipProps = _param.disabledTooltipProps, loading = _param.loading, onClick = _param.onClick, others = _object_without_properties._(_param, [
+var ActionIcon = (0, _core.polymorphicFactory)(function(_0, _1) {
+    var _ref = [
+        _0,
+        _1
+    ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), disabledTooltip = _ref2.disabledTooltip, disabled = _ref2.disabled, disabledTooltipProps = _ref2.disabledTooltipProps, loading = _ref2.loading, onClick = _ref2.onClick, others = _object_without_properties._(_ref2, [
         "disabledTooltip",
         "disabled",
         "disabledTooltipProps",
         "loading",
         "onClick"
-    ]);
+    ]), _rest1 = _sliced_to_array._(_rest, 1), ref = _rest1[0];
     var _useClickWithLoading1 = (0, _useClickWithLoading.useClickWithLoading)(onClick), isLoading = _useClickWithLoading1.isLoading, handleClick = _useClickWithLoading1.handleClick;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ButtonWithDisabledTooltip.ButtonWithDisabledTooltip, {
         disabled: disabled,
@@ -64,7 +69,7 @@ var ActionIconDestructiveSecondary = ActionIcon.withProps({
 });
 var ActionIconDestructiveTertiary = ActionIcon.withProps({
     variant: 'default',
-    vars: function() {
+    vars: function vars() {
         return {
             root: {
                 '--ai-color': 'var(--mantine-color-error)'

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import {\n    ActionIconCssVariables,\n    ActionIconStylesNames,\n    ActionIconVariant,\n    Factory,\n    ActionIcon as MantineActionIcon,\n    polymorphicFactory,\n    type ActionIconGroup,\n    type ActionIconProps as MantineActionIconProps,\n} from '@mantine/core';\nimport {ComponentType, MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading.js';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../Button/ButtonWithDisabledTooltip.js';\n\nexport interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ActionIconOverloadFactory = Factory<{\n    props: ActionIconProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ActionIconStylesNames;\n    vars: ActionIconCssVariables;\n    variant: ActionIconVariant;\n    staticComponents: {\n        Group: typeof ActionIconGroup;\n        Primary: typeof ActionIconPrimary;\n        Secondary: typeof ActionIconSecondary;\n        Tertiary: typeof ActionIconTertiary;\n        Quaternary: typeof ActionIconQuaternary;\n        DestructivePrimary: typeof ActionIconDestructive;\n        DestructiveSecondary: typeof ActionIconDestructiveSecondary;\n        DestructiveTertiary: typeof ActionIconDestructiveTertiary;\n        DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;\n    };\n}>;\n\nexport const ActionIcon = polymorphicFactory<ActionIconOverloadFactory>(\n    ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineActionIcon\n                    loaderProps={{type: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={handleClick}\n                    disabled={disabled}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\n\nconst ActionIconPrimary = ActionIcon.withProps({\n    variant: 'filled',\n});\nconst ActionIconSecondary = ActionIcon.withProps({\n    variant: 'light',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ActionIconTertiary = ActionIcon.withProps({\n    variant: 'default',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ActionIconQuaternary = ActionIcon.withProps({\n    variant: 'subtle',\n    color: 'var(--coveo-color-text-primary)',\n});\n\nconst ActionIconDestructive = ActionIcon.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveSecondary = ActionIcon.withProps({variant: 'light', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveTertiary = ActionIcon.withProps({\n    variant: 'default',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-color-error)'}}),\n});\nconst ActionIconDestructiveQuaternary = ActionIcon.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});\n\nActionIcon.Group = MantineActionIcon.Group;\nActionIcon.Primary = ActionIconPrimary;\nActionIcon.Secondary = ActionIconSecondary;\nActionIcon.Tertiary = ActionIconTertiary;\nActionIcon.Quaternary = ActionIconQuaternary;\nActionIcon.DestructivePrimary = ActionIconDestructive;\nActionIcon.DestructiveSecondary = ActionIconDestructiveSecondary;\nActionIcon.DestructiveTertiary = ActionIconDestructiveTertiary;\nActionIcon.DestructiveQuaternary = ActionIconDestructiveQuaternary;\n\nActionIcon.displayName = 'ActionIcon';\nActionIcon.Group.displayName = 'ActionIcon.Group';\n(ActionIconPrimary as ComponentType).displayName = 'ActionIcon.Primary';\n(ActionIconSecondary as ComponentType).displayName = 'ActionIcon.Secondary';\n(ActionIconTertiary as ComponentType).displayName = 'ActionIcon.Tertiary';\n(ActionIconQuaternary as ComponentType).displayName = 'ActionIcon.Quaternary';\n(ActionIconDestructive as ComponentType).displayName = 'ActionIcon.DestructivePrimary';\n(ActionIconDestructiveSecondary as ComponentType).displayName = 'ActionIcon.DestructiveSecondary';\n(ActionIconDestructiveTertiary as ComponentType).displayName = 'ActionIcon.DestructiveTertiary';\n(ActionIconDestructiveQuaternary as ComponentType).displayName = 'ActionIcon.DestructiveQuaternary';\n"],"names":["ActionIcon","polymorphicFactory","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineActionIcon","loaderProps","type","ActionIconPrimary","withProps","variant","ActionIconSecondary","color","ActionIconTertiary","ActionIconQuaternary","ActionIconDestructive","ActionIconDestructiveSecondary","ActionIconDestructiveTertiary","vars","root","ActionIconDestructiveQuaternary","Group","Primary","Secondary","Tertiary","Quaternary","DestructivePrimary","DestructiveSecondary","DestructiveTertiary","DestructiveQuaternary","displayName"],"mappings":";;;;+BAuCaA;;;eAAAA;;;;;;oBA9BN;mCAE2B;yCACsC;AA2BjE,IAAMA,aAAaC,IAAAA,wBAAkB,EACxC,iBAAiFC;QAA/EC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAYC;QAAtEL;QAAiBC;QAAUC;QAAsBC;QAASC;;IACxD,IAAiCE,wBAAAA,IAAAA,wCAAmB,EAACF,UAA9CG,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBR,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBQ,WAAWL,OAAOK,SAAS;kBAE3B,cAAA,qBAACC,gBAAiB;YACdC,aAAa;gBAACC,MAAM;YAAM;YAC1Bd,KAAKA;YACLI,SAASI,aAAaJ;YACtBC,SAASI;YACTP,UAAUA;WACNI;;AAIpB;AAGJ,IAAMS,oBAAoBjB,WAAWkB,SAAS,CAAC;IAC3CC,SAAS;AACb;AACA,IAAMC,sBAAsBpB,WAAWkB,SAAS,CAAC;IAC7CC,SAAS;IACTE,OAAO;AACX;AACA,IAAMC,qBAAqBtB,WAAWkB,SAAS,CAAC;IAC5CC,SAAS;IACTE,OAAO;AACX;AACA,IAAME,uBAAuBvB,WAAWkB,SAAS,CAAC;IAC9CC,SAAS;IACTE,OAAO;AACX;AAEA,IAAMG,wBAAwBxB,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUE,OAAO;AAA4B;AAC1G,IAAMI,iCAAiCzB,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAASE,OAAO;AAA4B;AAClH,IAAMK,gCAAgC1B,WAAWkB,SAAS,CAAC;IACvDC,SAAS;IACTQ,MAAM;eAAO;YAACC,MAAM;gBAAC,cAAc;YAA4B;QAAC;;AACpE;AACA,IAAMC,kCAAkC7B,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUE,OAAO;AAA4B;AAEpHrB,WAAW8B,KAAK,GAAGhB,gBAAiB,CAACgB,KAAK;AAC1C9B,WAAW+B,OAAO,GAAGd;AACrBjB,WAAWgC,SAAS,GAAGZ;AACvBpB,WAAWiC,QAAQ,GAAGX;AACtBtB,WAAWkC,UAAU,GAAGX;AACxBvB,WAAWmC,kBAAkB,GAAGX;AAChCxB,WAAWoC,oBAAoB,GAAGX;AAClCzB,WAAWqC,mBAAmB,GAAGX;AACjC1B,WAAWsC,qBAAqB,GAAGT;AAEnC7B,WAAWuC,WAAW,GAAG;AACzBvC,WAAW8B,KAAK,CAACS,WAAW,GAAG;AAC9BtB,kBAAoCsB,WAAW,GAAG;AAClDnB,oBAAsCmB,WAAW,GAAG;AACpDjB,mBAAqCiB,WAAW,GAAG;AACnDhB,qBAAuCgB,WAAW,GAAG;AACrDf,sBAAwCe,WAAW,GAAG;AACtDd,+BAAiDc,WAAW,GAAG;AAC/Db,8BAAgDa,WAAW,GAAG;AAC9DV,gCAAkDU,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import {\n    ActionIconCssVariables,\n    ActionIconStylesNames,\n    ActionIconVariant,\n    Factory,\n    ActionIcon as MantineActionIcon,\n    polymorphicFactory,\n    type ActionIconGroup,\n    type ActionIconProps as MantineActionIconProps,\n} from '@mantine/core';\nimport {ComponentType, MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading.js';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../Button/ButtonWithDisabledTooltip.js';\n\nexport interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ActionIconOverloadFactory = Factory<{\n    props: ActionIconProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ActionIconStylesNames;\n    vars: ActionIconCssVariables;\n    variant: ActionIconVariant;\n    staticComponents: {\n        Group: typeof ActionIconGroup;\n        Primary: typeof ActionIconPrimary;\n        Secondary: typeof ActionIconSecondary;\n        Tertiary: typeof ActionIconTertiary;\n        Quaternary: typeof ActionIconQuaternary;\n        DestructivePrimary: typeof ActionIconDestructive;\n        DestructiveSecondary: typeof ActionIconDestructiveSecondary;\n        DestructiveTertiary: typeof ActionIconDestructiveTertiary;\n        DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;\n    };\n}>;\n\nexport const ActionIcon = polymorphicFactory<ActionIconOverloadFactory>(\n    ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineActionIcon\n                    loaderProps={{type: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={handleClick}\n                    disabled={disabled}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\n\nconst ActionIconPrimary = ActionIcon.withProps({\n    variant: 'filled',\n});\nconst ActionIconSecondary = ActionIcon.withProps({\n    variant: 'light',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ActionIconTertiary = ActionIcon.withProps({\n    variant: 'default',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ActionIconQuaternary = ActionIcon.withProps({\n    variant: 'subtle',\n    color: 'var(--coveo-color-text-primary)',\n});\n\nconst ActionIconDestructive = ActionIcon.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveSecondary = ActionIcon.withProps({variant: 'light', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveTertiary = ActionIcon.withProps({\n    variant: 'default',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-color-error)'}}),\n});\nconst ActionIconDestructiveQuaternary = ActionIcon.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});\n\nActionIcon.Group = MantineActionIcon.Group;\nActionIcon.Primary = ActionIconPrimary;\nActionIcon.Secondary = ActionIconSecondary;\nActionIcon.Tertiary = ActionIconTertiary;\nActionIcon.Quaternary = ActionIconQuaternary;\nActionIcon.DestructivePrimary = ActionIconDestructive;\nActionIcon.DestructiveSecondary = ActionIconDestructiveSecondary;\nActionIcon.DestructiveTertiary = ActionIconDestructiveTertiary;\nActionIcon.DestructiveQuaternary = ActionIconDestructiveQuaternary;\n\nActionIcon.displayName = 'ActionIcon';\nActionIcon.Group.displayName = 'ActionIcon.Group';\n(ActionIconPrimary as ComponentType).displayName = 'ActionIcon.Primary';\n(ActionIconSecondary as ComponentType).displayName = 'ActionIcon.Secondary';\n(ActionIconTertiary as ComponentType).displayName = 'ActionIcon.Tertiary';\n(ActionIconQuaternary as ComponentType).displayName = 'ActionIcon.Quaternary';\n(ActionIconDestructive as ComponentType).displayName = 'ActionIcon.DestructivePrimary';\n(ActionIconDestructiveSecondary as ComponentType).displayName = 'ActionIcon.DestructiveSecondary';\n(ActionIconDestructiveTertiary as ComponentType).displayName = 'ActionIcon.DestructiveTertiary';\n(ActionIconDestructiveQuaternary as ComponentType).displayName = 'ActionIcon.DestructiveQuaternary';\n"],"names":["ActionIcon","polymorphicFactory","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ref","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineActionIcon","loaderProps","type","ActionIconPrimary","withProps","variant","ActionIconSecondary","color","ActionIconTertiary","ActionIconQuaternary","ActionIconDestructive","ActionIconDestructiveSecondary","ActionIconDestructiveTertiary","vars","root","ActionIconDestructiveQuaternary","Group","Primary","Secondary","Tertiary","Quaternary","DestructivePrimary","DestructiveSecondary","DestructiveTertiary","DestructiveQuaternary","displayName"],"mappings":";;;;+BAuCaA;;;eAAAA;;;;;;;;oBA9BN;mCAE2B;yCACsC;AA2BjE,IAAMA,aAAaC,IAAAA,wBAAkB,EACxC;;;;4EAAEC,wBAAAA,iBAAiBC,iBAAAA,UAAUC,6BAAAA,sBAAsBC,gBAAAA,SAASC,gBAAAA,SAAYC;;;;;;+CAASC;IAC7E,IAAiCC,wBAAAA,IAAAA,wCAAmB,EAACH,UAA9CI,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBT,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBS,WAAWN,OAAOM,SAAS;kBAE3B,cAAA,qBAACC,gBAAiB;YACdC,aAAa;gBAACC,MAAM;YAAM;YAC1BR,KAAKA;YACLH,SAASK,aAAaL;YACtBC,SAASK;YACTR,UAAUA;WACNI;;AAIpB;AAGJ,IAAMU,oBAAoBjB,WAAWkB,SAAS,CAAC;IAC3CC,SAAS;AACb;AACA,IAAMC,sBAAsBpB,WAAWkB,SAAS,CAAC;IAC7CC,SAAS;IACTE,OAAO;AACX;AACA,IAAMC,qBAAqBtB,WAAWkB,SAAS,CAAC;IAC5CC,SAAS;IACTE,OAAO;AACX;AACA,IAAME,uBAAuBvB,WAAWkB,SAAS,CAAC;IAC9CC,SAAS;IACTE,OAAO;AACX;AAEA,IAAMG,wBAAwBxB,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUE,OAAO;AAA4B;AAC1G,IAAMI,iCAAiCzB,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAASE,OAAO;AAA4B;AAClH,IAAMK,gCAAgC1B,WAAWkB,SAAS,CAAC;IACvDC,SAAS;IACTQ,MAAM,SAANA;eAAa;YAACC,MAAM;gBAAC,cAAc;YAA4B;QAAC;;AACpE;AACA,IAAMC,kCAAkC7B,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUE,OAAO;AAA4B;AAEpHrB,WAAW8B,KAAK,GAAGhB,gBAAiB,CAACgB,KAAK;AAC1C9B,WAAW+B,OAAO,GAAGd;AACrBjB,WAAWgC,SAAS,GAAGZ;AACvBpB,WAAWiC,QAAQ,GAAGX;AACtBtB,WAAWkC,UAAU,GAAGX;AACxBvB,WAAWmC,kBAAkB,GAAGX;AAChCxB,WAAWoC,oBAAoB,GAAGX;AAClCzB,WAAWqC,mBAAmB,GAAGX;AACjC1B,WAAWsC,qBAAqB,GAAGT;AAEnC7B,WAAWuC,WAAW,GAAG;AACzBvC,WAAW8B,KAAK,CAACS,WAAW,GAAG;AAC9BtB,kBAAoCsB,WAAW,GAAG;AAClDnB,oBAAsCmB,WAAW,GAAG;AACpDjB,mBAAqCiB,WAAW,GAAG;AACnDhB,qBAAuCgB,WAAW,GAAG;AACrDf,sBAAwCe,WAAW,GAAG;AACtDd,+BAAiDc,WAAW,GAAG;AAC/Db,8BAAgDa,WAAW,GAAG;AAC9DV,gCAAkDU,WAAW,GAAG"}

package/dist/cjs/components/Alert/Alert.js

@@ -24,7 +24,7 @@ var AlertInformation = Alert.withProps({
     icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken, {
         variant: "information"
     }),
-    vars: function() {
+    vars: function vars() {
         return {
             root: {
                 '--alert-color': 'var(--mantine-color-text)',
@@ -38,7 +38,7 @@ var AlertAdvice = Alert.withProps({
     icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken, {
         variant: "advice"
     }),
-    vars: function() {
+    vars: function vars() {
         return {
             root: {
                 '--alert-color': 'var(--mantine-primary-color-filled)',
@@ -53,7 +53,7 @@ var AlertWarning = Alert.withProps({
     icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken, {
         variant: "warning"
     }),
-    vars: function() {
+    vars: function vars() {
         return {
             root: {
                 '--alert-color': 'var(--mantine-color-warning-filled)',
@@ -67,7 +67,7 @@ var AlertCritical = Alert.withProps({
     icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken, {
         variant: "error"
     }),
-    vars: function() {
+    vars: function vars() {
         return {
             root: {
                 '--alert-color': 'var(--mantine-color-error)',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import {\n    AlertCssVariables,\n    AlertProps,\n    AlertStylesNames,\n    AlertVariant,\n    Factory,\n    Alert as MantineAlert,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {type ComponentType} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\n\ntype AlertOverloadFactory = Factory<{\n    props: AlertProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: AlertStylesNames;\n    vars: AlertCssVariables;\n    variant: AlertVariant;\n    staticComponents: {\n        Information: typeof AlertInformation;\n        Advice: typeof AlertAdvice;\n        Warning: typeof AlertWarning;\n        Critical: typeof AlertCritical;\n    };\n}>;\n\nexport const Alert = polymorphicFactory<AlertOverloadFactory>((props, ref) => <MantineAlert {...props} ref={ref} />);\nAlert.displayName = 'Alert';\n\nconst AlertInformation = Alert.withProps({\n    color: 'gray',\n    icon: <InfoToken variant=\"information\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-text)',\n            '--alert-bg': 'var(--mantine-color-gray-light)',\n        },\n    }),\n});\n(AlertInformation as ComponentType).displayName = 'Alert.Information';\n\nconst AlertAdvice = Alert.withProps({\n    icon: <InfoToken variant=\"advice\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-primary-color-filled)',\n            '--alert-bg': 'var(--mantine-primary-color-light)',\n        },\n    }),\n});\n(AlertAdvice as ComponentType).displayName = 'Alert.Advice';\n\nconst AlertWarning = Alert.withProps({\n    color: 'warning',\n    icon: <InfoToken variant=\"warning\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-warning-filled)',\n            '--alert-bg': 'var(--mantine-color-warning-light)',\n        },\n    }),\n});\n(AlertWarning as ComponentType).displayName = 'Alert.Warning';\n\nconst AlertCritical = Alert.withProps({\n    icon: <InfoToken variant=\"error\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-error)',\n            '--alert-bg': 'var(--mantine-color-red-light)',\n        },\n    }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\n"],"names":["Alert","polymorphicFactory","props","ref","MantineAlert","displayName","AlertInformation","withProps","color","icon","InfoToken","variant","vars","root","AlertAdvice","AlertWarning","AlertCritical","Information","Advice","Warning","Critical"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;oBAnBN;yBAEiB;AAiBjB,IAAMA,QAAQC,IAAAA,wBAAkB,EAAuB,SAACC,OAAOC;yBAAQ,qBAACC,WAAY,8CAAKF;QAAOC,KAAKA;;;AAC5GH,MAAMK,WAAW,GAAG;AAEpB,IAAMC,mBAAmBN,MAAMO,SAAS,CAAC;IACrCC,OAAO;IACPC,oBAAM,qBAACC,oBAAS;QAACC,SAAQ;;IACzBC,MAAM;eAAO;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ;;AACJ;AACCP,iBAAmCD,WAAW,GAAG;AAElD,IAAMS,cAAcd,MAAMO,SAAS,CAAC;IAChCE,oBAAM,qBAACC,oBAAS;QAACC,SAAQ;;IACzBC,MAAM;eAAO;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ;;AACJ;AACCC,YAA8BT,WAAW,GAAG;AAE7C,IAAMU,eAAef,MAAMO,SAAS,CAAC;IACjCC,OAAO;IACPC,oBAAM,qBAACC,oBAAS;QAACC,SAAQ;;IACzBC,MAAM;eAAO;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ;;AACJ;AACCE,aAA+BV,WAAW,GAAG;AAE9C,IAAMW,gBAAgBhB,MAAMO,SAAS,CAAC;IAClCE,oBAAM,qBAACC,oBAAS;QAACC,SAAQ;;IACzBC,MAAM;eAAO;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ;;AACJ;AACCG,cAAgCX,WAAW,GAAG;AAE/CL,MAAMiB,WAAW,GAAGX;AACpBN,MAAMkB,MAAM,GAAGJ;AACfd,MAAMmB,OAAO,GAAGJ;AAChBf,MAAMoB,QAAQ,GAAGJ"}
+{"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import {\n    AlertCssVariables,\n    AlertProps,\n    AlertStylesNames,\n    AlertVariant,\n    Factory,\n    Alert as MantineAlert,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {type ComponentType} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\n\ntype AlertOverloadFactory = Factory<{\n    props: AlertProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: AlertStylesNames;\n    vars: AlertCssVariables;\n    variant: AlertVariant;\n    staticComponents: {\n        Information: typeof AlertInformation;\n        Advice: typeof AlertAdvice;\n        Warning: typeof AlertWarning;\n        Critical: typeof AlertCritical;\n    };\n}>;\n\nexport const Alert = polymorphicFactory<AlertOverloadFactory>((props, ref) => <MantineAlert {...props} ref={ref} />);\nAlert.displayName = 'Alert';\n\nconst AlertInformation = Alert.withProps({\n    color: 'gray',\n    icon: <InfoToken variant=\"information\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-text)',\n            '--alert-bg': 'var(--mantine-color-gray-light)',\n        },\n    }),\n});\n(AlertInformation as ComponentType).displayName = 'Alert.Information';\n\nconst AlertAdvice = Alert.withProps({\n    icon: <InfoToken variant=\"advice\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-primary-color-filled)',\n            '--alert-bg': 'var(--mantine-primary-color-light)',\n        },\n    }),\n});\n(AlertAdvice as ComponentType).displayName = 'Alert.Advice';\n\nconst AlertWarning = Alert.withProps({\n    color: 'warning',\n    icon: <InfoToken variant=\"warning\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-warning-filled)',\n            '--alert-bg': 'var(--mantine-color-warning-light)',\n        },\n    }),\n});\n(AlertWarning as ComponentType).displayName = 'Alert.Warning';\n\nconst AlertCritical = Alert.withProps({\n    icon: <InfoToken variant=\"error\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-error)',\n            '--alert-bg': 'var(--mantine-color-red-light)',\n        },\n    }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\n"],"names":["Alert","polymorphicFactory","props","ref","MantineAlert","displayName","AlertInformation","withProps","color","icon","InfoToken","variant","vars","root","AlertAdvice","AlertWarning","AlertCritical","Information","Advice","Warning","Critical"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;oBAnBN;yBAEiB;AAiBjB,IAAMA,QAAQC,IAAAA,wBAAkB,EAAuB,SAACC,OAAOC;yBAAQ,qBAACC,WAAY,8CAAKF;QAAOC,KAAKA;;;AAC5GH,MAAMK,WAAW,GAAG;AAEpB,IAAMC,mBAAmBN,MAAMO,SAAS,CAAC;IACrCC,OAAO;IACPC,oBAAM,qBAACC,oBAAS;QAACC,SAAQ;;IACzBC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ;;AACJ;AACCP,iBAAmCD,WAAW,GAAG;AAElD,IAAMS,cAAcd,MAAMO,SAAS,CAAC;IAChCE,oBAAM,qBAACC,oBAAS;QAACC,SAAQ;;IACzBC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ;;AACJ;AACCC,YAA8BT,WAAW,GAAG;AAE7C,IAAMU,eAAef,MAAMO,SAAS,CAAC;IACjCC,OAAO;IACPC,oBAAM,qBAACC,oBAAS;QAACC,SAAQ;;IACzBC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ;;AACJ;AACCE,aAA+BV,WAAW,GAAG;AAE9C,IAAMW,gBAAgBhB,MAAMO,SAAS,CAAC;IAClCE,oBAAM,qBAACC,oBAAS;QAACC,SAAQ;;IACzBC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ;;AACJ;AACCG,cAAgCX,WAAW,GAAG;AAE/CL,MAAMiB,WAAW,GAAGX;AACpBN,MAAMkB,MAAM,GAAGJ;AACfd,MAAMmB,OAAO,GAAGJ;AAChBf,MAAMoB,QAAQ,GAAGJ"}

package/dist/cjs/components/Badge/Badge.js

@@ -13,7 +13,7 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _react = require("react");
-var enhanceBadge = function(ComponentLight, ComponentDark, displayName) {
+var enhanceBadge = function enhanceBadge(ComponentLight, ComponentDark, displayName) {
     var EnhancedBadge = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         var computedColorScheme = (0, _core.useComputedColorScheme)('light', {
             getInitialValueInEffect: true

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import {\n    alpha,\n    BadgeCssVariables,\n    BadgeProps,\n    BadgeStylesNames,\n    BadgeVariant,\n    Badge as MantineBadge,\n    polymorphicFactory,\n    PolymorphicFactory,\n    PolymorphicComponentProps,\n    useComputedColorScheme,\n} from '@mantine/core';\nimport {forwardRef, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes} from 'react';\n\nexport interface SemanticBadgeProps\n    extends Pick<\n        BadgeProps,\n        | 'm'\n        | 'mt'\n        | 'mb'\n        | 'ml'\n        | 'mr'\n        | 'ms'\n        | 'me'\n        | 'mx'\n        | 'my'\n        | 'miw'\n        | 'maw'\n        | 'pos'\n        | 'top'\n        | 'left'\n        | 'right'\n        | 'bottom'\n        | 'inset'\n        | 'display'\n        | 'flex'\n        | 'leftSection'\n        | 'rightSection'\n        | 'fullWidth'\n        | 'circle'\n    > {\n    /**\n     * The size of the badge.\n     * @default 'small'\n     */\n    size?: 'small' | 'large';\n    /**\n     * Whether the badge is displayed over a light or dark background.\n     * @default Falls back to theme.\n     */\n    on?: 'light' | 'dark';\n    /**\n     * The content of the badge.\n     */\n    children?: ReactNode;\n}\n\nexport type SemanticBadge = ForwardRefExoticComponent<SemanticBadgeProps & RefAttributes<HTMLDivElement>>;\n\nconst enhanceBadge = (\n    ComponentLight: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n    ComponentDark: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n    displayName: string,\n): SemanticBadge => {\n    const EnhancedBadge = forwardRef<HTMLDivElement, SemanticBadgeProps>((props, ref) => {\n        const computedColorScheme = useComputedColorScheme('light', {getInitialValueInEffect: true});\n        const Component = (props.on || computedColorScheme) === 'dark' ? ComponentDark : ComponentLight;\n        return (\n            <Component\n                ref={ref}\n                {...props}\n                py={2}\n                px={12}\n                size={props.size === 'large' ? 'lg' : 'md'}\n                h={props.size === 'large' ? 22 : 20}\n            />\n        );\n    });\n    EnhancedBadge.displayName = displayName;\n    return EnhancedBadge;\n};\n\nconst BadgePrimary = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        bd: '1px solid var(--badge-bg)',\n        c: 'var(--mantine-primary-color-6)',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        bd: `1px solid ${alpha('var(--mantine-primary-color-3)', 0.32)}`,\n        c: 'var(--mantine-primary-color-2)',\n        bg: alpha('var(--mantine-primary-color-3)', 0.32),\n    }),\n    'Badge.Primary',\n);\nconst BadgeSecondary = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'gray',\n        bd: '1px solid var(--badge-bg)',\n        c: 'gray.7',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'gray',\n        c: 'var(--mantine-color-white)',\n        bd: `1px solid ${alpha('var(--mantine-color-gray-3)', 0.16)}`,\n        bg: alpha('var(--mantine-color-gray-3)', 0.16),\n    }),\n    'Badge.Secondary',\n);\nconst BadgeSuccess = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'green',\n        bd: '1px solid var(--badge-bg)',\n        c: 'green.6',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'green',\n        c: 'green.2',\n        bd: `1px solid ${alpha('var(--mantine-color-green-3)', 0.16)}`,\n        bg: alpha('var(--mantine-color-green-3)', 0.16),\n    }),\n    'Badge.Success',\n);\nconst BadgeCritical = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'critical',\n        bd: '1px solid var(--badge-bg)',\n        c: 'red.6',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'critical',\n        c: 'red.2',\n        bd: `1px solid ${alpha('var(--mantine-color-red-3)', 0.16)}`,\n        bg: alpha('var(--mantine-color-red-3)', 0.16),\n    }),\n    'Badge.Critical',\n);\nconst BadgeWarning = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'warning',\n        bd: '1px solid var(--badge-bg)',\n        c: 'yellow.6',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'warning',\n        c: 'yellow.2',\n        bd: `1px solid ${alpha('var(--mantine-color-yellow-3)', 0.16)}`,\n        bg: alpha('var(--mantine-color-yellow-3)', 0.16),\n    }),\n    'Badge.Warning',\n);\nconst BadgeDisabled = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'gray',\n        c: 'var(--coveo-color-text-disabled)',\n        bg: 'var(--coveo-color-bg-disabled)',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'gray',\n        c: 'dark.3',\n        bg: alpha('var(--mantine-color-gray-3)', 0.16),\n    }),\n    'Badge.Disabled',\n);\n\nexport type BadgeOverloadFactory = PolymorphicFactory<{\n    props: BadgeProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: BadgeStylesNames;\n    vars: BadgeCssVariables;\n    variant: BadgeVariant;\n    staticComponents: {\n        Primary: SemanticBadge;\n        Secondary: SemanticBadge;\n        Success: SemanticBadge;\n        Critical: SemanticBadge;\n        Warning: SemanticBadge;\n        Disabled: SemanticBadge;\n    };\n}>;\n\nexport const Badge = polymorphicFactory<BadgeOverloadFactory>((props, ref) => <MantineBadge ref={ref} {...props} />);\n\nBadge.Primary = BadgePrimary;\nBadge.Secondary = BadgeSecondary;\nBadge.Success = BadgeSuccess;\nBadge.Critical = BadgeCritical;\nBadge.Warning = BadgeWarning;\nBadge.Disabled = BadgeDisabled;\n"],"names":["Badge","enhanceBadge","ComponentLight","ComponentDark","displayName","EnhancedBadge","forwardRef","props","ref","computedColorScheme","useComputedColorScheme","getInitialValueInEffect","Component","on","py","px","size","h","BadgePrimary","MantineBadge","withProps","variant","bd","c","alpha","bg","BadgeSecondary","color","BadgeSuccess","BadgeCritical","BadgeWarning","BadgeDisabled","polymorphicFactory","Primary","Secondary","Success","Critical","Warning","Disabled"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import {\n    alpha,\n    BadgeCssVariables,\n    BadgeProps,\n    BadgeStylesNames,\n    BadgeVariant,\n    Badge as MantineBadge,\n    polymorphicFactory,\n    PolymorphicFactory,\n    PolymorphicComponentProps,\n    useComputedColorScheme,\n} from '@mantine/core';\nimport {forwardRef, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes} from 'react';\n\nexport interface SemanticBadgeProps\n    extends Pick<\n        BadgeProps,\n        | 'm'\n        | 'mt'\n        | 'mb'\n        | 'ml'\n        | 'mr'\n        | 'ms'\n        | 'me'\n        | 'mx'\n        | 'my'\n        | 'miw'\n        | 'maw'\n        | 'pos'\n        | 'top'\n        | 'left'\n        | 'right'\n        | 'bottom'\n        | 'inset'\n        | 'display'\n        | 'flex'\n        | 'leftSection'\n        | 'rightSection'\n        | 'fullWidth'\n        | 'circle'\n    > {\n    /**\n     * The size of the badge.\n     * @default 'small'\n     */\n    size?: 'small' | 'large';\n    /**\n     * Whether the badge is displayed over a light or dark background.\n     * @default Falls back to theme.\n     */\n    on?: 'light' | 'dark';\n    /**\n     * The content of the badge.\n     */\n    children?: ReactNode;\n}\n\nexport type SemanticBadge = ForwardRefExoticComponent<SemanticBadgeProps & RefAttributes<HTMLDivElement>>;\n\nconst enhanceBadge = (\n    ComponentLight: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n    ComponentDark: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n    displayName: string,\n): SemanticBadge => {\n    const EnhancedBadge = forwardRef<HTMLDivElement, SemanticBadgeProps>((props, ref) => {\n        const computedColorScheme = useComputedColorScheme('light', {getInitialValueInEffect: true});\n        const Component = (props.on || computedColorScheme) === 'dark' ? ComponentDark : ComponentLight;\n        return (\n            <Component\n                ref={ref}\n                {...props}\n                py={2}\n                px={12}\n                size={props.size === 'large' ? 'lg' : 'md'}\n                h={props.size === 'large' ? 22 : 20}\n            />\n        );\n    });\n    EnhancedBadge.displayName = displayName;\n    return EnhancedBadge;\n};\n\nconst BadgePrimary = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        bd: '1px solid var(--badge-bg)',\n        c: 'var(--mantine-primary-color-6)',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        bd: `1px solid ${alpha('var(--mantine-primary-color-3)', 0.32)}`,\n        c: 'var(--mantine-primary-color-2)',\n        bg: alpha('var(--mantine-primary-color-3)', 0.32),\n    }),\n    'Badge.Primary',\n);\nconst BadgeSecondary = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'gray',\n        bd: '1px solid var(--badge-bg)',\n        c: 'gray.7',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'gray',\n        c: 'var(--mantine-color-white)',\n        bd: `1px solid ${alpha('var(--mantine-color-gray-3)', 0.16)}`,\n        bg: alpha('var(--mantine-color-gray-3)', 0.16),\n    }),\n    'Badge.Secondary',\n);\nconst BadgeSuccess = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'green',\n        bd: '1px solid var(--badge-bg)',\n        c: 'green.6',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'green',\n        c: 'green.2',\n        bd: `1px solid ${alpha('var(--mantine-color-green-3)', 0.16)}`,\n        bg: alpha('var(--mantine-color-green-3)', 0.16),\n    }),\n    'Badge.Success',\n);\nconst BadgeCritical = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'critical',\n        bd: '1px solid var(--badge-bg)',\n        c: 'red.6',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'critical',\n        c: 'red.2',\n        bd: `1px solid ${alpha('var(--mantine-color-red-3)', 0.16)}`,\n        bg: alpha('var(--mantine-color-red-3)', 0.16),\n    }),\n    'Badge.Critical',\n);\nconst BadgeWarning = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'warning',\n        bd: '1px solid var(--badge-bg)',\n        c: 'yellow.6',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'warning',\n        c: 'yellow.2',\n        bd: `1px solid ${alpha('var(--mantine-color-yellow-3)', 0.16)}`,\n        bg: alpha('var(--mantine-color-yellow-3)', 0.16),\n    }),\n    'Badge.Warning',\n);\nconst BadgeDisabled = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'gray',\n        c: 'var(--coveo-color-text-disabled)',\n        bg: 'var(--coveo-color-bg-disabled)',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'gray',\n        c: 'dark.3',\n        bg: alpha('var(--mantine-color-gray-3)', 0.16),\n    }),\n    'Badge.Disabled',\n);\n\nexport type BadgeOverloadFactory = PolymorphicFactory<{\n    props: BadgeProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: BadgeStylesNames;\n    vars: BadgeCssVariables;\n    variant: BadgeVariant;\n    staticComponents: {\n        Primary: SemanticBadge;\n        Secondary: SemanticBadge;\n        Success: SemanticBadge;\n        Critical: SemanticBadge;\n        Warning: SemanticBadge;\n        Disabled: SemanticBadge;\n    };\n}>;\n\nexport const Badge = polymorphicFactory<BadgeOverloadFactory>((props, ref) => <MantineBadge ref={ref} {...props} />);\n\nBadge.Primary = BadgePrimary;\nBadge.Secondary = BadgeSecondary;\nBadge.Success = BadgeSuccess;\nBadge.Critical = BadgeCritical;\nBadge.Warning = BadgeWarning;\nBadge.Disabled = BadgeDisabled;\n"],"names":["Badge","enhanceBadge","ComponentLight","ComponentDark","displayName","EnhancedBadge","forwardRef","props","ref","computedColorScheme","useComputedColorScheme","getInitialValueInEffect","Component","on","py","px","size","h","BadgePrimary","MantineBadge","withProps","variant","bd","c","alpha","bg","BadgeSecondary","color","BadgeSuccess","BadgeCritical","BadgeWarning","BadgeDisabled","polymorphicFactory","Primary","Secondary","Success","Critical","Warning","Disabled"],"mappings":"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"}

package/dist/cjs/components/BlankSlate/BlankSlate.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "BlankSlate", {
 });
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
-var BlankSlate = function(param) {
+var BlankSlate = function BlankSlate(param) {
     var children = param.children, _param_withBorder = param.withBorder, withBorder = _param_withBorder === void 0 ? true : _param_withBorder;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Paper, {
         shadow: withBorder && 'xs',

package/dist/cjs/components/BrowserPreview/BrowserPreview.js

@@ -17,8 +17,8 @@ var _core = require("@mantine/core");
 var _clsx = /*#__PURE__*/ _interop_require_default._(require("clsx"));
 var _InfoToken = require("../InfoToken/InfoToken.js");
 var _BrowserPreviewmodulecss = /*#__PURE__*/ _interop_require_default._(require("./BrowserPreview.module.css"));
-var BrowserPreview = function(_param) {
-    var children = _param.children, headerTooltip = _param.headerTooltip, title = _param.title, className = _param.className, others = _object_without_properties._(_param, [
+var BrowserPreview = function BrowserPreview(_0) {
+    var children = _0.children, headerTooltip = _0.headerTooltip, title = _0.title, className = _0.className, others = _object_without_properties._(_0, [
         "children",
         "headerTooltip",
         "title",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/BrowserPreview/BrowserPreview.tsx"],"sourcesContent":["import {Flex, Group, Stack, StackProps, Text, Tooltip} from '@mantine/core';\nimport cx from 'clsx';\nimport {PropsWithChildren} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport BrowserPreviewClasses from './BrowserPreview.module.css';\n\nexport interface BrowserPreviewProps extends StackProps {\n    /**\n     * Text to display in a tooltip in the header.\n     *\n     */\n    headerTooltip?: string;\n    /**\n     * Custom title to be displayed at the center of the header.\n     */\n    title?: string;\n}\n\nexport const BrowserPreview = ({\n    children,\n    headerTooltip,\n    title,\n    className,\n    ...others\n}: PropsWithChildren<BrowserPreviewProps>) => (\n    <Stack className={cx(BrowserPreviewClasses.root, className)} gap={0} maw={544} mih={0} {...others}>\n        <Group\n            className={BrowserPreviewClasses.header}\n            justify=\"space-between\"\n            p=\"sm\"\n            bg=\"var(--mantine-color-default-hover)\"\n            wrap=\"nowrap\"\n        >\n            <Group gap=\"xs\" wrap=\"nowrap\">\n                <Text c=\"dimmed\" fz=\"md\" lh=\"18px\">\n                    Preview\n                </Text>\n                {!!headerTooltip && (\n                    <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n                        <InfoToken variant=\"information\" className={BrowserPreviewClasses.infoIcon} />\n                    </Tooltip>\n                )}\n            </Group>\n            {title && (\n                <Text lineClamp={1} c=\"dimmed\" fz=\"md\" lh=\"18px\">\n                    {title}\n                </Text>\n            )}\n        </Group>\n        <Flex className={BrowserPreviewClasses.content} p=\"lg\" direction=\"column\">\n            {children}\n        </Flex>\n    </Stack>\n);\n"],"names":["BrowserPreview","children","headerTooltip","title","className","others","Stack","cx","BrowserPreviewClasses","root","gap","maw","mih","Group","header","justify","p","bg","wrap","Text","c","fz","lh","Tooltip","label","position","InfoToken","variant","infoIcon","lineClamp","Flex","content","direction"],"mappings":";;;;+BAkBaA;;;eAAAA;;;;;;;;oBAlB+C;6DAC7C;yBAES;gFACU;AAc3B,IAAMA,iBAAiB;QAC1BC,kBAAAA,UACAC,uBAAAA,eACAC,eAAAA,OACAC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;yBAGA,sBAACE,WAAK;QAACF,WAAWG,IAAAA,aAAE,EAACC,gCAAqB,CAACC,IAAI,EAAEL;QAAYM,KAAK;QAAGC,KAAK;QAAKC,KAAK;OAAOP;;0BACvF,sBAACQ,WAAK;gBACFT,WAAWI,gCAAqB,CAACM,MAAM;gBACvCC,SAAQ;gBACRC,GAAE;gBACFC,IAAG;gBACHC,MAAK;;kCAEL,sBAACL,WAAK;wBAACH,KAAI;wBAAKQ,MAAK;;0CACjB,qBAACC,UAAI;gCAACC,GAAE;gCAASC,IAAG;gCAAKC,IAAG;0CAAO;;4BAGlC,CAAC,CAACpB,+BACC,qBAACqB,aAAO;gCAACC,OAAOtB;gCAAeuB,UAAS;gCAAQd,KAAK;0CACjD,cAAA,qBAACe,oBAAS;oCAACC,SAAQ;oCAAcvB,WAAWI,gCAAqB,CAACoB,QAAQ;;;;;oBAIrFzB,uBACG,qBAACgB,UAAI;wBAACU,WAAW;wBAAGT,GAAE;wBAASC,IAAG;wBAAKC,IAAG;kCACrCnB;;;;0BAIb,qBAAC2B,UAAI;gBAAC1B,WAAWI,gCAAqB,CAACuB,OAAO;gBAAEf,GAAE;gBAAKgB,WAAU;0BAC5D/B"}
+{"version":3,"sources":["../../../../src/components/BrowserPreview/BrowserPreview.tsx"],"sourcesContent":["import {Flex, Group, Stack, StackProps, Text, Tooltip} from '@mantine/core';\nimport cx from 'clsx';\nimport {PropsWithChildren} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport BrowserPreviewClasses from './BrowserPreview.module.css';\n\nexport interface BrowserPreviewProps extends StackProps {\n    /**\n     * Text to display in a tooltip in the header.\n     *\n     */\n    headerTooltip?: string;\n    /**\n     * Custom title to be displayed at the center of the header.\n     */\n    title?: string;\n}\n\nexport const BrowserPreview = ({\n    children,\n    headerTooltip,\n    title,\n    className,\n    ...others\n}: PropsWithChildren<BrowserPreviewProps>) => (\n    <Stack className={cx(BrowserPreviewClasses.root, className)} gap={0} maw={544} mih={0} {...others}>\n        <Group\n            className={BrowserPreviewClasses.header}\n            justify=\"space-between\"\n            p=\"sm\"\n            bg=\"var(--mantine-color-default-hover)\"\n            wrap=\"nowrap\"\n        >\n            <Group gap=\"xs\" wrap=\"nowrap\">\n                <Text c=\"dimmed\" fz=\"md\" lh=\"18px\">\n                    Preview\n                </Text>\n                {!!headerTooltip && (\n                    <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n                        <InfoToken variant=\"information\" className={BrowserPreviewClasses.infoIcon} />\n                    </Tooltip>\n                )}\n            </Group>\n            {title && (\n                <Text lineClamp={1} c=\"dimmed\" fz=\"md\" lh=\"18px\">\n                    {title}\n                </Text>\n            )}\n        </Group>\n        <Flex className={BrowserPreviewClasses.content} p=\"lg\" direction=\"column\">\n            {children}\n        </Flex>\n    </Stack>\n);\n"],"names":["BrowserPreview","children","headerTooltip","title","className","others","Stack","cx","BrowserPreviewClasses","root","gap","maw","mih","Group","header","justify","p","bg","wrap","Text","c","fz","lh","Tooltip","label","position","InfoToken","variant","infoIcon","lineClamp","Flex","content","direction"],"mappings":";;;;+BAkBaA;;;eAAAA;;;;;;;;oBAlB+C;6DAC7C;yBAES;gFACU;AAc3B,IAAMA,iBAAiB;QAC1BC,cAAAA,UACAC,mBAAAA,eACAC,WAAAA,OACAC,eAAAA,WACGC;;;;;;yBAEH,sBAACC,WAAK;QAACF,WAAWG,IAAAA,aAAE,EAACC,gCAAqB,CAACC,IAAI,EAAEL;QAAYM,KAAK;QAAGC,KAAK;QAAKC,KAAK;OAAOP;;0BACvF,sBAACQ,WAAK;gBACFT,WAAWI,gCAAqB,CAACM,MAAM;gBACvCC,SAAQ;gBACRC,GAAE;gBACFC,IAAG;gBACHC,MAAK;;kCAEL,sBAACL,WAAK;wBAACH,KAAI;wBAAKQ,MAAK;;0CACjB,qBAACC,UAAI;gCAACC,GAAE;gCAASC,IAAG;gCAAKC,IAAG;0CAAO;;4BAGlC,CAAC,CAACpB,+BACC,qBAACqB,aAAO;gCAACC,OAAOtB;gCAAeuB,UAAS;gCAAQd,KAAK;0CACjD,cAAA,qBAACe,oBAAS;oCAACC,SAAQ;oCAAcvB,WAAWI,gCAAqB,CAACoB,QAAQ;;;;;oBAIrFzB,uBACG,qBAACgB,UAAI;wBAACU,WAAW;wBAAGT,GAAE;wBAASC,IAAG;wBAAKC,IAAG;kCACrCnB;;;;0BAIb,qBAAC2B,UAAI;gBAAC1B,WAAWI,gCAAqB,CAACuB,OAAO;gBAAEf,GAAE;gBAAKgB,WAAU;0BAC5D/B"}

package/dist/cjs/components/Button/Button.js

@@ -10,19 +10,24 @@ Object.defineProperty(exports, "Button", {
 });
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _to_array = require("@swc/helpers/_/_to_array");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _useClickWithLoading = require("../../hooks/useClickWithLoading.js");
 var _ButtonWithDisabledTooltip = require("./ButtonWithDisabledTooltip.js");
-var Button = (0, _core.polymorphicFactory)(function(_param, ref) {
-    var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, disabledTooltipProps = _param.disabledTooltipProps, loading = _param.loading, onClick = _param.onClick, dataDisabled = _param['data-disabled'], others = _object_without_properties._(_param, [
+var Button = (0, _core.polymorphicFactory)(function(_0, _1) {
+    var _ref = [
+        _0,
+        _1
+    ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), disabledTooltip = _ref2.disabledTooltip, disabled = _ref2.disabled, disabledTooltipProps = _ref2.disabledTooltipProps, loading = _ref2.loading, onClick = _ref2.onClick, dataDisabled = _ref2['data-disabled'], others = _object_without_properties._(_ref2, [
         "disabledTooltip",
         "disabled",
         "disabledTooltipProps",
         "loading",
         "onClick",
         'data-disabled'
-    ]);
+    ]), _rest1 = _sliced_to_array._(_rest, 1), ref = _rest1[0];
     var _useClickWithLoading1 = (0, _useClickWithLoading.useClickWithLoading)(onClick), isLoading = _useClickWithLoading1.isLoading, handleClick = _useClickWithLoading1.handleClick;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ButtonWithDisabledTooltip.ButtonWithDisabledTooltip, {
         disabled: disabled || dataDisabled,
@@ -52,7 +57,7 @@ var ButtonSecondary = Button.withProps({
 });
 var ButtonTertiary = Button.withProps({
     variant: 'default',
-    vars: function(theme) {
+    vars: function vars(theme) {
         return {
             root: {
                 '--button-color': 'var(--coveo-color-text-primary)',
@@ -75,7 +80,7 @@ var ButtonDestructiveSecondary = Button.withProps({
 });
 var ButtonDestructiveTertiary = Button.withProps({
     variant: 'default',
-    vars: function(theme) {
+    vars: function vars(theme) {
         return {
             root: {
                 '--button-color': 'var(--mantine-color-error)',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n    ButtonCssVariables,\n    type ButtonGroup,\n    ButtonStylesNames,\n    ButtonVariant,\n    Factory,\n    Button as MantineButton,\n    ButtonProps as MantineButtonProps,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {ComponentType, MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading.js';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip.js';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonOverloadFactory = Factory<{\n    props: ButtonProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ButtonStylesNames;\n    vars: ButtonCssVariables;\n    variant: ButtonVariant;\n    staticComponents: {\n        Group: typeof ButtonGroup;\n        Primary: typeof ButtonPrimary;\n        Secondary: typeof ButtonSecondary;\n        Tertiary: typeof ButtonTertiary;\n        Quaternary: typeof ButtonQuaternary;\n        DestructivePrimary: typeof ButtonDestructive;\n        DestructiveSecondary: typeof ButtonDestructiveSecondary;\n        DestructiveTertiary: typeof ButtonDestructiveTertiary;\n        DestructiveQuaternary: typeof ButtonDestructiveQuaternary;\n    };\n}>;\n\nexport const Button = polymorphicFactory<ButtonOverloadFactory>(\n    (\n        {disabledTooltip, disabled, disabledTooltipProps, loading, onClick, 'data-disabled': dataDisabled, ...others},\n        ref,\n    ) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled || dataDisabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineButton\n                    loaderProps={{variant: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={dataDisabled ? (e) => e.preventDefault() : handleClick}\n                    disabled={disabled || dataDisabled}\n                    data-loading={isLoading || loading || undefined}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\nconst ButtonPrimary = Button.withProps({variant: 'filled'});\nconst ButtonSecondary = Button.withProps({\n    variant: 'light',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ButtonTertiary = Button.withProps({\n    variant: 'default',\n    vars: (theme) => ({\n        root: {\n            '--button-color': 'var(--coveo-color-text-primary)',\n            '--button-padding-x': theme.spacing.sm,\n        },\n    }),\n});\nconst ButtonQuaternary = Button.withProps({\n    variant: 'subtle',\n    color: 'var(--coveo-color-text-primary)',\n});\n\nconst ButtonDestructive = Button.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nconst ButtonDestructiveSecondary = Button.withProps({\n    variant: 'light',\n    color: 'var(--mantine-color-error)',\n});\nconst ButtonDestructiveTertiary = Button.withProps({\n    variant: 'default',\n    vars: (theme) => ({\n        root: {\n            '--button-color': 'var(--mantine-color-error)',\n            '--button-padding-x': theme.spacing.sm,\n        },\n    }),\n});\nconst ButtonDestructiveQuaternary = Button.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});\n\nButton.Group = MantineButton.Group;\nButton.Group.displayName = 'Button.Group';\nButton.Primary = ButtonPrimary;\nButton.Secondary = ButtonSecondary;\nButton.Tertiary = ButtonTertiary;\nButton.Quaternary = ButtonQuaternary;\nButton.DestructivePrimary = ButtonDestructive;\nButton.DestructiveSecondary = ButtonDestructiveSecondary;\nButton.DestructiveTertiary = ButtonDestructiveTertiary;\nButton.DestructiveQuaternary = ButtonDestructiveQuaternary;\n(ButtonPrimary as ComponentType).displayName = 'Button.Primary';\n(ButtonSecondary as ComponentType).displayName = 'Button.Secondary';\n(ButtonTertiary as ComponentType).displayName = 'Button.Tertiary';\n(ButtonQuaternary as ComponentType).displayName = 'Button.Quaternary';\n(ButtonDestructive as ComponentType).displayName = 'Button.DestructivePrimary';\n(ButtonDestructiveSecondary as ComponentType).displayName = 'Button.DestructiveSecondary';\n(ButtonDestructiveTertiary as ComponentType).displayName = 'Button.DestructiveTertiary';\n(ButtonDestructiveQuaternary as ComponentType).displayName = 'Button.DestructiveQuaternary';\n\nButton.displayName = 'Button';\n"],"names":["Button","polymorphicFactory","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineButton","loaderProps","variant","e","preventDefault","data-loading","undefined","ButtonPrimary","withProps","ButtonSecondary","color","ButtonTertiary","vars","theme","root","spacing","sm","ButtonQuaternary","ButtonDestructive","ButtonDestructiveSecondary","ButtonDestructiveTertiary","ButtonDestructiveQuaternary","Group","displayName","Primary","Secondary","Tertiary","Quaternary","DestructivePrimary","DestructiveSecondary","DestructiveTertiary","DestructiveQuaternary"],"mappings":";;;;+BAuCaA;;;eAAAA;;;;;;oBA9BN;mCAE2B;yCACsC;AA2BjE,IAAMA,SAASC,IAAAA,wBAAkB,EACpC,iBAEIC;QADCC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAS,AAAiBC,sBAAjB,kBAAkCC;QAArGN;QAAiBC;QAAUC;QAAsBC;QAASC;QAAS;;IAGpE,IAAiCG,wBAAAA,IAAAA,wCAAmB,EAACH,UAA9CI,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBT,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBS,WAAWL,OAAOK,SAAS;kBAE3B,cAAA,qBAACC,YAAa;YACVC,aAAa;gBAACC,SAAS;YAAM;YAC7Bf,KAAKA;YACLI,SAASK,aAAaL;YACtBC,SAASC,eAAe,SAACU;uBAAMA,EAAEC,cAAc;gBAAKP;YACpDR,UAAUA,YAAYI;YACtBY,gBAAcT,aAAaL,WAAWe;WAClCZ;;AAIpB;AAEJ,IAAMa,gBAAgBtB,OAAOuB,SAAS,CAAC;IAACN,SAAS;AAAQ;AACzD,IAAMO,kBAAkBxB,OAAOuB,SAAS,CAAC;IACrCN,SAAS;IACTQ,OAAO;AACX;AACA,IAAMC,iBAAiB1B,OAAOuB,SAAS,CAAC;IACpCN,SAAS;IACTU,MAAM,SAACC;eAAW;YACdC,MAAM;gBACF,kBAAkB;gBAClB,sBAAsBD,MAAME,OAAO,CAACC,EAAE;YAC1C;QACJ;;AACJ;AACA,IAAMC,mBAAmBhC,OAAOuB,SAAS,CAAC;IACtCN,SAAS;IACTQ,OAAO;AACX;AAEA,IAAMQ,oBAAoBjC,OAAOuB,SAAS,CAAC;IAACN,SAAS;IAAUQ,OAAO;AAA4B;AAClG,IAAMS,6BAA6BlC,OAAOuB,SAAS,CAAC;IAChDN,SAAS;IACTQ,OAAO;AACX;AACA,IAAMU,4BAA4BnC,OAAOuB,SAAS,CAAC;IAC/CN,SAAS;IACTU,MAAM,SAACC;eAAW;YACdC,MAAM;gBACF,kBAAkB;gBAClB,sBAAsBD,MAAME,OAAO,CAACC,EAAE;YAC1C;QACJ;;AACJ;AACA,IAAMK,8BAA8BpC,OAAOuB,SAAS,CAAC;IAACN,SAAS;IAAUQ,OAAO;AAA4B;AAE5GzB,OAAOqC,KAAK,GAAGtB,YAAa,CAACsB,KAAK;AAClCrC,OAAOqC,KAAK,CAACC,WAAW,GAAG;AAC3BtC,OAAOuC,OAAO,GAAGjB;AACjBtB,OAAOwC,SAAS,GAAGhB;AACnBxB,OAAOyC,QAAQ,GAAGf;AAClB1B,OAAO0C,UAAU,GAAGV;AACpBhC,OAAO2C,kBAAkB,GAAGV;AAC5BjC,OAAO4C,oBAAoB,GAAGV;AAC9BlC,OAAO6C,mBAAmB,GAAGV;AAC7BnC,OAAO8C,qBAAqB,GAAGV;AAC9Bd,cAAgCgB,WAAW,GAAG;AAC9Cd,gBAAkCc,WAAW,GAAG;AAChDZ,eAAiCY,WAAW,GAAG;AAC/CN,iBAAmCM,WAAW,GAAG;AACjDL,kBAAoCK,WAAW,GAAG;AAClDJ,2BAA6CI,WAAW,GAAG;AAC3DH,0BAA4CG,WAAW,GAAG;AAC1DF,4BAA8CE,WAAW,GAAG;AAE7DtC,OAAOsC,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n    ButtonCssVariables,\n    type ButtonGroup,\n    ButtonStylesNames,\n    ButtonVariant,\n    Factory,\n    Button as MantineButton,\n    ButtonProps as MantineButtonProps,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {ComponentType, MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading.js';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip.js';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonOverloadFactory = Factory<{\n    props: ButtonProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ButtonStylesNames;\n    vars: ButtonCssVariables;\n    variant: ButtonVariant;\n    staticComponents: {\n        Group: typeof ButtonGroup;\n        Primary: typeof ButtonPrimary;\n        Secondary: typeof ButtonSecondary;\n        Tertiary: typeof ButtonTertiary;\n        Quaternary: typeof ButtonQuaternary;\n        DestructivePrimary: typeof ButtonDestructive;\n        DestructiveSecondary: typeof ButtonDestructiveSecondary;\n        DestructiveTertiary: typeof ButtonDestructiveTertiary;\n        DestructiveQuaternary: typeof ButtonDestructiveQuaternary;\n    };\n}>;\n\nexport const Button = polymorphicFactory<ButtonOverloadFactory>(\n    (\n        {disabledTooltip, disabled, disabledTooltipProps, loading, onClick, 'data-disabled': dataDisabled, ...others},\n        ref,\n    ) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled || dataDisabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineButton\n                    loaderProps={{variant: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={dataDisabled ? (e) => e.preventDefault() : handleClick}\n                    disabled={disabled || dataDisabled}\n                    data-loading={isLoading || loading || undefined}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\nconst ButtonPrimary = Button.withProps({variant: 'filled'});\nconst ButtonSecondary = Button.withProps({\n    variant: 'light',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ButtonTertiary = Button.withProps({\n    variant: 'default',\n    vars: (theme) => ({\n        root: {\n            '--button-color': 'var(--coveo-color-text-primary)',\n            '--button-padding-x': theme.spacing.sm,\n        },\n    }),\n});\nconst ButtonQuaternary = Button.withProps({\n    variant: 'subtle',\n    color: 'var(--coveo-color-text-primary)',\n});\n\nconst ButtonDestructive = Button.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nconst ButtonDestructiveSecondary = Button.withProps({\n    variant: 'light',\n    color: 'var(--mantine-color-error)',\n});\nconst ButtonDestructiveTertiary = Button.withProps({\n    variant: 'default',\n    vars: (theme) => ({\n        root: {\n            '--button-color': 'var(--mantine-color-error)',\n            '--button-padding-x': theme.spacing.sm,\n        },\n    }),\n});\nconst ButtonDestructiveQuaternary = Button.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});\n\nButton.Group = MantineButton.Group;\nButton.Group.displayName = 'Button.Group';\nButton.Primary = ButtonPrimary;\nButton.Secondary = ButtonSecondary;\nButton.Tertiary = ButtonTertiary;\nButton.Quaternary = ButtonQuaternary;\nButton.DestructivePrimary = ButtonDestructive;\nButton.DestructiveSecondary = ButtonDestructiveSecondary;\nButton.DestructiveTertiary = ButtonDestructiveTertiary;\nButton.DestructiveQuaternary = ButtonDestructiveQuaternary;\n(ButtonPrimary as ComponentType).displayName = 'Button.Primary';\n(ButtonSecondary as ComponentType).displayName = 'Button.Secondary';\n(ButtonTertiary as ComponentType).displayName = 'Button.Tertiary';\n(ButtonQuaternary as ComponentType).displayName = 'Button.Quaternary';\n(ButtonDestructive as ComponentType).displayName = 'Button.DestructivePrimary';\n(ButtonDestructiveSecondary as ComponentType).displayName = 'Button.DestructiveSecondary';\n(ButtonDestructiveTertiary as ComponentType).displayName = 'Button.DestructiveTertiary';\n(ButtonDestructiveQuaternary as ComponentType).displayName = 'Button.DestructiveQuaternary';\n\nButton.displayName = 'Button';\n"],"names":["Button","polymorphicFactory","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","ref","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineButton","loaderProps","variant","e","preventDefault","data-loading","undefined","ButtonPrimary","withProps","ButtonSecondary","color","ButtonTertiary","vars","theme","root","spacing","sm","ButtonQuaternary","ButtonDestructive","ButtonDestructiveSecondary","ButtonDestructiveTertiary","ButtonDestructiveQuaternary","Group","displayName","Primary","Secondary","Tertiary","Quaternary","DestructivePrimary","DestructiveSecondary","DestructiveTertiary","DestructiveQuaternary"],"mappings":";;;;+BAuCaA;;;eAAAA;;;;;;;;oBA9BN;mCAE2B;yCACsC;AA2BjE,IAAMA,SAASC,IAAAA,wBAAkB,EACpC;;;;4EACKC,wBAAAA,iBAAiBC,iBAAAA,UAAUC,6BAAAA,sBAAsBC,gBAAAA,SAASC,gBAAAA,SAAS,AAAiBC,qBAAjB,kBAAkCC;;;;;;QAAlC;+CACpEC;IAEA,IAAiCC,wBAAAA,IAAAA,wCAAmB,EAACJ,UAA9CK,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBV,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBU,WAAWN,OAAOM,SAAS;kBAE3B,cAAA,qBAACC,YAAa;YACVC,aAAa;gBAACC,SAAS;YAAM;YAC7BR,KAAKA;YACLJ,SAASM,aAAaN;YACtBC,SAASC,eAAe,SAACW;uBAAMA,EAAEC,cAAc;gBAAKP;YACpDT,UAAUA,YAAYI;YACtBa,gBAAcT,aAAaN,WAAWgB;WAClCb;;AAIpB;AAEJ,IAAMc,gBAAgBtB,OAAOuB,SAAS,CAAC;IAACN,SAAS;AAAQ;AACzD,IAAMO,kBAAkBxB,OAAOuB,SAAS,CAAC;IACrCN,SAAS;IACTQ,OAAO;AACX;AACA,IAAMC,iBAAiB1B,OAAOuB,SAAS,CAAC;IACpCN,SAAS;IACTU,MAAM,SAANA,KAAOC;eAAW;YACdC,MAAM;gBACF,kBAAkB;gBAClB,sBAAsBD,MAAME,OAAO,CAACC,EAAE;YAC1C;QACJ;;AACJ;AACA,IAAMC,mBAAmBhC,OAAOuB,SAAS,CAAC;IACtCN,SAAS;IACTQ,OAAO;AACX;AAEA,IAAMQ,oBAAoBjC,OAAOuB,SAAS,CAAC;IAACN,SAAS;IAAUQ,OAAO;AAA4B;AAClG,IAAMS,6BAA6BlC,OAAOuB,SAAS,CAAC;IAChDN,SAAS;IACTQ,OAAO;AACX;AACA,IAAMU,4BAA4BnC,OAAOuB,SAAS,CAAC;IAC/CN,SAAS;IACTU,MAAM,SAANA,KAAOC;eAAW;YACdC,MAAM;gBACF,kBAAkB;gBAClB,sBAAsBD,MAAME,OAAO,CAACC,EAAE;YAC1C;QACJ;;AACJ;AACA,IAAMK,8BAA8BpC,OAAOuB,SAAS,CAAC;IAACN,SAAS;IAAUQ,OAAO;AAA4B;AAE5GzB,OAAOqC,KAAK,GAAGtB,YAAa,CAACsB,KAAK;AAClCrC,OAAOqC,KAAK,CAACC,WAAW,GAAG;AAC3BtC,OAAOuC,OAAO,GAAGjB;AACjBtB,OAAOwC,SAAS,GAAGhB;AACnBxB,OAAOyC,QAAQ,GAAGf;AAClB1B,OAAO0C,UAAU,GAAGV;AACpBhC,OAAO2C,kBAAkB,GAAGV;AAC5BjC,OAAO4C,oBAAoB,GAAGV;AAC9BlC,OAAO6C,mBAAmB,GAAGV;AAC7BnC,OAAO8C,qBAAqB,GAAGV;AAC9Bd,cAAgCgB,WAAW,GAAG;AAC9Cd,gBAAkCc,WAAW,GAAG;AAChDZ,eAAiCY,WAAW,GAAG;AAC/CN,iBAAmCM,WAAW,GAAG;AACjDL,kBAAoCK,WAAW,GAAG;AAClDJ,2BAA6CI,WAAW,GAAG;AAC3DH,0BAA4CG,WAAW,GAAG;AAC1DF,4BAA8CE,WAAW,GAAG;AAE7DtC,OAAOsC,WAAW,GAAG"}

package/dist/cjs/components/Button/ButtonWithDisabledTooltip.js

@@ -11,18 +11,23 @@ Object.defineProperty(exports, "ButtonWithDisabledTooltip", {
 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_array = require("@swc/helpers/_/_to_array");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _react = require("react");
 var _createPolymorphicComponent = require("../../utils/createPolymorphicComponent.js");
-var _ButtonWithDisabledTooltip = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-    var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, children = _param.children, disabledTooltipProps = _param.disabledTooltipProps, fullWidth = _param.fullWidth, others = _object_without_properties._(_param, [
+var _ButtonWithDisabledTooltip = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
+    var _ref = [
+        _0,
+        _1
+    ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), disabledTooltip = _ref2.disabledTooltip, disabled = _ref2.disabled, children = _ref2.children, disabledTooltipProps = _ref2.disabledTooltipProps, fullWidth = _ref2.fullWidth, others = _object_without_properties._(_ref2, [
         "disabledTooltip",
         "disabled",
         "children",
         "disabledTooltipProps",
         "fullWidth"
-    ]);
+    ]), _rest1 = _sliced_to_array._(_rest, 1), ref = _rest1[0];
     return disabledTooltip ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, _object_spread_props._(_object_spread._({
         label: disabledTooltip,
         disabled: !disabled

package/dist/cjs/components/Button/ButtonWithDisabledTooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Button/ButtonWithDisabledTooltip.tsx"],"sourcesContent":["import {Box, Tooltip, TooltipProps} from '@mantine/core';\nimport {ReactNode, forwardRef} from 'react';\n\nimport {createPolymorphicComponent} from '../../utils/createPolymorphicComponent.js';\n\nexport interface ButtonWithDisabledTooltipProps {\n    /**\n     * The tooltip message to display when disabled\n     */\n    disabledTooltip?: string;\n    /**\n     * Whether the button underneath the tooltip is disabled\n     */\n    disabled?: boolean;\n    children?: ReactNode;\n    /**\n     * Additional tooltip props to set on the disabled button tooltip\n     */\n    disabledTooltipProps?: Omit<TooltipProps, 'disabled' | 'label' | 'children'>;\n    /**\n     * Sets button width to 100% of parent element\n     */\n    fullWidth?: boolean;\n}\n\nconst _ButtonWithDisabledTooltip = forwardRef<HTMLDivElement, ButtonWithDisabledTooltipProps>(\n    ({disabledTooltip, disabled, children, disabledTooltipProps, fullWidth, ...others}, ref) =>\n        disabledTooltip ? (\n            <Tooltip label={disabledTooltip} disabled={!disabled} {...disabledTooltipProps}>\n                <Box ref={ref} style={{'&:hover': {cursor: 'not-allowed'}, width: fullWidth && '100%'}} {...others}>\n                    {children}\n                </Box>\n            </Tooltip>\n        ) : (\n            <>{children}</>\n        ),\n);\n\nexport const ButtonWithDisabledTooltip = createPolymorphicComponent<'div', ButtonWithDisabledTooltipProps>(\n    _ButtonWithDisabledTooltip,\n);\n"],"names":["ButtonWithDisabledTooltip","_ButtonWithDisabledTooltip","forwardRef","ref","disabledTooltip","disabled","children","disabledTooltipProps","fullWidth","others","Tooltip","label","Box","style","cursor","width","createPolymorphicComponent"],"mappings":";;;;+BAsCaA;;;eAAAA;;;;;;;oBAtC4B;qBACL;0CAEK;AAsBzC,IAAMC,2CAA6BC,IAAAA,iBAAU,EACzC,iBAAoFC;QAAlFC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,mBAAAA,WAAcC;QAAzEL;QAAiBC;QAAUC;QAAUC;QAAsBC;;WACzDJ,gCACI,qBAACM,aAAO;QAACC,OAAOP;QAAiBC,UAAU,CAACA;OAAcE;kBACtD,cAAA,qBAACK,SAAG;YAACT,KAAKA;YAAKU,OAAO;gBAAC,WAAW;oBAACC,QAAQ;gBAAa;gBAAGC,OAAOP,aAAa;YAAM;WAAOC;sBACvFH;;wBAIT;kBAAGA;;;AAIR,IAAMN,4BAA4BgB,IAAAA,sDAA0B,EAC/Df"}
+{"version":3,"sources":["../../../../src/components/Button/ButtonWithDisabledTooltip.tsx"],"sourcesContent":["import {Box, Tooltip, TooltipProps} from '@mantine/core';\nimport {ReactNode, forwardRef} from 'react';\n\nimport {createPolymorphicComponent} from '../../utils/createPolymorphicComponent.js';\n\nexport interface ButtonWithDisabledTooltipProps {\n    /**\n     * The tooltip message to display when disabled\n     */\n    disabledTooltip?: string;\n    /**\n     * Whether the button underneath the tooltip is disabled\n     */\n    disabled?: boolean;\n    children?: ReactNode;\n    /**\n     * Additional tooltip props to set on the disabled button tooltip\n     */\n    disabledTooltipProps?: Omit<TooltipProps, 'disabled' | 'label' | 'children'>;\n    /**\n     * Sets button width to 100% of parent element\n     */\n    fullWidth?: boolean;\n}\n\nconst _ButtonWithDisabledTooltip = forwardRef<HTMLDivElement, ButtonWithDisabledTooltipProps>(\n    ({disabledTooltip, disabled, children, disabledTooltipProps, fullWidth, ...others}, ref) =>\n        disabledTooltip ? (\n            <Tooltip label={disabledTooltip} disabled={!disabled} {...disabledTooltipProps}>\n                <Box ref={ref} style={{'&:hover': {cursor: 'not-allowed'}, width: fullWidth && '100%'}} {...others}>\n                    {children}\n                </Box>\n            </Tooltip>\n        ) : (\n            <>{children}</>\n        ),\n);\n\nexport const ButtonWithDisabledTooltip = createPolymorphicComponent<'div', ButtonWithDisabledTooltipProps>(\n    _ButtonWithDisabledTooltip,\n);\n"],"names":["ButtonWithDisabledTooltip","_ButtonWithDisabledTooltip","forwardRef","disabledTooltip","disabled","children","disabledTooltipProps","fullWidth","others","ref","Tooltip","label","Box","style","cursor","width","createPolymorphicComponent"],"mappings":";;;;+BAsCaA;;;eAAAA;;;;;;;;;oBAtC4B;qBACL;0CAEK;AAsBzC,IAAMC,2CAA6BC,IAAAA,iBAAU,EACzC;;;;4EAAEC,wBAAAA,iBAAiBC,iBAAAA,UAAUC,iBAAAA,UAAUC,6BAAAA,sBAAsBC,kBAAAA,WAAcC;;;;;;+CAASC;WAChFN,gCACI,qBAACO,aAAO;QAACC,OAAOR;QAAiBC,UAAU,CAACA;OAAcE;kBACtD,cAAA,qBAACM,SAAG;YAACH,KAAKA;YAAKI,OAAO;gBAAC,WAAW;oBAACC,QAAQ;gBAAa;gBAAGC,OAAOR,aAAa;YAAM;WAAOC;sBACvFH;;wBAIT;kBAAGA;;;AAIR,IAAML,4BAA4BgB,IAAAA,sDAA0B,EAC/Df"}

package/dist/cjs/components/CheckboxIcon/CheckboxIcon.js

@@ -12,8 +12,8 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _jsxruntime = require("react/jsx-runtime");
 var _plasmareacticons = require("@coveord/plasma-react-icons");
-var CheckboxIcon = function(_param) {
-    var indeterminate = _param.indeterminate, others = _object_without_properties._(_param, [
+var CheckboxIcon = function CheckboxIcon(_0) {
+    var indeterminate = _0.indeterminate, others = _object_without_properties._(_0, [
         "indeterminate"
     ]);
     if (indeterminate) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CheckboxIcon/CheckboxIcon.tsx"],"sourcesContent":["import {IconCheck, IconMinus} from '@coveord/plasma-react-icons';\nimport {ComponentPropsWithoutRef, FunctionComponent} from 'react';\n\ninterface CheckboxIconProps extends ComponentPropsWithoutRef<'svg'> {\n    indeterminate: boolean | undefined;\n}\n\nexport const CheckboxIcon: FunctionComponent<CheckboxIconProps> = ({indeterminate, ...others}: CheckboxIconProps) => {\n    if (indeterminate) {\n        return <IconMinus stroke={3} {...others} />;\n    }\n\n    return <IconCheck stroke={3} {...others} />;\n};\n"],"names":["CheckboxIcon","indeterminate","others","IconMinus","stroke","IconCheck"],"mappings":";;;;+BAOaA;;;eAAAA;;;;;;gCAPsB;AAO5B,IAAMA,eAAqD;QAAEC,uBAAAA,eAAkBC;QAAlBD;;IAChE,IAAIA,eAAe;QACf,qBAAO,qBAACE,2BAAS;YAACC,QAAQ;WAAOF;IACrC;IAEA,qBAAO,qBAACG,2BAAS;QAACD,QAAQ;OAAOF;AACrC"}
+{"version":3,"sources":["../../../../src/components/CheckboxIcon/CheckboxIcon.tsx"],"sourcesContent":["import {IconCheck, IconMinus} from '@coveord/plasma-react-icons';\nimport {ComponentPropsWithoutRef, FunctionComponent} from 'react';\n\ninterface CheckboxIconProps extends ComponentPropsWithoutRef<'svg'> {\n    indeterminate: boolean | undefined;\n}\n\nexport const CheckboxIcon: FunctionComponent<CheckboxIconProps> = ({indeterminate, ...others}: CheckboxIconProps) => {\n    if (indeterminate) {\n        return <IconMinus stroke={3} {...others} />;\n    }\n\n    return <IconCheck stroke={3} {...others} />;\n};\n"],"names":["CheckboxIcon","indeterminate","others","IconMinus","stroke","IconCheck"],"mappings":";;;;+BAOaA;;;eAAAA;;;;;;gCAPsB;AAO5B,IAAMA,eAAqD;QAAEC,mBAAAA,eAAkBC;;;IAClF,IAAID,eAAe;QACf,qBAAO,qBAACE,2BAAS;YAACC,QAAQ;WAAOF;IACrC;IAEA,qBAAO,qBAACG,2BAAS;QAACD,QAAQ;OAAOF;AACrC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChildForm/ChildForm.tsx"],"sourcesContent":["import {\n    Collapse,\n    CollapseProps,\n    Factory,\n    Paper,\n    polymorphicFactory,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport classes from './ChildForm.module.css';\n\nexport type ChildFormStylesNames = 'root' | 'paper';\n\nexport interface ChildFormProps extends CollapseProps, StylesApiProps<ChildFormFactory> {\n    /**\n     * Title of the child form.\n     */\n    title?: string;\n    /**\n     * Description of the child form.\n     */\n    description?: string;\n}\n\ntype ChildFormFactory = Factory<{\n    props: ChildFormProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: ChildFormStylesNames;\n}>;\n\nconst defaultProps: Partial<ChildFormProps> = {};\n\nexport const ChildForm = polymorphicFactory<ChildFormFactory>((props, ref) => {\n    const {className, children, style, classNames, styles, unstyled, vars, title, description, ...others} = useProps(\n        'ChildForm',\n        defaultProps,\n        props,\n    );\n\n    const getStyles = useStyles<ChildFormFactory>({\n        name: 'ChildForm',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n\n    return (\n        <Collapse ref={ref} {...others} {...getStyles('root')}>\n            <Paper p=\"md\" {...getStyles('paper')}>\n                {(title || description) && (\n                    <Stack gap={0} mb=\"md\">\n                        {title && <Title order={5}>{title}</Title>}\n                        {description && <Text c=\"gray.7\">{description}</Text>}\n                    </Stack>\n                )}\n                <Stack gap=\"md\">{children}</Stack>\n            </Paper>\n        </Collapse>\n    );\n});\n\nChildForm.displayName = 'ChildForm';\n"],"names":["ChildForm","defaultProps","polymorphicFactory","props","ref","useProps","className","children","style","classNames","styles","unstyled","vars","title","description","others","getStyles","useStyles","name","classes","Collapse","Paper","p","Stack","gap","mb","Title","order","Text","c","displayName"],"mappings":";;;;+BAqCaA;;;eAAAA;;;;;;;;oBAzBN;2EACa;AAsBpB,IAAMC,eAAwC,CAAC;AAExC,IAAMD,YAAYE,IAAAA,wBAAkB,EAAmB,SAACC,OAAOC;IAClE,IAAwGC,YAAAA,IAAAA,cAAQ,EAC5G,aACAJ,cACAE,QAHGG,YAAiGD,UAAjGC,WAAWC,WAAsFF,UAAtFE,UAAUC,QAA4EH,UAA5EG,OAAOC,aAAqEJ,UAArEI,YAAYC,SAAyDL,UAAzDK,QAAQC,WAAiDN,UAAjDM,UAAUC,OAAuCP,UAAvCO,MAAMC,QAAiCR,UAAjCQ,OAAOC,cAA0BT,UAA1BS,aAAgBC,sCAAUV;QAAjGC;QAAWC;QAAUC;QAAOC;QAAYC;QAAQC;QAAUC;QAAMC;QAAOC;;IAM9E,IAAME,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPhB,OAAAA;QACAG,WAAAA;QACAE,OAAAA;QACAC,YAAAA;QACAC,QAAAA;QACAC,UAAAA;QACAC,MAAAA;IACJ;IAEA,qBACI,qBAACQ,cAAQ;QAAChB,KAAKA;OAASW,QAAYC,UAAU;kBAC1C,cAAA,sBAACK,WAAK;YAACC,GAAE;WAASN,UAAU;;gBACtBH,CAAAA,SAASC,WAAU,mBACjB,sBAACS,WAAK;oBAACC,KAAK;oBAAGC,IAAG;;wBACbZ,uBAAS,qBAACa,WAAK;4BAACC,OAAO;sCAAId;;wBAC3BC,6BAAe,qBAACc,UAAI;4BAACC,GAAE;sCAAUf;;;;8BAG1C,qBAACS,WAAK;oBAACC,KAAI;8BAAMjB;;;;;AAIjC;AAEAP,UAAU8B,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/ChildForm/ChildForm.tsx"],"sourcesContent":["import {\n    Collapse,\n    CollapseProps,\n    Factory,\n    Paper,\n    polymorphicFactory,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport classes from './ChildForm.module.css';\n\nexport type ChildFormStylesNames = 'root' | 'paper';\n\nexport interface ChildFormProps extends CollapseProps, StylesApiProps<ChildFormFactory> {\n    /**\n     * Title of the child form.\n     */\n    title?: string;\n    /**\n     * Description of the child form.\n     */\n    description?: string;\n}\n\ntype ChildFormFactory = Factory<{\n    props: ChildFormProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: ChildFormStylesNames;\n}>;\n\nconst defaultProps: Partial<ChildFormProps> = {};\n\nexport const ChildForm = polymorphicFactory<ChildFormFactory>((props, ref) => {\n    const {className, children, style, classNames, styles, unstyled, vars, title, description, ...others} = useProps(\n        'ChildForm',\n        defaultProps,\n        props,\n    );\n\n    const getStyles = useStyles<ChildFormFactory>({\n        name: 'ChildForm',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n\n    return (\n        <Collapse ref={ref} {...others} {...getStyles('root')}>\n            <Paper p=\"md\" {...getStyles('paper')}>\n                {(title || description) && (\n                    <Stack gap={0} mb=\"md\">\n                        {title && <Title order={5}>{title}</Title>}\n                        {description && <Text c=\"gray.7\">{description}</Text>}\n                    </Stack>\n                )}\n                <Stack gap=\"md\">{children}</Stack>\n            </Paper>\n        </Collapse>\n    );\n});\n\nChildForm.displayName = 'ChildForm';\n"],"names":["ChildForm","defaultProps","polymorphicFactory","props","ref","useProps","className","children","style","classNames","styles","unstyled","vars","title","description","others","getStyles","useStyles","name","classes","Collapse","Paper","p","Stack","gap","mb","Title","order","Text","c","displayName"],"mappings":";;;;+BAqCaA;;;eAAAA;;;;;;;;oBAzBN;2EACa;AAsBpB,IAAMC,eAAwC,CAAC;AAExC,IAAMD,YAAYE,IAAAA,wBAAkB,EAAmB,SAACC,OAAOC;IAClE,IAAwGC,YAAAA,IAAAA,cAAQ,EAC5G,aACAJ,cACAE,QAHGG,YAAiGD,UAAjGC,WAAWC,WAAsFF,UAAtFE,UAAUC,QAA4EH,UAA5EG,OAAOC,aAAqEJ,UAArEI,YAAYC,SAAyDL,UAAzDK,QAAQC,WAAiDN,UAAjDM,UAAUC,OAAuCP,UAAvCO,MAAMC,QAAiCR,UAAjCQ,OAAOC,cAA0BT,UAA1BS,aAAgBC,sCAAUV;;;;;;;;;;;IAMxG,IAAMW,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPhB,OAAAA;QACAG,WAAAA;QACAE,OAAAA;QACAC,YAAAA;QACAC,QAAAA;QACAC,UAAAA;QACAC,MAAAA;IACJ;IAEA,qBACI,qBAACQ,cAAQ;QAAChB,KAAKA;OAASW,QAAYC,UAAU;kBAC1C,cAAA,sBAACK,WAAK;YAACC,GAAE;WAASN,UAAU;;gBACtBH,CAAAA,SAASC,WAAU,mBACjB,sBAACS,WAAK;oBAACC,KAAK;oBAAGC,IAAG;;wBACbZ,uBAAS,qBAACa,WAAK;4BAACC,OAAO;sCAAId;;wBAC3BC,6BAAe,qBAACc,UAAI;4BAACC,GAAE;sCAAUf;;;;8BAG1C,qBAACS,WAAK;oBAACC,KAAI;8BAAMjB;;;;;AAIjC;AAEAP,UAAU8B,WAAW,GAAG"}

package/dist/cjs/components/Chip/Chip.js

@@ -11,12 +11,17 @@ Object.defineProperty(exports, "Chip", {
 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_array = require("@swc/helpers/_/_to_array");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
-var Chip = (0, _core.factory)(function(_param, ref) {
-    var _variant = _param.variant, props = _object_without_properties._(_param, [
+var Chip = (0, _core.factory)(function(_0, _1) {
+    var _ref = [
+        _0,
+        _1
+    ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), _variant = _ref2.variant, props = _object_without_properties._(_ref2, [
         "variant"
-    ]);
+    ]), _rest1 = _sliced_to_array._(_rest, 1), ref = _rest1[0];
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Chip, _object_spread_props._(_object_spread._({}, props), {
         ref: ref
     }));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import {ChipFactory, ChipGroup, factory, Chip as MantineChip} from '@mantine/core';\n\nexport const Chip = factory<ChipFactory>(({variant: _variant, ...props}, ref) => <MantineChip {...props} ref={ref} />);\n\nChip.Group = ChipGroup;\n"],"names":["Chip","factory","ref","variant","_variant","props","MantineChip","Group","ChipGroup"],"mappings":";;;;+BAEaA;;;eAAAA;;;;;;;oBAFsD;AAE5D,IAAMA,OAAOC,IAAAA,aAAO,EAAc,iBAAgCC;QAA9BC,AAASC,kBAATD,SAAsBE;QAAtBF;;yBAAsC,qBAACG,UAAW,8CAAKD;QAAOH,KAAKA;;;AAE9GF,KAAKO,KAAK,GAAGC,eAAS"}
+{"version":3,"sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import {ChipFactory, ChipGroup, factory, Chip as MantineChip} from '@mantine/core';\n\nexport const Chip = factory<ChipFactory>(({variant: _variant, ...props}, ref) => <MantineChip {...props} ref={ref} />);\n\nChip.Group = ChipGroup;\n"],"names":["Chip","factory","variant","_variant","props","ref","MantineChip","Group","ChipGroup"],"mappings":";;;;+BAEaA;;;eAAAA;;;;;;;;;oBAFsD;AAE5D,IAAMA,OAAOC,IAAAA,aAAO,EAAc;;;;4EAAEC,AAASC,iBAATD,SAAsBE;;+CAAQC;yBAAQ,qBAACC,UAAW,8CAAKF;QAAOC,KAAKA;;;AAE9GL,KAAKO,KAAK,GAAGC,eAAS"}

package/dist/cjs/components/CircleLoader/CircleLoader.js

@@ -12,15 +12,20 @@ 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_array = require("@swc/helpers/_/_to_array");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _clsx = /*#__PURE__*/ _interop_require_default._(require("clsx"));
 var _react = require("react");
 var _CircleLoadermodulecss = /*#__PURE__*/ _interop_require_default._(require("./CircleLoader.module.css"));
-var CircleLoader = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-    var className = _param.className, others = _object_without_properties._(_param, [
+var CircleLoader = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
+    var _ref = [
+        _0,
+        _1
+    ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, others = _object_without_properties._(_ref2, [
         "className"
-    ]);
+    ]), _rest1 = _sliced_to_array._(_rest, 1), ref = _rest1[0];
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
         component: "span",
         className: (0, _clsx.default)(_CircleLoadermodulecss.default.root, className)

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CircleLoader/CircleLoader.tsx"],"sourcesContent":["import {Box, MantineLoaderComponent} from '@mantine/core';\nimport cx from 'clsx';\nimport {forwardRef} from 'react';\nimport classes from './CircleLoader.module.css';\n\nexport const CircleLoader: MantineLoaderComponent = forwardRef(({className, ...others}, ref) => (\n    <Box component=\"span\" className={cx(classes.root, className)} {...others} ref={ref} />\n));\n"],"names":["CircleLoader","forwardRef","ref","className","others","Box","component","cx","classes","root"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;;oBAL6B;6DAC3B;qBACU;8EACL;AAEb,IAAMA,6BAAuCC,IAAAA,iBAAU,EAAC,iBAAyBC;QAAvBC,mBAAAA,WAAcC;QAAdD;;yBAC7D,qBAACE,SAAG;QAACC,WAAU;QAAOH,WAAWI,IAAAA,aAAE,EAACC,8BAAO,CAACC,IAAI,EAAEN;OAAgBC;QAAQF,KAAKA"}
+{"version":3,"sources":["../../../../src/components/CircleLoader/CircleLoader.tsx"],"sourcesContent":["import {Box, MantineLoaderComponent} from '@mantine/core';\nimport cx from 'clsx';\nimport {forwardRef} from 'react';\nimport classes from './CircleLoader.module.css';\n\nexport const CircleLoader: MantineLoaderComponent = forwardRef(({className, ...others}, ref) => (\n    <Box component=\"span\" className={cx(classes.root, className)} {...others} ref={ref} />\n));\n"],"names":["CircleLoader","forwardRef","className","others","ref","Box","component","cx","classes","root"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;;;;oBAL6B;6DAC3B;qBACU;8EACL;AAEb,IAAMA,6BAAuCC,IAAAA,iBAAU,EAAC;;;;4EAAEC,kBAAAA,WAAcC;;+CAASC;yBACpF,qBAACC,SAAG;QAACC,WAAU;QAAOJ,WAAWK,IAAAA,aAAE,EAACC,8BAAO,CAACC,IAAI,EAAEP;OAAgBC;QAAQC,KAAKA"}

package/dist/cjs/components/CodeEditor/CodeEditor.js

@@ -35,7 +35,7 @@ var defaultProps = {
     defaultValue: '',
     minHeight: 300
 };
-var CodeEditor = function(props) {
+var CodeEditor = function CodeEditor(props) {
     var _useProps = (0, _core.useProps)('CodeEditor', defaultProps, props), language = _useProps.language, defaultValue = _useProps.defaultValue, onChange = _useProps.onChange, onCopy = _useProps.onCopy, onSearch = _useProps.onSearch, onFocus = _useProps.onFocus, value = _useProps.value, label = _useProps.label, required = _useProps.required, labelProps = _useProps.labelProps, error = _useProps.error, errorProps = _useProps.errorProps, description = _useProps.description, descriptionProps = _useProps.descriptionProps, minHeight = _useProps.minHeight, maxHeight = _useProps.maxHeight, disabled = _useProps.disabled, monacoLoader = _useProps.monacoLoader, tmp = _useProps.options, tabSize = (tmp === void 0 ? {
         tabSize: 2
     } : tmp).tabSize, editorHandle = _useProps.editorHandle, others = _object_without_properties._(_useProps, [
@@ -69,7 +69,7 @@ var CodeEditor = function(props) {
     }), 2), _value = _useUncontrolled[0], handleChange = _useUncontrolled[1];
     var _useParentHeight1 = _sliced_to_array._((0, _useParentHeight.useParentHeight)(), 2), parentHeight = _useParentHeight1[0], ref = _useParentHeight1[1];
     var editorRef = (0, _react1.useRef)(null);
-    var loadLocalMonaco = function() {
+    var loadLocalMonaco = function loadLocalMonaco() {
         return _async_to_generator._(function() {
             var monacoInstance;
             return _ts_generator._(this, function(_state) {
@@ -94,12 +94,12 @@ var CodeEditor = function(props) {
             });
         })();
     };
-    var registerLanguages = function(monaco) {
+    var registerLanguages = function registerLanguages(monaco) {
         if (monaco && language === 'xml') {
             _xml.XML.register(monaco);
         }
     };
-    var registerThemes = function(monaco) {
+    var registerThemes = function registerThemes(monaco) {
         monaco.editor.defineTheme('light', {
             base: 'vs',
             inherit: true,
@@ -109,7 +109,7 @@ var CodeEditor = function(props) {
             }
         });
     };
-    var handleSearch = function() {
+    var handleSearch = function handleSearch() {
         if (editorRef.current) {
             editorRef.current.focus();
             editorRef.current.trigger('editor', 'actions.find', '');
@@ -129,7 +129,7 @@ var CodeEditor = function(props) {
             setLoaded(true);
         }
     }, []);
-    var handleValidate = function(markers) {
+    var handleValidate = function handleValidate(markers) {
         setHasMonacoError(markers.some(function(marker) {
             return marker.severity === _monacoeditor.MarkerSeverity.Error;
         }));
@@ -163,7 +163,7 @@ var CodeEditor = function(props) {
             }),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_CopyToClipboard.CopyToClipboard, {
                 value: _value,
-                onCopy: function() {
+                onCopy: function onCopy1() {
                     return onCopy === null || onCopy === void 0 ? void 0 : onCopy();
                 }
             })
@@ -198,11 +198,11 @@ var CodeEditor = function(props) {
             },
             value: _value,
             onChange: handleChange,
-            beforeMount: function(monaco) {
+            beforeMount: function beforeMount(monaco) {
                 registerLanguages(monaco);
                 registerThemes(monaco);
             },
-            onMount: function(editor) {
+            onMount: function onMount(editor) {
                 editorRef.current = editor;
                 if (editorHandle) {
                     editorHandle.current = editor;