@multiplatform.one/rich-text 6.1.0 → 6.4.0

package/dist/cjs/toolbar/icons.cjs

@@ -31,9 +31,12 @@ __export(icons_exports, {
   BulletListIcon: () => BulletListIcon,
   ClearFormattingIcon: () => ClearFormattingIcon,
   CodeBlockIcon: () => CodeBlockIcon,
+  CompressIcon: () => CompressIcon,
+  ExpandIcon: () => ExpandIcon,
   HighlightIcon: () => HighlightIcon,
   HorizontalRuleIcon: () => HorizontalRuleIcon,
   ImageIcon: () => ImageIcon,
+  InlineCodeIcon: () => InlineCodeIcon,
   ItalicIcon: () => ItalicIcon,
   LinkIcon: () => LinkIcon,
   OrderedListIcon: () => OrderedListIcon,
@@ -47,191 +50,141 @@ __export(icons_exports, {
   UndoIcon: () => UndoIcon
 });
 module.exports = __toCommonJS(icons_exports);
+var import_react = require("@phosphor-icons/react");
+var import_components = require("@multiplatform.one/components");
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
+const ICON_SIZE = 16;
 const SvgWrapper = (0, import_tamagui.styled)(import_tamagui.Text, {
   name: "SvgWrapper",
   display: "flex",
   alignItems: "center",
   justifyContent: "center"
 });
-const BoldIcon = (0, import_tamagui.styled)(import_tamagui.Text, {
-  fontWeight: "bold"
-});
-const ItalicIcon = (0, import_tamagui.styled)(import_tamagui.Text, {
-  fontStyle: "italic"
-});
-const UnderlineIcon = (0, import_tamagui.styled)(import_tamagui.Text, {
-  textDecorationLine: "underline"
-});
-const StrikeIcon = (0, import_tamagui.styled)(import_tamagui.Text, {
-  textDecorationLine: "line-through"
-});
+function BoldIcon(_props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.TextBIcon, {
+    size: ICON_SIZE
+  });
+}
+function ItalicIcon(_props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.TextItalicIcon, {
+    size: ICON_SIZE
+  });
+}
+function UnderlineIcon(_props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.TextUnderlineIcon, {
+    size: ICON_SIZE
+  });
+}
+function StrikeIcon(_props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.TextStrikethroughIcon, {
+    size: ICON_SIZE
+  });
+}
 function UndoIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("polyline", {
-        points: "1 4 1 10 7 10"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d: "M3.51 15a9 9 0 1 0 2.13-9.36L1 10"
-      })]
-    })
+  const isRTL = (0, import_components.useDirection)() === "rtl";
+  return isRTL ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowUUpRightIcon, {
+    size: ICON_SIZE
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowUUpLeftIcon, {
+    size: ICON_SIZE
   });
 }
 function RedoIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("polyline", {
-        points: "23 4 23 10 17 10"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10"
-      })]
-    })
+  const isRTL = (0, import_components.useDirection)() === "rtl";
+  return isRTL ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowUUpLeftIcon, {
+    size: ICON_SIZE
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowUUpRightIcon, {
+    size: ICON_SIZE
   });
 }
 function AlignLeftIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "3",
-        y1: "6",
-        x2: "21",
-        y2: "6"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "3",
-        y1: "12",
-        x2: "15",
-        y2: "12"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "3",
-        y1: "18",
-        x2: "21",
-        y2: "18"
-      })]
-    })
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.TextAlignLeftIcon, {
+    size: ICON_SIZE
   });
 }
 function AlignCenterIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "3",
-        y1: "6",
-        x2: "21",
-        y2: "6"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "6",
-        y1: "12",
-        x2: "18",
-        y2: "12"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "3",
-        y1: "18",
-        x2: "21",
-        y2: "18"
-      })]
-    })
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.TextAlignCenterIcon, {
+    size: ICON_SIZE
   });
 }
 function AlignRightIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "3",
-        y1: "6",
-        x2: "21",
-        y2: "6"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "9",
-        y1: "12",
-        x2: "21",
-        y2: "12"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "3",
-        y1: "18",
-        x2: "21",
-        y2: "18"
-      })]
-    })
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.TextAlignRightIcon, {
+    size: ICON_SIZE
   });
 }
 function AlignJustifyIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "3",
-        y1: "6",
-        x2: "21",
-        y2: "6"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "3",
-        y1: "12",
-        x2: "21",
-        y2: "12"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "3",
-        y1: "18",
-        x2: "21",
-        y2: "18"
-      })]
-    })
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.TextAlignJustifyIcon, {
+    size: ICON_SIZE
   });
 }
 function LinkIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
