@coveord/plasma-mantine 56.4.0 → 56.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAGZ,kBAAkB,EAClB,yBAAyB,EAE5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,yBAAyB,EAAgB,SAAS,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpG,MAAM,WAAW,kBACb,SAAQ,IAAI,CACR,UAAU,EACR,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,MAAM,GACN,aAAa,GACb,cAAc,GACd,WAAW,GACX,QAAQ,CACb;IACD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,aAAa,GAAG,yBAAyB,CAAC,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;AA6G1G,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;IAClD,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,gBAAgB,EAAE;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B,CAAC;CACL,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;WAhBP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;aANY,aAAa;eACX,aAAa;aACf,aAAa;cACZ,aAAa;aACd,aAAa;cACZ,aAAa;CAIqF,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAGZ,kBAAkB,EAClB,yBAAyB,EAE5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,yBAAyB,EAAgB,SAAS,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpG,MAAM,WAAW,kBACb,SAAQ,IAAI,CACR,UAAU,EACR,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,MAAM,GACN,aAAa,GACb,cAAc,GACd,WAAW,GACX,QAAQ,CACb;IACD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,aAAa,GAAG,yBAAyB,CAAC,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;AAuH1G,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;IAClD,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,gBAAgB,EAAE;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B,CAAC;CACL,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;WAhBP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;aANY,aAAa;eACX,aAAa;aACf,aAAa;cACZ,aAAa;aACd,aAAa;cACZ,aAAa;CAIqF,CAAC"}

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

@@ -13,8 +13,8 @@ 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) {
-    return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
+var enhanceBadge = function(ComponentLight, ComponentDark, displayName) {
+    var EnhancedBadge = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         var computedColorScheme = (0, _core.useComputedColorScheme)('light', {
             getInitialValueInEffect: true
         });
@@ -28,6 +28,8 @@ var enhanceBadge = function(ComponentLight, ComponentDark) {
             h: props.size === 'large' ? 22 : 20
         }));
     });
+    EnhancedBadge.displayName = displayName;
+    return EnhancedBadge;
 };
 var BadgePrimary = enhanceBadge(_core.Badge.withProps({
     variant: 'light',
@@ -38,7 +40,7 @@ var BadgePrimary = enhanceBadge(_core.Badge.withProps({
     bd: "1px solid ".concat((0, _core.alpha)('var(--mantine-primary-color-3)', 0.32)),
     c: 'var(--mantine-primary-color-2)',
     bg: (0, _core.alpha)('var(--mantine-primary-color-3)', 0.32)
-}));
+}), 'Badge.Primary');
 var BadgeSecondary = enhanceBadge(_core.Badge.withProps({
     variant: 'light',
     color: 'gray',
@@ -50,7 +52,7 @@ var BadgeSecondary = enhanceBadge(_core.Badge.withProps({
     c: 'var(--mantine-color-white)',
     bd: "1px solid ".concat((0, _core.alpha)('var(--mantine-color-gray-3)', 0.16)),
     bg: (0, _core.alpha)('var(--mantine-color-gray-3)', 0.16)
-}));
+}), 'Badge.Secondary');
 var BadgeSuccess = enhanceBadge(_core.Badge.withProps({
     variant: 'light',
     color: 'green',
@@ -62,7 +64,7 @@ var BadgeSuccess = enhanceBadge(_core.Badge.withProps({
     c: 'green.2',
     bd: "1px solid ".concat((0, _core.alpha)('var(--mantine-color-green-3)', 0.16)),
     bg: (0, _core.alpha)('var(--mantine-color-green-3)', 0.16)
-}));
+}), 'Badge.Success');
 var BadgeCritical = enhanceBadge(_core.Badge.withProps({
     variant: 'light',
     color: 'critical',
@@ -74,7 +76,7 @@ var BadgeCritical = enhanceBadge(_core.Badge.withProps({
     c: 'red.2',
     bd: "1px solid ".concat((0, _core.alpha)('var(--mantine-color-red-3)', 0.16)),
     bg: (0, _core.alpha)('var(--mantine-color-red-3)', 0.16)
-}));
+}), 'Badge.Critical');
 var BadgeWarning = enhanceBadge(_core.Badge.withProps({
     variant: 'light',
     color: 'warning',
@@ -86,7 +88,7 @@ var BadgeWarning = enhanceBadge(_core.Badge.withProps({
     c: 'yellow.2',
     bd: "1px solid ".concat((0, _core.alpha)('var(--mantine-color-yellow-3)', 0.16)),
     bg: (0, _core.alpha)('var(--mantine-color-yellow-3)', 0.16)
-}));
+}), 'Badge.Warning');
 var BadgeDisabled = enhanceBadge(_core.Badge.withProps({
     variant: 'light',
     color: 'gray',
@@ -97,7 +99,7 @@ var BadgeDisabled = enhanceBadge(_core.Badge.withProps({
     color: 'gray',
     c: 'dark.3',
     bg: (0, _core.alpha)('var(--mantine-color-gray-3)', 0.16)
-}));
+}), 'Badge.Disabled');
 var Badge = (0, _core.polymorphicFactory)(function(props, ref) {
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Badge, _object_spread._({
         ref: ref

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): SemanticBadge =>\n    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\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);\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);\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);\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);\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);\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);\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","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/DateRangePicker/EditableDateRangePicker.js

@@ -29,7 +29,7 @@ var EditableDateRangePicker = function(param) {
     };
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_dates.DateInput, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_dates.DateInput, _object_spread._({
                 clearable: false,
                 label: "Start",
                 value: value === null || value === void 0 ? void 0 : value[0],
@@ -41,10 +41,9 @@ var EditableDateRangePicker = function(param) {
                             display: 'none'
                         }
                     }
-                },
-                styles: _object_spread._({}, startProps.styles)
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_dates.DateInput, {
+                }
+            }, startProps)),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_dates.DateInput, _object_spread._({
                 clearable: false,
                 label: "End",
                 value: value === null || value === void 0 ? void 0 : value[1],
@@ -56,9 +55,8 @@ var EditableDateRangePicker = function(param) {
                             display: 'none'
                         }
                     }
-                },
-                styles: _object_spread._({}, endProps.styles)
-            })
+                }
+            }, endProps))
         ]
     });
 };

