@measured/puck 0.21.0-canary.38e79ba8 → 0.21.0-canary.3aa27d1d

package/dist/index.css

@@ -147,7 +147,7 @@
 /* bundle/index.css */
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
-._ActionBar_rvadt_1 {
+._ActionBar_1nmyk_1 {
   align-items: center;
   cursor: default;
   display: flex;
@@ -163,7 +163,7 @@
   font-family: var(--puck-font-family);
   min-height: 26px;
 }
-._ActionBar-label_rvadt_18 {
+._ActionBar-label_1nmyk_18 {
   color: var(--puck-color-grey-08);
   font-size: var(--puck-font-size-xxxs);
   font-weight: 500;
@@ -174,13 +174,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._ActionBar-action_rvadt_30 + ._ActionBar-label_rvadt_18 {
+._ActionBarAction_1nmyk_30 + ._ActionBar-label_1nmyk_18 {
   padding-inline-start: 0;
 }
-._ActionBar-label_rvadt_18 + ._ActionBar-action_rvadt_30 {
+._ActionBar-label_1nmyk_18 + ._ActionBarAction_1nmyk_30 {
   margin-inline-start: -4px;
 }
-._ActionBar-group_rvadt_38 {
+._ActionBar-group_1nmyk_38 {
   align-items: center;
   border-inline-start: 0.5px solid var(--puck-color-grey-05);
   display: flex;
@@ -188,18 +188,18 @@
   padding-inline-start: 4px;
   padding-inline-end: 4px;
 }
-._ActionBar-group_rvadt_38:first-of-type {
+._ActionBar-group_1nmyk_38:first-of-type {
   border-inline-start: 0;
 }
-._ActionBar-group_rvadt_38:empty {
+._ActionBar-group_1nmyk_38:empty {
   display: none;
 }
-._ActionBar-action_rvadt_30 {
+._ActionBarAction_1nmyk_30 {
   background: transparent;
   border: none;
   color: var(--puck-color-grey-08);
   cursor: pointer;
-  padding: 6px 8px;
+  padding: 6px;
   margin-inline-start: 4px;
   margin-inline-end: 4px;
   border-radius: 4px;
@@ -209,26 +209,37 @@
   justify-content: center;
   transition: color 50ms ease-in;
 }
-._ActionBar-action_rvadt_30 svg {
+._ActionBarAction--disabled_1nmyk_71 {
+  cursor: auto;
+  color: var(--puck-color-grey-06);
+}
+._ActionBarAction_1nmyk_30 svg {
   max-width: none !important;
 }
-._ActionBar-action_rvadt_30:focus-visible {
+._ActionBarAction_1nmyk_30:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: -2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ActionBar-action_rvadt_30:hover {
+  ._ActionBarAction_1nmyk_30:hover:not(._ActionBarAction--disabled_1nmyk_71) {
     color: var(--puck-color-azure-06);
     transition: none;
   }
 }
-._ActionBar-action_rvadt_30:active {
+._ActionBarAction_1nmyk_30:active:not(._ActionBarAction--disabled_1nmyk_71),
+._ActionBarAction--active_1nmyk_93 {
   color: var(--puck-color-azure-07);
   transition: none;
 }
-._ActionBar-group_rvadt_38 * {
+._ActionBar-group_1nmyk_38 * {
   margin: 0;
 }
+._ActionBar-separator_1nmyk_102 {
+  background: var(--puck-color-grey-05);
+  margin-inline: 4px;
+  width: 0.5px;
+  height: 100%;
+}
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css/#css-module-data */
 ._InputWrapper_bsxfo_1 + ._InputWrapper_bsxfo_1 {
@@ -545,7 +556,7 @@ textarea._Input-input_bsxfo_26 {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
-._IconButton_swpni_1 {
+._IconButton_ffob9_1 {
   align-items: center;
   background: transparent;
   border: none;
@@ -557,23 +568,26 @@ textarea._Input-input_bsxfo_26 {
   padding: 4px;
   transition: background-color 50ms ease-in, color 50ms ease-in;
 }
-._IconButton_swpni_1:focus-visible {
+._IconButton--active_ffob9_14 {
+  color: var(--puck-color-azure-04);
+}
+._IconButton_ffob9_1:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: -2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._IconButton_swpni_1:hover:not(._IconButton--disabled_swpni_20) {
-    background: var(--puck-color-azure-12);
+  ._IconButton_ffob9_1:hover:not(._IconButton--disabled_ffob9_24) {
+    background: var(--puck-color-grey-10);
     color: var(--puck-color-azure-04);
     cursor: pointer;
     transition: none;
   }
 }
-._IconButton_swpni_1:active {
+._IconButton_ffob9_1:active {
   background: var(--puck-color-azure-11);
   transition: none;
 }
-._IconButton-title_swpni_33 {
+._IconButton-title_ffob9_37 {
   clip: rect(0 0 0 0);
   clip-path: inset(100%);
   height: 1px;
@@ -582,7 +596,7 @@ textarea._Input-input_bsxfo_26 {
   white-space: nowrap;
   width: 1px;
 }
-._IconButton--disabled_swpni_20 {
+._IconButton--disabled_ffob9_24 {
   color: var(--puck-color-grey-07);
 }
 
@@ -1084,6 +1098,240 @@ textarea._Input-input_bsxfo_26 {
   padding-inline-start: 8px;
 }
 
+/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
+._RichTextEditor_1819a_1 .ProseMirror {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  cursor: text;
+  outline: none;
+  position: relative;
+}
+._RichTextEditor_1819a_1 .rich-text * {
+  white-space: pre-wrap;
+}
+._RichTextEditor_1819a_1 .rich-text blockquote {
+  margin: 1em 0;
+  padding: 0 1em;
+  border-left: 4px solid var(--puck-color-grey-09);
+}
+._RichTextEditor_1819a_1 .rich-text code {
+  background-color: var(--puck-color-grey-11);
+  padding: 4px 8px;
+  border-radius: 4px;
+}
+._RichTextEditor_1819a_1 .rich-text p:empty::before {
+  content: "\a0";
+}
+._RichTextEditor_1819a_1 .rich-text pre code {
+  display: block;
+  padding: 8px 12px;
+}
+._RichTextEditor_1819a_1 .rich-text > *:first-child,
+._RichTextEditor_1819a_1 .ProseMirror > *:first-child,
+._RichTextEditor_1819a_1 .rich-text * p:first-of-type {
+  margin-top: 0;
+}
+._RichTextEditor_1819a_1 .rich-text > *:last-child,
+._RichTextEditor_1819a_1 .ProseMirror > *:last-child,
+._RichTextEditor_1819a_1 .rich-text * p:last-of-type {
+  margin-bottom: 0;
+}
+._RichTextEditor--editor_1819a_46 {
+  background: var(--puck-color-white);
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--puck-color-grey-09);
+  border-radius: 4px;
+  box-sizing: border-box;
+  font-family: inherit;
+  font-size: var(--puck-font-size-xxs);
+  resize: vertical;
+  transition: border-color 50ms ease-in;
+  width: 100%;
+  max-width: 100%;
+  min-height: 128px;
+}
+._RichTextEditor--editor_1819a_46 .rich-text:not(:has(.ProseMirror)),
+._RichTextEditor--editor_1819a_46 .rich-text .ProseMirror {
+  padding: 12px 15px;
+}
+._RichTextEditor--editor_1819a_46 .rich-text ul,
+._RichTextEditor--editor_1819a_46 .rich-text ol {
+  padding-left: 24px;
+}
+._RichTextEditor--editor_1819a_46 .rich-text li {
+  line-height: 1.5;
+}
+._RichTextEditor--editor_1819a_46 .rich-text p {
+  margin-block: 12px;
+}
+._RichTextEditor--editor_1819a_46 .rich-text ul {
+  list-style: disc;
+}
+._RichTextEditor--editor_1819a_46 .rich-text ol {
+  list-style: decimal;
+}
+._RichTextEditor--editor_1819a_46:focus-within {
+  border-color: var(--puck-color-grey-05);
+  outline: 2px solid var(--puck-color-azure-05);
+  transition: none;
+}
+._RichTextEditor--editor_1819a_46._RichTextEditor--disabled_1819a_95 {
+  background: var(--puck-color-grey-11);
+}
+._RichTextEditor_1819a_1:not(:focus-within):not(._RichTextEditor--isActive_1819a_99) .ProseMirror ::selection {
+  background-color: transparent;
+}
+._RichTextEditor-menu_1819a_105 {
+  border-bottom: 1px solid var(--puck-color-grey-10);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+._RichTextEditor--disabled_1819a_95 ._RichTextEditor-menu_1819a_105 {
+  border-bottom: 1px solid var(--puck-color-grey-09);
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */
+._RichTextMenu_k97eh_1 {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+}
+._RichTextMenu--form_k97eh_7 {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  padding: 6px 6px;
+  background-color: var(--puck-color-grey-12);
+  position: relative;
+  scrollbar-width: none;
+  overflow-x: auto;
+}
+._RichTextMenu-group_k97eh_17 {
+  display: flex;
+  align-items: space-between;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  padding-inline: 6px;
+  gap: 2px;
+  position: relative;
+}
+._RichTextMenu-group_k97eh_17:first-of-type {
+  padding-left: 0;
+}
+._RichTextMenu-group_k97eh_17:last-of-type {
+  padding-right: 0;
+}
+._RichTextMenu--inline_k97eh_35 ._RichTextMenu-group_k97eh_17 {
+  color: var(--puck-color-grey-08);
+  gap: 0px;
+  flex-wrap: nowrap;
+}
+._RichTextMenu-group_k97eh_17 + ._RichTextMenu-group_k97eh_17 {
+  border-left: 1px solid var(--puck-color-grey-10);
+}
+._RichTextMenu--inline_k97eh_35 ._RichTextMenu-group_k97eh_17 + ._RichTextMenu-group_k97eh_17 {
+  border-left: 0.5px solid var(--puck-color-grey-05);
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
+._Control_1aveu_1 .lucide {
+  height: 18px;
+  width: 18px;
+}
+._Control--inline_1aveu_6 .lucide {
+  height: 16px;
+  width: 16px;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Select/styles.module.css/#css-module-data */
+._Select_xjbef_1 {
+  position: relative;
+  z-index: 1;
+}
+._Select-button_xjbef_6 {
+  align-items: center;
+  background: transparent;
+  border: none;
+  border-radius: 4px;
+  display: flex;
+  justify-content: center;
+  gap: 0px;
+  height: 100%;
+  padding: 4px;
+  padding-right: 2px;
+}
+._Select--hasOptions_xjbef_19 ._Select-button_xjbef_6 {
+  color: currentColor;
+}
+._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6 {
+  cursor: pointer;
+}
+._Select-buttonIcon_xjbef_27 {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+._Select--standalone_xjbef_33 ._Select-buttonIcon_xjbef_27 .lucide {
+  height: 18px;
+  width: 18px;
+}
+._Select--actionBar_xjbef_38 ._Select-buttonIcon_xjbef_27 .lucide {
+  height: 16px;
+  width: 16px;
+}
+._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6:hover,
+._Select--hasValue_xjbef_44 ._Select-button_xjbef_6 {
+  background: var(--puck-color-grey-10);
+  color: var(--puck-color-azure-04);
+}
+._Select--disabled_xjbef_23 ._Select-button_xjbef_6 {
+  color: var(--puck-color-grey-07);
+}
+._Select--actionBar_xjbef_38 {
+  &._Select--hasOptions_xjbef_19 ._Select-button_xjbef_6:hover,
+  &._Select--hasValue_xjbef_44 ._Select-button_xjbef_6 {
+    background: none;
+    color: var(--puck-color-azure-07);
+  }
+}
+._Select-items_xjbef_61 {
+  background: white;
+  border: 1px solid var(--puck-color-grey-09);
+  border-radius: 8px;
+  margin: 10px 8px;
+  margin-left: 0;
+  padding: 4px;
+  z-index: 2;
+  list-style: none;
+}
+._SelectItem_xjbef_72 {
+  background: transparent;
+  border-radius: 4px;
+  border: none;
+  color: var(--puck-color-grey-04);
+  cursor: pointer;
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  font-size: var(--puck-font-size-xxs);
+  margin: 0;
+  padding: 8px 12px;
+  width: 100%;
+}
+._SelectItem--isSelected_xjbef_87 {
+  background: var(--puck-color-azure-11);
+  color: var(--puck-color-azure-04);
+  font-weight: 500;
+}
+._SelectItem--isSelected_xjbef_87 ._SelectItem-icon_xjbef_93 {
+  color: var(--puck-color-azure-04);
+}
+._SelectItem_xjbef_72:hover {
+  background: var(--puck-color-azure-11);
+  color: var(--puck-color-azure-04);
+}
+
 /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data */
 ._ObjectField_1ua3y_5 {
   display: flex;
@@ -1326,7 +1574,7 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   outline-offset: 2px;
 }
 [data-puck-overlay-portal]:focus-within {
-  outline: 2px var(--puck-color-azure-07) solid;
+  outline: 2px var(--puck-color-azure-07) dashed;
   outline-offset: 2px;
 }
 

package/dist/index.d.mts

@@ -1,8 +1,23 @@
-import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as FieldTransforms, h as Field, i as FieldProps, D as DropZoneProps, j as Data, k as OnAction, l as InitialHistory, n as ItemSelector } from './walk-tree-bsPSSmt9.mjs';
-export { ad as Adaptor, ab as ArrayField, B as ArrayState, ar as AsFieldProps, X as BaseData, a5 as BaseField, af as CacheOpts, J as ComponentConfigExtensions, T as ComponentConfigParams, a0 as ComponentDataMap, _ as ComponentDataOptionalId, a3 as ComponentMetadata, Q as ConfigParams, a1 as Content, ai as CustomField, ah as CustomFieldRender, ao as DefaultComponentProps, L as DefaultComponents, al as DefaultRootFieldProps, an as DefaultRootProps, am as DefaultRootRenderProps, o as Direction, p as DragAxis, ag as ExternalField, ae as ExternalFieldWithAdaptor, N as ExtractConfigParams, at as ExtractField, a4 as FieldMetadata, y as FieldRenderFunctions, u as FieldTransformFn, s as FieldTransformFnParams, z as ItemWithId, $ as MappedItem, a7 as NumberField, ac as ObjectField, x as OverrideKey, G as PuckComponent, ak as PuckContext, a2 as PuckMetadata, aa as RadioField, K as RootConfig, Z as RootData, Y as RootDataWithoutProps, a9 as SelectField, S as Slot, E as SlotComponent, aj as SlotField, a6 as TextField, a8 as TextareaField, q as Viewport, as as WithChildren, ap as WithId, aq as WithPuckProps, W as WithSlotProps, m as migrate, v as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-bsPSSmt9.mjs';
+import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as FieldTransforms, h as RichtextField, i as Field, j as FieldProps, D as DropZoneProps, k as Data, l as OnAction, n as InitialHistory, o as ItemSelector } from './walk-tree-16XYcbNo.mjs';
+export { af as Adaptor, ad as ArrayField, G as ArrayState, at as AsFieldProps, Z as BaseData, a7 as BaseField, ah as CacheOpts, L as ComponentConfigExtensions, Y as ComponentConfigParams, a2 as ComponentDataMap, a0 as ComponentDataOptionalId, a5 as ComponentMetadata, X as ConfigParams, a3 as Content, ak as CustomField, aj as CustomFieldRender, aq as DefaultComponentProps, Q as DefaultComponents, an as DefaultRootFieldProps, ap as DefaultRootProps, ao as DefaultRootRenderProps, q as Direction, s as DragAxis, ai as ExternalField, ag as ExternalFieldWithAdaptor, T as ExtractConfigParams, av as ExtractField, a6 as FieldMetadata, B as FieldRenderFunctions, x as FieldTransformFn, v as FieldTransformFnParams, E as ItemWithId, a1 as MappedItem, a9 as NumberField, ae as ObjectField, z as OverrideKey, K as PuckComponent, am as PuckContext, a4 as PuckMetadata, ac as RadioField, p as RichText, N as RootConfig, $ as RootData, _ as RootDataWithoutProps, ab as SelectField, S as Slot, J as SlotComponent, al as SlotField, a8 as TextField, aa as TextareaField, u as Viewport, au as WithChildren, ar as WithId, as as WithPuckProps, W as WithSlotProps, m as migrate, y as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-16XYcbNo.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement } from 'react';
+import { Editor } from '@tiptap/react';
+import '@tiptap/extension-blockquote';
+import '@tiptap/extension-bold';
+import '@tiptap/extension-code';
+import '@tiptap/extension-code-block';
+import '@tiptap/extension-hard-break';
+import '@tiptap/extension-heading';
+import '@tiptap/extension-horizontal-rule';
+import '@tiptap/extension-italic';
+import '@tiptap/extension-link';
+import '@tiptap/extension-list';
+import '@tiptap/extension-paragraph';
+import '@tiptap/extension-strike';
+import '@tiptap/extension-text-align';
+import '@tiptap/extension-underline';
 
 type HistorySlice<D = any> = {
     index: number;
@@ -107,6 +122,13 @@ type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserCon
     nodes: NodesSlice;
     permissions: PermissionsSlice;
     fieldTransforms: FieldTransforms;
+    currentRichText?: {
+        inlineComponentId?: string;
+        inline: boolean;
+        field: RichtextField;
+        editor: Editor;
+        id: string;
+    } | null;
 };
 
 declare const ActionBar: {
@@ -114,10 +136,12 @@ declare const ActionBar: {
         label?: string;
         children?: ReactNode;
     }): react_jsx_runtime.JSX.Element;
-    Action: ({ children, label, onClick, }: {
+    Action: ({ children, label, onClick, active, disabled, }: {
         children: ReactNode;
         label?: string;
         onClick: (e: SyntheticEvent) => void;
+        active?: boolean;
+        disabled?: boolean;
     }) => react_jsx_runtime.JSX.Element;
     Label: ({ label }: {
         label: string;
@@ -125,11 +149,14 @@ declare const ActionBar: {
     Group: ({ children }: {
         children: ReactNode;
     }) => react_jsx_runtime.JSX.Element;
+    Separator: () => react_jsx_runtime.JSX.Element;
 };
-declare const Action: ({ children, label, onClick, }: {
+declare const Action: ({ children, label, onClick, active, disabled, }: {
     children: ReactNode;
     label?: string;
     onClick: (e: SyntheticEvent) => void;
+    active?: boolean;
+    disabled?: boolean;
 }) => react_jsx_runtime.JSX.Element;
 declare const Group: ({ children }: {
     children: ReactNode;
@@ -137,6 +164,7 @@ declare const Group: ({ children }: {
 declare const Label: ({ label }: {
     label: string;
 }) => react_jsx_runtime.JSX.Element;
+declare const Separator: () => react_jsx_runtime.JSX.Element;
 
 declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }: {
     children?: ReactNode;
@@ -185,11 +213,11 @@ declare const Drawer: {
 
 declare const DropZone: react.ForwardRefExoticComponent<DropZoneProps & react.RefAttributes<HTMLDivElement>>;
 
-declare const IconButton: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, title, }: {
+declare const IconButton: ({ active, children, href, onClick, type, disabled, tabIndex, newTab, fullWidth, title, }: {
+    active?: boolean;
     children: ReactNode;
     href?: string;
     onClick?: (e: SyntheticEvent) => void | Promise<void>;
-    variant?: "primary" | "secondary";
     type?: "button" | "submit" | "reset";
     disabled?: boolean;
     tabIndex?: number;
@@ -252,6 +280,75 @@ declare function Render<UserConfig extends Config = Config, G extends UserGeneri
     metadata?: Metadata;
 }): react_jsx_runtime.JSX.Element;
 
+declare function AlignLeft(): react_jsx_runtime.JSX.Element;
+
+declare function AlignCenter(): react_jsx_runtime.JSX.Element;
+
+declare function AlignRight(): react_jsx_runtime.JSX.Element;
+
+declare function AlignJustify(): react_jsx_runtime.JSX.Element;
+
+declare function AlignSelect(): react_jsx_runtime.JSX.Element;
+
+declare function Bold(): react_jsx_runtime.JSX.Element;
+
+declare function Italic(): react_jsx_runtime.JSX.Element;
+
+declare function Underline(): react_jsx_runtime.JSX.Element;
+
+declare function Strikethrough(): react_jsx_runtime.JSX.Element;
+
+declare function InlineCode(): react_jsx_runtime.JSX.Element;
+
+declare function BulletList(): react_jsx_runtime.JSX.Element;
+
+declare function OrderedList(): react_jsx_runtime.JSX.Element;
+
+declare function CodeBlock(): react_jsx_runtime.JSX.Element;
+
+declare function Blockquote(): react_jsx_runtime.JSX.Element;
+
+declare function HorizontalRule(): react_jsx_runtime.JSX.Element;
+
+declare function HeadingSelect(): react_jsx_runtime.JSX.Element;
+
+declare function ListSelect(): react_jsx_runtime.JSX.Element;
+
+declare function Control({ icon, disabled, active, onClick, title, }: {
+    icon: ReactNode;
+    disabled?: boolean;
+    active?: boolean;
+    onClick: (e: SyntheticEvent) => any;
+    title: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare const RichTextMenu: {
+    ({ children }: {
+        children: ReactNode;
+    }): react_jsx_runtime.JSX.Element;
+    Group: ({ children }: {
+        children: ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
+    Control: typeof Control;
+    AlignCenter: typeof AlignCenter;
+    AlignJustify: typeof AlignJustify;
+    AlignLeft: typeof AlignLeft;
+    AlignRight: typeof AlignRight;
+    AlignSelect: typeof AlignSelect;
+    Blockquote: typeof Blockquote;
+    Bold: typeof Bold;
+    BulletList: typeof BulletList;
+    CodeBlock: typeof CodeBlock;
+    HeadingSelect: typeof HeadingSelect;
+    HorizontalRule: typeof HorizontalRule;
+    InlineCode: typeof InlineCode;
+    Italic: typeof Italic;
+    ListSelect: typeof ListSelect;
+    OrderedList: typeof OrderedList;
+    Strikethrough: typeof Strikethrough;
+    Underline: typeof Underline;
+};
+
 declare const registerOverlayPortal: (el: HTMLElement | null | undefined, opts?: {
     disableDrag?: boolean;
     disableDragOnFocus?: boolean;
@@ -304,4 +401,4 @@ declare function usePuck<UserConfig extends Config = Config>(): UsePuckStore<Use
  */
 declare function useGetPuck(): () => UsePuckStore<Config>;
 
-export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };
+export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RichTextMenu, RichtextField, RootDataWithProps, Separator, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };