@hanzogui/button 7.3.1 → 8.0.0

package/dist/jsx/v1/Button.mjs

@@ -1,232 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,267 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,12 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

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

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

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

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

@@ -1,23 +0,0 @@
-"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

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

package/src/v1/Button.test.tsx

@@ -1,21 +0,0 @@
-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()
-  })
-
-  // test(`Adapts to a when given accessibilityRole="link"`, async () => {
-  //   const { container } = render(
-  //     <GuiProvider config={conf} defaultTheme="light">
-  //       <Button href="http://google.com" accessibilityRole="link" />
-  //     </GuiProvider>
-  //   )
-
-  //   expect(container.firstChild).toMatchSnapshot()
-  // })
-})