package/dist/cjs/components/DateRangePicker/EditableDateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DateRangePicker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DateInput, DatePickerProps, DateStringValue, type DatesRangeValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nexport interface EditableDateRangePickerProps {\n    value: DatesRangeValue<DateStringValue | null>;\n    onChange?(value: DatesRangeValue<DateStringValue> | null): void;\n    onFocus?: () => void;\n    /**\n     * Props for the start input\n     */\n    startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n    /**\n     * Props for the end input\n     */\n    endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n    value,\n    onChange,\n    onFocus,\n    startProps = {},\n    endProps = {},\n}: EditableDateRangePickerProps) => {\n    const onChangeStart = (date: DateStringValue | null) => {\n        onChange?.([dayjs(date).startOf('day').toISOString(), value?.[1]]);\n    };\n    const onChangeEnd = (date: DateStringValue | null) => {\n        onChange?.([value?.[0], dayjs(date).endOf('day').toISOString()]);\n    };\n\n    return (\n        <>\n            <DateInput\n                clearable={false}\n                label=\"Start\"\n                value={value?.[0]}\n                onChange={onChangeStart}\n                onFocus={onFocus}\n                popoverProps={{styles: {dropdown: {display: 'none'}}}}\n                styles={{...startProps.styles}}\n            />\n            <DateInput\n                clearable={false}\n                label=\"End\"\n                value={value?.[1]}\n                onChange={onChangeEnd}\n                onFocus={onFocus}\n                popoverProps={{styles: {dropdown: {display: 'none'}}}}\n                styles={{...endProps.styles}}\n            />\n        </>\n    );\n};\nexport type {DateRangePickerPreset} from './DateRangePickerPresetSelect';\n"],"names":["EditableDateRangePicker","value","onChange","onFocus","startProps","endProps","onChangeStart","date","dayjs","startOf","toISOString","onChangeEnd","endOf","DateInput","clearable","label","popoverProps","styles","dropdown","display"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;qBAjBmE;8DAC9D;AAgBX,IAAMA,0BAA0B;QACnCC,cAAAA,OACAC,iBAAAA,UACAC,gBAAAA,mCACAC,YAAAA,4CAAa,CAAC,+CACdC,UAAAA,wCAAW,CAAC;IAEZ,IAAMC,gBAAgB,SAACC;QACnBL,qBAAAA,+BAAAA,SAAW;YAACM,IAAAA,cAAK,EAACD,MAAME,OAAO,CAAC,OAAOC,WAAW;YAAIT,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;SAAC;IACrE;IACA,IAAMU,cAAc,SAACJ;QACjBL,qBAAAA,+BAAAA,SAAW;YAACD,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;YAAEO,IAAAA,cAAK,EAACD,MAAMK,KAAK,CAAC,OAAOF,WAAW;SAAG;IACnE;IAEA,qBACI;;0BACI,qBAACG,gBAAS;gBACNC,WAAW;gBACXC,OAAM;gBACNd,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUI;gBACVH,SAASA;gBACTa,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACpDF,QAAQ,qBAAIb,WAAWa,MAAM;;0BAEjC,qBAACJ,gBAAS;gBACNC,WAAW;gBACXC,OAAM;gBACNd,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUS;gBACVR,SAASA;gBACTa,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACpDF,QAAQ,qBAAIZ,SAASY,MAAM;;;;AAI3C"}
+{"version":3,"sources":["../../../../src/components/DateRangePicker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DateInput, DatePickerProps, DateStringValue, type DatesRangeValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nexport interface EditableDateRangePickerProps {\n    value: DatesRangeValue<DateStringValue | null>;\n    onChange?(value: DatesRangeValue<DateStringValue> | null): void;\n    onFocus?: () => void;\n    /**\n     * Props for the start input\n     */\n    startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n    /**\n     * Props for the end input\n     */\n    endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n    value,\n    onChange,\n    onFocus,\n    startProps = {},\n    endProps = {},\n}: EditableDateRangePickerProps) => {\n    const onChangeStart = (date: DateStringValue | null) => {\n        onChange?.([dayjs(date).startOf('day').toISOString(), value?.[1]]);\n    };\n    const onChangeEnd = (date: DateStringValue | null) => {\n        onChange?.([value?.[0], dayjs(date).endOf('day').toISOString()]);\n    };\n\n    return (\n        <>\n            <DateInput\n                clearable={false}\n                label=\"Start\"\n                value={value?.[0]}\n                onChange={onChangeStart}\n                onFocus={onFocus}\n                popoverProps={{styles: {dropdown: {display: 'none'}}}}\n                {...startProps}\n            />\n            <DateInput\n                clearable={false}\n                label=\"End\"\n                value={value?.[1]}\n                onChange={onChangeEnd}\n                onFocus={onFocus}\n                popoverProps={{styles: {dropdown: {display: 'none'}}}}\n                {...endProps}\n            />\n        </>\n    );\n};\nexport type {DateRangePickerPreset} from './DateRangePickerPresetSelect';\n"],"names":["EditableDateRangePicker","value","onChange","onFocus","startProps","endProps","onChangeStart","date","dayjs","startOf","toISOString","onChangeEnd","endOf","DateInput","clearable","label","popoverProps","styles","dropdown","display"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;qBAjBmE;8DAC9D;AAgBX,IAAMA,0BAA0B;QACnCC,cAAAA,OACAC,iBAAAA,UACAC,gBAAAA,mCACAC,YAAAA,4CAAa,CAAC,+CACdC,UAAAA,wCAAW,CAAC;IAEZ,IAAMC,gBAAgB,SAACC;QACnBL,qBAAAA,+BAAAA,SAAW;YAACM,IAAAA,cAAK,EAACD,MAAME,OAAO,CAAC,OAAOC,WAAW;YAAIT,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;SAAC;IACrE;IACA,IAAMU,cAAc,SAACJ;QACjBL,qBAAAA,+BAAAA,SAAW;YAACD,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;YAAEO,IAAAA,cAAK,EAACD,MAAMK,KAAK,CAAC,OAAOF,WAAW;SAAG;IACnE;IAEA,qBACI;;0BACI,qBAACG,gBAAS;gBACNC,WAAW;gBACXC,OAAM;gBACNd,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUI;gBACVH,SAASA;gBACTa,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;eAChDf;0BAER,qBAACS,gBAAS;gBACNC,WAAW;gBACXC,OAAM;gBACNd,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUS;gBACVR,SAASA;gBACTa,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;eAChDd;;;AAIpB"}

package/dist/cjs/theme/Plasmantine.d.ts

@@ -1,5 +1,5 @@
+import '../styles/global.css';
 import { MantineProviderProps } from '@mantine/core';
 import { FunctionComponent } from 'react';
-import '../styles/global.css';
 export declare const Plasmantine: FunctionComponent<MantineProviderProps>;
 //# sourceMappingURL=Plasmantine.d.ts.map

package/dist/cjs/theme/Plasmantine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Plasmantine.d.ts","sourceRoot":"","sources":["../../../src/theme/Plasmantine.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,oBAAoB,EAAsB,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAKxC,OAAO,sBAAsB,CAAC;AAE9B,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,oBAAoB,CAc/D,CAAC"}
+{"version":3,"file":"Plasmantine.d.ts","sourceRoot":"","sources":["../../../src/theme/Plasmantine.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAkB,oBAAoB,EAAsB,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAKxC,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,oBAAoB,CAc/D,CAAC"}

package/dist/cjs/theme/Plasmantine.js

@@ -12,11 +12,11 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _jsxruntime = require("react/jsx-runtime");
+require("../styles/global.css");
 var _core = require("@mantine/core");
+var _mergeCSSVariablesResolvers = require("./mergeCSSVariablesResolvers.js");
 var _plasmaCSSVariablesResolver = require("./plasmaCSSVariablesResolver.js");
 var _Theme = require("./Theme.js");
-var _mergeCSSVariablesResolvers = require("./mergeCSSVariablesResolvers.js");
-require("../styles/global.css");
 var Plasmantine = function(_param) {
     var children = _param.children, externalTheme = _param.theme, externalCSSVariablesResolver = _param.cssVariablesResolver, others = _object_without_properties._(_param, [
         "children",

package/dist/cjs/theme/Plasmantine.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/Plasmantine.tsx"],"sourcesContent":["import {MantineProvider, MantineProviderProps, mergeThemeOverrides} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {plasmaCSSVariablesResolver} from './plasmaCSSVariablesResolver.js';\nimport {plasmaTheme} from './Theme.js';\nimport {mergeCSSVariablesResolvers} from './mergeCSSVariablesResolvers.js';\nimport '../styles/global.css';\n\nexport const Plasmantine: FunctionComponent<MantineProviderProps> = ({\n    children,\n    theme: externalTheme,\n    cssVariablesResolver: externalCSSVariablesResolver,\n    ...others\n}) => {\n    const theme = mergeThemeOverrides(plasmaTheme, externalTheme);\n    const cssVariablesResolver = mergeCSSVariablesResolvers(plasmaCSSVariablesResolver, externalCSSVariablesResolver);\n\n    return (\n        <MantineProvider theme={theme} cssVariablesResolver={cssVariablesResolver} {...others}>\n            {children}\n        </MantineProvider>\n    );\n};\n"],"names":["Plasmantine","children","theme","externalTheme","cssVariablesResolver","externalCSSVariablesResolver","others","mergeThemeOverrides","plasmaTheme","mergeCSSVariablesResolvers","plasmaCSSVariablesResolver","MantineProvider"],"mappings":";;;;+BAQaA;;;eAAAA;;;;;;;oBAR4D;0CAGhC;qBACf;0CACe;QAClC;AAEA,IAAMA,cAAuD;QAChEC,kBAAAA,UACAC,AAAOC,uBAAPD,OACAE,AAAsBC,sCAAtBD,sBACGE;QAHHL;QACAC;QACAE;;IAGA,IAAMF,QAAQK,IAAAA,yBAAmB,EAACC,kBAAW,EAAEL;IAC/C,IAAMC,uBAAuBK,IAAAA,sDAA0B,EAACC,sDAA0B,EAAEL;IAEpF,qBACI,qBAACM,qBAAe;QAACT,OAAOA;QAAOE,sBAAsBA;OAA0BE;kBAC1EL;;AAGb"}
+{"version":3,"sources":["../../../src/theme/Plasmantine.tsx"],"sourcesContent":["import '../styles/global.css';\n\nimport {MantineProvider, MantineProviderProps, mergeThemeOverrides} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {mergeCSSVariablesResolvers} from './mergeCSSVariablesResolvers.js';\nimport {plasmaCSSVariablesResolver} from './plasmaCSSVariablesResolver.js';\nimport {plasmaTheme} from './Theme.js';\n\nexport const Plasmantine: FunctionComponent<MantineProviderProps> = ({\n    children,\n    theme: externalTheme,\n    cssVariablesResolver: externalCSSVariablesResolver,\n    ...others\n}) => {\n    const theme = mergeThemeOverrides(plasmaTheme, externalTheme);\n    const cssVariablesResolver = mergeCSSVariablesResolvers(plasmaCSSVariablesResolver, externalCSSVariablesResolver);\n\n    return (\n        <MantineProvider theme={theme} cssVariablesResolver={cssVariablesResolver} {...others}>\n            {children}\n        </MantineProvider>\n    );\n};\n"],"names":["Plasmantine","children","theme","externalTheme","cssVariablesResolver","externalCSSVariablesResolver","others","mergeThemeOverrides","plasmaTheme","mergeCSSVariablesResolvers","plasmaCSSVariablesResolver","MantineProvider"],"mappings":";;;;+BAQaA;;;eAAAA;;;;;;;QARN;oBAEkE;0CAEhC;0CACA;qBACf;AAEnB,IAAMA,cAAuD;QAChEC,kBAAAA,UACAC,AAAOC,uBAAPD,OACAE,AAAsBC,sCAAtBD,sBACGE;QAHHL;QACAC;QACAE;;IAGA,IAAMF,QAAQK,IAAAA,yBAAmB,EAACC,kBAAW,EAAEL;IAC/C,IAAMC,uBAAuBK,IAAAA,sDAA0B,EAACC,sDAA0B,EAAEL;IAEpF,qBACI,qBAACM,qBAAe;QAACT,OAAOA;QAAOE,sBAAsBA;OAA0BE;kBAC1EL;;AAGb"}

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAGZ,kBAAkB,EAClB,yBAAyB,EAE5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,yBAAyB,EAAgB,SAAS,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpG,MAAM,WAAW,kBACb,SAAQ,IAAI,CACR,UAAU,EACR,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,MAAM,GACN,aAAa,GACb,cAAc,GACd,WAAW,GACX,QAAQ,CACb;IACD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,aAAa,GAAG,yBAAyB,CAAC,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;AA6G1G,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;IAClD,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,gBAAgB,EAAE;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B,CAAC;CACL,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;WAhBP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;aANY,aAAa;eACX,aAAa;aACf,aAAa;cACZ,aAAa;aACd,aAAa;cACZ,aAAa;CAIqF,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAGZ,kBAAkB,EAClB,yBAAyB,EAE5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,yBAAyB,EAAgB,SAAS,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpG,MAAM,WAAW,kBACb,SAAQ,IAAI,CACR,UAAU,EACR,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,MAAM,GACN,aAAa,GACb,cAAc,GACd,WAAW,GACX,QAAQ,CACb;IACD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,aAAa,GAAG,yBAAyB,CAAC,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;AAuH1G,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;IAClD,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,gBAAgB,EAAE;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B,CAAC;CACL,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;WAhBP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;aANY,aAAa;eACX,aAAa;aACf,aAAa;cACZ,aAAa;aACd,aAAa;cACZ,aAAa;CAIqF,CAAC"}

package/dist/esm/components/Badge/Badge.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { alpha, Badge as MantineBadge, polymorphicFactory, useComputedColorScheme } from '@mantine/core';
 import { forwardRef } from 'react';
-const enhanceBadge = (ComponentLight, ComponentDark)=>/*#__PURE__*/ forwardRef((props, ref)=>{
+const enhanceBadge = (ComponentLight, ComponentDark, displayName)=>{
+    const EnhancedBadge = /*#__PURE__*/ forwardRef((props, ref)=>{
         const computedColorScheme = useComputedColorScheme('light', {
             getInitialValueInEffect: true
         });
@@ -15,6 +16,9 @@ const enhanceBadge = (ComponentLight, ComponentDark)=>/*#__PURE__*/ forwardRef((
             h: props.size === 'large' ? 22 : 20
         });
     });
+    EnhancedBadge.displayName = displayName;
+    return EnhancedBadge;
+};
 const BadgePrimary = enhanceBadge(MantineBadge.withProps({
     variant: 'light',
     bd: '1px solid var(--badge-bg)',
@@ -24,7 +28,7 @@ const BadgePrimary = enhanceBadge(MantineBadge.withProps({
     bd: `1px solid ${alpha('var(--mantine-primary-color-3)', 0.32)}`,
     c: 'var(--mantine-primary-color-2)',
     bg: alpha('var(--mantine-primary-color-3)', 0.32)
-}));
+}), 'Badge.Primary');
 const BadgeSecondary = enhanceBadge(MantineBadge.withProps({
     variant: 'light',
     color: 'gray',
@@ -36,7 +40,7 @@ const BadgeSecondary = enhanceBadge(MantineBadge.withProps({
     c: 'var(--mantine-color-white)',
     bd: `1px solid ${alpha('var(--mantine-color-gray-3)', 0.16)}`,
     bg: alpha('var(--mantine-color-gray-3)', 0.16)
-}));
+}), 'Badge.Secondary');
 const BadgeSuccess = enhanceBadge(MantineBadge.withProps({
     variant: 'light',
     color: 'green',
@@ -48,7 +52,7 @@ const BadgeSuccess = enhanceBadge(MantineBadge.withProps({
     c: 'green.2',
     bd: `1px solid ${alpha('var(--mantine-color-green-3)', 0.16)}`,
     bg: alpha('var(--mantine-color-green-3)', 0.16)
-}));
+}), 'Badge.Success');
 const BadgeCritical = enhanceBadge(MantineBadge.withProps({
     variant: 'light',
     color: 'critical',
@@ -60,7 +64,7 @@ const BadgeCritical = enhanceBadge(MantineBadge.withProps({
     c: 'red.2',
     bd: `1px solid ${alpha('var(--mantine-color-red-3)', 0.16)}`,
     bg: alpha('var(--mantine-color-red-3)', 0.16)
-}));
+}), 'Badge.Critical');
 const BadgeWarning = enhanceBadge(MantineBadge.withProps({
     variant: 'light',
     color: 'warning',
@@ -72,7 +76,7 @@ const BadgeWarning = enhanceBadge(MantineBadge.withProps({
     c: 'yellow.2',
     bd: `1px solid ${alpha('var(--mantine-color-yellow-3)', 0.16)}`,
     bg: alpha('var(--mantine-color-yellow-3)', 0.16)
-}));
+}), 'Badge.Warning');
 const BadgeDisabled = enhanceBadge(MantineBadge.withProps({
     variant: 'light',
     color: 'gray',
@@ -83,7 +87,7 @@ const BadgeDisabled = enhanceBadge(MantineBadge.withProps({
     color: 'gray',
     c: 'dark.3',
     bg: alpha('var(--mantine-color-gray-3)', 0.16)
-}));
+}), 'Badge.Disabled');
 export const Badge = polymorphicFactory((props, ref)=>/*#__PURE__*/ _jsx(MantineBadge, {
         ref: ref,
         ...props

package/dist/esm/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): SemanticBadge =>\n    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\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);\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);\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);\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);\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);\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);\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":["alpha","Badge","MantineBadge","polymorphicFactory","useComputedColorScheme","forwardRef","enhanceBadge","ComponentLight","ComponentDark","props","ref","computedColorScheme","getInitialValueInEffect","Component","on","py","px","size","h","BadgePrimary","withProps","variant","bd","c","bg","BadgeSecondary","color","BadgeSuccess","BadgeCritical","BadgeWarning","BadgeDisabled","Primary","Secondary","Success","Critical","Warning","Disabled"],"mappings":";AAAA,SACIA,KAAK,EAKLC,SAASC,YAAY,EACrBC,kBAAkB,EAGlBC,sBAAsB,QACnB,gBAAgB;AACvB,SAAQC,UAAU,QAA0E,QAAQ;AA+CpG,MAAMC,eAAe,CACjBC,gBACAC,8BAEAH,WAA+C,CAACI,OAAOC;QACnD,MAAMC,sBAAsBP,uBAAuB,SAAS;YAACQ,yBAAyB;QAAI;QAC1F,MAAMC,YAAY,AAACJ,CAAAA,MAAMK,EAAE,IAAIH,mBAAkB,MAAO,SAASH,gBAAgBD;QACjF,qBACI,KAACM;YACGH,KAAKA;YACJ,GAAGD,KAAK;YACTM,IAAI;YACJC,IAAI;YACJC,MAAMR,MAAMQ,IAAI,KAAK,UAAU,OAAO;YACtCC,GAAGT,MAAMQ,IAAI,KAAK,UAAU,KAAK;;IAG7C;AAEJ,MAAME,eAAeb,aACjBJ,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTC,IAAI;IACJC,GAAG;AACP,IACArB,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTC,IAAI,CAAC,UAAU,EAAEtB,MAAM,kCAAkC,OAAO;IAChEuB,GAAG;IACHC,IAAIxB,MAAM,kCAAkC;AAChD;AAEJ,MAAMyB,iBAAiBnB,aACnBJ,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPJ,IAAI;IACJC,GAAG;AACP,IACArB,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHD,IAAI,CAAC,UAAU,EAAEtB,MAAM,+BAA+B,OAAO;IAC7DwB,IAAIxB,MAAM,+BAA+B;AAC7C;AAEJ,MAAM2B,eAAerB,aACjBJ,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPJ,IAAI;IACJC,GAAG;AACP,IACArB,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHD,IAAI,CAAC,UAAU,EAAEtB,MAAM,gCAAgC,OAAO;IAC9DwB,IAAIxB,MAAM,gCAAgC;AAC9C;AAEJ,MAAM4B,gBAAgBtB,aAClBJ,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPJ,IAAI;IACJC,GAAG;AACP,IACArB,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHD,IAAI,CAAC,UAAU,EAAEtB,MAAM,8BAA8B,OAAO;IAC5DwB,IAAIxB,MAAM,8BAA8B;AAC5C;AAEJ,MAAM6B,eAAevB,aACjBJ,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPJ,IAAI;IACJC,GAAG;AACP,IACArB,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHD,IAAI,CAAC,UAAU,EAAEtB,MAAM,iCAAiC,OAAO;IAC/DwB,IAAIxB,MAAM,iCAAiC;AAC/C;AAEJ,MAAM8B,gBAAgBxB,aAClBJ,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHC,IAAI;AACR,IACAtB,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHC,IAAIxB,MAAM,+BAA+B;AAC7C;AAoBJ,OAAO,MAAMC,QAAQE,mBAAyC,CAACM,OAAOC,oBAAQ,KAACR;QAAaQ,KAAKA;QAAM,GAAGD,KAAK;QAAM;AAErHR,MAAM8B,OAAO,GAAGZ;AAChBlB,MAAM+B,SAAS,GAAGP;AAClBxB,MAAMgC,OAAO,GAAGN;AAChB1B,MAAMiC,QAAQ,GAAGN;AACjB3B,MAAMkC,OAAO,GAAGN;AAChB5B,MAAMmC,QAAQ,GAAGN"}
+{"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":["alpha","Badge","MantineBadge","polymorphicFactory","useComputedColorScheme","forwardRef","enhanceBadge","ComponentLight","ComponentDark","displayName","EnhancedBadge","props","ref","computedColorScheme","getInitialValueInEffect","Component","on","py","px","size","h","BadgePrimary","withProps","variant","bd","c","bg","BadgeSecondary","color","BadgeSuccess","BadgeCritical","BadgeWarning","BadgeDisabled","Primary","Secondary","Success","Critical","Warning","Disabled"],"mappings":"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"}

package/dist/esm/components/DateRangePicker/EditableDateRangePicker.js

@@ -29,9 +29,7 @@ export const EditableDateRangePicker = ({ value, onChange, onFocus, startProps =
                         }
                     }
                 },
-                styles: {
-                    ...startProps.styles
-                }
+                ...startProps
             }),
             /*#__PURE__*/ _jsx(DateInput, {
                 clearable: false,
@@ -46,9 +44,7 @@ export const EditableDateRangePicker = ({ value, onChange, onFocus, startProps =
                         }
                     }
                 },
-                styles: {
-                    ...endProps.styles
-                }
+                ...endProps
             })
         ]
     });

