@ekkolyth/ui 0.1.17 → 0.1.19

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 (67) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +77 -132
  3. package/dist/base.css +263 -0
  4. package/dist/blocks.d.ts +4 -0
  5. package/dist/blocks.js +4 -0
  6. package/dist/container-BBg21poC.js +10 -0
  7. package/dist/convex.d.ts +2 -0
  8. package/dist/convex.js +2 -0
  9. package/dist/hooks.d.ts +2 -0
  10. package/dist/hooks.js +2 -0
  11. package/dist/icon-picker-ByfHyJ7i.js +4078 -0
  12. package/dist/index-Bwp0YMmG.d.ts +5 -0
  13. package/dist/index-BxcqwZNT.d.ts +30 -0
  14. package/dist/index-DHF8OR1R.d.ts +60 -0
  15. package/dist/index-DsLGf2HX.d.ts +9 -0
  16. package/dist/index-qji4ohJZ.d.ts +24 -0
  17. package/dist/index.d.ts +793 -533
  18. package/dist/index.js +3236 -5578
  19. package/dist/layout.d.ts +2 -0
  20. package/dist/layout.js +2 -0
  21. package/dist/loading-screen-DB3youyT.js +63 -0
  22. package/dist/shiki-code-Bg__Vnt1.js +29 -0
  23. package/dist/text.d.ts +17 -0
  24. package/dist/text.js +177 -0
  25. package/dist/themes/catpuccin/frappe.css +33 -33
  26. package/dist/themes/catpuccin/latte.css +33 -33
  27. package/dist/themes/catpuccin/macchiato.css +33 -33
  28. package/dist/themes/catpuccin/mocha.css +33 -33
  29. package/dist/themes/ekko-os.css +92 -37
  30. package/dist/themes/ekkolyth.css +2 -2
  31. package/dist/themes/index.css +7 -66
  32. package/dist/themes/provider.d.ts +62 -0
  33. package/dist/themes/provider.js +271 -0
  34. package/dist/themes/tokyo-night.css +33 -33
  35. package/dist/themes.css +7 -66
  36. package/dist/toggle-B2PFPImC.js +182 -0
  37. package/dist/use-mobile-BVGje-2e.d.ts +4 -0
  38. package/dist/use-mobile-CqHXB_Nc.js +18 -0
  39. package/dist/utils-C_uf36nf.js +8 -0
  40. package/dist/widget-C2vjxQms.js +94 -0
  41. package/dist/widget.d.ts +6 -0
  42. package/dist/widget.js +19 -0
  43. package/package.json +125 -170
  44. package/dist/catpuccin/frappe.css +0 -35
  45. package/dist/catpuccin/latte.css +0 -35
  46. package/dist/catpuccin/macchiato.css +0 -35
  47. package/dist/catpuccin/mocha.css +0 -35
  48. package/dist/ekko-os.css +0 -71
  49. package/dist/ekko-playlist.css +0 -71
  50. package/dist/ekkolyth.css +0 -70
  51. package/dist/index-C3ceanPz.d.ts +0 -18
  52. package/dist/index-C7t_lwpi.d.ts +0 -13
  53. package/dist/next.d.ts +0 -13
  54. package/dist/next.js +0 -271
  55. package/dist/providers/next.d.ts +0 -25
  56. package/dist/providers/next.js +0 -216
  57. package/dist/providers/tanstack.d.ts +0 -24
  58. package/dist/providers/tanstack.js +0 -120
  59. package/dist/tanstack.d.ts +0 -12
  60. package/dist/tanstack.js +0 -203
  61. package/dist/themes/ekko-playlist.css +0 -71
  62. package/dist/themes/theme-select.d.ts +0 -12
  63. package/dist/themes/theme-select.js +0 -357
  64. package/dist/themes/theme-toggle.d.ts +0 -15
  65. package/dist/themes/theme-toggle.js +0 -179
  66. package/dist/tokyo-night.css +0 -35
  67. package/dist/types-fUfvw1Mz.d.ts +0 -8
