@d4gger/design-system 3.0.0 → 3.0.1

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

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

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

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

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

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

package/dist/components/richTextEditor/RichTextEditor.js

@@ -353,6 +353,14 @@ const RichTextEditorRoot = React.forwardRef(
     ...props
   }, forwardedRef) => {
     const managedContent = isRichTextEditorContent(content) ? content : void 0;
+    const onEditorUpdateRef = React.useRef(onEditorUpdate);
+    const onUpdateRef = React.useRef(onUpdate);
+    const serializeRef = React.useRef(serialize);
+    React.useEffect(() => {
+      onEditorUpdateRef.current = onEditorUpdate;
+      onUpdateRef.current = onUpdate;
+      serializeRef.current = serialize;
+    });
     const editor = useEditor(
       {
         ...editorOptions,
@@ -366,11 +374,11 @@ const RichTextEditorRoot = React.forwardRef(
           attributes: getRichTextEditorAttributes(editorOptions)
         },
         onUpdate: ({ editor: currentEditor }) => {
-          onEditorUpdate?.(currentEditor);
-          onUpdate?.((serialize ?? ((editorInstance) => editorInstance.getHTML()))(currentEditor));
+          onEditorUpdateRef.current?.(currentEditor);
+          onUpdateRef.current?.((serializeRef.current ?? ((editorInstance) => editorInstance.getHTML()))(currentEditor));
         }
       },
-      [disabled, editorOptions, extensions, onEditorUpdate, onUpdate, preset, serialize]
+      [disabled, editorOptions, extensions, preset]
     );
     React.useEffect(() => {
       editor?.setEditable(!disabled);

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 editor = useEditor(\n      {\n        ...editorOptions,\n        content: managedContent,\n        editable: !disabled,\n        extensions: extensions ?? createRichTextEditorExtensions({ preset }),\n        immediatelyRender: false,\n        shouldRerenderOnTransaction: true,\n        editorProps: {\n          ...editorOptions?.editorProps,\n          attributes: getRichTextEditorAttributes(editorOptions),\n        },\n        onUpdate: ({ editor: currentEditor }) => {\n          onEditorUpdate?.(currentEditor)\n          onUpdate?.((serialize ?? ((editorInstance: Editor) => editorInstance.getHTML()))(currentEditor))\n        },\n      },\n      [disabled, editorOptions, extensions, onEditorUpdate, onUpdate, preset, serialize],\n    )\n\n    React.useEffect(() => {\n      editor?.setEditable(!disabled)\n    }, [disabled, editor])\n\n    React.useEffect(() => {\n      if (!editor) {\n        return\n      }\n\n      if (managedContent === undefined) {\n        return\n      }\n\n      if (typeof managedContent === 'string') {\n        if (editor.getHTML() !== managedContent) {\n          editor.commands.setContent(managedContent, { emitUpdate: false })\n        }\n\n        return\n      }\n\n      if (JSON.stringify(editor.getJSON()) !== JSON.stringify(managedContent)) {\n        editor.commands.setContent(managedContent, { emitUpdate: false })\n      }\n    }, [editor, managedContent])\n\n    return (\n      <RichTextEditorShell\n        {...props}\n        ref={forwardedRef}\n        className={className}\n        disabled={disabled}\n        editor={editor}\n        placeholder={placeholder}\n        toolbar={toolbar}\n      />\n    )\n  },\n)\nRichTextEditorRoot.displayName = 'RichTextEditor'\n\nconst RichTextEditor: typeof RichTextEditorRoot & {\n  Shell: typeof RichTextEditorShell\n  Toolbar: typeof RichTextEditorToolbar\n  Content: typeof RichTextEditorContent\n} = Object.assign(RichTextEditorRoot, {\n  Shell: RichTextEditorShell,\n  Toolbar: RichTextEditorToolbar,\n  Content: RichTextEditorContent,\n})\n\nexport { RichTextEditor, RichTextEditorContent, RichTextEditorRoot, RichTextEditorShell, RichTextEditorToolbar, createRichTextEditorExtensions }\nexport type {\n  RichTextEditorContentProps,\n  RichTextEditorProps,\n  RichTextEditorShellProps,\n  RichTextEditorToolbarProps,\n  RichTextEditorToolbarSlot,\n  RichTextEditorPreset,\n  RichTextEditorExtensionConfig,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { EditorContent, useEditor, type Content, type Editor, type UseEditorOptions } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { richTextEditorContentPropDefs, richTextEditorPropDefs, richTextEditorToolbarButtonPropDefs } from './richTextEditor.props'\nimport { Button } from '../button/Button'\nimport { Icon } from '../icon/Icon'\nimport { createArticleExtensions } from '../articleNodes/articleExtensions'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype RichTextEditorOwnProps = GetPropDefTypes<typeof richTextEditorPropDefs>\ntype RichTextEditorContentOwnProps = GetPropDefTypes<typeof richTextEditorContentPropDefs>\ntype RichTextEditorToolbarButtonOwnProps = GetPropDefTypes<typeof richTextEditorToolbarButtonPropDefs>\n\ntype RichTextEditorManagedEditorOptions = Omit<UseEditorOptions, 'content' | 'editable' | 'extensions' | 'onUpdate'>\ntype RichTextEditorToolbarSlot = React.ReactNode | ((context: { disabled: boolean; editor: Editor | null }) => React.ReactNode)\n\nconst defaultRichTextEditorExtensions: NonNullable<UseEditorOptions['extensions']> = [StarterKit]\n\ntype RichTextEditorPreset = 'basic' | 'article'\ntype RichTextEditorExtensionConfig = { preset?: RichTextEditorPreset; extensions?: UseEditorOptions['extensions'] }\n\nfunction createRichTextEditorExtensions(config: RichTextEditorExtensionConfig = {}): NonNullable<UseEditorOptions['extensions']> {\n  if (config.extensions) return config.extensions\n  return config.preset === 'article' ? [StarterKit.configure({ codeBlock: false }), ...createArticleExtensions()] : defaultRichTextEditorExtensions\n}\n\nfunction isRichTextEditorContent(value: unknown): value is Content {\n  return value === null || typeof value === 'string' || typeof value === 'object'\n}\n\nfunction renderRichTextEditorToolbar(toolbar: RichTextEditorToolbarSlot | null | undefined, editor: Editor | null, disabled: boolean) {\n  if (toolbar === null) {\n    return null\n  }\n\n  if (typeof toolbar === 'function') {\n    return toolbar({ disabled, editor })\n  }\n\n  if (toolbar !== undefined) {\n    return toolbar\n  }\n\n  return <RichTextEditorToolbar editor={editor} disabled={disabled} />\n}\n\nfunction getRichTextEditorAttributes(editorOptions?: RichTextEditorManagedEditorOptions) {\n  const attributes = editorOptions?.editorProps?.attributes\n\n  if (!attributes || typeof attributes === 'function') {\n    return {\n      class: 'dsx-rich-text-editor__prosemirror',\n      'data-slot': 'rich-text-editor-prosemirror',\n    }\n  }\n\n  return {\n    ...attributes,\n    class: classNames('dsx-rich-text-editor__prosemirror', attributes.class),\n    'data-slot': 'rich-text-editor-prosemirror',\n  }\n}\n\nfunction getRichTextEditorStatus(editor: Editor | null) {\n  if (!editor) {\n    return 'Editor loading'\n  }\n\n  const plainText = editor.getText().trim()\n\n  if (plainText.length === 0) {\n    return 'Ready to write'\n  }\n\n  return `${plainText.length} characters`\n}\n\ninterface RichTextEditorProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content' | 'onUpdate'>,\n    RichTextEditorOwnProps {\n  content?: unknown\n  editorOptions?: RichTextEditorManagedEditorOptions\n  extensions?: UseEditorOptions['extensions']\n  onEditorUpdate?: (editor: Editor) => void\n  onUpdate?: (content: string) => void\n  placeholder?: string\n  preset?: RichTextEditorPreset\n  serialize?: (editor: Editor) => string\n  toolbar?: RichTextEditorToolbarSlot | null\n}\n\ninterface RichTextEditorShellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, RichTextEditorOwnProps {\n  editor: Editor | null\n  placeholder?: string\n  toolbar?: RichTextEditorToolbarSlot | null\n}\n\ninterface RichTextEditorToolbarProps extends React.HTMLAttributes<HTMLDivElement> {\n  editor: Editor | null\n  disabled?: boolean\n}\n\ninterface RichTextEditorContentProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>,\n    RichTextEditorContentOwnProps {\n  editor: Editor | null\n  placeholder?: string\n}\n\ninterface RichTextEditorToolbarButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    RichTextEditorToolbarButtonOwnProps {}\n\nconst RichTextEditorShell = React.forwardRef<HTMLDivElement, RichTextEditorShellProps>(\n  ({ className: propClassName, disabled = false, editor, placeholder, toolbar, ...props }, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      className,\n      ...editorProps\n    } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        disabled,\n      },\n      richTextEditorPropDefs,\n    )\n\n    return (\n      <div\n        {...editorProps}\n        ref={forwardedRef}\n        className={classNames('dsx-rich-text-editor', className)}\n        aria-disabled={disabled}\n        data-disabled={disabled ? 'true' : undefined}\n        data-slot=\"rich-text-editor\"\n      >\n        {renderRichTextEditorToolbar(toolbar, editor, disabled)}\n        <RichTextEditorContent editor={editor} placeholder={placeholder} disabled={disabled} />\n        <div className=\"dsx-rich-text-editor__status\" data-slot=\"rich-text-editor-status\">\n          <span>{getRichTextEditorStatus(editor)}</span>\n        </div>\n      </div>\n    )\n  },\n)\nRichTextEditorShell.displayName = 'RichTextEditorShell'\n\nconst RichTextEditorToolbarButton = React.forwardRef<HTMLButtonElement, RichTextEditorToolbarButtonProps>(\n  ({ active = false, className: propClassName, ...props }, forwardedRef) => {\n    const { asChild, className, ...buttonProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        active,\n      },\n      richTextEditorToolbarButtonPropDefs,\n    )\n\n    return (\n      <Button\n        {...buttonProps}\n        ref={forwardedRef}\n        asChild={asChild}\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-pressed={active}\n        data-active={active ? 'true' : undefined}\n        data-slot=\"rich-text-editor-toolbar-button\"\n        className={classNames('dsx-rich-text-editor__toolbar-button', className)}\n      />\n    )\n  },\n)\nRichTextEditorToolbarButton.displayName = 'RichTextEditorToolbarButton'\n\nconst RichTextEditorToolbar = React.forwardRef<HTMLDivElement, RichTextEditorToolbarProps>(\n  ({ editor, disabled = false, className, ...props }, forwardedRef) => {\n    const toolbarDisabled = disabled || !editor\n\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-rich-text-editor__toolbar', className)}\n        data-disabled={toolbarDisabled ? 'true' : undefined}\n        data-slot=\"rich-text-editor-toolbar\"\n        role=\"toolbar\"\n        aria-label=\"Formatting toolbar\"\n      >\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"Text style\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">Text</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('bold') ?? false}\n            aria-label=\"Bold\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleBold().run()}\n          >\n            <Icon name=\"bold\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('italic') ?? false}\n            aria-label=\"Italic\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleItalic().run()}\n          >\n            <Icon name=\"italic\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('strike') ?? false}\n            aria-label=\"Strikethrough\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleStrike().run()}\n          >\n            <Icon name=\"strikethrough\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"Block style\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">Blocks</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('heading', { level: 1 }) ?? false}\n            aria-label=\"Heading 1\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 1 }).run()}\n          >\n            <Icon name=\"heading-1\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('heading', { level: 2 }) ?? false}\n            aria-label=\"Heading\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 2 }).run()}\n          >\n            <Icon name=\"heading-2\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('heading', { level: 3 }) ?? false}\n            aria-label=\"Subheading\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 3 }).run()}\n          >\n            <Icon name=\"heading-3\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('bulletList') ?? false}\n            aria-label=\"Bulleted list\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleBulletList().run()}\n          >\n            <Icon name=\"list\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('orderedList') ?? false}\n            aria-label=\"Numbered list\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleOrderedList().run()}\n          >\n            <Icon name=\"list-ordered\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('blockquote') ?? false}\n            aria-label=\"Quote block\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleBlockquote().run()}\n          >\n            <Icon name=\"quote\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('codeBlock') ?? false}\n            aria-label=\"Code block\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleCodeBlock().run()}\n          >\n            <Icon name=\"code\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"Insert\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">Insert</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('link') ?? false}\n            aria-label=\"Link\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => {\n              if (!editor) return\n              if (editor.isActive('link')) {\n                editor.chain().focus().unsetLink().run()\n                return\n              }\n              const url = window.prompt('URL')\n              if (!url) return\n              editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run()\n            }}\n          >\n            <Icon name=\"link\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            aria-label=\"Clear formatting\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().clearNodes().unsetAllMarks().run()}\n          >\n            <Icon name=\"eraser\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"History\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">History</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled || !editor?.can().undo()}\n            aria-label=\"Undo\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().undo().run()}\n          >\n            <Icon name=\"undo\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled || !editor?.can().redo()}\n            aria-label=\"Redo\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().redo().run()}\n          >\n            <Icon name=\"redo\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n      </div>\n    )\n  },\n)\nRichTextEditorToolbar.displayName = 'RichTextEditorToolbar'\n\nconst RichTextEditorContent = React.forwardRef<HTMLDivElement, RichTextEditorContentProps>(\n  ({ className: propClassName, disabled = false, editor, placeholder, ...props }, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      className,\n      mode: _mode,\n      ...contentProps\n    } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        disabled,\n      },\n      richTextEditorContentPropDefs,\n    )\n\n    return (\n      <div\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('dsx-rich-text-editor__area', className)}\n        data-disabled={disabled ? 'true' : undefined}\n        data-slot=\"rich-text-editor-area\"\n      >\n        {editor?.isEmpty && placeholder ? (\n          <div className=\"dsx-rich-text-editor__placeholder\" data-slot=\"rich-text-editor-placeholder\">\n            {placeholder}\n          </div>\n        ) : null}\n        <EditorContent editor={editor} className=\"dsx-rich-text-editor__content\" data-slot=\"rich-text-editor-content\" />\n      </div>\n    )\n  },\n)\nRichTextEditorContent.displayName = 'RichTextEditorContent'\n\nconst RichTextEditorRoot = React.forwardRef<HTMLDivElement, RichTextEditorProps>(\n  (\n    {\n      className,\n      content = '',\n      disabled = false,\n      editorOptions,\n      extensions,\n      onEditorUpdate,\n      onUpdate,\n      placeholder,\n      preset = 'basic',\n      serialize,\n      toolbar,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const managedContent = isRichTextEditorContent(content) ? content : undefined\n\n    const onEditorUpdateRef = React.useRef(onEditorUpdate)\n    const onUpdateRef = React.useRef(onUpdate)\n    const serializeRef = React.useRef(serialize)\n\n    React.useEffect(() => {\n      onEditorUpdateRef.current = onEditorUpdate\n      onUpdateRef.current = onUpdate\n      serializeRef.current = serialize\n    })\n\n    const editor = useEditor(\n      {\n        ...editorOptions,\n        content: managedContent,\n        editable: !disabled,\n        extensions: extensions ?? createRichTextEditorExtensions({ preset }),\n        immediatelyRender: false,\n        shouldRerenderOnTransaction: true,\n        editorProps: {\n          ...editorOptions?.editorProps,\n          attributes: getRichTextEditorAttributes(editorOptions),\n        },\n        onUpdate: ({ editor: currentEditor }) => {\n          onEditorUpdateRef.current?.(currentEditor)\n          onUpdateRef.current?.((serializeRef.current ?? ((editorInstance: Editor) => editorInstance.getHTML()))(currentEditor))\n        },\n      },\n      [disabled, editorOptions, extensions, preset],\n    )\n\n    React.useEffect(() => {\n      editor?.setEditable(!disabled)\n    }, [disabled, editor])\n\n    React.useEffect(() => {\n      if (!editor) {\n        return\n      }\n\n      if (managedContent === undefined) {\n        return\n      }\n\n      if (typeof managedContent === 'string') {\n        if (editor.getHTML() !== managedContent) {\n          editor.commands.setContent(managedContent, { emitUpdate: false })\n        }\n\n        return\n      }\n\n      if (JSON.stringify(editor.getJSON()) !== JSON.stringify(managedContent)) {\n        editor.commands.setContent(managedContent, { emitUpdate: false })\n      }\n    }, [editor, managedContent])\n\n    return (\n      <RichTextEditorShell\n        {...props}\n        ref={forwardedRef}\n        className={className}\n        disabled={disabled}\n        editor={editor}\n        placeholder={placeholder}\n        toolbar={toolbar}\n      />\n    )\n  },\n)\nRichTextEditorRoot.displayName = 'RichTextEditor'\n\nconst RichTextEditor: typeof RichTextEditorRoot & {\n  Shell: typeof RichTextEditorShell\n  Toolbar: typeof RichTextEditorToolbar\n  Content: typeof RichTextEditorContent\n} = Object.assign(RichTextEditorRoot, {\n  Shell: RichTextEditorShell,\n  Toolbar: RichTextEditorToolbar,\n  Content: RichTextEditorContent,\n})\n\nexport { RichTextEditor, RichTextEditorContent, RichTextEditorRoot, RichTextEditorShell, RichTextEditorToolbar, createRichTextEditorExtensions }\nexport type {\n  RichTextEditorContentProps,\n  RichTextEditorProps,\n  RichTextEditorShellProps,\n  RichTextEditorToolbarProps,\n  RichTextEditorToolbarSlot,\n  RichTextEditorPreset,\n  RichTextEditorExtensionConfig,\n}\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,eAAe,iBAAmE;AAC3F,OAAO,gBAAgB;AAEvB,SAAS,oBAAoB;AAC7B,SAAS,+BAA+B,wBAAwB,2CAA2C;AAC3G,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,+BAA+B;AAsC/B,cAsFH,YAtFG;AA3BT,MAAM,kCAA+E,CAAC,UAAU;AAKhG,SAAS,+BAA+B,SAAwC,CAAC,GAAgD;AAC/H,MAAI,OAAO,WAAY,QAAO,OAAO;AACrC,SAAO,OAAO,WAAW,YAAY,CAAC,WAAW,UAAU,EAAE,WAAW,MAAM,CAAC,GAAG,GAAG,wBAAwB,CAAC,IAAI;AACpH;AAEA,SAAS,wBAAwB,OAAkC;AACjE,SAAO,UAAU,QAAQ,OAAO,UAAU,YAAY,OAAO,UAAU;AACzE;AAEA,SAAS,4BAA4B,SAAuD,QAAuB,UAAmB;AACpI,MAAI,YAAY,MAAM;AACpB,WAAO;AAAA,EACT;AAEA,MAAI,OAAO,YAAY,YAAY;AACjC,WAAO,QAAQ,EAAE,UAAU,OAAO,CAAC;AAAA,EACrC;AAEA,MAAI,YAAY,QAAW;AACzB,WAAO;AAAA,EACT;AAEA,SAAO,oBAAC,yBAAsB,QAAgB,UAAoB;AACpE;AAEA,SAAS,4BAA4B,eAAoD;AACvF,QAAM,aAAa,eAAe,aAAa;AAE/C,MAAI,CAAC,cAAc,OAAO,eAAe,YAAY;AACnD,WAAO;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,IACf;AAAA,EACF;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,WAAW,qCAAqC,WAAW,KAAK;AAAA,IACvE,aAAa;AAAA,EACf;AACF;AAEA,SAAS,wBAAwB,QAAuB;AACtD,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,OAAO,QAAQ,EAAE,KAAK;AAExC,MAAI,UAAU,WAAW,GAAG;AAC1B,WAAO;AAAA,EACT;AAEA,SAAO,GAAG,UAAU,MAAM;AAC5B;AAsCA,MAAM,sBAAsB,MAAM;AAAA,EAChC,CAAC,EAAE,WAAW,eAAe,WAAW,OAAO,QAAQ,aAAa,SAAS,GAAG,MAAM,GAAG,iBAAiB;AACxG,UAAM;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAAA,MACF;AAAA,QACE,GAAG;AAAA,QACH,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,wBAAwB,SAAS;AAAA,QACvD,iBAAe;AAAA,QACf,iBAAe,WAAW,SAAS;AAAA,QACnC,aAAU;AAAA,QAET;AAAA,sCAA4B,SAAS,QAAQ,QAAQ;AAAA,UACtD,oBAAC,yBAAsB,QAAgB,aAA0B,UAAoB;AAAA,UACrF,oBAAC,SAAI,WAAU,gCAA+B,aAAU,2BACtD,8BAAC,UAAM,kCAAwB,MAAM,GAAE,GACzC;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,oBAAoB,cAAc;AAElC,MAAM,8BAA8B,MAAM;AAAA,EACxC,CAAC,EAAE,SAAS,OAAO,WAAW,eAAe,GAAG,MAAM,GAAG,iBAAiB;AACxE,UAAM,EAAE,SAAS,WAAW,GAAG,YAAY,IAAI;AAAA,MAC7C;AAAA,QACE,GAAG;AAAA,QACH,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL;AAAA,QACA,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,eAAa,SAAS,SAAS;AAAA,QAC/B,aAAU;AAAA,QACV,WAAW,WAAW,wCAAwC,SAAS;AAAA;AAAA,IACzE;AAAA,EAEJ;AACF;AACA,4BAA4B,cAAc;AAE1C,MAAM,wBAAwB,MAAM;AAAA,EAClC,CAAC,EAAE,QAAQ,WAAW,OAAO,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACnE,UAAM,kBAAkB,YAAY,CAAC;AAErC,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,iCAAiC,SAAS;AAAA,QAChE,iBAAe,kBAAkB,SAAS;AAAA,QAC1C,aAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAW;AAAA,QAEX;AAAA,+BAAC,SAAI,WAAU,uCAAsC,MAAK,SAAQ,cAAW,cAC3E;AAAA,gCAAC,UAAK,WAAU,uCAAsC,kBAAI;AAAA,YAC1D;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,QAAQ,QAAQ,SAAS,MAAM,KAAK;AAAA,gBACpC,cAAW;AAAA,gBACX,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,gBAC7C,SAAS,MAAM,QAAQ,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI;AAAA,gBAExD,8BAAC,QAAK,MAAK,QAAO,MAAK,MAAK;AAAA;AAAA,YAC9B;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,QAAQ,QAAQ,SAAS,QAAQ,KAAK;AAAA,gBACtC,cAAW;AAAA,gBACX,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,gBAC7C,SAAS,MAAM,QAAQ,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI;AAAA,gBAE1D,8BAAC,QAAK,MAAK,UAAS,MAAK,MAAK;AAAA;AAAA,YAChC;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,QAAQ,QAAQ,SAAS,QAAQ,KAAK;AAAA,gBACtC,cAAW;AAAA,gBACX,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,gBAC7C,SAAS,MAAM,QAAQ,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI;AAAA,gBAE1D,8BAAC,QAAK,MAAK,iBAAgB,MAAK,MAAK;AAAA;AAAA,YACvC;AAAA,aACF;AAAA,UACA,qBAAC,SAAI,WAAU,uCAAsC,MAAK,SAAQ,cAAW,eAC3E;AAAA,gCAAC,UAAK,WAAU,uCAAsC,oBAAM;AAAA,YAC5D;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,QAAQ,QAAQ,SAAS,WAAW,EAAE,OAAO,EAAE,CAAC,KAAK;AAAA,gBACrD,cAAW;AAAA,gBACX,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,gBAC7C,SAAS,MAAM,QAAQ,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI;AAAA,gBAEvE,8BAAC,QAAK,MAAK,aAAY,MAAK,MAAK;AAAA;AAAA,YACnC;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,QAAQ,QAAQ,SAAS,WAAW,EAAE,OAAO,EAAE,CAAC,KAAK;AAAA,gBACrD,cAAW;AAAA,gBACX,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,gBAC7C,SAAS,MAAM,QAAQ,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI;AAAA,gBAEvE,8BAAC,QAAK,MAAK,aAAY,MAAK,MAAK;AAAA;AAAA,YACnC;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,QAAQ,QAAQ,SAAS,WAAW,EAAE,OAAO,EAAE,CAAC,KAAK;AAAA,gBACrD,cAAW;AAAA,gBACX,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,gBAC7C,SAAS,MAAM,QAAQ,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI;AAAA,gBAEvE,8BAAC,QAAK,MAAK,aAAY,MAAK,MAAK;AAAA;AAAA,YACnC;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,QAAQ,QAAQ,SAAS,YAAY,KAAK;AAAA,gBAC1C,cAAW;AAAA,gBACX,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,gBAC7C,SAAS,MAAM,QAAQ,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,IAAI;AAAA,gBAE9D,8BAAC,QAAK,MAAK,QAAO,MAAK,MAAK;AAAA;AAAA,YAC9B;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,QAAQ,QAAQ,SAAS,aAAa,KAAK;AAAA,gBAC3C,cAAW;AAAA,gBACX,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,gBAC7C,SAAS,MAAM,QAAQ,MAAM,EAAE,MAAM,EAAE,kBAAkB,EAAE,IAAI;AAAA,gBAE/D,8BAAC,QAAK,MAAK,gBAAe,MAAK,MAAK;AAAA;AAAA,YACtC;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,QAAQ,QAAQ,SAAS,YAAY,KAAK;AAAA,gBAC1C,cAAW;AAAA,gBACX,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,gBAC7C,SAAS,MAAM,QAAQ,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,IAAI;AAAA,gBAE9D,8BAAC,QAAK,MAAK,SAAQ,MAAK,MAAK;AAAA;AAAA,YAC/B;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,QAAQ,QAAQ,SAAS,WAAW,KAAK;AAAA,gBACzC,cAAW;AAAA,gBACX,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,gBAC7C,SAAS,MAAM,QAAQ,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,IAAI;AAAA,gBAE7D,8BAAC,QAAK,MAAK,QAAO,MAAK,MAAK;AAAA;AAAA,YAC9B;AAAA,aACF;AAAA,UACA,qBAAC,SAAI,WAAU,uCAAsC,MAAK,SAAQ,cAAW,UAC3E;AAAA,gCAAC,UAAK,WAAU,uCAAsC,oBAAM;AAAA,YAC5D;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,QAAQ,QAAQ,SAAS,MAAM,KAAK;AAAA,gBACpC,cAAW;AAAA,gBACX,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,gBAC7C,SAAS,MAAM;AACb,sBAAI,CAAC,OAAQ;AACb,sBAAI,OAAO,SAAS,MAAM,GAAG;AAC3B,2BAAO,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI;AACvC;AAAA,kBACF;AACA,wBAAM,MAAM,OAAO,OAAO,KAAK;AAC/B,sBAAI,CAAC,IAAK;AACV,yBAAO,MAAM,EAAE,MAAM,EAAE,gBAAgB,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC,EAAE,IAAI;AAAA,gBAC5E;AAAA,gBAEA,8BAAC,QAAK,MAAK,QAAO,MAAK,MAAK;AAAA;AAAA,YAC9B;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,cAAW;AAAA,gBACX,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,gBAC7C,SAAS,MAAM,QAAQ,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,IAAI;AAAA,gBAExE,8BAAC,QAAK,MAAK,UAAS,MAAK,MAAK;AAAA;AAAA,YAChC;AAAA,aACF;AAAA,UACA,qBAAC,SAAI,WAAU,uCAAsC,MAAK,SAAQ,cAAW,WAC3E;AAAA,gCAAC,UAAK,WAAU,uCAAsC,qBAAO;AAAA,YAC7D;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU,mBAAmB,CAAC,QAAQ,IAAI,EAAE,KAAK;AAAA,gBACjD,cAAW;AAAA,gBACX,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,gBAC7C,SAAS,MAAM,QAAQ,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI;AAAA,gBAElD,8BAAC,QAAK,MAAK,QAAO,MAAK,MAAK;AAAA;AAAA,YAC9B;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU,mBAAmB,CAAC,QAAQ,IAAI,EAAE,KAAK;AAAA,gBACjD,cAAW;AAAA,gBACX,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,gBAC7C,SAAS,MAAM,QAAQ,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI;AAAA,gBAElD,8BAAC,QAAK,MAAK,QAAO,MAAK,MAAK;AAAA;AAAA,YAC9B;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,sBAAsB,cAAc;AAEpC,MAAM,wBAAwB,MAAM;AAAA,EAClC,CAAC,EAAE,WAAW,eAAe,WAAW,OAAO,QAAQ,aAAa,GAAG,MAAM,GAAG,iBAAiB;AAC/F,UAAM;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA,MAAM;AAAA,MACN,GAAG;AAAA,IACL,IAAI;AAAA,MACF;AAAA,QACE,GAAG;AAAA,QACH,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,8BAA8B,SAAS;AAAA,QAC7D,iBAAe,WAAW,SAAS;AAAA,QACnC,aAAU;AAAA,QAET;AAAA,kBAAQ,WAAW,cAClB,oBAAC,SAAI,WAAU,qCAAoC,aAAU,gCAC1D,uBACH,IACE;AAAA,UACJ,oBAAC,iBAAc,QAAgB,WAAU,iCAAgC,aAAU,4BAA2B;AAAA;AAAA;AAAA,IAChH;AAAA,EAEJ;AACF;AACA,sBAAsB,cAAc;AAEpC,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CACE;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,iBACG;AACH,UAAM,iBAAiB,wBAAwB,OAAO,IAAI,UAAU;AAEpE,UAAM,oBAAoB,MAAM,OAAO,cAAc;AACrD,UAAM,cAAc,MAAM,OAAO,QAAQ;AACzC,UAAM,eAAe,MAAM,OAAO,SAAS;AAE3C,UAAM,UAAU,MAAM;AACpB,wBAAkB,UAAU;AAC5B,kBAAY,UAAU;AACtB,mBAAa,UAAU;AAAA,IACzB,CAAC;AAED,UAAM,SAAS;AAAA,MACb;AAAA,QACE,GAAG;AAAA,QACH,SAAS;AAAA,QACT,UAAU,CAAC;AAAA,QACX,YAAY,cAAc,+BAA+B,EAAE,OAAO,CAAC;AAAA,QACnE,mBAAmB;AAAA,QACnB,6BAA6B;AAAA,QAC7B,aAAa;AAAA,UACX,GAAG,eAAe;AAAA,UAClB,YAAY,4BAA4B,aAAa;AAAA,QACvD;AAAA,QACA,UAAU,CAAC,EAAE,QAAQ,cAAc,MAAM;AACvC,4BAAkB,UAAU,aAAa;AACzC,sBAAY,WAAW,aAAa,YAAY,CAAC,mBAA2B,eAAe,QAAQ,IAAI,aAAa,CAAC;AAAA,QACvH;AAAA,MACF;AAAA,MACA,CAAC,UAAU,eAAe,YAAY,MAAM;AAAA,IAC9C;AAEA,UAAM,UAAU,MAAM;AACpB,cAAQ,YAAY,CAAC,QAAQ;AAAA,IAC/B,GAAG,CAAC,UAAU,MAAM,CAAC;AAErB,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,UAAI,mBAAmB,QAAW;AAChC;AAAA,MACF;AAEA,UAAI,OAAO,mBAAmB,UAAU;AACtC,YAAI,OAAO,QAAQ,MAAM,gBAAgB;AACvC,iBAAO,SAAS,WAAW,gBAAgB,EAAE,YAAY,MAAM,CAAC;AAAA,QAClE;AAEA;AAAA,MACF;AAEA,UAAI,KAAK,UAAU,OAAO,QAAQ,CAAC,MAAM,KAAK,UAAU,cAAc,GAAG;AACvE,eAAO,SAAS,WAAW,gBAAgB,EAAE,YAAY,MAAM,CAAC;AAAA,MAClE;AAAA,IACF,GAAG,CAAC,QAAQ,cAAc,CAAC;AAE3B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,iBAIF,OAAO,OAAO,oBAAoB;AAAA,EACpC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
   "names": []
 }

