npm - @mantine/core - Versions diffs - 9.1.1 → 9.2.1 - Mend

@mantine/core 9.1.1 → 9.2.1

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 (1160) hide show

package/esm/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"assign-aside-variables.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.ts"],"sourcesContent":["import { getBreakpointValue, keys, MantineTheme, rem } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { getBaseSize } from '../get-base-size/get-base-size';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\n\ninterface AssignAsideVariablesInput {\n baseStyles: CSSVariables;\n minMediaStyles: MediaQueryVariables;\n maxMediaStyles: MediaQueryVariables;\n aside: AppShellProps['aside'] \| undefined;\n theme: MantineTheme;\n mode: 'fixed' \| 'static';\n}\n\nexport function assignAsideVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n aside,\n theme,\n mode,\n}: AssignAsideVariablesInput) {\n const asideWidth = aside?.width;\n const collapsedAsideTransform = 'translateX(var(--app-shell-aside-width))';\n const collapsedAsideTransformRtl = 'translateX(calc(var(--app-shell-aside-width) * -1))';\n\n if (aside?.breakpoint && !aside?.collapsed?.mobile) {\n maxMediaStyles[aside?.breakpoint] = maxMediaStyles[aside?.breakpoint] \|\| {};\n if (mode === 'fixed') {\n maxMediaStyles[aside?.breakpoint]['--app-shell-aside-width'] = '100%';\n maxMediaStyles[aside?.breakpoint]['--app-shell-aside-offset'] = '0px';\n } else {\n maxMediaStyles[aside?.breakpoint]['--app-shell-aside-width'] = '0px';\n maxMediaStyles[aside?.breakpoint]['--app-shell-aside-offset'] = '0px';\n }\n }\n\n if (isPrimitiveSize(asideWidth)) {\n const baseSize = rem(getBaseSize(asideWidth));\n baseStyles['--app-shell-aside-width'] = baseSize;\n baseStyles['--app-shell-aside-offset'] = baseSize;\n }\n\n if (isResponsiveSize(asideWidth)) {\n if (typeof asideWidth.base !== 'undefined') {\n baseStyles['--app-shell-aside-width'] = rem(asideWidth.base);\n baseStyles['--app-shell-aside-offset'] = rem(asideWidth.base);\n }\n\n keys(asideWidth).forEach((key) => {\n if (key !== 'base') {\n minMediaStyles[key] = minMediaStyles[key] \|\| {};\n minMediaStyles[key]['--app-shell-aside-width'] = rem(asideWidth![key]);\n minMediaStyles[key]['--app-shell-aside-offset'] = rem(asideWidth![key]);\n }\n });\n }\n\n if (aside?.breakpoint && mode === 'static') {\n minMediaStyles[aside.breakpoint] = minMediaStyles[aside.breakpoint] \|\| {};\n minMediaStyles[aside.breakpoint]['--app-shell-aside-position'] = 'sticky';\n minMediaStyles[aside.breakpoint]['--app-shell-aside-grid-row'] = '2';\n minMediaStyles[aside.breakpoint]['--app-shell-aside-grid-column'] = '3';\n // Adjust main column end when aside is visible\n minMediaStyles[aside.breakpoint]['--app-shell-main-column-end'] = '3';\n }\n\n if (aside?.collapsed?.desktop) {\n const breakpointValue = aside!.breakpoint;\n minMediaStyles[breakpointValue] = minMediaStyles[breakpointValue] \|\| {};\n minMediaStyles[breakpointValue]['--app-shell-aside-transform'] = collapsedAsideTransform;\n minMediaStyles[breakpointValue]['--app-shell-aside-transform-rtl'] = collapsedAsideTransformRtl;\n if (mode === 'fixed') {\n minMediaStyles[breakpointValue]['--app-shell-aside-offset'] = '0px !important';\n } else {\n minMediaStyles[breakpointValue]['--app-shell-aside-width'] = '0px';\n minMediaStyles[breakpointValue]['--app-shell-aside-display'] = 'none';\n minMediaStyles[breakpointValue]['--app-shell-main-column-end'] = '-1';\n }\n minMediaStyles[breakpointValue]['--app-shell-aside-scroll-locked-visibility'] = 'hidden';\n }\n\n if (aside?.collapsed?.mobile) {\n const breakpointValue = getBreakpointValue(aside!.breakpoint, theme.breakpoints) - 0.1;\n maxMediaStyles[breakpointValue] = maxMediaStyles[breakpointValue] \|\| {};\n if (mode === 'fixed') {\n maxMediaStyles[breakpointValue]['--app-shell-aside-width'] = '100%';\n maxMediaStyles[breakpointValue]['--app-shell-aside-offset'] = '0px';\n } else {\n maxMediaStyles[breakpointValue]['--app-shell-aside-width'] = '0px';\n }\n maxMediaStyles[breakpointValue]['--app-shell-aside-transform'] = collapsedAsideTransform;\n maxMediaStyles[breakpointValue]['--app-shell-aside-transform-rtl'] = collapsedAsideTransformRtl;\n maxMediaStyles[breakpointValue]['--app-shell-aside-scroll-locked-visibility'] = 'hidden';\n }\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,qBAAqB,EACnC,YACA,gBACA,gBACA,OACA,OACA,QAC4B;CAC5B,MAAM,aAAa,OAAO;CAC1B,MAAM,0BAA0B;CAChC,MAAM,6BAA6B;~~AAEnC~~,~~KAAI~~,OAAO,cAAc,CAAC,OAAO,WAAW,QAAQ;~~AAClD~~,~~iBAAe~~,OAAO,cAAc,eAAe,OAAO,eAAe,~~EAAE~~;~~AAC3E~~,~~MAAI~~,SAAS,SAAS;~~AACpB~~,~~kBAAe~~,OAAO,YAAY,6BAA6B;~~AAC~~/D,~~kBAAe~~,OAAO,YAAY,8BAA8B;~~SAC3D~~;~~AACL~~,~~kBAAe~~,OAAO,YAAY,6BAA6B;~~AAC~~/D,~~kBAAe~~,OAAO,YAAY,8BAA8B~~;;;AAIpE~~,~~KAAI~~,gBAAgB,~~WAAW~~,~~EAAE~~;EAC/B,MAAM,WAAW,IAAI,YAAY,~~WAAW~~,CAAC;~~AAC7C~~,~~aAAW~~,6BAA6B;~~AACxC~~,~~aAAW~~,8BAA8B~~;;AAG3C~~,~~KAAI~~,iBAAiB,~~WAAW~~,~~EAAE~~;~~AAChC~~,~~MAAI~~,OAAO,WAAW,SAAS,aAAa;~~AAC1C~~,~~cAAW~~,6BAA6B,IAAI,WAAW,~~KAAK~~;~~AAC5D~~,~~cAAW~~,8BAA8B,IAAI,WAAW,KAAK~~;;AAG/D~~,~~OAAK~~,~~WAAW~~,~~CAAC,~~SAAS,QAAQ;~~AAChC~~,~~OAAI~~,QAAQ,QAAQ;~~AAClB~~,~~mBAAe~~,OAAO,eAAe,QAAQ,~~EAAE~~;~~AAC/C~~,~~mBAAe~~,KAAK,6BAA6B,IAAI,WAAY,~~KAAK~~;~~AACtE~~,~~mBAAe~~,KAAK,8BAA8B,IAAI,WAAY,~~KAAK;;IAEzE;;AAGJ~~,~~KAAI~~,OAAO,cAAc,SAAS,UAAU;~~AAC1C~~,~~iBAAe~~,MAAM,cAAc,eAAe,MAAM,eAAe,~~EAAE~~;~~AACzE~~,~~iBAAe~~,MAAM,YAAY,gCAAgC;~~AACjE~~,~~iBAAe~~,MAAM,YAAY,gCAAgC;~~AACjE~~,~~iBAAe~~,MAAM,YAAY,mCAAmC;~~AAEpE~~,~~iBAAe~~,MAAM,YAAY,iCAAiC~~;;AAGpE~~,~~KAAI~~,OAAO,WAAW,SAAS;EAC7B,MAAM,kBAAkB,MAAO;~~AAC~~/B,~~iBAAe~~,mBAAmB,eAAe,oBAAoB,~~EAAE~~;~~AACvE~~,~~iBAAe~~,iBAAiB,iCAAiC;~~AACjE~~,~~iBAAe~~,iBAAiB,qCAAqC;~~AACrE~~,~~MAAI~~,SAAS,~~QACX~~,~~gBAAe~~,iBAAiB,8BAA8B;OACzD;~~AACL~~,~~kBAAe~~,iBAAiB,6BAA6B;~~AAC7D~~,~~kBAAe~~,iBAAiB,+BAA+B;~~AAC~~/D,~~kBAAe~~,iBAAiB,iCAAiC~~;;AAEnE~~,~~iBAAe~~,iBAAiB,gDAAgD~~;;AAGlF~~,~~KAAI~~,OAAO,WAAW,QAAQ;EAC5B,MAAM,kBAAkB,mBAAmB,MAAO,YAAY,MAAM,~~YAAY~~,~~GAAG~~;~~AACnF~~,~~iBAAe~~,mBAAmB,eAAe,oBAAoB,~~EAAE~~;~~AACvE~~,~~MAAI~~,SAAS,SAAS;~~AACpB~~,~~kBAAe~~,iBAAiB,6BAA6B;~~AAC7D~~,~~kBAAe~~,iBAAiB,8BAA8B;~~QAE9D~~,~~gBAAe~~,iBAAiB,6BAA6B;~~AAE~~/D,~~iBAAe~~,iBAAiB,iCAAiC;~~AACjE~~,~~iBAAe~~,iBAAiB,qCAAqC;~~AACrE~~,~~iBAAe~~,iBAAiB,gDAAgD"}
1	+ {"version":3,"file":"assign-aside-variables.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.ts"],"sourcesContent":["import { getBreakpointValue, keys, MantineTheme, rem } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { getBaseSize } from '../get-base-size/get-base-size';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\n\ninterface AssignAsideVariablesInput {\n baseStyles: CSSVariables;\n minMediaStyles: MediaQueryVariables;\n maxMediaStyles: MediaQueryVariables;\n aside: AppShellProps['aside'] \| undefined;\n theme: MantineTheme;\n mode: 'fixed' \| 'static';\n}\n\nexport function assignAsideVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n aside,\n theme,\n mode,\n}: AssignAsideVariablesInput) {\n const asideWidth = aside?.width;\n const collapsedAsideTransform = 'translateX(var(--app-shell-aside-width))';\n const collapsedAsideTransformRtl = 'translateX(calc(var(--app-shell-aside-width) * -1))';\n\n if (aside?.breakpoint && !aside?.collapsed?.mobile) {\n maxMediaStyles[aside?.breakpoint] = maxMediaStyles[aside?.breakpoint] \|\| {};\n if (mode === 'fixed') {\n maxMediaStyles[aside?.breakpoint]['--app-shell-aside-width'] = '100%';\n maxMediaStyles[aside?.breakpoint]['--app-shell-aside-offset'] = '0px';\n } else {\n maxMediaStyles[aside?.breakpoint]['--app-shell-aside-width'] = '0px';\n maxMediaStyles[aside?.breakpoint]['--app-shell-aside-offset'] = '0px';\n }\n }\n\n if (isPrimitiveSize(asideWidth)) {\n const baseSize = rem(getBaseSize(asideWidth));\n baseStyles['--app-shell-aside-width'] = baseSize;\n baseStyles['--app-shell-aside-offset'] = baseSize;\n }\n\n if (isResponsiveSize(asideWidth)) {\n if (typeof asideWidth.base !== 'undefined') {\n baseStyles['--app-shell-aside-width'] = rem(asideWidth.base);\n baseStyles['--app-shell-aside-offset'] = rem(asideWidth.base);\n }\n\n keys(asideWidth).forEach((key) => {\n if (key !== 'base') {\n minMediaStyles[key] = minMediaStyles[key] \|\| {};\n minMediaStyles[key]['--app-shell-aside-width'] = rem(asideWidth![key]);\n minMediaStyles[key]['--app-shell-aside-offset'] = rem(asideWidth![key]);\n }\n });\n }\n\n if (aside?.breakpoint && mode === 'static') {\n minMediaStyles[aside.breakpoint] = minMediaStyles[aside.breakpoint] \|\| {};\n minMediaStyles[aside.breakpoint]['--app-shell-aside-position'] = 'sticky';\n minMediaStyles[aside.breakpoint]['--app-shell-aside-grid-row'] = '2';\n minMediaStyles[aside.breakpoint]['--app-shell-aside-grid-column'] = '3';\n // Adjust main column end when aside is visible\n minMediaStyles[aside.breakpoint]['--app-shell-main-column-end'] = '3';\n }\n\n if (aside?.collapsed?.desktop) {\n const breakpointValue = aside!.breakpoint;\n minMediaStyles[breakpointValue] = minMediaStyles[breakpointValue] \|\| {};\n minMediaStyles[breakpointValue]['--app-shell-aside-transform'] = collapsedAsideTransform;\n minMediaStyles[breakpointValue]['--app-shell-aside-transform-rtl'] = collapsedAsideTransformRtl;\n if (mode === 'fixed') {\n minMediaStyles[breakpointValue]['--app-shell-aside-offset'] = '0px !important';\n } else {\n minMediaStyles[breakpointValue]['--app-shell-aside-width'] = '0px';\n minMediaStyles[breakpointValue]['--app-shell-aside-display'] = 'none';\n minMediaStyles[breakpointValue]['--app-shell-main-column-end'] = '-1';\n }\n minMediaStyles[breakpointValue]['--app-shell-aside-scroll-locked-visibility'] = 'hidden';\n }\n\n if (aside?.collapsed?.mobile) {\n const breakpointValue = getBreakpointValue(aside!.breakpoint, theme.breakpoints) - 0.1;\n maxMediaStyles[breakpointValue] = maxMediaStyles[breakpointValue] \|\| {};\n if (mode === 'fixed') {\n maxMediaStyles[breakpointValue]['--app-shell-aside-width'] = '100%';\n maxMediaStyles[breakpointValue]['--app-shell-aside-offset'] = '0px';\n } else {\n maxMediaStyles[breakpointValue]['--app-shell-aside-width'] = '0px';\n }\n maxMediaStyles[breakpointValue]['--app-shell-aside-transform'] = collapsedAsideTransform;\n maxMediaStyles[breakpointValue]['--app-shell-aside-transform-rtl'] = collapsedAsideTransformRtl;\n maxMediaStyles[breakpointValue]['--app-shell-aside-scroll-locked-visibility'] = 'hidden';\n }\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,qBAAqB,EACnC,YACA,gBACA,gBACA,OACA,OACA,QAC4B;CAC5B,MAAM,aAAa,OAAO;CAC1B,MAAM,0BAA0B;CAChC,MAAM,6BAA6B;CAEnC,IAAI,OAAO,cAAc,CAAC,OAAO,WAAW,QAAQ;EAClD,eAAe,OAAO,cAAc,eAAe,OAAO,eAAe,CAAC;EAC1E,IAAI,SAAS,SAAS;GACpB,eAAe,OAAO,YAAY,6BAA6B;GAC/D,eAAe,OAAO,YAAY,8BAA8B;EAClE,OAAO;GACL,eAAe,OAAO,YAAY,6BAA6B;GAC/D,eAAe,OAAO,YAAY,8BAA8B;EAClE;CACF;CAEA,IAAI,gBAAgB,UAAU,GAAG;EAC/B,MAAM,WAAW,IAAI,YAAY,UAAU,CAAC;EAC5C,WAAW,6BAA6B;EACxC,WAAW,8BAA8B;CAC3C;CAEA,IAAI,iBAAiB,UAAU,GAAG;EAChC,IAAI,OAAO,WAAW,SAAS,aAAa;GAC1C,WAAW,6BAA6B,IAAI,WAAW,IAAI;GAC3D,WAAW,8BAA8B,IAAI,WAAW,IAAI;EAC9D;EAEA,KAAK,UAAU,EAAE,SAAS,QAAQ;GAChC,IAAI,QAAQ,QAAQ;IAClB,eAAe,OAAO,eAAe,QAAQ,CAAC;IAC9C,eAAe,KAAK,6BAA6B,IAAI,WAAY,IAAI;IACrE,eAAe,KAAK,8BAA8B,IAAI,WAAY,IAAI;GACxE;EACF,CAAC;CACH;CAEA,IAAI,OAAO,cAAc,SAAS,UAAU;EAC1C,eAAe,MAAM,cAAc,eAAe,MAAM,eAAe,CAAC;EACxE,eAAe,MAAM,YAAY,gCAAgC;EACjE,eAAe,MAAM,YAAY,gCAAgC;EACjE,eAAe,MAAM,YAAY,mCAAmC;EAEpE,eAAe,MAAM,YAAY,iCAAiC;CACpE;CAEA,IAAI,OAAO,WAAW,SAAS;EAC7B,MAAM,kBAAkB,MAAO;EAC/B,eAAe,mBAAmB,eAAe,oBAAoB,CAAC;EACtE,eAAe,iBAAiB,iCAAiC;EACjE,eAAe,iBAAiB,qCAAqC;EACrE,IAAI,SAAS,SACX,eAAe,iBAAiB,8BAA8B;OACzD;GACL,eAAe,iBAAiB,6BAA6B;GAC7D,eAAe,iBAAiB,+BAA+B;GAC/D,eAAe,iBAAiB,iCAAiC;EACnE;EACA,eAAe,iBAAiB,gDAAgD;CAClF;CAEA,IAAI,OAAO,WAAW,QAAQ;EAC5B,MAAM,kBAAkB,mBAAmB,MAAO,YAAY,MAAM,WAAW,IAAI;EACnF,eAAe,mBAAmB,eAAe,oBAAoB,CAAC;EACtE,IAAI,SAAS,SAAS;GACpB,eAAe,iBAAiB,6BAA6B;GAC7D,eAAe,iBAAiB,8BAA8B;EAChE,OACE,eAAe,iBAAiB,6BAA6B;EAE/D,eAAe,iBAAiB,iCAAiC;EACjE,eAAe,iBAAiB,qCAAqC;EACrE,eAAe,iBAAiB,gDAAgD;CAClF;AACF"}

package/esm/components/AppShell/AppShellMediaStyles/assign-footer-variables/assign-footer-variables.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"assign-footer-variables.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-footer-variables/assign-footer-variables.ts"],"sourcesContent":["import { keys, rem } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { getBaseSize } from '../get-base-size/get-base-size';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\n\ninterface AssignFooterVariablesInput {\n baseStyles: CSSVariables;\n minMediaStyles: MediaQueryVariables;\n footer: AppShellProps['footer'] \| undefined;\n mode: 'fixed' \| 'static';\n}\n\nexport function assignFooterVariables({\n baseStyles,\n minMediaStyles,\n footer,\n mode,\n}: AssignFooterVariablesInput) {\n const footerHeight = footer?.height;\n const collapsedFooterTransform = 'translateY(var(--app-shell-footer-height))';\n const shouldOffset = mode === 'static' ? true : (footer?.offset ?? true);\n\n if (mode === 'static' && footer) {\n baseStyles['--app-shell-footer-position'] = 'sticky';\n baseStyles['--app-shell-footer-grid-column'] = '1 / -1';\n baseStyles['--app-shell-footer-grid-row'] = '3';\n }\n\n if (isPrimitiveSize(footerHeight)) {\n const baseSize = rem(getBaseSize(footerHeight));\n baseStyles['--app-shell-footer-height'] = baseSize;\n if (shouldOffset) {\n baseStyles['--app-shell-footer-offset'] = baseSize;\n }\n }\n\n if (isResponsiveSize(footerHeight)) {\n if (typeof footerHeight.base !== 'undefined') {\n baseStyles['--app-shell-footer-height'] = rem(footerHeight.base);\n\n if (shouldOffset) {\n baseStyles['--app-shell-footer-offset'] = rem(footerHeight.base);\n }\n }\n\n keys(footerHeight).forEach((key) => {\n if (key !== 'base') {\n minMediaStyles[key] = minMediaStyles[key] \|\| {};\n minMediaStyles[key]['--app-shell-footer-height'] = rem(footerHeight[key]);\n\n if (shouldOffset) {\n minMediaStyles[key]['--app-shell-footer-offset'] = rem(footerHeight[key]);\n }\n }\n });\n }\n\n if (footer?.collapsed) {\n baseStyles['--app-shell-footer-transform'] = collapsedFooterTransform;\n if (mode === 'fixed') {\n baseStyles['--app-shell-footer-offset'] = '0px !important';\n }\n }\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,sBAAsB,EACpC,YACA,gBACA,QACA,QAC6B;CAC7B,MAAM,eAAe,QAAQ;CAC7B,MAAM,2BAA2B;CACjC,MAAM,eAAe,SAAS,WAAW,OAAQ,QAAQ,UAAU;~~AAEnE~~,~~KAAI~~,SAAS,YAAY,QAAQ;~~AAC~~/B,~~aAAW~~,iCAAiC;~~AAC5C~~,~~aAAW~~,oCAAoC;~~AAC~~/C,~~aAAW~~,iCAAiC~~;;AAG9C~~,~~KAAI~~,gBAAgB,~~aAAa~~,~~EAAE~~;EACjC,MAAM,WAAW,IAAI,YAAY,~~aAAa~~,CAAC;~~AAC/C~~,~~aAAW~~,+BAA+B;~~AAC1C~~,~~MAAI~~,~~aACF~~,~~YAAW~~,+BAA+B~~;;AAI9C~~,~~KAAI~~,iBAAiB,~~aAAa~~,~~EAAE~~;~~AAClC~~,~~MAAI~~,OAAO,aAAa,SAAS,aAAa;~~AAC5C~~,~~cAAW~~,+BAA+B,IAAI,aAAa,~~KAAK~~;~~AAEhE~~,~~OAAI~~,~~aACF~~,~~YAAW~~,+BAA+B,IAAI,aAAa,KAAK~~;;AAIpE~~,~~OAAK~~,~~aAAa~~,~~CAAC,~~SAAS,QAAQ;~~AAClC~~,~~OAAI~~,QAAQ,QAAQ;~~AAClB~~,~~mBAAe~~,OAAO,eAAe,QAAQ,~~EAAE~~;~~AAC/C~~,~~mBAAe~~,KAAK,+BAA+B,IAAI,aAAa,~~KAAK~~;~~AAEzE~~,~~QAAI~~,~~aACF~~,~~gBAAe~~,KAAK,+BAA+B,IAAI,aAAa,~~KAAK;;IAG7E;;AAGJ~~,~~KAAI~~,QAAQ,WAAW;~~AACrB~~,~~aAAW~~,kCAAkC;~~AAC7C~~,~~MAAI~~,SAAS,~~QACX~~,~~YAAW~~,+BAA+B"}
1	+ {"version":3,"file":"assign-footer-variables.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-footer-variables/assign-footer-variables.ts"],"sourcesContent":["import { keys, rem } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { getBaseSize } from '../get-base-size/get-base-size';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\n\ninterface AssignFooterVariablesInput {\n baseStyles: CSSVariables;\n minMediaStyles: MediaQueryVariables;\n footer: AppShellProps['footer'] \| undefined;\n mode: 'fixed' \| 'static';\n}\n\nexport function assignFooterVariables({\n baseStyles,\n minMediaStyles,\n footer,\n mode,\n}: AssignFooterVariablesInput) {\n const footerHeight = footer?.height;\n const collapsedFooterTransform = 'translateY(var(--app-shell-footer-height))';\n const shouldOffset = mode === 'static' ? true : (footer?.offset ?? true);\n\n if (mode === 'static' && footer) {\n baseStyles['--app-shell-footer-position'] = 'sticky';\n baseStyles['--app-shell-footer-grid-column'] = '1 / -1';\n baseStyles['--app-shell-footer-grid-row'] = '3';\n }\n\n if (isPrimitiveSize(footerHeight)) {\n const baseSize = rem(getBaseSize(footerHeight));\n baseStyles['--app-shell-footer-height'] = baseSize;\n if (shouldOffset) {\n baseStyles['--app-shell-footer-offset'] = baseSize;\n }\n }\n\n if (isResponsiveSize(footerHeight)) {\n if (typeof footerHeight.base !== 'undefined') {\n baseStyles['--app-shell-footer-height'] = rem(footerHeight.base);\n\n if (shouldOffset) {\n baseStyles['--app-shell-footer-offset'] = rem(footerHeight.base);\n }\n }\n\n keys(footerHeight).forEach((key) => {\n if (key !== 'base') {\n minMediaStyles[key] = minMediaStyles[key] \|\| {};\n minMediaStyles[key]['--app-shell-footer-height'] = rem(footerHeight[key]);\n\n if (shouldOffset) {\n minMediaStyles[key]['--app-shell-footer-offset'] = rem(footerHeight[key]);\n }\n }\n });\n }\n\n if (footer?.collapsed) {\n baseStyles['--app-shell-footer-transform'] = collapsedFooterTransform;\n if (mode === 'fixed') {\n baseStyles['--app-shell-footer-offset'] = '0px !important';\n }\n }\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,sBAAsB,EACpC,YACA,gBACA,QACA,QAC6B;CAC7B,MAAM,eAAe,QAAQ;CAC7B,MAAM,2BAA2B;CACjC,MAAM,eAAe,SAAS,WAAW,OAAQ,QAAQ,UAAU;CAEnE,IAAI,SAAS,YAAY,QAAQ;EAC/B,WAAW,iCAAiC;EAC5C,WAAW,oCAAoC;EAC/C,WAAW,iCAAiC;CAC9C;CAEA,IAAI,gBAAgB,YAAY,GAAG;EACjC,MAAM,WAAW,IAAI,YAAY,YAAY,CAAC;EAC9C,WAAW,+BAA+B;EAC1C,IAAI,cACF,WAAW,+BAA+B;CAE9C;CAEA,IAAI,iBAAiB,YAAY,GAAG;EAClC,IAAI,OAAO,aAAa,SAAS,aAAa;GAC5C,WAAW,+BAA+B,IAAI,aAAa,IAAI;GAE/D,IAAI,cACF,WAAW,+BAA+B,IAAI,aAAa,IAAI;EAEnE;EAEA,KAAK,YAAY,EAAE,SAAS,QAAQ;GAClC,IAAI,QAAQ,QAAQ;IAClB,eAAe,OAAO,eAAe,QAAQ,CAAC;IAC9C,eAAe,KAAK,+BAA+B,IAAI,aAAa,IAAI;IAExE,IAAI,cACF,eAAe,KAAK,+BAA+B,IAAI,aAAa,IAAI;GAE5E;EACF,CAAC;CACH;CAEA,IAAI,QAAQ,WAAW;EACrB,WAAW,kCAAkC;EAC7C,IAAI,SAAS,SACX,WAAW,+BAA+B;CAE9C;AACF"}

