@0djek/sveltix 0.0.6

package/dist/paragraph/models/index.d.ts

@@ -0,0 +1,3 @@
+export * from './PProps';
+export * from './PSize';
+export * from './PFont';

package/dist/paragraph/models/index.js

@@ -0,0 +1,3 @@
+export * from './PProps';
+export * from './PSize';
+export * from './PFont';

package/dist/theme/Component.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { InjectionKey } from '../di/DiContainer';
+import type { ThemableComponent } from './models/ThemableComponent';
+import { Theme } from './models/Theme';
+export declare abstract class Component<TStyles, TProps extends ThemableComponent<TStyles>> {
+    private _stylesKey;
+    private _styles;
+    private _theme;
+    private readonly _defaultKey;
+    protected readonly _getProps: () => TProps;
+    getTheme(): Theme;
+    getStyles(): TStyles;
+    constructor(props: () => TProps, defaultKey: InjectionKey<TStyles>);
+}

package/dist/theme/Component.svelte.js

@@ -0,0 +1,20 @@
+import { sveltix } from '..';
+import { Theme } from './models/Theme';
+import { DEFAULT_THEME } from './themeDefaults';
+export class Component {
+    _stylesKey = $derived.by(() => this._getProps().overrideStyles ?? this._defaultKey);
+    _styles = $derived.by(() => sveltix.resolve(this._stylesKey));
+    _theme = $derived.by(() => this._getProps().theme ?? DEFAULT_THEME);
+    _defaultKey;
+    _getProps;
+    getTheme() {
+        return this._theme;
+    }
+    getStyles() {
+        return this._styles;
+    }
+    constructor(props, defaultKey) {
+        this._getProps = props;
+        this._defaultKey = defaultKey;
+    }
+}

package/dist/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './models';
+export * from './Component.svelte';

package/dist/theme/index.js

@@ -0,0 +1,2 @@
+export * from './models';
+export * from './Component.svelte';

package/dist/theme/models/ThemableComponent.d.ts

@@ -0,0 +1,6 @@
+import type { InjectionKey } from '../../di/DiContainer';
+import type { Theme } from './Theme';
+export interface ThemableComponent<T> {
+    theme?: Theme;
+    overrideStyles?: InjectionKey<T>;
+}

package/dist/theme/models/ThemableComponent.js

@@ -0,0 +1 @@
+export {};

package/dist/theme/models/Theme.d.ts

@@ -0,0 +1,9 @@
+export declare enum Theme {
+    Primary = "Primary",
+    Secondary = "Secondary",
+    Neutral = "Neutral",
+    Info = "Info",
+    Negative = "Negative",
+    Positive = "Positive",
+    Warning = "Warning"
+}

package/dist/theme/models/Theme.js

@@ -0,0 +1,10 @@
+export var Theme;
+(function (Theme) {
+    Theme["Primary"] = "Primary";
+    Theme["Secondary"] = "Secondary";
+    Theme["Neutral"] = "Neutral";
+    Theme["Info"] = "Info";
+    Theme["Negative"] = "Negative";
+    Theme["Positive"] = "Positive";
+    Theme["Warning"] = "Warning";
+})(Theme || (Theme = {}));

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

@@ -0,0 +1,2 @@
+export * from './ThemableComponent';
+export * from './Theme';

package/dist/theme/models/index.js

@@ -0,0 +1,2 @@
+export * from './ThemableComponent';
+export * from './Theme';

package/dist/theme/themeDefaults.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from './models/Theme';
+export declare const DEFAULT_THEME = Theme.Neutral;

package/dist/theme/themeDefaults.js

@@ -0,0 +1,2 @@
+import { Theme } from './models/Theme';
+export const DEFAULT_THEME = Theme.Neutral;

package/dist/types/KeysOfType.d.ts

@@ -0,0 +1,3 @@
+export type KeysOfType<O, T> = {
+    [K in keyof O]: O[K] extends T ? K : never;
+}[keyof O];

package/dist/types/KeysOfType.js

@@ -0,0 +1 @@
+export {};

package/dist/types/SurfaceContainerStyles.d.ts

@@ -0,0 +1,4 @@
+export interface SurfaceContainerStyles {
+    onSurface: string;
+    onContainer: string;
+}

package/dist/types/SurfaceContainerStyles.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,82 @@
+{
+	"name": "@0djek/sveltix",
+	"version": "0.0.6",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"prepack": "svelte-kit sync && svelte-package && publint",
+		"test": "npm run test:integration && npm run test:unit",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "prettier --check . && eslint .",
+		"format": "prettier --write .",
+		"test:integration": "playwright test",
+		"test:unit": "vitest --project unit",
+		"test:ct": "vitest --project component"
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"sideEffects": [
+		"**/*.css"
+	],
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		},
+		"button": {
+			"types": "./dist/button/index.d.ts",
+			"svelte": "./dist/button/index.ts"
+		},
+		"cache": {
+			"types": "./dist/cache/index.d.ts",
+			"svelte": "./dist/cache/index.ts"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"devDependencies": {
+		"@eslint/compat": "^2.1.0",
+		"@eslint/js": "^10.0.1",
+		"@inlang/paraglide-js": "^2.18.0",
+		"@playwright/test": "^1.60.0",
+		"@sveltejs/adapter-auto": "^7.0.1",
+		"@sveltejs/kit": "^2.60.1",
+		"@sveltejs/package": "^2.5.7",
+		"@sveltejs/vite-plugin-svelte": "^7.1.2",
+		"@tailwindcss/forms": "^0.5.11",
+		"@tailwindcss/typography": "^0.5.19",
+		"@tailwindcss/vite": "^4.3.0",
+		"@types/node": "^25",
+		"@vitest/browser-playwright": "^4.1.6",
+		"eslint": "^10.4.0",
+		"eslint-config-prettier": "^10.1.8",
+		"eslint-plugin-svelte": "^3.17.1",
+		"globals": "^17.6.0",
+		"playwright": "^1.60.0",
+		"prettier": "^3.8.3",
+		"prettier-plugin-svelte": "^3.5.2",
+		"prettier-plugin-tailwindcss": "^0.8.0",
+		"publint": "^0.3.21",
+		"svelte": "^5.55.7",
+		"svelte-check": "^4.4.8",
+		"tailwindcss": "^4.3.0",
+		"typescript": "^6.0.3",
+		"typescript-eslint": "^8.59.3",
+		"vite": "^8.0.13",
+		"vitest": "^4.1.6",
+		"vitest-browser-svelte": "^2.1.1"
+	},
+	"dependencies": {
+		"@faker-js/faker": "^10.4.0"
+	}
+}