@hanzogui/button 7.0.0 → 7.3.1

package/dist/esm/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/esm/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/esm/v1/Button.native.js

@@ -0,0 +1,234 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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";
+var 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
+});
+var BUTTON_NAME = "Button";
+var 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"
+  }
+});
+var 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"
+  }
+});
+var ButtonIcon = function (props) {
+  var {
+    children,
+    scaleIcon = 1
+  } = props;
+  var {
+    size,
+    color
+  } = useContext(ButtonContext);
+  var iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size)) * scaleIcon;
+  var getThemedIcon = useGetThemedIcon({
+    size: iconSize,
+    color
+  });
+  return getThemedIcon(children);
+};
+var ButtonComponent = ButtonFrame.styleable(function Button(props, ref) {
+  var {
+    props: buttonProps
+  } = useButton(props);
+  return /* @__PURE__ */_jsx(ButtonFrame, {
+    "data-disable-theme": true,
+    ...buttonProps,
+    ref
+  });
+});
+var Button2 = 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 = useContext(ButtonNestingContext);
+  var propsActive = 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 : getFontSize(size, {
+    font: (fontFamily === null || fontFamily === void 0 ? void 0 : fontFamily[0]) === "$" ? fontFamily : void 0
+  })) * scaleIcon;
+  var getThemedIcon = useGetThemedIcon({
+    size: iconSize,
+    color
+  });
+  var [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
+  var spaceSize = gap !== null && gap !== void 0 ? gap : getVariableValue(iconSize) * scaleSpace;
+  var 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);
+  var 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]
+  });
+  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__ */_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.native.js.map

