pagiera 0.2.0-alpha.58 → 0.2.0-alpha.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/full-editor.js +36 -32
  2. package/dist/full-editor.js.map +2 -2
  3. package/dist/full.css +1036 -1036
  4. package/dist/internal/app/p/editor/parts.d.ts.map +1 -1
  5. package/dist/internal/app/p/editor/parts.js +16 -16
  6. package/dist/internal/app/p/editor/parts.js.map +1 -1
  7. package/dist/internal/app/p/editor/ui/shell.d.ts.map +1 -1
  8. package/dist/internal/app/p/editor/ui/shell.js +4 -1
  9. package/dist/internal/app/p/editor/ui/shell.js.map +1 -1
  10. package/package.json +1 -1
package/dist/full-editor.js CHANGED
@@ -10250,38 +10250,42 @@ function EditorShell({
10250
10250
  page
10251
10251
  }) {
10252
10252
  const hidden = page ? "hidden" : "";
10253
- return /* @__PURE__ */ jsxs20("div", { className: "pg-editor flex h-screen w-full flex-col overflow-hidden bg-ed-frame font-sans text-xs text-ed-text selection:bg-[var(--ed-accent-soft)]", children: [
10254
- /* @__PURE__ */ jsxs20("header", { className: "relative z-40 grid h-12 shrink-0 grid-cols-[260px_minmax(0,1fr)_288px] items-center gap-2 bg-ed-frame px-2", children: [
10255
- /* @__PURE__ */ jsx24("div", { className: "flex min-w-0 items-center gap-1 px-1", children: toolbarLeft }),
10256
- /* @__PURE__ */ jsx24("div", { className: "scrollbar-none flex h-full min-w-0 items-end justify-start gap-1 overflow-x-auto px-1", children: toolbarCenter }),
10257
- /* @__PURE__ */ jsx24("div", { className: "flex min-w-0 items-center justify-end gap-1.5 px-1", children: toolbarRight })
10258
- ] }),
10259
- /* @__PURE__ */ jsxs20("div", { className: "flex min-h-0 flex-1 gap-2 overflow-hidden px-2 pb-2", children: [
10260
- /* @__PURE__ */ jsx24(
10261
- "nav",
10262
- {
10263
- "aria-label": "Editor panels",
10264
- className: "pg-on-nav z-50 flex w-[52px] shrink-0 flex-col items-center gap-1 rounded-2xl bg-ed-surface py-2.5 shadow-[var(--ed-panel-shadow)]",
10265
- children: rail
10266
- }
10267
- ),
10268
- page && /* @__PURE__ */ jsx24("section", { className: "min-w-0 flex-1 overflow-hidden rounded-2xl bg-ed-surface shadow-[var(--ed-panel-shadow)]", children: page }),
10269
- panelOpen && /* @__PURE__ */ jsx24("aside", { className: `pg-on-nav z-20 flex w-[260px] shrink-0 flex-col overflow-hidden rounded-2xl bg-ed-surface shadow-[var(--ed-panel-shadow)] ${hidden}`, children: panel }),
10270
- /* @__PURE__ */ jsxs20("div", { className: `relative flex min-w-0 flex-1 flex-col overflow-hidden rounded-2xl bg-ed-canvas shadow-[inset_0_0_0_1px_var(--ed-border)] ${hidden}`, children: [
10271
- /* @__PURE__ */ jsx24("div", { className: "flex flex-1 overflow-hidden", children: /* @__PURE__ */ jsx24(
10272
- "main",
10253
+ return (
10254
+ // `pg-scope` is the box the editor's stylesheet is confined to (see
10255
+ // scripts/build-full-css.mjs); it takes no space of its own.
10256
+ /* @__PURE__ */ jsx24("div", { className: "pg-scope", style: { display: "contents" }, children: /* @__PURE__ */ jsxs20("div", { className: "pg-editor flex h-screen w-full flex-col overflow-hidden bg-ed-frame font-sans text-xs text-ed-text selection:bg-[var(--ed-accent-soft)]", children: [
10257
+ /* @__PURE__ */ jsxs20("header", { className: "relative z-40 grid h-12 shrink-0 grid-cols-[260px_minmax(0,1fr)_288px] items-center gap-2 bg-ed-frame px-2", children: [
10258
+ /* @__PURE__ */ jsx24("div", { className: "flex min-w-0 items-center gap-1 px-1", children: toolbarLeft }),
10259
+ /* @__PURE__ */ jsx24("div", { className: "scrollbar-none flex h-full min-w-0 items-end justify-start gap-1 overflow-x-auto px-1", children: toolbarCenter }),
10260
+ /* @__PURE__ */ jsx24("div", { className: "flex min-w-0 items-center justify-end gap-1.5 px-1", children: toolbarRight })
10261
+ ] }),
10262
+ /* @__PURE__ */ jsxs20("div", { className: "flex min-h-0 flex-1 gap-2 overflow-hidden px-2 pb-2", children: [
10263
+ /* @__PURE__ */ jsx24(
10264
+ "nav",
10273
10265
  {
10274
- className: "pg-canvas-well relative flex min-w-0 flex-1 flex-col overflow-hidden",
10275
- onMouseDown: onCanvasBackgroundMouseDown,
10276
- children: canvas
10266
+ "aria-label": "Editor panels",
10267
+ className: "pg-on-nav z-50 flex w-[52px] shrink-0 flex-col items-center gap-1 rounded-2xl bg-ed-surface py-2.5 shadow-[var(--ed-panel-shadow)]",
10268
+ children: rail
10277
10269
  }
10278
- ) }),
10279
- dock && /* @__PURE__ */ jsx24("div", { className: "pointer-events-none absolute inset-x-0 bottom-4 z-30 flex justify-center px-4", children: /* @__PURE__ */ jsx24("div", { className: "pg-dock scrollbar-none pointer-events-auto flex max-w-full items-center gap-1 overflow-x-auto rounded-2xl bg-[color-mix(in_srgb,var(--ed-menu)_90%,transparent)] p-1.5 shadow-[var(--ed-dock-shadow)] backdrop-blur-xl scrollbar-none", children: dock }) }),
10280
- overlays
10281
- ] }),
10282
- inspectorVisible && !page && /* @__PURE__ */ jsx24("aside", { "aria-label": "Inspector", className: "z-10 flex w-[288px] shrink-0 flex-col overflow-hidden rounded-2xl bg-ed-surface shadow-[var(--ed-panel-shadow)]", children: inspector })
10283
- ] })
10284
- ] });
10270
+ ),
10271
+ page && /* @__PURE__ */ jsx24("section", { className: "min-w-0 flex-1 overflow-hidden rounded-2xl bg-ed-surface shadow-[var(--ed-panel-shadow)]", children: page }),
10272
+ panelOpen && /* @__PURE__ */ jsx24("aside", { className: `pg-on-nav z-20 flex w-[260px] shrink-0 flex-col overflow-hidden rounded-2xl bg-ed-surface shadow-[var(--ed-panel-shadow)] ${hidden}`, children: panel }),
10273
+ /* @__PURE__ */ jsxs20("div", { className: `relative flex min-w-0 flex-1 flex-col overflow-hidden rounded-2xl bg-ed-canvas shadow-[inset_0_0_0_1px_var(--ed-border)] ${hidden}`, children: [
10274
+ /* @__PURE__ */ jsx24("div", { className: "flex flex-1 overflow-hidden", children: /* @__PURE__ */ jsx24(
10275
+ "main",
10276
+ {
10277
+ className: "pg-canvas-well relative flex min-w-0 flex-1 flex-col overflow-hidden",
10278
+ onMouseDown: onCanvasBackgroundMouseDown,
10279
+ children: canvas
10280
+ }
10281
+ ) }),
10282
+ dock && /* @__PURE__ */ jsx24("div", { className: "pointer-events-none absolute inset-x-0 bottom-4 z-30 flex justify-center px-4", children: /* @__PURE__ */ jsx24("div", { className: "pg-dock scrollbar-none pointer-events-auto flex max-w-full items-center gap-1 overflow-x-auto rounded-2xl bg-[color-mix(in_srgb,var(--ed-menu)_90%,transparent)] p-1.5 shadow-[var(--ed-dock-shadow)] backdrop-blur-xl scrollbar-none", children: dock }) }),
10283
+ overlays
10284
+ ] }),
10285
+ inspectorVisible && !page && /* @__PURE__ */ jsx24("aside", { "aria-label": "Inspector", className: "z-10 flex w-[288px] shrink-0 flex-col overflow-hidden rounded-2xl bg-ed-surface shadow-[var(--ed-panel-shadow)]", children: inspector })
10286
+ ] })
10287
+ ] }) })
10288
+ );
10285
10289
  }
10286
10290
 
10287
10291
  // src/internal/app/p/editor/ui/settings-nav.tsx
@@ -15606,7 +15610,7 @@ function LayersPanel({
15606
15610
  children: [
15607
15611
  list,
15608
15612
  portalTarget && createPortal3(
15609
- /* @__PURE__ */ jsx35(
15613
+ /* @__PURE__ */ jsx35("div", { className: "pg-scope", style: { display: "contents" }, children: /* @__PURE__ */ jsx35(
15610
15614
  "div",
15611
15615
  {
15612
15616
  className: "pg-editor pointer-events-none fixed inset-0 z-[1000]",
@@ -15689,7 +15693,7 @@ function LayersPanel({
15689
15693
  );
15690
15694
  })() })
15691
15695
  }
15692
- ),
15696
+ ) }),
15693
15697
  portalTarget
15694
15698
  )
15695
15699
  ]