package/esm/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"assign-header-variables.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.ts"],"sourcesContent":["import { keys, rem } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { getBaseSize } from '../get-base-size/get-base-size';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\n\ninterface AssignHeaderVariablesInput {\n baseStyles: CSSVariables;\n minMediaStyles: MediaQueryVariables;\n header: AppShellProps['header'] \| undefined;\n mode: 'fixed' \| 'static';\n}\n\nexport function assignHeaderVariables({\n baseStyles,\n minMediaStyles,\n header,\n mode,\n}: AssignHeaderVariablesInput) {\n const headerHeight = header?.height;\n const collapsedHeaderTransform = 'translateY(calc(var(--app-shell-header-height) * -1))';\n const shouldOffset = mode === 'static' ? true : (header?.offset ?? true);\n\n if (mode === 'static' && header) {\n baseStyles['--app-shell-header-position'] = 'sticky';\n baseStyles['--app-shell-header-grid-column'] = '1 / -1';\n baseStyles['--app-shell-header-grid-row'] = '1';\n }\n\n if (isPrimitiveSize(headerHeight)) {\n const baseSize = rem(getBaseSize(headerHeight));\n baseStyles['--app-shell-header-height'] = baseSize;\n if (shouldOffset) {\n baseStyles['--app-shell-header-offset'] = baseSize;\n }\n }\n\n if (isResponsiveSize(headerHeight)) {\n if (typeof headerHeight.base !== 'undefined') {\n baseStyles['--app-shell-header-height'] = rem(headerHeight.base);\n\n if (shouldOffset) {\n baseStyles['--app-shell-header-offset'] = rem(headerHeight.base);\n }\n }\n\n keys(headerHeight).forEach((key) => {\n if (key !== 'base') {\n minMediaStyles[key] = minMediaStyles[key] \|\| {};\n minMediaStyles[key]['--app-shell-header-height'] = rem(headerHeight[key]);\n\n if (shouldOffset) {\n minMediaStyles[key]['--app-shell-header-offset'] = rem(headerHeight[key]);\n }\n }\n });\n }\n\n if (header?.collapsed) {\n baseStyles['--app-shell-header-transform'] = collapsedHeaderTransform;\n if (mode === 'fixed') {\n baseStyles['--app-shell-header-offset'] = '0px !important';\n }\n }\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,sBAAsB,EACpC,YACA,gBACA,QACA,QAC6B;CAC7B,MAAM,eAAe,QAAQ;CAC7B,MAAM,2BAA2B;CACjC,MAAM,eAAe,SAAS,WAAW,OAAQ,QAAQ,UAAU;~~AAEnE~~,~~KAAI~~,SAAS,YAAY,QAAQ;~~AAC~~/B,~~aAAW~~,iCAAiC;~~AAC5C~~,~~aAAW~~,oCAAoC;~~AAC~~/C,~~aAAW~~,iCAAiC~~;;AAG9C~~,~~KAAI~~,gBAAgB,~~aAAa~~,~~EAAE~~;EACjC,MAAM,WAAW,IAAI,YAAY,~~aAAa~~,CAAC;~~AAC/C~~,~~aAAW~~,+BAA+B;~~AAC1C~~,~~MAAI~~,~~aACF~~,~~YAAW~~,+BAA+B~~;;AAI9C~~,~~KAAI~~,iBAAiB,~~aAAa~~,~~EAAE~~;~~AAClC~~,~~MAAI~~,OAAO,aAAa,SAAS,aAAa;~~AAC5C~~,~~cAAW~~,+BAA+B,IAAI,aAAa,~~KAAK~~;~~AAEhE~~,~~OAAI~~,~~aACF~~,~~YAAW~~,+BAA+B,IAAI,aAAa,KAAK~~;;AAIpE~~,~~OAAK~~,~~aAAa~~,~~CAAC,~~SAAS,QAAQ;~~AAClC~~,~~OAAI~~,QAAQ,QAAQ;~~AAClB~~,~~mBAAe~~,OAAO,eAAe,QAAQ,~~EAAE~~;~~AAC/C~~,~~mBAAe~~,KAAK,+BAA+B,IAAI,aAAa,~~KAAK~~;~~AAEzE~~,~~QAAI~~,~~aACF~~,~~gBAAe~~,KAAK,+BAA+B,IAAI,aAAa,~~KAAK;;IAG7E;;AAGJ~~,~~KAAI~~,QAAQ,WAAW;~~AACrB~~,~~aAAW~~,kCAAkC;~~AAC7C~~,~~MAAI~~,SAAS,~~QACX~~,~~YAAW~~,+BAA+B"}
1	+ {"version":3,"file":"assign-header-variables.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.ts"],"sourcesContent":["import { keys, rem } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { getBaseSize } from '../get-base-size/get-base-size';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\n\ninterface AssignHeaderVariablesInput {\n baseStyles: CSSVariables;\n minMediaStyles: MediaQueryVariables;\n header: AppShellProps['header'] \| undefined;\n mode: 'fixed' \| 'static';\n}\n\nexport function assignHeaderVariables({\n baseStyles,\n minMediaStyles,\n header,\n mode,\n}: AssignHeaderVariablesInput) {\n const headerHeight = header?.height;\n const collapsedHeaderTransform = 'translateY(calc(var(--app-shell-header-height) * -1))';\n const shouldOffset = mode === 'static' ? true : (header?.offset ?? true);\n\n if (mode === 'static' && header) {\n baseStyles['--app-shell-header-position'] = 'sticky';\n baseStyles['--app-shell-header-grid-column'] = '1 / -1';\n baseStyles['--app-shell-header-grid-row'] = '1';\n }\n\n if (isPrimitiveSize(headerHeight)) {\n const baseSize = rem(getBaseSize(headerHeight));\n baseStyles['--app-shell-header-height'] = baseSize;\n if (shouldOffset) {\n baseStyles['--app-shell-header-offset'] = baseSize;\n }\n }\n\n if (isResponsiveSize(headerHeight)) {\n if (typeof headerHeight.base !== 'undefined') {\n baseStyles['--app-shell-header-height'] = rem(headerHeight.base);\n\n if (shouldOffset) {\n baseStyles['--app-shell-header-offset'] = rem(headerHeight.base);\n }\n }\n\n keys(headerHeight).forEach((key) => {\n if (key !== 'base') {\n minMediaStyles[key] = minMediaStyles[key] \|\| {};\n minMediaStyles[key]['--app-shell-header-height'] = rem(headerHeight[key]);\n\n if (shouldOffset) {\n minMediaStyles[key]['--app-shell-header-offset'] = rem(headerHeight[key]);\n }\n }\n });\n }\n\n if (header?.collapsed) {\n baseStyles['--app-shell-header-transform'] = collapsedHeaderTransform;\n if (mode === 'fixed') {\n baseStyles['--app-shell-header-offset'] = '0px !important';\n }\n }\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,sBAAsB,EACpC,YACA,gBACA,QACA,QAC6B;CAC7B,MAAM,eAAe,QAAQ;CAC7B,MAAM,2BAA2B;CACjC,MAAM,eAAe,SAAS,WAAW,OAAQ,QAAQ,UAAU;CAEnE,IAAI,SAAS,YAAY,QAAQ;EAC/B,WAAW,iCAAiC;EAC5C,WAAW,oCAAoC;EAC/C,WAAW,iCAAiC;CAC9C;CAEA,IAAI,gBAAgB,YAAY,GAAG;EACjC,MAAM,WAAW,IAAI,YAAY,YAAY,CAAC;EAC9C,WAAW,+BAA+B;EAC1C,IAAI,cACF,WAAW,+BAA+B;CAE9C;CAEA,IAAI,iBAAiB,YAAY,GAAG;EAClC,IAAI,OAAO,aAAa,SAAS,aAAa;GAC5C,WAAW,+BAA+B,IAAI,aAAa,IAAI;GAE/D,IAAI,cACF,WAAW,+BAA+B,IAAI,aAAa,IAAI;EAEnE;EAEA,KAAK,YAAY,EAAE,SAAS,QAAQ;GAClC,IAAI,QAAQ,QAAQ;IAClB,eAAe,OAAO,eAAe,QAAQ,CAAC;IAC9C,eAAe,KAAK,+BAA+B,IAAI,aAAa,IAAI;IAExE,IAAI,cACF,eAAe,KAAK,+BAA+B,IAAI,aAAa,IAAI;GAE5E;EACF,CAAC;CACH;CAEA,IAAI,QAAQ,WAAW;EACrB,WAAW,kCAAkC;EAC7C,IAAI,SAAS,SACX,WAAW,+BAA+B;CAE9C;AACF"}

package/esm/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"assign-navbar-variables.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.ts"],"sourcesContent":["import { getBreakpointValue, keys, MantineTheme, rem } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { getBaseSize } from '../get-base-size/get-base-size';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\n\ninterface AssignNavbarVariablesInput {\n baseStyles: CSSVariables;\n minMediaStyles: MediaQueryVariables;\n maxMediaStyles: MediaQueryVariables;\n navbar: AppShellProps['navbar'] \| undefined;\n theme: MantineTheme;\n mode: 'fixed' \| 'static';\n}\n\nexport function assignNavbarVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n navbar,\n theme,\n mode,\n}: AssignNavbarVariablesInput) {\n const navbarWidth = navbar?.width;\n const collapsedNavbarTransform = 'translateX(calc(var(--app-shell-navbar-width) * -1))';\n const collapsedNavbarTransformRtl = 'translateX(var(--app-shell-navbar-width))';\n\n if (navbar?.breakpoint && !navbar?.collapsed?.mobile) {\n maxMediaStyles[navbar?.breakpoint] = maxMediaStyles[navbar?.breakpoint] \|\| {};\n maxMediaStyles[navbar?.breakpoint]['--app-shell-navbar-offset'] = '0px';\n maxMediaStyles[navbar?.breakpoint]['--app-shell-navbar-width'] = '100%';\n if (mode === 'static') {\n maxMediaStyles[navbar?.breakpoint]['--app-shell-navbar-grid-width'] = '0px';\n }\n }\n\n if (isPrimitiveSize(navbarWidth)) {\n const baseSize = rem(getBaseSize(navbarWidth));\n baseStyles['--app-shell-navbar-width'] = baseSize;\n baseStyles['--app-shell-navbar-offset'] = baseSize;\n if (mode === 'static') {\n baseStyles['--app-shell-navbar-grid-width'] = baseSize;\n }\n }\n\n if (isResponsiveSize(navbarWidth)) {\n if (typeof navbarWidth.base !== 'undefined') {\n baseStyles['--app-shell-navbar-width'] = rem(navbarWidth.base);\n baseStyles['--app-shell-navbar-offset'] = rem(navbarWidth.base);\n if (mode === 'static') {\n baseStyles['--app-shell-navbar-grid-width'] = rem(navbarWidth.base);\n }\n }\n\n keys(navbarWidth).forEach((key) => {\n if (key !== 'base') {\n minMediaStyles[key] = minMediaStyles[key] \|\| {};\n minMediaStyles[key]['--app-shell-navbar-width'] = rem(navbarWidth![key]);\n minMediaStyles[key]['--app-shell-navbar-offset'] = rem(navbarWidth![key]);\n if (mode === 'static') {\n minMediaStyles[key]['--app-shell-navbar-grid-width'] = rem(navbarWidth![key]);\n }\n }\n });\n }\n\n if (navbar?.breakpoint && mode === 'static') {\n minMediaStyles[navbar.breakpoint] = minMediaStyles[navbar.breakpoint] \|\| {};\n minMediaStyles[navbar.breakpoint]['--app-shell-navbar-position'] = 'sticky';\n minMediaStyles[navbar.breakpoint]['--app-shell-navbar-grid-row'] = '2';\n minMediaStyles[navbar.breakpoint]['--app-shell-navbar-grid-column'] = '1';\n minMediaStyles[navbar.breakpoint]['--app-shell-main-column-start'] = '2';\n }\n\n if (navbar?.collapsed?.desktop) {\n const breakpointValue = navbar!.breakpoint;\n minMediaStyles[breakpointValue] = minMediaStyles[breakpointValue] \|\| {};\n minMediaStyles[breakpointValue]['--app-shell-navbar-transform'] = collapsedNavbarTransform;\n minMediaStyles[breakpointValue]['--app-shell-navbar-transform-rtl'] =\n collapsedNavbarTransformRtl;\n if (mode === 'fixed') {\n minMediaStyles[breakpointValue]['--app-shell-navbar-offset'] = '0px !important';\n } else {\n // In static mode, hide the element completely so grid column collapses\n minMediaStyles[breakpointValue]['--app-shell-navbar-width'] = '0px';\n minMediaStyles[breakpointValue]['--app-shell-navbar-display'] = 'none';\n minMediaStyles[breakpointValue]['--app-shell-main-column-start'] = '1';\n }\n }\n\n if (navbar?.collapsed?.mobile) {\n const breakpointValue = getBreakpointValue(navbar!.breakpoint, theme.breakpoints) - 0.1;\n maxMediaStyles[breakpointValue] = maxMediaStyles[breakpointValue] \|\| {};\n maxMediaStyles[breakpointValue]['--app-shell-navbar-width'] = '100%';\n maxMediaStyles[breakpointValue]['--app-shell-navbar-offset'] = '0px';\n if (mode === 'static') {\n maxMediaStyles[breakpointValue]['--app-shell-navbar-grid-width'] = '0px';\n }\n maxMediaStyles[breakpointValue]['--app-shell-navbar-transform'] = collapsedNavbarTransform;\n maxMediaStyles[breakpointValue]['--app-shell-navbar-transform-rtl'] =\n collapsedNavbarTransformRtl;\n }\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,sBAAsB,EACpC,YACA,gBACA,gBACA,QACA,OACA,QAC6B;CAC7B,MAAM,cAAc,QAAQ;CAC5B,MAAM,2BAA2B;CACjC,MAAM,8BAA8B;~~AAEpC~~,~~KAAI~~,QAAQ,cAAc,CAAC,QAAQ,WAAW,QAAQ;~~AACpD~~,~~iBAAe~~,QAAQ,cAAc,eAAe,QAAQ,eAAe,~~EAAE~~;~~AAC7E~~,~~iBAAe~~,QAAQ,YAAY,+BAA+B;~~AAClE~~,~~iBAAe~~,QAAQ,YAAY,8BAA8B;~~AACjE~~,~~MAAI~~,SAAS,~~SACX~~,~~gBAAe~~,QAAQ,YAAY,mCAAmC~~;;AAI1E~~,~~KAAI~~,gBAAgB,~~YAAY~~,~~EAAE~~;EAChC,MAAM,WAAW,IAAI,YAAY,~~YAAY~~,CAAC;~~AAC9C~~,~~aAAW~~,8BAA8B;~~AACzC~~,~~aAAW~~,+BAA+B;~~AAC1C~~,~~MAAI~~,SAAS,~~SACX~~,~~YAAW~~,mCAAmC~~;;AAIlD~~,~~KAAI~~,iBAAiB,~~YAAY~~,~~EAAE~~;~~AACjC~~,~~MAAI~~,OAAO,YAAY,SAAS,aAAa;~~AAC3C~~,~~cAAW~~,8BAA8B,IAAI,YAAY,~~KAAK~~;~~AAC9D~~,~~cAAW~~,+BAA+B,IAAI,YAAY,~~KAAK~~;~~AAC/D~~,~~OAAI~~,SAAS,~~SACX~~,~~YAAW~~,mCAAmC,IAAI,YAAY,KAAK~~;;AAIvE~~,~~OAAK~~,~~YAAY~~,~~CAAC,~~SAAS,QAAQ;~~AACjC~~,~~OAAI~~,QAAQ,QAAQ;~~AAClB~~,~~mBAAe~~,OAAO,eAAe,QAAQ,~~EAAE~~;~~AAC/C~~,~~mBAAe~~,KAAK,8BAA8B,IAAI,YAAa,~~KAAK~~;~~AACxE~~,~~mBAAe~~,KAAK,+BAA+B,IAAI,YAAa,~~KAAK~~;~~AACzE~~,~~QAAI~~,SAAS,~~SACX~~,~~gBAAe~~,KAAK,mCAAmC,IAAI,YAAa,~~KAAK;;IAGjF;;AAGJ~~,~~KAAI~~,QAAQ,cAAc,SAAS,UAAU;~~AAC3C~~,~~iBAAe~~,OAAO,cAAc,eAAe,OAAO,eAAe,~~EAAE~~;~~AAC3E~~,~~iBAAe~~,OAAO,YAAY,iCAAiC;~~AACnE~~,~~iBAAe~~,OAAO,YAAY,iCAAiC;~~AACnE~~,~~iBAAe~~,OAAO,YAAY,oCAAoC;~~AACtE~~,~~iBAAe~~,OAAO,YAAY,mCAAmC~~;;AAGvE~~,~~KAAI~~,QAAQ,WAAW,SAAS;EAC9B,MAAM,kBAAkB,OAAQ;~~AAChC~~,~~iBAAe~~,mBAAmB,eAAe,oBAAoB,~~EAAE~~;~~AACvE~~,~~iBAAe~~,iBAAiB,kCAAkC;~~AAClE~~,~~iBAAe~~,iBAAiB,sCAC9B;~~AACF~~,~~MAAI~~,SAAS,~~QACX~~,~~gBAAe~~,iBAAiB,+BAA+B;OAC1D;~~AAEL~~,~~kBAAe~~,iBAAiB,8BAA8B;~~AAC9D~~,~~kBAAe~~,iBAAiB,gCAAgC;~~AAChE~~,~~kBAAe~~,iBAAiB,mCAAmC~~;;;AAIvE~~,~~KAAI~~,QAAQ,WAAW,QAAQ;EAC7B,MAAM,kBAAkB,mBAAmB,OAAQ,YAAY,MAAM,~~YAAY~~,~~GAAG~~;~~AACpF~~,~~iBAAe~~,mBAAmB,eAAe,oBAAoB,~~EAAE~~;~~AACvE~~,~~iBAAe~~,iBAAiB,8BAA8B;~~AAC9D~~,~~iBAAe~~,iBAAiB,+BAA+B;~~AAC~~/D,~~MAAI~~,SAAS,~~SACX~~,~~gBAAe~~,iBAAiB,mCAAmC;~~AAErE~~,~~iBAAe~~,iBAAiB,kCAAkC;~~AAClE~~,~~iBAAe~~,iBAAiB,sCAC9B"}
1	+ {"version":3,"file":"assign-navbar-variables.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.ts"],"sourcesContent":["import { getBreakpointValue, keys, MantineTheme, rem } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { getBaseSize } from '../get-base-size/get-base-size';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\n\ninterface AssignNavbarVariablesInput {\n baseStyles: CSSVariables;\n minMediaStyles: MediaQueryVariables;\n maxMediaStyles: MediaQueryVariables;\n navbar: AppShellProps['navbar'] \| undefined;\n theme: MantineTheme;\n mode: 'fixed' \| 'static';\n}\n\nexport function assignNavbarVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n navbar,\n theme,\n mode,\n}: AssignNavbarVariablesInput) {\n const navbarWidth = navbar?.width;\n const collapsedNavbarTransform = 'translateX(calc(var(--app-shell-navbar-width) * -1))';\n const collapsedNavbarTransformRtl = 'translateX(var(--app-shell-navbar-width))';\n\n if (navbar?.breakpoint && !navbar?.collapsed?.mobile) {\n maxMediaStyles[navbar?.breakpoint] = maxMediaStyles[navbar?.breakpoint] \|\| {};\n maxMediaStyles[navbar?.breakpoint]['--app-shell-navbar-offset'] = '0px';\n maxMediaStyles[navbar?.breakpoint]['--app-shell-navbar-width'] = '100%';\n if (mode === 'static') {\n maxMediaStyles[navbar?.breakpoint]['--app-shell-navbar-grid-width'] = '0px';\n }\n }\n\n if (isPrimitiveSize(navbarWidth)) {\n const baseSize = rem(getBaseSize(navbarWidth));\n baseStyles['--app-shell-navbar-width'] = baseSize;\n baseStyles['--app-shell-navbar-offset'] = baseSize;\n if (mode === 'static') {\n baseStyles['--app-shell-navbar-grid-width'] = baseSize;\n }\n }\n\n if (isResponsiveSize(navbarWidth)) {\n if (typeof navbarWidth.base !== 'undefined') {\n baseStyles['--app-shell-navbar-width'] = rem(navbarWidth.base);\n baseStyles['--app-shell-navbar-offset'] = rem(navbarWidth.base);\n if (mode === 'static') {\n baseStyles['--app-shell-navbar-grid-width'] = rem(navbarWidth.base);\n }\n }\n\n keys(navbarWidth).forEach((key) => {\n if (key !== 'base') {\n minMediaStyles[key] = minMediaStyles[key] \|\| {};\n minMediaStyles[key]['--app-shell-navbar-width'] = rem(navbarWidth![key]);\n minMediaStyles[key]['--app-shell-navbar-offset'] = rem(navbarWidth![key]);\n if (mode === 'static') {\n minMediaStyles[key]['--app-shell-navbar-grid-width'] = rem(navbarWidth![key]);\n }\n }\n });\n }\n\n if (navbar?.breakpoint && mode === 'static') {\n minMediaStyles[navbar.breakpoint] = minMediaStyles[navbar.breakpoint] \|\| {};\n minMediaStyles[navbar.breakpoint]['--app-shell-navbar-position'] = 'sticky';\n minMediaStyles[navbar.breakpoint]['--app-shell-navbar-grid-row'] = '2';\n minMediaStyles[navbar.breakpoint]['--app-shell-navbar-grid-column'] = '1';\n minMediaStyles[navbar.breakpoint]['--app-shell-main-column-start'] = '2';\n }\n\n if (navbar?.collapsed?.desktop) {\n const breakpointValue = navbar!.breakpoint;\n minMediaStyles[breakpointValue] = minMediaStyles[breakpointValue] \|\| {};\n minMediaStyles[breakpointValue]['--app-shell-navbar-transform'] = collapsedNavbarTransform;\n minMediaStyles[breakpointValue]['--app-shell-navbar-transform-rtl'] =\n collapsedNavbarTransformRtl;\n if (mode === 'fixed') {\n minMediaStyles[breakpointValue]['--app-shell-navbar-offset'] = '0px !important';\n } else {\n // In static mode, hide the element completely so grid column collapses\n minMediaStyles[breakpointValue]['--app-shell-navbar-width'] = '0px';\n minMediaStyles[breakpointValue]['--app-shell-navbar-display'] = 'none';\n minMediaStyles[breakpointValue]['--app-shell-main-column-start'] = '1';\n }\n }\n\n if (navbar?.collapsed?.mobile) {\n const breakpointValue = getBreakpointValue(navbar!.breakpoint, theme.breakpoints) - 0.1;\n maxMediaStyles[breakpointValue] = maxMediaStyles[breakpointValue] \|\| {};\n maxMediaStyles[breakpointValue]['--app-shell-navbar-width'] = '100%';\n maxMediaStyles[breakpointValue]['--app-shell-navbar-offset'] = '0px';\n if (mode === 'static') {\n maxMediaStyles[breakpointValue]['--app-shell-navbar-grid-width'] = '0px';\n }\n maxMediaStyles[breakpointValue]['--app-shell-navbar-transform'] = collapsedNavbarTransform;\n maxMediaStyles[breakpointValue]['--app-shell-navbar-transform-rtl'] =\n collapsedNavbarTransformRtl;\n }\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,sBAAsB,EACpC,YACA,gBACA,gBACA,QACA,OACA,QAC6B;CAC7B,MAAM,cAAc,QAAQ;CAC5B,MAAM,2BAA2B;CACjC,MAAM,8BAA8B;CAEpC,IAAI,QAAQ,cAAc,CAAC,QAAQ,WAAW,QAAQ;EACpD,eAAe,QAAQ,cAAc,eAAe,QAAQ,eAAe,CAAC;EAC5E,eAAe,QAAQ,YAAY,+BAA+B;EAClE,eAAe,QAAQ,YAAY,8BAA8B;EACjE,IAAI,SAAS,UACX,eAAe,QAAQ,YAAY,mCAAmC;CAE1E;CAEA,IAAI,gBAAgB,WAAW,GAAG;EAChC,MAAM,WAAW,IAAI,YAAY,WAAW,CAAC;EAC7C,WAAW,8BAA8B;EACzC,WAAW,+BAA+B;EAC1C,IAAI,SAAS,UACX,WAAW,mCAAmC;CAElD;CAEA,IAAI,iBAAiB,WAAW,GAAG;EACjC,IAAI,OAAO,YAAY,SAAS,aAAa;GAC3C,WAAW,8BAA8B,IAAI,YAAY,IAAI;GAC7D,WAAW,+BAA+B,IAAI,YAAY,IAAI;GAC9D,IAAI,SAAS,UACX,WAAW,mCAAmC,IAAI,YAAY,IAAI;EAEtE;EAEA,KAAK,WAAW,EAAE,SAAS,QAAQ;GACjC,IAAI,QAAQ,QAAQ;IAClB,eAAe,OAAO,eAAe,QAAQ,CAAC;IAC9C,eAAe,KAAK,8BAA8B,IAAI,YAAa,IAAI;IACvE,eAAe,KAAK,+BAA+B,IAAI,YAAa,IAAI;IACxE,IAAI,SAAS,UACX,eAAe,KAAK,mCAAmC,IAAI,YAAa,IAAI;GAEhF;EACF,CAAC;CACH;CAEA,IAAI,QAAQ,cAAc,SAAS,UAAU;EAC3C,eAAe,OAAO,cAAc,eAAe,OAAO,eAAe,CAAC;EAC1E,eAAe,OAAO,YAAY,iCAAiC;EACnE,eAAe,OAAO,YAAY,iCAAiC;EACnE,eAAe,OAAO,YAAY,oCAAoC;EACtE,eAAe,OAAO,YAAY,mCAAmC;CACvE;CAEA,IAAI,QAAQ,WAAW,SAAS;EAC9B,MAAM,kBAAkB,OAAQ;EAChC,eAAe,mBAAmB,eAAe,oBAAoB,CAAC;EACtE,eAAe,iBAAiB,kCAAkC;EAClE,eAAe,iBAAiB,sCAC9B;EACF,IAAI,SAAS,SACX,eAAe,iBAAiB,+BAA+B;OAC1D;GAEL,eAAe,iBAAiB,8BAA8B;GAC9D,eAAe,iBAAiB,gCAAgC;GAChE,eAAe,iBAAiB,mCAAmC;EACrE;CACF;CAEA,IAAI,QAAQ,WAAW,QAAQ;EAC7B,MAAM,kBAAkB,mBAAmB,OAAQ,YAAY,MAAM,WAAW,IAAI;EACpF,eAAe,mBAAmB,eAAe,oBAAoB,CAAC;EACtE,eAAe,iBAAiB,8BAA8B;EAC9D,eAAe,iBAAiB,+BAA+B;EAC/D,IAAI,SAAS,UACX,eAAe,iBAAiB,mCAAmC;EAErE,eAAe,iBAAiB,kCAAkC;EAClE,eAAe,iBAAiB,sCAC9B;CACJ;AACF"}