package/dist/esm/v1/Button.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","getFontSize","getButtonSized","withStaticProperties","useGetThemedIcon","ButtonNestingContext","ThemeableStack","SizableText","wrapChildrenInText","createStyledContext","getVariableValue","styled","useProps","useContext","spacedChildren","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","Button2","Text","Icon","param","textProps","propsIn","arguments","length","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":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAmB;AAC5B,SAASC,WAAA,6BAAsB;AAC/B,SAASC,cAAA,oCAA4B;AACrC,SAASC,oBAAA,QAAwB;AACjC,SAASC,gBAAA,QAAsB,6BAAsB;AAErD,SAASC,oBAAa,EAAAC,cAAA,QAA0B;AAEhD,SAASC,WAAA,EAAAC,kBAAqB,QAAkB,gBAAQ;AAExD,SAASC,mBAAkB,EAAAC,gBAAA,EAAAC,MAAA,EAAAC,QAAA;AAC3B,SAASC,UAAA,eAAsB;AAiLpB,SAAAC,cAAA;AA7KJ,IAAAC,aAAM,GAAAN,mBAAgB;EAO3B;EAEAO,KAAA,EAAO;EACPC,QAAA,EAAU;EACVC,UAAA,EAAY;EACZC,QAAA,EAAU;EACVC,SAAA,EAAW;EACXC,UAAA,EAAY;EACZC,aAAA,EAAe;EACfC,qBAAA,EAAuB;EACvBC,IAAA,EAAM;EACNC,SAAA,EAAW;EACXC,OAAA,EAAS;AACX,CAAC;AAyCD,IAAAC,WAAM,WAAc;AAEpB,IAAAC,WAAM,GAAAjB,MAAc,CAAAL,cAAO;EACzBuB,IAAA,EAAMF,WAAA;EACNG,MAAA,EAAQ;EACRC,OAAA,EAAShB,aAAA;EACTiB,IAAA,EAAM;EACNC,SAAA,EAAW;EAEXC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLZ,IAAA,EAAM;QACNa,cAAA,EAAgB;QAChBC,UAAA,EAAY;QACZC,QAAA,EAAU;QACVC,aAAA,EAAe;QACfC,MAAA,EAAQ;QACRC,UAAA,EAAY;QACZC,UAAA,EAAY;QACZC,eAAA,EAAiB;QACjBC,WAAA,EAAa;QACbC,WAAA,EAAa;QAEbC,iBAAA,EAAmB;UACjBC,YAAA,EAAc;UACdC,YAAA,EAAc;UACdC,YAAA,EAAc;QAChB;MACF;IACF;IAEAxB,OAAA,EAAS;MACPyB,QAAA,EAAU;QACRP,eAAA,EAAiB;QACjBC,WAAA,EAAa;QACbC,WAAA,EAAa;QAEbM,UAAA,EAAY;UACVR,eAAA,EAAiB;UACjBE,WAAA,EAAa;QACf;QAEAO,UAAA,EAAY;UACVT,eAAA,EAAiB;UACjBE,WAAA,EAAa;QACf;QAEAC,iBAAA,EAAmB;UACjBH,eAAA,EAAiB;UACjBE,WAAA,EAAa;QACf;MACF;IACF;IAEAtB,IAAA,EAAM;MACJ,WAAWtB,cAAA;MACX,WAAWA;IACb;IAEAoD,QAAA,EAAU;MACRC,IAAA,EAAM;QACJC,aAAA,EAAe;MACjB;IACF;EACF;EAEAC,eAAA,EAAiB;IACftB,QAAA,EAAUuB,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB;EACzC;AACF,CAAC;AAED,IAAAC,UAAM,GAAAlD,MAAa,CAAAJ,WAAO;EACxBsB,IAAA,EAAM;EACNE,OAAA,EAAShB,aAAA;EAETmB,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACL0B,UAAA,EAAY;QACZrB,MAAA,EAAQ;QAAA;QAERsB,QAAA,EAAU;QACVC,UAAA,EAAY;QACZ/C,QAAA,EAAU;QACVD,KAAA,EAAO;MACT;IACF;EACF;EAEAyC,eAAA,EAAiB;IACftB,QAAA,EAAUuB,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB;EACzC;AACF,CAAC;AAED,IAAAK,UAAM,YAAAA,CAAcC,KAA6D;EAC/E;IAAMC,QAAE;IAAAC,SAAU;EAAY,IAAEF,KAAI;EACpC;IAAM1C,IAAE;IAAAR;EAAM,IAAMH,UAAI,CAAAE,aAAW;EAEnC,IAAAsD,QAAM,WACH7C,IAAO,aAAS,GAAAA,IAAW,MAAO,GAAAvB,WAAM,CAAAuB,IAAY,KAAsB4C,SAC3E;EAEF,IAAAE,aAAM,GAAAlE,gBAAgB;IACtBoB,IAAA,EAAO6C,QAAA;IACTrD;EAEA;EACE,OAAAsD,aAAgB,CAAAH,QAAY;AAE1B;AAEA,IAAAI,eAAO,GAAA3C,WAAC,CAAA4C,SAAA,UAAYC,OAAAP,KAAA,EAAAQ,GAAkB;EACxC;IAAAR,KAAA,EAAAS;EAAA,IAAAC,SAAA,CAAAV,KAAA;EACF,sBAAAlE,IAAA,CAAA4B,WAAA;IAKA,oBAAe;IACb,GAAA+C,WAAM;IACND;EACD;AAKD;AAIE,IAAAG,OAAM,GAAA1E,oBAAsB,CAAAoE,eAAoB;EAChDO,IAAA,EAAMjB,UAAA;EAAgCkB,IACpC,EAAAd;AAAa;AACH,SACXW,UAAAI,KAAA;EAGD;MAAMC,SAAA;MAAA,GAAAC;IAAA,IAAAF,KAAA;IAAA;MAAAF,IAAA,GAAAD,OAAA,CAAAC;IAAA,IAAAK,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;MACJL,IAAA,EAAAD,OAAA,CAAAC;IAAA;EACA,IACAO,QAAA,GAAAxE,UAAA,CAAAR,oBAAA;EAAA,IACAiF,WAAA,GAAA1E,QAAA,CAAAsE,OAAA;IACAK,WAAA,EAAY;IACZC,QAAA;EAAa,EACb;EAAA,IACA;IAAAC,IAAA;IAAAC,SAAA;IAAAC,GAAA;IAAAC,SAAA;IAAAxB,SAAA;IAAAyB,UAAA;IAAAC,UAAA;IAAA5E,UAAA;IAAAC,QAAA;IAAAE,UAAA;IAAAD,SAAA;IAAAE,aAAA;IAAAQ,MAAA;IAAAb,QAAA;IAAAM,qBAAA;IAAA,GAAAwE;EAAA,IAAAT,WAAA;EAAA,IACA9D,IAAA,GAAA8D,WAAA,CAAA9D,IAAA,KAAA8D,WAAA,CAAAnD,QAAA;EAAA,IACAnB,KAAA,GAAAsE,WAAA,CAAAtE,KAAA;EAAA,IACAqD,QAAA,WAAA7C,IAAA,gBAAAA,IAAA,SAAAvB,WAAA,CAAAuB,IAAA;IACAwE,IAAA,GAAA9E,UAAA,aAAAA,UAAA,uBAAAA,UAAA,eAAAA,UAAA;EAAA,EACA,IAAAkD,SAAA;EAAA,IACAE,aAAA,GAAAlE,gBAAA;IACAoB,IAAA,EAAA6C,QAAA;IAEArD;EACF;EAEA,KAAAiF,UAAa,EAAAC,eAAY,IAAS,CAElCT,IAAM,EAENC,SAAM,CAGoC,CAClCS,GAAA,CAAA7B,aAAM;EACR,IAAC8B,SAAK,GAAAT,GAAA,aAAAA,GAAA,cAAAA,GAAA,GAAAjF,gBAAA,CAAA2D,QAAA,IAAAwB,UAAA;EAEZ,IAAAQ,QAAM,GAAAP,UAAgB,IACpBZ,OAAM,CAAAf,QAAA,IACN3D,kBAAA,CAAAsE,IAAA;IACDX,QAAA,EAAAe,OAAA,CAAAf,QAAA;IAEDjD,UAAO;IACPC,QAAM;IACN8D,SAAM;IAGA5D,UAAA;IACAD,SAAA;IAAAE,aACY;IAAQL,QAClB;IAAAM;EACA,GAAAuD,IACA,KAAAjB,UAAA,IAAAyB,WAAA,CAAAnD,QAAA;IAAAA,QACA,EAAAuB,OAAA,CAAAC,GAAA,CAAAC,YAAA;IAAApC;EACA,IACA;EAAA,IACA8E,KAAA,GAAAxF,cAAA;IAAA;IAEFyF,KAAA,EAAAH,SAAA;IACAR,SAAS;IACLY,UACE,EAAU;IAA6BC,SACvC,EAAAnB,WAAA,CAAA9C,aAAA,iBAAA8C,WAAA,CAAA9C,aAAA;IACF;IAEN;IAEJ2B,QAAM,GAAuB8B,UAAA,EAE3B,GAAAI,QAAO,EACPH,eAAA;EACY,EACZ;EAIM,IAAAhC,KAAA;IAAA1C,IAAA;IAGN,IAAA0D,OAAU,CAAC5B,QAAA,IAAY;MACxB;MAEDrB,SAAM,EAAQ;MACZ;MACAc,iBAAY;QAAYD,WAAA;MAEtB;IAAW;IAAA;IAEQhB,MACjB,EAAAA,MAAA,KAAa,QAAAA,MAAA,cAAAA,MAAA,GAAAuD,QAAA;IACf;IACF;IAAAC,WAAA,CAAAoB,iBAAA,eAAApB,WAAA,CAAAtD,IAAA,4BAEA;IAGM,GAAA+D,SAAA;IAAA5B,QAAA,iBAAAnE,IAAA,CAAAK,oBAAA,CAAAsG,QAAA;MAGAC,KAAA;MAEEzC,QAAA,EAAAmC;IAER;IAEA;IACqDO,gBAAA;EAAA;EAIvD;IAEAT,SAAO;IACLf,QAAA;IACAnB;EAAA;AACA;AAEJ,S","ignoreList":[]}

package/dist/esm/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/esm/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/esm/v1/Button.test.native.js

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

package/dist/esm/v1/Button.test.native.js.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,IAAAC,IAAM,GAAAJ,SAAO,CAAAD,mBAAU,GAAoB;AAE3CE,QAAA,CAAS,UAAU,YAAM;EACvBE,IAAA,CAAK,OAAO,YAAM;IAChBD,MAAA,CAAO,IAAI,EAAEG,UAAA,CAAW;EAC1B,CAAC;AAWH,CAAC","ignoreList":[]}

package/dist/esm/v1/index.mjs

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

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

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

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

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

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

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