npm - @d4gger/design-system - Versions diffs - 2.7.0 → 3.0.1 - Mend

@d4gger/design-system 2.7.0 → 3.0.1

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 (1313) hide show

package/dist/components/richTextEditor/RichTextEditor.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/richTextEditor/RichTextEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { EditorContent, useEditor, type Content, type Editor, type UseEditorOptions } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { richTextEditorContentPropDefs, richTextEditorPropDefs, richTextEditorToolbarButtonPropDefs } from './richTextEditor.props'\nimport { Button } from '../button/Button'\nimport { Icon } from '../icon/Icon'\nimport { createArticleExtensions } from '../articleNodes/articleExtensions'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype RichTextEditorOwnProps = GetPropDefTypes<typeof richTextEditorPropDefs>\ntype RichTextEditorContentOwnProps = GetPropDefTypes<typeof richTextEditorContentPropDefs>\ntype RichTextEditorToolbarButtonOwnProps = GetPropDefTypes<typeof richTextEditorToolbarButtonPropDefs>\n\ntype RichTextEditorManagedEditorOptions = Omit<UseEditorOptions, 'content' | 'editable' | 'extensions' | 'onUpdate'>\ntype RichTextEditorToolbarSlot = React.ReactNode | ((context: { disabled: boolean; editor: Editor | null }) => React.ReactNode)\n\nconst defaultRichTextEditorExtensions: NonNullable<UseEditorOptions['extensions']> = [StarterKit]\n\ntype RichTextEditorPreset = 'basic' | 'article'\ntype RichTextEditorExtensionConfig = { preset?: RichTextEditorPreset; extensions?: UseEditorOptions['extensions'] }\n\nfunction createRichTextEditorExtensions(config: RichTextEditorExtensionConfig = {}): NonNullable<UseEditorOptions['extensions']> {\n  if (config.extensions) return config.extensions\n  return config.preset === 'article' ? [StarterKit.configure({ codeBlock: false }), ...createArticleExtensions()] : defaultRichTextEditorExtensions\n}\n\nfunction isRichTextEditorContent(value: unknown): value is Content {\n  return value === null || typeof value === 'string' || typeof value === 'object'\n}\n\nfunction renderRichTextEditorToolbar(toolbar: RichTextEditorToolbarSlot | null | undefined, editor: Editor | null, disabled: boolean) {\n  if (toolbar === null) {\n    return null\n  }\n\n  if (typeof toolbar === 'function') {\n    return toolbar({ disabled, editor })\n  }\n\n  if (toolbar !== undefined) {\n    return toolbar\n  }\n\n  return <RichTextEditorToolbar editor={editor} disabled={disabled} />\n}\n\nfunction getRichTextEditorAttributes(editorOptions?: RichTextEditorManagedEditorOptions) {\n  const attributes = editorOptions?.editorProps?.attributes\n\n  if (!attributes || typeof attributes === 'function') {\n    return {\n      class: 'dsx-rich-text-editor__prosemirror',\n      'data-slot': 'rich-text-editor-prosemirror',\n    }\n  }\n\n  return {\n    ...attributes,\n    class: classNames('dsx-rich-text-editor__prosemirror', attributes.class),\n    'data-slot': 'rich-text-editor-prosemirror',\n  }\n}\n\nfunction getRichTextEditorStatus(editor: Editor | null) {\n  if (!editor) {\n    return 'Editor loading'\n  }\n\n  const plainText = editor.getText().trim()\n\n  if (plainText.length === 0) {\n    return 'Ready to write'\n  }\n\n  return `${plainText.length} characters`\n}\n\ninterface RichTextEditorProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content' | 'onUpdate'>,\n    RichTextEditorOwnProps {\n  content?: unknown\n  editorOptions?: RichTextEditorManagedEditorOptions\n  extensions?: UseEditorOptions['extensions']\n  onEditorUpdate?: (editor: Editor) => void\n  onUpdate?: (content: string) => void\n  placeholder?: string\n  preset?: RichTextEditorPreset\n  serialize?: (editor: Editor) => string\n  toolbar?: RichTextEditorToolbarSlot | null\n}\n\ninterface RichTextEditorShellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, RichTextEditorOwnProps {\n  editor: Editor | null\n  placeholder?: string\n  toolbar?: RichTextEditorToolbarSlot | null\n}\n\ninterface RichTextEditorToolbarProps extends React.HTMLAttributes<HTMLDivElement> {\n  editor: Editor | null\n  disabled?: boolean\n}\n\ninterface RichTextEditorContentProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>,\n    RichTextEditorContentOwnProps {\n  editor: Editor | null\n  placeholder?: string\n}\n\ninterface RichTextEditorToolbarButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    RichTextEditorToolbarButtonOwnProps {}\n\nconst RichTextEditorShell = React.forwardRef<HTMLDivElement, RichTextEditorShellProps>(\n  ({ className: propClassName, disabled = false, editor, placeholder, toolbar, ...props }, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      className,\n      ...editorProps\n    } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        disabled,\n      },\n      richTextEditorPropDefs,\n    )\n\n    return (\n      <div\n        {...editorProps}\n        ref={forwardedRef}\n        className={classNames('dsx-rich-text-editor', className)}\n        aria-disabled={disabled}\n        data-disabled={disabled ? 'true' : undefined}\n        data-slot=\"rich-text-editor\"\n      >\n        {renderRichTextEditorToolbar(toolbar, editor, disabled)}\n        <RichTextEditorContent editor={editor} placeholder={placeholder} disabled={disabled} />\n        <div className=\"dsx-rich-text-editor__status\" data-slot=\"rich-text-editor-status\">\n          <span>{getRichTextEditorStatus(editor)}</span>\n        </div>\n      </div>\n    )\n  },\n)\nRichTextEditorShell.displayName = 'RichTextEditorShell'\n\nconst RichTextEditorToolbarButton = React.forwardRef<HTMLButtonElement, RichTextEditorToolbarButtonProps>(\n  ({ active = false, className: propClassName, ...props }, forwardedRef) => {\n    const { asChild, className, ...buttonProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        active,\n      },\n      richTextEditorToolbarButtonPropDefs,\n    )\n\n    return (\n      <Button\n        {...buttonProps}\n        ref={forwardedRef}\n        asChild={asChild}\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-pressed={active}\n        data-active={active ? 'true' : undefined}\n        data-slot=\"rich-text-editor-toolbar-button\"\n        className={classNames('dsx-rich-text-editor__toolbar-button', className)}\n      />\n    )\n  },\n)\nRichTextEditorToolbarButton.displayName = 'RichTextEditorToolbarButton'\n\nconst RichTextEditorToolbar = React.forwardRef<HTMLDivElement, RichTextEditorToolbarProps>(\n  ({ editor, disabled = false, className, ...props }, forwardedRef) => {\n    const toolbarDisabled = disabled || !editor\n\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-rich-text-editor__toolbar', className)}\n        data-disabled={toolbarDisabled ? 'true' : undefined}\n        data-slot=\"rich-text-editor-toolbar\"\n        role=\"toolbar\"\n        aria-label=\"Formatting toolbar\"\n      >\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"Text style\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">Text</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('bold') ?? false}\n            aria-label=\"Bold\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleBold().run()}\n          >\n            <Icon name=\"bold\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('italic') ?? false}\n            aria-label=\"Italic\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleItalic().run()}\n          >\n            <Icon name=\"italic\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('strike') ?? false}\n            aria-label=\"Strikethrough\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleStrike().run()}\n          >\n            <Icon name=\"strikethrough\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"Block style\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">Blocks</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('heading', { level: 1 }) ?? false}\n            aria-label=\"Heading 1\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 1 }).run()}\n          >\n            <Icon name=\"heading-1\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('heading', { level: 2 }) ?? false}\n            aria-label=\"Heading\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 2 }).run()}\n          >\n            <Icon name=\"heading-2\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('heading', { level: 3 }) ?? false}\n            aria-label=\"Subheading\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 3 }).run()}\n          >\n            <Icon name=\"heading-3\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('bulletList') ?? false}\n            aria-label=\"Bulleted list\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleBulletList().run()}\n          >\n            <Icon name=\"list\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('orderedList') ?? false}\n            aria-label=\"Numbered list\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleOrderedList().run()}\n          >\n            <Icon name=\"list-ordered\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('blockquote') ?? false}\n            aria-label=\"Quote block\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleBlockquote().run()}\n          >\n            <Icon name=\"quote\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('codeBlock') ?? false}\n            aria-label=\"Code block\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleCodeBlock().run()}\n          >\n            <Icon name=\"code\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"Insert\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">Insert</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('link') ?? false}\n            aria-label=\"Link\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => {\n              if (!editor) return\n              if (editor.isActive('link')) {\n                editor.chain().focus().unsetLink().run()\n                return\n              }\n              const url = window.prompt('URL')\n              if (!url) return\n              editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run()\n            }}\n          >\n            <Icon name=\"link\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            aria-label=\"Clear formatting\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().clearNodes().unsetAllMarks().run()}\n          >\n            <Icon name=\"eraser\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"History\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">History</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled || !editor?.can().undo()}\n            aria-label=\"Undo\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().undo().run()}\n          >\n            <Icon name=\"undo\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled || !editor?.can().redo()}\n            aria-label=\"Redo\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().redo().run()}\n          >\n            <Icon name=\"redo\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n      </div>\n    )\n  },\n)\nRichTextEditorToolbar.displayName = 'RichTextEditorToolbar'\n\nconst RichTextEditorContent = React.forwardRef<HTMLDivElement, RichTextEditorContentProps>(\n  ({ className: propClassName, disabled = false, editor, placeholder, ...props }, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      className,\n      mode: _mode,\n      ...contentProps\n    } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        disabled,\n      },\n      richTextEditorContentPropDefs,\n    )\n\n    return (\n      <div\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('dsx-rich-text-editor__area', className)}\n        data-disabled={disabled ? 'true' : undefined}\n        data-slot=\"rich-text-editor-area\"\n      >\n        {editor?.isEmpty && placeholder ? (\n          <div className=\"dsx-rich-text-editor__placeholder\" data-slot=\"rich-text-editor-placeholder\">\n            {placeholder}\n          </div>\n        ) : null}\n        <EditorContent editor={editor} className=\"dsx-rich-text-editor__content\" data-slot=\"rich-text-editor-content\" />\n      </div>\n    )\n  },\n)\nRichTextEditorContent.displayName = 'RichTextEditorContent'\n\nconst RichTextEditorRoot = React.forwardRef<HTMLDivElement, RichTextEditorProps>(\n  (\n    {\n      className,\n      content = '',\n      disabled = false,\n      editorOptions,\n      extensions,\n      onEditorUpdate,\n      onUpdate,\n      placeholder,\n      preset = 'basic',\n      serialize,\n      toolbar,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const managedContent = isRichTextEditorContent(content) ? content : undefined\n\n    const editor = useEditor(\n      {\n        ...editorOptions,\n        content: managedContent,\n        editable: !disabled,\n        extensions: extensions ?? createRichTextEditorExtensions({ preset }),\n        immediatelyRender: false,\n        shouldRerenderOnTransaction: true,\n        editorProps: {\n          ...editorOptions?.editorProps,\n          attributes: getRichTextEditorAttributes(editorOptions),\n        },\n        onUpdate: ({ editor: currentEditor }) => {\n          onEditorUpdate?.(currentEditor)\n          onUpdate?.((serialize ?? ((editorInstance: Editor) => editorInstance.getHTML()))(currentEditor))\n        },\n      },\n      [disabled, editorOptions, extensions, onEditorUpdate, onUpdate, preset, serialize],\n    )\n\n    React.useEffect(() => {\n      editor?.setEditable(!disabled)\n    }, [disabled, editor])\n\n    React.useEffect(() => {\n      if (!editor) {\n        return\n      }\n\n      if (managedContent === undefined) {\n        return\n      }\n\n      if (typeof managedContent === 'string') {\n        if (editor.getHTML() !== managedContent) {\n          editor.commands.setContent(managedContent, { emitUpdate: false })\n        }\n\n        return\n      }\n\n      if (JSON.stringify(editor.getJSON()) !== JSON.stringify(managedContent)) {\n        editor.commands.setContent(managedContent, { emitUpdate: false })\n      }\n    }, [editor, managedContent])\n\n    return (\n      <RichTextEditorShell\n        {...props}\n        ref={forwardedRef}\n        className={className}\n        disabled={disabled}\n        editor={editor}\n        placeholder={placeholder}\n        toolbar={toolbar}\n      />\n    )\n  },\n)\nRichTextEditorRoot.displayName = 'RichTextEditor'\n\nconst RichTextEditor: typeof RichTextEditorRoot & {\n  Shell: typeof RichTextEditorShell\n  Toolbar: typeof RichTextEditorToolbar\n  Content: typeof RichTextEditorContent\n} = Object.assign(RichTextEditorRoot, {\n  Shell: RichTextEditorShell,\n  Toolbar: RichTextEditorToolbar,\n  Content: RichTextEditorContent,\n})\n\nexport { RichTextEditor, RichTextEditorContent, RichTextEditorRoot, RichTextEditorShell, RichTextEditorToolbar, createRichTextEditorExtensions }\nexport type {\n  RichTextEditorContentProps,\n  RichTextEditorProps,\n  RichTextEditorShellProps,\n  RichTextEditorToolbarProps,\n  RichTextEditorToolbarSlot,\n  RichTextEditorPreset,\n  RichTextEditorExtensionConfig,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { EditorContent, useEditor, type Content, type Editor, type UseEditorOptions } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { richTextEditorContentPropDefs, richTextEditorPropDefs, richTextEditorToolbarButtonPropDefs } from './richTextEditor.props'\nimport { Button } from '../button/Button'\nimport { Icon } from '../icon/Icon'\nimport { createArticleExtensions } from '../articleNodes/articleExtensions'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype RichTextEditorOwnProps = GetPropDefTypes<typeof richTextEditorPropDefs>\ntype RichTextEditorContentOwnProps = GetPropDefTypes<typeof richTextEditorContentPropDefs>\ntype RichTextEditorToolbarButtonOwnProps = GetPropDefTypes<typeof richTextEditorToolbarButtonPropDefs>\n\ntype RichTextEditorManagedEditorOptions = Omit<UseEditorOptions, 'content' | 'editable' | 'extensions' | 'onUpdate'>\ntype RichTextEditorToolbarSlot = React.ReactNode | ((context: { disabled: boolean; editor: Editor | null }) => React.ReactNode)\n\nconst defaultRichTextEditorExtensions: NonNullable<UseEditorOptions['extensions']> = [StarterKit]\n\ntype RichTextEditorPreset = 'basic' | 'article'\ntype RichTextEditorExtensionConfig = { preset?: RichTextEditorPreset; extensions?: UseEditorOptions['extensions'] }\n\nfunction createRichTextEditorExtensions(config: RichTextEditorExtensionConfig = {}): NonNullable<UseEditorOptions['extensions']> {\n  if (config.extensions) return config.extensions\n  return config.preset === 'article' ? [StarterKit.configure({ codeBlock: false }), ...createArticleExtensions()] : defaultRichTextEditorExtensions\n}\n\nfunction isRichTextEditorContent(value: unknown): value is Content {\n  return value === null || typeof value === 'string' || typeof value === 'object'\n}\n\nfunction renderRichTextEditorToolbar(toolbar: RichTextEditorToolbarSlot | null | undefined, editor: Editor | null, disabled: boolean) {\n  if (toolbar === null) {\n    return null\n  }\n\n  if (typeof toolbar === 'function') {\n    return toolbar({ disabled, editor })\n  }\n\n  if (toolbar !== undefined) {\n    return toolbar\n  }\n\n  return <RichTextEditorToolbar editor={editor} disabled={disabled} />\n}\n\nfunction getRichTextEditorAttributes(editorOptions?: RichTextEditorManagedEditorOptions) {\n  const attributes = editorOptions?.editorProps?.attributes\n\n  if (!attributes || typeof attributes === 'function') {\n    return {\n      class: 'dsx-rich-text-editor__prosemirror',\n      'data-slot': 'rich-text-editor-prosemirror',\n    }\n  }\n\n  return {\n    ...attributes,\n    class: classNames('dsx-rich-text-editor__prosemirror', attributes.class),\n    'data-slot': 'rich-text-editor-prosemirror',\n  }\n}\n\nfunction getRichTextEditorStatus(editor: Editor | null) {\n  if (!editor) {\n    return 'Editor loading'\n  }\n\n  const plainText = editor.getText().trim()\n\n  if (plainText.length === 0) {\n    return 'Ready to write'\n  }\n\n  return `${plainText.length} characters`\n}\n\ninterface RichTextEditorProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content' | 'onUpdate'>,\n    RichTextEditorOwnProps {\n  content?: unknown\n  editorOptions?: RichTextEditorManagedEditorOptions\n  extensions?: UseEditorOptions['extensions']\n  onEditorUpdate?: (editor: Editor) => void\n  onUpdate?: (content: string) => void\n  placeholder?: string\n  preset?: RichTextEditorPreset\n  serialize?: (editor: Editor) => string\n  toolbar?: RichTextEditorToolbarSlot | null\n}\n\ninterface RichTextEditorShellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, RichTextEditorOwnProps {\n  editor: Editor | null\n  placeholder?: string\n  toolbar?: RichTextEditorToolbarSlot | null\n}\n\ninterface RichTextEditorToolbarProps extends React.HTMLAttributes<HTMLDivElement> {\n  editor: Editor | null\n  disabled?: boolean\n}\n\ninterface RichTextEditorContentProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>,\n    RichTextEditorContentOwnProps {\n  editor: Editor | null\n  placeholder?: string\n}\n\ninterface RichTextEditorToolbarButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    RichTextEditorToolbarButtonOwnProps {}\n\nconst RichTextEditorShell = React.forwardRef<HTMLDivElement, RichTextEditorShellProps>(\n  ({ className: propClassName, disabled = false, editor, placeholder, toolbar, ...props }, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      className,\n      ...editorProps\n    } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        disabled,\n      },\n      richTextEditorPropDefs,\n    )\n\n    return (\n      <div\n        {...editorProps}\n        ref={forwardedRef}\n        className={classNames('dsx-rich-text-editor', className)}\n        aria-disabled={disabled}\n        data-disabled={disabled ? 'true' : undefined}\n        data-slot=\"rich-text-editor\"\n      >\n        {renderRichTextEditorToolbar(toolbar, editor, disabled)}\n        <RichTextEditorContent editor={editor} placeholder={placeholder} disabled={disabled} />\n        <div className=\"dsx-rich-text-editor__status\" data-slot=\"rich-text-editor-status\">\n          <span>{getRichTextEditorStatus(editor)}</span>\n        </div>\n      </div>\n    )\n  },\n)\nRichTextEditorShell.displayName = 'RichTextEditorShell'\n\nconst RichTextEditorToolbarButton = React.forwardRef<HTMLButtonElement, RichTextEditorToolbarButtonProps>(\n  ({ active = false, className: propClassName, ...props }, forwardedRef) => {\n    const { asChild, className, ...buttonProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        active,\n      },\n      richTextEditorToolbarButtonPropDefs,\n    )\n\n    return (\n      <Button\n        {...buttonProps}\n        ref={forwardedRef}\n        asChild={asChild}\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-pressed={active}\n        data-active={active ? 'true' : undefined}\n        data-slot=\"rich-text-editor-toolbar-button\"\n        className={classNames('dsx-rich-text-editor__toolbar-button', className)}\n      />\n    )\n  },\n)\nRichTextEditorToolbarButton.displayName = 'RichTextEditorToolbarButton'\n\nconst RichTextEditorToolbar = React.forwardRef<HTMLDivElement, RichTextEditorToolbarProps>(\n  ({ editor, disabled = false, className, ...props }, forwardedRef) => {\n    const toolbarDisabled = disabled || !editor\n\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-rich-text-editor__toolbar', className)}\n        data-disabled={toolbarDisabled ? 'true' : undefined}\n        data-slot=\"rich-text-editor-toolbar\"\n        role=\"toolbar\"\n        aria-label=\"Formatting toolbar\"\n      >\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"Text style\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">Text</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('bold') ?? false}\n            aria-label=\"Bold\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleBold().run()}\n          >\n            <Icon name=\"bold\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('italic') ?? false}\n            aria-label=\"Italic\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleItalic().run()}\n          >\n            <Icon name=\"italic\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('strike') ?? false}\n            aria-label=\"Strikethrough\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleStrike().run()}\n          >\n            <Icon name=\"strikethrough\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"Block style\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">Blocks</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('heading', { level: 1 }) ?? false}\n            aria-label=\"Heading 1\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 1 }).run()}\n          >\n            <Icon name=\"heading-1\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('heading', { level: 2 }) ?? false}\n            aria-label=\"Heading\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 2 }).run()}\n          >\n            <Icon name=\"heading-2\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('heading', { level: 3 }) ?? false}\n            aria-label=\"Subheading\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 3 }).run()}\n          >\n            <Icon name=\"heading-3\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('bulletList') ?? false}\n            aria-label=\"Bulleted list\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleBulletList().run()}\n          >\n            <Icon name=\"list\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('orderedList') ?? false}\n            aria-label=\"Numbered list\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleOrderedList().run()}\n          >\n            <Icon name=\"list-ordered\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('blockquote') ?? false}\n            aria-label=\"Quote block\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleBlockquote().run()}\n          >\n            <Icon name=\"quote\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('codeBlock') ?? false}\n            aria-label=\"Code block\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleCodeBlock().run()}\n          >\n            <Icon name=\"code\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"Insert\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">Insert</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('link') ?? false}\n            aria-label=\"Link\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => {\n              if (!editor) return\n              if (editor.isActive('link')) {\n                editor.chain().focus().unsetLink().run()\n                return\n              }\n              const url = window.prompt('URL')\n              if (!url) return\n              editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run()\n            }}\n          >\n            <Icon name=\"link\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            aria-label=\"Clear formatting\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().clearNodes().unsetAllMarks().run()}\n          >\n            <Icon name=\"eraser\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"History\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">History</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled || !editor?.can().undo()}\n            aria-label=\"Undo\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().undo().run()}\n          >\n            <Icon name=\"undo\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled || !editor?.can().redo()}\n            aria-label=\"Redo\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().redo().run()}\n          >\n            <Icon name=\"redo\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n      </div>\n    )\n  },\n)\nRichTextEditorToolbar.displayName = 'RichTextEditorToolbar'\n\nconst RichTextEditorContent = React.forwardRef<HTMLDivElement, RichTextEditorContentProps>(\n  ({ className: propClassName, disabled = false, editor, placeholder, ...props }, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      className,\n      mode: _mode,\n      ...contentProps\n    } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        disabled,\n      },\n      richTextEditorContentPropDefs,\n    )\n\n    return (\n      <div\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('dsx-rich-text-editor__area', className)}\n        data-disabled={disabled ? 'true' : undefined}\n        data-slot=\"rich-text-editor-area\"\n      >\n        {editor?.isEmpty && placeholder ? (\n          <div className=\"dsx-rich-text-editor__placeholder\" data-slot=\"rich-text-editor-placeholder\">\n            {placeholder}\n          </div>\n        ) : null}\n        <EditorContent editor={editor} className=\"dsx-rich-text-editor__content\" data-slot=\"rich-text-editor-content\" />\n      </div>\n    )\n  },\n)\nRichTextEditorContent.displayName = 'RichTextEditorContent'\n\nconst RichTextEditorRoot = React.forwardRef<HTMLDivElement, RichTextEditorProps>(\n  (\n    {\n      className,\n      content = '',\n      disabled = false,\n      editorOptions,\n      extensions,\n      onEditorUpdate,\n      onUpdate,\n      placeholder,\n      preset = 'basic',\n      serialize,\n      toolbar,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const managedContent = isRichTextEditorContent(content) ? content : undefined\n\n    const onEditorUpdateRef = React.useRef(onEditorUpdate)\n    const onUpdateRef = React.useRef(onUpdate)\n    const serializeRef = React.useRef(serialize)\n\n    React.useEffect(() => {\n      onEditorUpdateRef.current = onEditorUpdate\n      onUpdateRef.current = onUpdate\n      serializeRef.current = serialize\n    })\n\n    const editor = useEditor(\n      {\n        ...editorOptions,\n        content: managedContent,\n        editable: !disabled,\n        extensions: extensions ?? createRichTextEditorExtensions({ preset }),\n        immediatelyRender: false,\n        shouldRerenderOnTransaction: true,\n        editorProps: {\n          ...editorOptions?.editorProps,\n          attributes: getRichTextEditorAttributes(editorOptions),\n        },\n        onUpdate: ({ editor: currentEditor }) => {\n          onEditorUpdateRef.current?.(currentEditor)\n          onUpdateRef.current?.((serializeRef.current ?? ((editorInstance: Editor) => editorInstance.getHTML()))(currentEditor))\n        },\n      },\n      [disabled, editorOptions, extensions, preset],\n    )\n\n    React.useEffect(() => {\n      editor?.setEditable(!disabled)\n    }, [disabled, editor])\n\n    React.useEffect(() => {\n      if (!editor) {\n        return\n      }\n\n      if (managedContent === undefined) {\n        return\n      }\n\n      if (typeof managedContent === 'string') {\n        if (editor.getHTML() !== managedContent) {\n          editor.commands.setContent(managedContent, { emitUpdate: false })\n        }\n\n        return\n      }\n\n      if (JSON.stringify(editor.getJSON()) !== JSON.stringify(managedContent)) {\n        editor.commands.setContent(managedContent, { emitUpdate: false })\n      }\n    }, [editor, managedContent])\n\n    return (\n      <RichTextEditorShell\n        {...props}\n        ref={forwardedRef}\n        className={className}\n        disabled={disabled}\n        editor={editor}\n        placeholder={placeholder}\n        toolbar={toolbar}\n      />\n    )\n  },\n)\nRichTextEditorRoot.displayName = 'RichTextEditor'\n\nconst RichTextEditor: typeof RichTextEditorRoot & {\n  Shell: typeof RichTextEditorShell\n  Toolbar: typeof RichTextEditorToolbar\n  Content: typeof RichTextEditorContent\n} = Object.assign(RichTextEditorRoot, {\n  Shell: RichTextEditorShell,\n  Toolbar: RichTextEditorToolbar,\n  Content: RichTextEditorContent,\n})\n\nexport { RichTextEditor, RichTextEditorContent, RichTextEditorRoot, RichTextEditorShell, RichTextEditorToolbar, createRichTextEditorExtensions }\nexport type {\n  RichTextEditorContentProps,\n  RichTextEditorProps,\n  RichTextEditorShellProps,\n  RichTextEditorToolbarProps,\n  RichTextEditorToolbarSlot,\n  RichTextEditorPreset,\n  RichTextEditorExtensionConfig,\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/searchBar/SearchBar.cjs CHANGED Viewed

