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

package/dist/components/DirectionSwitcher.js

@@ -1,27 +1,28 @@
 import { jsx as r } from "react/jsx-runtime";
-import * as s from "lucide-react";
+import { ArrowDownwardW700 as a } from "@material-symbols-svg/react-rounded/icons/arrow-downward";
+import { ProgressActivityW700 as i } from "@material-symbols-svg/react-rounded/icons/progress-activity";
 import { cn as o } from "../utils/cn.js";
-const i = ({
-  isEnabled: t,
-  isLoading: e = !1,
-  onClick: a
+const w = ({
+  isEnabled: e,
+  isLoading: t = !1,
+  onClick: s
 }) => /* @__PURE__ */ r(
   "div",
   {
-    onClick: t && !e ? a : void 0,
+    onClick: e && !t ? s : void 0,
     className: o(
       "bg-sw-gray-950 mt-sw-xs group absolute top-1/2 left-1/2 flex h-[40px] w-[40px] -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-sw-md text-sw-gray-100 transition-all duration-150",
       {
-        "cursor-pointer hover:scale-110 hover:text-sw-gray-50 hover:bg-sw-gray-700": t && !e
+        "cursor-pointer hover:scale-110 hover:text-sw-gray-50 hover:bg-sw-gray-700": e && !t
       }
     ),
-    children: e ? /* @__PURE__ */ r("div", { className: "group relative inline-block", children: /* @__PURE__ */ r(s.RefreshCw, { className: "h-sw-2xl w-sw-2xl animate-spin opacity-50 text-sw-accent-500" }) }) : /* @__PURE__ */ r("div", { className: "group relative inline-block", children: /* @__PURE__ */ r(
-      s.ArrowDown,
+    children: t ? /* @__PURE__ */ r("div", { className: "group relative inline-block", children: /* @__PURE__ */ r(i, { className: "h-sw-2xl w-sw-2xl animate-spin opacity-50 text-sw-accent-500" }) }) : /* @__PURE__ */ r("div", { className: "group relative inline-block", children: /* @__PURE__ */ r(
+      a,
       {
         className: o(
           "h-sw-2xl w-sw-2xl transition-transform duration-300",
           {
-            "group-hover:rotate-180": t && !e
+            "group-hover:rotate-180": e && !t
           }
         )
       }
@@ -29,6 +30,6 @@ const i = ({
   }
 );
 export {
-  i as DirectionSwitcher
+  w as DirectionSwitcher
 };
 //# sourceMappingURL=DirectionSwitcher.js.map

package/dist/components/DirectionSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"DirectionSwitcher.js","sources":["../../src/components/DirectionSwitcher.tsx"],"sourcesContent":["import * as Icons from 'lucide-react';\n\nimport { cn } from '@/utils/cn';\n\ntype Props = {\n  isEnabled: boolean;\n  isLoading?: boolean;\n  onClick?: () => void;\n};\n\nexport const DirectionSwitcher = ({\n  isEnabled,\n  isLoading = false,\n  onClick,\n}: Props) => {\n  return (\n    <div\n      onClick={isEnabled && !isLoading ? onClick : undefined}\n      className={cn(\n        'bg-sw-gray-950 mt-sw-xs group absolute top-1/2 left-1/2 flex h-[40px] w-[40px] -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-sw-md text-sw-gray-100 transition-all duration-150',\n        {\n          'cursor-pointer hover:scale-110 hover:text-sw-gray-50 hover:bg-sw-gray-700':\n            isEnabled && !isLoading,\n        },\n      )}>\n      {isLoading ? (\n        <div className=\"group relative inline-block\">\n          <Icons.RefreshCw className=\"h-sw-2xl w-sw-2xl animate-spin opacity-50 text-sw-accent-500\" />\n        </div>\n      ) : (\n        <div className=\"group relative inline-block\">\n          <Icons.ArrowDown\n            className={cn(\n              'h-sw-2xl w-sw-2xl transition-transform duration-300',\n              {\n                'group-hover:rotate-180': isEnabled && !isLoading,\n              },\n            )}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DirectionSwitcher","isEnabled","isLoading","onClick","jsx","cn","Icons"],"mappings":";;;AAUO,MAAMA,IAAoB,CAAC;AAAA,EAChC,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAASH,KAAa,CAACC,IAAYC,IAAU;AAAA,IAC7C,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,QACE,6EACEJ,KAAa,CAACC;AAAA,MAAA;AAAA,IAClB;AAAA,IAED,cACC,gBAAAE,EAAC,OAAA,EAAI,WAAU,+BACb,4BAACE,EAAM,WAAN,EAAgB,WAAU,gEAA+D,EAAA,CAC5F,IAEA,gBAAAF,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA,gBAAAA;AAAA,MAACE,EAAM;AAAA,MAAN;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,UACA;AAAA,YACE,0BAA0BJ,KAAa,CAACC;AAAA,UAAA;AAAA,QAC1C;AAAA,MACF;AAAA,IAAA,EACF,CACF;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"DirectionSwitcher.js","sources":["../../src/components/DirectionSwitcher.tsx"],"sourcesContent":["import { ArrowDownwardW700 as ArrowDownward } from '@material-symbols-svg/react-rounded/icons/arrow-downward';\nimport { ProgressActivityW700 as ProgressActivity } from '@material-symbols-svg/react-rounded/icons/progress-activity';\nimport { cn } from '@/utils/cn';\n\ntype Props = {\n  isEnabled: boolean;\n  isLoading?: boolean;\n  onClick?: () => void;\n};\n\nexport const DirectionSwitcher = ({\n  isEnabled,\n  isLoading = false,\n  onClick,\n}: Props) => {\n  return (\n    <div\n      onClick={isEnabled && !isLoading ? onClick : undefined}\n      className={cn(\n        'bg-sw-gray-950 mt-sw-xs group absolute top-1/2 left-1/2 flex h-[40px] w-[40px] -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-sw-md text-sw-gray-100 transition-all duration-150',\n        {\n          'cursor-pointer hover:scale-110 hover:text-sw-gray-50 hover:bg-sw-gray-700':\n            isEnabled && !isLoading,\n        },\n      )}>\n      {isLoading ? (\n        <div className=\"group relative inline-block\">\n          <ProgressActivity className=\"h-sw-2xl w-sw-2xl animate-spin opacity-50 text-sw-accent-500\" />\n        </div>\n      ) : (\n        <div className=\"group relative inline-block\">\n          <ArrowDownward\n            className={cn(\n              'h-sw-2xl w-sw-2xl transition-transform duration-300',\n              {\n                'group-hover:rotate-180': isEnabled && !isLoading,\n              },\n            )}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DirectionSwitcher","isEnabled","isLoading","onClick","jsx","cn","ProgressActivity","ArrowDownward"],"mappings":";;;;AAUO,MAAMA,IAAoB,CAAC;AAAA,EAChC,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAASH,KAAa,CAACC,IAAYC,IAAU;AAAA,IAC7C,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,QACE,6EACEJ,KAAa,CAACC;AAAA,MAAA;AAAA,IAClB;AAAA,IAED,UAAAA,IACC,gBAAAE,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA,gBAAAA,EAACE,GAAA,EAAiB,WAAU,+DAAA,CAA+D,EAAA,CAC7F,IAEA,gBAAAF,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA,gBAAAA;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACA;AAAA,YACE,0BAA0BJ,KAAa,CAACC;AAAA,UAAA;AAAA,QAC1C;AAAA,MACF;AAAA,IAAA,EACF,CACF;AAAA,EAAA;AAAA;"}

package/dist/components/Input.d.ts

@@ -1,16 +1,18 @@
+import { MaterialSymbolsComponent } from '@material-symbols-svg/react';
 import { InputProps } from '@headlessui/react';
-import { LucideIcon } from 'lucide-react';
 type State = 'default' | 'disabled' | 'error' | 'fixed';
 export type Props = Omit<InputProps, 'size'> & {
-    icon?: LucideIcon;
+    icon?: MaterialSymbolsComponent;
     defaultValue?: string;
     focusOnMount?: boolean;
+    fontSize?: 'sm' | 'md';
     state?: State;
 };
 export declare const Input: import('react').ForwardRefExoticComponent<Omit<InputProps, "size"> & {
-    icon?: LucideIcon;
+    icon?: MaterialSymbolsComponent;
     defaultValue?: string;
     focusOnMount?: boolean;
+    fontSize?: "sm" | "md";
     state?: State;
 } & {
     children?: import('react').ReactNode | undefined;

package/dist/components/Input.js

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as F, useRef as j, useImperativeHandle as R, useState as w, useEffect as p, Fragment as B } from "react";
+import { forwardRef as I, useRef as j, useImperativeHandle as R, useState as w, useEffect as p, Fragment as B } from "react";
 import { Input as k } from "@headlessui/react";
-import * as z from "lucide-react";
+import { CloseW700 as z } from "@material-symbols-svg/react-rounded/icons/close";
 import { cn as i } from "../utils/cn.js";
-const X = F(
+const $ = I(
   ({
     state: e = "default",
     defaultValue: r = "",
@@ -16,25 +16,25 @@ const X = F(
   }, h) => {
     const a = j(null);
     R(h, () => a.current);
-    const [s, f] = w(!1), [o, n] = w(r), v = () => f(!0), N = () => f(!1), I = () => {
-      n(""), u?.({
+    const [s, f] = w(!1), [o, l] = w(r), v = () => f(!0), N = () => f(!1), C = () => {
+      l(""), u?.({
         target: { value: "" }
       });
-    }, C = (g) => {
-      n(g.target.value), u?.(g);
+    }, F = (g) => {
+      l(g.target.value), u?.(g);
     };
     p(() => {
-      n(r);
+      l(r);
     }, [r]), p(() => {
       x && a.current?.focus();
     }, []);
-    const l = ["disabled", "fixed"].includes(e);
+    const n = ["disabled", "fixed"].includes(e);
     return /* @__PURE__ */ t(
       k,
       {
         type: "text",
         as: B,
-        disabled: l,
+        disabled: n,
         autoComplete: "off",
         className: i(
           "px-sw-lg py-sw-lg text-sw-label-md rounded-sw-md ring-transparent ring-1 ring-inset data-focus:outline-none transition-colors bg-sw-gray-800",
@@ -57,8 +57,8 @@ const X = F(
               ref: a,
               onBlur: N,
               onFocus: v,
-              onChange: C,
-              disabled: l,
+              onChange: F,
+              disabled: n,
               placeholder: d.placeholder,
               autoComplete: "off",
               className: i("text-sw-label-md mr-auto w-full outline-none", {
@@ -66,7 +66,7 @@ const X = F(
               })
             }
           ),
-          !l && /* @__PURE__ */ m("div", { className: "gap-sw-md relative flex items-center justify-end", children: [
+          !n && /* @__PURE__ */ m("div", { className: "gap-sw-md relative flex items-center justify-end", children: [
             b,
             o ? /* @__PURE__ */ t(
               "button",
@@ -80,8 +80,8 @@ const X = F(
                     "cursor-default text-sw-gray-300": !s
                   }
                 ),
-                onClick: I,
-                children: /* @__PURE__ */ t(z.X, { className: "h-sw-xl w-sw-xl" })
+                onClick: C,
+                children: /* @__PURE__ */ t(z, { className: "h-sw-xl w-sw-xl" })
               }
             ) : null
           ] })
@@ -91,6 +91,6 @@ const X = F(
   }
 );
 export {
-  X as Input
+  $ as Input
 };
 //# sourceMappingURL=Input.js.map

package/dist/components/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../src/components/Input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\nimport { Input as UIInput } from '@headlessui/react';\nimport type { InputProps } from '@headlessui/react';\nimport type { PropsWithChildren } from 'react';\nimport type { LucideIcon } from 'lucide-react';\nimport * as Icons from 'lucide-react';\n\nimport { cn } from '@/utils/cn';\n\ntype State = 'default' | 'disabled' | 'error' | 'fixed';\n\nexport type Props = Omit<InputProps, 'size'> & {\n  icon?: LucideIcon;\n  defaultValue?: string;\n  focusOnMount?: boolean;\n  state?: State;\n};\n\nexport const Input = forwardRef<HTMLInputElement, PropsWithChildren<Props>>(\n  (\n    {\n      state = 'default',\n      defaultValue = '',\n      focusOnMount = false,\n      className,\n      onChange,\n      children,\n      icon: Icon,\n      ...inputProps\n    },\n    ref,\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useImperativeHandle(ref, () => inputRef.current!);\n\n    const [isFocused, setIsFocused] = useState(false);\n    const [value, setValue] = useState(defaultValue);\n\n    const handleFocus = () => setIsFocused(true);\n    const handleBlur = () => setIsFocused(false);\n    const handleClear = () => {\n      setValue('');\n      onChange?.({\n        target: { value: '' },\n      } as React.ChangeEvent<HTMLInputElement>);\n    };\n\n    const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      setValue(e.target.value);\n      onChange?.(e);\n    };\n\n    useEffect(() => {\n      setValue(defaultValue);\n    }, [defaultValue]);\n\n    useEffect(() => {\n      if (focusOnMount) {\n        inputRef.current?.focus();\n      }\n    }, []);\n\n    const inputDisabled = ['disabled', 'fixed'].includes(state);\n\n    return (\n      <UIInput\n        type=\"text\"\n        as={Fragment}\n        disabled={inputDisabled}\n        autoComplete=\"off\"\n        className={cn(\n          'px-sw-lg py-sw-lg text-sw-label-md rounded-sw-md ring-transparent ring-1 ring-inset data-focus:outline-none transition-colors bg-sw-gray-800',\n          {\n            'text-sw-gray-400 bg-sw-gray-800': state === 'fixed',\n            'text-sw-status-error bg-sw-gray-800': state === 'error',\n            'text-sw-gray-50 bg-sw-gray-700': isFocused && state === 'default',\n            'text-sw-gray-50 hover:bg-sw-gray-700':\n              !isFocused && state === 'default',\n            'cursor-not-allowed bg-sw-gray-800 text-sw-gray-400':\n              state === 'disabled',\n          },\n          className,\n        )}\n        {...inputProps}>\n        {() => (\n          <div className=\"flex items-center justify-between\">\n            {Icon && <Icon size={16} className=\"mr-sw-md text-sw-gray-200\" />}\n            <input\n              value={value}\n              ref={inputRef}\n              onBlur={handleBlur}\n              onFocus={handleFocus}\n              onChange={onInputChange}\n              disabled={inputDisabled}\n              placeholder={inputProps.placeholder}\n              autoComplete=\"off\"\n              className={cn('text-sw-label-md mr-auto w-full outline-none', {\n                'cursor-not-allowed': state === 'disabled',\n              })}\n            />\n            {!inputDisabled && (\n              <div className=\"gap-sw-md relative flex items-center justify-end\">\n                {children}\n                {value ? (\n                  <button\n                    type=\"button\"\n                    className={cn(\n                      'opacity-0 transition-opacity duration-150 ease-in-out hover:text-sw-gray-50',\n                      {\n                        'cursor-pointer opacity-100': !!value,\n                        'cursor-default text-sw-gray-200': isFocused,\n                        'cursor-default text-sw-gray-300': !isFocused,\n                      },\n                    )}\n                    onClick={handleClear}>\n                    <Icons.X className=\"h-sw-xl w-sw-xl\" />\n                  </button>\n                ) : null}\n              </div>\n            )}\n          </div>\n        )}\n      </UIInput>\n    );\n  },\n);\n"],"names":["Input","forwardRef","state","defaultValue","focusOnMount","className","onChange","children","Icon","inputProps","ref","inputRef","useRef","useImperativeHandle","isFocused","setIsFocused","useState","value","setValue","handleFocus","handleBlur","handleClear","onInputChange","e","useEffect","inputDisabled","jsx","UIInput","Fragment","cn","jsxs","Icons"],"mappings":";;;;;AAyBO,MAAMA,IAAQC;AAAA,EACnB,CACE;AAAA,IACE,OAAAC,IAAQ;AAAA,IACR,cAAAC,IAAe;AAAA,IACf,cAAAC,IAAe;AAAA,IACf,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAMC;AAAA,IACN,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAWC,EAAyB,IAAI;AAE9C,IAAAC,EAAoBH,GAAK,MAAMC,EAAS,OAAQ;AAEhD,UAAM,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAOC,CAAQ,IAAIF,EAASb,CAAY,GAEzCgB,IAAc,MAAMJ,EAAa,EAAI,GACrCK,IAAa,MAAML,EAAa,EAAK,GACrCM,IAAc,MAAM;AACxB,MAAAH,EAAS,EAAE,GACXZ,IAAW;AAAA,QACT,QAAQ,EAAE,OAAO,GAAA;AAAA,MAAG,CACkB;AAAA,IAC1C,GAEMgB,IAAgB,CAACC,MAA2C;AAChE,MAAAL,EAASK,EAAE,OAAO,KAAK,GACvBjB,IAAWiB,CAAC;AAAA,IACd;AAEA,IAAAC,EAAU,MAAM;AACd,MAAAN,EAASf,CAAY;AAAA,IACvB,GAAG,CAACA,CAAY,CAAC,GAEjBqB,EAAU,MAAM;AACd,MAAIpB,KACFO,EAAS,SAAS,MAAA;AAAA,IAEtB,GAAG,CAAA,CAAE;AAEL,UAAMc,IAAgB,CAAC,YAAY,OAAO,EAAE,SAASvB,CAAK;AAE1D,WACE,gBAAAwB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAIC;AAAA,QACJ,UAAUH;AAAA,QACV,cAAa;AAAA,QACb,WAAWI;AAAA,UACT;AAAA,UACA;AAAA,YACE,mCAAmC3B,MAAU;AAAA,YAC7C,uCAAuCA,MAAU;AAAA,YACjD,kCAAkCY,KAAaZ,MAAU;AAAA,YACzD,wCACE,CAACY,KAAaZ,MAAU;AAAA,YAC1B,sDACEA,MAAU;AAAA,UAAA;AAAA,UAEdG;AAAA,QAAA;AAAA,QAED,GAAGI;AAAA,QACH,UAAA,MACC,gBAAAqB,EAAC,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,UAAAtB,KAAQ,gBAAAkB,EAAClB,GAAA,EAAK,MAAM,IAAI,WAAU,6BAA4B;AAAA,UAC/D,gBAAAkB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAAT;AAAA,cACA,KAAKN;AAAA,cACL,QAAQS;AAAA,cACR,SAASD;AAAA,cACT,UAAUG;AAAA,cACV,UAAUG;AAAA,cACV,aAAahB,EAAW;AAAA,cACxB,cAAa;AAAA,cACb,WAAWoB,EAAG,gDAAgD;AAAA,gBAC5D,sBAAsB3B,MAAU;AAAA,cAAA,CACjC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,CAACuB,KACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,oDACZ,UAAA;AAAA,YAAAvB;AAAA,YACAU,IACC,gBAAAS;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAWG;AAAA,kBACT;AAAA,kBACA;AAAA,oBACE,8BAA8B,CAAC,CAACZ;AAAA,oBAChC,mCAAmCH;AAAA,oBACnC,mCAAmC,CAACA;AAAA,kBAAA;AAAA,gBACtC;AAAA,gBAEF,SAASO;AAAA,gBACT,UAAA,gBAAAK,EAACK,EAAM,GAAN,EAAQ,WAAU,kBAAA,CAAkB;AAAA,cAAA;AAAA,YAAA,IAErC;AAAA,UAAA,EAAA,CACN;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
+{"version":3,"file":"Input.js","sources":["../../src/components/Input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\nimport { Input as UIInput } from '@headlessui/react';\nimport { CloseW700 as Close } from '@material-symbols-svg/react-rounded/icons/close';\nimport type { MaterialSymbolsComponent } from '@material-symbols-svg/react';\nimport type { InputProps } from '@headlessui/react';\nimport type { PropsWithChildren } from 'react';\n\nimport { cn } from '@/utils/cn';\n\ntype State = 'default' | 'disabled' | 'error' | 'fixed';\n\nexport type Props = Omit<InputProps, 'size'> & {\n  icon?: MaterialSymbolsComponent;\n  defaultValue?: string;\n  focusOnMount?: boolean;\n  fontSize?: 'sm' | 'md';\n  state?: State;\n};\n\nexport const Input = forwardRef<HTMLInputElement, PropsWithChildren<Props>>(\n  (\n    {\n      state = 'default',\n      defaultValue = '',\n      focusOnMount = false,\n      className,\n      onChange,\n      children,\n      icon: Icon,\n      ...inputProps\n    },\n    ref,\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useImperativeHandle(ref, () => inputRef.current!);\n\n    const [isFocused, setIsFocused] = useState(false);\n    const [value, setValue] = useState(defaultValue);\n\n    const handleFocus = () => setIsFocused(true);\n    const handleBlur = () => setIsFocused(false);\n    const handleClear = () => {\n      setValue('');\n      onChange?.({\n        target: { value: '' },\n      } as React.ChangeEvent<HTMLInputElement>);\n    };\n\n    const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      setValue(e.target.value);\n      onChange?.(e);\n    };\n\n    useEffect(() => {\n      setValue(defaultValue);\n    }, [defaultValue]);\n\n    useEffect(() => {\n      if (focusOnMount) {\n        inputRef.current?.focus();\n      }\n    }, []);\n\n    const inputDisabled = ['disabled', 'fixed'].includes(state);\n\n    return (\n      <UIInput\n        type=\"text\"\n        as={Fragment}\n        disabled={inputDisabled}\n        autoComplete=\"off\"\n        className={cn(\n          'px-sw-lg py-sw-lg text-sw-label-md rounded-sw-md ring-transparent ring-1 ring-inset data-focus:outline-none transition-colors bg-sw-gray-800',\n          {\n            'text-sw-gray-400 bg-sw-gray-800': state === 'fixed',\n            'text-sw-status-error bg-sw-gray-800': state === 'error',\n            'text-sw-gray-50 bg-sw-gray-700': isFocused && state === 'default',\n            'text-sw-gray-50 hover:bg-sw-gray-700':\n              !isFocused && state === 'default',\n            'cursor-not-allowed bg-sw-gray-800 text-sw-gray-400':\n              state === 'disabled',\n          },\n          className,\n        )}\n        {...inputProps}>\n        {() => (\n          <div className=\"flex items-center justify-between\">\n            {Icon && <Icon size={16} className=\"mr-sw-md text-sw-gray-200\" />}\n            <input\n              value={value}\n              ref={inputRef}\n              onBlur={handleBlur}\n              onFocus={handleFocus}\n              onChange={onInputChange}\n              disabled={inputDisabled}\n              placeholder={inputProps.placeholder}\n              autoComplete=\"off\"\n              className={cn('text-sw-label-md mr-auto w-full outline-none', {\n                'cursor-not-allowed': state === 'disabled',\n              })}\n            />\n            {!inputDisabled && (\n              <div className=\"gap-sw-md relative flex items-center justify-end\">\n                {children}\n                {value ? (\n                  <button\n                    type=\"button\"\n                    className={cn(\n                      'opacity-0 transition-opacity duration-150 ease-in-out hover:text-sw-gray-50',\n                      {\n                        'cursor-pointer opacity-100': !!value,\n                        'cursor-default text-sw-gray-200': isFocused,\n                        'cursor-default text-sw-gray-300': !isFocused,\n                      },\n                    )}\n                    onClick={handleClear}>\n                    <Close className=\"h-sw-xl w-sw-xl\" />\n                  </button>\n                ) : null}\n              </div>\n            )}\n          </div>\n        )}\n      </UIInput>\n    );\n  },\n);\n"],"names":["Input","forwardRef","state","defaultValue","focusOnMount","className","onChange","children","Icon","inputProps","ref","inputRef","useRef","useImperativeHandle","isFocused","setIsFocused","useState","value","setValue","handleFocus","handleBlur","handleClear","onInputChange","e","useEffect","inputDisabled","jsx","UIInput","Fragment","cn","jsxs","Close"],"mappings":";;;;;AA0BO,MAAMA,IAAQC;AAAA,EACnB,CACE;AAAA,IACE,OAAAC,IAAQ;AAAA,IACR,cAAAC,IAAe;AAAA,IACf,cAAAC,IAAe;AAAA,IACf,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAMC;AAAA,IACN,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAWC,EAAyB,IAAI;AAE9C,IAAAC,EAAoBH,GAAK,MAAMC,EAAS,OAAQ;AAEhD,UAAM,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAOC,CAAQ,IAAIF,EAASb,CAAY,GAEzCgB,IAAc,MAAMJ,EAAa,EAAI,GACrCK,IAAa,MAAML,EAAa,EAAK,GACrCM,IAAc,MAAM;AACxB,MAAAH,EAAS,EAAE,GACXZ,IAAW;AAAA,QACT,QAAQ,EAAE,OAAO,GAAA;AAAA,MAAG,CACkB;AAAA,IAC1C,GAEMgB,IAAgB,CAACC,MAA2C;AAChE,MAAAL,EAASK,EAAE,OAAO,KAAK,GACvBjB,IAAWiB,CAAC;AAAA,IACd;AAEA,IAAAC,EAAU,MAAM;AACd,MAAAN,EAASf,CAAY;AAAA,IACvB,GAAG,CAACA,CAAY,CAAC,GAEjBqB,EAAU,MAAM;AACd,MAAIpB,KACFO,EAAS,SAAS,MAAA;AAAA,IAEtB,GAAG,CAAA,CAAE;AAEL,UAAMc,IAAgB,CAAC,YAAY,OAAO,EAAE,SAASvB,CAAK;AAE1D,WACE,gBAAAwB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAIC;AAAA,QACJ,UAAUH;AAAA,QACV,cAAa;AAAA,QACb,WAAWI;AAAA,UACT;AAAA,UACA;AAAA,YACE,mCAAmC3B,MAAU;AAAA,YAC7C,uCAAuCA,MAAU;AAAA,YACjD,kCAAkCY,KAAaZ,MAAU;AAAA,YACzD,wCACE,CAACY,KAAaZ,MAAU;AAAA,YAC1B,sDACEA,MAAU;AAAA,UAAA;AAAA,UAEdG;AAAA,QAAA;AAAA,QAED,GAAGI;AAAA,QACH,UAAA,MACC,gBAAAqB,EAAC,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,UAAAtB,KAAQ,gBAAAkB,EAAClB,GAAA,EAAK,MAAM,IAAI,WAAU,6BAA4B;AAAA,UAC/D,gBAAAkB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAAT;AAAA,cACA,KAAKN;AAAA,cACL,QAAQS;AAAA,cACR,SAASD;AAAA,cACT,UAAUG;AAAA,cACV,UAAUG;AAAA,cACV,aAAahB,EAAW;AAAA,cACxB,cAAa;AAAA,cACb,WAAWoB,EAAG,gDAAgD;AAAA,gBAC5D,sBAAsB3B,MAAU;AAAA,cAAA,CACjC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,CAACuB,KACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,oDACZ,UAAA;AAAA,YAAAvB;AAAA,YACAU,IACC,gBAAAS;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAWG;AAAA,kBACT;AAAA,kBACA;AAAA,oBACE,8BAA8B,CAAC,CAACZ;AAAA,oBAChC,mCAAmCH;AAAA,oBACnC,mCAAmC,CAACA;AAAA,kBAAA;AAAA,gBACtC;AAAA,gBAEF,SAASO;AAAA,gBACT,UAAA,gBAAAK,EAACK,GAAA,EAAM,WAAU,kBAAA,CAAkB;AAAA,cAAA;AAAA,YAAA,IAEnC;AAAA,UAAA,EAAA,CACN;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

package/dist/components/Notes.js

@@ -7,7 +7,7 @@ const m = ({
 }) => /* @__PURE__ */ a("li", { className: "flex w-full items-center justify-between", children: [
   /* @__PURE__ */ e("span", { className: "text-sw-label-sm text-sw-gray-200", children: s }),
   l ? /* @__PURE__ */ e("div", { className: "h-[12px] w-[40px] animate-pulse rounded-full bg-sw-gray-600" }) : /* @__PURE__ */ e("span", { className: "text-sw-label-sm text-sw-gray-50", children: t ?? "—" })
-] }), n = ({ children: s, className: t }) => /* @__PURE__ */ e("ul", { className: c("gap-sw-2xl flex flex-col", t), children: s }), x = Object.assign(n, {
+] }), n = ({ children: s, className: t }) => /* @__PURE__ */ e("ul", { className: c("gap-sw-xl flex flex-col", t), children: s }), x = Object.assign(n, {
   Item: m
 });
 export {

package/dist/components/Notes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notes.js","sources":["../../src/components/Notes.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cn } from '@/utils/cn';\n\ntype Props = {\n  className?: string;\n  children: ReactNode | ReactNode[];\n};\n\nconst NoteItem = ({\n  label,\n  value,\n  isLoading,\n}: {\n  label: string;\n  value?: React.ReactNode;\n  isLoading?: boolean;\n}) => (\n  <li className=\"flex w-full items-center justify-between\">\n    <span className=\"text-sw-label-sm text-sw-gray-200\">{label}</span>\n    {isLoading ? (\n      <div className=\"h-[12px] w-[40px] animate-pulse rounded-full bg-sw-gray-600\" />\n    ) : (\n      <span className=\"text-sw-label-sm text-sw-gray-50\">{value ?? '—'}</span>\n    )}\n  </li>\n);\n\nconst NotesList = ({ children, className }: Props) => {\n  return (\n    <ul className={cn('gap-sw-2xl flex flex-col', className)}>{children}</ul>\n  );\n};\n\nexport const Notes = Object.assign(NotesList, {\n  Item: NoteItem,\n});\n"],"names":["NoteItem","label","value","isLoading","jsxs","jsx","NotesList","children","className","cn","Notes"],"mappings":";;AASA,MAAMA,IAAW,CAAC;AAAA,EAChB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,MAKE,gBAAAC,EAAC,MAAA,EAAG,WAAU,4CACZ,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,qCAAqC,UAAAJ,GAAM;AAAA,EAC1DE,IACC,gBAAAE,EAAC,OAAA,EAAI,WAAU,8DAAA,CAA8D,IAE7E,gBAAAA,EAAC,QAAA,EAAK,WAAU,oCAAoC,UAAAH,KAAS,IAAA,CAAI;AAAA,GAErE,GAGII,IAAY,CAAC,EAAE,UAAAC,GAAU,WAAAC,0BAE1B,MAAA,EAAG,WAAWC,EAAG,4BAA4BD,CAAS,GAAI,UAAAD,GAAS,GAI3DG,IAAQ,OAAO,OAAOJ,GAAW;AAAA,EAC5C,MAAMN;AACR,CAAC;"}
+{"version":3,"file":"Notes.js","sources":["../../src/components/Notes.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cn } from '@/utils/cn';\n\ntype Props = {\n  className?: string;\n  children: ReactNode | ReactNode[];\n};\n\nconst NoteItem = ({\n  label,\n  value,\n  isLoading,\n}: {\n  label: string;\n  value?: React.ReactNode;\n  isLoading?: boolean;\n}) => (\n  <li className=\"flex w-full items-center justify-between\">\n    <span className=\"text-sw-label-sm text-sw-gray-200\">{label}</span>\n    {isLoading ? (\n      <div className=\"h-[12px] w-[40px] animate-pulse rounded-full bg-sw-gray-600\" />\n    ) : (\n      <span className=\"text-sw-label-sm text-sw-gray-50\">{value ?? '—'}</span>\n    )}\n  </li>\n);\n\nconst NotesList = ({ children, className }: Props) => {\n  return (\n    <ul className={cn('gap-sw-xl flex flex-col', className)}>{children}</ul>\n  );\n};\n\nexport const Notes = Object.assign(NotesList, {\n  Item: NoteItem,\n});\n"],"names":["NoteItem","label","value","isLoading","jsxs","jsx","NotesList","children","className","cn","Notes"],"mappings":";;AASA,MAAMA,IAAW,CAAC;AAAA,EAChB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,MAKE,gBAAAC,EAAC,MAAA,EAAG,WAAU,4CACZ,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,qCAAqC,UAAAJ,GAAM;AAAA,EAC1DE,IACC,gBAAAE,EAAC,OAAA,EAAI,WAAU,8DAAA,CAA8D,IAE7E,gBAAAA,EAAC,QAAA,EAAK,WAAU,oCAAoC,UAAAH,KAAS,IAAA,CAAI;AAAA,GAErE,GAGII,IAAY,CAAC,EAAE,UAAAC,GAAU,WAAAC,0BAE1B,MAAA,EAAG,WAAWC,EAAG,2BAA2BD,CAAS,GAAI,UAAAD,GAAS,GAI1DG,IAAQ,OAAO,OAAOJ,GAAW;AAAA,EAC5C,MAAMN;AACR,CAAC;"}

package/dist/components/StatusWidget.js

@@ -1,30 +1,17 @@
 import { jsxs as e, jsx as s } from "react/jsx-runtime";
-import * as t from "lucide-react";
-const r = ({ message: c }) => /* @__PURE__ */ e("div", { className: "flex flex-col gap-sw-lg py-sw-6xl items-center justify-center", children: [
-  /* @__PURE__ */ s(
-    t.CircleX,
-    {
-      size: 36,
-      strokeWidth: 1.5,
-      className: "text-sw-status-error"
-    }
-  ),
-  /* @__PURE__ */ s("span", { className: "text-sw-label-sm text-sw-status-error", children: c })
+import { CloseW700 as c } from "@material-symbols-svg/react-rounded/icons/close";
+import { CheckCircleFillW700 as l } from "@material-symbols-svg/react-rounded/icons/check-circle";
+const r = ({ message: t }) => /* @__PURE__ */ e("div", { className: "flex flex-col gap-sw-lg py-sw-6xl items-center justify-center", children: [
+  /* @__PURE__ */ s(c, { size: 36, className: "text-sw-status-error" }),
+  /* @__PURE__ */ s("span", { className: "text-sw-label-sm text-sw-status-error", children: t })
 ] }), a = () => /* @__PURE__ */ e("div", { className: "flex flex-col gap-sw-lg py-sw-6xl items-center justify-center", children: [
-  /* @__PURE__ */ s(
-    t.CheckCircle2,
-    {
-      size: 36,
-      strokeWidth: 1.5,
-      className: "text-sw-status-success"
-    }
-  ),
+  /* @__PURE__ */ s(l, { size: 36, className: "text-sw-status-success" }),
   /* @__PURE__ */ s("span", { className: "text-sw-label-sm text-sw-status-success text-center", children: "Transaction detected" })
-] }), i = {
+] }), n = {
   Error: r,
   Success: a
 };
 export {
-  i as StatusWidget
+  n as StatusWidget
 };
 //# sourceMappingURL=StatusWidget.js.map

package/dist/components/StatusWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusWidget.js","sources":["../../src/components/StatusWidget.tsx"],"sourcesContent":["import * as Icons from 'lucide-react';\n\nconst Error = ({ message }: { message: string }) => (\n  <div className=\"flex flex-col gap-sw-lg py-sw-6xl items-center justify-center\">\n    <Icons.CircleX\n      size={36}\n      strokeWidth={1.5}\n      className=\"text-sw-status-error\"\n    />\n    <span className=\"text-sw-label-sm text-sw-status-error\">{message}</span>\n  </div>\n);\n\nconst Success = () => (\n  <div className=\"flex flex-col gap-sw-lg py-sw-6xl items-center justify-center\">\n    <Icons.CheckCircle2\n      size={36}\n      strokeWidth={1.5}\n      className=\"text-sw-status-success\"\n    />\n    <span className=\"text-sw-label-sm text-sw-status-success text-center\">\n      Transaction detected\n    </span>\n  </div>\n);\n\nexport const StatusWidget = {\n  Error,\n  Success,\n};\n"],"names":["Error","message","jsxs","jsx","Icons","Success","StatusWidget"],"mappings":";;AAEA,MAAMA,IAAQ,CAAC,EAAE,SAAAC,QACf,gBAAAC,EAAC,OAAA,EAAI,WAAU,iEACb,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC,EAAM;AAAA,IAAN;AAAA,MACC,MAAM;AAAA,MACN,aAAa;AAAA,MACb,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEZ,gBAAAD,EAAC,QAAA,EAAK,WAAU,yCAAyC,UAAAF,EAAA,CAAQ;AAAA,GACnE,GAGII,IAAU,MACd,gBAAAH,EAAC,OAAA,EAAI,WAAU,iEACb,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC,EAAM;AAAA,IAAN;AAAA,MACC,MAAM;AAAA,MACN,aAAa;AAAA,MACb,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEZ,gBAAAD,EAAC,QAAA,EAAK,WAAU,uDAAsD,UAAA,uBAAA,CAEtE;AAAA,GACF,GAGWG,IAAe;AAAA,EAC1B,OAAAN;AAAA,EACA,SAAAK;AACF;"}
+{"version":3,"file":"StatusWidget.js","sources":["../../src/components/StatusWidget.tsx"],"sourcesContent":["import { CloseW700 as Close } from '@material-symbols-svg/react-rounded/icons/close';\nimport { CheckCircleFillW700 as CheckCircleFill } from '@material-symbols-svg/react-rounded/icons/check-circle';\n\nconst Error = ({ message }: { message: string }) => (\n  <div className=\"flex flex-col gap-sw-lg py-sw-6xl items-center justify-center\">\n    <Close size={36} className=\"text-sw-status-error\" />\n    <span className=\"text-sw-label-sm text-sw-status-error\">{message}</span>\n  </div>\n);\n\nconst Success = () => (\n  <div className=\"flex flex-col gap-sw-lg py-sw-6xl items-center justify-center\">\n    <CheckCircleFill size={36} className=\"text-sw-status-success\" />\n    <span className=\"text-sw-label-sm text-sw-status-success text-center\">\n      Transaction detected\n    </span>\n  </div>\n);\n\nexport const StatusWidget = {\n  Error,\n  Success,\n};\n"],"names":["Error","message","jsxs","jsx","Close","Success","CheckCircleFill","StatusWidget"],"mappings":";;;AAGA,MAAMA,IAAQ,CAAC,EAAE,SAAAC,QACf,gBAAAC,EAAC,OAAA,EAAI,WAAU,iEACb,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,MAAM,IAAI,WAAU,wBAAuB;AAAA,EAClD,gBAAAD,EAAC,QAAA,EAAK,WAAU,yCAAyC,UAAAF,EAAA,CAAQ;AAAA,GACnE,GAGII,IAAU,MACd,gBAAAH,EAAC,OAAA,EAAI,WAAU,iEACb,UAAA;AAAA,EAAA,gBAAAC,EAACG,GAAA,EAAgB,MAAM,IAAI,WAAU,0BAAyB;AAAA,EAC9D,gBAAAH,EAAC,QAAA,EAAK,WAAU,uDAAsD,UAAA,uBAAA,CAEtE;AAAA,GACF,GAGWI,IAAe;AAAA,EAC1B,OAAAP;AAAA,EACA,SAAAK;AACF;"}