daisyui 5.0.0-alpha.2 → 5.0.0-alpha.21

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 (292) hide show
  1. package/base/properties/index.js +4 -0
  2. package/base/properties/object.js +1 -0
  3. package/base/properties.css +1 -0
  4. package/base/rootcolor/index.js +4 -0
  5. package/base/rootcolor/object.js +1 -0
  6. package/base/rootcolor.css +1 -0
  7. package/base/scrollbar/index.js +4 -0
  8. package/base/scrollbar/object.js +1 -0
  9. package/base/scrollbar.css +1 -0
  10. package/chunks.css +46 -0
  11. package/colors/properties.css +1 -0
  12. package/colors/responsive.css +1 -0
  13. package/colors/states.css +1 -0
  14. package/components/alert/class.json +12 -0
  15. package/components/alert/index.js +4 -0
  16. package/components/alert/object.js +1 -0
  17. package/components/alert.css +1 -0
  18. package/components/avatar/class.json +7 -0
  19. package/components/avatar/index.js +4 -0
  20. package/components/avatar/object.js +1 -0
  21. package/components/avatar.css +1 -0
  22. package/components/badge/class.json +19 -0
  23. package/components/badge/index.js +4 -74
  24. package/components/badge/object.js +1 -0
  25. package/components/badge.css +1 -109
  26. package/components/button/class.json +27 -0
  27. package/components/button/index.js +4 -170
  28. package/components/button/object.js +1 -0
  29. package/components/button.css +1 -293
  30. package/components/card/class.json +13 -0
  31. package/components/card/index.js +4 -0
  32. package/components/card/object.js +1 -0
  33. package/components/card.css +1 -0
  34. package/components/chat/class.json +17 -0
  35. package/components/chat/index.js +4 -0
  36. package/components/chat/object.js +1 -0
  37. package/components/chat.css +1 -0
  38. package/components/checkbox/class.json +17 -0
  39. package/components/checkbox/index.js +4 -108
  40. package/components/checkbox/object.js +1 -0
  41. package/components/checkbox.css +1 -144
  42. package/components/collapse/class.json +10 -0
  43. package/components/collapse/index.js +4 -0
  44. package/components/collapse/object.js +1 -0
  45. package/components/collapse.css +1 -0
  46. package/components/countdown/class.json +3 -0
  47. package/components/countdown/index.js +4 -0
  48. package/components/countdown/object.js +1 -0
  49. package/components/countdown.css +1 -0
  50. package/components/divider/class.json +15 -0
  51. package/components/divider/index.js +4 -0
  52. package/components/divider/object.js +1 -0
  53. package/components/divider.css +1 -0
  54. package/components/dropdown/class.json +15 -0
  55. package/components/dropdown/index.js +4 -0
  56. package/components/dropdown/object.js +1 -0
  57. package/components/dropdown.css +1 -0
  58. package/components/footer/class.json +7 -0
  59. package/components/footer/index.js +4 -0
  60. package/components/footer/object.js +1 -0
  61. package/components/footer.css +1 -0
  62. package/components/hero/class.json +5 -0
  63. package/components/hero/index.js +4 -0
  64. package/components/hero/object.js +1 -0
  65. package/components/hero.css +1 -0
  66. package/components/input/class.json +16 -0
  67. package/components/input/index.js +4 -128
  68. package/components/input/object.js +1 -0
  69. package/components/input.css +1 -204
  70. package/components/kbd/class.json +7 -0
  71. package/components/kbd/index.js +4 -27
  72. package/components/kbd/object.js +1 -0
  73. package/components/kbd.css +1 -49
  74. package/components/link/class.json +12 -0
  75. package/components/link/index.js +4 -0
  76. package/components/link/object.js +1 -0
  77. package/components/link.css +1 -0
  78. package/components/loading/class.json +21 -0
  79. package/components/loading/index.js +4 -0
  80. package/components/loading/object.js +1 -0
  81. package/components/loading.css +1 -0
  82. package/components/mask/class.json +24 -0
  83. package/components/mask/index.js +4 -74
  84. package/components/mask/object.js +1 -0
  85. package/components/mask.css +1 -78
  86. package/components/menu/class.json +16 -0
  87. package/components/menu/index.js +4 -0
  88. package/components/menu/object.js +1 -0
  89. package/components/menu.css +1 -0
  90. package/components/navbar/class.json +6 -0
  91. package/components/navbar/index.js +4 -0
  92. package/components/navbar/object.js +1 -0
  93. package/components/navbar.css +1 -0
  94. package/components/progress/class.json +10 -0
  95. package/components/progress/index.js +4 -0
  96. package/components/progress/object.js +1 -0
  97. package/components/progress.css +1 -0
  98. package/components/radialprogress/class.json +3 -0
  99. package/components/radialprogress/index.js +4 -0
  100. package/components/radialprogress/object.js +1 -0
  101. package/components/radialprogress.css +1 -0
  102. package/components/radio/class.json +14 -0
  103. package/components/radio/index.js +4 -73
  104. package/components/radio/object.js +1 -0
  105. package/components/radio.css +1 -102
  106. package/components/range/class.json +14 -0
  107. package/components/range/index.js +4 -132
  108. package/components/range/object.js +1 -0
  109. package/components/range.css +1 -164
  110. package/components/rating/class.json +6 -0
  111. package/components/rating/index.js +4 -82
  112. package/components/rating/object.js +1 -0
  113. package/components/rating.css +1 -104
  114. package/components/select/class.json +16 -0
  115. package/components/select/index.js +4 -99
  116. package/components/select/object.js +1 -0
  117. package/components/select.css +1 -166
  118. package/components/skeleton/class.json +3 -0
  119. package/components/skeleton/index.js +4 -0
  120. package/components/skeleton/object.js +1 -0
  121. package/components/skeleton.css +1 -0
  122. package/components/stack/class.json +3 -0
  123. package/components/stack/index.js +4 -0
  124. package/components/stack/object.js +1 -0
  125. package/components/stack.css +1 -0
  126. package/components/status/class.json +15 -0
  127. package/components/status/index.js +4 -0
  128. package/components/status/object.js +1 -0
  129. package/components/status.css +1 -0
  130. package/components/steps/class.json +14 -0
  131. package/components/steps/index.js +4 -0
  132. package/components/steps/object.js +1 -0
  133. package/components/steps.css +1 -0
  134. package/components/swap/class.json +10 -0
  135. package/components/swap/index.js +4 -0
  136. package/components/swap/object.js +1 -0
  137. package/components/swap.css +1 -0
  138. package/components/tab/class.json +13 -0
  139. package/components/tab/index.js +4 -0
  140. package/components/tab/object.js +1 -0
  141. package/components/tab.css +1 -0
  142. package/components/table/class.json +9 -0
  143. package/components/table/index.js +4 -0
  144. package/components/table/object.js +1 -0
  145. package/components/table.css +1 -0
  146. package/components/timeline/class.json +11 -0
  147. package/components/timeline/index.js +4 -0
  148. package/components/timeline/object.js +1 -0
  149. package/components/timeline.css +1 -0
  150. package/components/toggle/class.json +16 -0
  151. package/components/toggle/index.js +4 -102
  152. package/components/toggle/object.js +1 -0
  153. package/components/toggle.css +1 -143
  154. package/components/tooltip/class.json +17 -0
  155. package/components/tooltip/index.js +4 -0
  156. package/components/tooltip/object.js +1 -0
  157. package/components/tooltip.css +1 -0
  158. package/full.css +1 -0
  159. package/functions/plugin.js +10 -10
  160. package/functions/pluginOptionsHandler.js +44 -0
  161. package/functions/variables.js +33 -0
  162. package/index.js +132 -0
  163. package/package.json +18 -8
  164. package/theme/acid/index.css +28 -0
  165. package/theme/acid/index.js +4 -0
  166. package/theme/acid/object.js +1 -0
  167. package/theme/aqua/index.css +28 -0
  168. package/theme/aqua/index.js +4 -0
  169. package/theme/aqua/object.js +1 -0
  170. package/theme/autumn/index.css +28 -0
  171. package/theme/autumn/index.js +4 -0
  172. package/theme/autumn/object.js +1 -0
  173. package/theme/black/index.css +28 -0
  174. package/theme/black/index.js +4 -0
  175. package/theme/black/object.js +1 -0
  176. package/theme/bumblebee/index.css +28 -0
  177. package/theme/bumblebee/index.js +4 -0
  178. package/theme/bumblebee/object.js +1 -0
  179. package/theme/business/index.css +28 -0
  180. package/theme/business/index.js +4 -0
  181. package/theme/business/object.js +1 -0
  182. package/theme/cmyk/index.css +28 -0
  183. package/theme/cmyk/index.js +4 -0
  184. package/theme/cmyk/object.js +1 -0
  185. package/theme/coffee/index.css +28 -0
  186. package/theme/coffee/index.js +4 -0
  187. package/theme/coffee/object.js +1 -0
  188. package/theme/corporate/index.css +28 -0
  189. package/theme/corporate/index.js +4 -0
  190. package/theme/corporate/object.js +1 -0
  191. package/theme/cupcake/index.css +28 -0
  192. package/theme/cupcake/index.js +4 -0
  193. package/theme/cupcake/object.js +1 -0
  194. package/theme/cyberpunk/index.css +28 -0
  195. package/theme/cyberpunk/index.js +4 -0
  196. package/theme/cyberpunk/object.js +1 -0
  197. package/theme/dark/index.css +28 -0
  198. package/theme/dark/index.js +4 -0
  199. package/theme/dark/object.js +1 -0
  200. package/theme/dim/index.css +28 -0
  201. package/theme/dim/index.js +4 -0
  202. package/theme/dim/object.js +1 -0
  203. package/theme/dracula/index.css +28 -0
  204. package/theme/dracula/index.js +4 -0
  205. package/theme/dracula/object.js +1 -0
  206. package/theme/emerald/index.css +28 -0
  207. package/theme/emerald/index.js +4 -0
  208. package/theme/emerald/object.js +1 -0
  209. package/theme/fantasy/index.css +28 -0
  210. package/theme/fantasy/index.js +4 -0
  211. package/theme/fantasy/object.js +1 -0
  212. package/theme/forest/index.css +28 -0
  213. package/theme/forest/index.js +4 -0
  214. package/theme/forest/object.js +1 -0
  215. package/theme/garden/index.css +28 -0
  216. package/theme/garden/index.js +4 -0
  217. package/theme/garden/object.js +1 -0
  218. package/theme/halloween/index.css +28 -0
  219. package/theme/halloween/index.js +4 -0
  220. package/theme/halloween/object.js +1 -0
  221. package/theme/index.js +49 -0
  222. package/theme/lemonade/index.css +28 -0
  223. package/theme/lemonade/index.js +4 -0
  224. package/theme/lemonade/object.js +1 -0
  225. package/theme/light/index.css +28 -0
  226. package/theme/light/index.js +4 -0
  227. package/theme/light/object.js +1 -0
  228. package/theme/lofi/index.css +28 -0
  229. package/theme/lofi/index.js +4 -0
  230. package/theme/lofi/object.js +1 -0
  231. package/theme/luxury/index.css +28 -0
  232. package/theme/luxury/index.js +4 -0
  233. package/theme/luxury/object.js +1 -0
  234. package/theme/night/index.css +28 -0
  235. package/theme/night/index.js +4 -0
  236. package/theme/night/object.js +1 -0
  237. package/theme/nord/index.css +28 -0
  238. package/theme/nord/index.js +4 -0
  239. package/theme/nord/object.js +1 -0
  240. package/theme/object.js +1 -0
  241. package/theme/pastel/index.css +28 -0
  242. package/theme/pastel/index.js +4 -0
  243. package/theme/pastel/object.js +1 -0
  244. package/theme/retro/index.css +28 -0
  245. package/theme/retro/index.js +4 -0
  246. package/theme/retro/object.js +1 -0
  247. package/theme/sunset/index.css +28 -0
  248. package/theme/sunset/index.js +4 -0
  249. package/theme/sunset/object.js +1 -0
  250. package/theme/synthwave/index.css +28 -0
  251. package/theme/synthwave/index.js +4 -0
  252. package/theme/synthwave/object.js +1 -0
  253. package/theme/valentine/index.css +28 -0
  254. package/theme/valentine/index.js +4 -0
  255. package/theme/valentine/object.js +1 -0
  256. package/theme/winter/index.css +28 -0
  257. package/theme/winter/index.js +4 -0
  258. package/theme/winter/object.js +1 -0
  259. package/theme/wireframe/index.css +28 -0
  260. package/theme/wireframe/index.js +4 -0
  261. package/theme/wireframe/object.js +1 -0
  262. package/themes.css +1 -0
  263. package/utilities/join/index.js +4 -0
  264. package/utilities/join/object.js +1 -0
  265. package/utilities/join.css +1 -0
  266. package/components/badge/config.js +0 -12
  267. package/components/badge/index.css +0 -1
  268. package/components/button/config.js +0 -12
  269. package/components/button/index.css +0 -1
  270. package/components/checkbox/config.js +0 -12
  271. package/components/checkbox/index.css +0 -1
  272. package/components/input/config.js +0 -12
  273. package/components/input/index.css +0 -1
  274. package/components/kbd/config.js +0 -12
  275. package/components/kbd/index.css +0 -1
  276. package/components/mask/config.js +0 -12
  277. package/components/mask/index.css +0 -1
  278. package/components/radio/config.js +0 -12
  279. package/components/radio/index.css +0 -1
  280. package/components/range/config.js +0 -12
  281. package/components/range/index.css +0 -1
  282. package/components/rating/config.js +0 -12
  283. package/components/rating/index.css +0 -1
  284. package/components/select/config.js +0 -12
  285. package/components/select/index.css +0 -1
  286. package/components/toggle/config.js +0 -12
  287. package/components/toggle/index.css +0 -1
  288. package/index.css +0 -14
  289. package/themes/dark/index.css +0 -26
  290. package/themes/default/index.css +0 -26
  291. package/themes/index.css +0 -26
  292. package/themes/light/index.css +0 -26
