@stridge/kit 0.1.0-alpha.0

package/dist/shared/format/types.d.ts

@@ -0,0 +1,33 @@
+//#region src/shared/format/types.d.ts
+/**
+ * Common shape for a formatted display value derived from a typed source. Every formatted leaf in
+ * a driver `payload` follows this pattern.
+ *
+ * - `value` carries the source-of-truth form (a `number`, `string`, or other primitive a kit
+ *   component, headless integrator, or analytics consumer can compute against — e.g. for sorting,
+ *   range checks, clipboard writes, anchor `href`s).
+ * - `formatted` carries the locale-formatted display string. Components render this directly; they
+ *   never re-format `value` themselves.
+ *
+ * @example
+ *
+ * ```ts
+ * const submittedAt: FormattedField<number> = {
+ *     value: 1_778_086_787_000,
+ *     formatted: "May 6, 16:59",
+ * };
+ *
+ * const address: FormattedField<string> = {
+ *     value: "0xCA8779a5FD7cEAf54211177A2b22dB5E0480685c",
+ *     formatted: "0x…685c",
+ * };
+ * ```
+ */
+interface FormattedField<T> {
+  /** Source-of-truth value the kit, headless integrators, or analytics code can compute against. */
+  value: T;
+  /** Locale-formatted display string. The only field components render. */
+  formatted: string;
+}
+//#endregion
+export { FormattedField };

package/dist/shared/i18n/KitI18nProvider.d.ts

@@ -0,0 +1,23 @@
+import { KitI18nConfig } from "./createKitI18n.js";
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/i18n/KitI18nProvider.d.ts
+interface Props extends KitI18nConfig {
+  children: ReactNode;
+}
+/**
+ * Mounts a per-request Lingui `I18n` instance into React context. Re-creates the instance only
+ * when `locale` or the identity of `catalogs` changes — same render-stable pattern as the kit's
+ * other context providers, and the SSR-safe alternative to mutating a module-level singleton.
+ *
+ * Used internally by `KitProvider`. Hosts don't mount this directly; they pass a single
+ * `i18n={{ locale, catalogs }}` prop on `<KitProvider>` and the kit handles the wiring.
+ */
+declare function KitI18nProvider({
+  locale,
+  catalogs,
+  children
+}: Props): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { KitI18nProvider };

package/dist/shared/i18n/KitI18nProvider.js

@@ -0,0 +1 @@
+"use client";import{createKitI18n as e}from"./createKitI18n.js";import{useMemo as t}from"react";import{jsx as n}from"react/jsx-runtime";import{I18nProvider as r}from"@lingui/react";function i({locale:i=`en`,catalogs:a,children:o}){return n(r,{i18n:t(()=>e({locale:i,catalogs:a}),[i,a]),children:o})}export{i as KitI18nProvider};

package/dist/shared/i18n/Trans.d.ts

