@llui/components 0.0.2 → 0.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 (193) hide show
  1. package/README.md +73 -4
  2. package/dist/components/color-picker.d.ts +2 -0
  3. package/dist/components/color-picker.d.ts.map +1 -1
  4. package/dist/components/color-picker.js +8 -0
  5. package/dist/components/listbox.d.ts +1 -0
  6. package/dist/components/listbox.d.ts.map +1 -1
  7. package/dist/components/listbox.js +6 -0
  8. package/dist/components/navigation-menu.d.ts +2 -0
  9. package/dist/components/navigation-menu.d.ts.map +1 -1
  10. package/dist/components/navigation-menu.js +26 -4
  11. package/dist/components/tree-view.d.ts +1 -0
  12. package/dist/components/tree-view.d.ts.map +1 -1
  13. package/dist/components/tree-view.js +6 -0
  14. package/dist/styles/classes/accordion.d.ts +23 -0
  15. package/dist/styles/classes/accordion.d.ts.map +1 -0
  16. package/dist/styles/classes/accordion.js +47 -0
  17. package/dist/styles/classes/angle-slider.d.ts +19 -0
  18. package/dist/styles/classes/angle-slider.d.ts.map +1 -0
  19. package/dist/styles/classes/angle-slider.js +32 -0
  20. package/dist/styles/classes/async-list.d.ts +13 -0
  21. package/dist/styles/classes/async-list.d.ts.map +1 -0
  22. package/dist/styles/classes/async-list.js +9 -0
  23. package/dist/styles/classes/avatar.d.ts +18 -0
  24. package/dist/styles/classes/avatar.d.ts.map +1 -0
  25. package/dist/styles/classes/avatar.js +20 -0
  26. package/dist/styles/classes/carousel.d.ts +21 -0
  27. package/dist/styles/classes/carousel.d.ts.map +1 -0
  28. package/dist/styles/classes/carousel.js +23 -0
  29. package/dist/styles/classes/cascade-select.d.ts +18 -0
  30. package/dist/styles/classes/cascade-select.d.ts.map +1 -0
  31. package/dist/styles/classes/cascade-select.js +20 -0
  32. package/dist/styles/classes/checkbox.d.ts +21 -0
  33. package/dist/styles/classes/checkbox.d.ts.map +1 -0
  34. package/dist/styles/classes/checkbox.js +23 -0
  35. package/dist/styles/classes/clipboard.d.ts +12 -0
  36. package/dist/styles/classes/clipboard.d.ts.map +1 -0
  37. package/dist/styles/classes/clipboard.js +8 -0
  38. package/dist/styles/classes/collapsible.d.ts +21 -0
  39. package/dist/styles/classes/collapsible.d.ts.map +1 -0
  40. package/dist/styles/classes/collapsible.js +40 -0
  41. package/dist/styles/classes/color-picker.d.ts +14 -0
  42. package/dist/styles/classes/color-picker.d.ts.map +1 -0
  43. package/dist/styles/classes/color-picker.js +10 -0
  44. package/dist/styles/classes/combobox.d.ts +21 -0
  45. package/dist/styles/classes/combobox.d.ts.map +1 -0
  46. package/dist/styles/classes/combobox.js +45 -0
  47. package/dist/styles/classes/context-menu.d.ts +18 -0
  48. package/dist/styles/classes/context-menu.d.ts.map +1 -0
  49. package/dist/styles/classes/context-menu.js +31 -0
  50. package/dist/styles/classes/date-input.d.ts +18 -0
  51. package/dist/styles/classes/date-input.d.ts.map +1 -0
  52. package/dist/styles/classes/date-input.js +20 -0
  53. package/dist/styles/classes/date-picker.d.ts +19 -0
  54. package/dist/styles/classes/date-picker.d.ts.map +1 -0
  55. package/dist/styles/classes/date-picker.js +32 -0
  56. package/dist/styles/classes/dialog.d.ts +22 -0
  57. package/dist/styles/classes/dialog.d.ts.map +1 -0
  58. package/dist/styles/classes/dialog.js +24 -0
  59. package/dist/styles/classes/drawer.d.ts +27 -0
  60. package/dist/styles/classes/drawer.d.ts.map +1 -0
  61. package/dist/styles/classes/drawer.js +55 -0
  62. package/dist/styles/classes/editable.d.ts +20 -0
  63. package/dist/styles/classes/editable.d.ts.map +1 -0
  64. package/dist/styles/classes/editable.js +22 -0
  65. package/dist/styles/classes/file-upload.d.ts +21 -0
  66. package/dist/styles/classes/file-upload.d.ts.map +1 -0
  67. package/dist/styles/classes/file-upload.js +17 -0
  68. package/dist/styles/classes/floating-panel.d.ts +21 -0
  69. package/dist/styles/classes/floating-panel.d.ts.map +1 -0
  70. package/dist/styles/classes/floating-panel.js +23 -0
  71. package/dist/styles/classes/hover-card.d.ts +18 -0
  72. package/dist/styles/classes/hover-card.d.ts.map +1 -0
  73. package/dist/styles/classes/hover-card.js +20 -0
  74. package/dist/styles/classes/image-cropper.d.ts +13 -0
  75. package/dist/styles/classes/image-cropper.d.ts.map +1 -0
  76. package/dist/styles/classes/image-cropper.js +9 -0
  77. package/dist/styles/classes/index.d.ts +54 -0
  78. package/dist/styles/classes/index.d.ts.map +1 -0
  79. package/dist/styles/classes/index.js +53 -0
  80. package/dist/styles/classes/listbox.d.ts +16 -0
  81. package/dist/styles/classes/listbox.d.ts.map +1 -0
  82. package/dist/styles/classes/listbox.js +29 -0
  83. package/dist/styles/classes/marquee.d.ts +10 -0
  84. package/dist/styles/classes/marquee.d.ts.map +1 -0
  85. package/dist/styles/classes/marquee.js +6 -0
  86. package/dist/styles/classes/menu.d.ts +22 -0
  87. package/dist/styles/classes/menu.d.ts.map +1 -0
  88. package/dist/styles/classes/menu.js +35 -0
  89. package/dist/styles/classes/navigation-menu.d.ts +11 -0
  90. package/dist/styles/classes/navigation-menu.d.ts.map +1 -0
  91. package/dist/styles/classes/navigation-menu.js +7 -0
  92. package/dist/styles/classes/number-input.d.ts +18 -0
  93. package/dist/styles/classes/number-input.d.ts.map +1 -0
  94. package/dist/styles/classes/number-input.js +42 -0
  95. package/dist/styles/classes/pagination.d.ts +19 -0
  96. package/dist/styles/classes/pagination.d.ts.map +1 -0
  97. package/dist/styles/classes/pagination.js +32 -0
  98. package/dist/styles/classes/password-input.d.ts +17 -0
  99. package/dist/styles/classes/password-input.d.ts.map +1 -0
  100. package/dist/styles/classes/password-input.js +30 -0
  101. package/dist/styles/classes/pin-input.d.ts +17 -0
  102. package/dist/styles/classes/pin-input.d.ts.map +1 -0
  103. package/dist/styles/classes/pin-input.js +19 -0
  104. package/dist/styles/classes/popover.d.ts +21 -0
  105. package/dist/styles/classes/popover.d.ts.map +1 -0
  106. package/dist/styles/classes/popover.js +23 -0
  107. package/dist/styles/classes/presence.d.ts +9 -0
  108. package/dist/styles/classes/presence.d.ts.map +1 -0
  109. package/dist/styles/classes/presence.js +5 -0
  110. package/dist/styles/classes/progress.d.ts +22 -0
  111. package/dist/styles/classes/progress.d.ts.map +1 -0
  112. package/dist/styles/classes/progress.js +46 -0
  113. package/dist/styles/classes/qr-code.d.ts +11 -0
  114. package/dist/styles/classes/qr-code.d.ts.map +1 -0
  115. package/dist/styles/classes/qr-code.js +7 -0
  116. package/dist/styles/classes/radio-group.d.ts +23 -0
  117. package/dist/styles/classes/radio-group.d.ts.map +1 -0
  118. package/dist/styles/classes/radio-group.js +40 -0
  119. package/dist/styles/classes/rating-group.d.ts +16 -0
  120. package/dist/styles/classes/rating-group.d.ts.map +1 -0
  121. package/dist/styles/classes/rating-group.js +29 -0
  122. package/dist/styles/classes/scroll-area.d.ts +14 -0
  123. package/dist/styles/classes/scroll-area.d.ts.map +1 -0
  124. package/dist/styles/classes/scroll-area.js +10 -0
  125. package/dist/styles/classes/select.d.ts +19 -0
  126. package/dist/styles/classes/select.d.ts.map +1 -0
  127. package/dist/styles/classes/select.js +43 -0
  128. package/dist/styles/classes/signature-pad.d.ts +14 -0
  129. package/dist/styles/classes/signature-pad.d.ts.map +1 -0
  130. package/dist/styles/classes/signature-pad.js +10 -0
  131. package/dist/styles/classes/slider.d.ts +19 -0
  132. package/dist/styles/classes/slider.d.ts.map +1 -0
  133. package/dist/styles/classes/slider.js +43 -0
  134. package/dist/styles/classes/splitter.d.ts +17 -0
  135. package/dist/styles/classes/splitter.d.ts.map +1 -0
  136. package/dist/styles/classes/splitter.js +29 -0
  137. package/dist/styles/classes/steps.d.ts +24 -0
  138. package/dist/styles/classes/steps.d.ts.map +1 -0
  139. package/dist/styles/classes/steps.js +42 -0
  140. package/dist/styles/classes/switch.d.ts +22 -0
  141. package/dist/styles/classes/switch.d.ts.map +1 -0
  142. package/dist/styles/classes/switch.js +46 -0
  143. package/dist/styles/classes/tabs.d.ts +24 -0
  144. package/dist/styles/classes/tabs.d.ts.map +1 -0
  145. package/dist/styles/classes/tabs.js +48 -0
  146. package/dist/styles/classes/tags-input.d.ts +19 -0
  147. package/dist/styles/classes/tags-input.d.ts.map +1 -0
  148. package/dist/styles/classes/tags-input.js +32 -0
  149. package/dist/styles/classes/time-picker.d.ts +18 -0
  150. package/dist/styles/classes/time-picker.d.ts.map +1 -0
  151. package/dist/styles/classes/time-picker.js +20 -0
  152. package/dist/styles/classes/timer.d.ts +19 -0
  153. package/dist/styles/classes/timer.d.ts.map +1 -0
  154. package/dist/styles/classes/timer.js +21 -0
  155. package/dist/styles/classes/toast.d.ts +24 -0
  156. package/dist/styles/classes/toast.d.ts.map +1 -0
  157. package/dist/styles/classes/toast.js +26 -0
  158. package/dist/styles/classes/toc.d.ts +19 -0
  159. package/dist/styles/classes/toc.d.ts.map +1 -0
  160. package/dist/styles/classes/toc.js +21 -0
  161. package/dist/styles/classes/toggle-group.d.ts +20 -0
  162. package/dist/styles/classes/toggle-group.d.ts.map +1 -0
  163. package/dist/styles/classes/toggle-group.js +28 -0
  164. package/dist/styles/classes/toggle.d.ts +19 -0
  165. package/dist/styles/classes/toggle.d.ts.map +1 -0
  166. package/dist/styles/classes/toggle.js +21 -0
  167. package/dist/styles/classes/tooltip.d.ts +18 -0
  168. package/dist/styles/classes/tooltip.d.ts.map +1 -0
  169. package/dist/styles/classes/tooltip.js +20 -0
  170. package/dist/styles/classes/tour.d.ts +17 -0
  171. package/dist/styles/classes/tour.d.ts.map +1 -0
  172. package/dist/styles/classes/tour.js +13 -0
  173. package/dist/styles/classes/tree-view.d.ts +18 -0
  174. package/dist/styles/classes/tree-view.d.ts.map +1 -0
  175. package/dist/styles/classes/tree-view.js +20 -0
  176. package/dist/styles/index.d.ts +5 -0
  177. package/dist/styles/index.d.ts.map +1 -0
  178. package/dist/styles/index.js +4 -0
  179. package/dist/styles/theme-dark.css +56 -0
  180. package/dist/styles/theme.css +1782 -0
  181. package/dist/styles/theme.d.ts +49 -0
  182. package/dist/styles/theme.d.ts.map +1 -0
  183. package/dist/styles/theme.js +13 -0
  184. package/dist/styles/utils/cx.d.ts +4 -0
  185. package/dist/styles/utils/cx.d.ts.map +1 -0
  186. package/dist/styles/utils/cx.js +12 -0
  187. package/dist/styles/utils/index.d.ts +3 -0
  188. package/dist/styles/utils/index.d.ts.map +1 -0
  189. package/dist/styles/utils/index.js +2 -0
  190. package/dist/styles/utils/variants.d.ts +18 -0
  191. package/dist/styles/utils/variants.d.ts.map +1 -0
  192. package/dist/styles/utils/variants.js +25 -0
  193. package/package.json +225 -4
