cronixui 1.0.6 → 1.1.0

package/packages/react/src/components/Tabs.jsx

@@ -1,65 +0,0 @@
-import { useState } from 'react';
-
-export default function Tabs({ 
-  defaultIndex = 0, 
-  index: controlledIndex, 
-  onChange, 
-  children,
-  className = '' 
-}) {
-  const [internalIndex, setInternalIndex] = useState(defaultIndex);
-  const activeIndex = controlledIndex !== undefined ? controlledIndex : internalIndex;
-
-  const handleTabClick = (idx) => {
-    if (onChange) {
-      onChange(idx);
-    } else {
-      setInternalIndex(idx);
-    }
-  };
-
-  const tabs = [];
-  const panels = [];
-
-  children.forEach((child) => {
-    if (child.type?.displayName === 'Tab') {
-      tabs.push(child);
-    } else if (child.type?.displayName === 'TabPanel') {
-      panels.push(child);
-    }
-  });
-
-  return (
-    <div className={className}>
-      <div className="cn-tabs">
-        {tabs.map((tab, idx) => (
-          <div
-            key={idx}
-            className={`cn-tab ${activeIndex === idx ? 'cn-tab-active' : ''}`}
-            onClick={() => handleTabClick(idx)}
-          >
-            {tab.props.children}
-          </div>
-        ))}
-      </div>
-      {panels.map((panel, idx) => (
-        <div
-          key={idx}
-          className={`cn-tab-panel ${activeIndex === idx ? 'cn-tab-panel-active' : ''}`}
-        >
-          {panel.props.children}
-        </div>
-      ))}
-    </div>
-  );
-}
-
-export function Tab({ children }) {
-  return children;
-}
-Tab.displayName = 'Tab';
-
-export function TabPanel({ children }) {
-  return children;
-}
-TabPanel.displayName = 'TabPanel';

package/packages/react/src/components/Tag.jsx

@@ -1,19 +0,0 @@
-export default function Tag({ 
-  children, 
-  onRemove,
-  className = '' 
-}) {
-  return (
-    <div className={`cn-tag ${className}`}>
-      <span>{children}</span>
-      {onRemove && (
-        <button className="cn-tag-remove" onClick={onRemove}>
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
-            <line x1="18" y1="6" x2="6" y2="18"></line>
-            <line x1="6" y1="6" x2="18" y2="18"></line>
-          </svg>
-        </button>
-      )}
-    </div>
-  );
-}

package/packages/react/src/components/Textarea.jsx

@@ -1,17 +0,0 @@
-import { forwardRef } from 'react';
-
-const Textarea = forwardRef(function Textarea({ 
-  error = false,
-  className = '',
-  ...props 
-}, ref) {
-  return (
-    <textarea 
-      ref={ref}
-      className={`cn-input cn-textarea ${error ? 'cn-input-error' : ''} ${className}`}
-      {...props}
-    />
-  );
-});
-
-export default Textarea;

package/packages/react/src/components/Toast.jsx

@@ -1,78 +0,0 @@
-import { useState, useEffect, useRef } from 'react';
-
-function ToastContainer() {
-  return <div className="cn-toast-container" />;
-}
-
-function ToastItem({ toast, onRemove }) {
-  useEffect(() => {
-    if (toast.duration > 0) {
-      const timer = setTimeout(() => onRemove(toast.id), toast.duration);
-      return () => clearTimeout(timer);
-    }
-  }, [toast.id, toast.duration, onRemove]);
-
-  const icons = {
-    success: '<polyline points="20 6 9 17 4 12"></polyline>',
-    error: '<circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line>',
-    warning: '<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line>',
-    info: '<circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line>'
-  };
-
-  return (
-    <div className={`cn-toast cn-toast-${toast.type}`}>
-      <div className="cn-alert-icon">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" dangerouslySetInnerHTML={{ __html: icons[toast.type] }} />
-      </div>
-      <div className="cn-alert-content">
-        {toast.title && <div className="cn-alert-title">{toast.title}</div>}
-        {toast.message && <div className="cn-alert-message">{toast.message}</div>}
-      </div>
-      {toast.closable && (
-        <button className="cn-alert-close" onClick={() => onRemove(toast.id)}>
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" width="16" height="16">
-            <line x1="18" y1="6" x2="6" y2="18"></line>
-            <line x1="6" y1="6" x2="18" y2="18"></line>
-          </svg>
-        </button>
-      )}
-    </div>
-  );
-}
-
-export default function Toast({ toasts = [], onRemove }) {
-  return (
-    <div className="cn-toast-container">
-      {toasts.map((toast) => (
-        <ToastItem key={toast.id} toast={toast} onRemove={onRemove} />
-      ))}
-    </div>
-  );
-}
-
-export function useToast() {
-  const [toasts, setToasts] = useState([]);
-  const idRef = useRef(0);
-
-  const addToast = (options) => {
-    const id = ++idRef.current;
-    const toast = { id, duration: 4000, closable: true, type: 'info', ...options };
-    setToasts((prev) => [...prev, toast]);
-    return id;
-  };
-
-  const removeToast = (id) => {
-    setToasts((prev) => prev.filter((t) => t.id !== id));
-  };
-
-  const toast = {
-    success: (message, title) => addToast({ message, title, type: 'success' }),
-    error: (message, title) => addToast({ message, title, type: 'error' }),
-    warning: (message, title) => addToast({ message, title, type: 'warning' }),
-    info: (message, title) => addToast({ message, title, type: 'info' }),
-    show: addToast,
-    remove: removeToast
-  };
-
-  return { toasts, toast, removeToast };
-}

