@aurora-is-near/intents-swap-widget 3.18.1 → 3.18.3

package/dist/components/Accordion.js

@@ -1,48 +1,47 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { useState as x } from "react";
-import * as a from "lucide-react";
+import { useState as w } from "react";
+import { ChevronLeftW700 as l } from "@material-symbols-svg/react-rounded/icons/chevron-left";
 import { Hr as p } from "./Hr.js";
 import { Card as f } from "./Card.js";
 import { Badge as h } from "./Badge.js";
 import { cn as u } from "../utils/cn.js";
-const j = ({
-  title: r,
-  badge: l,
+const E = ({
+  title: a,
+  badge: t,
   children: o,
-  isBadgeLoading: n,
-  expandedHeightPx: m,
+  isBadgeLoading: m,
+  expandedHeightPx: n,
   expandedByDefault: i = !1,
   className: c
 }) => {
-  const [t, d] = x(i);
-  return /* @__PURE__ */ s(
-    f,
-    {
-      isClickable: !0,
-      className: u("py-sw-lg", c),
-      onClick: () => d((w) => !w),
-      children: [
-        /* @__PURE__ */ s("header", { className: "align-center flex w-full justify-between", children: [
-          /* @__PURE__ */ e("span", { className: "gap-sw-xs text-sw-label-md mt-sw-xs flex text-center text-sw-gray-200", children: r }),
-          n ? /* @__PURE__ */ e("div", { className: "ml-auto h-[20px] w-[100px] animate-pulse rounded-full bg-sw-gray-800" }) : l && /* @__PURE__ */ e(h, { children: l }),
-          /* @__PURE__ */ e("button", { type: "button", className: "ml-sw-lg cursor-pointer", children: t ? /* @__PURE__ */ e(a.ChevronUp, { className: "h-sw-2xl w-sw-2xl text-sw-gray-200" }) : /* @__PURE__ */ e(a.ChevronDown, { className: "h-sw-2xl w-sw-2xl text-sw-gray-200" }) })
-        ] }),
-        /* @__PURE__ */ s(
-          "div",
-          {
-            style: { height: t ? m : 0 },
-            className: "gap-sw-md flex flex-col overflow-hidden transition-all delay-0 duration-300 ease-in-out",
-            children: [
-              /* @__PURE__ */ e(p, { className: "mt-sw-xl mb-sw-md" }),
-              o
-            ]
-          }
-        )
-      ]
-    }
-  );
+  const [r, d] = w(i);
+  return /* @__PURE__ */ s(f, { className: u("py-sw-xl", c), children: [
+    /* @__PURE__ */ s(
+      "header",
+      {
+        onClick: () => d((x) => !x),
+        className: "items-center flex w-full justify-between cursor-pointer",
+        children: [
+          /* @__PURE__ */ e("span", { className: "gap-sw-xs text-sw-label-md flex text-center text-sw-gray-200", children: a }),
+          m ? /* @__PURE__ */ e("div", { className: "ml-auto h-[20px] w-[100px] animate-pulse rounded-full bg-sw-gray-800" }) : t && /* @__PURE__ */ e(h, { children: t }),
+          /* @__PURE__ */ e("button", { type: "button", className: "ml-sw-lg cursor-pointer", children: r ? /* @__PURE__ */ e(l, { className: "h-sw-2xl w-sw-2xl text-sw-gray-200 rotate-90" }) : /* @__PURE__ */ e(l, { className: "h-sw-2xl w-sw-2xl text-sw-gray-200 -rotate-90" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ s(
+      "div",
+      {
+        style: { height: r ? n : 0 },
+        className: "gap-sw-md flex flex-col overflow-hidden transition-all delay-0 duration-300 ease-in-out",
+        children: [
+          /* @__PURE__ */ e(p, { className: "mt-sw-xl mb-sw-md" }),
+          o
+        ]
+      }
+    )
+  ] });
 };
 export {
-  j as Accordion
+  E as Accordion
 };
 //# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../src/components/Accordion.tsx"],"sourcesContent":["import { useState } from 'react';\nimport * as Icons from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { Hr } from './Hr';\nimport { Card } from './Card';\nimport { Badge } from './Badge';\nimport { cn } from '@/utils/cn';\n\ntype Props = {\n  title: ReactNode;\n  badge?: string;\n  isBadgeLoading?: boolean;\n  expandedByDefault?: boolean;\n  children: ReactNode | ReactNode[];\n  expandedHeightPx: number;\n  className?: string;\n};\n\nexport const Accordion = ({\n  title,\n  badge,\n  children,\n  isBadgeLoading,\n  expandedHeightPx,\n  expandedByDefault = false,\n  className,\n}: Props) => {\n  const [isExpanded, setIsExpanded] = useState(expandedByDefault);\n\n  return (\n    <Card\n      isClickable\n      className={cn('py-sw-lg', className)}\n      onClick={() => setIsExpanded((p) => !p)}>\n      <header className=\"align-center flex w-full justify-between\">\n        <span className=\"gap-sw-xs text-sw-label-md mt-sw-xs flex text-center text-sw-gray-200\">\n          {title}\n        </span>\n        {isBadgeLoading ? (\n          <div className=\"ml-auto h-[20px] w-[100px] animate-pulse rounded-full bg-sw-gray-800\" />\n        ) : (\n          badge && <Badge>{badge}</Badge>\n        )}\n        <button type=\"button\" className=\"ml-sw-lg cursor-pointer\">\n          {isExpanded ? (\n            <Icons.ChevronUp className=\"h-sw-2xl w-sw-2xl text-sw-gray-200\" />\n          ) : (\n            <Icons.ChevronDown className=\"h-sw-2xl w-sw-2xl text-sw-gray-200\" />\n          )}\n        </button>\n      </header>\n\n      <div\n        style={{ height: isExpanded ? expandedHeightPx : 0 }} // has to be inline for animation to work\n        className=\"gap-sw-md flex flex-col overflow-hidden transition-all delay-0 duration-300 ease-in-out\">\n        <Hr className=\"mt-sw-xl mb-sw-md\" />\n        {children}\n      </div>\n    </Card>\n  );\n};\n"],"names":["Accordion","title","badge","children","isBadgeLoading","expandedHeightPx","expandedByDefault","className","isExpanded","setIsExpanded","useState","jsxs","Card","cn","p","jsx","Badge","Icons","Hr"],"mappings":";;;;;;;AAmBO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,WAAAC;AACF,MAAa;AACX,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASJ,CAAiB;AAE9D,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,WAAWC,EAAG,YAAYN,CAAS;AAAA,MACnC,SAAS,MAAME,EAAc,CAACK,MAAM,CAACA,CAAC;AAAA,MACtC,UAAA;AAAA,QAAA,gBAAAH,EAAC,UAAA,EAAO,WAAU,4CAChB,UAAA;AAAA,UAAA,gBAAAI,EAAC,QAAA,EAAK,WAAU,yEACb,UAAAd,GACH;AAAA,UACCG,sBACE,OAAA,EAAI,WAAU,wEAAuE,IAEtFF,KAAS,gBAAAa,EAACC,GAAA,EAAO,UAAAd,EAAA,CAAM;AAAA,UAEzB,gBAAAa,EAAC,YAAO,MAAK,UAAS,WAAU,2BAC7B,UAAAP,sBACES,EAAM,WAAN,EAAgB,WAAU,qCAAA,CAAqC,IAEhE,gBAAAF,EAACE,EAAM,aAAN,EAAkB,WAAU,sCAAqC,EAAA,CAEtE;AAAA,QAAA,GACF;AAAA,QAEA,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,QAAQH,IAAaH,IAAmB,EAAA;AAAA,YACjD,WAAU;AAAA,YACV,UAAA;AAAA,cAAA,gBAAAU,EAACG,GAAA,EAAG,WAAU,oBAAA,CAAoB;AAAA,cACjCf;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Accordion.js","sources":["../../src/components/Accordion.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { ChevronLeftW700 as ChevronLeft } from '@material-symbols-svg/react-rounded/icons/chevron-left';\nimport type { ReactNode } from 'react';\n\nimport { Hr } from './Hr';\nimport { Card } from './Card';\nimport { Badge } from './Badge';\nimport { cn } from '@/utils/cn';\n\ntype Props = {\n  title: ReactNode;\n  badge?: string;\n  isBadgeLoading?: boolean;\n  expandedByDefault?: boolean;\n  children: ReactNode | ReactNode[];\n  expandedHeightPx: number;\n  className?: string;\n};\n\nexport const Accordion = ({\n  title,\n  badge,\n  children,\n  isBadgeLoading,\n  expandedHeightPx,\n  expandedByDefault = false,\n  className,\n}: Props) => {\n  const [isExpanded, setIsExpanded] = useState(expandedByDefault);\n\n  return (\n    <Card className={cn('py-sw-xl', className)}>\n      <header\n        onClick={() => setIsExpanded((p) => !p)}\n        className=\"items-center flex w-full justify-between cursor-pointer\">\n        <span className=\"gap-sw-xs text-sw-label-md flex text-center text-sw-gray-200\">\n          {title}\n        </span>\n        {isBadgeLoading ? (\n          <div className=\"ml-auto h-[20px] w-[100px] animate-pulse rounded-full bg-sw-gray-800\" />\n        ) : (\n          badge && <Badge>{badge}</Badge>\n        )}\n        <button type=\"button\" className=\"ml-sw-lg cursor-pointer\">\n          {isExpanded ? (\n            <ChevronLeft className=\"h-sw-2xl w-sw-2xl text-sw-gray-200 rotate-90\" />\n          ) : (\n            <ChevronLeft className=\"h-sw-2xl w-sw-2xl text-sw-gray-200 -rotate-90\" />\n          )}\n        </button>\n      </header>\n\n      <div\n        style={{ height: isExpanded ? expandedHeightPx : 0 }} // has to be inline for animation to work\n        className=\"gap-sw-md flex flex-col overflow-hidden transition-all delay-0 duration-300 ease-in-out\">\n        <Hr className=\"mt-sw-xl mb-sw-md\" />\n        {children}\n      </div>\n    </Card>\n  );\n};\n"],"names":["Accordion","title","badge","children","isBadgeLoading","expandedHeightPx","expandedByDefault","className","isExpanded","setIsExpanded","useState","Card","cn","jsxs","p","jsx","Badge","ChevronLeft","Hr"],"mappings":";;;;;;;AAmBO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,WAAAC;AACF,MAAa;AACX,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASJ,CAAiB;AAE9D,2BACGK,GAAA,EAAK,WAAWC,EAAG,YAAYL,CAAS,GACvC,UAAA;AAAA,IAAA,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMJ,EAAc,CAACK,MAAM,CAACA,CAAC;AAAA,QACtC,WAAU;AAAA,QACV,UAAA;AAAA,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,gEACb,UAAAd,GACH;AAAA,UACCG,sBACE,OAAA,EAAI,WAAU,wEAAuE,IAEtFF,KAAS,gBAAAa,EAACC,GAAA,EAAO,UAAAd,EAAA,CAAM;AAAA,4BAExB,UAAA,EAAO,MAAK,UAAS,WAAU,2BAC7B,UAAAM,IACC,gBAAAO,EAACE,GAAA,EAAY,WAAU,gDAA+C,IAEtE,gBAAAF,EAACE,GAAA,EAAY,WAAU,iDAAgD,EAAA,CAE3E;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,QAAQL,IAAaH,IAAmB,EAAA;AAAA,QACjD,WAAU;AAAA,QACV,UAAA;AAAA,UAAA,gBAAAU,EAACG,GAAA,EAAG,WAAU,oBAAA,CAAoB;AAAA,UACjCf;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/components/Banner.js

@@ -1,43 +1,57 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import * as t from "lucide-react";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { CloseW700 as l } from "@material-symbols-svg/react-rounded/icons/close";
+import { EmergencyW700 as a } from "@material-symbols-svg/react-rounded/icons/emergency";
+import { ErrorFillW700 as u } from "@material-symbols-svg/react-rounded/icons/error";
+import { VerifiedFillW700 as f } from "@material-symbols-svg/react-rounded/icons/verified";
+import { useMemo as p } from "react";
 import { cn as o } from "../utils/cn.js";
-const u = ({
-  variant: s,
-  multiline: r,
-  message: n,
+const j = ({
+  variant: r,
+  multiline: s,
+  message: c,
   className: i,
-  onDismiss: c
+  onDismiss: t
 }) => {
-  const l = s === "success" ? /* @__PURE__ */ e(t.CheckCircle, { size: 16 }) : /* @__PURE__ */ e(t.CircleAlert, { size: 16 });
-  return /* @__PURE__ */ a(
+  const m = p(() => {
+    switch (r) {
+      case "success":
+        return /* @__PURE__ */ e(f, { size: 16 });
+      case "error":
+        return /* @__PURE__ */ e(u, { size: 16 });
+      case "warn":
+      default:
+        return /* @__PURE__ */ e(a, { size: 16 });
+    }
+  }, [r]);
+  return /* @__PURE__ */ n(
     "div",
     {
       className: o(
         "gap-sw-md relative flex items-center",
         {
-          "text-sw-status-error": s === "error",
-          "text-sw-status-warning": s === "warn",
-          "text-sw-status-success": s === "success"
+          "text-sw-status-error": r === "error",
+          "text-sw-status-warning": r === "warn",
+          "text-sw-status-success": r === "success"
         },
         i
       ),
       children: [
-        !r && l,
+        !s && m,
         /* @__PURE__ */ e(
           "span",
           {
             className: o("text-sw-label-sm", {
-              "text-nowrap": !r
+              "text-nowrap": !s
             }),
-            children: n
+            children: c
           }
         ),
-        c && /* @__PURE__ */ e(
+        t && /* @__PURE__ */ e(
           "div",
           {
-            onClick: c,
+            onClick: t,
             className: "ml-auto flex cursor-pointer items-center justify-center transition-all hover:scale-125",
-            children: /* @__PURE__ */ e(t.X, { size: 16, strokeWidth: 2.5 })
+            children: /* @__PURE__ */ e(l, { size: 16 })
           }
         )
       ]
@@ -45,6 +59,6 @@ const u = ({
   );
 };
 export {
-  u as Banner
+  j as Banner
 };
 //# sourceMappingURL=Banner.js.map

package/dist/components/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sources":["../../src/components/Banner.tsx"],"sourcesContent":["import * as Icons from 'lucide-react';\n\nimport { cn } from '@/utils/cn';\n\ntype Props = {\n  message: string;\n  multiline?: boolean;\n  variant: 'error' | 'warn' | 'success';\n  className?: string;\n  onDismiss?: () => void;\n};\n\nexport const Banner = ({\n  variant,\n  multiline,\n  message,\n  className,\n  onDismiss,\n}: Props) => {\n  const icon =\n    variant === 'success' ? (\n      <Icons.CheckCircle size={16} />\n    ) : (\n      <Icons.CircleAlert size={16} />\n    );\n\n  return (\n    <div\n      className={cn(\n        'gap-sw-md relative flex items-center',\n        {\n          'text-sw-status-error': variant === 'error',\n          'text-sw-status-warning': variant === 'warn',\n          'text-sw-status-success': variant === 'success',\n        },\n        className,\n      )}>\n      {!multiline && icon}\n      <span\n        className={cn('text-sw-label-sm', {\n          'text-nowrap': !multiline,\n        })}>\n        {message}\n      </span>\n      {onDismiss && (\n        <div\n          onClick={onDismiss}\n          className=\"ml-auto flex cursor-pointer items-center justify-center transition-all hover:scale-125\">\n          <Icons.X size={16} strokeWidth={2.5} />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["Banner","variant","multiline","message","className","onDismiss","icon","jsx","Icons","jsxs","cn"],"mappings":";;;AAYO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACF,MAAa;AACX,QAAMC,IACJL,MAAY,YACV,gBAAAM,EAACC,EAAM,aAAN,EAAkB,MAAM,GAAA,CAAI,IAE7B,gBAAAD,EAACC,EAAM,aAAN,EAAkB,MAAM,IAAI;AAGjC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,UACE,wBAAwBT,MAAY;AAAA,UACpC,0BAA0BA,MAAY;AAAA,UACtC,0BAA0BA,MAAY;AAAA,QAAA;AAAA,QAExCG;AAAA,MAAA;AAAA,MAED,UAAA;AAAA,QAAA,CAACF,KAAaI;AAAA,QACf,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWG,EAAG,oBAAoB;AAAA,cAChC,eAAe,CAACR;AAAA,YAAA,CACjB;AAAA,YACA,UAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFE,KACC,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAASF;AAAA,YACT,WAAU;AAAA,YACV,4BAACG,EAAM,GAAN,EAAQ,MAAM,IAAI,aAAa,IAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACvC;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"Banner.js","sources":["../../src/components/Banner.tsx"],"sourcesContent":["import { CloseW700 as Close } from '@material-symbols-svg/react-rounded/icons/close';\nimport { EmergencyW700 as Emergency } from '@material-symbols-svg/react-rounded/icons/emergency';\nimport { ErrorFillW700 as ErrorFill } from '@material-symbols-svg/react-rounded/icons/error';\nimport { VerifiedFillW700 as VerifiedFill } from '@material-symbols-svg/react-rounded/icons/verified';\nimport { useMemo } from 'react';\n\nimport { cn } from '@/utils/cn';\n\ntype Props = {\n  message: string;\n  multiline?: boolean;\n  variant: 'error' | 'warn' | 'success';\n  className?: string;\n  onDismiss?: () => void;\n};\n\nexport const Banner = ({\n  variant,\n  multiline,\n  message,\n  className,\n  onDismiss,\n}: Props) => {\n  const icon = useMemo(() => {\n    switch (variant) {\n      case 'success':\n        return <VerifiedFill size={16} />;\n      case 'error':\n        return <ErrorFill size={16} />;\n      case 'warn':\n      default:\n        return <Emergency size={16} />;\n    }\n  }, [variant]);\n\n  return (\n    <div\n      className={cn(\n        'gap-sw-md relative flex items-center',\n        {\n          'text-sw-status-error': variant === 'error',\n          'text-sw-status-warning': variant === 'warn',\n          'text-sw-status-success': variant === 'success',\n        },\n        className,\n      )}>\n      {!multiline && icon}\n      <span\n        className={cn('text-sw-label-sm', {\n          'text-nowrap': !multiline,\n        })}>\n        {message}\n      </span>\n      {onDismiss && (\n        <div\n          onClick={onDismiss}\n          className=\"ml-auto flex cursor-pointer items-center justify-center transition-all hover:scale-125\">\n          <Close size={16} />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["Banner","variant","multiline","message","className","onDismiss","icon","useMemo","jsx","VerifiedFill","ErrorFill","Emergency","jsxs","cn","Close"],"mappings":";;;;;;;AAgBO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACF,MAAa;AACX,QAAMC,IAAOC,EAAQ,MAAM;AACzB,YAAQN,GAAA;AAAA,MACN,KAAK;AACH,eAAO,gBAAAO,EAACC,GAAA,EAAa,MAAM,GAAA,CAAI;AAAA,MACjC,KAAK;AACH,eAAO,gBAAAD,EAACE,GAAA,EAAU,MAAM,GAAA,CAAI;AAAA,MAC9B,KAAK;AAAA,MACL;AACE,eAAO,gBAAAF,EAACG,GAAA,EAAU,MAAM,GAAA,CAAI;AAAA,IAAA;AAAA,EAElC,GAAG,CAACV,CAAO,CAAC;AAEZ,SACE,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,UACE,wBAAwBZ,MAAY;AAAA,UACpC,0BAA0BA,MAAY;AAAA,UACtC,0BAA0BA,MAAY;AAAA,QAAA;AAAA,QAExCG;AAAA,MAAA;AAAA,MAED,UAAA;AAAA,QAAA,CAACF,KAAaI;AAAA,QACf,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWK,EAAG,oBAAoB;AAAA,cAChC,eAAe,CAACX;AAAA,YAAA,CACjB;AAAA,YACA,UAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFE,KACC,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAASH;AAAA,YACT,WAAU;AAAA,YACV,UAAA,gBAAAG,EAACM,GAAA,EAAM,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MACnB;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/BlockingError.js

@@ -1,39 +1,34 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import * as t from "lucide-react";
-import { Button as a } from "./Button.js";
-import { Card as c } from "./Card.js";
-const m = ({ message: r, onClickRetry: l }) => /* @__PURE__ */ e(c, { className: "w-full", children: /* @__PURE__ */ s("div", { className: "gap-sw-4xl py-6xl flex min-h-[200px] flex-col items-center justify-center w-full", children: [
+import { CachedW700 as l } from "@material-symbols-svg/react-rounded/icons/cached";
+import { CloseW700 as a } from "@material-symbols-svg/react-rounded/icons/close";
+import { Button as c } from "./Button.js";
+import { Card as i } from "./Card.js";
+const p = ({ message: t, onClickRetry: r }) => /* @__PURE__ */ e(i, { className: "w-full", children: /* @__PURE__ */ s("div", { className: "gap-sw-4xl py-6xl flex min-h-[200px] flex-col items-center justify-center w-full", children: [
   /* @__PURE__ */ s("div", { className: "gap-sw-xl flex flex-col items-center justify-center", children: [
     /* @__PURE__ */ s("header", { className: "gap-sw-md flex items-center", children: [
-      /* @__PURE__ */ e(
-        t.X,
-        {
-          strokeWidth: 2.5,
-          className: "text-sw-accent-500 h-sw-4xl w-sw-4xl"
-        }
-      ),
+      /* @__PURE__ */ e(a, { className: "text-sw-accent-500 h-sw-4xl w-sw-4xl" }),
       /* @__PURE__ */ e("h3", { className: "text-sw-value-lg text-sw-accent-500", children: "Ooops..." })
     ] }),
     /* @__PURE__ */ s("p", { className: "text-sw-body-md text-center text-sw-gray-100", children: [
-      r,
+      t,
       " ",
       /* @__PURE__ */ e("br", {}),
       " Please try again or contact support."
     ] })
   ] }),
   /* @__PURE__ */ e(
-    a,
+    c,
     {
       size: "md",
       variant: "primary",
-      icon: t.RefreshCcw,
-      onClick: l,
+      icon: l,
+      onClick: r,
       className: "w-fit",
       children: "Try again"
     }
   )
 ] }) });
 export {
-  m as BlockingError
+  p as BlockingError
 };
 //# sourceMappingURL=BlockingError.js.map

package/dist/components/BlockingError.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockingError.js","sources":["../../src/components/BlockingError.tsx"],"sourcesContent":["import * as Icons from 'lucide-react';\n\nimport { Button } from './Button';\nimport { Card } from './Card';\n\ntype Props = {\n  message: string;\n  onClickRetry: () => void;\n};\n\nexport const BlockingError = ({ message, onClickRetry }: Props) => (\n  <Card className=\"w-full\">\n    <div className=\"gap-sw-4xl py-6xl flex min-h-[200px] flex-col items-center justify-center w-full\">\n      <div className=\"gap-sw-xl flex flex-col items-center justify-center\">\n        <header className=\"gap-sw-md flex items-center\">\n          <Icons.X\n            strokeWidth={2.5}\n            className=\"text-sw-accent-500 h-sw-4xl w-sw-4xl\"\n          />\n          <h3 className=\"text-sw-value-lg text-sw-accent-500\">Ooops...</h3>\n        </header>\n        <p className=\"text-sw-body-md text-center text-sw-gray-100\">\n          {message} <br /> Please try again or contact support.\n        </p>\n      </div>\n      <Button\n        size=\"md\"\n        variant=\"primary\"\n        icon={Icons.RefreshCcw}\n        onClick={onClickRetry}\n        className=\"w-fit\">\n        Try again\n      </Button>\n    </div>\n  </Card>\n);\n"],"names":["BlockingError","message","onClickRetry","jsx","Card","jsxs","Icons","Button"],"mappings":";;;;AAUO,MAAMA,IAAgB,CAAC,EAAE,SAAAC,GAAS,cAAAC,EAAA,MACvC,gBAAAC,EAACC,GAAA,EAAK,WAAU,UACd,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,oFACb,UAAA;AAAA,EAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uDACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,UAAA,EAAO,WAAU,+BAChB,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAACG,EAAM;AAAA,QAAN;AAAA,UACC,aAAa;AAAA,UACb,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,gBAAAH,EAAC,MAAA,EAAG,WAAU,uCAAsC,UAAA,WAAA,CAAQ;AAAA,IAAA,GAC9D;AAAA,IACA,gBAAAE,EAAC,KAAA,EAAE,WAAU,gDACV,UAAA;AAAA,MAAAJ;AAAA,MAAQ;AAAA,wBAAE,MAAA,EAAG;AAAA,MAAE;AAAA,IAAA,EAAA,CAClB;AAAA,EAAA,GACF;AAAA,EACA,gBAAAE;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAMD,EAAM;AAAA,MACZ,SAASJ;AAAA,MACT,WAAU;AAAA,MAAQ,UAAA;AAAA,IAAA;AAAA,EAAA;AAEpB,EAAA,CACF,EAAA,CACF;"}
+{"version":3,"file":"BlockingError.js","sources":["../../src/components/BlockingError.tsx"],"sourcesContent":["import { CachedW700 as Cached } from '@material-symbols-svg/react-rounded/icons/cached';\nimport { CloseW700 as Close } from '@material-symbols-svg/react-rounded/icons/close';\n\nimport { Button } from './Button';\nimport { Card } from './Card';\n\ntype Props = {\n  message: string;\n  onClickRetry: () => void;\n};\n\nexport const BlockingError = ({ message, onClickRetry }: Props) => (\n  <Card className=\"w-full\">\n    <div className=\"gap-sw-4xl py-6xl flex min-h-[200px] flex-col items-center justify-center w-full\">\n      <div className=\"gap-sw-xl flex flex-col items-center justify-center\">\n        <header className=\"gap-sw-md flex items-center\">\n          <Close className=\"text-sw-accent-500 h-sw-4xl w-sw-4xl\" />\n          <h3 className=\"text-sw-value-lg text-sw-accent-500\">Ooops...</h3>\n        </header>\n        <p className=\"text-sw-body-md text-center text-sw-gray-100\">\n          {message} <br /> Please try again or contact support.\n        </p>\n      </div>\n      <Button\n        size=\"md\"\n        variant=\"primary\"\n        icon={Cached}\n        onClick={onClickRetry}\n        className=\"w-fit\">\n        Try again\n      </Button>\n    </div>\n  </Card>\n);\n"],"names":["BlockingError","message","onClickRetry","jsx","Card","jsxs","Close","Button","Cached"],"mappings":";;;;;AAWO,MAAMA,IAAgB,CAAC,EAAE,SAAAC,GAAS,cAAAC,EAAA,MACvC,gBAAAC,EAACC,GAAA,EAAK,WAAU,UACd,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,oFACb,UAAA;AAAA,EAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uDACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,UAAA,EAAO,WAAU,+BAChB,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EAAM,WAAU,uCAAA,CAAuC;AAAA,MACxD,gBAAAH,EAAC,MAAA,EAAG,WAAU,uCAAsC,UAAA,WAAA,CAAQ;AAAA,IAAA,GAC9D;AAAA,IACA,gBAAAE,EAAC,KAAA,EAAE,WAAU,gDACV,UAAA;AAAA,MAAAJ;AAAA,MAAQ;AAAA,wBAAE,MAAA,EAAG;AAAA,MAAE;AAAA,IAAA,EAAA,CAClB;AAAA,EAAA,GACF;AAAA,EACA,gBAAAE;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAMC;AAAAA,MACN,SAASN;AAAA,MACT,WAAU;AAAA,MAAQ,UAAA;AAAA,IAAA;AAAA,EAAA;AAEpB,EAAA,CACF,EAAA,CACF;"}

package/dist/components/Button.d.ts

@@ -1,4 +1,4 @@
-import { LucideIcon } from 'lucide-react';
+import { MaterialSymbolsComponent } from '@material-symbols-svg/react';
 type Size = 'sm' | 'md' | 'lg';
 type Variant = 'primary' | 'outlined';
 type State = 'default' | 'loading' | 'disabled' | 'active' | 'error';
@@ -11,11 +11,19 @@ type Props = {
     onClick?: () => void;
     fluid?: boolean;
 } & ({
-    icon: LucideIcon;
+    icon: MaterialSymbolsComponent;
     iconPosition?: 'head' | 'tail';
 } | {
     icon?: never;
     iconPosition?: never;
+}) & ({
+    as?: 'button';
+    href?: never;
+    target?: never;
+} | {
+    as: 'a';
+    href: string;
+    target?: '_blank' | '_self';
 });
 export declare const Button: ({ variant, ...restProps }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Button.js

@@ -1,8 +1,8 @@
-import { jsx as s, jsxs as w } from "react/jsx-runtime";
-import { Button as g } from "@headlessui/react";
-import * as m from "lucide-react";
-import { cn as c } from "../utils/cn.js";
-const e = {
+import { jsx as s, jsxs as b } from "react/jsx-runtime";
+import { Button as p } from "@headlessui/react";
+import { ProgressActivityW700 as y } from "@material-symbols-svg/react-rounded/icons/progress-activity";
+import { cn as m } from "../utils/cn.js";
+const t = {
   icon: "h-sw-xl w-sw-xl",
   size: (n) => ({
     "px-sw-xl py-sw-[10px] rounded-sw-sm": n === "sm",
@@ -16,44 +16,49 @@ const e = {
     ring-1 ring-inset ring-transparent
     transition-all duration-250 ease-in-out
   `
-}, u = ({
+}, x = ({
   icon: n,
   iconPosition: i,
   children: o,
-  state: r
+  state: e
 }) => {
-  const t = !!n, a = t && r !== "loading" ? n ?? (() => /* @__PURE__ */ s("span", {})) : ({ className: l, ...d }) => /* @__PURE__ */ s(
-    m.Loader,
+  const r = !!n, a = r && e !== "loading" ? n ?? (() => /* @__PURE__ */ s("span", {})) : ({ className: l, ...d }) => /* @__PURE__ */ s(
+    y,
     {
-      className: c(e.icon, "animate-spin", l),
+      className: m(t.icon, "animate-spin", l),
       ...d
     }
   );
-  return /* @__PURE__ */ w("span", { className: "text-sw-label-md flex w-full items-center justify-center gap-sw-lg py-sw-xs", children: [
-    t && i !== "tail" || !t && r === "loading" ? /* @__PURE__ */ s(a, { className: e.icon }) : null,
+  return /* @__PURE__ */ b("span", { className: "text-sw-label-md flex w-full items-center justify-center gap-sw-lg py-sw-xs", children: [
+    r && i !== "tail" || !r && e === "loading" ? /* @__PURE__ */ s(a, { className: t.icon }) : null,
     o,
-    t && i === "tail" && /* @__PURE__ */ s(a, { className: e.icon })
+    r && i === "tail" && /* @__PURE__ */ s(a, { className: t.icon })
   ] });
-}, p = ({
+}, f = ({
   size: n,
   className: i,
   children: o,
+  as: e = "button",
   state: r = "default",
-  onClick: t,
-  fluid: a,
-  ...l
+  onClick: a,
+  fluid: l,
+  href: d,
+  target: c,
+  ...g
 }) => {
-  const d = ["disabled", "loading", "error"].includes(r) ? !0 : void 0;
+  const u = e === "a" ? { href: d, target: c } : {}, w = ["disabled", "loading", "error"].includes(r) ? !0 : void 0;
   return /* @__PURE__ */ s(
-    g,
+    p,
     {
-      disabled: d,
+      as: e,
+      disabled: w,
       "data-active": r === "active" ? !0 : void 0,
-      onClick: () => r === "default" && t?.(),
-      className: c(
-        e.common,
-        e.width(a),
-        e.size(n),
+      onClick: () => r === "default" && a?.(),
+      ...u,
+      className: m(
+        t.common,
+        t.width(l),
+        t.size(n),
         {
           "bg-transparent text-sw-status-error ring-1 ring-inset ring-sw-status-error": r === "error",
           "bg-transparent text-sw-gray-400 ring-1 ring-inset ring-sw-gray-700": r === "loading" || r === "disabled",
@@ -61,29 +66,34 @@ const e = {
         },
         i
       ),
-      children: /* @__PURE__ */ s(u, { state: r, ...l, children: o })
+      children: /* @__PURE__ */ s(x, { state: r, ...g, children: o })
     }
   );
-}, x = ({
+}, h = ({
   size: n,
   className: i,
   children: o,
+  as: e = "button",
   state: r = "default",
-  onClick: t,
-  fluid: a,
-  ...l
+  onClick: a,
+  fluid: l,
+  href: d,
+  target: c,
+  ...g
 }) => {
-  const d = ["disabled", "loading", "error"].includes(r) ? !0 : void 0;
+  const u = e === "a" ? { href: d, target: c } : {}, w = ["disabled", "loading", "error"].includes(r) ? !0 : void 0;
   return /* @__PURE__ */ s(
-    g,
+    p,
     {
-      disabled: d,
+      as: e,
+      disabled: w,
       "data-active": r === "active" ? !0 : void 0,
-      onClick: () => r === "default" && t?.(),
-      className: c(
-        e.common,
-        e.width(a),
-        e.size(n),
+      onClick: () => r === "default" && a?.(),
+      ...u,
+      className: m(
+        t.common,
+        t.width(l),
+        t.size(n),
         {
           "bg-transparent text-sw-status-error ring-1 ring-inset ring-sw-status-error": r === "error",
           "bg-transparent text-sw-gray-400 ring-1 ring-inset ring-sw-gray-700": r === "loading" || r === "disabled",
@@ -91,19 +101,19 @@ const e = {
         },
         i
       ),
-      children: /* @__PURE__ */ s(u, { state: r, ...l, children: o })
+      children: /* @__PURE__ */ s(x, { state: r, ...g, children: o })
     }
   );
-}, h = ({ variant: n, ...i }) => {
+}, C = ({ variant: n, ...i }) => {
   switch (n) {
     case "outlined":
-      return /* @__PURE__ */ s(x, { ...i });
+      return /* @__PURE__ */ s(h, { ...i });
     case "primary":
     default:
-      return /* @__PURE__ */ s(p, { ...i });
+      return /* @__PURE__ */ s(f, { ...i });
   }
 };
 export {
-  h as Button
+  C as Button
 };
 //# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import { Button as UIButton } from '@headlessui/react';\nimport type { LucideIcon, LucideProps } from 'lucide-react';\nimport * as Icons from 'lucide-react';\n\nimport { cn as clsx } from '@/utils/cn';\n\ntype Size = 'sm' | 'md' | 'lg';\ntype Variant = 'primary' | 'outlined';\ntype State = 'default' | 'loading' | 'disabled' | 'active' | 'error';\n\ntype Props = {\n  size: Size;\n  state?: State;\n  variant: Variant;\n  children: React.ReactNode;\n  className?: string;\n  onClick?: () => void;\n  fluid?: boolean;\n} & (\n  | { icon: LucideIcon; iconPosition?: 'head' | 'tail' }\n  | { icon?: never; iconPosition?: never }\n);\n\nconst styles = {\n  icon: 'h-sw-xl w-sw-xl',\n\n  size: (size: Size) => ({\n    'px-sw-xl py-sw-[10px] rounded-sw-sm': size === 'sm',\n    'px-sw-2xl py-sw-sm rounded-sw-md': size === 'md',\n    'px-sw-3xl py-sw-xl rounded-sw-lg': size === 'lg',\n  }),\n\n  width: (fluid?: boolean) => ({\n    'w-full': !fluid,\n  }),\n\n  common: `\n    ring-1 ring-inset ring-transparent\n    transition-all duration-250 ease-in-out\n  `,\n};\n\nconst ButtonChildren = ({\n  icon,\n  iconPosition,\n  children,\n  state,\n}: Pick<Props, 'icon' | 'iconPosition' | 'children' | 'state'>) => {\n  const hasIcon = !!icon;\n  const Icon =\n    hasIcon && state !== 'loading'\n      ? (icon ?? (() => <span />))\n      : ({ className, ...lucidProps }: LucideProps) => (\n          <Icons.Loader\n            className={clsx(styles.icon, 'animate-spin', className)}\n            {...lucidProps}\n          />\n        );\n\n  return (\n    <span className=\"text-sw-label-md flex w-full items-center justify-center gap-sw-lg py-sw-xs\">\n      {(hasIcon && iconPosition !== 'tail') ||\n      (!hasIcon && state === 'loading') ? (\n        <Icon className={styles.icon} />\n      ) : null}\n      {children}\n      {hasIcon && iconPosition === 'tail' && <Icon className={styles.icon} />}\n    </span>\n  );\n};\n\nconst ButtonPrimary = ({\n  size,\n  className,\n  children,\n  state = 'default',\n  onClick,\n  fluid,\n  ...props\n}: Omit<Props, 'variant'>) => {\n  const isDisabled = ['disabled', 'loading', 'error'].includes(state)\n    ? true\n    : undefined;\n\n  return (\n    <UIButton\n      disabled={isDisabled}\n      data-active={state === 'active' ? true : undefined}\n      onClick={() => state === 'default' && onClick?.()}\n      className={clsx(\n        styles.common,\n        styles.width(fluid),\n        styles.size(size),\n        {\n          'bg-transparent text-sw-status-error ring-1 ring-inset ring-sw-status-error':\n            state === 'error',\n          'bg-transparent text-sw-gray-400 ring-1 ring-inset ring-sw-gray-700':\n            state === 'loading' || state === 'disabled',\n          'text-sw-gray-950 bg-sw-accent-500 hover:bg-sw-accent-400 cursor-pointer':\n            ['active', 'default'].includes(state),\n        },\n        className,\n      )}>\n      <ButtonChildren state={state} {...props}>\n        {children}\n      </ButtonChildren>\n    </UIButton>\n  );\n};\n\nconst ButtonOutlined = ({\n  size,\n  className,\n  children,\n  state = 'default',\n  onClick,\n  fluid,\n  ...props\n}: Omit<Props, 'variant'>) => {\n  const isDisabled = ['disabled', 'loading', 'error'].includes(state)\n    ? true\n    : undefined;\n\n  return (\n    <UIButton\n      disabled={isDisabled}\n      data-active={state === 'active' ? true : undefined}\n      onClick={() => state === 'default' && onClick?.()}\n      className={clsx(\n        styles.common,\n        styles.width(fluid),\n        styles.size(size),\n        {\n          'bg-transparent text-sw-status-error ring-1 ring-inset ring-sw-status-error':\n            state === 'error',\n          'bg-transparent text-sw-gray-400 ring-1 ring-inset ring-sw-gray-700':\n            state === 'loading' || state === 'disabled',\n          'bg-transparent text-sw-gray-50 ring-1 ring-inset ring-sw-gray-600 hover:ring-sw-gray-100 cursor-pointer':\n            ['active', 'default'].includes(state),\n        },\n        className,\n      )}>\n      <ButtonChildren state={state} {...props}>\n        {children}\n      </ButtonChildren>\n    </UIButton>\n  );\n};\n\nexport const Button = ({ variant, ...restProps }: Props) => {\n  switch (variant) {\n    case 'outlined':\n      return <ButtonOutlined {...restProps} />;\n    case 'primary':\n    default:\n      return <ButtonPrimary {...restProps} />;\n  }\n};\n"],"names":["styles","size","fluid","ButtonChildren","icon","iconPosition","children","state","hasIcon","Icon","jsx","className","lucidProps","Icons","clsx","jsxs","ButtonPrimary","onClick","props","isDisabled","UIButton","ButtonOutlined","Button","variant","restProps"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import { Button as UIButton } from '@headlessui/react';\nimport { ProgressActivityW700 as ProgressActivity } from '@material-symbols-svg/react-rounded/icons/progress-activity';\nimport type {\n  IconProps,\n  MaterialSymbolsComponent,\n} from '@material-symbols-svg/react';\n\nimport { cn as clsx } from '@/utils/cn';\n\ntype Size = 'sm' | 'md' | 'lg';\ntype Variant = 'primary' | 'outlined';\ntype State = 'default' | 'loading' | 'disabled' | 'active' | 'error';\n\ntype Props = {\n  size: Size;\n  state?: State;\n  variant: Variant;\n  children: React.ReactNode;\n  className?: string;\n  onClick?: () => void;\n  fluid?: boolean;\n} & (\n  | { icon: MaterialSymbolsComponent; iconPosition?: 'head' | 'tail' }\n  | { icon?: never; iconPosition?: never }\n) &\n  (\n    | { as?: 'button'; href?: never; target?: never }\n    | { as: 'a'; href: string; target?: '_blank' | '_self' }\n  );\n\nconst styles = {\n  icon: 'h-sw-xl w-sw-xl',\n\n  size: (size: Size) => ({\n    'px-sw-xl py-sw-[10px] rounded-sw-sm': size === 'sm',\n    'px-sw-2xl py-sw-sm rounded-sw-md': size === 'md',\n    'px-sw-3xl py-sw-xl rounded-sw-lg': size === 'lg',\n  }),\n\n  width: (fluid?: boolean) => ({\n    'w-full': !fluid,\n  }),\n\n  common: `\n    ring-1 ring-inset ring-transparent\n    transition-all duration-250 ease-in-out\n  `,\n};\n\nconst ButtonChildren = ({\n  icon,\n  iconPosition,\n  children,\n  state,\n}: Pick<Props, 'icon' | 'iconPosition' | 'children' | 'state'>) => {\n  const hasIcon = !!icon;\n  const Icon =\n    hasIcon && state !== 'loading'\n      ? (icon ?? (() => <span />))\n      : ({ className, ...iconProps }: IconProps) => (\n          <ProgressActivity\n            className={clsx(styles.icon, 'animate-spin', className)}\n            {...iconProps}\n          />\n        );\n\n  return (\n    <span className=\"text-sw-label-md flex w-full items-center justify-center gap-sw-lg py-sw-xs\">\n      {(hasIcon && iconPosition !== 'tail') ||\n      (!hasIcon && state === 'loading') ? (\n        <Icon className={styles.icon} />\n      ) : null}\n      {children}\n      {hasIcon && iconPosition === 'tail' && <Icon className={styles.icon} />}\n    </span>\n  );\n};\n\nconst ButtonPrimary = ({\n  size,\n  className,\n  children,\n  as = 'button',\n  state = 'default',\n  onClick,\n  fluid,\n  href,\n  target,\n  ...props\n}: Omit<Props, 'variant'>) => {\n  const anchorProps = as === 'a' ? { href, target } : {};\n  const isDisabled = ['disabled', 'loading', 'error'].includes(state)\n    ? true\n    : undefined;\n\n  return (\n    <UIButton\n      as={as}\n      disabled={isDisabled}\n      data-active={state === 'active' ? true : undefined}\n      onClick={() => state === 'default' && onClick?.()}\n      {...anchorProps}\n      className={clsx(\n        styles.common,\n        styles.width(fluid),\n        styles.size(size),\n        {\n          'bg-transparent text-sw-status-error ring-1 ring-inset ring-sw-status-error':\n            state === 'error',\n          'bg-transparent text-sw-gray-400 ring-1 ring-inset ring-sw-gray-700':\n            state === 'loading' || state === 'disabled',\n          'text-sw-gray-950 bg-sw-accent-500 hover:bg-sw-accent-400 cursor-pointer':\n            ['active', 'default'].includes(state),\n        },\n        className,\n      )}>\n      <ButtonChildren state={state} {...props}>\n        {children}\n      </ButtonChildren>\n    </UIButton>\n  );\n};\n\nconst ButtonOutlined = ({\n  size,\n  className,\n  children,\n  as = 'button',\n  state = 'default',\n  onClick,\n  fluid,\n  href,\n  target,\n  ...props\n}: Omit<Props, 'variant'>) => {\n  const anchorProps = as === 'a' ? { href, target } : {};\n  const isDisabled = ['disabled', 'loading', 'error'].includes(state)\n    ? true\n    : undefined;\n\n  return (\n    <UIButton\n      as={as}\n      disabled={isDisabled}\n      data-active={state === 'active' ? true : undefined}\n      onClick={() => state === 'default' && onClick?.()}\n      {...anchorProps}\n      className={clsx(\n        styles.common,\n        styles.width(fluid),\n        styles.size(size),\n        {\n          'bg-transparent text-sw-status-error ring-1 ring-inset ring-sw-status-error':\n            state === 'error',\n          'bg-transparent text-sw-gray-400 ring-1 ring-inset ring-sw-gray-700':\n            state === 'loading' || state === 'disabled',\n          'bg-transparent text-sw-gray-50 ring-1 ring-inset ring-sw-gray-600 hover:ring-sw-gray-100 cursor-pointer':\n            ['active', 'default'].includes(state),\n        },\n        className,\n      )}>\n      <ButtonChildren state={state} {...props}>\n        {children}\n      </ButtonChildren>\n    </UIButton>\n  );\n};\n\nexport const Button = ({ variant, ...restProps }: Props) => {\n  switch (variant) {\n    case 'outlined':\n      return <ButtonOutlined {...restProps} />;\n    case 'primary':\n    default:\n      return <ButtonPrimary {...restProps} />;\n  }\n};\n"],"names":["styles","size","fluid","ButtonChildren","icon","iconPosition","children","state","hasIcon","Icon","jsx","className","iconProps","ProgressActivity","clsx","jsxs","ButtonPrimary","as","onClick","href","target","props","anchorProps","isDisabled","UIButton","ButtonOutlined","Button","variant","restProps"],"mappings":"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"}

package/dist/components/CloseButton.js

@@ -1,22 +1,22 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as e from "lucide-react";
+import { jsx as r } from "react/jsx-runtime";
+import { CloseW700 as e } from "@material-symbols-svg/react-rounded/icons/close";
 import "../constants/chains.js";
 import "viem";
 import "ethers";
 import { cn as s } from "../utils/cn.js";
-const a = ({ className: r, onClick: o }) => /* @__PURE__ */ t(
+const u = ({ className: t, onClick: o }) => /* @__PURE__ */ r(
   "button",
   {
     type: "button",
     className: s(
       "flex cursor-pointer items-center justify-center text-sw-gray-200 transition-colors hover:text-sw-gray-50 p-sw-md w-[34px] h-[34px] rounded-sw-md bg-sw-gray-950 hover:bg-sw-gray-800",
-      r
+      t
     ),
     onClick: o,
-    children: /* @__PURE__ */ t(e.X, { size: 18, strokeWidth: 3 })
+    children: /* @__PURE__ */ r(e, { size: 18 })
   }
 );
 export {
-  a as CloseButton
+  u as CloseButton
 };
 //# sourceMappingURL=CloseButton.js.map

package/dist/components/CloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.js","sources":["../../src/components/CloseButton.tsx"],"sourcesContent":["import * as Icons from 'lucide-react';\n\nimport { cn } from '@/utils';\n\ntype Props = {\n  className?: string;\n  onClick: () => void;\n};\n\nexport const CloseButton = ({ className, onClick }: Props) => {\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        'flex cursor-pointer items-center justify-center text-sw-gray-200 transition-colors hover:text-sw-gray-50 p-sw-md w-[34px] h-[34px] rounded-sw-md bg-sw-gray-950 hover:bg-sw-gray-800',\n        className,\n      )}\n      onClick={onClick}>\n      <Icons.X size={18} strokeWidth={3} />\n    </button>\n  );\n};\n"],"names":["CloseButton","className","onClick","jsx","cn","Icons"],"mappings":";;;;;;AASO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAErC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAEF,SAAAC;AAAA,IACA,4BAACG,EAAM,GAAN,EAAQ,MAAM,IAAI,aAAa,EAAA,CAAG;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"CloseButton.js","sources":["../../src/components/CloseButton.tsx"],"sourcesContent":["import { CloseW700 as Close } from '@material-symbols-svg/react-rounded/icons/close';\n\nimport { cn } from '@/utils';\n\ntype Props = {\n  className?: string;\n  onClick: () => void;\n};\n\nexport const CloseButton = ({ className, onClick }: Props) => {\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        'flex cursor-pointer items-center justify-center text-sw-gray-200 transition-colors hover:text-sw-gray-50 p-sw-md w-[34px] h-[34px] rounded-sw-md bg-sw-gray-950 hover:bg-sw-gray-800',\n        className,\n      )}\n      onClick={onClick}>\n      <Close size={18} />\n    </button>\n  );\n};\n"],"names":["CloseButton","className","onClick","jsx","cn","Close"],"mappings":";;;;;;AASO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAErC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAEF,SAAAC;AAAA,IACA,UAAA,gBAAAC,EAACE,GAAA,EAAM,MAAM,GAAA,CAAI;AAAA,EAAA;AAAA;"}

package/dist/components/CopyButton.d.ts

@@ -1,3 +1,6 @@
-export declare const CopyButton: ({ value }: {
+type Props = {
     value: string;
-}) => import("react/jsx-runtime").JSX.Element;
+    className?: string;
+};
+export declare const CopyButton: ({ value, className }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CopyButton.js

@@ -1,16 +1,20 @@
 import { jsx as t } from "react/jsx-runtime";
-import i from "copy-text-to-clipboard";
-import * as r from "lucide-react";
-const a = ({ value: o }) => /* @__PURE__ */ t(
+import r from "copy-text-to-clipboard";
+import { ContentCopyW700 as n } from "@material-symbols-svg/react-rounded/icons/content-copy";
+import { cn as e } from "../utils/cn.js";
+const p = ({ value: o, className: i }) => /* @__PURE__ */ t(
   "button",
   {
     type: "button",
-    onClick: () => i(o),
-    className: "text-sw-gray-200 hover:text-sw-gray-50 cursor-pointer transition-all duration-300 [transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275)] active:-translate-y-1 active:scale-x-90 active:scale-y-110",
-    children: /* @__PURE__ */ t(r.Copy, { size: 16 })
+    onClick: () => r(o),
+    className: e(
+      "text-sw-gray-200 hover:text-sw-gray-50 cursor-pointer transition-all duration-300 [transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275)] active:-translate-y-1 active:scale-x-90 active:scale-y-110",
+      i
+    ),
+    children: /* @__PURE__ */ t(n, { size: 16 })
   }
 );
 export {
-  a as CopyButton
+  p as CopyButton
 };
 //# sourceMappingURL=CopyButton.js.map

package/dist/components/CopyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.js","sources":["../../src/components/CopyButton.tsx"],"sourcesContent":["import copy from 'copy-text-to-clipboard';\nimport * as Icons from 'lucide-react';\n\nexport const CopyButton = ({ value }: { value: string }) => (\n  <button\n    type=\"button\"\n    onClick={() => copy(value)}\n    className=\"text-sw-gray-200 hover:text-sw-gray-50 cursor-pointer transition-all duration-300 [transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275)] active:-translate-y-1 active:scale-x-90 active:scale-y-110\">\n    <Icons.Copy size={16} />\n  </button>\n);\n"],"names":["CopyButton","value","jsx","copy","Icons"],"mappings":";;;AAGO,MAAMA,IAAa,CAAC,EAAE,OAAAC,EAAA,MAC3B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAS,MAAMC,EAAKF,CAAK;AAAA,IACzB,WAAU;AAAA,IACV,UAAA,gBAAAC,EAACE,EAAM,MAAN,EAAW,MAAM,GAAA,CAAI;AAAA,EAAA;AACxB;"}
+{"version":3,"file":"CopyButton.js","sources":["../../src/components/CopyButton.tsx"],"sourcesContent":["import copy from 'copy-text-to-clipboard';\nimport { ContentCopyW700 as ContentCopy } from '@material-symbols-svg/react-rounded/icons/content-copy';\n\nimport { cn } from '@/utils/cn';\n\ntype Props = {\n  value: string;\n  className?: string;\n};\n\nexport const CopyButton = ({ value, className }: Props) => (\n  <button\n    type=\"button\"\n    onClick={() => copy(value)}\n    className={cn(\n      'text-sw-gray-200 hover:text-sw-gray-50 cursor-pointer transition-all duration-300 [transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275)] active:-translate-y-1 active:scale-x-90 active:scale-y-110',\n      className,\n    )}>\n    <ContentCopy size={16} />\n  </button>\n);\n"],"names":["CopyButton","value","className","jsx","copy","cn","ContentCopy"],"mappings":";;;;AAUO,MAAMA,IAAa,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAClC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAS,MAAMC,EAAKH,CAAK;AAAA,IACzB,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAEF,UAAA,gBAAAC,EAACG,GAAA,EAAY,MAAM,GAAA,CAAI;AAAA,EAAA;AACzB;"}