eidosui 0.1.0__py3-none-any.whl → 0.3.0__py3-none-any.whl

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
eidos/static/eidos-ui.js DELETED
@@ -1,74 +0,0 @@
1
- /**
2
- * EidosUI Theme Switcher
3
- * Client-side utilities for theme management
4
- */
5
-
6
- (function() {
7
- 'use strict';
8
-
9
- // Theme management functions
10
- window.EidosUI = {
11
- /**
12
- * Set the current theme
13
- * @param {string} theme - Theme name ('light' or 'dark')
14
- */
15
- setTheme: function(theme) {
16
- document.documentElement.setAttribute('data-theme', theme);
17
- localStorage.setItem('eidos-theme', theme);
18
-
19
- // Dispatch custom event
20
- document.dispatchEvent(new CustomEvent('eidos:theme-changed', {
21
- detail: { theme: theme }
22
- }));
23
- },
24
-
25
- /**
26
- * Get the current theme
27
- * @returns {string} Current theme name
28
- */
29
- getTheme: function() {
30
- return document.documentElement.getAttribute('data-theme') || 'light';
31
- },
32
-
33
- /**
34
- * Toggle between light and dark themes
35
- */
36
- toggleTheme: function() {
37
- const current = this.getTheme();
38
- const next = current === 'light' ? 'dark' : 'light';
39
- this.setTheme(next);
40
- },
41
-
42
- /**
43
- * Initialize theme from localStorage or system preference
44
- */
45
- initTheme: function() {
46
- const savedTheme = localStorage.getItem('eidos-theme');
47
- const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
48
- const theme = savedTheme || systemTheme;
49
- this.setTheme(theme);
50
- }
51
- };
52
-
53
- // Auto-initialize when DOM is ready
54
- if (document.readyState === 'loading') {
55
- document.addEventListener('DOMContentLoaded', function() {
56
- window.EidosUI.initTheme();
57
- });
58
- } else {
59
- window.EidosUI.initTheme();
60
- }
61
-
62
- // Listen for system theme changes
63
- window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function(e) {
64
- // Only auto-switch if user hasn't set a preference
65
- if (!localStorage.getItem('eidos-theme')) {
66
- window.EidosUI.setTheme(e.matches ? 'dark' : 'light');
67
- }
68
- });
69
-
70
- // Global functions for convenience
71
- window.setTheme = window.EidosUI.setTheme.bind(window.EidosUI);
72
- window.toggleTheme = window.EidosUI.toggleTheme.bind(window.EidosUI);
73
-
74
- })();
eidos/themes/dark.css DELETED
@@ -1,52 +0,0 @@
1
- /* EidosUI Dark Theme */
2
- [data-theme="dark"] {
3
- /* Surface Colors - Dark Mode Overrides */
4
- --color-background: #0f172a;
5
- --color-surface: #1e293b;
6
- --color-surface-elevated: #334155;
7
- --color-border: #334155;
8
- --color-border-hover: #475569;
9
- --color-input: #1e293b;
10
- --color-card: #1e293b;
11
-
12
- /* Text Colors - Dark Mode Overrides */
13
- --color-text: #f8fafc;
14
- --color-text-muted: #94a3b8;
15
- --color-text-subtle: #64748b;
16
- --color-text-inverse: #0f172a;
17
-
18
- /* Primary Color Override - Blue for Dark Mode */
19
- --color-primary: #60a5fa;
20
- --color-primary-hover: #3b82f6;
21
- --color-primary-light: #1e3a8a;
22
- --color-primary-dark: #2563eb;
23
- --color-primary-foreground: #1f2937;
24
-
25
- /* Dark mode overrides for semantic colors */
26
- --color-secondary: #9ca3af;
27
- --color-secondary-hover: #d1d5db;
28
- --color-secondary-light: #374151;
29
- --color-secondary-foreground: #1f2937;
30
-
31
- --color-success: #34d399;
32
- --color-success-hover: #10b981;
33
- --color-success-light: #065f46;
34
-
35
- --color-cta: #fbbf24;
36
- --color-cta-hover: #f59e0b;
37
- --color-cta-light: #92400e;
38
- --color-cta-foreground: #1f2937;
39
-
40
- /* Other semantic colors for dark mode */
41
- --color-accent-light: #581c87;
42
- --color-warning-light: #713f12;
43
- --color-error-light: #7f1d1d;
44
- --color-info-light: #0c4a6e;
45
-
46
- /* Enhanced shadows for dark mode */
47
- --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
48
- --shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.4), 0 1px 2px -1px rgb(0 0 0 / 0.4);
49
- --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4);
50
- --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.4);
51
- --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.4), 0 8px 10px -6px rgb(0 0 0 / 0.4);
52
- }
eidos/themes/light.css DELETED
@@ -1,110 +0,0 @@
1
- /* EidosUI Light Theme */
2
- :root {
3
- /* Core Colors */
4
- --color-primary: #3b82f6;
5
- --color-primary-hover: #2563eb;
6
- --color-primary-light: #dbeafe;
7
- --color-primary-dark: #1d4ed8;
8
- --color-primary-foreground: #ffffff;
9
-
10
- --color-secondary: #6b7280;
11
- --color-secondary-hover: #4b5563;
12
- --color-secondary-light: #f9fafb;
13
- --color-secondary-dark: #374151;
14
- --color-secondary-foreground: #ffffff;
15
-
16
- --color-accent: #7c3aed;
17
- --color-accent-hover: #6d28d9;
18
- --color-accent-light: #f3e8ff;
19
- --color-accent-foreground: #ffffff;
20
-
21
- /* Semantic Colors */
22
- --color-success: #10b981;
23
- --color-success-hover: #059669;
24
- --color-success-light: #d1fae5;
25
- --color-success-foreground: #ffffff;
26
-
27
- --color-cta: #f59e0b;
28
- --color-cta-hover: #d97706;
29
- --color-cta-light: #fef3c7;
30
- --color-cta-foreground: #ffffff;
31
-
32
- --color-warning: #eab308;
33
- --color-warning-hover: #ca8a04;
34
- --color-warning-light: #fefce8;
35
- --color-warning-foreground: #000000;
36
-
37
- --color-error: #dc2626;
38
- --color-error-hover: #b91c1c;
39
- --color-error-light: #fef2f2;
40
- --color-error-foreground: #ffffff;
41
-
42
- --color-info: #0ea5e9;
43
- --color-info-hover: #0284c7;
44
- --color-info-light: #f0f9ff;
45
- --color-info-foreground: #ffffff;
46
-
47
- /* Surface Colors */
48
- --color-background: #ffffff;
49
- --color-surface: #f8fafc;
50
- --color-surface-elevated: #ffffff;
51
- --color-border: #e2e8f0;
52
- --color-border-hover: #cbd5e1;
53
- --color-input: #ffffff;
54
- --color-card: #ffffff;
55
-
56
- /* Text Colors */
57
- --color-text: #0f172a;
58
- --color-text-muted: #64748b;
59
- --color-text-subtle: #94a3b8;
60
- --color-text-inverse: #ffffff;
61
-
62
- /* Spacing Scale */
63
- --space-xs: 0.25rem; /* 4px */
64
- --space-sm: 0.5rem; /* 8px */
65
- --space-md: 1rem; /* 16px */
66
- --space-lg: 1.5rem; /* 24px */
67
- --space-xl: 2rem; /* 32px */
68
- --space-2xl: 3rem; /* 48px */
69
- --space-3xl: 4rem; /* 64px */
70
-
71
- /* Typography Scale */
72
- --font-size-xs: 0.75rem; /* 12px */
73
- --font-size-sm: 0.875rem; /* 14px */
74
- --font-size-base: 1rem; /* 16px */
75
- --font-size-lg: 1.125rem; /* 18px */
76
- --font-size-xl: 1.25rem; /* 20px */
77
- --font-size-2xl: 1.5rem; /* 24px */
78
- --font-size-3xl: 1.875rem; /* 30px */
79
- --font-size-4xl: 2.25rem; /* 36px */
80
-
81
- --font-weight-normal: 400;
82
- --font-weight-medium: 500;
83
- --font-weight-semibold: 600;
84
- --font-weight-bold: 700;
85
-
86
- --line-height-tight: 1.25;
87
- --line-height-normal: 1.5;
88
- --line-height-relaxed: 1.75;
89
-
90
- /* Border Radius */
91
- --radius-none: 0;
92
- --radius-sm: 0.125rem; /* 2px */
93
- --radius-base: 0.375rem; /* 6px */
94
- --radius-md: 0.5rem; /* 8px */
95
- --radius-lg: 0.75rem; /* 12px */
96
- --radius-xl: 1rem; /* 16px */
97
- --radius-full: 9999px;
98
-
99
- /* Shadows */
100
- --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
101
- --shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
102
- --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
103
- --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
104
- --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
105
-
106
- /* Animation */
107
- --transition-fast: 150ms ease;
108
- --transition-base: 200ms ease;
109
- --transition-slow: 300ms ease;
110
- }
@@ -1,61 +0,0 @@
1
- Metadata-Version: 2.4
2
- Name: eidosui
3
- Version: 0.1.0
4
- Summary: A modern, Tailwind CSS-based UI library for Python web frameworks
5
- Project-URL: Homepage, https://github.com/isaac-flath/EidosUI
6
- Project-URL: Repository, https://github.com/isaac-flath/EidosUI
7
- Project-URL: Issues, https://github.com/isaac-flath/EidosUI/issues
8
- Project-URL: Documentation, https://github.com/isaac-flath/EidosUI#readme
9
- Author: Isaac Flath
10
- License-Expression: MIT
11
- Keywords: components,css,fastapi-tags,fasthtml,tailwind,ui,web
12
- Classifier: Development Status :: 3 - Alpha
13
- Classifier: Intended Audience :: Developers
14
- Classifier: License :: OSI Approved :: MIT License
15
- Classifier: Programming Language :: Python :: 3
16
- Classifier: Programming Language :: Python :: 3.9
17
- Classifier: Programming Language :: Python :: 3.10
18
- Classifier: Programming Language :: Python :: 3.11
19
- Classifier: Programming Language :: Python :: 3.12
20
- Classifier: Topic :: Internet :: WWW/HTTP :: Dynamic Content
21
- Classifier: Topic :: Software Development :: Libraries :: Python Modules
22
- Requires-Python: >=3.9
23
- Requires-Dist: fastapi-tags>=0.1.0
24
- Provides-Extra: dev
25
- Requires-Dist: black>=23.0.0; extra == 'dev'
26
- Requires-Dist: isort>=5.0.0; extra == 'dev'
27
- Requires-Dist: mypy>=1.0.0; extra == 'dev'
28
- Requires-Dist: pytest-cov>=4.0.0; extra == 'dev'
29
- Requires-Dist: pytest>=7.0.0; extra == 'dev'
30
- Requires-Dist: ruff>=0.1.0; extra == 'dev'
31
- Provides-Extra: examples
32
- Requires-Dist: fastapi>=0.104.0; extra == 'examples'
33
- Requires-Dist: uvicorn>=0.24.0; extra == 'examples'
34
- Description-Content-Type: text/markdown
35
-
36
- # EidosUI 🎨
37
-
38
- A modern, flexible Tailwind CSS-based UI library for Python web frameworks. Built for maximum developer flexibility while providing excellent defaults.
39
-
40
-
41
- ## Abstractions
42
-
43
- - **Themes:** A Theme is a series of CSS variables. See `theme/dark.css` and `theme/light.css` for examples
44
- - **Theme Switching** is done in `static/eidos-ui.js` this is all AI generated and not looked at yet so probably bad
45
- - **Styles** are in `styles.py` where we define data classes based on the css variables defined in the themes. These are a collection of class strings.
46
- - **components** are fasttags that FT components by default. For example
47
-
48
- ```python
49
- def H1(*content, cls: str = typography_styles.h1, **kwargs) -> ft.H1:
50
- """Semantic H1 heading"""
51
- return ft.H1(*content, cls=cls, **kwargs)
52
-
53
- def Mark(*content, cls: str = typography_styles.mark, **kwargs) -> ft.Mark:
54
- """Highlighted text"""
55
- return ft.Mark(*content, cls=cls, **kwargs)
56
-
57
- def Small(*content, cls: str = typography_styles.small, **kwargs) -> ft.Small:
58
- """Small text"""
59
- return ft.Small(*content, cls=cls, **kwargs)
60
- ```
61
-
@@ -1,14 +0,0 @@
1
- eidos/__init__.py,sha256=oWhLo8ygzM0UqtrjBi982PH2QVOvwbR4wSL9-bi2pXM,1316
2
- eidos/components/__init__.py,sha256=xzsUHY6_fu7ULC_w4uud7eKJDWaKRnYP1jIREiTm7tA,484
3
- eidos/components/forms.py,sha256=DqmTIhn8IuiW9YpuXJjbVEbeJCWimD3c1i3yL9am94s,1474
4
- eidos/components/typography.py,sha256=SH3ojU4y3ptCQlqWNDfX_lrBrZOhf2GTDEVcQzMy3_o,2648
5
- eidos/core/__init__.py,sha256=qmxQ0TCEVgH99WLilQ2W9tS9bojte_WCvjWbPcEC0-A,487
6
- eidos/core/helpers.py,sha256=MOmSG0sPM1Ts3qiVJopGNfh4R88GIeVpXYM_IPXlGRY,2780
7
- eidos/core/styles.py,sha256=WwrbsAPgSAkROzjnw96mJb4dWFrHnLLZEOTXWklSq9M,6773
8
- eidos/core/utils.py,sha256=xOVx-sjnrbEe61L5gusE_vSwfpdgi6iX4MEMEMVVwc8,1427
9
- eidos/static/eidos-ui.js,sha256=14M8M94fpcFkVyMy3D0E_0-im2coIH500rIhnfx1pj0,2378
10
- eidos/themes/dark.css,sha256=quSqOfVq1zOoD44NkxpoX-ZZshRmy9MicUg5jXAKhTw,1697
11
- eidos/themes/light.css,sha256=EzG7NTDD8JnvNWJWRrW_jaumUFx5BMZJtNPn4imqInU,3206
12
- eidosui-0.1.0.dist-info/METADATA,sha256=JaZWZ3B0DjaOhyr9V1SqPmXU12NKF1zBwdkvPhW8i_I,2647
13
- eidosui-0.1.0.dist-info/WHEEL,sha256=qtCwoSJWgHk21S1Kb4ihdzI2rlJ1ZKaIurTj_ngOhyQ,87
14
- eidosui-0.1.0.dist-info/RECORD,,