@glob-ui/button 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Kevin Martínez E
+
+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.

package/README.md

@@ -1,3 +1,17 @@
-# Temporary Holding Version
+# @glob-ui/button
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+A button that can render as a link, and shows a loading state without changing its width.
+
+## Install
+
+```bash
+pnpm add @glob-ui/button
+```
+
+## Documentation
+
+Full docs, examples and the accessibility table: [Button](https://github.com/kevin-martineze/GlobUI/tree/main/apps/docs/content/docs/components/button.mdx).
+
+## License
+
+MIT. See [LICENSE](./LICENSE).

package/dist/index.d.mts

@@ -0,0 +1,20 @@
+import * as react from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "ghost" | "outline" | "link" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** Render the single child (e.g. an <a>) with the button's styles and props instead of a <button>. */
+    asChild?: boolean;
+    /**
+     * Shows a spinner over the content, disables the button and sets aria-busy. Width stays the same.
+     * With asChild only aria-busy/aria-disabled are set: the child is rendered as is.
+     */
+    loading?: boolean;
+}
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps, buttonVariants };

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+import * as react from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "ghost" | "outline" | "link" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** Render the single child (e.g. an <a>) with the button's styles and props instead of a <button>. */
+    asChild?: boolean;
+    /**
+     * Shows a spinner over the content, disables the button and sets aria-busy. Width stays the same.
+     * With asChild only aria-busy/aria-disabled are set: the child is rendered as is.
+     */
+    loading?: boolean;
+}
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps, buttonVariants };

package/dist/index.js

@@ -0,0 +1,126 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Button: () => Button,
+  buttonVariants: () => buttonVariants
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/button.tsx
+var import_react = require("react");
+var import_class_variance_authority = require("class-variance-authority");
+var import_utils = require("@glob-ui/utils");
+var import_spinner = require("@glob-ui/spinner");
+var import_slot = require("@glob-ui/slot");
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center gap-2 rounded-glob-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-glob-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        primary: "bg-glob-primary text-glob-primary-foreground hover:bg-glob-primary-hover",
+        secondary: "bg-glob-text text-glob-surface hover:opacity-80",
+        ghost: "text-glob-text hover:bg-glob-surface-hover",
+        outline: "border border-glob-border text-glob-text hover:bg-glob-surface-hover",
+        link: "text-glob-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        sm: "h-8 px-3 text-xs",
+        md: "h-10 px-4 text-sm",
+        lg: "h-12 px-6 text-base",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+var Button = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { className, variant, size, asChild = false, loading = false, disabled, children } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild", "loading", "disabled", "children"]);
+    if (asChild) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_slot.Slot,
+        __spreadProps(__spreadValues({
+          className: (0, import_utils.cn)(buttonVariants({ variant, size, className })),
+          ref,
+          "aria-disabled": disabled || loading || void 0,
+          "aria-busy": loading || void 0
+        }, props), {
+          children
+        })
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      __spreadProps(__spreadValues({
+        className: (0, import_utils.cn)(buttonVariants({ variant, size, className }), loading && "relative"),
+        ref,
+        disabled: disabled || loading,
+        "aria-busy": loading || void 0
+      }, props), {
+        children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "inline-flex items-center gap-2 opacity-0", children }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_spinner.Spinner, { size: size === "lg" ? "md" : "sm" }) })
+        ] }) : children
+      })
+    );
+  }
+);
+Button.displayName = "Button";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  buttonVariants
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/button.tsx"],"sourcesContent":["export { Button, buttonVariants } from \"./button\"\nexport type { ButtonProps } from \"./button\"\n","import { forwardRef } from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@glob-ui/utils\"\nimport { Spinner } from \"@glob-ui/spinner\"\nimport { Slot } from \"@glob-ui/slot\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-glob-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-glob-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        primary: \"bg-glob-primary text-glob-primary-foreground hover:bg-glob-primary-hover\",\n        secondary: \"bg-glob-text text-glob-surface hover:opacity-80\",\n        ghost: \"text-glob-text hover:bg-glob-surface-hover\",\n        outline: \"border border-glob-border text-glob-text hover:bg-glob-surface-hover\",\n        link: \"text-glob-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        sm: \"h-8 px-3 text-xs\",\n        md: \"h-10 px-4 text-sm\",\n        lg: \"h-12 px-6 text-base\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"md\",\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** Render the single child (e.g. an <a>) with the button's styles and props instead of a <button>. */\n  asChild?: boolean\n  /**\n   * Shows a spinner over the content, disables the button and sets aria-busy. Width stays the same.\n   * With asChild only aria-busy/aria-disabled are set: the child is rendered as is.\n   */\n  loading?: boolean\n}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, loading = false, disabled, children, ...props }, ref) => {\n    if (asChild) {\n      // Links and other elements have no disabled attribute; aria-disabled carries the state and style.\n      return (\n        <Slot\n          className={cn(buttonVariants({ variant, size, className }))}\n          ref={ref}\n          aria-disabled={disabled || loading || undefined}\n          aria-busy={loading || undefined}\n          {...props}\n        >\n          {children}\n        </Slot>\n      )\n    }\n\n    return (\n      <button\n        className={cn(buttonVariants({ variant, size, className }), loading && \"relative\")}\n        ref={ref}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        {...props}\n      >\n        {loading ? (\n          <>\n            {/* opacity-0 (not invisible) keeps the width and keeps the label in the accessible name. */}\n            <span className=\"inline-flex items-center gap-2 opacity-0\">{children}</span>\n            <span className=\"absolute inset-0 flex items-center justify-center\">\n              <Spinner size={size === \"lg\" ? \"md\" : \"sm\"} />\n            </span>\n          </>\n        ) : (\n          children\n        )}\n      </button>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA2B;AAC3B,sCAAuC;AACvC,mBAAmB;AACnB,qBAAwB;AACxB,kBAAqB;AA4Cb;AA1CR,IAAM,qBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAcA,IAAM,aAAS;AAAA,EACb,CAAC,IAA8F,QAAQ;AAAtG,iBAAE,aAAW,SAAS,MAAM,UAAU,OAAO,UAAU,OAAO,UAAU,SA5C3E,IA4CG,IAAqF,kBAArF,IAAqF,CAAnF,aAAW,WAAS,QAAM,WAAiB,WAAiB,YAAU;AACvE,QAAI,SAAS;AAEX,aACE;AAAA,QAAC;AAAA;AAAA,UACC,eAAW,iBAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,UAC1D;AAAA,UACA,iBAAe,YAAY,WAAW;AAAA,UACtC,aAAW,WAAW;AAAA,WAClB,QALL;AAAA,UAOE;AAAA;AAAA,MACH;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,iBAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,GAAG,WAAW,UAAU;AAAA,QACjF;AAAA,QACA,UAAU,YAAY;AAAA,QACtB,aAAW,WAAW;AAAA,SAClB,QALL;AAAA,QAOE,oBACC,4EAEE;AAAA,sDAAC,UAAK,WAAU,4CAA4C,UAAS;AAAA,UACrE,4CAAC,UAAK,WAAU,qDACd,sDAAC,0BAAQ,MAAM,SAAS,OAAO,OAAO,MAAM,GAC9C;AAAA,WACF,IAEA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AACA,OAAO,cAAc;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,101 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/button.tsx
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "@glob-ui/utils";
+import { Spinner } from "@glob-ui/spinner";
+import { Slot } from "@glob-ui/slot";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-glob-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-glob-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        primary: "bg-glob-primary text-glob-primary-foreground hover:bg-glob-primary-hover",
+        secondary: "bg-glob-text text-glob-surface hover:opacity-80",
+        ghost: "text-glob-text hover:bg-glob-surface-hover",
+        outline: "border border-glob-border text-glob-text hover:bg-glob-surface-hover",
+        link: "text-glob-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        sm: "h-8 px-3 text-xs",
+        md: "h-10 px-4 text-sm",
+        lg: "h-12 px-6 text-base",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+var Button = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant, size, asChild = false, loading = false, disabled, children } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild", "loading", "disabled", "children"]);
+    if (asChild) {
+      return /* @__PURE__ */ jsx(
+        Slot,
+        __spreadProps(__spreadValues({
+          className: cn(buttonVariants({ variant, size, className })),
+          ref,
+          "aria-disabled": disabled || loading || void 0,
+          "aria-busy": loading || void 0
+        }, props), {
+          children
+        })
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      __spreadProps(__spreadValues({
+        className: cn(buttonVariants({ variant, size, className }), loading && "relative"),
+        ref,
+        disabled: disabled || loading,
+        "aria-busy": loading || void 0
+      }, props), {
+        children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-2 opacity-0", children }),
+          /* @__PURE__ */ jsx("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { size: size === "lg" ? "md" : "sm" }) })
+        ] }) : children
+      })
+    );
+  }
+);
+Button.displayName = "Button";
+export {
+  Button,
+  buttonVariants
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@glob-ui/utils\"\nimport { Spinner } from \"@glob-ui/spinner\"\nimport { Slot } from \"@glob-ui/slot\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-glob-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-glob-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        primary: \"bg-glob-primary text-glob-primary-foreground hover:bg-glob-primary-hover\",\n        secondary: \"bg-glob-text text-glob-surface hover:opacity-80\",\n        ghost: \"text-glob-text hover:bg-glob-surface-hover\",\n        outline: \"border border-glob-border text-glob-text hover:bg-glob-surface-hover\",\n        link: \"text-glob-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        sm: \"h-8 px-3 text-xs\",\n        md: \"h-10 px-4 text-sm\",\n        lg: \"h-12 px-6 text-base\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"md\",\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** Render the single child (e.g. an <a>) with the button's styles and props instead of a <button>. */\n  asChild?: boolean\n  /**\n   * Shows a spinner over the content, disables the button and sets aria-busy. Width stays the same.\n   * With asChild only aria-busy/aria-disabled are set: the child is rendered as is.\n   */\n  loading?: boolean\n}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, loading = false, disabled, children, ...props }, ref) => {\n    if (asChild) {\n      // Links and other elements have no disabled attribute; aria-disabled carries the state and style.\n      return (\n        <Slot\n          className={cn(buttonVariants({ variant, size, className }))}\n          ref={ref}\n          aria-disabled={disabled || loading || undefined}\n          aria-busy={loading || undefined}\n          {...props}\n        >\n          {children}\n        </Slot>\n      )\n    }\n\n    return (\n      <button\n        className={cn(buttonVariants({ variant, size, className }), loading && \"relative\")}\n        ref={ref}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        {...props}\n      >\n        {loading ? (\n          <>\n            {/* opacity-0 (not invisible) keeps the width and keeps the label in the accessible name. */}\n            <span className=\"inline-flex items-center gap-2 opacity-0\">{children}</span>\n            <span className=\"absolute inset-0 flex items-center justify-center\">\n              <Spinner size={size === \"lg\" ? \"md\" : \"sm\"} />\n            </span>\n          </>\n        ) : (\n          children\n        )}\n      </button>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,kBAAkB;AAC3B,SAAS,WAA8B;AACvC,SAAS,UAAU;AACnB,SAAS,eAAe;AACxB,SAAS,YAAY;AA4Cb,SAqBE,UArBF,KAqBE,YArBF;AA1CR,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAcA,IAAM,SAAS;AAAA,EACb,CAAC,IAA8F,QAAQ;AAAtG,iBAAE,aAAW,SAAS,MAAM,UAAU,OAAO,UAAU,OAAO,UAAU,SA5C3E,IA4CG,IAAqF,kBAArF,IAAqF,CAAnF,aAAW,WAAS,QAAM,WAAiB,WAAiB,YAAU;AACvE,QAAI,SAAS;AAEX,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,UAC1D;AAAA,UACA,iBAAe,YAAY,WAAW;AAAA,UACtC,aAAW,WAAW;AAAA,WAClB,QALL;AAAA,UAOE;AAAA;AAAA,MACH;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,GAAG,WAAW,UAAU;AAAA,QACjF;AAAA,QACA,UAAU,YAAY;AAAA,QACtB,aAAW,WAAW;AAAA,SAClB,QALL;AAAA,QAOE,oBACC,iCAEE;AAAA,8BAAC,UAAK,WAAU,4CAA4C,UAAS;AAAA,UACrE,oBAAC,UAAK,WAAU,qDACd,8BAAC,WAAQ,MAAM,SAAS,OAAO,OAAO,MAAM,GAC9C;AAAA,WACF,IAEA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AACA,OAAO,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,70 @@
 {
   "name": "@glob-ui/button",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist/",
+    "LICENSE",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "react": "^19"
+  },
+  "dependencies": {
+    "@glob-ui/slot": "0.1.0",
+    "@glob-ui/spinner": "0.1.0",
+    "@glob-ui/utils": "0.1.0",
+    "class-variance-authority": "^0.7.1"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1"
+  },
+  "description": "A button that can render as a link, and shows a loading state without changing its width.",
+  "keywords": [
+    "react",
+    "glob-ui",
+    "components",
+    "accessible",
+    "tailwind",
+    "button"
+  ],
+  "license": "MIT",
+  "author": "Kevin Martínez E",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kevin-martineze/GlobUI.git",
+    "directory": "packages/button"
+  },
+  "homepage": "https://github.com/kevin-martineze/GlobUI#readme",
+  "bugs": {
+    "url": "https://github.com/kevin-martineze/GlobUI/issues"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "sideEffects": false,
+  "type": "commonjs",
+  "engines": {
+    "node": ">=18.18"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch --no-clean"
+  }
 }