@saas-ui/command-bar/dist/chunk-PAAYRCJD.mjs.map

Chakra UI CommandBar Component

{"version":3,"sources":["../src/command-bar-theme.ts"],"sourcesContent":["const parts = [\n  'container',\n  'dialog',\n  'input',\n  'list',\n  'loading',\n  'empty',\n  'group',\n  'item',\n  'separator',\n]\n\nimport { createMultiStyleConfigHelpers } from '@chakra-ui/styled-system'\nconst { definePartsStyle, defineMultiStyleConfig } =\n  createMultiStyleConfigHelpers(parts)\n\nconst baseStyle = definePartsStyle({\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    minHeight: 1,\n    borderRadius: 'md',\n    bg: 'white',\n    color: 'inherit',\n    py: 2,\n    zIndex: 'modal',\n    flex: 1,\n    _dark: {\n      bg: 'gray.700',\n    },\n  },\n  input: {\n    px: 4,\n    py: 2,\n    mb: 2,\n    outline: 'none',\n    bg: 'transparent',\n    w: 'full',\n  },\n  list: {\n    borderTopWidth: '1px',\n    overflow: 'auto',\n    overscrollBehavior: 'contain',\n    flex: 1,\n  },\n  group: {\n    '& > [cmdk-group-heading]': {\n      px: 4,\n      py: 2,\n      fontSize: 'sm',\n      fontWeight: 'semibold',\n      color: 'muted',\n    },\n  },\n  item: {\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    fontSize: 'md',\n    h: 12,\n    px: 4,\n    gap: 4,\n    userSelect: 'none',\n    transition: 'common',\n    transitionDuration: 'normal',\n    '&[data-disabled=true]': {\n      opacity: 0.6,\n    },\n    '&[data-selected=true]': {\n      bg: 'gray.100',\n      _dark: {\n        bg: 'whiteAlpha.100',\n      },\n    },\n    _active: {\n      bg: 'gray.50',\n      _dark: {\n        bg: 'whiteAlpha.50',\n      },\n      _disabled: {\n        bg: 'transparent',\n        cursor: 'inherit',\n      },\n    },\n  },\n  empty: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    textAlign: 'center',\n    color: 'muted',\n    fontSize: 'md',\n    h: 16,\n  },\n  loading: {\n    display: 'flex',\n    alignItems: 'center',\n    color: 'muted',\n    fontSize: 'md',\n    px: 4,\n    py: 2,\n    h: 12,\n  },\n  dialog: {\n    borderWidth: '1px',\n  },\n})\n\n/**\n * Since the `maxWidth` prop references theme.sizes internally,\n * we can leverage that to size our modals.\n */\nfunction getSize(value: string) {\n  if (value === 'full') {\n    return definePartsStyle({\n      dialog: {\n        maxW: '100vw',\n        minH: '$100vh',\n        my: '0',\n        borderRadius: '0',\n      },\n    })\n  }\n  return definePartsStyle({\n    dialog: { maxW: value },\n  })\n}\n\nconst sizes = {\n  xs: getSize('xs'),\n  sm: getSize('sm'),\n  md: getSize('md'),\n  lg: getSize('lg'),\n  xl: getSize('xl'),\n  '2xl': getSize('2xl'),\n  '3xl': getSize('3xl'),\n  '4xl': getSize('4xl'),\n  '5xl': getSize('5xl'),\n  '6xl': getSize('6xl'),\n  full: getSize('full'),\n}\n\nexport const commandBarTheme = defineMultiStyleConfig({\n  defaultProps: {\n    size: 'md',\n  },\n  baseStyle,\n  sizes,\n})\n"],"mappings":"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","names":[]}