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

package/dist/components/AllNetworksIcon.js

@@ -0,0 +1,11 @@
+import { jsxs as x, jsx as s } from "react/jsx-runtime";
+const r = () => /* @__PURE__ */ x("div", { className: "flex flex-wrap gap-y-0 gap-x-[2px] h-[17px] w-[16px]", children: [
+  /* @__PURE__ */ s("div", { className: "w-[7px] h-[7px] rounded-[2px] shrink-0 bg-sw-gray-900" }),
+  /* @__PURE__ */ s("div", { className: "w-[7px] h-[7px] rounded-[2px] shrink-0 bg-sw-gray-600" }),
+  /* @__PURE__ */ s("div", { className: "w-[7px] h-[7px] rounded-[2px] shrink-0 bg-sw-gray-600" }),
+  /* @__PURE__ */ s("div", { className: "w-[7px] h-[7px] rounded-[2px] shrink-0 bg-sw-gray-900" })
+] });
+export {
+  r as AllNetworksIcon
+};
+//# sourceMappingURL=AllNetworksIcon.js.map

package/dist/components/AllNetworksIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllNetworksIcon.js","sources":["../../src/components/AllNetworksIcon.tsx"],"sourcesContent":["export const AllNetworksIcon = () => (\n  <div className=\"flex flex-wrap gap-y-0 gap-x-[2px] h-[17px] w-[16px]\">\n    <div className=\"w-[7px] h-[7px] rounded-[2px] shrink-0 bg-sw-gray-900\" />\n    <div className=\"w-[7px] h-[7px] rounded-[2px] shrink-0 bg-sw-gray-600\" />\n    <div className=\"w-[7px] h-[7px] rounded-[2px] shrink-0 bg-sw-gray-600\" />\n    <div className=\"w-[7px] h-[7px] rounded-[2px] shrink-0 bg-sw-gray-900\" />\n  </div>\n);\n"],"names":["AllNetworksIcon","jsxs","jsx"],"mappings":";AAAO,MAAMA,IAAkB,MAC7B,gBAAAC,EAAC,OAAA,EAAI,WAAU,wDACb,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,wDAAA,CAAwD;AAAA,EACvE,gBAAAA,EAAC,OAAA,EAAI,WAAU,wDAAA,CAAwD;AAAA,EACvE,gBAAAA,EAAC,OAAA,EAAI,WAAU,wDAAA,CAAwD;AAAA,EACvE,gBAAAA,EAAC,OAAA,EAAI,WAAU,wDAAA,CAAwD;AAAA,EAAA,CACzE;"}

