RubyGems - iron-cms - Versions diffs - 0.1.0 - Mend

iron-cms 0.1.0

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 (240) hide show

checksums.yaml +7 -0
data/MIT-LICENSE +20 -0
data/README.md +174 -0
data/Rakefile +8 -0
data/app/assets/builds/iron.css +2 -0
data/app/assets/config/iron_manifest.js +1 -0
data/app/assets/images/iron/icons/sprite.svg +9425 -0
data/app/assets/tailwind/iron/actiontext.css +550 -0
data/app/assets/tailwind/iron/application.css +66 -0
data/app/assets/tailwind/iron/components/button.css +74 -0
data/app/assets/tailwind/iron/components/dropdown.css +42 -0
data/app/assets/tailwind/iron/components/fieldset.css +18 -0
data/app/assets/tailwind/iron/components/form.css +14 -0
data/app/assets/tailwind/iron/components/icon-picker.css +9 -0
data/app/assets/tailwind/iron/components/input.css +44 -0
data/app/assets/tailwind/iron/components/page.css +7 -0
data/app/assets/tailwind/iron/components/select.css +36 -0
data/app/assets/tailwind/iron/components/sidebar.css +21 -0
data/app/assets/tailwind/iron/components/textarea.css +27 -0
data/app/controllers/concerns/iron/authentication.rb +66 -0
data/app/controllers/concerns/iron/authorization.rb +11 -0
data/app/controllers/concerns/iron/locale_aware.rb +20 -0
data/app/controllers/concerns/iron/web_page.rb +18 -0
data/app/controllers/iron/application_controller.rb +7 -0
data/app/controllers/iron/block_definitions/field_definitions_controller.rb +8 -0
data/app/controllers/iron/block_definitions_controller.rb +52 -0
data/app/controllers/iron/blocks_controller.rb +12 -0
data/app/controllers/iron/content_types/field_definitions_controller.rb +8 -0
data/app/controllers/iron/content_types_controller.rb +52 -0
data/app/controllers/iron/entries_controller.rb +103 -0
data/app/controllers/iron/field_definitions_controller.rb +55 -0
data/app/controllers/iron/first_runs_controller.rb +29 -0
data/app/controllers/iron/home_controller.rb +6 -0
data/app/controllers/iron/icons_controller.rb +10 -0
data/app/controllers/iron/locales_controller.rb +52 -0
data/app/controllers/iron/passwords_controller.rb +36 -0
data/app/controllers/iron/references_controller.rb +11 -0
data/app/controllers/iron/schemas_controller.rb +32 -0
data/app/controllers/iron/sessions_controller.rb +32 -0
data/app/controllers/iron/settings_controller.rb +23 -0
data/app/controllers/iron/users_controller.rb +66 -0
data/app/helpers/iron/application_helper.rb +25 -0
data/app/helpers/iron/avatar_helper.rb +35 -0
data/app/helpers/iron/block_helper.rb +4 -0
data/app/helpers/iron/buttons_helper.rb +14 -0
data/app/helpers/iron/components/badge_helper.rb +70 -0
data/app/helpers/iron/components/dropdown_helper.rb +161 -0
data/app/helpers/iron/content_types_helper.rb +11 -0
data/app/helpers/iron/entries_helper.rb +13 -0
data/app/helpers/iron/field_definitions_helper.rb +5 -0
data/app/helpers/iron/form_builder.rb +43 -0
data/app/helpers/iron/icons_helper.rb +30 -0
data/app/helpers/iron/image_helper.rb +50 -0
data/app/javascript/iron/application.js +6 -0
data/app/javascript/iron/controllers/application.js +9 -0
data/app/javascript/iron/controllers/element_controller.js +11 -0
data/app/javascript/iron/controllers/file_upload_controller.js +18 -0
data/app/javascript/iron/controllers/form_controller.js +7 -0
data/app/javascript/iron/controllers/handle_controller.js +27 -0
data/app/javascript/iron/controllers/icon_picker_controller.js +48 -0
data/app/javascript/iron/controllers/index.js +4 -0
data/app/javascript/iron/controllers/sortable_list_controller.js +125 -0
data/app/javascript/iron/controllers/toggle_controller.js +14 -0
data/app/javascript/iron/controllers/trix_controller.js +19 -0
data/app/javascript/iron/lib/lexorank.js +51 -0
data/app/jobs/iron/application_job.rb +4 -0
data/app/jobs/iron/generate_entry_routes_job.rb +15 -0
data/app/mailers/iron/application_mailer.rb +6 -0
data/app/mailers/passwords_mailer.rb +6 -0
data/app/models/concerns/iron/csv_serializable.rb +28 -0
data/app/models/iron/account/joinable.rb +16 -0
data/app/models/iron/account.rb +13 -0
data/app/models/iron/application_record.rb +5 -0
data/app/models/iron/block_definition/portable.rb +20 -0
data/app/models/iron/block_definition.rb +10 -0
data/app/models/iron/content_type/field_queryable.rb +101 -0
data/app/models/iron/content_type/portable.rb +30 -0
data/app/models/iron/content_type/titlable.rb +13 -0
data/app/models/iron/content_type/web_publishable.rb +47 -0
data/app/models/iron/content_type.rb +39 -0
data/app/models/iron/content_types/collection.rb +6 -0
data/app/models/iron/content_types/single.rb +9 -0
data/app/models/iron/current.rb +12 -0
data/app/models/iron/entry/deep_validation.rb +32 -0
data/app/models/iron/entry/presentable.rb +40 -0
data/app/models/iron/entry/schemable.rb +16 -0
data/app/models/iron/entry/titlable.rb +35 -0
data/app/models/iron/entry/web_publishable.rb +85 -0
data/app/models/iron/entry.rb +16 -0
data/app/models/iron/field/belongs_to_entry.rb +29 -0
data/app/models/iron/field.rb +20 -0
data/app/models/iron/field_definition/portable.rb +36 -0
data/app/models/iron/field_definition.rb +42 -0
data/app/models/iron/field_definitions/block.rb +23 -0
data/app/models/iron/field_definitions/block_list.rb +8 -0
data/app/models/iron/field_definitions/boolean.rb +7 -0
data/app/models/iron/field_definitions/date.rb +7 -0
data/app/models/iron/field_definitions/file.rb +67 -0
data/app/models/iron/field_definitions/number.rb +7 -0
data/app/models/iron/field_definitions/reference.rb +8 -0
data/app/models/iron/field_definitions/reference_list.rb +8 -0
data/app/models/iron/field_definitions/rich_text_area.rb +4 -0
data/app/models/iron/field_definitions/text_area.rb +7 -0
data/app/models/iron/field_definitions/text_field.rb +25 -0
data/app/models/iron/fields/block.rb +40 -0
data/app/models/iron/fields/block_list.rb +16 -0
data/app/models/iron/fields/boolean.rb +7 -0
data/app/models/iron/fields/date.rb +7 -0
data/app/models/iron/fields/file.rb +29 -0
data/app/models/iron/fields/number.rb +7 -0
data/app/models/iron/fields/reference.rb +14 -0
data/app/models/iron/fields/reference_list.rb +17 -0
data/app/models/iron/fields/rich_text_area.rb +9 -0
data/app/models/iron/fields/text_area.rb +7 -0
data/app/models/iron/fields/text_field.rb +19 -0
data/app/models/iron/first_run.rb +13 -0
data/app/models/iron/icon_catalog.rb +45 -0
data/app/models/iron/locale.rb +30 -0
data/app/models/iron/reference.rb +8 -0
data/app/models/iron/schema_archive.rb +71 -0
data/app/models/iron/schema_exporter.rb +15 -0
data/app/models/iron/schema_importer.rb +278 -0
data/app/models/iron/session.rb +5 -0
data/app/models/iron/user/role.rb +21 -0
data/app/models/iron/user.rb +37 -0
data/app/views/active_storage/blobs/_blob.html.erb +14 -0
data/app/views/iron/block_definitions/_block_definition.html.erb +21 -0
data/app/views/iron/block_definitions/_form.html.erb +46 -0
data/app/views/iron/block_definitions/edit.html.erb +8 -0
data/app/views/iron/block_definitions/index.html.erb +18 -0
data/app/views/iron/block_definitions/new.html.erb +8 -0
data/app/views/iron/block_definitions/show.html.erb +34 -0
data/app/views/iron/blocks/new.turbo_stream.erb +6 -0
data/app/views/iron/content_types/_content_type.html.erb +21 -0
data/app/views/iron/content_types/_form.html.erb +137 -0
data/app/views/iron/content_types/edit.html.erb +8 -0
data/app/views/iron/content_types/index.html.erb +28 -0
data/app/views/iron/content_types/new.html.erb +8 -0
data/app/views/iron/content_types/show.html.erb +49 -0
data/app/views/iron/entries/_entry.html.erb +17 -0
data/app/views/iron/entries/_entry_option.html.erb +19 -0
data/app/views/iron/entries/_form.html.erb +63 -0
data/app/views/iron/entries/edit.html.erb +52 -0
data/app/views/iron/entries/entry.html.erb +21 -0
data/app/views/iron/entries/fields/_block.html.erb +92 -0
data/app/views/iron/entries/fields/_block_list.html.erb +45 -0
data/app/views/iron/entries/fields/_boolean.html.erb +13 -0
data/app/views/iron/entries/fields/_date.html.erb +11 -0
data/app/views/iron/entries/fields/_file.html.erb +60 -0
data/app/views/iron/entries/fields/_number.html.erb +11 -0
data/app/views/iron/entries/fields/_reference.html.erb +12 -0
data/app/views/iron/entries/fields/_reference_item.html.erb +28 -0
data/app/views/iron/entries/fields/_reference_list.html.erb +44 -0
data/app/views/iron/entries/fields/_rich_text_area.html.erb +13 -0
data/app/views/iron/entries/fields/_text_area.html.erb +11 -0
data/app/views/iron/entries/fields/_text_field.html.erb +28 -0
data/app/views/iron/entries/index.html.erb +21 -0
data/app/views/iron/entries/new.html.erb +8 -0
data/app/views/iron/entries/search.html.erb +33 -0
data/app/views/iron/field_definitions/_field_definition.html.erb +37 -0
data/app/views/iron/field_definitions/block/_form.html.erb +16 -0
data/app/views/iron/field_definitions/block_list/_form.html.erb +13 -0
data/app/views/iron/field_definitions/boolean/_form.html.erb +2 -0
data/app/views/iron/field_definitions/date/_form.html.erb +2 -0
data/app/views/iron/field_definitions/edit.html.erb +16 -0
data/app/views/iron/field_definitions/file/_form.html.erb +40 -0
data/app/views/iron/field_definitions/index.html.erb +14 -0
data/app/views/iron/field_definitions/layouts/_form.html.erb +47 -0
data/app/views/iron/field_definitions/new.html.erb +22 -0
data/app/views/iron/field_definitions/number/_form.html.erb +2 -0
data/app/views/iron/field_definitions/reference/_form.html.erb +13 -0
data/app/views/iron/field_definitions/reference_list/_form.html.erb +13 -0
data/app/views/iron/field_definitions/rich_text_area/_form.html.erb +2 -0
data/app/views/iron/field_definitions/text_area/_form.html.erb +2 -0
data/app/views/iron/field_definitions/text_field/_form.html.erb +17 -0
data/app/views/iron/first_runs/show.html.erb +44 -0
data/app/views/iron/home/show.html.erb +2 -0
data/app/views/iron/icons/index.html.erb +21 -0
data/app/views/iron/locales/_form.html.erb +24 -0
data/app/views/iron/locales/_locale.html.erb +15 -0
data/app/views/iron/locales/edit.html.erb +8 -0
data/app/views/iron/locales/index.html.erb +12 -0
data/app/views/iron/locales/new.html.erb +8 -0
data/app/views/iron/passwords/edit.html.erb +7 -0
data/app/views/iron/passwords/new.html.erb +26 -0
data/app/views/iron/passwords_mailer/reset.html.erb +4 -0
data/app/views/iron/passwords_mailer/reset.text.erb +2 -0
data/app/views/iron/published_pages/show.html.erb +10 -0
data/app/views/iron/references/new.turbo_stream.erb +6 -0
data/app/views/iron/schemas/new.html.erb +57 -0
data/app/views/iron/sessions/new.html.erb +36 -0
data/app/views/iron/settings/show.html.erb +38 -0
data/app/views/iron/shared/_icon_picker.html.erb +60 -0
data/app/views/iron/users/_form.html.erb +21 -0
data/app/views/iron/users/_user.html.erb +27 -0
data/app/views/iron/users/edit.html.erb +12 -0
data/app/views/iron/users/index.html.erb +21 -0
data/app/views/iron/users/new.html.erb +29 -0
data/app/views/iron/users/show.html.erb +21 -0
data/app/views/layouts/action_text/contents/_content.html.erb +3 -0
data/app/views/layouts/iron/_sidebar.html.erb +83 -0
data/app/views/layouts/iron/_sidebar_item.html.erb +14 -0
data/app/views/layouts/iron/_toast.html.erb +29 -0
data/app/views/layouts/iron/application.html.erb +46 -0
data/app/views/layouts/iron/authentication.html.erb +41 -0
data/config/importmap.rb +9 -0
data/config/routes.rb +40 -0
data/db/migrate/20250422131656_initial_iron_schema.rb +105 -0
data/db/migrate/20250427100754_create_iron_accounts.rb +10 -0
data/db/migrate/20250427104020_add_role_to_iron_users.rb +5 -0
data/db/migrate/20250428094923_add_default_iron_locale_to_iron_account.rb +5 -0
data/db/migrate/20250504144731_create_join_table_content_types_field_definitions.rb +25 -0
data/db/migrate/20250505090716_add_title_field_definition_to_iron_content_types.rb +5 -0
data/db/migrate/20250512210352_create_iron_references.rb +11 -0
data/db/migrate/20250524220355_add_referenced_entry_id_to_iron_fields.rb +5 -0
data/db/migrate/20250529211703_add_metadata_to_iron_field_definitions.rb +5 -0
data/db/migrate/20250529211704_add_value_boolean_to_iron_fields.rb +5 -0
data/db/migrate/20250531172837_add_type_to_iron_content_types.rb +5 -0
data/db/migrate/20250601080146_add_icon_to_iron_content_types.rb +5 -0
data/db/migrate/20250609091605_add_web_publishing_to_iron_content_types.rb +7 -0
data/db/migrate/20250609091813_add_route_to_iron_entries.rb +6 -0
data/lib/generators/iron/pages/pages_generator.rb +34 -0
data/lib/generators/iron/pages/templates/pages_controller.rb +14 -0
data/lib/generators/iron/pages/templates/show.html.erb +9 -0
data/lib/generators/iron/template/template_generator.rb +35 -0
data/lib/generators/iron/template/templates/content_type.html.erb +5 -0
data/lib/iron/cva.rb +69 -0
data/lib/iron/engine.rb +42 -0
data/lib/iron/image_analyzer.rb +26 -0
data/lib/iron/lexorank/exceptions.rb +4 -0
data/lib/iron/lexorank/rankable.rb +185 -0
data/lib/iron/lexorank/rebalance_rank_job.rb +10 -0
data/lib/iron/lexorank/utils.rb +77 -0
data/lib/iron/lexorank.rb +7 -0
data/lib/iron/routing.rb +66 -0
data/lib/iron/sdk.rb +19 -0
data/lib/iron/version.rb +3 -0
data/lib/iron.rb +8 -0
data/lib/puma/plugin/iron_tailwindcss.rb +78 -0
metadata +458 -0