package/dist/esm/components/DateRangePicker/EditableDateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DateRangePicker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DateInput, DatePickerProps, DateStringValue, type DatesRangeValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nexport interface EditableDateRangePickerProps {\n    value: DatesRangeValue<DateStringValue | null>;\n    onChange?(value: DatesRangeValue<DateStringValue> | null): void;\n    onFocus?: () => void;\n    /**\n     * Props for the start input\n     */\n    startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n    /**\n     * Props for the end input\n     */\n    endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n    value,\n    onChange,\n    onFocus,\n    startProps = {},\n    endProps = {},\n}: EditableDateRangePickerProps) => {\n    const onChangeStart = (date: DateStringValue | null) => {\n        onChange?.([dayjs(date).startOf('day').toISOString(), value?.[1]]);\n    };\n    const onChangeEnd = (date: DateStringValue | null) => {\n        onChange?.([value?.[0], dayjs(date).endOf('day').toISOString()]);\n    };\n\n    return (\n        <>\n            <DateInput\n                clearable={false}\n                label=\"Start\"\n                value={value?.[0]}\n                onChange={onChangeStart}\n                onFocus={onFocus}\n                popoverProps={{styles: {dropdown: {display: 'none'}}}}\n                styles={{...startProps.styles}}\n            />\n            <DateInput\n                clearable={false}\n                label=\"End\"\n                value={value?.[1]}\n                onChange={onChangeEnd}\n                onFocus={onFocus}\n                popoverProps={{styles: {dropdown: {display: 'none'}}}}\n                styles={{...endProps.styles}}\n            />\n        </>\n    );\n};\nexport type {DateRangePickerPreset} from './DateRangePickerPresetSelect';\n"],"names":["DateInput","dayjs","EditableDateRangePicker","value","onChange","onFocus","startProps","endProps","onChangeStart","date","startOf","toISOString","onChangeEnd","endOf","clearable","label","popoverProps","styles","dropdown","display"],"mappings":";AAAA,SAAQA,SAAS,QAA+D,iBAAiB;AACjG,OAAOC,WAAW,QAAQ;AAgB1B,OAAO,MAAMC,0BAA0B,CAAC,EACpCC,KAAK,EACLC,QAAQ,EACRC,OAAO,EACPC,aAAa,CAAC,CAAC,EACfC,WAAW,CAAC,CAAC,EACc;IAC3B,MAAMC,gBAAgB,CAACC;QACnBL,WAAW;YAACH,MAAMQ,MAAMC,OAAO,CAAC,OAAOC,WAAW;YAAIR,OAAO,CAAC,EAAE;SAAC;IACrE;IACA,MAAMS,cAAc,CAACH;QACjBL,WAAW;YAACD,OAAO,CAAC,EAAE;YAAEF,MAAMQ,MAAMI,KAAK,CAAC,OAAOF,WAAW;SAAG;IACnE;IAEA,qBACI;;0BACI,KAACX;gBACGc,WAAW;gBACXC,OAAM;gBACNZ,OAAOA,OAAO,CAAC,EAAE;gBACjBC,UAAUI;gBACVH,SAASA;gBACTW,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACpDF,QAAQ;oBAAC,GAAGX,WAAWW,MAAM;gBAAA;;0BAEjC,KAACjB;gBACGc,WAAW;gBACXC,OAAM;gBACNZ,OAAOA,OAAO,CAAC,EAAE;gBACjBC,UAAUQ;gBACVP,SAASA;gBACTW,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACpDF,QAAQ;oBAAC,GAAGV,SAASU,MAAM;gBAAA;;;;AAI3C,EAAE"}
+{"version":3,"sources":["../../../../src/components/DateRangePicker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DateInput, DatePickerProps, DateStringValue, type DatesRangeValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nexport interface EditableDateRangePickerProps {\n    value: DatesRangeValue<DateStringValue | null>;\n    onChange?(value: DatesRangeValue<DateStringValue> | null): void;\n    onFocus?: () => void;\n    /**\n     * Props for the start input\n     */\n    startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n    /**\n     * Props for the end input\n     */\n    endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n    value,\n    onChange,\n    onFocus,\n    startProps = {},\n    endProps = {},\n}: EditableDateRangePickerProps) => {\n    const onChangeStart = (date: DateStringValue | null) => {\n        onChange?.([dayjs(date).startOf('day').toISOString(), value?.[1]]);\n    };\n    const onChangeEnd = (date: DateStringValue | null) => {\n        onChange?.([value?.[0], dayjs(date).endOf('day').toISOString()]);\n    };\n\n    return (\n        <>\n            <DateInput\n                clearable={false}\n                label=\"Start\"\n                value={value?.[0]}\n                onChange={onChangeStart}\n                onFocus={onFocus}\n                popoverProps={{styles: {dropdown: {display: 'none'}}}}\n                {...startProps}\n            />\n            <DateInput\n                clearable={false}\n                label=\"End\"\n                value={value?.[1]}\n                onChange={onChangeEnd}\n                onFocus={onFocus}\n                popoverProps={{styles: {dropdown: {display: 'none'}}}}\n                {...endProps}\n            />\n        </>\n    );\n};\nexport type {DateRangePickerPreset} from './DateRangePickerPresetSelect';\n"],"names":["DateInput","dayjs","EditableDateRangePicker","value","onChange","onFocus","startProps","endProps","onChangeStart","date","startOf","toISOString","onChangeEnd","endOf","clearable","label","popoverProps","styles","dropdown","display"],"mappings":";AAAA,SAAQA,SAAS,QAA+D,iBAAiB;AACjG,OAAOC,WAAW,QAAQ;AAgB1B,OAAO,MAAMC,0BAA0B,CAAC,EACpCC,KAAK,EACLC,QAAQ,EACRC,OAAO,EACPC,aAAa,CAAC,CAAC,EACfC,WAAW,CAAC,CAAC,EACc;IAC3B,MAAMC,gBAAgB,CAACC;QACnBL,WAAW;YAACH,MAAMQ,MAAMC,OAAO,CAAC,OAAOC,WAAW;YAAIR,OAAO,CAAC,EAAE;SAAC;IACrE;IACA,MAAMS,cAAc,CAACH;QACjBL,WAAW;YAACD,OAAO,CAAC,EAAE;YAAEF,MAAMQ,MAAMI,KAAK,CAAC,OAAOF,WAAW;SAAG;IACnE;IAEA,qBACI;;0BACI,KAACX;gBACGc,WAAW;gBACXC,OAAM;gBACNZ,OAAOA,OAAO,CAAC,EAAE;gBACjBC,UAAUI;gBACVH,SAASA;gBACTW,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACnD,GAAGb,UAAU;;0BAElB,KAACN;gBACGc,WAAW;gBACXC,OAAM;gBACNZ,OAAOA,OAAO,CAAC,EAAE;gBACjBC,UAAUQ;gBACVP,SAASA;gBACTW,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACnD,GAAGZ,QAAQ;;;;AAI5B,EAAE"}

package/dist/esm/theme/Plasmantine.d.ts

@@ -1,5 +1,5 @@
+import '../styles/global.css';
 import { MantineProviderProps } from '@mantine/core';
 import { FunctionComponent } from 'react';
-import '../styles/global.css';
 export declare const Plasmantine: FunctionComponent<MantineProviderProps>;
 //# sourceMappingURL=Plasmantine.d.ts.map

package/dist/esm/theme/Plasmantine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Plasmantine.d.ts","sourceRoot":"","sources":["../../../src/theme/Plasmantine.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,oBAAoB,EAAsB,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAKxC,OAAO,sBAAsB,CAAC;AAE9B,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,oBAAoB,CAc/D,CAAC"}
+{"version":3,"file":"Plasmantine.d.ts","sourceRoot":"","sources":["../../../src/theme/Plasmantine.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAkB,oBAAoB,EAAsB,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAKxC,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,oBAAoB,CAc/D,CAAC"}

package/dist/esm/theme/Plasmantine.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import '../styles/global.css';
 import { MantineProvider, mergeThemeOverrides } from '@mantine/core';
+import { mergeCSSVariablesResolvers } from './mergeCSSVariablesResolvers.js';
 import { plasmaCSSVariablesResolver } from './plasmaCSSVariablesResolver.js';
 import { plasmaTheme } from './Theme.js';
-import { mergeCSSVariablesResolvers } from './mergeCSSVariablesResolvers.js';
-import '../styles/global.css';
 export const Plasmantine = ({ children, theme: externalTheme, cssVariablesResolver: externalCSSVariablesResolver, ...others })=>{
     const theme = mergeThemeOverrides(plasmaTheme, externalTheme);
     const cssVariablesResolver = mergeCSSVariablesResolvers(plasmaCSSVariablesResolver, externalCSSVariablesResolver);

package/dist/esm/theme/Plasmantine.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/Plasmantine.tsx"],"sourcesContent":["import {MantineProvider, MantineProviderProps, mergeThemeOverrides} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {plasmaCSSVariablesResolver} from './plasmaCSSVariablesResolver.js';\nimport {plasmaTheme} from './Theme.js';\nimport {mergeCSSVariablesResolvers} from './mergeCSSVariablesResolvers.js';\nimport '../styles/global.css';\n\nexport const Plasmantine: FunctionComponent<MantineProviderProps> = ({\n    children,\n    theme: externalTheme,\n    cssVariablesResolver: externalCSSVariablesResolver,\n    ...others\n}) => {\n    const theme = mergeThemeOverrides(plasmaTheme, externalTheme);\n    const cssVariablesResolver = mergeCSSVariablesResolvers(plasmaCSSVariablesResolver, externalCSSVariablesResolver);\n\n    return (\n        <MantineProvider theme={theme} cssVariablesResolver={cssVariablesResolver} {...others}>\n            {children}\n        </MantineProvider>\n    );\n};\n"],"names":["MantineProvider","mergeThemeOverrides","plasmaCSSVariablesResolver","plasmaTheme","mergeCSSVariablesResolvers","Plasmantine","children","theme","externalTheme","cssVariablesResolver","externalCSSVariablesResolver","others"],"mappings":";AAAA,SAAQA,eAAe,EAAwBC,mBAAmB,QAAO,gBAAgB;AAGzF,SAAQC,0BAA0B,QAAO,kCAAkC;AAC3E,SAAQC,WAAW,QAAO,aAAa;AACvC,SAAQC,0BAA0B,QAAO,kCAAkC;AAC3E,OAAO,uBAAuB;AAE9B,OAAO,MAAMC,cAAuD,CAAC,EACjEC,QAAQ,EACRC,OAAOC,aAAa,EACpBC,sBAAsBC,4BAA4B,EAClD,GAAGC,QACN;IACG,MAAMJ,QAAQN,oBAAoBE,aAAaK;IAC/C,MAAMC,uBAAuBL,2BAA2BF,4BAA4BQ;IAEpF,qBACI,KAACV;QAAgBO,OAAOA;QAAOE,sBAAsBA;QAAuB,GAAGE,MAAM;kBAChFL;;AAGb,EAAE"}
+{"version":3,"sources":["../../../src/theme/Plasmantine.tsx"],"sourcesContent":["import '../styles/global.css';\n\nimport {MantineProvider, MantineProviderProps, mergeThemeOverrides} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {mergeCSSVariablesResolvers} from './mergeCSSVariablesResolvers.js';\nimport {plasmaCSSVariablesResolver} from './plasmaCSSVariablesResolver.js';\nimport {plasmaTheme} from './Theme.js';\n\nexport const Plasmantine: FunctionComponent<MantineProviderProps> = ({\n    children,\n    theme: externalTheme,\n    cssVariablesResolver: externalCSSVariablesResolver,\n    ...others\n}) => {\n    const theme = mergeThemeOverrides(plasmaTheme, externalTheme);\n    const cssVariablesResolver = mergeCSSVariablesResolvers(plasmaCSSVariablesResolver, externalCSSVariablesResolver);\n\n    return (\n        <MantineProvider theme={theme} cssVariablesResolver={cssVariablesResolver} {...others}>\n            {children}\n        </MantineProvider>\n    );\n};\n"],"names":["MantineProvider","mergeThemeOverrides","mergeCSSVariablesResolvers","plasmaCSSVariablesResolver","plasmaTheme","Plasmantine","children","theme","externalTheme","cssVariablesResolver","externalCSSVariablesResolver","others"],"mappings":";AAAA,OAAO,uBAAuB;AAE9B,SAAQA,eAAe,EAAwBC,mBAAmB,QAAO,gBAAgB;AAEzF,SAAQC,0BAA0B,QAAO,kCAAkC;AAC3E,SAAQC,0BAA0B,QAAO,kCAAkC;AAC3E,SAAQC,WAAW,QAAO,aAAa;AAEvC,OAAO,MAAMC,cAAuD,CAAC,EACjEC,QAAQ,EACRC,OAAOC,aAAa,EACpBC,sBAAsBC,4BAA4B,EAClD,GAAGC,QACN;IACG,MAAMJ,QAAQN,oBAAoBG,aAAaI;IAC/C,MAAMC,uBAAuBP,2BAA2BC,4BAA4BO;IAEpF,qBACI,KAACV;QAAgBO,OAAOA;QAAOE,sBAAsBA;QAAuB,GAAGE,MAAM;kBAChFL;;AAGb,EAAE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "56.4.0",
+  "version": "56.8.0",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -81,8 +81,8 @@
     "fast-deep-equal": "3.1.3",
     "lodash.defaultsdeep": "4.6.1",
     "monaco-editor": "0.54.0",
-    "@coveord/plasma-react-icons": "56.4.0",
-    "@coveord/plasma-tokens": "56.4.0"
+    "@coveord/plasma-react-icons": "56.5.0",
+    "@coveord/plasma-tokens": "56.5.0"
   },
   "devDependencies": {
     "@mantine/carousel": "8.3.6",

package/src/components/Badge/Badge.tsx

@@ -60,8 +60,9 @@ export type SemanticBadge = ForwardRefExoticComponent<SemanticBadgeProps & RefAt
 const enhanceBadge = (
     ComponentLight: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,
     ComponentDark: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,
-): SemanticBadge =>
-    forwardRef<HTMLDivElement, SemanticBadgeProps>((props, ref) => {
+    displayName: string,
+): SemanticBadge => {
+    const EnhancedBadge = forwardRef<HTMLDivElement, SemanticBadgeProps>((props, ref) => {
         const computedColorScheme = useComputedColorScheme('light', {getInitialValueInEffect: true});
         const Component = (props.on || computedColorScheme) === 'dark' ? ComponentDark : ComponentLight;
         return (
@@ -75,6 +76,9 @@ const enhanceBadge = (
             />
         );
     });
+    EnhancedBadge.displayName = displayName;
+    return EnhancedBadge;
+};
 
 const BadgePrimary = enhanceBadge(
     MantineBadge.withProps({
@@ -88,6 +92,7 @@ const BadgePrimary = enhanceBadge(
         c: 'var(--mantine-primary-color-2)',
         bg: alpha('var(--mantine-primary-color-3)', 0.32),
     }),
+    'Badge.Primary',
 );
 const BadgeSecondary = enhanceBadge(
     MantineBadge.withProps({
@@ -103,6 +108,7 @@ const BadgeSecondary = enhanceBadge(
         bd: `1px solid ${alpha('var(--mantine-color-gray-3)', 0.16)}`,
         bg: alpha('var(--mantine-color-gray-3)', 0.16),
     }),
+    'Badge.Secondary',
 );
 const BadgeSuccess = enhanceBadge(
     MantineBadge.withProps({
@@ -118,6 +124,7 @@ const BadgeSuccess = enhanceBadge(
         bd: `1px solid ${alpha('var(--mantine-color-green-3)', 0.16)}`,
         bg: alpha('var(--mantine-color-green-3)', 0.16),
     }),
+    'Badge.Success',
 );
 const BadgeCritical = enhanceBadge(
     MantineBadge.withProps({
@@ -133,6 +140,7 @@ const BadgeCritical = enhanceBadge(
         bd: `1px solid ${alpha('var(--mantine-color-red-3)', 0.16)}`,
         bg: alpha('var(--mantine-color-red-3)', 0.16),
     }),
+    'Badge.Critical',
 );
 const BadgeWarning = enhanceBadge(
     MantineBadge.withProps({
@@ -148,6 +156,7 @@ const BadgeWarning = enhanceBadge(
         bd: `1px solid ${alpha('var(--mantine-color-yellow-3)', 0.16)}`,
         bg: alpha('var(--mantine-color-yellow-3)', 0.16),
     }),
+    'Badge.Warning',
 );
 const BadgeDisabled = enhanceBadge(
     MantineBadge.withProps({
@@ -162,6 +171,7 @@ const BadgeDisabled = enhanceBadge(
         c: 'dark.3',
         bg: alpha('var(--mantine-color-gray-3)', 0.16),
     }),
+    'Badge.Disabled',
 );
 
 export type BadgeOverloadFactory = PolymorphicFactory<{

package/src/components/DateRangePicker/EditableDateRangePicker.tsx

@@ -38,7 +38,7 @@ export const EditableDateRangePicker = ({
                 onChange={onChangeStart}
                 onFocus={onFocus}
                 popoverProps={{styles: {dropdown: {display: 'none'}}}}
-                styles={{...startProps.styles}}
+                {...startProps}
             />
             <DateInput
                 clearable={false}
@@ -47,7 +47,7 @@ export const EditableDateRangePicker = ({
                 onChange={onChangeEnd}
                 onFocus={onFocus}
                 popoverProps={{styles: {dropdown: {display: 'none'}}}}
-                styles={{...endProps.styles}}
+                {...endProps}
             />
         </>
     );

package/src/components/DateRangePicker/__tests__/EditableDateRangePicker.spec.tsx

@@ -39,4 +39,45 @@ describe('EditableDateRangePicker', () => {
 
         expect(screen.getByTestId('json')).toHaveTextContent('["2022-01-08T00:00:00.000Z","2022-01-14T23:59:59.999Z"]');
     }, 10000);
+
+    it('accepts minDate and maxDate props for start and end inputs', async () => {
+        const user = userEvent.setup();
+        const minDate = '2022-10-10';
+        const maxDate = '2022-11-11';
+        const Fixture = () => {
+            const [value, setValue] = useState<DatesRangeValue<DateStringValue | null>>([null, null]);
+            return (
+                <>
+                    <EditableDateRangePicker
+                        value={value}
+                        onChange={setValue}
+                        startProps={{minDate, maxDate}}
+                        endProps={{minDate, maxDate}}
+                    />
+                    <code data-testid="json">{JSON.stringify(value)}</code>
+                </>
+            );
+        };
+        render(<Fixture />);
+        const startInput = screen.getByRole('textbox', {
+            name: /start/i,
+        });
+        await user.clear(startInput);
+        await user.type(startInput, 'Oct 11, 2022');
+
+        const endInput = screen.getByRole('textbox', {
+            name: /end/i,
+        });
+        await user.clear(endInput);
+        await user.type(endInput, 'Nov 10, 2022');
+
+        expect(screen.getByTestId('json')).toHaveTextContent('["2022-10-11T00:00:00.000Z","2022-11-10T23:59:59.999Z"]');
+
+        await user.clear(startInput);
+        await user.type(startInput, 'Oct 09, 2022');
+        await user.clear(endInput);
+        await user.type(endInput, 'Nov 12, 2022');
+
+        expect(screen.getByTestId('json')).toHaveTextContent('["2022-10-11T00:00:00.000Z","2022-11-10T23:59:59.999Z"]');
+    }, 10000);
 });

package/src/theme/Plasmantine.tsx

@@ -1,10 +1,10 @@
+import '../styles/global.css';
+
 import {MantineProvider, MantineProviderProps, mergeThemeOverrides} from '@mantine/core';
 import {FunctionComponent} from 'react';
-
+import {mergeCSSVariablesResolvers} from './mergeCSSVariablesResolvers.js';
 import {plasmaCSSVariablesResolver} from './plasmaCSSVariablesResolver.js';
 import {plasmaTheme} from './Theme.js';
-import {mergeCSSVariablesResolvers} from './mergeCSSVariablesResolvers.js';
-import '../styles/global.css';
 
 export const Plasmantine: FunctionComponent<MantineProviderProps> = ({
     children,