@puckeditor/core 0.23.0-canary.9bf3e00a → 0.23.0-canary.e7fef140

package/dist/{Editor-ZZW3KF2T.css → Editor-T7TKW6NT.css}

@@ -41,7 +41,7 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
-._IconButton_yuha3_1 {
+._IconButton_1pxxt_1 {
   align-items: center;
   background: var(--puck-iconbutton-color-bg, transparent);
   border: none;
@@ -53,26 +53,26 @@
   padding: var(--puck-iconbutton-space, var(--puck-space-1));
   transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
 }
-._IconButton--active_yuha3_15 {
+._IconButton--active_1pxxt_15 {
   color: var( --puck-iconbutton-color-icon-active, var(--puck-color-interactive) );
 }
-._IconButton_yuha3_1:focus-visible {
+._IconButton_1pxxt_1:focus-visible {
   outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
   outline-offset: calc(var(--puck-border-width-focus) * -1);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._IconButton_yuha3_1:hover:not(._IconButton--disabled_yuha3_28) {
-    background: var( --puck-iconbutton-color-bg-hover, var(--puck-color-interactive-neutral-hover) );
+  ._IconButton_1pxxt_1:hover:not(._IconButton--disabled_1pxxt_28) {
+    background: var( --_puck-iconbutton-color-bg-hover, var( --puck-iconbutton-color-bg-hover, var(--puck-color-interactive-neutral-hover) ) );
     color: var( --puck-iconbutton-color-icon-hover, var(--puck-color-interactive) );
     cursor: pointer;
     transition: none;
   }
 }
-._IconButton_yuha3_1:active {
+._IconButton_1pxxt_1:active {
   background: var( --puck-iconbutton-color-bg-active, var(--puck-color-interactive-soft) );
   transition: none;
 }
-._IconButton--disabled_yuha3_28 {
+._IconButton--disabled_1pxxt_28 {
   color: var( --puck-iconbutton-color-icon-disabled, var(--puck-color-text-subtle) );
 }
 

package/dist/{Editor-BJP5AFD5.mjs → Editor-Z6P5UAVB.mjs}

@@ -4,18 +4,18 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-BMRBP3ET.mjs";
+} from "./chunk-PJYHZPJK.mjs";
 import "./chunk-H635BA2V.mjs";
-import "./chunk-WQV7W7OC.mjs";
-import "./chunk-EYJW64M2.mjs";
-import "./chunk-MU6IPW26.mjs";
-import "./chunk-HB4CVO3I.mjs";
+import "./chunk-3OLRWMRO.mjs";
+import "./chunk-OSPG5CWL.mjs";
+import "./chunk-OCFR2FFG.mjs";
+import "./chunk-L73ATZ55.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-JHNG6XYK.mjs";
-import "./chunk-25QAPMLH.mjs";
-import "./chunk-WUO7D6OQ.mjs";
+} from "./chunk-DIYX54ZO.mjs";
+import "./chunk-UAWUZ45G.mjs";
+import "./chunk-NPAYGEG5.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-QHQD3BMI.mjs";
 import {

package/dist/{actions-Csn3gOP8.d.mts → actions-3w-1VzY_.d.mts}

@@ -556,6 +556,8 @@ type UiState = {
         expanded?: boolean;
     }>;
     isDragging: boolean;
+    /** Outline items whose children are shown, keyed by item id */
+    itemExpanded?: Record<string, boolean>;
     viewports: {
         current: {
             width: number | "100%";
@@ -736,6 +738,10 @@ type IframeConfig = {
     waitForStyles?: boolean;
     syncHostStyles?: boolean;
 };
+type DndConfig = {
+    disableAutoScroll?: boolean;
+    disableOutlineDrag?: boolean;
+};
 type OnAction<UserData extends Data = Data> = (action: PuckAction, appState: AppState<UserData>, prevAppState: AppState<UserData>) => void;
 type Plugin<UserConfig extends Config = Config> = {
     name?: string;
@@ -837,4 +843,4 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type Permissions as $, type Adaptor as A, type BaseData as B, type CacheOpts as C, type Data as D, type ExternalField as E, type ExtractConfigParams as F, type ExtractField as G, type Field as H, type FieldMetadata as I, type FieldProps as J, type FieldRenderFunctions as K, type FieldTransformFn as L, type FieldTransformFnParams as M, type FieldTransforms as N, type Fields as O, type History as P, type IframeConfig as Q, type InitialHistory as R, type ItemSelector as S, type ItemWithId as T, type MappedItem as U, type Metadata as V, type NumberField as W, type ObjectField as X, type OnAction as Y, type OverrideKey as Z, type Overrides as _, type AppState as a, type Plugin as a0, type PluginInternal as a1, type PrivateAppState as a2, type PuckAction as a3, type PuckComponent as a4, type PuckContext as a5, type PuckMetadata as a6, type RadioField as a7, type ResolveDataTrigger as a8, type RichText as a9, type RichtextField as aa, type RootConfig as ab, type RootData as ac, type RootDataWithProps as ad, type RootDataWithoutProps as ae, type SelectField as af, type Slot as ag, type SlotComponent as ah, type SlotField as ai, type TextField as aj, type TextareaField as ak, type UiState as al, type UserGenerics as am, type Viewport as an, type Viewports as ao, type WithChildren as ap, type WithId as aq, type WithPuckProps as ar, type WithSlotProps as as, overrideKeys as at, type ArrayField as b, type ArrayState as c, type AsFieldProps as d, type BaseField as e, type ComponentConfig as f, type ComponentConfigExtensions as g, type ComponentConfigParams as h, type ComponentData as i, type ComponentDataMap as j, type ComponentDataOptionalId as k, type ComponentMetadata as l, type Config as m, type ConfigParams as n, type Content as o, type CustomField as p, type CustomFieldRender as q, type DefaultComponentProps as r, type DefaultComponents as s, type DefaultRootFieldProps as t, type DefaultRootProps as u, type DefaultRootRenderProps as v, type Direction as w, type DragAxis as x, type DropZoneProps as y, type ExternalFieldWithAdaptor as z };
+export { type Overrides as $, type Adaptor as A, type BaseData as B, type CacheOpts as C, type Data as D, type ExternalField as E, type ExternalFieldWithAdaptor as F, type ExtractConfigParams as G, type ExtractField as H, type Field as I, type FieldMetadata as J, type FieldProps as K, type FieldRenderFunctions as L, type FieldTransformFn as M, type FieldTransformFnParams as N, type FieldTransforms as O, type Fields as P, type History as Q, type IframeConfig as R, type InitialHistory as S, type ItemSelector as T, type ItemWithId as U, type MappedItem as V, type Metadata as W, type NumberField as X, type ObjectField as Y, type OnAction as Z, type OverrideKey as _, type AppState as a, type Permissions as a0, type Plugin as a1, type PluginInternal as a2, type PrivateAppState as a3, type PuckAction as a4, type PuckComponent as a5, type PuckContext as a6, type PuckMetadata as a7, type RadioField as a8, type ResolveDataTrigger as a9, type RichText as aa, type RichtextField as ab, type RootConfig as ac, type RootData as ad, type RootDataWithProps as ae, type RootDataWithoutProps as af, type SelectField as ag, type Slot as ah, type SlotComponent as ai, type SlotField as aj, type TextField as ak, type TextareaField as al, type UiState as am, type UserGenerics as an, type Viewport as ao, type Viewports as ap, type WithChildren as aq, type WithId as ar, type WithPuckProps as as, type WithSlotProps as at, overrideKeys as au, type ArrayField as b, type ArrayState as c, type AsFieldProps as d, type BaseField as e, type ComponentConfig as f, type ComponentConfigExtensions as g, type ComponentConfigParams as h, type ComponentData as i, type ComponentDataMap as j, type ComponentDataOptionalId as k, type ComponentMetadata as l, type Config as m, type ConfigParams as n, type Content as o, type CustomField as p, type CustomFieldRender as q, type DefaultComponentProps as r, type DefaultComponents as s, type DefaultRootFieldProps as t, type DefaultRootProps as u, type DefaultRootRenderProps as v, type Direction as w, type DndConfig as x, type DragAxis as y, type DropZoneProps as z };

package/dist/{actions-Csn3gOP8.d.ts → actions-3w-1VzY_.d.ts}

@@ -556,6 +556,8 @@ type UiState = {
         expanded?: boolean;
     }>;
     isDragging: boolean;
+    /** Outline items whose children are shown, keyed by item id */
+    itemExpanded?: Record<string, boolean>;
     viewports: {
         current: {
             width: number | "100%";
@@ -736,6 +738,10 @@ type IframeConfig = {
     waitForStyles?: boolean;
     syncHostStyles?: boolean;
 };
+type DndConfig = {
+    disableAutoScroll?: boolean;
+    disableOutlineDrag?: boolean;
+};
 type OnAction<UserData extends Data = Data> = (action: PuckAction, appState: AppState<UserData>, prevAppState: AppState<UserData>) => void;
 type Plugin<UserConfig extends Config = Config> = {
     name?: string;
@@ -837,4 +843,4 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type Permissions as $, type Adaptor as A, type BaseData as B, type CacheOpts as C, type Data as D, type ExternalField as E, type ExtractConfigParams as F, type ExtractField as G, type Field as H, type FieldMetadata as I, type FieldProps as J, type FieldRenderFunctions as K, type FieldTransformFn as L, type FieldTransformFnParams as M, type FieldTransforms as N, type Fields as O, type History as P, type IframeConfig as Q, type InitialHistory as R, type ItemSelector as S, type ItemWithId as T, type MappedItem as U, type Metadata as V, type NumberField as W, type ObjectField as X, type OnAction as Y, type OverrideKey as Z, type Overrides as _, type AppState as a, type Plugin as a0, type PluginInternal as a1, type PrivateAppState as a2, type PuckAction as a3, type PuckComponent as a4, type PuckContext as a5, type PuckMetadata as a6, type RadioField as a7, type ResolveDataTrigger as a8, type RichText as a9, type RichtextField as aa, type RootConfig as ab, type RootData as ac, type RootDataWithProps as ad, type RootDataWithoutProps as ae, type SelectField as af, type Slot as ag, type SlotComponent as ah, type SlotField as ai, type TextField as aj, type TextareaField as ak, type UiState as al, type UserGenerics as am, type Viewport as an, type Viewports as ao, type WithChildren as ap, type WithId as aq, type WithPuckProps as ar, type WithSlotProps as as, overrideKeys as at, type ArrayField as b, type ArrayState as c, type AsFieldProps as d, type BaseField as e, type ComponentConfig as f, type ComponentConfigExtensions as g, type ComponentConfigParams as h, type ComponentData as i, type ComponentDataMap as j, type ComponentDataOptionalId as k, type ComponentMetadata as l, type Config as m, type ConfigParams as n, type Content as o, type CustomField as p, type CustomFieldRender as q, type DefaultComponentProps as r, type DefaultComponents as s, type DefaultRootFieldProps as t, type DefaultRootProps as u, type DefaultRootRenderProps as v, type Direction as w, type DragAxis as x, type DropZoneProps as y, type ExternalFieldWithAdaptor as z };
+export { type Overrides as $, type Adaptor as A, type BaseData as B, type CacheOpts as C, type Data as D, type ExternalField as E, type ExternalFieldWithAdaptor as F, type ExtractConfigParams as G, type ExtractField as H, type Field as I, type FieldMetadata as J, type FieldProps as K, type FieldRenderFunctions as L, type FieldTransformFn as M, type FieldTransformFnParams as N, type FieldTransforms as O, type Fields as P, type History as Q, type IframeConfig as R, type InitialHistory as S, type ItemSelector as T, type ItemWithId as U, type MappedItem as V, type Metadata as W, type NumberField as X, type ObjectField as Y, type OnAction as Z, type OverrideKey as _, type AppState as a, type Permissions as a0, type Plugin as a1, type PluginInternal as a2, type PrivateAppState as a3, type PuckAction as a4, type PuckComponent as a5, type PuckContext as a6, type PuckMetadata as a7, type RadioField as a8, type ResolveDataTrigger as a9, type RichText as aa, type RichtextField as ab, type RootConfig as ac, type RootData as ad, type RootDataWithProps as ae, type RootDataWithoutProps as af, type SelectField as ag, type Slot as ah, type SlotComponent as ai, type SlotField as aj, type TextField as ak, type TextareaField as al, type UiState as am, type UserGenerics as an, type Viewport as ao, type Viewports as ap, type WithChildren as aq, type WithId as ar, type WithPuckProps as as, type WithSlotProps as at, overrideKeys as au, type ArrayField as b, type ArrayState as c, type AsFieldProps as d, type BaseField as e, type ComponentConfig as f, type ComponentConfigExtensions as g, type ComponentConfigParams as h, type ComponentData as i, type ComponentDataMap as j, type ComponentDataOptionalId as k, type ComponentMetadata as l, type Config as m, type ConfigParams as n, type Content as o, type CustomField as p, type CustomFieldRender as q, type DefaultComponentProps as r, type DefaultComponents as s, type DefaultRootFieldProps as t, type DefaultRootProps as u, type DefaultRootRenderProps as v, type Direction as w, type DndConfig as x, type DragAxis as y, type DropZoneProps as z };

package/dist/{chunk-WQV7W7OC.mjs → chunk-3OLRWMRO.mjs}

@@ -1,12 +1,12 @@
 import {
   useAlignOptions
-} from "./chunk-EYJW64M2.mjs";
+} from "./chunk-OSPG5CWL.mjs";
 import {
   useHeadingOptions
-} from "./chunk-MU6IPW26.mjs";
+} from "./chunk-OCFR2FFG.mjs";
 import {
   useListOptions
-} from "./chunk-HB4CVO3I.mjs";
+} from "./chunk-L73ATZ55.mjs";
 import {
   Action,
   AlignCenter,
@@ -29,7 +29,7 @@ import {
   Underline,
   useControlContext,
   useMessage
-} from "./chunk-JHNG6XYK.mjs";
+} from "./chunk-DIYX54ZO.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -204,7 +204,7 @@ function AlignSelectFallback() {
 // components/RichTextMenu/controls/AlignSelect/index.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
 var AlignSelectLoaded = lazy(
-  () => import("./loaded-PF5Y4VWH.mjs").then((m) => ({
+  () => import("./loaded-4XVG2RKQ.mjs").then((m) => ({
     default: m.AlignSelectLoaded
   }))
 );
@@ -445,7 +445,7 @@ function HeadingSelectFallback() {
 // components/RichTextMenu/controls/HeadingSelect/index.tsx
 import { jsx as jsx19 } from "react/jsx-runtime";
 var HeadingSelectLoaded = lazy2(
-  () => import("./loaded-6YDNF4HS.mjs").then((m) => ({
+  () => import("./loaded-VBJBTUSI.mjs").then((m) => ({
     default: m.HeadingSelectLoaded
   }))
 );
@@ -477,7 +477,7 @@ function ListSelectFallback() {
 // components/RichTextMenu/controls/ListSelect/index.tsx
 import { jsx as jsx21 } from "react/jsx-runtime";
 var ListSelectLoaded = lazy3(
-  () => import("./loaded-35D7XAOE.mjs").then((m) => ({
+  () => import("./loaded-LM723CWI.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

package/dist/{chunk-JNJJ2M57.mjs → chunk-3TERNOIP.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   defaultAppState,
   resolveComponentData
-} from "./chunk-WUO7D6OQ.mjs";
+} from "./chunk-NPAYGEG5.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";

package/dist/{chunk-JHNG6XYK.mjs → chunk-DIYX54ZO.mjs}

@@ -3,13 +3,13 @@ import {
   generateId,
   getItem,
   makeStatePublic
-} from "./chunk-25QAPMLH.mjs";
+} from "./chunk-UAWUZ45G.mjs";
 import {
   defaultAppState,
   defaultViewports,
   getChanged,
   resolveComponentData
-} from "./chunk-WUO7D6OQ.mjs";
+} from "./chunk-NPAYGEG5.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -243,6 +243,13 @@ var ChevronRight = createLucideIcon("ChevronRight", [
 init_react_import();
 var ChevronUp = createLucideIcon("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/chevrons-down-up.js
+init_react_import();
+var ChevronsDownUp = createLucideIcon("ChevronsDownUp", [
+  ["path", { d: "m7 20 5-5 5 5", key: "13a0gw" }],
+  ["path", { d: "m7 4 5 5 5-5", key: "1kwcof" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/circle-check-big.js
 init_react_import();
 var CircleCheckBig = createLucideIcon("CircleCheckBig", [
@@ -1246,6 +1253,7 @@ var createAppStore = (initialAppStore) => create2()(
       _experimentalVirtualization: false,
       metadata: {},
       dictionary: {},
+      dnd: {},
       fieldTransforms: {}
     }, initialAppStore), {
       fields: createFieldsSlice(set, get),
@@ -1429,7 +1437,7 @@ import { forwardRef as forwardRef4, useState } from "react";
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css#css-module
 init_react_import();
-var IconButton_module_default = { "IconButton": "_IconButton_yuha3_1", "IconButton--active": "_IconButton--active_yuha3_15", "IconButton--disabled": "_IconButton--disabled_yuha3_28" };
+var IconButton_module_default = { "IconButton": "_IconButton_1pxxt_1", "IconButton--active": "_IconButton--active_1pxxt_15", "IconButton--disabled": "_IconButton--disabled_1pxxt_28" };
 
 // components/Loader/index.tsx
 init_react_import();
@@ -1654,8 +1662,12 @@ var defaultDictionary = {
   "label-component": "Component",
   // Outline
   "outline-empty": "No items",
-  "outline-collapse": "Collapse",
-  "outline-expand": "Expand",
+  "outline-item-collapse": "Collapse",
+  "outline-item-expand": "Expand",
+  "outline-header-title": "Outline",
+  "outline-header-collapseall": "Collapse all",
+  "outline-item-duplicate": "Duplicate",
+  "outline-item-delete": "Delete",
   // Drawer (component list)
   "drawer-category-collapse": "Collapse {title}",
   "drawer-category-expand": "Expand {title}",
@@ -1974,6 +1986,7 @@ export {
   ChevronDown,
   ChevronRight,
   ChevronUp,
+  ChevronsDownUp,
   CircleCheckBig,
   Code,
   Copy,
@@ -2059,6 +2072,7 @@ lucide-react/dist/esm/icons/bold.js:
 lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/chevron-right.js:
 lucide-react/dist/esm/icons/chevron-up.js:
+lucide-react/dist/esm/icons/chevrons-down-up.js:
 lucide-react/dist/esm/icons/circle-check-big.js:
 lucide-react/dist/esm/icons/code.js:
 lucide-react/dist/esm/icons/copy.js:

package/dist/{chunk-HB4CVO3I.mjs → chunk-L73ATZ55.mjs}

@@ -2,7 +2,7 @@ import {
   List,
   ListOrdered,
   useMessage
-} from "./chunk-JHNG6XYK.mjs";
+} from "./chunk-DIYX54ZO.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-WUO7D6OQ.mjs → chunk-NPAYGEG5.mjs}

@@ -124,6 +124,7 @@ var defaultAppState = {
     itemSelector: null,
     componentList: {},
     isDragging: false,
+    itemExpanded: {},
     previewMode: "edit",
     viewports: {
       current: {

package/dist/{chunk-MU6IPW26.mjs → chunk-OCFR2FFG.mjs}

@@ -6,7 +6,7 @@ import {
   Heading5,
   Heading6,
   useMessage
-} from "./chunk-JHNG6XYK.mjs";
+} from "./chunk-DIYX54ZO.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-EYJW64M2.mjs → chunk-OSPG5CWL.mjs}

@@ -4,7 +4,7 @@ import {
   AlignLeft,
   AlignRight,
   useMessage
-} from "./chunk-JHNG6XYK.mjs";
+} from "./chunk-DIYX54ZO.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-BMRBP3ET.mjs → chunk-PJYHZPJK.mjs}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-H635BA2V.mjs";
 import {
   LoadedRichTextMenuInner
-} from "./chunk-WQV7W7OC.mjs";
+} from "./chunk-3OLRWMRO.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-JHNG6XYK.mjs";
+} from "./chunk-DIYX54ZO.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -100,7 +100,7 @@ init_react_import();
 import { lazy, Suspense } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var LoadedRichTextMenuFull = lazy(
-  () => import("./full-7ONH7UPJ.mjs").then((m) => ({
+  () => import("./full-67VCA5MX.mjs").then((m) => ({
     default: m.LoadedRichTextMenuFull
   }))
 );