@multiplatform.one/frappe-ui 6.0.0

package/dist/esm/fields/SmallText/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Input","FormsInput","useProps","SmallText","props","defaultValue","form","_mode","name","onBlur","onChange","placeholder","_preserveValue","validators","disabled","value","maxLength","textAreaProps","fieldProps","label","labelProps","error","helperText","required","id","size","onChangeText","multiline","inputProps"],"sources":["../../../../src/fields/SmallText/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAS,2BAAkB;AAEpC,SAASC,KAAA,IAAAC,UAAgB;AAyDrB,SAAAC,QAAA;AAtBG,SAASC,UAGdC,KAAA,EAAqC;EACrC;IAAMC,YAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,aAAA;IAAA,GAAAC;EAAA,IAAAhB,QAAA,CAAAE,KAAA;EAAA,OACJ,eAAAL,IAAA,CAAAE,UAAA;IACAO,IAAA;IACAF,IAAA;IACAO,UAAA;IACAR,YAAA;IACAc,KAAA,EAAAD,UAAA,CAAAC,KAAA;IACAC,UAAA,EAAAF,UAAA,CAAAE,UAAA;IACAC,KAAA,EAAAH,UAAA,CAAAG,KAAA;IACAC,UAAA,EAAAJ,UAAA,CAAAI,UAAA;IACAC,QAAA,EAAAL,UAAA,CAAAK,QAAA;IACAC,EAAA,EAAAN,UAAA,CAAAM,EAAA;IACAC,IAAA,EAAAP,UAAA,CAAAO,IAAA;IACAV,KAAA;IACAW,YAAG,EAAAhB,QAAA;IACLD,MAAI;IAEJE,WACE;IAACG,QAAA;IAAAa,SAAA;IAAAX,SACC;IAAAY,UACA,EAAAX;EAAA;AACA;AACA,SACkBd,SAClB","ignoreList":[]}

package/dist/esm/fields/Switch/index.mjs

