cronixui 1.0.2 → 1.0.4

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.
Files changed (4) hide show
  1. package/README.md +21 -20
  2. package/package.json +23 -2
  3. package/packages/react/src/index.d.ts +103 -0
  4. package/packages/web/src/cronixui.d.ts +103 -0
package/README.md CHANGED
@@ -1,39 +1,40 @@
1
1
  # CronixUI
2
2
 
3
- A multi-platform UI toolkit with a dark theme, crimson accents, and Outfit typography. Available for Web, React, and Windows (WinUI 3).
4
-
5
- ## Packages
6
-
7
- | Package | Description |
8
- |---------|-------------|
9
- | `cronixui` | Core CSS/JS for web |
10
- | `cronixui-react` | React components |
11
- | `cronixui-win` | WinUI 3 controls |
3
+ A multi-platform, multi-language UI toolkit with a dark theme, crimson accents, and Outfit typography.
12
4
 
13
5
  ## Installation
14
6
 
15
- ### Web
7
+ ### JavaScript/TypeScript
16
8
 
17
9
  ```bash
18
10
  npm install cronixui
19
11
  ```
20
12
 
21
- ### CDN
13
+ ### Python
22
14
 
23
- ```html
24
- <link rel="stylesheet" href="https://unpkg.com/cronixui@1.0.1/packages/web/dist/cronixui.css">
25
- <script src="https://unpkg.com/cronixui@1.0.1/packages/web/dist/cronixui.js"></script>
15
+ ```bash
16
+ pip install cronixui
26
17
  ```
27
18
 
28
- ### React
19
+ ### Go
29
20
 
30
21
  ```bash
31
- npm install cronixui-react
22
+ go get github.com/CazyUndee/CronixUI/packages/go/cronixui
32
23
  ```
33
24
 
34
- ### WinUI 3
25
+ ### Rust
35
26
 
36
- Coming soon to NuGet.
27
+ ```toml
28
+ [dependencies]
29
+ cronixui = "1.0.2"
30
+ ```
31
+
32
+ ### CDN
33
+
34
+ ```html
35
+ <link rel="stylesheet" href="https://unpkg.com/cronixui@1.0.2/packages/web/dist/cronixui.css">
36
+ <script src="https://unpkg.com/cronixui@1.0.2/packages/web/dist/cronixui.js"></script>
37
+ ```
37
38
 
38
39
  ## Quick Start (Web)
39
40
 
@@ -44,14 +45,14 @@ Coming soon to NuGet.
44
45
  <meta charset="UTF-8">
45
46
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
46
47
  <title>My App</title>
47
- <link rel="stylesheet" href="https://unpkg.com/cronixui@1.0.1/packages/web/dist/cronixui.css">
48
+ <link rel="stylesheet" href="https://unpkg.com/cronixui@1.0.2/packages/web/dist/cronixui.css">
48
49
  </head>
49
50
  <body>
50
51
  <div class="cn-container">
51
52
  <h1 class="cn-h1">Hello, CronixUI!</h1>
52
53
  <button class="cn-btn cn-btn-primary">Get Started</button>
53
54
  </div>
54
- <script src="https://unpkg.com/cronixui@1.0.1/packages/web/dist/cronixui.js"></script>
55
+ <script src="https://unpkg.com/cronixui@1.0.2/packages/web/dist/cronixui.js"></script>
55
56
  </body>
56
57
  </html>
57
58
  ```
