@mantine/spotlight 5.10.2 → 6.0.0-alpha.1

package/cjs/ActionsList/ActionsList.js

@@ -22,9 +22,10 @@ function ActionsList({
   nothingFoundMessage,
   highlightQuery,
   highlightColor,
-  radius
+  radius,
+  variant
 }) {
-  const { classes } = ActionsList_styles['default'](null, { classNames, styles, name: "Spotlight" });
+  const { classes } = ActionsList_styles['default'](null, { name: "Spotlight", classNames, styles, variant });
   const items = actions.map((item) => {
     if (item.type === "item") {
       return /* @__PURE__ */ React__default.createElement(Action, {
@@ -32,7 +33,7 @@ function ActionsList({
         key: item.item.id,
         action: item.item,
         hovered: item.index === hovered,
-        onMouseEnter: () => onActionHover(item.index),
+        onMouseEnter: onActionHover,
         classNames,
         styles,
         radius,

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(index: number): void;\n  onActionTrigger(action: SpotlightAction): void;\n  highlightQuery: boolean;\n  highlightColor: MantineColor;\n  radius: MantineNumberSize;\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}: ActionsListProps) {\n  const { classes } = useStyles(null, { classNames, styles, name: 'Spotlight' });\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(item.index)}\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,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,OAAO,EAAE,GAAGA,6BAAS,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;AACjF,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,MAAM,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AACrD,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 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;;;;"}

package/cjs/ActionsList/ActionsList.styles.js

@@ -7,16 +7,15 @@ var core = require('@mantine/core');
 var useStyles = core.createStyles((theme) => ({
   nothingFound: {},
   actions: {
-    padding: `calc(${theme.spacing.xs}px / 2)`,
-    borderTop: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]}`
+    padding: `calc(${theme.spacing.xs} / 2)`
   },
   actionsGroup: {
     textTransform: "uppercase",
     fontSize: theme.spacing.xs,
     fontWeight: 700,
-    padding: "10px 12px",
+    padding: `${core.rem(10)} ${core.rem(12)}`,
     paddingBottom: 0,
-    paddingTop: 15
+    paddingTop: theme.spacing.md
   }
 }));
 

package/cjs/ActionsList/ActionsList.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsList.styles.js","sources":["../../src/ActionsList/ActionsList.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  nothingFound: {},\n\n  actions: {\n    padding: `calc(${theme.spacing.xs}px / 2)`,\n    borderTop: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2]\n    }`,\n  },\n\n  actionsGroup: {\n    textTransform: 'uppercase',\n    fontSize: theme.spacing.xs,\n    fontWeight: 700,\n    padding: '10px 12px',\n    paddingBottom: 0,\n    paddingTop: 15,\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,YAAY,EAAE,EAAE;AAClB,EAAE,OAAO,EAAE;AACX,IAAI,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC;AAC9C,IAAI,SAAS,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACxG,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,aAAa,EAAE,WAAW;AAC9B,IAAI,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAC9B,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,aAAa,EAAE,CAAC;AACpB,IAAI,UAAU,EAAE,EAAE;AAClB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"ActionsList.styles.js","sources":["../../src/ActionsList/ActionsList.styles.ts"],"sourcesContent":["import { createStyles, rem } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  nothingFound: {},\n\n  actions: {\n    padding: `calc(${theme.spacing.xs} / 2)`,\n  },\n\n  actionsGroup: {\n    textTransform: 'uppercase',\n    fontSize: theme.spacing.xs,\n    fontWeight: 700,\n    padding: `${rem(10)} ${rem(12)}`,\n    paddingBottom: 0,\n    paddingTop: theme.spacing.md,\n  },\n}));\n"],"names":["createStyles","rem"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,YAAY,EAAE,EAAE;AAClB,EAAE,OAAO,EAAE;AACX,IAAI,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC;AAC5C,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,aAAa,EAAE,WAAW;AAC9B,IAAI,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAC9B,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,OAAO,EAAE,CAAC,EAAEC,QAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAEA,QAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AACpC,IAAI,aAAa,EAAE,CAAC;AACpB,IAAI,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAChC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/DefaultAction/DefaultAction.js

@@ -60,9 +60,10 @@ function DefaultAction(_a) {
     "query",
     "radius"
   ]);
-  const { classes, cx } = DefaultAction_styles['default']({ radius }, { styles, classNames, name: "Spotlight" });
+  const { classes } = DefaultAction_styles['default']({ radius }, { styles, classNames, name: "Spotlight" });
   return /* @__PURE__ */ React__default.createElement(core.UnstyledButton, __spreadValues({
-    className: cx(classes.action, { [classes.actionHovered]: hovered }),
+    className: classes.action,
+    "data-hovered": hovered || void 0,
     tabIndex: -1,
     onMouseDown: (event) => event.preventDefault(),
     onClick: onTrigger

package/cjs/DefaultAction/DefaultAction.js.map

@@ -1 +1 @@
-{"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, cx } = useStyles({ radius }, { styles, classNames, name: 'Spotlight' });\n\n  return (\n    <UnstyledButton\n      className={cx(classes.action, { [classes.actionHovered]: hovered })}\n      tabIndex={-1}\n      onMouseDown={(event) => event.preventDefault()}\n      onClick={onTrigger}\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","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 && <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","React","UnstyledButton","Group","Center","Highlight","Text"],"mappings":"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"}

package/cjs/DefaultAction/DefaultAction.styles.js

@@ -4,17 +4,39 @@ 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: "10px 12px",
+    padding: `${core.rem(10)} ${core.rem(12)}`,
     borderRadius: theme.fn.radius(radius)
-  },
-  actionHovered: {
+  }, theme.fn.hover({
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[1]
-  },
+  })), {
+    "&[data-hovered]": {
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]
+    }
+  }),
   actionIcon: {
     color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6]
   },

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 } 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: '10px 12px',\n    borderRadius: theme.fn.radius(radius),\n  },\n\n  actionHovered: {\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[1],\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"],"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,WAAW;AACxB,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;AACzC,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,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;AAC/F,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.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":"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"}

package/cjs/Spotlight/Spotlight.js

@@ -46,61 +46,60 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-function Spotlight(_a) {
-  var _b = _a, {
+function SpotlightScrollArea(props) {
+  return /* @__PURE__ */ React__default.createElement(core.ScrollArea.Autosize, __spreadValues({
+    mah: "calc(100vh - 18rem)"
+  }, props));
+}
+const defaultProps = {
+  closeOnActionTrigger: true,
+  highlightQuery: false,
+  size: 600,
+  yOffset: 120,
+  filter: filterActions.filterActions,
+  limit: 10,
+  actionComponent: DefaultAction.DefaultAction,
+  scrollAreaComponent: SpotlightScrollArea,
+  actionsWrapperComponent: "div",
+  zIndex: core.getDefaultZIndex("max"),
+  overlayProps: { opacity: 0.2, blur: 7 }
+};
+function Spotlight(props) {
+  const _a = core.useComponentDefaultProps("Spotlight", defaultProps, props), {
     query,
     onQueryChange,
     actions,
     onClose,
     opened,
-    withinPortal,
-    transition = "pop",
-    transitionDuration,
     classNames,
     styles,
-    overlayColor = "#000",
-    overlayOpacity = 0.25,
-    overlayBlur = 3,
-    shadow = "md",
-    radius,
-    centered = false,
-    closeOnActionTrigger = true,
-    highlightQuery = false,
+    closeOnActionTrigger,
+    highlightQuery,
     highlightColor,
-    maxWidth = 600,
-    topOffset = 120,
     className,
     searchPlaceholder,
     searchIcon,
-    filter = filterActions.filterActions,
+    filter,
     nothingFoundMessage,
-    limit = 10,
-    actionComponent = DefaultAction.DefaultAction,
-    actionsWrapperComponent: ActionsWrapper = "div",
-    zIndex = core.getDefaultZIndex("max"),
-    searchInputProps
-  } = _b, others = __objRest(_b, [
+    limit,
+    actionComponent,
+    actionsWrapperComponent: ActionsWrapper,
+    scrollAreaComponent: ScrollAreaComponent,
+    searchInputProps,
+    variant,
+    target,
+    radius
+  } = _a, others = __objRest(_a, [
     "query",
     "onQueryChange",
     "actions",
     "onClose",
     "opened",
-    "withinPortal",
-    "transition",
-    "transitionDuration",
     "classNames",
     "styles",
-    "overlayColor",
-    "overlayOpacity",
-    "overlayBlur",
-    "shadow",
-    "radius",
-    "centered",
     "closeOnActionTrigger",
     "highlightQuery",
     "highlightColor",
-    "maxWidth",
-    "topOffset",
     "className",
     "searchPlaceholder",
     "searchIcon",
@@ -109,20 +108,20 @@ function Spotlight(_a) {
     "limit",
     "actionComponent",
     "actionsWrapperComponent",
-    "zIndex",
-    "searchInputProps"
+    "scrollAreaComponent",
+    "searchInputProps",
+    "variant",
+    "target",
+    "radius"
   ]);
   const [hovered, setHovered] = React.useState(-1);
   const [IMEOpen, setIMEOpen] = React.useState(false);
-  const { classes, cx } = Spotlight_styles['default']({ centered, maxWidth, topOffset, radius, zIndex }, { classNames, styles, name: "Spotlight" });
-  const [, lockScroll] = hooks.useScrollLock();
-  const focusTrapRef = hooks.useFocusTrap(opened);
+  const { classes, cx } = Spotlight_styles['default'](null, { name: "Spotlight", classNames, styles, variant });
   const resetHovered = () => setHovered(-1);
   const handleClose = () => {
     resetHovered();
     onClose();
   };
-  hooks.useFocusReturn({ opened });
   const filteredActions = filter(query, actions).slice(0, limit);
   const groupedWithLabels = utils.getGroupedOptions(filteredActions).items;
   const groupedActions = groupedWithLabels.map((item) => item.type === "item" ? item.item : void 0).filter((item) => item);
@@ -132,7 +131,7 @@ function Spotlight(_a) {
     }
   }, [groupedActions.length]);
   const handleInputKeyDown = (event) => {
-    var _a2, _b2;
+    var _a2, _b;
     if (IMEOpen) {
       return;
     }
@@ -151,7 +150,7 @@ function Spotlight(_a) {
         event.preventDefault();
         const action = groupedActions[hovered];
         (_a2 = action == null ? void 0 : action.onTrigger) == null ? void 0 : _a2.call(action, action);
-        if (((_b2 = action == null ? void 0 : action.closeOnTrigger) != null ? _b2 : closeOnActionTrigger) && (action == null ? void 0 : action.onTrigger)) {
+        if (((_b = action == null ? void 0 : action.closeOnTrigger) != null ? _b : closeOnActionTrigger) && (action == null ? void 0 : action.onTrigger)) {
           handleClose();
         }
         break;
@@ -168,37 +167,18 @@ function Spotlight(_a) {
       setHovered(0);
     }
   };
-  return /* @__PURE__ */ React__default.createElement(core.OptionalPortal, {
-    withinPortal
-  }, /* @__PURE__ */ React__default.createElement(core.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__default.createElement("div", __spreadValues({
-    className: cx(classes.root, className)
-  }, others), /* @__PURE__ */ React__default.createElement("div", {
-    className: classes.inner,
-    ref: focusTrapRef
-  }, /* @__PURE__ */ React__default.createElement(core.Paper, {
-    style: transitionStyles.spotlight,
-    className: classes.spotlight,
-    shadow,
+  return /* @__PURE__ */ React__default.createElement(core.Modal, __spreadValues({
+    opened,
+    onClose: handleClose,
+    padding: 0,
     radius,
-    onMouseLeave: resetHovered
-  }, /* @__PURE__ */ React__default.createElement(core.TextInput, __spreadProps(__spreadValues({
-    autoComplete: "chrome-please-just-do-not-show-it-thanks",
+    scrollAreaComponent: core.Modal.NativeScrollArea,
+    classNames: __spreadProps(__spreadValues({}, classNames), {
+      content: cx(classes.content, classNames == null ? void 0 : classNames.content)
+    }),
+    styles,
+    withCloseButton: false
+  }, others), /* @__PURE__ */ React__default.createElement(core.TextInput, __spreadProps(__spreadValues({
     size: "lg"
   }, searchInputProps), {
     value: query,
@@ -210,7 +190,7 @@ function Spotlight(_a) {
     placeholder: searchPlaceholder,
     icon: searchIcon,
     onMouseEnter: resetHovered
-  })), /* @__PURE__ */ React__default.createElement(ActionsWrapper, null, /* @__PURE__ */ React__default.createElement(ActionsList.ActionsList, {
+  })), /* @__PURE__ */ React__default.createElement(ActionsWrapper, null, /* @__PURE__ */ React__default.createElement(ScrollAreaComponent, null, /* @__PURE__ */ React__default.createElement(ActionsList.ActionsList, {
     highlightQuery,
     highlightColor,
     actions: groupedWithLabels,
@@ -218,7 +198,7 @@ function Spotlight(_a) {
     hovered,
     query,
     nothingFoundMessage,
-    onActionHover: setHovered,
+    onActionHover: () => setHovered(-1),
     onActionTrigger: (action) => {
       var _a2;
       action.onTrigger(action);
@@ -226,17 +206,9 @@ function Spotlight(_a) {
     },
     styles,
     classNames,
-    radius
-  }))), /* @__PURE__ */ React__default.createElement("div", {
-    style: transitionStyles.overlay
-  }, /* @__PURE__ */ React__default.createElement(core.Overlay, {
-    className: classes.overlay,
-    zIndex: 1,
-    onMouseDown: handleClose,
-    color: overlayColor,
-    opacity: overlayOpacity,
-    blur: overlayBlur
-  }))))));
+    radius,
+    variant
+  }))));
 }
 Spotlight.displayName = "@mantine/spotlight/Spotlight";
 

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  OptionalPortal,\n  GroupedTransition,\n  MantineTransition,\n  Overlay,\n  Paper,\n  DefaultProps,\n  Selectors,\n  MantineShadow,\n  TextInput,\n  getDefaultZIndex,\n  MantineNumberSize,\n  MantineColor,\n  TextInputProps,\n} from '@mantine/core';\nimport { getGroupedOptions } from '@mantine/utils';\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 = Selectors<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  /** Radius from theme.radius, or number to set border-radius in px, defaults to theme.defaultRadius */\n  radius?: MantineNumberSize;\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?: React.CSSProperties['zIndex'];\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\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  radius,\n  centered = false,\n  closeOnActionTrigger = true,\n  highlightQuery = false,\n  highlightColor,\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('max'),\n  searchInputProps,\n  ...others\n}: SpotlightProps) {\n  const [hovered, setHovered] = useState(-1);\n  const [IMEOpen, setIMEOpen] = useState(false);\n  const { classes, cx } = useStyles(\n    { centered, maxWidth, topOffset, radius, zIndex },\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({ opened });\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    <OptionalPortal withinPortal={withinPortal}>\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                radius={radius}\n                onMouseLeave={resetHovered}\n              >\n                <TextInput\n                  autoComplete=\"chrome-please-just-do-not-show-it-thanks\"\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                  <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}\n                    onActionTrigger={(action) => {\n                      action.onTrigger(action);\n                      (action.closeOnTrigger ?? closeOnActionTrigger) && handleClose();\n                    }}\n                    styles={styles}\n                    classNames={classNames}\n                    radius={radius}\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":["filterActions","DefaultAction","getDefaultZIndex","useState","useStyles","useScrollLock","useFocusTrap","useFocusReturn","getGroupedOptions","useDidUpdate","React","OptionalPortal","GroupedTransition","Paper","TextInput","ActionsList","Overlay"],"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            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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"}

package/cjs/Spotlight/Spotlight.styles.js

@@ -4,56 +4,19 @@ 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, { centered, maxWidth, topOffset, radius, zIndex }) => ({
-  root: __spreadProps(__spreadValues({}, theme.fn.cover()), {
-    position: "fixed",
-    zIndex
-  }),
-  spotlight: {
+var useStyles = core.createStyles((theme) => ({
+  content: {
     position: "relative",
-    zIndex: 2,
-    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
-    borderRadius: theme.fn.radius(radius),
-    width: "100%",
-    maxWidth,
-    overflow: "auto",
-    marginLeft: "calc(var(--removed-scroll-width, 0px) * -1)"
-  },
-  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"
+    overflow: "hidden"
   },
   searchInput: {
     border: 0,
     borderBottomRightRadius: 0,
     borderBottomLeftRadius: 0,
-    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white
+    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
+    "&, &:focus-within": {
+      borderBottom: `${core.rem(1)} solid ${theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[2]}`
+    }
   }
 }));
 

package/cjs/Spotlight/Spotlight.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spotlight.styles.js","sources":["../../src/Spotlight/Spotlight.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/core';\n\nexport interface SpotlightStylesParams {\n  centered: boolean;\n  maxWidth: number;\n  topOffset: number;\n  radius: MantineNumberSize;\n  zIndex: React.CSSProperties['zIndex'];\n}\n\nexport default createStyles(\n  (theme, { centered, maxWidth, topOffset, radius, zIndex }: SpotlightStylesParams) => ({\n    root: {\n      ...theme.fn.cover(),\n      position: 'fixed',\n      zIndex,\n    },\n\n    spotlight: {\n      position: 'relative',\n      zIndex: 2,\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n      borderRadius: theme.fn.radius(radius),\n      width: '100%',\n      maxWidth,\n      overflow: 'auto',\n      marginLeft: 'calc(var(--removed-scroll-width, 0px) * -1)',\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);\n"],"names":["createStyles"],"mappings":"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"}
+{"version":3,"file":"Spotlight.styles.js","sources":["../../src/Spotlight/Spotlight.styles.ts"],"sourcesContent":["import { createStyles, rem } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  content: {\n    position: 'relative',\n    overflow: 'hidden',\n  },\n\n  searchInput: {\n    border: 0,\n    borderBottomRightRadius: 0,\n    borderBottomLeftRadius: 0,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n\n    '&, &:focus-within': {\n      borderBottom: `${rem(1)} solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[2]\n      }`,\n    },\n  },\n}));\n"],"names":["createStyles","rem"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,OAAO,EAAE;AACX,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,QAAQ,EAAE,QAAQ;AACtB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,uBAAuB,EAAE,CAAC;AAC9B,IAAI,sBAAsB,EAAE,CAAC;AAC7B,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,mBAAmB,EAAE;AACzB,MAAM,YAAY,EAAE,CAAC,EAAEC,QAAG,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACnH,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}