@mantine/core 7.0.0-alpha.8 → 7.0.0-alpha.9

package/cjs/core/MantineProvider/use-props/use-props.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,28 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var MantineThemeProvider = require('../MantineThemeProvider/MantineThemeProvider.js');
 var filterProps = require('../../utils/filter-props/filter-props.js');
 
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 function useProps(component, defaultProps, props) {
-  var _a;
-  const theme = MantineThemeProvider.useMantineTheme();
-  const contextPropsPayload = (_a = theme.components[component]) == null ? void 0 : _a.defaultProps;
-  const contextProps = typeof contextPropsPayload === "function" ? contextPropsPayload(theme) : contextPropsPayload;
-  return __spreadValues(__spreadValues(__spreadValues({}, defaultProps), contextProps), filterProps.filterProps(props));
+    var _a;
+    const theme = MantineThemeProvider.useMantineTheme();
+    const contextPropsPayload = (_a = theme.components[component]) === null || _a === void 0 ? void 0 : _a.defaultProps;
+    const contextProps = typeof contextPropsPayload === 'function' ? contextPropsPayload(theme) : contextPropsPayload;
+    return Object.assign(Object.assign(Object.assign({}, defaultProps), contextProps), filterProps.filterProps(props));
 }
 
 exports.useProps = useProps;

package/cjs/core/MantineProvider/use-props/use-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-props.js","sources":["../../../../src/core/MantineProvider/use-props/use-props.ts"],"sourcesContent":["import { filterProps } from '../../utils';\nimport { useMantineTheme } from '../MantineThemeProvider';\n\nexport function useProps<T extends Record<string, any>, U extends Partial<T> = {}>(\n  component: string,\n  defaultProps: U,\n  props: T\n): T & {\n  [Key in Extract<keyof T, keyof U>]-?: U[Key] | NonNullable<T[Key]>;\n} {\n  const theme = useMantineTheme();\n  const contextPropsPayload = theme.components[component]?.defaultProps;\n  const contextProps =\n    typeof contextPropsPayload === 'function' ? contextPropsPayload(theme) : contextPropsPayload;\n\n  return { ...defaultProps, ...contextProps, ...filterProps(props) };\n}\n"],"names":["useMantineTheme","filterProps"],"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;AAGK,SAAS,QAAQ,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE;AACzD,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,KAAK,GAAGA,oCAAe,EAAE,CAAC;AAClC,EAAE,MAAM,mBAAmB,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC;AACpG,EAAE,MAAM,YAAY,GAAG,OAAO,mBAAmB,KAAK,UAAU,GAAG,mBAAmB,CAAC,KAAK,CAAC,GAAG,mBAAmB,CAAC;AACpH,EAAE,OAAO,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,YAAY,CAAC,EAAE,YAAY,CAAC,EAAEC,uBAAW,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5G;;"}
+{"version":3,"file":"use-props.js","sources":["../../../../src/core/MantineProvider/use-props/use-props.ts"],"sourcesContent":["import { filterProps } from '../../utils';\nimport { useMantineTheme } from '../MantineThemeProvider';\n\nexport function useProps<T extends Record<string, any>, U extends Partial<T> = {}>(\n  component: string,\n  defaultProps: U,\n  props: T\n): T & {\n  [Key in Extract<keyof T, keyof U>]-?: U[Key] | NonNullable<T[Key]>;\n} {\n  const theme = useMantineTheme();\n  const contextPropsPayload = theme.components[component]?.defaultProps;\n  const contextProps =\n    typeof contextPropsPayload === 'function' ? contextPropsPayload(theme) : contextPropsPayload;\n\n  return { ...defaultProps, ...contextProps, ...filterProps(props) };\n}\n"],"names":["useMantineTheme","filterProps"],"mappings":";;;;;;;SAGgB,QAAQ,CACtB,SAAiB,EACjB,YAAe,EACf,KAAQ;;IAIR,MAAM,KAAK,GAAGA,oCAAe,EAAE,CAAC;IAChC,MAAM,mBAAmB,GAAG,MAAA,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,0CAAE,YAAY,CAAC;IACtE,MAAM,YAAY,GAChB,OAAO,mBAAmB,KAAK,UAAU,GAAG,mBAAmB,CAAC,KAAK,CAAC,GAAG,mBAAmB,CAAC;IAE/F,qDAAY,YAAY,GAAK,YAAY,GAAKC,uBAAW,CAAC,KAAK,CAAC,EAAG;AACrE;;;;"}

package/cjs/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.js

@@ -1,20 +1,16 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var hooks = require('@mantine/hooks');
 
