@coveord/plasma-mantine 55.8.0 → 55.8.2

package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { polymorphicFactory, Text } from '@mantine/core';
+import { useHeaderContext } from '../Header.context';
+export const HeaderBreadcrumbText = polymorphicFactory((props, ref)=>{
+    const { className, classNames, styles, style, ...others } = props;
+    const ctx = useHeaderContext();
+    return /*#__PURE__*/ _jsx(Text, {
+        ref: ref,
+        inherit: true,
+        ...ctx.getStyles('breadcrumbText', {
+            className,
+            classNames,
+            styles,
+            style,
+            props
+        }),
+        ...others
+    });
+});
+HeaderBreadcrumbText.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbText';
+
+//# sourceMappingURL=HeaderBreadcrumbText.js.map

package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.tsx"],"sourcesContent":["import {type PolymorphicFactory, polymorphicFactory, Text, type TextProps} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderBreadcrumbTextStyleNames = 'breadcrumbText';\n\nexport type HeaderBreadcrumbTextFactory = PolymorphicFactory<{\n    props: TextProps;\n    ref: HTMLParagraphElement;\n    stylesNames: HeaderBreadcrumbTextStyleNames;\n    compound: true;\n    defaultComponent: 'p';\n    defaultRef: HTMLParagraphElement;\n}>;\n\nexport const HeaderBreadcrumbText = polymorphicFactory<HeaderBreadcrumbTextFactory>((props, ref) => {\n    const {className, classNames, styles, style, ...others} = props;\n    const ctx = useHeaderContext();\n\n    return (\n        <Text\n            ref={ref}\n            inherit\n            {...ctx.getStyles('breadcrumbText', {className, classNames, styles, style, props})}\n            {...others}\n        />\n    );\n});\nHeaderBreadcrumbText.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbText';\n"],"names":["polymorphicFactory","Text","useHeaderContext","HeaderBreadcrumbText","props","ref","className","classNames","styles","style","others","ctx","inherit","getStyles","displayName"],"mappings":";AAAA,SAAiCA,kBAAkB,EAAEC,IAAI,QAAuB,gBAAgB;AAChG,SAAQC,gBAAgB,QAAO,oBAAoB;AAanD,OAAO,MAAMC,uBAAuBH,mBAAgD,CAACI,OAAOC;IACxF,MAAM,EAACC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGC,QAAO,GAAGN;IAC1D,MAAMO,MAAMT;IAEZ,qBACI,KAACD;QACGI,KAAKA;QACLO,OAAO;QACN,GAAGD,IAAIE,SAAS,CAAC,kBAAkB;YAACP;YAAWC;YAAYC;YAAQC;YAAOL;QAAK,EAAE;QACjF,GAAGM,MAAM;;AAGtB,GAAG;AACHP,qBAAqBW,WAAW,GAAG"}

package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderDocAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"names":[],"mappings":"AACA,OAAO,EAEH,WAAW,EACX,sBAAsB,EACtB,OAAO,EAEP,YAAY,EAGf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,yBAAyB,GAAG,kBAAkB,GAAG,WAAW,CAAC;AAEzE,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,EAClC,sBAAsB,CAAC,sBAAsB,CAAC,EAC9C,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACnE;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,yBAAyB,CAAC;IACvC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAOH,eAAO,MAAM,eAAe;WAXjB,oBAAoB;SACtB,iBAAiB;iBACT,yBAAyB;cAC5B,IAAI;EAgChB,CAAC"}
+{"version":3,"file":"HeaderDocAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,WAAW,EACX,sBAAsB,EACtB,OAAO,EAEP,YAAY,EAGf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIhC,MAAM,MAAM,yBAAyB,GAAG,kBAAkB,GAAG,WAAW,CAAC;AAEzE,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,EAClC,sBAAsB,CAAC,sBAAsB,CAAC,EAC9C,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACnE;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,yBAAyB,CAAC;IACvC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAOH,eAAO,MAAM,eAAe;WAXjB,oBAAoB;SACtB,iBAAiB;iBACT,yBAAyB;cAC5B,IAAI;EAgChB,CAAC"}

package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { QuestionSize16Px } from '@coveord/plasma-react-icons';
 import { Anchor, Tooltip, factory, useProps } from '@mantine/core';
 import { useHeaderContext } from '../Header.context';
