@coveord/plasma-mantine 59.7.1 → 59.8.0

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

@@ -92,8 +92,8 @@ var BadgeWarning = enhanceBadge(_core.Badge.withProps({
 var BadgeDisabled = enhanceBadge(_core.Badge.withProps({
     variant: 'light',
     color: 'gray',
-    c: 'var(--coveo-color-text-disabled)',
-    bg: 'var(--coveo-color-bg-disabled)'
+    c: 'var(--mantine-color-disabled-color)',
+    bg: 'var(--mantine-color-disabled)'
 }), _core.Badge.withProps({
     variant: 'light',
     color: 'gray',

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    ElementProps,\n    Badge as MantineBadge,\n    PolymorphicComponentProps,\n    polymorphicFactory,\n    PolymorphicFactory,\n    useComputedColorScheme,\n} from '@mantine/core';\nimport {forwardRef, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes} from 'react';\n\nexport interface SemanticBadgeProps\n    extends\n        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        ElementProps<'div'> {\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    ElementProps,\n    Badge as MantineBadge,\n    PolymorphicComponentProps,\n    polymorphicFactory,\n    PolymorphicFactory,\n    useComputedColorScheme,\n} from '@mantine/core';\nimport {forwardRef, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes} from 'react';\n\nexport interface SemanticBadgeProps\n    extends\n        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        ElementProps<'div'> {\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(--mantine-color-disabled-color)',\n        bg: 'var(--mantine-color-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/BrowserPreview/BrowserPreview.d.ts

@@ -11,5 +11,8 @@ export interface BrowserPreviewProps extends StackProps {
      */
     title?: string;
 }
-export declare const BrowserPreview: ({ children, headerTooltip, title, className, ...others }: PropsWithChildren<BrowserPreviewProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const BrowserPreview: {
+    ({ children, headerTooltip, title, className, ...others }: PropsWithChildren<BrowserPreviewProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=BrowserPreview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BrowserPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/BrowserPreview/BrowserPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAgB,MAAM,eAAe,CAAC;AAE5E,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAIxC,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACnD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,GAAI,0DAM5B,iBAAiB,CAAC,mBAAmB,CAAC,4CA6BxC,CAAC"}
+{"version":3,"file":"BrowserPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/BrowserPreview/BrowserPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAgB,MAAM,eAAe,CAAC;AAE5E,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAIxC,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACnD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc;+DAMxB,iBAAiB,CAAC,mBAAmB,CAAC;;CAsBxC,CAAC"}

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

@@ -33,48 +33,35 @@ var BrowserPreview = function BrowserPreview(_0) {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, {
                 className: _BrowserPreviewmodulecss.default.header,
-                justify: "space-between",
                 p: "sm",
                 bg: "var(--mantine-color-default-hover)",
                 wrap: "nowrap",
+                gap: "xxs",
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, {
-                        gap: "xs",
-                        wrap: "nowrap",
-                        children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, {
-                                c: "dimmed",
-                                fz: "md",
-                                lh: "18px",
-                                children: "Preview"
-                            }),
-                            !!headerTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
-                                label: headerTooltip,
-                                position: "right",
-                                maw: 400,
-                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Information, {
-                                    className: _BrowserPreviewmodulecss.default.infoIcon
-                                })
-                            })
-                        ]
-                    }),
-                    title && /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, {
                         lineClamp: 1,
-                        c: "dimmed",
-                        fz: "md",
-                        lh: "18px",
-                        children: title
+                        size: "md",
+                        children: title || 'Preview'
+                    }),
+                    !!headerTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
+                        label: headerTooltip,
+                        position: "right",
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Question, {
+                            className: _BrowserPreviewmodulecss.default.infoIcon
+                        })
                     })
                 ]
             }),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Flex, {
                 className: _BrowserPreviewmodulecss.default.content,
-                p: "lg",
+                p: "sm",
                 direction: "column",
+                bg: "var(--mantine-color-body)",
                 children: children
             })
         ]
     }));
 };
+BrowserPreview.displayName = 'BrowserPreview';
 
 //# sourceMappingURL=BrowserPreview.js.map

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.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","Information","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,CAACC,WAAW;oCAACvB,WAAWI,gCAAqB,CAACoB,QAAQ;;;;;oBAI3EzB,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            p=\"sm\"\n            bg=\"var(--mantine-color-default-hover)\"\n            wrap=\"nowrap\"\n            gap=\"xxs\"\n        >\n            <Text lineClamp={1} size=\"md\">\n                {title || 'Preview'}\n            </Text>\n            {!!headerTooltip && (\n                <Tooltip label={headerTooltip} position=\"right\">\n                    <InfoToken.Question className={BrowserPreviewClasses.infoIcon} />\n                </Tooltip>\n            )}\n        </Group>\n        <Flex className={BrowserPreviewClasses.content} p=\"sm\" direction=\"column\" bg=\"var(--mantine-color-body)\">\n            {children}\n        </Flex>\n    </Stack>\n);\n\nBrowserPreview.displayName = 'BrowserPreview';\n"],"names":["BrowserPreview","children","headerTooltip","title","className","others","Stack","cx","BrowserPreviewClasses","root","gap","maw","mih","Group","header","p","bg","wrap","Text","lineClamp","size","Tooltip","label","position","InfoToken","Question","infoIcon","Flex","content","direction","displayName"],"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,GAAE;gBACFC,IAAG;gBACHC,MAAK;gBACLP,KAAI;;kCAEJ,qBAACQ,UAAI;wBAACC,WAAW;wBAAGC,MAAK;kCACpBjB,SAAS;;oBAEb,CAAC,CAACD,+BACC,qBAACmB,aAAO;wBAACC,OAAOpB;wBAAeqB,UAAS;kCACpC,cAAA,qBAACC,oBAAS,CAACC,QAAQ;4BAACrB,WAAWI,gCAAqB,CAACkB,QAAQ;;;;;0BAIzE,qBAACC,UAAI;gBAACvB,WAAWI,gCAAqB,CAACoB,OAAO;gBAAEb,GAAE;gBAAKc,WAAU;gBAASb,IAAG;0BACxEf;;;;;AAKbD,eAAe8B,WAAW,GAAG"}

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