@@ -0,0 +1,39 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { TransProps } from "@lingui/react/server";
+
+//#region src/shared/i18n/Trans.d.ts
+/**
+ * Describes the public props for the kit's {@link Trans} component. Mirrors Lingui's `TransProps`
+ * but makes `id` optional — callers can pass only `message` and the wrapper falls back to using
+ * the message string as the id. That keeps id and source string in lockstep, the same convention
+ * Lingui's macro emits with its default `generateMessageId` when context is absent.
+ */
+type KitTransProps = Omit<TransProps, "id" | "render" | "component"> & {
+  /**
+   * Optional explicit id. Defaults to `message`.
+   */
+  id?: string;
+};
+/**
+ * Renders a translatable message. Reads the active i18n via {@link useKitI18n} — uses the
+ * `<KitProvider>`-mounted instance when present, falls back to the kit's default English-only
+ * singleton when standalone. Either way the source `message` ships in the bundle so consumers
+ * see English when no matching translation is loaded.
+ *
+ * @example
+ * ```tsx
+ * <Trans message="Continue" />
+ * <Trans message="Deposit {symbol}" values={{ symbol }} />
+ * <Trans
+ *     message="By clicking Confirm Deposit, you agree to our <0>terms</0>."
+ *     components={{ 0: <ExternalLink href={url} /> }}
+ * />
+ * ```
+ */
+declare function Trans({
+  id,
+  message,
+  ...rest
+}: KitTransProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { KitTransProps, Trans };

package/dist/shared/i18n/Trans.js

@@ -0,0 +1 @@
+"use client";import{useKitI18n as e}from"./useKitI18n.js";import{jsx as t}from"react/jsx-runtime";import{generateMessageId as n}from"@lingui/message-utils/generateMessageId";import{TransNoContext as r}from"@lingui/react/server";function i({id:i,message:a,...o}){let s=e();return t(r,{id:i??(a?n(a):``),message:a,...o,lingui:{i18n:s}})}export{i as Trans};

package/dist/shared/i18n/createKitI18n.d.ts

@@ -0,0 +1,41 @@
+import { I18n, Messages } from "@lingui/core";
+
+//#region src/shared/i18n/createKitI18n.d.ts
+/**
+ * Map of locale codes to message catalogs. Keyed by the locale string the host activates
+ * (`"en"`, `"es"`, etc.). Values are plain `{ [id]: translation }` maps; ICU placeholders and
+ * plurals are compiled at runtime by {@link compileMessage}.
+ */
+type KitCatalogs = Partial<Record<string, Messages>>;
+/**
+ * Public-facing i18n configuration. Pass the whole object to `<KitProvider i18n={…}>` —
+ * `locale` selects the active locale, `catalogs` lists the catalogs the kit can resolve
+ * against. Locales not present in `catalogs` fall back to the source English string per leaf.
+ */
+interface KitI18nConfig {
+  /** Active locale code. Defaults to `"en"`. */
+  locale?: string;
+  /**
+   * Locale catalogs the kit can resolve against. Deep-import the locales you ship from
+   * `@stridge/kit/i18n/locales/<code>` and pass them as a map (e.g. `{ es: esMessages }`).
+   * Tree-shaken: locales not referenced here aren't bundled.
+   */
+  catalogs?: KitCatalogs;
+}
+/**
+ * Build a fresh {@link I18n} instance for one render tree (one `KitProvider` mount, one SSR
+ * request). Loads `catalogs`, registers the runtime message compiler, and activates `locale`.
+ *
+ * Per-request instances are the SSR-safe alternative to mutating a process-wide singleton. The
+ * kit's {@link KitProvider} calls this on every render that changes `locale` or `catalogs`.
+ *
+ * `setupI18n` ships its own no-op compiler in production builds; we override with the real
+ * `compileMessage` so ICU placeholders (`{symbol}`) and plurals (`{count, plural, one {…}
+ * other {…}}`) format correctly in every build.
+ */
+declare function createKitI18n({
+  locale,
+  catalogs
+}?: KitI18nConfig): I18n;
+//#endregion
+export { KitCatalogs, KitI18nConfig, createKitI18n };

package/dist/shared/i18n/createKitI18n.js

@@ -0,0 +1 @@
+import{setupI18n as e}from"@lingui/core";import{compileMessage as t}from"@lingui/message-utils/compileMessage";function n({locale:n=`en`,catalogs:r}={}){let i=e();if(i.setMessagesCompiler(t),i.load(`en`,{}),r)for(let[e,t]of Object.entries(r))t&&i.load(e,t);return i.activate(n),i}export{n as createKitI18n};

package/dist/shared/i18n/defaultI18n.js

@@ -0,0 +1 @@
+import{setupI18n as e}from"@lingui/core";import{compileMessage as t}from"@lingui/message-utils/compileMessage";const n=e({locale:`en`,messages:{en:{}}});n.setMessagesCompiler(t);export{n as defaultI18n};

package/dist/shared/i18n/getLocaleDirection.d.ts

@@ -0,0 +1,24 @@
+//#region src/shared/i18n/getLocaleDirection.d.ts
+/**
+ * Returns the writing direction for a BCP-47 locale tag. Matches against the locale's primary
+ * subtag (e.g. `"ar-EG"` → `"ar"`), so regional variants resolve correctly without enumerating
+ * every region.
+ *
+ * Used by `<KitProvider>` to flip `dir="rtl"` on the kit's root automatically when the host
+ * activates an RTL locale, without forcing every host to wire `dir` separately.
+ *
+ * @param locale BCP-47 locale tag, or `undefined` when no locale is active.
+ * @returns `"rtl"` for known RTL locales, `"ltr"` otherwise (including `undefined` and `"en"`).
+ *
+ * @example
+ *
+ * ```ts
+ * getLocaleDirection("ar"); // → "rtl"
+ * getLocaleDirection("ar-EG"); // → "rtl"
+ * getLocaleDirection("en"); // → "ltr"
+ * getLocaleDirection(undefined); // → "ltr"
+ * ```
+ */
+declare function getLocaleDirection(locale: string | undefined): "ltr" | "rtl";
+//#endregion
+export { getLocaleDirection };

package/dist/shared/i18n/getLocaleDirection.js

@@ -0,0 +1 @@
+const e=new Set([`ar`,`he`,`iw`,`fa`,`ur`,`ps`,`yi`,`dv`,`ku`,`sd`]);function t(t){if(!t)return`ltr`;let n=t.toLowerCase().split(/[-_]/)[0];return n&&e.has(n)?`rtl`:`ltr`}export{t as getLocaleDirection};

package/dist/shared/i18n/locales.d.ts

@@ -0,0 +1,31 @@
+//#region src/shared/i18n/locales.d.ts
+/**
+ * Locale codes the kit ships translation catalogs for. Hosts can opt into any subset by
+ * passing a matching `catalogs` map to `<KitProvider>` (deep-imported from
+ * `@stridge/kit/i18n/locales/<code>`); locales they don't load fall back to the source English
+ * string. The kit publishes this list so consumers can build switchers without hardcoding.
+ *
+ * Each entry exposes both the native and English names so hosts can render a properly
+ * disambiguated row (e.g. `Persian (فارسی) — fa`) without re-deriving the names themselves.
+ */
+declare const SUPPORTED_LOCALES: readonly [{
+  readonly value: "en";
+  readonly nativeLabel: "English";
+  readonly englishLabel: "English";
+}, {
+  readonly value: "es";
+  readonly nativeLabel: "Español";
+  readonly englishLabel: "Spanish";
+}, {
+  readonly value: "ar";
+  readonly nativeLabel: "العربية";
+  readonly englishLabel: "Arabic";
+}];
+/**
+ * String literal type for the locale codes the kit ships catalogs for. Use as the type of the
+ * `locale` prop on `<KitProvider>` when you want to constrain consumers to known locales; pass
+ * any string when the host wants to register custom locales of its own.
+ */
+type SupportedLocale = (typeof SUPPORTED_LOCALES)[number]["value"];
+//#endregion
+export { SUPPORTED_LOCALES, SupportedLocale };

package/dist/shared/i18n/locales.js

@@ -0,0 +1 @@
+const e=[{value:`en`,nativeLabel:`English`,englishLabel:`English`},{value:`es`,nativeLabel:`Español`,englishLabel:`Spanish`},{value:`ar`,nativeLabel:`العربية`,englishLabel:`Arabic`}];export{e as SUPPORTED_LOCALES};

package/dist/shared/i18n/useKitI18n.d.ts

@@ -0,0 +1,14 @@
+import { I18n } from "@lingui/core";
+
+//#region src/shared/i18n/useKitI18n.d.ts
+/**
+ * Returns the active {@link I18n} instance. Reads Lingui's `<I18nProvider>` context first
+ * (mounted by `KitProvider`); falls back to {@link defaultI18n} when no provider is present
+ * (kit compound widgets used standalone in canvas / showcase contexts).
+ *
+ * Used internally by {@link useT} and the kit's `<Trans>` wrapper. Consumers need not call this
+ * directly — they pass `locale` to `<KitProvider>` and the kit handles the rest.
+ */
+declare function useKitI18n(): I18n;
+//#endregion
+export { useKitI18n };

package/dist/shared/i18n/useKitI18n.js

@@ -0,0 +1 @@
+"use client";import{defaultI18n as e}from"./defaultI18n.js";import{use as t}from"react";import{LinguiContext as n}from"@lingui/react";function r(){return t(n)?.i18n??e}export{r as useKitI18n};

package/dist/shared/i18n/useLingui.d.ts

@@ -0,0 +1,35 @@
+import { ComponentType } from "react";
+import { I18n } from "@lingui/core";
+
+//#region src/shared/i18n/useLingui.d.ts
+interface LinguiContextValue {
+  i18n: I18n;
+  defaultComponent?: ComponentType<{
+    id: string;
+    message?: string;
+  }>;
+  _: I18n["_"];
+}
+/**
+ * Macro-runtime target for `useLingui` from `@lingui/react/macro`. Returns the same shape Lingui's
+ * own `useLingui` returns — `{ i18n, _, defaultComponent? }` — but falls back to the kit's
+ * {@link defaultI18n} singleton when no `<I18nProvider>` is mounted, mirroring {@link useKitI18n}.
+ *
+ * The lingui macro plugin redirects `useLingui` imports to this module via `runtimeConfigModule`
+ * in `lingui.config.ts`, then rewrites destructured `t` references into calls to `_`:
+ *
+ * ```ts
+ * const { t } = useLingui();
+ * t`Hello ${name}`;
+ *
+ * // becomes (after macro expansion)
+ * const { _: _t } = useLingui();
+ * _t({ id: "abc123", message: "Hello {name}", values: { name } });
+ * ```
+ *
+ * Callers shouldn't import this directly — they should write `import { useLingui } from
+ * "@lingui/react/macro"` and let the build pipeline rewire the runtime target.
+ */
+declare function useLingui(): LinguiContextValue;
+//#endregion
+export { useLingui };

package/dist/shared/i18n/useLingui.js

@@ -0,0 +1 @@
+"use client";import{defaultI18n as e}from"./defaultI18n.js";import{use as t}from"react";import{LinguiContext as n}from"@lingui/react";const r={i18n:e,_:e._.bind(e)};function i(){return t(n)??r}export{i as useLingui};

package/dist/shared/i18n/useT.d.ts

@@ -0,0 +1,25 @@
+//#region src/shared/i18n/useT.d.ts
+/**
+ * Returns a `t` translator function bound to the active {@link I18n} instance.
+ * Pass the English source string (which Lingui's compiled catalogs key by a content-hashed id
+ * — `generateMessageId(message)`) plus any interpolated values; get back the translated text
+ * from the active catalog or the source string when no entry matches.
+ *
+ * Convert default-prop translations into the component body when migrating, since hooks can't
+ * run at the call expression level:
+ *
+ * @example
+ * ```tsx
+ * // before:
+ * function Foo({ label = t("Continue") }) { return <Button>{label}</Button>; }
+ *
+ * // after:
+ * function Foo({ label }: { label?: string }) {
+ *     const t = useT();
+ *     return <Button>{label ?? t("Continue")}</Button>;
+ * }
+ * ```
+ */
+declare function useT(): (message: string, values?: Record<string, unknown>) => string;
+//#endregion
+export { useT };

package/dist/shared/i18n/useT.js

@@ -0,0 +1 @@
+"use client";import{useKitI18n as e}from"./useKitI18n.js";import{useCallback as t}from"react";import{generateMessageId as n}from"@lingui/message-utils/generateMessageId";function r(){let r=e();return t((e,t)=>r._({id:n(e),message:e,...t?{values:t}:{}}),[r])}export{r as useT};

package/dist/shared/icons/AlertIcon.d.ts

@@ -0,0 +1,12 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/AlertIcon.d.ts
+/**
+ * Bare exclamation glyph (vertical stroke + dot, no enclosing shape). Used inside callers that
+ * already provide a circular / pill container (e.g. status badges) so the icon doesn't draw its
+ * own ring on top of the host's surface.
+ */
+declare function AlertIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AlertIcon };

