@mantine/spotlight 6.0.12 → 7.0.0-alpha.14

package/cjs/SpotlightFooter.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@mantine/core');
+var Spotlight_module = require('./Spotlight.module.css.js');
+var Spotlight_context = require('./Spotlight.context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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;
+};
+const defaultProps = {};
+const SpotlightFooter = core.factory((props, ref) => {
+  const _a = core.useProps(
+    "SpotlightFooter",
+    defaultProps,
+    props
+  ), { className, style, classNames, styles } = _a, others = __objRest(_a, ["className", "style", "classNames", "styles"]);
+  const ctx = Spotlight_context.useSpotlightContext();
+  return /* @__PURE__ */ React__default.createElement(
+    core.Box,
+    __spreadValues(__spreadValues({
+      ref
+    }, ctx.getStyles("footer", { className, classNames, style, styles })), others)
+  );
+});
+SpotlightFooter.classes = Spotlight_module['default'];
+SpotlightFooter.displayName = "@mantine/spotlight/SpotlightFooter";
+
+exports.SpotlightFooter = SpotlightFooter;
+//# sourceMappingURL=SpotlightFooter.js.map

package/cjs/SpotlightFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotlightFooter.js","sources":["../src/SpotlightFooter.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  Factory,\n} from '@mantine/core';\nimport classes from './Spotlight.module.css';\nimport { useSpotlightContext } from './Spotlight.context';\n\nexport type SpotlightFooterStylesNames = 'footer';\n\nexport interface SpotlightFooterProps\n  extends BoxProps,\n    StylesApiProps<SpotlightFooterFactory>,\n    ElementProps<'div'> {}\n\nexport type SpotlightFooterFactory = Factory<{\n  props: SpotlightFooterProps;\n  ref: HTMLDivElement;\n  stylesNames: SpotlightFooterStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<SpotlightFooterProps> = {};\n\nexport const SpotlightFooter = factory<SpotlightFooterFactory>((props, ref) => {\n  const { className, style, classNames, styles, ...others } = useProps(\n    'SpotlightFooter',\n    defaultProps,\n    props\n  );\n  const ctx = useSpotlightContext();\n  return (\n    <Box\n      ref={ref}\n      {...ctx.getStyles('footer', { className, classNames, style, styles })}\n      {...others}\n    />\n  );\n});\n\nSpotlightFooter.classes = classes;\nSpotlightFooter.displayName = '@mantine/spotlight/SpotlightFooter';\n"],"names":["factory","useProps","useSpotlightContext","React","Box","classes"],"mappings":"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"}

package/cjs/SpotlightRoot.js

@@ -0,0 +1,178 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@mantine/core');
+var hooks = require('@mantine/hooks');
+var Spotlight_context = require('./Spotlight.context.js');
+var spotlight_store = require('./spotlight.store.js');
+var getHotkeys = require('./get-hotkeys.js');
+var Spotlight_module = require('./Spotlight.module.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  size: 600,
+  yOffset: 80,
+  zIndex: core.getDefaultZIndex("max"),
+  overlayProps: { backgroundOpacity: 0.35, blur: 7 },
+  transitionProps: { duration: 200, transition: "pop" },
+  store: spotlight_store.spotlightStore,
+  clearQueryOnClose: true,
+  closeOnActionTrigger: true,
+  shortcut: "mod + K",
+  maxHeight: 400
+};
+const SpotlightRoot = core.factory((_props, ref) => {
+  const props = core.useProps("SpotlightRoot", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    store,
+    children,
+    query,
+    onQueryChange,
+    transitionProps,
+    clearQueryOnClose,
+    shortcut,
+    tagsToIgnore,
+    triggerOnContentEditable,
+    disabled,
+    onSpotlightOpen,
+    onSpotlightClose,
+    forceOpened,
+    closeOnActionTrigger,
+    maxHeight
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "className",
+    "style",
+    "styles",
+    "unstyled",
+    "vars",
+    "store",
+    "children",
+    "query",
+    "onQueryChange",
+    "transitionProps",
+    "clearQueryOnClose",
+    "shortcut",
+    "tagsToIgnore",
+    "triggerOnContentEditable",
+    "disabled",
+    "onSpotlightOpen",
+    "onSpotlightClose",
+    "forceOpened",
+    "closeOnActionTrigger",
+    "maxHeight"
+  ]);
+  const theme = core.useMantineTheme();
+  const { opened, query: storeQuery } = spotlight_store.useSpotlight(store);
+  const _query = query || storeQuery;
+  const setQuery = (q) => {
+    onQueryChange == null ? void 0 : onQueryChange(q);
+    spotlight_store.spotlightActions.setQuery(q, store);
+  };
+  const getStyles = core.useStyles({
+    name: "Spotlight",
+    classes: Spotlight_module['default'],
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled
+  });
+  hooks.useHotkeys(getHotkeys.getHotkeys(shortcut, store), tagsToIgnore, triggerOnContentEditable);
+  hooks.useDidUpdate(() => {
+    opened ? onSpotlightOpen == null ? void 0 : onSpotlightOpen() : onSpotlightClose == null ? void 0 : onSpotlightClose();
+  }, [opened]);
+  if (disabled) {
+    return null;
+  }
+  return /* @__PURE__ */ React__default.createElement(
+    Spotlight_context.SpotlightProvider,
+    {
+      value: {
+        getStyles,
+        query: _query,
+        setQuery,
+        store,
+        closeOnActionTrigger
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      core.Modal,
+      __spreadProps(__spreadValues({
+        ref
+      }, others), {
+        withCloseButton: false,
+        opened: opened || !!forceOpened,
+        padding: 0,
+        onClose: () => spotlight_store.spotlightActions.close(store),
+        className,
+        style,
+        classNames: core.resolveClassNames({
+          theme,
+          classNames: [Spotlight_module['default'], classNames],
+          props,
+          stylesCtx: void 0
+        }),
+        styles: core.resolveStyles({ theme, styles, props, stylesCtx: void 0 }),
+        transitionProps: __spreadProps(__spreadValues({}, transitionProps), {
+          onExited: () => {
+            var _a2;
+            spotlight_store.spotlightActions.clearSpotlightState({ clearQuery: clearQueryOnClose }, store);
+            (_a2 = transitionProps == null ? void 0 : transitionProps.onExited) == null ? void 0 : _a2.call(transitionProps);
+          }
+        }),
+        __vars: { "--spotlight-max-height": core.rem(maxHeight) },
+        __staticSelector: "Spotlight"
+      }),
+      children
+    )
+  );
+});
+SpotlightRoot.classes = Spotlight_module['default'];
+SpotlightRoot.displayName = "@mantine/spotlight/SpotlightRoot";
+
+exports.SpotlightRoot = SpotlightRoot;
+//# sourceMappingURL=SpotlightRoot.js.map

package/cjs/SpotlightRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotlightRoot.js","sources":["../src/SpotlightRoot.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  StylesApiProps,\n  factory,\n  useProps,\n  useStyles,\n  Factory,\n  Modal,\n  ModalProps,\n  ModalStylesNames,\n  getDefaultZIndex,\n  resolveClassNames,\n  useMantineTheme,\n  resolveStyles,\n  rem,\n} from '@mantine/core';\nimport { useDidUpdate, useHotkeys } from '@mantine/hooks';\nimport { SpotlightProvider } from './Spotlight.context';\nimport { useSpotlight, SpotlightStore, spotlightStore, spotlightActions } from './spotlight.store';\nimport { getHotkeys } from './get-hotkeys';\nimport classes from './Spotlight.module.css';\n\nexport type SpotlightRootStylesNames =\n  | ModalStylesNames\n  | 'search'\n  | 'actionsList'\n  | 'action'\n  | 'empty'\n  | 'footer'\n  | 'actionBody'\n  | 'actionLabel'\n  | 'actionDescription'\n  | 'actionSection'\n  | 'actionsGroup';\n\nexport interface SpotlightRootProps\n  extends StylesApiProps<SpotlightRootFactory>,\n    Omit<ModalProps, 'styles' | 'classNames' | 'vars' | 'variant' | 'opened' | 'onClose'> {\n  /** Spotlight store, can be used to create multiple instances of spotlight */\n  store?: SpotlightStore;\n\n  /** Controlled Spotlight search query */\n  query?: string;\n\n  /** Called when query changes */\n  onQueryChange?(query: string): void;\n\n  /** Determines whether the search query should be cleared when the spotlight is closed, `true` by default */\n  clearQueryOnClose?: boolean;\n\n  /** Keyboard shortcut or a list of shortcuts to trigger spotlight, `'mod + K'` by default */\n  shortcut?: string | string[] | null;\n\n  /** A list of tags which when focused will be ignored by shortcut, `['input', 'textarea', 'select']` by default */\n  tagsToIgnore?: string[];\n\n  /** Determines whether shortcut should trigger based in contentEditable, `false` by default */\n  triggerOnContentEditable?: boolean;\n\n  /** If set, spotlight will not be rendered */\n  disabled?: boolean;\n\n  /** Called when spotlight opens */\n  onSpotlightOpen?(): void;\n\n  /** Called when spotlight closes */\n  onSpotlightClose?(): void;\n\n  /** Forces opened state, useful for tests */\n  forceOpened?: boolean;\n\n  /** Determines whether spotlight should be closed when one of the actions is triggered, `true` by default */\n  closeOnActionTrigger?: boolean;\n\n  /** Spotlight content max-height, `400` by default */\n  maxHeight?: React.CSSProperties['maxHeight'];\n}\n\nexport type SpotlightRootFactory = Factory<{\n  props: SpotlightRootProps;\n  ref: HTMLDivElement;\n  stylesNames: SpotlightRootStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<SpotlightRootProps> = {\n  size: 600,\n  yOffset: 80,\n  zIndex: getDefaultZIndex('max'),\n  overlayProps: { backgroundOpacity: 0.35, blur: 7 },\n  transitionProps: { duration: 200, transition: 'pop' },\n  store: spotlightStore,\n  clearQueryOnClose: true,\n  closeOnActionTrigger: true,\n  shortcut: 'mod + K',\n  maxHeight: 400,\n};\n\nexport const SpotlightRoot = factory<SpotlightRootFactory>((_props, ref) => {\n  const props = useProps('SpotlightRoot', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    store,\n    children,\n    query,\n    onQueryChange,\n    transitionProps,\n    clearQueryOnClose,\n    shortcut,\n    tagsToIgnore,\n    triggerOnContentEditable,\n    disabled,\n    onSpotlightOpen,\n    onSpotlightClose,\n    forceOpened,\n    closeOnActionTrigger,\n    maxHeight,\n    ...others\n  } = props;\n\n  const theme = useMantineTheme();\n  const { opened, query: storeQuery } = useSpotlight(store!);\n  const _query = query || storeQuery;\n  const setQuery = (q: string) => {\n    onQueryChange?.(q);\n    spotlightActions.setQuery(q, store!);\n  };\n\n  const getStyles = useStyles<SpotlightRootFactory>({\n    name: 'Spotlight',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n  });\n\n  useHotkeys(getHotkeys(shortcut, store!), tagsToIgnore, triggerOnContentEditable);\n\n  useDidUpdate(() => {\n    opened ? onSpotlightOpen?.() : onSpotlightClose?.();\n  }, [opened]);\n\n  if (disabled) {\n    return null;\n  }\n\n  return (\n    <SpotlightProvider\n      value={{\n        getStyles,\n        query: _query,\n        setQuery,\n        store: store!,\n        closeOnActionTrigger,\n      }}\n    >\n      <Modal\n        ref={ref}\n        {...others}\n        withCloseButton={false}\n        opened={opened || !!forceOpened}\n        padding={0}\n        onClose={() => spotlightActions.close(store!)}\n        className={className}\n        style={style}\n        classNames={resolveClassNames({\n          theme,\n          classNames: [classes, classNames],\n          props,\n          stylesCtx: undefined,\n        })}\n        styles={resolveStyles({ theme, styles, props, stylesCtx: undefined })}\n        transitionProps={{\n          ...transitionProps,\n          onExited: () => {\n            spotlightActions.clearSpotlightState({ clearQuery: clearQueryOnClose }, store!);\n            transitionProps?.onExited?.();\n          },\n        }}\n        __vars={{ '--spotlight-max-height': rem(maxHeight) }}\n        __staticSelector=\"Spotlight\"\n      >\n        {children}\n      </Modal>\n    </SpotlightProvider>\n  );\n});\n\nSpotlightRoot.classes = classes;\nSpotlightRoot.displayName = '@mantine/spotlight/SpotlightRoot';\n"],"names":["getDefaultZIndex","spotlightStore","factory","useProps","useMantineTheme","useSpotlight","spotlightActions","useStyles","classes","useHotkeys","getHotkeys","useDidUpdate","React","SpotlightProvider","Modal","resolveClassNames","resolveStyles","rem"],"mappings":"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"}

package/cjs/SpotlightSearch.js

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@mantine/core');
+var Spotlight_module = require('./Spotlight.module.css.js');
+var Spotlight_context = require('./Spotlight.context.js');
+var spotlight_store = require('./spotlight.store.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  size: "lg"
+};
+const SpotlightSearch = core.factory((props, ref) => {
+  const _a = core.useProps(
+    "SpotlightSearch",
+    defaultProps,
+    props
+  ), { classNames, styles, onKeyDown, onChange, vars } = _a, others = __objRest(_a, ["classNames", "styles", "onKeyDown", "onChange", "vars"]);
+  const ctx = Spotlight_context.useSpotlightContext();
+  const inputStyles = ctx.getStyles("search");
+  const handleKeyDown = (event) => {
+    onKeyDown == null ? void 0 : onKeyDown(event);
+    if (event.nativeEvent.code === "ArrowDown") {
+      event.preventDefault();
+      spotlight_store.spotlightActions.selectNextAction(ctx.store);
+    }
+    if (event.nativeEvent.code === "ArrowUp") {
+      event.preventDefault();
+      spotlight_store.spotlightActions.selectPreviousAction(ctx.store);
+    }
+    if (event.nativeEvent.code === "Enter") {
+      event.preventDefault();
+      spotlight_store.spotlightActions.triggerSelectedAction(ctx.store);
+    }
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    core.Input,
+    __spreadProps(__spreadValues({
+      ref,
+      classNames: [{ input: inputStyles.className }, classNames],
+      styles: [{ input: inputStyles.style }, styles]
+    }, others), {
+      value: ctx.query,
+      onChange: (event) => ctx.setQuery(event.currentTarget.value),
+      onKeyDown: handleKeyDown
+    })
+  );
+});
+SpotlightSearch.classes = Spotlight_module['default'];
+SpotlightSearch.displayName = "@mantine/spotlight/SpotlightSearch";
+
+exports.SpotlightSearch = SpotlightSearch;
+//# sourceMappingURL=SpotlightSearch.js.map

package/cjs/SpotlightSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotlightSearch.js","sources":["../src/SpotlightSearch.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  Factory,\n  Input,\n  InputProps,\n  InputStylesNames,\n} from '@mantine/core';\nimport classes from './Spotlight.module.css';\nimport { useSpotlightContext } from './Spotlight.context';\nimport { spotlightActions } from './spotlight.store';\n\nexport type SpotlightSearchStylesNames = InputStylesNames;\n\nexport interface SpotlightSearchProps\n  extends BoxProps,\n    Omit<InputProps, 'classNames' | 'styles' | 'vars' | 'variant'>,\n    StylesApiProps<SpotlightSearchFactory>,\n    ElementProps<'input', 'size'> {}\n\nexport type SpotlightSearchFactory = Factory<{\n  props: SpotlightSearchProps;\n  ref: HTMLInputElement;\n  stylesNames: SpotlightSearchStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<SpotlightSearchProps> = {\n  size: 'lg',\n};\n\nexport const SpotlightSearch = factory<SpotlightSearchFactory>((props, ref) => {\n  const { classNames, styles, onKeyDown, onChange, vars, ...others } = useProps(\n    'SpotlightSearch',\n    defaultProps,\n    props\n  );\n  const ctx = useSpotlightContext();\n  const inputStyles = ctx.getStyles('search');\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n\n    if (event.nativeEvent.code === 'ArrowDown') {\n      event.preventDefault();\n      spotlightActions.selectNextAction(ctx.store);\n    }\n\n    if (event.nativeEvent.code === 'ArrowUp') {\n      event.preventDefault();\n      spotlightActions.selectPreviousAction(ctx.store);\n    }\n\n    if (event.nativeEvent.code === 'Enter') {\n      event.preventDefault();\n      spotlightActions.triggerSelectedAction(ctx.store);\n    }\n  };\n\n  return (\n    <Input\n      ref={ref}\n      classNames={[{ input: inputStyles.className }, classNames] as any}\n      styles={[{ input: inputStyles.style }, styles] as any}\n      {...others}\n      value={ctx.query}\n      onChange={(event) => ctx.setQuery(event.currentTarget.value)}\n      onKeyDown={handleKeyDown}\n    />\n  );\n});\n\nSpotlightSearch.classes = classes;\nSpotlightSearch.displayName = '@mantine/spotlight/SpotlightSearch';\n"],"names":["factory","useProps","useSpotlightContext","spotlightActions","React","Input","classes"],"mappings":"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"}

package/cjs/default-spotlight-filter.js

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 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 getFlatActions(data) {
+  return data.reduce((acc, item) => {
+    if ("actions" in item) {
+      return [...acc, ...item.actions.map((action) => __spreadProps(__spreadValues({}, action), { group: item.group }))];
+    }
+    return [...acc, item];
+  }, []);
+}
+function flatActionsToGroups(data) {
+  const groups = {};
+  const result = [];
+  data.forEach((action) => {
+    if (action.group) {
+      if (!groups[action.group]) {
+        groups[action.group] = { pushed: false, data: { group: action.group, actions: [] } };
+      }
+      groups[action.group].data.actions.push(action);
+      if (!groups[action.group].pushed) {
+        groups[action.group].pushed = true;
+        result.push(groups[action.group].data);
+      }
+    } else {
+      result.push(action);
+    }
+  });
+  return result;
+}
+const defaultSpotlightFilter = (_query, data) => {
+  const query = _query.trim().toLowerCase();
+  const priorityMatrix = [[], []];
+  const flatActions = getFlatActions(data);
+  flatActions.forEach((item) => {
+    var _a, _b;
+    if ((_a = item.label) == null ? void 0 : _a.toLowerCase().includes(query)) {
+      priorityMatrix[0].push(item);
+    } else if (((_b = item.description) == null ? void 0 : _b.toLowerCase().includes(query)) || getKeywords(item.keywords).includes(query)) {
+      priorityMatrix[1].push(item);
+    }
+  });
+  return flatActionsToGroups(priorityMatrix.flat());
+};
+
+exports.defaultSpotlightFilter = defaultSpotlightFilter;
+//# sourceMappingURL=default-spotlight-filter.js.map

package/cjs/default-spotlight-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-spotlight-filter.js","sources":["../src/default-spotlight-filter.ts"],"sourcesContent":["import type {\n  SpotlightFilterFunction,\n  SpotlightActionData,\n  SpotlightActionGroupData,\n  SpotlightActions,\n} from './Spotlight';\n\nfunction getKeywords(keywords: string | string[] | undefined) {\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\nfunction getFlatActions(data: SpotlightActions[]) {\n  return data.reduce<SpotlightActionData[]>((acc, item) => {\n    if ('actions' in item) {\n      return [...acc, ...item.actions.map((action) => ({ ...action, group: item.group }))];\n    }\n\n    return [...acc, item];\n  }, []);\n}\n\nfunction flatActionsToGroups(data: SpotlightActionData[]) {\n  const groups: Record<string, { pushed: boolean; data: SpotlightActionGroupData }> = {};\n  const result: SpotlightActions[] = [];\n\n  data.forEach((action) => {\n    if (action.group) {\n      if (!groups[action.group]) {\n        groups[action.group] = { pushed: false, data: { group: action.group, actions: [] } };\n      }\n\n      groups[action.group].data.actions.push(action);\n\n      if (!groups[action.group].pushed) {\n        groups[action.group].pushed = true;\n        result.push(groups[action.group].data);\n      }\n    } else {\n      result.push(action);\n    }\n  });\n\n  return result;\n}\n\nexport const defaultSpotlightFilter: SpotlightFilterFunction = (_query, data) => {\n  const query = _query.trim().toLowerCase();\n  const priorityMatrix: SpotlightActionData[][] = [[], []];\n  const flatActions = getFlatActions(data);\n  flatActions.forEach((item) => {\n    if (item.label?.toLowerCase().includes(query)) {\n      priorityMatrix[0].push(item);\n    } else if (\n      item.description?.toLowerCase().includes(query) ||\n      getKeywords(item.keywords).includes(query)\n    ) {\n      priorityMatrix[1].push(item);\n    }\n  });\n\n  return flatActionsToGroups(priorityMatrix.flat());\n};\n"],"names":[],"mappings":"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"}

package/cjs/get-hotkeys.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var spotlight_store = require('./spotlight.store.js');
+
+function getHotkeys(hotkeys, store) {
+  if (!hotkeys) {
+    return [];
+  }
+  const open = () => spotlight_store.spotlightActions.open(store);
+  if (Array.isArray(hotkeys)) {
+    return hotkeys.map((hotkey) => [hotkey, open]);
+  }
+  return [[hotkeys, open]];
+}
+
+exports.getHotkeys = getHotkeys;
+//# sourceMappingURL=get-hotkeys.js.map

package/cjs/get-hotkeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-hotkeys.js","sources":["../src/get-hotkeys.ts"],"sourcesContent":["import { HotkeyItem } from '@mantine/hooks';\nimport { spotlightActions, SpotlightStore } from './spotlight.store';\n\nexport function getHotkeys(\n  hotkeys: string | string[] | null | undefined,\n  store: SpotlightStore\n): HotkeyItem[] {\n  if (!hotkeys) {\n    return [];\n  }\n\n  const open = () => spotlightActions.open(store);\n\n  if (Array.isArray(hotkeys)) {\n    return hotkeys.map((hotkey) => [hotkey, open]);\n  }\n\n  return [[hotkeys, open]];\n}\n"],"names":["spotlightActions"],"mappings":";;;;;;AACO,SAAS,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE;AAC3C,EAAE,IAAI,CAAC,OAAO,EAAE;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,IAAI,GAAG,MAAMA,gCAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAClD,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;AAC9B,IAAI,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;AACnD,GAAG;AACH,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;AAC3B;;;;"}

package/cjs/index.css

@@ -0,0 +1,141 @@
+.mantine-oGSwC9x {
+  overflow: hidden;
+  height: 100%;
+  max-height: var(--spotlight-max-height);
+}
+
+.mantine-Fe2lxBl {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.mantine-hZL9kbl {
+  border: 0;
+  background-color: transparent;
+}
+
+.mantine-wb4sUqR {
+  border-top: calc(0.0625rem * var(--mantine-scale)) solid var(--_actions-list-border);
+  flex: 1;
+  padding: calc(0.25rem * var(--mantine-scale));
+  max-height: calc(100% - calc(3.125rem * var(--mantine-scale)));
+}
+
+[data-mantine-color-scheme='light'] .mantine-wb4sUqR {
+    --_actions-list-border: var(--mantine-color-gray-2);
+}
+
+[data-mantine-color-scheme='dark'] .mantine-wb4sUqR {
+    --_actions-list-border: var(--mantine-color-dark-4);
+}
+
+.mantine-E9Jobyg {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: calc(0.4375rem * var(--mantine-scale)) var(--mantine-spacing-md);
+  border-radius: var(--mantine-radius-default);
+  background-color: var(--_action-bg, transparent);
+  color: var(--_action-color, inherit);
+}
+
+@media (hover: hover) {
+      [data-mantine-color-scheme='light'] .mantine-E9Jobyg:not([data-selected]):hover {
+        --_action-bg: var(--mantine-color-gray-0);
+  }
+
+      [data-mantine-color-scheme='dark'] .mantine-E9Jobyg:not([data-selected]):hover {
+        --_action-bg: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+      [data-mantine-color-scheme='light'] .mantine-E9Jobyg:not([data-selected]):active {
+        --_action-bg: var(--mantine-color-gray-0);
+  }
+
+      [data-mantine-color-scheme='dark'] .mantine-E9Jobyg:not([data-selected]):active {
+        --_action-bg: var(--mantine-color-dark-6);
+  }
+}
+
+.mantine-E9Jobyg[data-selected] {
+    --_action-bg: var(--mantine-color-primary);
+    --_action-color: var(--mantine-color-white);
+    --_action-description-color: var(--mantine-color-white);
+    --_action-description-opacity: 0.7;
+  }
+
+.mantine-H88WHeq {
+  flex: 1;
+}
+
+.mantine-qjilEb4 {
+  margin-left: var(--_action-section-ml);
+  margin-right: var(--_action-section-mr);
+  opacity: var(--_action-section-opacity, 1);
+  color: var(--_action-section-color, inherit);
+}
+
+.mantine-qjilEb4[data-dimmed] {
+    --_action-section-opacity: var(--_action-description-opacity, 1);
+    --_action-section-color: var(--_action-description-color, var(--mantine-color-dimmed));
+  }
+
+.mantine-qjilEb4[data-position='left'] {
+    --_action-section-mr: var(--mantine-spacing-md);
+  }
+
+.mantine-qjilEb4[data-position='right'] {
+    --_action-section-ml: var(--mantine-spacing-md);
+  }
+
+.mantine-B0huk7i {
+  display: block;
+}
+
+.mantine-LuXNfaT {
+  display: block;
+  font-size: var(--mantine-font-size-xs);
+  opacity: var(--_action-description-opacity, 1);
+  color: var(--_action-description-color, var(--mantine-color-dimmed));
+}
+
+.mantine-QuaaZgR {
+  color: var(--mantine-color-dimmed);
+  padding: var(--mantine-spacing-md);
+  text-align: center;
+}
+
+.mantine-UGR-82u {
+  padding: var(--mantine-spacing-xs) calc(var(--mantine-spacing-md) + calc(0.25rem * var(--mantine-scale)));
+  border-top: calc(0.0625rem * var(--mantine-scale)) solid var(--_footer-border);
+}
+
+[data-mantine-color-scheme='light'] .mantine-UGR-82u {
+    --_footer-border: var(--mantine-color-gray-2);
+}
+
+[data-mantine-color-scheme='dark'] .mantine-UGR-82u {
+    --_footer-border: var(--mantine-color-dark-4);
+}
+
+.mantine-cEuV4u5 {
+  display: var(--_display, flex);
+  flex-direction: column;
+  margin-top: var(--mantine-spacing-md);
+}
+
+.mantine-cEuV4u5::before {
+    content: var(--spotlight-label);
+    text-transform: uppercase;
+    font-size: var(--mantine-font-size-xs);
+    font-weight: 700;
+    color: var(--mantine-color-dimmed);
+    padding-left: var(--mantine-spacing-md);
+  }
+
+.mantine-cEuV4u5:empty {
+    --_display: none;
+  }