@mantine/core 7.0.0-beta.7 → 7.0.1-alpha.0

package/esm/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.mjs

@@ -0,0 +1,16 @@
+import { useIsomorphicEffect } from '@mantine/hooks';
+
+function useRespectReduceMotion({
+  respectReducedMotion,
+  getRootElement
+}) {
+  useIsomorphicEffect(() => {
+    var _a;
+    if (respectReducedMotion) {
+      (_a = getRootElement()) == null ? void 0 : _a.setAttribute("data-respect-reduced-motion", "true");
+    }
+  }, [respectReducedMotion]);
+}
+
+export { useRespectReduceMotion };
+//# sourceMappingURL=use-respect-reduce-motion.mjs.map

package/esm/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-respect-reduce-motion.mjs","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":[],"mappings":";;AACO,SAAS,sBAAsB,CAAC;AACvC,EAAE,oBAAoB;AACtB,EAAE,cAAc;AAChB,CAAC,EAAE;AACH,EAAE,mBAAmB,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;;;;"}

package/esm/core/factory/create-polymorphic-component.mjs

@@ -0,0 +1,6 @@
+function createPolymorphicComponent(component) {
+  return component;
+}
+
+export { createPolymorphicComponent };
+//# sourceMappingURL=create-polymorphic-component.mjs.map

package/esm/core/factory/create-polymorphic-component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-polymorphic-component.mjs","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;;;;"}

package/esm/core/factory/factory.mjs

@@ -0,0 +1,13 @@
+import { forwardRef } from 'react';
+
+function identity(value) {
+  return value;
+}
+function factory(ui) {
+  const Component = forwardRef(ui);
+  Component.extend = identity;
+  return Component;
+}
+
+export { factory, identity };
+//# sourceMappingURL=factory.mjs.map

package/esm/core/factory/factory.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.mjs","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 ComponentClasses<Payload extends FactoryPayload> = {\n  classes: Payload['stylesNames'] extends string ? Record<string, string> : never;\n};\n\nexport type MantineComponentStaticProperties<Payload extends FactoryPayload> =\n  ThemeExtend<Payload> & ComponentClasses<Payload> & StaticComponents<Payload['staticComponents']>;\n\nexport type MantineComponent<Payload extends FactoryPayload> = React.ForwardRefExoticComponent<\n  Payload['props'] & React.RefAttributes<Payload['ref']>\n> &\n  MantineComponentStaticProperties<Payload>;\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":[],"mappings":";;AACO,SAAS,QAAQ,CAAC,KAAK,EAAE;AAChC,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACM,SAAS,OAAO,CAAC,EAAE,EAAE;AAC5B,EAAE,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;AACnC,EAAE,SAAS,CAAC,MAAM,GAAG,QAAQ,CAAC;AAC9B,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}

package/esm/core/factory/polymorphic-factory.mjs

@@ -0,0 +1,11 @@
+import { forwardRef } from 'react';
+import { identity } from './factory.mjs';
+
+function polymorphicFactory(ui) {
+  const Component = forwardRef(ui);
+  Component.extend = identity;
+  return Component;
+}
+
+export { polymorphicFactory };
+//# sourceMappingURL=polymorphic-factory.mjs.map

package/esm/core/factory/polymorphic-factory.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphic-factory.mjs","sources":["../../../src/core/factory/polymorphic-factory.ts"],"sourcesContent":["import { forwardRef } from 'react';\nimport {\n  FactoryPayload,\n  StaticComponents,\n  ThemeExtend,\n  identity,\n  ComponentClasses,\n} 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    ComponentClasses<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":[],"mappings":";;;AAIO,SAAS,kBAAkB,CAAC,EAAE,EAAE;AACvC,EAAE,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;AACnC,EAAE,SAAS,CAAC,MAAM,GAAG,QAAQ,CAAC;AAC9B,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}

package/esm/core/styles-api/create-vars-resolver/create-vars-resolver.mjs

@@ -0,0 +1,6 @@
+function createVarsResolver(resolver) {
+  return resolver;
+}
+
+export { createVarsResolver };
+//# sourceMappingURL=create-vars-resolver.mjs.map

