@danielito1996/compose-svelted 0.0.1 → 0.2.0

package/{src/lib/core/theme/colors.ts → dist/core/theme/colors.d.ts}

@@ -1,21 +1,15 @@
-export interface ColorScheme {
-    primary: string;
-    onPrimary: string;
-
-    secondary: string;
-    onSecondary: string;
-
-    background: string;
-    onBackground: string;
-
-    surface: string;
-    onSurface: string;
-
-    surfaceVariant: string;
-    onSurfaceVariant: string;
-
-    outline: string;
-
-    error: string;
-    onError: string;
-}
+export interface ColorScheme {
+    primary: string;
+    onPrimary: string;
+    secondary: string;
+    onSecondary: string;
+    background: string;
+    onBackground: string;
+    surface: string;
+    onSurface: string;
+    surfaceVariant: string;
+    onSurfaceVariant: string;
+    outline: string;
+    error: string;
+    onError: string;
+}

package/dist/core/theme/cssVars.d.ts

@@ -0,0 +1,2 @@
+import type { ComposeTheme } from "./theme";
+export declare function themeToCssVars(theme: ComposeTheme): string;

package/dist/core/theme/defaults/darkColors.d.ts

@@ -0,0 +1,2 @@
+import type { ColorScheme } from "../colors";
+export declare const darkColors: ColorScheme;

package/dist/core/theme/defaults/defaultTheme.d.ts

@@ -0,0 +1,3 @@
+import type { ComposeTheme } from "../theme";
+export declare const defaultLightTheme: ComposeTheme;
+export declare const defaultDarkTheme: ComposeTheme;

package/dist/core/theme/defaults/lightColors.d.ts

@@ -0,0 +1,2 @@
+import type { ColorScheme } from "../colors";
+export declare const lightColors: ColorScheme;

package/dist/core/theme/defaults/typography.d.ts

@@ -0,0 +1,2 @@
+import type { Typography } from "../typography";
+export declare const defaultTypography: Typography;

package/{src/lib/core/theme/elevation.ts → dist/core/theme/elevation.d.ts}

@@ -1,7 +1,7 @@
-export interface Elevation {
-    level0: string;
-    level1: string;
-    level2: string;
-    level3: string;
-    level4: string;
-}
+export interface Elevation {
+    level0: string;
+    level1: string;
+    level2: string;
+    level3: string;
+    level4: string;
+}

package/dist/core/theme/getCurrentColor.d.ts

@@ -0,0 +1 @@
+export declare function getCurrentColor(token: string): string;

package/dist/core/theme/resolve.d.ts

@@ -0,0 +1,5 @@
+import type { ColorToken } from "./ColorScheme";
+import type { TextStyleToken } from "./TextStyle";
+export declare const resolveColor: (c: ColorToken) => string;
+export declare function resolveTintColor(color: ColorToken | string): string;
+export declare const resolveTextStyle: (t: TextStyleToken) => string;

package/{src/lib/core/theme/shapes.ts → dist/core/theme/shapes.d.ts}

@@ -1,7 +1,7 @@
-export interface Shapes {
-    none: string;
-    extraSmall: string;
-    small: string;
-    medium: string;
-    large: string;
-}
+export interface Shapes {
+    none: string;
+    extraSmall: string;
+    small: string;
+    medium: string;
+    large: string;
+}

package/{src/lib/core/theme/spacing.ts → dist/core/theme/spacing.d.ts}

@@ -1,7 +1,7 @@
-export interface Spacing {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-}
+export interface Spacing {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+}

package/dist/core/theme/store.d.ts

@@ -0,0 +1,2 @@
+export declare const themeState: any;
+export declare const resolvedTheme: any;

package/dist/core/theme/systemTheme.d.ts

@@ -0,0 +1,2 @@
+export type SystemTheme = "light" | "dark";
+export declare const systemTheme: any;

package/{src/lib/core/theme/theme.ts → dist/core/theme/theme.d.ts}

