@multiplatform.one/rich-text 6.0.0

package/dist/jsx/toolbar/CodeBlockBubble.native.js

@@ -0,0 +1,228 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var CodeBlockBubble_exports = {};
+__export(CodeBlockBubble_exports, {
+  CodeBlockBubble: () => CodeBlockBubble
+});
+module.exports = __toCommonJS(CodeBlockBubble_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_menus = require("@tiptap/react/menus");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_styled = require("../styled.native.js");
+var import_ToolbarButton = require("./ToolbarButton.native.js");
+var LANGUAGES = [{
+  value: null,
+  label: "Plain text"
+}, {
+  value: "bash",
+  label: "Bash"
+}, {
+  value: "c",
+  label: "C"
+}, {
+  value: "cpp",
+  label: "C++"
+}, {
+  value: "csharp",
+  label: "C#"
+}, {
+  value: "css",
+  label: "CSS"
+}, {
+  value: "go",
+  label: "Go"
+}, {
+  value: "graphql",
+  label: "GraphQL"
+}, {
+  value: "java",
+  label: "Java"
+}, {
+  value: "javascript",
+  label: "JavaScript"
+}, {
+  value: "json",
+  label: "JSON"
+}, {
+  value: "kotlin",
+  label: "Kotlin"
+}, {
+  value: "markdown",
+  label: "Markdown"
+}, {
+  value: "php",
+  label: "PHP"
+}, {
+  value: "python",
+  label: "Python"
+}, {
+  value: "ruby",
+  label: "Ruby"
+}, {
+  value: "rust",
+  label: "Rust"
+}, {
+  value: "scss",
+  label: "SCSS"
+}, {
+  value: "sql",
+  label: "SQL"
+}, {
+  value: "swift",
+  label: "Swift"
+}, {
+  value: "typescript",
+  label: "TypeScript"
+}, {
+  value: "xml",
+  label: "XML / HTML"
+}, {
+  value: "yaml",
+  label: "YAML"
+}];
+function TrashIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("polyline", {
+      points: "3 6 5 6 21 6"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
+    })]
+  });
+}
+function CodeBlockBubble(param) {
+  var {
+    editor
+  } = param;
+  var _ref, _ref1, _ref2;
+  var _editor_getAttributes, _LANGUAGES_find;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [langOpen, setLangOpen] = (0, import_react.useState)(false);
+  var currentLang = (_ref = editor === null || editor === void 0 ? void 0 : (_editor_getAttributes = editor.getAttributes("codeBlock")) === null || _editor_getAttributes === void 0 ? void 0 : _editor_getAttributes.language) !== null && _ref !== void 0 ? _ref : null;
+  var currentLabel = (_ref1 = (_ref2 = (_LANGUAGES_find = LANGUAGES.find(function (l) {
+    return l.value === currentLang;
+  })) === null || _LANGUAGES_find === void 0 ? void 0 : _LANGUAGES_find.label) !== null && _ref2 !== void 0 ? _ref2 : currentLang) !== null && _ref1 !== void 0 ? _ref1 : "Plain text";
+  var setLanguage = (0, import_react.useCallback)(function (lang) {
+    if (!editor) return;
+    editor.chain().focus().updateAttributes("codeBlock", {
+      language: lang
+    }).run();
+    setLangOpen(false);
+  }, [editor]);
+  var removeCodeBlock = (0, import_react.useCallback)(function () {
+    if (!editor) return;
+    editor.chain().focus().toggleCodeBlock().run();
+  }, [editor]);
+  if (!editor) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menus.BubbleMenu, {
+    editor,
+    shouldShow: function shouldShow(param2) {
+      var {
+        editor: e
+      } = param2;
+      return e.isActive("codeBlock");
+    },
+    options: {
+      placement: "top-start"
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      padding: "$1",
+      gap: "$1",
+      alignItems: "center",
+      elevation: knobProps.elevation,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+        open: langOpen,
+        onOpenChange: setLangOpen,
+        placement: "bottom-start",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+          asChild: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarDropdownButton, {
+            onPress: function onPress() {
+              return setLangOpen(true);
+            },
+            "aria-label": "Select language",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontSize: 12,
+              children: currentLabel
+            })
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {
+          ...knobProps.panelPadding,
+          backgroundColor: "$background",
+          borderWidth: 1,
+          borderColor: "$borderColor",
+          borderRadius: knobProps.borderRadius.borderRadius,
+          elevation: knobProps.elevation,
+          enterStyle: {
+            opacity: 0,
+            y: -5
+          },
+          exitStyle: {
+            opacity: 0,
+            y: -5
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+            gap: "$0.5",
+            minWidth: 160,
+            maxHeight: 280,
+            overflow: "scroll",
+            children: LANGUAGES.map(function (lang) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
+                active: currentLang === lang.value,
+                onPress: function onPress() {
+                  return setLanguage(lang.value);
+                },
+                "aria-label": lang.label,
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                  fontSize: 13,
+                  children: lang.label
+                })
+              }, lang.label);
+            })
+          })
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+        onPress: removeCodeBlock,
+        "aria-label": "Remove code block",
+        tooltip: "Remove code block",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TrashIcon, {})
+      })]
+    })
+  });
+}
+//# sourceMappingURL=CodeBlockBubble.native.js.map

