@multiplatform.one/forms 6.0.0

package/dist/esm/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/esm/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":[]}

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

@@ -0,0 +1,175 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { XIcon } from "@phosphor-icons/react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Text, View, styled } from "tamagui";
+var 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"
+  }
+};
+var 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"
+  }
+});
+var 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"
+      }
+    }
+  }
+});
+var 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(param) {
+  var {
+    children,
+    size = "$3",
+    variant = "subtle",
+    color = "gray",
+    onDismiss,
+    disabled
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var colors = colorMap[color];
+  var getBackgroundColor = function getBackgroundColor2() {
+    switch (variant) {
+      case "solid":
+        return colors.bg;
+      case "subtle":
+        return colors.bg;
+      case "outline":
+        return "transparent";
+    }
+  };
+  var textColor = colors.text;
+  var borderColor = variant === "outline" ? colors.border : "transparent";
+  var 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: function onPress(e) {
+        var _e_stopPropagation;
+        (_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);
+        onDismiss();
+      },
+      accessibilityRole: "button",
+      accessibilityLabel: "Remove",
+      children: /* @__PURE__ */_jsx(XIcon, {
+        size: iconSize,
+        color: textColor
+      })
+    })]
+  });
+}
+export { Chip };
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XIcon","useResolvedKnobs","Text","View","styled","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","param","children","color","onDismiss","disabled"],"sources":["../../../src/Chip/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAA;AACtB,SAASC,KAAA,+BAAwB;AAEjC,SAASC,gBAAY,kCAAc;AA6H/B,SAQEC,IAAA,EARFC,IAAA,EAAAC,MAAA;AA1GJ,IAAAC,QAAM;EACJC,IAAA,EAAM;IACNC,EAAA,EAAK,SAAM;IACXC,IAAA,EAAO,UAAM;IACbC,MAAQ;EACR;EACAC,GAAA;IACAH,EAAA,SAAU;IACZC,IAAA;IAIAC,MAAM;EACJ;EACAE,KAAA;IACAJ,EAAA,WAAY;IACZC,IAAK;IACLC,MAAA;EACA;EACAG,IAAA;IAEAL,EAAA,UAAU;IACRC,IAAA,EAAM;IAAAC,MACA,EAAE;EAAmD;EACJI,MACrD,EAAI;IAAmDN,EACvD,YAAM;IACRC,IAAA;IACAC,MAAA;EAAS;EACCK,MACR;IAASP,EACT,YAAS;IAAAC,IACP,aAAa;IAAAC,MACf;EAAA;EAEJM,MAAA;IAEAR,EAAA;IACEC,IAAA,aAAS;IACTC,MAAM;EACR;AACF,CAAC;AAED,IAAAO,SAAM,GAAAZ,MAAW,CAAAD,IAAO;EACtBc,IAAA,EAAM;EACNC,aAAU;EACVC,UAAA,EAAY;EACZC,GAAA;EACAC,YAAY;EAEZC,iBAAU;EAAAC,eACF;EAAAC,QACA,EAAE;IAAeC,IACrB,EAAI;MACJC,EAAA,EAAI;QACJJ,iBAAgB,EAAK;QACvBC,eAAA;MACF;MACDI,EAAA;QAEKL,iBAAgB,MAAO;QACrBC,eAAA;MACN;MACAK,EAAA;QACAN,iBAAc;QACdC,eAAS;MACT;MACAM,EAAA;QACEP,iBAAS;QACTC,eAAiB;MACnB;IACA;IACEO,OAAA,EAAS;MACTC,KAAA;MACFC,MAAA;MACDC,OAAA;QAIMC,WAAc;MACnB;IACA;EACA;EACAC,eAAQ;IACRL,OAAA;IACAL,IAAA;EACF;AACE;AACA,IAAAW,QAAM,GAAAhC,MAAS,CAAAF,IAAS;EAExBe,IAAA,EAAM;EACJoB,QAAA,EAAQ;EAASC,UACV;EACHC,aAAO;EAAOC,UACX;EACHhB,QAAA;IAAcC,IAChB;MACEC,EAAA;QACJW,QAAA;MACF;MAEAV,EAAM;QACAU,QAAA;MACN;MAEAT,EAAA,EACE;QAACS,QAAA;MAAA;MACCR,EAAA;QACAQ,QAAA;MACA;IAAoC;EACpC;AAC0B;AACZ,IAAAI,aAEd,GAAArC,MAAA,CAAAD,IAAA;EAAAc,IAAA;EAEAyB,MACC;EACCC,OAAA,EAAC;EAAAtB,YAAA;EAAAuB,OAAA,QACC;EACEC,WAAA,GAAE;EACFC,UAAA;IAAUH,OAAA,EACZ;IAAAI,eACA;EAAkB;EACCC,UAEnB;IAAmDL,OAAA;IAAAI,eACrD;EAAA;AAAA;AAAA,SAEJE,KAAAC,KAAA;EAEJ;IAAAC,QAAA;IAAA1B,IAAA;IAAAK,OAAA;IAAAsB,KAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAJ,KAAA","ignoreList":[]}