@@ -1,12 +1,2 @@
-import { ChipGroup } from '@mantine/core';
-export declare const Chip: import("@mantine/core").MantineComponent<{
-    props: import("@mantine/core").ChipProps;
-    ref: HTMLInputElement;
-    stylesNames: import("@mantine/core").ChipStylesNames;
-    vars: import("@mantine/core").ChipCssVariables;
-    variant: import("@mantine/core").ChipVariant;
-    staticComponents: {
-        Group: typeof ChipGroup;
-    };
-}>;
+export { Chip, type ChipFactory, ChipGroup, factory } from '@mantine/core';
 //# sourceMappingURL=Chip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAA+B,MAAM,eAAe,CAAC;AAEnF,eAAO,MAAM,IAAI;;;;;;;;;EAAqG,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,SAAS,EAAE,OAAO,EAAC,MAAM,eAAe,CAAC"}

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

@@ -2,30 +2,24 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "Chip", {
-    enumerable: true,
-    get: function() {
-        return Chip;
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Chip () {
+        return _core.Chip;
+    },
+    get ChipGroup () {
+        return _core.ChipGroup;
+    },
+    get factory () {
+        return _core.factory;
     }
 });
-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(_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
-    }));
-});
-Chip.Group = _core.ChipGroup;
+_core.Chip.displayName = 'Chip';
 
 //# sourceMappingURL=Chip.js.map

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","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"}
+{"version":3,"sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import {Chip} from '@mantine/core';\n\nChip.displayName = 'Chip';\n\nexport {Chip, type ChipFactory, ChipGroup, factory} from '@mantine/core';\n"],"names":["Chip","ChipGroup","factory","displayName"],"mappings":";;;;;;;;;;;QAIQA;eAAAA,UAAI;;QAAoBC;eAAAA,eAAS;;QAAEC;eAAAA,aAAO;;;oBAJ/B;AAEnBF,UAAI,CAACG,WAAW,GAAG"}

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

@@ -1,7 +1,7 @@
 import { BoxProps, Factory, PopoverProps, StylesApiProps } from '@mantine/core';
 import { DatesRangeValue } from '@mantine/dates';
 import dayjs from 'dayjs';
