npm - @mantine/core - Versions diffs - 2.5.0-alpha.5 → 2.6.0-alpha.1 - Mend

@mantine/core 2.5.0-alpha.5 → 2.6.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 (1398) hide show

package/cjs/components/Tabs/Tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport cx from 'clsx';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { DefaultProps, useMantineTheme, mergeStyles, MantineNumberSize } from '../../theme';\nimport { Group, GroupPosition } from '../Group/Group';\nimport { Tab, TabType, TabProps } from './Tab/Tab';\nimport { TabControl, TabControlStylesNames } from './TabControl/TabControl';\nimport useStyles from './Tabs.styles';\n\nexport { Tab };\nexport type { TabProps };\n\nexport const TABS_VARIANTS = ['default', 'outline', 'pills', 'unstyled'] as const;\nexport type TabsVariant = typeof TABS_VARIANTS[number];\nexport type TabsStylesNames =\n \| Exclude<keyof ReturnType<typeof useStyles>, TabsVariant>\n \| TabControlStylesNames;\n\nfunction clamp(value: number, min: number, max: number) {\n return Math.min(Math.max(value, min), max);\n}\n\nexport interface TabsProps\n extends DefaultProps<TabsStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n /** <Tab /> components only /\n children: React.ReactNode;\n\n /* Index of initial tab /\n initialTab?: number;\n\n /* Index of active tab, overrides internal state /\n active?: number;\n\n /* Active tab color from theme /\n color?: string;\n\n /* True if tabs should take all available space /\n grow?: boolean;\n\n /* Tab controls position /\n position?: GroupPosition;\n\n /* Called when tab control is clicked with tab index /\n onTabChange?(tabIndex: number): void;\n\n /* Controls appearance /\n variant?: 'default' \| 'outline' \| 'pills' \| 'unstyled';\n\n /* Controls tab content padding-top /\n tabPadding?: MantineNumberSize;\n\n /* Controls tab orientation */\n orientation?: 'horizontal' \| 'vertical';\n}\n\nfunction getPreviousTab(active: number, tabs: TabType[]) {\n for (let i = active - 1; i >= 0; i -= 1) {\n if (!tabs[i].props.disabled) {\n return i;\n }\n }\n\n return active;\n}\n\nfunction getNextTab(active: number, tabs: TabType[]) {\n for (let i = active + 1; i < tabs.length; i += 1) {\n if (!tabs[i].props.disabled) {\n return i;\n }\n }\n\n return active;\n}\n\nfunction findInitialTab(tabs: TabType[]) {\n for (let i = 0; i < tabs.length; i += 1) {\n if (!tabs[i].props.disabled) {\n return i;\n }\n }\n\n return -1;\n}\n\nexport function Tabs({\n className,\n children,\n style,\n initialTab,\n themeOverride,\n active,\n position = 'left',\n grow = false,\n onTabChange,\n color,\n variant = 'default',\n classNames,\n styles,\n tabPadding = 'xs',\n orientation = 'horizontal',\n ...others\n}: TabsProps) {\n const theme = useMantineTheme(themeOverride);\n const classes = useStyles({ theme, tabPadding, orientation }, classNames, 'tabs');\n const _styles = mergeStyles(classes, styles);\n\n const controlRefs = useRef<Record<string, HTMLButtonElement>>({});\n\n const tabs = React.Children.toArray(children).filter(\n (item: TabType) => item.type === Tab\n ) as TabType[];\n\n const [_activeTab, handleActiveTabChange] = useUncontrolled({\n value: active,\n defaultValue: initialTab,\n finalValue: findInitialTab(tabs),\n rule: (value) => typeof value === 'number',\n onChange: onTabChange,\n });\n\n const activeTab = clamp(_activeTab, 0, tabs.length - 1);\n\n const nextTabCode = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n const previousTabCode = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.nativeEvent.code === nextTabCode) {\n event.preventDefault();\n const nextTab = getNextTab(activeTab, tabs);\n handleActiveTabChange(nextTab);\n controlRefs.current[nextTab].focus();\n }\n\n if (event.nativeEvent.code === previousTabCode) {\n event.preventDefault();\n const previousTab = getPreviousTab(activeTab, tabs);\n handleActiveTabChange(previousTab);\n controlRefs.current[previousTab].focus();\n }\n };\n\n const panes = tabs.map((tab, index) => (\n <TabControl\n {...tab.props}\n key={index}\n active={activeTab === index}\n tabProps={tab.props}\n onKeyDown={handleKeyDown}\n color={color}\n variant={variant}\n orientation={orientation}\n elementRef={(node) => {\n controlRefs.current[index] = node;\n }}\n onClick={() => activeTab !== index && handleActiveTabChange(index)}\n classNames={classNames}\n styles={styles}\n />\n ));\n\n const content = tabs[activeTab].props.children;\n\n return (\n <div {...others} className={cx(classes.root, className)} style={{ ...style, ..._styles.root }}>\n <div\n className={cx(classes.tabsListWrapper, classes[variant])}\n style={{ ..._styles.tabsListWrapper, ..._styles[variant] }}\n >\n <Group\n className={classes.tabsList}\n style={_styles.tabsList}\n role=\"tablist\"\n direction={orientation === 'horizontal' ? 'row' : 'column'}\n aria-orientation={orientation}\n spacing={variant === 'pills' ? 'md' : 0}\n position={position}\n grow={grow}\n >\n {panes}\n </Group>\n </div>\n\n {content && (\n <div role=\"tabpanel\" className={classes.body} style={_styles.body}>\n {content}\n </div>\n )}\n </div>\n );\n}\n\nTabs.displayName = '@mantine/core/Tabs';\n"],"names":["useMantineTheme","useStyles","mergeStyles","useRef","React","Tab","useUncontrolled","TabControl","cx","Group"],"mappings":"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"}
1	+ {"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useUncontrolled, clamp } from '@mantine/hooks';\nimport {\n mergeStyles,\n DefaultProps,\n MantineNumberSize,\n MantineColor,\n ClassNames,\n} from '@mantine/styles';\nimport { Group, GroupPosition } from '../Group';\nimport { Tab, TabType } from './Tab/Tab';\nimport { TabControl, TabControlStylesNames } from './TabControl/TabControl';\nimport useStyles from './Tabs.styles';\n\nexport type TabsVariant = 'default' \| 'outline' \| 'pills' \| 'unstyled';\nexport type TabsStylesNames =\n \| Exclude<ClassNames<typeof useStyles>, TabsVariant>\n \| TabControlStylesNames;\n\nexport interface TabsProps\n extends DefaultProps<TabsStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n /** <Tab /> components only /\n children: React.ReactNode;\n\n /* Index of initial tab /\n initialTab?: number;\n\n /* Index of active tab, overrides internal state /\n active?: number;\n\n /* Active tab color from theme.colors /\n color?: MantineColor;\n\n /* True if tabs should take all available space /\n grow?: boolean;\n\n /* Tab controls position /\n position?: GroupPosition;\n\n /* Called when tab control is clicked with tab index /\n onTabChange?(tabIndex: number): void;\n\n /* Controls appearance /\n variant?: TabsVariant;\n\n /* Controls tab content padding-top /\n tabPadding?: MantineNumberSize;\n\n /* Controls tab orientation */\n orientation?: 'horizontal' \| 'vertical';\n}\n\nfunction getPreviousTab(active: number, tabs: TabType[]) {\n for (let i = active - 1; i >= 0; i -= 1) {\n if (!tabs[i].props.disabled) {\n return i;\n }\n }\n\n return active;\n}\n\nfunction getNextTab(active: number, tabs: TabType[]) {\n for (let i = active + 1; i < tabs.length; i += 1) {\n if (!tabs[i].props.disabled) {\n return i;\n }\n }\n\n return active;\n}\n\nfunction findInitialTab(tabs: TabType[]) {\n for (let i = 0; i < tabs.length; i += 1) {\n if (!tabs[i].props.disabled) {\n return i;\n }\n }\n\n return -1;\n}\n\nexport function Tabs({\n className,\n children,\n style,\n initialTab,\n active,\n position = 'left',\n grow = false,\n onTabChange,\n color,\n variant = 'default',\n classNames,\n styles,\n tabPadding = 'xs',\n orientation = 'horizontal',\n ...others\n}: TabsProps) {\n const { classes, cx } = useStyles({ tabPadding, orientation }, classNames, 'tabs');\n const _styles = mergeStyles(classes, styles);\n\n const controlRefs = useRef<Record<string, HTMLButtonElement>>({});\n\n const tabs = React.Children.toArray(children).filter(\n (item: TabType) => item.type === Tab\n ) as TabType[];\n\n const [_activeTab, handleActiveTabChange] = useUncontrolled({\n value: active,\n defaultValue: initialTab,\n finalValue: findInitialTab(tabs),\n rule: (value) => typeof value === 'number',\n onChange: onTabChange,\n });\n\n const activeTab = clamp({ value: _activeTab, min: 0, max: tabs.length - 1 });\n\n const nextTabCode = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n const previousTabCode = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.nativeEvent.code === nextTabCode) {\n event.preventDefault();\n const nextTab = getNextTab(activeTab, tabs);\n handleActiveTabChange(nextTab);\n controlRefs.current[nextTab].focus();\n }\n\n if (event.nativeEvent.code === previousTabCode) {\n event.preventDefault();\n const previousTab = getPreviousTab(activeTab, tabs);\n handleActiveTabChange(previousTab);\n controlRefs.current[previousTab].focus();\n }\n };\n\n const panes = tabs.map((tab, index) => (\n <TabControl\n {...tab.props}\n key={index}\n active={activeTab === index}\n tabProps={tab.props}\n onKeyDown={handleKeyDown}\n color={color}\n variant={variant}\n orientation={orientation}\n elementRef={(node) => {\n controlRefs.current[index] = node;\n }}\n onClick={() => activeTab !== index && handleActiveTabChange(index)}\n classNames={classNames}\n styles={styles}\n />\n ));\n\n const content = tabs[activeTab].props.children;\n\n return (\n <div {...others} className={cx(classes.root, className)} style={{ ...style, ..._styles.root }}>\n <div\n className={cx(classes.tabsListWrapper, classes[variant])}\n style={{ ..._styles.tabsListWrapper, ..._styles[variant] }}\n >\n <Group\n className={classes.tabsList}\n style={_styles.tabsList}\n role=\"tablist\"\n direction={orientation === 'horizontal' ? 'row' : 'column'}\n aria-orientation={orientation}\n spacing={variant === 'pills' ? 'md' : 0}\n position={position}\n grow={grow}\n >\n {panes}\n </Group>\n </div>\n\n {content && (\n <div role=\"tabpanel\" className={classes.body} style={_styles.body}>\n {content}\n </div>\n )}\n </div>\n );\n}\n\nTabs.displayName = '@mantine/core/Tabs';\n"],"names":["styles","useStyles","mergeStyles","useRef","React","Tab","useUncontrolled","clamp","TabControl","Group"],"mappings":"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"}

