@mantine/spotlight 6.0.0-alpha.3 → 6.0.0-alpha.4

package/cjs/ActionsList/ActionsList.js

@@ -10,21 +10,62 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function ActionsList({
-  actions,
-  styles,
-  classNames,
-  actionComponent: Action,
-  hovered,
-  onActionHover,
-  onActionTrigger,
-  query,
-  nothingFoundMessage,
-  highlightQuery,
-  highlightColor,
-  radius,
-  variant
-}) {
+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;
+};
+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;
+};
+function ActionsList(_a) {
+  var _b = _a, {
+    actions,
+    styles,
+    classNames,
+    actionComponent: Action,
+    hovered,
+    onActionTrigger,
+    query,
+    nothingFoundMessage,
+    highlightQuery,
+    highlightColor,
+    radius,
+    variant
+  } = _b, others = __objRest(_b, [
+    "actions",
+    "styles",
+    "classNames",
+    "actionComponent",
+    "hovered",
+    "onActionTrigger",
+    "query",
+    "nothingFoundMessage",
+    "highlightQuery",
+    "highlightColor",
+    "radius",
+    "variant"
+  ]);
   const { classes } = ActionsList_styles['default'](null, { name: "Spotlight", classNames, styles, variant });
   const items = actions.map((item) => {
     if (item.type === "item") {
@@ -33,7 +74,6 @@ function ActionsList({
         key: item.item.id,
         action: item.item,
         hovered: item.index === hovered,
-        onMouseEnter: onActionHover,
         classNames,
         styles,
         radius,
@@ -49,13 +89,13 @@ function ActionsList({
     }, item.label);
   });
   const shouldRenderActions = items.length > 0 || !!nothingFoundMessage && query.trim().length > 0;
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, shouldRenderActions && /* @__PURE__ */ React__default.createElement("div", {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, shouldRenderActions && /* @__PURE__ */ React__default.createElement("div", __spreadValues({
     className: classes.actions
-  }, items.length > 0 ? items : /* @__PURE__ */ React__default.createElement(core.Text, {
-    color: "dimmed",
+  }, others), items.length > 0 ? items : /* @__PURE__ */ React__default.createElement(core.Text, {
+    c: "dimmed",
     className: classes.nothingFound,
-    align: "center",
-    size: "lg",
+    ta: "center",
+    fz: "lg",
     py: "md"
   }, nothingFoundMessage)));
 }

package/cjs/ActionsList/ActionsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsList.js","sources":["../../src/ActionsList/ActionsList.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, Selectors, Text, MantineNumberSize, MantineColor } from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport type { DefaultActionProps, DefaultActionStylesNames } from '../DefaultAction/DefaultAction';\nimport useStyles from './ActionsList.styles';\n\nexport type ActionsListStylesNames = Selectors<typeof useStyles> | DefaultActionStylesNames;\ntype GetGroupOptionsItem<T extends any[]> = { type: 'item'; item: T[number]; index: number };\ntype GetGroupOptionsLabel = { type: 'label'; label: string };\n\nexport interface ActionsListProps extends DefaultProps<ActionsListStylesNames> {\n  actions: (GetGroupOptionsItem<SpotlightAction[]> | GetGroupOptionsLabel)[];\n  actionComponent?: React.FC<DefaultActionProps>;\n  hovered: number;\n  query: string;\n  nothingFoundMessage?: React.ReactNode;\n  onActionHover(): void;\n  onActionTrigger(action: SpotlightAction): void;\n  highlightQuery: boolean;\n  highlightColor: MantineColor;\n  radius: MantineNumberSize;\n  variant: string;\n}\n\nexport function ActionsList({\n  actions,\n  styles,\n  classNames,\n  actionComponent: Action,\n  hovered,\n  onActionHover,\n  onActionTrigger,\n  query,\n  nothingFoundMessage,\n  highlightQuery,\n  highlightColor,\n  radius,\n  variant,\n}: ActionsListProps) {\n  const { classes } = useStyles(null, { name: 'Spotlight', classNames, styles, variant });\n\n  const items = actions.map((item) => {\n    if (item.type === 'item') {\n      return (\n        <Action\n          query={query}\n          key={item.item.id}\n          action={item.item}\n          hovered={item.index === hovered}\n          onMouseEnter={onActionHover}\n          classNames={classNames}\n          styles={styles}\n          radius={radius}\n          onTrigger={() => onActionTrigger(item.item)}\n          highlightQuery={highlightQuery}\n          highlightColor={highlightColor}\n        />\n      );\n    }\n\n    return (\n      <Text className={classes.actionsGroup} color=\"dimmed\" key={item.label}>\n        {item.label}\n      </Text>\n    );\n  });\n\n  const shouldRenderActions =\n    items.length > 0 || (!!nothingFoundMessage && query.trim().length > 0);\n\n  return (\n    <>\n      {shouldRenderActions && (\n        <div className={classes.actions}>\n          {items.length > 0 ? (\n            items\n          ) : (\n            <Text color=\"dimmed\" className={classes.nothingFound} align=\"center\" size=\"lg\" py=\"md\">\n              {nothingFoundMessage}\n            </Text>\n          )}\n        </div>\n      )}\n    </>\n  );\n}\n\nActionsList.displayName = '@mantine/spotlight/ActionsList';\n"],"names":["useStyles","React","Text"],"mappings":";;;;;;;;;;;;AAGO,SAAS,WAAW,CAAC;AAC5B,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,eAAe,EAAE,MAAM;AACzB,EAAE,OAAO;AACT,EAAE,aAAa;AACf,EAAE,eAAe;AACjB,EAAE,KAAK;AACP,EAAE,mBAAmB;AACrB,EAAE,cAAc;AAChB,EAAE,cAAc;AAChB,EAAE,MAAM;AACR,EAAE,OAAO;AACT,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,OAAO,EAAE,GAAGA,6BAAS,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;AAC1F,EAAE,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK;AACtC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;AAC9B,MAAM,uBAAuBC,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACzD,QAAQ,KAAK;AACb,QAAQ,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE;AACzB,QAAQ,MAAM,EAAE,IAAI,CAAC,IAAI;AACzB,QAAQ,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;AACvC,QAAQ,YAAY,EAAE,aAAa;AACnC,QAAQ,UAAU;AAClB,QAAQ,MAAM;AACd,QAAQ,MAAM;AACd,QAAQ,SAAS,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;AACnD,QAAQ,cAAc;AACtB,QAAQ,cAAc;AACtB,OAAO,CAAC,CAAC;AACT,KAAK;AACL,IAAI,uBAAuBA,cAAK,CAAC,aAAa,CAACC,SAAI,EAAE;AACrD,MAAM,SAAS,EAAE,OAAO,CAAC,YAAY;AACrC,MAAM,KAAK,EAAE,QAAQ;AACrB,MAAM,GAAG,EAAE,IAAI,CAAC,KAAK;AACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;AACnB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,mBAAmB,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;AACnG,EAAE,uBAAuBD,cAAK,CAAC,aAAa,CAACA,cAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,mBAAmB,oBAAoBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACrI,IAAI,SAAS,EAAE,OAAO,CAAC,OAAO;AAC9B,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,mBAAmBA,cAAK,CAAC,aAAa,CAACC,SAAI,EAAE;AAC1E,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,SAAS,EAAE,OAAO,CAAC,YAAY;AACnC,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,EAAE,EAAE,IAAI;AACZ,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAC5B,CAAC;AACD,WAAW,CAAC,WAAW,GAAG,gCAAgC;;;;"}
+{"version":3,"file":"ActionsList.js","sources":["../../src/ActionsList/ActionsList.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, Selectors, Text, MantineNumberSize, MantineColor } from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport type { DefaultActionProps, DefaultActionStylesNames } from '../DefaultAction/DefaultAction';\nimport useStyles from './ActionsList.styles';\n\nexport type ActionsListStylesNames = Selectors<typeof useStyles> | DefaultActionStylesNames;\ntype GetGroupOptionsItem<T extends any[]> = { type: 'item'; item: T[number]; index: number };\ntype GetGroupOptionsLabel = { type: 'label'; label: string };\n\nexport interface ActionsListProps\n  extends DefaultProps<ActionsListStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  actions: (GetGroupOptionsItem<SpotlightAction[]> | GetGroupOptionsLabel)[];\n  actionComponent?: React.FC<DefaultActionProps>;\n  hovered: number;\n  query: string;\n  nothingFoundMessage?: React.ReactNode;\n  onActionTrigger(action: SpotlightAction): void;\n  highlightQuery: boolean;\n  highlightColor: MantineColor;\n  radius: MantineNumberSize;\n  variant: string;\n}\n\nexport function ActionsList({\n  actions,\n  styles,\n  classNames,\n  actionComponent: Action,\n  hovered,\n  onActionTrigger,\n  query,\n  nothingFoundMessage,\n  highlightQuery,\n  highlightColor,\n  radius,\n  variant,\n  ...others\n}: ActionsListProps) {\n  const { classes } = useStyles(null, { name: 'Spotlight', classNames, styles, variant });\n\n  const items = actions.map((item) => {\n    if (item.type === 'item') {\n      return (\n        <Action\n          query={query}\n          key={item.item.id}\n          action={item.item}\n          hovered={item.index === hovered}\n          classNames={classNames}\n          styles={styles}\n          radius={radius}\n          onTrigger={() => onActionTrigger(item.item)}\n          highlightQuery={highlightQuery}\n          highlightColor={highlightColor}\n        />\n      );\n    }\n\n    return (\n      <Text className={classes.actionsGroup} color=\"dimmed\" key={item.label}>\n        {item.label}\n      </Text>\n    );\n  });\n\n  const shouldRenderActions =\n    items.length > 0 || (!!nothingFoundMessage && query.trim().length > 0);\n\n  return (\n    <>\n      {shouldRenderActions && (\n        <div className={classes.actions} {...others}>\n          {items.length > 0 ? (\n            items\n          ) : (\n            <Text c=\"dimmed\" className={classes.nothingFound} ta=\"center\" fz=\"lg\" py=\"md\">\n              {nothingFoundMessage}\n            </Text>\n          )}\n        </div>\n      )}\n    </>\n  );\n}\n\nActionsList.displayName = '@mantine/spotlight/ActionsList';\n"],"names":["useStyles","React","Text"],"mappings":"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"}

package/cjs/DefaultAction/DefaultAction.js

@@ -48,8 +48,7 @@ function DefaultAction(_a) {
     highlightQuery,
     highlightColor,
     query,
-    radius,
-    onMouseEnter
+    radius
   } = _b, others = __objRest(_b, [
     "action",
     "styles",
@@ -59,39 +58,29 @@ function DefaultAction(_a) {
     "highlightQuery",
     "highlightColor",
     "query",
-    "radius",
-    "onMouseEnter"
+    "radius"
   ]);
   const { classes } = DefaultAction_styles['default']({ radius }, { styles, classNames, name: "Spotlight" });
-  const [shouldBeHovered, setShouldBeHovered] = React.useState(false);
-  const [isMouseOver, setIsMouseOver] = React.useState(false);
-  React.useEffect(() => {
-    const timeout = window.setTimeout(() => setShouldBeHovered(true), 300);
-    return () => window.clearTimeout(timeout);
-  }, []);
   return /* @__PURE__ */ React__default.createElement(core.UnstyledButton, __spreadValues({
     className: classes.action,
-    "data-hovered": hovered || isMouseOver || void 0,
+    "data-hovered": hovered || void 0,
     tabIndex: -1,
     onMouseDown: (event) => event.preventDefault(),
-    onClick: onTrigger,
-    onMouseEnter: (event) => {
-      onMouseEnter == null ? void 0 : onMouseEnter(event);
-      shouldBeHovered && setIsMouseOver(true);
-    },
-    onMouseLeave: () => setIsMouseOver(false)
+    onClick: onTrigger
   }, others), /* @__PURE__ */ React__default.createElement(core.Group, {
     noWrap: true
   }, action.icon && /* @__PURE__ */ React__default.createElement(core.Center, {
-    className: classes.actionIcon
+    className: classes.actionIcon,
+    "data-hovered": hovered || void 0
   }, action.icon), /* @__PURE__ */ React__default.createElement("div", {
     className: classes.actionBody
   }, /* @__PURE__ */ React__default.createElement(core.Highlight, {
     highlightColor,
     highlight: highlightQuery ? query : null
   }, action.title), action.description && /* @__PURE__ */ React__default.createElement(core.Text, {
-    color: "dimmed",
-    size: "xs"
+    size: "xs",
+    className: classes.actionDescription,
+    "data-hovered": hovered || void 0
   }, action.description))));
 }
 DefaultAction.displayName = "@mantine/spotlight/DefaultAction";

package/cjs/DefaultAction/DefaultAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultAction.js","sources":["../../src/DefaultAction/DefaultAction.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  DefaultProps,\n  Selectors,\n  Highlight,\n  UnstyledButton,\n  Group,\n  Center,\n  Text,\n  MantineNumberSize,\n  MantineColor,\n} from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport useStyles from './DefaultAction.styles';\n\nexport type DefaultActionStylesNames = Selectors<typeof useStyles>;\n\nexport interface DefaultActionProps\n  extends DefaultProps<DefaultActionStylesNames>,\n    React.ComponentPropsWithoutRef<'button'> {\n  action: SpotlightAction;\n  hovered: boolean;\n  onTrigger(): void;\n  highlightQuery: boolean;\n  highlightColor: MantineColor;\n  query: string;\n  radius: MantineNumberSize;\n}\n\nexport function DefaultAction({\n  action,\n  styles,\n  classNames,\n  hovered,\n  onTrigger,\n  highlightQuery,\n  highlightColor,\n  query,\n  radius,\n  onMouseEnter,\n  ...others\n}: DefaultActionProps) {\n  const { classes } = useStyles({ radius }, { styles, classNames, name: 'Spotlight' });\n  // extra logic for hover state is required to prevent spotlight from showing\n  // multiple hovered items when it was opened with keyboard and user's mouse\n  // was over one of the spotlight items\n  const [shouldBeHovered, setShouldBeHovered] = useState(false);\n  const [isMouseOver, setIsMouseOver] = useState(false);\n\n  useEffect(() => {\n    const timeout = window.setTimeout(() => setShouldBeHovered(true), 300);\n    return () => window.clearTimeout(timeout);\n  }, []);\n\n  return (\n    <UnstyledButton\n      className={classes.action}\n      data-hovered={hovered || isMouseOver || undefined}\n      tabIndex={-1}\n      onMouseDown={(event) => event.preventDefault()}\n      onClick={onTrigger}\n      onMouseEnter={(event) => {\n        onMouseEnter?.(event);\n        shouldBeHovered && setIsMouseOver(true);\n      }}\n      onMouseLeave={() => setIsMouseOver(false)}\n      {...others}\n    >\n      <Group noWrap>\n        {action.icon && <Center className={classes.actionIcon}>{action.icon}</Center>}\n\n        <div className={classes.actionBody}>\n          <Highlight highlightColor={highlightColor} highlight={highlightQuery ? query : null}>\n            {action.title}\n          </Highlight>\n\n          {action.description && (\n            <Text color=\"dimmed\" size=\"xs\">\n              {action.description}\n            </Text>\n          )}\n        </div>\n      </Group>\n    </UnstyledButton>\n  );\n}\n\nDefaultAction.displayName = '@mantine/spotlight/DefaultAction';\n"],"names":["useStyles","useState","useEffect","React","UnstyledButton","Group","Center","Highlight","Text"],"mappings":"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"}
+{"version":3,"file":"DefaultAction.js","sources":["../../src/DefaultAction/DefaultAction.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  DefaultProps,\n  Selectors,\n  Highlight,\n  UnstyledButton,\n  Group,\n  Center,\n  Text,\n  MantineNumberSize,\n  MantineColor,\n} from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport useStyles from './DefaultAction.styles';\n\nexport type DefaultActionStylesNames = Selectors<typeof useStyles>;\n\nexport interface DefaultActionProps\n  extends DefaultProps<DefaultActionStylesNames>,\n    React.ComponentPropsWithoutRef<'button'> {\n  action: SpotlightAction;\n  hovered: boolean;\n  onTrigger(): void;\n  highlightQuery: boolean;\n  highlightColor: MantineColor;\n  query: string;\n  radius: MantineNumberSize;\n}\n\nexport function DefaultAction({\n  action,\n  styles,\n  classNames,\n  hovered,\n  onTrigger,\n  highlightQuery,\n  highlightColor,\n  query,\n  radius,\n  ...others\n}: DefaultActionProps) {\n  const { classes } = useStyles({ radius }, { styles, classNames, name: 'Spotlight' });\n\n  return (\n    <UnstyledButton\n      className={classes.action}\n      data-hovered={hovered || undefined}\n      tabIndex={-1}\n      onMouseDown={(event) => event.preventDefault()}\n      onClick={onTrigger}\n      {...others}\n    >\n      <Group noWrap>\n        {action.icon && (\n          <Center className={classes.actionIcon} data-hovered={hovered || undefined}>\n            {action.icon}\n          </Center>\n        )}\n\n        <div className={classes.actionBody}>\n          <Highlight highlightColor={highlightColor} highlight={highlightQuery ? query : null}>\n            {action.title}\n          </Highlight>\n\n          {action.description && (\n            <Text\n              size=\"xs\"\n              className={classes.actionDescription}\n              data-hovered={hovered || undefined}\n            >\n              {action.description}\n            </Text>\n          )}\n        </div>\n      </Group>\n    </UnstyledButton>\n  );\n}\n\nDefaultAction.displayName = '@mantine/spotlight/DefaultAction';\n"],"names":["useStyles","React","UnstyledButton","Group","Center","Highlight","Text"],"mappings":"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"}

package/cjs/DefaultAction/DefaultAction.styles.js

@@ -4,19 +4,55 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@mantine/core');
 
+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 useStyles = core.createStyles((theme, { radius }) => ({
-  action: {
+  action: __spreadProps(__spreadValues({
     position: "relative",
     display: "block",
     width: "100%",
     padding: `${core.rem(10)} ${core.rem(12)}`,
-    borderRadius: theme.fn.radius(radius),
+    borderRadius: theme.fn.radius(radius)
+  }, theme.fn.hover({
+    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[1]
+  })), {
+    "&[data-hovered]": __spreadValues({
+      backgroundColor: theme.fn.primaryColor(),
+      color: theme.white
+    }, theme.fn.hover({
+      backgroundColor: theme.fn.primaryColor()
+    }))
+  }),
+  actionDescription: {
+    color: theme.fn.dimmed(),
     "&[data-hovered]": {
-      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]
+      color: theme.white,
+      opacity: 0.7
     }
   },
   actionIcon: {
-    color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6]
+    color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6],
+    "&[data-hovered]": {
+      color: theme.white,
+      opacity: 0.7
+    }
   },
   actionBody: {}
 }));

package/cjs/DefaultAction/DefaultAction.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultAction.styles.js","sources":["../../src/DefaultAction/DefaultAction.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, rem } from '@mantine/core';\n\nexport interface DefaultActionStylesParams {\n  radius: MantineNumberSize;\n}\n\nexport default createStyles((theme, { radius }: DefaultActionStylesParams) => ({\n  action: {\n    position: 'relative',\n    display: 'block',\n    width: '100%',\n    padding: `${rem(10)} ${rem(12)}`,\n    borderRadius: theme.fn.radius(radius),\n    // ...theme.fn.hover({\n    //   backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[1],\n    // }),\n\n    '&[data-hovered]': {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n    },\n  },\n\n  actionIcon: {\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n  },\n\n  actionBody: {},\n}));\n"],"names":["createStyles","rem"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM;AACpD,EAAE,MAAM,EAAE;AACV,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,OAAO,EAAE,CAAC,EAAEC,QAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAEA,QAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AACpC,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;AACzC,IAAI,iBAAiB,EAAE;AACvB,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,KAAK;AACL,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,GAAG;AACH,EAAE,UAAU,EAAE,EAAE;AAChB,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"DefaultAction.styles.js","sources":["../../src/DefaultAction/DefaultAction.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, rem } from '@mantine/core';\n\nexport interface DefaultActionStylesParams {\n  radius: MantineNumberSize;\n}\n\nexport default createStyles((theme, { radius }: DefaultActionStylesParams) => ({\n  action: {\n    position: 'relative',\n    display: 'block',\n    width: '100%',\n    padding: `${rem(10)} ${rem(12)}`,\n    borderRadius: theme.fn.radius(radius),\n    ...theme.fn.hover({\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[1],\n    }),\n\n    '&[data-hovered]': {\n      backgroundColor: theme.fn.primaryColor(),\n      color: theme.white,\n      ...theme.fn.hover({\n        backgroundColor: theme.fn.primaryColor(),\n      }),\n    },\n  },\n\n  actionDescription: {\n    color: theme.fn.dimmed(),\n\n    '&[data-hovered]': {\n      color: theme.white,\n      opacity: 0.7,\n    },\n  },\n\n  actionIcon: {\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n\n    '&[data-hovered]': {\n      color: theme.white,\n      opacity: 0.7,\n    },\n  },\n\n  actionBody: {},\n}));\n"],"names":["createStyles","rem"],"mappings":"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"}

package/cjs/Spotlight/Spotlight.js

@@ -114,11 +114,10 @@ function Spotlight(props) {
     "target",
     "radius"
   ]);
-  const [shouldReset, setShouldReset] = React.useState(false);
   const [hovered, setHovered] = React.useState(-1);
   const [IMEOpen, setIMEOpen] = React.useState(false);
   const { classes, cx } = Spotlight_styles['default'](null, { name: "Spotlight", classNames, styles, variant });
-  const resetHovered = () => shouldReset && setHovered(-1);
+  const resetHovered = () => setHovered(-1);
   const handleClose = () => {
     resetHovered();
     onClose();
@@ -131,17 +130,6 @@ function Spotlight(props) {
       setHovered(groupedActions.length - 1);
     }
   }, [groupedActions.length]);
-  hooks.useDidUpdate(() => {
-    let timeout = -1;
-    if (opened) {
-      timeout = window.setTimeout(() => setShouldReset(true), 300);
-      return () => {
-        window.clearTimeout(timeout);
-        setShouldReset(false);
-      };
-    }
-    return () => setShouldReset(false);
-  }, [opened]);
   const handleInputKeyDown = (event) => {
     var _a2, _b;
     if (IMEOpen) {
@@ -210,7 +198,6 @@ function Spotlight(props) {
     hovered,
     query,
     nothingFoundMessage,
-    onActionHover: () => setHovered(-1),
     onActionTrigger: (action) => {
       var _a2;
       action.onTrigger(action);

package/cjs/Spotlight/Spotlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spotlight.js","sources":["../../src/Spotlight/Spotlight.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  DefaultProps,\n  Selectors,\n  TextInput,\n  getDefaultZIndex,\n  MantineColor,\n  TextInputProps,\n  Modal,\n  ModalProps,\n  ModalStylesNames,\n  useComponentDefaultProps,\n  ScrollArea,\n  ScrollAreaAutosizeProps,\n} from '@mantine/core';\nimport { getGroupedOptions } from '@mantine/utils';\nimport { useDidUpdate } from '@mantine/hooks';\nimport { DefaultAction, DefaultActionProps } from '../DefaultAction/DefaultAction';\nimport { ActionsList, ActionsListStylesNames } from '../ActionsList/ActionsList';\nimport type { SpotlightAction } from '../types';\nimport { filterActions } from './filter-actions/filter-actions';\nimport useStyles from './Spotlight.styles';\n\nfunction SpotlightScrollArea(props: ScrollAreaAutosizeProps) {\n  return <ScrollArea.Autosize mah=\"calc(100vh - 18rem)\" {...props} />;\n}\n\nexport type SpotlightStylesNames =\n  | Selectors<typeof useStyles>\n  | Exclude<ModalStylesNames, 'close' | 'header' | 'title'>\n  | ActionsListStylesNames;\n\nexport interface InnerSpotlightProps\n  extends Omit<\n      ModalProps,\n      'styles' | 'classNames' | 'title' | 'withCloseButton' | 'opened' | 'onClose'\n    >,\n    DefaultProps<SpotlightStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  variant?: string;\n\n  /** Search input placeholder */\n  searchPlaceholder?: string;\n\n  /** Search input icon */\n  searchIcon?: React.ReactNode;\n\n  /** Function used to determine how actions will be filtered based on user input */\n  filter?(query: string, actions: SpotlightAction[]): SpotlightAction[];\n\n  /** Message displayed when actions were not found */\n  nothingFoundMessage?: React.ReactNode;\n\n  /** Number of actions displayed at a time */\n  limit?: number;\n\n  /** Should spotlight be closed when action is triggered */\n  closeOnActionTrigger?: boolean;\n\n  /** Component that is used to render actions */\n  actionComponent?: React.FC<DefaultActionProps>;\n\n  /** Component that is used to wrap actions list */\n  actionsWrapperComponent?: React.FC<{ children: React.ReactNode }> | string;\n\n  /** Should user query be highlighted in actions title */\n  highlightQuery?: boolean;\n\n  /** The highlight color */\n  highlightColor?: MantineColor;\n\n  /** Props spread to search input */\n  searchInputProps?: TextInputProps;\n\n  /** Component used as scrollable container for actions list, defaults to ScrollArea.Autosize */\n  scrollAreaComponent?: React.FC<{ children: React.ReactNode }>;\n}\n\ninterface SpotlightProps extends InnerSpotlightProps {\n  actions: SpotlightAction[];\n  onClose(): void;\n  opened: boolean;\n  query: string;\n  onQueryChange(query: string): void;\n}\n\nconst defaultProps: Partial<SpotlightProps> = {\n  closeOnActionTrigger: true,\n  highlightQuery: false,\n  size: 600,\n  yOffset: 120,\n  filter: filterActions,\n  limit: 10,\n  actionComponent: DefaultAction,\n  scrollAreaComponent: SpotlightScrollArea,\n  actionsWrapperComponent: 'div',\n  zIndex: getDefaultZIndex('max'),\n  overlayProps: { opacity: 0.2, blur: 7 },\n};\n\nexport function Spotlight(props: SpotlightProps) {\n  const {\n    query,\n    onQueryChange,\n    actions,\n    onClose,\n    opened,\n    classNames,\n    styles,\n    closeOnActionTrigger,\n    highlightQuery,\n    highlightColor,\n    className,\n    searchPlaceholder,\n    searchIcon,\n    filter,\n    nothingFoundMessage,\n    limit,\n    actionComponent,\n    actionsWrapperComponent: ActionsWrapper,\n    scrollAreaComponent: ScrollAreaComponent,\n    searchInputProps,\n    variant,\n    target,\n    radius,\n    ...others\n  } = useComponentDefaultProps('Spotlight', defaultProps, props);\n\n  const [shouldReset, setShouldReset] = useState(false);\n  const [hovered, setHovered] = useState(-1);\n  const [IMEOpen, setIMEOpen] = useState(false);\n  const { classes, cx } = useStyles(null, { name: 'Spotlight', classNames, styles, variant });\n\n  const resetHovered = () => shouldReset && setHovered(-1);\n  const handleClose = () => {\n    resetHovered();\n    onClose();\n  };\n\n  const filteredActions = filter(query, actions).slice(0, limit);\n  const groupedWithLabels = getGroupedOptions(filteredActions).items;\n  const groupedActions = groupedWithLabels\n    .map((item) => (item.type === 'item' ? item.item : undefined))\n    .filter((item) => item);\n\n  useDidUpdate(() => {\n    if (groupedActions.length - 1 < hovered) {\n      setHovered(groupedActions.length - 1);\n    }\n  }, [groupedActions.length]);\n\n  useDidUpdate(() => {\n    let timeout = -1;\n    if (opened) {\n      timeout = window.setTimeout(() => setShouldReset(true), 300);\n      return () => {\n        window.clearTimeout(timeout);\n        setShouldReset(false);\n      };\n    }\n\n    return () => setShouldReset(false);\n  }, [opened]);\n\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (IMEOpen) {\n      return;\n    }\n\n    switch (event.key) {\n      case 'ArrowDown': {\n        event.preventDefault();\n        setHovered((current) => (current < groupedActions.length - 1 ? current + 1 : 0));\n        break;\n      }\n\n      case 'ArrowUp': {\n        event.preventDefault();\n        setHovered((current) => (current > 0 ? current - 1 : groupedActions.length - 1));\n        break;\n      }\n\n      case 'Enter': {\n        event.preventDefault();\n        const action = groupedActions[hovered];\n        action?.onTrigger?.(action);\n        if ((action?.closeOnTrigger ?? closeOnActionTrigger) && action?.onTrigger) {\n          handleClose();\n        }\n        break;\n      }\n\n      case 'Escape': {\n        event.preventDefault();\n        handleClose();\n      }\n    }\n  };\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onQueryChange(event.currentTarget.value);\n    if (hovered === -1) {\n      setHovered(0);\n    }\n  };\n\n  return (\n    <Modal\n      opened={opened}\n      onClose={handleClose}\n      padding={0}\n      radius={radius}\n      scrollAreaComponent={Modal.NativeScrollArea}\n      classNames={{\n        ...classNames,\n        content: cx(classes.content, classNames?.content),\n      }}\n      styles={styles}\n      withCloseButton={false}\n      {...others}\n    >\n      <TextInput\n        size=\"lg\"\n        {...searchInputProps}\n        value={query}\n        onChange={handleInputChange}\n        onKeyDown={handleInputKeyDown}\n        onCompositionStart={() => setIMEOpen(true)}\n        onCompositionEnd={() => setIMEOpen(false)}\n        classNames={{ input: classes.searchInput }}\n        placeholder={searchPlaceholder}\n        icon={searchIcon}\n        onMouseEnter={resetHovered}\n      />\n      <ActionsWrapper>\n        <ScrollAreaComponent>\n          <ActionsList\n            highlightQuery={highlightQuery}\n            highlightColor={highlightColor}\n            actions={groupedWithLabels}\n            actionComponent={actionComponent}\n            hovered={hovered}\n            query={query}\n            nothingFoundMessage={nothingFoundMessage}\n            onActionHover={() => setHovered(-1)}\n            onActionTrigger={(action) => {\n              action.onTrigger(action);\n              (action.closeOnTrigger ?? closeOnActionTrigger) && handleClose();\n            }}\n            styles={styles}\n            classNames={classNames}\n            radius={radius}\n            variant={variant}\n          />\n        </ScrollAreaComponent>\n      </ActionsWrapper>\n    </Modal>\n  );\n}\n\nSpotlight.displayName = '@mantine/spotlight/Spotlight';\n"],"names":["React","ScrollArea","filterActions","DefaultAction","getDefaultZIndex","useComponentDefaultProps","useState","useStyles","getGroupedOptions","useDidUpdate","Modal","TextInput","ActionsList"],"mappings":"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"}
+{"version":3,"file":"Spotlight.js","sources":["../../src/Spotlight/Spotlight.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  DefaultProps,\n  Selectors,\n  TextInput,\n  getDefaultZIndex,\n  MantineColor,\n  TextInputProps,\n  Modal,\n  ModalProps,\n  ModalStylesNames,\n  useComponentDefaultProps,\n  ScrollArea,\n  ScrollAreaAutosizeProps,\n} from '@mantine/core';\nimport { getGroupedOptions } from '@mantine/utils';\nimport { useDidUpdate } from '@mantine/hooks';\nimport { DefaultAction, DefaultActionProps } from '../DefaultAction/DefaultAction';\nimport { ActionsList, ActionsListStylesNames } from '../ActionsList/ActionsList';\nimport type { SpotlightAction } from '../types';\nimport { filterActions } from './filter-actions/filter-actions';\nimport useStyles from './Spotlight.styles';\n\nfunction SpotlightScrollArea(props: ScrollAreaAutosizeProps) {\n  return <ScrollArea.Autosize mah=\"calc(100vh - 18rem)\" {...props} />;\n}\n\nexport type SpotlightStylesNames =\n  | Selectors<typeof useStyles>\n  | Exclude<ModalStylesNames, 'close' | 'header' | 'title'>\n  | ActionsListStylesNames;\n\nexport interface InnerSpotlightProps\n  extends Omit<\n      ModalProps,\n      'styles' | 'classNames' | 'title' | 'withCloseButton' | 'opened' | 'onClose'\n    >,\n    DefaultProps<SpotlightStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  variant?: string;\n\n  /** Search input placeholder */\n  searchPlaceholder?: string;\n\n  /** Search input icon */\n  searchIcon?: React.ReactNode;\n\n  /** Function used to determine how actions will be filtered based on user input */\n  filter?(query: string, actions: SpotlightAction[]): SpotlightAction[];\n\n  /** Message displayed when actions were not found */\n  nothingFoundMessage?: React.ReactNode;\n\n  /** Number of actions displayed at a time */\n  limit?: number;\n\n  /** Should spotlight be closed when action is triggered */\n  closeOnActionTrigger?: boolean;\n\n  /** Component that is used to render actions */\n  actionComponent?: React.FC<DefaultActionProps>;\n\n  /** Component that is used to wrap actions list */\n  actionsWrapperComponent?: React.FC<{ children: React.ReactNode }> | string;\n\n  /** Should user query be highlighted in actions title */\n  highlightQuery?: boolean;\n\n  /** The highlight color */\n  highlightColor?: MantineColor;\n\n  /** Props spread to search input */\n  searchInputProps?: TextInputProps;\n\n  /** Component used as scrollable container for actions list, defaults to ScrollArea.Autosize */\n  scrollAreaComponent?: React.FC<{ children: React.ReactNode }>;\n}\n\ninterface SpotlightProps extends InnerSpotlightProps {\n  actions: SpotlightAction[];\n  onClose(): void;\n  opened: boolean;\n  query: string;\n  onQueryChange(query: string): void;\n}\n\nconst defaultProps: Partial<SpotlightProps> = {\n  closeOnActionTrigger: true,\n  highlightQuery: false,\n  size: 600,\n  yOffset: 120,\n  filter: filterActions,\n  limit: 10,\n  actionComponent: DefaultAction,\n  scrollAreaComponent: SpotlightScrollArea,\n  actionsWrapperComponent: 'div',\n  zIndex: getDefaultZIndex('max'),\n  overlayProps: { opacity: 0.2, blur: 7 },\n};\n\nexport function Spotlight(props: SpotlightProps) {\n  const {\n    query,\n    onQueryChange,\n    actions,\n    onClose,\n    opened,\n    classNames,\n    styles,\n    closeOnActionTrigger,\n    highlightQuery,\n    highlightColor,\n    className,\n    searchPlaceholder,\n    searchIcon,\n    filter,\n    nothingFoundMessage,\n    limit,\n    actionComponent,\n    actionsWrapperComponent: ActionsWrapper,\n    scrollAreaComponent: ScrollAreaComponent,\n    searchInputProps,\n    variant,\n    target,\n    radius,\n    ...others\n  } = useComponentDefaultProps('Spotlight', defaultProps, props);\n\n  const [hovered, setHovered] = useState(-1);\n  const [IMEOpen, setIMEOpen] = useState(false);\n  const { classes, cx } = useStyles(null, { name: 'Spotlight', classNames, styles, variant });\n\n  const resetHovered = () => setHovered(-1);\n  const handleClose = () => {\n    resetHovered();\n    onClose();\n  };\n\n  const filteredActions = filter(query, actions).slice(0, limit);\n  const groupedWithLabels = getGroupedOptions(filteredActions).items;\n  const groupedActions = groupedWithLabels\n    .map((item) => (item.type === 'item' ? item.item : undefined))\n    .filter((item) => item);\n\n  useDidUpdate(() => {\n    if (groupedActions.length - 1 < hovered) {\n      setHovered(groupedActions.length - 1);\n    }\n  }, [groupedActions.length]);\n\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (IMEOpen) {\n      return;\n    }\n\n    switch (event.key) {\n      case 'ArrowDown': {\n        event.preventDefault();\n        setHovered((current) => (current < groupedActions.length - 1 ? current + 1 : 0));\n        break;\n      }\n\n      case 'ArrowUp': {\n        event.preventDefault();\n        setHovered((current) => (current > 0 ? current - 1 : groupedActions.length - 1));\n        break;\n      }\n\n      case 'Enter': {\n        event.preventDefault();\n        const action = groupedActions[hovered];\n        action?.onTrigger?.(action);\n        if ((action?.closeOnTrigger ?? closeOnActionTrigger) && action?.onTrigger) {\n          handleClose();\n        }\n        break;\n      }\n\n      case 'Escape': {\n        event.preventDefault();\n        handleClose();\n      }\n    }\n  };\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onQueryChange(event.currentTarget.value);\n    if (hovered === -1) {\n      setHovered(0);\n    }\n  };\n\n  return (\n    <Modal\n      opened={opened}\n      onClose={handleClose}\n      padding={0}\n      radius={radius}\n      scrollAreaComponent={Modal.NativeScrollArea}\n      classNames={{\n        ...classNames,\n        content: cx(classes.content, classNames?.content),\n      }}\n      styles={styles}\n      withCloseButton={false}\n      {...others}\n    >\n      <TextInput\n        size=\"lg\"\n        {...searchInputProps}\n        value={query}\n        onChange={handleInputChange}\n        onKeyDown={handleInputKeyDown}\n        onCompositionStart={() => setIMEOpen(true)}\n        onCompositionEnd={() => setIMEOpen(false)}\n        classNames={{ input: classes.searchInput }}\n        placeholder={searchPlaceholder}\n        icon={searchIcon}\n        onMouseEnter={resetHovered}\n      />\n      <ActionsWrapper>\n        <ScrollAreaComponent>\n          <ActionsList\n            highlightQuery={highlightQuery}\n            highlightColor={highlightColor}\n            actions={groupedWithLabels}\n            actionComponent={actionComponent}\n            hovered={hovered}\n            query={query}\n            nothingFoundMessage={nothingFoundMessage}\n            onActionTrigger={(action) => {\n              action.onTrigger(action);\n              (action.closeOnTrigger ?? closeOnActionTrigger) && handleClose();\n            }}\n            styles={styles}\n            classNames={classNames}\n            radius={radius}\n            variant={variant}\n          />\n        </ScrollAreaComponent>\n      </ActionsWrapper>\n    </Modal>\n  );\n}\n\nSpotlight.displayName = '@mantine/spotlight/Spotlight';\n"],"names":["React","ScrollArea","filterActions","DefaultAction","getDefaultZIndex","useComponentDefaultProps","useState","useStyles","getGroupedOptions","useDidUpdate","Modal","TextInput","ActionsList"],"mappings":"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"}

package/cjs/SpotlightProvider.js

@@ -55,7 +55,8 @@ function SpotlightProvider(_a) {
     cleanQueryOnClose = true,
     transitionDuration = 150,
     disabled = false,
-    tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"]
+    tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"],
+    triggerOnContentEditable = false
   } = _b, others = __objRest(_b, [
     "actions",
     "children",
@@ -68,7 +69,8 @@ function SpotlightProvider(_a) {
     "cleanQueryOnClose",
     "transitionDuration",
     "disabled",
-    "tagsToIgnore"
+    "tagsToIgnore",
+    "triggerOnContentEditable"
   ]);
   const timeoutRef = React.useRef(-1);
   const [_query, setQuery] = hooks.useUncontrolled({
@@ -110,7 +112,7 @@ function SpotlightProvider(_a) {
     actions: _actions,
     query: _query
   };
-  useSpotlightShortcuts.useSpotlightShortcuts(shortcut, open, tagsToIgnore);
+  useSpotlightShortcuts.useSpotlightShortcuts(shortcut, open, tagsToIgnore, triggerOnContentEditable);
   events.useSpotlightEvents({ open, close, toggle, registerActions, removeActions, triggerAction });
   return /* @__PURE__ */ React__default.createElement(Spotlight_context.SpotlightContext.Provider, {
     value: ctx

package/cjs/SpotlightProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpotlightProvider.js","sources":["../src/SpotlightProvider.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useDisclosure, useUncontrolled } from '@mantine/hooks';\nimport { useSpotlightEvents } from './events';\nimport { SpotlightContext } from './Spotlight.context';\nimport { InnerSpotlightProps, Spotlight } from './Spotlight/Spotlight';\nimport type { SpotlightAction } from './types';\nimport { useActionsState } from './use-actions-state/use-actions-state';\nimport { useSpotlightShortcuts } from './use-spotlight-shortcuts/use-spotlight-shortcuts';\n\nexport interface SpotlightProviderProps extends InnerSpotlightProps {\n  /** Actions list */\n  actions: SpotlightAction[];\n\n  /** Called when actions change (registered or removed) */\n  onActionsChange?(actions: SpotlightAction[]): void;\n\n  /** Controlled search query */\n  query?: string;\n\n  /** Called when user enters text in search input */\n  onQueryChange?(query: string): void;\n\n  /** Your application */\n  children?: React.ReactNode;\n\n  /** Called when spotlight opens */\n  onSpotlightOpen?(): void;\n\n  /** Called when spotlight closes */\n  onSpotlightClose?(): void;\n\n  /** Keyboard shortcut or list of shortcuts to trigger spotlight */\n  shortcut?: string | string[] | null;\n\n  /** Should search be cleared when spotlight closes */\n  cleanQueryOnClose?: boolean;\n\n  /** Spotlight will not render if disabled is set to true */\n  disabled?: boolean;\n\n  /** Tags to ignore shortcut hotkeys on. */\n  tagsToIgnore?: string[];\n}\n\nexport function SpotlightProvider({\n  actions,\n  children,\n  shortcut = 'mod + K',\n  query,\n  onSpotlightClose,\n  onSpotlightOpen,\n  onQueryChange,\n  onActionsChange,\n  cleanQueryOnClose = true,\n  transitionDuration = 150,\n  disabled = false,\n  tagsToIgnore = ['INPUT', 'TEXTAREA', 'SELECT'],\n  ...others\n}: SpotlightProviderProps) {\n  const timeoutRef = useRef<number>(-1);\n\n  const [_query, setQuery] = useUncontrolled({\n    value: query,\n    defaultValue: '',\n    finalValue: '',\n    onChange: onQueryChange,\n  });\n\n  const [_actions, { registerActions, removeActions, triggerAction }] = useActionsState({\n    actions,\n    onActionsChange,\n  });\n\n  const handleQueryChange = (value: string) => {\n    setQuery(value);\n    onQueryChange?.(value);\n  };\n\n  const [opened, { open, close, toggle }] = useDisclosure(false, {\n    onClose: () => {\n      onSpotlightClose?.();\n      if (cleanQueryOnClose) {\n        timeoutRef.current = window.setTimeout(() => {\n          handleQueryChange('');\n        }, transitionDuration);\n      }\n    },\n    onOpen: () => {\n      onSpotlightOpen?.();\n      window.clearTimeout(timeoutRef.current);\n    },\n  });\n\n  const ctx = {\n    openSpotlight: open,\n    closeSpotlight: close,\n    toggleSpotlight: toggle,\n    registerActions,\n    removeActions,\n    triggerAction,\n    opened,\n    actions: _actions,\n    query: _query,\n  };\n\n  useSpotlightShortcuts(shortcut, open, tagsToIgnore);\n  useSpotlightEvents({ open, close, toggle, registerActions, removeActions, triggerAction });\n\n  return (\n    <SpotlightContext.Provider value={ctx}>\n      {!disabled && (\n        <Spotlight\n          actions={_actions}\n          onClose={close}\n          opened={opened}\n          query={_query}\n          onQueryChange={handleQueryChange}\n          transitionDuration={transitionDuration}\n          {...others}\n        />\n      )}\n      {children}\n    </SpotlightContext.Provider>\n  );\n}\n\nSpotlightProvider.displayName = '@mantine/spotlight/SpotlightProvider';\n"],"names":["useRef","useUncontrolled","useActionsState","useDisclosure","useSpotlightShortcuts","useSpotlightEvents","React","SpotlightContext","Spotlight"],"mappings":"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"}
+{"version":3,"file":"SpotlightProvider.js","sources":["../src/SpotlightProvider.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useDisclosure, useUncontrolled } from '@mantine/hooks';\nimport { useSpotlightEvents } from './events';\nimport { SpotlightContext } from './Spotlight.context';\nimport { InnerSpotlightProps, Spotlight } from './Spotlight/Spotlight';\nimport type { SpotlightAction } from './types';\nimport { useActionsState } from './use-actions-state/use-actions-state';\nimport { useSpotlightShortcuts } from './use-spotlight-shortcuts/use-spotlight-shortcuts';\n\nexport interface SpotlightProviderProps extends InnerSpotlightProps {\n  /** Actions list */\n  actions: SpotlightAction[];\n\n  /** Called when actions change (registered or removed) */\n  onActionsChange?(actions: SpotlightAction[]): void;\n\n  /** Controlled search query */\n  query?: string;\n\n  /** Called when user enters text in search input */\n  onQueryChange?(query: string): void;\n\n  /** Your application */\n  children?: React.ReactNode;\n\n  /** Called when spotlight opens */\n  onSpotlightOpen?(): void;\n\n  /** Called when spotlight closes */\n  onSpotlightClose?(): void;\n\n  /** Keyboard shortcut or list of shortcuts to trigger spotlight */\n  shortcut?: string | string[] | null;\n\n  /** Should search be cleared when spotlight closes */\n  cleanQueryOnClose?: boolean;\n\n  /** Spotlight will not render if disabled is set to true */\n  disabled?: boolean;\n\n  /** Tags to ignore shortcut hotkeys on. */\n  tagsToIgnore?: string[];\n\n  /** Whether shortcuts should trigger based on contentEditable. */\n  triggerOnContentEditable?: boolean;\n}\n\nexport function SpotlightProvider({\n  actions,\n  children,\n  shortcut = 'mod + K',\n  query,\n  onSpotlightClose,\n  onSpotlightOpen,\n  onQueryChange,\n  onActionsChange,\n  cleanQueryOnClose = true,\n  transitionDuration = 150,\n  disabled = false,\n  tagsToIgnore = ['INPUT', 'TEXTAREA', 'SELECT'],\n  triggerOnContentEditable = false,\n  ...others\n}: SpotlightProviderProps) {\n  const timeoutRef = useRef<number>(-1);\n\n  const [_query, setQuery] = useUncontrolled({\n    value: query,\n    defaultValue: '',\n    finalValue: '',\n    onChange: onQueryChange,\n  });\n\n  const [_actions, { registerActions, removeActions, triggerAction }] = useActionsState({\n    actions,\n    onActionsChange,\n  });\n\n  const handleQueryChange = (value: string) => {\n    setQuery(value);\n    onQueryChange?.(value);\n  };\n\n  const [opened, { open, close, toggle }] = useDisclosure(false, {\n    onClose: () => {\n      onSpotlightClose?.();\n      if (cleanQueryOnClose) {\n        timeoutRef.current = window.setTimeout(() => {\n          handleQueryChange('');\n        }, transitionDuration);\n      }\n    },\n    onOpen: () => {\n      onSpotlightOpen?.();\n      window.clearTimeout(timeoutRef.current);\n    },\n  });\n\n  const ctx = {\n    openSpotlight: open,\n    closeSpotlight: close,\n    toggleSpotlight: toggle,\n    registerActions,\n    removeActions,\n    triggerAction,\n    opened,\n    actions: _actions,\n    query: _query,\n  };\n\n  useSpotlightShortcuts(shortcut, open, tagsToIgnore, triggerOnContentEditable);\n  useSpotlightEvents({ open, close, toggle, registerActions, removeActions, triggerAction });\n\n  return (\n    <SpotlightContext.Provider value={ctx}>\n      {!disabled && (\n        <Spotlight\n          actions={_actions}\n          onClose={close}\n          opened={opened}\n          query={_query}\n          onQueryChange={handleQueryChange}\n          transitionDuration={transitionDuration}\n          {...others}\n        />\n      )}\n      {children}\n    </SpotlightContext.Provider>\n  );\n}\n\nSpotlightProvider.displayName = '@mantine/spotlight/SpotlightProvider';\n"],"names":["useRef","useUncontrolled","useActionsState","useDisclosure","useSpotlightShortcuts","useSpotlightEvents","React","SpotlightContext","Spotlight"],"mappings":"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"}

package/cjs/use-spotlight-shortcuts/use-spotlight-shortcuts.js

@@ -13,8 +13,8 @@ function getHotkeysPayload(shortcuts, onToggle) {
   }
   return [[shortcuts, onToggle]];
 }
-function useSpotlightShortcuts(shortcuts, onToggle, tagsToIgnore) {
-  hooks.useHotkeys(getHotkeysPayload(shortcuts, onToggle), tagsToIgnore);
+function useSpotlightShortcuts(shortcuts, onToggle, tagsToIgnore, triggerOnContentEditable) {
+  hooks.useHotkeys(getHotkeysPayload(shortcuts, onToggle), tagsToIgnore, triggerOnContentEditable);
 }
 
 exports.getHotkeysPayload = getHotkeysPayload;

package/cjs/use-spotlight-shortcuts/use-spotlight-shortcuts.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-spotlight-shortcuts.js","sources":["../../src/use-spotlight-shortcuts/use-spotlight-shortcuts.ts"],"sourcesContent":["import { HotkeyItem, useHotkeys } from '@mantine/hooks';\n\nexport function getHotkeysPayload(\n  shortcuts: string | string[],\n  onToggle: () => void\n): HotkeyItem[] {\n  if (shortcuts === null) {\n    return [];\n  }\n\n  if (Array.isArray(shortcuts)) {\n    return shortcuts.map((shortcut) => [shortcut, onToggle]);\n  }\n\n  return [[shortcuts, onToggle]];\n}\n\nexport function useSpotlightShortcuts(\n  shortcuts: string | string[],\n  onToggle: () => void,\n  tagsToIgnore?: string[]\n) {\n  useHotkeys(getHotkeysPayload(shortcuts, onToggle), tagsToIgnore);\n}\n"],"names":["useHotkeys"],"mappings":";;;;;;AACO,SAAS,iBAAiB,CAAC,SAAS,EAAE,QAAQ,EAAE;AACvD,EAAE,IAAI,SAAS,KAAK,IAAI,EAAE;AAC1B,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC7D,GAAG;AACH,EAAE,OAAO,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;AACjC,CAAC;AACM,SAAS,qBAAqB,CAAC,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE;AACzE,EAAEA,gBAAU,CAAC,iBAAiB,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC;AACnE;;;;;"}
+{"version":3,"file":"use-spotlight-shortcuts.js","sources":["../../src/use-spotlight-shortcuts/use-spotlight-shortcuts.ts"],"sourcesContent":["import { HotkeyItem, useHotkeys } from '@mantine/hooks';\n\nexport function getHotkeysPayload(\n  shortcuts: string | string[],\n  onToggle: () => void\n): HotkeyItem[] {\n  if (shortcuts === null) {\n    return [];\n  }\n\n  if (Array.isArray(shortcuts)) {\n    return shortcuts.map((shortcut) => [shortcut, onToggle]);\n  }\n\n  return [[shortcuts, onToggle]];\n}\n\nexport function useSpotlightShortcuts(\n  shortcuts: string | string[],\n  onToggle: () => void,\n  tagsToIgnore?: string[],\n  triggerOnContentEditable?: boolean\n) {\n  useHotkeys(getHotkeysPayload(shortcuts, onToggle), tagsToIgnore, triggerOnContentEditable);\n}\n"],"names":["useHotkeys"],"mappings":";;;;;;AACO,SAAS,iBAAiB,CAAC,SAAS,EAAE,QAAQ,EAAE;AACvD,EAAE,IAAI,SAAS,KAAK,IAAI,EAAE;AAC1B,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC7D,GAAG;AACH,EAAE,OAAO,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;AACjC,CAAC;AACM,SAAS,qBAAqB,CAAC,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,wBAAwB,EAAE;AACnG,EAAEA,gBAAU,CAAC,iBAAiB,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,YAAY,EAAE,wBAAwB,CAAC,CAAC;AAC7F;;;;;"}

package/esm/ActionsList/ActionsList.js

@@ -2,21 +2,62 @@ import React from 'react';
 import { Text } from '@mantine/core';
 import useStyles from './ActionsList.styles.js';
 
-function ActionsList({
-  actions,
-  styles,
-  classNames,
-  actionComponent: Action,
-  hovered,
-  onActionHover,
-  onActionTrigger,
-  query,
-  nothingFoundMessage,
-  highlightQuery,
-  highlightColor,
-  radius,
-  variant
-}) {
+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;
+};
+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;
+};
+function ActionsList(_a) {
+  var _b = _a, {
+    actions,
+    styles,
+    classNames,
+    actionComponent: Action,
+    hovered,
+    onActionTrigger,
+    query,
+    nothingFoundMessage,
+    highlightQuery,
+    highlightColor,
+    radius,
+    variant
+  } = _b, others = __objRest(_b, [
+    "actions",
+    "styles",
+    "classNames",
+    "actionComponent",
+    "hovered",
+    "onActionTrigger",
+    "query",
+    "nothingFoundMessage",
+    "highlightQuery",
+    "highlightColor",
+    "radius",
+    "variant"
+  ]);
   const { classes } = useStyles(null, { name: "Spotlight", classNames, styles, variant });
   const items = actions.map((item) => {
     if (item.type === "item") {
@@ -25,7 +66,6 @@ function ActionsList({
         key: item.item.id,
         action: item.item,
         hovered: item.index === hovered,
-        onMouseEnter: onActionHover,
         classNames,
         styles,
         radius,
@@ -41,13 +81,13 @@ function ActionsList({
     }, item.label);
   });
   const shouldRenderActions = items.length > 0 || !!nothingFoundMessage && query.trim().length > 0;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, shouldRenderActions && /* @__PURE__ */ React.createElement("div", {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, shouldRenderActions && /* @__PURE__ */ React.createElement("div", __spreadValues({
     className: classes.actions
-  }, items.length > 0 ? items : /* @__PURE__ */ React.createElement(Text, {
-    color: "dimmed",
+  }, others), items.length > 0 ? items : /* @__PURE__ */ React.createElement(Text, {
+    c: "dimmed",
     className: classes.nothingFound,
-    align: "center",
-    size: "lg",
+    ta: "center",
+    fz: "lg",
     py: "md"
   }, nothingFoundMessage)));
 }

package/esm/ActionsList/ActionsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsList.js","sources":["../../src/ActionsList/ActionsList.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, Selectors, Text, MantineNumberSize, MantineColor } from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport type { DefaultActionProps, DefaultActionStylesNames } from '../DefaultAction/DefaultAction';\nimport useStyles from './ActionsList.styles';\n\nexport type ActionsListStylesNames = Selectors<typeof useStyles> | DefaultActionStylesNames;\ntype GetGroupOptionsItem<T extends any[]> = { type: 'item'; item: T[number]; index: number };\ntype GetGroupOptionsLabel = { type: 'label'; label: string };\n\nexport interface ActionsListProps extends DefaultProps<ActionsListStylesNames> {\n  actions: (GetGroupOptionsItem<SpotlightAction[]> | GetGroupOptionsLabel)[];\n  actionComponent?: React.FC<DefaultActionProps>;\n  hovered: number;\n  query: string;\n  nothingFoundMessage?: React.ReactNode;\n  onActionHover(): void;\n  onActionTrigger(action: SpotlightAction): void;\n  highlightQuery: boolean;\n  highlightColor: MantineColor;\n  radius: MantineNumberSize;\n  variant: string;\n}\n\nexport function ActionsList({\n  actions,\n  styles,\n  classNames,\n  actionComponent: Action,\n  hovered,\n  onActionHover,\n  onActionTrigger,\n  query,\n  nothingFoundMessage,\n  highlightQuery,\n  highlightColor,\n  radius,\n  variant,\n}: ActionsListProps) {\n  const { classes } = useStyles(null, { name: 'Spotlight', classNames, styles, variant });\n\n  const items = actions.map((item) => {\n    if (item.type === 'item') {\n      return (\n        <Action\n          query={query}\n          key={item.item.id}\n          action={item.item}\n          hovered={item.index === hovered}\n          onMouseEnter={onActionHover}\n          classNames={classNames}\n          styles={styles}\n          radius={radius}\n          onTrigger={() => onActionTrigger(item.item)}\n          highlightQuery={highlightQuery}\n          highlightColor={highlightColor}\n        />\n      );\n    }\n\n    return (\n      <Text className={classes.actionsGroup} color=\"dimmed\" key={item.label}>\n        {item.label}\n      </Text>\n    );\n  });\n\n  const shouldRenderActions =\n    items.length > 0 || (!!nothingFoundMessage && query.trim().length > 0);\n\n  return (\n    <>\n      {shouldRenderActions && (\n        <div className={classes.actions}>\n          {items.length > 0 ? (\n            items\n          ) : (\n            <Text color=\"dimmed\" className={classes.nothingFound} align=\"center\" size=\"lg\" py=\"md\">\n              {nothingFoundMessage}\n            </Text>\n          )}\n        </div>\n      )}\n    </>\n  );\n}\n\nActionsList.displayName = '@mantine/spotlight/ActionsList';\n"],"names":[],"mappings":";;;;AAGO,SAAS,WAAW,CAAC;AAC5B,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,eAAe,EAAE,MAAM;AACzB,EAAE,OAAO;AACT,EAAE,aAAa;AACf,EAAE,eAAe;AACjB,EAAE,KAAK;AACP,EAAE,mBAAmB;AACrB,EAAE,cAAc;AAChB,EAAE,cAAc;AAChB,EAAE,MAAM;AACR,EAAE,OAAO;AACT,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;AAC1F,EAAE,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK;AACtC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;AAC9B,MAAM,uBAAuB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACzD,QAAQ,KAAK;AACb,QAAQ,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE;AACzB,QAAQ,MAAM,EAAE,IAAI,CAAC,IAAI;AACzB,QAAQ,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;AACvC,QAAQ,YAAY,EAAE,aAAa;AACnC,QAAQ,UAAU;AAClB,QAAQ,MAAM;AACd,QAAQ,MAAM;AACd,QAAQ,SAAS,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;AACnD,QAAQ,cAAc;AACtB,QAAQ,cAAc;AACtB,OAAO,CAAC,CAAC;AACT,KAAK;AACL,IAAI,uBAAuB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACrD,MAAM,SAAS,EAAE,OAAO,CAAC,YAAY;AACrC,MAAM,KAAK,EAAE,QAAQ;AACrB,MAAM,GAAG,EAAE,IAAI,CAAC,KAAK;AACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;AACnB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,mBAAmB,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;AACnG,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,mBAAmB,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACrI,IAAI,SAAS,EAAE,OAAO,CAAC,OAAO;AAC9B,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,mBAAmB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAC1E,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,SAAS,EAAE,OAAO,CAAC,YAAY;AACnC,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,EAAE,EAAE,IAAI;AACZ,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAC5B,CAAC;AACD,WAAW,CAAC,WAAW,GAAG,gCAAgC;;;;"}
+{"version":3,"file":"ActionsList.js","sources":["../../src/ActionsList/ActionsList.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, Selectors, Text, MantineNumberSize, MantineColor } from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport type { DefaultActionProps, DefaultActionStylesNames } from '../DefaultAction/DefaultAction';\nimport useStyles from './ActionsList.styles';\n\nexport type ActionsListStylesNames = Selectors<typeof useStyles> | DefaultActionStylesNames;\ntype GetGroupOptionsItem<T extends any[]> = { type: 'item'; item: T[number]; index: number };\ntype GetGroupOptionsLabel = { type: 'label'; label: string };\n\nexport interface ActionsListProps\n  extends DefaultProps<ActionsListStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  actions: (GetGroupOptionsItem<SpotlightAction[]> | GetGroupOptionsLabel)[];\n  actionComponent?: React.FC<DefaultActionProps>;\n  hovered: number;\n  query: string;\n  nothingFoundMessage?: React.ReactNode;\n  onActionTrigger(action: SpotlightAction): void;\n  highlightQuery: boolean;\n  highlightColor: MantineColor;\n  radius: MantineNumberSize;\n  variant: string;\n}\n\nexport function ActionsList({\n  actions,\n  styles,\n  classNames,\n  actionComponent: Action,\n  hovered,\n  onActionTrigger,\n  query,\n  nothingFoundMessage,\n  highlightQuery,\n  highlightColor,\n  radius,\n  variant,\n  ...others\n}: ActionsListProps) {\n  const { classes } = useStyles(null, { name: 'Spotlight', classNames, styles, variant });\n\n  const items = actions.map((item) => {\n    if (item.type === 'item') {\n      return (\n        <Action\n          query={query}\n          key={item.item.id}\n          action={item.item}\n          hovered={item.index === hovered}\n          classNames={classNames}\n          styles={styles}\n          radius={radius}\n          onTrigger={() => onActionTrigger(item.item)}\n          highlightQuery={highlightQuery}\n          highlightColor={highlightColor}\n        />\n      );\n    }\n\n    return (\n      <Text className={classes.actionsGroup} color=\"dimmed\" key={item.label}>\n        {item.label}\n      </Text>\n    );\n  });\n\n  const shouldRenderActions =\n    items.length > 0 || (!!nothingFoundMessage && query.trim().length > 0);\n\n  return (\n    <>\n      {shouldRenderActions && (\n        <div className={classes.actions} {...others}>\n          {items.length > 0 ? (\n            items\n          ) : (\n            <Text c=\"dimmed\" className={classes.nothingFound} ta=\"center\" fz=\"lg\" py=\"md\">\n              {nothingFoundMessage}\n            </Text>\n          )}\n        </div>\n      )}\n    </>\n  );\n}\n\nActionsList.displayName = '@mantine/spotlight/ActionsList';\n"],"names":[],"mappings":"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"}

package/esm/DefaultAction/DefaultAction.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React from 'react';
 import { UnstyledButton, Group, Center, Highlight, Text } from '@mantine/core';
 import useStyles from './DefaultAction.styles.js';
 
@@ -40,8 +40,7 @@ function DefaultAction(_a) {
     highlightQuery,
     highlightColor,
     query,
-    radius,
-    onMouseEnter
+    radius
   } = _b, others = __objRest(_b, [
     "action",
     "styles",
@@ -51,39 +50,29 @@ function DefaultAction(_a) {
     "highlightQuery",
     "highlightColor",
     "query",
-    "radius",
-    "onMouseEnter"
+    "radius"
   ]);
   const { classes } = useStyles({ radius }, { styles, classNames, name: "Spotlight" });
-  const [shouldBeHovered, setShouldBeHovered] = useState(false);
-  const [isMouseOver, setIsMouseOver] = useState(false);
-  useEffect(() => {
-    const timeout = window.setTimeout(() => setShouldBeHovered(true), 300);
-    return () => window.clearTimeout(timeout);
-  }, []);
   return /* @__PURE__ */ React.createElement(UnstyledButton, __spreadValues({
     className: classes.action,
-    "data-hovered": hovered || isMouseOver || void 0,
+    "data-hovered": hovered || void 0,
     tabIndex: -1,
     onMouseDown: (event) => event.preventDefault(),
-    onClick: onTrigger,
-    onMouseEnter: (event) => {
-      onMouseEnter == null ? void 0 : onMouseEnter(event);
-      shouldBeHovered && setIsMouseOver(true);
-    },
-    onMouseLeave: () => setIsMouseOver(false)
+    onClick: onTrigger
   }, others), /* @__PURE__ */ React.createElement(Group, {
     noWrap: true
   }, action.icon && /* @__PURE__ */ React.createElement(Center, {
-    className: classes.actionIcon
+    className: classes.actionIcon,
+    "data-hovered": hovered || void 0
   }, action.icon), /* @__PURE__ */ React.createElement("div", {
     className: classes.actionBody
   }, /* @__PURE__ */ React.createElement(Highlight, {
     highlightColor,
     highlight: highlightQuery ? query : null
   }, action.title), action.description && /* @__PURE__ */ React.createElement(Text, {
-    color: "dimmed",
-    size: "xs"
+    size: "xs",
+    className: classes.actionDescription,
+    "data-hovered": hovered || void 0
   }, action.description))));
 }
 DefaultAction.displayName = "@mantine/spotlight/DefaultAction";

package/esm/DefaultAction/DefaultAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultAction.js","sources":["../../src/DefaultAction/DefaultAction.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  DefaultProps,\n  Selectors,\n  Highlight,\n  UnstyledButton,\n  Group,\n  Center,\n  Text,\n  MantineNumberSize,\n  MantineColor,\n} from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport useStyles from './DefaultAction.styles';\n\nexport type DefaultActionStylesNames = Selectors<typeof useStyles>;\n\nexport interface DefaultActionProps\n  extends DefaultProps<DefaultActionStylesNames>,\n    React.ComponentPropsWithoutRef<'button'> {\n  action: SpotlightAction;\n  hovered: boolean;\n  onTrigger(): void;\n  highlightQuery: boolean;\n  highlightColor: MantineColor;\n  query: string;\n  radius: MantineNumberSize;\n}\n\nexport function DefaultAction({\n  action,\n  styles,\n  classNames,\n  hovered,\n  onTrigger,\n  highlightQuery,\n  highlightColor,\n  query,\n  radius,\n  onMouseEnter,\n  ...others\n}: DefaultActionProps) {\n  const { classes } = useStyles({ radius }, { styles, classNames, name: 'Spotlight' });\n  // extra logic for hover state is required to prevent spotlight from showing\n  // multiple hovered items when it was opened with keyboard and user's mouse\n  // was over one of the spotlight items\n  const [shouldBeHovered, setShouldBeHovered] = useState(false);\n  const [isMouseOver, setIsMouseOver] = useState(false);\n\n  useEffect(() => {\n    const timeout = window.setTimeout(() => setShouldBeHovered(true), 300);\n    return () => window.clearTimeout(timeout);\n  }, []);\n\n  return (\n    <UnstyledButton\n      className={classes.action}\n      data-hovered={hovered || isMouseOver || undefined}\n      tabIndex={-1}\n      onMouseDown={(event) => event.preventDefault()}\n      onClick={onTrigger}\n      onMouseEnter={(event) => {\n        onMouseEnter?.(event);\n        shouldBeHovered && setIsMouseOver(true);\n      }}\n      onMouseLeave={() => setIsMouseOver(false)}\n      {...others}\n    >\n      <Group noWrap>\n        {action.icon && <Center className={classes.actionIcon}>{action.icon}</Center>}\n\n        <div className={classes.actionBody}>\n          <Highlight highlightColor={highlightColor} highlight={highlightQuery ? query : null}>\n            {action.title}\n          </Highlight>\n\n          {action.description && (\n            <Text color=\"dimmed\" size=\"xs\">\n              {action.description}\n            </Text>\n          )}\n        </div>\n      </Group>\n    </UnstyledButton>\n  );\n}\n\nDefaultAction.displayName = '@mantine/spotlight/DefaultAction';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DefaultAction.js","sources":["../../src/DefaultAction/DefaultAction.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  DefaultProps,\n  Selectors,\n  Highlight,\n  UnstyledButton,\n  Group,\n  Center,\n  Text,\n  MantineNumberSize,\n  MantineColor,\n} from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport useStyles from './DefaultAction.styles';\n\nexport type DefaultActionStylesNames = Selectors<typeof useStyles>;\n\nexport interface DefaultActionProps\n  extends DefaultProps<DefaultActionStylesNames>,\n    React.ComponentPropsWithoutRef<'button'> {\n  action: SpotlightAction;\n  hovered: boolean;\n  onTrigger(): void;\n  highlightQuery: boolean;\n  highlightColor: MantineColor;\n  query: string;\n  radius: MantineNumberSize;\n}\n\nexport function DefaultAction({\n  action,\n  styles,\n  classNames,\n  hovered,\n  onTrigger,\n  highlightQuery,\n  highlightColor,\n  query,\n  radius,\n  ...others\n}: DefaultActionProps) {\n  const { classes } = useStyles({ radius }, { styles, classNames, name: 'Spotlight' });\n\n  return (\n    <UnstyledButton\n      className={classes.action}\n      data-hovered={hovered || undefined}\n      tabIndex={-1}\n      onMouseDown={(event) => event.preventDefault()}\n      onClick={onTrigger}\n      {...others}\n    >\n      <Group noWrap>\n        {action.icon && (\n          <Center className={classes.actionIcon} data-hovered={hovered || undefined}>\n            {action.icon}\n          </Center>\n        )}\n\n        <div className={classes.actionBody}>\n          <Highlight highlightColor={highlightColor} highlight={highlightQuery ? query : null}>\n            {action.title}\n          </Highlight>\n\n          {action.description && (\n            <Text\n              size=\"xs\"\n              className={classes.actionDescription}\n              data-hovered={hovered || undefined}\n            >\n              {action.description}\n            </Text>\n          )}\n        </div>\n      </Group>\n    </UnstyledButton>\n  );\n}\n\nDefaultAction.displayName = '@mantine/spotlight/DefaultAction';\n"],"names":[],"mappings":"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"}

package/esm/DefaultAction/DefaultAction.styles.js

@@ -1,18 +1,54 @@
 import { createStyles, rem } from '@mantine/core';
 
+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 useStyles = createStyles((theme, { radius }) => ({
-  action: {
+  action: __spreadProps(__spreadValues({
     position: "relative",
     display: "block",
     width: "100%",
     padding: `${rem(10)} ${rem(12)}`,
-    borderRadius: theme.fn.radius(radius),
+    borderRadius: theme.fn.radius(radius)
+  }, theme.fn.hover({
+    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[1]
+  })), {
+    "&[data-hovered]": __spreadValues({
+      backgroundColor: theme.fn.primaryColor(),
+      color: theme.white
+    }, theme.fn.hover({
+      backgroundColor: theme.fn.primaryColor()
+    }))
+  }),
+  actionDescription: {
+    color: theme.fn.dimmed(),
     "&[data-hovered]": {
-      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]
+      color: theme.white,
+      opacity: 0.7
     }
   },
   actionIcon: {
-    color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6]
+    color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6],
+    "&[data-hovered]": {
+      color: theme.white,
+      opacity: 0.7
+    }
   },
   actionBody: {}
 }));

package/esm/DefaultAction/DefaultAction.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultAction.styles.js","sources":["../../src/DefaultAction/DefaultAction.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, rem } from '@mantine/core';\n\nexport interface DefaultActionStylesParams {\n  radius: MantineNumberSize;\n}\n\nexport default createStyles((theme, { radius }: DefaultActionStylesParams) => ({\n  action: {\n    position: 'relative',\n    display: 'block',\n    width: '100%',\n    padding: `${rem(10)} ${rem(12)}`,\n    borderRadius: theme.fn.radius(radius),\n    // ...theme.fn.hover({\n    //   backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[1],\n    // }),\n\n    '&[data-hovered]': {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n    },\n  },\n\n  actionIcon: {\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n  },\n\n  actionBody: {},\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM;AACpD,EAAE,MAAM,EAAE;AACV,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AACpC,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;AACzC,IAAI,iBAAiB,EAAE;AACvB,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,KAAK;AACL,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,GAAG;AACH,EAAE,UAAU,EAAE,EAAE;AAChB,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"DefaultAction.styles.js","sources":["../../src/DefaultAction/DefaultAction.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, rem } from '@mantine/core';\n\nexport interface DefaultActionStylesParams {\n  radius: MantineNumberSize;\n}\n\nexport default createStyles((theme, { radius }: DefaultActionStylesParams) => ({\n  action: {\n    position: 'relative',\n    display: 'block',\n    width: '100%',\n    padding: `${rem(10)} ${rem(12)}`,\n    borderRadius: theme.fn.radius(radius),\n    ...theme.fn.hover({\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[1],\n    }),\n\n    '&[data-hovered]': {\n      backgroundColor: theme.fn.primaryColor(),\n      color: theme.white,\n      ...theme.fn.hover({\n        backgroundColor: theme.fn.primaryColor(),\n      }),\n    },\n  },\n\n  actionDescription: {\n    color: theme.fn.dimmed(),\n\n    '&[data-hovered]': {\n      color: theme.white,\n      opacity: 0.7,\n    },\n  },\n\n  actionIcon: {\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n\n    '&[data-hovered]': {\n      color: theme.white,\n      opacity: 0.7,\n    },\n  },\n\n  actionBody: {},\n}));\n"],"names":[],"mappings":"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"}

package/esm/Spotlight/Spotlight.js

@@ -106,11 +106,10 @@ function Spotlight(props) {
     "target",
     "radius"
   ]);
-  const [shouldReset, setShouldReset] = useState(false);
   const [hovered, setHovered] = useState(-1);
   const [IMEOpen, setIMEOpen] = useState(false);
   const { classes, cx } = useStyles(null, { name: "Spotlight", classNames, styles, variant });
-  const resetHovered = () => shouldReset && setHovered(-1);
+  const resetHovered = () => setHovered(-1);
   const handleClose = () => {
     resetHovered();
     onClose();
@@ -123,17 +122,6 @@ function Spotlight(props) {
       setHovered(groupedActions.length - 1);
     }
   }, [groupedActions.length]);
-  useDidUpdate(() => {
-    let timeout = -1;
-    if (opened) {
-      timeout = window.setTimeout(() => setShouldReset(true), 300);
-      return () => {
-        window.clearTimeout(timeout);
-        setShouldReset(false);
-      };
-    }
-    return () => setShouldReset(false);
-  }, [opened]);
   const handleInputKeyDown = (event) => {
     var _a2, _b;
     if (IMEOpen) {
@@ -202,7 +190,6 @@ function Spotlight(props) {
     hovered,
     query,
     nothingFoundMessage,
-    onActionHover: () => setHovered(-1),
     onActionTrigger: (action) => {
       var _a2;
       action.onTrigger(action);

package/esm/Spotlight/Spotlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spotlight.js","sources":["../../src/Spotlight/Spotlight.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  DefaultProps,\n  Selectors,\n  TextInput,\n  getDefaultZIndex,\n  MantineColor,\n  TextInputProps,\n  Modal,\n  ModalProps,\n  ModalStylesNames,\n  useComponentDefaultProps,\n  ScrollArea,\n  ScrollAreaAutosizeProps,\n} from '@mantine/core';\nimport { getGroupedOptions } from '@mantine/utils';\nimport { useDidUpdate } from '@mantine/hooks';\nimport { DefaultAction, DefaultActionProps } from '../DefaultAction/DefaultAction';\nimport { ActionsList, ActionsListStylesNames } from '../ActionsList/ActionsList';\nimport type { SpotlightAction } from '../types';\nimport { filterActions } from './filter-actions/filter-actions';\nimport useStyles from './Spotlight.styles';\n\nfunction SpotlightScrollArea(props: ScrollAreaAutosizeProps) {\n  return <ScrollArea.Autosize mah=\"calc(100vh - 18rem)\" {...props} />;\n}\n\nexport type SpotlightStylesNames =\n  | Selectors<typeof useStyles>\n  | Exclude<ModalStylesNames, 'close' | 'header' | 'title'>\n  | ActionsListStylesNames;\n\nexport interface InnerSpotlightProps\n  extends Omit<\n      ModalProps,\n      'styles' | 'classNames' | 'title' | 'withCloseButton' | 'opened' | 'onClose'\n    >,\n    DefaultProps<SpotlightStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  variant?: string;\n\n  /** Search input placeholder */\n  searchPlaceholder?: string;\n\n  /** Search input icon */\n  searchIcon?: React.ReactNode;\n\n  /** Function used to determine how actions will be filtered based on user input */\n  filter?(query: string, actions: SpotlightAction[]): SpotlightAction[];\n\n  /** Message displayed when actions were not found */\n  nothingFoundMessage?: React.ReactNode;\n\n  /** Number of actions displayed at a time */\n  limit?: number;\n\n  /** Should spotlight be closed when action is triggered */\n  closeOnActionTrigger?: boolean;\n\n  /** Component that is used to render actions */\n  actionComponent?: React.FC<DefaultActionProps>;\n\n  /** Component that is used to wrap actions list */\n  actionsWrapperComponent?: React.FC<{ children: React.ReactNode }> | string;\n\n  /** Should user query be highlighted in actions title */\n  highlightQuery?: boolean;\n\n  /** The highlight color */\n  highlightColor?: MantineColor;\n\n  /** Props spread to search input */\n  searchInputProps?: TextInputProps;\n\n  /** Component used as scrollable container for actions list, defaults to ScrollArea.Autosize */\n  scrollAreaComponent?: React.FC<{ children: React.ReactNode }>;\n}\n\ninterface SpotlightProps extends InnerSpotlightProps {\n  actions: SpotlightAction[];\n  onClose(): void;\n  opened: boolean;\n  query: string;\n  onQueryChange(query: string): void;\n}\n\nconst defaultProps: Partial<SpotlightProps> = {\n  closeOnActionTrigger: true,\n  highlightQuery: false,\n  size: 600,\n  yOffset: 120,\n  filter: filterActions,\n  limit: 10,\n  actionComponent: DefaultAction,\n  scrollAreaComponent: SpotlightScrollArea,\n  actionsWrapperComponent: 'div',\n  zIndex: getDefaultZIndex('max'),\n  overlayProps: { opacity: 0.2, blur: 7 },\n};\n\nexport function Spotlight(props: SpotlightProps) {\n  const {\n    query,\n    onQueryChange,\n    actions,\n    onClose,\n    opened,\n    classNames,\n    styles,\n    closeOnActionTrigger,\n    highlightQuery,\n    highlightColor,\n    className,\n    searchPlaceholder,\n    searchIcon,\n    filter,\n    nothingFoundMessage,\n    limit,\n    actionComponent,\n    actionsWrapperComponent: ActionsWrapper,\n    scrollAreaComponent: ScrollAreaComponent,\n    searchInputProps,\n    variant,\n    target,\n    radius,\n    ...others\n  } = useComponentDefaultProps('Spotlight', defaultProps, props);\n\n  const [shouldReset, setShouldReset] = useState(false);\n  const [hovered, setHovered] = useState(-1);\n  const [IMEOpen, setIMEOpen] = useState(false);\n  const { classes, cx } = useStyles(null, { name: 'Spotlight', classNames, styles, variant });\n\n  const resetHovered = () => shouldReset && setHovered(-1);\n  const handleClose = () => {\n    resetHovered();\n    onClose();\n  };\n\n  const filteredActions = filter(query, actions).slice(0, limit);\n  const groupedWithLabels = getGroupedOptions(filteredActions).items;\n  const groupedActions = groupedWithLabels\n    .map((item) => (item.type === 'item' ? item.item : undefined))\n    .filter((item) => item);\n\n  useDidUpdate(() => {\n    if (groupedActions.length - 1 < hovered) {\n      setHovered(groupedActions.length - 1);\n    }\n  }, [groupedActions.length]);\n\n  useDidUpdate(() => {\n    let timeout = -1;\n    if (opened) {\n      timeout = window.setTimeout(() => setShouldReset(true), 300);\n      return () => {\n        window.clearTimeout(timeout);\n        setShouldReset(false);\n      };\n    }\n\n    return () => setShouldReset(false);\n  }, [opened]);\n\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (IMEOpen) {\n      return;\n    }\n\n    switch (event.key) {\n      case 'ArrowDown': {\n        event.preventDefault();\n        setHovered((current) => (current < groupedActions.length - 1 ? current + 1 : 0));\n        break;\n      }\n\n      case 'ArrowUp': {\n        event.preventDefault();\n        setHovered((current) => (current > 0 ? current - 1 : groupedActions.length - 1));\n        break;\n      }\n\n      case 'Enter': {\n        event.preventDefault();\n        const action = groupedActions[hovered];\n        action?.onTrigger?.(action);\n        if ((action?.closeOnTrigger ?? closeOnActionTrigger) && action?.onTrigger) {\n          handleClose();\n        }\n        break;\n      }\n\n      case 'Escape': {\n        event.preventDefault();\n        handleClose();\n      }\n    }\n  };\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onQueryChange(event.currentTarget.value);\n    if (hovered === -1) {\n      setHovered(0);\n    }\n  };\n\n  return (\n    <Modal\n      opened={opened}\n      onClose={handleClose}\n      padding={0}\n      radius={radius}\n      scrollAreaComponent={Modal.NativeScrollArea}\n      classNames={{\n        ...classNames,\n        content: cx(classes.content, classNames?.content),\n      }}\n      styles={styles}\n      withCloseButton={false}\n      {...others}\n    >\n      <TextInput\n        size=\"lg\"\n        {...searchInputProps}\n        value={query}\n        onChange={handleInputChange}\n        onKeyDown={handleInputKeyDown}\n        onCompositionStart={() => setIMEOpen(true)}\n        onCompositionEnd={() => setIMEOpen(false)}\n        classNames={{ input: classes.searchInput }}\n        placeholder={searchPlaceholder}\n        icon={searchIcon}\n        onMouseEnter={resetHovered}\n      />\n      <ActionsWrapper>\n        <ScrollAreaComponent>\n          <ActionsList\n            highlightQuery={highlightQuery}\n            highlightColor={highlightColor}\n            actions={groupedWithLabels}\n            actionComponent={actionComponent}\n            hovered={hovered}\n            query={query}\n            nothingFoundMessage={nothingFoundMessage}\n            onActionHover={() => setHovered(-1)}\n            onActionTrigger={(action) => {\n              action.onTrigger(action);\n              (action.closeOnTrigger ?? closeOnActionTrigger) && handleClose();\n            }}\n            styles={styles}\n            classNames={classNames}\n            radius={radius}\n            variant={variant}\n          />\n        </ScrollAreaComponent>\n      </ActionsWrapper>\n    </Modal>\n  );\n}\n\nSpotlight.displayName = '@mantine/spotlight/Spotlight';\n"],"names":[],"mappings":";;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,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;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAeF,SAAS,mBAAmB,CAAC,KAAK,EAAE;AACpC,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,QAAQ,EAAE,cAAc,CAAC;AACjF,IAAI,GAAG,EAAE,qBAAqB;AAC9B,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AACb,CAAC;AACD,MAAM,YAAY,GAAG;AACrB,EAAE,oBAAoB,EAAE,IAAI;AAC5B,EAAE,cAAc,EAAE,KAAK;AACvB,EAAE,IAAI,EAAE,GAAG;AACX,EAAE,OAAO,EAAE,GAAG;AACd,EAAE,MAAM,EAAE,aAAa;AACvB,EAAE,KAAK,EAAE,EAAE;AACX,EAAE,eAAe,EAAE,aAAa;AAChC,EAAE,mBAAmB,EAAE,mBAAmB;AAC1C,EAAE,uBAAuB,EAAE,KAAK;AAChC,EAAE,MAAM,EAAE,gBAAgB,CAAC,KAAK,CAAC;AACjC,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE;AACzC,CAAC,CAAC;AACK,SAAS,SAAS,CAAC,KAAK,EAAE;AACjC,EAAE,MAAM,EAAE,GAAG,wBAAwB,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE;AACzE,IAAI,KAAK;AACT,IAAI,aAAa;AACjB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,oBAAoB;AACxB,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,SAAS;AACb,IAAI,iBAAiB;AACrB,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,mBAAmB;AACvB,IAAI,KAAK;AACT,IAAI,eAAe;AACnB,IAAI,uBAAuB,EAAE,cAAc;AAC3C,IAAI,mBAAmB,EAAE,mBAAmB;AAC5C,IAAI,gBAAgB;AACpB,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,MAAM;AACV,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,OAAO;AACX,IAAI,eAAe;AACnB,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,sBAAsB;AAC1B,IAAI,gBAAgB;AACpB,IAAI,gBAAgB;AACpB,IAAI,WAAW;AACf,IAAI,mBAAmB;AACvB,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,qBAAqB;AACzB,IAAI,OAAO;AACX,IAAI,iBAAiB;AACrB,IAAI,yBAAyB;AAC7B,IAAI,qBAAqB;AACzB,IAAI,kBAAkB;AACtB,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AACxD,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7C,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAChD,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;AAC9F,EAAE,MAAM,YAAY,GAAG,MAAM,WAAW,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3D,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,YAAY,EAAE,CAAC;AACnB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG,CAAC;AACJ,EAAE,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AACjE,EAAE,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,eAAe,CAAC,CAAC,KAAK,CAAC;AACrE,EAAE,MAAM,cAAc,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;AAC3H,EAAE,YAAY,CAAC,MAAM;AACrB,IAAI,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,GAAG,OAAO,EAAE;AAC7C,MAAM,UAAU,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAC5C,KAAK;AACL,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;AAC9B,EAAE,YAAY,CAAC,MAAM;AACrB,IAAI,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC;AACrB,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,cAAc,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;AACnE,MAAM,OAAO,MAAM;AACnB,QAAQ,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AACrC,QAAQ,cAAc,CAAC,KAAK,CAAC,CAAC;AAC9B,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,MAAM,cAAc,CAAC,KAAK,CAAC,CAAC;AACvC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,EAAE,MAAM,kBAAkB,GAAG,CAAC,KAAK,KAAK;AACxC,IAAI,IAAI,GAAG,EAAE,EAAE,CAAC;AAChB,IAAI,IAAI,OAAO,EAAE;AACjB,MAAM,OAAO;AACb,KAAK;AACL,IAAI,QAAQ,KAAK,CAAC,GAAG;AACrB,MAAM,KAAK,WAAW,EAAE;AACxB,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,QAAQ,UAAU,CAAC,CAAC,OAAO,KAAK,OAAO,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AACvF,QAAQ,MAAM;AACd,OAAO;AACP,MAAM,KAAK,SAAS,EAAE;AACtB,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,QAAQ,UAAU,CAAC,CAAC,OAAO,KAAK,OAAO,GAAG,CAAC,GAAG,OAAO,GAAG,CAAC,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACvF,QAAQ,MAAM;AACd,OAAO;AACP,MAAM,KAAK,OAAO,EAAE;AACpB,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,QAAQ,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAC/C,QAAQ,CAAC,GAAG,GAAG,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,SAAS,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACvG,QAAQ,IAAI,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,cAAc,KAAK,IAAI,GAAG,EAAE,GAAG,oBAAoB,MAAM,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC,EAAE;AAC1J,UAAU,WAAW,EAAE,CAAC;AACxB,SAAS;AACT,QAAQ,MAAM;AACd,OAAO;AACP,MAAM,KAAK,QAAQ,EAAE;AACrB,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,QAAQ,WAAW,EAAE,CAAC;AACtB,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,iBAAiB,GAAG,CAAC,KAAK,KAAK;AACvC,IAAI,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC7C,IAAI,IAAI,OAAO,KAAK,CAAC,CAAC,EAAE;AACxB,MAAM,UAAU,CAAC,CAAC,CAAC,CAAC;AACpB,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,MAAM;AACV,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,MAAM;AACV,IAAI,mBAAmB,EAAE,KAAK,CAAC,gBAAgB;AAC/C,IAAI,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE;AAC9D,MAAM,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC;AACpF,KAAK,CAAC;AACN,IAAI,MAAM;AACV,IAAI,eAAe,EAAE,KAAK;AAC1B,GAAG,EAAE,MAAM,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,cAAc,CAAC;AAC1F,IAAI,IAAI,EAAE,IAAI;AACd,GAAG,EAAE,gBAAgB,CAAC,EAAE;AACxB,IAAI,KAAK,EAAE,KAAK;AAChB,IAAI,QAAQ,EAAE,iBAAiB;AAC/B,IAAI,SAAS,EAAE,kBAAkB;AACjC,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC;AAC9C,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC,KAAK,CAAC;AAC7C,IAAI,UAAU,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,EAAE;AAC9C,IAAI,WAAW,EAAE,iBAAiB;AAClC,IAAI,IAAI,EAAE,UAAU;AACpB,IAAI,YAAY,EAAE,YAAY;AAC9B,GAAG,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACjL,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,OAAO,EAAE,iBAAiB;AAC9B,IAAI,eAAe;AACnB,IAAI,OAAO;AACX,IAAI,KAAK;AACT,IAAI,mBAAmB;AACvB,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC,CAAC,CAAC,CAAC;AACvC,IAAI,eAAe,EAAE,CAAC,MAAM,KAAK;AACjC,MAAM,IAAI,GAAG,CAAC;AACd,MAAM,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;AAC/B,MAAM,CAAC,CAAC,GAAG,GAAG,MAAM,CAAC,cAAc,KAAK,IAAI,GAAG,GAAG,GAAG,oBAAoB,KAAK,WAAW,EAAE,CAAC;AAC5F,KAAK;AACL,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,OAAO;AACX,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACR,CAAC;AACD,SAAS,CAAC,WAAW,GAAG,8BAA8B;;;;"}
+{"version":3,"file":"Spotlight.js","sources":["../../src/Spotlight/Spotlight.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  DefaultProps,\n  Selectors,\n  TextInput,\n  getDefaultZIndex,\n  MantineColor,\n  TextInputProps,\n  Modal,\n  ModalProps,\n  ModalStylesNames,\n  useComponentDefaultProps,\n  ScrollArea,\n  ScrollAreaAutosizeProps,\n} from '@mantine/core';\nimport { getGroupedOptions } from '@mantine/utils';\nimport { useDidUpdate } from '@mantine/hooks';\nimport { DefaultAction, DefaultActionProps } from '../DefaultAction/DefaultAction';\nimport { ActionsList, ActionsListStylesNames } from '../ActionsList/ActionsList';\nimport type { SpotlightAction } from '../types';\nimport { filterActions } from './filter-actions/filter-actions';\nimport useStyles from './Spotlight.styles';\n\nfunction SpotlightScrollArea(props: ScrollAreaAutosizeProps) {\n  return <ScrollArea.Autosize mah=\"calc(100vh - 18rem)\" {...props} />;\n}\n\nexport type SpotlightStylesNames =\n  | Selectors<typeof useStyles>\n  | Exclude<ModalStylesNames, 'close' | 'header' | 'title'>\n  | ActionsListStylesNames;\n\nexport interface InnerSpotlightProps\n  extends Omit<\n      ModalProps,\n      'styles' | 'classNames' | 'title' | 'withCloseButton' | 'opened' | 'onClose'\n    >,\n    DefaultProps<SpotlightStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  variant?: string;\n\n  /** Search input placeholder */\n  searchPlaceholder?: string;\n\n  /** Search input icon */\n  searchIcon?: React.ReactNode;\n\n  /** Function used to determine how actions will be filtered based on user input */\n  filter?(query: string, actions: SpotlightAction[]): SpotlightAction[];\n\n  /** Message displayed when actions were not found */\n  nothingFoundMessage?: React.ReactNode;\n\n  /** Number of actions displayed at a time */\n  limit?: number;\n\n  /** Should spotlight be closed when action is triggered */\n  closeOnActionTrigger?: boolean;\n\n  /** Component that is used to render actions */\n  actionComponent?: React.FC<DefaultActionProps>;\n\n  /** Component that is used to wrap actions list */\n  actionsWrapperComponent?: React.FC<{ children: React.ReactNode }> | string;\n\n  /** Should user query be highlighted in actions title */\n  highlightQuery?: boolean;\n\n  /** The highlight color */\n  highlightColor?: MantineColor;\n\n  /** Props spread to search input */\n  searchInputProps?: TextInputProps;\n\n  /** Component used as scrollable container for actions list, defaults to ScrollArea.Autosize */\n  scrollAreaComponent?: React.FC<{ children: React.ReactNode }>;\n}\n\ninterface SpotlightProps extends InnerSpotlightProps {\n  actions: SpotlightAction[];\n  onClose(): void;\n  opened: boolean;\n  query: string;\n  onQueryChange(query: string): void;\n}\n\nconst defaultProps: Partial<SpotlightProps> = {\n  closeOnActionTrigger: true,\n  highlightQuery: false,\n  size: 600,\n  yOffset: 120,\n  filter: filterActions,\n  limit: 10,\n  actionComponent: DefaultAction,\n  scrollAreaComponent: SpotlightScrollArea,\n  actionsWrapperComponent: 'div',\n  zIndex: getDefaultZIndex('max'),\n  overlayProps: { opacity: 0.2, blur: 7 },\n};\n\nexport function Spotlight(props: SpotlightProps) {\n  const {\n    query,\n    onQueryChange,\n    actions,\n    onClose,\n    opened,\n    classNames,\n    styles,\n    closeOnActionTrigger,\n    highlightQuery,\n    highlightColor,\n    className,\n    searchPlaceholder,\n    searchIcon,\n    filter,\n    nothingFoundMessage,\n    limit,\n    actionComponent,\n    actionsWrapperComponent: ActionsWrapper,\n    scrollAreaComponent: ScrollAreaComponent,\n    searchInputProps,\n    variant,\n    target,\n    radius,\n    ...others\n  } = useComponentDefaultProps('Spotlight', defaultProps, props);\n\n  const [hovered, setHovered] = useState(-1);\n  const [IMEOpen, setIMEOpen] = useState(false);\n  const { classes, cx } = useStyles(null, { name: 'Spotlight', classNames, styles, variant });\n\n  const resetHovered = () => setHovered(-1);\n  const handleClose = () => {\n    resetHovered();\n    onClose();\n  };\n\n  const filteredActions = filter(query, actions).slice(0, limit);\n  const groupedWithLabels = getGroupedOptions(filteredActions).items;\n  const groupedActions = groupedWithLabels\n    .map((item) => (item.type === 'item' ? item.item : undefined))\n    .filter((item) => item);\n\n  useDidUpdate(() => {\n    if (groupedActions.length - 1 < hovered) {\n      setHovered(groupedActions.length - 1);\n    }\n  }, [groupedActions.length]);\n\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (IMEOpen) {\n      return;\n    }\n\n    switch (event.key) {\n      case 'ArrowDown': {\n        event.preventDefault();\n        setHovered((current) => (current < groupedActions.length - 1 ? current + 1 : 0));\n        break;\n      }\n\n      case 'ArrowUp': {\n        event.preventDefault();\n        setHovered((current) => (current > 0 ? current - 1 : groupedActions.length - 1));\n        break;\n      }\n\n      case 'Enter': {\n        event.preventDefault();\n        const action = groupedActions[hovered];\n        action?.onTrigger?.(action);\n        if ((action?.closeOnTrigger ?? closeOnActionTrigger) && action?.onTrigger) {\n          handleClose();\n        }\n        break;\n      }\n\n      case 'Escape': {\n        event.preventDefault();\n        handleClose();\n      }\n    }\n  };\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onQueryChange(event.currentTarget.value);\n    if (hovered === -1) {\n      setHovered(0);\n    }\n  };\n\n  return (\n    <Modal\n      opened={opened}\n      onClose={handleClose}\n      padding={0}\n      radius={radius}\n      scrollAreaComponent={Modal.NativeScrollArea}\n      classNames={{\n        ...classNames,\n        content: cx(classes.content, classNames?.content),\n      }}\n      styles={styles}\n      withCloseButton={false}\n      {...others}\n    >\n      <TextInput\n        size=\"lg\"\n        {...searchInputProps}\n        value={query}\n        onChange={handleInputChange}\n        onKeyDown={handleInputKeyDown}\n        onCompositionStart={() => setIMEOpen(true)}\n        onCompositionEnd={() => setIMEOpen(false)}\n        classNames={{ input: classes.searchInput }}\n        placeholder={searchPlaceholder}\n        icon={searchIcon}\n        onMouseEnter={resetHovered}\n      />\n      <ActionsWrapper>\n        <ScrollAreaComponent>\n          <ActionsList\n            highlightQuery={highlightQuery}\n            highlightColor={highlightColor}\n            actions={groupedWithLabels}\n            actionComponent={actionComponent}\n            hovered={hovered}\n            query={query}\n            nothingFoundMessage={nothingFoundMessage}\n            onActionTrigger={(action) => {\n              action.onTrigger(action);\n              (action.closeOnTrigger ?? closeOnActionTrigger) && handleClose();\n            }}\n            styles={styles}\n            classNames={classNames}\n            radius={radius}\n            variant={variant}\n          />\n        </ScrollAreaComponent>\n      </ActionsWrapper>\n    </Modal>\n  );\n}\n\nSpotlight.displayName = '@mantine/spotlight/Spotlight';\n"],"names":[],"mappings":"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"}

package/esm/SpotlightProvider.js

@@ -47,7 +47,8 @@ function SpotlightProvider(_a) {
     cleanQueryOnClose = true,
     transitionDuration = 150,
     disabled = false,
-    tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"]
+    tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"],
+    triggerOnContentEditable = false
   } = _b, others = __objRest(_b, [
     "actions",
     "children",
@@ -60,7 +61,8 @@ function SpotlightProvider(_a) {
     "cleanQueryOnClose",
     "transitionDuration",
     "disabled",
-    "tagsToIgnore"
+    "tagsToIgnore",
+    "triggerOnContentEditable"
   ]);
   const timeoutRef = useRef(-1);
   const [_query, setQuery] = useUncontrolled({
@@ -102,7 +104,7 @@ function SpotlightProvider(_a) {
     actions: _actions,
     query: _query
   };
-  useSpotlightShortcuts(shortcut, open, tagsToIgnore);
+  useSpotlightShortcuts(shortcut, open, tagsToIgnore, triggerOnContentEditable);
   useSpotlightEvents({ open, close, toggle, registerActions, removeActions, triggerAction });
   return /* @__PURE__ */ React.createElement(SpotlightContext.Provider, {
     value: ctx

package/esm/SpotlightProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpotlightProvider.js","sources":["../src/SpotlightProvider.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useDisclosure, useUncontrolled } from '@mantine/hooks';\nimport { useSpotlightEvents } from './events';\nimport { SpotlightContext } from './Spotlight.context';\nimport { InnerSpotlightProps, Spotlight } from './Spotlight/Spotlight';\nimport type { SpotlightAction } from './types';\nimport { useActionsState } from './use-actions-state/use-actions-state';\nimport { useSpotlightShortcuts } from './use-spotlight-shortcuts/use-spotlight-shortcuts';\n\nexport interface SpotlightProviderProps extends InnerSpotlightProps {\n  /** Actions list */\n  actions: SpotlightAction[];\n\n  /** Called when actions change (registered or removed) */\n  onActionsChange?(actions: SpotlightAction[]): void;\n\n  /** Controlled search query */\n  query?: string;\n\n  /** Called when user enters text in search input */\n  onQueryChange?(query: string): void;\n\n  /** Your application */\n  children?: React.ReactNode;\n\n  /** Called when spotlight opens */\n  onSpotlightOpen?(): void;\n\n  /** Called when spotlight closes */\n  onSpotlightClose?(): void;\n\n  /** Keyboard shortcut or list of shortcuts to trigger spotlight */\n  shortcut?: string | string[] | null;\n\n  /** Should search be cleared when spotlight closes */\n  cleanQueryOnClose?: boolean;\n\n  /** Spotlight will not render if disabled is set to true */\n  disabled?: boolean;\n\n  /** Tags to ignore shortcut hotkeys on. */\n  tagsToIgnore?: string[];\n}\n\nexport function SpotlightProvider({\n  actions,\n  children,\n  shortcut = 'mod + K',\n  query,\n  onSpotlightClose,\n  onSpotlightOpen,\n  onQueryChange,\n  onActionsChange,\n  cleanQueryOnClose = true,\n  transitionDuration = 150,\n  disabled = false,\n  tagsToIgnore = ['INPUT', 'TEXTAREA', 'SELECT'],\n  ...others\n}: SpotlightProviderProps) {\n  const timeoutRef = useRef<number>(-1);\n\n  const [_query, setQuery] = useUncontrolled({\n    value: query,\n    defaultValue: '',\n    finalValue: '',\n    onChange: onQueryChange,\n  });\n\n  const [_actions, { registerActions, removeActions, triggerAction }] = useActionsState({\n    actions,\n    onActionsChange,\n  });\n\n  const handleQueryChange = (value: string) => {\n    setQuery(value);\n    onQueryChange?.(value);\n  };\n\n  const [opened, { open, close, toggle }] = useDisclosure(false, {\n    onClose: () => {\n      onSpotlightClose?.();\n      if (cleanQueryOnClose) {\n        timeoutRef.current = window.setTimeout(() => {\n          handleQueryChange('');\n        }, transitionDuration);\n      }\n    },\n    onOpen: () => {\n      onSpotlightOpen?.();\n      window.clearTimeout(timeoutRef.current);\n    },\n  });\n\n  const ctx = {\n    openSpotlight: open,\n    closeSpotlight: close,\n    toggleSpotlight: toggle,\n    registerActions,\n    removeActions,\n    triggerAction,\n    opened,\n    actions: _actions,\n    query: _query,\n  };\n\n  useSpotlightShortcuts(shortcut, open, tagsToIgnore);\n  useSpotlightEvents({ open, close, toggle, registerActions, removeActions, triggerAction });\n\n  return (\n    <SpotlightContext.Provider value={ctx}>\n      {!disabled && (\n        <Spotlight\n          actions={_actions}\n          onClose={close}\n          opened={opened}\n          query={_query}\n          onQueryChange={handleQueryChange}\n          transitionDuration={transitionDuration}\n          {...others}\n        />\n      )}\n      {children}\n    </SpotlightContext.Provider>\n  );\n}\n\nSpotlightProvider.displayName = '@mantine/spotlight/SpotlightProvider';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SpotlightProvider.js","sources":["../src/SpotlightProvider.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useDisclosure, useUncontrolled } from '@mantine/hooks';\nimport { useSpotlightEvents } from './events';\nimport { SpotlightContext } from './Spotlight.context';\nimport { InnerSpotlightProps, Spotlight } from './Spotlight/Spotlight';\nimport type { SpotlightAction } from './types';\nimport { useActionsState } from './use-actions-state/use-actions-state';\nimport { useSpotlightShortcuts } from './use-spotlight-shortcuts/use-spotlight-shortcuts';\n\nexport interface SpotlightProviderProps extends InnerSpotlightProps {\n  /** Actions list */\n  actions: SpotlightAction[];\n\n  /** Called when actions change (registered or removed) */\n  onActionsChange?(actions: SpotlightAction[]): void;\n\n  /** Controlled search query */\n  query?: string;\n\n  /** Called when user enters text in search input */\n  onQueryChange?(query: string): void;\n\n  /** Your application */\n  children?: React.ReactNode;\n\n  /** Called when spotlight opens */\n  onSpotlightOpen?(): void;\n\n  /** Called when spotlight closes */\n  onSpotlightClose?(): void;\n\n  /** Keyboard shortcut or list of shortcuts to trigger spotlight */\n  shortcut?: string | string[] | null;\n\n  /** Should search be cleared when spotlight closes */\n  cleanQueryOnClose?: boolean;\n\n  /** Spotlight will not render if disabled is set to true */\n  disabled?: boolean;\n\n  /** Tags to ignore shortcut hotkeys on. */\n  tagsToIgnore?: string[];\n\n  /** Whether shortcuts should trigger based on contentEditable. */\n  triggerOnContentEditable?: boolean;\n}\n\nexport function SpotlightProvider({\n  actions,\n  children,\n  shortcut = 'mod + K',\n  query,\n  onSpotlightClose,\n  onSpotlightOpen,\n  onQueryChange,\n  onActionsChange,\n  cleanQueryOnClose = true,\n  transitionDuration = 150,\n  disabled = false,\n  tagsToIgnore = ['INPUT', 'TEXTAREA', 'SELECT'],\n  triggerOnContentEditable = false,\n  ...others\n}: SpotlightProviderProps) {\n  const timeoutRef = useRef<number>(-1);\n\n  const [_query, setQuery] = useUncontrolled({\n    value: query,\n    defaultValue: '',\n    finalValue: '',\n    onChange: onQueryChange,\n  });\n\n  const [_actions, { registerActions, removeActions, triggerAction }] = useActionsState({\n    actions,\n    onActionsChange,\n  });\n\n  const handleQueryChange = (value: string) => {\n    setQuery(value);\n    onQueryChange?.(value);\n  };\n\n  const [opened, { open, close, toggle }] = useDisclosure(false, {\n    onClose: () => {\n      onSpotlightClose?.();\n      if (cleanQueryOnClose) {\n        timeoutRef.current = window.setTimeout(() => {\n          handleQueryChange('');\n        }, transitionDuration);\n      }\n    },\n    onOpen: () => {\n      onSpotlightOpen?.();\n      window.clearTimeout(timeoutRef.current);\n    },\n  });\n\n  const ctx = {\n    openSpotlight: open,\n    closeSpotlight: close,\n    toggleSpotlight: toggle,\n    registerActions,\n    removeActions,\n    triggerAction,\n    opened,\n    actions: _actions,\n    query: _query,\n  };\n\n  useSpotlightShortcuts(shortcut, open, tagsToIgnore, triggerOnContentEditable);\n  useSpotlightEvents({ open, close, toggle, registerActions, removeActions, triggerAction });\n\n  return (\n    <SpotlightContext.Provider value={ctx}>\n      {!disabled && (\n        <Spotlight\n          actions={_actions}\n          onClose={close}\n          opened={opened}\n          query={_query}\n          onQueryChange={handleQueryChange}\n          transitionDuration={transitionDuration}\n          {...others}\n        />\n      )}\n      {children}\n    </SpotlightContext.Provider>\n  );\n}\n\nSpotlightProvider.displayName = '@mantine/spotlight/SpotlightProvider';\n"],"names":[],"mappings":"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"}

package/esm/use-spotlight-shortcuts/use-spotlight-shortcuts.js

@@ -9,8 +9,8 @@ function getHotkeysPayload(shortcuts, onToggle) {
   }
   return [[shortcuts, onToggle]];
 }
-function useSpotlightShortcuts(shortcuts, onToggle, tagsToIgnore) {
-  useHotkeys(getHotkeysPayload(shortcuts, onToggle), tagsToIgnore);
+function useSpotlightShortcuts(shortcuts, onToggle, tagsToIgnore, triggerOnContentEditable) {
+  useHotkeys(getHotkeysPayload(shortcuts, onToggle), tagsToIgnore, triggerOnContentEditable);
 }
 
 export { getHotkeysPayload, useSpotlightShortcuts };

package/esm/use-spotlight-shortcuts/use-spotlight-shortcuts.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-spotlight-shortcuts.js","sources":["../../src/use-spotlight-shortcuts/use-spotlight-shortcuts.ts"],"sourcesContent":["import { HotkeyItem, useHotkeys } from '@mantine/hooks';\n\nexport function getHotkeysPayload(\n  shortcuts: string | string[],\n  onToggle: () => void\n): HotkeyItem[] {\n  if (shortcuts === null) {\n    return [];\n  }\n\n  if (Array.isArray(shortcuts)) {\n    return shortcuts.map((shortcut) => [shortcut, onToggle]);\n  }\n\n  return [[shortcuts, onToggle]];\n}\n\nexport function useSpotlightShortcuts(\n  shortcuts: string | string[],\n  onToggle: () => void,\n  tagsToIgnore?: string[]\n) {\n  useHotkeys(getHotkeysPayload(shortcuts, onToggle), tagsToIgnore);\n}\n"],"names":[],"mappings":";;AACO,SAAS,iBAAiB,CAAC,SAAS,EAAE,QAAQ,EAAE;AACvD,EAAE,IAAI,SAAS,KAAK,IAAI,EAAE;AAC1B,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC7D,GAAG;AACH,EAAE,OAAO,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;AACjC,CAAC;AACM,SAAS,qBAAqB,CAAC,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE;AACzE,EAAE,UAAU,CAAC,iBAAiB,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC;AACnE;;;;"}
+{"version":3,"file":"use-spotlight-shortcuts.js","sources":["../../src/use-spotlight-shortcuts/use-spotlight-shortcuts.ts"],"sourcesContent":["import { HotkeyItem, useHotkeys } from '@mantine/hooks';\n\nexport function getHotkeysPayload(\n  shortcuts: string | string[],\n  onToggle: () => void\n): HotkeyItem[] {\n  if (shortcuts === null) {\n    return [];\n  }\n\n  if (Array.isArray(shortcuts)) {\n    return shortcuts.map((shortcut) => [shortcut, onToggle]);\n  }\n\n  return [[shortcuts, onToggle]];\n}\n\nexport function useSpotlightShortcuts(\n  shortcuts: string | string[],\n  onToggle: () => void,\n  tagsToIgnore?: string[],\n  triggerOnContentEditable?: boolean\n) {\n  useHotkeys(getHotkeysPayload(shortcuts, onToggle), tagsToIgnore, triggerOnContentEditable);\n}\n"],"names":[],"mappings":";;AACO,SAAS,iBAAiB,CAAC,SAAS,EAAE,QAAQ,EAAE;AACvD,EAAE,IAAI,SAAS,KAAK,IAAI,EAAE;AAC1B,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC7D,GAAG;AACH,EAAE,OAAO,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;AACjC,CAAC;AACM,SAAS,qBAAqB,CAAC,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,wBAAwB,EAAE;AACnG,EAAE,UAAU,CAAC,iBAAiB,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,YAAY,EAAE,wBAAwB,CAAC,CAAC;AAC7F;;;;"}

package/lib/ActionsList/ActionsList.d.ts

@@ -13,20 +13,19 @@ type GetGroupOptionsLabel = {
     type: 'label';
     label: string;
 };
-export interface ActionsListProps extends DefaultProps<ActionsListStylesNames> {
+export interface ActionsListProps extends DefaultProps<ActionsListStylesNames>, React.ComponentPropsWithoutRef<'div'> {
     actions: (GetGroupOptionsItem<SpotlightAction[]> | GetGroupOptionsLabel)[];
     actionComponent?: React.FC<DefaultActionProps>;
     hovered: number;
     query: string;
     nothingFoundMessage?: React.ReactNode;
-    onActionHover(): void;
     onActionTrigger(action: SpotlightAction): void;
     highlightQuery: boolean;
     highlightColor: MantineColor;
     radius: MantineNumberSize;
     variant: string;
 }
-export declare function ActionsList({ actions, styles, classNames, actionComponent: Action, hovered, onActionHover, onActionTrigger, query, nothingFoundMessage, highlightQuery, highlightColor, radius, variant, }: ActionsListProps): JSX.Element;
+export declare function ActionsList({ actions, styles, classNames, actionComponent: Action, hovered, onActionTrigger, query, nothingFoundMessage, highlightQuery, highlightColor, radius, variant, ...others }: ActionsListProps): JSX.Element;
 export declare namespace ActionsList {
     var displayName: string;
 }

package/lib/ActionsList/ActionsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsList.d.ts","sourceRoot":"","sources":["../../src/ActionsList/ActionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAQ,iBAAiB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACnG,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,MAAM,MAAM,sBAAsB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,GAAG,wBAAwB,CAAC;AAC5F,KAAK,mBAAmB,CAAC,CAAC,SAAS,GAAG,EAAE,IAAI;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7F,KAAK,oBAAoB,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7D,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,sBAAsB,CAAC;IAC5E,OAAO,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,CAAC,GAAG,oBAAoB,CAAC,EAAE,CAAC;IAC3E,eAAe,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,aAAa,IAAI,IAAI,CAAC;IACtB,eAAe,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/C,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,YAAY,CAAC;IAC7B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,UAAU,EACV,eAAe,EAAE,MAAM,EACvB,OAAO,EACP,aAAa,EACb,eAAe,EACf,KAAK,EACL,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,MAAM,EACN,OAAO,GACR,EAAE,gBAAgB,eA+ClB;yBA7De,WAAW"}
+{"version":3,"file":"ActionsList.d.ts","sourceRoot":"","sources":["../../src/ActionsList/ActionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAQ,iBAAiB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACnG,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,MAAM,MAAM,sBAAsB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,GAAG,wBAAwB,CAAC;AAC5F,KAAK,mBAAmB,CAAC,CAAC,SAAS,GAAG,EAAE,IAAI;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7F,KAAK,oBAAoB,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7D,MAAM,WAAW,gBACf,SAAQ,YAAY,CAAC,sBAAsB,CAAC,EAC1C,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvC,OAAO,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,CAAC,GAAG,oBAAoB,CAAC,EAAE,CAAC;IAC3E,eAAe,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,eAAe,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/C,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,YAAY,CAAC;IAC7B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,UAAU,EACV,eAAe,EAAE,MAAM,EACvB,OAAO,EACP,eAAe,EACf,KAAK,EACL,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,MAAM,EACN,OAAO,EACP,GAAG,MAAM,EACV,EAAE,gBAAgB,eA8ClB;yBA5De,WAAW"}

package/lib/DefaultAction/DefaultAction.d.ts

@@ -12,7 +12,7 @@ export interface DefaultActionProps extends DefaultProps<DefaultActionStylesName
     query: string;
     radius: MantineNumberSize;
 }
-export declare function DefaultAction({ action, styles, classNames, hovered, onTrigger, highlightQuery, highlightColor, query, radius, onMouseEnter, ...others }: DefaultActionProps): JSX.Element;
+export declare function DefaultAction({ action, styles, classNames, hovered, onTrigger, highlightQuery, highlightColor, query, radius, ...others }: DefaultActionProps): JSX.Element;
 export declare namespace DefaultAction {
     var displayName: string;
 }

package/lib/DefaultAction/DefaultAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultAction.d.ts","sourceRoot":"","sources":["../../src/DefaultAction/DefaultAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,YAAY,EACZ,SAAS,EAMT,iBAAiB,EACjB,YAAY,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,MAAM,MAAM,wBAAwB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,wBAAwB,CAAC,EAC5C,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IAC1C,MAAM,EAAE,eAAe,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,IAAI,IAAI,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,YAAY,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,EACT,cAAc,EACd,cAAc,EACd,KAAK,EACL,MAAM,EACN,YAAY,EACZ,GAAG,MAAM,EACV,EAAE,kBAAkB,eA4CpB;yBAxDe,aAAa"}
+{"version":3,"file":"DefaultAction.d.ts","sourceRoot":"","sources":["../../src/DefaultAction/DefaultAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,YAAY,EACZ,SAAS,EAMT,iBAAiB,EACjB,YAAY,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,MAAM,MAAM,wBAAwB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,wBAAwB,CAAC,EAC5C,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IAC1C,MAAM,EAAE,eAAe,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,IAAI,IAAI,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,YAAY,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,EACT,cAAc,EACd,cAAc,EACd,KAAK,EACL,MAAM,EACN,GAAG,MAAM,EACV,EAAE,kBAAkB,eAqCpB;yBAhDe,aAAa"}

package/lib/DefaultAction/DefaultAction.styles.d.ts

@@ -5,6 +5,7 @@ export interface DefaultActionStylesParams {
 declare const _default: (params: DefaultActionStylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
     classes: {
         action: string;
+        actionDescription: string;
         actionIcon: string;
         actionBody: string;
     };

package/lib/DefaultAction/DefaultAction.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultAction.styles.d.ts","sourceRoot":"","sources":["../../src/DefaultAction/DefaultAction.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAO,MAAM,eAAe,CAAC;AAErE,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,iBAAiB,CAAC;CAC3B;;;;;;;;;;AAED,wBAqBI"}
+{"version":3,"file":"DefaultAction.styles.d.ts","sourceRoot":"","sources":["../../src/DefaultAction/DefaultAction.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAO,MAAM,eAAe,CAAC;AAErE,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,iBAAiB,CAAC;CAC3B;;;;;;;;;;;AAED,wBAuCI"}

package/lib/Spotlight/Spotlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spotlight.d.ts","sourceRoot":"","sources":["../../src/Spotlight/Spotlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,YAAY,EACZ,SAAS,EAGT,YAAY,EACZ,cAAc,EAEd,UAAU,EACV,gBAAgB,EAIjB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAiB,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAe,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAM3C,MAAM,MAAM,oBAAoB,GAC5B,SAAS,CAAC,OAAO,SAAS,CAAC,GAC3B,OAAO,CAAC,gBAAgB,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,GACvD,sBAAsB,CAAC;AAE3B,MAAM,WAAW,mBACf,SAAQ,IAAI,CACR,UAAU,EACV,QAAQ,GAAG,YAAY,GAAG,OAAO,GAAG,iBAAiB,GAAG,QAAQ,GAAG,SAAS,CAC7E,EACD,YAAY,CAAC,oBAAoB,CAAC,EAClC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,wBAAwB;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,kFAAkF;IAClF,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAC;IAEtE,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0DAA0D;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,+CAA+C;IAC/C,eAAe,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAE/C,kDAAkD;IAClD,uBAAuB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,GAAG,MAAM,CAAC;IAE3E,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,0BAA0B;IAC1B,cAAc,CAAC,EAAE,YAAY,CAAC;IAE9B,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAElC,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CAC/D;AAED,UAAU,cAAe,SAAQ,mBAAmB;IAClD,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,OAAO,IAAI,IAAI,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAgBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eA8J9C;yBA9Je,SAAS"}
+{"version":3,"file":"Spotlight.d.ts","sourceRoot":"","sources":["../../src/Spotlight/Spotlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,YAAY,EACZ,SAAS,EAGT,YAAY,EACZ,cAAc,EAEd,UAAU,EACV,gBAAgB,EAIjB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAiB,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAe,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAM3C,MAAM,MAAM,oBAAoB,GAC5B,SAAS,CAAC,OAAO,SAAS,CAAC,GAC3B,OAAO,CAAC,gBAAgB,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,GACvD,sBAAsB,CAAC;AAE3B,MAAM,WAAW,mBACf,SAAQ,IAAI,CACR,UAAU,EACV,QAAQ,GAAG,YAAY,GAAG,OAAO,GAAG,iBAAiB,GAAG,QAAQ,GAAG,SAAS,CAC7E,EACD,YAAY,CAAC,oBAAoB,CAAC,EAClC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,wBAAwB;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,kFAAkF;IAClF,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAC;IAEtE,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0DAA0D;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,+CAA+C;IAC/C,eAAe,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAE/C,kDAAkD;IAClD,uBAAuB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,GAAG,MAAM,CAAC;IAE3E,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,0BAA0B;IAC1B,cAAc,CAAC,EAAE,YAAY,CAAC;IAE9B,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAElC,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CAC/D;AAED,UAAU,cAAe,SAAQ,mBAAmB;IAClD,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,OAAO,IAAI,IAAI,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAgBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eA+I9C;yBA/Ie,SAAS"}

package/lib/SpotlightProvider.d.ts

@@ -24,8 +24,10 @@ export interface SpotlightProviderProps extends InnerSpotlightProps {
     disabled?: boolean;
     /** Tags to ignore shortcut hotkeys on. */
     tagsToIgnore?: string[];
+    /** Whether shortcuts should trigger based on contentEditable. */
+    triggerOnContentEditable?: boolean;
 }
-export declare function SpotlightProvider({ actions, children, shortcut, query, onSpotlightClose, onSpotlightOpen, onQueryChange, onActionsChange, cleanQueryOnClose, transitionDuration, disabled, tagsToIgnore, ...others }: SpotlightProviderProps): JSX.Element;
+export declare function SpotlightProvider({ actions, children, shortcut, query, onSpotlightClose, onSpotlightOpen, onQueryChange, onActionsChange, cleanQueryOnClose, transitionDuration, disabled, tagsToIgnore, triggerOnContentEditable, ...others }: SpotlightProviderProps): JSX.Element;
 export declare namespace SpotlightProvider {
     var displayName: string;
 }

package/lib/SpotlightProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpotlightProvider.d.ts","sourceRoot":"","sources":["../src/SpotlightProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,OAAO,EAAE,mBAAmB,EAAa,MAAM,uBAAuB,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI/C,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,mBAAmB;IACnB,OAAO,EAAE,eAAe,EAAE,CAAC;IAE3B,yDAAyD;IACzD,eAAe,CAAC,CAAC,OAAO,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IAEnD,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mDAAmD;IACnD,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpC,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,kCAAkC;IAClC,eAAe,CAAC,IAAI,IAAI,CAAC;IAEzB,mCAAmC;IACnC,gBAAgB,CAAC,IAAI,IAAI,CAAC;IAE1B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAEpC,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,QAAQ,EACR,QAAoB,EACpB,KAAK,EACL,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,eAAe,EACf,iBAAwB,EACxB,kBAAwB,EACxB,QAAgB,EAChB,YAA8C,EAC9C,GAAG,MAAM,EACV,EAAE,sBAAsB,eAkExB;yBAhFe,iBAAiB"}
+{"version":3,"file":"SpotlightProvider.d.ts","sourceRoot":"","sources":["../src/SpotlightProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,OAAO,EAAE,mBAAmB,EAAa,MAAM,uBAAuB,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI/C,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,mBAAmB;IACnB,OAAO,EAAE,eAAe,EAAE,CAAC;IAE3B,yDAAyD;IACzD,eAAe,CAAC,CAAC,OAAO,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IAEnD,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mDAAmD;IACnD,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpC,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,kCAAkC;IAClC,eAAe,CAAC,IAAI,IAAI,CAAC;IAEzB,mCAAmC;IACnC,gBAAgB,CAAC,IAAI,IAAI,CAAC;IAE1B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAEpC,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB,iEAAiE;IACjE,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,QAAQ,EACR,QAAoB,EACpB,KAAK,EACL,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,eAAe,EACf,iBAAwB,EACxB,kBAAwB,EACxB,QAAgB,EAChB,YAA8C,EAC9C,wBAAgC,EAChC,GAAG,MAAM,EACV,EAAE,sBAAsB,eAkExB;yBAjFe,iBAAiB"}

package/lib/use-spotlight-shortcuts/use-spotlight-shortcuts.d.ts

@@ -1,4 +1,4 @@
 import { HotkeyItem } from '@mantine/hooks';
 export declare function getHotkeysPayload(shortcuts: string | string[], onToggle: () => void): HotkeyItem[];
-export declare function useSpotlightShortcuts(shortcuts: string | string[], onToggle: () => void, tagsToIgnore?: string[]): void;
+export declare function useSpotlightShortcuts(shortcuts: string | string[], onToggle: () => void, tagsToIgnore?: string[], triggerOnContentEditable?: boolean): void;
 //# sourceMappingURL=use-spotlight-shortcuts.d.ts.map

package/lib/use-spotlight-shortcuts/use-spotlight-shortcuts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-spotlight-shortcuts.d.ts","sourceRoot":"","sources":["../../src/use-spotlight-shortcuts/use-spotlight-shortcuts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAc,MAAM,gBAAgB,CAAC;AAExD,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,EAC5B,QAAQ,EAAE,MAAM,IAAI,GACnB,UAAU,EAAE,CAUd;AAED,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,EAC5B,QAAQ,EAAE,MAAM,IAAI,EACpB,YAAY,CAAC,EAAE,MAAM,EAAE,QAGxB"}
+{"version":3,"file":"use-spotlight-shortcuts.d.ts","sourceRoot":"","sources":["../../src/use-spotlight-shortcuts/use-spotlight-shortcuts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAc,MAAM,gBAAgB,CAAC;AAExD,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,EAC5B,QAAQ,EAAE,MAAM,IAAI,GACnB,UAAU,EAAE,CAUd;AAED,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,EAC5B,QAAQ,EAAE,MAAM,IAAI,EACpB,YAAY,CAAC,EAAE,MAAM,EAAE,EACvB,wBAAwB,CAAC,EAAE,OAAO,QAGnC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mantine/spotlight",
   "description": "Command center for your application",
-  "version": "6.0.0-alpha.3",
+  "version": "6.0.0-alpha.4",
   "main": "cjs/index.js",
   "module": "esm/index.js",
   "types": "lib/index.d.ts",
@@ -15,13 +15,13 @@
     "directory": "src/mantine-spotlight"
   },
   "peerDependencies": {
-    "@mantine/core": "6.0.0-alpha.3",
-    "@mantine/hooks": "6.0.0-alpha.3",
+    "@mantine/core": "6.0.0-alpha.4",
+    "@mantine/hooks": "6.0.0-alpha.4",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@mantine/utils": "6.0.0-alpha.3"
+    "@mantine/utils": "6.0.0-alpha.4"
   },
   "devDependencies": {}
 }