@multiplatform.one/components 6.6.0 → 7.0.0

package/dist/cjs/layouts/AsyncBoundary.native.js

@@ -34,10 +34,13 @@ __export(AsyncBoundary_exports, {
 module.exports = __toCommonJS(AsyncBoundary_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
 var import_react = require("@phosphor-icons/react");
 var import_react2 = require("react");
-var import_react_i18next = require("react-i18next");
+var import_i18n = require("../shared/i18n.native.js");
 var import_tamagui = require("tamagui");
+var import_Alert = require("../Alert/index.native.js");
+var import_componentColors = require("../componentColors.native.js");
 var import_Skeleton = require("../Skeleton/index.native.js");
 var import_page = require("./page.native.js");
 function _instanceof(left, right) {
@@ -115,7 +118,7 @@ function AsyncSkeleton(param) {
   } = param;
   var {
     t
-  } = (0, import_react_i18next.useTranslation)();
+  } = (0, import_i18n.useTranslation)();
   switch (layout) {
     case "list":
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
@@ -287,6 +290,75 @@ function AsyncSkeleton(param) {
       });
   }
 }
+function AsyncPendingBar() {
+  var {
+    t
+  } = (0, import_i18n.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    "data-async-pending": "true",
+    role: "status",
+    "aria-live": "polite",
+    "aria-label": t("Updating..."),
+    alignItems: "center",
+    ...knobProps.gap,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Spinner, {
+      size: "small",
+      "aria-hidden": true
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      ...knobProps.label,
+      color: import_componentColors.componentColors.text.muted,
+      children: t("Updating...")
+    })]
+  });
+}
+function defaultEmptyBody(param) {
+  var {
+    empty,
+    compact,
+    emptyTitle,
+    emptyDescription
+  } = param;
+  if (empty !== true && isReactNodeSlot(empty)) return empty;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_page.EmptyState, {
+    compact,
+    intent: "neutral",
+    "data-async-state": "empty",
+    title: emptyTitle,
+    description: emptyDescription
+  });
+}
+function defaultErrorBody(param) {
+  var {
+    error,
+    compact,
+    errorTitle,
+    errorDescription,
+    onRetry,
+    retryLabel
+  } = param;
+  if (isReactNodeSlot(error)) return error;
+  var copy = errorCopy(error, errorTitle, errorDescription);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_page.EmptyState, {
+    compact,
+    intent: "error",
+    "data-async-state": "error",
+    title: copy.title,
+    description: copy.description,
+    icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.WarningCircleIcon, {
+      size: compact ? 24 : 32
+    }),
+    action: onRetry ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+      size: compact ? "$3" : "$4",
+      onPress: onRetry,
+      children: retryLabel
+    }) : void 0
+  });
+}
 function AsyncBoundary(param) {
   var {
     loading,
@@ -302,72 +374,129 @@ function AsyncBoundary(param) {
     errorDescription,
     compact = false,
     chrome,
+    keepPrevious = true,
     ...stackProps
   } = param;
+  var {
+    t
+  } = (0, import_i18n.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact
+  });
   var status = resolveAsyncStatus({
     loading,
     empty,
     error
   });
-  var hideBadges = status === "error";
+  var content = data !== null && data !== void 0 ? data : children;
+  var retryLabel = t("Retry");
+  var emptyBody = defaultEmptyBody({
+    empty,
+    compact,
+    emptyTitle,
+    emptyDescription
+  });
+  var settledRef = (0, import_react2.useRef)(null);
+  if (status === "data") {
+    settledRef.current = {
+      kind: "data",
+      body: content
+    };
+  } else if (status === "empty") {
+    settledRef.current = {
+      kind: "empty",
+      body: emptyBody
+    };
+  }
+  var settled = keepPrevious ? settledRef.current : null;
   (0, import_react2.useEffect)(function () {
     if (status === "error" && isActiveFlag(empty)) {
       asyncDevWarn("empty-chrome-ignored-on-error", "DG-ST-01: empty slot is ignored while error is set");
     }
   }, [status, empty]);
-  var ctx = {
-    status,
-    hideBadges,
-    error: error !== null && error !== void 0 ? error : null
-  };
+  var displayStatus = status;
+  var pending = false;
+  var stale = false;
   var body = null;
+  var showChrome = status !== "error";
   if (status === "error") {
     if (isReactNodeSlot(error)) {
       body = error;
-    } else {
+    } else if ((settled === null || settled === void 0 ? void 0 : settled.kind) === "data") {
+      stale = true;
+      displayStatus = "data";
+      showChrome = true;
       var copy = errorCopy(error, errorTitle, errorDescription);
-      body = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_page.EmptyState, {
+      body = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        width: "100%",
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Alert.Alert, {
+          compact,
+          intent: "error",
+          title: copy.title,
+          actionLabel: onRetry ? retryLabel : void 0,
+          onAction: onRetry,
+          children: copy.description
+        }), content !== null && content !== void 0 ? content : settled.body]
+      });
+    } else {
+      body = defaultErrorBody({
+        error,
         compact,
-        intent: "error",
-        "data-async-state": "error",
-        title: copy.title,
-        description: copy.description,
-        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.WarningCircleIcon, {
-          size: compact ? 24 : 32
-        }),
-        action: onRetry ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-          size: compact ? "$3" : "$4",
-          onPress: onRetry,
-          children: "Retry"
-        }) : void 0
+        errorTitle,
+        errorDescription,
+        onRetry,
+        retryLabel
       });
     }
   } else if (status === "loading") {
-    body = loading !== true && isReactNodeSlot(loading) ? loading : /* @__PURE__ */(0, import_jsx_runtime.jsx)(AsyncSkeleton, {
-      layout
-    });
+    if (settled) {
+      pending = true;
+      displayStatus = settled.kind;
+      showChrome = true;
+      var kept = settled.kind === "data" ? content !== null && content !== void 0 ? content : settled.body : settled.body;
+      body = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        width: "100%",
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(AsyncPendingBar, {}), kept]
+      });
+    } else {
+      body = loading !== true && isReactNodeSlot(loading) ? loading : /* @__PURE__ */(0, import_jsx_runtime.jsx)(AsyncSkeleton, {
+        layout
+      });
+    }
   } else if (status === "empty") {
-    body = empty !== true && isReactNodeSlot(empty) ? empty : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_page.EmptyState, {
-      compact,
-      intent: "neutral",
-      "data-async-state": "empty",
-      title: emptyTitle,
-      description: emptyDescription
-    });
+    body = emptyBody;
   } else {
-    body = data !== null && data !== void 0 ? data : children;
+    body = content;
   }