package/esm/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"assign-padding-variables.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.ts"],"sourcesContent":["import { keys } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { getBaseSize } from '../get-base-size/get-base-size';\nimport { getPaddingValue } from '../get-padding-value/get-padding-value';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\n\ninterface AssignPaddingVariablesInput {\n baseStyles: CSSVariables;\n minMediaStyles: MediaQueryVariables;\n padding: AppShellProps['padding'] \| undefined;\n}\n\nexport function assignPaddingVariables({\n padding,\n baseStyles,\n minMediaStyles,\n}: AssignPaddingVariablesInput) {\n if (isPrimitiveSize(padding)) {\n baseStyles['--app-shell-padding'] = getPaddingValue(getBaseSize(padding));\n }\n\n if (isResponsiveSize(padding)) {\n if (padding.base) {\n baseStyles['--app-shell-padding'] = getPaddingValue(padding.base);\n }\n\n keys(padding).forEach((key) => {\n if (key !== 'base') {\n minMediaStyles[key] = minMediaStyles[key] \|\| {};\n minMediaStyles[key]['--app-shell-padding'] = getPaddingValue(padding![key]);\n }\n });\n }\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,uBAAuB,EACrC,SACA,YACA,kBAC8B;~~AAC9B~~,~~KAAI~~,gBAAgB,~~QAAQ~~,~~CAC1B~~,~~YAAW~~,yBAAyB,gBAAgB,YAAY,~~QAAQ~~,CAAC;~~AAG3E~~,~~KAAI~~,iBAAiB,~~QAAQ~~,~~EAAE~~;~~AAC7B~~,~~MAAI~~,QAAQ,~~KACV~~,~~YAAW~~,yBAAyB,gBAAgB,QAAQ,~~KAAK~~;~~AAGnE~~,~~OAAK~~,~~QAAQ~~,~~CAAC~~,SAAS,QAAQ;~~AAC7B~~,~~OAAI~~,QAAQ,QAAQ;~~AAClB~~,~~mBAAe~~,OAAO,eAAe,QAAQ,~~EAAE~~;~~AAC/C~~,~~mBAAe~~,KAAK,yBAAyB,gBAAgB,QAAS,~~KAAK;;IAE7E~~"}
1	+ {"version":3,"file":"assign-padding-variables.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.ts"],"sourcesContent":["import { keys } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { getBaseSize } from '../get-base-size/get-base-size';\nimport { getPaddingValue } from '../get-padding-value/get-padding-value';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\n\ninterface AssignPaddingVariablesInput {\n baseStyles: CSSVariables;\n minMediaStyles: MediaQueryVariables;\n padding: AppShellProps['padding'] \| undefined;\n}\n\nexport function assignPaddingVariables({\n padding,\n baseStyles,\n minMediaStyles,\n}: AssignPaddingVariablesInput) {\n if (isPrimitiveSize(padding)) {\n baseStyles['--app-shell-padding'] = getPaddingValue(getBaseSize(padding));\n }\n\n if (isResponsiveSize(padding)) {\n if (padding.base) {\n baseStyles['--app-shell-padding'] = getPaddingValue(padding.base);\n }\n\n keys(padding).forEach((key) => {\n if (key !== 'base') {\n minMediaStyles[key] = minMediaStyles[key] \|\| {};\n minMediaStyles[key]['--app-shell-padding'] = getPaddingValue(padding![key]);\n }\n });\n }\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,uBAAuB,EACrC,SACA,YACA,kBAC8B;CAC9B,IAAI,gBAAgB,OAAO,GACzB,WAAW,yBAAyB,gBAAgB,YAAY,OAAO,CAAC;CAG1E,IAAI,iBAAiB,OAAO,GAAG;EAC7B,IAAI,QAAQ,MACV,WAAW,yBAAyB,gBAAgB,QAAQ,IAAI;EAGlE,KAAK,OAAO,EAAE,SAAS,QAAQ;GAC7B,IAAI,QAAQ,QAAQ;IAClB,eAAe,OAAO,eAAe,QAAQ,CAAC;IAC9C,eAAe,KAAK,yBAAyB,gBAAgB,QAAS,IAAI;GAC5E;EACF,CAAC;CACH;AACF"}

package/esm/components/AppShell/AppShellMediaStyles/get-base-size/get-base-size.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-base-size.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-base-size/get-base-size.ts"],"sourcesContent":["import type { AppShellResponsiveSize, AppShellSize } from '../../AppShell.types';\n\nexport function getBaseSize(size: AppShellSize \| AppShellResponsiveSize) {\n if (typeof size === 'object') {\n return size.base;\n }\n\n return size;\n}\n"],"mappings":";;AAEA,SAAgB,YAAY,MAA6C;~~AACvE~~,~~KAAI~~,OAAO,SAAS,~~SAClB~~,~~QAAO~~,KAAK;~~AAGd~~,~~QAAO~~"}
1	+ {"version":3,"file":"get-base-size.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-base-size/get-base-size.ts"],"sourcesContent":["import type { AppShellResponsiveSize, AppShellSize } from '../../AppShell.types';\n\nexport function getBaseSize(size: AppShellSize \| AppShellResponsiveSize) {\n if (typeof size === 'object') {\n return size.base;\n }\n\n return size;\n}\n"],"mappings":";;AAEA,SAAgB,YAAY,MAA6C;CACvE,IAAI,OAAO,SAAS,UAClB,OAAO,KAAK;CAGd,OAAO;AACT"}

package/esm/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-padding-value.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.ts"],"sourcesContent":["import { getSpacing } from '../../../../core';\n\nexport function getPaddingValue(padding: string \| number \| undefined) {\n return Number(padding) === 0 ? '0px' : getSpacing(padding);\n}\n"],"mappings":";;;AAEA,SAAgB,gBAAgB,SAAsC;~~AACpE~~,~~QAAO~~,OAAO,~~QAAQ~~,~~KAAK~~,IAAI,QAAQ,WAAW,~~QAAQ~~"}
1	+ {"version":3,"file":"get-padding-value.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.ts"],"sourcesContent":["import { getSpacing } from '../../../../core';\n\nexport function getPaddingValue(padding: string \| number \| undefined) {\n return Number(padding) === 0 ? '0px' : getSpacing(padding);\n}\n"],"mappings":";;;AAEA,SAAgB,gBAAgB,SAAsC;CACpE,OAAO,OAAO,OAAO,MAAM,IAAI,QAAQ,WAAW,OAAO;AAC3D"}

package/esm/components/AppShell/AppShellMediaStyles/get-variables/get-variables.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-variables.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-variables/get-variables.ts"],"sourcesContent":["import { em, getSortedBreakpoints, keys, MantineTheme } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { assignAsideVariables } from '../assign-aside-variables/assign-aside-variables';\nimport { assignFooterVariables } from '../assign-footer-variables/assign-footer-variables';\nimport { assignHeaderVariables } from '../assign-header-variables/assign-header-variables';\nimport { assignNavbarVariables } from '../assign-navbar-variables/assign-navbar-variables';\nimport { assignPaddingVariables } from '../assign-padding-variables/assign-padding-variables';\n\nexport type CSSVariables = Record<`--${string}`, string \| undefined>;\nexport type MediaQueryVariables = Record<string, Record<`--${string}`, string \| undefined>>;\n\ninterface GetVariablesInput {\n navbar: AppShellProps['navbar'] \| undefined;\n header: AppShellProps['header'] \| undefined;\n footer: AppShellProps['footer'] \| undefined;\n aside: AppShellProps['aside'] \| undefined;\n padding: AppShellProps['padding'] \| undefined;\n theme: MantineTheme;\n mode: 'fixed' \| 'static';\n}\n\nexport function getVariables({\n navbar,\n header,\n footer,\n aside,\n padding,\n theme,\n mode,\n}: GetVariablesInput) {\n const minMediaStyles: MediaQueryVariables = {};\n const maxMediaStyles: MediaQueryVariables = {};\n const baseStyles: CSSVariables = {};\n\n // Set default main grid position in static mode\n if (mode === 'static') {\n baseStyles['--app-shell-main-grid-column'] = '1 / -1';\n baseStyles['--app-shell-main-grid-row'] = '2';\n }\n\n assignNavbarVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n navbar,\n theme,\n mode,\n });\n\n assignAsideVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n aside,\n theme,\n mode,\n });\n\n assignHeaderVariables({ baseStyles, minMediaStyles, header, mode });\n assignFooterVariables({ baseStyles, minMediaStyles, footer, mode });\n assignPaddingVariables({ baseStyles, minMediaStyles, padding });\n\n const minMedia = getSortedBreakpoints(keys(minMediaStyles), theme.breakpoints).map(\n (breakpoint) => ({\n query: `(min-width: ${em(breakpoint.px)})`,\n styles: minMediaStyles[breakpoint.value],\n })\n );\n\n const maxMedia = getSortedBreakpoints(keys(maxMediaStyles), theme.breakpoints).map(\n (breakpoint) => ({\n query: `(max-width: ${em(breakpoint.px)})`,\n styles: maxMediaStyles[breakpoint.value],\n })\n );\n\n const media = [...minMedia, ...maxMedia];\n\n return { baseStyles, media };\n}\n"],"mappings":";;;;;;;;;;AAqBA,SAAgB,aAAa,EAC3B,QACA,QACA,QACA,OACA,SACA,OACA,QACoB;CACpB,MAAM,iBAAsC,~~EAAE~~;~~CAC9C~~,MAAM,iBAAsC,~~EAAE~~;~~CAC9C~~,MAAM,aAA2B,~~EAAE~~;~~AAGnC~~,~~KAAI~~,SAAS,UAAU;~~AACrB~~,~~aAAW~~,kCAAkC;~~AAC7C~~,~~aAAW~~,+BAA+B~~;;AAG5C~~,~~uBAAsB~~;EACpB;EACA;EACA;EACA;EACA;EACA;~~EACD~~,CAAC;~~AAEF~~,~~sBAAqB~~;EACnB;EACA;EACA;EACA;EACA;EACA;~~EACD~~,CAAC;~~AAEF~~,~~uBAAsB~~;EAAE;EAAY;EAAgB;EAAQ;~~EAAM~~,CAAC;~~AACnE~~,~~uBAAsB~~;EAAE;EAAY;EAAgB;EAAQ;~~EAAM~~,CAAC;~~AACnE~~,~~wBAAuB~~;EAAE;EAAY;EAAgB;~~EAAS~~,CAAC;~~CAE/D~~,MAAM,WAAW,qBAAqB,KAAK,~~eAAe~~,~~EAAE~~,MAAM,~~YAAY~~,~~CAAC~~,KAC5E,gBAAgB;EACf,OAAO,eAAe,GAAG,WAAW,~~GAAG~~,~~CAAC~~;EACxC,QAAQ,eAAe,WAAW;~~EACnC~~,EACF;~~CAED~~,MAAM,WAAW,qBAAqB,KAAK,~~eAAe~~,~~EAAE~~,MAAM,~~YAAY~~,~~CAAC~~,KAC5E,gBAAgB;EACf,OAAO,eAAe,GAAG,WAAW,~~GAAG~~,~~CAAC~~;EACxC,QAAQ,eAAe,WAAW;~~EACnC~~,EACF;~~AAID~~,~~QAAO~~;EAAE;EAAY,~~OAFP~~,~~CAAC~~,GAAG,UAAU,GAAG,~~SAAS~~;~~EAEZ~~"}
1	+ {"version":3,"file":"get-variables.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-variables/get-variables.ts"],"sourcesContent":["import { em, getSortedBreakpoints, keys, MantineTheme } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { assignAsideVariables } from '../assign-aside-variables/assign-aside-variables';\nimport { assignFooterVariables } from '../assign-footer-variables/assign-footer-variables';\nimport { assignHeaderVariables } from '../assign-header-variables/assign-header-variables';\nimport { assignNavbarVariables } from '../assign-navbar-variables/assign-navbar-variables';\nimport { assignPaddingVariables } from '../assign-padding-variables/assign-padding-variables';\n\nexport type CSSVariables = Record<`--${string}`, string \| undefined>;\nexport type MediaQueryVariables = Record<string, Record<`--${string}`, string \| undefined>>;\n\ninterface GetVariablesInput {\n navbar: AppShellProps['navbar'] \| undefined;\n header: AppShellProps['header'] \| undefined;\n footer: AppShellProps['footer'] \| undefined;\n aside: AppShellProps['aside'] \| undefined;\n padding: AppShellProps['padding'] \| undefined;\n theme: MantineTheme;\n mode: 'fixed' \| 'static';\n}\n\nexport function getVariables({\n navbar,\n header,\n footer,\n aside,\n padding,\n theme,\n mode,\n}: GetVariablesInput) {\n const minMediaStyles: MediaQueryVariables = {};\n const maxMediaStyles: MediaQueryVariables = {};\n const baseStyles: CSSVariables = {};\n\n // Set default main grid position in static mode\n if (mode === 'static') {\n baseStyles['--app-shell-main-grid-column'] = '1 / -1';\n baseStyles['--app-shell-main-grid-row'] = '2';\n }\n\n assignNavbarVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n navbar,\n theme,\n mode,\n });\n\n assignAsideVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n aside,\n theme,\n mode,\n });\n\n assignHeaderVariables({ baseStyles, minMediaStyles, header, mode });\n assignFooterVariables({ baseStyles, minMediaStyles, footer, mode });\n assignPaddingVariables({ baseStyles, minMediaStyles, padding });\n\n const minMedia = getSortedBreakpoints(keys(minMediaStyles), theme.breakpoints).map(\n (breakpoint) => ({\n query: `(min-width: ${em(breakpoint.px)})`,\n styles: minMediaStyles[breakpoint.value],\n })\n );\n\n const maxMedia = getSortedBreakpoints(keys(maxMediaStyles), theme.breakpoints).map(\n (breakpoint) => ({\n query: `(max-width: ${em(breakpoint.px)})`,\n styles: maxMediaStyles[breakpoint.value],\n })\n );\n\n const media = [...minMedia, ...maxMedia];\n\n return { baseStyles, media };\n}\n"],"mappings":";;;;;;;;;;AAqBA,SAAgB,aAAa,EAC3B,QACA,QACA,QACA,OACA,SACA,OACA,QACoB;CACpB,MAAM,iBAAsC,CAAC;CAC7C,MAAM,iBAAsC,CAAC;CAC7C,MAAM,aAA2B,CAAC;CAGlC,IAAI,SAAS,UAAU;EACrB,WAAW,kCAAkC;EAC7C,WAAW,+BAA+B;CAC5C;CAEA,sBAAsB;EACpB;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,qBAAqB;EACnB;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,sBAAsB;EAAE;EAAY;EAAgB;EAAQ;CAAK,CAAC;CAClE,sBAAsB;EAAE;EAAY;EAAgB;EAAQ;CAAK,CAAC;CAClE,uBAAuB;EAAE;EAAY;EAAgB;CAAQ,CAAC;CAE9D,MAAM,WAAW,qBAAqB,KAAK,cAAc,GAAG,MAAM,WAAW,EAAE,KAC5E,gBAAgB;EACf,OAAO,eAAe,GAAG,WAAW,EAAE,EAAE;EACxC,QAAQ,eAAe,WAAW;CACpC,EACF;CAEA,MAAM,WAAW,qBAAqB,KAAK,cAAc,GAAG,MAAM,WAAW,EAAE,KAC5E,gBAAgB;EACf,OAAO,eAAe,GAAG,WAAW,EAAE,EAAE;EACxC,QAAQ,eAAe,WAAW;CACpC,EACF;CAIA,OAAO;EAAE;EAAY,OAAA,CAFN,GAAG,UAAU,GAAG,QAEN;CAAE;AAC7B"}

package/esm/components/AppShell/AppShellMediaStyles/is-primitive-size/is-primitive-size.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"is-primitive-size.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/is-primitive-size/is-primitive-size.ts"],"sourcesContent":["import type { AppShellResponsiveSize, AppShellSize } from '../../AppShell.types';\n\nexport function isPrimitiveSize(\n size: AppShellSize \| AppShellResponsiveSize \| undefined\n): size is AppShellSize \| AppShellResponsiveSize {\n const isBaseSize =\n typeof size === 'object' &&\n size !== null &&\n typeof size.base !== 'undefined' &&\n Object.keys(size).length === 1;\n return typeof size === 'number' \|\| typeof size === 'string' \|\| isBaseSize;\n}\n"],"mappings":";;AAEA,SAAgB,gBACd,MAC+C;CAC/C,MAAM,aACJ,OAAO,SAAS,YAChB,SAAS,QACT,OAAO,KAAK,SAAS,eACrB,OAAO,KAAK,~~KAAK~~,~~CAAC~~,WAAW;~~AAC~~/B,~~QAAO~~,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY"}
1	+ {"version":3,"file":"is-primitive-size.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/is-primitive-size/is-primitive-size.ts"],"sourcesContent":["import type { AppShellResponsiveSize, AppShellSize } from '../../AppShell.types';\n\nexport function isPrimitiveSize(\n size: AppShellSize \| AppShellResponsiveSize \| undefined\n): size is AppShellSize \| AppShellResponsiveSize {\n const isBaseSize =\n typeof size === 'object' &&\n size !== null &&\n typeof size.base !== 'undefined' &&\n Object.keys(size).length === 1;\n return typeof size === 'number' \|\| typeof size === 'string' \|\| isBaseSize;\n}\n"],"mappings":";;AAEA,SAAgB,gBACd,MAC+C;CAC/C,MAAM,aACJ,OAAO,SAAS,YAChB,SAAS,QACT,OAAO,KAAK,SAAS,eACrB,OAAO,KAAK,IAAI,EAAE,WAAW;CAC/B,OAAO,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;AACjE"}

