notra-editor 0.6.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/dist/components/blockquote-button/blockquote-button.d.cts +2 -2
  2. package/dist/components/blockquote-button/blockquote-button.d.ts +2 -2
  3. package/dist/components/code-block-button/code-block-button.d.cts +2 -2
  4. package/dist/components/code-block-button/code-block-button.d.ts +2 -2
  5. package/dist/components/heading-dropdown-menu/heading-dropdown-menu.d.cts +2 -2
  6. package/dist/components/heading-dropdown-menu/heading-dropdown-menu.d.ts +2 -2
  7. package/dist/components/heading-dropdown-menu/heading-menu-item.d.cts +2 -2
  8. package/dist/components/heading-dropdown-menu/heading-menu-item.d.ts +2 -2
  9. package/dist/components/image-popover/image-popover.d.cts +2 -2
  10. package/dist/components/image-popover/image-popover.d.ts +2 -2
  11. package/dist/components/image-popover/use-image-popover.d.cts +3 -3
  12. package/dist/components/image-popover/use-image-popover.d.ts +3 -3
  13. package/dist/components/link-popover/link-popover.d.cts +2 -2
  14. package/dist/components/link-popover/link-popover.d.ts +2 -2
  15. package/dist/components/link-popover/use-link-popover.d.cts +2 -2
  16. package/dist/components/link-popover/use-link-popover.d.ts +2 -2
  17. package/dist/components/list-dropdown-menu/list-dropdown-menu.d.cts +2 -2
  18. package/dist/components/list-dropdown-menu/list-dropdown-menu.d.ts +2 -2
  19. package/dist/components/list-dropdown-menu/list-menu-item.d.cts +2 -2
  20. package/dist/components/list-dropdown-menu/list-menu-item.d.ts +2 -2
  21. package/dist/components/mark-button/mark-button.d.cts +2 -2
  22. package/dist/components/mark-button/mark-button.d.ts +2 -2
  23. package/dist/components/toolbar/toolbar.d.cts +2 -2
  24. package/dist/components/toolbar/toolbar.d.ts +2 -2
  25. package/dist/components/ui/button.d.cts +2 -2
  26. package/dist/components/ui/button.d.ts +2 -2
  27. package/dist/components/ui/command.cjs +92 -29
  28. package/dist/components/ui/command.cjs.map +1 -1
  29. package/dist/components/ui/command.d.cts +18 -8
  30. package/dist/components/ui/command.d.ts +18 -8
  31. package/dist/components/ui/command.mjs +95 -29
  32. package/dist/components/ui/command.mjs.map +1 -1
  33. package/dist/components/ui/dialog.cjs +188 -0
  34. package/dist/components/ui/dialog.cjs.map +1 -0
  35. package/dist/components/ui/dialog.d.cts +20 -0
  36. package/dist/components/ui/dialog.d.ts +20 -0
  37. package/dist/components/ui/dialog.mjs +155 -0
  38. package/dist/components/ui/dialog.mjs.map +1 -0
  39. package/dist/components/ui/dropdown-menu.cjs +3 -2
  40. package/dist/components/ui/dropdown-menu.cjs.map +1 -1
  41. package/dist/components/ui/dropdown-menu.d.cts +16 -16
  42. package/dist/components/ui/dropdown-menu.d.ts +16 -16
  43. package/dist/components/ui/dropdown-menu.mjs +3 -2
  44. package/dist/components/ui/dropdown-menu.mjs.map +1 -1
  45. package/dist/components/ui/input-group.cjs +175 -0
  46. package/dist/components/ui/input-group.cjs.map +1 -0
  47. package/dist/components/ui/input-group.d.cts +20 -0
  48. package/dist/components/ui/input-group.d.ts +20 -0
  49. package/dist/components/ui/input-group.mjs +146 -0
  50. package/dist/components/ui/input-group.mjs.map +1 -0
  51. package/dist/components/ui/input.cjs +1 -1
  52. package/dist/components/ui/input.cjs.map +1 -1
  53. package/dist/components/ui/input.d.cts +2 -2
  54. package/dist/components/ui/input.d.ts +2 -2
  55. package/dist/components/ui/input.mjs +1 -1
  56. package/dist/components/ui/input.mjs.map +1 -1
  57. package/dist/components/ui/popover.cjs +46 -6
  58. package/dist/components/ui/popover.cjs.map +1 -1
  59. package/dist/components/ui/popover.d.cts +9 -6
  60. package/dist/components/ui/popover.d.ts +9 -6
  61. package/dist/components/ui/popover.mjs +43 -6
  62. package/dist/components/ui/popover.mjs.map +1 -1
  63. package/dist/components/ui/separator.cjs +2 -1
  64. package/dist/components/ui/separator.cjs.map +1 -1
  65. package/dist/components/ui/separator.d.cts +2 -2
  66. package/dist/components/ui/separator.d.ts +2 -2
  67. package/dist/components/ui/separator.mjs +2 -1
  68. package/dist/components/ui/separator.mjs.map +1 -1
  69. package/dist/components/ui/textarea.cjs +43 -0
  70. package/dist/components/ui/textarea.cjs.map +1 -0
  71. package/dist/components/ui/textarea.d.cts +6 -0
  72. package/dist/components/ui/textarea.d.ts +6 -0
  73. package/dist/components/ui/textarea.mjs +19 -0
  74. package/dist/components/ui/textarea.mjs.map +1 -0
  75. package/dist/components/undo-redo-button/undo-redo-button.d.cts +2 -2
  76. package/dist/components/undo-redo-button/undo-redo-button.d.ts +2 -2
  77. package/dist/components/undo-redo-button/use-undo-redo.d.cts +2 -2
  78. package/dist/components/undo-redo-button/use-undo-redo.d.ts +2 -2
  79. package/dist/extensions/code-block.cjs.map +1 -1
  80. package/dist/extensions/code-block.mjs.map +1 -1
  81. package/dist/hooks/use-markdown-editor.cjs +9 -0
  82. package/dist/hooks/use-markdown-editor.cjs.map +1 -1
  83. package/dist/hooks/use-markdown-editor.d.cts +0 -1
  84. package/dist/hooks/use-markdown-editor.d.ts +0 -1
  85. package/dist/hooks/use-markdown-editor.mjs +9 -0
  86. package/dist/hooks/use-markdown-editor.mjs.map +1 -1
  87. package/dist/notra-editor.cjs +3 -12
  88. package/dist/notra-editor.cjs.map +1 -1
  89. package/dist/notra-editor.d.cts +1 -7
  90. package/dist/notra-editor.d.ts +1 -7
  91. package/dist/notra-editor.mjs +3 -12
  92. package/dist/notra-editor.mjs.map +1 -1
  93. package/dist/notra-reader.cjs +1 -3
  94. package/dist/notra-reader.cjs.map +1 -1
  95. package/dist/notra-reader.d.cts +1 -3
  96. package/dist/notra-reader.d.ts +1 -3
  97. package/dist/notra-reader.mjs +1 -3
  98. package/dist/notra-reader.mjs.map +1 -1
  99. package/dist/styles/globals.css +952 -205
  100. package/dist/themes/default/editor.css +3035 -245
  101. package/dist/themes/default/reader.css +965 -10
  102. package/package.json +5 -3
  103. package/dist/icons/redo-icon.cjs +0 -54
  104. package/dist/icons/redo-icon.cjs.map +0 -1
  105. package/dist/icons/redo-icon.d.cts +0 -7
  106. package/dist/icons/redo-icon.d.ts +0 -7
  107. package/dist/icons/redo-icon.mjs +0 -30
  108. package/dist/icons/redo-icon.mjs.map +0 -1
  109. package/dist/icons/undo-icon.cjs +0 -54
  110. package/dist/icons/undo-icon.cjs.map +0 -1
  111. package/dist/icons/undo-icon.d.cts +0 -7
  112. package/dist/icons/undo-icon.d.ts +0 -7
  113. package/dist/icons/undo-icon.mjs +0 -30
  114. package/dist/icons/undo-icon.mjs.map +0 -1
  115. package/dist/themes/default/shared.css +0 -576