package/dist/jsx/toolbar/CodeBlockBubble.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","CodeBlockBubble_exports","CodeBlockBubble","module","exports","import_jsx_runtime","require","import_react","import_menus","import_theme","import_tamagui","import_styled","import_ToolbarButton","LANGUAGES","label","TrashIcon","jsxs"],"sources":["../../../src/toolbar/CodeBlockBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/toolbar/ColorPicker.mjs

@@ -0,0 +1,191 @@
+import { useCallback, useState } from "react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Popover, Text, View, XStack, YStack } from "tamagui";
+import { TEXT_COLORS, HIGHLIGHT_COLORS } from "../constants.mjs";
+import { ToolbarButton } from "./ToolbarButton.mjs";
+import { TextColorIcon, HighlightIcon } from "./icons.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ColorSwatch({
+  color,
+  isSelected,
+  onPress,
+  isNone
+}) {
+  return /* @__PURE__ */jsx(View, {
+    width: 24,
+    height: 24,
+    borderRadius: 4,
+    backgroundColor: color || "$background",
+    borderWidth: isSelected ? 2 : 1,
+    borderColor: isSelected ? "$blue10" : "$color6",
+    cursor: "pointer",
+    hoverStyle: {
+      opacity: 0.8
+    },
+    pressStyle: {
+      scale: 0.95
+    },
+    onPress,
+    alignItems: "center",
+    justifyContent: "center",
+    "aria-label": isNone ? "Remove color" : `Color ${color}`,
+    children: isNone && /* @__PURE__ */jsx(View, {
+      position: "absolute",
+      width: 20,
+      height: 2,
+      backgroundColor: "$red10",
+      transform: [{
+        rotate: "45deg"
+      }]
+    })
+  });
+}
+function ColorGrid({
+  title,
+  colors,
+  selectedColor,
+  onSelect,
+  maxWidth
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    children: [/* @__PURE__ */jsx(Text, {
+      fontSize: knobProps.sizeToken,
+      fontWeight: "600",
+      children: title
+    }), /* @__PURE__ */jsx(XStack, {
+      flexWrap: "wrap",
+      gap: "$1",
+      maxWidth,
+      children: colors.map(c => /* @__PURE__ */jsx(ColorSwatch, {
+        color: c.value,
+        isSelected: selectedColor === c.value,
+        isNone: c.value === null,
+        onPress: () => onSelect(c.value)
+      }, c.name))
+    })]
+  });
+}
+function TextColorPicker({
+  editorRef,
+  state,
+  disabled
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [open, setOpen] = useState(false);
+  const handleSelect = useCallback(color => {
+    editorRef.current?.executeCommand("textColor", {
+      color
+    });
+    setOpen(false);
+  }, [editorRef]);
+  return /* @__PURE__ */jsxs(Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom",
+    children: [/* @__PURE__ */jsx(Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */jsx(ToolbarButton, {
+        active: !!state.textColor,
+        disabled,
+        onPress: () => setOpen(true),
+        "aria-label": "Text Color",
+        tooltip: "Text Color",
+        children: /* @__PURE__ */jsx(TextColorIcon, {
+          color: state.textColor
+        })
+      })
+    }), /* @__PURE__ */jsxs(Popover.Content, {
+      ...knobProps.panelPadding,
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      elevation: knobProps.elevation,
+      enterStyle: {
+        opacity: 0,
+        y: -5
+      },
+      exitStyle: {
+        opacity: 0,
+        y: -5
+      },
+      children: [/* @__PURE__ */jsx(Popover.Arrow, {
+        borderColor: "$borderColor",
+        backgroundColor: "$background"
+      }), /* @__PURE__ */jsx(ColorGrid, {
+        title: "Text Color",
+        colors: TEXT_COLORS,
+        selectedColor: state.textColor,
+        onSelect: handleSelect,
+        maxWidth: 160
+      })]
+    })]
+  });
+}
+function HighlightColorPicker({
+  editorRef,
+  state,
+  disabled
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [open, setOpen] = useState(false);
+  const handleSelect = useCallback(color => {
+    editorRef.current?.executeCommand("highlight", {
+      color
+    });
+    setOpen(false);
+  }, [editorRef]);
+  return /* @__PURE__ */jsxs(Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom",
+    children: [/* @__PURE__ */jsx(Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */jsx(ToolbarButton, {
+        active: !!state.highlightColor,
+        disabled,
+        onPress: () => setOpen(true),
+        "aria-label": "Highlight Color",
+        tooltip: "Highlight",
+        children: /* @__PURE__ */jsx(HighlightIcon, {
+          color: state.highlightColor
+        })
+      })
+    }), /* @__PURE__ */jsxs(Popover.Content, {
+      ...knobProps.panelPadding,
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      elevation: knobProps.elevation,
+      enterStyle: {
+        opacity: 0,
+        y: -5
+      },
+      exitStyle: {
+        opacity: 0,
+        y: -5
+      },
+      children: [/* @__PURE__ */jsx(Popover.Arrow, {
+        borderColor: "$borderColor",
+        backgroundColor: "$background"
+      }), /* @__PURE__ */jsx(ColorGrid, {
+        title: "Highlight",
+        colors: HIGHLIGHT_COLORS,
+        selectedColor: state.highlightColor,
+        onSelect: handleSelect,
+        maxWidth: 130
+      })]
+    })]
+  });
+}
+export { HighlightColorPicker, TextColorPicker };
+//# sourceMappingURL=ColorPicker.mjs.map