package/dist/shared/icons/AlertIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...n,children:[e(`path`,{d:`M12 7v6`}),e(`path`,{d:`M12 17h.01`})]})}export{n as AlertIcon};

package/dist/shared/icons/ArrowDownIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/ArrowDownIcon.d.ts
+declare function ArrowDownIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ArrowDownIcon };

package/dist/shared/icons/ArrowDownIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...n,children:[e(`path`,{d:`M12 5v14`}),e(`path`,{d:`m19 12-7 7-7-7`})]})}export{n as ArrowDownIcon};

package/dist/shared/icons/ArrowRightIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/ArrowRightIcon.d.ts
+declare function ArrowRightIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ArrowRightIcon };

package/dist/shared/icons/ArrowRightIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,"data-stridge-flip-on-rtl":``,...n,children:[e(`path`,{d:`M5 12h14`}),e(`path`,{d:`m12 5 7 7-7 7`})]})}export{n as ArrowRightIcon};

package/dist/shared/icons/ArrowRightLeftIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/ArrowRightLeftIcon.d.ts
+declare function ArrowRightLeftIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ArrowRightLeftIcon };

package/dist/shared/icons/ArrowRightLeftIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...n,children:[e(`path`,{d:`m16 3 4 4-4 4`}),e(`path`,{d:`M20 7H4`}),e(`path`,{d:`m8 21-4-4 4-4`}),e(`path`,{d:`M4 17h16`})]})}export{n as ArrowRightLeftIcon};