-function useRespectReduceMotion({
-  respectReducedMotion,
-  getRootElement
-}) {
-  hooks.useIsomorphicEffect(() => {
-    var _a;
-    if (respectReducedMotion) {
-      (_a = getRootElement()) == null ? void 0 : _a.setAttribute("data-respect-reduced-motion", "true");
-    }
-  }, [respectReducedMotion]);
+function useRespectReduceMotion({ respectReducedMotion, getRootElement, }) {
+    hooks.useIsomorphicEffect(() => {
+        var _a;
+        if (respectReducedMotion) {
+            (_a = getRootElement()) === null || _a === void 0 ? void 0 : _a.setAttribute('data-respect-reduced-motion', 'true');
+        }
+    }, [respectReducedMotion]);
 }
 
 exports.useRespectReduceMotion = useRespectReduceMotion;

package/cjs/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-respect-reduce-motion.js","sources":["../../../../src/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.ts"],"sourcesContent":["import { useIsomorphicEffect } from '@mantine/hooks';\n\ninterface UseRespectReduceMotionOptions {\n  respectReducedMotion: boolean;\n  getRootElement: () => HTMLElement | undefined;\n}\n\nexport function useRespectReduceMotion({\n  respectReducedMotion,\n  getRootElement,\n}: UseRespectReduceMotionOptions) {\n  useIsomorphicEffect(() => {\n    if (respectReducedMotion) {\n      getRootElement()?.setAttribute('data-respect-reduced-motion', 'true');\n    }\n  }, [respectReducedMotion]);\n}\n"],"names":["useIsomorphicEffect"],"mappings":";;;;;;;AACO,SAAS,sBAAsB,CAAC;AACvC,EAAE,oBAAoB;AACtB,EAAE,cAAc;AAChB,CAAC,EAAE;AACH,EAAEA,yBAAmB,CAAC,MAAM;AAC5B,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,oBAAoB,EAAE;AAC9B,MAAM,CAAC,EAAE,GAAG,cAAc,EAAE,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,6BAA6B,EAAE,MAAM,CAAC,CAAC;AACxG,KAAK;AACL,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;AAC7B;;"}
+{"version":3,"file":"use-respect-reduce-motion.js","sources":["../../../../src/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.ts"],"sourcesContent":["import { useIsomorphicEffect } from '@mantine/hooks';\n\ninterface UseRespectReduceMotionOptions {\n  respectReducedMotion: boolean;\n  getRootElement: () => HTMLElement | undefined;\n}\n\nexport function useRespectReduceMotion({\n  respectReducedMotion,\n  getRootElement,\n}: UseRespectReduceMotionOptions) {\n  useIsomorphicEffect(() => {\n    if (respectReducedMotion) {\n      getRootElement()?.setAttribute('data-respect-reduced-motion', 'true');\n    }\n  }, [respectReducedMotion]);\n}\n"],"names":["useIsomorphicEffect"],"mappings":";;;;;;SAOgB,sBAAsB,CAAC,EACrC,oBAAoB,EACpB,cAAc,GACgB;IAC9BA,yBAAmB,CAAC;;QAClB,IAAI,oBAAoB,EAAE;YACxB,MAAA,cAAc,EAAE,0CAAE,YAAY,CAAC,6BAA6B,EAAE,MAAM,CAAC,CAAC;SACvE;KACF,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;AAC7B;;;;"}

package/cjs/core/factory/create-polymorphic-component.js

@@ -1,10 +1,9 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 function createPolymorphicComponent(component) {
-  return component;
+    return component;
 }
 
 exports.createPolymorphicComponent = createPolymorphicComponent;

package/cjs/core/factory/create-polymorphic-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-polymorphic-component.js","sources":["../../../src/core/factory/create-polymorphic-component.ts"],"sourcesContent":["import React from 'react';\n\ntype ExtendedProps<Props = {}, OverrideProps = {}> = OverrideProps &\n  Omit<Props, keyof OverrideProps>;\n\ntype ElementType = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;\n\ntype PropsOf<C extends ElementType> = JSX.LibraryManagedAttributes<\n  C,\n  React.ComponentPropsWithoutRef<C>\n>;\n\ntype ComponentProp<C> = {\n  component?: C;\n};\n\ntype InheritedProps<C extends ElementType, Props = {}> = ExtendedProps<PropsOf<C>, Props>;\n\nexport type PolymorphicRef<C> = C extends React.ElementType\n  ? React.ComponentPropsWithRef<C>['ref']\n  : never;\n\nexport type PolymorphicComponentProps<C, Props = {}> = C extends React.ElementType\n  ? InheritedProps<C, Props & ComponentProp<C>> & { ref?: PolymorphicRef<C> }\n  : Props & { component: React.ElementType };\n\nexport function createPolymorphicComponent<\n  ComponentDefaultType,\n  Props,\n  StaticComponents = Record<string, never>\n>(component: any) {\n  type ComponentProps<C> = PolymorphicComponentProps<C, Props>;\n\n  type _PolymorphicComponent = <C = ComponentDefaultType>(\n    props: ComponentProps<C>\n  ) => React.ReactElement;\n\n  type ComponentProperties = Omit<React.FunctionComponent<ComponentProps<any>>, never>;\n\n  type PolymorphicComponent = _PolymorphicComponent & ComponentProperties & StaticComponents;\n\n  return component as PolymorphicComponent;\n}\n"],"names":[],"mappings":";;;;;AAAO,SAAS,0BAA0B,CAAC,SAAS,EAAE;AACtD,EAAE,OAAO,SAAS,CAAC;AACnB;;"}
+{"version":3,"file":"create-polymorphic-component.js","sources":["../../../src/core/factory/create-polymorphic-component.ts"],"sourcesContent":["import React from 'react';\n\ntype ExtendedProps<Props = {}, OverrideProps = {}> = OverrideProps &\n  Omit<Props, keyof OverrideProps>;\n\ntype ElementType = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;\n\ntype PropsOf<C extends ElementType> = JSX.LibraryManagedAttributes<\n  C,\n  React.ComponentPropsWithoutRef<C>\n>;\n\ntype ComponentProp<C> = {\n  component?: C;\n};\n\ntype InheritedProps<C extends ElementType, Props = {}> = ExtendedProps<PropsOf<C>, Props>;\n\nexport type PolymorphicRef<C> = C extends React.ElementType\n  ? React.ComponentPropsWithRef<C>['ref']\n  : never;\n\nexport type PolymorphicComponentProps<C, Props = {}> = C extends React.ElementType\n  ? InheritedProps<C, Props & ComponentProp<C>> & { ref?: PolymorphicRef<C> }\n  : Props & { component: React.ElementType };\n\nexport function createPolymorphicComponent<\n  ComponentDefaultType,\n  Props,\n  StaticComponents = Record<string, never>\n>(component: any) {\n  type ComponentProps<C> = PolymorphicComponentProps<C, Props>;\n\n  type _PolymorphicComponent = <C = ComponentDefaultType>(\n    props: ComponentProps<C>\n  ) => React.ReactElement;\n\n  type ComponentProperties = Omit<React.FunctionComponent<ComponentProps<any>>, never>;\n\n  type PolymorphicComponent = _PolymorphicComponent & ComponentProperties & StaticComponents;\n\n  return component as PolymorphicComponent;\n}\n"],"names":[],"mappings":";;;;SA0BgB,0BAA0B,CAIxC,SAAc;IAWd,OAAO,SAAiC,CAAC;AAC3C;;;;"}

package/cjs/core/factory/factory.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 function identity(value) {
-  return value;
+    return value;
 }
 function factory(ui) {
-  const Component = React.forwardRef(ui);
-  Component.extend = identity;
-  return Component;
+    const Component = React.forwardRef(ui);
+    Component.extend = identity;
+    return Component;
 }
 
 exports.factory = factory;

package/cjs/core/factory/factory.js.map

@@ -1 +1 @@
-{"version":3,"file":"factory.js","sources":["../../../src/core/factory/factory.ts"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { MantineThemeComponent } from '../MantineProvider';\nimport type { Styles, ClassNames, PartialVarsResolver } from '../styles-api';\n\nexport type DataAttributes = Record<`data-${string}`, any>;\n\nexport interface FactoryPayload {\n  props: Record<string, any>;\n  ctx?: any;\n  ref?: any;\n  stylesNames?: string;\n  vars?: any;\n  variant?: string;\n  staticComponents?: Record<string, any>;\n  // Compound components cannot have classNames, styles and vars on MantineProvider\n  compound?: boolean;\n}\n\nexport interface ExtendCompoundComponent<Payload extends FactoryPayload> {\n  defaultProps?: Partial<Payload['props']> & DataAttributes;\n}\n\nexport interface ExtendsRootComponent<Payload extends FactoryPayload> {\n  defaultProps?: Partial<Payload['props']> & DataAttributes;\n  classNames?: ClassNames<Payload>;\n  styles?: Styles<Payload>;\n  vars?: PartialVarsResolver<Payload>;\n}\n\nexport type ExtendComponent<Payload extends FactoryPayload> = Payload['compound'] extends true\n  ? ExtendCompoundComponent<Payload>\n  : ExtendsRootComponent<Payload>;\n\nexport type StaticComponents<Input> = Input extends Record<string, any>\n  ? Input\n  : Record<string, never>;\n\nexport interface ThemeExtend<Payload extends FactoryPayload> {\n  extend: (input: ExtendComponent<Payload>) => MantineThemeComponent;\n}\n\nexport type MantineComponent<Payload extends FactoryPayload> = React.ForwardRefExoticComponent<\n  Payload['props'] & React.RefAttributes<Payload['ref']>\n> &\n  ThemeExtend<Payload> &\n  StaticComponents<Payload['staticComponents']>;\n\nexport function identity<T>(value: T): T {\n  return value;\n}\n\nexport function factory<Payload extends FactoryPayload>(\n  ui: React.ForwardRefRenderFunction<Payload['ref'], Payload['props']>\n) {\n  const Component = forwardRef(ui) as MantineComponent<Payload>;\n\n  Component.extend = identity as any;\n\n  return Component as MantineComponent<Payload>;\n}\n"],"names":["forwardRef"],"mappings":";;;;;;;AACO,SAAS,QAAQ,CAAC,KAAK,EAAE;AAChC,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACM,SAAS,OAAO,CAAC,EAAE,EAAE;AAC5B,EAAE,MAAM,SAAS,GAAGA,gBAAU,CAAC,EAAE,CAAC,CAAC;AACnC,EAAE,SAAS,CAAC,MAAM,GAAG,QAAQ,CAAC;AAC9B,EAAE,OAAO,SAAS,CAAC;AACnB;;;"}
+{"version":3,"file":"factory.js","sources":["../../../src/core/factory/factory.ts"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { MantineThemeComponent } from '../MantineProvider';\nimport type { Styles, ClassNames, PartialVarsResolver } from '../styles-api';\n\nexport type DataAttributes = Record<`data-${string}`, any>;\n\nexport interface FactoryPayload {\n  props: Record<string, any>;\n  ctx?: any;\n  ref?: any;\n  stylesNames?: string;\n  vars?: any;\n  variant?: string;\n  staticComponents?: Record<string, any>;\n  // Compound components cannot have classNames, styles and vars on MantineProvider\n  compound?: boolean;\n}\n\nexport interface ExtendCompoundComponent<Payload extends FactoryPayload> {\n  defaultProps?: Partial<Payload['props']> & DataAttributes;\n}\n\nexport interface ExtendsRootComponent<Payload extends FactoryPayload> {\n  defaultProps?: Partial<Payload['props']> & DataAttributes;\n  classNames?: ClassNames<Payload>;\n  styles?: Styles<Payload>;\n  vars?: PartialVarsResolver<Payload>;\n}\n\nexport type ExtendComponent<Payload extends FactoryPayload> = Payload['compound'] extends true\n  ? ExtendCompoundComponent<Payload>\n  : ExtendsRootComponent<Payload>;\n\nexport type StaticComponents<Input> = Input extends Record<string, any>\n  ? Input\n  : Record<string, never>;\n\nexport interface ThemeExtend<Payload extends FactoryPayload> {\n  extend: (input: ExtendComponent<Payload>) => MantineThemeComponent;\n}\n\nexport type MantineComponent<Payload extends FactoryPayload> = React.ForwardRefExoticComponent<\n  Payload['props'] & React.RefAttributes<Payload['ref']>\n> &\n  ThemeExtend<Payload> &\n  StaticComponents<Payload['staticComponents']>;\n\nexport function identity<T>(value: T): T {\n  return value;\n}\n\nexport function factory<Payload extends FactoryPayload>(\n  ui: React.ForwardRefRenderFunction<Payload['ref'], Payload['props']>\n) {\n  const Component = forwardRef(ui) as MantineComponent<Payload>;\n\n  Component.extend = identity as any;\n\n  return Component as MantineComponent<Payload>;\n}\n"],"names":["forwardRef"],"mappings":";;;;;;SA+CgB,QAAQ,CAAI,KAAQ;IAClC,OAAO,KAAK,CAAC;AACf,CAAC;SAEe,OAAO,CACrB,EAAoE;IAEpE,MAAM,SAAS,GAAGA,gBAAU,CAAC,EAAE,CAA8B,CAAC;IAE9D,SAAS,CAAC,MAAM,GAAG,QAAe,CAAC;IAEnC,OAAO,SAAsC,CAAC;AAChD;;;;;"}

package/cjs/core/factory/polymorphic-factory.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,9 +6,9 @@ var React = require('react');
 var factory = require('./factory.js');
 
 function polymorphicFactory(ui) {
-  const Component = React.forwardRef(ui);
-  Component.extend = factory.identity;
-  return Component;
+    const Component = React.forwardRef(ui);
+    Component.extend = factory.identity;
+    return Component;
 }
 
 exports.polymorphicFactory = polymorphicFactory;

package/cjs/core/factory/polymorphic-factory.js.map

@@ -1 +1 @@
-{"version":3,"file":"polymorphic-factory.js","sources":["../../../src/core/factory/polymorphic-factory.ts"],"sourcesContent":["import { forwardRef } from 'react';\nimport { FactoryPayload, StaticComponents, ThemeExtend, identity } from './factory';\nimport { PolymorphicComponentProps } from './create-polymorphic-component';\n\nexport interface PolymorphicFactoryPayload extends FactoryPayload {\n  defaultComponent: any;\n  defaultRef: any;\n}\n\nexport function polymorphicFactory<Payload extends PolymorphicFactoryPayload>(\n  ui: React.ForwardRefRenderFunction<Payload['defaultRef'], Payload['props']>\n) {\n  type ComponentProps<C> = PolymorphicComponentProps<C, Payload['props']>;\n\n  type _PolymorphicComponent = <C = Payload['defaultComponent']>(\n    props: ComponentProps<C>\n  ) => React.ReactElement;\n\n  type ComponentProperties = Omit<React.FunctionComponent<ComponentProps<any>>, never>;\n\n  type PolymorphicComponent = _PolymorphicComponent &\n    ComponentProperties &\n    ThemeExtend<Payload> &\n    StaticComponents<Payload['staticComponents']>;\n\n  const Component = forwardRef(ui) as unknown as PolymorphicComponent;\n\n  Component.extend = identity as any;\n\n  return Component as PolymorphicComponent;\n}\n"],"names":["forwardRef","identity"],"mappings":";;;;;;;;AAEO,SAAS,kBAAkB,CAAC,EAAE,EAAE;AACvC,EAAE,MAAM,SAAS,GAAGA,gBAAU,CAAC,EAAE,CAAC,CAAC;AACnC,EAAE,SAAS,CAAC,MAAM,GAAGC,gBAAQ,CAAC;AAC9B,EAAE,OAAO,SAAS,CAAC;AACnB;;"}
+{"version":3,"file":"polymorphic-factory.js","sources":["../../../src/core/factory/polymorphic-factory.ts"],"sourcesContent":["import { forwardRef } from 'react';\nimport { FactoryPayload, StaticComponents, ThemeExtend, identity } from './factory';\nimport { PolymorphicComponentProps } from './create-polymorphic-component';\n\nexport interface PolymorphicFactoryPayload extends FactoryPayload {\n  defaultComponent: any;\n  defaultRef: any;\n}\n\nexport function polymorphicFactory<Payload extends PolymorphicFactoryPayload>(\n  ui: React.ForwardRefRenderFunction<Payload['defaultRef'], Payload['props']>\n) {\n  type ComponentProps<C> = PolymorphicComponentProps<C, Payload['props']>;\n\n  type _PolymorphicComponent = <C = Payload['defaultComponent']>(\n    props: ComponentProps<C>\n  ) => React.ReactElement;\n\n  type ComponentProperties = Omit<React.FunctionComponent<ComponentProps<any>>, never>;\n\n  type PolymorphicComponent = _PolymorphicComponent &\n    ComponentProperties &\n    ThemeExtend<Payload> &\n    StaticComponents<Payload['staticComponents']>;\n\n  const Component = forwardRef(ui) as unknown as PolymorphicComponent;\n\n  Component.extend = identity as any;\n\n  return Component as PolymorphicComponent;\n}\n"],"names":["forwardRef","identity"],"mappings":";;;;;;;SASgB,kBAAkB,CAChC,EAA2E;IAe3E,MAAM,SAAS,GAAGA,gBAAU,CAAC,EAAE,CAAoC,CAAC;IAEpE,SAAS,CAAC,MAAM,GAAGC,gBAAe,CAAC;IAEnC,OAAO,SAAiC,CAAC;AAC3C;;;;"}

package/cjs/core/styles-api/create-vars-resolver/create-vars-resolver.js

@@ -1,10 +1,9 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 function createVarsResolver(resolver) {
-  return resolver;
+    return resolver;
 }
 
 exports.createVarsResolver = createVarsResolver;

package/cjs/core/styles-api/create-vars-resolver/create-vars-resolver.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-vars-resolver.js","sources":["../../../../src/core/styles-api/create-vars-resolver/create-vars-resolver.ts"],"sourcesContent":["import { CssVariable } from '../../Box';\nimport { MantineTheme } from '../../MantineProvider';\nimport { FactoryPayload } from '../../factory';\n\nexport type TransformVars<V> = {\n  [Key in keyof V]: V[Key] extends CssVariable ? Record<V[Key], string | undefined> : never;\n};\n\nexport type PartialTransformVars<V> = {\n  [Key in keyof V]: V[Key] extends CssVariable\n    ? Partial<Record<V[Key], string | undefined>>\n    : never;\n};\n\nexport type VarsResolver<Payload extends FactoryPayload> = (\n  theme: MantineTheme,\n  props: Payload['props'],\n  ctx: Payload['ctx']\n) => TransformVars<Payload['vars']>;\n\nexport type PartialVarsResolver<Payload extends FactoryPayload> = (\n  theme: MantineTheme,\n  props: Payload['props'],\n  ctx: Payload['ctx']\n) => PartialTransformVars<Payload['vars']>;\n\nexport function createVarsResolver<Payload extends FactoryPayload>(\n  resolver: VarsResolver<Payload>\n) {\n  return resolver;\n}\n"],"names":[],"mappings":";;;;;AAAO,SAAS,kBAAkB,CAAC,QAAQ,EAAE;AAC7C,EAAE,OAAO,QAAQ,CAAC;AAClB;;"}
+{"version":3,"file":"create-vars-resolver.js","sources":["../../../../src/core/styles-api/create-vars-resolver/create-vars-resolver.ts"],"sourcesContent":["import { CssVariable } from '../../Box';\nimport { MantineTheme } from '../../MantineProvider';\nimport { FactoryPayload } from '../../factory';\n\nexport type TransformVars<V> = {\n  [Key in keyof V]: V[Key] extends CssVariable ? Record<V[Key], string | undefined> : never;\n};\n\nexport type PartialTransformVars<V> = {\n  [Key in keyof V]: V[Key] extends CssVariable\n    ? Partial<Record<V[Key], string | undefined>>\n    : never;\n};\n\nexport type VarsResolver<Payload extends FactoryPayload> = (\n  theme: MantineTheme,\n  props: Payload['props'],\n  ctx: Payload['ctx']\n) => TransformVars<Payload['vars']>;\n\nexport type PartialVarsResolver<Payload extends FactoryPayload> = (\n  theme: MantineTheme,\n  props: Payload['props'],\n  ctx: Payload['ctx']\n) => PartialTransformVars<Payload['vars']>;\n\nexport function createVarsResolver<Payload extends FactoryPayload>(\n  resolver: VarsResolver<Payload>\n) {\n  return resolver;\n}\n"],"names":[],"mappings":";;;;SA0BgB,kBAAkB,CAChC,QAA+B;IAE/B,OAAO,QAAQ,CAAC;AAClB;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-class-name.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -17,21 +16,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-function getClassName({
-  theme,
-  options,
-  themeName,
-  selector,
-  classNamesPrefix,
-  classNames,
-  classes,
-  unstyled,
-  className,
-  rootSelector,
-  props,
-  stylesCtx
-}) {
-  return cx__default(getGlobalClassNames.getGlobalClassNames({ theme, options, unstyled }), getThemeClassNames.getThemeClassNames({ theme, themeName, selector, props, stylesCtx }), getVariantClassName.getVariantClassName({ options, classes, selector, unstyled }), getResolvedClassNames.getResolvedClassNames({ selector, stylesCtx, theme, classNames, props }), getOptionsClassNames.getOptionsClassNames({ selector, stylesCtx, options, props, theme }), getRootClassName.getRootClassName({ rootSelector, selector, className }), getSelectorClassName.getSelectorClassName({ selector, classes, unstyled }), getStaticClassNames.getStaticClassNames({ themeName, classNamesPrefix, selector }), options == null ? void 0 : options.className);
+function getClassName({ theme, options, themeName, selector, classNamesPrefix, classNames, classes, unstyled, className, rootSelector, props, stylesCtx, }) {
+    return cx__default(getGlobalClassNames.getGlobalClassNames({ theme, options, unstyled }), getThemeClassNames.getThemeClassNames({ theme, themeName, selector, props, stylesCtx }), getVariantClassName.getVariantClassName({ options, classes, selector, unstyled }), getResolvedClassNames.getResolvedClassNames({ selector, stylesCtx, theme, classNames, props }), getOptionsClassNames.getOptionsClassNames({ selector, stylesCtx, options, props, theme }), getRootClassName.getRootClassName({ rootSelector, selector, className }), getSelectorClassName.getSelectorClassName({ selector, classes, unstyled }), getStaticClassNames.getStaticClassNames({ themeName, classNamesPrefix, selector }), options === null || options === void 0 ? void 0 : options.className);
 }
 
 exports.getClassName = getClassName;

package/cjs/core/styles-api/use-styles/get-class-name/get-class-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-class-name.js","sources":["../../../../../src/core/styles-api/use-styles/get-class-name/get-class-name.ts"],"sourcesContent":["import cx from 'clsx';\nimport { MantineTheme } from '../../../MantineProvider';\nimport { GetStylesApiOptions } from '../../styles-api.types';\nimport { getStaticClassNames } from './get-static-class-names/get-static-class-names';\nimport { getThemeClassNames } from './get-theme-class-names/get-theme-class-names';\nimport { getGlobalClassNames } from './get-global-class-names/get-global-class-names';\nimport { getVariantClassName } from './get-variant-class-name/get-variant-class-name';\nimport { getRootClassName } from './get-root-class-name/get-root-class-name';\nimport { getSelectorClassName } from './get-selector-class-name/get-selector-class-name';\nimport { getResolvedClassNames } from './get-resolved-class-names/get-resolved-class-names';\nimport { getOptionsClassNames } from './get-options-class-names/get-options-class-names';\n\nexport type _ClassNames =\n  | undefined\n  | Partial<Record<string, string>>\n  | ((\n      theme: MantineTheme,\n      props: Record<string, any>,\n      ctx: Record<string, any> | undefined\n    ) => Partial<Record<string, string>>);\n\nexport interface GetClassNameOptions {\n  /** Theme object, resolved by hook */\n  theme: MantineTheme;\n\n  /** Options for specified selector, may include `classNames` or `className` */\n  options: GetStylesApiOptions | undefined;\n\n  /** Name of the component which is used to get `classNames` from `theme.components` */\n  themeName: string[];\n\n  /** Class part specified in `getStyles` */\n  selector: string;\n\n  /** Prefix for all class names, resolved by hook, `mantine` by default */\n  classNamesPrefix: string;\n\n  /** `classNames` specified in the hook, only resolved `classNames[selector]` is added to the list */\n  classNames: _ClassNames;\n\n  /** Classes object, usually imported from `*.module.css` */\n  classes: Record<string, string>;\n\n  /** Determines whether classes from `classes` should be added to the list */\n  unstyled: boolean | undefined;\n\n  /** `className` specified in the hook, added to the list if `selector` is `rootSelector` */\n  className: string | undefined;\n\n  /** `rootSelector` specified in the hook, determines whether `className` should be added to the list */\n  rootSelector: string;\n\n  /** Component props, used as context for `classNames` and `options.classNames` */\n  props: Record<string, any>;\n\n  /** Component styles context, used as context for `classNames` and `options.classNames` */\n  stylesCtx?: Record<string, any> | undefined;\n}\n\nexport function getClassName({\n  theme,\n  options,\n  themeName,\n  selector,\n  classNamesPrefix,\n  classNames,\n  classes,\n  unstyled,\n  className,\n  rootSelector,\n  props,\n  stylesCtx,\n}: GetClassNameOptions) {\n  return cx(\n    getGlobalClassNames({ theme, options, unstyled }),\n    getThemeClassNames({ theme, themeName, selector, props, stylesCtx }),\n    getVariantClassName({ options, classes, selector, unstyled }),\n    getResolvedClassNames({ selector, stylesCtx, theme, classNames, props }),\n    getOptionsClassNames({ selector, stylesCtx, options, props, theme }),\n    getRootClassName({ rootSelector, selector, className }),\n    getSelectorClassName({ selector, classes, unstyled }),\n    getStaticClassNames({ themeName, classNamesPrefix, selector }),\n    options?.className\n  );\n}\n"],"names":["cx","getGlobalClassNames","getThemeClassNames","getVariantClassName","getResolvedClassNames","getOptionsClassNames","getRootClassName","getSelectorClassName","getStaticClassNames"],"mappings":";;;;;;;;;;;;;;;;;;;AASO,SAAS,YAAY,CAAC;AAC7B,EAAE,KAAK;AACP,EAAE,OAAO;AACT,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,EAAE,gBAAgB;AAClB,EAAE,UAAU;AACZ,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,YAAY;AACd,EAAE,KAAK;AACP,EAAE,SAAS;AACX,CAAC,EAAE;AACH,EAAE,OAAOA,WAAE,CAACC,uCAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAEC,qCAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAEC,uCAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAEC,2CAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAEC,yCAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAEC,iCAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAEC,yCAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAEC,uCAAmB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;AACljB;;"}
+{"version":3,"file":"get-class-name.js","sources":["../../../../../src/core/styles-api/use-styles/get-class-name/get-class-name.ts"],"sourcesContent":["import cx from 'clsx';\nimport { MantineTheme } from '../../../MantineProvider';\nimport { GetStylesApiOptions } from '../../styles-api.types';\nimport { getStaticClassNames } from './get-static-class-names/get-static-class-names';\nimport { getThemeClassNames } from './get-theme-class-names/get-theme-class-names';\nimport { getGlobalClassNames } from './get-global-class-names/get-global-class-names';\nimport { getVariantClassName } from './get-variant-class-name/get-variant-class-name';\nimport { getRootClassName } from './get-root-class-name/get-root-class-name';\nimport { getSelectorClassName } from './get-selector-class-name/get-selector-class-name';\nimport { getResolvedClassNames } from './get-resolved-class-names/get-resolved-class-names';\nimport { getOptionsClassNames } from './get-options-class-names/get-options-class-names';\n\nexport type _ClassNames =\n  | undefined\n  | Partial<Record<string, string>>\n  | ((\n      theme: MantineTheme,\n      props: Record<string, any>,\n      ctx: Record<string, any> | undefined\n    ) => Partial<Record<string, string>>);\n\nexport interface GetClassNameOptions {\n  /** Theme object, resolved by hook */\n  theme: MantineTheme;\n\n  /** Options for specified selector, may include `classNames` or `className` */\n  options: GetStylesApiOptions | undefined;\n\n  /** Name of the component which is used to get `classNames` from `theme.components` */\n  themeName: string[];\n\n  /** Class part specified in `getStyles` */\n  selector: string;\n\n  /** Prefix for all class names, resolved by hook, `mantine` by default */\n  classNamesPrefix: string;\n\n  /** `classNames` specified in the hook, only resolved `classNames[selector]` is added to the list */\n  classNames: _ClassNames;\n\n  /** Classes object, usually imported from `*.module.css` */\n  classes: Record<string, string>;\n\n  /** Determines whether classes from `classes` should be added to the list */\n  unstyled: boolean | undefined;\n\n  /** `className` specified in the hook, added to the list if `selector` is `rootSelector` */\n  className: string | undefined;\n\n  /** `rootSelector` specified in the hook, determines whether `className` should be added to the list */\n  rootSelector: string;\n\n  /** Component props, used as context for `classNames` and `options.classNames` */\n  props: Record<string, any>;\n\n  /** Component styles context, used as context for `classNames` and `options.classNames` */\n  stylesCtx?: Record<string, any> | undefined;\n}\n\nexport function getClassName({\n  theme,\n  options,\n  themeName,\n  selector,\n  classNamesPrefix,\n  classNames,\n  classes,\n  unstyled,\n  className,\n  rootSelector,\n  props,\n  stylesCtx,\n}: GetClassNameOptions) {\n  return cx(\n    getGlobalClassNames({ theme, options, unstyled }),\n    getThemeClassNames({ theme, themeName, selector, props, stylesCtx }),\n    getVariantClassName({ options, classes, selector, unstyled }),\n    getResolvedClassNames({ selector, stylesCtx, theme, classNames, props }),\n    getOptionsClassNames({ selector, stylesCtx, options, props, theme }),\n    getRootClassName({ rootSelector, selector, className }),\n    getSelectorClassName({ selector, classes, unstyled }),\n    getStaticClassNames({ themeName, classNamesPrefix, selector }),\n    options?.className\n  );\n}\n"],"names":["cx","getGlobalClassNames","getThemeClassNames","getVariantClassName","getResolvedClassNames","getOptionsClassNames","getRootClassName","getSelectorClassName","getStaticClassNames"],"mappings":";;;;;;;;;;;;;;;;;;SA2DgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,EACL,SAAS,GACW;IACpB,OAAOA,WAAE,CACPC,uCAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACjDC,qCAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpEC,uCAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAC7DC,2CAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EACxEC,yCAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EACpEC,iCAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EACvDC,yCAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACrDC,uCAAmB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,EAC9D,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CACnB,CAAC;AACJ;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -10,12 +9,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 const FOCUS_CLASS_NAMES = {
-  always: "mantine-focus-always",
-  auto: "mantine-focus-auto",
-  never: "mantine-focus-never"
+    always: 'mantine-focus-always',
+    auto: 'mantine-focus-auto',
+    never: 'mantine-focus-never',
 };
+/** Returns classes that are defined globally (focus and active styles) based on options */
 function getGlobalClassNames({ theme, options, unstyled }) {
-  return cx__default((options == null ? void 0 : options.focusable) && !unstyled && (theme.focusClassName || FOCUS_CLASS_NAMES[theme.focusRing]), (options == null ? void 0 : options.active) && !unstyled && theme.activeClassName);
+    return cx__default((options === null || options === void 0 ? void 0 : options.focusable) && !unstyled && (theme.focusClassName || FOCUS_CLASS_NAMES[theme.focusRing]), (options === null || options === void 0 ? void 0 : options.active) && !unstyled && theme.activeClassName);
 }
 
 exports.FOCUS_CLASS_NAMES = FOCUS_CLASS_NAMES;

package/cjs/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-global-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.ts"],"sourcesContent":["import cx from 'clsx';\nimport { GetStylesApiOptions } from '../../../styles-api.types';\nimport { MantineTheme } from '../../../../MantineProvider';\n\ninterface GetGlobalClassNamesOptions {\n  theme: MantineTheme;\n  unstyled: boolean | undefined;\n  options: GetStylesApiOptions | undefined;\n}\n\nexport const FOCUS_CLASS_NAMES = {\n  always: 'mantine-focus-always',\n  auto: 'mantine-focus-auto',\n  never: 'mantine-focus-never',\n} as const;\n\n/** Returns classes that are defined globally (focus and active styles) based on options */\nexport function getGlobalClassNames({ theme, options, unstyled }: GetGlobalClassNamesOptions) {\n  return cx(\n    options?.focusable && !unstyled && (theme.focusClassName || FOCUS_CLASS_NAMES[theme.focusRing]),\n    options?.active && !unstyled && theme.activeClassName\n  );\n}\n"],"names":["cx"],"mappings":";;;;;;;;;;;AACY,MAAC,iBAAiB,GAAG;AACjC,EAAE,MAAM,EAAE,sBAAsB;AAChC,EAAE,IAAI,EAAE,oBAAoB;AAC5B,EAAE,KAAK,EAAE,qBAAqB;AAC9B,EAAE;AACK,SAAS,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;AAClE,EAAE,OAAOA,WAAE,CAAC,CAAC,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,SAAS,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,cAAc,IAAI,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,MAAM,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC;AAC5N;;;"}
+{"version":3,"file":"get-global-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.ts"],"sourcesContent":["import cx from 'clsx';\nimport { GetStylesApiOptions } from '../../../styles-api.types';\nimport { MantineTheme } from '../../../../MantineProvider';\n\ninterface GetGlobalClassNamesOptions {\n  theme: MantineTheme;\n  unstyled: boolean | undefined;\n  options: GetStylesApiOptions | undefined;\n}\n\nexport const FOCUS_CLASS_NAMES = {\n  always: 'mantine-focus-always',\n  auto: 'mantine-focus-auto',\n  never: 'mantine-focus-never',\n} as const;\n\n/** Returns classes that are defined globally (focus and active styles) based on options */\nexport function getGlobalClassNames({ theme, options, unstyled }: GetGlobalClassNamesOptions) {\n  return cx(\n    options?.focusable && !unstyled && (theme.focusClassName || FOCUS_CLASS_NAMES[theme.focusRing]),\n    options?.active && !unstyled && theme.activeClassName\n  );\n}\n"],"names":["cx"],"mappings":";;;;;;;;;;MAUa,iBAAiB,GAAG;IAC/B,MAAM,EAAE,sBAAsB;IAC9B,IAAI,EAAE,oBAAoB;IAC1B,KAAK,EAAE,qBAAqB;EACnB;AAEX;SACgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAA8B;IAC1F,OAAOA,WAAE,CACP,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,KAAI,CAAC,QAAQ,KAAK,KAAK,CAAC,cAAc,IAAI,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAC/F,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,eAAe,CACtD,CAAC;AACJ;;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.js

@@ -1,23 +1,16 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var resolveClassNames = require('../resolve-class-names/resolve-class-names.js');
 
-function getOptionsClassNames({
-  selector,
-  stylesCtx,
-  options,
-  props,
-  theme
-}) {
-  return resolveClassNames.resolveClassNames({
-    theme,
-    classNames: options == null ? void 0 : options.classNames,
-    props: (options == null ? void 0 : options.props) || props,
-    stylesCtx
-  })[selector];
+function getOptionsClassNames({ selector, stylesCtx, options, props, theme, }) {
+    return resolveClassNames.resolveClassNames({
+        theme,
+        classNames: options === null || options === void 0 ? void 0 : options.classNames,
+        props: (options === null || options === void 0 ? void 0 : options.props) || props,
+        stylesCtx,
+    })[selector];
 }
 
 exports.getOptionsClassNames = getOptionsClassNames;

package/cjs/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-options-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.ts"],"sourcesContent":["import {\n  resolveClassNames,\n  ResolveClassNamesInput,\n} from '../resolve-class-names/resolve-class-names';\nimport { GetStylesApiOptions } from '../../../styles-api.types';\n\ninterface GetOptionsClassNamesInput extends Omit<ResolveClassNamesInput, 'classNames'> {\n  selector: string;\n  options: GetStylesApiOptions | undefined;\n}\n\nexport function getOptionsClassNames({\n  selector,\n  stylesCtx,\n  options,\n  props,\n  theme,\n}: GetOptionsClassNamesInput) {\n  return resolveClassNames({\n    theme,\n    classNames: options?.classNames,\n    props: options?.props || props,\n    stylesCtx,\n  })[selector];\n}\n"],"names":["resolveClassNames"],"mappings":";;;;;;;AAGO,SAAS,oBAAoB,CAAC;AACrC,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,KAAK;AACP,CAAC,EAAE;AACH,EAAE,OAAOA,mCAAiB,CAAC;AAC3B,IAAI,KAAK;AACT,IAAI,UAAU,EAAE,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,UAAU;AAC7D,IAAI,KAAK,EAAE,CAAC,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,KAAK,KAAK;AAC9D,IAAI,SAAS;AACb,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;AACf;;"}
+{"version":3,"file":"get-options-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.ts"],"sourcesContent":["import {\n  resolveClassNames,\n  ResolveClassNamesInput,\n} from '../resolve-class-names/resolve-class-names';\nimport { GetStylesApiOptions } from '../../../styles-api.types';\n\ninterface GetOptionsClassNamesInput extends Omit<ResolveClassNamesInput, 'classNames'> {\n  selector: string;\n  options: GetStylesApiOptions | undefined;\n}\n\nexport function getOptionsClassNames({\n  selector,\n  stylesCtx,\n  options,\n  props,\n  theme,\n}: GetOptionsClassNamesInput) {\n  return resolveClassNames({\n    theme,\n    classNames: options?.classNames,\n    props: options?.props || props,\n    stylesCtx,\n  })[selector];\n}\n"],"names":["resolveClassNames"],"mappings":";;;;;;SAWgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,EACL,KAAK,GACqB;IAC1B,OAAOA,mCAAiB,CAAC;QACvB,KAAK;QACL,UAAU,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU;QAC/B,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,KAAK;QAC9B,SAAS;KACV,CAAC,CAAC,QAAQ,CAAC,CAAC;AACf;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.js

@@ -1,18 +1,11 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var resolveClassNames = require('../resolve-class-names/resolve-class-names.js');
 
-function getResolvedClassNames({
-  selector,
-  stylesCtx,
-  theme,
-  classNames,
-  props
-}) {
-  return resolveClassNames.resolveClassNames({ theme, classNames, props, stylesCtx })[selector];
+function getResolvedClassNames({ selector, stylesCtx, theme, classNames, props, }) {
+    return resolveClassNames.resolveClassNames({ theme, classNames, props, stylesCtx })[selector];
 }
 
 exports.getResolvedClassNames = getResolvedClassNames;

package/cjs/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-resolved-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.ts"],"sourcesContent":["import {\n  resolveClassNames,\n  ResolveClassNamesInput,\n} from '../resolve-class-names/resolve-class-names';\n\ninterface GetResolvedClassNamesOptions extends ResolveClassNamesInput {\n  selector: string;\n}\n\nexport function getResolvedClassNames({\n  selector,\n  stylesCtx,\n  theme,\n  classNames,\n  props,\n}: GetResolvedClassNamesOptions) {\n  return resolveClassNames({ theme, classNames, props, stylesCtx })[selector];\n}\n"],"names":["resolveClassNames"],"mappings":";;;;;;;AAGO,SAAS,qBAAqB,CAAC;AACtC,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,UAAU;AACZ,EAAE,KAAK;AACP,CAAC,EAAE;AACH,EAAE,OAAOA,mCAAiB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC9E;;"}
+{"version":3,"file":"get-resolved-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.ts"],"sourcesContent":["import {\n  resolveClassNames,\n  ResolveClassNamesInput,\n} from '../resolve-class-names/resolve-class-names';\n\ninterface GetResolvedClassNamesOptions extends ResolveClassNamesInput {\n  selector: string;\n}\n\nexport function getResolvedClassNames({\n  selector,\n  stylesCtx,\n  theme,\n  classNames,\n  props,\n}: GetResolvedClassNamesOptions) {\n  return resolveClassNames({ theme, classNames, props, stylesCtx })[selector];\n}\n"],"names":["resolveClassNames"],"mappings":";;;;;;SASgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,KAAK,GACwB;IAC7B,OAAOA,mCAAiB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC9E;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.js

@@ -1,10 +1,10 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+/** Adds `className` to the list if given selector is root */
 function getRootClassName({ rootSelector, selector, className }) {
-  return rootSelector === selector ? className : void 0;
+    return rootSelector === selector ? className : undefined;
 }
 
 exports.getRootClassName = getRootClassName;

package/cjs/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-root-class-name.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.ts"],"sourcesContent":["interface GetRootClassNameInput {\n  rootSelector: string;\n  selector: string;\n  className: string | undefined;\n}\n\n/** Adds `className` to the list if given selector is root */\nexport function getRootClassName({ rootSelector, selector, className }: GetRootClassNameInput) {\n  return rootSelector === selector ? className : undefined;\n}\n"],"names":[],"mappings":";;;;;AAAO,SAAS,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;AACxE,EAAE,OAAO,YAAY,KAAK,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC,CAAC;AACxD;;"}
+{"version":3,"file":"get-root-class-name.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.ts"],"sourcesContent":["interface GetRootClassNameInput {\n  rootSelector: string;\n  selector: string;\n  className: string | undefined;\n}\n\n/** Adds `className` to the list if given selector is root */\nexport function getRootClassName({ rootSelector, selector, className }: GetRootClassNameInput) {\n  return rootSelector === selector ? className : undefined;\n}\n"],"names":[],"mappings":";;;;AAMA;SACgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAyB;IAC3F,OAAO,YAAY,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAC3D;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.js

@@ -1,10 +1,10 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+/** Returns class for given selector from library styles (`*.module.css`) */
 function getSelectorClassName({ selector, classes, unstyled }) {
-  return unstyled ? void 0 : classes[selector];
+    return unstyled ? undefined : classes[selector];
 }
 
 exports.getSelectorClassName = getSelectorClassName;

package/cjs/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-selector-class-name.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.ts"],"sourcesContent":["interface GetSelectorClassNameInput {\n  selector: string;\n  classes: Record<string, string>;\n  unstyled: boolean | undefined;\n}\n\n/** Returns class for given selector from library styles (`*.module.css`) */\nexport function getSelectorClassName({ selector, classes, unstyled }: GetSelectorClassNameInput) {\n  return unstyled ? undefined : classes[selector];\n}\n"],"names":[],"mappings":";;;;;AAAO,SAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;AACtE,EAAE,OAAO,QAAQ,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAC/C;;"}
+{"version":3,"file":"get-selector-class-name.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.ts"],"sourcesContent":["interface GetSelectorClassNameInput {\n  selector: string;\n  classes: Record<string, string>;\n  unstyled: boolean | undefined;\n}\n\n/** Returns class for given selector from library styles (`*.module.css`) */\nexport function getSelectorClassName({ selector, classes, unstyled }: GetSelectorClassNameInput) {\n  return unstyled ? undefined : classes[selector];\n}\n"],"names":[],"mappings":";;;;AAMA;SACgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAA6B;IAC7F,OAAO,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAClD;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.js

@@ -1,14 +1,10 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function getStaticClassNames({
-  themeName,
-  classNamesPrefix,
-  selector
-}) {
-  return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`);
+/** Returns static component classes, for example, `.mantine-Input-wrapper` */
+function getStaticClassNames({ themeName, classNamesPrefix, selector, }) {
+    return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`);
 }
 
 exports.getStaticClassNames = getStaticClassNames;

package/cjs/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-static-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.ts"],"sourcesContent":["interface GetStaticClassNamesInput {\n  themeName: string[];\n  selector: string;\n  classNamesPrefix: string;\n}\n\n/** Returns static component classes, for example, `.mantine-Input-wrapper` */\nexport function getStaticClassNames({\n  themeName,\n  classNamesPrefix,\n  selector,\n}: GetStaticClassNamesInput) {\n  return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`);\n}\n"],"names":[],"mappings":";;;;;AAAO,SAAS,mBAAmB,CAAC;AACpC,EAAE,SAAS;AACX,EAAE,gBAAgB;AAClB,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;AACtE;;"}
+{"version":3,"file":"get-static-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.ts"],"sourcesContent":["interface GetStaticClassNamesInput {\n  themeName: string[];\n  selector: string;\n  classNamesPrefix: string;\n}\n\n/** Returns static component classes, for example, `.mantine-Input-wrapper` */\nexport function getStaticClassNames({\n  themeName,\n  classNamesPrefix,\n  selector,\n}: GetStaticClassNamesInput) {\n  return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`);\n}\n"],"names":[],"mappings":";;;;AAMA;SACgB,mBAAmB,CAAC,EAClC,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACiB;IACzB,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,gBAAgB,IAAI,CAAC,IAAI,QAAQ,EAAE,CAAC,CAAC;AACtE;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.js

@@ -1,26 +1,19 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var resolveClassNames = require('../resolve-class-names/resolve-class-names.js');
 
-function getThemeClassNames({
-  themeName,
-  theme,
-  selector,
-  props,
-  stylesCtx
-}) {
-  return themeName.map((n) => {
-    var _a, _b;
-    return (_b = resolveClassNames.resolveClassNames({
-      theme,
-      classNames: (_a = theme.components[n]) == null ? void 0 : _a.classNames,
-      props,
-      stylesCtx
-    })) == null ? void 0 : _b[selector];
-  });
+function getThemeClassNames({ themeName, theme, selector, props, stylesCtx, }) {
+    return themeName.map((n) => {
+        var _a, _b;
+        return (_b = resolveClassNames.resolveClassNames({
+            theme,
+            classNames: (_a = theme.components[n]) === null || _a === void 0 ? void 0 : _a.classNames,
+            props,
+            stylesCtx,
+        })) === null || _b === void 0 ? void 0 : _b[selector];
+    });
 }
 
 exports.getThemeClassNames = getThemeClassNames;

package/cjs/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-theme-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { resolveClassNames } from '../resolve-class-names/resolve-class-names';\n\ninterface GetThemeClassNamesOptions {\n  theme: MantineTheme;\n  themeName: string[];\n  selector: string;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nexport function getThemeClassNames({\n  themeName,\n  theme,\n  selector,\n  props,\n  stylesCtx,\n}: GetThemeClassNamesOptions) {\n  return themeName.map(\n    (n) =>\n      resolveClassNames({\n        theme,\n        classNames: theme.components[n]?.classNames,\n        props,\n        stylesCtx,\n      })?.[selector]\n  );\n}\n"],"names":["resolveClassNames"],"mappings":";;;;;;;AACO,SAAS,kBAAkB,CAAC;AACnC,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,SAAS;AACX,CAAC,EAAE;AACH,EAAE,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;AAC9B,IAAI,IAAI,EAAE,EAAE,EAAE,CAAC;AACf,IAAI,OAAO,CAAC,EAAE,GAAGA,mCAAiB,CAAC;AACnC,MAAM,KAAK;AACX,MAAM,UAAU,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU;AAC7E,MAAM,KAAK;AACX,MAAM,SAAS;AACf,KAAK,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC;AACxC,GAAG,CAAC,CAAC;AACL;;"}
+{"version":3,"file":"get-theme-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { resolveClassNames } from '../resolve-class-names/resolve-class-names';\n\ninterface GetThemeClassNamesOptions {\n  theme: MantineTheme;\n  themeName: string[];\n  selector: string;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nexport function getThemeClassNames({\n  themeName,\n  theme,\n  selector,\n  props,\n  stylesCtx,\n}: GetThemeClassNamesOptions) {\n  return themeName.map(\n    (n) =>\n      resolveClassNames({\n        theme,\n        classNames: theme.components[n]?.classNames,\n        props,\n        stylesCtx,\n      })?.[selector]\n  );\n}\n"],"names":["resolveClassNames"],"mappings":";;;;;;SAWgB,kBAAkB,CAAC,EACjC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,GACiB;IAC1B,OAAO,SAAS,CAAC,GAAG,CAClB,CAAC,CAAC;;QACA,OAAA,MAAAA,mCAAiB,CAAC;YAChB,KAAK;YACL,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,0CAAE,UAAU;YAC3C,KAAK;YACL,SAAS;SACV,CAAC,0CAAG,QAAQ,CAAC,CAAA;KAAA,CACjB,CAAC;AACJ;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.js

@@ -1,15 +1,10 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function getVariantClassName({
-  options,
-  classes,
-  selector,
-  unstyled
-}) {
-  return (options == null ? void 0 : options.variant) && !unstyled ? classes[`${selector}--${options.variant}`] : void 0;
+/** Returns variant className, variant is always separated from selector with `--`, for example, `tab--default` */
+function getVariantClassName({ options, classes, selector, unstyled, }) {
+    return (options === null || options === void 0 ? void 0 : options.variant) && !unstyled ? classes[`${selector}--${options.variant}`] : undefined;
 }
 
 exports.getVariantClassName = getVariantClassName;

package/cjs/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-variant-class-name.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.ts"],"sourcesContent":["import { GetStylesApiOptions } from '../../../styles-api.types';\n\ninterface GetVariantClassNameInput {\n  options: GetStylesApiOptions | undefined;\n  classes: Record<string, string>;\n  selector: string;\n  unstyled: boolean | undefined;\n}\n\n/** Returns variant className, variant is always separated from selector with `--`, for example, `tab--default` */\nexport function getVariantClassName({\n  options,\n  classes,\n  selector,\n  unstyled,\n}: GetVariantClassNameInput) {\n  return options?.variant && !unstyled ? classes[`${selector}--${options.variant}`] : undefined;\n}\n"],"names":[],"mappings":";;;;;AAAO,SAAS,mBAAmB,CAAC;AACpC,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,OAAO,CAAC,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,OAAO,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;AACzH;;"}
+{"version":3,"file":"get-variant-class-name.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.ts"],"sourcesContent":["import { GetStylesApiOptions } from '../../../styles-api.types';\n\ninterface GetVariantClassNameInput {\n  options: GetStylesApiOptions | undefined;\n  classes: Record<string, string>;\n  selector: string;\n  unstyled: boolean | undefined;\n}\n\n/** Returns variant className, variant is always separated from selector with `--`, for example, `tab--default` */\nexport function getVariantClassName({\n  options,\n  classes,\n  selector,\n  unstyled,\n}: GetVariantClassNameInput) {\n  return options?.variant && !unstyled ? classes[`${selector}--${options.variant}`] : undefined;\n}\n"],"names":[],"mappings":";;;;AASA;SACgB,mBAAmB,CAAC,EAClC,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,GACiB;IACzB,OAAO,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,GAAG,QAAQ,KAAK,OAAO,CAAC,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AAChG;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js

@@ -1,11 +1,12 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const EMPTY_CLASS_NAMES = {};
 function resolveClassNames({ theme, classNames, props, stylesCtx }) {
-  return typeof classNames === "function" ? classNames(theme, props, stylesCtx) : classNames || EMPTY_CLASS_NAMES;
+    return typeof classNames === 'function'
+        ? classNames(theme, props, stylesCtx)
+        : classNames || EMPTY_CLASS_NAMES;
 }
 
 exports.resolveClassNames = resolveClassNames;

package/cjs/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport type { _ClassNames } from '../get-class-name';\n\nexport interface ResolveClassNamesInput {\n  theme: MantineTheme;\n  classNames: _ClassNames;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nconst EMPTY_CLASS_NAMES: Record<string, string> = {};\n\nexport function resolveClassNames({ theme, classNames, props, stylesCtx }: ResolveClassNamesInput) {\n  return typeof classNames === 'function'\n    ? classNames(theme, props, stylesCtx)\n    : classNames || EMPTY_CLASS_NAMES;\n}\n"],"names":[],"mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,EAAE,CAAC;AACtB,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AAC3E,EAAE,OAAO,OAAO,UAAU,KAAK,UAAU,GAAG,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,GAAG,UAAU,IAAI,iBAAiB,CAAC;AAClH;;"}
+{"version":3,"file":"resolve-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport type { _ClassNames } from '../get-class-name';\n\nexport interface ResolveClassNamesInput {\n  theme: MantineTheme;\n  classNames: _ClassNames;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nconst EMPTY_CLASS_NAMES: Record<string, string> = {};\n\nexport function resolveClassNames({ theme, classNames, props, stylesCtx }: ResolveClassNamesInput) {\n  return typeof classNames === 'function'\n    ? classNames(theme, props, stylesCtx)\n    : classNames || EMPTY_CLASS_NAMES;\n}\n"],"names":[],"mappings":";;;;AAUA,MAAM,iBAAiB,GAA2B,EAAE,CAAC;SAErC,iBAAiB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAA0B;IAC/F,OAAO,OAAO,UAAU,KAAK,UAAU;UACnC,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC;UACnC,UAAU,IAAI,iBAAiB,CAAC;AACtC;;;;"}

package/cjs/core/styles-api/use-styles/get-style/get-style.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -8,36 +7,8 @@ var resolveStyles = require('./resolve-styles/resolve-styles.js');
 var resolveStyle = require('./resolve-style/resolve-style.js');
 var resolveVars = require('./resolve-vars/resolve-vars.js');
 
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-function getStyle({
-  theme,
-  themeName,
-  selector,
-  options,
-  props,
-  stylesCtx,
-  rootSelector,
-  styles,
-  style,
-  vars,
-  varsResolver
-}) {
-  return __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getThemeStyles.getThemeStyles({ theme, themeName, props, stylesCtx, selector })), resolveStyles.resolveStyles({ theme, styles, props, stylesCtx })[selector]), resolveStyles.resolveStyles({ theme, styles: options == null ? void 0 : options.styles, props: (options == null ? void 0 : options.props) || props, stylesCtx })[selector]), resolveVars.resolveVars({ theme, props, stylesCtx, vars, varsResolver, selector, themeName })), rootSelector === selector ? resolveStyle.resolveStyle({ style, theme }) : null), resolveStyle.resolveStyle({ style: options == null ? void 0 : options.style, theme }));
+function getStyle({ theme, themeName, selector, options, props, stylesCtx, rootSelector, styles, style, vars, varsResolver, }) {
+    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getThemeStyles.getThemeStyles({ theme, themeName, props, stylesCtx, selector })), resolveStyles.resolveStyles({ theme, styles, props, stylesCtx })[selector]), resolveStyles.resolveStyles({ theme, styles: options === null || options === void 0 ? void 0 : options.styles, props: (options === null || options === void 0 ? void 0 : options.props) || props, stylesCtx })[selector]), resolveVars.resolveVars({ theme, props, stylesCtx, vars, varsResolver, selector, themeName })), (rootSelector === selector ? resolveStyle.resolveStyle({ style, theme }) : null)), resolveStyle.resolveStyle({ style: options === null || options === void 0 ? void 0 : options.style, theme }));
 }
 
 exports.getStyle = getStyle;