+  var hideBadges = displayStatus === "error";
+  var ctx = {
+    status: displayStatus,
+    hideBadges,
+    error: error !== null && error !== void 0 ? error : null,
+    pending,
+    stale
+  };
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(AsyncBoundaryContext.Provider, {
     value: ctx,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      "data-async-status": status,
+      "data-async-status": displayStatus,
+      ...(pending ? {
+        "data-async-pending": "true"
+      } : {}),
+      ...(stale ? {
+        "data-async-stale": "true"
+      } : {}),
       width: "100%",
-      ...(status === "loading" ? {
+      ...(pending || status === "loading" ? {
         "aria-busy": true
       } : {}),
       ...stackProps,
-      children: [/* Chrome (toolbars / badges) suppressed on error so counts can't lie */
-      status !== "error" ? chrome : null, body]
+      children: [/* Chrome (toolbars / badges) suppressed on blocking error so counts can't lie */
+      showChrome ? chrome : null, body]
     })
   });
 }

package/dist/cjs/layouts/AsyncBoundary.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AsyncBoundary_exports","__export","AsyncBoundary","AsyncSkeleton","__resetAsyncDevWarnSeen","resolveAsyncStatus","useAsyncBoundary","useAsyncCount","module","exports","import_jsx_runtime","require","import_forms","import_react","import_react2","import_react_i18next","import_tamagui","import_Skeleton","import_page","_instanceof","left","right","Symbol","hasInstance","AsyncBoundaryContext","createContext","useContext","ctx","hideBadges","isReactNodeSlot","Error","isActiveError","error","isActiveFlag","opts","loading","empty","errorCopy","errorTitle","errorDescription","title","description","message","seenDevWarns","Set","asyncDevWarn","code","detail","arguments","length","process","env","NODE_ENV","key","has","add","console","warn","clear","param","layout","rest","t","useTranslation","jsx","YStack","gap","width","children","Array","from","map","_","i","jsxs","XStack","alignItems","paddingVertical","Skeleton","Circle","size","flex","height","paddingBottom","borderBottomWidth","borderColor","col","padding","borderWidth","borderRadius","justifyContent","_2","row","variant","flexWrap"],"sources":["../../../src/layouts/AsyncBoundary.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AsyncBoundary_exports","__export","AsyncBoundary","AsyncSkeleton","__resetAsyncDevWarnSeen","resolveAsyncStatus","useAsyncBoundary","useAsyncCount","module","exports","import_jsx_runtime","require","import_forms","import_theme","import_react","import_react2","import_i18n","import_tamagui","import_Alert","import_componentColors","import_Skeleton","import_page","_instanceof","left","right","Symbol","hasInstance","AsyncBoundaryContext","createContext","useContext","ctx","hideBadges","isReactNodeSlot","Error","isActiveError","error","isActiveFlag","opts","loading","empty","errorCopy","errorTitle","errorDescription","title","description","message","seenDevWarns","Set","asyncDevWarn","code","detail","arguments","length","process","env","NODE_ENV","key","has","add","console","warn","clear","param","layout","rest","t","useTranslation","jsx","YStack","gap","width","children","Array","from","map","_","i","jsxs","XStack","alignItems","paddingVertical","Skeleton","Circle","size","flex","height","paddingBottom","borderBottomWidth","borderColor","col","padding","borderWidth","borderRadius","justifyContent","_2","row","variant","flexWrap","Text","lines","AsyncPendingBar","knobProps","useResolvedKnobs","compact","role","Spinner","label","color","componentColors","text","muted","defaultEmptyBody","emptyTitle","emptyDescription","EmptyState","intent","defaultErrorBody","onRetry","retryLabel","copy","icon","WarningCircleIcon","action","Button","onPress","data","chrome","keepPrevious","stackProps","status","content","emptyBody","settledRef","useRef","current","kind","body"],"sources":["../../../src/layouts/AsyncBoundary.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/layouts/EmptyState.cjs