@@ -1,9 +1,9 @@
1
- import * as react from 'react';
1
+ import * as React$1 from 'react';
2
2
  import { Editor } from '@tiptap/core';
3
3
 
4
4
  interface BlockquoteButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
5
5
  editor: Editor | null;
6
6
  }
7
- declare const BlockquoteButton: react.ForwardRefExoticComponent<BlockquoteButtonProps & react.RefAttributes<HTMLButtonElement>>;
7
+ declare const BlockquoteButton: React$1.ForwardRefExoticComponent<BlockquoteButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
8
8
 
9
9
  export { BlockquoteButton, type BlockquoteButtonProps };
@@ -1,9 +1,9 @@
1
- import * as react from 'react';
1
+ import * as React$1 from 'react';
2
2
  import { Editor } from '@tiptap/core';
3
3
 
4
4
  interface BlockquoteButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
5
5
  editor: Editor | null;
6
6
  }
7
- declare const BlockquoteButton: react.ForwardRefExoticComponent<BlockquoteButtonProps & react.RefAttributes<HTMLButtonElement>>;
7
+ declare const BlockquoteButton: React$1.ForwardRefExoticComponent<BlockquoteButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
8
8
 
9
9
  export { BlockquoteButton, type BlockquoteButtonProps };
@@ -1,9 +1,9 @@
1
- import * as react from 'react';
1
+ import * as React$1 from 'react';
2
2
  import { Editor } from '@tiptap/core';
3
3
 
4
4
  interface CodeBlockButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
5
5
  editor: Editor | null;
6
6
  }
7
- declare const CodeBlockButton: react.ForwardRefExoticComponent<CodeBlockButtonProps & react.RefAttributes<HTMLButtonElement>>;
7
+ declare const CodeBlockButton: React$1.ForwardRefExoticComponent<CodeBlockButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
8
8
 
9
9
  export { CodeBlockButton, type CodeBlockButtonProps };
@@ -1,9 +1,9 @@
1
- import * as react from 'react';
1
+ import * as React$1 from 'react';
2
2
  import { Editor } from '@tiptap/core';
3
3
 
4
4
  interface CodeBlockButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
5
5
  editor: Editor | null;
6
6
  }
7
- declare const CodeBlockButton: react.ForwardRefExoticComponent<CodeBlockButtonProps & react.RefAttributes<HTMLButtonElement>>;
7
+ declare const CodeBlockButton: React$1.ForwardRefExoticComponent<CodeBlockButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
8
8
 
9
9
  export { CodeBlockButton, type CodeBlockButtonProps };
@@ -1,4 +1,4 @@
1
- import * as react from 'react';
1
+ import * as React from 'react';
2
2
  import { ComponentProps } from 'react';
3
3
  import { HeadingLevel } from './use-heading.cjs';
4
4
  import { Button } from '../ui/button.cjs';
@@ -12,6 +12,6 @@ interface HeadingDropdownMenuProps extends Omit<ComponentProps<typeof Button>, '
12
12
  editor: Editor | null;
13
13
  levels?: HeadingLevel[];
14
14
  }
15
- declare const HeadingDropdownMenu: react.ForwardRefExoticComponent<Omit<HeadingDropdownMenuProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
15
+ declare const HeadingDropdownMenu: React.ForwardRefExoticComponent<Omit<HeadingDropdownMenuProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
16
16
 
17
17
  export { HeadingDropdownMenu, type HeadingDropdownMenuProps };
@@ -1,4 +1,4 @@
1
- import * as react from 'react';
1
+ import * as React from 'react';
2
2
  import { ComponentProps } from 'react';
3
3
  import { HeadingLevel } from './use-heading.js';
4
4
  import { Button } from '../ui/button.js';
