@mantine/core 4.2.3 → 5.0.0-alpha.2

package/cjs/components/AppShell/HorizontalSection/HorizontalSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalSection.js","sources":["../../../../src/components/AppShell/HorizontalSection/HorizontalSection.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Selectors,\n  DefaultProps,\n  MantineNumberSize,\n  getDefaultZIndex,\n  ForwardRefWithStaticComponents,\n  Global,\n} from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { useAppShellContext } from '../AppShell.context';\nimport { getSortedBreakpoints } from './get-sorted-breakpoints/get-sorted-breakpoints';\nimport { Section } from './Section/Section';\nimport useStyles, {\n  HorizontalSectionPosition,\n  HorizontalSectionWidth,\n} from './HorizontalSection.styles';\n\nexport type HorizontalSectionStylesNames = Selectors<typeof useStyles>;\n\nexport interface HorizontalSectionSharedProps extends DefaultProps<HorizontalSectionStylesNames> {\n  /** Component width with breakpoints */\n  width?: HorizontalSectionWidth;\n\n  /** Component height */\n  height?: string | number;\n\n  /** HorizontalSection content */\n  children: React.ReactNode;\n\n  /** Set position to fixed */\n  fixed?: boolean;\n\n  /** Position for fixed variant */\n  position?: HorizontalSectionPosition;\n\n  /** Breakpoint at which component will be hidden if hidden prop is true */\n  hiddenBreakpoint?: MantineNumberSize;\n\n  /** Set to true to hide component at hiddenBreakpoint */\n  hidden?: boolean;\n\n  /** z-index */\n  zIndex?: number;\n}\n\nexport interface HorizontalSectionProps\n  extends HorizontalSectionSharedProps,\n    Omit<React.ComponentPropsWithRef<'nav'>, 'children'> {\n  section: 'navbar' | 'aside';\n  __staticSelector: string;\n}\n\ntype HorizontalSectionComponent = ForwardRefWithStaticComponents<\n  HorizontalSectionProps,\n  { Section: typeof Section }\n>;\n\nexport const HorizontalSection: HorizontalSectionComponent = forwardRef<\n  HTMLElement,\n  HorizontalSectionProps\n>(\n  (\n    {\n      width,\n      height,\n      fixed = false,\n      position,\n      zIndex = getDefaultZIndex('app'),\n      hiddenBreakpoint = 'md',\n      hidden = false,\n      className,\n      classNames,\n      styles,\n      children,\n      section,\n      __staticSelector,\n      ...others\n    }: HorizontalSectionProps,\n    ref\n  ) => {\n    const ctx = useAppShellContext();\n\n    const { classes, cx, theme } = useStyles(\n      {\n        width,\n        height,\n        fixed: ctx.fixed || fixed,\n        position,\n        hiddenBreakpoint,\n        zIndex: ctx.zIndex || zIndex,\n        section,\n      },\n      { classNames, styles, name: __staticSelector }\n    );\n\n    const breakpoints = getSortedBreakpoints(width, theme).reduce(\n      (acc, [breakpoint, breakpointSize]) => {\n        acc[`@media (min-width: ${breakpoint + 1}px)`] = {\n          [`--mantine-${section}-width`]: `${breakpointSize}px`,\n        };\n\n        return acc;\n      },\n      {}\n    );\n\n    return (\n      <Box\n        component={section === 'navbar' ? 'nav' : 'aside'}\n        ref={ref}\n        className={cx(classes.root, { [classes.hidden]: hidden }, className)}\n        {...others}\n      >\n        {children}\n\n        <Global\n          styles={() => ({\n            ':root': {\n              [`--mantine-${section}-width`]: width?.base ? `${width.base}px` : '0px',\n              ...breakpoints,\n            },\n          })}\n        />\n      </Box>\n    );\n  }\n) as any;\n\nHorizontalSection.Section = Section;\nHorizontalSection.displayName = '@mantine/core/HorizontalSection';\n"],"names":["forwardRef","getDefaultZIndex","styles","useAppShellContext","useStyles","getSortedBreakpoints","React","Box","Global","Section"],"mappings":"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"}
+{"version":3,"file":"HorizontalSection.js","sources":["../../../../src/components/AppShell/HorizontalSection/HorizontalSection.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, getDefaultZIndex, Global } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { useAppShellContext } from '../AppShell.context';\nimport { getSortedBreakpoints } from './get-sorted-breakpoints/get-sorted-breakpoints';\nimport useStyles, {\n  HorizontalSectionPosition,\n  HorizontalSectionWidth,\n} from './HorizontalSection.styles';\n\nexport interface HorizontalSectionSharedProps extends DefaultProps {\n  /** Component width with breakpoints */\n  width?: HorizontalSectionWidth;\n\n  /** Component height */\n  height?: string | number;\n\n  /** HorizontalSection content */\n  children: React.ReactNode;\n\n  /** Set position to fixed */\n  fixed?: boolean;\n\n  /** Position for fixed variant */\n  position?: HorizontalSectionPosition;\n\n  /** Breakpoint at which component will be hidden if hidden prop is true */\n  hiddenBreakpoint?: MantineNumberSize;\n\n  /** Set to true to hide component at hiddenBreakpoint */\n  hidden?: boolean;\n\n  /** z-index */\n  zIndex?: number;\n}\n\nexport interface HorizontalSectionProps\n  extends HorizontalSectionSharedProps,\n    Omit<React.ComponentPropsWithRef<'nav'>, 'children'> {\n  section: 'navbar' | 'aside';\n  __staticSelector: string;\n}\n\nexport const HorizontalSection = forwardRef<HTMLElement, HorizontalSectionProps>(\n  (\n    {\n      width,\n      height,\n      fixed = false,\n      position,\n      zIndex = getDefaultZIndex('app'),\n      hiddenBreakpoint = 'md',\n      hidden = false,\n      className,\n      classNames,\n      styles,\n      children,\n      section,\n      __staticSelector,\n      ...others\n    }: HorizontalSectionProps,\n    ref\n  ) => {\n    const ctx = useAppShellContext();\n\n    const { classes, cx, theme } = useStyles(\n      {\n        width,\n        height,\n        fixed: ctx.fixed || fixed,\n        position,\n        hiddenBreakpoint,\n        zIndex: ctx.zIndex || zIndex,\n        section,\n      },\n      { classNames, styles, name: __staticSelector }\n    );\n\n    const breakpoints = getSortedBreakpoints(width, theme).reduce(\n      (acc, [breakpoint, breakpointSize]) => {\n        acc[`@media (min-width: ${breakpoint + 1}px)`] = {\n          [`--mantine-${section}-width`]: `${breakpointSize}px`,\n        };\n\n        return acc;\n      },\n      {}\n    );\n\n    return (\n      <Box\n        component={section === 'navbar' ? 'nav' : 'aside'}\n        ref={ref}\n        data-hidden={hidden || undefined}\n        className={cx(classes.root, className)}\n        {...others}\n      >\n        {children}\n\n        <Global\n          styles={() => ({\n            ':root': {\n              [`--mantine-${section}-width`]: width?.base ? `${width.base}px` : '0px',\n              ...breakpoints,\n            },\n          })}\n        />\n      </Box>\n    );\n  }\n);\n\nHorizontalSection.displayName = '@mantine/core/HorizontalSection';\n"],"names":["forwardRef","getDefaultZIndex","styles","useAppShellContext","useStyles","getSortedBreakpoints","React","Box","Global"],"mappings":"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"}