package/esm/core/styles-api/create-vars-resolver/create-vars-resolver.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-vars-resolver.mjs","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;;;;"}

package/esm/core/styles-api/use-resolved-styles-api/use-resolved-styles-api.mjs

@@ -0,0 +1,29 @@
+import { resolveClassNames } from '../use-styles/get-class-name/resolve-class-names/resolve-class-names.mjs';
+import { resolveStyles } from '../use-styles/get-style/resolve-styles/resolve-styles.mjs';
+import { useMantineTheme } from '../../MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs';
+
+function useResolvedStylesApi({
+  classNames,
+  styles,
+  props,
+  stylesCtx
+}) {
+  const theme = useMantineTheme();
+  return {
+    resolvedClassNames: resolveClassNames({
+      theme,
+      classNames,
+      props,
+      stylesCtx: stylesCtx || void 0
+    }),
+    resolvedStyles: resolveStyles({
+      theme,
+      styles,
+      props,
+      stylesCtx: stylesCtx || void 0
+    })
+  };
+}
+
+export { useResolvedStylesApi };
+//# sourceMappingURL=use-resolved-styles-api.mjs.map

package/esm/core/styles-api/use-resolved-styles-api/use-resolved-styles-api.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resolved-styles-api.mjs","sources":["../../../../src/core/styles-api/use-resolved-styles-api/use-resolved-styles-api.ts"],"sourcesContent":["import { FactoryPayload } from '../../factory';\nimport { useMantineTheme } from '../../MantineProvider';\nimport { ClassNames, Styles } from '../styles-api.types';\nimport { resolveClassNames } from '../use-styles/get-class-name/resolve-class-names/resolve-class-names';\nimport { resolveStyles } from '../use-styles/get-style/resolve-styles/resolve-styles';\n\nexport interface UseResolvedStylesApiInput<Payload extends FactoryPayload> {\n  classNames: ClassNames<Payload> | undefined;\n  styles: Styles<Payload> | undefined;\n  props: Record<string, any>;\n  stylesCtx?: Record<string, any>;\n}\n\nexport function useResolvedStylesApi<Payload extends FactoryPayload>({\n  classNames,\n  styles,\n  props,\n  stylesCtx,\n}: UseResolvedStylesApiInput<Payload>) {\n  const theme = useMantineTheme();\n\n  return {\n    resolvedClassNames: resolveClassNames({\n      theme,\n      classNames,\n      props,\n      stylesCtx: stylesCtx || undefined,\n    }),\n\n    resolvedStyles: resolveStyles({\n      theme,\n      styles,\n      props,\n      stylesCtx: stylesCtx || undefined,\n    }),\n  };\n}\n"],"names":[],"mappings":";;;;AAGO,SAAS,oBAAoB,CAAC;AACrC,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,KAAK;AACP,EAAE,SAAS;AACX,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,OAAO;AACT,IAAI,kBAAkB,EAAE,iBAAiB,CAAC;AAC1C,MAAM,KAAK;AACX,MAAM,UAAU;AAChB,MAAM,KAAK;AACX,MAAM,SAAS,EAAE,SAAS,IAAI,KAAK,CAAC;AACpC,KAAK,CAAC;AACN,IAAI,cAAc,EAAE,aAAa,CAAC;AAClC,MAAM,KAAK;AACX,MAAM,MAAM;AACZ,MAAM,KAAK;AACX,MAAM,SAAS,EAAE,SAAS,IAAI,KAAK,CAAC;AACpC,KAAK,CAAC;AACN,GAAG,CAAC;AACJ;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-class-name.mjs

