aeros 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e3b2cb46425e66779531efc5a9dceb58fec72624117670955cc67c8d1d96acb9
-  data.tar.gz: c7e1a6a35537ecec3e6abcc3fcb92102bf2c6482d035dcf1e5f3583281ef0232
+  metadata.gz: 1788d5f508471eb8b69dedfedf0aa8c3f3e5b12247ffd0677d513022f686bc2f
+  data.tar.gz: 1ab47407f64a0a5550fcb6ed60a76f362648ee001b5b134f1da452a163908add
 SHA512:
-  metadata.gz: 46eccf22886fa9abaf9f9c934d7db43056e936670021d69303d4b00c420bd73638ecb13be8e965fdd56806688f0219e19d6cfea8be7e0426ed7e9d553a998168
-  data.tar.gz: c0e763ed28d49f28109845222e63f0e292996e5e0b5a3f2ab59f8e41387461b5bddf367b2588d32db0150068b26bdafc657350c9903cfb69c14b9696d105f762
+  metadata.gz: eab9342811c70d2feb05edb448e5acb1d7153c49e15e22f5de01f4f5cac2ee67b6aeb277a5457f47c06e50423e11a23c5622190b0ec4fe69e89740e0169ec99d
+  data.tar.gz: 807570404983a524882afa6e448dade3c8d4894fe664dd6dbbd245f8697542d3a96f9243df83ec66d1decd6f605ce752f87a1267dfae50d34c50dd3441e379d4

data/Rakefile

@@ -1,6 +1,6 @@
 require "bundler/setup"
 
-APP_RAKEFILE = File.expand_path("spec/dummy/Rakefile", __dir__)
+APP_RAKEFILE = File.expand_path("test/dummy/Rakefile", __dir__)
 load "rails/tasks/engine.rake"
 
 load "rails/tasks/statistics.rake"

data/app/assets/stylesheets/aeros/application.css

