@avalabs/k2-alpine 0.0.0-main-747398c

package/dist/theme/components/input.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material';
+export declare const input: Components<Theme>;

package/dist/theme/components/popover.d.ts

@@ -0,0 +1,7 @@
+import { ThemeOptions } from '@mui/material';
+declare module '@mui/material/Popover' {
+    interface PopoverPaperSlotPropsOverrides {
+        suppressThemeInversion?: boolean;
+    }
+}
+export declare const popover: ThemeOptions['components'];

package/dist/theme/components/popper.d.ts

@@ -0,0 +1,2 @@
+import { ThemeOptions } from '@mui/material';
+export declare const popper: ThemeOptions['components'];

package/dist/theme/components/progress.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material';
+export declare const circularProgress: Components<Theme>;

package/dist/theme/components/slider.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material';
+export declare const slider: Components<Theme>;

package/dist/theme/components/switch.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material';
+export declare const switchComponent: Components<Theme>;

package/dist/theme/components/table.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material';
+export declare const table: Components<Theme>;

package/dist/theme/components/tabs.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material';
+export declare const tabs: Components<Theme>;

package/dist/theme/components/toolbar.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material';
+export declare const toolbar: Components<Theme>;

package/dist/theme/components/typography.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material';
+export declare const typography: Components<Theme>;

package/dist/theme/fonts.d.ts

@@ -0,0 +1,4 @@
+export declare const INTER_FONT_FAMILY = "Inter";
+export declare const DEJAVU_SANS_MONO_FONT_FAMILY = "DejaVu Sans Mono";
+export declare const AEONIK_FONT_FAMILY = "Aeonik";
+export declare const getFonts: () => string;

package/dist/theme/index.d.ts

@@ -0,0 +1 @@
+export * from './theme';

package/dist/theme/logos/index.d.ts

@@ -0,0 +1,43 @@
+export { default as Ach } from '../../../assets/branding/ach.svg';
+export { default as ApplePay } from '../../../assets/branding/apple_pay.svg';
+export { default as BankTransfer } from '../../../assets/branding/bank_transfer.svg';
+export { default as Binance } from '../../../assets/branding/binance.svg';
+export { default as Cash } from '../../../assets/branding/cash.svg';
+export { default as Coinbase } from '../../../assets/branding/coinbase.svg';
+export { default as CreditCard } from '../../../assets/branding/credit_card.svg';
+export { default as GooglePay } from '../../../assets/branding/google_pay.svg';
+export { default as MobileMoney } from '../../../assets/branding/mobile_money.svg';
+export { default as ShopeePay } from '../../../assets/branding/shopee_pay.svg';
+export { default as Alchemy } from '../../../assets/logos/provider-alchemy.svg';
+export { default as Banxa } from '../../../assets/logos/provider-banxa.svg';
+export { default as Bilira } from '../../../assets/logos/provider-bilira.svg';
+export { default as BinanceConnect } from '../../../assets/logos/provider-binanceconnect.svg';
+export { default as BlockChainDotCom } from '../../../assets/logos/provider-blockchaincom.svg';
+export { default as BtcDirect } from '../../../assets/logos/provider-btcdirect.svg';
+export { default as CoinbasePay } from '../../../assets/logos/provider-coinbase.svg';
+export { default as Coinflow } from '../../../assets/logos/provider-coinflow.svg';
+export { default as Fonbnk } from '../../../assets/logos/provider-fonbnk.svg';
+export { default as Guardarian } from '../../../assets/logos/provider-guardarian.svg';
+export { default as Harbour } from '../../../assets/logos/provider-harbour.svg';
+export { default as Koywe } from '../../../assets/logos/provider-koywe.svg';
+export { default as Kyber } from '../../../assets/logos/provider-kyber.svg';
+export { default as Mercuryo } from '../../../assets/logos/provider-mercuryo.svg';
+export { default as Mesh } from '../../../assets/logos/provider-mesh.svg';
+export { default as Odos } from '../../../assets/logos/provider-odos.svg';
+export { default as Onmeta } from '../../../assets/logos/provider-onmeta.svg';
+export { default as Onramp } from '../../../assets/logos/provider-onramp.svg';
+export { default as Paybis } from '../../../assets/logos/provider-paybis.svg';
+export { default as Paypal } from '../../../assets/logos/provider-paypal.svg';
+export { default as Revolut } from '../../../assets/logos/provider-revolut.svg';
+export { default as Robinhood } from '../../../assets/logos/provider-robinhood.svg';
+export { default as Sardine } from '../../../assets/logos/provider-sardine.svg';
+export { default as Shift4 } from '../../../assets/logos/provider-shift4.svg';
+export { default as Simplex } from '../../../assets/logos/provider-simplex.svg';
+export { default as Stripe } from '../../../assets/logos/provider-stripe.svg';
+export { default as Topper } from '../../../assets/logos/provider-topper.svg';
+export { default as Transak } from '../../../assets/logos/provider-transak.svg';
+export { default as Transfi } from '../../../assets/logos/provider-transfi.svg';
+export { default as Unlimit } from '../../../assets/logos/provider-unlimit.svg';
+export { default as Velora } from '../../../assets/logos/provider-velora.svg';
+export { default as Yak } from '../../../assets/logos/provider-yak.svg';
+export { default as YellowCard } from '../../../assets/logos/provider-yellowcard.svg';

