@multiplatform.one/components 6.7.0 → 7.0.0

package/dist/esm/Alert/index.native.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { Intent, MIN_PRESS_TARGET, pressTargetHitSlop, pressTargetStyle, useResolvedKnobs, warnBannedErrorWords } from "@multiplatform.one/theme";
-import { Button } from "@multiplatform.one/forms";
+import { useId, useState } from "react";
+import { useTranslation } from "../shared/i18n.native.js";
+import { Intent, MIN_PRESS_TARGET, ensureCompositeFocusRing, pressTargetHitSlop, pressTargetStyle, useResolvedKnobs, warnBannedErrorWords } from "@multiplatform.one/theme";
 import { CheckCircleIcon, InfoIcon, WarningIcon, XCircleIcon, XIcon } from "@phosphor-icons/react";
-import { SizableText, View, XStack, YStack, styled, useTheme } from "tamagui";
+import { SizableText, View, XStack, YStack, isWeb, styled, useTheme } from "tamagui";
 var intentThemeMap = {
   info: "accent",
   success: "success",
@@ -26,8 +25,10 @@ var AlertFrame = styled(XStack, {
   backgroundColor: "$color3",
   borderColor: "$color6"
 });
-var DISMISS_VISUAL = 20;
-var DISMISS_OUTSET = Math.ceil((MIN_PRESS_TARGET - DISMISS_VISUAL) / 2);
+var DISMISS_ICON = 16;
+var DISMISS_ICON_COMPACT = 14;
+var DISMISS_RING_INSET = 4;
+var DISMISS_RING_INSET_COMPACT = 2;
 var DISMISS_ADJACENT_OUTSET = 6;
 var DismissButton = styled(View, {
   name: "AlertDismiss",
@@ -37,23 +38,124 @@ var DismissButton = styled(View, {
   alignItems: "center",
   justifyContent: "center",
   flexShrink: 0,
-  padding: "$1",
   borderWidth: 0,
   backgroundColor: "transparent",
   borderRadius: "$2",
+  opacity: 0.7,
+  outlineWidth: 0,
+  hoverStyle: {
+    opacity: 1
+  },
+  pressStyle: {
+    opacity: 0.9
+  },
+  focusStyle: {
+    outlineWidth: 0
+  },
+  focusVisibleStyle: {
+    opacity: 1,
+    outlineWidth: 0
+  }
+});
+var DismissRing = styled(View, {
+  name: "AlertDismissRing",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: "$1",
+  borderRadius: "$2",
   hoverStyle: {
     backgroundColor: "$color5"
+  }
+});
+var AlertActionTarget = styled(View, {
+  name: "AlertAction",
+  role: "button",
+  tabIndex: 0,
+  cursor: "pointer",
+  backgroundColor: "transparent",
+  borderWidth: 0,
+  alignItems: "center",
+  justifyContent: "center",
+  flexShrink: 0,
+  opacity: 0.9,
+  outlineWidth: 0,
+  hoverStyle: {
+    opacity: 1
   },
   pressStyle: {
-    backgroundColor: "$color6"
+    opacity: 0.95
+  },
+  focusStyle: {
+    outlineWidth: 0
   },
   focusVisibleStyle: {
-    outlineWidth: 2,
-    outlineStyle: "solid",
-    outlineColor: "$color8",
-    outlineOffset: 1
+    opacity: 1,
+    outlineWidth: 0
   }
 });
+var AlertActionPill = styled(View, {
+  name: "AlertActionPill",
+  paddingHorizontal: "$2",
+  paddingVertical: "$1",
+  alignItems: "center",
+  justifyContent: "center",
+  hoverStyle: {
+    backgroundColor: "$color5"
+  },
+  pressStyle: {
+    backgroundColor: "$color6"
+  }
+});
+var activateOnEnterSpace = function activateOnEnterSpace2(onPress) {
+  return {
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === "Enter" || e.key === " ") {
+        var _e_preventDefault;
+        (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+        onPress === null || onPress === void 0 ? void 0 : onPress();
+      }
+    }
+  };
+};
+function AlertAction(param) {
+  var {
+    label,
+    onPress,
+    nestedPx,
+    hitSlop,
+    besideAdjacent,
+    body,
+    labelType,
+    pointy,
+    radiusOuter
+  } = param;
+  var outset = Math.max(0, Math.ceil((MIN_PRESS_TARGET - nestedPx) / 2));
+  var hOutset = besideAdjacent ? Math.min(outset, DISMISS_ADJACENT_OUTSET) : outset;
+  return /* @__PURE__ */_jsx(AlertActionTarget, {
+    className: "mp-chip-dismiss",
+    "aria-label": label,
+    ...pressTargetStyle(),
+    marginVertical: -outset,
+    marginHorizontal: -hOutset,
+    hitSlop: besideAdjacent ? void 0 : hitSlop,
+    onPress,
+    ...activateOnEnterSpace(onPress),
+    children: /* @__PURE__ */_jsx(AlertActionPill, {
+      className: "mp-chip-dismiss-ring",
+      minHeight: nestedPx,
+      ...radiusOuter,
+      borderRadius: pointy ? 0 : radiusOuter.borderRadius,
+      children: /* @__PURE__ */_jsx(SizableText, {
+        ...body,
+        ...labelType,
+        fontWeight: "600",
+        color: "$color12",
+        userSelect: "none",
+        children: label
+      })
+    })
+  });
+}
 function AlertInner(param) {
   var {
     intent = "info",
@@ -63,6 +165,9 @@ function AlertInner(param) {
     action,
     actionLabel,
     onAction,
+    secondaryAction,
+    secondaryActionLabel,
+    onSecondaryAction,
     dismissible = false,
     onDismiss,
     visible,
@@ -70,21 +175,30 @@ function AlertInner(param) {
     compact = false,
     ...props
   } = param;
-  var _theme_color11;
+  var _theme_color11, _theme_color9;
   var {
     t
   } = useTranslation();
+  var titleId = useId();
   var {
     knobProps
   } = useResolvedKnobs({
     component: "Alert",
     compact
   });
+  if (typeof document !== "undefined") ensureCompositeFocusRing();
   var theme = useTheme();
   var iconColor = (_theme_color11 = theme.color11) === null || _theme_color11 === void 0 ? void 0 : _theme_color11.get();
+  var stripeColor = (_theme_color9 = theme.color9) === null || _theme_color9 === void 0 ? void 0 : _theme_color9.get();
   var [uncontrolledVisible, setUncontrolledVisible] = useState(defaultVisible);
   var shown = visible !== void 0 ? visible : uncontrolledVisible;
   if (!shown) return null;
+  var compactDensity = knobProps.density === "compact";
+  var nestedPx = knobProps.nestedControl.px;
+  var dismissIcon = compactDensity ? DISMISS_ICON_COMPACT : DISMISS_ICON;
+  var dismissInset = compactDensity ? DISMISS_RING_INSET_COMPACT : DISMISS_RING_INSET;
+  var dismissVisual = dismissIcon + dismissInset * 2;
+  var dismissOutset = Math.max(0, Math.ceil((MIN_PRESS_TARGET - dismissVisual) / 2));
   var isTextual = function isTextual2(n) {
     return typeof n === "string" || typeof n === "number";
   };
@@ -104,89 +218,126 @@ function AlertInner(param) {
     onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
   };
   var IconComponent = intentIconMap[intent];
+  var iconSize = compactDensity ? 16 : 20;
   var iconNode = icon === null ? null : icon !== null && icon !== void 0 ? icon : /* @__PURE__ */_jsx(IconComponent, {
-    size: compact ? 18 : 20,
+    size: iconSize,
     weight: "fill",
     color: iconColor
   });
-  var iconSlotHeight = compact ? 20 : 22;
-  var actionNode = action !== null && action !== void 0 ? action : actionLabel ? /* @__PURE__ */_jsx(Button, {
-    compact: true,
+  var hasPrimary = action != null || Boolean(actionLabel);
+  var hasSecondary = secondaryAction != null || Boolean(secondaryActionLabel);
+  var hasActions = hasPrimary || hasSecondary;
+  var stackedActions = Boolean(hasActions && (title != null && children != null || hasPrimary && hasSecondary));
+  var dismissBesideAction = hasActions && !stackedActions;
+  var actionBesideAdjacent = hasSecondary || dismissBesideAction;
+  var actionShared = {
+    nestedPx,
+    hitSlop: knobProps.nestedControl.hitSlop,
+    body: knobProps.body,
+    labelType: knobProps.label,
+    pointy: knobProps.pointy,
+    radiusOuter: knobProps.borderRadiusOuter,
+    besideAdjacent: actionBesideAdjacent
+  };
+  var primaryAction = action !== null && action !== void 0 ? action : actionLabel ? /* @__PURE__ */_jsx(AlertAction, {
+    label: actionLabel,
     onPress: onAction,
-    children: actionLabel
+    ...actionShared
   }) : null;
+  var secondaryNode = secondaryAction !== null && secondaryAction !== void 0 ? secondaryAction : secondaryActionLabel ? /* @__PURE__ */_jsx(AlertAction, {
+    label: secondaryActionLabel,
+    onPress: onSecondaryAction,
+    ...actionShared
+  }) : null;
+  var actionRow = hasActions ? /* @__PURE__ */_jsxs(XStack, {
+    flexShrink: 0,
+    flexWrap: "wrap",
+    alignItems: "center",
+    ...knobProps.gap,
+    "data-alert-actions": "",
+    children: [primaryAction, secondaryNode]
+  }) : null;
+  var assertive = intent === "error" || intent === "warning";
+  var hairline = Math.max(knobProps.borderRadius.borderWidth, 1);
+  var stripe = isWeb ? {
+    style: {
+      borderInlineStartWidth: 3,
+      borderInlineStartStyle: "solid",
+      borderInlineStartColor: stripeColor
+    }
+  } : {
+    borderStartWidth: 3,
+    borderStartColor: "$color9"
+  };
   return /* @__PURE__ */_jsxs(AlertFrame, {
     // Interruptive intents announce assertively; the rest politely.
-    role: intent === "error" || intent === "warning" ? "alert" : "status",
-    borderRadius: knobProps.borderRadius.borderRadius,
-    // Banner keeps at least a hairline so the tint reads as a surface even
-    // under borderWidth-none knob presets.
-    borderWidth: Math.max(knobProps.borderRadius.borderWidth, 1),
-    padding: compact ? "$2.5" : knobProps.panelPadding.padding,
-    gap: compact ? "$2" : "$3",
+    role: assertive ? "alert" : "status",
+    "aria-live": assertive ? "assertive" : "polite",
+    "aria-labelledby": title != null ? titleId : void 0,
+    // Polaris form-summary: parent may focus the banner on submit without
+    // adding a tab stop (LC-71: the frame is not a control).
+    tabIndex: -1,
+    "data-density": knobProps.density,
+    "data-layout": stackedActions ? "stacked" : "inline",
+    "data-nested-px": nestedPx,
+    "data-accent-stripe": "3",
+    ...knobProps.borderRadius,
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    borderColor: "$color6",
+    borderWidth: hairline,
+    ...stripe,
     transition: knobProps.transition,
     ...props,
     children: [iconNode ? /* @__PURE__ */_jsx(View, {
       flexShrink: 0,
-      height: iconSlotHeight,
-      justifyContent: "center",
+      "aria-hidden": true,
+      marginTop: 1,
       children: iconNode
     }) : null, /* @__PURE__ */_jsxs(YStack, {
       flexGrow: 1,
       flexShrink: 1,
       gap: "$1",
       justifyContent: "center",
-      minHeight: iconSlotHeight,
+      minWidth: 0,
       children: [title ? /* @__PURE__ */_jsx(SizableText, {
+        id: titleId,
         ...knobProps.body,
+        ...knobProps.label,
         fontWeight: "600",
         color: "$color12",
-        fontSize: compact ? "$3" : "$4",
-        lineHeight: compact ? 20 : 22,
         children: title
       }) : null, children != null && (textualChildren !== null ? /* @__PURE__ */_jsx(SizableText, {
         ...knobProps.body,
+        ...knobProps.label,
         // Step 12, not 11: $color11 on the step-3 tint measured 4.2:1
         // in the light semantic ramps (below the 4.5 floor); weight and
         // size keep the title/description hierarchy.
         color: "$color12",
-        fontSize: compact ? "$2" : "$3",
-        lineHeight: compact ? 18 : 20,
+        fontWeight: "400",
         children: textualChildren
-      }) : children)]
-    }), actionNode ?
-    // Same first-line slot as the icon: trailing controls center on the
-    // title line, so action + dismiss share one line (Axiom 15/16 —
-    // a content-sized slot floated the action ~11px below the dismiss X).
-    /* @__PURE__ */
-    _jsx(View, {
-      flexShrink: 0,
-      height: iconSlotHeight,
-      justifyContent: "center",
-      children: actionNode
-    }) : null, dismissible ? /* @__PURE__ */_jsx(DismissButton, {
+      }) : children), stackedActions ? actionRow : null]
+    }), !stackedActions ? actionRow : null, dismissible ? /* @__PURE__ */_jsx(DismissButton, {
       "aria-label": t("Dismiss"),
+      className: "mp-chip-dismiss",
       ...pressTargetStyle(),
-      ...(actionNode ? {
-        minWidth: DISMISS_VISUAL + DISMISS_ADJACENT_OUTSET * 2
+      ...(dismissBesideAction ? {
+        minWidth: dismissVisual + DISMISS_ADJACENT_OUTSET * 2
       } : null),
-      marginVertical: -DISMISS_OUTSET,
-      marginHorizontal: -(actionNode ? DISMISS_ADJACENT_OUTSET : DISMISS_OUTSET),
-      hitSlop: actionNode ? void 0 : pressTargetHitSlop(DISMISS_VISUAL),
+      marginVertical: -dismissOutset,
+      marginHorizontal: -(dismissBesideAction ? DISMISS_ADJACENT_OUTSET : dismissOutset),
+      hitSlop: dismissBesideAction ? void 0 : pressTargetHitSlop(dismissVisual),
       onPress: handleDismiss,
       // role=button divs don't get free keyboard activation on web.
-      ...{
-        onKeyDown: function onKeyDown(e) {
-          if (e.key === "Enter" || e.key === " ") {
-            var _e_preventDefault;
-            (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
-            handleDismiss();
-          }
-        }
-      },
-      children: /* @__PURE__ */_jsx(XIcon, {
-        size: 16,
-        color: iconColor
+      ...activateOnEnterSpace(handleDismiss),
+      children: /* @__PURE__ */_jsx(DismissRing, {
+        className: "mp-chip-dismiss-ring",
+        padding: compactDensity ? "$0.5" : "$1",
+        borderRadius: knobProps.pointy ? 0 : "$2",
+        children: /* @__PURE__ */_jsx(XIcon, {
+          size: dismissIcon,
+          color: iconColor
+        })
       })
     }) : null]
   });

package/dist/esm/Alert/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useState","useTranslation","Intent","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","warnBannedErrorWords","Button","CheckCircleIcon","InfoIcon","WarningIcon","XCircleIcon","XIcon","SizableText","View","XStack","YStack","styled","useTheme","intentThemeMap","info","success","warning","error","intentIconMap","AlertFrame","name","width","alignItems","backgroundColor","borderColor","DISMISS_VISUAL","DISMISS_OUTSET","Math","ceil","DISMISS_ADJACENT_OUTSET","DismissButton","role","tabIndex","cursor","justifyContent","flexShrink","padding","borderWidth","borderRadius","hoverStyle","pressStyle","focusVisibleStyle","outlineWidth","outlineStyle","outlineColor","outlineOffset","AlertInner","param","intent","title","children","icon","action","actionLabel","onAction","dismissible","onDismiss","visible","defaultVisible","compact","props","_theme_color11","t","knobProps","component","theme","iconColor","color11","get","uncontrolledVisible","setUncontrolledVisible","shown","isTextual","isTextual2","n","textualChildren","Array","isArray","every","join","String","handleDismiss","handleDismiss2","IconComponent","iconNode","size","weight","color","iconSlotHeight","actionNode","onPress","max","panelPadding","gap","transition","height","flexGrow","minHeight","body","fontWeight","fontSize","lineHeight","minWidth","marginVertical","marginHorizontal","hitSlop","onKeyDown","e","key","_e_preventDefault","preventDefault","call"],"sources":["../../../src/Alert/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useId","useState","useTranslation","Intent","MIN_PRESS_TARGET","ensureCompositeFocusRing","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","warnBannedErrorWords","CheckCircleIcon","InfoIcon","WarningIcon","XCircleIcon","XIcon","SizableText","View","XStack","YStack","isWeb","styled","useTheme","intentThemeMap","info","success","warning","error","intentIconMap","AlertFrame","name","width","alignItems","backgroundColor","borderColor","DISMISS_ICON","DISMISS_ICON_COMPACT","DISMISS_RING_INSET","DISMISS_RING_INSET_COMPACT","DISMISS_ADJACENT_OUTSET","DismissButton","role","tabIndex","cursor","justifyContent","flexShrink","borderWidth","borderRadius","opacity","outlineWidth","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","DismissRing","padding","AlertActionTarget","AlertActionPill","paddingHorizontal","paddingVertical","activateOnEnterSpace","activateOnEnterSpace2","onPress","onKeyDown","e","key","_e_preventDefault","preventDefault","call","AlertAction","param","label","nestedPx","hitSlop","besideAdjacent","body","labelType","pointy","radiusOuter","outset","Math","max","ceil","hOutset","min","className","marginVertical","marginHorizontal","children","minHeight","fontWeight","color","userSelect","AlertInner","intent","title","icon","action","actionLabel","onAction","secondaryAction","secondaryActionLabel","onSecondaryAction","dismissible","onDismiss","visible","defaultVisible","compact","props","_theme_color11","_theme_color9","t","titleId","knobProps","component","document","theme","iconColor","color11","get","stripeColor","color9","uncontrolledVisible","setUncontrolledVisible","shown","compactDensity","density","nestedControl","px","dismissIcon","dismissInset","dismissVisual","dismissOutset","isTextual","isTextual2","n","textualChildren","Array","isArray","every","join","String","handleDismiss","handleDismiss2","IconComponent","iconSize","iconNode","size","weight","hasPrimary","Boolean","hasSecondary","hasActions","stackedActions","dismissBesideAction","actionBesideAdjacent","actionShared","borderRadiusOuter","primaryAction","secondaryNode","actionRow","flexWrap","gap","assertive","hairline","stripe","style","borderInlineStartWidth","borderInlineStartStyle","borderInlineStartColor","borderStartWidth","borderStartColor","panelPadding","transition","marginTop","flexGrow","minWidth","id"],"sources":["../../../src/Alert/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAAC,KAAgC;AAChD,SAASC,KAAA,EAAAC,QAAA,QAAsB;AAC/B,SAAAC,cAAA;AAAA,SACEC,MAAA,EAAAC,gBAAA,EAAAC,wBAAA,EAAAC,kBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,oBAAA;AAAA,SAEAC,eAAA,EAAAC,QAAA,EAAAC,WAAA,EAAAC,WAAA,EAAAC,KAAA;AAAA,SACAC,WAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,QAAA;AAAA,IACAC,cAAA;EACAC,IAAA;EACAC,OAAA;EACAC,OAAA;EAAAC,KACK;AACP;AAEA,IAAAC,aAAS;EAoNDJ,IAAA,EAAAZ,QA8GJ;EAvRJa,OAAM,EAAAd,eAAkF;EACtFe,OAAM,EAAAb,WAAA;EACNc,KAAA,EAAAb;AAAS;AACA,IACTe,UAAO,GAAAR,MAAA,CAAAH,MAAA;EACTY,IAAA;EAEAC,KAAM;EACJC,UAAM;EACN;EACA;EACAC,eAAO;EACTC,WAAA;AAIA;AAAkC,IAChCC,YAAM;AAAA,IACNC,oBAAO;AAAA,IACPC,kBAAY;AAAA,IAAAC,0BAAA;AAAA,IAAAC,uBAAA;AAAA,IAGZC,aAAA,GAAiBnB,MAAA,CAAAJ,IAAA;EACjBa,IAAA,gBAAa;EACdW,IAAA;EAMDC,QAAM;EACNC,MAAM;EACNX,UAAM;EACNY,cAAM;EAKNC,UAAM;EAQNC,WAAM;EACJb,eAAM;EACNc,YAAM;EACNC,OAAA,KAAU;EACVC,YAAQ;EACRC,UAAA,EAAY;IACZF,OAAA;EACA;EACAG,UAAA;IACAH,OAAA;EACA;EACAI,UAAS;IACTH,YAAc;EACd;EAAYI,iBACD;IACXL,OAAA;IACAC,YAAY;EAAA;AACD,EACX;AAAA,IACAK,WAAY,GAAEjC,MAAA,CAAAJ,IAAA,EAAc;EAC5Ba,IAAA,oBAAmB;EAAAE,UACjB,EAAS;EAAAY,cACT,EAAc;EAChBW,OAAA;EACDR,YAAA;EAMDG,UAAM;IACJjB,eAAM;EACN;AAAY,EACZ;AAAgB,IAChBuB,iBAAS,GAAAnC,MAAA,CAAAJ,IAAA;EACTa,IAAA,eAAc;EACdW,IAAA,UAAY;EAAAC,QACV;EACFC,MAAA;EACDV,eAAA;EAMDa,WAAM;EACJd,UAAM;EACNY,cAAM;EACNC,UAAU;EACVG,OAAA,EAAQ;EACRC,YAAA;EACAC,UAAA;IACAF,OAAA;EACA;EACAG,UAAA,EAAY;IACZH,OAAS;EACT;EACAI,UAAA,EAAY;IACZH,YAAc;EACd;EACAI,iBAAA,EAAmB;IACpBL,OAAA;IAEDC,YAAM;EACJ;AAAM,EACN;AAAmB,IACnBQ,eAAiB,GAAApC,MAAA,CAAAJ,IAAA;EACjBa,IAAA,mBAAY;EACZ4B,iBAAgB;EAChBC,eAAc;EACd3B,UAAA,EAAY,QAAE;EACfY,cAAA;EAEDM,UAAM;IAEFjB,eAAY,EAAqD;EAC/D;EACEkB,UAAE;IACFlB,eAAU;EAAA;AACZ,EACF;AACF,IAAA2B,oBAAA,YAAAC,sBAAAC,OAAA;EAEF,OAAS;IACPC,SAAA,WAAAA,UAAAC,CAAA;MACA,IAAAA,CAAA,CAAAC,GAAA,gBAAAD,CAAA,CAAAC,GAAA;QACA,IAAAC,iBAAA;QACA,CAAAA,iBAAA,GAAAF,CAAA,CAAAG,cAAA,cAAAD,iBAAA,uBAAAA,iBAAA,CAAAE,IAAA,CAAAJ,CAAA;QACAF,OAAA,aAAAA,OAAA,uBAAAA,OAAA;MACA;IACA;EACA;AAAA;AAEF,SAUGO,YAAAC,KAAA;EACD;IAAMC,KAAA;IAAAT,OAAc;IAAAU,QAAO;IAAKC,OAAM;IAAAC,cAAA;IAAmBC,IAAA;IAAAC,SAAc;IAAAC,MAAA;IAAAC;EAAA,IAAAR,KAAA;EACvE,IAAAS,MAAM,GAAAC,IAAU,CAAAC,GAAA,IAAAD,IAAA,CAAAE,IAAiB,EAAA7E,gBAAiB,GAAAmE,QAAA;EAClD,IAAAW,OACE,GAAAT,cAAA,GAAAM,IAAA,CAAAI,GAAA,CAAAL,MAAA,EAAAxC,uBAAA,IAAAwC,MAAA;EAAA,OAAC,eAAAjF,IAAA,CAAA0D,iBAAA;IAAA6B,SAAA;IAAA,YACC,EAAUd,KAAA;IAAA,GACV/D,gBAAY;IAAA8E,cACR,GAAAP,MAAiB;IAAAQ,gBACrB,EAAgB,CAACJ,OAAA;IAAAV,OACjB,EAAAC,cAAmB,YAAAD,OAAA;IAAAX,OACnB;IAAsC,GACtCF,oBAAA,CAAAE,OAAA;IAAA0B,QACI,iBAAqB1F,IAAA,CAAA2D,eAAO;MAEhC4B,SAAA;MAAAI,SAAC,EAAAjB,QAAA;MAAA,GAAAM,WAAA;MAAA/B,YACC,EAAA8B,MAAU,OAAAC,WAAA,CAAA/B,YAAA;MAAAyC,QACV,iBAAW1F,IAAA,CAAAkB,WAAA;QAAA,GACV2D,IAAG;QAAA,GACJC,SAAA;QAAuCc,UAEvC;QAEAC,KAAA;QACFC,UAAA;QAAAJ,QAAA,EAAAjB;MACF;IAEJ;EAIA;AAAoB;AACT,SACTsB,WAAAvB,KAAA;EACA;IAAAwB,MAAA;IAAAC,KAAA;IAAAP,QAAA;IAAAQ,IAAA;IAAAC,MAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC,eAAA;IAAAC,oBAAA;IAAAC,iBAAA;IAAAC,WAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,cAAA;IAAAC,OAAA;IAAA,GAAAC;EAAA,IAAAtC,KAAA;EACA,IAAAuC,cAAA,EAAAC,aAAA;EACA;IAAAC;EAAA,IAAA5G,cAAA;EACA,IAAA6G,OAAA,GAAA/G,KAAA;EACA;IAAAgH;EAAA,IAAAxG,gBAAA;IACAyG,SAAA;IACAP;EACA;EACA,WAAAQ,QAAc,kBAAA7G,wBAAA;EACd,IAAA8G,KAAA,GAAA9F,QAAA;EACA,IAAA+F,SAAA,IAAAR,cAAA,GAAAO,KAAA,CAAAE,OAAA,cAAAT,cAAA,uBAAAA,cAAA,CAAAU,GAAA;EACA,IAAAC,WAAA,GAAiB,CAAAV,aAAA,GAAAM,KAAA,CAAAK,MAAA,cAAAX,aAAA,uBAAAA,aAAA,CAAAS,GAAA;EACjB,KAAAG,mBAAU,EAAAC,sBAAA,IAAAzH,QAAA,CAAAwG,cAAA;EACV,IAAGkB,KAAA,GAAAnB,OAAA,cAAAA,OAAA,GAAAiB,mBAAA;EACL,IAAe,CAAAE,KAAA;EACb,IAAAC,cAAc,GAAAZ,SAAe,CAAAa,OAAA;EAC7B,IAAAtD,QAAM,GAAAyC,SAAgB,CAAAc,aAAA,CAAAC,EAAA;EACtB,IAAAC,WAAQ,GAAUJ,cAAI,GAAAzF,oBAA8B,GAAAD,YAAkB;EACtE,IAAI+F,YAAO,GAAAL,cAAa,GAAavF,0BAAyB,GAAAD,kBAAA;EAC9D,IAAA8F,aAAc,GAAAF,WAAS,GAAAC,YAAA;EAGvB,IAAAE,aAAM,GAAYpD,IAAM,CAAAC,GAAA,IAAAD,IAAS,CAAIE,IAAA,EAAA7E,gBAAA,GAAA8H,aAAA;EACrC,IAAAE,SAAM,YAAcC,UAAcA,CAAAC,CAAA,EAAI;IACtC,OAAO,OAAAA,CAAA,aAAqB,WAAAA,CAAA,aAA0B;EACtD;EACA,IAAIC,eAAe,GAAAhD,QAAA,aAAA6C,SAAA,CAAA7C,QAAA,KAAAiD,KAAA,CAAAC,OAAA,CAAAlD,QAAA,KAAAA,QAAA,CAAAmD,KAAA,CAAAN,SAAA,KAAAI,KAAA,CAAAC,OAAA,CAAAlD,QAAA,IAAAA,QAAA,CAAAoD,IAAA,OAAAC,MAAA,CAAArD,QAAA;EAEnB,WAAMO,KAAA,aAAiB;IACvBrF,oBAAiB,CAAAqF,KAAU;MAC3BmB,SAAM;IACN;EACA;EACA,IAAAsB,eAAM,KAAgB,IAAK;IAK3B9H,oBAAmB,CAAA8H,eACJ;MACftB,SAAM;IAQN,EAAI;EACF;EACF,IAAA4B,aAAA,YAAAC,eAAA;IACA,IAAItC,OAAA,WAAoB,EAAAkB,sBAAM;IAC5BnB,SAAA,aAAqBA,SAAA,UAAmB,UAAW,GAAAA,SAAS;EAC9D;EAEA,IAAAwC,aAAM,GAAApH,aAAsB,CAAAkE,MAAA;EAC1B,IAAAmD,QAAI,GAAApB,cAAuB;EAC3B,IAAAqB,QAAA,GAAYlD,IAAA,mBAAAA,IAAA,aAAAA,IAAA,cAAAA,IAAA,kBAAAlG,IAAA,CAAAkJ,aAAA;IACdG,IAAA,EAAAF,QAAA;IAEAG,MAAM;IACNzD,KAAM,EAAA0B;EACN;EAKA,IAAAgC,UAAM,GAAApD,MAAa,QAAU,IAAAqD,OAAQ,CAAApD,WAAQ;EAC7C,IAAAqD,YAAM,GAAAnD,eAAe,QAAmB,IAAAkD,OAAQ,CAAAjD,oBAAQ;EACxD,IAAAmD,UAAM,GAAAH,UAAa,IAAAE,YAAc;EAGjC,IAAAE,cAAM,GAAAH,OAAiB,CAAAE,UAAA,KAAAzD,KAAA,YAAAP,QAAA,YAAA6D,UAAA,IAAAE,YAAA;EAAA,IACrBG,mBAAgB,GAASF,UAAQ,KAAAC,cAAsB;EACzD,IAAAE,oBAAA,GAAAJ,YAAA,IAAAG,mBAAA;EACA,IAAAE,YAAM;IACNpF,QAAM;IACNC,OAAM,EAAAwC,SAAA,CAAec,aAAA,CAAAtD,OAAA;IACnBE,IAAA,EAAAsC,SAAA,CAAAtC,IAAA;IACAC,SAAS,EAAAqC,SAAU,CAAA1C,KAAA;IACnBM,MAAM,EAAAoC,SAAU,CAAApC,MAAA;IAChBC,WAAW,EAAAmC,SAAU,CAAA4C,iBAAA;IACrBnF,cAAQ,EAAAiF;EAAU;EACK,IACvBG,aAAA,GAAgB7D,MAAA,aAAAA,MAAA,cAAAA,MAAA,GAAAC,WAAA,kBAAApG,IAAA,CAAAuE,WAAA;IAClBE,KAAA,EAAA2B,WAAA;IAEApC,OAAM,EAAAqC,QAAA;IAGN,GAAAyD;EAMA,SAAM;EACJ,IAACG,aAAA,GAAA3D,eAAA,aAAAA,eAAA,cAAAA,eAAA,GAAAC,oBAAA,kBAAAvG,IAAA,CAAAuE,WAAA;IAAAE,KAAA,EAAA8B,oBAAA;IAAAvC,OACC,EAAAwC,iBAAY;IAAA,GACZsD;EAAS,KACT;EAAW,IACVI,SAAG,GAAAR,UAAU,kBAAAxJ,KAAA,CAAAkB,MAAA;IAAA2B,UACd;IAAmBoH,QAElB;IAAAjI,UAAA;IAAA,GAAAiF,SACA,CAAAiD,GAAA;IAAA;IAAA1E,QAAA,GAEDsE,aAAA,EAEJC,aAAM;EAEN,SAAM;EACF,IACEI,SAAO,GAAArE,MAAA,gBAAAA,MAAA;EAAA,IACLsE,QAAA,GAAApF,IAAA,CAAAC,GAAA,CAAAgC,SAAwB,CAAAlE,YAAA,CAAAD,WAAA;EAAA,IACxBuH,MAAA,GAAAjJ,KAAA;IAAwBkJ,KACxB;MACFC,sBAAA;MAEFC,sBAAoB,EAAG;MAE3BC,sBACE,EAAAjD;IAAC;EAAA;IAAAkD,gBAEO;IAAsBC,gBACjB;EAA0B;EACM,OAG3C,eAAU3K,KAAA,CAAA6B,UAAA;IAAA;IACcY,IACxB,EAAA0H,SAAA,GAAa,kBAAiB;IAAY,WAC1C,EAAAA,SAAgB;IAAA,iBAChB,EAAApE,KAAmB,WAAAiB,OAAA;IAAA;IACL;IACAtE,QACV;IAAU,cACd,EAAYuE,SAAA,CAAAa,OAAA;IAAA,aACZ,EAAa2B,cAAA;IAAA,gBACT,EAAAjF,QAAA;IAAA,oBACQ,KAAU;IAAA,GACrByC,SAAG,CAAAlE,YAAA;IAAA,GAEHkE,SAAA,CAAA2D,YAAA;IAAA,GAAA3D,SAAA,CAAAiD,GACC;IAGEhI,WACJ;IACGY,WAAA,EAAAsH,QACC;IAAA,GAAAC,MAAC;IAAAQ,UAAA,EAAA5D,SAAA,CAAA4D,UAAA;IAAA,GAAAjE,KAAA;IACKpB,QAAA,EACH,CAAa0D,QACb,GAAG,eAAUpJ,IAAA,CAAAmB,IAAA;MAAA4B,UACd;MAAW,aACL;MAAAiI,SAEL;MAAAtF,QAAA,EAAA0D;IAAA,KACH,IACE,iBACSlJ,KAAA,CAAAmB,MACV;MACC4J,QAAC;MAAAlI,UAAA;MAAAqH,GAAA,MACK;MAAUtH,cACV,UAAU;MAAAoI,QAId;MAAMxF,QACN,GAAWO,KAEV,kBAAAjG,IAAA,CAAAkB,WAAA;QAAAiK,EAAA,EAAAjE,OAAA;QACH,GAEAC,SAAA,CAAAtC,IAAA;QAEH,GAAAsC,SAAA,CAAA1C,KAAiB;QACpBmB,UAAA;QACEC,KAAA,YAAiB;QAClBH,QAAA,EACCO;MAAC,WAAAP,QAAA,aAAAgD,eAAA,2BAAA1I,IAAA,CAAAkB,WAAA;QACC,GAAAiG,SAAA,CAAAtC,IAAc;QACd,GAAAsC,SAAU,CAAA1C,KAAA;QACT;QACA;QAGD;QACAoB,KAAA;QACAD,UAAS;QACTF,QAAA,EAASgD;MAAA,EAER,GAAGhD,QAAA,GAAkCiE,cAEtC,GAAAO,SAAA;IAAC,KAAAP,cACC,GAAAO,SAAU,SAAAzD,WACV,kBAASzG,IAAA,CAAA0C,aAA0B;MAAA,YACnC,EAAAuE,CAAA,UAAc;MAAuB1B,SAErC;MAA4C,GAAA7E,gBAAA;MAAA,IAAAkJ,mBAC9C;QAAAsB,QAAA,EAAA7C,aAAA,GAAA5F,uBAAA;MACF,IACE;MAAA+C,cAAA,GAAA8C,aAAA;MAAA7C,gBAAA,IAAAmE,mBAAA,GAAAnH,uBAAA,GAAA6F,aAAA;MACN3D,OAAA,EAAAiF,mBAAA,YAAAnJ,kBAAA,CAAA4H,aAAA;MAEJrE,OAAA,EAAAgF,aAAA;MAQO;MACC,GAAAlF,oBAAY,CAAAkF,aAAqB;MACvCtD,QACE,iBAAC1F,IAAA,CAAOwD,WAAM;QAIlB+B,SAAA","ignoreList":[]}

package/dist/esm/AnimateHeight/index.mjs

@@ -0,0 +1,140 @@
+import { isWeb } from "@multiplatform.one/platform";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { View } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+const settleTable = {
+  snappy: 300,
+  quick: 450,
+  bouncy: 800,
+  medium: 600,
+  tooltip: 700,
+  gentle: 900,
+  slow: 1100,
+  lazy: 1300
+};
+function settleMs(transition) {
+  if (!transition) return 0;
+  const ms = typeof transition === "string" ? settleTable[transition] : void 0;
+  return (ms ?? 600) + 80;
+}
+const AnimateHeight = forwardRef(function AnimateHeight2({
+  open,
+  children,
+  transition: transitionProp,
+  ...props
+}, ref) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const transition = transitionProp ?? knobProps.transition;
+  const collapsible = open !== void 0;
+  const [displayHeight, setDisplayHeight] = useState(collapsible && !open ? 0 : null);
+  const [exiting, setExiting] = useState(false);
+  const [prevOpen, setPrevOpen] = useState(open);
+  const measuredRef = useRef(null);
+  const openingRef = useRef(false);
+  const unmountTimerRef = useRef(null);
+  const rafRef = useRef(null);
+  const innerRef = useRef(null);
+  if (collapsible && open !== prevOpen) {
+    setPrevOpen(open);
+    if (open) {
+      openingRef.current = !exiting;
+      if (exiting) setExiting(false);
+    } else {
+      openingRef.current = false;
+      setExiting(true);
+    }
+  }
+  const shouldRenderChildren = !collapsible || open || exiting;
+  const atRestClosed = collapsible && !open && !exiting;
+  const clearPending = useCallback(() => {
+    if (unmountTimerRef.current != null) {
+      clearTimeout(unmountTimerRef.current);
+      unmountTimerRef.current = null;
+    }
+    if (rafRef.current != null && typeof cancelAnimationFrame === "function") {
+      cancelAnimationFrame(rafRef.current);
+      rafRef.current = null;
+    }
+  }, []);
+  const handleMeasured = useCallback(height => {
+    measuredRef.current = height;
+    if (collapsible && !open) return;
+    if (openingRef.current) {
+      openingRef.current = false;
+      rafRef.current = requestAnimationFrame(() => {
+        rafRef.current = requestAnimationFrame(() => {
+          rafRef.current = null;
+          setDisplayHeight(height);
+        });
+      });
+      return;
+    }
+    setDisplayHeight(height);
+  }, [collapsible, open]);
+  const handleMeasuredRef = useRef(handleMeasured);
+  handleMeasuredRef.current = handleMeasured;
+  const transitionRef = useRef(transition);
+  transitionRef.current = transition;
+  useLayoutEffect(() => {
+    if (!isWeb || !shouldRenderChildren) return;
+    const node = innerRef.current;
+    if (!node || typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(() => {
+      handleMeasuredRef.current(node.getBoundingClientRect().height);
+    });
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [shouldRenderChildren]);
+  const onInnerLayout = useCallback(event => {
+    handleMeasuredRef.current(event.nativeEvent.layout.height);
+  }, []);
+  useEffect(() => {
+    if (!collapsible) return;
+    clearPending();
+    if (open) {
+      if (!openingRef.current && measuredRef.current != null) {
+        setDisplayHeight(measuredRef.current);
+      }
+      return;
+    }
+    setDisplayHeight(0);
+    const closeTransition = transitionRef.current;
+    const canTween = Boolean(closeTransition) && (measuredRef.current ?? 0) > 0;
+    if (canTween) {
+      unmountTimerRef.current = setTimeout(() => {
+        unmountTimerRef.current = null;
+        setExiting(false);
+      }, settleMs(closeTransition));
+    } else {
+      setExiting(false);
+    }
+  }, [collapsible, open, clearPending]);
+  useEffect(() => clearPending, [clearPending]);
+  return /* @__PURE__ */jsx(View, {
+    ref,
+    overflow: "hidden",
+    ...(displayHeight != null ? {
+      height: displayHeight
+    } : {}),
+    ...(atRestClosed ? {
+      display: "none"
+    } : {}),
+    ...(transition ? {
+      transition
+    } : {}),
+    ...props,
+    children: shouldRenderChildren ? /* @__PURE__ */jsx(View, {
+      ref: innerRef,
+      flexShrink: 0,
+      ...(!isWeb ? {
+        onLayout: onInnerLayout
+      } : {}),
+      children
+    }) : null
+  });
+});
+export { AnimateHeight, settleMs };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/AnimateHeight/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["isWeb","useResolvedKnobs","forwardRef","useCallback","useEffect","useLayoutEffect","useRef","useState","View","jsx","settleTable","snappy","quick","bouncy","medium","tooltip","gentle","slow","lazy","settleMs","transition","ms","AnimateHeight","open","children","transitionProp","props","ref","knobProps","collapsible","displayHeight","setDisplayHeight","exiting","setExiting","prevOpen","setPrevOpen","measuredRef","openingRef","unmountTimerRef","rafRef","innerRef","current","shouldRenderChildren","atRestClosed","clearPending","clearTimeout","cancelAnimationFrame","handleMeasured","height","requestAnimationFrame","handleMeasuredRef","transitionRef","node","ResizeObserver","observer","getBoundingClientRect","observe","disconnect","onInnerLayout","event","nativeEvent","layout","closeTransition","canTween","Boolean","setTimeout","overflow","display","flexShrink","onLayout"],"sources":["../../../src/AnimateHeight/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}