package/cjs/components/Tabs/Tabs.styles.js CHANGED Viewed

@@ -2,36 +2,38 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var createMemoStyles = require('../../theme/create-memo-styles.js');
-var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');
+var styles = require('@mantine/styles');
-var useStyles = createMemoStyles.createMemoStyles({
-  root: ({ orientation }) => ({
-    display: orientation === "vertical" ? "flex" : "block"
-  }),
-  tabsListWrapper: {},
-  tabsList: {},
-  pills: ({ orientation }) => ({
-    marginRight: orientation === "vertical" ? 20 : 0
-  }),
-  body: ({ theme, tabPadding, orientation }) => ({
-    [orientation === "horizontal" ? "paddingTop" : "paddingLeft"]: getSizeValue.getSizeValue({
-      size: tabPadding,
-      sizes: theme.spacing
-    })
-  }),
-  default: ({ theme, orientation }) => ({
-    [orientation === "horizontal" ? "borderBottom" : "borderRight"]: `2px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]}`,
-    "& $tabsList": {
-      [orientation === "horizontal" ? "marginBottom" : "marginRight"]: -2
+var useStyles = styles.createStyles((theme, { tabPadding, orientation }, getRef) => {
+  const tabsList = { ref: getRef("tabsList") };
+  return {
+    tabsListWrapper: {},
+    tabsList,
+    root: {
+      display: orientation === "vertical" ? "flex" : "block"
+    },
+    pills: {
+      marginRight: orientation === "vertical" ? 20 : 0
+    },
+    body: {
+      [orientation === "horizontal" ? "paddingTop" : "paddingLeft"]: styles.getSizeValue({
+        size: tabPadding,
+        sizes: theme.spacing
+      })
+    },
+    default: {
+      [orientation === "horizontal" ? "borderBottom" : "borderRight"]: `2px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]}`,
+      [`& .${tabsList.ref}`]: {
+        [orientation === "horizontal" ? "marginBottom" : "marginRight"]: -2
+      }
+    },
+    outline: {
+      [orientation === "horizontal" ? "borderBottom" : "borderRight"]: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]}`,
+      [`& .${tabsList.ref}`]: {
+        [orientation === "horizontal" ? "marginBottom" : "marginRight"]: -1
+      }
     }
-  }),
-  outline: ({ theme, orientation }) => ({
-    [orientation === "horizontal" ? "borderBottom" : "borderRight"]: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]}`,
-    "& $tabsList": {
-      [orientation === "horizontal" ? "marginBottom" : "marginRight"]: -1
-    }
-  })
+  };
 });
 exports.default = useStyles;

package/cjs/components/Tabs/Tabs.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.styles.js","sources":["../../../src/components/Tabs/Tabs.styles.ts"],"sourcesContent":["import { ~~createMemoStyles~~, ~~MantineTheme,~~ MantineNumberSize, getSizeValue } from '~~../../theme~~';\n\ninterface TabsStyles {\n ~~theme: MantineTheme;\n~~ tabPadding: MantineNumberSize;\n orientation: 'horizontal' \| 'vertical';\n}\n\nexport default ~~createMemoStyles~~(~~{\n root:~~ ({ orientation }: TabsStyles) => ({\n display: orientation === 'vertical' ? 'flex' : 'block',\n }),\n\n ~~tabsListWrapper: {},\n tabsList: {},\n\n~~ pills: ({ ~~orientation }: TabsStyles) => ({~~\n marginRight: orientation === 'vertical' ? 20 : 0,\n }),\n\n body: ({ ~~theme, tabPadding, orientation }: TabsStyles) => ({~~\n [orientation === 'horizontal' ? 'paddingTop' : 'paddingLeft']: getSizeValue({\n size: tabPadding,\n sizes: theme.spacing,\n }),\n }),\n\n default: ({ ~~theme, orientation }: TabsStyles) => ({~~\n [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `2px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2]\n }`,\n\n '& $tabsList': {\n [orientation === 'horizontal' ? 'marginBottom' : 'marginRight']: -2,\n },\n }),\n\n outline: ({ ~~theme, orientation }: TabsStyles) => ({~~\n [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2]\n }`,\n\n '& $tabsList': {\n [orientation === 'horizontal' ? 'marginBottom' : 'marginRight']: -1,\n },\n }~~),\~~n});\n"],"names":["~~createMemoStyles~~","getSizeValue"],"mappings":"~~;;;;;;;~~AACA,gBAAeA,~~iCAAgB~~,CAAC~~;AAChC~~,~~EAAE~~,~~IAAI~~,EAAE,~~CAAC~~,EAAE,WAAW,EAAE,MAAM;~~AAC9B~~,~~IAAI~~,~~OAAO~~,~~EAAE~~,~~WAAW~~,~~KAAK~~,~~UAAU,~~GAAG,MAAM,~~GAAG~~,~~OAAO;AAC1D~~,~~GAAG~~,CAAC;~~AACJ~~,EAAE,eAAe,EAAE,EAAE;~~AACrB~~,~~EAAE~~,QAAQ,~~EAAE~~,EAAE;~~AACd~~,~~EAAE~~,~~KAAK~~,EAAE,~~CAAC~~,~~EAAE~~,~~WAAW~~,~~EAAE~~,MAAM;~~AAC/B~~,IAAI,WAAW,EAAE,WAAW,KAAK,UAAU,GAAG,EAAE,GAAG,CAAC;~~AACpD~~,~~GAAG,CAAC~~;~~AACJ~~,~~EAAE~~,IAAI,EAAE,~~CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,~~MAAM~~;AACjD~~,~~IAAI,~~CAAC,WAAW,KAAK,YAAY,GAAG,YAAY,GAAG,aAAa,GAAGC,~~yBAAY~~,CAAC;~~AAChF~~,~~MAAM~~,IAAI,EAAE,UAAU;~~AACtB~~,~~MAAM~~,KAAK,EAAE,KAAK,CAAC,OAAO;~~AAC1B~~,~~KAAK~~,CAAC;~~AACN~~,~~GAAG,CAAC~~;~~AACJ~~,~~EAAE~~,OAAO,EAAE,~~CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,~~MAAM~~;AACxC~~,~~IAAI,~~CAAC,WAAW,KAAK,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,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;~~AAC9J~~,~~IAAI~~,~~aAAa~~,EAAE;~~AACnB~~,~~MAAM~~,CAAC,WAAW,KAAK,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,CAAC,CAAC;~~AACzE~~,KAAK;AACL,~~GAAG~~,~~CAAC;AACJ,EAAE,~~OAAO,EAAE,~~CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,~~MAAM~~;AACxC~~,~~IAAI,~~CAAC,WAAW,KAAK,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,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;~~AAC9J~~,~~IAAI~~,~~aAAa~~,EAAE;~~AACnB~~,~~MAAM~~,CAAC,WAAW,KAAK,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,CAAC,CAAC;~~AACzE~~,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
1	+ {"version":3,"file":"Tabs.styles.js","sources":["../../../src/components/Tabs/Tabs.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, getSizeValue } from '@mantine/styles';\n\ninterface TabsStyles {\n tabPadding: MantineNumberSize;\n orientation: 'horizontal' \| 'vertical';\n}\n\nexport default createStyles((theme, { tabPadding, orientation }: TabsStyles, getRef) => {\n const tabsList = { ref: getRef('tabsList') } as const;\n\n return {\n tabsListWrapper: {},\n tabsList,\n\n root: {\n display: orientation === 'vertical' ? 'flex' : 'block',\n },\n\n pills: {\n marginRight: orientation === 'vertical' ? 20 : 0,\n },\n\n body: {\n [orientation === 'horizontal' ? 'paddingTop' : 'paddingLeft']: getSizeValue({\n size: tabPadding,\n sizes: theme.spacing,\n }),\n },\n\n default: {\n [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `2px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2]\n }`,\n\n [`& .${tabsList.ref}`]: {\n [orientation === 'horizontal' ? 'marginBottom' : 'marginRight']: -2,\n },\n },\n\n outline: {\n [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2]\n }`,\n\n [`& .${tabsList.ref}`]: {\n [orientation === 'horizontal' ? 'marginBottom' : 'marginRight']: -1,\n },\n },\n };\n});\n"],"names":["createStyles","getSizeValue"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,MAAM,KAAK;AAC5E,EAAE,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;AAC/C,EAAE,OAAO;AACT,IAAI,eAAe,EAAE,EAAE;AACvB,IAAI,QAAQ;AACZ,IAAI,IAAI,EAAE;AACV,MAAM,OAAO,EAAE,WAAW,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO;AAC5D,KAAK;AACL,IAAI,KAAK,EAAE;AACX,MAAM,WAAW,EAAE,WAAW,KAAK,UAAU,GAAG,EAAE,GAAG,CAAC;AACtD,KAAK;AACL,IAAI,IAAI,EAAE;AACV,MAAM,CAAC,WAAW,KAAK,YAAY,GAAG,YAAY,GAAG,aAAa,GAAGC,mBAAY,CAAC;AAClF,QAAQ,IAAI,EAAE,UAAU;AACxB,QAAQ,KAAK,EAAE,KAAK,CAAC,OAAO;AAC5B,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,CAAC,WAAW,KAAK,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,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;AAChK,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG;AAC9B,QAAQ,CAAC,WAAW,KAAK,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,CAAC,CAAC;AAC3E,OAAO;AACP,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,CAAC,WAAW,KAAK,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,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;AAChK,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG;AAC9B,QAAQ,CAAC,WAAW,KAAK,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,CAAC,CAAC;AAC3E,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}

