kaleido-ui 0.1.0

package/dist/native/index.d.cts

@@ -0,0 +1,212 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+export { AmountInput, AssetSelector, Balance, CryptoAddressInput, NetworkSelector, QRCode, SeedPhrase, ThemeProvider, TransactionItem, TransactionList, useTheme } from '@tetherto/wdk-uikit-react-native';
+
+/**
+ * Brand configuration for WDK ThemeProvider.
+ *
+ * Usage:
+ *   <ThemeProvider brandConfig={kaleidoswapBrandConfig}>
+ */
+declare const kaleidoswapBrandConfig: {
+    primaryColor: "#2BEE79";
+    secondaryColor: "#1FA855";
+};
+/**
+ * Full custom theme tokens for more granular control.
+ */
+declare const kaleidoswapTokens: {
+    readonly colors: {
+        readonly primary: "#2BEE79";
+        readonly primaryDark: "#1FA855";
+        readonly primaryFg: "#102217";
+        readonly background: "#102217";
+        readonly surface: "#162E21";
+        readonly surfaceHighlight: "#243E30";
+        readonly border: "#244A35";
+        readonly textPrimary: "#FFFFFF";
+        readonly textSecondary: "#92C9A8";
+        readonly success: "#2BEE79";
+        readonly warning: "#F59E0B";
+        readonly error: "#F94040";
+        readonly info: "#4290FF";
+        readonly network: {
+            readonly bitcoin: "#F7931A";
+            readonly rgb: "#DD352E";
+            readonly arkade: "#7C3AED";
+            readonly spark: "#FF6D00";
+            readonly lightning: "#F6C343";
+        };
+        readonly tx: {
+            readonly sent: "#F94040";
+            readonly receive: "#2BEE79";
+            readonly swap: "#4290FF";
+        };
+    };
+};
+
+interface KaleidoThemeProviderProps {
+    children: ReactNode;
+    /** Override the default brand config */
+    brandConfig?: typeof kaleidoswapBrandConfig;
+    /** Default theme mode */
+    defaultMode?: 'light' | 'dark';
+}
+declare function KaleidoThemeProvider({ children, brandConfig, defaultMode, }: KaleidoThemeProviderProps): react_jsx_runtime.JSX.Element;
+
+type StatusType = 'success' | 'pending' | 'failed' | 'completed' | 'error';
+interface StatusBadgeProps {
+    status: StatusType;
+    style?: any;
+}
+declare function StatusBadge({ status, style }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+
+type NetworkType = 'L1' | 'LN' | 'RGB20' | 'RGB21' | 'RGB-L1' | 'RGB-LN' | 'Spark' | 'Arkade';
+interface NetworkBadgeProps {
+    network: NetworkType;
+    style?: any;
+}
+declare function NetworkBadge({ network, style }: NetworkBadgeProps): react_jsx_runtime.JSX.Element;
+
+declare const variantConfig: {
+    readonly error: {
+        readonly bg: "#EF44441A";
+        readonly borderColor: "#EF444433";
+        readonly iconColor: "#F87171";
+    };
+    readonly warning: {
+        readonly bg: "#F59E0B1A";
+        readonly borderColor: "#F59E0B33";
+        readonly iconColor: "#FBBF24";
+    };
+    readonly info: {
+        readonly bg: "#3B82F61A";
+        readonly borderColor: "#3B82F633";
+        readonly iconColor: "#60A5FA";
+    };
+    readonly success: {
+        readonly bg: "#2BEE791A";
+        readonly borderColor: "#2BEE7933";
+        readonly iconColor: "#2BEE79";
+    };
+};
+interface AlertBannerProps {
+    variant?: keyof typeof variantConfig;
+    children: ReactNode;
+    style?: any;
+}
+declare function AlertBanner({ variant, children, style }: AlertBannerProps): react_jsx_runtime.JSX.Element;
+
+interface SectionLabelProps {
+    children: ReactNode;
+    style?: any;
+}
+declare function SectionLabel({ children, style }: SectionLabelProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * KaleidoSwap Color Tokens
+ *
+ * Single source of truth for all color constants across web and native.
+ */
+declare const colors: {
+    /** Brand */
+    readonly primary: "#2BEE79";
+    readonly primaryDark: "#1FA855";
+    readonly primaryFg: "#102217";
+    /** Surfaces (dark theme — the default) */
+    readonly bgDark: "#102217";
+    readonly surfaceDark: "#162E21";
+    readonly surfaceHighlight: "#243E30";
+    readonly surfaceBorder: "#244A35";
+    readonly surfaceDarker: "#0B1810";
+    /** Surfaces (light theme) */
+    readonly bgLight: "#F6F8F7";
+    readonly surfaceLight: "#FFFFFF";
+    /** Text */
+    readonly textPrimary: "#FFFFFF";
+    readonly textSecondary: "#92C9A8";
+    readonly textMuted: "rgba(255,255,255,0.5)";
+    readonly textDimmed: "rgba(255,255,255,0.35)";
+    /** Semantic */
+    readonly success: "#2BEE79";
+    readonly warning: "#F59E0B";
+    readonly error: "#F94040";
+    readonly info: "#4290FF";
+    /** Network / Layer */
+    readonly network: {
+        readonly bitcoin: "#F7931A";
+        readonly rgb: "#DD352E";
+        readonly arkade: "#7C3AED";
+        readonly spark: "#FF6D00";
+        readonly lightning: "#F6C343";
+    };
+    /** Transaction direction */
+    readonly tx: {
+        readonly sent: "#F94040";
+        readonly receive: "#2BEE79";
+        readonly swap: "#4290FF";
+    };
+};
+
+/**
+ * KaleidoSwap Typography Tokens
+ */
+declare const fontFamily: {
+    readonly display: "'Geist Sans', system-ui, -apple-system, sans-serif";
+    readonly mono: "'Geist Mono', monospace";
+};
+/**
+ * Type scale — [fontSize, lineHeight]
+ */
+declare const typeScale: {
+    readonly xxs: readonly ["10px", "14px"];
+    readonly tiny: readonly ["11px", "16px"];
+    readonly caption: readonly ["13px", "18px"];
+    readonly body: readonly ["15px", "22px"];
+    readonly subhead: readonly ["17px", "24px"];
+    readonly title: readonly ["20px", "28px"];
+    readonly headline: readonly ["28px", "34px"];
+    readonly display: readonly ["36px", "40px"];
+};
+declare const fontWeight: {
+    readonly normal: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+};
+
+/**
+ * KaleidoSwap Border Radius Tokens
+ */
+declare const radius: {
+    readonly sm: "8px";
+    readonly md: "12px";
+    readonly lg: "16px";
+    readonly xl: "20px";
+    readonly card: "20px";
+    readonly panel: "22px";
+    readonly pill: "24px";
+    readonly nav: "14px";
+    readonly full: "9999px";
+};
+
+/**
+ * KaleidoSwap Shadow Tokens
+ */
+declare const shadow: {
+    readonly glow: "0 0 20px rgba(43, 238, 121, 0.15)";
+    readonly glowStrong: "0 0 30px rgba(43, 238, 121, 0.3)";
+    readonly glowSubtle: "0 0 15px rgba(43, 238, 121, 0.15)";
+    readonly glowAccent: "0 4px 30px rgba(43, 238, 121, 0.25)";
+};
+
+/**
+ * KaleidoSwap Transition Tokens
+ */
+declare const transition: {
+    readonly fast: "150ms ease-out";
+    readonly default: "200ms ease-out";
+    readonly slow: "300ms ease-out";
+};
+
+export { AlertBanner, KaleidoThemeProvider, NetworkBadge, type NetworkType, SectionLabel, StatusBadge, type StatusType, colors, fontFamily, fontWeight, kaleidoswapBrandConfig, kaleidoswapTokens, radius, shadow, transition, typeScale };

package/dist/native/index.d.ts

@@ -0,0 +1,212 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+export { AmountInput, AssetSelector, Balance, CryptoAddressInput, NetworkSelector, QRCode, SeedPhrase, ThemeProvider, TransactionItem, TransactionList, useTheme } from '@tetherto/wdk-uikit-react-native';
+
+/**
+ * Brand configuration for WDK ThemeProvider.
+ *
+ * Usage:
+ *   <ThemeProvider brandConfig={kaleidoswapBrandConfig}>
+ */
+declare const kaleidoswapBrandConfig: {
+    primaryColor: "#2BEE79";
+    secondaryColor: "#1FA855";
+};
+/**
+ * Full custom theme tokens for more granular control.
+ */
+declare const kaleidoswapTokens: {
+    readonly colors: {
+        readonly primary: "#2BEE79";
+        readonly primaryDark: "#1FA855";
+        readonly primaryFg: "#102217";
+        readonly background: "#102217";
+        readonly surface: "#162E21";
+        readonly surfaceHighlight: "#243E30";
+        readonly border: "#244A35";
+        readonly textPrimary: "#FFFFFF";
+        readonly textSecondary: "#92C9A8";
+        readonly success: "#2BEE79";
+        readonly warning: "#F59E0B";
+        readonly error: "#F94040";
+        readonly info: "#4290FF";
+        readonly network: {
+            readonly bitcoin: "#F7931A";
+            readonly rgb: "#DD352E";
+            readonly arkade: "#7C3AED";
+            readonly spark: "#FF6D00";
+            readonly lightning: "#F6C343";
+        };
+        readonly tx: {
+            readonly sent: "#F94040";
+            readonly receive: "#2BEE79";
+            readonly swap: "#4290FF";
+        };
+    };
+};
+
+interface KaleidoThemeProviderProps {
+    children: ReactNode;
+    /** Override the default brand config */
+    brandConfig?: typeof kaleidoswapBrandConfig;
+    /** Default theme mode */
+    defaultMode?: 'light' | 'dark';
+}
+declare function KaleidoThemeProvider({ children, brandConfig, defaultMode, }: KaleidoThemeProviderProps): react_jsx_runtime.JSX.Element;
+
+type StatusType = 'success' | 'pending' | 'failed' | 'completed' | 'error';
+interface StatusBadgeProps {
+    status: StatusType;
+    style?: any;
+}
+declare function StatusBadge({ status, style }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+
+type NetworkType = 'L1' | 'LN' | 'RGB20' | 'RGB21' | 'RGB-L1' | 'RGB-LN' | 'Spark' | 'Arkade';
+interface NetworkBadgeProps {
+    network: NetworkType;
+    style?: any;
+}
+declare function NetworkBadge({ network, style }: NetworkBadgeProps): react_jsx_runtime.JSX.Element;
+
+declare const variantConfig: {
+    readonly error: {
+        readonly bg: "#EF44441A";
+        readonly borderColor: "#EF444433";
+        readonly iconColor: "#F87171";
+    };
+    readonly warning: {
+        readonly bg: "#F59E0B1A";
+        readonly borderColor: "#F59E0B33";
+        readonly iconColor: "#FBBF24";
+    };
+    readonly info: {
+        readonly bg: "#3B82F61A";
+        readonly borderColor: "#3B82F633";
+        readonly iconColor: "#60A5FA";
+    };
+    readonly success: {
+        readonly bg: "#2BEE791A";
+        readonly borderColor: "#2BEE7933";
+        readonly iconColor: "#2BEE79";
+    };
+};
+interface AlertBannerProps {
+    variant?: keyof typeof variantConfig;
+    children: ReactNode;
+    style?: any;
+}
+declare function AlertBanner({ variant, children, style }: AlertBannerProps): react_jsx_runtime.JSX.Element;
+
+interface SectionLabelProps {
+    children: ReactNode;
+    style?: any;
+}
+declare function SectionLabel({ children, style }: SectionLabelProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * KaleidoSwap Color Tokens
+ *
+ * Single source of truth for all color constants across web and native.
+ */
+declare const colors: {
+    /** Brand */
+    readonly primary: "#2BEE79";
+    readonly primaryDark: "#1FA855";
+    readonly primaryFg: "#102217";
+    /** Surfaces (dark theme — the default) */
+    readonly bgDark: "#102217";
+    readonly surfaceDark: "#162E21";
+    readonly surfaceHighlight: "#243E30";
+    readonly surfaceBorder: "#244A35";
+    readonly surfaceDarker: "#0B1810";
+    /** Surfaces (light theme) */
+    readonly bgLight: "#F6F8F7";
+    readonly surfaceLight: "#FFFFFF";
+    /** Text */
+    readonly textPrimary: "#FFFFFF";
+    readonly textSecondary: "#92C9A8";
+    readonly textMuted: "rgba(255,255,255,0.5)";
+    readonly textDimmed: "rgba(255,255,255,0.35)";
+    /** Semantic */
+    readonly success: "#2BEE79";
+    readonly warning: "#F59E0B";
+    readonly error: "#F94040";
+    readonly info: "#4290FF";
+    /** Network / Layer */
+    readonly network: {
+        readonly bitcoin: "#F7931A";
+        readonly rgb: "#DD352E";
+        readonly arkade: "#7C3AED";
+        readonly spark: "#FF6D00";
+        readonly lightning: "#F6C343";
+    };
+    /** Transaction direction */
+    readonly tx: {
+        readonly sent: "#F94040";
+        readonly receive: "#2BEE79";
+        readonly swap: "#4290FF";
+    };
+};
+
+/**
+ * KaleidoSwap Typography Tokens
+ */
+declare const fontFamily: {
+    readonly display: "'Geist Sans', system-ui, -apple-system, sans-serif";
+    readonly mono: "'Geist Mono', monospace";
+};
+/**
+ * Type scale — [fontSize, lineHeight]
+ */
+declare const typeScale: {
+    readonly xxs: readonly ["10px", "14px"];
+    readonly tiny: readonly ["11px", "16px"];
+    readonly caption: readonly ["13px", "18px"];
+    readonly body: readonly ["15px", "22px"];
+    readonly subhead: readonly ["17px", "24px"];
+    readonly title: readonly ["20px", "28px"];
+    readonly headline: readonly ["28px", "34px"];
+    readonly display: readonly ["36px", "40px"];
+};
+declare const fontWeight: {
+    readonly normal: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+};
+
+/**
+ * KaleidoSwap Border Radius Tokens
+ */
+declare const radius: {
+    readonly sm: "8px";
+    readonly md: "12px";
+    readonly lg: "16px";
+    readonly xl: "20px";
+    readonly card: "20px";
+    readonly panel: "22px";
+    readonly pill: "24px";
+    readonly nav: "14px";
+    readonly full: "9999px";
+};
+
+/**
+ * KaleidoSwap Shadow Tokens
+ */
+declare const shadow: {
+    readonly glow: "0 0 20px rgba(43, 238, 121, 0.15)";
+    readonly glowStrong: "0 0 30px rgba(43, 238, 121, 0.3)";
+    readonly glowSubtle: "0 0 15px rgba(43, 238, 121, 0.15)";
+    readonly glowAccent: "0 4px 30px rgba(43, 238, 121, 0.25)";
+};
+
+/**
+ * KaleidoSwap Transition Tokens
+ */
+declare const transition: {
+    readonly fast: "150ms ease-out";
+    readonly default: "200ms ease-out";
+    readonly slow: "300ms ease-out";
+};
+
+export { AlertBanner, KaleidoThemeProvider, NetworkBadge, type NetworkType, SectionLabel, StatusBadge, type StatusType, colors, fontFamily, fontWeight, kaleidoswapBrandConfig, kaleidoswapTokens, radius, shadow, transition, typeScale };

package/dist/native/index.js

@@ -0,0 +1,283 @@
+// src/native/provider.tsx
+import { ThemeProvider } from "@tetherto/wdk-uikit-react-native";
+
+// src/tokens/colors.ts
+var colors = {
+  /** Brand */
+  primary: "#2BEE79",
+  primaryDark: "#1FA855",
+  primaryFg: "#102217",
+  /** Surfaces (dark theme — the default) */
+  bgDark: "#102217",
+  surfaceDark: "#162E21",
+  surfaceHighlight: "#243E30",
+  surfaceBorder: "#244A35",
+  surfaceDarker: "#0B1810",
+  /** Surfaces (light theme) */
+  bgLight: "#F6F8F7",
+  surfaceLight: "#FFFFFF",
+  /** Text */
+  textPrimary: "#FFFFFF",
+  textSecondary: "#92C9A8",
+  textMuted: "rgba(255,255,255,0.5)",
+  textDimmed: "rgba(255,255,255,0.35)",
+  /** Semantic */
+  success: "#2BEE79",
+  warning: "#F59E0B",
+  error: "#F94040",
+  info: "#4290FF",
+  /** Network / Layer */
+  network: {
+    bitcoin: "#F7931A",
+    rgb: "#DD352E",
+    arkade: "#7C3AED",
+    spark: "#FF6D00",
+    lightning: "#F6C343"
+  },
+  /** Transaction direction */
+  tx: {
+    sent: "#F94040",
+    receive: "#2BEE79",
+    swap: "#4290FF"
+  }
+};
+
+// src/native/theme.ts
+var kaleidoswapBrandConfig = {
+  primaryColor: colors.primary,
+  secondaryColor: colors.primaryDark
+};
+var kaleidoswapTokens = {
+  colors: {
+    primary: colors.primary,
+    primaryDark: colors.primaryDark,
+    primaryFg: colors.primaryFg,
+    background: colors.bgDark,
+    surface: colors.surfaceDark,
+    surfaceHighlight: colors.surfaceHighlight,
+    border: colors.surfaceBorder,
+    textPrimary: colors.textPrimary,
+    textSecondary: colors.textSecondary,
+    success: colors.success,
+    warning: colors.warning,
+    error: colors.error,
+    info: colors.info,
+    network: colors.network,
+    tx: colors.tx
+  }
+};
+
+// src/native/provider.tsx
+import { jsx } from "react/jsx-runtime";
+function KaleidoThemeProvider({
+  children,
+  brandConfig,
+  defaultMode = "dark"
+}) {
+  return /* @__PURE__ */ jsx(
+    ThemeProvider,
+    {
+      brandConfig: brandConfig ?? kaleidoswapBrandConfig,
+      defaultMode,
+      children
+    }
+  );
+}
+
+// src/native/index.ts
+import {
+  AmountInput,
+  AssetSelector,
+  NetworkSelector,
+  Balance,
+  CryptoAddressInput,
+  QRCode,
+  TransactionItem,
+  TransactionList,
+  SeedPhrase,
+  ThemeProvider as ThemeProvider2,
+  useTheme
+} from "@tetherto/wdk-uikit-react-native";
+
+// src/native/components/status-badge.tsx
+import { View, Text, StyleSheet } from "react-native";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var statusConfig = {
+  success: { color: colors.primary, bg: `${colors.primary}1A`, borderColor: `${colors.primary}33`, label: "Success" },
+  completed: { color: colors.primary, bg: `${colors.primary}1A`, borderColor: `${colors.primary}33`, label: "Completed" },
+  pending: { color: "#EAB308", bg: "#EAB3081A", borderColor: "#EAB30833", label: "Pending" },
+  failed: { color: "#EF4444", bg: "#EF44441A", borderColor: "#EF444433", label: "Failed" },
+  error: { color: "#EF4444", bg: "#EF44441A", borderColor: "#EF444433", label: "Error" }
+};
+function StatusBadge({ status, style }) {
+  const config = statusConfig[status];
+  return /* @__PURE__ */ jsx2(View, { style: [styles.container, { backgroundColor: config.bg, borderColor: config.borderColor }, style], children: /* @__PURE__ */ jsx2(Text, { style: [styles.label, { color: config.color }], children: config.label }) });
+}
+var styles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 10,
+    paddingVertical: 4,
+    borderRadius: 9999,
+    borderWidth: 1
+  },
+  label: {
+    fontSize: 12,
+    fontWeight: "600"
+  }
+});
+
+// src/native/components/network-badge.tsx
+import { View as View2, Text as Text2, StyleSheet as StyleSheet2 } from "react-native";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var networkConfig = {
+  L1: { color: colors.network.bitcoin, label: "L1" },
+  LN: { color: colors.network.lightning, label: "LN" },
+  RGB20: { color: colors.network.rgb, label: "RGB" },
+  RGB21: { color: colors.network.rgb, label: "RGB21" },
+  "RGB-L1": { color: colors.network.rgb, label: "RGB L1" },
+  "RGB-LN": { color: colors.network.rgb, label: "RGB LN" },
+  Spark: { color: colors.network.spark, label: "Spark" },
+  Arkade: { color: colors.network.arkade, label: "Arkade" }
+};
+function NetworkBadge({ network, style }) {
+  const config = networkConfig[network];
+  return /* @__PURE__ */ jsx3(View2, { style: [styles2.container, { backgroundColor: `${config.color}1A`, borderColor: `${config.color}33` }, style], children: /* @__PURE__ */ jsx3(Text2, { style: [styles2.label, { color: config.color }], children: config.label }) });
+}
+var styles2 = StyleSheet2.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    borderRadius: 9999,
+    borderWidth: 1
+  },
+  label: {
+    fontSize: 10,
+    fontWeight: "700"
+  }
+});
+
+// src/native/components/alert-banner.tsx
+import { View as View3, Text as Text3, StyleSheet as StyleSheet3 } from "react-native";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var variantConfig = {
+  error: { bg: "#EF44441A", borderColor: "#EF444433", iconColor: "#F87171" },
+  warning: { bg: "#F59E0B1A", borderColor: "#F59E0B33", iconColor: "#FBBF24" },
+  info: { bg: "#3B82F61A", borderColor: "#3B82F633", iconColor: "#60A5FA" },
+  success: { bg: `${colors.primary}1A`, borderColor: `${colors.primary}33`, iconColor: colors.primary }
+};
+function AlertBanner({ variant = "info", children, style }) {
+  const config = variantConfig[variant];
+  return /* @__PURE__ */ jsx4(View3, { style: [styles3.container, { backgroundColor: config.bg, borderColor: config.borderColor }, style], children: typeof children === "string" ? /* @__PURE__ */ jsx4(Text3, { style: styles3.text, children }) : children });
+}
+var styles3 = StyleSheet3.create({
+  container: {
+    borderRadius: 12,
+    borderWidth: 1,
+    padding: 12,
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 8
+  },
+  text: {
+    fontSize: 14,
+    color: "#FFFFFF",
+    flex: 1
+  }
+});
+
+// src/native/components/section-label.tsx
+import { Text as Text4, StyleSheet as StyleSheet4 } from "react-native";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function SectionLabel({ children, style }) {
+  return /* @__PURE__ */ jsx5(Text4, { style: [styles4.label, style], children: typeof children === "string" ? children.toUpperCase() : children });
+}
+var styles4 = StyleSheet4.create({
+  label: {
+    fontSize: 10,
+    fontWeight: "900",
+    letterSpacing: 2.2,
+    color: "rgba(255, 255, 255, 0.3)"
+  }
+});
+
+// src/tokens/typography.ts
+var fontFamily = {
+  display: "'Geist Sans', system-ui, -apple-system, sans-serif",
+  mono: "'Geist Mono', monospace"
+};
+var typeScale = {
+  xxs: ["10px", "14px"],
+  tiny: ["11px", "16px"],
+  caption: ["13px", "18px"],
+  body: ["15px", "22px"],
+  subhead: ["17px", "24px"],
+  title: ["20px", "28px"],
+  headline: ["28px", "34px"],
+  display: ["36px", "40px"]
+};
+var fontWeight = {
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700"
+};
+
+// src/tokens/radius.ts
+var radius = {
+  sm: "8px",
+  md: "12px",
+  lg: "16px",
+  xl: "20px",
+  card: "20px",
+  panel: "22px",
+  pill: "24px",
+  nav: "14px",
+  full: "9999px"
+};
+
+// src/tokens/shadows.ts
+var shadow = {
+  glow: "0 0 20px rgba(43, 238, 121, 0.15)",
+  glowStrong: "0 0 30px rgba(43, 238, 121, 0.3)",
+  glowSubtle: "0 0 15px rgba(43, 238, 121, 0.15)",
+  glowAccent: "0 4px 30px rgba(43, 238, 121, 0.25)"
+};
+
+// src/tokens/transitions.ts
+var transition = {
+  fast: "150ms ease-out",
+  default: "200ms ease-out",
+  slow: "300ms ease-out"
+};
+export {
+  AlertBanner,
+  AmountInput,
+  AssetSelector,
+  Balance,
+  CryptoAddressInput,
+  KaleidoThemeProvider,
+  NetworkBadge,
+  NetworkSelector,
+  QRCode,
+  SectionLabel,
+  SeedPhrase,
+  StatusBadge,
+  ThemeProvider2 as ThemeProvider,
+  TransactionItem,
+  TransactionList,
+  colors,
+  fontFamily,
+  fontWeight,
+  kaleidoswapBrandConfig,
+  kaleidoswapTokens,
+  radius,
+  shadow,
+  transition,
+  typeScale,
+  useTheme
+};