@hanzogui/button 7.0.0 → 7.3.0

package/dist/jsx/v1/Button.mjs

@@ -0,0 +1,232 @@
+import { getFontSize } from "@hanzogui/font-size";
+import { getButtonSized } from "@hanzogui/get-button-sized";
+import { withStaticProperties } from "@hanzogui/helpers";
+import { useGetThemedIcon } from "@hanzogui/component-helpers";
+import { ButtonNestingContext, ThemeableStack } from "@hanzogui/stacks";
+import { SizableText, wrapChildrenInText } from "@hanzogui/text";
+import { createStyledContext, getVariableValue, styled, useProps } from "@hanzogui/web";
+import { useContext } from "react";
+import { spacedChildren } from "@hanzogui/spacer";
+import { jsx } from "react/jsx-runtime";
+const ButtonContext = createStyledContext({
+  // keeping these here means they work with styled() passing down color to text
+  color: void 0,
+  ellipsis: void 0,
+  fontFamily: void 0,
+  fontSize: void 0,
+  fontStyle: void 0,
+  fontWeight: void 0,
+  letterSpacing: void 0,
+  maxFontSizeMultiplier: void 0,
+  size: void 0,
+  textAlign: void 0,
+  variant: void 0
+});
+const BUTTON_NAME = "Button";
+const ButtonFrame = styled(ThemeableStack, {
+  name: BUTTON_NAME,
+  render: "button",
+  context: ButtonContext,
+  role: "button",
+  focusable: true,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        justifyContent: "center",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        flexDirection: "row",
+        cursor: "pointer",
+        hoverTheme: true,
+        pressTheme: true,
+        backgroundColor: "$background",
+        borderWidth: 1,
+        borderColor: "transparent",
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineStyle: "solid",
+          outlineWidth: 2
+        }
+      }
+    },
+    variant: {
+      outlined: {
+        backgroundColor: "transparent",
+        borderWidth: 2,
+        borderColor: "$borderColor",
+        hoverStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorHover"
+        },
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorPress"
+        },
+        focusVisibleStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorFocus"
+        }
+      }
+    },
+    size: {
+      "...size": getButtonSized,
+      ":number": getButtonSized
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+const ButtonText = styled(SizableText, {
+  name: "Button",
+  context: ButtonContext,
+  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 ButtonIcon = props => {
+  const {
+    children,
+    scaleIcon = 1
+  } = props;
+  const {
+    size,
+    color
+  } = useContext(ButtonContext);
+  const iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size)) * scaleIcon;
+  const getThemedIcon = useGetThemedIcon({
+    size: iconSize,
+    color
+  });
+  return getThemedIcon(children);
+};
+const ButtonComponent = ButtonFrame.styleable(function Button(props, ref) {
+  const {
+    props: buttonProps
+  } = useButton(props);
+  return /* @__PURE__ */jsx(ButtonFrame, {
+    "data-disable-theme": true,
+    ...buttonProps,
+    ref
+  });
+});
+const Button2 = withStaticProperties(ButtonComponent, {
+  Text: ButtonText,
+  Icon: ButtonIcon
+});
+function useButton({
+  textProps,
+  ...propsIn
+}, {
+  Text = Button2.Text
+} = {
+  Text: Button2.Text
+}) {
+  const isNested = useContext(ButtonNestingContext);
+  const propsActive = useProps(propsIn, {
+    noNormalize: true,
+    noExpand: true
+  });
+  const {
+    icon,
+    iconAfter,
+    gap,
+    spaceFlex,
+    scaleIcon = 1,
+    scaleSpace = 0.66,
+    noTextWrap,
+    fontFamily,
+    fontSize,
+    fontWeight,
+    fontStyle,
+    letterSpacing,
+    render,
+    ellipsis,
+    maxFontSizeMultiplier,
+    ...restProps
+  } = propsActive;
+  const size = propsActive.size || (propsActive.unstyled ? void 0 : "$true");
+  const color = propsActive.color;
+  const iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size, {
+    font: fontFamily?.[0] === "$" ? fontFamily : void 0
+  })) * scaleIcon;
+  const getThemedIcon = useGetThemedIcon({
+    size: iconSize,
+    color
+  });
+  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
+  const spaceSize = gap ?? getVariableValue(iconSize) * scaleSpace;
+  const contents = noTextWrap ? [propsIn.children] : wrapChildrenInText(Text, {
+    children: propsIn.children,
+    fontFamily,
+    fontSize,
+    textProps,
+    fontWeight,
+    fontStyle,
+    letterSpacing,
+    ellipsis,
+    maxFontSizeMultiplier
+  }, Text === ButtonText && propsActive.unstyled !== true ? {
+    unstyled: process.env.GUI_HEADLESS === "1",
+    size
+  } : void 0);
+  const inner = spacedChildren({
+    // a bit arbitrary but scaling to font size is necessary so long as button does
+    space: spaceSize,
+    spaceFlex,
+    ensureKeys: true,
+    direction: propsActive.flexDirection === "column" || propsActive.flexDirection === "column-reverse" ? "vertical" : "horizontal",
+    // for keys to stay the same we keep indices as similar a possible
+    // so even if icons are undefined we still pass them
+    children: [themedIcon, ...contents, themedIconAfter]
+  });
+  const props = {
+    size,
+    ...(propsIn.disabled && {
+      // in rnw - false still has keyboard tabIndex, undefined = not actually focusable
+      focusable: void 0,
+      // even with tabIndex unset, it will keep focusVisibleStyle on web so disable it here
+      focusVisibleStyle: {
+        borderColor: "$background"
+      }
+    }),
+    // fixes SSR issue + DOM nesting issue of not allowing button in button
+    render: render ?? (isNested ? "span" :
+    // defaults to <a /> when accessibilityRole = link
+    // see https://github.com/hanzoai/gui/issues/505
+    propsActive.accessibilityRole === "link" || propsActive.role === "link" ? "a" : "button"),
+    ...restProps,
+    children: /* @__PURE__ */jsx(ButtonNestingContext.Provider, {
+      value: true,
+      children: inner
+    }),
+    // forces it to be a runtime pressStyle so it passes through context text colors
+    disableClassName: true
+  };
+  return {
+    spaceSize,
+    isNested,
+    props
+  };
+}
+export { Button2 as Button, ButtonContext, ButtonFrame, ButtonIcon, ButtonText, useButton };
+//# sourceMappingURL=Button.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getFontSize","getButtonSized","withStaticProperties","useGetThemedIcon","ButtonNestingContext","ThemeableStack","SizableText","wrapChildrenInText","createStyledContext","getVariableValue","styled","useProps","useContext","spacedChildren","jsx","ButtonContext","color","ellipsis","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","maxFontSizeMultiplier","size","textAlign","variant","BUTTON_NAME","ButtonFrame","name","render","context","role","focusable","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","hoverTheme","pressTheme","backgroundColor","borderWidth","borderColor","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","hoverStyle","pressStyle","disabled","true","pointerEvents","defaultVariants","process","env","GUI_HEADLESS","ButtonText","userSelect","flexGrow","flexShrink","ButtonIcon","props","children","scaleIcon","iconSize","getThemedIcon","ButtonComponent","styleable","Button","ref","buttonProps","useButton","Text","Icon","textProps","propsIn","Button2","isNested","propsActive","noNormalize","noExpand","icon","iconAfter","gap","spaceFlex","scaleSpace","noTextWrap","restProps","font","themedIcon","themedIconAfter","map","spaceSize","contents","inner","space","ensureKeys","direction","accessibilityRole","Provider","value","disableClassName"],"sources":["../../../src/v1/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,267 @@
+"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: () => Button2,
+  ButtonContext: () => ButtonContext,
+  ButtonFrame: () => ButtonFrame,
+  ButtonIcon: () => ButtonIcon,
+  ButtonText: () => ButtonText,
+  useButton: () => useButton
+});
+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_helpers = require("@hanzogui/helpers");
+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 import_spacer = require("@hanzogui/spacer");
+var ButtonContext = (0, import_web.createStyledContext)({
+  // keeping these here means they work with styled() passing down color to text
+  color: void 0,
+  ellipsis: void 0,
+  fontFamily: void 0,
+  fontSize: void 0,
+  fontStyle: void 0,
+  fontWeight: void 0,
+  letterSpacing: void 0,
+  maxFontSizeMultiplier: void 0,
+  size: void 0,
+  textAlign: void 0,
+  variant: void 0
+});
+var BUTTON_NAME = "Button";
+var ButtonFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
+  name: BUTTON_NAME,
+  render: "button",
+  context: ButtonContext,
+  role: "button",
+  focusable: true,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        justifyContent: "center",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        flexDirection: "row",
+        cursor: "pointer",
+        hoverTheme: true,
+        pressTheme: true,
+        backgroundColor: "$background",
+        borderWidth: 1,
+        borderColor: "transparent",
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineStyle: "solid",
+          outlineWidth: 2
+        }
+      }
+    },
+    variant: {
+      outlined: {
+        backgroundColor: "transparent",
+        borderWidth: 2,
+        borderColor: "$borderColor",
+        hoverStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorHover"
+        },
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorPress"
+        },
+        focusVisibleStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorFocus"
+        }
+      }
+    },
+    size: {
+      "...size": import_get_button_sized.getButtonSized,
+      ":number": import_get_button_sized.getButtonSized
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+var ButtonText = (0, import_web.styled)(import_text.SizableText, {
+  name: "Button",
+  context: ButtonContext,
+  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 ButtonIcon = function (props) {
+  var {
+    children,
+    scaleIcon = 1
+  } = props;
+  var {
+    size,
+    color
+  } = (0, import_react.useContext)(ButtonContext);
+  var iconSize = (typeof size === "number" ? size * 0.5 : (0, import_font_size.getFontSize)(size)) * scaleIcon;
+  var getThemedIcon = (0, import_component_helpers.useGetThemedIcon)({
+    size: iconSize,
+    color
+  });
+  return getThemedIcon(children);
+};
+var ButtonComponent = ButtonFrame.styleable(function Button(props, ref) {
+  var {
+    props: buttonProps
+  } = useButton(props);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonFrame, {
+    "data-disable-theme": true,
+    ...buttonProps,
+    ref
+  });
+});
+var Button2 = (0, import_helpers.withStaticProperties)(ButtonComponent, {
+  Text: ButtonText,
+  Icon: ButtonIcon
+});
+function useButton(param) {
+  var {
+      textProps,
+      ...propsIn
+    } = param,
+    {
+      Text = Button2.Text
+    } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+      Text: Button2.Text
+    };
+  var isNested = (0, import_react.useContext)(import_stacks.ButtonNestingContext);
+  var propsActive = (0, import_web.useProps)(propsIn, {
+    noNormalize: true,
+    noExpand: true
+  });
+  var {
+    icon,
+    iconAfter,
+    gap,
+    spaceFlex,
+    scaleIcon = 1,
+    scaleSpace = 0.66,
+    noTextWrap,
+    fontFamily,
+    fontSize,
+    fontWeight,
+    fontStyle,
+    letterSpacing,
+    render,
+    ellipsis,
+    maxFontSizeMultiplier,
+    ...restProps
+  } = propsActive;
+  var size = propsActive.size || (propsActive.unstyled ? void 0 : "$true");
+  var color = propsActive.color;
+  var iconSize = (typeof size === "number" ? size * 0.5 : (0, import_font_size.getFontSize)(size, {
+    font: (fontFamily === null || fontFamily === void 0 ? void 0 : fontFamily[0]) === "$" ? fontFamily : void 0
+  })) * scaleIcon;
+  var getThemedIcon = (0, import_component_helpers.useGetThemedIcon)({
+    size: iconSize,
+    color
+  });
+  var [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
+  var spaceSize = gap !== null && gap !== void 0 ? gap : (0, import_web.getVariableValue)(iconSize) * scaleSpace;
+  var contents = noTextWrap ? [propsIn.children] : (0, import_text.wrapChildrenInText)(Text, {
+    children: propsIn.children,
+    fontFamily,
+    fontSize,
+    textProps,
+    fontWeight,
+    fontStyle,
+    letterSpacing,
+    ellipsis,
+    maxFontSizeMultiplier
+  }, Text === ButtonText && propsActive.unstyled !== true ? {
+    unstyled: process.env.GUI_HEADLESS === "1",
+    size
+  } : void 0);
+  var inner = (0, import_spacer.spacedChildren)({
+    // a bit arbitrary but scaling to font size is necessary so long as button does
+    space: spaceSize,
+    spaceFlex,
+    ensureKeys: true,
+    direction: propsActive.flexDirection === "column" || propsActive.flexDirection === "column-reverse" ? "vertical" : "horizontal",
+    // for keys to stay the same we keep indices as similar a possible
+    // so even if icons are undefined we still pass them
+    children: [themedIcon, ...contents, themedIconAfter]
+  });
+  var props = {
+    size,
+    ...(propsIn.disabled && {
+      // in rnw - false still has keyboard tabIndex, undefined = not actually focusable
+      focusable: void 0,
+      // even with tabIndex unset, it will keep focusVisibleStyle on web so disable it here
+      focusVisibleStyle: {
+        borderColor: "$background"
+      }
+    }),
+    // fixes SSR issue + DOM nesting issue of not allowing button in button
+    render: render !== null && render !== void 0 ? render : isNested ? "span" :
+    // defaults to <a /> when accessibilityRole = link
+    // see https://github.com/hanzoai/gui/issues/505
+    propsActive.accessibilityRole === "link" || propsActive.role === "link" ? "a" : "button",
+    ...restProps,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.ButtonNestingContext.Provider, {
+      value: true,
+      children: inner
+    }),
+    // forces it to be a runtime pressStyle so it passes through context text colors
+    disableClassName: true
+  };
+  return {
+    spaceSize,
+    isNested,
+    props
+  };
+}
+//# sourceMappingURL=Button.native.js.map

package/dist/jsx/v1/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","Button2","ButtonContext","ButtonFrame","ButtonIcon","ButtonText","useButton","module","exports","import_jsx_runtime","require","import_font_size","import_get_button_sized","import_helpers","import_component_helpers","import_stacks","import_text","import_web","import_react","import_spacer","createStyledContext","color","ellipsis","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","maxFontSizeMultiplier","size","textAlign","variant","BUTTON_NAME","styled","ThemeableStack","render","context","role","focusable","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","hoverTheme","pressTheme","backgroundColor","borderWidth","borderColor","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","hoverStyle","pressStyle","getButtonSized","disabled","true","pointerEvents","defaultVariants","process","env","GUI_HEADLESS","SizableText","userSelect","flexGrow","flexShrink","props","children","scaleIcon","useContext","iconSize","getFontSize","getThemedIcon","useGetThemedIcon","ButtonComponent","styleable","ref","buttonProps","jsx","withStaticProperties","Text","Icon","param","textProps","propsIn","arguments","length","isNested","ButtonNestingContext","propsActive","useProps","noNormalize","noExpand","icon","iconAfter","gap","spaceFlex","scaleSpace","noTextWrap","restProps","font","themedIcon","themedIconAfter","map","spaceSize","getVariableValue","contents","wrapChildrenInText","inner","spacedChildren","space","ensureKeys","direction"],"sources":["../../../src/v1/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+import { getDefaultGuiConfig } from "@hanzogui/config-default";
+import { createGui } from "@hanzogui/core";
+import { describe, expect, test } from "vitest";
+const conf = createGui(getDefaultGuiConfig());
+describe("Button", () => {
+  test(`123`, () => {
+    expect(true).toBeTruthy();
+  });
+});
+//# sourceMappingURL=Button.test.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getDefaultGuiConfig","createGui","describe","expect","test","conf","toBeTruthy"],"sources":["../../../src/v1/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,mBAAA,QAA2B;AACpC,SAASC,SAAA,QAAiB;AAC1B,SAASC,QAAA,EAAUC,MAAA,EAAQC,IAAA,QAAY;AAEvC,MAAMC,IAAA,GAAOJ,SAAA,CAAUD,mBAAA,CAAoB,CAAC;AAE5CE,QAAA,CAAS,UAAU,MAAM;EACvBE,IAAA,CAAK,OAAO,MAAM;IAChBD,MAAA,CAAO,IAAI,EAAEG,UAAA,CAAW;EAC1B,CAAC;AAWH,CAAC","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+var import_config_default = require("@hanzogui/config-default");
+var import_core = require("@hanzogui/core");
+var import_vitest = require("vitest");
+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();
+  });
+});
+//# sourceMappingURL=Button.test.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["import_config_default","require","import_core","import_vitest","conf","createGui","getDefaultGuiConfig","describe","test","expect","toBeTruthy"],"sources":["../../../src/v1/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,qBAAS,GAAiBC,OAAA;AAC1B,IAAAC,WAAS,GAAAD,OAAU,iBAAoB;AAEvC,IAAAE,aAAa,GAAAF,OAAU;AAEvB,IAAAG,IAAA,GAAS,IAAAF,WAAgB,CAAAG,SAAA,MAAAL,qBAAA,CAAAM,mBAAA;AACvB,IAAAH,aAAY,CAAAI,QAAM;EAChB,IAAAJ,aAAa,CAAAK,IAAA,OAAW;IACzB,IAAAL,aAAA,CAAAM,MAAA,QAAAC,UAAA;EAWF","ignoreList":[]}