package/cjs/components/Text/Text.js CHANGED Viewed

@@ -3,14 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
-var cx = require('clsx');
 var Text_styles = require('./Text.styles.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -53,7 +50,6 @@ function Text(_a) {
     align,
     variant = "text",
     lineClamp,
-    themeOverride,
     elementRef,
     gradient = { from: "blue", to: "cyan", deg: 45 },
     inline = false,
@@ -70,18 +66,15 @@ function Text(_a) {
     "align",
     "variant",
     "lineClamp",
-    "themeOverride",
     "elementRef",
     "gradient",
     "inline",
     "inherit"
   ]);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const classes = Text_styles['default']({
+  const { classes, cx } = Text_styles['default']({
     variant,
     color,
     size,
-    theme,
     lineClamp,
     inline,
     inherit,
@@ -91,7 +84,7 @@ function Text(_a) {
   }, null, "text");
   const Element = component || "div";
   return React__default.createElement(Element, __spreadValues({
-    className: cx__default(classes.root, { [classes.gradient]: variant === "gradient" }, className),
+    className: cx(classes.root, { [classes.gradient]: variant === "gradient" }, className),
     style: __spreadValues({
       fontWeight: inherit ? "inherit" : weight,
       textTransform: transform,

package/cjs/components/Text/Text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.js","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import React from 'react';\nimport ~~cx from 'clsx';\nimport~~ { ~~useMantineTheme,~~ DefaultProps, MantineSize, MantineGradient } from '~~../../theme~~';\nimport useStyles from './Text.styles';\n\nexport interface SharedTextProps extends DefaultProps {\n /** Predefined font-size from theme.fontSizes /\n size?: MantineSize;\n\n /* Text color from theme /\n color?: ~~string~~;\n\n /* Sets font-weight css property /\n weight?: React.CSSProperties['fontWeight'];\n\n /* Sets text-transform css property /\n transform?: 'capitalize' \| 'uppercase' \| 'lowercase';\n\n /* Sets text-align css property /\n align?: 'left' \| 'center' \| 'right';\n\n /* Link or text variant /\n variant?: 'text' \| 'link' \| 'gradient';\n\n /* CSS -webkit-line-clamp property /\n lineClamp?: number;\n\n /* Sets line-height to 1 for centering /\n inline?: boolean;\n\n /* Inherit font properties from parent element /\n inherit?: boolean;\n\n /* Controls gradient settings in gradient variant only /\n gradient?: MantineGradient;\n}\n\ninterface _TextProps<C extends React.ElementType, R extends HTMLElement> extends SharedTextProps {\n /* Root element or custom component /\n component?: C;\n\n /* Get element ref */\n elementRef?: React.ForwardedRef<R>;\n}\n\nexport type TextProps<\n C extends React.ElementType = 'div',\n R extends HTMLElement = HTMLDivElement\n> = _TextProps<C, R> & Omit<React.ComponentPropsWithoutRef<C>, keyof SharedTextProps>;\n\nexport function Text<C extends React.ElementType = 'div', R extends HTMLElement = HTMLDivElement>({\n className,\n component,\n children,\n size = 'md',\n weight,\n transform,\n style,\n color,\n align,\n variant = 'text',\n lineClamp,\n ~~themeOverride,\n~~ elementRef,\n gradient = { from: 'blue', to: 'cyan', deg: 45 },\n inline = false,\n inherit = false,\n ...others\n}: TextProps<C, R>): JSX.Element {\n const ~~theme~~ = ~~useMantineTheme(themeOverride);\n const~~ ~~classes~~ = useStyles(\n {\n variant,\n color,\n size,\n ~~theme,\n~~ lineClamp,\n inline,\n inherit,\n gradientFrom: gradient.from,\n gradientTo: gradient.to,\n gradientDeg: gradient.deg,\n },\n null,\n 'text'\n );\n const Element = component \|\| 'div';\n\n return React.createElement(\n Element,\n {\n className: cx(classes.root, { [classes.gradient]: variant === 'gradient' }, className),\n style: {\n fontWeight: inherit ? 'inherit' : weight,\n textTransform: transform,\n textAlign: align,\n ...style,\n },\n ref: elementRef,\n ...others,\n },\n children\n );\n}\n\nText.displayName = '@mantine/core/Text';\n"],"names":["~~useMantineTheme","~~useStyles","React"~~,"cx"~~],"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;~~AAKK~~,SAAS,IAAI,CAAC,EAAE,EAAE;AACzB,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,IAAI,GAAG,IAAI;AACf,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,OAAO,GAAG,MAAM;AACpB,IAAI,SAAS;AACb,IAAI,~~aAAa;AACjB,IAAI,~~UAAU;AACd,IAAI,QAAQ,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE;AACpD,IAAI,MAAM,GAAG,KAAK;AAClB,IAAI,OAAO,GAAG,KAAK;AACnB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,~~eAAe;AACnB,IAAI,~~YAAY;AAChB,IAAI,UAAU;AACd,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,~~KAAK~~,~~GAAGA,+BAAe~~,~~CAAC~~,~~aAAa~~,~~CAAC,CAAC;AAC/C,~~EAAE,~~MAAM~~,~~OAAO,GAAGC,~~sBAAS,CAAC;~~AAC5B~~,IAAI,OAAO;AACX,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,~~KAAK;AACT,IAAI,~~SAAS;AACb,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,YAAY,EAAE,QAAQ,CAAC,IAAI;AAC/B,IAAI,UAAU,EAAE,QAAQ,CAAC,EAAE;AAC3B,IAAI,WAAW,EAAE,QAAQ,CAAC,GAAG;AAC7B,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;AACnB,EAAE,MAAM,OAAO,GAAG,SAAS,IAAI,KAAK,CAAC;AACrC,EAAE,OAAOC,cAAK,CAAC,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC;AACrD,IAAI,SAAS,~~EAAEC~~,~~WAAE~~,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,OAAO,KAAK,UAAU,EAAE,EAAE,SAAS,CAAC;AAC1F,IAAI,KAAK,EAAE,cAAc,CAAC;AAC1B,MAAM,UAAU,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM;AAC9C,MAAM,aAAa,EAAE,SAAS;AAC9B,MAAM,SAAS,EAAE,KAAK;AACtB,KAAK,EAAE,KAAK,CAAC;AACb,IAAI,GAAG,EAAE,UAAU;AACnB,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AACxB,CAAC;AACD,IAAI,CAAC,WAAW,GAAG,oBAAoB;;;;"}
1	+ {"version":3,"file":"Text.js","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineSize, MantineGradient, MantineColor } from '@mantine/styles';\nimport useStyles from './Text.styles';\n\nexport interface SharedTextProps extends DefaultProps {\n /** Predefined font-size from theme.fontSizes /\n size?: MantineSize;\n\n /* Text color from theme /\n color?: MantineColor;\n\n /* Sets font-weight css property /\n weight?: React.CSSProperties['fontWeight'];\n\n /* Sets text-transform css property /\n transform?: 'capitalize' \| 'uppercase' \| 'lowercase';\n\n /* Sets text-align css property /\n align?: 'left' \| 'center' \| 'right';\n\n /* Link or text variant /\n variant?: 'text' \| 'link' \| 'gradient';\n\n /* CSS -webkit-line-clamp property /\n lineClamp?: number;\n\n /* Sets line-height to 1 for centering /\n inline?: boolean;\n\n /* Inherit font properties from parent element /\n inherit?: boolean;\n\n /* Controls gradient settings in gradient variant only /\n gradient?: MantineGradient;\n}\n\ninterface _TextProps<C extends React.ElementType, R extends HTMLElement> extends SharedTextProps {\n /* Root element or custom component /\n component?: C;\n\n /* Get element ref */\n elementRef?: React.ForwardedRef<R>;\n}\n\nexport type TextProps<\n C extends React.ElementType = 'div',\n R extends HTMLElement = HTMLDivElement\n> = _TextProps<C, R> & Omit<React.ComponentPropsWithoutRef<C>, keyof SharedTextProps>;\n\nexport function Text<C extends React.ElementType = 'div', R extends HTMLElement = HTMLDivElement>({\n className,\n component,\n children,\n size = 'md',\n weight,\n transform,\n style,\n color,\n align,\n variant = 'text',\n lineClamp,\n elementRef,\n gradient = { from: 'blue', to: 'cyan', deg: 45 },\n inline = false,\n inherit = false,\n ...others\n}: TextProps<C, R>): JSX.Element {\n const { classes, cx } = useStyles(\n {\n variant,\n color,\n size,\n lineClamp,\n inline,\n inherit,\n gradientFrom: gradient.from,\n gradientTo: gradient.to,\n gradientDeg: gradient.deg,\n },\n null,\n 'text'\n );\n const Element = component \|\| 'div';\n\n return React.createElement(\n Element,\n {\n className: cx(classes.root, { [classes.gradient]: variant === 'gradient' }, className),\n style: {\n fontWeight: inherit ? 'inherit' : weight,\n textTransform: transform,\n textAlign: align,\n ...style,\n },\n ref: elementRef,\n ...others,\n },\n children\n );\n}\n\nText.displayName = '@mantine/core/Text';\n"],"names":["useStyles","React"],"mappings":"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"}

package/cjs/components/Text/Text.styles.js CHANGED Viewed

@@ -2,10 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var createMemoStyles = require('../../theme/create-memo-styles.js');
-var getFontStyles = require('../../theme/utils/get-font-styles/get-font-styles.js');
-var getFocusStyles = require('../../theme/utils/get-focus-styles/get-focus-styles.js');
-var getSharedColorScheme = require('../../theme/utils/get-shared-color-scheme/get-shared-color-scheme.js');
+var styles = require('@mantine/styles');
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -44,30 +41,40 @@ function getLineClamp(lineClamp) {
   }
   return null;
 }
-var useStyles = createMemoStyles.createMemoStyles({
-  root: ({ theme, color, variant, size, lineClamp, inline, inherit }) => __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, getFontStyles.getFontStyles(theme)), getFocusStyles.getFocusStyles(theme)), getLineClamp(lineClamp)), {
-    color: getTextColor({ color, theme, variant }),
-    fontFamily: inherit ? "inherit" : theme.fontFamily,
-    fontSize: inherit ? "inherit" : theme.fontSizes[size],
-    lineHeight: inherit ? "inherit" : inline ? 1 : theme.lineHeight,
-    textDecoration: "none",
-    WebkitTapHighlightColor: "transparent",
-    "&:hover": {
-      textDecoration: variant === "link" ? "underline" : "none"
-    }
-  }),
-  gradient: ({ theme, gradientDeg, gradientTo, gradientFrom }) => {
-    const colors = getSharedColorScheme.getSharedColorScheme({
-      theme,
-      variant: "gradient",
-      gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg }
-    });
-    return {
+var useStyles = styles.createStyles((theme, {
+  color,
+  variant,
+  size,
+  lineClamp,
+  inline,
+  inherit,
+  gradientDeg,
+  gradientTo,
+  gradientFrom
+}) => {
+  const colors = styles.getSharedColorScheme({
+    theme,
+    variant: "gradient",
+    gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg }
+  });
+  return {
+    root: __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, styles.getFontStyles(theme)), styles.getFocusStyles(theme)), getLineClamp(lineClamp)), {
+      color: getTextColor({ color, theme, variant }),
+      fontFamily: inherit ? "inherit" : theme.fontFamily,
+      fontSize: inherit ? "inherit" : theme.fontSizes[size],
+      lineHeight: inherit ? "inherit" : inline ? 1 : theme.lineHeight,
+      textDecoration: "none",
+      WebkitTapHighlightColor: "transparent",
+      "&:hover": {
+        textDecoration: variant === "link" ? "underline" : "none"
+      }
+    }),
+    gradient: {
       backgroundImage: colors.background,
       WebkitBackgroundClip: "text",
       WebkitTextFillColor: "transparent"
-    };
-  }
+    }
+  };
 });
 exports.default = useStyles;