package/esm/components/AppShell/AppShellMediaStyles/is-responsive-size/is-responsive-size.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"is-responsive-size.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/is-responsive-size/is-responsive-size.ts"],"sourcesContent":["import type { AppShellResponsiveSize, AppShellSize } from '../../AppShell.types';\n\nexport function isResponsiveSize(\n size: AppShellSize \| AppShellResponsiveSize \| undefined\n): size is AppShellResponsiveSize {\n if (typeof size !== 'object' \|\| size === null) {\n return false;\n }\n\n if (Object.keys(size as object).length === 1 && 'base' in (size as object)) {\n return false;\n }\n\n return true;\n}\n"],"mappings":";;AAEA,SAAgB,iBACd,MACgC;~~AAChC~~,~~KAAI~~,OAAO,SAAS,YAAY,SAAS,~~KACvC~~,~~QAAO~~;~~AAGT~~,~~KAAI~~,OAAO,KAAK,~~KAAe~~,~~CAAC~~,WAAW,KAAK,UAAW,~~KACzD~~,~~QAAO~~;~~AAGT~~,~~QAAO~~"}
1	+ {"version":3,"file":"is-responsive-size.mjs","names":[],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/is-responsive-size/is-responsive-size.ts"],"sourcesContent":["import type { AppShellResponsiveSize, AppShellSize } from '../../AppShell.types';\n\nexport function isResponsiveSize(\n size: AppShellSize \| AppShellResponsiveSize \| undefined\n): size is AppShellResponsiveSize {\n if (typeof size !== 'object' \|\| size === null) {\n return false;\n }\n\n if (Object.keys(size as object).length === 1 && 'base' in (size as object)) {\n return false;\n }\n\n return true;\n}\n"],"mappings":";;AAEA,SAAgB,iBACd,MACgC;CAChC,IAAI,OAAO,SAAS,YAAY,SAAS,MACvC,OAAO;CAGT,IAAI,OAAO,KAAK,IAAc,EAAE,WAAW,KAAK,UAAW,MACzD,OAAO;CAGT,OAAO;AACT"}

package/esm/components/AppShell/AppShellNavbar/AppShellNavbar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppShellNavbar.mjs","names":["classes"],"sources":["../../../../src/components/AppShell/AppShellNavbar/AppShellNavbar.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n ElementProps,\n factory,\n Factory,\n StylesApiProps,\n useProps,\n} from '../../../core';\nimport { useAppShellContext } from '../AppShell.context';\nimport type { AppShellCompoundProps } from '../AppShell.types';\nimport classes from '../AppShell.module.css';\n\nexport type AppShellNavbarStylesNames = 'navbar';\n\nexport interface AppShellNavbarProps\n extends\n BoxProps,\n AppShellCompoundProps,\n StylesApiProps<AppShellNavbarFactory>,\n ElementProps<'div'> {}\n\nexport type AppShellNavbarFactory = Factory<{\n props: AppShellNavbarProps;\n ref: HTMLElement;\n stylesNames: AppShellNavbarStylesNames;\n}>;\n\nexport const AppShellNavbar = factory<AppShellNavbarFactory>((_props) => {\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n withBorder,\n zIndex,\n mod,\n ...others\n } = useProps('AppShellNavbar', null, _props);\n\n const ctx = useAppShellContext();\n\n if (ctx.disabled) {\n return null;\n }\n\n return (\n <Box\n component=\"nav\"\n mod={[{ 'with-border': withBorder ?? ctx.withBorder }, mod]}\n {...ctx.getStyles('navbar', { className, classNames, styles, style })}\n {...others}\n __vars={{ '--app-shell-navbar-z-index': `calc(${zIndex ?? ctx.zIndex} + 1)` }}\n />\n );\n});\n\nAppShellNavbar.classes = classes;\nAppShellNavbar.displayName = '@mantine/core/AppShellNavbar';\n"],"mappings":";;;;;;;;;AA6BA,MAAa,iBAAiB,SAAgC,WAAW;CACvE,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,QACA,KACA,GAAG,WACD,SAAS,kBAAkB,MAAM,~~OAAO~~;~~CAE5C~~,MAAM,MAAM,~~oBAAoB~~;~~AAEhC~~,~~KAAI~~,IAAI,~~SACN~~,~~QAAO~~;~~AAGT~~,~~QACE~~,oBAAC,KAAD;EACE,WAAU;EACV,KAAK,CAAC,EAAE,eAAe,cAAc,IAAI,~~YAAY~~,~~EAAE~~,~~IAAI~~;~~EAC3D~~,GAAI,IAAI,UAAU,UAAU;GAAE;GAAW;GAAY;GAAQ;~~GAAO~~,CAAC;~~EACrE~~,GAAI;EACJ,QAAQ,EAAE,8BAA8B,QAAQ,UAAU,IAAI,OAAO,~~QAAQ~~;~~EAC7E~~,CAAA;~~EAEJ~~;~~AAEF~~,eAAe,UAAUA;AACzB,eAAe,cAAc"}
1	+ {"version":3,"file":"AppShellNavbar.mjs","names":["classes"],"sources":["../../../../src/components/AppShell/AppShellNavbar/AppShellNavbar.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n ElementProps,\n factory,\n Factory,\n StylesApiProps,\n useProps,\n} from '../../../core';\nimport { useAppShellContext } from '../AppShell.context';\nimport type { AppShellCompoundProps } from '../AppShell.types';\nimport classes from '../AppShell.module.css';\n\nexport type AppShellNavbarStylesNames = 'navbar';\n\nexport interface AppShellNavbarProps\n extends\n BoxProps,\n AppShellCompoundProps,\n StylesApiProps<AppShellNavbarFactory>,\n ElementProps<'div'> {}\n\nexport type AppShellNavbarFactory = Factory<{\n props: AppShellNavbarProps;\n ref: HTMLElement;\n stylesNames: AppShellNavbarStylesNames;\n}>;\n\nexport const AppShellNavbar = factory<AppShellNavbarFactory>((_props) => {\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n withBorder,\n zIndex,\n mod,\n ...others\n } = useProps('AppShellNavbar', null, _props);\n\n const ctx = useAppShellContext();\n\n if (ctx.disabled) {\n return null;\n }\n\n return (\n <Box\n component=\"nav\"\n mod={[{ 'with-border': withBorder ?? ctx.withBorder }, mod]}\n {...ctx.getStyles('navbar', { className, classNames, styles, style })}\n {...others}\n __vars={{ '--app-shell-navbar-z-index': `calc(${zIndex ?? ctx.zIndex} + 1)` }}\n />\n );\n});\n\nAppShellNavbar.classes = classes;\nAppShellNavbar.displayName = '@mantine/core/AppShellNavbar';\n"],"mappings":";;;;;;;;;AA6BA,MAAa,iBAAiB,SAAgC,WAAW;CACvE,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,QACA,KACA,GAAG,WACD,SAAS,kBAAkB,MAAM,MAAM;CAE3C,MAAM,MAAM,mBAAmB;CAE/B,IAAI,IAAI,UACN,OAAO;CAGT,OACE,oBAAC,KAAD;EACE,WAAU;EACV,KAAK,CAAC,EAAE,eAAe,cAAc,IAAI,WAAW,GAAG,GAAG;EAC1D,GAAI,IAAI,UAAU,UAAU;GAAE;GAAW;GAAY;GAAQ;EAAM,CAAC;EACpE,GAAI;EACJ,QAAQ,EAAE,8BAA8B,QAAQ,UAAU,IAAI,OAAO,OAAO;CAC7E,CAAA;AAEL,CAAC;AAED,eAAe,UAAUA;AACzB,eAAe,cAAc"}

package/esm/components/AppShell/AppShellSection/AppShellSection.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppShellSection.mjs","names":["classes"],"sources":["../../../../src/components/AppShell/AppShellSection/AppShellSection.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n polymorphicFactory,\n PolymorphicFactory,\n useProps,\n} from '../../../core';\nimport { useAppShellContext } from '../AppShell.context';\nimport classes from '../AppShell.module.css';\n\nexport type AppShellSectionStylesNames = 'section';\n\nexport interface AppShellSectionProps\n extends BoxProps, CompoundStylesApiProps<AppShellSectionFactory> {\n /** If set, the section expands to take all available space */\n grow?: boolean;\n}\n\nexport type AppShellSectionFactory = PolymorphicFactory<{\n props: AppShellSectionProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: AppShellSectionStylesNames;\n compound: true;\n}>;\n\nexport const AppShellSection = polymorphicFactory<AppShellSectionFactory>((_props) => {\n const { classNames, className, style, styles, vars, grow, mod, ...others } = useProps(\n 'AppShellSection',\n null,\n _props\n );\n\n const ctx = useAppShellContext();\n\n return (\n <Box\n mod={[{ grow }, mod]}\n {...ctx.getStyles('section', { className, style, classNames, styles })}\n {...others}\n />\n );\n});\n\nAppShellSection.classes = classes;\nAppShellSection.displayName = '@mantine/core/AppShellSection';\n"],"mappings":";;;;;;;;AA2BA,MAAa,kBAAkB,oBAA4C,WAAW;CACpF,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,MAAM,KAAK,GAAG,WAAW,SAC3E,mBACA,MACA,~~OACD~~;~~CAED~~,MAAM,MAAM,~~oBAAoB~~;~~AAEhC~~,~~QACE~~,oBAAC,KAAD;EACE,KAAK,CAAC,EAAE,~~MAAM~~,~~EAAE~~,~~IAAI~~;~~EACpB~~,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAO;GAAY;~~GAAQ~~,CAAC;~~EACtE~~,GAAI;~~EACJ~~,CAAA;~~EAEJ~~;~~AAEF~~,gBAAgB,UAAUA;AAC1B,gBAAgB,cAAc"}
1	+ {"version":3,"file":"AppShellSection.mjs","names":["classes"],"sources":["../../../../src/components/AppShell/AppShellSection/AppShellSection.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n polymorphicFactory,\n PolymorphicFactory,\n useProps,\n} from '../../../core';\nimport { useAppShellContext } from '../AppShell.context';\nimport classes from '../AppShell.module.css';\n\nexport type AppShellSectionStylesNames = 'section';\n\nexport interface AppShellSectionProps\n extends BoxProps, CompoundStylesApiProps<AppShellSectionFactory> {\n /** If set, the section expands to take all available space */\n grow?: boolean;\n}\n\nexport type AppShellSectionFactory = PolymorphicFactory<{\n props: AppShellSectionProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: AppShellSectionStylesNames;\n compound: true;\n}>;\n\nexport const AppShellSection = polymorphicFactory<AppShellSectionFactory>((_props) => {\n const { classNames, className, style, styles, vars, grow, mod, ...others } = useProps(\n 'AppShellSection',\n null,\n _props\n );\n\n const ctx = useAppShellContext();\n\n return (\n <Box\n mod={[{ grow }, mod]}\n {...ctx.getStyles('section', { className, style, classNames, styles })}\n {...others}\n />\n );\n});\n\nAppShellSection.classes = classes;\nAppShellSection.displayName = '@mantine/core/AppShellSection';\n"],"mappings":";;;;;;;;AA2BA,MAAa,kBAAkB,oBAA4C,WAAW;CACpF,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,MAAM,KAAK,GAAG,WAAW,SAC3E,mBACA,MACA,MACF;CAEA,MAAM,MAAM,mBAAmB;CAE/B,OACE,oBAAC,KAAD;EACE,KAAK,CAAC,EAAE,KAAK,GAAG,GAAG;EACnB,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACrE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,gBAAgB,UAAUA;AAC1B,gBAAgB,cAAc"}

package/esm/components/AppShell/use-resizing/use-resizing.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-resizing.mjs","names":[],"sources":["../../../../src/components/AppShell/use-resizing/use-resizing.tsx"],"sourcesContent":["import { startTransition, useRef, useState } from 'react';\nimport { useIsomorphicEffect, useWindowEvent } from '@mantine/hooks';\n\ninterface UseResizingInput {\n transitionDuration: number \| undefined;\n disabled: boolean \| undefined;\n}\n\nexport function useResizing({ transitionDuration, disabled }: UseResizingInput) {\n const [resizing, setResizing] = useState(true);\n const resizingTimeout = useRef<number>(-1);\n const disabledTimeout = useRef<number>(-1);\n\n useWindowEvent('resize', () => {\n setResizing(true);\n clearTimeout(resizingTimeout.current);\n resizingTimeout.current = window.setTimeout(\n () =>\n startTransition(() => {\n setResizing(false);\n }),\n 200\n );\n });\n\n useIsomorphicEffect(() => {\n setResizing(true);\n clearTimeout(disabledTimeout.current);\n disabledTimeout.current = window.setTimeout(\n () =>\n startTransition(() => {\n setResizing(false);\n }),\n transitionDuration \|\| 0\n );\n }, [disabled, transitionDuration]);\n\n return resizing;\n}\n"],"mappings":";;;;AAQA,SAAgB,YAAY,EAAE,oBAAoB,YAA8B;CAC9E,MAAM,CAAC,UAAU,eAAe,SAAS,~~KAAK~~;~~CAC9C~~,MAAM,kBAAkB,OAAe,~~GAAG~~;~~CAC1C~~,MAAM,kBAAkB,OAAe,~~GAAG~~;~~AAE1C~~,~~gBAAe~~,gBAAgB;~~AAC7B~~,~~cAAY~~,~~KAAK~~;~~AACjB~~,~~eAAa~~,gBAAgB,~~QAAQ~~;~~AACrC~~,~~kBAAgB~~,UAAU,OAAO,iBAE7B,sBAAsB;~~AACpB~~,~~eAAY~~,~~MAAM~~;~~IAClB~~,~~EACJ~~,~~IACD~~;~~GACD~~;~~AAEF~~,~~2BAA0B~~;~~AACxB~~,~~cAAY~~,~~KAAK~~;~~AACjB~~,~~eAAa~~,gBAAgB,~~QAAQ~~;~~AACrC~~,~~kBAAgB~~,UAAU,OAAO,iBAE7B,sBAAsB;~~AACpB~~,~~eAAY~~,~~MAAM~~;~~IAClB~~,~~EACJ~~,sBAAsB,~~EACvB~~;~~IACA~~,CAAC,UAAU,~~mBAAmB~~,CAAC;~~AAElC~~,~~QAAO~~"}
1	+ {"version":3,"file":"use-resizing.mjs","names":[],"sources":["../../../../src/components/AppShell/use-resizing/use-resizing.tsx"],"sourcesContent":["import { startTransition, useRef, useState } from 'react';\nimport { useIsomorphicEffect, useWindowEvent } from '@mantine/hooks';\n\ninterface UseResizingInput {\n transitionDuration: number \| undefined;\n disabled: boolean \| undefined;\n}\n\nexport function useResizing({ transitionDuration, disabled }: UseResizingInput) {\n const [resizing, setResizing] = useState(true);\n const resizingTimeout = useRef<number>(-1);\n const disabledTimeout = useRef<number>(-1);\n\n useWindowEvent('resize', () => {\n setResizing(true);\n clearTimeout(resizingTimeout.current);\n resizingTimeout.current = window.setTimeout(\n () =>\n startTransition(() => {\n setResizing(false);\n }),\n 200\n );\n });\n\n useIsomorphicEffect(() => {\n setResizing(true);\n clearTimeout(disabledTimeout.current);\n disabledTimeout.current = window.setTimeout(\n () =>\n startTransition(() => {\n setResizing(false);\n }),\n transitionDuration \|\| 0\n );\n }, [disabled, transitionDuration]);\n\n return resizing;\n}\n"],"mappings":";;;;AAQA,SAAgB,YAAY,EAAE,oBAAoB,YAA8B;CAC9E,MAAM,CAAC,UAAU,eAAe,SAAS,IAAI;CAC7C,MAAM,kBAAkB,OAAe,EAAE;CACzC,MAAM,kBAAkB,OAAe,EAAE;CAEzC,eAAe,gBAAgB;EAC7B,YAAY,IAAI;EAChB,aAAa,gBAAgB,OAAO;EACpC,gBAAgB,UAAU,OAAO,iBAE7B,sBAAsB;GACpB,YAAY,KAAK;EACnB,CAAC,GACH,GACF;CACF,CAAC;CAED,0BAA0B;EACxB,YAAY,IAAI;EAChB,aAAa,gBAAgB,OAAO;EACpC,gBAAgB,UAAU,OAAO,iBAE7B,sBAAsB;GACpB,YAAY,KAAK;EACnB,CAAC,GACH,sBAAsB,CACxB;CACF,GAAG,CAAC,UAAU,kBAAkB,CAAC;CAEjC,OAAO;AACT"}