package/dist/components/segmented-control.css

@@ -13,7 +13,28 @@
   background-color: var(--dsx-color-surface-sunken);
   border: var(--dsx-boundary-control-width) solid transparent;
   border-radius: var(--dsx-grouped-radius, var(--dsx-rounded-md));
-  min-width: max-content;
+  /* Narrow-container rule (TMA slice-1 2026-09-23): same fused-frame
+     containment as button/toggle groups — min-width:max-content would override
+     the cap and hard-clip right segments in narrow FilterBars, so floor at 0,
+     cap at the container, and scroll. The sliding indicator measures live item
+     boxes, so scrolling shifts it along correctly. */
+  min-width: 0;
+  max-width: 100%;
+  overflow-x: auto;
+}
+
+/* Fill opt-in (`fill` prop): the root spans the container and items share
+   the width equally. The indicator measures live boxes, so it tracks fill
+   widths with no change. For overflowing groups keep the default hug root
+   (scroll containment above) — fill is for few-item groups that fit. */
+.dsx-segmented-control:where(.dsx-segmented-control--fill, [data-fill='true']) {
+  width: 100%;
+  align-self: stretch;
+}
+
+.dsx-segmented-control:where(.dsx-segmented-control--fill, [data-fill='true']) .dsx-segmented-control__item {
+  flex: 1 1 0;
+  min-width: 0;
 }
 
 /* ---- Disabled root ---- */
