npm - @coveord/plasma-mantine - Versions diffs - 57.1.0 → 58.0.0 - Mend

@coveord/plasma-mantine 57.1.0 → 58.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (268) hide show

package/dist/cjs/theme/plasmaCSSVariablesResolver.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"plasmaCSSVariablesResolver.d.ts","sourceRoot":"","sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAGH,oBAAoB,EAKvB,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,0BAA0B,EAAE,~~oBA0FxC~~,CAAC"}
1	+ {"version":3,"file":"plasmaCSSVariablesResolver.d.ts","sourceRoot":"","sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAGH,oBAAoB,EAKvB,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,0BAA0B,EAAE,oBAuFxC,CAAC"}

package/dist/cjs/theme/plasmaCSSVariablesResolver.js CHANGED Viewed

@@ -23,7 +23,7 @@ var plasmaCSSVariablesResolver = function plasmaCSSVariablesResolver(theme) {
         },
         dark: {
             // custom colors
-            '--coveo-color-title': 'var(--mantine-color-white)',
+            '--coveo-color-title': 'var(--mantine-color-text)',
             '--coveo-app-background': theme.colors.dark[8],
             '--coveo-color-input-border': theme.colors.dark[4],
             '--coveo-color-text-readonly': theme.colors.dark[0],
@@ -50,7 +50,7 @@ var plasmaCSSVariablesResolver = function plasmaCSSVariablesResolver(theme) {
             // custom colors
             '--coveo-app-background': theme.colors.gray[0],
             '--coveo-color-input-border': theme.colors.gray[3],
-            '--coveo-color-title': theme.colors.gray[8],
+            '--coveo-color-title': 'var(--mantine-color-text)',
             '--coveo-color-text-readonly': 'var(--mantine-color-text)',
             '--coveo-color-bg-readonly': theme.colors.gray[1],
             '--coveo-color-text-primary': 'var(--mantine-primary-color-filled)',
@@ -61,12 +61,9 @@ var plasmaCSSVariablesResolver = function plasmaCSSVariablesResolver(theme) {
             '--mantine-color-default-border': theme.colors.gray[2],
             '--mantine-color-default-hover': theme.colors.gray[1],
             '--mantine-color-error': theme.colors.red[5],
-            '--mantine-color-text': theme.colors.gray[6],
             '--mantine-color-dimmed': theme.colors.gray[5],
-            '--mantine-color-gray-filled': theme.colors.gray[4],
-            '--mantine-color-warning-filled': theme.colors.yellow[4],
             '--mantine-color-placeholder': theme.colors.gray[4],
-            '--mantine-color-disabled': (0, _core.alpha)(theme.colors.gray[4], 0.1),
+            '--mantine-color-disabled': theme.colors.gray[1],
             '--mantine-color-disabled-color': theme.colors.gray[3]
         }
     };

package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"sourcesContent":["import {\n alpha,\n ConvertCSSVariablesInput,\n CSSVariablesResolver,\n defaultCssVariablesResolver,\n getPrimaryShade,\n MantineColor,\n MantineTheme,\n} from '@mantine/core';\n\nexport const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {\n // Get the default Mantine CSS variables\n const mantineVariables = defaultCssVariablesResolver(theme);\n\n // Define your custom variables\n const customVariables: ConvertCSSVariablesInput = {\n variables: {\n '--coveo-fw-light': '300',\n '--coveo-fw-normal': '400',\n '--coveo-fw-bold': '500',\n },\n dark: {\n // custom colors\n '--coveo-color-title': 'var(--mantine-color-~~white~~)',\n '--coveo-app-background': theme.colors.dark[8],\n '--coveo-color-input-border': theme.colors.dark[4],\n '--coveo-color-text-readonly': theme.colors.dark[0],\n '--coveo-color-bg-readonly': theme.colors.dark[6],\n '--coveo-color-text-primary': 'var(--mantine-primary-color-4)',\n '--coveo-color-bg-dark-surface': 'var(--mantine-primary-color-3)',\n\n // mantine overrides\n '--mantine-primary-color-light': 'var(--mantine-primary-color-7)',\n '--mantine-color-body': theme.colors.dark[7],\n '--mantine-color-default': theme.colors.dark[7],\n '--mantine-color-default-border': theme.colors.dark[6],\n '--mantine-color-default-hover': theme.colors.dark[6],\n '--mantine-color-error': theme.colors.red[4],\n '--mantine-color-text': theme.colors.dark[0],\n '--mantine-color-dimmed': theme.colors.dark[1],\n '--mantine-color-gray-filled': theme.colors.dark[6],\n '--mantine-color-warning-filled': theme.colors.yellow[2],\n '--mantine-color-warning-light': theme.colors.yellow[6],\n '--mantine-color-placeholder': theme.colors.dark[2],\n '--mantine-color-disabled': theme.colors.dark[7],\n '--mantine-color-disabled-color': theme.colors.dark[3],\n },\n light: {\n // custom colors\n '--coveo-app-background': theme.colors.gray[0],\n '--coveo-color-input-border': theme.colors.gray[3],\n '--coveo-color-title': ~~theme.colors.gray[8],\~~n '--coveo-color-text-readonly': 'var(--mantine-color-text)',\n '--coveo-color-bg-readonly': theme.colors.gray[1],\n '--coveo-color-text-primary': 'var(--mantine-primary-color-filled)',\n '--coveo-color-bg-dark-surface': theme.colors.violet[9],\n\n // mantine overrides\n '--mantine-color-body': 'var(--mantine-color-white)',\n '--mantine-color-default': 'var(--mantine-color-white)',\n '--mantine-color-default-border': theme.colors.gray[2],\n '--mantine-color-default-hover': theme.colors.gray[1],\n '--mantine-color-error': theme.colors.red[5],\n '--mantine-color-~~text': theme.colors.gray[6],\n '--mantine-color-~~dimmed': theme.colors.gray[5],\n '--mantine-color-~~gray-filled': theme.colors.gray[4],\n '--mantine-color-warning-filled': theme.colors.yellow[4],\n '--mantine-color-~~placeholder': theme.colors.gray[4],\n '--mantine-color-disabled': ~~alpha(~~theme.colors.gray[4]~~, 0.1)~~,\n '--mantine-color-disabled-color': theme.colors.gray[3],\n },\n };\n\n Object.keys(theme.colors).forEach((color) => {\n Object.assign(\n customVariables.light,\n getVariantLightVariables({\n theme,\n color,\n colorScheme: 'light',\n }),\n );\n });\n // Merge Mantine variables with custom variables\n const result: ConvertCSSVariablesInput = {\n variables: {\n ...mantineVariables.variables,\n ...customVariables.variables,\n },\n dark: {\n ...mantineVariables.dark,\n ...customVariables.dark,\n },\n light: {\n ...mantineVariables.light,\n ...customVariables.light,\n },\n };\n\n return result;\n};\n\ninterface GetColorVariablesInput {\n theme: MantineTheme;\n color: MantineColor;\n colorScheme: 'light' \| 'dark';\n}\n\nconst getVariantLightVariables = ({theme, color, colorScheme}: GetColorVariablesInput) => {\n if (!theme.colors[color]) {\n return {};\n }\n\n if (colorScheme === 'light') {\n const primaryShade = getPrimaryShade(theme, 'light');\n return {\n [`--mantine-color-${color}-light`]: alpha(theme.colors[color][primaryShade], 0.1),\n [`--mantine-color-${color}-light-hover`]: alpha(theme.colors[color][primaryShade], 0.16),\n };\n }\n};\n"],"names":["plasmaCSSVariablesResolver","theme","mantineVariables","defaultCssVariablesResolver","customVariables","variables","dark","colors","red","yellow","light","gray","violet","~~alpha","~~Object","keys","forEach","color","assign","getVariantLightVariables","colorScheme","result","primaryShade","getPrimaryShade"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;oBAFN;AAEA,IAAMA,6BAAmD,oCAACC;IAC7D,wCAAwC;IACxC,IAAMC,mBAAmBC,IAAAA,iCAA2B,EAACF;IAErD,+BAA+B;IAC/B,IAAMG,kBAA4C;QAC9CC,WAAW;YACP,oBAAoB;YACpB,qBAAqB;YACrB,mBAAmB;QACvB;QACAC,MAAM;YACF,gBAAgB;YAChB,uBAAuB;YACvB,0BAA0BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAC9C,8BAA8BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAClD,+BAA+BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACnD,6BAA6BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACjD,8BAA8B;YAC9B,iCAAiC;YAEjC,oBAAoB;YACpB,iCAAiC;YACjC,wBAAwBL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAC5C,2BAA2BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAC/C,kCAAkCL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACtD,iCAAiCL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACrD,yBAAyBL,MAAMM,MAAM,CAACC,GAAG,CAAC,EAAE;YAC5C,wBAAwBP,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAC5C,0BAA0BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAC9C,+BAA+BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACnD,kCAAkCL,MAAMM,MAAM,CAACE,MAAM,CAAC,EAAE;YACxD,iCAAiCR,MAAMM,MAAM,CAACE,MAAM,CAAC,EAAE;YACvD,+BAA+BR,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACnD,4BAA4BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAChD,kCAAkCL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;QAC1D;QACAI,OAAO;YACH,gBAAgB;YAChB,0BAA0BT,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YAC9C,8BAA8BV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YAClD,~~uBAAuBV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE~~;~~YAC3C~~,+BAA+B;YAC/B,6BAA6BV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YACjD,8BAA8B;YAC9B,iCAAiCV,MAAMM,MAAM,CAACK,MAAM,CAAC,EAAE;YAEvD,oBAAoB;YACpB,wBAAwB;YACxB,2BAA2B;YAC3B,kCAAkCX,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YACtD,iCAAiCV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YACrD,yBAAyBV,MAAMM,MAAM,CAACC,GAAG,CAAC,EAAE;YAC5C,~~wBAAwBP~~,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;~~YAC5C,0BAA0BV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;~~YAC9C,+BAA+BV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YACnD,~~kCAAkCV~~,MAAMM,MAAM,~~CAACE,MAAM,CAAC,EAAE;YACxD,+BAA+BR,MAAMM,MAAM,~~CAACI,IAAI,CAAC,EAAE;~~YACnD~~,~~4BAA4BE,IAAAA,WAAK,EAACZ,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE,EAAE;YACxD,~~kCAAkCV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;QAC1D;IACJ;~~IAEAG~~,OAAOC,IAAI,~~CAACd~~,MAAMM,MAAM,~~EAAES~~,OAAO,CAAC,SAACC;QAC/BH,OAAOI,MAAM,~~CACTd~~,gBAAgBM,KAAK,~~EACrBS~~,yBAAyB;~~YACrBlB~~,OAAAA;~~YACAgB~~,OAAAA;YACAG,aAAa;QACjB;IAER;IACA,gDAAgD;IAChD,IAAMC,SAAmC;~~QACrChB~~,WAAW,qBACJH,iBAAiBG,SAAS,EAC1BD,gBAAgBC,SAAS;QAEhCC,MAAM,qBACCJ,iBAAiBI,IAAI,EACrBF,gBAAgBE,IAAI;QAE3BI,OAAO,qBACAR,iBAAiBQ,KAAK,EACtBN,gBAAgBM,KAAK;IAEhC;IAEA,~~OAAOW~~;AACX;AAQA,IAAMF,2BAA2B;~~QAAElB~~,cAAAA,~~OAAOgB~~,cAAAA,OAAOG,oBAAAA;IAC7C,IAAI,~~CAACnB~~,MAAMM,MAAM,~~CAACU~~,MAAM,EAAE;QACtB,OAAO,CAAC;IACZ;IAEA,IAAIG,gBAAgB,SAAS;QACzB,IAAME,eAAeC,IAAAA,qBAAe,~~EAACtB~~,OAAO;YACrC;QAAP,OAAO,WACH,mBADG,MACF,AAAC,mBAAwB,~~OAANgB~~,OAAM,~~WAAUJ~~,IAAAA,WAAK,~~EAACZ~~,MAAMM,MAAM,~~CAACU~~,MAAM,CAACK,aAAa,EAAE,OAC7E,mBAFG,MAEF,AAAC,mBAAwB,OAANL,OAAM,~~iBAAgBJ~~,IAAAA,WAAK,~~EAACZ~~,MAAMM,MAAM,~~CAACU~~,MAAM,CAACK,aAAa,EAAE,QAFhF;IAIX;AACJ"}
1	+ {"version":3,"sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"sourcesContent":["import {\n alpha,\n ConvertCSSVariablesInput,\n CSSVariablesResolver,\n defaultCssVariablesResolver,\n getPrimaryShade,\n MantineColor,\n MantineTheme,\n} from '@mantine/core';\n\nexport const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {\n // Get the default Mantine CSS variables\n const mantineVariables = defaultCssVariablesResolver(theme);\n\n // Define your custom variables\n const customVariables: ConvertCSSVariablesInput = {\n variables: {\n '--coveo-fw-light': '300',\n '--coveo-fw-normal': '400',\n '--coveo-fw-bold': '500',\n },\n dark: {\n // custom colors\n '--coveo-color-title': 'var(--mantine-color-text)',\n '--coveo-app-background': theme.colors.dark[8],\n '--coveo-color-input-border': theme.colors.dark[4],\n '--coveo-color-text-readonly': theme.colors.dark[0],\n '--coveo-color-bg-readonly': theme.colors.dark[6],\n '--coveo-color-text-primary': 'var(--mantine-primary-color-4)',\n '--coveo-color-bg-dark-surface': 'var(--mantine-primary-color-3)',\n\n // mantine overrides\n '--mantine-primary-color-light': 'var(--mantine-primary-color-7)',\n '--mantine-color-body': theme.colors.dark[7],\n '--mantine-color-default': theme.colors.dark[7],\n '--mantine-color-default-border': theme.colors.dark[6],\n '--mantine-color-default-hover': theme.colors.dark[6],\n '--mantine-color-error': theme.colors.red[4],\n '--mantine-color-text': theme.colors.dark[0],\n '--mantine-color-dimmed': theme.colors.dark[1],\n '--mantine-color-gray-filled': theme.colors.dark[6],\n '--mantine-color-warning-filled': theme.colors.yellow[2],\n '--mantine-color-warning-light': theme.colors.yellow[6],\n '--mantine-color-placeholder': theme.colors.dark[2],\n '--mantine-color-disabled': theme.colors.dark[7],\n '--mantine-color-disabled-color': theme.colors.dark[3],\n },\n light: {\n // custom colors\n '--coveo-app-background': theme.colors.gray[0],\n '--coveo-color-input-border': theme.colors.gray[3],\n '--coveo-color-title': 'var(--mantine-color-text)', // @deprecated\n '--coveo-color-text-readonly': 'var(--mantine-color-text)',\n '--coveo-color-bg-readonly': theme.colors.gray[1],\n '--coveo-color-text-primary': 'var(--mantine-primary-color-filled)',\n '--coveo-color-bg-dark-surface': theme.colors.violet[9],\n\n // mantine overrides\n '--mantine-color-body': 'var(--mantine-color-white)',\n '--mantine-color-default': 'var(--mantine-color-white)',\n '--mantine-color-default-border': theme.colors.gray[2],\n '--mantine-color-default-hover': theme.colors.gray[1],\n '--mantine-color-error': theme.colors.red[5],\n '--mantine-color-dimmed': theme.colors.gray[5],\n '--mantine-color-placeholder': theme.colors.gray[4],\n '--mantine-color-disabled': theme.colors.gray[1],\n '--mantine-color-disabled-color': theme.colors.gray[3],\n },\n };\n\n Object.keys(theme.colors).forEach((color) => {\n Object.assign(\n customVariables.light,\n getVariantLightVariables({\n theme,\n color,\n colorScheme: 'light',\n }),\n );\n });\n // Merge Mantine variables with custom variables\n const result: ConvertCSSVariablesInput = {\n variables: {\n ...mantineVariables.variables,\n ...customVariables.variables,\n },\n dark: {\n ...mantineVariables.dark,\n ...customVariables.dark,\n },\n light: {\n ...mantineVariables.light,\n ...customVariables.light,\n },\n };\n\n return result;\n};\n\ninterface GetColorVariablesInput {\n theme: MantineTheme;\n color: MantineColor;\n colorScheme: 'light' \| 'dark';\n}\n\nconst getVariantLightVariables = ({theme, color, colorScheme}: GetColorVariablesInput) => {\n if (!theme.colors[color]) {\n return {};\n }\n\n if (colorScheme === 'light') {\n const primaryShade = getPrimaryShade(theme, 'light');\n return {\n [`--mantine-color-${color}-light`]: alpha(theme.colors[color][primaryShade], 0.1),\n [`--mantine-color-${color}-light-hover`]: alpha(theme.colors[color][primaryShade], 0.16),\n };\n }\n};\n"],"names":["plasmaCSSVariablesResolver","theme","mantineVariables","defaultCssVariablesResolver","customVariables","variables","dark","colors","red","yellow","light","gray","violet","Object","keys","forEach","color","assign","getVariantLightVariables","colorScheme","result","primaryShade","getPrimaryShade","alpha"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;oBAFN;AAEA,IAAMA,6BAAmD,oCAACC;IAC7D,wCAAwC;IACxC,IAAMC,mBAAmBC,IAAAA,iCAA2B,EAACF;IAErD,+BAA+B;IAC/B,IAAMG,kBAA4C;QAC9CC,WAAW;YACP,oBAAoB;YACpB,qBAAqB;YACrB,mBAAmB;QACvB;QACAC,MAAM;YACF,gBAAgB;YAChB,uBAAuB;YACvB,0BAA0BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAC9C,8BAA8BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAClD,+BAA+BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACnD,6BAA6BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACjD,8BAA8B;YAC9B,iCAAiC;YAEjC,oBAAoB;YACpB,iCAAiC;YACjC,wBAAwBL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAC5C,2BAA2BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAC/C,kCAAkCL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACtD,iCAAiCL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACrD,yBAAyBL,MAAMM,MAAM,CAACC,GAAG,CAAC,EAAE;YAC5C,wBAAwBP,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAC5C,0BAA0BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAC9C,+BAA+BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACnD,kCAAkCL,MAAMM,MAAM,CAACE,MAAM,CAAC,EAAE;YACxD,iCAAiCR,MAAMM,MAAM,CAACE,MAAM,CAAC,EAAE;YACvD,+BAA+BR,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACnD,4BAA4BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAChD,kCAAkCL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;QAC1D;QACAI,OAAO;YACH,gBAAgB;YAChB,0BAA0BT,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YAC9C,8BAA8BV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YAClD,uBAAuB;YACvB,+BAA+B;YAC/B,6BAA6BV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YACjD,8BAA8B;YAC9B,iCAAiCV,MAAMM,MAAM,CAACK,MAAM,CAAC,EAAE;YAEvD,oBAAoB;YACpB,wBAAwB;YACxB,2BAA2B;YAC3B,kCAAkCX,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YACtD,iCAAiCV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YACrD,yBAAyBV,MAAMM,MAAM,CAACC,GAAG,CAAC,EAAE;YAC5C,0BAA0BP,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YAC9C,+BAA+BV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YACnD,4BAA4BV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YAChD,kCAAkCV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;QAC1D;IACJ;IAEAE,OAAOC,IAAI,CAACb,MAAMM,MAAM,EAAEQ,OAAO,CAAC,SAACC;QAC/BH,OAAOI,MAAM,CACTb,gBAAgBM,KAAK,EACrBQ,yBAAyB;YACrBjB,OAAAA;YACAe,OAAAA;YACAG,aAAa;QACjB;IAER;IACA,gDAAgD;IAChD,IAAMC,SAAmC;QACrCf,WAAW,qBACJH,iBAAiBG,SAAS,EAC1BD,gBAAgBC,SAAS;QAEhCC,MAAM,qBACCJ,iBAAiBI,IAAI,EACrBF,gBAAgBE,IAAI;QAE3BI,OAAO,qBACAR,iBAAiBQ,KAAK,EACtBN,gBAAgBM,KAAK;IAEhC;IAEA,OAAOU;AACX;AAQA,IAAMF,2BAA2B;QAAEjB,cAAAA,OAAOe,cAAAA,OAAOG,oBAAAA;IAC7C,IAAI,CAAClB,MAAMM,MAAM,CAACS,MAAM,EAAE;QACtB,OAAO,CAAC;IACZ;IAEA,IAAIG,gBAAgB,SAAS;QACzB,IAAME,eAAeC,IAAAA,qBAAe,EAACrB,OAAO;YACrC;QAAP,OAAO,WACH,mBADG,MACF,AAAC,mBAAwB,OAANe,OAAM,WAAUO,IAAAA,WAAK,EAACtB,MAAMM,MAAM,CAACS,MAAM,CAACK,aAAa,EAAE,OAC7E,mBAFG,MAEF,AAAC,mBAAwB,OAANL,OAAM,iBAAgBO,IAAAA,WAAK,EAACtB,MAAMM,MAAM,CAACS,MAAM,CAACK,aAAa,EAAE,QAFhF;IAIX;AACJ"}

package/dist/esm/components/ActionIcon/ActionIcon.d.ts CHANGED Viewed

@@ -16,7 +16,7 @@ export declare const ActionIcon: (<C = "button">(props: import("@mantine/core").
 }) | (ActionIconProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: ActionIconProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
@@ -34,7 +34,7 @@ export declare const ActionIcon: (<C = "button">(props: import("@mantine/core").
         DestructiveTertiary: typeof ActionIconDestructiveTertiary;
         DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: ActionIconProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
@@ -52,7 +52,7 @@ export declare const ActionIcon: (<C = "button">(props: import("@mantine/core").
         DestructiveTertiary: typeof ActionIconDestructiveTertiary;
         DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: ActionIconProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";

package/dist/esm/components/Alert/Alert.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ export declare const Alert: (<C = "div">(props: import("@mantine/core").Polymorp
 }) | (AlertProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: AlertProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
@@ -20,7 +20,7 @@ export declare const Alert: (<C = "div">(props: import("@mantine/core").Polymorp
         Warning: typeof AlertWarning;
         Critical: typeof AlertCritical;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: AlertProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
@@ -33,7 +33,7 @@ export declare const Alert: (<C = "div">(props: import("@mantine/core").Polymorp
         Warning: typeof AlertWarning;
         Critical: typeof AlertCritical;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: AlertProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";

package/dist/esm/components/Alert/Alert.js CHANGED Viewed

@@ -8,9 +8,7 @@ export const Alert = polymorphicFactory((props, ref)=>/*#__PURE__*/ _jsx(Mantine
 Alert.displayName = 'Alert';
 const AlertInformation = Alert.withProps({
     color: 'gray',
-    icon: /*#__PURE__*/ _jsx(InfoToken, {
-        variant: "information"
-    }),
+    icon: /*#__PURE__*/ _jsx(InfoToken.Information, {}),
     vars: ()=>({
             root: {
                 '--alert-color': 'var(--mantine-color-text)',
@@ -20,9 +18,7 @@ const AlertInformation = Alert.withProps({
 });
 AlertInformation.displayName = 'Alert.Information';
 const AlertAdvice = Alert.withProps({
-    icon: /*#__PURE__*/ _jsx(InfoToken, {
-        variant: "advice"
-    }),
+    icon: /*#__PURE__*/ _jsx(InfoToken.Advice, {}),
     vars: ()=>({
             root: {
                 '--alert-color': 'var(--mantine-primary-color-filled)',
@@ -33,9 +29,7 @@ const AlertAdvice = Alert.withProps({
 AlertAdvice.displayName = 'Alert.Advice';
 const AlertWarning = Alert.withProps({
     color: 'warning',
-    icon: /*#__PURE__*/ _jsx(InfoToken, {
-        variant: "warning"
-    }),
+    icon: /*#__PURE__*/ _jsx(InfoToken.Warning, {}),
     vars: ()=>({
             root: {
                 '--alert-color': 'var(--mantine-color-warning-filled)',
@@ -45,9 +39,7 @@ const AlertWarning = Alert.withProps({
 });
 AlertWarning.displayName = 'Alert.Warning';
 const AlertCritical = Alert.withProps({
-    icon: /*#__PURE__*/ _jsx(InfoToken, {
-        variant: "error"
-    }),
+    icon: /*#__PURE__*/ _jsx(InfoToken.Error, {}),
     vars: ()=>({
             root: {
                 '--alert-color': 'var(--mantine-color-error)',

package/dist/esm/components/Alert/Alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import {\n AlertCssVariables,\n AlertProps,\n AlertStylesNames,\n AlertVariant,\n Factory,\n Alert as MantineAlert,\n polymorphicFactory,\n} from '@mantine/core';\nimport {type ComponentType} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\n\ntype AlertOverloadFactory = Factory<{\n props: AlertProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: AlertStylesNames;\n vars: AlertCssVariables;\n variant: AlertVariant;\n staticComponents: {\n Information: typeof AlertInformation;\n Advice: typeof AlertAdvice;\n Warning: typeof AlertWarning;\n Critical: typeof AlertCritical;\n };\n}>;\n\nexport const Alert = polymorphicFactory<AlertOverloadFactory>((props, ref) => <MantineAlert {...props} ref={ref} />);\nAlert.displayName = 'Alert';\n\nconst AlertInformation = Alert.withProps({\n color: 'gray',\n icon: <InfoToken ~~variant=\"information\"~~ />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-text)',\n '--alert-bg': 'var(--mantine-color-gray-light)',\n },\n }),\n});\n(AlertInformation as ComponentType).displayName = 'Alert.Information';\n\nconst AlertAdvice = Alert.withProps({\n icon: <InfoToken ~~variant=\"advice\"~~ />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-primary-color-filled)',\n '--alert-bg': 'var(--mantine-primary-color-light)',\n },\n }),\n});\n(AlertAdvice as ComponentType).displayName = 'Alert.Advice';\n\nconst AlertWarning = Alert.withProps({\n color: 'warning',\n icon: <InfoToken ~~variant=\"warning\"~~ />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-warning-filled)',\n '--alert-bg': 'var(--mantine-color-warning-light)',\n },\n }),\n});\n(AlertWarning as ComponentType).displayName = 'Alert.Warning';\n\nconst AlertCritical = Alert.withProps({\n icon: <InfoToken ~~variant=\"error\"~~ />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-error)',\n '--alert-bg': 'var(--mantine-color-red-light)',\n },\n }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\n"],"names":["Alert","MantineAlert","polymorphicFactory","InfoToken","props","ref","displayName","AlertInformation","withProps","color","icon","~~variant~~","vars","root","AlertAdvice","~~AlertWarning~~","~~AlertCritical~~","~~Information~~","~~Advice~~","~~Warning~~","Critical"],"mappings":";AAAA,SAMIA,SAASC,YAAY,EACrBC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,SAAS,QAAO,4BAA4B;AAiBpD,OAAO,MAAMH,QAAQE,mBAAyC,CAACE,OAAOC,oBAAQ,KAACJ;QAAc,GAAGG,KAAK;QAAEC,KAAKA;QAAS;AACrHL,MAAMM,WAAW,GAAG;AAEpB,MAAMC,mBAAmBP,MAAMQ,SAAS,CAAC;IACrCC,OAAO;IACPC,oBAAM,KAACP;~~QAAUQ~~,~~SAAQ;;IACzBC,~~MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCN,iBAAmCD,WAAW,GAAG;AAElD,MAAMQ,cAAcd,MAAMQ,SAAS,CAAC;IAChCE,oBAAM,KAACP~~;QAAUQ~~,~~SAAQ;;IACzBC~~,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCC,YAA8BR,WAAW,GAAG;AAE7C,~~MAAMS~~,~~eAAef~~,MAAMQ,SAAS,CAAC;IACjCC,OAAO;IACPC,oBAAM,KAACP;~~QAAUQ~~,~~SAAQ;;IACzBC,~~MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;~~AACCE~~,aAA+BT,WAAW,GAAG;AAE9C,~~MAAMU~~,~~gBAAgBhB~~,MAAMQ,SAAS,CAAC;IAClCE,oBAAM,KAACP;~~QAAUQ~~,~~SAAQ;;IACzBC,~~MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;~~AACCG~~,~~cAAgCV~~,WAAW,GAAG;AAE/CN,~~MAAMiB~~,WAAW,~~GAAGV~~;AACpBP,~~MAAMkB~~,MAAM,~~GAAGJ~~;AACfd,~~MAAMmB~~,OAAO,~~GAAGJ~~;~~AAChBf~~,MAAMoB,QAAQ,~~GAAGJ~~"}
1	+ {"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import {\n AlertCssVariables,\n AlertProps,\n AlertStylesNames,\n AlertVariant,\n Factory,\n Alert as MantineAlert,\n polymorphicFactory,\n} from '@mantine/core';\nimport {type ComponentType} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\n\ntype AlertOverloadFactory = Factory<{\n props: AlertProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: AlertStylesNames;\n vars: AlertCssVariables;\n variant: AlertVariant;\n staticComponents: {\n Information: typeof AlertInformation;\n Advice: typeof AlertAdvice;\n Warning: typeof AlertWarning;\n Critical: typeof AlertCritical;\n };\n}>;\n\nexport const Alert = polymorphicFactory<AlertOverloadFactory>((props, ref) => <MantineAlert {...props} ref={ref} />);\nAlert.displayName = 'Alert';\n\nconst AlertInformation = Alert.withProps({\n color: 'gray',\n icon: <InfoToken.Information />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-text)',\n '--alert-bg': 'var(--mantine-color-gray-light)',\n },\n }),\n});\n(AlertInformation as ComponentType).displayName = 'Alert.Information';\n\nconst AlertAdvice = Alert.withProps({\n icon: <InfoToken.Advice />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-primary-color-filled)',\n '--alert-bg': 'var(--mantine-primary-color-light)',\n },\n }),\n});\n(AlertAdvice as ComponentType).displayName = 'Alert.Advice';\n\nconst AlertWarning = Alert.withProps({\n color: 'warning',\n icon: <InfoToken.Warning />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-warning-filled)',\n '--alert-bg': 'var(--mantine-color-warning-light)',\n },\n }),\n});\n(AlertWarning as ComponentType).displayName = 'Alert.Warning';\n\nconst AlertCritical = Alert.withProps({\n icon: <InfoToken.Error />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-error)',\n '--alert-bg': 'var(--mantine-color-red-light)',\n },\n }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\n"],"names":["Alert","MantineAlert","polymorphicFactory","InfoToken","props","ref","displayName","AlertInformation","withProps","color","icon","Information","vars","root","AlertAdvice","Advice","AlertWarning","Warning","AlertCritical","Error","Critical"],"mappings":";AAAA,SAMIA,SAASC,YAAY,EACrBC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,SAAS,QAAO,4BAA4B;AAiBpD,OAAO,MAAMH,QAAQE,mBAAyC,CAACE,OAAOC,oBAAQ,KAACJ;QAAc,GAAGG,KAAK;QAAEC,KAAKA;QAAS;AACrHL,MAAMM,WAAW,GAAG;AAEpB,MAAMC,mBAAmBP,MAAMQ,SAAS,CAAC;IACrCC,OAAO;IACPC,oBAAM,KAACP,UAAUQ,WAAW;IAC5BC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCN,iBAAmCD,WAAW,GAAG;AAElD,MAAMQ,cAAcd,MAAMQ,SAAS,CAAC;IAChCE,oBAAM,KAACP,UAAUY,MAAM;IACvBH,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCC,YAA8BR,WAAW,GAAG;AAE7C,MAAMU,eAAehB,MAAMQ,SAAS,CAAC;IACjCC,OAAO;IACPC,oBAAM,KAACP,UAAUc,OAAO;IACxBL,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCG,aAA+BV,WAAW,GAAG;AAE9C,MAAMY,gBAAgBlB,MAAMQ,SAAS,CAAC;IAClCE,oBAAM,KAACP,UAAUgB,KAAK;IACtBP,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCK,cAAgCZ,WAAW,GAAG;AAE/CN,MAAMW,WAAW,GAAGJ;AACpBP,MAAMe,MAAM,GAAGD;AACfd,MAAMiB,OAAO,GAAGD;AAChBhB,MAAMoB,QAAQ,GAAGF"}

package/dist/esm/components/AppShell/AppShell.d.ts CHANGED Viewed

@@ -1,2 +1,9 @@
-export { AppShell, type AppShellFactory, type AppShellProps } from '@mantine/core';
+import { AppShellMainProps, Factory, AppShell } from '@mantine/core';
+export type AppShellMainFactory = Factory<{
+    props: AppShellMainProps;
+    ref: HTMLElement;
+    compound: true;
+}>;
+export { AppShell };
+export { type AppShellFactory, type AppShellProps } from '@mantine/core';
 //# sourceMappingURL=AppShell.d.ts.map

package/dist/esm/components/AppShell/AppShell.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/AppShell/AppShell.ts"],"names":[],"mappings":"~~AAUA~~,OAAO,EAAC,QAAQ,EAAE,KAAK,eAAe,EAAE,KAAK,aAAa,EAAC,MAAM,eAAe,CAAC"}
1	+ {"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAO,OAAO,EAAW,QAAQ,EAAC,MAAM,eAAe,CAAC;AAGjF,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,GAAG,EAAE,WAAW,CAAC;IACjB,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAiBH,OAAO,EAAC,QAAQ,EAAC,CAAC;AAElB,OAAO,EAAC,KAAK,eAAe,EAAE,KAAK,aAAa,EAAC,MAAM,eAAe,CAAC"}

package/dist/esm/components/AppShell/AppShell.js CHANGED Viewed

@@ -1,11 +1,23 @@
-import { AppShell } from '@mantine/core';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, factory, AppShell } from '@mantine/core';
+import classes from './AppShell.module.css';
+const BaseAppShellMain = AppShell.Main;
+const AppShellMain = factory(({ children, ...others }, ref)=>/*#__PURE__*/ _jsx(BaseAppShellMain, {
+        ref: ref,
+        ...others,
+        children: /*#__PURE__*/ _jsx(Box, {
+            className: classes.content,
+            children: children
+        })
+    }));
+AppShell.Main = AppShellMain;
+AppShellMain.displayName = 'AppShell.Main';
 AppShell.displayName = 'AppShell';
 AppShell.Header.displayName = 'AppShell.Header';
 AppShell.Navbar.displayName = 'AppShell.Navbar';
-AppShell.Main.displayName = 'AppShell.Main';
 AppShell.Aside.displayName = 'AppShell.Aside';
 AppShell.Footer.displayName = 'AppShell.Footer';
 AppShell.Section.displayName = 'AppShell.Section';
-export { AppShell } from '@mantine/core';
+export { AppShell };
 //# sourceMappingURL=AppShell.js.map

package/dist/esm/components/AppShell/AppShell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/AppShell/AppShell.ts"],"sourcesContent":["import {AppShell} from '@mantine/core';\n\nAppShell.displayName = 'AppShell';\nAppShell.~~Header.~~displayName = 'AppShell~~.Header~~';\nAppShell.~~Navbar~~.displayName = 'AppShell.~~Navbar~~';\nAppShell.~~Main~~.displayName = 'AppShell.~~Main~~';\nAppShell.Aside.displayName = 'AppShell.Aside';\nAppShell.Footer.displayName = 'AppShell.Footer';\nAppShell.Section.displayName = 'AppShell.Section';\n\nexport {AppShell, type AppShellFactory, type AppShellProps} from '@mantine/core';\n"],"names":["AppShell","displayName","Header","Navbar","~~Main","~~Aside","Footer","Section"],"mappings":"AAAA,~~SAAQA~~,QAAQ,QAAO,gBAAgB;~~AAEvCA~~,~~SAASC~~,~~WAAW~~,~~GAAG~~;~~AACvBD~~,~~SAASE~~,MAAM,~~CAACD~~,WAAW,GAAG;~~AAC9BD~~,~~SAASG~~,MAAM,~~CAACF~~,WAAW,GAAG;~~AAC9BD~~,~~SAASI~~,~~IAAI~~,~~CAACH~~,WAAW,GAAG;~~AAC5BD~~,~~SAASK~~,KAAK,~~CAACJ~~,WAAW,GAAG;~~AAC7BD~~,~~SAASM~~,MAAM,~~CAACL~~,WAAW,GAAG;~~AAC9BD~~,~~SAASO~~,OAAO,~~CAACN~~,WAAW,GAAG;AAE/B,~~SAAQD~~,QAAQ,~~QAAiD,gBAAgB~~"}
1	+ {"version":3,"sources":["../../../../src/components/AppShell/AppShell.tsx"],"sourcesContent":["import {AppShellMainProps, Box, Factory, factory, AppShell} from '@mantine/core';\nimport classes from './AppShell.module.css';\n\nexport type AppShellMainFactory = Factory<{\n props: AppShellMainProps;\n ref: HTMLElement;\n compound: true;\n}>;\nconst BaseAppShellMain = AppShell.Main;\nconst AppShellMain = factory<AppShellMainFactory>(({children, ...others}, ref) => (\n <BaseAppShellMain ref={ref} {...others}>\n <Box className={classes.content}>{children}</Box>\n </BaseAppShellMain>\n));\nAppShell.Main = AppShellMain;\nAppShellMain.displayName = 'AppShell.Main';\n\nAppShell.displayName = 'AppShell';\nAppShell.Header.displayName = 'AppShell.Header';\nAppShell.Navbar.displayName = 'AppShell.Navbar';\nAppShell.Aside.displayName = 'AppShell.Aside';\nAppShell.Footer.displayName = 'AppShell.Footer';\nAppShell.Section.displayName = 'AppShell.Section';\n\nexport {AppShell};\n\nexport {type AppShellFactory, type AppShellProps} from '@mantine/core';\n"],"names":["Box","factory","AppShell","classes","BaseAppShellMain","Main","AppShellMain","children","others","ref","className","content","displayName","Header","Navbar","Aside","Footer","Section"],"mappings":";AAAA,SAA2BA,GAAG,EAAWC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AACjF,OAAOC,aAAa,wBAAwB;AAO5C,MAAMC,mBAAmBF,SAASG,IAAI;AACtC,MAAMC,eAAeL,QAA6B,CAAC,EAACM,QAAQ,EAAE,GAAGC,QAAO,EAAEC,oBACtE,KAACL;QAAiBK,KAAKA;QAAM,GAAGD,MAAM;kBAClC,cAAA,KAACR;YAAIU,WAAWP,QAAQQ,OAAO;sBAAGJ;;;AAG1CL,SAASG,IAAI,GAAGC;AAChBA,aAAaM,WAAW,GAAG;AAE3BV,SAASU,WAAW,GAAG;AACvBV,SAASW,MAAM,CAACD,WAAW,GAAG;AAC9BV,SAASY,MAAM,CAACF,WAAW,GAAG;AAC9BV,SAASa,KAAK,CAACH,WAAW,GAAG;AAC7BV,SAASc,MAAM,CAACJ,WAAW,GAAG;AAC9BV,SAASe,OAAO,CAACL,WAAW,GAAG;AAE/B,SAAQV,QAAQ,GAAE"}

package/dist/esm/components/AppShell/AppShell.module.css ADDED Viewed

@@ -0,0 +1,4 @@
+.content {
+    height: 100%;
+    overflow: auto;
+}

package/dist/esm/components/Badge/Badge.d.ts CHANGED Viewed

@@ -41,7 +41,7 @@ export declare const Badge: (<C = "div">(props: PolymorphicComponentProps<C, Bad
 }) | (BadgeProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: BadgeProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
@@ -56,7 +56,7 @@ export declare const Badge: (<C = "div">(props: PolymorphicComponentProps<C, Bad
         Warning: SemanticBadge;
         Disabled: SemanticBadge;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/factory").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: BadgeProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
@@ -71,7 +71,7 @@ export declare const Badge: (<C = "div">(props: PolymorphicComponentProps<C, Bad
         Warning: SemanticBadge;
         Disabled: SemanticBadge;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: BadgeProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";

package/dist/esm/components/BrowserPreview/BrowserPreview.js CHANGED Viewed

@@ -31,8 +31,7 @@ export const BrowserPreview = ({ children, headerTooltip, title, className, ...o
                                 label: headerTooltip,
                                 position: "right",
                                 maw: 400,
-                                children: /*#__PURE__*/ _jsx(InfoToken, {
-                                    variant: "information",
+                                children: /*#__PURE__*/ _jsx(InfoToken.Information, {
                                     className: BrowserPreviewClasses.infoIcon
                                 })
                             })

package/dist/esm/components/BrowserPreview/BrowserPreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/BrowserPreview/BrowserPreview.tsx"],"sourcesContent":["import {Flex, Group, Stack, StackProps, Text, Tooltip} from '@mantine/core';\nimport cx from 'clsx';\nimport {PropsWithChildren} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport BrowserPreviewClasses from './BrowserPreview.module.css';\n\nexport interface BrowserPreviewProps extends StackProps {\n /*\n Text to display in a tooltip in the header.\n \n /\n headerTooltip?: string;\n /*\n Custom title to be displayed at the center of the header.\n */\n title?: string;\n}\n\nexport const BrowserPreview = ({\n children,\n headerTooltip,\n title,\n className,\n ...others\n}: PropsWithChildren<BrowserPreviewProps>) => (\n <Stack className={cx(BrowserPreviewClasses.root, className)} gap={0} maw={544} mih={0} {...others}>\n <Group\n className={BrowserPreviewClasses.header}\n justify=\"space-between\"\n p=\"sm\"\n bg=\"var(--mantine-color-default-hover)\"\n wrap=\"nowrap\"\n >\n <Group gap=\"xs\" wrap=\"nowrap\">\n <Text c=\"dimmed\" fz=\"md\" lh=\"18px\">\n Preview\n </Text>\n {!!headerTooltip && (\n <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n <InfoToken ~~variant=\"information\"~~ className={BrowserPreviewClasses.infoIcon} />\n </Tooltip>\n )}\n </Group>\n {title && (\n <Text lineClamp={1} c=\"dimmed\" fz=\"md\" lh=\"18px\">\n {title}\n </Text>\n )}\n </Group>\n <Flex className={BrowserPreviewClasses.content} p=\"lg\" direction=\"column\">\n {children}\n </Flex>\n </Stack>\n);\n"],"names":["Flex","Group","Stack","Text","Tooltip","cx","InfoToken","BrowserPreviewClasses","BrowserPreview","children","headerTooltip","title","className","others","root","gap","maw","mih","header","justify","p","bg","wrap","c","fz","lh","label","position","~~variant~~","infoIcon","lineClamp","content","direction"],"mappings":";AAAA,SAAQA,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAcC,IAAI,EAAEC,OAAO,QAAO,gBAAgB;AAC5E,OAAOC,QAAQ,OAAO;AAEtB,SAAQC,SAAS,QAAO,4BAA4B;AACpD,OAAOC,2BAA2B,8BAA8B;AAchE,OAAO,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,aAAa,EACbC,KAAK,EACLC,SAAS,EACT,GAAGC,QACkC,iBACrC,MAACX;QAAMU,WAAWP,GAAGE,sBAAsBO,IAAI,EAAEF;QAAYG,KAAK;QAAGC,KAAK;QAAKC,KAAK;QAAI,GAAGJ,MAAM;;0BAC7F,MAACZ;gBACGW,WAAWL,sBAAsBW,MAAM;gBACvCC,SAAQ;gBACRC,GAAE;gBACFC,IAAG;gBACHC,MAAK;;kCAEL,MAACrB;wBAAMc,KAAI;wBAAKO,MAAK;;0CACjB,KAACnB;gCAAKoB,GAAE;gCAASC,IAAG;gCAAKC,IAAG;0CAAO;;4BAGlC,CAAC,CAACf,+BACC,KAACN;gCAAQsB,OAAOhB;gCAAeiB,UAAS;gCAAQX,KAAK;0CACjD,cAAA,KAACV~~;oCAAUsB~~,~~SAAQ~~;~~oCAAchB~~,WAAWL,sBAAsBsB,QAAQ;;;;;~~oBAIrFlB~~,uBACG,KAACR;wBAAK2B,WAAW;wBAAGP,GAAE;wBAASC,IAAG;wBAAKC,IAAG;kCACrCd;;;;0BAIb,KAACX;gBAAKY,WAAWL,sBAAsBwB,OAAO;gBAAEX,GAAE;gBAAKY,WAAU;0BAC5DvB;;;OAGX"}
1	+ {"version":3,"sources":["../../../../src/components/BrowserPreview/BrowserPreview.tsx"],"sourcesContent":["import {Flex, Group, Stack, StackProps, Text, Tooltip} from '@mantine/core';\nimport cx from 'clsx';\nimport {PropsWithChildren} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport BrowserPreviewClasses from './BrowserPreview.module.css';\n\nexport interface BrowserPreviewProps extends StackProps {\n /*\n Text to display in a tooltip in the header.\n \n /\n headerTooltip?: string;\n /*\n Custom title to be displayed at the center of the header.\n */\n title?: string;\n}\n\nexport const BrowserPreview = ({\n children,\n headerTooltip,\n title,\n className,\n ...others\n}: PropsWithChildren<BrowserPreviewProps>) => (\n <Stack className={cx(BrowserPreviewClasses.root, className)} gap={0} maw={544} mih={0} {...others}>\n <Group\n className={BrowserPreviewClasses.header}\n justify=\"space-between\"\n p=\"sm\"\n bg=\"var(--mantine-color-default-hover)\"\n wrap=\"nowrap\"\n >\n <Group gap=\"xs\" wrap=\"nowrap\">\n <Text c=\"dimmed\" fz=\"md\" lh=\"18px\">\n Preview\n </Text>\n {!!headerTooltip && (\n <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n <InfoToken.Information className={BrowserPreviewClasses.infoIcon} />\n </Tooltip>\n )}\n </Group>\n {title && (\n <Text lineClamp={1} c=\"dimmed\" fz=\"md\" lh=\"18px\">\n {title}\n </Text>\n )}\n </Group>\n <Flex className={BrowserPreviewClasses.content} p=\"lg\" direction=\"column\">\n {children}\n </Flex>\n </Stack>\n);\n"],"names":["Flex","Group","Stack","Text","Tooltip","cx","InfoToken","BrowserPreviewClasses","BrowserPreview","children","headerTooltip","title","className","others","root","gap","maw","mih","header","justify","p","bg","wrap","c","fz","lh","label","position","Information","infoIcon","lineClamp","content","direction"],"mappings":";AAAA,SAAQA,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAcC,IAAI,EAAEC,OAAO,QAAO,gBAAgB;AAC5E,OAAOC,QAAQ,OAAO;AAEtB,SAAQC,SAAS,QAAO,4BAA4B;AACpD,OAAOC,2BAA2B,8BAA8B;AAchE,OAAO,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,aAAa,EACbC,KAAK,EACLC,SAAS,EACT,GAAGC,QACkC,iBACrC,MAACX;QAAMU,WAAWP,GAAGE,sBAAsBO,IAAI,EAAEF;QAAYG,KAAK;QAAGC,KAAK;QAAKC,KAAK;QAAI,GAAGJ,MAAM;;0BAC7F,MAACZ;gBACGW,WAAWL,sBAAsBW,MAAM;gBACvCC,SAAQ;gBACRC,GAAE;gBACFC,IAAG;gBACHC,MAAK;;kCAEL,MAACrB;wBAAMc,KAAI;wBAAKO,MAAK;;0CACjB,KAACnB;gCAAKoB,GAAE;gCAASC,IAAG;gCAAKC,IAAG;0CAAO;;4BAGlC,CAAC,CAACf,+BACC,KAACN;gCAAQsB,OAAOhB;gCAAeiB,UAAS;gCAAQX,KAAK;0CACjD,cAAA,KAACV,UAAUsB,WAAW;oCAAChB,WAAWL,sBAAsBsB,QAAQ;;;;;oBAI3ElB,uBACG,KAACR;wBAAK2B,WAAW;wBAAGP,GAAE;wBAASC,IAAG;wBAAKC,IAAG;kCACrCd;;;;0BAIb,KAACX;gBAAKY,WAAWL,sBAAsBwB,OAAO;gBAAEX,GAAE;gBAAKY,WAAU;0BAC5DvB;;;OAGX"}

package/dist/esm/components/Button/Button.d.ts CHANGED Viewed

@@ -16,7 +16,7 @@ export declare const Button: (<C = "button">(props: import("@mantine/core").Poly
 }) | (ButtonProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: ButtonProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
@@ -34,7 +34,7 @@ export declare const Button: (<C = "button">(props: import("@mantine/core").Poly
         DestructiveTertiary: typeof ButtonDestructiveTertiary;
         DestructiveQuaternary: typeof ButtonDestructiveQuaternary;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: ButtonProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
@@ -52,7 +52,7 @@ export declare const Button: (<C = "button">(props: import("@mantine/core").Poly
         DestructiveTertiary: typeof ButtonDestructiveTertiary;
         DestructiveQuaternary: typeof ButtonDestructiveQuaternary;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: ButtonProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";

package/dist/esm/components/ChildForm/ChildForm.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { CollapseProps, Factory, StylesApiProps } from '@mantine/core';
+import { ReactNode } from 'react';
 export type ChildFormStylesNames = 'root' | 'paper';
 export interface ChildFormProps extends CollapseProps, StylesApiProps<ChildFormFactory> {
     /**
@@ -8,7 +9,7 @@ export interface ChildFormProps extends CollapseProps, StylesApiProps<ChildFormF
     /**
      * Description of the child form.
      */
-    description?: string;
+    description?: ReactNode;
 }
 type ChildFormFactory = Factory<{
     props: ChildFormProps;
@@ -24,17 +25,17 @@ export declare const ChildForm: (<C = "div">(props: import("@mantine/core").Poly
 }) | (ChildFormProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: ChildFormProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
     stylesNames: ChildFormStylesNames;
-}> & import("node_modules/@mantine/core/lib/core/factory/factory").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: ChildFormProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
     stylesNames: ChildFormStylesNames;
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: ChildFormProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";

package/dist/esm/components/ChildForm/ChildForm.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChildForm.d.ts","sourceRoot":"","sources":["../../../../src/components/ChildForm/ChildForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,aAAa,EACb,OAAO,EAIP,cAAc,EAKjB,MAAM,eAAe,CAAC;~~AAGvB~~,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,CAAC,gBAAgB,CAAC;IACnF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,~~MAAM~~,CAAC;~~CACxB~~;AAED,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAC5B,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,oBAAoB,CAAC;CACrC,CAAC,CAAC;AAIH,eAAO,MAAM,SAAS;;;;;;;;;WARX,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;;WAH1B,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;;WAH1B,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;~~EAqCnC~~,CAAC"}
1	+ {"version":3,"file":"ChildForm.d.ts","sourceRoot":"","sources":["../../../../src/components/ChildForm/ChildForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,aAAa,EACb,OAAO,EAIP,cAAc,EAKjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,CAAC,gBAAgB,CAAC;IACnF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAC5B,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,oBAAoB,CAAC;CACrC,CAAC,CAAC;AAIH,eAAO,MAAM,SAAS;;;;;;;;;WARX,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;;WAH1B,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;;WAH1B,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;EA2CnC,CAAC"}

package/dist/esm/components/ChildForm/ChildForm.js CHANGED Viewed

@@ -4,6 +4,7 @@ import classes from './ChildForm.module.css';
 const defaultProps = {};
 export const ChildForm = polymorphicFactory((props, ref)=>{
     const { className, children, style, classNames, styles, unstyled, vars, title, description, ...others } = useProps('ChildForm', defaultProps, props);
+    const hasDescription = description !== null && description !== undefined && description !== '' && typeof description !== 'boolean';
     const getStyles = useStyles({
         name: 'ChildForm',
         classes,
@@ -23,7 +24,7 @@ export const ChildForm = polymorphicFactory((props, ref)=>{
             p: "md",
             ...getStyles('paper'),
             children: [
-                (title || description) && /*#__PURE__*/ _jsxs(Stack, {
+                (title || hasDescription) && /*#__PURE__*/ _jsxs(Stack, {
                     gap: 0,
                     mb: "md",
                     children: [
@@ -31,7 +32,8 @@ export const ChildForm = polymorphicFactory((props, ref)=>{
                             order: 5,
                             children: title
                         }),
-                        description && /*#__PURE__*/ _jsx(Text, {
+                        hasDescription && /*#__PURE__*/ _jsx(Text, {
+                            component: "div",
                             c: "gray.7",
                             children: description
                         })

package/dist/esm/components/ChildForm/ChildForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ChildForm/ChildForm.tsx"],"sourcesContent":["import {\n Collapse,\n CollapseProps,\n Factory,\n Paper,\n polymorphicFactory,\n Stack,\n StylesApiProps,\n Text,\n Title,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport classes from './ChildForm.module.css';\n\nexport type ChildFormStylesNames = 'root' \| 'paper';\n\nexport interface ChildFormProps extends CollapseProps, StylesApiProps<ChildFormFactory> {\n /*\n Title of the child form.\n /\n title?: string;\n /\n Description of the child form.\n */\n description?: ~~string~~;\n}\n\ntype ChildFormFactory = Factory<{\n props: ChildFormProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: ChildFormStylesNames;\n}>;\n\nconst defaultProps: Partial<ChildFormProps> = {};\n\nexport const ChildForm = polymorphicFactory<ChildFormFactory>((props, ref) => {\n const {className, children, style, classNames, styles, unstyled, vars, title, description, ...others} = useProps(\n 'ChildForm',\n defaultProps,\n props,\n );\n\n const getStyles = useStyles<ChildFormFactory>({\n name: 'ChildForm',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n\n return (\n <Collapse ref={ref} {...others} {...getStyles('root')}>\n <Paper p=\"md\" {...getStyles('paper')}>\n {(title \|\| ~~description~~) && (\n <Stack gap={0} mb=\"md\">\n {title && <Title order={5}>{title}</Title>}\n {~~description~~ && <Text c=\"gray.7\">{description}</Text>}\n </Stack>\n )}\n <Stack gap=\"md\">{children}</Stack>\n </Paper>\n </Collapse>\n );\n});\n\nChildForm.displayName = 'ChildForm';\n"],"names":["Collapse","Paper","polymorphicFactory","Stack","Text","Title","useProps","useStyles","classes","defaultProps","ChildForm","props","ref","className","children","style","classNames","styles","unstyled","vars","title","description","others","getStyles","name","p","gap","mb","order","c","displayName"],"mappings":";AAAA,SACIA,QAAQ,EAGRC,KAAK,EACLC,kBAAkB,EAClBC,KAAK,EAELC,IAAI,EACJC,KAAK,EACLC,QAAQ,EACRC,SAAS,QACN,gBAAgB;~~AACvB~~,OAAOC,aAAa,yBAAyB;AAsB7C,MAAMC,eAAwC,CAAC;AAE/C,OAAO,MAAMC,YAAYR,mBAAqC,CAACS,OAAOC;IAClE,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,KAAK,EAAEC,WAAW,EAAE,GAAGC,QAAO,GAAGhB,SACpG,aACAG,cACAE;~~IAGJ~~,MAAMY,~~YAAYhB~~,UAA4B;~~QAC1CiB~~,MAAM;~~QACNhB~~;QACAG;QACAE;QACAE;QACAC;QACAC;QACAC;QACAC;IACJ;IAEA,qBACI,KAACnB;QAASY,KAAKA;QAAM,GAAGU,MAAM;QAAG,~~GAAGC~~,UAAU,OAAO;kBACjD,cAAA,~~MAACtB~~;~~YAAMwB~~,GAAE;YAAM,GAAGF,UAAU,QAAQ;;~~gBAC9BH~~,CAAAA,~~SAASC~~,~~WAAU~~,~~mBACjB~~,~~MAAClB~~;~~oBAAMuB~~,KAAK;oBAAGC,IAAG;;~~wBACbP~~,uBAAS,KAACf;~~4BAAMuB~~,OAAO;~~sCAAIR~~;;~~wBAC3BC~~,~~6BAAe~~,~~KAACjB~~;~~4BAAKyB~~,GAAE;~~sCAAUR~~;;;;~~8BAG1C~~,KAAClB;~~oBAAMuB~~,KAAI;~~8BAAMZ~~;;;;;AAIjC,GAAG;AAEHJ,~~UAAUoB~~,WAAW,GAAG"}
1	+ {"version":3,"sources":["../../../../src/components/ChildForm/ChildForm.tsx"],"sourcesContent":["import {\n Collapse,\n CollapseProps,\n Factory,\n Paper,\n polymorphicFactory,\n Stack,\n StylesApiProps,\n Text,\n Title,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport classes from './ChildForm.module.css';\n\nexport type ChildFormStylesNames = 'root' \| 'paper';\n\nexport interface ChildFormProps extends CollapseProps, StylesApiProps<ChildFormFactory> {\n /*\n Title of the child form.\n /\n title?: string;\n /\n Description of the child form.\n */\n description?: ReactNode;\n}\n\ntype ChildFormFactory = Factory<{\n props: ChildFormProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: ChildFormStylesNames;\n}>;\n\nconst defaultProps: Partial<ChildFormProps> = {};\n\nexport const ChildForm = polymorphicFactory<ChildFormFactory>((props, ref) => {\n const {className, children, style, classNames, styles, unstyled, vars, title, description, ...others} = useProps(\n 'ChildForm',\n defaultProps,\n props,\n );\n const hasDescription =\n description !== null && description !== undefined && description !== '' && typeof description !== 'boolean';\n\n const getStyles = useStyles<ChildFormFactory>({\n name: 'ChildForm',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n\n return (\n <Collapse ref={ref} {...others} {...getStyles('root')}>\n <Paper p=\"md\" {...getStyles('paper')}>\n {(title \|\| hasDescription) && (\n <Stack gap={0} mb=\"md\">\n {title && <Title order={5}>{title}</Title>}\n {hasDescription && (\n <Text component=\"div\" c=\"gray.7\">\n {description}\n </Text>\n )}\n </Stack>\n )}\n <Stack gap=\"md\">{children}</Stack>\n </Paper>\n </Collapse>\n );\n});\n\nChildForm.displayName = 'ChildForm';\n"],"names":["Collapse","Paper","polymorphicFactory","Stack","Text","Title","useProps","useStyles","classes","defaultProps","ChildForm","props","ref","className","children","style","classNames","styles","unstyled","vars","title","description","others","hasDescription","undefined","getStyles","name","p","gap","mb","order","component","c","displayName"],"mappings":";AAAA,SACIA,QAAQ,EAGRC,KAAK,EACLC,kBAAkB,EAClBC,KAAK,EAELC,IAAI,EACJC,KAAK,EACLC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AAEvB,OAAOC,aAAa,yBAAyB;AAsB7C,MAAMC,eAAwC,CAAC;AAE/C,OAAO,MAAMC,YAAYR,mBAAqC,CAACS,OAAOC;IAClE,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,KAAK,EAAEC,WAAW,EAAE,GAAGC,QAAO,GAAGhB,SACpG,aACAG,cACAE;IAEJ,MAAMY,iBACFF,gBAAgB,QAAQA,gBAAgBG,aAAaH,gBAAgB,MAAM,OAAOA,gBAAgB;IAEtG,MAAMI,YAAYlB,UAA4B;QAC1CmB,MAAM;QACNlB;QACAG;QACAE;QACAE;QACAC;QACAC;QACAC;QACAC;IACJ;IAEA,qBACI,KAACnB;QAASY,KAAKA;QAAM,GAAGU,MAAM;QAAG,GAAGG,UAAU,OAAO;kBACjD,cAAA,MAACxB;YAAM0B,GAAE;YAAM,GAAGF,UAAU,QAAQ;;gBAC9BL,CAAAA,SAASG,cAAa,mBACpB,MAACpB;oBAAMyB,KAAK;oBAAGC,IAAG;;wBACbT,uBAAS,KAACf;4BAAMyB,OAAO;sCAAIV;;wBAC3BG,gCACG,KAACnB;4BAAK2B,WAAU;4BAAMC,GAAE;sCACnBX;;;;8BAKjB,KAAClB;oBAAMyB,KAAI;8BAAMd;;;;;AAIjC,GAAG;AAEHJ,UAAUuB,WAAW,GAAG"}

package/dist/esm/components/EllipsisText/EllipsisText.d.ts CHANGED Viewed

@@ -19,17 +19,17 @@ export declare const EllipsisText: (<C = "div">(props: import("@mantine/core").P
 }) | (EllipsisTextProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: EllipsisTextProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
     stylesNames: EllipsisTextStylesNames;
-}> & import("node_modules/@mantine/core/lib/core/factory/factory").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: EllipsisTextProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
     stylesNames: EllipsisTextStylesNames;
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: EllipsisTextProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";

package/dist/esm/components/Header/Header.module.css CHANGED Viewed

@@ -12,14 +12,9 @@
 .title {
     word-break: break-word;
-    color: var(--coveo-color-title);
 }
 .docAnchor {
     margin-left: var(--mantine-spacing-xs);
     vertical-align: middle;
 }
-.breadcrumbText {
-    color: var(--coveo-color-title);
-}

package/dist/esm/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.d.ts CHANGED Viewed

@@ -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("node_modules/@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("node_modules/@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("node_modules/@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: HeaderBreadcrumbAnchorProps;
     ref: HTMLAnchorElement;
     stylesNames: HeaderBreadcrumbAnchorStyleNames;

package/dist/esm/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbText.d.ts CHANGED Viewed

@@ -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("node_modules/@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("node_modules/@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("node_modules/@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: TextProps;
     ref: HTMLParagraphElement;
     stylesNames: HeaderBreadcrumbTextStyleNames;

package/dist/esm/components/Header/HeaderDocAnchor/HeaderDocAnchor.js CHANGED Viewed

@@ -1,12 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Anchor, Tooltip, factory, useProps } from '@mantine/core';
-import { useHeaderContext } from '../Header.context.js';
 import { InfoToken } from '../../InfoToken/InfoToken.js';
+import { useHeaderContext } from '../Header.context.js';
 const defaultProps = {
     position: 'right',
-    children: /*#__PURE__*/ _jsx(InfoToken, {
-        variant: "question"
-    })
+    children: /*#__PURE__*/ _jsx(InfoToken.Question, {})
 };
 export const HeaderDocAnchor = factory((_props, ref)=>{
     const props = useProps('PlasmaHeaderActions', defaultProps, _props);

package/dist/esm/components/Header/HeaderDocAnchor/HeaderDocAnchor.js.map CHANGED Viewed

	@@ -1 +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":["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","displayName"],"mappings":";AAAA,SACIA,MAAM,EAINC,OAAO,EAEPC,OAAO,EACPC,QAAQ,QACL,gBAAgB;AAEvB,SAAQC,~~gBAAgB~~,QAAO~~,uBAAuB~~;~~AACtD~~,SAAQC,~~SAAS~~,QAAO~~,+BAA+B~~;AA+~~BvD~~,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;AAEHE,gBAAgBiB,WAAW,GAAG"}
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 {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":["Anchor","Tooltip","factory","useProps","InfoToken","useHeaderContext","defaultProps","position","children","Question","HeaderDocAnchor","_props","ref","props","className","classNames","styles","style","label","vars","others","ctx","disabled","tooltip","getStyles","inline","target","displayName"],"mappings":";AAAA,SACIA,MAAM,EAINC,OAAO,EAEPC,OAAO,EACPC,QAAQ,QACL,gBAAgB;AAEvB,SAAQC,SAAS,QAAO,+BAA+B;AACvD,SAAQC,gBAAgB,QAAO,uBAAuB;AA+BtD,MAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,KAACJ,UAAUK,QAAQ;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,MAAMhB;IAEZ,qBACI,KAACJ;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;AAEHE,gBAAgBiB,WAAW,GAAG"}