@mantine/core 6.0.10 → 7.0.0-alpha.10

package/esm/components/Input/use-input-props.js

@@ -0,0 +1,44 @@
+import { __rest } from 'tslib';
+import { useId } from '@mantine/hooks';
+import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
+import { extractStyleProps } from '../../core/Box/style-props/extract-style-props/extract-style-props.js';
+
+function useInputProps(component, defaultProps, _props) {
+    const props = useProps(component, defaultProps, _props);
+    const { label, description, error, required, classNames, styles, className, unstyled, __staticSelector, __stylesApiProps, errorProps, labelProps, descriptionProps, wrapperProps: _wrapperProps, id, size, style, inputContainer, inputWrapperOrder, withAsterisk, variant, vars } = props, others = __rest(props, ["label", "description", "error", "required", "classNames", "styles", "className", "unstyled", "__staticSelector", "__stylesApiProps", "errorProps", "labelProps", "descriptionProps", "wrapperProps", "id", "size", "style", "inputContainer", "inputWrapperOrder", "withAsterisk", "variant", "vars"]);
+    const uid = useId(id);
+    const { styleProps, rest } = extractStyleProps(others);
+    const wrapperProps = Object.assign({ label,
+        description,
+        error,
+        required,
+        classNames,
+        className,
+        __staticSelector, __stylesApiProps: __stylesApiProps || props, errorProps,
+        labelProps,
+        descriptionProps,
+        unstyled,
+        styles, id: uid, size,
+        style,
+        inputContainer,
+        inputWrapperOrder,
+        withAsterisk,
+        variant }, _wrapperProps);
+    return Object.assign(Object.assign({}, rest), { classNames,
+        styles,
+        unstyled, wrapperProps: Object.assign(Object.assign({}, wrapperProps), styleProps), inputProps: {
+            required,
+            classNames,
+            styles,
+            unstyled,
+            id: uid,
+            size,
+            __staticSelector,
+            __stylesApiProps: __stylesApiProps || props,
+            error,
+            variant,
+        } });
+}
+
+export { useInputProps };
+//# sourceMappingURL=use-input-props.js.map

package/esm/components/Input/use-input-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-props.js","sources":["../../../src/components/Input/use-input-props.ts"],"sourcesContent":["import { useId } from '@mantine/hooks';\nimport { extractStyleProps, useProps, BoxProps, StylesApiProps } from '../../core';\nimport { __BaseInputProps } from './Input';\n\ninterface BaseProps\n  extends __BaseInputProps,\n    BoxProps,\n    StylesApiProps<{ props: any; stylesNames: string }> {\n  __staticSelector?: string;\n  __stylesApiProps?: Record<string, any>;\n  id?: string;\n}\n\nexport function useInputProps<T extends BaseProps, U extends Partial<T>>(\n  component: string,\n  defaultProps: U,\n  _props: T\n) {\n  const props = useProps<T>(component, defaultProps, _props);\n  const {\n    label,\n    description,\n    error,\n    required,\n    classNames,\n    styles,\n    className,\n    unstyled,\n    __staticSelector,\n    __stylesApiProps,\n    errorProps,\n    labelProps,\n    descriptionProps,\n    wrapperProps: _wrapperProps,\n    id,\n    size,\n    style,\n    inputContainer,\n    inputWrapperOrder,\n    withAsterisk,\n    variant,\n    vars,\n    ...others\n  } = props;\n\n  const uid = useId(id);\n\n  const { styleProps, rest } = extractStyleProps(others);\n\n  const wrapperProps = {\n    label,\n    description,\n    error,\n    required,\n    classNames,\n    className,\n    __staticSelector,\n    __stylesApiProps: __stylesApiProps || props,\n    errorProps,\n    labelProps,\n    descriptionProps,\n    unstyled,\n    styles,\n    id: uid,\n    size,\n    style,\n    inputContainer,\n    inputWrapperOrder,\n    withAsterisk,\n    variant,\n    ..._wrapperProps,\n  };\n\n  return {\n    ...rest,\n    classNames,\n    styles,\n    unstyled,\n    wrapperProps: { ...wrapperProps, ...styleProps } as typeof wrapperProps & BoxProps,\n    inputProps: {\n      required,\n      classNames,\n      styles,\n      unstyled,\n      id: uid,\n      size,\n      __staticSelector,\n      __stylesApiProps: __stylesApiProps || props,\n      error,\n      variant,\n    },\n  };\n}\n"],"names":[],"mappings":";;;;;SAagB,aAAa,CAC3B,SAAiB,EACjB,YAAe,EACf,MAAS;IAET,MAAM,KAAK,GAAG,QAAQ,CAAI,SAAS,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC3D,MAAM,EACJ,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,UAAU,EACV,MAAM,EACN,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,YAAY,EAAE,aAAa,EAC3B,EAAE,EACF,IAAI,EACJ,KAAK,EACL,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,OAAO,EACP,IAAI,KAEF,KAAK,EADJ,MAAM,UACP,KAAK,EAxBH,uSAwBL,CAAQ,CAAC;IAEV,MAAM,GAAG,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;IAEtB,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAEvD,MAAM,YAAY,mBAChB,KAAK;QACL,WAAW;QACX,KAAK;QACL,QAAQ;QACR,UAAU;QACV,SAAS;QACT,gBAAgB,EAChB,gBAAgB,EAAE,gBAAgB,IAAI,KAAK,EAC3C,UAAU;QACV,UAAU;QACV,gBAAgB;QAChB,QAAQ;QACR,MAAM,EACN,EAAE,EAAE,GAAG,EACP,IAAI;QACJ,KAAK;QACL,cAAc;QACd,iBAAiB;QACjB,YAAY;QACZ,OAAO,IACJ,aAAa,CACjB,CAAC;IAEF,uCACK,IAAI,KACP,UAAU;QACV,MAAM;QACN,QAAQ,EACR,YAAY,EAAE,gCAAK,YAAY,GAAK,UAAU,CAAoC,EAClF,UAAU,EAAE;YACV,QAAQ;YACR,UAAU;YACV,MAAM;YACN,QAAQ;YACR,EAAE,EAAE,GAAG;YACP,IAAI;YACJ,gBAAgB;YAChB,gBAAgB,EAAE,gBAAgB,IAAI,KAAK;YAC3C,KAAK;YACL,OAAO;SACR,IACD;AACJ;;;;"}

package/esm/components/InputBase/InputBase.js

