@hanzogui/button 7.0.0 → 7.3.1

package/dist/jsx/Button.mjs

@@ -0,0 +1,199 @@
+import { getFontSize } from "@hanzogui/font-size";
+import { getButtonSized } from "@hanzogui/get-button-sized";
+import { getIcon, useCurrentColor } from "@hanzogui/component-helpers";
+import { ButtonNestingContext, getElevation, themeableVariants } from "@hanzogui/stacks";
+import { SizableText, wrapChildrenInText } from "@hanzogui/text";
+import { createStyledContext, getTokenValue, styled, useProps, View, withStaticProperties } from "@hanzogui/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
+});
+const 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.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);
+        const gap = getTokenValue(val);
+        return {
+          ...buttonStyle,
+          gap
+        };
+      },
+      ":number": (val, extras) => {
+        const buttonStyle = getButtonSized(val, extras);
+        const 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.GUI_HEADLESS === "1"
+  }
+});
+const 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: true,
+        color: "$color"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+const Icon = props => {
+  const {
+    children,
+    scaleIcon = 1,
+    size
+  } = props;
+  const styledContext = context.useStyledContext();
+  if (!styledContext) {
+    throw new Error("Button.Icon must be used within a Button");
+  }
+  const sizeToken = size ?? styledContext.size;
+  const iconColor = useCurrentColor(styledContext.color);
+  const iconSize = (typeof sizeToken === "number" ? sizeToken * 0.5 : getFontSize(sizeToken)) * scaleIcon;
+  return getIcon(children, {
+    size: iconSize,
+    color: iconColor
+  });
+};
+const ButtonContext = createStyledContext({
+  size: void 0,
+  variant: void 0,
+  color: void 0
+});
+const ButtonComponent = Frame.styleable((propsIn, ref) => {
+  const isNested = useContext(ButtonNestingContext);
+  const processedProps = useProps(propsIn, {
+    noNormalize: true,
+    noExpand: true
+  });
+  const {
+    children,
+    iconSize,
+    icon,
+    iconAfter,
+    scaleIcon = 1,
+    ...props
+  } = processedProps;
+  const size = propsIn.size || (propsIn.unstyled ? void 0 : "$true");
+  const styledContext = context.useStyledContext();
+  const iconColor = useCurrentColor(styledContext?.color);
+  const finalSize = iconSize ?? size ?? styledContext?.size;
+  const iconSizeNumber = (typeof finalSize === "number" ? finalSize * 0.5 : getFontSize(finalSize)) * scaleIcon;
+  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(icon2 => {
+    if (!icon2) return null;
+    return getIcon(icon2, {
+      size: iconSizeNumber,
+      color: iconColor
+      // No marginLeft or marginRight needed - spacing is handled by the gap property in Frame's size variants
+    });
+  });
+  const wrappedChildren = wrapChildrenInText(Text, {
+    children
+  }, {
+    unstyled: process.env.GUI_HEADLESS === "1",
+    size: finalSize ?? styledContext?.size
+  });
+  return /* @__PURE__ */jsx(ButtonNestingContext.Provider, {
+    value: true,
+    children: /* @__PURE__ */jsxs(Frame, {
+      ref,
+      ...props,
+      ...(isNested && {
+        render: "span"
+      }),
+      ...(props.circular && !propsIn.size && {
+        size
+      }),
+      tabIndex: 0,
+      children: [themedIcon, wrappedChildren, themedIconAfter]
+    })
+  });
+});
+const 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","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","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,229 @@
+"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_exports = {};
+__export(Button_exports, {
+  Button: () => Button,
+  ButtonContext: () => ButtonContext
+});
+module.exports = __toCommonJS(Button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_font_size = require("@hanzogui/font-size");
+var import_get_button_sized = require("@hanzogui/get-button-sized");
+var import_component_helpers = require("@hanzogui/component-helpers");
+var import_stacks = require("@hanzogui/stacks");
+var import_text = require("@hanzogui/text");
+var import_web = require("@hanzogui/web");
+var import_react = require("react");
+var context = (0, import_web.createStyledContext)({
+  size: void 0,
+  variant: void 0,
+  color: void 0,
+  elevation: void 0
+});
+var Frame = (0, import_web.styled)(import_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.GUI_HEADLESS === "1" ? {} : {
+        backgroundColor: "transparent",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        hoverStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorHover"
+        },
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorPress"
+        }
+      }
+    },
+    circular: import_stacks.themeableVariants.circular,
+    chromeless: import_stacks.themeableVariants.chromeless,
+    size: {
+      "...size": function (val, extras) {
+        var buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras);
+        var gap = (0, import_web.getTokenValue)(val);
+        return {
+          ...buttonStyle,
+          gap
+        };
+      },
+      ":number": function (val, extras) {
+        var buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras);
+        var gap = val * 0.4;
+        return {
+          ...buttonStyle,
+          gap
+        };
+      }
+    },
+    elevation: {
+      "...size": import_stacks.getElevation,
+      ":number": import_stacks.getElevation
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none",
+        // @ts-ignore
+        "aria-disabled": true
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+var Text = (0, import_web.styled)(import_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: true,
+        color: "$color"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_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 iconColor = (0, import_component_helpers.useCurrentColor)(styledContext.color);
+  var iconSize = (typeof sizeToken === "number" ? sizeToken * 0.5 : (0, import_font_size.getFontSize)(sizeToken)) * scaleIcon;
+  return (0, import_component_helpers.getIcon)(children, {
+    size: iconSize,
+    color: iconColor
+  });
+};
+var ButtonContext = (0, import_web.createStyledContext)({
+  size: void 0,
+  variant: void 0,
+  color: void 0
+});
+var ButtonComponent = Frame.styleable(function (propsIn, ref) {
+  var isNested = (0, import_react.useContext)(import_stacks.ButtonNestingContext);
+  var processedProps = (0, import_web.useProps)(propsIn, {
+    noNormalize: true,
+    noExpand: true
+  });
+  var {
+    children,
+    iconSize,
+    icon,
+    iconAfter,
+    scaleIcon = 1,
+    ...props
+  } = processedProps;
+  var size = propsIn.size || (propsIn.unstyled ? void 0 : "$true");
+  var styledContext = context.useStyledContext();
+  var iconColor = (0, import_component_helpers.useCurrentColor)(styledContext === null || styledContext === void 0 ? void 0 : styledContext.color);
+  var _ref;
+  var finalSize = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : size) !== null && _ref !== void 0 ? _ref : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size;
+  var iconSizeNumber = (typeof finalSize === "number" ? finalSize * 0.5 : (0, import_font_size.getFontSize)(finalSize)) * scaleIcon;
+  var [themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2) {
+    if (!icon2) return null;
+    return (0, import_component_helpers.getIcon)(icon2, {
+      size: iconSizeNumber,
+      color: iconColor
+    });
+  });
+  var wrappedChildren = (0, import_text.wrapChildrenInText)(Text, {
+    children
+  }, {
+    unstyled: process.env.GUI_HEADLESS === "1",
+    size: finalSize !== null && finalSize !== void 0 ? finalSize : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.ButtonNestingContext.Provider, {
+    value: true,
+    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]
+    })
+  });
+});
+var Button = (0, import_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_font_size","import_get_button_sized","import_component_helpers","import_stacks","import_text","import_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","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"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/Button.test.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["getDefaultGuiConfig","createGui","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,mBAAA,QAA2B;AACpC,SAASC,SAAA,QAAiB;AAC1B,SAASC,QAAA,EAAUC,MAAA,EAAQC,IAAA,QAAY;AACvC,SAASC,MAAA,QAAc;AAYA,SAAAC,GAAA;AAVvB,MAAMC,IAAA,GAAON,SAAA,CAAUD,mBAAA,CAAoB,CAAC;AAE5CE,QAAA,CAAS,UAAU,MAAM;EACvBE,IAAA,CAAK,OAAO,MAAM;IAChBD,MAAA,CAAO,IAAI,EAAEK,UAAA,CAAW;EAC1B,CAAC;EAGDJ,IAAA,CAAK,oCAAoC,MAAM;IAE7C,MAAMK,UAAA,GAAa,eAAAH,GAAA,CAACD,MAAA;MAAOK,IAAA,EAAK;MAASC,QAAA;IAAA,CAAM;IAC/C,MAAMC,SAAA,GAAY,eAAAN,GAAA,CAACD,MAAA;MAAOK,IAAA,EAAK;MAAQC,QAAA;IAAA,CAAK;IAC5C,MAAME,UAAA,GAAa,eAAAP,GAAA,CAACD,MAAA;MAAOK,IAAA,EAAK;MAASC,QAAA;IAAA,CAAM;IAC/C,MAAMG,QAAA,GACJ,eAAAR,GAAA,CAACD,MAAA;MACCK,IAAA,EAAK;MACLK,IAAA,EAAK;MACLC,UAAA,EAAW;MACXC,UAAA,EAAW;MACXC,UAAA,EAAW;MACXC,cAAA,EAAc;MACdC,IAAA,EAAK;MACLC,KAAA,EAAM;MACPV,QAAA;IAAA,CAED;IAEFR,MAAA,CAAO,IAAI,EAAEK,UAAA,CAAW;EAC1B,CAAC;AAWH,CAAC","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_config_default = require("@hanzogui/config-default");
+var import_core = require("@hanzogui/core");
+var import_vitest = require("vitest");
+var import_Button = require("./Button.native.js");
+var conf = (0, import_core.createGui)((0, import_config_default.getDefaultGuiConfig)());
+(0, import_vitest.describe)("Button", function () {
+  (0, import_vitest.test)(`123`, function () {
+    (0, import_vitest.expect)(true).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"
+    });
+    var _resetBtn = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+      type: "reset",
+      children: "Reset"
+    });
+    var _buttonBtn = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+      type: "button",
+      children: "Button"
+    });
+    var _formBtn = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+      type: "submit",
+      form: "myForm",
+      formAction: "/submit",
+      formMethod: "post",
+      formTarget: "_blank",
+      formNoValidate: true,
+      name: "submitBtn",
+      value: "submit",
+      children: "Submit"
+    });
+    (0, import_vitest.expect)(true).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_config_default","import_core","import_vitest","import_Button","conf","createGui","getDefaultGuiConfig","describe","test","expect","toBeTruthy","_submitBtn","jsx","Button","type","children","_resetBtn","_buttonBtn","_formBtn","form","formAction","formMethod","formTarget","formNoValidate"],"sources":["../../src/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,kBAAS,GAAAC,OAAiB;AAC1B,IAAAC,qBAAmB,GAAQD,OAAA,2BAAY;AACvC,IAAAE,WAAS,GAAAF,OAAc;AAYA,IAAAG,aAAA,GAAAH,OAAA;AAVvB,IAAAI,aAAa,GAAAJ,OAAU;AAEvB,IAAAK,IAAA,GAAS,IAAAH,WAAgB,CAAAI,SAAA,MAAAL,qBAAA,CAAAM,mBAAA;AACvB,IAAAJ,aAAY,CAAAK,QAAM;EAChB,IAAAL,aAAa,CAAAM,IAAA,OAAW;IACzB,IAAAN,aAAA,CAAAO,MAAA,QAAAC,UAAA;EAGD;EAEE,IAAAR,aAAM,CAAAM,IAAa,oCAAa,cAAS;IACzC,IAAAG,UAAM,kBAAY,IAAAb,kBAAa,CAAAc,GAAA,EAAAT,aAAQ,CAAAU,MAAA,EAAK;MAC5CC,IAAM;MACNC,QAAM;IACJ,EAAC;IAAA,IAAAC,SAAA,sBAAAlB,kBAAA,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;MAAAC,IACC,SAAK;MAAAC,QACA;IAAA;IACM,IACXE,UAAA,GAAW,mBAAAnB,kBAAA,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;MAAAC,IACX,UAAW;MAAAC,QACX;IAAc;IACT,IACLG,QAAM,sBAAApB,kBAAA,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;MAAAC,IACP;MAAAK,IAAA;MAEDC,UAAA;MAEFC,UAAW,EAAE;MACdC,UAAA;MAWFC,cAAA","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,23 @@
+"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)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), 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":[]}