@@ -188,11 +188,13 @@ const SearchBarMenu = React.forwardRef((props, forwardedRef) => {
     showClose = false,
     size = "md",
     title = "Search",
+    description,
     ...commandProps
   } = (0, import_extractProps.extractProps)(props, import_searchBar.searchBarMenuPropDefs);
   const { open, setOpen } = useSearchBarContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialog.Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Dialog.DialogContent, { className: (0, import_cn.cn)("dsx-search-bar__menu", contentClassName), showClose, size, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_VisuallyHidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialog.DialogTitle, { children: title }) }),
+    description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_VisuallyHidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialog.DialogDescription, { children: description }) }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(React.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Command, { ...commandProps, ref: forwardedRef, className: (0, import_cn.cn)("dsx-search-bar__command", className), children }) })
   ] }) });
 });

package/dist/components/searchBar/SearchBar.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/searchBar/SearchBar.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { cn } from '../../_internal/cn'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Button } from '../button/Button'\nimport { Icon } from '../icon/Icon'\nimport type { CommandProps } from '../command/Command'\nimport { Dialog, DialogContent, DialogTitle, type DialogSize } from '../dialog/Dialog'\nimport { Kbd } from '../kbd/Kbd'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\nimport { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs } from './searchBar.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst Command = React.lazy(() => import('../command/Command').then((mod) => ({ default: mod.Command })))\n\ntype SearchBarRootElement = React.ComponentRef<'div'>\ntype SearchBarTriggerElement = React.ComponentRef<typeof Button>\ntype SearchBarMenuElement = React.ComponentRef<'div'>\ntype SearchBarRootOwnProps = GetPropDefTypes<typeof searchBarRootPropDefs> & {\n  defaultOpen?: boolean\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}\ntype SearchBarTriggerOwnProps = GetPropDefTypes<typeof searchBarTriggerPropDefs> & {\n  shortcutLabel?: React.ReactNode\n}\ntype SearchBarMenuOwnProps = GetPropDefTypes<typeof searchBarMenuPropDefs> & {\n  contentClassName?: string\n  size?: DialogSize\n}\n\ntype SearchBarContextValue = {\n  open: boolean\n  setOpen: (open: boolean) => void\n  toggleOpen: () => void\n}\n\nconst SearchBarContext = React.createContext<SearchBarContextValue | null>(null)\n\nfunction useSearchBarContext() {\n  const context = React.useContext(SearchBarContext)\n\n  if (!context) {\n    throw new Error('SearchBar components must be used within SearchBar.Root')\n  }\n\n  return context\n}\n\nconst SEARCH_BAR_VARIANT_TO_BUTTON_VARIANT = {\n  default: 'outline',\n  ghost: 'ghost',\n} as const\n\ntype SearchBarStyleContextValue = {\n  size: 'sm' | 'md' | 'lg'\n  variant: 'default' | 'ghost'\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'\n}\n\nconst SearchBarStyleContext = React.createContext<SearchBarStyleContextValue>({\n  size: 'md',\n  variant: 'default',\n  radius: undefined,\n})\n\nfunction useControllableSearchBarOpenState({\n  defaultOpen = false,\n  open: openProp,\n  onOpenChange,\n}: Pick<SearchBarRootOwnProps, 'defaultOpen' | 'open' | 'onOpenChange'>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const open = openProp ?? uncontrolledOpen\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (openProp === undefined) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange, openProp],\n  )\n\n  return [open, setOpen] as const\n}\n\ninterface SearchBarRootProps extends React.ComponentPropsWithoutRef<'div'>, SearchBarRootOwnProps {}\n\ninterface SearchBarTriggerProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof Button>, 'children'>,\n    SearchBarTriggerOwnProps {\n  children?: React.ReactNode\n}\n\ninterface SearchBarMenuProps extends CommandProps, SearchBarMenuOwnProps {}\n\nconst SearchBarRoot = React.forwardRef<SearchBarRootElement, SearchBarRootProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    compact = false,\n    defaultOpen = false,\n    onOpenChange,\n    open: openProp,\n    openOnShortcut = true,\n    radius,\n    size = 'md',\n    variant = 'default',\n    ...rootProps\n  } = extractProps(props, searchBarRootPropDefs)\n  const [open, setOpen] = useControllableSearchBarOpenState({\n    defaultOpen,\n    open: openProp,\n    onOpenChange,\n  })\n  const toggleOpen = React.useCallback(() => setOpen(!open), [open, setOpen])\n  const contextValue = React.useMemo(\n    () => ({ open, setOpen, toggleOpen }),\n    [open, setOpen, toggleOpen],\n  )\n  const Comp = asChild ? Slot : 'div'\n\n  React.useEffect(() => {\n    if (!openOnShortcut || typeof window === 'undefined') {\n      return undefined\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'k') {\n        event.preventDefault()\n        toggleOpen()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [openOnShortcut, toggleOpen])\n\n  const styleContextValue = React.useMemo(\n    () => ({ size, variant, radius }),\n    [size, variant, radius],\n  )\n\n  return (\n    <SearchBarContext.Provider value={contextValue}>\n      <SearchBarStyleContext.Provider value={styleContextValue}>\n        <Comp\n          {...rootProps}\n          ref={forwardedRef}\n          className={cn('dsx-search-bar', compact && 'dsx-search-bar--compact', className)}\n          data-radius={radius}\n          data-size={size}\n          data-variant={variant}\n        />\n      </SearchBarStyleContext.Provider>\n    </SearchBarContext.Provider>\n  )\n})\nSearchBarRoot.displayName = 'SearchBar'\n\nconst SearchBarTrigger = React.forwardRef<SearchBarTriggerElement, SearchBarTriggerProps>(\n  (props, forwardedRef) => {\n    const { onClick, ...propsWithoutOnClick } = props\n    const styleContext = React.useContext(SearchBarStyleContext)\n    const {\n      asChild,\n      children,\n      className,\n      shortcutLabel = '\u2318K',\n      showShortcut = true,\n      variant = SEARCH_BAR_VARIANT_TO_BUTTON_VARIANT[styleContext.variant],\n      size = styleContext.size,\n      radius = styleContext.radius,\n      ...triggerProps\n    } = extractProps(propsWithoutOnClick, searchBarTriggerPropDefs)\n    const { setOpen } = useSearchBarContext()\n\n    return (\n      <Button\n        {...triggerProps}\n        ref={forwardedRef}\n        asChild={asChild}\n        className={cn('dsx-search-bar__trigger', className)}\n        leadingIcon={<Icon name=\"search\" size=\"sm\" />}\n        onClick={(event) => {\n          onClick?.(event)\n\n          if (!event.defaultPrevented) {\n            setOpen(true)\n          }\n        }}\n        type=\"button\"\n        variant={variant}\n        size={size}\n        radius={radius}\n      >\n        <span className=\"dsx-search-bar__trigger-content\">\n          <span className=\"dsx-search-bar__trigger-label\">{children ?? 'Search...'}</span>\n          {showShortcut ? (\n            <Kbd size=\"sm\" className=\"dsx-search-bar__shortcut\">\n              {shortcutLabel}\n            </Kbd>\n          ) : null}\n        </span>\n      </Button>\n    )\n  },\n)\nSearchBarTrigger.displayName = 'SearchBarTrigger'\n\nconst SearchBarMenu = React.forwardRef<SearchBarMenuElement, SearchBarMenuProps>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    contentClassName,\n    showClose = false,\n    size = 'md',\n    title = 'Search',\n    ...commandProps\n  } = extractProps(props, searchBarMenuPropDefs)\n  const { open, setOpen } = useSearchBarContext()\n\n  return (\n    <Dialog open={open} onOpenChange={setOpen}>\n      <DialogContent className={cn('dsx-search-bar__menu', contentClassName)} showClose={showClose} size={size}>\n        <VisuallyHidden asChild>\n          <DialogTitle>{title}</DialogTitle>\n        </VisuallyHidden>\n        <React.Suspense fallback={null}>\n          <Command {...commandProps} ref={forwardedRef} className={cn('dsx-search-bar__command', className)}>\n            {children}\n          </Command>\n        </React.Suspense>\n      </DialogContent>\n    </Dialog>\n  )\n})\nSearchBarMenu.displayName = 'SearchBarMenu'\n\nconst SearchBar: typeof SearchBarRoot & {\n  Trigger: typeof SearchBarTrigger\n  Menu: typeof SearchBarMenu\n} = Object.assign(SearchBarRoot, {\n  Trigger: SearchBarTrigger,\n  Menu: SearchBarMenu,\n})\n\nexport { SearchBar, SearchBarMenu, SearchBarRoot, SearchBarTrigger }\nexport type { SearchBarMenuProps, SearchBarRootProps, SearchBarTriggerProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { cn } from '../../_internal/cn'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Button } from '../button/Button'\nimport { Icon } from '../icon/Icon'\nimport type { CommandProps } from '../command/Command'\nimport { Dialog, DialogContent, DialogDescription, DialogTitle, type DialogSize } from '../dialog/Dialog'\nimport { Kbd } from '../kbd/Kbd'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\nimport { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs } from './searchBar.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst Command = React.lazy(() => import('../command/Command').then((mod) => ({ default: mod.Command })))\n\ntype SearchBarRootElement = React.ComponentRef<'div'>\ntype SearchBarTriggerElement = React.ComponentRef<typeof Button>\ntype SearchBarMenuElement = React.ComponentRef<'div'>\ntype SearchBarRootOwnProps = GetPropDefTypes<typeof searchBarRootPropDefs> & {\n  defaultOpen?: boolean\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}\ntype SearchBarTriggerOwnProps = GetPropDefTypes<typeof searchBarTriggerPropDefs> & {\n  shortcutLabel?: React.ReactNode\n}\ntype SearchBarMenuOwnProps = GetPropDefTypes<typeof searchBarMenuPropDefs> & {\n  contentClassName?: string\n  size?: DialogSize\n}\n\ntype SearchBarContextValue = {\n  open: boolean\n  setOpen: (open: boolean) => void\n  toggleOpen: () => void\n}\n\nconst SearchBarContext = React.createContext<SearchBarContextValue | null>(null)\n\nfunction useSearchBarContext() {\n  const context = React.useContext(SearchBarContext)\n\n  if (!context) {\n    throw new Error('SearchBar components must be used within SearchBar.Root')\n  }\n\n  return context\n}\n\nconst SEARCH_BAR_VARIANT_TO_BUTTON_VARIANT = {\n  default: 'outline',\n  ghost: 'ghost',\n} as const\n\ntype SearchBarStyleContextValue = {\n  size: 'sm' | 'md' | 'lg'\n  variant: 'default' | 'ghost'\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'\n}\n\nconst SearchBarStyleContext = React.createContext<SearchBarStyleContextValue>({\n  size: 'md',\n  variant: 'default',\n  radius: undefined,\n})\n\nfunction useControllableSearchBarOpenState({\n  defaultOpen = false,\n  open: openProp,\n  onOpenChange,\n}: Pick<SearchBarRootOwnProps, 'defaultOpen' | 'open' | 'onOpenChange'>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const open = openProp ?? uncontrolledOpen\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (openProp === undefined) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange, openProp],\n  )\n\n  return [open, setOpen] as const\n}\n\ninterface SearchBarRootProps extends React.ComponentPropsWithoutRef<'div'>, SearchBarRootOwnProps {}\n\ninterface SearchBarTriggerProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof Button>, 'children'>,\n    SearchBarTriggerOwnProps {\n  children?: React.ReactNode\n}\n\ninterface SearchBarMenuProps extends CommandProps, SearchBarMenuOwnProps {}\n\nconst SearchBarRoot = React.forwardRef<SearchBarRootElement, SearchBarRootProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    compact = false,\n    defaultOpen = false,\n    onOpenChange,\n    open: openProp,\n    openOnShortcut = true,\n    radius,\n    size = 'md',\n    variant = 'default',\n    ...rootProps\n  } = extractProps(props, searchBarRootPropDefs)\n  const [open, setOpen] = useControllableSearchBarOpenState({\n    defaultOpen,\n    open: openProp,\n    onOpenChange,\n  })\n  const toggleOpen = React.useCallback(() => setOpen(!open), [open, setOpen])\n  const contextValue = React.useMemo(\n    () => ({ open, setOpen, toggleOpen }),\n    [open, setOpen, toggleOpen],\n  )\n  const Comp = asChild ? Slot : 'div'\n\n  React.useEffect(() => {\n    if (!openOnShortcut || typeof window === 'undefined') {\n      return undefined\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'k') {\n        event.preventDefault()\n        toggleOpen()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [openOnShortcut, toggleOpen])\n\n  const styleContextValue = React.useMemo(\n    () => ({ size, variant, radius }),\n    [size, variant, radius],\n  )\n\n  return (\n    <SearchBarContext.Provider value={contextValue}>\n      <SearchBarStyleContext.Provider value={styleContextValue}>\n        <Comp\n          {...rootProps}\n          ref={forwardedRef}\n          className={cn('dsx-search-bar', compact && 'dsx-search-bar--compact', className)}\n          data-radius={radius}\n          data-size={size}\n          data-variant={variant}\n        />\n      </SearchBarStyleContext.Provider>\n    </SearchBarContext.Provider>\n  )\n})\nSearchBarRoot.displayName = 'SearchBar'\n\nconst SearchBarTrigger = React.forwardRef<SearchBarTriggerElement, SearchBarTriggerProps>(\n  (props, forwardedRef) => {\n    const { onClick, ...propsWithoutOnClick } = props\n    const styleContext = React.useContext(SearchBarStyleContext)\n    const {\n      asChild,\n      children,\n      className,\n      shortcutLabel = '\u2318K',\n      showShortcut = true,\n      variant = SEARCH_BAR_VARIANT_TO_BUTTON_VARIANT[styleContext.variant],\n      size = styleContext.size,\n      radius = styleContext.radius,\n      ...triggerProps\n    } = extractProps(propsWithoutOnClick, searchBarTriggerPropDefs)\n    const { setOpen } = useSearchBarContext()\n\n    return (\n      <Button\n        {...triggerProps}\n        ref={forwardedRef}\n        asChild={asChild}\n        className={cn('dsx-search-bar__trigger', className)}\n        leadingIcon={<Icon name=\"search\" size=\"sm\" />}\n        onClick={(event) => {\n          onClick?.(event)\n\n          if (!event.defaultPrevented) {\n            setOpen(true)\n          }\n        }}\n        type=\"button\"\n        variant={variant}\n        size={size}\n        radius={radius}\n      >\n        <span className=\"dsx-search-bar__trigger-content\">\n          <span className=\"dsx-search-bar__trigger-label\">{children ?? 'Search...'}</span>\n          {showShortcut ? (\n            <Kbd size=\"sm\" className=\"dsx-search-bar__shortcut\">\n              {shortcutLabel}\n            </Kbd>\n          ) : null}\n        </span>\n      </Button>\n    )\n  },\n)\nSearchBarTrigger.displayName = 'SearchBarTrigger'\n\nconst SearchBarMenu = React.forwardRef<SearchBarMenuElement, SearchBarMenuProps>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    contentClassName,\n    showClose = false,\n    size = 'md',\n    title = 'Search',\n    description,\n    ...commandProps\n  } = extractProps(props, searchBarMenuPropDefs)\n  const { open, setOpen } = useSearchBarContext()\n\n  return (\n    <Dialog open={open} onOpenChange={setOpen}>\n      <DialogContent className={cn('dsx-search-bar__menu', contentClassName)} showClose={showClose} size={size}>\n        <VisuallyHidden asChild>\n          <DialogTitle>{title}</DialogTitle>\n        </VisuallyHidden>\n        {description ? (\n          <VisuallyHidden asChild>\n            <DialogDescription>{description}</DialogDescription>\n          </VisuallyHidden>\n        ) : null}\n        <React.Suspense fallback={null}>\n          <Command {...commandProps} ref={forwardedRef} className={cn('dsx-search-bar__command', className)}>\n            {children}\n          </Command>\n        </React.Suspense>\n      </DialogContent>\n    </Dialog>\n  )\n})\nSearchBarMenu.displayName = 'SearchBarMenu'\n\nconst SearchBar: typeof SearchBarRoot & {\n  Trigger: typeof SearchBarTrigger\n  Menu: typeof SearchBarMenu\n} = Object.assign(SearchBarRoot, {\n  Trigger: SearchBarTrigger,\n  Menu: SearchBarMenu,\n})\n\nexport { SearchBar, SearchBarMenu, SearchBarRoot, SearchBarTrigger }\nexport type { SearchBarMenuProps, SearchBarRootProps, SearchBarTriggerProps }\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/searchBar/SearchBar.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchBar.d.cts","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,~~EAAsC~~,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;~~AAGtF~~,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAA;AAE1G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAOpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AACD,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,GAAG;IACjF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC,CAAA;AACD,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC3E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AA2DD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,qBAAqB;CAAG;AAEpG,UAAU,qBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,EACrE,wBAAwB;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,UAAU,kBAAmB,SAAQ,YAAY,EAAE,qBAAqB;CAAG;AAE3E,QAAA,MAAM,aAAa,2FA8DjB,CAAA;AAGF,QAAA,MAAM,gBAAgB,iGA+CrB,CAAA;AAGD,QAAA,MAAM,aAAa,~~2FA0BjB~~,CAAA;AAGF,QAAA,MAAM,SAAS,EAAE,OAAO,aAAa,GAAG;IACtC,OAAO,EAAE,OAAO,gBAAgB,CAAA;IAChC,IAAI,EAAE,OAAO,aAAa,CAAA;CAI1B,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA;AACpE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAA"}
1	+ {"version":3,"file":"SearchBar.d.cts","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,EAAyD,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAGzG,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAA;AAE1G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAOpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AACD,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,GAAG;IACjF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC,CAAA;AACD,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC3E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AA2DD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,qBAAqB;CAAG;AAEpG,UAAU,qBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,EACrE,wBAAwB;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,UAAU,kBAAmB,SAAQ,YAAY,EAAE,qBAAqB;CAAG;AAE3E,QAAA,MAAM,aAAa,2FA8DjB,CAAA;AAGF,QAAA,MAAM,gBAAgB,iGA+CrB,CAAA;AAGD,QAAA,MAAM,aAAa,2FAgCjB,CAAA;AAGF,QAAA,MAAM,SAAS,EAAE,OAAO,aAAa,GAAG;IACtC,OAAO,EAAE,OAAO,gBAAgB,CAAA;IAChC,IAAI,EAAE,OAAO,aAAa,CAAA;CAI1B,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA;AACpE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/components/searchBar/SearchBar.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchBar.d.mts","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,~~EAAsC~~,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;~~AAGtF~~,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAA;AAE1G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAOpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AACD,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,GAAG;IACjF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC,CAAA;AACD,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC3E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AA2DD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,qBAAqB;CAAG;AAEpG,UAAU,qBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,EACrE,wBAAwB;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,UAAU,kBAAmB,SAAQ,YAAY,EAAE,qBAAqB;CAAG;AAE3E,QAAA,MAAM,aAAa,2FA8DjB,CAAA;AAGF,QAAA,MAAM,gBAAgB,iGA+CrB,CAAA;AAGD,QAAA,MAAM,aAAa,~~2FA0BjB~~,CAAA;AAGF,QAAA,MAAM,SAAS,EAAE,OAAO,aAAa,GAAG;IACtC,OAAO,EAAE,OAAO,gBAAgB,CAAA;IAChC,IAAI,EAAE,OAAO,aAAa,CAAA;CAI1B,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA;AACpE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAA"}
1	+ {"version":3,"file":"SearchBar.d.mts","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,EAAyD,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAGzG,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAA;AAE1G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAOpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AACD,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,GAAG;IACjF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC,CAAA;AACD,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC3E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AA2DD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,qBAAqB;CAAG;AAEpG,UAAU,qBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,EACrE,wBAAwB;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,UAAU,kBAAmB,SAAQ,YAAY,EAAE,qBAAqB;CAAG;AAE3E,QAAA,MAAM,aAAa,2FA8DjB,CAAA;AAGF,QAAA,MAAM,gBAAgB,iGA+CrB,CAAA;AAGD,QAAA,MAAM,aAAa,2FAgCjB,CAAA;AAGF,QAAA,MAAM,SAAS,EAAE,OAAO,aAAa,GAAG;IACtC,OAAO,EAAE,OAAO,gBAAgB,CAAA;IAChC,IAAI,EAAE,OAAO,aAAa,CAAA;CAI1B,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA;AACpE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/components/searchBar/SearchBar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,~~EAAsC~~,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;~~AAGtF~~,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAA;AAE1G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAOpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AACD,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,GAAG;IACjF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC,CAAA;AACD,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC3E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AA2DD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,qBAAqB;CAAG;AAEpG,UAAU,qBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,EACrE,wBAAwB;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,UAAU,kBAAmB,SAAQ,YAAY,EAAE,qBAAqB;CAAG;AAE3E,QAAA,MAAM,aAAa,2FA8DjB,CAAA;AAGF,QAAA,MAAM,gBAAgB,iGA+CrB,CAAA;AAGD,QAAA,MAAM,aAAa,~~2FA0BjB~~,CAAA;AAGF,QAAA,MAAM,SAAS,EAAE,OAAO,aAAa,GAAG;IACtC,OAAO,EAAE,OAAO,gBAAgB,CAAA;IAChC,IAAI,EAAE,OAAO,aAAa,CAAA;CAI1B,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA;AACpE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAA"}
1	+ {"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,EAAyD,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAGzG,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAA;AAE1G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAOpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AACD,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,GAAG;IACjF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC,CAAA;AACD,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC3E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AA2DD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,qBAAqB;CAAG;AAEpG,UAAU,qBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,EACrE,wBAAwB;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,UAAU,kBAAmB,SAAQ,YAAY,EAAE,qBAAqB;CAAG;AAE3E,QAAA,MAAM,aAAa,2FA8DjB,CAAA;AAGF,QAAA,MAAM,gBAAgB,iGA+CrB,CAAA;AAGD,QAAA,MAAM,aAAa,2FAgCjB,CAAA;AAGF,QAAA,MAAM,SAAS,EAAE,OAAO,aAAa,GAAG;IACtC,OAAO,EAAE,OAAO,gBAAgB,CAAA;IAChC,IAAI,EAAE,OAAO,aAAa,CAAA;CAI1B,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA;AACpE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/components/searchBar/SearchBar.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { cn } from "../../_internal/cn.js";
 import { extractProps } from "../../_internal/helpers/extractProps.js";
 import { Button } from "../button/Button.js";
 import { Icon } from "../icon/Icon.js";
-import { Dialog, DialogContent, DialogTitle } from "../dialog/Dialog.js";
+import { Dialog, DialogContent, DialogDescription, DialogTitle } from "../dialog/Dialog.js";
 import { Kbd } from "../kbd/Kbd.js";
 import { VisuallyHidden } from "../visuallyHidden/VisuallyHidden.js";
 import { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs } from "./searchBar.props.js";
@@ -152,11 +152,13 @@ const SearchBarMenu = React.forwardRef((props, forwardedRef) => {
     showClose = false,
     size = "md",
     title = "Search",
+    description,
     ...commandProps
   } = extractProps(props, searchBarMenuPropDefs);
   const { open, setOpen } = useSearchBarContext();
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: cn("dsx-search-bar__menu", contentClassName), showClose, size, children: [
     /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }),
+    description ? /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx(DialogDescription, { children: description }) }) : null,
     /* @__PURE__ */ jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(Command, { ...commandProps, ref: forwardedRef, className: cn("dsx-search-bar__command", className), children }) })
   ] }) });
 });