package/dist/jsx/toolbar/ColorPicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","useResolvedKnobs","Popover","Text","View","XStack","YStack","TEXT_COLORS","HIGHLIGHT_COLORS","ToolbarButton","TextColorIcon","HighlightIcon","jsx","jsxs","ColorSwatch","color","isSelected","onPress","isNone","width","height","borderRadius","backgroundColor","borderWidth","borderColor","cursor","hoverStyle","opacity","pressStyle","scale","alignItems","justifyContent","children","position","transform","rotate","ColorGrid","title","colors","selectedColor","onSelect","maxWidth","knobProps","gap","fontSize","sizeToken","fontWeight","flexWrap","map","c","value","name","TextColorPicker","editorRef","state","disabled","open","setOpen","handleSelect","current","executeCommand","onOpenChange","placement","Trigger","asChild","active","textColor","tooltip","Content","panelPadding","elevation","enterStyle","y","exitStyle","Arrow","HighlightColorPicker","highlightColor"],"sources":["../../../src/toolbar/ColorPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/toolbar/ColorPicker.native.js

@@ -0,0 +1,234 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ColorPicker_exports = {};
+__export(ColorPicker_exports, {
+  HighlightColorPicker: () => HighlightColorPicker,
+  TextColorPicker: () => TextColorPicker
+});
+module.exports = __toCommonJS(ColorPicker_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_constants = require("../constants.native.js");
+var import_ToolbarButton = require("./ToolbarButton.native.js");
+var import_icons = require("./icons.native.js");
+function ColorSwatch(param) {
+  var {
+    color,
+    isSelected,
+    onPress,
+    isNone
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    width: 24,
+    height: 24,
+    borderRadius: 4,
+    backgroundColor: color || "$background",
+    borderWidth: isSelected ? 2 : 1,
+    borderColor: isSelected ? "$blue10" : "$color6",
+    cursor: "pointer",
+    hoverStyle: {
+      opacity: 0.8
+    },
+    pressStyle: {
+      scale: 0.95
+    },
+    onPress,
+    alignItems: "center",
+    justifyContent: "center",
+    "aria-label": isNone ? "Remove color" : `Color ${color}`,
+    children: isNone && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      position: "absolute",
+      width: 20,
+      height: 2,
+      backgroundColor: "$red10",
+      transform: [{
+        rotate: "45deg"
+      }]
+    })
+  });
+}
+function ColorGrid(param) {
+  var {
+    title,
+    colors,
+    selectedColor,
+    onSelect,
+    maxWidth
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: knobProps.sizeToken,
+      fontWeight: "600",
+      children: title
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      flexWrap: "wrap",
+      gap: "$1",
+      maxWidth,
+      children: colors.map(function (c) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorSwatch, {
+          color: c.value,
+          isSelected: selectedColor === c.value,
+          isNone: c.value === null,
+          onPress: function onPress() {
+            return onSelect(c.value);
+          }
+        }, c.name);
+      })
+    })]
+  });
+}
+function TextColorPicker(param) {
+  var {
+    editorRef,
+    state,
+    disabled
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var handleSelect = (0, import_react.useCallback)(function (color) {
+    var _editorRef_current;
+    (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("textColor", {
+      color
+    });
+    setOpen(false);
+  }, [editorRef]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+        active: !!state.textColor,
+        disabled,
+        onPress: function onPress() {
+          return setOpen(true);
+        },
+        "aria-label": "Text Color",
+        tooltip: "Text Color",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.TextColorIcon, {
+          color: state.textColor
+        })
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
+      ...knobProps.panelPadding,
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      elevation: knobProps.elevation,
+      enterStyle: {
+        opacity: 0,
+        y: -5
+      },
+      exitStyle: {
+        opacity: 0,
+        y: -5
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
+        borderColor: "$borderColor",
+        backgroundColor: "$background"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorGrid, {
+        title: "Text Color",
+        colors: import_constants.TEXT_COLORS,
+        selectedColor: state.textColor,
+        onSelect: handleSelect,
+        maxWidth: 160
+      })]
+    })]
+  });
+}
+function HighlightColorPicker(param) {
+  var {
+    editorRef,
+    state,
+    disabled
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var handleSelect = (0, import_react.useCallback)(function (color) {
+    var _editorRef_current;
+    (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("highlight", {
+      color
+    });
+    setOpen(false);
+  }, [editorRef]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+        active: !!state.highlightColor,
+        disabled,
+        onPress: function onPress() {
+          return setOpen(true);
+        },
+        "aria-label": "Highlight Color",
+        tooltip: "Highlight",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.HighlightIcon, {
+          color: state.highlightColor
+        })
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
+      ...knobProps.panelPadding,
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      elevation: knobProps.elevation,
+      enterStyle: {
+        opacity: 0,
+        y: -5
+      },
+      exitStyle: {
+        opacity: 0,
+        y: -5
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
+        borderColor: "$borderColor",
+        backgroundColor: "$background"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorGrid, {
+        title: "Highlight",
+        colors: import_constants.HIGHLIGHT_COLORS,
+        selectedColor: state.highlightColor,
+        onSelect: handleSelect,
+        maxWidth: 130
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=ColorPicker.native.js.map

package/dist/jsx/toolbar/ColorPicker.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ColorPicker_exports","HighlightColorPicker","TextColorPicker","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_constants","import_ToolbarButton","import_icons","ColorSwatch","param","color","isSelected","onPress","isNone","jsx","View","width","height","borderRadius","backgroundColor","borderWidth","borderColor","cursor","hoverStyle","opacity","pressStyle","scale","alignItems","justifyContent","children","position","transform","rotate","ColorGrid","title","colors","selectedColor","onSelect","maxWidth","knobProps","useResolvedKnobs","jsxs","YStack","gap","Text","fontSize","sizeToken","fontWeight","XStack","flexWrap","map","c","editorRef","state","disabled","open","setOpen","useState","handleSelect","useCallback","_editorRef_current","current","executeCommand","Popover","onOpenChange","placement","Trigger","asChild","ToolbarButton","active","textColor","tooltip","TextColorIcon","Content","panelPadding","elevation","enterStyle","y","exitStyle","Arrow","TEXT_COLORS"],"sources":["../../../src/toolbar/ColorPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}