@@ -0,0 +1,19 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import { useInputProps } from '../Input/use-input-props.js';
+import { Input } from '../Input/Input.js';
+import { polymorphicFactory } from '../../core/factory/polymorphic-factory.js';
+
+const defaultProps = {
+    size: 'sm',
+    __staticSelector: 'InputBase',
+};
+const InputBase = polymorphicFactory((props, ref) => {
+    const _a = useInputProps('InputBase', defaultProps, props), { inputProps, wrapperProps } = _a, others = __rest(_a, ["inputProps", "wrapperProps"]);
+    return (React.createElement(Input.Wrapper, Object.assign({}, wrapperProps),
+        React.createElement(Input, Object.assign({}, inputProps, others, { ref: ref }))));
+});
+InputBase.displayName = '@mantine/core/InputBase';
+
+export { InputBase };
+//# sourceMappingURL=InputBase.js.map

package/esm/components/InputBase/InputBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputBase.js","sources":["../../../src/components/InputBase/InputBase.tsx"],"sourcesContent":["import React from 'react';\nimport { BoxProps, StylesApiProps, polymorphicFactory, PolymorphicFactory } from '../../core';\nimport { __InputStylesNames, __BaseInputProps, InputVariant, useInputProps, Input } from '../Input';\n\nexport interface InputBaseProps\n  extends BoxProps,\n    __BaseInputProps,\n    StylesApiProps<InputBaseFactory> {\n  __staticSelector?: string;\n\n  /** Props passed to the root element (`Input.Wrapper` component) */\n  wrapperProps?: Record<string, any>;\n}\n\nexport type InputBaseFactory = PolymorphicFactory<{\n  props: InputBaseProps;\n  defaultRef: HTMLInputElement;\n  defaultComponent: 'input';\n  stylesNames: __InputStylesNames;\n  variant: InputVariant;\n}>;\n\nconst defaultProps: Partial<InputBaseProps> = {\n  size: 'sm',\n  __staticSelector: 'InputBase',\n};\n\nexport const InputBase = polymorphicFactory<InputBaseFactory>((props, ref) => {\n  const { inputProps, wrapperProps, ...others } = useInputProps('InputBase', defaultProps, props);\n  return (\n    <Input.Wrapper {...wrapperProps}>\n      <Input {...inputProps} {...others} ref={ref} />\n    </Input.Wrapper>\n  );\n});\n\nInputBase.displayName = '@mantine/core/InputBase';\n"],"names":[],"mappings":";;;;;;AAsBA,MAAM,YAAY,GAA4B;IAC5C,IAAI,EAAE,IAAI;IACV,gBAAgB,EAAE,WAAW;CAC9B,CAAC;MAEW,SAAS,GAAG,kBAAkB,CAAmB,CAAC,KAAK,EAAE,GAAG;IACvE,MAAM,KAA0C,aAAa,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,CAAC,EAAzF,EAAE,UAAU,EAAE,YAAY,OAA+D,EAA1D,MAAM,cAArC,8BAAuC,CAAkD,CAAC;IAChG,QACE,oBAAC,KAAK,CAAC,OAAO,oBAAK,YAAY;QAC7B,oBAAC,KAAK,oBAAK,UAAU,EAAM,MAAM,IAAE,GAAG,EAAE,GAAG,IAAI,CACjC,EAChB;AACJ,CAAC,EAAE;AAEH,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}

package/esm/components/Kbd/Kbd.js

