@duskmoon-dev/core 0.1.0 → 0.2.0

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 (110) hide show
  1. package/README.md +366 -78
  2. package/dist/components/accordion.css +244 -0
  3. package/dist/components/alert.css +199 -0
  4. package/dist/components/appbar.css +493 -0
  5. package/dist/components/autocomplete.css +269 -0
  6. package/dist/components/avatar.css +167 -0
  7. package/dist/components/badge.css +178 -0
  8. package/dist/components/bottom-navigation.css +263 -0
  9. package/dist/components/bottomsheet.css +334 -0
  10. package/dist/components/button.css +475 -0
  11. package/dist/components/card.css +220 -0
  12. package/dist/components/cascader.css +418 -0
  13. package/dist/components/checkbox.css +231 -0
  14. package/dist/components/chip.css +211 -0
  15. package/dist/components/collapse.css +454 -0
  16. package/dist/components/datepicker.css +741 -0
  17. package/dist/components/dialog.css +173 -0
  18. package/dist/components/divider.css +284 -0
  19. package/dist/components/drawer.css +371 -0
  20. package/dist/components/file-upload.css +321 -0
  21. package/dist/components/form-group.css +308 -0
  22. package/dist/components/form.css +441 -0
  23. package/dist/components/index.css +14951 -0
  24. package/dist/components/input.css +240 -0
  25. package/dist/components/list.css +188 -0
  26. package/dist/components/markdown-body.css +405 -0
  27. package/dist/components/modal.css +291 -0
  28. package/dist/components/multi-select.css +491 -0
  29. package/dist/components/navigation.css +736 -0
  30. package/dist/components/otp-input.css +195 -0
  31. package/dist/components/pin-input.css +184 -0
  32. package/dist/components/popover.css +392 -0
  33. package/dist/components/progress.css +238 -0
  34. package/dist/components/radio.css +183 -0
  35. package/dist/components/rating.css +230 -0
  36. package/dist/components/segment-control.css +186 -0
  37. package/dist/components/select.css +205 -0
  38. package/dist/components/skeleton.css +216 -0
  39. package/dist/components/slider.css +327 -0
  40. package/dist/components/snackbar.css +311 -0
  41. package/dist/components/stepper.css +313 -0
  42. package/dist/components/switch.css +234 -0
  43. package/dist/components/table.css +199 -0
  44. package/dist/components/textarea.css +398 -0
  45. package/dist/components/time-input.css +252 -0
  46. package/dist/components/timeline.css +353 -0
  47. package/dist/components/toast.css +251 -0
  48. package/dist/components/tooltip.css +284 -0
  49. package/dist/components/tree-select.css +472 -0
  50. package/dist/esm/components/accordion.js +251 -0
  51. package/dist/esm/components/alert.js +206 -0
  52. package/dist/esm/components/appbar.js +500 -0
  53. package/dist/esm/components/autocomplete.js +276 -0
  54. package/dist/esm/components/avatar.js +174 -0
  55. package/dist/esm/components/badge.js +185 -0
  56. package/dist/esm/components/bottom-navigation.js +270 -0
  57. package/dist/esm/components/bottomsheet.js +341 -0
  58. package/dist/esm/components/button.js +482 -0
  59. package/dist/esm/components/card.js +227 -0
  60. package/dist/esm/components/cascader.js +425 -0
  61. package/dist/esm/components/checkbox.js +238 -0
  62. package/dist/esm/components/chip.js +218 -0
  63. package/dist/esm/components/collapse.js +461 -0
  64. package/dist/esm/components/datepicker.js +748 -0
  65. package/dist/esm/components/dialog.js +180 -0
  66. package/dist/esm/components/divider.js +291 -0
  67. package/dist/esm/components/drawer.js +378 -0
  68. package/dist/esm/components/file-upload.js +328 -0
  69. package/dist/esm/components/form-group.js +315 -0
  70. package/dist/esm/components/form.js +448 -0
  71. package/dist/esm/components/input.js +247 -0
  72. package/dist/esm/components/list.js +195 -0
  73. package/dist/esm/components/markdown-body.js +412 -0
  74. package/dist/esm/components/modal.js +298 -0
  75. package/dist/esm/components/multi-select.js +498 -0
  76. package/dist/esm/components/navigation.js +743 -0
  77. package/dist/esm/components/otp-input.js +202 -0
  78. package/dist/esm/components/pin-input.js +191 -0
  79. package/dist/esm/components/popover.js +399 -0
  80. package/dist/esm/components/progress.js +245 -0
  81. package/dist/esm/components/radio.js +190 -0
  82. package/dist/esm/components/rating.js +237 -0
  83. package/dist/esm/components/segment-control.js +193 -0
  84. package/dist/esm/components/select.js +212 -0
  85. package/dist/esm/components/skeleton.js +223 -0
  86. package/dist/esm/components/slider.js +334 -0
  87. package/dist/esm/components/snackbar.js +318 -0
  88. package/dist/esm/components/stepper.js +320 -0
  89. package/dist/esm/components/switch.js +241 -0
  90. package/dist/esm/components/table.js +206 -0
  91. package/dist/esm/components/textarea.js +405 -0
  92. package/dist/esm/components/time-input.js +259 -0
  93. package/dist/esm/components/timeline.js +360 -0
  94. package/dist/esm/components/toast.js +258 -0
  95. package/dist/esm/components/tooltip.js +291 -0
  96. package/dist/esm/components/tree-select.js +479 -0
  97. package/dist/index.css +15866 -0
  98. package/dist/themes/moonlight.css +253 -0
  99. package/dist/themes/sunshine.css +250 -0
  100. package/dist/types/index.d.ts +14 -0
  101. package/dist/types/index.d.ts.map +1 -0
  102. package/dist/types/plugin.d.ts +69 -0
  103. package/dist/types/plugin.d.ts.map +1 -0
  104. package/dist/types/theme.d.ts +202 -0
  105. package/dist/types/theme.d.ts.map +1 -0
  106. package/package.json +262 -18
  107. package/dist/index.cjs +0 -243
  108. package/dist/index.cjs.map +0 -15
  109. package/dist/index.js +0 -211
  110. package/dist/index.js.map +0 -15