package/dist/theme/palette.d.ts

@@ -0,0 +1,4 @@
+import { PaletteOptions } from '@mui/material';
+export declare const lightPalette: PaletteOptions;
+export declare const darkPalette: PaletteOptions;
+export declare const testnetPalette: PaletteOptions;

package/dist/theme/shape.d.ts

@@ -0,0 +1,2 @@
+import { ThemeOptions } from '@mui/material';
+export declare const shape: ThemeOptions['shape'];

package/dist/theme/theme.d.ts

@@ -0,0 +1,289 @@
+import { CSSProperties } from '@mui/material/styles/createMixins';
+import { Theme } from '@mui/material';
+export type CoreTheme = 'light' | 'dark' | 'testnet';
+export declare const lightTheme: Theme;
+export declare const darkTheme: Theme;
+export declare const testnetTheme: Theme;
+export declare function getTheme(theme: CoreTheme): Theme;
+type ThemeComponentStylesOverride<T = CSSProperties> = T | (({ theme }: {
+    theme: Theme;
+}) => T);
+declare module '@mui/material/styles' {
+    interface Theme {
+        shape: {
+            borderRadius: number | string;
+            mediumBorderRadius: number | string;
+            largeBorderRadius: number | string;
+            xlargeBorderRadius: number | string;
+            fullBorderRadius: number | string;
+        };
+        componentStyles: {
+            accountDetails?: ThemeComponentStylesOverride;
+            appBar?: ThemeComponentStylesOverride;
+            drawer?: ThemeComponentStylesOverride;
+            buttonDisabled?: ThemeComponentStylesOverride;
+            buttonHoverWithBoxShadow?: ThemeComponentStylesOverride;
+            buttonFocused?: ThemeComponentStylesOverride;
+            tableCell?: ThemeComponentStylesOverride;
+            popover?: ThemeComponentStylesOverride;
+            popper?: ThemeComponentStylesOverride;
+            cookieBanner?: ThemeComponentStylesOverride;
+        };
+    }
+    interface ThemeOptions {
+        shape?: {
+            borderRadius?: number | string;
+            mediumBorderRadius?: number | string;
+            largeBorderRadius?: number | string;
+            xlargeBorderRadius?: number | string;
+            fullBorderRadius?: number | string;
+        };
+        componentStyles?: {
+            accountDetails?: ThemeComponentStylesOverride;
+            appBar?: ThemeComponentStylesOverride;
+            drawer?: ThemeComponentStylesOverride;
+            buttonDisabled?: ThemeComponentStylesOverride;
+            buttonHoverWithBoxShadow?: ThemeComponentStylesOverride;
+            buttonFocused?: ThemeComponentStylesOverride;
+            tableCell?: ThemeComponentStylesOverride;
+            popover?: ThemeComponentStylesOverride;
+            popper?: ThemeComponentStylesOverride;
+            cookieBanner?: ThemeComponentStylesOverride;
+        };
+    }
+    interface TypographyVariants {
+        body3: React.CSSProperties;
+        h7: React.CSSProperties;
+        subtitle3: React.CSSProperties;
+        subtitle4: React.CSSProperties;
+        caption2: React.CSSProperties;
+        mono: React.CSSProperties;
+        mono2: React.CSSProperties;
+    }
+    /**
+     * allows configuration using `createTheme`
+     */
+    interface TypographyVariantsOptions {
+        body3?: React.CSSProperties;
+        h7?: React.CSSProperties;
+        subtitle3?: React.CSSProperties;
+        subtitle4?: React.CSSProperties;
+        caption2?: React.CSSProperties;
+        mono?: React.CSSProperties;
+        mono2?: React.CSSProperties;
+    }
+    interface CommonColors {
+        black_25: string;
+        white_10_alpha_match: string;
+        white_10: string;
+        white_30: string;
+        white_60: string;
+        white_80: string;
+    }
+    interface Palette {
+        alphaMatch: {
+            paper: string;
+            backdropSolid: string;
+        };
+        avagpt: {
+            background: {
+                dialog: string;
+                botMessage: string;
+                userMessage: string;
+                input: string;
+                support: string;
+            };
+            button: {
+                background: string;
+                border: string;
+            };
+            text: {
+                botMessage: string;
+                userMessage: string;
+            };
+        };
+        avalanche: {
+            main: string;
+        };
+        datePicker: {
+            background: string;
+            border: string;
+            hover: string;
+            text: string;
+            textSelected: string;
+            textSecondary: string;
+        };
+        green: {
+            light: string;
+            main: string;
+        };
+        red: {
+            main: string;
+        };
+        teal: {
+            main: string;
+        };
+        neutral: {
+            50: string;
+            850: string;
+            '850_10_alpha_match': string;
+            '850_10': string;
+            '850_30': string;
+            '850_50': string;
+            '850_60': string;
+            '850_80': string;
+            '850_90': string;
+            900: string;
+            950: string;
+        };
+        glass: {
+            light: string;
+            light2: string;
+            dark: string;
+            dark2: string;
+            dark3: string;
+        };
+        surface: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+        };
+        successAlt: {
+            main: string;
+            secondary: string;
+        };
+        gradient: {
+            conic1: string;
+            conic2: string;
+            conic3: string;
+            conic4: string;
+            glow: string;
+            positiveChange: string;
+            negativeChange: string;
+        };
+    }
+    interface PaletteOptions {
+        alphaMatch?: {
+            paper: string;
+            backdropSolid: string;
+        };
+        avagpt?: {
+            background: {
+                dialog: string;
+                botMessage: string;
+                userMessage: string;
+                input: string;
+                support: string;
+            };
+            button: {
+                background: string;
+                border: string;
+            };
+            text: {
+                botMessage: string;
+                userMessage: string;
+            };
+        };
+        avalanche?: {
+            main: string;
+        };
+        datePicker?: {
+            background: string;
+            border: string;
+            hover: string;
+            text: string;
+            textSelected: string;
+            textSecondary: string;
+        };
+        green?: {
+            light: string;
+            main: string;
+        };
+        red?: {
+            main: string;
+        };
+        teal?: {
+            main: string;
+        };
+        neutral?: {
+            50?: string;
+            850?: string;
+            '850_10_alpha_match'?: string;
+            '850_10'?: string;
+            '850_30'?: string;
+            '850_50'?: string;
+            '850_60'?: string;
+            '850_80'?: string;
+            '850_90'?: string;
+            900?: string;
+            950?: string;
+        };
+        glass?: {
+            light?: string;
+            light2?: string;
+            dark?: string;
+            dark2?: string;
+            dark3?: string;
+        };
+        surface?: {
+            primary?: string;
+            secondary?: string;
+            tertiary?: string;
+        };
+        successAlt?: {
+            main?: string;
+            secondary?: string;
+        };
+        gradient?: {
+            conic1?: string;
+            conic2?: string;
+            conic3?: string;
+            conic4?: string;
+            glow?: string;
+            positiveChange?: string;
+            negativeChange?: string;
+        };
+    }
+    interface TypeBackground {
+        backdrop: string;
+        default: string;
+        paper: string;
+        navBarItem: string;
+        switchTrackUnchecked: string;
+        icon: string;
+        popover: string;
+    }
+}
+declare module '@mui/material/styles/createTypography' {
+    interface FontStyle {
+        fontFamilyMonospace: string;
+        fontWeightSemiBold: number;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        h7: true;
+        body3: true;
+        subtitle3: true;
+        subtitle4: true;
+        caption2: true;
+        mono: true;
+        mono2: true;
+    }
+    interface TypographyClasses {
+        h7: true;
+        body3: true;
+        subtitle3: true;
+        subtitle4: true;
+        caption2: true;
+        mono: true;
+        mono2: true;
+    }
+}
+declare module '@mui/material/Button' {
+    interface ButtonPropsSizeOverrides {
+        extension: true;
+        xsmall: true;
+    }
+}
+export {};

