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

@mantine/core 9.2.1 → 9.3.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 (862) hide show

package/cjs/components/Autocomplete/Autocomplete.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_use_props = require("../../core/MantineProvider/use-props/use-props.cjs");
 const require_use_resolved_styles_api = require("../../core/styles-api/use-resolved-styles-api/use-resolved-styles-api.cjs");
 const require_factory = require("../../core/factory/factory.cjs");
@@ -19,7 +18,7 @@ const Autocomplete = require_factory.factory((_props) => {
 		"InputWrapper",
 		"Autocomplete"
 	], { size: "sm" }, _props);
-	const { classNames, styles, unstyled, vars, dropdownOpened, defaultDropdownOpened, onDropdownClose, onDropdownOpen, onFocus, onBlur, onClick, onChange, data, value, defaultValue, selectFirstOptionOnChange, selectFirstOptionOnDropdownOpen, onOptionSubmit, comboboxProps, readOnly, disabled, filter, limit, withScrollArea, maxDropdownHeight, size, id, renderOption, autoComplete, scrollAreaProps, onClear, clearButtonProps, error, clearable, clearSectionMode, rightSection, autoSelectOnBlur, openOnFocus = true, attributes, ...others } = props;
+	const { classNames, styles, unstyled, vars, dropdownOpened, defaultDropdownOpened, onDropdownClose, onDropdownOpen, onFocus, onBlur, onClick, onChange, data, value, defaultValue, selectFirstOptionOnChange, selectFirstOptionOnDropdownOpen, onOptionSubmit, comboboxProps, readOnly, disabled, filter, limit, withScrollArea, maxDropdownHeight, floatingHeight, size, id, renderOption, autoComplete, scrollAreaProps, onClear, clearButtonProps, error, clearable, clearSectionMode, rightSection, autoSelectOnBlur, openOnFocus = true, attributes, ...others } = props;
 	const _id = (0, _mantine_hooks.useId)(id);
 	const parsedData = require_get_parsed_combobox_data.getParsedComboboxData(data);
 	const optionsLockup = require_get_options_lockup.getOptionsLockup(parsedData);
