shadcn-ui 0.0.1 → 0.0.2

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 (69) hide show
  1. checksums.yaml +4 -4
  2. data/.prettierrc.json +6 -0
  3. data/README.md +260 -0
  4. data/app/assets/stylesheets/application.tailwind.css +101 -0
  5. data/app/controllers/components_controller.rb +1 -1
  6. data/app/controllers/documentation_controller.rb +9 -0
  7. data/app/helpers/application_helper.rb +19 -0
  8. data/app/helpers/components/card_helper.rb +1 -1
  9. data/app/helpers/components/filter_helper.rb +12 -0
  10. data/app/helpers/components/input_helper.rb +21 -0
  11. data/app/helpers/components/label_helper.rb +5 -0
  12. data/app/helpers/components/list_helper.rb +15 -0
  13. data/app/helpers/components/progress_helper.rb +5 -0
  14. data/app/helpers/components/sheet_helper.rb +20 -0
  15. data/app/helpers/components/skeleton_helper.rb +5 -0
  16. data/app/helpers/components/slider_helper.rb +5 -0
  17. data/app/helpers/documentation_helper.rb +2 -0
  18. data/app/javascript/controllers/theme_controller.js +25 -0
  19. data/app/javascript/controllers/ui/dialog_controller.js +3 -1
  20. data/app/javascript/controllers/ui/dropdown_controller.js +2 -22
  21. data/app/javascript/controllers/ui/filter_controller.js +20 -0
  22. data/app/javascript/controllers/ui/popover_controller.js +29 -1
  23. data/app/javascript/controllers/ui/sheet_controller.js +33 -0
  24. data/app/javascript/controllers/ui/slider_controller.js +14 -0
  25. data/app/javascript/controllers/ui/tooltip_controller.js +1 -1
  26. data/app/views/application/index.html.erb +122 -0
  27. data/app/views/components/ui/_alert_dialog.html.erb +1 -1
  28. data/app/views/components/ui/_card.html.erb +2 -2
  29. data/app/views/components/ui/_checkbox.html.erb +1 -6
  30. data/app/views/components/ui/_command.html.erb +0 -0
  31. data/app/views/components/ui/_dialog.html.erb +1 -1
  32. data/app/views/components/ui/_filter.html.erb +14 -0
  33. data/app/views/components/ui/_input.html.erb +8 -0
  34. data/app/views/components/ui/_label.html.erb +3 -0
  35. data/app/views/components/ui/_list.html.erb +5 -0
  36. data/app/views/components/ui/_progress.html.erb +15 -0
  37. data/app/views/components/ui/_sheet.html.erb +44 -0
  38. data/app/views/components/ui/_skeleton.html.erb +1 -0
  39. data/app/views/components/ui/_slider.html.erb +2 -0
  40. data/app/views/components/ui/_textarea.html.erb +1 -1
  41. data/app/views/components/ui/shared/{_dialog_background.html.erb → _backdrop.html.erb} +1 -0
  42. data/app/views/components/ui/svg/_check.html.erb +11 -0
  43. data/app/views/documentation/about.html.md +20 -0
  44. data/app/views/documentation/index.html.erb.bak +70 -0
  45. data/app/views/documentation/index.html.md +15 -0
  46. data/app/views/documentation/installation.html.md +249 -0
  47. data/app/views/examples/components/filter.html.erb +25 -0
  48. data/app/views/examples/components/input.html.erb +18 -0
  49. data/app/views/examples/components/label.html.erb +13 -0
  50. data/app/views/examples/components/progress.html.erb +12 -0
  51. data/app/views/examples/components/sheet.html.erb +19 -0
  52. data/app/views/examples/components/skeleton.html.erb +12 -0
  53. data/app/views/examples/components/slider.html.erb +12 -0
  54. data/app/views/layouts/application.html.erb +2 -3
  55. data/app/views/layouts/component.html.erb +2 -2
  56. data/app/views/layouts/documentation.html.erb +39 -0
  57. data/app/views/layouts/shared/_components.html.erb +61 -0
  58. data/app/views/layouts/shared/_header.html.erb +25 -33
  59. data/app/views/layouts/shared/_sidebar.html.erb +10 -0
  60. data/config/application.rb +2 -1
  61. data/config/importmap.rb +6 -6
  62. data/config/initializers/markdown.rb +24 -0
  63. data/config/routes.rb +7 -1
  64. data/lib/components.json +301 -0
  65. data/lib/generators/shadcn_ui_generator.rb +64 -15
  66. data/lib/shadcn-ui/version.rb +1 -1
  67. data/public/accordion.png +0 -0
  68. metadata +44 -4
  69. data/app/views/layouts/_sidebar.html.erb +0 -270
