periplo-ui 1.33.1 → 2.0.0

package/dist/chunks/Button-Dhuabo2C.js

@@ -0,0 +1,170 @@
+import { j as c } from "./jsx-runtime-CrT25IYL.js";
+import { c as M } from "./index-Di-vUgek.js";
+import t, { forwardRef as f } from "react";
+import { cn as y } from "../lib/utils.js";
+var A = Object.defineProperty, u = Object.getOwnPropertySymbols, v = Object.prototype.hasOwnProperty, Z = Object.prototype.propertyIsEnumerable, g = (a, e, r) => e in a ? A(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r, E = (a, e) => {
+  for (var r in e)
+    v.call(e, r) && g(a, r, e[r]);
+  if (u)
+    for (var r of u(e))
+      Z.call(e, r) && g(a, r, e[r]);
+  return a;
+}, V = (a, e) => {
+  var r = {};
+  for (var l in a)
+    v.call(a, l) && e.indexOf(l) < 0 && (r[l] = a[l]);
+  if (a != null && u)
+    for (var l of u(a))
+      e.indexOf(l) < 0 && Z.call(a, l) && (r[l] = a[l]);
+  return r;
+};
+const w = f((a, e) => {
+  const r = a, {
+    alt: l,
+    color: d = "currentColor",
+    size: n = "1em",
+    weight: i = "regular",
+    mirrored: s = !1,
+    children: m,
+    weights: o
+  } = r, b = V(r, [
+    "alt",
+    "color",
+    "size",
+    "weight",
+    "mirrored",
+    "children",
+    "weights"
+  ]);
+  return /* @__PURE__ */ t.createElement(
+    "svg",
+    E({
+      ref: e,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: n,
+      height: n,
+      fill: d,
+      viewBox: "0 0 256 256",
+      transform: s ? "scale(-1, 1)" : void 0
+    }, b),
+    !!l && /* @__PURE__ */ t.createElement("title", null, l),
+    m,
+    o.get(i)
+  );
+});
+w.displayName = "SSRBase";
+const j = w, H = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M140,32V64a12,12,0,0,1-24,0V32a12,12,0,0,1,24,0Zm84,84H192a12,12,0,0,0,0,24h32a12,12,0,0,0,0-24Zm-42.26,48.77a12,12,0,1,0-17,17l22.63,22.63a12,12,0,0,0,17-17ZM128,180a12,12,0,0,0-12,12v32a12,12,0,0,0,24,0V192A12,12,0,0,0,128,180ZM74.26,164.77,51.63,187.4a12,12,0,0,0,17,17l22.63-22.63a12,12,0,1,0-17-17ZM76,128a12,12,0,0,0-12-12H32a12,12,0,0,0,0,24H64A12,12,0,0,0,76,128ZM68.6,51.63a12,12,0,1,0-17,17L74.26,91.23a12,12,0,0,0,17-17Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z", opacity: "0.2" }), /* @__PURE__ */ t.createElement("path", { d: "M136,32V64a8,8,0,0,1-16,0V32a8,8,0,0,1,16,0Zm88,88H192a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16Zm-45.09,47.6a8,8,0,0,0-11.31,11.31l22.62,22.63a8,8,0,0,0,11.32-11.32ZM128,184a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V192A8,8,0,0,0,128,184ZM77.09,167.6,54.46,190.22a8,8,0,0,0,11.32,11.32L88.4,178.91A8,8,0,0,0,77.09,167.6ZM72,128a8,8,0,0,0-8-8H32a8,8,0,0,0,0,16H64A8,8,0,0,0,72,128ZM65.78,54.46A8,8,0,0,0,54.46,65.78L77.09,88.4A8,8,0,0,0,88.4,77.09Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM48,136a8,8,0,0,1,0-16H72a8,8,0,0,1,0,16Zm46.06,37.25-17,17a8,8,0,0,1-11.32-11.32l17-17a8,8,0,0,1,11.31,11.31Zm0-79.19a8,8,0,0,1-11.31,0l-17-17A8,8,0,0,1,77.09,65.77l17,17A8,8,0,0,1,94.06,94.06ZM136,208a8,8,0,0,1-16,0V184a8,8,0,0,1,16,0Zm0-136a8,8,0,0,1-16,0V48a8,8,0,0,1,16,0Zm54.23,118.23a8,8,0,0,1-11.32,0l-17-17a8,8,0,0,1,11.31-11.31l17,17A8,8,0,0,1,190.23,190.23ZM208,136H184a8,8,0,0,1,0-16h24a8,8,0,0,1,0,16Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M134,32V64a6,6,0,0,1-12,0V32a6,6,0,0,1,12,0Zm90,90H192a6,6,0,0,0,0,12h32a6,6,0,0,0,0-12Zm-46.5,47A6,6,0,0,0,169,177.5l22.63,22.62a6,6,0,0,0,8.48-8.48ZM128,186a6,6,0,0,0-6,6v32a6,6,0,0,0,12,0V192A6,6,0,0,0,128,186ZM78.5,169,55.88,191.64a6,6,0,1,0,8.48,8.48L87,177.5A6,6,0,1,0,78.5,169ZM70,128a6,6,0,0,0-6-6H32a6,6,0,0,0,0,12H64A6,6,0,0,0,70,128ZM64.36,55.88a6,6,0,0,0-8.48,8.48L78.5,87A6,6,0,1,0,87,78.5Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M136,32V64a8,8,0,0,1-16,0V32a8,8,0,0,1,16,0Zm88,88H192a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16Zm-45.09,47.6a8,8,0,0,0-11.31,11.31l22.62,22.63a8,8,0,0,0,11.32-11.32ZM128,184a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V192A8,8,0,0,0,128,184ZM77.09,167.6,54.46,190.22a8,8,0,0,0,11.32,11.32L88.4,178.91A8,8,0,0,0,77.09,167.6ZM72,128a8,8,0,0,0-8-8H32a8,8,0,0,0,0,16H64A8,8,0,0,0,72,128ZM65.78,54.46A8,8,0,0,0,54.46,65.78L77.09,88.4A8,8,0,0,0,88.4,77.09Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M132,32V64a4,4,0,0,1-8,0V32a4,4,0,0,1,8,0Zm92,92H192a4,4,0,0,0,0,8h32a4,4,0,0,0,0-8Zm-47.92,46.43a4,4,0,1,0-5.65,5.65l22.62,22.63a4,4,0,0,0,5.66-5.66ZM128,188a4,4,0,0,0-4,4v32a4,4,0,0,0,8,0V192A4,4,0,0,0,128,188ZM79.92,170.43,57.29,193.05A4,4,0,0,0,63,198.71l22.62-22.63a4,4,0,1,0-5.65-5.65ZM68,128a4,4,0,0,0-4-4H32a4,4,0,0,0,0,8H64A4,4,0,0,0,68,128ZM63,57.29A4,4,0,0,0,57.29,63L79.92,85.57a4,4,0,1,0,5.65-5.65Z" }))
+  ]
+]);
+var O = Object.defineProperty, L = Object.defineProperties, P = Object.getOwnPropertyDescriptors, p = Object.getOwnPropertySymbols, k = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable, h = (a, e, r) => e in a ? O(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r, S = (a, e) => {
+  for (var r in e || (e = {}))
+    k.call(e, r) && h(a, r, e[r]);
+  if (p)
+    for (var r of p(e))
+      F.call(e, r) && h(a, r, e[r]);
+  return a;
+}, z = (a, e) => L(a, P(e));
+const x = f((a, e) => /* @__PURE__ */ t.createElement(j, z(S({ ref: e }, a), { weights: H })));
+x.displayName = "SpinnerGap";
+const B = M(
+  "inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      /**
+       * Defines the visual style of the button
+       */
+      variant: {
+        primary: "bg-primary-500 text-primary-foreground hover:bg-primary-700 active:bg-primary-900 disabled:bg-background-200",
+        secondary: "bg-neutral-950 text-neutral-foreground hover:bg-neutral-800 active:bg-neutral-700 disabled:bg-neutral-200 dark:bg-neutral-600 dark:hover:bg-neutral-500 dark:disable:bg-neutral-900 disabled:text-neutral-600",
+        ghost: "border border-neutral-500 text-primary-foreground hover:bg-neutral-50 active:bg-neutral-100 dark:active:bg-neutral-600 disabled:border-neutral-500 disabled:text-neutral-500 dark:disabled:border-neutral-800 dark:disabled:text-neutral-800",
+        text: "hover:bg-neutral-50 active:bg-neutral-100 text-primary-foreground disabled:text-neutral-500",
+        error: "bg-error text-white hover:bg-error-800 active:bg-error-900 disabled:bg-error-200 disabled:text-neutral-600",
+        success: "bg-success text-white hover:bg-success-800 active:bg-success-900 disabled:bg-success-200 disabled:text-neutral-600"
+      },
+      /**
+       * Controls the size and padding of the button
+       */
+      size: {
+        sm: "h-8 px-3 text-sm",
+        md: "h-10 px-4 text-sm",
+        lg: "h-12 px-6 text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+), N = t.forwardRef(
+  ({ className: a, variant: e = "primary", size: r = "md", StartIcon: l, EndIcon: d, loading: n, iconOnly: i, ...s }, m) => {
+    const o = () => {
+      switch (r) {
+        case "sm":
+          return { size: 16, weight: "regular" };
+        case "lg":
+          return { size: 20, weight: "regular" };
+        default:
+          return { size: 18, weight: "regular" };
+      }
+    }, b = () => {
+      switch (r) {
+        case "sm":
+          return "h-8 w-8";
+        case "lg":
+          return "h-12 w-12";
+        default:
+          return "h-10 w-10";
+      }
+    };
+    return /* @__PURE__ */ c.jsxs(
+      "button",
+      {
+        className: y(
+          B({ variant: e, size: r, className: a }),
+          i && "rounded-full p-0",
+          i && b(),
+          a
+        ),
+        ref: m,
+        disabled: n,
+        ...s,
+        children: [
+          n && /* @__PURE__ */ c.jsx(x, { ...o(), className: "animate-spin", "aria-label": "Loading" }),
+          l && !n && /* @__PURE__ */ c.jsx(l, { ...o() }),
+          i ? /* @__PURE__ */ c.jsx("span", { className: "sr-only", children: s.children }) : s.children,
+          d && !i && /* @__PURE__ */ c.jsx(d, { ...o() })
+        ]
+      }
+    );
+  }
+);
+N.displayName = "Button";
+export {
+  N as B,
+  j as E,
+  B as b
+};
+//# sourceMappingURL=Button-Dhuabo2C.js.map

package/dist/chunks/Button-Dhuabo2C.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-Dhuabo2C.js","sources":["../../node_modules/@phosphor-icons/react/dist/lib/SSRBase.mjs","../../node_modules/@phosphor-icons/react/dist/defs/SpinnerGap.mjs","../../node_modules/@phosphor-icons/react/dist/ssr/SpinnerGap.mjs","../../src/components/Button/Button.tsx"],"sourcesContent":["var R = Object.defineProperty;\nvar l = Object.getOwnPropertySymbols;\nvar n = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;\nvar i = (e, r, t) => r in e ? R(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, m = (e, r) => {\n  for (var t in r || (r = {}))\n    n.call(r, t) && i(e, t, r[t]);\n  if (l)\n    for (var t of l(r))\n      c.call(r, t) && i(e, t, r[t]);\n  return e;\n};\nvar w = (e, r) => {\n  var t = {};\n  for (var s in e)\n    n.call(e, s) && r.indexOf(s) < 0 && (t[s] = e[s]);\n  if (e != null && l)\n    for (var s of l(e))\n      r.indexOf(s) < 0 && c.call(e, s) && (t[s] = e[s]);\n  return t;\n};\nimport g, { forwardRef as v } from \"react\";\nconst d = v((e, r) => {\n  const a = e, {\n    alt: t,\n    color: s = \"currentColor\",\n    size: o = \"1em\",\n    weight: f = \"regular\",\n    mirrored: h = !1,\n    children: S,\n    weights: p\n  } = a, u = w(a, [\n    \"alt\",\n    \"color\",\n    \"size\",\n    \"weight\",\n    \"mirrored\",\n    \"children\",\n    \"weights\"\n  ]);\n  return /* @__PURE__ */ g.createElement(\n    \"svg\",\n    m({\n      ref: r,\n      xmlns: \"http://www.w3.org/2000/svg\",\n      width: o,\n      height: o,\n      fill: s,\n      viewBox: \"0 0 256 256\",\n      transform: h ? \"scale(-1, 1)\" : void 0\n    }, u),\n    !!t && /* @__PURE__ */ g.createElement(\"title\", null, t),\n    S,\n    p.get(f)\n  );\n});\nd.displayName = \"SSRBase\";\nconst E = d;\nexport {\n  E as default\n};\n","import a from \"react\";\nconst t = /* @__PURE__ */ new Map([\n  [\n    \"bold\",\n    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M140,32V64a12,12,0,0,1-24,0V32a12,12,0,0,1,24,0Zm84,84H192a12,12,0,0,0,0,24h32a12,12,0,0,0,0-24Zm-42.26,48.77a12,12,0,1,0-17,17l22.63,22.63a12,12,0,0,0,17-17ZM128,180a12,12,0,0,0-12,12v32a12,12,0,0,0,24,0V192A12,12,0,0,0,128,180ZM74.26,164.77,51.63,187.4a12,12,0,0,0,17,17l22.63-22.63a12,12,0,1,0-17-17ZM76,128a12,12,0,0,0-12-12H32a12,12,0,0,0,0,24H64A12,12,0,0,0,76,128ZM68.6,51.63a12,12,0,1,0-17,17L74.26,91.23a12,12,0,0,0,17-17Z\" }))\n  ],\n  [\n    \"duotone\",\n    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z\", opacity: \"0.2\" }), /* @__PURE__ */ a.createElement(\"path\", { d: \"M136,32V64a8,8,0,0,1-16,0V32a8,8,0,0,1,16,0Zm88,88H192a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16Zm-45.09,47.6a8,8,0,0,0-11.31,11.31l22.62,22.63a8,8,0,0,0,11.32-11.32ZM128,184a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V192A8,8,0,0,0,128,184ZM77.09,167.6,54.46,190.22a8,8,0,0,0,11.32,11.32L88.4,178.91A8,8,0,0,0,77.09,167.6ZM72,128a8,8,0,0,0-8-8H32a8,8,0,0,0,0,16H64A8,8,0,0,0,72,128ZM65.78,54.46A8,8,0,0,0,54.46,65.78L77.09,88.4A8,8,0,0,0,88.4,77.09Z\" }))\n  ],\n  [\n    \"fill\",\n    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM48,136a8,8,0,0,1,0-16H72a8,8,0,0,1,0,16Zm46.06,37.25-17,17a8,8,0,0,1-11.32-11.32l17-17a8,8,0,0,1,11.31,11.31Zm0-79.19a8,8,0,0,1-11.31,0l-17-17A8,8,0,0,1,77.09,65.77l17,17A8,8,0,0,1,94.06,94.06ZM136,208a8,8,0,0,1-16,0V184a8,8,0,0,1,16,0Zm0-136a8,8,0,0,1-16,0V48a8,8,0,0,1,16,0Zm54.23,118.23a8,8,0,0,1-11.32,0l-17-17a8,8,0,0,1,11.31-11.31l17,17A8,8,0,0,1,190.23,190.23ZM208,136H184a8,8,0,0,1,0-16h24a8,8,0,0,1,0,16Z\" }))\n  ],\n  [\n    \"light\",\n    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M134,32V64a6,6,0,0,1-12,0V32a6,6,0,0,1,12,0Zm90,90H192a6,6,0,0,0,0,12h32a6,6,0,0,0,0-12Zm-46.5,47A6,6,0,0,0,169,177.5l22.63,22.62a6,6,0,0,0,8.48-8.48ZM128,186a6,6,0,0,0-6,6v32a6,6,0,0,0,12,0V192A6,6,0,0,0,128,186ZM78.5,169,55.88,191.64a6,6,0,1,0,8.48,8.48L87,177.5A6,6,0,1,0,78.5,169ZM70,128a6,6,0,0,0-6-6H32a6,6,0,0,0,0,12H64A6,6,0,0,0,70,128ZM64.36,55.88a6,6,0,0,0-8.48,8.48L78.5,87A6,6,0,1,0,87,78.5Z\" }))\n  ],\n  [\n    \"regular\",\n    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M136,32V64a8,8,0,0,1-16,0V32a8,8,0,0,1,16,0Zm88,88H192a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16Zm-45.09,47.6a8,8,0,0,0-11.31,11.31l22.62,22.63a8,8,0,0,0,11.32-11.32ZM128,184a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V192A8,8,0,0,0,128,184ZM77.09,167.6,54.46,190.22a8,8,0,0,0,11.32,11.32L88.4,178.91A8,8,0,0,0,77.09,167.6ZM72,128a8,8,0,0,0-8-8H32a8,8,0,0,0,0,16H64A8,8,0,0,0,72,128ZM65.78,54.46A8,8,0,0,0,54.46,65.78L77.09,88.4A8,8,0,0,0,88.4,77.09Z\" }))\n  ],\n  [\n    \"thin\",\n    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M132,32V64a4,4,0,0,1-8,0V32a4,4,0,0,1,8,0Zm92,92H192a4,4,0,0,0,0,8h32a4,4,0,0,0,0-8Zm-47.92,46.43a4,4,0,1,0-5.65,5.65l22.62,22.63a4,4,0,0,0,5.66-5.66ZM128,188a4,4,0,0,0-4,4v32a4,4,0,0,0,8,0V192A4,4,0,0,0,128,188ZM79.92,170.43,57.29,193.05A4,4,0,0,0,63,198.71l22.62-22.63a4,4,0,1,0-5.65-5.65ZM68,128a4,4,0,0,0-4-4H32a4,4,0,0,0,0,8H64A4,4,0,0,0,68,128ZM63,57.29A4,4,0,0,0,57.29,63L79.92,85.57a4,4,0,1,0,5.65-5.65Z\" }))\n  ]\n]);\nexport {\n  t as default\n};\n","var i = Object.defineProperty, n = Object.defineProperties;\nvar f = Object.getOwnPropertyDescriptors;\nvar o = Object.getOwnPropertySymbols;\nvar s = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;\nvar p = (r, e, a) => e in r ? i(r, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : r[e] = a, t = (r, e) => {\n  for (var a in e || (e = {}))\n    s.call(e, a) && p(r, a, e[a]);\n  if (o)\n    for (var a of o(e))\n      S.call(e, a) && p(r, a, e[a]);\n  return r;\n}, m = (r, e) => n(r, f(e));\nimport c, { forwardRef as R } from \"react\";\nimport d from \"../lib/SSRBase.mjs\";\nimport l from \"../defs/SpinnerGap.mjs\";\nconst w = R((r, e) => /* @__PURE__ */ c.createElement(d, m(t({ ref: e }, r), { weights: l })));\nw.displayName = \"SpinnerGap\";\nexport {\n  w as SpinnerGap\n};\n","import { cva, type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../../lib/utils'\nimport { Icon, IconWeight } from '@phosphor-icons/react'\nimport { SpinnerGap } from '@phosphor-icons/react/dist/ssr'\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      /**\n       * Defines the visual style of the button\n       */\n      variant: {\n        primary:\n          'bg-primary-500 text-primary-foreground hover:bg-primary-700 active:bg-primary-900 disabled:bg-background-200',\n        secondary:\n          'bg-neutral-950 text-neutral-foreground hover:bg-neutral-800 active:bg-neutral-700 disabled:bg-neutral-200 dark:bg-neutral-600 dark:hover:bg-neutral-500 dark:disable:bg-neutral-900 disabled:text-neutral-600',\n        ghost:\n          'border border-neutral-500 text-primary-foreground hover:bg-neutral-50 active:bg-neutral-100 dark:active:bg-neutral-600 disabled:border-neutral-500 disabled:text-neutral-500 dark:disabled:border-neutral-800 dark:disabled:text-neutral-800',\n        text: 'hover:bg-neutral-50 active:bg-neutral-100 text-primary-foreground disabled:text-neutral-500',\n        error:\n          'bg-error text-white hover:bg-error-800 active:bg-error-900 disabled:bg-error-200 disabled:text-neutral-600',\n        success:\n          'bg-success text-white hover:bg-success-800 active:bg-success-900 disabled:bg-success-200 disabled:text-neutral-600',\n      },\n      /**\n       * Controls the size and padding of the button\n       */\n      size: {\n        sm: 'h-8 px-3 text-sm',\n        md: 'h-10 px-4 text-sm',\n        lg: 'h-12 px-6 text-base',\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  /**\n   * The visual style of the button.\n   * @default primary\n   */\n  variant?: 'primary' | 'secondary' | 'ghost' | 'text' | 'error' | 'success'\n\n  /**\n   * The size of the button, affecting height, padding, and font size.\n   * @default md\n   */\n  size?: 'sm' | 'md' | 'lg'\n\n  /**\n   * Icon component to display at the start of the button content.\n   * Use Phosphor icons for consistent styling.\n   * @example <Button StartIcon={House}>Home</Button>\n   */\n  StartIcon?: Icon\n\n  /**\n   * Icon component to display at the end of the button content.\n   * Use Phosphor icons for consistent styling.\n   * @example <Button EndIcon={ArrowRight}>Next</Button>\n   */\n  EndIcon?: Icon\n\n  /**\n   * When true, displays a loading spinner and disables the button.\n   * The spinner replaces the StartIcon if present.\n   * @default false\n   */\n  loading?: boolean\n\n  /**\n   * When true, creates a circular button with only the StartIcon visible.\n   * @default false\n   */\n  iconOnly?: boolean\n\n  /**\n   * The content to display inside the button.\n   * Not displayed when iconOnly is true.\n   */\n  children?: React.ReactNode\n}\n\n/**\n * A versatile button component that supports multiple variants, sizes, and icon placements.\n *\n * @example\n * // Basic usage\n * <Button>Click me</Button>\n *\n * // With icon\n * <Button StartIcon={House}>Home</Button>\n *\n * // Icon only button\n * <Button StartIcon={Plus} iconOnly aria-label=\"Add item\" />\n *\n * // Loading state\n * <Button loading>Processing...</Button>\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant = 'primary', size = 'md', StartIcon, EndIcon, loading, iconOnly, ...props }, ref) => {\n    const iconProps = (): { size: number; weight: IconWeight } => {\n      switch (size) {\n        case 'sm':\n          return { size: 16, weight: 'regular' }\n        case 'lg':\n          return { size: 20, weight: 'regular' }\n        default:\n          return { size: 18, weight: 'regular' }\n      }\n    }\n\n    const getIconOnlyClasses = () => {\n      switch (size) {\n        case 'sm':\n          return 'h-8 w-8'\n        case 'lg':\n          return 'h-12 w-12'\n        default:\n          return 'h-10 w-10'\n      }\n    }\n\n    return (\n      <button\n        className={cn(\n          buttonVariants({ variant, size, className }),\n          iconOnly && 'rounded-full p-0',\n          iconOnly && getIconOnlyClasses(),\n          className,\n        )}\n        ref={ref}\n        disabled={loading}\n        {...props}\n      >\n        {loading && <SpinnerGap {...iconProps()} className=\"animate-spin\" aria-label=\"Loading\" />}\n        {StartIcon && !loading && <StartIcon {...iconProps()} />}\n        {iconOnly ? <span className=\"sr-only\">{props.children}</span> : props.children}\n        {EndIcon && !iconOnly && <EndIcon {...iconProps()} />}\n      </button>\n    )\n  },\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"],"names":["R","l","n","c","i","e","r","t","m","w","s","d","v","a","o","f","h","S","p","u","g","E","buttonVariants","cva","Button","React","className","variant","size","StartIcon","EndIcon","loading","iconOnly","props","ref","iconProps","getIconOnlyClasses","jsxs","cn","jsx","SpinnerGap"],"mappings":"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","x_google_ignoreList":[0,1,2]}