package/cjs/components/AppShell/HorizontalSection/HorizontalSection.styles.js

@@ -33,7 +33,7 @@ var useStyles = styles.createStyles((theme, { height, width, fixed, position, hi
     return acc;
   }, {}) : null;
   return {
-    root: __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, theme.fn.fontStyles()), position), {
+    root: __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues({}, theme.fn.fontStyles()), position), {
       top: (position == null ? void 0 : position.top) || "var(--mantine-header-height)",
       zIndex,
       height: height || "calc(100vh - var(--mantine-header-height, 0px) - var(--mantine-footer-height, 0px))",
@@ -44,15 +44,16 @@ var useStyles = styles.createStyles((theme, { height, width, fixed, position, hi
       flexDirection: "column",
       backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
       [section === "navbar" ? "borderRight" : "borderLeft"]: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[2]}`
-    }), breakpoints),
-    hidden: {
-      [`@media (max-width: ${theme.fn.size({
-        size: hiddenBreakpoint,
-        sizes: theme.breakpoints
-      })}px)`]: {
-        display: "none"
+    }), breakpoints), {
+      "&[data-hidden]": {
+        [`@media (max-width: ${theme.fn.size({
+          size: hiddenBreakpoint,
+          sizes: theme.breakpoints
+        })}px)`]: {
+          display: "none"
+        }
       }
-    }
+    })
   };
 });
 

package/cjs/components/AppShell/HorizontalSection/HorizontalSection.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalSection.styles.js","sources":["../../../../src/components/AppShell/HorizontalSection/HorizontalSection.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\nimport { getSortedBreakpoints } from './get-sorted-breakpoints/get-sorted-breakpoints';\n\nexport type HorizontalSectionWidth = Partial<Record<string, string | number>>;\n\nexport interface HorizontalSectionPosition {\n  top?: number;\n  left?: number;\n  bottom?: number;\n  right?: number;\n}\n\ninterface HorizontalSectionStyles {\n  width: Partial<Record<string, string | number>>;\n  height: string | number;\n  position: HorizontalSectionPosition;\n  hiddenBreakpoint: MantineNumberSize;\n  fixed: boolean;\n  zIndex: number;\n  section: 'navbar' | 'aside';\n}\n\nexport default createStyles(\n  (\n    theme,\n    { height, width, fixed, position, hiddenBreakpoint, zIndex, section }: HorizontalSectionStyles\n  ) => {\n    const breakpoints =\n      typeof width === 'object' && width !== null\n        ? getSortedBreakpoints(width, theme).reduce((acc, [breakpoint, breakpointSize]) => {\n            acc[`@media (min-width: ${breakpoint + 1}px)`] = {\n              width: breakpointSize,\n              minWidth: breakpointSize,\n            };\n\n            return acc;\n          }, {})\n        : null;\n\n    return {\n      root: {\n        ...theme.fn.fontStyles(),\n        ...position,\n        top: position?.top || 'var(--mantine-header-height)',\n        zIndex,\n        height:\n          height ||\n          'calc(100vh - var(--mantine-header-height, 0px) - var(--mantine-footer-height, 0px))',\n        width: width?.base || '100%',\n        position: fixed ? 'fixed' : 'static',\n        boxSizing: 'border-box',\n        display: 'flex',\n        flexDirection: 'column',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n        [section === 'navbar' ? 'borderRight' : 'borderLeft']: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[2]\n        }`,\n        ...breakpoints,\n      },\n\n      hidden: {\n        [`@media (max-width: ${theme.fn.size({\n          size: hiddenBreakpoint,\n          sizes: theme.breakpoints,\n        })}px)`]: {\n          display: 'none',\n        },\n      },\n    };\n  }\n);\n"],"names":["createStyles","getSortedBreakpoints"],"mappings":"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"}
+{"version":3,"file":"HorizontalSection.styles.js","sources":["../../../../src/components/AppShell/HorizontalSection/HorizontalSection.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\nimport { getSortedBreakpoints } from './get-sorted-breakpoints/get-sorted-breakpoints';\n\nexport type HorizontalSectionWidth = Partial<Record<string, string | number>>;\n\nexport interface HorizontalSectionPosition {\n  top?: number;\n  left?: number;\n  bottom?: number;\n  right?: number;\n}\n\ninterface HorizontalSectionStyles {\n  width: Partial<Record<string, string | number>>;\n  height: string | number;\n  position: HorizontalSectionPosition;\n  hiddenBreakpoint: MantineNumberSize;\n  fixed: boolean;\n  zIndex: number;\n  section: 'navbar' | 'aside';\n}\n\nexport default createStyles(\n  (\n    theme,\n    { height, width, fixed, position, hiddenBreakpoint, zIndex, section }: HorizontalSectionStyles\n  ) => {\n    const breakpoints =\n      typeof width === 'object' && width !== null\n        ? getSortedBreakpoints(width, theme).reduce((acc, [breakpoint, breakpointSize]) => {\n            acc[`@media (min-width: ${breakpoint + 1}px)`] = {\n              width: breakpointSize,\n              minWidth: breakpointSize,\n            };\n\n            return acc;\n          }, {})\n        : null;\n\n    return {\n      root: {\n        ...theme.fn.fontStyles(),\n        ...position,\n        top: position?.top || 'var(--mantine-header-height)',\n        zIndex,\n        height:\n          height ||\n          'calc(100vh - var(--mantine-header-height, 0px) - var(--mantine-footer-height, 0px))',\n        width: width?.base || '100%',\n        position: fixed ? 'fixed' : 'static',\n        boxSizing: 'border-box',\n        display: 'flex',\n        flexDirection: 'column',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n        [section === 'navbar' ? 'borderRight' : 'borderLeft']: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[2]\n        }`,\n        ...breakpoints,\n\n        '&[data-hidden]': {\n          [`@media (max-width: ${theme.fn.size({\n            size: hiddenBreakpoint,\n            sizes: theme.breakpoints,\n          })}px)`]: {\n            display: 'none',\n          },\n        },\n      },\n    };\n  }\n);\n"],"names":["createStyles","getSortedBreakpoints"],"mappings":"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"}

package/cjs/components/AppShell/HorizontalSection/Section/Section.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var utils = require('@mantine/utils');
 var Box = require('../../../Box/Box.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
@@ -37,15 +38,16 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Section = React.forwardRef((_a, ref) => {
-  var _b = _a, { component, children, grow = false, sx } = _b, others = __objRest(_b, ["component", "children", "grow", "sx"]);
+const _Section = React.forwardRef((_a, ref) => {
+  var _b = _a, { children, grow = false, sx } = _b, others = __objRest(_b, ["children", "grow", "sx"]);
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
-    component: component || "div",
     ref,
-    sx: [{ flex: grow ? 1 : 0, boxSizing: "border-box" }, ...Array.isArray(sx) ? sx : [sx]]
+    sx: [{ flex: grow ? 1 : 0, boxSizing: "border-box" }, ...utils.packSx(sx)]
   }, others), children);
 });
-Section.displayName = "@mantine/core/Section";
+_Section.displayName = "@mantine/core/Section";
+const Section = utils.createPolymorphicComponent(_Section);
 
 exports.Section = Section;
+exports._Section = _Section;
 //# sourceMappingURL=Section.js.map