@@ -0,0 +1,157 @@
+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 EmptyState_exports = {};
+__export(EmptyState_exports, {
+  EmptyState: () => EmptyState
+});
+module.exports = __toCommonJS(EmptyState_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_componentColors = require("../componentColors.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function EmptyState({
+  title,
+  description,
+  icon,
+  action,
+  compact = false,
+  intent = "neutral",
+  children,
+  ...rest
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact
+  });
+  const headingFamily = import_tamagui.isWeb ? null : {
+    fontFamily: knobProps.heading.fontFamily
+  };
+  const titleId = (0, import_react.useId)();
+  const isError = intent === "error";
+  const frameGap = compact ? knobProps.gap : knobProps.gapLg;
+  if (isError) {
+    (0, import_theme.warnBannedErrorWords)(title, {
+      component: "EmptyState"
+    });
+    (0, import_theme.warnBannedErrorWords)(description, {
+      component: "EmptyState"
+    });
+  }
+  const well = icon ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: import_componentColors.componentColors.interactive.background,
+    ...(0, import_theme.radiusClassProps)("R-PILL", "empty icon well"),
+    padding: knobProps.sizeToken,
+    borderRadius: 1e3,
+    "aria-hidden": true,
+    ...(!import_tamagui.isWeb ? {
+      accessibilityElementsHidden: true
+    } : null),
+    children: icon
+  }) : null;
+  const titleNode = compact ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+    ...(import_tamagui.isWeb ? {
+      id: titleId
+    } : {
+      nativeID: titleId
+    }),
+    ...knobProps.body,
+    color: import_componentColors.componentColors.text.primary,
+    textAlign: "center",
+    margin: 0,
+    width: "100%",
+    ...(!import_tamagui.isWeb && {
+      numberOfLines: 2,
+      adjustsFontSizeToFit: true,
+      minimumFontScale: 0.55
+    }),
+    children: title
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H2, {
+    ...(import_tamagui.isWeb ? {
+      id: titleId
+    } : {
+      nativeID: titleId
+    }),
+    ...headingFamily,
+    ...knobProps.textWeight,
+    textAlign: "center",
+    margin: 0,
+    width: "100%",
+    color: import_componentColors.componentColors.text.primary,
+    ...(!import_tamagui.isWeb && {
+      numberOfLines: 2,
+      adjustsFontSizeToFit: true,
+      minimumFontScale: 0.55
+    }),
+    children: title
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    flex: compact ? void 0 : 1,
+    width: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+    "data-empty-intent": intent,
+    ...(import_tamagui.isWeb ? {
+      role: isError ? "alert" : "status",
+      "aria-labelledby": titleId,
+      ...(!isError ? {
+        "aria-live": "polite"
+      } : null)
+    } : {
+      accessibilityRole: isError ? "alert" : "text",
+      accessibilityLabel: title
+    }),
+    ...knobProps.panelPadding,
+    ...frameGap,
+    ...rest,
+    children: [well && isError ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.Intent, {
+      name: "error",
+      children: well
+    }) : well, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      alignItems: "center",
+      gap: "$1",
+      ...(0, import_theme.readingWidthStyle)(),
+      children: [titleNode, description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        ...knobProps.body,
+        color: knobProps.textAccentColor,
+        fontSize: knobProps.label.fontSize,
+        textAlign: "center",
+        margin: 0,
+        width: "100%",
+        children: description
+      }) : null]
+    }), action ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      justifyContent: "center",
+      flexWrap: "wrap",
+      flexShrink: 1,
+      minWidth: 0,
+      maxWidth: "100%",
+      children: action
+    }) : null, children]
+  });
+}

package/dist/cjs/layouts/EmptyState.native.js

