@d4gger/design-system 3.0.1 → 4.0.1

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

@@ -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 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": []
+  "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 { Toolbar } from '../toolbar/Toolbar'\nimport { createArticleExtensions } from '../articleNodes/articleExtensions'\nimport { EditorTools, type EditorToolsOptions } from './EditorTools'\nimport { createVariableExtension, createMentionExtension } from './editorTokens'\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 = Pick<EditorToolsOptions, 'variables' | 'mentions'> & { 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), ...(config.variables ? [createVariableExtension({ variables: config.variables })] : []), ...(config.mentions ? [createMentionExtension({ mentions: config.mentions })] : [])]\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, options: EditorToolsOptions) {\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} {...options} />\n}\n\nfunction getRichTextEditorAttributes(editorOptions?: RichTextEditorManagedEditorOptions): NonNullable<NonNullable<UseEditorOptions['editorProps']>['attributes']> {\n  const attributes = editorOptions?.editorProps?.attributes\n  if (typeof attributes === 'function') {\n    return (state) => {\n      const resolved = attributes(state)\n      return {\n        ...resolved,\n        class: classNames('dsx-rich-text-editor__prosemirror', resolved.class),\n        'data-slot': 'rich-text-editor-prosemirror',\n      }\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, EditorToolsOptions {\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, EditorToolsOptions {\n  editor: Editor | null\n  placeholder?: string\n  toolbar?: RichTextEditorToolbarSlot | null\n}\n\ninterface RichTextEditorToolbarProps extends React.HTMLAttributes<HTMLDivElement>, EditorToolsOptions {\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, tools, headingLevels, insertItems, variables, mentions, ...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, { tools, headingLevels, insertItems, variables, mentions })}\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      <Toolbar.Button asChild disabled={buttonProps.disabled}>\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      </Toolbar.Button>\n    )\n  },\n)\nRichTextEditorToolbarButton.displayName = 'RichTextEditorToolbarButton'\n\nconst RichTextEditorToolbar = React.forwardRef<HTMLDivElement, RichTextEditorToolbarProps>(\n  ({ editor, disabled = false, className, tools, headingLevels, insertItems, variables, mentions, ...props }, forwardedRef) => (\n    <Toolbar asChild dir={props.dir === 'rtl' || props.dir === 'ltr' ? props.dir : undefined}>\n      <div {...props} ref={forwardedRef} className={classNames('dsx-rich-text-editor__toolbar', className)} data-disabled={disabled || !editor ? 'true' : undefined} data-slot=\"rich-text-editor-toolbar\" aria-label=\"Formatting toolbar\">\n        <EditorTools editor={editor} disabled={disabled || !editor} tools={tools} headingLevels={headingLevels} insertItems={insertItems} variables={variables} mentions={mentions} />\n      </div>\n    </Toolbar>\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, tools, headingLevels, insertItems, variables, mentions,\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 registryRef = React.useRef({ variables, mentions })\n    registryRef.current = { variables, mentions }\n    const hasVariables = variables !== undefined\n    const hasMentions = mentions !== undefined\n    const managedExtensions = React.useMemo(() => extensions ?? [\n      ...createRichTextEditorExtensions({ preset }),\n      ...(hasVariables ? [createVariableExtension({ variables: () => registryRef.current.variables ?? [] })] : []),\n      ...(hasMentions ? [createMentionExtension({ mentions: () => registryRef.current.mentions ?? [] })] : []),\n    ], [extensions, preset, hasVariables, hasMentions])\n\n    const editor = useEditor(\n      {\n        ...editorOptions,\n        content: managedContent,\n        editable: !disabled,\n        extensions: managedExtensions,\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      [editorOptions, managedExtensions],\n    )\n\n    React.useEffect(() => {\n      if (editor && !editor.isDestroyed) editor.view.dispatch(editor.state.tr.setMeta('dsxRegistryRefresh', true))\n    }, [editor, variables, mentions])\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        tools={tools} headingLevels={headingLevels} insertItems={insertItems} variables={variables} mentions={mentions}\n      />\n    )\n  },\n)\nRichTextEditorRoot.displayName = 'RichTextEditor'\n\nconst RichTextEditor: typeof RichTextEditorRoot & {\n  Root: typeof RichTextEditorRoot\n  Shell: typeof RichTextEditorShell\n  Toolbar: typeof RichTextEditorToolbar\n  Content: typeof RichTextEditorContent\n  ToolbarButton: typeof RichTextEditorToolbarButton\n} = Object.assign(RichTextEditorRoot, {\n  Root: RichTextEditorRoot,\n  Shell: RichTextEditorShell,\n  Toolbar: RichTextEditorToolbar,\n  Content: RichTextEditorContent,\n  ToolbarButton: RichTextEditorToolbarButton,\n})\n\nexport { RichTextEditor, RichTextEditorContent, RichTextEditorRoot, RichTextEditorShell, RichTextEditorToolbar, RichTextEditorToolbarButton, createRichTextEditorExtensions }\nexport type {\n  RichTextEditorContentProps,\n  RichTextEditorProps,\n  RichTextEditorShellProps,\n  RichTextEditorToolbarProps,\n  RichTextEditorToolbarButtonProps,\n  RichTextEditorToolbarSlot,\n  RichTextEditorPreset,\n  RichTextEditorExtensionConfig,\n}\n\nexport { createVariableExtension, createMentionExtension } from './editorTokens'\nexport type { EditorVariable, EditorMention } from './editorTokens'\nexport type { EditorTool, EditorInsertItem, EditorToolsOptions } from './EditorTools'\n"],
+  "mappings": "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",
+  "names": ["createVariableExtension", "createMentionExtension"]
 }

package/dist/components/richTextEditor/editorTokens.cjs

@@ -0,0 +1,75 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var editorTokens_exports = {};
+__export(editorTokens_exports, {
+  createMentionExtension: () => createMentionExtension,
+  createVariableExtension: () => createVariableExtension
+});
+module.exports = __toCommonJS(editorTokens_exports);
+var import_core = require("@tiptap/core");
+function createToken(name, attribute, records) {
+  const label = (key) => records().find((record) => record.key === key)?.label;
+  return import_core.Node.create({
+    name,
+    group: "inline",
+    inline: true,
+    atom: true,
+    selectable: true,
+    addAttributes: () => ({ [attribute]: {
+      default: "",
+      parseHTML: (element) => element.getAttribute("data-dsx-key"),
+      renderHTML: (attrs) => ({ "data-dsx-key": attrs[attribute] })
+    } }),
+    parseHTML: () => [{ tag: `span[data-dsx-node="${name}"]` }],
+    renderHTML: ({ node, HTMLAttributes }) => ["span", (0, import_core.mergeAttributes)(HTMLAttributes, {
+      "data-dsx-node": name,
+      class: `dsx-editor-token${label(node.attrs[attribute]) ? "" : " dsx-editor-token--unknown"}`
+    }), name === "dsxVariable" ? `{${node.attrs[attribute]}}` : `@${label(node.attrs[attribute]) ?? node.attrs[attribute]}`],
+    renderText: ({ node }) => name === "dsxVariable" ? `{${node.attrs[attribute]}}` : `@${label(node.attrs[attribute]) ?? node.attrs[attribute]}`,
+    addNodeView: () => ({ node, editor }) => {
+      const dom = document.createElement("span");
+      const paint = (key) => {
+        const known = label(key);
+        dom.className = `dsx-editor-token${known ? "" : " dsx-editor-token--unknown"}`;
+        dom.textContent = known ? name === "dsxMention" ? `@${known}` : known : `Unknown: ${key}`;
+        dom.title = key;
+        dom.contentEditable = "false";
+      };
+      let currentKey = node.attrs[attribute];
+      const refresh = () => paint(currentKey);
+      refresh();
+      editor.on("transaction", refresh);
+      return { dom, update: (next) => {
+        if (next.type.name !== name) return false;
+        currentKey = next.attrs[attribute];
+        refresh();
+        return true;
+      }, destroy: () => {
+        editor.off("transaction", refresh);
+      } };
+    }
+  });
+}
+function createVariableExtension({ variables }) {
+  return createToken("dsxVariable", "key", () => typeof variables === "function" ? variables() : variables);
+}
+function createMentionExtension({ mentions }) {
+  return createToken("dsxMention", "userId", () => (typeof mentions === "function" ? mentions() : mentions).map((record) => ({ key: record.id, label: record.label })));
+}
+//# sourceMappingURL=editorTokens.cjs.map