+import { InfoToken } from '../../info-token';
 const defaultProps = {
     position: 'right',
-    children: /*#__PURE__*/ _jsx(QuestionSize16Px, {
-        height: 16
+    children: /*#__PURE__*/ _jsx(InfoToken, {
+        variant: "question"
     })
 };
 export const HeaderDocAnchor = factory((_props, ref)=>{

package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {QuestionSize16Px} from '@coveord/plasma-react-icons';\nimport {\n    Anchor,\n    AnchorProps,\n    CompoundStylesApiProps,\n    Factory,\n    Tooltip,\n    TooltipProps,\n    factory,\n    useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n    extends Pick<TooltipProps, 'position'>,\n        CompoundStylesApiProps<HeaderDocAnchorFactory>,\n        Omit<AnchorProps, 'classNames' | 'styles' | 'variant' | 'vars'> {\n    /**\n     * A href pointing to documentation related to the current panel.\n     * When provided, an info icon is rendered next to the title as link to this documentation\n     */\n    href: string;\n    /**\n     * The tooltip text shown when hovering over the doc link icon\n     */\n    label?: ReactNode;\n    /**\n     * React component to add the tooltip and anchor on\n     */\n    children?: ReactNode;\n}\n\nexport type HeaderDocAnchorFactory = Factory<{\n    props: HeaderDocAnchorProps;\n    ref: HTMLAnchorElement;\n    stylesNames: HeaderDocAnchorStyleNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n    position: 'right',\n    children: <QuestionSize16Px height={16} />,\n};\n\nexport const HeaderDocAnchor = factory<HeaderDocAnchorFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeaderActions', defaultProps, _props);\n    const {className, classNames, styles, style, children, label, position, vars, ...others} = props;\n\n    const ctx = useHeaderContext();\n\n    return (\n        <Tooltip\n            label={label}\n            disabled={!label}\n            position={position}\n            classNames={{tooltip: ctx.getStyles('docAnchorTooltip', {classNames, styles, props}).className}}\n        >\n            <Anchor\n                ref={ref}\n                inline\n                target=\"_blank\"\n                {...ctx.getStyles('docAnchor', {classNames, styles, props, style, className})}\n                {...others}\n            >\n                {children}\n            </Anchor>\n        </Tooltip>\n    );\n});\n"],"names":["QuestionSize16Px","Anchor","Tooltip","factory","useProps","useHeaderContext","defaultProps","position","children","height","HeaderDocAnchor","_props","ref","props","className","classNames","styles","style","label","vars","others","ctx","disabled","tooltip","getStyles","inline","target"],"mappings":";AAAA,SAAQA,gBAAgB,QAAO,8BAA8B;AAC7D,SACIC,MAAM,EAINC,OAAO,EAEPC,OAAO,EACPC,QAAQ,QACL,gBAAgB;AAEvB,SAAQC,gBAAgB,QAAO,oBAAoB;AA8BnD,MAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,KAACR;QAAiBS,QAAQ;;AACxC;AAEA,OAAO,MAAMC,kBAAkBP,QAAgC,CAACQ,QAAQC;IACpE,MAAMC,QAAQT,SAAS,uBAAuBE,cAAcK;IAC5D,MAAM,EAACG,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAET,QAAQ,EAAEU,KAAK,EAAEX,QAAQ,EAAEY,IAAI,EAAE,GAAGC,QAAO,GAAGP;IAE3F,MAAMQ,MAAMhB;IAEZ,qBACI,KAACH;QACGgB,OAAOA;QACPI,UAAU,CAACJ;QACXX,UAAUA;QACVQ,YAAY;YAACQ,SAASF,IAAIG,SAAS,CAAC,oBAAoB;gBAACT;gBAAYC;gBAAQH;YAAK,GAAGC,SAAS;QAAA;kBAE9F,cAAA,KAACb;YACGW,KAAKA;YACLa,MAAM;YACNC,QAAO;YACN,GAAGL,IAAIG,SAAS,CAAC,aAAa;gBAACT;gBAAYC;gBAAQH;gBAAOI;gBAAOH;YAAS,EAAE;YAC5E,GAAGM,MAAM;sBAETZ;;;AAIjB,GAAG"}
+{"version":3,"sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {\n    Anchor,\n    AnchorProps,\n    CompoundStylesApiProps,\n    Factory,\n    Tooltip,\n    TooltipProps,\n    factory,\n    useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\nimport {InfoToken} from '../../info-token';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n    extends Pick<TooltipProps, 'position'>,\n        CompoundStylesApiProps<HeaderDocAnchorFactory>,\n        Omit<AnchorProps, 'classNames' | 'styles' | 'variant' | 'vars'> {\n    /**\n     * A href pointing to documentation related to the current panel.\n     * When provided, an info icon is rendered next to the title as link to this documentation\n     */\n    href: string;\n    /**\n     * The tooltip text shown when hovering over the doc link icon\n     */\n    label?: ReactNode;\n    /**\n     * React component to add the tooltip and anchor on\n     */\n    children?: ReactNode;\n}\n\nexport type HeaderDocAnchorFactory = Factory<{\n    props: HeaderDocAnchorProps;\n    ref: HTMLAnchorElement;\n    stylesNames: HeaderDocAnchorStyleNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n    position: 'right',\n    children: <InfoToken variant=\"question\" />,\n};\n\nexport const HeaderDocAnchor = factory<HeaderDocAnchorFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeaderActions', defaultProps, _props);\n    const {className, classNames, styles, style, children, label, position, vars, ...others} = props;\n\n    const ctx = useHeaderContext();\n\n    return (\n        <Tooltip\n            label={label}\n            disabled={!label}\n            position={position}\n            classNames={{tooltip: ctx.getStyles('docAnchorTooltip', {classNames, styles, props}).className}}\n        >\n            <Anchor\n                ref={ref}\n                inline\n                target=\"_blank\"\n                {...ctx.getStyles('docAnchor', {classNames, styles, props, style, className})}\n                {...others}\n            >\n                {children}\n            </Anchor>\n        </Tooltip>\n    );\n});\n"],"names":["Anchor","Tooltip","factory","useProps","useHeaderContext","InfoToken","defaultProps","position","children","variant","HeaderDocAnchor","_props","ref","props","className","classNames","styles","style","label","vars","others","ctx","disabled","tooltip","getStyles","inline","target"],"mappings":";AAAA,SACIA,MAAM,EAINC,OAAO,EAEPC,OAAO,EACPC,QAAQ,QACL,gBAAgB;AAEvB,SAAQC,gBAAgB,QAAO,oBAAoB;AACnD,SAAQC,SAAS,QAAO,mBAAmB;AA8B3C,MAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,KAACH;QAAUI,SAAQ;;AACjC;AAEA,OAAO,MAAMC,kBAAkBR,QAAgC,CAACS,QAAQC;IACpE,MAAMC,QAAQV,SAAS,uBAAuBG,cAAcK;IAC5D,MAAM,EAACG,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAET,QAAQ,EAAEU,KAAK,EAAEX,QAAQ,EAAEY,IAAI,EAAE,GAAGC,QAAO,GAAGP;IAE3F,MAAMQ,MAAMjB;IAEZ,qBACI,KAACH;QACGiB,OAAOA;QACPI,UAAU,CAACJ;QACXX,UAAUA;QACVQ,YAAY;YAACQ,SAASF,IAAIG,SAAS,CAAC,oBAAoB;gBAACT;gBAAYC;gBAAQH;YAAK,GAAGC,SAAS;QAAA;kBAE9F,cAAA,KAACd;YACGY,KAAKA;YACLa,MAAM;YACNC,QAAO;YACN,GAAGL,IAAIG,SAAS,CAAC,aAAa;gBAACT;gBAAYC;gBAAQH;gBAAOI;gBAAOH;YAAS,EAAE;YAC5E,GAAGM,MAAM;sBAETZ;;;AAIjB,GAAG"}

package/dist/esm/components/header/HeaderRight/HeaderRight.d.ts

@@ -0,0 +1,19 @@
+import { CompoundStylesApiProps, Factory, GroupProps } from '@mantine/core';
+import { ReactNode } from 'react';
+export type HeaderRightStyleNames = 'right';
+export interface HeaderRightProps extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>, CompoundStylesApiProps<HeaderRightFactory> {
+    children: ReactNode;
+}
+export type HeaderRightFactory = Factory<{
+    props: HeaderRightProps;
+    ref: HTMLDivElement;
+    stylesNames: HeaderRightStyleNames;
+    compound: true;
+}>;
+export declare const HeaderRight: import("@mantine/core").MantineComponent<{
+    props: HeaderRightProps;
+    ref: HTMLDivElement;
+    stylesNames: HeaderRightStyleNames;
+    compound: true;
+}>;
+//# sourceMappingURL=HeaderRight.d.ts.map

package/dist/esm/components/header/HeaderRight/HeaderRight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRight.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderRight/HeaderRight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAE,OAAO,EAAS,UAAU,EAAoB,MAAM,eAAe,CAAC;AACpG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,gBACb,SAAQ,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC,EACnE,sBAAsB,CAAC,kBAAkB,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,qBAAqB,CAAC;IACnC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,WAAW;WAVb,gBAAgB;SAClB,cAAc;iBACN,qBAAqB;cACxB,IAAI;EAsBhB,CAAC"}

package/dist/esm/components/header/{HeaderActions/HeaderActions.js → HeaderRight/HeaderRight.js}

@@ -4,14 +4,14 @@ import { useHeaderContext } from '../Header.context';
 const defaultProps = {
     gap: 'sm'
 };
-export const HeaderActions = factory((_props, ref)=>{
-    const props = useProps('HeaderActions', defaultProps, _props);
+export const HeaderRight = factory((_props, ref)=>{
+    const props = useProps('HeaderRight', defaultProps, _props);
     const { gap, className, classNames, styles, style, children, vars, ...others } = props;
     const ctx = useHeaderContext();
     return /*#__PURE__*/ _jsx(Group, {
         ref: ref,
         gap: gap,
-        ...ctx.getStyles('actions', {
+        ...ctx.getStyles('right', {
             className,
             style,
             classNames,
@@ -23,4 +23,4 @@ export const HeaderActions = factory((_props, ref)=>{
     });
 });
 
-//# sourceMappingURL=HeaderActions.js.map
+//# sourceMappingURL=HeaderRight.js.map

package/dist/esm/components/header/HeaderRight/HeaderRight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/header/HeaderRight/HeaderRight.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderRightStyleNames = 'right';\n\nexport interface HeaderRightProps\n    extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>,\n        CompoundStylesApiProps<HeaderRightFactory> {\n    children: ReactNode;\n}\n\nexport type HeaderRightFactory = Factory<{\n    props: HeaderRightProps;\n    ref: HTMLDivElement;\n    stylesNames: HeaderRightStyleNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderRightProps> = {\n    gap: 'sm',\n};\n\nexport const HeaderRight = factory<HeaderRightFactory>((_props, ref) => {\n    const props = useProps('HeaderRight', defaultProps, _props);\n    const {gap, className, classNames, styles, style, children, vars, ...others} = props;\n    const ctx = useHeaderContext();\n\n    return (\n        <Group\n            ref={ref}\n            gap={gap}\n            {...ctx.getStyles('right', {className, style, classNames, styles, props})}\n            {...others}\n        >\n            {children}\n        </Group>\n    );\n});\n"],"names":["Group","factory","useProps","useHeaderContext","defaultProps","gap","HeaderRight","_props","ref","props","className","classNames","styles","style","children","vars","others","ctx","getStyles"],"mappings":";AAAA,SAAyCA,KAAK,EAAcC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AAEpG,SAAQC,gBAAgB,QAAO,oBAAoB;AAiBnD,MAAMC,eAA0C;IAC5CC,KAAK;AACT;AAEA,OAAO,MAAMC,cAAcL,QAA4B,CAACM,QAAQC;IAC5D,MAAMC,QAAQP,SAAS,eAAeE,cAAcG;IACpD,MAAM,EAACF,GAAG,EAAEK,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGP;IAC/E,MAAMQ,MAAMd;IAEZ,qBACI,KAACH;QACGQ,KAAKA;QACLH,KAAKA;QACJ,GAAGY,IAAIC,SAAS,CAAC,SAAS;YAACR;YAAWG;YAAOF;YAAYC;YAAQH;QAAK,EAAE;QACxE,GAAGO,MAAM;kBAETF;;AAGb,GAAG"}

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

@@ -1,19 +1,28 @@
+export * from './accordion';
 export * from './action-icon';
+export * from './alert';
+export * from './badge';
 export * from './blank-slate';
 export * from './browser-preview';
 export * from './button';
+export * from './checkbox';
+export * from './child-form';
+export * from './chip';
 export * from './code-editor';
 export * from './collection';
 export * from './copyToClipboard';
 export * from './date-range-picker';
+export * from './date-time-range-picker';
 export * from './ellipsis-text';
 export * from './header';
+export * from './info-token';
 export * from './inline-confirm';
+export * from './last-updated';
+export * from './loader';
 export * from './menu';
 export * from './modal';
 export * from './prompt';
 export * from './read-only';
 export * from './sticky-footer';
 export * from './table';
-export * from './child-form';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}

package/dist/esm/components/index.js

@@ -1,20 +1,29 @@
+export * from './accordion';
 export * from './action-icon';
+export * from './alert';
+export * from './badge';
 export * from './blank-slate';
 export * from './browser-preview';
 export * from './button';
+export * from './checkbox';
+export * from './child-form';
+export * from './chip';
 export * from './code-editor';
 export * from './collection';
 export * from './copyToClipboard';
 export * from './date-range-picker';
+export * from './date-time-range-picker';
 export * from './ellipsis-text';
 export * from './header';
+export * from './info-token';
 export * from './inline-confirm';
+export * from './last-updated';
+export * from './loader';
 export * from './menu';
 export * from './modal';
 export * from './prompt';
 export * from './read-only';
 export * from './sticky-footer';
 export * from './table';
-export * from './child-form';
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './modal';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,eAAe"}
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './accordion';\nexport * from './action-icon';\nexport * from './alert';\nexport * from './badge';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './checkbox';\nexport * from './child-form';\nexport * from './chip';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './date-time-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './info-token';\nexport * from './inline-confirm';\nexport * from './last-updated';\nexport * from './loader';\nexport * from './menu';\nexport * from './modal';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,2BAA2B;AACzC,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,mBAAmB;AACjC,cAAc,iBAAiB;AAC/B,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,UAAU"}

package/dist/esm/components/info-token/InfoToken.d.ts

@@ -0,0 +1,45 @@
+import { BoxProps, Factory, MantineSize, polymorphicFactory, StylesApiProps } from '@mantine/core';
+export type InfoTokenFactory = Factory<{
+    props: InfoTokenProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: InfoTokenComponentStylesNames;
+    vars: InfoTokenCssVariables;
+    variant: InfoTokenVariant;
+    staticComponents: {
+        Information: typeof TokenInformation;
+        InformationOutline: typeof TokenInformationOutline;
+        Advice: typeof TokenAdvice;
+        Warning: typeof TokenWarning;
+        Error: typeof TokenError;
+        Question: typeof TokenQuestion;
+    };
+}>;
+export type InfoTokenComponentStylesNames = 'root';
+export type InfoTokenVariant = 'information' | 'information-outline' | 'advice' | 'warning' | 'error' | 'question';
+export type InfoTokenCssVariables = {
+    root: '--info-token-color';
+};
+export interface InfoTokenProps extends BoxProps, StylesApiProps<InfoTokenFactory> {
+    /**
+     * The variant of the token.
+     *
+     * @default 'information'
+     */
+    variant?: InfoTokenVariant;
+    /**
+     * The size of the info token.
+     *
+     * @default 'sm'
+     */
+    size?: MantineSize;
+}
+export declare const InfoToken: ReturnType<typeof polymorphicFactory<InfoTokenFactory>>;
+declare const TokenInformation: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, InfoTokenProps>) => React.ReactElement;
+declare const TokenInformationOutline: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, InfoTokenProps>) => React.ReactElement;
+declare const TokenAdvice: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, InfoTokenProps>) => React.ReactElement;
+declare const TokenWarning: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, InfoTokenProps>) => React.ReactElement;
+declare const TokenError: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, InfoTokenProps>) => React.ReactElement;
+declare const TokenQuestion: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, InfoTokenProps>) => React.ReactElement;
+export {};
+//# sourceMappingURL=InfoToken.d.ts.map

package/dist/esm/components/info-token/InfoToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoToken.d.ts","sourceRoot":"","sources":["../../../../src/components/info-token/InfoToken.tsx"],"names":[],"mappings":"AASA,OAAO,EAEH,QAAQ,EAER,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,cAAc,EAGjB,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,kBAAkB,EAAE,OAAO,uBAAuB,CAAC;QACnD,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,KAAK,EAAE,OAAO,UAAU,CAAC;QACzB,QAAQ,EAAE,OAAO,aAAa,CAAC;KAClC,CAAC;CACL,CAAC,CAAC;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,qBAAqB,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AACnH,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,oBAAoB,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,QAAQ,EAAE,cAAc,CAAC,gBAAgB,CAAC;IAC9E;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB;AAkED,eAAO,MAAM,SAAS,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,gBAAgB,CAAC,CAmC7E,CAAC;AAEF,QAAA,MAAM,gBAAgB,8FAvIJ,MAAO,YAyIvB,CAAC;AACH,QAAA,MAAM,uBAAuB,8FA1IX,MAAO,YA4IvB,CAAC;AACH,QAAA,MAAM,WAAW,8FA7IC,MAAO,YA6ImC,CAAC;AAC7D,QAAA,MAAM,YAAY,8FA9IA,MAAO,YA8IqC,CAAC;AAC/D,QAAA,MAAM,UAAU,8FA/IE,MAAO,YA+IiC,CAAC;AAC3D,QAAA,MAAM,aAAa,8FAhJD,MAAO,YAgJuC,CAAC"}

package/dist/esm/components/info-token/InfoToken.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconAlertSquareFilled, IconAlertTriangleFilled, IconBulbFilled, IconHelpCircle, IconInfoCircle, IconInfoCircleFilled } from '@coveord/plasma-react-icons';
+import { Box, createVarsResolver, polymorphicFactory, useProps, useStyles } from '@mantine/core';
+import classes from './InfoToken.module.css';
+const defaultProps = {
+    variant: 'information',
+    size: 'xs'
+};
+const colorResolver = (variant)=>{
+    switch(variant){
+        case 'error':
+            return 'var(--mantine-color-error)';
+        case 'advice':
+            return 'var(--mantine-primary-color-filled)';
+        case 'question':
+            return 'var(--mantine-primary-color-filled)';
+        case 'warning':
+            return 'var(--mantine-color-yellow-4)';
+        case 'information':
+        default:
+            return 'var(--mantine-color-gray-3)';
+    }
+};
+const sizeResolver = (size)=>{
+    if (typeof size === 'number') {
+        return size;
+    }
+    switch(size){
+        case 'sm':
+            return 20;
+        case 'md':
+            return 24;
+        case 'lg':
+            return 32;
+        case 'xl':
+            return 40;
+        case 'xs':
+        default:
+            return 16;
+    }
+};
+const iconResolver = (variant)=>{
+    switch(variant){
+        case 'error':
+            return IconAlertSquareFilled;
+        case 'information':
+            return IconInfoCircleFilled;
+        case 'information-outline':
+            return IconInfoCircle;
+        case 'question':
+            return IconHelpCircle;
+        case 'warning':
+            return IconAlertTriangleFilled;
+        case 'advice':
+        default:
+            return IconBulbFilled;
+    }
+};
+const varsResolver = createVarsResolver((_theme, { variant })=>{
+    const color = colorResolver(variant);
+    return {
+        root: {
+            '--info-token-color': color
+        }
+    };
+});
+export const InfoToken = polymorphicFactory((_props, ref)=>{
+    const props = useProps('InfoToken', defaultProps, _props);
+    const { variant, vars, className, style, unstyled, styles, classNames, size, ...others } = props;
+    const getStyles = useStyles({
+        name: 'InfoToken',
+        classes,
+        className,
+        props,
+        style,
+        styles,
+        unstyled,
+        vars,
+        varsResolver
+    });
+    const IconComponent = iconResolver(variant);
+    return /*#__PURE__*/ _jsx(Box, {
+        ref: ref,
+        variant: variant,
+        role: "img",
+        "aria-label": variant,
+        size: size,
+        ...getStyles('root', {
+            className,
+            style,
+            styles,
+            classNames
+        }),
+        ...others,
+        children: /*#__PURE__*/ _jsx(IconComponent, {
+            size: sizeResolver(size)
+        })
+    });
+});
+const TokenInformation = InfoToken.withProps({
+    variant: 'information'
+});
+const TokenInformationOutline = InfoToken.withProps({
+    variant: 'information-outline'
+});
+const TokenAdvice = InfoToken.withProps({
+    variant: 'advice'
+});
+const TokenWarning = InfoToken.withProps({
+    variant: 'warning'
+});
+const TokenError = InfoToken.withProps({
+    variant: 'error'
+});
+const TokenQuestion = InfoToken.withProps({
+    variant: 'question'
+});
+InfoToken.Information = TokenInformation;
+InfoToken.InformationOutline = TokenInformationOutline;
+InfoToken.Advice = TokenAdvice;
+InfoToken.Warning = TokenWarning;
+InfoToken.Error = TokenError;
+InfoToken.Question = TokenQuestion;
+
+//# sourceMappingURL=InfoToken.js.map

package/dist/esm/components/info-token/InfoToken.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/info-token/InfoToken.tsx"],"sourcesContent":["import {\n    IconAlertSquareFilled,\n    IconAlertTriangleFilled,\n    IconBulbFilled,\n    IconHelpCircle,\n    IconInfoCircle,\n    IconInfoCircleFilled,\n    TablerIcon,\n} from '@coveord/plasma-react-icons';\nimport {\n    Box,\n    BoxProps,\n    createVarsResolver,\n    Factory,\n    MantineSize,\n    polymorphicFactory,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport classes from './InfoToken.module.css';\n\nexport type InfoTokenFactory = Factory<{\n    props: InfoTokenProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: InfoTokenComponentStylesNames;\n    vars: InfoTokenCssVariables;\n    variant: InfoTokenVariant;\n    staticComponents: {\n        Information: typeof TokenInformation;\n        InformationOutline: typeof TokenInformationOutline;\n        Advice: typeof TokenAdvice;\n        Warning: typeof TokenWarning;\n        Error: typeof TokenError;\n        Question: typeof TokenQuestion;\n    };\n}>;\nexport type InfoTokenComponentStylesNames = 'root';\nexport type InfoTokenVariant = 'information' | 'information-outline' | 'advice' | 'warning' | 'error' | 'question';\nexport type InfoTokenCssVariables = {\n    root: '--info-token-color';\n};\n\nexport interface InfoTokenProps extends BoxProps, StylesApiProps<InfoTokenFactory> {\n    /**\n     * The variant of the token.\n     *\n     * @default 'information'\n     */\n    variant?: InfoTokenVariant;\n    /**\n     * The size of the info token.\n     *\n     * @default 'sm'\n     */\n    size?: MantineSize;\n}\n\nconst defaultProps: Partial<InfoTokenProps> = {variant: 'information', size: 'xs'};\n\nconst colorResolver = (variant: InfoTokenVariant): string => {\n    switch (variant) {\n        case 'error':\n            return 'var(--mantine-color-error)';\n        case 'advice':\n            return 'var(--mantine-primary-color-filled)';\n        case 'question':\n            return 'var(--mantine-primary-color-filled)';\n        case 'warning':\n            return 'var(--mantine-color-yellow-4)';\n        case 'information':\n        default:\n            return 'var(--mantine-color-gray-3)';\n    }\n};\n\nconst sizeResolver = (size: MantineSize): number => {\n    if (typeof size === 'number') {\n        return size;\n    }\n    switch (size) {\n        case 'sm':\n            return 20;\n        case 'md':\n            return 24;\n        case 'lg':\n            return 32;\n        case 'xl':\n            return 40;\n        case 'xs':\n        default:\n            return 16;\n    }\n};\n\nconst iconResolver = (variant: InfoTokenVariant): TablerIcon => {\n    switch (variant) {\n        case 'error':\n            return IconAlertSquareFilled;\n        case 'information':\n            return IconInfoCircleFilled;\n        case 'information-outline':\n            return IconInfoCircle;\n        case 'question':\n            return IconHelpCircle;\n        case 'warning':\n            return IconAlertTriangleFilled;\n        case 'advice':\n        default:\n            return IconBulbFilled;\n    }\n};\n\nconst varsResolver = createVarsResolver<InfoTokenFactory>((_theme, {variant}) => {\n    const color = colorResolver(variant);\n    return {\n        root: {\n            '--info-token-color': color,\n        },\n    };\n});\n\nexport const InfoToken: ReturnType<typeof polymorphicFactory<InfoTokenFactory>> = polymorphicFactory<InfoTokenFactory>(\n    (_props, ref) => {\n        const props = useProps('InfoToken', defaultProps, _props);\n        const {variant, vars, className, style, unstyled, styles, classNames, size, ...others} = props;\n        const getStyles = useStyles<InfoTokenFactory>({\n            name: 'InfoToken',\n            classes,\n            className,\n            props,\n            style,\n            styles,\n            unstyled,\n            vars,\n            varsResolver,\n        });\n        const IconComponent = iconResolver(variant);\n        return (\n            <Box\n                ref={ref}\n                variant={variant}\n                role=\"img\"\n                aria-label={variant}\n                size={size}\n                {...getStyles('root', {\n                    className,\n                    style,\n                    styles,\n                    classNames,\n                })}\n                {...others}\n            >\n                <IconComponent size={sizeResolver(size)} />\n            </Box>\n        );\n    },\n);\n\nconst TokenInformation = InfoToken.withProps({\n    variant: 'information',\n});\nconst TokenInformationOutline = InfoToken.withProps({\n    variant: 'information-outline',\n});\nconst TokenAdvice = InfoToken.withProps({variant: 'advice'});\nconst TokenWarning = InfoToken.withProps({variant: 'warning'});\nconst TokenError = InfoToken.withProps({variant: 'error'});\nconst TokenQuestion = InfoToken.withProps({variant: 'question'});\n\nInfoToken.Information = TokenInformation;\nInfoToken.InformationOutline = TokenInformationOutline;\nInfoToken.Advice = TokenAdvice;\nInfoToken.Warning = TokenWarning;\nInfoToken.Error = TokenError;\nInfoToken.Question = TokenQuestion;\n"],"names":["IconAlertSquareFilled","IconAlertTriangleFilled","IconBulbFilled","IconHelpCircle","IconInfoCircle","IconInfoCircleFilled","Box","createVarsResolver","polymorphicFactory","useProps","useStyles","classes","defaultProps","variant","size","colorResolver","sizeResolver","iconResolver","varsResolver","_theme","color","root","InfoToken","_props","ref","props","vars","className","style","unstyled","styles","classNames","others","getStyles","name","IconComponent","role","aria-label","TokenInformation","withProps","TokenInformationOutline","TokenAdvice","TokenWarning","TokenError","TokenQuestion","Information","InformationOutline","Advice","Warning","Error","Question"],"mappings":";AAAA,SACIA,qBAAqB,EACrBC,uBAAuB,EACvBC,cAAc,EACdC,cAAc,EACdC,cAAc,EACdC,oBAAoB,QAEjB,8BAA8B;AACrC,SACIC,GAAG,EAEHC,kBAAkB,EAGlBC,kBAAkB,EAElBC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,OAAOC,aAAa,yBAAyB;AAuC7C,MAAMC,eAAwC;IAACC,SAAS;IAAeC,MAAM;AAAI;AAEjF,MAAMC,gBAAgB,CAACF;IACnB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,MAAMG,eAAe,CAACF;IAClB,IAAI,OAAOA,SAAS,UAAU;QAC1B,OAAOA;IACX;IACA,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,MAAMG,eAAe,CAACJ;IAClB,OAAQA;QACJ,KAAK;YACD,OAAOb;QACX,KAAK;YACD,OAAOK;QACX,KAAK;YACD,OAAOD;QACX,KAAK;YACD,OAAOD;QACX,KAAK;YACD,OAAOF;QACX,KAAK;QACL;YACI,OAAOC;IACf;AACJ;AAEA,MAAMgB,eAAeX,mBAAqC,CAACY,QAAQ,EAACN,OAAO,EAAC;IACxE,MAAMO,QAAQL,cAAcF;IAC5B,OAAO;QACHQ,MAAM;YACF,sBAAsBD;QAC1B;IACJ;AACJ;AAEA,OAAO,MAAME,YAAqEd,mBAC9E,CAACe,QAAQC;IACL,MAAMC,QAAQhB,SAAS,aAAaG,cAAcW;IAClD,MAAM,EAACV,OAAO,EAAEa,IAAI,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAEjB,IAAI,EAAE,GAAGkB,QAAO,GAAGP;IACzF,MAAMQ,YAAYvB,UAA4B;QAC1CwB,MAAM;QACNvB;QACAgB;QACAF;QACAG;QACAE;QACAD;QACAH;QACAR;IACJ;IACA,MAAMiB,gBAAgBlB,aAAaJ;IACnC,qBACI,KAACP;QACGkB,KAAKA;QACLX,SAASA;QACTuB,MAAK;QACLC,cAAYxB;QACZC,MAAMA;QACL,GAAGmB,UAAU,QAAQ;YAClBN;YACAC;YACAE;YACAC;QACJ,EAAE;QACD,GAAGC,MAAM;kBAEV,cAAA,KAACG;YAAcrB,MAAME,aAAaF;;;AAG9C,GACF;AAEF,MAAMwB,mBAAmBhB,UAAUiB,SAAS,CAAC;IACzC1B,SAAS;AACb;AACA,MAAM2B,0BAA0BlB,UAAUiB,SAAS,CAAC;IAChD1B,SAAS;AACb;AACA,MAAM4B,cAAcnB,UAAUiB,SAAS,CAAC;IAAC1B,SAAS;AAAQ;AAC1D,MAAM6B,eAAepB,UAAUiB,SAAS,CAAC;IAAC1B,SAAS;AAAS;AAC5D,MAAM8B,aAAarB,UAAUiB,SAAS,CAAC;IAAC1B,SAAS;AAAO;AACxD,MAAM+B,gBAAgBtB,UAAUiB,SAAS,CAAC;IAAC1B,SAAS;AAAU;AAE9DS,UAAUuB,WAAW,GAAGP;AACxBhB,UAAUwB,kBAAkB,GAAGN;AAC/BlB,UAAUyB,MAAM,GAAGN;AACnBnB,UAAU0B,OAAO,GAAGN;AACpBpB,UAAU2B,KAAK,GAAGN;AAClBrB,UAAU4B,QAAQ,GAAGN"}

package/dist/esm/components/info-token/InfoToken.module.css

@@ -0,0 +1,8 @@
+.root {
+    --info-token-color: var(--mantine-color-primary);
+
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    color: var(--info-token-color);
+}

package/dist/esm/components/info-token/index.d.ts

@@ -0,0 +1,2 @@
+export * from './InfoToken';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/info-token/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/info-token/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/esm/components/info-token/index.js

@@ -0,0 +1,3 @@
+export * from './InfoToken';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/components/info-token/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/info-token/index.ts"],"sourcesContent":["export * from './InfoToken';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc"}

package/dist/esm/components/inline-confirm/InlineConfirmPrompt.d.ts

@@ -11,13 +11,13 @@ interface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineC
     /**
      * Confirm button element
      *
-     * @default <Button color="red">Delete</Button>
+     * @default <Button.DestructivePrimary>Delete</Button.DestructivePrimary>
      */
     confirm?: ReactElement;
     /**
      * Cancel button element
      *
-     * @default <Button variant="outline">Cancel</Button>
+     * @default <Button.Tertiary>Cancel</Button.Tertiary>
      */
     cancel?: ReactElement;
     /**

package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js

@@ -5,12 +5,10 @@ import { Button } from '../button/Button';
 import { useInlineConfirm } from './InlineConfirmContext';
 const defaultProps = {
     label: 'Are you sure?',
-    confirm: /*#__PURE__*/ _jsx(Button, {
-        color: "red",
+    confirm: /*#__PURE__*/ _jsx(Button.DestructivePrimary, {
         children: "Delete"
     }),
-    cancel: /*#__PURE__*/ _jsx(Button, {
-        variant: "outline",
+    cancel: /*#__PURE__*/ _jsx(Button.Tertiary, {
         children: "Cancel"
     }),
     gap: 'xs',

package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Factory, factory, Group, GroupProps, isElement, useProps} from '@mantine/core';\nimport {cloneElement, ReactElement, ReactNode, useEffect} from 'react';\nimport {Button} from '../button/Button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineConfirmComponentsProps {\n    /**\n     * Label element\n     *\n     * @default Are you sure?\n     */\n    label?: ReactNode;\n    /**\n     * Confirm button element\n     *\n     * @default <Button color=\"red\">Delete</Button>\n     */\n    confirm?: ReactElement;\n    /**\n     * Cancel button element\n     *\n     * @default <Button variant=\"outline\">Cancel</Button>\n     */\n    cancel?: ReactElement;\n    /**\n     * Function called when the confirm button is clicked\n     */\n    onConfirm?(): void;\n\n    /**\n     * Function called when the cancel button is clicked\n     */\n    onCancel?(): void;\n}\n\nexport type InlineConfirmPromptFactory = Factory<{\n    props: InlineConfirmPromptProps;\n    ref: HTMLDivElement;\n}>;\n\nconst defaultProps: Partial<InlineConfirmPromptProps> = {\n    label: 'Are you sure?',\n    confirm: <Button color=\"red\">Delete</Button>,\n    cancel: <Button variant=\"outline\">Cancel</Button>,\n    gap: 'xs',\n    wrap: 'nowrap',\n};\n\nexport const InlineConfirmPrompt = factory<InlineConfirmPromptFactory>((props, ref) => {\n    const {inlineConfirmId, label, confirm, cancel, onConfirm, onCancel, ...others} = useProps(\n        'InlineConfirmPrompt',\n        defaultProps,\n        props,\n    );\n    const {confirmingId, clearConfirm} = useInlineConfirm();\n\n    if (!isElement(cancel) || !isElement(confirm)) {\n        throw new Error(\n            'InlineConfirm.Prompt component cancel & confirm props should be elements or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported',\n        );\n    }\n    const cancelEl = cloneElement(cancel, {\n        onClick: () => {\n            cancel.props.onClick?.();\n            onCancel?.();\n            clearConfirm();\n        },\n    });\n    const confirmEl = cloneElement(confirm, {\n        onClick: () => {\n            confirm.props.onClick?.();\n            onConfirm?.();\n            clearConfirm();\n        },\n    });\n\n    useEffect(() => {\n        if (confirmingId !== inlineConfirmId) {\n            clearConfirm();\n        }\n    }, []);\n\n    if (confirmingId === inlineConfirmId) {\n        return (\n            <Group ref={ref} {...others}>\n                {label}\n                {confirmEl}\n                {cancelEl}\n            </Group>\n        );\n    }\n    return null;\n});\n"],"names":["factory","Group","isElement","useProps","cloneElement","useEffect","Button","useInlineConfirm","defaultProps","label","confirm","color","cancel","variant","gap","wrap","InlineConfirmPrompt","props","ref","inlineConfirmId","onConfirm","onCancel","others","confirmingId","clearConfirm","Error","cancelEl","onClick","confirmEl"],"mappings":";AAAA,SAAiBA,OAAO,EAAEC,KAAK,EAAcC,SAAS,EAAEC,QAAQ,QAAO,gBAAgB;AACvF,SAAQC,YAAY,EAA2BC,SAAS,QAAO,QAAQ;AACvE,SAAQC,MAAM,QAAO,mBAAmB;AAGxC,SAAQC,gBAAgB,QAAO,yBAAyB;AAqCxD,MAAMC,eAAkD;IACpDC,OAAO;IACPC,uBAAS,KAACJ;QAAOK,OAAM;kBAAM;;IAC7BC,sBAAQ,KAACN;QAAOO,SAAQ;kBAAU;;IAClCC,KAAK;IACLC,MAAM;AACV;AAEA,OAAO,MAAMC,sBAAsBhB,QAAoC,CAACiB,OAAOC;IAC3E,MAAM,EAACC,eAAe,EAAEV,KAAK,EAAEC,OAAO,EAAEE,MAAM,EAAEQ,SAAS,EAAEC,QAAQ,EAAE,GAAGC,QAAO,GAAGnB,SAC9E,uBACAK,cACAS;IAEJ,MAAM,EAACM,YAAY,EAAEC,YAAY,EAAC,GAAGjB;IAErC,IAAI,CAACL,UAAUU,WAAW,CAACV,UAAUQ,UAAU;QAC3C,MAAM,IAAIe,MACN;IAER;IACA,MAAMC,yBAAWtB,aAAaQ,QAAQ;QAClCe,SAAS;YACLf,OAAOK,KAAK,CAACU,OAAO;YACpBN;YACAG;QACJ;IACJ;IACA,MAAMI,0BAAYxB,aAAaM,SAAS;QACpCiB,SAAS;YACLjB,QAAQO,KAAK,CAACU,OAAO;YACrBP;YACAI;QACJ;IACJ;IAEAnB,UAAU;QACN,IAAIkB,iBAAiBJ,iBAAiB;YAClCK;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBJ,iBAAiB;QAClC,qBACI,MAAClB;YAAMiB,KAAKA;YAAM,GAAGI,MAAM;;gBACtBb;gBACAmB;gBACAF;;;IAGb;IACA,OAAO;AACX,GAAG"}
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Factory, factory, Group, GroupProps, isElement, useProps} from '@mantine/core';\nimport {cloneElement, ReactElement, ReactNode, useEffect} from 'react';\nimport {Button} from '../button/Button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineConfirmComponentsProps {\n    /**\n     * Label element\n     *\n     * @default Are you sure?\n     */\n    label?: ReactNode;\n    /**\n     * Confirm button element\n     *\n     * @default <Button.DestructivePrimary>Delete</Button.DestructivePrimary>\n     */\n    confirm?: ReactElement;\n    /**\n     * Cancel button element\n     *\n     * @default <Button.Tertiary>Cancel</Button.Tertiary>\n     */\n    cancel?: ReactElement;\n    /**\n     * Function called when the confirm button is clicked\n     */\n    onConfirm?(): void;\n\n    /**\n     * Function called when the cancel button is clicked\n     */\n    onCancel?(): void;\n}\n\nexport type InlineConfirmPromptFactory = Factory<{\n    props: InlineConfirmPromptProps;\n    ref: HTMLDivElement;\n}>;\n\nconst defaultProps: Partial<InlineConfirmPromptProps> = {\n    label: 'Are you sure?',\n    confirm: <Button.DestructivePrimary>Delete</Button.DestructivePrimary>,\n    cancel: <Button.Tertiary>Cancel</Button.Tertiary>,\n    gap: 'xs',\n    wrap: 'nowrap',\n};\n\nexport const InlineConfirmPrompt = factory<InlineConfirmPromptFactory>((props, ref) => {\n    const {inlineConfirmId, label, confirm, cancel, onConfirm, onCancel, ...others} = useProps(\n        'InlineConfirmPrompt',\n        defaultProps,\n        props,\n    );\n    const {confirmingId, clearConfirm} = useInlineConfirm();\n\n    if (!isElement(cancel) || !isElement(confirm)) {\n        throw new Error(\n            'InlineConfirm.Prompt component cancel & confirm props should be elements or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported',\n        );\n    }\n    const cancelEl = cloneElement(cancel, {\n        onClick: () => {\n            cancel.props.onClick?.();\n            onCancel?.();\n            clearConfirm();\n        },\n    });\n    const confirmEl = cloneElement(confirm, {\n        onClick: () => {\n            confirm.props.onClick?.();\n            onConfirm?.();\n            clearConfirm();\n        },\n    });\n\n    useEffect(() => {\n        if (confirmingId !== inlineConfirmId) {\n            clearConfirm();\n        }\n    }, []);\n\n    if (confirmingId === inlineConfirmId) {\n        return (\n            <Group ref={ref} {...others}>\n                {label}\n                {confirmEl}\n                {cancelEl}\n            </Group>\n        );\n    }\n    return null;\n});\n"],"names":["factory","Group","isElement","useProps","cloneElement","useEffect","Button","useInlineConfirm","defaultProps","label","confirm","DestructivePrimary","cancel","Tertiary","gap","wrap","InlineConfirmPrompt","props","ref","inlineConfirmId","onConfirm","onCancel","others","confirmingId","clearConfirm","Error","cancelEl","onClick","confirmEl"],"mappings":";AAAA,SAAiBA,OAAO,EAAEC,KAAK,EAAcC,SAAS,EAAEC,QAAQ,QAAO,gBAAgB;AACvF,SAAQC,YAAY,EAA2BC,SAAS,QAAO,QAAQ;AACvE,SAAQC,MAAM,QAAO,mBAAmB;AAGxC,SAAQC,gBAAgB,QAAO,yBAAyB;AAqCxD,MAAMC,eAAkD;IACpDC,OAAO;IACPC,uBAAS,KAACJ,OAAOK,kBAAkB;kBAAC;;IACpCC,sBAAQ,KAACN,OAAOO,QAAQ;kBAAC;;IACzBC,KAAK;IACLC,MAAM;AACV;AAEA,OAAO,MAAMC,sBAAsBhB,QAAoC,CAACiB,OAAOC;IAC3E,MAAM,EAACC,eAAe,EAAEV,KAAK,EAAEC,OAAO,EAAEE,MAAM,EAAEQ,SAAS,EAAEC,QAAQ,EAAE,GAAGC,QAAO,GAAGnB,SAC9E,uBACAK,cACAS;IAEJ,MAAM,EAACM,YAAY,EAAEC,YAAY,EAAC,GAAGjB;IAErC,IAAI,CAACL,UAAUU,WAAW,CAACV,UAAUQ,UAAU;QAC3C,MAAM,IAAIe,MACN;IAER;IACA,MAAMC,yBAAWtB,aAAaQ,QAAQ;QAClCe,SAAS;YACLf,OAAOK,KAAK,CAACU,OAAO;YACpBN;YACAG;QACJ;IACJ;IACA,MAAMI,0BAAYxB,aAAaM,SAAS;QACpCiB,SAAS;YACLjB,QAAQO,KAAK,CAACU,OAAO;YACrBP;YACAI;QACJ;IACJ;IAEAnB,UAAU;QACN,IAAIkB,iBAAiBJ,iBAAiB;YAClCK;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBJ,iBAAiB;QAClC,qBACI,MAAClB;YAAMiB,KAAKA;YAAM,GAAGI,MAAM;;gBACtBb;gBACAmB;gBACAF;;;IAGb;IACA,OAAO;AACX,GAAG"}

package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts

@@ -21,6 +21,14 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
     variant: import("@mantine/core").ButtonVariant;
     staticComponents: {
         Group: typeof import("@mantine/core").ButtonGroup;
+        Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
     };
 }> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
     props: ButtonProps;
@@ -31,6 +39,14 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
     variant: import("@mantine/core").ButtonVariant;
     staticComponents: {
         Group: typeof import("@mantine/core").ButtonGroup;
+        Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
     };
 }> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
     props: ButtonProps;
@@ -41,9 +57,25 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
     variant: import("@mantine/core").ButtonVariant;
     staticComponents: {
         Group: typeof import("@mantine/core").ButtonGroup;
+        Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
     };
 }> & {
     Group: typeof import("@mantine/core").ButtonGroup;
+    Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+    Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+    Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+    Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+    DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+    DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+    DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+    DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
 }>(props: import("@mantine/core").PolymorphicComponentProps<C, InlineConfirmTargetProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(InlineConfirmTargetProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof InlineConfirmTargetProps> & {

package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,4BAA4B;IACvF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,yGAWM,MAAO,YAAY;;;;;;eAMc,MAAO,WACrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6FAD+B,MAAO,YAAY;;;;;;eAI6G,MAAO,WAAW;;mCADzL,CAAC"}
+{"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,4BAA4B;IACvF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,yGAWM,MAAO,YAAY;;;;;;eAMc,MAAO,WACrE;;;;;;;;;;;6GAhBD,MACI,YACX;+GAFO,MACI,YACX;8GAFO,MACI,YACX;gHAFO,MACI,YACX;wHAFO,MACI,YACX;0HAFO,MACI,YACX;yHAFO,MACI,YACX;2HAFO,MACI,YACX;;;;;;;;;;;6GAFO,MACI,YACX;+GAFO,MACI,YACX;8GAFO,MACI,YACX;gHAFO,MACI,YACX;wHAFO,MACI,YACX;0HAFO,MACI,YACX;yHAFO,MACI,YACX;2HAFO,MACI,YACX;;;;;;;;;;;6GAFO,MACI,YACX;+GAFO,MACI,YACX;8GAFO,MACI,YACX;gHAFO,MACI,YACX;wHAFO,MACI,YACX;0HAFO,MACI,YACX;yHAFO,MACI,YACX;2HAFO,MACI,YACX;;;;yGAFO,MACI,YACX;2GAFO,MACI,YACX;0GAFO,MACI,YACX;4GAFO,MACI,YACX;oHAFO,MACI,YACX;sHAFO,MACI,YACX;qHAFO,MACI,YACX;uHAFO,MACI,YACX;6FAauC,MAAO,YAAY;;;;;;eAI6G,MAAO,WAAW;;mCADzL,CAAC"}

package/dist/esm/components/last-updated/LastUpdated.d.ts

@@ -0,0 +1,33 @@
+import { BoxProps, Factory, GroupProps, StylesApiProps } from '@mantine/core';
+import dayjs from 'dayjs';
+export type LastUpdatedStylesNames = 'root' | 'label';
+export interface LastUpdatedProps extends BoxProps, Pick<GroupProps, 'justify'>, StylesApiProps<LastUpdatedFactory> {
+    /**
+     * Optional formatter function to format the time value.
+     * Receives the time prop and should return a string.
+     * @default (time) => dayjs(time).format('h:mm:ss A')
+     */
+    formatter?: (time: dayjs.ConfigType) => string;
+    /**
+     * The unformatted time to display that can be parsed by dayjs.
+     * @default The current time via dayjs().valueOf()
+     */
+    time?: dayjs.ConfigType;
+    /**
+     * Label to contextualize the time.
+     *
+     * @default "Last update:"
+     */
+    label?: string;
+}
+export type LastUpdatedFactory = Factory<{
+    props: LastUpdatedProps;
+    ref: HTMLDivElement;
+    stylesNames: LastUpdatedStylesNames;
+}>;
+export declare const LastUpdated: import("@mantine/core").MantineComponent<{
+    props: LastUpdatedProps;
+    ref: HTMLDivElement;
+    stylesNames: LastUpdatedStylesNames;
+}>;
+//# sourceMappingURL=LastUpdated.d.ts.map

package/dist/esm/components/last-updated/LastUpdated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LastUpdated.d.ts","sourceRoot":"","sources":["../../../../src/components/last-updated/LastUpdated.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAW,OAAO,EAAS,UAAU,EAAE,cAAc,EAA4B,MAAM,eAAe,CAAC;AACvH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,gBAAiB,SAAQ,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC;IAC/G;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,KAAK,MAAM,CAAC;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,sBAAsB,CAAC;CACvC,CAAC,CAAC;AAOH,eAAO,MAAM,WAAW;WAVb,gBAAgB;SAClB,cAAc;iBACN,sBAAsB;EA6CtC,CAAC"}