@@ -12,6 +12,6 @@ interface HeadingDropdownMenuProps extends Omit<ComponentProps<typeof Button>, '
12
12
  editor: Editor | null;
13
13
  levels?: HeadingLevel[];
14
14
  }
15
- declare const HeadingDropdownMenu: react.ForwardRefExoticComponent<Omit<HeadingDropdownMenuProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
15
+ declare const HeadingDropdownMenu: React.ForwardRefExoticComponent<Omit<HeadingDropdownMenuProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
16
16
 
17
17
  export { HeadingDropdownMenu, type HeadingDropdownMenuProps };
@@ -1,4 +1,4 @@
1
- import * as react from 'react';
1
+ import * as React from 'react';
2
2
  import { HeadingLevel } from './use-heading.cjs';
3
3
  import { Editor } from '@tiptap/core';
4
4
  import 'lucide-react';
@@ -7,6 +7,6 @@ interface HeadingMenuItemProps {
7
7
  editor: Editor | null;
8
8
  level: HeadingLevel;
9
9
  }
10
- declare const HeadingMenuItem: react.ForwardRefExoticComponent<HeadingMenuItemProps & react.RefAttributes<HTMLDivElement>>;
10
+ declare const HeadingMenuItem: React.ForwardRefExoticComponent<HeadingMenuItemProps & React.RefAttributes<HTMLDivElement>>;
11
11
 
12
12
  export { HeadingMenuItem, type HeadingMenuItemProps };
@@ -1,4 +1,4 @@
1
- import * as react from 'react';
1
+ import * as React from 'react';
2
2
  import { HeadingLevel } from './use-heading.js';
3
3
  import { Editor } from '@tiptap/core';
4
4
  import 'lucide-react';
@@ -7,6 +7,6 @@ interface HeadingMenuItemProps {
7
7
  editor: Editor | null;
8
8
  level: HeadingLevel;
9
9
  }
10
- declare const HeadingMenuItem: react.ForwardRefExoticComponent<HeadingMenuItemProps & react.RefAttributes<HTMLDivElement>>;
10
+ declare const HeadingMenuItem: React.ForwardRefExoticComponent<HeadingMenuItemProps & React.RefAttributes<HTMLDivElement>>;
11
11
 
12
12
  export { HeadingMenuItem, type HeadingMenuItemProps };
@@ -1,9 +1,9 @@
1
- import * as react from 'react';
1
+ import * as React$1 from 'react';
2
2
  import { Editor } from '@tiptap/core';
3
3
 
4
4
  interface ImagePopoverProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
5
5
  editor: Editor | null;
6
6
  }
7
- declare const ImagePopover: react.ForwardRefExoticComponent<ImagePopoverProps & react.RefAttributes<HTMLButtonElement>>;
7
+ declare const ImagePopover: React$1.ForwardRefExoticComponent<ImagePopoverProps & React$1.RefAttributes<HTMLButtonElement>>;
8
8
 
9
9
  export { ImagePopover, type ImagePopoverProps };
@@ -1,9 +1,9 @@
1
- import * as react from 'react';
1
+ import * as React$1 from 'react';
2
2
  import { Editor } from '@tiptap/core';
3
3
 
4
4
  interface ImagePopoverProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
5
5
  editor: Editor | null;
6
6
  }
7
- declare const ImagePopover: react.ForwardRefExoticComponent<ImagePopoverProps & react.RefAttributes<HTMLButtonElement>>;
7
+ declare const ImagePopover: React$1.ForwardRefExoticComponent<ImagePopoverProps & React$1.RefAttributes<HTMLButtonElement>>;
8
8
 
9
9
  export { ImagePopover, type ImagePopoverProps };
@@ -1,4 +1,4 @@
1
- import * as react from 'react';
1
+ import * as React from 'react';
2
2
  import { Editor } from '@tiptap/core';
3
3
 