package/packages/react/src/components/Toggle.jsx

@@ -1,34 +0,0 @@
-import { useState } from 'react';
-
-export default function Toggle({ 
-  on = false, 
-  onChange, 
-  disabled = false, 
-  size = 'md',
-  className = '',
-  ...props 
-}) {
-  const [internalOn, setInternalOn] = useState(on);
-  const isOn = onChange !== undefined ? on : internalOn;
-
-  const handleToggle = () => {
-    if (disabled) return;
-    if (onChange) {
-      onChange(!on);
-    } else {
-      setInternalOn(!internalOn);
-    }
-  };
-
-  const sizeClass = size === 'sm' ? 'cn-toggle-sm' : size === 'lg' ? 'cn-toggle-lg' : '';
-
-  return (
-    <div
-      className={`cn-toggle ${isOn ? 'on' : ''} ${sizeClass} ${disabled ? 'disabled' : ''} ${className}`}
-      onClick={handleToggle}
-      {...props}
-    >
-      <div className="cn-toggle-box"></div>
-    </div>
-  );
-}

package/packages/react/src/components/Tooltip.jsx

@@ -1,12 +0,0 @@
-export default function Tooltip({ 
-  children, 
-  content,
-  className = '' 
-}) {
-  return (
-    <div className={`cn-tooltip ${className}`}>
-      {children}
-      <div className="cn-tooltip-content">{content}</div>
-    </div>
-  );
-}

package/packages/react/src/index.d.ts

@@ -1,103 +0,0 @@
-declare namespace CronixUI {
-  interface ToastOptions {
-    title?: string;
-    message: string;
-    type?: 'success' | 'error' | 'warning' | 'info';
-    duration?: number;
-  }
-
-  interface PaginationOptions {
-    total: number;
-    current: number;
-    onChange?: (page: number) => void;
-  }
-
-  interface SearchItem {
-    title: string;
-    subtitle?: string;
-    action: () => void;
-  }
-
-  interface CommandPaletteItem {
-    title: string;
-    kbd?: string;
-    action: () => void;
-  }
-
-  interface ModalInstance {
-    open(): void;
-    close(): void;
-  }
-
-  interface DropdownInstance {
-    open(): void;
-    close(): void;
-    toggle(): void;
-  }
-
-  interface ToggleInstance {
-    toggle(): void;
-    isOn(): boolean;
-    setOn(value: boolean): void;
-  }
-
-  interface TabsInstance {
-    setActive(index: number): void;
-  }
-
-  interface AccordionInstance {
-    toggle(item: HTMLElement): void;
-    openAll(): void;
-    closeAll(): void;
-  }
-
-  interface PaginationInstance {
-    goTo(page: number): void;
-    render(): void;
-  }
-
-  interface CommandPaletteInstance {
-    open(): void;
-    close(): void;
-    setItems(items: CommandPaletteItem[]): void;
-  }
-
-  interface SearchInstance {
-    setItems(items: SearchItem[]): void;
-    filter(query: string): SearchItem[];
-    open(): void;
-    close(): void;
-  }
-
-  interface ToastStatic {
-    show(options: ToastOptions): void;
-    success(message: string): void;
-    error(message: string): void;
-    warning(message: string): void;
-    info(message: string): void;
-  }
-
-  interface NavStatic {
-    init(): void;
-  }
-
-  interface CronixUIStatic {
-    init(): void;
-    $(selector: string): HTMLElement | null;
-    $$(selector: string): NodeListOf<HTMLElement>;
-    createEl(tag: string, className?: string, attrs?: Record<string, string>): HTMLElement;
-    Toast: ToastStatic;
-    Nav: NavStatic;
-    Toggle: new (element: HTMLElement) => ToggleInstance;
-    Modal: new (element: HTMLElement) => ModalInstance;
-    Dropdown: new (element: HTMLElement) => DropdownInstance;
-    Tabs: new (element: HTMLElement) => TabsInstance;
-    Accordion: new (element: HTMLElement) => AccordionInstance;
-    Pagination: new (element: HTMLElement, options: PaginationOptions) => PaginationInstance;
-    CommandPalette: new (element: HTMLElement) => CommandPaletteInstance;
-    Search: new (element: HTMLElement) => SearchInstance;
-  }
-}
-
-declare const CronixUI: CronixUI.CronixUIStatic;
-export default CronixUI;

