@hanzogui/button 8.3.1 → 8.3.3

package/types/Button.d.ts

@@ -7,24 +7,29 @@ type ButtonContextStyles = TextContextStyles & {
     variant?: ButtonVariant;
     elevation?: SizeTokens | number;
 };
+declare const Icon: (props: {
+    children: React.ReactNode;
+    scaleIcon?: number;
+    size?: SizeTokens;
+}) => any;
 export declare const ButtonContext: import("@hanzogui/web").StyledContext<{
     size?: SizeTokens;
     variant?: ButtonVariant;
-    color?: ButtonContextStyles["color"];
+    color?: ButtonContextStyles['color'];
 }>;
 type IconProp = JSX.Element | FunctionComponent<{
     color?: any;
     size?: any;
 }> | null;
 declare const ButtonComponent: import("@hanzogui/web").GuiComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
-    size?: number | SizeTokens | undefined;
-    variant?: "outlined" | undefined;
+    chromeless?: "all" | boolean | undefined;
+    circular?: boolean | undefined;
     disabled?: boolean | undefined;
-    unstyled?: boolean | undefined;
     elevation?: number | SizeTokens | undefined;
-    circular?: boolean | undefined;
-    chromeless?: boolean | "all" | undefined;
-}>, "form" | "name" | "value" | keyof TextContextStyles | "textProps" | "noTextWrap" | "icon" | "iconAfter" | "scaleIcon" | "iconSize" | "type" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & TextContextStyles & {
+    size?: number | SizeTokens | undefined;
+    unstyled?: boolean | undefined;
+    variant?: "outlined" | undefined;
+}>, "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "icon" | "iconAfter" | "iconSize" | "name" | "noTextWrap" | "scaleIcon" | "textProps" | "type" | "value" | keyof TextContextStyles> & TextContextStyles & {
     textProps?: Partial<import("@hanzogui/text").SizableTextProps>;
     noTextWrap?: boolean;
 } & {
@@ -32,7 +37,7 @@ declare const ButtonComponent: import("@hanzogui/web").GuiComponent<Omit<import(
     iconAfter?: IconProp;
     scaleIcon?: number;
     iconSize?: SizeTokens;
-    type?: "submit" | "reset" | "button";
+    type?: 'submit' | 'reset' | 'button';
     form?: string;
     formAction?: string;
     formEncType?: string;
@@ -49,7 +54,7 @@ declare const ButtonComponent: import("@hanzogui/web").GuiComponent<Omit<import(
     iconAfter?: IconProp;
     scaleIcon?: number;
     iconSize?: SizeTokens;
-    type?: "submit" | "reset" | "button";
+    type?: 'submit' | 'reset' | 'button';
     form?: string;
     formAction?: string;
     formEncType?: string;
@@ -59,23 +64,23 @@ declare const ButtonComponent: import("@hanzogui/web").GuiComponent<Omit<import(
     name?: string;
     value?: string | readonly string[] | number;
 }, import("@hanzogui/web").StackStyleBase, {
-    size?: number | SizeTokens | undefined;
-    variant?: "outlined" | undefined;
+    chromeless?: "all" | boolean | undefined;
+    circular?: boolean | undefined;
     disabled?: boolean | undefined;
-    unstyled?: boolean | undefined;
     elevation?: number | SizeTokens | undefined;
-    circular?: boolean | undefined;
-    chromeless?: boolean | "all" | undefined;
-}, import("@hanzogui/web").StaticConfigPublic>;
-export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
     size?: number | SizeTokens | undefined;
+    unstyled?: boolean | undefined;
     variant?: "outlined" | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    chromeless?: "all" | boolean | undefined;
+    circular?: boolean | undefined;
     disabled?: boolean | undefined;
-    unstyled?: boolean | undefined;
     elevation?: number | SizeTokens | undefined;
-    circular?: boolean | undefined;
-    chromeless?: boolean | "all" | undefined;
-}>, "form" | "name" | "value" | keyof TextContextStyles | "textProps" | "noTextWrap" | "icon" | "iconAfter" | "scaleIcon" | "iconSize" | "type" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & TextContextStyles & {
+    size?: number | SizeTokens | undefined;
+    unstyled?: boolean | undefined;
+    variant?: "outlined" | undefined;
+}>, "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "icon" | "iconAfter" | "iconSize" | "name" | "noTextWrap" | "scaleIcon" | "textProps" | "type" | "value" | keyof TextContextStyles> & TextContextStyles & {
     textProps?: Partial<import("@hanzogui/text").SizableTextProps>;
     noTextWrap?: boolean;
 } & {
@@ -83,7 +88,7 @@ export declare const Button: import("react").ForwardRefExoticComponent<Omit<impo
     iconAfter?: IconProp;
     scaleIcon?: number;
     iconSize?: SizeTokens;
-    type?: "submit" | "reset" | "button";
+    type?: 'submit' | 'reset' | 'button';
     form?: string;
     formAction?: string;
     formEncType?: string;
@@ -93,14 +98,14 @@ export declare const Button: import("react").ForwardRefExoticComponent<Omit<impo
     name?: string;
     value?: string | readonly string[] | number;
 } & import("react").RefAttributes<import("@hanzogui/web").GuiElement>> & import("@hanzogui/web").StaticComponentObject<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
-    size?: number | SizeTokens | undefined;
-    variant?: "outlined" | undefined;
+    chromeless?: "all" | boolean | undefined;
+    circular?: boolean | undefined;
     disabled?: boolean | undefined;
-    unstyled?: boolean | undefined;
     elevation?: number | SizeTokens | undefined;
-    circular?: boolean | undefined;
-    chromeless?: boolean | "all" | undefined;
-}>, "form" | "name" | "value" | keyof TextContextStyles | "textProps" | "noTextWrap" | "icon" | "iconAfter" | "scaleIcon" | "iconSize" | "type" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & TextContextStyles & {
+    size?: number | SizeTokens | undefined;
+    unstyled?: boolean | undefined;
+    variant?: "outlined" | undefined;
+}>, "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "icon" | "iconAfter" | "iconSize" | "name" | "noTextWrap" | "scaleIcon" | "textProps" | "type" | "value" | keyof TextContextStyles> & TextContextStyles & {
     textProps?: Partial<import("@hanzogui/text").SizableTextProps>;
     noTextWrap?: boolean;
 } & {
@@ -108,7 +113,7 @@ export declare const Button: import("react").ForwardRefExoticComponent<Omit<impo
     iconAfter?: IconProp;
     scaleIcon?: number;
     iconSize?: SizeTokens;
-    type?: "submit" | "reset" | "button";
+    type?: 'submit' | 'reset' | 'button';
     form?: string;
     formAction?: string;
     formEncType?: string;
@@ -125,7 +130,7 @@ export declare const Button: import("react").ForwardRefExoticComponent<Omit<impo
     iconAfter?: IconProp;
     scaleIcon?: number;
     iconSize?: SizeTokens;
-    type?: "submit" | "reset" | "button";
+    type?: 'submit' | 'reset' | 'button';
     form?: string;
     formAction?: string;
     formEncType?: string;
@@ -135,23 +140,23 @@ export declare const Button: import("react").ForwardRefExoticComponent<Omit<impo
     name?: string;
     value?: string | readonly string[] | number;
 }, import("@hanzogui/web").StackStyleBase, {
-    size?: number | SizeTokens | undefined;
-    variant?: "outlined" | undefined;
+    chromeless?: "all" | boolean | undefined;
+    circular?: boolean | undefined;
     disabled?: boolean | undefined;
-    unstyled?: boolean | undefined;
     elevation?: number | SizeTokens | undefined;
-    circular?: boolean | undefined;
-    chromeless?: boolean | "all" | undefined;
+    size?: number | SizeTokens | undefined;
+    unstyled?: boolean | undefined;
+    variant?: "outlined" | undefined;
 }, import("@hanzogui/web").StaticConfigPublic> & Omit<import("@hanzogui/web").StaticConfigPublic, "staticConfig" | "styleable"> & {
     __tama: [Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
-        size?: number | SizeTokens | undefined;
-        variant?: "outlined" | undefined;
+        chromeless?: "all" | boolean | undefined;
+        circular?: boolean | undefined;
         disabled?: boolean | undefined;
-        unstyled?: boolean | undefined;
         elevation?: number | SizeTokens | undefined;
-        circular?: boolean | undefined;
-        chromeless?: boolean | "all" | undefined;
-    }>, "form" | "name" | "value" | keyof TextContextStyles | "textProps" | "noTextWrap" | "icon" | "iconAfter" | "scaleIcon" | "iconSize" | "type" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & TextContextStyles & {
+        size?: number | SizeTokens | undefined;
+        unstyled?: boolean | undefined;
+        variant?: "outlined" | undefined;
+    }>, "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "icon" | "iconAfter" | "iconSize" | "name" | "noTextWrap" | "scaleIcon" | "textProps" | "type" | "value" | keyof TextContextStyles> & TextContextStyles & {
         textProps?: Partial<import("@hanzogui/text").SizableTextProps>;
         noTextWrap?: boolean;
     } & {
@@ -159,7 +164,7 @@ export declare const Button: import("react").ForwardRefExoticComponent<Omit<impo
         iconAfter?: IconProp;
         scaleIcon?: number;
         iconSize?: SizeTokens;
-        type?: "submit" | "reset" | "button";
+        type?: 'submit' | 'reset' | 'button';
         form?: string;
         formAction?: string;
         formEncType?: string;
@@ -176,7 +181,7 @@ export declare const Button: import("react").ForwardRefExoticComponent<Omit<impo
         iconAfter?: IconProp;
         scaleIcon?: number;
         iconSize?: SizeTokens;
-        type?: "submit" | "reset" | "button";
+        type?: 'submit' | 'reset' | 'button';
         form?: string;
         formAction?: string;
         formEncType?: string;
@@ -186,13 +191,13 @@ export declare const Button: import("react").ForwardRefExoticComponent<Omit<impo
         name?: string;
         value?: string | readonly string[] | number;
     }, import("@hanzogui/web").StackStyleBase, {
-        size?: number | SizeTokens | undefined;
-        variant?: "outlined" | undefined;
+        chromeless?: "all" | boolean | undefined;
+        circular?: boolean | undefined;
         disabled?: boolean | undefined;
-        unstyled?: boolean | undefined;
         elevation?: number | SizeTokens | undefined;
-        circular?: boolean | undefined;
-        chromeless?: boolean | "all" | undefined;
+        size?: number | SizeTokens | undefined;
+        unstyled?: boolean | undefined;
+        variant?: "outlined" | undefined;
     }, import("@hanzogui/web").StaticConfigPublic];
 } & {
     Apply: import("react").Provider<ButtonContextStyles> & import("react").ProviderExoticComponent<Partial<ButtonContextStyles> & {
@@ -200,23 +205,19 @@ export declare const Button: import("react").ForwardRefExoticComponent<Omit<impo
         scope?: string;
     }>;
     Frame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
-        size?: number | SizeTokens | undefined;
-        variant?: "outlined" | undefined;
+        chromeless?: "all" | boolean | undefined;
+        circular?: boolean | undefined;
         disabled?: boolean | undefined;
-        unstyled?: boolean | undefined;
         elevation?: number | SizeTokens | undefined;
-        circular?: boolean | undefined;
-        chromeless?: boolean | "all" | undefined;
+        size?: number | SizeTokens | undefined;
+        unstyled?: boolean | undefined;
+        variant?: "outlined" | undefined;
     }, import("@hanzogui/web").StaticConfigPublic>;
     Text: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
         size?: import("@hanzogui/web").FontSizeTokens | undefined;
         unstyled?: boolean | undefined;
     }, import("@hanzogui/web").StaticConfigPublic>;