package/dist/components/ChainShortcut.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+import { Icon } from './Icon';
+type Props = {
+    label: string;
+    isSelected: boolean;
+    icon: ComponentProps<typeof Icon>['icon'];
+    onClick: () => void;
+};
+export declare const ChainShortcut: (({ icon, label, isSelected, onClick }: Props) => import("react/jsx-runtime").JSX.Element) & {
+    All: ({ isSelected, onClick, }: {
+        isSelected: boolean;
+        onClick: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/dist/components/ChainShortcut.js

@@ -0,0 +1,57 @@
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import { AllNetworksIcon as i } from "./AllNetworksIcon.js";
+import { cn as n } from "../utils/cn.js";
+import { UNKNOWN_ICON as l } from "../icons/index.js";
+import { Icon as c } from "./Icon.js";
+import { useTypedTranslation as m } from "../localisation.js";
+const g = ({ icon: r, label: t, isSelected: s, onClick: a }) => /* @__PURE__ */ o(
+  "li",
+  {
+    onClick: a,
+    className: n(
+      "w-[36px] h-[36px] p-sw-md rounded-sw-md cursor-pointer items-center justify-center flex transition-colors",
+      {
+        "bg-sw-gray-50": s,
+        "bg-sw-gray-800 hover:bg-sw-gray-700": !s
+      }
+    ),
+    children: /* @__PURE__ */ o(
+      c,
+      {
+        size: 20,
+        radius: 6,
+        label: t,
+        icon: r ?? l,
+        className: "bg-transparent"
+      }
+    )
+  }
+), p = ({
+  isSelected: r,
+  onClick: t
+}) => {
+  const { t: s } = m();
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      onClick: t,
+      className: n(
+        "px-sw-lg gap-sw-sm flex h-[36px] cursor-pointer items-center rounded-sw-md text-sw-label-md transition-colors",
+        {
+          "bg-sw-gray-50 text-sw-gray-950": r,
+          "bg-sw-gray-800 text-sw-gray-50 bg-sw-gray-800 hover:bg-sw-gray-700": !r
+        }
+      ),
+      children: [
+        /* @__PURE__ */ o(i, {}),
+        s("chain.all.label", "All")
+      ]
+    }
+  );
+}, y = Object.assign(g, {
+  All: p
+});
+export {
+  y as ChainShortcut
+};
+//# sourceMappingURL=ChainShortcut.js.map

package/dist/components/ChainShortcut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainShortcut.js","sources":["../../src/components/ChainShortcut.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { AllNetworksIcon } from './AllNetworksIcon';\n\nimport { cn } from '@/utils/cn';\nimport { UNKNOWN_ICON } from '@/icons';\nimport { Icon } from '@/components/Icon';\nimport { useTypedTranslation } from '@/localisation';\n\ntype Props = {\n  label: string;\n  isSelected: boolean;\n  icon: ComponentProps<typeof Icon>['icon'];\n  onClick: () => void;\n};\n\nconst Shortcut = ({ icon, label, isSelected, onClick }: Props) => {\n  return (\n    <li\n      onClick={onClick}\n      className={cn(\n        'w-[36px] h-[36px] p-sw-md rounded-sw-md cursor-pointer items-center justify-center flex transition-colors',\n        {\n          'bg-sw-gray-50': isSelected,\n          'bg-sw-gray-800 hover:bg-sw-gray-700': !isSelected,\n        },\n      )}>\n      <Icon\n        size={20}\n        radius={6}\n        label={label}\n        icon={icon ?? UNKNOWN_ICON}\n        className=\"bg-transparent\"\n      />\n    </li>\n  );\n};\n\nconst AllChainsShortcut = ({\n  isSelected,\n  onClick,\n}: {\n  isSelected: boolean;\n  onClick: () => void;\n}) => {\n  const { t } = useTypedTranslation();\n\n  return (\n    <div\n      onClick={onClick}\n      className={cn(\n        'px-sw-lg gap-sw-sm flex h-[36px] cursor-pointer items-center rounded-sw-md text-sw-label-md transition-colors',\n        {\n          'bg-sw-gray-50 text-sw-gray-950': isSelected,\n          'bg-sw-gray-800 text-sw-gray-50 bg-sw-gray-800 hover:bg-sw-gray-700':\n            !isSelected,\n        },\n      )}>\n      <AllNetworksIcon />\n      {t('chain.all.label', 'All')}\n    </div>\n  );\n};\n\nexport const ChainShortcut = Object.assign(Shortcut, {\n  All: AllChainsShortcut,\n});\n"],"names":["Shortcut","icon","label","isSelected","onClick","jsx","cn","Icon","UNKNOWN_ICON","AllChainsShortcut","t","useTypedTranslation","jsxs","AllNetworksIcon","ChainShortcut"],"mappings":";;;;;;AAgBA,MAAMA,IAAW,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,YAAAC,GAAY,SAAAC,QAEzC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,QACE,iBAAiBH;AAAA,QACjB,uCAAuC,CAACA;AAAA,MAAA;AAAA,IAC1C;AAAA,IAEF,UAAA,gBAAAE;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAAL;AAAA,QACA,MAAMD,KAAQO;AAAA,QACd,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ;AAAA,GAKAC,IAAoB,CAAC;AAAA,EACzB,YAAAN;AAAA,EACA,SAAAC;AACF,MAGM;AACJ,QAAM,EAAE,GAAAM,EAAA,IAAMC,EAAA;AAEd,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAAR;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,UACE,kCAAkCH;AAAA,UAClC,sEACE,CAACA;AAAA,QAAA;AAAA,MACL;AAAA,MAEF,UAAA;AAAA,QAAA,gBAAAE,EAACQ,GAAA,EAAgB;AAAA,QAChBH,EAAE,mBAAmB,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGjC,GAEaI,IAAgB,OAAO,OAAOd,GAAU;AAAA,EACnD,KAAKS;AACP,CAAC;"}

package/dist/components/index.d.ts

@@ -18,3 +18,5 @@ export * from './TokenIcon';
 export * from './StatusWidget';
 export * from './WidgetContainer';
 export * from './CloseButton';
+export * from './ChainShortcut';
+export * from './AllNetworksIcon';

package/dist/components/index.js

@@ -3,39 +3,43 @@ import { Badge as p } from "./Badge.js";
 import { Banner as f } from "./Banner.js";
 import { BlockingError as x } from "./BlockingError.js";
 import { Button as i } from "./Button.js";
-import { Card as c } from "./Card.js";
-import { CopyButton as s } from "./CopyButton.js";
-import { DirectionSwitcher as g } from "./DirectionSwitcher.js";
+import { Card as a } from "./Card.js";
+import { CopyButton as d } from "./CopyButton.js";
+import { DirectionSwitcher as I } from "./DirectionSwitcher.js";
 import { ErrorMessage as k } from "./ErrorMessage.js";
-import { Hr as l } from "./Hr.js";
+import { Hr as C } from "./Hr.js";
 import { Icon as S } from "./Icon.js";
-import { Input as E } from "./Input.js";
-import { InputAmount as N, MaskedInputAmount as T } from "./InputAmount.js";
-import { Notes as b } from "./Notes.js";
-import { Skeleton as w } from "./Skeleton.js";
+import { Input as N } from "./Input.js";
+import { InputAmount as y, MaskedInputAmount as E } from "./InputAmount.js";
+import { Notes as T } from "./Notes.js";
+import { Skeleton as b } from "./Skeleton.js";
 import { TinyNumber as H } from "./TinyNumber.js";
 import { TokenIcon as q } from "./TokenIcon.js";
 import { StatusWidget as z } from "./StatusWidget.js";
 import { WidgetContainer as G } from "./WidgetContainer.js";
 import { CloseButton as K } from "./CloseButton.js";
+import { ChainShortcut as O } from "./ChainShortcut.js";
+import { AllNetworksIcon as Q } from "./AllNetworksIcon.js";
 export {
   t as Accordion,
+  Q as AllNetworksIcon,
   p as Badge,
   f as Banner,
   x as BlockingError,
   i as Button,
-  c as Card,
+  a as Card,
+  O as ChainShortcut,
   K as CloseButton,
-  s as CopyButton,
-  g as DirectionSwitcher,
+  d as CopyButton,
+  I as DirectionSwitcher,
   k as ErrorMessage,
-  l as Hr,
+  C as Hr,
   S as Icon,
-  E as Input,
-  N as InputAmount,
-  T as MaskedInputAmount,
-  b as Notes,
-  w as Skeleton,
+  N as Input,
+  y as InputAmount,
+  E as MaskedInputAmount,
+  T as Notes,
+  b as Skeleton,
   z as StatusWidget,
   H as TinyNumber,
   q as TokenIcon,

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}