package/cjs/components/AppShell/HorizontalSection/Section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sources":["../../../../../src/components/AppShell/HorizontalSection/Section/Section.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, PolymorphicComponentProps, PolymorphicRef } from '@mantine/styles';\nimport { Box } from '../../../Box';\n\ninterface _SectionProps extends DefaultProps {\n  /** Section children */\n  children: React.ReactNode;\n\n  /** Force section to take all available height */\n  grow?: boolean;\n}\n\nexport type SectionProps<C> = PolymorphicComponentProps<C, _SectionProps>;\n\ntype SectionComponent = <C = 'div'>(props: SectionProps<C>) => React.ReactElement;\n\nexport const Section: SectionComponent & { displayName?: string } = forwardRef(\n  (\n    { component, children, grow = false, sx, ...others }: SectionProps<'div'>,\n    ref: PolymorphicRef<'div'>\n  ) => (\n    <Box\n      component={component || 'div'}\n      ref={ref}\n      sx={[{ flex: grow ? 1 : 0, boxSizing: 'border-box' }, ...(Array.isArray(sx) ? sx : [sx])]}\n      {...others}\n    >\n      {children}\n    </Box>\n  )\n) as any;\n\nSection.displayName = '@mantine/core/Section';\n"],"names":["forwardRef","React","Box"],"mappings":";;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAGU,MAAC,OAAO,GAAGA,gBAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AAC/C,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;AAC/H,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,OAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,SAAS,IAAI,KAAK;AACjC,IAAI,GAAG;AACP,IAAI,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;AAC3F,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AACxB,CAAC,EAAE;AACH,OAAO,CAAC,WAAW,GAAG,uBAAuB;;;;"}
+{"version":3,"file":"Section.js","sources":["../../../../../src/components/AppShell/HorizontalSection/Section/Section.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent, packSx } from '@mantine/utils';\nimport { Box } from '../../../Box';\n\nexport interface SectionProps extends DefaultProps {\n  /** Section children */\n  children: React.ReactNode;\n\n  /** Force section to take all available height */\n  grow?: boolean;\n}\n\nexport const _Section = forwardRef<HTMLDivElement, SectionProps>(\n  ({ children, grow = false, sx, ...others }, ref) => (\n    <Box\n      ref={ref}\n      sx={[{ flex: grow ? 1 : 0, boxSizing: 'border-box' }, ...packSx(sx)]}\n      {...others}\n    >\n      {children}\n    </Box>\n  )\n);\n\n_Section.displayName = '@mantine/core/Section';\n\nexport const Section = createPolymorphicComponent<'div', SectionProps>(_Section);\n"],"names":["forwardRef","React","Box","packSx","createPolymorphicComponent"],"mappings":"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"}

package/cjs/components/AppShell/Navbar/Navbar.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var styles = require('@mantine/styles');
 var HorizontalSection = require('../HorizontalSection/HorizontalSection.js');
+var Section = require('../HorizontalSection/Section/Section.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -41,7 +42,7 @@ const Navbar = React.forwardRef((props, ref) => {
     ref
   }, _props));
 });
-Navbar.Section = HorizontalSection.HorizontalSection.Section;
+Navbar.Section = Section.Section;
 Navbar.displayName = "@mantine/core/Navbar";
 
 exports.Navbar = Navbar;