package/dist/components/richTextEditor/editorTokens.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/richTextEditor/editorTokens.ts"],
+  "sourcesContent": ["import { Node, mergeAttributes } from '@tiptap/core'\n\nexport interface EditorVariable {\n  key: string\n  label: string\n  description?: string\n  type?: string\n  sensitive?: boolean\n}\nexport interface EditorMention { id: string; label: string }\ntype Registry<T> = readonly T[] | (() => readonly T[])\n\nfunction createToken(name: string, attribute: string, records: () => readonly { key: string; label: string }[]) {\n  const label = (key: string) => records().find(record => record.key === key)?.label\n  return Node.create({\n    name, group: 'inline', inline: true, atom: true, selectable: true,\n    addAttributes: () => ({ [attribute]: {\n      default: '', parseHTML: element => element.getAttribute('data-dsx-key'),\n      renderHTML: attrs => ({ 'data-dsx-key': attrs[attribute] }),\n    } }),\n    parseHTML: () => [{ tag: `span[data-dsx-node=\"${name}\"]` }],\n    renderHTML: ({ node, HTMLAttributes }) => ['span', mergeAttributes(HTMLAttributes, {\n      'data-dsx-node': name, class: `dsx-editor-token${label(node.attrs[attribute]) ? '' : ' dsx-editor-token--unknown'}`,\n    }), name === 'dsxVariable' ? `{${node.attrs[attribute]}}` : `@${label(node.attrs[attribute]) ?? node.attrs[attribute]}`],\n    renderText: ({ node }) => name === 'dsxVariable' ? `{${node.attrs[attribute]}}` : `@${label(node.attrs[attribute]) ?? node.attrs[attribute]}`,\n    addNodeView: () => ({ node, editor }) => {\n      const dom = document.createElement('span')\n      const paint = (key: string) => {\n        const known = label(key)\n        dom.className = `dsx-editor-token${known ? '' : ' dsx-editor-token--unknown'}`\n        dom.textContent = known ? (name === 'dsxMention' ? `@${known}` : known) : `Unknown: ${key}`\n        dom.title = key\n        dom.contentEditable = 'false'\n      }\n      let currentKey = node.attrs[attribute]\n      const refresh = () => paint(currentKey)\n      refresh()\n      editor.on('transaction', refresh)\n      return { dom, update: next => { if (next.type.name !== name) return false; currentKey = next.attrs[attribute]; refresh(); return true }, destroy: () => { editor.off('transaction', refresh) } }\n    },\n  })\n}\n\nexport function createVariableExtension({ variables }: { variables: Registry<EditorVariable> }) {\n  return createToken('dsxVariable', 'key', () => typeof variables === 'function' ? variables() : variables)\n}\nexport function createMentionExtension({ mentions }: { mentions: Registry<EditorMention> }) {\n  return createToken('dsxMention', 'userId', () => (typeof mentions === 'function' ? mentions() : mentions).map(record => ({ key: record.id, label: record.label })))\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsC;AAYtC,SAAS,YAAY,MAAc,WAAmB,SAA0D;AAC9G,QAAM,QAAQ,CAAC,QAAgB,QAAQ,EAAE,KAAK,YAAU,OAAO,QAAQ,GAAG,GAAG;AAC7E,SAAO,iBAAK,OAAO;AAAA,IACjB;AAAA,IAAM,OAAO;AAAA,IAAU,QAAQ;AAAA,IAAM,MAAM;AAAA,IAAM,YAAY;AAAA,IAC7D,eAAe,OAAO,EAAE,CAAC,SAAS,GAAG;AAAA,MACnC,SAAS;AAAA,MAAI,WAAW,aAAW,QAAQ,aAAa,cAAc;AAAA,MACtE,YAAY,YAAU,EAAE,gBAAgB,MAAM,SAAS,EAAE;AAAA,IAC3D,EAAE;AAAA,IACF,WAAW,MAAM,CAAC,EAAE,KAAK,uBAAuB,IAAI,KAAK,CAAC;AAAA,IAC1D,YAAY,CAAC,EAAE,MAAM,eAAe,MAAM,CAAC,YAAQ,6BAAgB,gBAAgB;AAAA,MACjF,iBAAiB;AAAA,MAAM,OAAO,mBAAmB,MAAM,KAAK,MAAM,SAAS,CAAC,IAAI,KAAK,4BAA4B;AAAA,IACnH,CAAC,GAAG,SAAS,gBAAgB,IAAI,KAAK,MAAM,SAAS,CAAC,MAAM,IAAI,MAAM,KAAK,MAAM,SAAS,CAAC,KAAK,KAAK,MAAM,SAAS,CAAC,EAAE;AAAA,IACvH,YAAY,CAAC,EAAE,KAAK,MAAM,SAAS,gBAAgB,IAAI,KAAK,MAAM,SAAS,CAAC,MAAM,IAAI,MAAM,KAAK,MAAM,SAAS,CAAC,KAAK,KAAK,MAAM,SAAS,CAAC;AAAA,IAC3I,aAAa,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM;AACvC,YAAM,MAAM,SAAS,cAAc,MAAM;AACzC,YAAM,QAAQ,CAAC,QAAgB;AAC7B,cAAM,QAAQ,MAAM,GAAG;AACvB,YAAI,YAAY,mBAAmB,QAAQ,KAAK,4BAA4B;AAC5E,YAAI,cAAc,QAAS,SAAS,eAAe,IAAI,KAAK,KAAK,QAAS,YAAY,GAAG;AACzF,YAAI,QAAQ;AACZ,YAAI,kBAAkB;AAAA,MACxB;AACA,UAAI,aAAa,KAAK,MAAM,SAAS;AACrC,YAAM,UAAU,MAAM,MAAM,UAAU;AACtC,cAAQ;AACR,aAAO,GAAG,eAAe,OAAO;AAChC,aAAO,EAAE,KAAK,QAAQ,UAAQ;AAAE,YAAI,KAAK,KAAK,SAAS,KAAM,QAAO;AAAO,qBAAa,KAAK,MAAM,SAAS;AAAG,gBAAQ;AAAG,eAAO;AAAA,MAAK,GAAG,SAAS,MAAM;AAAE,eAAO,IAAI,eAAe,OAAO;AAAA,MAAE,EAAE;AAAA,IACjM;AAAA,EACF,CAAC;AACH;AAEO,SAAS,wBAAwB,EAAE,UAAU,GAA4C;AAC9F,SAAO,YAAY,eAAe,OAAO,MAAM,OAAO,cAAc,aAAa,UAAU,IAAI,SAAS;AAC1G;AACO,SAAS,uBAAuB,EAAE,SAAS,GAA0C;AAC1F,SAAO,YAAY,cAAc,UAAU,OAAO,OAAO,aAAa,aAAa,SAAS,IAAI,UAAU,IAAI,aAAW,EAAE,KAAK,OAAO,IAAI,OAAO,OAAO,MAAM,EAAE,CAAC;AACpK;",
+  "names": []
+}

package/dist/components/richTextEditor/editorTokens.d.cts

@@ -0,0 +1,21 @@
+import { Node } from '@tiptap/core';
+export interface EditorVariable {
+    key: string;
+    label: string;
+    description?: string;
+    type?: string;
+    sensitive?: boolean;
+}
+export interface EditorMention {
+    id: string;
+    label: string;
+}
+type Registry<T> = readonly T[] | (() => readonly T[]);
+export declare function createVariableExtension({ variables }: {
+    variables: Registry<EditorVariable>;
+}): Node<any, any>;
+export declare function createMentionExtension({ mentions }: {
+    mentions: Registry<EditorMention>;
+}): Node<any, any>;
+export {};
+//# sourceMappingURL=editorTokens.d.cts.map

package/dist/components/richTextEditor/editorTokens.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorTokens.d.cts","sourceRoot":"","sources":["../../../src/components/richTextEditor/editorTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAA;AAEpD,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AACD,MAAM,WAAW,aAAa;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE;AAC5D,KAAK,QAAQ,CAAC,CAAC,IAAI,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,SAAS,CAAC,EAAE,CAAC,CAAA;AAiCtD,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAA;CAAE,kBAE7F;AACD,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;CAAE,kBAEzF"}

package/dist/components/richTextEditor/editorTokens.d.mts

