@measured/puck 0.21.0-canary.7ed9655b → 0.21.0-canary.8358d3e1

package/dist/index.mjs

@@ -1,34 +1,45 @@
 import {
-  Action,
-  ActionBar,
   AutoField,
   Button,
   Drawer,
   DropZone,
   FieldLabel,
-  Group,
-  IconButton,
-  Label,
   Puck,
   Render,
-  blocksPlugin,
   createUsePuck,
-  fieldsPlugin,
-  outlinePlugin,
   overrideKeys,
   registerOverlayPortal,
   renderContext,
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-QOZ6ZSWO.mjs";
+} from "./chunk-N5XMZOMC.mjs";
 import {
-  init_react_import,
   migrate,
   resolveAllData,
-  transformProps,
+  transformProps
+} from "./chunk-C2TVYIYC.mjs";
+import "./chunk-FNWOH4R6.mjs";
+import "./chunk-WUWXFMEM.mjs";
+import {
+  Action,
+  ActionBar,
+  Group,
+  IconButton,
+  Label,
+  RichTextMenu,
+  Separator
+} from "./chunk-K3V4LVUL.mjs";
+import "./chunk-GQKMOYLG.mjs";
+import "./chunk-DNF2EMM4.mjs";
+import "./chunk-3QHWXJEI.mjs";
+import "./chunk-7KY6RHEY.mjs";
+import {
   walkTree
-} from "./chunk-IDP5ATXM.mjs";
+} from "./chunk-DJSH5REF.mjs";
+import {
+  init_react_import
+} from "./chunk-DCSQEDMK.mjs";
 
 // bundle/index.ts
 init_react_import();
@@ -45,11 +56,10 @@ export {
   Label,
   Puck,
   Render,
-  blocksPlugin,
+  RichTextMenu,
+  Separator,
   createUsePuck,
-  fieldsPlugin,
   migrate,
-  outlinePlugin,
   overrideKeys,
   registerOverlayPortal,
   renderContext,

package/dist/loaded-EV34KGYJ.mjs

@@ -0,0 +1,57 @@
+import {
+  useHeadingOptions
+} from "./chunk-DNF2EMM4.mjs";
+import {
+  Heading,
+  SelectControl,
+  useControlContext
+} from "./chunk-7KY6RHEY.mjs";
+import "./chunk-DJSH5REF.mjs";
+import {
+  init_react_import
+} from "./chunk-DCSQEDMK.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-HMSPJUZM.mjs

@@ -0,0 +1,54 @@
+import {
+  useListOptions
+} from "./chunk-3QHWXJEI.mjs";
+import {
+  List,
+  SelectControl,
+  useControlContext
+} from "./chunk-7KY6RHEY.mjs";
+import "./chunk-DJSH5REF.mjs";
+import {
+  init_react_import
+} from "./chunk-DCSQEDMK.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-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/loaded-ZXOU6S6R.mjs

@@ -0,0 +1,54 @@
+import {
+  useAlignOptions
+} from "./chunk-GQKMOYLG.mjs";
+import {
+  AlignLeft,
+  SelectControl,
+  useControlContext
+} from "./chunk-7KY6RHEY.mjs";
+import "./chunk-DJSH5REF.mjs";
+import {
+  init_react_import
+} from "./chunk-DCSQEDMK.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
+};