package/cjs/components/AppShell/Navbar/Navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.js","sources":["../../../../src/components/AppShell/Navbar/Navbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  getDefaultZIndex,\n  ForwardRefWithStaticComponents,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport {\n  HorizontalSection,\n  HorizontalSectionSharedProps,\n} from '../HorizontalSection/HorizontalSection';\n\nexport interface NavbarProps\n  extends HorizontalSectionSharedProps,\n    React.ComponentPropsWithRef<'nav'> {\n  /** Navbar content */\n  children: React.ReactNode;\n}\n\ntype NavbarComponent = ForwardRefWithStaticComponents<\n  NavbarProps,\n  { Section: typeof HorizontalSection.Section }\n>;\n\nconst defaultProps: Partial<NavbarProps> = {\n  fixed: false,\n  position: { top: 0, left: 0 },\n  zIndex: getDefaultZIndex('app'),\n  hiddenBreakpoint: 'md',\n  hidden: false,\n};\n\nexport const Navbar: NavbarComponent = forwardRef<HTMLElement, NavbarProps>(\n  (props: NavbarProps, ref) => {\n    const _props = useMantineDefaultProps('Navbar', defaultProps, props);\n    return <HorizontalSection section=\"navbar\" __staticSelector=\"Navbar\" ref={ref} {..._props} />;\n  }\n) as any;\n\nNavbar.Section = HorizontalSection.Section;\nNavbar.displayName = '@mantine/core/Navbar';\n"],"names":["getDefaultZIndex","forwardRef","useMantineDefaultProps","React","HorizontalSection"],"mappings":";;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AASF,MAAM,YAAY,GAAG;AACrB,EAAE,KAAK,EAAE,KAAK;AACd,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;AAC/B,EAAE,MAAM,EAAEA,uBAAgB,CAAC,KAAK,CAAC;AACjC,EAAE,gBAAgB,EAAE,IAAI;AACxB,EAAE,MAAM,EAAE,KAAK;AACf,CAAC,CAAC;AACU,MAAC,MAAM,GAAGC,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACjD,EAAE,MAAM,MAAM,GAAGC,6BAAsB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;AACvE,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,mCAAiB,EAAE,cAAc,CAAC;AAC/E,IAAI,OAAO,EAAE,QAAQ;AACrB,IAAI,gBAAgB,EAAE,QAAQ;AAC9B,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,MAAM,CAAC,OAAO,GAAGA,mCAAiB,CAAC,OAAO,CAAC;AAC3C,MAAM,CAAC,WAAW,GAAG,sBAAsB;;;;"}
+{"version":3,"file":"Navbar.js","sources":["../../../../src/components/AppShell/Navbar/Navbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  getDefaultZIndex,\n  ForwardRefWithStaticComponents,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport {\n  HorizontalSection,\n  HorizontalSectionSharedProps,\n} from '../HorizontalSection/HorizontalSection';\nimport { Section } from '../HorizontalSection/Section/Section';\n\nexport interface NavbarProps\n  extends HorizontalSectionSharedProps,\n    React.ComponentPropsWithRef<'nav'> {\n  /** Navbar content */\n  children: React.ReactNode;\n}\n\ntype NavbarComponent = ForwardRefWithStaticComponents<NavbarProps, { Section: typeof Section }>;\n\nconst defaultProps: Partial<NavbarProps> = {\n  fixed: false,\n  position: { top: 0, left: 0 },\n  zIndex: getDefaultZIndex('app'),\n  hiddenBreakpoint: 'md',\n  hidden: false,\n};\n\nexport const Navbar: NavbarComponent = forwardRef<HTMLElement, NavbarProps>(\n  (props: NavbarProps, ref) => {\n    const _props = useMantineDefaultProps('Navbar', defaultProps, props);\n    return <HorizontalSection section=\"navbar\" __staticSelector=\"Navbar\" ref={ref} {..._props} />;\n  }\n) as any;\n\nNavbar.Section = Section;\nNavbar.displayName = '@mantine/core/Navbar';\n"],"names":["getDefaultZIndex","forwardRef","useMantineDefaultProps","React","HorizontalSection","Section"],"mappings":";;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAUF,MAAM,YAAY,GAAG;AACrB,EAAE,KAAK,EAAE,KAAK;AACd,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;AAC/B,EAAE,MAAM,EAAEA,uBAAgB,CAAC,KAAK,CAAC;AACjC,EAAE,gBAAgB,EAAE,IAAI;AACxB,EAAE,MAAM,EAAE,KAAK;AACf,CAAC,CAAC;AACU,MAAC,MAAM,GAAGC,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACjD,EAAE,MAAM,MAAM,GAAGC,6BAAsB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;AACvE,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,mCAAiB,EAAE,cAAc,CAAC;AAC/E,IAAI,OAAO,EAAE,QAAQ;AACrB,IAAI,gBAAgB,EAAE,QAAQ;AAC9B,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,MAAM,CAAC,OAAO,GAAGC,eAAO,CAAC;AACzB,MAAM,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/cjs/components/AppShell/VerticalSection/VerticalSection.js

@@ -73,7 +73,7 @@ const VerticalSection = React.forwardRef((_a, ref) => {
     borderPosition: section === "header" ? "bottom" : "top"
   }, { name: __staticSelector, classNames, styles: styles$1 });
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
-    component: section === "header" ? "nav" : "footer",
+    component: section === "header" ? "header" : "footer",
     className: cx(classes.root, className),
     ref
   }, others), children, /* @__PURE__ */ React__default.createElement(styles.Global, {

package/cjs/components/AppShell/VerticalSection/VerticalSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalSection.js","sources":["../../../../src/components/AppShell/VerticalSection/VerticalSection.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, getDefaultZIndex, Global } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { useAppShellContext } from '../AppShell.context';\nimport useStyles, { VerticalSectionPosition } from './VerticalSection.styles';\n\nexport interface VerticalSectionSharedProps extends DefaultProps {\n  /** Section content */\n  children: React.ReactNode;\n\n  /** Section height */\n  height: number | string;\n\n  /** Changes position to fixed, controlled by AppShell component if rendered inside */\n  fixed?: boolean;\n\n  /** Control top, left, right or bottom position values, controlled by AppShell component if rendered inside */\n  position?: VerticalSectionPosition;\n\n  /** z-index */\n  zIndex?: number;\n}\n\ninterface VerticalSectionProps\n  extends VerticalSectionSharedProps,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n  section: 'header' | 'footer';\n  __staticSelector: string;\n}\n\nexport const VerticalSection = forwardRef<HTMLElement, VerticalSectionProps>(\n  (\n    {\n      children,\n      className,\n      classNames,\n      styles,\n      height,\n      fixed = false,\n      position,\n      zIndex = getDefaultZIndex('app'),\n      section,\n      __staticSelector,\n      ...others\n    }: VerticalSectionProps,\n    ref\n  ) => {\n    const ctx = useAppShellContext();\n\n    const { classes, cx } = useStyles(\n      {\n        height,\n        fixed: ctx.fixed || fixed,\n        position,\n        zIndex: ctx.zIndex || zIndex,\n        borderPosition: section === 'header' ? 'bottom' : 'top',\n      },\n      { name: __staticSelector, classNames, styles }\n    );\n\n    return (\n      <Box\n        component={section === 'header' ? 'nav' : 'footer'}\n        className={cx(classes.root, className)}\n        ref={ref}\n        {...others}\n      >\n        {children}\n        <Global\n          styles={() => ({\n            ':root': {\n              [`--mantine-${section}-height`]: `${height}px`,\n            },\n          })}\n        />\n      </Box>\n    );\n  }\n);\n\nVerticalSection.displayName = '@mantine/core/VerticalSection';\n"],"names":["forwardRef","styles","getDefaultZIndex","useAppShellContext","useStyles","React","Box","Global"],"mappings":"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"}
+{"version":3,"file":"VerticalSection.js","sources":["../../../../src/components/AppShell/VerticalSection/VerticalSection.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, getDefaultZIndex, Global } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { useAppShellContext } from '../AppShell.context';\nimport useStyles, { VerticalSectionPosition } from './VerticalSection.styles';\n\nexport interface VerticalSectionSharedProps extends DefaultProps {\n  /** Section content */\n  children: React.ReactNode;\n\n  /** Section height */\n  height: number | string;\n\n  /** Changes position to fixed, controlled by AppShell component if rendered inside */\n  fixed?: boolean;\n\n  /** Control top, left, right or bottom position values, controlled by AppShell component if rendered inside */\n  position?: VerticalSectionPosition;\n\n  /** z-index */\n  zIndex?: number;\n}\n\ninterface VerticalSectionProps\n  extends VerticalSectionSharedProps,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n  section: 'header' | 'footer';\n  __staticSelector: string;\n}\n\nexport const VerticalSection = forwardRef<HTMLElement, VerticalSectionProps>(\n  (\n    {\n      children,\n      className,\n      classNames,\n      styles,\n      height,\n      fixed = false,\n      position,\n      zIndex = getDefaultZIndex('app'),\n      section,\n      __staticSelector,\n      ...others\n    }: VerticalSectionProps,\n    ref\n  ) => {\n    const ctx = useAppShellContext();\n\n    const { classes, cx } = useStyles(\n      {\n        height,\n        fixed: ctx.fixed || fixed,\n        position,\n        zIndex: ctx.zIndex || zIndex,\n        borderPosition: section === 'header' ? 'bottom' : 'top',\n      },\n      { name: __staticSelector, classNames, styles }\n    );\n\n    return (\n      <Box\n        component={section === 'header' ? 'header' : 'footer'}\n        className={cx(classes.root, className)}\n        ref={ref}\n        {...others}\n      >\n        {children}\n        <Global\n          styles={() => ({\n            ':root': {\n              [`--mantine-${section}-height`]: `${height}px`,\n            },\n          })}\n        />\n      </Box>\n    );\n  }\n);\n\nVerticalSection.displayName = '@mantine/core/VerticalSection';\n"],"names":["forwardRef","styles","getDefaultZIndex","useAppShellContext","useStyles","React","Box","Global"],"mappings":"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"}

package/cjs/components/Autocomplete/Autocomplete.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var styles = require('@mantine/styles');
-var SelectDropdown = require('../Select/SelectDropdown/SelectDropdown.js');
 var SelectItems = require('../Select/SelectItems/SelectItems.js');
 var DefaultItem = require('../Select/DefaultItem/DefaultItem.js');
+var SelectPopover = require('../Select/SelectPopover/SelectPopover.js');
 var SelectScrollArea = require('../Select/SelectScrollArea/SelectScrollArea.js');
 var filterData = require('./filter-data/filter-data.js');
 var Autocomplete_styles = require('./Autocomplete.styles.js');
+var useInputProps = require('../Input/use-input-props.js');
 var InputWrapper = require('../InputWrapper/InputWrapper.js');
 var Input = require('../Input/Input.js');
 
@@ -69,65 +70,49 @@ const defaultProps = {
   positionDependencies: []
 };
 const Autocomplete = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Autocomplete", defaultProps, props), {