package/dist/jsx/v1/index.mjs

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

package/dist/jsx/v1/index.mjs.map

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

package/dist/jsx/v1/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 v1_exports = {};
+module.exports = __toCommonJS(v1_exports);
+__reExport(v1_exports, require("./Button.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/button",
-  "version": "7.0.0",
+  "version": "7.3.0",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "source": "src/index.ts",
   "files": [
@@ -31,30 +31,32 @@
     "access": "public"
   },
   "scripts": {
-    "build": "hanzogui-build",
-    "watch": "hanzogui-build --watch",
-    "clean": "hanzogui-build clean",
-    "clean:build": "hanzogui-build clean:build"
+    "build": "gui-build",
+    "watch": "gui-build --watch",
+    "clean": "gui-build clean",
+    "clean:build": "gui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/config-default": "^7.0.0",
-    "@hanzogui/core": "^7.0.0",
-    "@hanzogui/get-button-sized": "^7.0.0",
-    "@hanzogui/helpers": "^7.0.0",
-    "@hanzogui/component-helpers": "^7.0.0",
-    "@hanzogui/spacer": "^7.0.0",
-    "@hanzogui/stacks": "^7.0.0",
-    "@hanzogui/text": "^7.0.0",
-    "@hanzogui/font-size": "^7.0.0",
-    "@hanzogui/web": "^7.0.0"
+    "@hanzogui/config-default": "7.3.0",
+    "@hanzogui/core": "7.3.0",
+    "@hanzogui/get-button-sized": "7.3.0",
+    "@hanzogui/helpers": "7.3.0",
+    "@hanzogui/component-helpers": "7.3.0",
+    "@hanzogui/spacer": "7.3.0",
+    "@hanzogui/stacks": "7.3.0",
+    "@hanzogui/text": "7.3.0",
+    "@hanzogui/font-size": "7.3.0",
+    "@hanzogui/web": "7.3.0"
   },
   "devDependencies": {
-    "@hanzogui/build": "^7.0.0",
+    "@hanzogui/build": "7.3.0",
     "react": ">=19",
     "vitest": "4.0.4"
   },
   "peerDependencies": {
     "react": ">=19"
   },
-  "module:jsx": "dist/jsx"
-}
+  "module:jsx": "dist/jsx",
+  "license": "BSD-3-Clause",
+  "author": "Hanzo AI <dev@hanzo.ai>"
+}