@@ -0,0 +1,39 @@
+import { Switch as FormsSwitch } from "@multiplatform.one/forms";
+import { useProps } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function SwitchField(props) {
+  const {
+    switchProps,
+    defaultValue,
+    form,
+    name,
+    onBlur,
+    onChange,
+    validators,
+    disabled,
+    value,
+    mode: _mode,
+    preserveValue: _preserveValue,
+    ...fieldProps
+  } = useProps(props);
+  return /* @__PURE__ */jsx(FormsSwitch, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    checked: value,
+    onCheckedChange: checked => onChange?.(checked === true),
+    onBlur,
+    disabled,
+    switchProps
+  });
+}
+export { SwitchField };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/fields/Switch/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Switch","FormsSwitch","useProps","jsx","SwitchField","props","switchProps","defaultValue","form","name","onBlur","onChange","validators","disabled","value","mode","_mode","preserveValue","_preserveValue","fieldProps","label","labelProps","error","helperText","required","id","size","checked","onCheckedChange"],"sources":["../../../../src/fields/Switch/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,IAAUC,WAAA,QAAmB;AAEtC,SAASC,QAAA,QAAgB;AAqDrB,SAAAC,GAAA;AApBG,SAASC,YAGdC,KAAA,EAAuC;EACvC,MAAM;IACJC,WAAA;IACAC,YAAA;IACAC,IAAA;IACAC,IAAA;IACAC,MAAA;IACAC,QAAA;IACAC,UAAA;IACAC,QAAA;IACAC,KAAA;IACAC,IAAA,EAAMC,KAAA;IACNC,aAAA,EAAeC,cAAA;IACf,GAAGC;EACL,IAAIjB,QAAA,CAASG,KAAK;EAElB,OACE,eAAAF,GAAA,CAACF,WAAA;IACCQ,IAAA;IACAD,IAAA;IACAI,UAAA;IACAL,YAAA;IACAa,KAAA,EAAOD,UAAA,CAAWC,KAAA;IAClBC,UAAA,EAAYF,UAAA,CAAWE,UAAA;IACvBC,KAAA,EAAOH,UAAA,CAAWG,KAAA;IAClBC,UAAA,EAAYJ,UAAA,CAAWI,UAAA;IACvBC,QAAA,EAAUL,UAAA,CAAWK,QAAA;IACrBC,EAAA,EAAIN,UAAA,CAAWM,EAAA;IACfC,IAAA,EAAMP,UAAA,CAAWO,IAAA;IACjBC,OAAA,EAASb,KAAA;IACTc,eAAA,EAAkBD,OAAA,IAAYhB,QAAA,GAAWgB,OAAA,KAAY,IAAI;IACzDjB,MAAA;IACAG,QAAA;IACAP;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/fields/Switch/index.native.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Switch as FormsSwitch } from "@multiplatform.one/forms";
+import { useProps } from "tamagui";
+function SwitchField(props) {
+  var {
+    switchProps,
+    defaultValue,
+    form,
+    name,
+    onBlur,
+    onChange,
+    validators,
+    disabled,
+    value,
+    mode: _mode,
+    preserveValue: _preserveValue,
+    ...fieldProps
+  } = useProps(props);
+  return /* @__PURE__ */_jsx(FormsSwitch, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    checked: value,
+    onCheckedChange: function onCheckedChange(checked) {
+      return onChange === null || onChange === void 0 ? void 0 : onChange(checked === true);
+    },
+    onBlur,
+    disabled,
+    switchProps
+  });
+}
+export { SwitchField };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/fields/Switch/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Switch","FormsSwitch","useProps","SwitchField","props","switchProps","defaultValue","form","name","onBlur","onChange","validators","disabled","value","mode","_mode","preserveValue","_preserveValue","fieldProps","label","labelProps","error","helperText","required","id","size","checked","onCheckedChange"],"sources":["../../../../src/fields/Switch/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAU,2BAAmB;AAEtC,SAASC,MAAA,IAAAC,WAAgB;AAqDrB,SAAAC,QAAA;AApBG,SAASC,YAGdC,KAAA,EAAuC;EACvC;IAAMC,WAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,IAAA,EAAAC,KAAA;IAAAC,aAAA,EAAAC,cAAA;IAAA,GAAAC;EAAA,IAAAhB,QAAA,CAAAE,KAAA;EAAA,OACJ,eAAAL,IAAA,CAAAE,WAAA;IACAO,IAAA;IACAD,IAAA;IACAI,UAAA;IACAL,YAAA;IACAa,KAAA,EAAAD,UAAA,CAAAC,KAAA;IACAC,UAAA,EAAAF,UAAA,CAAAE,UAAA;IACAC,KAAA,EAAAH,UAAA,CAAAG,KAAA;IACAC,UAAA,EAAAJ,UAAA,CAAAI,UAAA;IACAC,QAAM,EAAAL,UAAA,CAAAK,QAAA;IACNC,EAAA,EAAAN,UAAA,CAAeM,EAAA;IACfC,IAAG,EAAAP,UAAA,CAAAO,IAAA;IACLC,OAAI,EAAAb,KAAS;IAEbc,eACE,WAAAA,gBAAAD,OAAA;MAAC,OAAAhB,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAAgB,OAAA;IAAA;IAAAjB,MACC;IAAAG,QACA;IAAAP;EACA;AACA;AACkB,SACKF,WAChB","ignoreList":[]}

package/dist/esm/fields/TableMultiSelect.mjs