@@ -0,0 +1,165 @@
+"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 EmptyState_exports = {};
+__export(EmptyState_exports, {
+  EmptyState: () => EmptyState
+});
+module.exports = __toCommonJS(EmptyState_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_componentColors = require("../componentColors.native.js");
+function EmptyState(param) {
+  var {
+    title,
+    description,
+    icon,
+    action,
+    compact = false,
+    intent = "neutral",
+    children,
+    ...rest
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact
+  });
+  var headingFamily = import_tamagui.isWeb ? null : {
+    fontFamily: knobProps.heading.fontFamily
+  };
+  var titleId = (0, import_react.useId)();
+  var isError = intent === "error";
+  var frameGap = compact ? knobProps.gap : knobProps.gapLg;
+  if (isError) {
+    (0, import_theme.warnBannedErrorWords)(title, {
+      component: "EmptyState"
+    });
+    (0, import_theme.warnBannedErrorWords)(description, {
+      component: "EmptyState"
+    });
+  }
+  var well = icon ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: import_componentColors.componentColors.interactive.background,
+    // R-PILL icon well: always a circle; its inset scales with the
+    // size knob (spec: empty icon well consumes sizeToken). Declared so
+    // the `radius:none` sweep licenses the circle instead of guessing
+    // from its geometry (D-09 / LC-60).
+    ...(0, import_theme.radiusClassProps)("R-PILL", "empty icon well"),
+    padding: knobProps.sizeToken,
+    borderRadius: 1e3,
+    "aria-hidden": true,
+    ...(!import_tamagui.isWeb ? {
+      accessibilityElementsHidden: true
+    } : null),
+    children: icon
+  }) : null;
+  var titleNode = compact ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+    ...(import_tamagui.isWeb ? {
+      id: titleId
+    } : {
+      nativeID: titleId
+    }),
+    ...knobProps.body,
+    color: import_componentColors.componentColors.text.primary,
+    textAlign: "center",
+    margin: 0,
+    width: "100%",
+    ...(!import_tamagui.isWeb && {
+      numberOfLines: 2,
+      adjustsFontSizeToFit: true,
+      minimumFontScale: 0.55
+    }),
+    children: title
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H2, {
+    ...(import_tamagui.isWeb ? {
+      id: titleId
+    } : {
+      nativeID: titleId
+    }),
+    ...headingFamily,
+    ...knobProps.textWeight,
+    textAlign: "center",
+    margin: 0,
+    width: "100%",
+    color: import_componentColors.componentColors.text.primary,
+    ...(!import_tamagui.isWeb && {
+      numberOfLines: 2,
+      adjustsFontSizeToFit: true,
+      minimumFontScale: 0.55
+    }),
+    children: title
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    flex: compact ? void 0 : 1,
+    width: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+    "data-empty-intent": intent,
+    ...(import_tamagui.isWeb ? {
+      role: isError ? "alert" : "status",
+      "aria-labelledby": titleId,
+      ...(!isError ? {
+        "aria-live": "polite"
+      } : null)
+    } : {
+      accessibilityRole: isError ? "alert" : "text",
+      accessibilityLabel: title
+    }),
+    ...knobProps.panelPadding,
+    ...frameGap,
+    ...rest,
+    children: [well && isError ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.Intent, {
+      name: "error",
+      children: well
+    }) : well, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      alignItems: "center",
+      gap: "$1",
+      ...(0, import_theme.readingWidthStyle)(),
+      children: [titleNode, description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        ...knobProps.body,
+        color: knobProps.textAccentColor,
+        fontSize: knobProps.label.fontSize,
+        textAlign: "center",
+        margin: 0,
+        width: "100%",
+        children: description
+      }) : null]
+    }), action ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      justifyContent: "center",
+      flexWrap: "wrap",
+      flexShrink: 1,
+      minWidth: 0,
+      maxWidth: "100%",
+      children: action
+    }) : null, children]
+  });
+}
+//# sourceMappingURL=EmptyState.native.js.map

package/dist/cjs/layouts/EmptyState.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","EmptyState_exports","__export","EmptyState","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_componentColors","param","title","description","icon","action","compact","intent","children","rest","knobProps","useResolvedKnobs","headingFamily","isWeb","fontFamily","heading","titleId","useId","isError","frameGap","gap","gapLg","warnBannedErrorWords","component","well","jsx","YStack","alignItems","justifyContent","backgroundColor","componentColors","interactive","background","radiusClassProps","padding","sizeToken","borderRadius","accessibilityElementsHidden","titleNode","Paragraph","id","nativeID","body","color","text","primary","textAlign","margin","width","numberOfLines","adjustsFontSizeToFit","minimumFontScale","H2","textWeight","jsxs","flex","role","accessibilityRole","accessibilityLabel","panelPadding","Intent","name","readingWidthStyle","textAccentColor","fontSize","label"],"sources":["../../../src/layouts/EmptyState.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}