tailwind_dsl 0.0.10 → 0.0.11

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 (61) hide show
  1. checksums.yaml +4 -4
  2. data/.builders/generators/domain-model.rb +30 -28
  3. data/.builders/generators/utilities.rb +19 -17
  4. data/CHANGELOG.md +7 -0
  5. data/docs/domain-model.drawio +49 -46
  6. data/docs/domain-model.json +144 -121
  7. data/docs/domain-model.svg +1 -1
  8. data/lib/tailwind_dsl/etl/component_structures/raw_component_query.rb +197 -0
  9. data/lib/tailwind_dsl/version.rb +1 -1
  10. data/lib/tailwind_dsl.rb +1 -0
  11. data/package-lock.json +2 -2
  12. data/package.json +1 -1
  13. metadata +3 -50
  14. data/.components/tui/application-ui/component/data-display/calendar/01.clean.html +0 -204
  15. data/.components/tui/application-ui/component/data-display/calendar/01.html +0 -243
  16. data/.components/tui/application-ui/component/data-display/calendar/01.settings.json +0 -9
  17. data/.components/tui/application-ui/component/data-display/calendar/02.clean.html +0 -496
  18. data/.components/tui/application-ui/component/data-display/calendar/02.html +0 -551
  19. data/.components/tui/application-ui/component/data-display/calendar/02.settings.json +0 -9
  20. data/.components/tui/application-ui/component/data-display/calendar/03.clean.html +0 -240
  21. data/.components/tui/application-ui/component/data-display/calendar/03.html +0 -274
  22. data/.components/tui/application-ui/component/data-display/calendar/03.settings.json +0 -9
  23. data/.components/tui/application-ui/component/data-display/calendar/04.clean.html +0 -385
  24. data/.components/tui/application-ui/component/data-display/calendar/04.html +0 -439
  25. data/.components/tui/application-ui/component/data-display/calendar/04.settings.json +0 -9
  26. data/.components/tui/application-ui/component/data-display/calendar/05.clean.html +0 -211
  27. data/.components/tui/application-ui/component/data-display/calendar/05.html +0 -254
  28. data/.components/tui/application-ui/component/data-display/calendar/05.settings.json +0 -9
  29. data/.components/tui/application-ui/component/data-display/calendar/06.clean.html +0 -320
  30. data/.components/tui/application-ui/component/data-display/calendar/06.html +0 -336
  31. data/.components/tui/application-ui/component/data-display/calendar/06.settings.json +0 -9
  32. data/.components/tui/application-ui/component/data-display/calendar/07.clean.html +0 -266
  33. data/.components/tui/application-ui/component/data-display/calendar/07.html +0 -294
  34. data/.components/tui/application-ui/component/data-display/calendar/07.settings.json +0 -9
  35. data/.components/tui/application-ui/component/data-display/calendar/08.clean.html +0 -268
  36. data/.components/tui/application-ui/component/data-display/calendar/08.html +0 -296
  37. data/.components/tui/application-ui/component/data-display/calendar/08.settings.json +0 -9
  38. data/.components/tui/application-ui/component/data-display/description-list/01.clean.html +0 -59
  39. data/.components/tui/application-ui/component/data-display/description-list/01.html +0 -61
  40. data/.components/tui/application-ui/component/data-display/description-list/01.settings.json +0 -9
  41. data/.components/tui/application-ui/component/data-display/description-list/02.clean.html +0 -59
  42. data/.components/tui/application-ui/component/data-display/description-list/02.html +0 -61
  43. data/.components/tui/application-ui/component/data-display/description-list/02.settings.json +0 -9
  44. data/.components/tui/application-ui/component/data-display/description-list/03.clean.html +0 -86
  45. data/.components/tui/application-ui/component/data-display/description-list/03.html +0 -88
  46. data/.components/tui/application-ui/component/data-display/description-list/03.settings.json +0 -9
  47. data/.components/tui/application-ui/component/data-display/description-list/04.clean.html +0 -59
  48. data/.components/tui/application-ui/component/data-display/description-list/04.html +0 -61
  49. data/.components/tui/application-ui/component/data-display/description-list/04.settings.json +0 -9
  50. data/.components/tui/application-ui/component/data-display/description-list/05.clean.html +0 -59
  51. data/.components/tui/application-ui/component/data-display/description-list/05.html +0 -61
  52. data/.components/tui/application-ui/component/data-display/description-list/05.settings.json +0 -9
  53. data/.components/tui/application-ui/component/data-display/stats/01.clean.html +0 -17
  54. data/.components/tui/application-ui/component/data-display/stats/01.html +0 -19
  55. data/.components/tui/application-ui/component/data-display/stats/01.settings.json +0 -9
  56. data/.components/tui/application-ui/component/data-display/stats/02.clean.html +0 -80
  57. data/.components/tui/application-ui/component/data-display/stats/02.html +0 -89
  58. data/.components/tui/application-ui/component/data-display/stats/02.settings.json +0 -9
  59. data/.components/tui/application-ui/component/data-display/stats/03.clean.html +0 -53
  60. data/.components/tui/application-ui/component/data-display/stats/03.html +0 -61
  61. data/.components/tui/application-ui/component/data-display/stats/03.settings.json +0 -9