@@ -69,6 +68,7 @@ const Autocomplete = require_factory.factory((_props) => {
 		readOnly,
 		size,
 		attributes,
+		floatingHeight,
 		keepMounted: autoSelectOnBlur,
 		onOptionSubmit: (val) => {
 			onOptionSubmit?.(val);

package/cjs/components/Autocomplete/Autocomplete.cjs.map CHANGED Viewed

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

package/cjs/components/Avatar/Avatar.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_get_size = require("../../core/utils/get-size/get-size.cjs");
 const require_create_vars_resolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");
 const require_use_props = require("../../core/MantineProvider/use-props/use-props.cjs");

package/cjs/components/Avatar/Avatar.cjs.map CHANGED Viewed

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

package/cjs/components/Avatar/AvatarGroup/AvatarGroup.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 "use client";
-require("../../../_virtual/_rolldown/runtime.cjs");
 const require_get_size = require("../../../core/utils/get-size/get-size.cjs");
 const require_create_vars_resolver = require("../../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");
 const require_use_props = require("../../../core/MantineProvider/use-props/use-props.cjs");

package/cjs/components/Avatar/AvatarGroup/AvatarGroup.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroup.cjs","names":["createVarsResolver","getSpacing","factory","useProps","Box","useStyles","classes"],"sources":["../../../../src/components/Avatar/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSpacing,\n MantineSpacing,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport classes from '../Avatar.module.css';\n\nexport interface AvatarGroupContextValue {\n withinGroup: boolean;\n}\n\nexport const AvatarGroupContext = createContext<AvatarGroupContextValue>({ withinGroup: false });\n\nexport type AvatarGroupStylesNames = 'group';\nexport type AvatarGroupCssVariables = {\n group: '--ag-spacing';\n};\n\nexport interface AvatarGroupProps\n extends BoxProps, StylesApiProps<AvatarGroupFactory>, ElementProps<'div'> {\n /** Negative space between Avatar components @default 'sm' */\n spacing?: MantineSpacing;\n}\n\nexport type AvatarGroupFactory = Factory<{\n props: AvatarGroupProps;\n ref: HTMLDivElement;\n stylesNames: AvatarGroupStylesNames;\n vars: AvatarGroupCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<AvatarGroupFactory>((_, { spacing }) => ({\n group: {\n '--ag-spacing': getSpacing(spacing),\n },\n}));\n\nexport const AvatarGroup = factory<AvatarGroupFactory>((_props) => {\n const props = useProps('AvatarGroup', null, _props);\n const { classNames, className, style, styles, unstyled, vars, spacing, attributes, ...others } =\n props;\n\n const getStyles = useStyles<AvatarGroupFactory>({\n name: 'AvatarGroup',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n rootSelector: 'group',\n });\n\n return (\n <AvatarGroupContext value={{ withinGroup: true }}>\n <Box {...getStyles('group')} {...others} />\n </AvatarGroupContext>\n );\n});\n\nAvatarGroup.classes = classes;\nAvatarGroup.varsResolver = varsResolver;\nAvatarGroup.displayName = '@mantine/core/AvatarGroup';\n"],"mappings":"~~;;;;;;;;;;;;~~AAoBA,MAAa,sBAAA,GAAA,MAAA,eAA4D,EAAE,aAAa,MAAM,CAAC;AAoB/F,MAAM,eAAeA,6BAAAA,oBAAwC,GAAG,EAAE,eAAe,EAC/E,OAAO,EACL,gBAAgBC,iBAAAA,WAAW,OAAO,EACpC,EACF,EAAE;AAEF,MAAa,cAAcC,gBAAAA,SAA6B,WAAW;CACjE,MAAM,QAAQC,kBAAAA,SAAS,eAAe,MAAM,MAAM;CAClD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,SAAS,YAAY,GAAG,WACpF;CAiBF,OACE,iBAAA,GAAA,kBAAA,KAAC,oBAAD;EAAoB,OAAO,EAAE,aAAa,KAAK;YAC7C,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;GAAK,GAjBSC,mBAAAA,UAA8B;IAC9C,MAAM;IACN,SAAA,sBAAA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,cAAc;GAChB,CAIqB,EAAE,OAAO;GAAG,GAAI;EAAS,CAAA;CACxB,CAAA;AAExB,CAAC;AAED,YAAY,UAAUC,sBAAAA;AACtB,YAAY,eAAe;AAC3B,YAAY,cAAc"}
1	+ {"version":3,"file":"AvatarGroup.cjs","names":["createVarsResolver","getSpacing","factory","useProps","Box","useStyles","classes"],"sources":["../../../../src/components/Avatar/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSpacing,\n MantineSpacing,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport classes from '../Avatar.module.css';\n\nexport interface AvatarGroupContextValue {\n withinGroup: boolean;\n}\n\nexport const AvatarGroupContext = createContext<AvatarGroupContextValue>({ withinGroup: false });\n\nexport type AvatarGroupStylesNames = 'group';\nexport type AvatarGroupCssVariables = {\n group: '--ag-spacing';\n};\n\nexport interface AvatarGroupProps\n extends BoxProps, StylesApiProps<AvatarGroupFactory>, ElementProps<'div'> {\n /** Negative space between Avatar components @default 'sm' */\n spacing?: MantineSpacing;\n}\n\nexport type AvatarGroupFactory = Factory<{\n props: AvatarGroupProps;\n ref: HTMLDivElement;\n stylesNames: AvatarGroupStylesNames;\n vars: AvatarGroupCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<AvatarGroupFactory>((_, { spacing }) => ({\n group: {\n '--ag-spacing': getSpacing(spacing),\n },\n}));\n\nexport const AvatarGroup = factory<AvatarGroupFactory>((_props) => {\n const props = useProps('AvatarGroup', null, _props);\n const { classNames, className, style, styles, unstyled, vars, spacing, attributes, ...others } =\n props;\n\n const getStyles = useStyles<AvatarGroupFactory>({\n name: 'AvatarGroup',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n rootSelector: 'group',\n });\n\n return (\n <AvatarGroupContext value={{ withinGroup: true }}>\n <Box {...getStyles('group')} {...others} />\n </AvatarGroupContext>\n );\n});\n\nAvatarGroup.classes = classes;\nAvatarGroup.varsResolver = varsResolver;\nAvatarGroup.displayName = '@mantine/core/AvatarGroup';\n"],"mappings":";;;;;;;;;;;AAoBA,MAAa,sBAAA,GAAA,MAAA,eAA4D,EAAE,aAAa,MAAM,CAAC;AAoB/F,MAAM,eAAeA,6BAAAA,oBAAwC,GAAG,EAAE,eAAe,EAC/E,OAAO,EACL,gBAAgBC,iBAAAA,WAAW,OAAO,EACpC,EACF,EAAE;AAEF,MAAa,cAAcC,gBAAAA,SAA6B,WAAW;CACjE,MAAM,QAAQC,kBAAAA,SAAS,eAAe,MAAM,MAAM;CAClD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,SAAS,YAAY,GAAG,WACpF;CAiBF,OACE,iBAAA,GAAA,kBAAA,KAAC,oBAAD;EAAoB,OAAO,EAAE,aAAa,KAAK;YAC7C,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;GAAK,GAjBSC,mBAAAA,UAA8B;IAC9C,MAAM;IACN,SAAA,sBAAA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,cAAc;GAChB,CAIqB,EAAE,OAAO;GAAG,GAAI;EAAS,CAAA;CACxB,CAAA;AAExB,CAAC;AAED,YAAY,UAAUC,sBAAAA;AACtB,YAAY,eAAe;AAC3B,YAAY,cAAc"}

package/cjs/components/Avatar/AvatarPlaceholderIcon.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region packages/@mantine/core/src/components/Avatar/AvatarPlaceholderIcon.tsx
 function AvatarPlaceholderIcon(props) {

package/cjs/components/Avatar/AvatarPlaceholderIcon.cjs.map CHANGED Viewed

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

package/cjs/components/BackgroundImage/BackgroundImage.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_get_size = require("../../core/utils/get-size/get-size.cjs");
 const require_create_vars_resolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");
 const require_use_props = require("../../core/MantineProvider/use-props/use-props.cjs");

package/cjs/components/BackgroundImage/BackgroundImage.cjs.map CHANGED Viewed

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

package/cjs/components/Badge/Badge.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_get_size = require("../../core/utils/get-size/get-size.cjs");
 const require_create_vars_resolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");
 const require_get_theme_color = require("../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.cjs");

package/cjs/components/Badge/Badge.cjs.map CHANGED Viewed

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

package/cjs/components/Blockquote/Blockquote.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_rem = require("../../core/utils/units-converters/rem.cjs");
 const require_get_size = require("../../core/utils/get-size/get-size.cjs");
 const require_create_vars_resolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");
@@ -14,7 +13,7 @@ const require_Blockquote_module = require("./Blockquote.module.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region packages/@mantine/core/src/components/Blockquote/Blockquote.tsx
 const defaultProps = { iconSize: 48 };
-const varsResolver = require_create_vars_resolver.createVarsResolver((theme, { color, iconSize, radius }) => {
+const varsResolver = require_create_vars_resolver.createVarsResolver((theme, { color, iconSize, radius, textWrap }) => {
 	const darkParsed = require_parse_theme_color.parseThemeColor({
 		color: color || theme.primaryColor,
 		theme,
@@ -29,12 +28,13 @@ const varsResolver = require_create_vars_resolver.createVarsResolver((theme, { c
 		"--bq-bg-dark": require_rgba.rgba(darkParsed.value, .06),
 		"--bq-bd": require_get_theme_color.getThemeColor(color, theme),
 		"--bq-icon-size": require_rem.rem(iconSize),
-		"--bq-radius": require_get_size.getRadius(radius)
+		"--bq-radius": require_get_size.getRadius(radius),
+		"--bq-text-wrap": textWrap
 	} };
 });
 const Blockquote = require_factory.factory((_props) => {
 	const props = require_use_props.useProps("Blockquote", defaultProps, _props);
-	const { classNames, className, style, styles, unstyled, vars, children, icon, iconSize, cite, attributes, ...others } = props;
+	const { classNames, className, style, styles, unstyled, vars, children, icon, iconSize, cite, textWrap, attributes, ...others } = props;
 	const getStyles = require_use_styles.useStyles({
 		name: "Blockquote",
 		classes: require_Blockquote_module.default,

package/cjs/components/Blockquote/Blockquote.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Blockquote.cjs","names":["createVarsResolver","parseThemeColor","rgba","getThemeColor","rem","getRadius","factory","useProps","useStyles","Box","classes"],"sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getRadius,\n getThemeColor,\n MantineColor,\n MantineRadius,\n parseThemeColor,\n rem,\n rgba,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Blockquote.module.css';\n\nexport type BlockquoteStylesNames = 'root' \| 'icon' \| 'cite';\nexport type BlockquoteCssVariables = {\n root: '--bq-bg-light' \| '--bq-bg-dark' \| '--bq-bd' \| '--bq-icon-size' \| '--bq-radius';\n};\n\nexport interface BlockquoteProps\n extends BoxProps, StylesApiProps<BlockquoteFactory>, ElementProps<'blockquote', 'cite'> {\n /** Blockquote icon, displayed at the top left side /\n icon?: React.ReactNode;\n\n /* Controls icon `width` and `height`, numbers are converted to rem @default 40 /\n iconSize?: number \| string;\n\n /* Key of `theme.colors` or any valid CSS color @default theme.primaryColor /\n color?: MantineColor;\n\n /* Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius /\n radius?: MantineRadius;\n\n /* Reference to a cited quote */\n cite?: React.ReactNode;\n}\n\nexport type BlockquoteFactory = Factory<{\n props: BlockquoteProps;\n ref: HTMLQuoteElement;\n stylesNames: BlockquoteStylesNames;\n vars: BlockquoteCssVariables;\n}>;\n\nconst defaultProps = {\n iconSize: 48,\n} satisfies Partial<BlockquoteProps>;\n\nconst varsResolver = createVarsResolver<BlockquoteFactory>((theme, { color, iconSize, radius }) => {\n const darkParsed = parseThemeColor({\n color: color \|\| theme.primaryColor,\n theme,\n colorScheme: 'dark',\n });\n\n const lightParsed = parseThemeColor({\n color: color \|\| theme.primaryColor,\n theme,\n colorScheme: 'light',\n });\n\n return {\n root: {\n '--bq-bg-light': rgba(lightParsed.value, 0.07),\n '--bq-bg-dark': rgba(darkParsed.value, 0.06),\n '--bq-bd': getThemeColor(color, theme),\n '--bq-icon-size': rem(iconSize),\n '--bq-radius': getRadius(radius),\n },\n };\n});\n\nexport const Blockquote = factory<BlockquoteFactory>((_props) => {\n const props = useProps('Blockquote', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n icon,\n iconSize,\n cite,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<BlockquoteFactory>({\n name: 'Blockquote',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return (\n <Box component=\"blockquote\" {...getStyles('root')} {...others}>\n {icon && <span {...getStyles('icon')}>{icon}</span>}\n {children}\n {cite && <cite {...getStyles('cite')}>{cite}</cite>}\n </Box>\n );\n});\n\nBlockquote.classes = classes;\nBlockquote.varsResolver = varsResolver;\nBlockquote.displayName = '@mantine/core/Blockquote';\n\nexport namespace Blockquote {\n export type Props = BlockquoteProps;\n export type StylesNames = BlockquoteStylesNames;\n export type CssVariables = BlockquoteCssVariables;\n export type Factory = BlockquoteFactory;\n}\n"],"mappings":"~~;;;;;;;;;;;;;;;AAkDA~~,MAAM,eAAe,EACnB,UAAU,GACZ;AAEA,MAAM,eAAeA,6BAAAA,~~oBAAuC~~,OAAO,EAAE,OAAO,UAAU,~~aAAa~~;~~CACjG~~,MAAM,aAAaC,0BAAAA,gBAAgB;EACjC,OAAO,SAAS,MAAM;EACtB;EACA,aAAa;CACf,CAAC;CAQD,OAAO,EACL,MAAM;EACJ,iBAAiBC,aAAAA,KARDD,0BAAAA,gBAAgB;GAClC,OAAO,SAAS,MAAM;GACtB;GACA,aAAa;EACf,CAIoC,EAAE,OAAO,GAAI;EAC7C,gBAAgBC,aAAAA,KAAK,WAAW,OAAO,GAAI;EAC3C,WAAWC,wBAAAA,cAAc,OAAO,KAAK;EACrC,kBAAkBC,YAAAA,IAAI,QAAQ;EAC9B,eAAeC,iBAAAA,UAAU,MAAM;~~CACjC~~,EACF;AACF,~~CAAC~~;~~AAED~~,MAAa,aAAaC,gBAAAA,SAA4B,WAAW;CAC/D,MAAM,QAAQC,kBAAAA,SAAS,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,MACA,UACA,MACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA6B;EAC7C,MAAM;EACN,SAAA,0BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,MAACC,YAAAA,KAAD;EAAK,WAAU;EAAa,GAAI,UAAU,MAAM;EAAG,GAAI;YAAvD;GACG,QAAQ,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,GAAI,UAAU,MAAM;cAAI;GAAW,CAAA;GACjD;GACA,QAAQ,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,GAAI,UAAU,MAAM;cAAI;GAAW,CAAA;EAC/C;;AAET,CAAC;AAED,WAAW,UAAUC,0BAAAA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc"}
1	+ {"version":3,"file":"Blockquote.cjs","names":["createVarsResolver","parseThemeColor","rgba","getThemeColor","rem","getRadius","factory","useProps","useStyles","Box","classes"],"sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getRadius,\n getThemeColor,\n MantineColor,\n MantineRadius,\n parseThemeColor,\n rem,\n rgba,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Blockquote.module.css';\n\nexport type BlockquoteStylesNames = 'root' \| 'icon' \| 'cite';\nexport type BlockquoteCssVariables = {\n root:\n \| '--bq-bg-light'\n \| '--bq-bg-dark'\n \| '--bq-bd'\n \| '--bq-icon-size'\n \| '--bq-radius'\n \| '--bq-text-wrap';\n};\n\nexport interface BlockquoteProps\n extends BoxProps, StylesApiProps<BlockquoteFactory>, ElementProps<'blockquote', 'cite'> {\n /** Blockquote icon, displayed at the top left side /\n icon?: React.ReactNode;\n\n /* Controls icon `width` and `height`, numbers are converted to rem @default 40 /\n iconSize?: number \| string;\n\n /* Key of `theme.colors` or any valid CSS color @default theme.primaryColor /\n color?: MantineColor;\n\n /* Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius /\n radius?: MantineRadius;\n\n /* Reference to a cited quote /\n cite?: React.ReactNode;\n\n /* Controls `text-wrap` CSS property */\n textWrap?: 'wrap' \| 'nowrap' \| 'balance' \| 'pretty' \| 'stable';\n}\n\nexport type BlockquoteFactory = Factory<{\n props: BlockquoteProps;\n ref: HTMLQuoteElement;\n stylesNames: BlockquoteStylesNames;\n vars: BlockquoteCssVariables;\n}>;\n\nconst defaultProps = {\n iconSize: 48,\n} satisfies Partial<BlockquoteProps>;\n\nconst varsResolver = createVarsResolver<BlockquoteFactory>(\n (theme, { color, iconSize, radius, textWrap }) => {\n const darkParsed = parseThemeColor({\n color: color \|\| theme.primaryColor,\n theme,\n colorScheme: 'dark',\n });\n\n const lightParsed = parseThemeColor({\n color: color \|\| theme.primaryColor,\n theme,\n colorScheme: 'light',\n });\n\n return {\n root: {\n '--bq-bg-light': rgba(lightParsed.value, 0.07),\n '--bq-bg-dark': rgba(darkParsed.value, 0.06),\n '--bq-bd': getThemeColor(color, theme),\n '--bq-icon-size': rem(iconSize),\n '--bq-radius': getRadius(radius),\n '--bq-text-wrap': textWrap,\n },\n };\n }\n);\n\nexport const Blockquote = factory<BlockquoteFactory>((_props) => {\n const props = useProps('Blockquote', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n icon,\n iconSize,\n cite,\n textWrap,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<BlockquoteFactory>({\n name: 'Blockquote',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return (\n <Box component=\"blockquote\" {...getStyles('root')} {...others}>\n {icon && <span {...getStyles('icon')}>{icon}</span>}\n {children}\n {cite && <cite {...getStyles('cite')}>{cite}</cite>}\n </Box>\n );\n});\n\nBlockquote.classes = classes;\nBlockquote.varsResolver = varsResolver;\nBlockquote.displayName = '@mantine/core/Blockquote';\n\nexport namespace Blockquote {\n export type Props = BlockquoteProps;\n export type StylesNames = BlockquoteStylesNames;\n export type CssVariables = BlockquoteCssVariables;\n export type Factory = BlockquoteFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;AA2DA,MAAM,eAAe,EACnB,UAAU,GACZ;AAEA,MAAM,eAAeA,6BAAAA,oBAClB,OAAO,EAAE,OAAO,UAAU,QAAQ,eAAe;CAChD,MAAM,aAAaC,0BAAAA,gBAAgB;EACjC,OAAO,SAAS,MAAM;EACtB;EACA,aAAa;CACf,CAAC;CAQD,OAAO,EACL,MAAM;EACJ,iBAAiBC,aAAAA,KARDD,0BAAAA,gBAAgB;GAClC,OAAO,SAAS,MAAM;GACtB;GACA,aAAa;EACf,CAIoC,EAAE,OAAO,GAAI;EAC7C,gBAAgBC,aAAAA,KAAK,WAAW,OAAO,GAAI;EAC3C,WAAWC,wBAAAA,cAAc,OAAO,KAAK;EACrC,kBAAkBC,YAAAA,IAAI,QAAQ;EAC9B,eAAeC,iBAAAA,UAAU,MAAM;EAC/B,kBAAkB;CACpB,EACF;AACF,CACF;AAEA,MAAa,aAAaC,gBAAAA,SAA4B,WAAW;CAC/D,MAAM,QAAQC,kBAAAA,SAAS,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,MACA,UACA,MACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA6B;EAC7C,MAAM;EACN,SAAA,0BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,MAACC,YAAAA,KAAD;EAAK,WAAU;EAAa,GAAI,UAAU,MAAM;EAAG,GAAI;YAAvD;GACG,QAAQ,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,GAAI,UAAU,MAAM;cAAI;GAAW,CAAA;GACjD;GACA,QAAQ,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,GAAI,UAAU,MAAM;cAAI;GAAW,CAAA;EAC/C;;AAET,CAAC;AAED,WAAW,UAAUC,0BAAAA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc"}

package/cjs/components/Blockquote/Blockquote.module.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Blockquote.module.cjs","names":[],"sources":["../../../src/components/Blockquote/Blockquote.module.css"],"sourcesContent":[".root {\n --blockquote-border: 3px solid var(--bq-bd);\n\n position: relative;\n margin: 0;\n border-inline-start: var(--blockquote-border);\n border-start-end-radius: var(--bq-radius);\n border-end-end-radius: var(--bq-radius);\n padding: var(--mantine-spacing-xl) rem(38px);\n\n @mixin where-light {\n background-color: var(--bq-bg-light);\n }\n\n @mixin where-dark {\n background-color: var(--bq-bg-dark);\n }\n}\n\n.icon {\n --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);\n\n position: absolute;\n color: var(--bq-bd);\n background-color: var(--mantine-color-body);\n display: flex;\n align-items: center;\n justify-content: center;\n top: var(--blockquote-icon-offset);\n inset-inline-start: var(--blockquote-icon-offset);\n width: var(--bq-icon-size);\n height: var(--bq-icon-size);\n border-radius: var(--bq-icon-size);\n}\n\n.cite {\n display: block;\n margin-top: var(--mantine-spacing-md);\n opacity: 0.6;\n font-size: 85%;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Blockquote.module.cjs","names":[],"sources":["../../../src/components/Blockquote/Blockquote.module.css"],"sourcesContent":[".root {\n --blockquote-border: 3px solid var(--bq-bd);\n\n position: relative;\n margin: 0;\n text-wrap: var(--bq-text-wrap, var(--mantine-text-wrap, wrap));\n border-inline-start: var(--blockquote-border);\n border-start-end-radius: var(--bq-radius);\n border-end-end-radius: var(--bq-radius);\n padding: var(--mantine-spacing-xl) rem(38px);\n\n @mixin where-light {\n background-color: var(--bq-bg-light);\n }\n\n @mixin where-dark {\n background-color: var(--bq-bg-dark);\n }\n}\n\n.icon {\n --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);\n\n position: absolute;\n color: var(--bq-bd);\n background-color: var(--mantine-color-body);\n display: flex;\n align-items: center;\n justify-content: center;\n top: var(--blockquote-icon-offset);\n inset-inline-start: var(--blockquote-icon-offset);\n width: var(--bq-icon-size);\n height: var(--bq-icon-size);\n border-radius: var(--bq-icon-size);\n}\n\n.cite {\n display: block;\n margin-top: var(--mantine-spacing-md);\n opacity: 0.6;\n font-size: 85%;\n}\n"],"mappings":""}

package/cjs/components/Breadcrumbs/Breadcrumbs.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_is_element = require("../../core/utils/is-element/is-element.cjs");
 const require_get_size = require("../../core/utils/get-size/get-size.cjs");
 const require_create_vars_resolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");

package/cjs/components/Breadcrumbs/Breadcrumbs.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumbs.cjs","names":["createVarsResolver","getSpacing","factory","useProps","useStyles","Children","isElement","Box","classes"],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { Children, cloneElement } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSpacing,\n isElement,\n MantineSpacing,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Breadcrumbs.module.css';\n\nexport type BreadcrumbsStylesNames = 'root' \| 'separator' \| 'breadcrumb';\nexport type BreadcrumbsCssVariables = {\n root: '--bc-separator-margin';\n};\n\nexport interface BreadcrumbsProps\n extends BoxProps, StylesApiProps<BreadcrumbsFactory>, ElementProps<'div'> {\n /** Separator between children @default '/' /\n separator?: React.ReactNode;\n\n /* Controls spacing between separator and breadcrumb @default 'xs' /\n separatorMargin?: MantineSpacing;\n\n /* React nodes that should be separated with `separator` */\n children: React.ReactNode;\n}\n\nexport type BreadcrumbsFactory = Factory<{\n props: BreadcrumbsProps;\n ref: HTMLDivElement;\n stylesNames: BreadcrumbsStylesNames;\n vars: BreadcrumbsCssVariables;\n}>;\n\nconst defaultProps = {\n separator: '/',\n} satisfies Partial<BreadcrumbsProps>;\n\nconst varsResolver = createVarsResolver<BreadcrumbsFactory>((_, { separatorMargin }) => ({\n root: {\n '--bc-separator-margin': getSpacing(separatorMargin),\n },\n}));\n\nexport const Breadcrumbs = factory<BreadcrumbsFactory>((_props) => {\n const props = useProps('Breadcrumbs', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n separator,\n separatorMargin,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<BreadcrumbsFactory>({\n name: 'Breadcrumbs',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const items = Children.toArray(children).reduce<React.ReactNode[]>((acc, child, index, array) => {\n const item = isElement(child) ? (\n cloneElement(child, {\n ...getStyles('breadcrumb', { className: (child.props as any)?.className }),\n key: index,\n })\n ) : (\n <div {...getStyles('breadcrumb')} key={index}>\n {child}\n </div>\n );\n\n acc.push(item);\n\n if (index !== array.length - 1) {\n acc.push(\n <Box {...getStyles('separator')} key={`separator-${index}`}>\n {separator}\n </Box>\n );\n }\n\n return acc;\n }, []);\n\n return (\n <Box {...getStyles('root')} {...others}>\n {items}\n </Box>\n );\n});\n\nBreadcrumbs.classes = classes;\nBreadcrumbs.varsResolver = varsResolver;\nBreadcrumbs.displayName = '@mantine/core/Breadcrumbs';\n\nexport namespace Breadcrumbs {\n export type Props = BreadcrumbsProps;\n export type StylesNames = BreadcrumbsStylesNames;\n export type CssVariables = BreadcrumbsCssVariables;\n export type Factory = BreadcrumbsFactory;\n}\n"],"mappings":"~~;;;;;;;;;;;;;~~AAyCA,MAAM,eAAe,EACnB,WAAW,IACb;AAEA,MAAM,eAAeA,6BAAAA,oBAAwC,GAAG,EAAE,uBAAuB,EACvF,MAAM,EACJ,yBAAyBC,iBAAAA,WAAW,eAAe,EACrD,EACF,EAAE;AAEF,MAAa,cAAcC,gBAAAA,SAA6B,WAAW;CACjE,MAAM,QAAQC,kBAAAA,SAAS,eAAe,cAAc,MAAM;CAC1D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,WACA,iBACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA8B;EAC9C,MAAM;EACN,SAAA,2BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,QAAQC,MAAAA,SAAS,QAAQ,QAAQ,EAAE,QAA2B,KAAK,OAAO,OAAO,UAAU;EAC/F,MAAM,OAAOC,mBAAAA,UAAU,KAAK,KAAA,GAAA,MAAA,cACb,OAAO;GAClB,GAAG,UAAU,cAAc,EAAE,WAAY,MAAM,OAAe,UAAU,CAAC;GACzE,KAAK;EACP,CAAC,IAED,iBAAA,GAAA,MAAA,eAAC,OAAD;GAAK,GAAI,UAAU,YAAY;GAAG,KAAK;EAElC,GADF,KACE;EAGP,IAAI,KAAK,IAAI;EAEb,IAAI,UAAU,MAAM,SAAS,GAC3B,IAAI,KACF,iBAAA,GAAA,MAAA,eAACC,YAAAA,KAAD;GAAK,GAAI,UAAU,WAAW;GAAG,KAAK,aAAa;EAE9C,GADF,SACE,CACP;EAGF,OAAO;CACT,GAAG,CAAC,CAAC;CAEL,OACE,iBAAA,GAAA,kBAAA,KAACA,YAAAA,KAAD;EAAK,GAAI,UAAU,MAAM;EAAG,GAAI;YAC7B;CACE,CAAA;AAET,CAAC;AAED,YAAY,UAAUC,2BAAAA;AACtB,YAAY,eAAe;AAC3B,YAAY,cAAc"}
1	+ {"version":3,"file":"Breadcrumbs.cjs","names":["createVarsResolver","getSpacing","factory","useProps","useStyles","Children","isElement","Box","classes"],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { Children, cloneElement } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSpacing,\n isElement,\n MantineSpacing,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Breadcrumbs.module.css';\n\nexport type BreadcrumbsStylesNames = 'root' \| 'separator' \| 'breadcrumb';\nexport type BreadcrumbsCssVariables = {\n root: '--bc-separator-margin';\n};\n\nexport interface BreadcrumbsProps\n extends BoxProps, StylesApiProps<BreadcrumbsFactory>, ElementProps<'div'> {\n /** Separator between children @default '/' /\n separator?: React.ReactNode;\n\n /* Controls spacing between separator and breadcrumb @default 'xs' /\n separatorMargin?: MantineSpacing;\n\n /* React nodes that should be separated with `separator` */\n children: React.ReactNode;\n}\n\nexport type BreadcrumbsFactory = Factory<{\n props: BreadcrumbsProps;\n ref: HTMLDivElement;\n stylesNames: BreadcrumbsStylesNames;\n vars: BreadcrumbsCssVariables;\n}>;\n\nconst defaultProps = {\n separator: '/',\n} satisfies Partial<BreadcrumbsProps>;\n\nconst varsResolver = createVarsResolver<BreadcrumbsFactory>((_, { separatorMargin }) => ({\n root: {\n '--bc-separator-margin': getSpacing(separatorMargin),\n },\n}));\n\nexport const Breadcrumbs = factory<BreadcrumbsFactory>((_props) => {\n const props = useProps('Breadcrumbs', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n separator,\n separatorMargin,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<BreadcrumbsFactory>({\n name: 'Breadcrumbs',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const items = Children.toArray(children).reduce<React.ReactNode[]>((acc, child, index, array) => {\n const item = isElement(child) ? (\n cloneElement(child, {\n ...getStyles('breadcrumb', { className: (child.props as any)?.className }),\n key: index,\n })\n ) : (\n <div {...getStyles('breadcrumb')} key={index}>\n {child}\n </div>\n );\n\n acc.push(item);\n\n if (index !== array.length - 1) {\n acc.push(\n <Box {...getStyles('separator')} key={`separator-${index}`}>\n {separator}\n </Box>\n );\n }\n\n return acc;\n }, []);\n\n return (\n <Box {...getStyles('root')} {...others}>\n {items}\n </Box>\n );\n});\n\nBreadcrumbs.classes = classes;\nBreadcrumbs.varsResolver = varsResolver;\nBreadcrumbs.displayName = '@mantine/core/Breadcrumbs';\n\nexport namespace Breadcrumbs {\n export type Props = BreadcrumbsProps;\n export type StylesNames = BreadcrumbsStylesNames;\n export type CssVariables = BreadcrumbsCssVariables;\n export type Factory = BreadcrumbsFactory;\n}\n"],"mappings":";;;;;;;;;;;;AAyCA,MAAM,eAAe,EACnB,WAAW,IACb;AAEA,MAAM,eAAeA,6BAAAA,oBAAwC,GAAG,EAAE,uBAAuB,EACvF,MAAM,EACJ,yBAAyBC,iBAAAA,WAAW,eAAe,EACrD,EACF,EAAE;AAEF,MAAa,cAAcC,gBAAAA,SAA6B,WAAW;CACjE,MAAM,QAAQC,kBAAAA,SAAS,eAAe,cAAc,MAAM;CAC1D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,WACA,iBACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA8B;EAC9C,MAAM;EACN,SAAA,2BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,QAAQC,MAAAA,SAAS,QAAQ,QAAQ,EAAE,QAA2B,KAAK,OAAO,OAAO,UAAU;EAC/F,MAAM,OAAOC,mBAAAA,UAAU,KAAK,KAAA,GAAA,MAAA,cACb,OAAO;GAClB,GAAG,UAAU,cAAc,EAAE,WAAY,MAAM,OAAe,UAAU,CAAC;GACzE,KAAK;EACP,CAAC,IAED,iBAAA,GAAA,MAAA,eAAC,OAAD;GAAK,GAAI,UAAU,YAAY;GAAG,KAAK;EAElC,GADF,KACE;EAGP,IAAI,KAAK,IAAI;EAEb,IAAI,UAAU,MAAM,SAAS,GAC3B,IAAI,KACF,iBAAA,GAAA,MAAA,eAACC,YAAAA,KAAD;GAAK,GAAI,UAAU,WAAW;GAAG,KAAK,aAAa;EAE9C,GADF,SACE,CACP;EAGF,OAAO;CACT,GAAG,CAAC,CAAC;CAEL,OACE,iBAAA,GAAA,kBAAA,KAACA,YAAAA,KAAD;EAAK,GAAI,UAAU,MAAM;EAAG,GAAI;YAC7B;CACE,CAAA;AAET,CAAC;AAED,YAAY,UAAUC,2BAAAA;AACtB,YAAY,eAAe;AAC3B,YAAY,cAAc"}

package/cjs/components/Burger/Burger.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_rem = require("../../core/utils/units-converters/rem.cjs");
 const require_get_size = require("../../core/utils/get-size/get-size.cjs");
 const require_create_vars_resolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");

package/cjs/components/Burger/Burger.cjs.map CHANGED Viewed

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

package/cjs/components/Button/Button.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_rem = require("../../core/utils/units-converters/rem.cjs");
 const require_get_size = require("../../core/utils/get-size/get-size.cjs");
 const require_create_vars_resolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");

package/cjs/components/Button/Button.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.cjs","names":["rem","createVarsResolver","getSize","getFontSize","getRadius","polymorphicFactory","useProps","useStyles","UnstyledButton","Transition","Box","Loader","classes","ButtonGroup","ButtonGroupSection"],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n getFontSize,\n getRadius,\n getSize,\n MantineColor,\n MantineGradient,\n MantineRadius,\n MantineSize,\n polymorphicFactory,\n PolymorphicFactory,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { Loader, LoaderProps } from '../Loader';\nimport { MantineTransition, Transition } from '../Transition';\nimport { UnstyledButton } from '../UnstyledButton';\nimport {\n ButtonGroup,\n type ButtonGroupProps,\n type ButtonGroupStylesNames,\n type ButtonGroupCssVariables,\n type ButtonGroupFactory,\n} from './ButtonGroup/ButtonGroup';\nimport {\n ButtonGroupSection,\n type ButtonGroupSectionProps,\n type ButtonGroupSectionStylesNames,\n type ButtonGroupSectionCssVariables,\n type ButtonGroupSectionFactory,\n} from './ButtonGroupSection/ButtonGroupSection';\nimport classes from './Button.module.css';\nexport type ButtonSize = MantineSize \| `compact-${MantineSize}` \| (string & {});\n\nexport type ButtonStylesNames = 'root' \| 'inner' \| 'loader' \| 'section' \| 'label';\nexport type ButtonVariant =\n \| 'filled'\n \| 'light'\n \| 'outline'\n \| 'transparent'\n \| 'white'\n \| 'subtle'\n \| 'default'\n \| 'gradient';\n\nexport type ButtonCssVariables = {\n root:\n \| '--button-justify'\n \| '--button-height'\n \| '--button-padding-x'\n \| '--button-fz'\n \| '--button-radius'\n \| '--button-bg'\n \| '--button-hover'\n \| '--button-hover-color'\n \| '--button-color'\n \| '--button-bd';\n};\n\nexport interface ButtonProps extends BoxProps, StylesApiProps<ButtonFactory> {\n 'data-disabled'?: boolean;\n\n /** Controls button `height`, `font-size` and horizontal `padding` @default 'sm' /\n size?: ButtonSize;\n\n /* Key of `theme.colors` or any valid CSS color @default theme.primaryColor /\n color?: MantineColor;\n\n /* Sets `justify-content` of `inner` element, can be used to change distribution of sections and label @default 'center' /\n justify?: React.CSSProperties['justifyContent'];\n\n /* Content on the left side of the button label /\n leftSection?: React.ReactNode;\n\n /* Content on the right side of the button label /\n rightSection?: React.ReactNode;\n\n /* Sets `width: 100%` @default false /\n fullWidth?: boolean;\n\n /* Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius /\n radius?: MantineRadius;\n\n /* Gradient configuration used for `variant=\"gradient\"` @default theme.defaultGradient /\n gradient?: MantineGradient;\n\n /* Sets `disabled` attribute, applies disabled styles /\n disabled?: boolean;\n\n /* Button content /\n children?: React.ReactNode;\n\n /* If set, the `Loader` component is displayed over the button /\n loading?: boolean;\n\n /* Props added to the `Loader` component (only visible when `loading` prop is set) /\n loaderProps?: LoaderProps;\n\n /* If set, adjusts text color based on background color for `filled` variant */\n autoContrast?: boolean;\n}\n\nexport type ButtonFactory = PolymorphicFactory<{\n props: ButtonProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: ButtonStylesNames;\n vars: ButtonCssVariables;\n variant: ButtonVariant;\n staticComponents: {\n Group: typeof ButtonGroup;\n GroupSection: typeof ButtonGroupSection;\n };\n}>;\n\nconst loaderTransition: MantineTransition = {\n in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${rem(1)}))` },\n out: { opacity: 0, transform: 'translate(-50%, -200%)' },\n common: { transformOrigin: 'center' },\n transitionProperty: 'transform, opacity',\n};\n\nconst varsResolver = createVarsResolver<ButtonFactory>(\n (theme, { radius, color, gradient, variant, size, justify, autoContrast }) => {\n const colors = theme.variantColorResolver({\n color: color \|\| theme.primaryColor,\n theme,\n gradient,\n variant: variant \|\| 'filled',\n autoContrast,\n });\n\n return {\n root: {\n '--button-justify': justify,\n '--button-height': getSize(size, 'button-height'),\n '--button-padding-x': getSize(size, 'button-padding-x'),\n '--button-fz': size?.includes('compact')\n ? getFontSize(size.replace('compact-', ''))\n : getFontSize(size),\n '--button-radius': radius === undefined ? undefined : getRadius(radius),\n '--button-bg': color \|\| variant ? colors.background : undefined,\n '--button-hover': color \|\| variant ? colors.hover : undefined,\n '--button-color': colors.color,\n '--button-bd': color \|\| variant ? colors.border : undefined,\n '--button-hover-color': color \|\| variant ? colors.hoverColor : undefined,\n },\n };\n }\n);\n\nexport const Button = polymorphicFactory<ButtonFactory>((_props) => {\n const props = useProps('Button', null, _props);\n const {\n style,\n vars,\n className,\n color,\n disabled,\n children,\n leftSection,\n rightSection,\n fullWidth,\n variant,\n radius,\n loading,\n loaderProps,\n gradient,\n classNames,\n styles,\n unstyled,\n 'data-disabled': dataDisabled,\n autoContrast,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<ButtonFactory>({\n name: 'Button',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const hasLeftSection = !!leftSection;\n const hasRightSection = !!rightSection;\n\n return (\n <UnstyledButton\n {...getStyles('root', { active: !disabled && !loading && !dataDisabled })}\n unstyled={unstyled}\n variant={variant}\n disabled={disabled \|\| loading}\n mod={[\n {\n disabled: disabled \|\| dataDisabled,\n loading,\n block: fullWidth,\n 'with-left-section': hasLeftSection,\n 'with-right-section': hasRightSection,\n },\n mod,\n ]}\n {...others}\n >\n {typeof loading === 'boolean' && (\n <Transition mounted={loading} transition={loaderTransition} duration={150}>\n {(transitionStyles) => (\n <Box component=\"span\" {...getStyles('loader', { style: transitionStyles })} aria-hidden>\n <Loader\n color=\"var(--button-color)\"\n size=\"calc(var(--button-height) / 1.8)\"\n {...loaderProps}\n />\n </Box>\n )}\n </Transition>\n )}\n\n <span {...getStyles('inner')}>\n {leftSection && (\n <Box component=\"span\" {...getStyles('section')} mod={{ position: 'left' }}>\n {leftSection}\n </Box>\n )}\n\n <Box component=\"span\" mod={{ loading }} {...getStyles('label')}>\n {children}\n </Box>\n\n {rightSection && (\n <Box component=\"span\" {...getStyles('section')} mod={{ position: 'right' }}>\n {rightSection}\n </Box>\n )}\n </span>\n </UnstyledButton>\n );\n});\n\nButton.classes = classes;\nButton.varsResolver = varsResolver;\nButton.displayName = '@mantine/core/Button';\nButton.Group = ButtonGroup;\nButton.GroupSection = ButtonGroupSection;\n\nexport namespace Button {\n export type Props = ButtonProps;\n export type StylesNames = ButtonStylesNames;\n export type CssVariables = ButtonCssVariables;\n export type Factory = ButtonFactory;\n export type Variant = ButtonVariant;\n export type Size = ButtonSize;\n\n export namespace Group {\n export type Props = ButtonGroupProps;\n export type StylesNames = ButtonGroupStylesNames;\n export type CssVariables = ButtonGroupCssVariables;\n export type Factory = ButtonGroupFactory;\n }\n\n export namespace GroupSection {\n export type Props = ButtonGroupSectionProps;\n export type StylesNames = ButtonGroupSectionStylesNames;\n export type CssVariables = ButtonGroupSectionCssVariables;\n export type Factory = ButtonGroupSectionFactory;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuHA,MAAM,mBAAsC;CAC1C,IAAI;EAAE,SAAS;EAAG,WAAW,+BAA+BA,YAAAA,IAAI,CAAC,EAAE;CAAI;CACvE,KAAK;EAAE,SAAS;EAAG,WAAW;CAAyB;CACvD,QAAQ,EAAE,iBAAiB,SAAS;CACpC,oBAAoB;AACtB;AAEA,MAAM,eAAeC,6BAAAA,oBAClB,OAAO,EAAE,QAAQ,OAAO,UAAU,SAAS,MAAM,SAAS,mBAAmB;CAC5E,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,MAAM;EACJ,oBAAoB;EACpB,mBAAmBC,iBAAAA,QAAQ,MAAM,eAAe;EAChD,sBAAsBA,iBAAAA,QAAQ,MAAM,kBAAkB;EACtD,eAAe,MAAM,SAAS,SAAS,IACnCC,iBAAAA,YAAY,KAAK,QAAQ,YAAY,EAAE,CAAC,IACxCA,iBAAAA,YAAY,IAAI;EACpB,mBAAmB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;EACtE,eAAe,SAAS,UAAU,OAAO,aAAa,KAAA;EACtD,kBAAkB,SAAS,UAAU,OAAO,QAAQ,KAAA;EACpD,kBAAkB,OAAO;EACzB,eAAe,SAAS,UAAU,OAAO,SAAS,KAAA;EAClD,wBAAwB,SAAS,UAAU,OAAO,aAAa,KAAA;CACjE,EACF;AACF,CACF;AAEA,MAAa,SAASC,4BAAAA,oBAAmC,WAAW;CAClE,MAAM,QAAQC,kBAAAA,SAAS,UAAU,MAAM,MAAM;CAC7C,MAAM,EACJ,OACA,MACA,WACA,OACA,UACA,UACA,aACA,cACA,WACA,SACA,QACA,SACA,aACA,UACA,YACA,QACA,UACA,iBAAiB,cACjB,cACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAyB;EACzC,MAAM;EACN;EACA,SAAA,sBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,iBAAiB,CAAC,CAAC;CACzB,MAAM,kBAAkB,CAAC,CAAC;CAE1B,OACE,iBAAA,GAAA,kBAAA,MAACC,uBAAAA,gBAAD;EACE,GAAI,UAAU,QAAQ,EAAE,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,aAAa,CAAC;EAC9D;EACD;EACT,UAAU,YAAY;EACtB,KAAK,CACH;GACE,UAAU,YAAY;GACtB;GACA,OAAO;GACP,qBAAqB;GACrB,sBAAsB;EACxB,GACA,GACF;EACA,GAAI;YAfN,CAiBG,OAAO,YAAY,aAClB,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,YAAD;GAAY,SAAS;GAAS,YAAY;GAAkB,UAAU;cAClE,qBACA,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;IAAK,WAAU;IAAO,GAAI,UAAU,UAAU,EAAE,OAAO,iBAAiB,CAAC;IAAG,eAAA;cAC1E,iBAAA,GAAA,kBAAA,KAACC,eAAAA,QAAD;KACE,OAAM;KACN,MAAK;KACL,GAAI;IACL,CAAA;GACE,CAAA;EAEG,CAAA,GAGd,iBAAA,GAAA,kBAAA,MAAC,QAAD;GAAM,GAAI,UAAU,OAAO;aAA3B;IACG,eACC,iBAAA,GAAA,kBAAA,KAACD,YAAAA,KAAD;KAAK,WAAU;KAAO,GAAI,UAAU,SAAS;KAAG,KAAK,EAAE,UAAU,OAAO;eACrE;IACE,CAAA;IAGP,iBAAA,GAAA,kBAAA,KAACA,YAAAA,KAAD;KAAK,WAAU;KAAO,KAAK,EAAE,QAAQ;KAAG,GAAI,UAAU,OAAO;KAC1D;IACE,CAAA;IAEJ,gBACC,iBAAA,GAAA,kBAAA,KAACA,YAAAA,KAAD;KAAK,WAAU;KAAO,GAAI,UAAU,SAAS;KAAG,KAAK,EAAE,UAAU,QAAQ;eACtE;IACE,CAAA;GAEH;IACQ;;AAEpB,CAAC;AAED,OAAO,UAAUE,sBAAAA;AACjB,OAAO,eAAe;AACtB,OAAO,cAAc;AACrB,OAAO,QAAQC,oBAAAA;AACf,OAAO,eAAeC,2BAAAA"}
1	+ {"version":3,"file":"Button.cjs","names":["rem","createVarsResolver","getSize","getFontSize","getRadius","polymorphicFactory","useProps","useStyles","UnstyledButton","Transition","Box","Loader","classes","ButtonGroup","ButtonGroupSection"],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n getFontSize,\n getRadius,\n getSize,\n MantineColor,\n MantineGradient,\n MantineRadius,\n MantineSize,\n polymorphicFactory,\n PolymorphicFactory,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { Loader, LoaderProps } from '../Loader';\nimport { MantineTransition, Transition } from '../Transition';\nimport { UnstyledButton } from '../UnstyledButton';\nimport {\n ButtonGroup,\n type ButtonGroupProps,\n type ButtonGroupStylesNames,\n type ButtonGroupCssVariables,\n type ButtonGroupFactory,\n} from './ButtonGroup/ButtonGroup';\nimport {\n ButtonGroupSection,\n type ButtonGroupSectionProps,\n type ButtonGroupSectionStylesNames,\n type ButtonGroupSectionCssVariables,\n type ButtonGroupSectionFactory,\n} from './ButtonGroupSection/ButtonGroupSection';\nimport classes from './Button.module.css';\nexport type ButtonSize = MantineSize \| `compact-${MantineSize}` \| (string & {});\n\nexport type ButtonStylesNames = 'root' \| 'inner' \| 'loader' \| 'section' \| 'label';\nexport type ButtonVariant =\n \| 'filled'\n \| 'light'\n \| 'outline'\n \| 'transparent'\n \| 'white'\n \| 'subtle'\n \| 'default'\n \| 'gradient';\n\nexport type ButtonCssVariables = {\n root:\n \| '--button-justify'\n \| '--button-height'\n \| '--button-padding-x'\n \| '--button-fz'\n \| '--button-radius'\n \| '--button-bg'\n \| '--button-hover'\n \| '--button-hover-color'\n \| '--button-color'\n \| '--button-bd';\n};\n\nexport interface ButtonProps extends BoxProps, StylesApiProps<ButtonFactory> {\n 'data-disabled'?: boolean;\n\n /** Controls button `height`, `font-size` and horizontal `padding` @default 'sm' /\n size?: ButtonSize;\n\n /* Key of `theme.colors` or any valid CSS color @default theme.primaryColor /\n color?: MantineColor;\n\n /* Sets `justify-content` of `inner` element, can be used to change distribution of sections and label @default 'center' /\n justify?: React.CSSProperties['justifyContent'];\n\n /* Content on the left side of the button label /\n leftSection?: React.ReactNode;\n\n /* Content on the right side of the button label /\n rightSection?: React.ReactNode;\n\n /* Sets `width: 100%` @default false /\n fullWidth?: boolean;\n\n /* Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius /\n radius?: MantineRadius;\n\n /* Gradient configuration used for `variant=\"gradient\"` @default theme.defaultGradient /\n gradient?: MantineGradient;\n\n /* Sets `disabled` attribute, applies disabled styles /\n disabled?: boolean;\n\n /* Button content /\n children?: React.ReactNode;\n\n /* If set, the `Loader` component is displayed over the button /\n loading?: boolean;\n\n /* Props added to the `Loader` component (only visible when `loading` prop is set) /\n loaderProps?: LoaderProps;\n\n /* If set, adjusts text color based on background color for `filled` variant */\n autoContrast?: boolean;\n}\n\nexport type ButtonFactory = PolymorphicFactory<{\n props: ButtonProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: ButtonStylesNames;\n vars: ButtonCssVariables;\n variant: ButtonVariant;\n staticComponents: {\n Group: typeof ButtonGroup;\n GroupSection: typeof ButtonGroupSection;\n };\n}>;\n\nconst loaderTransition: MantineTransition = {\n in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${rem(1)}))` },\n out: { opacity: 0, transform: 'translate(-50%, -200%)' },\n common: { transformOrigin: 'center' },\n transitionProperty: 'transform, opacity',\n};\n\nconst varsResolver = createVarsResolver<ButtonFactory>(\n (theme, { radius, color, gradient, variant, size, justify, autoContrast }) => {\n const colors = theme.variantColorResolver({\n color: color \|\| theme.primaryColor,\n theme,\n gradient,\n variant: variant \|\| 'filled',\n autoContrast,\n });\n\n return {\n root: {\n '--button-justify': justify,\n '--button-height': getSize(size, 'button-height'),\n '--button-padding-x': getSize(size, 'button-padding-x'),\n '--button-fz': size?.includes('compact')\n ? getFontSize(size.replace('compact-', ''))\n : getFontSize(size),\n '--button-radius': radius === undefined ? undefined : getRadius(radius),\n '--button-bg': color \|\| variant ? colors.background : undefined,\n '--button-hover': color \|\| variant ? colors.hover : undefined,\n '--button-color': colors.color,\n '--button-bd': color \|\| variant ? colors.border : undefined,\n '--button-hover-color': color \|\| variant ? colors.hoverColor : undefined,\n },\n };\n }\n);\n\nexport const Button = polymorphicFactory<ButtonFactory>((_props) => {\n const props = useProps('Button', null, _props);\n const {\n style,\n vars,\n className,\n color,\n disabled,\n children,\n leftSection,\n rightSection,\n fullWidth,\n variant,\n radius,\n loading,\n loaderProps,\n gradient,\n classNames,\n styles,\n unstyled,\n 'data-disabled': dataDisabled,\n autoContrast,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<ButtonFactory>({\n name: 'Button',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const hasLeftSection = !!leftSection;\n const hasRightSection = !!rightSection;\n\n return (\n <UnstyledButton\n {...getStyles('root', { active: !disabled && !loading && !dataDisabled })}\n unstyled={unstyled}\n variant={variant}\n disabled={disabled \|\| loading}\n mod={[\n {\n disabled: disabled \|\| dataDisabled,\n loading,\n block: fullWidth,\n 'with-left-section': hasLeftSection,\n 'with-right-section': hasRightSection,\n },\n mod,\n ]}\n {...others}\n >\n {typeof loading === 'boolean' && (\n <Transition mounted={loading} transition={loaderTransition} duration={150}>\n {(transitionStyles) => (\n <Box component=\"span\" {...getStyles('loader', { style: transitionStyles })} aria-hidden>\n <Loader\n color=\"var(--button-color)\"\n size=\"calc(var(--button-height) / 1.8)\"\n {...loaderProps}\n />\n </Box>\n )}\n </Transition>\n )}\n\n <span {...getStyles('inner')}>\n {leftSection && (\n <Box component=\"span\" {...getStyles('section')} mod={{ position: 'left' }}>\n {leftSection}\n </Box>\n )}\n\n <Box component=\"span\" mod={{ loading }} {...getStyles('label')}>\n {children}\n </Box>\n\n {rightSection && (\n <Box component=\"span\" {...getStyles('section')} mod={{ position: 'right' }}>\n {rightSection}\n </Box>\n )}\n </span>\n </UnstyledButton>\n );\n});\n\nButton.classes = classes;\nButton.varsResolver = varsResolver;\nButton.displayName = '@mantine/core/Button';\nButton.Group = ButtonGroup;\nButton.GroupSection = ButtonGroupSection;\n\nexport namespace Button {\n export type Props = ButtonProps;\n export type StylesNames = ButtonStylesNames;\n export type CssVariables = ButtonCssVariables;\n export type Factory = ButtonFactory;\n export type Variant = ButtonVariant;\n export type Size = ButtonSize;\n\n export namespace Group {\n export type Props = ButtonGroupProps;\n export type StylesNames = ButtonGroupStylesNames;\n export type CssVariables = ButtonGroupCssVariables;\n export type Factory = ButtonGroupFactory;\n }\n\n export namespace GroupSection {\n export type Props = ButtonGroupSectionProps;\n export type StylesNames = ButtonGroupSectionStylesNames;\n export type CssVariables = ButtonGroupSectionCssVariables;\n export type Factory = ButtonGroupSectionFactory;\n }\n}\n"],"mappings":"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"}

package/cjs/components/Button/ButtonGroup/ButtonGroup.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 "use client";
-require("../../../_virtual/_rolldown/runtime.cjs");
 const require_rem = require("../../../core/utils/units-converters/rem.cjs");
 const require_create_vars_resolver = require("../../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");
 const require_use_props = require("../../../core/MantineProvider/use-props/use-props.cjs");

package/cjs/components/Button/ButtonGroup/ButtonGroup.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.cjs","names":["createVarsResolver","rem","factory","useProps","Box","useStyles","classes"],"sources":["../../../../src/components/Button/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n factory,\n Factory,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport classes from '../Button.module.css';\n\nexport type ButtonGroupStylesNames = 'group';\nexport type ButtonGroupCssVariables = {\n group: '--button-border-width';\n};\n\nexport interface ButtonGroupProps extends BoxProps, StylesApiProps<ButtonGroupFactory> {\n /** `Button` components /\n children?: React.ReactNode;\n\n /* Orientation of the group @default horizontal /\n orientation?: 'horizontal' \| 'vertical';\n\n /* `border-width` of the child `Button` components. Numbers are converted to rem. @default 1 */\n borderWidth?: number \| string;\n}\n\nexport type ButtonGroupFactory = Factory<{\n props: ButtonGroupProps;\n ref: HTMLDivElement;\n stylesNames: ButtonGroupStylesNames;\n vars: ButtonGroupCssVariables;\n}>;\n\nconst defaultProps = {\n orientation: 'horizontal',\n} satisfies Partial<ButtonGroupProps>;\n\nconst varsResolver = createVarsResolver<ButtonGroupFactory>((_, { borderWidth }) => ({\n group: { '--button-border-width': rem(borderWidth) },\n}));\n\nexport const ButtonGroup = factory<ButtonGroupFactory>((_props) => {\n const props = useProps('ButtonGroup', defaultProps, _props);\n const {\n className,\n style,\n classNames,\n styles,\n unstyled,\n orientation,\n vars,\n borderWidth,\n mod,\n attributes,\n ...others\n } = useProps('ButtonGroup', defaultProps, _props);\n\n const getStyles = useStyles<ButtonGroupFactory>({\n name: 'ButtonGroup',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n rootSelector: 'group',\n });\n\n return (\n <Box\n {...getStyles('group')}\n mod={[{ 'data-orientation': orientation }, mod]}\n role=\"group\"\n {...others}\n />\n );\n});\n\nButtonGroup.classes = classes;\nButtonGroup.varsResolver = varsResolver;\nButtonGroup.displayName = '@mantine/core/ButtonGroup';\n"],"mappings":"~~;;;;;;;;;;;~~AAoCA,MAAM,eAAe,EACnB,aAAa,aACf;AAEA,MAAM,eAAeA,6BAAAA,oBAAwC,GAAG,EAAE,mBAAmB,EACnF,OAAO,EAAE,yBAAyBC,YAAAA,IAAI,WAAW,EAAE,EACrD,EAAE;AAEF,MAAa,cAAcC,gBAAAA,SAA6B,WAAW;CACjE,MAAM,QAAQC,kBAAAA,SAAS,eAAe,cAAc,MAAM;CAC1D,MAAM,EACJ,WACA,OACA,YACA,QACA,UACA,aACA,MACA,aACA,KACA,YACA,GAAG,WACDA,kBAAAA,SAAS,eAAe,cAAc,MAAM;CAiBhD,OACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,GAjBcC,mBAAAA,UAA8B;GAC9C,MAAM;GACN;GACA,SAAA,sBAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAIgB,EAAE,OAAO;EACrB,KAAK,CAAC,EAAE,oBAAoB,YAAY,GAAG,GAAG;EAC9C,MAAK;EACL,GAAI;CACL,CAAA;AAEL,CAAC;AAED,YAAY,UAAUC,sBAAAA;AACtB,YAAY,eAAe;AAC3B,YAAY,cAAc"}
1	+ {"version":3,"file":"ButtonGroup.cjs","names":["createVarsResolver","rem","factory","useProps","Box","useStyles","classes"],"sources":["../../../../src/components/Button/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n factory,\n Factory,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport classes from '../Button.module.css';\n\nexport type ButtonGroupStylesNames = 'group';\nexport type ButtonGroupCssVariables = {\n group: '--button-border-width';\n};\n\nexport interface ButtonGroupProps extends BoxProps, StylesApiProps<ButtonGroupFactory> {\n /** `Button` components /\n children?: React.ReactNode;\n\n /* Orientation of the group @default horizontal /\n orientation?: 'horizontal' \| 'vertical';\n\n /* `border-width` of the child `Button` components. Numbers are converted to rem. @default 1 */\n borderWidth?: number \| string;\n}\n\nexport type ButtonGroupFactory = Factory<{\n props: ButtonGroupProps;\n ref: HTMLDivElement;\n stylesNames: ButtonGroupStylesNames;\n vars: ButtonGroupCssVariables;\n}>;\n\nconst defaultProps = {\n orientation: 'horizontal',\n} satisfies Partial<ButtonGroupProps>;\n\nconst varsResolver = createVarsResolver<ButtonGroupFactory>((_, { borderWidth }) => ({\n group: { '--button-border-width': rem(borderWidth) },\n}));\n\nexport const ButtonGroup = factory<ButtonGroupFactory>((_props) => {\n const props = useProps('ButtonGroup', defaultProps, _props);\n const {\n className,\n style,\n classNames,\n styles,\n unstyled,\n orientation,\n vars,\n borderWidth,\n mod,\n attributes,\n ...others\n } = useProps('ButtonGroup', defaultProps, _props);\n\n const getStyles = useStyles<ButtonGroupFactory>({\n name: 'ButtonGroup',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n rootSelector: 'group',\n });\n\n return (\n <Box\n {...getStyles('group')}\n mod={[{ 'data-orientation': orientation }, mod]}\n role=\"group\"\n {...others}\n />\n );\n});\n\nButtonGroup.classes = classes;\nButtonGroup.varsResolver = varsResolver;\nButtonGroup.displayName = '@mantine/core/ButtonGroup';\n"],"mappings":";;;;;;;;;;AAoCA,MAAM,eAAe,EACnB,aAAa,aACf;AAEA,MAAM,eAAeA,6BAAAA,oBAAwC,GAAG,EAAE,mBAAmB,EACnF,OAAO,EAAE,yBAAyBC,YAAAA,IAAI,WAAW,EAAE,EACrD,EAAE;AAEF,MAAa,cAAcC,gBAAAA,SAA6B,WAAW;CACjE,MAAM,QAAQC,kBAAAA,SAAS,eAAe,cAAc,MAAM;CAC1D,MAAM,EACJ,WACA,OACA,YACA,QACA,UACA,aACA,MACA,aACA,KACA,YACA,GAAG,WACDA,kBAAAA,SAAS,eAAe,cAAc,MAAM;CAiBhD,OACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,GAjBcC,mBAAAA,UAA8B;GAC9C,MAAM;GACN;GACA,SAAA,sBAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAIgB,EAAE,OAAO;EACrB,KAAK,CAAC,EAAE,oBAAoB,YAAY,GAAG,GAAG;EAC9C,MAAK;EACL,GAAI;CACL,CAAA;AAEL,CAAC;AAED,YAAY,UAAUC,sBAAAA;AACtB,YAAY,eAAe;AAC3B,YAAY,cAAc"}

package/cjs/components/Button/ButtonGroupSection/ButtonGroupSection.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 "use client";
-require("../../../_virtual/_rolldown/runtime.cjs");
 const require_get_size = require("../../../core/utils/get-size/get-size.cjs");
 const require_create_vars_resolver = require("../../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");
 const require_use_props = require("../../../core/MantineProvider/use-props/use-props.cjs");

package/cjs/components/Button/ButtonGroupSection/ButtonGroupSection.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroupSection.cjs","names":["createVarsResolver","getSize","getFontSize","getRadius","factory","useProps","Box","useStyles","classes"],"sources":["../../../../src/components/Button/ButtonGroupSection/ButtonGroupSection.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getFontSize,\n getRadius,\n getSize,\n MantineGradient,\n MantineRadius,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport type { ButtonSize, ButtonVariant } from '../Button';\nimport classes from '../Button.module.css';\n\nexport type ButtonGroupSectionStylesNames = 'groupSection';\nexport type ButtonGroupSectionCssVariables = {\n groupSection:\n \| '--section-radius'\n \| '--section-bg'\n \| '--section-color'\n \| '--section-bd'\n \| '--section-height'\n \| '--section-padding-x'\n \| '--section-fz';\n};\n\nexport interface ButtonGroupSectionProps\n extends BoxProps, StylesApiProps<ButtonGroupSectionFactory>, ElementProps<'div'> {\n /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius /\n radius?: MantineRadius;\n\n /* Gradient configuration used when `variant=\"gradient\"` @default theme.defaultGradient /\n gradient?: MantineGradient;\n\n /* If set, adjusts text color based on background color for `filled` variant /\n autoContrast?: boolean;\n\n /* Controls section `height`, `font-size` and horizontal `padding` @default 'sm' */\n size?: ButtonSize;\n}\n\nexport type ButtonGroupSectionFactory = Factory<{\n props: ButtonGroupSectionProps;\n ref: HTMLDivElement;\n stylesNames: ButtonGroupSectionStylesNames;\n vars: ButtonGroupSectionCssVariables;\n variant: ButtonVariant;\n}>;\n\nconst varsResolver = createVarsResolver<ButtonGroupSectionFactory>(\n (theme, { radius, color, gradient, variant, autoContrast, size }) => {\n const colors = theme.variantColorResolver({\n color: color \|\| theme.primaryColor,\n theme,\n gradient,\n variant: variant \|\| 'filled',\n autoContrast,\n });\n\n return {\n groupSection: {\n '--section-height': getSize(size, 'section-height'),\n '--section-padding-x': getSize(size, 'section-padding-x'),\n '--section-fz': size?.includes('compact')\n ? getFontSize(size.replace('compact-', ''))\n : getFontSize(size),\n '--section-radius': radius === undefined ? undefined : getRadius(radius),\n '--section-bg': color \|\| variant ? colors.background : undefined,\n '--section-color': colors.color,\n '--section-bd': color \|\| variant ? colors.border : undefined,\n },\n };\n }\n);\n\nexport const ButtonGroupSection = factory<ButtonGroupSectionFactory>((_props) => {\n const props = useProps('ButtonGroupSection', null, _props);\n const {\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n gradient,\n radius,\n autoContrast,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<ButtonGroupSectionFactory>({\n name: 'ButtonGroupSection',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n rootSelector: 'groupSection',\n });\n\n return <Box {...getStyles('groupSection')} {...others} />;\n});\n\nButtonGroupSection.classes = classes;\nButtonGroupSection.varsResolver = varsResolver;\nButtonGroupSection.displayName = '@mantine/core/ButtonGroupSection';\n"],"mappings":"~~;;;;;;;;;;;~~AAsDA,MAAM,eAAeA,6BAAAA,oBAClB,OAAO,EAAE,QAAQ,OAAO,UAAU,SAAS,cAAc,WAAW;CACnE,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,cAAc;EACZ,oBAAoBC,iBAAAA,QAAQ,MAAM,gBAAgB;EAClD,uBAAuBA,iBAAAA,QAAQ,MAAM,mBAAmB;EACxD,gBAAgB,MAAM,SAAS,SAAS,IACpCC,iBAAAA,YAAY,KAAK,QAAQ,YAAY,EAAE,CAAC,IACxCA,iBAAAA,YAAY,IAAI;EACpB,oBAAoB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;EACvE,gBAAgB,SAAS,UAAU,OAAO,aAAa,KAAA;EACvD,mBAAmB,OAAO;EAC1B,gBAAgB,SAAS,UAAU,OAAO,SAAS,KAAA;CACrD,EACF;AACF,CACF;AAEA,MAAa,qBAAqBC,gBAAAA,SAAoC,WAAW;CAC/E,MAAM,QAAQC,kBAAAA,SAAS,sBAAsB,MAAM,MAAM;CACzD,MAAM,EACJ,WACA,OACA,YACA,QACA,UACA,MACA,UACA,QACA,cACA,YACA,GAAG,WACD;CAiBJ,OAAO,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EAAK,GAfMC,mBAAAA,UAAqC;GACrD,MAAM;GACN;GACA,SAAA,sBAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAEwB,EAAE,cAAc;EAAG,GAAI;CAAS,CAAA;AAC1D,CAAC;AAED,mBAAmB,UAAUC,sBAAAA;AAC7B,mBAAmB,eAAe;AAClC,mBAAmB,cAAc"}
1	+ {"version":3,"file":"ButtonGroupSection.cjs","names":["createVarsResolver","getSize","getFontSize","getRadius","factory","useProps","Box","useStyles","classes"],"sources":["../../../../src/components/Button/ButtonGroupSection/ButtonGroupSection.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getFontSize,\n getRadius,\n getSize,\n MantineGradient,\n MantineRadius,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport type { ButtonSize, ButtonVariant } from '../Button';\nimport classes from '../Button.module.css';\n\nexport type ButtonGroupSectionStylesNames = 'groupSection';\nexport type ButtonGroupSectionCssVariables = {\n groupSection:\n \| '--section-radius'\n \| '--section-bg'\n \| '--section-color'\n \| '--section-bd'\n \| '--section-height'\n \| '--section-padding-x'\n \| '--section-fz';\n};\n\nexport interface ButtonGroupSectionProps\n extends BoxProps, StylesApiProps<ButtonGroupSectionFactory>, ElementProps<'div'> {\n /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius /\n radius?: MantineRadius;\n\n /* Gradient configuration used when `variant=\"gradient\"` @default theme.defaultGradient /\n gradient?: MantineGradient;\n\n /* If set, adjusts text color based on background color for `filled` variant /\n autoContrast?: boolean;\n\n /* Controls section `height`, `font-size` and horizontal `padding` @default 'sm' */\n size?: ButtonSize;\n}\n\nexport type ButtonGroupSectionFactory = Factory<{\n props: ButtonGroupSectionProps;\n ref: HTMLDivElement;\n stylesNames: ButtonGroupSectionStylesNames;\n vars: ButtonGroupSectionCssVariables;\n variant: ButtonVariant;\n}>;\n\nconst varsResolver = createVarsResolver<ButtonGroupSectionFactory>(\n (theme, { radius, color, gradient, variant, autoContrast, size }) => {\n const colors = theme.variantColorResolver({\n color: color \|\| theme.primaryColor,\n theme,\n gradient,\n variant: variant \|\| 'filled',\n autoContrast,\n });\n\n return {\n groupSection: {\n '--section-height': getSize(size, 'section-height'),\n '--section-padding-x': getSize(size, 'section-padding-x'),\n '--section-fz': size?.includes('compact')\n ? getFontSize(size.replace('compact-', ''))\n : getFontSize(size),\n '--section-radius': radius === undefined ? undefined : getRadius(radius),\n '--section-bg': color \|\| variant ? colors.background : undefined,\n '--section-color': colors.color,\n '--section-bd': color \|\| variant ? colors.border : undefined,\n },\n };\n }\n);\n\nexport const ButtonGroupSection = factory<ButtonGroupSectionFactory>((_props) => {\n const props = useProps('ButtonGroupSection', null, _props);\n const {\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n gradient,\n radius,\n autoContrast,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<ButtonGroupSectionFactory>({\n name: 'ButtonGroupSection',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n rootSelector: 'groupSection',\n });\n\n return <Box {...getStyles('groupSection')} {...others} />;\n});\n\nButtonGroupSection.classes = classes;\nButtonGroupSection.varsResolver = varsResolver;\nButtonGroupSection.displayName = '@mantine/core/ButtonGroupSection';\n"],"mappings":";;;;;;;;;;AAsDA,MAAM,eAAeA,6BAAAA,oBAClB,OAAO,EAAE,QAAQ,OAAO,UAAU,SAAS,cAAc,WAAW;CACnE,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,cAAc;EACZ,oBAAoBC,iBAAAA,QAAQ,MAAM,gBAAgB;EAClD,uBAAuBA,iBAAAA,QAAQ,MAAM,mBAAmB;EACxD,gBAAgB,MAAM,SAAS,SAAS,IACpCC,iBAAAA,YAAY,KAAK,QAAQ,YAAY,EAAE,CAAC,IACxCA,iBAAAA,YAAY,IAAI;EACpB,oBAAoB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;EACvE,gBAAgB,SAAS,UAAU,OAAO,aAAa,KAAA;EACvD,mBAAmB,OAAO;EAC1B,gBAAgB,SAAS,UAAU,OAAO,SAAS,KAAA;CACrD,EACF;AACF,CACF;AAEA,MAAa,qBAAqBC,gBAAAA,SAAoC,WAAW;CAC/E,MAAM,QAAQC,kBAAAA,SAAS,sBAAsB,MAAM,MAAM;CACzD,MAAM,EACJ,WACA,OACA,YACA,QACA,UACA,MACA,UACA,QACA,cACA,YACA,GAAG,WACD;CAiBJ,OAAO,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EAAK,GAfMC,mBAAAA,UAAqC;GACrD,MAAM;GACN;GACA,SAAA,sBAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAEwB,EAAE,cAAc;EAAG,GAAI;CAAS,CAAA;AAC1D,CAAC;AAED,mBAAmB,UAAUC,sBAAAA;AAC7B,mBAAmB,eAAe;AAClC,mBAAmB,cAAc"}

package/cjs/components/Card/Card.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_get_size = require("../../core/utils/get-size/get-size.cjs");
 const require_create_vars_resolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");
 const require_use_props = require("../../core/MantineProvider/use-props/use-props.cjs");

package/cjs/components/Card/Card.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.cjs","names":["createVarsResolver","getSpacing","polymorphicFactory","useProps","useStyles","Children","CardSection","CardProvider","Paper","classes"],"sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import { Children, cloneElement } from 'react';\nimport {\n BoxProps,\n createVarsResolver,\n getSpacing,\n MantineRadius,\n MantineShadow,\n MantineSpacing,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { Paper } from '../Paper';\nimport { CardProvider } from './Card.context';\nimport { CardSection, type CardSectionProps } from './CardSection/CardSection';\nimport classes from './Card.module.css';\nexport type CardStylesNames = 'root' \| 'section';\nexport type CardCssVariables = {\n root: '--card-padding';\n};\n\nexport interface CardProps extends BoxProps, StylesApiProps<CardFactory> {\n /** Key of `theme.shadows` or any valid CSS value to set `box-shadow` /\n shadow?: MantineShadow;\n\n /* Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem @default theme.defaultRadius /\n radius?: MantineRadius;\n\n /* Adds border to the card /\n withBorder?: boolean;\n\n /* Key of `theme.spacing` or any valid CSS value to set padding @default 'md' /\n padding?: MantineSpacing;\n\n /* Card content /\n children?: React.ReactNode;\n\n /* Card orientation @default 'vertical' */\n orientation?: 'horizontal' \| 'vertical';\n}\n\nexport type CardFactory = PolymorphicFactory<{\n props: CardProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: CardStylesNames;\n vars: CardCssVariables;\n staticComponents: {\n Section: typeof CardSection;\n };\n}>;\n\nconst varsResolver = createVarsResolver<CardFactory>((_, { padding }) => ({\n root: {\n '--card-padding': getSpacing(padding),\n },\n}));\n\nconst defaultProps = {\n orientation: 'vertical',\n} satisfies Partial<CardProps>;\n\nexport const Card = polymorphicFactory<CardFactory>((_props) => {\n const props = useProps('Card', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n padding,\n attributes,\n orientation,\n ...others\n } = props;\n\n const getStyles = useStyles<CardFactory>({\n name: 'Card',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const _children = Children.toArray(children);\n const content = _children.map((child, index) => {\n if (\n typeof child === 'object' &&\n child &&\n 'type' in child &&\n (child.type === CardSection \|\|\n (child.type as any)?.displayName === '@mantine/core/CardSection')\n ) {\n return cloneElement(child, {\n 'data-orientation': orientation,\n 'data-first-section': index === 0 \|\| undefined,\n 'data-last-section': index === _children.length - 1 \|\| undefined,\n } as any);\n }\n\n return child;\n });\n\n return (\n <CardProvider value={{ getStyles }}>\n <Paper unstyled={unstyled} data-orientation={orientation} {...getStyles('root')} {...others}>\n {content}\n </Paper>\n </CardProvider>\n );\n});\n\nCard.classes = classes;\nCard.varsResolver = varsResolver;\nCard.displayName = '@mantine/core/Card';\nCard.Section = CardSection;\n\nexport namespace Card {\n export type Props = CardProps;\n export type StylesNames = CardStylesNames;\n export type CssVariables = CardCssVariables;\n export type Factory = CardFactory;\n export type SectionProps = CardSectionProps;\n\n export namespace Section {\n export type Props = CardSectionProps;\n }\n}\n"],"mappings":"~~;;;;;;;;;;;;;;~~AAsDA,MAAM,eAAeA,6BAAAA,oBAAiC,GAAG,EAAE,eAAe,EACxE,MAAM,EACJ,kBAAkBC,iBAAAA,WAAW,OAAO,EACtC,EACF,EAAE;AAEF,MAAM,eAAe,EACnB,aAAa,WACf;AAEA,MAAa,OAAOC,4BAAAA,oBAAiC,WAAW;CAC9D,MAAM,QAAQC,kBAAAA,SAAS,QAAQ,cAAc,MAAM;CACnD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,SACA,YACA,aACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAuB;EACvC,MAAM;EACN;EACA,SAAA,oBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,YAAYC,MAAAA,SAAS,QAAQ,QAAQ;CAC3C,MAAM,UAAU,UAAU,KAAK,OAAO,UAAU;EAC9C,IACE,OAAO,UAAU,YACjB,SACA,UAAU,UACT,MAAM,SAASC,oBAAAA,eACb,MAAM,MAAc,gBAAgB,8BAEvC,QAAA,GAAA,MAAA,cAAoB,OAAO;GACzB,oBAAoB;GACpB,sBAAsB,UAAU,KAAK,KAAA;GACrC,qBAAqB,UAAU,UAAU,SAAS,KAAK,KAAA;EACzD,CAAQ;EAGV,OAAO;CACT,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,cAAD;EAAc,OAAO,EAAE,UAAU;YAC/B,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;GAAiB;GAAU,oBAAkB;GAAa,GAAI,UAAU,MAAM;GAAG,GAAI;aAClF;EACI,CAAA;CACK,CAAA;AAElB,CAAC;AAED,KAAK,UAAUC,oBAAAA;AACf,KAAK,eAAe;AACpB,KAAK,cAAc;AACnB,KAAK,UAAUH,oBAAAA"}
1	+ {"version":3,"file":"Card.cjs","names":["createVarsResolver","getSpacing","polymorphicFactory","useProps","useStyles","Children","CardSection","CardProvider","Paper","classes"],"sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import { Children, cloneElement } from 'react';\nimport {\n BoxProps,\n createVarsResolver,\n getSpacing,\n MantineRadius,\n MantineShadow,\n MantineSpacing,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { Paper } from '../Paper';\nimport { CardProvider } from './Card.context';\nimport { CardSection, type CardSectionProps } from './CardSection/CardSection';\nimport classes from './Card.module.css';\nexport type CardStylesNames = 'root' \| 'section';\nexport type CardCssVariables = {\n root: '--card-padding';\n};\n\nexport interface CardProps extends BoxProps, StylesApiProps<CardFactory> {\n /** Key of `theme.shadows` or any valid CSS value to set `box-shadow` /\n shadow?: MantineShadow;\n\n /* Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem @default theme.defaultRadius /\n radius?: MantineRadius;\n\n /* Adds border to the card /\n withBorder?: boolean;\n\n /* Key of `theme.spacing` or any valid CSS value to set padding @default 'md' /\n padding?: MantineSpacing;\n\n /* Card content /\n children?: React.ReactNode;\n\n /* Card orientation @default 'vertical' */\n orientation?: 'horizontal' \| 'vertical';\n}\n\nexport type CardFactory = PolymorphicFactory<{\n props: CardProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: CardStylesNames;\n vars: CardCssVariables;\n staticComponents: {\n Section: typeof CardSection;\n };\n}>;\n\nconst varsResolver = createVarsResolver<CardFactory>((_, { padding }) => ({\n root: {\n '--card-padding': getSpacing(padding),\n },\n}));\n\nconst defaultProps = {\n orientation: 'vertical',\n} satisfies Partial<CardProps>;\n\nexport const Card = polymorphicFactory<CardFactory>((_props) => {\n const props = useProps('Card', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n padding,\n attributes,\n orientation,\n ...others\n } = props;\n\n const getStyles = useStyles<CardFactory>({\n name: 'Card',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const _children = Children.toArray(children);\n const content = _children.map((child, index) => {\n if (\n typeof child === 'object' &&\n child &&\n 'type' in child &&\n (child.type === CardSection \|\|\n (child.type as any)?.displayName === '@mantine/core/CardSection')\n ) {\n return cloneElement(child, {\n 'data-orientation': orientation,\n 'data-first-section': index === 0 \|\| undefined,\n 'data-last-section': index === _children.length - 1 \|\| undefined,\n } as any);\n }\n\n return child;\n });\n\n return (\n <CardProvider value={{ getStyles }}>\n <Paper unstyled={unstyled} data-orientation={orientation} {...getStyles('root')} {...others}>\n {content}\n </Paper>\n </CardProvider>\n );\n});\n\nCard.classes = classes;\nCard.varsResolver = varsResolver;\nCard.displayName = '@mantine/core/Card';\nCard.Section = CardSection;\n\nexport namespace Card {\n export type Props = CardProps;\n export type StylesNames = CardStylesNames;\n export type CssVariables = CardCssVariables;\n export type Factory = CardFactory;\n export type SectionProps = CardSectionProps;\n\n export namespace Section {\n export type Props = CardSectionProps;\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAsDA,MAAM,eAAeA,6BAAAA,oBAAiC,GAAG,EAAE,eAAe,EACxE,MAAM,EACJ,kBAAkBC,iBAAAA,WAAW,OAAO,EACtC,EACF,EAAE;AAEF,MAAM,eAAe,EACnB,aAAa,WACf;AAEA,MAAa,OAAOC,4BAAAA,oBAAiC,WAAW;CAC9D,MAAM,QAAQC,kBAAAA,SAAS,QAAQ,cAAc,MAAM;CACnD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,SACA,YACA,aACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAuB;EACvC,MAAM;EACN;EACA,SAAA,oBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,YAAYC,MAAAA,SAAS,QAAQ,QAAQ;CAC3C,MAAM,UAAU,UAAU,KAAK,OAAO,UAAU;EAC9C,IACE,OAAO,UAAU,YACjB,SACA,UAAU,UACT,MAAM,SAASC,oBAAAA,eACb,MAAM,MAAc,gBAAgB,8BAEvC,QAAA,GAAA,MAAA,cAAoB,OAAO;GACzB,oBAAoB;GACpB,sBAAsB,UAAU,KAAK,KAAA;GACrC,qBAAqB,UAAU,UAAU,SAAS,KAAK,KAAA;EACzD,CAAQ;EAGV,OAAO;CACT,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,cAAD;EAAc,OAAO,EAAE,UAAU;YAC/B,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;GAAiB;GAAU,oBAAkB;GAAa,GAAI,UAAU,MAAM;GAAG,GAAI;aAClF;EACI,CAAA;CACK,CAAA;AAElB,CAAC;AAED,KAAK,UAAUC,oBAAAA;AACf,KAAK,eAAe;AACpB,KAAK,cAAc;AACnB,KAAK,UAAUH,oBAAAA"}

package/cjs/components/Card/CardSection/CardSection.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 "use client";
-require("../../../_virtual/_rolldown/runtime.cjs");
 const require_use_props = require("../../../core/MantineProvider/use-props/use-props.cjs");
 const require_polymorphic_factory = require("../../../core/factory/polymorphic-factory.cjs");
 const require_Box = require("../../../core/Box/Box.cjs");

package/cjs/components/Card/CardSection/CardSection.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardSection.cjs","names":["polymorphicFactory","useProps","useCardContext","Box","classes"],"sources":["../../../../src/components/Card/CardSection/CardSection.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n polymorphicFactory,\n PolymorphicFactory,\n useProps,\n} from '../../../core';\nimport { useCardContext } from '../Card.context';\nimport classes from '../Card.module.css';\n\nexport type CardSectionStylesNames = 'section';\n\nexport interface CardSectionProps extends BoxProps, CompoundStylesApiProps<CardSectionFactory> {\n /** Adds border to the root element /\n withBorder?: boolean;\n\n /* If set, the section inherits padding from the parent `Card` */\n inheritPadding?: boolean;\n}\n\nexport type CardSectionFactory = PolymorphicFactory<{\n props: CardSectionProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: CardSectionStylesNames;\n compound: true;\n}>;\n\nexport const CardSection = polymorphicFactory<CardSectionFactory>((_props) => {\n const props = useProps('CardSection', null, _props);\n const { classNames, className, style, styles, vars, withBorder, inheritPadding, mod, ...others } =\n props;\n const ctx = useCardContext();\n\n return (\n <Box\n mod={[{ 'with-border': withBorder, 'inherit-padding': inheritPadding }, mod]}\n {...ctx.getStyles('section', { className, style, styles, classNames })}\n {...others}\n />\n );\n});\n\nCardSection.classes = classes;\nCardSection.displayName = '@mantine/core/CardSection';\n"],"mappings":"~~;;;;;;;;;~~AA6BA,MAAa,cAAcA,4BAAAA,oBAAwC,WAAW;CAE5E,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,YAAY,gBAAgB,KAAK,GAAG,WAD1EC,kBAAAA,SAAS,eAAe,MAAM,MAEtC;CACN,MAAM,MAAMC,qBAAAA,eAAe;CAE3B,OACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,KAAK,CAAC;GAAE,eAAe;GAAY,mBAAmB;EAAe,GAAG,GAAG;EAC3E,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAO;GAAQ;EAAW,CAAC;EACrE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,YAAY,UAAUC,oBAAAA;AACtB,YAAY,cAAc"}
1	+ {"version":3,"file":"CardSection.cjs","names":["polymorphicFactory","useProps","useCardContext","Box","classes"],"sources":["../../../../src/components/Card/CardSection/CardSection.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n polymorphicFactory,\n PolymorphicFactory,\n useProps,\n} from '../../../core';\nimport { useCardContext } from '../Card.context';\nimport classes from '../Card.module.css';\n\nexport type CardSectionStylesNames = 'section';\n\nexport interface CardSectionProps extends BoxProps, CompoundStylesApiProps<CardSectionFactory> {\n /** Adds border to the root element /\n withBorder?: boolean;\n\n /* If set, the section inherits padding from the parent `Card` */\n inheritPadding?: boolean;\n}\n\nexport type CardSectionFactory = PolymorphicFactory<{\n props: CardSectionProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: CardSectionStylesNames;\n compound: true;\n}>;\n\nexport const CardSection = polymorphicFactory<CardSectionFactory>((_props) => {\n const props = useProps('CardSection', null, _props);\n const { classNames, className, style, styles, vars, withBorder, inheritPadding, mod, ...others } =\n props;\n const ctx = useCardContext();\n\n return (\n <Box\n mod={[{ 'with-border': withBorder, 'inherit-padding': inheritPadding }, mod]}\n {...ctx.getStyles('section', { className, style, styles, classNames })}\n {...others}\n />\n );\n});\n\nCardSection.classes = classes;\nCardSection.displayName = '@mantine/core/CardSection';\n"],"mappings":";;;;;;;;AA6BA,MAAa,cAAcA,4BAAAA,oBAAwC,WAAW;CAE5E,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,YAAY,gBAAgB,KAAK,GAAG,WAD1EC,kBAAAA,SAAS,eAAe,MAAM,MAEtC;CACN,MAAM,MAAMC,qBAAAA,eAAe;CAE3B,OACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,KAAK,CAAC;GAAE,eAAe;GAAY,mBAAmB;EAAe,GAAG,GAAG;EAC3E,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAO;GAAQ;EAAW,CAAC;EACrE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,YAAY,UAAUC,oBAAAA;AACtB,YAAY,cAAc"}

package/cjs/components/Center/Center.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_use_props = require("../../core/MantineProvider/use-props/use-props.cjs");
 const require_use_styles = require("../../core/styles-api/use-styles/use-styles.cjs");
 const require_polymorphic_factory = require("../../core/factory/polymorphic-factory.cjs");