package/dist/esm/ControlGroup/index.mjs

@@ -0,0 +1,164 @@
+import { Children, isValidElement, useMemo, useState } from "react";
+import { View, isWeb, styled } from "tamagui";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { FocusContext, InputContext } from "../InputParts/index.mjs";
+import { formInputColors } from "../shared/colorRamps.mjs";
+import { getElevationWrapperProps } from "../shared/utils.mjs";
+import { ControlGroupCtx } from "../shared/groupContext.mjs";
+import { useIsInTableCell } from "../shared/tableCellContext.mjs";
+import { jsx } from "react/jsx-runtime";
+const ControlGroupFrame = styled(View, {
+  context: InputContext,
+  alignItems: "stretch",
+  overflow: "hidden",
+  minWidth: 0,
+  borderWidth: 1,
+  borderColor: formInputColors.border.base,
+  backgroundColor: formInputColors.background.base,
+  outlineStyle: "none",
+  ...(isWeb ? {
+    tabIndex: -1
+  } : {
+    focusable: false
+  }),
+  variants: {
+    scaleIcon: {
+      ":number": {}
+    },
+    size: {
+      "...size": (val, {
+        tokens
+      }) => ({
+        height: val,
+        borderRadius: tokens.radius[val]
+      })
+    }
+  }
+});
+function ControlGroup({
+  children,
+  orientation = "horizontal",
+  ...props
+}) {
+  const [focused, setFocused] = useState(false);
+  const {
+    knobProps,
+    control,
+    elevation
+  } = useResolvedKnobs();
+  const inTableCell = useIsInTableCell();
+  const elevationWrapperProps = useMemo(() => getElevationWrapperProps(knobProps, elevation), [knobProps, elevation]);
+  if (inTableCell) {
+    return /* @__PURE__ */jsx(ControlGroupCtx.Provider, {
+      value: true,
+      children: /* @__PURE__ */jsx(FocusContext.Provider, {
+        focused,
+        setFocused,
+        children: /* @__PURE__ */jsx(ControlGroupFrame, {
+          ...knobProps.body,
+          size: knobProps.sizeToken,
+          flexDirection: orientation === "vertical" ? "column" : "row",
+          borderWidth: 0,
+          borderRadius: 0,
+          backgroundColor: "transparent",
+          ...props,
+          children: Children.map(children, child => {
+            if (!isValidElement(child)) return child;
+            return /* @__PURE__ */jsx(View, {
+              flex: 1,
+              children: child
+            });
+          })
+        })
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(ControlGroupCtx.Provider, {
+    value: true,
+    children: /* @__PURE__ */jsx(FocusContext.Provider, {
+      focused,
+      setFocused,
+      children: /* @__PURE__ */jsx(ControlGroupFrame, {
+        ...knobProps.body,
+        size: knobProps.sizeToken,
+        flexDirection: orientation === "vertical" ? "column" : "row",
+        backgroundColor: knobProps.outlined ? "transparent" : formInputColors.background.base,
+        ...knobProps.borderRadius,
+        ...elevationWrapperProps,
+        ...(knobProps.transition ? {
+          transition: knobProps.transition
+        } : void 0),
+        ...(control.hoverKnobProps ? {
+          hoverStyle: control.hoverKnobProps
+        } : void 0),
+        ...(control.pressKnobProps ? {
+          pressStyle: control.pressKnobProps
+        } : void 0),
+        ...(control.focusKnobProps ? {
+          focusStyle: {
+            borderColor: formInputColors.border.focus,
+            backgroundColor: knobProps.outlined ? "transparent" : formInputColors.background.focus,
+            outlineStyle: "none",
+            ...control.focusKnobProps
+          }
+        } : void 0),
+        ...(control.focusVisibleKnobProps ? {
+          focusVisibleStyle: {
+            borderColor: formInputColors.border.focus,
+            backgroundColor: knobProps.outlined ? "transparent" : formInputColors.background.focus,
+            outlineStyle: "none",
+            ...control.focusVisibleKnobProps
+          }
+        } : void 0),
+        ...props,
+        ...(focused ? {
+          borderColor: formInputColors.border.focus,
+          backgroundColor: knobProps.outlined ? "transparent" : formInputColors.background.focus,
+          ...control.focusKnobProps
+        } : void 0),
+        overflow: "hidden",
+        children: Children.map(children, (child, index) => {
+          if (!isValidElement(child)) return child;
+          const radius = knobProps.borderRadius.borderRadius;
+          const count = Children.count(children);
+          const isFirst = index === 0;
+          const isLast = index === count - 1;
+          const isMiddle = count > 2 && !isFirst && !isLast;
+          const needsFlex = isMiddle || count === 2;
+          const isVertical = orientation === "vertical";
+          const wrapperProps = isFirst && isLast ? {
+            borderRadius: radius
+          } : isFirst ? isVertical ? {
+            borderTopLeftRadius: radius,
+            borderTopRightRadius: radius
+          } : {
+            borderTopLeftRadius: radius,
+            borderBottomLeftRadius: radius
+          } : isLast ? isVertical ? {
+            borderBottomLeftRadius: radius,
+            borderBottomRightRadius: radius
+          } : {
+            borderTopRightRadius: radius,
+            borderBottomRightRadius: radius
+          } : {};
+          const flexProps = needsFlex ? {
+            flex: 1,
+            ...(isVertical ? {
+              minHeight: 0
+            } : {
+              minWidth: 0
+            })
+          } : {};
+          return /* @__PURE__ */jsx(View, {
+            ...flexProps,
+            ...wrapperProps,
+            overflow: "hidden",
+            children: child
+          });
+        })
+      })
+    })
+  });
+}
+export { ControlGroup };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Children","isValidElement","useMemo","useState","View","isWeb","styled","useResolvedKnobs","FocusContext","InputContext","formInputColors","getElevationWrapperProps","ControlGroupCtx","useIsInTableCell","jsx","ControlGroupFrame","context","alignItems","overflow","minWidth","borderWidth","borderColor","border","base","backgroundColor","background","outlineStyle","tabIndex","focusable","variants","scaleIcon","size","...size","val","tokens","height","borderRadius","radius","ControlGroup","children","orientation","props","focused","setFocused","knobProps","control","elevation","inTableCell","elevationWrapperProps","Provider","value","body","sizeToken","flexDirection","map","child","flex","outlined","transition","hoverKnobProps","hoverStyle","pressKnobProps","pressStyle","focusKnobProps","focusStyle","focus","focusVisibleKnobProps","focusVisibleStyle","index","count","isFirst","isLast","isMiddle","needsFlex","isVertical","wrapperProps","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexProps","minHeight"],"sources":["../../../src/ControlGroup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}