@hanzogui/button 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/cjs/Button.cjs

@@ -0,0 +1,218 @@
+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_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"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const 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": (val, extras) => {
+          const buttonStyle = (0, import_gui_get_button_sized.getButtonSized)(val, extras),
+            gap = (0, import_gui_web.getTokenValue)(val);
+          return {
+            ...buttonStyle,
+            gap
+          };
+        },
+        ":number": (val, extras) => {
+          const 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 = 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 = (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((propsIn, ref) => {
+    const 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),
+      finalSize = iconSize ?? size ?? styledContext?.size,
+      iconSizeNumber = (typeof finalSize == "number" ? finalSize * 0.5 : (0, import_gui_font_size.getFontSize)(finalSize)) * scaleIcon,
+      [themedIcon, themedIconAfter] = [icon, iconAfter].map(icon2 => icon2 ? (0, import_gui_helpers.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 = (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"
+        }),
+        ...(props.circular && !propsIn.size && {
+          size
+        }),
+        tabIndex: 0,
+        children: [themedIcon, wrappedChildren, themedIconAfter]
+      })
+    });
+  }),
+  Button = (0, import_gui_web.withStaticProperties)(ButtonComponent, {
+    Apply: context.Provider,
+    Frame,
+    Text,
+    Icon
+  });

package/dist/cjs/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/cjs/Button.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Button_exports","__export","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","name","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/cjs/Button.test.cjs

@@ -0,0 +1,36 @@
+var import_gui_config_default = require("@hanzo/gui-config-default"),
+  import_gui_core = require("@hanzo/gui-core"),
+  import_vitest = require("vitest"),
+  import_Button = require("./Button.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const conf = (0, import_gui_core.createTamagui)((0, import_gui_config_default.getDefaultTamaguiConfig)());
+(0, import_vitest.describe)("Button", () => {
+  (0, import_vitest.test)("123", () => {
+    (0, import_vitest.expect)(!0).toBeTruthy();
+  }), (0, import_vitest.test)("accepts native button html props", () => {
+    const _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();
+  });
+});

package/dist/cjs/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/cjs/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"],"sources":["../../src/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AAKA,IAAAA,kBAAa,GAAAC,OAAA,oBAAc;EAAAC,yBAAA,GAAAD,OAAA,4BAAyB;EAAAE,eAAA,GAAAF,OAAA;EAAAG,aAAA,GAAAH,OAAA;EAAAI,aAAA,GAAAJ,OAAA;EAAAK,IAAA,OAAAH,eAAA,CAAAI,aAAA,MAAAL,yBAAA,CAAAM,uBAAA;AAAA,IAEpDJ,aAAA,CAAAK,QAAA,EAAS,UAAU,YAAM;EACvB,IAAAL,aAAA,CAAAM,IAAA,EAAK,OAAO,YAAM;IAChB,IAAAN,aAAA,CAAAO,MAAA,EAAO,EAAI,EAAEC,UAAA,CAAW;EAC1B,CAAC,OAGDR,aAAA,CAAAM,IAAA,EAAK,oCAAoC,YAAM;IAE7C,IAAAG,UAAM,kBAAa,IAAAb,kBAAA,CAAAc,GAAA,EAAAT,aAAC,CAAAU,MAAA;QAIjBC,IAAA;QAAAC,QAAA;MAAA;MACCC,SAAK,sBAAAlB,kBAAA,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;QAAAC,IACL,SAAK;QAAAC,QACL;MAAW;MACXE,UAAA,GAAW,mBAAAnB,kBAAA,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;QAAAC,IACX,UAAW;QAAAC,QACX;MAAc;MACdG,QAAK,sBAAApB,kBAAA,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;QAAAC,IACL,UAAM;QAAAK,IACP;QAAAC,UAAA;QAEDC,UAAA;QAEFC,UAAA;QACDC,cAAA;QAWFC,IAAA","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,18 @@
+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.cjs"), module.exports);

package/dist/cjs/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/cjs/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}