package/dist/shared/icons/CheckIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/CheckIcon.d.ts
+declare function CheckIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CheckIcon };

package/dist/shared/icons/CheckIcon.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...t,children:e(`path`,{d:`M20 6 9 17l-5-5`})})}export{t as CheckIcon};

package/dist/shared/icons/ChevronDownIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/ChevronDownIcon.d.ts
+declare function ChevronDownIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ChevronDownIcon };

package/dist/shared/icons/ChevronDownIcon.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...t,children:e(`path`,{d:`m6 9 6 6 6-6`})})}export{t as ChevronDownIcon};

package/dist/shared/icons/ChevronLeftIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/ChevronLeftIcon.d.ts
+declare function ChevronLeftIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ChevronLeftIcon };

package/dist/shared/icons/ChevronLeftIcon.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,"data-stridge-flip-on-rtl":``,...t,children:e(`path`,{d:`m15 18-6-6 6-6`})})}export{t as ChevronLeftIcon};

package/dist/shared/icons/ChevronRightIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/ChevronRightIcon.d.ts
+declare function ChevronRightIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ChevronRightIcon };

package/dist/shared/icons/ChevronRightIcon.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,"data-stridge-flip-on-rtl":``,...t,children:e(`path`,{d:`m9 18 6-6-6-6`})})}export{t as ChevronRightIcon};

