@ton/appkit-react 0.0.6-alpha.2 → 1.0.0-alpha.0

package/dist/esm/features/wallets/hooks/use-connected-wallets.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-connected-wallets.js","sourceRoot":"","sources":["../../../../../src/features/wallets/hooks/use-connected-wallets.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGzE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAIvD,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAkC,EAAE;IACnE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,qBAAqB,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACvD,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACrE,CAAC,CAAC"}
+{"version":3,"file":"use-connected-wallets.js","sourceRoot":"","sources":["../../../../../src/features/wallets/hooks/use-connected-wallets.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGzE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAkC,EAAE;IACnE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,qBAAqB,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACvD,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACrE,CAAC,CAAC"}

package/dist/esm/features/wallets/hooks/use-connector-by-id.js

@@ -7,7 +7,7 @@
  */
 import { useSyncExternalStore, useCallback } from 'react';
 import { getConnectorById, watchConnectorById } from '@ton/appkit';
-import { useAppKit } from '../../../hooks/use-app-kit';
+import { useAppKit } from '../../settings';
 export const useConnectorById = (id) => {
     const appKit = useAppKit();
     const subscribe = useCallback((onChange) => {

package/dist/esm/features/wallets/hooks/use-connector-by-id.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-connector-by-id.js","sourceRoot":"","sources":["../../../../../src/features/wallets/hooks/use-connector-by-id.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAU,EAAyB,EAAE;IAClE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,kBAAkB,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACxD,CAAC,EACD,CAAC,MAAM,EAAE,EAAE,CAAC,CACf,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,gBAAgB,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;IAEjB,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACrE,CAAC,CAAC"}
+{"version":3,"file":"use-connector-by-id.js","sourceRoot":"","sources":["../../../../../src/features/wallets/hooks/use-connector-by-id.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAU,EAAyB,EAAE;IAClE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,kBAAkB,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACxD,CAAC,EACD,CAAC,MAAM,EAAE,EAAE,CAAC,CACf,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,gBAAgB,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;IAEjB,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACrE,CAAC,CAAC"}

package/dist/esm/features/wallets/hooks/use-connectors.js

@@ -7,7 +7,7 @@
  */
 import { useSyncExternalStore, useCallback } from 'react';
 import { getConnectors, watchConnectors } from '@ton/appkit';
-import { useAppKit } from '../../../hooks/use-app-kit';
+import { useAppKit } from '../../settings';
 export const useConnectors = () => {
     const appKit = useAppKit();
     const subscribe = useCallback((onChange) => {

package/dist/esm/features/wallets/hooks/use-connectors.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-connectors.js","sourceRoot":"","sources":["../../../../../src/features/wallets/hooks/use-connectors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG7D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAIvD,MAAM,CAAC,MAAM,aAAa,GAAG,GAA4B,EAAE;IACvD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,eAAe,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACjD,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACrE,CAAC,CAAC"}
+{"version":3,"file":"use-connectors.js","sourceRoot":"","sources":["../../../../../src/features/wallets/hooks/use-connectors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG7D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C,MAAM,CAAC,MAAM,aAAa,GAAG,GAA4B,EAAE;IACvD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,eAAe,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACjD,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACrE,CAAC,CAAC"}

package/dist/esm/features/wallets/hooks/use-disconnect.js

@@ -8,7 +8,7 @@
 'use client';
 import { disconnectMutationOptions } from '@ton/appkit/queries';
 import { useMutation } from '../../../libs/query';
-import { useAppKit } from '../../../hooks/use-app-kit';
+import { useAppKit } from '../../settings';
 export const useDisconnect = (parameters = {}) => {
     const appKit = useAppKit();
     return useMutation(disconnectMutationOptions(appKit, parameters));

package/dist/esm/features/wallets/hooks/use-disconnect.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-disconnect.js","sourceRoot":"","sources":["../../../../../src/features/wallets/hooks/use-disconnect.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,YAAY,CAAC;AAGb,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAGhE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAgBvD,MAAM,CAAC,MAAM,aAAa,GAAG,CACzB,aAA+C,EAAE,EACjB,EAAE;IAClC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,WAAW,CAAC,yBAAyB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AACtE,CAAC,CAAC"}
+{"version":3,"file":"use-disconnect.js","sourceRoot":"","sources":["../../../../../src/features/wallets/hooks/use-disconnect.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,YAAY,CAAC;AAGb,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAGhE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAgB3C,MAAM,CAAC,MAAM,aAAa,GAAG,CACzB,aAA+C,EAAE,EACjB,EAAE;IAClC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,WAAW,CAAC,yBAAyB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AACtE,CAAC,CAAC"}

package/dist/esm/features/wallets/hooks/use-selected-wallet.js

@@ -7,7 +7,7 @@
  */
 import { useSyncExternalStore, useCallback } from 'react';
 import { getSelectedWallet, watchSelectedWallet, setSelectedWalletId } from '@ton/appkit';
-import { useAppKit } from '../../../hooks/use-app-kit';
+import { useAppKit } from '../../settings';
 /**
  * Hook to get the currently selected wallet
  */

package/dist/esm/features/wallets/hooks/use-selected-wallet.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-selected-wallet.js","sourceRoot":"","sources":["../../../../../src/features/wallets/hooks/use-selected-wallet.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAG1F,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAIvD;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAgC,EAAE;IAC/D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,mBAAmB,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,MAAM,GAAG,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;IAEzE,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,QAAuB,EAAE,EAAE;QACxB,mBAAmB,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,OAAO,CAAC,MAAM,EAAE,WAAW,CAAU,CAAC;AAC1C,CAAC,CAAC"}
+{"version":3,"file":"use-selected-wallet.js","sourceRoot":"","sources":["../../../../../src/features/wallets/hooks/use-selected-wallet.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAG1F,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAgC,EAAE;IAC/D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,mBAAmB,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,MAAM,GAAG,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;IAEzE,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,QAAuB,EAAE,EAAE;QACxB,mBAAmB,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,OAAO,CAAC,MAAM,EAAE,WAAW,CAAU,CAAC;AAC1C,CAAC,CAAC"}

package/dist/esm/hooks/use-debounce-callback.js

@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { useEffect, useMemo, useRef } from 'react';
+import { debounce } from '@ton/appkit';
+import { useUnmount } from './use-unmount';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function useDebounceCallback(func, delay = 500, options) {
+    const debouncedFunc = useRef(null);
+    useUnmount(() => {
+        if (debouncedFunc.current) {
+            debouncedFunc.current.cancel();
+        }
+    });
+    const debounced = useMemo(() => {
+        const debouncedFuncInstance = debounce(func, delay, options);
+        const wrappedFunc = (...args) => {
+            return debouncedFuncInstance(...args);
+        };
+        wrappedFunc.cancel = () => {
+            debouncedFuncInstance.cancel();
+        };
+        wrappedFunc.isPending = () => {
+            return !!debouncedFunc.current;
+        };
+        wrappedFunc.flush = () => {
+            return debouncedFuncInstance.flush();
+        };
+        return wrappedFunc;
+    }, [func, delay, options]);
+    // Update the debounced function ref whenever func, wait, or options change
+    useEffect(() => {
+        debouncedFunc.current = debounce(func, delay, options);
+    }, [func, delay, options]);
+    return debounced;
+}
+//# sourceMappingURL=use-debounce-callback.js.map

package/dist/esm/hooks/use-debounce-callback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce-callback.js","sourceRoot":"","sources":["../../../src/hooks/use-debounce-callback.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAc3C,8DAA8D;AAC9D,MAAM,UAAU,mBAAmB,CAC/B,IAAO,EACP,KAAK,GAAG,GAAG,EACX,OAAyB;IAEzB,MAAM,aAAa,GAAG,MAAM,CAAqC,IAAI,CAAC,CAAC;IAEvE,UAAU,CAAC,GAAG,EAAE;QACZ,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YACxB,aAAa,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QACnC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,qBAAqB,GAAG,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAE7D,MAAM,WAAW,GAAsB,CAAC,GAAG,IAAmB,EAAE,EAAE;YAC9D,OAAO,qBAAqB,CAAC,GAAG,IAAI,CAAC,CAAC;QAC1C,CAAC,CAAC;QAEF,WAAW,CAAC,MAAM,GAAG,GAAG,EAAE;YACtB,qBAAqB,CAAC,MAAM,EAAE,CAAC;QACnC,CAAC,CAAC;QAEF,WAAW,CAAC,SAAS,GAAG,GAAG,EAAE;YACzB,OAAO,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC;QACnC,CAAC,CAAC;QAEF,WAAW,CAAC,KAAK,GAAG,GAAG,EAAE;YACrB,OAAO,qBAAqB,CAAC,KAAK,EAAE,CAAC;QACzC,CAAC,CAAC;QAEF,OAAO,WAAW,CAAC;IACvB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,2EAA2E;IAC3E,SAAS,CAAC,GAAG,EAAE;QACX,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IAC3D,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,OAAO,SAAS,CAAC;AACrB,CAAC"}

package/dist/esm/hooks/use-debounce-value.js

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { useRef, useState } from 'react';
+import { useDebounceCallback } from './use-debounce-callback';
+export const useDebounceValue = (initialValue, delay, options) => {
+    const eq = options?.equalityFn ?? ((left, right) => left === right);
+    const unwrappedInitialValue = initialValue instanceof Function ? initialValue() : initialValue;
+    const [debouncedValue, setDebouncedValue] = useState(unwrappedInitialValue);
+    const previousValueRef = useRef(unwrappedInitialValue);
+    const updateDebouncedValue = useDebounceCallback(setDebouncedValue, delay, options);
+    // Update the debounced value if the initial value changes
+    if (!eq(previousValueRef.current, unwrappedInitialValue)) {
+        updateDebouncedValue(unwrappedInitialValue);
+        previousValueRef.current = unwrappedInitialValue;
+    }
+    return [debouncedValue, updateDebouncedValue];
+};
+//# sourceMappingURL=use-debounce-value.js.map

package/dist/esm/hooks/use-debounce-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce-value.js","sourceRoot":"","sources":["../../../src/hooks/use-debounce-value.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAM9D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC5B,YAA2B,EAC3B,KAAa,EACb,OAAoC,EACG,EAAE;IACzC,MAAM,EAAE,GAAG,OAAO,EAAE,UAAU,IAAI,CAAC,CAAC,IAAO,EAAE,KAAQ,EAAE,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;IAC1E,MAAM,qBAAqB,GAAG,YAAY,YAAY,QAAQ,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC;IAC/F,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAI,qBAAqB,CAAC,CAAC;IAC/E,MAAM,gBAAgB,GAAG,MAAM,CAAgB,qBAAqB,CAAC,CAAC;IAEtE,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,iBAAiB,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IAEpF,0DAA0D;IAC1D,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,OAAY,EAAE,qBAAqB,CAAC,EAAE,CAAC;QAC5D,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;QAC5C,gBAAgB,CAAC,OAAO,GAAG,qBAAqB,CAAC;IACrD,CAAC;IAED,OAAO,CAAC,cAAc,EAAE,oBAAoB,CAAC,CAAC;AAClD,CAAC,CAAC"}

package/dist/esm/hooks/use-unmount.js

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { useEffect, useRef } from 'react';
+export const useUnmount = (func) => {
+    const funcRef = useRef(func);
+    funcRef.current = func;
+    useEffect(() => () => funcRef.current(), []);
+};
+//# sourceMappingURL=use-unmount.js.map

package/dist/esm/hooks/use-unmount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-unmount.js","sourceRoot":"","sources":["../../../src/hooks/use-unmount.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAgB,EAAE,EAAE;IAC3C,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;AACjD,CAAC,CAAC"}

package/dist/esm/index.js

@@ -6,22 +6,34 @@
  *
  */
 export { AppKitProvider } from './providers/app-kit-provider';
-export { useAppKit } from './hooks/use-app-kit';
-export { useAppKitTheme } from './hooks/use-app-kit-theme';
 export { I18nProvider } from './providers/i18n-provider';
-export { useI18n } from './hooks/use-i18n';
 export * from '@ton/appkit';
-export * from './components/block';
-export * from './components/button';
-export * from './components/circle-icon';
-export * from './components/ton-icon';
+export * from './components/ui/block';
+export * from './components/ui/info-block';
+export * from './components/ui/button';
+export * from './components/ui/logo';
+export * from './components/ui/modal';
+export * from './components/ui/skeleton';
+export * from './components/ui/input';
+export * from './components/shared/token-select-modal';
+export * from './components/ui/tabs';
+export * from './components/ui/centered-amount-input';
+export * from './components/shared/amount-presets';
+export * from './components/ui/collapsible';
+export * from './components/ui/select';
+export * from './components/shared/low-balance-modal';
+export * from './components/shared/settings-button';
+export * from './components/shared/option-switcher';
+export * from './components/ui/icons';
 export * from './features/balances';
 export * from './features/jettons';
 export * from './features/network';
 export * from './features/nft';
 export * from './features/transaction';
 export * from './features/wallets';
+export * from './features/settings';
 export * from './features/swap';
 export * from './features/signing';
 export * from './features/staking';
+export * from './types/appkit-ui-token';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,cAAc,aAAa,CAAC;AAE5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AAEtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,cAAc,aAAa,CAAC;AAE5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wCAAwC,CAAC;AACvD,cAAc,sBAAsB,CAAC;AACrC,cAAc,uCAAuC,CAAC;AACtD,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uBAAuB,CAAC;AAEtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,yBAAyB,CAAC"}

package/dist/esm/locales/en.js

@@ -33,5 +33,80 @@ export default {
     nft: {
         onSale: 'On Sale',
     },
+    // Token select modal (shared between swap, etc.)
+    tokenSelect: {
+        emptyNoMatch: "We didn't find any tokens.",
+        emptyTryAddress: 'Try searching by address.',
+        emptyForNetwork: 'No tokens available for the selected network.',
+    },
+    // Shared DeFi error messages (rendered by `mapDefiError`)
+    defi: {
+        unsupportedNetwork: 'Network is not supported',
+        networkError: 'Network error, please try again',
+        providerNotFound: 'Provider not found',
+        noDefaultProvider: 'No provider configured',
+        invalidProvider: 'Invalid provider',
+        invalidParams: 'Invalid parameters',
+    },
+    // Swap
+    swap: {
+        pay: 'Pay',
+        receive: 'Receive',
+        max: 'MAX',
+        continue: 'Continue',
+        enterAmount: 'Enter an amount',
+        insufficientBalance: 'Insufficient balance',
+        tooManyDecimals: 'Too many decimal places',
+        quoteError: 'Unable to get a quote',
+        invalidQuote: 'Quote is invalid',
+        insufficientLiquidity: 'Insufficient liquidity for this swap',
+        quoteExpired: 'Quote expired, please try again',
+        buildTxFailed: "Couldn't build the swap transaction",
+        selectToken: 'Select Token',
+        searchToken: 'Search...',
+        settings: 'Swap settings',
+        slippage: 'Slippage',
+        slippageError: 'The maximum slippage tolerance cannot be more than 50%. The recommended range is 1%',
+        slippageWarning: 'High slippage tolerance increases the risk of an unfavorable trade',
+        provider: 'Provider',
+        save: 'Save',
+        minReceived: 'Min Received',
+    },
+    // Low balance modal (shared between swap, staking, etc.)
+    lowBalance: {
+        title: 'Not enough TON',
+        messageReduce: 'This operation requires ~{{ amount }} TON which exceeds your TON balance. Reduce the amount to continue.',
+        messageTopup: 'This operation needs ~{{ amount }} TON to cover network fees. Top up your TON balance to continue.',
+        change: 'Change amount',
+        cancel: 'Cancel',
+        close: 'Close',
+    },
+    // Staking
+    staking: {
+        stake: 'Stake',
+        unstake: 'Unstake',
+        continue: 'Stake',
+        insufficientBalance: 'Insufficient balance',
+        tooManyDecimals: 'Too many decimal places',
+        quoteError: 'Unable to get a quote',
+        invalidParams: 'Invalid staking parameters',
+        unsupportedOperation: 'Operation not supported by this provider',
+        youGet: 'You get',
+        currentApy: 'Current APY',
+        max: 'MAX',
+        exchangeRate: 'Exchange rate',
+        stakedBalance: 'Staked balance',
+        unstakeType: 'Unstake type',
+        maximumReward: 'Maximum reward',
+        instant: 'Instant',
+        instantLimit: 'Limit: {{ limit }}',
+        maximumRewardLimit: 'Next cycle',
+        whenAvailable: 'When available',
+        whenAvailableLimit: 'No limits',
+        yourBalance: 'Your balance',
+        provider: 'Provider',
+        settings: 'Staking settings',
+        save: 'Save',
+    },
 };
 //# sourceMappingURL=en.js.map

package/dist/esm/locales/en.js.map

@@ -1 +1 @@
-{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../src/locales/en.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAe;IACX,oBAAoB;IACpB,MAAM,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,gBAAgB;QAC/B,cAAc,EAAE,kBAAkB;KACrC;IAED,cAAc;IACd,WAAW,EAAE;QACT,eAAe,EAAE,kBAAkB;QACnC,UAAU,EAAE,eAAe;QAC3B,MAAM,EAAE;YACJ,OAAO,EAAE,eAAe;YACxB,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,QAAQ;SACnB;KACJ;IAED,WAAW;IACX,QAAQ,EAAE;QACN,OAAO,EAAE,uBAAuB;QAChC,UAAU,EAAE,uBAAuB;QACnC,oBAAoB,EAAE,gCAAgC;KACzD;IAED,MAAM;IACN,GAAG,EAAE;QACD,MAAM,EAAE,SAAS;KACpB;CACK,CAAC"}
+{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../src/locales/en.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAe;IACX,oBAAoB;IACpB,MAAM,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,gBAAgB;QAC/B,cAAc,EAAE,kBAAkB;KACrC;IAED,cAAc;IACd,WAAW,EAAE;QACT,eAAe,EAAE,kBAAkB;QACnC,UAAU,EAAE,eAAe;QAC3B,MAAM,EAAE;YACJ,OAAO,EAAE,eAAe;YACxB,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,QAAQ;SACnB;KACJ;IAED,WAAW;IACX,QAAQ,EAAE;QACN,OAAO,EAAE,uBAAuB;QAChC,UAAU,EAAE,uBAAuB;QACnC,oBAAoB,EAAE,gCAAgC;KACzD;IAED,MAAM;IACN,GAAG,EAAE;QACD,MAAM,EAAE,SAAS;KACpB;IAED,iDAAiD;IACjD,WAAW,EAAE;QACT,YAAY,EAAE,4BAA4B;QAC1C,eAAe,EAAE,2BAA2B;QAC5C,eAAe,EAAE,+CAA+C;KACnE;IAED,0DAA0D;IAC1D,IAAI,EAAE;QACF,kBAAkB,EAAE,0BAA0B;QAC9C,YAAY,EAAE,iCAAiC;QAC/C,gBAAgB,EAAE,oBAAoB;QACtC,iBAAiB,EAAE,wBAAwB;QAC3C,eAAe,EAAE,kBAAkB;QACnC,aAAa,EAAE,oBAAoB;KACtC;IAED,OAAO;IACP,IAAI,EAAE;QACF,GAAG,EAAE,KAAK;QACV,OAAO,EAAE,SAAS;QAClB,GAAG,EAAE,KAAK;QACV,QAAQ,EAAE,UAAU;QACpB,WAAW,EAAE,iBAAiB;QAC9B,mBAAmB,EAAE,sBAAsB;QAC3C,eAAe,EAAE,yBAAyB;QAC1C,UAAU,EAAE,uBAAuB;QACnC,YAAY,EAAE,kBAAkB;QAChC,qBAAqB,EAAE,sCAAsC;QAC7D,YAAY,EAAE,iCAAiC;QAC/C,aAAa,EAAE,qCAAqC;QACpD,WAAW,EAAE,cAAc;QAC3B,WAAW,EAAE,WAAW;QACxB,QAAQ,EAAE,eAAe;QACzB,QAAQ,EAAE,UAAU;QACpB,aAAa,EAAE,qFAAqF;QACpG,eAAe,EAAE,oEAAoE;QACrF,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,MAAM;QACZ,WAAW,EAAE,cAAc;KAC9B;IAED,yDAAyD;IACzD,UAAU,EAAE;QACR,KAAK,EAAE,gBAAgB;QACvB,aAAa,EACT,0GAA0G;QAC9G,YAAY,EACR,oGAAoG;QACxG,MAAM,EAAE,eAAe;QACvB,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,OAAO;KACjB;IAED,UAAU;IACV,OAAO,EAAE;QACL,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,OAAO;QACjB,mBAAmB,EAAE,sBAAsB;QAC3C,eAAe,EAAE,yBAAyB;QAC1C,UAAU,EAAE,uBAAuB;QACnC,aAAa,EAAE,4BAA4B;QAC3C,oBAAoB,EAAE,0CAA0C;QAChE,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,aAAa;QACzB,GAAG,EAAE,KAAK;QACV,YAAY,EAAE,eAAe;QAC7B,aAAa,EAAE,gBAAgB;QAC/B,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,gBAAgB;QAC/B,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,oBAAoB;QAClC,kBAAkB,EAAE,YAAY;QAChC,aAAa,EAAE,gBAAgB;QAC/B,kBAAkB,EAAE,WAAW;QAC/B,WAAW,EAAE,cAAc;QAC3B,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,kBAAkB;QAC5B,IAAI,EAAE,MAAM;KACf;CACK,CAAC"}

package/dist/esm/styles/index.css

@@ -1,64 +1,97 @@
-:root {
+:where(:root) {
   /* Font */
   --ta-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', Arial, Tahoma, Verdana, sans-serif;
   --ta-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   
   /* Typography */
-  /* Headings */
-  --ta-heading1-font-size: 32px;
-  --ta-heading1-font-weight: 700;
-  --ta-heading1-line-height: normal;
-
-  --ta-heading2-font-size: 28px;
-  --ta-heading2-font-weight: 700;
-  --ta-heading2-line-height: normal;
-
-  --ta-heading3-font-size: 24px;
-  --ta-heading3-font-weight: 700;
-  --ta-heading3-line-height: normal;
-
-  --ta-heading4-font-size: 20px;
-  --ta-heading4-font-weight: 700;
-  --ta-heading4-line-height: normal;
-
-  --ta-heading5-font-size: 18px;
-  --ta-heading5-font-weight: 700;
-  --ta-heading5-line-height: normal;
-
-  /* Body */
-  --ta-body-large-font-size: 16px;
-  --ta-body-large-line-height: 24px;
-  --ta-body-large-font-weight: 400;
-  --ta-body-large-medium-font-weight: 500;
-  
-  --ta-body-font-size: 14px;
-  --ta-body-line-height: 20px;
-  --ta-body-font-weight: 400;
-  --ta-body-medium-font-weight: 500;
-  --ta-body-bold-font-weight: 700;
+  /* display */
+  --ta-display-large-size: 64px;
+  --ta-display-large-weight: 800;
+  --ta-display-large-line-height: 70px;
+
+  --ta-display-size: 40px;
+  --ta-display-weight: 800;
+  --ta-display-line-height: 44px;
+
+  /* headline */
+  --ta-headline-size: 28px;
+  --ta-headline-weight: 700;
+  --ta-headline-line-height: 32px;
+
+  /* title */
+  --ta-title-size: 20px;
+  --ta-title-weight: 700;
+  --ta-title-line-height: 24px;
+
+  /* body */
+  --ta-body-size: 16px;
+  --ta-body-medium-weight: 500;
+  --ta-body-regular-weight: 400;
+  --ta-body-semibold-weight: 600;
+  --ta-body-medium-line-height: 20px;
+  --ta-body-regular-line-height: 24px;
+
+  /* label */
+  --ta-label-size: 14px;
+  --ta-label-regular-weight: 400;
+  --ta-label-semibold-weight: 600;
+  --ta-label-medium-weight: 500;
+  --ta-label-line-height: 18px;
+
+  /* footnote */
+  --ta-footnote-size: 12px;
+  --ta-footnote-regular-weight: 400;
+  --ta-footnote-caps-weight: 600;
+  --ta-footnote-line-height: 16px;
+
+  /* caption */
+  --ta-caption-size: 11px;
+  --ta-caption-weight: 600;
+  --ta-caption-line-height: 12px;
+
+  /* input */
+  --ta-input-s-size: 16px;
+  --ta-input-s-weight: 400;
+  --ta-input-s-line-height: 24px;
+
+  --ta-input-m-size: 24px;
+  --ta-input-m-weight: 600;
+  --ta-input-m-line-height: 30px;
 
-  --ta-body-small-font-size: 12px;
-  --ta-body-small-line-height: 16px;
-  --ta-body-small-font-weight: 400;
+  --ta-input-l-size: 32px;
+  --ta-input-l-weight: 700;
+  --ta-input-l-line-height: 40px;
 
-  /* Caption */
-  --ta-caption1-font-size: 12px;
-  --ta-caption1-line-height: 16px;
-  --ta-caption1-font-weight: 400;
+  --ta-input-xl-size: 60px;
+  --ta-input-xl-weight: 700;
+  --ta-input-xl-line-height: 68px;
 
-  --ta-caption2-font-size: 10px;
-  --ta-caption2-line-height: 12px;
-  --ta-caption2-font-weight: 400;
+  --ta-input-xl-symbol-size: 40px;
+  --ta-input-xl-symbol-weight: 700;
+  --ta-input-xl-symbol-line-height: 100%;
 
   /* Colors */
-  --ta-color-primary: #0098EB;
-  --ta-color-primary-foreground: #ffffff;
-  --ta-color-text: #000000;
-  --ta-color-text-secondary: #8e8e93;
-  --ta-color-background: #ffffff;
-  --ta-color-background-secondary: #f2f2f7;
-  --ta-color-block: #ffffff;
-  --ta-color-block-foreground: #000000;
+  --ta-color-primary: #0098EA;
+  --ta-color-primary-foreground: #FFFFFF;
+  --ta-color-primary-light: rgba(0, 152, 234, 0.1);
+  --ta-color-error: #FF3B30;
+  --ta-color-success: #34C759;
+  --ta-color-text: #121214;
+  --ta-color-text-secondary: #7D7D85;
+  --ta-color-text-tertiary: #909DAB;
+  --ta-color-background: #FFFFFF;
+  --ta-color-background-secondary: #F1F3F5;
+  --ta-color-background-tertiary: #E0E5EA;
+  --ta-color-background-bezeled: rgba(0, 122, 255, 0.10);
+  --ta-color-block: var(--ta-color-background);
+  --ta-color-block-foreground: var(--ta-color-text);
+  --ta-color-skeleton-shimmer: linear-gradient(
+    90deg,
+    rgba(255, 255, 255, 0) 0%,
+    rgba(255, 255, 255, 0.4) 20%,
+    rgba(255, 255, 255, 0.6) 60%,
+    rgba(255, 255, 255, 0) 100%
+  );
 
   /* Static Colors */
   --ta-color-white: #ffffff;
@@ -70,6 +103,7 @@
   --ta-border-radius-m: 8px;
   --ta-border-radius-l: 12px;
   --ta-border-radius-xl: 16px;
+  --ta-border-radius-2xl: 20px;
   --ta-border-radius-full: 9999px;
 
   /* Border Width */
@@ -77,13 +111,25 @@
   --ta-border-width-m: 2px;
 }
 
-[data-ta-theme='dark'] {
-  --ta-color-primary: #0098EB;
-  --ta-color-primary-foreground: #ffffff;
-  --ta-color-text: #ffffff;
-  --ta-color-text-secondary: #8e8e93;
-  --ta-color-background: #000000;
-  --ta-color-background-secondary: #1c1c1e;
-  --ta-color-block: #121214;
-  --ta-color-block-foreground: #ffffff;
+:where([data-ta-theme='dark']) {
+  --ta-color-primary: #0098EA;
+  --ta-color-primary-foreground: #FFFFFF;
+  --ta-color-error: #FF3B30;
+  --ta-color-success: #30D158;
+  --ta-color-text: #FFFFFF;
+  --ta-color-text-secondary: #909DAB;
+  --ta-color-text-tertiary: #7A8999;
+  --ta-color-background: #121214;
+  --ta-color-background-secondary: #222224;
+  --ta-color-background-tertiary: #2D2D2F;
+  --ta-color-background-bezeled: rgba(0, 122, 255, 0.10);
+  --ta-color-block: var(--ta-color-background);
+  --ta-color-block-foreground: var(--ta-color-text);
+  --ta-color-skeleton-shimmer: linear-gradient(
+    90deg,
+    rgba(255, 255, 255, 0) 0%,
+    rgba(255, 255, 255, 0.05) 20%,
+    rgba(255, 255, 255, 0.1) 60%,
+    rgba(255, 255, 255, 0) 100%
+  );
 }