package/package.json CHANGED
@@ -1,177 +1,132 @@
1
1
  {
2
- "name": "@ekkolyth/ui",
3
- "version": "0.1.17",
4
- "description": "Shared UI Library for my personal projects",
5
- "keywords": [
6
- "theme",
7
- "dark-mode",
8
- "next-themes",
9
- "tanstack-router",
10
- "react"
11
- ],
12
- "repository": {
13
- "type": "git",
14
- "url": "git+https://github.com/ekkolyth/ui.git"
15
- },
16
- "license": "MIT",
17
- "author": "ekkolyth",
18
- "type": "module",
19
- "main": "./dist/index.js",
20
- "types": "./dist/index.d.ts",
21
- "files": [
22
- "dist",
23
- "README.md",
24
- "LICENSE"
25
- ],
26
- "scripts": {
27
- "dev": "storybook dev -p 3000 --no-open",
28
- "build": "tsup",
29
- "build:clean": "rm -rf dist && npm run build",
30
- "start": "next start",
31
- "lint": "biome lint .",
32
- "format": "biome check --write .",
33
- "format:check": "biome check .",
34
- "build-storybook": "storybook build",
35
- "ui-update": "node scripts/shadcn-update.js add",
36
- "pub": "node scripts/publish.js"
37
- },
38
- "exports": {
39
- ".": {
40
- "types": "./dist/index.d.ts",
41
- "import": "./dist/index.js"
2
+ "name": "@ekkolyth/ui",
3
+ "version": "0.1.19",
4
+ "description": "Shared UI Library for my personal projects",
5
+ "keywords": [
6
+ "theme",
7
+ "dark-mode",
8
+ "react"
9
+ ],
10
+ "license": "MIT",
11
+ "author": "ekkolyth",
12
+ "type": "module",
13
+ "main": "./dist/index.js",
14
+ "module": "./dist/index.js",
15
+ "types": "./dist/index.d.ts",
16
+ "sideEffects": [
17
+ "**/*.css"
18
+ ],
19
+ "files": [
20
+ "dist",
21
+ "README.md",
22
+ "LICENSE"
23
+ ],
24
+ "exports": {
25
+ ".": {
26
+ "types": "./dist/index.d.ts",
27
+ "import": "./dist/index.js"
28
+ },
29
+ "./text": {
30
+ "types": "./dist/text.d.ts",
31
+ "import": "./dist/text.js"
32
+ },
33
+ "./layout": {
34
+ "types": "./dist/layout.d.ts",
35
+ "import": "./dist/layout.js"
36
+ },
37
+ "./blocks": {
38
+ "types": "./dist/blocks.d.ts",
39
+ "import": "./dist/blocks.js"
40
+ },
41
+ "./hooks": {
42
+ "types": "./dist/hooks.d.ts",
43
+ "import": "./dist/hooks.js"
44
+ },
45
+ "./widget": {
46
+ "types": "./dist/widget.d.ts",
47
+ "import": "./dist/widget.js"
48
+ },
49
+ "./convex": {
50
+ "types": "./dist/convex.d.ts",
51
+ "import": "./dist/convex.js"
52
+ },
53
+ "./themes/provider": {
54
+ "types": "./dist/themes/provider.d.ts",
55
+ "import": "./dist/themes/provider.js"
56
+ },
57
+ "./themes": {
58
+ "style": "./dist/themes.css",
59
+ "default": "./dist/themes.css"
60
+ },
61
+ "./themes/*": {
62
+ "style": "./dist/themes/*.css",
63
+ "default": "./dist/themes/*.css"
64
+ },
65
+ "./base.css": "./dist/base.css"
42
66
  },
43
- "./next": {
44
- "types": "./dist/next.d.ts",
45
- "import": "./dist/next.js"
67
+ "dependencies": {
68
+ "@base-ui/react": "^1.1.0",
69
+ "@radix-ui/react-accordion": "^1.2.12",
70
+ "@radix-ui/react-alert-dialog": "^1.1.15",
71
+ "@radix-ui/react-aspect-ratio": "^1.1.8",
72
+ "@radix-ui/react-avatar": "^1.1.11",
73
+ "@radix-ui/react-checkbox": "^1.3.3",
74
+ "@radix-ui/react-collapsible": "^1.1.12",
75
+ "@radix-ui/react-context-menu": "^2.2.16",
76
+ "@radix-ui/react-dialog": "^1.1.15",
77
+ "@radix-ui/react-dropdown-menu": "^2.1.16",
78
+ "@radix-ui/react-hover-card": "^1.1.15",
79
+ "@radix-ui/react-label": "^2.1.8",
80
+ "@radix-ui/react-menubar": "^1.1.16",
81
+ "@radix-ui/react-navigation-menu": "^1.2.14",
82
+ "@radix-ui/react-popover": "^1.1.15",
83
+ "@radix-ui/react-progress": "^1.1.8",
84
+ "@radix-ui/react-radio-group": "^1.3.8",
85
+ "@radix-ui/react-scroll-area": "^1.2.10",
86
+ "@radix-ui/react-select": "^2.2.6",
87
+ "@radix-ui/react-separator": "^1.1.8",
88
+ "@radix-ui/react-slider": "^1.3.6",
89
+ "@radix-ui/react-slot": "^1.2.4",
90
+ "@radix-ui/react-switch": "^1.2.6",
91
+ "@radix-ui/react-tabs": "^1.1.13",
92
+ "@radix-ui/react-toggle": "^1.1.10",
93
+ "@radix-ui/react-toggle-group": "^1.1.11",
94
+ "@radix-ui/react-tooltip": "^1.2.8",
95
+ "@tailwindcss/typography": "^0.5.19",
96
+ "@tanstack/react-form": "^1.28.3",
97
+ "@tanstack/react-pacer": "^0.20.0",
98
+ "@tanstack/react-table": "^8.21.3",
99
+ "@tiptap/core": "^3.27.1",
100
+ "class-variance-authority": "^0.7.1",
101
+ "clsx": "^2.1.1",
102
+ "cmdk": "^1.1.1",
103
+ "date-fns": "^4.1.0",
104
+ "embla-carousel-react": "^8.6.0",
105
+ "input-otp": "^1.4.2",
106
+ "lucide-react": "^0.562.0",
107
+ "react-day-picker": "^9.13.2",
108
+ "react-hook-form": "^7.71.1",
109
+ "react-resizable-panels": "^4.6.0",
110
+ "recharts": "2.15.4",
111
+ "shadcn": "^3.8.5",
112
+ "shiki": "^3.16.0",
113
+ "sonner": "^2.0.7",
114
+ "tailwind-merge": "^3.5.0",
115
+ "tw-animate-css": "^1.4.0",
116
+ "vaul": "^1.1.2",
117
+ "zod": "^4.3.6"
46
118
  },
47
- "./tanstack": {
48
- "types": "./dist/tanstack.d.ts",
49
- "import": "./dist/tanstack.js"
119
+ "peerDependencies": {
120
+ "react": "^19.2.0",
121
+ "react-dom": "^19.2.0",
122
+ "next": "^16.1.6"
50
123
  },
51
- "./themes": {
52
- "style": "./dist/themes.css",
53
- "default": "./dist/themes.css"
124
+ "peerDependenciesMeta": {
125
+ "next": {
126
+ "optional": true
127
+ }
54
128
  },
55
- "./themes/theme-toggle": {
56
- "types": "./dist/themes/theme-toggle.d.ts",
57
- "import": "./dist/themes/theme-toggle.js"
58
- },
59
- "./themes/theme-select": {
60
- "types": "./dist/themes/theme-select.d.ts",
61
- "import": "./dist/themes/theme-select.js"
62
- },
63
- "./catpuccin/latte": {
64
- "style": "./dist/catpuccin/latte.css",
65
- "default": "./dist/catpuccin/latte.css"
66
- },
67
- "./catpuccin/frappe": {
68
- "style": "./dist/catpuccin/frappe.css",
69
- "default": "./dist/catpuccin/frappe.css"
70
- },
71
- "./catpuccin/macchiato": {
72
- "style": "./dist/catpuccin/macchiato.css",
73
- "default": "./dist/catpuccin/macchiato.css"
74
- },
75
- "./catpuccin/mocha": {
76
- "style": "./dist/catpuccin/mocha.css",
77
- "default": "./dist/catpuccin/mocha.css"
78
- },
79
- "./ekko-os": {
80
- "style": "./dist/ekko-os.css",
81
- "default": "./dist/ekko-os.css"
82
- },
83
- "./tokyo-night": {
84
- "style": "./dist/tokyo-night.css",
85
- "default": "./dist/tokyo-night.css"
86
- },
87
- "./ekkolyth": {
88
- "style": "./dist/ekkolyth.css",
89
- "default": "./dist/ekkolyth.css"
90
- },
91
- "./ekko-playlist": {
92
- "style": "./dist/ekko-playlist.css",
93
- "default": "./dist/ekko-playlist.css"
94
- }
95
- },
96
- "dependencies": {
97
- "@base-ui/react": "^1.1.0",
98
- "class-variance-authority": "^0.7.1",
99
- "clsx": "^2.1.1",
100
- "cmdk": "^1.1.1",
101
- "date-fns": "^4.1.0",
102
- "embla-carousel-react": "^8.6.0",
103
- "input-otp": "^1.4.2",
104
- "lucide-react": "^0.562.0",
105
- "next": "16.1.2",
106
- "radix-ui": "^1.4.3",
107
- "react-day-picker": "^9.13.0",
108
- "react-resizable-panels": "^4.4.1",
109
- "recharts": "2.15.4",
110
- "shadcn": "^3.7.0",
111
- "sonner": "^2.0.7",
112
- "tailwind-merge": "^3.4.0",
113
- "tw-animate-css": "^1.4.0",
114
- "vaul": "^1.1.2"
115
- },
116
- "devDependencies": {
117
- "@biomejs/biome": "^2.3.12",
118
- "@chromatic-com/storybook": "^5.0.0",
119
- "@storybook/addon-a11y": "^10.1.11",
120
- "@storybook/addon-docs": "^10.1.11",
121
- "@storybook/addon-onboarding": "^10.1.11",
122
- "@storybook/addon-themes": "^10.1.11",
123
- "@storybook/addon-vitest": "^10.1.11",
124
- "@storybook/nextjs-vite": "^10.1.11",
125
- "@tailwindcss/postcss": "^4.1.18",
126
- "@tanstack/react-router": "^1.150.0",
127
- "@testing-library/jest-dom": "^6.9.1",
128
- "@testing-library/react": "^16.3.1",
129
- "@testing-library/user-event": "^14.6.1",
130
- "@types/node": "^20.19.30",
131
- "@types/postcss-import": "^14.0.3",
132
- "@types/react": "^19.2.8",
133
- "@types/react-dom": "^19.2.3",
134
- "@vitejs/plugin-react": "^5.1.2",
135
- "@vitest/browser-playwright": "^4.0.17",
136
- "@vitest/coverage-v8": "^4.0.17",
137
- "@vueless/storybook-dark-mode": "^10.0.6",
138
- "jsdom": "^27.4.0",
139
- "next-themes": "^0.4.6",
140
- "playwright": "^1.57.0",
141
- "postcss": "^8.5.6",
142
- "postcss-import": "^16.1.1",
143
- "storybook": "^10.1.11",
144
- "tailwindcss": "^4.1.18",
145
- "tsup": "^8.5.1",
146
- "typescript": "^5.9.3",
147
- "vite": "^7.3.1",
148
- "vite-tsconfig-paths": "^6.0.4",
149
- "vitest": "^4.0.17"
150
- },
151
- "peerDependencies": {
152
- "react": "^19.2.3",
153
- "react-dom": "^19.2.3",
154
- "next-themes": "^0.4.6",
155
- "@tanstack/react-router": "^1.150.0"
156
- },
157
- "peerDependenciesMeta": {
158
- "next-themes": {
159
- "optional": true
160
- },
161
- "@tanstack/react-router": {
162
- "optional": true
129
+ "publishConfig": {
130
+ "access": "public"
163
131
  }
164
- },
165
- "publishConfig": {
166
- "access": "public"
167
- },
168
- "module": "./dist/index.js",
169
- "ignoreScripts": [
170
- "sharp",
171
- "unrs-resolver"
172
- ],
173
- "trustedDependencies": [
174
- "sharp",
175
- "unrs-resolver"
176
- ]
177
132
  }
@@ -1,35 +0,0 @@
1
- /* Catppuccin Frappe Theme - Dark Mode (Mauve accent) */
2
- html[data-theme="frappe"] {
3
- --radius: 0.625rem;
4
- --background: hsl(229 18.64% 23.14%); /* base */
5
- --foreground: hsl(227 70.15% 86.86%); /* text */
6
- --card: hsl(229 18.64% 23.14%); /* base */
7
- --card-foreground: hsl(227 70.15% 86.86%); /* text */
8
- --popover: hsl(229 18.64% 23.14%); /* base */
9
- --popover-foreground: hsl(227 70.15% 86.86%); /* text */
10
- --primary: hsl(277 59.02% 76.08%); /* accent - Mauve */
11
- --primary-foreground: hsl(229 18.64% 23.14%); /* base */
12
- --secondary: hsl(230 15.58% 30.20%); /* surface0 */
13
- --secondary-foreground: hsl(227 70.15% 86.86%); /* text */
14
- --muted: hsl(230 15.58% 30.20%); /* surface0 */
15
- --muted-foreground: hsl(227 43.69% 79.80%); /* subtext1 */
16
- --accent: hsl(230 15.58% 30.20%); /* surface0 */
17
- --accent-foreground: hsl(227 70.15% 86.86%); /* text */
18
- --destructive: hsl(359 67.79% 70.78%); /* red */
19
- --border: hsl(227 14.74% 37.25%); /* surface1 */
20
- --input: hsl(227 14.74% 37.25%); /* surface1 */
21
- --ring: hsl(227 70.15% 86.86%); /* text */
22
- --chart-1: hsl(341 18.43% 40.00%); /* red */
23
- --chart-2: hsl(191 18.43% 39.22%); /* teal */
24
- --chart-3: hsl(224 23.53% 43.53%); /* blue */
25
- --chart-4: hsl(31 9.41% 43.53%); /* yellow */
26
- --chart-5: hsl(126 9.41% 41.18%); /* green */
27
- --sidebar: hsl(229 18.82% 21.96%); /* mantle */
28
- --sidebar-foreground: hsl(227 70.15% 86.86%); /* text */
29
- --sidebar-primary: hsl(277 59.02% 76.08%); /* accent - Mauve */
30
- --sidebar-primary-foreground: hsl(229 18.64% 23.14%); /* base */
31
- --sidebar-accent: hsl(229 18.64% 23.14%); /* surface0 */
32
- --sidebar-accent-foreground: hsl(227 70.15% 86.86%); /* text */
33
- --sidebar-border: hsl(227 14.74% 37.25%); /* surface1 */
34
- --sidebar-ring: hsl(227 14.74% 37.25%); /* surface1 */
35
- }
@@ -1,35 +0,0 @@
1
- /* Catppuccin Latte Theme - Light Mode (Mauve accent) */
2
- html[data-theme="latte"] {
3
- --radius: 0.625rem;
4
- --background: hsl(220 23.08% 94.90%); /* base */
5
- --foreground: hsl(234 16.02% 35.49%); /* text */
6
- --card: hsl(220 23.08% 94.90%); /* base */
7
- --card-foreground: hsl(234 16.02% 35.49%); /* text */
8
- --popover: hsl(220 23.08% 94.90%); /* base */
9
- --popover-foreground: hsl(234 16.02% 35.49%); /* text */
10
- --primary: hsl(266 85.05% 58.04%); /* accent - Mauve */
11
- --primary-foreground: hsl(220 23.08% 94.90%); /* base */
12
- --secondary: hsl(223 15.91% 82.75%); /* surface0 */
13
- --secondary-foreground: hsl(234 16.02% 35.49%); /* text */
14
- --muted: hsl(223 15.91% 82.75%); /* surface0 */
15
- --muted-foreground: hsl(233 12.80% 41.37%); /* subtext1 */
16
- --accent: hsl(223 15.91% 82.75%); /* surface0 */
17
- --accent-foreground: hsl(234 16.02% 35.49%); /* text */
18
- --destructive: hsl(347 86.67% 44.12%); /* red */
19
- --border: hsl(225 13.56% 76.86%); /* surface1 */
20
- --input: hsl(225 13.56% 76.86%); /* surface1 */
21
- --ring: hsl(234 16.02% 35.49%); /* text */
22
- --chart-1: hsl(345 57.65% 74.12%); /* red */
23
- --chart-2: hsl(185 37.25% 70.59%); /* teal */
24
- --chart-3: hsl(219 81.96% 78.43%); /* blue */
25
- --chart-4: hsl(35 61.18% 76.86%); /* yellow */
26
- --chart-5: hsl(113 32.94% 73.33%); /* green */
27
- --sidebar: hsl(218 25.10% 93.73%); /* mantle */
28
- --sidebar-foreground: hsl(234 16.02% 35.49%); /* text */
29
- --sidebar-primary: hsl(266 85.05% 58.04%); /* accent - Mauve */
30
- --sidebar-primary-foreground: hsl(220 23.08% 94.90%); /* base */
31
- --sidebar-accent: hsl(220 23.08% 94.90%); /* surface0 */
32
- --sidebar-accent-foreground: hsl(234 16.02% 35.49%); /* text */
33
- --sidebar-border: hsl(225 13.56% 76.86%); /* surface1 */
34
- --sidebar-ring: hsl(225 13.56% 76.86%); /* surface1 */
35
- }
@@ -1,35 +0,0 @@
1
- /* Catppuccin Macchiato Theme - Dark Mode (Mauve accent) */
2
- html[data-theme="macchiato"] {
3
- --radius: 0.625rem;
4
- --background: hsl(232 23.40% 18.43%); /* base */
5
- --foreground: hsl(227 68.25% 87.65%); /* text */
6
- --card: hsl(232 23.40% 18.43%); /* base */
7
- --card-foreground: hsl(227 68.25% 87.65%); /* text */
8
- --popover: hsl(232 23.40% 18.43%); /* base */
9
- --popover-foreground: hsl(227 68.25% 87.65%); /* text */
10
- --primary: hsl(267 82.69% 79.61%); /* accent - Mauve */
11
- --primary-foreground: hsl(232 23.40% 18.43%); /* base */
12
- --secondary: hsl(230 18.80% 26.08%); /* surface0 */
13
- --secondary-foreground: hsl(227 68.25% 87.65%); /* text */
14
- --muted: hsl(230 18.80% 26.08%); /* surface0 */
15
- --muted-foreground: hsl(228 39.22% 80.00%); /* subtext1 */
16
- --accent: hsl(230 18.80% 26.08%); /* surface0 */
17
- --accent-foreground: hsl(227 68.25% 87.65%); /* text */
18
- --destructive: hsl(351 73.91% 72.94%); /* red */
19
- --border: hsl(231 15.61% 33.92%); /* surface1 */
20
- --input: hsl(231 15.61% 33.92%); /* surface1 */
21
- --ring: hsl(227 68.25% 87.65%); /* text */
22
- --chart-1: hsl(333 20.78% 38.04%); /* red */
23
- --chart-2: hsl(193 19.61% 38.04%); /* teal */
24
- --chart-3: hsl(224 26.67% 41.18%); /* blue */
25
- --chart-4: hsl(30 8.24% 42.35%); /* yellow */
26
- --chart-5: hsl(139 10.98% 38.82%); /* green */
27
- --sidebar: hsl(234 22.75% 17.25%); /* mantle */
28
- --sidebar-foreground: hsl(227 68.25% 87.65%); /* text */
29
- --sidebar-primary: hsl(267 82.69% 79.61%); /* accent - Mauve */
30
- --sidebar-primary-foreground: hsl(232 23.40% 18.43%); /* base */
31
- --sidebar-accent: hsl(232 23.40% 18.43%); /* surface0 */
32
- --sidebar-accent-foreground: hsl(227 68.25% 87.65%); /* text */
33
- --sidebar-border: hsl(231 15.61% 33.92%); /* surface1 */
34
- --sidebar-ring: hsl(231 15.61% 33.92%); /* surface1 */
35
- }
@@ -1,35 +0,0 @@
1
- /* Catppuccin Mocha Theme - Dark Mode (Mauve accent) */
2
- html[data-theme="mocha"] {
3
- --radius: 0.625rem;
4
- --background: hsl(240 21.05% 14.90%); /* base */
5
- --foreground: hsl(226 63.93% 88.04%); /* text */
6
- --card: hsl(240 21.05% 14.90%); /* base */
7
- --card-foreground: hsl(226 63.93% 88.04%); /* text */
8
- --popover: hsl(240 21.05% 14.90%); /* base */
9
- --popover-foreground: hsl(226 63.93% 88.04%); /* text */
10
- --primary: hsl(267 83.51% 80.98%); /* accent - Mauve */
11
- --primary-foreground: hsl(240 21.05% 14.90%); /* base */
12
- --secondary: hsl(237 16.24% 22.94%); /* surface0 */
13
- --secondary-foreground: hsl(226 63.93% 88.04%); /* text */
14
- --muted: hsl(237 16.24% 22.94%); /* surface0 */
15
- --muted-foreground: hsl(227 35.29% 80.00%); /* subtext1 */
16
- --accent: hsl(237 16.24% 22.94%); /* surface0 */
17
- --accent-foreground: hsl(226 63.93% 88.04%); /* text */
18
- --destructive: hsl(343 81.25% 74.90%); /* red */
19
- --border: hsl(234 13.21% 31.18%); /* surface1 */
20
- --input: hsl(234 13.21% 31.18%); /* surface1 */
21
- --ring: hsl(226 63.93% 88.04%); /* text */
22
- --chart-1: hsl(329 21.57% 37.25%); /* red */
23
- --chart-2: hsl(188 18.82% 37.25%); /* teal */
24
- --chart-3: hsl(221 27.45% 39.61%); /* blue */
25
- --chart-4: hsl(30 9.41% 42.35%); /* yellow */
26
- --chart-5: hsl(139 12.94% 38.04%); /* green */
27
- --sidebar: hsl(240 21.18% 14.12%); /* mantle */
28
- --sidebar-foreground: hsl(226 63.93% 88.04%); /* text */
29
- --sidebar-primary: hsl(267 83.51% 80.98%); /* accent - Mauve */
30
- --sidebar-primary-foreground: hsl(240 21.05% 14.90%); /* base */
31
- --sidebar-accent: hsl(240 21.05% 14.90%); /* surface0 */
32
- --sidebar-accent-foreground: hsl(226 63.93% 88.04%); /* text */
33
- --sidebar-border: hsl(234 13.21% 31.18%); /* surface1 */
34
- --sidebar-ring: hsl(234 13.21% 31.18%); /* surface1 */
35
- }
package/dist/ekko-os.css DELETED
@@ -1,71 +0,0 @@
1
- /* EkkoOS - Light (from EkkoOS apps/web globals.css :root) */
2
- html[data-theme="ekkoos-light"] {
3
- --radius: 0.25rem;
4
- --background: oklch(1 0 0);
5
- --foreground: oklch(0.141 0.005 285.823);
6
- --card: oklch(1 0 0);
7
- --card-foreground: oklch(0.141 0.005 285.823);
8
- --popover: oklch(1 0 0);
9
- --popover-foreground: oklch(0.141 0.005 285.823);
10
- --primary: oklch(0.21 0.006 285.885);
11
- --primary-foreground: oklch(0.985 0 0);
12
- --secondary: oklch(0.967 0.001 286.375);
13
- --secondary-foreground: oklch(0.21 0.006 285.885);
14
- --muted: oklch(0.967 0.001 286.375);
15
- --muted-foreground: oklch(0.552 0.016 285.938);
16
- --accent: oklch(0.967 0.001 286.375);
17
- --accent-foreground: oklch(0.21 0.006 285.885);
18
- --destructive: oklch(0.577 0.245 27.325);
19
- --border: oklch(0.92 0.004 286.32);
20
- --input: oklch(0.92 0.004 286.32);
21
- --ring: oklch(0.705 0.015 286.067);
22
- --chart-1: oklch(0.646 0.222 41.116);
23
- --chart-2: oklch(0.6 0.118 184.704);
24
- --chart-3: oklch(0.398 0.07 227.392);
25
- --chart-4: oklch(0.828 0.189 84.429);
26
- --chart-5: oklch(0.769 0.188 70.08);
27
- --sidebar: oklch(0.985 0 0);
28
- --sidebar-foreground: oklch(0.141 0.005 285.823);
29
- --sidebar-primary: oklch(0.21 0.006 285.885);
30
- --sidebar-primary-foreground: oklch(0.985 0 0);
31
- --sidebar-accent: oklch(0.967 0.001 286.375);
32
- --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
33
- --sidebar-border: oklch(0.92 0.004 286.32);
34
- --sidebar-ring: oklch(0.705 0.015 286.067);
35
- }
36
-
37
- /* EkkoOS - Dark (from EkkoOS apps/web globals.css .dark - monochrome) */
38
- html[data-theme="ekkoos-dark"] {
39
- --radius: 0.25rem;
40
- --background: oklch(0 0 0);
41
- --foreground: oklch(1 0 0);
42
- --card: oklch(0.05 0 0 / 0.8);
43
- --card-foreground: oklch(1 0 0);
44
- --popover: oklch(0.05 0 0);
45
- --popover-foreground: oklch(1 0 0);
46
- --primary: oklch(0.8 0 0);
47
- --primary-foreground: oklch(0 0 0);
48
- --secondary: oklch(0.1 0 0);
49
- --secondary-foreground: oklch(0.9 0 0);
50
- --muted: oklch(0.1 0 0);
51
- --muted-foreground: oklch(0.6 0 0);
52
- --accent: oklch(0.2 0 0);
53
- --accent-foreground: oklch(1 0 0);
54
- --destructive: oklch(0.62 0.25 29);
55
- --border: oklch(0.15 0 0);
56
- --input: oklch(0.08 0 0);
57
- --ring: oklch(0.8 0 0);
58
- --chart-1: oklch(0.9 0 0);
59
- --chart-2: oklch(0.8 0 0);
60
- --chart-3: oklch(0.7 0 0);
61
- --chart-4: oklch(0.6 0 0);
62
- --chart-5: oklch(0.5 0 0);
63
- --sidebar: oklch(0 0 0);
64
- --sidebar-foreground: oklch(1 0 0);
65
- --sidebar-primary: oklch(0.8 0 0);
66
- --sidebar-primary-foreground: oklch(0 0 0);
67
- --sidebar-accent: oklch(0.2 0 0);
68
- --sidebar-accent-foreground: oklch(0.9 0 0);
69
- --sidebar-border: oklch(0.1 0 0);
70
- --sidebar-ring: oklch(0.8 0 0);
71
- }
@@ -1,71 +0,0 @@
1
- /* Ekko Playlist - Light */
2
- html[data-theme="ekko-playlist-light"] {
3
- --background: oklch(1 0 0);
4
- --foreground: oklch(0.145 0 0);
5
- --card: oklch(1 0 0);
6
- --card-foreground: oklch(0.145 0 0);
7
- --popover: oklch(1 0 0);
8
- --popover-foreground: oklch(0.145 0 0);
9
- --primary: oklch(0.586 0.253 17.585);
10
- --primary-foreground: oklch(0.969 0.015 12.422);
11
- --secondary: oklch(0.967 0.001 286.375);
12
- --secondary-foreground: oklch(0.21 0.006 285.885);
13
- --muted: oklch(0.97 0 0);
14
- --muted-foreground: oklch(0.556 0 0);
15
- --accent: oklch(0.97 0 0);
16
- --accent-foreground: oklch(0.205 0 0);
17
- --destructive: oklch(0.58 0.22 27);
18
- --border: oklch(0.922 0 0);
19
- --input: oklch(0.922 0 0);
20
- --ring: oklch(0.708 0 0);
21
- --radius: 0.625rem;
22
- --chart-1: oklch(0.81 0.117 11.638);
23
- --chart-2: oklch(0.645 0.246 16.439);
24
- --chart-3: oklch(0.586 0.253 17.585);
25
- --chart-4: oklch(0.514 0.222 16.935);
26
- --chart-5: oklch(0.455 0.188 13.697);
27
- --sidebar: oklch(0.985 0 0);
28
- --sidebar-foreground: oklch(0.145 0 0);
29
- --sidebar-primary: oklch(0.586 0.253 17.585);
30
- --sidebar-primary-foreground: oklch(0.969 0.015 12.422);
31
- --sidebar-accent: oklch(0.97 0 0);
32
- --sidebar-accent-foreground: oklch(0.205 0 0);
33
- --sidebar-border: oklch(0.922 0 0);
34
- --sidebar-ring: oklch(0.708 0 0);
35
- }
36
-
37
- /* Ekko Playlist - Dark */
38
- html[data-theme="ekko-playlist-dark"] {
39
- --background: oklch(0.145 0 0);
40
- --foreground: oklch(0.985 0 0);
41
- --card: oklch(0.205 0 0);
42
- --card-foreground: oklch(0.985 0 0);
43
- --popover: oklch(0.205 0 0);
44
- --popover-foreground: oklch(0.985 0 0);
45
- --primary: oklch(0.645 0.246 16.439);
46
- --primary-foreground: oklch(0.969 0.015 12.422);
47
- --secondary: oklch(0.274 0.006 286.033);
48
- --secondary-foreground: oklch(0.985 0 0);
49
- --muted: oklch(0.269 0 0);
50
- --muted-foreground: oklch(0.708 0 0);
51
- --accent: oklch(0.371 0 0);
52
- --accent-foreground: oklch(0.985 0 0);
53
- --destructive: oklch(0.704 0.191 22.216);
54
- --border: oklch(1 0 0 / 10%);
55
- --input: oklch(1 0 0 / 15%);
56
- --ring: oklch(0.556 0 0);
57
- --radius: 0.625rem;
58
- --chart-1: oklch(0.81 0.117 11.638);
59
- --chart-2: oklch(0.645 0.246 16.439);
60
- --chart-3: oklch(0.586 0.253 17.585);
61
- --chart-4: oklch(0.514 0.222 16.935);
62
- --chart-5: oklch(0.455 0.188 13.697);
63
- --sidebar: oklch(0.21 0.006 285.885);
64
- --sidebar-foreground: oklch(0.985 0 0);
65
- --sidebar-primary: oklch(0.645 0.246 16.439);
66
- --sidebar-primary-foreground: oklch(0.969 0.015 12.422);
67
- --sidebar-accent: oklch(0.269 0 0);
68
- --sidebar-accent-foreground: oklch(0.985 0 0);
69
- --sidebar-border: oklch(1 0 0 / 10%);
70
- --sidebar-ring: oklch(0.556 0 0);
71
- }
package/dist/ekkolyth.css DELETED
@@ -1,70 +0,0 @@
1
- /* Ekkolyth - Light */
2
- html[data-theme="ekkolyth-light"] {
3
- --background: oklch(1 0 0);
4
- --foreground: oklch(0.141 0.005 285.823);
5
- --card: oklch(1 0 0);
6
- --card-foreground: oklch(0.141 0.005 285.823);
7
- --popover: oklch(1 0 0);
8
- --popover-foreground: oklch(0.141 0.005 285.823);
9
- --primary: oklch(0.51 0.23 277);
10
- --primary-foreground: oklch(0.96 0.02 272);
11
- --secondary: oklch(0.967 0.001 286.375);
12
- --secondary-foreground: oklch(0.21 0.006 285.885);
13
- --muted: oklch(0.967 0.001 286.375);
14
- --muted-foreground: oklch(0.552 0.016 285.938);
15
- --accent: oklch(0.967 0.001 286.375);
16
- --accent-foreground: oklch(0.21 0.006 285.885);
17
- --destructive: oklch(0.577 0.245 27.325);
18
- --border: oklch(0.92 0.004 286.32);
19
- --input: oklch(0.92 0.004 286.32);
20
- --ring: oklch(0.705 0.015 286.067);
21
- --chart-1: oklch(0.79 0.1 275);
22
- --chart-2: oklch(0.68 0.16 277);
23
- --chart-3: oklch(0.59 0.2 277);
24
- --chart-4: oklch(0.51 0.23 277);
25
- --chart-5: oklch(0.46 0.21 277);
26
- --radius: 0.45rem;
27
- --sidebar: oklch(0.985 0 0);
28
- --sidebar-foreground: oklch(0.141 0.005 285.823);
29
- --sidebar-primary: oklch(0.51 0.23 277);
30
- --sidebar-primary-foreground: oklch(0.96 0.02 272);
31
- --sidebar-accent: oklch(0.967 0.001 286.375);
32
- --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
33
- --sidebar-border: oklch(0.92 0.004 286.32);
34
- --sidebar-ring: oklch(0.705 0.015 286.067);
35
- }
36
-
37
- /* Ekkolyth - Dark */
38
- html[data-theme="ekkolyth-dark"] {
39
- --background: oklch(0.141 0.005 285.823);
40
- --foreground: oklch(0.985 0 0);
41
- --card: oklch(0.21 0.006 285.885);
42
- --card-foreground: oklch(0.985 0 0);
43
- --popover: oklch(0.21 0.006 285.885);
44
- --popover-foreground: oklch(0.985 0 0);
45
- --primary: oklch(0.59 0.2 277);
46
- --primary-foreground: oklch(0.96 0.02 272);
47
- --secondary: oklch(0.274 0.006 286.033);
48
- --secondary-foreground: oklch(0.985 0 0);
49
- --muted: oklch(0.274 0.006 286.033);
50
- --muted-foreground: oklch(0.705 0.015 286.067);
51
- --accent: oklch(0.274 0.006 286.033);
52
- --accent-foreground: oklch(0.985 0 0);
53
- --destructive: oklch(0.704 0.191 22.216);
54
- --border: oklch(1 0 0 / 10%);
55
- --input: oklch(1 0 0 / 15%);
56
- --ring: oklch(0.552 0.016 285.938);
57
- --chart-1: oklch(0.79 0.1 275);
58
- --chart-2: oklch(0.68 0.16 277);
59
- --chart-3: oklch(0.59 0.2 277);
60
- --chart-4: oklch(0.51 0.23 277);
61
- --chart-5: oklch(0.46 0.21 277);
62
- --sidebar: oklch(0.21 0.006 285.885);
63
- --sidebar-foreground: oklch(0.985 0 0);
64
- --sidebar-primary: oklch(0.68 0.16 277);
65
- --sidebar-primary-foreground: oklch(0.96 0.02 272);
66
- --sidebar-accent: oklch(0.274 0.006 286.033);
67
- --sidebar-accent-foreground: oklch(0.985 0 0);
68
- --sidebar-border: oklch(1 0 0 / 10%);
69
- --sidebar-ring: oklch(0.552 0.016 285.938);
70
- }