data/.components/tui/application-ui/component/data-display/calendar/02.clean.html DELETED
@@ -1,496 +0,0 @@
1
- <div class="lg:flex lg:h-full lg:flex-col">
2
- <header class="flex items-center justify-between border-b border-gray-200 py-4 px-6 lg:flex-none">
3
- <h1 class="text-lg font-semibold text-gray-900">
4
- <time datetime="2022-01">January 2022</time>
5
- </h1>
6
- <div class="flex items-center">
7
- <div class="flex items-center rounded-md shadow-sm md:items-stretch">
8
- <button type="button" class="flex items-center justify-center rounded-l-md border border-r-0 border-gray-300 bg-white py-2 pl-3 pr-4 text-gray-400 hover:text-gray-500 focus:relative md:w-9 md:px-2 md:hover:bg-gray-50">
9
- <span class="sr-only">Previous month</span>
10
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
11
- <path fill-rule="evenodd" d="M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z" clip-rule="evenodd" />
12
- </svg>
13
- </button>
14
- <button type="button" class="hidden border-t border-b border-gray-300 bg-white px-3.5 text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:relative md:block">Today</button>
15
- <span class="relative -mx-px h-5 w-px bg-gray-300 md:hidden"></span>
16
- <button type="button" class="flex items-center justify-center rounded-r-md border border-l-0 border-gray-300 bg-white py-2 pl-4 pr-3 text-gray-400 hover:text-gray-500 focus:relative md:w-9 md:px-2 md:hover:bg-gray-50">
17
- <span class="sr-only">Next month</span>
18
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
19
- <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
20
- </svg>
21
- </button>
22
- </div>
23
- <div class="hidden md:ml-4 md:flex md:items-center">
24
- <div class="relative">
25
- <button type="button" class="flex items-center rounded-md border border-gray-300 bg-white py-2 pl-3 pr-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50" id="menu-button" aria-expanded="false" aria-haspopup="true">
26
- Month view
27
- <svg class="ml-2 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
28
- <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" />
29
- </svg>
30
- </button>
31
- <div class="absolute right-0 z-10 mt-3 w-36 origin-top-right overflow-hidden rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
32
- <div class="py-1" role="none">
33
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-0">Day view</a>
34
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-1">Week view</a>
35
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-2">Month view</a>
36
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-3">Year view</a>
37
- </div>
38
- </div>
39
- </div>
40
- <div class="ml-6 h-6 w-px bg-gray-300"></div>
41
- <button type="button" class="ml-6 rounded-md border border-transparent bg-indigo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Add event</button>
42
- </div>
43
- <div class="relative ml-6 md:hidden">
44
- <button type="button" class="-mx-2 flex items-center rounded-full border border-transparent p-2 text-gray-400 hover:text-gray-500" id="menu-0-button" aria-expanded="false" aria-haspopup="true">
45
- <span class="sr-only">Open menu</span>
46
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
47
- <path d="M3 10a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM8.5 10a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM15.5 8.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" />
48
- </svg>
49
- </button>
50
- <div class="absolute right-0 z-10 mt-3 w-36 origin-top-right divide-y divide-gray-100 overflow-hidden rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-0-button" tabindex="-1">
51
- <div class="py-1" role="none">
52
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-0">Create event</a>
53
- </div>
54
- <div class="py-1" role="none">
55
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-1">Go to today</a>
56
- </div>
57
- <div class="py-1" role="none">
58
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-2">Day view</a>
59
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-3">Week view</a>
60
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-4">Month view</a>
61
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-5">Year view</a>
62
- </div>
63
- </div>
64
- </div>
65
- </div>
66
- </header>
67
- <div class="shadow ring-1 ring-black ring-opacity-5 lg:flex lg:flex-auto lg:flex-col">
68
- <div class="grid grid-cols-7 gap-px border-b border-gray-300 bg-gray-200 text-center text-xs font-semibold leading-6 text-gray-700 lg:flex-none">
69
- <div class="flex justify-center bg-white py-2">
70
- <span>M</span>
71
- <span class="sr-only sm:not-sr-only">on</span>
72
- </div>
73
- <div class="flex justify-center bg-white py-2">
74
- <span>T</span>
75
- <span class="sr-only sm:not-sr-only">ue</span>
76
- </div>
77
- <div class="flex justify-center bg-white py-2">
78
- <span>W</span>
79
- <span class="sr-only sm:not-sr-only">ed</span>
80
- </div>
81
- <div class="flex justify-center bg-white py-2">
82
- <span>T</span>
83
- <span class="sr-only sm:not-sr-only">hu</span>
84
- </div>
85
- <div class="flex justify-center bg-white py-2">
86
- <span>F</span>
87
- <span class="sr-only sm:not-sr-only">ri</span>
88
- </div>
89
- <div class="flex justify-center bg-white py-2">
90
- <span>S</span>
91
- <span class="sr-only sm:not-sr-only">at</span>
92
- </div>
93
- <div class="flex justify-center bg-white py-2">
94
- <span>S</span>
95
- <span class="sr-only sm:not-sr-only">un</span>
96
- </div>
97
- </div>
98
- <div class="flex bg-gray-200 text-xs leading-6 text-gray-700 lg:flex-auto">
99
- <div class="hidden w-full lg:grid lg:grid-cols-7 lg:grid-rows-6 lg:gap-px">
100
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
101
- <time datetime="2021-12-27">27</time>
102
- </div>
103
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
104
- <time datetime="2021-12-28">28</time>
105
- </div>
106
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
107
- <time datetime="2021-12-29">29</time>
108
- </div>
109
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
110
- <time datetime="2021-12-30">30</time>
111
- </div>
112
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
113
- <time datetime="2021-12-31">31</time>
114
- </div>
115
- <div class="relative bg-white py-2 px-3">
116
- <time datetime="2022-01-01">1</time>
117
- </div>
118
- <div class="relative bg-white py-2 px-3">
119
- <time datetime="2022-01-01">2</time>
120
- </div>
121
- <div class="relative bg-white py-2 px-3">
122
- <time datetime="2022-01-03">3</time>
123
- <ol class="mt-2">
124
- <li>
125
- <a href="#" class="group flex">
126
- <p class="flex-auto truncate font-medium text-gray-900 group-hover:text-indigo-600">Design review</p>
127
- <time datetime="2022-01-03T10:00" class="ml-3 hidden flex-none text-gray-500 group-hover:text-indigo-600 xl:block">10AM</time>
128
- </a>
129
- </li>
130
- <li>
131
- <a href="#" class="group flex">
132
- <p class="flex-auto truncate font-medium text-gray-900 group-hover:text-indigo-600">Sales meeting</p>
133
- <time datetime="2022-01-03T14:00" class="ml-3 hidden flex-none text-gray-500 group-hover:text-indigo-600 xl:block">2PM</time>
134
- </a>
135
- </li>
136
- </ol>
137
- </div>
138
- <div class="relative bg-white py-2 px-3">
139
- <time datetime="2022-01-04">4</time>
140
- </div>
141
- <div class="relative bg-white py-2 px-3">
142
- <time datetime="2022-01-05">5</time>
143
- </div>
144
- <div class="relative bg-white py-2 px-3">
145
- <time datetime="2022-01-06">6</time>
146
- </div>
147
- <div class="relative bg-white py-2 px-3">
148
- <time datetime="2022-01-07">7</time>
149
- <ol class="mt-2">
150
- <li>
151
- <a href="#" class="group flex">
152
- <p class="flex-auto truncate font-medium text-gray-900 group-hover:text-indigo-600">Date night</p>
153
- <time datetime="2022-01-08T18:00" class="ml-3 hidden flex-none text-gray-500 group-hover:text-indigo-600 xl:block">6PM</time>
154
- </a>
155
- </li>
156
- </ol>
157
- </div>
158
- <div class="relative bg-white py-2 px-3">
159
- <time datetime="2022-01-08">8</time>
160
- </div>
161
- <div class="relative bg-white py-2 px-3">
162
- <time datetime="2022-01-09">9</time>
163
- </div>
164
- <div class="relative bg-white py-2 px-3">
165
- <time datetime="2022-01-10">10</time>
166
- </div>
167
- <div class="relative bg-white py-2 px-3">
168
- <time datetime="2022-01-11">11</time>
169
- </div>
170
- <div class="relative bg-white py-2 px-3">
171
- <time datetime="2022-01-12" class="flex h-6 w-6 items-center justify-center rounded-full bg-indigo-600 font-semibold text-white">12</time>
172
- <ol class="mt-2">
173
- <li>
174
- <a href="#" class="group flex">
175
- <p class="flex-auto truncate font-medium text-gray-900 group-hover:text-indigo-600">Sam's birthday party</p>
176
- <time datetime="2022-01-25T14:00" class="ml-3 hidden flex-none text-gray-500 group-hover:text-indigo-600 xl:block">2PM</time>
177
- </a>
178
- </li>
179
- </ol>
180
- </div>
181
- <div class="relative bg-white py-2 px-3">
182
- <time datetime="2022-01-13">13</time>
183
- </div>
184
- <div class="relative bg-white py-2 px-3">
185
- <time datetime="2022-01-14">14</time>
186
- </div>
187
- <div class="relative bg-white py-2 px-3">
188
- <time datetime="2022-01-15">15</time>
189
- </div>
190
- <div class="relative bg-white py-2 px-3">
191
- <time datetime="2022-01-16">16</time>
192
- </div>
193
- <div class="relative bg-white py-2 px-3">
194
- <time datetime="2022-01-17">17</time>
195
- </div>
196
- <div class="relative bg-white py-2 px-3">
197
- <time datetime="2022-01-18">18</time>
198
- </div>
199
- <div class="relative bg-white py-2 px-3">
200
- <time datetime="2022-01-19">19</time>
201
- </div>
202
- <div class="relative bg-white py-2 px-3">
203
- <time datetime="2022-01-20">20</time>
204
- </div>
205
- <div class="relative bg-white py-2 px-3">
206
- <time datetime="2022-01-21">21</time>
207
- </div>
208
- <div class="relative bg-white py-2 px-3">
209
- <time datetime="2022-01-22">22</time>
210
- <ol class="mt-2">
211
- <li>
212
- <a href="#" class="group flex">
213
- <p class="flex-auto truncate font-medium text-gray-900 group-hover:text-indigo-600">Maple syrup museum</p>
214
- <time datetime="2022-01-22T15:00" class="ml-3 hidden flex-none text-gray-500 group-hover:text-indigo-600 xl:block">3PM</time>
215
- </a>
216
- </li>
217
- <li>
218
- <a href="#" class="group flex">
219
- <p class="flex-auto truncate font-medium text-gray-900 group-hover:text-indigo-600">Hockey game</p>
220
- <time datetime="2022-01-22T19:00" class="ml-3 hidden flex-none text-gray-500 group-hover:text-indigo-600 xl:block">7PM</time>
221
- </a>
222
- </li>
223
- </ol>
224
- </div>
225
- <div class="relative bg-white py-2 px-3">
226
- <time datetime="2022-01-23">23</time>
227
- </div>
228
- <div class="relative bg-white py-2 px-3">
229
- <time datetime="2022-01-24">24</time>
230
- </div>
231
- <div class="relative bg-white py-2 px-3">
232
- <time datetime="2022-01-25">25</time>
233
- </div>
234
- <div class="relative bg-white py-2 px-3">
235
- <time datetime="2022-01-26">26</time>
236
- </div>
237
- <div class="relative bg-white py-2 px-3">
238
- <time datetime="2022-01-27">27</time>
239
- </div>
240
- <div class="relative bg-white py-2 px-3">
241
- <time datetime="2022-01-28">28</time>
242
- </div>
243
- <div class="relative bg-white py-2 px-3">
244
- <time datetime="2022-01-29">29</time>
245
- </div>
246
- <div class="relative bg-white py-2 px-3">
247
- <time datetime="2022-01-30">30</time>
248
- </div>
249
- <div class="relative bg-white py-2 px-3">
250
- <time datetime="2022-01-31">31</time>
251
- </div>
252
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
253
- <time datetime="2022-02-01">1</time>
254
- </div>
255
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
256
- <time datetime="2022-02-02">2</time>
257
- </div>
258
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
259
- <time datetime="2022-02-03">3</time>
260
- </div>
261
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
262
- <time datetime="2022-02-04">4</time>
263
- <ol class="mt-2">
264
- <li>
265
- <a href="#" class="group flex">
266
- <p class="flex-auto truncate font-medium text-gray-900 group-hover:text-indigo-600">Cinema with friends</p>
267
- <time datetime="2022-02-04T21:00" class="ml-3 hidden flex-none text-gray-500 group-hover:text-indigo-600 xl:block">9PM</time>
268
- </a>
269
- </li>
270
- </ol>
271
- </div>
272
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
273
- <time datetime="2022-02-05">5</time>
274
- </div>
275
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
276
- <time datetime="2022-02-06">6</time>
277
- </div>
278
- </div>
279
- <div class="isolate grid w-full grid-cols-7 grid-rows-6 gap-px lg:hidden">
280
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
281
- <time datetime="2021-12-27" class="ml-auto">27</time>
282
- <span class="sr-only">0 events</span>
283
- </button>
284
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
285
- <time datetime="2021-12-28" class="ml-auto">28</time>
286
- <span class="sr-only">0 events</span>
287
- </button>
288
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
289
- <time datetime="2021-12-29" class="ml-auto">29</time>
290
- <span class="sr-only">0 events</span>
291
- </button>
292
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
293
- <time datetime="2021-12-30" class="ml-auto">30</time>
294
- <span class="sr-only">0 events</span>
295
- </button>
296
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
297
- <time datetime="2021-12-31" class="ml-auto">31</time>
298
- <span class="sr-only">0 events</span>
299
- </button>
300
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
301
- <time datetime="2022-01-01" class="ml-auto">1</time>
302
- <span class="sr-only">0 events</span>
303
- </button>
304
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
305
- <time datetime="2022-01-02" class="ml-auto">2</time>
306
- <span class="sr-only">0 events</span>
307
- </button>
308
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
309
- <time datetime="2022-01-03" class="ml-auto">3</time>
310
- <span class="sr-only">2 events</span>
311
- <span class="-mx-0.5 mt-auto flex flex-wrap-reverse">
312
- <span class="mx-0.5 mb-1 h-1.5 w-1.5 rounded-full bg-gray-400"></span>
313
- <span class="mx-0.5 mb-1 h-1.5 w-1.5 rounded-full bg-gray-400"></span>
314
- </span>
315
- </button>
316
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
317
- <time datetime="2022-01-04" class="ml-auto">4</time>
318
- <span class="sr-only">0 events</span>
319
- </button>
320
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
321
- <time datetime="2022-01-05" class="ml-auto">5</time>
322
- <span class="sr-only">0 events</span>
323
- </button>
324
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
325
- <time datetime="2022-01-06" class="ml-auto">6</time>
326
- <span class="sr-only">0 events</span>
327
- </button>
328
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
329
- <time datetime="2022-01-07" class="ml-auto">7</time>
330
- <span class="sr-only">1 event</span>
331
- <span class="-mx-0.5 mt-auto flex flex-wrap-reverse">
332
- <span class="mx-0.5 mb-1 h-1.5 w-1.5 rounded-full bg-gray-400"></span>
333
- </span>
334
- </button>
335
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
336
- <time datetime="2022-01-08" class="ml-auto">8</time>
337
- <span class="sr-only">0 events</span>
338
- </button>
339
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
340
- <time datetime="2022-01-09" class="ml-auto">9</time>
341
- <span class="sr-only">0 events</span>
342
- </button>
343
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
344
- <time datetime="2022-01-10" class="ml-auto">10</time>
345
- <span class="sr-only">0 events</span>
346
- </button>
347
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
348
- <time datetime="2022-01-11" class="ml-auto">11</time>
349
- <span class="sr-only">0 events</span>
350
- </button>
351
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 font-semibold text-indigo-600 hover:bg-gray-100 focus:z-10">
352
- <time datetime="2022-01-12" class="ml-auto">12</time>
353
- <span class="sr-only">1 event</span>
354
- <span class="-mx-0.5 mt-auto flex flex-wrap-reverse">
355
- <span class="mx-0.5 mb-1 h-1.5 w-1.5 rounded-full bg-gray-400"></span>
356
- </span>
357
- </button>
358
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
359
- <time datetime="2022-01-13" class="ml-auto">13</time>
360
- <span class="sr-only">0 events</span>
361
- </button>
362
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
363
- <time datetime="2022-01-14" class="ml-auto">14</time>
364
- <span class="sr-only">0 events</span>
365
- </button>
366
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
367
- <time datetime="2022-01-15" class="ml-auto">15</time>
368
- <span class="sr-only">0 events</span>
369
- </button>
370
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
371
- <time datetime="2022-01-16" class="ml-auto">16</time>
372
- <span class="sr-only">0 events</span>
373
- </button>
374
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
375
- <time datetime="2022-01-17" class="ml-auto">17</time>
376
- <span class="sr-only">0 events</span>
377
- </button>
378
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
379
- <time datetime="2022-01-18" class="ml-auto">18</time>
380
- <span class="sr-only">0 events</span>
381
- </button>
382
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
383
- <time datetime="2022-01-19" class="ml-auto">19</time>
384
- <span class="sr-only">0 events</span>
385
- </button>
386
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
387
- <time datetime="2022-01-20" class="ml-auto">20</time>
388
- <span class="sr-only">0 events</span>
389
- </button>
390
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
391
- <time datetime="2022-01-21" class="ml-auto">21</time>
392
- <span class="sr-only">0 events</span>
393
- </button>
394
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 font-semibold text-white hover:bg-gray-100 focus:z-10">
395
- <time datetime="2022-01-22" class="ml-auto flex h-6 w-6 items-center justify-center rounded-full bg-gray-900">22</time>
396
- <span class="sr-only">2 events</span>
397
- <span class="-mx-0.5 mt-auto flex flex-wrap-reverse">
398
- <span class="mx-0.5 mb-1 h-1.5 w-1.5 rounded-full bg-gray-400"></span>
399
- <span class="mx-0.5 mb-1 h-1.5 w-1.5 rounded-full bg-gray-400"></span>
400
- </span>
401
- </button>
402
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
403
- <time datetime="2022-01-23" class="ml-auto">23</time>
404
- <span class="sr-only">0 events</span>
405
- </button>
406
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
407
- <time datetime="2022-01-24" class="ml-auto">24</time>
408
- <span class="sr-only">0 events</span>
409
- </button>
410
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
411
- <time datetime="2022-01-25" class="ml-auto">25</time>
412
- <span class="sr-only">0 events</span>
413
- </button>
414
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
415
- <time datetime="2022-01-26" class="ml-auto">26</time>
416
- <span class="sr-only">0 events</span>
417
- </button>
418
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
419
- <time datetime="2022-01-27" class="ml-auto">27</time>
420
- <span class="sr-only">0 events</span>
421
- </button>
422
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
423
- <time datetime="2022-01-28" class="ml-auto">28</time>
424
- <span class="sr-only">0 events</span>
425
- </button>
426
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
427
- <time datetime="2022-01-29" class="ml-auto">29</time>
428
- <span class="sr-only">0 events</span>
429
- </button>
430
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
431
- <time datetime="2022-01-30" class="ml-auto">30</time>
432
- <span class="sr-only">0 events</span>
433
- </button>
434
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
435
- <time datetime="2022-01-31" class="ml-auto">31</time>
436
- <span class="sr-only">0 events</span>
437
- </button>
438
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
439
- <time datetime="2022-02-01" class="ml-auto">1</time>
440
- <span class="sr-only">0 events</span>
441
- </button>
442
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
443
- <time datetime="2022-02-02" class="ml-auto">2</time>
444
- <span class="sr-only">0 events</span>
445
- </button>
446
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
447
- <time datetime="2022-02-03" class="ml-auto">3</time>
448
- <span class="sr-only">0 events</span>
449
- </button>
450
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
451
- <time datetime="2022-02-04" class="ml-auto">4</time>
452
- <span class="sr-only">1 event</span>
453
- <span class="-mx-0.5 mt-auto flex flex-wrap-reverse">
454
- <span class="mx-0.5 mb-1 h-1.5 w-1.5 rounded-full bg-gray-400"></span>
455
- </span>
456
- </button>
457
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
458
- <time datetime="2022-02-05" class="ml-auto">5</time>
459
- <span class="sr-only">0 events</span>
460
- </button>
461
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
462
- <time datetime="2022-02-06" class="ml-auto">6</time>
463
- <span class="sr-only">0 events</span>
464
- </button>
465
- </div>
466
- </div>
467
- </div>
468
- <div class="py-10 px-4 sm:px-6 lg:hidden">
469
- <ol class="divide-y divide-gray-100 overflow-hidden rounded-lg bg-white text-sm shadow ring-1 ring-black ring-opacity-5">
470
- <li class="group flex p-4 pr-6 focus-within:bg-gray-50 hover:bg-gray-50">
471
- <div class="flex-auto">
472
- <p class="font-semibold text-gray-900">Maple syrup museum</p>
473
- <time datetime="2022-01-15T09:00" class="mt-2 flex items-center text-gray-700">
474
- <svg class="mr-2 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
475
- <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd" />
476
- </svg>
477
- 3PM
478
- </time>
479
- </div>
480
- <a href="#" class="ml-6 flex-none self-center rounded-md border border-gray-300 bg-white py-2 px-3 font-semibold text-gray-700 opacity-0 shadow-sm hover:bg-gray-50 focus:opacity-100 group-hover:opacity-100">Edit<span class="sr-only">, Maple syrup museum</span></a>
481
- </li>
482
- <li class="group flex p-4 pr-6 focus-within:bg-gray-50 hover:bg-gray-50">
483
- <div class="flex-auto">
484
- <p class="font-semibold text-gray-900">Hockey game</p>
485
- <time datetime="2022-01-22T19:00" class="mt-2 flex items-center text-gray-700">
486
- <svg class="mr-2 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
487
- <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd" />
488
- </svg>
489
- 7PM
490
- </time>
491
- </div>
492
- <a href="#" class="ml-6 flex-none self-center rounded-md border border-gray-300 bg-white py-2 px-3 font-semibold text-gray-700 opacity-0 shadow-sm hover:bg-gray-50 focus:opacity-100 group-hover:opacity-100">Edit<span class="sr-only">, Hockey game</span></a>
493
- </li>
494
- </ol>
495
- </div>
496
- </div>