@@ -1,15 +1,13 @@
-import type { ColorScheme } from "./colors";
-import type { Typography } from "./typography";
-import type { Shapes } from "./shapes";
-import type { Spacing } from "./spacing";
-import type { Elevation } from "./elevation";
-
-export interface ComposeTheme {
-    colorScheme: ColorScheme;
-    typography: Typography;
-    shapes: Shapes;
-    spacing: Spacing;
-    elevation: Elevation;
-}
-
-export type ThemeMode = "light" | "dark" | "system";
+import type { ColorScheme } from "./colors";
+import type { Typography } from "./typography";
+import type { Shapes } from "./shapes";
+import type { Spacing } from "./spacing";
+import type { Elevation } from "./elevation";
+export interface ComposeTheme {
+    colorScheme: ColorScheme;
+    typography: Typography;
+    shapes: Shapes;
+    spacing: Spacing;
+    elevation: Elevation;
+}
+export type ThemeMode = "light" | "dark" | "system";

package/{src/lib/core/theme/typography.ts → dist/core/theme/typography.d.ts}

@@ -1,29 +1,24 @@
-export interface TextStyle {
-    fontFamily: string;
-    fontSize: string;
-    lineHeight: string;
-    letterSpacing: string;
-    fontWeight: number;
-}
-
-export interface Typography {
-    displayLarge: TextStyle;
-    displayMedium: TextStyle;
-    displaySmall: TextStyle;
-
-    headlineLarge: TextStyle;
-    headlineMedium: TextStyle;
-    headlineSmall: TextStyle;
-
-    titleLarge: TextStyle;
-    titleMedium: TextStyle;
-    titleSmall: TextStyle;
-
-    bodyLarge: TextStyle;
-    bodyMedium: TextStyle;
-    bodySmall: TextStyle;
-
-    labelLarge: TextStyle;
-    labelMedium: TextStyle;
-    labelSmall: TextStyle;
-}
+export interface TextStyle {
+    fontFamily: string;
+    fontSize: string;
+    lineHeight: string;
+    letterSpacing: string;
+    fontWeight: number;
+}
+export interface Typography {
+    displayLarge: TextStyle;
+    displayMedium: TextStyle;
+    displaySmall: TextStyle;
+    headlineLarge: TextStyle;
+    headlineMedium: TextStyle;
+    headlineSmall: TextStyle;
+    titleLarge: TextStyle;
+    titleMedium: TextStyle;
+    titleSmall: TextStyle;
+    bodyLarge: TextStyle;
+    bodyMedium: TextStyle;
+    bodySmall: TextStyle;
+    labelLarge: TextStyle;
+    labelMedium: TextStyle;
+    labelSmall: TextStyle;
+}

package/dist/index.d.ts