@@ -0,0 +1,143 @@
+import { useFrappeCollection, useLiveQuery } from "@multiplatform.one/frappe";
+import { CaretDownIcon, CheckIcon, XIcon } from "@phosphor-icons/react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useMemo, useState } from "react";
+import { Button, Checkbox, Label, ListItem, Popover, ScrollView, Text, XStack, YStack } from "tamagui";
+import { useFrappeConfig } from "../FrappeProvider.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function TableMultiSelect({
+  label,
+  value = [],
+  onChange,
+  doctype,
+  displayField = "name",
+  disabled = false,
+  required = false,
+  maxSelections,
+  baseURL,
+  auth
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const config = useFrappeConfig();
+  const [open, setOpen] = useState(false);
+  const finalBaseURL = baseURL ?? config?.baseURL ?? "";
+  const finalConfig = finalBaseURL ? {
+    baseURL: finalBaseURL,
+    socketPort: config?.socketPort,
+    auth: auth ?? config?.auth,
+    syncOptions: config?.syncOptions,
+    fixtures: config?.fixtures
+  } : void 0;
+  const optionsCollection = useFrappeCollection(finalConfig, doctype, {
+    fields: ["name", displayField]
+  });
+  const {
+    data: rawOptions
+  } = useLiveQuery(q => optionsCollection ? q.from({
+    _list: optionsCollection
+  }) : null, [optionsCollection]);
+  const options = useMemo(() => rawOptions ?? [], [rawOptions]);
+  const handleToggle = optionName => {
+    if (value.includes(optionName)) {
+      onChange(value.filter(v => v !== optionName));
+    } else {
+      if (maxSelections && value.length >= maxSelections) return;
+      onChange([...value, optionName]);
+    }
+  };
+  const handleRemove = optionName => {
+    onChange(value.filter(v => v !== optionName));
+  };
+  const selectedOptions = options.filter(opt => value.includes(opt.name || ""));
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    children: [label && /* @__PURE__ */jsxs(Label, {
+      children: [label, required && /* @__PURE__ */jsx(Text, {
+        color: "$red10",
+        children: " *"
+      })]
+    }), /* @__PURE__ */jsxs(Popover, {
+      open,
+      onOpenChange: setOpen,
+      placement: "bottom",
+      children: [/* @__PURE__ */jsx(Popover.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */jsx(Button, {
+          size: "$3",
+          iconAfter: CaretDownIcon,
+          disabled,
+          justifyContent: "space-between",
+          children: value.length > 0 ? `${value.length} selected` : "Select options"
+        })
+      }), /* @__PURE__ */jsxs(Popover.Content, {
+        borderColor: "$borderColor",
+        enterStyle: {
+          y: -10,
+          opacity: 0
+        },
+        exitStyle: {
+          y: -10,
+          opacity: 0
+        },
+        children: [/* @__PURE__ */jsx(Popover.Arrow, {
+          borderWidth: 1,
+          borderColor: "$borderColor"
+        }), /* @__PURE__ */jsx(YStack, {
+          minWidth: 250,
+          maxHeight: 300,
+          children: /* @__PURE__ */jsx(ScrollView, {
+            children: /* @__PURE__ */jsx(YStack, {
+              children: options?.map(option => {
+                const isChecked = value.includes(option.name || "");
+                const isDisabled = disabled || !isChecked && !!maxSelections && value.length >= maxSelections;
+                const displayLabel = displayField !== "name" && option[displayField] ? option[displayField] : option.name;
+                return /* @__PURE__ */jsx(ListItem, {
+                  title: displayLabel,
+                  size: knobProps.sizeToken,
+                  icon: /* @__PURE__ */jsx(Checkbox, {
+                    ...{
+                      checked: isChecked,
+                      disabled: !!isDisabled,
+                      onCheckedChange: () => !isDisabled && handleToggle(option.name || "")
+                    },
+                    children: /* @__PURE__ */jsx(Checkbox.Indicator, {
+                      children: /* @__PURE__ */jsx(CheckIcon, {
+                        size: 12
+                      })
+                    })
+                  }),
+                  hoverStyle: {
+                    backgroundColor: "$color2"
+                  },
+                  cursor: isDisabled ? "not-allowed" : "pointer",
+                  opacity: isDisabled ? 0.5 : 1,
+                  onPress: () => !isDisabled && handleToggle(option.name || "")
+                }, option.name);
+              })
+            })
+          })
+        })]
+      })]
+    }), selectedOptions.length > 0 && /* @__PURE__ */jsx(XStack, {
+      flexWrap: "wrap",
+      ...knobProps.gap,
+      children: selectedOptions.map(option => /* @__PURE__ */jsx(Button, {
+        size: "$2",
+        theme: "active",
+        iconAfter: /* @__PURE__ */jsx(Button, {
+          size: "$1",
+          chromeless: true,
+          circular: true,
+          icon: XIcon,
+          disabled,
+          onPress: () => handleRemove(option.name || "")
+        }),
+        children: displayField !== "name" && option[displayField] ? option[displayField] : option.name
+      }, option.name))
+    })]
+  });
+}
+export { TableMultiSelect };
+//# sourceMappingURL=TableMultiSelect.mjs.map

