npm - @mantine/core - Versions diffs - 3.7.0-alpha.0 → 4.0.0 - Mend

@mantine/core 3.7.0-alpha.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (987) hide show

package/esm/components/Textarea/Textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport { useUuid } from '@mantine/hooks';\nimport { DefaultProps, MantineSize~~, extractMargins~~ } from '@mantine/styles';\nimport { InputWrapperBaseProps, InputWrapper } from '../InputWrapper/InputWrapper';\nimport { TextInputStylesNames } from '../TextInput/TextInput';\nimport { Input, InputBaseProps, InputProps } from '../Input/Input';\nimport useStyles from './Textarea.styles';\n\nexport interface TextareaProps\n extends DefaultProps<TextInputStylesNames>,\n InputWrapperBaseProps,\n InputBaseProps,\n React.ComponentPropsWithoutRef<'textarea'> {\n /** Id is used to bind input and label, if not passed unique id will be generated for each input /\n id?: string;\n\n /* If true textarea will grow with content until maxRows are reached /\n autosize?: boolean;\n\n /* Defines maxRows in autosize variant, not applicable to regular variant /\n maxRows?: number;\n\n /* Defined minRows in autosize variant and rows in regular variant /\n minRows?: number;\n\n /* Props passed to root element (InputWrapper component) /\n wrapperProps?: { [key: string]: any };\n\n /* Input size /\n size?: MantineSize;\n\n /* Static selectors base */\n __staticSelector?: string;\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n (\n {\n autosize ~~= false~~,\n maxRows,\n minRows,\n label,\n error,\n description,\n id,\n className,\n required,\n style,\n wrapperProps,\n classNames,\n styles,\n size ~~= 'sm'~~,\n __staticSelector ~~= 'Textarea'~~,\n sx,\n ...others\n }: ~~TextareaProps,\n ref\n )~~ => {\n const uuid = useUuid(id);\n const { classes, cx } = useStyles();\n const { ~~margins~~, rest } = ~~extractMargins~~(others);\n const sharedProps: InputProps<'textarea'> = {\n required,\n ref,\n invalid: !!error,\n id: uuid,\n classNames: { ...classNames, input: cx(classes.input, classNames?.input) },\n styles,\n __staticSelector,\n size,\n multiline: true,\n ...rest,\n };\n\n return (\n <InputWrapper\n label={label}\n error={error}\n id={uuid}\n description={description}\n required={required}\n style={style}\n className={className}\n classNames={classNames}\n styles={styles}\n size={size}\n __staticSelector={__staticSelector}\n sx={sx}\n {...~~margins~~}\n {...wrapperProps}\n >\n {autosize ? (\n <Input<typeof TextareaAutosize>\n {...sharedProps}\n component={TextareaAutosize}\n maxRows={maxRows}\n minRows={minRows}\n />\n ) : (\n <Input<'textarea'> {...sharedProps} component=\"textarea\" rows={minRows} />\n )}\n </InputWrapper>\n );\n }\n);\n\nTextarea.displayName = '@mantine/core/Textarea';\n"],"names":[],"mappings":";;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;~~AAQU~~,MAAC,QAAQ,GAAG,UAAU,CAAC,CAAC,~~EAAE~~,EAAE,GAAG,KAAK;~~AAChD~~,EAAE,~~IAAI~~,EAAE,GAAG,EAAE,EAAE;~~AACf~~,IAAI,QAAQ~~,GAAG,KAAK~~;~~AACpB~~,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,WAAW;AACf,IAAI,EAAE;AACN,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,IAAI~~,GAAG,IAAI~~;~~AACf~~,IAAI,gBAAgB~~,GAAG,UAAU~~;~~AACjC~~,IAAI,EAAE;AACN,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,aAAa;AACjB,IAAI,IAAI;AACR,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,OAAO;AACX,IAAI,cAAc;AAClB,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,MAAM;AACV,IAAI,kBAAkB;AACtB,IAAI,IAAI;AACR,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;AAC3B,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,CAAC;AACtC,EAAE,MAAM,EAAE,~~OAAO~~,EAAE,IAAI,EAAE,GAAG,~~cAAc~~,CAAC,MAAM,CAAC,CAAC;~~AACnD~~,EAAE,MAAM,WAAW,GAAG,cAAc,CAAC;AACrC,IAAI,QAAQ;AACZ,IAAI,GAAG;AACP,IAAI,OAAO,EAAE,CAAC,CAAC,KAAK;AACpB,IAAI,EAAE,EAAE,IAAI;AACZ,IAAI,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;AAC3I,IAAI,MAAM;AACV,IAAI,gBAAgB;AACpB,IAAI,IAAI;AACR,IAAI,SAAS,EAAE,IAAI;AACnB,GAAG,EAAE,IAAI,CAAC,CAAC;AACX,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,cAAc,CAAC,cAAc,CAAC;AACzF,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,EAAE,EAAE,IAAI;AACZ,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,IAAI;AACR,IAAI,gBAAgB;AACpB,IAAI,EAAE;AACN,GAAG,EAAE,~~OAAO~~,CAAC,EAAE,YAAY,CAAC,EAAE,QAAQ,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE;~~AACnI~~,IAAI,SAAS,EAAE,gBAAgB;AAC/B,IAAI,OAAO;AACX,IAAI,OAAO;AACX,GAAG,CAAC,CAAC,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE;AAClG,IAAI,SAAS,EAAE,UAAU;AACzB,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG,CAAC,CAAC,CAAC,CAAC;AACP,CAAC,EAAE;AACH,QAAQ,CAAC,WAAW,GAAG,wBAAwB;;;;"}
1	+ {"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport { useUuid } from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineSize,\n extractSystemStyles,\n useMantineDefaultProps,\n} from '@mantine/styles';\nimport { InputWrapperBaseProps, InputWrapper } from '../InputWrapper/InputWrapper';\nimport { TextInputStylesNames } from '../TextInput/TextInput';\nimport { Input, InputBaseProps, InputProps } from '../Input/Input';\nimport useStyles from './Textarea.styles';\n\nexport interface TextareaProps\n extends DefaultProps<TextInputStylesNames>,\n InputWrapperBaseProps,\n InputBaseProps,\n React.ComponentPropsWithoutRef<'textarea'> {\n /** Id is used to bind input and label, if not passed unique id will be generated for each input /\n id?: string;\n\n /* If true textarea will grow with content until maxRows are reached /\n autosize?: boolean;\n\n /* Defines maxRows in autosize variant, not applicable to regular variant /\n maxRows?: number;\n\n /* Defined minRows in autosize variant and rows in regular variant /\n minRows?: number;\n\n /* Props passed to root element (InputWrapper component) /\n wrapperProps?: { [key: string]: any };\n\n /* Input size /\n size?: MantineSize;\n\n /* Static selectors base */\n __staticSelector?: string;\n}\n\nconst defaultProps: Partial<TextareaProps> = {\n autosize: false,\n size: 'sm',\n __staticSelector: 'Textarea',\n};\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n (props: TextareaProps, ref) => {\n const {\n autosize,\n maxRows,\n minRows,\n label,\n error,\n description,\n id,\n className,\n required,\n style,\n wrapperProps,\n classNames,\n styles,\n size,\n __staticSelector,\n sx,\n ...others\n } = useMantineDefaultProps('Textarea', defaultProps, props);\n\n const uuid = useUuid(id);\n const { classes, cx } = useStyles();\n const { systemStyles, rest } = extractSystemStyles(others);\n const sharedProps: InputProps<'textarea'> = {\n required,\n ref,\n invalid: !!error,\n id: uuid,\n classNames: { ...classNames, input: cx(classes.input, classNames?.input) },\n styles,\n __staticSelector,\n size,\n multiline: true,\n ...rest,\n };\n\n return (\n <InputWrapper\n label={label}\n error={error}\n id={uuid}\n description={description}\n required={required}\n style={style}\n className={className}\n classNames={classNames}\n styles={styles}\n size={size}\n __staticSelector={__staticSelector}\n sx={sx}\n {...systemStyles}\n {...wrapperProps}\n >\n {autosize ? (\n <Input<typeof TextareaAutosize>\n {...sharedProps}\n component={TextareaAutosize}\n maxRows={maxRows}\n minRows={minRows}\n />\n ) : (\n <Input<'textarea'> {...sharedProps} component=\"textarea\" rows={minRows} />\n )}\n </InputWrapper>\n );\n }\n);\n\nTextarea.displayName = '@mantine/core/Textarea';\n"],"names":[],"mappings":";;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAWF,MAAM,YAAY,GAAG;AACrB,EAAE,QAAQ,EAAE,KAAK;AACjB,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,gBAAgB,EAAE,UAAU;AAC9B,CAAC,CAAC;AACU,MAAC,QAAQ,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACnD,EAAE,MAAM,EAAE,GAAG,sBAAsB,CAAC,UAAU,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE;AACtE,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,WAAW;AACf,IAAI,EAAE;AACN,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,IAAI;AACR,IAAI,gBAAgB;AACpB,IAAI,EAAE;AACN,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,aAAa;AACjB,IAAI,IAAI;AACR,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,OAAO;AACX,IAAI,cAAc;AAClB,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,MAAM;AACV,IAAI,kBAAkB;AACtB,IAAI,IAAI;AACR,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;AAC3B,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,CAAC;AACtC,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAC7D,EAAE,MAAM,WAAW,GAAG,cAAc,CAAC;AACrC,IAAI,QAAQ;AACZ,IAAI,GAAG;AACP,IAAI,OAAO,EAAE,CAAC,CAAC,KAAK;AACpB,IAAI,EAAE,EAAE,IAAI;AACZ,IAAI,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;AAC3I,IAAI,MAAM;AACV,IAAI,gBAAgB;AACpB,IAAI,IAAI;AACR,IAAI,SAAS,EAAE,IAAI;AACnB,GAAG,EAAE,IAAI,CAAC,CAAC;AACX,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,cAAc,CAAC,cAAc,CAAC;AACzF,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,EAAE,EAAE,IAAI;AACZ,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,IAAI;AACR,IAAI,gBAAgB;AACpB,IAAI,EAAE;AACN,GAAG,EAAE,YAAY,CAAC,EAAE,YAAY,CAAC,EAAE,QAAQ,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE;AACxI,IAAI,SAAS,EAAE,gBAAgB;AAC/B,IAAI,OAAO;AACX,IAAI,OAAO;AACX,GAAG,CAAC,CAAC,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE;AAClG,IAAI,SAAS,EAAE,UAAU;AACzB,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG,CAAC,CAAC,CAAC,CAAC;AACP,CAAC,EAAE;AACH,QAAQ,CAAC,WAAW,GAAG,wBAAwB;;;;"}

package/esm/components/ThemeIcon/ThemeIcon.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react';
+import { useMantineDefaultProps } from '@mantine/styles';
 import useStyles from './ThemeIcon.styles.js';
 import { Box } from '../Box/Box.js';
@@ -30,24 +31,13 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const ThemeIcon = forwardRef((_a, ref) => {
-  var _b = _a, {
-    className,
-    size = "md",
-    radius = "sm",
-    variant = "filled",
-    color,
-    children,
-    gradient = { from: "blue", to: "cyan", deg: 45 }
-  } = _b, others = __objRest(_b, [
-    "className",
-    "size",
-    "radius",
-    "variant",
-    "color",
-    "children",
-    "gradient"
-  ]);
+const defaultProps = {
+  size: "md",
+  variant: "filled",
+  gradient: { from: "blue", to: "cyan", deg: 45 }
+};
+const ThemeIcon = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("ThemeIcon", defaultProps, props), { className, size, radius, variant, color, children, gradient } = _a, others = __objRest(_a, ["className", "size", "radius", "variant", "color", "children", "gradient"]);
   const { classes, cx } = useStyles({
     variant,
     radius,

package/esm/components/ThemeIcon/ThemeIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeIcon.js","sources":["../../../src/components/ThemeIcon/ThemeIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, MantineGradient, MantineColor } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles, { ThemeIconVariant } from './ThemeIcon.styles';\n\nexport interface ThemeIconProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Icon /\n children: React.ReactNode;\n\n /* Predefined width and height or number for width and height in px /\n size?: MantineNumberSize;\n\n /* Predefined border-radius from theme.radius or number for border-radius in px /\n radius?: MantineNumberSize;\n\n /* Icon color from theme /\n color?: MantineColor;\n\n /* Controls appearance /\n variant?: ThemeIconVariant;\n\n /* Controls gradient settings in gradient variant only */\n gradient?: MantineGradient;\n}\n\~~nexport~~ ~~const~~ ~~ThemeIcon~~ = ~~forwardRef<HTMLDivElement, ThemeIconProps>(~~\n ~~(\n {\n className,\n~~ size = 'md',\n ~~radius = 'sm',\n~~ variant = 'filled',\n ~~color,\n children,\n~~ gradient = { from: 'blue', to: 'cyan', deg: 45 },\n ~~...others~~\n }: ThemeIconProps~~,\n~~ ref\n ) => {\n const { classes, cx } = useStyles(\n {\n variant,\n radius,\n color,\n size,\n gradientFrom: gradient.from,\n gradientTo: gradient.to,\n gradientDeg: gradient.deg,\n },\n { name: 'ThemeIcon' }\n );\n\n return (\n <Box className={cx(classes.root, className)} ref={ref} {...others}>\n {children}\n </Box>\n );\n }\n);\n\nThemeIcon.displayName = '@mantine/core/ThemeIcon';\n"],"names":[],"mappings":"~~;;;;~~AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;~~AAIU~~,~~MAAC~~,~~SAAS~~,GAAG,~~UAAU~~,~~CAAC~~,~~CAAC~~,EAAE,EAAE,~~GAAG,KAAK~~;~~AACjD~~,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;~~AACf~~,~~IAAI~~,~~SAAS~~;~~AACb~~,~~IAAI~~,~~IAAI~~,GAAG,~~IAAI;AACf~~,~~IAAI~~,~~MAAM~~,GAAG,~~IAAI~~;~~AACjB~~,~~IAAI~~,~~OAAO~~,GAAG,~~QAAQ;AACtB~~,~~IAAI~~,~~KAAK;AACT~~,~~IAAI~~,~~QAAQ;AACZ~~,~~IAAI~~,~~QAAQ~~,~~GAAG~~,EAAE,IAAI,EAAE,MAAM,EAAE,~~EAAE~~,EAAE,~~MAAM~~,EAAE,~~GAAG~~,EAAE,~~EAAE~~,EAAE~~;AACpD~~,GAAG,~~GAAG,~~EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE~~;AACjC~~,~~IAAI~~,WAAW~~;AACf~~,~~IAAI~~,MAAM~~;AACV~~,~~IAAI~~,QAAQ~~;AACZ~~,~~IAAI~~,SAAS~~;AACb~~,~~IAAI~~,OAAO~~;AACX~~,~~IAAI~~,UAAU~~;AACd~~,~~IAAI~~,UAAU~~;AACd~~,~~GAAG~~,CAAC,CAAC;~~AACL~~,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC;AACpC,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,YAAY,EAAE,QAAQ,CAAC,IAAI;AAC/B,IAAI,UAAU,EAAE,QAAQ,CAAC,EAAE;AAC3B,IAAI,WAAW,EAAE,QAAQ,CAAC,GAAG;AAC7B,GAAG,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;AAC5B,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AACxB,CAAC,EAAE;AACH,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}
1	+ {"version":3,"file":"ThemeIcon.js","sources":["../../../src/components/ThemeIcon/ThemeIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n MantineGradient,\n MantineColor,\n useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles, { ThemeIconVariant } from './ThemeIcon.styles';\n\nexport interface ThemeIconProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Icon /\n children: React.ReactNode;\n\n /* Predefined width and height or number for width and height in px /\n size?: MantineNumberSize;\n\n /* Predefined border-radius from theme.radius or number for border-radius in px /\n radius?: MantineNumberSize;\n\n /* Icon color from theme /\n color?: MantineColor;\n\n /* Controls appearance /\n variant?: ThemeIconVariant;\n\n /* Controls gradient settings in gradient variant only */\n gradient?: MantineGradient;\n}\n\nconst defaultProps: Partial<ThemeIconProps> = {\n size: 'md',\n variant: 'filled',\n gradient: { from: 'blue', to: 'cyan', deg: 45 },\n};\n\nexport const ThemeIcon = forwardRef<HTMLDivElement, ThemeIconProps>(\n (props: ThemeIconProps, ref) => {\n const { className, size, radius, variant, color, children, gradient, ...others } =\n useMantineDefaultProps('ThemeIcon', defaultProps, props);\n\n const { classes, cx } = useStyles(\n {\n variant,\n radius,\n color,\n size,\n gradientFrom: gradient.from,\n gradientTo: gradient.to,\n gradientDeg: gradient.deg,\n },\n { name: 'ThemeIcon' }\n );\n\n return (\n <Box className={cx(classes.root, className)} ref={ref} {...others}>\n {children}\n </Box>\n );\n }\n);\n\nThemeIcon.displayName = '@mantine/core/ThemeIcon';\n"],"names":[],"mappings":"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"}

package/esm/components/ThemeIcon/ThemeIcon.styles.js CHANGED Viewed

@@ -44,10 +44,11 @@ var useStyles = createStyles((theme, { color, size, radius, gradientFrom, gradie
       height: iconSize,
       minWidth: iconSize,
       minHeight: iconSize,
-      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
+      borderRadius: theme.fn.radius(radius),
       backgroundColor: colors.background,
       color: colors.color,
-      backgroundImage: variant === "gradient" ? colors.background : null
+      backgroundImage: variant === "gradient" ? colors.background : null,
+      border: `1px solid ${colors.border}`
     })
   };
 });

package/esm/components/ThemeIcon/ThemeIcon.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeIcon.styles.js","sources":["../../../src/components/ThemeIcon/ThemeIcon.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n getSharedColorScheme,\n MantineColor,\n} from '@mantine/styles';\n\nexport type ThemeIconVariant = 'filled' \| 'light' \| 'gradient';\n\~~ninterface~~ ~~ThemeIconStyles~~ {\n color: MantineColor;\n size: MantineNumberSize;\n radius: MantineNumberSize;\n variant: ThemeIconVariant;\n gradientFrom: string;\n gradientTo: string;\n gradientDeg: number;\n}\n\nexport const sizes = {\n xs: 16,\n sm: 20,\n md: 26,\n lg: 32,\n xl: 40,\n};\n\nexport default createStyles(\n (\n theme,\n { color, size, radius, gradientFrom, gradientTo, gradientDeg, variant }: ~~ThemeIconStyles~~\n ) => {\n const colors = getSharedColorScheme({\n theme,\n color,\n variant,\n gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n });\n\n const iconSize = theme.fn.size({ size, sizes });\n\n return {\n root: {\n ...theme.fn.fontStyles(),\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n boxSizing: 'border-box',\n width: iconSize,\n height: iconSize,\n minWidth: iconSize,\n minHeight: iconSize,\n borderRadius: theme.fn.~~size~~(~~{ size:~~ radius~~, sizes: theme.radius }~~),\n backgroundColor: colors.background,\n color: colors.color,\n backgroundImage: variant === 'gradient' ? colors.background : null,\n },\n };\n }\n);\n"],"names":[],"mappings":"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~~IAAI,CAAC,EAAE,IAAI,EAAE,~~MAAM,~~EAAE,KAAK,EAAE,KAAK,~~CAAC,MAAM,~~EAAE,~~CAAC;~~AACxE~~,MAAM,eAAe,EAAE,MAAM,CAAC,UAAU;AACxC,MAAM,KAAK,EAAE,MAAM,CAAC,KAAK;AACzB,MAAM,eAAe,EAAE,OAAO,KAAK,UAAU,GAAG,MAAM,CAAC,UAAU,GAAG,IAAI;AACxE,KAAK,CAAC;AACN,GAAG,CAAC;AACJ,CAAC,CAAC;;;;;"}
1	+ {"version":3,"file":"ThemeIcon.styles.js","sources":["../../../src/components/ThemeIcon/ThemeIcon.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n getSharedColorScheme,\n MantineColor,\n} from '@mantine/styles';\n\nexport type ThemeIconVariant = 'filled' \| 'light' \| 'gradient' \| 'outline';\n\nexport interface ThemeIconStylesParams {\n color: MantineColor;\n size: MantineNumberSize;\n radius: MantineNumberSize;\n variant: ThemeIconVariant;\n gradientFrom: string;\n gradientTo: string;\n gradientDeg: number;\n}\n\nexport const sizes = {\n xs: 16,\n sm: 20,\n md: 26,\n lg: 32,\n xl: 40,\n};\n\nexport default createStyles(\n (\n theme,\n { color, size, radius, gradientFrom, gradientTo, gradientDeg, variant }: ThemeIconStylesParams\n ) => {\n const colors = getSharedColorScheme({\n theme,\n color,\n variant,\n gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n });\n\n const iconSize = theme.fn.size({ size, sizes });\n\n return {\n root: {\n ...theme.fn.fontStyles(),\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n boxSizing: 'border-box',\n width: iconSize,\n height: iconSize,\n minWidth: iconSize,\n minHeight: iconSize,\n borderRadius: theme.fn.radius(radius),\n backgroundColor: colors.background,\n color: colors.color,\n backgroundImage: variant === 'gradient' ? colors.background : null,\n border: `1px solid ${colors.border}`,\n },\n };\n }\n);\n"],"names":[],"mappings":"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"}

