@tamagui/button 2.7.7 → 3.0.0-beta.1093.1

package/dist/esm/Button.native.js

@@ -1,268 +1,96 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getFontSize } from "@tamagui/font-size";
-import { getButtonSized } from "@tamagui/get-button-sized";
-import { getIcon, useCurrentColor } from "@tamagui/helpers-tamagui";
-import { ButtonNestingContext, getElevation, themeableVariants } from "@tamagui/stacks";
-import { SizableText, wrapChildrenInText } from "@tamagui/text";
-import { createStyledContext, getTokenValue, styled, useProps, View, withStaticProperties } from "@tamagui/web";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
+import { ButtonNestingContext } from "@tamagui/stacks";
+import { textParentProps, wrapChildrenInText } from "@tamagui/text";
+import { Text, View, splitStyleProps, styled } from "@tamagui/web";
 import { useContext } from "react";
-var context = createStyledContext({
-  size: void 0,
-  variant: void 0,
-  color: void 0,
-  elevation: void 0,
-  ellipsis: void 0,
-  fontFamily: void 0,
-  fontSize: void 0,
-  fontStyle: void 0,
-  fontWeight: void 0,
-  letterSpacing: void 0,
-  maxFontSizeMultiplier: void 0,
-  textAlign: void 0
+
+var ButtonFrame = styled(View, {
+	role: "button",
+	render: /* @__PURE__ */ jsx("button", { type: "button" }),
+	tabIndex: 0,
+	alignItems: "center",
+	flexDirection: "row",
+	flexWrap: "nowrap",
+	justifyContent: "center",
+	variants: { disabled: { true: { pointerEvents: "none" } } }
 });
-var Frame = styled(View, {
-  context,
-  name: "Button",
-  role: "button",
-  render: /* @__PURE__ */_jsx("button", {
-    type: "button"
-  }),
-  tabIndex: 0,
-  variants: {
-    unstyled: {
-      true: {
-        // reset browser <button> defaults
-        outlineWidth: 0,
-        borderWidth: 0,
-        backgroundColor: "transparent"
-      },
-      false: {
-        size: "$true",
-        justifyContent: "center",
-        alignItems: "center",
-        flexWrap: "nowrap",
-        flexDirection: "row",
-        backgroundColor: "$background",
-        borderWidth: 1,
-        borderColor: "transparent",
-        "$platform-web": {
-          cursor: "pointer"
-        },
-        hoverStyle: {
-          backgroundColor: "$backgroundHover",
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "$backgroundPress",
-          borderColor: "$borderColorHover"
-        },
-        focusVisibleStyle: {
-          outlineColor: "$outlineColor",
-          outlineStyle: "solid",
-          outlineWidth: 2
-        }
-      }
-    },
-    variant: {
-      outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
-        backgroundColor: "transparent",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        hoverStyle: {
-          backgroundColor: "transparent",
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "transparent",
-          borderColor: "$borderColorPress"
-        }
-      }
-    },
-    circular: themeableVariants.circular,
-    chromeless: themeableVariants.chromeless,
-    size: {
-      "...size": function (val, extras) {
-        var buttonStyle = getButtonSized(val, extras);
-        var gap = getTokenValue(val);
-        return {
-          ...buttonStyle,
-          gap
-        };
-      },
-      ":number": function (val, extras) {
-        var buttonStyle = getButtonSized(val, extras);
-        var gap = val * 0.4;
-        return {
-          ...buttonStyle,
-          gap
-        };
-      }
-    },
-    elevation: {
-      "...size": getElevation,
-      ":number": getElevation
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none",
-        // @ts-ignore
-        "aria-disabled": true
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+var ButtonText = styled(Text, {
+	flexGrow: 0,
+	flexShrink: 1
 });
-var Text = styled(SizableText, {
-  context,
-  variants: {
-    unstyled: {
-      false: {
-        userSelect: "none",
-        // flexGrow 1 leads to inconsistent native style where text pushes to start of view
-        flexGrow: 0,
-        flexShrink: 1,
-        ellipsis: true,
-        color: "$color",
-        "$platform-web": {
-          cursor: "pointer"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-});
-var Icon = function (props) {
-  var {
-    children,
-    scaleIcon = 1,
-    size
-  } = props;
-  var styledContext = context.useStyledContext();
-  if (!styledContext) {
-    throw new Error("Button.Icon must be used within a Button");
-  }
-  var sizeToken = size !== null && size !== void 0 ? size : styledContext.size;
-  var iconColorProp = styledContext.color === "unset" || typeof styledContext.color === "number" ? void 0 : styledContext.color;
-  var iconColor = useCurrentColor(iconColorProp);
-  var iconSize = (typeof sizeToken === "number" ? sizeToken * 0.5 : getFontSize(sizeToken)) * scaleIcon;
-  return getIcon(children, {
-    size: iconSize,
-    color: iconColor
-  });
+var ButtonIcon = function(param) {
+	var { children, color, scaleIcon = 1, size } = param;
+	var getThemedIcon = useGetThemedIcon({
+		color,
+		size: size === void 0 ? void 0 : size * scaleIcon
+	});
+	return getThemedIcon(children);
 };
-var ButtonContext = createStyledContext({
-  size: void 0,
-  variant: void 0,
-  color: void 0
-});
-var ButtonComponent = Frame.styleable(function (propsIn, ref) {
-  var isNested = useContext(ButtonNestingContext);
-  var processedProps = useProps(propsIn, {
-    noNormalize: true,
-    noExpand: true
-  });
-  var {
-    children,
-    iconSize,
-    icon,
-    iconAfter,
-    scaleIcon = 1,
-    noTextWrap,
-    textProps,
-    color,
-    ellipsis,
-    fontFamily,
-    fontSize,
-    fontStyle,
-    fontWeight,
-    letterSpacing,
-    maxFontSizeMultiplier,
-    textAlign,
-    ...props
-  } = processedProps;
-  var size = propsIn.size || (propsIn.unstyled ? void 0 : "$true");
-  var styledContext = context.useStyledContext();
-  var _ref;
-  var contextColor = (_ref = color !== null && color !== void 0 ? color : propsIn.color) !== null && _ref !== void 0 ? _ref : styledContext === null || styledContext === void 0 ? void 0 : styledContext.color;
-  var iconColorProp = contextColor === "unset" || typeof contextColor === "number" ? void 0 : contextColor;
-  var iconColor = useCurrentColor(iconColorProp);
-  var _ref1;
-  var finalSize = (_ref1 = iconSize !== null && iconSize !== void 0 ? iconSize : size) !== null && _ref1 !== void 0 ? _ref1 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size;
-  var iconSizeNumber = (typeof finalSize === "number" ? finalSize * 0.5 : getFontSize(finalSize)) * scaleIcon;
-  var [themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2) {
-    if (!icon2) return null;
-    return getIcon(icon2, {
-      size: iconSizeNumber,
-      color: iconColor
-    });
-  });
-  var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9;
-  var wrappedChildren = wrapChildrenInText(Text, {
-    children,
-    color: contextColor,
-    ellipsis: (_ref2 = ellipsis !== null && ellipsis !== void 0 ? ellipsis : propsIn.ellipsis) !== null && _ref2 !== void 0 ? _ref2 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.ellipsis,
-    fontFamily: (_ref3 = fontFamily !== null && fontFamily !== void 0 ? fontFamily : propsIn.fontFamily) !== null && _ref3 !== void 0 ? _ref3 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontFamily,
-    fontSize: (_ref4 = fontSize !== null && fontSize !== void 0 ? fontSize : propsIn.fontSize) !== null && _ref4 !== void 0 ? _ref4 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontSize,
-    fontStyle: (_ref5 = fontStyle !== null && fontStyle !== void 0 ? fontStyle : propsIn.fontStyle) !== null && _ref5 !== void 0 ? _ref5 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontStyle,
-    fontWeight: (_ref6 = fontWeight !== null && fontWeight !== void 0 ? fontWeight : propsIn.fontWeight) !== null && _ref6 !== void 0 ? _ref6 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontWeight,
-    letterSpacing: (_ref7 = letterSpacing !== null && letterSpacing !== void 0 ? letterSpacing : propsIn.letterSpacing) !== null && _ref7 !== void 0 ? _ref7 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.letterSpacing,
-    maxFontSizeMultiplier: (_ref8 = maxFontSizeMultiplier !== null && maxFontSizeMultiplier !== void 0 ? maxFontSizeMultiplier : propsIn.maxFontSizeMultiplier) !== null && _ref8 !== void 0 ? _ref8 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.maxFontSizeMultiplier,
-    noTextWrap: noTextWrap !== null && noTextWrap !== void 0 ? noTextWrap : propsIn.noTextWrap,
-    textAlign: (_ref9 = textAlign !== null && textAlign !== void 0 ? textAlign : propsIn.textAlign) !== null && _ref9 !== void 0 ? _ref9 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.textAlign,
-    textProps: textProps !== null && textProps !== void 0 ? textProps : propsIn.textProps
-  }, {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1",
-    size: finalSize !== null && finalSize !== void 0 ? finalSize : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size
-  });
-  var _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17;
-  var textContext = {
-    color: contextColor,
-    ellipsis: (_ref10 = ellipsis !== null && ellipsis !== void 0 ? ellipsis : propsIn.ellipsis) !== null && _ref10 !== void 0 ? _ref10 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.ellipsis,
-    fontFamily: (_ref11 = fontFamily !== null && fontFamily !== void 0 ? fontFamily : propsIn.fontFamily) !== null && _ref11 !== void 0 ? _ref11 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontFamily,
-    fontSize: (_ref12 = fontSize !== null && fontSize !== void 0 ? fontSize : propsIn.fontSize) !== null && _ref12 !== void 0 ? _ref12 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontSize,
-    fontStyle: (_ref13 = fontStyle !== null && fontStyle !== void 0 ? fontStyle : propsIn.fontStyle) !== null && _ref13 !== void 0 ? _ref13 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontStyle,
-    fontWeight: (_ref14 = fontWeight !== null && fontWeight !== void 0 ? fontWeight : propsIn.fontWeight) !== null && _ref14 !== void 0 ? _ref14 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontWeight,
-    letterSpacing: (_ref15 = letterSpacing !== null && letterSpacing !== void 0 ? letterSpacing : propsIn.letterSpacing) !== null && _ref15 !== void 0 ? _ref15 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.letterSpacing,
-    maxFontSizeMultiplier: (_ref16 = maxFontSizeMultiplier !== null && maxFontSizeMultiplier !== void 0 ? maxFontSizeMultiplier : propsIn.maxFontSizeMultiplier) !== null && _ref16 !== void 0 ? _ref16 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.maxFontSizeMultiplier,
-    textAlign: (_ref17 = textAlign !== null && textAlign !== void 0 ? textAlign : propsIn.textAlign) !== null && _ref17 !== void 0 ? _ref17 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.textAlign
-  };
-  var _props_size, _ref18, _props_variant, _ref19, _props_elevation, _ref20;
-  var buttonContext = {
-    ...styledContext,
-    ...textContext,
-    size: (_ref18 = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : propsIn.size) !== null && _ref18 !== void 0 ? _ref18 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size,
-    variant: (_ref19 = (_props_variant = props.variant) !== null && _props_variant !== void 0 ? _props_variant : propsIn.variant) !== null && _ref19 !== void 0 ? _ref19 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.variant,
-    elevation: (_ref20 = (_props_elevation = props.elevation) !== null && _props_elevation !== void 0 ? _props_elevation : propsIn.elevation) !== null && _ref20 !== void 0 ? _ref20 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.elevation
-  };
-  return /* @__PURE__ */_jsx(ButtonNestingContext.Provider, {
-    value: true,
-    children: /* @__PURE__ */_jsx(context.Provider, {
-      ...buttonContext,
-      children: /* @__PURE__ */_jsxs(Frame, {
-        ref,
-        ...props,
-        ...(isNested && {
-          render: "span"
-        }),
-        // pass resolved size to circular variant when no explicit size provided
-        ...(props.circular && !propsIn.size && {
-          size
-        }),
-        tabIndex: 0,
-        children: [themedIcon, wrappedChildren, themedIconAfter]
-      })
-    })
-  });
-});
-var Button = withStaticProperties(ButtonComponent, {
-  Apply: context.Provider,
-  Frame,
-  Text,
-  Icon
-});
-export { Button, ButtonContext };
+function useButton(propsIn) {
+	var { Text: _$Text = ButtonText, iconColor, iconSize: iconSizeOption, textProps: textPropsOption } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+	var isNested = useContext(ButtonNestingContext);
+	var [wrappedTextProps, buttonProps] = splitStyleProps(propsIn, {
+		expandShorthands: true,
+		filter: textParentProps
+	});
+	var { children, disabled, icon, iconAfter, iconSize, render, scaleIcon = 1, ...frameProps } = buttonProps;
+	var { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;
+	var resolvedIconSize = iconSize !== null && iconSize !== void 0 ? iconSize : iconSizeOption;
+	var getThemedIcon = useGetThemedIcon({
+		color: iconColor,
+		size: resolvedIconSize === void 0 ? void 0 : resolvedIconSize * scaleIcon
+	});
+	var [themedIcon, themedIconAfter] = [icon, iconAfter].map(function(item) {
+		return item ? getThemedIcon(item) : null;
+	});
+	var wrappedChildren = wrapChildrenInText(_$Text, {
+		children,
+		noTextWrap,
+		textProps
+	}, {
+		...textPropsOption,
+		...textStyleProps
+	});
+	var resolvedRender = render !== null && render !== void 0 ? render : isNested ? "span" : disabled ? /* @__PURE__ */ jsx("button", {
+		type: "button",
+		disabled: true
+	}) : void 0;
+	var resolvedProps = {
+		...frameProps,
+		...disabled && {
+			"aria-disabled": true,
+			disabled: true,
+			tabIndex: -1
+		},
+		...resolvedRender === void 0 ? null : { render: resolvedRender },
+		...isNested && {
+			role: "none",
+			tabIndex: -1,
+			"aria-disabled": void 0,
+			disabled: void 0,
+			onPress: void 0,
+			onPressIn: void 0,
+			onPressOut: void 0,
+			onLongPress: void 0,
+			onClick: void 0,
+			onKeyDown: void 0,
+			onKeyUp: void 0
+		},
+		children: /* @__PURE__ */ jsxs(ButtonNestingContext.Provider, {
+			value: true,
+			children: [
+				themedIcon,
+				wrappedChildren,
+				themedIconAfter
+			]
+		})
+	};
+	return {
+		isNested,
+		props: resolvedProps
+	};
+}
+
+export { ButtonFrame, ButtonIcon, ButtonText, useButton };
 //# sourceMappingURL=Button.native.js.map

package/dist/esm/Button.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","getFontSize","getButtonSized","getIcon","useCurrentColor","ButtonNestingContext","getElevation","themeableVariants","SizableText","wrapChildrenInText","createStyledContext","getTokenValue","styled","useProps","View","withStaticProperties","useContext","context","size","variant","color","elevation","ellipsis","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","maxFontSizeMultiplier","textAlign","Frame","name","role","render","type","tabIndex","variants","unstyled","true","outlineWidth","borderWidth","backgroundColor","false","justifyContent","alignItems","flexWrap","flexDirection","borderColor","cursor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineStyle","outlined","process","env","TAMAGUI_HEADLESS","circular","chromeless","...size","val","extras","buttonStyle","gap",":number","disabled","pointerEvents","defaultVariants","Text","userSelect","flexGrow","flexShrink","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColorProp","iconColor","iconSize","ButtonContext","ButtonComponent","styleable","propsIn","ref","isNested","processedProps","noNormalize","noExpand","icon","iconAfter","noTextWrap","textProps","_ref","contextColor","_ref1","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","_ref2","_ref3","_ref4","_ref5","_ref6","_ref7","_ref8","_ref9","wrappedChildren","_ref10","_ref11","_ref12","_ref13","_ref14","_ref15","_ref16","_ref17","textContext","_props_size","_ref18","_props_variant","_ref19","_props_elevation","_ref20","buttonContext","Provider","value","Button","Apply"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Button.native.js","names":[],"sources":["esm/Button.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { ButtonNestingContext } from \"@tamagui/stacks\";\nimport { textParentProps, wrapChildrenInText } from \"@tamagui/text\";\nimport { splitStyleProps, styled, Text, View } from \"@tamagui/web\";\nimport { useContext } from \"react\";\nvar ButtonFrame = styled(View, {\n  // role is the cross-platform one; render only lands on web\n  role: \"button\",\n  render: /* @__PURE__ */ _jsx(\"button\", {\n    type: \"button\"\n  }),\n  tabIndex: 0,\n  alignItems: \"center\",\n  flexDirection: \"row\",\n  flexWrap: \"nowrap\",\n  justifyContent: \"center\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nvar ButtonText = styled(Text, {\n  // flexGrow 1 pushes text to the start of its parent on native\n  flexGrow: 0,\n  flexShrink: 1\n});\nvar ButtonIcon = function(param) {\n  var { children, color, scaleIcon = 1, size } = param;\n  var getThemedIcon = useGetThemedIcon({\n    color,\n    size: size === void 0 ? void 0 : size * scaleIcon\n  });\n  return getThemedIcon(children);\n};\nfunction useButton(propsIn) {\n  var { Text: _$Text = ButtonText, iconColor, iconSize: iconSizeOption, textProps: textPropsOption } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};\n  var isNested = useContext(ButtonNestingContext);\n  var [wrappedTextProps, buttonProps] = splitStyleProps(propsIn, {\n    expandShorthands: true,\n    filter: textParentProps\n  });\n  var { children, disabled, icon, iconAfter, iconSize, render, scaleIcon = 1, ...frameProps } = buttonProps;\n  var { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n  var resolvedIconSize = iconSize !== null && iconSize !== void 0 ? iconSize : iconSizeOption;\n  var getThemedIcon = useGetThemedIcon({\n    color: iconColor,\n    size: resolvedIconSize === void 0 ? void 0 : resolvedIconSize * scaleIcon\n  });\n  var [themedIcon, themedIconAfter] = [\n    icon,\n    iconAfter\n  ].map(function(item) {\n    return item ? getThemedIcon(item) : null;\n  });\n  var wrappedChildren = wrapChildrenInText(_$Text, {\n    children,\n    noTextWrap,\n    textProps\n  }, {\n    ...textPropsOption,\n    ...textStyleProps\n  });\n  var resolvedRender = render !== null && render !== void 0 ? render : isNested ? \"span\" : disabled ? /* @__PURE__ */ _jsx(\"button\", {\n    type: \"button\",\n    disabled: true\n  }) : void 0;\n  var resolvedProps = {\n    ...frameProps,\n    ...disabled && {\n      \"aria-disabled\": true,\n      disabled: true,\n      tabIndex: -1\n    },\n    ...resolvedRender === void 0 ? null : {\n      render: resolvedRender\n    },\n    ...isNested && {\n      // a nested Button is a presentation part, not a control: strip the\n      // interactive semantics so we never place a focusable role=button (with\n      // its own press/keyboard handlers) inside the outer native <button>. that\n      // nesting is invalid html, adds an extra focus stop, and bubbles\n      // activation to the outer control. resolvedRender already makes it a span.\n      role: \"none\",\n      tabIndex: -1,\n      \"aria-disabled\": void 0,\n      disabled: void 0,\n      onPress: void 0,\n      onPressIn: void 0,\n      onPressOut: void 0,\n      onLongPress: void 0,\n      onClick: void 0,\n      onKeyDown: void 0,\n      onKeyUp: void 0\n    },\n    children: /* @__PURE__ */ _jsxs(ButtonNestingContext.Provider, {\n      value: true,\n      children: [\n        themedIcon,\n        wrappedChildren,\n        themedIconAfter\n      ]\n    })\n  };\n  return {\n    isNested,\n    props: resolvedProps\n  };\n}\nexport {\n  ButtonFrame,\n  ButtonIcon,\n  ButtonText,\n  useButton\n};\n//# sourceMappingURL=Button.js.map\n"],"mappings":";;;;;;;;AAMA,IAAI,cAAc,OAAO,MAAM;CAE7B,MAAM;CACN,QAAwB,oBAAK,UAAU,EACrC,MAAM,SACR,CAAC;CACD,UAAU;CACV,YAAY;CACZ,eAAe;CACf,UAAU;CACV,gBAAgB;CAChB,UAAU,EACR,UAAU,EACR,MAAM,EACJ,eAAe,OACjB,EACF,EACF;AACF,CAAC;AACD,IAAI,aAAa,OAAO,MAAM;CAE5B,UAAU;CACV,YAAY;AACd,CAAC;AACD,IAAI,aAAa,SAAS,OAAO;CAC/B,IAAI,EAAE,UAAU,OAAO,YAAY,GAAG,SAAS;CAC/C,IAAI,gBAAgB,iBAAiB;EACnC;EACA,MAAM,SAAS,KAAK,IAAI,KAAK,IAAI,OAAO;CAC1C,CAAC;CACD,OAAO,cAAc,QAAQ;AAC/B;AACA,SAAS,UAAU,SAAS;CAC1B,IAAI,EAAE,MAAM,SAAS,YAAY,WAAW,UAAU,gBAAgB,WAAW,oBAAoB,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,CAAC;CACvK,IAAI,WAAW,WAAW,oBAAoB;CAC9C,IAAI,CAAC,kBAAkB,eAAe,gBAAgB,SAAS;EAC7D,kBAAkB;EAClB,QAAQ;CACV,CAAC;CACD,IAAI,EAAE,UAAU,UAAU,MAAM,WAAW,UAAU,QAAQ,YAAY,GAAG,GAAG,eAAe;CAC9F,IAAI,EAAE,YAAY,WAAW,GAAG,mBAAmB;CACnD,IAAI,mBAAmB,aAAa,QAAQ,aAAa,KAAK,IAAI,WAAW;CAC7E,IAAI,gBAAgB,iBAAiB;EACnC,OAAO;EACP,MAAM,qBAAqB,KAAK,IAAI,KAAK,IAAI,mBAAmB;CAClE,CAAC;CACD,IAAI,CAAC,YAAY,mBAAmB,CAClC,MACA,SACF,CAAC,CAAC,IAAI,SAAS,MAAM;EACnB,OAAO,OAAO,cAAc,IAAI,IAAI;CACtC,CAAC;CACD,IAAI,kBAAkB,mBAAmB,QAAQ;EAC/C;EACA;EACA;CACF,GAAG;EACD,GAAG;EACH,GAAG;CACL,CAAC;CACD,IAAI,iBAAiB,WAAW,QAAQ,WAAW,KAAK,IAAI,SAAS,WAAW,SAAS,WAA2B,oBAAK,UAAU;EACjI,MAAM;EACN,UAAU;CACZ,CAAC,IAAI,KAAK;CACV,IAAI,gBAAgB;EAClB,GAAG;EACH,GAAG,YAAY;GACb,iBAAiB;GACjB,UAAU;GACV,UAAU,CAAC;EACb;EACA,GAAG,mBAAmB,KAAK,IAAI,OAAO,EACpC,QAAQ,eACV;EACA,GAAG,YAAY;GAMb,MAAM;GACN,UAAU,CAAC;GACX,iBAAiB,KAAK;GACtB,UAAU,KAAK;GACf,SAAS,KAAK;GACd,WAAW,KAAK;GAChB,YAAY,KAAK;GACjB,aAAa,KAAK;GAClB,SAAS,KAAK;GACd,WAAW,KAAK;GAChB,SAAS,KAAK;EAChB;EACA,UAA0B,qBAAM,qBAAqB,UAAU;GAC7D,OAAO;GACP,UAAU;IACR;IACA;IACA;GACF;EACF,CAAC;CACH;CACA,OAAO;EACL;EACA,OAAO;CACT;AACF"}

package/dist/esm/index.js

@@ -1,2 +1 @@
-export * from "./Button.mjs";
-//# sourceMappingURL=index.js.map
+export * from "./Button.mjs"

package/dist/esm/index.mjs

@@ -1,2 +1 @@
-export * from "./Button.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from "./Button.mjs"

package/dist/esm/index.native.js

@@ -1,2 +1 @@
-export * from "./Button.native.js";
-//# sourceMappingURL=index.native.js.map
+export * from "./Button.native.js"