@mantine/core 7.0.0-alpha.13 → 7.0.0-alpha.14

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

@@ -2,9 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const emptyStyles = {};
+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 }) {
-  return typeof styles === "function" ? styles(theme, props, stylesCtx) : styles || emptyStyles;
+  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);
+  }, {});
 }
 
 exports.resolveStyles = resolveStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"resolve-styles.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport type { MantineTheme } from '../../../../MantineProvider';\nimport type { _Styles } from '../get-style';\n\nexport interface ResolveStylesInput {\n  theme: MantineTheme;\n  styles: _Styles;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nconst emptyStyles: Record<string, CSSProperties> = {};\n\nexport function resolveStyles({ theme, styles, props, stylesCtx }: ResolveStylesInput) {\n  return typeof styles === 'function' ? styles(theme, props, stylesCtx) : styles || emptyStyles;\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,WAAW,GAAG,EAAE,CAAC;AAChB,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AACnE,EAAE,OAAO,OAAO,MAAM,KAAK,UAAU,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,GAAG,MAAM,IAAI,WAAW,CAAC;AAChG;;;;"}
+{"version":3,"file":"resolve-styles.js","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/cjs/index.css

@@ -40,6 +40,13 @@ body {
   -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
 }
 
+@media screen and (max-device-width: 500px) {
+
+body {
+    -webkit-text-size-adjust: 100%
+}
+  }
+
 @media (prefers-reduced-motion: reduce) {
     [data-respect-reduced-motion] [data-reduce-motion] {
       transition: none;
@@ -2218,6 +2225,151 @@ body {
   border-radius: 10000rem;
 }
 
+.mantine--1TgA5h {
+  --combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale));
+  --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
+  --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
+  --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
+  --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
+
+  width: var(--combobox-chevron-size);
+  height: var(--combobox-chevron-size);
+  color: var(--_color);
+}
+
+  [data-mantine-color-scheme='light'] .mantine--1TgA5h {
+    --_color: var(--mantine-color-gray-6);
+}
+
+  [data-mantine-color-scheme='dark'] .mantine--1TgA5h {
+    --_color: var(--mantine-color-dark-3);
+}
+
+  .mantine--1TgA5h[data-error] {
+    --_color: var(--mantine-color-error);
+  }
+
+.mantine-Hu7S-XH {
+  position: absolute;
+  background-color: var(--_popover-bg);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
+  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
+  box-shadow: var(--popover-shadow, none);
+  border-radius: var(--popover-radius);
+}
+
+  .mantine-Hu7S-XH:focus {
+    outline: none;
+  }
+
+  [data-mantine-color-scheme='light'] .mantine-Hu7S-XH {
+    --_popover-bg: var(--mantine-color-white);
+    --_popover-bd: var(--mantine-color-gray-2);
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-Hu7S-XH {
+    --_popover-bg: var(--mantine-color-dark-6);
+    --_popover-bd: var(--mantine-color-dark-4);
+}
+
+.mantine-XLi9Yuw {
+  background-color: inherit;
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
+  z-index: 1;
+}
+
+.mantine-oGVJEaz {
+  --combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
+  --combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
+  --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
+  --combobox-option-padding-lg: calc(0.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
+  --combobox-option-padding-xl: calc(0.875rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
+
+  padding: var(--combobox-padding);
+}
+
+  .mantine-oGVJEaz[data-hidden] {
+    display: none;
+  }
+
+.mantine-Jvh599k {
+  padding: var(--combobox-option-padding);
+  font-size: var(--combobox-option-fz);
+  border-radius: var(--mantine-radius-default);
+  background-color: var(--_option-bg, transparent);
+  color: var(--_option-color, inherit);
+  opacity: var(--_option-opacity, 1);
+  cursor: var(--_option-cursor, pointer);
+}
+
+.mantine-Jvh599k[data-combobox-selected] {
+    --_option-bg: var(--mantine-color-primary);
+    --_option-color: var(--mantine-color-white);
+  }
+
+.mantine-Jvh599k[data-combobox-disabled] {
+    --_option-cursor: not-allowed;
+    --_option-opacity: 0.35;
+  }
+
+@media (hover: hover) {
+      [data-mantine-color-scheme='light'] .mantine-Jvh599k:hover:not([data-combobox-selected], [data-combobox-disabled]) {
+        --_option-bg: var(--mantine-color-gray-0);
+  }
+
+      [data-mantine-color-scheme='dark'] .mantine-Jvh599k:hover:not([data-combobox-selected], [data-combobox-disabled]) {
+        --_option-bg: var(--mantine-color-dark-7);
+  }
+}
+
+@media (hover: none) {
+      [data-mantine-color-scheme='light'] .mantine-Jvh599k:active:not([data-combobox-selected], [data-combobox-disabled]) {
+        --_option-bg: var(--mantine-color-gray-0);
+  }
+
+      [data-mantine-color-scheme='dark'] .mantine-Jvh599k:active:not([data-combobox-selected], [data-combobox-disabled]) {
+        --_option-bg: var(--mantine-color-dark-7);
+  }
+}
+
+.mantine-E0imXrV {
+  margin-left: calc(var(--combobox-padding) * -1);
+  margin-right: calc(var(--combobox-padding) * -1);
+  margin-top: calc(var(--combobox-padding) * -1);
+  width: calc(100% + var(--combobox-padding) * 2);
+  border-top-width: 0;
+  border-right-width: 0;
+  border-left-width: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-bottom: var(--combobox-padding);
+  background-color: var(--_search_background);
+  position: relative;
+  z-index: 1000;
+}
+
+.mantine-E0imXrV,
+  .mantine-E0imXrV:focus {
+    border-color: var(--_search-border-color);
+  }
+
+[data-mantine-color-scheme='light'] .mantine-E0imXrV {
+    --_search-border-color: var(--mantine-color-gray-2);
+    --_search_background: var(--mantine-color-white);
+}
+
+[data-mantine-color-scheme='dark'] .mantine-E0imXrV {
+    --_search-border-color: var(--mantine-color-dark-4);
+    --_search_background: var(--mantine-color-dark-7);
+}
+
+.mantine-AHC-x-C {
+  font-size: var(--combobox-option-fz);
+  text-align: center;
+  padding: var(--combobox-option-padding);
+  color: var(--mantine-color-dimmed);
+}
+
 .mantine-jQnfD5v {
   --container-size-xs: calc(33.75rem * var(--mantine-scale));
   --container-size-sm: calc(45rem * var(--mantine-scale));
@@ -2308,6 +2460,136 @@ body {
       margin-right: var(--mantine-spacing-xs);
 }
 
+.mantine-i2zl3YF {
+  line-height: 1;
+  padding: 0;
+  margin: 0;
+  font-weight: 400;
+  font-size: var(--mantine-font-size-md);
+}
+
+.mantine-zfPHD3v {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--mb-padding);
+  padding-right: var(--_pr, calc(var(--mb-padding) - calc(0.3125rem * var(--mantine-scale))));
+  padding-left: var(--_pl, var(--mb-padding));
+  position: sticky;
+  top: 0;
+  background-color: var(--mantine-color-body);
+  z-index: 1000;
+}
+
+[dir="rtl"] .mantine-zfPHD3v {
+    --_pr: var(--mb-padding);
+    --_pl: calc(var(--mb-padding) - calc(0.3125rem * var(--mantine-scale)));
+}
+
+.mantine-4xc51-t {
+  position: fixed;
+  width: 100%;
+  top: 0;
+  bottom: 0;
+  z-index: calc(var(--mb-z-index) + 1);
+  pointer-events: none;
+}
+
+.mantine-z46xbr2 {
+  pointer-events: all;
+  box-shadow: var(--mb-shadow);
+}
+
+.mantine-HTNzGUo {
+  margin-left: var(--_close-ml, auto);
+  margin-right: var(--_close-mr, 0);
+}
+
+[dir="rtl"] .mantine-HTNzGUo {
+    --_close-ml: 0;
+    --_close-mr: auto;
+}
+
+.mantine-YGR5-68 {
+  padding: var(--mb-padding);
+  padding-top: var(--_pt, var(--mb-padding));
+}
+
+.mantine-YGR5-68:not(:only-child) {
+    --_pt: 0;
+  }
+
+.mantine-lqpFSmK {
+  outline: 0;
+  -webkit-tap-highlight-color: transparent;
+  display: block;
+  touch-action: manipulation;
+  text-decoration: none;
+  border-radius: var(--paper-radius);
+  box-shadow: var(--paper-shadow);
+  background-color: var(--mantine-color-body);
+  border: var(--_paper-border-width, 0) solid var(--_paper-border-color, transparent);
+}
+
+  .mantine-lqpFSmK[data-with-border] {
+    --_paper-border-width: 1px;
+  }
+
+  [data-mantine-color-scheme='light'] .mantine-lqpFSmK[data-with-border] {
+      --_paper-border-color: var(--mantine-color-gray-3);
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-lqpFSmK[data-with-border] {
+      --_paper-border-color: var(--mantine-color-dark-4);
+}
+
+.mantine-aUY-pnb {
+  inset: 0;
+  position: var(--_overlay-position, absolute);
+  background: var(--overlay-bg);
+  backdrop-filter: var(--overlay-filter);
+  border-radius: var(--overlay-radius);
+  z-index: var(--overlay-z-index);
+}
+
+  .mantine-aUY-pnb[data-fixed] {
+    --_overlay-position: fixed;
+  }
+
+  .mantine-aUY-pnb[data-center] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+.mantine-5KeVJJi {
+  --drawer-size-xs: calc(20rem * var(--mantine-scale));
+  --drawer-size-sm: calc(23.75rem * var(--mantine-scale));
+  --drawer-size-md: calc(27.5rem * var(--mantine-scale));
+  --drawer-size-lg: calc(38.75rem * var(--mantine-scale));
+  --drawer-size-xl: calc(48.75rem * var(--mantine-scale));
+}
+
+.mantine--zh-iwI {
+  z-index: 1000;
+}
+
+.mantine-LP0gMBl {
+  --paper-radius: 0 !important;
+  flex: var(--drawer-flex);
+  height: var(--drawer-height);
+  max-width: 100%;
+  max-height: 100%;
+  border-radius: 0;
+  overflow-y: auto;
+}
+
+.mantine-KKTsYnZ {
+  display: flex;
+  justify-content: var(--drawer-justify);
+  align-items: var(--drawer-align);
+}
+
 .mantine-aYUA2uh {
   padding: var(--mantine-spacing-lg);
   padding-top: var(--mantine-spacing-xs);
@@ -2375,17 +2657,15 @@ body {
 
 .mantine--7TY0Qe {
   background-color: var(--_mark-bg);
-  color: var(--_mark-color);
+  color: var(--mantine-color-black);
 }
 
   [data-mantine-color-scheme='light'] .mantine--7TY0Qe {
     --_mark-bg: var(--mark-bg-light);
-    --_mark-color: inherit;
 }
 
   [data-mantine-color-scheme='dark'] .mantine--7TY0Qe {
     --_mark-bg: var(--mark-bg-dark);
-    --_mark-color: var(--mantine-color-dark-9);
 }
 
 .mantine-w2QLGBV {
@@ -2425,108 +2705,6 @@ body {
     --_kbd-bg: var(--mantine-color-dark-5);
 }
 
-.mantine-i2zl3YF {
-  line-height: 1;
-  padding: 0;
-  margin: 0;
-  font-weight: 400;
-  font-size: var(--mantine-font-size-md);
-}
-
-.mantine-zfPHD3v {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: var(--mb-padding);
-  padding-right: var(--_pr, calc(var(--mb-padding) - calc(0.3125rem * var(--mantine-scale))));
-  padding-left: var(--_pl, var(--mb-padding));
-  position: sticky;
-  top: 0;
-  background-color: var(--mantine-color-body);
-  z-index: 1000;
-}
-
-[dir="rtl"] .mantine-zfPHD3v {
-    --_pr: var(--mb-padding);
-    --_pl: calc(var(--mb-padding) - calc(0.3125rem * var(--mantine-scale)));
-}
-
-.mantine-4xc51-t {
-  position: fixed;
-  width: 100%;
-  top: 0;
-  bottom: 0;
-  z-index: calc(var(--mb-z-index) + 1);
-  pointer-events: none;
-}
-
-.mantine-z46xbr2 {
-  pointer-events: all;
-  box-shadow: var(--mb-shadow);
-}
-
-.mantine-HTNzGUo {
-  margin-left: var(--_close-ml, auto);
-  margin-right: var(--_close-mr, 0);
-}
-
-[dir="rtl"] .mantine-HTNzGUo {
-    --_close-ml: 0;
-    --_close-mr: auto;
-}
-
-.mantine-YGR5-68 {
-  padding: var(--mb-padding);
-  padding-top: var(--_pt, var(--mb-padding));
-}
-
-.mantine-YGR5-68:not(:only-child) {
-    --_pt: 0;
-  }
-
-.mantine-lqpFSmK {
-  outline: 0;
-  -webkit-tap-highlight-color: transparent;
-  display: block;
-  touch-action: manipulation;
-  text-decoration: none;
-  border-radius: var(--paper-radius);
-  box-shadow: var(--paper-shadow);
-  background-color: var(--mantine-color-body);
-  border: var(--_paper-border-width, 0) solid var(--_paper-border-color, transparent);
-}
-
-  .mantine-lqpFSmK[data-with-border] {
-    --_paper-border-width: 1px;
-  }
-
-  [data-mantine-color-scheme='light'] .mantine-lqpFSmK[data-with-border] {
-      --_paper-border-color: var(--mantine-color-gray-3);
-}
-
-  [data-mantine-color-scheme='dark'] .mantine-lqpFSmK[data-with-border] {
-      --_paper-border-color: var(--mantine-color-dark-4);
-}
-
-.mantine-aUY-pnb {
-  inset: 0;
-  position: var(--_overlay-position, absolute);
-  background: var(--overlay-bg);
-  backdrop-filter: var(--overlay-filter);
-  border-radius: var(--overlay-radius);
-  z-index: var(--overlay-z-index);
-}
-
-  .mantine-aUY-pnb[data-fixed] {
-    --_overlay-position: fixed;
-  }
-
-  .mantine-aUY-pnb[data-center] {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
 .mantine-rDD4RW2 {
   --modal-size-xs: calc(20rem * var(--mantine-scale));
   --modal-size-sm: calc(23.75rem * var(--mantine-scale));
@@ -2577,30 +2755,6 @@ body {
   padding-right: var(--_inner-x-offset, var(--modal-x-offset));
 }
 
-.mantine--1TgA5h {
-  --combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale));
-  --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
-  --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
-  --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
-  --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
-
-  width: var(--combobox-chevron-size);
-  height: var(--combobox-chevron-size);
-  color: var(--_color);
-}
-
-  [data-mantine-color-scheme='light'] .mantine--1TgA5h {
-    --_color: var(--mantine-color-gray-6);
-}
-
-  [data-mantine-color-scheme='dark'] .mantine--1TgA5h {
-    --_color: var(--mantine-color-dark-3);
-}
-
-  .mantine--1TgA5h[data-error] {
-    --_color: var(--mantine-color-error);
-  }
-
 .mantine-YiPmNPd {
   overflow: hidden;
   box-sizing: border-box;
@@ -2757,35 +2911,6 @@ body {
     --_close-button-hover-bg: var(--mantine-color-dark-8);
 }
 
-.mantine-Hu7S-XH {
-  position: absolute;
-  background-color: var(--_popover-bg);
-  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
-  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
-  box-shadow: var(--popover-shadow, none);
-  border-radius: var(--popover-radius);
-}
-
-  .mantine-Hu7S-XH:focus {
-    outline: none;
-  }
-
-  [data-mantine-color-scheme='light'] .mantine-Hu7S-XH {
-    --_popover-bg: var(--mantine-color-white);
-    --_popover-bd: var(--mantine-color-gray-2);
-}
-
-  [data-mantine-color-scheme='dark'] .mantine-Hu7S-XH {
-    --_popover-bg: var(--mantine-color-dark-6);
-    --_popover-bd: var(--mantine-color-dark-4);
-}
-
-.mantine-XLi9Yuw {
-  background-color: inherit;
-  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
-  z-index: 1;
-}
-
 .mantine--CW641A {
   position: relative;
   overflow: hidden;

package/cjs/index.js

@@ -21,6 +21,8 @@ var closeOnEscape = require('./core/utils/close-on-escape/close-on-escape.js');
 var noop = require('./core/utils/noop/noop.js');
 var getSize = require('./core/utils/get-size/get-size.js');
 var createVarsResolver = require('./core/styles-api/create-vars-resolver/create-vars-resolver.js');
+var resolveClassNames = require('./core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js');
+var resolveStyles = require('./core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js');
 var getGlobalClassNames = require('./core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.js');
 var useStyles = require('./core/styles-api/use-styles/use-styles.js');
 var defaultTheme = require('./core/MantineProvider/default-theme.js');
@@ -86,9 +88,29 @@ var Code = require('./components/Code/Code.js');
 var Collapse = require('./components/Collapse/Collapse.js');
 var ColorPicker = require('./components/ColorPicker/ColorPicker.js');
 var ColorSwatch = require('./components/ColorSwatch/ColorSwatch.js');
+var getParsedComboboxData = require('./components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js');
+var ComboboxChevron = require('./components/Combobox/ComboboxChevron/ComboboxChevron.js');
+var Combobox = require('./components/Combobox/Combobox.js');
+var ComboboxDropdown = require('./components/Combobox/ComboboxDropdown/ComboboxDropdown.js');
+var ComboboxOptions = require('./components/Combobox/ComboboxOptions/ComboboxOptions.js');
+var ComboboxOption = require('./components/Combobox/ComboboxOption/ComboboxOption.js');
+var ComboboxTarget = require('./components/Combobox/ComboboxTarget/ComboboxTarget.js');
+var ComboboxSearch = require('./components/Combobox/ComboboxSearch/ComboboxSearch.js');
+var ComboboxEmpty = require('./components/Combobox/ComboboxEmpty/ComboboxEmpty.js');
+var useCombobox = require('./components/Combobox/use-combobox/use-combobox.js');
+var useVirtualizedCombobox = require('./components/Combobox/use-combobox/use-virtualized-combobox.js');
+var useComboboxTargetProps = require('./components/Combobox/use-combobox-target-props/use-combobox-target-props.js');
 var Container = require('./components/Container/Container.js');
 var CopyButton = require('./components/CopyButton/CopyButton.js');
 var Divider = require('./components/Divider/Divider.js');
+var Drawer = require('./components/Drawer/Drawer.js');
+var DrawerRoot = require('./components/Drawer/DrawerRoot.js');
+var DrawerBody = require('./components/Drawer/DrawerBody.js');
+var DrawerCloseButton = require('./components/Drawer/DrawerCloseButton.js');
+var DrawerContent = require('./components/Drawer/DrawerContent.js');
+var DrawerHeader = require('./components/Drawer/DrawerHeader.js');
+var DrawerOverlay = require('./components/Drawer/DrawerOverlay.js');
+var DrawerTitle = require('./components/Drawer/DrawerTitle.js');
 var Fieldset = require('./components/Fieldset/Fieldset.js');
 var FileButton = require('./components/FileButton/FileButton.js');
 var useDelayedHover = require('./components/Floating/use-delayed-hover.js');
@@ -186,6 +208,8 @@ exports.getShadow = getSize.getShadow;
 exports.getSize = getSize.getSize;
 exports.getSpacing = getSize.getSpacing;
 exports.createVarsResolver = createVarsResolver.createVarsResolver;
+exports.resolveClassNames = resolveClassNames.resolveClassNames;
+exports.resolveStyles = resolveStyles.resolveStyles;
 exports.FOCUS_CLASS_NAMES = getGlobalClassNames.FOCUS_CLASS_NAMES;
 exports.useStyles = useStyles.useStyles;
 exports.DEFAULT_THEME = defaultTheme.DEFAULT_THEME;
@@ -261,9 +285,29 @@ exports.Code = Code.Code;
 exports.Collapse = Collapse.Collapse;
 exports.ColorPicker = ColorPicker.ColorPicker;
 exports.ColorSwatch = ColorSwatch.ColorSwatch;
+exports.getParsedComboboxData = getParsedComboboxData.getParsedComboboxData;
+exports.ComboboxChevron = ComboboxChevron.ComboboxChevron;
+exports.Combobox = Combobox.Combobox;
+exports.ComboboxDropdown = ComboboxDropdown.ComboboxDropdown;
+exports.ComboboxOptions = ComboboxOptions.ComboboxOptions;
+exports.ComboboxOption = ComboboxOption.ComboboxOption;
+exports.ComboboxTarget = ComboboxTarget.ComboboxTarget;
+exports.ComboboxSearch = ComboboxSearch.ComboboxSearch;
+exports.ComboboxEmpty = ComboboxEmpty.ComboboxEmpty;
+exports.useCombobox = useCombobox.useCombobox;
+exports.useVirtualizedCombobox = useVirtualizedCombobox.useVirtualizedCombobox;
+exports.useComboboxTargetProps = useComboboxTargetProps.useComboboxTargetProps;
 exports.Container = Container.Container;
 exports.CopyButton = CopyButton.CopyButton;
 exports.Divider = Divider.Divider;
+exports.Drawer = Drawer.Drawer;
+exports.DrawerRoot = DrawerRoot.DrawerRoot;
+exports.DrawerBody = DrawerBody.DrawerBody;
+exports.DrawerCloseButton = DrawerCloseButton.DrawerCloseButton;
+exports.DrawerContent = DrawerContent.DrawerContent;
+exports.DrawerHeader = DrawerHeader.DrawerHeader;
+exports.DrawerOverlay = DrawerOverlay.DrawerOverlay;
+exports.DrawerTitle = DrawerTitle.DrawerTitle;
 exports.Fieldset = Fieldset.Fieldset;
 exports.FileButton = FileButton.FileButton;
 exports.useDelayedHover = useDelayedHover.useDelayedHover;

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/components/Combobox/Combobox.context.js

@@ -0,0 +1,8 @@
+import { createSafeContext } from '../../core/utils/create-safe-context/create-safe-context.js';
+
+const [ComboboxProvider, useComboboxContext] = createSafeContext(
+  "Combobox component was not found in tree"
+);
+
+export { ComboboxProvider, useComboboxContext };
+//# sourceMappingURL=Combobox.context.js.map

package/esm/components/Combobox/Combobox.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.context.js","sources":["../../../src/components/Combobox/Combobox.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi, MantineSize } from '../../core';\nimport type { ComboboxFactory } from './Combobox';\nimport type { ComboboxOptionProps } from './ComboboxOption/ComboboxOption';\nimport type { ComboboxStore } from './use-combobox/use-combobox';\n\nexport interface ComboboxContextValue {\n  getStyles: GetStylesApi<ComboboxFactory>;\n  store: ComboboxStore;\n  onOptionSelect?(value: string, optionProps: ComboboxOptionProps): void;\n  size: MantineSize | (string & {});\n  resetSelectionOnOptionHover: boolean | undefined;\n}\n\nexport const [ComboboxProvider, useComboboxContext] = createSafeContext<ComboboxContextValue>(\n  'Combobox component was not found in tree'\n);\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,GAAG,iBAAiB;AACvE,EAAE,0CAA0C;AAC5C;;;;"}