package/esm/components/Timeline/Timeline.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react';
+import { useMantineDefaultProps } from '@mantine/styles';
 import { TimelineItem } from './TimelineItem/TimelineItem.js';
 import { filterChildrenByType } from '../../utils/filter-children-by-type/filter-children-by-type.js';
 import { Box } from '../Box/Box.js';
@@ -31,20 +32,28 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Timeline = forwardRef((_a, ref) => {
-  var _b = _a, {
+const defaultProps = {
+  active: -1,
+  radius: "xl",
+  bulletSize: 20,
+  align: "left",
+  lineWidth: 4,
+  reverseActive: false
+};
+const Timeline = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("Timeline", defaultProps, props), {
     children,
-    active = -1,
+    active,
     color,
-    radius = "xl",
-    bulletSize = 20,
-    align = "left",
-    lineWidth = 4,
+    radius,
+    bulletSize,
+    align,
+    lineWidth,
     classNames,
     styles,
     sx,
-    reverseActive = false
-  } = _b, others = __objRest(_b, [
+    reverseActive
+  } = _a, others = __objRest(_a, [
     "children",
     "active",
     "color",

package/esm/components/Timeline/Timeline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Timeline.js","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineColor,\n ForwardRefWithStaticComponents,\n MantineNumberSize,\n CSSObject,\n} from '@mantine/styles';\nimport { filterChildrenByType } from '../../utils';\nimport { Box } from '../Box';\nimport { TimelineItem, TimelineItemStylesNames } from './TimelineItem/TimelineItem';\n\nexport interface TimelineProps\n extends DefaultProps<TimelineItemStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n /** <Timeline.Item /> components only /\n children: React.ReactNode;\n\n /* Index of active element /\n active?: number;\n\n /* Active color from theme /\n color?: MantineColor;\n\n /* Radius from theme.radius, or number to set border-radius in px /\n radius?: MantineNumberSize;\n\n /* Bullet size in px /\n bulletSize?: number;\n\n /* Timeline alignment /\n align?: 'right' \| 'left';\n\n /* Line width in px /\n lineWidth?: number;\n\n /* Reverse active direction without reversing items */\n reverseActive?: boolean;\n}\n\ntype TimelineComponent = ForwardRefWithStaticComponents<\n TimelineProps,\n { Item: typeof TimelineItem }\n>;\n\nexport const Timeline: TimelineComponent = forwardRef<HTMLDivElement, TimelineProps>(\n (\n {\n children,\n active ~~= -1~~,\n color,\n radius ~~= 'xl'~~,\n bulletSize ~~= 20~~,\n align ~~= 'left'~~,\n lineWidth ~~= 4~~,\n classNames,\n styles,\n sx,\n reverseActive ~~= false~~,\n ...others\n }: ~~TimelineProps,\n ref\n )~~ => {\n const _children = filterChildrenByType(children, TimelineItem);\n const items = _children.map((item: React.ReactElement, index) =>\n React.cloneElement(item, {\n classNames,\n styles,\n align,\n lineWidth,\n radius: item.props.radius \|\| radius,\n color: item.props.color \|\| color,\n bulletSize: item.props.bulletSize \|\| bulletSize,\n active:\n item.props.active \|\|\n (reverseActive ? active >= _children.length - index - 1 : active >= index),\n lineActive:\n item.props.lineActive \|\|\n (reverseActive ? active >= _children.length - index - 1 : active - 1 >= index),\n })\n );\n\n const offset: CSSObject =\n align === 'left'\n ? { paddingLeft: bulletSize / 2 + lineWidth / 2 }\n : { paddingRight: bulletSize / 2 + lineWidth / 2 };\n\n return (\n <Box ref={ref} sx={[offset, sx]} {...others}>\n {items}\n </Box>\n );\n }\n) as any;\n\nTimeline.Item = TimelineItem;\nTimeline.displayName = '@mantine/core/Timeline';\n"],"names":[],"mappings":"~~;;;;;~~AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;~~AAKU~~,~~MAAC~~,~~QAAQ~~,GAAG,~~UAAU~~,CAAC,CAAC,EAAE,EAAE,~~GAAG~~,KAAK;~~AAChD~~,EAAE,~~IAAI~~,EAAE,~~GAAG~~,EAAE,EAAE;~~AACf~~,~~IAAI~~,~~QAAQ~~;~~AACZ~~,~~IAAI~~,~~MAAM~~,GAAG,CAAC,CAAC~~;AACf~~,~~IAAI~~,KAAK;~~AACT~~,~~IAAI~~,MAAM,GAAG,~~IAAI;AACjB~~,~~IAAI~~,UAAU,~~GAAG~~,EAAE;~~AACnB~~,IAAI,KAAK,~~GAAG~~,MAAM;~~AAClB~~,IAAI,~~SAAS~~,~~GAAG~~,~~CAAC~~;~~AACjB~~,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,EAAE;AACN,IAAI,aAAa~~,GAAG,KAAK~~;~~AACzB~~,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,UAAU;AACd,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,eAAe;AACnB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAG,oBAAoB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AACjE,EAAE,MAAM,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;AACxE,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,KAAK;AACT,IAAI,SAAS;AACb,IAAI,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,MAAM;AACvC,IAAI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK;AACpC,IAAI,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,UAAU;AACnD,IAAI,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,aAAa,GAAG,MAAM,IAAI,SAAS,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,GAAG,MAAM,IAAI,KAAK,CAAC;AAC3G,IAAI,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,aAAa,GAAG,MAAM,IAAI,SAAS,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC;AACvH,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,MAAM,MAAM,GAAG,KAAK,KAAK,MAAM,GAAG,EAAE,WAAW,EAAE,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,CAAC;AACvI,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,GAAG;AACP,IAAI,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC;AACpB,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC;AACrB,CAAC,EAAE;AACH,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC;AAC7B,QAAQ,CAAC,WAAW,GAAG,wBAAwB;;;;"}
1	+ {"version":3,"file":"Timeline.js","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineColor,\n ForwardRefWithStaticComponents,\n MantineNumberSize,\n CSSObject,\n useMantineDefaultProps,\n} from '@mantine/styles';\nimport { filterChildrenByType } from '../../utils';\nimport { Box } from '../Box';\nimport { TimelineItem, TimelineItemStylesNames } from './TimelineItem/TimelineItem';\n\nexport interface TimelineProps\n extends DefaultProps<TimelineItemStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n /** <Timeline.Item /> components only /\n children: React.ReactNode;\n\n /* Index of active element /\n active?: number;\n\n /* Active color from theme /\n color?: MantineColor;\n\n /* Radius from theme.radius, or number to set border-radius in px /\n radius?: MantineNumberSize;\n\n /* Bullet size in px /\n bulletSize?: number;\n\n /* Timeline alignment /\n align?: 'right' \| 'left';\n\n /* Line width in px /\n lineWidth?: number;\n\n /* Reverse active direction without reversing items */\n reverseActive?: boolean;\n}\n\ntype TimelineComponent = ForwardRefWithStaticComponents<\n TimelineProps,\n { Item: typeof TimelineItem }\n>;\n\nconst defaultProps: Partial<TimelineProps> = {\n active: -1,\n radius: 'xl',\n bulletSize: 20,\n align: 'left',\n lineWidth: 4,\n reverseActive: false,\n};\n\nexport const Timeline: TimelineComponent = forwardRef<HTMLDivElement, TimelineProps>(\n (props: TimelineProps, ref) => {\n const {\n children,\n active,\n color,\n radius,\n bulletSize,\n align,\n lineWidth,\n classNames,\n styles,\n sx,\n reverseActive,\n ...others\n } = useMantineDefaultProps('Timeline', defaultProps, props);\n\n const _children = filterChildrenByType(children, TimelineItem);\n const items = _children.map((item: React.ReactElement, index) =>\n React.cloneElement(item, {\n classNames,\n styles,\n align,\n lineWidth,\n radius: item.props.radius \|\| radius,\n color: item.props.color \|\| color,\n bulletSize: item.props.bulletSize \|\| bulletSize,\n active:\n item.props.active \|\|\n (reverseActive ? active >= _children.length - index - 1 : active >= index),\n lineActive:\n item.props.lineActive \|\|\n (reverseActive ? active >= _children.length - index - 1 : active - 1 >= index),\n })\n );\n\n const offset: CSSObject =\n align === 'left'\n ? { paddingLeft: bulletSize / 2 + lineWidth / 2 }\n : { paddingRight: bulletSize / 2 + lineWidth / 2 };\n\n return (\n <Box ref={ref} sx={[offset, sx]} {...others}>\n {items}\n </Box>\n );\n }\n) as any;\n\nTimeline.Item = TimelineItem;\nTimeline.displayName = '@mantine/core/Timeline';\n"],"names":[],"mappings":"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"}

package/esm/components/Timeline/TimelineItem/TimelineItem.styles.js CHANGED Viewed

@@ -1,82 +1,78 @@
 import { createStyles } from '@mantine/styles';
-var useStyles = createStyles((theme, { bulletSize, color, radius, align, lineVariant, lineWidth }, getRef) => {
-  const itemBulletWithChild = getRef("itemBulletWithChild");
-  const itemBullet = getRef("itemBullet");
-  return {
-    itemBody: {},
-    itemContent: {},
-    itemBulletWithChild: {
-      ref: itemBulletWithChild,
-      borderWidth: 1,
-      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3],
-      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black
+var useStyles = createStyles((theme, { bulletSize, color, radius, align, lineVariant, lineWidth }, getRef) => ({
+  itemBody: {},
+  itemContent: {},
+  itemBulletWithChild: {
+    ref: getRef("itemBulletWithChild"),
+    borderWidth: 1,
+    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3],
+    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black
+  },
+  itemBullet: {
+    ref: getRef("itemBullet"),
+    boxSizing: "border-box",
+    width: bulletSize,
+    height: bulletSize,
+    borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
+    border: `${lineWidth}px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`,
+    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
+    position: "absolute",
+    top: 0,
+    left: align === "left" ? -bulletSize / 2 - lineWidth / 2 : "auto",
+    right: align === "right" ? -bulletSize / 2 - lineWidth / 2 : "auto",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    color: theme.white
+  },
+  item: {
+    position: "relative",
+    boxSizing: "border-box",
+    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+    paddingLeft: align === "left" ? theme.spacing.xl : 0,
+    paddingRight: align === "right" ? theme.spacing.xl : 0,
+    textAlign: align,
+    "&:not(:last-of-type)::before": {
+      display: "block"
     },
-    itemBullet: {
-      ref: itemBullet,
+    "&:not(:first-of-type)": {
+      marginTop: theme.spacing.xl
+    },
+    "&::before": {
       boxSizing: "border-box",
-      width: bulletSize,
-      height: bulletSize,
-      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
-      border: `${lineWidth}px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`,
-      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
       position: "absolute",
       top: 0,
-      left: align === "left" ? -bulletSize / 2 - lineWidth / 2 : "auto",
-      right: align === "right" ? -bulletSize / 2 - lineWidth / 2 : "auto",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      color: theme.white
-    },
-    item: {
-      position: "relative",
-      boxSizing: "border-box",
-      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-      paddingLeft: align === "left" ? theme.spacing.xl : 0,
-      paddingRight: align === "right" ? theme.spacing.xl : 0,
-      textAlign: align,
-      "&:not(:last-of-type)::before": {
-        display: "block"
-      },
-      "&:not(:first-of-type)": {
-        marginTop: theme.spacing.xl
-      },
-      "&::before": {
-        boxSizing: "border-box",
-        position: "absolute",
-        top: 0,
-        left: align === "left" ? -lineWidth : "auto",
-        right: align === "right" ? -lineWidth : "auto",
-        bottom: -theme.spacing.xl,
-        borderLeft: `${lineWidth}px ${lineVariant} ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`,
-        content: '""',
-        display: "none"
-      }
-    },
-    itemLineActive: {
-      "&::before": {
-        borderLeftColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 6 : 7)
-      }
-    },
-    itemActive: {
-      [`& .${itemBullet}`]: {
-        borderColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 6 : 7),
-        backgroundColor: theme.white
-      },
-      [`& .${itemBulletWithChild}`]: {
-        backgroundColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 6 : 7),
-        color: theme.white
-      }
+      left: align === "left" ? -lineWidth : "auto",
+      right: align === "right" ? -lineWidth : "auto",
+      bottom: -theme.spacing.xl,
+      borderLeft: `${lineWidth}px ${lineVariant} ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`,
+      content: '""',
+      display: "none"
+    }
+  },
+  itemLineActive: {
+    "&::before": {
+      borderLeftColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 6 : 7)
+    }
+  },
+  itemActive: {
+    [`& .${getRef("itemBullet")}`]: {
+      borderColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 6 : 7),
+      backgroundColor: theme.white
     },
-    itemTitle: {
-      fontWeight: 500,
-      lineHeight: 1,
-      marginBottom: theme.spacing.xs / 2,
-      textAlign: align
+    [`& .${getRef("itemBulletWithChild")}`]: {
+      backgroundColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 6 : 7),
+      color: theme.white
     }
-  };
-});
+  },
+  itemTitle: {
+    fontWeight: 500,
+    lineHeight: 1,
+    marginBottom: theme.spacing.xs / 2,
+    textAlign: align
+  }
+}));
 export default useStyles;
 //# sourceMappingURL=TimelineItem.styles.js.map