4
4
  interface UseImagePopoverConfig {
@@ -6,9 +6,9 @@ interface UseImagePopoverConfig {
6
6
  }
7
7
  declare function useImagePopover({ editor }: UseImagePopoverConfig): {
8
8
  url: string;
9
- setUrl: react.Dispatch<react.SetStateAction<string>>;
9
+ setUrl: React.Dispatch<React.SetStateAction<string>>;
10
10
  alt: string;
11
- setAlt: react.Dispatch<react.SetStateAction<string>>;
11
+ setAlt: React.Dispatch<React.SetStateAction<string>>;
12
12
  isActive: boolean;
13
13
  canSet: boolean;
14
14
  setImage: () => void;
@@ -1,4 +1,4 @@
1
- import * as react from 'react';
1
+ import * as React from 'react';
2
2
  import { Editor } from '@tiptap/core';
3
3
 
4
4
  interface UseImagePopoverConfig {
@@ -6,9 +6,9 @@ interface UseImagePopoverConfig {
6
6
  }
7
7
  declare function useImagePopover({ editor }: UseImagePopoverConfig): {
8
8
  url: string;
9
- setUrl: react.Dispatch<react.SetStateAction<string>>;
9
+ setUrl: React.Dispatch<React.SetStateAction<string>>;
10
10
  alt: string;
11
- setAlt: react.Dispatch<react.SetStateAction<string>>;
11
+ setAlt: React.Dispatch<React.SetStateAction<string>>;
12
12
  isActive: boolean;
13
13
  canSet: boolean;
14
14
  setImage: () => void;
@@ -1,9 +1,9 @@
1
- import * as react from 'react';
1
+ import * as React$1 from 'react';
2
2
  import { Editor } from '@tiptap/core';
3
3
 
4
4
  interface LinkPopoverProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
5
5
  editor: Editor | null;
6
6
  }
7
- declare const LinkPopover: react.ForwardRefExoticComponent<LinkPopoverProps & react.RefAttributes<HTMLButtonElement>>;
7
+ declare const LinkPopover: React$1.ForwardRefExoticComponent<LinkPopoverProps & React$1.RefAttributes<HTMLButtonElement>>;
8
8
 
9
9
  export { LinkPopover, type LinkPopoverProps };
@@ -1,9 +1,9 @@
1
- import * as react from 'react';
1
+ import * as React$1 from 'react';
2
2
  import { Editor } from '@tiptap/core';
3
3
 
4
4
  interface LinkPopoverProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
5
5
  editor: Editor | null;
6
6
  }
7
- declare const LinkPopover: react.ForwardRefExoticComponent<LinkPopoverProps & react.RefAttributes<HTMLButtonElement>>;
7
+ declare const LinkPopover: React$1.ForwardRefExoticComponent<LinkPopoverProps & React$1.RefAttributes<HTMLButtonElement>>;
8
8
 
9
9
  export { LinkPopover, type LinkPopoverProps };
@@ -1,4 +1,4 @@
1
- import * as react from 'react';
1
+ import * as React from 'react';
2
2
  import { Editor } from '@tiptap/core';
3
3
 
4
4
  interface UseLinkPopoverConfig {
@@ -6,7 +6,7 @@ interface UseLinkPopoverConfig {
6
6
  }
7
7
  declare function useLinkPopover({ editor }: UseLinkPopoverConfig): {
8
8
  url: string;
9
- setUrl: react.Dispatch<react.SetStateAction<string>>;
9
+ setUrl: React.Dispatch<React.SetStateAction<string>>;
10
10
  isActive: boolean;
11
11
  canSet: boolean;
12
12
  setLink: () => void;
@@ -1,4 +1,4 @@
1
- import * as react from 'react';
1
+ import * as React from 'react';
2
2
  import { Editor } from '@tiptap/core';
3
3
 
4
4
  interface UseLinkPopoverConfig {
@@ -6,7 +6,7 @@ interface UseLinkPopoverConfig {
6
6
  }
7
7
  declare function useLinkPopover({ editor }: UseLinkPopoverConfig): {
8
8
  url: string;
9
- setUrl: react.Dispatch<react.SetStateAction<string>>;
9
+ setUrl: React.Dispatch<React.SetStateAction<string>>;
10
10
  isActive: boolean;
11
11
  canSet: boolean;
12
12
  setLink: () => void;
@@ -1,4 +1,4 @@
1
- import * as react from 'react';
1
+ import * as React from 'react';
2
2
  import { ComponentProps } from 'react';
3
3
  import { ListType } from './use-list.cjs';
4
4
  import { Button } from '../ui/button.cjs';
@@ -12,6 +12,6 @@ interface ListDropdownMenuProps extends Omit<ComponentProps<typeof Button>, 'typ
12
12
  editor: Editor | null;
13
13
  types?: ListType[];
14
14
  }
15
- declare const ListDropdownMenu: react.ForwardRefExoticComponent<Omit<ListDropdownMenuProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
15
+ declare const ListDropdownMenu: React.ForwardRefExoticComponent<Omit<ListDropdownMenuProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
16
16
 
17
17
  export { ListDropdownMenu, type ListDropdownMenuProps };
@@ -1,4 +1,4 @@
1
- import * as react from 'react';
1
+ import * as React from 'react';
2
2
  import { ComponentProps } from 'react';
3
3
  import { ListType } from './use-list.js';
4
4
  import { Button } from '../ui/button.js';
@@ -12,6 +12,6 @@ interface ListDropdownMenuProps extends Omit<ComponentProps<typeof Button>, 'typ
12
12
  editor: Editor | null;
13
13
  types?: ListType[];
14
14
  }
15
- declare const ListDropdownMenu: react.ForwardRefExoticComponent<Omit<ListDropdownMenuProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
15
+ declare const ListDropdownMenu: React.ForwardRefExoticComponent<Omit<ListDropdownMenuProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
16
16
 
17
17
  export { ListDropdownMenu, type ListDropdownMenuProps };
@@ -1,4 +1,4 @@
1
- import * as react from 'react';
1
+ import * as React from 'react';
2
2
  import { ListType } from './use-list.cjs';
3
3
  import { Editor } from '@tiptap/core';
4
4
  import 'lucide-react';
@@ -7,6 +7,6 @@ interface ListMenuItemProps {
7
7
  editor: Editor | null;
8
8
  listType: ListType;
9
9
  }
10
- declare const ListMenuItem: react.ForwardRefExoticComponent<ListMenuItemProps & react.RefAttributes<HTMLDivElement>>;
10
+ declare const ListMenuItem: React.ForwardRefExoticComponent<ListMenuItemProps & React.RefAttributes<HTMLDivElement>>;
11
11
 
12
12
  export { ListMenuItem, type ListMenuItemProps };
@@ -1,4 +1,4 @@
1
- import * as react from 'react';
1
+ import * as React from 'react';
2
2
  import { ListType } from './use-list.js';
3
3
  import { Editor } from '@tiptap/core';
4
4
  import 'lucide-react';
@@ -7,6 +7,6 @@ interface ListMenuItemProps {
7
7
  editor: Editor | null;
8
8
  listType: ListType;
9
9
  }
10
- declare const ListMenuItem: react.ForwardRefExoticComponent<ListMenuItemProps & react.RefAttributes<HTMLDivElement>>;
10
+ declare const ListMenuItem: React.ForwardRefExoticComponent<ListMenuItemProps & React.RefAttributes<HTMLDivElement>>;
11
11
 
12
12
  export { ListMenuItem, type ListMenuItemProps };
@@ -1,4 +1,4 @@
1
- import * as react from 'react';
1
+ import * as React$1 from 'react';
2
2
  import { MarkType } from './use-mark.cjs';
3
3
  import { Editor } from '@tiptap/core';
4
4
  import 'lucide-react';
@@ -7,6 +7,6 @@ interface MarkButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElem
7
7
  editor: Editor | null;
8
8
  type: MarkType;
9
9
  }
10
- declare const MarkButton: react.ForwardRefExoticComponent<MarkButtonProps & react.RefAttributes<HTMLButtonElement>>;
10
+ declare const MarkButton: React$1.ForwardRefExoticComponent<MarkButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
11
11
 
12
12
  export { MarkButton, type MarkButtonProps };
@@ -1,4 +1,4 @@
1
- import * as react from 'react';
1
+ import * as React$1 from 'react';
2
2
  import { MarkType } from './use-mark.js';
3
3
  import { Editor } from '@tiptap/core';
4
4
  import 'lucide-react';
@@ -7,6 +7,6 @@ interface MarkButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElem
7
7
  editor: Editor | null;
8
8
  type: MarkType;
9
9
  }
10
- declare const MarkButton: react.ForwardRefExoticComponent<MarkButtonProps & react.RefAttributes<HTMLButtonElement>>;
10
+ declare const MarkButton: React$1.ForwardRefExoticComponent<MarkButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
11
11
 
12
12
  export { MarkButton, type MarkButtonProps };
@@ -1,10 +1,10 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as react from 'react';
2
+ import * as React$1 from 'react';
3
3
 
4
4
  interface ToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
5
5
  variant?: 'fixed' | 'floating';
6
6
  }
7
- declare const Toolbar: react.ForwardRefExoticComponent<ToolbarProps & react.RefAttributes<HTMLDivElement>>;
7
+ declare const Toolbar: React$1.ForwardRefExoticComponent<ToolbarProps & React$1.RefAttributes<HTMLDivElement>>;
8
8
  declare function ToolbarGroup({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
9
9
  interface ToolbarSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
10
10
  orientation?: 'horizontal' | 'vertical';
@@ -1,10 +1,10 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as react from 'react';
2
+ import * as React$1 from 'react';
3
3
 
4
4
  interface ToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
5
5
  variant?: 'fixed' | 'floating';
6
6
  }
7
- declare const Toolbar: react.ForwardRefExoticComponent<ToolbarProps & react.RefAttributes<HTMLDivElement>>;
7
+ declare const Toolbar: React$1.ForwardRefExoticComponent<ToolbarProps & React$1.RefAttributes<HTMLDivElement>>;
8
8
  declare function ToolbarGroup({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
9
9
  interface ToolbarSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
10
10
  orientation?: 'horizontal' | 'vertical';
@@ -1,13 +1,13 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as class_variance_authority_types from 'class-variance-authority/types';
3
3
  import { VariantProps } from 'class-variance-authority';
4
- import * as react from 'react';
4
+ import * as React from 'react';
5
5
 
6
6
  declare const buttonVariants: (props?: ({
7
7
  variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
8
8
  size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
9
9
  } & class_variance_authority_types.ClassProp) | undefined) => string;
10
- declare function Button({ className, variant, size, asChild, ...props }: react.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
10
+ declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
11
11
  asChild?: boolean;
12
12
  }): react_jsx_runtime.JSX.Element;
13
13
 
@@ -1,13 +1,13 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as class_variance_authority_types from 'class-variance-authority/types';
3
3
  import { VariantProps } from 'class-variance-authority';
4
- import * as react from 'react';
4
+ import * as React from 'react';
5
5
 
6
6
  declare const buttonVariants: (props?: ({
7
7
  variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
8
8
  size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
9
9
  } & class_variance_authority_types.ClassProp) | undefined) => string;
10
- declare function Button({ className, variant, size, asChild, ...props }: react.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
10
+ declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
11
11
  asChild?: boolean;
12
12
  }): react_jsx_runtime.JSX.Element;
13
13
 
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ "use client";
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -19,16 +20,21 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
19
20
  var command_exports = {};
20
21
  __export(command_exports, {
21
22
  Command: () => Command,
23
+ CommandDialog: () => CommandDialog,
22
24
  CommandEmpty: () => CommandEmpty,
23
25
  CommandGroup: () => CommandGroup,
24
26
  CommandInput: () => CommandInput,
25
27
  CommandItem: () => CommandItem,
26
- CommandList: () => CommandList
28
+ CommandList: () => CommandList,
29
+ CommandSeparator: () => CommandSeparator,
30
+ CommandShortcut: () => CommandShortcut
27
31
  });
28
32
  module.exports = __toCommonJS(command_exports);
29
33
  var import_jsx_runtime = require("react/jsx-runtime");
30
34
  var import_cmdk = require("cmdk");
31
35
  var import_lucide_react = require("lucide-react");
36
+ var import_dialog = require("./dialog");
37
+ var import_input_group = require("./input-group");
32
38
  var import_utils = require("../../lib/utils");
33
39
  function Command({
34
40
  className,
@@ -38,7 +44,7 @@ function Command({
38
44
  import_cmdk.Command,
39
45
  {
40
46
  className: (0, import_utils.cn)(
41
- "nt:flex nt:h-full nt:w-full nt:flex-col nt:overflow-hidden nt:rounded-lg nt:bg-popover nt:text-popover-foreground",
47
+ "nt:flex nt:size-full nt:flex-col nt:overflow-hidden nt:rounded-xl! nt:bg-popover nt:p-1 nt:text-popover-foreground",
42
48
  className
43
49
  ),
44
50
  "data-slot": "command",
@@ -46,31 +52,50 @@ function Command({
46
52
  }
47
53
  );
48
54
  }
55
+ function CommandDialog({
56
+ title = "Command Palette",
57
+ description = "Search for a command to run...",
58
+ children,
59
+ className,
60
+ showCloseButton = false,
61
+ ...props
62
+ }) {
63
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.Dialog, { ...props, children: [
64
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogHeader, { className: "nt:sr-only", children: [
65
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTitle, { children: title }),
66
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogDescription, { children: description })
67
+ ] }),
68
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
69
+ import_dialog.DialogContent,
70
+ {
71
+ className: (0, import_utils.cn)(
72
+ "nt:top-1/3 nt:translate-y-0 nt:overflow-hidden nt:rounded-xl! nt:p-0",
73
+ className
74
+ ),
75
+ showCloseButton,
76
+ children
77
+ }
78
+ )
79
+ ] });
80
+ }
49
81
  function CommandInput({
50
82
  className,
51
83
  ...props
52
84
  }) {
53
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
54
- "div",
55
- {
56
- className: "nt:flex nt:items-center nt:gap-2 nt:border-b nt:border-foreground/10 nt:px-3",
57
- "data-slot": "command-input-wrapper",
58
- children: [
59
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.SearchIcon, { className: "nt:size-4 nt:shrink-0 nt:opacity-50" }),
60
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
61
- import_cmdk.Command.Input,
62
- {
63
- className: (0, import_utils.cn)(
64
- "nt:flex nt:h-9 nt:w-full nt:rounded-md nt:bg-transparent nt:py-3 nt:text-sm nt:outline-hidden nt:placeholder:text-muted-foreground nt:disabled:cursor-not-allowed nt:disabled:opacity-50",
65
- className
66
- ),
67
- "data-slot": "command-input",
68
- ...props
69
- }
70
- )
71
- ]
72
- }
73
- );
85
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "nt:p-1 nt:pb-0", "data-slot": "command-input-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_input_group.InputGroup, { className: "nt:h-8! nt:rounded-lg! nt:border-input/30 nt:bg-input/30 nt:shadow-none! nt:*:data-[slot=input-group-addon]:pl-2!", children: [
86
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
87
+ import_cmdk.Command.Input,
88
+ {
89
+ className: (0, import_utils.cn)(
90
+ "nt:w-full nt:text-sm nt:outline-hidden nt:disabled:cursor-not-allowed nt:disabled:opacity-50",
91
+ className
92
+ ),
93
+ "data-slot": "command-input",
94
+ ...props
95
+ }
96
+ ),
97
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_group.InputGroupAddon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.SearchIcon, { className: "nt:size-4 nt:shrink-0 nt:opacity-50" }) })
98
+ ] }) });
74
99
  }