package/dist/shared/icons/ChevronUpIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/ChevronUpIcon.d.ts
+declare function ChevronUpIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ChevronUpIcon };

package/dist/shared/icons/ChevronUpIcon.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...t,children:e(`path`,{d:`m18 15-6-6-6 6`})})}export{t as ChevronUpIcon};

package/dist/shared/icons/CircleArrowUpIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/CircleArrowUpIcon.d.ts
+declare function CircleArrowUpIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CircleArrowUpIcon };

package/dist/shared/icons/CircleArrowUpIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...n,children:[e(`circle`,{cx:`12`,cy:`12`,r:`10`}),e(`path`,{d:`m16 12-4-4-4 4`}),e(`path`,{d:`M12 16V8`})]})}export{n as CircleArrowUpIcon};

package/dist/shared/icons/CircleHelpIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/CircleHelpIcon.d.ts
+declare function CircleHelpIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CircleHelpIcon };

package/dist/shared/icons/CircleHelpIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...n,children:[e(`circle`,{cx:`12`,cy:`12`,r:`10`}),e(`path`,{d:`M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3`}),e(`path`,{d:`M12 17h.01`})]})}export{n as CircleHelpIcon};

package/dist/shared/icons/ClockIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/ClockIcon.d.ts
+declare function ClockIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ClockIcon };

package/dist/shared/icons/ClockIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...n,children:[e(`circle`,{cx:`12`,cy:`12`,r:`10`}),e(`path`,{d:`M12 6v6l4 2`})]})}export{n as ClockIcon};

package/dist/shared/icons/CopyIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/CopyIcon.d.ts
+declare function CopyIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CopyIcon };

package/dist/shared/icons/CopyIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...n,children:[e(`rect`,{x:`8`,y:`8`,width:`14`,height:`14`,rx:`2`,ry:`2`}),e(`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`})]})}export{n as CopyIcon};

package/dist/shared/icons/ExternalLinkIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/ExternalLinkIcon.d.ts
+declare function ExternalLinkIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ExternalLinkIcon };

package/dist/shared/icons/ExternalLinkIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...n,children:[e(`path`,{d:`M15 3h6v6`}),e(`path`,{d:`M10 14 21 3`}),e(`path`,{d:`M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6`})]})}export{n as ExternalLinkIcon};

package/dist/shared/icons/InfoIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/InfoIcon.d.ts
+declare function InfoIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InfoIcon };

package/dist/shared/icons/InfoIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...n,children:[e(`circle`,{cx:`12`,cy:`12`,r:`10`}),e(`path`,{d:`M12 16v-4`}),e(`path`,{d:`M12 8h.01`})]})}export{n as InfoIcon};

package/dist/shared/icons/LoaderIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/LoaderIcon.d.ts
+declare function LoaderIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { LoaderIcon };

package/dist/shared/icons/LoaderIcon.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...t,children:e(`path`,{d:`M21 12a9 9 0 1 1-6.219-8.56`})})}export{t as LoaderIcon};

package/dist/shared/icons/MailIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/MailIcon.d.ts
+declare function MailIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { MailIcon };

