npm - @mantine/core - Versions diffs - 3.6.13 → 3.7.0-alpha.1 - Mend

@mantine/core 3.6.13 → 3.7.0-alpha.1

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 (971) hide show

package/cjs/utils/group-options/group-options.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"group-options.js","sources":["../../../src/utils/group-options/group-options.ts"],"sourcesContent":["interface GroupData {\n data: { group?: string }[];\n}\n\nexport function groupOptions({ data }: GroupData) {\n const sortedData = [];\n const unGroupedData = [];\n const groupedData = data.reduce((acc, item, index) => {\n if (item.group) {\n if (acc[item.group]) acc[item.group].push(index);\n else acc[item.group] = [index];\n } else {\n unGroupedData.push(index);\n }\n return acc;\n }, {});\n\n Object.keys(groupedData).forEach((groupName) => {\n sortedData.push(...groupedData[groupName].map((index) => data[index]));\n });\n\n sortedData.push(...unGroupedData.map((itemIndex) => data[itemIndex]));\n\n return sortedData;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;AACvC,EAAE,MAAM,UAAU,GAAG,EAAE,CAAC;AACxB,EAAE,MAAM,aAAa,GAAG,EAAE,CAAC;AAC3B,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,KAAK;AACxD,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;AACpB,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;AACzB,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACpC;AACA,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAClC,KAAK,MAAM;AACX,MAAM,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAChC,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK;AAClD,IAAI,UAAU,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC3E,GAAG,CAAC,CAAC;AACL,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AACxE,EAAE,OAAO,UAAU,CAAC;AACpB~~;;;;~~"}
1	+ {"version":3,"file":"group-options.js","sources":["../../../src/utils/group-options/group-options.ts"],"sourcesContent":["interface GroupData {\n data: { group?: string }[];\n}\n\nexport function groupOptions({ data }: GroupData) {\n const sortedData = [];\n const unGroupedData = [];\n const groupedData = data.reduce((acc, item, index) => {\n if (item.group) {\n if (acc[item.group]) acc[item.group].push(index);\n else acc[item.group] = [index];\n } else {\n unGroupedData.push(index);\n }\n return acc;\n }, {});\n\n Object.keys(groupedData).forEach((groupName) => {\n sortedData.push(...groupedData[groupName].map((index) => data[index]));\n });\n\n sortedData.push(...unGroupedData.map((itemIndex) => data[itemIndex]));\n\n return sortedData;\n}\n\nexport function getGroupedOptions<T extends any[]>(data: T) {\n type Item = { type: 'item'; item: T[number]; index: number };\n type Label = { type: 'label'; label: string };\n\n const sorted = groupOptions({ data });\n const unGrouped: Item[] = [];\n const grouped: (Item \| Label)[] = [];\n let groupName = null;\n\n sorted.forEach((item, index) => {\n if (!item.group) {\n unGrouped.push({ type: 'item', item, index });\n } else {\n if (groupName !== item.group) {\n groupName = item.group;\n grouped.push({ type: 'label', label: groupName });\n }\n grouped.push({ type: 'item', item, index });\n }\n });\n\n return {\n grouped,\n unGrouped,\n items: [...grouped, ...unGrouped],\n hasItems: grouped.length > 0 \|\| unGrouped.length > 0,\n };\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;AACvC,EAAE,MAAM,UAAU,GAAG,EAAE,CAAC;AACxB,EAAE,MAAM,aAAa,GAAG,EAAE,CAAC;AAC3B,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,KAAK;AACxD,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;AACpB,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;AACzB,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACpC;AACA,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAClC,KAAK,MAAM;AACX,MAAM,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAChC,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK;AAClD,IAAI,UAAU,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC3E,GAAG,CAAC,CAAC;AACL,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AACxE,EAAE,OAAO,UAAU,CAAC;AACpB,CAAC;AACM,SAAS,iBAAiB,CAAC,IAAI,EAAE;AACxC,EAAE,MAAM,MAAM,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;AACxC,EAAE,MAAM,SAAS,GAAG,EAAE,CAAC;AACvB,EAAE,MAAM,OAAO,GAAG,EAAE,CAAC;AACrB,EAAE,IAAI,SAAS,GAAG,IAAI,CAAC;AACvB,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK;AAClC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACrB,MAAM,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;AACpD,KAAK,MAAM;AACX,MAAM,IAAI,SAAS,KAAK,IAAI,CAAC,KAAK,EAAE;AACpC,QAAQ,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;AAC/B,QAAQ,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC1D,OAAO;AACP,MAAM,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;AAClD,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,OAAO;AACT,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,KAAK,EAAE,CAAC,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC;AACrC,IAAI,QAAQ,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC;AACxD,GAAG,CAAC;AACJ;;;;;"}

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

@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react';
+import { useMantineDefaultProps } from '@mantine/styles';
 import { useUuid, mergeRefs } from '@mantine/hooks';
 import { AccordionItem } from './AccordionItem/AccordionItem.js';
 import { useAccordionState } from './use-accordion-state/use-accordion-state.js';
@@ -37,25 +38,35 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Accordion = forwardRef((_a, ref) => {
-  var _b = _a, {
+const defaultProps = {
+  initialItem: -1,
+  multiple: false,
+  disableIconRotation: false,
+  transitionDuration: 200,
+  iconPosition: "left",
+  offsetIcon: true,
+  iconSize: 24,
+  order: 3
+};
+const Accordion = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("Accordion", defaultProps, props), {
     children,
-    initialItem = -1,
+    initialItem,
     initialState,
     state,
     onChange,
-    multiple = false,
-    disableIconRotation = false,
-    transitionDuration = 200,
-    iconPosition = "left",
-    offsetIcon = true,
-    iconSize = 24,
-    order = 3,
+    multiple,
+    disableIconRotation,
+    transitionDuration,
+    iconPosition,
+    offsetIcon,
+    iconSize,
+    order,
     icon,
     classNames,
     styles,
     id
-  } = _b, others = __objRest(_b, [
+  } = _a, others = __objRest(_a, [
     "children",
     "initialItem",
     "initialState",
@@ -85,7 +96,7 @@ const Accordion = forwardRef((_a, ref) => {
     onChange
   });
   const controls = items.map((item, index) => {
-    var _a2, _b2, _c;
+    var _a2, _b, _c;
     return /* @__PURE__ */ React.createElement(AccordionItem, __spreadProps(__spreadValues({}, item.props), {
       icon: item.props.icon || icon,
       iconPosition: item.props.iconPosition || iconPosition,
@@ -95,7 +106,7 @@ const Accordion = forwardRef((_a, ref) => {
       opened: value[index],
       onToggle: () => handlers.toggle(index),
       classNames: ((_a2 = item.props) == null ? void 0 : _a2.classNames) || classNames,
-      styles: ((_b2 = item.props) == null ? void 0 : _b2.styles) || styles,
+      styles: ((_b = item.props) == null ? void 0 : _b.styles) || styles,
       id: `${uuid}-${index}`,
       onControlKeyDown: handleItemKeydown(index),
       controlRef: mergeRefs(assignControlRef(index), (_c = item.props) == null ? void 0 : _c.controlRef),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, ForwardRefWithStaticComponents } from '@mantine/styles';\nimport { useUuid, mergeRefs } from '@mantine/hooks';\nimport { Box } from '../Box';\nimport { filterChildrenByType } from '../../utils';\nimport {\n AccordionItem,\n AccordionItemStylesNames,\n AccordionIconPosition,\n} from './AccordionItem/AccordionItem';\nimport { useAccordionState, AccordionState } from './use-accordion-state/use-accordion-state';\nimport { useAccordionFocus } from './use-accordion-focus/use-accordion-focus';\n\nexport interface AccordionProps\n extends DefaultProps<AccordionItemStylesNames>,\n Omit<React.ComponentPropsWithRef<'div'>, 'onChange'> {\n /** <AccordionItem /> components only /\n children: React.ReactNode;\n\n /* Index of item which is initially opened (uncontrolled component) /\n initialItem?: number;\n\n /* Initial state (controls opened state of accordion items) for uncontrolled component /\n initialState?: AccordionState;\n\n /* Controlled state (controls opened state of accordion items) /\n state?: AccordionState;\n\n /* onChange handler for controlled component /\n onChange?(state: AccordionState): void;\n\n /* Allow multiple items to be opened at the same time /\n multiple?: boolean;\n\n /* Open/close item transition duration in ms /\n transitionDuration?: number;\n\n /* Used to connect accordion items controls to related content /\n id?: string;\n\n /* Replace icon on all items /\n icon?: React.ReactNode;\n\n /* Should icon rotation be disabled /\n disableIconRotation?: boolean;\n\n /* Change icon position: left or right /\n iconPosition?: AccordionIconPosition;\n\n /* Should icon be offset with padding, applicable only when iconPosition is right /\n offsetIcon?: boolean;\n\n /* Icon width in px /\n iconSize?: number;\n\n /* Heading level used for items */\n order?: 2 \| 3 \| 4 \| 5 \| 6;\n}\n\ntype AccordionComponent = ForwardRefWithStaticComponents<\n AccordionProps,\n { Item: typeof AccordionItem }\n>;\n\nexport const Accordion: AccordionComponent = forwardRef<HTMLDivElement, AccordionProps>(\n (\n {\n children,\n initialItem ~~= -1~~,\n initialState,\n state,\n onChange,\n multiple ~~= false~~,\n disableIconRotation ~~= false~~,\n transitionDuration ~~= 200~~,\n iconPosition ~~= 'left'~~,\n offsetIcon ~~= true~~,\n iconSize ~~= 24~~,\n order ~~= 3~~,\n icon,\n classNames,\n styles,\n id,\n ...others\n }: ~~AccordionProps,\n ref\n )~~ => {\n const uuid = useUuid(id);\n const items = filterChildrenByType(children, AccordionItem);\n\n const { handleItemKeydown, assignControlRef } = useAccordionFocus(items.length);\n const [value, handlers] = useAccordionState({\n multiple,\n total: items.length,\n initialItem,\n state,\n initialState,\n onChange,\n });\n\n const controls = items.map((item, index) => (\n <AccordionItem\n {...item.props}\n icon={item.props.icon \|\| icon}\n iconPosition={item.props.iconPosition \|\| iconPosition}\n disableIconRotation={disableIconRotation}\n key={index}\n transitionDuration={transitionDuration}\n opened={value[index]}\n onToggle={() => handlers.toggle(index)}\n classNames={item.props?.classNames \|\| classNames}\n styles={item.props?.styles \|\| styles}\n id={`${uuid}-${index}`}\n onControlKeyDown={handleItemKeydown(index)}\n controlRef={mergeRefs(assignControlRef(index), item.props?.controlRef)}\n offsetIcon={offsetIcon}\n iconSize={iconSize}\n order={order}\n />\n ));\n\n return (\n <Box ref={ref} {...others}>\n {controls}\n </Box>\n );\n }\n) as any;\n\nAccordion.Item = AccordionItem;\nAccordion.displayName = '@mantine/core/Accordion';\n"],"names":[],"mappings":"~~;;;;;;;;~~AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;~~AAUU~~,~~MAAC~~,~~SAAS~~,GAAG,~~UAAU~~,CAAC,CAAC,EAAE,EAAE,~~GAAG~~,KAAK;~~AACjD~~,EAAE,~~IAAI~~,EAAE,GAAG,EAAE,EAAE;~~AACf~~,IAAI,QAAQ;~~AACZ~~,~~IAAI~~,~~WAAW~~,GAAG,CAAC,CAAC;~~AACpB~~,IAAI,YAAY;AAChB,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,QAAQ~~,GAAG,KAAK~~;~~AACpB~~,IAAI,mBAAmB~~,GAAG,KAAK~~;~~AAC/B~~,IAAI,kBAAkB~~,GAAG,GAAG~~;~~AAC5B~~,IAAI,YAAY~~,GAAG,MAAM~~;~~AACzB~~,IAAI,UAAU~~,GAAG,IAAI~~;~~AACrB~~,IAAI,QAAQ~~,GAAG,EAAE~~;~~AACjB~~,IAAI,KAAK~~,GAAG,CAAC~~;~~AACb~~,IAAI,IAAI;AACR,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,EAAE;AACN,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,UAAU;AACd,IAAI,aAAa;AACjB,IAAI,cAAc;AAClB,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,qBAAqB;AACzB,IAAI,oBAAoB;AACxB,IAAI,cAAc;AAClB,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;AAC3B,EAAE,MAAM,KAAK,GAAG,oBAAoB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;AAC9D,EAAE,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AAClF,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,iBAAiB,CAAC;AAC9C,IAAI,QAAQ;AACZ,IAAI,KAAK,EAAE,KAAK,CAAC,MAAM;AACvB,IAAI,WAAW;AACf,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK;AAC9C,IAAI,IAAI,GAAG,EAAE,~~GAAG~~,EAAE,EAAE,CAAC;~~AACrB~~,IAAI,uBAAuB,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;AAC5G,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI;AACnC,MAAM,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,YAAY;AAC3D,MAAM,mBAAmB;AACzB,MAAM,GAAG,EAAE,KAAK;AAChB,MAAM,kBAAkB;AACxB,MAAM,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC;AAC1B,MAAM,QAAQ,EAAE,MAAM,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;AAC5C,MAAM,UAAU,EAAE,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,UAAU,KAAK,UAAU;AACtF,MAAM,MAAM,EAAE,CAAC,CAAC,~~GAAG~~,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,~~GAAG~~,CAAC,MAAM,KAAK,MAAM;~~AAC1E~~,MAAM,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAC5B,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,KAAK,CAAC;AAChD,MAAM,UAAU,EAAE,SAAS,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC;AACxG,MAAM,UAAU;AAChB,MAAM,QAAQ;AACd,MAAM,KAAK;AACX,KAAK,CAAC,CAAC,CAAC;AACR,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AACxB,CAAC,EAAE;AACH,SAAS,CAAC,IAAI,GAAG,aAAa,CAAC;AAC/B,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}
1	+ {"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n ForwardRefWithStaticComponents,\n useMantineDefaultProps,\n} from '@mantine/styles';\nimport { useUuid, mergeRefs } from '@mantine/hooks';\nimport { Box } from '../Box';\nimport { filterChildrenByType } from '../../utils';\nimport {\n AccordionItem,\n AccordionItemStylesNames,\n AccordionIconPosition,\n} from './AccordionItem/AccordionItem';\nimport { useAccordionState, AccordionState } from './use-accordion-state/use-accordion-state';\nimport { useAccordionFocus } from './use-accordion-focus/use-accordion-focus';\n\nexport interface AccordionProps\n extends DefaultProps<AccordionItemStylesNames>,\n Omit<React.ComponentPropsWithRef<'div'>, 'onChange'> {\n /** <AccordionItem /> components only /\n children: React.ReactNode;\n\n /* Index of item which is initially opened (uncontrolled component) /\n initialItem?: number;\n\n /* Initial state (controls opened state of accordion items) for uncontrolled component /\n initialState?: AccordionState;\n\n /* Controlled state (controls opened state of accordion items) /\n state?: AccordionState;\n\n /* onChange handler for controlled component /\n onChange?(state: AccordionState): void;\n\n /* Allow multiple items to be opened at the same time, defaults to false /\n multiple?: boolean;\n\n /* Open/close item transition duration in ms, defaults to 200 /\n transitionDuration?: number;\n\n /* Used to connect accordion items controls to related content /\n id?: string;\n\n /* Replace icon on all items /\n icon?: React.ReactNode;\n\n /* Should icon rotation be disabled, defaults to false /\n disableIconRotation?: boolean;\n\n /* Change icon position: left or right, defaults to 'left' /\n iconPosition?: AccordionIconPosition;\n\n /* Should icon be offset with padding, applicable only when iconPosition is right, defaults to true /\n offsetIcon?: boolean;\n\n /* Icon width in px, defaults to 24 /\n iconSize?: number;\n\n /* Heading level used for items, defaults to 3 */\n order?: 2 \| 3 \| 4 \| 5 \| 6;\n}\n\ntype AccordionComponent = ForwardRefWithStaticComponents<\n AccordionProps,\n { Item: typeof AccordionItem }\n>;\n\nconst defaultProps: Partial<AccordionProps> = {\n initialItem: -1,\n multiple: false,\n disableIconRotation: false,\n transitionDuration: 200,\n iconPosition: 'left',\n offsetIcon: true,\n iconSize: 24,\n order: 3,\n};\n\nexport const Accordion: AccordionComponent = forwardRef<HTMLDivElement, AccordionProps>(\n (props: AccordionProps, ref) => {\n const {\n children,\n initialItem,\n initialState,\n state,\n onChange,\n multiple,\n disableIconRotation,\n transitionDuration,\n iconPosition,\n offsetIcon,\n iconSize,\n order,\n icon,\n classNames,\n styles,\n id,\n ...others\n } = useMantineDefaultProps('Accordion', defaultProps, props);\n const uuid = useUuid(id);\n const items = filterChildrenByType(children, AccordionItem);\n\n const { handleItemKeydown, assignControlRef } = useAccordionFocus(items.length);\n const [value, handlers] = useAccordionState({\n multiple,\n total: items.length,\n initialItem,\n state,\n initialState,\n onChange,\n });\n\n const controls = items.map((item, index) => (\n <AccordionItem\n {...item.props}\n icon={item.props.icon \|\| icon}\n iconPosition={item.props.iconPosition \|\| iconPosition}\n disableIconRotation={disableIconRotation}\n key={index}\n transitionDuration={transitionDuration}\n opened={value[index]}\n onToggle={() => handlers.toggle(index)}\n classNames={item.props?.classNames \|\| classNames}\n styles={item.props?.styles \|\| styles}\n id={`${uuid}-${index}`}\n onControlKeyDown={handleItemKeydown(index)}\n controlRef={mergeRefs(assignControlRef(index), item.props?.controlRef)}\n offsetIcon={offsetIcon}\n iconSize={iconSize}\n order={order}\n />\n ));\n\n return (\n <Box ref={ref} {...others}>\n {controls}\n </Box>\n );\n }\n) as any;\n\nAccordion.Item = AccordionItem;\nAccordion.displayName = '@mantine/core/Accordion';\n"],"names":[],"mappings":";;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAaF,MAAM,YAAY,GAAG;AACrB,EAAE,WAAW,EAAE,CAAC,CAAC;AACjB,EAAE,QAAQ,EAAE,KAAK;AACjB,EAAE,mBAAmB,EAAE,KAAK;AAC5B,EAAE,kBAAkB,EAAE,GAAG;AACzB,EAAE,YAAY,EAAE,MAAM;AACtB,EAAE,UAAU,EAAE,IAAI;AAClB,EAAE,QAAQ,EAAE,EAAE;AACd,EAAE,KAAK,EAAE,CAAC;AACV,CAAC,CAAC;AACU,MAAC,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACpD,EAAE,MAAM,EAAE,GAAG,sBAAsB,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE;AACvE,IAAI,QAAQ;AACZ,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,mBAAmB;AACvB,IAAI,kBAAkB;AACtB,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,EAAE;AACN,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,UAAU;AACd,IAAI,aAAa;AACjB,IAAI,cAAc;AAClB,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,qBAAqB;AACzB,IAAI,oBAAoB;AACxB,IAAI,cAAc;AAClB,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;AAC3B,EAAE,MAAM,KAAK,GAAG,oBAAoB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;AAC9D,EAAE,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AAClF,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,iBAAiB,CAAC;AAC9C,IAAI,QAAQ;AACZ,IAAI,KAAK,EAAE,KAAK,CAAC,MAAM;AACvB,IAAI,WAAW;AACf,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK;AAC9C,IAAI,IAAI,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC;AACpB,IAAI,uBAAuB,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;AAC5G,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI;AACnC,MAAM,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,YAAY;AAC3D,MAAM,mBAAmB;AACzB,MAAM,GAAG,EAAE,KAAK;AAChB,MAAM,kBAAkB;AACxB,MAAM,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC;AAC1B,MAAM,QAAQ,EAAE,MAAM,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;AAC5C,MAAM,UAAU,EAAE,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,UAAU,KAAK,UAAU;AACtF,MAAM,MAAM,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,KAAK,MAAM;AACxE,MAAM,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAC5B,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,KAAK,CAAC;AAChD,MAAM,UAAU,EAAE,SAAS,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC;AACxG,MAAM,UAAU;AAChB,MAAM,QAAQ;AACd,MAAM,KAAK;AACX,KAAK,CAAC,CAAC,CAAC;AACR,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AACxB,CAAC,EAAE;AACH,SAAS,CAAC,IAAI,GAAG,aAAa,CAAC;AAC/B,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}

package/esm/components/Accordion/AccordionItem/AccordionItem.styles.js CHANGED Viewed

@@ -25,63 +25,60 @@ var useStyles = createStyles((theme, {
   iconPosition,
   offsetIcon,
   iconSize
-}, getRef) => {
-  const icon = getRef("icon");
-  return {
-    icon: {
-      ref: icon,
-      transition: `transform ${transitionDuration}ms ease`,
-      marginRight: iconPosition === "right" ? 0 : theme.spacing.sm,
-      marginLeft: iconPosition === "right" ? theme.spacing.lg : 0,
-      width: iconSize,
-      minWidth: iconSize
-    },
-    label: {
-      color: "inherit",
-      fontWeight: 500,
-      flex: 1,
-      overflow: "hidden",
-      textOverflow: "ellipsis"
-    },
-    item: {
-      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-      borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
-    },
-    itemOpened: {
-      [`& .${icon}`]: {
-        transform: disableIconRotation ? "none" : "rotate(180deg)"
-      }
-    },
-    itemTitle: {
-      margin: 0,
-      padding: 0,
-      fontWeight: "normal"
-    },
-    control: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.focusStyles()), theme.fn.fontStyles()), {
-      width: "100%",
-      display: "flex",
-      alignItems: "center",
-      flexDirection: iconPosition === "right" ? "row-reverse" : "row",
-      padding: `${theme.spacing.md}px ${theme.spacing.md / 2}px`,
-      paddingLeft: iconPosition === "right" ? theme.spacing.sm + 4 : null,
-      fontWeight: 500,
-      textAlign: "left",
-      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-      "&:hover": {
-        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
-      }
-    }),
-    content: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
-      wordBreak: "break-word",
-      lineHeight: theme.lineHeight,
-      paddingLeft: iconPosition === "right" ? 0 : offsetIcon ? iconSize + theme.spacing.xs / 2 : 0
-    }),
-    contentInner: {
-      padding: theme.spacing.md,
-      paddingTop: theme.spacing.xs / 2
+}, getRef) => ({
+  icon: {
+    ref: getRef("icon"),
+    transition: `transform ${transitionDuration}ms ease`,
+    marginRight: iconPosition === "right" ? 0 : theme.spacing.sm,
+    marginLeft: iconPosition === "right" ? theme.spacing.lg : 0,
+    width: iconSize,
+    minWidth: iconSize
+  },
+  label: {
+    color: "inherit",
+    fontWeight: 500,
+    flex: 1,
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  },
+  item: {
+    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+    borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
+  },
+  itemOpened: {
+    [`& .${getRef("icon")}`]: {
+      transform: disableIconRotation ? "none" : "rotate(180deg)"
     }
-  };
-});
+  },
+  itemTitle: {
+    margin: 0,
+    padding: 0,
+    fontWeight: "normal"
+  },
+  control: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.focusStyles()), theme.fn.fontStyles()), {
+    width: "100%",
+    display: "flex",
+    alignItems: "center",
+    flexDirection: iconPosition === "right" ? "row-reverse" : "row",
+    padding: `${theme.spacing.md}px ${theme.spacing.md / 2}px`,
+    paddingLeft: iconPosition === "right" ? theme.spacing.sm + 4 : null,
+    fontWeight: 500,
+    textAlign: "left",
+    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+    "&:hover": {
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
+    }
+  }),
+  content: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
+    wordBreak: "break-word",
+    lineHeight: theme.lineHeight,
+    paddingLeft: iconPosition === "right" ? 0 : offsetIcon ? iconSize + theme.spacing.xs / 2 : 0
+  }),
+  contentInner: {
+    padding: theme.spacing.md,
+    paddingTop: theme.spacing.xs / 2
+  }
+}));
 export default useStyles;
 //# sourceMappingURL=AccordionItem.styles.js.map