-      })]
-    })
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.LinkIcon, {
+    size: ICON_SIZE
+  });
+}
+function HorizontalRuleIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.MinusIcon, {
+    size: ICON_SIZE
+  });
+}
+function ClearFormattingIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.TextTSlashIcon, {
+    size: ICON_SIZE
+  });
+}
+function SubscriptIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.TextSubscriptIcon, {
+    size: ICON_SIZE
+  });
+}
+function SuperscriptIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.TextSuperscriptIcon, {
+    size: ICON_SIZE
+  });
+}
+function BulletListIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ListBulletsIcon, {
+    size: ICON_SIZE
+  });
+}
+function OrderedListIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ListNumbersIcon, {
+    size: ICON_SIZE
+  });
+}
+function TaskListIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ListChecksIcon, {
+    size: ICON_SIZE
+  });
+}
+function ImageIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ImageIcon, {
+    size: ICON_SIZE
+  });
+}
+function BlockquoteIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.QuotesIcon, {
+    size: ICON_SIZE
+  });
+}
+function CodeBlockIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CodeIcon, {
+    size: ICON_SIZE
+  });
+}
+function InlineCodeIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CodeSimpleIcon, {
+    size: ICON_SIZE
+  });
+}
+function ExpandIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowsOutSimpleIcon, {
+    size: ICON_SIZE
+  });
+}
+function CompressIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowsInSimpleIcon, {
+    size: ICON_SIZE
   });
 }
 function TextColorIcon({
@@ -288,314 +241,4 @@ function HighlightIcon({
       })]
     })
   });
-}
-function HorizontalRuleIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "3",
-        y1: "12",
-        x2: "21",
-        y2: "12"
-      })
-    })
-  });
-}
-function ClearFormattingIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d: "M4 7h6.5l-2.5 9h-4"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d: "M13.5 7l-2.5 9"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d: "M17 7h3"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "4",
-        y1: "20",
-        x2: "20",
-        y2: "4",
-        strokeWidth: "2.5"
-      })]
-    })
-  });
-}
-function SubscriptIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d: "M4 5l8 8"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d: "M12 5l-8 8"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("text", {
-        x: "18",
-        y: "20",
-        fontSize: "10",
-        fontWeight: "bold",
-        fill: "currentColor",
-        stroke: "none",
-        children: "2"
-      })]
-    })
-  });
-}
-function SuperscriptIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d: "M4 11l8 8"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d: "M12 11l-8 8"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("text", {
-        x: "18",
-        y: "10",
-        fontSize: "10",
-        fontWeight: "bold",
-        fill: "currentColor",
-        stroke: "none",
-        children: "2"
-      })]
-    })
-  });
-}
-function BulletListIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "9",
-        y1: "6",
-        x2: "20",
-        y2: "6"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "9",
-        y1: "12",
-        x2: "20",
-        y2: "12"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "9",
-        y1: "18",
-        x2: "20",
-        y2: "18"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
-        cx: "4",
-        cy: "6",
-        r: "1.5",
-        fill: "currentColor",
-        stroke: "none"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
-        cx: "4",
-        cy: "12",
-        r: "1.5",
-        fill: "currentColor",
-        stroke: "none"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
-        cx: "4",
-        cy: "18",
-        r: "1.5",
-        fill: "currentColor",
-        stroke: "none"
-      })]
-    })
-  });
-}
-function OrderedListIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "10",
-        y1: "6",
-        x2: "20",
-        y2: "6"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "10",
-        y1: "12",
-        x2: "20",
-        y2: "12"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "10",
-        y1: "18",
-        x2: "20",
-        y2: "18"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("text", {
-        x: "4",
-        y: "8",
-        fontSize: "8",
-        fontWeight: "bold",
-        fill: "currentColor",
-        stroke: "none",
-        children: "1"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("text", {
-        x: "4",
-        y: "14",
-        fontSize: "8",
-        fontWeight: "bold",
-        fill: "currentColor",
-        stroke: "none",
-        children: "2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("text", {
-        x: "4",
-        y: "20",
-        fontSize: "8",
-        fontWeight: "bold",
-        fill: "currentColor",
-        stroke: "none",
-        children: "3"
-      })]
-    })
-  });
-}
-function TaskListIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "10",
-        y1: "6",
-        x2: "20",
-        y2: "6"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "10",
-        y1: "12",
-        x2: "20",
-        y2: "12"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-        x1: "10",
-        y1: "18",
-        x2: "20",
-        y2: "18"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("rect", {
-        x: "3",
-        y: "4",
-        width: "4",
-        height: "4",
-        rx: "0.5"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("rect", {
-        x: "3",
-        y: "10",
-        width: "4",
-        height: "4",
-        rx: "0.5"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("rect", {
-        x: "3",
-        y: "16",
-        width: "4",
-        height: "4",
-        rx: "0.5"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d: "M4 12l1 1 2-2",
-        strokeWidth: "1.5"
-      })]
-    })
-  });
-}
-function ImageIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("rect", {
-        x: "3",
-        y: "3",
-        width: "18",
-        height: "18",
-        rx: "2",
-        ry: "2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
-        cx: "8.5",
-        cy: "8.5",
-        r: "1.5"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("polyline", {
-        points: "21 15 16 10 5 21"
-      })]
-    })
-  });
-}
-function BlockquoteIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d: "M3 6h18"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d: "M3 12h18"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-        d: "M3 18h18"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("rect", {
-        x: "2",
-        y: "4",
-        width: "2",
-        height: "16",
-        rx: "1",
-        fill: "currentColor",
-        stroke: "none"
-      })]
-    })
-  });
-}
-function CodeBlockIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SvgWrapper, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("polyline", {
-        points: "16 18 22 12 16 6"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("polyline", {
-        points: "8 6 2 12 8 18"
-      })]
-    })
-  });
 }