cronixui 1.0.6 → 1.1.1

package/packages/rust/cronixui/src/components/toast.rs

@@ -0,0 +1,69 @@
+//! Toast notifications
+
+use crate::colors::*;
+use egui::Color32;
+
+pub enum ToastType {
+    Success,
+    Error,
+    Warning,
+    Info,
+}
+
+pub struct Toast {
+    pub message: String,
+    pub toast_type: ToastType,
+    pub duration: f32,
+}
+
+impl Toast {
+    pub fn success(message: impl Into<String>) -> Self {
+        Self {
+            message: message.into(),
+            toast_type: ToastType::Success,
+            duration: 3.0,
+        }
+    }
+
+    pub fn error(message: impl Into<String>) -> Self {
+        Self {
+            message: message.into(),
+            toast_type: ToastType::Error,
+            duration: 3.0,
+        }
+    }
+
+    pub fn warning(message: impl Into<String>) -> Self {
+        Self {
+            message: message.into(),
+            toast_type: ToastType::Warning,
+            duration: 3.0,
+        }
+    }
+
+    pub fn info(message: impl Into<String>) -> Self {
+        Self {
+            message: message.into(),
+            toast_type: ToastType::Info,
+            duration: 3.0,
+        }
+    }
+
+    pub fn color(&self) -> Color32 {
+        match self.toast_type {
+            ToastType::Success => SUCCESS,
+            ToastType::Error => ERROR,
+            ToastType::Warning => WARNING,
+            ToastType::Info => INFO,
+        }
+    }
+
+    pub fn prefix(&self) -> &'static str {
+        match self.toast_type {
+            ToastType::Success => "✓ ",
+            ToastType::Error => "✕ ",
+            ToastType::Warning => "⚠ ",
+            ToastType::Info => "ℹ ",
+        }
+    }
+}

package/packages/rust/cronixui/src/{toggle.rs → components/toggle.rs}