package/packages/react/src/index.js

@@ -1,33 +0,0 @@
-import 'CronixUI-web/dist/CronixUI.css';
-
-export { default as Toggle } from './components/Toggle';
-export { default as Button } from './components/Button';
-export { default as Input } from './components/Input';
-export { default as Textarea } from './components/Textarea';
-export { default as Checkbox } from './components/Checkbox';
-export { default as Radio, RadioGroup } from './components/Radio';
-export { default as Select } from './components/Select';
-export { default as Slider } from './components/Slider';
-export { default as FileInput } from './components/FileInput';
-export { default as Modal } from './components/Modal';
-export { default as Alert } from './components/Alert';
-export { default as Toast, useToast } from './components/Toast';
-export { default as Tabs, Tab, TabPanel } from './components/Tabs';
-export { default as Accordion, AccordionItem } from './components/Accordion';
-export { default as Dropdown, DropdownItem } from './components/Dropdown';
-export { default as Nav, NavItem } from './components/Nav';
-export { default as Badge } from './components/Badge';
-export { default as Tag } from './components/Tag';
-export { default as Card } from './components/Card';
-export { default as Avatar, AvatarGroup } from './components/Avatar';
-export { default as Progress } from './components/Progress';
-export { default as Spinner } from './components/Spinner';
-export { default as Skeleton } from './components/Skeleton';
-export { default as Tooltip } from './components/Tooltip';
-export { default as Stat } from './components/Stat';
-export { default as Pagination } from './components/Pagination';
-export { default as Table } from './components/Table';
-export { default as List, ListItem } from './components/List';
-export { default as Breadcrumb, BreadcrumbItem } from './components/Breadcrumb';
-export { default as Search } from './components/Search';
-export { default as CommandPalette } from './components/CommandPalette';

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

@@ -1,49 +0,0 @@
-use std::collections::HashSet;
-
-pub struct Accordion {
-    open_indices: HashSet<usize>,
-}
-
-impl Accordion {
-    pub fn new() -> Self {
-        Self {
-            open_indices: HashSet::new(),
-        }
-    }
-
-    pub fn toggle(&mut self, index: usize) {
-        if self.open_indices.contains(&index) {
-            self.open_indices.remove(&index);
-        } else {
-            self.open_indices.insert(index);
-        }
-    }
-
-    pub fn open(&mut self, index: usize) {
-        self.open_indices.insert(index);
-    }
-
-    pub fn close(&mut self, index: usize) {
-        self.open_indices.remove(&index);
-    }
-
-    pub fn open_all(&mut self, total: usize) {
-        for i in 0..total {
-            self.open_indices.insert(i);
-        }
-    }
-
-    pub fn close_all(&mut self) {
-        self.open_indices.clear();
-    }
-
-    pub fn is_open(&self, index: usize) -> bool {
-        self.open_indices.contains(&index)
-    }
-}
-
-impl Default for Accordion {
-    fn default() -> Self {
-        Self::new()
-    }
-}

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

@@ -1,62 +0,0 @@
-pub struct CommandPaletteItem {
-    pub title: String,
-    pub kbd: Option<String>,
-}
-
-impl CommandPaletteItem {
-    pub fn new(title: impl Into<String>) -> Self {
-        Self {
-            title: title.into(),
-            kbd: None,
-        }
-    }
-
-    pub fn kbd(mut self, kbd: impl Into<String>) -> Self {
-        self.kbd = Some(kbd.into());
-        self
-    }
-}
-
-pub struct CommandPalette {
-    open: bool,
-    items: Vec<CommandPaletteItem>,
-}
-
-impl CommandPalette {
-    pub fn new() -> Self {
-        Self {
-            open: false,
-            items: Vec::new(),
-        }
-    }
-
-    pub fn open(&mut self) {
-        self.open = true;
-    }
-
-    pub fn close(&mut self) {
-        self.open = false;
-    }
-
-    pub fn toggle(&mut self) {
-        self.open = !self.open;
-    }
-
-    pub fn is_open(&self) -> bool {
-        self.open
-    }
-
-    pub fn set_items(&mut self, items: Vec<CommandPaletteItem>) {
-        self.items = items;
-    }
-
-    pub fn items(&self) -> &[CommandPaletteItem] {
-        &self.items
-    }
-}
-
-impl Default for CommandPalette {
-    fn default() -> Self {
-        Self::new()
-    }
-}

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

