payload-better-editor 1.0.4 → 1.1.0

package/dist/admin/icons.js

@@ -1,36 +1,494 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { ChevronUp as L_ChevronUp, ChevronDown as L_ChevronDown, Copy as L_Copy, Trash2 as L_Trash2, Plus as L_Plus, Monitor as L_Monitor, Tablet as L_Tablet, Smartphone as L_Smartphone, MoveHorizontal as L_MoveHorizontal, Expand as L_Expand, Shrink as L_Shrink, Undo as L_Undo, Redo as L_Redo, PanelLeft as L_PanelLeft, PanelRightOpen as L_PanelRightOpen, PanelRightClose as L_PanelRightClose, MousePointer2 as L_MousePointer2, MousePointer2Off as L_MousePointer2Off, Star as L_Star, Bug as L_Bug, Github as L_Github } from 'lucide-react';
-// Pin default size to 16px (lucide's own default is 24); caller props win.
-const sized = (Icon)=>{
-    const Wrapped = (props)=>/*#__PURE__*/ _jsx(Icon, {
-            size: 16,
-            ...props
+/*
+ * Icons vendored from lucide-react (https://lucide.dev) v0.577.0, inlined so the
+ * plugin needs no icon-library dependency (see issue #11).
+ *
+ * ISC License — Copyright (c) Lucide Contributors; portions (c) Cole Bemis
+ * 2013-2026 (Feather, MIT). Permission to use, copy, modify, and/or distribute
+ * this software for any purpose with or without fee is hereby granted, provided
+ * that the above copyright notice and this permission notice appear in all
+ * copies. Full text: https://lucide.dev/license
+ */ import React from 'react';
+// Renders a lucide icon node inside lucide's default 24x24 stroke wrapper.
+const createIcon = (node)=>{
+    const Icon = ({ size = 16, ...props })=>/*#__PURE__*/ _jsx("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            ...props,
+            children: node.map(([tag, attrs], i)=>/*#__PURE__*/ React.createElement(tag, {
+                    key: i,
+                    ...attrs
+                }))
         });
-    Wrapped.displayName = `Sized(${Icon.displayName ?? Icon.name})`;
-    return Wrapped;
+    return Icon;
 };
-export const ChevronUp = sized(L_ChevronUp);
-export const ChevronDown = sized(L_ChevronDown);
-export const CopyIcon = sized(L_Copy);
-export const TrashIcon = sized(L_Trash2);
-export const PlusIcon = sized(L_Plus);
-export const DesktopIcon = sized(L_Monitor);
-export const TabletIcon = sized(L_Tablet);
-export const MobileIcon = sized(L_Smartphone);
-export const ResponsiveIcon = sized(L_MoveHorizontal);
-export const FullscreenIcon = sized(L_Expand);
-export const FullscreenExitIcon = sized(L_Shrink);
-export const UndoIcon = sized(L_Undo);
-export const RedoIcon = sized(L_Redo);
-export const LayoutIcon = sized(L_PanelLeft);
-export const SidebarHideIcon = sized(L_PanelRightClose);
-export const SidebarShowIcon = sized(L_PanelRightOpen);
-export const InteractIcon = sized(L_MousePointer2);
-export const InteractOffIcon = sized(L_MousePointer2Off);
-export const StarIcon = sized(L_Star);
-export const BugIcon = sized(L_Bug);
-export const GithubIcon = sized(L_Github);
+export const ChevronUp = createIcon([
+    [
+        "path",
+        {
+            "d": "m18 15-6-6-6 6"
+        }
+    ]
+]);
+export const ChevronDown = createIcon([
+    [
+        "path",
+        {
+            "d": "m6 9 6 6 6-6"
+        }
+    ]
+]);
+export const CopyIcon = createIcon([
+    [
+        "rect",
+        {
+            "width": "14",
+            "height": "14",
+            "x": "8",
+            "y": "8",
+            "rx": "2",
+            "ry": "2"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+        }
+    ]
+]);
+export const TrashIcon = createIcon([
+    [
+        "path",
+        {
+            "d": "M10 11v6"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M14 11v6"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M3 6h18"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
+        }
+    ]
+]);
+export const PlusIcon = createIcon([
+    [
+        "path",
+        {
+            "d": "M5 12h14"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M12 5v14"
+        }
+    ]
+]);
+export const DesktopIcon = createIcon([
+    [
+        "rect",
+        {
+            "width": "20",
+            "height": "14",
+            "x": "2",
+            "y": "3",
+            "rx": "2"
+        }
+    ],
+    [
+        "line",
+        {
+            "x1": "8",
+            "x2": "16",
+            "y1": "21",
+            "y2": "21"
+        }
+    ],
+    [
+        "line",
+        {
+            "x1": "12",
+            "x2": "12",
+            "y1": "17",
+            "y2": "21"
+        }
+    ]
+]);
+export const TabletIcon = createIcon([
+    [
+        "rect",
+        {
+            "width": "16",
+            "height": "20",
+            "x": "4",
+            "y": "2",
+            "rx": "2",
+            "ry": "2"
+        }
+    ],
+    [
+        "line",
+        {
+            "x1": "12",
+            "x2": "12.01",
+            "y1": "18",
+            "y2": "18"
+        }
+    ]
+]);
+export const MobileIcon = createIcon([
+    [
+        "rect",
+        {
+            "width": "14",
+            "height": "20",
+            "x": "5",
+            "y": "2",
+            "rx": "2",
+            "ry": "2"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M12 18h.01"
+        }
+    ]
+]);
+export const ResponsiveIcon = createIcon([
+    [
+        "path",
+        {
+            "d": "m18 8 4 4-4 4"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M2 12h20"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "m6 8-4 4 4 4"
+        }
+    ]
+]);
+export const FullscreenIcon = createIcon([
+    [
+        "path",
+        {
+            "d": "m15 15 6 6"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "m15 9 6-6"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M21 16v5h-5"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M21 8V3h-5"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M3 16v5h5"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "m3 21 6-6"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M3 8V3h5"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M9 9 3 3"
+        }
+    ]
+]);
+export const FullscreenExitIcon = createIcon([
+    [
+        "path",
+        {
+            "d": "m15 15 6 6m-6-6v4.8m0-4.8h4.8"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M9 19.8V15m0 0H4.2M9 15l-6 6"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M15 4.2V9m0 0h4.8M15 9l6-6"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M9 4.2V9m0 0H4.2M9 9 3 3"
+        }
+    ]
+]);
+export const UndoIcon = createIcon([
+    [
+        "path",
+        {
+            "d": "M3 7v6h6"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"
+        }
+    ]
+]);
+export const RedoIcon = createIcon([
+    [
+        "path",
+        {
+            "d": "M21 7v6h-6"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7"
+        }
+    ]
+]);
+export const LayoutIcon = createIcon([
+    [
+        "rect",
+        {
+            "width": "18",
+            "height": "18",
+            "x": "3",
+            "y": "3",
+            "rx": "2"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M9 3v18"
+        }
+    ]
+]);
+export const SidebarHideIcon = createIcon([
+    [
+        "rect",
+        {
+            "width": "18",
+            "height": "18",
+            "x": "3",
+            "y": "3",
+            "rx": "2"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M15 3v18"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "m8 9 3 3-3 3"
+        }
+    ]
+]);
+export const SidebarShowIcon = createIcon([
+    [
+        "rect",
+        {
+            "width": "18",
+            "height": "18",
+            "x": "3",
+            "y": "3",
+            "rx": "2"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M15 3v18"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "m10 15-3-3 3-3"
+        }
+    ]
+]);
+export const InteractIcon = createIcon([
+    [
+        "path",
+        {
+            "d": "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z"
+        }
+    ]
+]);
+export const InteractOffIcon = createIcon([
+    [
+        "path",
+        {
+            "d": "m15.55 8.45 5.138 2.087a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063L8.45 15.551"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M22 2 2 22"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "m6.816 11.528-2.779-6.84a.495.495 0 0 1 .651-.651l6.84 2.779"
+        }
+    ]
+]);
+export const StarIcon = createIcon([
+    [
+        "path",
+        {
+            "d": "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
+        }
+    ]
+]);
+export const BugIcon = createIcon([
+    [
+        "path",
+        {
+            "d": "M12 20v-9"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M14.12 3.88 16 2"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M21 21a4 4 0 0 0-3.81-4"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M21 5a4 4 0 0 1-3.55 3.97"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M22 13h-4"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M3 21a4 4 0 0 1 3.81-4"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M3 5a4 4 0 0 0 3.55 3.97"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M6 13H2"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "m8 2 1.88 1.88"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M9 7.13V6a3 3 0 1 1 6 0v1.13"
+        }
+    ]
+]);
+export const GithubIcon = createIcon([
+    [
+        "path",
+        {
+            "d": "M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"
+        }
+    ],
+    [
+        "path",
+        {
+            "d": "M9 18c-4.51 2-5-2-7-2"
+        }
+    ]
+]);
 
 //# sourceMappingURL=icons.js.map

package/dist/admin/icons.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/admin/icons.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport {\n  ChevronUp as L_ChevronUp,\n  ChevronDown as L_ChevronDown,\n  Copy as L_Copy,\n  Trash2 as L_Trash2,\n  Plus as L_Plus,\n  Monitor as L_Monitor,\n  Tablet as L_Tablet,\n  Smartphone as L_Smartphone,\n  MoveHorizontal as L_MoveHorizontal,\n  Expand as L_Expand,\n  Shrink as L_Shrink,\n  Undo as L_Undo,\n  Redo as L_Redo,\n  PanelLeft as L_PanelLeft,\n  PanelRightOpen as L_PanelRightOpen,\n  PanelRightClose as L_PanelRightClose,\n  MousePointer2 as L_MousePointer2,\n  MousePointer2Off as L_MousePointer2Off,\n  Star as L_Star,\n  Bug as L_Bug,\n  Github as L_Github,\n  type LucideProps,\n} from 'lucide-react'\n\nexport type { LucideProps }\n\n// Pin default size to 16px (lucide's own default is 24); caller props win.\nconst sized = (Icon: React.ComponentType<LucideProps>): React.FC<LucideProps> => {\n  const Wrapped: React.FC<LucideProps> = (props) => <Icon size={16} {...props} />\n  Wrapped.displayName = `Sized(${Icon.displayName ?? Icon.name})`\n  return Wrapped\n}\n\nexport const ChevronUp = sized(L_ChevronUp)\nexport const ChevronDown = sized(L_ChevronDown)\nexport const CopyIcon = sized(L_Copy)\nexport const TrashIcon = sized(L_Trash2)\nexport const PlusIcon = sized(L_Plus)\nexport const DesktopIcon = sized(L_Monitor)\nexport const TabletIcon = sized(L_Tablet)\nexport const MobileIcon = sized(L_Smartphone)\nexport const ResponsiveIcon = sized(L_MoveHorizontal)\nexport const FullscreenIcon = sized(L_Expand)\nexport const FullscreenExitIcon = sized(L_Shrink)\nexport const UndoIcon = sized(L_Undo)\nexport const RedoIcon = sized(L_Redo)\nexport const LayoutIcon = sized(L_PanelLeft)\nexport const SidebarHideIcon = sized(L_PanelRightClose)\nexport const SidebarShowIcon = sized(L_PanelRightOpen)\nexport const InteractIcon = sized(L_MousePointer2)\nexport const InteractOffIcon = sized(L_MousePointer2Off)\nexport const StarIcon = sized(L_Star)\nexport const BugIcon = sized(L_Bug)\nexport const GithubIcon = sized(L_Github)\n"],"names":["React","ChevronUp","L_ChevronUp","ChevronDown","L_ChevronDown","Copy","L_Copy","Trash2","L_Trash2","Plus","L_Plus","Monitor","L_Monitor","Tablet","L_Tablet","Smartphone","L_Smartphone","MoveHorizontal","L_MoveHorizontal","Expand","L_Expand","Shrink","L_Shrink","Undo","L_Undo","Redo","L_Redo","PanelLeft","L_PanelLeft","PanelRightOpen","L_PanelRightOpen","PanelRightClose","L_PanelRightClose","MousePointer2","L_MousePointer2","MousePointer2Off","L_MousePointer2Off","Star","L_Star","Bug","L_Bug","Github","L_Github","sized","Icon","Wrapped","props","size","displayName","name","CopyIcon","TrashIcon","PlusIcon","DesktopIcon","TabletIcon","MobileIcon","ResponsiveIcon","FullscreenIcon","FullscreenExitIcon","UndoIcon","RedoIcon","LayoutIcon","SidebarHideIcon","SidebarShowIcon","InteractIcon","InteractOffIcon","StarIcon","BugIcon","GithubIcon"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AACzB,SACEC,aAAaC,WAAW,EACxBC,eAAeC,aAAa,EAC5BC,QAAQC,MAAM,EACdC,UAAUC,QAAQ,EAClBC,QAAQC,MAAM,EACdC,WAAWC,SAAS,EACpBC,UAAUC,QAAQ,EAClBC,cAAcC,YAAY,EAC1BC,kBAAkBC,gBAAgB,EAClCC,UAAUC,QAAQ,EAClBC,UAAUC,QAAQ,EAClBC,QAAQC,MAAM,EACdC,QAAQC,MAAM,EACdC,aAAaC,WAAW,EACxBC,kBAAkBC,gBAAgB,EAClCC,mBAAmBC,iBAAiB,EACpCC,iBAAiBC,eAAe,EAChCC,oBAAoBC,kBAAkB,EACtCC,QAAQC,MAAM,EACdC,OAAOC,KAAK,EACZC,UAAUC,QAAQ,QAEb,eAAc;AAIrB,2EAA2E;AAC3E,MAAMC,QAAQ,CAACC;IACb,MAAMC,UAAiC,CAACC,sBAAU,KAACF;YAAKG,MAAM;YAAK,GAAGD,KAAK;;IAC3ED,QAAQG,WAAW,GAAG,CAAC,MAAM,EAAEJ,KAAKI,WAAW,IAAIJ,KAAKK,IAAI,CAAC,CAAC,CAAC;IAC/D,OAAOJ;AACT;AAEA,OAAO,MAAM5C,YAAY0C,MAAMzC,aAAY;AAC3C,OAAO,MAAMC,cAAcwC,MAAMvC,eAAc;AAC/C,OAAO,MAAM8C,WAAWP,MAAMrC,QAAO;AACrC,OAAO,MAAM6C,YAAYR,MAAMnC,UAAS;AACxC,OAAO,MAAM4C,WAAWT,MAAMjC,QAAO;AACrC,OAAO,MAAM2C,cAAcV,MAAM/B,WAAU;AAC3C,OAAO,MAAM0C,aAAaX,MAAM7B,UAAS;AACzC,OAAO,MAAMyC,aAAaZ,MAAM3B,cAAa;AAC7C,OAAO,MAAMwC,iBAAiBb,MAAMzB,kBAAiB;AACrD,OAAO,MAAMuC,iBAAiBd,MAAMvB,UAAS;AAC7C,OAAO,MAAMsC,qBAAqBf,MAAMrB,UAAS;AACjD,OAAO,MAAMqC,WAAWhB,MAAMnB,QAAO;AACrC,OAAO,MAAMoC,WAAWjB,MAAMjB,QAAO;AACrC,OAAO,MAAMmC,aAAalB,MAAMf,aAAY;AAC5C,OAAO,MAAMkC,kBAAkBnB,MAAMX,mBAAkB;AACvD,OAAO,MAAM+B,kBAAkBpB,MAAMb,kBAAiB;AACtD,OAAO,MAAMkC,eAAerB,MAAMT,iBAAgB;AAClD,OAAO,MAAM+B,kBAAkBtB,MAAMP,oBAAmB;AACxD,OAAO,MAAM8B,WAAWvB,MAAML,QAAO;AACrC,OAAO,MAAM6B,UAAUxB,MAAMH,OAAM;AACnC,OAAO,MAAM4B,aAAazB,MAAMD,UAAS"}
+{"version":3,"sources":["../../src/admin/icons.tsx"],"sourcesContent":["'use client'\n\n/*\n * Icons vendored from lucide-react (https://lucide.dev) v0.577.0, inlined so the\n * plugin needs no icon-library dependency (see issue #11).\n *\n * ISC License — Copyright (c) Lucide Contributors; portions (c) Cole Bemis\n * 2013-2026 (Feather, MIT). Permission to use, copy, modify, and/or distribute\n * this software for any purpose with or without fee is hereby granted, provided\n * that the above copyright notice and this permission notice appear in all\n * copies. Full text: https://lucide.dev/license\n */\n\nimport React from 'react'\n\nexport type IconProps = React.SVGProps<SVGSVGElement> & { size?: number | string }\n\ntype IconNode = ReadonlyArray<readonly [tag: string, attrs: Record<string, string | number>]>\n\n// Renders a lucide icon node inside lucide's default 24x24 stroke wrapper.\nconst createIcon = (node: IconNode): React.FC<IconProps> => {\n  const Icon: React.FC<IconProps> = ({ size = 16, ...props }) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      {node.map(([tag, attrs], i) => React.createElement(tag, { key: i, ...attrs }))}\n    </svg>\n  )\n  return Icon\n}\n\nexport const ChevronUp = createIcon([[\"path\",{\"d\":\"m18 15-6-6-6 6\"}]])\nexport const ChevronDown = createIcon([[\"path\",{\"d\":\"m6 9 6 6 6-6\"}]])\nexport const CopyIcon = createIcon([[\"rect\",{\"width\":\"14\",\"height\":\"14\",\"x\":\"8\",\"y\":\"8\",\"rx\":\"2\",\"ry\":\"2\"}],[\"path\",{\"d\":\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"}]])\nexport const TrashIcon = createIcon([[\"path\",{\"d\":\"M10 11v6\"}],[\"path\",{\"d\":\"M14 11v6\"}],[\"path\",{\"d\":\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\"}],[\"path\",{\"d\":\"M3 6h18\"}],[\"path\",{\"d\":\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"}]])\nexport const PlusIcon = createIcon([[\"path\",{\"d\":\"M5 12h14\"}],[\"path\",{\"d\":\"M12 5v14\"}]])\nexport const DesktopIcon = createIcon([[\"rect\",{\"width\":\"20\",\"height\":\"14\",\"x\":\"2\",\"y\":\"3\",\"rx\":\"2\"}],[\"line\",{\"x1\":\"8\",\"x2\":\"16\",\"y1\":\"21\",\"y2\":\"21\"}],[\"line\",{\"x1\":\"12\",\"x2\":\"12\",\"y1\":\"17\",\"y2\":\"21\"}]])\nexport const TabletIcon = createIcon([[\"rect\",{\"width\":\"16\",\"height\":\"20\",\"x\":\"4\",\"y\":\"2\",\"rx\":\"2\",\"ry\":\"2\"}],[\"line\",{\"x1\":\"12\",\"x2\":\"12.01\",\"y1\":\"18\",\"y2\":\"18\"}]])\nexport const MobileIcon = createIcon([[\"rect\",{\"width\":\"14\",\"height\":\"20\",\"x\":\"5\",\"y\":\"2\",\"rx\":\"2\",\"ry\":\"2\"}],[\"path\",{\"d\":\"M12 18h.01\"}]])\nexport const ResponsiveIcon = createIcon([[\"path\",{\"d\":\"m18 8 4 4-4 4\"}],[\"path\",{\"d\":\"M2 12h20\"}],[\"path\",{\"d\":\"m6 8-4 4 4 4\"}]])\nexport const FullscreenIcon = createIcon([[\"path\",{\"d\":\"m15 15 6 6\"}],[\"path\",{\"d\":\"m15 9 6-6\"}],[\"path\",{\"d\":\"M21 16v5h-5\"}],[\"path\",{\"d\":\"M21 8V3h-5\"}],[\"path\",{\"d\":\"M3 16v5h5\"}],[\"path\",{\"d\":\"m3 21 6-6\"}],[\"path\",{\"d\":\"M3 8V3h5\"}],[\"path\",{\"d\":\"M9 9 3 3\"}]])\nexport const FullscreenExitIcon = createIcon([[\"path\",{\"d\":\"m15 15 6 6m-6-6v4.8m0-4.8h4.8\"}],[\"path\",{\"d\":\"M9 19.8V15m0 0H4.2M9 15l-6 6\"}],[\"path\",{\"d\":\"M15 4.2V9m0 0h4.8M15 9l6-6\"}],[\"path\",{\"d\":\"M9 4.2V9m0 0H4.2M9 9 3 3\"}]])\nexport const UndoIcon = createIcon([[\"path\",{\"d\":\"M3 7v6h6\"}],[\"path\",{\"d\":\"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13\"}]])\nexport const RedoIcon = createIcon([[\"path\",{\"d\":\"M21 7v6h-6\"}],[\"path\",{\"d\":\"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7\"}]])\nexport const LayoutIcon = createIcon([[\"rect\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\"}],[\"path\",{\"d\":\"M9 3v18\"}]])\nexport const SidebarHideIcon = createIcon([[\"rect\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\"}],[\"path\",{\"d\":\"M15 3v18\"}],[\"path\",{\"d\":\"m8 9 3 3-3 3\"}]])\nexport const SidebarShowIcon = createIcon([[\"rect\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\"}],[\"path\",{\"d\":\"M15 3v18\"}],[\"path\",{\"d\":\"m10 15-3-3 3-3\"}]])\nexport const InteractIcon = createIcon([[\"path\",{\"d\":\"M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z\"}]])\nexport const InteractOffIcon = createIcon([[\"path\",{\"d\":\"m15.55 8.45 5.138 2.087a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063L8.45 15.551\"}],[\"path\",{\"d\":\"M22 2 2 22\"}],[\"path\",{\"d\":\"m6.816 11.528-2.779-6.84a.495.495 0 0 1 .651-.651l6.84 2.779\"}]])\nexport const StarIcon = createIcon([[\"path\",{\"d\":\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"}]])\nexport const BugIcon = createIcon([[\"path\",{\"d\":\"M12 20v-9\"}],[\"path\",{\"d\":\"M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z\"}],[\"path\",{\"d\":\"M14.12 3.88 16 2\"}],[\"path\",{\"d\":\"M21 21a4 4 0 0 0-3.81-4\"}],[\"path\",{\"d\":\"M21 5a4 4 0 0 1-3.55 3.97\"}],[\"path\",{\"d\":\"M22 13h-4\"}],[\"path\",{\"d\":\"M3 21a4 4 0 0 1 3.81-4\"}],[\"path\",{\"d\":\"M3 5a4 4 0 0 0 3.55 3.97\"}],[\"path\",{\"d\":\"M6 13H2\"}],[\"path\",{\"d\":\"m8 2 1.88 1.88\"}],[\"path\",{\"d\":\"M9 7.13V6a3 3 0 1 1 6 0v1.13\"}]])\nexport const GithubIcon = createIcon([[\"path\",{\"d\":\"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4\"}],[\"path\",{\"d\":\"M9 18c-4.51 2-5-2-7-2\"}]])\n"],"names":["React","createIcon","node","Icon","size","props","svg","xmlns","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","map","tag","attrs","i","createElement","key","ChevronUp","ChevronDown","CopyIcon","TrashIcon","PlusIcon","DesktopIcon","TabletIcon","MobileIcon","ResponsiveIcon","FullscreenIcon","FullscreenExitIcon","UndoIcon","RedoIcon","LayoutIcon","SidebarHideIcon","SidebarShowIcon","InteractIcon","InteractOffIcon","StarIcon","BugIcon","GithubIcon"],"mappings":"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"}

package/dist/admin/sidebar/Sidebar.d.ts

@@ -7,4 +7,4 @@ export type SidebarProps = {
     blocksField: string;
     addBelowRequestId?: number;
 };
-export declare const Sidebar: React.FC<SidebarProps>;
+export declare const Sidebar: React.NamedExoticComponent<SidebarProps>;

package/dist/admin/sidebar/Sidebar.js

@@ -4,6 +4,7 @@ import React, { useEffect, useState } from 'react';
 import { DocumentSettingsTab } from './DocumentSettingsTab';
 import { DocumentMetaTab } from './DocumentMetaTab';
 import { BlockSettingsTab } from './BlockSettingsTab';
+import { ValidationSummary } from './ValidationSummary';
 const TABS = [
     {
         key: 'page',
@@ -33,7 +34,8 @@ const SidebarTab = ({ tabKey, label, active, onSelect })=>/*#__PURE__*/ _jsx("bu
         onClick: ()=>onSelect(tabKey),
         children: label
     });
-export const Sidebar = ({ selectedBlockPath, onClearSelection, onSelectPath, forceFullWidthFields, blocksField, addBelowRequestId = 0 })=>{
+// Memoized so resize-drag re-renders of the overlay skip the field tree.
+export const Sidebar = /*#__PURE__*/ React.memo(function Sidebar({ selectedBlockPath, onClearSelection, onSelectPath, forceFullWidthFields, blocksField, addBelowRequestId = 0 }) {
     const [tab, setTab] = useState('page');
     // Auto-jump to the block tab when the iframe selects a new block.
     useEffect(()=>{
@@ -55,6 +57,10 @@ export const Sidebar = ({ selectedBlockPath, onClearSelection, onSelectPath, for
                         onSelect: setTab
                     }, t.key))
             }),
+            /*#__PURE__*/ _jsx(ValidationSummary, {
+                blocksField: blocksField,
+                onSelectPath: onSelectPath
+            }),
             /*#__PURE__*/ _jsxs("div", {
                 className: `${ROOT_CLASS}__content`,
                 role: "tabpanel",
@@ -78,7 +84,7 @@ export const Sidebar = ({ selectedBlockPath, onClearSelection, onSelectPath, for
             })
         ]
     });
-};
+});
 // Off-screen live region announces block-selection changes to screen
 // readers; visible UI updates handle sighted users via the tab switch.
 const SelectionAnnouncer = ({ selectedBlockPath })=>/*#__PURE__*/ _jsx("div", {

package/dist/admin/sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/sidebar/Sidebar.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useState } from 'react'\nimport { DocumentSettingsTab } from './DocumentSettingsTab'\nimport { DocumentMetaTab } from './DocumentMetaTab'\nimport { BlockSettingsTab } from './BlockSettingsTab'\n\nexport type SidebarProps = {\n  selectedBlockPath: string | null\n  onClearSelection: () => void\n  onSelectPath: (path: string | null) => void\n  forceFullWidthFields: boolean\n  blocksField: string\n  addBelowRequestId?: number\n}\n\ntype TabKey = 'page' | 'block' | 'settings'\n\nconst TABS: ReadonlyArray<{ key: TabKey; label: string }> = [\n  { key: 'page', label: 'Page' },\n  { key: 'block', label: 'Blocks' },\n  { key: 'settings', label: 'Settings' },\n]\n\nconst ROOT_CLASS = 'better-editor-sidebar'\nconst TAB_CLASS = `${ROOT_CLASS}__tab`\n\nconst tabId = (key: TabKey) => `better-editor-tab-${key}`\nconst panelId = (key: TabKey) => `better-editor-panel-${key}`\n\ntype SidebarTabProps = {\n  tabKey: TabKey\n  label: string\n  active: boolean\n  onSelect: (key: TabKey) => void\n}\n\nconst SidebarTab: React.FC<SidebarTabProps> = ({ tabKey, label, active, onSelect }) => (\n  <button\n    type=\"button\"\n    role=\"tab\"\n    id={tabId(tabKey)}\n    aria-selected={active}\n    aria-controls={panelId(tabKey)}\n    tabIndex={active ? 0 : -1}\n    className={active ? `${TAB_CLASS} ${TAB_CLASS}--active` : TAB_CLASS}\n    onClick={() => onSelect(tabKey)}\n  >\n    {label}\n  </button>\n)\n\nexport const Sidebar: React.FC<SidebarProps> = ({\n  selectedBlockPath,\n  onClearSelection,\n  onSelectPath,\n  forceFullWidthFields,\n  blocksField,\n  addBelowRequestId = 0,\n}) => {\n  const [tab, setTab] = useState<TabKey>('page')\n\n  // Auto-jump to the block tab when the iframe selects a new block.\n  useEffect(() => {\n    if (selectedBlockPath) setTab('block')\n  }, [selectedBlockPath])\n\n  const className = forceFullWidthFields\n    ? `${ROOT_CLASS} ${ROOT_CLASS}--force-full-width`\n    : ROOT_CLASS\n\n  return (\n    <div className={className}>\n      <div role=\"tablist\" className={`${ROOT_CLASS}__tabs`}>\n        {TABS.map((t) => (\n          <SidebarTab\n            key={t.key}\n            tabKey={t.key}\n            label={t.label}\n            active={tab === t.key}\n            onSelect={setTab}\n          />\n        ))}\n      </div>\n\n      <div\n        className={`${ROOT_CLASS}__content`}\n        role=\"tabpanel\"\n        id={panelId(tab)}\n        aria-labelledby={tabId(tab)}\n        tabIndex={0}\n      >\n        {tab === 'page' && <DocumentSettingsTab />}\n        {tab === 'block' && (\n          <BlockSettingsTab\n            selectedBlockPath={selectedBlockPath}\n            onClearSelection={onClearSelection}\n            onSelectPath={onSelectPath}\n            blocksField={blocksField}\n            addBelowRequestId={addBelowRequestId}\n          />\n        )}\n        {tab === 'settings' && <DocumentMetaTab />}\n      </div>\n\n      <SelectionAnnouncer selectedBlockPath={selectedBlockPath} />\n    </div>\n  )\n}\n\n// Off-screen live region announces block-selection changes to screen\n// readers; visible UI updates handle sighted users via the tab switch.\nconst SelectionAnnouncer: React.FC<{ selectedBlockPath: string | null }> = ({\n  selectedBlockPath,\n}) => (\n  <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" className=\"better-editor-sr-only\">\n    {selectedBlockPath ? `Block selected: ${selectedBlockPath}` : 'No block selected'}\n  </div>\n)\n"],"names":["React","useEffect","useState","DocumentSettingsTab","DocumentMetaTab","BlockSettingsTab","TABS","key","label","ROOT_CLASS","TAB_CLASS","tabId","panelId","SidebarTab","tabKey","active","onSelect","button","type","role","id","aria-selected","aria-controls","tabIndex","className","onClick","Sidebar","selectedBlockPath","onClearSelection","onSelectPath","forceFullWidthFields","blocksField","addBelowRequestId","tab","setTab","div","map","t","aria-labelledby","SelectionAnnouncer","aria-live","aria-atomic"],"mappings":"AAAA;;AAEA,OAAOA,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAClD,SAASC,mBAAmB,QAAQ,wBAAuB;AAC3D,SAASC,eAAe,QAAQ,oBAAmB;AACnD,SAASC,gBAAgB,QAAQ,qBAAoB;AAarD,MAAMC,OAAsD;IAC1D;QAAEC,KAAK;QAAQC,OAAO;IAAO;IAC7B;QAAED,KAAK;QAASC,OAAO;IAAS;IAChC;QAAED,KAAK;QAAYC,OAAO;IAAW;CACtC;AAED,MAAMC,aAAa;AACnB,MAAMC,YAAY,GAAGD,WAAW,KAAK,CAAC;AAEtC,MAAME,QAAQ,CAACJ,MAAgB,CAAC,kBAAkB,EAAEA,KAAK;AACzD,MAAMK,UAAU,CAACL,MAAgB,CAAC,oBAAoB,EAAEA,KAAK;AAS7D,MAAMM,aAAwC,CAAC,EAAEC,MAAM,EAAEN,KAAK,EAAEO,MAAM,EAAEC,QAAQ,EAAE,iBAChF,KAACC;QACCC,MAAK;QACLC,MAAK;QACLC,IAAIT,MAAMG;QACVO,iBAAeN;QACfO,iBAAeV,QAAQE;QACvBS,UAAUR,SAAS,IAAI,CAAC;QACxBS,WAAWT,SAAS,GAAGL,UAAU,CAAC,EAAEA,UAAU,QAAQ,CAAC,GAAGA;QAC1De,SAAS,IAAMT,SAASF;kBAEvBN;;AAIL,OAAO,MAAMkB,UAAkC,CAAC,EAC9CC,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,oBAAoB,EACpBC,WAAW,EACXC,oBAAoB,CAAC,EACtB;IACC,MAAM,CAACC,KAAKC,OAAO,GAAGhC,SAAiB;IAEvC,kEAAkE;IAClED,UAAU;QACR,IAAI0B,mBAAmBO,OAAO;IAChC,GAAG;QAACP;KAAkB;IAEtB,MAAMH,YAAYM,uBACd,GAAGrB,WAAW,CAAC,EAAEA,WAAW,kBAAkB,CAAC,GAC/CA;IAEJ,qBACE,MAAC0B;QAAIX,WAAWA;;0BACd,KAACW;gBAAIhB,MAAK;gBAAUK,WAAW,GAAGf,WAAW,MAAM,CAAC;0BACjDH,KAAK8B,GAAG,CAAC,CAACC,kBACT,KAACxB;wBAECC,QAAQuB,EAAE9B,GAAG;wBACbC,OAAO6B,EAAE7B,KAAK;wBACdO,QAAQkB,QAAQI,EAAE9B,GAAG;wBACrBS,UAAUkB;uBAJLG,EAAE9B,GAAG;;0BAShB,MAAC4B;gBACCX,WAAW,GAAGf,WAAW,SAAS,CAAC;gBACnCU,MAAK;gBACLC,IAAIR,QAAQqB;gBACZK,mBAAiB3B,MAAMsB;gBACvBV,UAAU;;oBAETU,QAAQ,wBAAU,KAAC9B;oBACnB8B,QAAQ,yBACP,KAAC5B;wBACCsB,mBAAmBA;wBACnBC,kBAAkBA;wBAClBC,cAAcA;wBACdE,aAAaA;wBACbC,mBAAmBA;;oBAGtBC,QAAQ,4BAAc,KAAC7B;;;0BAG1B,KAACmC;gBAAmBZ,mBAAmBA;;;;AAG7C,EAAC;AAED,qEAAqE;AACrE,uEAAuE;AACvE,MAAMY,qBAAqE,CAAC,EAC1EZ,iBAAiB,EAClB,iBACC,KAACQ;QAAIhB,MAAK;QAASqB,aAAU;QAASC,eAAY;QAAOjB,WAAU;kBAChEG,oBAAoB,CAAC,gBAAgB,EAAEA,mBAAmB,GAAG"}
+{"version":3,"sources":["../../../src/admin/sidebar/Sidebar.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useState } from 'react'\nimport { DocumentSettingsTab } from './DocumentSettingsTab'\nimport { DocumentMetaTab } from './DocumentMetaTab'\nimport { BlockSettingsTab } from './BlockSettingsTab'\nimport { ValidationSummary } from './ValidationSummary'\n\nexport type SidebarProps = {\n  selectedBlockPath: string | null\n  onClearSelection: () => void\n  onSelectPath: (path: string | null) => void\n  forceFullWidthFields: boolean\n  blocksField: string\n  addBelowRequestId?: number\n}\n\ntype TabKey = 'page' | 'block' | 'settings'\n\nconst TABS: ReadonlyArray<{ key: TabKey; label: string }> = [\n  { key: 'page', label: 'Page' },\n  { key: 'block', label: 'Blocks' },\n  { key: 'settings', label: 'Settings' },\n]\n\nconst ROOT_CLASS = 'better-editor-sidebar'\nconst TAB_CLASS = `${ROOT_CLASS}__tab`\n\nconst tabId = (key: TabKey) => `better-editor-tab-${key}`\nconst panelId = (key: TabKey) => `better-editor-panel-${key}`\n\ntype SidebarTabProps = {\n  tabKey: TabKey\n  label: string\n  active: boolean\n  onSelect: (key: TabKey) => void\n}\n\nconst SidebarTab: React.FC<SidebarTabProps> = ({ tabKey, label, active, onSelect }) => (\n  <button\n    type=\"button\"\n    role=\"tab\"\n    id={tabId(tabKey)}\n    aria-selected={active}\n    aria-controls={panelId(tabKey)}\n    tabIndex={active ? 0 : -1}\n    className={active ? `${TAB_CLASS} ${TAB_CLASS}--active` : TAB_CLASS}\n    onClick={() => onSelect(tabKey)}\n  >\n    {label}\n  </button>\n)\n\n// Memoized so resize-drag re-renders of the overlay skip the field tree.\nexport const Sidebar = React.memo(function Sidebar({\n  selectedBlockPath,\n  onClearSelection,\n  onSelectPath,\n  forceFullWidthFields,\n  blocksField,\n  addBelowRequestId = 0,\n}: SidebarProps) {\n  const [tab, setTab] = useState<TabKey>('page')\n\n  // Auto-jump to the block tab when the iframe selects a new block.\n  useEffect(() => {\n    if (selectedBlockPath) setTab('block')\n  }, [selectedBlockPath])\n\n  const className = forceFullWidthFields\n    ? `${ROOT_CLASS} ${ROOT_CLASS}--force-full-width`\n    : ROOT_CLASS\n\n  return (\n    <div className={className}>\n      <div role=\"tablist\" className={`${ROOT_CLASS}__tabs`}>\n        {TABS.map((t) => (\n          <SidebarTab\n            key={t.key}\n            tabKey={t.key}\n            label={t.label}\n            active={tab === t.key}\n            onSelect={setTab}\n          />\n        ))}\n      </div>\n\n      <ValidationSummary blocksField={blocksField} onSelectPath={onSelectPath} />\n\n      <div\n        className={`${ROOT_CLASS}__content`}\n        role=\"tabpanel\"\n        id={panelId(tab)}\n        aria-labelledby={tabId(tab)}\n        tabIndex={0}\n      >\n        {tab === 'page' && <DocumentSettingsTab />}\n        {tab === 'block' && (\n          <BlockSettingsTab\n            selectedBlockPath={selectedBlockPath}\n            onClearSelection={onClearSelection}\n            onSelectPath={onSelectPath}\n            blocksField={blocksField}\n            addBelowRequestId={addBelowRequestId}\n          />\n        )}\n        {tab === 'settings' && <DocumentMetaTab />}\n      </div>\n\n      <SelectionAnnouncer selectedBlockPath={selectedBlockPath} />\n    </div>\n  )\n})\n\n// Off-screen live region announces block-selection changes to screen\n// readers; visible UI updates handle sighted users via the tab switch.\nconst SelectionAnnouncer: React.FC<{ selectedBlockPath: string | null }> = ({\n  selectedBlockPath,\n}) => (\n  <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" className=\"better-editor-sr-only\">\n    {selectedBlockPath ? `Block selected: ${selectedBlockPath}` : 'No block selected'}\n  </div>\n)\n"],"names":["React","useEffect","useState","DocumentSettingsTab","DocumentMetaTab","BlockSettingsTab","ValidationSummary","TABS","key","label","ROOT_CLASS","TAB_CLASS","tabId","panelId","SidebarTab","tabKey","active","onSelect","button","type","role","id","aria-selected","aria-controls","tabIndex","className","onClick","Sidebar","memo","selectedBlockPath","onClearSelection","onSelectPath","forceFullWidthFields","blocksField","addBelowRequestId","tab","setTab","div","map","t","aria-labelledby","SelectionAnnouncer","aria-live","aria-atomic"],"mappings":"AAAA;;AAEA,OAAOA,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAClD,SAASC,mBAAmB,QAAQ,wBAAuB;AAC3D,SAASC,eAAe,QAAQ,oBAAmB;AACnD,SAASC,gBAAgB,QAAQ,qBAAoB;AACrD,SAASC,iBAAiB,QAAQ,sBAAqB;AAavD,MAAMC,OAAsD;IAC1D;QAAEC,KAAK;QAAQC,OAAO;IAAO;IAC7B;QAAED,KAAK;QAASC,OAAO;IAAS;IAChC;QAAED,KAAK;QAAYC,OAAO;IAAW;CACtC;AAED,MAAMC,aAAa;AACnB,MAAMC,YAAY,GAAGD,WAAW,KAAK,CAAC;AAEtC,MAAME,QAAQ,CAACJ,MAAgB,CAAC,kBAAkB,EAAEA,KAAK;AACzD,MAAMK,UAAU,CAACL,MAAgB,CAAC,oBAAoB,EAAEA,KAAK;AAS7D,MAAMM,aAAwC,CAAC,EAAEC,MAAM,EAAEN,KAAK,EAAEO,MAAM,EAAEC,QAAQ,EAAE,iBAChF,KAACC;QACCC,MAAK;QACLC,MAAK;QACLC,IAAIT,MAAMG;QACVO,iBAAeN;QACfO,iBAAeV,QAAQE;QACvBS,UAAUR,SAAS,IAAI,CAAC;QACxBS,WAAWT,SAAS,GAAGL,UAAU,CAAC,EAAEA,UAAU,QAAQ,CAAC,GAAGA;QAC1De,SAAS,IAAMT,SAASF;kBAEvBN;;AAIL,yEAAyE;AACzE,OAAO,MAAMkB,wBAAU3B,MAAM4B,IAAI,CAAC,SAASD,QAAQ,EACjDE,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,oBAAoB,EACpBC,WAAW,EACXC,oBAAoB,CAAC,EACR;IACb,MAAM,CAACC,KAAKC,OAAO,GAAGlC,SAAiB;IAEvC,kEAAkE;IAClED,UAAU;QACR,IAAI4B,mBAAmBO,OAAO;IAChC,GAAG;QAACP;KAAkB;IAEtB,MAAMJ,YAAYO,uBACd,GAAGtB,WAAW,CAAC,EAAEA,WAAW,kBAAkB,CAAC,GAC/CA;IAEJ,qBACE,MAAC2B;QAAIZ,WAAWA;;0BACd,KAACY;gBAAIjB,MAAK;gBAAUK,WAAW,GAAGf,WAAW,MAAM,CAAC;0BACjDH,KAAK+B,GAAG,CAAC,CAACC,kBACT,KAACzB;wBAECC,QAAQwB,EAAE/B,GAAG;wBACbC,OAAO8B,EAAE9B,KAAK;wBACdO,QAAQmB,QAAQI,EAAE/B,GAAG;wBACrBS,UAAUmB;uBAJLG,EAAE/B,GAAG;;0BAShB,KAACF;gBAAkB2B,aAAaA;gBAAaF,cAAcA;;0BAE3D,MAACM;gBACCZ,WAAW,GAAGf,WAAW,SAAS,CAAC;gBACnCU,MAAK;gBACLC,IAAIR,QAAQsB;gBACZK,mBAAiB5B,MAAMuB;gBACvBX,UAAU;;oBAETW,QAAQ,wBAAU,KAAChC;oBACnBgC,QAAQ,yBACP,KAAC9B;wBACCwB,mBAAmBA;wBACnBC,kBAAkBA;wBAClBC,cAAcA;wBACdE,aAAaA;wBACbC,mBAAmBA;;oBAGtBC,QAAQ,4BAAc,KAAC/B;;;0BAG1B,KAACqC;gBAAmBZ,mBAAmBA;;;;AAG7C,GAAE;AAEF,qEAAqE;AACrE,uEAAuE;AACvE,MAAMY,qBAAqE,CAAC,EAC1EZ,iBAAiB,EAClB,iBACC,KAACQ;QAAIjB,MAAK;QAASsB,aAAU;QAASC,eAAY;QAAOlB,WAAU;kBAChEI,oBAAoB,CAAC,gBAAgB,EAAEA,mBAAmB,GAAG"}

package/dist/admin/sidebar/ValidationSummary.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type ValidationSummaryProps = {
+    blocksField: string;
+    onSelectPath: (path: string | null) => void;
+};
+export declare const ValidationSummary: React.FC<ValidationSummaryProps>;