@@ -31,6 +52,9 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  /* Never compress inside the scrolled root — labels truncate ("Cl…"/"G…")
+     otherwise. No effect in roomy containers. */
+  flex-shrink: 0;
   gap: var(--dsx-space-xs);
   padding-inline: var(--dsx-space-md);
   border: 0;
@@ -57,6 +81,37 @@
   margin-inline-start: calc(-1 * var(--dsx-boundary-control-width));
 }
 
+/* ---- Vertical orientation ---- */
+
+.dsx-segmented-control[data-orientation='vertical'] {
+  flex-direction: column;
+  min-width: 0;
+  /* Definite height: Firefox flex-shrinks auto-height column roots inside the
+     matrix row down toward one row; max-content is identical to auto everywhere
+     else and immune to the shrink. */
+  height: max-content;
+}
+
+.dsx-segmented-control[data-orientation='vertical'] .dsx-segmented-control__item + .dsx-segmented-control__item {
+  margin-inline-start: 0;
+  margin-block-start: calc(-1 * var(--dsx-boundary-control-width));
+}
+
+.dsx-segmented-control[data-orientation='vertical'] .dsx-segmented-control__indicator {
+  top: 0;
+  bottom: auto;
+  left: var(--dsx-space-2xs);
+  right: var(--dsx-space-2xs);
+  width: auto;
+  height: 0;
+  transition-property: transform, height;
+}
+
+.dsx-segmented-control[data-orientation='vertical'] .dsx-segmented-control__indicator::before {
+  inset-block: var(--dsx-space-2xs);
+  inset-inline: 0;
+}
+
 /* ---- Sliding indicator — Mantine-style measured pill ---- */
 
 .dsx-segmented-control__indicator {
@@ -130,7 +185,7 @@
 }
 
 .dsx-segmented-control--sm .dsx-segmented-control__item {
-  min-height: var(--dsx-size-lg);
+  min-height: calc(var(--dsx-density-control-height-sm, var(--dsx-size-lg)) - 2 * var(--dsx-boundary-control-width));
   padding-inline: var(--dsx-space-sm);
   font-size: var(--dsx-typography-label-small-font-size);
   letter-spacing: var(--dsx-typography-label-small-letter-spacing);
@@ -141,7 +196,7 @@
 }
 
 .dsx-segmented-control--md .dsx-segmented-control__item {
-  min-height: var(--dsx-size-xl);
+  min-height: calc(var(--dsx-density-control-height, var(--dsx-size-xl)) - 2 * var(--dsx-boundary-control-width));
   padding-inline: var(--dsx-space-md);
 }
 