package/cjs/components/Text/Text.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.styles.js","sources":["../../../src/components/Text/Text.styles.ts"],"sourcesContent":["import {\n ~~createMemoStyles~~,\n MantineTheme,\n MantineSize,\n getFocusStyles,\n getFontStyles,\n getSharedColorScheme,\n} from '~~../../theme~~';\n\ninterface TextStyles {\n ~~theme: MantineTheme;\n~~ color: ~~string~~;\n variant: 'text' \| 'link' \| 'gradient';\n size: MantineSize;\n lineClamp: number;\n inline: boolean;\n inherit: boolean;\n gradientFrom: string;\n gradientTo: string;\n gradientDeg: number;\n}\n\nfunction getTextColor({ theme, color, variant }: ~~Partial<TextStyles>~~) {\n if (color === 'dimmed') {\n return theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6];\n }\n\n return color in theme.colors\n ? theme.colors[color][theme.colorScheme === 'dark' ? 5 : 7]\n : variant === 'link'\n ? theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 5 : 7]\n : theme.colorScheme === 'dark'\n ? theme.colors.dark[0]\n : theme.black;\n}\n\nfunction getLineClamp(lineClamp: number): React.CSSProperties {\n if (typeof lineClamp === 'number') {\n return {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: lineClamp,\n WebkitBoxOrient: 'vertical',\n };\n }\n\n return null;\n}\n\nexport default ~~createMemoStyles~~({\n ~~root~~: ({ ~~theme,~~ ~~color,~~ variant, ~~size,~~ ~~lineClamp~~, ~~inline~~, ~~inherit~~ }~~: TextStyles~~) => ({\n ...getFontStyles(theme),\n ...getFocusStyles(theme),\n ...getLineClamp(lineClamp),\n color: getTextColor({ color, theme, variant }),\n fontFamily: inherit ? 'inherit' : theme.fontFamily,\n fontSize: inherit ? 'inherit' : theme.fontSizes[size],\n lineHeight: inherit ? 'inherit' : inline ? 1 : theme.lineHeight,\n textDecoration: 'none',\n WebkitTapHighlightColor: 'transparent',\n\n '&:hover': {\n textDecoration: variant === 'link' ? 'underline' : 'none',\n },\n }),\n\n ~~gradient: ({ theme, gradientDeg, gradientTo, gradientFrom }: TextStyles) => {\n const colors = getSharedColorScheme({\n~~ ~~theme,\n variant: '~~gradient~~',\n gradient~~: { ~~from: gradientFrom, to: gradientTo, deg: gradientDeg },\n });\n~~\n ~~return {\n~~ backgroundImage: colors.background,\n WebkitBackgroundClip: 'text',\n WebkitTextFillColor: 'transparent',\n };\n },\n});\n"],"names":["~~createMemoStyles~~","~~getFontStyles~~","~~getFocusStyles~~","~~getSharedColorScheme~~"],"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;AAOlE,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;AACjD,EAAE,IAAI,KAAK,KAAK,QAAQ,EAAE;AAC1B,IAAI,OAAO,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACtF,GAAG;AACH,EAAE,OAAO,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC;AAC7P,CAAC;AACD,SAAS,YAAY,CAAC,SAAS,EAAE;AACjC,EAAE,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AACrC,IAAI,OAAO;AACX,MAAM,QAAQ,EAAE,QAAQ;AACxB,MAAM,YAAY,EAAE,UAAU;AAC9B,MAAM,OAAO,EAAE,aAAa;AAC5B,MAAM,eAAe,EAAE,SAAS;AAChC,MAAM,eAAe,EAAE,UAAU;AACjC,KAAK,CAAC;AACN,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,gBAAeA,~~iCAAgB~~,CAAC;~~AAChC~~,EAAE,IAAI,EAAE,~~CAAC~~,EAAE,~~KAAK~~,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,~~SAAS~~,EAAE,~~MAAM~~,EAAE,OAAO,EAAE,~~KAAK,~~aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAEC,~~2BAAa~~,CAAC,KAAK,CAAC,CAAC,EAAEC,~~6BAAc~~,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC,EAAE;~~AACjN~~,~~IAAI~~,KAAK,EAAE,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;~~AAClD~~,~~IAAI~~,UAAU,EAAE,OAAO,GAAG,SAAS,GAAG,KAAK,CAAC,UAAU;~~AACtD~~,~~IAAI~~,QAAQ,EAAE,OAAO,GAAG,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;~~AACzD~~,~~IAAI~~,UAAU,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU;~~AACnE~~,~~IAAI~~,cAAc,EAAE,MAAM;~~AAC1B~~,~~IAAI~~,uBAAuB,EAAE,aAAa;~~AAC1C~~,~~IAAI~~,SAAS,EAAE;~~AACf~~,~~MAAM~~,cAAc,EAAE,OAAO,KAAK,MAAM,GAAG,WAAW,GAAG,MAAM;~~AAC/D~~,~~KAAK~~;~~AACL~~,~~GAAG~~,CAAC;~~AACJ~~,~~EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK;AAClE,~~IAAI,~~MAAM,MAAM,GAAGC,yCAAoB,CAAC;AACxC,MAAM,KAAK;AACX,MAAM,OAAO,EAAE,UAAU;AACzB,MAAM,~~QAAQ,EAAE~~,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,WAAW,EAAE~~;~~AACxE~~,~~KAAK,CAAC,CAAC;AACP,IAAI,OAAO;AACX,~~MAAM,eAAe,EAAE,MAAM,CAAC,UAAU;AACxC,MAAM,oBAAoB,EAAE,MAAM;AAClC,MAAM,mBAAmB,EAAE,aAAa;AACxC,KAAK~~,CAAC~~;~~AACN~~,GAAG;~~AACH~~,CAAC,CAAC;;;;"}
1	+ {"version":3,"file":"Text.styles.js","sources":["../../../src/components/Text/Text.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineTheme,\n MantineSize,\n getFocusStyles,\n getFontStyles,\n getSharedColorScheme,\n MantineColor,\n} from '@mantine/styles';\n\ninterface TextStyles {\n color: MantineColor;\n variant: 'text' \| 'link' \| 'gradient';\n size: MantineSize;\n lineClamp: number;\n inline: boolean;\n inherit: boolean;\n gradientFrom: string;\n gradientTo: string;\n gradientDeg: number;\n}\n\ninterface GetTextColor {\n theme: MantineTheme;\n color: MantineColor;\n variant: TextStyles['variant'];\n}\n\nfunction getTextColor({ theme, color, variant }: GetTextColor) {\n if (color === 'dimmed') {\n return theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6];\n }\n\n return color in theme.colors\n ? theme.colors[color][theme.colorScheme === 'dark' ? 5 : 7]\n : variant === 'link'\n ? theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 5 : 7]\n : theme.colorScheme === 'dark'\n ? theme.colors.dark[0]\n : theme.black;\n}\n\nfunction getLineClamp(lineClamp: number): React.CSSProperties {\n if (typeof lineClamp === 'number') {\n return {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: lineClamp,\n WebkitBoxOrient: 'vertical',\n };\n }\n\n return null;\n}\n\nexport default createStyles(\n (\n theme,\n {\n color,\n variant,\n size,\n lineClamp,\n inline,\n inherit,\n gradientDeg,\n gradientTo,\n gradientFrom,\n }: TextStyles\n ) => {\n const colors = getSharedColorScheme({\n theme,\n variant: 'gradient',\n gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n });\n\n return {\n root: {\n ...getFontStyles(theme),\n ...getFocusStyles(theme),\n ...getLineClamp(lineClamp),\n color: getTextColor({ color, theme, variant }),\n fontFamily: inherit ? 'inherit' : theme.fontFamily,\n fontSize: inherit ? 'inherit' : theme.fontSizes[size],\n lineHeight: inherit ? 'inherit' : inline ? 1 : theme.lineHeight,\n textDecoration: 'none',\n WebkitTapHighlightColor: 'transparent',\n\n '&:hover': {\n textDecoration: variant === 'link' ? 'underline' : 'none',\n },\n },\n\n gradient: {\n backgroundImage: colors.background,\n WebkitBackgroundClip: 'text',\n WebkitTextFillColor: 'transparent',\n },\n };\n }\n);\n"],"names":["createStyles","getSharedColorScheme","getFontStyles","getFocusStyles"],"mappings":"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"}