75
100
  function CommandList({
76
101
  className,
@@ -80,7 +105,7 @@ function CommandList({
80
105
  import_cmdk.Command.List,
81
106
  {
82
107
  className: (0, import_utils.cn)(
83
- "nt:max-h-[300px] nt:scroll-py-1 nt:overflow-x-hidden nt:overflow-y-auto",
108
+ "nt:no-scrollbar nt:max-h-72 nt:scroll-py-1 nt:overflow-x-hidden nt:overflow-y-auto nt:outline-none",
84
109
  className
85
110
  ),
86
111
  "data-slot": "command-list",
@@ -89,12 +114,13 @@ function CommandList({
89
114
  );
90
115
  }
91
116
  function CommandEmpty({
117
+ className,
92
118
  ...props
93
119
  }) {
94
120
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
95
121
  import_cmdk.Command.Empty,
96
122
  {
97
- className: "nt:py-6 nt:text-center nt:text-sm",
123
+ className: (0, import_utils.cn)("nt:py-6 nt:text-center nt:text-sm", className),
98
124
  "data-slot": "command-empty",
99
125
  ...props
100
126
  }
@@ -108,7 +134,7 @@ function CommandGroup({
108
134
  import_cmdk.Command.Group,
109
135
  {
110
136
  className: (0, import_utils.cn)(
111
- "nt:overflow-hidden nt:p-1 nt:text-foreground nt:[&_[cmdk-group-heading]]:px-2 nt:[&_[cmdk-group-heading]]:py-1.5 nt:[&_[cmdk-group-heading]]:text-xs nt:[&_[cmdk-group-heading]]:font-medium nt:[&_[cmdk-group-heading]]:text-muted-foreground",
137
+ "nt:overflow-hidden nt:p-1 nt:text-foreground nt:**:[[cmdk-group-heading]]:px-2 nt:**:[[cmdk-group-heading]]:py-1.5 nt:**:[[cmdk-group-heading]]:text-xs nt:**:[[cmdk-group-heading]]:font-medium nt:**:[[cmdk-group-heading]]:text-muted-foreground",
112
138
  className
113
139
  ),
114
140
  "data-slot": "command-group",
@@ -116,18 +142,52 @@ function CommandGroup({
116
142
  }
117
143
  );
118
144
  }
119
- function CommandItem({
145
+ function CommandSeparator({
120
146
  className,
121
147
  ...props
122
148
  }) {
123
149
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
150
+ import_cmdk.Command.Separator,
151
+ {
152
+ className: (0, import_utils.cn)("nt:-mx-1 nt:h-px nt:bg-border", className),
153
+ "data-slot": "command-separator",
154
+ ...props
155
+ }
156
+ );
157
+ }
158
+ function CommandItem({
159
+ className,
160
+ children,
161
+ ...props
162
+ }) {
163
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
124
164
  import_cmdk.Command.Item,
125
165
  {
126
166
  className: (0, import_utils.cn)(
127
- "nt:relative nt:flex nt:cursor-default nt:items-center nt:gap-2 nt:rounded-md nt:px-2 nt:py-1.5 nt:text-sm nt:outline-hidden nt:select-none nt:data-[selected=true]:bg-accent nt:data-[selected=true]:text-accent-foreground nt:data-[disabled=true]:pointer-events-none nt:data-[disabled=true]:opacity-50",
167
+ "nt:group/command-item nt:relative nt:flex nt:cursor-default nt:items-center nt:gap-2 nt:rounded-sm nt:px-2 nt:py-1.5 nt:text-sm nt:outline-hidden nt:select-none nt:in-data-[slot=dialog-content]:rounded-lg! nt:data-[disabled=true]:pointer-events-none nt:data-[disabled=true]:opacity-50 nt:data-selected:bg-muted nt:data-selected:text-foreground nt:[&_svg]:pointer-events-none nt:[&_svg]:shrink-0 nt:[&_svg:not([class*=size-])]:size-4 nt:data-selected:*:[svg]:text-foreground",
128
168
  className
129
169
  ),
130
170
  "data-slot": "command-item",
171
+ ...props,
172
+ children: [
173
+ children,
174
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckIcon, { className: "nt:ml-auto nt:opacity-0 nt:group-has-data-[slot=command-shortcut]/command-item:hidden nt:group-data-[checked=true]/command-item:opacity-100" })
175
+ ]
176
+ }
177
+ );
178
+ }
179
+ function CommandShortcut({
180
+ className,
181
+ ...props
182
+ }) {
183
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
184
+ "span",
185
+ {
186
+ className: (0, import_utils.cn)(
187
+ "nt:ml-auto nt:text-xs nt:tracking-widest nt:text-muted-foreground nt:group-data-selected/command-item:text-foreground",
188
+ className
189
+ ),
190
+ "data-slot": "command-shortcut",
131
191
  ...props
132
192
  }
133
193
  );
@@ -135,10 +195,13 @@ function CommandItem({
135
195
  // Annotate the CommonJS export names for ESM import in node:
136
196
  0 && (module.exports = {
137
197
  Command,
198
+ CommandDialog,
138
199
  CommandEmpty,
139
200
  CommandGroup,
140
201
  CommandInput,
141
202
  CommandItem,
142
- CommandList
203
+ CommandList,
204
+ CommandSeparator,
205
+ CommandShortcut
143
206
  });
144
207
  //# sourceMappingURL=command.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/ui/command.tsx"],"sourcesContent":["import { Command as CommandPrimitive } from 'cmdk';\nimport { SearchIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '../../lib/utils';\n\nfunction Command({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n\treturn (\n\t\t<CommandPrimitive\n\t\t\tclassName={cn(\n\t\t\t\t'nt:flex nt:h-full nt:w-full nt:flex-col nt:overflow-hidden nt:rounded-lg nt:bg-popover nt:text-popover-foreground',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tdata-slot=\"command\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CommandInput({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n\treturn (\n\t\t<div\n\t\t\tclassName=\"nt:flex nt:items-center nt:gap-2 nt:border-b nt:border-foreground/10 nt:px-3\"\n\t\t\tdata-slot=\"command-input-wrapper\"\n\t\t>\n\t\t\t<SearchIcon className=\"nt:size-4 nt:shrink-0 nt:opacity-50\" />\n\t\t\t<CommandPrimitive.Input\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'nt:flex nt:h-9 nt:w-full nt:rounded-md nt:bg-transparent nt:py-3 nt:text-sm nt:outline-hidden nt:placeholder:text-muted-foreground nt:disabled:cursor-not-allowed nt:disabled:opacity-50',\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\tdata-slot=\"command-input\"\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nfunction CommandList({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n\treturn (\n\t\t<CommandPrimitive.List\n\t\t\tclassName={cn(\n\t\t\t\t'nt:max-h-[300px] nt:scroll-py-1 nt:overflow-x-hidden nt:overflow-y-auto',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tdata-slot=\"command-list\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CommandEmpty({\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n\treturn (\n\t\t<CommandPrimitive.Empty\n\t\t\tclassName=\"nt:py-6 nt:text-center nt:text-sm\"\n\t\t\tdata-slot=\"command-empty\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CommandGroup({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n\treturn (\n\t\t<CommandPrimitive.Group\n\t\t\tclassName={cn(\n\t\t\t\t'nt:overflow-hidden nt:p-1 nt:text-foreground nt:[&_[cmdk-group-heading]]:px-2 nt:[&_[cmdk-group-heading]]:py-1.5 nt:[&_[cmdk-group-heading]]:text-xs nt:[&_[cmdk-group-heading]]:font-medium nt:[&_[cmdk-group-heading]]:text-muted-foreground',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tdata-slot=\"command-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CommandItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n\treturn (\n\t\t<CommandPrimitive.Item\n\t\t\tclassName={cn(\n\t\t\t\t'nt:relative nt:flex nt:cursor-default nt:items-center nt:gap-2 nt:rounded-md nt:px-2 nt:py-1.5 nt:text-sm nt:outline-hidden nt:select-none nt:data-[selected=true]:bg-accent nt:data-[selected=true]:text-accent-foreground nt:data-[disabled=true]:pointer-events-none nt:data-[disabled=true]:opacity-50',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tdata-slot=\"command-item\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWE;AAXF,kBAA4C;AAC5C,0BAA2B;AAG3B,mBAAmB;AAEnB,SAAS,QAAQ;AAAA,EAChB;AAAA,EACA,GAAG;AACJ,GAAkD;AACjD,SACC;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACA,eAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACA,aAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,aAAa;AAAA,EACrB;AAAA,EACA,GAAG;AACJ,GAAwD;AACvD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,aAAU;AAAA,MAEV;AAAA,oDAAC,kCAAW,WAAU,uCAAsC;AAAA,QAC5D;AAAA,UAAC,YAAAA,QAAiB;AAAA,UAAjB;AAAA,YACA,eAAW;AAAA,cACV;AAAA,cACA;AAAA,YACD;AAAA,YACA,aAAU;AAAA,YACT,GAAG;AAAA;AAAA,QACL;AAAA;AAAA;AAAA,EACD;AAEF;AAEA,SAAS,YAAY;AAAA,EACpB;AAAA,EACA,GAAG;AACJ,GAAuD;AACtD,SACC;AAAA,IAAC,YAAAA,QAAiB;AAAA,IAAjB;AAAA,MACA,eAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACA,aAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,aAAa;AAAA,EACrB,GAAG;AACJ,GAAwD;AACvD,SACC;AAAA,IAAC,YAAAA,QAAiB;AAAA,IAAjB;AAAA,MACA,WAAU;AAAA,MACV,aAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,aAAa;AAAA,EACrB;AAAA,EACA,GAAG;AACJ,GAAwD;AACvD,SACC;AAAA,IAAC,YAAAA,QAAiB;AAAA,IAAjB;AAAA,MACA,eAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACA,aAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,YAAY;AAAA,EACpB;AAAA,EACA,GAAG;AACJ,GAAuD;AACtD,SACC;AAAA,IAAC,YAAAA,QAAiB;AAAA,IAAjB;AAAA,MACA,eAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACA,aAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACL;AAEF;","names":["CommandPrimitive"]}
1
+ {"version":3,"sources":["../../../src/components/ui/command.tsx"],"sourcesContent":["'use client';\n\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { SearchIcon, CheckIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n\tDialog,\n\tDialogContent,\n\tDialogDescription,\n\tDialogHeader,\n\tDialogTitle\n} from './dialog';\nimport { InputGroup, InputGroupAddon } from './input-group';\nimport { cn } from '../../lib/utils';\n\nfunction Command({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n\treturn (\n\t\t<CommandPrimitive\n\t\t\tclassName={cn(\n\t\t\t\t'nt:flex nt:size-full nt:flex-col nt:overflow-hidden nt:rounded-xl! nt:bg-popover nt:p-1 nt:text-popover-foreground',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tdata-slot=\"command\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CommandDialog({\n\ttitle = 'Command Palette',\n\tdescription = 'Search for a command to run...',\n\tchildren,\n\tclassName,\n\tshowCloseButton = false,\n\t...props\n}: React.ComponentProps<typeof Dialog> & {\n\ttitle?: string;\n\tdescription?: string;\n\tclassName?: string;\n\tshowCloseButton?: boolean;\n}) {\n\treturn (\n\t\t<Dialog {...props}>\n\t\t\t<DialogHeader className=\"nt:sr-only\">\n\t\t\t\t<DialogTitle>{title}</DialogTitle>\n\t\t\t\t<DialogDescription>{description}</DialogDescription>\n\t\t\t</DialogHeader>\n\t\t\t<DialogContent\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'nt:top-1/3 nt:translate-y-0 nt:overflow-hidden nt:rounded-xl! nt:p-0',\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\tshowCloseButton={showCloseButton}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t);\n}\n\nfunction CommandInput({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n\treturn (\n\t\t<div className=\"nt:p-1 nt:pb-0\" data-slot=\"command-input-wrapper\">\n\t\t\t<InputGroup className=\"nt:h-8! nt:rounded-lg! nt:border-input/30 nt:bg-input/30 nt:shadow-none! nt:*:data-[slot=input-group-addon]:pl-2!\">\n\t\t\t\t<CommandPrimitive.Input\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'nt:w-full nt:text-sm nt:outline-hidden nt:disabled:cursor-not-allowed nt:disabled:opacity-50',\n\t\t\t\t\t\tclassName\n\t\t\t\t\t)}\n\t\t\t\t\tdata-slot=\"command-input\"\n\t\t\t\t\t{...props}\n\t\t\t\t/>\n\t\t\t\t<InputGroupAddon>\n\t\t\t\t\t<SearchIcon className=\"nt:size-4 nt:shrink-0 nt:opacity-50\" />\n\t\t\t\t</InputGroupAddon>\n\t\t\t</InputGroup>\n\t\t</div>\n\t);\n}\n\nfunction CommandList({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n\treturn (\n\t\t<CommandPrimitive.List\n\t\t\tclassName={cn(\n\t\t\t\t'nt:no-scrollbar nt:max-h-72 nt:scroll-py-1 nt:overflow-x-hidden nt:overflow-y-auto nt:outline-none',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tdata-slot=\"command-list\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CommandEmpty({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n\treturn (\n\t\t<CommandPrimitive.Empty\n\t\t\tclassName={cn('nt:py-6 nt:text-center nt:text-sm', className)}\n\t\t\tdata-slot=\"command-empty\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CommandGroup({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n\treturn (\n\t\t<CommandPrimitive.Group\n\t\t\tclassName={cn(\n\t\t\t\t'nt:overflow-hidden nt:p-1 nt:text-foreground nt:**:[[cmdk-group-heading]]:px-2 nt:**:[[cmdk-group-heading]]:py-1.5 nt:**:[[cmdk-group-heading]]:text-xs nt:**:[[cmdk-group-heading]]:font-medium nt:**:[[cmdk-group-heading]]:text-muted-foreground',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tdata-slot=\"command-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CommandSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n\treturn (\n\t\t<CommandPrimitive.Separator\n\t\t\tclassName={cn('nt:-mx-1 nt:h-px nt:bg-border', className)}\n\t\t\tdata-slot=\"command-separator\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CommandItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n\treturn (\n\t\t<CommandPrimitive.Item\n\t\t\tclassName={cn(\n\t\t\t\t'nt:group/command-item nt:relative nt:flex nt:cursor-default nt:items-center nt:gap-2 nt:rounded-sm nt:px-2 nt:py-1.5 nt:text-sm nt:outline-hidden nt:select-none nt:in-data-[slot=dialog-content]:rounded-lg! nt:data-[disabled=true]:pointer-events-none nt:data-[disabled=true]:opacity-50 nt:data-selected:bg-muted nt:data-selected:text-foreground nt:[&_svg]:pointer-events-none nt:[&_svg]:shrink-0 nt:[&_svg:not([class*=size-])]:size-4 nt:data-selected:*:[svg]:text-foreground',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tdata-slot=\"command-item\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<CheckIcon className=\"nt:ml-auto nt:opacity-0 nt:group-has-data-[slot=command-shortcut]/command-item:hidden nt:group-data-[checked=true]/command-item:opacity-100\" />\n\t\t</CommandPrimitive.Item>\n\t);\n}\n\nfunction CommandShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<'span'>) {\n\treturn (\n\t\t<span\n\t\t\tclassName={cn(\n\t\t\t\t'nt:ml-auto nt:text-xs nt:tracking-widest nt:text-muted-foreground nt:group-data-selected/command-item:text-foreground',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tdata-slot=\"command-shortcut\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tCommand,\n\tCommandDialog,\n\tCommandInput,\n\tCommandList,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandItem,\n\tCommandShortcut,\n\tCommandSeparator\n};\n"],"mappings":"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","names":["CommandPrimitive"]}