@@ -0,0 +1,39 @@
+import cx from 'clsx';
+import { getStaticClassNames } from './get-static-class-names/get-static-class-names.mjs';
+import { getThemeClassNames } from './get-theme-class-names/get-theme-class-names.mjs';
+import { getGlobalClassNames } from './get-global-class-names/get-global-class-names.mjs';
+import { getVariantClassName } from './get-variant-class-name/get-variant-class-name.mjs';
+import { getRootClassName } from './get-root-class-name/get-root-class-name.mjs';
+import { getSelectorClassName } from './get-selector-class-name/get-selector-class-name.mjs';
+import { getResolvedClassNames } from './get-resolved-class-names/get-resolved-class-names.mjs';
+import { getOptionsClassNames } from './get-options-class-names/get-options-class-names.mjs';
+
+function getClassName({
+  theme,
+  options,
+  themeName,
+  selector,
+  classNamesPrefix,
+  classNames,
+  classes,
+  unstyled,
+  className,
+  rootSelector,
+  props,
+  stylesCtx
+}) {
+  return cx(
+    getGlobalClassNames({ theme, options, unstyled }),
+    getThemeClassNames({ theme, themeName, selector, props, stylesCtx }),
+    getVariantClassName({ options, classes, selector, unstyled }),
+    getResolvedClassNames({ selector, stylesCtx, theme, classNames, props }),
+    getOptionsClassNames({ selector, stylesCtx, options, props, theme }),
+    getRootClassName({ rootSelector, selector, className }),
+    getSelectorClassName({ selector, classes, unstyled }),
+    getStaticClassNames({ themeName, classNamesPrefix, selector }),
+    options == null ? void 0 : options.className
+  );
+}
+
+export { getClassName };
+//# sourceMappingURL=get-class-name.mjs.map

package/esm/core/styles-api/use-styles/get-class-name/get-class-name.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-class-name.mjs","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\ntype __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 type _ClassNames = __ClassNames | __ClassNames[];\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":[],"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,OAAO,EAAE;AACX,IAAI,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AACrD,IAAI,kBAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AACxE,IAAI,mBAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AACjE,IAAI,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAC5E,IAAI,oBAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AACxE,IAAI,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAC3D,IAAI,oBAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AACzD,IAAI,mBAAmB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;AAClE,IAAI,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,SAAS;AAChD,GAAG,CAAC;AACJ;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.mjs

@@ -0,0 +1,16 @@
+import cx from 'clsx';
+
+const FOCUS_CLASS_NAMES = {
+  always: "mantine-focus-always",
+  auto: "mantine-focus-auto",
+  never: "mantine-focus-never"
+};
+function getGlobalClassNames({ theme, options, unstyled }) {
+  return cx(
+    (options == null ? void 0 : options.focusable) && !unstyled && (theme.focusClassName || FOCUS_CLASS_NAMES[theme.focusRing]),
+    (options == null ? void 0 : options.active) && !unstyled && theme.activeClassName
+  );
+}
+
+export { FOCUS_CLASS_NAMES, getGlobalClassNames };
+//# sourceMappingURL=get-global-class-names.mjs.map

package/esm/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-global-class-names.mjs","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":[],"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,OAAO,EAAE;AACX,IAAI,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;AAC/H,IAAI,CAAC,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,MAAM,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,eAAe;AACrF,GAAG,CAAC;AACJ;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.mjs

@@ -0,0 +1,19 @@
+import { resolveClassNames } from '../resolve-class-names/resolve-class-names.mjs';
+
+function getOptionsClassNames({
+  selector,
+  stylesCtx,
+  options,
+  props,
+  theme
+}) {
+  return resolveClassNames({
+    theme,
+    classNames: options == null ? void 0 : options.classNames,
+    props: (options == null ? void 0 : options.props) || props,
+    stylesCtx
+  })[selector];
+}
+
+export { getOptionsClassNames };
+//# sourceMappingURL=get-options-class-names.mjs.map

package/esm/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-options-class-names.mjs","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":[],"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,OAAO,iBAAiB,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;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.mjs

@@ -0,0 +1,14 @@
+import { resolveClassNames } from '../resolve-class-names/resolve-class-names.mjs';
+
+function getResolvedClassNames({
+  selector,
+  stylesCtx,
+  theme,
+  classNames,
+  props
+}) {
+  return resolveClassNames({ theme, classNames, props, stylesCtx })[selector];
+}
+
+export { getResolvedClassNames };
+//# sourceMappingURL=get-resolved-class-names.mjs.map

