@mantine/spotlight 4.0.1 → 4.0.4

package/cjs/ActionsList/ActionsList.js

@@ -20,10 +20,11 @@ function ActionsList({
   onActionTrigger,
   query,
   nothingFoundMessage,
-  highlightQuery
+  highlightQuery,
+  radius
 }) {
   const { classes } = ActionsList_styles['default'](null, { classNames, styles, name: "Spotlight" });
-  const items = core.getGroupedOptions(actions).items.map((item) => {
+  const items = actions.map((item) => {
     if (item.type === "item") {
       return /* @__PURE__ */ React__default.createElement(Action, {
         query,
@@ -33,6 +34,7 @@ function ActionsList({
         onMouseEnter: () => onActionHover(item.index),
         classNames,
         styles,
+        radius,
         onTrigger: () => onActionTrigger(item.item),
         highlightQuery
       });

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, ClassNames, Text, getGroupedOptions } from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport type { DefaultActionProps, DefaultActionStylesNames } from '../DefaultAction/DefaultAction';\nimport useStyles from './ActionsList.styles';\n\nexport type ActionsListStylesNames = ClassNames<typeof useStyles> | DefaultActionStylesNames;\n\nexport interface ActionsListProps extends DefaultProps<ActionsListStylesNames> {\n  actions: SpotlightAction[];\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}\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}: ActionsListProps) {\n  const { classes } = useStyles(null, { classNames, styles, name: 'Spotlight' });\n\n  const items = getGroupedOptions(actions).items.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          onTrigger={() => onActionTrigger(item.item)}\n          highlightQuery={highlightQuery}\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","getGroupedOptions","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,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,GAAGC,sBAAiB,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK;AAC/D,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,SAAS,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;AACnD,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, ClassNames, Text, MantineNumberSize } from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport type { DefaultActionProps, DefaultActionStylesNames } from '../DefaultAction/DefaultAction';\nimport useStyles from './ActionsList.styles';\n\nexport type ActionsListStylesNames = ClassNames<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  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  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        />\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,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,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/DefaultAction/DefaultAction.js

@@ -46,7 +46,8 @@ function DefaultAction(_a) {
     hovered,
     onTrigger,
     highlightQuery,
-    query
+    query,
+    radius
   } = _b, others = __objRest(_b, [
     "action",
     "styles",
@@ -54,9 +55,10 @@ function DefaultAction(_a) {
     "hovered",
     "onTrigger",
     "highlightQuery",
-    "query"
+    "query",
+    "radius"
   ]);
-  const { classes, cx } = DefaultAction_styles['default'](null, { styles, classNames, name: "Spotlight" });
+  const { classes, cx } = DefaultAction_styles['default']({ radius }, { styles, classNames, name: "Spotlight" });
   return /* @__PURE__ */ React__default.createElement(core.UnstyledButton, __spreadValues({
     className: cx(classes.action, { [classes.actionHovered]: hovered }),
     tabIndex: -1,

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  ClassNames,\n  Highlight,\n  UnstyledButton,\n  Group,\n  Center,\n  Text,\n} from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport useStyles from './DefaultAction.styles';\n\nexport type DefaultActionStylesNames = ClassNames<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  query: string;\n}\n\nexport function DefaultAction({\n  action,\n  styles,\n  classNames,\n  hovered,\n  onTrigger,\n  highlightQuery,\n  query,\n  ...others\n}: DefaultActionProps) {\n  const { classes, cx } = useStyles(null, { 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 highlight={highlightQuery ? query : null}>{action.title}</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  ClassNames,\n  Highlight,\n  UnstyledButton,\n  Group,\n  Center,\n  Text,\n  MantineNumberSize,\n} from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport useStyles from './DefaultAction.styles';\n\nexport type DefaultActionStylesNames = ClassNames<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  query: string;\n  radius: MantineNumberSize;\n}\n\nexport function DefaultAction({\n  action,\n  styles,\n  classNames,\n  hovered,\n  onTrigger,\n  highlightQuery,\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 highlight={highlightQuery ? query : null}>{action.title}</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,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@mantine/core');
 
-var useStyles = core.createStyles((theme) => ({
+var useStyles = core.createStyles((theme, { radius }) => ({
   action: {
     position: "relative",
     display: "block",
     width: "100%",
     padding: "10px 12px",
-    borderRadius: theme.radius.sm
+    borderRadius: theme.fn.radius(radius)
   },
   actionHovered: {
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[1]

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultAction.styles.js","sources":["../../src/DefaultAction/DefaultAction.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  action: {\n    position: 'relative',\n    display: 'block',\n    width: '100%',\n    padding: '10px 12px',\n    borderRadius: theme.radius.sm,\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    flex: 1,\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,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,MAAM,CAAC,EAAE;AACjC,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;AACd,IAAI,IAAI,EAAE,CAAC;AACX,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"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    flex: 1,\n  },\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;AACd,IAAI,IAAI,EAAE,CAAC;AACX,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/Spotlight/Spotlight.js

@@ -58,6 +58,7 @@ function Spotlight(_a) {
     overlayOpacity = 0.25,
     overlayBlur = 3,
     shadow = "md",
+    radius = "sm",
     centered = false,
     closeOnActionTrigger = true,
     highlightQuery = false,
@@ -87,6 +88,7 @@ function Spotlight(_a) {
     "overlayOpacity",
     "overlayBlur",
     "shadow",
+    "radius",
     "centered",
     "closeOnActionTrigger",
     "highlightQuery",
@@ -103,7 +105,7 @@ function Spotlight(_a) {
     "zIndex"
   ]);
   const [hovered, setHovered] = React.useState(-1);
-  const { classes, cx } = Spotlight_styles['default']({ centered, maxWidth, topOffset }, { classNames, styles, name: "Spotlight" });
+  const { classes, cx } = Spotlight_styles['default']({ centered, maxWidth, topOffset, radius }, { classNames, styles, name: "Spotlight" });
   const [, lockScroll] = hooks.useScrollLock();
   const focusTrapRef = hooks.useFocusTrap(opened);
   const resetHovered = () => setHovered(-1);
@@ -113,27 +115,29 @@ function Spotlight(_a) {
   };
   hooks.useFocusReturn({ transitionDuration: 0, opened });
   const filteredActions = filter(query, actions).slice(0, limit);
+  const groupedWithLabels = core.getGroupedOptions(filteredActions).items;
+  const groupedActions = groupedWithLabels.map((item) => item.type === "item" ? item.item : void 0).filter((item) => item);
   hooks.useDidUpdate(() => {
-    if (filteredActions.length - 1 < hovered) {
-      setHovered(filteredActions.length - 1);
+    if (groupedActions.length - 1 < hovered) {
+      setHovered(groupedActions.length - 1);
     }
-  }, [filteredActions.length]);
+  }, [groupedActions.length]);
   const handleInputKeyDown = (event) => {
     var _a2;
     switch (event.code) {
       case "ArrowDown": {
         event.preventDefault();
-        setHovered((current) => current < filteredActions.length - 1 ? current + 1 : 0);
+        setHovered((current) => current < groupedActions.length - 1 ? current + 1 : 0);
         break;
       }
       case "ArrowUp": {
         event.preventDefault();
-        setHovered((current) => current > 0 ? current - 1 : filteredActions.length - 1);
+        setHovered((current) => current > 0 ? current - 1 : groupedActions.length - 1);
         break;
       }
       case "Enter": {
         event.preventDefault();
-        const action = filteredActions[hovered];
+        const action = groupedActions[hovered];
         (_a2 = action == null ? void 0 : action.onTrigger) == null ? void 0 : _a2.call(action, action);
         if (closeOnActionTrigger && (action == null ? void 0 : action.onTrigger)) {
           handleClose();
@@ -180,6 +184,7 @@ function Spotlight(_a) {
     style: transitionStyles.spotlight,
     className: classes.spotlight,
     shadow,
+    radius,
     onMouseLeave: resetHovered
   }, /* @__PURE__ */ React__default.createElement(core.TextInput, {
     value: query,
@@ -192,7 +197,7 @@ function Spotlight(_a) {
     onMouseEnter: resetHovered
   }), /* @__PURE__ */ React__default.createElement(ActionsWrapper, null, /* @__PURE__ */ React__default.createElement(ActionsList.ActionsList, {
     highlightQuery,
-    actions: filteredActions,
+    actions: groupedWithLabels,
     actionComponent,
     hovered,
     query,
@@ -203,7 +208,8 @@ function Spotlight(_a) {
       closeOnActionTrigger && handleClose();
     },
     styles,
-    classNames
+    classNames,
+    radius
   }))), /* @__PURE__ */ React__default.createElement("div", {
     style: transitionStyles.overlay
   }, /* @__PURE__ */ React__default.createElement(core.Overlay, {

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  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":["filterActions","DefaultAction","getDefaultZIndex","useState","useStyles","useScrollLock","useFocusTrap","useFocusReturn","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  OptionalPortal,\n  GroupedTransition,\n  MantineTransition,\n  Overlay,\n  Paper,\n  DefaultProps,\n  ClassNames,\n  MantineShadow,\n  TextInput,\n  getDefaultZIndex,\n  getGroupedOptions,\n  MantineNumberSize,\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  /** 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?: 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  radius = 'sm',\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, radius },\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  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    switch (event.code) {\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 (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                radius={radius}\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={groupedWithLabels}\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                    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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"}

package/cjs/Spotlight/Spotlight.styles.js

@@ -23,7 +23,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = core.createStyles((theme, { centered, maxWidth, topOffset }) => ({
+var useStyles = core.createStyles((theme, { centered, maxWidth, topOffset, radius }) => ({
   root: __spreadProps(__spreadValues({}, theme.fn.cover()), {
     position: "fixed"
   }),
@@ -31,7 +31,7 @@ var useStyles = core.createStyles((theme, { centered, maxWidth, topOffset }) =>
     position: "relative",
     zIndex: 2,
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
-    borderRadius: theme.radius.sm,
+    borderRadius: theme.fn.radius(radius),
     width: "100%",
     maxWidth,
     overflow: "hidden",

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

@@ -1 +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    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"],"names":["createStyles"],"mappings":"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"}
+{"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}\n\nexport default createStyles(\n  (theme, { centered, maxWidth, topOffset, radius }: 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.fn.radius(radius),\n      width: '100%',\n      maxWidth,\n      overflow: 'hidden',\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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"}

package/esm/ActionsList/ActionsList.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { getGroupedOptions, Text } from '@mantine/core';
+import { Text } from '@mantine/core';
 import useStyles from './ActionsList.styles.js';
 
 function ActionsList({
@@ -12,10 +12,11 @@ function ActionsList({
   onActionTrigger,
   query,
   nothingFoundMessage,
-  highlightQuery
+  highlightQuery,
+  radius
 }) {
   const { classes } = useStyles(null, { classNames, styles, name: "Spotlight" });
-  const items = getGroupedOptions(actions).items.map((item) => {
+  const items = actions.map((item) => {
     if (item.type === "item") {
       return /* @__PURE__ */ React.createElement(Action, {
         query,
@@ -25,6 +26,7 @@ function ActionsList({
         onMouseEnter: () => onActionHover(item.index),
         classNames,
         styles,
+        radius,
         onTrigger: () => onActionTrigger(item.item),
         highlightQuery
       });

package/esm/ActionsList/ActionsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsList.js","sources":["../../src/ActionsList/ActionsList.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, ClassNames, Text, getGroupedOptions } from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport type { DefaultActionProps, DefaultActionStylesNames } from '../DefaultAction/DefaultAction';\nimport useStyles from './ActionsList.styles';\n\nexport type ActionsListStylesNames = ClassNames<typeof useStyles> | DefaultActionStylesNames;\n\nexport interface ActionsListProps extends DefaultProps<ActionsListStylesNames> {\n  actions: SpotlightAction[];\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}\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}: ActionsListProps) {\n  const { classes } = useStyles(null, { classNames, styles, name: 'Spotlight' });\n\n  const items = getGroupedOptions(actions).items.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          onTrigger={() => onActionTrigger(item.item)}\n          highlightQuery={highlightQuery}\n        />\n      );\n    }\n\n    return (\n      <Text className={classes.actionsGroup} color=\"dimmed\" key={item.label}>\n        {item.label}\n      </Text>\n    );\n  });\n\n  const shouldRenderActions =\n    items.length > 0 || (!!nothingFoundMessage && query.trim().length > 0);\n\n  return (\n    <>\n      {shouldRenderActions && (\n        <div className={classes.actions}>\n          {items.length > 0 ? (\n            items\n          ) : (\n            <Text color=\"dimmed\" className={classes.nothingFound} align=\"center\" size=\"lg\" py=\"md\">\n              {nothingFoundMessage}\n            </Text>\n          )}\n        </div>\n      )}\n    </>\n  );\n}\n\nActionsList.displayName = '@mantine/spotlight/ActionsList';\n"],"names":[],"mappings":";;;;AAGO,SAAS,WAAW,CAAC;AAC5B,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,eAAe,EAAE,MAAM;AACzB,EAAE,OAAO;AACT,EAAE,aAAa;AACf,EAAE,eAAe;AACjB,EAAE,KAAK;AACP,EAAE,mBAAmB;AACrB,EAAE,cAAc;AAChB,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;AACjF,EAAE,MAAM,KAAK,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK;AAC/D,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;AAC9B,MAAM,uBAAuB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACzD,QAAQ,KAAK;AACb,QAAQ,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE;AACzB,QAAQ,MAAM,EAAE,IAAI,CAAC,IAAI;AACzB,QAAQ,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;AACvC,QAAQ,YAAY,EAAE,MAAM,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AACrD,QAAQ,UAAU;AAClB,QAAQ,MAAM;AACd,QAAQ,SAAS,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;AACnD,QAAQ,cAAc;AACtB,OAAO,CAAC,CAAC;AACT,KAAK;AACL,IAAI,uBAAuB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACrD,MAAM,SAAS,EAAE,OAAO,CAAC,YAAY;AACrC,MAAM,KAAK,EAAE,QAAQ;AACrB,MAAM,GAAG,EAAE,IAAI,CAAC,KAAK;AACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;AACnB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,mBAAmB,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;AACnG,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,mBAAmB,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACrI,IAAI,SAAS,EAAE,OAAO,CAAC,OAAO;AAC9B,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,mBAAmB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAC1E,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,SAAS,EAAE,OAAO,CAAC,YAAY;AACnC,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,EAAE,EAAE,IAAI;AACZ,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAC5B,CAAC;AACD,WAAW,CAAC,WAAW,GAAG,gCAAgC;;;;"}
+{"version":3,"file":"ActionsList.js","sources":["../../src/ActionsList/ActionsList.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, ClassNames, Text, MantineNumberSize } from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport type { DefaultActionProps, DefaultActionStylesNames } from '../DefaultAction/DefaultAction';\nimport useStyles from './ActionsList.styles';\n\nexport type ActionsListStylesNames = ClassNames<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  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  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        />\n      );\n    }\n\n    return (\n      <Text className={classes.actionsGroup} color=\"dimmed\" key={item.label}>\n        {item.label}\n      </Text>\n    );\n  });\n\n  const shouldRenderActions =\n    items.length > 0 || (!!nothingFoundMessage && query.trim().length > 0);\n\n  return (\n    <>\n      {shouldRenderActions && (\n        <div className={classes.actions}>\n          {items.length > 0 ? (\n            items\n          ) : (\n            <Text color=\"dimmed\" className={classes.nothingFound} align=\"center\" size=\"lg\" py=\"md\">\n              {nothingFoundMessage}\n            </Text>\n          )}\n        </div>\n      )}\n    </>\n  );\n}\n\nActionsList.displayName = '@mantine/spotlight/ActionsList';\n"],"names":[],"mappings":";;;;AAGO,SAAS,WAAW,CAAC;AAC5B,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,eAAe,EAAE,MAAM;AACzB,EAAE,OAAO;AACT,EAAE,aAAa;AACf,EAAE,eAAe;AACjB,EAAE,KAAK;AACP,EAAE,mBAAmB;AACrB,EAAE,cAAc;AAChB,EAAE,MAAM;AACR,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,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,uBAAuB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACzD,QAAQ,KAAK;AACb,QAAQ,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE;AACzB,QAAQ,MAAM,EAAE,IAAI,CAAC,IAAI;AACzB,QAAQ,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;AACvC,QAAQ,YAAY,EAAE,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,OAAO,CAAC,CAAC;AACT,KAAK;AACL,IAAI,uBAAuB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACrD,MAAM,SAAS,EAAE,OAAO,CAAC,YAAY;AACrC,MAAM,KAAK,EAAE,QAAQ;AACrB,MAAM,GAAG,EAAE,IAAI,CAAC,KAAK;AACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;AACnB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,mBAAmB,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;AACnG,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,mBAAmB,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACrI,IAAI,SAAS,EAAE,OAAO,CAAC,OAAO;AAC9B,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,mBAAmB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAC1E,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,SAAS,EAAE,OAAO,CAAC,YAAY;AACnC,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,EAAE,EAAE,IAAI;AACZ,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAC5B,CAAC;AACD,WAAW,CAAC,WAAW,GAAG,gCAAgC;;;;"}

package/esm/DefaultAction/DefaultAction.js

@@ -38,7 +38,8 @@ function DefaultAction(_a) {
     hovered,
     onTrigger,
     highlightQuery,
-    query
+    query,
+    radius
   } = _b, others = __objRest(_b, [
     "action",
     "styles",
@@ -46,9 +47,10 @@ function DefaultAction(_a) {
     "hovered",
     "onTrigger",
     "highlightQuery",
-    "query"
+    "query",
+    "radius"
   ]);
-  const { classes, cx } = useStyles(null, { styles, classNames, name: "Spotlight" });
+  const { classes, cx } = useStyles({ radius }, { styles, classNames, name: "Spotlight" });
   return /* @__PURE__ */ React.createElement(UnstyledButton, __spreadValues({
     className: cx(classes.action, { [classes.actionHovered]: hovered }),
     tabIndex: -1,

package/esm/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  ClassNames,\n  Highlight,\n  UnstyledButton,\n  Group,\n  Center,\n  Text,\n} from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport useStyles from './DefaultAction.styles';\n\nexport type DefaultActionStylesNames = ClassNames<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  query: string;\n}\n\nexport function DefaultAction({\n  action,\n  styles,\n  classNames,\n  hovered,\n  onTrigger,\n  highlightQuery,\n  query,\n  ...others\n}: DefaultActionProps) {\n  const { classes, cx } = useStyles(null, { 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 highlight={highlightQuery ? query : null}>{action.title}</Highlight>\n\n          {action.description && (\n            <Text color=\"dimmed\" size=\"xs\">\n              {action.description}\n            </Text>\n          )}\n        </div>\n      </Group>\n    </UnstyledButton>\n  );\n}\n\nDefaultAction.displayName = '@mantine/spotlight/DefaultAction';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DefaultAction.js","sources":["../../src/DefaultAction/DefaultAction.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  DefaultProps,\n  ClassNames,\n  Highlight,\n  UnstyledButton,\n  Group,\n  Center,\n  Text,\n  MantineNumberSize,\n} from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport useStyles from './DefaultAction.styles';\n\nexport type DefaultActionStylesNames = ClassNames<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  query: string;\n  radius: MantineNumberSize;\n}\n\nexport function DefaultAction({\n  action,\n  styles,\n  classNames,\n  hovered,\n  onTrigger,\n  highlightQuery,\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 highlight={highlightQuery ? query : null}>{action.title}</Highlight>\n\n          {action.description && (\n            <Text color=\"dimmed\" size=\"xs\">\n              {action.description}\n            </Text>\n          )}\n        </div>\n      </Group>\n    </UnstyledButton>\n  );\n}\n\nDefaultAction.displayName = '@mantine/spotlight/DefaultAction';\n"],"names":[],"mappings":"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"}

package/esm/DefaultAction/DefaultAction.styles.js

@@ -1,12 +1,12 @@
 import { createStyles } from '@mantine/core';
 
-var useStyles = createStyles((theme) => ({
+var useStyles = createStyles((theme, { radius }) => ({
   action: {
     position: "relative",
     display: "block",
     width: "100%",
     padding: "10px 12px",
-    borderRadius: theme.radius.sm
+    borderRadius: theme.fn.radius(radius)
   },
   actionHovered: {
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[1]

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultAction.styles.js","sources":["../../src/DefaultAction/DefaultAction.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  action: {\n    position: 'relative',\n    display: 'block',\n    width: '100%',\n    padding: '10px 12px',\n    borderRadius: theme.radius.sm,\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    flex: 1,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,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,MAAM,CAAC,EAAE;AACjC,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;AACd,IAAI,IAAI,EAAE,CAAC;AACX,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"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    flex: 1,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM;AACpD,EAAE,MAAM,EAAE;AACV,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,OAAO,EAAE,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;AACd,IAAI,IAAI,EAAE,CAAC;AACX,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/Spotlight/Spotlight.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { getDefaultZIndex, OptionalPortal, GroupedTransition, Paper, TextInput, Overlay } from '@mantine/core';
+import { getDefaultZIndex, getGroupedOptions, 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';
@@ -50,6 +50,7 @@ function Spotlight(_a) {
     overlayOpacity = 0.25,
     overlayBlur = 3,
     shadow = "md",
+    radius = "sm",
     centered = false,
     closeOnActionTrigger = true,
     highlightQuery = false,
@@ -79,6 +80,7 @@ function Spotlight(_a) {
     "overlayOpacity",
     "overlayBlur",
     "shadow",
+    "radius",
     "centered",
     "closeOnActionTrigger",
     "highlightQuery",
@@ -95,7 +97,7 @@ function Spotlight(_a) {
     "zIndex"
   ]);
   const [hovered, setHovered] = useState(-1);
-  const { classes, cx } = useStyles({ centered, maxWidth, topOffset }, { classNames, styles, name: "Spotlight" });
+  const { classes, cx } = useStyles({ centered, maxWidth, topOffset, radius }, { classNames, styles, name: "Spotlight" });
   const [, lockScroll] = useScrollLock();
   const focusTrapRef = useFocusTrap(opened);
   const resetHovered = () => setHovered(-1);
@@ -105,27 +107,29 @@ function Spotlight(_a) {
   };
   useFocusReturn({ transitionDuration: 0, opened });
   const filteredActions = filter(query, actions).slice(0, limit);
+  const groupedWithLabels = getGroupedOptions(filteredActions).items;
+  const groupedActions = groupedWithLabels.map((item) => item.type === "item" ? item.item : void 0).filter((item) => item);
   useDidUpdate(() => {
-    if (filteredActions.length - 1 < hovered) {
-      setHovered(filteredActions.length - 1);
+    if (groupedActions.length - 1 < hovered) {
+      setHovered(groupedActions.length - 1);
     }
-  }, [filteredActions.length]);
+  }, [groupedActions.length]);
   const handleInputKeyDown = (event) => {
     var _a2;
     switch (event.code) {
       case "ArrowDown": {
         event.preventDefault();
-        setHovered((current) => current < filteredActions.length - 1 ? current + 1 : 0);
+        setHovered((current) => current < groupedActions.length - 1 ? current + 1 : 0);
         break;
       }
       case "ArrowUp": {
         event.preventDefault();
-        setHovered((current) => current > 0 ? current - 1 : filteredActions.length - 1);
+        setHovered((current) => current > 0 ? current - 1 : groupedActions.length - 1);
         break;
       }
       case "Enter": {
         event.preventDefault();
-        const action = filteredActions[hovered];
+        const action = groupedActions[hovered];
         (_a2 = action == null ? void 0 : action.onTrigger) == null ? void 0 : _a2.call(action, action);
         if (closeOnActionTrigger && (action == null ? void 0 : action.onTrigger)) {
           handleClose();
@@ -172,6 +176,7 @@ function Spotlight(_a) {
     style: transitionStyles.spotlight,
     className: classes.spotlight,
     shadow,
+    radius,
     onMouseLeave: resetHovered
   }, /* @__PURE__ */ React.createElement(TextInput, {
     value: query,
@@ -184,7 +189,7 @@ function Spotlight(_a) {
     onMouseEnter: resetHovered
   }), /* @__PURE__ */ React.createElement(ActionsWrapper, null, /* @__PURE__ */ React.createElement(ActionsList, {
     highlightQuery,
-    actions: filteredActions,
+    actions: groupedWithLabels,
     actionComponent,
     hovered,
     query,
@@ -195,7 +200,8 @@ function Spotlight(_a) {
       closeOnActionTrigger && handleClose();
     },
     styles,
-    classNames
+    classNames,
+    radius
   }))), /* @__PURE__ */ React.createElement("div", {
     style: transitionStyles.overlay
   }, /* @__PURE__ */ React.createElement(Overlay, {

package/esm/Spotlight/Spotlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spotlight.js","sources":["../../src/Spotlight/Spotlight.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  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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"}
+{"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  getGroupedOptions,\n  MantineNumberSize,\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  /** 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?: 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  radius = 'sm',\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, radius },\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  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    switch (event.code) {\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 (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                radius={radius}\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={groupedWithLabels}\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                    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":[],"mappings":"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"}

package/esm/Spotlight/Spotlight.styles.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = createStyles((theme, { centered, maxWidth, topOffset }) => ({
+var useStyles = createStyles((theme, { centered, maxWidth, topOffset, radius }) => ({
   root: __spreadProps(__spreadValues({}, theme.fn.cover()), {
     position: "fixed"
   }),
@@ -27,7 +27,7 @@ var useStyles = createStyles((theme, { centered, maxWidth, topOffset }) => ({
     position: "relative",
     zIndex: 2,
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
-    borderRadius: theme.radius.sm,
+    borderRadius: theme.fn.radius(radius),
     width: "100%",
     maxWidth,
     overflow: "hidden",

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

@@ -1 +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    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"],"names":[],"mappings":"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"}
+{"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}\n\nexport default createStyles(\n  (theme, { centered, maxWidth, topOffset, radius }: 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.fn.radius(radius),\n      width: '100%',\n      maxWidth,\n      overflow: 'hidden',\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":[],"mappings":"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"}

package/lib/ActionsList/ActionsList.d.ts

@@ -1,11 +1,20 @@
 import React from 'react';
-import { DefaultProps, ClassNames } from '@mantine/core';
+import { DefaultProps, ClassNames, MantineNumberSize } 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;
+declare type GetGroupOptionsItem<T extends any[]> = {
+    type: 'item';
+    item: T[number];
+    index: number;
+};
+declare type GetGroupOptionsLabel = {
+    type: 'label';
+    label: string;
+};
 export interface ActionsListProps extends DefaultProps<ActionsListStylesNames> {
-    actions: SpotlightAction[];
+    actions: (GetGroupOptionsItem<SpotlightAction[]> | GetGroupOptionsLabel)[];
     actionComponent?: React.FC<DefaultActionProps>;
     hovered: number;
     query: string;
@@ -13,9 +22,11 @@ export interface ActionsListProps extends DefaultProps<ActionsListStylesNames> {
     onActionHover(index: number): void;
     onActionTrigger(action: SpotlightAction): void;
     highlightQuery: boolean;
+    radius: MantineNumberSize;
 }
-export declare function ActionsList({ actions, styles, classNames, actionComponent: Action, hovered, onActionHover, onActionTrigger, query, nothingFoundMessage, highlightQuery, }: ActionsListProps): JSX.Element;
+export declare function ActionsList({ actions, styles, classNames, actionComponent: Action, hovered, onActionHover, onActionTrigger, query, nothingFoundMessage, highlightQuery, radius, }: ActionsListProps): JSX.Element;
 export declare namespace ActionsList {
     var displayName: string;
 }
+export {};
 //# sourceMappingURL=ActionsList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionsList.d.ts","sourceRoot":"","sources":["../../src/ActionsList/ActionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,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"}
+{"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,EAAQ,iBAAiB,EAAE,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;AAC7F,aAAK,mBAAmB,CAAC,CAAC,SAAS,GAAG,EAAE,IAAI;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7F,aAAK,oBAAoB,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7D,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,sBAAsB,CAAC;IAC5E,OAAO,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,CAAC,GAAG,oBAAoB,CAAC,EAAE,CAAC;IAC3E,eAAe,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,eAAe,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/C,cAAc,EAAE,OAAO,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,UAAU,EACV,eAAe,EAAE,MAAM,EACvB,OAAO,EACP,aAAa,EACb,eAAe,EACf,KAAK,EACL,mBAAmB,EACnB,cAAc,EACd,MAAM,GACP,EAAE,gBAAgB,eA8ClB;yBA1De,WAAW"}

package/lib/DefaultAction/DefaultAction.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DefaultProps, ClassNames } from '@mantine/core';
+import { DefaultProps, ClassNames, MantineNumberSize } from '@mantine/core';
 import type { SpotlightAction } from '../types';
 import useStyles from './DefaultAction.styles';
 export declare type DefaultActionStylesNames = ClassNames<typeof useStyles>;
@@ -9,8 +9,9 @@ export interface DefaultActionProps extends DefaultProps<DefaultActionStylesName
     onTrigger(): void;
     highlightQuery: boolean;
     query: string;
+    radius: MantineNumberSize;
 }
-export declare function DefaultAction({ action, styles, classNames, hovered, onTrigger, highlightQuery, query, ...others }: DefaultActionProps): JSX.Element;
+export declare function DefaultAction({ action, styles, classNames, hovered, onTrigger, highlightQuery, query, radius, ...others }: DefaultActionProps): JSX.Element;
 export declare namespace DefaultAction {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultAction.d.ts","sourceRoot":"","sources":["../../src/DefaultAction/DefaultAction.tsx"],"names":[],"mappings":"AAAA,OAAO,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"}
+{"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,EAMV,iBAAiB,EAClB,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;IACd,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,EACT,cAAc,EACd,KAAK,EACL,MAAM,EACN,GAAG,MAAM,EACV,EAAE,kBAAkB,eA0BpB;yBApCe,aAAa"}

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

@@ -1,4 +1,8 @@
-declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<"action" | "actionHovered" | "actionIcon" | "actionBody">) => {
+import { MantineNumberSize } from '@mantine/core';
+export interface DefaultActionStylesParams {
+    radius: MantineNumberSize;
+}
+declare const _default: (params: DefaultActionStylesParams, options?: import("@mantine/core").UseStylesOptions<"action" | "actionHovered" | "actionIcon" | "actionBody">) => {
     classes: Record<"action" | "actionHovered" | "actionIcon" | "actionBody", string>;
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;

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

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

package/lib/Spotlight/Spotlight.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MantineTransition, DefaultProps, ClassNames, MantineShadow } from '@mantine/core';
+import { MantineTransition, DefaultProps, ClassNames, MantineShadow, MantineNumberSize } from '@mantine/core';
 import { DefaultActionProps } from '../DefaultAction/DefaultAction';
 import { ActionsListStylesNames } from '../ActionsList/ActionsList';
 import type { SpotlightAction } from '../types';
@@ -20,6 +20,8 @@ export interface InnerSpotlightProps extends DefaultProps<SpotlightStylesNames>,
     overlayBlur?: number;
     /** Value from theme.shadows or any valid css box-shadow value */
     shadow?: MantineShadow;
+    /** Radius from theme.radius, or number to set border-radius in px, defaults to theme.defaultRadius */
+    radius?: MantineNumberSize;
     /** Should spotlight be rendered in the center of the screen */
     centered?: boolean;
     /** Max spotlight width */
@@ -56,7 +58,7 @@ interface SpotlightProps extends InnerSpotlightProps {
     query: string;
     onQueryChange(query: string): void;
 }
-export declare function Spotlight({ 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: ActionsWrapper, zIndex, ...others }: SpotlightProps): JSX.Element;
+export declare function Spotlight({ query, onQueryChange, actions, onClose, opened, withinPortal, transition, transitionDuration, classNames, styles, overlayColor, overlayOpacity, overlayBlur, shadow, radius, centered, closeOnActionTrigger, highlightQuery, maxWidth, topOffset, className, searchPlaceholder, searchIcon, filter, nothingFoundMessage, limit, actionComponent, actionsWrapperComponent: ActionsWrapper, zIndex, ...others }: SpotlightProps): JSX.Element;
 export declare namespace Spotlight {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Spotlight.d.ts","sourceRoot":"","sources":["../../src/Spotlight/Spotlight.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Spotlight.d.ts","sourceRoot":"","sources":["../../src/Spotlight/Spotlight.tsx"],"names":[],"mappings":"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"}

package/lib/Spotlight/Spotlight.styles.d.ts

@@ -1,7 +1,9 @@
+import { MantineNumberSize } from '@mantine/core';
 export interface SpotlightStylesParams {
     centered: boolean;
     maxWidth: number;
     topOffset: number;
+    radius: MantineNumberSize;
 }
 declare const _default: (params: SpotlightStylesParams, options?: import("@mantine/core").UseStylesOptions<"root" | "spotlight" | "overlay" | "inner" | "searchInput">) => {
     classes: Record<"root" | "spotlight" | "overlay" | "inner" | "searchInput", string>;

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

@@ -1 +1 @@
-{"version":3,"file":"Spotlight.styles.d.ts","sourceRoot":"","sources":["../../src/Spotlight/Spotlight.styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;;;;;;AAED,wBAqCI"}
+{"version":3,"file":"Spotlight.styles.d.ts","sourceRoot":"","sources":["../../src/Spotlight/Spotlight.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEhE,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,iBAAiB,CAAC;CAC3B;;;;;;AAED,wBAuCE"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mantine/spotlight",
   "description": "Command center for your application",
-  "version": "4.0.1",
+  "version": "4.0.4",
   "main": "cjs/index.js",
   "module": "esm/index.js",
   "types": "lib/index.d.ts",
@@ -15,8 +15,8 @@
     "directory": "src/mantine-notifications"
   },
   "peerDependencies": {
-    "@mantine/core": "4.0.1",
-    "@mantine/hooks": "4.0.1",
+    "@mantine/core": "4.0.4",
+    "@mantine/hooks": "4.0.4",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },