@hanzogui/button 3.0.3 → 7.3.0

package/LICENSE

@@ -1,21 +1,42 @@
-MIT License
+BSD 3-Clause License
+
+Copyright (c) 2026-present, Hanzo AI, Inc.
+
+Portions of this software are derived from upstream code originally licensed under
+the MIT License, with the following copyright notices retained per its terms:
 
   Copyright (c) 2020 Nate Wienert
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in all
-  copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-  SOFTWARE.
+  Copyright (c) 2015-present, Nicolas Gallagher.
+  Copyright (c) 2015-present, Facebook, Inc.
+  Copyright (c) 2021 Radix
+  Copyright (c) 2017 Carmelo Pullara
+  Copyright (c) 2018 Framer B.V.
+  Copyright (c) 2022 WorkOS
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its contributors
+   may be used to endorse or promote products derived from this software
+   without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
+LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGE.

package/dist/cjs/Button.cjs

@@ -3,20 +3,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var Button_exports = {};
 __export(Button_exports, {
@@ -24,195 +26,200 @@ __export(Button_exports, {
   ButtonContext: () => ButtonContext
 });
 module.exports = __toCommonJS(Button_exports);
-var import_gui_font_size = require("@hanzogui/font-size"),
-  import_gui_get_button_sized = require("@hanzogui/get-button-sized"),
-  import_gui_helpers = require("@hanzogui/helpers"),
-  import_gui_stacks = require("@hanzogui/stacks"),
-  import_gui_text = require("@hanzogui/text"),
-  import_gui_web = require("@hanzogui/web"),
-  import_react = require("react"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const context = (0, import_gui_web.createStyledContext)({
-    size: void 0,
-    variant: void 0,
-    color: void 0,
-    elevation: void 0
+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
+});
+const Frame = (0, import_web.styled)(import_web.View, {
+  context,
+  name: "Button",
+  role: "button",
+  render: /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
+    type: "button"
   }),
-  Frame = (0, import_gui_web.styled)(import_gui_web.View, {
-    context,
-    name: "Button",
-    role: "button",
-    render: /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
-      type: "button"
-    }),
-    tabIndex: 0,
-    variants: {
-      unstyled: {
-        false: {
-          size: "$true",
-          justifyContent: "center",
-          alignItems: "center",
-          flexWrap: "nowrap",
-          flexDirection: "row",
-          cursor: "pointer",
-          backgroundColor: "$background",
-          borderWidth: 1,
-          borderColor: "transparent",
-          hoverStyle: {
-            backgroundColor: "$backgroundHover",
-            borderColor: "$borderColorHover"
-          },
-          pressStyle: {
-            backgroundColor: "$backgroundPress",
-            borderColor: "$borderColorHover"
-          },
-          focusVisibleStyle: {
-            outlineColor: "$outlineColor",
-            outlineStyle: "solid",
-            outlineWidth: 2
-          }
+  tabIndex: 0,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        justifyContent: "center",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        flexDirection: "row",
+        cursor: "pointer",
+        backgroundColor: "$background",
+        borderWidth: 1,
+        borderColor: "transparent",
+        hoverStyle: {
+          backgroundColor: "$backgroundHover",
+          borderColor: "$borderColorHover"
+        },
+        pressStyle: {
+          backgroundColor: "$backgroundPress",
+          borderColor: "$borderColorHover"
+        },
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineStyle: "solid",
+          outlineWidth: 2
         }
-      },
-      variant: {
-        outlined: process.env.HANZO_GUI_HEADLESS === "1" ? {} : {
+      }
+    },
+    variant: {
+      outlined: process.env.GUI_HEADLESS === "1" ? {} : {
+        backgroundColor: "transparent",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        hoverStyle: {
           backgroundColor: "transparent",
-          borderWidth: 1,
-          borderColor: "$borderColor",
-          hoverStyle: {
-            backgroundColor: "transparent",
-            borderColor: "$borderColorHover"
-          },
-          pressStyle: {
-            backgroundColor: "transparent",
-            borderColor: "$borderColorPress"
-          }
-        }
-      },
-      circular: import_gui_stacks.themeableVariants.circular,
-      chromeless: import_gui_stacks.themeableVariants.chromeless,
-      size: {
-        "...size": (val, extras) => {
-          const buttonStyle = (0, import_gui_get_button_sized.getButtonSized)(val, extras),
-            gap = (0, import_gui_web.getTokenValue)(val);
-          return {
-            ...buttonStyle,
-            gap
-          };
+          borderColor: "$borderColorHover"
         },
-        ":number": (val, extras) => {
-          const buttonStyle = (0, import_gui_get_button_sized.getButtonSized)(val, extras),
-            gap = val * 0.4;
-          return {
-            ...buttonStyle,
-            gap
-          };
+        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
+        };
       },
-      elevation: {
-        "...size": import_gui_stacks.getElevation,
-        ":number": import_gui_stacks.getElevation
-      },
-      disabled: {
-        true: {
-          pointerEvents: "none",
-          // @ts-ignore
-          "aria-disabled": !0
-        }
+      ":number": (val, extras) => {
+        const buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras);
+        const gap = val * 0.4;
+        return {
+          ...buttonStyle,
+          gap
+        };
       }
     },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    elevation: {
+      "...size": import_stacks.getElevation,
+      ":number": import_stacks.getElevation
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none",
+        // @ts-ignore
+        "aria-disabled": true
+      }
     }
-  }),
-  Text = (0, import_gui_web.styled)(import_gui_text.SizableText, {
-    context,
-    variants: {
-      unstyled: {
-        false: {
-          userSelect: "none",
-          cursor: "pointer",
-          // flexGrow 1 leads to inconsistent native style where text pushes to start of view
-          flexGrow: 0,
-          flexShrink: 1,
-          ellipsis: !0,
-          color: "$color"
-        }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+const Text = (0, import_web.styled)(import_text.SizableText, {
+  context,
+  variants: {
+    unstyled: {
+      false: {
+        userSelect: "none",
+        cursor: "pointer",
+        // flexGrow 1 leads to inconsistent native style where text pushes to start of view
+        flexGrow: 0,
+        flexShrink: 1,
+        ellipsis: true,
+        color: "$color"
       }
-    },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
     }
-  }),
-  Icon = props => {
-    const {
-        children,
-        scaleIcon = 1,
-        size
-      } = props,
-      styledContext = context.useStyledContext();
-    if (!styledContext) throw new Error("Button.Icon must be used within a Button");
-    const sizeToken = size ?? styledContext.size,
-      iconColor = (0, import_gui_helpers.useCurrentColor)(styledContext.color),
-      iconSize = (typeof sizeToken == "number" ? sizeToken * 0.5 : (0, import_gui_font_size.getFontSize)(sizeToken)) * scaleIcon;
-    return (0, import_gui_helpers.getIcon)(children, {
-      size: iconSize,
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+const Icon = props => {
+  const {
+    children,
+    scaleIcon = 1,
+    size
+  } = props;
+  const styledContext = context.useStyledContext();
+  if (!styledContext) {
+    throw new Error("Button.Icon must be used within a Button");
+  }
+  const sizeToken = size ?? styledContext.size;
+  const iconColor = (0, import_component_helpers.useCurrentColor)(styledContext.color);
+  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,
+    ...props
+  } = processedProps;
+  const size = propsIn.size || (propsIn.unstyled ? void 0 : "$true");
+  const styledContext = context.useStyledContext();
+  const iconColor = (0, import_component_helpers.useCurrentColor)(styledContext?.color);
+  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
     });
-  },
-  ButtonContext = (0, import_gui_web.createStyledContext)({
-    size: void 0,
-    variant: void 0,
-    color: void 0
-  }),
-  ButtonComponent = Frame.styleable((propsIn, ref) => {
-    const isNested = (0, import_react.useContext)(import_gui_stacks.ButtonNestingContext),
-      processedProps = (0, import_gui_web.useProps)(propsIn, {
-        noNormalize: !0,
-        noExpand: !0
+  });
+  const wrappedChildren = (0, import_text.wrapChildrenInText)(Text, {
+    children
+  }, {
+    unstyled: process.env.GUI_HEADLESS === "1",
+    size: finalSize ?? styledContext?.size
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.ButtonNestingContext.Provider, {
+    value: true,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Frame, {
+      ref,
+      ...props,
+      ...(isNested && {
+        render: "span"
       }),
-      {
-        children,
-        iconSize,
-        icon,
-        iconAfter,
-        scaleIcon = 1,
-        ...props
-      } = processedProps,
-      size = propsIn.size || (propsIn.unstyled ? void 0 : "$true"),
-      styledContext = context.useStyledContext(),
-      iconColor = (0, import_gui_helpers.useCurrentColor)(styledContext?.color),
-      finalSize = iconSize ?? size ?? styledContext?.size,
-      iconSizeNumber = (typeof finalSize == "number" ? finalSize * 0.5 : (0, import_gui_font_size.getFontSize)(finalSize)) * scaleIcon,
-      [themedIcon, themedIconAfter] = [icon, iconAfter].map(icon2 => icon2 ? (0, import_gui_helpers.getIcon)(icon2, {
-        size: iconSizeNumber,
-        color: iconColor
-        // No marginLeft or marginRight needed - spacing is handled by the gap property in Frame's size variants
-      }) : null),
-      wrappedChildren = (0, import_gui_text.wrapChildrenInText)(Text, {
-        children
-      }, {
-        unstyled: process.env.HANZO_GUI_HEADLESS === "1",
-        size: finalSize ?? styledContext?.size
-      });
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_stacks.ButtonNestingContext.Provider, {
-      value: !0,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Frame, {
-        ref,
-        ...props,
-        ...(isNested && {
-          render: "span"
-        }),
-        ...(props.circular && !propsIn.size && {
-          size
-        }),
-        tabIndex: 0,
-        children: [themedIcon, wrappedChildren, themedIconAfter]
-      })
-    });
-  }),
-  Button = (0, import_gui_web.withStaticProperties)(ButtonComponent, {
-    Apply: context.Provider,
-    Frame,
-    Text,
-    Icon
-  });
+      ...(props.circular && !propsIn.size && {
+        size
+      }),
+      tabIndex: 0,
+      children: [themedIcon, wrappedChildren, themedIconAfter]
+    })
+  });
+});
+const Button = (0, import_web.withStaticProperties)(ButtonComponent, {
+  Apply: context.Provider,
+  Frame,
+  Text,
+  Icon
+});