@mantine/core 9.2.0 → 9.2.1

package/cjs/components/Modal/ModalRoot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalRoot.cjs","names":["getDefaultZIndex","createVarsResolver","getRadius","getSize","rem","factory","useProps","useStyles","ModalProvider","ModalBase","ScrollArea","classes"],"sources":["../../../src/components/Modal/ModalRoot.tsx"],"sourcesContent":["import {\n  createVarsResolver,\n  factory,\n  Factory,\n  getDefaultZIndex,\n  getRadius,\n  getSize,\n  MantineRadius,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { ModalBase, ModalBaseProps, ModalBaseStylesNames } from '../ModalBase';\nimport { ScrollArea } from '../ScrollArea';\nimport { ModalProvider, ScrollAreaComponent } from './Modal.context';\nimport classes from './Modal.module.css';\n\nexport type ModalRootStylesNames = ModalBaseStylesNames;\nexport type ModalRootCssVariables = {\n  root: '--modal-radius' | '--modal-size' | '--modal-y-offset' | '--modal-x-offset';\n};\n\nexport interface ModalRootProps extends StylesApiProps<ModalRootFactory>, ModalBaseProps {\n  __staticSelector?: string;\n\n  /** Top/bottom modal offset @default 5dvh */\n  yOffset?: React.CSSProperties['marginTop'];\n\n  /** Left/right modal offset @default 5vw */\n  xOffset?: React.CSSProperties['marginLeft'];\n\n  /** Scroll area component @default 'div' */\n  scrollAreaComponent?: ScrollAreaComponent;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** If set, the modal is centered vertically @default false */\n  centered?: boolean;\n\n  /** If set, the modal takes the entire screen @default false */\n  fullScreen?: boolean;\n}\n\nexport type ModalRootFactory = Factory<{\n  props: ModalRootProps;\n  ref: HTMLDivElement;\n  stylesNames: ModalRootStylesNames;\n  vars: ModalRootCssVariables;\n  compound: true;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'Modal',\n  closeOnClickOutside: true,\n  withinPortal: true,\n  lockScroll: true,\n  trapFocus: true,\n  returnFocus: true,\n  closeOnEscape: true,\n  keepMounted: false,\n  zIndex: getDefaultZIndex('modal'),\n  transitionProps: { duration: 200, transition: 'fade-down' },\n  yOffset: '5dvh',\n} satisfies Partial<ModalRootProps>;\n\nconst varsResolver = createVarsResolver<ModalRootFactory>(\n  (_, { radius, size, yOffset, xOffset }) => ({\n    root: {\n      '--modal-radius': radius === undefined ? undefined : getRadius(radius),\n      '--modal-size': getSize(size, 'modal-size'),\n      '--modal-y-offset': rem(yOffset),\n      '--modal-x-offset': rem(xOffset),\n    },\n  })\n);\n\nexport const ModalRoot = factory<ModalRootFactory>((_props) => {\n  const props = useProps('ModalRoot', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    yOffset,\n    scrollAreaComponent,\n    radius,\n    fullScreen,\n    centered,\n    xOffset,\n    __staticSelector,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ModalRootFactory>({\n    name: __staticSelector,\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    <ModalProvider value={{ yOffset, scrollAreaComponent, getStyles, fullScreen }}>\n      <ModalBase\n        {...getStyles('root')}\n        data-full-screen={fullScreen || undefined}\n        data-centered={centered || undefined}\n        data-offset-scrollbars={scrollAreaComponent === ScrollArea.Autosize || undefined}\n        unstyled={unstyled}\n        {...others}\n      />\n    </ModalProvider>\n  );\n});\n\nModalRoot.classes = classes;\nModalRoot.varsResolver = varsResolver;\nModalRoot.displayName = '@mantine/core/ModalRoot';\n"],"mappings":";;;;;;;;;;;;;;;AAqDA,MAAM,eAAe;CACnB,kBAAkB;CAClB,qBAAqB;CACrB,cAAc;CACd,YAAY;CACZ,WAAW;CACX,aAAa;CACb,eAAe;CACf,aAAa;CACb,QAAQA,4BAAAA,iBAAiB,QAAQ;CACjC,iBAAiB;EAAE,UAAU;EAAK,YAAY;EAAa;CAC3D,SAAS;CACV;AAED,MAAM,eAAeC,6BAAAA,oBAClB,GAAG,EAAE,QAAQ,MAAM,SAAS,eAAe,EAC1C,MAAM;CACJ,kBAAkB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,OAAO;CACtE,gBAAgBC,iBAAAA,QAAQ,MAAM,aAAa;CAC3C,oBAAoBC,YAAAA,IAAI,QAAQ;CAChC,oBAAoBA,YAAAA,IAAI,QAAQ;CACjC,EACF,EACF;AAED,MAAa,YAAYC,gBAAAA,SAA2B,WAAW;CAC7D,MAAM,QAAQC,kBAAAA,SAAS,aAAa,cAAc,OAAO;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,SACA,qBACA,QACA,YACA,UACA,SACA,kBACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA4B;EAC5C,MAAM;EACN,SAAA,qBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,iBAAA,GAAA,kBAAA,KAACC,sBAAAA,eAAD;EAAe,OAAO;GAAE;GAAS;GAAqB;GAAW;GAAY;YAC3E,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,WAAD;GACE,GAAI,UAAU,OAAO;GACrB,oBAAkB,cAAc,KAAA;GAChC,iBAAe,YAAY,KAAA;GAC3B,0BAAwB,wBAAwBC,mBAAAA,WAAW,YAAY,KAAA;GAC7D;GACV,GAAI;GACJ,CAAA;EACY,CAAA;EAElB;AAEF,UAAU,UAAUC,qBAAAA;AACpB,UAAU,eAAe;AACzB,UAAU,cAAc"}
+{"version":3,"file":"ModalRoot.cjs","names":["getDefaultZIndex","createVarsResolver","getRadius","getSize","rem","factory","useProps","useStyles","ModalProvider","ModalBase","ScrollArea","classes"],"sources":["../../../src/components/Modal/ModalRoot.tsx"],"sourcesContent":["import {\n  createVarsResolver,\n  factory,\n  Factory,\n  getDefaultZIndex,\n  getRadius,\n  getSize,\n  MantineRadius,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { ModalBase, ModalBaseProps, ModalBaseStylesNames } from '../ModalBase';\nimport { ScrollArea } from '../ScrollArea';\nimport { ModalProvider, ScrollAreaComponent } from './Modal.context';\nimport classes from './Modal.module.css';\n\nexport type ModalRootStylesNames = ModalBaseStylesNames;\nexport type ModalRootCssVariables = {\n  root: '--modal-radius' | '--modal-size' | '--modal-y-offset' | '--modal-x-offset';\n};\n\nexport interface ModalRootProps extends StylesApiProps<ModalRootFactory>, ModalBaseProps {\n  __staticSelector?: string;\n\n  /** Top/bottom modal offset @default 5dvh */\n  yOffset?: React.CSSProperties['marginTop'];\n\n  /** Left/right modal offset @default 5vw */\n  xOffset?: React.CSSProperties['marginLeft'];\n\n  /** Scroll area component @default 'div' */\n  scrollAreaComponent?: ScrollAreaComponent;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** If set, the modal is centered vertically @default false */\n  centered?: boolean;\n\n  /** If set, the modal takes the entire screen @default false */\n  fullScreen?: boolean;\n}\n\nexport type ModalRootFactory = Factory<{\n  props: ModalRootProps;\n  ref: HTMLDivElement;\n  stylesNames: ModalRootStylesNames;\n  vars: ModalRootCssVariables;\n  compound: true;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'Modal',\n  closeOnClickOutside: true,\n  withinPortal: true,\n  lockScroll: true,\n  trapFocus: true,\n  returnFocus: true,\n  closeOnEscape: true,\n  keepMounted: false,\n  zIndex: getDefaultZIndex('modal'),\n  transitionProps: { duration: 200, transition: 'fade-down' },\n  yOffset: '5dvh',\n} satisfies Partial<ModalRootProps>;\n\nconst varsResolver = createVarsResolver<ModalRootFactory>(\n  (_, { radius, size, yOffset, xOffset }) => ({\n    root: {\n      '--modal-radius': radius === undefined ? undefined : getRadius(radius),\n      '--modal-size': getSize(size, 'modal-size'),\n      '--modal-y-offset': rem(yOffset),\n      '--modal-x-offset': rem(xOffset),\n    },\n  })\n);\n\nexport const ModalRoot = factory<ModalRootFactory>((_props) => {\n  const props = useProps('ModalRoot', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    yOffset,\n    scrollAreaComponent,\n    radius,\n    fullScreen,\n    centered,\n    xOffset,\n    __staticSelector,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ModalRootFactory>({\n    name: __staticSelector,\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    <ModalProvider value={{ yOffset, scrollAreaComponent, getStyles, fullScreen }}>\n      <ModalBase\n        {...getStyles('root')}\n        data-full-screen={fullScreen || undefined}\n        data-centered={centered || undefined}\n        data-offset-scrollbars={scrollAreaComponent === ScrollArea.Autosize || undefined}\n        unstyled={unstyled}\n        {...others}\n      />\n    </ModalProvider>\n  );\n});\n\nModalRoot.classes = classes;\nModalRoot.varsResolver = varsResolver;\nModalRoot.displayName = '@mantine/core/ModalRoot';\n"],"mappings":";;;;;;;;;;;;;;;AAqDA,MAAM,eAAe;CACnB,kBAAkB;CAClB,qBAAqB;CACrB,cAAc;CACd,YAAY;CACZ,WAAW;CACX,aAAa;CACb,eAAe;CACf,aAAa;CACb,QAAQA,4BAAAA,iBAAiB,OAAO;CAChC,iBAAiB;EAAE,UAAU;EAAK,YAAY;CAAY;CAC1D,SAAS;AACX;AAEA,MAAM,eAAeC,6BAAAA,oBAClB,GAAG,EAAE,QAAQ,MAAM,SAAS,eAAe,EAC1C,MAAM;CACJ,kBAAkB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;CACrE,gBAAgBC,iBAAAA,QAAQ,MAAM,YAAY;CAC1C,oBAAoBC,YAAAA,IAAI,OAAO;CAC/B,oBAAoBA,YAAAA,IAAI,OAAO;AACjC,EACF,EACF;AAEA,MAAa,YAAYC,gBAAAA,SAA2B,WAAW;CAC7D,MAAM,QAAQC,kBAAAA,SAAS,aAAa,cAAc,MAAM;CACxD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,SACA,qBACA,QACA,YACA,UACA,SACA,kBACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA4B;EAC5C,MAAM;EACN,SAAA,qBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAACC,sBAAAA,eAAD;EAAe,OAAO;GAAE;GAAS;GAAqB;GAAW;EAAW;YAC1E,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,WAAD;GACE,GAAI,UAAU,MAAM;GACpB,oBAAkB,cAAc,KAAA;GAChC,iBAAe,YAAY,KAAA;GAC3B,0BAAwB,wBAAwBC,mBAAAA,WAAW,YAAY,KAAA;GAC7D;GACV,GAAI;EACL,CAAA;CACY,CAAA;AAEnB,CAAC;AAED,UAAU,UAAUC,qBAAAA;AACpB,UAAU,eAAe;AACzB,UAAU,cAAc"}

package/cjs/components/Modal/ModalStack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalStack.cjs","names":["getDefaultZIndex"],"sources":["../../../src/components/Modal/ModalStack.tsx"],"sourcesContent":["import { createContext, useState } from 'react';\nimport { getDefaultZIndex } from '../../core';\n\ninterface ModalStackContext {\n  stack: string[];\n  addModal: (id: string, zIndex: number | string) => void;\n  removeModal: (id: string) => void;\n  getZIndex: (id: string) => string;\n  currentId: string;\n  maxZIndex: string | number;\n}\n\nexport const ModalStackContext = createContext<ModalStackContext | null>(null);\n\nexport interface ModalStackProps {\n  children: React.ReactNode;\n}\n\nexport function ModalStack({ children }: ModalStackProps) {\n  const [stack, setStack] = useState<string[]>([]);\n  const [maxZIndex, setMaxZIndex] = useState<number | string>(getDefaultZIndex('modal'));\n\n  return (\n    <ModalStackContext\n      value={{\n        stack,\n        addModal: (id, zIndex) => {\n          setStack((current) => [...new Set([...current, id])]);\n          setMaxZIndex((current) =>\n            typeof zIndex === 'number' && typeof current === 'number'\n              ? Math.max(current, zIndex)\n              : current\n          );\n        },\n        removeModal: (id) => setStack((current) => current.filter((currentId) => currentId !== id)),\n        getZIndex: (id) => `calc(${maxZIndex} + ${stack.indexOf(id)} + 1)`,\n        currentId: stack[stack.length - 1],\n        maxZIndex,\n      }}\n    >\n      {children}\n    </ModalStackContext>\n  );\n}\n\nModalStack.displayName = '@mantine/core/ModalStack';\n"],"mappings":";;;;;;AAYA,MAAa,qBAAA,GAAA,MAAA,eAA4D,KAAK;AAM9E,SAAgB,WAAW,EAAE,YAA6B;CACxD,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAA+B,EAAE,CAAC;CAChD,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAA0CA,4BAAAA,iBAAiB,QAAQ,CAAC;AAEtF,QACE,iBAAA,GAAA,kBAAA,KAAC,mBAAD;EACE,OAAO;GACL;GACA,WAAW,IAAI,WAAW;AACxB,cAAU,YAAY,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC;AACrD,kBAAc,YACZ,OAAO,WAAW,YAAY,OAAO,YAAY,WAC7C,KAAK,IAAI,SAAS,OAAO,GACzB,QACL;;GAEH,cAAc,OAAO,UAAU,YAAY,QAAQ,QAAQ,cAAc,cAAc,GAAG,CAAC;GAC3F,YAAY,OAAO,QAAQ,UAAU,KAAK,MAAM,QAAQ,GAAG,CAAC;GAC5D,WAAW,MAAM,MAAM,SAAS;GAChC;GACD;EAEA;EACiB,CAAA;;AAIxB,WAAW,cAAc"}
+{"version":3,"file":"ModalStack.cjs","names":["getDefaultZIndex"],"sources":["../../../src/components/Modal/ModalStack.tsx"],"sourcesContent":["import { createContext, useState } from 'react';\nimport { getDefaultZIndex } from '../../core';\n\ninterface ModalStackContext {\n  stack: string[];\n  addModal: (id: string, zIndex: number | string) => void;\n  removeModal: (id: string) => void;\n  getZIndex: (id: string) => string;\n  currentId: string;\n  maxZIndex: string | number;\n}\n\nexport const ModalStackContext = createContext<ModalStackContext | null>(null);\n\nexport interface ModalStackProps {\n  children: React.ReactNode;\n}\n\nexport function ModalStack({ children }: ModalStackProps) {\n  const [stack, setStack] = useState<string[]>([]);\n  const [maxZIndex, setMaxZIndex] = useState<number | string>(getDefaultZIndex('modal'));\n\n  return (\n    <ModalStackContext\n      value={{\n        stack,\n        addModal: (id, zIndex) => {\n          setStack((current) => [...new Set([...current, id])]);\n          setMaxZIndex((current) =>\n            typeof zIndex === 'number' && typeof current === 'number'\n              ? Math.max(current, zIndex)\n              : current\n          );\n        },\n        removeModal: (id) => setStack((current) => current.filter((currentId) => currentId !== id)),\n        getZIndex: (id) => `calc(${maxZIndex} + ${stack.indexOf(id)} + 1)`,\n        currentId: stack[stack.length - 1],\n        maxZIndex,\n      }}\n    >\n      {children}\n    </ModalStackContext>\n  );\n}\n\nModalStack.displayName = '@mantine/core/ModalStack';\n"],"mappings":";;;;;;AAYA,MAAa,qBAAA,GAAA,MAAA,eAA4D,IAAI;AAM7E,SAAgB,WAAW,EAAE,YAA6B;CACxD,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAA+B,CAAC,CAAC;CAC/C,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAA0CA,4BAAAA,iBAAiB,OAAO,CAAC;CAErF,OACE,iBAAA,GAAA,kBAAA,KAAC,mBAAD;EACE,OAAO;GACL;GACA,WAAW,IAAI,WAAW;IACxB,UAAU,YAAY,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC,CAAC;IACpD,cAAc,YACZ,OAAO,WAAW,YAAY,OAAO,YAAY,WAC7C,KAAK,IAAI,SAAS,MAAM,IACxB,OACN;GACF;GACA,cAAc,OAAO,UAAU,YAAY,QAAQ,QAAQ,cAAc,cAAc,EAAE,CAAC;GAC1F,YAAY,OAAO,QAAQ,UAAU,KAAK,MAAM,QAAQ,EAAE,EAAE;GAC5D,WAAW,MAAM,MAAM,SAAS;GAChC;EACF;EAEC;CACgB,CAAA;AAEvB;AAEA,WAAW,cAAc"}

package/cjs/components/Modal/ModalTitle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalTitle.cjs","names":["factory","useProps","ModalBaseTitle","useModalContext","classes"],"sources":["../../../src/components/Modal/ModalTitle.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseTitle, ModalBaseTitleProps } from '../ModalBase';\nimport { useModalContext } from './Modal.context';\nimport classes from './Modal.module.css';\n\nexport type ModalTitleStylesNames = 'title';\n\nexport interface ModalTitleProps\n  extends ModalBaseTitleProps, CompoundStylesApiProps<ModalTitleFactory> {}\n\nexport type ModalTitleFactory = Factory<{\n  props: ModalTitleProps;\n  ref: HTMLHeadingElement;\n  stylesNames: ModalTitleStylesNames;\n  compound: true;\n}>;\n\nexport const ModalTitle = factory<ModalTitleFactory>((_props) => {\n  const props = useProps('ModalTitle', null, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useModalContext();\n\n  return (\n    <ModalBaseTitle\n      {...ctx.getStyles('title', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nModalTitle.classes = classes;\nModalTitle.displayName = '@mantine/core/ModalTitle';\n"],"mappings":";;;;;;;;;AAiBA,MAAa,aAAaA,gBAAAA,SAA4B,WAAW;CAE/D,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzCC,kBAAAA,SAAS,cAAc,MAAM,OAAO;AAKlD,QACE,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,gBAAD;EACE,GAJQC,sBAAAA,iBAAiB,CAIjB,UAAU,SAAS;GAAE;GAAY;GAAO;GAAQ;GAAW,CAAC;EACpE,GAAI;EACJ,CAAA;EAEJ;AAEF,WAAW,UAAUC,qBAAAA;AACrB,WAAW,cAAc"}
+{"version":3,"file":"ModalTitle.cjs","names":["factory","useProps","ModalBaseTitle","useModalContext","classes"],"sources":["../../../src/components/Modal/ModalTitle.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseTitle, ModalBaseTitleProps } from '../ModalBase';\nimport { useModalContext } from './Modal.context';\nimport classes from './Modal.module.css';\n\nexport type ModalTitleStylesNames = 'title';\n\nexport interface ModalTitleProps\n  extends ModalBaseTitleProps, CompoundStylesApiProps<ModalTitleFactory> {}\n\nexport type ModalTitleFactory = Factory<{\n  props: ModalTitleProps;\n  ref: HTMLHeadingElement;\n  stylesNames: ModalTitleStylesNames;\n  compound: true;\n}>;\n\nexport const ModalTitle = factory<ModalTitleFactory>((_props) => {\n  const props = useProps('ModalTitle', null, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useModalContext();\n\n  return (\n    <ModalBaseTitle\n      {...ctx.getStyles('title', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nModalTitle.classes = classes;\nModalTitle.displayName = '@mantine/core/ModalTitle';\n"],"mappings":";;;;;;;;;AAiBA,MAAa,aAAaA,gBAAAA,SAA4B,WAAW;CAE/D,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzCC,kBAAAA,SAAS,cAAc,MAAM,MAC2B;CAItE,OACE,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,gBAAD;EACE,GAJQC,sBAAAA,gBAIF,EAAE,UAAU,SAAS;GAAE;GAAY;GAAO;GAAQ;EAAU,CAAC;EACnE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,WAAW,UAAUC,qBAAAA;AACrB,WAAW,cAAc"}

package/cjs/components/Modal/use-modals-stack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-modals-stack.cjs","names":[],"sources":["../../../src/components/Modal/use-modals-stack.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\ninterface ModalStackReturnType<T extends string> {\n  state: Record<T, boolean>;\n  open: (id: T) => void;\n  close: (id: T) => void;\n  toggle: (id: T) => void;\n  closeAll: () => void;\n  register: (id: T) => { opened: boolean; onClose: () => void; stackId: T };\n}\n\nexport function useModalsStack<const T extends string>(modals: T[]): ModalStackReturnType<T> {\n  const initialState = modals.reduce(\n    (acc, modal) => ({ ...acc, [modal]: false }),\n    {} as Record<T, boolean>\n  );\n\n  const [state, setState] = useState(initialState);\n\n  const open = useCallback((modal: T) => {\n    setState((current) => ({ ...current, [modal]: true }));\n  }, []);\n\n  const close = useCallback(\n    (modal: T) => setState((current) => ({ ...current, [modal]: false })),\n    []\n  );\n\n  const toggle = useCallback(\n    (modal: T) => setState((current) => ({ ...current, [modal]: !current[modal] })),\n    []\n  );\n\n  const closeAll = useCallback(() => setState(initialState), []);\n\n  const register = useCallback(\n    (modal: T) => ({\n      opened: state[modal],\n      onClose: () => close(modal),\n      stackId: modal,\n    }),\n    [state]\n  );\n\n  return { state, open, close, closeAll, toggle, register };\n}\n\nexport const useDrawersStack = useModalsStack;\n"],"mappings":";;;;AAWA,SAAgB,eAAuC,QAAsC;CAC3F,MAAM,eAAe,OAAO,QACzB,KAAK,WAAW;EAAE,GAAG;GAAM,QAAQ;EAAO,GAC3C,EAAE,CACH;CAED,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAqB,aAAa;CAEhD,MAAM,QAAA,GAAA,MAAA,cAAoB,UAAa;AACrC,YAAU,aAAa;GAAE,GAAG;IAAU,QAAQ;GAAM,EAAE;IACrD,EAAE,CAAC;CAEN,MAAM,SAAA,GAAA,MAAA,cACH,UAAa,UAAU,aAAa;EAAE,GAAG;GAAU,QAAQ;EAAO,EAAE,EACrE,EAAE,CACH;CAED,MAAM,UAAA,GAAA,MAAA,cACH,UAAa,UAAU,aAAa;EAAE,GAAG;GAAU,QAAQ,CAAC,QAAQ;EAAQ,EAAE,EAC/E,EAAE,CACH;AAaD,QAAO;EAAE;EAAO;EAAM;EAAO,WAAA,GAAA,MAAA,mBAXM,SAAS,aAAa,EAAE,EAAE,CAAC;EAWvB;EAAQ,WAAA,GAAA,MAAA,cAR5C,WAAc;GACb,QAAQ,MAAM;GACd,eAAe,MAAM,MAAM;GAC3B,SAAS;GACV,GACD,CAAC,MAAM,CACR;EAEwD;;AAG3D,MAAa,kBAAkB"}
+{"version":3,"file":"use-modals-stack.cjs","names":[],"sources":["../../../src/components/Modal/use-modals-stack.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\ninterface ModalStackReturnType<T extends string> {\n  state: Record<T, boolean>;\n  open: (id: T) => void;\n  close: (id: T) => void;\n  toggle: (id: T) => void;\n  closeAll: () => void;\n  register: (id: T) => { opened: boolean; onClose: () => void; stackId: T };\n}\n\nexport function useModalsStack<const T extends string>(modals: T[]): ModalStackReturnType<T> {\n  const initialState = modals.reduce(\n    (acc, modal) => ({ ...acc, [modal]: false }),\n    {} as Record<T, boolean>\n  );\n\n  const [state, setState] = useState(initialState);\n\n  const open = useCallback((modal: T) => {\n    setState((current) => ({ ...current, [modal]: true }));\n  }, []);\n\n  const close = useCallback(\n    (modal: T) => setState((current) => ({ ...current, [modal]: false })),\n    []\n  );\n\n  const toggle = useCallback(\n    (modal: T) => setState((current) => ({ ...current, [modal]: !current[modal] })),\n    []\n  );\n\n  const closeAll = useCallback(() => setState(initialState), []);\n\n  const register = useCallback(\n    (modal: T) => ({\n      opened: state[modal],\n      onClose: () => close(modal),\n      stackId: modal,\n    }),\n    [state]\n  );\n\n  return { state, open, close, closeAll, toggle, register };\n}\n\nexport const useDrawersStack = useModalsStack;\n"],"mappings":";;;;AAWA,SAAgB,eAAuC,QAAsC;CAC3F,MAAM,eAAe,OAAO,QACzB,KAAK,WAAW;EAAE,GAAG;GAAM,QAAQ;CAAM,IAC1C,CAAC,CACH;CAEA,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAqB,YAAY;CAE/C,MAAM,QAAA,GAAA,MAAA,cAAoB,UAAa;EACrC,UAAU,aAAa;GAAE,GAAG;IAAU,QAAQ;EAAK,EAAE;CACvD,GAAG,CAAC,CAAC;CAEL,MAAM,SAAA,GAAA,MAAA,cACH,UAAa,UAAU,aAAa;EAAE,GAAG;GAAU,QAAQ;CAAM,EAAE,GACpE,CAAC,CACH;CAEA,MAAM,UAAA,GAAA,MAAA,cACH,UAAa,UAAU,aAAa;EAAE,GAAG;GAAU,QAAQ,CAAC,QAAQ;CAAO,EAAE,GAC9E,CAAC,CACH;CAaA,OAAO;EAAE;EAAO;EAAM;EAAO,WAAA,GAAA,MAAA,mBAXM,SAAS,YAAY,GAAG,CAAC,CAWxB;EAAG;EAAQ,WAAA,GAAA,MAAA,cAR5C,WAAc;GACb,QAAQ,MAAM;GACd,eAAe,MAAM,KAAK;GAC1B,SAAS;EACX,IACA,CAAC,KAAK,CAG8C;CAAE;AAC1D;AAEA,MAAa,kBAAkB"}

package/cjs/components/ModalBase/ModalBase.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBase.cjs","names":["useModal","OptionalPortal","ModalBaseProvider","RemoveScroll","Box","getDefaultZIndex","getShadow","getSpacing"],"sources":["../../../src/components/ModalBase/ModalBase.tsx"],"sourcesContent":["import { RemoveScroll } from 'react-remove-scroll';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  getDefaultZIndex,\n  getShadow,\n  getSpacing,\n  MantineShadow,\n  MantineSize,\n  MantineSpacing,\n} from '../../core';\nimport { BasePortalProps, OptionalPortal } from '../Portal';\nimport { TransitionOverride } from '../Transition';\nimport { ModalBaseProvider } from './ModalBase.context';\nimport { useModal } from './use-modal';\n\ntype RemoveScrollProps = Omit<React.ComponentProps<typeof RemoveScroll>, 'children'>;\n\nexport interface ModalBaseProps extends BoxProps, ElementProps<'div', 'title'> {\n  unstyled?: boolean;\n\n  /** If set modal/drawer is not unmounted from the DOM when hidden. `display: none` styles are applied instead. @default false */\n  keepMounted?: boolean;\n\n  /** Controls opened state */\n  opened: boolean;\n\n  /** Called when modal/drawer is closed */\n  onClose: () => void;\n\n  /** Id used to connect modal/drawer with body and title */\n  id?: string;\n\n  /** If set, scroll is locked when `opened={true}` @default true */\n  lockScroll?: boolean;\n\n  /** If set, focus is trapped within the modal/drawer @default true */\n  trapFocus?: boolean;\n\n  /** If set, the component is rendered inside `Portal` @default true */\n  withinPortal?: boolean;\n\n  /** Props passed down to the Portal component when `withinPortal` is set */\n  portalProps?: BasePortalProps;\n\n  /** Modal/drawer content */\n  children?: React.ReactNode;\n\n  /** If set, the modal/drawer is closed when user clicks on the overlay @default true */\n  closeOnClickOutside?: boolean;\n\n  /** Props added to the `Transition` component that used to animate overlay and body, use to configure duration and animation type, `{ duration: 200, transition: 'fade-down' }` by default */\n  transitionProps?: TransitionOverride;\n\n  /** Called when exit transition ends */\n  onExitTransitionEnd?: () => void;\n\n  /** Called when enter transition ends */\n  onEnterTransitionEnd?: () => void;\n\n  /** If set, `onClose` is called when user presses the escape key @default true */\n  closeOnEscape?: boolean;\n\n  /** If set, focus is returned to the last active element when `onClose` is called @default true */\n  returnFocus?: boolean;\n\n  /** `z-index` CSS property of the root element @default 200 */\n  zIndex?: string | number;\n\n  /** Key of `theme.shadows` or any valid CSS box-shadow value @default 'xl' */\n  shadow?: MantineShadow;\n\n  /** Key of `theme.spacing` or any valid CSS value to set content, header and footer padding @default 'md' */\n  padding?: MantineSpacing;\n\n  /** Controls width of the content area @default 'md' */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Props passed down to react-remove-scroll, can be used to customize scroll lock behavior */\n  removeScrollProps?: RemoveScrollProps;\n}\n\nexport function ModalBase({\n  keepMounted,\n  opened,\n  onClose,\n  id,\n  transitionProps,\n  onExitTransitionEnd,\n  onEnterTransitionEnd,\n  trapFocus,\n  closeOnEscape,\n  returnFocus,\n  closeOnClickOutside,\n  withinPortal,\n  portalProps,\n  lockScroll,\n  children,\n  zIndex,\n  shadow,\n  padding,\n  __vars,\n  unstyled,\n  removeScrollProps,\n  ...others\n}: ModalBaseProps) {\n  const { _id, titleMounted, bodyMounted, shouldLockScroll, setTitleMounted, setBodyMounted } =\n    useModal({ id, transitionProps, opened, trapFocus, closeOnEscape, onClose, returnFocus });\n\n  const { key: removeScrollKey, ...otherRemoveScrollProps } = removeScrollProps || {};\n\n  return (\n    <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n      <ModalBaseProvider\n        value={{\n          opened,\n          onClose,\n          closeOnClickOutside,\n          onExitTransitionEnd,\n          onEnterTransitionEnd,\n          transitionProps: { ...transitionProps, keepMounted },\n          getTitleId: () => `${_id}-title`,\n          getBodyId: () => `${_id}-body`,\n          titleMounted,\n          bodyMounted,\n          setTitleMounted,\n          setBodyMounted,\n          trapFocus,\n          closeOnEscape,\n          zIndex,\n          unstyled,\n        }}\n      >\n        <RemoveScroll\n          enabled={shouldLockScroll && lockScroll}\n          key={removeScrollKey}\n          {...otherRemoveScrollProps}\n        >\n          <Box\n            {...others}\n            id={_id}\n            __vars={{\n              ...__vars,\n              '--mb-z-index': (zIndex || getDefaultZIndex('modal')).toString(),\n              '--mb-shadow': getShadow(shadow),\n              '--mb-padding': getSpacing(padding),\n            }}\n          >\n            {children}\n          </Box>\n        </RemoveScroll>\n      </ModalBaseProvider>\n    </OptionalPortal>\n  );\n}\n\nModalBase.displayName = '@mantine/core/ModalBase';\n"],"mappings":";;;;;;;;;;;AAmFA,SAAgB,UAAU,EACxB,aACA,QACA,SACA,IACA,iBACA,qBACA,sBACA,WACA,eACA,aACA,qBACA,cACA,aACA,YACA,UACA,QACA,QACA,SACA,QACA,UACA,mBACA,GAAG,UACc;CACjB,MAAM,EAAE,KAAK,cAAc,aAAa,kBAAkB,iBAAiB,mBACzEA,kBAAAA,SAAS;EAAE;EAAI;EAAiB;EAAQ;EAAW;EAAe;EAAS;EAAa,CAAC;CAE3F,MAAM,EAAE,KAAK,iBAAiB,GAAG,2BAA2B,qBAAqB,EAAE;AAEnF,QACE,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,gBAAD;EAAgB,GAAI;EAA2B;YAC7C,iBAAA,GAAA,kBAAA,KAACC,0BAAAA,mBAAD;GACE,OAAO;IACL;IACA;IACA;IACA;IACA;IACA,iBAAiB;KAAE,GAAG;KAAiB;KAAa;IACpD,kBAAkB,GAAG,IAAI;IACzB,iBAAiB,GAAG,IAAI;IACxB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;aAED,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,cAAD;IACE,SAAS,oBAAoB;IAE7B,GAAI;cAEJ,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;KACE,GAAI;KACJ,IAAI;KACJ,QAAQ;MACN,GAAG;MACH,iBAAiB,UAAUC,4BAAAA,iBAAiB,QAAQ,EAAE,UAAU;MAChE,eAAeC,iBAAAA,UAAU,OAAO;MAChC,gBAAgBC,iBAAAA,WAAW,QAAQ;MACpC;KAEA;KACG,CAAA;IACO,EAfR,gBAeQ;GACG,CAAA;EACL,CAAA;;AAIrB,UAAU,cAAc"}
+{"version":3,"file":"ModalBase.cjs","names":["useModal","OptionalPortal","ModalBaseProvider","RemoveScroll","Box","getDefaultZIndex","getShadow","getSpacing"],"sources":["../../../src/components/ModalBase/ModalBase.tsx"],"sourcesContent":["import { RemoveScroll } from 'react-remove-scroll';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  getDefaultZIndex,\n  getShadow,\n  getSpacing,\n  MantineShadow,\n  MantineSize,\n  MantineSpacing,\n} from '../../core';\nimport { BasePortalProps, OptionalPortal } from '../Portal';\nimport { TransitionOverride } from '../Transition';\nimport { ModalBaseProvider } from './ModalBase.context';\nimport { useModal } from './use-modal';\n\ntype RemoveScrollProps = Omit<React.ComponentProps<typeof RemoveScroll>, 'children'>;\n\nexport interface ModalBaseProps extends BoxProps, ElementProps<'div', 'title'> {\n  unstyled?: boolean;\n\n  /** If set modal/drawer is not unmounted from the DOM when hidden. `display: none` styles are applied instead. @default false */\n  keepMounted?: boolean;\n\n  /** Controls opened state */\n  opened: boolean;\n\n  /** Called when modal/drawer is closed */\n  onClose: () => void;\n\n  /** Id used to connect modal/drawer with body and title */\n  id?: string;\n\n  /** If set, scroll is locked when `opened={true}` @default true */\n  lockScroll?: boolean;\n\n  /** If set, focus is trapped within the modal/drawer @default true */\n  trapFocus?: boolean;\n\n  /** If set, the component is rendered inside `Portal` @default true */\n  withinPortal?: boolean;\n\n  /** Props passed down to the Portal component when `withinPortal` is set */\n  portalProps?: BasePortalProps;\n\n  /** Modal/drawer content */\n  children?: React.ReactNode;\n\n  /** If set, the modal/drawer is closed when user clicks on the overlay @default true */\n  closeOnClickOutside?: boolean;\n\n  /** Props added to the `Transition` component that used to animate overlay and body, use to configure duration and animation type, `{ duration: 200, transition: 'fade-down' }` by default */\n  transitionProps?: TransitionOverride;\n\n  /** Called when exit transition ends */\n  onExitTransitionEnd?: () => void;\n\n  /** Called when enter transition ends */\n  onEnterTransitionEnd?: () => void;\n\n  /** If set, `onClose` is called when user presses the escape key @default true */\n  closeOnEscape?: boolean;\n\n  /** If set, focus is returned to the last active element when `onClose` is called @default true */\n  returnFocus?: boolean;\n\n  /** `z-index` CSS property of the root element @default 200 */\n  zIndex?: string | number;\n\n  /** Key of `theme.shadows` or any valid CSS box-shadow value @default 'xl' */\n  shadow?: MantineShadow;\n\n  /** Key of `theme.spacing` or any valid CSS value to set content, header and footer padding @default 'md' */\n  padding?: MantineSpacing;\n\n  /** Controls width of the content area @default 'md' */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Props passed down to react-remove-scroll, can be used to customize scroll lock behavior */\n  removeScrollProps?: RemoveScrollProps;\n}\n\nexport function ModalBase({\n  keepMounted,\n  opened,\n  onClose,\n  id,\n  transitionProps,\n  onExitTransitionEnd,\n  onEnterTransitionEnd,\n  trapFocus,\n  closeOnEscape,\n  returnFocus,\n  closeOnClickOutside,\n  withinPortal,\n  portalProps,\n  lockScroll,\n  children,\n  zIndex,\n  shadow,\n  padding,\n  __vars,\n  unstyled,\n  removeScrollProps,\n  ...others\n}: ModalBaseProps) {\n  const { _id, titleMounted, bodyMounted, shouldLockScroll, setTitleMounted, setBodyMounted } =\n    useModal({ id, transitionProps, opened, trapFocus, closeOnEscape, onClose, returnFocus });\n\n  const { key: removeScrollKey, ...otherRemoveScrollProps } = removeScrollProps || {};\n\n  return (\n    <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n      <ModalBaseProvider\n        value={{\n          opened,\n          onClose,\n          closeOnClickOutside,\n          onExitTransitionEnd,\n          onEnterTransitionEnd,\n          transitionProps: { ...transitionProps, keepMounted },\n          getTitleId: () => `${_id}-title`,\n          getBodyId: () => `${_id}-body`,\n          titleMounted,\n          bodyMounted,\n          setTitleMounted,\n          setBodyMounted,\n          trapFocus,\n          closeOnEscape,\n          zIndex,\n          unstyled,\n        }}\n      >\n        <RemoveScroll\n          enabled={shouldLockScroll && lockScroll}\n          key={removeScrollKey}\n          {...otherRemoveScrollProps}\n        >\n          <Box\n            {...others}\n            id={_id}\n            __vars={{\n              ...__vars,\n              '--mb-z-index': (zIndex || getDefaultZIndex('modal')).toString(),\n              '--mb-shadow': getShadow(shadow),\n              '--mb-padding': getSpacing(padding),\n            }}\n          >\n            {children}\n          </Box>\n        </RemoveScroll>\n      </ModalBaseProvider>\n    </OptionalPortal>\n  );\n}\n\nModalBase.displayName = '@mantine/core/ModalBase';\n"],"mappings":";;;;;;;;;;;AAmFA,SAAgB,UAAU,EACxB,aACA,QACA,SACA,IACA,iBACA,qBACA,sBACA,WACA,eACA,aACA,qBACA,cACA,aACA,YACA,UACA,QACA,QACA,SACA,QACA,UACA,mBACA,GAAG,UACc;CACjB,MAAM,EAAE,KAAK,cAAc,aAAa,kBAAkB,iBAAiB,mBACzEA,kBAAAA,SAAS;EAAE;EAAI;EAAiB;EAAQ;EAAW;EAAe;EAAS;CAAY,CAAC;CAE1F,MAAM,EAAE,KAAK,iBAAiB,GAAG,2BAA2B,qBAAqB,CAAC;CAElF,OACE,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,gBAAD;EAAgB,GAAI;EAA2B;YAC7C,iBAAA,GAAA,kBAAA,KAACC,0BAAAA,mBAAD;GACE,OAAO;IACL;IACA;IACA;IACA;IACA;IACA,iBAAiB;KAAE,GAAG;KAAiB;IAAY;IACnD,kBAAkB,GAAG,IAAI;IACzB,iBAAiB,GAAG,IAAI;IACxB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;aAEA,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,cAAD;IACE,SAAS,oBAAoB;IAE7B,GAAI;cAEJ,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;KACE,GAAI;KACJ,IAAI;KACJ,QAAQ;MACN,GAAG;MACH,iBAAiB,UAAUC,4BAAAA,iBAAiB,OAAO,GAAG,SAAS;MAC/D,eAAeC,iBAAAA,UAAU,MAAM;MAC/B,gBAAgBC,iBAAAA,WAAW,OAAO;KACpC;KAEC;IACE,CAAA;GACO,GAfP,eAeO;EACG,CAAA;CACL,CAAA;AAEpB;AAEA,UAAU,cAAc"}

package/cjs/components/ModalBase/ModalBase.context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBase.context.cjs","names":["createSafeContext"],"sources":["../../../src/components/ModalBase/ModalBase.context.ts"],"sourcesContent":["import { createSafeContext } from '../../core';\nimport { TransitionOverride } from '../Transition';\n\ninterface ModalBaseContextValue {\n  unstyled: boolean | undefined;\n  titleMounted: boolean;\n  bodyMounted: boolean;\n  setTitleMounted: (value: boolean) => void;\n  setBodyMounted: (value: boolean) => void;\n  getTitleId: () => string;\n  getBodyId: () => string;\n  transitionProps: Partial<TransitionOverride> | undefined;\n  onExitTransitionEnd: (() => void) | undefined;\n  onEnterTransitionEnd: (() => void) | undefined;\n  zIndex: string | number | undefined;\n\n  opened: boolean;\n  onClose: () => void;\n\n  closeOnEscape: boolean | undefined;\n  trapFocus: boolean | undefined;\n  closeOnClickOutside: boolean | undefined;\n}\n\nexport const [ModalBaseProvider, useModalBaseContext] = createSafeContext<ModalBaseContextValue>(\n  'ModalBase component was not found in tree'\n);\n"],"mappings":";;AAwBA,MAAa,CAAC,mBAAmB,+FAAuBA,kBACtD,4CACD"}
+{"version":3,"file":"ModalBase.context.cjs","names":["createSafeContext"],"sources":["../../../src/components/ModalBase/ModalBase.context.ts"],"sourcesContent":["import { createSafeContext } from '../../core';\nimport { TransitionOverride } from '../Transition';\n\ninterface ModalBaseContextValue {\n  unstyled: boolean | undefined;\n  titleMounted: boolean;\n  bodyMounted: boolean;\n  setTitleMounted: (value: boolean) => void;\n  setBodyMounted: (value: boolean) => void;\n  getTitleId: () => string;\n  getBodyId: () => string;\n  transitionProps: Partial<TransitionOverride> | undefined;\n  onExitTransitionEnd: (() => void) | undefined;\n  onEnterTransitionEnd: (() => void) | undefined;\n  zIndex: string | number | undefined;\n\n  opened: boolean;\n  onClose: () => void;\n\n  closeOnEscape: boolean | undefined;\n  trapFocus: boolean | undefined;\n  closeOnClickOutside: boolean | undefined;\n}\n\nexport const [ModalBaseProvider, useModalBaseContext] = createSafeContext<ModalBaseContextValue>(\n  'ModalBase component was not found in tree'\n);\n"],"mappings":";;AAwBA,MAAa,CAAC,mBAAmB,6FAAuBA,EAAAA,kBACtD,2CACF"}

package/cjs/components/ModalBase/ModalBaseBody.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBaseBody.cjs","names":["useModalBodyId","useModalBaseContext","Box","classes"],"sources":["../../../src/components/ModalBase/ModalBaseBody.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { Box, BoxProps, ElementProps } from '../../core';\nimport { useModalBaseContext } from './ModalBase.context';\nimport { useModalBodyId } from './use-modal-body-id';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseBodyProps extends BoxProps, ElementProps<'div'> {}\n\nexport function ModalBaseBody({ className, ...others }: ModalBaseBodyProps) {\n  const bodyId = useModalBodyId();\n  const ctx = useModalBaseContext();\n  return (\n    <Box id={bodyId} className={cx({ [classes.body]: !ctx.unstyled }, className)} {...others} />\n  );\n}\n\nModalBaseBody.displayName = '@mantine/core/ModalBaseBody';\n"],"mappings":";;;;;;;;;;AAQA,SAAgB,cAAc,EAAE,WAAW,GAAG,UAA8B;CAC1E,MAAM,SAASA,0BAAAA,gBAAgB;CAC/B,MAAM,MAAMC,0BAAAA,qBAAqB;AACjC,QACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EAAK,IAAI;EAAQ,YAAA,GAAA,KAAA,SAAc,GAAGC,yBAAAA,QAAQ,OAAO,CAAC,IAAI,UAAU,EAAE,UAAU;EAAE,GAAI;EAAU,CAAA;;AAIhG,cAAc,cAAc"}
+{"version":3,"file":"ModalBaseBody.cjs","names":["useModalBodyId","useModalBaseContext","Box","classes"],"sources":["../../../src/components/ModalBase/ModalBaseBody.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { Box, BoxProps, ElementProps } from '../../core';\nimport { useModalBaseContext } from './ModalBase.context';\nimport { useModalBodyId } from './use-modal-body-id';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseBodyProps extends BoxProps, ElementProps<'div'> {}\n\nexport function ModalBaseBody({ className, ...others }: ModalBaseBodyProps) {\n  const bodyId = useModalBodyId();\n  const ctx = useModalBaseContext();\n  return (\n    <Box id={bodyId} className={cx({ [classes.body]: !ctx.unstyled }, className)} {...others} />\n  );\n}\n\nModalBaseBody.displayName = '@mantine/core/ModalBaseBody';\n"],"mappings":";;;;;;;;;;AAQA,SAAgB,cAAc,EAAE,WAAW,GAAG,UAA8B;CAC1E,MAAM,SAASA,0BAAAA,eAAe;CAC9B,MAAM,MAAMC,0BAAAA,oBAAoB;CAChC,OACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EAAK,IAAI;EAAQ,YAAA,GAAA,KAAA,SAAc,GAAGC,yBAAAA,QAAQ,OAAO,CAAC,IAAI,SAAS,GAAG,SAAS;EAAG,GAAI;CAAS,CAAA;AAE/F;AAEA,cAAc,cAAc"}

package/cjs/components/ModalBase/ModalBaseCloseButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBaseCloseButton.cjs","names":["useModalBaseContext","CloseButton","classes"],"sources":["../../../src/components/ModalBase/ModalBaseCloseButton.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { BoxProps, ElementProps } from '../../core';\nimport { __CloseButtonProps, CloseButton } from '../CloseButton';\nimport { useModalBaseContext } from './ModalBase.context';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseCloseButtonProps\n  extends __CloseButtonProps, BoxProps, ElementProps<'button'> {}\n\nexport function ModalBaseCloseButton({ className, onClick, ...others }: ModalBaseCloseButtonProps) {\n  const ctx = useModalBaseContext();\n  return (\n    <CloseButton\n      {...others}\n      onClick={(event) => {\n        ctx.onClose();\n        onClick?.(event);\n      }}\n      className={cx({ [classes.close]: !ctx.unstyled }, className)}\n      unstyled={ctx.unstyled}\n    />\n  );\n}\n\nModalBaseCloseButton.displayName = '@mantine/core/ModalBaseCloseButton';\n"],"mappings":";;;;;;;;;AASA,SAAgB,qBAAqB,EAAE,WAAW,SAAS,GAAG,UAAqC;CACjG,MAAM,MAAMA,0BAAAA,qBAAqB;AACjC,QACE,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,aAAD;EACE,GAAI;EACJ,UAAU,UAAU;AAClB,OAAI,SAAS;AACb,aAAU,MAAM;;EAElB,YAAA,GAAA,KAAA,SAAc,GAAGC,yBAAAA,QAAQ,QAAQ,CAAC,IAAI,UAAU,EAAE,UAAU;EAC5D,UAAU,IAAI;EACd,CAAA;;AAIN,qBAAqB,cAAc"}
+{"version":3,"file":"ModalBaseCloseButton.cjs","names":["useModalBaseContext","CloseButton","classes"],"sources":["../../../src/components/ModalBase/ModalBaseCloseButton.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { BoxProps, ElementProps } from '../../core';\nimport { __CloseButtonProps, CloseButton } from '../CloseButton';\nimport { useModalBaseContext } from './ModalBase.context';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseCloseButtonProps\n  extends __CloseButtonProps, BoxProps, ElementProps<'button'> {}\n\nexport function ModalBaseCloseButton({ className, onClick, ...others }: ModalBaseCloseButtonProps) {\n  const ctx = useModalBaseContext();\n  return (\n    <CloseButton\n      {...others}\n      onClick={(event) => {\n        ctx.onClose();\n        onClick?.(event);\n      }}\n      className={cx({ [classes.close]: !ctx.unstyled }, className)}\n      unstyled={ctx.unstyled}\n    />\n  );\n}\n\nModalBaseCloseButton.displayName = '@mantine/core/ModalBaseCloseButton';\n"],"mappings":";;;;;;;;;AASA,SAAgB,qBAAqB,EAAE,WAAW,SAAS,GAAG,UAAqC;CACjG,MAAM,MAAMA,0BAAAA,oBAAoB;CAChC,OACE,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,aAAD;EACE,GAAI;EACJ,UAAU,UAAU;GAClB,IAAI,QAAQ;GACZ,UAAU,KAAK;EACjB;EACA,YAAA,GAAA,KAAA,SAAc,GAAGC,yBAAAA,QAAQ,QAAQ,CAAC,IAAI,SAAS,GAAG,SAAS;EAC3D,UAAU,IAAI;CACf,CAAA;AAEL;AAEA,qBAAqB,cAAc"}

package/cjs/components/ModalBase/ModalBaseContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBaseContent.cjs","names":["useModalBaseContext","Transition","classes","FocusTrap","Paper"],"sources":["../../../src/components/ModalBase/ModalBaseContent.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { BoxProps, ElementProps, MantineRadius, MantineShadow } from '../../core';\nimport { FocusTrap } from '../FocusTrap';\nimport { Paper } from '../Paper';\nimport { Transition, TransitionOverride } from '../Transition';\nimport { useModalBaseContext } from './ModalBase.context';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseContentProps extends BoxProps, ElementProps<'div'> {\n  /** Props passed down to the `Transition` component */\n  transitionProps?: TransitionOverride;\n\n  /** Key of `theme.shadows` or any valid CSS value to set `box-shadow` */\n  shadow?: MantineShadow;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem @default theme.defaultRadius */\n  radius?: MantineRadius;\n}\n\ninterface _ModalBaseContentProps extends ModalBaseContentProps {\n  innerProps: React.ComponentProps<'div'>;\n}\n\nexport function ModalBaseContent({\n  transitionProps,\n  className,\n  innerProps,\n  onKeyDown,\n  style,\n  ref,\n  ...others\n}: _ModalBaseContentProps) {\n  const ctx = useModalBaseContext();\n\n  return (\n    <Transition\n      mounted={ctx.opened}\n      transition=\"pop\"\n      {...ctx.transitionProps}\n      onExited={() => {\n        ctx.onExitTransitionEnd?.();\n        ctx.transitionProps?.onExited?.();\n      }}\n      onEntered={() => {\n        ctx.onEnterTransitionEnd?.();\n        ctx.transitionProps?.onEntered?.();\n      }}\n      {...transitionProps}\n    >\n      {(transitionStyles) => (\n        <div\n          {...innerProps}\n          className={cx({ [classes.inner]: !ctx.unstyled }, innerProps.className)}\n        >\n          <FocusTrap active={ctx.opened && ctx.trapFocus} innerRef={ref}>\n            <Paper\n              {...others}\n              component=\"section\"\n              role=\"dialog\"\n              tabIndex={-1}\n              aria-modal\n              aria-describedby={ctx.bodyMounted ? ctx.getBodyId() : undefined}\n              aria-labelledby={ctx.titleMounted ? ctx.getTitleId() : undefined}\n              style={[style, transitionStyles]}\n              className={cx({ [classes.content]: !ctx.unstyled }, className)}\n              unstyled={ctx.unstyled}\n            >\n              {others.children}\n            </Paper>\n          </FocusTrap>\n        </div>\n      )}\n    </Transition>\n  );\n}\n\nModalBaseContent.displayName = '@mantine/core/ModalBaseContent';\n"],"mappings":";;;;;;;;;;;AAuBA,SAAgB,iBAAiB,EAC/B,iBACA,WACA,YACA,WACA,OACA,KACA,GAAG,UACsB;CACzB,MAAM,MAAMA,0BAAAA,qBAAqB;AAEjC,QACE,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,YAAD;EACE,SAAS,IAAI;EACb,YAAW;EACX,GAAI,IAAI;EACR,gBAAgB;AACd,OAAI,uBAAuB;AAC3B,OAAI,iBAAiB,YAAY;;EAEnC,iBAAiB;AACf,OAAI,wBAAwB;AAC5B,OAAI,iBAAiB,aAAa;;EAEpC,GAAI;aAEF,qBACA,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,GAAI;GACJ,YAAA,GAAA,KAAA,SAAc,GAAGC,yBAAAA,QAAQ,QAAQ,CAAC,IAAI,UAAU,EAAE,WAAW,UAAU;aAEvE,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,WAAD;IAAW,QAAQ,IAAI,UAAU,IAAI;IAAW,UAAU;cACxD,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;KACE,GAAI;KACJ,WAAU;KACV,MAAK;KACL,UAAU;KACV,cAAA;KACA,oBAAkB,IAAI,cAAc,IAAI,WAAW,GAAG,KAAA;KACtD,mBAAiB,IAAI,eAAe,IAAI,YAAY,GAAG,KAAA;KACvD,OAAO,CAAC,OAAO,iBAAiB;KAChC,YAAA,GAAA,KAAA,SAAc,GAAGF,yBAAAA,QAAQ,UAAU,CAAC,IAAI,UAAU,EAAE,UAAU;KAC9D,UAAU,IAAI;eAEb,OAAO;KACF,CAAA;IACE,CAAA;GACR,CAAA;EAEG,CAAA;;AAIjB,iBAAiB,cAAc"}
+{"version":3,"file":"ModalBaseContent.cjs","names":["useModalBaseContext","Transition","classes","FocusTrap","Paper"],"sources":["../../../src/components/ModalBase/ModalBaseContent.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { BoxProps, ElementProps, MantineRadius, MantineShadow } from '../../core';\nimport { FocusTrap } from '../FocusTrap';\nimport { Paper } from '../Paper';\nimport { Transition, TransitionOverride } from '../Transition';\nimport { useModalBaseContext } from './ModalBase.context';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseContentProps extends BoxProps, ElementProps<'div'> {\n  /** Props passed down to the `Transition` component */\n  transitionProps?: TransitionOverride;\n\n  /** Key of `theme.shadows` or any valid CSS value to set `box-shadow` */\n  shadow?: MantineShadow;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem @default theme.defaultRadius */\n  radius?: MantineRadius;\n}\n\ninterface _ModalBaseContentProps extends ModalBaseContentProps {\n  innerProps: React.ComponentProps<'div'>;\n}\n\nexport function ModalBaseContent({\n  transitionProps,\n  className,\n  innerProps,\n  onKeyDown,\n  style,\n  ref,\n  ...others\n}: _ModalBaseContentProps) {\n  const ctx = useModalBaseContext();\n\n  return (\n    <Transition\n      mounted={ctx.opened}\n      transition=\"pop\"\n      {...ctx.transitionProps}\n      onExited={() => {\n        ctx.onExitTransitionEnd?.();\n        ctx.transitionProps?.onExited?.();\n      }}\n      onEntered={() => {\n        ctx.onEnterTransitionEnd?.();\n        ctx.transitionProps?.onEntered?.();\n      }}\n      {...transitionProps}\n    >\n      {(transitionStyles) => (\n        <div\n          {...innerProps}\n          className={cx({ [classes.inner]: !ctx.unstyled }, innerProps.className)}\n        >\n          <FocusTrap active={ctx.opened && ctx.trapFocus} innerRef={ref}>\n            <Paper\n              {...others}\n              component=\"section\"\n              role=\"dialog\"\n              tabIndex={-1}\n              aria-modal\n              aria-describedby={ctx.bodyMounted ? ctx.getBodyId() : undefined}\n              aria-labelledby={ctx.titleMounted ? ctx.getTitleId() : undefined}\n              style={[style, transitionStyles]}\n              className={cx({ [classes.content]: !ctx.unstyled }, className)}\n              unstyled={ctx.unstyled}\n            >\n              {others.children}\n            </Paper>\n          </FocusTrap>\n        </div>\n      )}\n    </Transition>\n  );\n}\n\nModalBaseContent.displayName = '@mantine/core/ModalBaseContent';\n"],"mappings":";;;;;;;;;;;AAuBA,SAAgB,iBAAiB,EAC/B,iBACA,WACA,YACA,WACA,OACA,KACA,GAAG,UACsB;CACzB,MAAM,MAAMA,0BAAAA,oBAAoB;CAEhC,OACE,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,YAAD;EACE,SAAS,IAAI;EACb,YAAW;EACX,GAAI,IAAI;EACR,gBAAgB;GACd,IAAI,sBAAsB;GAC1B,IAAI,iBAAiB,WAAW;EAClC;EACA,iBAAiB;GACf,IAAI,uBAAuB;GAC3B,IAAI,iBAAiB,YAAY;EACnC;EACA,GAAI;aAEF,qBACA,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,GAAI;GACJ,YAAA,GAAA,KAAA,SAAc,GAAGC,yBAAAA,QAAQ,QAAQ,CAAC,IAAI,SAAS,GAAG,WAAW,SAAS;aAEtE,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,WAAD;IAAW,QAAQ,IAAI,UAAU,IAAI;IAAW,UAAU;cACxD,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;KACE,GAAI;KACJ,WAAU;KACV,MAAK;KACL,UAAU;KACV,cAAA;KACA,oBAAkB,IAAI,cAAc,IAAI,UAAU,IAAI,KAAA;KACtD,mBAAiB,IAAI,eAAe,IAAI,WAAW,IAAI,KAAA;KACvD,OAAO,CAAC,OAAO,gBAAgB;KAC/B,YAAA,GAAA,KAAA,SAAc,GAAGF,yBAAAA,QAAQ,UAAU,CAAC,IAAI,SAAS,GAAG,SAAS;KAC7D,UAAU,IAAI;eAEb,OAAO;IACH,CAAA;GACE,CAAA;EACR,CAAA;CAEG,CAAA;AAEhB;AAEA,iBAAiB,cAAc"}

package/cjs/components/ModalBase/ModalBaseHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBaseHeader.cjs","names":["useModalBaseContext","Box","classes"],"sources":["../../../src/components/ModalBase/ModalBaseHeader.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { Box, BoxProps, ElementProps } from '../../core';\nimport { useModalBaseContext } from './ModalBase.context';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseHeaderProps extends BoxProps, ElementProps<'header'> {}\n\nexport function ModalBaseHeader({ className, ...others }: ModalBaseHeaderProps) {\n  const ctx = useModalBaseContext();\n  return (\n    <Box\n      component=\"header\"\n      className={cx({ [classes.header]: !ctx.unstyled }, className)}\n      {...others}\n    />\n  );\n}\n\nModalBaseHeader.displayName = '@mantine/core/ModalBaseHeader';\n"],"mappings":";;;;;;;;;AAOA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,UAAgC;CAC9E,MAAM,MAAMA,0BAAAA,qBAAqB;AACjC,QACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,WAAU;EACV,YAAA,GAAA,KAAA,SAAc,GAAGC,yBAAAA,QAAQ,SAAS,CAAC,IAAI,UAAU,EAAE,UAAU;EAC7D,GAAI;EACJ,CAAA;;AAIN,gBAAgB,cAAc"}
+{"version":3,"file":"ModalBaseHeader.cjs","names":["useModalBaseContext","Box","classes"],"sources":["../../../src/components/ModalBase/ModalBaseHeader.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { Box, BoxProps, ElementProps } from '../../core';\nimport { useModalBaseContext } from './ModalBase.context';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseHeaderProps extends BoxProps, ElementProps<'header'> {}\n\nexport function ModalBaseHeader({ className, ...others }: ModalBaseHeaderProps) {\n  const ctx = useModalBaseContext();\n  return (\n    <Box\n      component=\"header\"\n      className={cx({ [classes.header]: !ctx.unstyled }, className)}\n      {...others}\n    />\n  );\n}\n\nModalBaseHeader.displayName = '@mantine/core/ModalBaseHeader';\n"],"mappings":";;;;;;;;;AAOA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,UAAgC;CAC9E,MAAM,MAAMA,0BAAAA,oBAAoB;CAChC,OACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,WAAU;EACV,YAAA,GAAA,KAAA,SAAc,GAAGC,yBAAAA,QAAQ,SAAS,CAAC,IAAI,SAAS,GAAG,SAAS;EAC5D,GAAI;CACL,CAAA;AAEL;AAEA,gBAAgB,cAAc"}

package/cjs/components/ModalBase/ModalBaseOverlay.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBaseOverlay.cjs","names":["useModalBaseContext","useModalTransition","Transition","Overlay"],"sources":["../../../src/components/ModalBase/ModalBaseOverlay.tsx"],"sourcesContent":["import { ElementProps } from '../../core';\nimport { Overlay, OverlayProps } from '../Overlay';\nimport { Transition, TransitionOverride } from '../Transition';\nimport { useModalBaseContext } from './ModalBase.context';\nimport { useModalTransition } from './use-modal-transition';\n\nexport interface ModalBaseOverlayProps\n  extends\n    Omit<OverlayProps, 'styles' | 'classNames' | 'variant' | 'vars'>,\n    ElementProps<'div', 'color'> {\n  /** Props passed down to the `Transition` component */\n  transitionProps?: TransitionOverride;\n\n  /** Determines whether the overlay should be visible. By default, has the same value as `opened` state. */\n  visible?: boolean;\n}\n\nexport function ModalBaseOverlay({\n  onClick,\n  transitionProps,\n  style,\n  visible,\n  ...others\n}: ModalBaseOverlayProps) {\n  const ctx = useModalBaseContext();\n  const transition = useModalTransition(transitionProps);\n\n  return (\n    <Transition\n      mounted={visible !== undefined ? visible : ctx.opened}\n      {...transition}\n      transition=\"fade\"\n    >\n      {(transitionStyles) => (\n        <Overlay\n          fixed\n          style={[style, transitionStyles]}\n          zIndex={ctx.zIndex}\n          unstyled={ctx.unstyled}\n          onClick={(event) => {\n            onClick?.(event);\n            ctx.closeOnClickOutside && ctx.onClose();\n          }}\n          {...others}\n        />\n      )}\n    </Transition>\n  );\n}\n\nModalBaseOverlay.displayName = '@mantine/core/ModalBaseOverlay';\n"],"mappings":";;;;;;;;AAiBA,SAAgB,iBAAiB,EAC/B,SACA,iBACA,OACA,SACA,GAAG,UACqB;CACxB,MAAM,MAAMA,0BAAAA,qBAAqB;CACjC,MAAM,aAAaC,6BAAAA,mBAAmB,gBAAgB;AAEtD,QACE,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,YAAD;EACE,SAAS,YAAY,KAAA,IAAY,UAAU,IAAI;EAC/C,GAAI;EACJ,YAAW;aAET,qBACA,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD;GACE,OAAA;GACA,OAAO,CAAC,OAAO,iBAAiB;GAChC,QAAQ,IAAI;GACZ,UAAU,IAAI;GACd,UAAU,UAAU;AAClB,cAAU,MAAM;AAChB,QAAI,uBAAuB,IAAI,SAAS;;GAE1C,GAAI;GACJ,CAAA;EAEO,CAAA;;AAIjB,iBAAiB,cAAc"}
+{"version":3,"file":"ModalBaseOverlay.cjs","names":["useModalBaseContext","useModalTransition","Transition","Overlay"],"sources":["../../../src/components/ModalBase/ModalBaseOverlay.tsx"],"sourcesContent":["import { ElementProps } from '../../core';\nimport { Overlay, OverlayProps } from '../Overlay';\nimport { Transition, TransitionOverride } from '../Transition';\nimport { useModalBaseContext } from './ModalBase.context';\nimport { useModalTransition } from './use-modal-transition';\n\nexport interface ModalBaseOverlayProps\n  extends\n    Omit<OverlayProps, 'styles' | 'classNames' | 'variant' | 'vars'>,\n    ElementProps<'div', 'color'> {\n  /** Props passed down to the `Transition` component */\n  transitionProps?: TransitionOverride;\n\n  /** Determines whether the overlay should be visible. By default, has the same value as `opened` state. */\n  visible?: boolean;\n}\n\nexport function ModalBaseOverlay({\n  onClick,\n  transitionProps,\n  style,\n  visible,\n  ...others\n}: ModalBaseOverlayProps) {\n  const ctx = useModalBaseContext();\n  const transition = useModalTransition(transitionProps);\n\n  return (\n    <Transition\n      mounted={visible !== undefined ? visible : ctx.opened}\n      {...transition}\n      transition=\"fade\"\n    >\n      {(transitionStyles) => (\n        <Overlay\n          fixed\n          style={[style, transitionStyles]}\n          zIndex={ctx.zIndex}\n          unstyled={ctx.unstyled}\n          onClick={(event) => {\n            onClick?.(event);\n            ctx.closeOnClickOutside && ctx.onClose();\n          }}\n          {...others}\n        />\n      )}\n    </Transition>\n  );\n}\n\nModalBaseOverlay.displayName = '@mantine/core/ModalBaseOverlay';\n"],"mappings":";;;;;;;;AAiBA,SAAgB,iBAAiB,EAC/B,SACA,iBACA,OACA,SACA,GAAG,UACqB;CACxB,MAAM,MAAMA,0BAAAA,oBAAoB;CAChC,MAAM,aAAaC,6BAAAA,mBAAmB,eAAe;CAErD,OACE,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,YAAD;EACE,SAAS,YAAY,KAAA,IAAY,UAAU,IAAI;EAC/C,GAAI;EACJ,YAAW;aAET,qBACA,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD;GACE,OAAA;GACA,OAAO,CAAC,OAAO,gBAAgB;GAC/B,QAAQ,IAAI;GACZ,UAAU,IAAI;GACd,UAAU,UAAU;IAClB,UAAU,KAAK;IACf,IAAI,uBAAuB,IAAI,QAAQ;GACzC;GACA,GAAI;EACL,CAAA;CAEO,CAAA;AAEhB;AAEA,iBAAiB,cAAc"}

package/cjs/components/ModalBase/ModalBaseTitle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBaseTitle.cjs","names":["useModalTitle","useModalBaseContext","Box","classes"],"sources":["../../../src/components/ModalBase/ModalBaseTitle.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { Box, BoxProps, ElementProps } from '../../core';\nimport { useModalBaseContext } from './ModalBase.context';\nimport { useModalTitle } from './use-modal-title-id';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseTitleProps extends BoxProps, ElementProps<'h2'> {}\n\nexport function ModalBaseTitle({ className, ...others }: ModalBaseTitleProps) {\n  const id = useModalTitle();\n  const ctx = useModalBaseContext();\n  return (\n    <Box\n      component=\"h2\"\n      className={cx({ [classes.title]: !ctx.unstyled }, className)}\n      id={id}\n      {...others}\n    />\n  );\n}\n\nModalBaseTitle.displayName = '@mantine/core/ModalBaseTitle';\n"],"mappings":";;;;;;;;;;AAQA,SAAgB,eAAe,EAAE,WAAW,GAAG,UAA+B;CAC5E,MAAM,KAAKA,2BAAAA,eAAe;CAC1B,MAAM,MAAMC,0BAAAA,qBAAqB;AACjC,QACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,WAAU;EACV,YAAA,GAAA,KAAA,SAAc,GAAGC,yBAAAA,QAAQ,QAAQ,CAAC,IAAI,UAAU,EAAE,UAAU;EACxD;EACJ,GAAI;EACJ,CAAA;;AAIN,eAAe,cAAc"}
+{"version":3,"file":"ModalBaseTitle.cjs","names":["useModalTitle","useModalBaseContext","Box","classes"],"sources":["../../../src/components/ModalBase/ModalBaseTitle.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { Box, BoxProps, ElementProps } from '../../core';\nimport { useModalBaseContext } from './ModalBase.context';\nimport { useModalTitle } from './use-modal-title-id';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseTitleProps extends BoxProps, ElementProps<'h2'> {}\n\nexport function ModalBaseTitle({ className, ...others }: ModalBaseTitleProps) {\n  const id = useModalTitle();\n  const ctx = useModalBaseContext();\n  return (\n    <Box\n      component=\"h2\"\n      className={cx({ [classes.title]: !ctx.unstyled }, className)}\n      id={id}\n      {...others}\n    />\n  );\n}\n\nModalBaseTitle.displayName = '@mantine/core/ModalBaseTitle';\n"],"mappings":";;;;;;;;;;AAQA,SAAgB,eAAe,EAAE,WAAW,GAAG,UAA+B;CAC5E,MAAM,KAAKA,2BAAAA,cAAc;CACzB,MAAM,MAAMC,0BAAAA,oBAAoB;CAChC,OACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,WAAU;EACV,YAAA,GAAA,KAAA,SAAc,GAAGC,yBAAAA,QAAQ,QAAQ,CAAC,IAAI,SAAS,GAAG,SAAS;EACvD;EACJ,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

package/cjs/components/ModalBase/NativeScrollArea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NativeScrollArea.cjs","names":[],"sources":["../../../src/components/ModalBase/NativeScrollArea.tsx"],"sourcesContent":["interface NativeScrollAreaProps {\n  children: React.ReactNode;\n}\n\nexport function NativeScrollArea({ children }: NativeScrollAreaProps) {\n  return <>{children}</>;\n}\n"],"mappings":";;;;AAIA,SAAgB,iBAAiB,EAAE,YAAmC;AACpE,QAAO,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAG,UAAY,CAAA"}
+{"version":3,"file":"NativeScrollArea.cjs","names":[],"sources":["../../../src/components/ModalBase/NativeScrollArea.tsx"],"sourcesContent":["interface NativeScrollAreaProps {\n  children: React.ReactNode;\n}\n\nexport function NativeScrollArea({ children }: NativeScrollAreaProps) {\n  return <>{children}</>;\n}\n"],"mappings":";;;;AAIA,SAAgB,iBAAiB,EAAE,YAAmC;CACpE,OAAO,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAG,SAAW,CAAA;AACvB"}

package/cjs/components/ModalBase/use-lock-scroll.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-lock-scroll.cjs","names":[],"sources":["../../../src/components/ModalBase/use-lock-scroll.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useReducedMotion } from '@mantine/hooks';\n\ninterface UseScrollLock {\n  opened: boolean;\n  transitionDuration: number;\n}\n\nexport function useLockScroll({ opened, transitionDuration }: UseScrollLock) {\n  const [shouldLockScroll, setShouldLockScroll] = useState(opened);\n  const timeout = useRef<number>(-1);\n  const reduceMotion = useReducedMotion();\n  const _transitionDuration = reduceMotion ? 0 : transitionDuration;\n\n  useEffect(() => {\n    if (opened) {\n      setShouldLockScroll(true);\n      window.clearTimeout(timeout.current);\n    } else if (_transitionDuration === 0) {\n      setShouldLockScroll(false);\n    } else {\n      timeout.current = window.setTimeout(() => setShouldLockScroll(false), _transitionDuration);\n    }\n\n    return () => window.clearTimeout(timeout.current);\n  }, [opened, _transitionDuration]);\n\n  return shouldLockScroll;\n}\n"],"mappings":";;;;;AAQA,SAAgB,cAAc,EAAE,QAAQ,sBAAqC;CAC3E,MAAM,CAAC,kBAAkB,wBAAA,GAAA,MAAA,UAAgC,OAAO;CAChE,MAAM,WAAA,GAAA,MAAA,QAAyB,GAAG;CAElC,MAAM,uBAAA,GAAA,eAAA,mBADiC,GACI,IAAI;AAE/C,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,QAAQ;AACV,uBAAoB,KAAK;AACzB,UAAO,aAAa,QAAQ,QAAQ;aAC3B,wBAAwB,EACjC,qBAAoB,MAAM;MAE1B,SAAQ,UAAU,OAAO,iBAAiB,oBAAoB,MAAM,EAAE,oBAAoB;AAG5F,eAAa,OAAO,aAAa,QAAQ,QAAQ;IAChD,CAAC,QAAQ,oBAAoB,CAAC;AAEjC,QAAO"}
+{"version":3,"file":"use-lock-scroll.cjs","names":[],"sources":["../../../src/components/ModalBase/use-lock-scroll.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useReducedMotion } from '@mantine/hooks';\n\ninterface UseScrollLock {\n  opened: boolean;\n  transitionDuration: number;\n}\n\nexport function useLockScroll({ opened, transitionDuration }: UseScrollLock) {\n  const [shouldLockScroll, setShouldLockScroll] = useState(opened);\n  const timeout = useRef<number>(-1);\n  const reduceMotion = useReducedMotion();\n  const _transitionDuration = reduceMotion ? 0 : transitionDuration;\n\n  useEffect(() => {\n    if (opened) {\n      setShouldLockScroll(true);\n      window.clearTimeout(timeout.current);\n    } else if (_transitionDuration === 0) {\n      setShouldLockScroll(false);\n    } else {\n      timeout.current = window.setTimeout(() => setShouldLockScroll(false), _transitionDuration);\n    }\n\n    return () => window.clearTimeout(timeout.current);\n  }, [opened, _transitionDuration]);\n\n  return shouldLockScroll;\n}\n"],"mappings":";;;;;AAQA,SAAgB,cAAc,EAAE,QAAQ,sBAAqC;CAC3E,MAAM,CAAC,kBAAkB,wBAAA,GAAA,MAAA,UAAgC,MAAM;CAC/D,MAAM,WAAA,GAAA,MAAA,QAAyB,EAAE;CAEjC,MAAM,uBAAA,GAAA,eAAA,kBAAiC,IAAI,IAAI;CAE/C,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,QAAQ;GACV,oBAAoB,IAAI;GACxB,OAAO,aAAa,QAAQ,OAAO;EACrC,OAAO,IAAI,wBAAwB,GACjC,oBAAoB,KAAK;OAEzB,QAAQ,UAAU,OAAO,iBAAiB,oBAAoB,KAAK,GAAG,mBAAmB;EAG3F,aAAa,OAAO,aAAa,QAAQ,OAAO;CAClD,GAAG,CAAC,QAAQ,mBAAmB,CAAC;CAEhC,OAAO;AACT"}

package/cjs/components/ModalBase/use-modal-body-id.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-modal-body-id.cjs","names":["useModalBaseContext"],"sources":["../../../src/components/ModalBase/use-modal-body-id.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useModalBaseContext } from './ModalBase.context';\n\nexport function useModalBodyId() {\n  const ctx = useModalBaseContext();\n\n  useEffect(() => {\n    ctx.setBodyMounted(true);\n    return () => ctx.setBodyMounted(false);\n  }, []);\n\n  return ctx.getBodyId();\n}\n"],"mappings":";;;;;AAGA,SAAgB,iBAAiB;CAC/B,MAAM,MAAMA,0BAAAA,qBAAqB;AAEjC,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,eAAe,KAAK;AACxB,eAAa,IAAI,eAAe,MAAM;IACrC,EAAE,CAAC;AAEN,QAAO,IAAI,WAAW"}
+{"version":3,"file":"use-modal-body-id.cjs","names":["useModalBaseContext"],"sources":["../../../src/components/ModalBase/use-modal-body-id.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useModalBaseContext } from './ModalBase.context';\n\nexport function useModalBodyId() {\n  const ctx = useModalBaseContext();\n\n  useEffect(() => {\n    ctx.setBodyMounted(true);\n    return () => ctx.setBodyMounted(false);\n  }, []);\n\n  return ctx.getBodyId();\n}\n"],"mappings":";;;;;AAGA,SAAgB,iBAAiB;CAC/B,MAAM,MAAMA,0BAAAA,oBAAoB;CAEhC,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,eAAe,IAAI;EACvB,aAAa,IAAI,eAAe,KAAK;CACvC,GAAG,CAAC,CAAC;CAEL,OAAO,IAAI,UAAU;AACvB"}

package/cjs/components/ModalBase/use-modal-title-id.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-modal-title-id.cjs","names":["useModalBaseContext"],"sources":["../../../src/components/ModalBase/use-modal-title-id.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useModalBaseContext } from './ModalBase.context';\n\nexport function useModalTitle() {\n  const ctx = useModalBaseContext();\n\n  useEffect(() => {\n    ctx.setTitleMounted(true);\n    return () => ctx.setTitleMounted(false);\n  }, []);\n\n  return ctx.getTitleId();\n}\n"],"mappings":";;;;;AAGA,SAAgB,gBAAgB;CAC9B,MAAM,MAAMA,0BAAAA,qBAAqB;AAEjC,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,gBAAgB,KAAK;AACzB,eAAa,IAAI,gBAAgB,MAAM;IACtC,EAAE,CAAC;AAEN,QAAO,IAAI,YAAY"}
+{"version":3,"file":"use-modal-title-id.cjs","names":["useModalBaseContext"],"sources":["../../../src/components/ModalBase/use-modal-title-id.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useModalBaseContext } from './ModalBase.context';\n\nexport function useModalTitle() {\n  const ctx = useModalBaseContext();\n\n  useEffect(() => {\n    ctx.setTitleMounted(true);\n    return () => ctx.setTitleMounted(false);\n  }, []);\n\n  return ctx.getTitleId();\n}\n"],"mappings":";;;;;AAGA,SAAgB,gBAAgB;CAC9B,MAAM,MAAMA,0BAAAA,oBAAoB;CAEhC,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,gBAAgB,IAAI;EACxB,aAAa,IAAI,gBAAgB,KAAK;CACxC,GAAG,CAAC,CAAC;CAEL,OAAO,IAAI,WAAW;AACxB"}

package/cjs/components/ModalBase/use-modal-transition.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-modal-transition.cjs","names":["useModalBaseContext"],"sources":["../../../src/components/ModalBase/use-modal-transition.ts"],"sourcesContent":["import { TransitionOverride } from '../Transition';\nimport { useModalBaseContext } from './ModalBase.context';\n\nconst DEFAULT_TRANSITION: TransitionOverride = {\n  duration: 200,\n  timingFunction: 'ease',\n  transition: 'fade',\n};\n\nexport function useModalTransition(\n  transitionOverride: TransitionOverride | undefined\n): TransitionOverride {\n  const ctx = useModalBaseContext();\n  return { ...DEFAULT_TRANSITION, ...ctx.transitionProps, ...transitionOverride };\n}\n"],"mappings":";;;AAGA,MAAM,qBAAyC;CAC7C,UAAU;CACV,gBAAgB;CAChB,YAAY;CACb;AAED,SAAgB,mBACd,oBACoB;CACpB,MAAM,MAAMA,0BAAAA,qBAAqB;AACjC,QAAO;EAAE,GAAG;EAAoB,GAAG,IAAI;EAAiB,GAAG;EAAoB"}
+{"version":3,"file":"use-modal-transition.cjs","names":["useModalBaseContext"],"sources":["../../../src/components/ModalBase/use-modal-transition.ts"],"sourcesContent":["import { TransitionOverride } from '../Transition';\nimport { useModalBaseContext } from './ModalBase.context';\n\nconst DEFAULT_TRANSITION: TransitionOverride = {\n  duration: 200,\n  timingFunction: 'ease',\n  transition: 'fade',\n};\n\nexport function useModalTransition(\n  transitionOverride: TransitionOverride | undefined\n): TransitionOverride {\n  const ctx = useModalBaseContext();\n  return { ...DEFAULT_TRANSITION, ...ctx.transitionProps, ...transitionOverride };\n}\n"],"mappings":";;;AAGA,MAAM,qBAAyC;CAC7C,UAAU;CACV,gBAAgB;CAChB,YAAY;AACd;AAEA,SAAgB,mBACd,oBACoB;CACpB,MAAM,MAAMA,0BAAAA,oBAAoB;CAChC,OAAO;EAAE,GAAG;EAAoB,GAAG,IAAI;EAAiB,GAAG;CAAmB;AAChF"}

package/cjs/components/ModalBase/use-modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-modal.cjs","names":["useLockScroll"],"sources":["../../../src/components/ModalBase/use-modal.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useFocusReturn, useId, useWindowEvent } from '@mantine/hooks';\nimport { TransitionOverride } from '../Transition';\nimport { useLockScroll } from './use-lock-scroll';\n\ninterface UseModalInput {\n  opened: boolean;\n  onClose: () => void;\n  id: string | undefined;\n  transitionProps: TransitionOverride | undefined;\n  trapFocus: boolean | undefined;\n  closeOnEscape: boolean | undefined;\n  returnFocus: boolean | undefined;\n}\n\nexport function useModal({\n  id,\n  transitionProps,\n  opened,\n  trapFocus,\n  closeOnEscape,\n  onClose,\n  returnFocus,\n}: UseModalInput) {\n  const _id = useId(id);\n  const [titleMounted, setTitleMounted] = useState(false);\n  const [bodyMounted, setBodyMounted] = useState(false);\n\n  const transitionDuration =\n    typeof transitionProps?.duration === 'number' ? transitionProps?.duration : 200;\n\n  const shouldLockScroll = useLockScroll({ opened, transitionDuration });\n\n  useWindowEvent(\n    'keydown',\n    (event) => {\n      if (event.key === 'Escape' && closeOnEscape && !event.isComposing && opened) {\n        const shouldTrigger =\n          (event.target as HTMLElement)?.getAttribute('data-mantine-stop-propagation') !== 'true';\n        shouldTrigger && onClose();\n      }\n    },\n    { capture: true }\n  );\n\n  useFocusReturn({ opened, shouldReturnFocus: trapFocus && returnFocus });\n\n  return {\n    _id,\n    titleMounted,\n    bodyMounted,\n    shouldLockScroll,\n    setTitleMounted,\n    setBodyMounted,\n  };\n}\n"],"mappings":";;;;;;AAeA,SAAgB,SAAS,EACvB,IACA,iBACA,QACA,WACA,eACA,SACA,eACgB;CAChB,MAAM,OAAA,GAAA,eAAA,OAAY,GAAG;CACrB,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B,MAAM;CACvD,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAA2B,MAAM;CAKrD,MAAM,mBAAmBA,wBAAAA,cAAc;EAAE;EAAQ,oBAF/C,OAAO,iBAAiB,aAAa,WAAW,iBAAiB,WAAW;EAET,CAAC;AAEtE,EAAA,GAAA,eAAA,gBACE,YACC,UAAU;AACT,MAAI,MAAM,QAAQ,YAAY,iBAAiB,CAAC,MAAM,eAAe,OAEhE,OAAM,QAAwB,aAAa,gCAAgC,KAAK,UAClE,SAAS;IAG9B,EAAE,SAAS,MAAM,CAClB;AAED,EAAA,GAAA,eAAA,gBAAe;EAAE;EAAQ,mBAAmB,aAAa;EAAa,CAAC;AAEvE,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"use-modal.cjs","names":["useLockScroll"],"sources":["../../../src/components/ModalBase/use-modal.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useFocusReturn, useId, useWindowEvent } from '@mantine/hooks';\nimport { TransitionOverride } from '../Transition';\nimport { useLockScroll } from './use-lock-scroll';\n\ninterface UseModalInput {\n  opened: boolean;\n  onClose: () => void;\n  id: string | undefined;\n  transitionProps: TransitionOverride | undefined;\n  trapFocus: boolean | undefined;\n  closeOnEscape: boolean | undefined;\n  returnFocus: boolean | undefined;\n}\n\nexport function useModal({\n  id,\n  transitionProps,\n  opened,\n  trapFocus,\n  closeOnEscape,\n  onClose,\n  returnFocus,\n}: UseModalInput) {\n  const _id = useId(id);\n  const [titleMounted, setTitleMounted] = useState(false);\n  const [bodyMounted, setBodyMounted] = useState(false);\n\n  const transitionDuration =\n    typeof transitionProps?.duration === 'number' ? transitionProps?.duration : 200;\n\n  const shouldLockScroll = useLockScroll({ opened, transitionDuration });\n\n  useWindowEvent(\n    'keydown',\n    (event) => {\n      if (event.key === 'Escape' && closeOnEscape && !event.isComposing && opened) {\n        const shouldTrigger =\n          (event.target as HTMLElement)?.getAttribute('data-mantine-stop-propagation') !== 'true';\n        shouldTrigger && onClose();\n      }\n    },\n    { capture: true }\n  );\n\n  useFocusReturn({ opened, shouldReturnFocus: trapFocus && returnFocus });\n\n  return {\n    _id,\n    titleMounted,\n    bodyMounted,\n    shouldLockScroll,\n    setTitleMounted,\n    setBodyMounted,\n  };\n}\n"],"mappings":";;;;;;AAeA,SAAgB,SAAS,EACvB,IACA,iBACA,QACA,WACA,eACA,SACA,eACgB;CAChB,MAAM,OAAA,GAAA,eAAA,OAAY,EAAE;CACpB,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B,KAAK;CACtD,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAA2B,KAAK;CAKpD,MAAM,mBAAmBA,wBAAAA,cAAc;EAAE;EAAQ,oBAF/C,OAAO,iBAAiB,aAAa,WAAW,iBAAiB,WAAW;CAEV,CAAC;CAErE,CAAA,GAAA,eAAA,gBACE,YACC,UAAU;EACT,IAAI,MAAM,QAAQ,YAAY,iBAAiB,CAAC,MAAM,eAAe,QAGnE,MADS,QAAwB,aAAa,+BAA+B,MAAM,UAClE,QAAQ;CAE7B,GACA,EAAE,SAAS,KAAK,CAClB;CAEA,CAAA,GAAA,eAAA,gBAAe;EAAE;EAAQ,mBAAmB,aAAa;CAAY,CAAC;CAEtE,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/cjs/components/MultiSelect/MultiSelect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.cjs","names":["genericFactory","useProps","getParsedComboboxData","getOptionsLockup","useCombobox","extractStyleProps","usePillsReorder","useStyles","useResolvedStylesApi","Fragment","Pill","Combobox","filterPickedValues","PillsInput","OptionsDropdown","InputBase"],"sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import { Fragment, useEffect, useRef } from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  ElementProps,\n  extractStyleProps,\n  Factory,\n  genericFactory,\n  MantineColor,\n  Primitive,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '../../core';\nimport {\n  Combobox,\n  ComboboxItem,\n  ComboboxLikeProps,\n  ComboboxLikeRenderOptionInput,\n  ComboboxLikeStylesNames,\n  ComboboxRenderPillInput,\n  getOptionsLockup,\n  getParsedComboboxData,\n  OptionsDropdown,\n  OptionsFilter,\n  useCombobox,\n  usePillsReorder,\n} from '../Combobox';\nimport {\n  __BaseInputProps,\n  __InputStylesNames,\n  ClearSectionMode,\n  InputClearButtonProps,\n} from '../Input';\nimport { InputBase } from '../InputBase';\nimport { Pill } from '../Pill';\nimport { PillsInput } from '../PillsInput';\nimport { ScrollAreaProps } from '../ScrollArea';\nimport { filterPickedValues } from './filter-picked-values';\n\nconst clearSectionOffset: Record<string, number> = {\n  xs: 41,\n  sm: 50,\n  md: 60,\n  lg: 72,\n  xl: 89,\n};\n\nexport type MultiSelectStylesNames =\n  | __InputStylesNames\n  | ComboboxLikeStylesNames\n  | 'pill'\n  | 'pillsList'\n  | 'inputField';\n\nexport interface MultiSelectProps<Value extends Primitive = string>\n  extends\n    BoxProps,\n    __BaseInputProps,\n    ComboboxLikeProps<Value>,\n    StylesApiProps<MultiSelectFactory>,\n    ElementProps<'input', 'size' | 'value' | 'defaultValue' | 'onChange'> {\n  /** Controlled component value */\n  value?: Value[];\n\n  /** Uncontrolled component default value */\n  defaultValue?: Value[];\n\n  /** Called when value changes */\n  onChange?: (value: Value[]) => void;\n\n  /** Called with `value` of the removed item */\n  onRemove?: (value: Value) => void;\n\n  /** Called when the clear button is clicked */\n  onClear?: () => void;\n\n  /** Called when user attemps to select more values than allowed */\n  onMaxValues?: () => void;\n\n  /** Controlled search value */\n  searchValue?: string;\n\n  /** Default search value */\n  defaultSearchValue?: string;\n\n  /** Called when search changes */\n  onSearchChange?: (value: string) => void;\n\n  /** Maximum number of values, no limit if not set */\n  maxValues?: number;\n\n  /** Allows searching through options by user input @default false */\n  searchable?: boolean;\n\n  /** Message displayed when no options match the search query (when searchable is enabled) or when the data array is empty. If not set, the dropdown will be hidden instead. */\n  nothingFoundMessage?: React.ReactNode;\n\n  /** If set, the check icon is displayed near the selected option label @default true */\n  withCheckIcon?: boolean;\n\n  /** If set, unchecked labels are aligned with checked ones @default false */\n  withAlignedLabels?: boolean;\n\n  /** Position of the checkmark icon shown next to selected options in the dropdown @default 'left' */\n  checkIconPosition?: 'left' | 'right';\n\n  /** When enabled, selected options are hidden from the dropdown list @default false */\n  hidePickedOptions?: boolean;\n\n  /** When enabled, displays a clear button to remove all selected values (hidden when component is empty, disabled, or read-only) @default false */\n  clearable?: boolean;\n\n  /** Determines how the clear button and rightSection are rendered @default 'both' */\n  clearSectionMode?: ClearSectionMode;\n\n  /** Props passed down to the clear button */\n  clearButtonProps?: InputClearButtonProps;\n\n  /** Props passed down to the hidden input */\n  hiddenInputProps?: Omit<React.ComponentProps<'input'>, 'value'>;\n\n  /** Divider used to separate values in the hidden input `value` attribute @default ',' */\n  hiddenInputValuesDivider?: string;\n\n  /** A function to render content of the option, replaces the default content of the option */\n  renderOption?: (item: ComboboxLikeRenderOptionInput<ComboboxItem<Value>>) => React.ReactNode;\n\n  /** A function to render content of the pill */\n  renderPill?: (props: ComboboxRenderPillInput<Value>) => React.ReactNode;\n\n  /** Props passed down to the underlying `ScrollArea` component in the dropdown */\n  scrollAreaProps?: ScrollAreaProps;\n\n  /** Controls color of the default chevron */\n  chevronColor?: MantineColor;\n\n  /** Clear search value when item is selected @default true */\n  clearSearchOnChange?: boolean;\n\n  /** Controls whether dropdown opens when the input receives focus @default true */\n  openOnFocus?: boolean;\n\n  /** If set, selected values can be reordered by dragging pills. Disabled when `disabled` or `readOnly` is set. @default false */\n  withPillsReorder?: boolean;\n}\n\nexport type MultiSelectFactory = Factory<{\n  props: MultiSelectProps;\n  ref: HTMLInputElement;\n  stylesNames: MultiSelectStylesNames;\n  signature: <Value extends Primitive = string>(\n    props: MultiSelectProps<Value>\n  ) => React.JSX.Element;\n}>;\n\nconst defaultProps = {\n  maxValues: Infinity,\n  withCheckIcon: true,\n  checkIconPosition: 'left',\n  hiddenInputValuesDivider: ',',\n  clearSearchOnChange: true,\n  openOnFocus: true,\n  size: 'sm',\n} satisfies Partial<MultiSelectProps>;\n\nexport const MultiSelect = genericFactory<MultiSelectFactory>((_props) => {\n  const props = useProps(['Input', 'InputWrapper', 'MultiSelect'], defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    size,\n    value,\n    defaultValue,\n    onChange,\n    onKeyDown,\n    variant,\n    data,\n    dropdownOpened,\n    defaultDropdownOpened,\n    onDropdownOpen,\n    onDropdownClose,\n    selectFirstOptionOnChange,\n    selectFirstOptionOnDropdownOpen,\n    onOptionSubmit,\n    comboboxProps,\n    filter,\n    limit,\n    withScrollArea,\n    maxDropdownHeight,\n    searchValue,\n    defaultSearchValue,\n    onSearchChange,\n    readOnly,\n    disabled,\n    onFocus,\n    onBlur,\n    radius,\n    rightSection,\n    rightSectionWidth,\n    rightSectionPointerEvents,\n    rightSectionProps,\n    leftSection,\n    leftSectionWidth,\n    leftSectionPointerEvents,\n    leftSectionProps,\n    inputContainer,\n    inputWrapperOrder,\n    withAsterisk,\n    labelProps,\n    descriptionProps,\n    errorProps,\n    wrapperProps,\n    description,\n    label,\n    error,\n    maxValues,\n    searchable,\n    nothingFoundMessage,\n    withCheckIcon,\n    withAlignedLabels,\n    checkIconPosition,\n    hidePickedOptions,\n    withErrorStyles,\n    name,\n    form,\n    id,\n    clearable,\n    clearSectionMode,\n    clearButtonProps,\n    hiddenInputProps,\n    placeholder,\n    hiddenInputValuesDivider,\n    required,\n    mod,\n    renderOption,\n    renderPill,\n    onRemove,\n    onClear,\n    onMaxValues,\n    scrollAreaProps,\n    chevronColor,\n    attributes,\n    clearSearchOnChange,\n    openOnFocus,\n    loading,\n    loadingPosition,\n    withPillsReorder,\n    ...others\n  } = props;\n\n  const _id = useId(id);\n  const parsedData = getParsedComboboxData(data);\n  const optionsLockup = getOptionsLockup(parsedData);\n  const retainedSelectedOptions = useRef<Record<string, ComboboxItem<Primitive>>>({});\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      combobox.resetSelectedOption();\n    },\n  });\n\n  const {\n    styleProps,\n    rest: { type, autoComplete, ...rest },\n  } = extractStyleProps(others);\n\n  const [_value, setValue] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: [],\n    onChange,\n  });\n\n  const { getPillProps, getListProps, handleInputKeyDown } = usePillsReorder({\n    value: _value,\n    onChange: setValue,\n    enabled: withPillsReorder && !disabled && !readOnly,\n  });\n\n  const [_searchValue, setSearchValue] = useUncontrolled({\n    value: searchValue,\n    defaultValue: defaultSearchValue,\n    finalValue: '',\n    onChange: onSearchChange,\n  });\n\n  const handleSearchChange = (value: string) => {\n    setSearchValue(value);\n    combobox.resetSelectedOption();\n  };\n\n  const getStyles = useStyles<MultiSelectFactory>({\n    name: 'MultiSelect',\n    classes: {} as any,\n    props: props as any,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<MultiSelectFactory>({\n    props,\n    styles,\n    classNames,\n  });\n\n  const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (event.key === ' ' && !searchable) {\n      event.preventDefault();\n      combobox.toggleDropdown();\n    }\n\n    if (event.key === 'Backspace' && _searchValue.length === 0 && _value.length > 0) {\n      onRemove?.(_value[_value.length - 1]);\n      setValue(_value.slice(0, _value.length - 1));\n    }\n\n    handleInputKeyDown(event);\n  };\n\n  const values = _value.map((item, index) => {\n    const optionData = optionsLockup[`${item}`] || retainedSelectedOptions.current[`${item}`];\n    const reorderProps = getPillProps(index);\n\n    if (renderPill) {\n      return (\n        <Fragment key={`${item}-${index}`}>\n          {renderPill({\n            option: optionData,\n            value: item,\n            onRemove: () => {\n              setValue(_value.filter((i) => item !== i));\n              onRemove?.(item);\n            },\n            disabled,\n            reorderProps,\n          })}\n        </Fragment>\n      );\n    }\n\n    return (\n      <Pill\n        key={`${item}-${index}`}\n        withRemoveButton={!readOnly && !optionsLockup[`${item}`]?.disabled}\n        onRemove={() => {\n          setValue(_value.filter((i) => item !== i));\n          onRemove?.(item);\n        }}\n        unstyled={unstyled}\n        disabled={disabled}\n        {...getStyles('pill')}\n        {...reorderProps}\n      >\n        {optionData?.label || item}\n      </Pill>\n    );\n  });\n\n  useEffect(() => {\n    if (selectFirstOptionOnChange) {\n      combobox.selectFirstOption();\n    }\n  }, [selectFirstOptionOnChange, _searchValue]);\n\n  useEffect(() => {\n    _value.forEach((val) => {\n      if (`${val}` in optionsLockup) {\n        retainedSelectedOptions.current[`${val}`] = optionsLockup[`${val}`];\n      }\n    });\n  }, [optionsLockup, _value]);\n\n  const clearButton = (\n    <Combobox.ClearButton\n      {...clearButtonProps}\n      onClear={() => {\n        onClear?.();\n        setValue([]);\n        handleSearchChange('');\n      }}\n    />\n  );\n\n  const filteredData = filterPickedValues({ data: parsedData, value: _value });\n  const _clearable = clearable && _value.length > 0 && !disabled && !readOnly;\n  const pillsListStyle = _clearable\n    ? { paddingInlineEnd: clearSectionOffset[size] ?? clearSectionOffset.sm }\n    : undefined;\n\n  return (\n    <>\n      <Combobox\n        store={combobox}\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        unstyled={unstyled}\n        size={size}\n        readOnly={readOnly}\n        __staticSelector=\"MultiSelect\"\n        attributes={attributes}\n        onOptionSubmit={(val) => {\n          onOptionSubmit?.(val as any);\n          if (clearSearchOnChange) {\n            handleSearchChange('');\n          }\n          combobox.updateSelectedOptionIndex('selected');\n\n          if (_value.includes(optionsLockup[`${val}`].value as any)) {\n            setValue(_value.filter((v) => v !== optionsLockup[`${val}`].value));\n            onRemove?.(optionsLockup[`${val}`].value as any);\n          } else if (_value.length < maxValues) {\n            setValue([..._value, optionsLockup[`${val}`].value] as any);\n          } else {\n            onMaxValues?.();\n          }\n        }}\n        {...comboboxProps}\n      >\n        <Combobox.DropdownTarget>\n          <PillsInput\n            {...styleProps}\n            __staticSelector=\"MultiSelect\"\n            classNames={resolvedClassNames}\n            styles={resolvedStyles}\n            unstyled={unstyled}\n            size={size}\n            className={className}\n            style={style}\n            variant={variant}\n            disabled={disabled}\n            radius={radius}\n            __defaultRightSection={\n              <Combobox.Chevron\n                size={size}\n                error={error}\n                unstyled={unstyled}\n                color={chevronColor}\n              />\n            }\n            __clearSection={clearButton}\n            __clearable={_clearable}\n            __clearSectionMode={clearSectionMode}\n            rightSection={rightSection}\n            rightSectionPointerEvents={rightSectionPointerEvents || 'none'}\n            rightSectionWidth={rightSectionWidth}\n            rightSectionProps={rightSectionProps}\n            leftSection={leftSection}\n            leftSectionWidth={leftSectionWidth}\n            leftSectionPointerEvents={leftSectionPointerEvents}\n            leftSectionProps={leftSectionProps}\n            loading={loading}\n            loadingPosition={loadingPosition}\n            inputContainer={inputContainer}\n            inputWrapperOrder={inputWrapperOrder}\n            withAsterisk={withAsterisk}\n            labelProps={labelProps}\n            descriptionProps={descriptionProps}\n            errorProps={errorProps}\n            wrapperProps={wrapperProps}\n            description={description}\n            label={label}\n            error={error}\n            withErrorStyles={withErrorStyles}\n            __stylesApiProps={{\n              ...props,\n              rightSectionPointerEvents: rightSectionPointerEvents || 'none',\n              multiline: true,\n            }}\n            pointer={!searchable}\n            onClick={() => (searchable ? combobox.openDropdown() : combobox.toggleDropdown())}\n            data-expanded={combobox.dropdownOpened || undefined}\n            id={_id}\n            required={required}\n            mod={mod}\n            attributes={attributes}\n          >\n            <Pill.Group\n              attributes={attributes}\n              disabled={disabled}\n              unstyled={unstyled}\n              {...getStyles('pillsList', { style: pillsListStyle })}\n              {...getListProps()}\n            >\n              {values}\n              <Combobox.EventsTarget autoComplete={autoComplete} withExpandedAttribute>\n                <PillsInput.Field\n                  {...rest}\n                  id={_id}\n                  placeholder={placeholder}\n                  type={!searchable && !placeholder ? 'hidden' : 'visible'}\n                  {...getStyles('inputField')}\n                  unstyled={unstyled}\n                  onFocus={(event) => {\n                    onFocus?.(event);\n                    openOnFocus && searchable && combobox.openDropdown();\n                  }}\n                  onBlur={(event) => {\n                    onBlur?.(event);\n                    combobox.closeDropdown();\n                    handleSearchChange('');\n                  }}\n                  onKeyDown={handleInputKeydown}\n                  value={_searchValue}\n                  onChange={(event) => {\n                    handleSearchChange(event.currentTarget.value);\n                    searchable && combobox.openDropdown();\n                    selectFirstOptionOnChange && combobox.selectFirstOption();\n                  }}\n                  disabled={disabled}\n                  readOnly={readOnly || !searchable}\n                  pointer={!searchable}\n                />\n              </Combobox.EventsTarget>\n            </Pill.Group>\n          </PillsInput>\n        </Combobox.DropdownTarget>\n\n        <OptionsDropdown\n          data={hidePickedOptions ? filteredData : parsedData}\n          hidden={readOnly || disabled}\n          filter={filter as OptionsFilter<Primitive> | undefined}\n          search={_searchValue}\n          limit={limit}\n          hiddenWhenEmpty={!nothingFoundMessage}\n          withScrollArea={withScrollArea}\n          maxDropdownHeight={maxDropdownHeight}\n          filterOptions={searchable}\n          value={_value}\n          checkIconPosition={checkIconPosition}\n          withCheckIcon={withCheckIcon}\n          withAlignedLabels={withAlignedLabels}\n          nothingFoundMessage={nothingFoundMessage}\n          unstyled={unstyled}\n          labelId={label ? `${_id}-label` : undefined}\n          aria-label={label ? undefined : others['aria-label']}\n          renderOption={renderOption}\n          scrollAreaProps={scrollAreaProps}\n        />\n      </Combobox>\n      <Combobox.HiddenInput\n        name={name}\n        valuesDivider={hiddenInputValuesDivider}\n        value={_value}\n        form={form}\n        disabled={disabled}\n        {...hiddenInputProps}\n      />\n    </>\n  );\n});\n\nMultiSelect.classes = { ...InputBase.classes, ...Combobox.classes };\nMultiSelect.displayName = '@mantine/core/MultiSelect';\n\nexport namespace MultiSelect {\n  export type Props<Value extends Primitive = string> = MultiSelectProps<Value>;\n  export type StylesNames = MultiSelectStylesNames;\n  export type Factory = MultiSelectFactory;\n}\n"],"mappings":"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"}
+{"version":3,"file":"MultiSelect.cjs","names":["genericFactory","useProps","getParsedComboboxData","getOptionsLockup","useCombobox","extractStyleProps","usePillsReorder","useStyles","useResolvedStylesApi","Fragment","Pill","Combobox","filterPickedValues","PillsInput","OptionsDropdown","InputBase"],"sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import { Fragment, useEffect, useRef } from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  ElementProps,\n  extractStyleProps,\n  Factory,\n  genericFactory,\n  MantineColor,\n  Primitive,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '../../core';\nimport {\n  Combobox,\n  ComboboxItem,\n  ComboboxLikeProps,\n  ComboboxLikeRenderOptionInput,\n  ComboboxLikeStylesNames,\n  ComboboxRenderPillInput,\n  getOptionsLockup,\n  getParsedComboboxData,\n  OptionsDropdown,\n  OptionsFilter,\n  useCombobox,\n  usePillsReorder,\n} from '../Combobox';\nimport {\n  __BaseInputProps,\n  __InputStylesNames,\n  ClearSectionMode,\n  InputClearButtonProps,\n} from '../Input';\nimport { InputBase } from '../InputBase';\nimport { Pill } from '../Pill';\nimport { PillsInput } from '../PillsInput';\nimport { ScrollAreaProps } from '../ScrollArea';\nimport { filterPickedValues } from './filter-picked-values';\n\nconst clearSectionOffset: Record<string, number> = {\n  xs: 41,\n  sm: 50,\n  md: 60,\n  lg: 72,\n  xl: 89,\n};\n\nexport type MultiSelectStylesNames =\n  | __InputStylesNames\n  | ComboboxLikeStylesNames\n  | 'pill'\n  | 'pillsList'\n  | 'inputField';\n\nexport interface MultiSelectProps<Value extends Primitive = string>\n  extends\n    BoxProps,\n    __BaseInputProps,\n    ComboboxLikeProps<Value>,\n    StylesApiProps<MultiSelectFactory>,\n    ElementProps<'input', 'size' | 'value' | 'defaultValue' | 'onChange'> {\n  /** Controlled component value */\n  value?: Value[];\n\n  /** Uncontrolled component default value */\n  defaultValue?: Value[];\n\n  /** Called when value changes */\n  onChange?: (value: Value[]) => void;\n\n  /** Called with `value` of the removed item */\n  onRemove?: (value: Value) => void;\n\n  /** Called when the clear button is clicked */\n  onClear?: () => void;\n\n  /** Called when user attemps to select more values than allowed */\n  onMaxValues?: () => void;\n\n  /** Controlled search value */\n  searchValue?: string;\n\n  /** Default search value */\n  defaultSearchValue?: string;\n\n  /** Called when search changes */\n  onSearchChange?: (value: string) => void;\n\n  /** Maximum number of values, no limit if not set */\n  maxValues?: number;\n\n  /** Allows searching through options by user input @default false */\n  searchable?: boolean;\n\n  /** Message displayed when no options match the search query (when searchable is enabled) or when the data array is empty. If not set, the dropdown will be hidden instead. */\n  nothingFoundMessage?: React.ReactNode;\n\n  /** If set, the check icon is displayed near the selected option label @default true */\n  withCheckIcon?: boolean;\n\n  /** If set, unchecked labels are aligned with checked ones @default false */\n  withAlignedLabels?: boolean;\n\n  /** Position of the checkmark icon shown next to selected options in the dropdown @default 'left' */\n  checkIconPosition?: 'left' | 'right';\n\n  /** When enabled, selected options are hidden from the dropdown list @default false */\n  hidePickedOptions?: boolean;\n\n  /** When enabled, displays a clear button to remove all selected values (hidden when component is empty, disabled, or read-only) @default false */\n  clearable?: boolean;\n\n  /** Determines how the clear button and rightSection are rendered @default 'both' */\n  clearSectionMode?: ClearSectionMode;\n\n  /** Props passed down to the clear button */\n  clearButtonProps?: InputClearButtonProps;\n\n  /** Props passed down to the hidden input */\n  hiddenInputProps?: Omit<React.ComponentProps<'input'>, 'value'>;\n\n  /** Divider used to separate values in the hidden input `value` attribute @default ',' */\n  hiddenInputValuesDivider?: string;\n\n  /** A function to render content of the option, replaces the default content of the option */\n  renderOption?: (item: ComboboxLikeRenderOptionInput<ComboboxItem<Value>>) => React.ReactNode;\n\n  /** A function to render content of the pill */\n  renderPill?: (props: ComboboxRenderPillInput<Value>) => React.ReactNode;\n\n  /** Props passed down to the underlying `ScrollArea` component in the dropdown */\n  scrollAreaProps?: ScrollAreaProps;\n\n  /** Controls color of the default chevron */\n  chevronColor?: MantineColor;\n\n  /** Clear search value when item is selected @default true */\n  clearSearchOnChange?: boolean;\n\n  /** Controls whether dropdown opens when the input receives focus @default true */\n  openOnFocus?: boolean;\n\n  /** If set, selected values can be reordered by dragging pills. Disabled when `disabled` or `readOnly` is set. @default false */\n  withPillsReorder?: boolean;\n}\n\nexport type MultiSelectFactory = Factory<{\n  props: MultiSelectProps;\n  ref: HTMLInputElement;\n  stylesNames: MultiSelectStylesNames;\n  signature: <Value extends Primitive = string>(\n    props: MultiSelectProps<Value>\n  ) => React.JSX.Element;\n}>;\n\nconst defaultProps = {\n  maxValues: Infinity,\n  withCheckIcon: true,\n  checkIconPosition: 'left',\n  hiddenInputValuesDivider: ',',\n  clearSearchOnChange: true,\n  openOnFocus: true,\n  size: 'sm',\n} satisfies Partial<MultiSelectProps>;\n\nexport const MultiSelect = genericFactory<MultiSelectFactory>((_props) => {\n  const props = useProps(['Input', 'InputWrapper', 'MultiSelect'], defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    size,\n    value,\n    defaultValue,\n    onChange,\n    onKeyDown,\n    variant,\n    data,\n    dropdownOpened,\n    defaultDropdownOpened,\n    onDropdownOpen,\n    onDropdownClose,\n    selectFirstOptionOnChange,\n    selectFirstOptionOnDropdownOpen,\n    onOptionSubmit,\n    comboboxProps,\n    filter,\n    limit,\n    withScrollArea,\n    maxDropdownHeight,\n    searchValue,\n    defaultSearchValue,\n    onSearchChange,\n    readOnly,\n    disabled,\n    onFocus,\n    onBlur,\n    radius,\n    rightSection,\n    rightSectionWidth,\n    rightSectionPointerEvents,\n    rightSectionProps,\n    leftSection,\n    leftSectionWidth,\n    leftSectionPointerEvents,\n    leftSectionProps,\n    inputContainer,\n    inputWrapperOrder,\n    withAsterisk,\n    labelProps,\n    descriptionProps,\n    errorProps,\n    wrapperProps,\n    description,\n    label,\n    error,\n    maxValues,\n    searchable,\n    nothingFoundMessage,\n    withCheckIcon,\n    withAlignedLabels,\n    checkIconPosition,\n    hidePickedOptions,\n    withErrorStyles,\n    name,\n    form,\n    id,\n    clearable,\n    clearSectionMode,\n    clearButtonProps,\n    hiddenInputProps,\n    placeholder,\n    hiddenInputValuesDivider,\n    required,\n    mod,\n    renderOption,\n    renderPill,\n    onRemove,\n    onClear,\n    onMaxValues,\n    scrollAreaProps,\n    chevronColor,\n    attributes,\n    clearSearchOnChange,\n    openOnFocus,\n    loading,\n    loadingPosition,\n    withPillsReorder,\n    ...others\n  } = props;\n\n  const _id = useId(id);\n  const parsedData = getParsedComboboxData(data);\n  const optionsLockup = getOptionsLockup(parsedData);\n  const retainedSelectedOptions = useRef<Record<string, ComboboxItem<Primitive>>>({});\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      combobox.resetSelectedOption();\n    },\n  });\n\n  const {\n    styleProps,\n    rest: { type, autoComplete, ...rest },\n  } = extractStyleProps(others);\n\n  const [_value, setValue] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: [],\n    onChange,\n  });\n\n  const { getPillProps, getListProps, handleInputKeyDown } = usePillsReorder({\n    value: _value,\n    onChange: setValue,\n    enabled: withPillsReorder && !disabled && !readOnly,\n  });\n\n  const [_searchValue, setSearchValue] = useUncontrolled({\n    value: searchValue,\n    defaultValue: defaultSearchValue,\n    finalValue: '',\n    onChange: onSearchChange,\n  });\n\n  const handleSearchChange = (value: string) => {\n    setSearchValue(value);\n    combobox.resetSelectedOption();\n  };\n\n  const getStyles = useStyles<MultiSelectFactory>({\n    name: 'MultiSelect',\n    classes: {} as any,\n    props: props as any,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<MultiSelectFactory>({\n    props,\n    styles,\n    classNames,\n  });\n\n  const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (event.key === ' ' && !searchable) {\n      event.preventDefault();\n      combobox.toggleDropdown();\n    }\n\n    if (event.key === 'Backspace' && _searchValue.length === 0 && _value.length > 0) {\n      onRemove?.(_value[_value.length - 1]);\n      setValue(_value.slice(0, _value.length - 1));\n    }\n\n    handleInputKeyDown(event);\n  };\n\n  const values = _value.map((item, index) => {\n    const optionData = optionsLockup[`${item}`] || retainedSelectedOptions.current[`${item}`];\n    const reorderProps = getPillProps(index);\n\n    if (renderPill) {\n      return (\n        <Fragment key={`${item}-${index}`}>\n          {renderPill({\n            option: optionData,\n            value: item,\n            onRemove: () => {\n              setValue(_value.filter((i) => item !== i));\n              onRemove?.(item);\n            },\n            disabled,\n            reorderProps,\n          })}\n        </Fragment>\n      );\n    }\n\n    return (\n      <Pill\n        key={`${item}-${index}`}\n        withRemoveButton={!readOnly && !optionsLockup[`${item}`]?.disabled}\n        onRemove={() => {\n          setValue(_value.filter((i) => item !== i));\n          onRemove?.(item);\n        }}\n        unstyled={unstyled}\n        disabled={disabled}\n        {...getStyles('pill')}\n        {...reorderProps}\n      >\n        {optionData?.label || item}\n      </Pill>\n    );\n  });\n\n  useEffect(() => {\n    if (selectFirstOptionOnChange) {\n      combobox.selectFirstOption();\n    }\n  }, [selectFirstOptionOnChange, _searchValue]);\n\n  useEffect(() => {\n    _value.forEach((val) => {\n      if (`${val}` in optionsLockup) {\n        retainedSelectedOptions.current[`${val}`] = optionsLockup[`${val}`];\n      }\n    });\n  }, [optionsLockup, _value]);\n\n  const clearButton = (\n    <Combobox.ClearButton\n      {...clearButtonProps}\n      onClear={() => {\n        onClear?.();\n        setValue([]);\n        handleSearchChange('');\n      }}\n    />\n  );\n\n  const filteredData = filterPickedValues({ data: parsedData, value: _value });\n  const _clearable = clearable && _value.length > 0 && !disabled && !readOnly;\n  const pillsListStyle = _clearable\n    ? { paddingInlineEnd: clearSectionOffset[size] ?? clearSectionOffset.sm }\n    : undefined;\n\n  return (\n    <>\n      <Combobox\n        store={combobox}\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        unstyled={unstyled}\n        size={size}\n        readOnly={readOnly}\n        __staticSelector=\"MultiSelect\"\n        attributes={attributes}\n        onOptionSubmit={(val) => {\n          onOptionSubmit?.(val as any);\n          if (clearSearchOnChange) {\n            handleSearchChange('');\n          }\n          combobox.updateSelectedOptionIndex('selected');\n\n          if (_value.includes(optionsLockup[`${val}`].value as any)) {\n            setValue(_value.filter((v) => v !== optionsLockup[`${val}`].value));\n            onRemove?.(optionsLockup[`${val}`].value as any);\n          } else if (_value.length < maxValues) {\n            setValue([..._value, optionsLockup[`${val}`].value] as any);\n          } else {\n            onMaxValues?.();\n          }\n        }}\n        {...comboboxProps}\n      >\n        <Combobox.DropdownTarget>\n          <PillsInput\n            {...styleProps}\n            __staticSelector=\"MultiSelect\"\n            classNames={resolvedClassNames}\n            styles={resolvedStyles}\n            unstyled={unstyled}\n            size={size}\n            className={className}\n            style={style}\n            variant={variant}\n            disabled={disabled}\n            radius={radius}\n            __defaultRightSection={\n              <Combobox.Chevron\n                size={size}\n                error={error}\n                unstyled={unstyled}\n                color={chevronColor}\n              />\n            }\n            __clearSection={clearButton}\n            __clearable={_clearable}\n            __clearSectionMode={clearSectionMode}\n            rightSection={rightSection}\n            rightSectionPointerEvents={rightSectionPointerEvents || 'none'}\n            rightSectionWidth={rightSectionWidth}\n            rightSectionProps={rightSectionProps}\n            leftSection={leftSection}\n            leftSectionWidth={leftSectionWidth}\n            leftSectionPointerEvents={leftSectionPointerEvents}\n            leftSectionProps={leftSectionProps}\n            loading={loading}\n            loadingPosition={loadingPosition}\n            inputContainer={inputContainer}\n            inputWrapperOrder={inputWrapperOrder}\n            withAsterisk={withAsterisk}\n            labelProps={labelProps}\n            descriptionProps={descriptionProps}\n            errorProps={errorProps}\n            wrapperProps={wrapperProps}\n            description={description}\n            label={label}\n            error={error}\n            withErrorStyles={withErrorStyles}\n            __stylesApiProps={{\n              ...props,\n              rightSectionPointerEvents: rightSectionPointerEvents || 'none',\n              multiline: true,\n            }}\n            pointer={!searchable}\n            onClick={() => (searchable ? combobox.openDropdown() : combobox.toggleDropdown())}\n            data-expanded={combobox.dropdownOpened || undefined}\n            id={_id}\n            required={required}\n            mod={mod}\n            attributes={attributes}\n          >\n            <Pill.Group\n              attributes={attributes}\n              disabled={disabled}\n              unstyled={unstyled}\n              {...getStyles('pillsList', { style: pillsListStyle })}\n              {...getListProps()}\n            >\n              {values}\n              <Combobox.EventsTarget autoComplete={autoComplete} withExpandedAttribute>\n                <PillsInput.Field\n                  {...rest}\n                  id={_id}\n                  placeholder={placeholder}\n                  type={!searchable && !placeholder ? 'hidden' : 'visible'}\n                  {...getStyles('inputField')}\n                  unstyled={unstyled}\n                  onFocus={(event) => {\n                    onFocus?.(event);\n                    openOnFocus && searchable && combobox.openDropdown();\n                  }}\n                  onBlur={(event) => {\n                    onBlur?.(event);\n                    combobox.closeDropdown();\n                    handleSearchChange('');\n                  }}\n                  onKeyDown={handleInputKeydown}\n                  value={_searchValue}\n                  onChange={(event) => {\n                    handleSearchChange(event.currentTarget.value);\n                    searchable && combobox.openDropdown();\n                    selectFirstOptionOnChange && combobox.selectFirstOption();\n                  }}\n                  disabled={disabled}\n                  readOnly={readOnly || !searchable}\n                  pointer={!searchable}\n                />\n              </Combobox.EventsTarget>\n            </Pill.Group>\n          </PillsInput>\n        </Combobox.DropdownTarget>\n\n        <OptionsDropdown\n          data={hidePickedOptions ? filteredData : parsedData}\n          hidden={readOnly || disabled}\n          filter={filter as OptionsFilter<Primitive> | undefined}\n          search={_searchValue}\n          limit={limit}\n          hiddenWhenEmpty={!nothingFoundMessage}\n          withScrollArea={withScrollArea}\n          maxDropdownHeight={maxDropdownHeight}\n          filterOptions={searchable}\n          value={_value}\n          checkIconPosition={checkIconPosition}\n          withCheckIcon={withCheckIcon}\n          withAlignedLabels={withAlignedLabels}\n          nothingFoundMessage={nothingFoundMessage}\n          unstyled={unstyled}\n          labelId={label ? `${_id}-label` : undefined}\n          aria-label={label ? undefined : others['aria-label']}\n          renderOption={renderOption}\n          scrollAreaProps={scrollAreaProps}\n        />\n      </Combobox>\n      <Combobox.HiddenInput\n        name={name}\n        valuesDivider={hiddenInputValuesDivider}\n        value={_value}\n        form={form}\n        disabled={disabled}\n        {...hiddenInputProps}\n      />\n    </>\n  );\n});\n\nMultiSelect.classes = { ...InputBase.classes, ...Combobox.classes };\nMultiSelect.displayName = '@mantine/core/MultiSelect';\n\nexport namespace MultiSelect {\n  export type Props<Value extends Primitive = string> = MultiSelectProps<Value>;\n  export type StylesNames = MultiSelectStylesNames;\n  export type Factory = MultiSelectFactory;\n}\n"],"mappings":"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"}

package/cjs/components/MultiSelect/filter-picked-values.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-picked-values.cjs","names":["isOptionsGroup"],"sources":["../../../src/components/MultiSelect/filter-picked-values.ts"],"sourcesContent":["import { Primitive } from '../../core';\nimport { ComboboxParsedItem, isOptionsGroup } from '../Combobox';\n\ninterface FilterPickedTagsInput {\n  data: ComboboxParsedItem<Primitive>[];\n  value: Primitive[];\n}\n\nfunction normalizeValue(value: Primitive) {\n  return typeof value === 'string' ? value.trim().toLowerCase() : value;\n}\n\nexport function filterPickedValues({ data, value }: FilterPickedTagsInput) {\n  const normalizedValue = value.map(normalizeValue);\n\n  const filtered = data.reduce<ComboboxParsedItem<Primitive>[]>((acc, item) => {\n    if (isOptionsGroup(item)) {\n      acc.push({\n        group: item.group,\n        items: item.items.filter(\n          (option) => normalizedValue.indexOf(normalizeValue(option.value)) === -1\n        ),\n      });\n    } else if (normalizedValue.indexOf(normalizeValue(item.value)) === -1) {\n      acc.push(item);\n    }\n\n    return acc;\n  }, []);\n\n  return filtered;\n}\n"],"mappings":";;;AAQA,SAAS,eAAe,OAAkB;AACxC,QAAO,OAAO,UAAU,WAAW,MAAM,MAAM,CAAC,aAAa,GAAG;;AAGlE,SAAgB,mBAAmB,EAAE,MAAM,SAAgC;CACzE,MAAM,kBAAkB,MAAM,IAAI,eAAe;AAiBjD,QAfiB,KAAK,QAAyC,KAAK,SAAS;AAC3E,MAAIA,yBAAAA,eAAe,KAAK,CACtB,KAAI,KAAK;GACP,OAAO,KAAK;GACZ,OAAO,KAAK,MAAM,QACf,WAAW,gBAAgB,QAAQ,eAAe,OAAO,MAAM,CAAC,KAAK,GACvE;GACF,CAAC;WACO,gBAAgB,QAAQ,eAAe,KAAK,MAAM,CAAC,KAAK,GACjE,KAAI,KAAK,KAAK;AAGhB,SAAO;IACN,EAAE,CAAC"}
+{"version":3,"file":"filter-picked-values.cjs","names":["isOptionsGroup"],"sources":["../../../src/components/MultiSelect/filter-picked-values.ts"],"sourcesContent":["import { Primitive } from '../../core';\nimport { ComboboxParsedItem, isOptionsGroup } from '../Combobox';\n\ninterface FilterPickedTagsInput {\n  data: ComboboxParsedItem<Primitive>[];\n  value: Primitive[];\n}\n\nfunction normalizeValue(value: Primitive) {\n  return typeof value === 'string' ? value.trim().toLowerCase() : value;\n}\n\nexport function filterPickedValues({ data, value }: FilterPickedTagsInput) {\n  const normalizedValue = value.map(normalizeValue);\n\n  const filtered = data.reduce<ComboboxParsedItem<Primitive>[]>((acc, item) => {\n    if (isOptionsGroup(item)) {\n      acc.push({\n        group: item.group,\n        items: item.items.filter(\n          (option) => normalizedValue.indexOf(normalizeValue(option.value)) === -1\n        ),\n      });\n    } else if (normalizedValue.indexOf(normalizeValue(item.value)) === -1) {\n      acc.push(item);\n    }\n\n    return acc;\n  }, []);\n\n  return filtered;\n}\n"],"mappings":";;;AAQA,SAAS,eAAe,OAAkB;CACxC,OAAO,OAAO,UAAU,WAAW,MAAM,KAAK,EAAE,YAAY,IAAI;AAClE;AAEA,SAAgB,mBAAmB,EAAE,MAAM,SAAgC;CACzE,MAAM,kBAAkB,MAAM,IAAI,cAAc;CAiBhD,OAfiB,KAAK,QAAyC,KAAK,SAAS;EAC3E,IAAIA,yBAAAA,eAAe,IAAI,GACrB,IAAI,KAAK;GACP,OAAO,KAAK;GACZ,OAAO,KAAK,MAAM,QACf,WAAW,gBAAgB,QAAQ,eAAe,OAAO,KAAK,CAAC,MAAM,EACxE;EACF,CAAC;OACI,IAAI,gBAAgB,QAAQ,eAAe,KAAK,KAAK,CAAC,MAAM,IACjE,IAAI,KAAK,IAAI;EAGf,OAAO;CACT,GAAG,CAAC,CAEU;AAChB"}

package/cjs/components/NativeSelect/NativeSelect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.cjs","names":["factory","useProps","getParsedComboboxData","NativeSelectOption","InputBase","ComboboxChevron"],"sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import { BoxProps, ElementProps, factory, Factory, StylesApiProps, useProps } from '../../core';\nimport { ComboboxChevron, ComboboxData, getParsedComboboxData } from '../Combobox';\nimport { __BaseInputProps, __InputStylesNames } from '../Input';\nimport { InputBase } from '../InputBase';\nimport { NativeSelectOption } from './NativeSelectOption';\n\nexport interface NativeSelectProps\n  extends\n    BoxProps,\n    Omit<__BaseInputProps, 'pointer'>,\n    StylesApiProps<NativeSelectFactory>,\n    ElementProps<'select', 'size'> {\n  /**\n   * Data used to render options. Accepts strings, objects with label/value,\n   * or grouped options. If `children` prop is provided, `data` will be ignored.\n   */\n  data?: ComboboxData;\n}\n\nexport type NativeSelectFactory = Factory<{\n  props: NativeSelectProps;\n  ref: HTMLSelectElement;\n  stylesNames: __InputStylesNames;\n}>;\n\nconst defaultProps = {\n  size: 'sm',\n  rightSectionPointerEvents: 'none',\n} satisfies Partial<NativeSelectProps>;\n\nexport const NativeSelect = factory<NativeSelectFactory>((props) => {\n  const { data, children, size, error, rightSection, unstyled, ...others } = useProps(\n    ['Input', 'InputWrapper', 'NativeSelect'],\n    defaultProps,\n    props\n  );\n\n  const options = getParsedComboboxData<string>(data).map((item, index) => (\n    <NativeSelectOption key={index} data={item} />\n  ));\n\n  return (\n    <InputBase\n      component=\"select\"\n      {...others}\n      __staticSelector=\"NativeSelect\"\n      size={size}\n      pointer\n      error={error}\n      unstyled={unstyled}\n      rightSection={\n        rightSection || <ComboboxChevron size={size} error={error} unstyled={unstyled} />\n      }\n    >\n      {children || options}\n    </InputBase>\n  );\n});\n\nNativeSelect.classes = InputBase.classes;\nNativeSelect.displayName = '@mantine/core/NativeSelect';\n\nexport namespace NativeSelect {\n  export type Props = NativeSelectProps;\n  export type Factory = NativeSelectFactory;\n  export type StylesNames = __InputStylesNames;\n}\n"],"mappings":";;;;;;;;;;AAyBA,MAAM,eAAe;CACnB,MAAM;CACN,2BAA2B;CAC5B;AAED,MAAa,eAAeA,gBAAAA,SAA8B,UAAU;CAClE,MAAM,EAAE,MAAM,UAAU,MAAM,OAAO,cAAc,UAAU,GAAG,WAAWC,kBAAAA,SACzE;EAAC;EAAS;EAAgB;EAAe,EACzC,cACA,MACD;CAED,MAAM,UAAUC,iCAAAA,sBAA8B,KAAK,CAAC,KAAK,MAAM,UAC7D,iBAAA,GAAA,kBAAA,KAACC,2BAAAA,oBAAD,EAAgC,MAAM,MAAQ,EAArB,MAAqB,CAC9C;AAEF,QACE,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,WAAD;EACE,WAAU;EACV,GAAI;EACJ,kBAAiB;EACX;EACN,SAAA;EACO;EACG;EACV,cACE,gBAAgB,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,iBAAD;GAAuB;GAAa;GAAiB;GAAY,CAAA;YAGlF,YAAY;EACH,CAAA;EAEd;AAEF,aAAa,UAAUD,kBAAAA,UAAU;AACjC,aAAa,cAAc"}
+{"version":3,"file":"NativeSelect.cjs","names":["factory","useProps","getParsedComboboxData","NativeSelectOption","InputBase","ComboboxChevron"],"sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import { BoxProps, ElementProps, factory, Factory, StylesApiProps, useProps } from '../../core';\nimport { ComboboxChevron, ComboboxData, getParsedComboboxData } from '../Combobox';\nimport { __BaseInputProps, __InputStylesNames } from '../Input';\nimport { InputBase } from '../InputBase';\nimport { NativeSelectOption } from './NativeSelectOption';\n\nexport interface NativeSelectProps\n  extends\n    BoxProps,\n    Omit<__BaseInputProps, 'pointer'>,\n    StylesApiProps<NativeSelectFactory>,\n    ElementProps<'select', 'size'> {\n  /**\n   * Data used to render options. Accepts strings, objects with label/value,\n   * or grouped options. If `children` prop is provided, `data` will be ignored.\n   */\n  data?: ComboboxData;\n}\n\nexport type NativeSelectFactory = Factory<{\n  props: NativeSelectProps;\n  ref: HTMLSelectElement;\n  stylesNames: __InputStylesNames;\n}>;\n\nconst defaultProps = {\n  size: 'sm',\n  rightSectionPointerEvents: 'none',\n} satisfies Partial<NativeSelectProps>;\n\nexport const NativeSelect = factory<NativeSelectFactory>((props) => {\n  const { data, children, size, error, rightSection, unstyled, ...others } = useProps(\n    ['Input', 'InputWrapper', 'NativeSelect'],\n    defaultProps,\n    props\n  );\n\n  const options = getParsedComboboxData<string>(data).map((item, index) => (\n    <NativeSelectOption key={index} data={item} />\n  ));\n\n  return (\n    <InputBase\n      component=\"select\"\n      {...others}\n      __staticSelector=\"NativeSelect\"\n      size={size}\n      pointer\n      error={error}\n      unstyled={unstyled}\n      rightSection={\n        rightSection || <ComboboxChevron size={size} error={error} unstyled={unstyled} />\n      }\n    >\n      {children || options}\n    </InputBase>\n  );\n});\n\nNativeSelect.classes = InputBase.classes;\nNativeSelect.displayName = '@mantine/core/NativeSelect';\n\nexport namespace NativeSelect {\n  export type Props = NativeSelectProps;\n  export type Factory = NativeSelectFactory;\n  export type StylesNames = __InputStylesNames;\n}\n"],"mappings":";;;;;;;;;;AAyBA,MAAM,eAAe;CACnB,MAAM;CACN,2BAA2B;AAC7B;AAEA,MAAa,eAAeA,gBAAAA,SAA8B,UAAU;CAClE,MAAM,EAAE,MAAM,UAAU,MAAM,OAAO,cAAc,UAAU,GAAG,WAAWC,kBAAAA,SACzE;EAAC;EAAS;EAAgB;CAAc,GACxC,cACA,KACF;CAEA,MAAM,UAAUC,iCAAAA,sBAA8B,IAAI,EAAE,KAAK,MAAM,UAC7D,iBAAA,GAAA,kBAAA,KAACC,2BAAAA,oBAAD,EAAgC,MAAM,KAAO,GAApB,KAAoB,CAC9C;CAED,OACE,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,WAAD;EACE,WAAU;EACV,GAAI;EACJ,kBAAiB;EACX;EACN,SAAA;EACO;EACG;EACV,cACE,gBAAgB,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,iBAAD;GAAuB;GAAa;GAAiB;EAAW,CAAA;YAGjF,YAAY;CACJ,CAAA;AAEf,CAAC;AAED,aAAa,UAAUD,kBAAAA,UAAU;AACjC,aAAa,cAAc"}

package/cjs/components/NativeSelect/NativeSelectOption.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelectOption.cjs","names":[],"sources":["../../../src/components/NativeSelect/NativeSelectOption.tsx"],"sourcesContent":["import { ComboboxParsedItem, ComboboxParsedItemGroup } from '../Combobox';\n\nexport interface NativeSelectOptionProps {\n  data: ComboboxParsedItem;\n}\n\nfunction isGroup(input: ComboboxParsedItem): input is ComboboxParsedItemGroup {\n  return 'group' in input;\n}\n\nexport function NativeSelectOption({ data }: NativeSelectOptionProps) {\n  if (isGroup(data)) {\n    const items = data.items.map((item) => <NativeSelectOption key={item.value} data={item} />);\n    return <optgroup label={data.group}>{items}</optgroup>;\n  }\n\n  const { value, label, ...others } = data;\n\n  return (\n    <option value={data.value} {...others}>\n      {data.label}\n    </option>\n  );\n}\n\nNativeSelectOption.displayName = '@mantine/core/NativeSelectOption';\n"],"mappings":";;;;AAMA,SAAS,QAAQ,OAA6D;AAC5E,QAAO,WAAW;;AAGpB,SAAgB,mBAAmB,EAAE,QAAiC;AACpE,KAAI,QAAQ,KAAK,EAAE;EACjB,MAAM,QAAQ,KAAK,MAAM,KAAK,SAAS,iBAAA,GAAA,kBAAA,KAAC,oBAAD,EAAqC,MAAM,MAAQ,EAA1B,KAAK,MAAqB,CAAC;AAC3F,SAAO,iBAAA,GAAA,kBAAA,KAAC,YAAD;GAAU,OAAO,KAAK;aAAQ;GAAiB,CAAA;;CAGxD,MAAM,EAAE,OAAO,OAAO,GAAG,WAAW;AAEpC,QACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;EAAQ,OAAO,KAAK;EAAO,GAAI;YAC5B,KAAK;EACC,CAAA;;AAIb,mBAAmB,cAAc"}
+{"version":3,"file":"NativeSelectOption.cjs","names":[],"sources":["../../../src/components/NativeSelect/NativeSelectOption.tsx"],"sourcesContent":["import { ComboboxParsedItem, ComboboxParsedItemGroup } from '../Combobox';\n\nexport interface NativeSelectOptionProps {\n  data: ComboboxParsedItem;\n}\n\nfunction isGroup(input: ComboboxParsedItem): input is ComboboxParsedItemGroup {\n  return 'group' in input;\n}\n\nexport function NativeSelectOption({ data }: NativeSelectOptionProps) {\n  if (isGroup(data)) {\n    const items = data.items.map((item) => <NativeSelectOption key={item.value} data={item} />);\n    return <optgroup label={data.group}>{items}</optgroup>;\n  }\n\n  const { value, label, ...others } = data;\n\n  return (\n    <option value={data.value} {...others}>\n      {data.label}\n    </option>\n  );\n}\n\nNativeSelectOption.displayName = '@mantine/core/NativeSelectOption';\n"],"mappings":";;;;AAMA,SAAS,QAAQ,OAA6D;CAC5E,OAAO,WAAW;AACpB;AAEA,SAAgB,mBAAmB,EAAE,QAAiC;CACpE,IAAI,QAAQ,IAAI,GAAG;EACjB,MAAM,QAAQ,KAAK,MAAM,KAAK,SAAS,iBAAA,GAAA,kBAAA,KAAC,oBAAD,EAAqC,MAAM,KAAO,GAAzB,KAAK,KAAoB,CAAC;EAC1F,OAAO,iBAAA,GAAA,kBAAA,KAAC,YAAD;GAAU,OAAO,KAAK;aAAQ;EAAgB,CAAA;CACvD;CAEA,MAAM,EAAE,OAAO,OAAO,GAAG,WAAW;CAEpC,OACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;EAAQ,OAAO,KAAK;EAAO,GAAI;YAC5B,KAAK;CACA,CAAA;AAEZ;AAEA,mBAAmB,cAAc"}

package/cjs/components/NavLink/NavLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavLink.cjs","names":["createVarsResolver","getSpacing","polymorphicFactory","useProps","useStyles","UnstyledButton","Box","AccordionChevron","Collapse","classes"],"sources":["../../../src/components/NavLink/NavLink.tsx"],"sourcesContent":["import { useUncontrolled } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  getSpacing,\n  MantineColor,\n  MantineSpacing,\n  polymorphicFactory,\n  PolymorphicFactory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { AccordionChevron } from '../Accordion';\nimport { Collapse } from '../Collapse';\nimport { UnstyledButton } from '../UnstyledButton';\nimport classes from './NavLink.module.css';\n\nexport type NavLinkStylesNames =\n  | 'root'\n  | 'section'\n  | 'body'\n  | 'label'\n  | 'description'\n  | 'chevron'\n  | 'collapse'\n  | 'children';\nexport type NavLinkVariant = 'filled' | 'light' | 'subtle';\nexport type NavLinkCssVariables = {\n  root: '--nl-color' | '--nl-bg' | '--nl-hover';\n  children: '--nl-offset';\n};\n\nexport interface NavLinkProps extends BoxProps, StylesApiProps<NavLinkFactory> {\n  /** Main link label */\n  label?: React.ReactNode;\n\n  /** Link description, displayed below the label */\n  description?: React.ReactNode;\n\n  /** Section displayed on the left side of the label */\n  leftSection?: React.ReactNode;\n\n  /** Section displayed on the right side of the label */\n  rightSection?: React.ReactNode;\n\n  /** Determines whether the link should have active styles @default false */\n  active?: boolean;\n\n  /** Key of `theme.colors` or any valid CSS color to control active styles @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** If set, label and description are truncated with ellipsis instead of wrapping @default false */\n  noWrap?: boolean;\n\n  /** Child `NavLink` components */\n  children?: React.ReactNode;\n\n  /** Controlled nested items collapse state */\n  opened?: boolean;\n\n  /** Uncontrolled nested items collapse initial state */\n  defaultOpened?: boolean;\n\n  /** Called when open state changes */\n  onChange?: (opened: boolean) => void;\n\n  /** If set, right section will not be rotated when collapse is opened @default false */\n  disableRightSectionRotation?: boolean;\n\n  /** Controls indentation of nested NavLink components, key of `theme.spacing` or any valid CSS value @default 'lg' */\n  childrenOffset?: MantineSpacing;\n\n  /** If set, disabled styles will be added to the root element @default false */\n  disabled?: boolean;\n\n  /** If set, adjusts text color based on background color for `filled` variant */\n  autoContrast?: boolean;\n\n  /** Called when the root element is clicked */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n\n  /** Called on keydown of the root element */\n  onKeyDown?: React.KeyboardEventHandler<HTMLElement>;\n\n  /** If set to `false`, child `NavLinks` are unmounted when collapsed */\n  keepMounted?: boolean;\n}\n\nexport type NavLinkFactory = PolymorphicFactory<{\n  props: NavLinkProps;\n  defaultRef: HTMLAnchorElement;\n  defaultComponent: 'a';\n  stylesNames: NavLinkStylesNames;\n  vars: NavLinkCssVariables;\n  variant: NavLinkVariant;\n}>;\n\nconst varsResolver = createVarsResolver<NavLinkFactory>(\n  (theme, { variant, color, childrenOffset, autoContrast }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      variant: variant || 'light',\n      autoContrast,\n    });\n\n    return {\n      root: {\n        '--nl-bg': color || variant ? colors.background : undefined,\n        '--nl-hover': color || variant ? colors.hover : undefined,\n        '--nl-color': color || variant ? colors.color : undefined,\n      },\n\n      children: {\n        '--nl-offset': getSpacing(childrenOffset),\n      },\n    };\n  }\n);\n\nexport const NavLink = polymorphicFactory<NavLinkFactory>((_props) => {\n  const props = useProps('NavLink', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    opened,\n    defaultOpened,\n    onChange,\n    children,\n    active,\n    disabled,\n    leftSection,\n    rightSection,\n    label,\n    description,\n    disableRightSectionRotation,\n    noWrap,\n    childrenOffset,\n    autoContrast,\n    mod,\n    attributes,\n    onClick,\n    onKeyDown,\n    keepMounted,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<NavLinkFactory>({\n    name: 'NavLink',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const [_opened, setOpened] = useUncontrolled({\n    value: opened,\n    defaultValue: defaultOpened,\n    finalValue: false,\n    onChange,\n  });\n\n  const withChildren = !!children;\n\n  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(event);\n\n    if (withChildren) {\n      event.preventDefault();\n      setOpened(!_opened);\n    }\n  };\n\n  return (\n    <>\n      <UnstyledButton\n        {...getStyles('root')}\n        component=\"a\"\n        onClick={handleClick}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n\n          if (event.nativeEvent.code === 'Space' && withChildren) {\n            event.preventDefault();\n            setOpened(!_opened);\n          }\n        }}\n        unstyled={unstyled}\n        mod={[{ disabled, active, expanded: _opened }, mod]}\n        {...others}\n      >\n        {leftSection && (\n          <Box component=\"span\" {...getStyles('section')} mod={{ position: 'left' }}>\n            {leftSection}\n          </Box>\n        )}\n        <Box {...getStyles('body')} mod={{ 'no-wrap': noWrap }}>\n          <Box component=\"span\" {...getStyles('label')}>\n            {label}\n          </Box>\n          <Box component=\"span\" mod={{ active }} {...getStyles('description')}>\n            {description}\n          </Box>\n        </Box>\n        {(withChildren || rightSection !== undefined) && (\n          <Box\n            {...getStyles('section')}\n            component=\"span\"\n            mod={{ rotate: _opened && !disableRightSectionRotation, position: 'right' }}\n          >\n            {withChildren ? (\n              rightSection !== undefined ? (\n                rightSection\n              ) : (\n                <AccordionChevron {...getStyles('chevron')} />\n              )\n            ) : (\n              rightSection\n            )}\n          </Box>\n        )}\n      </UnstyledButton>\n      {withChildren && (\n        <Collapse expanded={_opened} keepMounted={keepMounted} {...getStyles('collapse')}>\n          <div {...getStyles('children')}>{children}</div>\n        </Collapse>\n      )}\n    </>\n  );\n});\n\nNavLink.classes = classes;\nNavLink.varsResolver = varsResolver;\nNavLink.displayName = '@mantine/core/NavLink';\n\nexport namespace NavLink {\n  export type Props = NavLinkProps;\n  export type StylesNames = NavLinkStylesNames;\n  export type CssVariables = NavLinkCssVariables;\n  export type Factory = NavLinkFactory;\n  export type Variant = NavLinkVariant;\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmGA,MAAM,eAAeA,6BAAAA,oBAClB,OAAO,EAAE,SAAS,OAAO,gBAAgB,mBAAmB;CAC3D,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA,SAAS,WAAW;EACpB;EACD,CAAC;AAEF,QAAO;EACL,MAAM;GACJ,WAAW,SAAS,UAAU,OAAO,aAAa,KAAA;GAClD,cAAc,SAAS,UAAU,OAAO,QAAQ,KAAA;GAChD,cAAc,SAAS,UAAU,OAAO,QAAQ,KAAA;GACjD;EAED,UAAU,EACR,eAAeC,iBAAAA,WAAW,eAAe,EAC1C;EACF;EAEJ;AAED,MAAa,UAAUC,4BAAAA,oBAAoC,WAAW;CACpE,MAAM,QAAQC,kBAAAA,SAAS,WAAW,MAAM,OAAO;CAC/C,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,eACA,UACA,UACA,QACA,UACA,aACA,cACA,OACA,aACA,6BACA,QACA,gBACA,cACA,KACA,YACA,SACA,WACA,aACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA0B;EAC1C,MAAM;EACN;EACA,SAAA,uBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,CAAC,SAAS,cAAA,GAAA,eAAA,iBAA6B;EAC3C,OAAO;EACP,cAAc;EACd,YAAY;EACZ;EACD,CAAC;CAEF,MAAM,eAAe,CAAC,CAAC;CAEvB,MAAM,eAAe,UAA+C;AAClE,YAAU,MAAM;AAEhB,MAAI,cAAc;AAChB,SAAM,gBAAgB;AACtB,aAAU,CAAC,QAAQ;;;AAIvB,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,MAACC,uBAAAA,gBAAD;EACE,GAAI,UAAU,OAAO;EACrB,WAAU;EACV,SAAS;EACT,YAAY,UAAU;AACpB,eAAY,MAAM;AAElB,OAAI,MAAM,YAAY,SAAS,WAAW,cAAc;AACtD,UAAM,gBAAgB;AACtB,cAAU,CAAC,QAAQ;;;EAGb;EACV,KAAK,CAAC;GAAE;GAAU;GAAQ,UAAU;GAAS,EAAE,IAAI;EACnD,GAAI;YAdN;GAgBG,eACC,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;IAAK,WAAU;IAAO,GAAI,UAAU,UAAU;IAAE,KAAK,EAAE,UAAU,QAAQ;cACtE;IACG,CAAA;GAER,iBAAA,GAAA,kBAAA,MAACA,YAAAA,KAAD;IAAK,GAAI,UAAU,OAAO;IAAE,KAAK,EAAE,WAAW,QAAQ;cAAtD,CACE,iBAAA,GAAA,kBAAA,KAACA,YAAAA,KAAD;KAAK,WAAU;KAAO,GAAI,UAAU,QAAQ;eACzC;KACG,CAAA,EACN,iBAAA,GAAA,kBAAA,KAACA,YAAAA,KAAD;KAAK,WAAU;KAAO,KAAK,EAAE,QAAQ;KAAE,GAAI,UAAU,cAAc;eAChE;KACG,CAAA,CACF;;IACJ,gBAAgB,iBAAiB,KAAA,MACjC,iBAAA,GAAA,kBAAA,KAACA,YAAAA,KAAD;IACE,GAAI,UAAU,UAAU;IACxB,WAAU;IACV,KAAK;KAAE,QAAQ,WAAW,CAAC;KAA6B,UAAU;KAAS;cAE1E,eACC,iBAAiB,KAAA,IACf,eAEA,iBAAA,GAAA,kBAAA,KAACC,yBAAAA,kBAAD,EAAkB,GAAI,UAAU,UAAU,EAAI,CAAA,GAGhD;IAEE,CAAA;GAEO;KAChB,gBACC,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,UAAD;EAAU,UAAU;EAAsB;EAAa,GAAI,UAAU,WAAW;YAC9E,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,GAAI,UAAU,WAAW;GAAG;GAAe,CAAA;EACvC,CAAA,CAEZ,EAAA,CAAA;EAEL;AAEF,QAAQ,UAAUC,uBAAAA;AAClB,QAAQ,eAAe;AACvB,QAAQ,cAAc"}
+{"version":3,"file":"NavLink.cjs","names":["createVarsResolver","getSpacing","polymorphicFactory","useProps","useStyles","UnstyledButton","Box","AccordionChevron","Collapse","classes"],"sources":["../../../src/components/NavLink/NavLink.tsx"],"sourcesContent":["import { useUncontrolled } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  getSpacing,\n  MantineColor,\n  MantineSpacing,\n  polymorphicFactory,\n  PolymorphicFactory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { AccordionChevron } from '../Accordion';\nimport { Collapse } from '../Collapse';\nimport { UnstyledButton } from '../UnstyledButton';\nimport classes from './NavLink.module.css';\n\nexport type NavLinkStylesNames =\n  | 'root'\n  | 'section'\n  | 'body'\n  | 'label'\n  | 'description'\n  | 'chevron'\n  | 'collapse'\n  | 'children';\nexport type NavLinkVariant = 'filled' | 'light' | 'subtle';\nexport type NavLinkCssVariables = {\n  root: '--nl-color' | '--nl-bg' | '--nl-hover';\n  children: '--nl-offset';\n};\n\nexport interface NavLinkProps extends BoxProps, StylesApiProps<NavLinkFactory> {\n  /** Main link label */\n  label?: React.ReactNode;\n\n  /** Link description, displayed below the label */\n  description?: React.ReactNode;\n\n  /** Section displayed on the left side of the label */\n  leftSection?: React.ReactNode;\n\n  /** Section displayed on the right side of the label */\n  rightSection?: React.ReactNode;\n\n  /** Determines whether the link should have active styles @default false */\n  active?: boolean;\n\n  /** Key of `theme.colors` or any valid CSS color to control active styles @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** If set, label and description are truncated with ellipsis instead of wrapping @default false */\n  noWrap?: boolean;\n\n  /** Child `NavLink` components */\n  children?: React.ReactNode;\n\n  /** Controlled nested items collapse state */\n  opened?: boolean;\n\n  /** Uncontrolled nested items collapse initial state */\n  defaultOpened?: boolean;\n\n  /** Called when open state changes */\n  onChange?: (opened: boolean) => void;\n\n  /** If set, right section will not be rotated when collapse is opened @default false */\n  disableRightSectionRotation?: boolean;\n\n  /** Controls indentation of nested NavLink components, key of `theme.spacing` or any valid CSS value @default 'lg' */\n  childrenOffset?: MantineSpacing;\n\n  /** If set, disabled styles will be added to the root element @default false */\n  disabled?: boolean;\n\n  /** If set, adjusts text color based on background color for `filled` variant */\n  autoContrast?: boolean;\n\n  /** Called when the root element is clicked */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n\n  /** Called on keydown of the root element */\n  onKeyDown?: React.KeyboardEventHandler<HTMLElement>;\n\n  /** If set to `false`, child `NavLinks` are unmounted when collapsed */\n  keepMounted?: boolean;\n}\n\nexport type NavLinkFactory = PolymorphicFactory<{\n  props: NavLinkProps;\n  defaultRef: HTMLAnchorElement;\n  defaultComponent: 'a';\n  stylesNames: NavLinkStylesNames;\n  vars: NavLinkCssVariables;\n  variant: NavLinkVariant;\n}>;\n\nconst varsResolver = createVarsResolver<NavLinkFactory>(\n  (theme, { variant, color, childrenOffset, autoContrast }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      variant: variant || 'light',\n      autoContrast,\n    });\n\n    return {\n      root: {\n        '--nl-bg': color || variant ? colors.background : undefined,\n        '--nl-hover': color || variant ? colors.hover : undefined,\n        '--nl-color': color || variant ? colors.color : undefined,\n      },\n\n      children: {\n        '--nl-offset': getSpacing(childrenOffset),\n      },\n    };\n  }\n);\n\nexport const NavLink = polymorphicFactory<NavLinkFactory>((_props) => {\n  const props = useProps('NavLink', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    opened,\n    defaultOpened,\n    onChange,\n    children,\n    active,\n    disabled,\n    leftSection,\n    rightSection,\n    label,\n    description,\n    disableRightSectionRotation,\n    noWrap,\n    childrenOffset,\n    autoContrast,\n    mod,\n    attributes,\n    onClick,\n    onKeyDown,\n    keepMounted,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<NavLinkFactory>({\n    name: 'NavLink',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const [_opened, setOpened] = useUncontrolled({\n    value: opened,\n    defaultValue: defaultOpened,\n    finalValue: false,\n    onChange,\n  });\n\n  const withChildren = !!children;\n\n  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(event);\n\n    if (withChildren) {\n      event.preventDefault();\n      setOpened(!_opened);\n    }\n  };\n\n  return (\n    <>\n      <UnstyledButton\n        {...getStyles('root')}\n        component=\"a\"\n        onClick={handleClick}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n\n          if (event.nativeEvent.code === 'Space' && withChildren) {\n            event.preventDefault();\n            setOpened(!_opened);\n          }\n        }}\n        unstyled={unstyled}\n        mod={[{ disabled, active, expanded: _opened }, mod]}\n        {...others}\n      >\n        {leftSection && (\n          <Box component=\"span\" {...getStyles('section')} mod={{ position: 'left' }}>\n            {leftSection}\n          </Box>\n        )}\n        <Box {...getStyles('body')} mod={{ 'no-wrap': noWrap }}>\n          <Box component=\"span\" {...getStyles('label')}>\n            {label}\n          </Box>\n          <Box component=\"span\" mod={{ active }} {...getStyles('description')}>\n            {description}\n          </Box>\n        </Box>\n        {(withChildren || rightSection !== undefined) && (\n          <Box\n            {...getStyles('section')}\n            component=\"span\"\n            mod={{ rotate: _opened && !disableRightSectionRotation, position: 'right' }}\n          >\n            {withChildren ? (\n              rightSection !== undefined ? (\n                rightSection\n              ) : (\n                <AccordionChevron {...getStyles('chevron')} />\n              )\n            ) : (\n              rightSection\n            )}\n          </Box>\n        )}\n      </UnstyledButton>\n      {withChildren && (\n        <Collapse expanded={_opened} keepMounted={keepMounted} {...getStyles('collapse')}>\n          <div {...getStyles('children')}>{children}</div>\n        </Collapse>\n      )}\n    </>\n  );\n});\n\nNavLink.classes = classes;\nNavLink.varsResolver = varsResolver;\nNavLink.displayName = '@mantine/core/NavLink';\n\nexport namespace NavLink {\n  export type Props = NavLinkProps;\n  export type StylesNames = NavLinkStylesNames;\n  export type CssVariables = NavLinkCssVariables;\n  export type Factory = NavLinkFactory;\n  export type Variant = NavLinkVariant;\n}\n"],"mappings":"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"}

package/cjs/components/Notification/Notification.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.cjs","names":["createVarsResolver","getRadius","getThemeColor","factory","useProps","useStyles","Box","Loader","CloseButton","classes"],"sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  getThemeColor,\n  MantineColor,\n  MantineRadius,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { CloseButton } from '../CloseButton';\nimport { Loader, LoaderProps } from '../Loader';\nimport classes from './Notification.module.css';\n\nexport type NotificationStylesNames =\n  | 'root'\n  | 'icon'\n  | 'loader'\n  | 'body'\n  | 'title'\n  | 'description'\n  | 'closeButton';\nexport type NotificationCssVariables = {\n  root: '--notification-radius' | '--notification-color';\n};\n\nexport interface NotificationProps\n  extends BoxProps, StylesApiProps<NotificationFactory>, ElementProps<'div', 'title'> {\n  /** Called when the close button is clicked */\n  onClose?: () => void;\n\n  /** Controls icon background color or notification accent line color, key of `theme.colors` or any valid CSS color. When `icon` is provided, sets the icon background color. When no icon is provided, sets the colored accent line on the left. @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  /** Notification icon, replaces color line */\n  icon?: React.ReactNode;\n\n  /** Notification title, displayed above the message body */\n  title?: React.ReactNode;\n\n  /** Notification description, displayed below the title. When no title is provided, this serves as the main message. */\n  children?: React.ReactNode;\n\n  /** If set, displays a `Loader` component instead of the icon. Takes precedence over the `icon` prop if both are provided. */\n  loading?: boolean;\n\n  /** Adds border to the root element */\n  withBorder?: boolean;\n\n  /** If set, the close button is visible @default true */\n  withCloseButton?: boolean;\n\n  /** Props passed down to the close button */\n  closeButtonProps?: ElementProps<'button'> & DataAttributes;\n\n  /** Props passed down to the `Loader` component */\n  loaderProps?: LoaderProps;\n}\n\nexport type NotificationFactory = Factory<{\n  props: NotificationProps;\n  ref: HTMLDivElement;\n  stylesNames: NotificationStylesNames;\n  vars: NotificationCssVariables;\n}>;\n\nconst defaultProps = {\n  withCloseButton: true,\n} satisfies Partial<NotificationProps>;\n\nconst varsResolver = createVarsResolver<NotificationFactory>((theme, { radius, color }) => ({\n  root: {\n    '--notification-radius': radius === undefined ? undefined : getRadius(radius),\n    '--notification-color': color ? getThemeColor(color, theme) : undefined,\n  },\n}));\n\nexport const Notification = factory<NotificationFactory>((_props) => {\n  const props = useProps('Notification', defaultProps, _props);\n  const {\n    className,\n    color,\n    radius,\n    loading,\n    withCloseButton,\n    withBorder,\n    title,\n    icon,\n    children,\n    onClose,\n    closeButtonProps,\n    classNames,\n    style,\n    styles,\n    unstyled,\n    vars,\n    mod,\n    loaderProps,\n    role,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<NotificationFactory>({\n    name: 'Notification',\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\n      {...getStyles('root')}\n      mod={[{ 'data-with-icon': !!icon || loading, 'data-with-border': withBorder }, mod]}\n      role={role || 'alert'}\n      {...others}\n    >\n      {icon && !loading && <div {...getStyles('icon')}>{icon}</div>}\n      {loading && <Loader size={28} color={color} {...getStyles('loader')} {...loaderProps} />}\n\n      <div {...getStyles('body')}>\n        {title && <div {...getStyles('title')}>{title}</div>}\n\n        <Box {...getStyles('description')} mod={{ 'data-with-title': !!title }}>\n          {children}\n        </Box>\n      </div>\n\n      {withCloseButton && (\n        <CloseButton\n          iconSize={16}\n          color=\"gray\"\n          {...closeButtonProps}\n          unstyled={unstyled}\n          onClick={(event) => {\n            closeButtonProps?.onClick?.(event);\n            onClose?.();\n          }}\n          {...getStyles('closeButton')}\n        />\n      )}\n    </Box>\n  );\n});\n\nNotification.classes = classes;\nNotification.varsResolver = varsResolver;\nNotification.displayName = '@mantine/core/Notification';\n\nexport namespace Notification {\n  export type Props = NotificationProps;\n  export type StylesNames = NotificationStylesNames;\n  export type Factory = NotificationFactory;\n  export type CssVariables = NotificationCssVariables;\n}\n"],"mappings":";;;;;;;;;;;;;;AA2EA,MAAM,eAAe,EACnB,iBAAiB,MAClB;AAED,MAAM,eAAeA,6BAAAA,oBAAyC,OAAO,EAAE,QAAQ,aAAa,EAC1F,MAAM;CACJ,yBAAyB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,OAAO;CAC7E,wBAAwB,QAAQC,wBAAAA,cAAc,OAAO,MAAM,GAAG,KAAA;CAC/D,EACF,EAAE;AAEH,MAAa,eAAeC,gBAAAA,SAA8B,WAAW;CACnE,MAAM,QAAQC,kBAAAA,SAAS,gBAAgB,cAAc,OAAO;CAC5D,MAAM,EACJ,WACA,OACA,QACA,SACA,iBACA,YACA,OACA,MACA,UACA,SACA,kBACA,YACA,OACA,QACA,UACA,MACA,KACA,aACA,MACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA+B;EAC/C,MAAM;EACN,SAAA,4BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,iBAAA,GAAA,kBAAA,MAACC,YAAAA,KAAD;EACE,GAAI,UAAU,OAAO;EACrB,KAAK,CAAC;GAAE,kBAAkB,CAAC,CAAC,QAAQ;GAAS,oBAAoB;GAAY,EAAE,IAAI;EACnF,MAAM,QAAQ;EACd,GAAI;YAJN;GAMG,QAAQ,CAAC,WAAW,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,GAAI,UAAU,OAAO;cAAG;IAAW,CAAA;GAC5D,WAAW,iBAAA,GAAA,kBAAA,KAACC,eAAAA,QAAD;IAAQ,MAAM;IAAW;IAAO,GAAI,UAAU,SAAS;IAAE,GAAI;IAAe,CAAA;GAExF,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,GAAI,UAAU,OAAO;cAA1B,CACG,SAAS,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,GAAI,UAAU,QAAQ;eAAG;KAAY,CAAA,EAEpD,iBAAA,GAAA,kBAAA,KAACD,YAAAA,KAAD;KAAK,GAAI,UAAU,cAAc;KAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,OAAO;KACnE;KACG,CAAA,CACF;;GAEL,mBACC,iBAAA,GAAA,kBAAA,KAACE,oBAAAA,aAAD;IACE,UAAU;IACV,OAAM;IACN,GAAI;IACM;IACV,UAAU,UAAU;AAClB,uBAAkB,UAAU,MAAM;AAClC,gBAAW;;IAEb,GAAI,UAAU,cAAc;IAC5B,CAAA;GAEA;;EAER;AAEF,aAAa,UAAUC,4BAAAA;AACvB,aAAa,eAAe;AAC5B,aAAa,cAAc"}
+{"version":3,"file":"Notification.cjs","names":["createVarsResolver","getRadius","getThemeColor","factory","useProps","useStyles","Box","Loader","CloseButton","classes"],"sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  getThemeColor,\n  MantineColor,\n  MantineRadius,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { CloseButton } from '../CloseButton';\nimport { Loader, LoaderProps } from '../Loader';\nimport classes from './Notification.module.css';\n\nexport type NotificationStylesNames =\n  | 'root'\n  | 'icon'\n  | 'loader'\n  | 'body'\n  | 'title'\n  | 'description'\n  | 'closeButton';\nexport type NotificationCssVariables = {\n  root: '--notification-radius' | '--notification-color';\n};\n\nexport interface NotificationProps\n  extends BoxProps, StylesApiProps<NotificationFactory>, ElementProps<'div', 'title'> {\n  /** Called when the close button is clicked */\n  onClose?: () => void;\n\n  /** Controls icon background color or notification accent line color, key of `theme.colors` or any valid CSS color. When `icon` is provided, sets the icon background color. When no icon is provided, sets the colored accent line on the left. @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  /** Notification icon, replaces color line */\n  icon?: React.ReactNode;\n\n  /** Notification title, displayed above the message body */\n  title?: React.ReactNode;\n\n  /** Notification description, displayed below the title. When no title is provided, this serves as the main message. */\n  children?: React.ReactNode;\n\n  /** If set, displays a `Loader` component instead of the icon. Takes precedence over the `icon` prop if both are provided. */\n  loading?: boolean;\n\n  /** Adds border to the root element */\n  withBorder?: boolean;\n\n  /** If set, the close button is visible @default true */\n  withCloseButton?: boolean;\n\n  /** Props passed down to the close button */\n  closeButtonProps?: ElementProps<'button'> & DataAttributes;\n\n  /** Props passed down to the `Loader` component */\n  loaderProps?: LoaderProps;\n}\n\nexport type NotificationFactory = Factory<{\n  props: NotificationProps;\n  ref: HTMLDivElement;\n  stylesNames: NotificationStylesNames;\n  vars: NotificationCssVariables;\n}>;\n\nconst defaultProps = {\n  withCloseButton: true,\n} satisfies Partial<NotificationProps>;\n\nconst varsResolver = createVarsResolver<NotificationFactory>((theme, { radius, color }) => ({\n  root: {\n    '--notification-radius': radius === undefined ? undefined : getRadius(radius),\n    '--notification-color': color ? getThemeColor(color, theme) : undefined,\n  },\n}));\n\nexport const Notification = factory<NotificationFactory>((_props) => {\n  const props = useProps('Notification', defaultProps, _props);\n  const {\n    className,\n    color,\n    radius,\n    loading,\n    withCloseButton,\n    withBorder,\n    title,\n    icon,\n    children,\n    onClose,\n    closeButtonProps,\n    classNames,\n    style,\n    styles,\n    unstyled,\n    vars,\n    mod,\n    loaderProps,\n    role,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<NotificationFactory>({\n    name: 'Notification',\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\n      {...getStyles('root')}\n      mod={[{ 'data-with-icon': !!icon || loading, 'data-with-border': withBorder }, mod]}\n      role={role || 'alert'}\n      {...others}\n    >\n      {icon && !loading && <div {...getStyles('icon')}>{icon}</div>}\n      {loading && <Loader size={28} color={color} {...getStyles('loader')} {...loaderProps} />}\n\n      <div {...getStyles('body')}>\n        {title && <div {...getStyles('title')}>{title}</div>}\n\n        <Box {...getStyles('description')} mod={{ 'data-with-title': !!title }}>\n          {children}\n        </Box>\n      </div>\n\n      {withCloseButton && (\n        <CloseButton\n          iconSize={16}\n          color=\"gray\"\n          {...closeButtonProps}\n          unstyled={unstyled}\n          onClick={(event) => {\n            closeButtonProps?.onClick?.(event);\n            onClose?.();\n          }}\n          {...getStyles('closeButton')}\n        />\n      )}\n    </Box>\n  );\n});\n\nNotification.classes = classes;\nNotification.varsResolver = varsResolver;\nNotification.displayName = '@mantine/core/Notification';\n\nexport namespace Notification {\n  export type Props = NotificationProps;\n  export type StylesNames = NotificationStylesNames;\n  export type Factory = NotificationFactory;\n  export type CssVariables = NotificationCssVariables;\n}\n"],"mappings":";;;;;;;;;;;;;;AA2EA,MAAM,eAAe,EACnB,iBAAiB,KACnB;AAEA,MAAM,eAAeA,6BAAAA,oBAAyC,OAAO,EAAE,QAAQ,aAAa,EAC1F,MAAM;CACJ,yBAAyB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;CAC5E,wBAAwB,QAAQC,wBAAAA,cAAc,OAAO,KAAK,IAAI,KAAA;AAChE,EACF,EAAE;AAEF,MAAa,eAAeC,gBAAAA,SAA8B,WAAW;CACnE,MAAM,QAAQC,kBAAAA,SAAS,gBAAgB,cAAc,MAAM;CAC3D,MAAM,EACJ,WACA,OACA,QACA,SACA,iBACA,YACA,OACA,MACA,UACA,SACA,kBACA,YACA,OACA,QACA,UACA,MACA,KACA,aACA,MACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA+B;EAC/C,MAAM;EACN,SAAA,4BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,MAACC,YAAAA,KAAD;EACE,GAAI,UAAU,MAAM;EACpB,KAAK,CAAC;GAAE,kBAAkB,CAAC,CAAC,QAAQ;GAAS,oBAAoB;EAAW,GAAG,GAAG;EAClF,MAAM,QAAQ;EACd,GAAI;YAJN;GAMG,QAAQ,CAAC,WAAW,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,GAAI,UAAU,MAAM;cAAI;GAAU,CAAA;GAC3D,WAAW,iBAAA,GAAA,kBAAA,KAACC,eAAAA,QAAD;IAAQ,MAAM;IAAW;IAAO,GAAI,UAAU,QAAQ;IAAG,GAAI;GAAc,CAAA;GAEvF,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,GAAI,UAAU,MAAM;cAAzB,CACG,SAAS,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,GAAI,UAAU,OAAO;eAAI;IAAW,CAAA,GAEnD,iBAAA,GAAA,kBAAA,KAACD,YAAAA,KAAD;KAAK,GAAI,UAAU,aAAa;KAAG,KAAK,EAAE,mBAAmB,CAAC,CAAC,MAAM;KAClE;IACE,CAAA,CACF;;GAEJ,mBACC,iBAAA,GAAA,kBAAA,KAACE,oBAAAA,aAAD;IACE,UAAU;IACV,OAAM;IACN,GAAI;IACM;IACV,UAAU,UAAU;KAClB,kBAAkB,UAAU,KAAK;KACjC,UAAU;IACZ;IACA,GAAI,UAAU,aAAa;GAC5B,CAAA;EAEA;;AAET,CAAC;AAED,aAAa,UAAUC,4BAAAA;AACvB,aAAa,eAAe;AAC5B,aAAa,cAAc"}

package/cjs/components/NumberFormatter/NumberFormatter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFormatter.cjs","names":["useProps","NumericFormat"],"sources":["../../../src/components/NumberFormatter/NumberFormatter.tsx"],"sourcesContent":["import { NumericFormat } from 'react-number-format';\nimport { ExtendComponent, Factory, MantineThemeComponent, useProps } from '../../core';\n\nexport interface NumberFormatterProps extends React.ComponentProps<'span'> {\n  /** Value to format */\n  value?: number | string;\n\n  /** If set, negative values are allowed @default true */\n  allowNegative?: boolean;\n\n  /** Limits the number of digits that are displayed after the decimal point @default Infinity */\n  decimalScale?: number;\n\n  /** Character used as a decimal separator, `'.'` by default */\n  decimalSeparator?: string;\n\n  /** If set, zeros are added after `decimalSeparator` to match given `decimalScale`. @default false */\n  fixedDecimalScale?: boolean;\n\n  /** Prefix added before the value */\n  prefix?: string;\n\n  /** Suffix added after the value */\n  suffix?: string;\n\n  /** Defines the thousand grouping style */\n  thousandsGroupStyle?: 'thousand' | 'lakh' | 'wan' | 'none';\n\n  /** A character used to separate thousands @default  ',' */\n  thousandSeparator?: string | boolean;\n}\n\nexport type NumberFormatterFactory = Factory<{\n  props: NumberFormatterProps;\n  ref: HTMLDivElement;\n}>;\n\nexport function NumberFormatter(_props: NumberFormatterProps) {\n  const { value, defaultValue, ...others } = useProps('NumberFormatter', null, _props);\n\n  if (value === undefined) {\n    return null;\n  }\n\n  return <NumericFormat displayType=\"text\" value={value} {...others} />;\n}\n\nconst extendNumberFormatter = (c: ExtendComponent<NumberFormatterFactory>): MantineThemeComponent =>\n  c;\n\nNumberFormatter.extend = extendNumberFormatter;\nNumberFormatter.displayName = '@mantine/core/NumberFormatter';\n\nexport namespace NumberFormatter {\n  export type Props = NumberFormatterProps;\n  export type Factory = NumberFormatterFactory;\n}\n"],"mappings":";;;;;;AAqCA,SAAgB,gBAAgB,QAA8B;CAC5D,MAAM,EAAE,OAAO,cAAc,GAAG,WAAWA,kBAAAA,SAAS,mBAAmB,MAAM,OAAO;AAEpF,KAAI,UAAU,KAAA,EACZ,QAAO;AAGT,QAAO,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,eAAD;EAAe,aAAY;EAAc;EAAO,GAAI;EAAU,CAAA;;AAGvE,MAAM,yBAAyB,MAC7B;AAEF,gBAAgB,SAAS;AACzB,gBAAgB,cAAc"}
+{"version":3,"file":"NumberFormatter.cjs","names":["useProps","NumericFormat"],"sources":["../../../src/components/NumberFormatter/NumberFormatter.tsx"],"sourcesContent":["import { NumericFormat } from 'react-number-format';\nimport { ExtendComponent, Factory, MantineThemeComponent, useProps } from '../../core';\n\nexport interface NumberFormatterProps extends React.ComponentProps<'span'> {\n  /** Value to format */\n  value?: number | string;\n\n  /** If set, negative values are allowed @default true */\n  allowNegative?: boolean;\n\n  /** Limits the number of digits that are displayed after the decimal point @default Infinity */\n  decimalScale?: number;\n\n  /** Character used as a decimal separator, `'.'` by default */\n  decimalSeparator?: string;\n\n  /** If set, zeros are added after `decimalSeparator` to match given `decimalScale`. @default false */\n  fixedDecimalScale?: boolean;\n\n  /** Prefix added before the value */\n  prefix?: string;\n\n  /** Suffix added after the value */\n  suffix?: string;\n\n  /** Defines the thousand grouping style */\n  thousandsGroupStyle?: 'thousand' | 'lakh' | 'wan' | 'none';\n\n  /** A character used to separate thousands @default  ',' */\n  thousandSeparator?: string | boolean;\n}\n\nexport type NumberFormatterFactory = Factory<{\n  props: NumberFormatterProps;\n  ref: HTMLDivElement;\n}>;\n\nexport function NumberFormatter(_props: NumberFormatterProps) {\n  const { value, defaultValue, ...others } = useProps('NumberFormatter', null, _props);\n\n  if (value === undefined) {\n    return null;\n  }\n\n  return <NumericFormat displayType=\"text\" value={value} {...others} />;\n}\n\nconst extendNumberFormatter = (c: ExtendComponent<NumberFormatterFactory>): MantineThemeComponent =>\n  c;\n\nNumberFormatter.extend = extendNumberFormatter;\nNumberFormatter.displayName = '@mantine/core/NumberFormatter';\n\nexport namespace NumberFormatter {\n  export type Props = NumberFormatterProps;\n  export type Factory = NumberFormatterFactory;\n}\n"],"mappings":";;;;;;AAqCA,SAAgB,gBAAgB,QAA8B;CAC5D,MAAM,EAAE,OAAO,cAAc,GAAG,WAAWA,kBAAAA,SAAS,mBAAmB,MAAM,MAAM;CAEnF,IAAI,UAAU,KAAA,GACZ,OAAO;CAGT,OAAO,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,eAAD;EAAe,aAAY;EAAc;EAAO,GAAI;CAAS,CAAA;AACtE;AAEA,MAAM,yBAAyB,MAC7B;AAEF,gBAAgB,SAAS;AACzB,gBAAgB,cAAc"}