@@ -0,0 +1,21 @@
+import { Node } from '@tiptap/core';
+export interface EditorVariable {
+    key: string;
+    label: string;
+    description?: string;
+    type?: string;
+    sensitive?: boolean;
+}
+export interface EditorMention {
+    id: string;
+    label: string;
+}
+type Registry<T> = readonly T[] | (() => readonly T[]);
+export declare function createVariableExtension({ variables }: {
+    variables: Registry<EditorVariable>;
+}): Node<any, any>;
+export declare function createMentionExtension({ mentions }: {
+    mentions: Registry<EditorMention>;
+}): Node<any, any>;
+export {};
+//# sourceMappingURL=editorTokens.d.mts.map

package/dist/components/richTextEditor/editorTokens.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorTokens.d.mts","sourceRoot":"","sources":["../../../src/components/richTextEditor/editorTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAA;AAEpD,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AACD,MAAM,WAAW,aAAa;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE;AAC5D,KAAK,QAAQ,CAAC,CAAC,IAAI,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,SAAS,CAAC,EAAE,CAAC,CAAA;AAiCtD,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAA;CAAE,kBAE7F;AACD,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;CAAE,kBAEzF"}

package/dist/components/richTextEditor/editorTokens.d.ts

@@ -0,0 +1,21 @@
+import { Node } from '@tiptap/core';
+export interface EditorVariable {
+    key: string;
+    label: string;
+    description?: string;
+    type?: string;
+    sensitive?: boolean;
+}
+export interface EditorMention {
+    id: string;
+    label: string;
+}
+type Registry<T> = readonly T[] | (() => readonly T[]);
+export declare function createVariableExtension({ variables }: {
+    variables: Registry<EditorVariable>;
+}): Node<any, any>;
+export declare function createMentionExtension({ mentions }: {
+    mentions: Registry<EditorMention>;
+}): Node<any, any>;
+export {};
+//# sourceMappingURL=editorTokens.d.ts.map

package/dist/components/richTextEditor/editorTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorTokens.d.ts","sourceRoot":"","sources":["../../../src/components/richTextEditor/editorTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAA;AAEpD,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AACD,MAAM,WAAW,aAAa;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE;AAC5D,KAAK,QAAQ,CAAC,CAAC,IAAI,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,SAAS,CAAC,EAAE,CAAC,CAAA;AAiCtD,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAA;CAAE,kBAE7F;AACD,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;CAAE,kBAEzF"}

package/dist/components/richTextEditor/editorTokens.js

@@ -0,0 +1,55 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+function createToken(name, attribute, records) {
+  const label = (key) => records().find((record) => record.key === key)?.label;
+  return Node.create({
+    name,
+    group: "inline",
+    inline: true,
+    atom: true,
+    selectable: true,
+    addAttributes: () => ({ [attribute]: {
+      default: "",
+      parseHTML: (element) => element.getAttribute("data-dsx-key"),
+      renderHTML: (attrs) => ({ "data-dsx-key": attrs[attribute] })
+    } }),
+    parseHTML: () => [{ tag: `span[data-dsx-node="${name}"]` }],
+    renderHTML: ({ node, HTMLAttributes }) => ["span", mergeAttributes(HTMLAttributes, {
+      "data-dsx-node": name,
+      class: `dsx-editor-token${label(node.attrs[attribute]) ? "" : " dsx-editor-token--unknown"}`
+    }), name === "dsxVariable" ? `{${node.attrs[attribute]}}` : `@${label(node.attrs[attribute]) ?? node.attrs[attribute]}`],
+    renderText: ({ node }) => name === "dsxVariable" ? `{${node.attrs[attribute]}}` : `@${label(node.attrs[attribute]) ?? node.attrs[attribute]}`,
+    addNodeView: () => ({ node, editor }) => {
+      const dom = document.createElement("span");
+      const paint = (key) => {
+        const known = label(key);
+        dom.className = `dsx-editor-token${known ? "" : " dsx-editor-token--unknown"}`;
+        dom.textContent = known ? name === "dsxMention" ? `@${known}` : known : `Unknown: ${key}`;
+        dom.title = key;
+        dom.contentEditable = "false";
+      };
+      let currentKey = node.attrs[attribute];
+      const refresh = () => paint(currentKey);
+      refresh();
+      editor.on("transaction", refresh);
+      return { dom, update: (next) => {
+        if (next.type.name !== name) return false;
+        currentKey = next.attrs[attribute];
+        refresh();
+        return true;
+      }, destroy: () => {
+        editor.off("transaction", refresh);
+      } };
+    }
+  });
+}
+function createVariableExtension({ variables }) {
+  return createToken("dsxVariable", "key", () => typeof variables === "function" ? variables() : variables);
+}
+function createMentionExtension({ mentions }) {
+  return createToken("dsxMention", "userId", () => (typeof mentions === "function" ? mentions() : mentions).map((record) => ({ key: record.id, label: record.label })));
+}
+export {
+  createMentionExtension,
+  createVariableExtension
+};
+//# sourceMappingURL=editorTokens.js.map

package/dist/components/richTextEditor/editorTokens.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/richTextEditor/editorTokens.ts"],
+  "sourcesContent": ["import { Node, mergeAttributes } from '@tiptap/core'\n\nexport interface EditorVariable {\n  key: string\n  label: string\n  description?: string\n  type?: string\n  sensitive?: boolean\n}\nexport interface EditorMention { id: string; label: string }\ntype Registry<T> = readonly T[] | (() => readonly T[])\n\nfunction createToken(name: string, attribute: string, records: () => readonly { key: string; label: string }[]) {\n  const label = (key: string) => records().find(record => record.key === key)?.label\n  return Node.create({\n    name, group: 'inline', inline: true, atom: true, selectable: true,\n    addAttributes: () => ({ [attribute]: {\n      default: '', parseHTML: element => element.getAttribute('data-dsx-key'),\n      renderHTML: attrs => ({ 'data-dsx-key': attrs[attribute] }),\n    } }),\n    parseHTML: () => [{ tag: `span[data-dsx-node=\"${name}\"]` }],\n    renderHTML: ({ node, HTMLAttributes }) => ['span', mergeAttributes(HTMLAttributes, {\n      'data-dsx-node': name, class: `dsx-editor-token${label(node.attrs[attribute]) ? '' : ' dsx-editor-token--unknown'}`,\n    }), name === 'dsxVariable' ? `{${node.attrs[attribute]}}` : `@${label(node.attrs[attribute]) ?? node.attrs[attribute]}`],\n    renderText: ({ node }) => name === 'dsxVariable' ? `{${node.attrs[attribute]}}` : `@${label(node.attrs[attribute]) ?? node.attrs[attribute]}`,\n    addNodeView: () => ({ node, editor }) => {\n      const dom = document.createElement('span')\n      const paint = (key: string) => {\n        const known = label(key)\n        dom.className = `dsx-editor-token${known ? '' : ' dsx-editor-token--unknown'}`\n        dom.textContent = known ? (name === 'dsxMention' ? `@${known}` : known) : `Unknown: ${key}`\n        dom.title = key\n        dom.contentEditable = 'false'\n      }\n      let currentKey = node.attrs[attribute]\n      const refresh = () => paint(currentKey)\n      refresh()\n      editor.on('transaction', refresh)\n      return { dom, update: next => { if (next.type.name !== name) return false; currentKey = next.attrs[attribute]; refresh(); return true }, destroy: () => { editor.off('transaction', refresh) } }\n    },\n  })\n}\n\nexport function createVariableExtension({ variables }: { variables: Registry<EditorVariable> }) {\n  return createToken('dsxVariable', 'key', () => typeof variables === 'function' ? variables() : variables)\n}\nexport function createMentionExtension({ mentions }: { mentions: Registry<EditorMention> }) {\n  return createToken('dsxMention', 'userId', () => (typeof mentions === 'function' ? mentions() : mentions).map(record => ({ key: record.id, label: record.label })))\n}\n"],
+  "mappings": "AAAA,SAAS,MAAM,uBAAuB;AAYtC,SAAS,YAAY,MAAc,WAAmB,SAA0D;AAC9G,QAAM,QAAQ,CAAC,QAAgB,QAAQ,EAAE,KAAK,YAAU,OAAO,QAAQ,GAAG,GAAG;AAC7E,SAAO,KAAK,OAAO;AAAA,IACjB;AAAA,IAAM,OAAO;AAAA,IAAU,QAAQ;AAAA,IAAM,MAAM;AAAA,IAAM,YAAY;AAAA,IAC7D,eAAe,OAAO,EAAE,CAAC,SAAS,GAAG;AAAA,MACnC,SAAS;AAAA,MAAI,WAAW,aAAW,QAAQ,aAAa,cAAc;AAAA,MACtE,YAAY,YAAU,EAAE,gBAAgB,MAAM,SAAS,EAAE;AAAA,IAC3D,EAAE;AAAA,IACF,WAAW,MAAM,CAAC,EAAE,KAAK,uBAAuB,IAAI,KAAK,CAAC;AAAA,IAC1D,YAAY,CAAC,EAAE,MAAM,eAAe,MAAM,CAAC,QAAQ,gBAAgB,gBAAgB;AAAA,MACjF,iBAAiB;AAAA,MAAM,OAAO,mBAAmB,MAAM,KAAK,MAAM,SAAS,CAAC,IAAI,KAAK,4BAA4B;AAAA,IACnH,CAAC,GAAG,SAAS,gBAAgB,IAAI,KAAK,MAAM,SAAS,CAAC,MAAM,IAAI,MAAM,KAAK,MAAM,SAAS,CAAC,KAAK,KAAK,MAAM,SAAS,CAAC,EAAE;AAAA,IACvH,YAAY,CAAC,EAAE,KAAK,MAAM,SAAS,gBAAgB,IAAI,KAAK,MAAM,SAAS,CAAC,MAAM,IAAI,MAAM,KAAK,MAAM,SAAS,CAAC,KAAK,KAAK,MAAM,SAAS,CAAC;AAAA,IAC3I,aAAa,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM;AACvC,YAAM,MAAM,SAAS,cAAc,MAAM;AACzC,YAAM,QAAQ,CAAC,QAAgB;AAC7B,cAAM,QAAQ,MAAM,GAAG;AACvB,YAAI,YAAY,mBAAmB,QAAQ,KAAK,4BAA4B;AAC5E,YAAI,cAAc,QAAS,SAAS,eAAe,IAAI,KAAK,KAAK,QAAS,YAAY,GAAG;AACzF,YAAI,QAAQ;AACZ,YAAI,kBAAkB;AAAA,MACxB;AACA,UAAI,aAAa,KAAK,MAAM,SAAS;AACrC,YAAM,UAAU,MAAM,MAAM,UAAU;AACtC,cAAQ;AACR,aAAO,GAAG,eAAe,OAAO;AAChC,aAAO,EAAE,KAAK,QAAQ,UAAQ;AAAE,YAAI,KAAK,KAAK,SAAS,KAAM,QAAO;AAAO,qBAAa,KAAK,MAAM,SAAS;AAAG,gBAAQ;AAAG,eAAO;AAAA,MAAK,GAAG,SAAS,MAAM;AAAE,eAAO,IAAI,eAAe,OAAO;AAAA,MAAE,EAAE;AAAA,IACjM;AAAA,EACF,CAAC;AACH;AAEO,SAAS,wBAAwB,EAAE,UAAU,GAA4C;AAC9F,SAAO,YAAY,eAAe,OAAO,MAAM,OAAO,cAAc,aAAa,UAAU,IAAI,SAAS;AAC1G;AACO,SAAS,uBAAuB,EAAE,SAAS,GAA0C;AAC1F,SAAO,YAAY,cAAc,UAAU,OAAO,OAAO,aAAa,aAAa,SAAS,IAAI,UAAU,IAAI,aAAW,EAAE,KAAK,OAAO,IAAI,OAAO,OAAO,MAAM,EAAE,CAAC;AACpK;",
+  "names": []
+}

package/dist/components/scroll-area.css

@@ -23,6 +23,18 @@
   border-radius: inherit;
 }
 
+.dsx-scroll-area__viewport:focus-visible {
+  outline: none;
+  box-shadow: inset 0 0 0 var(--dsx-border-width-md) var(--dsx-color-primary);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .dsx-scroll-area__scrollbar,
+  .dsx-scroll-area__thumb {
+    transition: none;
+  }
+}
+
 .dsx-scroll-area__scrollbar {
   display: flex;
   user-select: none;

package/dist/components/scrollArea/ScrollArea.cjs

@@ -110,7 +110,18 @@ const ScrollAreaRoot = React.forwardRef(
         "data-size": size,
         "data-slot": "scroll-area",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaViewport, { asChild: viewportAsChild, className: viewportClassName, children: viewportAsChild ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ScrollAreaViewport,
+            {
+              tabIndex: scrollAreaProps["aria-label"] || scrollAreaProps["aria-labelledby"] ? 0 : void 0,
+              asChild: viewportAsChild,
+              className: viewportClassName,
+              role: scrollAreaProps["aria-label"] || scrollAreaProps["aria-labelledby"] ? "region" : void 0,
+              "aria-label": scrollAreaProps["aria-label"],
+              "aria-labelledby": scrollAreaProps["aria-labelledby"],
+              children: viewportAsChild ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children })
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollBar, { orientation: "vertical" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollBar, { orientation: "horizontal" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaCorner, {})

package/dist/components/scrollArea/ScrollArea.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/scrollArea/ScrollArea.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n  scrollAreaCornerPropDefs,\n  scrollAreaPropDefs,\n  scrollAreaScrollBarPropDefs,\n  scrollAreaViewportPropDefs,\n} from './scrollArea.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>\ntype ScrollAreaViewportOwnProps = GetPropDefTypes<typeof scrollAreaViewportPropDefs>\ntype ScrollAreaScrollBarOwnProps = GetPropDefTypes<typeof scrollAreaScrollBarPropDefs>\ntype ScrollAreaCornerOwnProps = GetPropDefTypes<typeof scrollAreaCornerPropDefs>\n\ninterface ScrollAreaProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>,\n    ScrollAreaOwnProps {\n  viewportClassName?: string\n}\n\ninterface ScrollAreaViewportProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Viewport>,\n    ScrollAreaViewportOwnProps {}\n\ninterface ScrollBarProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n    ScrollAreaScrollBarOwnProps {}\n\ninterface ScrollAreaCornerProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Corner>,\n    ScrollAreaCornerOwnProps {}\n\nconst ScrollAreaViewport = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.Viewport>,\n  ScrollAreaViewportProps\n>((props, forwardedRef) => {\n  const { asChild = false, className, ...viewportProps } = extractProps(props, scrollAreaViewportPropDefs)\n\n  return (\n    <ScrollAreaPrimitive.Viewport\n      {...viewportProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      className={classNames('dsx-scroll-area__viewport', className)}\n      data-slot=\"scroll-area-viewport\"\n    />\n  )\n})\nScrollAreaViewport.displayName = 'ScrollAreaViewport'\n\nconst ScrollBar = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  ScrollBarProps\n>((props, forwardedRef) => {\n  const { asChild: _asChild, className, orientation = 'vertical', ...scrollBarProps } = extractProps(\n    props,\n    scrollAreaScrollBarPropDefs,\n  )\n\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      {...scrollBarProps}\n      ref={forwardedRef}\n      orientation={orientation}\n      className={classNames('dsx-scroll-area__scrollbar', className)}\n      data-slot=\"scroll-area-scrollbar\"\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"dsx-scroll-area__thumb\" data-slot=\"scroll-area-thumb\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n})\nScrollBar.displayName = 'ScrollBar'\n\nconst ScrollAreaCorner = React.forwardRef<React.ComponentRef<typeof ScrollAreaPrimitive.Corner>, ScrollAreaCornerProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...cornerProps } = extractProps(props, scrollAreaCornerPropDefs)\n\n    return (\n      <ScrollAreaPrimitive.Corner\n        {...cornerProps}\n        ref={forwardedRef}\n        className={classNames('dsx-scroll-area__corner', className)}\n        data-slot=\"scroll-area-corner\"\n      />\n    )\n  },\n)\nScrollAreaCorner.displayName = 'ScrollAreaCorner'\n\nconst ScrollAreaRoot = React.forwardRef<React.ComponentRef<typeof ScrollAreaPrimitive.Root>, ScrollAreaProps>(\n  (props, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      children,\n      className,\n      radius = 'md',\n      size = '1',\n      viewportAsChild = false,\n      viewportClassName,\n      ...scrollAreaProps\n    } = extractProps(props, scrollAreaPropDefs)\n\n    return (\n      <ScrollAreaPrimitive.Root\n        {...scrollAreaProps}\n        ref={forwardedRef}\n        className={classNames('dsx-scroll-area', className)}\n        data-radius={radius}\n        data-size={size}\n        data-slot=\"scroll-area\"\n      >\n        <ScrollAreaViewport asChild={viewportAsChild} className={viewportClassName}>\n          {viewportAsChild ? (children as React.ReactElement) : <>{children}</>}\n        </ScrollAreaViewport>\n        <ScrollBar orientation=\"vertical\" />\n        <ScrollBar orientation=\"horizontal\" />\n        <ScrollAreaCorner />\n      </ScrollAreaPrimitive.Root>\n    )\n  },\n)\nScrollAreaRoot.displayName = 'ScrollArea'\n\nconst ScrollArea: typeof ScrollAreaRoot & {\n  Viewport: typeof ScrollAreaViewport\n  ScrollBar: typeof ScrollBar\n  Corner: typeof ScrollAreaCorner\n} = Object.assign(ScrollAreaRoot, {\n  Viewport: ScrollAreaViewport,\n  ScrollBar,\n  Corner: ScrollAreaCorner,\n})\n\nexport { ScrollArea, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaViewport, ScrollBar }\nexport type { ScrollAreaCornerProps, ScrollAreaProps, ScrollAreaViewportProps, ScrollBarProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,0BAAqC;AAErC,0BAA6B;AAC7B,wBAKO;AAkCH;AAPJ,MAAM,qBAAqB,MAAM,WAG/B,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,UAAU,OAAO,WAAW,GAAG,cAAc,QAAI,kCAAa,OAAO,4CAA0B;AAEvG,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,eAAW,kBAAAA,SAAW,6BAA6B,SAAS;AAAA,MAC5D,aAAU;AAAA;AAAA,EACZ;AAEJ,CAAC;AACD,mBAAmB,cAAc;AAEjC,MAAM,YAAY,MAAM,WAGtB,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,SAAS,UAAU,WAAW,cAAc,YAAY,GAAG,eAAe,QAAI;AAAA,IACpF;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,eAAW,kBAAAA,SAAW,8BAA8B,SAAS;AAAA,MAC7D,aAAU;AAAA,MAEV,sDAAC,oBAAoB,iBAApB,EAAoC,WAAU,0BAAyB,aAAU,qBAAoB;AAAA;AAAA,EACxG;AAEJ,CAAC;AACD,UAAU,cAAc;AAExB,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,UAAU,WAAW,GAAG,YAAY,QAAI,kCAAa,OAAO,0CAAwB;AAErG,WACE;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,2BAA2B,SAAS;AAAA,QAC1D,aAAU;AAAA;AAAA,IACZ;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,OAAO;AAAA,MACP,kBAAkB;AAAA,MAClB;AAAA,MACA,GAAG;AAAA,IACL,QAAI,kCAAa,OAAO,oCAAkB;AAE1C,WACE;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,mBAAmB,SAAS;AAAA,QAClD,eAAa;AAAA,QACb,aAAW;AAAA,QACX,aAAU;AAAA,QAEV;AAAA,sDAAC,sBAAmB,SAAS,iBAAiB,WAAW,mBACtD,4BAAmB,WAAkC,2EAAG,UAAS,GACpE;AAAA,UACA,4CAAC,aAAU,aAAY,YAAW;AAAA,UAClC,4CAAC,aAAU,aAAY,cAAa;AAAA,UACpC,4CAAC,oBAAiB;AAAA;AAAA;AAAA,IACpB;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAE7B,MAAM,aAIF,OAAO,OAAO,gBAAgB;AAAA,EAChC,UAAU;AAAA,EACV;AAAA,EACA,QAAQ;AACV,CAAC;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n  scrollAreaCornerPropDefs,\n  scrollAreaPropDefs,\n  scrollAreaScrollBarPropDefs,\n  scrollAreaViewportPropDefs,\n} from './scrollArea.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>\ntype ScrollAreaViewportOwnProps = GetPropDefTypes<typeof scrollAreaViewportPropDefs>\ntype ScrollAreaScrollBarOwnProps = GetPropDefTypes<typeof scrollAreaScrollBarPropDefs>\ntype ScrollAreaCornerOwnProps = GetPropDefTypes<typeof scrollAreaCornerPropDefs>\n\ninterface ScrollAreaProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>,\n    ScrollAreaOwnProps {\n  viewportClassName?: string\n}\n\ninterface ScrollAreaViewportProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Viewport>,\n    ScrollAreaViewportOwnProps {}\n\ninterface ScrollBarProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n    ScrollAreaScrollBarOwnProps {}\n\ninterface ScrollAreaCornerProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Corner>,\n    ScrollAreaCornerOwnProps {}\n\nconst ScrollAreaViewport = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.Viewport>,\n  ScrollAreaViewportProps\n>((props, forwardedRef) => {\n  const { asChild = false, className, ...viewportProps } = extractProps(props, scrollAreaViewportPropDefs)\n\n  return (\n    <ScrollAreaPrimitive.Viewport\n      {...viewportProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      className={classNames('dsx-scroll-area__viewport', className)}\n      data-slot=\"scroll-area-viewport\"\n    />\n  )\n})\nScrollAreaViewport.displayName = 'ScrollAreaViewport'\n\nconst ScrollBar = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  ScrollBarProps\n>((props, forwardedRef) => {\n  const { asChild: _asChild, className, orientation = 'vertical', ...scrollBarProps } = extractProps(\n    props,\n    scrollAreaScrollBarPropDefs,\n  )\n\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      {...scrollBarProps}\n      ref={forwardedRef}\n      orientation={orientation}\n      className={classNames('dsx-scroll-area__scrollbar', className)}\n      data-slot=\"scroll-area-scrollbar\"\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"dsx-scroll-area__thumb\" data-slot=\"scroll-area-thumb\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n})\nScrollBar.displayName = 'ScrollBar'\n\nconst ScrollAreaCorner = React.forwardRef<React.ComponentRef<typeof ScrollAreaPrimitive.Corner>, ScrollAreaCornerProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...cornerProps } = extractProps(props, scrollAreaCornerPropDefs)\n\n    return (\n      <ScrollAreaPrimitive.Corner\n        {...cornerProps}\n        ref={forwardedRef}\n        className={classNames('dsx-scroll-area__corner', className)}\n        data-slot=\"scroll-area-corner\"\n      />\n    )\n  },\n)\nScrollAreaCorner.displayName = 'ScrollAreaCorner'\n\nconst ScrollAreaRoot = React.forwardRef<React.ComponentRef<typeof ScrollAreaPrimitive.Root>, ScrollAreaProps>(\n  (props, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      children,\n      className,\n      radius = 'md',\n      size = '1',\n      viewportAsChild = false,\n      viewportClassName,\n      ...scrollAreaProps\n    } = extractProps(props, scrollAreaPropDefs)\n\n    return (\n      <ScrollAreaPrimitive.Root\n        {...scrollAreaProps}\n        ref={forwardedRef}\n        className={classNames('dsx-scroll-area', className)}\n        data-radius={radius}\n        data-size={size}\n        data-slot=\"scroll-area\"\n      >\n        <ScrollAreaViewport\n          tabIndex={scrollAreaProps['aria-label'] || scrollAreaProps['aria-labelledby'] ? 0 : undefined}\n          asChild={viewportAsChild}\n          className={viewportClassName}\n          role={scrollAreaProps['aria-label'] || scrollAreaProps['aria-labelledby'] ? 'region' : undefined}\n          aria-label={scrollAreaProps['aria-label']}\n          aria-labelledby={scrollAreaProps['aria-labelledby']}\n        >\n          {viewportAsChild ? (children as React.ReactElement) : <>{children}</>}\n        </ScrollAreaViewport>\n        <ScrollBar orientation=\"vertical\" />\n        <ScrollBar orientation=\"horizontal\" />\n        <ScrollAreaCorner />\n      </ScrollAreaPrimitive.Root>\n    )\n  },\n)\nScrollAreaRoot.displayName = 'ScrollArea'\n\nconst ScrollArea: typeof ScrollAreaRoot & {\n  Viewport: typeof ScrollAreaViewport\n  ScrollBar: typeof ScrollBar\n  Corner: typeof ScrollAreaCorner\n} = Object.assign(ScrollAreaRoot, {\n  Viewport: ScrollAreaViewport,\n  ScrollBar,\n  Corner: ScrollAreaCorner,\n})\n\nexport { ScrollArea, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaViewport, ScrollBar }\nexport type { ScrollAreaCornerProps, ScrollAreaProps, ScrollAreaViewportProps, ScrollBarProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,0BAAqC;AAErC,0BAA6B;AAC7B,wBAKO;AAkCH;AAPJ,MAAM,qBAAqB,MAAM,WAG/B,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,UAAU,OAAO,WAAW,GAAG,cAAc,QAAI,kCAAa,OAAO,4CAA0B;AAEvG,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,eAAW,kBAAAA,SAAW,6BAA6B,SAAS;AAAA,MAC5D,aAAU;AAAA;AAAA,EACZ;AAEJ,CAAC;AACD,mBAAmB,cAAc;AAEjC,MAAM,YAAY,MAAM,WAGtB,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,SAAS,UAAU,WAAW,cAAc,YAAY,GAAG,eAAe,QAAI;AAAA,IACpF;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,eAAW,kBAAAA,SAAW,8BAA8B,SAAS;AAAA,MAC7D,aAAU;AAAA,MAEV,sDAAC,oBAAoB,iBAApB,EAAoC,WAAU,0BAAyB,aAAU,qBAAoB;AAAA;AAAA,EACxG;AAEJ,CAAC;AACD,UAAU,cAAc;AAExB,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,UAAU,WAAW,GAAG,YAAY,QAAI,kCAAa,OAAO,0CAAwB;AAErG,WACE;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,2BAA2B,SAAS;AAAA,QAC1D,aAAU;AAAA;AAAA,IACZ;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,OAAO;AAAA,MACP,kBAAkB;AAAA,MAClB;AAAA,MACA,GAAG;AAAA,IACL,QAAI,kCAAa,OAAO,oCAAkB;AAE1C,WACE;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,mBAAmB,SAAS;AAAA,QAClD,eAAa;AAAA,QACb,aAAW;AAAA,QACX,aAAU;AAAA,QAEV;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,gBAAgB,YAAY,KAAK,gBAAgB,iBAAiB,IAAI,IAAI;AAAA,cACpF,SAAS;AAAA,cACT,WAAW;AAAA,cACX,MAAM,gBAAgB,YAAY,KAAK,gBAAgB,iBAAiB,IAAI,WAAW;AAAA,cACvF,cAAY,gBAAgB,YAAY;AAAA,cACxC,mBAAiB,gBAAgB,iBAAiB;AAAA,cAEjD,4BAAmB,WAAkC,2EAAG,UAAS;AAAA;AAAA,UACpE;AAAA,UACA,4CAAC,aAAU,aAAY,YAAW;AAAA,UAClC,4CAAC,aAAU,aAAY,cAAa;AAAA,UACpC,4CAAC,oBAAiB;AAAA;AAAA;AAAA,IACpB;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAE7B,MAAM,aAIF,OAAO,OAAO,gBAAgB;AAAA,EAChC,UAAU;AAAA,EACV;AAAA,EACA,QAAQ;AACV,CAAC;",
   "names": ["classNames"]
 }

package/dist/components/scrollArea/ScrollArea.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.d.cts","sourceRoot":"","sources":["../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAGlE,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AACpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AACtF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EACrE,kBAAkB;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,uBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,QAAQ,CAAC,EACzE,0BAA0B;CAAG;AAEjC,UAAU,cACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,EACpF,2BAA2B;CAAG;AAElC,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,MAAM,CAAC,EACvE,wBAAwB;CAAG;AAE/B,QAAA,MAAM,kBAAkB,gGAetB,CAAA;AAGF,QAAA,MAAM,SAAS,uFAoBb,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAarB,CAAA;AAGD,QAAA,MAAM,cAAc,wFA+BnB,CAAA;AAGD,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,QAAQ,EAAE,OAAO,kBAAkB,CAAA;IACnC,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,MAAM,EAAE,OAAO,gBAAgB,CAAA;CAK/B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAA;AACtF,YAAY,EAAE,qBAAqB,EAAE,eAAe,EAAE,uBAAuB,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"ScrollArea.d.cts","sourceRoot":"","sources":["../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAGlE,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AACpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AACtF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EACrE,kBAAkB;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,uBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,QAAQ,CAAC,EACzE,0BAA0B;CAAG;AAEjC,UAAU,cACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,EACpF,2BAA2B;CAAG;AAElC,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,MAAM,CAAC,EACvE,wBAAwB;CAAG;AAE/B,QAAA,MAAM,kBAAkB,gGAetB,CAAA;AAGF,QAAA,MAAM,SAAS,uFAoBb,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAarB,CAAA;AAGD,QAAA,MAAM,cAAc,wFAsCnB,CAAA;AAGD,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,QAAQ,EAAE,OAAO,kBAAkB,CAAA;IACnC,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,MAAM,EAAE,OAAO,gBAAgB,CAAA;CAK/B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAA;AACtF,YAAY,EAAE,qBAAqB,EAAE,eAAe,EAAE,uBAAuB,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/scrollArea/ScrollArea.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.d.mts","sourceRoot":"","sources":["../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAGlE,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AACpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AACtF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EACrE,kBAAkB;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,uBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,QAAQ,CAAC,EACzE,0BAA0B;CAAG;AAEjC,UAAU,cACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,EACpF,2BAA2B;CAAG;AAElC,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,MAAM,CAAC,EACvE,wBAAwB;CAAG;AAE/B,QAAA,MAAM,kBAAkB,gGAetB,CAAA;AAGF,QAAA,MAAM,SAAS,uFAoBb,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAarB,CAAA;AAGD,QAAA,MAAM,cAAc,wFA+BnB,CAAA;AAGD,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,QAAQ,EAAE,OAAO,kBAAkB,CAAA;IACnC,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,MAAM,EAAE,OAAO,gBAAgB,CAAA;CAK/B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAA;AACtF,YAAY,EAAE,qBAAqB,EAAE,eAAe,EAAE,uBAAuB,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"ScrollArea.d.mts","sourceRoot":"","sources":["../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAGlE,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AACpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AACtF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EACrE,kBAAkB;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,uBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,QAAQ,CAAC,EACzE,0BAA0B;CAAG;AAEjC,UAAU,cACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,EACpF,2BAA2B;CAAG;AAElC,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,MAAM,CAAC,EACvE,wBAAwB;CAAG;AAE/B,QAAA,MAAM,kBAAkB,gGAetB,CAAA;AAGF,QAAA,MAAM,SAAS,uFAoBb,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAarB,CAAA;AAGD,QAAA,MAAM,cAAc,wFAsCnB,CAAA;AAGD,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,QAAQ,EAAE,OAAO,kBAAkB,CAAA;IACnC,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,MAAM,EAAE,OAAO,gBAAgB,CAAA;CAK/B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAA;AACtF,YAAY,EAAE,qBAAqB,EAAE,eAAe,EAAE,uBAAuB,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/scrollArea/ScrollArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAGlE,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AACpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AACtF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EACrE,kBAAkB;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,uBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,QAAQ,CAAC,EACzE,0BAA0B;CAAG;AAEjC,UAAU,cACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,EACpF,2BAA2B;CAAG;AAElC,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,MAAM,CAAC,EACvE,wBAAwB;CAAG;AAE/B,QAAA,MAAM,kBAAkB,gGAetB,CAAA;AAGF,QAAA,MAAM,SAAS,uFAoBb,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAarB,CAAA;AAGD,QAAA,MAAM,cAAc,wFA+BnB,CAAA;AAGD,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,QAAQ,EAAE,OAAO,kBAAkB,CAAA;IACnC,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,MAAM,EAAE,OAAO,gBAAgB,CAAA;CAK/B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAA;AACtF,YAAY,EAAE,qBAAqB,EAAE,eAAe,EAAE,uBAAuB,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAGlE,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AACpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AACtF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EACrE,kBAAkB;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,uBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,QAAQ,CAAC,EACzE,0BAA0B;CAAG;AAEjC,UAAU,cACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,EACpF,2BAA2B;CAAG;AAElC,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,MAAM,CAAC,EACvE,wBAAwB;CAAG;AAE/B,QAAA,MAAM,kBAAkB,gGAetB,CAAA;AAGF,QAAA,MAAM,SAAS,uFAoBb,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAarB,CAAA;AAGD,QAAA,MAAM,cAAc,wFAsCnB,CAAA;AAGD,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,QAAQ,EAAE,OAAO,kBAAkB,CAAA;IACnC,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,MAAM,EAAE,OAAO,gBAAgB,CAAA;CAK/B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAA;AACtF,YAAY,EAAE,qBAAqB,EAAE,eAAe,EAAE,uBAAuB,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/scrollArea/ScrollArea.js

@@ -78,7 +78,18 @@ const ScrollAreaRoot = React.forwardRef(
         "data-size": size,
         "data-slot": "scroll-area",
         children: [
-          /* @__PURE__ */ jsx(ScrollAreaViewport, { asChild: viewportAsChild, className: viewportClassName, children: viewportAsChild ? children : /* @__PURE__ */ jsx(Fragment, { children }) }),
+          /* @__PURE__ */ jsx(
+            ScrollAreaViewport,
+            {
+              tabIndex: scrollAreaProps["aria-label"] || scrollAreaProps["aria-labelledby"] ? 0 : void 0,
+              asChild: viewportAsChild,
+              className: viewportClassName,
+              role: scrollAreaProps["aria-label"] || scrollAreaProps["aria-labelledby"] ? "region" : void 0,
+              "aria-label": scrollAreaProps["aria-label"],
+              "aria-labelledby": scrollAreaProps["aria-labelledby"],
+              children: viewportAsChild ? children : /* @__PURE__ */ jsx(Fragment, { children })
+            }
+          ),
           /* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" }),
           /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
           /* @__PURE__ */ jsx(ScrollAreaCorner, {})

package/dist/components/scrollArea/ScrollArea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/scrollArea/ScrollArea.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n  scrollAreaCornerPropDefs,\n  scrollAreaPropDefs,\n  scrollAreaScrollBarPropDefs,\n  scrollAreaViewportPropDefs,\n} from './scrollArea.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>\ntype ScrollAreaViewportOwnProps = GetPropDefTypes<typeof scrollAreaViewportPropDefs>\ntype ScrollAreaScrollBarOwnProps = GetPropDefTypes<typeof scrollAreaScrollBarPropDefs>\ntype ScrollAreaCornerOwnProps = GetPropDefTypes<typeof scrollAreaCornerPropDefs>\n\ninterface ScrollAreaProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>,\n    ScrollAreaOwnProps {\n  viewportClassName?: string\n}\n\ninterface ScrollAreaViewportProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Viewport>,\n    ScrollAreaViewportOwnProps {}\n\ninterface ScrollBarProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n    ScrollAreaScrollBarOwnProps {}\n\ninterface ScrollAreaCornerProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Corner>,\n    ScrollAreaCornerOwnProps {}\n\nconst ScrollAreaViewport = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.Viewport>,\n  ScrollAreaViewportProps\n>((props, forwardedRef) => {\n  const { asChild = false, className, ...viewportProps } = extractProps(props, scrollAreaViewportPropDefs)\n\n  return (\n    <ScrollAreaPrimitive.Viewport\n      {...viewportProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      className={classNames('dsx-scroll-area__viewport', className)}\n      data-slot=\"scroll-area-viewport\"\n    />\n  )\n})\nScrollAreaViewport.displayName = 'ScrollAreaViewport'\n\nconst ScrollBar = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  ScrollBarProps\n>((props, forwardedRef) => {\n  const { asChild: _asChild, className, orientation = 'vertical', ...scrollBarProps } = extractProps(\n    props,\n    scrollAreaScrollBarPropDefs,\n  )\n\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      {...scrollBarProps}\n      ref={forwardedRef}\n      orientation={orientation}\n      className={classNames('dsx-scroll-area__scrollbar', className)}\n      data-slot=\"scroll-area-scrollbar\"\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"dsx-scroll-area__thumb\" data-slot=\"scroll-area-thumb\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n})\nScrollBar.displayName = 'ScrollBar'\n\nconst ScrollAreaCorner = React.forwardRef<React.ComponentRef<typeof ScrollAreaPrimitive.Corner>, ScrollAreaCornerProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...cornerProps } = extractProps(props, scrollAreaCornerPropDefs)\n\n    return (\n      <ScrollAreaPrimitive.Corner\n        {...cornerProps}\n        ref={forwardedRef}\n        className={classNames('dsx-scroll-area__corner', className)}\n        data-slot=\"scroll-area-corner\"\n      />\n    )\n  },\n)\nScrollAreaCorner.displayName = 'ScrollAreaCorner'\n\nconst ScrollAreaRoot = React.forwardRef<React.ComponentRef<typeof ScrollAreaPrimitive.Root>, ScrollAreaProps>(\n  (props, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      children,\n      className,\n      radius = 'md',\n      size = '1',\n      viewportAsChild = false,\n      viewportClassName,\n      ...scrollAreaProps\n    } = extractProps(props, scrollAreaPropDefs)\n\n    return (\n      <ScrollAreaPrimitive.Root\n        {...scrollAreaProps}\n        ref={forwardedRef}\n        className={classNames('dsx-scroll-area', className)}\n        data-radius={radius}\n        data-size={size}\n        data-slot=\"scroll-area\"\n      >\n        <ScrollAreaViewport asChild={viewportAsChild} className={viewportClassName}>\n          {viewportAsChild ? (children as React.ReactElement) : <>{children}</>}\n        </ScrollAreaViewport>\n        <ScrollBar orientation=\"vertical\" />\n        <ScrollBar orientation=\"horizontal\" />\n        <ScrollAreaCorner />\n      </ScrollAreaPrimitive.Root>\n    )\n  },\n)\nScrollAreaRoot.displayName = 'ScrollArea'\n\nconst ScrollArea: typeof ScrollAreaRoot & {\n  Viewport: typeof ScrollAreaViewport\n  ScrollBar: typeof ScrollBar\n  Corner: typeof ScrollAreaCorner\n} = Object.assign(ScrollAreaRoot, {\n  Viewport: ScrollAreaViewport,\n  ScrollBar,\n  Corner: ScrollAreaCorner,\n})\n\nexport { ScrollArea, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaViewport, ScrollBar }\nexport type { ScrollAreaCornerProps, ScrollAreaProps, ScrollAreaViewportProps, ScrollBarProps }\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,YAAY,yBAAyB;AAErC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAkCH,SAyE4D,UAzE5D,KAgEE,YAhEF;AAPJ,MAAM,qBAAqB,MAAM,WAG/B,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,UAAU,OAAO,WAAW,GAAG,cAAc,IAAI,aAAa,OAAO,0BAA0B;AAEvG,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,WAAW,WAAW,6BAA6B,SAAS;AAAA,MAC5D,aAAU;AAAA;AAAA,EACZ;AAEJ,CAAC;AACD,mBAAmB,cAAc;AAEjC,MAAM,YAAY,MAAM,WAGtB,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,SAAS,UAAU,WAAW,cAAc,YAAY,GAAG,eAAe,IAAI;AAAA,IACpF;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,WAAW,WAAW,8BAA8B,SAAS;AAAA,MAC7D,aAAU;AAAA,MAEV,8BAAC,oBAAoB,iBAApB,EAAoC,WAAU,0BAAyB,aAAU,qBAAoB;AAAA;AAAA,EACxG;AAEJ,CAAC;AACD,UAAU,cAAc;AAExB,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,UAAU,WAAW,GAAG,YAAY,IAAI,aAAa,OAAO,wBAAwB;AAErG,WACE;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,2BAA2B,SAAS;AAAA,QAC1D,aAAU;AAAA;AAAA,IACZ;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,OAAO;AAAA,MACP,kBAAkB;AAAA,MAClB;AAAA,MACA,GAAG;AAAA,IACL,IAAI,aAAa,OAAO,kBAAkB;AAE1C,WACE;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,mBAAmB,SAAS;AAAA,QAClD,eAAa;AAAA,QACb,aAAW;AAAA,QACX,aAAU;AAAA,QAEV;AAAA,8BAAC,sBAAmB,SAAS,iBAAiB,WAAW,mBACtD,4BAAmB,WAAkC,gCAAG,UAAS,GACpE;AAAA,UACA,oBAAC,aAAU,aAAY,YAAW;AAAA,UAClC,oBAAC,aAAU,aAAY,cAAa;AAAA,UACpC,oBAAC,oBAAiB;AAAA;AAAA;AAAA,IACpB;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAE7B,MAAM,aAIF,OAAO,OAAO,gBAAgB;AAAA,EAChC,UAAU;AAAA,EACV;AAAA,EACA,QAAQ;AACV,CAAC;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n  scrollAreaCornerPropDefs,\n  scrollAreaPropDefs,\n  scrollAreaScrollBarPropDefs,\n  scrollAreaViewportPropDefs,\n} from './scrollArea.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>\ntype ScrollAreaViewportOwnProps = GetPropDefTypes<typeof scrollAreaViewportPropDefs>\ntype ScrollAreaScrollBarOwnProps = GetPropDefTypes<typeof scrollAreaScrollBarPropDefs>\ntype ScrollAreaCornerOwnProps = GetPropDefTypes<typeof scrollAreaCornerPropDefs>\n\ninterface ScrollAreaProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>,\n    ScrollAreaOwnProps {\n  viewportClassName?: string\n}\n\ninterface ScrollAreaViewportProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Viewport>,\n    ScrollAreaViewportOwnProps {}\n\ninterface ScrollBarProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n    ScrollAreaScrollBarOwnProps {}\n\ninterface ScrollAreaCornerProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Corner>,\n    ScrollAreaCornerOwnProps {}\n\nconst ScrollAreaViewport = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.Viewport>,\n  ScrollAreaViewportProps\n>((props, forwardedRef) => {\n  const { asChild = false, className, ...viewportProps } = extractProps(props, scrollAreaViewportPropDefs)\n\n  return (\n    <ScrollAreaPrimitive.Viewport\n      {...viewportProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      className={classNames('dsx-scroll-area__viewport', className)}\n      data-slot=\"scroll-area-viewport\"\n    />\n  )\n})\nScrollAreaViewport.displayName = 'ScrollAreaViewport'\n\nconst ScrollBar = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  ScrollBarProps\n>((props, forwardedRef) => {\n  const { asChild: _asChild, className, orientation = 'vertical', ...scrollBarProps } = extractProps(\n    props,\n    scrollAreaScrollBarPropDefs,\n  )\n\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      {...scrollBarProps}\n      ref={forwardedRef}\n      orientation={orientation}\n      className={classNames('dsx-scroll-area__scrollbar', className)}\n      data-slot=\"scroll-area-scrollbar\"\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"dsx-scroll-area__thumb\" data-slot=\"scroll-area-thumb\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n})\nScrollBar.displayName = 'ScrollBar'\n\nconst ScrollAreaCorner = React.forwardRef<React.ComponentRef<typeof ScrollAreaPrimitive.Corner>, ScrollAreaCornerProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...cornerProps } = extractProps(props, scrollAreaCornerPropDefs)\n\n    return (\n      <ScrollAreaPrimitive.Corner\n        {...cornerProps}\n        ref={forwardedRef}\n        className={classNames('dsx-scroll-area__corner', className)}\n        data-slot=\"scroll-area-corner\"\n      />\n    )\n  },\n)\nScrollAreaCorner.displayName = 'ScrollAreaCorner'\n\nconst ScrollAreaRoot = React.forwardRef<React.ComponentRef<typeof ScrollAreaPrimitive.Root>, ScrollAreaProps>(\n  (props, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      children,\n      className,\n      radius = 'md',\n      size = '1',\n      viewportAsChild = false,\n      viewportClassName,\n      ...scrollAreaProps\n    } = extractProps(props, scrollAreaPropDefs)\n\n    return (\n      <ScrollAreaPrimitive.Root\n        {...scrollAreaProps}\n        ref={forwardedRef}\n        className={classNames('dsx-scroll-area', className)}\n        data-radius={radius}\n        data-size={size}\n        data-slot=\"scroll-area\"\n      >\n        <ScrollAreaViewport\n          tabIndex={scrollAreaProps['aria-label'] || scrollAreaProps['aria-labelledby'] ? 0 : undefined}\n          asChild={viewportAsChild}\n          className={viewportClassName}\n          role={scrollAreaProps['aria-label'] || scrollAreaProps['aria-labelledby'] ? 'region' : undefined}\n          aria-label={scrollAreaProps['aria-label']}\n          aria-labelledby={scrollAreaProps['aria-labelledby']}\n        >\n          {viewportAsChild ? (children as React.ReactElement) : <>{children}</>}\n        </ScrollAreaViewport>\n        <ScrollBar orientation=\"vertical\" />\n        <ScrollBar orientation=\"horizontal\" />\n        <ScrollAreaCorner />\n      </ScrollAreaPrimitive.Root>\n    )\n  },\n)\nScrollAreaRoot.displayName = 'ScrollArea'\n\nconst ScrollArea: typeof ScrollAreaRoot & {\n  Viewport: typeof ScrollAreaViewport\n  ScrollBar: typeof ScrollBar\n  Corner: typeof ScrollAreaCorner\n} = Object.assign(ScrollAreaRoot, {\n  Viewport: ScrollAreaViewport,\n  ScrollBar,\n  Corner: ScrollAreaCorner,\n})\n\nexport { ScrollArea, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaViewport, ScrollBar }\nexport type { ScrollAreaCornerProps, ScrollAreaProps, ScrollAreaViewportProps, ScrollBarProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,YAAY,yBAAyB;AAErC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAkCH,SAgF4D,UAhF5D,KAgEE,YAhEF;AAPJ,MAAM,qBAAqB,MAAM,WAG/B,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,UAAU,OAAO,WAAW,GAAG,cAAc,IAAI,aAAa,OAAO,0BAA0B;AAEvG,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,WAAW,WAAW,6BAA6B,SAAS;AAAA,MAC5D,aAAU;AAAA;AAAA,EACZ;AAEJ,CAAC;AACD,mBAAmB,cAAc;AAEjC,MAAM,YAAY,MAAM,WAGtB,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,SAAS,UAAU,WAAW,cAAc,YAAY,GAAG,eAAe,IAAI;AAAA,IACpF;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,WAAW,WAAW,8BAA8B,SAAS;AAAA,MAC7D,aAAU;AAAA,MAEV,8BAAC,oBAAoB,iBAApB,EAAoC,WAAU,0BAAyB,aAAU,qBAAoB;AAAA;AAAA,EACxG;AAEJ,CAAC;AACD,UAAU,cAAc;AAExB,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,UAAU,WAAW,GAAG,YAAY,IAAI,aAAa,OAAO,wBAAwB;AAErG,WACE;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,2BAA2B,SAAS;AAAA,QAC1D,aAAU;AAAA;AAAA,IACZ;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,OAAO;AAAA,MACP,kBAAkB;AAAA,MAClB;AAAA,MACA,GAAG;AAAA,IACL,IAAI,aAAa,OAAO,kBAAkB;AAE1C,WACE;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,mBAAmB,SAAS;AAAA,QAClD,eAAa;AAAA,QACb,aAAW;AAAA,QACX,aAAU;AAAA,QAEV;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,gBAAgB,YAAY,KAAK,gBAAgB,iBAAiB,IAAI,IAAI;AAAA,cACpF,SAAS;AAAA,cACT,WAAW;AAAA,cACX,MAAM,gBAAgB,YAAY,KAAK,gBAAgB,iBAAiB,IAAI,WAAW;AAAA,cACvF,cAAY,gBAAgB,YAAY;AAAA,cACxC,mBAAiB,gBAAgB,iBAAiB;AAAA,cAEjD,4BAAmB,WAAkC,gCAAG,UAAS;AAAA;AAAA,UACpE;AAAA,UACA,oBAAC,aAAU,aAAY,YAAW;AAAA,UAClC,oBAAC,aAAU,aAAY,cAAa;AAAA,UACpC,oBAAC,oBAAiB;AAAA;AAAA;AAAA,IACpB;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAE7B,MAAM,aAIF,OAAO,OAAO,gBAAgB;AAAA,EAChC,UAAU;AAAA,EACV;AAAA,EACA,QAAQ;AACV,CAAC;",
   "names": []
 }

package/dist/components/segmentedControl/SegmentedControl.cjs

@@ -75,8 +75,8 @@ const SegmentedControlRoot = React.forwardRef(({ className, children, disabled =
     const rootRect = root.getBoundingClientRect();
     const activeRect = active.getBoundingClientRect();
     setIndicator({
-      x: activeRect.left - rootRect.left - root.clientLeft,
-      y: activeRect.top - rootRect.top - root.clientTop,
+      x: activeRect.left - rootRect.left - root.clientLeft + root.scrollLeft,
+      y: activeRect.top - rootRect.top - root.clientTop + root.scrollTop,
       width: activeRect.width,
       height: activeRect.height
     });