package/esm/components/Timeline/TimelineItem/TimelineItem.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimelineItem.styles.js","sources":["../../../../src/components/Timeline/TimelineItem/TimelineItem.styles.ts"],"sourcesContent":["import { createStyles, MantineColor, MantineNumberSize } from '@mantine/styles';\n\ninterface TimelineItemStyles {\n bulletSize: number;\n color: MantineColor;\n radius: MantineNumberSize;\n align: 'right' \| 'left';\n lineVariant: 'solid' \| 'dashed' \| 'dotted';\n lineWidth: number;\n}\n\nexport default createStyles(\n (\n theme,\n { bulletSize, color, radius, align, lineVariant, lineWidth }: TimelineItemStyles,\n getRef\n ) => {\n ~~const itemBulletWithChild = getRef('itemBulletWithChild');\n const itemBullet = getRef('itemBullet');\n\n return {\n~~ itemBody: {},\n itemContent: {},\n\n itemBulletWithChild: {\n ref: itemBulletWithChild,\n borderWidth: 1,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3],\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n },\n\n itemBullet: {\n ref: itemBullet,\n boxSizing: 'border-box',\n width: bulletSize,\n height: bulletSize,\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n border: `${lineWidth}px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n position: 'absolute',\n top: 0,\n left: align === 'left' ? -bulletSize / 2 - lineWidth / 2 : 'auto',\n right: align === 'right' ? -bulletSize / 2 - lineWidth / 2 : 'auto',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n color: theme.white,\n },\n\n item: {\n position: 'relative',\n boxSizing: 'border-box',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n paddingLeft: align === 'left' ? theme.spacing.xl : 0,\n paddingRight: align === 'right' ? theme.spacing.xl : 0,\n textAlign: align,\n\n '&:not(:last-of-type)::before': {\n display: 'block',\n },\n\n '&:not(:first-of-type)': {\n marginTop: theme.spacing.xl,\n },\n\n '&::before': {\n boxSizing: 'border-box',\n position: 'absolute',\n top: 0,\n left: align === 'left' ? -lineWidth : 'auto',\n right: align === 'right' ? -lineWidth : 'auto',\n bottom: -theme.spacing.xl,\n borderLeft: `${lineWidth}px ${lineVariant} ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n content: '\"\"',\n display: 'none',\n },\n },\n\n itemLineActive: {\n '&::before': {\n borderLeftColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 6 : 7),\n },\n },\n\n itemActive: {\n [`& .${itemBullet}`]: {\n borderColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 6 : 7),\n backgroundColor: theme.white,\n },\n\n [`& .${itemBulletWithChild}`]: {\n backgroundColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 6 : 7),\n color: theme.white,\n },\n },\n\n itemTitle: {\n fontWeight: 500,\n lineHeight: 1,\n marginBottom: theme.spacing.xs / 2,\n textAlign: align,\n },\n ~~};\n~~ }\n);\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,MAAM,~~KAAK;AAC7G,EAAE,~~MAAM~~,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC~~;~~AAC5D~~,EAAE,~~MAAM,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AAC1C,EAAE,OAAO;AACT,IAAI,~~QAAQ,EAAE,EAAE;~~AAChB~~,~~IAAI~~,WAAW,EAAE,EAAE;~~AACnB~~,~~IAAI~~,mBAAmB,EAAE;~~AACzB~~,~~MAAM~~,GAAG,EAAE,~~mBAAmB~~;~~AAC9B~~,~~MAAM~~,WAAW,EAAE,CAAC;~~AACpB~~,~~MAAM~~,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;~~AACjG~~,~~MAAM~~,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;~~AAC9E~~,~~KAAK~~;~~AACL~~,~~IAAI~~,UAAU,EAAE;~~AAChB~~,~~MAAM~~,GAAG,EAAE,~~UAAU~~;~~AACrB~~,~~MAAM~~,SAAS,EAAE,YAAY;~~AAC7B~~,~~MAAM~~,KAAK,EAAE,UAAU;~~AACvB~~,~~MAAM~~,MAAM,EAAE,UAAU;~~AACxB~~,~~MAAM~~,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;~~AACxE~~,~~MAAM~~,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;~~AAClH~~,~~MAAM~~,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;~~AACxF~~,~~MAAM~~,QAAQ,EAAE,UAAU;~~AAC1B~~,~~MAAM~~,GAAG,EAAE,CAAC;~~AACZ~~,~~MAAM~~,IAAI,EAAE,KAAK,KAAK,MAAM,GAAG,CAAC,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,GAAG,MAAM;~~AACvE~~,~~MAAM~~,KAAK,EAAE,KAAK,KAAK,OAAO,GAAG,CAAC,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,GAAG,MAAM;~~AACzE~~,~~MAAM~~,OAAO,EAAE,MAAM;~~AACrB~~,~~MAAM~~,UAAU,EAAE,QAAQ;~~AAC1B~~,~~MAAM~~,cAAc,EAAE,QAAQ;~~AAC9B~~,~~MAAM~~,KAAK,EAAE,KAAK,CAAC,KAAK;~~AACxB~~,~~KAAK~~;~~AACL~~,~~IAAI~~,IAAI,EAAE;~~AACV~~,~~MAAM~~,QAAQ,EAAE,UAAU;~~AAC1B~~,~~MAAM~~,SAAS,EAAE,YAAY;~~AAC7B~~,~~MAAM~~,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;~~AAC9E~~,~~MAAM~~,WAAW,EAAE,KAAK,KAAK,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;~~AAC1D~~,~~MAAM~~,YAAY,EAAE,KAAK,KAAK,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;~~AAC5D~~,~~MAAM~~,SAAS,EAAE,KAAK;~~AACtB~~,~~MAAM~~,8BAA8B,EAAE;~~AACtC~~,~~QAAQ~~,OAAO,EAAE,OAAO;~~AACxB~~,~~OAAO~~;~~AACP~~,~~MAAM~~,uBAAuB,EAAE;~~AAC/B~~,~~QAAQ~~,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;~~AACnC~~,~~OAAO~~;~~AACP~~,~~MAAM~~,WAAW,EAAE;~~AACnB~~,~~QAAQ~~,SAAS,EAAE,YAAY;~~AAC/B~~,~~QAAQ~~,QAAQ,EAAE,UAAU;~~AAC5B~~,~~QAAQ~~,GAAG,EAAE,CAAC;~~AACd~~,~~QAAQ~~,IAAI,EAAE,KAAK,KAAK,MAAM,GAAG,CAAC,SAAS,GAAG,MAAM;~~AACpD~~,~~QAAQ~~,KAAK,EAAE,KAAK,KAAK,OAAO,GAAG,CAAC,SAAS,GAAG,MAAM;~~AACtD~~,~~QAAQ~~,MAAM,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;~~AACjC~~,~~QAAQ~~,UAAU,EAAE,CAAC,EAAE,SAAS,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;~~AACjI~~,~~QAAQ~~,OAAO,EAAE,IAAI;~~AACrB~~,~~QAAQ~~,OAAO,EAAE,MAAM;~~AACvB~~,~~OAAO;AACP,~~KAAK;AACL,~~IAAI~~,cAAc,EAAE;~~AACpB~~,~~MAAM~~,WAAW,EAAE;~~AACnB~~,~~QAAQ~~,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;~~AACzF~~,~~OAAO;AACP,~~KAAK;AACL,~~IAAI~~,UAAU,EAAE;~~AAChB~~,~~MAAM~~,CAAC,CAAC,GAAG,EAAE,~~UAAU~~,CAAC,CAAC,GAAG;~~AAC5B~~,~~QAAQ~~,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;~~AACrF~~,~~QAAQ~~,eAAe,EAAE,KAAK,CAAC,KAAK;~~AACpC~~,~~OAAO~~;~~AACP~~,~~MAAM~~,CAAC,CAAC,GAAG,EAAE,~~mBAAmB~~,CAAC,CAAC,GAAG;~~AACrC~~,~~QAAQ~~,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;~~AACzF~~,~~QAAQ~~,KAAK,EAAE,KAAK,CAAC,KAAK;~~AAC1B~~,~~OAAO;AACP,~~KAAK;AACL,~~IAAI~~,SAAS,EAAE;~~AACf~~,~~MAAM~~,UAAU,EAAE,GAAG;~~AACrB~~,~~MAAM~~,UAAU,EAAE,CAAC;~~AACnB~~,~~MAAM~~,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;~~AACxC~~,~~MAAM~~,SAAS,EAAE,KAAK;~~AACtB~~,~~KAAK~~;~~AACL~~,~~GAAG,~~CAAC~~;AACJ~~,CAAC,CAAC;;;;"}
1	+ {"version":3,"file":"TimelineItem.styles.js","sources":["../../../../src/components/Timeline/TimelineItem/TimelineItem.styles.ts"],"sourcesContent":["import { createStyles, MantineColor, MantineNumberSize } from '@mantine/styles';\n\ninterface TimelineItemStyles {\n bulletSize: number;\n color: MantineColor;\n radius: MantineNumberSize;\n align: 'right' \| 'left';\n lineVariant: 'solid' \| 'dashed' \| 'dotted';\n lineWidth: number;\n}\n\nexport default createStyles(\n (\n theme,\n { bulletSize, color, radius, align, lineVariant, lineWidth }: TimelineItemStyles,\n getRef\n ) => ({\n itemBody: {},\n itemContent: {},\n\n itemBulletWithChild: {\n ref: getRef('itemBulletWithChild'),\n borderWidth: 1,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3],\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n },\n\n itemBullet: {\n ref: getRef('itemBullet'),\n boxSizing: 'border-box',\n width: bulletSize,\n height: bulletSize,\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n border: `${lineWidth}px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n position: 'absolute',\n top: 0,\n left: align === 'left' ? -bulletSize / 2 - lineWidth / 2 : 'auto',\n right: align === 'right' ? -bulletSize / 2 - lineWidth / 2 : 'auto',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n color: theme.white,\n },\n\n item: {\n position: 'relative',\n boxSizing: 'border-box',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n paddingLeft: align === 'left' ? theme.spacing.xl : 0,\n paddingRight: align === 'right' ? theme.spacing.xl : 0,\n textAlign: align,\n\n '&:not(:last-of-type)::before': {\n display: 'block',\n },\n\n '&:not(:first-of-type)': {\n marginTop: theme.spacing.xl,\n },\n\n '&::before': {\n boxSizing: 'border-box',\n position: 'absolute',\n top: 0,\n left: align === 'left' ? -lineWidth : 'auto',\n right: align === 'right' ? -lineWidth : 'auto',\n bottom: -theme.spacing.xl,\n borderLeft: `${lineWidth}px ${lineVariant} ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n content: '\"\"',\n display: 'none',\n },\n },\n\n itemLineActive: {\n '&::before': {\n borderLeftColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 6 : 7),\n },\n },\n\n itemActive: {\n [`& .${getRef('itemBullet')}`]: {\n borderColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 6 : 7),\n backgroundColor: theme.white,\n },\n\n [`& .${getRef('itemBulletWithChild')}`]: {\n backgroundColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 6 : 7),\n color: theme.white,\n },\n },\n\n itemTitle: {\n fontWeight: 500,\n lineHeight: 1,\n marginBottom: theme.spacing.xs / 2,\n textAlign: align,\n },\n })\n);\n"],"names":[],"mappings":"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"}

