@multiplatform.one/forms 6.0.0

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

@@ -0,0 +1,271 @@
+"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_stories_exports = {};
+__export(Button_stories_exports, {
+  Basic: () => Basic,
+  Comparison: () => Comparison,
+  CompoundPattern: () => CompoundPattern,
+  Intents: () => Intents,
+  default: () => Button_stories_default
+});
+module.exports = __toCommonJS(Button_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_tamagui = require("tamagui");
+var import_index = require("./index.native.js");
+var pressed = function pressed2(name) {
+  return function () {
+    return (0, import_storybook.action)(name)();
+  };
+};
+var iconOptions = ["none", "Activity", "Airplay", "Download", "Trash"];
+var icons = {
+  none: void 0,
+  Activity: import_lucide_icons_2.Activity,
+  Airplay: import_lucide_icons_2.Airplay,
+  Download: import_lucide_icons_2.Download,
+  Trash: import_lucide_icons_2.Trash
+};
+var meta = {
+  title: "Forms/Button",
+  component: import_index.Button,
+  parameters: {
+    docs: {
+      description: {
+        component: "A semantic button that uses the Semantic Component Theming System. Use boolean intent props (`accent`, `error`, `warning`, `success`) for semantic styling or `theme` for direct Tamagui theme control. Structural knobs (border radius, fill style, interaction) are resolved automatically from the nearest `<Preset>`."
+      }
+    }
+  },
+  argTypes: {
+    icon: {
+      control: false
+    },
+    iconAfter: {
+      control: false
+    }
+  }
+};
+var Button_stories_default = meta;
+var Basic = {
+  name: "Main",
+  args: {
+    children: "Button",
+    onPress: pressed("onPress")
+  },
+  argTypes: {
+    children: {
+      control: "text",
+      description: "Button label"
+    },
+    accent: {
+      control: "boolean",
+      description: "Accent intent"
+    },
+    error: {
+      control: "boolean",
+      description: "Error intent"
+    },
+    warning: {
+      control: "boolean",
+      description: "Warning intent"
+    },
+    success: {
+      control: "boolean",
+      description: "Success intent"
+    },
+    theme: {
+      control: "text",
+      description: "Direct Tamagui theme name override"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4", "$5", "$6"],
+      description: "Tamagui size token"
+    },
+    variant: {
+      control: "select",
+      options: [void 0, "outlined"],
+      description: "Structural variant"
+    },
+    chromeless: {
+      control: "boolean",
+      description: "Transparent, text-only style"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable the button"
+    },
+    skeleton: {
+      control: "boolean",
+      description: "Show skeleton placeholder"
+    },
+    icon: {
+      control: "select",
+      options: iconOptions,
+      description: "Leading icon"
+    },
+    iconAfter: {
+      control: "select",
+      options: iconOptions,
+      description: "Trailing icon"
+    }
+  },
+  render: function render(param) {
+    var {
+      icon,
+      iconAfter,
+      ...args
+    } = param;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+      ...args,
+      icon: icon ? icons[icon] : void 0,
+      iconAfter: iconAfter ? icons[iconAfter] : void 0
+    });
+  }
+};
+var Intents = {
+  name: "Intent variants",
+  render: function render2() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      gap: "$3",
+      flexWrap: "wrap",
+      padding: "$4",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+        onPress: pressed("default"),
+        children: "Default"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+        accent: true,
+        onPress: pressed("accent"),
+        children: "Accent"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+        success: true,
+        onPress: pressed("success"),
+        children: "Success"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+        warning: true,
+        onPress: pressed("warning"),
+        children: "Warning"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+        error: true,
+        onPress: pressed("error"),
+        children: "Error"
+      })]
+    });
+  }
+};
+var CompoundPattern = {
+  render: function render3() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      gap: "$3",
+      padding: "$4",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Button, {
+        accent: true,
+        size: "$4",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button.Icon, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Activity, {})
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button.Text, {
+          children: "Compound"
+        })]
+      })
+    });
+  }
+};
+var Comparison = {
+  render: function render4() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      gap: "$6",
+      alignItems: "flex-start",
+      padding: "$4",
+      flexWrap: "wrap",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$3",
+        width: 200,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+          size: "$2",
+          color: "$placeholderColor",
+          children: "Custom Button"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+          onPress: pressed("custom.default"),
+          children: "Default"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+          accent: true,
+          onPress: pressed("custom.accent"),
+          children: "Accent"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+          icon: import_lucide_icons_2.Activity,
+          onPress: pressed("custom.icon"),
+          children: "With Icon"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+          variant: "outlined",
+          onPress: pressed("custom.outlined"),
+          children: "Outlined"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+          disabled: true,
+          children: "Disabled"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+          size: "$3",
+          children: "Small"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+          size: "$5",
+          children: "Large"
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$3",
+        width: 200,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+          size: "$2",
+          color: "$placeholderColor",
+          children: "Tamagui Button"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          onPress: pressed("tamagui.default"),
+          children: "Default"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          theme: "accent",
+          onPress: pressed("tamagui.accent"),
+          children: "Accent"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          icon: import_lucide_icons_2.Activity,
+          onPress: pressed("tamagui.icon"),
+          children: "With Icon"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          variant: "outlined",
+          onPress: pressed("tamagui.outlined"),
+          children: "Outlined"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          disabled: true,
+          children: "Disabled"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$3",
+          children: "Small"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$5",
+          children: "Large"
+        })]
+      })]
+    });
+  }
+};
+//# sourceMappingURL=Button.stories.native.js.map