package/esm/components/AspectRatio/AspectRatio.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AspectRatio.mjs","names":["classes"],"sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './AspectRatio.module.css';\n\nexport type AspectRatioStylesNames = 'root';\nexport type AspectRatioCssVariables = {\n root: '--ar-ratio';\n};\n\nexport interface AspectRatioProps\n extends BoxProps, StylesApiProps<AspectRatioFactory>, ElementProps<'div'> {\n /** Aspect ratio, for example, `16 / 9`, `4 / 3`, `1920 / 1080` @default 1 */\n ratio?: number;\n}\n\nexport type AspectRatioFactory = Factory<{\n props: AspectRatioProps;\n ref: HTMLDivElement;\n stylesNames: AspectRatioStylesNames;\n vars: AspectRatioCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<AspectRatioFactory>((_, { ratio }) => ({\n root: {\n '--ar-ratio': ratio?.toString(),\n },\n}));\n\nexport const AspectRatio = factory<AspectRatioFactory>((_props) => {\n const props = useProps('AspectRatio', null, _props);\n const { classNames, className, style, styles, unstyled, vars, ratio, attributes, ...others } =\n props;\n\n const getStyles = useStyles<AspectRatioFactory>({\n name: 'AspectRatio',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return <Box {...getStyles('root')} {...others} />;\n});\n\nAspectRatio.classes = classes;\nAspectRatio.varsResolver = varsResolver;\nAspectRatio.displayName = '@mantine/core/AspectRatio';\n\nexport namespace AspectRatio {\n export type Props = AspectRatioProps;\n export type StylesNames = AspectRatioStylesNames;\n export type CssVariables = AspectRatioCssVariables;\n export type Factory = AspectRatioFactory;\n}\n"],"mappings":";;;;;;;;;AA+BA,MAAM,eAAe,oBAAwC,GAAG,EAAE,aAAa,EAC7E,MAAM,EACJ,cAAc,OAAO,~~UAAU~~,EAChC,EACF,EAAE;~~AAEH~~,MAAa,cAAc,SAA6B,WAAW;CACjE,MAAM,QAAQ,SAAS,eAAe,MAAM,~~OAAO~~;~~CACnD~~,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,OAAO,YAAY,GAAG,WAClF;~~AAgBF~~,~~QAAO~~,oBAAC,KAAD;EAAK,GAdM,UAA8B;GAC9C,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;~~GACD~~,~~CAAC,~~CAEwB,~~OAAO;~~EAAE,GAAI;~~EAAU~~,CAAA;~~EACjD~~;~~AAEF~~,YAAY,UAAUA;AACtB,YAAY,eAAe;AAC3B,YAAY,cAAc"}
1	+ {"version":3,"file":"AspectRatio.mjs","names":["classes"],"sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './AspectRatio.module.css';\n\nexport type AspectRatioStylesNames = 'root';\nexport type AspectRatioCssVariables = {\n root: '--ar-ratio';\n};\n\nexport interface AspectRatioProps\n extends BoxProps, StylesApiProps<AspectRatioFactory>, ElementProps<'div'> {\n /** Aspect ratio, for example, `16 / 9`, `4 / 3`, `1920 / 1080` @default 1 */\n ratio?: number;\n}\n\nexport type AspectRatioFactory = Factory<{\n props: AspectRatioProps;\n ref: HTMLDivElement;\n stylesNames: AspectRatioStylesNames;\n vars: AspectRatioCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<AspectRatioFactory>((_, { ratio }) => ({\n root: {\n '--ar-ratio': ratio?.toString(),\n },\n}));\n\nexport const AspectRatio = factory<AspectRatioFactory>((_props) => {\n const props = useProps('AspectRatio', null, _props);\n const { classNames, className, style, styles, unstyled, vars, ratio, attributes, ...others } =\n props;\n\n const getStyles = useStyles<AspectRatioFactory>({\n name: 'AspectRatio',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return <Box {...getStyles('root')} {...others} />;\n});\n\nAspectRatio.classes = classes;\nAspectRatio.varsResolver = varsResolver;\nAspectRatio.displayName = '@mantine/core/AspectRatio';\n\nexport namespace AspectRatio {\n export type Props = AspectRatioProps;\n export type StylesNames = AspectRatioStylesNames;\n export type CssVariables = AspectRatioCssVariables;\n export type Factory = AspectRatioFactory;\n}\n"],"mappings":";;;;;;;;;AA+BA,MAAM,eAAe,oBAAwC,GAAG,EAAE,aAAa,EAC7E,MAAM,EACJ,cAAc,OAAO,SAAS,EAChC,EACF,EAAE;AAEF,MAAa,cAAc,SAA6B,WAAW;CACjE,MAAM,QAAQ,SAAS,eAAe,MAAM,MAAM;CAClD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,OAAO,YAAY,GAAG,WAClF;CAgBF,OAAO,oBAAC,KAAD;EAAK,GAdM,UAA8B;GAC9C,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEwB,EAAE,MAAM;EAAG,GAAI;CAAS,CAAA;AAClD,CAAC;AAED,YAAY,UAAUA;AACtB,YAAY,eAAe;AAC3B,YAAY,cAAc"}

package/esm/components/Autocomplete/Autocomplete.mjs CHANGED Viewed

@@ -13,7 +13,11 @@ import { useId as useId$1, useUncontrolled } from "@mantine/hooks";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region packages/@mantine/core/src/components/Autocomplete/Autocomplete.tsx
 const Autocomplete = factory((_props) => {
-	const props = useProps("Autocomplete", { size: "sm" }, _props);
+	const props = useProps([
+		"Input",
+		"InputWrapper",
+		"Autocomplete"
+	], { size: "sm" }, _props);
 	const { classNames, styles, unstyled, vars, dropdownOpened, defaultDropdownOpened, onDropdownClose, onDropdownOpen, onFocus, onBlur, onClick, onChange, data, value, defaultValue, selectFirstOptionOnChange, selectFirstOptionOnDropdownOpen, onOptionSubmit, comboboxProps, readOnly, disabled, filter, limit, withScrollArea, maxDropdownHeight, size, id, renderOption, autoComplete, scrollAreaProps, onClear, clearButtonProps, error, clearable, clearSectionMode, rightSection, autoSelectOnBlur, openOnFocus = true, attributes, ...others } = props;
 	const _id = useId$1(id);
 	const parsedData = getParsedComboboxData(data);

package/esm/components/Autocomplete/Autocomplete.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Autocomplete.mjs","names":["useId"],"sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n BoxProps,\n ElementProps,\n factory,\n Factory,\n Primitive,\n StylesApiProps,\n useProps,\n useResolvedStylesApi,\n} from '../../core';\nimport {\n Combobox,\n ComboboxGenericData,\n ComboboxGenericItem,\n ComboboxLikeProps,\n ComboboxLikeRenderOptionInput,\n ComboboxLikeStylesNames,\n getOptionsLockup,\n getParsedComboboxData,\n OptionsDropdown,\n OptionsFilter,\n useCombobox,\n} from '../Combobox';\nimport {\n __BaseInputProps,\n __InputStylesNames,\n ClearSectionMode,\n InputClearButtonProps,\n InputVariant,\n} from '../Input';\nimport { InputBase } from '../InputBase';\nimport { ScrollAreaProps } from '../ScrollArea';\n\nexport type RenderAutocompleteOption = (\n input: ComboboxLikeRenderOptionInput<ComboboxGenericItem>\n) => React.ReactNode;\n\nexport type AutocompleteStylesNames = __InputStylesNames \| ComboboxLikeStylesNames;\n\nexport interface AutocompleteProps\n extends\n BoxProps,\n Omit<__BaseInputProps, 'pointer'>,\n Omit<ComboboxLikeProps, 'data'>,\n StylesApiProps<AutocompleteFactory>,\n ElementProps<'input', 'onChange' \| 'size'> {\n /** Data used to display options. Values must be unique. /\n data?: ComboboxGenericData;\n\n /* Controlled component value /\n value?: string;\n\n /* Default value for uncontrolled component /\n defaultValue?: string;\n\n /* Called when value changes /\n onChange?: (value: string) => void;\n\n /* Function to render custom option content /\n renderOption?: RenderAutocompleteOption;\n\n /* Props passed to the underlying `ScrollArea` component in the dropdown /\n scrollAreaProps?: ScrollAreaProps;\n\n /* Called when the clear button is clicked /\n onClear?: () => void;\n\n /* Props passed down to the clear button /\n clearButtonProps?: InputClearButtonProps;\n\n /* If set, the clear button is displayed when the component has a value @default false /\n clearable?: boolean;\n\n /* Determines how the clear button and rightSection are rendered @default 'both' /\n clearSectionMode?: ClearSectionMode;\n\n /* If set, the highlighted option is selected when the input loses focus @default false /\n autoSelectOnBlur?: boolean;\n\n /* If set, the dropdown opens when the input receives focus @default true */\n openOnFocus?: boolean;\n}\n\nexport type AutocompleteFactory = Factory<{\n props: AutocompleteProps;\n ref: HTMLInputElement;\n stylesNames: AutocompleteStylesNames;\n variant: InputVariant;\n}>;\n\nexport const Autocomplete = factory<AutocompleteFactory>((_props) => {\n const props = useProps(\n 'Autocomplete',\n { size: 'sm' } satisfies Partial<AutocompleteProps>,\n _props\n );\n const {\n classNames,\n styles,\n unstyled,\n vars,\n dropdownOpened,\n defaultDropdownOpened,\n onDropdownClose,\n onDropdownOpen,\n onFocus,\n onBlur,\n onClick,\n onChange,\n data,\n value,\n defaultValue,\n selectFirstOptionOnChange,\n selectFirstOptionOnDropdownOpen,\n onOptionSubmit,\n comboboxProps,\n readOnly,\n disabled,\n filter,\n limit,\n withScrollArea,\n maxDropdownHeight,\n size,\n id,\n renderOption,\n autoComplete,\n scrollAreaProps,\n onClear,\n clearButtonProps,\n error,\n clearable,\n clearSectionMode,\n rightSection,\n autoSelectOnBlur,\n openOnFocus = true,\n attributes,\n ...others\n } = props;\n\n const _id = useId(id);\n const parsedData = getParsedComboboxData(data);\n const optionsLockup = getOptionsLockup(parsedData);\n\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: '',\n onChange,\n });\n\n const combobox = useCombobox({\n opened: dropdownOpened,\n defaultOpened: defaultDropdownOpened,\n onDropdownOpen: () => {\n onDropdownOpen?.();\n if (selectFirstOptionOnDropdownOpen) {\n combobox.selectFirstOption();\n }\n },\n onDropdownClose: () => {\n onDropdownClose?.();\n // Required for autoSelectOnBlur to work correctly\n setTimeout(combobox.resetSelectedOption, 0);\n },\n });\n\n const handleValueChange = (value: string) => {\n setValue(value);\n combobox.resetSelectedOption();\n };\n\n const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<AutocompleteFactory>({\n props,\n styles,\n classNames,\n });\n\n useEffect(() => {\n if (selectFirstOptionOnChange) {\n combobox.selectFirstOption();\n }\n }, [selectFirstOptionOnChange, _value]);\n\n const clearButton = (\n <Combobox.ClearButton\n {...clearButtonProps}\n onClear={() => {\n handleValueChange('');\n onClear?.();\n }}\n />\n );\n\n return (\n <Combobox\n store={combobox}\n __staticSelector=\"Autocomplete\"\n classNames={resolvedClassNames}\n styles={resolvedStyles}\n unstyled={unstyled}\n readOnly={readOnly}\n size={size}\n attributes={attributes}\n keepMounted={autoSelectOnBlur}\n onOptionSubmit={(val) => {\n onOptionSubmit?.(val);\n handleValueChange(optionsLockup[val].label);\n combobox.closeDropdown();\n }}\n {...comboboxProps}\n >\n <Combobox.Target autoComplete={autoComplete} withExpandedAttribute>\n <InputBase\n {...others}\n size={size}\n __staticSelector=\"Autocomplete\"\n __clearSection={clearButton}\n __clearable={clearable && !!_value && !disabled && !readOnly}\n __clearSectionMode={clearSectionMode}\n rightSection={rightSection}\n disabled={disabled}\n readOnly={readOnly}\n value={_value}\n error={error}\n onChange={(event) => {\n handleValueChange(event.currentTarget.value);\n combobox.openDropdown();\n selectFirstOptionOnChange && combobox.selectFirstOption();\n }}\n onFocus={(event) => {\n openOnFocus && combobox.openDropdown();\n onFocus?.(event);\n }}\n onBlur={(event) => {\n if (autoSelectOnBlur) {\n combobox.clickSelectedOption();\n }\n\n combobox.closeDropdown();\n onBlur?.(event);\n }}\n onClick={(event) => {\n combobox.openDropdown();\n onClick?.(event);\n }}\n classNames={resolvedClassNames}\n styles={resolvedStyles}\n unstyled={unstyled}\n attributes={attributes}\n id={_id}\n />\n </Combobox.Target>\n <OptionsDropdown\n data={parsedData}\n hidden={readOnly \|\| disabled}\n filter={filter as OptionsFilter<Primitive> \| undefined}\n search={_value}\n limit={limit}\n hiddenWhenEmpty\n withScrollArea={withScrollArea}\n maxDropdownHeight={maxDropdownHeight}\n unstyled={unstyled}\n labelId={others.label ? `${_id}-label` : undefined}\n aria-label={others.label ? undefined : others['aria-label']}\n renderOption={renderOption}\n scrollAreaProps={scrollAreaProps}\n />\n </Combobox>\n );\n});\n\nAutocomplete.classes = { ...InputBase.classes, ...Combobox.classes };\nAutocomplete.displayName = '@mantine/core/Autocomplete';\n\nexport namespace Autocomplete {\n export type Props = AutocompleteProps;\n export type StylesNames = AutocompleteStylesNames;\n export type RenderOption = RenderAutocompleteOption;\n export type Factory = AutocompleteFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;AA4FA,MAAa,eAAe,SAA8B,WAAW;CACnE,MAAM,QAAQ,SACZ,~~gBACA~~,EAAE,MAAM,~~MAAM~~,~~EACd~~,~~OACD~~;~~CACD~~,MAAM,EACJ,YACA,QACA,UACA,MACA,gBACA,uBACA,iBACA,gBACA,SACA,QACA,SACA,UACA,MACA,OACA,cACA,2BACA,iCACA,gBACA,eACA,UACA,UACA,QACA,OACA,gBACA,mBACA,MACA,IACA,cACA,cACA,iBACA,SACA,kBACA,OACA,WACA,kBACA,cACA,kBACA,cAAc,MACd,YACA,GAAG,WACD;CAEJ,MAAM,MAAMA,QAAM,~~GAAG~~;~~CACrB~~,MAAM,aAAa,sBAAsB,~~KAAK~~;~~CAC9C~~,MAAM,gBAAgB,iBAAiB,~~WAAW~~;~~CAElD~~,MAAM,CAAC,QAAQ,YAAY,gBAAgB;EACzC;EACA;EACA,YAAY;EACZ;~~EACD~~,CAAC;~~CAEF~~,MAAM,WAAW,YAAY;EAC3B,QAAQ;EACR,eAAe;EACf,sBAAsB;~~AACpB~~,~~qBAAkB~~;~~AAClB~~,~~OAAI~~,~~gCACF~~,~~UAAS~~,~~mBAAmB;;EAGhC~~,uBAAuB;~~AACrB~~,~~sBAAmB~~;~~AAEnB~~,~~cAAW~~,SAAS,qBAAqB,~~EAAE;;EAE9C~~,CAAC;~~CAEF~~,MAAM,qBAAqB,UAAkB;~~AAC3C~~,~~WAAS~~,~~MAAM~~;~~AACf~~,~~WAAS~~,~~qBAAqB;;CAGhC~~,MAAM,EAAE,oBAAoB,mBAAmB,qBAA0C;EACvF;EACA;EACA;~~EACD~~,CAAC;~~AAEF~~,~~iBAAgB~~;~~AACd~~,~~MAAI~~,~~0BACF~~,~~UAAS~~,~~mBAAmB~~;~~IAE7B~~,CAAC,2BAA2B,~~OAAO~~,CAAC;~~CAEvC~~,MAAM,cACJ,oBAAC,SAAS,aAAV;EACE,GAAI;EACJ,eAAe;~~AACb~~,~~qBAAkB~~,~~GAAG~~;~~AACrB~~,~~cAAW;;EAEb~~,CAAA;~~AAGJ~~,~~QACE~~,qBAAC,UAAD;EACE,OAAO;EACP,kBAAiB;EACjB,YAAY;EACZ,QAAQ;EACE;EACA;EACJ;EACM;EACZ,aAAa;EACb,iBAAiB,QAAQ;~~AACvB~~,~~oBAAiB~~,~~IAAI~~;~~AACrB~~,~~qBAAkB~~,cAAc,KAAK,~~MAAM~~;~~AAC3C~~,~~YAAS~~,~~eAAe;;EAE1B~~,GAAI;YAfN,CAiBE,oBAAC,SAAS,QAAV;GAA+B;GAAc,uBAAA;aAC3C,oBAAC,WAAD;IACE,GAAI;IACE;IACN,kBAAiB;IACjB,gBAAgB;IAChB,aAAa,aAAa,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC;IACpD,oBAAoB;IACN;IACJ;IACA;IACV,OAAO;IACA;IACP,WAAW,UAAU;~~AACnB~~,~~uBAAkB~~,MAAM,cAAc,~~MAAM~~;~~AAC5C~~,~~cAAS~~,~~cAAc~~;~~AACvB~~,~~kCAA6B~~,SAAS,~~mBAAmB;;IAE3D~~,UAAU,UAAU;~~AAClB~~,~~oBAAe~~,SAAS,~~cAAc~~;~~AACtC~~,~~eAAU~~,~~MAAM;;IAElB~~,SAAS,UAAU;~~AACjB~~,~~SAAI~~,~~iBACF~~,~~UAAS~~,~~qBAAqB~~;~~AAGhC~~,~~cAAS~~,~~eAAe~~;~~AACxB~~,~~cAAS~~,~~MAAM;;IAEjB~~,UAAU,UAAU;~~AAClB~~,~~cAAS~~,~~cAAc~~;~~AACvB~~,~~eAAU~~,~~MAAM;;IAElB~~,YAAY;IACZ,QAAQ;IACE;IACE;IACZ,IAAI;~~IACJ~~,CAAA;~~GACc~~,CAAA,~~EAClB~~,oBAAC,iBAAD;GACE,MAAM;GACN,QAAQ,YAAY;GACZ;GACR,QAAQ;GACD;GACP,iBAAA;GACgB;GACG;GACT;GACV,SAAS,OAAO,QAAQ,GAAG,IAAI,UAAU,KAAA;GACzC,cAAY,OAAO,QAAQ,KAAA,IAAY,OAAO;GAChC;GACG;~~GACjB~~,CAAA,CACO;;~~EAEb~~;~~AAEF~~,aAAa,UAAU;CAAE,GAAG,UAAU;CAAS,GAAG,SAAS;~~CAAS~~;~~AACpE~~,aAAa,cAAc"}
1	+ {"version":3,"file":"Autocomplete.mjs","names":["useId"],"sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n BoxProps,\n ElementProps,\n factory,\n Factory,\n Primitive,\n StylesApiProps,\n useProps,\n useResolvedStylesApi,\n} from '../../core';\nimport {\n Combobox,\n ComboboxGenericData,\n ComboboxGenericItem,\n ComboboxLikeProps,\n ComboboxLikeRenderOptionInput,\n ComboboxLikeStylesNames,\n getOptionsLockup,\n getParsedComboboxData,\n OptionsDropdown,\n OptionsFilter,\n useCombobox,\n} from '../Combobox';\nimport {\n __BaseInputProps,\n __InputStylesNames,\n ClearSectionMode,\n InputClearButtonProps,\n InputVariant,\n} from '../Input';\nimport { InputBase } from '../InputBase';\nimport { ScrollAreaProps } from '../ScrollArea';\n\nexport type RenderAutocompleteOption = (\n input: ComboboxLikeRenderOptionInput<ComboboxGenericItem>\n) => React.ReactNode;\n\nexport type AutocompleteStylesNames = __InputStylesNames \| ComboboxLikeStylesNames;\n\nexport interface AutocompleteProps\n extends\n BoxProps,\n Omit<__BaseInputProps, 'pointer'>,\n Omit<ComboboxLikeProps, 'data'>,\n StylesApiProps<AutocompleteFactory>,\n ElementProps<'input', 'onChange' \| 'size'> {\n /** Data used to display options. Values must be unique. /\n data?: ComboboxGenericData;\n\n /* Controlled component value /\n value?: string;\n\n /* Default value for uncontrolled component /\n defaultValue?: string;\n\n /* Called when value changes /\n onChange?: (value: string) => void;\n\n /* Function to render custom option content /\n renderOption?: RenderAutocompleteOption;\n\n /* Props passed to the underlying `ScrollArea` component in the dropdown /\n scrollAreaProps?: ScrollAreaProps;\n\n /* Called when the clear button is clicked /\n onClear?: () => void;\n\n /* Props passed down to the clear button /\n clearButtonProps?: InputClearButtonProps;\n\n /* If set, the clear button is displayed when the component has a value @default false /\n clearable?: boolean;\n\n /* Determines how the clear button and rightSection are rendered @default 'both' /\n clearSectionMode?: ClearSectionMode;\n\n /* If set, the highlighted option is selected when the input loses focus @default false /\n autoSelectOnBlur?: boolean;\n\n /* If set, the dropdown opens when the input receives focus @default true */\n openOnFocus?: boolean;\n}\n\nexport type AutocompleteFactory = Factory<{\n props: AutocompleteProps;\n ref: HTMLInputElement;\n stylesNames: AutocompleteStylesNames;\n variant: InputVariant;\n}>;\n\nexport const Autocomplete = factory<AutocompleteFactory>((_props) => {\n const props = useProps(\n ['Input', 'InputWrapper', 'Autocomplete'],\n { size: 'sm' } satisfies Partial<AutocompleteProps>,\n _props\n );\n const {\n classNames,\n styles,\n unstyled,\n vars,\n dropdownOpened,\n defaultDropdownOpened,\n onDropdownClose,\n onDropdownOpen,\n onFocus,\n onBlur,\n onClick,\n onChange,\n data,\n value,\n defaultValue,\n selectFirstOptionOnChange,\n selectFirstOptionOnDropdownOpen,\n onOptionSubmit,\n comboboxProps,\n readOnly,\n disabled,\n filter,\n limit,\n withScrollArea,\n maxDropdownHeight,\n size,\n id,\n renderOption,\n autoComplete,\n scrollAreaProps,\n onClear,\n clearButtonProps,\n error,\n clearable,\n clearSectionMode,\n rightSection,\n autoSelectOnBlur,\n openOnFocus = true,\n attributes,\n ...others\n } = props;\n\n const _id = useId(id);\n const parsedData = getParsedComboboxData(data);\n const optionsLockup = getOptionsLockup(parsedData);\n\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: '',\n onChange,\n });\n\n const combobox = useCombobox({\n opened: dropdownOpened,\n defaultOpened: defaultDropdownOpened,\n onDropdownOpen: () => {\n onDropdownOpen?.();\n if (selectFirstOptionOnDropdownOpen) {\n combobox.selectFirstOption();\n }\n },\n onDropdownClose: () => {\n onDropdownClose?.();\n // Required for autoSelectOnBlur to work correctly\n setTimeout(combobox.resetSelectedOption, 0);\n },\n });\n\n const handleValueChange = (value: string) => {\n setValue(value);\n combobox.resetSelectedOption();\n };\n\n const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<AutocompleteFactory>({\n props,\n styles,\n classNames,\n });\n\n useEffect(() => {\n if (selectFirstOptionOnChange) {\n combobox.selectFirstOption();\n }\n }, [selectFirstOptionOnChange, _value]);\n\n const clearButton = (\n <Combobox.ClearButton\n {...clearButtonProps}\n onClear={() => {\n handleValueChange('');\n onClear?.();\n }}\n />\n );\n\n return (\n <Combobox\n store={combobox}\n __staticSelector=\"Autocomplete\"\n classNames={resolvedClassNames}\n styles={resolvedStyles}\n unstyled={unstyled}\n readOnly={readOnly}\n size={size}\n attributes={attributes}\n keepMounted={autoSelectOnBlur}\n onOptionSubmit={(val) => {\n onOptionSubmit?.(val);\n handleValueChange(optionsLockup[val].label);\n combobox.closeDropdown();\n }}\n {...comboboxProps}\n >\n <Combobox.Target autoComplete={autoComplete} withExpandedAttribute>\n <InputBase\n {...others}\n size={size}\n __staticSelector=\"Autocomplete\"\n __clearSection={clearButton}\n __clearable={clearable && !!_value && !disabled && !readOnly}\n __clearSectionMode={clearSectionMode}\n rightSection={rightSection}\n disabled={disabled}\n readOnly={readOnly}\n value={_value}\n error={error}\n onChange={(event) => {\n handleValueChange(event.currentTarget.value);\n combobox.openDropdown();\n selectFirstOptionOnChange && combobox.selectFirstOption();\n }}\n onFocus={(event) => {\n openOnFocus && combobox.openDropdown();\n onFocus?.(event);\n }}\n onBlur={(event) => {\n if (autoSelectOnBlur) {\n combobox.clickSelectedOption();\n }\n\n combobox.closeDropdown();\n onBlur?.(event);\n }}\n onClick={(event) => {\n combobox.openDropdown();\n onClick?.(event);\n }}\n classNames={resolvedClassNames}\n styles={resolvedStyles}\n unstyled={unstyled}\n attributes={attributes}\n id={_id}\n />\n </Combobox.Target>\n <OptionsDropdown\n data={parsedData}\n hidden={readOnly \|\| disabled}\n filter={filter as OptionsFilter<Primitive> \| undefined}\n search={_value}\n limit={limit}\n hiddenWhenEmpty\n withScrollArea={withScrollArea}\n maxDropdownHeight={maxDropdownHeight}\n unstyled={unstyled}\n labelId={others.label ? `${_id}-label` : undefined}\n aria-label={others.label ? undefined : others['aria-label']}\n renderOption={renderOption}\n scrollAreaProps={scrollAreaProps}\n />\n </Combobox>\n );\n});\n\nAutocomplete.classes = { ...InputBase.classes, ...Combobox.classes };\nAutocomplete.displayName = '@mantine/core/Autocomplete';\n\nexport namespace Autocomplete {\n export type Props = AutocompleteProps;\n export type StylesNames = AutocompleteStylesNames;\n export type RenderOption = RenderAutocompleteOption;\n export type Factory = AutocompleteFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;AA4FA,MAAa,eAAe,SAA8B,WAAW;CACnE,MAAM,QAAQ,SACZ;EAAC;EAAS;EAAgB;CAAc,GACxC,EAAE,MAAM,KAAK,GACb,MACF;CACA,MAAM,EACJ,YACA,QACA,UACA,MACA,gBACA,uBACA,iBACA,gBACA,SACA,QACA,SACA,UACA,MACA,OACA,cACA,2BACA,iCACA,gBACA,eACA,UACA,UACA,QACA,OACA,gBACA,mBACA,MACA,IACA,cACA,cACA,iBACA,SACA,kBACA,OACA,WACA,kBACA,cACA,kBACA,cAAc,MACd,YACA,GAAG,WACD;CAEJ,MAAM,MAAMA,QAAM,EAAE;CACpB,MAAM,aAAa,sBAAsB,IAAI;CAC7C,MAAM,gBAAgB,iBAAiB,UAAU;CAEjD,MAAM,CAAC,QAAQ,YAAY,gBAAgB;EACzC;EACA;EACA,YAAY;EACZ;CACF,CAAC;CAED,MAAM,WAAW,YAAY;EAC3B,QAAQ;EACR,eAAe;EACf,sBAAsB;GACpB,iBAAiB;GACjB,IAAI,iCACF,SAAS,kBAAkB;EAE/B;EACA,uBAAuB;GACrB,kBAAkB;GAElB,WAAW,SAAS,qBAAqB,CAAC;EAC5C;CACF,CAAC;CAED,MAAM,qBAAqB,UAAkB;EAC3C,SAAS,KAAK;EACd,SAAS,oBAAoB;CAC/B;CAEA,MAAM,EAAE,oBAAoB,mBAAmB,qBAA0C;EACvF;EACA;EACA;CACF,CAAC;CAED,gBAAgB;EACd,IAAI,2BACF,SAAS,kBAAkB;CAE/B,GAAG,CAAC,2BAA2B,MAAM,CAAC;CAEtC,MAAM,cACJ,oBAAC,SAAS,aAAV;EACE,GAAI;EACJ,eAAe;GACb,kBAAkB,EAAE;GACpB,UAAU;EACZ;CACD,CAAA;CAGH,OACE,qBAAC,UAAD;EACE,OAAO;EACP,kBAAiB;EACjB,YAAY;EACZ,QAAQ;EACE;EACA;EACJ;EACM;EACZ,aAAa;EACb,iBAAiB,QAAQ;GACvB,iBAAiB,GAAG;GACpB,kBAAkB,cAAc,KAAK,KAAK;GAC1C,SAAS,cAAc;EACzB;EACA,GAAI;YAfN,CAiBE,oBAAC,SAAS,QAAV;GAA+B;GAAc,uBAAA;aAC3C,oBAAC,WAAD;IACE,GAAI;IACE;IACN,kBAAiB;IACjB,gBAAgB;IAChB,aAAa,aAAa,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC;IACpD,oBAAoB;IACN;IACJ;IACA;IACV,OAAO;IACA;IACP,WAAW,UAAU;KACnB,kBAAkB,MAAM,cAAc,KAAK;KAC3C,SAAS,aAAa;KACtB,6BAA6B,SAAS,kBAAkB;IAC1D;IACA,UAAU,UAAU;KAClB,eAAe,SAAS,aAAa;KACrC,UAAU,KAAK;IACjB;IACA,SAAS,UAAU;KACjB,IAAI,kBACF,SAAS,oBAAoB;KAG/B,SAAS,cAAc;KACvB,SAAS,KAAK;IAChB;IACA,UAAU,UAAU;KAClB,SAAS,aAAa;KACtB,UAAU,KAAK;IACjB;IACA,YAAY;IACZ,QAAQ;IACE;IACE;IACZ,IAAI;GACL,CAAA;EACc,CAAA,GACjB,oBAAC,iBAAD;GACE,MAAM;GACN,QAAQ,YAAY;GACZ;GACR,QAAQ;GACD;GACP,iBAAA;GACgB;GACG;GACT;GACV,SAAS,OAAO,QAAQ,GAAG,IAAI,UAAU,KAAA;GACzC,cAAY,OAAO,QAAQ,KAAA,IAAY,OAAO;GAChC;GACG;EAClB,CAAA,CACO;;AAEd,CAAC;AAED,aAAa,UAAU;CAAE,GAAG,UAAU;CAAS,GAAG,SAAS;AAAQ;AACnE,aAAa,cAAc"}

package/esm/components/Avatar/Avatar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.mjs","names":["classes"],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { use, useEffect, useState } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n getRadius,\n getSize,\n MantineColor,\n MantineGradient,\n MantineRadius,\n MantineSize,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport {\n AvatarGroup,\n AvatarGroupContext,\n type AvatarGroupProps,\n type AvatarGroupStylesNames,\n type AvatarGroupCssVariables,\n type AvatarGroupFactory,\n type AvatarGroupContextValue,\n} from './AvatarGroup/AvatarGroup';\nimport { AvatarPlaceholderIcon } from './AvatarPlaceholderIcon';\nimport { getInitialsColor } from './get-initials-color/get-initials-color';\nimport { getInitials } from './get-initials/get-initials';\nimport classes from './Avatar.module.css';\nexport type AvatarStylesNames = 'root' \| 'placeholder' \| 'image';\nexport type AvatarVariant =\n \| 'filled'\n \| 'light'\n \| 'gradient'\n \| 'outline'\n \| 'transparent'\n \| 'default'\n \| 'white';\n\nexport type AvatarCssVariables = {\n root: '--avatar-size' \| '--avatar-radius' \| '--avatar-bg' \| '--avatar-color' \| '--avatar-bd';\n};\n\nexport interface AvatarProps extends BoxProps, StylesApiProps<AvatarFactory> {\n /** Width and height of the avatar, numbers are converted to rem @default 'md' /\n size?: MantineSize \| (string & {}) \| number;\n\n /* Key of `theme.radius` or any valid CSS value to set border-radius @default '1000px' /\n radius?: MantineRadius;\n\n /* Key of `theme.colors` or any valid CSS color @default 'gray' /\n color?: MantineColor \| 'initials';\n\n /* Gradient configuration for `variant=\"gradient\"` @default theme.defaultGradient /\n gradient?: MantineGradient;\n\n /* Image url, if the image cannot be loaded or `src={null}`, then placeholder is displayed instead /\n src?: string \| null;\n\n /* Image `alt` attribute, also used as `title` attribute for placeholder /\n alt?: string;\n\n /* Attributes passed down to `img` element /\n imageProps?: React.ComponentProps<'img'>;\n\n /* Avatar placeholder, displayed when `src={null}` or when the image cannot be loaded /\n children?: React.ReactNode;\n\n /* If set, adjusts text color based on background color for `filled` variant /\n autoContrast?: boolean;\n\n /* Name of the user. When `src` is not set, used to display initials and to generate color when `color=\"initials\"` is set. /\n name?: string;\n\n /* A list of colors that is used for autogenerated initials. By default, all default Mantine colors can be used except gray and dark. */\n allowedInitialsColors?: MantineColor[];\n}\n\nexport type AvatarFactory = PolymorphicFactory<{\n props: AvatarProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: AvatarStylesNames;\n vars: AvatarCssVariables;\n variant: AvatarVariant;\n staticComponents: {\n Group: typeof AvatarGroup;\n };\n}>;\n\nconst varsResolver = createVarsResolver<AvatarFactory>(\n (\n theme,\n { size, radius, variant, gradient, color, autoContrast, name, allowedInitialsColors }\n ) => {\n const _color =\n color === 'initials' && typeof name === 'string'\n ? getInitialsColor(name, allowedInitialsColors)\n : color;\n\n const colors = theme.variantColorResolver({\n color: _color \|\| 'gray',\n theme,\n gradient,\n variant: variant \|\| 'light',\n autoContrast,\n });\n\n return {\n root: {\n '--avatar-size': getSize(size, 'avatar-size'),\n '--avatar-radius': radius === undefined ? undefined : getRadius(radius),\n '--avatar-bg': _color \|\| variant ? colors.background : undefined,\n '--avatar-color': _color \|\| variant ? colors.color : undefined,\n '--avatar-bd': _color \|\| variant ? colors.border : undefined,\n },\n };\n }\n);\n\nexport const Avatar = polymorphicFactory<AvatarFactory>((_props) => {\n const props = useProps('Avatar', null, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n src,\n alt,\n radius,\n color,\n gradient,\n imageProps,\n children,\n autoContrast,\n mod,\n name,\n allowedInitialsColors,\n attributes,\n ...others\n } = props;\n const groupCtx = use(AvatarGroupContext);\n const [error, setError] = useState(!src);\n\n const getStyles = useStyles<AvatarFactory>({\n name: 'Avatar',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n useEffect(() => setError(!src), [src]);\n\n return (\n <Box {...getStyles('root')} mod={[{ 'within-group': groupCtx.withinGroup }, mod]} {...others}>\n {error \|\| !src ? (\n <span {...getStyles('placeholder')} title={alt}>\n {children \|\| (typeof name === 'string' && getInitials(name)) \|\| <AvatarPlaceholderIcon />}\n </span>\n ) : (\n <img\n {...imageProps}\n {...getStyles('image')}\n src={src}\n alt={alt}\n onError={(event) => {\n setError(true);\n imageProps?.onError?.(event);\n }}\n />\n )}\n </Box>\n );\n});\n\nAvatar.classes = classes;\nAvatar.varsResolver = varsResolver;\nAvatar.displayName = '@mantine/core/Avatar';\nAvatar.Group = AvatarGroup;\n\nexport namespace Avatar {\n export type Props = AvatarProps;\n export type StylesNames = AvatarStylesNames;\n export type CssVariables = AvatarCssVariables;\n export type Variant = AvatarVariant;\n export type Factory = AvatarFactory;\n\n export namespace Group {\n export type Props = AvatarGroupProps;\n export type StylesNames = AvatarGroupStylesNames;\n export type CssVariables = AvatarGroupCssVariables;\n export type Factory = AvatarGroupFactory;\n export type ContextValue = AvatarGroupContextValue;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;AA2FA,MAAM,eAAe,oBAEjB,OACA,EAAE,MAAM,QAAQ,SAAS,UAAU,OAAO,cAAc,MAAM,4BAC3D;CACH,MAAM,SACJ,UAAU,cAAc,OAAO,SAAS,WACpC,iBAAiB,MAAM,~~sBAAsB~~,~~GAC7C~~;CAEN,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,UAAU;EACjB;EACA;EACA,SAAS,WAAW;EACpB;~~EACD~~,CAAC;~~AAEF~~,~~QAAO~~,EACL,MAAM;EACJ,iBAAiB,QAAQ,MAAM,~~cAAc~~;~~EAC7C~~,mBAAmB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,~~OAAO~~;~~EACvE~~,eAAe,UAAU,UAAU,OAAO,aAAa,KAAA;EACvD,kBAAkB,UAAU,UAAU,OAAO,QAAQ,KAAA;EACrD,eAAe,UAAU,UAAU,OAAO,SAAS,KAAA;~~EACpD~~,EACF;~~EAEJ~~;~~AAED~~,MAAa,SAAS,oBAAmC,WAAW;CAClE,MAAM,QAAQ,SAAS,UAAU,MAAM,~~OAAO~~;~~CAC9C~~,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,KACA,KACA,QACA,OACA,UACA,YACA,UACA,cACA,KACA,MACA,uBACA,YACA,GAAG,WACD;CACJ,MAAM,WAAW,IAAI,~~mBAAmB~~;~~CACxC~~,MAAM,CAAC,OAAO,YAAY,SAAS,CAAC,~~IAAI~~;~~CAExC~~,MAAM,YAAY,UAAyB;EACzC,MAAM;EACN;EACA,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;~~EACD~~,CAAC;~~AAEF~~,~~iBAAgB~~,SAAS,CAAC,~~IAAI~~,~~EAAE~~,CAAC,~~IAAI~~,CAAC;~~AAEtC~~,~~QACE~~,oBAAC,KAAD;EAAK,GAAI,UAAU,~~OAAO~~;~~EAAE~~,KAAK,CAAC,EAAE,gBAAgB,SAAS,~~aAAa~~,~~EAAE~~,~~IAAI~~;~~EAAE~~,GAAI;YACnF,SAAS,CAAC,MACT,oBAAC,QAAD;GAAM,GAAI,UAAU,~~cAAc~~;~~GAAE~~,OAAO;aACxC,YAAa,OAAO,SAAS,YAAY,YAAY,~~KAAK~~,~~IAAK~~,oBAAC,uBAAD,~~EAAyB~~,CAAA;~~GACpF~~,CAAA,~~GAEP~~,oBAAC,OAAD;GACE,GAAI;GACJ,GAAI,UAAU,~~QAAQ~~;~~GACjB~~;GACA;GACL,UAAU,UAAU;~~AAClB~~,~~aAAS~~,~~KAAK~~;~~AACd~~,~~gBAAY~~,UAAU,~~MAAM;;GAE9B~~,CAAA;~~EAEA~~,CAAA;~~EAER~~;~~AAEF~~,OAAO,UAAUA;AACjB,OAAO,eAAe;AACtB,OAAO,cAAc;AACrB,OAAO,QAAQ"}
1	+ {"version":3,"file":"Avatar.mjs","names":["classes"],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { use, useEffect, useState } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n getRadius,\n getSize,\n MantineColor,\n MantineGradient,\n MantineRadius,\n MantineSize,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport {\n AvatarGroup,\n AvatarGroupContext,\n type AvatarGroupProps,\n type AvatarGroupStylesNames,\n type AvatarGroupCssVariables,\n type AvatarGroupFactory,\n type AvatarGroupContextValue,\n} from './AvatarGroup/AvatarGroup';\nimport { AvatarPlaceholderIcon } from './AvatarPlaceholderIcon';\nimport { getInitialsColor } from './get-initials-color/get-initials-color';\nimport { getInitials } from './get-initials/get-initials';\nimport classes from './Avatar.module.css';\nexport type AvatarStylesNames = 'root' \| 'placeholder' \| 'image';\nexport type AvatarVariant =\n \| 'filled'\n \| 'light'\n \| 'gradient'\n \| 'outline'\n \| 'transparent'\n \| 'default'\n \| 'white';\n\nexport type AvatarCssVariables = {\n root: '--avatar-size' \| '--avatar-radius' \| '--avatar-bg' \| '--avatar-color' \| '--avatar-bd';\n};\n\nexport interface AvatarProps extends BoxProps, StylesApiProps<AvatarFactory> {\n /** Width and height of the avatar, numbers are converted to rem @default 'md' /\n size?: MantineSize \| (string & {}) \| number;\n\n /* Key of `theme.radius` or any valid CSS value to set border-radius @default '1000px' /\n radius?: MantineRadius;\n\n /* Key of `theme.colors` or any valid CSS color @default 'gray' /\n color?: MantineColor \| 'initials';\n\n /* Gradient configuration for `variant=\"gradient\"` @default theme.defaultGradient /\n gradient?: MantineGradient;\n\n /* Image url, if the image cannot be loaded or `src={null}`, then placeholder is displayed instead /\n src?: string \| null;\n\n /* Image `alt` attribute, also used as `title` attribute for placeholder /\n alt?: string;\n\n /* Attributes passed down to `img` element /\n imageProps?: React.ComponentProps<'img'>;\n\n /* Avatar placeholder, displayed when `src={null}` or when the image cannot be loaded /\n children?: React.ReactNode;\n\n /* If set, adjusts text color based on background color for `filled` variant /\n autoContrast?: boolean;\n\n /* Name of the user. When `src` is not set, used to display initials and to generate color when `color=\"initials\"` is set. /\n name?: string;\n\n /* A list of colors that is used for autogenerated initials. By default, all default Mantine colors can be used except gray and dark. */\n allowedInitialsColors?: MantineColor[];\n}\n\nexport type AvatarFactory = PolymorphicFactory<{\n props: AvatarProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: AvatarStylesNames;\n vars: AvatarCssVariables;\n variant: AvatarVariant;\n staticComponents: {\n Group: typeof AvatarGroup;\n };\n}>;\n\nconst varsResolver = createVarsResolver<AvatarFactory>(\n (\n theme,\n { size, radius, variant, gradient, color, autoContrast, name, allowedInitialsColors }\n ) => {\n const _color =\n color === 'initials' && typeof name === 'string'\n ? getInitialsColor(name, allowedInitialsColors)\n : color;\n\n const colors = theme.variantColorResolver({\n color: _color \|\| 'gray',\n theme,\n gradient,\n variant: variant \|\| 'light',\n autoContrast,\n });\n\n return {\n root: {\n '--avatar-size': getSize(size, 'avatar-size'),\n '--avatar-radius': radius === undefined ? undefined : getRadius(radius),\n '--avatar-bg': _color \|\| variant ? colors.background : undefined,\n '--avatar-color': _color \|\| variant ? colors.color : undefined,\n '--avatar-bd': _color \|\| variant ? colors.border : undefined,\n },\n };\n }\n);\n\nexport const Avatar = polymorphicFactory<AvatarFactory>((_props) => {\n const props = useProps('Avatar', null, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n src,\n alt,\n radius,\n color,\n gradient,\n imageProps,\n children,\n autoContrast,\n mod,\n name,\n allowedInitialsColors,\n attributes,\n ...others\n } = props;\n const groupCtx = use(AvatarGroupContext);\n const [error, setError] = useState(!src);\n\n const getStyles = useStyles<AvatarFactory>({\n name: 'Avatar',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n useEffect(() => setError(!src), [src]);\n\n return (\n <Box {...getStyles('root')} mod={[{ 'within-group': groupCtx.withinGroup }, mod]} {...others}>\n {error \|\| !src ? (\n <span {...getStyles('placeholder')} title={alt}>\n {children \|\| (typeof name === 'string' && getInitials(name)) \|\| <AvatarPlaceholderIcon />}\n </span>\n ) : (\n <img\n {...imageProps}\n {...getStyles('image')}\n src={src}\n alt={alt}\n onError={(event) => {\n setError(true);\n imageProps?.onError?.(event);\n }}\n />\n )}\n </Box>\n );\n});\n\nAvatar.classes = classes;\nAvatar.varsResolver = varsResolver;\nAvatar.displayName = '@mantine/core/Avatar';\nAvatar.Group = AvatarGroup;\n\nexport namespace Avatar {\n export type Props = AvatarProps;\n export type StylesNames = AvatarStylesNames;\n export type CssVariables = AvatarCssVariables;\n export type Variant = AvatarVariant;\n export type Factory = AvatarFactory;\n\n export namespace Group {\n export type Props = AvatarGroupProps;\n export type StylesNames = AvatarGroupStylesNames;\n export type CssVariables = AvatarGroupCssVariables;\n export type Factory = AvatarGroupFactory;\n export type ContextValue = AvatarGroupContextValue;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;AA2FA,MAAM,eAAe,oBAEjB,OACA,EAAE,MAAM,QAAQ,SAAS,UAAU,OAAO,cAAc,MAAM,4BAC3D;CACH,MAAM,SACJ,UAAU,cAAc,OAAO,SAAS,WACpC,iBAAiB,MAAM,qBAAqB,IAC5C;CAEN,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,UAAU;EACjB;EACA;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,MAAM;EACJ,iBAAiB,QAAQ,MAAM,aAAa;EAC5C,mBAAmB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;EACtE,eAAe,UAAU,UAAU,OAAO,aAAa,KAAA;EACvD,kBAAkB,UAAU,UAAU,OAAO,QAAQ,KAAA;EACrD,eAAe,UAAU,UAAU,OAAO,SAAS,KAAA;CACrD,EACF;AACF,CACF;AAEA,MAAa,SAAS,oBAAmC,WAAW;CAClE,MAAM,QAAQ,SAAS,UAAU,MAAM,MAAM;CAC7C,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,KACA,KACA,QACA,OACA,UACA,YACA,UACA,cACA,KACA,MACA,uBACA,YACA,GAAG,WACD;CACJ,MAAM,WAAW,IAAI,kBAAkB;CACvC,MAAM,CAAC,OAAO,YAAY,SAAS,CAAC,GAAG;CAEvC,MAAM,YAAY,UAAyB;EACzC,MAAM;EACN;EACA,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,gBAAgB,SAAS,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC;CAErC,OACE,oBAAC,KAAD;EAAK,GAAI,UAAU,MAAM;EAAG,KAAK,CAAC,EAAE,gBAAgB,SAAS,YAAY,GAAG,GAAG;EAAG,GAAI;YACnF,SAAS,CAAC,MACT,oBAAC,QAAD;GAAM,GAAI,UAAU,aAAa;GAAG,OAAO;aACxC,YAAa,OAAO,SAAS,YAAY,YAAY,IAAI,KAAM,oBAAC,uBAAD,CAAwB,CAAA;EACpF,CAAA,IAEN,oBAAC,OAAD;GACE,GAAI;GACJ,GAAI,UAAU,OAAO;GAChB;GACA;GACL,UAAU,UAAU;IAClB,SAAS,IAAI;IACb,YAAY,UAAU,KAAK;GAC7B;EACD,CAAA;CAEA,CAAA;AAET,CAAC;AAED,OAAO,UAAUA;AACjB,OAAO,eAAe;AACtB,OAAO,cAAc;AACrB,OAAO,QAAQ"}

package/esm/components/Avatar/AvatarGroup/AvatarGroup.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroup.mjs","names":["classes"],"sources":["../../../../src/components/Avatar/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSpacing,\n MantineSpacing,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport classes from '../Avatar.module.css';\n\nexport interface AvatarGroupContextValue {\n withinGroup: boolean;\n}\n\nexport const AvatarGroupContext = createContext<AvatarGroupContextValue>({ withinGroup: false });\n\nexport type AvatarGroupStylesNames = 'group';\nexport type AvatarGroupCssVariables = {\n group: '--ag-spacing';\n};\n\nexport interface AvatarGroupProps\n extends BoxProps, StylesApiProps<AvatarGroupFactory>, ElementProps<'div'> {\n /** Negative space between Avatar components @default 'sm' */\n spacing?: MantineSpacing;\n}\n\nexport type AvatarGroupFactory = Factory<{\n props: AvatarGroupProps;\n ref: HTMLDivElement;\n stylesNames: AvatarGroupStylesNames;\n vars: AvatarGroupCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<AvatarGroupFactory>((_, { spacing }) => ({\n group: {\n '--ag-spacing': getSpacing(spacing),\n },\n}));\n\nexport const AvatarGroup = factory<AvatarGroupFactory>((_props) => {\n const props = useProps('AvatarGroup', null, _props);\n const { classNames, className, style, styles, unstyled, vars, spacing, attributes, ...others } =\n props;\n\n const getStyles = useStyles<AvatarGroupFactory>({\n name: 'AvatarGroup',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n rootSelector: 'group',\n });\n\n return (\n <AvatarGroupContext value={{ withinGroup: true }}>\n <Box {...getStyles('group')} {...others} />\n </AvatarGroupContext>\n );\n});\n\nAvatarGroup.classes = classes;\nAvatarGroup.varsResolver = varsResolver;\nAvatarGroup.displayName = '@mantine/core/AvatarGroup';\n"],"mappings":";;;;;;;;;;;AAoBA,MAAa,qBAAqB,cAAuC,EAAE,aAAa,~~OAAO~~,CAAC;~~AAoBhG~~,MAAM,eAAe,oBAAwC,GAAG,EAAE,eAAe,EAC/E,OAAO,EACL,gBAAgB,WAAW,~~QAAQ~~,EACpC,EACF,EAAE;~~AAEH~~,MAAa,cAAc,SAA6B,WAAW;CACjE,MAAM,QAAQ,SAAS,eAAe,MAAM,~~OAAO~~;~~CACnD~~,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,SAAS,YAAY,GAAG,WACpF;~~AAiBF~~,~~QACE~~,oBAAC,oBAAD;EAAoB,OAAO,EAAE,aAAa,~~MAAM~~;~~YAC9C~~,oBAAC,KAAD;GAAK,GAjBS,UAA8B;IAC9C,MAAM;IACN,SAAA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,cAAc;~~IACf~~,~~CAAC,~~CAIqB,~~QAAQ~~;~~GAAE~~,GAAI;~~GAAU~~,CAAA;~~EACxB~~,CAAA;~~EAEvB~~;~~AAEF~~,YAAY,UAAUA;AACtB,YAAY,eAAe;AAC3B,YAAY,cAAc"}
1	+ {"version":3,"file":"AvatarGroup.mjs","names":["classes"],"sources":["../../../../src/components/Avatar/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSpacing,\n MantineSpacing,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport classes from '../Avatar.module.css';\n\nexport interface AvatarGroupContextValue {\n withinGroup: boolean;\n}\n\nexport const AvatarGroupContext = createContext<AvatarGroupContextValue>({ withinGroup: false });\n\nexport type AvatarGroupStylesNames = 'group';\nexport type AvatarGroupCssVariables = {\n group: '--ag-spacing';\n};\n\nexport interface AvatarGroupProps\n extends BoxProps, StylesApiProps<AvatarGroupFactory>, ElementProps<'div'> {\n /** Negative space between Avatar components @default 'sm' */\n spacing?: MantineSpacing;\n}\n\nexport type AvatarGroupFactory = Factory<{\n props: AvatarGroupProps;\n ref: HTMLDivElement;\n stylesNames: AvatarGroupStylesNames;\n vars: AvatarGroupCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<AvatarGroupFactory>((_, { spacing }) => ({\n group: {\n '--ag-spacing': getSpacing(spacing),\n },\n}));\n\nexport const AvatarGroup = factory<AvatarGroupFactory>((_props) => {\n const props = useProps('AvatarGroup', null, _props);\n const { classNames, className, style, styles, unstyled, vars, spacing, attributes, ...others } =\n props;\n\n const getStyles = useStyles<AvatarGroupFactory>({\n name: 'AvatarGroup',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n rootSelector: 'group',\n });\n\n return (\n <AvatarGroupContext value={{ withinGroup: true }}>\n <Box {...getStyles('group')} {...others} />\n </AvatarGroupContext>\n );\n});\n\nAvatarGroup.classes = classes;\nAvatarGroup.varsResolver = varsResolver;\nAvatarGroup.displayName = '@mantine/core/AvatarGroup';\n"],"mappings":";;;;;;;;;;;AAoBA,MAAa,qBAAqB,cAAuC,EAAE,aAAa,MAAM,CAAC;AAoB/F,MAAM,eAAe,oBAAwC,GAAG,EAAE,eAAe,EAC/E,OAAO,EACL,gBAAgB,WAAW,OAAO,EACpC,EACF,EAAE;AAEF,MAAa,cAAc,SAA6B,WAAW;CACjE,MAAM,QAAQ,SAAS,eAAe,MAAM,MAAM;CAClD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,SAAS,YAAY,GAAG,WACpF;CAiBF,OACE,oBAAC,oBAAD;EAAoB,OAAO,EAAE,aAAa,KAAK;YAC7C,oBAAC,KAAD;GAAK,GAjBS,UAA8B;IAC9C,MAAM;IACN,SAAA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,cAAc;GAChB,CAIqB,EAAE,OAAO;GAAG,GAAI;EAAS,CAAA;CACxB,CAAA;AAExB,CAAC;AAED,YAAY,UAAUA;AACtB,YAAY,eAAe;AAC3B,YAAY,cAAc"}

package/esm/components/Avatar/AvatarPlaceholderIcon.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarPlaceholderIcon.mjs","names":[],"sources":["../../../src/components/Avatar/AvatarPlaceholderIcon.tsx"],"sourcesContent":["export function AvatarPlaceholderIcon(props: React.ComponentProps<'svg'>) {\n return (\n <svg\n {...props}\n data-avatar-placeholder-icon\n viewBox=\"0 0 15 15\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.877014 7.49988C0.877014 3.84219 3.84216 0.877045 7.49985 0.877045C11.1575 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1575 14.1227 7.49985 14.1227C3.84216 14.1227 0.877014 11.1575 0.877014 7.49988ZM7.49985 1.82704C4.36683 1.82704 1.82701 4.36686 1.82701 7.49988C1.82701 8.97196 2.38774 10.3131 3.30727 11.3213C4.19074 9.94119 5.73818 9.02499 7.50023 9.02499C9.26206 9.02499 10.8093 9.94097 11.6929 11.3208C12.6121 10.3127 13.1727 8.97172 13.1727 7.49988C13.1727 4.36686 10.6328 1.82704 7.49985 1.82704ZM10.9818 11.9787C10.2839 10.7795 8.9857 9.97499 7.50023 9.97499C6.01458 9.97499 4.71624 10.7797 4.01845 11.9791C4.97952 12.7272 6.18765 13.1727 7.49985 13.1727C8.81227 13.1727 10.0206 12.727 10.9818 11.9787ZM5.14999 6.50487C5.14999 5.207 6.20212 4.15487 7.49999 4.15487C8.79786 4.15487 9.84999 5.207 9.84999 6.50487C9.84999 7.80274 8.79786 8.85487 7.49999 8.85487C6.20212 8.85487 5.14999 7.80274 5.14999 6.50487ZM7.49999 5.10487C6.72679 5.10487 6.09999 5.73167 6.09999 6.50487C6.09999 7.27807 6.72679 7.90487 7.49999 7.90487C8.27319 7.90487 8.89999 7.27807 8.89999 6.50487C8.89999 5.73167 8.27319 5.10487 7.49999 5.10487Z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n}\n"],"mappings":";;;AAAA,SAAgB,sBAAsB,OAAoC;~~AACxE~~,~~QACE~~,oBAAC,OAAD;EACE,GAAI;EACJ,gCAAA;EACA,SAAQ;EACR,MAAK;EACL,OAAM;YAEN,oBAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL,UAAS;GACT,UAAS;~~GACT~~,CAAA;~~EACE~~,CAAA"}
1	+ {"version":3,"file":"AvatarPlaceholderIcon.mjs","names":[],"sources":["../../../src/components/Avatar/AvatarPlaceholderIcon.tsx"],"sourcesContent":["export function AvatarPlaceholderIcon(props: React.ComponentProps<'svg'>) {\n return (\n <svg\n {...props}\n data-avatar-placeholder-icon\n viewBox=\"0 0 15 15\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.877014 7.49988C0.877014 3.84219 3.84216 0.877045 7.49985 0.877045C11.1575 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1575 14.1227 7.49985 14.1227C3.84216 14.1227 0.877014 11.1575 0.877014 7.49988ZM7.49985 1.82704C4.36683 1.82704 1.82701 4.36686 1.82701 7.49988C1.82701 8.97196 2.38774 10.3131 3.30727 11.3213C4.19074 9.94119 5.73818 9.02499 7.50023 9.02499C9.26206 9.02499 10.8093 9.94097 11.6929 11.3208C12.6121 10.3127 13.1727 8.97172 13.1727 7.49988C13.1727 4.36686 10.6328 1.82704 7.49985 1.82704ZM10.9818 11.9787C10.2839 10.7795 8.9857 9.97499 7.50023 9.97499C6.01458 9.97499 4.71624 10.7797 4.01845 11.9791C4.97952 12.7272 6.18765 13.1727 7.49985 13.1727C8.81227 13.1727 10.0206 12.727 10.9818 11.9787ZM5.14999 6.50487C5.14999 5.207 6.20212 4.15487 7.49999 4.15487C8.79786 4.15487 9.84999 5.207 9.84999 6.50487C9.84999 7.80274 8.79786 8.85487 7.49999 8.85487C6.20212 8.85487 5.14999 7.80274 5.14999 6.50487ZM7.49999 5.10487C6.72679 5.10487 6.09999 5.73167 6.09999 6.50487C6.09999 7.27807 6.72679 7.90487 7.49999 7.90487C8.27319 7.90487 8.89999 7.27807 8.89999 6.50487C8.89999 5.73167 8.27319 5.10487 7.49999 5.10487Z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n}\n"],"mappings":";;;AAAA,SAAgB,sBAAsB,OAAoC;CACxE,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,gCAAA;EACA,SAAQ;EACR,MAAK;EACL,OAAM;YAEN,oBAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL,UAAS;GACT,UAAS;EACV,CAAA;CACE,CAAA;AAET"}

package/esm/components/Avatar/get-initials/get-initials.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-initials.mjs","names":[],"sources":["../../../../src/components/Avatar/get-initials/get-initials.ts"],"sourcesContent":["export function getInitials(name: string, limit = 2) {\n const splitted = name.split(' ');\n\n if (splitted.length === 1) {\n return name.slice(0, limit).toUpperCase();\n }\n\n return splitted\n .map((word) => word[0])\n .slice(0, limit)\n .join('')\n .toUpperCase();\n}\n"],"mappings":";;AAAA,SAAgB,YAAY,MAAc,QAAQ,GAAG;CACnD,MAAM,WAAW,KAAK,MAAM,~~IAAI~~;~~AAEhC~~,~~KAAI~~,SAAS,WAAW,~~EACtB~~,~~QAAO~~,KAAK,MAAM,GAAG,~~MAAM~~,~~CAAC~~,~~aAAa~~;~~AAG3C~~,~~QAAO~~,SACJ,KAAK,SAAS,KAAK,~~GAAG~~,~~CACtB~~,MAAM,GAAG,~~MAAM~~,~~CACf~~,KAAK,~~GAAG~~,~~CACR~~,~~aAAa~~"}
1	+ {"version":3,"file":"get-initials.mjs","names":[],"sources":["../../../../src/components/Avatar/get-initials/get-initials.ts"],"sourcesContent":["export function getInitials(name: string, limit = 2) {\n const splitted = name.split(' ');\n\n if (splitted.length === 1) {\n return name.slice(0, limit).toUpperCase();\n }\n\n return splitted\n .map((word) => word[0])\n .slice(0, limit)\n .join('')\n .toUpperCase();\n}\n"],"mappings":";;AAAA,SAAgB,YAAY,MAAc,QAAQ,GAAG;CACnD,MAAM,WAAW,KAAK,MAAM,GAAG;CAE/B,IAAI,SAAS,WAAW,GACtB,OAAO,KAAK,MAAM,GAAG,KAAK,EAAE,YAAY;CAG1C,OAAO,SACJ,KAAK,SAAS,KAAK,EAAE,EACrB,MAAM,GAAG,KAAK,EACd,KAAK,EAAE,EACP,YAAY;AACjB"}

package/esm/components/Avatar/get-initials-color/get-initials-color.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-initials-color.mjs","names":[],"sources":["../../../../src/components/Avatar/get-initials-color/get-initials-color.ts"],"sourcesContent":["import { MantineColor } from '../../../core';\n\nfunction hashCode(input: string) {\n let hash = 0;\n for (let i = 0; i < input.length; i += 1) {\n const char = input.charCodeAt(i);\n hash = (hash << 5) - hash + char;\n hash \|= 0;\n }\n return hash;\n}\n\nconst defaultColors: MantineColor[] = [\n 'blue',\n 'cyan',\n 'grape',\n 'green',\n 'indigo',\n 'lime',\n 'orange',\n 'pink',\n 'red',\n 'teal',\n 'violet',\n];\n\nexport function getInitialsColor(name: string, colors: MantineColor[] = defaultColors) {\n const hash = hashCode(name);\n const index = Math.abs(hash) % colors.length;\n return colors[index];\n}\n"],"mappings":";;AAEA,SAAS,SAAS,OAAe;CAC/B,IAAI,OAAO;~~AACX~~,~~MAAK~~,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,GAAG;EACxC,MAAM,OAAO,MAAM,WAAW,~~EAAE~~;~~AAChC~~,~~UAAQ~~,QAAQ,KAAK,OAAO;~~AAC5B~~,~~UAAQ;;AAEV~~,~~QAAO;;AAGT~~,MAAM,gBAAgC;CACpC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;~~CACD~~;~~AAED~~,SAAgB,iBAAiB,MAAc,SAAyB,eAAe;CACrF,MAAM,OAAO,SAAS,~~KAAK~~;~~AAE3B~~,~~QAAO~~,OADO,KAAK,IAAI,~~KAAK~~,~~GAAG~~,OAAO"}
1	+ {"version":3,"file":"get-initials-color.mjs","names":[],"sources":["../../../../src/components/Avatar/get-initials-color/get-initials-color.ts"],"sourcesContent":["import { MantineColor } from '../../../core';\n\nfunction hashCode(input: string) {\n let hash = 0;\n for (let i = 0; i < input.length; i += 1) {\n const char = input.charCodeAt(i);\n hash = (hash << 5) - hash + char;\n hash \|= 0;\n }\n return hash;\n}\n\nconst defaultColors: MantineColor[] = [\n 'blue',\n 'cyan',\n 'grape',\n 'green',\n 'indigo',\n 'lime',\n 'orange',\n 'pink',\n 'red',\n 'teal',\n 'violet',\n];\n\nexport function getInitialsColor(name: string, colors: MantineColor[] = defaultColors) {\n const hash = hashCode(name);\n const index = Math.abs(hash) % colors.length;\n return colors[index];\n}\n"],"mappings":";;AAEA,SAAS,SAAS,OAAe;CAC/B,IAAI,OAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,GAAG;EACxC,MAAM,OAAO,MAAM,WAAW,CAAC;EAC/B,QAAQ,QAAQ,KAAK,OAAO;EAC5B,QAAQ;CACV;CACA,OAAO;AACT;AAEA,MAAM,gBAAgC;CACpC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAAgB,iBAAiB,MAAc,SAAyB,eAAe;CACrF,MAAM,OAAO,SAAS,IAAI;CAE1B,OAAO,OADO,KAAK,IAAI,IAAI,IAAI,OAAO;AAExC"}

package/esm/components/BackgroundImage/BackgroundImage.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BackgroundImage.mjs","names":["classes"],"sources":["../../../src/components/BackgroundImage/BackgroundImage.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n getRadius,\n MantineRadius,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './BackgroundImage.module.css';\n\nexport type BackgroundImageStylesNames = 'root';\nexport type BackgroundImageCssVariables = {\n root: '--bi-radius';\n};\n\nexport interface BackgroundImageProps extends BoxProps, StylesApiProps<BackgroundImageFactory> {\n /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem @default 0 /\n radius?: MantineRadius;\n\n /* Image url */\n src: string;\n}\n\nexport type BackgroundImageFactory = PolymorphicFactory<{\n props: BackgroundImageProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: BackgroundImageStylesNames;\n vars: BackgroundImageCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<BackgroundImageFactory>((_, { radius }) => ({\n root: { '--bi-radius': radius === undefined ? undefined : getRadius(radius) },\n}));\n\nexport const BackgroundImage = polymorphicFactory<BackgroundImageFactory>((_props) => {\n const props = useProps('BackgroundImage', null, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n radius,\n src,\n variant,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<BackgroundImageFactory>({\n name: 'BackgroundImage',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return (\n <Box\n variant={variant}\n {...getStyles('root', { style: { backgroundImage: `url(${src})` } })}\n {...others}\n />\n );\n});\n\nBackgroundImage.classes = classes;\nBackgroundImage.varsResolver = varsResolver;\nBackgroundImage.displayName = '@mantine/core/BackgroundImage';\n\nexport namespace BackgroundImage {\n export type Props = BackgroundImageProps;\n export type CssVariables = BackgroundImageCssVariables;\n export type Factory = BackgroundImageFactory;\n export type StylesNames = BackgroundImageStylesNames;\n}\n"],"mappings":";;;;;;;;;;AAmCA,MAAM,eAAe,oBAA4C,GAAG,EAAE,cAAc,EAClF,MAAM,EAAE,eAAe,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,~~OAAO~~,EAAE,EAC9E,EAAE;~~AAEH~~,MAAa,kBAAkB,oBAA4C,WAAW;CACpF,MAAM,QAAQ,SAAS,mBAAmB,MAAM,~~OAAO~~;~~CACvD~~,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,KACA,SACA,YACA,GAAG,WACD;~~AAgBJ~~,~~QACE~~,oBAAC,KAAD;EACW;EACT,GAjBc,UAAkC;GAClD,MAAM;GACN;GACA,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;~~GACD~~,~~CAAC,~~CAKgB,QAAQ,EAAE,OAAO,EAAE,iBAAiB,OAAO,IAAI,~~IAAI~~,EAAE,CAAC;~~EACpE~~,GAAI;~~EACJ~~,CAAA;~~EAEJ~~;~~AAEF~~,gBAAgB,UAAUA;AAC1B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc"}
1	+ {"version":3,"file":"BackgroundImage.mjs","names":["classes"],"sources":["../../../src/components/BackgroundImage/BackgroundImage.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n getRadius,\n MantineRadius,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './BackgroundImage.module.css';\n\nexport type BackgroundImageStylesNames = 'root';\nexport type BackgroundImageCssVariables = {\n root: '--bi-radius';\n};\n\nexport interface BackgroundImageProps extends BoxProps, StylesApiProps<BackgroundImageFactory> {\n /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem @default 0 /\n radius?: MantineRadius;\n\n /* Image url */\n src: string;\n}\n\nexport type BackgroundImageFactory = PolymorphicFactory<{\n props: BackgroundImageProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: BackgroundImageStylesNames;\n vars: BackgroundImageCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<BackgroundImageFactory>((_, { radius }) => ({\n root: { '--bi-radius': radius === undefined ? undefined : getRadius(radius) },\n}));\n\nexport const BackgroundImage = polymorphicFactory<BackgroundImageFactory>((_props) => {\n const props = useProps('BackgroundImage', null, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n radius,\n src,\n variant,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<BackgroundImageFactory>({\n name: 'BackgroundImage',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return (\n <Box\n variant={variant}\n {...getStyles('root', { style: { backgroundImage: `url(${src})` } })}\n {...others}\n />\n );\n});\n\nBackgroundImage.classes = classes;\nBackgroundImage.varsResolver = varsResolver;\nBackgroundImage.displayName = '@mantine/core/BackgroundImage';\n\nexport namespace BackgroundImage {\n export type Props = BackgroundImageProps;\n export type CssVariables = BackgroundImageCssVariables;\n export type Factory = BackgroundImageFactory;\n export type StylesNames = BackgroundImageStylesNames;\n}\n"],"mappings":";;;;;;;;;;AAmCA,MAAM,eAAe,oBAA4C,GAAG,EAAE,cAAc,EAClF,MAAM,EAAE,eAAe,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM,EAAE,EAC9E,EAAE;AAEF,MAAa,kBAAkB,oBAA4C,WAAW;CACpF,MAAM,QAAQ,SAAS,mBAAmB,MAAM,MAAM;CACtD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,KACA,SACA,YACA,GAAG,WACD;CAgBJ,OACE,oBAAC,KAAD;EACW;EACT,GAjBc,UAAkC;GAClD,MAAM;GACN;GACA,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAKgB,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,OAAO,IAAI,GAAG,EAAE,CAAC;EACnE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,gBAAgB,UAAUA;AAC1B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc"}

package/esm/components/Badge/Badge.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.mjs","names":["classes"],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n getRadius,\n getSize,\n getThemeColor,\n MantineColor,\n MantineGradient,\n MantineRadius,\n MantineSize,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Badge.module.css';\n\nexport type BadgeStylesNames = 'root' \| 'section' \| 'label';\nexport type BadgeVariant =\n \| 'filled'\n \| 'light'\n \| 'outline'\n \| 'dot'\n \| 'transparent'\n \| 'white'\n \| 'default'\n \| 'gradient';\n\nexport type BadgeCssVariables = {\n root:\n \| '--badge-height'\n \| '--badge-padding-x'\n \| '--badge-fz'\n \| '--badge-radius'\n \| '--badge-bg'\n \| '--badge-color'\n \| '--badge-bd'\n \| '--badge-dot-color';\n};\n\nexport interface BadgeProps extends BoxProps, StylesApiProps<BadgeFactory> {\n /** Controls `font-size`, `height` and horizontal `padding` @default 'md' /\n size?: MantineSize \| (string & {});\n\n /* If set, badge `min-width` becomes equal to its `height` and horizontal padding is removed /\n circle?: boolean;\n\n /* Key of `theme.radius` or any valid CSS value to set `border-radius` @default 'xl' /\n radius?: MantineRadius;\n\n /* Key of `theme.colors` or any valid CSS color @default theme.primaryColor /\n color?: MantineColor;\n\n /* Gradient configuration used when `variant=\\\"gradient\\\"` @default theme.defaultGradient /\n gradient?: MantineGradient;\n\n /* Content displayed on the left side of the badge label /\n leftSection?: React.ReactNode;\n\n /* Content displayed on the right side of the badge label /\n rightSection?: React.ReactNode;\n\n /* Determines whether Badge should take 100% of its parent width @default false /\n fullWidth?: boolean;\n\n /* Main badge content /\n children?: React.ReactNode;\n\n /* If set, adjusts text color based on background color for `filled` variant */\n autoContrast?: boolean;\n}\n\nexport type BadgeFactory = PolymorphicFactory<{\n props: BadgeProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: BadgeStylesNames;\n vars: BadgeCssVariables;\n variant: BadgeVariant;\n}>;\n\nconst varsResolver = createVarsResolver<BadgeFactory>(\n (theme, { radius, color, gradient, variant, size, autoContrast, circle }) => {\n const colors = theme.variantColorResolver({\n color: color \|\| theme.primaryColor,\n theme,\n gradient,\n variant: variant \|\| 'filled',\n autoContrast,\n });\n\n return {\n root: {\n '--badge-height': getSize(size, 'badge-height'),\n '--badge-padding-x': getSize(size, 'badge-padding-x'),\n '--badge-fz': getSize(size, 'badge-fz'),\n '--badge-radius': circle \|\| radius === undefined ? undefined : getRadius(radius),\n '--badge-bg': color \|\| variant ? colors.background : undefined,\n '--badge-color': color \|\| variant ? colors.color : undefined,\n '--badge-bd': color \|\| variant ? colors.border : undefined,\n '--badge-dot-color': variant === 'dot' ? getThemeColor(color, theme) : undefined,\n },\n };\n }\n);\n\nexport const Badge = polymorphicFactory<BadgeFactory>((_props) => {\n const props = useProps('Badge', null, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n radius,\n color,\n gradient,\n leftSection,\n rightSection,\n children,\n variant,\n fullWidth,\n autoContrast,\n circle,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<BadgeFactory>({\n name: 'Badge',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return (\n <Box\n variant={variant}\n mod={[\n {\n block: fullWidth,\n circle,\n 'with-right-section': !!rightSection,\n 'with-left-section': !!leftSection,\n },\n mod,\n ]}\n {...getStyles('root', { variant })}\n {...others}\n >\n {leftSection && (\n <span {...getStyles('section')} data-position=\"left\">\n {leftSection}\n </span>\n )}\n <span {...getStyles('label')}>{children}</span>\n {rightSection && (\n <span {...getStyles('section')} data-position=\"right\">\n {rightSection}\n </span>\n )}\n </Box>\n );\n});\n\nBadge.classes = classes;\nBadge.varsResolver = varsResolver;\nBadge.displayName = '@mantine/core/Badge';\n\nexport namespace Badge {\n export type Props = BadgeProps;\n export type StylesNames = BadgeStylesNames;\n export type CssVariables = BadgeCssVariables;\n export type Variant = BadgeVariant;\n export type Factory = BadgeFactory;\n}\n"],"mappings":";;;;;;;;;;;AAmFA,MAAM,eAAe,oBAClB,OAAO,EAAE,QAAQ,OAAO,UAAU,SAAS,MAAM,cAAc,aAAa;CAC3E,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA;EACA,SAAS,WAAW;EACpB;~~EACD~~,CAAC;~~AAEF~~,~~QAAO~~,EACL,MAAM;EACJ,kBAAkB,QAAQ,MAAM,~~eAAe~~;~~EAC/C~~,qBAAqB,QAAQ,MAAM,~~kBAAkB~~;~~EACrD~~,cAAc,QAAQ,MAAM,~~WAAW~~;~~EACvC~~,kBAAkB,UAAU,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,~~OAAO~~;~~EAChF~~,cAAc,SAAS,UAAU,OAAO,aAAa,KAAA;EACrD,iBAAiB,SAAS,UAAU,OAAO,QAAQ,KAAA;EACnD,cAAc,SAAS,UAAU,OAAO,SAAS,KAAA;EACjD,qBAAqB,YAAY,QAAQ,cAAc,OAAO,~~MAAM~~,~~GAAG~~,KAAA;~~EACxE~~,EACF;~~EAEJ~~;~~AAED~~,MAAa,QAAQ,oBAAkC,WAAW;CAChE,MAAM,QAAQ,SAAS,SAAS,MAAM,~~OAAO~~;~~CAC7C~~,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,OACA,UACA,aACA,cACA,UACA,SACA,WACA,cACA,QACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAAwB;EACxC,MAAM;EACN;EACA,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;~~EACD~~,CAAC;~~AAEF~~,~~QACE~~,qBAAC,KAAD;EACW;EACT,KAAK,CACH;GACE,OAAO;GACP;GACA,sBAAsB,CAAC,CAAC;GACxB,qBAAqB,CAAC,CAAC;~~GACxB~~,~~EACD~~,~~IACD~~;~~EACD~~,GAAI,UAAU,QAAQ,EAAE,~~SAAS~~,CAAC;~~EAClC~~,GAAI;YAZN;GAcG,eACC,oBAAC,QAAD;IAAM,GAAI,UAAU,~~UAAU~~;~~IAAE~~,iBAAc;cAC3C;~~IACI~~,CAAA;~~GAET~~,oBAAC,QAAD;IAAM,GAAI,UAAU,~~QAAQ~~;~~IAAG~~;~~IAAgB~~,CAAA;~~GAC9C~~,gBACC,oBAAC,QAAD;IAAM,GAAI,UAAU,~~UAAU~~;~~IAAE~~,iBAAc;cAC3C;~~IACI~~,CAAA;~~GAEL~~;;~~EAER~~;~~AAEF~~,MAAM,UAAUA;AAChB,MAAM,eAAe;AACrB,MAAM,cAAc"}
1	+ {"version":3,"file":"Badge.mjs","names":["classes"],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n getRadius,\n getSize,\n getThemeColor,\n MantineColor,\n MantineGradient,\n MantineRadius,\n MantineSize,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Badge.module.css';\n\nexport type BadgeStylesNames = 'root' \| 'section' \| 'label';\nexport type BadgeVariant =\n \| 'filled'\n \| 'light'\n \| 'outline'\n \| 'dot'\n \| 'transparent'\n \| 'white'\n \| 'default'\n \| 'gradient';\n\nexport type BadgeCssVariables = {\n root:\n \| '--badge-height'\n \| '--badge-padding-x'\n \| '--badge-fz'\n \| '--badge-radius'\n \| '--badge-bg'\n \| '--badge-color'\n \| '--badge-bd'\n \| '--badge-dot-color';\n};\n\nexport interface BadgeProps extends BoxProps, StylesApiProps<BadgeFactory> {\n /** Controls `font-size`, `height` and horizontal `padding` @default 'md' /\n size?: MantineSize \| (string & {});\n\n /* If set, badge `min-width` becomes equal to its `height` and horizontal padding is removed /\n circle?: boolean;\n\n /* Key of `theme.radius` or any valid CSS value to set `border-radius` @default 'xl' /\n radius?: MantineRadius;\n\n /* Key of `theme.colors` or any valid CSS color @default theme.primaryColor /\n color?: MantineColor;\n\n /* Gradient configuration used when `variant=\\\"gradient\\\"` @default theme.defaultGradient /\n gradient?: MantineGradient;\n\n /* Content displayed on the left side of the badge label /\n leftSection?: React.ReactNode;\n\n /* Content displayed on the right side of the badge label /\n rightSection?: React.ReactNode;\n\n /* Determines whether Badge should take 100% of its parent width @default false /\n fullWidth?: boolean;\n\n /* Main badge content /\n children?: React.ReactNode;\n\n /* If set, adjusts text color based on background color for `filled` variant */\n autoContrast?: boolean;\n}\n\nexport type BadgeFactory = PolymorphicFactory<{\n props: BadgeProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: BadgeStylesNames;\n vars: BadgeCssVariables;\n variant: BadgeVariant;\n}>;\n\nconst varsResolver = createVarsResolver<BadgeFactory>(\n (theme, { radius, color, gradient, variant, size, autoContrast, circle }) => {\n const colors = theme.variantColorResolver({\n color: color \|\| theme.primaryColor,\n theme,\n gradient,\n variant: variant \|\| 'filled',\n autoContrast,\n });\n\n return {\n root: {\n '--badge-height': getSize(size, 'badge-height'),\n '--badge-padding-x': getSize(size, 'badge-padding-x'),\n '--badge-fz': getSize(size, 'badge-fz'),\n '--badge-radius': circle \|\| radius === undefined ? undefined : getRadius(radius),\n '--badge-bg': color \|\| variant ? colors.background : undefined,\n '--badge-color': color \|\| variant ? colors.color : undefined,\n '--badge-bd': color \|\| variant ? colors.border : undefined,\n '--badge-dot-color': variant === 'dot' ? getThemeColor(color, theme) : undefined,\n },\n };\n }\n);\n\nexport const Badge = polymorphicFactory<BadgeFactory>((_props) => {\n const props = useProps('Badge', null, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n radius,\n color,\n gradient,\n leftSection,\n rightSection,\n children,\n variant,\n fullWidth,\n autoContrast,\n circle,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<BadgeFactory>({\n name: 'Badge',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return (\n <Box\n variant={variant}\n mod={[\n {\n block: fullWidth,\n circle,\n 'with-right-section': !!rightSection,\n 'with-left-section': !!leftSection,\n },\n mod,\n ]}\n {...getStyles('root', { variant })}\n {...others}\n >\n {leftSection && (\n <span {...getStyles('section')} data-position=\"left\">\n {leftSection}\n </span>\n )}\n <span {...getStyles('label')}>{children}</span>\n {rightSection && (\n <span {...getStyles('section')} data-position=\"right\">\n {rightSection}\n </span>\n )}\n </Box>\n );\n});\n\nBadge.classes = classes;\nBadge.varsResolver = varsResolver;\nBadge.displayName = '@mantine/core/Badge';\n\nexport namespace Badge {\n export type Props = BadgeProps;\n export type StylesNames = BadgeStylesNames;\n export type CssVariables = BadgeCssVariables;\n export type Variant = BadgeVariant;\n export type Factory = BadgeFactory;\n}\n"],"mappings":";;;;;;;;;;;AAmFA,MAAM,eAAe,oBAClB,OAAO,EAAE,QAAQ,OAAO,UAAU,SAAS,MAAM,cAAc,aAAa;CAC3E,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,MAAM;EACJ,kBAAkB,QAAQ,MAAM,cAAc;EAC9C,qBAAqB,QAAQ,MAAM,iBAAiB;EACpD,cAAc,QAAQ,MAAM,UAAU;EACtC,kBAAkB,UAAU,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;EAC/E,cAAc,SAAS,UAAU,OAAO,aAAa,KAAA;EACrD,iBAAiB,SAAS,UAAU,OAAO,QAAQ,KAAA;EACnD,cAAc,SAAS,UAAU,OAAO,SAAS,KAAA;EACjD,qBAAqB,YAAY,QAAQ,cAAc,OAAO,KAAK,IAAI,KAAA;CACzE,EACF;AACF,CACF;AAEA,MAAa,QAAQ,oBAAkC,WAAW;CAChE,MAAM,QAAQ,SAAS,SAAS,MAAM,MAAM;CAC5C,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,OACA,UACA,aACA,cACA,UACA,SACA,WACA,cACA,QACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAAwB;EACxC,MAAM;EACN;EACA,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,KAAD;EACW;EACT,KAAK,CACH;GACE,OAAO;GACP;GACA,sBAAsB,CAAC,CAAC;GACxB,qBAAqB,CAAC,CAAC;EACzB,GACA,GACF;EACA,GAAI,UAAU,QAAQ,EAAE,QAAQ,CAAC;EACjC,GAAI;YAZN;GAcG,eACC,oBAAC,QAAD;IAAM,GAAI,UAAU,SAAS;IAAG,iBAAc;cAC3C;GACG,CAAA;GAER,oBAAC,QAAD;IAAM,GAAI,UAAU,OAAO;IAAI;GAAe,CAAA;GAC7C,gBACC,oBAAC,QAAD;IAAM,GAAI,UAAU,SAAS;IAAG,iBAAc;cAC3C;GACG,CAAA;EAEL;;AAET,CAAC;AAED,MAAM,UAAUA;AAChB,MAAM,eAAe;AACrB,MAAM,cAAc"}

package/esm/components/Blockquote/Blockquote.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Blockquote.mjs","names":["classes"],"sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getRadius,\n getThemeColor,\n MantineColor,\n MantineRadius,\n parseThemeColor,\n rem,\n rgba,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Blockquote.module.css';\n\nexport type BlockquoteStylesNames = 'root' \| 'icon' \| 'cite';\nexport type BlockquoteCssVariables = {\n root: '--bq-bg-light' \| '--bq-bg-dark' \| '--bq-bd' \| '--bq-icon-size' \| '--bq-radius';\n};\n\nexport interface BlockquoteProps\n extends BoxProps, StylesApiProps<BlockquoteFactory>, ElementProps<'blockquote', 'cite'> {\n /** Blockquote icon, displayed at the top left side /\n icon?: React.ReactNode;\n\n /* Controls icon `width` and `height`, numbers are converted to rem @default 40 /\n iconSize?: number \| string;\n\n /* Key of `theme.colors` or any valid CSS color @default theme.primaryColor /\n color?: MantineColor;\n\n /* Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius /\n radius?: MantineRadius;\n\n /* Reference to a cited quote */\n cite?: React.ReactNode;\n}\n\nexport type BlockquoteFactory = Factory<{\n props: BlockquoteProps;\n ref: HTMLQuoteElement;\n stylesNames: BlockquoteStylesNames;\n vars: BlockquoteCssVariables;\n}>;\n\nconst defaultProps = {\n iconSize: 48,\n} satisfies Partial<BlockquoteProps>;\n\nconst varsResolver = createVarsResolver<BlockquoteFactory>((theme, { color, iconSize, radius }) => {\n const darkParsed = parseThemeColor({\n color: color \|\| theme.primaryColor,\n theme,\n colorScheme: 'dark',\n });\n\n const lightParsed = parseThemeColor({\n color: color \|\| theme.primaryColor,\n theme,\n colorScheme: 'light',\n });\n\n return {\n root: {\n '--bq-bg-light': rgba(lightParsed.value, 0.07),\n '--bq-bg-dark': rgba(darkParsed.value, 0.06),\n '--bq-bd': getThemeColor(color, theme),\n '--bq-icon-size': rem(iconSize),\n '--bq-radius': getRadius(radius),\n },\n };\n});\n\nexport const Blockquote = factory<BlockquoteFactory>((_props) => {\n const props = useProps('Blockquote', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n icon,\n iconSize,\n cite,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<BlockquoteFactory>({\n name: 'Blockquote',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return (\n <Box component=\"blockquote\" {...getStyles('root')} {...others}>\n {icon && <span {...getStyles('icon')}>{icon}</span>}\n {children}\n {cite && <cite {...getStyles('cite')}>{cite}</cite>}\n </Box>\n );\n});\n\nBlockquote.classes = classes;\nBlockquote.varsResolver = varsResolver;\nBlockquote.displayName = '@mantine/core/Blockquote';\n\nexport namespace Blockquote {\n export type Props = BlockquoteProps;\n export type StylesNames = BlockquoteStylesNames;\n export type CssVariables = BlockquoteCssVariables;\n export type Factory = BlockquoteFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;AAkDA,MAAM,eAAe,EACnB,UAAU,~~IACX~~;~~AAED~~,MAAM,eAAe,oBAAuC,OAAO,EAAE,OAAO,UAAU,aAAa;CACjG,MAAM,aAAa,gBAAgB;EACjC,OAAO,SAAS,MAAM;EACtB;EACA,aAAa;~~EACd~~,CAAC;~~AAQF~~,~~QAAO~~,EACL,MAAM;EACJ,iBAAiB,KARD,gBAAgB;GAClC,OAAO,SAAS,MAAM;GACtB;GACA,aAAa;~~GACd~~,~~CAAC,~~CAIoC,OAAO,~~IAAK~~;~~EAC9C~~,gBAAgB,KAAK,WAAW,OAAO,~~IAAK~~;~~EAC5C~~,WAAW,cAAc,OAAO,~~MAAM~~;~~EACtC~~,kBAAkB,IAAI,~~SAAS~~;~~EAC/B~~,eAAe,UAAU,~~OAAO~~;~~EACjC~~,EACF;~~EACD~~;~~AAEF~~,MAAa,aAAa,SAA4B,WAAW;CAC/D,MAAM,QAAQ,SAAS,cAAc,cAAc,~~OAAO~~;~~CAC1D~~,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,MACA,UACA,MACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA6B;EAC7C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;~~EACD~~,CAAC;~~AAEF~~,~~QACE~~,qBAAC,KAAD;EAAK,WAAU;EAAa,GAAI,UAAU,~~OAAO~~;~~EAAE~~,GAAI;YAAvD;GACG,QAAQ,oBAAC,QAAD;IAAM,GAAI,UAAU,~~OAAO~~;~~cAAG~~;~~IAAY~~,CAAA;~~GAClD~~;GACA,QAAQ,oBAAC,QAAD;IAAM,GAAI,UAAU,~~OAAO~~;~~cAAG~~;~~IAAY~~,CAAA;~~GAC~~/C;;~~EAER~~;~~AAEF~~,WAAW,UAAUA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc"}
1	+ {"version":3,"file":"Blockquote.mjs","names":["classes"],"sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getRadius,\n getThemeColor,\n MantineColor,\n MantineRadius,\n parseThemeColor,\n rem,\n rgba,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Blockquote.module.css';\n\nexport type BlockquoteStylesNames = 'root' \| 'icon' \| 'cite';\nexport type BlockquoteCssVariables = {\n root: '--bq-bg-light' \| '--bq-bg-dark' \| '--bq-bd' \| '--bq-icon-size' \| '--bq-radius';\n};\n\nexport interface BlockquoteProps\n extends BoxProps, StylesApiProps<BlockquoteFactory>, ElementProps<'blockquote', 'cite'> {\n /** Blockquote icon, displayed at the top left side /\n icon?: React.ReactNode;\n\n /* Controls icon `width` and `height`, numbers are converted to rem @default 40 /\n iconSize?: number \| string;\n\n /* Key of `theme.colors` or any valid CSS color @default theme.primaryColor /\n color?: MantineColor;\n\n /* Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius /\n radius?: MantineRadius;\n\n /* Reference to a cited quote */\n cite?: React.ReactNode;\n}\n\nexport type BlockquoteFactory = Factory<{\n props: BlockquoteProps;\n ref: HTMLQuoteElement;\n stylesNames: BlockquoteStylesNames;\n vars: BlockquoteCssVariables;\n}>;\n\nconst defaultProps = {\n iconSize: 48,\n} satisfies Partial<BlockquoteProps>;\n\nconst varsResolver = createVarsResolver<BlockquoteFactory>((theme, { color, iconSize, radius }) => {\n const darkParsed = parseThemeColor({\n color: color \|\| theme.primaryColor,\n theme,\n colorScheme: 'dark',\n });\n\n const lightParsed = parseThemeColor({\n color: color \|\| theme.primaryColor,\n theme,\n colorScheme: 'light',\n });\n\n return {\n root: {\n '--bq-bg-light': rgba(lightParsed.value, 0.07),\n '--bq-bg-dark': rgba(darkParsed.value, 0.06),\n '--bq-bd': getThemeColor(color, theme),\n '--bq-icon-size': rem(iconSize),\n '--bq-radius': getRadius(radius),\n },\n };\n});\n\nexport const Blockquote = factory<BlockquoteFactory>((_props) => {\n const props = useProps('Blockquote', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n icon,\n iconSize,\n cite,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<BlockquoteFactory>({\n name: 'Blockquote',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return (\n <Box component=\"blockquote\" {...getStyles('root')} {...others}>\n {icon && <span {...getStyles('icon')}>{icon}</span>}\n {children}\n {cite && <cite {...getStyles('cite')}>{cite}</cite>}\n </Box>\n );\n});\n\nBlockquote.classes = classes;\nBlockquote.varsResolver = varsResolver;\nBlockquote.displayName = '@mantine/core/Blockquote';\n\nexport namespace Blockquote {\n export type Props = BlockquoteProps;\n export type StylesNames = BlockquoteStylesNames;\n export type CssVariables = BlockquoteCssVariables;\n export type Factory = BlockquoteFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;AAkDA,MAAM,eAAe,EACnB,UAAU,GACZ;AAEA,MAAM,eAAe,oBAAuC,OAAO,EAAE,OAAO,UAAU,aAAa;CACjG,MAAM,aAAa,gBAAgB;EACjC,OAAO,SAAS,MAAM;EACtB;EACA,aAAa;CACf,CAAC;CAQD,OAAO,EACL,MAAM;EACJ,iBAAiB,KARD,gBAAgB;GAClC,OAAO,SAAS,MAAM;GACtB;GACA,aAAa;EACf,CAIoC,EAAE,OAAO,GAAI;EAC7C,gBAAgB,KAAK,WAAW,OAAO,GAAI;EAC3C,WAAW,cAAc,OAAO,KAAK;EACrC,kBAAkB,IAAI,QAAQ;EAC9B,eAAe,UAAU,MAAM;CACjC,EACF;AACF,CAAC;AAED,MAAa,aAAa,SAA4B,WAAW;CAC/D,MAAM,QAAQ,SAAS,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,MACA,UACA,MACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA6B;EAC7C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,KAAD;EAAK,WAAU;EAAa,GAAI,UAAU,MAAM;EAAG,GAAI;YAAvD;GACG,QAAQ,oBAAC,QAAD;IAAM,GAAI,UAAU,MAAM;cAAI;GAAW,CAAA;GACjD;GACA,QAAQ,oBAAC,QAAD;IAAM,GAAI,UAAU,MAAM;cAAI;GAAW,CAAA;EAC/C;;AAET,CAAC;AAED,WAAW,UAAUA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc"}

package/esm/components/Breadcrumbs/Breadcrumbs.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumbs.mjs","names":["classes"],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { Children, cloneElement } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSpacing,\n isElement,\n MantineSpacing,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Breadcrumbs.module.css';\n\nexport type BreadcrumbsStylesNames = 'root' \| 'separator' \| 'breadcrumb';\nexport type BreadcrumbsCssVariables = {\n root: '--bc-separator-margin';\n};\n\nexport interface BreadcrumbsProps\n extends BoxProps, StylesApiProps<BreadcrumbsFactory>, ElementProps<'div'> {\n /** Separator between children @default '/' /\n separator?: React.ReactNode;\n\n /* Controls spacing between separator and breadcrumb @default 'xs' /\n separatorMargin?: MantineSpacing;\n\n /* React nodes that should be separated with `separator` */\n children: React.ReactNode;\n}\n\nexport type BreadcrumbsFactory = Factory<{\n props: BreadcrumbsProps;\n ref: HTMLDivElement;\n stylesNames: BreadcrumbsStylesNames;\n vars: BreadcrumbsCssVariables;\n}>;\n\nconst defaultProps = {\n separator: '/',\n} satisfies Partial<BreadcrumbsProps>;\n\nconst varsResolver = createVarsResolver<BreadcrumbsFactory>((_, { separatorMargin }) => ({\n root: {\n '--bc-separator-margin': getSpacing(separatorMargin),\n },\n}));\n\nexport const Breadcrumbs = factory<BreadcrumbsFactory>((_props) => {\n const props = useProps('Breadcrumbs', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n separator,\n separatorMargin,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<BreadcrumbsFactory>({\n name: 'Breadcrumbs',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const items = Children.toArray(children).reduce<React.ReactNode[]>((acc, child, index, array) => {\n const item = isElement(child) ? (\n cloneElement(child, {\n ...getStyles('breadcrumb', { className: (child.props as any)?.className }),\n key: index,\n })\n ) : (\n <div {...getStyles('breadcrumb')} key={index}>\n {child}\n </div>\n );\n\n acc.push(item);\n\n if (index !== array.length - 1) {\n acc.push(\n <Box {...getStyles('separator')} key={`separator-${index}`}>\n {separator}\n </Box>\n );\n }\n\n return acc;\n }, []);\n\n return (\n <Box {...getStyles('root')} {...others}>\n {items}\n </Box>\n );\n});\n\nBreadcrumbs.classes = classes;\nBreadcrumbs.varsResolver = varsResolver;\nBreadcrumbs.displayName = '@mantine/core/Breadcrumbs';\n\nexport namespace Breadcrumbs {\n export type Props = BreadcrumbsProps;\n export type StylesNames = BreadcrumbsStylesNames;\n export type CssVariables = BreadcrumbsCssVariables;\n export type Factory = BreadcrumbsFactory;\n}\n"],"mappings":";;;;;;;;;;;;AAyCA,MAAM,eAAe,EACnB,WAAW,~~KACZ~~;~~AAED~~,MAAM,eAAe,oBAAwC,GAAG,EAAE,uBAAuB,EACvF,MAAM,EACJ,yBAAyB,WAAW,~~gBAAgB~~,EACrD,EACF,EAAE;~~AAEH~~,MAAa,cAAc,SAA6B,WAAW;CACjE,MAAM,QAAQ,SAAS,eAAe,cAAc,~~OAAO~~;~~CAC3D~~,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,WACA,iBACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA8B;EAC9C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;~~EACD~~,CAAC;~~CAEF~~,MAAM,QAAQ,SAAS,QAAQ,~~SAAS~~,~~CAAC~~,QAA2B,KAAK,OAAO,OAAO,UAAU;EAC/F,MAAM,OAAO,UAAU,~~MAAM~~,~~GAC3B~~,aAAa,OAAO;GAClB,GAAG,UAAU,cAAc,EAAE,WAAY,MAAM,OAAe,~~WAAW~~,CAAC;~~GAC1E~~,KAAK;~~GACN~~,CAAC,~~GAEF~~,8BAAC,OAAD;GAAK,GAAI,UAAU,~~aAAa~~;~~GAAE~~,KAAK;~~GAEjC~~,~~EADH~~,~~MACG~~;~~AAGR~~,~~MAAI~~,KAAK,~~KAAK~~;~~AAEd~~,~~MAAI~~,UAAU,MAAM,SAAS,~~EAC3B~~,~~KAAI~~,KACF,8BAAC,KAAD;GAAK,GAAI,UAAU,~~YAAY~~;~~GAAE~~,KAAK,aAAa;~~GAE7C~~,~~EADH~~,~~UACG~~,CACP;~~AAGH~~,~~SAAO~~;~~IACN~~,~~EAAE~~,CAAC;~~AAEN~~,~~QACE~~,oBAAC,KAAD;EAAK,GAAI,UAAU,~~OAAO~~;~~EAAE~~,GAAI;YAC7B;~~EACG~~,CAAA;~~EAER~~;~~AAEF~~,YAAY,UAAUA;AACtB,YAAY,eAAe;AAC3B,YAAY,cAAc"}
1	+ {"version":3,"file":"Breadcrumbs.mjs","names":["classes"],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { Children, cloneElement } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSpacing,\n isElement,\n MantineSpacing,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Breadcrumbs.module.css';\n\nexport type BreadcrumbsStylesNames = 'root' \| 'separator' \| 'breadcrumb';\nexport type BreadcrumbsCssVariables = {\n root: '--bc-separator-margin';\n};\n\nexport interface BreadcrumbsProps\n extends BoxProps, StylesApiProps<BreadcrumbsFactory>, ElementProps<'div'> {\n /** Separator between children @default '/' /\n separator?: React.ReactNode;\n\n /* Controls spacing between separator and breadcrumb @default 'xs' /\n separatorMargin?: MantineSpacing;\n\n /* React nodes that should be separated with `separator` */\n children: React.ReactNode;\n}\n\nexport type BreadcrumbsFactory = Factory<{\n props: BreadcrumbsProps;\n ref: HTMLDivElement;\n stylesNames: BreadcrumbsStylesNames;\n vars: BreadcrumbsCssVariables;\n}>;\n\nconst defaultProps = {\n separator: '/',\n} satisfies Partial<BreadcrumbsProps>;\n\nconst varsResolver = createVarsResolver<BreadcrumbsFactory>((_, { separatorMargin }) => ({\n root: {\n '--bc-separator-margin': getSpacing(separatorMargin),\n },\n}));\n\nexport const Breadcrumbs = factory<BreadcrumbsFactory>((_props) => {\n const props = useProps('Breadcrumbs', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n separator,\n separatorMargin,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<BreadcrumbsFactory>({\n name: 'Breadcrumbs',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const items = Children.toArray(children).reduce<React.ReactNode[]>((acc, child, index, array) => {\n const item = isElement(child) ? (\n cloneElement(child, {\n ...getStyles('breadcrumb', { className: (child.props as any)?.className }),\n key: index,\n })\n ) : (\n <div {...getStyles('breadcrumb')} key={index}>\n {child}\n </div>\n );\n\n acc.push(item);\n\n if (index !== array.length - 1) {\n acc.push(\n <Box {...getStyles('separator')} key={`separator-${index}`}>\n {separator}\n </Box>\n );\n }\n\n return acc;\n }, []);\n\n return (\n <Box {...getStyles('root')} {...others}>\n {items}\n </Box>\n );\n});\n\nBreadcrumbs.classes = classes;\nBreadcrumbs.varsResolver = varsResolver;\nBreadcrumbs.displayName = '@mantine/core/Breadcrumbs';\n\nexport namespace Breadcrumbs {\n export type Props = BreadcrumbsProps;\n export type StylesNames = BreadcrumbsStylesNames;\n export type CssVariables = BreadcrumbsCssVariables;\n export type Factory = BreadcrumbsFactory;\n}\n"],"mappings":";;;;;;;;;;;;AAyCA,MAAM,eAAe,EACnB,WAAW,IACb;AAEA,MAAM,eAAe,oBAAwC,GAAG,EAAE,uBAAuB,EACvF,MAAM,EACJ,yBAAyB,WAAW,eAAe,EACrD,EACF,EAAE;AAEF,MAAa,cAAc,SAA6B,WAAW;CACjE,MAAM,QAAQ,SAAS,eAAe,cAAc,MAAM;CAC1D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,WACA,iBACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA8B;EAC9C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,QAAQ,SAAS,QAAQ,QAAQ,EAAE,QAA2B,KAAK,OAAO,OAAO,UAAU;EAC/F,MAAM,OAAO,UAAU,KAAK,IAC1B,aAAa,OAAO;GAClB,GAAG,UAAU,cAAc,EAAE,WAAY,MAAM,OAAe,UAAU,CAAC;GACzE,KAAK;EACP,CAAC,IAED,8BAAC,OAAD;GAAK,GAAI,UAAU,YAAY;GAAG,KAAK;EAElC,GADF,KACE;EAGP,IAAI,KAAK,IAAI;EAEb,IAAI,UAAU,MAAM,SAAS,GAC3B,IAAI,KACF,8BAAC,KAAD;GAAK,GAAI,UAAU,WAAW;GAAG,KAAK,aAAa;EAE9C,GADF,SACE,CACP;EAGF,OAAO;CACT,GAAG,CAAC,CAAC;CAEL,OACE,oBAAC,KAAD;EAAK,GAAI,UAAU,MAAM;EAAG,GAAI;YAC7B;CACE,CAAA;AAET,CAAC;AAED,YAAY,UAAUA;AACtB,YAAY,eAAe;AAC3B,YAAY,cAAc"}

package/esm/components/Burger/Burger.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Burger.mjs","names":["classes"],"sources":["../../../src/components/Burger/Burger.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSize,\n getThemeColor,\n MantineColor,\n MantineSize,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { UnstyledButton } from '../UnstyledButton';\nimport classes from './Burger.module.css';\n\nexport type BurgerStylesNames = 'root' \| 'burger';\nexport type BurgerCssVariables = {\n root:\n \| '--burger-color'\n \| '--burger-size'\n \| '--burger-line-size'\n \| '--burger-transition-duration'\n \| '--burger-transition-timing-function';\n};\n\nexport interface BurgerProps\n extends BoxProps, StylesApiProps<BurgerFactory>, ElementProps<'button'> {\n /** Controls burger `width` and `height`, numbers are converted to rem @default 'md' /\n size?: MantineSize \| (string & {}) \| number;\n\n /* Controls height of lines, by default calculated based on `size` prop /\n lineSize?: string \| number;\n\n /* Key of `theme.colors` of any valid CSS value, by default `theme.white` in dark color scheme and `theme.black` in light /\n color?: MantineColor;\n\n /* State of the burger, when `true` burger is transformed into X @default false /\n opened?: boolean;\n\n /* `transition-duration` property value in ms @default 300 /\n transitionDuration?: number;\n\n /* `transition-timing-function` property value @default 'ease' */\n transitionTimingFunction?: string;\n}\n\nexport type BurgerFactory = Factory<{\n props: BurgerProps;\n ref: HTMLButtonElement;\n stylesNames: BurgerStylesNames;\n vars: BurgerCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<BurgerFactory>(\n (theme, { color, size, lineSize, transitionDuration, transitionTimingFunction }) => ({\n root: {\n '--burger-color': color ? getThemeColor(color, theme) : undefined,\n '--burger-size': getSize(size, 'burger-size'),\n '--burger-line-size': lineSize ? rem(lineSize) : undefined,\n '--burger-transition-duration':\n transitionDuration === undefined ? undefined : `${transitionDuration}ms`,\n '--burger-transition-timing-function': transitionTimingFunction,\n },\n })\n);\n\nexport const Burger = factory<BurgerFactory>((_props) => {\n const props = useProps('Burger', null, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n opened,\n children,\n transitionDuration,\n transitionTimingFunction,\n lineSize,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<BurgerFactory>({\n name: 'Burger',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return (\n <UnstyledButton {...getStyles('root')} {...others}>\n <Box mod={['reduce-motion', { opened }]} {...getStyles('burger')} />\n {children}\n </UnstyledButton>\n );\n});\n\nBurger.classes = classes;\nBurger.varsResolver = varsResolver;\nBurger.displayName = '@mantine/core/Burger';\n\nexport namespace Burger {\n export type Props = BurgerProps;\n export type StylesNames = BurgerStylesNames;\n export type CssVariables = BurgerCssVariables;\n export type Factory = BurgerFactory;\n}\n"],"mappings":";;;;;;;;;;;;;AAyDA,MAAM,eAAe,oBAClB,OAAO,EAAE,OAAO,MAAM,UAAU,oBAAoB,gCAAgC,EACnF,MAAM;CACJ,kBAAkB,QAAQ,cAAc,OAAO,~~MAAM~~,~~GAAG~~,KAAA;CACxD,iBAAiB,QAAQ,MAAM,~~cAAc~~;~~CAC7C~~,sBAAsB,WAAW,IAAI,~~SAAS~~,~~GAAG~~,KAAA;CACjD,gCACE,uBAAuB,KAAA,IAAY,KAAA,IAAY,GAAG,mBAAmB;CACvE,uCAAuC;~~CACxC~~,EACF,EACF;~~AAED~~,MAAa,SAAS,SAAwB,WAAW;CACvD,MAAM,QAAQ,SAAS,UAAU,MAAM,~~OAAO~~;~~CAC9C~~,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,UACA,oBACA,0BACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAAyB;EACzC,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;~~EACD~~,CAAC;~~AAEF~~,~~QACE~~,qBAAC,gBAAD;EAAgB,GAAI,UAAU,~~OAAO~~;~~EAAE~~,GAAI;YAA3C,CACE,oBAAC,KAAD;GAAK,KAAK,CAAC,iBAAiB,EAAE,~~QAAQ~~,CAAC;~~GAAE~~,GAAI,UAAU,~~SAAS~~;~~GAAI~~,CAAA,~~EACnE~~,~~SACc~~;;~~EAEnB~~;~~AAEF~~,OAAO,UAAUA;AACjB,OAAO,eAAe;AACtB,OAAO,cAAc"}
1	+ {"version":3,"file":"Burger.mjs","names":["classes"],"sources":["../../../src/components/Burger/Burger.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSize,\n getThemeColor,\n MantineColor,\n MantineSize,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { UnstyledButton } from '../UnstyledButton';\nimport classes from './Burger.module.css';\n\nexport type BurgerStylesNames = 'root' \| 'burger';\nexport type BurgerCssVariables = {\n root:\n \| '--burger-color'\n \| '--burger-size'\n \| '--burger-line-size'\n \| '--burger-transition-duration'\n \| '--burger-transition-timing-function';\n};\n\nexport interface BurgerProps\n extends BoxProps, StylesApiProps<BurgerFactory>, ElementProps<'button'> {\n /** Controls burger `width` and `height`, numbers are converted to rem @default 'md' /\n size?: MantineSize \| (string & {}) \| number;\n\n /* Controls height of lines, by default calculated based on `size` prop /\n lineSize?: string \| number;\n\n /* Key of `theme.colors` of any valid CSS value, by default `theme.white` in dark color scheme and `theme.black` in light /\n color?: MantineColor;\n\n /* State of the burger, when `true` burger is transformed into X @default false /\n opened?: boolean;\n\n /* `transition-duration` property value in ms @default 300 /\n transitionDuration?: number;\n\n /* `transition-timing-function` property value @default 'ease' */\n transitionTimingFunction?: string;\n}\n\nexport type BurgerFactory = Factory<{\n props: BurgerProps;\n ref: HTMLButtonElement;\n stylesNames: BurgerStylesNames;\n vars: BurgerCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<BurgerFactory>(\n (theme, { color, size, lineSize, transitionDuration, transitionTimingFunction }) => ({\n root: {\n '--burger-color': color ? getThemeColor(color, theme) : undefined,\n '--burger-size': getSize(size, 'burger-size'),\n '--burger-line-size': lineSize ? rem(lineSize) : undefined,\n '--burger-transition-duration':\n transitionDuration === undefined ? undefined : `${transitionDuration}ms`,\n '--burger-transition-timing-function': transitionTimingFunction,\n },\n })\n);\n\nexport const Burger = factory<BurgerFactory>((_props) => {\n const props = useProps('Burger', null, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n opened,\n children,\n transitionDuration,\n transitionTimingFunction,\n lineSize,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<BurgerFactory>({\n name: 'Burger',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return (\n <UnstyledButton {...getStyles('root')} {...others}>\n <Box mod={['reduce-motion', { opened }]} {...getStyles('burger')} />\n {children}\n </UnstyledButton>\n );\n});\n\nBurger.classes = classes;\nBurger.varsResolver = varsResolver;\nBurger.displayName = '@mantine/core/Burger';\n\nexport namespace Burger {\n export type Props = BurgerProps;\n export type StylesNames = BurgerStylesNames;\n export type CssVariables = BurgerCssVariables;\n export type Factory = BurgerFactory;\n}\n"],"mappings":";;;;;;;;;;;;;AAyDA,MAAM,eAAe,oBAClB,OAAO,EAAE,OAAO,MAAM,UAAU,oBAAoB,gCAAgC,EACnF,MAAM;CACJ,kBAAkB,QAAQ,cAAc,OAAO,KAAK,IAAI,KAAA;CACxD,iBAAiB,QAAQ,MAAM,aAAa;CAC5C,sBAAsB,WAAW,IAAI,QAAQ,IAAI,KAAA;CACjD,gCACE,uBAAuB,KAAA,IAAY,KAAA,IAAY,GAAG,mBAAmB;CACvE,uCAAuC;AACzC,EACF,EACF;AAEA,MAAa,SAAS,SAAwB,WAAW;CACvD,MAAM,QAAQ,SAAS,UAAU,MAAM,MAAM;CAC7C,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,UACA,oBACA,0BACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAAyB;EACzC,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,gBAAD;EAAgB,GAAI,UAAU,MAAM;EAAG,GAAI;YAA3C,CACE,oBAAC,KAAD;GAAK,KAAK,CAAC,iBAAiB,EAAE,OAAO,CAAC;GAAG,GAAI,UAAU,QAAQ;EAAI,CAAA,GAClE,QACa;;AAEpB,CAAC;AAED,OAAO,UAAUA;AACjB,OAAO,eAAe;AACtB,OAAO,cAAc"}