@multiplatform.one/rich-text 6.0.0

package/dist/cjs/toolbar/TableBubble.cjs

@@ -0,0 +1,232 @@
+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 TableBubble_exports = {};
+__export(TableBubble_exports, {
+  TableBubble: () => TableBubble
+});
+module.exports = __toCommonJS(TableBubble_exports);
+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.cjs");
+var import_ToolbarButton = require("./ToolbarButton.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function RowPlusIcon() {
+  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)("line", {
+      x1: "12",
+      y1: "5",
+      x2: "12",
+      y2: "19"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
+      x1: "5",
+      y1: "12",
+      x2: "19",
+      y2: "12"
+    })]
+  });
+}
+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"
+    })]
+  });
+}
+const ROW_ACTIONS = [{
+  label: "Add row above",
+  action: e => e.chain().focus().addRowBefore().run()
+}, {
+  label: "Add row below",
+  action: e => e.chain().focus().addRowAfter().run()
+}, {
+  label: "Delete row",
+  action: e => e.chain().focus().deleteRow().run()
+}];
+const COL_ACTIONS = [{
+  label: "Add column before",
+  action: e => e.chain().focus().addColumnBefore().run()
+}, {
+  label: "Add column after",
+  action: e => e.chain().focus().addColumnAfter().run()
+}, {
+  label: "Delete column",
+  action: e => e.chain().focus().deleteColumn().run()
+}];
+const TABLE_ACTIONS = [{
+  label: "Toggle header row",
+  action: e => e.chain().focus().toggleHeaderRow().run()
+}, {
+  label: "Merge cells",
+  action: e => e.chain().focus().mergeCells().run()
+}, {
+  label: "Split cell",
+  action: e => e.chain().focus().splitCell().run()
+}, {
+  label: "Delete table",
+  action: e => e.chain().focus().deleteTable().run()
+}];
+function TableBubble({
+  editor
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [menuOpen, setMenuOpen] = (0, import_react.useState)(false);
+  if (!editor) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menus.BubbleMenu, {
+    editor,
+    shouldShow: ({
+      editor: e
+    }) => e.isActive("table"),
+    options: {
+      placement: "top"
+    },
+    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.jsx)(import_ToolbarButton.ToolbarButton, {
+        onPress: () => editor.chain().focus().addRowAfter().run(),
+        "aria-label": "Add row",
+        tooltip: "Add row below",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RowPlusIcon, {})
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+        onPress: () => editor.chain().focus().addColumnAfter().run(),
+        "aria-label": "Add column",
+        tooltip: "Add column after",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: 11,
+          fontWeight: "700",
+          children: "+Col"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+        open: menuOpen,
+        onOpenChange: setMenuOpen,
+        placement: "bottom",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+          asChild: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarDropdownButton, {
+            onPress: () => setMenuOpen(true),
+            "aria-label": "Table options",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontSize: 12,
+              children: "Table"
+            })
+          })
+        }), /* @__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.jsxs)(import_tamagui.YStack, {
+            gap: "$0.5",
+            minWidth: 180,
+            children: [ROW_ACTIONS.map(a => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
+              onPress: () => {
+                a.action(editor);
+                setMenuOpen(false);
+              },
+              "aria-label": a.label,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                fontSize: 13,
+                children: a.label
+              })
+            }, a.label)), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+              paddingVertical: "$0.5",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.ToolbarSeparatorFrame, {
+                vertical: false,
+                width: "100%",
+                height: 1,
+                marginHorizontal: 0
+              })
+            }), COL_ACTIONS.map(a => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
+              onPress: () => {
+                a.action(editor);
+                setMenuOpen(false);
+              },
+              "aria-label": a.label,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                fontSize: 13,
+                children: a.label
+              })
+            }, a.label)), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+              paddingVertical: "$0.5",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.ToolbarSeparatorFrame, {
+                vertical: false,
+                width: "100%",
+                height: 1,
+                marginHorizontal: 0
+              })
+            }), TABLE_ACTIONS.map(a => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
+              onPress: () => {
+                a.action(editor);
+                setMenuOpen(false);
+              },
+              "aria-label": a.label,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                fontSize: 13,
+                children: a.label
+              })
+            }, a.label))]
+          })
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+        onPress: () => editor.chain().focus().deleteTable().run(),
+        "aria-label": "Delete table",
+        tooltip: "Delete table",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TrashIcon, {})
+      })]
+    })
+  });
+}

package/dist/cjs/toolbar/TableBubble.native.js

@@ -0,0 +1,273 @@
+"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 TableBubble_exports = {};
+__export(TableBubble_exports, {
+  TableBubble: () => TableBubble
+});
+module.exports = __toCommonJS(TableBubble_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");
+function RowPlusIcon() {
+  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)("line", {
+      x1: "12",
+      y1: "5",
+      x2: "12",
+      y2: "19"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
+      x1: "5",
+      y1: "12",
+      x2: "19",
+      y2: "12"
+    })]
+  });
+}
+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"
+    })]
+  });
+}
+var ROW_ACTIONS = [{
+  label: "Add row above",
+  action: function action(e) {
+    return e.chain().focus().addRowBefore().run();
+  }
+}, {
+  label: "Add row below",
+  action: function action2(e) {
+    return e.chain().focus().addRowAfter().run();
+  }
+}, {
+  label: "Delete row",
+  action: function action3(e) {
+    return e.chain().focus().deleteRow().run();
+  }
+}];
+var COL_ACTIONS = [{
+  label: "Add column before",
+  action: function action4(e) {
+    return e.chain().focus().addColumnBefore().run();
+  }
+}, {
+  label: "Add column after",
+  action: function action5(e) {
+    return e.chain().focus().addColumnAfter().run();
+  }
+}, {
+  label: "Delete column",
+  action: function action6(e) {
+    return e.chain().focus().deleteColumn().run();
+  }
+}];
+var TABLE_ACTIONS = [{
+  label: "Toggle header row",
+  action: function action7(e) {
+    return e.chain().focus().toggleHeaderRow().run();
+  }
+}, {
+  label: "Merge cells",
+  action: function action8(e) {
+    return e.chain().focus().mergeCells().run();
+  }
+}, {
+  label: "Split cell",
+  action: function action9(e) {
+    return e.chain().focus().splitCell().run();
+  }
+}, {
+  label: "Delete table",
+  action: function action10(e) {
+    return e.chain().focus().deleteTable().run();
+  }
+}];
+function TableBubble(param) {
+  var {
+    editor
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [menuOpen, setMenuOpen] = (0, import_react.useState)(false);
+  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("table");
+    },
+    options: {
+      placement: "top"
+    },
+    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.jsx)(import_ToolbarButton.ToolbarButton, {
+        onPress: function onPress() {
+          return editor.chain().focus().addRowAfter().run();
+        },
+        "aria-label": "Add row",
+        tooltip: "Add row below",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RowPlusIcon, {})
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+        onPress: function onPress() {
+          return editor.chain().focus().addColumnAfter().run();
+        },
+        "aria-label": "Add column",
+        tooltip: "Add column after",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: 11,
+          fontWeight: "700",
+          children: "+Col"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+        open: menuOpen,
+        onOpenChange: setMenuOpen,
+        placement: "bottom",
+        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 setMenuOpen(true);
+            },
+            "aria-label": "Table options",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontSize: 12,
+              children: "Table"
+            })
+          })
+        }), /* @__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.jsxs)(import_tamagui.YStack, {
+            gap: "$0.5",
+            minWidth: 180,
+            children: [ROW_ACTIONS.map(function (a) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
+                onPress: function onPress() {
+                  a.action(editor);
+                  setMenuOpen(false);
+                },
+                "aria-label": a.label,
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                  fontSize: 13,
+                  children: a.label
+                })
+              }, a.label);
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+              paddingVertical: "$0.5",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.ToolbarSeparatorFrame, {
+                vertical: false,
+                width: "100%",
+                height: 1,
+                marginHorizontal: 0
+              })
+            }), COL_ACTIONS.map(function (a) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
+                onPress: function onPress() {
+                  a.action(editor);
+                  setMenuOpen(false);
+                },
+                "aria-label": a.label,
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                  fontSize: 13,
+                  children: a.label
+                })
+              }, a.label);
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+              paddingVertical: "$0.5",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.ToolbarSeparatorFrame, {
+                vertical: false,
+                width: "100%",
+                height: 1,
+                marginHorizontal: 0
+              })
+            }), TABLE_ACTIONS.map(function (a) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
+                onPress: function onPress() {
+                  a.action(editor);
+                  setMenuOpen(false);
+                },
+                "aria-label": a.label,
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                  fontSize: 13,
+                  children: a.label
+                })
+              }, a.label);
+            })]
+          })
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+        onPress: function onPress() {
+          return editor.chain().focus().deleteTable().run();
+        },
+        "aria-label": "Delete table",
+        tooltip: "Delete table",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TrashIcon, {})
+      })]
+    })
+  });
+}
+//# sourceMappingURL=TableBubble.native.js.map

package/dist/cjs/toolbar/TableBubble.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TableBubble_exports","__export","TableBubble","module","exports","import_jsx_runtime","require","import_react","import_menus","import_theme","import_tamagui","import_styled","import_ToolbarButton","RowPlusIcon","jsxs","width","height","viewBox","fill","stroke","strokeWidth","children","jsx","x1","y1","x2","y2","TrashIcon","points","d","ROW_ACTIONS","label","action","e","chain","focus","addRowBefore","run","action2","addRowAfter","action3","deleteRow","COL_ACTIONS","action4","addColumnBefore","action5","addColumnAfter","action6","deleteColumn","TABLE_ACTIONS","action7","toggleHeaderRow","action8","mergeCells","action9","splitCell","action10","deleteTable","param","editor","knobProps","useResolvedKnobs","menuOpen","setMenuOpen","useState","BubbleMenu","shouldShow","param2","isActive","options","placement","XStack","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","ToolbarButton","onPress","tooltip","Text","fontSize","fontWeight","Popover","open","onOpenChange","Trigger","asChild","ToolbarDropdownButton","Content","panelPadding"],"sources":["../../../src/toolbar/TableBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/toolbar/ToolbarButton.cjs

@@ -0,0 +1,105 @@
+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 ToolbarButton_exports = {};
+__export(ToolbarButton_exports, {
+  ToolbarButton: () => ToolbarButton,
+  ToolbarDropdownButton: () => ToolbarDropdownButton
+});
+module.exports = __toCommonJS(ToolbarButton_exports);
+var import_tamagui = require("tamagui");
+var import_forms = require("@multiplatform.one/forms");
+var import_components = require("@multiplatform.one/components");
+var import_react = require("@phosphor-icons/react");
+var import_context = require("../context.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const BUTTON_SIZE = 30;
+function ToolbarButton({
+  active,
+  disabled,
+  onPress,
+  children,
+  tooltip,
+  ...props
+}) {
+  const ctx = import_context.RichEditorContext.useStyledContext();
+  const isDisabled = disabled ?? ctx.disabled;
+  const button = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+    chromeless: true,
+    disabled: isDisabled,
+    onPress,
+    width: BUTTON_SIZE,
+    height: BUTTON_SIZE,
+    padding: 0,
+    borderRadius: "$2",
+    ...(active ? {
+      theme: "active"
+    } : void 0),
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      alignItems: "center",
+      justifyContent: "center",
+      width: "100%",
+      height: "100%",
+      children
+    })
+  });
+  if (tooltip) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
+      content: tooltip,
+      placement: "bottom",
+      delay: 400,
+      children: button
+    });
+  }
+  return button;
+}
+function ToolbarDropdownButton({
+  active,
+  disabled,
+  onPress,
+  children,
+  ...props
+}) {
+  const ctx = import_context.RichEditorContext.useStyledContext();
+  const isDisabled = disabled ?? ctx.disabled;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+    chromeless: true,
+    disabled: isDisabled,
+    onPress,
+    height: BUTTON_SIZE,
+    paddingHorizontal: "$2",
+    paddingVertical: 0,
+    borderRadius: "$2",
+    ...(active ? {
+      theme: "active"
+    } : void 0),
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      alignItems: "center",
+      gap: "$1",
+      children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretDownIcon, {
+        size: 10
+      })]
+    })
+  });
+}