package/cjs/components/TextInput/TextInput.js CHANGED Viewed

@@ -53,7 +53,6 @@ function TextInput(_a) {
     style,
     icon,
     description,
-    themeOverride,
     wrapperProps,
     elementRef,
     size = "sm",
@@ -70,7 +69,6 @@ function TextInput(_a) {
     "style",
     "icon",
     "description",
-    "themeOverride",
     "wrapperProps",
     "elementRef",
     "size",
@@ -88,7 +86,6 @@ function TextInput(_a) {
     size,
     className,
     style,
-    themeOverride,
     classNames,
     styles,
     __staticSelector
@@ -100,7 +97,6 @@ function TextInput(_a) {
     invalid: !!error,
     icon,
     size,
-    themeOverride,
     classNames,
     styles,
     __staticSelector

package/cjs/components/TextInput/TextInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextInput.js","sources":["../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '@mantine/hooks';\nimport { DefaultProps, MantineSize } from '~~../../theme~~';\nimport { Input, InputBaseProps, InputStylesNames } from '../Input/Input';\nimport {\n InputWrapperBaseProps,\n InputWrapper,\n InputWrapperStylesNames,\n} from '../InputWrapper/InputWrapper';\n\nexport type TextInputStylesNames = InputStylesNames \| InputWrapperStylesNames;\n\nexport interface TextInputProps\n extends DefaultProps<TextInputStylesNames>,\n InputBaseProps,\n InputWrapperBaseProps,\n Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {\n /** id is used to bind input and label, if not passed unique id will be generated for each input /\n id?: string;\n\n /* Adds icon on the left side of input /\n icon?: React.ReactNode;\n\n /* Input element type /\n type?: 'text' \| 'password' \| 'email' \| 'search' \| 'tel' \| 'url' \| 'number';\n\n /* Props passed to root element (InputWrapper component) /\n wrapperProps?: ~~Record~~<string, any~~>;\~~n\n /* Get element ref /\n elementRef?: React.ForwardedRef<HTMLInputElement>;\n\n /* Input size /\n size?: MantineSize;\n\n /* Static css selector base */\n __staticSelector?: string;\n}\n\nexport function TextInput({\n className,\n id,\n label,\n error,\n required,\n type = 'text',\n style,\n icon,\n description,\n ~~themeOverride,\n~~ wrapperProps,\n elementRef,\n size = 'sm',\n classNames,\n styles,\n __staticSelector = 'text-input',\n ...others\n}: TextInputProps) {\n const uuid = useId(id);\n\n return (\n <InputWrapper\n required={required}\n id={uuid}\n label={label}\n error={error}\n description={description}\n size={size}\n className={className}\n style={style}\n ~~themeOverride={themeOverride}\n~~ classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n {...wrapperProps}\n >\n <Input<'input', HTMLInputElement>\n {...others}\n required={required}\n elementRef={elementRef}\n id={uuid}\n type={type}\n invalid={!!error}\n icon={icon}\n size={size}\n ~~themeOverride={themeOverride}\n~~ classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n />\n </InputWrapper>\n );\n}\n\nTextInput.displayName = '@mantine/core/TextInput';\n"],"names":["useId","React","InputWrapper","Input"],"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;AAOK,SAAS,SAAS,CAAC,EAAE,EAAE;AAC9B,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,SAAS;AACb,IAAI,EAAE;AACN,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,IAAI,GAAG,MAAM;AACjB,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,WAAW;AACf,IAAI,~~aAAa;AACjB,IAAI,~~YAAY;AAChB,IAAI,UAAU;AACd,IAAI,IAAI,GAAG,IAAI;AACf,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,gBAAgB,GAAG,YAAY;AACnC,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,IAAI;AACR,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,aAAa;AACjB,IAAI,~~eAAe;AACnB,IAAI,~~cAAc;AAClB,IAAI,YAAY;AAChB,IAAI,MAAM;AACV,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,kBAAkB;AACtB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,IAAI,GAAGA,WAAK,CAAC,EAAE,CAAC,CAAC;AACzB,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,yBAAY,EAAE,cAAc,CAAC;AAC1E,IAAI,QAAQ;AACZ,IAAI,EAAE,EAAE,IAAI;AACZ,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,WAAW;AACf,IAAI,IAAI;AACR,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,~~aAAa;AACjB,IAAI,~~UAAU;AACd,IAAI,MAAM;AACV,IAAI,gBAAgB;AACpB,GAAG,EAAE,YAAY,CAAC,kBAAkBD,cAAK,CAAC,aAAa,CAACE,WAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE;AACzG,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,EAAE,EAAE,IAAI;AACZ,IAAI,IAAI;AACR,IAAI,OAAO,EAAE,CAAC,CAAC,KAAK;AACpB,IAAI,IAAI;AACR,IAAI,IAAI;AACR,IAAI,~~aAAa;AACjB,IAAI,~~UAAU;AACd,IAAI,MAAM;AACV,IAAI,gBAAgB;AACpB,GAAG,CAAC,CAAC,CAAC,CAAC;AACP,CAAC;AACD,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}
1	+ {"version":3,"file":"TextInput.js","sources":["../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '@mantine/hooks';\nimport { DefaultProps, MantineSize } from '@mantine/styles';\nimport { Input, InputBaseProps, InputStylesNames } from '../Input/Input';\nimport {\n InputWrapperBaseProps,\n InputWrapper,\n InputWrapperStylesNames,\n} from '../InputWrapper/InputWrapper';\n\nexport type TextInputStylesNames = InputStylesNames \| InputWrapperStylesNames;\n\nexport interface TextInputProps\n extends DefaultProps<TextInputStylesNames>,\n InputBaseProps,\n InputWrapperBaseProps,\n Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {\n /** id is used to bind input and label, if not passed unique id will be generated for each input /\n id?: string;\n\n /* Adds icon on the left side of input /\n icon?: React.ReactNode;\n\n /* Input element type /\n type?: 'text' \| 'password' \| 'email' \| 'search' \| 'tel' \| 'url' \| 'number';\n\n /* Props passed to root element (InputWrapper component) /\n wrapperProps?: React.ComponentPropsWithoutRef<'div'> & { [key: string]: any };\n\n /* Get element ref /\n elementRef?: React.ForwardedRef<HTMLInputElement>;\n\n /* Input size /\n size?: MantineSize;\n\n /* Static css selector base */\n __staticSelector?: string;\n}\n\nexport function TextInput({\n className,\n id,\n label,\n error,\n required,\n type = 'text',\n style,\n icon,\n description,\n wrapperProps,\n elementRef,\n size = 'sm',\n classNames,\n styles,\n __staticSelector = 'text-input',\n ...others\n}: TextInputProps) {\n const uuid = useId(id);\n\n return (\n <InputWrapper\n required={required}\n id={uuid}\n label={label}\n error={error}\n description={description}\n size={size}\n className={className}\n style={style}\n classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n {...wrapperProps}\n >\n <Input<'input', HTMLInputElement>\n {...others}\n required={required}\n elementRef={elementRef}\n id={uuid}\n type={type}\n invalid={!!error}\n icon={icon}\n size={size}\n classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n />\n </InputWrapper>\n );\n}\n\nTextInput.displayName = '@mantine/core/TextInput';\n"],"names":["useId","React","InputWrapper","Input"],"mappings":"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"}

package/cjs/components/Textarea/Textarea.js CHANGED Viewed

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var TextareaAutosize = require('react-textarea-autosize');
 var hooks = require('@mantine/hooks');
+var styles = require('@mantine/styles');
 var InputWrapper = require('../InputWrapper/InputWrapper.js');
 var Input = require('../Input/Input.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
@@ -56,12 +56,11 @@ function Textarea(_a) {
     id,
     className,
     required,
-    themeOverride,
     style,
     wrapperProps,
     elementRef,
     classNames,
-    styles,
+    styles: styles$1,
     size = "sm",
     __staticSelector = "textarea"
   } = _b, others = __objRest(_b, [
@@ -74,7 +73,6 @@ function Textarea(_a) {
     "id",
     "className",
     "required",
-    "themeOverride",
     "style",
     "wrapperProps",
     "elementRef",
@@ -84,12 +82,12 @@ function Textarea(_a) {
     "__staticSelector"
   ]);
   const uuid = hooks.useId(id);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const inputStyles = __spreadProps(__spreadValues({}, styles), {
+  const theme = styles.useMantineTheme();
+  const inputStyles = __spreadProps(__spreadValues({}, styles$1), {
     input: __spreadValues({
       paddingTop: theme.spacing.xs,
       paddingBottom: theme.spacing.xs
-    }, styles == null ? void 0 : styles.input)
+    }, styles$1 == null ? void 0 : styles$1.input)
   });
   return /* @__PURE__ */ React__default.createElement(InputWrapper.InputWrapper, __spreadValues({
     label,
@@ -100,7 +98,7 @@ function Textarea(_a) {
     style,
     className,
     classNames,
-    styles,
+    styles: styles$1,
     size,
     __staticSelector
   }, wrapperProps), autosize ? /* @__PURE__ */ React__default.createElement(Input.Input, __spreadValues({

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React from 'react';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport { useId } from '@mantine/hooks';\nimport { useMantineTheme, DefaultProps, MantineSize } from '~~../../theme~~';\nimport {\n InputWrapperBaseProps,\n InputWrapper,\n InputWrapperStylesNames,\n} from '../InputWrapper/InputWrapper';\nimport { Input, InputBaseProps, InputStylesNames } from '../Input/Input';\n\nexport type TextareaStylesNames = InputStylesNames \| InputWrapperStylesNames;\n\nexport interface TextareaProps\n extends DefaultProps<TextareaStylesNames>,\n InputWrapperBaseProps,\n InputBaseProps,\n React.ComponentPropsWithoutRef<'textarea'> {\n /** Id is used to bind input and label, if not passed unique id will be generated for each input /\n id?: string;\n\n /* If true textarea will grow with content until maxRows are reached /\n autosize?: boolean;\n\n /* Defines maxRows in autosize variant, not applicable to regular variant /\n maxRows?: number;\n\n /* Defined minRows in autosize variant and rows in regular variant /\n minRows?: number;\n\n /* Props passed to root element (InputWrapper component) /\n wrapperProps?: ~~Record~~<string, any~~>;\~~n\n /* Get element ref /\n elementRef?: React.ForwardedRef<HTMLTextAreaElement>;\n\n /* Input size /\n size?: MantineSize;\n\n /* Static selectors base */\n __staticSelector?: string;\n}\n\nexport function Textarea({\n autosize = false,\n maxRows,\n minRows,\n label,\n error,\n description,\n id,\n className,\n required,\n ~~themeOverride,\n~~ style,\n wrapperProps,\n elementRef,\n classNames,\n styles,\n size = 'sm',\n __staticSelector = 'textarea',\n ...others\n}: TextareaProps) {\n const uuid = useId(id);\n const theme = useMantineTheme(~~themeOverride~~);\n\n const inputStyles = {\n ...styles,\n input: {\n paddingTop: theme.spacing.xs,\n paddingBottom: theme.spacing.xs,\n ...styles?.input,\n },\n };\n\n return (\n <InputWrapper\n label={label}\n error={error}\n id={uuid}\n description={description}\n required={required}\n style={style}\n className={className}\n classNames={classNames}\n styles={styles}\n size={size}\n __staticSelector={__staticSelector}\n {...wrapperProps}\n >\n {autosize ? (\n <Input<typeof TextareaAutosize, HTMLTextAreaElement>\n required={required}\n component={TextareaAutosize}\n invalid={!!error}\n maxRows={maxRows}\n minRows={minRows}\n id={uuid}\n elementRef={elementRef}\n classNames={classNames}\n styles={inputStyles}\n size={size}\n multiline\n {...others}\n />\n ) : (\n <Input<'textarea', HTMLTextAreaElement>\n component=\"textarea\"\n required={required}\n id={uuid}\n invalid={!!error}\n rows={minRows}\n elementRef={elementRef}\n classNames={classNames}\n styles={inputStyles}\n size={size}\n __staticSelector={__staticSelector}\n multiline\n {...others}\n />\n )}\n </InputWrapper>\n );\n}\n\nTextarea.displayName = '@mantine/core/Textarea';\n"],"names":["useId","useMantineTheme","React","InputWrapper","Input","TextareaAutosize"],"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;AASK,SAAS,QAAQ,CAAC,EAAE,EAAE;AAC7B,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,QAAQ,GAAG,KAAK;AACpB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,WAAW;AACf,IAAI,EAAE;AACN,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,~~aAAa;AACjB,IAAI,~~KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,UAAU;AACd,~~IAAI~~,~~MAAM~~;AACV,IAAI,IAAI,GAAG,IAAI;AACf,IAAI,gBAAgB,GAAG,UAAU;AACjC,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,aAAa;AACjB,IAAI,IAAI;AACR,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,~~eAAe;AACnB,IAAI,~~OAAO;AACX,IAAI,cAAc;AAClB,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,MAAM;AACV,IAAI,kBAAkB;AACtB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,IAAI,~~GAAGA~~,WAAK,CAAC,EAAE,CAAC,CAAC;AACzB,EAAE,MAAM,KAAK,GAAGC~~,+BAAe~~,~~CAAC~~,~~aAAa~~,CAAC~~,CAAC~~;~~AAC/C~~,EAAE,MAAM,WAAW,GAAG,aAAa,CAAC,cAAc,CAAC,EAAE,~~EAAE~~,~~MAAM~~,CAAC,EAAE;AAChE,IAAI,KAAK,EAAE,cAAc,CAAC;AAC1B,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAClC,MAAM,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AACrC,KAAK,~~EAAE~~,~~MAAM~~,IAAI,IAAI,GAAG,KAAK,CAAC,~~GAAG~~,~~MAAM~~,CAAC,KAAK,CAAC;AAC9C,GAAG,CAAC,CAAC;AACL,EAAE,~~uBAAuBC~~,cAAK,CAAC,aAAa,CAACC,yBAAY,EAAE,cAAc,CAAC;AAC1E,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,EAAE,EAAE,IAAI;AACZ,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,SAAS;AACb,IAAI,UAAU;AACd,~~IAAI~~,~~MAAM~~;AACV,IAAI,IAAI;AACR,IAAI,gBAAgB;AACpB,GAAG,EAAE,YAAY,CAAC,EAAE,QAAQ,~~mBAAmBD~~,cAAK,CAAC,aAAa,CAACE,WAAK,EAAE,cAAc,CAAC;AACzF,IAAI,QAAQ;AACZ,IAAI,SAAS,EAAEC,yBAAgB;AAC/B,IAAI,OAAO,EAAE,CAAC,CAAC,KAAK;AACpB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,EAAE,EAAE,IAAI;AACZ,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,IAAI;AACR,IAAI,SAAS,EAAE,IAAI;AACnB,GAAG,EAAE,MAAM,CAAC,CAAC,mBAAmBH,cAAK,CAAC,aAAa,CAACE,WAAK,EAAE,cAAc,CAAC;AAC1E,IAAI,SAAS,EAAE,UAAU;AACzB,IAAI,QAAQ;AACZ,IAAI,EAAE,EAAE,IAAI;AACZ,IAAI,OAAO,EAAE,CAAC,CAAC,KAAK;AACpB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,IAAI;AACR,IAAI,gBAAgB;AACpB,IAAI,SAAS,EAAE,IAAI;AACnB,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;AACf,CAAC;AACD,QAAQ,CAAC,WAAW,GAAG,wBAAwB;;;;"}
1	+ {"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React from 'react';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport { useId } from '@mantine/hooks';\nimport { useMantineTheme, DefaultProps, MantineSize } from '@mantine/styles';\nimport {\n InputWrapperBaseProps,\n InputWrapper,\n InputWrapperStylesNames,\n} from '../InputWrapper/InputWrapper';\nimport { Input, InputBaseProps, InputStylesNames } from '../Input/Input';\n\nexport type TextareaStylesNames = InputStylesNames \| InputWrapperStylesNames;\n\nexport interface TextareaProps\n extends DefaultProps<TextareaStylesNames>,\n InputWrapperBaseProps,\n InputBaseProps,\n React.ComponentPropsWithoutRef<'textarea'> {\n /** Id is used to bind input and label, if not passed unique id will be generated for each input /\n id?: string;\n\n /* If true textarea will grow with content until maxRows are reached /\n autosize?: boolean;\n\n /* Defines maxRows in autosize variant, not applicable to regular variant /\n maxRows?: number;\n\n /* Defined minRows in autosize variant and rows in regular variant /\n minRows?: number;\n\n /* Props passed to root element (InputWrapper component) /\n wrapperProps?: React.ComponentPropsWithoutRef<'div'> & { [key: string]: any };\n\n /* Get element ref /\n elementRef?: React.ForwardedRef<HTMLTextAreaElement>;\n\n /* Input size /\n size?: MantineSize;\n\n /* Static selectors base */\n __staticSelector?: string;\n}\n\nexport function Textarea({\n autosize = false,\n maxRows,\n minRows,\n label,\n error,\n description,\n id,\n className,\n required,\n style,\n wrapperProps,\n elementRef,\n classNames,\n styles,\n size = 'sm',\n __staticSelector = 'textarea',\n ...others\n}: TextareaProps) {\n const uuid = useId(id);\n const theme = useMantineTheme();\n\n const inputStyles = {\n ...styles,\n input: {\n paddingTop: theme.spacing.xs,\n paddingBottom: theme.spacing.xs,\n ...styles?.input,\n },\n };\n\n return (\n <InputWrapper\n label={label}\n error={error}\n id={uuid}\n description={description}\n required={required}\n style={style}\n className={className}\n classNames={classNames}\n styles={styles}\n size={size}\n __staticSelector={__staticSelector}\n {...wrapperProps}\n >\n {autosize ? (\n <Input<typeof TextareaAutosize, HTMLTextAreaElement>\n required={required}\n component={TextareaAutosize}\n invalid={!!error}\n maxRows={maxRows}\n minRows={minRows}\n id={uuid}\n elementRef={elementRef}\n classNames={classNames}\n styles={inputStyles}\n size={size}\n multiline\n {...others}\n />\n ) : (\n <Input<'textarea', HTMLTextAreaElement>\n component=\"textarea\"\n required={required}\n id={uuid}\n invalid={!!error}\n rows={minRows}\n elementRef={elementRef}\n classNames={classNames}\n styles={inputStyles}\n size={size}\n __staticSelector={__staticSelector}\n multiline\n {...others}\n />\n )}\n </InputWrapper>\n );\n}\n\nTextarea.displayName = '@mantine/core/Textarea';\n"],"names":["styles","useId","useMantineTheme","React","InputWrapper","Input","TextareaAutosize"],"mappings":"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"}

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

@@ -3,14 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
-var cx = require('clsx');
 var ThemeIcon_styles = require('./ThemeIcon.styles.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -40,7 +37,6 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const THEME_ICON_SIZES = ThemeIcon_styles.sizes;
 function ThemeIcon(_a) {
   var _b = _a, {
     className,
@@ -49,8 +45,7 @@ function ThemeIcon(_a) {
     variant = "filled",
     color,
     children,
-    gradient = { from: "blue", to: "cyan", deg: 45 },
-    themeOverride
+    gradient = { from: "blue", to: "cyan", deg: 45 }
   } = _b, others = __objRest(_b, [
     "className",
     "size",
@@ -58,12 +53,10 @@ function ThemeIcon(_a) {
     "variant",
     "color",
     "children",
-    "gradient",
-    "themeOverride"
+    "gradient"
   ]);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const classes = ThemeIcon_styles['default']({
-    theme,
+  const { classes, cx } = ThemeIcon_styles['default']({
+    variant,
     radius,
     color,
     size,
@@ -72,11 +65,10 @@ function ThemeIcon(_a) {
     gradientDeg: gradient.deg
   }, null, "theme-icon");
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
-    className: cx__default(classes.root, classes[variant], className)
+    className: cx(classes.root, className)
   }, others), children);
 }
 ThemeIcon.displayName = "@mantine/core/ThemeIcon";
-exports.THEME_ICON_SIZES = THEME_ICON_SIZES;
 exports.ThemeIcon = ThemeIcon;
 //# sourceMappingURL=ThemeIcon.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeIcon.js","sources":["../../../src/components/ThemeIcon/ThemeIcon.tsx"],"sourcesContent":["import React from 'react';\nimport ~~cx from 'clsx';\nimport~~ { DefaultProps, MantineNumberSize, ~~useMantineTheme~~, ~~MantineGradient~~ } from '~~../../theme~~';\nimport useStyles, { ~~sizes~~ } from './ThemeIcon.styles';\n\nexport ~~const THEME_ICON_SIZES = sizes;\n\nexport~~ interface ThemeIconProps extends DefaultProps, React.ComponentProps<'div'> {\n /** Icon /\n children: React.ReactNode;\n\n /* Predefined width and height or number for width and height in px /\n size?: MantineNumberSize;\n\n /* Predefined border-radius from theme.radius or number for border-radius in px /\n radius?: MantineNumberSize;\n\n /* Icon color from theme /\n color?: ~~string~~;\n\n /* Controls appearance /\n variant?: ~~'filled' \| 'light' \| 'gradient'~~;\n\n /* Controls gradient settings in gradient variant only */\n gradient?: MantineGradient;\n}\n\nexport function ThemeIcon({\n className,\n size = 'md',\n radius = 'sm',\n variant = 'filled',\n color,\n children,\n gradient = { from: 'blue', to: 'cyan', deg: 45 },\n ~~themeOverride,\n~~ ...others\n}: ThemeIconProps) {\n const ~~theme~~ = ~~useMantineTheme(themeOverride);\n const~~ ~~classes~~ = useStyles(\n {\n ~~theme~~,\n radius,\n color,\n size,\n gradientFrom: gradient.from,\n gradientTo: gradient.to,\n gradientDeg: gradient.deg,\n },\n null,\n 'theme-icon'\n );\n\n return (\n <div className={cx(classes.root, ~~classes[variant],~~ className)} {...others}>\n {children}\n </div>\n );\n}\n\nThemeIcon.displayName = '@mantine/core/ThemeIcon';\n"],"names":["~~sizes","useMantineTheme","~~useStyles","React"~~,"cx"~~],"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,gBAAgB,GAAGA,uBAAM;AAC/B,~~SAAS,SAAS,CAAC,EAAE,EAAE;AAC9B,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,SAAS;AACb,IAAI,IAAI,GAAG,IAAI;AACf,IAAI,MAAM,GAAG,IAAI;AACjB,IAAI,OAAO,GAAG,QAAQ;AACtB,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,QAAQ,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE;AACpD,~~IAAI,aAAa;AACjB,~~GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,UAAU;AACd,~~IAAI,eAAe;AACnB,~~GAAG,CAAC,CAAC;AACL,EAAE,MAAM,~~KAAK~~,~~GAAGC,+BAAe~~,~~CAAC~~,~~aAAa~~,~~CAAC,CAAC;AAC/C,~~EAAE,~~MAAM~~,~~OAAO,GAAGC,~~2BAAS,CAAC;~~AAC5B~~,IAAI,~~KAAK~~;~~AACT~~,IAAI,MAAM;AACV,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,YAAY,EAAE,QAAQ,CAAC,IAAI;AAC/B,IAAI,UAAU,EAAE,QAAQ,CAAC,EAAE;AAC3B,IAAI,WAAW,EAAE,QAAQ,CAAC,GAAG;AAC7B,GAAG,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;AACzB,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,SAAS,~~EAAEC~~,~~WAAE~~,CAAC,OAAO,CAAC,IAAI,EAAE,~~OAAO,CAAC,OAAO,CAAC,EAAE,~~SAAS,CAAC;~~AAC5D~~,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AACxB,CAAC;AACD,SAAS,CAAC,WAAW,GAAG,yBAAyB~~;;;;;~~"}
1	+ {"version":3,"file":"ThemeIcon.js","sources":["../../../src/components/ThemeIcon/ThemeIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineNumberSize, MantineGradient, MantineColor } from '@mantine/styles';\nimport useStyles, { ThemeIconVariant } from './ThemeIcon.styles';\n\nexport interface ThemeIconProps extends DefaultProps, React.ComponentProps<'div'> {\n /** Icon /\n children: React.ReactNode;\n\n /* Predefined width and height or number for width and height in px /\n size?: MantineNumberSize;\n\n /* Predefined border-radius from theme.radius or number for border-radius in px /\n radius?: MantineNumberSize;\n\n /* Icon color from theme /\n color?: MantineColor;\n\n /* Controls appearance /\n variant?: ThemeIconVariant;\n\n /* Controls gradient settings in gradient variant only */\n gradient?: MantineGradient;\n}\n\nexport function ThemeIcon({\n className,\n size = 'md',\n radius = 'sm',\n variant = 'filled',\n color,\n children,\n gradient = { from: 'blue', to: 'cyan', deg: 45 },\n ...others\n}: ThemeIconProps) {\n const { classes, cx } = useStyles(\n {\n variant,\n radius,\n color,\n size,\n gradientFrom: gradient.from,\n gradientTo: gradient.to,\n gradientDeg: gradient.deg,\n },\n null,\n 'theme-icon'\n );\n\n return (\n <div className={cx(classes.root, className)} {...others}>\n {children}\n </div>\n );\n}\n\nThemeIcon.displayName = '@mantine/core/ThemeIcon';\n"],"names":["useStyles","React"],"mappings":"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"}