package/dist/theme/typography.d.ts

@@ -0,0 +1,3 @@
+import { ThemeOptions } from '@mui/material';
+export declare const DEFAULT_FONT_FAMILIES: string;
+export declare const typography: ThemeOptions['typography'];

package/dist/theme/utilities/getComponentStyles.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@mui/material';
+import { CSSProperties } from '@mui/material/styles/createMixins';
+export declare function getComponentStyles(theme: Theme, componentKey: keyof Theme['componentStyles']): CSSProperties | undefined;

package/dist/utils/combineSx.d.ts

@@ -0,0 +1,2 @@
+import { SxProps, Theme } from '@mui/material';
+export declare function combineSx(...args: (SxProps<Theme> | undefined)[]): SxProps<Theme>;

package/dist/utils/getHexAlpha.d.ts

@@ -0,0 +1,3 @@
+type AlphaOptions = 0 | 5 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 55 | 60 | 65 | 70 | 75 | 80 | 85 | 90 | 95 | 100;
+export declare function getHexAlpha(hex: string, alpha: AlphaOptions): string;
+export {};

package/dist/utils/withSx.d.ts

@@ -0,0 +1,13 @@
+import { BoxProps } from '@mui/material';
+import { ComponentType } from 'react';
+/**
+ * A higher-order component that adds sx prop to the wrapped component.
+ *
+ * @param WrappedComponent The component to wrap.
+ * @returns The wrapped component with sx prop.
+ *
+ */
+export interface WithSxProps {
+    sx?: BoxProps['sx'];
+}
+export declare function withSx<T extends object>(WrappedComponent: ComponentType<T>): ComponentType<T & WithSxProps>;

