@mantine/core 4.0.1 → 4.0.4

package/lib/components/SegmentedControl/SegmentedControl.styles.d.ts

@@ -10,8 +10,8 @@ export interface SegmentedControlStylesParams {
     size: MantineSize;
     orientation: 'vertical' | 'horizontal';
 }
-declare const _default: (params: SegmentedControlStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "active" | "disabled" | "input" | "root" | "control" | "controlActive" | "labelActive">) => {
-    classes: Record<"label" | "active" | "disabled" | "input" | "root" | "control" | "controlActive" | "labelActive", string>;
+declare const _default: (params: SegmentedControlStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "input" | "active" | "disabled" | "root" | "control" | "controlActive" | "labelActive">) => {
+    classes: Record<"label" | "input" | "active" | "disabled" | "root" | "control" | "controlActive" | "labelActive", string>;
     cx: (...args: any) => string;
     theme: import("@mantine/styles").MantineTheme;
 };

package/lib/components/Tabs/TabControl/TabControl.d.ts

@@ -14,5 +14,5 @@ export interface TabControlProps extends DefaultProps<TabControlStylesNames>, Re
     children?: React.ReactNode;
     elementRef?: React.ForwardedRef<HTMLButtonElement>;
 }
-export declare const TabControl: React.ForwardRefExoticComponent<Pick<TabControlProps, "label" | "onChange" | "value" | "color" | "translate" | "hidden" | "style" | "icon" | "active" | "disabled" | "sx" | "className" | "classNames" | "styles" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "form" | "slot" | "title" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "orientation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "variant" | "tabKey" | "elementRef"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TabControl: React.ForwardRefExoticComponent<Pick<TabControlProps, "label" | "dir" | "form" | "p" | "slot" | "style" | "title" | "onChange" | "value" | "color" | "translate" | "hidden" | "icon" | "active" | "disabled" | "sx" | "className" | "classNames" | "styles" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "orientation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "variant" | "tabKey" | "elementRef"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=TabControl.d.ts.map

package/lib/components/Tabs/Tabs.styles.d.ts

@@ -3,8 +3,8 @@ export interface TabsStylesParams {
     tabPadding: MantineNumberSize;
     orientation: 'horizontal' | 'vertical';
 }