data/app/views/layouts/_sidebar.html.erb DELETED
@@ -1,270 +0,0 @@
1
- <aside
2
- class="fixed top-14 z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 md:sticky md:block">
3
- <div
4
- dir="ltr"
5
- class="relative overflow-hidden h-full py-6 pl-8 pr-6 lg:py-8"
6
- style="
7
- position: relative;
8
- --radix-scroll-area-corner-width: 0px;
9
- --radix-scroll-area-corner-height: 0px;
10
- ">
11
- <style>
12
- [data-radix-scroll-area-viewport] {
13
- scrollbar-width: none;
14
- -ms-overflow-style: none;
15
- -webkit-overflow-scrolling: touch;
16
- }
17
- [data-radix-scroll-area-viewport]::-webkit-scrollbar {
18
- display: none;
19
- }
20
- </style>
21
- <div
22
- data-radix-scroll-area-viewport=""
23
- class="h-full w-full rounded-[inherit]"
24
- style="overflow: hidden scroll">
25
- <div style="min-width: 100%; display: table">
26
- <div class="w-full">
27
- <div class="pb-4">
28
- <h4 class="mb-1 rounded-md px-2 py-1 text-sm font-semibold">Getting Started</h4>
29
- <div class="grid grid-flow-row auto-rows-max text-sm">
30
- <a
31
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline font-medium text-foreground"
32
- target=""
33
- rel=""
34
- href="/docs">Introduction</a>
35
- <a
36
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
37
- target=""
38
- rel=""
39
- href="/docs/installation">Installation</a>
40
- <a
41
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
42
- target=""
43
- rel=""
44
- href="/docs/theming">Theming</a>
45
- <a
46
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
47
- target=""
48
- rel=""
49
- href="/docs/dark-mode">Dark mode</a>
50
- <a
51
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
52
- target=""
53
- rel=""
54
- href="/docs/changelog">Changelog</a>
55
- <a
56
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
57
- target=""
58
- rel=""
59
- href="/docs/about">About</a>
60
- </div>
61
- </div>
62
- <div class="pb-4">
63
- <h4 class="mb-1 rounded-md px-2 py-1 text-sm font-semibold">Components</h4>
64
- <div class="grid grid-flow-row auto-rows-max text-sm">
65
- <a
66
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
67
- target=""
68
- rel=""
69
- href="/docs/components/accordion">✅ Accordion</a>
70
- <a
71
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
72
- target=""
73
- rel=""
74
- href="/docs/components/alert">✅ Alert</a>
75
- <a
76
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
77
- target=""
78
- rel=""
79
- href="/docs/components/alert-dialog">✅ Alert Dialog</a>
80
- <span
81
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
82
- target=""
83
- rel="">❌ Aspect Ratio</span>
84
- <span
85
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
86
- target=""
87
- rel=""
88
- href="/docs/components/avatar">❌ Avatar</span>
89
- <a
90
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
91
- target=""
92
- rel=""
93
- href="/docs/components/badge">✅ Badge</a>
94
- <a
95
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
96
- target=""
97
- rel=""
98
- href="/docs/components/button">✅ Button</a>
99
- <span
100
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
101
- target=""
102
- rel=""
103
- href="/docs/components/calendar">❌ Calendar</span>
104
- <a
105
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
106
- target=""
107
- rel=""
108
- href="/docs/components/card">✅ Card</a>
109
- <a
110
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
111
- target=""
112
- rel=""
113
- href="/docs/components/checkbox">✅ Checkbox</a>
114
- <a
115
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
116
- target=""
117
- rel=""
118
- href="/docs/components/collapsible">✅ Collapsible</a>
119
- <a
120
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
121
- target=""
122
- rel=""
123
- href="/docs/components/combobox">Combobox</a>
124
- <a
125
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
126
- target=""
127
- rel=""
128
- href="/docs/components/command">Command</a>
129
- <a
130
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
131
- target=""
132
- rel=""
133
- href="/docs/components/context-menu">Context Menu</a>
134
- <a
135
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
136
- target=""
137
- rel=""
138
- href="/docs/components/data-table">Data Table</a>
139
- <a
140
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
141
- target=""
142
- rel=""
143
- href="/docs/components/date-picker">Date Picker</a>
144
- <a
145
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
146
- target=""
147
- rel=""
148
- href="/docs/components/dialog">✅ Dialog</a>
149
- <a
150
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
151
- target=""
152
- rel=""
153
- href="/docs/components/dropdown-menu">Dropdown Menu</a>
154
- <a
155
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
156
- target=""
157
- rel=""
158
- href="/docs/components/form">Form</a>
159
- <a
160
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
161
- target=""
162
- rel=""
163
- href="/docs/components/hover-card">✅ Hover Card</a>
164
- <a
165
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
166
- target=""
167
- rel=""
168
- href="/docs/components/input">Input</a>
169
- <a
170
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
171
- target=""
172
- rel=""
173
- href="/docs/components/label">Label</a>
174
- <a
175
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
176
- target=""
177
- rel=""
178
- href="/docs/components/menubar">Menubar</a>
179
- <a
180
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
181
- target=""
182
- rel=""
183
- href="/docs/components/navigation-menu">Navigation Menu</a>
184
- <a
185
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
186
- target=""
187
- rel=""
188
- href="/docs/components/popover">✅ Popover</a>
189
- <a
190
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
191
- target=""
192
- rel=""
193
- href="/docs/components/progress">Progress</a>
194
- <a
195
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
196
- target=""
197
- rel=""
198
- href="/docs/components/radio-group">Radio Group</a>
199
- <a
200
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
201
- target=""
202
- rel=""
203
- href="/docs/components/scroll-area">Scroll Area</a>
204
- <a
205
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
206
- target=""
207
- rel=""
208
- href="/docs/components/select">Select</a>
209
- <a
210
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
211
- target=""
212
- rel=""
213
- href="/docs/components/separator">✅ Separator</a>
214
- <a
215
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
216
- target=""
217
- rel=""
218
- href="/docs/components/sheet">Sheet</a>
219
- <a
220
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
221
- target=""
222
- rel=""
223
- href="/docs/components/skeleton">Skeleton</a>
224
- <a
225
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
226
- target=""
227
- rel=""
228
- href="/docs/components/slider">Slider</a>
229
- <a
230
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
231
- target=""
232
- rel=""
233
- href="/docs/components/switch">Switch</a>
234
- <a
235
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
236
- target=""
237
- rel=""
238
- href="/docs/components/table">Table</a>
239
- <a
240
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
241
- target=""
242
- rel=""
243
- href="/docs/components/tabs">Tabs</a>
244
- <a
245
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
246
- target=""
247
- rel=""
248
- href="/docs/components/textarea">✅ Textarea</a>
249
- <a
250
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
251
- target=""
252
- rel=""
253
- href="/docs/components/toast">✅ Toast</a>
254
- <a
255
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
256
- target=""
257
- rel=""
258
- href="/docs/components/toggle">✅ Toggle</a>
259
- <a
260
- class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
261
- target=""
262
- rel=""
263
- href="/docs/components/tooltip">✅ Tooltip</a>
264
- </div>
265
- </div>
266
- </div>
267
- </div>
268
- </div>
269
- </div>
270
- </aside>