@measured/puck 0.21.0-canary.ec77dd9f → 0.21.0-canary.ece26d91

package/dist/internal.mjs

@@ -0,0 +1,13 @@
+import {
+  createReducer
+} from "./chunk-QBGM4ELA.mjs";
+import "./chunk-NLUHDYVR.mjs";
+import {
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// bundle/internal.ts
+init_react_import();
+export {
+  createReducer
+};

package/dist/loaded-JU3A7Y4L.mjs

@@ -0,0 +1,57 @@
+import {
+  useAlignOptions
+} from "./chunk-PLXSMBAA.mjs";
+import {
+  AlignLeft,
+  SelectControl,
+  useControlContext
+} from "./chunk-DAQLMM2T.mjs";
+import "./chunk-QBGM4ELA.mjs";
+import "./chunk-T3WX7XJ6.mjs";
+import "./chunk-Y2EFNT5P.mjs";
+import "./chunk-NLUHDYVR.mjs";
+import {
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/RichTextMenu/controls/AlignSelect/loaded.tsx
+init_react_import();
+import { useEditorState } from "@tiptap/react";
+import { jsx } from "react/jsx-runtime";
+function AlignSelectLoaded() {
+  var _a;
+  const { options } = useControlContext();
+  const alignOptions = useAlignOptions(options);
+  const { editor } = useControlContext();
+  const currentValue = (_a = useEditorState({
+    editor,
+    selector: (ctx) => {
+      var _a2, _b, _c, _d;
+      if ((_a2 = ctx.editor) == null ? void 0 : _a2.isActive({ textAlign: "center" })) {
+        return "center";
+      } else if ((_b = ctx.editor) == null ? void 0 : _b.isActive({ textAlign: "right" })) {
+        return "right";
+      } else if ((_c = ctx.editor) == null ? void 0 : _c.isActive({ textAlign: "justify" })) {
+        return "justify";
+      }
+      return (options == null ? void 0 : options.textAlign) ? (_d = options.textAlign.defaultAlignment) != null ? _d : "left" : "left";
+    }
+  })) != null ? _a : "left";
+  const handleChange = (val) => {
+    const chain = editor == null ? void 0 : editor.chain();
+    chain == null ? void 0 : chain.focus().setTextAlign(val).run();
+  };
+  return /* @__PURE__ */ jsx(
+    SelectControl,
+    {
+      options: alignOptions,
+      onChange: handleChange,
+      value: currentValue,
+      defaultValue: "left",
+      renderDefaultIcon: AlignLeft
+    }
+  );
+}
+export {
+  AlignSelectLoaded
+};

package/dist/loaded-N3FYGF2Y.mjs

@@ -0,0 +1,57 @@
+import {
+  useListOptions
+} from "./chunk-QAWJTCV5.mjs";
+import {
+  List,
+  SelectControl,
+  useControlContext
+} from "./chunk-DAQLMM2T.mjs";
+import "./chunk-QBGM4ELA.mjs";
+import "./chunk-T3WX7XJ6.mjs";
+import "./chunk-Y2EFNT5P.mjs";
+import "./chunk-NLUHDYVR.mjs";
+import {
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/RichTextMenu/controls/ListSelect/loaded.tsx
+init_react_import();
+import { useEditorState } from "@tiptap/react";
+import { jsx } from "react/jsx-runtime";
+function ListSelectLoaded() {
+  const { options } = useControlContext();
+  const listOptions = useListOptions(options);
+  const { editor } = useControlContext();
+  const currentValue = useEditorState({
+    editor,
+    selector: (ctx) => {
+      var _a, _b;
+      if ((_a = ctx.editor) == null ? void 0 : _a.isActive("bulletList")) return "ul";
+      if ((_b = ctx.editor) == null ? void 0 : _b.isActive("orderedList")) return "ol";
+      return "p";
+    }
+  });
+  const handleChange = (val) => {
+    const chain = editor == null ? void 0 : editor.chain();
+    if (val === "p") {
+      chain == null ? void 0 : chain.focus().setParagraph().run();
+    } else if (val === "ol") {
+      chain == null ? void 0 : chain.focus().toggleOrderedList().run();
+    } else if (val === "ul") {
+      chain == null ? void 0 : chain.focus().toggleBulletList().run();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    SelectControl,
+    {
+      options: listOptions,
+      onChange: handleChange,
+      value: currentValue != null ? currentValue : "p",
+      defaultValue: "p",
+      renderDefaultIcon: List
+    }
+  );
+}
+export {
+  ListSelectLoaded
+};

package/dist/loaded-OBY7OMS6.mjs

@@ -0,0 +1,60 @@
+import {
+  useHeadingOptions
+} from "./chunk-62AAYNXG.mjs";
+import {
+  Heading,
+  SelectControl,
+  useControlContext
+} from "./chunk-DAQLMM2T.mjs";
+import "./chunk-QBGM4ELA.mjs";
+import "./chunk-T3WX7XJ6.mjs";
+import "./chunk-Y2EFNT5P.mjs";
+import "./chunk-NLUHDYVR.mjs";
+import {
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/RichTextMenu/controls/HeadingSelect/loaded.tsx
+init_react_import();
+import { useEditorState } from "@tiptap/react";
+import { jsx } from "react/jsx-runtime";
+function HeadingSelectLoaded() {
+  const { options } = useControlContext();
+  const headingOptions = useHeadingOptions(options);
+  const { editor } = useControlContext();
+  const currentValue = useEditorState({
+    editor,
+    selector: (ctx) => {
+      var _a, _b;
+      if ((_a = ctx.editor) == null ? void 0 : _a.isActive("paragraph")) return "p";
+      for (let level = 1; level <= 6; level++) {
+        if ((_b = ctx.editor) == null ? void 0 : _b.isActive("heading", { level })) {
+          return `h${level}`;
+        }
+      }
+      return "p";
+    }
+  });
+  const handleChange = (val) => {
+    const chain = editor == null ? void 0 : editor.chain();
+    if (val === "p") {
+      chain == null ? void 0 : chain.focus().setParagraph().run();
+    } else {
+      const level = parseInt(val.replace("h", ""), 10);
+      chain == null ? void 0 : chain.focus().toggleHeading({ level }).run();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    SelectControl,
+    {
+      options: headingOptions,
+      onChange: handleChange,
+      value: currentValue != null ? currentValue : "p",
+      defaultValue: "p",
+      renderDefaultIcon: Heading
+    }
+  );
+}
+export {
+  HeadingSelectLoaded
+};

package/dist/loaded-RVWBFK7L.css

@@ -0,0 +1,87 @@
+/* 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);
+}

package/dist/no-external.css

@@ -145,7 +145,7 @@
 /* bundle/no-external.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;
@@ -161,7 +161,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;
@@ -172,13 +172,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;
@@ -186,18 +186,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;
@@ -207,26 +207,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 {
@@ -543,7 +554,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;
@@ -555,23 +566,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;
@@ -580,7 +594,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);
 }
 
@@ -1082,6 +1096,248 @@ textarea._Input-input_bsxfo_26 {
   padding-inline-start: 8px;
 }
 
+/* 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/RichTextEditor/styles.module.css/#css-module-data */
+._RichTextEditor_1elol_1 .ProseMirror {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  cursor: text;
+  outline: none;
+  position: relative;
+}
+._RichTextEditor_1elol_1 .rich-text * {
+  white-space: pre-wrap;
+  user-select: auto;
+  -webkit-user-select: auto;
+}
+._RichTextEditor_1elol_1 .rich-text blockquote {
+  margin: 1em 0;
+  padding: 0 1em;
+  border-left: 4px solid var(--puck-color-grey-09);
+}
+._RichTextEditor_1elol_1 .rich-text code {
+  background-color: var(--puck-color-grey-11);
+  padding: 4px 8px;
+  border-radius: 4px;
+}
+._RichTextEditor_1elol_1 .rich-text p:empty::before {
+  content: "\a0";
+}
+._RichTextEditor_1elol_1 .rich-text pre code {
+  display: block;
+  padding: 8px 12px;
+}
+._RichTextEditor_1elol_1 .rich-text > *:first-child,
+._RichTextEditor_1elol_1 .ProseMirror > *:first-child,
+._RichTextEditor_1elol_1 .rich-text * p:first-of-type {
+  margin-top: 0;
+}
+._RichTextEditor_1elol_1 .rich-text > *:last-child,
+._RichTextEditor_1elol_1 .ProseMirror > *:last-child,
+._RichTextEditor_1elol_1 .rich-text * p:last-of-type {
+  margin-bottom: 0;
+}
+._RichTextEditor--editor_1elol_50 {
+  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;
+  display: flex;
+  flex-direction: column;
+  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_1elol_50 .rich-text {
+  flex-grow: 1;
+}
+._RichTextEditor--editor_1elol_50 .rich-text:not(:has(.ProseMirror)),
+._RichTextEditor--editor_1elol_50 .rich-text .ProseMirror {
+  height: 100%;
+  padding: 12px 15px;
+}
+._RichTextEditor--editor_1elol_50 .rich-text ul,
+._RichTextEditor--editor_1elol_50 .rich-text ol {
+  padding-left: 24px;
+}
+._RichTextEditor--editor_1elol_50 .rich-text li {
+  line-height: 1.5;
+}
+._RichTextEditor--editor_1elol_50 .rich-text p {
+  margin-block: 12px;
+}
+._RichTextEditor--editor_1elol_50 .rich-text ul {
+  list-style: disc;
+}
+._RichTextEditor--editor_1elol_50 .rich-text ol {
+  list-style: decimal;
+}
+._RichTextEditor--editor_1elol_50:focus-within {
+  border-color: var(--puck-color-grey-05);
+  outline: 2px solid var(--puck-color-azure-05);
+  transition: none;
+}
+._RichTextEditor--editor_1elol_50._RichTextEditor--disabled_1elol_106 {
+  background: var(--puck-color-grey-11);
+}
+._RichTextEditor_1elol_1:not(:focus-within):not(._RichTextEditor--isActive_1elol_110) .ProseMirror ::selection {
+  background-color: transparent;
+}
+._RichTextEditor-menu_1elol_116 {
+  border-bottom: 1px solid var(--puck-color-grey-10);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+._RichTextEditor--disabled_1elol_106 ._RichTextEditor-menu_1elol_116 {
+  border-bottom: 1px solid var(--puck-color-grey-09);
+}
+
 /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data */
 ._ObjectField_1ua3y_5 {
   display: flex;
@@ -1324,7 +1580,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;
 }