package/dist/shared/icons/MailIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...n,children:[e(`path`,{d:`m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7`}),e(`rect`,{x:`2`,y:`4`,width:`20`,height:`16`,rx:`2`})]})}export{n as MailIcon};

package/dist/shared/icons/PackageIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/PackageIcon.d.ts
+declare function PackageIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PackageIcon };

package/dist/shared/icons/PackageIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...n,children:[e(`path`,{d:`M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z`}),e(`path`,{d:`M12 22V12`}),e(`polyline`,{points:`3.29 7 12 12 20.71 7`}),e(`path`,{d:`m7.5 4.27 9 5.15`})]})}export{n as PackageIcon};

package/dist/shared/icons/QrCodeIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/QrCodeIcon.d.ts
+declare function QrCodeIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { QrCodeIcon };

package/dist/shared/icons/QrCodeIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...n,children:[e(`rect`,{width:`5`,height:`5`,x:`3`,y:`3`,rx:`1`}),e(`rect`,{width:`5`,height:`5`,x:`16`,y:`3`,rx:`1`}),e(`rect`,{width:`5`,height:`5`,x:`3`,y:`16`,rx:`1`}),e(`path`,{d:`M21 16h-3a2 2 0 0 0-2 2v3`}),e(`path`,{d:`M21 21v.01`}),e(`path`,{d:`M12 7v3a2 2 0 0 1-2 2H7`}),e(`path`,{d:`M3 12h.01`}),e(`path`,{d:`M12 3h.01`}),e(`path`,{d:`M12 16v.01`}),e(`path`,{d:`M16 12h1`}),e(`path`,{d:`M21 12v.01`}),e(`path`,{d:`M12 21v-1`})]})}export{n as QrCodeIcon};

package/dist/shared/icons/WalletIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/WalletIcon.d.ts
+declare function WalletIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WalletIcon };

package/dist/shared/icons/WalletIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...n,children:[e(`path`,{d:`M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1`}),e(`path`,{d:`M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4`})]})}export{n as WalletIcon};

package/dist/shared/icons/XIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/XIcon.d.ts
+declare function XIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { XIcon };

package/dist/shared/icons/XIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,...n,children:[e(`path`,{d:`M18 6 6 18`}),e(`path`,{d:`m6 6 12 12`})]})}export{n as XIcon};

package/dist/shared/icons/exchanges/BinanceIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/exchanges/BinanceIcon.d.ts
+declare function BinanceIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BinanceIcon };

package/dist/shared/icons/exchanges/BinanceIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`20`,height:`20`,viewBox:`0 0 20 20`,fill:`none`,"aria-hidden":!0,...n,children:[e(`rect`,{width:`20`,height:`20`,rx:`4`,fill:`#F3BA2F`}),e(`path`,{d:`M7.67 9.04 10 6.71l2.33 2.34 1.36-1.36L10 4 6.31 7.69zM4 10l1.36-1.36L6.7 10l-1.35 1.36zm3.67.96L10 13.29l2.33-2.33 1.36 1.35-3.69 3.7-3.69-3.7zm5.62-.96 1.35-1.35L16 10l-1.36 1.36z`,fill:`#fff`}),e(`path`,{d:`M11.38 10 10 8.62 8.98 9.64l-.11.12-.25.24L10 11.38z`,fill:`#fff`})]})}export{n as BinanceIcon};

package/dist/shared/icons/exchanges/CoinbaseIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/exchanges/CoinbaseIcon.d.ts
+declare function CoinbaseIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CoinbaseIcon };

package/dist/shared/icons/exchanges/CoinbaseIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`20`,height:`20`,viewBox:`0 0 20 20`,fill:`none`,"aria-hidden":!0,...n,children:[e(`rect`,{width:`20`,height:`20`,rx:`4`,fill:`#2C5FF6`}),e(`path`,{d:`M9.99 13.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5c1.76 0 3.22 1.305 3.46 3h3.52A7.005 7.005 0 0 0 9.99 3c-3.86 0-7 3.14-7 7s3.14 7 7 7c3.69 0 6.725-2.87 6.98-6.5h-3.52c-.24 1.695-1.7 3-3.46 3Z`,fill:`#fff`})]})}export{n as CoinbaseIcon};

package/dist/shared/icons/exchanges/KrakenIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/exchanges/KrakenIcon.d.ts
+declare function KrakenIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { KrakenIcon };