cronixui 1.0.4 → 1.0.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cronixui",
-  "version": "1.0.4",
-  "description": "CronixUI - A dark-themed UI toolkit with crimson accents and Outfit typography",
+  "version": "1.0.6",
+  "description": "CronixUI - A dark-themed UI toolkit with crimson accents and Outfit typography. Available for JavaScript, TypeScript, Python, Go, and Rust.",
   "keywords": [
     "ui",
     "css",
@@ -30,6 +30,10 @@
       "import": "./packages/react/src/index.js",
       "types": "./packages/react/src/index.d.ts"
     },
+    "./tokens": {
+      "import": "./packages/web/src/tokens.ts",
+      "types": "./packages/web/src/tokens.ts"
+    },
     "./css": "./packages/web/dist/cronixui.css",
     "./css/min": "./packages/web/dist/cronixui.min.css",
     "./js": "./packages/web/dist/cronixui.js",
@@ -40,6 +44,9 @@
     "packages/web/src/",
     "packages/react/src/",
     "packages/win/CronixUI.WinUI/",
+    "packages/python/cronixui/",
+    "packages/go/cronixui/",
+    "packages/rust/cronixui/src/",
     "README.md"
   ],
   "scripts": {

package/packages/go/cronixui/cronixui.go

@@ -0,0 +1,379 @@
+package cronixui
+
+import "fmt"
+
+// Version of CronixUI
+const Version = "1.0.4"
+
+// ToastType represents toast notification type
+type ToastType int
+
+const (
+	ToastTypeSuccess ToastType = iota
+	ToastTypeError
+	ToastTypeWarning
+	ToastTypeInfo
+)
+
+// Toast represents a toast notification
+type Toast struct {
+	Title    string
+	Message  string
+	Type     ToastType
+	Duration int
+}
+
+// ToastShow displays a toast notification
+func ToastShow(message string, opts ...func(*Toast)) *Toast {
+	t := &Toast{Message: message, Type: ToastTypeInfo, Duration: 4000}
+	for _, opt := range opts {
+		opt(t)
+	}
+	return t
+}
+
+// WithTitle sets toast title
+func WithTitle(title string) func(*Toast) {
+	return func(t *Toast) { t.Title = title }
+}
+
+// WithType sets toast type
+func WithType(toastType ToastType) func(*Toast) {
+	return func(t *Toast) { t.Type = toastType }
+}
+
+// WithDuration sets toast duration
+func WithDuration(duration int) func(*Toast) {
+	return func(t *Toast) { t.Duration = duration }
+}
+
+// ToastSuccess shows a success toast
+func ToastSuccess(message string) *Toast {
+	return ToastShow(message, WithType(ToastTypeSuccess))
+}
+
+// ToastError shows an error toast
+func ToastError(message string) *Toast {
+	return ToastShow(message, WithType(ToastTypeError))
+}
+
+// ToastWarning shows a warning toast
+func ToastWarning(message string) *Toast {
+	return ToastShow(message, WithType(ToastTypeWarning))
+}
+
+// ToastInfo shows an info toast
+func ToastInfo(message string) *Toast {
+	return ToastShow(message, WithType(ToastTypeInfo))
+}
+
+// Toggle represents a toggle switch
+type Toggle struct {
+	on bool
+}
+
+// NewToggle creates a new toggle
+func NewToggle() *Toggle {
+	return &Toggle{}
+}
+
+// Toggle flips the toggle state
+func (t *Toggle) Toggle() {
+	t.on = !t.on
+}
+
+// IsOn returns current toggle state
+func (t *Toggle) IsOn() bool {
+	return t.on
+}
+
+// SetOn sets the toggle state
+func (t *Toggle) SetOn(value bool) {
+	t.on = value
+}
+
+// Modal represents a modal dialog
+type Modal struct {
+	open bool
+}
+
+// NewModal creates a new modal
+func NewModal() *Modal {
+	return &Modal{}
+}
+
+// Open opens the modal
+func (m *Modal) Open() {
+	m.open = true
+}
+
+// Close closes the modal
+func (m *Modal) Close() {
+	m.open = false
+}
+
+// IsOpen returns whether modal is open
+func (m *Modal) IsOpen() bool {
+	return m.open
+}
+
+// Dropdown represents a dropdown menu
+type Dropdown struct {
+	open bool
+}
+
+// NewDropdown creates a new dropdown
+func NewDropdown() *Dropdown {
+	return &Dropdown{}
+}
+
+// Open opens the dropdown
+func (d *Dropdown) Open() {
+	d.open = true
+}
+
+// Close closes the dropdown
+func (d *Dropdown) Close() {
+	d.open = false
+}
+
+// Toggle flips dropdown state
+func (d *Dropdown) Toggle() {
+	d.open = !d.open
+}
+
+// IsOpen returns whether dropdown is open
+func (d *Dropdown) IsOpen() bool {
+	return d.open
+}
+
+// Tabs represents a tabs component
+type Tabs struct {
+	activeIndex int
+}
+
+// NewTabs creates new tabs
+func NewTabs() *Tabs {
+	return &Tabs{activeIndex: 0}
+}
+
+// SetActive sets active tab by index
+func (t *Tabs) SetActive(index int) {
+	t.activeIndex = index
+}
+
+// ActiveIndex returns current active index
+func (t *Tabs) ActiveIndex() int {
+	return t.activeIndex
+}
+
+// Accordion represents an accordion component
+type Accordion struct {
+	openIndices map[int]bool
+}
+
+// NewAccordion creates a new accordion
+func NewAccordion() *Accordion {
+	return &Accordion{openIndices: make(map[int]bool)}
+}
+
+// Toggle toggles an accordion item
+func (a *Accordion) Toggle(index int) {
+	a.openIndices[index] = !a.openIndices[index]
+}
+
+// Open opens an accordion item
+func (a *Accordion) Open(index int) {
+	a.openIndices[index] = true
+}
+
+// Close closes an accordion item
+func (a *Accordion) Close(index int) {
+	a.openIndices[index] = false
+}
+
+// OpenAll opens all items up to total
+func (a *Accordion) OpenAll(total int) {
+	for i := 0; i < total; i++ {
+		a.openIndices[i] = true
+	}
+}
+
+// CloseAll closes all accordion items
+func (a *Accordion) CloseAll() {
+	a.openIndices = make(map[int]bool)
+}
+
+// IsOpen returns whether item is open
+func (a *Accordion) IsOpen(index int) bool {
+	return a.openIndices[index]
+}
+
+// Pagination represents a pagination component
+type Pagination struct {
+	total   int
+	current int
+}
+
+// NewPagination creates new pagination
+func NewPagination(total, current int) *Pagination {
+	if current < 1 {
+		current = 1
+	}
+	if current > total {
+		current = total
+	}
+	return &Pagination{total: total, current: current}
+}
+
+// GoTo navigates to a specific page
+func (p *Pagination) GoTo(page int) {
+	if page >= 1 && page <= p.total {
+		p.current = page
+	}
+}
+
+// Next goes to next page
+func (p *Pagination) Next() {
+	if p.current < p.total {
+		p.current++
+	}
+}
+
+// Prev goes to previous page
+func (p *Pagination) Prev() {
+	if p.current > 1 {
+		p.current--
+	}
+}
+
+// Current returns current page
+func (p *Pagination) Current() int {
+	return p.current
+}
+
+// Total returns total pages
+func (p *Pagination) Total() int {
+	return p.total
+}
+
+// CommandPaletteItem represents a command palette item
+type CommandPaletteItem struct {
+	Title  string
+	Kbd    string
+	Action func()
+}
+
+// CommandPalette represents a command palette
+type CommandPalette struct {
+	open  bool
+	items []CommandPaletteItem
+}
+
+// NewCommandPalette creates a new command palette
+func NewCommandPalette() *CommandPalette {
+	return &CommandPalette{items: make([]CommandPaletteItem, 0)}
+}
+
+// Open opens command palette
+func (c *CommandPalette) Open() {
+	c.open = true
+}
+
+// Close closes command palette
+func (c *CommandPalette) Close() {
+	c.open = false
+}
+
+// Toggle toggles command palette
+func (c *CommandPalette) Toggle() {
+	c.open = !c.open
+}
+
+// IsOpen returns whether command palette is open
+func (c *CommandPalette) IsOpen() bool {
+	return c.open
+}
+
+// SetItems sets command items
+func (c *CommandPalette) SetItems(items []CommandPaletteItem) {
+	c.items = items
+}
+
+// Items returns all items
+func (c *CommandPalette) Items() []CommandPaletteItem {
+	return c.items
+}
+
+// Execute executes item by index
+func (c *CommandPalette) Execute(index int) {
+	if index >= 0 && index < len(c.items) && c.items[index].Action != nil {
+		c.items[index].Action()
+		c.Close()
+	}
+}
+
+// SearchItem represents a search result item
+type SearchItem struct {
+	Title    string
+	Subtitle string
+	Action   func()
+}
+
+// Search represents a search component
+type Search struct {
+	open  bool
+	items []SearchItem
+}
+
+// NewSearch creates a new search
+func NewSearch() *Search {
+	return &Search{items: make([]SearchItem, 0)}
+}
+
+// SetItems sets searchable items
+func (s *Search) SetItems(items []SearchItem) {
+	s.items = items
+}
+
+// Filter filters items by query
+func (s *Search) Filter(query string) []SearchItem {
+	var results []SearchItem
+	for _, item := range s.items {
+		results = append(results, item)
+	}
+	return results
+}
+
+// Open opens search results
+func (s *Search) Open() {
+	s.open = true
+}
+
+// Close closes search results
+func (s *Search) Close() {
+	s.open = false
+}
+
+// IsOpen returns whether search is open
+func (s *Search) IsOpen() bool {
+	return s.open
+}
+
+// Items returns all items
+func (s *Search) Items() []SearchItem {
+	return s.items
+}
+
+// Select selects and executes item by index
+func (s *Search) Select(index int) {
+	if index >= 0 && index < len(s.items) && s.items[index].Action != nil {
+		s.items[index].Action()
+		s.Close()
+	}
+}
+
+// Init initializes all CronixUI components
+func Init() {
+	fmt.Println("CronixUI", Version, "initialized")
+}

package/packages/go/cronixui/go.mod

@@ -0,0 +1,3 @@
+module github.com/CazyUndee/CronixUI/packages/go/cronixui
+
+go 1.21

package/packages/go/cronixui/tokens.go

@@ -0,0 +1,129 @@
+package cronixui
+
+// Color represents a color token
+type Color struct {
+	Hex string
+	R   int
+	G   int
+	B   int
+}
+
+// Background colors
+var (
+	BG       = Color{Hex: "#0a0a0a", R: 10, G: 10, B: 10}
+	Surface  = Color{Hex: "#111111", R: 17, G: 17, B: 17}
+	Surface2 = Color{Hex: "#1a1a1a", R: 26, G: 26, B: 26}
+	Surface3 = Color{Hex: "#222222", R: 34, G: 34, B: 34}
+	Surface4 = Color{Hex: "#2a2a2a", R: 42, G: 42, B: 42}
+)
+
+// Text colors
+var (
+	Text      = Color{Hex: "#f0ede8", R: 240, G: 237, B: 232}
+	TextMuted = "rgba(240, 237, 232, 0.5)"
+	TextDim   = "rgba(240, 237, 232, 0.25)"
+)
+
+// Accent colors (Crimson)
+var (
+	Accent      = Color{Hex: "#6b2323", R: 107, G: 35, B: 35}
+	AccentHover = Color{Hex: "#7d2a2a", R: 125, G: 42, B: 42}
+	AccentLight = Color{Hex: "#8a3535", R: 138, G: 53, B: 53}
+	AccentGlow  = "rgba(107, 35, 35, 0.3)"
+	AccentText  = Color{Hex: "#c97a7a", R: 201, G: 122, B: 122}
+)
+
+// Semantic colors
+var (
+	Success       = Color{Hex: "#1e5028", R: 30, G: 80, B: 40}
+	SuccessBorder = "rgba(60, 140, 70, 0.4)"
+	SuccessText   = Color{Hex: "#6bc47a", R: 107, G: 196, B: 122}
+
+	Warning       = Color{Hex: "#503c14", R: 80, G: 60, B: 20}
+	WarningBorder = "rgba(150, 110, 30, 0.4)"
+	WarningText   = Color{Hex: "#c4a43a", R: 196, G: 164, B: 58}
+
+	Error_      = Color{Hex: "#501414", R: 80, G: 20, B: 20}
+	ErrorBorder = "rgba(180, 60, 60, 0.4)"
+	ErrorText   = Color{Hex: "#c46b6b", R: 196, G: 107, B: 107}
+
+	Info       = Color{Hex: "#143550", R: 20, G: 53, B: 80}
+	InfoBorder = "rgba(60, 140, 200, 0.4)"
+	InfoText   = Color{Hex: "#6ba8c4", R: 107, G: 168, B: 196}
+)
+
+// Border colors
+var (
+	Border      = "rgba(255, 255, 255, 0.08)"
+	BorderHover = "rgba(255, 255, 255, 0.15)"
+	BorderFocus = "rgba(255, 255, 255, 0.25)"
+)
+
+// Typography tokens
+var (
+	FontFamily   = "'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+	FontMono     = "'JetBrains Mono', 'Fira Code', 'Consolas', monospace"
+	FontSizeXs   = 11
+	FontSizeSm   = 12
+	FontSizeBase = 13
+	FontSizeMd   = 14
+	FontSizeLg   = 16
+	FontSizeXl   = 20
+	FontSize2xl  = 28
+	FontSize3xl  = 36
+)
+
+// Spacing tokens
+var (
+	Space1  = 4
+	Space2  = 8
+	Space3  = 12
+	Space4  = 16
+	Space5  = 20
+	Space6  = 24
+	Space8  = 32
+	Space10 = 40
+	Space12 = 48
+)
+
+// Border radius tokens
+var (
+	RadiusSm   = 6
+	Radius     = 10
+	RadiusLg   = 14
+	RadiusXl   = 20
+	RadiusFull = 9999
+)
+
+// Shadow tokens
+var (
+	ShadowSm   = "0 1px 2px rgba(0, 0, 0, 0.3)"
+	Shadow     = "0 4px 12px rgba(0, 0, 0, 0.4)"
+	ShadowLg   = "0 8px 24px rgba(0, 0, 0, 0.5)"
+	ShadowGlow = "0 0 20px rgba(107, 35, 35, 0.3)"
+)
+
+// Transition tokens
+var (
+	TransitionFast    = "0.1s ease"
+	TransitionDefault = "0.15s ease"
+	TransitionSlow    = "0.25s ease"
+)
+
+// Z-index tokens
+var (
+	ZIndexDropdown      = 100
+	ZIndexSticky        = 200
+	ZIndexFixed         = 300
+	ZIndexModalBackdrop = 400
+	ZIndexModal         = 500
+	ZIndexPopover       = 600
+	ZIndexTooltip       = 700
+	ZIndexToast         = 800
+)
+
+// Layout tokens
+var (
+	ContainerMax = 1200
+	SidebarWidth = 260
+)

package/packages/python/cronixui/__init__.py

@@ -0,0 +1,109 @@
+"""
+CronixUI - A dark-themed UI toolkit with crimson accents and Outfit typography
+"""
+
+from .toast import Toast
+from .toggle import Toggle
+from .modal import Modal
+from .dropdown import Dropdown
+from .tabs import Tabs
+from .accordion import Accordion
+from .pagination import Pagination
+from .command_palette import CommandPalette, CommandPaletteItem
+from .search import Search, SearchItem
+from .nav import Nav
+from .core import init, query, query_all, create_el
+from .tokens import (
+    BG,
+    SURFACE,
+    SURFACE_2,
+    SURFACE_3,
+    SURFACE_4,
+    TEXT,
+    TEXT_MUTED,
+    TEXT_DIM,
+    ACCENT,
+    ACCENT_HOVER,
+    ACCENT_LIGHT,
+    ACCENT_GLOW,
+    ACCENT_TEXT,
+    SUCCESS,
+    SUCCESS_BORDER,
+    SUCCESS_TEXT,
+    WARNING,
+    WARNING_BORDER,
+    WARNING_TEXT,
+    ERROR,
+    ERROR_BORDER,
+    ERROR_TEXT,
+    INFO,
+    INFO_BORDER,
+    INFO_TEXT,
+    BORDER,
+    BORDER_HOVER,
+    BORDER_FOCUS,
+    typography,
+    spacing,
+    radius,
+    shadow,
+    transition,
+    z_index,
+    layout,
+)
+
+__version__ = "1.0.5"
+__all__ = [
+    "Toast",
+    "Toggle",
+    "Modal",
+    "Dropdown",
+    "Tabs",
+    "Accordion",
+    "Pagination",
+    "CommandPalette",
+    "CommandPaletteItem",
+    "Search",
+    "SearchItem",
+    "Nav",
+    "init",
+    "query",
+    "query_all",
+    "create_el",
+    # Colors
+    "BG",
+    "SURFACE",
+    "SURFACE_2",
+    "SURFACE_3",
+    "SURFACE_4",
+    "TEXT",
+    "TEXT_MUTED",
+    "TEXT_DIM",
+    "ACCENT",
+    "ACCENT_HOVER",
+    "ACCENT_LIGHT",
+    "ACCENT_GLOW",
+    "ACCENT_TEXT",
+    "SUCCESS",
+    "SUCCESS_BORDER",
+    "SUCCESS_TEXT",
+    "WARNING",
+    "WARNING_BORDER",
+    "WARNING_TEXT",
+    "ERROR",
+    "ERROR_BORDER",
+    "ERROR_TEXT",
+    "INFO",
+    "INFO_BORDER",
+    "INFO_TEXT",
+    "BORDER",
+    "BORDER_HOVER",
+    "BORDER_FOCUS",
+    # Token objects
+    "typography",
+    "spacing",
+    "radius",
+    "shadow",
+    "transition",
+    "z_index",
+    "layout",
+]

package/packages/python/cronixui/accordion.py

@@ -0,0 +1,29 @@
+"""Accordion component."""
+
+
+class Accordion:
+    """Accordion component."""
+
+    def __init__(self, element=None):
+        """Initialize accordion on element."""
+        self._element = element
+        self._open_indices: list = []
+
+    def toggle(self, index: int) -> None:
+        """Toggle accordion item by index."""
+        if index in self._open_indices:
+            self._open_indices.remove(index)
+        else:
+            self._open_indices.append(index)
+
+    def open_all(self, total: int) -> None:
+        """Open all accordion items."""
+        self._open_indices = list(range(total))
+
+    def close_all(self) -> None:
+        """Close all accordion items."""
+        self._open_indices.clear()
+
+    def is_open(self, index: int) -> bool:
+        """Check if item is open."""
+        return index in self._open_indices