@multiplatform.one/components 6.1.0 → 6.4.0

package/dist/cjs/Accordion/index.native.js

@@ -0,0 +1,353 @@
+"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 Accordion_exports = {};
+__export(Accordion_exports, {
+  Accordion: () => Accordion2
+});
+module.exports = __toCommonJS(Accordion_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@phosphor-icons/react");
+var import_platform = require("@multiplatform.one/platform");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_react3 = require("react");
+var import_componentColors = require("../componentColors.native.js");
+var import_themed = require("../icons/themed.native.js");
+var AccordionCtx = /* @__PURE__ */(0, import_react2.createContext)({
+  variant: "plain",
+  openValues: []
+});
+var AccordionItemCtx = /* @__PURE__ */(0, import_react2.createContext)({
+  open: false,
+  triggerId: "",
+  contentId: ""
+});
+var cardElevationShadow = {
+  $1: {
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.12,
+    // house light angle: blur = 2 x y-offset on every tier (Axiom 14)
+    shadowRadius: 2,
+    elevation: 2
+  },
+  $2: {
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 3
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 6,
+    elevation: 4
+  },
+  $4: {
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 10
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 20,
+    elevation: 8
+  }
+};
+var elevationKeyAlias = {
+  "20": "$1",
+  "28": "$2",
+  "44": "$4"
+};
+function getCardElevationProps(token) {
+  var _elevationKeyAlias_String, _cardElevationShadow_key;
+  if (token == null) return {};
+  var key = (_elevationKeyAlias_String = elevationKeyAlias[String(token)]) !== null && _elevationKeyAlias_String !== void 0 ? _elevationKeyAlias_String : String(token);
+  var shadow = (_cardElevationShadow_key = cardElevationShadow[key]) !== null && _cardElevationShadow_key !== void 0 ? _cardElevationShadow_key : cardElevationShadow.$2;
+  if (import_platform.isWeb) {
+    var {
+      elevation: _elevation,
+      ...webShadow
+    } = shadow;
+    return webShadow;
+  }
+  return shadow;
+}
+var ThemedCaretDown = (0, import_themed.themed)(import_react.CaretDownIcon);
+function Chevron(param) {
+  var {
+    open
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    alignItems: "center",
+    justifyContent: "center",
+    rotate: open ? "180deg" : "0deg",
+    ...(knobProps.transition ? {
+      transition: knobProps.transition
+    } : {}),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ThemedCaretDown, {
+      color: import_componentColors.componentColors.text.secondary,
+      size: 16
+    })
+  });
+}
+var AccordionRoot = /* @__PURE__ */(0, import_react3.forwardRef)(function Accordion(props, ref) {
+  var _props_collapsible;
+  var {
+    type = "single",
+    value: valueProp,
+    defaultValue,
+    onValueChange,
+    variant = "plain",
+    disabled,
+    children,
+    ...stackProps
+  } = props;
+  var collapsible = type === "single" ? (_props_collapsible = props.collapsible) !== null && _props_collapsible !== void 0 ? _props_collapsible : true : true;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var isControlled = valueProp !== void 0;
+  var [internalValue, setInternalValue] = (0, import_react2.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : type === "multiple" ? [] : "");
+  var current = isControlled ? valueProp : internalValue;
+  var handleValueChange = (0, import_react2.useCallback)(function (next) {
+    if (!isControlled) setInternalValue(next);
+    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(next);
+  }, [isControlled, onValueChange]);
+  var openValues = (0, import_react2.useMemo)(function () {
+    return Array.isArray(current) ? current : current ? [current] : [];
+  }, [current]);
+  var ctx = (0, import_react2.useMemo)(function () {
+    return {
+      variant,
+      openValues,
+      disabled
+    };
+  }, [variant, openValues, disabled]);
+  var cardProps = variant === "card" ? {
+    gap: knobProps.gap.gap
+  } : {};
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(AccordionCtx.Provider, {
+    value: ctx,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Accordion, {
+      ref,
+      // union-narrowing across single/multiple modes; collapsible only
+      // exists on the single-mode primitive — passing it in multiple mode
+      // leaks a non-boolean `collapsible` attribute onto the DOM node
+      ...{
+        type,
+        value: current,
+        onValueChange: handleValueChange,
+        ...(type === "single" ? {
+          collapsible
+        } : {})
+      },
+      disabled,
+      width: "100%",
+      ...cardProps,
+      ...stackProps,
+      children
+    })
+  });
+});
+var AccordionItem = /* @__PURE__ */(0, import_react3.forwardRef)(function AccordionItem2(param, ref) {
+  var {
+    value,
+    disabled: disabledProp,
+    children,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var {
+    variant,
+    openValues,
+    disabled: rootDisabled
+  } = (0, import_react2.useContext)(AccordionCtx);
+  var open = openValues.includes(value);
+  var disabled = rootDisabled || disabledProp;
+  var uid = (0, import_react2.useId)();
+  var itemCtx = (0, import_react2.useMemo)(function () {
+    return {
+      open,
+      disabled,
+      triggerId: `mp1-accordion-trigger-${uid}`,
+      contentId: `mp1-accordion-content-${uid}`
+    };
+  }, [open, disabled, uid]);
+  var {
+    elevation: elevationToken,
+    ...elevatedSurfaceRest
+  } = knobProps.elevatedSurface;
+  var variantProps = variant === "card" ? {
+    // card surface honoring radius/elevation/border knobs
+    ...elevatedSurfaceRest,
+    ...getCardElevationProps(elevationToken)
+  } : {
+    // plain: edge-to-edge divider rows (SP-EDGE)
+    borderBottomWidth: 1,
+    borderColor: import_componentColors.componentColors.surface.border
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(AccordionItemCtx.Provider, {
+    value: itemCtx,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Item, {
+      ref,
+      value,
+      disabled,
+      ...variantProps,
+      ...props,
+      children
+    })
+  });
+});
+var AccordionTrigger = /* @__PURE__ */(0, import_react3.forwardRef)(function AccordionTrigger2(param, ref) {
+  var {
+    children,
+    description,
+    icon,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var {
+    variant
+  } = (0, import_react2.useContext)(AccordionCtx);
+  var item = (0, import_react2.useContext)(AccordionItemCtx);
+  var paddingToken = knobProps.panelPadding.padding;
+  return (
+    // Heading wrapper for the ARIA accordion pattern. NOT tamagui's
+    // Accordion.Header — that renders a styled H1 whose 64px font/line
+    // height cascades into the row texts (and an h1 per section is wrong
+    // outline semantics anyway). View ignores `tag`, so use explicit
+    // role="heading" + aria-level for AT parity with an h3.
+    /* @__PURE__ */
+    (0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      role: "heading",
+      "aria-level": 3,
+      margin: 0,
+      width: "100%",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Trigger, {
+        ref,
+        unstyled: true,
+        id: item.triggerId,
+        "aria-controls": item.contentId,
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        width: "100%",
+        gap: "$3",
+        minHeight: 44,
+        paddingHorizontal: paddingToken,
+        paddingVertical: "$3",
+        backgroundColor: "transparent",
+        borderWidth: 0,
+        cursor: item.disabled ? "auto" : "pointer",
+        opacity: item.disabled ? 0.5 : 1,
+        outlineStyle: "none",
+        // Interaction rows are R-SCALE (List-row class): the hover/press
+        // surface rounds with the radius knob in both variants (LC-18).
+        borderRadius: knobProps.borderRadius.borderRadius,
+        ...(!item.disabled && {
+          hoverStyle: {
+            backgroundColor: import_componentColors.componentColors.interactive.background
+          },
+          pressStyle: {
+            backgroundColor: import_componentColors.componentColors.interactive.hover
+          }
+        }),
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineWidth: 2,
+          outlineStyle: "solid",
+          outlineOffset: -2
+        },
+        ...(knobProps.transition ? {
+          transition: knobProps.transition
+        } : {}),
+        ...props,
+        children: [icon ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          alignItems: "center",
+          justifyContent: "center",
+          children: icon
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          flex: 1,
+          gap: "$1",
+          children: [typeof children === "string" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            ...knobProps.body,
+            fontWeight: "600",
+            // Row title type scale follows the size knob (LC-18).
+            fontSize: knobProps.sizeToken,
+            lineHeight: knobProps.sizeToken,
+            color: import_componentColors.componentColors.text.primary,
+            children
+          }) : children, description != null && (typeof description === "string" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            ...knobProps.body,
+            fontSize: "$2",
+            lineHeight: "$2",
+            color: import_componentColors.componentColors.text.secondary,
+            children: description
+          }) : description)]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Chevron, {
+          open: item.open
+        })]
+      })
+    })
+  );
+});
+var AccordionContent = /* @__PURE__ */(0, import_react3.forwardRef)(function AccordionContent2(param, ref) {
+  var {
+    children,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var item = (0, import_react2.useContext)(AccordionItemCtx);
+  var paddingToken = knobProps.panelPadding.padding;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, {
+    ref,
+    unstyled: true,
+    id: item.contentId,
+    "aria-labelledby": item.triggerId,
+    paddingHorizontal: paddingToken,
+    paddingBottom: paddingToken,
+    paddingTop: "$1",
+    ...props,
+    children
+  });
+});
+var Accordion2 = (0, import_tamagui.withStaticProperties)(AccordionRoot, {
+  Item: AccordionItem,
+  Trigger: AccordionTrigger,
+  Content: AccordionContent
+});
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/Accordion/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Accordion_exports","__export","Accordion","Accordion2","module","exports","import_jsx_runtime","require","import_react","import_platform","import_theme","import_react2","import_tamagui","import_react3","import_componentColors","import_themed","AccordionCtx","createContext","variant","openValues","AccordionItemCtx","open","triggerId","contentId","cardElevationShadow","$1","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","$2","$4","elevationKeyAlias","getCardElevationProps","token","_elevationKeyAlias_String","_cardElevationShadow_key","key","String","shadow","isWeb","_elevation","webShadow","ThemedCaretDown","themed","CaretDownIcon","Chevron","param","knobProps","useResolvedKnobs","jsx","View","alignItems","justifyContent","rotate","transition","children","color","componentColors","text","secondary","size","AccordionRoot","forwardRef","props","ref","_props_collapsible","type","valueProp","defaultValue","onValueChange","disabled","stackProps","collapsible","isControlled","internalValue","setInternalValue","useState","current","handleValueChange","useCallback","next","useMemo","Array","isArray","ctx","cardProps","gap","Provider","AccordionItem","AccordionItem2","disabledProp","rootDisabled","useContext","includes","uid","useId","itemCtx","elevationToken","elevatedSurfaceRest","elevatedSurface","variantProps","borderBottomWidth","borderColor","surface","border","Item","AccordionTrigger","AccordionTrigger2","description","icon","item","paddingToken","panelPadding","padding","role","margin","jsxs","Trigger","unstyled","id","flexDirection","minHeight","paddingHorizontal","paddingVertical","backgroundColor","borderWidth","cursor","opacity","outlineStyle","borderRadius","hoverStyle","interactive","background","pressStyle","hover","focusVisibleStyle","outlineColor","outlineWidth","outlineOffset","YStack","flex","Text","body","fontWeight","fontSize","sizeToken","lineHeight","primary"],"sources":["../../../src/Accordion/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Alert/index.cjs

