@multiplatform.one/frappe-ui 7.65.2 → 7.67.0

package/dist/esm/FormSidebar.native.js

@@ -1,19 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Avatar, componentColors, getInitials } from "@multiplatform.one/components";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, Image, Sidebar, Text } from "@multiplatform.one/components";
 import { Button } from "@multiplatform.one/forms";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { ImageSquareIcon, PlusIcon, UploadIcon, UserIcon, XIcon } from "@phosphor-icons/react";
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { Image, ListItem, Separator, Text, XStack, YStack, isWeb, useTheme } from "tamagui";
-var avatarColors = ["$orange4", "$blue4", "$purple4", "$pink4"];
-function avatarColor(index) {
-  return avatarColors[index % avatarColors.length];
-}
-var textColors = ["$orange11", "$blue11", "$purple11", "$pink11"];
-function textColor(index) {
-  return textColors[index % textColors.length];
-}
+import { XStack, YStack, useTheme } from "tamagui";
 function FormSidebar(param) {
   var {
     imageUrl,
@@ -22,7 +14,9 @@ function FormSidebar(param) {
     onImageRemove,
     sections = [],
     metadata = [],
-    ...stackProps
+    width = 280,
+    divider = true,
+    "data-testid": testID
   } = param;
   var _ref;
   var _theme_color11, _knobProps_controlIcon;
@@ -38,219 +32,115 @@ function FormSidebar(param) {
   var [erroredUrl, setErroredUrl] = React.useState();
   var imageBroken = Boolean(imageUrl) && erroredUrl === imageUrl;
   var sz = knobProps.sizeToken;
-  var avatarSize = sz === "$3" ? "$1" : sz === "$5" ? "$3" : "$2";
   var imageSize = sz === "$3" ? 160 : sz === "$5" ? 240 : 200;
   var resolvedImageLabel = imageLabel !== null && imageLabel !== void 0 ? imageLabel : t("Document image");
-  var showImageBlock = Boolean(imageUrl) || Boolean(onImageAdd);
-  return /* @__PURE__ */_jsxs(YStack, {
-    // Radius-only fragment: the full borderRadius fragment carries
-    // borderWidth and drew an unintended box border around the whole rail
-    // (rtl-audit U6); the panel border is the logical end rail below.
-    ...knobProps.containerRadius,
-    ...knobProps.panelPadding,
-    ...knobProps.gapLg,
-    width: 280,
-    // Logical end edge so the rail mirrors in RTL; tamagui borderEndWidth
-    // does not compile to working CSS on web (SB-M-1215)
-    ...(isWeb ? {
-      borderInlineEndWidth: 1,
-      borderInlineEndStyle: "solid",
-      borderInlineEndColor: "$borderColor"
-    } : {
-      borderEndWidth: 1,
-      borderEndColor: "$borderColor"
-    }),
-    ...stackProps,
-    children: [/* -- Image section -- */
-    showImageBlock && /* @__PURE__ */_jsxs(_Fragment, {
-      children: [/* @__PURE__ */_jsxs(YStack, {
-        alignItems: "center",
-        gap: "$2",
-        children: [imageUrl && !imageBroken ? /* @__PURE__ */_jsx(Image, {
-          ...knobProps.containerRadius,
-          // src (string), not source: the RN source object leaks onto
-          // the DOM <img> as source="[object Object]" on web
-          src: imageUrl,
-          alt: resolvedImageLabel,
-          width: imageSize,
-          height: imageSize,
-          objectFit: "contain",
-          onError: function onError() {
-            return setErroredUrl(imageUrl);
-          }
-        }) : imageUrl && imageBroken ? /* @__PURE__ */_jsxs(YStack, {
-          ...knobProps.containerRadius,
-          width: imageSize,
-          height: imageSize,
-          alignItems: "center",
-          justifyContent: "center",
-          gap: "$2",
-          borderWidth: 1,
-          borderStyle: "dashed",
-          borderColor: "$borderColor",
-          "aria-label": resolvedImageLabel,
-          children: [/* @__PURE__ */_jsx(ImageSquareIcon, {
-            size: iconSize * 2,
-            color: placeholderIconColor
-          }), /* @__PURE__ */_jsx(Text, {
-            color: knobProps.textAccentColor,
-            ...knobProps.label,
-            children: t("Image failed to load")
-          })]
-        }) : /* @__PURE__ */_jsxs(YStack, {
-          role: "button",
-          tabIndex: 0,
-          onPress: onImageAdd,
-          "aria-label": t("Add image"),
-          width: imageSize,
-          height: imageSize,
-          alignItems: "center",
-          justifyContent: "center",
-          cursor: "pointer",
-          gap: "$2",
-          ...knobProps.containerRadius,
-          borderWidth: 1,
-          borderStyle: "dashed",
-          borderColor: "$borderColor",
-          children: [/* @__PURE__ */_jsx(ImageSquareIcon, {
-            size: iconSize * 2,
-            color: placeholderIconColor
-          }), /* @__PURE__ */_jsx(Text, {
-            color: knobProps.textAccentColor,
-            ...knobProps.label,
-            children: t("Add image")
-          })]
-        }), imageUrl && (onImageAdd || onImageRemove) && /* @__PURE__ */_jsxs(XStack, {
-          gap: "$2",
-          children: [onImageAdd && /* @__PURE__ */_jsx(Button, {
-            size: "$2",
-            chromeless: true,
-            icon: UploadIcon,
-            "aria-label": t("Replace image"),
-            onPress: onImageAdd,
-            children: t("Replace")
-          }), onImageRemove && /* @__PURE__ */_jsx(Button, {
-            size: "$2",
-            chromeless: true,
-            icon: XIcon,
-            "aria-label": t("Remove image"),
-            onPress: onImageRemove,
-            children: t("Remove")
-          })]
-        })]
-      }), /* @__PURE__ */_jsx(Separator, {})]
-    }), /* -- Dynamic sections -- */
-    sections.map(function (section, sectionIdx) {
-      var _section_emptyText;
-      return /* @__PURE__ */_jsxs(React.Fragment, {
-        children: [/* @__PURE__ */_jsxs(YStack, {
-          ...knobProps.gap,
-          children: [/* @__PURE__ */_jsxs(XStack, {
-            alignItems: "center",
-            justifyContent: "space-between",
-            children: [/* @__PURE__ */_jsxs(XStack, {
-              alignItems: "center",
-              gap: "$2",
-              children: [section.icon, /* @__PURE__ */_jsx(Text, {
-                color: knobProps.textAccentColor,
-                ...knobProps.label,
-                fontWeight: "400",
-                children: section.title
-              })]
-            }), section.onAdd && /* @__PURE__ */_jsx(Button, {
+  var imageBlock = imageUrl || onImageAdd ? /* @__PURE__ */_jsxs(YStack, {
+    alignItems: "center",
+    gap: "$2",
+    children: [imageUrl ? /* @__PURE__ */_jsx(Image, {
+      ...knobProps.containerRadius,
+      src: imageBroken ? void 0 : imageUrl,
+      alt: resolvedImageLabel,
+      width: imageSize,
+      height: imageSize,
+      objectFit: "contain",
+      onError: function onError() {
+        return setErroredUrl(imageUrl);
+      }
+    }) : /* @__PURE__ */_jsx(Button, {
+      chromeless: true,
+      icon: ImageSquareIcon,
+      "aria-label": t("Add image"),
+      onPress: onImageAdd
+    }), imageBroken ? /* @__PURE__ */_jsx(Text, {
+      color: knobProps.textAccentColor,
+      ...knobProps.label,
+      children: t("Image failed to load")
+    }) : null, imageUrl && (onImageAdd || onImageRemove) ? /* @__PURE__ */_jsxs(XStack, {
+      gap: "$2",
+      children: [onImageAdd ? /* @__PURE__ */_jsx(Button, {
+        size: "$2",
+        chromeless: true,
+        icon: UploadIcon,
+        "aria-label": t("Replace image"),
+        onPress: onImageAdd
+      }) : null, onImageRemove ? /* @__PURE__ */_jsx(Button, {
+        size: "$2",
+        chromeless: true,
+        icon: XIcon,
+        "aria-label": t("Remove image"),
+        onPress: onImageRemove
+      }) : null]
+    }) : null]
+  }) : null;
+  var railSections = [...(imageBlock ? [{
+    items: [],
+    content: imageBlock
+  }] : []), ...sections.map(function (section) {
+    var _section_items, _section_emptyText;
+    return {
+      title: section.title,
+      icon: section.icon,
+      action: section.onAdd ? /* @__PURE__ */_jsx(Button, {
+        size: "$2",
+        chromeless: true,
+        icon: PlusIcon,
+        "aria-label": t("Add {{section}}", {
+          section: section.title
+        }),
+        onPress: section.onAdd
+      }) : void 0,
+      ...(section.render ? {
+        items: [],
+        content: section.render()
+      } : {
+        items: ((_section_items = section.items) !== null && _section_items !== void 0 ? _section_items : []).map(function (item) {
+          return {
+            label: item.label,
+            value: item.id,
+            subTitle: item.sublabel,
+            icon: /* @__PURE__ */_jsx(Avatar, {
+              name: item.label,
+              nested: true
+            }),
+            trailing: section.onRemoveItem ? /* @__PURE__ */_jsx(Button, {
               size: "$2",
-              circular: true,
               chromeless: true,
-              icon: PlusIcon,
-              "aria-label": t("Add {{section}}", {
-                section: section.title
+              icon: XIcon,
+              "aria-label": t("Remove {{name}}", {
+                name: item.label
               }),
-              onPress: section.onAdd
-            })]
-          }), section.render ? section.render() : section.items && section.items.length > 0 ? /* @__PURE__ */_jsx(YStack, {
-            ...knobProps.gap,
-            children: section.items.map(function (item) {
-              return /* @__PURE__ */_jsxs(XStack, {
-                gap: "$2",
-                alignItems: "center",
-                children: [/* @__PURE__ */_jsx(Avatar, {
-                  circular: true,
-                  size: avatarSize,
-                  backgroundColor: avatarColor(sectionIdx),
-                  children: /* @__PURE__ */_jsx(Avatar.Fallback, {
-                    backgroundColor: avatarColor(sectionIdx),
-                    children: /* @__PURE__ */_jsx(Text, {
-                      color: textColor(sectionIdx),
-                      ...knobProps.label,
-                      fontWeight: "700",
-                      children: getInitials(item.label)
-                    })
-                  })
-                }), /* @__PURE__ */_jsxs(YStack, {
-                  flex: 1,
-                  children: [/* @__PURE__ */_jsx(Text, {
-                    color: componentColors.text.primary,
-                    numberOfLines: 1,
-                    ...knobProps.label,
-                    children: item.label
-                  }), item.sublabel && /* @__PURE__ */_jsx(Text, {
-                    color: knobProps.textAccentColor,
-                    ...knobProps.label,
-                    children: item.sublabel
-                  })]
-                }), section.onRemoveItem && /* @__PURE__ */_jsx(Button, {
-                  size: "$2",
-                  circular: true,
-                  chromeless: true,
-                  icon: XIcon,
-                  "aria-label": t("Remove {{name}}", {
-                    name: item.label
-                  }),
-                  onPress: function onPress() {
-                    var _section_onRemoveItem;
-                    return (_section_onRemoveItem = section.onRemoveItem) === null || _section_onRemoveItem === void 0 ? void 0 : _section_onRemoveItem.call(section, item);
-                  }
-                })]
-              }, item.id);
-            })
-          }) : /* @__PURE__ */_jsx(Text, {
-            color: knobProps.textAccentColor,
-            ...knobProps.label,
-            children: (_section_emptyText = section.emptyText) !== null && _section_emptyText !== void 0 ? _section_emptyText : t("None")
-          })]
-        }), sectionIdx < sections.length - 1 && /* @__PURE__ */_jsx(Separator, {})]
-      }, section.key);
-    }), /* -- Separator before metadata -- */
-    metadata.length > 0 && sections.length > 0 && /* @__PURE__ */_jsx(Separator, {}), /* -- Info / Metadata -- */
-    metadata.length > 0 && /* @__PURE__ */_jsxs(YStack, {
-      gap: "$1",
-      children: [/* @__PURE__ */_jsx(Text, {
-        color: knobProps.textAccentColor,
-        paddingHorizontal: "$2",
-        ...knobProps.label,
-        fontWeight: "400",
-        children: t("Info")
-      }), metadata.map(function (entry) {
-        var _entry_icon;
-        return /* @__PURE__ */_jsx(ListItem, {
-          size: knobProps.sizeToken,
-          icon: (_entry_icon = entry.icon) !== null && _entry_icon !== void 0 ? _entry_icon : /* @__PURE__ */_jsx(UserIcon, {
-            size: iconSize,
-            color: placeholderIconColor,
-            style: {
-              flexShrink: 0
-            }
-          }),
-          title: /* @__PURE__ */_jsx(Text, {
-            color: knobProps.textAccentColor,
-            ...knobProps.label,
-            children: entry.label
-          }),
-          backgroundColor: "transparent",
-          paddingVertical: "$1"
-        }, entry.label);
-      })]
-    })]
+              onPress: function onPress() {
+                var _section_onRemoveItem;
+                return (_section_onRemoveItem = section.onRemoveItem) === null || _section_onRemoveItem === void 0 ? void 0 : _section_onRemoveItem.call(section, item);
+              }
+            }) : void 0
+          };
+        }),
+        emptyText: (_section_emptyText = section.emptyText) !== null && _section_emptyText !== void 0 ? _section_emptyText : t("None")
+      })
+    };
+  }), ...(metadata.length > 0 ? [{
+    title: t("Info"),
+    items: metadata.map(function (entry) {
+      var _entry_icon;
+      return {
+        label: entry.label,
+        value: entry.label,
+        icon: (_entry_icon = entry.icon) !== null && _entry_icon !== void 0 ? _entry_icon : /* @__PURE__ */_jsx(UserIcon, {
+          size: iconSize,
+          color: placeholderIconColor
+        })
+      };
+    })
+  }] : [])];
+  return /* @__PURE__ */_jsx(Sidebar, {
+    role: "complementary",
+    "aria-label": t("Document details"),
+    width,
+    divider,
+    sections: railSections,
+    testID
   });
 }
 export { FormSidebar };

package/dist/esm/FormSidebar.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Avatar","componentColors","getInitials","Button","useResolvedKnobs","ImageSquareIcon","PlusIcon","UploadIcon","UserIcon","XIcon","React","useTranslation","Image","ListItem","Separator","Text","XStack","YStack","isWeb","useTheme","avatarColors","avatarColor","index","length","textColors","textColor","FormSidebar","param","imageUrl","imageLabel","onImageAdd","onImageRemove","sections","metadata","stackProps","_ref","_theme_color11","_knobProps_controlIcon","t","knobProps","theme","placeholderIconColor","color11","val","iconSize","Number","controlIcon","width","erroredUrl","setErroredUrl","useState","imageBroken","Boolean","sz","sizeToken","avatarSize","imageSize","resolvedImageLabel","showImageBlock","containerRadius","panelPadding","gapLg","borderInlineEndWidth","borderInlineEndStyle","borderInlineEndColor","borderEndWidth","borderEndColor","children","alignItems","gap","src","alt","height","objectFit","onError","justifyContent","borderWidth","borderStyle","borderColor","size","color","textAccentColor","label","role","tabIndex","onPress","cursor","chromeless","icon","map","section","sectionIdx","_section_emptyText","fontWeight","title","onAdd","circular","render","items","item","backgroundColor","Fallback","flex","text","primary","numberOfLines","sublabel"],"sources":["../../src/FormSidebar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Avatar","Image","Sidebar","Text","Button","useResolvedKnobs","ImageSquareIcon","PlusIcon","UploadIcon","UserIcon","XIcon","React","useTranslation","XStack","YStack","useTheme","FormSidebar","param","imageUrl","imageLabel","onImageAdd","onImageRemove","sections","metadata","width","divider","testID","_ref","_theme_color11","_knobProps_controlIcon","t","knobProps","theme","placeholderIconColor","color11","val","iconSize","Number","controlIcon","erroredUrl","setErroredUrl","useState","imageBroken","Boolean","sz","sizeToken","imageSize","resolvedImageLabel","imageBlock","alignItems","gap","children","containerRadius","src","alt","height","objectFit","onError","chromeless","icon","onPress","color","textAccentColor","label","size","railSections","items","content","map","section","_section_items","_section_emptyText","title","action","onAdd","render","item","value","id","subTitle","sublabel","name","nested","trailing","onRemoveItem","_section_onRemoveItem","call","emptyText","length","entry","_entry_icon","role"],"sources":["../../src/FormSidebar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/FrappeConnectionIndicator.mjs

@@ -1,9 +1,8 @@
 import { useFrappeConnection } from "@multiplatform.one/frappe";
-import { radiusClassProps, useResolvedKnobs } from "@multiplatform.one/theme";
+import { StatusDot } from "@multiplatform.one/components";
 import { useTranslation } from "react-i18next";
-import { XStack, YStack } from "tamagui";
-import { Text } from "@multiplatform.one/components";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { XStack } from "tamagui";
+import { jsx } from "react/jsx-runtime";
 function FrappeConnectionIndicator({
   config,
   connection
@@ -11,38 +10,20 @@ function FrappeConnectionIndicator({
   const {
     t
   } = useTranslation();
-  const {
-    knobProps
-  } = useResolvedKnobs();
   const hooked = useFrappeConnection(config);
   const {
     connected,
     everConnected
   } = connection ?? hooked;
   if (connected || !everConnected) return null;
-  return /* @__PURE__ */jsxs(XStack, {
+  return /* @__PURE__ */jsx(XStack, {
     role: "status",
     "aria-live": "polite",
     alignSelf: "flex-start",
-    alignItems: "center",
-    gap: "$2",
-    paddingHorizontal: "$3",
-    paddingVertical: "$1.5",
-    ...knobProps.borderRadius,
-    backgroundColor: "$yellow3",
-    borderColor: "$yellow7",
-    borderWidth: 1,
-    children: [/* @__PURE__ */jsx(YStack, {
-      ...radiusClassProps("R-PILL", "connection status dot"),
-      width: 8,
-      height: 8,
-      borderRadius: 4,
-      backgroundColor: "$yellow10"
-    }), /* @__PURE__ */jsx(Text, {
-      fontSize: "$2",
-      color: "$yellow11",
+    children: /* @__PURE__ */jsx(StatusDot, {
+      tone: "warning",
       children: t("Reconnecting\u2026")
-    })]
+    })
   });
 }
 export { FrappeConnectionIndicator };

package/dist/esm/FrappeConnectionIndicator.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useFrappeConnection","radiusClassProps","useResolvedKnobs","useTranslation","XStack","YStack","Text","jsx","jsxs","FrappeConnectionIndicator","config","connection","t","knobProps","hooked","connected","everConnected","role","alignSelf","alignItems","gap","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","borderColor","borderWidth","children","width","height","fontSize","color"],"sources":["../../src/FrappeConnectionIndicator.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,mBAAA,QAGK;AACP,SAASC,gBAAA,EAAkBC,gBAAA,QAAwB;AAEnD,SAASC,cAAA,QAAsB;AAC/B,SAASC,MAAA,EAAQC,MAAA,QAAc;AAC/B,SAASC,IAAA,QAAY;AA6BjB,SAaEC,GAAA,EAbFC,IAAA;AAPG,SAASC,0BAA0B;EAAEC,MAAA;EAAQC;AAAW,GAAmC;EAChG,MAAM;IAAEC;EAAE,IAAIT,cAAA,CAAe;EAC7B,MAAM;IAAEU;EAAU,IAAIX,gBAAA,CAAiB;EACvC,MAAMY,MAAA,GAASd,mBAAA,CAAoBU,MAAM;EACzC,MAAM;IAAEK,SAAA;IAAWC;EAAc,IAAIL,UAAA,IAAcG,MAAA;EACnD,IAAIC,SAAA,IAAa,CAACC,aAAA,EAAe,OAAO;EACxC,OACE,eAAAR,IAAA,CAACJ,MAAA;IACCa,IAAA,EAAK;IACL,aAAU;IACVC,SAAA,EAAU;IACVC,UAAA,EAAW;IACXC,GAAA,EAAI;IACJC,iBAAA,EAAkB;IAClBC,eAAA,EAAgB;IACf,GAAGT,SAAA,CAAUU,YAAA;IACdC,eAAA,EAAgB;IAChBC,WAAA,EAAY;IACZC,WAAA,EAAa;IAEbC,QAAA,kBAAApB,GAAA,CAACF,MAAA;MACE,GAAGJ,gBAAA,CAAiB,UAAU,uBAAuB;MACtD2B,KAAA,EAAO;MACPC,MAAA,EAAQ;MACRN,YAAA,EAAc;MACdC,eAAA,EAAgB;IAAA,CAClB,GACA,eAAAjB,GAAA,CAACD,IAAA;MAAKwB,QAAA,EAAS;MAAKC,KAAA,EAAM;MACvBJ,QAAA,EAAAf,CAAA,CAAE,oBAAe;IAAA,CACpB;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["useFrappeConnection","StatusDot","useTranslation","XStack","jsx","FrappeConnectionIndicator","config","connection","t","hooked","connected","everConnected","role","alignSelf","children","tone"],"sources":["../../src/FrappeConnectionIndicator.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,mBAAA,QAGK;AACP,SAASC,SAAA,QAAiB;AAE1B,SAASC,cAAA,QAAsB;AAC/B,SAASC,MAAA,QAAc;AA8BjB,SAAAC,GAAA;AAPC,SAASC,0BAA0B;EAAEC,MAAA;EAAQC;AAAW,GAAmC;EAChG,MAAM;IAAEC;EAAE,IAAIN,cAAA,CAAe;EAC7B,MAAMO,MAAA,GAAST,mBAAA,CAAoBM,MAAM;EACzC,MAAM;IAAEI,SAAA;IAAWC;EAAc,IAAIJ,UAAA,IAAcE,MAAA;EACnD,IAAIC,SAAA,IAAa,CAACC,aAAA,EAAe,OAAO;EACxC,OACE,eAAAP,GAAA,CAACD,MAAA;IAAOS,IAAA,EAAK;IAAS,aAAU;IAASC,SAAA,EAAU;IACjDC,QAAA,iBAAAV,GAAA,CAACH,SAAA;MAAUc,IAAA,EAAK;MAAWD,QAAA,EAAAN,CAAA,CAAE,oBAAe;IAAA,CAAE;EAAA,CAChD;AAEJ","ignoreList":[]}

package/dist/esm/FrappeConnectionIndicator.native.js

@@ -1,10 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useFrappeConnection } from "@multiplatform.one/frappe";
-import { radiusClassProps, useResolvedKnobs } from "@multiplatform.one/theme";
+import { StatusDot } from "@multiplatform.one/components";
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { XStack, YStack } from "tamagui";
-import { Text } from "@multiplatform.one/components";
+import { XStack } from "tamagui";
 function FrappeConnectionIndicator(param) {
   var {
     config,
@@ -13,38 +12,20 @@ function FrappeConnectionIndicator(param) {
   var {
     t
   } = useTranslation();
-  var {
-    knobProps
-  } = useResolvedKnobs();
   var hooked = useFrappeConnection(config);
   var {
     connected,
     everConnected
   } = connection !== null && connection !== void 0 ? connection : hooked;
   if (connected || !everConnected) return null;
-  return /* @__PURE__ */_jsxs(XStack, {
+  return /* @__PURE__ */_jsx(XStack, {
     role: "status",
     "aria-live": "polite",
     alignSelf: "flex-start",
-    alignItems: "center",
-    gap: "$2",
-    paddingHorizontal: "$3",
-    paddingVertical: "$1.5",
-    ...knobProps.borderRadius,
-    backgroundColor: "$yellow3",
-    borderColor: "$yellow7",
-    borderWidth: 1,
-    children: [/* @__PURE__ */_jsx(YStack, {
-      ...radiusClassProps("R-PILL", "connection status dot"),
-      width: 8,
-      height: 8,
-      borderRadius: 4,
-      backgroundColor: "$yellow10"
-    }), /* @__PURE__ */_jsx(Text, {
-      fontSize: "$2",
-      color: "$yellow11",
+    children: /* @__PURE__ */_jsx(StatusDot, {
+      tone: "warning",
       children: t("Reconnecting\u2026")
-    })]
+    })
   });
 }
 export { FrappeConnectionIndicator };

package/dist/esm/FrappeConnectionIndicator.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useFrappeConnection","radiusClassProps","useResolvedKnobs","React","useTranslation","XStack","YStack","Text","FrappeConnectionIndicator","param","config","connection","t","knobProps","hooked","connected","everConnected","role","alignSelf","alignItems","gap","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","borderColor","borderWidth","children","width","height","fontSize","color"],"sources":["../../src/FrappeConnectionIndicator.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,mBAAA;AAAA,SAGKC,gBAAA,EAAAC,gBAAA;AACP,OAAAC,KAAS;AAET,SAASC,cAAA,QAAsB;AAC/B,SAASC,MAAA,EAAQC,MAAA,QAAc;AAC/B,SAASC,IAAA,QAAY;AA6BjB,SAaEC,yBAbFA,CAAAC,KAAA;EAPG;IAAAC,MAAS;IAAAC;EAAA,IAAAF,KAA0B;EACxC;IAAMG;EAAE,IAAER,cAAI;EACd;IAAMS;EAAE,IAAUX,gBAAI;EACtB,IAAAY,MAAM,GAAAd,mBAAS,CAAAU,MAAoB;EACnC;IAAMK,SAAE;IAAAC;EAAW,IAAcL,UAAI,SAAc,IAAAA,UAAA,cAAAA,UAAA,GAAAG,MAAA;EACnD,IAAIC,SAAA,IAAa,CAACC,aAAA,EAAe,OAAO;EACxC,OACE,eAAAjB,KAAA,CAAAM,MAAA;IAACY,IAAA;IAAA;IAAAC,SACM;IAAAC,UACL,UAAU;IAAAC,GACV;IAAUC,iBACC;IAAAC,eACP;IAAA,GACJT,SAAA,CAAAU,YAAkB;IAAAC,eAClB,YAAgB;IAAAC,WACZ,YAAU;IAAAC,WACd;IAAgBC,QAChB,GACA,eAAa9B,IAAA,CAAAS,MAAA;MAEb,GAAAL,gBAAA;MAAA2B,KAAA;MAAAC,MAAC;MAAAN,YAAA;MAAAC,eACK;IAAkD,IAC/C,eACC3B,IAAA,CAAAU,IAAA;MAAAuB,QACR;MAAcC,KACd;MAAgBJ,QAAA,EAAAf,CAAA;IAAA,EAClB;EAGA;AAAA;AAAA,SAGNJ,yBAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","useFrappeConnection","StatusDot","React","useTranslation","XStack","FrappeConnectionIndicator","param","config","connection","t","hooked","connected","everConnected","role"],"sources":["../../src/FrappeConnectionIndicator.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA;AAAA,SACEC,mBAAA;AAAA,SAGKC,SAAA;AACP,OAAAC,KAAS;AAET,SAASC,cAAA,QAAsB;AAC/B,SAASC,MAAA,QAAc;AA8BjB,SAAAC,0BAAAC,KAAA;EAPC;IAAAC,MAAS;IAAAC;EAAA,IAAAF,KAA0B;EACxC;IAAMG;EAAE,IAAEN,cAAI;EACd,IAAAO,MAAM,GAAAV,mBAAS,CAAAO,MAAoB;EACnC;IAAMI,SAAE;IAAAC;EAAW,IAAcJ,UAAI,SAAc,IAAAA,UAAA,cAAAA,UAAA,GAAAE,MAAA;EACnD,IAAIC,SAAA,IAAa,CAACC,aAAA,EAAe,OAAO;EACxC,OACE,eAAAb,IAAC,CAAAK,MAAA;IAILS,IAAA","ignoreList":[]}