nitro_kit 0.9.0 → 2.0.0.alpha.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 (219) hide show
  1. checksums.yaml +4 -4
  2. data/.agents/plugins/marketplace.json +20 -0
  3. data/CHANGELOG.md +172 -0
  4. data/LICENSE +28 -0
  5. data/README.md +22 -15
  6. data/STYLE_GUIDE.md +425 -0
  7. data/app/assets/stylesheets/nitro_kit-tailwind-v4.css +38 -0
  8. data/app/assets/stylesheets/nitro_kit.css +7239 -0
  9. data/app/components/nitro_kit/accordion.rb +125 -65
  10. data/app/components/nitro_kit/alert.rb +80 -43
  11. data/app/components/nitro_kit/app_navigation.rb +307 -0
  12. data/app/components/nitro_kit/app_shell.rb +227 -0
  13. data/app/components/nitro_kit/appearance_bootstrap.rb +146 -0
  14. data/app/components/nitro_kit/appearance_picker.rb +156 -0
  15. data/app/components/nitro_kit/auth_shell.rb +34 -0
  16. data/app/components/nitro_kit/avatar.rb +85 -29
  17. data/app/components/nitro_kit/avatar_stack.rb +155 -9
  18. data/app/components/nitro_kit/badge.rb +43 -81
  19. data/app/components/nitro_kit/button.rb +180 -103
  20. data/app/components/nitro_kit/button_group.rb +63 -11
  21. data/app/components/nitro_kit/button_to.rb +69 -0
  22. data/app/components/nitro_kit/card.rb +42 -45
  23. data/app/components/nitro_kit/checkbox.rb +115 -62
  24. data/app/components/nitro_kit/checkbox_group.rb +131 -22
  25. data/app/components/nitro_kit/choice.rb +55 -0
  26. data/app/components/nitro_kit/combobox.rb +292 -105
  27. data/app/components/nitro_kit/command_palette.rb +412 -0
  28. data/app/components/nitro_kit/component.rb +322 -46
  29. data/app/components/nitro_kit/container.rb +32 -0
  30. data/app/components/nitro_kit/control_group.rb +45 -0
  31. data/app/components/nitro_kit/danger_zone.rb +78 -0
  32. data/app/components/nitro_kit/data_section.rb +106 -0
  33. data/app/components/nitro_kit/details_table.rb +229 -0
  34. data/app/components/nitro_kit/dialog.rb +257 -83
  35. data/app/components/nitro_kit/dropdown.rb +335 -122
  36. data/app/components/nitro_kit/dropzone.rb +326 -0
  37. data/app/components/nitro_kit/empty_state.rb +99 -0
  38. data/app/components/nitro_kit/field.rb +461 -236
  39. data/app/components/nitro_kit/field_group.rb +15 -8
  40. data/app/components/nitro_kit/fieldset.rb +37 -39
  41. data/app/components/nitro_kit/flex.rb +49 -0
  42. data/app/components/nitro_kit/form_builder.rb +313 -72
  43. data/app/components/nitro_kit/form_section.rb +79 -0
  44. data/app/components/nitro_kit/grid.rb +34 -0
  45. data/app/components/nitro_kit/icon.rb +54 -25
  46. data/app/components/nitro_kit/input.rb +97 -10
  47. data/app/components/nitro_kit/label.rb +22 -6
  48. data/app/components/nitro_kit/layout_options.rb +7 -0
  49. data/app/components/nitro_kit/page_header.rb +76 -0
  50. data/app/components/nitro_kit/pagination.rb +355 -69
  51. data/app/components/nitro_kit/pagination_bar.rb +90 -0
  52. data/app/components/nitro_kit/progressive_image.rb +181 -0
  53. data/app/components/nitro_kit/radio_button.rb +77 -55
  54. data/app/components/nitro_kit/radio_button_group.rb +107 -36
  55. data/app/components/nitro_kit/responsive_value.rb +94 -0
  56. data/app/components/nitro_kit/rich_text_area.rb +31 -0
  57. data/app/components/nitro_kit/select.rb +129 -64
  58. data/app/components/nitro_kit/settings_layout.rb +152 -0
  59. data/app/components/nitro_kit/sheet.rb +202 -0
  60. data/app/components/nitro_kit/stat_grid.rb +75 -0
  61. data/app/components/nitro_kit/switch.rb +108 -51
  62. data/app/components/nitro_kit/table.rb +237 -45
  63. data/app/components/nitro_kit/tabs.rb +168 -63
  64. data/app/components/nitro_kit/textarea.rb +81 -10
  65. data/app/components/nitro_kit/toast.rb +211 -80
  66. data/app/components/nitro_kit/toolbar.rb +75 -0
  67. data/app/components/nitro_kit/tooltip.rb +235 -34
  68. data/app/components/nitro_kit/typeset.rb +28 -0
  69. data/app/javascript/controllers/nk/app_shell_controller.js +224 -0
  70. data/app/javascript/controllers/nk/appearance_controller.js +73 -0
  71. data/app/javascript/controllers/nk/avatar_controller.js +15 -0
  72. data/app/javascript/controllers/nk/button_controller.js +56 -0
  73. data/app/javascript/controllers/nk/checkable_controller.js +41 -0
  74. data/app/javascript/controllers/nk/combobox_controller.js +314 -82
  75. data/app/javascript/controllers/nk/command_palette_controller.js +249 -0
  76. data/app/javascript/controllers/nk/dialog_controller.js +14 -10
  77. data/app/javascript/controllers/nk/dropdown_controller.js +106 -58
  78. data/app/javascript/controllers/nk/dropzone/direct_upload.js +61 -0
  79. data/app/javascript/controllers/nk/dropzone/file_rules.js +77 -0
  80. data/app/javascript/controllers/nk/dropzone/form_submit_lock.js +30 -0
  81. data/app/javascript/controllers/nk/dropzone_controller.js +482 -0
  82. data/app/javascript/controllers/nk/overlay_position.js +37 -0
  83. data/app/javascript/controllers/nk/progressive_image_controller.js +116 -0
  84. data/app/javascript/controllers/nk/tabs_controller.js +135 -23
  85. data/app/javascript/controllers/nk/toast_controller.js +112 -45
  86. data/app/javascript/controllers/nk/tooltip_controller.js +12 -47
  87. data/config/importmap.rb +2 -0
  88. data/config/locales/en.yml +98 -0
  89. data/docs/agent_guide.md +139 -0
  90. data/docs/agent_native_spec.md +422 -0
  91. data/docs/component_contracts.md +263 -0
  92. data/docs/customization.md +595 -0
  93. data/docs/hotwire.md +94 -0
  94. data/docs/initialization_prompt.md +36 -0
  95. data/docs/migration_1_to_2.md +318 -0
  96. data/docs/new_app_strategy.md +22 -0
  97. data/docs/patterns/application_foundation.md +136 -0
  98. data/docs/patterns/crud_resource.md +144 -0
  99. data/docs/patterns/destructive_action.md +105 -0
  100. data/docs/patterns/flash_and_toast.md +57 -0
  101. data/docs/patterns/inline_edit.md +59 -0
  102. data/docs/patterns/queryable_collection.md +187 -0
  103. data/docs/patterns/resource_form.md +126 -0
  104. data/docs/rails_conventions.md +95 -0
  105. data/docs/rails_integration.md +514 -0
  106. data/lib/generators/nitro_kit/install_generator.rb +48 -0
  107. data/lib/generators/nitro_kit/upgrade_smoke_tests_generator.rb +67 -0
  108. data/lib/nitro_kit/engine.rb +20 -0
  109. data/lib/nitro_kit/installation.rb +671 -0
  110. data/lib/nitro_kit/migration_inventory.rb +345 -0
  111. data/lib/nitro_kit/upgrade_smoke_test.rb +403 -0
  112. data/lib/nitro_kit/version.rb +1 -1
  113. data/lib/nitro_kit.rb +5 -42
  114. data/lib/rails/commands/nitro_kit/nitro_kit_command.rb +42 -0
  115. data/lib/tasks/nitro_kit_tasks.rake +79 -4
  116. data/plugins/nitro-kit/.codex-plugin/plugin.json +28 -0
  117. data/plugins/nitro-kit/skills/nitro-kit-hotwire/SKILL.md +67 -0
  118. data/plugins/nitro-kit/skills/nitro-kit-hotwire/agents/openai.yaml +4 -0
  119. data/plugins/nitro-kit/skills/nitro-kit-rails/SKILL.md +60 -0
  120. data/plugins/nitro-kit/skills/nitro-kit-rails/agents/openai.yaml +4 -0
  121. data/plugins/nitro-kit/skills/nitro-kit-ui/SKILL.md +62 -0
  122. data/plugins/nitro-kit/skills/nitro-kit-ui/agents/openai.yaml +4 -0
  123. data/src/stylesheets/nitro_kit/components/accordion.css +119 -0
  124. data/src/stylesheets/nitro_kit/components/alert.css +82 -0
  125. data/src/stylesheets/nitro_kit/components/app_navigation.css +156 -0
  126. data/src/stylesheets/nitro_kit/components/app_shell.css +605 -0
  127. data/src/stylesheets/nitro_kit/components/appearance_picker.css +117 -0
  128. data/src/stylesheets/nitro_kit/components/auth_shell.css +8 -0
  129. data/src/stylesheets/nitro_kit/components/avatar.css +81 -0
  130. data/src/stylesheets/nitro_kit/components/avatar_stack.css +80 -0
  131. data/src/stylesheets/nitro_kit/components/badge.css +76 -0
  132. data/src/stylesheets/nitro_kit/components/button.css +283 -0
  133. data/src/stylesheets/nitro_kit/components/button_group.css +53 -0
  134. data/src/stylesheets/nitro_kit/components/button_to.css +6 -0
  135. data/src/stylesheets/nitro_kit/components/card.css +70 -0
  136. data/src/stylesheets/nitro_kit/components/checkbox.css +160 -0
  137. data/src/stylesheets/nitro_kit/components/checkbox_group.css +61 -0
  138. data/src/stylesheets/nitro_kit/components/combobox.css +148 -0
  139. data/src/stylesheets/nitro_kit/components/command_palette.css +255 -0
  140. data/src/stylesheets/nitro_kit/components/container.css +25 -0
  141. data/src/stylesheets/nitro_kit/components/control_group.css +149 -0
  142. data/src/stylesheets/nitro_kit/components/danger_zone.css +54 -0
  143. data/src/stylesheets/nitro_kit/components/data_section.css +40 -0
  144. data/src/stylesheets/nitro_kit/components/details_table.css +53 -0
  145. data/src/stylesheets/nitro_kit/components/dialog.css +80 -0
  146. data/src/stylesheets/nitro_kit/components/dropdown.css +152 -0
  147. data/src/stylesheets/nitro_kit/components/dropzone.css +198 -0
  148. data/src/stylesheets/nitro_kit/components/empty_state.css +53 -0
  149. data/src/stylesheets/nitro_kit/components/field.css +79 -0
  150. data/src/stylesheets/nitro_kit/components/field_group.css +6 -0
  151. data/src/stylesheets/nitro_kit/components/fieldset.css +28 -0
  152. data/src/stylesheets/nitro_kit/components/flex.css +455 -0
  153. data/src/stylesheets/nitro_kit/components/form_section.css +71 -0
  154. data/src/stylesheets/nitro_kit/components/grid.css +308 -0
  155. data/src/stylesheets/nitro_kit/components/icon.css +26 -0
  156. data/src/stylesheets/nitro_kit/components/input.css +80 -0
  157. data/src/stylesheets/nitro_kit/components/label.css +9 -0
  158. data/src/stylesheets/nitro_kit/components/layout.css +440 -0
  159. data/src/stylesheets/nitro_kit/components/page_header.css +61 -0
  160. data/src/stylesheets/nitro_kit/components/pagination.css +119 -0
  161. data/src/stylesheets/nitro_kit/components/pagination_bar.css +41 -0
  162. data/src/stylesheets/nitro_kit/components/palette.css +113 -0
  163. data/src/stylesheets/nitro_kit/components/progressive_image.css +139 -0
  164. data/src/stylesheets/nitro_kit/components/radio_button.css +127 -0
  165. data/src/stylesheets/nitro_kit/components/radio_button_group.css +143 -0
  166. data/src/stylesheets/nitro_kit/components/rich_text_area.css +21 -0
  167. data/src/stylesheets/nitro_kit/components/select.css +70 -0
  168. data/src/stylesheets/nitro_kit/components/settings_layout.css +100 -0
  169. data/src/stylesheets/nitro_kit/components/sheet.css +100 -0
  170. data/src/stylesheets/nitro_kit/components/stat_grid.css +51 -0
  171. data/src/stylesheets/nitro_kit/components/switch.css +152 -0
  172. data/src/stylesheets/nitro_kit/components/table.css +116 -0
  173. data/src/stylesheets/nitro_kit/components/tabs.css +138 -0
  174. data/src/stylesheets/nitro_kit/components/textarea.css +39 -0
  175. data/src/stylesheets/nitro_kit/components/toast.css +131 -0
  176. data/src/stylesheets/nitro_kit/components/toolbar.css +78 -0
  177. data/src/stylesheets/nitro_kit/components/tooltip.css +124 -0
  178. data/src/stylesheets/nitro_kit/components/typeset.css +191 -0
  179. data/src/stylesheets/nitro_kit/layers.css +7 -0
  180. data/src/stylesheets/nitro_kit/reset.css +192 -0
  181. data/src/stylesheets/nitro_kit/tokens.css +198 -0
  182. metadata +182 -51
  183. data/Rakefile +0 -8
  184. data/app/assets/tailwind/application.css +0 -49
  185. data/app/components/nitro_kit/datepicker.rb +0 -9
  186. data/app/helpers/nitro_kit/accordion_helper.rb +0 -9
  187. data/app/helpers/nitro_kit/alert_helper.rb +0 -11
  188. data/app/helpers/nitro_kit/avatar_helper.rb +0 -13
  189. data/app/helpers/nitro_kit/badge_helper.rb +0 -13
  190. data/app/helpers/nitro_kit/button_group_helper.rb +0 -9
  191. data/app/helpers/nitro_kit/button_helper.rb +0 -49
  192. data/app/helpers/nitro_kit/card_helper.rb +0 -9
  193. data/app/helpers/nitro_kit/checkbox_helper.rb +0 -50
  194. data/app/helpers/nitro_kit/combobox_helper.rb +0 -9
  195. data/app/helpers/nitro_kit/datepicker_helper.rb +0 -9
  196. data/app/helpers/nitro_kit/dialog_helper.rb +0 -9
  197. data/app/helpers/nitro_kit/dropdown_helper.rb +0 -9
  198. data/app/helpers/nitro_kit/field_group_helper.rb +0 -9
  199. data/app/helpers/nitro_kit/field_helper.rb +0 -9
  200. data/app/helpers/nitro_kit/fieldset_helper.rb +0 -9
  201. data/app/helpers/nitro_kit/form_helper.rb +0 -13
  202. data/app/helpers/nitro_kit/icon_helper.rb +0 -9
  203. data/app/helpers/nitro_kit/input_helper.rb +0 -37
  204. data/app/helpers/nitro_kit/label_helper.rb +0 -19
  205. data/app/helpers/nitro_kit/pagination_helper.rb +0 -46
  206. data/app/helpers/nitro_kit/radio_button_helper.rb +0 -23
  207. data/app/helpers/nitro_kit/select_helper.rb +0 -24
  208. data/app/helpers/nitro_kit/switch_helper.rb +0 -9
  209. data/app/helpers/nitro_kit/table_helper.rb +0 -9
  210. data/app/helpers/nitro_kit/tabs_helper.rb +0 -9
  211. data/app/helpers/nitro_kit/textarea_helper.rb +0 -9
  212. data/app/helpers/nitro_kit/toast_helper.rb +0 -25
  213. data/app/helpers/nitro_kit/tooltip_helper.rb +0 -9
  214. data/app/javascript/controllers/nk/accordion_controller.js +0 -18
  215. data/app/javascript/controllers/nk/datepicker_controller.js +0 -5
  216. data/app/javascript/controllers/nk/switch_controller.js +0 -32
  217. data/lib/generators/nitro_kit/component_generator.rb +0 -84
  218. data/lib/nitro_kit/schema_builder.rb +0 -129
  219. data/lib/nitro_kit/variants.rb +0 -21