package/dist/styles/theme-dark.css ADDED
@@ -0,0 +1,56 @@
1
+ /*
2
+ * @llui/components — dark mode overrides
3
+ *
4
+ * Import after theme.css and after Tailwind:
5
+ * @import 'tailwindcss';
6
+ * @import '@llui/components/styles/theme.css';
7
+ * @import '@llui/components/styles/theme-dark.css';
8
+ *
9
+ * Activates automatically via prefers-color-scheme: dark.
10
+ * Opt out per page with <html data-theme="light">.
11
+ * Force dark with <html data-theme="dark">.
12
+ */
13
+
14
+ @media (prefers-color-scheme: dark) {
15
+ :root:not([data-theme='light']) {
16
+ --color-surface: #0f172a;
17
+ --color-surface-muted: #1e293b;
18
+ --color-surface-hover: #1e293b;
19
+ --color-surface-active: #334155;
20
+ --color-border: #334155;
21
+ --color-border-hover: #475569;
22
+ --color-border-focus: #60a5fa;
23
+ --color-text: #f1f5f9;
24
+ --color-text-muted: #94a3b8;
25
+ --color-text-inverted: #0f172a;
26
+ --color-primary: #60a5fa;
27
+ --color-primary-hover: #3b82f6;
28
+ --color-primary-active: #2563eb;
29
+ --color-destructive: #f87171;
30
+ --color-destructive-hover: #ef4444;
31
+ --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
32
+ --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
33
+ --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
34
+ }
35
+ }
36
+
37
+ [data-theme='dark'] {
38
+ --color-surface: #0f172a;
39
+ --color-surface-muted: #1e293b;
40
+ --color-surface-hover: #1e293b;
41
+ --color-surface-active: #334155;
42
+ --color-border: #334155;
43
+ --color-border-hover: #475569;
44
+ --color-border-focus: #60a5fa;
45
+ --color-text: #f1f5f9;
46
+ --color-text-muted: #94a3b8;
47
+ --color-text-inverted: #0f172a;
48
+ --color-primary: #60a5fa;
49
+ --color-primary-hover: #3b82f6;
50
+ --color-primary-active: #2563eb;
51
+ --color-destructive: #f87171;
52
+ --color-destructive-hover: #ef4444;
53
+ --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
54
+ --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
55
+ --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
56
+ }