@aurora-is-near/intents-swap-widget 3.18.0 → 3.18.2

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/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;"}

package/dist/components/WidgetContainer.js

@@ -1,50 +1,53 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
 import "../constants/chains.js";
 import "viem";
 import "ethers";
-import { cn as s } from "../utils/cn.js";
+import { cn as r } from "../utils/cn.js";
 import { useTheme as f } from "../hooks/useTheme.js";
-const x = "#24262d", v = ({
+const a = "#24262d", v = ({
   children: n,
-  HeaderComponent: t,
-  FooterComponent: r,
-  isFullPage: l,
+  HeaderComponent: s,
+  FooterComponent: t,
+  isFullPage: e,
   className: m
 }) => {
   const o = f(), i = /* @__PURE__ */ c(
     "div",
     {
-      style: { transform: l ? "translateY(15dvh)" : "none" },
-      className: s(
+      style: {
+        transform: e ? "translateY(15dvh)" : "none",
+        backgroundColor: o?.backgroundColor
+      },
+      className: r(
         "w-full h-fit flex flex-col justify-center items-center relative",
         m
       ),
       children: [
-        t && /* @__PURE__ */ e("div", { className: "w-full mb-sw-2xl", children: t }),
+        s && /* @__PURE__ */ l("div", { className: "w-full mb-sw-2xl", children: s }),
         n,
-        r && /* @__PURE__ */ e(
+        t && /* @__PURE__ */ l(
           "div",
           {
-            className: s("flex flex-col gap-3 items-center w-full mt-sw-2xl", {
-              "mb-sw-2xl": l
+            className: r("flex flex-col gap-3 items-center w-full mt-sw-2xl", {
+              "mb-sw-2xl": e
             }),
-            children: r
+            children: t
           }
         )
       ]
     }
   );
-  return l ? /* @__PURE__ */ e(
+  return e ? /* @__PURE__ */ l(
     "div",
     {
-      className: s(
+      className: r(
         "sm:h-full min-h-screen sm:max-h-screen sm:overflow-auto w-full min-w-full px-sw-lg py-sw-xl sm:py-auto mx-auto flex justify-center sm:fixed sm:top-0 sm:left-0 sm:right-0",
         m
       ),
       style: {
-        backgroundColor: o?.backgroundColor ?? x
+        backgroundColor: o?.backgroundColor ?? a
       },
-      children: /* @__PURE__ */ e("div", { className: "w-full h-fit max-w-[456px] min-w-[270px]", children: i })
+      children: /* @__PURE__ */ l("div", { className: "w-full h-fit max-w-[456px] min-w-[270px]", children: i })
     }
   ) : i;
 };

package/dist/components/WidgetContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetContainer.js","sources":["../../src/components/WidgetContainer.tsx"],"sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { cn } from '../utils';\nimport { useTheme } from '../hooks/useTheme';\n\nconst DEFAULT_BACKGROUND_COLOR = '#24262d';\n\nexport type WidgetContainerProps = PropsWithChildren<{\n  HeaderComponent?: ReactElement | false | null;\n  FooterComponent?: ReactElement | false | null;\n  isFullPage?: boolean;\n  className?: string;\n}>;\n\nexport const WidgetContainer = ({\n  children,\n  HeaderComponent,\n  FooterComponent,\n  isFullPage,\n  className,\n}: WidgetContainerProps) => {\n  const theme = useTheme();\n\n  const jsx = (\n    <div\n      style={{ transform: isFullPage ? 'translateY(15dvh)' : 'none' }}\n      className={cn(\n        'w-full h-fit flex flex-col justify-center items-center relative',\n        className,\n      )}>\n      {HeaderComponent && (\n        <div className=\"w-full mb-sw-2xl\">{HeaderComponent}</div>\n      )}\n      {children}\n      {FooterComponent && (\n        <div\n          className={cn('flex flex-col gap-3 items-center w-full mt-sw-2xl', {\n            'mb-sw-2xl': isFullPage,\n          })}>\n          {FooterComponent}\n        </div>\n      )}\n    </div>\n  );\n\n  if (!isFullPage) {\n    return jsx;\n  }\n\n  return (\n    <div\n      className={cn(\n        'sm:h-full min-h-screen sm:max-h-screen sm:overflow-auto w-full min-w-full px-sw-lg py-sw-xl sm:py-auto mx-auto flex justify-center sm:fixed sm:top-0 sm:left-0 sm:right-0',\n        className,\n      )}\n      style={{\n        backgroundColor: theme?.backgroundColor ?? DEFAULT_BACKGROUND_COLOR,\n      }}>\n      <div className=\"w-full h-fit max-w-[456px] min-w-[270px]\">{jsx}</div>\n    </div>\n  );\n};\n"],"names":["DEFAULT_BACKGROUND_COLOR","WidgetContainer","children","HeaderComponent","FooterComponent","isFullPage","className","theme","useTheme","jsx","jsxs","cn"],"mappings":";;;;;;AAIA,MAAMA,IAA2B,WASpBC,IAAkB,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAQC,EAAA,GAERC,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,WAAWL,IAAa,sBAAsB,OAAA;AAAA,MACvD,WAAWM;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,UAAA;AAAA,QAAAH,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAU,oBAAoB,UAAAN,GAAgB;AAAA,QAEpDD;AAAA,QACAE,KACC,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE,EAAG,qDAAqD;AAAA,cACjE,aAAaN;AAAA,YAAA,CACd;AAAA,YACA,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAKN,SAAKC,IAKH,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,iBAAiBC,GAAO,mBAAmBP;AAAA,MAAA;AAAA,MAE7C,UAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,4CAA4C,UAAAA,EAAAA,CAAI;AAAA,IAAA;AAAA,EAAA,IAZ1DA;AAeX;"}
+{"version":3,"file":"WidgetContainer.js","sources":["../../src/components/WidgetContainer.tsx"],"sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { cn } from '../utils';\nimport { useTheme } from '../hooks/useTheme';\n\nconst DEFAULT_FULL_PAGE_BACKGROUND_COLOR = '#24262d';\n\nexport type WidgetContainerProps = PropsWithChildren<{\n  HeaderComponent?: ReactElement | false | null;\n  FooterComponent?: ReactElement | false | null;\n  isFullPage?: boolean;\n  className?: string;\n}>;\n\nexport const WidgetContainer = ({\n  children,\n  HeaderComponent,\n  FooterComponent,\n  isFullPage,\n  className,\n}: WidgetContainerProps) => {\n  const theme = useTheme();\n\n  const jsx = (\n    <div\n      style={{\n        transform: isFullPage ? 'translateY(15dvh)' : 'none',\n        backgroundColor: theme?.backgroundColor,\n      }}\n      className={cn(\n        'w-full h-fit flex flex-col justify-center items-center relative',\n        className,\n      )}>\n      {HeaderComponent && (\n        <div className=\"w-full mb-sw-2xl\">{HeaderComponent}</div>\n      )}\n      {children}\n      {FooterComponent && (\n        <div\n          className={cn('flex flex-col gap-3 items-center w-full mt-sw-2xl', {\n            'mb-sw-2xl': isFullPage,\n          })}>\n          {FooterComponent}\n        </div>\n      )}\n    </div>\n  );\n\n  if (!isFullPage) {\n    return jsx;\n  }\n\n  return (\n    <div\n      className={cn(\n        'sm:h-full min-h-screen sm:max-h-screen sm:overflow-auto w-full min-w-full px-sw-lg py-sw-xl sm:py-auto mx-auto flex justify-center sm:fixed sm:top-0 sm:left-0 sm:right-0',\n        className,\n      )}\n      style={{\n        backgroundColor:\n          theme?.backgroundColor ?? DEFAULT_FULL_PAGE_BACKGROUND_COLOR,\n      }}>\n      <div className=\"w-full h-fit max-w-[456px] min-w-[270px]\">{jsx}</div>\n    </div>\n  );\n};\n"],"names":["DEFAULT_FULL_PAGE_BACKGROUND_COLOR","WidgetContainer","children","HeaderComponent","FooterComponent","isFullPage","className","theme","useTheme","jsx","jsxs","cn"],"mappings":";;;;;;AAIA,MAAMA,IAAqC,WAS9BC,IAAkB,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAQC,EAAA,GAERC,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAWL,IAAa,sBAAsB;AAAA,QAC9C,iBAAiBE,GAAO;AAAA,MAAA;AAAA,MAE1B,WAAWI;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,UAAA;AAAA,QAAAH,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAU,oBAAoB,UAAAN,GAAgB;AAAA,QAEpDD;AAAA,QACAE,KACC,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE,EAAG,qDAAqD;AAAA,cACjE,aAAaN;AAAA,YAAA,CACd;AAAA,YACA,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAKN,SAAKC,IAKH,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,iBACEC,GAAO,mBAAmBP;AAAA,MAAA;AAAA,MAE9B,UAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,4CAA4C,UAAAA,EAAAA,CAAI;AAAA,IAAA;AAAA,EAAA,IAb1DA;AAgBX;"}