-declare const _default: (params: TabsStylesParams, options?: import("@mantine/styles").UseStylesOptions<"outline" | "default" | "body" | "root" | "tabsListWrapper" | "tabsList" | "pills">) => {
-    classes: Record<"outline" | "default" | "body" | "root" | "tabsListWrapper" | "tabsList" | "pills", string>;
+declare const _default: (params: TabsStylesParams, options?: import("@mantine/styles").UseStylesOptions<"body" | "outline" | "default" | "root" | "tabsListWrapper" | "tabsList" | "pills">) => {
+    classes: Record<"body" | "outline" | "default" | "root" | "tabsListWrapper" | "tabsList" | "pills", string>;
     cx: (...args: any) => string;
     theme: import("@mantine/styles").MantineTheme;
 };

package/lib/components/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,UAAU,EAEV,iBAAiB,EAElB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAU,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAEzC,oBAAY,kBAAkB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE9D,MAAM,WAAW,YACf,SAAQ,YAAY,CAAC,kBAAkB,CAAC,EACtC,iBAAiB,EACjB,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvC,sBAAsB;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,iDAAiD;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,yGAAyG;IACzG,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,qEAAqE;IACrE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,+EAA+E;IAC/E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,sBAAsB;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAEhD,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8DAA8D;IAC9D,oBAAoB,CAAC,EAAE,GAAG,EAAE,CAAC;IAE7B,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAsBD,eAAO,MAAM,OAAO,qFA4HlB,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,UAAU,EAEV,iBAAiB,EAElB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAU,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAEzC,oBAAY,kBAAkB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE9D,MAAM,WAAW,YACf,SAAQ,YAAY,CAAC,kBAAkB,CAAC,EACtC,iBAAiB,EACjB,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvC,sBAAsB;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,iDAAiD;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,yGAAyG;IACzG,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,qEAAqE;IACrE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,+EAA+E;IAC/E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,sBAAsB;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAEhD,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8DAA8D;IAC9D,oBAAoB,CAAC,EAAE,GAAG,EAAE,CAAC;IAE7B,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAsBD,eAAO,MAAM,OAAO,qFA6HlB,CAAC"}

package/lib/components/Tooltip/Tooltip.styles.d.ts

@@ -3,8 +3,8 @@ export interface TooltipStylesParams {
     color: MantineColor;
     radius: MantineNumberSize;
 }
-declare const _default: (params: TooltipStylesParams, options?: import("@mantine/styles").UseStylesOptions<"tooltip" | "body" | "wrapper" | "root" | "arrow">) => {
-    classes: Record<"tooltip" | "body" | "wrapper" | "root" | "arrow", string>;
+declare const _default: (params: TooltipStylesParams, options?: import("@mantine/styles").UseStylesOptions<"body" | "tooltip" | "wrapper" | "root" | "arrow">) => {
+    classes: Record<"body" | "tooltip" | "wrapper" | "root" | "arrow", string>;
     cx: (...args: any) => string;
     theme: import("@mantine/styles").MantineTheme;
 };

package/lib/utils/get-context-item-index/get-context-item-index.d.ts

@@ -0,0 +1,5 @@
+export declare function getContextItemIndex(options: {
+    elementSelector: string;
+    parentClassName: string;
+}, node: HTMLElement): number;
+//# sourceMappingURL=get-context-item-index.d.ts.map

package/lib/utils/get-context-item-index/get-context-item-index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-context-item-index.d.ts","sourceRoot":"","sources":["../../../src/utils/get-context-item-index/get-context-item-index.ts"],"names":[],"mappings":"AAQA,wBAAgB,mBAAmB,CACjC,OAAO,EAAE;IAAE,eAAe,EAAE,MAAM,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,EAC7D,IAAI,EAAE,WAAW,UASlB"}

package/lib/utils/index.d.ts

@@ -2,4 +2,5 @@ export { filterChildrenByType } from './filter-children-by-type/filter-children-
 export { findChildByType } from './find-child-by-type/find-child-by-type';
 export { filterFalsyChildren } from './filter-falsy-children/filter-falsy-children';
 export { groupOptions, getGroupedOptions } from './group-options/group-options';
+export { getContextItemIndex } from './get-context-item-index/get-context-item-index';
 //# sourceMappingURL=index.d.ts.map

package/lib/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mantine/core",
   "description": "React components library focused on usability, accessibility and developer experience",
-  "version": "4.0.1",
+  "version": "4.0.4",
   "main": "cjs/index.js",
   "module": "esm/index.js",
   "types": "lib/index.d.ts",
@@ -27,12 +27,12 @@
     "emotion"
   ],
   "peerDependencies": {
-    "@mantine/hooks": "4.0.1",
+    "@mantine/hooks": "4.0.4",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@mantine/styles": "4.0.1",
+    "@mantine/styles": "4.0.4",
     "@radix-ui/react-scroll-area": "^0.1.1",
     "clsx": "^1.1.1",
     "react-textarea-autosize": "^8.3.2",

package/cjs/components/AppShell/utils/get-element-height/get-element-height.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function getElementHeight(element) {
-  var _a;
-  const height = (_a = element == null ? void 0 : element.props) == null ? void 0 : _a.height;
-  return typeof height === "number" ? `${height}px` : typeof height === "string" ? height : "0px";
-}
-
-exports.getElementHeight = getElementHeight;
-//# sourceMappingURL=get-element-height.js.map

package/cjs/components/AppShell/utils/get-element-height/get-element-height.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-element-height.js","sources":["../../../../../src/components/AppShell/utils/get-element-height/get-element-height.ts"],"sourcesContent":["import React from 'react';\n\nexport function getElementHeight(element: React.ReactElement) {\n  const height = element?.props?.height;\n  return typeof height === 'number' ? `${height}px` : typeof height === 'string' ? height : '0px';\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,gBAAgB,CAAC,OAAO,EAAE;AAC1C,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC;AAC9F,EAAE,OAAO,OAAO,MAAM,KAAK,QAAQ,GAAG,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,KAAK,CAAC;AAClG;;;;"}

package/cjs/components/AppShell/utils/get-navbar-base-width/get-navbar-base-width.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function getNavbarBaseWidth(element) {
-  var _a, _b;
-  const width = (_b = (_a = element == null ? void 0 : element.props) == null ? void 0 : _a.width) == null ? void 0 : _b.base;
-  return typeof width === "number" ? `${width}px` : typeof width === "string" ? width : "0px";
-}
-
-exports.getNavbarBaseWidth = getNavbarBaseWidth;
-//# sourceMappingURL=get-navbar-base-width.js.map

package/cjs/components/AppShell/utils/get-navbar-base-width/get-navbar-base-width.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-navbar-base-width.js","sources":["../../../../../src/components/AppShell/utils/get-navbar-base-width/get-navbar-base-width.ts"],"sourcesContent":["import React from 'react';\n\nexport function getNavbarBaseWidth(element: React.ReactElement) {\n  const width = element?.props?.width?.base;\n  return typeof width === 'number' ? `${width}px` : typeof width === 'string' ? width : '0px';\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,kBAAkB,CAAC,OAAO,EAAE;AAC5C,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AACb,EAAE,MAAM,KAAK,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC;AAC9H,EAAE,OAAO,OAAO,KAAK,KAAK,QAAQ,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AAC9F;;;;"}

package/cjs/components/AppShell/utils/get-navbar-breakpoints/get-navbar-breakpoints.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var getSortedBreakpoints = require('../get-sorted-breakpoints/get-sorted-breakpoints.js');
-
-function getNavbarBreakpoints(element, theme) {
-  var _a;
-  const breakpoints = (_a = element == null ? void 0 : element.props) == null ? void 0 : _a.width;
-  return breakpoints != null ? getSortedBreakpoints.getSortedBreakpoints(breakpoints, theme) : [];
-}
-
-exports.getNavbarBreakpoints = getNavbarBreakpoints;
-//# sourceMappingURL=get-navbar-breakpoints.js.map

package/cjs/components/AppShell/utils/get-navbar-breakpoints/get-navbar-breakpoints.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-navbar-breakpoints.js","sources":["../../../../../src/components/AppShell/utils/get-navbar-breakpoints/get-navbar-breakpoints.ts"],"sourcesContent":["import React from 'react';\nimport { MantineTheme } from '@mantine/styles';\nimport { getSortedBreakpoints } from '../get-sorted-breakpoints/get-sorted-breakpoints';\n\nexport function getNavbarBreakpoints(element: React.ReactElement, theme: MantineTheme) {\n  const breakpoints = element?.props?.width;\n  return breakpoints != null\n    ? getSortedBreakpoints<{ width: number | string; height: number | string }>(\n        breakpoints as any,\n        theme\n      )\n    : [];\n}\n"],"names":["getSortedBreakpoints"],"mappings":";;;;;;AACO,SAAS,oBAAoB,CAAC,OAAO,EAAE,KAAK,EAAE;AACrD,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;AAClG,EAAE,OAAO,WAAW,IAAI,IAAI,GAAGA,yCAAoB,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC;AAC7E;;;;"}

package/cjs/components/AppShell/utils/get-sorted-breakpoints/get-sorted-breakpoints.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-sorted-breakpoints.js","sources":["../../../../../src/components/AppShell/utils/get-sorted-breakpoints/get-sorted-breakpoints.ts"],"sourcesContent":["import { MantineSize, MantineTheme } from '@mantine/styles';\n\ntype Breakpoints<T> = Partial<Record<MantineSize | (string & {}), T>>;\n\nexport function getSortedBreakpoints<T>(\n  breakpoints: Breakpoints<T>,\n  theme: MantineTheme\n): [number, T][] {\n  if (!breakpoints) {\n    return [];\n  }\n\n  const values = Object.keys(breakpoints)\n    .filter((breakpoint) => breakpoint !== 'base')\n    .map((breakpoint) => [\n      theme.fn.size({ size: breakpoint, sizes: theme.breakpoints }),\n      breakpoints[breakpoint],\n    ]);\n\n  values.sort((a, b) => a[0] - b[0]);\n  return values as [number, T][];\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,oBAAoB,CAAC,WAAW,EAAE,KAAK,EAAE;AACzD,EAAE,IAAI,CAAC,WAAW,EAAE;AACpB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,KAAK,UAAU,KAAK,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,KAAK;AAC5G,IAAI,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC;AACjE,IAAI,WAAW,CAAC,UAAU,CAAC;AAC3B,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrC,EAAE,OAAO,MAAM,CAAC;AAChB;;;;"}

package/esm/components/AppShell/utils/get-element-height/get-element-height.js

@@ -1,8 +0,0 @@
-function getElementHeight(element) {
-  var _a;
-  const height = (_a = element == null ? void 0 : element.props) == null ? void 0 : _a.height;
-  return typeof height === "number" ? `${height}px` : typeof height === "string" ? height : "0px";
-}
-
-export { getElementHeight };
-//# sourceMappingURL=get-element-height.js.map

package/esm/components/AppShell/utils/get-element-height/get-element-height.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-element-height.js","sources":["../../../../../src/components/AppShell/utils/get-element-height/get-element-height.ts"],"sourcesContent":["import React from 'react';\n\nexport function getElementHeight(element: React.ReactElement) {\n  const height = element?.props?.height;\n  return typeof height === 'number' ? `${height}px` : typeof height === 'string' ? height : '0px';\n}\n"],"names":[],"mappings":"AAAO,SAAS,gBAAgB,CAAC,OAAO,EAAE;AAC1C,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC;AAC9F,EAAE,OAAO,OAAO,MAAM,KAAK,QAAQ,GAAG,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,KAAK,CAAC;AAClG;;;;"}

package/esm/components/AppShell/utils/get-navbar-base-width/get-navbar-base-width.js

@@ -1,8 +0,0 @@
-function getNavbarBaseWidth(element) {
-  var _a, _b;
-  const width = (_b = (_a = element == null ? void 0 : element.props) == null ? void 0 : _a.width) == null ? void 0 : _b.base;
-  return typeof width === "number" ? `${width}px` : typeof width === "string" ? width : "0px";
-}
-
-export { getNavbarBaseWidth };
-//# sourceMappingURL=get-navbar-base-width.js.map

package/esm/components/AppShell/utils/get-navbar-base-width/get-navbar-base-width.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-navbar-base-width.js","sources":["../../../../../src/components/AppShell/utils/get-navbar-base-width/get-navbar-base-width.ts"],"sourcesContent":["import React from 'react';\n\nexport function getNavbarBaseWidth(element: React.ReactElement) {\n  const width = element?.props?.width?.base;\n  return typeof width === 'number' ? `${width}px` : typeof width === 'string' ? width : '0px';\n}\n"],"names":[],"mappings":"AAAO,SAAS,kBAAkB,CAAC,OAAO,EAAE;AAC5C,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AACb,EAAE,MAAM,KAAK,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC;AAC9H,EAAE,OAAO,OAAO,KAAK,KAAK,QAAQ,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AAC9F;;;;"}

package/esm/components/AppShell/utils/get-navbar-breakpoints/get-navbar-breakpoints.js

@@ -1,10 +0,0 @@
-import { getSortedBreakpoints } from '../get-sorted-breakpoints/get-sorted-breakpoints.js';
-
-function getNavbarBreakpoints(element, theme) {
-  var _a;
-  const breakpoints = (_a = element == null ? void 0 : element.props) == null ? void 0 : _a.width;
-  return breakpoints != null ? getSortedBreakpoints(breakpoints, theme) : [];
-}
-
-export { getNavbarBreakpoints };
-//# sourceMappingURL=get-navbar-breakpoints.js.map

package/esm/components/AppShell/utils/get-navbar-breakpoints/get-navbar-breakpoints.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-navbar-breakpoints.js","sources":["../../../../../src/components/AppShell/utils/get-navbar-breakpoints/get-navbar-breakpoints.ts"],"sourcesContent":["import React from 'react';\nimport { MantineTheme } from '@mantine/styles';\nimport { getSortedBreakpoints } from '../get-sorted-breakpoints/get-sorted-breakpoints';\n\nexport function getNavbarBreakpoints(element: React.ReactElement, theme: MantineTheme) {\n  const breakpoints = element?.props?.width;\n  return breakpoints != null\n    ? getSortedBreakpoints<{ width: number | string; height: number | string }>(\n        breakpoints as any,\n        theme\n      )\n    : [];\n}\n"],"names":[],"mappings":";;AACO,SAAS,oBAAoB,CAAC,OAAO,EAAE,KAAK,EAAE;AACrD,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;AAClG,EAAE,OAAO,WAAW,IAAI,IAAI,GAAG,oBAAoB,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC;AAC7E;;;;"}

package/esm/components/AppShell/utils/get-sorted-breakpoints/get-sorted-breakpoints.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-sorted-breakpoints.js","sources":["../../../../../src/components/AppShell/utils/get-sorted-breakpoints/get-sorted-breakpoints.ts"],"sourcesContent":["import { MantineSize, MantineTheme } from '@mantine/styles';\n\ntype Breakpoints<T> = Partial<Record<MantineSize | (string & {}), T>>;\n\nexport function getSortedBreakpoints<T>(\n  breakpoints: Breakpoints<T>,\n  theme: MantineTheme\n): [number, T][] {\n  if (!breakpoints) {\n    return [];\n  }\n\n  const values = Object.keys(breakpoints)\n    .filter((breakpoint) => breakpoint !== 'base')\n    .map((breakpoint) => [\n      theme.fn.size({ size: breakpoint, sizes: theme.breakpoints }),\n      breakpoints[breakpoint],\n    ]);\n\n  values.sort((a, b) => a[0] - b[0]);\n  return values as [number, T][];\n}\n"],"names":[],"mappings":"AAAO,SAAS,oBAAoB,CAAC,WAAW,EAAE,KAAK,EAAE;AACzD,EAAE,IAAI,CAAC,WAAW,EAAE;AACpB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,KAAK,UAAU,KAAK,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,KAAK;AAC5G,IAAI,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC;AACjE,IAAI,WAAW,CAAC,UAAU,CAAC;AAC3B,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrC,EAAE,OAAO,MAAM,CAAC;AAChB;;;;"}

package/lib/components/AppShell/utils/get-element-height/get-element-height.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare function getElementHeight(element: React.ReactElement): string;
-//# sourceMappingURL=get-element-height.d.ts.map

package/lib/components/AppShell/utils/get-element-height/get-element-height.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-element-height.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppShell/utils/get-element-height/get-element-height.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,UAG3D"}

package/lib/components/AppShell/utils/get-navbar-base-width/get-navbar-base-width.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare function getNavbarBaseWidth(element: React.ReactElement): string;
-//# sourceMappingURL=get-navbar-base-width.d.ts.map

package/lib/components/AppShell/utils/get-navbar-base-width/get-navbar-base-width.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-navbar-base-width.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppShell/utils/get-navbar-base-width/get-navbar-base-width.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,UAG7D"}

package/lib/components/AppShell/utils/get-navbar-breakpoints/get-navbar-breakpoints.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { MantineTheme } from '@mantine/styles';
-export declare function getNavbarBreakpoints(element: React.ReactElement, theme: MantineTheme): [number, {
-    width: number | string;
-    height: number | string;
-}][];
-//# sourceMappingURL=get-navbar-breakpoints.d.ts.map

package/lib/components/AppShell/utils/get-navbar-breakpoints/get-navbar-breakpoints.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-navbar-breakpoints.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppShell/utils/get-navbar-breakpoints/get-navbar-breakpoints.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,YAAY;WAGjD,MAAM,GAAG,MAAM;YAAU,MAAM,GAAG,MAAM;KAK3E"}

package/lib/components/AppShell/utils/get-sorted-breakpoints/get-sorted-breakpoints.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-sorted-breakpoints.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppShell/utils/get-sorted-breakpoints/get-sorted-breakpoints.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE5D,aAAK,WAAW,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAEtE,wBAAgB,oBAAoB,CAAC,CAAC,EACpC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,EAC3B,KAAK,EAAE,YAAY,GAClB,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAcf"}

package/lib/components/AppShell/utils/index.d.ts

@@ -1,5 +0,0 @@
-export { getSortedBreakpoints } from './get-sorted-breakpoints/get-sorted-breakpoints';
-export { getElementHeight } from './get-element-height/get-element-height';
-export { getNavbarBaseWidth } from './get-navbar-base-width/get-navbar-base-width';
-export { getNavbarBreakpoints } from './get-navbar-breakpoints/get-navbar-breakpoints';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/AppShell/utils/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AppShell/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC"}