package/package.json CHANGED
@@ -1,19 +1,40 @@
1
1
  {
2
2
  "name": "cronixui",
3
- "version": "1.0.2",
3
+ "version": "1.0.4",
4
4
  "description": "CronixUI - A dark-themed UI toolkit with crimson accents and Outfit typography",
5
5
  "keywords": [
6
6
  "ui",
7
7
  "css",
8
8
  "dark-mode",
9
9
  "design-system",
10
- "components"
10
+ "components",
11
+ "typescript",
12
+ "python",
13
+ "rust",
14
+ "golang"
11
15
  ],
12
16
  "license": "GPL-3.0",
13
17
  "author": "CazyUndee",
14
18
  "type": "commonjs",
15
19
  "main": "packages/web/dist/cronixui.js",
16
20
  "style": "packages/web/dist/cronixui.css",
21
+ "types": "packages/web/src/cronixui.d.ts",
22
+ "exports": {
23
+ ".": {
24
+ "import": "./packages/web/dist/cronixui.js",
25
+ "require": "./packages/web/dist/cronixui.js",
26
+ "style": "./packages/web/dist/cronixui.css",
27
+ "types": "./packages/web/src/cronixui.d.ts"
28
+ },
29
+ "./react": {
30
+ "import": "./packages/react/src/index.js",
31
+ "types": "./packages/react/src/index.d.ts"
32
+ },
33
+ "./css": "./packages/web/dist/cronixui.css",
34
+ "./css/min": "./packages/web/dist/cronixui.min.css",
35
+ "./js": "./packages/web/dist/cronixui.js",
36
+ "./js/min": "./packages/web/dist/cronixui.min.js"
37
+ },
17
38
  "files": [
18
39
  "packages/web/dist/",
19
40
  "packages/web/src/",
package/packages/react/src/index.d.ts ADDED
@@ -0,0 +1,103 @@
1
+ declare namespace CronixUI {
2
+ interface ToastOptions {
3
+ title?: string;
4
+ message: string;
5
+ type?: 'success' | 'error' | 'warning' | 'info';
6
+ duration?: number;
7
+ }
8
+
9
+ interface PaginationOptions {
10
+ total: number;
11
+ current: number;
12
+ onChange?: (page: number) => void;
13
+ }
14
+
15
+ interface SearchItem {
16
+ title: string;
17
+ subtitle?: string;
18
+ action: () => void;
19
+ }
20
+
21
+ interface CommandPaletteItem {
22
+ title: string;
23
+ kbd?: string;
24
+ action: () => void;
25
+ }
26
+
27
+ interface ModalInstance {
28
+ open(): void;
29
+ close(): void;
30
+ }
31
+
32
+ interface DropdownInstance {
33
+ open(): void;
34
+ close(): void;
35
+ toggle(): void;
36
+ }
37
+
38
+ interface ToggleInstance {
39
+ toggle(): void;
40
+ isOn(): boolean;
41
+ setOn(value: boolean): void;
42
+ }
43
+
44
+ interface TabsInstance {
45
+ setActive(index: number): void;
46
+ }
47
+
48
+ interface AccordionInstance {
49
+ toggle(item: HTMLElement): void;
50
+ openAll(): void;
51
+ closeAll(): void;
52
+ }
53
+
54
+ interface PaginationInstance {
55
+ goTo(page: number): void;
56
+ render(): void;
57
+ }
58
+
59
+ interface CommandPaletteInstance {
60
+ open(): void;
61
+ close(): void;
62
+ setItems(items: CommandPaletteItem[]): void;
63
+ }
64
+
65
+ interface SearchInstance {
66
+ setItems(items: SearchItem[]): void;
67
+ filter(query: string): SearchItem[];
68
+ open(): void;
69
+ close(): void;
70
+ }
71
+
72
+ interface ToastStatic {
73
+ show(options: ToastOptions): void;
74
+ success(message: string): void;
75
+ error(message: string): void;
76
+ warning(message: string): void;
77
+ info(message: string): void;
78
+ }
79
+
80
+ interface NavStatic {
81
+ init(): void;
82
+ }
83
+
84
+ interface CronixUIStatic {
85
+ init(): void;
86
+ $(selector: string): HTMLElement | null;
87
+ $$(selector: string): NodeListOf<HTMLElement>;
88
+ createEl(tag: string, className?: string, attrs?: Record<string, string>): HTMLElement;
89
+ Toast: ToastStatic;
90
+ Nav: NavStatic;
91
+ Toggle: new (element: HTMLElement) => ToggleInstance;
92
+ Modal: new (element: HTMLElement) => ModalInstance;
93
+ Dropdown: new (element: HTMLElement) => DropdownInstance;
94
+ Tabs: new (element: HTMLElement) => TabsInstance;
95
+ Accordion: new (element: HTMLElement) => AccordionInstance;
96
+ Pagination: new (element: HTMLElement, options: PaginationOptions) => PaginationInstance;
97
+ CommandPalette: new (element: HTMLElement) => CommandPaletteInstance;
98
+ Search: new (element: HTMLElement) => SearchInstance;
99
+ }
100
+ }
101
+
102
+ declare const CronixUI: CronixUI.CronixUIStatic;
103
+ export default CronixUI;
package/packages/web/src/cronixui.d.ts ADDED
@@ -0,0 +1,103 @@
1
+ declare namespace CronixUI {
2
+ interface ToastOptions {
3
+ title?: string;
4
+ message: string;
5
+ type?: 'success' | 'error' | 'warning' | 'info';
6
+ duration?: number;
7
+ }
8
+
9
+ interface PaginationOptions {
10
+ total: number;
11
+ current: number;
12
+ onChange?: (page: number) => void;
13
+ }
14
+
15
+ interface SearchItem {
16
+ title: string;
17
+ subtitle?: string;
18
+ action: () => void;
19
+ }
20
+
21
+ interface CommandPaletteItem {
22
+ title: string;
23
+ kbd?: string;
24
+ action: () => void;
25
+ }
26
+
27
+ interface ModalInstance {
28
+ open(): void;
29
+ close(): void;
30
+ }
31
+
32
+ interface DropdownInstance {
33
+ open(): void;
34
+ close(): void;
35
+ toggle(): void;
36
+ }
37
+
38
+ interface ToggleInstance {
39
+ toggle(): void;
40
+ isOn(): boolean;
41
+ setOn(value: boolean): void;
42
+ }
43
+
44
+ interface TabsInstance {
45
+ setActive(index: number): void;
46
+ }
47
+
48
+ interface AccordionInstance {
49
+ toggle(item: HTMLElement): void;
50
+ openAll(): void;
51
+ closeAll(): void;
52
+ }
53
+
54
+ interface PaginationInstance {
55
+ goTo(page: number): void;
56
+ render(): void;
57
+ }
58
+
59
+ interface CommandPaletteInstance {
60
+ open(): void;
61
+ close(): void;
62
+ setItems(items: CommandPaletteItem[]): void;
63
+ }
64
+
65
+ interface SearchInstance {
66
+ setItems(items: SearchItem[]): void;
67
+ filter(query: string): SearchItem[];
68
+ open(): void;
69
+ close(): void;
70
+ }
71
+
72
+ interface ToastStatic {
73
+ show(options: ToastOptions): void;
74
+ success(message: string): void;
75
+ error(message: string): void;
76
+ warning(message: string): void;
77
+ info(message: string): void;
78
+ }
79
+
80
+ interface NavStatic {
81
+ init(): void;
82
+ }
83
+
84
+ interface CronixUIStatic {
85
+ init(): void;
86
+ $(selector: string): HTMLElement | null;
87
+ $$(selector: string): NodeListOf<HTMLElement>;
88
+ createEl(tag: string, className?: string, attrs?: Record<string, string>): HTMLElement;
89
+ Toast: ToastStatic;
90
+ Nav: NavStatic;
91
+ Toggle: new (element: HTMLElement) => ToggleInstance;
92
+ Modal: new (element: HTMLElement) => ModalInstance;
93
+ Dropdown: new (element: HTMLElement) => DropdownInstance;
94
+ Tabs: new (element: HTMLElement) => TabsInstance;
95
+ Accordion: new (element: HTMLElement) => AccordionInstance;
96
+ Pagination: new (element: HTMLElement, options: PaginationOptions) => PaginationInstance;
97
+ CommandPalette: new (element: HTMLElement) => CommandPaletteInstance;
98
+ Search: new (element: HTMLElement) => SearchInstance;
99
+ }
100
+ }
101
+
102
+ declare const CronixUI: CronixUI.CronixUIStatic;
103
+ export default CronixUI;