@mantine/core 7.0.0-alpha.15 → 7.0.0-alpha.16

package/esm/components/PillsInput/PillsInputField/PillsInputField.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import { useMergedRef } from '@mantine/hooks';
+import { usePillsInputContext } from '../PillsInput.context.js';
+import classes from './PillsInputField.module.css.js';
+import { useInputWrapperContext } from '../../Input/InputWrapper.context.js';
+import { factory } from '../../../core/factory/factory.js';
+import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
+import { useStyles } from '../../../core/styles-api/use-styles/use-styles.js';
+import { Box } from '../../../core/Box/Box.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  type: "visible"
+};
+const PillsInputField = factory((_props, ref) => {
+  const props = useProps("PillsInputField", defaultProps, _props);
+  const _a = props, { classNames, className, style, styles, unstyled, vars, type, disabled, id } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "type", "disabled", "id"]);
+  const ctx = usePillsInputContext();
+  const inputWrapperCtx = useInputWrapperContext();
+  const getStyles = useStyles({
+    name: "PillsInputField",
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled
+  });
+  const _disabled = disabled || (ctx == null ? void 0 : ctx.disabled);
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    __spreadProps(__spreadValues(__spreadValues({
+      component: "input",
+      ref: useMergedRef(ref, ctx == null ? void 0 : ctx.fieldRef),
+      "data-type": type,
+      disabled: _disabled,
+      mod: { disabled: _disabled }
+    }, getStyles("root")), others), {
+      id: (inputWrapperCtx == null ? void 0 : inputWrapperCtx.inputId) || id,
+      "aria-invalid": ctx == null ? void 0 : ctx.hasError,
+      "aria-describedby": inputWrapperCtx == null ? void 0 : inputWrapperCtx.describedBy
+    })
+  );
+});
+PillsInputField.classes = classes;
+PillsInputField.displayName = "@mantine/core/PillsInputField";
+
+export { PillsInputField };
+//# sourceMappingURL=PillsInputField.js.map

package/esm/components/PillsInput/PillsInputField/PillsInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillsInputField.js","sources":["../../../../src/components/PillsInput/PillsInputField/PillsInputField.tsx"],"sourcesContent":["import React from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  Factory,\n  MantineSize,\n} from '../../../core';\nimport { useInputWrapperContext } from '../../Input';\nimport { usePillsInputContext } from '../PillsInput.context';\nimport classes from './PillsInputField.module.css';\n\nexport type PillsInputFieldStylesNames = 'root';\n\nexport interface PillsInputFieldProps\n  extends BoxProps,\n    StylesApiProps<PillsInputFieldFactory>,\n    ElementProps<'input', 'type'> {\n  /** Controls input styles when focused. If `auto` the input is hidden when not focused. If `visible` the input will always remain visible. `'visible'` by default  */\n  type?: 'auto' | 'visible' | 'hidden';\n}\n\nexport type PillsInputFieldFactory = Factory<{\n  props: PillsInputFieldProps;\n  ref: HTMLInputElement;\n  stylesNames: PillsInputFieldStylesNames;\n  ctx: {\n    size: MantineSize | (string & {});\n  };\n}>;\n\nconst defaultProps: Partial<PillsInputFieldProps> = {\n  type: 'visible',\n};\n\nexport const PillsInputField = factory<PillsInputFieldFactory>((_props, ref) => {\n  const props = useProps('PillsInputField', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, type, disabled, id, ...others } =\n    props;\n  const ctx = usePillsInputContext();\n  const inputWrapperCtx = useInputWrapperContext();\n\n  const getStyles = useStyles<PillsInputFieldFactory>({\n    name: 'PillsInputField',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n  });\n\n  const _disabled = disabled || ctx?.disabled;\n\n  return (\n    <Box\n      component=\"input\"\n      ref={useMergedRef(ref, ctx?.fieldRef)}\n      data-type={type}\n      disabled={_disabled}\n      mod={{ disabled: _disabled }}\n      {...getStyles('root')}\n      {...others}\n      id={inputWrapperCtx?.inputId || id}\n      aria-invalid={ctx?.hasError}\n      aria-describedby={inputWrapperCtx?.describedBy}\n    />\n  );\n});\n\nPillsInputField.classes = classes;\nPillsInputField.displayName = '@mantine/core/PillsInputField';\n"],"names":[],"mappings":"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"}

package/esm/components/PillsInput/PillsInputField/PillsInputField.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"root":"mantine-WAKiSWq"};
+
+export default classes;
+//# sourceMappingURL=PillsInputField.module.css.js.map