@@ -150,7 +205,7 @@
 }
 
 .dsx-segmented-control--lg .dsx-segmented-control__item {
-  min-height: var(--dsx-size-2xl);
+  min-height: calc(var(--dsx-density-control-height-lg, var(--dsx-size-2xl)) - 2 * var(--dsx-boundary-control-width));
   padding-inline: var(--dsx-space-lg);
   font-size: var(--dsx-typography-label-large-font-size);
   letter-spacing: var(--dsx-typography-label-large-letter-spacing);
@@ -209,6 +264,27 @@
   padding-inline: 0;
 }
 
+/* ---- Vertical: icon-only targets also constrain the block axis (inline
+   sizing is inherited from the base icon-only rules above) ---- */
+
+.dsx-segmented-control--sm[data-orientation='vertical'] .dsx-segmented-control__item:where([data-icon-only]) {
+  block-size: var(--dsx-density-control-height-sm, var(--dsx-size-lg));
+  min-block-size: var(--dsx-density-control-height-sm, var(--dsx-size-lg));
+  padding-block: 0;
+}
+
+.dsx-segmented-control--md[data-orientation='vertical'] .dsx-segmented-control__item:where([data-icon-only]) {
+  block-size: var(--dsx-density-control-height, var(--dsx-size-xl));
+  min-block-size: var(--dsx-density-control-height, var(--dsx-size-xl));
+  padding-block: 0;
+}
+
+.dsx-segmented-control--lg[data-orientation='vertical'] .dsx-segmented-control__item:where([data-icon-only]) {
+  block-size: var(--dsx-density-control-height-lg, var(--dsx-size-2xl));
+  min-block-size: var(--dsx-density-control-height-lg, var(--dsx-size-2xl));
+  padding-block: 0;
+}
+
 .dsx-segmented-control__item:focus-visible {
   outline: none;
   box-shadow: var(--dsx-shadow-focus-ring);

package/dist/components/segmentedControl/SegmentedControl.cjs

@@ -56,16 +56,16 @@ function composeRefs(...refs) {
 }
 const useIsomorphicLayoutEffect = typeof window === "undefined" ? React.useEffect : React.useLayoutEffect;
 const SegmentedControlSelectionContext = React.createContext(null);
-const SegmentedControlRoot = React.forwardRef(({ className, children, disabled = false, size = "md", variant = "default", activationMode = "manual", value, defaultValue, onValueChange, ...props }, forwardedRef) => {
+const SegmentedControlRoot = React.forwardRef(({ className, children, disabled = false, size = "md", variant = "default", orientation = "horizontal", activationMode = "manual", fill = false, value, defaultValue, onValueChange, ...props }, forwardedRef) => {
   const rootProps = (0, import_extractProps.extractProps)(
-    { className, disabled, size },
+    { className, disabled, orientation, size },
     import_segmentedControl.segmentedControlPropDefs
   );
   const innerRootRef = React.useRef(null);
   const mergedRef = composeRefs(forwardedRef, innerRootRef);
   const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
   const resolvedValue = value ?? uncontrolledValue;
-  const [indicator, setIndicator] = React.useState({ x: 0, width: 0 });
+  const [indicator, setIndicator] = React.useState({ x: 0, y: 0, width: 0, height: 0 });
   const [indicatorLive, setIndicatorLive] = React.useState(false);
   const measureActive = React.useCallback((root) => {
     const active = root.querySelector('[data-state="on"]');
@@ -74,7 +74,12 @@ const SegmentedControlRoot = React.forwardRef(({ className, children, disabled =
     }
     const rootRect = root.getBoundingClientRect();
     const activeRect = active.getBoundingClientRect();
-    setIndicator({ x: activeRect.left - rootRect.left, width: activeRect.width });
+    setIndicator({
+      x: activeRect.left - rootRect.left - root.clientLeft,
+      y: activeRect.top - rootRect.top - root.clientTop,
+      width: activeRect.width,
+      height: activeRect.height
+    });
   }, []);
   useIsomorphicLayoutEffect(() => {
     const root = innerRootRef.current;
@@ -123,15 +128,19 @@ const SegmentedControlRoot = React.forwardRef(({ className, children, disabled =
         "dsx-segmented-control",
         `dsx-segmented-control--${size}`,
         `dsx-segmented-control--${variant}`,
+        fill && "dsx-segmented-control--fill",
         className
       ),
       type: "single",
       value: resolvedValue,
       onValueChange: handleValueChange,
       disabled,
+      orientation,
       "data-disabled": disabled || void 0,
+      "data-fill": fill || void 0,
       "data-size": size,
       "data-variant": variant,
+      "data-orientation": orientation,
       "data-activation-mode": activationMode,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SegmentedControlSelectionContext.Provider, { value: selection, children }),
@@ -140,7 +149,11 @@ const SegmentedControlRoot = React.forwardRef(({ className, children, disabled =
           {
             "aria-hidden": "true",
             className: "dsx-segmented-control__indicator",
-            style: {
+            style: orientation === "vertical" ? {
+              transform: `translateY(${indicator.y}px)`,
+              height: indicator.height,
+              transition: indicatorLive ? void 0 : "none"
+            } : {
               transform: `translateX(${indicator.x}px)`,
               width: indicator.width,
               transition: indicatorLive ? void 0 : "none"

package/dist/components/segmentedControl/SegmentedControl.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/segmentedControl/SegmentedControl.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { segmentedControlPropDefs } from './segmentedControl.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype SegmentedControlRootOwnProps = GetPropDefTypes<typeof segmentedControlPropDefs> & {\n  value?: string\n  defaultValue?: string\n  onValueChange?(value: string): void\n}\n\ntype SegmentedControlRootProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>\n  & SegmentedControlRootOwnProps\n\ntype SegmentedControlRootElement = React.ComponentRef<typeof ToggleGroupPrimitive.Root>\n\nfunction composeRefs<T>(...refs: Array<React.Ref<T> | undefined>) {\n  return (node: T | null) => {\n    for (const ref of refs) {\n      if (!ref) {\n        continue\n      }\n\n      if (typeof ref === 'function') {\n        ref(node)\n        continue\n      }\n\n      ;(ref as { current: T | null }).current = node\n    }\n  }\n}\n\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\ninterface SegmentedControlSelection {\n  activationMode: 'manual' | 'automatic'\n  disabled: boolean\n  selectedValue: string | undefined\n  requestSelect(value: string): void\n}\n\nconst SegmentedControlSelectionContext = React.createContext<SegmentedControlSelection | null>(null)\n\nconst SegmentedControlRoot = React.forwardRef<\n  React.ComponentRef<typeof ToggleGroupPrimitive.Root>,\n  SegmentedControlRootProps\n>(({ className, children, disabled = false, size = 'md', variant = 'default', activationMode = 'manual', value, defaultValue, onValueChange, ...props }, forwardedRef) => {\n  const rootProps = extractProps(\n    { className, disabled, size },\n    segmentedControlPropDefs,\n  )\n  const innerRootRef = React.useRef<SegmentedControlRootElement | null>(null)\n  const mergedRef = composeRefs(forwardedRef, innerRootRef)\n\n  // Deselect guard (disallowEmptySelection): own the selection so the control\n  // can never render with no active item. Radix fires \"\" when the active item\n  // is clicked; the handler below swallows it and keeps the last value, and\n  // the resolved value below keeps Radix controlled so its internal state can\n  // never clear either.\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<string | undefined>(defaultValue)\n  const resolvedValue = value ?? uncontrolledValue\n\n  // Sliding indicator: Mantine-style measured pill rendered behind the active\n  // item. The offset is a physical-pixel diff (active.left - root.left), which\n  // is direction-agnostic and therefore RTL-correct without special-casing.\n  // Measuring in layout effect positions the pill before first paint, and the\n  // `indicatorLive` gate keeps `transition: none` until that first positioned\n  // frame so mount never animates from the origin.\n  const [indicator, setIndicator] = React.useState({ x: 0, width: 0 })\n  const [indicatorLive, setIndicatorLive] = React.useState(false)\n\n  const measureActive = React.useCallback((root: HTMLElement) => {\n    const active = root.querySelector<HTMLElement>('[data-state=\"on\"]')\n\n    if (!active) {\n      return\n    }\n\n    const rootRect = root.getBoundingClientRect()\n    const activeRect = active.getBoundingClientRect()\n    setIndicator({ x: activeRect.left - rootRect.left, width: activeRect.width })\n  }, [])\n\n  useIsomorphicLayoutEffect(() => {\n    const root = innerRootRef.current\n\n    if (!root) {\n      return undefined\n    }\n\n    const measure = () => measureActive(root)\n\n    measure()\n    setIndicatorLive(true)\n\n    if (typeof ResizeObserver === 'undefined') {\n      return undefined\n    }\n\n    const observer = new ResizeObserver(measure)\n    observer.observe(root)\n\n    const active = root.querySelector('[data-state=\"on\"]')\n\n    if (active) {\n      observer.observe(active)\n    }\n\n    return () => observer.disconnect()\n  }, [resolvedValue, measureActive])\n\n  const handleValueChange = (nextValue: string) => {\n    if (!nextValue) {\n      return\n    }\n\n    if (value === undefined) {\n      setUncontrolledValue(nextValue)\n    }\n\n    onValueChange?.(nextValue)\n  }\n\n  // Automatic activation: selection follows focus, so arrow-key navigation\n  // selects without Enter. The focused value goes through the same guarded\n  // setter, so focus can never empty the selection; landing on the\n  // already-selected item is a no-op. Manual mode (default) ignores focus\n  // and only selects on activation \u2014 use it when onValueChange drives side\n  // effects that must not fire on focus. Each item reads this context in its\n  // own onFocus (Radix strips the value prop from the DOM, so the root\n  // cannot recover the focused value from the event target).\n  const selection = React.useMemo<SegmentedControlSelection>(\n    () => ({\n      activationMode,\n      disabled,\n      selectedValue: resolvedValue,\n      requestSelect: handleValueChange,\n    }),\n    [activationMode, disabled, resolvedValue, handleValueChange],\n  )\n\n  return (\n    <ToggleGroupPrimitive.Root\n      {...props}\n      {...rootProps}\n      ref={mergedRef}\n      className={classNames(\n        'dsx-segmented-control',\n        `dsx-segmented-control--${size}`,\n        `dsx-segmented-control--${variant}`,\n        className,\n      )}\n      type=\"single\"\n      value={resolvedValue}\n      onValueChange={handleValueChange}\n      disabled={disabled}\n      data-disabled={disabled || undefined}\n      data-size={size}\n      data-variant={variant}\n      data-activation-mode={activationMode}\n    >\n      <SegmentedControlSelectionContext.Provider value={selection}>\n        {children}\n      </SegmentedControlSelectionContext.Provider>\n      <span\n        aria-hidden=\"true\"\n        className=\"dsx-segmented-control__indicator\"\n        style={{\n          transform: `translateX(${indicator.x}px)`,\n          width: indicator.width,\n          transition: indicatorLive ? undefined : 'none',\n        }}\n      />\n    </ToggleGroupPrimitive.Root>\n  )\n})\nSegmentedControlRoot.displayName = 'SegmentedControl'\n\ninterface SegmentedControlItemProps\n  extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> {\n  iconOnly?: boolean\n  value: string\n}\n\nconst SegmentedControlItem = React.forwardRef<\n  React.ComponentRef<typeof ToggleGroupPrimitive.Item>,\n  SegmentedControlItemProps\n>(({ children, className, disabled, iconOnly = false, value, onFocus, ...props }, forwardedRef) => {\n  const selection = React.useContext(SegmentedControlSelectionContext)\n\n  const handleItemFocus: React.FocusEventHandler<React.ComponentRef<typeof ToggleGroupPrimitive.Item>> = (event) => {\n    onFocus?.(event)\n\n    if (!selection || selection.activationMode !== 'automatic') {\n      return\n    }\n\n    if (selection.disabled || disabled || value === selection.selectedValue) {\n      return\n    }\n\n    selection.requestSelect(value)\n  }\n\n  return (\n    <ToggleGroupPrimitive.Item\n      {...props}\n      ref={forwardedRef}\n      value={value}\n      className={classNames('dsx-segmented-control__item', className)}\n      disabled={disabled}\n      data-disabled={disabled || undefined}\n      data-icon-only={iconOnly || undefined}\n      onFocus={handleItemFocus}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n})\nSegmentedControlItem.displayName = 'SegmentedControlItem'\n\nconst SegmentedControl: typeof SegmentedControlRoot & {\n  Item: typeof SegmentedControlItem\n} = Object.assign(SegmentedControlRoot, {\n  Item: SegmentedControlItem,\n})\n\nexport { SegmentedControl, SegmentedControlItem, SegmentedControlRoot }\nexport type { SegmentedControlItemProps, SegmentedControlRootProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { segmentedControlPropDefs } from './segmentedControl.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype SegmentedControlRootOwnProps = GetPropDefTypes<typeof segmentedControlPropDefs> & {\n  value?: string\n  defaultValue?: string\n  onValueChange?(value: string): void\n}\n\ntype SegmentedControlRootProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>\n  & SegmentedControlRootOwnProps\n\ntype SegmentedControlRootElement = React.ComponentRef<typeof ToggleGroupPrimitive.Root>\n\nfunction composeRefs<T>(...refs: Array<React.Ref<T> | undefined>) {\n  return (node: T | null) => {\n    for (const ref of refs) {\n      if (!ref) {\n        continue\n      }\n\n      if (typeof ref === 'function') {\n        ref(node)\n        continue\n      }\n\n      ;(ref as { current: T | null }).current = node\n    }\n  }\n}\n\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\ninterface SegmentedControlSelection {\n  activationMode: 'manual' | 'automatic'\n  disabled: boolean\n  selectedValue: string | undefined\n  requestSelect(value: string): void\n}\n\nconst SegmentedControlSelectionContext = React.createContext<SegmentedControlSelection | null>(null)\n\nconst SegmentedControlRoot = React.forwardRef<\n  React.ComponentRef<typeof ToggleGroupPrimitive.Root>,\n  SegmentedControlRootProps\n>(({ className, children, disabled = false, size = 'md', variant = 'default', orientation = 'horizontal', activationMode = 'manual', fill = false, value, defaultValue, onValueChange, ...props }, forwardedRef) => {\n  const rootProps = extractProps(\n    { className, disabled, orientation, size },\n    segmentedControlPropDefs,\n  )\n  const innerRootRef = React.useRef<SegmentedControlRootElement | null>(null)\n  const mergedRef = composeRefs(forwardedRef, innerRootRef)\n\n  // Deselect guard (disallowEmptySelection): own the selection so the control\n  // can never render with no active item. Radix fires \"\" when the active item\n  // is clicked; the handler below swallows it and keeps the last value, and\n  // the resolved value below keeps Radix controlled so its internal state can\n  // never clear either.\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<string | undefined>(defaultValue)\n  const resolvedValue = value ?? uncontrolledValue\n\n  // Sliding indicator: Mantine-style measured pill rendered behind the active\n  // item. The offset is a physical-pixel diff (active.left - root.left), which\n  // is direction-agnostic and therefore RTL-correct without special-casing.\n  // Measuring in layout effect positions the pill before first paint, and the\n  // `indicatorLive` gate keeps `transition: none` until that first positioned\n  // frame so mount never animates from the origin.\n  const [indicator, setIndicator] = React.useState({ x: 0, y: 0, width: 0, height: 0 })\n  const [indicatorLive, setIndicatorLive] = React.useState(false)\n\n  const measureActive = React.useCallback((root: HTMLElement) => {\n    const active = root.querySelector<HTMLElement>('[data-state=\"on\"]')\n\n    if (!active) {\n      return\n    }\n\n    const rootRect = root.getBoundingClientRect()\n    const activeRect = active.getBoundingClientRect()\n    // Border-box diffs are padding-box positioned: subtract the frame so the\n    // wrapper never overshoots the content box (1-2px overflow summoned a\n    // horizontal scrollbar on bordered variants).\n    setIndicator({\n      x: activeRect.left - rootRect.left - root.clientLeft,\n      y: activeRect.top - rootRect.top - root.clientTop,\n      width: activeRect.width,\n      height: activeRect.height,\n    })\n  }, [])\n\n  useIsomorphicLayoutEffect(() => {\n    const root = innerRootRef.current\n\n    if (!root) {\n      return undefined\n    }\n\n    const measure = () => measureActive(root)\n\n    measure()\n    setIndicatorLive(true)\n\n    if (typeof ResizeObserver === 'undefined') {\n      return undefined\n    }\n\n    const observer = new ResizeObserver(measure)\n    observer.observe(root)\n\n    const active = root.querySelector('[data-state=\"on\"]')\n\n    if (active) {\n      observer.observe(active)\n    }\n\n    return () => observer.disconnect()\n  }, [resolvedValue, measureActive])\n\n  const handleValueChange = (nextValue: string) => {\n    if (!nextValue) {\n      return\n    }\n\n    if (value === undefined) {\n      setUncontrolledValue(nextValue)\n    }\n\n    onValueChange?.(nextValue)\n  }\n\n  // Automatic activation: selection follows focus, so arrow-key navigation\n  // selects without Enter. The focused value goes through the same guarded\n  // setter, so focus can never empty the selection; landing on the\n  // already-selected item is a no-op. Manual mode (default) ignores focus\n  // and only selects on activation \u2014 use it when onValueChange drives side\n  // effects that must not fire on focus. Each item reads this context in its\n  // own onFocus (Radix strips the value prop from the DOM, so the root\n  // cannot recover the focused value from the event target).\n  const selection = React.useMemo<SegmentedControlSelection>(\n    () => ({\n      activationMode,\n      disabled,\n      selectedValue: resolvedValue,\n      requestSelect: handleValueChange,\n    }),\n    [activationMode, disabled, resolvedValue, handleValueChange],\n  )\n\n  return (\n    <ToggleGroupPrimitive.Root\n      {...props}\n      {...rootProps}\n      ref={mergedRef}\n      className={classNames(\n        'dsx-segmented-control',\n        `dsx-segmented-control--${size}`,\n        `dsx-segmented-control--${variant}`,\n        fill && 'dsx-segmented-control--fill',\n        className,\n      )}\n      type=\"single\"\n      value={resolvedValue}\n      onValueChange={handleValueChange}\n      disabled={disabled}\n      orientation={orientation}\n      data-disabled={disabled || undefined}\n      data-fill={fill || undefined}\n      data-size={size}\n      data-variant={variant}\n      data-orientation={orientation}\n      data-activation-mode={activationMode}\n    >\n      <SegmentedControlSelectionContext.Provider value={selection}>\n        {children}\n      </SegmentedControlSelectionContext.Provider>\n      <span\n        aria-hidden=\"true\"\n        className=\"dsx-segmented-control__indicator\"\n        style={\n          orientation === 'vertical'\n            ? {\n                transform: `translateY(${indicator.y}px)`,\n                height: indicator.height,\n                transition: indicatorLive ? undefined : 'none',\n              }\n            : {\n                transform: `translateX(${indicator.x}px)`,\n                width: indicator.width,\n                transition: indicatorLive ? undefined : 'none',\n              }\n        }\n      />\n    </ToggleGroupPrimitive.Root>\n  )\n})\nSegmentedControlRoot.displayName = 'SegmentedControl'\n\ninterface SegmentedControlItemProps\n  extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> {\n  iconOnly?: boolean\n  value: string\n}\n\nconst SegmentedControlItem = React.forwardRef<\n  React.ComponentRef<typeof ToggleGroupPrimitive.Item>,\n  SegmentedControlItemProps\n>(({ children, className, disabled, iconOnly = false, value, onFocus, ...props }, forwardedRef) => {\n  const selection = React.useContext(SegmentedControlSelectionContext)\n\n  const handleItemFocus: React.FocusEventHandler<React.ComponentRef<typeof ToggleGroupPrimitive.Item>> = (event) => {\n    onFocus?.(event)\n\n    if (!selection || selection.activationMode !== 'automatic') {\n      return\n    }\n\n    if (selection.disabled || disabled || value === selection.selectedValue) {\n      return\n    }\n\n    selection.requestSelect(value)\n  }\n\n  return (\n    <ToggleGroupPrimitive.Item\n      {...props}\n      ref={forwardedRef}\n      value={value}\n      className={classNames('dsx-segmented-control__item', className)}\n      disabled={disabled}\n      data-disabled={disabled || undefined}\n      data-icon-only={iconOnly || undefined}\n      onFocus={handleItemFocus}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n})\nSegmentedControlItem.displayName = 'SegmentedControlItem'\n\nconst SegmentedControl: typeof SegmentedControlRoot & {\n  Item: typeof SegmentedControlItem\n} = Object.assign(SegmentedControlRoot, {\n  Item: SegmentedControlItem,\n})\n\nexport { SegmentedControl, SegmentedControlItem, SegmentedControlRoot }\nexport type { SegmentedControlItemProps, SegmentedControlRootProps }\n"],
+  "mappings": "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",
   "names": ["classNames"]
 }

package/dist/components/segmentedControl/SegmentedControl.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.cts","sourceRoot":"","sources":["../../../src/components/segmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAGpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,4BAA4B,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,GAAG;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACpC,CAAA;AAED,KAAK,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAC7F,4BAA4B,CAAA;AAgChC,QAAA,MAAM,oBAAoB,kGAoIxB,CAAA;AAGF,UAAU,yBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,oBAAoB,qGAkCxB,CAAA;AAGF,QAAA,MAAM,gBAAgB,EAAE,OAAO,oBAAoB,GAAG;IACpD,IAAI,EAAE,OAAO,oBAAoB,CAAA;CAGjC,CAAA;AAEF,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAA;AACvE,YAAY,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,CAAA"}
+{"version":3,"file":"SegmentedControl.d.cts","sourceRoot":"","sources":["../../../src/components/segmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAGpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,4BAA4B,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,GAAG;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACpC,CAAA;AAED,KAAK,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAC7F,4BAA4B,CAAA;AAgChC,QAAA,MAAM,oBAAoB,kGAwJxB,CAAA;AAGF,UAAU,yBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,oBAAoB,qGAkCxB,CAAA;AAGF,QAAA,MAAM,gBAAgB,EAAE,OAAO,oBAAoB,GAAG;IACpD,IAAI,EAAE,OAAO,oBAAoB,CAAA;CAGjC,CAAA;AAEF,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAA;AACvE,YAAY,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/components/segmentedControl/SegmentedControl.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.mts","sourceRoot":"","sources":["../../../src/components/segmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAGpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,4BAA4B,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,GAAG;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACpC,CAAA;AAED,KAAK,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAC7F,4BAA4B,CAAA;AAgChC,QAAA,MAAM,oBAAoB,kGAoIxB,CAAA;AAGF,UAAU,yBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,oBAAoB,qGAkCxB,CAAA;AAGF,QAAA,MAAM,gBAAgB,EAAE,OAAO,oBAAoB,GAAG;IACpD,IAAI,EAAE,OAAO,oBAAoB,CAAA;CAGjC,CAAA;AAEF,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAA;AACvE,YAAY,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,CAAA"}
+{"version":3,"file":"SegmentedControl.d.mts","sourceRoot":"","sources":["../../../src/components/segmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAGpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,4BAA4B,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,GAAG;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACpC,CAAA;AAED,KAAK,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAC7F,4BAA4B,CAAA;AAgChC,QAAA,MAAM,oBAAoB,kGAwJxB,CAAA;AAGF,UAAU,yBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,oBAAoB,qGAkCxB,CAAA;AAGF,QAAA,MAAM,gBAAgB,EAAE,OAAO,oBAAoB,GAAG;IACpD,IAAI,EAAE,OAAO,oBAAoB,CAAA;CAGjC,CAAA;AAEF,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAA;AACvE,YAAY,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/components/segmentedControl/SegmentedControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/segmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAGpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,4BAA4B,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,GAAG;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACpC,CAAA;AAED,KAAK,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAC7F,4BAA4B,CAAA;AAgChC,QAAA,MAAM,oBAAoB,kGAoIxB,CAAA;AAGF,UAAU,yBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,oBAAoB,qGAkCxB,CAAA;AAGF,QAAA,MAAM,gBAAgB,EAAE,OAAO,oBAAoB,GAAG;IACpD,IAAI,EAAE,OAAO,oBAAoB,CAAA;CAGjC,CAAA;AAEF,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAA;AACvE,YAAY,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,CAAA"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/segmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAGpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,4BAA4B,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,GAAG;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACpC,CAAA;AAED,KAAK,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAC7F,4BAA4B,CAAA;AAgChC,QAAA,MAAM,oBAAoB,kGAwJxB,CAAA;AAGF,UAAU,yBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,oBAAoB,qGAkCxB,CAAA;AAGF,QAAA,MAAM,gBAAgB,EAAE,OAAO,oBAAoB,GAAG;IACpD,IAAI,EAAE,OAAO,oBAAoB,CAAA;CAGjC,CAAA;AAEF,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAA;AACvE,YAAY,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/components/segmentedControl/SegmentedControl.js

@@ -21,16 +21,16 @@ function composeRefs(...refs) {
 }
 const useIsomorphicLayoutEffect = typeof window === "undefined" ? React.useEffect : React.useLayoutEffect;
 const SegmentedControlSelectionContext = React.createContext(null);
-const SegmentedControlRoot = React.forwardRef(({ className, children, disabled = false, size = "md", variant = "default", activationMode = "manual", value, defaultValue, onValueChange, ...props }, forwardedRef) => {
+const SegmentedControlRoot = React.forwardRef(({ className, children, disabled = false, size = "md", variant = "default", orientation = "horizontal", activationMode = "manual", fill = false, value, defaultValue, onValueChange, ...props }, forwardedRef) => {
   const rootProps = extractProps(
-    { className, disabled, size },
+    { className, disabled, orientation, size },
     segmentedControlPropDefs
   );
   const innerRootRef = React.useRef(null);
   const mergedRef = composeRefs(forwardedRef, innerRootRef);
   const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
   const resolvedValue = value ?? uncontrolledValue;
-  const [indicator, setIndicator] = React.useState({ x: 0, width: 0 });
+  const [indicator, setIndicator] = React.useState({ x: 0, y: 0, width: 0, height: 0 });
   const [indicatorLive, setIndicatorLive] = React.useState(false);
   const measureActive = React.useCallback((root) => {
     const active = root.querySelector('[data-state="on"]');
@@ -39,7 +39,12 @@ const SegmentedControlRoot = React.forwardRef(({ className, children, disabled =
     }
     const rootRect = root.getBoundingClientRect();
     const activeRect = active.getBoundingClientRect();
-    setIndicator({ x: activeRect.left - rootRect.left, width: activeRect.width });
+    setIndicator({
+      x: activeRect.left - rootRect.left - root.clientLeft,
+      y: activeRect.top - rootRect.top - root.clientTop,
+      width: activeRect.width,
+      height: activeRect.height
+    });
   }, []);
   useIsomorphicLayoutEffect(() => {
     const root = innerRootRef.current;
@@ -88,15 +93,19 @@ const SegmentedControlRoot = React.forwardRef(({ className, children, disabled =
         "dsx-segmented-control",
         `dsx-segmented-control--${size}`,
         `dsx-segmented-control--${variant}`,
+        fill && "dsx-segmented-control--fill",
         className
       ),
       type: "single",
       value: resolvedValue,
       onValueChange: handleValueChange,
       disabled,
+      orientation,
       "data-disabled": disabled || void 0,
+      "data-fill": fill || void 0,
       "data-size": size,
       "data-variant": variant,
+      "data-orientation": orientation,
       "data-activation-mode": activationMode,
       children: [
         /* @__PURE__ */ jsx(SegmentedControlSelectionContext.Provider, { value: selection, children }),
@@ -105,7 +114,11 @@ const SegmentedControlRoot = React.forwardRef(({ className, children, disabled =
           {
             "aria-hidden": "true",
             className: "dsx-segmented-control__indicator",
-            style: {
+            style: orientation === "vertical" ? {
+              transform: `translateY(${indicator.y}px)`,
+              height: indicator.height,
+              transition: indicatorLive ? void 0 : "none"
+            } : {
               transform: `translateX(${indicator.x}px)`,
               width: indicator.width,
               transition: indicatorLive ? void 0 : "none"