@@ -0,0 +1,198 @@
1
+ @layer nitro-kit.tokens {
2
+ :where(:root) {
3
+ --nk-font-sans:
4
+ ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
5
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
6
+ --nk-font-mono:
7
+ ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
8
+ "Courier New", monospace;
9
+
10
+ --nk-text-xs: 0.75rem;
11
+ --nk-text-sm: 0.875rem;
12
+ --nk-text-base: 1rem;
13
+ --nk-text-lg: 1.125rem;
14
+ --nk-text-xl: 1.25rem;
15
+ --nk-text-2xl: 1.5rem;
16
+
17
+ --nk-leading-tight: 1.25;
18
+ --nk-leading-normal: 1.5;
19
+ --nk-leading-relaxed: 1.625;
20
+
21
+ --nk-typeset-font-body: var(--nk-font-sans);
22
+ --nk-typeset-font-heading: var(--nk-font-sans);
23
+ --nk-typeset-font-mono: var(--nk-font-mono);
24
+ --nk-typeset-size: var(--nk-text-base);
25
+ --nk-typeset-leading: 1.75;
26
+ --nk-typeset-flow: 1.25em;
27
+
28
+ --nk-font-weight-normal: 400;
29
+ --nk-font-weight-medium: 500;
30
+ --nk-font-weight-semibold: 600;
31
+ --nk-font-weight-bold: 700;
32
+
33
+ --nk-space: 0.25rem;
34
+
35
+ --nk-radius-xs: 0.125rem;
36
+ --nk-radius-sm: 0.25rem;
37
+ --nk-radius-md: 0.375rem;
38
+ --nk-radius-lg: 0.5rem;
39
+ --nk-radius-xl: 0.75rem;
40
+ --nk-radius-full: 9999px;
41
+
42
+ --nk-border-width: 1px;
43
+ --nk-focus-width: 2px;
44
+ --nk-focus-offset: 2px;
45
+
46
+ --nk-shadow-sm: 0 1px 2px oklch(0 0 0 / 0.08);
47
+ --nk-shadow-md:
48
+ 0 4px 6px -1px oklch(0 0 0 / 0.1), 0 2px 4px -2px oklch(0 0 0 / 0.1);
49
+ --nk-shadow-lg:
50
+ 0 10px 15px -3px oklch(0 0 0 / 0.12), 0 4px 6px -4px oklch(0 0 0 / 0.12);
51
+
52
+ --nk-duration-fast: 100ms;
53
+ --nk-duration-normal: 150ms;
54
+ --nk-duration-slow: 250ms;
55
+ --nk-ease: cubic-bezier(0.4, 0, 0.2, 1);
56
+
57
+ --nk-control-height-xs: 1.5rem;
58
+ --nk-control-height-sm: 1.75rem;
59
+ --nk-control-height-md: 2.5rem;
60
+ --nk-control-height-lg: 2.75rem;
61
+ --nk-control-height-xl: 3.5rem;
62
+
63
+ --nk-content-sm: 24rem;
64
+ --nk-content-md: 32rem;
65
+ --nk-content-lg: 48rem;
66
+ --nk-content-xl: 64rem;
67
+
68
+ --nk-app-shell-sidebar-width: 16rem;
69
+ --nk-app-shell-topbar-height: 3.5rem;
70
+ }
71
+
72
+ :where(:root, [data-theme="light"]) {
73
+ color-scheme: light;
74
+
75
+ --nk-color-canvas: oklch(0.993 0 0);
76
+ --nk-color-surface: oklch(1 0 0);
77
+ --nk-color-elevated: oklch(0.985 0 0);
78
+ --nk-color-foreground: oklch(0.21 0.006 285.885);
79
+ --nk-color-muted: oklch(0.967 0.001 286.375);
80
+ --nk-color-muted-foreground: oklch(0.552 0.016 285.938);
81
+ --nk-color-border: oklch(0.92 0.004 286.32);
82
+ --nk-color-focus: oklch(0.546 0.245 262.881);
83
+ --nk-color-primary: oklch(0.274 0.006 286.033);
84
+ --nk-color-primary-foreground: oklch(1 0 0);
85
+ --nk-color-neutral: oklch(0.552 0.016 285.938);
86
+ --nk-color-neutral-content: oklch(0.37 0.013 285.805);
87
+ --nk-color-info: oklch(0.546 0.245 262.881);
88
+ --nk-color-info-content: oklch(0.424 0.199 265.638);
89
+ --nk-color-success: oklch(0.627 0.194 149.214);
90
+ --nk-color-success-content: oklch(0.393 0.095 152.535);
91
+ --nk-color-warning: oklch(0.681 0.162 75.834);
92
+ --nk-color-warning-content: oklch(0.421 0.095 57.708);
93
+ --nk-color-danger: oklch(0.577 0.237 25.331);
94
+ --nk-color-danger-foreground: oklch(1 0 0);
95
+ --nk-color-danger-content: oklch(0.444 0.177 26.899);
96
+ --nk-color-overlay: oklch(0 0 0 / 0.5);
97
+ }
98
+
99
+ @media (prefers-color-scheme: dark) {
100
+ :where(:root:not([data-theme])) {
101
+ color-scheme: dark;
102
+
103
+ --nk-color-canvas: oklch(0.141 0.005 285.823);
104
+ --nk-color-surface: oklch(0.178 0.006 285.885);
105
+ --nk-color-elevated: oklch(0.21 0.006 285.885);
106
+ --nk-color-foreground: oklch(0.967 0.001 286.375);
107
+ --nk-color-muted: oklch(0.274 0.006 286.033);
108
+ --nk-color-muted-foreground: oklch(0.705 0.015 286.067);
109
+ --nk-color-border: oklch(0.37 0.013 285.805);
110
+ --nk-color-focus: oklch(0.488 0.243 264.376);
111
+ --nk-color-primary: oklch(1 0 0);
112
+ --nk-color-primary-foreground: oklch(0.274 0.006 286.033);
113
+ --nk-color-neutral: oklch(0.705 0.015 286.067);
114
+ --nk-color-neutral-content: oklch(0.92 0.004 286.32);
115
+ --nk-color-info: oklch(0.623 0.214 259.815);
116
+ --nk-color-info-content: oklch(0.882 0.059 254.128);
117
+ --nk-color-success: oklch(0.723 0.219 149.579);
118
+ --nk-color-success-content: oklch(0.925 0.084 155.995);
119
+ --nk-color-warning: oklch(0.828 0.189 84.429);
120
+ --nk-color-warning-content: oklch(0.945 0.129 101.54);
121
+ --nk-color-danger: oklch(0.577 0.245 27.325);
122
+ --nk-color-danger-foreground: oklch(0.985 0 0);
123
+ --nk-color-danger-content: oklch(0.704 0.191 22.216);
124
+ --nk-color-overlay: oklch(0 0 0 / 0.65);
125
+ }
126
+ }
127
+
128
+ :where([data-theme="dark"]) {
129
+ color-scheme: dark;
130
+
131
+ --nk-color-canvas: oklch(0.141 0.005 285.823);
132
+ --nk-color-surface: oklch(0.178 0.006 285.885);
133
+ --nk-color-elevated: oklch(0.21 0.006 285.885);
134
+ --nk-color-foreground: oklch(0.967 0.001 286.375);
135
+ --nk-color-muted: oklch(0.274 0.006 286.033);
136
+ --nk-color-muted-foreground: oklch(0.705 0.015 286.067);
137
+ --nk-color-border: oklch(0.37 0.013 285.805);
138
+ --nk-color-focus: oklch(0.488 0.243 264.376);
139
+ --nk-color-primary: oklch(1 0 0);
140
+ --nk-color-primary-foreground: oklch(0.274 0.006 286.033);
141
+ --nk-color-neutral: oklch(0.705 0.015 286.067);
142
+ --nk-color-neutral-content: oklch(0.92 0.004 286.32);
143
+ --nk-color-info: oklch(0.623 0.214 259.815);
144
+ --nk-color-info-content: oklch(0.882 0.059 254.128);
145
+ --nk-color-success: oklch(0.723 0.219 149.579);
146
+ --nk-color-success-content: oklch(0.925 0.084 155.995);
147
+ --nk-color-warning: oklch(0.828 0.189 84.429);
148
+ --nk-color-warning-content: oklch(0.945 0.129 101.54);
149
+ --nk-color-danger: oklch(0.577 0.245 27.325);
150
+ --nk-color-danger-foreground: oklch(0.985 0 0);
151
+ --nk-color-danger-content: oklch(0.704 0.191 22.216);
152
+ --nk-color-overlay: oklch(0 0 0 / 0.65);
153
+ }
154
+
155
+ :where(:root, [data-theme]) {
156
+ --nk-button-default-background: light-dark(
157
+ var(--nk-color-surface),
158
+ var(--nk-color-border)
159
+ );
160
+ --nk-button-default-hover-background: light-dark(
161
+ var(--nk-color-elevated),
162
+ color-mix(
163
+ in oklab,
164
+ var(--nk-button-default-background),
165
+ var(--nk-button-default-foreground) 10%
166
+ )
167
+ );
168
+ --nk-button-default-foreground: var(--nk-color-foreground);
169
+ --nk-button-default-border: light-dark(
170
+ var(--nk-color-border),
171
+ color-mix(
172
+ in oklab,
173
+ var(--nk-color-border) 90%,
174
+ var(--nk-color-foreground)
175
+ )
176
+ );
177
+ --nk-color-surface-hover: color-mix(
178
+ in oklab,
179
+ var(--nk-color-surface) 96%,
180
+ var(--nk-color-foreground)
181
+ );
182
+ --nk-color-primary-hover: color-mix(
183
+ in oklab,
184
+ var(--nk-color-primary),
185
+ transparent 10%
186
+ );
187
+ --nk-color-danger-hover: light-dark(
188
+ oklch(0.54 0.237 25.331),
189
+ oklch(0.59 0.237 25.331)
190
+ );
191
+ --nk-app-shell-background: var(--nk-color-canvas);
192
+ --nk-app-shell-sidebar-background: var(--nk-color-surface);
193
+ --nk-app-shell-sidebar-foreground: var(--nk-color-foreground);
194
+ --nk-app-shell-sidebar-accent: var(--nk-color-muted);
195
+ --nk-app-shell-sidebar-accent-foreground: var(--nk-color-foreground);
196
+ --nk-app-shell-border: var(--nk-color-border);
197
+ }
198
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: nitro_kit
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.9.0
4
+ version: 2.0.0.alpha.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Mikkel Malmberg
@@ -24,126 +24,257 @@ dependencies:
24
24
  - !ruby/object:Gem::Version
25
25
  version: 7.0.0
26
26
  - !ruby/object:Gem::Dependency
27
- name: tailwind_merge
27
+ name: phlex-rails
28
28
  requirement: !ruby/object:Gem::Requirement
29
29
  requirements:
30
30
  - - ">="
31
31
  - !ruby/object:Gem::Version
32
- version: 0.13.0
32
+ version: 2.1.0
33
33
  type: :runtime
34
34
  prerelease: false
35
35
  version_requirements: !ruby/object:Gem::Requirement
36
36
  requirements:
37
37
  - - ">="
38
38
  - !ruby/object:Gem::Version
39
- version: 0.13.0
39
+ version: 2.1.0
40
40
  - !ruby/object:Gem::Dependency
41
- name: phlex-rails
41
+ name: lucide-rails
42
+ requirement: !ruby/object:Gem::Requirement
43
+ requirements:
44
+ - - "~>"
45
+ - !ruby/object:Gem::Version
46
+ version: '0.7'
47
+ type: :runtime
48
+ prerelease: false
49
+ version_requirements: !ruby/object:Gem::Requirement
50
+ requirements:
51
+ - - "~>"
52
+ - !ruby/object:Gem::Version
53
+ version: '0.7'
54
+ - !ruby/object:Gem::Dependency
55
+ name: stimulus-rails
42
56
  requirement: !ruby/object:Gem::Requirement
43
57
  requirements:
44
58
  - - ">="
45
59
  - !ruby/object:Gem::Version
46
- version: 2.1.0
60
+ version: '1.3'
47
61
  type: :runtime
48
62
  prerelease: false
49
63
  version_requirements: !ruby/object:Gem::Requirement
50
64
  requirements:
51
65
  - - ">="
52
66
  - !ruby/object:Gem::Version
53
- version: 2.1.0
54
- description: WIP, not usable yet
67
+ version: '1.3'
68
+ - !ruby/object:Gem::Dependency
69
+ name: turbo-rails
70
+ requirement: !ruby/object:Gem::Requirement
71
+ requirements:
72
+ - - ">="
73
+ - !ruby/object:Gem::Version
74
+ version: '2.0'
75
+ type: :runtime
76
+ prerelease: false
77
+ version_requirements: !ruby/object:Gem::Requirement
78
+ requirements:
79
+ - - ">="
80
+ - !ruby/object:Gem::Version
81
+ version: '2.0'
82
+ description: Gem-owned Phlex components, layouts, blocks, static CSS, and Stimulus
83
+ behavior for Rails applications.
55
84
  email:
56
85
  - mikkel@brnbw.com
57
86
  executables: []
58
87
  extensions: []
59
88
  extra_rdoc_files: []
60
89
  files:
90
+ - ".agents/plugins/marketplace.json"
91
+ - CHANGELOG.md
92
+ - LICENSE
61
93
  - README.md
62
- - Rakefile
63
- - app/assets/tailwind/application.css
94
+ - STYLE_GUIDE.md
95
+ - app/assets/stylesheets/nitro_kit-tailwind-v4.css
96
+ - app/assets/stylesheets/nitro_kit.css
64
97
  - app/components/nitro_kit/accordion.rb
65
98
  - app/components/nitro_kit/alert.rb
99
+ - app/components/nitro_kit/app_navigation.rb
100
+ - app/components/nitro_kit/app_shell.rb
101
+ - app/components/nitro_kit/appearance_bootstrap.rb
102
+ - app/components/nitro_kit/appearance_picker.rb
103
+ - app/components/nitro_kit/auth_shell.rb
66
104
  - app/components/nitro_kit/avatar.rb
67
105
  - app/components/nitro_kit/avatar_stack.rb
68
106
  - app/components/nitro_kit/badge.rb
69
107
  - app/components/nitro_kit/button.rb
70
108
  - app/components/nitro_kit/button_group.rb
109
+ - app/components/nitro_kit/button_to.rb
71
110
  - app/components/nitro_kit/card.rb
72
111
  - app/components/nitro_kit/checkbox.rb
73
112
  - app/components/nitro_kit/checkbox_group.rb
113
+ - app/components/nitro_kit/choice.rb
74
114
  - app/components/nitro_kit/combobox.rb
115
+ - app/components/nitro_kit/command_palette.rb
75
116
  - app/components/nitro_kit/component.rb
76
- - app/components/nitro_kit/datepicker.rb
117
+ - app/components/nitro_kit/container.rb
118
+ - app/components/nitro_kit/control_group.rb
119
+ - app/components/nitro_kit/danger_zone.rb
120
+ - app/components/nitro_kit/data_section.rb
121
+ - app/components/nitro_kit/details_table.rb
77
122
  - app/components/nitro_kit/dialog.rb
78
123
  - app/components/nitro_kit/dropdown.rb
124
+ - app/components/nitro_kit/dropzone.rb
125
+ - app/components/nitro_kit/empty_state.rb
79
126
  - app/components/nitro_kit/field.rb
80
127
  - app/components/nitro_kit/field_group.rb
81
128
  - app/components/nitro_kit/fieldset.rb
129
+ - app/components/nitro_kit/flex.rb
82
130
  - app/components/nitro_kit/form_builder.rb
131
+ - app/components/nitro_kit/form_section.rb
132
+ - app/components/nitro_kit/grid.rb
83
133
  - app/components/nitro_kit/icon.rb
84
134
  - app/components/nitro_kit/input.rb
85
135
  - app/components/nitro_kit/label.rb
136
+ - app/components/nitro_kit/layout_options.rb
137
+ - app/components/nitro_kit/page_header.rb
86
138
  - app/components/nitro_kit/pagination.rb
139
+ - app/components/nitro_kit/pagination_bar.rb
140
+ - app/components/nitro_kit/progressive_image.rb
87
141
  - app/components/nitro_kit/radio_button.rb
88
142
  - app/components/nitro_kit/radio_button_group.rb
143
+ - app/components/nitro_kit/responsive_value.rb
144
+ - app/components/nitro_kit/rich_text_area.rb
89
145
  - app/components/nitro_kit/select.rb
146
+ - app/components/nitro_kit/settings_layout.rb
147
+ - app/components/nitro_kit/sheet.rb
148
+ - app/components/nitro_kit/stat_grid.rb
90
149
  - app/components/nitro_kit/switch.rb
91
150
  - app/components/nitro_kit/table.rb
92
151
  - app/components/nitro_kit/tabs.rb
93
152
  - app/components/nitro_kit/textarea.rb
94
153
  - app/components/nitro_kit/toast.rb
154
+ - app/components/nitro_kit/toolbar.rb
95
155
  - app/components/nitro_kit/tooltip.rb
96
- - app/helpers/nitro_kit/accordion_helper.rb
97
- - app/helpers/nitro_kit/alert_helper.rb
98
- - app/helpers/nitro_kit/avatar_helper.rb
99
- - app/helpers/nitro_kit/badge_helper.rb
100
- - app/helpers/nitro_kit/button_group_helper.rb
101
- - app/helpers/nitro_kit/button_helper.rb
102
- - app/helpers/nitro_kit/card_helper.rb
103
- - app/helpers/nitro_kit/checkbox_helper.rb
104
- - app/helpers/nitro_kit/combobox_helper.rb
105
- - app/helpers/nitro_kit/datepicker_helper.rb
106
- - app/helpers/nitro_kit/dialog_helper.rb
107
- - app/helpers/nitro_kit/dropdown_helper.rb
108
- - app/helpers/nitro_kit/field_group_helper.rb
109
- - app/helpers/nitro_kit/field_helper.rb
110
- - app/helpers/nitro_kit/fieldset_helper.rb
111
- - app/helpers/nitro_kit/form_helper.rb
112
- - app/helpers/nitro_kit/icon_helper.rb
113
- - app/helpers/nitro_kit/input_helper.rb
114
- - app/helpers/nitro_kit/label_helper.rb
115
- - app/helpers/nitro_kit/pagination_helper.rb
116
- - app/helpers/nitro_kit/radio_button_helper.rb
117
- - app/helpers/nitro_kit/select_helper.rb
118
- - app/helpers/nitro_kit/switch_helper.rb
119
- - app/helpers/nitro_kit/table_helper.rb
120
- - app/helpers/nitro_kit/tabs_helper.rb
121
- - app/helpers/nitro_kit/textarea_helper.rb
122
- - app/helpers/nitro_kit/toast_helper.rb
123
- - app/helpers/nitro_kit/tooltip_helper.rb
124
- - app/javascript/controllers/nk/accordion_controller.js
156
+ - app/components/nitro_kit/typeset.rb
157
+ - app/javascript/controllers/nk/app_shell_controller.js
158
+ - app/javascript/controllers/nk/appearance_controller.js
159
+ - app/javascript/controllers/nk/avatar_controller.js
160
+ - app/javascript/controllers/nk/button_controller.js
161
+ - app/javascript/controllers/nk/checkable_controller.js
125
162
  - app/javascript/controllers/nk/combobox_controller.js
126
- - app/javascript/controllers/nk/datepicker_controller.js
163
+ - app/javascript/controllers/nk/command_palette_controller.js
127
164
  - app/javascript/controllers/nk/dialog_controller.js
128
165
  - app/javascript/controllers/nk/dropdown_controller.js
129
- - app/javascript/controllers/nk/switch_controller.js
166
+ - app/javascript/controllers/nk/dropzone/direct_upload.js
167
+ - app/javascript/controllers/nk/dropzone/file_rules.js
168
+ - app/javascript/controllers/nk/dropzone/form_submit_lock.js
169
+ - app/javascript/controllers/nk/dropzone_controller.js
170
+ - app/javascript/controllers/nk/overlay_position.js
171
+ - app/javascript/controllers/nk/progressive_image_controller.js
130
172
  - app/javascript/controllers/nk/tabs_controller.js
131
173
  - app/javascript/controllers/nk/toast_controller.js
132
174
  - app/javascript/controllers/nk/tooltip_controller.js
133
- - lib/generators/nitro_kit/component_generator.rb
175
+ - config/importmap.rb
176
+ - config/locales/en.yml
177
+ - docs/agent_guide.md
178
+ - docs/agent_native_spec.md
179
+ - docs/component_contracts.md
180
+ - docs/customization.md
181
+ - docs/hotwire.md
182
+ - docs/initialization_prompt.md
183
+ - docs/migration_1_to_2.md
184
+ - docs/new_app_strategy.md
185
+ - docs/patterns/application_foundation.md
186
+ - docs/patterns/crud_resource.md
187
+ - docs/patterns/destructive_action.md
188
+ - docs/patterns/flash_and_toast.md
189
+ - docs/patterns/inline_edit.md
190
+ - docs/patterns/queryable_collection.md
191
+ - docs/patterns/resource_form.md
192
+ - docs/rails_conventions.md
193
+ - docs/rails_integration.md
194
+ - lib/generators/nitro_kit/install_generator.rb
195
+ - lib/generators/nitro_kit/upgrade_smoke_tests_generator.rb
134
196
  - lib/nitro_kit.rb
135
197
  - lib/nitro_kit/engine.rb
136
- - lib/nitro_kit/schema_builder.rb
137
- - lib/nitro_kit/variants.rb
198
+ - lib/nitro_kit/installation.rb
199
+ - lib/nitro_kit/migration_inventory.rb
200
+ - lib/nitro_kit/upgrade_smoke_test.rb
138
201
  - lib/nitro_kit/version.rb
202
+ - lib/rails/commands/nitro_kit/nitro_kit_command.rb
139
203
  - lib/tasks/nitro_kit_tasks.rake
140
- homepage: https://github.com/mikker/nitro_kit
204
+ - plugins/nitro-kit/.codex-plugin/plugin.json
205
+ - plugins/nitro-kit/skills/nitro-kit-hotwire/SKILL.md
206
+ - plugins/nitro-kit/skills/nitro-kit-hotwire/agents/openai.yaml
207
+ - plugins/nitro-kit/skills/nitro-kit-rails/SKILL.md
208
+ - plugins/nitro-kit/skills/nitro-kit-rails/agents/openai.yaml
209
+ - plugins/nitro-kit/skills/nitro-kit-ui/SKILL.md
210
+ - plugins/nitro-kit/skills/nitro-kit-ui/agents/openai.yaml
211
+ - src/stylesheets/nitro_kit/components/accordion.css
212
+ - src/stylesheets/nitro_kit/components/alert.css
213
+ - src/stylesheets/nitro_kit/components/app_navigation.css
214
+ - src/stylesheets/nitro_kit/components/app_shell.css
215
+ - src/stylesheets/nitro_kit/components/appearance_picker.css
216
+ - src/stylesheets/nitro_kit/components/auth_shell.css
217
+ - src/stylesheets/nitro_kit/components/avatar.css
218
+ - src/stylesheets/nitro_kit/components/avatar_stack.css
219
+ - src/stylesheets/nitro_kit/components/badge.css
220
+ - src/stylesheets/nitro_kit/components/button.css
221
+ - src/stylesheets/nitro_kit/components/button_group.css
222
+ - src/stylesheets/nitro_kit/components/button_to.css
223
+ - src/stylesheets/nitro_kit/components/card.css
224
+ - src/stylesheets/nitro_kit/components/checkbox.css
225
+ - src/stylesheets/nitro_kit/components/checkbox_group.css
226
+ - src/stylesheets/nitro_kit/components/combobox.css
227
+ - src/stylesheets/nitro_kit/components/command_palette.css
228
+ - src/stylesheets/nitro_kit/components/container.css
229
+ - src/stylesheets/nitro_kit/components/control_group.css
230
+ - src/stylesheets/nitro_kit/components/danger_zone.css
231
+ - src/stylesheets/nitro_kit/components/data_section.css
232
+ - src/stylesheets/nitro_kit/components/details_table.css
233
+ - src/stylesheets/nitro_kit/components/dialog.css
234
+ - src/stylesheets/nitro_kit/components/dropdown.css
235
+ - src/stylesheets/nitro_kit/components/dropzone.css
236
+ - src/stylesheets/nitro_kit/components/empty_state.css
237
+ - src/stylesheets/nitro_kit/components/field.css
238
+ - src/stylesheets/nitro_kit/components/field_group.css
239
+ - src/stylesheets/nitro_kit/components/fieldset.css
240
+ - src/stylesheets/nitro_kit/components/flex.css
241
+ - src/stylesheets/nitro_kit/components/form_section.css
242
+ - src/stylesheets/nitro_kit/components/grid.css
243
+ - src/stylesheets/nitro_kit/components/icon.css
244
+ - src/stylesheets/nitro_kit/components/input.css
245
+ - src/stylesheets/nitro_kit/components/label.css
246
+ - src/stylesheets/nitro_kit/components/layout.css
247
+ - src/stylesheets/nitro_kit/components/page_header.css
248
+ - src/stylesheets/nitro_kit/components/pagination.css
249
+ - src/stylesheets/nitro_kit/components/pagination_bar.css
250
+ - src/stylesheets/nitro_kit/components/palette.css
251
+ - src/stylesheets/nitro_kit/components/progressive_image.css
252
+ - src/stylesheets/nitro_kit/components/radio_button.css
253
+ - src/stylesheets/nitro_kit/components/radio_button_group.css
254
+ - src/stylesheets/nitro_kit/components/rich_text_area.css
255
+ - src/stylesheets/nitro_kit/components/select.css
256
+ - src/stylesheets/nitro_kit/components/settings_layout.css
257
+ - src/stylesheets/nitro_kit/components/sheet.css
258
+ - src/stylesheets/nitro_kit/components/stat_grid.css
259
+ - src/stylesheets/nitro_kit/components/switch.css
260
+ - src/stylesheets/nitro_kit/components/table.css
261
+ - src/stylesheets/nitro_kit/components/tabs.css
262
+ - src/stylesheets/nitro_kit/components/textarea.css
263
+ - src/stylesheets/nitro_kit/components/toast.css
264
+ - src/stylesheets/nitro_kit/components/toolbar.css
265
+ - src/stylesheets/nitro_kit/components/tooltip.css
266
+ - src/stylesheets/nitro_kit/components/typeset.css
267
+ - src/stylesheets/nitro_kit/layers.css
268
+ - src/stylesheets/nitro_kit/reset.css
269
+ - src/stylesheets/nitro_kit/tokens.css
270
+ homepage: https://nitrokit.dev
141
271
  licenses:
142
- - MIT
272
+ - Nonstandard
143
273
  metadata:
144
- homepage_uri: https://github.com/mikker/nitro_kit
274
+ homepage_uri: https://nitrokit.dev
145
275
  source_code_uri: https://github.com/mikker/nitro_kit
146
276
  changelog_uri: https://github.com/mikker/nitro_kit/releases
277
+ license_uri: https://github.com/mikker/nitro_kit/blob/main/LICENSE
147
278
  rdoc_options: []
148
279
  require_paths:
149
280
  - lib
@@ -151,14 +282,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
151
282
  requirements:
152
283
  - - ">="
153
284
  - !ruby/object:Gem::Version
154
- version: '0'
285
+ version: 4.0.6
155
286
  required_rubygems_version: !ruby/object:Gem::Requirement
156
287
  requirements:
157
288
  - - ">="
158
289
  - !ruby/object:Gem::Version
159
290
  version: '0'
160
291
  requirements: []
161
- rubygems_version: 4.0.3
292
+ rubygems_version: 4.0.16
162
293
  specification_version: 4
163
- summary: WIP, not usable yet
294
+ summary: An agent-native Phlex UI system for Rails
164
295
  test_files: []
data/Rakefile DELETED
@@ -1,8 +0,0 @@
1
- require "bundler/setup"
2
-
3
- APP_RAKEFILE = File.expand_path("test/dummy/Rakefile", __dir__)
4
- load "rails/tasks/engine.rake"
5
-
6
- load "rails/tasks/statistics.rake"
7
-
8
- require "bundler/gem_tasks"
@@ -1,49 +0,0 @@
1
- @import "tailwindcss";
2
-
3
- @theme {
4
- --color-foreground: var(--color-zinc-900);
5
- --color-background: var(--color-white);
6
-
7
- --color-border: var(--color-zinc-200);
8
- --color-ring: var(--color-blue-600);
9
- --color-muted: var(--color-zinc-100);
10
- --color-muted-content: var(--color-zinc-500);
11
- --color-primary: var(--color-zinc-800);
12
- --color-primary-content: var(--zinc-800);
13
- --color-primary-foreground: var(--color-zinc-100);
14
- --color-destructive: var(--color-red-500);
15
- --color-destructive-content: var(--color-red-800);
16
- --color-destructive-foreground: var(--color-white);
17
- }
18
-
19
- @layer base {
20
- [data-theme="dark"] {
21
- --color-foreground: var(--color-zinc-100);
22
- --color-background: var(--color-zinc-950);
23
-
24
- --color-border: var(--color-zinc-700);
25
- --color-ring: var(--color-blue-700);
26
- --color-muted: var(--color-zinc-800);
27
- --color-muted-content: var(--color-zinc-400);
28
- --color-primary: var(--color-zinc-50);
29
- --color-primary-content: var(--color-zinc-50);
30
- --color-primary-foreground: var(--color-zinc-900);
31
- --color-destructive: var(--color-red-900);
32
- --color-destructive-content: var(--color-red-600);
33
- --color-destructive-foreground: var(--color-white);
34
- }
35
- }
36
-
37
- @variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
38
-
39
- @layer base {
40
- * {
41
- @apply border-border ring-ring min-w-0;
42
- }
43
-
44
- body {
45
- /* Nitro Kit looks great in Inter as well */
46
- /* https://rsms.me/inter */
47
- @apply bg-background text-foreground font-sans;
48
- }
49
- }
@@ -1,9 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module NitroKit
4
- class Datepicker < Component
5
- def view_template
6
- render(Input.new(type: "text", **attrs, data: { controller: "nk--datepicker" }))
7
- end
8
- end
9
- end
@@ -1,9 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module NitroKit
4
- module AccordionHelper
5
- def nk_accordion(**attrs, &block)
6
- render(Accordion.from_template(**attrs), &block)
7
- end
8
- end
9
- end
@@ -1,11 +0,0 @@
1
- module NitroKit
2
- module AlertHelper
3
- include Variants
4
-
5
- def nk_alert(**attrs, &block)
6
- render(Alert.from_template(**attrs), &block)
7
- end
8
-
9
- automatic_variants(Alert::VARIANTS, :nk_alert)
10
- end
11
- end
@@ -1,13 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module NitroKit
4
- module AvatarHelper
5
- def nk_avatar(src = nil, **attrs, &block)
6
- render(Avatar.from_template(src, **attrs), &block)
7
- end
8
-
9
- def nk_avatar_stack(**attrs, &block)
10
- render(AvatarStack.from_template(**attrs), &block)
11
- end
12
- end
13
- end
@@ -1,13 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module NitroKit
4
- module BadgeHelper
5
- include Variants
6
-
7
- automatic_variants(Badge::VARIANTS, :nk_badge)
8
-
9
- def nk_badge(text = nil, **attrs, &block)
10
- render(NitroKit::Badge.from_template(text, **attrs), &block)
11
- end
12
- end
13
- end
@@ -1,9 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module NitroKit
4
- module ButtonGroupHelper
5
- def nk_button_group(**attrs, &block)
6
- render(ButtonGroup.from_template(**attrs), &block)
7
- end
8
- end
9
- end