@multiplatform.one/forms 6.0.0

package/dist/jsx/Button/index.native.js

@@ -0,0 +1,301 @@
+"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 Button_exports = {};
+__export(Button_exports, {
+  Button: () => Button
+});
+module.exports = __toCommonJS(Button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_utils = require("../shared/utils.native.js");
+var import_tamagui = require("tamagui");
+var import_react_store = require("@tanstack/react-store");
+var import_get_token = require("@tamagui/get-token");
+var import_stacks = require("@tamagui/stacks");
+var import_colorRamps = require("../shared/colorRamps.native.js");
+var import_groupContext = require("../shared/groupContext.native.js");
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function normalizeButtonIcon(icon) {
+  if (icon == null || icon === false) return null;
+  if (/* @__PURE__ */(0, import_react.isValidElement)(icon)) return icon;
+  if (typeof icon === "function") {
+    return /* @__PURE__ */(0, import_react.createElement)(icon, {
+      size: 16
+    });
+  }
+  if ((typeof icon === "undefined" ? "undefined" : _type_of(icon)) === "object" && icon !== null && "$$typeof" in icon) {
+    return /* @__PURE__ */(0, import_react.createElement)(icon, {
+      size: 16
+    });
+  }
+  return icon;
+}
+var getButtonSized = function getButtonSized2(val, param) {
+  var {
+    props
+  } = param;
+  if (!val || props.circular) return;
+  if (typeof val === "number") {
+    return {
+      paddingHorizontal: val * 0.25,
+      height: val
+    };
+  }
+  return {
+    paddingHorizontal: (0, import_get_token.getSpace)(val),
+    height: val
+  };
+};
+var textAccentLow = {
+  default: import_colorRamps.formButtonColors.textLow.base,
+  hover: import_colorRamps.formButtonColors.textLow.hover,
+  press: import_colorRamps.formButtonColors.textLow.active
+};
+var dummyStore = new import_react_store.Store({
+  isValid: true
+});
+var ButtonFrame = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "Button",
+  role: "button",
+  tabIndex: 0,
+  cursor: "pointer",
+  justifyContent: "center",
+  alignItems: "center",
+  flexWrap: "nowrap",
+  flexDirection: "row",
+  backgroundColor: import_colorRamps.formButtonColors.background.base,
+  borderWidth: 1,
+  borderColor: import_colorRamps.formButtonColors.border.base,
+  hoverStyle: {
+    backgroundColor: import_colorRamps.formButtonColors.background.hover
+  },
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent",
+        hoverStyle: {
+          backgroundColor: "transparent"
+        },
+        pressStyle: {
+          backgroundColor: "transparent"
+        }
+      }
+    },
+    circular: import_stacks.themeableVariants.circular,
+    chromeless: import_stacks.themeableVariants.chromeless,
+    size: {
+      "...size": getButtonSized
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$true"
+  }
+});
+function Button(param) {
+  var {
+    children,
+    action,
+    form: formProp,
+    loading,
+    accent,
+    error,
+    warning,
+    success,
+    skeleton = false,
+    outlined,
+    disabled,
+    theme,
+    onPress,
+    tabIndex,
+    icon,
+    iconAfter,
+    compact,
+    ...props
+  } = param;
+  var _ref;
+  var {
+    resolvedForm: formFromHook
+  } = (0, import_utils.useFormField)({
+    form: formProp
+  });
+  var resolvedForm = action ? formFromHook : void 0;
+  var {
+    isValid
+  } = (0, import_react_store.useStore)((_ref = resolvedForm === null || resolvedForm === void 0 ? void 0 : resolvedForm.store) !== null && _ref !== void 0 ? _ref : dummyStore, function (s) {
+    var _s_isValid;
+    return {
+      isValid: (_s_isValid = s.isValid) !== null && _s_isValid !== void 0 ? _s_isValid : true
+    };
+  });
+  var intent = accent && "accent" || error && "error" || warning && "warning" || success && "success" || void 0;
+  var {
+    knobProps,
+    control,
+    text
+  } = (0, import_theme.useResolvedKnobs)({
+    intent,
+    component: "Button",
+    compact
+  });
+  var grouped = (0, import_groupContext.useControlGrouped)();
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ...knobProps.borderRadius,
+      backgroundColor: "$gray5",
+      height: knobProps.sizeToken,
+      width: 120,
+      opacity: 0.5,
+      ...props
+    });
+  }
+  var isDisabled = disabled || loading || action === "submit" && resolvedForm && !isValid;
+  var handlePress = function handlePress2(e) {
+    if (action === "submit" && resolvedForm) resolvedForm.handleSubmit();
+    if (action === "reset" && resolvedForm) resolvedForm.reset();
+    onPress === null || onPress === void 0 ? void 0 : onPress(e);
+  };
+  var activeThemeName = theme !== null && theme !== void 0 ? theme : intent;
+  outlined = outlined !== null && outlined !== void 0 ? outlined : knobProps.outlined;
+  var isLow = knobProps.textAccent === "low";
+  var isMedium = knobProps.textAccent === "medium";
+  var baseBorderWidth = knobProps.borderRadius.borderWidth;
+  var resolvedBorderWidth = baseBorderWidth > 0 ? Math.max(baseBorderWidth, 1) : outlined ? 1 : 0;
+  var [hovering, setHovering] = (0, import_react.useState)(false);
+  var [pressing, setPressing] = (0, import_react.useState)(false);
+  var handlePressIn = (0, import_react.useCallback)(function () {
+    setPressing(true);
+    if (import_tamagui.isWeb) {
+      var up = function up2() {
+        return setPressing(false);
+      };
+      document.addEventListener("pointerup", up, {
+        once: true
+      });
+    }
+  }, []);
+  var handlePressOut = (0, import_react.useCallback)(function () {
+    return setPressing(false);
+  }, []);
+  var textColor = isLow ? pressing ? textAccentLow.press : hovering ? textAccentLow.hover : textAccentLow.default : isMedium ? import_colorRamps.formCommonColors.text : void 0;
+  var textContent = loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+    size: "small"
+  }) : typeof children === "string" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+    userSelect: "none",
+    flexGrow: 0,
+    flexShrink: 1,
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    ...knobProps.body,
+    ...(textColor ? {
+      color: textColor
+    } : void 0),
+    transition: knobProps.transition,
+    children
+  }) : children;
+  var hasIcon = icon || iconAfter;
+  var iconElement = icon ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    flexShrink: 0,
+    children: normalizeButtonIcon(icon)
+  }) : null;
+  var iconAfterElement = iconAfter ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    flexShrink: 0,
+    children: normalizeButtonIcon(iconAfter)
+  }) : null;
+  var buttonElement = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(ButtonFrame, {
+    disabled: isDisabled || false,
+    opacity: isDisabled ? 0.5 : 1,
+    transition: knobProps.transition,
+    ...knobProps.borderRadius,
+    borderWidth: resolvedBorderWidth,
+    size: knobProps.sizeToken,
+    elevation: knobProps.elevation,
+    outlined,
+    ...(outlined ? {
+      variant: "outlined"
+    } : void 0),
+    ...(isLow ? {
+      onHoverIn: function onHoverIn() {
+        return setHovering(true);
+      },
+      onHoverOut: function onHoverOut() {
+        return setHovering(false);
+      },
+      onPressIn: handlePressIn,
+      onPressOut: handlePressOut
+    } : void 0),
+    hoverStyle: {
+      backgroundColor: outlined ? "transparent" : import_colorRamps.formButtonColors.background.hover,
+      ...(outlined ? {
+        borderColor: import_colorRamps.formButtonColors.border.hover
+      } : void 0),
+      ...control.hoverKnobProps,
+      ...text.hoverKnobProps
+    },
+    pressStyle: {
+      backgroundColor: outlined ? "transparent" : import_colorRamps.formButtonColors.background.active,
+      ...(outlined ? {
+        borderColor: import_colorRamps.formButtonColors.border.active
+      } : void 0),
+      ...control.pressKnobProps,
+      ...text.pressKnobProps
+    },
+    focusStyle: {},
+    focusVisibleStyle: {},
+    onPress: handlePress,
+    ...(tabIndex != null ? {
+      tabIndex
+    } : void 0),
+    ...props,
+    ...(grouped ? {
+      borderWidth: 0,
+      borderRadius: 0,
+      elevation: void 0,
+      height: "100%"
+    } : void 0),
+    gap: hasIcon && (children || textContent) ? "$2" : void 0,
+    children: [iconElement, textContent, iconAfterElement]
+  });
+  if (activeThemeName) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+      name: activeThemeName,
+      children: buttonElement
+    });
+  }
+  return buttonElement;
+}
+Button.Icon = import_tamagui.Button.Icon;
+Button.Text = import_tamagui.SizableText;
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/Button/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Button_exports","Button","module","exports","import_jsx_runtime","require","import_react","import_theme","import_utils","import_tamagui","import_react_store","import_get_token","import_stacks","import_colorRamps","import_groupContext","_type_of","obj","Symbol","constructor","normalizeButtonIcon","icon","isValidElement","createElement","size","getButtonSized","getButtonSized2","val","param","props","circular","paddingHorizontal","height","getSpace","textAccentLow","default","formButtonColors","textLow","base","hover","press","active","dummyStore","Store","isValid","ButtonFrame","styled","View","role","tabIndex","cursor","justifyContent","alignItems","flexWrap","flexDirection","backgroundColor","background","borderWidth","borderColor","border","hoverStyle","variants","outlined","true","pressStyle","themeableVariants","chromeless","disabled","pointerEvents","defaultVariants","children","action","form","formProp","loading","accent","error","warning","success","skeleton","theme","onPress","iconAfter","compact","_ref","resolvedForm","formFromHook","useFormField","useStore","store","s","_s_isValid","intent","knobProps","control","text","useResolvedKnobs","component","grouped","useControlGrouped","jsx","borderRadius","sizeToken","width","opacity","isDisabled","handlePress","handlePress2","e","handleSubmit","reset","activeThemeName","isLow","textAccent","isMedium","baseBorderWidth","resolvedBorderWidth","Math","max","hovering","setHovering","useState","pressing","setPressing","handlePressIn","useCallback","isWeb","up","up2","document","addEventListener","once","handlePressOut","textColor","formCommonColors","textContent","Spinner","SizableText","userSelect","flexGrow","flexShrink","textOverflow","whiteSpace","overflow","body","color","transition","hasIcon","iconElement","iconAfterElement","buttonElement","jsxs","elevation","variant","onHoverIn","onHoverOut","onPressIn","onPressOut","hoverKnobProps"],"sources":["../../../src/Button/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/Chip/index.mjs