@@ -0,0 +1,152 @@
+// =======================================
+// Compose Svelted – Public API (Core V2)
+// =======================================
+
+import type { SvelteComponent } from "svelte";
+
+// =======================================
+// Root / Theme
+// =======================================
+
+export class ComposeTheme extends SvelteComponent {}
+export class AppRoot extends SvelteComponent {}
+
+// =======================================
+// Layouts
+// =======================================
+
+export class Column extends SvelteComponent {}
+export class Row extends SvelteComponent {}
+export class Box extends SvelteComponent {}
+export class Spacer extends SvelteComponent {}
+export class LazyColumn extends SvelteComponent {}
+export class LazyRow extends SvelteComponent {}
+export class Scaffold extends SvelteComponent {}
+
+// =======================================
+// Core UI Components
+// =======================================
+
+export class Surface extends SvelteComponent {}
+export class Text extends SvelteComponent {}
+export class Button extends SvelteComponent {}
+export class TextButton extends SvelteComponent {}
+export class TonalButton extends SvelteComponent {}
+export class IconButton extends SvelteComponent {}
+export class ButtonWithIcon extends SvelteComponent {}
+export class OutlinedButton extends SvelteComponent {}
+export class OutlinedButtonWithIcon extends SvelteComponent {}
+export class CheckButton extends SvelteComponent {}
+
+export class Card extends SvelteComponent {}
+export class OutlinedCard extends SvelteComponent {}
+
+export class TextField extends SvelteComponent {}
+export class OutlinedTextField extends SvelteComponent {}
+
+export class Image extends SvelteComponent {}
+export class Icon extends SvelteComponent {}
+
+// =======================================
+// Motion
+// =======================================
+
+export class AnimatedVisibility extends SvelteComponent {}
+export class AnimatedContent extends SvelteComponent {}
+
+// =======================================
+// Navigation
+// =======================================
+
+export class NavHost extends SvelteComponent {}
+
+// =======================================
+// Custom / Docs
+// =======================================
+
+export class CodeBlock extends SvelteComponent {}
+
+// =======================================
+// Tokens / Helpers (TypeScript only)
+// =======================================
+
+export * from "../src/lib/core/shapes/RoundedCornerShape";
+export * from "../src/lib/core/theme/ColorScheme";
+export * from "../src/lib/core/theme/TextStyle";
+export * from "../src/lib/core/theme/Density";
+
+export * from "../src/lib/core/modifier/Modifier";
+
+export * from "../src/lib/components/layouts/Arrangement";
+export * from "../src/lib/components/layouts/Alignment";
+export * from "../src/lib/components/ContentScale";
+
+export * from "../src/lib/core/helpers/painterResource";
+
+export * from "../src/lib/core/motion/AnimationSpec";
+export * from "../src/lib/core/motion/transitions";
+export * from "../src/lib/core/motion/contentTransitions";
+
+export * from "../src/lib/core/navigation/Route";
+export * from "../src/lib/core/navigation/NavController";
+export * from "../src/lib/core/navigation/rememberNavController";
+export * from "../src/lib/core/navigation/composable";
+/*// =========================
+// COMPONENTS (Svelte)
+// =========================
+// LAYOUTS
+export { default as ComposeTheme } from "./core/theme/ComposeTheme.svelte";
+export { default as AppRoot } from "./components/AppRoot.svelte"
+// COMPONENTS
+export { default as Surface } from "./components/Surface.svelte";
+export { default as Text } from "./components/Text.svelte";
+export { default as Column } from "./components/layouts/Column.svelte";
+export { default as Row } from "./components/layouts/Row.svelte";
+export { default as Box } from "./components/layouts/Box.svelte";
+export { default as Spacer } from "./components/Spacer.svelte"
+export { default as Button } from "./components/buttons/Button.svelte"
+export { default as IconButton } from "./components/buttons/IconButton.svelte"
+export { default as ButtonWithIcon } from "./components/buttons/ButtonWithIcon.svelte"
+export { default as OutlinedIconButton } from "./components/buttons/OutlinedButton.svelte"
+export { default as OutlinedButtonWithIcon } from "./components/buttons/OutlinedButtonWithIcon.svelte"
+export { default as CheckButton } from "./components/buttons/CheckButton.svelte"
+export { default as TextButton } from "./components/buttons/TextButton.svelte"
+export { default as OutlinedButton } from "./components/buttons/OutlinedButton.svelte"
+export { default as Card } from "./components/cards/Card.svelte"
+export { default as OutlinedCard } from "./components/cards/OutlinedCard.svelte"
+export { default as TextField } from "./components/textFields/TextField.svelte"
+export { default as OutlinedTextField } from "./components/textFields/OutlinedTextField.svelte"
+export { default as TonalButton } from "./components/TonalButton.svelte"
+export { default as LazyColumn } from "./components/layouts/LazyColumn.svelte"
+export { default as LazyRow } from "./components/layouts/LazyRow.svelte"
+export { default as Icon } from "./components/Icon.svelte"
+export { default as Image } from "./components/Image.svelte"
+export { default as Scaffold } from "./components/layouts/Scaffold.svelte"
+// Motions
+export { default as AnimatedVisibility } from "./components/motion/AnimatedVisibility.svelte"
+export { default as AnimatedContent } from "./components/motion/AnimatedContent.svelte"
+// Custom
+export { default as CodeBlock } from "./components/custom/CodeBlock.svelte"
+// Navigation
+export { default as NavHost } from "./core/navigation/NavHost.svelte";
+
+// =========================
+// TOKENS / API (TS only)
+// =========================
+export * from "./core/shapes/RoundedCornerShape"
+export * from "./core/theme/ColorScheme";
+export * from "./core/theme/TextStyle";
+export * from "./core/modifier/Modifier"
+export * from "./components/layouts/Arrangement";
+export * from "./components/layouts/Alignment";
+export * from "./components/ContentScale"
+export * from "./core/helpers/painterResource"
+export * from "./components/ContentScale"
+export * from "./core/theme/Density"
+export * from "./core/motion/AnimationSpec"
+export * from "./core/motion/transitions"
+export * from "./core/motion/contentTransitions"
+export * from "./core/navigation/Route";
+export * from "./core/navigation/NavController";
+export * from "./core/navigation/rememberNavController";
+export * from "./core/navigation/composable";*/