@@ -1,31 +0,0 @@
-pub struct Dropdown {
-    open: bool,
-}
-
-impl Dropdown {
-    pub fn new() -> Self {
-        Self { open: false }
-    }
-
-    pub fn open(&mut self) {
-        self.open = true;
-    }
-
-    pub fn close(&mut self) {
-        self.open = false;
-    }
-
-    pub fn toggle(&mut self) {
-        self.open = !self.open;
-    }
-
-    pub fn is_open(&self) -> bool {
-        self.open
-    }
-}
-
-impl Default for Dropdown {
-    fn default() -> Self {
-        Self::new()
-    }
-}

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

@@ -1,49 +0,0 @@
-pub struct SearchItem {
-    pub title: String,
-    pub subtitle: Option<String>,
-}
-
-impl SearchItem {
-    pub fn new(title: impl Into<String>) -> Self {
-        Self {
-            title: title.into(),
-            subtitle: None,
-        }
-    }
-
-    pub fn subtitle(mut self, subtitle: impl Into<String>) -> Self {
-        self.subtitle = Some(subtitle.into());
-        self
-    }
-}
-
-pub struct Search {
-    items: Vec<SearchItem>,
-}
-
-impl Search {
-    pub fn new() -> Self {
-        Self { items: Vec::new() }
-    }
-
-    pub fn set_items(&mut self, items: Vec<SearchItem>) {
-        self.items = items;
-    }
-
-    pub fn filter(&self, query: &str) -> Vec<&SearchItem> {
-        self.items
-            .iter()
-            .filter(|item| item.title.to_lowercase().contains(&query.to_lowercase()))
-            .collect()
-    }
-
-    pub fn items(&self) -> &[SearchItem] {
-        &self.items
-    }
-}
-
-impl Default for Search {
-    fn default() -> Self {
-        Self::new()
-    }
-}

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

@@ -1,23 +0,0 @@
-pub struct Tabs {
-    active_index: usize,
-}
-
-impl Tabs {
-    pub fn new() -> Self {
-        Self { active_index: 0 }
-    }
-
-    pub fn set_active(&mut self, index: usize) {
-        self.active_index = index;
-    }
-
-    pub fn active_index(&self) -> usize {
-        self.active_index
-    }
-}
-
-impl Default for Tabs {
-    fn default() -> Self {
-        Self::new()
-    }
-}

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

@@ -1,70 +0,0 @@
-use std::fmt;
-
-#[derive(Debug, Clone, Copy, PartialEq, Eq)]
-pub enum ToastType {
-    Success,
-    Error,
-    Warning,
-    Info,
-}
-
-impl fmt::Display for ToastType {
-    fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
-        match self {
-            ToastType::Success => write!(f, "success"),
-            ToastType::Error => write!(f, "error"),
-            ToastType::Warning => write!(f, "warning"),
-            ToastType::Info => write!(f, "info"),
-        }
-    }
-}
-
-#[derive(Debug, Clone)]
-pub struct Toast {
-    pub title: Option<String>,
-    pub message: String,
-    pub toast_type: ToastType,
-    pub duration: u32,
-}
-
-impl Toast {
-    pub fn show(message: impl Into<String>) -> Self {
-        Self {
-            title: None,
-            message: message.into(),
-            toast_type: ToastType::Info,
-            duration: 4000,
-        }
-    }
-
-    pub fn title(mut self, title: impl Into<String>) -> Self {
-        self.title = Some(title.into());
-        self
-    }
-
-    pub fn toast_type(mut self, toast_type: ToastType) -> Self {
-        self.toast_type = toast_type;
-        self
-    }
-
-    pub fn duration(mut self, duration: u32) -> Self {
-        self.duration = duration;
-        self
-    }
-
-    pub fn success(message: impl Into<String>) -> Self {
-        Self::show(message).toast_type(ToastType::Success)
-    }
-
-    pub fn error(message: impl Into<String>) -> Self {
-        Self::show(message).toast_type(ToastType::Error)
-    }
-
-    pub fn warning(message: impl Into<String>) -> Self {
-        Self::show(message).toast_type(ToastType::Warning)
-    }
-
-    pub fn info(message: impl Into<String>) -> Self {
-        Self::show(message).toast_type(ToastType::Info)
-    }
-}