-import { DateRangePickerInlineCalendarProps } from './DateRangePickerInlineCalendar';
+import { DateRangePickerInlineCalendarProps } from './DateRangePickerInlineCalendar.js';
 export type DateRangePickerStylesNames = 'input';
 export interface DateRangePickerProps extends BoxProps, Pick<DateRangePickerInlineCalendarProps, 'presets' | 'rangeCalendarProps' | 'startProps' | 'endProps'>, Pick<PopoverProps, 'opened' | 'defaultOpened'>, StylesApiProps<DateRangePickerFactory> {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,QAAQ,EAER,OAAO,EAGP,YAAY,EACZ,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAgC,kCAAkC,EAAC,MAAM,iCAAiC,CAAC;AAgBlH,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;AAEjD,MAAM,WAAW,oBACb,SACI,QAAQ,EACR,IAAI,CAAC,kCAAkC,EAAE,SAAS,GAAG,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC,EACtG,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,eAAe,CAAC,EAC9C,cAAc,CAAC,sBAAsB,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAChD;;OAEG;IACH,cAAc,CAAC,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;IACvC;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,KAAK,MAAM,CAAC;IAC/C;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,0BAA0B,CAAC;CAC3C,CAAC,CAAC;AAOH,eAAO,MAAM,eAAe;WAVjB,oBAAoB;SACtB,iBAAiB;iBACT,0BAA0B;EA+GzC,CAAC"}
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,QAAQ,EAER,OAAO,EAGP,YAAY,EACZ,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAgC,kCAAkC,EAAC,MAAM,oCAAoC,CAAC;AAgBrH,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;AAEjD,MAAM,WAAW,oBACb,SACI,QAAQ,EACR,IAAI,CAAC,kCAAkC,EAAE,SAAS,GAAG,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC,EACtG,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,eAAe,CAAC,EAC9C,cAAc,CAAC,sBAAsB,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAChD;;OAEG;IACH,cAAc,CAAC,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;IACvC;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,KAAK,MAAM,CAAC;IAC/C;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,0BAA0B,CAAC;CAC3C,CAAC,CAAC;AAOH,eAAO,MAAM,eAAe;WAVjB,oBAAoB;SACtB,iBAAiB;iBACT,0BAA0B;EA+GzC,CAAC"}

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

@@ -18,9 +18,9 @@ var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _hooks = require("@mantine/hooks");
 var _dayjs = /*#__PURE__*/ _interop_require_default._(require("dayjs"));
-var _useurlsyncedstate = require("../../hooks/use-url-synced-state");
+var _useurlsyncedstate = require("../../hooks/use-url-synced-state.js");
 var _DateRangemodulecss = /*#__PURE__*/ _interop_require_default._(require("./DateRange.module.css"));
-var _DateRangePickerInlineCalendar = require("./DateRangePickerInlineCalendar");
+var _DateRangePickerInlineCalendar = require("./DateRangePickerInlineCalendar.js");
 var serialization = function serialization(input) {
     return Object.freeze(input);
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import {IconCalendar} from '@coveord/plasma-react-icons';\nimport {\n    BoxProps,\n    factory,\n    Factory,\n    InputBase,\n    Popover,\n    PopoverProps,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {DatesRangeValue, DateStringValue} from '@mantine/dates';\nimport {useUncontrolled} from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport {useUrlSyncedState, UseUrlSyncedStateOptions} from '../../hooks/use-url-synced-state';\nimport classes from './DateRange.module.css';\nimport {DateRangePickerInlineCalendar, DateRangePickerInlineCalendarProps} from './DateRangePickerInlineCalendar';\n\nconst serialization = (input: Pick<UseUrlSyncedStateOptions<DatesRangeValue<string>>, 'serializer' | 'deserializer'>) =>\n    Object.freeze(input);\n\nconst DATE_RANGE_SERIALIZATION = serialization({\n    serializer: ([from, to]) => [\n        ['from', from ? new Date(from).toISOString() : '', true],\n        ['to', to ? new Date(to).toISOString() : '', true],\n    ],\n    deserializer: (params, initial) => [\n        params.get('from') ? params.get('from') : initial[0],\n        params.get('to') ? params.get('to') : initial[1],\n    ],\n});\n\nexport type DateRangePickerStylesNames = 'input';\n\nexport interface DateRangePickerProps\n    extends\n        BoxProps,\n        Pick<DateRangePickerInlineCalendarProps, 'presets' | 'rangeCalendarProps' | 'startProps' | 'endProps'>,\n        Pick<PopoverProps, 'opened' | 'defaultOpened'>,\n        StylesApiProps<DateRangePickerFactory> {\n    /**\n     * Called when the target input is clicked\n     */\n    onClick?(): void;\n    /**\n     * Function called when the cancel button is clicked.\n     */\n    onCancel?(): void;\n    /**\n     * Function called when the date range value changes.\n     */\n    onChange?(dates: DatesRangeValue<string>): void;\n    /**\n     * Called when the popover opened state changes.\n     */\n    onOpenedChange?(opened: boolean): void;\n    /**\n     * Optional formatter function to format the date value.\n     * Receives the date prop and should return a string.\n     * @default (time) => dayjs(time).format('MMM D, YYYY')\n     */\n    formatter?: (time: dayjs.ConfigType) => string;\n    /**\n     * The placeholder label to display when no date range is selected.\n     *\n     * @default \"Select date range\"\n     */\n    placeholder?: string;\n    /**\n     * Default value for uncontrolled input\n     */\n    defaultValue?: DatesRangeValue<string>;\n    /**\n     * Value for controlled input\n     */\n    value?: DatesRangeValue<string>;\n    /**\n     * Sync the selected dates to URL query parameters\n     */\n    syncWithUrl?: boolean;\n    /**\n     * Error message to display.\n     */\n    error?: string;\n}\n\nexport type DateRangePickerFactory = Factory<{\n    props: DateRangePickerProps;\n    ref: HTMLButtonElement;\n    stylesNames: DateRangePickerStylesNames;\n}>;\n\nconst defaultProps: Partial<DateRangePickerProps> = {\n    placeholder: 'Select date range',\n    formatter: (time) => dayjs(time).format('MMM D, YYYY'),\n};\n\nexport const DateRangePicker = factory<DateRangePickerFactory>((props: DateRangePickerProps, ref) => {\n    const {\n        defaultValue,\n        value,\n        opened,\n        defaultOpened,\n        onOpenedChange,\n        onClick,\n        onCancel,\n        onChange,\n        presets,\n        startProps,\n        endProps,\n        rangeCalendarProps,\n        formatter,\n        placeholder,\n        syncWithUrl,\n        error,\n        className,\n        classNames,\n        style,\n        styles,\n        vars,\n        unstyled,\n        ...others\n    } = useProps('PlasmaDateRangePicker', defaultProps as Partial<DateRangePickerProps>, props);\n\n    const getStyles = useStyles<DateRangePickerFactory>({\n        name: 'DateRangePicker',\n        classes,\n        props,\n        className,\n        classNames,\n        style,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const [_opened, setOpened] = useUncontrolled({\n        value: opened,\n        defaultValue: defaultOpened,\n        finalValue: false,\n        onChange: onOpenedChange,\n    });\n\n    const [dateRange, setDateRange] = useUrlSyncedState<DatesRangeValue<string>>({\n        ...DATE_RANGE_SERIALIZATION,\n        initialState: defaultValue !== undefined ? defaultValue : [null, null],\n        sync: !!syncWithUrl,\n    });\n\n    const handleApply = (dates: DatesRangeValue<string>) => {\n        if (value === undefined) {\n            setDateRange(dates);\n        }\n        onChange?.(dates);\n        setOpened(false);\n    };\n\n    const handleClick = () => {\n        setOpened(true);\n        onClick?.();\n    };\n\n    const handleCancel = () => {\n        setOpened(false);\n        onCancel?.();\n    };\n\n    const _value = value ?? dateRange;\n    const formattedRange = `${formatter(_value[0])} - ${formatter(_value[1])}`;\n    const dateRangeInitialized = _value.every((date: DateStringValue) => typeof date === 'string' && date !== '');\n\n    return (\n        <Popover opened={_opened} onChange={setOpened}>\n            <Popover.Target>\n                <InputBase\n                    ref={ref}\n                    component=\"button\"\n                    leftSection={<IconCalendar height={16} />}\n                    onClick={handleClick}\n                    error={error}\n                    {...getStyles('input', {className, style, ...stylesApiProps})}\n                    {...others}\n                >\n                    {dateRangeInitialized ? formattedRange : placeholder}\n                </InputBase>\n            </Popover.Target>\n            <Popover.Dropdown p={0}>\n                <DateRangePickerInlineCalendar\n                    initialRange={_value}\n                    onApply={handleApply}\n                    onCancel={handleCancel}\n                    presets={presets}\n                    rangeCalendarProps={rangeCalendarProps}\n                    startProps={startProps}\n                    endProps={endProps}\n                />\n            </Popover.Dropdown>\n        </Popover>\n    );\n});\n"],"names":["DateRangePicker","serialization","input","Object","freeze","DATE_RANGE_SERIALIZATION","serializer","from","to","Date","toISOString","deserializer","params","initial","get","defaultProps","placeholder","formatter","time","dayjs","format","factory","props","ref","useProps","defaultValue","value","opened","defaultOpened","onOpenedChange","onClick","onCancel","onChange","presets","startProps","endProps","rangeCalendarProps","syncWithUrl","error","className","classNames","style","styles","vars","unstyled","others","getStyles","useStyles","name","classes","stylesApiProps","useUncontrolled","finalValue","_opened","setOpened","useUrlSyncedState","initialState","undefined","sync","dateRange","setDateRange","handleApply","dates","handleClick","handleCancel","_value","formattedRange","dateRangeInitialized","every","date","Popover","Target","InputBase","component","leftSection","IconCalendar","height","Dropdown","p","DateRangePickerInlineCalendar","initialRange","onApply"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import {IconCalendar} from '@coveord/plasma-react-icons';\nimport {\n    BoxProps,\n    factory,\n    Factory,\n    InputBase,\n    Popover,\n    PopoverProps,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {DatesRangeValue, DateStringValue} from '@mantine/dates';\nimport {useUncontrolled} from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport {useUrlSyncedState, UseUrlSyncedStateOptions} from '../../hooks/use-url-synced-state.js';\nimport classes from './DateRange.module.css';\nimport {DateRangePickerInlineCalendar, DateRangePickerInlineCalendarProps} from './DateRangePickerInlineCalendar.js';\n\nconst serialization = (input: Pick<UseUrlSyncedStateOptions<DatesRangeValue<string>>, 'serializer' | 'deserializer'>) =>\n    Object.freeze(input);\n\nconst DATE_RANGE_SERIALIZATION = serialization({\n    serializer: ([from, to]) => [\n        ['from', from ? new Date(from).toISOString() : '', true],\n        ['to', to ? new Date(to).toISOString() : '', true],\n    ],\n    deserializer: (params, initial) => [\n        params.get('from') ? params.get('from') : initial[0],\n        params.get('to') ? params.get('to') : initial[1],\n    ],\n});\n\nexport type DateRangePickerStylesNames = 'input';\n\nexport interface DateRangePickerProps\n    extends\n        BoxProps,\n        Pick<DateRangePickerInlineCalendarProps, 'presets' | 'rangeCalendarProps' | 'startProps' | 'endProps'>,\n        Pick<PopoverProps, 'opened' | 'defaultOpened'>,\n        StylesApiProps<DateRangePickerFactory> {\n    /**\n     * Called when the target input is clicked\n     */\n    onClick?(): void;\n    /**\n     * Function called when the cancel button is clicked.\n     */\n    onCancel?(): void;\n    /**\n     * Function called when the date range value changes.\n     */\n    onChange?(dates: DatesRangeValue<string>): void;\n    /**\n     * Called when the popover opened state changes.\n     */\n    onOpenedChange?(opened: boolean): void;\n    /**\n     * Optional formatter function to format the date value.\n     * Receives the date prop and should return a string.\n     * @default (time) => dayjs(time).format('MMM D, YYYY')\n     */\n    formatter?: (time: dayjs.ConfigType) => string;\n    /**\n     * The placeholder label to display when no date range is selected.\n     *\n     * @default \"Select date range\"\n     */\n    placeholder?: string;\n    /**\n     * Default value for uncontrolled input\n     */\n    defaultValue?: DatesRangeValue<string>;\n    /**\n     * Value for controlled input\n     */\n    value?: DatesRangeValue<string>;\n    /**\n     * Sync the selected dates to URL query parameters\n     */\n    syncWithUrl?: boolean;\n    /**\n     * Error message to display.\n     */\n    error?: string;\n}\n\nexport type DateRangePickerFactory = Factory<{\n    props: DateRangePickerProps;\n    ref: HTMLButtonElement;\n    stylesNames: DateRangePickerStylesNames;\n}>;\n\nconst defaultProps: Partial<DateRangePickerProps> = {\n    placeholder: 'Select date range',\n    formatter: (time) => dayjs(time).format('MMM D, YYYY'),\n};\n\nexport const DateRangePicker = factory<DateRangePickerFactory>((props: DateRangePickerProps, ref) => {\n    const {\n        defaultValue,\n        value,\n        opened,\n        defaultOpened,\n        onOpenedChange,\n        onClick,\n        onCancel,\n        onChange,\n        presets,\n        startProps,\n        endProps,\n        rangeCalendarProps,\n        formatter,\n        placeholder,\n        syncWithUrl,\n        error,\n        className,\n        classNames,\n        style,\n        styles,\n        vars,\n        unstyled,\n        ...others\n    } = useProps('PlasmaDateRangePicker', defaultProps as Partial<DateRangePickerProps>, props);\n\n    const getStyles = useStyles<DateRangePickerFactory>({\n        name: 'DateRangePicker',\n        classes,\n        props,\n        className,\n        classNames,\n        style,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const [_opened, setOpened] = useUncontrolled({\n        value: opened,\n        defaultValue: defaultOpened,\n        finalValue: false,\n        onChange: onOpenedChange,\n    });\n\n    const [dateRange, setDateRange] = useUrlSyncedState<DatesRangeValue<string>>({\n        ...DATE_RANGE_SERIALIZATION,\n        initialState: defaultValue !== undefined ? defaultValue : [null, null],\n        sync: !!syncWithUrl,\n    });\n\n    const handleApply = (dates: DatesRangeValue<string>) => {\n        if (value === undefined) {\n            setDateRange(dates);\n        }\n        onChange?.(dates);\n        setOpened(false);\n    };\n\n    const handleClick = () => {\n        setOpened(true);\n        onClick?.();\n    };\n\n    const handleCancel = () => {\n        setOpened(false);\n        onCancel?.();\n    };\n\n    const _value = value ?? dateRange;\n    const formattedRange = `${formatter(_value[0])} - ${formatter(_value[1])}`;\n    const dateRangeInitialized = _value.every((date: DateStringValue) => typeof date === 'string' && date !== '');\n\n    return (\n        <Popover opened={_opened} onChange={setOpened}>\n            <Popover.Target>\n                <InputBase\n                    ref={ref}\n                    component=\"button\"\n                    leftSection={<IconCalendar height={16} />}\n                    onClick={handleClick}\n                    error={error}\n                    {...getStyles('input', {className, style, ...stylesApiProps})}\n                    {...others}\n                >\n                    {dateRangeInitialized ? formattedRange : placeholder}\n                </InputBase>\n            </Popover.Target>\n            <Popover.Dropdown p={0}>\n                <DateRangePickerInlineCalendar\n                    initialRange={_value}\n                    onApply={handleApply}\n                    onCancel={handleCancel}\n                    presets={presets}\n                    rangeCalendarProps={rangeCalendarProps}\n                    startProps={startProps}\n                    endProps={endProps}\n                />\n            </Popover.Dropdown>\n        </Popover>\n    );\n});\n"],"names":["DateRangePicker","serialization","input","Object","freeze","DATE_RANGE_SERIALIZATION","serializer","from","to","Date","toISOString","deserializer","params","initial","get","defaultProps","placeholder","formatter","time","dayjs","format","factory","props","ref","useProps","defaultValue","value","opened","defaultOpened","onOpenedChange","onClick","onCancel","onChange","presets","startProps","endProps","rangeCalendarProps","syncWithUrl","error","className","classNames","style","styles","vars","unstyled","others","getStyles","useStyles","name","classes","stylesApiProps","useUncontrolled","finalValue","_opened","setOpened","useUrlSyncedState","initialState","undefined","sync","dateRange","setDateRange","handleApply","dates","handleClick","handleCancel","_value","formattedRange","dateRangeInitialized","every","date","Popover","Target","InputBase","component","leftSection","IconCalendar","height","Dropdown","p","DateRangePickerInlineCalendar","initialRange","onApply"],"mappings":"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"}

package/dist/cjs/components/DateRangePicker/EditableDateRangePicker.d.ts

@@ -13,5 +13,5 @@ export interface EditableDateRangePickerProps {
     endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;
 }
 export declare const EditableDateRangePicker: ({ value, onChange, onFocus, startProps, endProps, }: EditableDateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
-export type { DateRangePickerPreset } from './DateRangePickerPresetSelect';
+export type { DateRangePickerPreset } from './DateRangePickerPresetSelect.js';
 //# sourceMappingURL=EditableDateRangePicker.d.ts.map

package/dist/cjs/components/DateRangePicker/EditableDateRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/EditableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAAE,eAAe,EAAE,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAGjG,MAAM,WAAW,4BAA4B;IACzC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAC/C,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,uBAAuB,GAAI,qDAMrC,4BAA4B,4CA8B9B,CAAC;AACF,YAAY,EAAC,qBAAqB,EAAC,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/EditableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAAE,eAAe,EAAE,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAGjG,MAAM,WAAW,4BAA4B;IACzC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAC/C,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,uBAAuB,GAAI,qDAMrC,4BAA4B,4CA8B9B,CAAC;AACF,YAAY,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC"}

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                {...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,uBAACC;QACnBL,qBAAAA,+BAAAA,SAAW;YAACM,IAAAA,cAAK,EAACD,MAAME,OAAO,CAAC,OAAOC,WAAW;YAAIT,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;SAAC;IACrE;IACA,IAAMU,cAAc,qBAACJ;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"}
+{"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.js';\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,uBAACC;QACnBL,qBAAAA,+BAAAA,SAAW;YAACM,IAAAA,cAAK,EAACD,MAAME,OAAO,CAAC,OAAOC,WAAW;YAAIT,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;SAAC;IACrE;IACA,IAAMU,cAAc,qBAACJ;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/components/PrerequisitesList/PrerequisitesList.d.ts

@@ -0,0 +1,30 @@
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '@mantine/core';
+import { ReactNode } from 'react';
+import type { PrerequisitesListIconStylesNames } from './PrerequisitesListIcon.js';
+import { PrerequisitesListItem, type PrerequisitesListItemStylesNames } from './PrerequisitesListItem.js';
+export type PrerequisitesListStylesName = 'root' | PrerequisitesListItemStylesNames | PrerequisitesListIconStylesNames;
+export interface PrerequisitesListProps extends BoxProps, StylesApiProps<PrerequisitesListFactory>, ElementProps<'ul'> {
+    /**
+     * The content to display as a prerequisite.
+     */
+    children: ReactNode;
+}
+export type PrerequisitesListFactory = Factory<{
+    props: PrerequisitesListProps;
+    ref: HTMLUListElement;
+    stylesNames: PrerequisitesListStylesName;
+    vars: never;
+    staticComponents: {
+        Item: typeof PrerequisitesListItem;
+    };
+}>;
+export declare const PrerequisitesList: import("@mantine/core").MantineComponent<{
+    props: PrerequisitesListProps;
+    ref: HTMLUListElement;
+    stylesNames: PrerequisitesListStylesName;
+    vars: never;
+    staticComponents: {
+        Item: typeof PrerequisitesListItem;
+    };
+}>;
+//# sourceMappingURL=PrerequisitesList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrerequisitesList.d.ts","sourceRoot":"","sources":["../../../../src/components/PrerequisitesList/PrerequisitesList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAW,OAAO,EAAQ,cAAc,EAAsB,MAAM,eAAe,CAAC;AAClH,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAC,gCAAgC,EAAC,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAC,qBAAqB,EAAE,KAAK,gCAAgC,EAAC,MAAM,4BAA4B,CAAC;AAExG,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,gCAAgC,GAAG,gCAAgC,CAAC;AAEvH,MAAM,WAAW,sBAAuB,SAAQ,QAAQ,EAAE,cAAc,CAAC,wBAAwB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IAClH;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC;IAC3C,KAAK,EAAE,sBAAsB,CAAC;IAC9B,GAAG,EAAE,gBAAgB,CAAC;IACtB,WAAW,EAAE,2BAA2B,CAAC;IACzC,IAAI,EAAE,KAAK,CAAC;IACZ,gBAAgB,EAAE;QACd,IAAI,EAAE,OAAO,qBAAqB,CAAC;KACtC,CAAC;CACL,CAAC,CAAC;AAIH,eAAO,MAAM,iBAAiB;WAXnB,sBAAsB;SACxB,gBAAgB;iBACR,2BAA2B;UAClC,KAAK;sBACO;QACd,IAAI,EAAE,OAAO,qBAAqB,CAAC;KACtC;EAiCH,CAAC"}

package/dist/cjs/components/PrerequisitesList/PrerequisitesList.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PrerequisitesList", {
+    enumerable: true,
+    get: function() {
+        return PrerequisitesList;
+    }
+});
+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 _jsxruntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _PrerequisitesListmodulecss = /*#__PURE__*/ _interop_require_default._(require("./PrerequisitesList.module.css"));
+var _PrerequisitesListContext = require("./PrerequisitesListContext.js");
+var _PrerequisitesListItem = require("./PrerequisitesListItem.js");
+var defaultProps = {};
+var PrerequisitesList = (0, _core.factory)(function(_props, ref) {
+    var props = (0, _core.useProps)('PrerequisitesList', defaultProps, _props);
+    var children = props.children, classNames = props.classNames, className = props.className, styles = props.styles, style = props.style, unstyled = props.unstyled, _vars = props.vars, others = _object_without_properties._(props, [
+        "children",
+        "classNames",
+        "className",
+        "styles",
+        "style",
+        "unstyled",
+        "vars"
+    ]);
+    var getStyles = (0, _core.useStyles)({
+        name: 'PrerequisitesList',
+        classes: _PrerequisitesListmodulecss.default,
+        props: props,
+        className: className,
+        style: style,
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_PrerequisitesListContext.PrerequisitesListProvider, {
+        value: {
+            getStyles: getStyles
+        },
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.List, _object_spread_props._(_object_spread._(_object_spread_props._(_object_spread._({
+            ref: ref
+        }, getStyles('root')), {
+            spacing: "sm",
+            size: "sm",
+            classNames: {
+                itemIcon: getStyles('itemIcon').className
+            }
+        }), others), {
+            children: children
+        }))
+    });
+});
+PrerequisitesList.displayName = 'PrerequisitesList';
+PrerequisitesList.Item = _PrerequisitesListItem.PrerequisitesListItem;
+
+//# sourceMappingURL=PrerequisitesList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/PrerequisitesList/PrerequisitesList.tsx"],"sourcesContent":["import {BoxProps, ElementProps, factory, Factory, List, StylesApiProps, useProps, useStyles} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport classes from './PrerequisitesList.module.css';\nimport {PrerequisitesListProvider} from './PrerequisitesListContext.js';\nimport type {PrerequisitesListIconStylesNames} from './PrerequisitesListIcon.js';\nimport {PrerequisitesListItem, type PrerequisitesListItemStylesNames} from './PrerequisitesListItem.js';\n\nexport type PrerequisitesListStylesName = 'root' | PrerequisitesListItemStylesNames | PrerequisitesListIconStylesNames;\n\nexport interface PrerequisitesListProps extends BoxProps, StylesApiProps<PrerequisitesListFactory>, ElementProps<'ul'> {\n    /**\n     * The content to display as a prerequisite.\n     */\n    children: ReactNode;\n}\n\nexport type PrerequisitesListFactory = Factory<{\n    props: PrerequisitesListProps;\n    ref: HTMLUListElement;\n    stylesNames: PrerequisitesListStylesName;\n    vars: never;\n    staticComponents: {\n        Item: typeof PrerequisitesListItem;\n    };\n}>;\n\nconst defaultProps = {} satisfies Partial<PrerequisitesListProps>;\n\nexport const PrerequisitesList = factory<PrerequisitesListFactory>((_props, ref) => {\n    const props = useProps('PrerequisitesList', defaultProps, _props);\n    const {children, classNames, className, styles, style, unstyled, vars: _vars, ...others} = props;\n    const getStyles = useStyles<PrerequisitesListFactory>({\n        name: 'PrerequisitesList',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n    });\n\n    return (\n        <PrerequisitesListProvider value={{getStyles}}>\n            <List\n                ref={ref}\n                {...getStyles('root')}\n                spacing=\"sm\"\n                size=\"sm\"\n                classNames={{itemIcon: getStyles('itemIcon').className}}\n                {...others}\n            >\n                {children}\n            </List>\n        </PrerequisitesListProvider>\n    );\n});\n\nPrerequisitesList.displayName = 'PrerequisitesList';\nPrerequisitesList.Item = PrerequisitesListItem;\n"],"names":["PrerequisitesList","defaultProps","factory","_props","ref","props","useProps","children","classNames","className","styles","style","unstyled","vars","_vars","others","getStyles","useStyles","name","classes","PrerequisitesListProvider","value","List","spacing","size","itemIcon","displayName","Item","PrerequisitesListItem"],"mappings":";;;;+BA4BaA;;;eAAAA;;;;;;;;oBA5BqF;mFAE9E;wCACoB;qCAEmC;AAqB3E,IAAMC,eAAe,CAAC;AAEf,IAAMD,oBAAoBE,IAAAA,aAAO,EAA2B,SAACC,QAAQC;IACxE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,qBAAqBL,cAAcE;IAC1D,IAAOI,WAAoFF,MAApFE,UAAUC,aAA0EH,MAA1EG,YAAYC,YAA8DJ,MAA9DI,WAAWC,SAAmDL,MAAnDK,QAAQC,QAA2CN,MAA3CM,OAAOC,WAAoCP,MAApCO,UAAUC,AAAMC,QAAoBT,MAA1BQ,MAAgBE,sCAAUV;;;;;;;;;IAC3F,IAAMW,YAAYC,IAAAA,eAAS,EAA2B;QAClDC,MAAM;QACNC,SAAAA,mCAAO;QACPd,OAAAA;QACAI,WAAAA;QACAE,OAAAA;QACAH,YAAAA;QACAE,QAAAA;QACAE,UAAAA;IACJ;IAEA,qBACI,qBAACQ,mDAAyB;QAACC,OAAO;YAACL,WAAAA;QAAS;kBACxC,cAAA,qBAACM,UAAI;YACDlB,KAAKA;WACDY,UAAU;YACdO,SAAQ;YACRC,MAAK;YACLhB,YAAY;gBAACiB,UAAUT,UAAU,YAAYP,SAAS;YAAA;YAClDM;sBAEHR;;;AAIjB;AAEAP,kBAAkB0B,WAAW,GAAG;AAChC1B,kBAAkB2B,IAAI,GAAGC,4CAAqB"}

package/dist/cjs/components/PrerequisitesList/PrerequisitesList.module.css

@@ -0,0 +1,16 @@
+.root {
+    --list-marker-gap: var(--mantine-spacing-sm);
+}
+
+.item {
+    font-weight: var(--coveo-fw-bold);
+}
+
+.icon {
+    height: 24px;
+    width: 24px;
+}
+
+.itemIcon {
+    margin-inline-end: var(--mantine-spacing-sm);
+}

package/dist/cjs/components/PrerequisitesList/PrerequisitesListContext.d.ts

@@ -0,0 +1,11 @@
+import { GetStylesApi } from '@mantine/core';
+import type { PrerequisitesListFactory } from './PrerequisitesList.js';
+interface PrerequisitesListContextType {
+    getStyles: GetStylesApi<PrerequisitesListFactory>;
+}
+export declare const PrerequisitesListProvider: ({ children, value }: {
+    value: PrerequisitesListContextType;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, usePrerequisitesListContext: () => PrerequisitesListContextType;
+export {};
+//# sourceMappingURL=PrerequisitesListContext.d.ts.map

package/dist/cjs/components/PrerequisitesList/PrerequisitesListContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrerequisitesListContext.d.ts","sourceRoot":"","sources":["../../../../src/components/PrerequisitesList/PrerequisitesListContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAErE,UAAU,4BAA4B;IAClC,SAAS,EAAE,YAAY,CAAC,wBAAwB,CAAC,CAAC;CACrD;AAED,eAAO,MAAO,yBAAyB;;;+CAAE,2BAA2B,oCAEnE,CAAC"}

package/dist/cjs/components/PrerequisitesList/PrerequisitesListContext.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get PrerequisitesListProvider () {
+        return PrerequisitesListProvider;
+    },
+    get usePrerequisitesListContext () {
+        return usePrerequisitesListContext;
+    }
+});
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _core = require("@mantine/core");
+var _createSafeContext = _sliced_to_array._((0, _core.createSafeContext)('PrerequisitesList component was not found in tree'), 2);
+var PrerequisitesListProvider = _createSafeContext[0], usePrerequisitesListContext = _createSafeContext[1];
+
+//# sourceMappingURL=PrerequisitesListContext.js.map

package/dist/cjs/components/PrerequisitesList/PrerequisitesListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/PrerequisitesList/PrerequisitesListContext.tsx"],"sourcesContent":["import {createSafeContext, GetStylesApi} from '@mantine/core';\nimport type {PrerequisitesListFactory} from './PrerequisitesList.js';\n\ninterface PrerequisitesListContextType {\n    getStyles: GetStylesApi<PrerequisitesListFactory>;\n}\n\nexport const [PrerequisitesListProvider, usePrerequisitesListContext] = createSafeContext<PrerequisitesListContextType>(\n    'PrerequisitesList component was not found in tree',\n);\n"],"names":["PrerequisitesListProvider","usePrerequisitesListContext","createSafeContext"],"mappings":";;;;;;;;;;;QAOcA;eAAAA;;QAA2BC;eAAAA;;;;oBAPK;IAO0BC,wCAAAA,IAAAA,uBAAiB,EACrF;AADG,IAAOF,4BAA0DE,uBAA/BD,8BAA+BC"}

package/dist/cjs/components/PrerequisitesList/PrerequisitesListIcon.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps, ElementProps } from '@mantine/core';
+export type PrerequisitesListIconStylesNames = 'icon';
+export type PrerequisitesListIconVariant = 'complete' | 'incomplete';
+interface PrerequisitesListIconProps extends BoxProps, ElementProps<'div'> {
+    variant: PrerequisitesListIconVariant;
+}
+export declare const PrerequisitesListIcon: import("react").ForwardRefExoticComponent<PrerequisitesListIconProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=PrerequisitesListIcon.d.ts.map

package/dist/cjs/components/PrerequisitesList/PrerequisitesListIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrerequisitesListIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/PrerequisitesList/PrerequisitesListIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAM,QAAQ,EAAE,YAAY,EAAyB,MAAM,eAAe,CAAC;AAIlF,MAAM,MAAM,gCAAgC,GAAG,MAAM,CAAC;AACtD,MAAM,MAAM,4BAA4B,GAAG,UAAU,GAAG,YAAY,CAAC;AAErE,UAAU,0BAA2B,SAAQ,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC;IACtE,OAAO,EAAE,4BAA4B,CAAC;CACzC;AAcD,eAAO,MAAM,qBAAqB,uHAWhC,CAAC"}

package/dist/cjs/components/PrerequisitesList/PrerequisitesListIcon.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PrerequisitesListIcon", {
+    enumerable: true,
+    get: function() {
+        return PrerequisitesListIcon;
+    }
+});
+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");
+var _plasmareacticons = require("@coveord/plasma-react-icons");
+var _core = require("@mantine/core");
+var _react = require("react");
+var _PrerequisitesListContext = require("./PrerequisitesListContext.js");
+var defaultProps = {};
+var iconMapping = {
+    complete: _plasmareacticons.IconCircleCheckFilled,
+    incomplete: _plasmareacticons.IconCircleDotFilled
+};
+var colorMapping = {
+    complete: 'green',
+    incomplete: 'var(--mantine-color-placeholder)'
+};
+var PrerequisitesListIcon = /*#__PURE__*/ (0, _react.forwardRef)(function(_props, ref) {
+    var props = (0, _core.useProps)('PrerequisitesListIcon', defaultProps, _props);
+    var className = props.className, style = props.style, variant = props.variant, others = _object_without_properties._(props, [
+        "className",
+        "style",
+        "variant"
+    ]);
+    var ctx = (0, _PrerequisitesListContext.usePrerequisitesListContext)();
+    var IconComponent = iconMapping[variant];
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
+        ref: ref
+    }, ctx.getStyles('icon', {
+        className: className,
+        style: style
+    }), others), {
+        c: colorMapping[variant],
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(IconComponent, {
+            size: 24,
+            role: "img",
+            "aria-label": variant
+        })
+    }));
+});
+
+//# sourceMappingURL=PrerequisitesListIcon.js.map