npm - @mantine/core - Versions diffs - 7.0.2 → 7.1.1-alpha.0 - Mend

@mantine/core 7.0.2 → 7.1.1-alpha.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 (2202) hide show

package/esm/styles/Timeline.layer.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer mantine {.m-43657ece{--offset:calc(var(--tl-bullet-size)/2 + var(--tl-line-width)/2);--tl-bullet-size:calc(1.25rem*var(--mantine-scale));--tl-line-width:calc(0.25rem*var(--mantine-scale));--tl-radius:calc(62.5rem*var(--mantine-scale));--tl-color:var(--mantine-primary-color-filled);padding-left:var(--_tl-pl,0);padding-right:var(--_tl-pr,0)}.m-43657ece[data-align=left]{--_tl-pl:var(--offset)}[dir=rtl] .m-43657ece[data-align=left]{--_tl-pl:0;--_tl-pr:var(--offset)}.m-43657ece[data-align=right]{--_tl-pr:var(--offset)}[dir=rtl] .m-43657ece[data-align=right]{--_tl-pl:var(--offset);--_tl-pr:0}.m-2ebe8099{font-weight:500;line-height:1;margin-bottom:calc(var(--mantine-spacing-xs)/2)}.m-436178ff{--item-border:var(--tl-line-width) var(--tli-border-style,solid) var(--_item-border-color);color:var(--mantine-color-text);margin-top:var(--_item-mt);padding-left:var(--_item-pl,0);padding-right:var(--_item-pr,0);position:relative;text-align:var(--_item-ta)}.m-436178ff:before{border-left:var(--_line-border-left,var(--item-border));border-right:var(--_line-border-right,0);bottom:calc(var(--mantine-spacing-xl)*-1);content:"";display:var(--_line-display,none);left:var(--_line-left,0);pointer-events:none;position:absolute;right:var(--_line-right,0);top:0}[dir=rtl] .m-436178ff:before{--_line-border-left:0;--_line-border-right:var(--item-border)}.m-43657ece[data-align=left] .m-436178ff:before{--_line-left:calc(var(--tl-line-width)*-1);--_line-right:auto}.m-43657ece[data-align=right] .m-436178ff:before,[dir=rtl] .m-43657ece[data-align=left] .m-436178ff:before{--_line-left:auto;--_line-right:calc(var(--tl-line-width)*-1)}[dir=rtl] .m-43657ece[data-align=right] .m-436178ff:before{--_line-left:calc(var(--tl-line-width)*-1);--_line-right:auto}.m-43657ece[data-align=left] .m-436178ff{--_item-pl:var(--offset);--_item-ta:left}[dir=rtl] .m-43657ece[data-align=left] .m-436178ff{--_item-pl:0;--_item-pr:var(--offset)}.m-43657ece[data-align=right] .m-436178ff{--_item-pr:var(--offset);--_item-ta:right}[dir=rtl] .m-43657ece[data-align=right] .m-436178ff{--_item-pl:var(--offset);--_item-pr:0}[data-mantine-color-scheme=light] .m-436178ff{--_item-border-color:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-436178ff{--_item-border-color:var(--mantine-color-dark-4)}[data-mantine-color-scheme] .m-436178ff[data-line-active]:before{border-color:var(--tli-color,var(--tl-color))}.m-436178ff:not(:last-of-type){--_line-display:block}.m-436178ff:not(:first-of-type){--_item-mt:var(--mantine-spacing-xl)}.m-8affcee1{align-items:center;background-color:var(--_bullet-bg-color,var(--mantine-color-body));border:var(--_bullet-border-width,var(--tl-line-width)) solid var(--_bullet-border-color);border-radius:var(--tli-radius,var(--tl-radius));color:var(--_bullet-color,var(--mantine-color-text));display:flex;height:var(--tl-bullet-size);justify-content:center;left:var(--_bullet-left,0);position:absolute;right:var(--_bullet-right,0);top:0;width:var(--tl-bullet-size)}[data-mantine-color-scheme=light] .m-8affcee1{--_bullet-border-color:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-8affcee1{--_bullet-border-color:var(--mantine-color-dark-4)}.m-43657ece[data-align=left] .m-8affcee1{--_bullet-left:calc(var(--tl-bullet-size)/2*-1 + var(--tl-line-width)/2*-1);--_bullet-right:auto}.m-43657ece[data-align=right] .m-8affcee1,[dir=rtl] .m-43657ece[data-align=left] .m-8affcee1{--_bullet-left:auto;--_bullet-right:calc(var(--tl-bullet-size)/2*-1 + var(--tl-line-width)/2*-1)}[dir=rtl] .m-43657ece[data-align=right] .m-8affcee1{--_bullet-left:calc(var(--tl-bullet-size)/2*-1 + var(--tl-line-width)/2*-1);--_bullet-right:auto}.m-8affcee1[data-with-child]{--_bullet-border-width:var(--tl-line-width)}[data-mantine-color-scheme=light] .m-8affcee1[data-with-child]{--_bullet-bg-color:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-8affcee1[data-with-child]{--_bullet-bg-color:var(--mantine-color-dark-4)}.m-8affcee1[data-active]{--_bullet-border-color:var(--tli-color,var(--tl-color));--_bullet-bg-color:var(--mantine-color-white);--_bullet-color:var(--mantine-color-white)}.m-8affcee1[data-active][data-with-child]{--_bullet-bg-color:var(--tli-color,var(--tl-color));--_bullet-color:var(--mantine-color-white)}.m-540e8f41{padding-left:var(--_body-pl,0);padding-right:var(--_body-pr,0);text-align:var(--_body-ta)}.m-43657ece[data-align=left] .m-540e8f41{--_body-pl:var(--offset);--_body-ta:left}[dir=rtl] .m-43657ece[data-align=left] .m-540e8f41{--_body-pl:0;--_body-pr:var(--offset);--_body-ta:right}.m-43657ece[data-align=right] .m-540e8f41{--_body-pr:var(--offset);--_body-ta:right}[dir=rtl] .m-43657ece[data-align=right] .m-540e8f41{--_body-pl:var(--offset);--_body-pr:0;--_body-ta:left}}

package/esm/styles/Title.layer.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer mantine {.m-8a5d1357{font-family:var(--mantine-font-family-headings);font-size:var(--title-fz);font-weight:var(--title-fw);line-height:var(--title-lh);margin:0}}

package/esm/styles/Tooltip.layer.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer mantine {.m-1b3c8819{background-color:var(--_tooltip-bg);border-radius:var(--tooltip-radius,var(--mantine-radius-default));color:var(--_tooltip-color);font-size:var(--mantine-font-size-sm);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-xs);pointer-events:none;position:absolute;white-space:var(--_tooltip-white-space,nowrap)}[data-mantine-color-scheme=light] .m-1b3c8819{--_tooltip-bg:var(--tooltip-bg,var(--mantine-color-gray-9));--_tooltip-color:var(--mantine-color-white)}[data-mantine-color-scheme=dark] .m-1b3c8819{--_tooltip-bg:var(--tooltip-bg,var(--mantine-color-gray-2));--_tooltip-color:var(--mantine-color-black)}.m-1b3c8819[data-multiline]{--_tooltip-white-space:normal}.m-f898399f{background-color:inherit;border:0;z-index:1}}

package/esm/styles/TypographyStylesProvider.layer.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer mantine {.m-d6493fad h1,.m-d6493fad h2,.m-d6493fad h3,.m-d6493fad h4,.m-d6493fad h5,.m-d6493fad h6{margin-bottom:var(--mantine-spacing-xs);margin-top:calc(var(--mantine-spacing-xl)*1.55)}.m-d6493fad h1{font-size:var(--mantine-h1-font-size);font-weight:var(--mantine-h1-font-weight);line-height:var(--mantine-h1-line-height)}.m-d6493fad h2{font-size:var(--mantine-h2-font-size);font-weight:var(--mantine-h2-font-weight);line-height:var(--mantine-h2-line-height)}.m-d6493fad h3{font-size:var(--mantine-h3-font-size);font-weight:var(--mantine-h3-font-weight);line-height:var(--mantine-h3-line-height)}.m-d6493fad h4{font-size:var(--mantine-h4-font-size);font-weight:var(--mantine-h4-font-weight);line-height:var(--mantine-h4-line-height)}.m-d6493fad h5{font-size:var(--mantine-h5-font-size);font-weight:var(--mantine-h5-font-weight);line-height:var(--mantine-h5-line-height)}.m-d6493fad h6{font-size:var(--mantine-h6-font-size);font-weight:var(--mantine-h6-font-weight);line-height:var(--mantine-h6-line-height)}.m-d6493fad img{margin-bottom:var(--mantine-spacing-xs);max-width:100%}.m-d6493fad p{margin-bottom:var(--mantine-spacing-lg);margin-top:0}[data-mantine-color-scheme=light] .m-d6493fad mark{background-color:var(--mantine-color-yellow-2);color:inherit}[data-mantine-color-scheme=dark] .m-d6493fad mark{background-color:var(--mantine-color-yellow-5);color:var(--mantine-color-black)}.m-d6493fad a{color:var(--mantine-color-anchor);text-decoration:none}@media (hover:hover){.m-d6493fad a:hover{text-decoration:underline}}@media (hover:none){.m-d6493fad a:active{text-decoration:underline}}.m-d6493fad hr{border:0;border-top:calc(.0625rem*var(--mantine-scale)) solid;margin-bottom:var(--mantine-spacing-md);margin-top:var(--mantine-spacing-md)}[data-mantine-color-scheme=light] .m-d6493fad hr{border-color:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-d6493fad hr{border-color:var(--mantine-color-dark-3)}.m-d6493fad pre{border-radius:var(--mantine-radius-sm);font-family:var(--mantine-font-family-monospace);font-size:var(--mantine-font-size-xs);line-height:var(--mantine-line-height);margin:0;margin-bottom:var(--mantine-spacing-md);margin-top:var(--mantine-spacing-md);overflow-x:auto;padding:var(--mantine-spacing-xs)}[data-mantine-color-scheme=light] .m-d6493fad pre{background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-d6493fad pre{background-color:var(--mantine-color-dark-8)}.m-d6493fad pre code{background-color:transparent;border:0;border-radius:0;color:inherit;padding:0}.m-d6493fad code{border-radius:var(--mantine-radius-sm);font-family:var(--mantine-font-family-monospace);font-size:var(--mantine-font-size-xs);line-height:var(--mantine-line-height);padding:calc(.0625rem*var(--mantine-scale)) calc(.3125rem*var(--mantine-scale))}[data-mantine-color-scheme=light] .m-d6493fad code{background-color:var(--mantine-color-gray-0);color:var(--mantine-color-black)}[data-mantine-color-scheme=dark] .m-d6493fad code{background-color:var(--mantine-color-dark-5);color:var(--mantine-color-white)}.m-d6493fad,.m-d6493fad ol,.m-d6493fad ul{margin-bottom:var(--mantine-spacing-md);padding-left:calc(2.375rem*var(--mantine-scale))}.m-d6493fad li,.m-d6493fad ol li,.m-d6493fad ul li{margin-bottom:var(--mantine-spacing-xs)}.m-d6493fad table{border-collapse:collapse;caption-side:bottom;margin-bottom:var(--mantine-spacing-md);width:100%}.m-d6493fad table caption{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-sm);margin-top:var(--mantine-spacing-xs)}.m-d6493fad table th{color:var(--mantine-color-gray-7);font-size:var(--mantine-font-size-sm);font-weight:700;padding:var(--mantine-spacing-xs) var(--mantine-spacing-sm);text-align:left}.m-d6493fad table thead th{border-bottom:calc(.0625rem*var(--mantine-scale)) solid;border-color:var(--mantine-color-gray-3)}.m-d6493fad table tfoot th{border-top:calc(.0625rem*var(--mantine-scale)) solid;border-color:var(--mantine-color-gray-3)}.m-d6493fad table td{border-bottom:calc(.0625rem*var(--mantine-scale)) solid;border-color:var(--mantine-color-gray-3);font-size:var(--mantine-font-size-sm);padding:var(--mantine-spacing-xs) var(--mantine-spacing-sm)}.m-d6493fad table tr:last-of-type td{border-bottom:0}.m-d6493fad blockquote{border-radius:var(--mantine-radius-sm);font-size:var(--mantine-font-size-lg);line-height:var(--mantine-line-height);margin:var(--mantine-spacing-md) 0;padding:var(--mantine-spacing-md) var(--mantine-spacing-lg)}[data-mantine-color-scheme=light] .m-d6493fad blockquote{background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-d6493fad blockquote{background-color:var(--mantine-color-dark-8)}}

package/esm/styles/UnstyledButton.layer.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer mantine {.m-87cf2631{-webkit-tap-highlight-color:transparent;appearance:none;background-color:transparent;border:0;color:inherit;cursor:pointer;font-size:var(--mantine-font-size-md);padding:0;text-align:left;text-decoration:none;touch-action:manipulation}}

package/esm/styles/VisuallyHidden.layer.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer mantine {.m-515a97f8{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}

package/esm/styles/global.layer.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer mantine {body,html{height:100%}*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button,select{text-transform:none}body{-webkit-font-smoothing:var(--mantine-webkit-font-smoothing);-moz-osx-font-smoothing:var(--mantine-moz-font-smoothing);background-color:var(--mantine-color-body);color:var(--mantine-color-text);font-family:var(--mantine-font-family);font-size:var(--mantine-font-size-md);line-height:var(--mantine-line-height);margin:0}@media screen and (max-device-width:500px){body{-webkit-text-size-adjust:100%}}@media (prefers-reduced-motion:reduce){[data-respect-reduced-motion] [data-reduce-motion]{animation:none;transition:none}}.mantine-focus-auto:focus-visible{outline:calc(.125rem*var(--mantine-scale)) solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem*var(--mantine-scale))}.mantine-focus-always:focus{outline:calc(.125rem*var(--mantine-scale)) solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem*var(--mantine-scale))}.mantine-focus-never:focus{outline:none}.mantine-active:active{transform:translateY(calc(.0625rem*var(--mantine-scale)))}[dir=rtl] .mantine-rotate-rtl{transform:rotate(180deg)}:root{--mantine-scale:1;--mantine-cursor-type:default;--mantine-webkit-font-smoothing:antialiased;--mantine-color-scheme:light dark;--mantine-moz-font-smoothing:grayscale;--mantine-color-white:#fff;--mantine-color-black:#000;--mantine-line-height:1.55;--mantine-font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;--mantine-font-family-monospace:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--mantine-font-family-headings:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;--mantine-heading-font-weight:700;--mantine-radius-default:calc(0.25rem*var(--mantine-scale));--mantine-primary-color-filled:var(--mantine-color-blue-filled);--mantine-primary-color-filled-hover:var(--mantine-color-blue-filled-hover);--mantine-primary-color-light:var(--mantine-color-blue-light);--mantine-primary-color-light-hover:var(--mantine-color-blue-light-hover);--mantine-primary-color-light-color:var(--mantine-color-blue-light-color);--mantine-breakpoint-xs:36em;--mantine-breakpoint-sm:48em;--mantine-breakpoint-md:62em;--mantine-breakpoint-lg:75em;--mantine-breakpoint-xl:88em;--mantine-spacing-xs:calc(0.625rem*var(--mantine-scale));--mantine-spacing-sm:calc(0.75rem*var(--mantine-scale));--mantine-spacing-md:calc(1rem*var(--mantine-scale));--mantine-spacing-lg:calc(1.25rem*var(--mantine-scale));--mantine-spacing-xl:calc(2rem*var(--mantine-scale));--mantine-font-size-xs:calc(0.75rem*var(--mantine-scale));--mantine-font-size-sm:calc(0.875rem*var(--mantine-scale));--mantine-font-size-md:calc(1rem*var(--mantine-scale));--mantine-font-size-lg:calc(1.125rem*var(--mantine-scale));--mantine-font-size-xl:calc(1.25rem*var(--mantine-scale));--mantine-line-height-xs:1.4;--mantine-line-height-sm:1.45;--mantine-line-height-md:1.55;--mantine-line-height-lg:1.6;--mantine-line-height-xl:1.65;--mantine-shadow-xs:0 calc(0.0625rem*var(--mantine-scale)) calc(0.1875rem*var(--mantine-scale)) rgba(0,0,0,.05),0 calc(0.0625rem*var(--mantine-scale)) calc(0.125rem*var(--mantine-scale)) rgba(0,0,0,.1);--mantine-shadow-sm:0 calc(0.0625rem*var(--mantine-scale)) calc(0.1875rem*var(--mantine-scale)) rgba(0,0,0,.05),rgba(0,0,0,.05) 0 calc(0.625rem*var(--mantine-scale)) calc(0.9375rem*var(--mantine-scale)) calc(-0.3125rem*var(--mantine-scale)),rgba(0,0,0,.04) 0 calc(0.4375rem*var(--mantine-scale)) calc(0.4375rem*var(--mantine-scale)) calc(-0.3125rem*var(--mantine-scale));--mantine-shadow-md:0 calc(0.0625rem*var(--mantine-scale)) calc(0.1875rem*var(--mantine-scale)) rgba(0,0,0,.05),rgba(0,0,0,.05) 0 calc(1.25rem*var(--mantine-scale)) calc(1.5625rem*var(--mantine-scale)) calc(-0.3125rem*var(--mantine-scale)),rgba(0,0,0,.04) 0 calc(0.625rem*var(--mantine-scale)) calc(0.625rem*var(--mantine-scale)) calc(-0.3125rem*var(--mantine-scale));--mantine-shadow-lg:0 calc(0.0625rem*var(--mantine-scale)) calc(0.1875rem*var(--mantine-scale)) rgba(0,0,0,.05),rgba(0,0,0,.05) 0 calc(1.75rem*var(--mantine-scale)) calc(1.4375rem*var(--mantine-scale)) calc(-0.4375rem*var(--mantine-scale)),rgba(0,0,0,.04) 0 calc(0.75rem*var(--mantine-scale)) calc(0.75rem*var(--mantine-scale)) calc(-0.4375rem*var(--mantine-scale));--mantine-shadow-xl:0 calc(0.0625rem*var(--mantine-scale)) calc(0.1875rem*var(--mantine-scale)) rgba(0,0,0,.05),rgba(0,0,0,.05) 0 calc(2.25rem*var(--mantine-scale)) calc(1.75rem*var(--mantine-scale)) calc(-0.4375rem*var(--mantine-scale)),rgba(0,0,0,.04) 0 calc(1.0625rem*var(--mantine-scale)) calc(1.0625rem*var(--mantine-scale)) calc(-0.4375rem*var(--mantine-scale));--mantine-radius-xs:calc(0.125rem*var(--mantine-scale));--mantine-radius-sm:calc(0.25rem*var(--mantine-scale));--mantine-radius-md:calc(0.5rem*var(--mantine-scale));--mantine-radius-lg:calc(1rem*var(--mantine-scale));--mantine-radius-xl:calc(2rem*var(--mantine-scale));--mantine-color-dark-0:#c1c2c5;--mantine-color-dark-1:#a6a7ab;--mantine-color-dark-2:#909296;--mantine-color-dark-3:#5c5f66;--mantine-color-dark-4:#373a40;--mantine-color-dark-5:#2c2e33;--mantine-color-dark-6:#25262b;--mantine-color-dark-7:#1a1b1e;--mantine-color-dark-8:#141517;--mantine-color-dark-9:#101113;--mantine-color-gray-0:#f8f9fa;--mantine-color-gray-1:#f1f3f5;--mantine-color-gray-2:#e9ecef;--mantine-color-gray-3:#dee2e6;--mantine-color-gray-4:#ced4da;--mantine-color-gray-5:#adb5bd;--mantine-color-gray-6:#868e96;--mantine-color-gray-7:#495057;--mantine-color-gray-8:#343a40;--mantine-color-gray-9:#212529;--mantine-color-red-0:#fff5f5;--mantine-color-red-1:#ffe3e3;--mantine-color-red-2:#ffc9c9;--mantine-color-red-3:#ffa8a8;--mantine-color-red-4:#ff8787;--mantine-color-red-5:#ff6b6b;--mantine-color-red-6:#fa5252;--mantine-color-red-7:#f03e3e;--mantine-color-red-8:#e03131;--mantine-color-red-9:#c92a2a;--mantine-color-pink-0:#fff0f6;--mantine-color-pink-1:#ffdeeb;--mantine-color-pink-2:#fcc2d7;--mantine-color-pink-3:#faa2c1;--mantine-color-pink-4:#f783ac;--mantine-color-pink-5:#f06595;--mantine-color-pink-6:#e64980;--mantine-color-pink-7:#d6336c;--mantine-color-pink-8:#c2255c;--mantine-color-pink-9:#a61e4d;--mantine-color-grape-0:#f8f0fc;--mantine-color-grape-1:#f3d9fa;--mantine-color-grape-2:#eebefa;--mantine-color-grape-3:#e599f7;--mantine-color-grape-4:#da77f2;--mantine-color-grape-5:#cc5de8;--mantine-color-grape-6:#be4bdb;--mantine-color-grape-7:#ae3ec9;--mantine-color-grape-8:#9c36b5;--mantine-color-grape-9:#862e9c;--mantine-color-violet-0:#f3f0ff;--mantine-color-violet-1:#e5dbff;--mantine-color-violet-2:#d0bfff;--mantine-color-violet-3:#b197fc;--mantine-color-violet-4:#9775fa;--mantine-color-violet-5:#845ef7;--mantine-color-violet-6:#7950f2;--mantine-color-violet-7:#7048e8;--mantine-color-violet-8:#6741d9;--mantine-color-violet-9:#5f3dc4;--mantine-color-indigo-0:#edf2ff;--mantine-color-indigo-1:#dbe4ff;--mantine-color-indigo-2:#bac8ff;--mantine-color-indigo-3:#91a7ff;--mantine-color-indigo-4:#748ffc;--mantine-color-indigo-5:#5c7cfa;--mantine-color-indigo-6:#4c6ef5;--mantine-color-indigo-7:#4263eb;--mantine-color-indigo-8:#3b5bdb;--mantine-color-indigo-9:#364fc7;--mantine-color-blue-0:#e7f5ff;--mantine-color-blue-1:#d0ebff;--mantine-color-blue-2:#a5d8ff;--mantine-color-blue-3:#74c0fc;--mantine-color-blue-4:#4dabf7;--mantine-color-blue-5:#339af0;--mantine-color-blue-6:#228be6;--mantine-color-blue-7:#1c7ed6;--mantine-color-blue-8:#1971c2;--mantine-color-blue-9:#1864ab;--mantine-color-cyan-0:#e3fafc;--mantine-color-cyan-1:#c5f6fa;--mantine-color-cyan-2:#99e9f2;--mantine-color-cyan-3:#66d9e8;--mantine-color-cyan-4:#3bc9db;--mantine-color-cyan-5:#22b8cf;--mantine-color-cyan-6:#15aabf;--mantine-color-cyan-7:#1098ad;--mantine-color-cyan-8:#0c8599;--mantine-color-cyan-9:#0b7285;--mantine-color-teal-0:#e6fcf5;--mantine-color-teal-1:#c3fae8;--mantine-color-teal-2:#96f2d7;--mantine-color-teal-3:#63e6be;--mantine-color-teal-4:#38d9a9;--mantine-color-teal-5:#20c997;--mantine-color-teal-6:#12b886;--mantine-color-teal-7:#0ca678;--mantine-color-teal-8:#099268;--mantine-color-teal-9:#087f5b;--mantine-color-green-0:#ebfbee;--mantine-color-green-1:#d3f9d8;--mantine-color-green-2:#b2f2bb;--mantine-color-green-3:#8ce99a;--mantine-color-green-4:#69db7c;--mantine-color-green-5:#51cf66;--mantine-color-green-6:#40c057;--mantine-color-green-7:#37b24d;--mantine-color-green-8:#2f9e44;--mantine-color-green-9:#2b8a3e;--mantine-color-lime-0:#f4fce3;--mantine-color-lime-1:#e9fac8;--mantine-color-lime-2:#d8f5a2;--mantine-color-lime-3:#c0eb75;--mantine-color-lime-4:#a9e34b;--mantine-color-lime-5:#94d82d;--mantine-color-lime-6:#82c91e;--mantine-color-lime-7:#74b816;--mantine-color-lime-8:#66a80f;--mantine-color-lime-9:#5c940d;--mantine-color-yellow-0:#fff9db;--mantine-color-yellow-1:#fff3bf;--mantine-color-yellow-2:#ffec99;--mantine-color-yellow-3:#ffe066;--mantine-color-yellow-4:#ffd43b;--mantine-color-yellow-5:#fcc419;--mantine-color-yellow-6:#fab005;--mantine-color-yellow-7:#f59f00;--mantine-color-yellow-8:#f08c00;--mantine-color-yellow-9:#e67700;--mantine-color-orange-0:#fff4e6;--mantine-color-orange-1:#ffe8cc;--mantine-color-orange-2:#ffd8a8;--mantine-color-orange-3:#ffc078;--mantine-color-orange-4:#ffa94d;--mantine-color-orange-5:#ff922b;--mantine-color-orange-6:#fd7e14;--mantine-color-orange-7:#f76707;--mantine-color-orange-8:#e8590c;--mantine-color-orange-9:#d9480f;--mantine-h1-font-size:calc(2.125rem*var(--mantine-scale));--mantine-h1-line-height:1.3;--mantine-h1-font-weight:700;--mantine-h2-font-size:calc(1.625rem*var(--mantine-scale));--mantine-h2-line-height:1.35;--mantine-h2-font-weight:700;--mantine-h3-font-size:calc(1.375rem*var(--mantine-scale));--mantine-h3-line-height:1.4;--mantine-h3-font-weight:700;--mantine-h4-font-size:calc(1.125rem*var(--mantine-scale));--mantine-h4-line-height:1.45;--mantine-h4-font-weight:700;--mantine-h5-font-size:calc(1rem*var(--mantine-scale));--mantine-h5-line-height:1.5;--mantine-h5-font-weight:700;--mantine-h6-font-size:calc(0.875rem*var(--mantine-scale));--mantine-h6-line-height:1.5;--mantine-h6-font-weight:700;color-scheme:var(--mantine-color-scheme)}:root[data-mantine-color-scheme=dark]{--mantine-color-scheme:dark;--mantine-color-bright:var(--mantine-color-white);--mantine-color-text:var(--mantine-color-dark-0);--mantine-color-body:#1a1b1e;--mantine-color-error:#c92a2a;--mantine-color-placeholder:#5c5f66;--mantine-color-anchor:#4dabf7;--mantine-color-default:#25262b;--mantine-color-default-hover:#2c2e33;--mantine-color-default-color:#fff;--mantine-color-default-border:#373a40;--mantine-color-dimmed:var(--mantine-color-dark-2);--mantine-color-dark-filled:#141517;--mantine-color-dark-filled-hover:#101113;--mantine-color-dark-light:rgba(37,38,43,.15);--mantine-color-dark-light-hover:rgba(37,38,43,.2);--mantine-color-dark-light-color:#5c5f66;--mantine-color-dark-outline:#373a40;--mantine-color-dark-outline-hover:rgba(55,58,64,.05);--mantine-color-gray-filled:#343a40;--mantine-color-gray-filled-hover:#212529;--mantine-color-gray-light:hsla(210,7%,56%,.15);--mantine-color-gray-light-hover:hsla(210,7%,56%,.2);--mantine-color-gray-light-color:#dee2e6;--mantine-color-gray-outline:#ced4da;--mantine-color-gray-outline-hover:rgba(206,212,218,.05);--mantine-color-red-filled:#e03131;--mantine-color-red-filled-hover:#c92a2a;--mantine-color-red-light:rgba(250,82,82,.15);--mantine-color-red-light-hover:rgba(250,82,82,.2);--mantine-color-red-light-color:#ffa8a8;--mantine-color-red-outline:#ff8787;--mantine-color-red-outline-hover:hsla(0,100%,76%,.05);--mantine-color-pink-filled:#c2255c;--mantine-color-pink-filled-hover:#a61e4d;--mantine-color-pink-light:rgba(230,73,128,.15);--mantine-color-pink-light-hover:rgba(230,73,128,.2);--mantine-color-pink-light-color:#faa2c1;--mantine-color-pink-outline:#f783ac;--mantine-color-pink-outline-hover:rgba(247,131,172,.05);--mantine-color-grape-filled:#9c36b5;--mantine-color-grape-filled-hover:#862e9c;--mantine-color-grape-light:rgba(190,75,219,.15);--mantine-color-grape-light-hover:rgba(190,75,219,.2);--mantine-color-grape-light-color:#e599f7;--mantine-color-grape-outline:#da77f2;--mantine-color-grape-outline-hover:rgba(218,119,242,.05);--mantine-color-violet-filled:#6741d9;--mantine-color-violet-filled-hover:#5f3dc4;--mantine-color-violet-light:rgba(121,80,242,.15);--mantine-color-violet-light-hover:rgba(121,80,242,.2);--mantine-color-violet-light-color:#b197fc;--mantine-color-violet-outline:#9775fa;--mantine-color-violet-outline-hover:rgba(151,117,250,.05);--mantine-color-indigo-filled:#3b5bdb;--mantine-color-indigo-filled-hover:#364fc7;--mantine-color-indigo-light:rgba(76,110,245,.15);--mantine-color-indigo-light-hover:rgba(76,110,245,.2);--mantine-color-indigo-light-color:#91a7ff;--mantine-color-indigo-outline:#748ffc;--mantine-color-indigo-outline-hover:rgba(116,143,252,.05);--mantine-color-blue-filled:#1971c2;--mantine-color-blue-filled-hover:#1864ab;--mantine-color-blue-light:rgba(34,139,230,.15);--mantine-color-blue-light-hover:rgba(34,139,230,.2);--mantine-color-blue-light-color:#74c0fc;--mantine-color-blue-outline:#4dabf7;--mantine-color-blue-outline-hover:rgba(77,171,247,.05);--mantine-color-cyan-filled:#0c8599;--mantine-color-cyan-filled-hover:#0b7285;--mantine-color-cyan-light:rgba(21,170,191,.15);--mantine-color-cyan-light-hover:rgba(21,170,191,.2);--mantine-color-cyan-light-color:#66d9e8;--mantine-color-cyan-outline:#3bc9db;--mantine-color-cyan-outline-hover:rgba(59,201,219,.05);--mantine-color-teal-filled:#099268;--mantine-color-teal-filled-hover:#087f5b;--mantine-color-teal-light:rgba(18,184,134,.15);--mantine-color-teal-light-hover:rgba(18,184,134,.2);--mantine-color-teal-light-color:#63e6be;--mantine-color-teal-outline:#38d9a9;--mantine-color-teal-outline-hover:rgba(56,217,169,.05);--mantine-color-green-filled:#2f9e44;--mantine-color-green-filled-hover:#2b8a3e;--mantine-color-green-light:rgba(64,192,87,.15);--mantine-color-green-light-hover:rgba(64,192,87,.2);--mantine-color-green-light-color:#8ce99a;--mantine-color-green-outline:#69db7c;--mantine-color-green-outline-hover:rgba(105,219,124,.05);--mantine-color-lime-filled:#66a80f;--mantine-color-lime-filled-hover:#5c940d;--mantine-color-lime-light:rgba(130,201,30,.15);--mantine-color-lime-light-hover:rgba(130,201,30,.2);--mantine-color-lime-light-color:#c0eb75;--mantine-color-lime-outline:#a9e34b;--mantine-color-lime-outline-hover:rgba(169,227,75,.05);--mantine-color-yellow-filled:#f08c00;--mantine-color-yellow-filled-hover:#e67700;--mantine-color-yellow-light:rgba(250,176,5,.15);--mantine-color-yellow-light-hover:rgba(250,176,5,.2);--mantine-color-yellow-light-color:#ffe066;--mantine-color-yellow-outline:#ffd43b;--mantine-color-yellow-outline-hover:rgba(255,212,59,.05);--mantine-color-orange-filled:#e8590c;--mantine-color-orange-filled-hover:#d9480f;--mantine-color-orange-light:rgba(253,126,20,.15);--mantine-color-orange-light-hover:rgba(253,126,20,.2);--mantine-color-orange-light-color:#ffc078;--mantine-color-orange-outline:#ffa94d;--mantine-color-orange-outline-hover:rgba(255,169,77,.05)}:root[data-mantine-color-scheme=light]{--mantine-color-scheme:light;--mantine-color-bright:var(--mantine-color-black);--mantine-color-text:#000;--mantine-color-body:#fff;--mantine-color-error:#fa5252;--mantine-color-placeholder:#adb5bd;--mantine-color-anchor:#228be6;--mantine-color-default:#fff;--mantine-color-default-hover:#f8f9fa;--mantine-color-default-color:#000;--mantine-color-default-border:#ced4da;--mantine-color-dimmed:var(--mantine-color-gray-6);--mantine-color-dark-filled:#25262b;--mantine-color-dark-filled-hover:#1a1b1e;--mantine-color-dark-light:rgba(37,38,43,.1);--mantine-color-dark-light-hover:rgba(37,38,43,.12);--mantine-color-dark-light-color:#25262b;--mantine-color-dark-outline:#25262b;--mantine-color-dark-outline-hover:rgba(37,38,43,.05);--mantine-color-gray-filled:#868e96;--mantine-color-gray-filled-hover:#495057;--mantine-color-gray-light:hsla(210,7%,56%,.1);--mantine-color-gray-light-hover:hsla(210,7%,56%,.12);--mantine-color-gray-light-color:#868e96;--mantine-color-gray-outline:#868e96;--mantine-color-gray-outline-hover:hsla(210,7%,56%,.05);--mantine-color-red-filled:#fa5252;--mantine-color-red-filled-hover:#f03e3e;--mantine-color-red-light:rgba(250,82,82,.1);--mantine-color-red-light-hover:rgba(250,82,82,.12);--mantine-color-red-light-color:#fa5252;--mantine-color-red-outline:#fa5252;--mantine-color-red-outline-hover:rgba(250,82,82,.05);--mantine-color-pink-filled:#e64980;--mantine-color-pink-filled-hover:#d6336c;--mantine-color-pink-light:rgba(230,73,128,.1);--mantine-color-pink-light-hover:rgba(230,73,128,.12);--mantine-color-pink-light-color:#e64980;--mantine-color-pink-outline:#e64980;--mantine-color-pink-outline-hover:rgba(230,73,128,.05);--mantine-color-grape-filled:#be4bdb;--mantine-color-grape-filled-hover:#ae3ec9;--mantine-color-grape-light:rgba(190,75,219,.1);--mantine-color-grape-light-hover:rgba(190,75,219,.12);--mantine-color-grape-light-color:#be4bdb;--mantine-color-grape-outline:#be4bdb;--mantine-color-grape-outline-hover:rgba(190,75,219,.05);--mantine-color-violet-filled:#7950f2;--mantine-color-violet-filled-hover:#7048e8;--mantine-color-violet-light:rgba(121,80,242,.1);--mantine-color-violet-light-hover:rgba(121,80,242,.12);--mantine-color-violet-light-color:#7950f2;--mantine-color-violet-outline:#7950f2;--mantine-color-violet-outline-hover:rgba(121,80,242,.05);--mantine-color-indigo-filled:#4c6ef5;--mantine-color-indigo-filled-hover:#4263eb;--mantine-color-indigo-light:rgba(76,110,245,.1);--mantine-color-indigo-light-hover:rgba(76,110,245,.12);--mantine-color-indigo-light-color:#4c6ef5;--mantine-color-indigo-outline:#4c6ef5;--mantine-color-indigo-outline-hover:rgba(76,110,245,.05);--mantine-color-blue-filled:#228be6;--mantine-color-blue-filled-hover:#1c7ed6;--mantine-color-blue-light:rgba(34,139,230,.1);--mantine-color-blue-light-hover:rgba(34,139,230,.12);--mantine-color-blue-light-color:#228be6;--mantine-color-blue-outline:#228be6;--mantine-color-blue-outline-hover:rgba(34,139,230,.05);--mantine-color-cyan-filled:#15aabf;--mantine-color-cyan-filled-hover:#1098ad;--mantine-color-cyan-light:rgba(21,170,191,.1);--mantine-color-cyan-light-hover:rgba(21,170,191,.12);--mantine-color-cyan-light-color:#15aabf;--mantine-color-cyan-outline:#15aabf;--mantine-color-cyan-outline-hover:rgba(21,170,191,.05);--mantine-color-teal-filled:#12b886;--mantine-color-teal-filled-hover:#0ca678;--mantine-color-teal-light:rgba(18,184,134,.1);--mantine-color-teal-light-hover:rgba(18,184,134,.12);--mantine-color-teal-light-color:#12b886;--mantine-color-teal-outline:#12b886;--mantine-color-teal-outline-hover:rgba(18,184,134,.05);--mantine-color-green-filled:#40c057;--mantine-color-green-filled-hover:#37b24d;--mantine-color-green-light:rgba(64,192,87,.1);--mantine-color-green-light-hover:rgba(64,192,87,.12);--mantine-color-green-light-color:#40c057;--mantine-color-green-outline:#40c057;--mantine-color-green-outline-hover:rgba(64,192,87,.05);--mantine-color-lime-filled:#82c91e;--mantine-color-lime-filled-hover:#74b816;--mantine-color-lime-light:rgba(130,201,30,.1);--mantine-color-lime-light-hover:rgba(130,201,30,.12);--mantine-color-lime-light-color:#82c91e;--mantine-color-lime-outline:#82c91e;--mantine-color-lime-outline-hover:rgba(130,201,30,.05);--mantine-color-yellow-filled:#fab005;--mantine-color-yellow-filled-hover:#f59f00;--mantine-color-yellow-light:rgba(250,176,5,.1);--mantine-color-yellow-light-hover:rgba(250,176,5,.12);--mantine-color-yellow-light-color:#fab005;--mantine-color-yellow-outline:#fab005;--mantine-color-yellow-outline-hover:rgba(250,176,5,.05);--mantine-color-orange-filled:#fd7e14;--mantine-color-orange-filled-hover:#f76707;--mantine-color-orange-light:rgba(253,126,20,.1);--mantine-color-orange-light-hover:rgba(253,126,20,.12);--mantine-color-orange-light-color:#fd7e14;--mantine-color-orange-outline:#fd7e14;--mantine-color-orange-outline-hover:rgba(253,126,20,.05)}}

package/lib/components/ActionIcon/ActionIcon.d.ts CHANGED Viewed

@@ -42,8 +42,10 @@ export declare const ActionIcon: (<C = "button">(props: import("../../core/facto
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof ActionIconProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (ActionIconProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: ActionIconProps;
     defaultComponent: 'button';

package/lib/components/Anchor/Anchor.d.ts CHANGED Viewed

@@ -20,8 +20,10 @@ export declare const Anchor: (<C = "a">(props: import("../../core/factory/create
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof AnchorProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (AnchorProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: AnchorProps;
     defaultComponent: 'a';

package/lib/components/AppShell/AppShell.d.ts CHANGED Viewed

@@ -1,60 +1,29 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineBreakpoint, MantineSpacing } from '../../core';
+import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSpacing } from '../../core';
 import { AppShellNavbar } from './AppShellNavbar/AppShellNavbar';
 import { AppShellHeader } from './AppShellHeader/AppShellHeader';
 import { AppShellFooter } from './AppShellFooter/AppShellFooter';
 import { AppShellAside } from './AppShellAside/AppShellAside';
 import { AppShellMain } from './AppShellMain/AppShellMain';
 import { AppShellSection } from './AppShellSection/AppShellSection';
+import { AppShellAsideConfiguration, AppShellHeaderConfiguration, AppShellNavbarConfiguration, AppShellFooterConfiguration, AppShellResponsiveSize } from './AppShell.types';
 export type AppShellStylesNames = 'root' | 'navbar' | 'main' | 'header' | 'footer' | 'aside' | 'section';
 export type AppShellCssVariables = {
     root: '--app-shell-transition-duration' | '--app-shell-transition-timing-function';
 };
-export type AppShellSize = number | (string & {});
-export interface AppShellResponsiveSize {
-    base?: AppShellSize;
-    xs?: AppShellSize;
-    sm?: AppShellSize;
-    md?: AppShellSize;
-    lg?: AppShellSize;
-    xl?: AppShellSize;
-    [key: string]: AppShellSize | undefined;
-}
 export interface AppShellProps extends BoxProps, StylesApiProps<AppShellFactory>, ElementProps<'div'> {
     /** Determines whether associated components should have a border, `true` by default */
     withBorder?: boolean;
-    /** Main content section padding, `0` by default */
+    /** Controls padding of the main section, `0` by default. !important!: use `padding` prop instead of `p`. */
     padding?: MantineSpacing | AppShellResponsiveSize;
-    /** Navbar configuration */
-    navbar?: {
-        width: AppShellSize | AppShellResponsiveSize;
-        breakpoint: MantineBreakpoint | (string & {}) | number;
-        collapsed?: {
-            desktop?: boolean;
-            mobile?: boolean;
-        };
-    };
-    /** Aside configuration */
-    aside?: {
-        width: AppShellSize | AppShellResponsiveSize;
-        breakpoint: MantineBreakpoint | (string & {}) | number;
-        collapsed?: {
-            desktop?: boolean;
-            mobile?: boolean;
-        };
-    };
-    /** Header configuration */
-    header?: {
-        height: AppShellSize | AppShellResponsiveSize;
-        collapsed?: boolean;
-        offset?: boolean;
-    };
-    /** Footer configuration */
-    footer?: {
-        height: AppShellSize | AppShellResponsiveSize;
-        collapsed?: boolean;
-        offset?: boolean;
-    };
+    /** AppShell.Navbar configuration, controls width, breakpoints and collapsed state. Required if you use AppShell.Navbar component. */
+    navbar?: AppShellNavbarConfiguration;
+    /** AppShell.Aside configuration, controls width, breakpoints and collapsed state. Required if you use AppShell.Aside component. */
+    aside?: AppShellAsideConfiguration;
+    /** AppShell.Header configuration, controls height, offset and collapsed state. Required if you use AppShell.Header component. */
+    header?: AppShellHeaderConfiguration;
+    /** AppShell.Footer configuration, controls height, offset and collapsed state. Required if you use AppShell.Footer component. */
+    footer?: AppShellFooterConfiguration;
     /** Duration of all transitions in ms, `200` by default */
     transitionDuration?: number;
     /** Timing function of all transitions, `ease` by default */
@@ -63,7 +32,7 @@ export interface AppShellProps extends BoxProps, StylesApiProps<AppShellFactory>
     zIndex?: string | number;
     /** Determines how Navbar/Aside are arranged relative to Header/Footer, `default` by default */
     layout?: 'default' | 'alt';
-    /** If set, Navbar, Aside, Header and Footer components will not be rendered */
+    /** If set, Navbar, Aside, Header and Footer components be hidden */
     disabled?: boolean;
 }
 export type AppShellFactory = Factory<{

package/lib/components/AppShell/AppShell.types.d.ts ADDED Viewed

@@ -0,0 +1,37 @@
+import type { MantineBreakpoint } from '../../core';
+export type AppShellSize = number | (string & {});
+export interface AppShellResponsiveSize {
+    base?: AppShellSize;
+    xs?: AppShellSize;
+    sm?: AppShellSize;
+    md?: AppShellSize;
+    lg?: AppShellSize;
+    xl?: AppShellSize;
+    [key: string]: AppShellSize | undefined;
+}
+export interface AppShellNavbarConfiguration {
+    width: AppShellSize | AppShellResponsiveSize;
+    breakpoint: MantineBreakpoint | (string & {}) | number;
+    collapsed?: {
+        desktop?: boolean;
+        mobile?: boolean;
+    };
+}
+export interface AppShellAsideConfiguration {
+    width: AppShellSize | AppShellResponsiveSize;
+    breakpoint: MantineBreakpoint | (string & {}) | number;
+    collapsed?: {
+        desktop?: boolean;
+        mobile?: boolean;
+    };
+}
+export interface AppShellHeaderConfiguration {
+    height: AppShellSize | AppShellResponsiveSize;
+    collapsed?: boolean;
+    offset?: boolean;
+}
+export interface AppShellFooterConfiguration {
+    height: AppShellSize | AppShellResponsiveSize;
+    collapsed?: boolean;
+    offset?: boolean;
+}

package/lib/components/AppShell/AppShellMediaStyles/get-base-size/get-base-size.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import type { AppShellSize, AppShellResponsiveSize } from '../../AppShell';
+import type { AppShellSize, AppShellResponsiveSize } from '../../AppShell.types';
 export declare function getBaseSize(size: AppShellSize | AppShellResponsiveSize): AppShellSize | undefined;

package/lib/components/AppShell/AppShellMediaStyles/is-primitive-size/is-primitive-size.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import type { AppShellSize, AppShellResponsiveSize } from '../../AppShell';
+import type { AppShellSize, AppShellResponsiveSize } from '../../AppShell.types';
 export declare function isPrimitiveSize(size: AppShellSize | AppShellResponsiveSize | undefined): size is AppShellSize | AppShellResponsiveSize;

package/lib/components/AppShell/AppShellMediaStyles/is-responsive-size/is-responsive-size.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import type { AppShellSize, AppShellResponsiveSize } from '../../AppShell';
+import type { AppShellSize, AppShellResponsiveSize } from '../../AppShell.types';
 export declare function isResponsiveSize(size: AppShellSize | AppShellResponsiveSize | undefined): size is AppShellResponsiveSize;

package/lib/components/AppShell/AppShellSection/AppShellSection.d.ts CHANGED Viewed

@@ -16,8 +16,10 @@ export declare const AppShellSection: (<C = "div">(props: import("../../../core/
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof AppShellSectionProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (AppShellSectionProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../../core/factory/factory").ThemeExtend<{
     props: AppShellSectionProps;
     defaultRef: HTMLDivElement;

package/lib/components/AppShell/index.d.ts CHANGED Viewed

@@ -5,7 +5,8 @@ export { AppShellHeader } from './AppShellHeader/AppShellHeader';
 export { AppShellNavbar } from './AppShellNavbar/AppShellNavbar';
 export { AppShellSection } from './AppShellSection/AppShellSection';
 export { AppShellMain } from './AppShellMain/AppShellMain';
-export type { AppShellProps, AppShellCssVariables, AppShellFactory, AppShellResponsiveSize, AppShellSize, AppShellStylesNames, } from './AppShell';
+export type { AppShellAsideConfiguration, AppShellHeaderConfiguration, AppShellNavbarConfiguration, AppShellFooterConfiguration, AppShellResponsiveSize, } from './AppShell.types';
+export type { AppShellProps, AppShellCssVariables, AppShellFactory, AppShellStylesNames, } from './AppShell';
 export type { AppShellAsideProps } from './AppShellAside/AppShellAside';
 export type { AppShellFooterProps } from './AppShellFooter/AppShellFooter';
 export type { AppShellHeaderProps } from './AppShellHeader/AppShellHeader';

package/lib/components/Avatar/Avatar.d.ts CHANGED Viewed

@@ -39,8 +39,10 @@ export declare const Avatar: (<C = "div">(props: import("../../core/factory/crea
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof AvatarProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (AvatarProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: AvatarProps;
     defaultRef: HTMLDivElement;

package/lib/components/BackgroundImage/BackgroundImage.d.ts CHANGED Viewed

@@ -21,8 +21,10 @@ export declare const BackgroundImage: (<C = "div">(props: import("../../core/fac
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof BackgroundImageProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (BackgroundImageProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: BackgroundImageProps;
     defaultRef: HTMLDivElement;

package/lib/components/Badge/Badge.d.ts CHANGED Viewed

@@ -35,8 +35,10 @@ export declare const Badge: (<C = "div">(props: import("../../core/factory/creat
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof BadgeProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (BadgeProps & {
-    component: React.ElementType<any>;
+    component: React.ElementType<any>; /** Controls `font-size`, `height` and horizontal `padding`, `'md'` by default */
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: BadgeProps;
     defaultRef: HTMLDivElement;

package/lib/components/Button/Button.d.ts CHANGED Viewed

@@ -49,8 +49,10 @@ export declare const Button: (<C = "button">(props: import("../../core/factory/c
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof ButtonProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (ButtonProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: ButtonProps;
     defaultRef: HTMLButtonElement;

package/lib/components/Card/Card.d.ts CHANGED Viewed

@@ -31,8 +31,10 @@ export declare const Card: (<C = "div">(props: import("../../core/factory/create
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof CardProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (CardProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: CardProps;
     defaultRef: HTMLDivElement;

package/lib/components/Card/CardSection/CardSection.d.ts CHANGED Viewed

@@ -18,8 +18,10 @@ export declare const CardSection: (<C = "div">(props: import("../../../core/fact
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof CardSectionProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (CardSectionProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../../core/factory/factory").ThemeExtend<{
     props: CardSectionProps;
     defaultRef: HTMLDivElement;

package/lib/components/Center/Center.d.ts CHANGED Viewed

@@ -17,8 +17,10 @@ export declare const Center: (<C = "div">(props: import("../../core/factory/crea
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof CenterProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (CenterProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: CenterProps;
     defaultRef: HTMLDivElement;

package/lib/components/CloseButton/CloseButton.d.ts CHANGED Viewed

@@ -32,8 +32,10 @@ export declare const CloseButton: (<C = "button">(props: import("../../core/fact
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof CloseButtonProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (CloseButtonProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: CloseButtonProps;
     defaultComponent: 'button';

package/lib/components/Collapse/use-collapse.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import React from 'react';
+import { CSSProperties } from '../../core';
 export declare function getElementHeight(el: React.RefObject<HTMLElement> | {
     current?: {
         scrollHeight: number;
@@ -12,7 +13,7 @@ interface UseCollapse {
 }
 interface GetCollapseProps {
     [key: string]: unknown;
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     onTransitionEnd?: (e: TransitionEvent) => void;
     refKey?: string;
     ref?: React.ForwardedRef<HTMLDivElement>;

package/lib/components/ColorSwatch/ColorSwatch.d.ts CHANGED Viewed

@@ -27,8 +27,10 @@ export declare const ColorSwatch: (<C = "div">(props: import("../../core/factory
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof ColorSwatchProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (ColorSwatchProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: ColorSwatchProps;
     defaultRef: HTMLDivElement;

package/lib/components/Highlight/Highlight.d.ts CHANGED Viewed

@@ -22,8 +22,10 @@ export declare const Highlight: (<C = "div">(props: import("../../core/factory/c
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof HighlightProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (HighlightProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: HighlightProps;
     defaultRef: HTMLDivElement;

package/lib/components/HoverCard/HoverCard.d.ts CHANGED Viewed

@@ -1,6 +1,8 @@
 import React from 'react';
-import { PopoverProps } from '../Popover';
+import { Factory } from '../../core';
+import { PopoverProps, PopoverStylesNames } from '../Popover';
 import { HoverCardDropdown } from './HoverCardDropdown/HoverCardDropdown';
+import { PopoverCssVariables } from '../Popover/Popover';
 export interface HoverCardProps extends PopoverProps {
     variant?: string;
     /** Initial opened state */
@@ -14,9 +16,23 @@ export interface HoverCardProps extends PopoverProps {
     /** Close delay in ms */
     closeDelay?: number;
 }
+export type HoverCardFactory = Factory<{
+    props: HoverCardProps;
+    stylesNames: PopoverStylesNames;
+    vars: PopoverCssVariables;
+}>;
 export declare function HoverCard(props: HoverCardProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace HoverCard {
     var displayName: string;
     var Target: React.ForwardRefExoticComponent<import("./HoverCardTarget/HoverCardTarget").HoverCardTargetProps & React.RefAttributes<HTMLElement>>;
     var Dropdown: typeof HoverCardDropdown;
+    var extend: (input: import("../../core/factory/factory").ExtendsRootComponent<{
+        props: HoverCardProps;
+        stylesNames: PopoverStylesNames;
+        vars: PopoverCssVariables;
+    }>) => import("../../core/factory/factory").ExtendsRootComponent<{
+        props: HoverCardProps;
+        stylesNames: PopoverStylesNames;
+        vars: PopoverCssVariables;
+    }>;
 }

package/lib/components/Image/Image.d.ts CHANGED Viewed

@@ -27,8 +27,10 @@ export declare const Image: (<C = "img">(props: import("../../core/factory/creat
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof ImageProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (ImageProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: ImageProps;
     defaultRef: HTMLImageElement;

package/lib/components/Input/Input.d.ts CHANGED Viewed

@@ -82,8 +82,10 @@ export declare const Input: (<C = "input">(props: import("../../core/factory/cre
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof InputProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (InputProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: InputProps;
     defaultRef: HTMLInputElement;

package/lib/components/Input/InputDescription/InputDescription.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ export type InputDescriptionCssVariables = {
 };
 export interface InputDescriptionProps extends BoxProps, StylesApiProps<InputDescriptionFactory>, ElementProps<'div'> {
     __staticSelector?: string;
+    __inheritStyles?: boolean;
     /** Controls description `font-size`, `'sm'` by default */
     size?: MantineSize | (string & {});
 }

package/lib/components/Input/InputError/InputError.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ export type InputErrorCssVariables = {
 };
 export interface InputErrorProps extends BoxProps, StylesApiProps<InputErrorFactory>, ElementProps<'div'> {
     __staticSelector?: string;
+    __inheritStyles?: boolean;
     /** Controls error `font-size`, `'sm'` by default */
     size?: MantineSize | (string & {});
 }

package/lib/components/Input/use-input-props.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ interface BaseProps extends __BaseInputProps, BoxProps, StylesApiProps<{
     __stylesApiProps?: Record<string, any>;
     id?: string;
 }
-export declare function useInputProps<T extends BaseProps, U extends Partial<T>>(component: string, defaultProps: U, _props: T): Omit<T & { [Key in Extract<keyof T, never>]-?: {}[Key] | NonNullable<T[Key]>; }, "label" | "style" | "size" | "styles" | "className" | "id" | "vars" | "variant" | "unstyled" | "classNames" | "required" | "error" | "description" | "__staticSelector" | "__stylesApiProps" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "wrapperProps"> & {
+export declare function useInputProps<T extends BaseProps, U extends Partial<T>>(component: string, defaultProps: U, _props: T): Omit<T & { [Key in Extract<keyof T, never>]-?: {}[Key] | NonNullable<T[Key]>; }, "style" | "label" | "className" | "id" | "__staticSelector" | "size" | "description" | "unstyled" | "variant" | "classNames" | "styles" | "vars" | "required" | "error" | "__stylesApiProps" | "wrapperProps" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder"> & {
     classNames: Partial<Record<string, string>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, string>>) | undefined;
     styles: Partial<Record<string, import("react").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("react").CSSProperties>>) | undefined;
     unstyled: boolean | undefined;
@@ -30,7 +30,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         size: import("../../core").MantineSize | (string & {}) | undefined;
         style: import("../../core").MantineStyleProp;
         inputContainer: ((children: import("react").ReactNode) => import("react").ReactNode) | undefined;
-        inputWrapperOrder: ("input" | "label" | "error" | "description")[] | undefined;
+        inputWrapperOrder: ("input" | "label" | "description" | "error")[] | undefined;
         withAsterisk: boolean | undefined;
         variant: string | undefined;
         id: string | undefined;

package/lib/components/InputBase/InputBase.d.ts CHANGED Viewed

@@ -22,8 +22,10 @@ export declare const InputBase: (<C = "input">(props: import("../../core/factory
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof InputBaseProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (InputBaseProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: InputBaseProps;
     defaultRef: HTMLInputElement;

package/lib/components/Menu/Menu.d.ts CHANGED Viewed

@@ -57,8 +57,10 @@ export declare namespace Menu {
         component?: any;
     } & Omit<Omit<any, "ref">, "component" | keyof import("./MenuItem/MenuItem").MenuItemProps> & {
         ref?: any;
+        renderRoot?(props: any): any;
     }) | (import("./MenuItem/MenuItem").MenuItemProps & {
         component: React.ElementType<any>;
+        renderRoot?(props: Record<string, any>): any;
     })>, never> & import("../../core/factory/factory").ThemeExtend<{
         props: import("./MenuItem/MenuItem").MenuItemProps;
         defaultRef: HTMLButtonElement;

package/lib/components/Menu/MenuItem/MenuItem.d.ts CHANGED Viewed

@@ -26,8 +26,10 @@ export declare const MenuItem: (<C = "button">(props: import("../../../core/fact
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof MenuItemProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (MenuItemProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../../core/factory/factory").ThemeExtend<{
     props: MenuItemProps;
     defaultRef: HTMLButtonElement;

package/lib/components/MultiSelect/MultiSelect.d.ts CHANGED Viewed

@@ -33,6 +33,8 @@ export interface MultiSelectProps extends BoxProps, __BaseInputProps, ComboboxLi
     clearable?: boolean;
     /** Props passed down to the clear button */
     clearButtonProps?: __CloseButtonProps & ElementProps<'button'>;
+    /** Props passed down to the hidden input */
+    hiddenInputProps?: React.ComponentPropsWithoutRef<'input'>;
 }
 export type MultiSelectFactory = Factory<{
     props: MultiSelectProps;

package/lib/components/NavLink/NavLink.d.ts CHANGED Viewed

@@ -50,8 +50,10 @@ export declare const NavLink: (<C = "a">(props: import("../../core/factory/creat
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof NavLinkProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (NavLinkProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: NavLinkProps;
     defaultRef: HTMLAnchorElement;

package/lib/components/Overlay/Overlay.d.ts CHANGED Viewed

@@ -35,8 +35,10 @@ export declare const Overlay: (<C = "div">(props: import("../../core/factory/cre
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof OverlayProps> & {
     ref?: any;
+    renderRoot?(props: any): any;
 }) | (OverlayProps & {
     component: React.ElementType<any>;
+    renderRoot?(props: Record<string, any>): any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: OverlayProps;
     defaultRef: HTMLDivElement;