@@ -1,5 +1,7 @@
+//! Toggle component
+
 pub struct Toggle {
-    on: bool,
+    pub on: bool,
 }
 
 impl Toggle {
@@ -11,12 +13,12 @@ impl Toggle {
         self.on = !self.on;
     }
 
-    pub fn is_on(&self) -> bool {
-        self.on
+    pub fn set(&mut self, value: bool) {
+        self.on = value;
     }
 
-    pub fn set_on(&mut self, value: bool) {
-        self.on = value;
+    pub fn is_on(&self) -> bool {
+        self.on
     }
 }
 

package/packages/rust/cronixui/src/components/tooltip.rs

@@ -0,0 +1,11 @@
+//! Tooltip component
+
+pub struct Tooltip {
+    pub content: String,
+}
+
+impl Tooltip {
+    pub fn new(content: impl Into<String>) -> Self {
+        Self { content: content.into() }
+    }
+}

package/packages/rust/cronixui/src/lib.rs

@@ -1,81 +1,128 @@
-//! CronixUI - A dark-themed UI toolkit with crimson accents and Outfit typography
+//! CronixUI - A dark-themed UI toolkit for egui
 //!
 //! ## Example
 //!
 //! ```rust
-//! use cronixui::{Toast, Toggle, Modal};
+//! use cronixui::{CronixUI, Colors, components::*};
 //!
-//! // Create a toast
-//! let toast = Toast::success("Operation completed!");
-//!
-//! // Create a toggle
-//! let mut toggle = Toggle::new();
-//! toggle.toggle();
-//! assert!(toggle.is_on());
+//! // In your egui app
+//! fn update(&mut self, ctx: &egui::Context) {
+//!     CronixUI::apply_theme(ctx);
+//!     
+//!     egui::CentralPanel::default().show(ctx, |ui| {
+//!         // Use components
+//!         if ui.button_primary("Click me").clicked() {
+//!             // handle click
+//!         }
+//!     });
+//! }
 //! ```
 
-pub const VERSION: &str = "1.0.4";
-
-mod toast;
-mod toggle;
-mod modal;
-mod dropdown;
-mod tabs;
-mod accordion;
-mod pagination;
-mod command_palette;
-mod search;
-mod tokens;
+pub mod colors;
+pub mod tokens;
+pub mod components;
 
-pub use toast::{Toast, ToastType};
-pub use toggle::Toggle;
-pub use modal::Modal;
-pub use dropdown::Dropdown;
-pub use tabs::Tabs;
-pub use accordion::Accordion;
-pub use pagination::Pagination;
-pub use command_palette::{CommandPalette, CommandPaletteItem};
-pub use search::{Search, SearchItem};
+pub use colors::*;
 pub use tokens::*;
+pub use components::*;
+
+use egui::{Color32, Vec2, Rounding};
 
-/// Initialize CronixUI
-pub fn init() {
-    println!("CronixUI {} initialized", VERSION);
+/// Current version
+pub const VERSION: &str = "1.0.6";
+
+/// Apply CronixUI theme to egui context
+pub fn apply_theme(ctx: &egui::Context) {
+    let colors = Colors::default();
+    
+    let mut style = (*ctx.style()).clone();
+    
+    // Visuals
+    style.visuals.window_fill = colors.bg;
+    style.visuals.panel_fill = colors.bg;
+    style.visuals.extreme_bg_color = colors.surface;
+    style.visuals.faint_bg_color = colors.surface_2;
+    style.visuals.code_bg_color = colors.surface_3;
+    
+    // Text colors
+    style.visuals.strong_text_color = colors.text;
+    style.visuals.weak_text_color = colors.text_muted;
+    style.visuals.text_color = colors.text;
+    
+    // Widget colors
+    style.visuals.widgets.noninteractive.bg_fill = colors.surface;
+    style.visuals.widgets.noninteractive.bg_stroke.color = colors.border;
+    style.visuals.widgets.noninteractive.fg_stroke.color = colors.text;
+    
+    style.visuals.widgets.inactive.bg_fill = colors.surface_2;
+    style.visuals.widgets.inactive.bg_stroke.color = colors.border;
+    style.visuals.widgets.inactive.fg_stroke.color = colors.text;
+    
+    style.visuals.widgets.hovered.bg_fill = colors.surface_3;
+    style.visuals.widgets.hovered.bg_stroke.color = colors.border_hover;
+    style.visuals.widgets.hovered.fg_stroke.color = colors.text;
+    
+    style.visuals.widgets.active.bg_fill = colors.accent;
+    style.visuals.widgets.active.bg_stroke.color = colors.accent;
+    style.visuals.widgets.active.fg_stroke.color = colors.text;
+    
+    style.visuals.widgets.open.bg_fill = colors.surface_3;
+    style.visuals.widgets.open.bg_stroke.color = colors.accent;
+    
+    // Selection
+    style.visuals.selection.bg_fill = colors.accent;
+    style.visuals.selection.stroke.color = colors.accent_text;
+    
+    // Hyperlink
+    style.visuals.hyperlink_color = colors.accent_text;
+    
+    // Button rounding
+    style.visuals.button_rounding = Rounding::same(tokens::RADIUS);
+    
+    // Window rounding
+    style.visuals.window_rounding = Rounding::same(tokens::RADIUS_LG);
+    
+    // Spacing
+    style.spacing.button_padding = Vec2::new(tokens::SPACE_4, tokens::SPACE_2);
+    style.spacing.item_spacing = Vec2::new(tokens::SPACE_2, tokens::SPACE_2);
+    style.spacing.indent = tokens::SPACE_4;
+    
+    ctx.set_style(style);
 }
 
-#[cfg(test)]
-mod tests {
-    use super::*;
+/// Helper trait for CronixUI button variants
+pub trait CronixButton {
+    fn button_primary(&mut self, text: &str) -> egui::Response;
+    fn button_danger(&mut self, text: &str) -> egui::Response;
+    fn button_success(&mut self, text: &str) -> egui::Response;
+    fn button_ghost(&mut self, text: &str) -> egui::Response;
+    fn button_outline(&mut self, text: &str) -> egui::Response;
+}
 
-    #[test]
-    fn test_toggle() {
-        let mut toggle = Toggle::new();
-        assert!(!toggle.is_on());
-        toggle.toggle();
-        assert!(toggle.is_on());
-        toggle.set_on(false);
-        assert!(!toggle.is_on());
+impl CronixButton for egui::Ui {
+    fn button_primary(&mut self, text: &str) -> egui::Response {
+        let colors = Colors::default();
+        self.add(egui::Button::new(text).fill(colors.accent))
     }
-
-    #[test]
-    fn test_pagination() {
-        let mut pagination = Pagination::new(10, 1);
-        assert_eq!(pagination.current(), 1);
-        pagination.next();
-        assert_eq!(pagination.current(), 2);
-        pagination.go_to(5);
-        assert_eq!(pagination.current(), 5);
+    
+    fn button_danger(&mut self, text: &str) -> egui::Response {
+        let colors = Colors::default();
+        self.add(egui::Button::new(text).fill(colors.error))
     }
-
-    #[test]
-    fn test_search() {
-        let mut search = Search::new();
-        search.set_items(vec![
-            SearchItem::new("Apple"),
-            SearchItem::new("Banana"),
-            SearchItem::new("Apricot"),
-        ]);
-        let results = search.filter("ap");
-        assert_eq!(results.len(), 2);
+    
+    fn button_success(&mut self, text: &str) -> egui::Response {
+        let colors = Colors::default();
+        self.add(egui::Button::new(text).fill(colors.success))
+    }
+    
+    fn button_ghost(&mut self, text: &str) -> egui::Response {
+        self.add(egui::Button::new(text).fill(Color32::TRANSPARENT))
+    }
+    
+    fn button_outline(&mut self, text: &str) -> egui::Response {
+        let colors = Colors::default();
+        self.add(egui::Button::new(text)
+            .fill(Color32::TRANSPARENT)
+            .stroke(egui::Stroke::new(1.0, colors.border)))
     }
 }

package/packages/rust/cronixui/src/tokens.rs

@@ -1,137 +1,107 @@
 //! Design tokens for CronixUI
 
-use std::fmt;
-
-/// Color representation
-#[derive(Debug, Clone, Copy)]
-pub struct Color {
-    pub hex: &'static str,
-    pub r: u8,
-    pub g: u8,
-    pub b: u8,
+use egui::{vec2, Rounding};
+
+// =============================================================================
+// TYPOGRAPHY TOKENS
+// =============================================================================
+
+pub const FONT_FAMILY: &str = "Outfit";
+pub const FONT_MONO: &str = "JetBrains Mono";
+
+pub const FONT_SIZE_XS: f32 = 11.0;
+pub const FONT_SIZE_SM: f32 = 12.0;
+pub const FONT_SIZE_BASE: f32 = 13.0;
+pub const FONT_SIZE_MD: f32 = 14.0;
+pub const FONT_SIZE_LG: f32 = 16.0;
+pub const FONT_SIZE_XL: f32 = 20.0;
+pub const FONT_SIZE_2XL: f32 = 28.0;
+pub const FONT_SIZE_3XL: f32 = 36.0;
+
+// =============================================================================
+// SPACING TOKENS
+// =============================================================================
+
+pub const SPACE_1: f32 = 4.0;
+pub const SPACE_2: f32 = 8.0;
+pub const SPACE_3: f32 = 12.0;
+pub const SPACE_4: f32 = 16.0;
+pub const SPACE_5: f32 = 20.0;
+pub const SPACE_6: f32 = 24.0;
+pub const SPACE_8: f32 = 32.0;
+pub const SPACE_10: f32 = 40.0;
+pub const SPACE_12: f32 = 48.0;
+
+// =============================================================================
+// BORDER RADIUS TOKENS
+// =============================================================================
+
+pub const RADIUS_SM: f32 = 6.0;
+pub const RADIUS: f32 = 10.0;
+pub const RADIUS_LG: f32 = 14.0;
+pub const RADIUS_XL: f32 = 20.0;
+pub const RADIUS_FULL: f32 = 9999.0;
+
+/// Get rounded corners
+pub fn rounded() -> Rounding {
+    Rounding::same(RADIUS)
 }
 
-impl fmt::Display for Color {
-    fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
-        write!(f, "{}", self.hex)
-    }
+pub fn rounded_sm() -> Rounding {
+    Rounding::same(RADIUS_SM)
 }
 
-// Background colors
-pub const BG: Color = Color { hex: "#0a0a0a", r: 10, g: 10, b: 10 };
-pub const SURFACE: Color = Color { hex: "#111111", r: 17, g: 17, b: 17 };
-pub const SURFACE_2: Color = Color { hex: "#1a1a1a", r: 26, g: 26, b: 26 };
-pub const SURFACE_3: Color = Color { hex: "#222222", r: 34, g: 34, b: 34 };
-pub const SURFACE_4: Color = Color { hex: "#2a2a2a", r: 42, g: 42, b: 42 };
-
-// Text colors
-pub const TEXT: Color = Color { hex: "#f0ede8", r: 240, g: 237, b: 232 };
-pub const TEXT_MUTED: &str = "rgba(240, 237, 232, 0.5)";
-pub const TEXT_DIM: &str = "rgba(240, 237, 232, 0.25)";
-
-// Accent colors (Crimson)
-pub const ACCENT: Color = Color { hex: "#6b2323", r: 107, g: 35, b: 35 };
-pub const ACCENT_HOVER: Color = Color { hex: "#7d2a2a", r: 125, g: 42, b: 42 };
-pub const ACCENT_LIGHT: Color = Color { hex: "#8a3535", r: 138, g: 53, b: 53 };
-pub const ACCENT_GLOW: &str = "rgba(107, 35, 35, 0.3)";
-pub const ACCENT_TEXT: Color = Color { hex: "#c97a7a", r: 201, g: 122, b: 122 };
-
-// Semantic colors - Success
-pub const SUCCESS: Color = Color { hex: "#1e5028", r: 30, g: 80, b: 40 };
-pub const SUCCESS_BORDER: &str = "rgba(60, 140, 70, 0.4)";
-pub const SUCCESS_TEXT: Color = Color { hex: "#6bc47a", r: 107, g: 196, b: 122 };
-
-// Semantic colors - Warning
-pub const WARNING: Color = Color { hex: "#503c14", r: 80, g: 60, b: 20 };
-pub const WARNING_BORDER: &str = "rgba(150, 110, 30, 0.4)";
-pub const WARNING_TEXT: Color = Color { hex: "#c4a43a", r: 196, g: 164, b: 58 };
-
-// Semantic colors - Error
-pub const ERROR: Color = Color { hex: "#501414", r: 80, g: 20, b: 20 };
-pub const ERROR_BORDER: &str = "rgba(180, 60, 60, 0.4)";
-pub const ERROR_TEXT: Color = Color { hex: "#c46b6b", r: 196, g: 107, b: 107 };
-
-// Semantic colors - Info
-pub const INFO: Color = Color { hex: "#143550", r: 20, g: 53, b: 80 };
-pub const INFO_BORDER: &str = "rgba(60, 140, 200, 0.4)";
-pub const INFO_TEXT: Color = Color { hex: "#6ba8c4", r: 107, g: 168, b: 196 };
-
-// Border colors
-pub const BORDER: &str = "rgba(255, 255, 255, 0.08)";
-pub const BORDER_HOVER: &str = "rgba(255, 255, 255, 0.15)";
-pub const BORDER_FOCUS: &str = "rgba(255, 255, 255, 0.25)";
-
-// Typography
-pub const FONT_FAMILY: &str = "'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
-pub const FONT_MONO: &str = "'JetBrains Mono', 'Fira Code', 'Consolas', monospace";
-
-pub const FONT_SIZE_XS: u8 = 11;
-pub const FONT_SIZE_SM: u8 = 12;
-pub const FONT_SIZE_BASE: u8 = 13;
-pub const FONT_SIZE_MD: u8 = 14;
-pub const FONT_SIZE_LG: u8 = 16;
-pub const FONT_SIZE_XL: u8 = 20;
-pub const FONT_SIZE_2XL: u8 = 28;
-pub const FONT_SIZE_3XL: u8 = 36;
-
-// Spacing
-pub const SPACE_1: u8 = 4;
-pub const SPACE_2: u8 = 8;
-pub const SPACE_3: u8 = 12;
-pub const SPACE_4: u8 = 16;
-pub const SPACE_5: u8 = 20;
-pub const SPACE_6: u8 = 24;
-pub const SPACE_8: u8 = 32;
-pub const SPACE_10: u8 = 40;
-pub const SPACE_12: u8 = 48;
-
-// Border radius
-pub const RADIUS_SM: u8 = 6;
-pub const RADIUS: u8 = 10;
-pub const RADIUS_LG: u8 = 14;
-pub const RADIUS_XL: u8 = 20;
-pub const RADIUS_FULL: u16 = 9999;
-
-// Shadows
+pub fn rounded_lg() -> Rounding {
+    Rounding::same(RADIUS_LG)
+}
+
+// =============================================================================
+// Z-INDEX TOKENS
+// =============================================================================
+
+pub const Z_INDEX_DROPDOWN: f32 = 100.0;
+pub const Z_INDEX_STICKY: f32 = 200.0;
+pub const Z_INDEX_FIXED: f32 = 300.0;
+pub const Z_INDEX_MODAL_BACKDROP: f32 = 400.0;
+pub const Z_INDEX_MODAL: f32 = 500.0;
+pub const Z_INDEX_POPOVER: f32 = 600.0;
+pub const Z_INDEX_TOOLTIP: f32 = 700.0;
+pub const Z_INDEX_TOAST: f32 = 800.0;
+
+// =============================================================================
+// LAYOUT TOKENS
+// =============================================================================
+
+pub const CONTAINER_MAX: f32 = 1200.0;
+pub const SIDEBAR_WIDTH: f32 = 260.0;
+pub const HEADER_HEIGHT: f32 = 60.0;
+
+// =============================================================================
+// SHADOW TOKENS (as string descriptions)
+// =============================================================================
+
 pub const SHADOW_SM: &str = "0 1px 2px rgba(0, 0, 0, 0.3)";
 pub const SHADOW: &str = "0 4px 12px rgba(0, 0, 0, 0.4)";
 pub const SHADOW_LG: &str = "0 8px 24px rgba(0, 0, 0, 0.5)";
-pub const SHADOW_GLOW: &str = "0 0 20px rgba(107, 35, 35, 0.3)";
-
-// Transitions
-pub const TRANSITION_FAST: &str = "0.1s ease";
-pub const TRANSITION_DEFAULT: &str = "0.15s ease";
-pub const TRANSITION_SLOW: &str = "0.25s ease";
-
-// Z-index
-pub const Z_INDEX_DROPDOWN: u16 = 100;
-pub const Z_INDEX_STICKY: u16 = 200;
-pub const Z_INDEX_FIXED: u16 = 300;
-pub const Z_INDEX_MODAL_BACKDROP: u16 = 400;
-pub const Z_INDEX_MODAL: u16 = 500;
-pub const Z_INDEX_POPOVER: u16 = 600;
-pub const Z_INDEX_TOOLTIP: u16 = 700;
-pub const Z_INDEX_TOAST: u16 = 800;
-
-// Layout
-pub const CONTAINER_MAX: u16 = 1200;
-pub const SIDEBAR_WIDTH: u16 = 260;
-
-#[cfg(test)]
-mod tests {
-    use super::*;
-
-    #[test]
-    fn test_colors() {
-        assert_eq!(BG.hex, "#0a0a0a");
-        assert_eq!(ACCENT.hex, "#6b2323");
-        assert_eq!(TEXT.r, 240);
-    }
-
-    #[test]
-    fn test_spacing() {
-        assert_eq!(SPACE_1, 4);
-        assert_eq!(SPACE_4, 16);
-        assert_eq!(SPACE_12, 48);
-    }
+
+// =============================================================================
+// TRANSITION TOKENS
+// =============================================================================
+
+pub const TRANSITION_FAST: f32 = 0.1;
+pub const TRANSITION: f32 = 0.15;
+pub const TRANSITION_SLOW: f32 = 0.25;
+
+// =============================================================================
+// CONTAINER SIZES
+// =============================================================================
+
+pub const CONTAINER_SM: f32 = 640.0;
+pub const CONTAINER_MD: f32 = 900.0;
+pub const CONTAINER_LG: f32 = 1200.0;
+pub const CONTAINER_XL: f32 = 1400.0;
+
+/// Get container padding
+pub fn container_padding() -> vec2 {
+    vec2(SPACE_6, SPACE_6)
 }