package/dist/components/searchBar/SearchBar.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/searchBar/SearchBar.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { cn } from '../../_internal/cn'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Button } from '../button/Button'\nimport { Icon } from '../icon/Icon'\nimport type { CommandProps } from '../command/Command'\nimport { Dialog, DialogContent, DialogTitle, type DialogSize } from '../dialog/Dialog'\nimport { Kbd } from '../kbd/Kbd'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\nimport { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs } from './searchBar.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst Command = React.lazy(() => import('../command/Command').then((mod) => ({ default: mod.Command })))\n\ntype SearchBarRootElement = React.ComponentRef<'div'>\ntype SearchBarTriggerElement = React.ComponentRef<typeof Button>\ntype SearchBarMenuElement = React.ComponentRef<'div'>\ntype SearchBarRootOwnProps = GetPropDefTypes<typeof searchBarRootPropDefs> & {\n  defaultOpen?: boolean\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}\ntype SearchBarTriggerOwnProps = GetPropDefTypes<typeof searchBarTriggerPropDefs> & {\n  shortcutLabel?: React.ReactNode\n}\ntype SearchBarMenuOwnProps = GetPropDefTypes<typeof searchBarMenuPropDefs> & {\n  contentClassName?: string\n  size?: DialogSize\n}\n\ntype SearchBarContextValue = {\n  open: boolean\n  setOpen: (open: boolean) => void\n  toggleOpen: () => void\n}\n\nconst SearchBarContext = React.createContext<SearchBarContextValue | null>(null)\n\nfunction useSearchBarContext() {\n  const context = React.useContext(SearchBarContext)\n\n  if (!context) {\n    throw new Error('SearchBar components must be used within SearchBar.Root')\n  }\n\n  return context\n}\n\nconst SEARCH_BAR_VARIANT_TO_BUTTON_VARIANT = {\n  default: 'outline',\n  ghost: 'ghost',\n} as const\n\ntype SearchBarStyleContextValue = {\n  size: 'sm' | 'md' | 'lg'\n  variant: 'default' | 'ghost'\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'\n}\n\nconst SearchBarStyleContext = React.createContext<SearchBarStyleContextValue>({\n  size: 'md',\n  variant: 'default',\n  radius: undefined,\n})\n\nfunction useControllableSearchBarOpenState({\n  defaultOpen = false,\n  open: openProp,\n  onOpenChange,\n}: Pick<SearchBarRootOwnProps, 'defaultOpen' | 'open' | 'onOpenChange'>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const open = openProp ?? uncontrolledOpen\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (openProp === undefined) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange, openProp],\n  )\n\n  return [open, setOpen] as const\n}\n\ninterface SearchBarRootProps extends React.ComponentPropsWithoutRef<'div'>, SearchBarRootOwnProps {}\n\ninterface SearchBarTriggerProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof Button>, 'children'>,\n    SearchBarTriggerOwnProps {\n  children?: React.ReactNode\n}\n\ninterface SearchBarMenuProps extends CommandProps, SearchBarMenuOwnProps {}\n\nconst SearchBarRoot = React.forwardRef<SearchBarRootElement, SearchBarRootProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    compact = false,\n    defaultOpen = false,\n    onOpenChange,\n    open: openProp,\n    openOnShortcut = true,\n    radius,\n    size = 'md',\n    variant = 'default',\n    ...rootProps\n  } = extractProps(props, searchBarRootPropDefs)\n  const [open, setOpen] = useControllableSearchBarOpenState({\n    defaultOpen,\n    open: openProp,\n    onOpenChange,\n  })\n  const toggleOpen = React.useCallback(() => setOpen(!open), [open, setOpen])\n  const contextValue = React.useMemo(\n    () => ({ open, setOpen, toggleOpen }),\n    [open, setOpen, toggleOpen],\n  )\n  const Comp = asChild ? Slot : 'div'\n\n  React.useEffect(() => {\n    if (!openOnShortcut || typeof window === 'undefined') {\n      return undefined\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'k') {\n        event.preventDefault()\n        toggleOpen()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [openOnShortcut, toggleOpen])\n\n  const styleContextValue = React.useMemo(\n    () => ({ size, variant, radius }),\n    [size, variant, radius],\n  )\n\n  return (\n    <SearchBarContext.Provider value={contextValue}>\n      <SearchBarStyleContext.Provider value={styleContextValue}>\n        <Comp\n          {...rootProps}\n          ref={forwardedRef}\n          className={cn('dsx-search-bar', compact && 'dsx-search-bar--compact', className)}\n          data-radius={radius}\n          data-size={size}\n          data-variant={variant}\n        />\n      </SearchBarStyleContext.Provider>\n    </SearchBarContext.Provider>\n  )\n})\nSearchBarRoot.displayName = 'SearchBar'\n\nconst SearchBarTrigger = React.forwardRef<SearchBarTriggerElement, SearchBarTriggerProps>(\n  (props, forwardedRef) => {\n    const { onClick, ...propsWithoutOnClick } = props\n    const styleContext = React.useContext(SearchBarStyleContext)\n    const {\n      asChild,\n      children,\n      className,\n      shortcutLabel = '\u2318K',\n      showShortcut = true,\n      variant = SEARCH_BAR_VARIANT_TO_BUTTON_VARIANT[styleContext.variant],\n      size = styleContext.size,\n      radius = styleContext.radius,\n      ...triggerProps\n    } = extractProps(propsWithoutOnClick, searchBarTriggerPropDefs)\n    const { setOpen } = useSearchBarContext()\n\n    return (\n      <Button\n        {...triggerProps}\n        ref={forwardedRef}\n        asChild={asChild}\n        className={cn('dsx-search-bar__trigger', className)}\n        leadingIcon={<Icon name=\"search\" size=\"sm\" />}\n        onClick={(event) => {\n          onClick?.(event)\n\n          if (!event.defaultPrevented) {\n            setOpen(true)\n          }\n        }}\n        type=\"button\"\n        variant={variant}\n        size={size}\n        radius={radius}\n      >\n        <span className=\"dsx-search-bar__trigger-content\">\n          <span className=\"dsx-search-bar__trigger-label\">{children ?? 'Search...'}</span>\n          {showShortcut ? (\n            <Kbd size=\"sm\" className=\"dsx-search-bar__shortcut\">\n              {shortcutLabel}\n            </Kbd>\n          ) : null}\n        </span>\n      </Button>\n    )\n  },\n)\nSearchBarTrigger.displayName = 'SearchBarTrigger'\n\nconst SearchBarMenu = React.forwardRef<SearchBarMenuElement, SearchBarMenuProps>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    contentClassName,\n    showClose = false,\n    size = 'md',\n    title = 'Search',\n    ...commandProps\n  } = extractProps(props, searchBarMenuPropDefs)\n  const { open, setOpen } = useSearchBarContext()\n\n  return (\n    <Dialog open={open} onOpenChange={setOpen}>\n      <DialogContent className={cn('dsx-search-bar__menu', contentClassName)} showClose={showClose} size={size}>\n        <VisuallyHidden asChild>\n          <DialogTitle>{title}</DialogTitle>\n        </VisuallyHidden>\n        <React.Suspense fallback={null}>\n          <Command {...commandProps} ref={forwardedRef} className={cn('dsx-search-bar__command', className)}>\n            {children}\n          </Command>\n        </React.Suspense>\n      </DialogContent>\n    </Dialog>\n  )\n})\nSearchBarMenu.displayName = 'SearchBarMenu'\n\nconst SearchBar: typeof SearchBarRoot & {\n  Trigger: typeof SearchBarTrigger\n  Menu: typeof SearchBarMenu\n} = Object.assign(SearchBarRoot, {\n  Trigger: SearchBarTrigger,\n  Menu: SearchBarMenu,\n})\n\nexport { SearchBar, SearchBarMenu, SearchBarRoot, SearchBarTrigger }\nexport type { SearchBarMenuProps, SearchBarRootProps, SearchBarTriggerProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { cn } from '../../_internal/cn'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Button } from '../button/Button'\nimport { Icon } from '../icon/Icon'\nimport type { CommandProps } from '../command/Command'\nimport { Dialog, DialogContent, DialogDescription, DialogTitle, type DialogSize } from '../dialog/Dialog'\nimport { Kbd } from '../kbd/Kbd'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\nimport { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs } from './searchBar.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst Command = React.lazy(() => import('../command/Command').then((mod) => ({ default: mod.Command })))\n\ntype SearchBarRootElement = React.ComponentRef<'div'>\ntype SearchBarTriggerElement = React.ComponentRef<typeof Button>\ntype SearchBarMenuElement = React.ComponentRef<'div'>\ntype SearchBarRootOwnProps = GetPropDefTypes<typeof searchBarRootPropDefs> & {\n  defaultOpen?: boolean\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}\ntype SearchBarTriggerOwnProps = GetPropDefTypes<typeof searchBarTriggerPropDefs> & {\n  shortcutLabel?: React.ReactNode\n}\ntype SearchBarMenuOwnProps = GetPropDefTypes<typeof searchBarMenuPropDefs> & {\n  contentClassName?: string\n  size?: DialogSize\n}\n\ntype SearchBarContextValue = {\n  open: boolean\n  setOpen: (open: boolean) => void\n  toggleOpen: () => void\n}\n\nconst SearchBarContext = React.createContext<SearchBarContextValue | null>(null)\n\nfunction useSearchBarContext() {\n  const context = React.useContext(SearchBarContext)\n\n  if (!context) {\n    throw new Error('SearchBar components must be used within SearchBar.Root')\n  }\n\n  return context\n}\n\nconst SEARCH_BAR_VARIANT_TO_BUTTON_VARIANT = {\n  default: 'outline',\n  ghost: 'ghost',\n} as const\n\ntype SearchBarStyleContextValue = {\n  size: 'sm' | 'md' | 'lg'\n  variant: 'default' | 'ghost'\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'\n}\n\nconst SearchBarStyleContext = React.createContext<SearchBarStyleContextValue>({\n  size: 'md',\n  variant: 'default',\n  radius: undefined,\n})\n\nfunction useControllableSearchBarOpenState({\n  defaultOpen = false,\n  open: openProp,\n  onOpenChange,\n}: Pick<SearchBarRootOwnProps, 'defaultOpen' | 'open' | 'onOpenChange'>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const open = openProp ?? uncontrolledOpen\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (openProp === undefined) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange, openProp],\n  )\n\n  return [open, setOpen] as const\n}\n\ninterface SearchBarRootProps extends React.ComponentPropsWithoutRef<'div'>, SearchBarRootOwnProps {}\n\ninterface SearchBarTriggerProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof Button>, 'children'>,\n    SearchBarTriggerOwnProps {\n  children?: React.ReactNode\n}\n\ninterface SearchBarMenuProps extends CommandProps, SearchBarMenuOwnProps {}\n\nconst SearchBarRoot = React.forwardRef<SearchBarRootElement, SearchBarRootProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    compact = false,\n    defaultOpen = false,\n    onOpenChange,\n    open: openProp,\n    openOnShortcut = true,\n    radius,\n    size = 'md',\n    variant = 'default',\n    ...rootProps\n  } = extractProps(props, searchBarRootPropDefs)\n  const [open, setOpen] = useControllableSearchBarOpenState({\n    defaultOpen,\n    open: openProp,\n    onOpenChange,\n  })\n  const toggleOpen = React.useCallback(() => setOpen(!open), [open, setOpen])\n  const contextValue = React.useMemo(\n    () => ({ open, setOpen, toggleOpen }),\n    [open, setOpen, toggleOpen],\n  )\n  const Comp = asChild ? Slot : 'div'\n\n  React.useEffect(() => {\n    if (!openOnShortcut || typeof window === 'undefined') {\n      return undefined\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'k') {\n        event.preventDefault()\n        toggleOpen()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [openOnShortcut, toggleOpen])\n\n  const styleContextValue = React.useMemo(\n    () => ({ size, variant, radius }),\n    [size, variant, radius],\n  )\n\n  return (\n    <SearchBarContext.Provider value={contextValue}>\n      <SearchBarStyleContext.Provider value={styleContextValue}>\n        <Comp\n          {...rootProps}\n          ref={forwardedRef}\n          className={cn('dsx-search-bar', compact && 'dsx-search-bar--compact', className)}\n          data-radius={radius}\n          data-size={size}\n          data-variant={variant}\n        />\n      </SearchBarStyleContext.Provider>\n    </SearchBarContext.Provider>\n  )\n})\nSearchBarRoot.displayName = 'SearchBar'\n\nconst SearchBarTrigger = React.forwardRef<SearchBarTriggerElement, SearchBarTriggerProps>(\n  (props, forwardedRef) => {\n    const { onClick, ...propsWithoutOnClick } = props\n    const styleContext = React.useContext(SearchBarStyleContext)\n    const {\n      asChild,\n      children,\n      className,\n      shortcutLabel = '\u2318K',\n      showShortcut = true,\n      variant = SEARCH_BAR_VARIANT_TO_BUTTON_VARIANT[styleContext.variant],\n      size = styleContext.size,\n      radius = styleContext.radius,\n      ...triggerProps\n    } = extractProps(propsWithoutOnClick, searchBarTriggerPropDefs)\n    const { setOpen } = useSearchBarContext()\n\n    return (\n      <Button\n        {...triggerProps}\n        ref={forwardedRef}\n        asChild={asChild}\n        className={cn('dsx-search-bar__trigger', className)}\n        leadingIcon={<Icon name=\"search\" size=\"sm\" />}\n        onClick={(event) => {\n          onClick?.(event)\n\n          if (!event.defaultPrevented) {\n            setOpen(true)\n          }\n        }}\n        type=\"button\"\n        variant={variant}\n        size={size}\n        radius={radius}\n      >\n        <span className=\"dsx-search-bar__trigger-content\">\n          <span className=\"dsx-search-bar__trigger-label\">{children ?? 'Search...'}</span>\n          {showShortcut ? (\n            <Kbd size=\"sm\" className=\"dsx-search-bar__shortcut\">\n              {shortcutLabel}\n            </Kbd>\n          ) : null}\n        </span>\n      </Button>\n    )\n  },\n)\nSearchBarTrigger.displayName = 'SearchBarTrigger'\n\nconst SearchBarMenu = React.forwardRef<SearchBarMenuElement, SearchBarMenuProps>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    contentClassName,\n    showClose = false,\n    size = 'md',\n    title = 'Search',\n    description,\n    ...commandProps\n  } = extractProps(props, searchBarMenuPropDefs)\n  const { open, setOpen } = useSearchBarContext()\n\n  return (\n    <Dialog open={open} onOpenChange={setOpen}>\n      <DialogContent className={cn('dsx-search-bar__menu', contentClassName)} showClose={showClose} size={size}>\n        <VisuallyHidden asChild>\n          <DialogTitle>{title}</DialogTitle>\n        </VisuallyHidden>\n        {description ? (\n          <VisuallyHidden asChild>\n            <DialogDescription>{description}</DialogDescription>\n          </VisuallyHidden>\n        ) : null}\n        <React.Suspense fallback={null}>\n          <Command {...commandProps} ref={forwardedRef} className={cn('dsx-search-bar__command', className)}>\n            {children}\n          </Command>\n        </React.Suspense>\n      </DialogContent>\n    </Dialog>\n  )\n})\nSearchBarMenu.displayName = 'SearchBarMenu'\n\nconst SearchBar: typeof SearchBarRoot & {\n  Trigger: typeof SearchBarTrigger\n  Menu: typeof SearchBarMenu\n} = Object.assign(SearchBarRoot, {\n  Trigger: SearchBarTrigger,\n  Menu: SearchBarMenu,\n})\n\nexport { SearchBar, SearchBarMenu, SearchBarRoot, SearchBarTrigger }\nexport type { SearchBarMenuProps, SearchBarRootProps, SearchBarTriggerProps }\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/searchBar/searchBar.props.cjs CHANGED Viewed

@@ -68,6 +68,10 @@ const searchBarMenuPropDefs = {
   title: {
     type: "string",
     default: "Search"
+  },
+  description: {
+    type: "string",
+    default: void 0
   }
 };
 //# sourceMappingURL=searchBar.props.cjs.map

package/dist/components/searchBar/searchBar.props.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/searchBar/searchBar.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst searchBarVariants = ['default', 'ghost'] as const\nconst searchBarSizes = ['sm', 'md', 'lg'] as const\nconst searchBarRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst searchBarRootPropDefs = {\n  ...asChildPropDef,\n  compact: {\n    type: 'boolean',\n    default: false,\n  },\n  openOnShortcut: {\n    type: 'boolean',\n    default: true,\n  },\n  variant: {\n    type: 'enum',\n    values: searchBarVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: searchBarSizes,\n    default: 'md',\n  },\n  radius: {\n    type: 'enum',\n    values: searchBarRadiusValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  compact: PropDef\n  openOnShortcut: PropDef\n  variant: PropDef<(typeof searchBarVariants)[number]>\n  size: PropDef<(typeof searchBarSizes)[number]>\n  radius: PropDef<(typeof searchBarRadiusValues)[number]>\n}\n\nconst searchBarTriggerPropDefs = {\n  ...asChildPropDef,\n  showShortcut: {\n    type: 'boolean',\n    default: true,\n  },\n} satisfies {\n  asChild: PropDef\n  showShortcut: PropDef\n}\n\nconst searchBarMenuPropDefs = {\n  showClose: {\n    type: 'boolean',\n    default: false,\n  },\n  title: {\n    type: 'string',\n    default: 'Search',\n  },\n} satisfies {\n  showClose: PropDef\n  title: PropDef\n}\n\nexport { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,oBAAoB,CAAC,WAAW,OAAO;AAC7C,MAAM,iBAAiB,CAAC,MAAM,MAAM,IAAI;AACxC,MAAM,wBAAwB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAE/D,MAAM,wBAAwB;AAAA,EAC5B,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AASA,MAAM,2BAA2B;AAAA,EAC/B,GAAG;AAAA,EACH,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAKA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst searchBarVariants = ['default', 'ghost'] as const\nconst searchBarSizes = ['sm', 'md', 'lg'] as const\nconst searchBarRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst searchBarRootPropDefs = {\n  ...asChildPropDef,\n  compact: {\n    type: 'boolean',\n    default: false,\n  },\n  openOnShortcut: {\n    type: 'boolean',\n    default: true,\n  },\n  variant: {\n    type: 'enum',\n    values: searchBarVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: searchBarSizes,\n    default: 'md',\n  },\n  radius: {\n    type: 'enum',\n    values: searchBarRadiusValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  compact: PropDef\n  openOnShortcut: PropDef\n  variant: PropDef<(typeof searchBarVariants)[number]>\n  size: PropDef<(typeof searchBarSizes)[number]>\n  radius: PropDef<(typeof searchBarRadiusValues)[number]>\n}\n\nconst searchBarTriggerPropDefs = {\n  ...asChildPropDef,\n  showShortcut: {\n    type: 'boolean',\n    default: true,\n  },\n} satisfies {\n  asChild: PropDef\n  showShortcut: PropDef\n}\n\nconst searchBarMenuPropDefs = {\n  showClose: {\n    type: 'boolean',\n    default: false,\n  },\n  title: {\n    type: 'string',\n    default: 'Search',\n  },\n  description: {\n    type: 'string',\n    default: undefined,\n  },\n} satisfies {\n  showClose: PropDef\n  title: PropDef\n  description: PropDef\n}\n\nexport { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,oBAAoB,CAAC,WAAW,OAAO;AAC7C,MAAM,iBAAiB,CAAC,MAAM,MAAM,IAAI;AACxC,MAAM,wBAAwB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAE/D,MAAM,wBAAwB;AAAA,EAC5B,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AASA,MAAM,2BAA2B;AAAA,EAC/B,GAAG;AAAA,EACH,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAKA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/components/searchBar/searchBar.props.d.cts CHANGED Viewed

@@ -46,6 +46,10 @@ declare const searchBarMenuPropDefs: {
         type: "string";
         default: string;
     };
+    description: {
+        type: "string";
+        default: undefined;
+    };
 };
 export { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs };
 //# sourceMappingURL=searchBar.props.d.cts.map

package/dist/components/searchBar/searchBar.props.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"searchBar.props.d.cts","sourceRoot":"","sources":["../../../src/components/searchBar/searchBar.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC1B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;;;;;CAS7B,CAAA;AAED,QAAA,MAAM,qBAAqB~~;;;;;;;;;CAY1B~~,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,CAAA"}
1	+ {"version":3,"file":"searchBar.props.d.cts","sourceRoot":"","sources":["../../../src/components/searchBar/searchBar.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC1B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;;;;;CAS7B,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;CAiB1B,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/components/searchBar/searchBar.props.d.mts CHANGED Viewed

@@ -46,6 +46,10 @@ declare const searchBarMenuPropDefs: {
         type: "string";
         default: string;
     };
+    description: {
+        type: "string";
+        default: undefined;
+    };
 };
 export { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs };
 //# sourceMappingURL=searchBar.props.d.mts.map

package/dist/components/searchBar/searchBar.props.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"searchBar.props.d.mts","sourceRoot":"","sources":["../../../src/components/searchBar/searchBar.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC1B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;;;;;CAS7B,CAAA;AAED,QAAA,MAAM,qBAAqB~~;;;;;;;;;CAY1B~~,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,CAAA"}
1	+ {"version":3,"file":"searchBar.props.d.mts","sourceRoot":"","sources":["../../../src/components/searchBar/searchBar.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC1B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;;;;;CAS7B,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;CAiB1B,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/components/searchBar/searchBar.props.d.ts CHANGED Viewed

@@ -46,6 +46,10 @@ declare const searchBarMenuPropDefs: {
         type: "string";
         default: string;
     };
+    description: {
+        type: "string";
+        default: undefined;
+    };
 };
 export { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs };
 //# sourceMappingURL=searchBar.props.d.ts.map

package/dist/components/searchBar/searchBar.props.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"searchBar.props.d.ts","sourceRoot":"","sources":["../../../src/components/searchBar/searchBar.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC1B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;;;;;CAS7B,CAAA;AAED,QAAA,MAAM,qBAAqB~~;;;;;;;;;CAY1B~~,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,CAAA"}
1	+ {"version":3,"file":"searchBar.props.d.ts","sourceRoot":"","sources":["../../../src/components/searchBar/searchBar.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC1B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;;;;;CAS7B,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;CAiB1B,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/components/searchBar/searchBar.props.js CHANGED Viewed

@@ -43,6 +43,10 @@ const searchBarMenuPropDefs = {
   title: {
     type: "string",
     default: "Search"
+  },
+  description: {
+    type: "string",
+    default: void 0
   }
 };
 export {

package/dist/components/searchBar/searchBar.props.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/searchBar/searchBar.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst searchBarVariants = ['default', 'ghost'] as const\nconst searchBarSizes = ['sm', 'md', 'lg'] as const\nconst searchBarRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst searchBarRootPropDefs = {\n  ...asChildPropDef,\n  compact: {\n    type: 'boolean',\n    default: false,\n  },\n  openOnShortcut: {\n    type: 'boolean',\n    default: true,\n  },\n  variant: {\n    type: 'enum',\n    values: searchBarVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: searchBarSizes,\n    default: 'md',\n  },\n  radius: {\n    type: 'enum',\n    values: searchBarRadiusValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  compact: PropDef\n  openOnShortcut: PropDef\n  variant: PropDef<(typeof searchBarVariants)[number]>\n  size: PropDef<(typeof searchBarSizes)[number]>\n  radius: PropDef<(typeof searchBarRadiusValues)[number]>\n}\n\nconst searchBarTriggerPropDefs = {\n  ...asChildPropDef,\n  showShortcut: {\n    type: 'boolean',\n    default: true,\n  },\n} satisfies {\n  asChild: PropDef\n  showShortcut: PropDef\n}\n\nconst searchBarMenuPropDefs = {\n  showClose: {\n    type: 'boolean',\n    default: false,\n  },\n  title: {\n    type: 'string',\n    default: 'Search',\n  },\n} satisfies {\n  showClose: PropDef\n  title: PropDef\n}\n\nexport { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs }\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,oBAAoB,CAAC,WAAW,OAAO;AAC7C,MAAM,iBAAiB,CAAC,MAAM,MAAM,IAAI;AACxC,MAAM,wBAAwB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAE/D,MAAM,wBAAwB;AAAA,EAC5B,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AASA,MAAM,2BAA2B;AAAA,EAC/B,GAAG;AAAA,EACH,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAKA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst searchBarVariants = ['default', 'ghost'] as const\nconst searchBarSizes = ['sm', 'md', 'lg'] as const\nconst searchBarRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst searchBarRootPropDefs = {\n  ...asChildPropDef,\n  compact: {\n    type: 'boolean',\n    default: false,\n  },\n  openOnShortcut: {\n    type: 'boolean',\n    default: true,\n  },\n  variant: {\n    type: 'enum',\n    values: searchBarVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: searchBarSizes,\n    default: 'md',\n  },\n  radius: {\n    type: 'enum',\n    values: searchBarRadiusValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  compact: PropDef\n  openOnShortcut: PropDef\n  variant: PropDef<(typeof searchBarVariants)[number]>\n  size: PropDef<(typeof searchBarSizes)[number]>\n  radius: PropDef<(typeof searchBarRadiusValues)[number]>\n}\n\nconst searchBarTriggerPropDefs = {\n  ...asChildPropDef,\n  showShortcut: {\n    type: 'boolean',\n    default: true,\n  },\n} satisfies {\n  asChild: PropDef\n  showShortcut: PropDef\n}\n\nconst searchBarMenuPropDefs = {\n  showClose: {\n    type: 'boolean',\n    default: false,\n  },\n  title: {\n    type: 'string',\n    default: 'Search',\n  },\n  description: {\n    type: 'string',\n    default: undefined,\n  },\n} satisfies {\n  showClose: PropDef\n  title: PropDef\n  description: PropDef\n}\n\nexport { searchBarMenuPropDefs, searchBarRootPropDefs, searchBarTriggerPropDefs }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,oBAAoB,CAAC,WAAW,OAAO;AAC7C,MAAM,iBAAiB,CAAC,MAAM,MAAM,IAAI;AACxC,MAAM,wBAAwB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAE/D,MAAM,wBAAwB;AAAA,EAC5B,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AASA,MAAM,2BAA2B;AAAA,EAC/B,GAAG;AAAA,EACH,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAKA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/components/section/section.props.cjs CHANGED Viewed

@@ -22,12 +22,20 @@ __export(section_props_exports, {
   sectionSizeValues: () => sectionSizeValues
 });
 module.exports = __toCommonJS(section_props_exports);
+var import_propDef = require("../../_internal/props/propDef");
 const sectionSizeValues = ["1", "2", "3"];
+const sectionSpaceValues = ["none", ...import_propDef.spaceScaleValues];
 const sectionPropDefs = {
   size: {
     type: "enum",
     values: sectionSizeValues,
     default: void 0
+  },
+  space: {
+    type: "enum | string",
+    values: sectionSpaceValues,
+    default: "2xl",
+    responsive: true
   }
 };
 //# sourceMappingURL=section.props.cjs.map

package/dist/components/section/section.props.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/section/section.props.ts"],
-  "sourcesContent": ["import type { PropDef } from '../../_internal/props/propDef'\n\nconst sectionSizeValues = ['1', '2', '3'] as const\n\nconst sectionPropDefs = {\n  size: {\n    type: 'enum',\n    values: sectionSizeValues,\n    default: undefined,\n  },\n} satisfies {\n  size: PropDef<(typeof sectionSizeValues)[number]>\n}\n\nexport { sectionPropDefs, sectionSizeValues }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,oBAAoB,CAAC,KAAK,KAAK,GAAG;AAExC,MAAM,kBAAkB;AAAA,EACtB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { spaceScaleValues, type PropDef } from '../../_internal/props/propDef'\n\nconst sectionSizeValues = ['1', '2', '3'] as const\nconst sectionSpaceValues = ['none', ...spaceScaleValues] as const\n\nconst sectionPropDefs = {\n  size: {\n    type: 'enum',\n    values: sectionSizeValues,\n    default: undefined,\n  },\n  space: {\n    type: 'enum | string',\n    values: sectionSpaceValues,\n    default: '2xl',\n    responsive: true,\n  },\n} satisfies {\n  size: PropDef<(typeof sectionSizeValues)[number]>\n  space: PropDef<(typeof sectionSpaceValues)[number] | string>\n}\n\nexport { sectionPropDefs, sectionSizeValues }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+C;AAE/C,MAAM,oBAAoB,CAAC,KAAK,KAAK,GAAG;AACxC,MAAM,qBAAqB,CAAC,QAAQ,GAAG,+BAAgB;AAEvD,MAAM,kBAAkB;AAAA,EACtB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AACF;",
   "names": []
 }

package/dist/components/section/section.props.d.cts CHANGED Viewed

@@ -5,6 +5,12 @@ declare const sectionPropDefs: {
         values: readonly ["1", "2", "3"];
         default: undefined;
     };
+    space: {
+        type: "enum | string";
+        values: readonly ["none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
+        default: string;
+        responsive: true;
+    };
 };
 export { sectionPropDefs, sectionSizeValues };
 //# sourceMappingURL=section.props.d.cts.map

package/dist/components/section/section.props.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"section.props.d.cts","sourceRoot":"","sources":["../../../src/components/section/section.props.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,0BAA2B,CAAA;~~AAElD~~,QAAA,MAAM,eAAe~~;;;;;;CAQpB~~,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAA"}
1	+ {"version":3,"file":"section.props.d.cts","sourceRoot":"","sources":["../../../src/components/section/section.props.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,0BAA2B,CAAA;AAGlD,QAAA,MAAM,eAAe;;;;;;;;;;;;CAepB,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/section/section.props.d.mts CHANGED Viewed

@@ -5,6 +5,12 @@ declare const sectionPropDefs: {
         values: readonly ["1", "2", "3"];
         default: undefined;
     };
+    space: {
+        type: "enum | string";
+        values: readonly ["none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
+        default: string;
+        responsive: true;
+    };
 };
 export { sectionPropDefs, sectionSizeValues };
 //# sourceMappingURL=section.props.d.mts.map

package/dist/components/section/section.props.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"section.props.d.mts","sourceRoot":"","sources":["../../../src/components/section/section.props.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,0BAA2B,CAAA;~~AAElD~~,QAAA,MAAM,eAAe~~;;;;;;CAQpB~~,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAA"}
1	+ {"version":3,"file":"section.props.d.mts","sourceRoot":"","sources":["../../../src/components/section/section.props.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,0BAA2B,CAAA;AAGlD,QAAA,MAAM,eAAe;;;;;;;;;;;;CAepB,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/section/section.props.d.ts CHANGED Viewed

@@ -5,6 +5,12 @@ declare const sectionPropDefs: {
         values: readonly ["1", "2", "3"];
         default: undefined;
     };
+    space: {
+        type: "enum | string";
+        values: readonly ["none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
+        default: string;
+        responsive: true;
+    };
 };
 export { sectionPropDefs, sectionSizeValues };
 //# sourceMappingURL=section.props.d.ts.map

package/dist/components/section/section.props.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"section.props.d.ts","sourceRoot":"","sources":["../../../src/components/section/section.props.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,0BAA2B,CAAA;~~AAElD~~,QAAA,MAAM,eAAe~~;;;;;;CAQpB~~,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAA"}
1	+ {"version":3,"file":"section.props.d.ts","sourceRoot":"","sources":["../../../src/components/section/section.props.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,0BAA2B,CAAA;AAGlD,QAAA,MAAM,eAAe;;;;;;;;;;;;CAepB,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/section/section.props.js CHANGED Viewed

@@ -1,9 +1,17 @@
+import { spaceScaleValues } from "../../_internal/props/propDef.js";
 const sectionSizeValues = ["1", "2", "3"];
+const sectionSpaceValues = ["none", ...spaceScaleValues];
 const sectionPropDefs = {
   size: {
     type: "enum",
     values: sectionSizeValues,
     default: void 0
+  },
+  space: {
+    type: "enum | string",
+    values: sectionSpaceValues,
+    default: "2xl",
+    responsive: true
   }
 };
 export {