data/app/assets/tailwind/iron/actiontext.css ADDED Viewed

@@ -0,0 +1,550 @@
+/*
+ * Default Trix editor styles. See Action Text overwrites below.
+*/
+@layer components {
+  trix-editor {
+    border: 1px solid #bbb;
+    border-radius: 3px;
+    margin: 0;
+    padding: 0.4em 0.6em;
+    min-height: 5em;
+    outline: none;
+  }
+  trix-toolbar * {
+    box-sizing: border-box;
+  }
+  trix-toolbar .trix-button-row {
+    display: flex;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    overflow-x: auto;
+  }
+  trix-toolbar .trix-button-group {
+    display: flex;
+    margin-bottom: 10px;
+    border: 1px solid #bbb;
+    border-top-color: #ccc;
+    border-bottom-color: #888;
+    border-radius: 3px;
+  }
+  trix-toolbar .trix-button-group:not(:first-child) {
+    margin-left: 1.5vw;
+  }
+  @media (max-width: 768px) {
+    trix-toolbar .trix-button-group:not(:first-child) {
+      margin-left: 0;
+    }
+  }
+  trix-toolbar .trix-button-group-spacer {
+    flex-grow: 1;
+  }
+  @media (max-width: 768px) {
+    trix-toolbar .trix-button-group-spacer {
+      display: none;
+    }
+  }
+  trix-toolbar .trix-button {
+    position: relative;
+    float: left;
+    color: rgba(0, 0, 0, 0.6);
+    font-size: 0.75em;
+    font-weight: 600;
+    white-space: nowrap;
+    padding: 0 0.5em;
+    margin: 0;
+    outline: none;
+    border: none;
+    border-bottom: 1px solid #ddd;
+    border-radius: 0;
+    background: transparent;
+  }
+  trix-toolbar .trix-button:not(:first-child) {
+    border-left: 1px solid #ccc;
+  }
+  trix-toolbar .trix-button.trix-active {
+    background: #cbeefa;
+    color: black;
+  }
+  trix-toolbar .trix-button:not(:disabled) {
+    cursor: pointer;
+  }
+  trix-toolbar .trix-button:disabled {
+    color: rgba(0, 0, 0, 0.125);
+  }
+  @media (max-width: 768px) {
+    trix-toolbar .trix-button {
+      letter-spacing: -0.01em;
+      padding: 0 0.3em;
+    }
+  }
+  trix-toolbar .trix-button--icon {
+    font-size: inherit;
+    width: 2.6em;
+    height: 1.6em;
+    max-width: calc(0.8em + 4vw);
+    text-indent: -9999px;
+  }
+  @media (max-width: 768px) {
+    trix-toolbar .trix-button--icon {
+      height: 2em;
+      max-width: calc(0.8em + 3.5vw);
+    }
+  }
+  trix-toolbar .trix-button--icon::before {
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    opacity: 0.6;
+    content: "";
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain;
+  }
+  @media (max-width: 768px) {
+    trix-toolbar .trix-button--icon::before {
+      right: 6%;
+      left: 6%;
+    }
+  }
+  trix-toolbar .trix-button--icon.trix-active::before {
+    opacity: 1;
+  }
+  trix-toolbar .trix-button--icon:disabled::before {
+    opacity: 0.125;
+  }
+  trix-toolbar .trix-button--icon-attach::before {
+    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
+    top: 8%;
+    bottom: 4%;
+  }
+  trix-toolbar .trix-button--icon-bold::before {
+    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
+  }
+  trix-toolbar .trix-button--icon-italic::before {
+    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
+  }
+  trix-toolbar .trix-button--icon-link::before {
+    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
+  }
+  trix-toolbar .trix-button--icon-strike::before {
+    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
+  }
+  trix-toolbar .trix-button--icon-quote::before {
+    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
+  }
+  trix-toolbar .trix-button--icon-heading-1::before {
+    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
+  }
+  trix-toolbar .trix-button--icon-code::before {
+    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
+  }
+  trix-toolbar .trix-button--icon-bullet-list::before {
+    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
+  }
+  trix-toolbar .trix-button--icon-number-list::before {
+    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
+  }
+  trix-toolbar .trix-button--icon-undo::before {
+    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
+  }
+  trix-toolbar .trix-button--icon-redo::before {
+    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
+  }
+  trix-toolbar .trix-button--icon-decrease-nesting-level::before {
+    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
+  }
+  trix-toolbar .trix-button--icon-increase-nesting-level::before {
+    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
+  }
+  trix-toolbar .trix-dialogs {
+    position: relative;
+  }
+  trix-toolbar .trix-dialog {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    font-size: 0.75em;
+    padding: 15px 10px;
+    background: #fff;
+    box-shadow: 0 0.3em 1em #ccc;
+    border-top: 2px solid #888;
+    border-radius: 5px;
+    z-index: 5;
+  }
+  trix-toolbar .trix-input--dialog {
+    font-size: inherit;
+    font-weight: normal;
+    padding: 0.5em 0.8em;
+    margin: 0 10px 0 0;
+    border-radius: 3px;
+    border: 1px solid #bbb;
+    background-color: #fff;
+    box-shadow: none;
+    outline: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+  }
+  trix-toolbar .trix-input--dialog.validate:invalid {
+    box-shadow: #f00 0px 0px 1.5px 1px;
+  }
+  trix-toolbar .trix-button--dialog {
+    font-size: inherit;
+    padding: 0.5em;
+    border-bottom: none;
+  }
+  trix-toolbar .trix-dialog--link {
+    max-width: 600px;
+  }
+  trix-toolbar .trix-dialog__link-fields {
+    display: flex;
+    align-items: baseline;
+  }
+  trix-toolbar .trix-dialog__link-fields .trix-input {
+    flex: 1;
+  }
+  trix-toolbar .trix-dialog__link-fields .trix-button-group {
+    flex: 0 0 content;
+    margin: 0;
+  }
+  trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+  trix-editor [data-trix-mutable]::-moz-selection,
+  trix-editor [data-trix-cursor-target]::-moz-selection,
+  trix-editor [data-trix-mutable] ::-moz-selection {
+    background: none;
+  }
+  trix-editor [data-trix-mutable]::selection,
+  trix-editor [data-trix-cursor-target]::selection,
+  trix-editor [data-trix-mutable] ::selection {
+    background: none;
+  }
+  trix-editor
+    .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection {
+    background: highlight;
+  }
+  trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
+    background: highlight;
+  }
+  trix-editor [data-trix-mutable].attachment.attachment--file {
+    box-shadow: 0 0 0 2px highlight;
+    border-color: transparent;
+  }
+  trix-editor [data-trix-mutable].attachment img {
+    box-shadow: 0 0 0 2px highlight;
+  }
+  trix-editor .attachment {
+    position: relative;
+  }
+  trix-editor .attachment:hover {
+    cursor: default;
+  }
+  trix-editor .attachment--preview .attachment__caption:hover {
+    cursor: text;
+  }
+  trix-editor .attachment__progress {
+    position: absolute;
+    z-index: 1;
+    height: 20px;
+    top: calc(50% - 10px);
+    left: 5%;
+    width: 90%;
+    opacity: 0.9;
+    transition: opacity 200ms ease-in;
+  }
+  trix-editor .attachment__progress[value="100"] {
+    opacity: 0;
+  }
+  trix-editor .attachment__caption-editor {
+    display: inline-block;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    font-size: inherit;
+    font-family: inherit;
+    line-height: inherit;
+    color: inherit;
+    text-align: center;
+    vertical-align: top;
+    border: none;
+    outline: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+  }
+  trix-editor .attachment__toolbar {
+    position: absolute;
+    z-index: 1;
+    top: -0.9em;
+    left: 0;
+    width: 100%;
+    text-align: center;
+  }
+  trix-editor .trix-button-group {
+    display: inline-flex;
+  }
+  trix-editor .trix-button {
+    position: relative;
+    float: left;
+    color: #666;
+    white-space: nowrap;
+    font-size: 80%;
+    padding: 0 0.8em;
+    margin: 0;
+    outline: none;
+    border: none;
+    border-radius: 0;
+    background: transparent;
+  }
+  trix-editor .trix-button:not(:first-child) {
+    border-left: 1px solid #ccc;
+  }
+  trix-editor .trix-button.trix-active {
+    background: #cbeefa;
+  }
+  trix-editor .trix-button:not(:disabled) {
+    cursor: pointer;
+  }
+  trix-editor .trix-button--remove {
+    text-indent: -9999px;
+    display: inline-block;
+    padding: 0;
+    outline: none;
+    width: 1.8em;
+    height: 1.8em;
+    line-height: 1.8em;
+    border-radius: 50%;
+    background-color: #fff;
+    border: 2px solid highlight;
+    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
+  }
+  trix-editor .trix-button--remove::before {
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    opacity: 0.7;
+    content: "";
+    background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 90%;
+  }
+  trix-editor .trix-button--remove:hover {
+    border-color: #333;
+  }
+  trix-editor .trix-button--remove:hover::before {
+    opacity: 1;
+  }
+  trix-editor .attachment__metadata-container {
+    position: relative;
+  }
+  trix-editor .attachment__metadata {
+    position: absolute;
+    left: 50%;
+    top: 2em;
+    transform: translate(-50%, 0);
+    max-width: 90%;
+    padding: 0.1em 0.6em;
+    font-size: 0.8em;
+    color: #fff;
+    background-color: rgba(0, 0, 0, 0.7);
+    border-radius: 3px;
+  }
+  trix-editor .attachment__metadata .attachment__name {
+    display: inline-block;
+    max-width: 100%;
+    vertical-align: bottom;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  trix-editor .attachment__metadata .attachment__size {
+    margin-left: 0.2em;
+    white-space: nowrap;
+  }
+  .trix-content {
+    line-height: 1.5;
+    overflow-wrap: break-word;
+    word-break: break-word;
+  }
+  .trix-content * {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+  }
+  .trix-content h1 {
+    font-size: 1.2em;
+    line-height: 1.2;
+  }
+  .trix-content blockquote {
+    border: 0 solid #ccc;
+    border-left-width: 0.3em;
+    margin-left: 0.3em;
+    padding-left: 0.6em;
+  }
+  .trix-content [dir="rtl"] blockquote,
+  .trix-content blockquote[dir="rtl"] {
+    border-width: 0;
+    border-right-width: 0.3em;
+    margin-right: 0.3em;
+    padding-right: 0.6em;
+  }
+  .trix-content li {
+    margin-left: 1em;
+  }
+  .trix-content [dir="rtl"] li {
+    margin-right: 1em;
+  }
+  .trix-content pre {
+    display: inline-block;
+    width: 100%;
+    vertical-align: top;
+    font-family: monospace;
+    font-size: 0.9em;
+    padding: 0.5em;
+    white-space: pre;
+    background-color: #eee;
+    overflow-x: auto;
+  }
+  .trix-content img {
+    max-width: 100%;
+    height: auto;
+  }
+  .trix-content .attachment {
+    display: inline-block;
+    position: relative;
+    max-width: 100%;
+  }
+  .trix-content .attachment a {
+    color: inherit;
+    text-decoration: none;
+  }
+  .trix-content .attachment a:hover,
+  .trix-content .attachment a:visited:hover {
+    color: inherit;
+  }
+  .trix-content .attachment__caption {
+    text-align: center;
+  }
+  .trix-content
+    .attachment__caption
+    .attachment__name
+    + .attachment__size::before {
+    content: " \2022 ";
+  }
+  .trix-content .attachment--preview {
+    width: 100%;
+    text-align: center;
+  }
+  .trix-content .attachment--preview .attachment__caption {
+    color: #666;
+    font-size: 0.9em;
+    line-height: 1.2;
+  }
+  .trix-content .attachment--file {
+    color: #333;
+    line-height: 1;
+    margin: 0 2px 2px 2px;
+    padding: 0.4em 1em;
+    border: 1px solid #bbb;
+    border-radius: 5px;
+  }
+  .trix-content .attachment-gallery {
+    display: flex;
+    flex-wrap: wrap;
+    position: relative;
+  }
+  .trix-content .attachment-gallery .attachment {
+    flex: 1 0 33%;
+    padding: 0 0.5em;
+    max-width: 33%;
+  }
+  .trix-content .attachment-gallery.attachment-gallery--2 .attachment,
+  .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
+    flex-basis: 50%;
+    max-width: 50%;
+  }
+  /*
+  * We need to override trix.css’s image gallery styles to accommodate the
+  * <action-text-attachment> element we wrap around attachments. Otherwise,
+  * images in galleries will be squished by the max-width: 33%; rule.
+  */
+  .trix-content .attachment-gallery > action-text-attachment,
+  .trix-content .attachment-gallery > .attachment {
+    flex: 1 0 33%;
+    padding: 0 0.5em;
+    max-width: 33%;
+  }
+  .trix-content
+    .attachment-gallery.attachment-gallery--2
+    > action-text-attachment,
+  .trix-content .attachment-gallery.attachment-gallery--2 > .attachment,
+  .trix-content
+    .attachment-gallery.attachment-gallery--4
+    > action-text-attachment,
+  .trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
+    flex-basis: 50%;
+    max-width: 50%;
+  }
+  .trix-content action-text-attachment .attachment {
+    padding: 0 !important;
+    max-width: 100% !important;
+  }
+}