package/esm/components/Title/Title.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react';
+import { useMantineDefaultProps } from '@mantine/styles';
 import useStyles from './Title.styles.js';
 import { Box } from '../Box/Box.js';
@@ -30,8 +31,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Title = forwardRef((_a, ref) => {
-  var _b = _a, { className, order = 1, children, align } = _b, others = __objRest(_b, ["className", "order", "children", "align"]);
+const defaultProps = {
+  order: 1
+};
+const Title = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("Title", defaultProps, props), { className, order, children, align } = _a, others = __objRest(_a, ["className", "order", "children", "align"]);
   const { classes, cx } = useStyles({ element: `h${order}`, align }, { name: "Title" });
   if (![1, 2, 3, 4, 5, 6].includes(order)) {
     return null;

package/esm/components/Title/Title.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Title.js","sources":["../../../src/components/Title/Title.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Title.styles';\n\nexport type TitleOrder = 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n\nexport interface TitleProps extends DefaultProps, React.ComponentPropsWithoutRef<'h1'> {\n /** Defines component and styles which will be used /\n order?: TitleOrder;\n\n /* Defined text-align */\n align?: 'right' \| 'left' \| 'center' \| 'justify';\n}\n\nexport const Title = forwardRef<HTMLHeadingElement, TitleProps>(\n ({ className, order ~~= 1~~, children, align, ...others }: ~~TitleProps,~~ ~~ref~~) ~~=> {~~\n const { classes, cx } = useStyles({ element: `h${order}`, align }, { name: 'Title' });\n\n if (![1, 2, 3, 4, 5, 6].includes(order)) {\n return null;\n }\n\n return (\n <Box component={`h${order}`} ref={ref} className={cx(classes.root, className)} {...others}>\n {children}\n </Box>\n );\n }\n);\n\nTitle.displayName = '@mantine/core/Title';\n"],"names":[],"mappings":"~~;;;;~~AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;~~AAIU~~,MAAC,KAAK,GAAG,UAAU,CAAC,CAAC,~~EAAE~~,EAAE,GAAG,KAAK;~~AAC7C~~,EAAE,~~IAAI~~,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,~~GAAG,CAAC,~~EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;~~AACnI~~,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;AACxF,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC3C,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAC1B,IAAI,GAAG;AACP,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AACxB,CAAC,EAAE;AACH,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}
1	+ {"version":3,"file":"Title.js","sources":["../../../src/components/Title/Title.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useMantineDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Title.styles';\n\nexport type TitleOrder = 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n\nexport interface TitleProps extends DefaultProps, React.ComponentPropsWithoutRef<'h1'> {\n /** Defines component and styles which will be used /\n order?: TitleOrder;\n\n /* Defined text-align */\n align?: 'right' \| 'left' \| 'center' \| 'justify';\n}\n\nconst defaultProps: Partial<TitleProps> = {\n order: 1,\n};\n\nexport const Title = forwardRef<HTMLHeadingElement, TitleProps>((props: TitleProps, ref) => {\n const { className, order, children, align, ...others } = useMantineDefaultProps(\n 'Title',\n defaultProps,\n props\n );\n\n const { classes, cx } = useStyles({ element: `h${order}`, align }, { name: 'Title' });\n\n if (![1, 2, 3, 4, 5, 6].includes(order)) {\n return null;\n }\n\n return (\n <Box component={`h${order}`} ref={ref} className={cx(classes.root, className)} {...others}>\n {children}\n </Box>\n );\n});\n\nTitle.displayName = '@mantine/core/Title';\n"],"names":[],"mappings":"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"}

package/esm/components/Title/Title.styles.js CHANGED Viewed

@@ -26,7 +26,7 @@ var useStyles = createStyles((theme, { element, align }) => ({
     fontSize: theme.headings.sizes[element].fontSize,
     lineHeight: theme.headings.sizes[element].lineHeight,
     margin: 0,
-    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+    color: "inherit",
     textAlign: align
   })
 }));

package/esm/components/Title/Title.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Title.styles.js","sources":["../../../src/components/Title/Title.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\ntype HeadingElement = 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6';\n\~~ninterface~~ ~~TitleStyles~~ {\n element: HeadingElement;\n align: 'right' \| 'left' \| 'center' \| 'justify';\n}\n\nexport default createStyles((theme, { element, align }: ~~TitleStyles~~) => ({\n root: {\n ...theme.fn.fontStyles(),\n fontFamily: theme.headings.fontFamily,\n fontWeight: theme.headings.fontWeight,\n fontSize: theme.headings.sizes[element].fontSize,\n lineHeight: theme.headings.sizes[element].lineHeight,\n margin: 0,\n color: ~~theme.colorScheme ===~~ '~~dark~~' ~~? theme.colors.dark[0] : theme.black~~,\n textAlign: align,\n },\n}));\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;AAC5D,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;AACjE,IAAI,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU;AACzC,IAAI,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU;AACzC,IAAI,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,QAAQ;AACpD,IAAI,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,UAAU;AACxD,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,KAAK,EAAE,~~KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK~~;~~AAC5E~~,IAAI,SAAS,EAAE,KAAK;AACpB,GAAG,CAAC;AACJ,CAAC,CAAC,CAAC;;;;"}
1	+ {"version":3,"file":"Title.styles.js","sources":["../../../src/components/Title/Title.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\ntype HeadingElement = 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6';\n\nexport interface TitleStylesParams {\n element: HeadingElement;\n align: 'right' \| 'left' \| 'center' \| 'justify';\n}\n\nexport default createStyles((theme, { element, align }: TitleStylesParams) => ({\n root: {\n ...theme.fn.fontStyles(),\n fontFamily: theme.headings.fontFamily,\n fontWeight: theme.headings.fontWeight,\n fontSize: theme.headings.sizes[element].fontSize,\n lineHeight: theme.headings.sizes[element].lineHeight,\n margin: 0,\n color: 'inherit',\n textAlign: align,\n },\n}));\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;AAC5D,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;AACjE,IAAI,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU;AACzC,IAAI,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU;AACzC,IAAI,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,QAAQ;AACpD,IAAI,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,UAAU;AACxD,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,SAAS,EAAE,KAAK;AACpB,GAAG,CAAC;AACJ,CAAC,CAAC,CAAC;;;;"}

package/esm/components/Tooltip/Tooltip.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import React, { forwardRef, useRef, useState } from 'react';
-import { getDefaultZIndex } from '@mantine/styles';
+import React, { forwardRef, useRef, useState, useEffect } from 'react';
+import { getDefaultZIndex, useMantineDefaultProps } from '@mantine/styles';
 import { mergeRefs } from '@mantine/hooks';
 import useStyles from './Tooltip.styles.js';
 import { Box } from '../Box/Box.js';
@@ -33,42 +33,63 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Tooltip = forwardRef((_a, ref) => {
-  var _b = _a, {
+const defaultProps = {
+  openDelay: 0,
+  closeDelay: 0,
+  gutter: 5,
+  color: "gray",
+  disabled: false,
+  withArrow: false,
+  arrowSize: 2,
+  position: "top",
+  placement: "center",
+  transition: "pop-top-left",
+  transitionDuration: 100,
+  zIndex: getDefaultZIndex("popover"),
+  width: "auto",
+  wrapLines: false,
+  allowPointerEvents: false,
+  positionDependencies: [],
+  withinPortal: true
+};
+const Tooltip = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("Tooltip", defaultProps, props), {
     className,
     label,
     children,
     opened,
-    delay = 0,
-    gutter = 5,
-    color = "gray",
-    radius = "sm",
-    disabled = false,
-    withArrow = false,
-    arrowSize = 2,
-    position = "top",
-    placement = "center",
-    transition = "pop-top-left",
-    transitionDuration = 100,
-    zIndex = getDefaultZIndex("popover"),
+    openDelay,
+    closeDelay,
+    gutter,
+    color,
+    radius,
+    disabled,
+    withArrow,
+    arrowSize,
+    position,
+    placement,
+    transition,
+    transitionDuration,
+    zIndex,
     transitionTimingFunction,
-    width = "auto",
-    wrapLines = false,
-    allowPointerEvents = false,
-    positionDependencies = [],
-    withinPortal = true,
+    width,
+    wrapLines,
+    allowPointerEvents,
+    positionDependencies,
+    withinPortal,
     tooltipRef,
     tooltipId,
     classNames,
     styles,
     onMouseLeave,
     onMouseEnter
-  } = _b, others = __objRest(_b, [
+  } = _a, others = __objRest(_a, [
     "className",
     "label",
     "children",
     "opened",
-    "delay",
+    "openDelay",
+    "closeDelay",
     "gutter",
     "color",
     "radius",
@@ -93,24 +114,36 @@ const Tooltip = forwardRef((_a, ref) => {
     "onMouseLeave",
     "onMouseEnter"
   ]);
-  const { classes, cx } = useStyles({ color, radius }, { classNames, styles, name: "Tooltip" });
-  const timeoutRef = useRef();
+  const { classes, cx, theme } = useStyles({ color, radius }, { classNames, styles, name: "Tooltip" });
+  const openTimeoutRef = useRef();
+  const closeTimeoutRef = useRef();
   const [_opened, setOpened] = useState(false);
   const visible = (typeof opened === "boolean" ? opened : _opened) && !disabled;
   const [referenceElement, setReferenceElement] = useState(null);
   const handleOpen = () => {
-    window.clearTimeout(timeoutRef.current);
-    setOpened(true);
+    window.clearTimeout(closeTimeoutRef.current);
+    if (openDelay !== 0) {
+      openTimeoutRef.current = window.setTimeout(() => {
+        setOpened(true);
+      }, openDelay);
+    } else {
+      setOpened(true);
+    }
   };
   const handleClose = () => {
-    if (delay !== 0) {
-      timeoutRef.current = window.setTimeout(() => {
+    window.clearTimeout(openTimeoutRef.current);
+    if (closeDelay !== 0) {
+      closeTimeoutRef.current = window.setTimeout(() => {
         setOpened(false);
-      }, delay);
+      }, closeDelay);
     } else {
       setOpened(false);
     }
   };
+  useEffect(() => () => {
+    window.clearTimeout(openTimeoutRef.current);
+    window.clearTimeout(closeTimeoutRef.current);
+  }, []);
   return /* @__PURE__ */ React.createElement(Box, __spreadValues({
     className: cx(classes.root, className),
     onMouseEnter: (event) => {
@@ -134,7 +167,7 @@ const Tooltip = forwardRef((_a, ref) => {
     gutter,
     withArrow,
     arrowSize,
-    arrowDistance: 7,
+    arrowDistance: theme.fn.radius(radius) > 10 ? 7 : 3,
     zIndex,
     arrowClassName: classes.arrow,
     forceUpdateDependencies: [color, radius, ...positionDependencies],