package/dist/utils/withThemeInvert.d.ts

@@ -0,0 +1,4 @@
+import { ComponentType } from 'react';
+export declare function withThemeInvert<TProps extends object>(Component: ComponentType<TProps>): import('react').FunctionComponent<TProps & {
+    suppressThemeInversion?: boolean;
+}>;

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@avalabs/k2-alpine",
+  "author": "Ava Labs",
+  "license": "Limited Ecosystem License",
+  "version": "0.0.0-main-747398c",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.js"
+    },
+    "./branding/": "./assets/branding/",
+    "./currencies/": "./assets/currencies/",
+    "./tokens/": "./assets/tokens/",
+    "./transactions/": "./assets/transactions/"
+  },
+  "files": [
+    "dist",
+    "assets"
+  ],
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/lab": "6.0.1-beta.33",
+    "@mui/material": "^6.4.10",
+    "dayjs": "^1.11.13",
+    "lodash-es": "4.17.21",
+    "react-country-flag": "3.1.0",
+    "react-day-picker": "^9.7.0",
+    "sonner": "^2.0.3"
+  },
+  "peerDependencies": {
+    "motion": "^12.5.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-icons": "^5.4.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.6",
+    "@contentful/rich-text-plain-text-renderer": "^17.0.0",
+    "@contentful/rich-text-react-renderer": "^16.0.0",
+    "@contentful/rich-text-types": "^16.5.2",
+    "@storybook/addon-essentials": "8.6.12",
+    "@storybook/addon-interactions": "8.6.12",
+    "@storybook/addon-onboarding": "8.6.12",
+    "@storybook/addon-themes": "8.6.12",
+    "@storybook/blocks": "8.6.12",
+    "@storybook/react": "8.6.12",
+    "@storybook/react-vite": "8.6.12",
+    "@storybook/test": "8.6.12",
+    "@types/lodash-es": "4.17.12",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.6.0",
+    "motion": "^12.5.0",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-icons": "^5.4.0",
+    "rimraf": "^6.0.1",
+    "storybook": "8.6.12",
+    "storybook-dark-mode": "^4.0.2",
+    "typescript": "^5.8.3",
+    "vite": "^7.0.4",
+    "vite-plugin-dts": "^4.5.0"
+  },
+  "scripts": {
+    "dev": "pnpm run storybook",
+    "storybook": "storybook dev -p 6006",
+    "build:library": "rimraf dist && vite build",
+    "build:storybook": "storybook build",
+    "typecheck": "tsc --noEmit"
+  }
+}