-    Icon: (props: {
-        children: React.ReactNode;
-        scaleIcon?: number;
-        size?: SizeTokens;
-    }) => any;
+    Icon: typeof Icon;
 };
 export type ButtonProps = GetProps<typeof ButtonComponent>;
 export {};

package/types/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAoB,MAAM,gBAAgB,CAAA;AAEzE,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAS,MAAM,eAAe,CAAA;AAShE,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAGnD,KAAK,aAAa,GAAG,UAAU,CAAA;AAE/B,KAAK,mBAAmB,GAAG,iBAAiB,GAAG;IAC7C,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,SAAS,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;CAChC,CAAA;AAwJD,QAAA,MAAM,IAAI,UAAW;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,QAsBA,CAAA;AAED,eAAO,MAAM,aAAa;WACjB,UAAU;cACP,aAAa;YACf,mBAAmB,CAAC,OAAO,CAAC;EAKpC,CAAA;AAEF,KAAK,QAAQ,GAAG,GAAG,CAAC,OAAO,GAAG,iBAAiB,CAAC;IAAE,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,GAAG,IAAI,CAAA;AAoBnF,QAAA,MAAM,eAAe;;;;;;;;;;;;WAjBZ,QAAQ;gBACH,QAAQ;gBACR,MAAM;eACP,UAAU;WAGd,QAAQ,GAAG,OAAO,GAAG,QAAQ;WAC7B,MAAM;iBACA,MAAM;kBACL,MAAM;iBACP,MAAM;qBACF,OAAO;iBACX,MAAM;WACZ,MAAM;YACL,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;8CA0H3C,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;WA1IV,QAAQ;gBACH,QAAQ;gBACR,MAAM;eACP,UAAU;WAGd,QAAQ,GAAG,OAAO,GAAG,QAAQ;WAC7B,MAAM;iBACA,MAAM;kBACL,MAAM;iBACP,MAAM;qBACF,OAAO;iBACX,MAAM;WACZ,MAAM;YACL,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAdpC,QAAQ;oBACH,QAAQ;oBACR,MAAM;mBACP,UAAU;eAGd,QAAQ,GAAG,OAAO,GAAG,QAAQ;eAC7B,MAAM;qBACA,MAAM;sBACL,MAAM;qBACP,MAAM;yBACF,OAAO;qBACX,MAAM;eACZ,MAAM;gBACL,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiI3C,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA"}