@@ -0,0 +1,253 @@
1
+ /**
2
+ * Moonlight Theme - Dark Mode
3
+ * A cool, calm dark theme optimized for low-light viewing
4
+ * Uses OKLCH format: "oklch(L% C H)"
5
+ */
6
+
7
+ [data-theme="moonlight"] {
8
+ color-scheme: dark;
9
+
10
+ /* ============================================
11
+ * BRAND COLORS
12
+ * ============================================ */
13
+
14
+ /* Primary Color Family - Cool Blue */
15
+ --color-primary: oklch(85.45% 0 0);
16
+ --color-primary-content: oklch(14.94% 0.031 39.947);
17
+ --color-primary-container: oklch(25% 0.01 0);
18
+ --color-on-primary-container: oklch(85% 0.01 0);
19
+
20
+ /* Secondary Color Family - Soft Teal */
21
+ --color-secondary: oklch(83.33% 0.0981 73.78);
22
+ --color-secondary-content: oklch(14.507% 0.035 2.72);
23
+ --color-secondary-container: oklch(28% 0.03 73.78);
24
+ --color-on-secondary-container: oklch(88% 0.03 73.78);
25
+
26
+ /* Tertiary Color Family - Lavender */
27
+ --color-tertiary: oklch(72% 0.090 255);
28
+ --color-tertiary-content: oklch(14% 0.012 255);
29
+ --color-tertiary-container: oklch(28% 0.030 255);
30
+ --color-on-tertiary-container: oklch(88% 0.010 255);
31
+
32
+ /* ============================================
33
+ * SURFACE COLORS
34
+ * ============================================ */
35
+
36
+ --color-surface: oklch(20% 0.02 260);
37
+ --color-surface-dim: oklch(17% 0.02 260);
38
+ --color-surface-bright: oklch(28% 0.02 260);
39
+ --color-surface-container-lowest: oklch(14% 0.02 260);
40
+ --color-surface-container-low: oklch(20% 0.02 260);
41
+ --color-surface-container: oklch(22% 0.02 260);
42
+ --color-surface-container-high: oklch(25% 0.02 260);
43
+ --color-surface-container-highest: oklch(28% 0.01 260);
44
+ --color-on-surface: oklch(95% 0.01 260);
45
+ --color-on-surface-variant: oklch(75% 0.01 260);
46
+
47
+ /* ============================================
48
+ * SEMANTIC COLORS
49
+ * ============================================ */
50
+
51
+ /* Info - Light Blue */
52
+ --color-info: oklch(82.42% 0.09757279812867503 240.7677443360475);
53
+ --color-info-content: oklch(17.111% 0.017 206.015);
54
+ --color-info-container: oklch(32% 0.06 235);
55
+ --color-on-info-container: oklch(88% 0.06 235);
56
+
57
+ /* Success - Mint Green */
58
+ --color-success: oklch(82.19% 0.0621 133.3);
59
+ --color-success-content: oklch(17.112% 0.017 144.778);
60
+ --color-success-container: oklch(30% 0.05 150);
61
+ --color-on-success-container: oklch(85% 0.06 150);
62
+
63
+ /* Warning - Warm Amber */
64
+ --color-warning: oklch(76.36% 0.1752731353930708 61.96388739129725);
65
+ --color-warning-content: oklch(17.113% 0.016 74.427);
66
+ --color-warning-container: oklch(35% 0.06 80);
67
+ --color-on-warning-container: oklch(90% 0.06 80);
68
+
69
+ /* Error - Soft Red */
70
+ --color-error: oklch(46.38% 0.1898 29.17);
71
+ --color-error-content: oklch(86.38% 0.298 39.17);
72
+ --color-error-container: oklch(30% 0.08 25);
73
+ --color-on-error-container: oklch(88% 0.06 25);
74
+
75
+ /* ============================================
76
+ * NEUTRAL COLORS (Base Scale)
77
+ * ============================================ */
78
+
79
+ --color-base-100: oklch(22% 0.019 237.69);
80
+ --color-base-200: oklch(20% 0.019 237.69);
81
+ --color-base-300: oklch(18% 0.019 237.69);
82
+ --color-base-400: oklch(26% 0.019 237.69);
83
+ --color-base-500: oklch(32% 0.019 237.69);
84
+ --color-base-600: oklch(40% 0.018 237.69);
85
+ --color-base-700: oklch(55% 0.017 237.69);
86
+ --color-base-800: oklch(70% 0.016 237.69);
87
+ --color-base-900: oklch(85% 0.015 237.69);
88
+ --color-base-content: oklch(77.383% 0.043 245.096);
89
+
90
+
91
+ /* ============================================
92
+ * OUTLINE COLORS
93
+ * ============================================ */
94
+
95
+ --color-outline: oklch(44% 0.01 260);
96
+ --color-outline-variant: oklch(35% 0.01 260);
97
+
98
+ /* ============================================
99
+ * ACCENT COLORS
100
+ * ============================================ */
101
+
102
+ --color-accent: oklch(75.65% 0.1303 335.51);
103
+ --color-accent-content: oklch(14.258% 0.033 299.844);
104
+
105
+ /* ============================================
106
+ * NEUTRAL COLORS
107
+ * ============================================ */
108
+
109
+ --color-neutral: oklch(23% 0 0);
110
+ --color-neutral-content: oklch(52.43% 0 0);
111
+ --color-neutral-variant: oklch(55% 0.01 260);
112
+
113
+ /* ============================================
114
+ * SHAPE & DEPTH
115
+ * ============================================ */
116
+
117
+ --radius-selector: 0rem;
118
+ --radius-field: 0.5rem;
119
+ --radius-box: 2rem;
120
+ --size-selector: 0.1875rem;
121
+ --size-field: 0.1875rem;
122
+ --border: 0.5px;
123
+ --depth: 1;
124
+ --noise: 1;
125
+
126
+ /* ============================================
127
+ * SURFACE VARIANT
128
+ * ============================================ */
129
+
130
+ --color-surface-variant: oklch(30% 0.02 260);
131
+
132
+ /* ============================================
133
+ * INVERSE COLORS
134
+ * ============================================ */
135
+
136
+ --color-inverse-surface: oklch(95% 0.01 260);
137
+ --color-inverse-on-surface: oklch(25% 0.02 260);
138
+ --color-inverse-primary: oklch(55% 0.16 255);
139
+
140
+ /* ============================================
141
+ * SHADOW & SCRIM
142
+ * ============================================ */
143
+
144
+ --color-shadow: oklch(0% 0 0);
145
+ --color-scrim: oklch(0% 0 0 / 60%);
146
+ }
147
+
148
+ /* System preference: prefers-color-scheme dark */
149
+ @media (prefers-color-scheme: dark) {
150
+ :root:not([data-theme]) {
151
+ color-scheme: dark;
152
+
153
+ /* Brand Colors */
154
+ --color-primary: oklch(85.45% 0 0);
155
+ --color-primary-content: oklch(14.94% 0.031 39.947);
156
+ --color-primary-container: oklch(25% 0.01 0);
157
+ --color-on-primary-container: oklch(85% 0.01 0);
158
+
159
+ --color-secondary: oklch(83.33% 0.0981 73.78);
160
+ --color-secondary-content: oklch(14.507% 0.035 2.72);
161
+ --color-secondary-container: oklch(28% 0.03 73.78);
162
+ --color-on-secondary-container: oklch(88% 0.03 73.78);
163
+
164
+ --color-tertiary: oklch(72% 0.090 255);
165
+ --color-tertiary-content: oklch(14% 0.012 255);
166
+ --color-tertiary-container: oklch(28% 0.030 255);
167
+ --color-on-tertiary-container: oklch(88% 0.010 255);
168
+
169
+ /* Surface Colors */
170
+ --color-surface: oklch(20% 0.02 260);
171
+ --color-surface-dim: oklch(17% 0.02 260);
172
+ --color-surface-bright: oklch(28% 0.02 260);
173
+ --color-surface-container-lowest: oklch(14% 0.02 260);
174
+ --color-surface-container-low: oklch(20% 0.02 260);
175
+ --color-surface-container: oklch(22% 0.02 260);
176
+ --color-surface-container-high: oklch(25% 0.02 260);
177
+ --color-surface-container-highest: oklch(28% 0.01 260);
178
+ --color-on-surface: oklch(95% 0.01 260);
179
+ --color-on-surface-variant: oklch(75% 0.01 260);
180
+
181
+ /* Semantic Colors */
182
+ --color-info: oklch(82.42% 0.09757279812867503 240.7677443360475);
183
+ --color-info-content: oklch(17.111% 0.017 206.015);
184
+ --color-info-container: oklch(32% 0.06 235);
185
+ --color-on-info-container: oklch(88% 0.06 235);
186
+
187
+ --color-success: oklch(82.19% 0.0621 133.3);
188
+ --color-success-content: oklch(17.112% 0.017 144.778);
189
+ --color-success-container: oklch(30% 0.05 150);
190
+ --color-on-success-container: oklch(85% 0.06 150);
191
+
192
+ --color-warning: oklch(76.36% 0.1752731353930708 61.96388739129725);
193
+ --color-warning-content: oklch(17.113% 0.016 74.427);
194
+ --color-warning-container: oklch(35% 0.06 80);
195
+ --color-on-warning-container: oklch(90% 0.06 80);
196
+
197
+ --color-error: oklch(46.38% 0.1898 29.17);
198
+ --color-error-content: oklch(86.38% 0.298 39.17);
199
+ --color-error-container: oklch(30% 0.08 25);
200
+ --color-on-error-container: oklch(88% 0.06 25);
201
+
202
+ /* Neutral Colors */
203
+ --color-base-100: oklch(22% 0.019 237.69);
204
+ --color-base-200: oklch(20% 0.019 237.69);
205
+ --color-base-300: oklch(18% 0.019 237.69);
206
+ --color-base-400: oklch(26% 0.019 237.69);
207
+ --color-base-500: oklch(32% 0.019 237.69);
208
+ --color-base-600: oklch(40% 0.018 237.69);
209
+ --color-base-700: oklch(55% 0.017 237.69);
210
+ --color-base-800: oklch(70% 0.016 237.69);
211
+ --color-base-900: oklch(85% 0.015 237.69);
212
+ --color-base-content: oklch(77.383% 0.043 245.096);
213
+
214
+ /* Outline Colors */
215
+ --color-outline: oklch(44% 0.01 260);
216
+ --color-outline-variant: oklch(35% 0.01 260);
217
+
218
+ /* Accent Colors */
219
+ --color-accent: oklch(75.65% 0.1303 335.51);
220
+ --color-accent-content: oklch(14.258% 0.033 299.844);
221
+
222
+ /* Neutral Colors */
223
+ --color-neutral: oklch(23% 0 0);
224
+ --color-neutral-content: oklch(52.43% 0 0);
225
+ --color-neutral-variant: oklch(55% 0.01 260);
226
+
227
+ /* ============================================
228
+ * SHAPE & DEPTH
229
+ * ============================================ */
230
+
231
+ --radius-selector: 0rem;
232
+ --radius-field: 0.5rem;
233
+ --radius-box: 2rem;
234
+ --size-selector: 0.1875rem;
235
+ --size-field: 0.1875rem;
236
+ --border: 0.5px;
237
+ --depth: 1;
238
+ --noise: 1;
239
+
240
+ /* Surface Variant */
241
+ --color-surface-variant: oklch(30% 0.02 260);
242
+
243
+ /* Inverse Colors */
244
+ --color-inverse-surface: oklch(95% 0.01 260);
245
+ --color-inverse-on-surface: oklch(25% 0.02 260);
246
+ --color-inverse-primary: oklch(55% 0.16 255);
247
+
248
+ /* Shadow & Scrim */
249
+ --color-shadow: oklch(0% 0 0);
250
+ --color-scrim: oklch(0% 0 0 / 60%);
251
+ }
252
+ }
253
+
@@ -0,0 +1,250 @@
1
+ /**
2
+ * Sunshine Theme - Light Mode
3
+ * A warm, bright theme optimized for daylight viewing
4
+ * Uses OKLCH format: "oklch(L% C H)"
5
+ */
6
+
7
+ [data-theme="sunshine"] {
8
+ color-scheme: light;
9
+
10
+ /* ============================================
11
+ * BRAND COLORS
12
+ * ============================================ */
13
+
14
+ /* Primary Color Family - Warm Orange */
15
+ --color-primary: oklch(95.86% 0.0693 95.91);
16
+ --color-primary-content: oklch(20% 0 0);
17
+ --color-primary-container: oklch(95% 0.035 95.91);
18
+ --color-on-primary-container: oklch(25% 0.03 95.91);
19
+
20
+ /* Secondary Color Family - Coral Pink */
21
+ --color-secondary: oklch(87.42% 0.143 87.01);
22
+ --color-secondary-content: oklch(27.42% 0.143 87.01);
23
+ --color-secondary-container: oklch(94% 0.05 87.01);
24
+ --color-on-secondary-container: oklch(25% 0.05 87.01);
25
+
26
+ /* Tertiary Color Family - Violet */
27
+ --color-tertiary: oklch(80% 0.085 235);
28
+ --color-tertiary-content: oklch(18% 0.010 235);
29
+ --color-tertiary-container: oklch(95% 0.035 235);
30
+ --color-on-tertiary-container: oklch(22% 0.012 235);
31
+
32
+ /* ============================================
33
+ * SURFACE COLORS
34
+ * ============================================ */
35
+
36
+ --color-surface: oklch(100% 0 0);
37
+ --color-surface-dim: oklch(96% 0.01 85);
38
+ --color-surface-bright: oklch(100% 0 0);
39
+ --color-surface-container-lowest: oklch(100% 0 0);
40
+ --color-surface-container-low: oklch(99% 0.01 85);
41
+ --color-surface-container: oklch(97% 0.01 85);
42
+ --color-surface-container-high: oklch(96% 0.01 85);
43
+ --color-surface-container-highest: oklch(94% 0.01 85);
44
+ --color-on-surface: oklch(27% 0.02 260);
45
+ --color-on-surface-variant: oklch(50% 0.02 260);
46
+
47
+ /* ============================================
48
+ * SEMANTIC COLORS
49
+ * ============================================ */
50
+
51
+ /* Info - Sky Blue */
52
+ --color-info: oklch(41.94% 0.114 254.39);
53
+ --color-info-content: oklch(91.94% 0.114 254.39);
54
+ --color-info-container: oklch(95% 0.03 235);
55
+ --color-on-info-container: oklch(35% 0.08 235);
56
+
57
+ /* Success - Green */
58
+ --color-success: oklch(67.21% 0.19 133.55);
59
+ --color-success-content: oklch(27.21% 0.19 133.55);
60
+ --color-success-container: oklch(93% 0.04 150);
61
+ --color-on-success-container: oklch(30% 0.08 150);
62
+
63
+ /* Warning - Amber */
64
+ --color-warning: oklch(68.19% 0.203 42.44);
65
+ --color-warning-content: oklch(18.19% 0.6 42);
66
+ --color-warning-container: oklch(93% 0.05 80);
67
+ --color-on-warning-container: oklch(38% 0.10 80);
68
+
69
+ /* Error - Red */
70
+ --color-error: oklch(61.17% 0.237 28.15);
71
+ --color-error-content: oklch(90.01% 0.153 84.78);
72
+ --color-error-container: oklch(93% 0.04 25);
73
+ --color-on-error-container: oklch(32% 0.10 25);
74
+
75
+ /* ============================================
76
+ * NEUTRAL COLORS (Base Scale)
77
+ * ============================================ */
78
+
79
+ --color-base-100: oklch(100% 0.1 255);
80
+ --color-base-200: oklch(85% 0.1 255);
81
+ --color-base-300: oklch(70% 0.1 255);
82
+ --color-base-400: oklch(55% 0.06 255);
83
+ --color-base-500: oklch(45% 0.05 255);
84
+ --color-base-600: oklch(35% 0.04 255);
85
+ --color-base-700: oklch(25% 0.03 255);
86
+ --color-base-800: oklch(18% 0.02 255);
87
+ --color-base-900: oklch(12% 0.01 255);
88
+ --color-base-content: oklch(10% 0 255);
89
+
90
+ /* ============================================
91
+ * OUTLINE COLORS
92
+ * ============================================ */
93
+
94
+ --color-outline: oklch(75% 0.01 260);
95
+ --color-outline-variant: oklch(85% 0.01 260);
96
+
97
+ /* ============================================
98
+ * ACCENT COLORS
99
+ * ============================================ */
100
+
101
+ --color-accent: oklch(85.23% 0.14 327);
102
+ --color-accent-content: oklch(41% 0.112 45.904);
103
+
104
+ /* ============================================
105
+ * NEUTRAL COLORS
106
+ * ============================================ */
107
+
108
+ --color-neutral: oklch(0% 0 0);
109
+ --color-neutral-content: oklch(80% 0.1 50);
110
+ --color-neutral-variant: oklch(50% 0.02 260);
111
+
112
+ /* ============================================
113
+ * SHAPE & DEPTH
114
+ * ============================================ */
115
+
116
+ --radius-selector: 0rem;
117
+ --radius-field: 0.5rem;
118
+ --radius-box: 2rem;
119
+ --size-selector: 0.1875rem;
120
+ --size-field: 0.1875rem;
121
+ --border: 0.5px;
122
+ --depth: 1;
123
+ --noise: 1;
124
+
125
+ /* ============================================
126
+ * SURFACE VARIANT
127
+ * ============================================ */
128
+
129
+ --color-surface-variant: oklch(94% 0.02 85);
130
+
131
+ /* ============================================
132
+ * INVERSE COLORS
133
+ * ============================================ */
134
+
135
+ --color-inverse-surface: oklch(25% 0.02 260);
136
+ --color-inverse-on-surface: oklch(95% 0.01 260);
137
+ --color-inverse-primary: oklch(80% 0.14 55);
138
+
139
+ /* ============================================
140
+ * SHADOW & SCRIM
141
+ * ============================================ */
142
+
143
+ --color-shadow: oklch(0% 0 0);
144
+ --color-scrim: oklch(0% 0 0 / 50%);
145
+ }
146
+
147
+ /* Default theme - applies sunshine when no data-theme is set */
148
+ :root {
149
+ color-scheme: light;
150
+
151
+ /* Brand Colors */
152
+ --color-primary: oklch(95.86% 0.0693 95.91);
153
+ --color-primary-content: oklch(20% 0 0);
154
+ --color-primary-container: oklch(95% 0.035 95.91);
155
+ --color-on-primary-container: oklch(25% 0.03 95.91);
156
+
157
+ --color-secondary: oklch(87.42% 0.143 87.01);
158
+ --color-secondary-content: oklch(27.42% 0.143 87.01);
159
+ --color-secondary-container: oklch(94% 0.05 87.01);
160
+ --color-on-secondary-container: oklch(25% 0.05 87.01);
161
+
162
+ --color-tertiary: oklch(80% 0.085 235);
163
+ --color-tertiary-content: oklch(18% 0.010 235);
164
+ --color-tertiary-container: oklch(95% 0.035 235);
165
+ --color-on-tertiary-container: oklch(22% 0.012 235);
166
+
167
+ /* Surface Colors */
168
+ --color-surface: oklch(100% 0 0);
169
+ --color-surface-dim: oklch(96% 0.01 85);
170
+ --color-surface-bright: oklch(100% 0 0);
171
+ --color-surface-container-lowest: oklch(100% 0 0);
172
+ --color-surface-container-low: oklch(99% 0.01 85);
173
+ --color-surface-container: oklch(97% 0.01 85);
174
+ --color-surface-container-high: oklch(96% 0.01 85);
175
+ --color-surface-container-highest: oklch(94% 0.01 85);
176
+ --color-on-surface: oklch(27% 0.02 260);
177
+ --color-on-surface-variant: oklch(50% 0.02 260);
178
+
179
+ /* Semantic Colors */
180
+ --color-info: oklch(41.94% 0.114 254.39);
181
+ --color-info-content: oklch(91.94% 0.114 254.39);
182
+ --color-info-container: oklch(95% 0.03 235);
183
+ --color-on-info-container: oklch(35% 0.08 235);
184
+
185
+ --color-success: oklch(67.21% 0.19 133.55);
186
+ --color-success-content: oklch(27.21% 0.19 133.55);
187
+ --color-success-container: oklch(93% 0.04 150);
188
+ --color-on-success-container: oklch(30% 0.08 150);
189
+
190
+ --color-warning: oklch(68.19% 0.203 42.44);
191
+ --color-warning-content: oklch(18.19% 0.6 42);
192
+ --color-warning-container: oklch(93% 0.05 80);
193
+ --color-on-warning-container: oklch(38% 0.10 80);
194
+
195
+ --color-error: oklch(61.17% 0.237 28.15);
196
+ --color-error-content: oklch(90.01% 0.153 84.78);
197
+ --color-error-container: oklch(93% 0.04 25);
198
+ --color-on-error-container: oklch(32% 0.10 25);
199
+
200
+ /* Neutral Colors */
201
+ --color-base-100: oklch(100% 0.1 255);
202
+ --color-base-200: oklch(85% 0.1 255);
203
+ --color-base-300: oklch(70% 0.1 255);
204
+ --color-base-400: oklch(55% 0.06 255);
205
+ --color-base-500: oklch(45% 0.05 255);
206
+ --color-base-600: oklch(35% 0.04 255);
207
+ --color-base-700: oklch(25% 0.03 255);
208
+ --color-base-800: oklch(18% 0.02 255);
209
+ --color-base-900: oklch(12% 0.01 255);
210
+ --color-base-content: oklch(10% 0 255);
211
+
212
+ /* Outline Colors */
213
+ --color-outline: oklch(75% 0.01 260);
214
+ --color-outline-variant: oklch(85% 0.01 260);
215
+
216
+ /* Accent Colors */
217
+ --color-accent: oklch(85.23% 0.14 327);
218
+ --color-accent-content: oklch(41% 0.112 45.904);
219
+
220
+ /* Neutral Colors */
221
+ --color-neutral: oklch(0% 0 0);
222
+ --color-neutral-content: oklch(80% 0.1 50);
223
+ --color-neutral-variant: oklch(50% 0.02 260);
224
+
225
+ /* ============================================
226
+ * SHAPE & DEPTH
227
+ * ============================================ */
228
+
229
+ --radius-selector: 0rem;
230
+ --radius-field: 0.5rem;
231
+ --radius-box: 2rem;
232
+ --size-selector: 0.1875rem;
233
+ --size-field: 0.1875rem;
234
+ --border: 0.5px;
235
+ --depth: 1;
236
+ --noise: 1;
237
+
238
+ /* Surface Variant */
239
+ --color-surface-variant: oklch(94% 0.02 85);
240
+
241
+
242
+ /* Inverse Colors */
243
+ --color-inverse-surface: oklch(25% 0.02 260);
244
+ --color-inverse-on-surface: oklch(95% 0.01 260);
245
+ --color-inverse-primary: oklch(80% 0.14 55);
246
+
247
+ /* Shadow & Scrim */
248
+ --color-shadow: oklch(0% 0 0);
249
+ --color-scrim: oklch(0% 0 0 / 50%);
250
+ }
@@ -0,0 +1,14 @@
1
+ /**
2
+ * DuskMoonUI Type Definitions
3
+ * Main export file for all TypeScript types
4
+ */
5
+ export type { PluginConfig, BuiltInTheme, ComponentName, ComponentSize, ComponentColorVariant, ComponentStyleVariant, InteractiveState, } from './plugin';
6
+ export type { HSLColor, ColorScheme, ThemeDefinition, ThemeColors, PartialThemeColors, ThemeConfig, ThemeValidationResult, ThemeValidationError, ThemeValidationWarning, } from './theme';
7
+ /**
8
+ * Re-export types for backwards compatibility
9
+ * @deprecated Use specific imports from './plugin' or './theme'
10
+ */
11
+ export type DuskMoonUIOptions = import('./plugin').PluginConfig;
12
+ export type ThemeName = import('./plugin').BuiltInTheme;
13
+ export type CustomTheme = import('./theme').PartialThemeColors;
14
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAGlB,YAAY,EACV,QAAQ,EACR,WAAW,EACX,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,SAAS,CAAC;AAEjB;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,UAAU,EAAE,YAAY,CAAC;AAChE,MAAM,MAAM,SAAS,GAAG,OAAO,UAAU,EAAE,YAAY,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,EAAE,kBAAkB,CAAC"}
@@ -0,0 +1,69 @@
1
+ /**
2
+ * Plugin Configuration Types
3
+ * TypeScript definitions for @duskmoon-dev/core plugin options
4
+ */
5
+ /**
6
+ * Theme names available in the plugin
7
+ */
8
+ export type BuiltInTheme = 'sunshine' | 'moonlight';
9
+ /**
10
+ * Plugin configuration options
11
+ * Used with @plugin "@duskmoon-dev/core" { ... } syntax
12
+ */
13
+ export interface PluginConfig {
14
+ /**
15
+ * Themes to include in the build
16
+ * @example ["sunshine", "moonlight", "custom"]
17
+ * @default ["sunshine", "moonlight"]
18
+ */
19
+ themes?: string[];
20
+ /**
21
+ * Default theme name (applied when no data-theme is set)
22
+ * @default "sunshine"
23
+ */
24
+ defaultTheme?: string;
25
+ /**
26
+ * Theme to use when user prefers dark color scheme
27
+ * @default "moonlight"
28
+ */
29
+ prefersDarkTheme?: string;
30
+ /**
31
+ * Components to include in the build
32
+ * Use 'all' to include all components, or specify an array of component names
33
+ * @example ["button", "card", "input"]
34
+ * @default "all"
35
+ */
36
+ components?: 'all' | ComponentName[];
37
+ /**
38
+ * Prefix to add to all component class names
39
+ * @example "dm-" results in "dm-btn" instead of "btn"
40
+ * @default ""
41
+ */
42
+ prefix?: string;
43
+ /**
44
+ * Enable logging for debugging
45
+ * @default false
46
+ */
47
+ logs?: boolean;
48
+ }
49
+ /**
50
+ * Available component names
51
+ */
52
+ export type ComponentName = 'button' | 'card' | 'input' | 'form' | 'navigation' | 'modal';
53
+ /**
54
+ * Component size variants
55
+ */
56
+ export type ComponentSize = 'xs' | 'sm' | 'md' | 'lg';
57
+ /**
58
+ * Component color variants
59
+ */
60
+ export type ComponentColorVariant = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error';
61
+ /**
62
+ * Component style variants
63
+ */
64
+ export type ComponentStyleVariant = 'solid' | 'outline' | 'ghost';
65
+ /**
66
+ * Interactive states for components
67
+ */
68
+ export type InteractiveState = 'hover' | 'focus' | 'active' | 'disabled';
69
+ //# sourceMappingURL=plugin.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/types/plugin.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;AAEpD;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,KAAK,GAAG,aAAa,EAAE,CAAC;IAErC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,OAAO,GACP,MAAM,GACN,YAAY,GACZ,OAAO,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAC7B,SAAS,GACT,WAAW,GACX,UAAU,GACV,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAC7B,OAAO,GACP,SAAS,GACT,OAAO,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,OAAO,GACP,OAAO,GACP,QAAQ,GACR,UAAU,CAAC"}