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/03.clean.html DELETED
@@ -1,240 +0,0 @@
1
- <div class="flex h-full flex-col">
2
- <header class="flex flex-none items-center justify-between border-b border-gray-200 py-4 px-6">
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
- Week 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="isolate flex flex-auto flex-col overflow-auto bg-white">
68
- <div style="width: 165%" class="flex max-w-full flex-none flex-col sm:max-w-none md:max-w-full">
69
- <div class="sticky top-0 z-30 flex-none bg-white shadow ring-1 ring-black ring-opacity-5 sm:pr-8">
70
- <div class="grid grid-cols-7 text-sm leading-6 text-gray-500 sm:hidden">
71
- <button type="button" class="flex flex-col items-center pt-2 pb-3">M <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">10</span></button>
72
- <button type="button" class="flex flex-col items-center pt-2 pb-3">T <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">11</span></button>
73
- <button type="button" class="flex flex-col items-center pt-2 pb-3">W <span class="mt-1 flex h-8 w-8 items-center justify-center rounded-full bg-indigo-600 font-semibold text-white">12</span></button>
74
- <button type="button" class="flex flex-col items-center pt-2 pb-3">T <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">13</span></button>
75
- <button type="button" class="flex flex-col items-center pt-2 pb-3">F <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">14</span></button>
76
- <button type="button" class="flex flex-col items-center pt-2 pb-3">S <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">15</span></button>
77
- <button type="button" class="flex flex-col items-center pt-2 pb-3">S <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">16</span></button>
78
- </div>
79
- <div class="-mr-px hidden grid-cols-7 divide-x divide-gray-100 border-r border-gray-100 text-sm leading-6 text-gray-500 sm:grid">
80
- <div class="col-end-1 w-14"></div>
81
- <div class="flex items-center justify-center py-3">
82
- <span>Mon <span class="items-center justify-center font-semibold text-gray-900">10</span></span>
83
- </div>
84
- <div class="flex items-center justify-center py-3">
85
- <span>Tue <span class="items-center justify-center font-semibold text-gray-900">11</span></span>
86
- </div>
87
- <div class="flex items-center justify-center py-3">
88
- <span class="flex items-baseline">Wed <span class="ml-1.5 flex h-8 w-8 items-center justify-center rounded-full bg-indigo-600 font-semibold text-white">12</span></span>
89
- </div>
90
- <div class="flex items-center justify-center py-3">
91
- <span>Thu <span class="items-center justify-center font-semibold text-gray-900">13</span></span>
92
- </div>
93
- <div class="flex items-center justify-center py-3">
94
- <span>Fri <span class="items-center justify-center font-semibold text-gray-900">14</span></span>
95
- </div>
96
- <div class="flex items-center justify-center py-3">
97
- <span>Sat <span class="items-center justify-center font-semibold text-gray-900">15</span></span>
98
- </div>
99
- <div class="flex items-center justify-center py-3">
100
- <span>Sun <span class="items-center justify-center font-semibold text-gray-900">16</span></span>
101
- </div>
102
- </div>
103
- </div>
104
- <div class="flex flex-auto">
105
- <div class="sticky left-0 z-10 w-14 flex-none bg-white ring-1 ring-gray-100"></div>
106
- <div class="grid flex-auto grid-cols-1 grid-rows-1">
107
- <div class="col-start-1 col-end-2 row-start-1 grid divide-y divide-gray-100" style="grid-template-rows: repeat(48, minmax(3.5rem, 1fr))">
108
- <div class="row-end-1 h-7"></div>
109
- <div>
110
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">12AM</div>
111
- </div>
112
- <div></div>
113
- <div>
114
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">1AM</div>
115
- </div>
116
- <div></div>
117
- <div>
118
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">2AM</div>
119
- </div>
120
- <div></div>
121
- <div>
122
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">3AM</div>
123
- </div>
124
- <div></div>
125
- <div>
126
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">4AM</div>
127
- </div>
128
- <div></div>
129
- <div>
130
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">5AM</div>
131
- </div>
132
- <div></div>
133
- <div>
134
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">6AM</div>
135
- </div>
136
- <div></div>
137
- <div>
138
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">7AM</div>
139
- </div>
140
- <div></div>
141
- <div>
142
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">8AM</div>
143
- </div>
144
- <div></div>
145
- <div>
146
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">9AM</div>
147
- </div>
148
- <div></div>
149
- <div>
150
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">10AM</div>
151
- </div>
152
- <div></div>
153
- <div>
154
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">11AM</div>
155
- </div>
156
- <div></div>
157
- <div>
158
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">12PM</div>
159
- </div>
160
- <div></div>
161
- <div>
162
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">1PM</div>
163
- </div>
164
- <div></div>
165
- <div>
166
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">2PM</div>
167
- </div>
168
- <div></div>
169
- <div>
170
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">3PM</div>
171
- </div>
172
- <div></div>
173
- <div>
174
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">4PM</div>
175
- </div>
176
- <div></div>
177
- <div>
178
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">5PM</div>
179
- </div>
180
- <div></div>
181
- <div>
182
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">6PM</div>
183
- </div>
184
- <div></div>
185
- <div>
186
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">7PM</div>
187
- </div>
188
- <div></div>
189
- <div>
190
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">8PM</div>
191
- </div>
192
- <div></div>
193
- <div>
194
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">9PM</div>
195
- </div>
196
- <div></div>
197
- <div>
198
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">10PM</div>
199
- </div>
200
- <div></div>
201
- <div>
202
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">11PM</div>
203
- </div>
204
- <div></div>
205
- </div>
206
- <div class="col-start-1 col-end-2 row-start-1 hidden grid-cols-7 grid-rows-1 divide-x divide-gray-100 sm:grid sm:grid-cols-7">
207
- <div class="col-start-1 row-span-full"></div>
208
- <div class="col-start-2 row-span-full"></div>
209
- <div class="col-start-3 row-span-full"></div>
210
- <div class="col-start-4 row-span-full"></div>
211
- <div class="col-start-5 row-span-full"></div>
212
- <div class="col-start-6 row-span-full"></div>
213
- <div class="col-start-7 row-span-full"></div>
214
- <div class="col-start-8 row-span-full w-8"></div>
215
- </div>
216
- <ol class="col-start-1 col-end-2 row-start-1 grid grid-cols-1 sm:grid-cols-7 sm:pr-8" style="grid-template-rows: 1.75rem repeat(288, minmax(0, 1fr)) auto">
217
- <li class="relative mt-px flex sm:col-start-3" style="grid-row: 74 / span 12">
218
- <a href="#" class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-blue-50 p-2 text-xs leading-5 hover:bg-blue-100">
219
- <p class="order-1 font-semibold text-blue-700">Breakfast</p>
220
- <p class="text-blue-500 group-hover:text-blue-700"><time datetime="2022-01-12T06:00">6:00 AM</time></p>
221
- </a>
222
- </li>
223
- <li class="relative mt-px flex sm:col-start-3" style="grid-row: 92 / span 30">
224
- <a href="#" class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-pink-50 p-2 text-xs leading-5 hover:bg-pink-100">
225
- <p class="order-1 font-semibold text-pink-700">Flight to Paris</p>
226
- <p class="text-pink-500 group-hover:text-pink-700"><time datetime="2022-01-12T07:30">7:30 AM</time></p>
227
- </a>
228
- </li>
229
- <li class="relative mt-px hidden sm:col-start-6 sm:flex" style="grid-row: 122 / span 24">
230
- <a href="#" class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-gray-100 p-2 text-xs leading-5 hover:bg-gray-200">
231
- <p class="order-1 font-semibold text-gray-700">Meeting with design team at Disney</p>
232
- <p class="text-gray-500 group-hover:text-gray-700"><time datetime="2022-01-15T10:00">10:00 AM</time></p>
233
- </a>
234
- </li>
235
- </ol>
236
- </div>
237
- </div>
238
- </div>
239
- </div>
240
- </div>
data/.components/tui/application-ui/component/data-display/calendar/03.html DELETED
@@ -1,274 +0,0 @@
1
- <div class="flex h-full flex-col">
2
- <header class="flex flex-none items-center justify-between border-b border-gray-200 py-4 px-6">
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
- <!-- Heroicon name: mini/chevron-left -->
11
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
12
- <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" />
13
- </svg>
14
- </button>
15
- <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>
16
- <span class="relative -mx-px h-5 w-px bg-gray-300 md:hidden"></span>
17
- <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">
18
- <span class="sr-only">Next month</span>
19
- <!-- Heroicon name: mini/chevron-right -->
20
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
21
- <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" />
22
- </svg>
23
- </button>
24
- </div>
25
- <div class="hidden md:ml-4 md:flex md:items-center">
26
- <div class="relative">
27
- <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">
28
- Week view
29
- <!-- Heroicon name: mini/chevron-down -->
30
- <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">
31
- <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" />
32
- </svg>
33
- </button>
34
-
35
- <!--
36
- Dropdown menu, show/hide based on menu state.
37
-
38
- Entering: "transition ease-out duration-100"
39
- From: "transform opacity-0 scale-95"
40
- To: "transform opacity-100 scale-100"
41
- Leaving: "transition ease-in duration-75"
42
- From: "transform opacity-100 scale-100"
43
- To: "transform opacity-0 scale-95"
44
- -->
45
- <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">
46
- <div class="py-1" role="none">
47
- <!-- Active: "bg-gray-100 text-gray-900", Not Active: "text-gray-700" -->
48
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-0">Day view</a>
49
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-1">Week view</a>
50
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-2">Month view</a>
51
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-3">Year view</a>
52
- </div>
53
- </div>
54
- </div>
55
- <div class="ml-6 h-6 w-px bg-gray-300"></div>
56
- <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>
57
- </div>
58
- <div class="relative ml-6 md:hidden">
59
- <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">
60
- <span class="sr-only">Open menu</span>
61
- <!-- Heroicon name: mini/ellipsis-horizontal -->
62
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
63
- <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" />
64
- </svg>
65
- </button>
66
-
67
- <!--
68
- Dropdown menu, show/hide based on menu state.
69
-
70
- Entering: "transition ease-out duration-100"
71
- From: "transform opacity-0 scale-95"
72
- To: "transform opacity-100 scale-100"
73
- Leaving: "transition ease-in duration-75"
74
- From: "transform opacity-100 scale-100"
75
- To: "transform opacity-0 scale-95"
76
- -->
77
- <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">
78
- <div class="py-1" role="none">
79
- <!-- Active: "bg-gray-100 text-gray-900", Not Active: "text-gray-700" -->
80
- <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>
81
- </div>
82
- <div class="py-1" role="none">
83
- <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>
84
- </div>
85
- <div class="py-1" role="none">
86
- <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>
87
- <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>
88
- <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>
89
- <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>
90
- </div>
91
- </div>
92
- </div>
93
- </div>
94
- </header>
95
- <div class="isolate flex flex-auto flex-col overflow-auto bg-white">
96
- <div style="width: 165%" class="flex max-w-full flex-none flex-col sm:max-w-none md:max-w-full">
97
- <div class="sticky top-0 z-30 flex-none bg-white shadow ring-1 ring-black ring-opacity-5 sm:pr-8">
98
- <div class="grid grid-cols-7 text-sm leading-6 text-gray-500 sm:hidden">
99
- <button type="button" class="flex flex-col items-center pt-2 pb-3">M <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">10</span></button>
100
- <button type="button" class="flex flex-col items-center pt-2 pb-3">T <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">11</span></button>
101
- <button type="button" class="flex flex-col items-center pt-2 pb-3">W <span class="mt-1 flex h-8 w-8 items-center justify-center rounded-full bg-indigo-600 font-semibold text-white">12</span></button>
102
- <button type="button" class="flex flex-col items-center pt-2 pb-3">T <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">13</span></button>
103
- <button type="button" class="flex flex-col items-center pt-2 pb-3">F <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">14</span></button>
104
- <button type="button" class="flex flex-col items-center pt-2 pb-3">S <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">15</span></button>
105
- <button type="button" class="flex flex-col items-center pt-2 pb-3">S <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">16</span></button>
106
- </div>
107
-
108
- <div class="-mr-px hidden grid-cols-7 divide-x divide-gray-100 border-r border-gray-100 text-sm leading-6 text-gray-500 sm:grid">
109
- <div class="col-end-1 w-14"></div>
110
- <div class="flex items-center justify-center py-3">
111
- <span>Mon <span class="items-center justify-center font-semibold text-gray-900">10</span></span>
112
- </div>
113
- <div class="flex items-center justify-center py-3">
114
- <span>Tue <span class="items-center justify-center font-semibold text-gray-900">11</span></span>
115
- </div>
116
- <div class="flex items-center justify-center py-3">
117
- <span class="flex items-baseline">Wed <span class="ml-1.5 flex h-8 w-8 items-center justify-center rounded-full bg-indigo-600 font-semibold text-white">12</span></span>
118
- </div>
119
- <div class="flex items-center justify-center py-3">
120
- <span>Thu <span class="items-center justify-center font-semibold text-gray-900">13</span></span>
121
- </div>
122
- <div class="flex items-center justify-center py-3">
123
- <span>Fri <span class="items-center justify-center font-semibold text-gray-900">14</span></span>
124
- </div>
125
- <div class="flex items-center justify-center py-3">
126
- <span>Sat <span class="items-center justify-center font-semibold text-gray-900">15</span></span>
127
- </div>
128
- <div class="flex items-center justify-center py-3">
129
- <span>Sun <span class="items-center justify-center font-semibold text-gray-900">16</span></span>
130
- </div>
131
- </div>
132
- </div>
133
- <div class="flex flex-auto">
134
- <div class="sticky left-0 z-10 w-14 flex-none bg-white ring-1 ring-gray-100"></div>
135
- <div class="grid flex-auto grid-cols-1 grid-rows-1">
136
- <!-- Horizontal lines -->
137
- <div class="col-start-1 col-end-2 row-start-1 grid divide-y divide-gray-100" style="grid-template-rows: repeat(48, minmax(3.5rem, 1fr))">
138
- <div class="row-end-1 h-7"></div>
139
- <div>
140
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">12AM</div>
141
- </div>
142
- <div></div>
143
- <div>
144
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">1AM</div>
145
- </div>
146
- <div></div>
147
- <div>
148
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">2AM</div>
149
- </div>
150
- <div></div>
151
- <div>
152
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">3AM</div>
153
- </div>
154
- <div></div>
155
- <div>
156
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">4AM</div>
157
- </div>
158
- <div></div>
159
- <div>
160
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">5AM</div>
161
- </div>
162
- <div></div>
163
- <div>
164
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">6AM</div>
165
- </div>
166
- <div></div>
167
- <div>
168
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">7AM</div>
169
- </div>
170
- <div></div>
171
- <div>
172
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">8AM</div>
173
- </div>
174
- <div></div>
175
- <div>
176
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">9AM</div>
177
- </div>
178
- <div></div>
179
- <div>
180
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">10AM</div>
181
- </div>
182
- <div></div>
183
- <div>
184
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">11AM</div>
185
- </div>
186
- <div></div>
187
- <div>
188
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">12PM</div>
189
- </div>
190
- <div></div>
191
- <div>
192
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">1PM</div>
193
- </div>
194
- <div></div>
195
- <div>
196
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">2PM</div>
197
- </div>
198
- <div></div>
199
- <div>
200
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">3PM</div>
201
- </div>
202
- <div></div>
203
- <div>
204
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">4PM</div>
205
- </div>
206
- <div></div>
207
- <div>
208
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">5PM</div>
209
- </div>
210
- <div></div>
211
- <div>
212
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">6PM</div>
213
- </div>
214
- <div></div>
215
- <div>
216
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">7PM</div>
217
- </div>
218
- <div></div>
219
- <div>
220
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">8PM</div>
221
- </div>
222
- <div></div>
223
- <div>
224
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">9PM</div>
225
- </div>
226
- <div></div>
227
- <div>
228
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">10PM</div>
229
- </div>
230
- <div></div>
231
- <div>
232
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">11PM</div>
233
- </div>
234
- <div></div>
235
- </div>
236
-
237
- <!-- Vertical lines -->
238
- <div class="col-start-1 col-end-2 row-start-1 hidden grid-cols-7 grid-rows-1 divide-x divide-gray-100 sm:grid sm:grid-cols-7">
239
- <div class="col-start-1 row-span-full"></div>
240
- <div class="col-start-2 row-span-full"></div>
241
- <div class="col-start-3 row-span-full"></div>
242
- <div class="col-start-4 row-span-full"></div>
243
- <div class="col-start-5 row-span-full"></div>
244
- <div class="col-start-6 row-span-full"></div>
245
- <div class="col-start-7 row-span-full"></div>
246
- <div class="col-start-8 row-span-full w-8"></div>
247
- </div>
248
-
249
- <!-- Events -->
250
- <ol class="col-start-1 col-end-2 row-start-1 grid grid-cols-1 sm:grid-cols-7 sm:pr-8" style="grid-template-rows: 1.75rem repeat(288, minmax(0, 1fr)) auto">
251
- <li class="relative mt-px flex sm:col-start-3" style="grid-row: 74 / span 12">
252
- <a href="#" class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-blue-50 p-2 text-xs leading-5 hover:bg-blue-100">
253
- <p class="order-1 font-semibold text-blue-700">Breakfast</p>
254
- <p class="text-blue-500 group-hover:text-blue-700"><time datetime="2022-01-12T06:00">6:00 AM</time></p>
255
- </a>
256
- </li>
257
- <li class="relative mt-px flex sm:col-start-3" style="grid-row: 92 / span 30">
258
- <a href="#" class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-pink-50 p-2 text-xs leading-5 hover:bg-pink-100">
259
- <p class="order-1 font-semibold text-pink-700">Flight to Paris</p>
260
- <p class="text-pink-500 group-hover:text-pink-700"><time datetime="2022-01-12T07:30">7:30 AM</time></p>
261
- </a>
262
- </li>
263
- <li class="relative mt-px hidden sm:col-start-6 sm:flex" style="grid-row: 122 / span 24">
264
- <a href="#" class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-gray-100 p-2 text-xs leading-5 hover:bg-gray-200">
265
- <p class="order-1 font-semibold text-gray-700">Meeting with design team at Disney</p>
266
- <p class="text-gray-500 group-hover:text-gray-700"><time datetime="2022-01-15T10:00">10:00 AM</time></p>
267
- </a>
268
- </li>
269
- </ol>
270
- </div>
271
- </div>
272
- </div>
273
- </div>
274
- </div>
data/.components/tui/application-ui/component/data-display/calendar/03.settings.json DELETED
@@ -1,9 +0,0 @@
1
- {
2
- "source": "https://tailwindui.com/components/application-ui/component/data-display/calendar",
3
- "custom_html": {
4
- "html": null,
5
- "body": null
6
- },
7
- "tailwind_config": {
8
- }
9
- }