package/dist/esm/fields/TableMultiSelect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useFrappeCollection","useLiveQuery","CaretDownIcon","CheckIcon","XIcon","useResolvedKnobs","useMemo","useState","Button","Checkbox","Label","ListItem","Popover","ScrollView","Text","XStack","YStack","useFrappeConfig","jsx","jsxs","TableMultiSelect","label","value","onChange","doctype","displayField","disabled","required","maxSelections","baseURL","auth","knobProps","config","open","setOpen","finalBaseURL","finalConfig","socketPort","syncOptions","fixtures","optionsCollection","fields","data","rawOptions","q","from","_list","options","handleToggle","optionName","includes","filter","v","length","handleRemove","selectedOptions","opt","name","gap","children","color","onOpenChange","placement","Trigger","asChild","size","iconAfter","justifyContent","Content","borderColor","enterStyle","y","opacity","exitStyle","Arrow","borderWidth","minWidth","maxHeight","map","option","isChecked","isDisabled","displayLabel","title","sizeToken","icon","checked","onCheckedChange","Indicator","hoverStyle","backgroundColor","cursor","onPress","flexWrap","theme","chromeless","circular"],"sources":["../../../src/fields/TableMultiSelect.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/TableMultiSelect.native.js

@@ -0,0 +1,163 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFrappeCollection, useLiveQuery } from "@multiplatform.one/frappe";
+import { CaretDownIcon, CheckIcon, XIcon } from "@phosphor-icons/react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import React, { useMemo, useState } from "react";
+import { Button, Checkbox, Label, ListItem, Popover, ScrollView, Text, XStack, YStack } from "tamagui";
+import { useFrappeConfig } from "../FrappeProvider.native.js";
+function TableMultiSelect(param) {
+  var {
+    label,
+    value = [],
+    onChange,
+    doctype,
+    displayField = "name",
+    disabled = false,
+    required = false,
+    maxSelections,
+    baseURL,
+    auth
+  } = param;
+  var _ref;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var config = useFrappeConfig();
+  var [open, setOpen] = useState(false);
+  var finalBaseURL = (_ref = baseURL !== null && baseURL !== void 0 ? baseURL : config === null || config === void 0 ? void 0 : config.baseURL) !== null && _ref !== void 0 ? _ref : "";
+  var finalConfig = finalBaseURL ? {
+    baseURL: finalBaseURL,
+    socketPort: config === null || config === void 0 ? void 0 : config.socketPort,
+    auth: auth !== null && auth !== void 0 ? auth : config === null || config === void 0 ? void 0 : config.auth,
+    syncOptions: config === null || config === void 0 ? void 0 : config.syncOptions,
+    fixtures: config === null || config === void 0 ? void 0 : config.fixtures
+  } : void 0;
+  var optionsCollection = useFrappeCollection(finalConfig, doctype, {
+    fields: ["name", displayField]
+  });
+  var {
+    data: rawOptions
+  } = useLiveQuery(function (q) {
+    return optionsCollection ? q.from({
+      _list: optionsCollection
+    }) : null;
+  }, [optionsCollection]);
+  var options = useMemo(function () {
+    return rawOptions !== null && rawOptions !== void 0 ? rawOptions : [];
+  }, [rawOptions]);
+  var handleToggle = function handleToggle2(optionName) {
+    if (value.includes(optionName)) {
+      onChange(value.filter(function (v) {
+        return v !== optionName;
+      }));
+    } else {
+      if (maxSelections && value.length >= maxSelections) return;
+      onChange([...value, optionName]);
+    }
+  };
+  var handleRemove = function handleRemove2(optionName) {
+    onChange(value.filter(function (v) {
+      return v !== optionName;
+    }));
+  };
+  var selectedOptions = options.filter(function (opt) {
+    return value.includes(opt.name || "");
+  });
+  return /* @__PURE__ */_jsxs(YStack, {
+    ...knobProps.gap,
+    children: [label && /* @__PURE__ */_jsxs(Label, {
+      children: [label, required && /* @__PURE__ */_jsx(Text, {
+        color: "$red10",
+        children: " *"
+      })]
+    }), /* @__PURE__ */_jsxs(Popover, {
+      open,
+      onOpenChange: setOpen,
+      placement: "bottom",
+      children: [/* @__PURE__ */_jsx(Popover.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */_jsx(Button, {
+          size: "$3",
+          iconAfter: CaretDownIcon,
+          disabled,
+          justifyContent: "space-between",
+          children: value.length > 0 ? `${value.length} selected` : "Select options"
+        })
+      }), /* @__PURE__ */_jsxs(Popover.Content, {
+        borderColor: "$borderColor",
+        enterStyle: {
+          y: -10,
+          opacity: 0
+        },
+        exitStyle: {
+          y: -10,
+          opacity: 0
+        },
+        children: [/* @__PURE__ */_jsx(Popover.Arrow, {
+          borderWidth: 1,
+          borderColor: "$borderColor"
+        }), /* @__PURE__ */_jsx(YStack, {
+          minWidth: 250,
+          maxHeight: 300,
+          children: /* @__PURE__ */_jsx(ScrollView, {
+            children: /* @__PURE__ */_jsx(YStack, {
+              children: options === null || options === void 0 ? void 0 : options.map(function (option) {
+                var isChecked = value.includes(option.name || "");
+                var isDisabled = disabled || !isChecked && !!maxSelections && value.length >= maxSelections;
+                var displayLabel = displayField !== "name" && option[displayField] ? option[displayField] : option.name;
+                return /* @__PURE__ */_jsx(ListItem, {
+                  title: displayLabel,
+                  size: knobProps.sizeToken,
+                  icon: /* @__PURE__ */_jsx(Checkbox, {
+                    ...{
+                      checked: isChecked,
+                      disabled: !!isDisabled,
+                      onCheckedChange: function onCheckedChange() {
+                        return !isDisabled && handleToggle(option.name || "");
+                      }
+                    },
+                    children: /* @__PURE__ */_jsx(Checkbox.Indicator, {
+                      children: /* @__PURE__ */_jsx(CheckIcon, {
+                        size: 12
+                      })
+                    })
+                  }),
+                  hoverStyle: {
+                    backgroundColor: "$color2"
+                  },
+                  cursor: isDisabled ? "not-allowed" : "pointer",
+                  opacity: isDisabled ? 0.5 : 1,
+                  onPress: function onPress() {
+                    return !isDisabled && handleToggle(option.name || "");
+                  }
+                }, option.name);
+              })
+            })
+          })
+        })]
+      })]
+    }), selectedOptions.length > 0 && /* @__PURE__ */_jsx(XStack, {
+      flexWrap: "wrap",
+      ...knobProps.gap,
+      children: selectedOptions.map(function (option) {
+        return /* @__PURE__ */_jsx(Button, {
+          size: "$2",
+          theme: "active",
+          iconAfter: /* @__PURE__ */_jsx(Button, {
+            size: "$1",
+            chromeless: true,
+            circular: true,
+            icon: XIcon,
+            disabled,
+            onPress: function onPress() {
+              return handleRemove(option.name || "");
+            }
+          }),
+          children: displayField !== "name" && option[displayField] ? option[displayField] : option.name
+        }, option.name);
+      })
+    })]
+  });
+}
+export { TableMultiSelect };
+//# sourceMappingURL=TableMultiSelect.native.js.map

