@coveord/plasma-mantine 57.2.0 → 58.0.0

package/dist/cjs/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.d.ts

@@ -25,21 +25,21 @@ export declare const HeaderBreadcrumbAnchor: (<C = "a">(props: import("@mantine/
 }) | (HeaderBreadcrumbAnchorProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: HeaderBreadcrumbAnchorProps;
     ref: HTMLAnchorElement;
     stylesNames: HeaderBreadcrumbAnchorStyleNames;
     compound: true;
     defaultComponent: "a";
     defaultRef: HTMLAnchorElement;
-}> & import("@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: HeaderBreadcrumbAnchorProps;
     ref: HTMLAnchorElement;
     stylesNames: HeaderBreadcrumbAnchorStyleNames;
     compound: true;
     defaultComponent: "a";
     defaultRef: HTMLAnchorElement;
-}> & import("@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: HeaderBreadcrumbAnchorProps;
     ref: HTMLAnchorElement;
     stylesNames: HeaderBreadcrumbAnchorStyleNames;

package/dist/cjs/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbText.d.ts

@@ -16,21 +16,21 @@ export declare const HeaderBreadcrumbText: (<C = "p">(props: import("@mantine/co
 }) | (TextProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: TextProps;
     ref: HTMLParagraphElement;
     stylesNames: HeaderBreadcrumbTextStyleNames;
     compound: true;
     defaultComponent: "p";
     defaultRef: HTMLParagraphElement;
-}> & import("@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: TextProps;
     ref: HTMLParagraphElement;
     stylesNames: HeaderBreadcrumbTextStyleNames;
     compound: true;
     defaultComponent: "p";
     defaultRef: HTMLParagraphElement;
-}> & import("@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: TextProps;
     ref: HTMLParagraphElement;
     stylesNames: HeaderBreadcrumbTextStyleNames;

package/dist/cjs/components/Header/HeaderDocAnchor/HeaderDocAnchor.js

@@ -13,13 +13,11 @@ 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 _Headercontext = require("../Header.context.js");
 var _InfoToken = require("../../InfoToken/InfoToken.js");
+var _Headercontext = require("../Header.context.js");
 var defaultProps = {
     position: 'right',
-    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken, {
-        variant: "question"
-    })
+    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Question, {})
 };
 var HeaderDocAnchor = (0, _core.factory)(function(_props, ref) {
     var props = (0, _core.useProps)('PlasmaHeaderActions', defaultProps, _props);

package/dist/cjs/components/Header/HeaderDocAnchor/HeaderDocAnchor.js.map

@@ -1 +1 @@
-{"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.js';\nimport {InfoToken} from '../../InfoToken/InfoToken.js';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n    extends\n        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\nHeaderDocAnchor.displayName = 'Header.DocAnchor';\n"],"names":["HeaderDocAnchor","defaultProps","position","children","InfoToken","variant","factory","_props","ref","props","useProps","className","classNames","styles","style","label","vars","others","ctx","useHeaderContext","Tooltip","disabled","tooltip","getStyles","Anchor","inline","target","displayName"],"mappings":";;;;+BAgDaA;;;eAAAA;;;;;;;oBAvCN;6BAEwB;yBACP;AA+BxB,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,qBAACC,oBAAS;QAACC,SAAQ;;AACjC;AAEO,IAAML,kBAAkBM,IAAAA,aAAO,EAAyB,SAACC,QAAQC;IACpE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBT,cAAcM;IAC5D,IAAOI,YAAoFF,MAApFE,WAAWC,aAAyEH,MAAzEG,YAAYC,SAA6DJ,MAA7DI,QAAQC,QAAqDL,MAArDK,OAAOX,WAA8CM,MAA9CN,UAAUY,QAAoCN,MAApCM,OAAOb,WAA6BO,MAA7BP,UAAUc,OAAmBP,MAAnBO,MAASC,sCAAUR;;;;;;;;;;IAE3F,IAAMS,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,aAAO;QACJL,OAAOA;QACPM,UAAU,CAACN;QACXb,UAAUA;QACVU,YAAY;YAACU,SAASJ,IAAIK,SAAS,CAAC,oBAAoB;gBAACX,YAAAA;gBAAYC,QAAAA;gBAAQJ,OAAAA;YAAK,GAAGE,SAAS;QAAA;kBAE9F,cAAA,qBAACa,YAAM;YACHhB,KAAKA;YACLiB,MAAM;YACNC,QAAO;WACHR,IAAIK,SAAS,CAAC,aAAa;YAACX,YAAAA;YAAYC,QAAAA;YAAQJ,OAAAA;YAAOK,OAAAA;YAAOH,WAAAA;QAAS,IACvEM;sBAEHd;;;AAIjB;AAEAH,gBAAgB2B,WAAW,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 {InfoToken} from '../../InfoToken/InfoToken.js';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n    extends\n        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.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\nHeaderDocAnchor.displayName = 'Header.DocAnchor';\n"],"names":["HeaderDocAnchor","defaultProps","position","children","InfoToken","Question","factory","_props","ref","props","useProps","className","classNames","styles","style","label","vars","others","ctx","useHeaderContext","Tooltip","disabled","tooltip","getStyles","Anchor","inline","target","displayName"],"mappings":";;;;+BAgDaA;;;eAAAA;;;;;;;oBAvCN;yBAEiB;6BACO;AA+B/B,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,qBAACC,oBAAS,CAACC,QAAQ;AACjC;AAEO,IAAML,kBAAkBM,IAAAA,aAAO,EAAyB,SAACC,QAAQC;IACpE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBT,cAAcM;IAC5D,IAAOI,YAAoFF,MAApFE,WAAWC,aAAyEH,MAAzEG,YAAYC,SAA6DJ,MAA7DI,QAAQC,QAAqDL,MAArDK,OAAOX,WAA8CM,MAA9CN,UAAUY,QAAoCN,MAApCM,OAAOb,WAA6BO,MAA7BP,UAAUc,OAAmBP,MAAnBO,MAASC,sCAAUR;;;;;;;;;;IAE3F,IAAMS,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,aAAO;QACJL,OAAOA;QACPM,UAAU,CAACN;QACXb,UAAUA;QACVU,YAAY;YAACU,SAASJ,IAAIK,SAAS,CAAC,oBAAoB;gBAACX,YAAAA;gBAAYC,QAAAA;gBAAQJ,OAAAA;YAAK,GAAGE,SAAS;QAAA;kBAE9F,cAAA,qBAACa,YAAM;YACHhB,KAAKA;YACLiB,MAAM;YACNC,QAAO;WACHR,IAAIK,SAAS,CAAC,aAAa;YAACX,YAAAA;YAAYC,QAAAA;YAAQJ,OAAAA;YAAOK,OAAAA;YAAOH,WAAAA;QAAS,IACvEM;sBAEHd;;;AAIjB;AAEAH,gBAAgB2B,WAAW,GAAG"}

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

@@ -1,105 +1,49 @@
-import { BoxProps, Factory, MantineSize, StylesApiProps } from '@mantine/core';
+import { BoxProps, Factory, PolymorphicComponentProps, StylesApiProps } from '@mantine/core';
+import { FunctionComponent, ReactElement } from 'react';
 export type InfoTokenFactory = Factory<{
-    props: InfoTokenProps;
+    props: InfoTokenInternalProps;
     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 InfoTokenType = 'information' | 'advice' | 'warning' | 'error' | 'question' | 'success';
+export type InfoTokenVariant = 'outline' | 'light';
+export type InfoTokenSizes = 'xs' | 'sm' | 'md' | 'lg';
 export type InfoTokenCssVariables = {
-    root: '--info-token-color';
+    root: '--it-color' | '--it-bg';
 };
-export interface InfoTokenProps extends BoxProps, StylesApiProps<InfoTokenFactory> {
+interface InfoTokenInternalProps extends BoxProps, StylesApiProps<InfoTokenFactory> {
     /**
      * The variant of the token.
      *
-     * @default 'information'
+     * @default 'outline'
      */
     variant?: InfoTokenVariant;
+    /**
+     * The semantic type of the token
+     *
+     * @default 'information'
+     */
+    type?: InfoTokenType;
     /**
      * The size of the info token.
      *
-     * @default 'sm'
+     * @default 'xs'
      */
-    size?: MantineSize;
+    size?: InfoTokenSizes;
 }
-export declare const InfoToken: (<C = "div">(props: import("@mantine/core").PolymorphicComponentProps<C, InfoTokenProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(InfoTokenProps & {
-    component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof InfoTokenProps> & {
-    ref?: any;
-    renderRoot?: (props: any) => any;
-}) | (InfoTokenProps & {
-    component: React.ElementType;
-    renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
-    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;
-    };
-}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
-    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;
-    };
-}> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
-    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;
-    };
-}> & {
-    Information: typeof TokenInformation;
-    InformationOutline: typeof TokenInformationOutline;
-    Advice: typeof TokenAdvice;
-    Warning: typeof TokenWarning;
-    Error: typeof TokenError;
-    Question: typeof TokenQuestion;
+export type InfoTokenProps = Omit<InfoTokenInternalProps, 'type'>;
+type InfoTokenCompoundComponent = (<C = 'div'>(props: PolymorphicComponentProps<C, InfoTokenProps>) => ReactElement) & Omit<FunctionComponent<PolymorphicComponentProps<any, InfoTokenProps>>, never>;
+export declare const InfoToken: {
+    readonly Information: InfoTokenCompoundComponent;
+    readonly Advice: InfoTokenCompoundComponent;
+    readonly Warning: InfoTokenCompoundComponent;
+    readonly Error: InfoTokenCompoundComponent;
+    readonly Question: InfoTokenCompoundComponent;
+    readonly Success: InfoTokenCompoundComponent;
 };
-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/cjs/components/InfoToken/InfoToken.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoToken.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoToken/InfoToken.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InfoToken.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoToken/InfoToken.tsx"],"names":[],"mappings":"AASA,OAAO,EAEH,QAAQ,EAGR,OAAO,EACP,yBAAyB,EAEzB,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,iBAAiB,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,OAAO,EAAE,gBAAgB,CAAC;CAC7B,CAAC,CAAC;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;AACpG,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvD,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,YAAY,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,UAAU,sBAAuB,SAAQ,QAAQ,EAAE,cAAc,CAAC,gBAAgB,CAAC;IAC/E;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;AAElE,KAAK,0BAA0B,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC,EAAE,cAAc,CAAC,KAAK,YAAY,CAAC,GAChH,IAAI,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AA2HnF,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC"}

package/dist/cjs/components/InfoToken/InfoToken.js

@@ -15,29 +15,46 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
 var _jsxruntime = require("react/jsx-runtime");
 var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
+var _react = require("react");
 var _InfoTokenmodulecss = /*#__PURE__*/ _interop_require_default._(require("./InfoToken.module.css"));
 var defaultProps = {
-    variant: 'information',
+    variant: 'outline',
+    type: 'information',
     size: 'xs'
 };
-var colorResolver = function colorResolver(variant) {
-    switch(variant){
+var colorResolver = function colorResolver(type) {
+    switch(type){
         case 'error':
             return 'var(--mantine-color-error)';
         case 'advice':
         case 'question':
             return 'var(--coveo-color-text-primary)';
         case 'warning':
-            return 'var(--mantine-color-warning-filled)';
+            return 'var(--mantine-color-yellow-text)';
+        case 'success':
+            return 'var(--mantine-color-green-text)';
         case 'information':
         default:
-            return 'var(--mantine-color-gray-3)';
+            return 'var(--mantine-color-gray-text)';
     }
 };
-var sizeResolver = function sizeResolver(size) {
-    if (typeof size === 'number') {
-        return size;
+var bgColorResolver = function bgColorResolver(type) {
+    switch(type){
+        case 'error':
+            return 'var(--mantine-color-red-light)';
+        case 'advice':
+        case 'question':
+            return 'var(--mantine-primary-color-light)';
+        case 'warning':
+            return 'var(--mantine-color-yellow-light)';
+        case 'success':
+            return 'var(--mantine-color-green-light)';
+        case 'information':
+        default:
+            return 'var(--mantine-color-gray-light)';
     }
+};
+var sizeResolver = function sizeResolver(size) {
     switch(size){
         case 'sm':
             return 20;
@@ -45,43 +62,43 @@ var sizeResolver = function sizeResolver(size) {
             return 24;
         case 'lg':
             return 32;
-        case 'xl':
-            return 40;
         case 'xs':
         default:
             return 16;
     }
 };
-var iconResolver = function iconResolver(variant) {
-    switch(variant){
+var iconResolver = function iconResolver(type) {
+    switch(type){
         case 'error':
-            return _plasmareacticons.IconAlertSquareFilled;
-        case 'information':
-            return _plasmareacticons.IconInfoCircleFilled;
-        case 'information-outline':
-            return _plasmareacticons.IconInfoCircle;
+            return _plasmareacticons.IconAlertSquare;
         case 'question':
             return _plasmareacticons.IconHelpCircle;
         case 'warning':
-            return _plasmareacticons.IconAlertTriangleFilled;
+            return _plasmareacticons.IconAlertTriangle;
         case 'advice':
+            return _plasmareacticons.IconBulb;
+        case 'success':
+            return _plasmareacticons.IconCheck;
         default:
-            return _plasmareacticons.IconBulbFilled;
+            return _plasmareacticons.IconInfoCircle;
     }
 };
 var varsResolver = (0, _core.createVarsResolver)(function(_theme, param) {
-    var variant = param.variant;
-    var color = colorResolver(variant);
+    var type = param.type;
+    var color = colorResolver(type);
+    var bgColor = bgColorResolver(type);
     return {
         root: {
-            '--info-token-color': color
+            '--it-color': color,
+            '--it-bg': bgColor
         }
     };
 });
-var InfoToken = (0, _core.polymorphicFactory)(function(_props, ref) {
+var _InfoToken = (0, _core.polymorphicFactory)(function(_props, ref) {
     var props = (0, _core.useProps)('InfoToken', defaultProps, _props);
-    var variant = props.variant, vars = props.vars, className = props.className, style = props.style, unstyled = props.unstyled, styles = props.styles, classNames = props.classNames, size = props.size, others = _object_without_properties._(props, [
+    var variant = props.variant, type = props.type, vars = props.vars, className = props.className, style = props.style, unstyled = props.unstyled, styles = props.styles, classNames = props.classNames, size = props.size, others = _object_without_properties._(props, [
         "variant",
+        "type",
         "vars",
         "className",
         "style",
@@ -101,12 +118,12 @@ var InfoToken = (0, _core.polymorphicFactory)(function(_props, ref) {
         vars: vars,
         varsResolver: varsResolver
     });
-    var IconComponent = iconResolver(variant);
+    var IconComponent = iconResolver(type);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
         ref: ref,
         variant: variant,
         role: "img",
-        "aria-label": variant,
+        "aria-label": type,
         size: size
     }, getStyles('root', {
         className: className,
@@ -119,34 +136,24 @@ var InfoToken = (0, _core.polymorphicFactory)(function(_props, ref) {
         })
     }));
 });
-var TokenInformation = InfoToken.withProps({
-    variant: 'information'
-});
-TokenInformation.displayName = 'InfoToken.Information';
-var TokenInformationOutline = InfoToken.withProps({
-    variant: 'information-outline'
-});
-var TokenAdvice = InfoToken.withProps({
-    variant: 'advice'
-});
-TokenAdvice.displayName = 'InfoToken.Advice';
-var TokenWarning = InfoToken.withProps({
-    variant: 'warning'
-});
-TokenWarning.displayName = 'InfoToken.Warning';
-var TokenError = InfoToken.withProps({
-    variant: 'error'
-});
-TokenError.displayName = 'InfoToken.Error';
-var TokenQuestion = InfoToken.withProps({
-    variant: 'question'
-});
-TokenQuestion.displayName = 'InfoToken.Question';
-InfoToken.Information = TokenInformation;
-InfoToken.InformationOutline = TokenInformationOutline;
-InfoToken.Advice = TokenAdvice;
-InfoToken.Warning = TokenWarning;
-InfoToken.Error = TokenError;
-InfoToken.Question = TokenQuestion;
+var createInfoTokenCompound = function createInfoTokenCompound(type, displayName) {
+    var Component = (0, _core.createPolymorphicComponent)(/*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken, _object_spread_props._(_object_spread._({
+            ref: ref
+        }, props), {
+            type: type
+        }));
+    }));
+    Component.displayName = displayName;
+    return Component;
+};
+var InfoToken = {
+    Information: createInfoTokenCompound('information', 'InfoToken.Information'),
+    Advice: createInfoTokenCompound('advice', 'InfoToken.Advice'),
+    Warning: createInfoTokenCompound('warning', 'InfoToken.Warning'),
+    Error: createInfoTokenCompound('error', 'InfoToken.Error'),
+    Question: createInfoTokenCompound('question', 'InfoToken.Question'),
+    Success: createInfoTokenCompound('success', 'InfoToken.Success')
+};
 
 //# sourceMappingURL=InfoToken.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/InfoToken/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        case 'question':\n            return 'var(--coveo-color-text-primary)';\n        case 'warning':\n            return 'var(--mantine-color-warning-filled)';\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 = polymorphicFactory<InfoTokenFactory>((_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\nconst TokenInformation = InfoToken.withProps({\n    variant: 'information',\n});\n(TokenInformation as typeof InfoToken).displayName = 'InfoToken.Information';\nconst TokenInformationOutline = InfoToken.withProps({\n    variant: 'information-outline',\n});\nconst TokenAdvice = InfoToken.withProps({variant: 'advice'});\n(TokenAdvice as typeof InfoToken).displayName = 'InfoToken.Advice';\nconst TokenWarning = InfoToken.withProps({variant: 'warning'});\n(TokenWarning as typeof InfoToken).displayName = 'InfoToken.Warning';\nconst TokenError = InfoToken.withProps({variant: 'error'});\n(TokenError as typeof InfoToken).displayName = 'InfoToken.Error';\nconst TokenQuestion = InfoToken.withProps({variant: 'question'});\n(TokenQuestion as typeof InfoToken).displayName = 'InfoToken.Question';\n\nInfoToken.Information = TokenInformation;\nInfoToken.InformationOutline = TokenInformationOutline;\nInfoToken.Advice = TokenAdvice;\nInfoToken.Warning = TokenWarning;\nInfoToken.Error = TokenError;\nInfoToken.Question = TokenQuestion;\n"],"names":["InfoToken","defaultProps","variant","size","colorResolver","sizeResolver","iconResolver","IconAlertSquareFilled","IconInfoCircleFilled","IconInfoCircle","IconHelpCircle","IconAlertTriangleFilled","IconBulbFilled","varsResolver","createVarsResolver","_theme","color","root","polymorphicFactory","_props","ref","props","useProps","vars","className","style","unstyled","styles","classNames","others","getStyles","useStyles","name","classes","IconComponent","Box","role","aria-label","TokenInformation","withProps","displayName","TokenInformationOutline","TokenAdvice","TokenWarning","TokenError","TokenQuestion","Information","InformationOutline","Advice","Warning","Error","Question"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/InfoToken/InfoToken.tsx"],"sourcesContent":["import {\n    IconAlertSquare,\n    IconAlertTriangle,\n    IconBulb,\n    IconCheck,\n    IconHelpCircle,\n    IconInfoCircle,\n    TablerIcon,\n} from '@coveord/plasma-react-icons';\nimport {\n    Box,\n    BoxProps,\n    createPolymorphicComponent,\n    createVarsResolver,\n    Factory,\n    PolymorphicComponentProps,\n    polymorphicFactory,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {forwardRef, FunctionComponent, ReactElement} from 'react';\nimport classes from './InfoToken.module.css';\n\nexport type InfoTokenFactory = Factory<{\n    props: InfoTokenInternalProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: InfoTokenComponentStylesNames;\n    vars: InfoTokenCssVariables;\n    variant: InfoTokenVariant;\n}>;\nexport type InfoTokenComponentStylesNames = 'root';\nexport type InfoTokenType = 'information' | 'advice' | 'warning' | 'error' | 'question' | 'success';\nexport type InfoTokenVariant = 'outline' | 'light';\nexport type InfoTokenSizes = 'xs' | 'sm' | 'md' | 'lg';\nexport type InfoTokenCssVariables = {\n    root: '--it-color' | '--it-bg';\n};\n\ninterface InfoTokenInternalProps extends BoxProps, StylesApiProps<InfoTokenFactory> {\n    /**\n     * The variant of the token.\n     *\n     * @default 'outline'\n     */\n    variant?: InfoTokenVariant;\n    /**\n     * The semantic type of the token\n     *\n     * @default 'information'\n     */\n    type?: InfoTokenType;\n    /**\n     * The size of the info token.\n     *\n     * @default 'xs'\n     */\n    size?: InfoTokenSizes;\n}\n\nexport type InfoTokenProps = Omit<InfoTokenInternalProps, 'type'>;\n\ntype InfoTokenCompoundComponent = (<C = 'div'>(props: PolymorphicComponentProps<C, InfoTokenProps>) => ReactElement) &\n    Omit<FunctionComponent<PolymorphicComponentProps<any, InfoTokenProps>>, never>;\n\nconst defaultProps: Partial<InfoTokenInternalProps> = {variant: 'outline', type: 'information', size: 'xs'};\n\nconst colorResolver = (type: InfoTokenType): string => {\n    switch (type) {\n        case 'error':\n            return 'var(--mantine-color-error)';\n        case 'advice':\n        case 'question':\n            return 'var(--coveo-color-text-primary)';\n        case 'warning':\n            return 'var(--mantine-color-yellow-text)';\n        case 'success':\n            return 'var(--mantine-color-green-text)';\n        case 'information':\n        default:\n            return 'var(--mantine-color-gray-text)';\n    }\n};\n\nconst bgColorResolver = (type: InfoTokenType): string => {\n    switch (type) {\n        case 'error':\n            return 'var(--mantine-color-red-light)';\n        case 'advice':\n        case 'question':\n            return 'var(--mantine-primary-color-light)';\n        case 'warning':\n            return 'var(--mantine-color-yellow-light)';\n        case 'success':\n            return 'var(--mantine-color-green-light)';\n        case 'information':\n        default:\n            return 'var(--mantine-color-gray-light)';\n    }\n};\n\nconst sizeResolver = (size: InfoTokenSizes): number => {\n    switch (size) {\n        case 'sm':\n            return 20;\n        case 'md':\n            return 24;\n        case 'lg':\n            return 32;\n        case 'xs':\n        default:\n            return 16;\n    }\n};\n\nconst iconResolver = (type: InfoTokenType): TablerIcon => {\n    switch (type) {\n        case 'error':\n            return IconAlertSquare;\n        case 'question':\n            return IconHelpCircle;\n        case 'warning':\n            return IconAlertTriangle;\n        case 'advice':\n            return IconBulb;\n        case 'success':\n            return IconCheck;\n        default:\n            return IconInfoCircle;\n    }\n};\n\nconst varsResolver = createVarsResolver<InfoTokenFactory>((_theme, {type}) => {\n    const color = colorResolver(type);\n    const bgColor = bgColorResolver(type);\n    return {\n        root: {\n            '--it-color': color,\n            '--it-bg': bgColor,\n        },\n    };\n});\n\nconst _InfoToken = polymorphicFactory<InfoTokenFactory>((_props, ref) => {\n    const props = useProps('InfoToken', defaultProps, _props);\n    const {variant, type, 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(type);\n    return (\n        <Box\n            ref={ref}\n            variant={variant}\n            role=\"img\"\n            aria-label={type}\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\nconst createInfoTokenCompound = (type: InfoTokenType, displayName: string): InfoTokenCompoundComponent => {\n    const Component: InfoTokenCompoundComponent = createPolymorphicComponent<'div', InfoTokenProps>(\n        forwardRef<any, InfoTokenProps>((props, ref) => <_InfoToken ref={ref} {...props} type={type} />),\n    );\n    Component.displayName = displayName;\n    return Component;\n};\n\nexport const InfoToken = {\n    Information: createInfoTokenCompound('information', 'InfoToken.Information'),\n    Advice: createInfoTokenCompound('advice', 'InfoToken.Advice'),\n    Warning: createInfoTokenCompound('warning', 'InfoToken.Warning'),\n    Error: createInfoTokenCompound('error', 'InfoToken.Error'),\n    Question: createInfoTokenCompound('question', 'InfoToken.Question'),\n    Success: createInfoTokenCompound('success', 'InfoToken.Success'),\n} as const;\n"],"names":["InfoToken","defaultProps","variant","type","size","colorResolver","bgColorResolver","sizeResolver","iconResolver","IconAlertSquare","IconHelpCircle","IconAlertTriangle","IconBulb","IconCheck","IconInfoCircle","varsResolver","createVarsResolver","_theme","color","bgColor","root","_InfoToken","polymorphicFactory","_props","ref","props","useProps","vars","className","style","unstyled","styles","classNames","others","getStyles","useStyles","name","classes","IconComponent","Box","role","aria-label","createInfoTokenCompound","displayName","Component","createPolymorphicComponent","forwardRef","Information","Advice","Warning","Error","Question","Success"],"mappings":"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"}

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

@@ -1,8 +1,16 @@
 .root {
-    --info-token-color: var(--mantine-color-primary);
-
     display: inline-flex;
     flex-shrink: 0;
     align-items: center;
-    color: var(--info-token-color);
+    color: var(--it-color);
+
+    &[data-variant='light'] {
+        background-color: var(--it-bg);
+        border-radius: var(--mantine-spacing-xxs);
+        padding: var(--mantine-spacing-xs);
+
+        &[data-size='xs'] {
+            padding: var(--mantine-spacing-xxs);
+        }
+    }
 }

package/dist/cjs/components/InlineConfirm/InlineConfirmTarget.d.ts

@@ -12,7 +12,7 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
 }) | (ButtonProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: ButtonProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
@@ -30,7 +30,7 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
         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.js").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: ButtonProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
@@ -48,7 +48,7 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
         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.js").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: ButtonProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";

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

@@ -1,2 +1,15 @@
-export { Input, type InputFactory, type InputProps } from '@mantine/core';
+import { Input as MantineInput, type InputFactory as MantineInputFactory, type InputProps } from '@mantine/core';
+import { InputLabelInfo, type InputLabelInfoFactory, type InputLabelInfoProps, type InputLabelInfoStylesNames } from './InputLabelInfo.js';
+type PlasmaInputFactory = Omit<MantineInputFactory, 'staticComponents'> & {
+    staticComponents: MantineInputFactory['staticComponents'] & {
+        LabelInfo: typeof InputLabelInfo;
+    };
+};
+declare const Input: typeof MantineInput & {
+    LabelInfo: typeof InputLabelInfo;
+};
+export { Input };
+export type InputFactory = PlasmaInputFactory;
+export type { InputProps, InputLabelInfoFactory, InputLabelInfoProps, InputLabelInfoStylesNames };
+export { InputLabelInfo };
 //# sourceMappingURL=Input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,YAAY,EAAE,KAAK,YAAY,IAAI,mBAAmB,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAC;AAC/G,OAAO,EACH,cAAc,EACd,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EACxB,KAAK,yBAAyB,EACjC,MAAM,qBAAqB,CAAC;AAE7B,KAAK,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,GAAG;IACtE,gBAAgB,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,GAAG;QACxD,SAAS,EAAE,OAAO,cAAc,CAAC;KACpC,CAAC;CACL,CAAC;AAEF,QAAA,MAAM,KAAK,EAAmB,OAAO,YAAY,GAAG;IAChD,SAAS,EAAE,OAAO,cAAc,CAAC;CACpC,CAAC;AAOF,OAAO,EAAC,KAAK,EAAC,CAAC;AACf,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAC9C,YAAY,EAAC,UAAU,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,yBAAyB,EAAC,CAAC;AAChG,OAAO,EAAC,cAAc,EAAC,CAAC"}

package/dist/cjs/components/Input/Input.js

@@ -2,13 +2,25 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "Input", {
-    enumerable: true,
-    get: function() {
-        return _core.Input;
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Input () {
+        return Input;
+    },
+    get InputLabelInfo () {
+        return _InputLabelInfo.InputLabelInfo;
     }
 });
 var _core = require("@mantine/core");
-_core.Input.displayName = 'Input';
+var _InputLabelInfo = require("./InputLabelInfo.js");
+var Input = _core.Input;
+Input.displayName = 'Input';
+Input.LabelInfo = _InputLabelInfo.InputLabelInfo;
+_InputLabelInfo.InputLabelInfo.displayName = 'Input.LabelInfo';
 
 //# sourceMappingURL=Input.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Input/Input.ts"],"sourcesContent":["import {Input} from '@mantine/core';\n\nInput.displayName = 'Input';\n\nexport {Input, type InputFactory, type InputProps} from '@mantine/core';\n"],"names":["Input","displayName"],"mappings":";;;;+BAIQA;;;eAAAA,WAAK;;;oBAJO;AAEpBA,WAAK,CAACC,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Input/Input.ts"],"sourcesContent":["import {Input as MantineInput, type InputFactory as MantineInputFactory, type InputProps} from '@mantine/core';\nimport {\n    InputLabelInfo,\n    type InputLabelInfoFactory,\n    type InputLabelInfoProps,\n    type InputLabelInfoStylesNames,\n} from './InputLabelInfo.js';\n\ntype PlasmaInputFactory = Omit<MantineInputFactory, 'staticComponents'> & {\n    staticComponents: MantineInputFactory['staticComponents'] & {\n        LabelInfo: typeof InputLabelInfo;\n    };\n};\n\nconst Input = MantineInput as typeof MantineInput & {\n    LabelInfo: typeof InputLabelInfo;\n};\n\nInput.displayName = 'Input';\nInput.LabelInfo = InputLabelInfo;\n\nInputLabelInfo.displayName = 'Input.LabelInfo';\n\nexport {Input};\nexport type InputFactory = PlasmaInputFactory;\nexport type {InputProps, InputLabelInfoFactory, InputLabelInfoProps, InputLabelInfoStylesNames};\nexport {InputLabelInfo};\n"],"names":["Input","InputLabelInfo","MantineInput","displayName","LabelInfo"],"mappings":";;;;;;;;;;;QAuBQA;eAAAA;;QAGAC;eAAAA,8BAAc;;;oBA1ByE;8BAMxF;AAQP,IAAMD,QAAQE,WAAY;AAI1BF,MAAMG,WAAW,GAAG;AACpBH,MAAMI,SAAS,GAAGH,8BAAc;AAEhCA,8BAAc,CAACE,WAAW,GAAG"}

package/dist/cjs/components/Input/InputLabelInfo.d.ts

@@ -0,0 +1,17 @@
+import { StylesApiProps, type Factory, type TooltipProps } from '@mantine/core';
+import { type ReactNode } from 'react';
+export type InputLabelInfoStylesNames = 'labelInfo';
+export interface InputLabelInfoProps extends Omit<TooltipProps, 'label' | 'classNames' | 'attributes' | 'styles' | 'vars'>, StylesApiProps<InputLabelInfoFactory> {
+    children: ReactNode;
+}
+export type InputLabelInfoFactory = Factory<{
+    props: InputLabelInfoProps;
+    ref: HTMLSpanElement;
+    stylesNames: InputLabelInfoStylesNames;
+}>;
+export declare const InputLabelInfo: import("@mantine/core").MantineComponent<{
+    props: InputLabelInfoProps;
+    ref: HTMLSpanElement;
+    stylesNames: InputLabelInfoStylesNames;
+}>;
+//# sourceMappingURL=InputLabelInfo.d.ts.map

package/dist/cjs/components/Input/InputLabelInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabelInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputLabelInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAgC,KAAK,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AACrH,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAIrC,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,mBACb,SACI,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,YAAY,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC7E,cAAc,CAAC,qBAAqB,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;IACxC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,eAAe,CAAC;IACrB,WAAW,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAIH,eAAO,MAAM,cAAc;WAPhB,mBAAmB;SACrB,eAAe;iBACP,yBAAyB;EAyBxC,CAAC"}