@@ -0,0 +1,217 @@
+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 Alert_exports = {};
+__export(Alert_exports, {
+  Alert: () => Alert
+});
+module.exports = __toCommonJS(Alert_exports);
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_theme = require("@multiplatform.one/theme");
+var import_forms = require("@multiplatform.one/forms");
+var import_react2 = require("@phosphor-icons/react");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+const intentThemeMap = {
+  info: "accent",
+  success: "success",
+  warning: "warning",
+  error: "error"
+};
+const intentIconMap = {
+  info: import_react2.InfoIcon,
+  success: import_react2.CheckCircleIcon,
+  warning: import_react2.WarningIcon,
+  error: import_react2.XCircleIcon
+};
+const AlertFrame = (0, import_tamagui.styled)(import_tamagui.XStack, {
+  name: "Alert",
+  width: "100%",
+  alignItems: "flex-start",
+  // Hue tint from the active intent sub-theme: step-3 surface with a step-6
+  // border keeps step-11/12 text AA-readable in both schemes.
+  backgroundColor: "$color3",
+  borderColor: "$color6"
+});
+const DISMISS_VISUAL = 20;
+const DISMISS_OUTSET = Math.ceil((import_theme.MIN_PRESS_TARGET - DISMISS_VISUAL) / 2);
+const DISMISS_ADJACENT_OUTSET = 6;
+const DismissButton = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "AlertDismiss",
+  role: "button",
+  tabIndex: 0,
+  cursor: "pointer",
+  alignItems: "center",
+  justifyContent: "center",
+  flexShrink: 0,
+  padding: "$1",
+  borderWidth: 0,
+  backgroundColor: "transparent",
+  borderRadius: "$2",
+  hoverStyle: {
+    backgroundColor: "$color5"
+  },
+  pressStyle: {
+    backgroundColor: "$color6"
+  },
+  focusVisibleStyle: {
+    outlineWidth: 2,
+    outlineStyle: "solid",
+    outlineColor: "$color8",
+    outlineOffset: 1
+  }
+});
+function AlertInner({
+  intent = "info",
+  title,
+  children,
+  icon,
+  action,
+  actionLabel,
+  onAction,
+  dismissible = false,
+  onDismiss,
+  visible,
+  defaultVisible = true,
+  compact = false,
+  ...props
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Alert",
+    compact
+  });
+  const theme = (0, import_tamagui.useTheme)();
+  const iconColor = theme.color11?.get();
+  const [uncontrolledVisible, setUncontrolledVisible] = (0, import_react.useState)(defaultVisible);
+  const shown = visible !== void 0 ? visible : uncontrolledVisible;
+  if (!shown) return null;
+  const isTextual = n => typeof n === "string" || typeof n === "number";
+  const textualChildren = children != null && (isTextual(children) || Array.isArray(children) && children.every(isTextual)) ? Array.isArray(children) ? children.join("") : String(children) : null;
+  if (typeof title === "string") {
+    (0, import_theme.warnBannedErrorWords)(title, {
+      component: "Alert"
+    });
+  }
+  if (textualChildren !== null) {
+    (0, import_theme.warnBannedErrorWords)(textualChildren, {
+      component: "Alert"
+    });
+  }
+  const handleDismiss = () => {
+    if (visible === void 0) setUncontrolledVisible(false);
+    onDismiss?.();
+  };
+  const IconComponent = intentIconMap[intent];
+  const iconNode = icon === null ? null : icon ?? /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconComponent, {
+    size: compact ? 18 : 20,
+    weight: "fill",
+    color: iconColor
+  });
+  const iconSlotHeight = compact ? 20 : 22;
+  const actionNode = action ?? (actionLabel ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+    compact: true,
+    onPress: onAction,
+    children: actionLabel
+  }) : null);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(AlertFrame, {
+    role: intent === "error" || intent === "warning" ? "alert" : "status",
+    borderRadius: knobProps.borderRadius.borderRadius,
+    borderWidth: Math.max(knobProps.borderRadius.borderWidth, 1),
+    padding: compact ? "$2.5" : knobProps.panelPadding.padding,
+    gap: compact ? "$2" : "$3",
+    transition: knobProps.transition,
+    ...props,
+    children: [iconNode ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      flexShrink: 0,
+      height: iconSlotHeight,
+      justifyContent: "center",
+      children: iconNode
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      flexGrow: 1,
+      flexShrink: 1,
+      gap: "$1",
+      justifyContent: "center",
+      minHeight: iconSlotHeight,
+      children: [title ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+        ...knobProps.body,
+        fontWeight: "600",
+        color: "$color12",
+        fontSize: compact ? "$3" : "$4",
+        lineHeight: compact ? 20 : 22,
+        children: title
+      }) : null, children != null && (textualChildren !== null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+        ...knobProps.body,
+        color: "$color12",
+        fontSize: compact ? "$2" : "$3",
+        lineHeight: compact ? 18 : 20,
+        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__ */
+    (0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      flexShrink: 0,
+      height: iconSlotHeight,
+      justifyContent: "center",
+      children: actionNode
+    }) : null, dismissible ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(DismissButton, {
+      "aria-label": t("Dismiss"),
+      ...(0, import_theme.pressTargetStyle)(),
+      ...(actionNode ? {
+        minWidth: DISMISS_VISUAL + DISMISS_ADJACENT_OUTSET * 2
+      } : null),
+      marginVertical: -DISMISS_OUTSET,
+      marginHorizontal: -(actionNode ? DISMISS_ADJACENT_OUTSET : DISMISS_OUTSET),
+      hitSlop: actionNode ? void 0 : (0, import_theme.pressTargetHitSlop)(DISMISS_VISUAL),
+      onPress: handleDismiss,
+      ...{
+        onKeyDown: e => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault?.();
+            handleDismiss();
+          }
+        }
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.XIcon, {
+        size: 16,
+        color: iconColor
+      })
+    }) : null]
+  });
+}
+function Alert(props) {
+  const themeName = intentThemeMap[props.intent ?? "info"];
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.Intent, {
+    name: themeName,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AlertInner, {
+      ...props
+    })
+  });
+}