-    className,
-    style,
-    sx,
-    required = false,
-    label,
-    id,
-    error,
-    description,
-    size = "sm",
-    shadow = "sm",
+  const _a = useInputProps.useInputProps("Autocomplete", defaultProps, props), {
+    inputProps,
+    wrapperProps,
+    shadow,
     data,
-    limit = 5,
+    limit,
     value,
     defaultValue,
     onChange,
-    itemComponent = DefaultItem.DefaultItem,
+    unstyled,
+    itemComponent,
     onItemSubmit,
     onKeyDown,
     onFocus,
     onBlur,
     onClick,
-    transition = "skew-up",
-    transitionDuration = 0,
-    initiallyOpened = false,
+    transition,
+    transitionDuration,
+    initiallyOpened,
     transitionTimingFunction,
-    wrapperProps,
     classNames,
-    styles: styles$1,
-    filter = defaultFilter,
+    styles,
+    filter,
     nothingFound,
     onDropdownClose,
     onDropdownOpen,
     withinPortal,
-    switchDirectionOnFlip = false,
-    zIndex = styles.getDefaultZIndex("popover"),
+    switchDirectionOnFlip,
+    zIndex,
     dropdownPosition,
     maxDropdownHeight,
     dropdownComponent,
-    errorProps,
-    labelProps,
-    descriptionProps,
     positionDependencies
   } = _a, others = __objRest(_a, [
-    "className",
-    "style",
-    "sx",
-    "required",
-    "label",
-    "id",
-    "error",
-    "description",
-    "size",
+    "inputProps",
+    "wrapperProps",
     "shadow",
     "data",
     "limit",
     "value",
     "defaultValue",
     "onChange",
+    "unstyled",
     "itemComponent",
     "onItemSubmit",
     "onKeyDown",
@@ -138,7 +123,6 @@ const Autocomplete = React.forwardRef((props, ref) => {
     "transitionDuration",
     "initiallyOpened",
     "transitionTimingFunction",
-    "wrapperProps",
     "classNames",
     "styles",
     "filter",
@@ -151,18 +135,13 @@ const Autocomplete = React.forwardRef((props, ref) => {
     "dropdownPosition",
     "maxDropdownHeight",
     "dropdownComponent",
-    "errorProps",
-    "labelProps",
-    "descriptionProps",
     "positionDependencies"
   ]);
-  const { classes } = Autocomplete_styles['default']({ size }, { classNames, styles: styles$1, name: "Autocomplete" });
-  const { systemStyles, rest } = styles.extractSystemStyles(others);
+  const { classes } = Autocomplete_styles['default']({ size: inputProps.size }, { classNames, styles, name: "Autocomplete" });
   const [dropdownOpened, _setDropdownOpened] = React.useState(initiallyOpened);
   const [hovered, setHovered] = React.useState(-1);
   const [direction, setDirection] = React.useState("column");
   const inputRef = React.useRef(null);
-  const uuid = hooks.useUuid(id);
   const [_value, handleChange] = hooks.useUncontrolled({
     value,
     defaultValue,
@@ -194,7 +173,7 @@ const Autocomplete = React.forwardRef((props, ref) => {
     const handlePrevious = () => {
       setHovered((current) => current > 0 ? current - 1 : current);
     };
-    switch (event.nativeEvent.code) {
+    switch (event.key) {
       case "ArrowUp": {
         event.preventDefault();
         isColumn ? handlePrevious() : handleNext();
@@ -235,42 +214,39 @@ const Autocomplete = React.forwardRef((props, ref) => {
     setDropdownOpened(true);
   };
   const shouldRenderDropdown = dropdownOpened && (filteredData.length > 0 || filteredData.length === 0 && !!nothingFound);
-  return /* @__PURE__ */ React__default.createElement(InputWrapper.InputWrapper, __spreadValues(__spreadValues({
-    required,
-    id: uuid,
-    label,
-    error,
-    description,
-    size,
-    className,
-    classNames,
-    styles: styles$1,
+  return /* @__PURE__ */ React__default.createElement(InputWrapper.InputWrapper, __spreadProps(__spreadValues({}, wrapperProps), {
+    __staticSelector: "Autocomplete"
+  }), /* @__PURE__ */ React__default.createElement(SelectPopover.SelectPopover, {
+    opened: shouldRenderDropdown,
+    transition,
+    transitionDuration,
+    shadow: "sm",
+    withinPortal,
     __staticSelector: "Autocomplete",
-    sx,
-    style,
-    errorProps,
-    descriptionProps,
-    labelProps
-  }, systemStyles), wrapperProps), /* @__PURE__ */ React__default.createElement("div", {
+    onDirectionChange: setDirection,
+    switchDirectionOnFlip,
+    zIndex,
+    dropdownPosition,
+    positionDependencies,
+    classNames,
+    styles,
+    unstyled
+  }, /* @__PURE__ */ React__default.createElement(SelectPopover.SelectPopover.Target, null, /* @__PURE__ */ React__default.createElement("div", {
     className: classes.wrapper,
     role: "combobox",
     "aria-haspopup": "listbox",
-    "aria-owns": `${uuid}-items`,
-    "aria-controls": uuid,
+    "aria-owns": shouldRenderDropdown ? `${inputProps.id}-items` : null,
+    "aria-controls": inputProps.id,
     "aria-expanded": shouldRenderDropdown,
     onMouseLeave: () => setHovered(-1),
     tabIndex: -1
-  }, /* @__PURE__ */ React__default.createElement(Input.Input, __spreadProps(__spreadValues({}, rest), {
+  }, /* @__PURE__ */ React__default.createElement(Input.Input, __spreadProps(__spreadValues(__spreadValues({}, inputProps), others), {
     "data-mantine-stop-propagation": dropdownOpened,
-    required,
     ref: hooks.useMergedRef(ref, inputRef),
-    id: uuid,
     type: "string",
-    invalid: !!error,
-    size,
     onKeyDown: handleInputKeydown,
     classNames,
-    styles: styles$1,
+    styles,
     __staticSelector: "Autocomplete",
     value: _value,
     onChange: (event) => {
@@ -282,39 +258,24 @@ const Autocomplete = React.forwardRef((props, ref) => {
     onClick: handleInputClick,
     autoComplete: "nope",
     "aria-autocomplete": "list",
-    "aria-controls": shouldRenderDropdown ? `${uuid}-items` : null,
-    "aria-activedescendant": hovered !== -1 ? `${uuid}-${hovered}` : null
-  })), /* @__PURE__ */ React__default.createElement(SelectDropdown.SelectDropdown, {
-    mounted: shouldRenderDropdown,
-    transition,
-    transitionDuration,
-    transitionTimingFunction,
-    uuid,
-    shadow,
-    maxDropdownHeight,
-    dropdownComponent: dropdownComponent || SelectScrollArea.SelectScrollArea,
-    classNames,
-    styles: styles$1,
-    __staticSelector: "Autocomplete",
+    "aria-controls": shouldRenderDropdown ? `${inputProps.id}-items` : null,
+    "aria-activedescendant": hovered !== -1 ? `${inputProps.id}-${hovered}` : null
+  })))), /* @__PURE__ */ React__default.createElement(SelectPopover.SelectPopover.Dropdown, {
+    component: dropdownComponent || SelectScrollArea.SelectScrollArea,
+    maxHeight: maxDropdownHeight,
     direction,
-    onDirectionChange: setDirection,
-    switchDirectionOnFlip,
-    referenceElement: inputRef.current,
-    withinPortal,
-    zIndex,
-    dropdownPosition,
-    positionDependencies
+    id: inputProps.id
   }, /* @__PURE__ */ React__default.createElement(SelectItems.SelectItems, {
     data: filteredData,
     hovered,
     classNames,
-    styles: styles$1,
-    uuid,
+    styles,
+    uuid: inputProps.id,
     __staticSelector: "Autocomplete",
     onItemHover: setHovered,
     onItemSelect: handleItemClick,
     itemComponent,
-    size,
+    size: inputProps.size,
     nothingFound
   }))));
 });

package/cjs/components/Autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { useState, forwardRef, useRef } from 'react';\nimport { useUncontrolled, useDidUpdate, useMergedRef, useUuid } from '@mantine/hooks';\nimport {\n  DefaultProps,\n  Selectors,\n  extractSystemStyles,\n  getDefaultZIndex,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { InputWrapper, InputWrapperBaseProps, InputWrapperStylesNames } from '../InputWrapper';\nimport { Input, InputBaseProps, InputStylesNames } from '../Input';\nimport { SelectDropdown, SelectDropdownStylesNames } from '../Select/SelectDropdown/SelectDropdown';\nimport { SelectItems } from '../Select/SelectItems/SelectItems';\nimport { DefaultItem } from '../Select/DefaultItem/DefaultItem';\nimport { SelectScrollArea } from '../Select/SelectScrollArea/SelectScrollArea';\nimport { filterData } from './filter-data/filter-data';\nimport useStyles from './Autocomplete.styles';\nimport { SelectSharedProps } from '../Select/Select';\n\nexport type AutocompleteStylesNames =\n  | InputStylesNames\n  | InputWrapperStylesNames\n  | SelectDropdownStylesNames\n  | Selectors<typeof useStyles>;\n\nexport interface AutocompleteItem {\n  value: string;\n  [key: string]: any;\n}\n\nexport interface AutocompleteProps\n  extends DefaultProps<AutocompleteStylesNames>,\n    InputBaseProps,\n    InputWrapperBaseProps,\n    SelectSharedProps<AutocompleteItem, string>,\n    Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'onChange' | 'value' | 'defaultValue'> {\n  /** Maximum dropdown height */\n  maxDropdownHeight?: number | string;\n\n  /** Change dropdown component, can be used to add native scrollbars */\n  dropdownComponent?: any;\n\n  /** Called when item from dropdown was selected */\n  onItemSubmit?(item: AutocompleteItem): void;\n}\n\nexport function defaultFilter(value: string, item: AutocompleteItem) {\n  return item.value.toLowerCase().trim().includes(value.toLowerCase().trim());\n}\n\nconst defaultProps: Partial<AutocompleteProps> = {\n  required: false,\n  size: 'sm',\n  shadow: 'sm',\n  limit: 5,\n  itemComponent: DefaultItem,\n  transition: 'pop',\n  transitionDuration: 0,\n  initiallyOpened: false,\n  filter: defaultFilter,\n  switchDirectionOnFlip: false,\n  zIndex: getDefaultZIndex('popover'),\n  dropdownPosition: 'flip',\n  maxDropdownHeight: 'auto',\n  positionDependencies: [],\n};\n\nexport const Autocomplete = forwardRef<HTMLInputElement, AutocompleteProps>(\n  (props: AutocompleteProps, ref) => {\n    const {\n      className,\n      style,\n      sx,\n      required = false,\n      label,\n      id,\n      error,\n      description,\n      size = 'sm',\n      shadow = 'sm',\n      data,\n      limit = 5,\n      value,\n      defaultValue,\n      onChange,\n      itemComponent = DefaultItem,\n      onItemSubmit,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      onClick,\n      transition = 'skew-up',\n      transitionDuration = 0,\n      initiallyOpened = false,\n      transitionTimingFunction,\n      wrapperProps,\n      classNames,\n      styles,\n      filter = defaultFilter,\n      nothingFound,\n      onDropdownClose,\n      onDropdownOpen,\n      withinPortal,\n      switchDirectionOnFlip = false,\n      zIndex = getDefaultZIndex('popover'),\n      dropdownPosition,\n      maxDropdownHeight,\n      dropdownComponent,\n      errorProps,\n      labelProps,\n      descriptionProps,\n      positionDependencies,\n      ...others\n    } = useMantineDefaultProps('Autocomplete', defaultProps, props);\n    const { classes } = useStyles({ size }, { classNames, styles, name: 'Autocomplete' });\n    const { systemStyles, rest } = extractSystemStyles(others);\n    const [dropdownOpened, _setDropdownOpened] = useState(initiallyOpened);\n    const [hovered, setHovered] = useState(-1);\n    const [direction, setDirection] = useState<React.CSSProperties['flexDirection']>('column');\n    const inputRef = useRef<HTMLInputElement>(null);\n    const uuid = useUuid(id);\n    const [_value, handleChange] = useUncontrolled({\n      value,\n      defaultValue,\n      finalValue: '',\n      onChange,\n      rule: (val) => typeof val === 'string',\n    });\n\n    const setDropdownOpened = (opened: boolean) => {\n      _setDropdownOpened(opened);\n      const handler = opened ? onDropdownOpen : onDropdownClose;\n      typeof handler === 'function' && handler();\n    };\n\n    useDidUpdate(() => {\n      setHovered(0);\n    }, [_value]);\n\n    const handleItemClick = (item: AutocompleteItem) => {\n      handleChange(item.value);\n      typeof onItemSubmit === 'function' && onItemSubmit(item);\n      setDropdownOpened(false);\n    };\n\n    const formattedData = data.map((item) => (typeof item === 'string' ? { value: item } : item));\n    const filteredData = filterData({ data: formattedData, value: _value, limit, filter });\n\n    const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      typeof onKeyDown === 'function' && onKeyDown(event);\n\n      const isColumn = direction === 'column';\n\n      const handleNext = () => {\n        setHovered((current) => (current < filteredData.length - 1 ? current + 1 : current));\n      };\n\n      const handlePrevious = () => {\n        setHovered((current) => (current > 0 ? current - 1 : current));\n      };\n\n      switch (event.nativeEvent.code) {\n        case 'ArrowUp': {\n          event.preventDefault();\n          isColumn ? handlePrevious() : handleNext();\n          break;\n        }\n\n        case 'ArrowDown': {\n          event.preventDefault();\n          isColumn ? handleNext() : handlePrevious();\n          break;\n        }\n\n        case 'Enter': {\n          if (filteredData[hovered] && dropdownOpened) {\n            event.preventDefault();\n            handleChange(filteredData[hovered].value);\n            typeof onItemSubmit === 'function' && onItemSubmit(filteredData[hovered]);\n            setDropdownOpened(false);\n          }\n          break;\n        }\n\n        case 'Escape': {\n          if (dropdownOpened) {\n            event.preventDefault();\n            setDropdownOpened(false);\n          }\n        }\n      }\n    };\n\n    const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onFocus === 'function' && onFocus(event);\n      setDropdownOpened(true);\n    };\n\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onBlur === 'function' && onBlur(event);\n      setDropdownOpened(false);\n    };\n\n    const handleInputClick = (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => {\n      typeof onClick === 'function' && onClick(event);\n      setDropdownOpened(true);\n    };\n\n    const shouldRenderDropdown =\n      dropdownOpened && (filteredData.length > 0 || (filteredData.length === 0 && !!nothingFound));\n\n    return (\n      <InputWrapper\n        required={required}\n        id={uuid}\n        label={label}\n        error={error}\n        description={description}\n        size={size}\n        className={className}\n        classNames={classNames}\n        styles={styles}\n        __staticSelector=\"Autocomplete\"\n        sx={sx}\n        style={style}\n        errorProps={errorProps}\n        descriptionProps={descriptionProps}\n        labelProps={labelProps}\n        {...systemStyles}\n        {...wrapperProps}\n      >\n        <div\n          className={classes.wrapper}\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-owns={`${uuid}-items`}\n          aria-controls={uuid}\n          aria-expanded={shouldRenderDropdown}\n          onMouseLeave={() => setHovered(-1)}\n          tabIndex={-1}\n        >\n          <Input<'input'>\n            {...rest}\n            data-mantine-stop-propagation={dropdownOpened}\n            required={required}\n            ref={useMergedRef(ref, inputRef)}\n            id={uuid}\n            type=\"string\"\n            invalid={!!error}\n            size={size}\n            onKeyDown={handleInputKeydown}\n            classNames={classNames}\n            styles={styles}\n            __staticSelector=\"Autocomplete\"\n            value={_value}\n            onChange={(event) => {\n              handleChange(event.currentTarget.value);\n              setDropdownOpened(true);\n            }}\n            onFocus={handleInputFocus}\n            onBlur={handleInputBlur}\n            onClick={handleInputClick}\n            autoComplete=\"nope\"\n            aria-autocomplete=\"list\"\n            aria-controls={shouldRenderDropdown ? `${uuid}-items` : null}\n            aria-activedescendant={hovered !== -1 ? `${uuid}-${hovered}` : null}\n          />\n\n          <SelectDropdown\n            mounted={shouldRenderDropdown}\n            transition={transition}\n            transitionDuration={transitionDuration}\n            transitionTimingFunction={transitionTimingFunction}\n            uuid={uuid}\n            shadow={shadow}\n            maxDropdownHeight={maxDropdownHeight}\n            dropdownComponent={dropdownComponent || SelectScrollArea}\n            classNames={classNames}\n            styles={styles}\n            __staticSelector=\"Autocomplete\"\n            direction={direction}\n            onDirectionChange={setDirection}\n            switchDirectionOnFlip={switchDirectionOnFlip}\n            referenceElement={inputRef.current}\n            withinPortal={withinPortal}\n            zIndex={zIndex}\n            dropdownPosition={dropdownPosition}\n            positionDependencies={positionDependencies}\n          >\n            <SelectItems\n              data={filteredData}\n              hovered={hovered}\n              classNames={classNames}\n              styles={styles}\n              uuid={uuid}\n              __staticSelector=\"Autocomplete\"\n              onItemHover={setHovered}\n              onItemSelect={handleItemClick}\n              itemComponent={itemComponent}\n              size={size}\n              nothingFound={nothingFound}\n            />\n          </SelectDropdown>\n        </div>\n      </InputWrapper>\n    );\n  }\n);\n\nAutocomplete.displayName = '@mantine/core/Autocomplete';\n"],"names":["DefaultItem","getDefaultZIndex","forwardRef","useMantineDefaultProps","styles","useStyles","extractSystemStyles","useState","useRef","useUuid","useUncontrolled","useDidUpdate","filterData","React","InputWrapper","Input","useMergedRef","SelectDropdown","SelectScrollArea","SelectItems"],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { useState, forwardRef, useRef } from 'react';\nimport { useUncontrolled, useDidUpdate, useMergedRef } from '@mantine/hooks';\nimport { DefaultProps, Selectors, getDefaultZIndex } from '@mantine/styles';\nimport { InputWrapper, InputWrapperBaseProps, InputWrapperStylesNames } from '../InputWrapper';\nimport { Input, InputBaseProps, InputStylesNames, useInputProps } from '../Input';\nimport { SelectItems } from '../Select/SelectItems/SelectItems';\nimport { DefaultItem } from '../Select/DefaultItem/DefaultItem';\nimport { SelectPopover, SelectPopoverStylesNames } from '../Select/SelectPopover/SelectPopover';\nimport { SelectScrollArea } from '../Select/SelectScrollArea/SelectScrollArea';\nimport { filterData } from './filter-data/filter-data';\nimport useStyles from './Autocomplete.styles';\nimport { SelectSharedProps } from '../Select/Select';\n\nexport type AutocompleteStylesNames =\n  | InputStylesNames\n  | InputWrapperStylesNames\n  | SelectPopoverStylesNames\n  | Selectors<typeof useStyles>;\n\nexport interface AutocompleteItem {\n  value: string;\n  [key: string]: any;\n}\n\nexport interface AutocompleteProps\n  extends DefaultProps<AutocompleteStylesNames>,\n    InputBaseProps,\n    InputWrapperBaseProps,\n    SelectSharedProps<AutocompleteItem, string>,\n    Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'onChange' | 'value' | 'defaultValue'> {\n  /** Maximum dropdown height */\n  maxDropdownHeight?: number | string;\n\n  /** Change dropdown component, can be used to add native scrollbars */\n  dropdownComponent?: any;\n\n  /** Called when item from dropdown was selected */\n  onItemSubmit?(item: AutocompleteItem): void;\n}\n\nexport function defaultFilter(value: string, item: AutocompleteItem) {\n  return item.value.toLowerCase().trim().includes(value.toLowerCase().trim());\n}\n\nconst defaultProps: Partial<AutocompleteProps> = {\n  required: false,\n  size: 'sm',\n  shadow: 'sm',\n  limit: 5,\n  itemComponent: DefaultItem,\n  transition: 'pop',\n  transitionDuration: 0,\n  initiallyOpened: false,\n  filter: defaultFilter,\n  switchDirectionOnFlip: false,\n  zIndex: getDefaultZIndex('popover'),\n  dropdownPosition: 'flip',\n  maxDropdownHeight: 'auto',\n  positionDependencies: [],\n};\n\nexport const Autocomplete = forwardRef<HTMLInputElement, AutocompleteProps>((props, ref) => {\n  const {\n    inputProps,\n    wrapperProps,\n    shadow,\n    data,\n    limit,\n    value,\n    defaultValue,\n    onChange,\n    unstyled,\n    itemComponent,\n    onItemSubmit,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    onClick,\n    transition,\n    transitionDuration,\n    initiallyOpened,\n    transitionTimingFunction,\n    classNames,\n    styles,\n    filter,\n    nothingFound,\n    onDropdownClose,\n    onDropdownOpen,\n    withinPortal,\n    switchDirectionOnFlip,\n    zIndex,\n    dropdownPosition,\n    maxDropdownHeight,\n    dropdownComponent,\n    positionDependencies,\n    ...others\n  } = useInputProps('Autocomplete', defaultProps, props);\n  const { classes } = useStyles(\n    { size: inputProps.size },\n    { classNames, styles, name: 'Autocomplete' }\n  );\n  const [dropdownOpened, _setDropdownOpened] = useState(initiallyOpened);\n  const [hovered, setHovered] = useState(-1);\n  const [direction, setDirection] = useState<React.CSSProperties['flexDirection']>('column');\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [_value, handleChange] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: '',\n    onChange,\n    rule: (val) => typeof val === 'string',\n  });\n\n  const setDropdownOpened = (opened: boolean) => {\n    _setDropdownOpened(opened);\n    const handler = opened ? onDropdownOpen : onDropdownClose;\n    typeof handler === 'function' && handler();\n  };\n\n  useDidUpdate(() => {\n    setHovered(0);\n  }, [_value]);\n\n  const handleItemClick = (item: AutocompleteItem) => {\n    handleChange(item.value);\n    typeof onItemSubmit === 'function' && onItemSubmit(item);\n    setDropdownOpened(false);\n  };\n\n  const formattedData = data.map((item) => (typeof item === 'string' ? { value: item } : item));\n  const filteredData = filterData({ data: formattedData, value: _value, limit, filter });\n\n  const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    typeof onKeyDown === 'function' && onKeyDown(event);\n\n    const isColumn = direction === 'column';\n\n    const handleNext = () => {\n      setHovered((current) => (current < filteredData.length - 1 ? current + 1 : current));\n    };\n\n    const handlePrevious = () => {\n      setHovered((current) => (current > 0 ? current - 1 : current));\n    };\n\n    switch (event.key) {\n      case 'ArrowUp': {\n        event.preventDefault();\n        isColumn ? handlePrevious() : handleNext();\n        break;\n      }\n\n      case 'ArrowDown': {\n        event.preventDefault();\n        isColumn ? handleNext() : handlePrevious();\n        break;\n      }\n\n      case 'Enter': {\n        if (filteredData[hovered] && dropdownOpened) {\n          event.preventDefault();\n          handleChange(filteredData[hovered].value);\n          typeof onItemSubmit === 'function' && onItemSubmit(filteredData[hovered]);\n          setDropdownOpened(false);\n        }\n        break;\n      }\n\n      case 'Escape': {\n        if (dropdownOpened) {\n          event.preventDefault();\n          setDropdownOpened(false);\n        }\n      }\n    }\n  };\n\n  const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    typeof onFocus === 'function' && onFocus(event);\n    setDropdownOpened(true);\n  };\n\n  const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    typeof onBlur === 'function' && onBlur(event);\n    setDropdownOpened(false);\n  };\n\n  const handleInputClick = (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => {\n    typeof onClick === 'function' && onClick(event);\n    setDropdownOpened(true);\n  };\n\n  const shouldRenderDropdown =\n    dropdownOpened && (filteredData.length > 0 || (filteredData.length === 0 && !!nothingFound));\n\n  return (\n    <InputWrapper {...wrapperProps} __staticSelector=\"Autocomplete\">\n      <SelectPopover\n        opened={shouldRenderDropdown}\n        transition={transition}\n        transitionDuration={transitionDuration}\n        shadow=\"sm\"\n        withinPortal={withinPortal}\n        __staticSelector=\"Autocomplete\"\n        onDirectionChange={setDirection}\n        switchDirectionOnFlip={switchDirectionOnFlip}\n        zIndex={zIndex}\n        dropdownPosition={dropdownPosition}\n        positionDependencies={positionDependencies}\n        classNames={classNames}\n        styles={styles}\n        unstyled={unstyled}\n      >\n        <SelectPopover.Target>\n          <div\n            className={classes.wrapper}\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-owns={shouldRenderDropdown ? `${inputProps.id}-items` : null}\n            aria-controls={inputProps.id}\n            aria-expanded={shouldRenderDropdown}\n            onMouseLeave={() => setHovered(-1)}\n            tabIndex={-1}\n          >\n            <Input<'input'>\n              {...inputProps}\n              {...others}\n              data-mantine-stop-propagation={dropdownOpened}\n              ref={useMergedRef(ref, inputRef)}\n              type=\"string\"\n              onKeyDown={handleInputKeydown}\n              classNames={classNames}\n              styles={styles}\n              __staticSelector=\"Autocomplete\"\n              value={_value}\n              onChange={(event) => {\n                handleChange(event.currentTarget.value);\n                setDropdownOpened(true);\n              }}\n              onFocus={handleInputFocus}\n              onBlur={handleInputBlur}\n              onClick={handleInputClick}\n              autoComplete=\"nope\"\n              aria-autocomplete=\"list\"\n              aria-controls={shouldRenderDropdown ? `${inputProps.id}-items` : null}\n              aria-activedescendant={hovered !== -1 ? `${inputProps.id}-${hovered}` : null}\n            />\n          </div>\n        </SelectPopover.Target>\n\n        <SelectPopover.Dropdown\n          component={dropdownComponent || SelectScrollArea}\n          maxHeight={maxDropdownHeight}\n          direction={direction}\n          id={inputProps.id}\n        >\n          <SelectItems\n            data={filteredData}\n            hovered={hovered}\n            classNames={classNames}\n            styles={styles}\n            uuid={inputProps.id}\n            __staticSelector=\"Autocomplete\"\n            onItemHover={setHovered}\n            onItemSelect={handleItemClick}\n            itemComponent={itemComponent}\n            size={inputProps.size}\n            nothingFound={nothingFound}\n          />\n        </SelectPopover.Dropdown>\n      </SelectPopover>\n    </InputWrapper>\n  );\n});\n\nAutocomplete.displayName = '@mantine/core/Autocomplete';\n"],"names":["DefaultItem","getDefaultZIndex","forwardRef","useInputProps","useStyles","useState","useRef","useUncontrolled","useDidUpdate","filterData","React","InputWrapper","SelectPopover","Input","useMergedRef","SelectScrollArea","SelectItems"],"mappings":"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"}

package/cjs/components/Avatar/Avatar.js

@@ -4,7 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var styles = require('@mantine/styles');
+var utils = require('@mantine/utils');
 var AvatarPlaceholderIcon = require('./AvatarPlaceholderIcon.js');
+var AvatarGroup = require('./AvatarGroup/AvatarGroup.js');
+var AvatarGroup_context = require('./AvatarGroup/AvatarGroup.context.js');
 var Avatar_styles = require('./Avatar.styles.js');
 var Box = require('../Box/Box.js');
 
@@ -47,9 +50,8 @@ const defaultProps = {
   size: "md",
   color: "gray"
 };
-const Avatar = React.forwardRef((props, ref) => {
+const _Avatar = React.forwardRef((props, ref) => {
   const _a = styles.useMantineDefaultProps("Avatar", defaultProps, props), {
-    component,
     className,
     size,
     src,
@@ -61,7 +63,6 @@ const Avatar = React.forwardRef((props, ref) => {
     styles: styles$1,
     imageProps
   } = _a, others = __objRest(_a, [
-    "component",
     "className",
     "size",
     "src",
@@ -73,13 +74,14 @@ const Avatar = React.forwardRef((props, ref) => {
     "styles",
     "imageProps"
   ]);
-  const { classes, cx } = Avatar_styles['default']({ color, radius, size }, { classNames, styles: styles$1, name: "Avatar" });
+  const ctx = AvatarGroup_context.useAvatarGroupContext();
+  const { classes, cx } = Avatar_styles['default']({ color, radius, size, withinGroup: ctx.withinGroup, spacing: ctx.spacing }, { classNames, styles: styles$1, name: "Avatar" });
   const [error, setError] = React.useState(!src);
   React.useEffect(() => {
     !src ? setError(true) : setError(false);
   }, [src]);
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
-    component: component || "div",
+    component: "div",
     className: cx(classes.root, className),
     ref
   }, others), error ? /* @__PURE__ */ React__default.createElement("div", {
@@ -94,7 +96,10 @@ const Avatar = React.forwardRef((props, ref) => {
     onError: () => setError(true)
   })));
 });
-Avatar.displayName = "@mantine/core/Avatar";
+_Avatar.displayName = "@mantine/core/Avatar";
+_Avatar.Group = AvatarGroup.AvatarGroup;
+const Avatar = utils.createPolymorphicComponent(_Avatar);
 
 exports.Avatar = Avatar;
+exports._Avatar = _Avatar;
 //# sourceMappingURL=Avatar.js.map