@@ -0,0 +1,40 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import classes from './Kbd.module.css.js';
+import { factory } from '../../core/factory/factory.js';
+import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
+import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
+import { Box } from '../../core/Box/Box.js';
+import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+import { getSize } from '../../core/utils/get-size/get-size.js';
+
+const defaultProps = {
+    size: 'sm',
+};
+const varsResolver = createVarsResolver((_, { size }) => ({
+    root: {
+        '--kbd-fz': getSize(size, 'kbd-fz'),
+        '--kbd-padding': getSize(size, 'kbd-padding'),
+    },
+}));
+const Kbd = factory((_props, ref) => {
+    const props = useProps('Kbd', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars } = props, others = __rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars"]);
+    const getStyles = useStyles({
+        name: 'Kbd',
+        classes,
+        props,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return React.createElement(Box, Object.assign({ component: "kbd", ref: ref }, getStyles('root'), others));
+});
+Kbd.displayName = '@mantine/core/Kbd';
+
+export { Kbd };
+//# sourceMappingURL=Kbd.js.map

package/esm/components/Kbd/Kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","sources":["../../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  Factory,\n  getSize,\n  MantineSize,\n} from '../../core';\nimport classes from './Kbd.module.css';\n\nexport type KbdStylesNames = 'root';\nexport type KbdVariant = string;\nexport type KbdCssVariables = {\n  root: '--kbd-padding' | '--kbd-fz';\n};\n\nexport interface KbdProps extends BoxProps, StylesApiProps<KbdFactory>, ElementProps<'kbd'> {\n  /** Controls font-size and padding, `'sm'` by default */\n  size?: MantineSize | (string & {});\n}\n\nexport type KbdFactory = Factory<{\n  props: KbdProps;\n  ref: HTMLElement;\n  stylesNames: KbdStylesNames;\n  vars: KbdCssVariables;\n  variant: KbdVariant;\n}>;\n\nconst defaultProps: Partial<KbdProps> = {\n  size: 'sm',\n};\n\nconst varsResolver = createVarsResolver<KbdFactory>((_, { size }) => ({\n  root: {\n    '--kbd-fz': getSize(size, 'kbd-fz'),\n    '--kbd-padding': getSize(size, 'kbd-padding'),\n  },\n}));\n\nexport const Kbd = factory<KbdFactory>((_props, ref) => {\n  const props = useProps('Kbd', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, ...others } = props;\n\n  const getStyles = useStyles<KbdFactory>({\n    name: 'Kbd',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return <Box component=\"kbd\" ref={ref} {...getStyles('root')} {...others} />;\n});\n\nKbd.displayName = '@mantine/core/Kbd';\n"],"names":[],"mappings":";;;;;;;;;;AAmCA,MAAM,YAAY,GAAsB;IACtC,IAAI,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,YAAY,GAAG,kBAAkB,CAAa,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM;IACpE,IAAI,EAAE;QACJ,UAAU,EAAE,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;QACnC,eAAe,EAAE,OAAO,CAAC,IAAI,EAAE,aAAa,CAAC;KAC9C;CACF,CAAC,CAAC,CAAC;MAES,GAAG,GAAG,OAAO,CAAa,CAAC,MAAM,EAAE,GAAG;IACjD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACpD,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,KAAgB,KAAK,EAAhB,MAAM,UAAK,KAAK,EAA3E,kEAAmE,CAAQ,CAAC;IAElF,MAAM,SAAS,GAAG,SAAS,CAAa;QACtC,IAAI,EAAE,KAAK;QACX,OAAO;QACP,KAAK;QACL,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,OAAO,oBAAC,GAAG,kBAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAE,GAAG,IAAM,SAAS,CAAC,MAAM,CAAC,EAAM,MAAM,EAAI,CAAC;AAC9E,CAAC,EAAE;AAEH,GAAG,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/esm/components/Kbd/Kbd.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"root":"mantine-w2QLGBV"};
+
+export default classes;
+//# sourceMappingURL=Kbd.module.css.js.map

package/esm/components/Kbd/Kbd.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Loader/Loader.js

@@ -0,0 +1,51 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import { Bars } from './loaders/Bars.js';
+import { Oval } from './loaders/Oval.js';
+import { Dots } from './loaders/Dots.js';
+import classes from './Loader.module.css.js';
+import { factory } from '../../core/factory/factory.js';
+import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+import { getSize } from '../../core/utils/get-size/get-size.js';
+import { getThemeColor } from '../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js';
+import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
+import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
+import { Box } from '../../core/Box/Box.js';
+
+const defaultLoaders = {
+    bars: Bars,
+    oval: Oval,
+    dots: Dots,
+};
+const defaultProps = {
+    size: 'md',
+    loaders: defaultLoaders,
+    type: 'oval',
+};
+const varsResolver = createVarsResolver((theme, { size, color }) => ({
+    root: {
+        '--loader-size': getSize(size, 'loader-size'),
+        '--loader-color': getThemeColor(color, theme),
+    },
+}));
+const Loader = factory((_props, ref) => {
+    const props = useProps('Loader', defaultProps, _props);
+    const { size, color, type, vars, className, style, classNames, styles, unstyled, loaders, variant } = props, others = __rest(props, ["size", "color", "type", "vars", "className", "style", "classNames", "styles", "unstyled", "loaders", "variant"]);
+    const getStyles = useStyles({
+        name: 'Loader',
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return (React.createElement(Box, Object.assign({}, getStyles('root'), { ref: ref, component: loaders[type], variant: variant, size: size }, others)));
+});
+Loader.displayName = '@mantine/core/Loader';
+
+export { Loader, defaultLoaders };
+//# sourceMappingURL=Loader.js.map

package/esm/components/Loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  MantineSize,\n  MantineColor,\n  BoxProps,\n  useProps,\n  getThemeColor,\n  StylesApiProps,\n  useStyles,\n  factory,\n  getSize,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport { Bars } from './loaders/Bars';\nimport { Oval } from './loaders/Oval';\nimport { Dots } from './loaders/Dots';\nimport type { MantineLoader, MantineLoadersRecord } from './Loader.types';\nimport classes from './Loader.module.css';\n\nexport type LoaderStylesNames = 'root';\nexport type LoaderVariant = string;\nexport type LoaderCssVariables = {\n  root: '--loader-size' | '--loader-color';\n};\n\nexport interface LoaderProps\n  extends BoxProps,\n    StylesApiProps<LoaderFactory>,\n    Omit<React.ComponentPropsWithoutRef<'svg'>, keyof BoxProps> {\n  /** Controls `width` and `height` of the loader. `Loader` has predefined `xs`-`xl` values. Numbers are converted to rem. Default value is `'md'` */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Key of `theme.colors` or any valid CSS color, default value is `theme.primaryColor`  */\n  color?: MantineColor;\n\n  /** Loader type, key of `loaders` prop, default value is `'oval'` */\n  type?: MantineLoader;\n\n  /** Object of loaders components, can be customized via default props or inline. Default value contains `bars`, `oval` and `dots` */\n  loaders?: MantineLoadersRecord;\n}\n\nexport type LoaderFactory = Factory<{\n  props: LoaderProps;\n  ref: HTMLSpanElement;\n  stylesNames: LoaderStylesNames;\n  vars: LoaderCssVariables;\n  staticComponents: {\n    defaultLoaders: typeof defaultLoaders;\n  };\n}>;\n\nexport const defaultLoaders: MantineLoadersRecord = {\n  bars: Bars,\n  oval: Oval,\n  dots: Dots,\n};\n\nconst defaultProps: Partial<LoaderProps> = {\n  size: 'md',\n  loaders: defaultLoaders,\n  type: 'oval',\n};\n\nconst varsResolver = createVarsResolver<LoaderFactory>((theme, { size, color }) => ({\n  root: {\n    '--loader-size': getSize(size, 'loader-size'),\n    '--loader-color': getThemeColor(color, theme),\n  },\n}));\n\nexport const Loader = factory<LoaderFactory>((_props, ref) => {\n  const props = useProps('Loader', defaultProps, _props);\n  const {\n    size,\n    color,\n    type,\n    vars,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    loaders,\n    variant,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<LoaderFactory>({\n    name: 'Loader',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box\n      {...getStyles('root')}\n      ref={ref}\n      component={(loaders as any)[type!]}\n      variant={variant}\n      size={size}\n      {...others}\n    />\n  );\n});\n\nLoader.displayName = '@mantine/core/Loader';\n"],"names":[],"mappings":";;;;;;;;;;;;;;MAsDa,cAAc,GAAyB;IAClD,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;EACV;AAEF,MAAM,YAAY,GAAyB;IACzC,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,MAAM,YAAY,GAAG,kBAAkB,CAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM;IAClF,IAAI,EAAE;QACJ,eAAe,EAAE,OAAO,CAAC,IAAI,EAAE,aAAa,CAAC;QAC7C,gBAAgB,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC;KAC9C;CACF,CAAC,CAAC,CAAC;MAES,MAAM,GAAG,OAAO,CAAgB,CAAC,MAAM,EAAE,GAAG;IACvD,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACvD,MAAM,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,KAEL,KAAK,EADJ,MAAM,UACP,KAAK,EAbH,iHAaL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,CAAgB;QACzC,IAAI,EAAE,QAAQ;QACd,KAAK;QACL,OAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACE,oBAAC,GAAG,oBACE,SAAS,CAAC,MAAM,CAAC,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAG,OAAe,CAAC,IAAK,CAAC,EAClC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,IACN,MAAM,EACV,EACF;AACJ,CAAC,EAAE;AAEH,MAAM,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/esm/components/Loader/Loader.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"root":"mantine-69SxO-t"};
+
+export default classes;
+//# sourceMappingURL=Loader.module.css.js.map

package/esm/components/Loader/Loader.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Loader/loaders/Bars.js

@@ -0,0 +1,16 @@
+import { __rest } from 'tslib';
+import React, { forwardRef } from 'react';
+import cx from 'clsx';
+import classes from './Bars.module.css.js';
+import { Box } from '../../../core/Box/Box.js';
+
+const Bars = forwardRef((_a, ref) => {
+    var { className } = _a, others = __rest(_a, ["className"]);
+    return (React.createElement(Box, Object.assign({ component: "span", className: cx(classes.loader, className) }, others, { ref: ref }),
+        React.createElement("span", { className: classes.bar }),
+        React.createElement("span", { className: classes.bar }),
+        React.createElement("span", { className: classes.bar })));
+});
+
+export { Bars };
+//# sourceMappingURL=Bars.js.map

package/esm/components/Loader/loaders/Bars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bars.js","sources":["../../../../src/components/Loader/loaders/Bars.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { Box } from '../../../core';\nimport { MantineLoaderComponent } from '../Loader.types';\nimport classes from './Bars.module.css';\n\nexport const Bars: MantineLoaderComponent = forwardRef(({ className, ...others }, ref) => (\n  <Box component=\"span\" className={cx(classes.loader, className)} {...others} ref={ref}>\n    <span className={classes.bar} />\n    <span className={classes.bar} />\n    <span className={classes.bar} />\n  </Box>\n));\n"],"names":[],"mappings":";;;;;;MAMa,IAAI,GAA2B,UAAU,CAAC,CAAC,EAAwB,EAAE,GAAG;QAA7B,EAAE,SAAS,OAAa,EAAR,MAAM,cAAtB,aAAwB,CAAF;IAAY,QACxF,oBAAC,GAAG,kBAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,IAAM,MAAM,IAAE,GAAG,EAAE,GAAG;QAClF,8BAAM,SAAS,EAAE,OAAO,CAAC,GAAG,GAAI;QAChC,8BAAM,SAAS,EAAE,OAAO,CAAC,GAAG,GAAI;QAChC,8BAAM,SAAS,EAAE,OAAO,CAAC,GAAG,GAAI,CAC5B,EACP;CAAA;;;;"}

package/esm/components/Loader/loaders/Bars.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"loader":"mantine-jUL-C9E","bar":"mantine-Vr3xFOO","bars-loader-animation":"mantine-CbbKYq7"};
+
+export default classes;
+//# sourceMappingURL=Bars.module.css.js.map

package/esm/components/Loader/loaders/Bars.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bars.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Loader/loaders/Dots.js

@@ -0,0 +1,22 @@
+import { __rest } from 'tslib';
+import React, { forwardRef } from 'react';
+import cx from 'clsx';
+import classes from './Dots.module.css.js';
+import { Box } from '../../../core/Box/Box.js';
+
+const Dots = forwardRef((_a, ref) => {
+    var { className } = _a, others = __rest(_a, ["className"]);
+    return (React.createElement(Box, Object.assign({ component: "span", className: cx(classes.loader, className) }, others, { ref: ref }),
+        React.createElement("span", { className: classes.dot }),
+        React.createElement("span", { className: classes.dot }),
+        React.createElement("span", { className: classes.dot }),
+        React.createElement("span", { className: classes.dot }),
+        React.createElement("span", { className: classes.dot }),
+        React.createElement("span", { className: classes.dot }),
+        React.createElement("span", { className: classes.dot }),
+        React.createElement("span", { className: classes.dot }),
+        React.createElement("span", { className: classes.dot })));
+});
+
+export { Dots };
+//# sourceMappingURL=Dots.js.map

package/esm/components/Loader/loaders/Dots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dots.js","sources":["../../../../src/components/Loader/loaders/Dots.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { Box } from '../../../core';\nimport { MantineLoaderComponent } from '../Loader.types';\nimport classes from './Dots.module.css';\n\nexport const Dots: MantineLoaderComponent = forwardRef(({ className, ...others }, ref) => (\n  <Box component=\"span\" className={cx(classes.loader, className)} {...others} ref={ref}>\n    <span className={classes.dot} />\n    <span className={classes.dot} />\n    <span className={classes.dot} />\n    <span className={classes.dot} />\n    <span className={classes.dot} />\n    <span className={classes.dot} />\n    <span className={classes.dot} />\n    <span className={classes.dot} />\n    <span className={classes.dot} />\n  </Box>\n));\n"],"names":[],"mappings":";;;;;;MAMa,IAAI,GAA2B,UAAU,CAAC,CAAC,EAAwB,EAAE,GAAG;QAA7B,EAAE,SAAS,OAAa,EAAR,MAAM,cAAtB,aAAwB,CAAF;IAAY,QACxF,oBAAC,GAAG,kBAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,IAAM,MAAM,IAAE,GAAG,EAAE,GAAG;QAClF,8BAAM,SAAS,EAAE,OAAO,CAAC,GAAG,GAAI;QAChC,8BAAM,SAAS,EAAE,OAAO,CAAC,GAAG,GAAI;QAChC,8BAAM,SAAS,EAAE,OAAO,CAAC,GAAG,GAAI;QAChC,8BAAM,SAAS,EAAE,OAAO,CAAC,GAAG,GAAI;QAChC,8BAAM,SAAS,EAAE,OAAO,CAAC,GAAG,GAAI;QAChC,8BAAM,SAAS,EAAE,OAAO,CAAC,GAAG,GAAI;QAChC,8BAAM,SAAS,EAAE,OAAO,CAAC,GAAG,GAAI;QAChC,8BAAM,SAAS,EAAE,OAAO,CAAC,GAAG,GAAI;QAChC,8BAAM,SAAS,EAAE,OAAO,CAAC,GAAG,GAAI,CAC5B,EACP;CAAA;;;;"}

package/esm/components/Loader/loaders/Dots.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"loader":"mantine-k1XfX4K","dot":"mantine-NjfH0Vn","loader-dots-animation":"mantine--ObWAwB"};
+
+export default classes;
+//# sourceMappingURL=Dots.module.css.js.map

package/esm/components/Loader/loaders/Dots.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dots.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Loader/loaders/Oval.js

@@ -0,0 +1,13 @@
+import { __rest } from 'tslib';
+import React, { forwardRef } from 'react';
+import cx from 'clsx';
+import classes from './Oval.module.css.js';
+import { Box } from '../../../core/Box/Box.js';
+
+const Oval = forwardRef((_a, ref) => {
+    var { className } = _a, others = __rest(_a, ["className"]);
+    return (React.createElement(Box, Object.assign({ component: "span", className: cx(classes.loader, className) }, others, { ref: ref })));
+});
+
+export { Oval };
+//# sourceMappingURL=Oval.js.map

package/esm/components/Loader/loaders/Oval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Oval.js","sources":["../../../../src/components/Loader/loaders/Oval.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { Box } from '../../../core';\nimport { MantineLoaderComponent } from '../Loader.types';\nimport classes from './Oval.module.css';\n\nexport const Oval: MantineLoaderComponent = forwardRef(({ className, ...others }, ref) => (\n  <Box component=\"span\" className={cx(classes.loader, className)} {...others} ref={ref} />\n));\n"],"names":[],"mappings":";;;;;;MAMa,IAAI,GAA2B,UAAU,CAAC,CAAC,EAAwB,EAAE,GAAG;QAA7B,EAAE,SAAS,OAAa,EAAR,MAAM,cAAtB,aAAwB,CAAF;IAAY,QACxF,oBAAC,GAAG,kBAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,IAAM,MAAM,IAAE,GAAG,EAAE,GAAG,IAAI,EACzF;CAAA;;;;"}

package/esm/components/Loader/loaders/Oval.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"loader":"mantine-e-ztMiT","oval-loader-animation":"mantine-61wydlj"};
+
+export default classes;
+//# sourceMappingURL=Oval.module.css.js.map

package/esm/components/Loader/loaders/Oval.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Oval.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Mark/Mark.js

@@ -0,0 +1,40 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import { getMarkColor } from './get-mark-color.js';
+import classes from './Mark.module.css.js';
+import { factory } from '../../core/factory/factory.js';
+import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
+import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
+import { Box } from '../../core/Box/Box.js';
+import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+
+const defaultProps = {
+    color: 'yellow',
+};
+const varsResolver = createVarsResolver((theme, { color }) => ({
+    root: {
+        '--mark-bg-dark': getMarkColor({ color, theme, defaultShade: 5 }),
+        '--mark-bg-light': getMarkColor({ color, theme, defaultShade: 2 }),
+    },
+}));
+const Mark = factory((_props, ref) => {
+    const props = useProps('Mark', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, color, variant } = props, others = __rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "color", "variant"]);
+    const getStyles = useStyles({
+        name: 'Mark',
+        props,
+        className,
+        style,
+        classes,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return React.createElement(Box, Object.assign({ component: "mark", ref: ref, variant: variant }, getStyles('root'), others));
+});
+Mark.displayName = '@mantine/core/Mark';
+
+export { Mark };
+//# sourceMappingURL=Mark.js.map

package/esm/components/Mark/Mark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mark.js","sources":["../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  MantineColor,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport { getMarkColor } from './get-mark-color';\nimport classes from './Mark.module.css';\n\nexport type MarkStylesNames = 'root';\nexport type MarkVariant = string;\nexport type MarkCssVariables = {\n  root: '--mark-bg-dark' | '--mark-bg-light';\n};\n\nexport interface MarkProps extends BoxProps, StylesApiProps<MarkFactory>, ElementProps<'mark'> {\n  /** Key of `theme.colors` or any valid CSS color, `yellow` by default */\n  color?: MantineColor;\n}\n\nexport type MarkFactory = Factory<{\n  props: MarkProps;\n  ref: HTMLElement;\n  stylesNames: MarkStylesNames;\n  vars: MarkCssVariables;\n}>;\n\nconst defaultProps: Partial<MarkProps> = {\n  color: 'yellow',\n};\n\nconst varsResolver = createVarsResolver<MarkFactory>((theme, { color }) => ({\n  root: {\n    '--mark-bg-dark': getMarkColor({ color, theme, defaultShade: 5 }),\n    '--mark-bg-light': getMarkColor({ color, theme, defaultShade: 2 }),\n  },\n}));\n\nexport const Mark = factory<MarkFactory>((_props, ref) => {\n  const props = useProps('Mark', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, color, variant, ...others } = props;\n\n  const getStyles = useStyles<MarkFactory>({\n    name: 'Mark',\n    props,\n    className,\n    style,\n    classes,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return <Box component=\"mark\" ref={ref} variant={variant} {...getStyles('root')} {...others} />;\n});\n\nMark.displayName = '@mantine/core/Mark';\n"],"names":[],"mappings":";;;;;;;;;;AAkCA,MAAM,YAAY,GAAuB;IACvC,KAAK,EAAE,QAAQ;CAChB,CAAC;AAEF,MAAM,YAAY,GAAG,kBAAkB,CAAc,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM;IAC1E,IAAI,EAAE;QACJ,gBAAgB,EAAE,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;QACjE,iBAAiB,EAAE,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;KACnE;CACF,CAAC,CAAC,CAAC;MAES,IAAI,GAAG,OAAO,CAAc,CAAC,MAAM,EAAE,GAAG;IACnD,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACrD,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,KAAgB,KAAK,EAAhB,MAAM,UAAK,KAAK,EAA3F,sFAAmF,CAAQ,CAAC;IAElG,MAAM,SAAS,GAAG,SAAS,CAAc;QACvC,IAAI,EAAE,MAAM;QACZ,KAAK;QACL,SAAS;QACT,KAAK;QACL,OAAO;QACP,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,OAAO,oBAAC,GAAG,kBAAC,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,IAAM,SAAS,CAAC,MAAM,CAAC,EAAM,MAAM,EAAI,CAAC;AACjG,CAAC,EAAE;AAEH,IAAI,CAAC,WAAW,GAAG,oBAAoB;;;;"}

package/esm/components/Mark/Mark.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"root":"mantine--7TY0Qe"};
+
+export default classes;
+//# sourceMappingURL=Mark.module.css.js.map

package/esm/components/Mark/Mark.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mark.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Mark/get-mark-color.js

@@ -0,0 +1,15 @@
+import { parseThemeColor } from '../../core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.js';
+
+function getMarkColor({ color, theme, defaultShade }) {
+    const parsed = parseThemeColor({ color, theme });
+    if (!parsed.isThemeColor) {
+        return color;
+    }
+    if (parsed.shade === undefined) {
+        return `var(--mantine-color-${parsed.color}-${defaultShade})`;
+    }
+    return `var(${parsed.variable})`;
+}
+
+export { getMarkColor };
+//# sourceMappingURL=get-mark-color.js.map

package/esm/components/Mark/get-mark-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-mark-color.js","sources":["../../../src/components/Mark/get-mark-color.ts"],"sourcesContent":["import { MantineColor, MantineTheme, parseThemeColor } from '../../core';\n\ninterface GetMarkColorInput {\n  color: MantineColor | string | undefined;\n  theme: MantineTheme;\n  defaultShade: number;\n}\n\nexport function getMarkColor({ color, theme, defaultShade }: GetMarkColorInput) {\n  const parsed = parseThemeColor({ color, theme });\n\n  if (!parsed.isThemeColor) {\n    return color;\n  }\n\n  if (parsed.shade === undefined) {\n    return `var(--mantine-color-${parsed.color}-${defaultShade})`;\n  }\n\n  return `var(${parsed.variable})`;\n}\n"],"names":[],"mappings":";;SAQgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAqB;IAC5E,MAAM,MAAM,GAAG,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAEjD,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;QACxB,OAAO,KAAK,CAAC;KACd;IAED,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,EAAE;QAC9B,OAAO,uBAAuB,MAAM,CAAC,KAAK,IAAI,YAAY,GAAG,CAAC;KAC/D;IAED,OAAO,OAAO,MAAM,CAAC,QAAQ,GAAG,CAAC;AACnC;;;;"}

package/esm/components/NativeSelect/NativeSelect.js

@@ -0,0 +1,22 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import { NativeSelectOption } from './NativeSelectOption.js';
+import { getParsedComboboxData } from '../Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js';
+import { InputBase } from '../InputBase/InputBase.js';
+import { ComboboxChevron } from '../Combobox/ComboboxChevron/ComboboxChevron.js';
+import { factory } from '../../core/factory/factory.js';
+import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
+
+const defaultProps = {
+    size: 'sm',
+    rightSectionPointerEvents: 'none',
+};
+const NativeSelect = factory((props, ref) => {
+    const _a = useProps('NativeSelect', defaultProps, props), { data, children, size, error, rightSection } = _a, others = __rest(_a, ["data", "children", "size", "error", "rightSection"]);
+    const options = getParsedComboboxData(data).map((item, index) => (React.createElement(NativeSelectOption, { key: index, data: item })));
+    return (React.createElement(InputBase, Object.assign({ component: "select", ref: ref }, others, { __staticSelector: "NativeSelect", size: size, pointer: true, error: error, rightSection: rightSection || React.createElement(ComboboxChevron, { size: size, error: error }) }), children || options));
+});
+NativeSelect.displayName = '@mantine/core/NativeSelect';
+
+export { NativeSelect };
+//# sourceMappingURL=NativeSelect.js.map

package/esm/components/NativeSelect/NativeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.js","sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { factory, ElementProps, useProps, Factory } from '../../core';\nimport { InputBase, InputBaseProps } from '../InputBase';\nimport { __InputStylesNames } from '../Input';\nimport { ComboboxData, getParsedComboboxData, ComboboxChevron } from '../Combobox';\nimport { NativeSelectOption } from './NativeSelectOption';\n\nexport interface NativeSelectProps extends InputBaseProps, ElementProps<'select', 'size'> {\n  /** Data used to render options, can be replaced with `children` */\n  data?: ComboboxData;\n}\n\nexport type NativeSelectFactory = Factory<{\n  props: NativeSelectProps;\n  ref: HTMLSelectElement;\n  stylesNames: __InputStylesNames;\n}>;\n\nconst defaultProps: Partial<NativeSelectProps> = {\n  size: 'sm',\n  rightSectionPointerEvents: 'none',\n};\n\nexport const NativeSelect = factory<NativeSelectFactory>((props, ref) => {\n  const { data, children, size, error, rightSection, ...others } = useProps(\n    'NativeSelect',\n    defaultProps,\n    props\n  );\n\n  const options = getParsedComboboxData(data).map((item, index) => (\n    <NativeSelectOption key={index} data={item} />\n  ));\n\n  return (\n    <InputBase\n      component=\"select\"\n      ref={ref}\n      {...others}\n      __staticSelector=\"NativeSelect\"\n      size={size}\n      pointer\n      error={error}\n      rightSection={rightSection || <ComboboxChevron size={size!} error={error} />}\n    >\n      {children || options}\n    </InputBase>\n  );\n});\n\nNativeSelect.displayName = '@mantine/core/NativeSelect';\n"],"names":[],"mappings":";;;;;;;;;AAkBA,MAAM,YAAY,GAA+B;IAC/C,IAAI,EAAE,IAAI;IACV,yBAAyB,EAAE,MAAM;CAClC,CAAC;MAEW,YAAY,GAAG,OAAO,CAAsB,CAAC,KAAK,EAAE,GAAG;IAClE,MAAM,KAA2D,QAAQ,CACvE,cAAc,EACd,YAAY,EACZ,KAAK,CACN,EAJK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,OAIhD,EAJqD,MAAM,cAAtD,qDAAwD,CAI7D,CAAC;IAEF,MAAM,OAAO,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC1D,oBAAC,kBAAkB,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAC/C,CAAC,CAAC;IAEH,QACE,oBAAC,SAAS,kBACR,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,MAAM,IACV,gBAAgB,EAAC,cAAc,EAC/B,IAAI,EAAE,IAAI,EACV,OAAO,QACP,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,IAAI,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAK,EAAE,KAAK,EAAE,KAAK,GAAI,KAE3E,QAAQ,IAAI,OAAO,CACV,EACZ;AACJ,CAAC,EAAE;AAEH,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;"}

package/esm/components/NativeSelect/NativeSelectOption.js

@@ -0,0 +1,18 @@
+import { __rest } from 'tslib';
+import React from 'react';
+
+function isGroup(input) {
+    return 'group' in input;
+}
+function NativeSelectOption({ data }) {
+    if (isGroup(data)) {
+        const items = data.items.map((item) => React.createElement(NativeSelectOption, { key: item.value, data: item }));
+        return React.createElement("optgroup", { label: data.group }, items);
+    }
+    const others = __rest(data, ["value", "label"]);
+    return (React.createElement("option", Object.assign({ key: data.value, value: data.value }, others), data.label));
+}
+NativeSelectOption.displayName = '@mantine/core/NativeSelectOption';
+
+export { NativeSelectOption };
+//# sourceMappingURL=NativeSelectOption.js.map

package/esm/components/NativeSelect/NativeSelectOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelectOption.js","sources":["../../../src/components/NativeSelect/NativeSelectOption.tsx"],"sourcesContent":["import React from 'react';\nimport { 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 key={data.value} value={data.value} {...others}>\n      {data.label}\n    </option>\n  );\n}\n\nNativeSelectOption.displayName = '@mantine/core/NativeSelectOption';\n"],"names":[],"mappings":";;;AAOA,SAAS,OAAO,CAAC,KAAyB;IACxC,OAAO,OAAO,IAAI,KAAK,CAAC;AAC1B,CAAC;SAEe,kBAAkB,CAAC,EAAE,IAAI,EAA2B;IAClE,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE;QACjB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,oBAAC,kBAAkB,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC;QAC5F,OAAO,kCAAU,KAAK,EAAE,IAAI,CAAC,KAAK,IAAG,KAAK,CAAY,CAAC;KACxD;UAEwB,MAAM,UAAK,IAAI,EAAlC,kBAA2B,EAAQ;IAEzC,QACE,8CAAQ,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAM,MAAM,GACnD,IAAI,CAAC,KAAK,CACJ,EACT;AACJ,CAAC;AAED,kBAAkB,CAAC,WAAW,GAAG,kCAAkC;;;;"}

package/esm/components/Overlay/Overlay.js

@@ -0,0 +1,47 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import classes from './Overlay.module.css.js';
+import { polymorphicFactory } from '../../core/factory/polymorphic-factory.js';
+import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
+import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
+import { Box } from '../../core/Box/Box.js';
+import { getDefaultZIndex } from '../../core/utils/get-default-z-index/get-default-z-index.js';
+import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+import { rgba } from '../../core/MantineProvider/color-functions/rgba/rgba.js';
+import { rem } from '../../core/utils/units-converters/rem.js';
+import { getRadius } from '../../core/utils/get-size/get-size.js';
+
+const defaultProps = {
+    color: '#000',
+    backgroundOpacity: 0.6,
+    zIndex: getDefaultZIndex('modal'),
+};
+const varsResolver = createVarsResolver((theme, { gradient, color, backgroundOpacity, blur, radius, zIndex }) => ({
+    root: {
+        '--overlay-bg': gradient || rgba(color || '#000', backgroundOpacity !== null && backgroundOpacity !== void 0 ? backgroundOpacity : 0.6),
+        '--overlay-filter': blur ? `blur(${rem(blur)})` : undefined,
+        '--overlay-radius': getRadius(radius),
+        '--overlay-z-index': zIndex === null || zIndex === void 0 ? void 0 : zIndex.toString(),
+    },
+}));
+const Overlay = polymorphicFactory((_props, ref) => {
+    const props = useProps('Overlay', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, fixed, center, children, radius, zIndex, gradient, blur, color, backgroundOpacity } = props, others = __rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "fixed", "center", "children", "radius", "zIndex", "gradient", "blur", "color", "backgroundOpacity"]);
+    const getStyles = useStyles({
+        name: 'Overlay',
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return (React.createElement(Box, Object.assign({ ref: ref }, getStyles('root'), { mod: { center, fixed } }, others), children));
+});
+Overlay.displayName = '@mantine/core/Overlay';
+
+export { Overlay };
+//# sourceMappingURL=Overlay.js.map

package/esm/components/Overlay/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  polymorphicFactory,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  PolymorphicFactory,\n  MantineRadius,\n  rgba,\n  getDefaultZIndex,\n  getRadius,\n  rem,\n} from '../../core';\nimport classes from './Overlay.module.css';\n\nexport type OverlayStylesNames = 'root';\nexport type OverlayVariant = string;\nexport type OverlayCssVariables = {\n  root: '--overlay-bg' | '--overlay-filter' | '--overlay-radius' | '--overlay-z-index';\n};\n\nexport interface OverlayProps extends BoxProps, StylesApiProps<OverlayFactory> {\n  /** Controls overlay `background-color` opacity 0–1, disregarded when `gradient` prop is set, `0.6` by default */\n  backgroundOpacity?: number;\n\n  /** Overlay `background-color`, `#000` by default */\n  color?: React.CSSProperties['backgroundColor'];\n\n  /** Overlay background blur, `0` by default */\n  blur?: number | string;\n\n  /** Changes overlay to gradient. If set, `color` prop is ignored */\n  gradient?: string;\n\n  /** Overlay z-index, `200` by default */\n  zIndex?: React.CSSProperties['zIndex'];\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius, `0` by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Content inside overlay */\n  children?: React.ReactNode;\n\n  /** Determines whether content inside overlay should be vertically and horizontally centered, `false` by default */\n  center?: boolean;\n\n  /** Determines whether overlay should have fixed position instead of absolute, `false` by default */\n  fixed?: boolean;\n}\n\nexport type OverlayFactory = PolymorphicFactory<{\n  props: OverlayProps;\n  defaultRef: HTMLDivElement;\n  defaultComponent: 'div';\n  stylesNames: OverlayStylesNames;\n  vars: OverlayCssVariables;\n  variant: OverlayVariant;\n}>;\n\nconst defaultProps: Partial<OverlayProps> = {\n  color: '#000',\n  backgroundOpacity: 0.6,\n  zIndex: getDefaultZIndex('modal'),\n};\n\nconst varsResolver = createVarsResolver<OverlayFactory>(\n  (theme, { gradient, color, backgroundOpacity, blur, radius, zIndex }) => ({\n    root: {\n      '--overlay-bg': gradient || rgba(color || '#000', backgroundOpacity ?? 0.6),\n      '--overlay-filter': blur ? `blur(${rem(blur)})` : undefined,\n      '--overlay-radius': getRadius(radius),\n      '--overlay-z-index': zIndex?.toString(),\n    },\n  })\n);\n\nexport const Overlay = polymorphicFactory<OverlayFactory>((_props, ref) => {\n  const props = useProps('Overlay', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    fixed,\n    center,\n    children,\n    radius,\n    zIndex,\n    gradient,\n    blur,\n    color,\n    backgroundOpacity,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<OverlayFactory>({\n    name: 'Overlay',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box ref={ref} {...getStyles('root')} mod={{ center, fixed }} {...others}>\n      {children}\n    </Box>\n  );\n});\n\nOverlay.displayName = '@mantine/core/Overlay';\n"],"names":[],"mappings":";;;;;;;;;;;;;AA8DA,MAAM,YAAY,GAA0B;IAC1C,KAAK,EAAE,MAAM;IACb,iBAAiB,EAAE,GAAG;IACtB,MAAM,EAAE,gBAAgB,CAAC,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,YAAY,GAAG,kBAAkB,CACrC,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IACxE,IAAI,EAAE;QACJ,cAAc,EAAE,QAAQ,IAAI,IAAI,CAAC,KAAK,IAAI,MAAM,EAAE,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,GAAG,CAAC;QAC3E,kBAAkB,EAAE,IAAI,GAAG,QAAQ,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,SAAS;QAC3D,kBAAkB,EAAE,SAAS,CAAC,MAAM,CAAC;QACrC,mBAAmB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE;KACxC;CACF,CAAC,CACH,CAAC;MAEW,OAAO,GAAG,kBAAkB,CAAiB,CAAC,MAAM,EAAE,GAAG;IACpE,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACxD,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,iBAAiB,KAEf,KAAK,EADJ,MAAM,UACP,KAAK,EAjBH,uKAiBL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,CAAiB;QAC1C,IAAI,EAAE,SAAS;QACf,KAAK;QACL,OAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACE,oBAAC,GAAG,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,CAAC,MAAM,CAAC,IAAE,GAAG,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAM,MAAM,GACrE,QAAQ,CACL,EACN;AACJ,CAAC,EAAE;AAEH,OAAO,CAAC,WAAW,GAAG,uBAAuB;;;;"}

package/esm/components/Overlay/Overlay.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"root":"mantine-aUY-pnb"};
+
+export default classes;
+//# sourceMappingURL=Overlay.module.css.js.map

package/esm/components/Overlay/Overlay.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Paper/Paper.js

@@ -0,0 +1,38 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import classes from './Paper.module.css.js';
+import { getRadius, getShadow } from '../../core/utils/get-size/get-size.js';
+import { polymorphicFactory } from '../../core/factory/polymorphic-factory.js';
+import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
+import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
+import { Box } from '../../core/Box/Box.js';
+import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+
+const defaultProps = {};
+const varsResolver = createVarsResolver((_, { radius, shadow }) => ({
+    root: {
+        '--paper-radius': getRadius(radius),
+        '--paper-shadow': getShadow(shadow),
+    },
+}));
+const Paper = polymorphicFactory((_props, ref) => {
+    const props = useProps('Paper', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, withBorder, vars, radius, shadow, variant } = props, others = __rest(props, ["classNames", "className", "style", "styles", "unstyled", "withBorder", "vars", "radius", "shadow", "variant"]);
+    const getStyles = useStyles({
+        name: 'Paper',
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return (React.createElement(Box, Object.assign({ ref: ref, mod: { 'data-with-border': withBorder } }, getStyles('root'), { variant: variant }, others)));
+});
+Paper.displayName = '@mantine/core/Paper';
+
+export { Paper };
+//# sourceMappingURL=Paper.js.map

package/esm/components/Paper/Paper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.js","sources":["../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  polymorphicFactory,\n  useProps,\n  useStyles,\n  MantineShadow,\n  MantineRadius,\n  getRadius,\n  getShadow,\n  createVarsResolver,\n  PolymorphicFactory,\n} from '../../core';\nimport classes from './Paper.module.css';\n\nexport type PaperStylesNames = 'root';\nexport type PaperVariant = string;\nexport type PaperCssVariables = {\n  root: '--paper-radius' | '--paper-shadow';\n};\n\nexport interface PaperProps extends BoxProps, StylesApiProps<PaperFactory> {\n  /** Key of `theme.shadows` or any valid CSS value to set `box-shadow`, `none` by default */\n  shadow?: MantineShadow | (string & {});\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem, `theme.defaultRadius` by default */\n  radius?: MantineRadius | number | (string & {});\n\n  /** Determines whether the paper should have border, border color depends on color scheme, `false` by default */\n  withBorder?: boolean;\n}\n\nexport type PaperFactory = PolymorphicFactory<{\n  props: PaperProps;\n  defaultComponent: 'div';\n  defaultRef: HTMLDivElement;\n  stylesNames: PaperStylesNames;\n  vars: PaperCssVariables;\n}>;\n\nconst defaultProps: Partial<PaperProps> = {};\n\nconst varsResolver = createVarsResolver<PaperFactory>((_, { radius, shadow }) => ({\n  root: {\n    '--paper-radius': getRadius(radius),\n    '--paper-shadow': getShadow(shadow),\n  },\n}));\n\nexport const Paper = polymorphicFactory<PaperFactory>((_props, ref) => {\n  const props = useProps('Paper', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    withBorder,\n    vars,\n    radius,\n    shadow,\n    variant,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<PaperFactory>({\n    name: 'Paper',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box\n      ref={ref}\n      mod={{ 'data-with-border': withBorder }}\n      {...getStyles('root')}\n      variant={variant}\n      {...others}\n    />\n  );\n});\n\nPaper.displayName = '@mantine/core/Paper';\n"],"names":[],"mappings":";;;;;;;;;;AA0CA,MAAM,YAAY,GAAwB,EAAE,CAAC;AAE7C,MAAM,YAAY,GAAG,kBAAkB,CAAe,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAChF,IAAI,EAAE;QACJ,gBAAgB,EAAE,SAAS,CAAC,MAAM,CAAC;QACnC,gBAAgB,EAAE,SAAS,CAAC,MAAM,CAAC;KACpC;CACF,CAAC,CAAC,CAAC;MAES,KAAK,GAAG,kBAAkB,CAAe,CAAC,MAAM,EAAE,GAAG;IAChE,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,MAAM,EACN,MAAM,EACN,OAAO,KAEL,KAAK,EADJ,MAAM,UACP,KAAK,EAZH,+GAYL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,CAAe;QACxC,IAAI,EAAE,OAAO;QACb,KAAK;QACL,OAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACE,oBAAC,GAAG,kBACF,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,EAAE,kBAAkB,EAAE,UAAU,EAAE,IACnC,SAAS,CAAC,MAAM,CAAC,IACrB,OAAO,EAAE,OAAO,IACZ,MAAM,EACV,EACF;AACJ,CAAC,EAAE;AAEH,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}

package/esm/components/Paper/Paper.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"root":"mantine-lqpFSmK"};
+
+export default classes;
+//# sourceMappingURL=Paper.module.css.js.map

package/esm/components/Paper/Paper.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Popover/Popover.context.js

@@ -0,0 +1,6 @@
+import { createSafeContext } from '../../core/utils/create-safe-context/create-safe-context.js';
+
+const [PopoverContextProvider, usePopoverContext] = createSafeContext('Popover component was not found in the tree');
+
+export { PopoverContextProvider, usePopoverContext };
+//# sourceMappingURL=Popover.context.js.map

package/esm/components/Popover/Popover.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.context.js","sources":["../../../src/components/Popover/Popover.context.ts"],"sourcesContent":["import {\n  createSafeContext,\n  MantineShadow,\n  Styles,\n  ClassNames,\n  MantineRadius,\n  GetStylesApi,\n} from '../../core';\nimport { FloatingPosition, ArrowPosition } from '../Floating';\nimport { TransitionOverride } from '../Transition';\nimport { PortalProps } from '../Portal';\nimport { PopoverWidth } from './Popover.types';\nimport type { PopoverFactory } from './Popover';\n\ninterface PopoverContext {\n  x: number;\n  y: number;\n  arrowX: number;\n  arrowY: number;\n  arrowRef: React.RefObject<HTMLDivElement>;\n  opened: boolean;\n  transitionProps?: TransitionOverride;\n  reference(node: HTMLElement): void;\n  floating(node: HTMLElement): void;\n  width?: PopoverWidth;\n  withArrow: boolean | undefined;\n  arrowSize: number;\n  arrowOffset: number;\n  arrowRadius: number;\n  arrowPosition: ArrowPosition;\n  trapFocus: boolean | undefined;\n  placement: FloatingPosition;\n  withinPortal: boolean | undefined;\n  portalProps?: Omit<PortalProps, 'children'>;\n  closeOnEscape: boolean | undefined;\n  zIndex: React.CSSProperties['zIndex'];\n  radius?: MantineRadius | (string & {}) | number | undefined;\n  shadow?: MantineShadow | (string & {}) | undefined;\n  onClose?(): void;\n  getDropdownId(): string;\n  getTargetId(): string;\n  controlled: boolean;\n  onToggle(): void;\n  withRoles: boolean | undefined;\n  targetProps: Record<string, any>;\n  disabled: boolean | undefined;\n  returnFocus: boolean | undefined;\n  classNames: ClassNames<PopoverFactory> | undefined;\n  styles: Styles<PopoverFactory> | undefined;\n  unstyled: boolean | undefined;\n  __staticSelector: string;\n  variant: string | undefined;\n  keepMounted: boolean | undefined;\n  getStyles: GetStylesApi<PopoverFactory>;\n}\n\nexport const [PopoverContextProvider, usePopoverContext] = createSafeContext<PopoverContext>(\n  'Popover component was not found in the tree'\n);\n"],"names":[],"mappings":";;MAwDa,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,GAAG,iBAAiB,CAC1E,6CAA6C;;;;"}