@@ -0,0 +1,173 @@
+import { XIcon } from "@phosphor-icons/react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Text, View, styled } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+const colorMap = {
+  gray: {
+    bg: "$color4",
+    text: "$color11",
+    border: "$color7"
+  },
+  red: {
+    bg: "$red4",
+    text: "$red11",
+    border: "$red7"
+  },
+  green: {
+    bg: "$green4",
+    text: "$green11",
+    border: "$green7"
+  },
+  blue: {
+    bg: "$blue4",
+    text: "$blue11",
+    border: "$blue7"
+  },
+  yellow: {
+    bg: "$yellow4",
+    text: "$yellow11",
+    border: "$yellow7"
+  },
+  orange: {
+    bg: "$orange4",
+    text: "$orange11",
+    border: "$orange7"
+  },
+  purple: {
+    bg: "$purple4",
+    text: "$purple11",
+    border: "$purple7"
+  }
+};
+const ChipFrame = styled(View, {
+  name: "Chip",
+  flexDirection: "row",
+  alignItems: "center",
+  gap: "$1",
+  borderRadius: "$3",
+  paddingHorizontal: "$2.5",
+  paddingVertical: "$1",
+  variants: {
+    size: {
+      $2: {
+        paddingHorizontal: "$1.5",
+        paddingVertical: "$0.5"
+      },
+      $3: {
+        paddingHorizontal: "$2",
+        paddingVertical: "$1"
+      },
+      $4: {
+        paddingHorizontal: "$2.5",
+        paddingVertical: "$1"
+      },
+      $5: {
+        paddingHorizontal: "$3",
+        paddingVertical: "$1.5"
+      }
+    },
+    variant: {
+      solid: {},
+      subtle: {},
+      outline: {
+        borderWidth: 1
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "subtle",
+    size: "$3"
+  }
+});
+const ChipText = styled(Text, {
+  name: "ChipText",
+  fontSize: "$2",
+  fontWeight: "500",
+  numberOfLines: 1,
+  userSelect: "none",
+  variants: {
+    size: {
+      $2: {
+        fontSize: "$1"
+      },
+      $3: {
+        fontSize: "$2"
+      },
+      $4: {
+        fontSize: "$3"
+      },
+      $5: {
+        fontSize: "$3"
+      }
+    }
+  }
+});
+const DismissButton = styled(View, {
+  name: "ChipDismiss",
+  cursor: "pointer",
+  opacity: 0.7,
+  borderRadius: "$1",
+  padding: "$0.5",
+  marginRight: -4,
+  hoverStyle: {
+    opacity: 1,
+    backgroundColor: "$color5"
+  },
+  pressStyle: {
+    opacity: 0.9,
+    backgroundColor: "$color6"
+  }
+});
+function Chip({
+  children,
+  size = "$3",
+  variant = "subtle",
+  color = "gray",
+  onDismiss,
+  disabled
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const colors = colorMap[color];
+  const getBackgroundColor = () => {
+    switch (variant) {
+      case "solid":
+        return colors.bg;
+      case "subtle":
+        return colors.bg;
+      case "outline":
+        return "transparent";
+    }
+  };
+  const textColor = colors.text;
+  const borderColor = variant === "outline" ? colors.border : "transparent";
+  const iconSize = size === "$2" ? 10 : size === "$3" ? 12 : 14;
+  return /* @__PURE__ */jsxs(ChipFrame, {
+    size,
+    variant,
+    backgroundColor: getBackgroundColor(),
+    borderColor,
+    opacity: disabled ? 0.5 : 1,
+    ...knobProps.borderRadius,
+    children: [/* @__PURE__ */jsx(ChipText, {
+      size,
+      color: textColor,
+      ...knobProps.body,
+      children
+    }), onDismiss && !disabled && /* @__PURE__ */jsx(DismissButton, {
+      onPress: e => {
+        e.stopPropagation?.();
+        onDismiss();
+      },
+      accessibilityRole: "button",
+      accessibilityLabel: "Remove",
+      children: /* @__PURE__ */jsx(XIcon, {
+        size: iconSize,
+        color: textColor
+      })
+    })]
+  });
+}
+export { Chip };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/Chip/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["XIcon","useResolvedKnobs","Text","View","styled","jsx","jsxs","colorMap","gray","bg","text","border","red","green","blue","yellow","orange","purple","ChipFrame","name","flexDirection","alignItems","gap","borderRadius","paddingHorizontal","paddingVertical","variants","size","$2","$3","$4","$5","variant","solid","subtle","outline","borderWidth","defaultVariants","ChipText","fontSize","fontWeight","numberOfLines","userSelect","DismissButton","cursor","opacity","padding","marginRight","hoverStyle","backgroundColor","pressStyle","Chip","children","color","onDismiss","disabled","knobProps","colors","getBackgroundColor","textColor","borderColor","iconSize","body","onPress","e","stopPropagation","accessibilityRole","accessibilityLabel"],"sources":["../../../src/Chip/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}