package/dist/esm/fields/TableMultiSelect.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useFrappeCollection","useLiveQuery","CaretDownIcon","CheckIcon","XIcon","useResolvedKnobs","React","useMemo","useState","Button","Checkbox","Label","ListItem","Popover","ScrollView","Text","XStack","YStack","useFrappeConfig","TableMultiSelect","param","label","value","onChange","doctype","displayField","disabled","required","maxSelections","baseURL","auth","_ref","knobProps","config","open","setOpen","finalBaseURL","finalConfig","socketPort","syncOptions","fixtures","optionsCollection","fields","data","rawOptions","q","from","_list","options","handleToggle","handleToggle2","optionName","includes","filter","v","length","handleRemove","handleRemove2","selectedOptions","opt","name","gap","children","color","onOpenChange","placement","Trigger","asChild","size","iconAfter","justifyContent","Content","borderColor","enterStyle","y","opacity","exitStyle","Arrow","borderWidth","minWidth","maxHeight","map","option","isChecked","isDisabled","displayLabel","title","sizeToken","icon","checked","onCheckedChange","Indicator","hoverStyle","backgroundColor","cursor","onPress"],"sources":["../../../src/fields/TableMultiSelect.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/TextEditor/index.mjs

@@ -0,0 +1,244 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { dialog } from "@multiplatform.one/desktop";
+import { useEditor, EditorContent } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import Link from "@tiptap/extension-link";
+import TiptapImage from "@tiptap/extension-image";
+import { Placeholder } from "@tiptap/extension-placeholder";
+import "./tiptap.css";
+import { useCallback, useEffect } from "react";
+import { TextBIcon, TextItalicIcon, TextStrikethroughIcon, ListBulletsIcon, ListNumbersIcon, QuotesIcon, CodeSimpleIcon, LinkSimpleIcon, ImageSquareIcon, ArrowUUpLeftIcon, ArrowUUpRightIcon, TextHOneIcon, TextHTwoIcon, TextHThreeIcon, MinusIcon } from "@phosphor-icons/react";
+import { Button, Label, Text, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ToolbarButton({
+  icon: Icon,
+  onPress,
+  isActive,
+  disabled,
+  label
+}) {
+  return /* @__PURE__ */jsx(Button, {
+    size: "$2",
+    chromeless: true,
+    backgroundColor: isActive ? "$color5" : "transparent",
+    hoverStyle: {
+      backgroundColor: "$color4"
+    },
+    pressStyle: {
+      backgroundColor: "$color5"
+    },
+    onPress,
+    disabled,
+    opacity: disabled ? 0.4 : 1,
+    "aria-label": label,
+    padding: "$1",
+    minWidth: "$2",
+    height: "$2",
+    children: /* @__PURE__ */jsx(Icon, {
+      size: 16,
+      weight: isActive ? "bold" : "regular"
+    })
+  });
+}
+function ToolbarSeparator() {
+  return /* @__PURE__ */jsx(YStack, {
+    width: 1,
+    height: "$1",
+    backgroundColor: "$color6",
+    marginHorizontal: "$1"
+  });
+}
+function EditorToolbar({
+  editor
+}) {
+  const {
+    knobProps: _knobProps
+  } = useResolvedKnobs();
+  const addLink = useCallback(async () => {
+    const previousUrl = editor.getAttributes("link").href;
+    const url = await dialog.prompt("Enter URL", previousUrl || "https://");
+    if (url === null) return;
+    if (url === "") {
+      editor.chain().focus().extendMarkRange("link").unsetLink().run();
+      return;
+    }
+    editor.chain().focus().extendMarkRange("link").setLink({
+      href: url
+    }).run();
+  }, [editor]);
+  const addImage = useCallback(async () => {
+    const url = await dialog.prompt("Enter image URL");
+    if (url) editor.chain().focus().setImage({
+      src: url
+    }).run();
+  }, [editor]);
+  return /* @__PURE__ */jsxs(XStack, {
+    flexWrap: "wrap",
+    gap: "$0.5",
+    padding: "$1.5",
+    borderBottomWidth: 1,
+    borderBottomColor: "$borderColor",
+    ...{
+      backgroundColor: "$color2"
+    },
+    alignItems: "center",
+    children: [/* @__PURE__ */jsx(ToolbarButton, {
+      icon: TextBIcon,
+      onPress: () => editor.chain().focus().toggleBold().run(),
+      isActive: editor.isActive("bold"),
+      label: "Bold"
+    }), /* @__PURE__ */jsx(ToolbarButton, {
+      icon: TextItalicIcon,
+      onPress: () => editor.chain().focus().toggleItalic().run(),
+      isActive: editor.isActive("italic"),
+      label: "Italic"
+    }), /* @__PURE__ */jsx(ToolbarButton, {
+      icon: TextStrikethroughIcon,
+      onPress: () => editor.chain().focus().toggleStrike().run(),
+      isActive: editor.isActive("strike"),
+      label: "Strikethrough"
+    }), /* @__PURE__ */jsx(ToolbarButton, {
+      icon: CodeSimpleIcon,
+      onPress: () => editor.chain().focus().toggleCode().run(),
+      isActive: editor.isActive("code"),
+      label: "Inline Code"
+    }), /* @__PURE__ */jsx(ToolbarSeparator, {}), /* @__PURE__ */jsx(ToolbarButton, {
+      icon: TextHOneIcon,
+      onPress: () => editor.chain().focus().toggleHeading({
+        level: 1
+      }).run(),
+      isActive: editor.isActive("heading", {
+        level: 1
+      }),
+      label: "Heading 1"
+    }), /* @__PURE__ */jsx(ToolbarButton, {
+      icon: TextHTwoIcon,
+      onPress: () => editor.chain().focus().toggleHeading({
+        level: 2
+      }).run(),
+      isActive: editor.isActive("heading", {
+        level: 2
+      }),
+      label: "Heading 2"
+    }), /* @__PURE__ */jsx(ToolbarButton, {
+      icon: TextHThreeIcon,
+      onPress: () => editor.chain().focus().toggleHeading({
+        level: 3
+      }).run(),
+      isActive: editor.isActive("heading", {
+        level: 3
+      }),
+      label: "Heading 3"
+    }), /* @__PURE__ */jsx(ToolbarSeparator, {}), /* @__PURE__ */jsx(ToolbarButton, {
+      icon: ListBulletsIcon,
+      onPress: () => editor.chain().focus().toggleBulletList().run(),
+      isActive: editor.isActive("bulletList"),
+      label: "Bullet List"
+    }), /* @__PURE__ */jsx(ToolbarButton, {
+      icon: ListNumbersIcon,
+      onPress: () => editor.chain().focus().toggleOrderedList().run(),
+      isActive: editor.isActive("orderedList"),
+      label: "Ordered List"
+    }), /* @__PURE__ */jsx(ToolbarButton, {
+      icon: QuotesIcon,
+      onPress: () => editor.chain().focus().toggleBlockquote().run(),
+      isActive: editor.isActive("blockquote"),
+      label: "Blockquote"
+    }), /* @__PURE__ */jsx(ToolbarButton, {
+      icon: MinusIcon,
+      onPress: () => editor.chain().focus().setHorizontalRule().run(),
+      label: "Horizontal Rule"
+    }), /* @__PURE__ */jsx(ToolbarSeparator, {}), /* @__PURE__ */jsx(ToolbarButton, {
+      icon: LinkSimpleIcon,
+      onPress: addLink,
+      isActive: editor.isActive("link"),
+      label: "Link"
+    }), /* @__PURE__ */jsx(ToolbarButton, {
+      icon: ImageSquareIcon,
+      onPress: addImage,
+      label: "Image"
+    }), /* @__PURE__ */jsx(ToolbarSeparator, {}), /* @__PURE__ */jsx(ToolbarButton, {
+      icon: ArrowUUpLeftIcon,
+      onPress: () => editor.chain().focus().undo().run(),
+      disabled: !editor.can().undo(),
+      label: "Undo"
+    }), /* @__PURE__ */jsx(ToolbarButton, {
+      icon: ArrowUUpRightIcon,
+      onPress: () => editor.chain().focus().redo().run(),
+      disabled: !editor.can().redo(),
+      label: "Redo"
+    })]
+  });
+}
+function TextEditor({
+  label,
+  value = "",
+  onChange,
+  disabled = false,
+  required = false,
+  error,
+  placeholder = "Start writing...",
+  minHeight = 200,
+  ...stackProps
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const editor = useEditor({
+    immediatelyRender: false,
+    extensions: [StarterKit, Link.configure({
+      openOnClick: false,
+      HTMLAttributes: {
+        rel: "noopener noreferrer",
+        target: "_blank"
+      }
+    }), TiptapImage, Placeholder.configure({
+      placeholder
+    })],
+    content: value,
+    editable: !disabled,
+    onUpdate: ({
+      editor: ed
+    }) => {
+      onChange(ed.getHTML());
+    }
+  });
+  useEffect(() => {
+    if (editor && value !== editor.getHTML()) editor.commands.setContent(value);
+  }, [value, editor]);
+  useEffect(() => {
+    if (editor) editor.setEditable(!disabled);
+  }, [disabled, editor]);
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    ...stackProps,
+    children: [label && /* @__PURE__ */jsxs(Label, {
+      size: knobProps.sizeToken,
+      children: [label, required && /* @__PURE__ */jsx(Text, {
+        color: "$red10",
+        children: " *"
+      })]
+    }), /* @__PURE__ */jsxs(YStack, {
+      ...knobProps.borderRadius,
+      borderColor: error ? "$red8" : "$borderColor",
+      overflow: "hidden",
+      opacity: disabled ? 0.6 : 1,
+      children: [editor && !disabled && /* @__PURE__ */jsx(EditorToolbar, {
+        editor
+      }), /* @__PURE__ */jsx(YStack, {
+        minHeight,
+        ...knobProps.panelPadding,
+        cursor: disabled ? "not-allowed" : "text",
+        children: /* @__PURE__ */jsx(EditorContent, {
+          editor
+        })
+      })]
+    }), error && /* @__PURE__ */jsx(Text, {
+      color: "$red10",
+      fontSize: "$2",
+      children: error
+    })]
+  });
+}
+export { TextEditor };
+//# sourceMappingURL=index.mjs.map