nitro_kit 2.0.0.alpha.2 → 2.0.0.alpha.4

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: nitro_kit
 version: !ruby/object:Gem::Version
-  version: 2.0.0.alpha.2
+  version: 2.0.0.alpha.4
 platform: ruby
 authors:
 - Mikkel Malmberg
@@ -128,7 +128,6 @@ files:
 - app/components/nitro_kit/fieldset.rb
 - app/components/nitro_kit/flex.rb
 - app/components/nitro_kit/form_builder.rb
-- app/components/nitro_kit/form_section.rb
 - app/components/nitro_kit/grid.rb
 - app/components/nitro_kit/icon.rb
 - app/components/nitro_kit/input.rb
@@ -144,6 +143,7 @@ files:
 - app/components/nitro_kit/rich_text_area.rb
 - app/components/nitro_kit/select.rb
 - app/components/nitro_kit/settings_layout.rb
+- app/components/nitro_kit/settings_section.rb
 - app/components/nitro_kit/sheet.rb
 - app/components/nitro_kit/stat_grid.rb
 - app/components/nitro_kit/switch.rb
@@ -176,12 +176,12 @@ files:
 - config/locales/en.yml
 - docs/agent_guide.md
 - docs/agent_native_spec.md
+- docs/browser_support.md
 - docs/component_contracts.md
 - docs/customization.md
 - docs/hotwire.md
 - docs/initialization_prompt.md
 - docs/migration_1_to_2.md
-- docs/new_app_strategy.md
 - docs/patterns/application_foundation.md
 - docs/patterns/crud_resource.md
 - docs/patterns/destructive_action.md
@@ -238,7 +238,6 @@ files:
 - src/stylesheets/nitro_kit/components/field_group.css
 - src/stylesheets/nitro_kit/components/fieldset.css
 - src/stylesheets/nitro_kit/components/flex.css
-- src/stylesheets/nitro_kit/components/form_section.css
 - src/stylesheets/nitro_kit/components/grid.css
 - src/stylesheets/nitro_kit/components/icon.css
 - src/stylesheets/nitro_kit/components/input.css
@@ -254,6 +253,7 @@ files:
 - src/stylesheets/nitro_kit/components/rich_text_area.css
 - src/stylesheets/nitro_kit/components/select.css
 - src/stylesheets/nitro_kit/components/settings_layout.css
+- src/stylesheets/nitro_kit/components/settings_section.css
 - src/stylesheets/nitro_kit/components/sheet.css
 - src/stylesheets/nitro_kit/components/stat_grid.css
 - src/stylesheets/nitro_kit/components/switch.css

data/docs/new_app_strategy.md

@@ -1,22 +0,0 @@
-# New application strategy
-
-Recommend a Rails application template for new applications, not a return to Nitro Kit's old component-copying generator.
-
-Rails application templates are designed to configure a new app during `rails new`, can add gems, and can run generators after Bundler finishes. Nitro Kit's starter therefore remains a thin one-command entry point:
-
-```sh
-rails new my_app -m https://nitrokit.dev/template.rb
-```
-
-The template adds Nitro Kit and invokes `nitro_kit:install`. The generator owns
-the project-local skills and `AGENTS.md`. The template does not copy Nitro
-components, controllers, authentication, teams, billing, or product models.
-
-Existing applications install the gem directly and run the setup generator.
-Agent discovery, version-matched skill routing, diagnostics, and initialization
-handoff are meaningful application-owned setup; component source remains
-gem-owned.
-
-An optional `nitro_kit:application` generator can later create an application-owned base: layout, `UI` namespace, shell choice, root screen, and authentication hooks. Keep that separate from installing the UI gem so teams can adopt Nitro Kit without adopting an application architecture.
-
-Promote the template into a versioned starter application only when Nitro Kit deliberately owns opinions beyond UI and interaction conventions, such as authentication, accounts, teams, billing, jobs, mail, and deployment. Until then, the application template is easier to inspect, test, and evolve and does not impose the maintenance cost of a forked starter repository.

data/src/stylesheets/nitro_kit/components/form_section.css

@@ -1,71 +0,0 @@
-@layer nitro-kit.base {
-  :where([data-nk="form-section"]) {
-    display: grid;
-    grid-template-columns: minmax(10rem, 14rem) minmax(0, 1fr);
-    column-gap: calc(var(--nk-space) * 8);
-    row-gap: calc(var(--nk-space) * 5);
-    align-items: start;
-    min-width: 0;
-    color: var(--nk-color-foreground);
-  }
-
-  :where([data-nk="form-section"] > [data-slot="form-section-header"]) {
-    display: grid;
-    gap: calc(var(--nk-space) * 2);
-  }
-
-  :where([data-nk="form-section"] [data-slot="form-section-title"]) {
-    font-size: var(--nk-text-xl);
-    font-weight: var(--nk-font-weight-semibold);
-    line-height: var(--nk-leading-tight);
-    text-wrap: balance;
-  }
-
-  :where([data-nk="form-section"] [data-slot="form-section-description"]) {
-    max-width: var(--nk-content-lg);
-    color: var(--nk-color-muted-foreground);
-    font-size: var(--nk-text-sm);
-    line-height: var(--nk-leading-relaxed);
-    text-wrap: pretty;
-  }
-
-  :where([data-nk="form-section"] > [data-slot="form-section-form"]) {
-    display: grid;
-    grid-column: 2;
-    gap: calc(var(--nk-space) * 4);
-    width: 100%;
-    max-width: var(--nk-content-lg);
-  }
-
-  :where([data-nk="form-section"] > [data-slot="form-section-status"]) {
-    grid-column: 2;
-    width: 100%;
-    max-width: var(--nk-content-lg);
-  }
-
-  :where([data-nk="form-section"] > [data-slot="form-section-form"] > form) {
-    display: grid;
-    gap: calc(var(--nk-space) * 5);
-  }
-
-  :where([data-nk="form-section"] + [data-nk="form-section"]) {
-    padding-block-start: calc(var(--nk-space) * 8);
-    border-block-start: var(--nk-border-width) solid var(--nk-color-border);
-  }
-}
-
-@layer nitro-kit.state {
-  @media (max-width: 48rem) {
-    :where([data-nk="form-section"]) {
-      grid-template-columns: minmax(0, 1fr);
-      row-gap: calc(var(--nk-space) * 4);
-    }
-
-    :where(
-      [data-nk="form-section"] > [data-slot="form-section-status"],
-      [data-nk="form-section"] > [data-slot="form-section-form"]
-    ) {
-      grid-column: 1;
-    }
-  }
-}