package/dist/jsx/Button/Button.stories.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_stories_exports","Basic","Comparison","CompoundPattern","Intents","default","Button_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_lucide_icons_2","import_tamagui","import_index","pressed","pressed2","action","iconOptions","icons","none","Activity","Airplay","Download","Trash","meta","title","component","Button","parameters","docs","description","argTypes","icon","control","iconAfter","args","children","onPress","accent","error","warning","success","theme","size","options","variant"],"sources":["../../../src/Button/Button.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/Button/index.mjs

@@ -0,0 +1,254 @@
+import { createElement, isValidElement, useCallback, useState } from "react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useFormField } from "../shared/utils.mjs";
+import { Button as TamaguiButton, SizableText, View, Theme, Spinner, styled, isWeb } from "tamagui";
+import { Store, useStore } from "@tanstack/react-store";
+import { getSpace } from "@tamagui/get-token";
+import { themeableVariants } from "@tamagui/stacks";
+import { formButtonColors, formCommonColors } from "../shared/colorRamps.mjs";
+import { useControlGrouped } from "../shared/groupContext.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function normalizeButtonIcon(icon) {
+  if (icon == null || icon === false) return null;
+  if (isValidElement(icon)) return icon;
+  if (typeof icon === "function") {
+    return createElement(icon, {
+      size: 16
+    });
+  }
+  if (typeof icon === "object" && icon !== null && "$$typeof" in icon) {
+    return createElement(icon, {
+      size: 16
+    });
+  }
+  return icon;
+}
+const getButtonSized = (val, {
+  props
+}) => {
+  if (!val || props.circular) return;
+  if (typeof val === "number") {
+    return {
+      paddingHorizontal: val * 0.25,
+      height: val
+    };
+  }
+  return {
+    paddingHorizontal: getSpace(val),
+    height: val
+  };
+};
+const textAccentLow = {
+  default: formButtonColors.textLow.base,
+  hover: formButtonColors.textLow.hover,
+  press: formButtonColors.textLow.active
+};
+const dummyStore = new Store({
+  isValid: true
+});
+const ButtonFrame = styled(View, {
+  name: "Button",
+  role: "button",
+  tabIndex: 0,
+  cursor: "pointer",
+  justifyContent: "center",
+  alignItems: "center",
+  flexWrap: "nowrap",
+  flexDirection: "row",
+  backgroundColor: formButtonColors.background.base,
+  borderWidth: 1,
+  borderColor: formButtonColors.border.base,
+  hoverStyle: {
+    backgroundColor: formButtonColors.background.hover
+  },
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent",
+        hoverStyle: {
+          backgroundColor: "transparent"
+        },
+        pressStyle: {
+          backgroundColor: "transparent"
+        }
+      }
+    },
+    circular: themeableVariants.circular,
+    chromeless: themeableVariants.chromeless,
+    size: {
+      "...size": getButtonSized
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$true"
+  }
+});
+function Button({
+  children,
+  action,
+  form: formProp,
+  loading,
+  accent,
+  error,
+  warning,
+  success,
+  skeleton = false,
+  outlined,
+  disabled,
+  theme,
+  onPress,
+  tabIndex,
+  icon,
+  iconAfter,
+  compact,
+  ...props
+}) {
+  const {
+    resolvedForm: formFromHook
+  } = useFormField({
+    form: formProp
+  });
+  const resolvedForm = action ? formFromHook : void 0;
+  const {
+    isValid
+  } = useStore(resolvedForm?.store ?? dummyStore, s => ({
+    isValid: s.isValid ?? true
+  }));
+  const intent = accent && "accent" || error && "error" || warning && "warning" || success && "success" || void 0;
+  const {
+    knobProps,
+    control,
+    text
+  } = useResolvedKnobs({
+    intent,
+    component: "Button",
+    compact
+  });
+  const grouped = useControlGrouped();
+  if (skeleton) {
+    return /* @__PURE__ */jsx(View, {
+      ...knobProps.borderRadius,
+      backgroundColor: "$gray5",
+      height: knobProps.sizeToken,
+      width: 120,
+      opacity: 0.5,
+      ...props
+    });
+  }
+  const isDisabled = disabled || loading || action === "submit" && resolvedForm && !isValid;
+  const handlePress = e => {
+    if (action === "submit" && resolvedForm) resolvedForm.handleSubmit();
+    if (action === "reset" && resolvedForm) resolvedForm.reset();
+    onPress?.(e);
+  };
+  const activeThemeName = theme ?? intent;
+  outlined = outlined ?? knobProps.outlined;
+  const isLow = knobProps.textAccent === "low";
+  const isMedium = knobProps.textAccent === "medium";
+  const baseBorderWidth = knobProps.borderRadius.borderWidth;
+  const resolvedBorderWidth = baseBorderWidth > 0 ? Math.max(baseBorderWidth, 1) : outlined ? 1 : 0;
+  const [hovering, setHovering] = useState(false);
+  const [pressing, setPressing] = useState(false);
+  const handlePressIn = useCallback(() => {
+    setPressing(true);
+    if (isWeb) {
+      const up = () => setPressing(false);
+      document.addEventListener("pointerup", up, {
+        once: true
+      });
+    }
+  }, []);
+  const handlePressOut = useCallback(() => setPressing(false), []);
+  const textColor = isLow ? pressing ? textAccentLow.press : hovering ? textAccentLow.hover : textAccentLow.default : isMedium ? formCommonColors.text : void 0;
+  const textContent = loading ? /* @__PURE__ */jsx(Spinner, {
+    size: "small"
+  }) : typeof children === "string" ? /* @__PURE__ */jsx(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;
+  const hasIcon = icon || iconAfter;
+  const iconElement = icon ? /* @__PURE__ */jsx(View, {
+    flexShrink: 0,
+    children: normalizeButtonIcon(icon)
+  }) : null;
+  const iconAfterElement = iconAfter ? /* @__PURE__ */jsx(View, {
+    flexShrink: 0,
+    children: normalizeButtonIcon(iconAfter)
+  }) : null;
+  const buttonElement = /* @__PURE__ */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: () => setHovering(true),
+      onHoverOut: () => setHovering(false),
+      onPressIn: handlePressIn,
+      onPressOut: handlePressOut
+    } : void 0),
+    hoverStyle: {
+      backgroundColor: outlined ? "transparent" : formButtonColors.background.hover,
+      ...(outlined ? {
+        borderColor: formButtonColors.border.hover
+      } : void 0),
+      ...control.hoverKnobProps,
+      ...text.hoverKnobProps
+    },
+    pressStyle: {
+      backgroundColor: outlined ? "transparent" : formButtonColors.background.active,
+      ...(outlined ? {
+        borderColor: 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__ */jsx(Theme, {
+      name: activeThemeName,
+      children: buttonElement
+    });
+  }
+  return buttonElement;
+}
+Button.Icon = TamaguiButton.Icon;
+Button.Text = SizableText;
+export { Button };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createElement","isValidElement","useCallback","useState","useResolvedKnobs","useFormField","Button","TamaguiButton","SizableText","View","Theme","Spinner","styled","isWeb","Store","useStore","getSpace","themeableVariants","formButtonColors","formCommonColors","useControlGrouped","jsx","jsxs","normalizeButtonIcon","icon","size","getButtonSized","val","props","circular","paddingHorizontal","height","textAccentLow","default","textLow","base","hover","press","active","dummyStore","isValid","ButtonFrame","name","role","tabIndex","cursor","justifyContent","alignItems","flexWrap","flexDirection","backgroundColor","background","borderWidth","borderColor","border","hoverStyle","variants","outlined","true","pressStyle","chromeless","disabled","pointerEvents","defaultVariants","children","action","form","formProp","loading","accent","error","warning","success","skeleton","theme","onPress","iconAfter","compact","resolvedForm","formFromHook","store","s","intent","knobProps","control","text","component","grouped","borderRadius","sizeToken","width","opacity","isDisabled","handlePress","e","handleSubmit","reset","activeThemeName","isLow","textAccent","isMedium","baseBorderWidth","resolvedBorderWidth","Math","max","hovering","setHovering","pressing","setPressing","handlePressIn","up","document","addEventListener","once","handlePressOut","textColor","textContent","userSelect","flexGrow","flexShrink","textOverflow","whiteSpace","overflow","body","color","transition","hasIcon","iconElement","iconAfterElement","buttonElement","elevation","variant","onHoverIn","onHoverOut","onPressIn","onPressOut","hoverKnobProps","pressKnobProps","focusStyle","focusVisibleStyle","gap","Icon","Text"],"sources":["../../../src/Button/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}