@hanzogui/button 2.0.0

package/dist/jsx/Button.mjs

@@ -0,0 +1,194 @@
+import { getFontSize } from "@hanzo/gui-font-size";
+import { getButtonSized } from "@hanzo/gui-get-button-sized";
+import { getIcon, useCurrentColor } from "@hanzo/gui-helpers";
+import { ButtonNestingContext, getElevation, themeableVariants } from "@hanzo/gui-stacks";
+import { SizableText, wrapChildrenInText } from "@hanzo/gui-text";
+import { createStyledContext, getTokenValue, styled, useProps, View, withStaticProperties } from "@hanzo/gui-web";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+const context = createStyledContext({
+    size: void 0,
+    variant: void 0,
+    color: void 0,
+    elevation: void 0
+  }),
+  Frame = styled(View, {
+    context,
+    name: "Button",
+    role: "button",
+    render: /* @__PURE__ */jsx("button", {
+      type: "button"
+    }),
+    tabIndex: 0,
+    variants: {
+      unstyled: {
+        false: {
+          size: "$true",
+          justifyContent: "center",
+          alignItems: "center",
+          flexWrap: "nowrap",
+          flexDirection: "row",
+          cursor: "pointer",
+          backgroundColor: "$background",
+          borderWidth: 1,
+          borderColor: "transparent",
+          hoverStyle: {
+            backgroundColor: "$backgroundHover",
+            borderColor: "$borderColorHover"
+          },
+          pressStyle: {
+            backgroundColor: "$backgroundPress",
+            borderColor: "$borderColorHover"
+          },
+          focusVisibleStyle: {
+            outlineColor: "$outlineColor",
+            outlineStyle: "solid",
+            outlineWidth: 2
+          }
+        }
+      },
+      variant: {
+        outlined: process.env.HANZO_GUI_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": (val, extras) => {
+          const buttonStyle = getButtonSized(val, extras),
+            gap = getTokenValue(val);
+          return {
+            ...buttonStyle,
+            gap
+          };
+        },
+        ":number": (val, extras) => {
+          const buttonStyle = getButtonSized(val, extras),
+            gap = val * 0.4;
+          return {
+            ...buttonStyle,
+            gap
+          };
+        }
+      },
+      elevation: {
+        "...size": getElevation,
+        ":number": getElevation
+      },
+      disabled: {
+        true: {
+          pointerEvents: "none",
+          // @ts-ignore
+          "aria-disabled": !0
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  Text = styled(SizableText, {
+    context,
+    variants: {
+      unstyled: {
+        false: {
+          userSelect: "none",
+          cursor: "pointer",
+          // flexGrow 1 leads to inconsistent native style where text pushes to start of view
+          flexGrow: 0,
+          flexShrink: 1,
+          ellipsis: !0,
+          color: "$color"
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  Icon = props => {
+    const {
+        children,
+        scaleIcon = 1,
+        size
+      } = props,
+      styledContext = context.useStyledContext();
+    if (!styledContext) throw new Error("Button.Icon must be used within a Button");
+    const sizeToken = size ?? styledContext.size,
+      iconColor = useCurrentColor(styledContext.color),
+      iconSize = (typeof sizeToken == "number" ? sizeToken * 0.5 : getFontSize(sizeToken)) * scaleIcon;
+    return getIcon(children, {
+      size: iconSize,
+      color: iconColor
+    });
+  },
+  ButtonContext = createStyledContext({
+    size: void 0,
+    variant: void 0,
+    color: void 0
+  }),
+  ButtonComponent = Frame.styleable((propsIn, ref) => {
+    const isNested = useContext(ButtonNestingContext),
+      processedProps = useProps(propsIn, {
+        noNormalize: !0,
+        noExpand: !0
+      }),
+      {
+        children,
+        iconSize,
+        icon,
+        iconAfter,
+        scaleIcon = 1,
+        ...props
+      } = processedProps,
+      size = propsIn.size || (propsIn.unstyled ? void 0 : "$true"),
+      styledContext = context.useStyledContext(),
+      iconColor = useCurrentColor(styledContext?.color),
+      finalSize = iconSize ?? size ?? styledContext?.size,
+      iconSizeNumber = (typeof finalSize == "number" ? finalSize * 0.5 : getFontSize(finalSize)) * scaleIcon,
+      [themedIcon, themedIconAfter] = [icon, iconAfter].map(icon2 => icon2 ? getIcon(icon2, {
+        size: iconSizeNumber,
+        color: iconColor
+        // No marginLeft or marginRight needed - spacing is handled by the gap property in Frame's size variants
+      }) : null),
+      wrappedChildren = wrapChildrenInText(Text, {
+        children
+      }, {
+        unstyled: process.env.HANZO_GUI_HEADLESS === "1",
+        size: finalSize ?? styledContext?.size
+      });
+    return /* @__PURE__ */jsx(ButtonNestingContext.Provider, {
+      value: !0,
+      children: /* @__PURE__ */jsxs(Frame, {
+        ref,
+        ...props,
+        ...(isNested && {
+          render: "span"
+        }),
+        ...(props.circular && !propsIn.size && {
+          size
+        }),
+        tabIndex: 0,
+        children: [themedIcon, wrappedChildren, themedIconAfter]
+      })
+    });
+  }),
+  Button = withStaticProperties(ButtonComponent, {
+    Apply: context.Provider,
+    Frame,
+    Text,
+    Icon
+  });
+export { Button, ButtonContext };
+//# sourceMappingURL=Button.mjs.map

package/dist/jsx/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["getFontSize","getButtonSized","getIcon","useCurrentColor","ButtonNestingContext","getElevation","themeableVariants","SizableText","wrapChildrenInText","createStyledContext","getTokenValue","styled","useProps","View","withStaticProperties","useContext","jsx","jsxs","context","size","variant","color","elevation","Frame","name","role","render","type","tabIndex","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","backgroundColor","borderWidth","borderColor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","process","env","HANZO_GUI_HEADLESS","circular","chromeless","...size","val","extras","buttonStyle","gap",":number","disabled","true","pointerEvents","defaultVariants","Text","userSelect","flexGrow","flexShrink","ellipsis","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColor","iconSize","ButtonContext","ButtonComponent","styleable","propsIn","ref","isNested","processedProps","noNormalize","noExpand","icon","iconAfter","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","wrappedChildren","Provider","value","Button","Apply"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/Button.native.js

@@ -0,0 +1,224 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var Button_exports = {};
+__export(Button_exports, {
+  Button: () => Button,
+  ButtonContext: () => ButtonContext
+});
+module.exports = __toCommonJS(Button_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui_font_size = require("@hanzo/gui-font-size"),
+  import_gui_get_button_sized = require("@hanzo/gui-get-button-sized"),
+  import_gui_helpers = require("@hanzo/gui-helpers"),
+  import_gui_stacks = require("@hanzo/gui-stacks"),
+  import_gui_text = require("@hanzo/gui-text"),
+  import_gui_web = require("@hanzo/gui-web"),
+  import_react = require("react"),
+  context = (0, import_gui_web.createStyledContext)({
+    size: void 0,
+    variant: void 0,
+    color: void 0,
+    elevation: void 0
+  }),
+  Frame = (0, import_gui_web.styled)(import_gui_web.View, {
+    context,
+    name: "Button",
+    role: "button",
+    render: /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
+      type: "button"
+    }),
+    tabIndex: 0,
+    variants: {
+      unstyled: {
+        false: {
+          size: "$true",
+          justifyContent: "center",
+          alignItems: "center",
+          flexWrap: "nowrap",
+          flexDirection: "row",
+          cursor: "pointer",
+          backgroundColor: "$background",
+          borderWidth: 1,
+          borderColor: "transparent",
+          hoverStyle: {
+            backgroundColor: "$backgroundHover",
+            borderColor: "$borderColorHover"
+          },
+          pressStyle: {
+            backgroundColor: "$backgroundPress",
+            borderColor: "$borderColorHover"
+          },
+          focusVisibleStyle: {
+            outlineColor: "$outlineColor",
+            outlineStyle: "solid",
+            outlineWidth: 2
+          }
+        }
+      },
+      variant: {
+        outlined: process.env.HANZO_GUI_HEADLESS === "1" ? {} : {
+          backgroundColor: "transparent",
+          borderWidth: 1,
+          borderColor: "$borderColor",
+          hoverStyle: {
+            backgroundColor: "transparent",
+            borderColor: "$borderColorHover"
+          },
+          pressStyle: {
+            backgroundColor: "transparent",
+            borderColor: "$borderColorPress"
+          }
+        }
+      },
+      circular: import_gui_stacks.themeableVariants.circular,
+      chromeless: import_gui_stacks.themeableVariants.chromeless,
+      size: {
+        "...size": function (val, extras) {
+          var buttonStyle = (0, import_gui_get_button_sized.getButtonSized)(val, extras),
+            gap = (0, import_gui_web.getTokenValue)(val);
+          return {
+            ...buttonStyle,
+            gap
+          };
+        },
+        ":number": function (val, extras) {
+          var buttonStyle = (0, import_gui_get_button_sized.getButtonSized)(val, extras),
+            gap = val * 0.4;
+          return {
+            ...buttonStyle,
+            gap
+          };
+        }
+      },
+      elevation: {
+        "...size": import_gui_stacks.getElevation,
+        ":number": import_gui_stacks.getElevation
+      },
+      disabled: {
+        true: {
+          pointerEvents: "none",
+          // @ts-ignore
+          "aria-disabled": !0
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  Text = (0, import_gui_web.styled)(import_gui_text.SizableText, {
+    context,
+    variants: {
+      unstyled: {
+        false: {
+          userSelect: "none",
+          cursor: "pointer",
+          // flexGrow 1 leads to inconsistent native style where text pushes to start of view
+          flexGrow: 0,
+          flexShrink: 1,
+          ellipsis: !0,
+          color: "$color"
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  Icon = function (props) {
+    var {
+        children,
+        scaleIcon = 1,
+        size
+      } = props,
+      styledContext = context.useStyledContext();
+    if (!styledContext) throw new Error("Button.Icon must be used within a Button");
+    var sizeToken = size ?? styledContext.size,
+      iconColor = (0, import_gui_helpers.useCurrentColor)(styledContext.color),
+      iconSize = (typeof sizeToken == "number" ? sizeToken * 0.5 : (0, import_gui_font_size.getFontSize)(sizeToken)) * scaleIcon;
+    return (0, import_gui_helpers.getIcon)(children, {
+      size: iconSize,
+      color: iconColor
+    });
+  },
+  ButtonContext = (0, import_gui_web.createStyledContext)({
+    size: void 0,
+    variant: void 0,
+    color: void 0
+  }),
+  ButtonComponent = Frame.styleable(function (propsIn, ref) {
+    var isNested = (0, import_react.useContext)(import_gui_stacks.ButtonNestingContext),
+      processedProps = (0, import_gui_web.useProps)(propsIn, {
+        noNormalize: !0,
+        noExpand: !0
+      }),
+      {
+        children,
+        iconSize,
+        icon,
+        iconAfter,
+        scaleIcon = 1,
+        ...props
+      } = processedProps,
+      size = propsIn.size || (propsIn.unstyled ? void 0 : "$true"),
+      styledContext = context.useStyledContext(),
+      iconColor = (0, import_gui_helpers.useCurrentColor)(styledContext?.color),
+      _ref,
+      finalSize = (_ref = iconSize ?? size) !== null && _ref !== void 0 ? _ref : styledContext?.size,
+      iconSizeNumber = (typeof finalSize == "number" ? finalSize * 0.5 : (0, import_gui_font_size.getFontSize)(finalSize)) * scaleIcon,
+      [themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2) {
+        return icon2 ? (0, import_gui_helpers.getIcon)(icon2, {
+          size: iconSizeNumber,
+          color: iconColor
+        }) : null;
+      }),
+      wrappedChildren = (0, import_gui_text.wrapChildrenInText)(Text, {
+        children
+      }, {
+        unstyled: process.env.HANZO_GUI_HEADLESS === "1",
+        size: finalSize ?? styledContext?.size
+      });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_stacks.ButtonNestingContext.Provider, {
+      value: !0,
+      children: /* @__PURE__ */(0, import_jsx_runtime.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]
+      })
+    });
+  }),
+  Button = (0, import_gui_web.withStaticProperties)(ButtonComponent, {
+    Apply: context.Provider,
+    Frame,
+    Text,
+    Icon
+  });
+//# sourceMappingURL=Button.native.js.map

package/dist/jsx/Button.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","ButtonContext","module","exports","import_jsx_runtime","require","import_gui_font_size","import_gui_get_button_sized","import_gui_helpers","import_gui_stacks","import_gui_text","import_gui_web","import_react","context","createStyledContext","size","variant","color","elevation","Frame","styled","View","role","render","jsx","type","tabIndex","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","backgroundColor","borderWidth","borderColor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","process","env","HANZO_GUI_HEADLESS","circular","themeableVariants","chromeless","...size","val","extras","buttonStyle","getButtonSized","gap","getTokenValue",":number","getElevation","disabled","true","pointerEvents","defaultVariants","Text","SizableText","userSelect","flexGrow","flexShrink","ellipsis","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColor","useCurrentColor","iconSize","getFontSize","getIcon","ButtonComponent","styleable","propsIn","ref","isNested","useContext","ButtonNestingContext","processedProps","useProps","noNormalize","noExpand","icon","iconAfter","_ref","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","wrappedChildren","wrapChildrenInText","Provider","jsxs"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/Button.test.mjs

@@ -0,0 +1,37 @@
+import { getDefaultTamaguiConfig } from "@hanzo/gui-config-default";
+import { createTamagui } from "@hanzo/gui-core";
+import { describe, expect, test } from "vitest";
+import { Button } from "./Button.mjs";
+import { jsx } from "react/jsx-runtime";
+const conf = createTamagui(getDefaultTamaguiConfig());
+describe("Button", () => {
+  test("123", () => {
+    expect(!0).toBeTruthy();
+  }), test("accepts native button html props", () => {
+    const _submitBtn = /* @__PURE__ */jsx(Button, {
+        type: "submit",
+        children: "Submit"
+      }),
+      _resetBtn = /* @__PURE__ */jsx(Button, {
+        type: "reset",
+        children: "Reset"
+      }),
+      _buttonBtn = /* @__PURE__ */jsx(Button, {
+        type: "button",
+        children: "Button"
+      }),
+      _formBtn = /* @__PURE__ */jsx(Button, {
+        type: "submit",
+        form: "myForm",
+        formAction: "/submit",
+        formMethod: "post",
+        formTarget: "_blank",
+        formNoValidate: !0,
+        name: "submitBtn",
+        value: "submit",
+        children: "Submit"
+      });
+    expect(!0).toBeTruthy();
+  });
+});
+//# sourceMappingURL=Button.test.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getDefaultTamaguiConfig","createTamagui","describe","expect","test","Button","jsx","conf","toBeTruthy","_submitBtn","type","children","_resetBtn","_buttonBtn","_formBtn","form","formAction","formMethod","formTarget","formNoValidate","name","value"],"sources":["../../src/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,uBAAA,QAA+B;AACxC,SAASC,aAAA,QAAqB;AAC9B,SAASC,QAAA,EAAUC,MAAA,EAAQC,IAAA,QAAY;AACvC,SAASC,MAAA,QAAc;AAYA,SAAAC,GAAA;AAVvB,MAAMC,IAAA,GAAON,aAAA,CAAcD,uBAAA,CAAwB,CAAC;AAEpDE,QAAA,CAAS,UAAU,MAAM;EACvBE,IAAA,CAAK,OAAO,MAAM;IAChBD,MAAA,CAAO,EAAI,EAAEK,UAAA,CAAW;EAC1B,CAAC,GAGDJ,IAAA,CAAK,oCAAoC,MAAM;IAE7C,MAAMK,UAAA,GAAa,eAAAH,GAAA,CAACD,MAAA;QAAOK,IAAA,EAAK;QAASC,QAAA;MAAA,CAAM;MACzCC,SAAA,GAAY,eAAAN,GAAA,CAACD,MAAA;QAAOK,IAAA,EAAK;QAAQC,QAAA;MAAA,CAAK;MACtCE,UAAA,GAAa,eAAAP,GAAA,CAACD,MAAA;QAAOK,IAAA,EAAK;QAASC,QAAA;MAAA,CAAM;MACzCG,QAAA,GACJ,eAAAR,GAAA,CAACD,MAAA;QACCK,IAAA,EAAK;QACLK,IAAA,EAAK;QACLC,UAAA,EAAW;QACXC,UAAA,EAAW;QACXC,UAAA,EAAW;QACXC,cAAA,EAAc;QACdC,IAAA,EAAK;QACLC,KAAA,EAAM;QACPV,QAAA;MAAA,CAED;IAEFR,MAAA,CAAO,EAAI,EAAEK,UAAA,CAAW;EAC1B,CAAC;AAWH,CAAC","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui_config_default = require("@hanzo/gui-config-default"),
+  import_gui_core = require("@hanzo/gui-core"),
+  import_vitest = require("vitest"),
+  import_Button = require("./Button.native.js"),
+  conf = (0, import_gui_core.createTamagui)((0, import_gui_config_default.getDefaultTamaguiConfig)());
+(0, import_vitest.describe)("Button", function () {
+  (0, import_vitest.test)("123", function () {
+    (0, import_vitest.expect)(!0).toBeTruthy();
+  }), (0, import_vitest.test)("accepts native button html props", function () {
+    var _submitBtn = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+        type: "submit",
+        children: "Submit"
+      }),
+      _resetBtn = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+        type: "reset",
+        children: "Reset"
+      }),
+      _buttonBtn = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+        type: "button",
+        children: "Button"
+      }),
+      _formBtn = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+        type: "submit",
+        form: "myForm",
+        formAction: "/submit",
+        formMethod: "post",
+        formTarget: "_blank",
+        formNoValidate: !0,
+        name: "submitBtn",
+        value: "submit",
+        children: "Submit"
+      });
+    (0, import_vitest.expect)(!0).toBeTruthy();
+  });
+});
+//# sourceMappingURL=Button.test.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_gui_config_default","import_gui_core","import_vitest","import_Button","conf","createTamagui","getDefaultTamaguiConfig","describe","test","expect","toBeTruthy","_submitBtn","jsx","Button","type","children","_resetBtn","_buttonBtn","_formBtn","form","formAction","formMethod","formTarget","formNoValidate","name","value"],"sources":["../../src/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,kBAAS,GAAAC,OAAqB;EAAAC,yBAAA,GAAAD,OAAA;EAAAE,eAAA,GAAAF,OAAA;EAAAG,aAAA,GAAAH,OAAA;EAAAI,aAAA,GAAAJ,OAAA;EAAAK,IAAA,OAAAH,eAAA,CAAAI,aAAA,MAAAL,yBAAA,CAAAM,uBAAA;AAC9B,IAAAJ,aAAS,CAAAK,QAAU,EAAQ,sBAAY;EACvC,IAAAL,aAAS,CAAAM,IAAc;IAYA,IAAAN,aAAA,CAAAO,MAAA,MAAAC,UAAA;EAVvB,IAAM,IAAAR,aAAO,CAAAM,IAAc,oCAAyB;IAEpD,IAAAG,UAAS,GAAU,eAAM,IAAAb,kBAAA,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;QACvBC,IAAK,UAAa;QAChBC,QAAW,EAAE;MACd,EAGD;MAAAC,SAAK,sBAAAlB,kBAA0C,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;QAE7CC,IAAM;QAIHC,QAAA;MAAA;MAAAE,UAAA,sBAAAnB,kBAAA,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;QAAAC,IACC,UAAK;QAAAC,QACA;MAAA;MACLG,QAAA,kBAAW,IAAApB,kBAAA,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;QAAAC,IACX,UAAW;QAAAK,IACX,UAAW;QAAAC,UACX,WAAc;QAAAC,UACT;QAAAC,UACC;QAAAC,cACP;QAAAC,IAAA;QAEDC,KAAA;QAEFV,QAAW,EAAE;MACd;IAWF,IAAAb,aAAA,CAAAO,MAAA,MAAAC,UAAA","ignoreList":[]}

package/dist/jsx/index.js

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

package/dist/jsx/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/jsx/index.mjs

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

package/dist/jsx/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/jsx/index.native.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Button.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA","ignoreList":[]}