@@ -1,15 +1 @@
-/*
- * This is a manifest file that'll be compiled into application.css, which will include all the files
- * listed below.
- *
- * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
- * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
- *
- * You're free to add application-wide styles to this file and they'll appear at the bottom of the
- * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
- * files in this directory. Styles in this file should be added after the last require_* statement.
- * It is generally better to create a new file per style scope.
- *
- *= require_tree .
- *= require_self
- */
+@layer aeros-reset, aeros-base, aeros-theme, aeros-components, aeros-config;@import url("https://rsms.me/inter/inter.css") layer(aeros-reset);@layer aeros-reset{}@layer aeros-reset{*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Inter,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:"liga" 1,"calt" 1;font-variation-settings:normal;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}@supports (font-variation-settings:normal){:host,html{font-family:InterVariable,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--ui-input-placeholder,#737373);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}}@layer aeros-base{:root{--ui-spacing:1rem;--ui-radius-sm:0.25rem;--ui-radius:0.375rem;--ui-radius-md:0.5rem;--ui-radius-lg:0.75rem}html{background-color:var(--ui-background);color:var(--ui-foreground)}[data-slot=command-item],[role=menuitem],a,button,input[type=submit],option,select{cursor:pointer!important}button{text-align:left}::-webkit-scrollbar{display:none}}@layer aeros-base{.pad-1{padding:var(--ui-spacing)}.pad-2{padding:calc(var(--ui-spacing)*2)}.pad-3{padding:calc(var(--ui-spacing)*3)}.pad-4{padding:calc(var(--ui-spacing)*4)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-muted{color:var(--ui-muted-color)}.cg-theme-toggle{bottom:1.5rem;position:fixed;right:1.5rem;z-index:50}}@layer aeros-theme{}@layer aeros-theme{[data-theme=slate]{--ui-background:#fff;--ui-foreground:#0f172a;--ui-border:#e2e8f0;--ui-destructive:#dc2626;--ui-primary:#0f172a;--ui-accent:#f1f5f9;--ui-accent-foreground:#0f172a;--ui-popover:#fff;--ui-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--ui-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--ui-muted:#f1f5f9;--ui-muted-foreground:#64748b;--ui-card-bg:#fff;--ui-card-fg:#0f172a;--ui-card-border:#e2e8f0;--ui-card-radius:0.75rem;--ui-card-shadow:0 1px 2px 0 rgba(0,0,0,.05);--ui-area-bg:#f8fafc;--ui-area-fg:#0f172a;--ui-area-border:#e2e8f0;--ui-sidebar-bg:#f8fafc;--ui-sidebar-fg:#0f172a;--ui-sidebar-border:#e2e8f0;--ui-sidebar-hover:#f1f5f9;--ui-sidebar-active:#e2e8f0;--ui-button-bg:#0f172a;--ui-button-bg-hover:#1e293b;--ui-button-fg:#fff;--ui-button-border:#0f172a;--ui-button-secondary-bg:#f1f5f9;--ui-button-secondary-bg-hover:#e2e8f0;--ui-button-secondary-fg:#0f172a;--ui-button-destructive-bg:#dc2626;--ui-button-destructive-bg-hover:#b91c1c;--ui-button-destructive-fg:#fff;--ui-button-ghost-bg-hover:#f1f5f9;--ui-button-ghost-fg:#0f172a;--ui-button-outline-bg-hover:#f1f5f9;--ui-button-outline-fg:#0f172a;--ui-input-bg:#fff;--ui-input-fg:#0f172a;--ui-input-border:#e2e8f0;--ui-input-border-focus:#94a3b8;--ui-input-ring:#3b82f6;--ui-input-placeholder:#94a3b8;--ui-heading-color:#0f172a;--ui-body-color:#334155;--ui-muted-color:#64748b;--ui-link-color:#2563eb;--ui-link-hover:#1d4ed8;--ui-ring:#3b82f6;--ui-menu-bg:#fff;--ui-menu-fg:#0f172a;--ui-menu-border:#e2e8f0;--ui-menu-radius:0.375rem;--ui-menu-shadow:0 10px 15px -3px rgba(0,0,0,.1);--ui-menu-padding:0.25rem;--ui-menu-item-radius:0.25rem}[data-theme=slate][data-mode=dark]{--ui-background:#0f172a;--ui-foreground:#f8fafc;--ui-border:#334155;--ui-destructive:#dc2626;--ui-primary:#f8fafc;--ui-accent:#1e293b;--ui-accent-foreground:#f8fafc;--ui-popover:#1e293b;--ui-shadow-lg:0 10px 15px -3px rgba(0,0,0,.3);--ui-shadow-xl:0 20px 25px -5px rgba(0,0,0,.3);--ui-muted:#1e293b;--ui-muted-foreground:#94a3b8;--ui-card-bg:#1e293b;--ui-card-fg:#f8fafc;--ui-card-border:#334155;--ui-card-shadow:0 1px 2px 0 rgba(0,0,0,.3);--ui-area-bg:#1e293b;--ui-area-fg:#f8fafc;--ui-area-border:#334155;--ui-sidebar-bg:#1e293b;--ui-sidebar-fg:#f8fafc;--ui-sidebar-border:#334155;--ui-sidebar-hover:#334155;--ui-sidebar-active:#475569;--ui-button-bg:#f8fafc;--ui-button-bg-hover:#e2e8f0;--ui-button-fg:#0f172a;--ui-button-border:#f8fafc;--ui-button-secondary-bg:#334155;--ui-button-secondary-bg-hover:#475569;--ui-button-secondary-fg:#f8fafc;--ui-button-destructive-bg:#dc2626;--ui-button-destructive-bg-hover:#ef4444;--ui-button-destructive-fg:#fff;--ui-button-ghost-bg-hover:#334155;--ui-button-ghost-fg:#f8fafc;--ui-button-outline-bg-hover:#334155;--ui-button-outline-fg:#f8fafc;--ui-input-bg:#1e293b;--ui-input-fg:#f8fafc;--ui-input-border:#334155;--ui-input-border-focus:#64748b;--ui-input-ring:#3b82f6;--ui-input-placeholder:#64748b;--ui-heading-color:#f8fafc;--ui-body-color:#cbd5e1;--ui-muted-color:#94a3b8;--ui-link-color:#60a5fa;--ui-link-hover:#93c5fd;--ui-ring:#3b82f6;--ui-menu-bg:#1e293b;--ui-menu-fg:#f8fafc;--ui-menu-border:#334155;--ui-menu-radius:0.375rem;--ui-menu-shadow:0 10px 15px -3px rgba(0,0,0,.3);--ui-menu-padding:0.25rem;--ui-menu-item-radius:0.25rem}[data-theme=zinc]{--ui-background:#fff;--ui-foreground:#18181b;--ui-border:#e4e4e7;--ui-destructive:#dc2626;--ui-primary:#18181b;--ui-accent:#f4f4f5;--ui-accent-foreground:#18181b;--ui-popover:#fff;--ui-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--ui-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--ui-muted:#f4f4f5;--ui-muted-foreground:#71717a;--ui-card-bg:#fff;--ui-card-fg:#18181b;--ui-card-border:#e4e4e7;--ui-card-radius:0.75rem;--ui-card-shadow:0 1px 2px 0 rgba(0,0,0,.05);--ui-area-bg:#fafafa;--ui-area-fg:#18181b;--ui-area-border:#e4e4e7;--ui-sidebar-bg:#fafafa;--ui-sidebar-fg:#18181b;--ui-sidebar-border:#e4e4e7;--ui-sidebar-hover:#f4f4f5;--ui-sidebar-active:#e4e4e7;--ui-button-bg:#18181b;--ui-button-bg-hover:#27272a;--ui-button-fg:#fff;--ui-button-border:#18181b;--ui-button-secondary-bg:#f4f4f5;--ui-button-secondary-bg-hover:#e4e4e7;--ui-button-secondary-fg:#18181b;--ui-button-destructive-bg:#dc2626;--ui-button-destructive-bg-hover:#b91c1c;--ui-button-destructive-fg:#fff;--ui-button-ghost-bg-hover:#f4f4f5;--ui-button-ghost-fg:#18181b;--ui-button-outline-bg-hover:#f4f4f5;--ui-button-outline-fg:#18181b;--ui-input-bg:#fff;--ui-input-fg:#18181b;--ui-input-border:#e4e4e7;--ui-input-border-focus:#a1a1aa;--ui-input-ring:#3b82f6;--ui-input-placeholder:#a1a1aa;--ui-heading-color:#18181b;--ui-body-color:#3f3f46;--ui-muted-color:#71717a;--ui-link-color:#2563eb;--ui-link-hover:#1d4ed8;--ui-ring:#3b82f6;--ui-menu-bg:#fff;--ui-menu-fg:#18181b;--ui-menu-border:#e4e4e7;--ui-menu-radius:0.375rem;--ui-menu-shadow:0 10px 15px -3px rgba(0,0,0,.1);--ui-menu-padding:0.25rem;--ui-menu-item-radius:0.25rem}[data-theme=zinc][data-mode=dark]{--ui-background:#09090b;--ui-foreground:#fafafa;--ui-border:#27272a;--ui-destructive:#dc2626;--ui-primary:#fafafa;--ui-accent:#27272a;--ui-accent-foreground:#fafafa;--ui-popover:#18181b;--ui-shadow-lg:0 10px 15px -3px rgba(0,0,0,.3);--ui-shadow-xl:0 20px 25px -5px rgba(0,0,0,.3);--ui-muted:#27272a;--ui-muted-foreground:#a1a1aa;--ui-card-bg:#18181b;--ui-card-fg:#fafafa;--ui-card-border:#27272a;--ui-card-shadow:0 1px 2px 0 rgba(0,0,0,.3);--ui-area-bg:#18181b;--ui-area-fg:#fafafa;--ui-area-border:#27272a;--ui-sidebar-bg:#18181b;--ui-sidebar-fg:#fafafa;--ui-sidebar-border:#27272a;--ui-sidebar-hover:#27272a;--ui-sidebar-active:#3f3f46;--ui-button-bg:#fafafa;--ui-button-bg-hover:#e4e4e7;--ui-button-fg:#18181b;--ui-button-border:#fafafa;--ui-button-secondary-bg:#27272a;--ui-button-secondary-bg-hover:#3f3f46;--ui-button-secondary-fg:#fafafa;--ui-button-destructive-bg:#dc2626;--ui-button-destructive-bg-hover:#ef4444;--ui-button-destructive-fg:#fff;--ui-button-ghost-bg-hover:#27272a;--ui-button-ghost-fg:#fafafa;--ui-button-outline-bg-hover:#27272a;--ui-button-outline-fg:#fafafa;--ui-input-bg:#18181b;--ui-input-fg:#fafafa;--ui-input-border:#27272a;--ui-input-border-focus:#52525b;--ui-input-ring:#3b82f6;--ui-input-placeholder:#52525b;--ui-heading-color:#fafafa;--ui-body-color:#d4d4d8;--ui-muted-color:#a1a1aa;--ui-link-color:#60a5fa;--ui-link-hover:#93c5fd;--ui-ring:#3b82f6;--ui-menu-bg:#18181b;--ui-menu-fg:#fafafa;--ui-menu-border:#27272a;--ui-menu-radius:0.375rem;--ui-menu-shadow:0 10px 15px -3px rgba(0,0,0,.3);--ui-menu-padding:0.25rem;--ui-menu-item-radius:0.25rem}}@layer aeros-theme{}@layer aeros-components{.cb-component-preview__title{color:var(--ui-muted-color);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.cg-showcase{display:flex;flex-direction:column;gap:1.5rem;max-width:900px}.cg-showcase h1{font-size:2rem;font-weight:700}.cg-showcase h2{color:var(--ui-muted-color);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.cg-showcase__row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.cp-button{align-items:center;border-radius:var(--ui-rounded-button,.375rem);cursor:pointer;display:inline-flex;font-weight:600;gap:.25rem;padding:.625rem .875rem;transition:color .15s ease,background-color .15s ease,border-color .15s ease}}@layer aeros-components{}@layer aeros-components{.cp-button:focus-visible{outline:2px solid var(--ui-ring,#3b82f6);outline-offset:2px}.cp-button>span{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-button>svg{flex-shrink:0;height:1rem;width:1rem}.cp-button .spinner{display:none}.cp-button.loading{opacity:.5;pointer-events:none}.cp-button.loading .icon{display:none}.cp-button.loading .spinner{display:flex}.cp-button--default{background-color:var(--ui-button-bg,#475569);color:var(--ui-button-foreground,#fff)}.cp-button--default:hover{background-color:var(--ui-button-hover,#334155)}.cp-button--secondary{background-color:var(--ui-button-secondary-bg,#e2e8f0);color:var(--ui-button-secondary-foreground,#1e293b)}.cp-button--secondary:hover{background-color:var(--ui-button-secondary-hover,#cbd5e1)}.cp-button--destructive{background-color:var(--ui-button-destructive-bg,#ef4444);color:var(--ui-button-destructive-foreground,#fff)}.cp-button--destructive:hover{background-color:var(--ui-button-destructive-hover,#dc2626)}.cp-button--outline{background-color:var(--ui-background,#fff);border:1px solid var(--ui-button-border,#e2e8f0);color:var(--ui-button-outline-foreground,#1e293b)}.cp-button--outline:hover{background-color:var(--ui-button-outline-hover,#f1f5f9)}.cp-button--ghost{background-color:transparent;color:var(--ui-button-ghost-foreground,#1e293b)}.cp-button--ghost:hover{background-color:var(--ui-button-ghost-hover,#f1f5f9)}.cp-button--link{background-color:transparent;color:var(--ui-link,#3b82f6);text-underline-offset:4px}.cp-button--link:hover{color:var(--ui-link-hover,#2563eb);text-decoration:underline}.cp-button--xsmall{border-radius:var(--ui-rounded-button-sm,.25rem);font-size:.75rem;gap:.25rem;padding:.25rem .625rem}.cp-button--xsmall>svg{height:.75rem;width:.75rem}.cp-button--small{border-radius:var(--ui-rounded-button-sm,.25rem);font-size:.875rem;padding:.375rem .75rem}.cp-button--small>svg{height:1rem;width:1rem}.cp-button--large{border-radius:var(--ui-rounded-button-lg,.5rem);font-size:1.125rem;gap:.5rem;padding:.75rem 1.5rem}.cp-button--large>svg{height:1.25rem;width:1.25rem}.cp-button--disabled{opacity:.5;pointer-events:none}.cp-button--full{justify-content:center;width:100%}.cp-card{background-color:var(--ui-card-bg);border:1px solid var(--ui-card-border);border-radius:var(--ui-card-radius);box-shadow:var(--ui-card-shadow);color:var(--ui-card-fg)}.cp-card--centered{align-items:center;display:flex;justify-content:center}.cp-card--ghost{background-color:transparent;border-color:transparent;box-shadow:none}.cp-card--elevated{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.cp-conversation{background:var(--ui-background);display:flex;flex-direction:column;height:100%}.cp-conversation__header{background:var(--ui-background);border-bottom:1px solid var(--ui-border);padding:1rem 1.5rem}.cp-conversation__title{color:var(--ui-foreground);font-size:1.125rem;font-weight:600;margin:0}.cp-conversation__messages{flex:1;overflow-y:auto}.cp-conversation__empty{align-items:center;color:var(--ui-muted-foreground);display:flex;height:100%;justify-content:center}.cp-conversation__empty-content{text-align:center}.cp-conversation__empty-title{font-size:1.5rem;font-weight:500;margin-bottom:.5rem}.cp-conversation__empty-subtitle{font-size:.875rem}.cp-conversation__streaming-hidden{display:none}.cp-conversation-message{padding:2rem 0}.cp-conversation-message--user{background:var(--ui-background)}.cp-conversation-message--assistant{background:var(--ui-accent)}.cp-conversation-message--error{background:var(--ui-background)}.cp-conversation-message--system{background:var(--ui-accent)}.cp-conversation-message__container{margin:0 auto;max-width:48rem;padding:0 1.5rem}.cp-conversation-message__row{display:flex;gap:1rem}.cp-conversation-message__avatar-wrapper{flex-shrink:0}.cp-conversation-message__avatar{align-items:center;background:var(--ui-muted-foreground);border-radius:9999px;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.cp-conversation-message__avatar--user{background:var(--ui-primary)}.cp-conversation-message__avatar--assistant{background:#16a34a}.cp-conversation-message__avatar--error{background:var(--ui-destructive)}.cp-conversation-message__avatar--system{background:var(--ui-muted-foreground)}.cp-conversation-message__content{flex:1;min-width:0}.cp-conversation-message__role{color:var(--ui-foreground);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.cp-conversation-message__body{color:var(--ui-foreground);white-space:pre-wrap}.cp-conversation-message__timestamp{color:var(--ui-muted-foreground);font-size:.75rem;margin-top:.25rem}.cp-conversation-streaming{background:var(--ui-accent);padding:2rem 0}.cp-conversation-streaming__container{margin:0 auto;max-width:48rem;padding:0 1.5rem}.cp-conversation-streaming__row{display:flex;gap:1rem}.cp-conversation-streaming__avatar-wrapper{flex-shrink:0}.cp-conversation-streaming__avatar{align-items:center;background:var(--ui-muted-foreground);border-radius:9999px;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.cp-conversation-streaming__avatar--user{background:var(--ui-primary)}.cp-conversation-streaming__avatar--assistant{background:#16a34a}.cp-conversation-streaming__content{flex:1;min-width:0}.cp-conversation-streaming__label{color:var(--ui-foreground);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.cp-conversation-streaming__dots{align-items:center;display:flex;gap:.25rem}.cp-conversation-streaming__dot{animation:cp-bounce 1s infinite;background:var(--ui-muted-foreground);border-radius:9999px;height:.5rem;width:.5rem}}@layer aeros-components{}@layer aeros-components{@keyframes cp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.25rem)}}.cp-drawer__backdrop{background:rgba(0,0,0,.5);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease}.cp-drawer__backdrop--open{opacity:1;pointer-events:auto}.cp-drawer__panel{background:var(--ui-background);border-left:1px solid var(--ui-border);bottom:0;box-shadow:var(--ui-shadow-xl);height:100%;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease}.cp-drawer__panel--open{transform:translateX(0)}.cp-drawer__container{display:flex;flex-direction:column;height:100vh}.cp-drawer__header{align-items:center;border-bottom:1px solid var(--ui-border);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--ui-spacing-lg)}.cp-drawer__header-content{flex:1;min-width:0}.cp-drawer__close{align-items:center;background:var(--ui-muted);border:none;border-radius:9999px;cursor:pointer;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;margin-left:var(--ui-spacing);transition:background-color .15s ease;width:2.5rem}.cp-drawer__close:hover{background:var(--ui-accent)}.cp-drawer__close-icon{color:var(--ui-muted-foreground);height:1.25rem;width:1.25rem}.cp-drawer__body{flex:1;overflow-y:auto}.cp-drawer__footer{border-top:1px solid var(--ui-border);flex-shrink:0;padding:var(--ui-spacing-lg)}.cp-dropdown{display:inline-block;position:relative}.cp-dropdown__trigger{cursor:pointer}.cp-dropdown__content{background:var(--ui-menu-bg);border:1px solid var(--ui-menu-border);border-radius:var(--ui-menu-radius);box-shadow:var(--ui-menu-shadow);min-width:12rem;opacity:0;position:absolute;transform:scale(.95);transition:opacity .15s ease,transform .15s ease,visibility .15s;visibility:hidden;z-index:50}.cp-dropdown__content--open{opacity:1;transform:scale(1);visibility:visible}.cp-dropdown__search{border-bottom:1px solid var(--ui-menu-border);padding:var(--ui-menu-padding)}.cp-dropdown__search-input{background:var(--ui-muted);border:1px solid var(--ui-menu-border);border-radius:var(--ui-menu-item-radius);color:var(--ui-menu-fg);font-size:.875rem;outline:none;padding:.5rem .75rem;width:100%}}@layer aeros-components{}@layer aeros-components{.cp-dropdown__search-input::placeholder{color:var(--ui-muted-color)}.cp-dropdown__search-input:focus{border-color:var(--ui-ring);box-shadow:0 0 0 2px var(--ui-ring-alpha)}.cp-dropdown__items{max-height:20rem;overflow-y:auto;padding:var(--ui-menu-padding)}.cp-dropdown__item{align-items:center;background:transparent;border:none;border-radius:var(--ui-menu-item-radius);color:var(--ui-menu-fg);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;text-align:left;text-decoration:none;transition:background-color .1s ease;width:100%}.cp-dropdown__item:hover{background:var(--ui-muted)}.cp-dropdown__item--disabled{opacity:.5;pointer-events:none}.cp-dropdown__item--checkbox,.cp-dropdown__item--radio{padding-left:.5rem}.cp-dropdown__item--hidden{display:none}.cp-dropdown__item-check{align-items:center;display:flex;height:1rem;justify-content:center;width:1rem}.cp-dropdown__check-icon{color:var(--ui-menu-fg);height:.875rem;width:.875rem}.cp-dropdown__item-icon{color:var(--ui-muted-color);height:1rem;width:1rem}.cp-dropdown__item-label{flex:1}.cp-dropdown__item-shortcut,.cp-dropdown__label{color:var(--ui-muted-color);font-size:.75rem}.cp-dropdown__label{font-weight:500;letter-spacing:.05em;padding:.5rem .75rem;text-transform:uppercase}.cp-dropdown__separator{background:var(--ui-menu-border);height:1px;margin:var(--ui-menu-padding) 0}.cp-dropdown__radio-group{display:flex;flex-direction:column}.cp-dropdown__empty{color:var(--ui-muted-color);display:none;font-size:.875rem;padding:.5rem .75rem;text-align:center}.cp-dropdown__empty--visible{display:block}.cp-empty{padding:var(--ui-spacing-lg)}.cp-empty__container{border:1px dashed var(--ui-border);border-radius:var(--ui-radius-lg);min-height:200px;padding:var(--ui-spacing-lg)}.cp-empty__container,.cp-empty__content{align-items:center;display:flex;flex-direction:column;justify-content:center}.cp-empty__content{gap:var(--ui-spacing)}.cp-empty__icon{color:var(--ui-muted-foreground);height:3rem;width:3rem}.cp-empty__title{color:var(--ui-foreground);font-size:1.125rem;font-weight:600}.cp-empty__description{color:var(--ui-muted-foreground);text-align:center}.cp-input-attachments__container{display:flex;flex-direction:column;gap:.75rem}.cp-input-attachments__dropzone{align-items:center;background:var(--ui-input-bg);border:2px dashed var(--ui-input-border);border-radius:var(--ui-input-radius,.375rem);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1.5rem;transition:border-color .15s ease,background-color .15s ease}.cp-input-attachments__dropzone--dragging,.cp-input-attachments__dropzone:hover{background:var(--ui-muted);border-color:var(--ui-input-ring)}.cp-input-attachments__dropzone-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;text-align:center}.cp-input-attachments__icon{color:var(--ui-muted-foreground);height:2rem;width:2rem}.cp-input-attachments__text{color:var(--ui-muted-foreground);font-size:.875rem}.cp-input-attachments__link{color:var(--ui-primary);font-weight:500}.cp-input-attachments__hint{color:var(--ui-muted-foreground);font-size:.75rem}.cp-input-attachments__file-input{display:none}.cp-input-attachments__progress{display:flex;flex-direction:column;gap:.25rem}.cp-input-attachments__progress--hidden{display:none}.cp-input-attachments__progress-info{align-items:center;color:var(--ui-muted-foreground);display:flex;font-size:.875rem;gap:.5rem}.cp-input-attachments__progress-track{background:var(--ui-accent);border-radius:9999px;height:.375rem;overflow:hidden}.cp-input-attachments__progress-bar{background:var(--ui-primary);height:100%;transition:width .3s ease}.cp-input-attachments__previews{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.cp-input-color--disabled{opacity:.5;pointer-events:none}.cp-input-color__container{align-items:center;display:flex;gap:.75rem}.cp-input-color__input{border:1px solid var(--ui-input-border);border-radius:var(--ui-input-radius,.375rem);cursor:pointer;height:2.5rem;overflow:hidden;padding:0;width:2.5rem}}@layer aeros-components{}@layer aeros-components{}@layer aeros-components{.cp-input-color__input::-webkit-color-swatch-wrapper{padding:0}.cp-input-color__input::-webkit-color-swatch{border:none;border-radius:calc(var(--ui-input-radius, .375rem) - 1px)}.cp-input-color__input::-moz-color-swatch{border:none;border-radius:calc(var(--ui-input-radius, .375rem) - 1px)}.cp-input-color__input:focus{box-shadow:0 0 0 2px var(--ui-background),0 0 0 4px var(--ui-ring);outline:none}.cp-input-color__input--small{height:2rem;width:2rem}.cp-input-color__input--large{height:3rem;width:3rem}.cp-input-color__label{color:var(--ui-foreground);font-size:.875rem}.cp-input-color__helper{color:var(--ui-muted-foreground);font-size:.875rem;margin-top:.25rem}.cp-input-password__field{position:relative}.cp-input-password__input{background:var(--ui-input-bg);border:1px solid var(--ui-input-border);border-radius:var(--ui-input-radius,.375rem);color:var(--ui-input-fg);display:block;font-size:.875rem;outline:none;padding:.5rem 2.5rem .5rem .75rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}}@layer aeros-components{.cp-input-password__input::placeholder{color:var(--ui-input-placeholder)}.cp-input-password__input:focus{border-color:var(--ui-input-border-focus);box-shadow:0 0 0 1px var(--ui-input-ring)}.cp-input-password__input:disabled{cursor:not-allowed;opacity:.5}.cp-input-password__toggle{background:transparent;border:none;border-radius:.25rem;color:var(--ui-input-placeholder);cursor:pointer;padding:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.cp-input-password__toggle:hover{color:var(--ui-input-fg)}.cp-input-password__toggle-icon{display:block;height:1rem;width:1rem}.cp-input-password__toggle-icon--hidden{display:none}.cp-input-select__select{appearance:none;background:var(--ui-input-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid var(--ui-input-border);border-radius:var(--ui-input-radius,.375rem);color:var(--ui-input-fg);display:block;font-size:.875rem;outline:none;padding:.5rem 2rem .5rem .75rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.cp-input-select__select:focus{border-color:var(--ui-input-border-focus);box-shadow:0 0 0 1px var(--ui-input-ring)}.cp-input-select__select--error{border-color:var(--ui-destructive)}.cp-input-slider--disabled{opacity:.5;pointer-events:none}.cp-input-slider__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.cp-input-slider__label{color:var(--ui-foreground);font-size:.875rem;font-weight:500}.cp-input-slider__value{color:var(--ui-muted-foreground);font-family:monospace;font-size:.875rem}.cp-input-slider__input{appearance:none;background:var(--ui-accent);border-radius:9999px;cursor:pointer;height:.5rem;outline:none;width:100%}}@layer aeros-components{}@layer aeros-components{.cp-input-slider__input::-webkit-slider-thumb{appearance:none;background:var(--ui-primary);border-radius:50%;cursor:pointer;height:1rem;transition:transform .15s ease;width:1rem}.cp-input-slider__input::-webkit-slider-thumb:hover{transform:scale(1.1)}.cp-input-slider__input::-moz-range-thumb{background:var(--ui-primary);border:none;border-radius:50%;cursor:pointer;height:1rem;width:1rem}.cp-input-slider__input:focus{outline:none}.cp-input-slider__input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--ui-background),0 0 0 4px var(--ui-ring)}.cp-input-slider__helper{color:var(--ui-muted-foreground);font-size:.875rem;margin-top:.25rem}.cp-input-tagging__container{position:relative}.cp-input-tagging__tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem;min-height:1.75rem}.cp-input-tagging__tag{align-items:center;background:var(--ui-accent);border-radius:var(--ui-radius-sm);color:var(--ui-accent-foreground);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.125rem .5rem}.cp-input-tagging__tag-remove{align-items:center;background:none;border:none;border-radius:2px;color:inherit;cursor:pointer;display:flex;justify-content:center;margin-left:.125rem;opacity:.7;padding:0}.cp-input-tagging__tag-remove:hover{background:rgba(0,0,0,.1);opacity:1}.cp-input-tagging__tag-icon{height:.75rem;width:.75rem}.cp-input-tagging__search{position:relative}.cp-input-tagging__input{background:var(--ui-input-bg);border:1px solid var(--ui-input-border);border-radius:var(--ui-input-radius,.375rem);color:var(--ui-input-fg);display:block;font-size:.875rem;outline:none;padding:.5rem .75rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.cp-input-tagging__input:focus{border-color:var(--ui-input-border-focus);box-shadow:0 0 0 1px var(--ui-input-ring)}.cp-input-tagging__dropdown{background:var(--ui-popover);border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-lg);margin-top:.25rem;max-height:15rem;overflow:auto;position:absolute;width:100%;z-index:10}.cp-input-tagging__dropdown--hidden{display:none}.cp-input-tagging__loading{align-items:center;color:var(--ui-muted-foreground);display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.cp-input-tagging__loading--hidden{display:none}.cp-input-tagging__options{padding:.25rem 0}.cp-input-tagging__create{border-top:1px solid var(--ui-border)}.cp-input-tagging__create--hidden{display:none}.cp-input-tagging__create-btn{align-items:center;background:none;border:none;color:var(--ui-foreground);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;text-align:left;width:100%}.cp-input-tagging__create-btn:hover{background:var(--ui-accent)}.cp-input-tagging__create-icon{height:1rem;width:1rem}.cp-input-tagging__empty{color:var(--ui-muted-foreground);font-size:.875rem;padding:.5rem 1rem}.cp-input-tagging__empty--hidden{display:none}.cp-input-text__input{background:var(--ui-input-bg);border:1px solid var(--ui-input-border);border-radius:var(--ui-input-radius,.375rem);color:var(--ui-input-fg);display:block;font-size:.875rem;outline:none;padding:.5rem .75rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}}@layer aeros-components{}@layer aeros-components{.cp-input-text__input::placeholder{color:var(--ui-input-placeholder)}.cp-input-text__input:focus{border-color:var(--ui-input-border-focus);box-shadow:0 0 0 1px var(--ui-input-ring)}.cp-input-text__input:disabled{cursor:not-allowed;opacity:.5}.cp-input-text__input--error{border-color:var(--ui-destructive)}.cp-input-text__input--error:focus{box-shadow:0 0 0 1px var(--ui-destructive)}.cp-input-text-area__textarea{background:var(--ui-input-bg);border:1px solid var(--ui-input-border);border-radius:var(--ui-input-radius,.375rem);color:var(--ui-input-fg);display:block;font-size:.875rem;outline:none;padding:.5rem .75rem;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;width:100%}}@layer aeros-components{.cp-input-text-area__textarea::placeholder{color:var(--ui-input-placeholder)}.cp-input-text-area__textarea:focus{border-color:var(--ui-input-border-focus);box-shadow:0 0 0 1px var(--ui-input-ring)}.cp-input-text-area__textarea--error{border-color:var(--ui-destructive)}.cp-input-text-area-ai__container{position:relative}.cp-input-text-area-ai__textarea{background:var(--ui-input-bg);border:1px solid var(--ui-input-border);border-radius:var(--ui-input-radius,.375rem);color:var(--ui-input-fg);display:block;font-size:.875rem;outline:none;padding:.5rem 6rem .5rem .75rem;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;width:100%}}@layer aeros-components{.cp-input-text-area-ai__textarea::placeholder{color:var(--ui-input-placeholder)}.cp-input-text-area-ai__textarea:focus{border-color:var(--ui-input-border-focus);box-shadow:0 0 0 1px var(--ui-input-ring)}.cp-input-text-area-ai__textarea:disabled{cursor:not-allowed;opacity:.5}.cp-input-text-area-ai__actions{bottom:.5rem;position:absolute;right:.5rem}.cp-input-text-area-ai__ai-btn{align-items:center;background:var(--ui-accent);border:none;border-radius:var(--ui-radius-sm);color:var(--ui-primary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;transition:background-color .15s ease}.cp-input-text-area-ai__ai-btn:hover{background:var(--ui-accent-foreground);color:var(--ui-accent)}.cp-input-text-area-ai__ai-btn:disabled{cursor:not-allowed;opacity:.5}.cp-input-text-area-ai__ai-icon{height:1rem;width:1rem}.cp-input-text-area-ai__spinner--hidden{display:none}.cp-input-text-area-ai__streaming{align-items:center;bottom:.5rem;color:var(--ui-muted-foreground);display:flex;font-size:.75rem;gap:.25rem;left:.5rem;position:absolute}.cp-input-text-area-ai__streaming--hidden{display:none}.cp-input-wrapper--disabled{opacity:.5;pointer-events:none}.cp-input-wrapper__label{color:var(--ui-foreground);display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.cp-input-wrapper__required{color:var(--ui-destructive)}.cp-input-wrapper__field{position:relative}.cp-input-wrapper__helper{color:var(--ui-muted-foreground);font-size:.875rem;margin-top:.25rem}.cp-input-wrapper__error{color:var(--ui-destructive);font-size:.875rem;margin-top:.25rem}.cp-input{background:var(--ui-input-bg);border:1px solid var(--ui-input-border);border-radius:var(--ui-input-radius,.375rem);color:var(--ui-input-fg);display:block;font-size:.875rem;outline:none;padding:.5rem .75rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}}@layer aeros-components{.cp-input::placeholder{color:var(--ui-input-placeholder)}.cp-input:focus{border-color:var(--ui-input-border-focus);box-shadow:0 0 0 1px var(--ui-input-ring)}.cp-input:disabled{cursor:not-allowed;opacity:.5}.cp-input--error{border-color:var(--ui-destructive)}.cp-input--error:focus{box-shadow:0 0 0 1px var(--ui-destructive)}.cp-layout-app{display:grid;grid-template-columns:auto 1fr;height:100vh;inset:0;position:fixed;width:100vw}.cp-layout-app--with-aside{grid-template-columns:auto 1fr auto}.cp-layout-app__sidebar{flex-shrink:0;height:100vh;overflow:hidden}.cp-layout-app__main{display:flex;flex-direction:column;height:100vh;min-width:0;overflow:hidden}.cp-layout-app__header{border-bottom:1px solid var(--ui-sidebar-border,#e5e5e5);flex-shrink:0;padding:1rem 2rem}.cp-layout-app__body{flex:1;overflow-y:auto;padding:2rem}.cp-layout-app__aside{border-left:1px solid var(--ui-sidebar-border,#e5e5e5);flex-shrink:0;height:100vh;overflow:hidden}.cp-page{display:flex;flex-direction:column;width:100%}.cp-page__header{align-items:center;display:flex;gap:var(--ui-spacing-lg);justify-content:space-between;padding:var(--ui-spacing-lg) 0}.cp-page__title-area{flex:1;min-width:0}.cp-page__title{align-items:center;color:var(--ui-foreground);display:flex;font-size:1.875rem;font-weight:600;gap:var(--ui-spacing-sm);letter-spacing:-.025em}.cp-page__title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-page__subtitle{color:var(--ui-muted-foreground);flex-shrink:0}.cp-page__description{color:var(--ui-muted-foreground);margin-top:var(--ui-spacing-sm)}.cp-page__actions{flex-shrink:0}.cp-page__content{padding-bottom:var(--ui-spacing-lg);width:100%}.cp-sidebar{background-color:var(--ui-sidebar-bg,#fafafa);border-right:1px solid var(--ui-sidebar-border,#e5e5e5);color:var(--ui-sidebar-fg,#1a1a1a);display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.cp-sidebar__header{flex-shrink:0}.cp-sidebar__nav{flex:1;overflow-y:auto;padding:0 .5rem}.cp-sidebar__footer{border-top:1px solid var(--ui-sidebar-border,#e5e5e5);color:var(--ui-muted-color,#737373);flex-shrink:0;font-size:.75rem;padding:1rem}.cp-sidebar__menu{gap:.25rem}.cp-sidebar__group,.cp-sidebar__menu{display:flex;flex-direction:column;min-width:0;width:100%}.cp-sidebar__group{padding:.25rem 0}.cp-sidebar__group-label{align-items:center;color:var(--ui-muted-color,#737373);display:flex;font-size:.75rem;font-weight:500;height:2rem;letter-spacing:.05em;padding:0 .5rem;text-transform:uppercase}.cp-sidebar__group-menu{display:flex;flex-direction:column;gap:.25rem;min-width:0;width:100%}.cp-sidebar__item{align-items:center;border-radius:var(--ui-input-radius,.375rem);color:var(--ui-sidebar-fg,#1a1a1a);display:flex;font-size:.875rem;gap:.5rem;padding:.5rem;text-align:left;transition:background-color .15s ease,color .15s ease;width:100%}.cp-sidebar__item:hover{background-color:var(--ui-sidebar-hover,#f0f0f0)}.cp-sidebar__item svg{flex-shrink:0;height:1rem;width:1rem}.cp-sidebar__item--active{background-color:var(--ui-sidebar-active,#e5e5e5);font-weight:500}.cp-spinner{height:1.25rem;inset:0;margin-right:0;padding-left:.5rem;position:relative;width:1.25rem}.cp-spinner:before{animation:spin 1s linear infinite;border-radius:9999px;border-style:solid;border-width:2px;box-sizing:border-box;content:"";height:1.25rem;left:50%;margin-left:-.625rem;margin-top:-.625rem;position:absolute;top:50%;width:1.25rem}.cp-spinner--xs:before{height:.75rem;margin-left:-.375rem;margin-top:-.375rem;width:.75rem}.cp-spinner--sm:before{height:1rem;margin-left:-.5rem;margin-top:-.5rem;width:1rem}.cp-spinner--lg:before{height:1.5rem;margin-left:-.75rem;margin-top:-.75rem;width:1.5rem}.cp-spinner--xl:before{height:2rem;margin-left:-1rem;margin-top:-1rem;width:2rem}.cp-spinner--white:before{border-color:#fff hsla(0,0%,100%,.5) hsla(0,0%,100%,.5)}.cp-spinner--default:before{border-color:#6b7280 hsla(220,9%,46%,.5) hsla(220,9%,46%,.5)}.cp-spinner--primary:before{border-color:rgb(from var(--ui-button-bg,#475569) r g b/.5);border-top-color:var(--ui-button-bg,#475569)}.cp-spinner--black:before{border-color:#000 rgba(0,0,0,.5) rgba(0,0,0,.5)}}@layer aeros-components{}@layer aeros-components{}@layer aeros-components{}@layer aeros-components{@keyframes spin{to{transform:rotate(1turn)}}}@layer aeros-components{.cp-table{overflow-x:auto}.cp-table table{border-collapse:collapse;width:100%}.cp-table__head{background-color:var(--ui-area-bg)}.cp-table__th{color:var(--ui-muted-color);font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.cp-table__tr{border-bottom:1px solid var(--ui-card-border)}.cp-table__td{color:var(--ui-foreground);font-size:.875rem;padding:.75rem 1rem}.cp-table__td code{background:var(--ui-area-bg);border-radius:.25rem;font-size:.8125rem;padding:.125rem .375rem}}

data/app/assets/stylesheets/aeros/base.css

@@ -0,0 +1,43 @@
+/* =============================================================================
+   Aeros - Base (non-theme)
+   ============================================================================= */
+
+:root {
+  /* Spacing */
+  --ui-spacing: 1rem;
+
+  /* Radius */
+  --ui-radius-sm: 0.25rem;
+  --ui-radius: 0.375rem;
+  --ui-radius-md: 0.5rem;
+  --ui-radius-lg: 0.75rem;
+}
+
+html {
+  color: var(--ui-foreground);
+  background-color: var(--ui-background);
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+button,
+a,
+input[type="submit"],
+select,
+option,
+[role="menuitem"],
+[data-slot="command-item"] {
+  cursor: pointer !important;
+}
+
+button {
+  text-align: left;
+}
+
+*::-webkit-scrollbar {
+  display: none;
+}

data/app/assets/stylesheets/aeros/reset.css

@@ -0,0 +1,397 @@
+/* Inter Font */
+@import url("https://rsms.me/inter/inter.css");
+
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: currentColor; /* 2 */
+}
+
+::before,
+::after {
+  --tw-content: "";
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
+*/
+
+html,
+:host {
+  line-height: 1.5; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+  -moz-tab-size: 4; /* 3 */
+  tab-size: 4; /* 3 */
+  font-family: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+  font-feature-settings: "liga" 1, "calt" 1; /* 5 - Inter ligatures */
+  font-variation-settings: normal; /* 6 */
+  -webkit-tap-highlight-color: transparent; /* 7 */
+}
+
+@supports (font-variation-settings: normal) {
+  html,
+  :host {
+    font-family: "InterVariable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  }
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+  margin: 0; /* 1 */
+  line-height: inherit; /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+  border-top-width: 1px; /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+  text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+    "Courier New", monospace; /* 1 */
+  font-feature-settings: normal; /* 2 */
+  font-variation-settings: normal; /* 3 */
+  font-size: 1em; /* 4 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+  border-collapse: collapse; /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-feature-settings: inherit; /* 1 */
+  font-variation-settings: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  font-weight: inherit; /* 1 */
+  line-height: inherit; /* 1 */
+  color: inherit; /* 1 */
+  margin: 0; /* 2 */
+  padding: 0; /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+  text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; /* 1 */
+  background-color: transparent; /* 2 */
+  background-image: none; /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+  outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
+legend {
+  padding: 0;
+}
+
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/*
+Reset default styling for dialogs.
+*/
+dialog {
+  padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+  resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color.
+*/
+
+input::placeholder,
+textarea::placeholder {
+  opacity: 1; /* 1 */
+  color: var(--ui-input-placeholder, #737373); /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+  cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+:disabled {
+  cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block; /* 1 */
+  vertical-align: middle; /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+/* Make elements with the HTML hidden attribute stay hidden by default */
+[hidden] {
+  display: none;
+}

data/app/assets/stylesheets/aeros/source.css

@@ -0,0 +1,15 @@
+/* Layer order - lowest to highest priority */
+@layer aeros-reset, aeros-base, aeros-theme, aeros-components, aeros-config;
+
+/* Reset (lowest layer) */
+@import "./reset.css" layer(aeros-reset);
+
+/* Base defaults */
+@import "./base.css" layer(aeros-base);
+@import "./utilities.css" layer(aeros-base);
+
+/* Theme presets */
+@import "./theme.css" layer(aeros-theme);
+
+/* Component styles */
+@import-glob "../../../components/**/*.css" layer(aeros-components);

data/app/assets/stylesheets/aeros/theme.css

@@ -0,0 +1,6 @@
+/* =============================================================================
+   Aeros - Themes
+   ============================================================================= */
+
+@import "./themes/slate.css";
+@import "./themes/zinc.css";