package/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Button';
+export * from './Button.tsx';
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/cjs/Button.cjs

@@ -1,289 +0,0 @@
-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_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 import_jsx_runtime = require("react/jsx-runtime");
-const context = (0, import_web.createStyledContext)({
-  size: void 0,
-  variant: void 0,
-  color: void 0,
-  elevation: void 0,
-  ellipsis: void 0,
-  fontFamily: void 0,
-  fontSize: void 0,
-  fontStyle: void 0,
-  fontWeight: void 0,
-  letterSpacing: void 0,
-  maxFontSizeMultiplier: void 0,
-  textAlign: void 0
-});
-const 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: {
-      true: {
-        // reset browser <button> defaults
-        outlineWidth: 0,
-        borderWidth: 0,
-        backgroundColor: "transparent"
-      },
-      false: {
-        size: "$true",
-        justifyContent: "center",
-        alignItems: "center",
-        flexWrap: "nowrap",
-        flexDirection: "row",
-        backgroundColor: "$background",
-        borderWidth: 1,
-        borderColor: "transparent",
-        "$platform-web": {
-          cursor: "pointer"
-        },
-        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": (val, extras) => {
-        const buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras);
-        const gap = (0, import_web.getTokenValue)(val);
-        return {
-          ...buttonStyle,
-          gap
-        };
-      },
-      ":number": (val, extras) => {
-        const buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras);
-        const 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"
-  }
-});
-const Text = (0, import_web.styled)(import_text.SizableText, {
-  context,
-  variants: {
-    unstyled: {
-      false: {
-        userSelect: "none",
-        // flexGrow 1 leads to inconsistent native style where text pushes to start of view
-        flexGrow: 0,
-        flexShrink: 1,
-        ellipsis: true,
-        color: "$color",
-        "$platform-web": {
-          cursor: "pointer"
-        }
-      }
-    }
-  },
-  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 iconColorProp = styledContext.color === "unset" || typeof styledContext.color === "number" ? void 0 : styledContext.color;
-  const iconColor = (0, import_component_helpers.useCurrentColor)(iconColorProp);
-  const 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
-  });
-};
-const ButtonContext = (0, import_web.createStyledContext)({
-  size: void 0,
-  variant: void 0,
-  color: void 0
-});
-const ButtonComponent = Frame.styleable((propsIn, ref) => {
-  const isNested = (0, import_react.useContext)(import_stacks.ButtonNestingContext);
-  const processedProps = (0, import_web.useProps)(propsIn, {
-    noNormalize: true,
-    noExpand: true
-  });
-  const {
-    children,
-    iconSize,
-    icon,
-    iconAfter,
-    scaleIcon = 1,
-    noTextWrap,
-    textProps,
-    color,
-    ellipsis,
-    fontFamily,
-    fontSize,
-    fontStyle,
-    fontWeight,
-    letterSpacing,
-    maxFontSizeMultiplier,
-    textAlign,
-    ...props
-  } = processedProps;
-  const size = propsIn.size || (propsIn.unstyled ? void 0 : "$true");
-  const styledContext = context.useStyledContext();
-  const contextColor = color ?? propsIn.color ?? styledContext?.color;
-  const iconColorProp = contextColor === "unset" || typeof contextColor === "number" ? void 0 : contextColor;
-  const iconColor = (0, import_component_helpers.useCurrentColor)(iconColorProp);
-  const finalSize = iconSize ?? size ?? styledContext?.size;
-  const iconSizeNumber = (typeof finalSize === "number" ? finalSize * 0.5 : (0, import_font_size.getFontSize)(finalSize)) * scaleIcon;
-  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(icon2 => {
-    if (!icon2) return null;
-    return (0, import_component_helpers.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 = (0, import_text.wrapChildrenInText)(Text, {
-    children,
-    color: contextColor,
-    ellipsis: ellipsis ?? propsIn.ellipsis ?? styledContext?.ellipsis,
-    fontFamily: fontFamily ?? propsIn.fontFamily ?? styledContext?.fontFamily,
-    fontSize: fontSize ?? propsIn.fontSize ?? styledContext?.fontSize,
-    fontStyle: fontStyle ?? propsIn.fontStyle ?? styledContext?.fontStyle,
-    fontWeight: fontWeight ?? propsIn.fontWeight ?? styledContext?.fontWeight,
-    letterSpacing: letterSpacing ?? propsIn.letterSpacing ?? styledContext?.letterSpacing,
-    maxFontSizeMultiplier: maxFontSizeMultiplier ?? propsIn.maxFontSizeMultiplier ?? styledContext?.maxFontSizeMultiplier,
-    noTextWrap: noTextWrap ?? propsIn.noTextWrap,
-    textAlign: textAlign ?? propsIn.textAlign ?? styledContext?.textAlign,
-    textProps: textProps ?? propsIn.textProps
-  }, {
-    unstyled: process.env.GUI_HEADLESS === "1",
-    size: finalSize ?? styledContext?.size
-  });
-  const textContext = {
-    color: contextColor,
-    ellipsis: ellipsis ?? propsIn.ellipsis ?? styledContext?.ellipsis,
-    fontFamily: fontFamily ?? propsIn.fontFamily ?? styledContext?.fontFamily,
-    fontSize: fontSize ?? propsIn.fontSize ?? styledContext?.fontSize,
-    fontStyle: fontStyle ?? propsIn.fontStyle ?? styledContext?.fontStyle,
-    fontWeight: fontWeight ?? propsIn.fontWeight ?? styledContext?.fontWeight,
-    letterSpacing: letterSpacing ?? propsIn.letterSpacing ?? styledContext?.letterSpacing,
-    maxFontSizeMultiplier: maxFontSizeMultiplier ?? propsIn.maxFontSizeMultiplier ?? styledContext?.maxFontSizeMultiplier,
-    textAlign: textAlign ?? propsIn.textAlign ?? styledContext?.textAlign
-  };
-  const buttonContext = {
-    ...styledContext,
-    ...textContext,
-    size: props.size ?? propsIn.size ?? styledContext?.size,
-    variant: props.variant ?? propsIn.variant ?? styledContext?.variant,
-    elevation: props.elevation ?? propsIn.elevation ?? styledContext?.elevation
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.ButtonNestingContext.Provider, {
-    value: true,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(context.Provider, {
-      ...buttonContext,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Frame, {
-        ref,
-        ...props,
-        ...(isNested && {
-          render: "span"
-        }),
-        ...(props.circular && !propsIn.size && {
-          size
-        }),
-        tabIndex: 0,
-        children: [themedIcon, wrappedChildren, themedIconAfter]
-      })
-    })
-  });
-});
-const Button = (0, import_web.withStaticProperties)(ButtonComponent, {
-  Apply: context.Provider,
-  Frame,
-  Text,
-  Icon
-});