package/esm/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-resolved-class-names.mjs","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":[],"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,OAAO,iBAAiB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC9E;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.mjs

@@ -0,0 +1,6 @@
+function getRootClassName({ rootSelector, selector, className }) {
+  return rootSelector === selector ? className : void 0;
+}
+
+export { getRootClassName };
+//# sourceMappingURL=get-root-class-name.mjs.map

package/esm/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-root-class-name.mjs","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;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.mjs

@@ -0,0 +1,6 @@
+function getSelectorClassName({ selector, classes, unstyled }) {
+  return unstyled ? void 0 : classes[selector];
+}
+
+export { getSelectorClassName };
+//# sourceMappingURL=get-selector-class-name.mjs.map

package/esm/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-selector-class-name.mjs","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;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.mjs

@@ -0,0 +1,10 @@
+function getStaticClassNames({
+  themeName,
+  classNamesPrefix,
+  selector
+}) {
+  return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`);
+}
+
+export { getStaticClassNames };
+//# sourceMappingURL=get-static-class-names.mjs.map

package/esm/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-static-class-names.mjs","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;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.mjs

@@ -0,0 +1,24 @@
+import { resolveClassNames } from '../resolve-class-names/resolve-class-names.mjs';
+
+function getThemeClassNames({
+  themeName,
+  theme,
+  selector,
+  props,
+  stylesCtx
+}) {
+  return themeName.map(
+    (n) => {
+      var _a, _b;
+      return (_b = resolveClassNames({
+        theme,
+        classNames: (_a = theme.components[n]) == null ? void 0 : _a.classNames,
+        props,
+        stylesCtx
+      })) == null ? void 0 : _b[selector];
+    }
+  );
+}
+
+export { getThemeClassNames };
+//# sourceMappingURL=get-theme-class-names.mjs.map

package/esm/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-theme-class-names.mjs","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":[],"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;AACtB,IAAI,CAAC,CAAC,KAAK;AACX,MAAM,IAAI,EAAE,EAAE,EAAE,CAAC;AACjB,MAAM,OAAO,CAAC,EAAE,GAAG,iBAAiB,CAAC;AACrC,QAAQ,KAAK;AACb,QAAQ,UAAU,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU;AAC/E,QAAQ,KAAK;AACb,QAAQ,SAAS;AACjB,OAAO,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC;AAC1C,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.mjs

@@ -0,0 +1,11 @@
+function getVariantClassName({
+  options,
+  classes,
+  selector,
+  unstyled
+}) {
+  return (options == null ? void 0 : options.variant) && !unstyled ? classes[`${selector}--${options.variant}`] : void 0;
+}
+
+export { getVariantClassName };
+//# sourceMappingURL=get-variant-class-name.mjs.map

package/esm/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-variant-class-name.mjs","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;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.mjs

@@ -0,0 +1,26 @@
+import cx from 'clsx';
+
+const EMPTY_CLASS_NAMES = {};
+function mergeClassNames(objects) {
+  const merged = {};
+  objects.forEach((obj) => {
+    Object.entries(obj).forEach(([key, value]) => {
+      if (merged[key]) {
+        merged[key] = cx(merged[key], value);
+      } else {
+        merged[key] = value;
+      }
+    });
+  });
+  return merged;
+}
+function resolveClassNames({ theme, classNames, props, stylesCtx }) {
+  const arrayClassNames = Array.isArray(classNames) ? classNames : [classNames];
+  const resolvedClassNames = arrayClassNames.map(
+    (item) => typeof item === "function" ? item(theme, props, stylesCtx) : item || EMPTY_CLASS_NAMES
+  );
+  return mergeClassNames(resolvedClassNames);
+}
+
+export { resolveClassNames };
+//# sourceMappingURL=resolve-class-names.mjs.map

package/esm/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-class-names.mjs","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.ts"],"sourcesContent":["import cx from 'clsx';\nimport { 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: Partial<Record<string, string>> = {};\n\nfunction mergeClassNames(objects: Partial<Record<string, string>>[]) {\n  const merged: Partial<Record<string, string>> = {};\n\n  objects.forEach((obj) => {\n    Object.entries(obj).forEach(([key, value]) => {\n      if (merged[key]) {\n        merged[key] = cx(merged[key], value);\n      } else {\n        merged[key] = value;\n      }\n    });\n  });\n\n  return merged;\n}\n\nexport function resolveClassNames({ theme, classNames, props, stylesCtx }: ResolveClassNamesInput) {\n  const arrayClassNames = Array.isArray(classNames) ? classNames : [classNames];\n  const resolvedClassNames = arrayClassNames.map((item) =>\n    typeof item === 'function' ? item(theme, props, stylesCtx) : item || EMPTY_CLASS_NAMES\n  );\n\n  return mergeClassNames(resolvedClassNames);\n}\n"],"names":[],"mappings":";;AACA,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,SAAS,eAAe,CAAC,OAAO,EAAE;AAClC,EAAE,MAAM,MAAM,GAAG,EAAE,CAAC;AACpB,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AAC3B,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK;AAClD,MAAM,IAAI,MAAM,CAAC,GAAG,CAAC,EAAE;AACvB,QAAQ,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7C,OAAO,MAAM;AACb,QAAQ,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAC5B,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC;AACM,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AAC3E,EAAE,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,UAAU,GAAG,CAAC,UAAU,CAAC,CAAC;AAChF,EAAE,MAAM,kBAAkB,GAAG,eAAe,CAAC,GAAG;AAChD,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,GAAG,IAAI,IAAI,iBAAiB;AACpG,GAAG,CAAC;AACJ,EAAE,OAAO,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAC7C;;;;"}

package/esm/core/styles-api/use-styles/get-style/get-style.mjs

@@ -0,0 +1,39 @@
+import { getThemeStyles } from './get-theme-styles/get-theme-styles.mjs';
+import { resolveStyles } from './resolve-styles/resolve-styles.mjs';
+import { resolveStyle } from './resolve-style/resolve-style.mjs';
+import { resolveVars } from './resolve-vars/resolve-vars.mjs';
+
+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({ theme, themeName, props, stylesCtx, selector })), resolveStyles({ theme, styles, props, stylesCtx })[selector]), resolveStyles({ theme, styles: options == null ? void 0 : options.styles, props: (options == null ? void 0 : options.props) || props, stylesCtx })[selector]), resolveVars({ theme, props, stylesCtx, vars, varsResolver, selector, themeName })), rootSelector === selector ? resolveStyle({ style, theme }) : null), resolveStyle({ style: options == null ? void 0 : options.style, theme }));
+}
+
+export { getStyle };
+//# sourceMappingURL=get-style.mjs.map

package/esm/core/styles-api/use-styles/get-style/get-style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-style.mjs","sources":["../../../../../src/core/styles-api/use-styles/get-style/get-style.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { MantineTheme } from '../../../MantineProvider';\nimport { MantineStyleProp } from '../../../Box';\nimport { GetStylesApiOptions } from '../../styles-api.types';\nimport { getThemeStyles } from './get-theme-styles/get-theme-styles';\nimport { resolveStyles } from './resolve-styles/resolve-styles';\nimport { resolveStyle } from './resolve-style/resolve-style';\nimport { resolveVars, VarsResolver } from './resolve-vars/resolve-vars';\n\nexport type _Styles =\n  | undefined\n  | Partial<Record<string, CSSProperties>>\n  | ((\n      theme: MantineTheme,\n      props: Record<string, any>,\n      ctx: Record<string, any> | undefined\n    ) => Partial<Record<string, CSSProperties>>);\n\nexport interface GetStyleInput {\n  theme: MantineTheme;\n  themeName: string[];\n  selector: string;\n  rootSelector: string;\n  options: GetStylesApiOptions | undefined;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  styles: _Styles;\n  style: MantineStyleProp | undefined;\n  vars: VarsResolver | undefined;\n  varsResolver: VarsResolver | undefined;\n}\n\nexport function getStyle({\n  theme,\n  themeName,\n  selector,\n  options,\n  props,\n  stylesCtx,\n  rootSelector,\n  styles,\n  style,\n  vars,\n  varsResolver,\n}: GetStyleInput): CSSProperties {\n  return {\n    ...getThemeStyles({ theme, themeName, props, stylesCtx, selector }),\n    ...resolveStyles({ theme, styles, props, stylesCtx })[selector],\n    ...resolveStyles({ theme, styles: options?.styles, props: options?.props || props, stylesCtx })[\n      selector\n    ],\n    ...resolveVars({ theme, props, stylesCtx, vars, varsResolver, selector, themeName }),\n    ...(rootSelector === selector ? resolveStyle({ style, theme }) : null),\n    ...resolveStyle({ style: options?.style, theme }),\n  };\n}\n"],"names":[],"mappings":";;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAKK,SAAS,QAAQ,CAAC;AACzB,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,YAAY;AACd,EAAE,MAAM;AACR,EAAE,KAAK;AACP,EAAE,IAAI;AACN,EAAE,YAAY;AACd,CAAC,EAAE;AACH,EAAE,OAAO,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,KAAK,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,QAAQ,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AAC1mB;;;;"}

package/esm/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.mjs

@@ -0,0 +1,40 @@
+import { resolveStyles } from '../resolve-styles/resolve-styles.mjs';
+
+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 getThemeStyles({
+  theme,
+  themeName,
+  props,
+  stylesCtx,
+  selector
+}) {
+  return themeName.map(
+    (n) => {
+      var _a;
+      return resolveStyles({
+        theme,
+        styles: (_a = theme.components[n]) == null ? void 0 : _a.styles,
+        props,
+        stylesCtx
+      })[selector];
+    }
+  ).reduce((acc, val) => __spreadValues(__spreadValues({}, acc), val), {});
+}
+
+export { getThemeStyles };
+//# sourceMappingURL=get-theme-styles.mjs.map

package/esm/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-theme-styles.mjs","sources":["../../../../../../src/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { resolveStyles } from '../resolve-styles/resolve-styles';\n\ninterface GetThemeStylesOptions {\n  theme: MantineTheme;\n  themeName: string[];\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  selector: string;\n}\n\nexport function getThemeStyles({\n  theme,\n  themeName,\n  props,\n  stylesCtx,\n  selector,\n}: GetThemeStylesOptions) {\n  return themeName\n    .map(\n      (n) =>\n        resolveStyles({\n          theme,\n          styles: theme.components[n]?.styles,\n          props,\n          stylesCtx,\n        })[selector]\n    )\n    .reduce((acc, val) => ({ ...acc, ...val }), {});\n}\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEK,SAAS,cAAc,CAAC;AAC/B,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,OAAO,SAAS,CAAC,GAAG;AACtB,IAAI,CAAC,CAAC,KAAK;AACX,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,OAAO,aAAa,CAAC;AAC3B,QAAQ,KAAK;AACb,QAAQ,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM;AACvE,QAAQ,KAAK;AACb,QAAQ,SAAS;AACjB,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;AACnB,KAAK;AACL,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;AAC3E;;;;"}

package/esm/core/styles-api/use-styles/get-style/resolve-style/resolve-style.mjs

@@ -0,0 +1,34 @@
+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 resolveStyle({ style, theme }) {
+  if (Array.isArray(style)) {
+    return [...style].reduce(
+      (acc, item) => __spreadValues(__spreadValues({}, acc), resolveStyle({ style: item, theme })),
+      {}
+    );
+  }
+  if (typeof style === "function") {
+    return style(theme);
+  }
+  if (style == null) {
+    return {};
+  }
+  return style;
+}
+
+export { resolveStyle };
+//# sourceMappingURL=resolve-style.mjs.map

package/esm/core/styles-api/use-styles/get-style/resolve-style/resolve-style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-style.mjs","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-style/resolve-style.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { MantineStyleProp } from '../../../../Box';\nimport { MantineTheme } from '../../../../MantineProvider';\n\ninterface ResolveStyleInput {\n  style: MantineStyleProp | undefined;\n  theme: MantineTheme;\n}\n\nexport function resolveStyle({ style, theme }: ResolveStyleInput): CSSProperties {\n  if (Array.isArray(style)) {\n    return [...style].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...resolveStyle({ style: item, theme }) }),\n      {}\n    );\n  }\n\n  if (typeof style === 'function') {\n    return style(theme);\n  }\n\n  if (style == null) {\n    return {};\n  }\n\n  return style;\n}\n"],"names":[],"mappings":"AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACK,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;AAC/C,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAC5B,IAAI,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM;AAC5B,MAAM,CAAC,GAAG,EAAE,IAAI,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;AAClG,MAAM,EAAE;AACR,KAAK,CAAC;AACN,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;AACnC,IAAI,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;AACxB,GAAG;AACH,EAAE,IAAI,KAAK,IAAI,IAAI,EAAE;AACrB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}

package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.mjs

@@ -0,0 +1,28 @@
+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 resolveStyles({ theme, styles, props, stylesCtx }) {
+  const arrayStyles = Array.isArray(styles) ? styles : [styles];
+  return arrayStyles.reduce((acc, style) => {
+    if (typeof style === "function") {
+      return __spreadValues(__spreadValues({}, acc), style(theme, props, stylesCtx));
+    }
+    return __spreadValues(__spreadValues({}, acc), style);
+  }, {});
+}
+
+export { resolveStyles };
+//# sourceMappingURL=resolve-styles.mjs.map

package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-styles.mjs","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.ts"],"sourcesContent":["import type { MantineTheme } from '../../../../MantineProvider';\nimport type { _Styles } from '../get-style';\n\nexport interface ResolveStylesInput {\n  theme: MantineTheme;\n  styles: _Styles | _Styles[];\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nexport function resolveStyles({ theme, styles, props, stylesCtx }: ResolveStylesInput) {\n  const arrayStyles = Array.isArray(styles) ? styles : [styles];\n\n  return arrayStyles.reduce<Record<string, any>>((acc, style) => {\n    if (typeof style === 'function') {\n      return { ...acc, ...style(theme, props, stylesCtx) };\n    }\n\n    return { ...acc, ...style };\n  }, {});\n}\n"],"names":[],"mappings":"AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACK,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AACnE,EAAE,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAChE,EAAE,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK;AAC5C,IAAI,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;AACrC,MAAM,OAAO,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AACrF,KAAK;AACL,IAAI,OAAO,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AAC1D,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;;;"}

package/esm/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.mjs

@@ -0,0 +1,31 @@
+import { filterProps } from '../../../../utils/filter-props/filter-props.mjs';
+
+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 mergeVars(vars) {
+  return vars.reduce((acc, current) => {
+    if (current) {
+      Object.keys(current).forEach((key) => {
+        acc[key] = __spreadValues(__spreadValues({}, acc[key]), filterProps(current[key]));
+      });
+    }
+    return acc;
+  }, {});
+}
+
+export { mergeVars };
+//# sourceMappingURL=merge-vars.mjs.map

package/esm/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-vars.mjs","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.ts"],"sourcesContent":["import { CssVariable } from '../../../../Box';\nimport { filterProps } from '../../../../utils';\n\nexport type ResolvedVars = Partial<Record<string, Record<CssVariable, string | undefined>>>;\n\nexport function mergeVars(vars: (ResolvedVars | undefined)[]) {\n  return vars.reduce<ResolvedVars>((acc, current) => {\n    if (current) {\n      Object.keys(current).forEach((key) => {\n        acc[key] = { ...acc[key], ...filterProps(current[key]!) };\n      });\n    }\n\n    return acc;\n  }, {});\n}\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEK,SAAS,SAAS,CAAC,IAAI,EAAE;AAChC,EAAE,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK;AACvC,IAAI,IAAI,OAAO,EAAE;AACjB,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AAC5C,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC3F,OAAO,CAAC,CAAC;AACT,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;;;"}