@mantine/spotlight 3.7.0-alpha.0

package/esm/Spotlight/Spotlight.js

@@ -0,0 +1,213 @@
+import React, { useState } from 'react';
+import { getDefaultZIndex, OptionalPortal, GroupedTransition, Paper, TextInput, Overlay } from '@mantine/core';
+import { useScrollLock, useFocusTrap, useFocusReturn, useDidUpdate } from '@mantine/hooks';
+import { DefaultAction } from '../DefaultAction/DefaultAction.js';
+import { ActionsList } from '../ActionsList/ActionsList.js';
+import { filterActions } from './filter-actions/filter-actions.js';
+import useStyles from './Spotlight.styles.js';
+
+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 Spotlight(_a) {
+  var _b = _a, {
+    query,
+    onQueryChange,
+    actions,
+    onClose,
+    opened,
+    withinPortal,
+    transition = "pop",
+    transitionDuration,
+    classNames,
+    styles,
+    overlayColor = "#000",
+    overlayOpacity = 0.25,
+    overlayBlur = 3,
+    shadow = "md",
+    centered = false,
+    closeOnActionTrigger = true,
+    highlightQuery = false,
+    maxWidth = 600,
+    topOffset = 120,
+    className,
+    searchPlaceholder,
+    searchIcon,
+    filter = filterActions,
+    nothingFoundMessage,
+    limit = 10,
+    actionComponent = DefaultAction,
+    actionsWrapperComponent: ActionsWrapper = "div",
+    zIndex = getDefaultZIndex("modal")
+  } = _b, others = __objRest(_b, [
+    "query",
+    "onQueryChange",
+    "actions",
+    "onClose",
+    "opened",
+    "withinPortal",
+    "transition",
+    "transitionDuration",
+    "classNames",
+    "styles",
+    "overlayColor",
+    "overlayOpacity",
+    "overlayBlur",
+    "shadow",
+    "centered",
+    "closeOnActionTrigger",
+    "highlightQuery",
+    "maxWidth",
+    "topOffset",
+    "className",
+    "searchPlaceholder",
+    "searchIcon",
+    "filter",
+    "nothingFoundMessage",
+    "limit",
+    "actionComponent",
+    "actionsWrapperComponent",
+    "zIndex"
+  ]);
+  const [hovered, setHovered] = useState(-1);
+  const { classes, cx } = useStyles({ centered, maxWidth, topOffset }, { classNames, styles, name: "Spotlight" });
+  const [, lockScroll] = useScrollLock();
+  const focusTrapRef = useFocusTrap(opened);
+  const resetHovered = () => setHovered(-1);
+  const handleClose = () => {
+    resetHovered();
+    onClose();
+  };
+  useFocusReturn({ transitionDuration: 0, opened });
+  const filteredActions = filter(query, actions).slice(0, limit);
+  useDidUpdate(() => {
+    if (filteredActions.length - 1 < hovered) {
+      setHovered(filteredActions.length - 1);
+    }
+  }, [filteredActions.length]);
+  const handleInputKeyDown = (event) => {
+    var _a2;
+    switch (event.code) {
+      case "ArrowDown": {
+        event.preventDefault();
+        setHovered((current) => current < filteredActions.length - 1 ? current + 1 : 0);
+        break;
+      }
+      case "ArrowUp": {
+        event.preventDefault();
+        setHovered((current) => current > 0 ? current - 1 : filteredActions.length - 1);
+        break;
+      }
+      case "Enter": {
+        event.preventDefault();
+        const action = filteredActions[hovered];
+        (_a2 = action == null ? void 0 : action.onTrigger) == null ? void 0 : _a2.call(action, action);
+        if (closeOnActionTrigger && (action == null ? void 0 : action.onTrigger)) {
+          handleClose();
+        }
+        break;
+      }
+      case "Escape": {
+        event.preventDefault();
+        handleClose();
+      }
+    }
+  };
+  const handleInputChange = (event) => {
+    onQueryChange(event.currentTarget.value);
+    if (hovered === -1) {
+      setHovered(0);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(OptionalPortal, {
+    withinPortal,
+    zIndex
+  }, /* @__PURE__ */ React.createElement(GroupedTransition, {
+    onExited: () => lockScroll(false),
+    onEntered: () => lockScroll(true),
+    mounted: opened,
+    transitions: {
+      spotlight: {
+        duration: transitionDuration,
+        transition,
+        timingFunction: "ease"
+      },
+      overlay: {
+        duration: transitionDuration / 2,
+        transition: "fade",
+        timingFunction: "ease"
+      }
+    }
+  }, (transitionStyles) => /* @__PURE__ */ React.createElement("div", __spreadValues({
+    className: cx(classes.root, className)
+  }, others), /* @__PURE__ */ React.createElement("div", {
+    className: classes.inner,
+    ref: focusTrapRef
+  }, /* @__PURE__ */ React.createElement(Paper, {
+    style: transitionStyles.spotlight,
+    className: classes.spotlight,
+    shadow,
+    onMouseLeave: resetHovered
+  }, /* @__PURE__ */ React.createElement(TextInput, {
+    value: query,
+    onChange: handleInputChange,
+    onKeyDown: handleInputKeyDown,
+    classNames: { input: classes.searchInput },
+    size: "lg",
+    placeholder: searchPlaceholder,
+    icon: searchIcon,
+    onMouseEnter: resetHovered
+  }), /* @__PURE__ */ React.createElement(ActionsWrapper, null, /* @__PURE__ */ React.createElement(ActionsList, {
+    highlightQuery,
+    actions: filteredActions,
+    actionComponent,
+    hovered,
+    query,
+    nothingFoundMessage,
+    onActionHover: setHovered,
+    onActionTrigger: (action) => {
+      action.onTrigger(action);
+      closeOnActionTrigger && handleClose();
+    },
+    styles,
+    classNames
+  }))), /* @__PURE__ */ React.createElement("div", {
+    style: transitionStyles.overlay
+  }, /* @__PURE__ */ React.createElement(Overlay, {
+    className: classes.overlay,
+    zIndex: 1,
+    onMouseDown: handleClose,
+    color: overlayColor,
+    opacity: overlayOpacity,
+    blur: overlayBlur
+  }))))));
+}
+Spotlight.displayName = "@mantine/spotlight/Spotlight";
+
+export { Spotlight };
+//# sourceMappingURL=Spotlight.js.map

package/esm/Spotlight/Spotlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spotlight.js","sources":["../../src/Spotlight/Spotlight.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  OptionalPortal,\n  GroupedTransition,\n  MantineTransition,\n  Overlay,\n  Paper,\n  DefaultProps,\n  ClassNames,\n  MantineShadow,\n  TextInput,\n  getDefaultZIndex,\n} from '@mantine/core';\nimport { useScrollLock, useFocusTrap, useDidUpdate, useFocusReturn } 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\nexport type SpotlightStylesNames = ClassNames<typeof useStyles> | ActionsListStylesNames;\n\nexport interface InnerSpotlightProps\n  extends DefaultProps<SpotlightStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Should spotlight be rendered within Portal */\n  withinPortal?: boolean;\n\n  /** Premade transition or transition object */\n  transition?: MantineTransition;\n\n  /** Transition duration in ms, set to 0 to disable all transitions */\n  transitionDuration?: number;\n\n  /** Backdrop overlay color, e.g. #000 */\n  overlayColor?: string;\n\n  /** Backdrop overlay opacity (0-1), e.g. 0.65 */\n  overlayOpacity?: number;\n\n  /** Backdrop overlay blur in px */\n  overlayBlur?: number;\n\n  /** Value from theme.shadows or any valid css box-shadow value */\n  shadow?: MantineShadow;\n\n  /** Should spotlight be rendered in the center of the screen */\n  centered?: boolean;\n\n  /** Max spotlight width */\n  maxWidth?: number;\n\n  /** Top offset when spotlight is not centered */\n  topOffset?: number;\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  /** Spotlight z-index */\n  zIndex?: number;\n\n  /** Should user query be highlighted in actions title */\n  highlightQuery?: boolean;\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\nexport function Spotlight({\n  query,\n  onQueryChange,\n  actions,\n  onClose,\n  opened,\n  withinPortal,\n  transition = 'pop',\n  transitionDuration,\n  classNames,\n  styles,\n  overlayColor = '#000',\n  overlayOpacity = 0.25,\n  overlayBlur = 3,\n  shadow = 'md',\n  centered = false,\n  closeOnActionTrigger = true,\n  highlightQuery = false,\n  maxWidth = 600,\n  topOffset = 120,\n  className,\n  searchPlaceholder,\n  searchIcon,\n  filter = filterActions,\n  nothingFoundMessage,\n  limit = 10,\n  actionComponent = DefaultAction,\n  actionsWrapperComponent: ActionsWrapper = 'div',\n  zIndex = getDefaultZIndex('modal'),\n  ...others\n}: SpotlightProps) {\n  const [hovered, setHovered] = useState(-1);\n  const { classes, cx } = useStyles(\n    { centered, maxWidth, topOffset },\n    { classNames, styles, name: 'Spotlight' }\n  );\n\n  const [, lockScroll] = useScrollLock();\n  const focusTrapRef = useFocusTrap(opened);\n\n  const resetHovered = () => setHovered(-1);\n  const handleClose = () => {\n    resetHovered();\n    onClose();\n  };\n\n  useFocusReturn({ transitionDuration: 0, opened });\n\n  const filteredActions = filter(query, actions).slice(0, limit);\n\n  useDidUpdate(() => {\n    if (filteredActions.length - 1 < hovered) {\n      setHovered(filteredActions.length - 1);\n    }\n  }, [filteredActions.length]);\n\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (event.code) {\n      case 'ArrowDown': {\n        event.preventDefault();\n        setHovered((current) => (current < filteredActions.length - 1 ? current + 1 : 0));\n        break;\n      }\n\n      case 'ArrowUp': {\n        event.preventDefault();\n        setHovered((current) => (current > 0 ? current - 1 : filteredActions.length - 1));\n        break;\n      }\n\n      case 'Enter': {\n        event.preventDefault();\n        const action = filteredActions[hovered];\n        action?.onTrigger?.(action);\n        if (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    <OptionalPortal withinPortal={withinPortal} zIndex={zIndex}>\n      <GroupedTransition\n        onExited={() => lockScroll(false)}\n        onEntered={() => lockScroll(true)}\n        mounted={opened}\n        transitions={{\n          spotlight: {\n            duration: transitionDuration,\n            transition,\n            timingFunction: 'ease',\n          },\n          overlay: {\n            duration: transitionDuration / 2,\n            transition: 'fade',\n            timingFunction: 'ease',\n          },\n        }}\n      >\n        {(transitionStyles) => (\n          <div className={cx(classes.root, className)} {...others}>\n            <div className={classes.inner} ref={focusTrapRef}>\n              <Paper\n                style={transitionStyles.spotlight}\n                className={classes.spotlight}\n                shadow={shadow}\n                onMouseLeave={resetHovered}\n              >\n                <TextInput\n                  value={query}\n                  onChange={handleInputChange}\n                  onKeyDown={handleInputKeyDown}\n                  classNames={{ input: classes.searchInput }}\n                  size=\"lg\"\n                  placeholder={searchPlaceholder}\n                  icon={searchIcon}\n                  onMouseEnter={resetHovered}\n                />\n                <ActionsWrapper>\n                  <ActionsList\n                    highlightQuery={highlightQuery}\n                    actions={filteredActions}\n                    actionComponent={actionComponent}\n                    hovered={hovered}\n                    query={query}\n                    nothingFoundMessage={nothingFoundMessage}\n                    onActionHover={setHovered}\n                    onActionTrigger={(action) => {\n                      action.onTrigger(action);\n                      closeOnActionTrigger && handleClose();\n                    }}\n                    styles={styles}\n                    classNames={classNames}\n                  />\n                </ActionsWrapper>\n              </Paper>\n\n              <div style={transitionStyles.overlay}>\n                <Overlay\n                  className={classes.overlay}\n                  zIndex={1}\n                  onMouseDown={handleClose}\n                  color={overlayColor}\n                  opacity={overlayOpacity}\n                  blur={overlayBlur}\n                />\n              </div>\n            </div>\n          </div>\n        )}\n      </GroupedTransition>\n    </OptionalPortal>\n  );\n}\n\nSpotlight.displayName = '@mantine/spotlight/Spotlight';\n"],"names":[],"mappings":"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"}

package/esm/Spotlight/Spotlight.styles.js

@@ -0,0 +1,55 @@
+import { createStyles } 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, { centered, maxWidth, topOffset }) => ({
+  root: __spreadProps(__spreadValues({}, theme.fn.cover()), {
+    position: "fixed"
+  }),
+  spotlight: {
+    position: "relative",
+    zIndex: 2,
+    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
+    borderRadius: theme.radius.sm,
+    width: "100%",
+    maxWidth,
+    overflow: "hidden"
+  },
+  overlay: __spreadProps(__spreadValues({}, theme.fn.cover()), {
+    position: "fixed"
+  }),
+  inner: {
+    height: "100vh",
+    display: "flex",
+    flexDirection: "column",
+    paddingTop: centered ? theme.spacing.md : topOffset,
+    justifyContent: centered ? "center" : "flex-start",
+    alignItems: "center"
+  },
+  searchInput: {
+    border: 0,
+    borderBottomRightRadius: 0,
+    borderBottomLeftRadius: 0,
+    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white
+  }
+}));
+
+export default useStyles;
+//# sourceMappingURL=Spotlight.styles.js.map

package/esm/Spotlight/Spotlight.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spotlight.styles.js","sources":["../../src/Spotlight/Spotlight.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport interface SpotlightStylesParams {\n  centered: boolean;\n  maxWidth: number;\n  topOffset: number;\n}\n\nexport default createStyles((theme, { centered, maxWidth, topOffset }: SpotlightStylesParams) => ({\n  root: {\n    ...theme.fn.cover(),\n    position: 'fixed',\n  },\n\n  spotlight: {\n    position: 'relative',\n    zIndex: 2,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n    borderRadius: theme.radius.sm,\n    width: '100%',\n    maxWidth,\n    overflow: 'hidden',\n  },\n\n  overlay: {\n    ...theme.fn.cover(),\n    position: 'fixed',\n  },\n\n  inner: {\n    height: '100vh',\n    display: 'flex',\n    flexDirection: 'column',\n    paddingTop: centered ? theme.spacing.md : topOffset,\n    justifyContent: centered ? 'center' : 'flex-start',\n    alignItems: 'center',\n  },\n\n  searchInput: {\n    border: 0,\n    borderBottomRightRadius: 0,\n    borderBottomLeftRadius: 0,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n  },\n}));\n"],"names":[],"mappings":"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"}

package/esm/Spotlight/filter-actions/filter-actions.js

@@ -0,0 +1,19 @@
+function getKeywords(keywords) {
+  if (Array.isArray(keywords)) {
+    return keywords.map((keyword) => keyword.trim()).join(",").toLowerCase().trim();
+  }
+  if (typeof keywords === "string") {
+    return keywords.toLowerCase().trim();
+  }
+  return "";
+}
+function filterActions(_query, actions) {
+  const query = _query.trim().toLowerCase();
+  return actions.filter((action) => {
+    var _a, _b;
+    return ((_a = action.title) == null ? void 0 : _a.toLowerCase().includes(query)) || ((_b = action.description) == null ? void 0 : _b.toLowerCase().includes(query)) || getKeywords(action.keywords).includes(query);
+  });
+}
+
+export { filterActions };
+//# sourceMappingURL=filter-actions.js.map

package/esm/Spotlight/filter-actions/filter-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-actions.js","sources":["../../../src/Spotlight/filter-actions/filter-actions.ts"],"sourcesContent":["import type { SpotlightAction } from '../../types';\n\nfunction getKeywords(keywords: string | string[]) {\n  if (Array.isArray(keywords)) {\n    return keywords\n      .map((keyword) => keyword.trim())\n      .join(',')\n      .toLowerCase()\n      .trim();\n  }\n\n  if (typeof keywords === 'string') {\n    return keywords.toLowerCase().trim();\n  }\n\n  return '';\n}\n\nexport function filterActions(_query: string, actions: SpotlightAction[]) {\n  const query = _query.trim().toLowerCase();\n  return actions.filter(\n    (action) =>\n      action.title?.toLowerCase().includes(query) ||\n      action.description?.toLowerCase().includes(query) ||\n      getKeywords(action.keywords).includes(query)\n  );\n}\n"],"names":[],"mappings":"AAAA,SAAS,WAAW,CAAC,QAAQ,EAAE;AAC/B,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;AAC/B,IAAI,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;AACpF,GAAG;AACH,EAAE,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AACpC,IAAI,OAAO,QAAQ,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;AACzC,GAAG;AACH,EAAE,OAAO,EAAE,CAAC;AACZ,CAAC;AACM,SAAS,aAAa,CAAC,MAAM,EAAE,OAAO,EAAE;AAC/C,EAAE,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;AAC5C,EAAE,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK;AACpC,IAAI,IAAI,EAAE,EAAE,EAAE,CAAC;AACf,IAAI,OAAO,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,WAAW,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACxN,GAAG,CAAC,CAAC;AACL;;;;"}

package/esm/Spotlight.context.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from 'react';
+
+const SpotlightContext = createContext(null);
+function useSpotlight() {
+  const ctx = useContext(SpotlightContext);
+  if (!ctx) {
+    throw new Error("[@mantine/spotlight] SpotlightProvider was not found in tree");
+  }
+  return ctx;
+}
+
+export { SpotlightContext, useSpotlight };
+//# sourceMappingURL=Spotlight.context.js.map

package/esm/Spotlight.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spotlight.context.js","sources":["../src/Spotlight.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { SpotlightAction } from './types';\n\nexport interface SpotlightContextProps {\n  /** Opens spotlight */\n  openSpotlight(): void;\n\n  /** Closes spotlight */\n  closeSpotlight(): void;\n\n  /** Toggles spotlight opened state */\n  toggleSpotlight(): void;\n\n  /** Triggers action with given id */\n  triggerAction(actionId: string): void;\n\n  /** Registers additional actions */\n  registerActions(action: SpotlightAction[]): void;\n\n  /** Removes actions with given ids */\n  removeActions(actionIds: string[]): void;\n\n  /** Current opened state */\n  opened: boolean;\n\n  /** List of registered actions */\n  actions: SpotlightAction[];\n\n  /** Search query */\n  query: string;\n}\n\nexport const SpotlightContext = createContext<SpotlightContextProps>(null);\n\nexport function useSpotlight() {\n  const ctx = useContext(SpotlightContext);\n\n  if (!ctx) {\n    throw new Error('[@mantine/spotlight] SpotlightProvider was not found in tree');\n  }\n\n  return ctx;\n}\n"],"names":[],"mappings":";;AACY,MAAC,gBAAgB,GAAG,aAAa,CAAC,IAAI,EAAE;AAC7C,SAAS,YAAY,GAAG;AAC/B,EAAE,MAAM,GAAG,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;AAC3C,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK,CAAC,8DAA8D,CAAC,CAAC;AACpF,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb;;;;"}

package/esm/SpotlightProvider.js

@@ -0,0 +1,102 @@
+import React, { useRef, useState } from 'react';
+import { useDisclosure } from '@mantine/hooks';
+import { useActionsState } from './use-actions-state/use-actions-state.js';
+import { useSpotlightShortcuts } from './use-spotlight-shortcuts/use-spotlight-shortcuts.js';
+import { Spotlight } from './Spotlight/Spotlight.js';
+import { SpotlightContext } from './Spotlight.context.js';
+
+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 SpotlightProvider(_a) {
+  var _b = _a, {
+    actions: initialActions,
+    children,
+    shortcut = "mod + K",
+    onSpotlightClose,
+    onSpotlightOpen,
+    onQueryChange,
+    cleanQueryOnClose = true,
+    transitionDuration = 150
+  } = _b, others = __objRest(_b, [
+    "actions",
+    "children",
+    "shortcut",
+    "onSpotlightClose",
+    "onSpotlightOpen",
+    "onQueryChange",
+    "cleanQueryOnClose",
+    "transitionDuration"
+  ]);
+  const timeoutRef = useRef(-1);
+  const [query, setQuery] = useState("");
+  const [actions, { registerActions, removeActions, triggerAction }] = useActionsState(initialActions, query);
+  const handleQueryChange = (value) => {
+    setQuery(value);
+    onQueryChange == null ? void 0 : onQueryChange(value);
+  };
+  const [opened, { open, close, toggle }] = useDisclosure(false, {
+    onClose: () => {
+      onSpotlightClose == null ? void 0 : onSpotlightClose();
+      if (cleanQueryOnClose) {
+        timeoutRef.current = window.setTimeout(() => {
+          handleQueryChange("");
+        }, transitionDuration);
+      }
+    },
+    onOpen: () => {
+      onSpotlightOpen == null ? void 0 : onSpotlightOpen();
+      window.clearTimeout(timeoutRef.current);
+    }
+  });
+  useSpotlightShortcuts(shortcut, open);
+  return /* @__PURE__ */ React.createElement(SpotlightContext.Provider, {
+    value: {
+      openSpotlight: open,
+      closeSpotlight: close,
+      toggleSpotlight: toggle,
+      registerActions,
+      removeActions,
+      triggerAction,
+      opened,
+      actions,
+      query
+    }
+  }, /* @__PURE__ */ React.createElement(Spotlight, __spreadValues({
+    actions,
+    onClose: close,
+    opened,
+    query,
+    onQueryChange: handleQueryChange,
+    transitionDuration
+  }, others)), children);
+}
+SpotlightProvider.displayName = "@mantine/spotlight/SpotlightProvider";
+
+export { SpotlightProvider };
+//# sourceMappingURL=SpotlightProvider.js.map

package/esm/SpotlightProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotlightProvider.js","sources":["../src/SpotlightProvider.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { useDisclosure } from '@mantine/hooks';\nimport { useActionsState } from './use-actions-state/use-actions-state';\nimport { useSpotlightShortcuts } from './use-spotlight-shortcuts/use-spotlight-shortcuts';\nimport { Spotlight, InnerSpotlightProps } from './Spotlight/Spotlight';\nimport type { SpotlightAction } from './types';\nimport { SpotlightContext } from './Spotlight.context';\n\nexport interface SpotlightProviderProps extends InnerSpotlightProps {\n  /** Actions list */\n  actions: SpotlightAction[] | ((query: string) => SpotlightAction[]);\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  /** Called when user enters text in search input */\n  onQueryChange?(query: string): 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\nexport function SpotlightProvider({\n  actions: initialActions,\n  children,\n  shortcut = 'mod + K',\n  onSpotlightClose,\n  onSpotlightOpen,\n  onQueryChange,\n  cleanQueryOnClose = true,\n  transitionDuration = 150,\n  ...others\n}: SpotlightProviderProps) {\n  const timeoutRef = useRef<number>(-1);\n  const [query, setQuery] = useState('');\n  const [actions, { registerActions, removeActions, triggerAction }] = useActionsState(\n    initialActions,\n    query\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  useSpotlightShortcuts(shortcut, open);\n\n  return (\n    <SpotlightContext.Provider\n      value={{\n        openSpotlight: open,\n        closeSpotlight: close,\n        toggleSpotlight: toggle,\n        registerActions,\n        removeActions,\n        triggerAction,\n        opened,\n        actions,\n        query,\n      }}\n    >\n      <Spotlight\n        actions={actions}\n        onClose={close}\n        opened={opened}\n        query={query}\n        onQueryChange={handleQueryChange}\n        transitionDuration={transitionDuration}\n        {...others}\n      />\n      {children}\n    </SpotlightContext.Provider>\n  );\n}\n\nSpotlightProvider.displayName = '@mantine/spotlight/SpotlightProvider';\n"],"names":[],"mappings":"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"}

package/esm/index.js

@@ -0,0 +1,3 @@
+export { useSpotlight } from './Spotlight.context.js';
+export { SpotlightProvider } from './SpotlightProvider.js';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

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

package/esm/use-actions-state/use-actions-state.js

@@ -0,0 +1,64 @@
+import { useState, useEffect } from 'react';
+import { randomId } from '@mantine/hooks';
+
+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));
+function prepareAction(action) {
+  return __spreadProps(__spreadValues({}, action), { id: action.id || randomId() });
+}
+function filterDuplicateActions(actions) {
+  const ids = [];
+  return actions.reduceRight((acc, action) => {
+    if (!ids.includes(action.id)) {
+      ids.push(action.id);
+      acc.push(action);
+    }
+    return acc;
+  }, []).reverse();
+}
+function prepareActions(initialActions) {
+  return filterDuplicateActions(initialActions.map((action) => prepareAction(action)));
+}
+function useActionsState(initialActions, query) {
+  const [actions, setActions] = useState(prepareActions(typeof initialActions === "function" ? initialActions(query) : initialActions));
+  useEffect(() => {
+    if (typeof initialActions === "function") {
+      setActions(prepareActions(initialActions(query)));
+    }
+  }, [query]);
+  const registerActions = (payload) => setActions((current) => prepareActions([...current, ...payload]));
+  const removeActions = (ids) => setActions((current) => current.filter((action) => !ids.includes(action.id)));
+  const triggerAction = (id) => {
+    var _a;
+    const action = actions.find((item) => item.id === id);
+    (_a = action == null ? void 0 : action.onTrigger) == null ? void 0 : _a.call(action, action);
+  };
+  return [
+    actions,
+    {
+      registerActions,
+      removeActions,
+      triggerAction
+    }
+  ];
+}
+
+export { useActionsState };
+//# sourceMappingURL=use-actions-state.js.map

package/esm/use-actions-state/use-actions-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-actions-state.js","sources":["../../src/use-actions-state/use-actions-state.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { randomId } from '@mantine/hooks';\nimport type { SpotlightAction } from '../types';\n\nfunction prepareAction(action: SpotlightAction) {\n  return { ...action, id: action.id || randomId() };\n}\n\nfunction filterDuplicateActions(actions: SpotlightAction[]) {\n  const ids = [];\n\n  return actions\n    .reduceRight<SpotlightAction[]>((acc, action) => {\n      if (!ids.includes(action.id)) {\n        ids.push(action.id);\n        acc.push(action);\n      }\n\n      return acc;\n    }, [])\n    .reverse();\n}\n\nfunction prepareActions(initialActions: SpotlightAction[]) {\n  return filterDuplicateActions(initialActions.map((action) => prepareAction(action)));\n}\n\nexport function useActionsState(\n  initialActions: SpotlightAction[] | ((query: string) => SpotlightAction[]),\n  query: string\n) {\n  const [actions, setActions] = useState(\n    prepareActions(typeof initialActions === 'function' ? initialActions(query) : initialActions)\n  );\n\n  useEffect(() => {\n    if (typeof initialActions === 'function') {\n      setActions(prepareActions(initialActions(query)));\n    }\n  }, [query]);\n\n  const registerActions = (payload: SpotlightAction[]) =>\n    setActions((current) => prepareActions([...current, ...payload]));\n\n  const removeActions = (ids: string[]) =>\n    setActions((current) => current.filter((action) => !ids.includes(action.id)));\n\n  const triggerAction = (id: string) => {\n    const action = actions.find((item) => item.id === id);\n    action?.onTrigger?.(action);\n  };\n\n  return [\n    actions,\n    {\n      registerActions,\n      removeActions,\n      triggerAction,\n    },\n  ] as const;\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import { useHotkeys } from '@mantine/hooks';
+
+function getHotkeysPayload(shortcuts, onToggle) {
+  if (shortcuts === null) {
+    return [];
+  }
+  if (Array.isArray(shortcuts)) {
+    return shortcuts.map((shortcut) => [shortcut, onToggle]);
+  }
+  return [[shortcuts, onToggle]];
+}
+function useSpotlightShortcuts(shortcuts, onToggle) {
+  useHotkeys(getHotkeysPayload(shortcuts, onToggle));
+}
+
+export { getHotkeysPayload, useSpotlightShortcuts };
+//# sourceMappingURL=use-spotlight-shortcuts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-spotlight-shortcuts.js","sources":["../../src/use-spotlight-shortcuts/use-spotlight-shortcuts.ts"],"sourcesContent":["import { useHotkeys, HotkeyItem } 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(shortcuts: string | string[], onToggle: () => void) {\n  useHotkeys(getHotkeysPayload(shortcuts, onToggle));\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;AAC3D,EAAE,UAAU,CAAC,iBAAiB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;AACrD;;;;"}

package/lib/ActionsList/ActionsList.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { DefaultProps, ClassNames } from '@mantine/core';
+import type { SpotlightAction } from '../types';
+import type { DefaultActionProps, DefaultActionStylesNames } from '../DefaultAction/DefaultAction';
+import useStyles from './ActionsList.styles';
+export declare type ActionsListStylesNames = ClassNames<typeof useStyles> | DefaultActionStylesNames;
+export interface ActionsListProps extends DefaultProps<ActionsListStylesNames> {
+    actions: SpotlightAction[];
+    actionComponent?: React.FC<DefaultActionProps>;
+    hovered: number;
+    query: string;
+    nothingFoundMessage?: React.ReactNode;
+    onActionHover(index: number): void;
+    onActionTrigger(action: SpotlightAction): void;
+    highlightQuery: boolean;
+}
+export declare function ActionsList({ actions, styles, classNames, actionComponent: Action, hovered, onActionHover, onActionTrigger, query, nothingFoundMessage, highlightQuery, }: ActionsListProps): JSX.Element;
+export declare namespace ActionsList {
+    var displayName: string;
+}
+//# sourceMappingURL=ActionsList.d.ts.map

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

@@ -0,0 +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,UAAU,EAA2B,MAAM,eAAe,CAAC;AAClF,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,oBAAY,sBAAsB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,GAAG,wBAAwB,CAAC;AAE7F,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,sBAAsB,CAAC;IAC5E,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,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,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,eAAe,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/C,cAAc,EAAE,OAAO,CAAC;CACzB;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,GACf,EAAE,gBAAgB,eA6ClB;yBAxDe,WAAW"}

package/lib/ActionsList/ActionsList.styles.d.ts

@@ -0,0 +1,7 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<"actions" | "nothingFound" | "actionsGroup">) => {
+    classes: Record<"actions" | "nothingFound" | "actionsGroup", string>;
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;
+//# sourceMappingURL=ActionsList.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsList.styles.d.ts","sourceRoot":"","sources":["../../src/ActionsList/ActionsList.styles.ts"],"names":[],"mappings":";;;;;AAEA,wBAkBI"}

package/lib/DefaultAction/DefaultAction.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { DefaultProps, ClassNames } from '@mantine/core';
+import type { SpotlightAction } from '../types';
+import useStyles from './DefaultAction.styles';
+export declare type DefaultActionStylesNames = ClassNames<typeof useStyles>;
+export interface DefaultActionProps extends DefaultProps<DefaultActionStylesNames>, React.ComponentPropsWithoutRef<'button'> {
+    action: SpotlightAction;
+    hovered: boolean;
+    onTrigger(): void;
+    highlightQuery: boolean;
+    query: string;
+}
+export declare function DefaultAction({ action, styles, classNames, hovered, onTrigger, highlightQuery, query, ...others }: DefaultActionProps): JSX.Element;
+export declare namespace DefaultAction {
+    var displayName: string;
+}
+//# sourceMappingURL=DefaultAction.d.ts.map

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

@@ -0,0 +1 @@
+{"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,UAAU,EAMX,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,oBAAY,wBAAwB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAEpE,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,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,EACT,cAAc,EACd,KAAK,EACL,GAAG,MAAM,EACV,EAAE,kBAAkB,eA0BpB;yBAnCe,aAAa"}