@@ -1,166 +1 @@
1
- .select {
2
- position: relative;
3
- height: var(--spacing-10, 2.5rem);
4
- flex-shrink: 1;
5
- appearance: none;
6
- border-radius: var(--radius-btn, 0.5rem);
7
- border-style: var(--tw-border-style);
8
- border-width: 1px;
9
- border-color: transparent;
10
- background-color: var(--color-base-100, oklch(100% 0 0));
11
- padding-left: var(--spacing-4, 1rem);
12
- padding-right: var(--spacing-4, 1rem);
13
- vertical-align: middle;
14
- font-size: var(--font-size-base, 1rem);
15
- line-height: var(--tw-leading, var(--font-size-base--line-height, 1.5rem));
16
- font-size: var(--font-size-sm, 0.875rem);
17
- line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
18
- --tw-leading: var(--line-height-loose, 2);
19
- line-height: var(--line-height-loose, 2);
20
- background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
21
- background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
22
- background-size: 4px 4px, 4px 4px;
23
- background-repeat: no-repeat;
24
- input {
25
- --tw-border-style: none;
26
- border-style: none;
27
- background-color: transparent;
28
- &:focus {
29
- outline: 2px solid transparent;
30
- outline-offset: 2px;
31
- }
32
- }
33
- &:focus, &:focus-within {
34
- border-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
35
- outline-style: var(--tw-outline-style);
36
- outline-width: 1px;
37
- outline-style: var(--tw-outline-style);
38
- outline-width: 2px;
39
- outline-offset: 2px;
40
- outline-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
41
- }
42
- &:has(> select[disabled]), &:is(:disabled, [disabled]) {
43
- cursor: not-allowed;
44
- border-color: var(--color-base-200, oklch(96.1151% 0 0));
45
- background-color: var(--color-base-200, oklch(96.1151% 0 0));
46
- color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 40%, transparent);
47
- &::placeholder {
48
- color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
49
- }
50
- &::placeholder {
51
- color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
52
- }
53
- }
54
- &:has(> select[disabled])>select[disabled] {
55
- cursor: not-allowed;
56
- }
57
- &.select-bordered {
58
- border-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
59
- box-shadow: 0 1px oklch(0% 0 0 / 0.1) inset, 0 -1px oklch(100% 0 0 / 0.1) inset;
60
- &:focus {
61
- box-shadow: 0 1px oklch(0% 0 0 / 0.1);
62
- }
63
- }
64
- &.select-ghost {
65
- background-color: color-mix(in srgb, var(--color-base-100, oklch(100% 0 0)) 5%, transparent);
66
- --tw-shadow: 0 0 #0000;
67
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
68
- &:focus, &:focus-within {
69
- background-color: var(--color-base-100, oklch(100% 0 0));
70
- color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
71
- box-shadow: none;
72
- }
73
- }
74
- &.select-primary {
75
- border-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
76
- background-color: color-mix(in oklab, var(--color-primary) 2%, transparent);
77
- &:focus, &:focus-within {
78
- border-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
79
- outline-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
80
- }
81
- }
82
- &.select-secondary {
83
- border-color: var(--color-secondary, oklch(69.71% 0.329 342.55));
84
- background-color: color-mix(in oklab, var(--color-secondary) 2%, transparent);
85
- &:focus, &:focus-within {
86
- border-color: var(--color-secondary, oklch(69.71% 0.329 342.55));
87
- outline-color: var(--color-secondary, oklch(69.71% 0.329 342.55));
88
- }
89
- }
90
- &.select-accent {
91
- border-color: var(--color-accent, oklch(76.76% 0.184 183.61));
92
- background-color: color-mix(in oklab, var(--color-accent) 2%, transparent);
93
- &:focus, &:focus-within {
94
- border-color: var(--color-accent, oklch(76.76% 0.184 183.61));
95
- outline-color: var(--color-accent, oklch(76.76% 0.184 183.61));
96
- }
97
- }
98
- &.select-info {
99
- border-color: var(--color-info, oklch(72.06% 0.191 231.6));
100
- background-color: color-mix(in oklab, var(--color-info) 2%, transparent);
101
- &:focus, &:focus-within {
102
- border-color: var(--color-info, oklch(72.06% 0.191 231.6));
103
- outline-color: var(--color-info, oklch(72.06% 0.191 231.6));
104
- }
105
- }
106
- &.select-success {
107
- border-color: var(--color-success, oklch(64.8% 0.15 160));
108
- background-color: color-mix(in oklab, var(--color-success) 2%, transparent);
109
- &:focus, &:focus-within {
110
- border-color: var(--color-success, oklch(64.8% 0.15 160));
111
- outline-color: var(--color-success, oklch(64.8% 0.15 160));
112
- }
113
- }
114
- &.select-warning {
115
- border-color: var(--color-warning, oklch(84.71% 0.199 83.87));
116
- background-color: color-mix(in oklab, var(--color-warning) 2%, transparent);
117
- &:focus, &:focus-within {
118
- border-color: var(--color-warning, oklch(84.71% 0.199 83.87));
119
- outline-color: var(--color-warning, oklch(84.71% 0.199 83.87));
120
- }
121
- }
122
- &.select-error {
123
- border-color: var(--color-error, oklch(71.76% 0.221 22.18));
124
- background-color: color-mix(in oklab, var(--color-error) 2%, transparent);
125
- &:focus, &:focus-within {
126
- border-color: var(--color-error, oklch(71.76% 0.221 22.18));
127
- outline-color: var(--color-error, oklch(71.76% 0.221 22.18));
128
- }
129
- }
130
- &.select-xs {
131
- height: var(--spacing-6, 1.5rem);
132
- padding-left: var(--spacing-2, 0.5rem);
133
- padding-right: var(--spacing-2, 0.5rem);
134
- font-size: var(--font-size-xs, 0.75rem);
135
- line-height: var(--tw-leading, var(--font-size-xs--line-height, 1rem));
136
- --tw-leading: var(--line-height-relaxed, 1.625);
137
- line-height: var(--line-height-relaxed, 1.625);
138
- }
139
- &.select-sm {
140
- height: var(--spacing-8, 2rem);
141
- padding-left: var(--spacing-3, 0.75rem);
142
- padding-right: var(--spacing-3, 0.75rem);
143
- font-size: var(--font-size-sm, 0.875rem);
144
- line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
145
- --tw-leading: var(--line-height-8, 2rem);
146
- line-height: var(--line-height-8, 2rem);
147
- }
148
- &.select-md {
149
- height: var(--spacing-10, 2.5rem);
150
- padding-left: var(--spacing-4, 1rem);
151
- padding-right: var(--spacing-4, 1rem);
152
- font-size: var(--font-size-sm, 0.875rem);
153
- line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
154
- --tw-leading: var(--line-height-loose, 2);
155
- line-height: var(--line-height-loose, 2);
156
- }
157
- &.select-lg {
158
- height: var(--spacing-14, 3.5rem);
159
- padding-left: var(--spacing-6, 1.5rem);
160
- padding-right: var(--spacing-6, 1.5rem);
161
- font-size: var(--font-size-lg, 1.125rem);
162
- line-height: var(--tw-leading, var(--font-size-lg--line-height, 1.75rem));
163
- --tw-leading: var(--line-height-loose, 2);
164
- line-height: var(--line-height-loose, 2);
165
- }
166
- }
1
+ /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .select{height:var(--spacing-10,2.5rem);appearance:none;border-style:var(--tw-border-style);background-color:var(--color-base-100,var(--color-base-100));padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-width:1px;border-color:#0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;position:relative;& input{--tw-border-style:none;background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent)}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200,var(--color-base-200));background-color:var(--color-base-200,var(--color-base-200));color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-bordered{border-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.select-ghost{background-color:color-mix(in srgb,var(--color-base-100,var(--color-base-100))5%,transparent);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);&:focus,&:focus-within{background-color:var(--color-base-100,var(--color-base-100));color:var(--color-base-content,var(--color-base-content));box-shadow:none}}&.select-primary{border-color:var(--color-primary,var(--color-primary));background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary,var(--color-primary));outline-color:var(--color-primary,var(--color-primary))}}&.select-secondary{border-color:var(--color-secondary,var(--color-secondary));background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary,var(--color-secondary));outline-color:var(--color-secondary,var(--color-secondary))}}&.select-accent{border-color:var(--color-accent,var(--color-accent));background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent,var(--color-accent));outline-color:var(--color-accent,var(--color-accent))}}&.select-info{border-color:var(--color-info,var(--color-info));background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info,var(--color-info));outline-color:var(--color-info,var(--color-info))}}&.select-success{border-color:var(--color-success,var(--color-success));background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success,var(--color-success));outline-color:var(--color-success,var(--color-success))}}&.select-warning{border-color:var(--color-warning,var(--color-warning));background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning,var(--color-warning));outline-color:var(--color-warning,var(--color-warning))}}&.select-error{border-color:var(--color-error,var(--color-error));background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error,var(--color-error));outline-color:var(--color-error,var(--color-error))}}&.select-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-relaxed,1.625);line-height:var(--line-height-relaxed,1.625)}&.select-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-8,2rem);line-height:var(--line-height-8,2rem)}&.select-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2)}&.select-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2)}}
@@ -0,0 +1,3 @@
1
+ [
2
+ "skeleton"
3
+ ]
@@ -0,0 +1,4 @@
1
+ import skeleton from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...skeleton})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".skeleton":{"@apply bg-base-300 rounded-box motion-reduce:duration-[15s]":{},"willChange":"background-position","animation":"skeleton 1.8s ease-in-out infinite","backgroundImage":"linear-gradient(105deg,\n transparent 0% 40%,\n var(--color-base-100) 50%,\n transparent 60% 100%)","backgroundSize":"200% auto","backgroundRepeat":"no-repeat","backgroundPositionX":"-50%"},"@keyframes skeleton":{"from":{"backgroundPosition":"150%"},"to":{"backgroundPosition":"-50%"}}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .skeleton{border-radius:var(--radius-box,var(--radius-box));background-color:var(--color-base-300,var(--color-base-300));will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{--tw-duration:15s;transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}
@@ -0,0 +1,3 @@
1
+ [
2
+ "stack"
3
+ ]
@@ -0,0 +1,4 @@
1
+ import stack from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...stack})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".stack":{"@apply place-items-center items-end inline-grid":{},"&>*":{"@apply w-full col-start-1 row-start-1 opacity-60":{},"transform":"translateY(10%) scale(0.9)","zIndex":1},"&>*:nth-child(2)":{"@apply opacity-80":{},"transform":"translateY(5%) scale(0.95)","zIndex":2},"&>*:nth-child(1)":{"@apply opacity-100":{},"transform":"translateY(0) scale(1)","zIndex":3}}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}
@@ -0,0 +1,15 @@
1
+ [
2
+ "status",
3
+ "status-primary",
4
+ "status-secondary",
5
+ "status-accent",
6
+ "status-neutral",
7
+ "status-info",
8
+ "status-success",
9
+ "status-warning",
10
+ "status-error",
11
+ "status-xs",
12
+ "status-sm",
13
+ "status-md",
14
+ "status-lg"
15
+ ]
@@ -0,0 +1,4 @@
1
+ import status from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...status})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".status":{"@apply bg-base-content/20 rounded-badge align-middle aspect-square size-2 bg-no-repeat bg-center":{}},".status-primary":{"@apply bg-primary":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-primary) 100%, transparent)"},".status-secondary":{"@apply bg-secondary":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-secondary) 100%, transparent)"},".status-accent":{"@apply bg-accent":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-accent) 100%, transparent)"},".status-neutral":{"@apply bg-neutral":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-neutral) 100%, transparent)"},".status-info":{"@apply bg-info":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-info) 100%, transparent)","backgroundImage":"url(\"data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='white'/%3E%3Crect y='2' width='1' height='3'/%3E%3C/svg%3E%0A\")"},".status-success":{"@apply bg-success":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-success) 100%, transparent)"},".status-warning":{"@apply bg-warning":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-warning) 100%, transparent)","backgroundImage":"url(\"data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='4' width='1' height='1' /%3E%3Crect width='1' height='3'/%3E%3C/svg%3E%0A\")"},".status-error":{"@apply bg-error":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-error) 100%, transparent)","backgroundImage":"url(\"data:image/svg+xml,%3Csvg width='4' height='1' fill='white' viewBox='0 0 4 1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='1'/%3E%3C/svg%3E%0A\")"},".status-xs":{"@apply size-0.5":{}},".status-sm":{"@apply size-1":{}},".status-md":{"@apply size-2":{}},".status-lg":{"@apply size-4":{}}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .status{aspect-ratio:1;width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem);border-radius:var(--radius-badge,var(--radius-badge));background-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat}.status-primary{background-color:var(--color-primary,var(--color-primary));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.status-secondary{background-color:var(--color-secondary,var(--color-secondary));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.status-accent{background-color:var(--color-accent,var(--color-accent));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.status-neutral{background-color:var(--color-neutral,var(--color-neutral));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.status-info{background-color:var(--color-info,var(--color-info));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='white'/%3E%3Crect y='2' width='1' height='3'/%3E%3C/svg%3E%0A")}.status-success{background-color:var(--color-success,var(--color-success));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.status-warning{background-color:var(--color-warning,var(--color-warning));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='4' width='1' height='1' /%3E%3Crect width='1' height='3'/%3E%3C/svg%3E%0A")}.status-error{background-color:var(--color-error,var(--color-error));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='4' height='1' fill='white' viewBox='0 0 4 1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='1'/%3E%3C/svg%3E%0A")}.status-xs{width:var(--spacing-0_5,.125rem);height:var(--spacing-0_5,.125rem)}.status-sm{width:var(--spacing-1,.25rem);height:var(--spacing-1,.25rem)}.status-md{width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem)}.status-lg{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}
@@ -0,0 +1,14 @@
1
+ [
2
+ "steps",
3
+ "step",
4
+ "step-neutral",
5
+ "step-primary",
6
+ "step-secondary",
7
+ "step-accent",
8
+ "step-info",
9
+ "step-success",
10
+ "step-warning",
11
+ "step-error",
12
+ "steps-horizontal",
13
+ "steps-vertical"
14
+ ]
@@ -0,0 +1,4 @@
1
+ import steps from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...steps})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".steps":{"@apply inline-grid grid-flow-col overflow-hidden overflow-x-auto":{},"counterReset":"step","gridAutoColumns":"1fr",".step":{"@apply grid grid-cols-1 grid-rows-2 place-items-center text-center":{},"gridTemplateRows":"40px 1fr","gridTemplateColumns":"auto","minWidth":"4rem","&:before":{"@apply bg-base-300 text-base-content top-0 col-start-1 row-start-1 h-2 w-full transform":{},"content":"\"\"","marginInlineStart":"-100%"},"&:after":{"content":"counter(step)","counterIncrement":"step","zIndex":1,"@apply bg-base-300 text-base-content relative col-start-1 row-start-1 grid h-8 w-8 place-items-center place-self-center rounded-full":{}},"&:first-child:before":{"content":"none"},"&[data-content]:after":{"content":"attr(data-content)"}},".step-neutral+.step-neutral:before,\n .step-neutral:after":{"@apply bg-neutral text-neutral-content":{}},".step-primary+.step-primary:before,\n .step-primary:after":{"@apply bg-primary text-primary-content":{}},".step-secondary+.step-secondary:before,\n .step-secondary:after":{"@apply bg-secondary text-secondary-content":{}},".step-accent+.step-accent:before,\n .step-accent:after":{"@apply bg-accent text-accent-content":{}},".step-info+.step-info:before":{"@apply bg-info":{}},".step-info:after":{"@apply bg-info text-info-content":{}},".step-success+.step-success:before":{"@apply bg-success":{}},".step-success:after":{"@apply bg-success text-success-content":{}},".step-warning+.step-warning:before":{"@apply bg-warning":{}},".step-warning:after":{"@apply bg-warning text-warning-content":{}},".step-error+.step-error:before":{"@apply bg-error":{}},".step-error:after":{"@apply bg-error text-error-content":{}}},".steps-horizontal":{"gridAutoColumns":"1fr","@apply inline-grid grid-flow-col overflow-hidden overflow-x-auto":{},".step":{"@apply grid grid-cols-1 grid-rows-2 place-items-center text-center":{},"gridTemplateRows":"40px 1fr","gridTemplateColumns":"auto","minWidth":"4rem","&:before":{"@apply h-2 w-full translate-x-0 translate-y-0 rtl:translate-x-0":{},"content":"\"\"","marginInlineStart":"-100%"}}},".steps-vertical":{"gridAutoRows":"1fr","@apply grid-flow-row":{},".step":{"@apply grid grid-cols-2 grid-rows-1":{},"gap":"0.5rem","gridTemplateColumns":"40px 1fr","gridTemplateRows":"auto","minHeight":"4rem","justifyItems":"start","&:before":{"@apply h-full w-2 -translate-x-1/2 -translate-y-1/2 rtl:translate-x-1/2":{},"marginInlineStart":"50%"}}}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{top:var(--spacing-0,0px);height:var(--spacing-2,.5rem);transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);background-color:var(--color-base-300,var(--color-base-300));color:var(--color-base-content,var(--color-base-content));content:"";grid-row-start:1;grid-column-start:1;width:100%;margin-inline-start:-100%}&:after{content:counter(step);counter-increment:step;z-index:1;height:var(--spacing-8,2rem);width:var(--spacing-8,2rem);background-color:var(--color-base-300,var(--color-base-300));color:var(--color-base-content,var(--color-base-content));border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral,var(--color-neutral));color:var(--color-neutral-content,var(--color-neutral-content))}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary,var(--color-primary));color:var(--color-primary-content,var(--color-primary-content))}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary,var(--color-secondary));color:var(--color-secondary-content,var(--color-secondary-content))}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent,var(--color-accent));color:var(--color-accent-content,var(--color-accent-content))}& .step-info+.step-info:before{background-color:var(--color-info,var(--color-info))}& .step-info:after{background-color:var(--color-info,var(--color-info));color:var(--color-info-content,var(--color-info-content))}& .step-success+.step-success:before{background-color:var(--color-success,var(--color-success))}& .step-success:after{background-color:var(--color-success,var(--color-success));color:var(--color-success-content,var(--color-success-content))}& .step-warning+.step-warning:before{background-color:var(--color-warning,var(--color-warning))}& .step-warning:after{background-color:var(--color-warning,var(--color-warning));color:var(--color-warning-content,var(--color-warning-content))}& .step-error+.step-error:before{background-color:var(--color-error,var(--color-error))}& .step-error:after{background-color:var(--color-error,var(--color-error));color:var(--color-error-content,var(--color-error-content))}}.steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{height:var(--spacing-2,.5rem);--tw-translate-x:var(--spacing-0,0px);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-translate-y:var(--spacing-0,0px);translate:var(--tw-translate-x)var(--tw-translate-y);content:"";width:100%;margin-inline-start:-100%;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:var(--spacing-0,0px);translate:var(--tw-translate-x)var(--tw-translate-y)}}}}.steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:var(--spacing-2,.5rem);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);height:100%;margin-inline-start:50%;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}}}}
@@ -0,0 +1,10 @@
1
+ [
2
+ "swap",
3
+ "2",
4
+ "swap-on",
5
+ "swap-indeterminate",
6
+ "swap-off",
7
+ "swap-active",
8
+ "swap-rotate",
9
+ "swap-flip"
10
+ ]
@@ -0,0 +1,4 @@
1
+ import swap from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...swap})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".swap":{"@apply relative inline-grid select-none place-content-center cursor-pointer align-middle":{},"input":{"@apply appearance-none border-none":{}},">*":{"@apply col-start-1 row-start-1":{},"transitionProperty":"transform, rotate, opacity","transitionDuration":".2s","transitionTimingFunction":"cubic-bezier(0, 0, 0.2, 1)"},".swap-on,\n .swap-indeterminate,\n input:indeterminate~.swap-on":{"@apply opacity-0":{}},"input:checked,\n input:indeterminate":{"&~.swap-off":{"@apply opacity-0":{}}},"input:checked~.swap-on,\n input:indeterminate~.swap-indeterminate":{"@apply opacity-100":{}}},".swap-active":{".swap-off":{"@apply opacity-0":{}},".swap-on":{"@apply opacity-100":{}}},".swap-rotate":{".swap-on,\n .swap-indeterminate,\n input:indeterminate~.swap-on":{"@apply rotate-45":{}},"input:checked,\n input:indeterminate":{"&~.swap-on":{"@apply rotate-0":{}},"&~.swap-off":{"@apply -rotate-45":{}}},"&:where(.swap-active)":{"&~.swap-on":{"@apply rotate-0":{}},".swap-off":{"@apply -rotate-45":{}}}},".swap-flip":{"transformStyle":"preserve-3d","perspective":"20rem",".swap-on,\n .swap-indeterminate,\n input:indeterminate~.swap-on":{"transform":"rotateY(180deg)","backfaceVisibility":"hidden","@apply opacity-100":{}},"input:checked,\n input:indeterminate":{"&~.swap-on":{"transform":"rotateY(0deg)"},"&~.swap-off":{"transform":"rotateY(-180deg)","backfaceVisibility":"hidden","@apply opacity-100":{}}},"&:where(.swap-active)":{"&~.swap-on":{"transform":"rotateY(0deg)"},"&~.swap-off":{"transform":"rotateY(-180deg)","backfaceVisibility":"hidden","@apply opacity-100":{}}}}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .swap{cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative;& input{appearance:none;--tw-border-style:none;border-style:none}&>*{grid-row-start:1;grid-column-start:1;transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{opacity:0}& input:checked,& input:indeterminate{&~.swap-off{opacity:0}}& input:checked~.swap-on,& input:indeterminate~.swap-indeterminate{opacity:1}}.swap-active{& .swap-off{opacity:0}& .swap-on{opacity:1}}.swap-rotate{& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{rotate:45deg}& input:checked,& input:indeterminate{&~.swap-on{rotate:none}&~.swap-off{rotate:-45deg}}&:where(.swap-active){&~.swap-on{rotate:none}& .swap-off{rotate:-45deg}}}.swap-flip{transform-style:preserve-3d;perspective:20rem;& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{backface-visibility:hidden;opacity:1;transform:rotateY(180deg)}& input:checked,& input:indeterminate{&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}&:where(.swap-active){&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}}
@@ -0,0 +1,13 @@
1
+ [
2
+ "tabs",
3
+ "tab",
4
+ "tab-active",
5
+ "tab-content",
6
+ "tabs-bordered",
7
+ "tabs-lifted",
8
+ "tabs-boxed",
9
+ "tabs-md",
10
+ "tabs-lg",
11
+ "tabs-sm",
12
+ "tabs-xs"
13
+ ]
@@ -0,0 +1,4 @@
1
+ import tab from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...tab})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".tabs":{"@apply inline-grid items-end align-bottom":{}},".tab":{"@apply hover:text-base-content relative row-start-1 inline-flex h-8 cursor-pointer select-none appearance-none flex-wrap items-center justify-center text-center text-sm leading-loose text-base-content/50":{},"--tab-padding":"1rem","--tab-color":"var(--color-base-content)","--tab-bg":"var(--color-base-100)","--tab-border-color":"var(--color-base-300)","color":"var(--tab-color)","paddingInlineStart":"var(--tab-padding, 1rem)","paddingInlineEnd":"var(--tab-padding, 1rem)","&:is(input[type=\"radio\"])":{"@apply w-auto rounded-b-none":{},"&:after":{"--tw-content":"attr(aria-label)","content":"var(--tw-content)"}},"&:checked,\n &:is(.tab-active, [aria-selected=\"true\"])":{"&+.tab-content":{"@apply block":{}}},"&:not(input):empty":{"@apply cursor-default":{},"gridColumnStart":"span 9999"},"&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n &:is(input:checked)":{"@apply border-base-content":{}},"&:focus":{"@apply outline-none":{}},"&:focus-visible":{"outline":"2px solid currentColor","outlineOffset":"-5px"},"&-disabled,\n &[disabled]":{"@apply text-base-content/20 cursor-not-allowed":{}},"&[disabled],\n &[disabled]:hover":{"@apply text-base-content/29 cursor-not-allowed":{}}},".tabs-bordered":{"&>.tab":{"@apply border-base-content/20":{},"borderStyle":"solid","borderWidth":"0","borderBottomWidth":"calc(var(--spacing-tab-border, 1px) + 1px)"}},".tabs-lifted":{"&>.tab:focus-visible":{"borderEndEndRadius":"0","borderEndStartRadius":"0"},"&:has(.tab-content[class^=\"rounded-\"]) .tab:first-child:not(:is(.tab-active, [aria-selected=\"true\"])),\n &:has(.tab-content[class*=\" rounded-\"]) .tab:first-child:not(:is(.tab-active, [aria-selected=\"true\"]))":{"@apply border-b-transparent":{}},"&>.tab":{"border":"var(--spacing-tab-border, 1px) solid transparent","borderWidth":"0 0 var(--spacing-tab-border, 1px) 0","borderStartStartRadius":"var(--tab-radius, 0.5rem)","borderStartEndRadius":"var(--tab-radius, 0.5rem)","borderBottomColor":"var(--tab-border-color)","paddingInlineStart":"var(--tab-padding, 1rem)","paddingInlineEnd":"var(--tab-padding, 1rem)","paddingTop":"var(--spacing-tab-border, 1px)","&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n &:is(input:checked)":{"backgroundColor":"var(--tab-bg)","borderWidth":"var(--spacing-tab-border, 1px) var(--spacing-tab-border, 1px) 0 var(--spacing-tab-border, 1px)","borderInlineStartColor":"var(--tab-border-color)","borderInlineEndColor":"var(--tab-border-color)","borderTopColor":"var(--tab-border-color)","paddingInlineStart":"calc(var(--tab-padding, 1rem) - var(--spacing-tab-border, 1px))","paddingInlineEnd":"calc(var(--tab-padding, 1rem) - var(--spacing-tab-border, 1px))","paddingBottom":"var(--spacing-tab-border, 1px)","paddingTop":"0","&:before":{"zIndex":1,"content":"\"\"","display":"block","position":"absolute","width":"calc(100% + var(--tab-radius, 0.5rem) * 2)","height":"var(--tab-radius, 0.5rem)","bottom":"0","backgroundSize":"var(--tab-radius, 0.5rem)","backgroundPosition":"top left,\n top right","backgroundRepeat":"no-repeat","--tab-grad":"calc(69% - var(--spacing-tab-border, 1px))","--radius-start":"radial-gradient(circle at top left,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--spacing-tab-border, 1px)),\n var(--tab-bg) calc(var(--tab-grad) + var(--spacing-tab-border, 1px) + 0.25px))","--radius-end":"radial-gradient(circle at top right,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--spacing-tab-border, 1px)),\n var(--tab-bg) calc(var(--tab-grad) + var(--spacing-tab-border, 1px) + 0.25px))","backgroundImage":"var(--radius-start), var(--radius-end)"},"&:first-child:before":{"backgroundImage":"var(--radius-end)","backgroundPosition":"top right","[dir=\"rtl\"] &":{"backgroundImage":"var(--radius-start)","backgroundPosition":"top left"}},"&:last-child:before":{"backgroundImage":"var(--radius-start)","backgroundPosition":"top left","[dir=\"rtl\"] &":{"backgroundImage":"var(--radius-end)","backgroundPosition":"top right"}}}},"&> :is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n &>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked)":{"&:before":{"backgroundImage":"var(--radius-end)","backgroundPosition":"top right"}}},".tabs-boxed":{"@apply bg-base-200 rounded-btn p-1":{},".tab":{"@apply rounded-btn":{}},":is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n :is(input:checked)":{"@apply bg-primary text-primary-content hover:text-primary-content":{}}},".tab-content":{"@apply col-start-1 col-end-[span_9999] row-start-2 hidden border-transparent":{},"borderWidth":"var(--spacing-tab-border, 1px)","marginTop":"calc(var(--spacing-tab-border) * -1)","minWidth":"calc(100% + 1.5rem)",":checked+&:nth-child(2),\n :is(.tab-active, [aria-selected=\"true\"])+&:nth-child(2)":{"@apply rounded-ss-none":{}}},".tabs-md":{":where(.tab)":{"@apply h-8 text-sm leading-loose":{},"--tab-padding":"1rem"}},".tabs-lg":{":where(.tab)":{"@apply h-12 text-lg leading-loose":{},"--tab-padding":"1.25rem"}},".tabs-sm":{":where(.tab)":{"@apply h-6 text-sm leading-3":{},"--tab-padding":"0.75rem"}},".tabs-xs":{":where(.tab)":{"@apply h-5 text-xs leading-3":{},"--tab-padding":"0.5rem"}}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .tabs{vertical-align:bottom;align-items:flex-end;display:inline-grid}.tab{height:var(--spacing-8,2rem);cursor:pointer;appearance:none;text-align:center;font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);color:var(--tab-color);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-color:var(--color-base-content);--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);flex-wrap:wrap;grid-row-start:1;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content,var(--color-base-content))}}}&:is(input[type=radio]){border-bottom-right-radius:0;border-bottom-left-radius:0;width:auto;&:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{display:block}}&:not(input):empty{cursor:default;grid-column-start:span 9999}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){border-color:var(--color-base-content,var(--color-base-content))}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&-disabled,&[disabled]{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent)}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))29%,transparent)}}.tabs-bordered{&>.tab{border-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);border-style:solid;border-width:0;border-bottom-width:calc(var(--spacing-tab-border,1px) + 1px)}}.tabs-lifted{&>.tab:focus-visible{border-end-end-radius:0;border-end-start-radius:0}&:has(.tab-content[class^=rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])),&:has(.tab-content[class*=\ rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])){border-bottom-color:#0000}&>.tab{border:var(--spacing-tab-border,1px)solid transparent;border-width:0 0 var(--spacing-tab-border,1px)0;border-bottom-color:var(--tab-border-color);padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);padding-top:var(--spacing-tab-border,1px);border-start-start-radius:var(--tab-radius,.5rem);border-start-end-radius:var(--tab-radius,.5rem);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){background-color:var(--tab-bg);border-width:var(--spacing-tab-border,1px)var(--spacing-tab-border,1px)0 var(--spacing-tab-border,1px);border-inline-start-color:var(--tab-border-color);border-inline-end-color:var(--tab-border-color);border-top-color:var(--tab-border-color);padding-inline-start:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-inline-end:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-bottom:var(--spacing-tab-border,1px);padding-top:0;&:before{z-index:1;content:"";width:calc(100% + var(--tab-radius,.5rem)*2);height:var(--tab-radius,.5rem);background-size:var(--tab-radius,.5rem);--tab-grad:calc(69% - var(--spacing-tab-border,1px));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));background-position:0 0,100% 0;background-repeat:no-repeat;background-image:var(--radius-start),var(--radius-end);display:block;position:absolute;bottom:0}&:first-child:before{background-image:var(--radius-end);background-position:100% 0;[dir=rtl] &{background-image:var(--radius-start);background-position:0 0}}&:last-child:before{background-image:var(--radius-start);background-position:0 0;[dir=rtl] &{background-image:var(--radius-end);background-position:100% 0}}}}}.tabs-lifted{&>:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked){&:before{background-image:var(--radius-end);background-position:100% 0}}}.tabs-boxed{border-radius:var(--radius-btn,var(--radius-btn));background-color:var(--color-base-200,var(--color-base-200));padding:var(--spacing-1,.25rem);& .tab{border-radius:var(--radius-btn,var(--radius-btn))}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),& :is(input:checked){background-color:var(--color-primary,var(--color-primary));color:var(--color-primary-content,var(--color-primary-content));&:hover{@media (hover:hover){&{color:var(--color-primary-content,var(--color-primary-content))}}}}}.tab-content{border-color:#0000;border-width:var(--spacing-tab-border,1px);margin-top:calc(var(--spacing-tab-border)*-1);grid-column:1/span 9999;grid-row-start:2;min-width:calc(100% + 1.5rem);display:none;:checked+&:nth-child(2),:is(.tab-active,[aria-selected=true])+&:nth-child(2){border-start-start-radius:0}}.tabs-md{& :where(.tab){height:var(--spacing-8,2rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);--tab-padding:1rem}}.tabs-lg{& :where(.tab){height:var(--spacing-12,3rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);--tab-padding:1.25rem}}.tabs-sm{& :where(.tab){height:var(--spacing-6,1.5rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-3,.75rem);line-height:var(--line-height-3,.75rem);--tab-padding:.75rem}}.tabs-xs{& :where(.tab){height:var(--spacing-5,1.25rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-3,.75rem);line-height:var(--line-height-3,.75rem);--tab-padding:.5rem}}
@@ -0,0 +1,9 @@
1
+ [
2
+ "table",
3
+ "row-hover",
4
+ "table-zebra",
5
+ "table-xs",
6
+ "table-sm",
7
+ "table-md",
8
+ "table-lg"
9
+ ]
@@ -0,0 +1,4 @@
1
+ import table from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...table})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".table":{"@apply relative w-full rounded-box text-left text-sm rtl:text-right":{},"tr.row-hover":{"&,\n &:nth-child(even)":{"@apply hover:bg-base-200":{}}},":where(th, td)":{"@apply px-4 py-3 align-middle":{}},":where(thead, tfoot)":{"@apply text-base-content/60 whitespace-nowrap text-xs font-bold":{}},":where(tfoot)":{"@apply border-t-base-200 border-t":{}},":where(.table-pin-rows thead tr)":{"@apply bg-base-100 sticky top-0 z-[1]":{}},":where(.table-pin-rows tfoot tr)":{"@apply bg-base-100 sticky bottom-0 z-[1]":{}},":where(.table-pin-cols tr th)":{"@apply bg-base-100 sticky left-0 right-0":{}},":where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child)":{"@apply border-b-base-200 border-b":{}}},".table-zebra":{"tbody":{"tr":{"&:nth-child(even)":{"@apply bg-base-200":{},":where(.table-pin-cols tr th)":{"@apply bg-base-200":{}}},"&.row-hover":{"&,\n &:nth-child(even)":{"@apply hover:bg-base-300":{}}}}}},".table-xs":{":not(thead):not(tfoot) tr":{"@apply text-xs":{}},":where(th, td)":{"@apply px-2 py-1":{}}},".table-sm":{":not(thead):not(tfoot) tr":{"@apply text-sm":{}},":where(th, td)":{"@apply px-3 py-2":{}}},".table-md":{":not(thead):not(tfoot) tr":{"@apply text-sm":{}},":where(th, td)":{"@apply px-4 py-3":{}}},".table-lg":{":not(thead):not(tfoot) tr":{"@apply text-base":{}},":where(th, td)":{"@apply px-6 py-4":{}}}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .table{border-radius:var(--radius-box,var(--radius-box));text-align:left;font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));width:100%;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200,var(--color-base-200))}}}}}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle}& :where(thead,tfoot){white-space:nowrap;font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-font-weight:700;color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))60%,transparent);font-weight:700}& :where(tfoot){border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-base-200,var(--color-base-200))}& :where(.table-pin-rows thead tr){top:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100,var(--color-base-100));position:sticky}& :where(.table-pin-rows tfoot tr){bottom:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100,var(--color-base-100));position:sticky}& :where(.table-pin-cols tr th){right:var(--spacing-0,0px);left:var(--spacing-0,0px);background-color:var(--color-base-100,var(--color-base-100));position:sticky}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-bottom-color:var(--color-base-200,var(--color-base-200))}}.table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200,var(--color-base-200));& :where(.table-pin-cols tr th){background-color:var(--color-base-200,var(--color-base-200))}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300,var(--color-base-300))}}}}}}}}.table-xs{& :not(thead):not(tfoot) tr{font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem))}& :where(th,td){padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem)}}.table-sm{& :not(thead):not(tfoot) tr{font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem))}& :where(th,td){padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem)}}.table-md{& :not(thead):not(tfoot) tr{font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem))}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem)}}.table-lg{& :not(thead):not(tfoot) tr{font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem))}& :where(th,td){padding-top:var(--spacing-4,1rem);padding-bottom:var(--spacing-4,1rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem)}}
@@ -0,0 +1,11 @@
1
+ [
2
+ "timeline",
3
+ "timeline-box",
4
+ "timeline-start",
5
+ "timeline-middle",
6
+ "timeline-end",
7
+ "timeline-compact",
8
+ "timeline-vertical",
9
+ "timeline-snap-icon",
10
+ "timeline-horizontal"
11
+ ]
@@ -0,0 +1,4 @@
1
+ import timeline from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...timeline})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".timeline":{"@apply relative flex":{},">li":{"@apply relative grid shrink-0 items-center":{},"gridTemplateRows":"var(--timeline-row-start, minmax(0, 1fr)) auto var(--timeline-row-end,\n minmax(0, 1fr))","gridTemplateColumns":"var(--timeline-col-start, minmax(0, 1fr)) auto var(--timeline-col-end,\n minmax(0, 1fr))",">hr":{"@apply w-full border-0":{},"&:first-child":{"@apply col-start-1 row-start-2":{}},"&:last-child":{"@apply col-start-3 col-end-[none] row-start-2 row-end-auto":{}}}},":where(hr)":{"@apply h-1 bg-base-300":{}},"&:has(.timeline-middle hr)":{"&:first-child":{"@apply rounded-e-badge rounded-s-none":{}},"&:last-child":{"@apply rounded-s-badge rounded-e-none":{}}},"&:not(:has(.timeline-middle))":{":first-child hr:last-child":{"@apply rounded-s-badge rounded-e-none":{}},":last-child hr:first-child":{"@apply rounded-e-badge rounded-s-none":{}}}},".timeline-box":{"@apply rounded-box bg-base-100 border-base-300 border px-4 py-2 shadow-sm":{}},".timeline-start":{"@apply col-start-1 col-end-4 row-start-1 row-end-2 m-1 self-end justify-self-center":{}},".timeline-middle":{"@apply col-start-2 row-start-2":{}},".timeline-end":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 m-1 self-start justify-self-center":{}},".timeline-compact":{"--timeline-row-start":"0",".timeline-start":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 m-1 self-start justify-self-center":{}},"li:has(.timeline-start)":{".timeline-end":{"@apply col-start-[none] row-start-auto":{}}},"&.timeline-vertical":{">li":{"--timeline-col-start":"0"},".timeline-start":{"@apply col-start-3 col-end-4 row-start-1 row-end-4 self-center justify-self-start":{}},"li:has(.timeline-start)":{".timeline-end":{"@apply col-start-auto row-start-[none]":{}}}}},".timeline-snap-icon":{">li":{"--timeline-col-start":"0.5rem","--timeline-row-start":"minmax(0, 1fr)"}},".timeline-vertical":{"@apply flex-col":{},">li":{"@apply justify-items-center":{},"--timeline-row-start":"minmax(0, 1fr)","--timeline-row-end":"minmax(0, 1fr)",">hr":{"@apply w-1 h-full":{},"&:first-child":{"@apply col-start-2 row-start-1":{}},"&:last-child":{"@apply col-start-2 col-end-auto row-start-3 row-end-[none]":{}}}},".timeline-start":{"@apply col-start-1 col-end-2 row-start-1 row-end-4 self-center justify-self-end":{}},".timeline-end":{"@apply col-start-3 col-end-4 row-start-1 row-end-4 self-center justify-self-start":{}},"&:has(.timeline-middle)":{">li":{">hr":{"&:first-child":{"@apply rounded-b-badge rounded-t-none":{}},"&:last-child":{"@apply rounded-t-badge rounded-b-none":{}}}}},"&:not(:has(.timeline-middle))":{":first-child":{">hr:last-child":{"@apply rounded-t-badge rounded-b-none":{}}},":last-child":{">hr:first-child":{"@apply rounded-b-badge rounded-t-none":{}}}},"&.timeline-snap-icon":{">li":{"--timeline-col-start":"minmax(0, 1fr)","--timeline-row-start":"0.5rem"}}},".timeline-horizontal":{"@apply flex-row":{},">li":{"@apply items-center":{},">hr":{"@apply w-full h-1":{},"&:first-child":{"@apply col-start-1 row-start-2":{}},"&:last-child":{"@apply col-start-3 col-end-[none] row-start-2 row-end-auto":{}}}},".timeline-start":{"@apply col-start-1 col-end-4 row-start-1 row-end-2 self-end justify-self-center":{}},".timeline-end":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 self-start justify-self-center":{}},"&:has(.timeline-middle)":{">li":{">hr":{"&:first-child":{"@apply rounded-e-badge rounded-s-none":{}},"&:last-child":{"@apply rounded-s-badge rounded-e-none":{}}}}},"&:not(:has(.timeline-middle))":{":first-child":{">hr:last-child":{"@apply rounded-s-badge rounded-e-none":{}}},":last-child":{">hr:first-child":{"@apply rounded-e-badge rounded-s-none":{}}}}}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .timeline{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0,1fr))auto var(--timeline-row-end,minmax(0,1fr));grid-template-columns:var(--timeline-col-start,minmax(0,1fr))auto var(--timeline-col-end,minmax(0,1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border-style:var(--tw-border-style);border-width:0;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& :where(hr){height:var(--spacing-1,.25rem);background-color:var(--color-base-300,var(--color-base-300))}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,var(--radius-badge));border-end-end-radius:var(--radius-badge,var(--radius-badge));border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge,var(--radius-badge));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,var(--radius-badge))}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-badge,var(--radius-badge));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,var(--radius-badge))}}&:not(:has(.timeline-middle)){& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,var(--radius-badge));border-end-end-radius:var(--radius-badge,var(--radius-badge));border-end-start-radius:0}}}.timeline-box{border-radius:var(--radius-box,var(--radius-box));border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300,var(--color-base-300));background-color:var(--color-base-100,var(--color-base-100));padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.timeline-start{margin:var(--spacing-1,.25rem);grid-area:1/1/2/4;place-self:flex-end center}.timeline-middle{grid-row-start:2;grid-column-start:2}.timeline-end{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}.timeline-compact{--timeline-row-start:0;& .timeline-start{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}.timeline-snap-icon{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0,1fr)}}.timeline-vertical{flex-direction:column;&>li{--timeline-row-start:minmax(0,1fr);--timeline-row-end:minmax(0,1fr);justify-items:center;&>hr{width:var(--spacing-1,.25rem);height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge,var(--radius-badge));border-bottom-left-radius:var(--radius-badge,var(--radius-badge))}&:last-child{border-top-left-radius:var(--radius-badge,var(--radius-badge));border-top-right-radius:var(--radius-badge,var(--radius-badge));border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-badge,var(--radius-badge));border-top-right-radius:var(--radius-badge,var(--radius-badge));border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge,var(--radius-badge));border-bottom-left-radius:var(--radius-badge,var(--radius-badge))}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0,1fr);--timeline-row-start:.5rem}}}.timeline-horizontal{flex-direction:row;&>li{align-items:center;&>hr{height:var(--spacing-1,.25rem);width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,var(--radius-badge));border-end-end-radius:var(--radius-badge,var(--radius-badge));border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge,var(--radius-badge));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,var(--radius-badge))}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-badge,var(--radius-badge));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,var(--radius-badge))}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,var(--radius-badge));border-end-end-radius:var(--radius-badge,var(--radius-badge));border-end-start-radius:0}}}}
@@ -0,0 +1,16 @@
1
+ [
2
+ "toggle",
3
+ "1s",
4
+ "2s",
5
+ "toggle-primary",
6
+ "toggle-secondary",
7
+ "toggle-accent",
8
+ "toggle-success",
9
+ "toggle-warning",
10
+ "toggle-info",
11
+ "toggle-error",
12
+ "toggle-xs",
13
+ "toggle-sm",
14
+ "toggle-md",
15
+ "toggle-lg"
16
+ ]
@@ -1,102 +1,4 @@
1
- export default {
2
- ".toggle": {
3
- "@apply rounded-badge text-base-content/50 inline-flex h-6 w-12 shrink-0 cursor-pointer appearance-none rounded-[var(--radius-badge)] border border-current p-[.1875rem] align-middle": {},
4
- "boxShadow": "0 1px color-mix(in oklab, currentColor, transparent 90%) inset",
5
- "transition": "color .3s",
6
- "&:before": {
7
- "@apply block h-full grow-0": {},
8
- "content": "\"\"",
9
- "transition": "flex-grow 0.2s"
10
- },
11
- "&:after": {
12
- "@apply relative start-0 block aspect-square h-full translate-x-0 [border-radius:calc(var(--radius-badge)-3px)] bg-current": {},
13
- "content": "\"\"",
14
- "transition": "background-color 0.1s,\n translate 0.2s,\n inset-inline-start 0.2s",
15
- "boxShadow": "0 -1px oklch(0% 0 0 / 0.1) inset,\n 0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n 0 1px color-mix(in oklab, currentColor, transparent 90%)"
16
- },
17
- "&:focus-visible": {
18
- "@apply outline outline-2 outline-offset-2 outline-current": {}
19
- },
20
- "&:checked,\n &[aria-checked=\"true\"]": {
21
- "@apply bg-base-100 text-base-content": {},
22
- "&:before": {
23
- "@apply grow": {}
24
- },
25
- "&:after": {
26
- "@apply bg-current": {},
27
- "@starting-style": {
28
- "opacity": 0
29
- }
30
- }
31
- },
32
- "&:indeterminate": {
33
- "&:before": {
34
- "@apply grow-0": {}
35
- },
36
- "&:after": {
37
- "@apply start-1/2 -translate-x-1/2": {}
38
- }
39
- },
40
- "&:disabled": {
41
- "@apply cursor-not-allowed opacity-30": {},
42
- "&:after": {
43
- "@apply border border-current bg-transparent": {}
44
- }
45
- }
46
- },
47
- ".toggle-primary": {
48
- "&:checked,\n &[aria-checked=\"true\"]": {
49
- "@apply text-primary": {}
50
- }
51
- },
52
- ".toggle-secondary": {
53
- "&:checked,\n &[aria-checked=\"true\"]": {
54
- "@apply text-secondary": {}
55
- }
56
- },
57
- ".toggle-accent": {
58
- "&:checked,\n &[aria-checked=\"true\"]": {
59
- "@apply text-accent": {}
60
- }
61
- },
62
- ".toggle-success": {
63
- "&:checked,\n &[aria-checked=\"true\"]": {
64
- "@apply text-success": {}
65
- }
66
- },
67
- ".toggle-warning": {
68
- "&:checked,\n &[aria-checked=\"true\"]": {
69
- "@apply text-warning": {}
70
- }
71
- },
72
- ".toggle-info": {
73
- "&:checked,\n &[aria-checked=\"true\"]": {
74
- "@apply text-info": {}
75
- }
76
- },
77
- ".toggle-error": {
78
- "&:checked,\n &[aria-checked=\"true\"]": {
79
- "@apply text-error": {}
80
- }
81
- },
82
- ".toggle-xs": {
83
- "&:is([type=\"checkbox\"])": {
84
- "@apply p-[.0625rem] h-4 w-6": {}
85
- }
86
- },
87
- ".toggle-sm": {
88
- "&:is([type=\"checkbox\"])": {
89
- "@apply p-[.125rem] h-5 w-8": {}
90
- }
91
- },
92
- ".toggle-md": {
93
- "&:is([type=\"checkbox\"])": {
94
- "@apply p-[.1875rem] h-6 w-12": {}
95
- }
96
- },
97
- ".toggle-lg": {
98
- "&:is([type=\"checkbox\"])": {
99
- "@apply p-[.25rem] h-8 w-16": {}
100
- }
101
- }
102
- };
1
+ import toggle from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...toggle})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".toggle":{"@apply rounded-badge text-base-content/50 inline-flex h-6 w-12 shrink-0 cursor-pointer appearance-none rounded-[var(--radius-badge)] border border-current p-[.1875rem] align-middle":{},"boxShadow":"0 1px color-mix(in oklab, currentColor, transparent 90%) inset","transition":"color .3s","&:before":{"@apply block h-full grow-0":{},"content":"\"\"","transition":"flex-grow 0.2s"},"&:after":{"@apply relative start-0 block aspect-square h-full translate-x-0 [border-radius:calc(var(--radius-badge)-3px)] bg-current":{},"content":"\"\"","transition":"background-color 0.1s,\n translate 0.2s,\n inset-inline-start 0.2s","boxShadow":"0 -1px oklch(0% 0 0 / 0.1) inset,\n 0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n 0 1px color-mix(in oklab, currentColor, transparent 90%)"},"&:focus-visible":{"@apply outline outline-2 outline-offset-2 outline-current":{}},"&:checked,\n &[aria-checked=\"true\"]":{"@apply bg-base-100 text-base-content":{},"&:before":{"@apply grow":{}},"&:after":{"@apply bg-current":{},"@starting-style":{"opacity":0}}},"&:indeterminate":{"&:before":{"@apply grow-0":{}},"&:after":{"@apply start-1/2 -translate-x-1/2":{}}},"&:disabled":{"@apply cursor-not-allowed opacity-30":{},"&:after":{"@apply border border-current bg-transparent":{}}}},".toggle-primary":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-primary":{}}},".toggle-secondary":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-secondary":{}}},".toggle-accent":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-accent":{}}},".toggle-success":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-success":{}}},".toggle-warning":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-warning":{}}},".toggle-info":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-info":{}}},".toggle-error":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-error":{}}},".toggle-xs":{"&:is([type=\"checkbox\"])":{"@apply p-[.0625rem] h-4 w-6":{}}},".toggle-sm":{"&:is([type=\"checkbox\"])":{"@apply p-[.125rem] h-5 w-8":{}}},".toggle-md":{"&:is([type=\"checkbox\"])":{"@apply p-[.1875rem] h-6 w-12":{}}},".toggle-lg":{"&:is([type=\"checkbox\"])":{"@apply p-[.25rem] h-8 w-16":{}}}};