@measured/puck 0.21.0-canary.a5160e5d → 0.21.0-canary.a7a65997

package/dist/chunk-U4VSQKO3.mjs

@@ -0,0 +1,33 @@
+import {
+  List,
+  ListOrdered
+} from "./chunk-D2SRL6YA.mjs";
+import {
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/RichTextMenu/controls/ListSelect/use-options.ts
+init_react_import();
+import { useMemo } from "react";
+var optionNodes = {
+  ul: { label: "Bullet list", icon: List },
+  ol: { label: "Numbered list", icon: ListOrdered }
+};
+var useListOptions = (fieldOptions) => {
+  let blockOptions = [];
+  if ((fieldOptions == null ? void 0 : fieldOptions.listItem) !== false) {
+    blockOptions = ["ul", "ol"];
+  }
+  return useMemo(
+    () => blockOptions.map((item) => ({
+      value: item,
+      label: optionNodes[item].label,
+      icon: optionNodes[item].icon
+    })),
+    [blockOptions]
+  );
+};
+
+export {
+  useListOptions
+};

package/dist/chunk-V5I7CVLT.mjs

@@ -0,0 +1,103 @@
+import {
+  __spreadValues,
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/RichTextEditor/extension.ts
+init_react_import();
+import { Extension } from "@tiptap/core";
+import { Blockquote } from "@tiptap/extension-blockquote";
+import { Bold } from "@tiptap/extension-bold";
+import { Code } from "@tiptap/extension-code";
+import { CodeBlock } from "@tiptap/extension-code-block";
+import { Document } from "@tiptap/extension-document";
+import { HardBreak } from "@tiptap/extension-hard-break";
+import { Heading } from "@tiptap/extension-heading";
+import { HorizontalRule } from "@tiptap/extension-horizontal-rule";
+import { Italic } from "@tiptap/extension-italic";
+import { Link } from "@tiptap/extension-link";
+import {
+  BulletList,
+  ListItem,
+  ListKeymap,
+  OrderedList
+} from "@tiptap/extension-list";
+import { Paragraph } from "@tiptap/extension-paragraph";
+import { Strike } from "@tiptap/extension-strike";
+import { Text } from "@tiptap/extension-text";
+import TextAlign from "@tiptap/extension-text-align";
+import { Underline } from "@tiptap/extension-underline";
+var defaultPuckRichTextOptions = {
+  textAlign: {
+    types: ["heading", "paragraph"]
+  }
+};
+var PuckRichText = Extension.create({
+  name: "puckRichText",
+  addExtensions() {
+    const extensions = [];
+    const options = __spreadValues(__spreadValues({}, this.options), defaultPuckRichTextOptions);
+    if (options.bold !== false) {
+      extensions.push(Bold.configure(options.bold));
+    }
+    if (options.blockquote !== false) {
+      extensions.push(Blockquote.configure(options.blockquote));
+    }
+    if (options.bulletList !== false) {
+      extensions.push(BulletList.configure(options.bulletList));
+    }
+    if (options.code !== false) {
+      extensions.push(Code.configure(options.code));
+    }
+    if (options.codeBlock !== false) {
+      extensions.push(CodeBlock.configure(options.codeBlock));
+    }
+    if (options.document !== false) {
+      extensions.push(Document.configure(options.document));
+    }
+    if (options.hardBreak !== false) {
+      extensions.push(HardBreak.configure(options.hardBreak));
+    }
+    if (options.heading !== false) {
+      extensions.push(Heading.configure(options.heading));
+    }
+    if (options.horizontalRule !== false) {
+      extensions.push(HorizontalRule.configure(options.horizontalRule));
+    }
+    if (options.italic !== false) {
+      extensions.push(Italic.configure(options.italic));
+    }
+    if (options.listItem !== false) {
+      extensions.push(ListItem.configure(options.listItem));
+    }
+    if (options.listKeymap !== false) {
+      extensions.push(ListKeymap.configure(options == null ? void 0 : options.listKeymap));
+    }
+    if (options.link !== false) {
+      extensions.push(Link.configure(options == null ? void 0 : options.link));
+    }
+    if (options.orderedList !== false) {
+      extensions.push(OrderedList.configure(options.orderedList));
+    }
+    if (options.paragraph !== false) {
+      extensions.push(Paragraph.configure(options.paragraph));
+    }
+    if (options.strike !== false) {
+      extensions.push(Strike.configure(options.strike));
+    }
+    if (options.text !== false) {
+      extensions.push(Text.configure(options.text));
+    }
+    if (options.textAlign !== false) {
+      extensions.push(TextAlign.configure(options.textAlign));
+    }
+    if (options.underline !== false) {
+      extensions.push(Underline.configure(options == null ? void 0 : options.underline));
+    }
+    return extensions;
+  }
+});
+
+export {
+  PuckRichText
+};

package/dist/chunk-Y2EFNT5P.mjs

@@ -0,0 +1,108 @@
+import {
+  __commonJS,
+  __spreadValues,
+  __toESM,
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// ../../node_modules/classnames/index.js
+var require_classnames = __commonJS({
+  "../../node_modules/classnames/index.js"(exports, module) {
+    "use strict";
+    init_react_import();
+    (function() {
+      "use strict";
+      var hasOwn = {}.hasOwnProperty;
+      function classNames() {
+        var classes = "";
+        for (var i = 0; i < arguments.length; i++) {
+          var arg = arguments[i];
+          if (arg) {
+            classes = appendClass(classes, parseValue(arg));
+          }
+        }
+        return classes;
+      }
+      function parseValue(arg) {
+        if (typeof arg === "string" || typeof arg === "number") {
+          return arg;
+        }
+        if (typeof arg !== "object") {
+          return "";
+        }
+        if (Array.isArray(arg)) {
+          return classNames.apply(null, arg);
+        }
+        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+          return arg.toString();
+        }
+        var classes = "";
+        for (var key in arg) {
+          if (hasOwn.call(arg, key) && arg[key]) {
+            classes = appendClass(classes, key);
+          }
+        }
+        return classes;
+      }
+      function appendClass(value, newClass) {
+        if (!newClass) {
+          return value;
+        }
+        if (value) {
+          return value + " " + newClass;
+        }
+        return value + newClass;
+      }
+      if (typeof module !== "undefined" && module.exports) {
+        classNames.default = classNames;
+        module.exports = classNames;
+      } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
+        define("classnames", [], function() {
+          return classNames;
+        });
+      } else {
+        window.classNames = classNames;
+      }
+    })();
+  }
+});
+
+// lib/get-class-name-factory.ts
+init_react_import();
+var import_classnames = __toESM(require_classnames());
+var getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (options = {}) => {
+  if (typeof options === "string") {
+    const descendant = options;
+    const style = styles[`${rootClass}-${descendant}`];
+    if (style) {
+      return config.baseClass + styles[`${rootClass}-${descendant}`] || "";
+    }
+    return "";
+  } else if (typeof options === "object") {
+    const modifiers = options;
+    const prefixedModifiers = {};
+    for (let modifier in modifiers) {
+      prefixedModifiers[styles[`${rootClass}--${modifier}`]] = modifiers[modifier];
+    }
+    const c = styles[rootClass];
+    return config.baseClass + (0, import_classnames.default)(__spreadValues({
+      [c]: !!c
+    }, prefixedModifiers));
+  } else {
+    return config.baseClass + styles[rootClass] || "";
+  }
+};
+var get_class_name_factory_default = getClassNameFactory;
+
+export {
+  get_class_name_factory_default
+};
+/*! Bundled license information:
+
+classnames/index.js:
+  (*!
+  	Copyright (c) 2018 Jed Watson.
+  	Licensed under the MIT License (MIT), see
+  	http://jedwatson.github.io/classnames
+  *)
+*/

package/dist/full-2GJTAAZE.css

@@ -0,0 +1,301 @@
+/* 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/IconButton/IconButton.module.css/#css-module-data */
+._IconButton_ffob9_1 {
+  align-items: center;
+  background: transparent;
+  border: none;
+  border-radius: 4px;
+  color: currentColor;
+  display: flex;
+  font-family: var(--puck-font-family);
+  justify-content: center;
+  padding: 4px;
+  transition: background-color 50ms ease-in, color 50ms ease-in;
+}
+._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_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_ffob9_1:active {
+  background: var(--puck-color-azure-11);
+  transition: none;
+}
+._IconButton-title_ffob9_37 {
+  clip: rect(0 0 0 0);
+  clip-path: inset(100%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+._IconButton--disabled_ffob9_24 {
+  color: var(--puck-color-grey-07);
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Loader/styles.module.css/#css-module-data */
+@keyframes _loader-animation_nacdm_1 {
+  0% {
+    transform: rotate(0deg) scale(1);
+  }
+  50% {
+    transform: rotate(180deg) scale(0.8);
+  }
+  100% {
+    transform: rotate(360deg) scale(1);
+  }
+}
+._Loader_nacdm_13 {
+  background: transparent;
+  border-radius: 100%;
+  border: 2px solid currentColor;
+  border-bottom-color: transparent;
+  display: inline-block;
+  animation: _loader-animation_nacdm_1 1s 0s infinite linear;
+  animation-fill-mode: both;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
+._ActionBar_1nmyk_1 {
+  align-items: center;
+  cursor: default;
+  display: flex;
+  width: auto;
+  padding: 4px;
+  padding-inline-start: 0;
+  padding-inline-end: 0;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  border-radius: 8px;
+  background: var(--puck-color-grey-01);
+  color: var(--puck-color-white);
+  font-family: var(--puck-font-family);
+  min-height: 26px;
+}
+._ActionBar-label_1nmyk_18 {
+  color: var(--puck-color-grey-08);
+  font-size: var(--puck-font-size-xxxs);
+  font-weight: 500;
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
+  margin-inline-start: 4px;
+  margin-inline-end: 4px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._ActionBarAction_1nmyk_30 + ._ActionBar-label_1nmyk_18 {
+  padding-inline-start: 0;
+}
+._ActionBar-label_1nmyk_18 + ._ActionBarAction_1nmyk_30 {
+  margin-inline-start: -4px;
+}
+._ActionBar-group_1nmyk_38 {
+  align-items: center;
+  border-inline-start: 0.5px solid var(--puck-color-grey-05);
+  display: flex;
+  height: 100%;
+  padding-inline-start: 4px;
+  padding-inline-end: 4px;
+}
+._ActionBar-group_1nmyk_38:first-of-type {
+  border-inline-start: 0;
+}
+._ActionBar-group_1nmyk_38:empty {
+  display: none;
+}
+._ActionBarAction_1nmyk_30 {
+  background: transparent;
+  border: none;
+  color: var(--puck-color-grey-08);
+  cursor: pointer;
+  padding: 6px;
+  margin-inline-start: 4px;
+  margin-inline-end: 4px;
+  border-radius: 4px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: color 50ms ease-in;
+}
+._ActionBarAction--disabled_1nmyk_71 {
+  cursor: auto;
+  color: var(--puck-color-grey-06);
+}
+._ActionBarAction_1nmyk_30 svg {
+  max-width: none !important;
+}
+._ActionBarAction_1nmyk_30:focus-visible {
+  outline: 2px solid var(--puck-color-azure-05);
+  outline-offset: -2px;
+}
+@media (hover: hover) and (pointer: fine) {
+  ._ActionBarAction_1nmyk_30:hover:not(._ActionBarAction--disabled_1nmyk_71) {
+    color: var(--puck-color-azure-06);
+    transition: none;
+  }
+}
+._ActionBarAction_1nmyk_30:active:not(._ActionBarAction--disabled_1nmyk_71),
+._ActionBarAction--active_1nmyk_93 {
+  color: var(--puck-color-azure-07);
+  transition: none;
+}
+._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/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);
+}

package/dist/full-L7DWVNTZ.mjs

@@ -0,0 +1,93 @@
+import {
+  LoadedRichTextMenuInner
+} from "./chunk-BXQQARCR.mjs";
+import "./chunk-LJEGWHDD.mjs";
+import "./chunk-5ZZVX2Z3.mjs";
+import "./chunk-U4VSQKO3.mjs";
+import "./chunk-D2SRL6YA.mjs";
+import "./chunk-23IZFPL7.mjs";
+import "./chunk-45I5SDOI.mjs";
+import "./chunk-Y2EFNT5P.mjs";
+import "./chunk-B7REOAA7.mjs";
+import {
+  __spreadValues,
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/RichTextMenu/full.tsx
+init_react_import();
+import { useEditorState } from "@tiptap/react";
+import { useMemo } from "react";
+
+// components/RichTextEditor/selector.ts
+init_react_import();
+var defaultEditorState = (ctx, readOnly) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B;
+  const editor = ctx.editor;
+  if (!editor) return {};
+  const canChain = () => editor.can().chain();
+  return {
+    isAlignLeft: editor.isActive({ textAlign: "left" }),
+    canAlignLeft: !readOnly && ((_b = (_a = canChain()).setTextAlign) == null ? void 0 : _b.call(_a, "left").run()),
+    isAlignCenter: editor.isActive({ textAlign: "center" }),
+    canAlignCenter: !readOnly && ((_d = (_c = canChain()).setTextAlign) == null ? void 0 : _d.call(_c, "center").run()),
+    isAlignRight: editor.isActive({ textAlign: "right" }),
+    canAlignRight: !readOnly && ((_f = (_e = canChain()).setTextAlign) == null ? void 0 : _f.call(_e, "right").run()),
+    isAlignJustify: editor.isActive({ textAlign: "justify" }),
+    canAlignJustify: !readOnly && ((_h = (_g = canChain()).setTextAlign) == null ? void 0 : _h.call(_g, "justify").run()),
+    isBold: editor.isActive("bold"),
+    canBold: !readOnly && ((_j = (_i = canChain()).toggleBold) == null ? void 0 : _j.call(_i).run()),
+    isItalic: editor.isActive("italic"),
+    canItalic: !readOnly && ((_l = (_k = canChain()).toggleItalic) == null ? void 0 : _l.call(_k).run()),
+    isUnderline: editor.isActive("underline"),
+    canUnderline: !readOnly && ((_n = (_m = canChain()).toggleUnderline) == null ? void 0 : _n.call(_m).run()),
+    isStrike: editor.isActive("strike"),
+    canStrike: !readOnly && ((_p = (_o = canChain()).toggleStrike) == null ? void 0 : _p.call(_o).run()),
+    isInlineCode: editor.isActive("code"),
+    canInlineCode: !readOnly && ((_r = (_q = canChain()).toggleCode) == null ? void 0 : _r.call(_q).run()),
+    isBulletList: editor.isActive("bulletList"),
+    canBulletList: !readOnly && ((_t = (_s = canChain()).toggleBulletList) == null ? void 0 : _t.call(_s).run()),
+    isOrderedList: editor.isActive("orderedList"),
+    canOrderedList: !readOnly && ((_v = (_u = canChain()).toggleOrderedList) == null ? void 0 : _v.call(_u).run()),
+    isCodeBlock: editor.isActive("codeBlock"),
+    canCodeBlock: !readOnly && ((_x = (_w = canChain()).toggleCodeBlock) == null ? void 0 : _x.call(_w).run()),
+    isBlockquote: editor.isActive("blockquote"),
+    canBlockquote: !readOnly && ((_z = (_y = canChain()).toggleBlockquote) == null ? void 0 : _z.call(_y).run()),
+    canHorizontalRule: !readOnly && ((_B = (_A = canChain()).setHorizontalRule) == null ? void 0 : _B.call(_A).run())
+  };
+};
+
+// components/RichTextMenu/full.tsx
+import { jsx } from "react/jsx-runtime";
+var LoadedRichTextMenuFull = ({
+  editor,
+  field,
+  readOnly,
+  inline
+}) => {
+  const { tiptap = {} } = field;
+  const { selector } = tiptap;
+  const resolvedSelector = useMemo(() => {
+    return (ctx) => __spreadValues(__spreadValues({}, defaultEditorState(ctx, readOnly)), selector ? selector(ctx, readOnly) : {});
+  }, [selector, readOnly]);
+  const editorState = useEditorState({
+    editor,
+    selector: resolvedSelector
+  });
+  if (!editor || !editorState) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    LoadedRichTextMenuInner,
+    {
+      editor,
+      editorState,
+      field,
+      readOnly,
+      inline
+    }
+  );
+};
+export {
+  LoadedRichTextMenuFull
+};