package/esm/components/PillsInput/PillsInputField/PillsInputField.module.css.js.map

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

package/esm/components/Popover/PopoverDropdown/PopoverDropdown.js

@@ -76,7 +76,8 @@ const PopoverDropdown = factory((_props, ref) => {
   const accessibleProps = ctx.withRoles ? {
     "aria-labelledby": ctx.getTargetId(),
     id: ctx.getDropdownId(),
-    role: "dialog"
+    role: "dialog",
+    tabIndex: -1
   } : {};
   const mergedRef = useMergedRef(ref, ctx.floating);
   if (ctx.disabled) {
@@ -98,7 +99,6 @@ const PopoverDropdown = factory((_props, ref) => {
         Box,
         __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, accessibleProps), others), {
           variant,
-          tabIndex: -1,
           ref: mergedRef,
           onKeyDownCapture: closeOnEscape(ctx.onClose, {
             active: ctx.closeOnEscape,

package/esm/components/Popover/PopoverDropdown/PopoverDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverDropdown.js","sources":["../../../../src/components/Popover/PopoverDropdown/PopoverDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { useFocusReturn, useMergedRef } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  rem,\n  closeOnEscape,\n  Factory,\n} from '../../../core';\nimport { OptionalPortal } from '../../Portal';\nimport { Transition } from '../../Transition';\nimport { FocusTrap } from '../../FocusTrap';\nimport { FloatingArrow } from '../../Floating';\nimport type { PopoverStylesNames } from '../Popover';\nimport { usePopoverContext } from '../Popover.context';\nimport classes from '../Popover.module.css';\n\nexport interface PopoverDropdownProps\n  extends BoxProps,\n    StylesApiProps<PopoverDropdownFactory>,\n    ElementProps<'div'> {}\n\nexport type PopoverDropdownFactory = Factory<{\n  props: PopoverDropdownProps;\n  ref: HTMLDivElement;\n  stylesNames: PopoverStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<PopoverDropdownProps> = {};\n\nexport const PopoverDropdown = factory<PopoverDropdownFactory>((_props, ref) => {\n  const props = useProps('PopoverDropdown', defaultProps, _props);\n  const {\n    className,\n    style,\n    unstyled,\n    vars,\n    children,\n    onKeyDownCapture,\n    variant,\n    classNames,\n    styles,\n    ...others\n  } = props;\n\n  const ctx = usePopoverContext();\n\n  const returnFocus = useFocusReturn({\n    opened: ctx.opened,\n    shouldReturnFocus: ctx.returnFocus,\n  });\n\n  const accessibleProps = ctx.withRoles\n    ? {\n        'aria-labelledby': ctx.getTargetId(),\n        id: ctx.getDropdownId(),\n        role: 'dialog',\n      }\n    : {};\n\n  const mergedRef = useMergedRef(ref, ctx.floating);\n\n  if (ctx.disabled) {\n    return null;\n  }\n\n  return (\n    <OptionalPortal {...ctx.portalProps} withinPortal={ctx.withinPortal}>\n      <Transition\n        mounted={ctx.opened}\n        {...ctx.transitionProps}\n        transition={ctx.transitionProps?.transition || 'fade'}\n        duration={ctx.transitionProps?.duration ?? 150}\n        keepMounted={ctx.keepMounted}\n        exitDuration={\n          typeof ctx.transitionProps?.exitDuration === 'number'\n            ? ctx.transitionProps.exitDuration\n            : ctx.transitionProps?.duration\n        }\n      >\n        {(transitionStyles) => (\n          <FocusTrap active={ctx.trapFocus}>\n            <Box\n              {...accessibleProps}\n              {...others}\n              variant={variant}\n              tabIndex={-1}\n              ref={mergedRef}\n              onKeyDownCapture={closeOnEscape(ctx.onClose, {\n                active: ctx.closeOnEscape,\n                onTrigger: returnFocus,\n                onKeyDown: onKeyDownCapture,\n              })}\n              data-position={ctx.placement}\n              {...ctx.getStyles('dropdown', {\n                className,\n                props,\n                classNames,\n                styles,\n                style: [\n                  {\n                    ...transitionStyles,\n                    zIndex: ctx.zIndex,\n                    top: ctx.y ?? 0,\n                    left: ctx.x ?? 0,\n                    width: ctx.width === 'target' ? undefined : rem(ctx.width),\n                  },\n                  style,\n                ],\n              })}\n            >\n              {children}\n\n              <FloatingArrow\n                ref={ctx.arrowRef}\n                arrowX={ctx.arrowX}\n                arrowY={ctx.arrowY}\n                visible={ctx.withArrow}\n                position={ctx.placement}\n                arrowSize={ctx.arrowSize}\n                arrowRadius={ctx.arrowRadius}\n                arrowOffset={ctx.arrowOffset}\n                arrowPosition={ctx.arrowPosition}\n                {...ctx.getStyles('arrow', {\n                  props,\n                  classNames,\n                  styles,\n                })}\n              />\n            </Box>\n          </FocusTrap>\n        )}\n      </Transition>\n    </OptionalPortal>\n  );\n});\n\nPopoverDropdown.classes = classes;\nPopoverDropdown.displayName = '@mantine/core/PopoverDropdown';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PopoverDropdown.js","sources":["../../../../src/components/Popover/PopoverDropdown/PopoverDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { useFocusReturn, useMergedRef } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  rem,\n  closeOnEscape,\n  Factory,\n} from '../../../core';\nimport { OptionalPortal } from '../../Portal';\nimport { Transition } from '../../Transition';\nimport { FocusTrap } from '../../FocusTrap';\nimport { FloatingArrow } from '../../Floating';\nimport type { PopoverStylesNames } from '../Popover';\nimport { usePopoverContext } from '../Popover.context';\nimport classes from '../Popover.module.css';\n\nexport interface PopoverDropdownProps\n  extends BoxProps,\n    StylesApiProps<PopoverDropdownFactory>,\n    ElementProps<'div'> {}\n\nexport type PopoverDropdownFactory = Factory<{\n  props: PopoverDropdownProps;\n  ref: HTMLDivElement;\n  stylesNames: PopoverStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<PopoverDropdownProps> = {};\n\nexport const PopoverDropdown = factory<PopoverDropdownFactory>((_props, ref) => {\n  const props = useProps('PopoverDropdown', defaultProps, _props);\n  const {\n    className,\n    style,\n    unstyled,\n    vars,\n    children,\n    onKeyDownCapture,\n    variant,\n    classNames,\n    styles,\n    ...others\n  } = props;\n\n  const ctx = usePopoverContext();\n\n  const returnFocus = useFocusReturn({\n    opened: ctx.opened,\n    shouldReturnFocus: ctx.returnFocus,\n  });\n\n  const accessibleProps = ctx.withRoles\n    ? {\n        'aria-labelledby': ctx.getTargetId(),\n        id: ctx.getDropdownId(),\n        role: 'dialog',\n        tabIndex: -1,\n      }\n    : {};\n\n  const mergedRef = useMergedRef(ref, ctx.floating);\n\n  if (ctx.disabled) {\n    return null;\n  }\n\n  return (\n    <OptionalPortal {...ctx.portalProps} withinPortal={ctx.withinPortal}>\n      <Transition\n        mounted={ctx.opened}\n        {...ctx.transitionProps}\n        transition={ctx.transitionProps?.transition || 'fade'}\n        duration={ctx.transitionProps?.duration ?? 150}\n        keepMounted={ctx.keepMounted}\n        exitDuration={\n          typeof ctx.transitionProps?.exitDuration === 'number'\n            ? ctx.transitionProps.exitDuration\n            : ctx.transitionProps?.duration\n        }\n      >\n        {(transitionStyles) => (\n          <FocusTrap active={ctx.trapFocus}>\n            <Box\n              {...accessibleProps}\n              {...others}\n              variant={variant}\n              ref={mergedRef}\n              onKeyDownCapture={closeOnEscape(ctx.onClose, {\n                active: ctx.closeOnEscape,\n                onTrigger: returnFocus,\n                onKeyDown: onKeyDownCapture,\n              })}\n              data-position={ctx.placement}\n              {...ctx.getStyles('dropdown', {\n                className,\n                props,\n                classNames,\n                styles,\n                style: [\n                  {\n                    ...transitionStyles,\n                    zIndex: ctx.zIndex,\n                    top: ctx.y ?? 0,\n                    left: ctx.x ?? 0,\n                    width: ctx.width === 'target' ? undefined : rem(ctx.width),\n                  },\n                  style,\n                ],\n              })}\n            >\n              {children}\n\n              <FloatingArrow\n                ref={ctx.arrowRef}\n                arrowX={ctx.arrowX}\n                arrowY={ctx.arrowY}\n                visible={ctx.withArrow}\n                position={ctx.placement}\n                arrowSize={ctx.arrowSize}\n                arrowRadius={ctx.arrowRadius}\n                arrowOffset={ctx.arrowOffset}\n                arrowPosition={ctx.arrowPosition}\n                {...ctx.getStyles('arrow', {\n                  props,\n                  classNames,\n                  styles,\n                })}\n              />\n            </Box>\n          </FocusTrap>\n        )}\n      </Transition>\n    </OptionalPortal>\n  );\n});\n\nPopoverDropdown.classes = classes;\nPopoverDropdown.displayName = '@mantine/core/PopoverDropdown';\n"],"names":[],"mappings":"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"}

package/esm/core/utils/create-optional-context/create-optional-context.js

@@ -0,0 +1,11 @@
+import React, { createContext, useContext } from 'react';
+
+function createOptionalContext(initialValue = null) {
+  const Context = createContext(initialValue);
+  const useOptionalContext = () => useContext(Context);
+  const Provider = ({ children, value }) => /* @__PURE__ */ React.createElement(Context.Provider, { value }, children);
+  return [Provider, useOptionalContext];
+}
+
+export { createOptionalContext };
+//# sourceMappingURL=create-optional-context.js.map

package/esm/core/utils/create-optional-context/create-optional-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-optional-context.js","sources":["../../../../src/core/utils/create-optional-context/create-optional-context.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\n\nexport function createOptionalContext<ContextValue>(initialValue: ContextValue | null = null) {\n  const Context = createContext<ContextValue | null>(initialValue);\n\n  const useOptionalContext = () => useContext(Context);\n\n  const Provider = ({ children, value }: { value: ContextValue; children: React.ReactNode }) => (\n    <Context.Provider value={value}>{children}</Context.Provider>\n  );\n\n  return [Provider, useOptionalContext] as const;\n}\n"],"names":[],"mappings":";;AACO,SAAS,qBAAqB,CAAC,YAAY,GAAG,IAAI,EAAE;AAC3D,EAAE,MAAM,OAAO,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAC9C,EAAE,MAAM,kBAAkB,GAAG,MAAM,UAAU,CAAC,OAAO,CAAC,CAAC;AACvD,EAAE,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,qBAAqB,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC;AACvH,EAAE,OAAO,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;AACxC;;;;"}

package/esm/index.css

@@ -633,7 +633,7 @@ body {
 .mantine-wi6tb4S {
   color: inherit;
   font-weight: 400;
-  flex: 1;
+  flex: 1 1;
   overflow: hidden;
   text-overflow: ellipsis;
   padding-top: var(--mantine-spacing-sm);
@@ -802,7 +802,7 @@ body {
 }
 
 .mantine-Vr3xFOO {
-  flex: 1;
+  flex: 1 1;
   background: var(--loader-color);
   animation: mantine-CbbKYq7 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
   border-radius: calc(0.125rem * var(--mantine-scale));
@@ -1062,7 +1062,7 @@ body {
 }
 
 .mantine-9PtDsve {
-  flex: 1;
+  flex: 1 1;
 }
 
 .mantine-dlG1-0a {
@@ -2029,7 +2029,8 @@ body {
     -moz-appearance: textfield;
   }
 
-.mantine-SbVPkHB:disabled,
+.mantine-SbVPkHB:has(input:disabled),
+  .mantine-SbVPkHB:disabled,
   .mantine-SbVPkHB[data-disabled] {
     cursor: not-allowed;
     opacity: 0.6;
@@ -2362,7 +2363,7 @@ body {
 }
 
 .mantine-bzrGvmu {
-  flex: 1;
+  flex: 1 1;
 }
 
 .mantine-bzrGvmu:not(:only-child) {
@@ -2513,12 +2514,6 @@ body {
 }
 
 .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);
 }
 
@@ -2526,6 +2521,16 @@ body {
     display: none;
   }
 
+/* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */
+.mantine-oGVJEaz,
+.mantine-5kIu9Ez {
+  --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));
+}
+
 .mantine-Jvh599k {
   padding: var(--combobox-option-padding);
   font-size: var(--combobox-option-fz);
@@ -2697,7 +2702,7 @@ body {
 
 .mantine--fjjU6c::before {
     content: '';
-    flex: 1;
+    flex: 1 1;
     height: calc(0.0625rem * var(--mantine-scale));
     border-top: var(--divider-size) var(--divider-border-style, solid)
       var(--divider-color, var(--_divider-color));
@@ -2711,7 +2716,7 @@ body {
 
 .mantine--fjjU6c::after {
     content: '';
-    flex: 1;
+    flex: 1 1;
     height: calc(0.0625rem * var(--mantine-scale));
     border-top: var(--divider-size) var(--divider-border-style, solid)
       var(--divider-color, var(--_divider-color));
@@ -3112,7 +3117,7 @@ body {
 }
 
 .mantine-afBXh4T {
-  flex: 1;
+  flex: 1 1;
   overflow: hidden;
   margin-right: var(--_body-margin-right, var(--mantine-spacing-xs));
   margin-left: var(--_body-margin-left, 0);
@@ -3174,6 +3179,167 @@ body {
     --_close-button-hover-bg: var(--mantine-color-dark-8);
 }
 
+.mantine-RShN60E {
+  --pg-gap-xs: calc(0.375rem * var(--mantine-scale));
+  --pg-gap-sm: calc(0.5rem * var(--mantine-scale));
+  --pg-gap-md: calc(0.625rem * var(--mantine-scale));
+  --pg-gap-lg: calc(0.75rem * var(--mantine-scale));
+  --pg-gap-xl: calc(0.75rem * var(--mantine-scale));
+
+  display: flex;
+  align-items: center;
+  gap: var(--pg-gap);
+  flex-wrap: wrap;
+}
+
+.mantine-J5gv-yj {
+  --pill-fz-xs: calc(0.625rem * var(--mantine-scale));
+  --pill-fz-sm: calc(0.75rem * var(--mantine-scale));
+  --pill-fz-md: calc(0.875rem * var(--mantine-scale));
+  --pill-fz-lg: calc(1rem * var(--mantine-scale));
+  --pill-fz-xl: calc(1.125rem * var(--mantine-scale));
+
+  --pill-height-xs: calc(1.125rem * var(--mantine-scale));
+  --pill-height-sm: calc(1.375rem * var(--mantine-scale));
+  --pill-height-md: calc(1.5625rem * var(--mantine-scale));
+  --pill-height-lg: calc(1.75rem * var(--mantine-scale));
+  --pill-height-xl: calc(2rem * var(--mantine-scale));
+
+  font-size: var(--pill-fz);
+  flex: 0 1;
+  height: var(--pill-height);
+  padding-left: 0.8em;
+  padding-right: var(--_pill-padding-right, 0.8em);
+  display: inline-flex;
+  align-items: center;
+  border-radius: var(--pill-radius);
+  background-color: var(--_pill-bg);
+  line-height: 1;
+  white-space: nowrap;
+  user-select: none;
+  -webkit-user-select: none;
+  max-width: 100%;
+  color: var(--_pill-color);
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-J5gv-yj {
+    --_pill-bg: var(--mantine-color-dark-7);
+    --_pill-color: var(--mantine-color-dark-0);
+}
+
+  [data-mantine-color-scheme='light'] .mantine-J5gv-yj {
+    --_pill-color: var(--mantine-color-black);
+}
+
+  .mantine-J5gv-yj[data-with-remove] {
+    --_pill-padding-right: 0;
+  }
+
+  .mantine-J5gv-yj[data-disabled],
+  .mantine-J5gv-yj:has(button:disabled) {
+    --_pill-cursor: not-allowed;
+  }
+
+[data-mantine-color-scheme='light'] .mantine-rXyJVOg {
+    --_pill-bg: var(--mantine-color-gray-1);
+}
+
+[data-mantine-color-scheme='light'] .mantine-rXyJVOg[data-disabled],
+    [data-mantine-color-scheme='light'] .mantine-rXyJVOg:has(button:disabled) {
+      --_pill-bg: var(--mantine-color-gray-3);
+    }
+
+[data-mantine-color-scheme='light'] .mantine-mDSPFyE {
+    --_pill-bg: var(--mantine-color-white);
+}
+
+[data-mantine-color-scheme='light'] .mantine-mDSPFyE[data-disabled],
+    [data-mantine-color-scheme='light'] .mantine-mDSPFyE:has(button:disabled) {
+      --_pill-bg: var(--mantine-color-gray-3);
+    }
+
+.mantine-BmcncON {
+  cursor: var(--_pill-cursor, default);
+  overflow: hidden;
+  height: 100%;
+  line-height: var(--pill-height);
+  text-overflow: ellipsis;
+}
+
+.mantine-wJMJ0gV {
+  color: inherit;
+  font-size: inherit;
+  height: 100%;
+  min-height: unset;
+  min-width: 2em;
+  width: unset;
+  border-radius: 0;
+  padding-left: 0.1em;
+  padding-right: 0.3em;
+  flex: 0 1;
+}
+
+.mantine-J5gv-yj[data-disabled] > .mantine-wJMJ0gV,
+  .mantine-wJMJ0gV:disabled {
+    background-color: transparent;
+    width: 0.8em;
+    min-width: 0.8em;
+    padding: 0;
+    cursor: not-allowed;
+  }
+
+.mantine-J5gv-yj[data-disabled] > .mantine-wJMJ0gV > svg, .mantine-wJMJ0gV:disabled > svg {
+      display: none;
+    }
+
+.mantine-wJMJ0gV > svg {
+    pointer-events: none;
+  }
+
+.mantine-WAKiSWq {
+  background-color: transparent;
+  appearance: none;
+  min-width: calc(6.25rem * var(--mantine-scale));
+  flex: 1 1;
+  border: 0;
+  font-size: inherit;
+  height: 1.6em;
+  color: inherit;
+  padding: 0;
+}
+
+  .mantine-WAKiSWq::placeholder {
+    color: var(--_input-placeholder-color);
+    opacity: 1;
+  }
+
+  .mantine-WAKiSWq[data-type='hidden'],
+  .mantine-WAKiSWq[data-type='auto'] {
+    height: calc(0.0625rem * var(--mantine-scale));
+    width: calc(0.0625rem * var(--mantine-scale));
+    top: 0;
+    left: 0;
+    pointer-events: none;
+    position: absolute;
+    opacity: 0;
+  }
+
+  .mantine-WAKiSWq:focus {
+    outline: none;
+  }
+
+  .mantine-WAKiSWq[data-type='auto']:focus {
+    height: 1.6em;
+    visibility: visible;
+    opacity: 1;
+    position: static;
+  }
+
+  .mantine-WAKiSWq[data-disabled],
+  .mantine-WAKiSWq:disabled {
+    cursor: not-allowed;
+  }
+
 .mantine--CW641A {
   position: relative;
   overflow: hidden;
@@ -3285,7 +3451,7 @@ body {
 }
 
 .mantine-5u72r1f {
-  flex: 1;
+  flex: 1 1;
   border-radius: var(--scrollarea-scrollbar-size);
   position: relative;
   transition: background-color 150ms ease;
@@ -3516,7 +3682,7 @@ fieldset:disabled .mantine-xOh3CVo,
 
 .mantine-y34erSP {
   position: relative;
-  flex: 1;
+  flex: 1 1;
   z-index: 2;
   transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function);
 }

package/esm/index.js

@@ -9,6 +9,7 @@ export { filterProps } from './core/utils/filter-props/filter-props.js';
 export { isNumberLike } from './core/utils/is-number-like/is-number-like.js';
 export { isElement } from './core/utils/is-element/is-element.js';
 export { createSafeContext } from './core/utils/create-safe-context/create-safe-context.js';
+export { createOptionalContext } from './core/utils/create-optional-context/create-optional-context.js';
 export { getSafeId } from './core/utils/get-safe-id/get-safe-id.js';
 export { createScopedKeydownHandler } from './core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.js';
 export { findElementAncestor } from './core/utils/find-element-ancestor/find-element-ancestor.js';
@@ -100,6 +101,10 @@ export { ComboboxOption } from './components/Combobox/ComboboxOption/ComboboxOpt
 export { ComboboxTarget } from './components/Combobox/ComboboxTarget/ComboboxTarget.js';
 export { ComboboxSearch } from './components/Combobox/ComboboxSearch/ComboboxSearch.js';
 export { ComboboxEmpty } from './components/Combobox/ComboboxEmpty/ComboboxEmpty.js';
+export { ComboboxFooter } from './components/Combobox/ComboboxFooter/ComboboxFooter.js';
+export { ComboboxHeader } from './components/Combobox/ComboboxHeader/ComboboxHeader.js';
+export { ComboboxEventsTarget } from './components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.js';
+export { ComboboxDropdownTarget } from './components/Combobox/ComboboxDropdownTarget/ComboboxDropdownTarget.js';
 export { useCombobox } from './components/Combobox/use-combobox/use-combobox.js';
 export { useVirtualizedCombobox } from './components/Combobox/use-combobox/use-virtualized-combobox.js';
 export { useComboboxTargetProps } from './components/Combobox/use-combobox-target-props/use-combobox-target-props.js';
@@ -130,6 +135,7 @@ export { InputError } from './components/Input/InputError/InputError.js';
 export { InputLabel } from './components/Input/InputLabel/InputLabel.js';
 export { InputPlaceholder } from './components/Input/InputPlaceholder/InputPlaceholder.js';
 export { useInputProps } from './components/Input/use-input-props.js';
+export { useInputWrapperContext } from './components/Input/InputWrapper.context.js';
 export { InputBase } from './components/InputBase/InputBase.js';
 export { Kbd } from './components/Kbd/Kbd.js';
 export { Loader, defaultLoaders } from './components/Loader/Loader.js';
@@ -154,6 +160,10 @@ export { NativeSelect } from './components/NativeSelect/NativeSelect.js';
 export { Notification } from './components/Notification/Notification.js';
 export { Overlay } from './components/Overlay/Overlay.js';
 export { Paper } from './components/Paper/Paper.js';
+export { Pill } from './components/Pill/Pill.js';
+export { PillGroup } from './components/Pill/PillGroup/PillGroup.js';
+export { PillsInput } from './components/PillsInput/PillsInput.js';
+export { PillsInputField } from './components/PillsInput/PillsInputField/PillsInputField.js';
 export { Popover } from './components/Popover/Popover.js';
 export { PopoverDropdown } from './components/Popover/PopoverDropdown/PopoverDropdown.js';
 export { PopoverTarget } from './components/Popover/PopoverTarget/PopoverTarget.js';

package/esm/index.js.map

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

package/lib/components/Combobox/Combobox.d.ts

@@ -11,9 +11,12 @@ import { ComboboxEmpty } from './ComboboxEmpty/ComboboxEmpty';
 import { ComboboxChevron } from './ComboboxChevron/ComboboxChevron';
 import { ComboboxFooter } from './ComboboxFooter/ComboboxFooter';
 import { ComboboxHeader } from './ComboboxHeader/ComboboxHeader';
+import { ComboboxEventsTarget } from './ComboboxEventsTarget/ComboboxEventsTarget';
+import { ComboboxDropdownTarget } from './ComboboxDropdownTarget/ComboboxDropdownTarget';
 export type ComboboxStylesNames = 'options' | 'dropdown' | 'option' | 'search' | 'empty' | 'footer' | 'header';
 export type ComboboxCSSVariables = {
-    dropdown: '--combobox-option-fz' | '--combobox-padding' | '--combobox-option-padding';
+    options: '--combobox-option-fz' | '--combobox-option-padding';
+    dropdown: '--combobox-padding' | '--combobox-option-fz' | '--combobox-option-padding';
 };
 export interface ComboboxProps extends __PopoverProps, StylesApiProps<ComboboxFactory> {
     /** Combobox content */
@@ -44,6 +47,8 @@ export type ComboboxFactory = Factory<{
         Chevron: typeof ComboboxChevron;
         Footer: typeof ComboboxFooter;
         Header: typeof ComboboxHeader;
+        EventsTarget: typeof ComboboxEventsTarget;
+        DropdownTarget: typeof ComboboxDropdownTarget;
     };
 }>;
 export declare function Combobox(_props: ComboboxProps): JSX.Element;
@@ -102,4 +107,14 @@ export declare namespace Combobox {
         stylesNames: "header";
         compound: true;
     }>;
+    var EventsTarget: import("../../core").MantineComponent<{
+        props: import("./ComboboxEventsTarget/ComboboxEventsTarget").ComboboxEventsTargetProps;
+        ref: HTMLElement;
+        compound: true;
+    }>;
+    var DropdownTarget: import("../../core").MantineComponent<{
+        props: import("./ComboboxDropdownTarget/ComboboxDropdownTarget").ComboboxDropdownTargetProps;
+        ref: HTMLElement;
+        compound: true;
+    }>;
 }

package/lib/components/Combobox/ComboboxDropdownTarget/ComboboxDropdownTarget.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Factory } from '../../../core';
+export interface ComboboxDropdownTargetProps {
+    /** Target element */
+    children: React.ReactNode;
+    /** Key of the prop that should be used to access element ref */
+    refProp?: string;
+}
+export type ComboboxDropdownTargetFactory = Factory<{
+    props: ComboboxDropdownTargetProps;
+    ref: HTMLElement;
+    compound: true;
+}>;
+export declare const ComboboxDropdownTarget: import("../../../core").MantineComponent<{
+    props: ComboboxDropdownTargetProps;
+    ref: HTMLElement;
+    compound: true;
+}>;

package/lib/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Factory } from '../../../core';
+export interface ComboboxEventsTargetProps {
+    /** Target element */
+    children: React.ReactNode;
+    /** Key of the prop that should be used to access element ref */
+    refProp?: string;
+    /** Determines whether component should respond to keyboard events, `true` by default */
+    withKeyboardNavigation?: boolean;
+    /** Determines whether the target should have `aria-` attributes, `true` by default */
+    withAriaAttributes?: boolean;
+    /** Determines which events should be handled by the target element.
+     * `button` target type handles `Space` and `Enter` keys to toggle dropdown opened state.
+     * `input` by default.
+     * */
+    targetType?: 'button' | 'input';
+}
+export type ComboboxEventsTargetFactory = Factory<{
+    props: ComboboxEventsTargetProps;
+    ref: HTMLElement;
+    compound: true;
+}>;
+export declare const ComboboxEventsTarget: import("../../../core").MantineComponent<{
+    props: ComboboxEventsTargetProps;
+    ref: HTMLElement;
+    compound: true;
+}>;

package/lib/components/Combobox/index.d.ts

@@ -7,10 +7,14 @@ export { ComboboxOption } from './ComboboxOption/ComboboxOption';
 export { ComboboxTarget } from './ComboboxTarget/ComboboxTarget';
 export { ComboboxSearch } from './ComboboxSearch/ComboboxSearch';
 export { ComboboxEmpty } from './ComboboxEmpty/ComboboxEmpty';
+export { ComboboxFooter } from './ComboboxFooter/ComboboxFooter';
+export { ComboboxHeader } from './ComboboxHeader/ComboboxHeader';
+export { ComboboxEventsTarget } from './ComboboxEventsTarget/ComboboxEventsTarget';
+export { ComboboxDropdownTarget } from './ComboboxDropdownTarget/ComboboxDropdownTarget';
 export { useCombobox } from './use-combobox/use-combobox';
 export { useVirtualizedCombobox } from './use-combobox/use-virtualized-combobox';
 export { useComboboxTargetProps } from './use-combobox-target-props/use-combobox-target-props';
-export type { ComboboxStore, ComboboxDropdownEventSource } from './use-combobox/use-combobox';
+export type { ComboboxStore, ComboboxDropdownEventSource, UseComboboxOptions, } from './use-combobox/use-combobox';
 export type { ComboboxItem, ComboboxData, ComboboxParsedItem, ComboboxItemGroup, ComboboxParsedItemGroup, } from './Combobox.types';
 export type { ComboboxFactory, ComboboxProps, ComboboxStylesNames } from './Combobox';
 export type { ComboboxDropdownProps } from './ComboboxDropdown/ComboboxDropdown';
@@ -20,3 +24,7 @@ export type { ComboboxTargetProps } from './ComboboxTarget/ComboboxTarget';
 export type { ComboboxChevronProps } from './ComboboxChevron/ComboboxChevron';
 export type { ComboboxEmptyProps } from './ComboboxEmpty/ComboboxEmpty';
 export type { ComboboxSearchProps } from './ComboboxSearch/ComboboxSearch';
+export type { ComboboxFooterProps } from './ComboboxFooter/ComboboxFooter';
+export type { ComboboxHeaderProps } from './ComboboxHeader/ComboboxHeader';
+export type { ComboboxDropdownTargetProps } from './ComboboxDropdownTarget/ComboboxDropdownTarget';
+export type { ComboboxEventsTargetProps } from './ComboboxEventsTarget/ComboboxEventsTarget';