package/esm/components/Accordion/AccordionItem/AccordionItem.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccordionItem.styles.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport type AccordionIconPosition = 'right' \| 'left';\n\~~ninterface~~ ~~AccordionItemStyles~~ {\n transitionDuration: number;\n disableIconRotation: boolean;\n iconPosition: AccordionIconPosition;\n offsetIcon: boolean;\n iconSize: number;\n}\n\nexport default createStyles(\n (\n theme,\n {\n transitionDuration,\n disableIconRotation,\n iconPosition,\n offsetIcon,\n iconSize,\n }: ~~AccordionItemStyles~~,\n getRef\n ) => {\n ~~const~~ icon ~~= getRef('icon');\n\n return~~ {\n ~~icon: {\n~~ ref: icon,\n transition: `transform ${transitionDuration}ms ease`,\n marginRight: iconPosition === 'right' ? 0 : theme.spacing.sm,\n marginLeft: iconPosition === 'right' ? theme.spacing.lg : 0,\n width: iconSize,\n minWidth: iconSize,\n },\n\n label: {\n color: 'inherit',\n fontWeight: 500,\n flex: 1,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n item: {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n borderBottom: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n },\n\n itemOpened: {\n [`& .${icon}`]: {\n transform: disableIconRotation ? 'none' : 'rotate(180deg)',\n },\n },\n\n itemTitle: {\n margin: 0,\n padding: 0,\n fontWeight: 'normal',\n },\n\n control: {\n ...theme.fn.focusStyles(),\n ...theme.fn.fontStyles(),\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n flexDirection: iconPosition === 'right' ? 'row-reverse' : 'row',\n padding: `${theme.spacing.md}px ${theme.spacing.md / 2}px`,\n paddingLeft: iconPosition === 'right' ? theme.spacing.sm + 4 : null,\n fontWeight: 500,\n textAlign: 'left',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n '&:hover': {\n backgroundColor~~:\n~~ theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n },\n },\n\n content: {\n ...theme.fn.fontStyles(),\n wordBreak: 'break-word',\n lineHeight: theme.lineHeight,\n paddingLeft~~:\n~~ iconPosition === 'right' ? 0 : offsetIcon ? iconSize + theme.spacing.xs / 2 : 0,\n },\n\n contentInner: {\n padding: theme.spacing.md,\n paddingTop: theme.spacing.xs / 2,\n },\n ~~};\n~~ }\n);\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE;AACpC,EAAE,kBAAkB;AACpB,EAAE,mBAAmB;AACrB,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,QAAQ;AACV,CAAC,EAAE,MAAM,~~KAAK~~;~~AACd~~,EAAE,~~MAAM,~~IAAI,~~GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAC9B,~~EAAE~~,OAAO~~;~~AACT~~,IAAI,~~IAAI~~,EAAE~~;AACV~~,MAAM,~~GAAG~~,~~EAAE~~,~~IAAI~~;~~AACf~~,~~MAAM~~,UAAU,EAAE,CAAC,UAAU,EAAE,kBAAkB,CAAC,OAAO,CAAC;~~AAC1D~~,~~MAAM~~,WAAW,EAAE,YAAY,KAAK,OAAO,GAAG,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE;~~AAClE~~,~~MAAM~~,UAAU,EAAE,YAAY,KAAK,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;~~AACjE~~,~~MAAM~~,KAAK,EAAE,QAAQ;~~AACrB~~,~~MAAM~~,QAAQ,EAAE,QAAQ;~~AACxB~~,~~KAAK~~;~~AACL~~,~~IAAI~~,KAAK,EAAE;~~AACX~~,~~MAAM~~,KAAK,EAAE,SAAS;~~AACtB~~,~~MAAM~~,UAAU,EAAE,GAAG;~~AACrB~~,~~MAAM~~,IAAI,EAAE,CAAC;~~AACb~~,~~MAAM~~,QAAQ,EAAE,QAAQ;~~AACxB~~,~~MAAM~~,YAAY,EAAE,UAAU;~~AAC9B~~,~~KAAK~~;~~AACL~~,~~IAAI~~,IAAI,EAAE;~~AACV~~,~~MAAM~~,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;~~AAC9E~~,~~MAAM~~,YAAY,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;~~AAC7G~~,~~KAAK~~;~~AACL~~,~~IAAI~~,UAAU,EAAE;~~AAChB~~,~~MAAM~~,CAAC,CAAC,GAAG,EAAE,~~IAAI~~,CAAC,CAAC,GAAG;~~AACtB~~,~~QAAQ~~,SAAS,EAAE,mBAAmB,GAAG,MAAM,GAAG,gBAAgB;~~AAClE~~,~~OAAO;AACP,~~KAAK;AACL,~~IAAI~~,SAAS,EAAE;~~AACf~~,~~MAAM~~,MAAM,EAAE,CAAC;~~AACf~~,~~MAAM~~,OAAO,EAAE,CAAC;~~AAChB~~,~~MAAM~~,UAAU,EAAE,QAAQ;~~AAC1B~~,~~KAAK~~;~~AACL~~,~~IAAI~~,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;~~AAC9G~~,~~MAAM~~,KAAK,EAAE,MAAM;~~AACnB~~,~~MAAM~~,OAAO,EAAE,MAAM;~~AACrB~~,~~MAAM~~,UAAU,EAAE,QAAQ;~~AAC1B~~,~~MAAM~~,aAAa,EAAE,YAAY,KAAK,OAAO,GAAG,aAAa,GAAG,KAAK;~~AACrE~~,~~MAAM~~,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC;~~AAChE~~,~~MAAM~~,WAAW,EAAE,YAAY,KAAK,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,GAAG,IAAI;~~AACzE~~,~~MAAM~~,UAAU,EAAE,GAAG;~~AACrB~~,~~MAAM~~,SAAS,EAAE,MAAM;~~AACvB~~,~~MAAM~~,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;~~AAC9E~~,~~MAAM~~,SAAS,EAAE;~~AACjB~~,~~QAAQ~~,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;~~AACnG~~,~~OAAO~~;~~AACP~~,~~KAAK~~,CAAC;~~AACN~~,~~IAAI~~,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;~~AACtE~~,~~MAAM~~,SAAS,EAAE,YAAY;~~AAC7B~~,~~MAAM~~,UAAU,EAAE,KAAK,CAAC,UAAU;~~AAClC~~,~~MAAM~~,WAAW,EAAE,YAAY,KAAK,OAAO,GAAG,CAAC,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC;~~AAClG~~,~~KAAK~~,CAAC;~~AACN~~,~~IAAI~~,YAAY,EAAE;~~AAClB~~,~~MAAM~~,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;~~AAC/B~~,~~MAAM~~,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;~~AACtC~~,~~KAAK~~;~~AACL~~,~~GAAG,~~CAAC~~;AACJ~~,CAAC,CAAC;;;;"}
1	+ {"version":3,"file":"AccordionItem.styles.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport type AccordionIconPosition = 'right' \| 'left';\n\nexport interface AccordionStylesParams {\n transitionDuration: number;\n disableIconRotation: boolean;\n iconPosition: AccordionIconPosition;\n offsetIcon: boolean;\n iconSize: number;\n}\n\nexport default createStyles(\n (\n theme,\n {\n transitionDuration,\n disableIconRotation,\n iconPosition,\n offsetIcon,\n iconSize,\n }: AccordionStylesParams,\n getRef\n ) => ({\n icon: {\n ref: getRef('icon'),\n transition: `transform ${transitionDuration}ms ease`,\n marginRight: iconPosition === 'right' ? 0 : theme.spacing.sm,\n marginLeft: iconPosition === 'right' ? theme.spacing.lg : 0,\n width: iconSize,\n minWidth: iconSize,\n },\n\n label: {\n color: 'inherit',\n fontWeight: 500,\n flex: 1,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n item: {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n borderBottom: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n },\n\n itemOpened: {\n [`& .${getRef('icon')}`]: {\n transform: disableIconRotation ? 'none' : 'rotate(180deg)',\n },\n },\n\n itemTitle: {\n margin: 0,\n padding: 0,\n fontWeight: 'normal',\n },\n\n control: {\n ...theme.fn.focusStyles(),\n ...theme.fn.fontStyles(),\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n flexDirection: iconPosition === 'right' ? 'row-reverse' : 'row',\n padding: `${theme.spacing.md}px ${theme.spacing.md / 2}px`,\n paddingLeft: iconPosition === 'right' ? theme.spacing.sm + 4 : null,\n fontWeight: 500,\n textAlign: 'left',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n '&:hover': {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n },\n },\n\n content: {\n ...theme.fn.fontStyles(),\n wordBreak: 'break-word',\n lineHeight: theme.lineHeight,\n paddingLeft: iconPosition === 'right' ? 0 : offsetIcon ? iconSize + theme.spacing.xs / 2 : 0,\n },\n\n contentInner: {\n padding: theme.spacing.md,\n paddingTop: theme.spacing.xs / 2,\n },\n })\n);\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { useMantineTheme, getSharedColorScheme } from '@mantine/styles';
+import { useMantineDefaultProps, getSharedColorScheme } from '@mantine/styles';
 import useStyles, { sizes } from './ActionIcon.styles.js';
 import { Loader } from '../Loader/Loader.js';
 import { Box } from '../Box/Box.js';
@@ -32,21 +32,28 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const ActionIcon = forwardRef((_a, ref) => {
-  var _b = _a, {
+const defaultProps = {
+  color: "gray",
+  size: "md",
+  variant: "hover",
+  disabled: false,
+  loading: false
+};
+const ActionIcon = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("ActionIcon", defaultProps, props), {
     className,
-    color = "gray",
+    color,
     children,
-    radius = "sm",
-    size = "md",
-    variant = "hover",
+    radius,
+    size,
+    variant,
     disabled,
     loaderProps,
-    loading = false,
+    loading,
     component,
     styles,
     classNames
-  } = _b, others = __objRest(_b, [
+  } = _a, others = __objRest(_a, [
     "className",
     "color",
     "children",
@@ -60,8 +67,7 @@ const ActionIcon = forwardRef((_a, ref) => {
     "styles",
     "classNames"
   ]);
-  const theme = useMantineTheme();
-  const { classes, cx } = useStyles({ size, radius, color }, { name: "ActionIcon", classNames, styles });
+  const { classes, cx, theme } = useStyles({ size, radius, color }, { name: "ActionIcon", classNames, styles });
   const colors = getSharedColorScheme({ color, theme, variant: "light" });
   const loader = /* @__PURE__ */ React.createElement(Loader, __spreadValues({
     color: colors.color,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionIcon.js","sources":["../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n ~~useMantineTheme,\n~~ DefaultProps,\n MantineNumberSize,\n getSharedColorScheme,\n MantineColor,\n PolymorphicComponentProps,\n PolymorphicRef,\n ClassNames,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles, { sizes, ActionIconVariant } from './ActionIcon.styles';\nimport { Loader, LoaderProps } from '../Loader';\n\nexport type ActionIconStylesNames = ClassNames<typeof useStyles>;\n\ninterface _ActionIconProps extends DefaultProps<ActionIconStylesNames> {\n /** Icon rendered inside button /\n children: React.ReactNode;\n\n /* Controls appearance /\n variant?: ActionIconVariant;\n\n /* Button hover, active and icon colors from theme /\n color?: MantineColor;\n\n /* Button border-radius from theme or number to set border-radius in px /\n radius?: MantineNumberSize;\n\n /* Predefined icon size or number to set width and height in px /\n size?: MantineNumberSize;\n\n /* Props spread to Loader component /\n loaderProps?: LoaderProps;\n\n /* Indicate loading state */\n loading?: boolean;\n}\n\nexport type ActionIconProps<C> = ~~C extends React.ElementType\n ?~~ PolymorphicComponentProps<C, _ActionIconProps>\n ~~: never;\n~~\ntype ActionIconComponent = (<C = 'button'>(props: ActionIconProps<C>) => React.ReactElement) & {\n displayName?: string;\n};\n\nexport const ActionIcon: ActionIconComponent = forwardRef(\n <C extends React.ElementType = 'button'>(\n {\n className,\n color ~~= 'gray'~~,\n children,\n radius ~~= 'sm'~~,\n size ~~= 'md'~~,\n variant ~~= 'hover'~~,\n disabled,\n loaderProps,\n loading ~~= false~~,\n component,\n styles,\n classNames,\n ...others\n }: ~~any,\n ref:~~ ~~PolymorphicRef<C>\n )~~ => ~~{\n const theme = useMantineTheme(~~);\n const { classes, cx } = useStyles(\n { size, radius, color },\n { name: 'ActionIcon', classNames, styles }\n );\n const colors = getSharedColorScheme({ color, theme, variant: 'light' });\n\n const loader = (\n <Loader color={colors.color} size={theme.fn.size({ size, sizes }) - 12} {...loaderProps} />\n );\n\n return (\n <Box<any>\n component={component \|\| 'button'}\n className={cx(classes[variant], classes.root, { [classes.loading]: loading }, className)}\n type=\"button\"\n ref={ref}\n disabled={disabled \|\| loading}\n {...others}\n >\n {loading ? loader : children}\n </Box>\n );\n }\n);\n\nActionIcon.displayName = '@mantine/core/ActionIcon';\n"],"names":[],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;~~AASU~~,MAAC,UAAU,GAAG,UAAU,CAAC,CAAC,~~EAAE~~,EAAE,GAAG,KAAK;~~AAClD~~,EAAE,~~IAAI~~,EAAE,GAAG,EAAE,EAAE;~~AACf~~,IAAI,SAAS;AACb,IAAI,KAAK~~,GAAG,MAAM~~;~~AAClB~~,IAAI,QAAQ;AACZ,IAAI,MAAM~~,GAAG,IAAI~~;~~AACjB~~,IAAI,IAAI~~,GAAG,IAAI~~;~~AACf~~,IAAI,OAAO~~,GAAG,OAAO~~;~~AACrB~~,IAAI,QAAQ;AACZ,IAAI,WAAW;AACf,IAAI,OAAO~~,GAAG,KAAK~~;~~AACnB~~,IAAI,SAAS;AACb,IAAI,MAAM;AACV,IAAI,UAAU;AACd,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,QAAQ;AACZ,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,aAAa;AACjB,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,~~KAAK,GAAG,eAAe,~~EAAE,~~CAAC;AAClC~~,EAAE,~~MAAM,~~EAAE,~~OAAO,~~EAAE,~~EAAE~~,EAAE,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC;~~AACzG~~,EAAE,MAAM,MAAM,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;AAC1E,EAAE,MAAM,MAAM,mBAAmB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,cAAc,CAAC;AAC5E,IAAI,KAAK,EAAE,MAAM,CAAC,KAAK;AACvB,IAAI,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE;AAC7C,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;AACnB,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,SAAS,IAAI,QAAQ;AACpC,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE,EAAE,SAAS,CAAC;AAC5F,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,GAAG;AACP,IAAI,QAAQ,EAAE,QAAQ,IAAI,OAAO;AACjC,GAAG,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;AAC3C,CAAC,EAAE;AACH,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
1	+ {"version":3,"file":"ActionIcon.js","sources":["../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n getSharedColorScheme,\n MantineColor,\n PolymorphicComponentProps,\n PolymorphicRef,\n ClassNames,\n useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles, { sizes, ActionIconVariant } from './ActionIcon.styles';\nimport { Loader, LoaderProps } from '../Loader';\n\nexport type ActionIconStylesNames = ClassNames<typeof useStyles>;\n\ninterface _ActionIconProps extends DefaultProps<ActionIconStylesNames> {\n /** Icon rendered inside button /\n children?: React.ReactNode;\n\n /* Controls appearance /\n variant?: ActionIconVariant;\n\n /* Button hover, active and icon colors from theme, defaults to gray /\n color?: MantineColor;\n\n /* Button border-radius from theme or number to set border-radius in px /\n radius?: MantineNumberSize;\n\n /* Predefined icon size or number to set width and height in px /\n size?: MantineNumberSize;\n\n /* Props spread to Loader component /\n loaderProps?: LoaderProps;\n\n /* Indicate loading state */\n loading?: boolean;\n}\n\nexport type ActionIconProps<C> = PolymorphicComponentProps<C, _ActionIconProps>;\n\ntype ActionIconComponent = (<C = 'button'>(props: ActionIconProps<C>) => React.ReactElement) & {\n displayName?: string;\n};\n\nconst defaultProps: Partial<ActionIconProps<any>> = {\n color: 'gray',\n size: 'md',\n variant: 'hover',\n disabled: false,\n loading: false,\n};\n\nexport const ActionIcon: ActionIconComponent = forwardRef(\n <C extends React.ElementType = 'button'>(props: ActionIconProps<C>, ref: PolymorphicRef<C>) => {\n const {\n className,\n color,\n children,\n radius,\n size,\n variant,\n disabled,\n loaderProps,\n loading,\n component,\n styles,\n classNames,\n ...others\n } = useMantineDefaultProps('ActionIcon', defaultProps, props);\n\n const { classes, cx, theme } = useStyles(\n { size, radius, color },\n { name: 'ActionIcon', classNames, styles }\n );\n const colors = getSharedColorScheme({ color, theme, variant: 'light' });\n\n const loader = (\n <Loader color={colors.color} size={theme.fn.size({ size, sizes }) - 12} {...loaderProps} />\n );\n\n return (\n <Box<any>\n component={component \|\| 'button'}\n className={cx(classes[variant], classes.root, { [classes.loading]: loading }, className)}\n type=\"button\"\n ref={ref}\n disabled={disabled \|\| loading}\n {...others}\n >\n {loading ? loader : children}\n </Box>\n );\n }\n);\n\nActionIcon.displayName = '@mantine/core/ActionIcon';\n"],"names":[],"mappings":"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"}

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

@@ -58,7 +58,7 @@ var useStyles = createStyles((theme, { color, size, radius }) => ({
     minHeight: theme.fn.size({ size, sizes }),
     width: theme.fn.size({ size, sizes }),
     minWidth: theme.fn.size({ size, sizes }),
-    borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
+    borderRadius: theme.fn.radius(radius),
     padding: 0,
     lineHeight: 1,
     display: "flex",
@@ -90,7 +90,7 @@ var useStyles = createStyles((theme, { color, size, radius }) => ({
       right: -1,
       bottom: -1,
       backgroundColor: theme.colorScheme === "dark" ? theme.fn.rgba(theme.colors.dark[7], 0.5) : "rgba(255, 255, 255, .5)",
-      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }) - 1,
+      borderRadius: theme.fn.radius(radius),
       cursor: "not-allowed"
     }
   }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionIcon.styles.js","sources":["../../../src/components/ActionIcon/ActionIcon.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n getSharedColorScheme,\n MantineColor,\n MantineTheme,\n} from '@mantine/styles';\n\nexport type ActionIconVariant =\n \| 'hover'\n \| 'filled'\n \| 'outline'\n \| 'light'\n \| 'default'\n \| 'transparent';\n\~~ninterface~~ ~~ActionIconStyles~~ {\n color: MantineColor;\n size: MantineNumberSize;\n radius: MantineNumberSize;\n}\n\nexport const sizes = {\n xs: 18,\n sm: 22,\n md: 28,\n lg: 34,\n xl: 44,\n};\n\ninterface GetVariantStyles {\n variant: ActionIconVariant;\n theme: MantineTheme;\n color: MantineColor;\n}\n\nfunction getVariantStyles({ variant, theme, color }: GetVariantStyles) {\n if (variant === 'hover' \|\| variant === 'transparent') {\n return {\n border: '1px solid transparent',\n color: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 4 : 7),\n backgroundColor: 'transparent',\n\n '&:hover':\n variant === 'transparent'\n ? {}\n : {\n backgroundColor:\n theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.fn.themeColor(color, 0),\n },\n };\n }\n\n const colors = getSharedColorScheme({ theme, color, variant });\n\n return {\n backgroundColor: colors.background,\n color: colors.color,\n border: `1px solid ${colors.border}`,\n\n '&:hover': {\n backgroundColor: colors.hover,\n },\n };\n}\n\nexport default createStyles((theme, { color, size, radius }: ~~ActionIconStyles~~) => ({\n root: {\n ...theme.fn.focusStyles(),\n ...theme.fn.fontStyles(),\n position: 'relative',\n appearance: 'none',\n WebkitAppearance: 'none',\n WebkitTapHighlightColor: 'transparent',\n boxSizing: 'border-box',\n height: theme.fn.size({ size, sizes }),\n minHeight: theme.fn.size({ size, sizes }),\n width: theme.fn.size({ size, sizes }),\n minWidth: theme.fn.size({ size, sizes }),\n borderRadius: theme.fn.~~size~~(~~{ size:~~ radius~~, sizes: theme.radius }~~),\n padding: 0,\n lineHeight: 1,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n cursor: 'pointer',\n\n '&:disabled': {\n color: theme.colors.gray[theme.colorScheme === 'dark' ? 6 : 4],\n cursor: 'not-allowed',\n backgroundColor: theme.fn.themeColor('gray', theme.colorScheme === 'dark' ? 8 : 1),\n borderColor: theme.fn.themeColor('gray', theme.colorScheme === 'dark' ? 8 : 1),\n },\n\n '&:not(:disabled):active': {\n transform: 'translateY(1px)',\n },\n },\n\n outline: getVariantStyles({ theme, color, variant: 'outline' }),\n filled: getVariantStyles({ theme, color, variant: 'filled' }),\n default: getVariantStyles({ theme, color, variant: 'default' }),\n light: getVariantStyles({ theme, color, variant: 'light' }),\n hover: getVariantStyles({ theme, color, variant: 'hover' }),\n transparent: getVariantStyles({ theme, color, variant: 'transparent' }),\n\n loading: {\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: -1,\n left: -1,\n right: -1,\n bottom: -1,\n backgroundColor:\n theme.colorScheme === 'dark'\n ? theme.fn.rgba(theme.colors.dark[7], 0.5)\n : 'rgba(255, 255, 255, .5)',\n borderRadius: theme.fn.~~size~~(~~{ size:~~ radius~~, sizes: theme.radius }~~) ~~- 1~~,\n cursor: 'not-allowed',\n },\n },\n}));\n"],"names":[],"mappings":"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~~IAAI,CAAC,EAAE,IAAI,EAAE,~~MAAM,~~EAAE,KAAK,EAAE,KAAK,~~CAAC,MAAM,~~EAAE,~~CAAC;~~AACtE~~,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,UAAU,EAAE,CAAC;AACjB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,cAAc,EAAE,QAAQ;AAC5B,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,YAAY,EAAE;AAClB,MAAM,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AACpE,MAAM,MAAM,EAAE,aAAa;AAC3B,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AACxF,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AACpF,KAAK;AACL,IAAI,yBAAyB,EAAE;AAC/B,MAAM,SAAS,EAAE,iBAAiB;AAClC,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,OAAO,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;AACjE,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAC/D,EAAE,OAAO,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;AACjE,EAAE,KAAK,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAC7D,EAAE,KAAK,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAC7D,EAAE,WAAW,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;AACzE,EAAE,OAAO,EAAE;AACX,IAAI,WAAW,EAAE;AACjB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,GAAG,EAAE,CAAC,CAAC;AACb,MAAM,IAAI,EAAE,CAAC,CAAC;AACd,MAAM,KAAK,EAAE,CAAC,CAAC;AACf,MAAM,MAAM,EAAE,CAAC,CAAC;AAChB,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,yBAAyB;AAC1H,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,~~IAAI,CAAC,EAAE,IAAI,EAAE,~~MAAM,~~EAAE,KAAK,EAAE,KAAK,~~CAAC,MAAM,~~EAAE,~~CAAC~~,GAAG,CAAC~~;~~AAC5E~~,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}
1	+ {"version":3,"file":"ActionIcon.styles.js","sources":["../../../src/components/ActionIcon/ActionIcon.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n getSharedColorScheme,\n MantineColor,\n MantineTheme,\n} from '@mantine/styles';\n\nexport type ActionIconVariant =\n \| 'hover'\n \| 'filled'\n \| 'outline'\n \| 'light'\n \| 'default'\n \| 'transparent';\n\nexport interface ActionIconStylesParams {\n color: MantineColor;\n size: MantineNumberSize;\n radius: MantineNumberSize;\n}\n\nexport const sizes = {\n xs: 18,\n sm: 22,\n md: 28,\n lg: 34,\n xl: 44,\n};\n\ninterface GetVariantStyles {\n variant: ActionIconVariant;\n theme: MantineTheme;\n color: MantineColor;\n}\n\nfunction getVariantStyles({ variant, theme, color }: GetVariantStyles) {\n if (variant === 'hover' \|\| variant === 'transparent') {\n return {\n border: '1px solid transparent',\n color: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 4 : 7),\n backgroundColor: 'transparent',\n\n '&:hover':\n variant === 'transparent'\n ? {}\n : {\n backgroundColor:\n theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.fn.themeColor(color, 0),\n },\n };\n }\n\n const colors = getSharedColorScheme({ theme, color, variant });\n\n return {\n backgroundColor: colors.background,\n color: colors.color,\n border: `1px solid ${colors.border}`,\n\n '&:hover': {\n backgroundColor: colors.hover,\n },\n };\n}\n\nexport default createStyles((theme, { color, size, radius }: ActionIconStylesParams) => ({\n root: {\n ...theme.fn.focusStyles(),\n ...theme.fn.fontStyles(),\n position: 'relative',\n appearance: 'none',\n WebkitAppearance: 'none',\n WebkitTapHighlightColor: 'transparent',\n boxSizing: 'border-box',\n height: theme.fn.size({ size, sizes }),\n minHeight: theme.fn.size({ size, sizes }),\n width: theme.fn.size({ size, sizes }),\n minWidth: theme.fn.size({ size, sizes }),\n borderRadius: theme.fn.radius(radius),\n padding: 0,\n lineHeight: 1,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n cursor: 'pointer',\n\n '&:disabled': {\n color: theme.colors.gray[theme.colorScheme === 'dark' ? 6 : 4],\n cursor: 'not-allowed',\n backgroundColor: theme.fn.themeColor('gray', theme.colorScheme === 'dark' ? 8 : 1),\n borderColor: theme.fn.themeColor('gray', theme.colorScheme === 'dark' ? 8 : 1),\n },\n\n '&:not(:disabled):active': {\n transform: 'translateY(1px)',\n },\n },\n\n outline: getVariantStyles({ theme, color, variant: 'outline' }),\n filled: getVariantStyles({ theme, color, variant: 'filled' }),\n default: getVariantStyles({ theme, color, variant: 'default' }),\n light: getVariantStyles({ theme, color, variant: 'light' }),\n hover: getVariantStyles({ theme, color, variant: 'hover' }),\n transparent: getVariantStyles({ theme, color, variant: 'transparent' }),\n\n loading: {\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: -1,\n left: -1,\n right: -1,\n bottom: -1,\n backgroundColor:\n theme.colorScheme === 'dark'\n ? theme.fn.rgba(theme.colors.dark[7], 0.5)\n : 'rgba(255, 255, 255, .5)',\n borderRadius: theme.fn.radius(radius),\n cursor: 'not-allowed',\n },\n },\n}));\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { getDefaultZIndex } from '@mantine/styles';
+import { getDefaultZIndex, useMantineDefaultProps } from '@mantine/styles';
 import { Portal } from '../Portal/Portal.js';
 import { Box } from '../Box/Box.js';
@@ -31,18 +31,12 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Affix = forwardRef((_a, ref) => {
-  var _b = _a, {
-    target,
-    position = { bottom: 0, right: 0 },
-    zIndex = getDefaultZIndex("modal"),
-    sx
-  } = _b, others = __objRest(_b, [
-    "target",
-    "position",
-    "zIndex",
-    "sx"
-  ]);
+const defaultProps = {
+  position: { bottom: 0, right: 0 },
+  zIndex: getDefaultZIndex("modal")
+};
+const Affix = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("Affix", defaultProps, props), { target, position, zIndex, sx } = _a, others = __objRest(_a, ["target", "position", "zIndex", "sx"]);
   return /* @__PURE__ */ React.createElement(Portal, {
     zIndex,
     target

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Affix.js","sources":["../../../src/components/Affix/Affix.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps~~, MantineMargin,~~ getDefaultZIndex } from '@mantine/styles';\nimport { Box } from '../Box';\nimport { Portal } from '../Portal/Portal';\n\nexport interface AffixProps\n extends Omit<DefaultProps, ~~MantineMargin~~>,\n React.ComponentPropsWithoutRef<'div'> {\n /** Element where portal should be rendered, by default new div element is created and appended to document.body /\n target?: HTMLDivElement;\n\n /* Root element z-index property /\n zIndex?: number;\n\n /* Fixed position in px */\n position?: {\n top?: string \| number;\n left?: string \| number;\n bottom?: string \| number;\n right?: string \| number;\n };\n}\n\~~nexport~~ ~~const~~ ~~Affix~~ = ~~forwardRef<HTMLDivElement, AffixProps>(~~\n ~~(\n {\n target,\n~~ position = { bottom: 0, right: 0 },\n zIndex = getDefaultZIndex('modal'),\n sx~~,\n~~ ...others\n ~~}: AffixProps~~,\n ~~ref~~\n ) => (\n <Portal zIndex={zIndex} target={target}>\n <Box sx={[{ position: 'fixed', ...position }, sx]} ref={ref} {...others} />\n </Portal>\n )\n);\n\nAffix.displayName = '@mantine/core/Affix';\n"],"names":[],"mappings":";;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;~~AAKU~~,~~MAAC~~,~~KAAK~~,GAAG,~~UAAU~~,~~CAAC~~,~~CAAC~~,EAAE,EAAE,~~GAAG~~,KAAK~~;AAC7C~~,EAAE,~~IAAI~~,EAAE,~~GAAG~~,EAAE,~~EAAE~~;~~AACf~~,~~IAAI~~,~~MAAM~~;~~AACV~~,~~IAAI~~,~~QAAQ~~,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,~~KAAK~~,EAAE,CAAC,EAAE~~;AACtC~~,~~IAAI~~,MAAM,~~GAAG~~,~~gBAAgB~~,~~CAAC~~,~~OAAO~~,~~CAAC;AACtC~~,~~IAAI~~,EAAE~~;AACN~~,GAAG,~~GAAG,~~EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE~~;AACjC~~,~~IAAI~~,QAAQ~~;AACZ~~,~~IAAI~~,UAAU~~;AACd~~,~~IAAI~~,QAAQ~~;AACZ~~,~~IAAI~~,IAAI~~;AACR~~,~~GAAG~~,CAAC,CAAC;~~AACL~~,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACrD,IAAI,MAAM;AACV,IAAI,MAAM;AACV,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AAC7D,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC;AAC7D,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;AACf,CAAC,EAAE;AACH,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}
1	+ {"version":3,"file":"Affix.js","sources":["../../../src/components/Affix/Affix.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineStyleSystemSize,\n getDefaultZIndex,\n useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { Portal } from '../Portal/Portal';\n\nexport interface AffixProps\n extends Omit<DefaultProps, MantineStyleSystemSize>,\n React.ComponentPropsWithoutRef<'div'> {\n /** Element where portal should be rendered, by default new div element is created and appended to document.body /\n target?: HTMLDivElement;\n\n /* Root element z-index property /\n zIndex?: number;\n\n /* Fixed position in px, defaults to { bottom: 0, right: 0 } */\n position?: {\n top?: string \| number;\n left?: string \| number;\n bottom?: string \| number;\n right?: string \| number;\n };\n}\n\nconst defaultProps: Partial<AffixProps> = {\n position: { bottom: 0, right: 0 },\n zIndex: getDefaultZIndex('modal'),\n};\n\nexport const Affix = forwardRef<HTMLDivElement, AffixProps>((props: AffixProps, ref) => {\n const { target, position, zIndex, sx, ...others } = useMantineDefaultProps(\n 'Affix',\n defaultProps,\n props\n );\n return (\n <Portal zIndex={zIndex} target={target}>\n <Box sx={[{ position: 'fixed', ...position }, sx]} ref={ref} {...others} />\n </Portal>\n );\n});\n\nAffix.displayName = '@mantine/core/Affix';\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react';
+import { useMantineDefaultProps } from '@mantine/styles';
 import useStyles from './Alert.styles.js';
 import { Box } from '../Box/Box.js';
 import { CloseButton } from '../ActionIcon/CloseButton/CloseButton.js';
@@ -31,21 +32,24 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Alert = forwardRef((_a, ref) => {
-  var _b = _a, {
+const defaultProps = {
+  variant: "light"
+};
+const Alert = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("Alert", defaultProps, props), {
     className,
     title,
-    variant = "light",
+    variant,
     children,
     color,
     classNames,
     icon,
     styles,
     onClose,
-    radius = "sm",
+    radius,
     withCloseButton,
     closeButtonLabel
-  } = _b, others = __objRest(_b, [
+  } = _a, others = __objRest(_a, [
     "className",
     "title",
     "variant",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineColor, ClassNames, MantineNumberSize } from '@mantine/styles';\nimport { Box } from '../Box';\nimport { CloseButton } from '../ActionIcon';\nimport useStyles from './Alert.styles';\n\nexport type AlertVariant = 'filled' \| 'outline' \| 'light';\nexport type AlertStylesNames = ClassNames<typeof useStyles>;\n\nexport interface AlertProps\n extends DefaultProps<AlertStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n /** Alert title /\n title?: React.ReactNode;\n\n /* Controls Alert background, color and border styles /\n variant?: AlertVariant;\n\n /* Alert message /\n children: React.ReactNode;\n\n /* Color from theme.colors /\n color?: MantineColor;\n\n /* Icon displayed next to title /\n icon?: React.ReactNode;\n\n /* True to display close button /\n withCloseButton?: boolean;\n\n /* Called when close button is clicked /\n onClose?(): void;\n\n /* Close button aria-label /\n closeButtonLabel?: string;\n\n /* Radius from theme.radius, or number to set border-radius in px */\n radius?: MantineNumberSize;\n}\n\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(\n (\n ~~{\n~~ className,\n title,\n variant ~~= 'light'~~,\n children,\n color,\n classNames,\n icon,\n styles,\n onClose,\n radius ~~= 'sm'~~,\n withCloseButton,\n closeButtonLabel,\n ...others\n }: ~~AlertProps,\~~n ~~ref~~\n ~~) => {\n~~ const { classes, cx } = useStyles(\n { color, radius, variant },\n { classNames, styles, name: 'Alert' }\n );\n\n return (\n <Box className={cx(classes.root, classes[variant], className)} ref={ref} {...others}>\n <div className={classes.wrapper}>\n {icon && <div className={classes.icon}>{icon}</div>}\n\n <div className={classes.body}>\n {title && (\n <div className={classes.title}>\n <span className={classes.label}>{title}</span>\n\n {withCloseButton && (\n <CloseButton\n className={classes.closeButton}\n onClick={() => onClose?.()}\n variant=\"transparent\"\n size={16}\n iconSize={16}\n aria-label={closeButtonLabel}\n />\n )}\n </div>\n )}\n\n <div className={classes.message}>{children}</div>\n </div>\n </div>\n </Box>\n );\n }\n);\n\nAlert.displayName = '@mantine/core/Alert';\n"],"names":[],"mappings":"~~;;;;;~~AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;~~AAKU~~,MAAC,KAAK,GAAG,UAAU,CAAC,CAAC,~~EAAE~~,EAAE,GAAG,KAAK;~~AAC7C~~,EAAE,~~IAAI~~,EAAE,GAAG,EAAE,EAAE;~~AACf~~,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,OAAO~~,GAAG,OAAO~~;~~AACrB~~,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,UAAU;AACd,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,MAAM~~,GAAG,IAAI~~;~~AACjB~~,IAAI,eAAe;AACnB,IAAI,gBAAgB;AACpB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,iBAAiB;AACrB,IAAI,kBAAkB;AACtB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;AACvG,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;AAC5D,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACzD,IAAI,SAAS,EAAE,OAAO,CAAC,OAAO;AAC9B,GAAG,EAAE,IAAI,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACxD,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,GAAG,EAAE,IAAI,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACvD,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,GAAG,EAAE,KAAK,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACzD,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,GAAG,EAAE,KAAK,CAAC,EAAE,eAAe,oBAAoB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACjF,IAAI,SAAS,EAAE,OAAO,CAAC,WAAW;AAClC,IAAI,OAAO,EAAE,MAAM,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,EAAE;AACvD,IAAI,OAAO,EAAE,aAAa;AAC1B,IAAI,IAAI,EAAE,EAAE;AACZ,IAAI,QAAQ,EAAE,EAAE;AAChB,IAAI,YAAY,EAAE,gBAAgB;AAClC,GAAG,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAClD,IAAI,SAAS,EAAE,OAAO,CAAC,OAAO;AAC9B,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC,EAAE;AACH,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}
1	+ {"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineColor,\n ClassNames,\n MantineNumberSize,\n useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { CloseButton } from '../ActionIcon';\nimport useStyles from './Alert.styles';\n\nexport type AlertVariant = 'filled' \| 'outline' \| 'light';\nexport type AlertStylesNames = ClassNames<typeof useStyles>;\n\nexport interface AlertProps\n extends DefaultProps<AlertStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n /** Alert title /\n title?: React.ReactNode;\n\n /* Controls Alert background, color and border styles, defaults to light /\n variant?: AlertVariant;\n\n /* Alert message /\n children: React.ReactNode;\n\n /* Color from theme.colors /\n color?: MantineColor;\n\n /* Icon displayed next to title /\n icon?: React.ReactNode;\n\n /* True to display close button /\n withCloseButton?: boolean;\n\n /* Called when close button is clicked /\n onClose?(): void;\n\n /* Close button aria-label /\n closeButtonLabel?: string;\n\n /* Radius from theme.radius, or number to set border-radius in px, defaults to theme.defaultRadius */\n radius?: MantineNumberSize;\n}\n\nconst defaultProps: Partial<AlertProps> = {\n variant: 'light',\n};\n\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>((props: AlertProps, ref) => {\n const {\n className,\n title,\n variant,\n children,\n color,\n classNames,\n icon,\n styles,\n onClose,\n radius,\n withCloseButton,\n closeButtonLabel,\n ...others\n } = useMantineDefaultProps('Alert', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { color, radius, variant },\n { classNames, styles, name: 'Alert' }\n );\n\n return (\n <Box className={cx(classes.root, classes[variant], className)} ref={ref} {...others}>\n <div className={classes.wrapper}>\n {icon && <div className={classes.icon}>{icon}</div>}\n\n <div className={classes.body}>\n {title && (\n <div className={classes.title}>\n <span className={classes.label}>{title}</span>\n\n {withCloseButton && (\n <CloseButton\n className={classes.closeButton}\n onClick={() => onClose?.()}\n variant=\"transparent\"\n size={16}\n iconSize={16}\n aria-label={closeButtonLabel}\n />\n )}\n </div>\n )}\n\n <div className={classes.message}>{children}</div>\n </div>\n </div>\n </Box>\n );\n});\n\nAlert.displayName = '@mantine/core/Alert';\n"],"names":[],"mappings":"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"}