data/app/assets/tailwind/iron/application.css ADDED Viewed

@@ -0,0 +1,66 @@
+@import 'tailwindcss';
+@source "../../../views/**/*.erb";
+@source "../../../helpers/**/*.rb";
+@source "../../../javascript/**/*.js";
+@import './components/input.css';
+@import './components/textarea.css';
+@import './components/button.css';
+@import './components/select.css';
+@import './components/dropdown.css';
+@import './components/fieldset.css';
+@import './components/page.css';
+@import './components/sidebar.css';
+@import './components/form.css';
+@import './components/icon-picker.css';
+@import './actiontext.css';
+@plugin '@tailwindcss/typography';
+@theme {
+  --font-sans:
+    'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --animate-appear-then-fade: appear-then-fade 5s 300ms both;
+  @keyframes appear-then-fade {
+    0%,
+    100% {
+      opacity: 0;
+      transform: translateY(100%);
+    }
+    1%,
+    80% {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+}
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+}
+@layer components {
+  [data-controller~="sortable-list"] {
+    [data-sortable-list-target~="item"].dragging {
+      @apply opacity-0;
+    }
+  }
+}

data/app/assets/tailwind/iron/components/button.css ADDED Viewed

@@ -0,0 +1,74 @@
+@utility btn {
+  /* ---------- base ------------------------------------------------------ */
+  @apply relative isolate inline-flex items-center justify-center gap-x-2 rounded-lg border font-semibold text-base/6;
+  /* sizing */
+  @apply px-[calc(--spacing(3.5)-1px)] py-[calc(--spacing(2.5)-1px)] sm:px-[calc(--spacing(3)-1px)] sm:py-[calc(--spacing(1.5)-1px)] sm:text-sm/6;
+  /* focus ring */
+  @apply focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-stone-400;
+  /* disabled */
+  @apply disabled:opacity-50;
+  /* embedded icons ------------------------------------------------------- */
+  & > *[data-slot="icon"] {
+    @apply -mx-0.5 my-0.5 size-5 shrink-0 text-[--btn-icon] sm:my-1 sm:size-4;
+  }
+  /* “solid” -------------------------------------------------------------- */
+  &[data-variant="solid"],
+  &:not([data-variant]) {
+    /* implicit default */
+    @apply border-transparent bg-(--btn-bg)
+           before:absolute before:inset-0 before:-z-10
+           before:rounded-[calc(var(--radius-lg)-1px)]
+           before:bg-(--btn-bg) before:shadow-sm dark:before:hidden
+           dark:border-white/5
+           after:absolute after:inset-0 after:-z-10
+           after:rounded-[calc(var(--radius-lg)-1px)]
+           after:shadow-[inset_0_1px_var(--theme--color-white/15%)]
+           dark:after:-inset-px dark:after:rounded-lg
+           hover:after:bg-(--btn-hover-overlay)
+           active:after:bg-(--btn-hover-overlay)
+           disabled:before:shadow-none disabled:after:shadow-none;
+  }
+  /* “outline” ------------------------------------------------------------ */
+  &[data-variant="outline"] {
+    @apply border-stone-950/10 text-stone-950
+           hover:bg-stone-950/[2.5%] active:bg-stone-950/[2.5%]
+           dark:border-white/15 dark:text-white
+           dark:hover:bg-white/5 dark:active:bg-white/5
+           [--btn-icon:var(--color-stone-500)]
+           hover:[--btn-icon:var(--color-stone-700)]
+           active:[--btn-icon:var(--color-stone-700)]
+           dark:hover:[--btn-icon:var(--color-stone-400)]
+           dark:active:[--btn-icon:var(--color-stone-400)];
+  }
+  /* “plain” -------------------------------------------------------------- */
+  &[data-variant="plain"] {
+    @apply border-transparent text-stone-950
+           hover:bg-stone-950/5 active:bg-stone-950/5
+           dark:text-white dark:hover:bg-white/10 dark:active:bg-white/10
+           [--btn-icon:var(--color-stone-500)]
+           hover:[--btn-icon:var(--color-stone-700)]
+           active:[--btn-icon:var(--color-stone-700)]
+           dark:hover:[--btn-icon:var(--color-stone-400)]
+           dark:active:[--btn-icon:var(--color-stone-400)];
+  }
+  /* ---------- semantic colors (primary, accent, destructive) ----------- */
+  &[data-color="primary"],
+  &:not([data-color]) {
+    @apply text-white [--btn-bg:var(--color-stone-600)] [--btn-border:var(--color-stone-700)]/90 [--btn-hover-overlay:var(--color-white)]/10 [--btn-icon:var(--color-stone-400)] hover:[--btn-icon:var(--color-stone-300)] active:[--btn-icon:var(--color-stone-300)];
+  }
+  &[data-color="accent"] {
+    @apply text-white [--btn-bg:var(--color-sky-500)] [--btn-border:var(--color-sky-600)]/80 [--btn-hover-overlay:var(--color-white)]/10 [--btn-icon:var(--color-white)]/60 hover:[--btn-icon:var(--color-white)]/80 active:[--btn-icon:var(--color-white)]/80;
+  }
+  &[data-color="destructive"] {
+    @apply text-white [--btn-bg:var(--color-red-600)] [--btn-border:var(--color-red-700)]/90 [--btn-hover-overlay:var(--color-white)]/10 [--btn-icon:var(--color-red-300)] hover:[--btn-icon:var(--color-red-200)] active:[--btn-icon:var(--color-red-200)];
+  }
+}
+@utility btn-touch-target {
+  @apply absolute left-1/2 top-1/2 size-[max(100%,2.75rem)] -translate-x-1/2 -translate-y-1/2 [@media(pointer:fine)]:hidden;
+}