RubyGems - irelia - Versions diffs - 0.1.0 → 0.2.0 - Mend

irelia 0.1.0 → 0.2.0

Files changed (248) hide show

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: faa3b8e64532f3d512880ee2c611566d88e27606125ea7068bc491f40573fa91
-  data.tar.gz: 5208c6e42837909a6858bff761b7f1add4ace0110f3010e190a57fabada5b6c7
+  metadata.gz: e317d0c750216f2da3ca125f6682265c16bac557b347d2fc7734ff984e974f80
+  data.tar.gz: 26eeb4673b34296dbb94de1da1a7ba537715a31bb7556fcfe25ed71efc043b8b
 SHA512:
-  metadata.gz: e9e3f2cf4e9e68599369078e72ce71d7f515dc3ba660d81dadffac22b74c59a9ca0e47e42aead93e8ad24e134e3d6fe7a39926e6082a6f9a5a7a694fca7fae5d
-  data.tar.gz: ff3d6cb4b9770cd64469073ad6b9d62578fdfb36c20d9ee60f0ba346f00254c8f1222d87417ffed9faf8812a82ff48dd5d4f62ad72ad7fe1c167bb626fa98c59
+  metadata.gz: f64ae984e3b47e997ed671f28899384b86c86e652a71e7da35e8c4e407bce8ffb69a7c58cff43446dffc4d0d06f754df43dc87df83f5dec987d0b604a0675cdb
+  data.tar.gz: 7dde693ec41cd329b4403d363b286de7782741ef026a51bb2fea633ebaff24d409e6085233e8437e2e3d45897d50ddcc517a8bc71d9b09a5403008459e7522a7

data/README.md CHANGED Viewed

@@ -1,26 +1,48 @@
 # Irelia
-Short description and motivation.
+Irelia view components for Ruby on Rails.
-## Usage
-How to use my plugin.
+## Documentation
+This project is still in an early stage. Documentation will be available soon.
 ## Installation
-Add this line to your application's Gemfile:
+#### 1. Add this line to your application's Gemfile:
 ```ruby
 gem "irelia"
 ```
+Run `bundle install` to install the dependencies
+#### 2. Add the `irelia_head` method inside the `<head>` tags in your application layout.
+This is a helper method that will inject the Irelia stylesheets and javascripts into the head tag. It includes the Irelia CSS and JS files, as well as **Font Awesome** for icons and the **Poppins** Google font.
+```html
+<!-- file: app/views/application.html.erb -->
+<head>
+  <%= irelia_head %>
+  <!-- Load custom CSS after "irelia_head" to -->
+</head>
+```
-And then execute:
-```bash
-$ bundle
+#### 3. Load javascripts with importmap
+Pin the Irelia javascripts in your `importmap.rb` config.
+```ruby
+pin "irelia", to: "irelia.js"
 ```
-Or install it yourself as:
-```bash
-$ gem install irelia
+Add the Irelia `registerIreliaControllers` to your `controllers.js` file.
+```javascript
+// file: app/javascripts/controllers/index.js
+import { registerIreliaControllers } from "irelia";
+registerIreliaControllers(application);
 ```
+Restart your application and you should be good to go!
 ## Contributing
 Contribution directions go here.

data/Rakefile CHANGED Viewed

@@ -1,10 +1,24 @@
-# frozen_string_literal: true
 require "bundler/setup"
 APP_RAKEFILE = File.expand_path("test/dummy/Rakefile", __dir__)
-load "rails/tasks/engine.rake"
+load "rails/tasks/engine.rake"
 load "rails/tasks/statistics.rake"
 require "bundler/gem_tasks"
+require_relative "test/dummy/config/application"
+Rails.application.load_tasks
+Rake::Task["default"].clear
+namespace :lint do
+  task :rubocop do
+    sh "bundle exec rubocop"
+  end
+end
+task :default do
+  Rake::Task["test"].invoke
+  Rake::Task["test:system"].invoke
+  Rake::Task["lint:rubocop"].invoke
+end

data/app/assets/config/irelia_manifest.js CHANGED Viewed

@@ -1,2 +1,2 @@
-//= link_tree ../../javascript .js
-//= link_tree ../../assets/images .svg
+//= link_tree ../dist/javascripts .js
+//= link_tree ../dist/stylesheets .css

data/app/assets/dist/javascripts/irelia.js ADDED Viewed

@@ -0,0 +1 @@

+ import{Controller as e}from"@hotwired/stimulus";(class extends e{}).debounces=[];(class extends e{}).throttles=[];const t={enterFromClass:"enter",enterActiveClass:"enterStart",enterToClass:"enterEnd",leaveFromClass:"leave",leaveActiveClass:"leaveStart",leaveToClass:"leaveEnd"},s={transitioned:!1,hiddenClass:"hidden",preserveOriginalClass:!0,removeToClasses:!0},n=(e,t={})=>{var n,a,r;const o=e,l=o.element.dataset.transitionTarget;let c;l&&(c=o[`${l}Target`]);const d=(null==t?void 0:t.element)||c||o.element;if(!(d instanceof HTMLElement||d instanceof SVGElement))return;const h=d.dataset,u=parseInt(h.leaveAfter||"")||t.leaveAfter||0,{transitioned:v,hiddenClass:m,preserveOriginalClass:g,removeToClasses:f}=Object.assign({},s,t),T=null===(n=o.enter)||void 0===n?void 0:n.bind(o),p=null===(a=o.leave)||void 0===a?void 0:a.bind(o),b=null===(r=o.toggleTransition)||void 0===r?void 0:r.bind(o);async function L(e){if(o.transitioned)return;o.transitioned=!0,T&&T(e);const s=i("enterFrom",t,h),n=i("enterActive",t,h),a=i("enterTo",t,h),r=i("leaveTo",t,h);m&&d.classList.remove(m),f||E(d,r),await y(d,s,n,a,m,g,f),u>0&&setTimeout((()=>{C(e)}),u)}async function C(e){if(!o.transitioned)return;o.transitioned=!1,p&&p(e);const s=i("leaveFrom",t,h),n=i("leaveActive",t,h),a=i("leaveTo",t,h),r=i("enterTo",t,h);f||E(d,r),await y(d,s,n,a,m,g,f),m&&d.classList.add(m)}function w(e){b&&b(e),o.transitioned?C():L()}async function y(e,t,s,n,i,a,r){const o=[];a&&(t.forEach((t=>e.classList.contains(t)&&t!==i&&o.push(t))),s.forEach((t=>e.classList.contains(t)&&t!==i&&o.push(t))),n.forEach((t=>e.classList.contains(t)&&t!==i&&o.push(t)))),A(e,t),E(e,o),A(e,s),await async function(){return new Promise((e=>{requestAnimationFrame((()=>{requestAnimationFrame(e)}))}))}(),E(e,t),A(e,n),await async function(e){return new Promise((t=>{const s=1e3*Number(getComputedStyle(e).transitionDuration.split(",")[0].replace("s",""));setTimeout((()=>{t(s)}),s)}))}(e),E(e,s),r&&E(e,n),A(e,o)}function A(e,t){t.length>0&&e.classList.add(...t)}function E(e,t){t.length>0&&e.classList.remove(...t)}return o.transitioned=v,v?(m&&d.classList.remove(m),L()):(m&&d.classList.add(m),C()),Object.assign(o,{enter:L,leave:C,toggleTransition:w}),[L,C,w]};function i(e,s,n){const i=`transition${e[0].toUpperCase()}${e.substr(1)}`,a=t[e],r=s[e]||n[i]||n[a]||" ";return 0!==(o=r).length&&o.trim()?r.split(" "):[];var o}const a=class extends e{connect(){n(this,{element:this.menuTarget})}toggle(){this.toggleTransition()}hide(e){!this.element.contains(e.target)&&!this.menuTarget.classList.contains("hidden")&&this.leave()}};a.targets=["menu"];let r=a;class o extends r{static values={open:Boolean};connect(){super.connect(),this.openValue&&this.enter()}}class l extends e{static targets=["container","frame","loader","background"];connect(){this.observer=new MutationObserver(this.frameMutated.bind(this)),this.observer.observe(this.frameTarget,{attributes:!0,childList:!1,characterData:!1})}disconnect(){this.observer.disconnect(),delete this.observer,this.close()}frameMutated(){this.frameTarget.hasAttribute("busy")?(this.loaderTarget.classList.remove("hidden"),this.open()):this.loaderTarget.classList.add("hidden")}open(){this.containerTarget.classList.remove("hidden")}close(e){e.preventDefault(),this.containerTarget.classList.add("hidden")}closeWithKeyboard(e){27!==e.keyCode||this.containerTarget.classList.contains("hidden")||this.close(e)}}function c(e){e.register("irelia-dropdown",o),e.register("irelia-modal",l)}export{c as registerIreliaControllers};

data/app/assets/dist/stylesheets/irelia.css ADDED Viewed

@@ -0,0 +1 @@

+ /*! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com*/*,:after,:before{border-color:var(--color-border);border-style:solid;border-width:0;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Poppins;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;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;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-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::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;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}html{font-size:13.5px}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{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;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1rem;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:transparent}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}@media (forced-colors:active) {[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:transparent}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}:root{--irelia-navbar-height:80px;--irelia-colors-background:#fafafa;--irelia-colors-surface:#fff;--irelia-colors-text:#71717a;--irelia-colors-border:#e5e5e5;--irelia-colors-primary:#155e75;--irelia-colors-primary-hover:#0e7490;--irelia-colors-gray:#e4e4e7;--irelia-colors-gray-hover:#f4f4f5;--irelia-colors-danger:#e11d48;--irelia-colors-danger-hover:#f43f5e}body{background-color:var(--irelia-colors-background);color:var(--irelia-colors-text);font-family:Poppins;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.irelia-form{display:flex;flex-direction:column;row-gap:1.25rem;text-align:left}.irelia-grow{flex-grow:1}.irelia-justify-start{justify-content:flex-start}.irelia-justify-center{justify-content:center}.irelia-justify-between{justify-content:space-between}.irelia-justify-end{justify-content:flex-end}.irelia-justify-around{justify-content:space-around}.irelia-justify-evenly{justify-content:space-evenly}.irelia-justify-stretch{justify-content:stretch}.irelia-padding-none{padding:0}.irelia-padding-sm{padding:.625rem}.irelia-padding-md{padding:1.25rem}.irelia-padding-lg{padding:2.5rem}.irelia-padding-top-none{padding-top:0}.irelia-padding-top-sm{padding-top:.625rem}.irelia-padding-top-md{padding-top:1.25rem}.irelia-padding-top-lg{padding-top:2.5rem}.irelia-padding-bottom-none{padding-bottom:0}.irelia-padding-bottom-sm{padding-bottom:.625rem}.irelia-padding-bottom-md{padding-bottom:1.25rem}.irelia-padding-bottom-lg{padding-bottom:2.5rem}.irelia-padding-left-none{padding-left:0}.irelia-padding-left-sm{padding-left:.625rem}.irelia-padding-left-md{padding-left:1.25rem}.irelia-padding-left-lg{padding-left:2.5rem}.irelia-padding-right-none{padding-right:0}.irelia-padding-right-sm{padding-right:.625rem}.irelia-padding-right-md{padding-right:1.25rem}.irelia-padding-right-lg{padding-right:2.5rem}.irelia-items-start{align-items:flex-start}.irelia-items-center{align-items:center}.irelia-items-end{align-items:flex-end}.irelia-items-stretch{align-items:stretch}.irelia-items-baseline{align-items:baseline}.irelia-text-base{font-size:1rem;line-height:1.5rem}.irelia-text-xs{font-size:.75rem;line-height:1rem}.irelia-text-sm{font-size:.875rem;line-height:1.25rem}.irelia-text-lg{font-size:1.125rem;line-height:1.75rem}.irelia-text-xl{font-size:1.25rem;line-height:1.75rem}.irelia-text-2xl{font-size:1.5rem;line-height:2rem}.irelia-text-3xl{font-size:1.875rem;line-height:2.25rem}.irelia-text-bold{font-weight:700}.irelia-text-semibold{font-weight:600}.irelia-text-extrabold{font-weight:800}.irelia-text-no-bold{font-weight:400}.irelia-width-full{width:100%}.irelia-fixed-top,.irelia-fixed-top-right{position:fixed;top:0}.irelia-fixed-top-right{right:0}.irelia-fixed-right{position:fixed;right:0}.irelia-fixed-bottom-right{right:0}.irelia-fixed-bottom,.irelia-fixed-bottom-left,.irelia-fixed-bottom-right{bottom:0;position:fixed}.irelia-fixed-bottom-left{left:0}.irelia-fixed-left,.irelia-fixed-top-left{left:0;position:fixed}.irelia-fixed-top-left{top:0}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose :where(a,.button_to button):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--irelia-colors-primary);font-weight:700;text-decoration:none}.prose :where(a,.button_to button):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:var(--irelia-colors-primary-hover)}.irelia-button{align-items:center;border-radius:.25rem;cursor:pointer;display:inline-flex;justify-content:center;text-decoration-line:none;text-wrap:nowrap;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.irelia-button--default{font-weight:700;width:-moz-min-content;width:min-content}.irelia-button--default.irelia-button--color-primary{background-color:var(--irelia-colors-primary);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.irelia-button--default.irelia-button--color-primary:hover{background-color:var(--irelia-colors-primary-hover)}.irelia-button--default.irelia-button--color-secondary{background-color:var(--irelia-colors-gray);color:var(--irelia-colors-primary)}.irelia-button--default.irelia-button--color-secondary:hover{background-color:var(--irelia-colors-gray-hover)}.irelia-button--default.irelia-button--color-danger{background-color:var(--irelia-colors-danger);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.irelia-button--default.irelia-button--color-danger:hover{background-color:var(--irelia-colors-danger-hover)}.irelia-button--xs{-moz-column-gap:.375rem;column-gap:.375rem;font-size:.75rem;line-height:1rem;padding:.25rem .75rem}.irelia-button--sm{-moz-column-gap:.5rem;column-gap:.5rem;font-size:.875rem;line-height:1.25rem;padding:.375rem 1rem}.irelia-button--md{-moz-column-gap:.625rem;column-gap:.625rem;font-size:1rem;line-height:1.5rem;padding:.5rem 1.25rem}.irelia-button--lg{-moz-column-gap:.875rem;column-gap:.875rem;font-size:1.125rem;line-height:1.75rem;padding:.625rem 1.75rem}.irelia-button--xl{-moz-column-gap:1rem;column-gap:1rem;font-size:1.25rem;line-height:1.75rem;padding:1rem 2.5rem}.irelia-button--dropdown-item{align-items:center;border-radius:.25rem;display:flex;justify-content:flex-start;outline:2px solid transparent;outline-offset:2px;padding:.375rem .5rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.irelia-button--dropdown-item:hover{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity))}.irelia-button--dropdown-item .irelia-button__content{padding-right:1rem}.irelia-button--dropdown-item .irelia-button__icon{opacity:.35;text-align:center;width:15px}.irelia-button--dropdown-item .irelia-button__content+.irelia-button__icon{margin-left:auto}.irelia-stack{display:flex;gap:1rem}.irelia-stack--grow>*{flex-grow:1}.irelia-stack--horizontal{flex-direction:row}.irelia-stack--horizontal-reverse{flex-direction:row-reverse}.irelia-stack--vertical{flex-direction:column}.irelia-stack--vertical-reverse{flex-direction:column-reverse}.irelia-navbar{align-items:center;background-color:var(--irelia-colors-surface);border-bottom-width:1px;border-color:var(--irelia-colors-border);height:var(--irelia-navbar-height);left:0;position:sticky;right:0;top:0;z-index:50}.irelia-navbar__inner{align-items:center;-moz-column-gap:2.5rem;column-gap:2.5rem;display:flex;font-size:.875rem;height:100%;line-height:1.25rem}.irelia-navbar--full-width .irelia-navbar__inner{padding-left:2.5rem;padding-right:2.5rem}.irelia-navbar__section{align-items:center;-moz-column-gap:1.25rem;column-gap:1.25rem;display:flex}.irelia-navbar__separator{background-color:var(--irelia-colors-border);height:30px;width:1px}.irelia-navbar__brand{font-size:1.25rem;font-weight:700;line-height:1.75rem}.irelia-navbar__brand--default{color:var(--irelia-colors-primary);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.irelia-navbar__brand--default:hover{color:var(--irelia-colors-primary-hover)}.irelia-navbar__navigation{align-items:center;-moz-column-gap:1.25rem;column-gap:1.25rem;display:flex}.irelia-navbar__navigation--default{-moz-column-gap:2rem;column-gap:2rem;height:100%}.irelia-navbar__navigation__link{display:flex}.irelia-navbar__navigation__link--default{align-items:center;color:var(--irelia-colors-text);height:100%}.irelia-navbar__navigation__link--default:hover{color:var(--irelia-colors-primary)}.irelia-navbar__navigation__link--default.irelia-navbar__navigation__link--active{color:var(--irelia-colors-primary);font-weight:700}.irelia-dropdown{position:relative}.irelia-dropdown.irelia-dropdown--direction-down .irelia-dropdown__content{margin-top:2.5rem;top:0}.irelia-dropdown.irelia-dropdown--direction-down .irelia-dropdown__content.transition-closed{--tw-translate-y:-0.5rem;opacity:0}.irelia-dropdown.irelia-dropdown--direction-down .irelia-dropdown__content.transition-closed,.irelia-dropdown.irelia-dropdown--direction-down .irelia-dropdown__content.transition-open{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.irelia-dropdown.irelia-dropdown--direction-down .irelia-dropdown__content.transition-open{--tw-translate-y:-0px;opacity:1}.irelia-dropdown.irelia-dropdown--direction-up .irelia-dropdown__content{bottom:0;margin-bottom:2.5rem;margin-top:0}.irelia-dropdown.irelia-dropdown--direction-up .irelia-dropdown__content.transition-closed{--tw-translate-y:0.5rem;opacity:0}.irelia-dropdown.irelia-dropdown--direction-up .irelia-dropdown__content.transition-closed,.irelia-dropdown.irelia-dropdown--direction-up .irelia-dropdown__content.transition-open{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.irelia-dropdown.irelia-dropdown--direction-up .irelia-dropdown__content.transition-open{--tw-translate-y:0px;opacity:1}.irelia-dropdown__content{min-width:12rem;position:absolute;z-index:50;--tw-translate-x:-0.125rem;border-color:hsla(0,0%,90%,.7);border-radius:.375rem;border-width:1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));font-size:.875rem;line-height:1.25rem;padding:.25rem;--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.2s}.irelia-container{margin:0;padding-left:2.5rem;padding-right:2.5rem}.irelia-container.irelia-container--center{margin-left:auto;margin-right:auto}.irelia-app-shell .irelia-container{padding-left:0;padding-right:0}.irelia-container--size-full-width{width:100%}.irelia-container--size-xxl{max-width:1536px}.irelia-container--size-xl{max-width:1280px}.irelia-container--size-lg{max-width:1024px}.irelia-container--size-md{max-width:768px}.irelia-container--size-sm{max-width:640px}.irelia-container--size-xs{max-width:448px}.irelia-container--size-xxs{max-width:320px}.irelia-app-shell{background-color:var(--irelia-colors-background);display:flex;min-height:100dvh}.irelia-app-shell--main{flex:1 1 0%;flex-grow:1;padding:2.5rem 4rem}.irelia-app-shell--breadcrumbs-container{align-items:center;display:flex;height:7rem;margin-top:-2.5rem}.irelia-app-shell--submenu-container{margin-bottom:2.5rem}.irelia-sidebar{border-right-width:2px;flex-shrink:1;width:24rem;--tw-border-opacity:1;border-color:rgb(245 245 244/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity));padding-bottom:2.5rem;padding-top:2.5rem}.irelia-sidebar__inner{display:flex;flex-direction:column;height:100%;row-gap:2.5rem}.irelia-sidebar__section--padding{padding-left:2.5rem;padding-right:2.5rem}.irelia-sidebar__brand{font-size:1.25rem;font-weight:700;line-height:1.75rem}.irelia-sidebar__brand--default{align-items:center;color:var(--irelia-colors-primary);display:flex;height:7rem;justify-content:space-between;margin-top:-2.5rem;padding-left:2.5rem;padding-right:2.5rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.irelia-sidebar__brand--default:hover{color:var(--irelia-colors-primary-hover)}.irelia-sidebar__brand--default .irelia-sidebar__brand--actions{font-size:.875rem;line-height:1.25rem}.irelia-sidebar__navigation{display:flex;flex-direction:column}.irelia-sidebar__navigation__link--default{border-left-color:transparent;border-left-width:4px;-moz-column-gap:.75rem;column-gap:.75rem;display:flex;font-weight:600;padding:.5rem 2rem}.irelia-sidebar__navigation__link--default.irelia-sidebar__navigation__link--active{border-left-color:var(--irelia-colors-primary);color:var(--irelia-colors-primary);font-weight:700}.irelia-sidebar__navigation__link--default:hover{color:var(--irelia-colors-primary)}.irelia-sidebar__navigation__link--default .irelia-sidebar__navigation__link__icon{align-items:center;display:flex;justify-content:center;width:1.5rem}.irelia-breadcrumbs{display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;row-gap:.375rem}.irelia-breadcrumbs li{align-items:center;display:flex;height:100%}.irelia-breadcrumbs .irelia-icon svg.fa-chevron-right{font-size:.75rem;line-height:1rem;padding-left:.5rem;padding-right:.5rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.irelia-page-header--default{align-items:center;display:flex;margin-bottom:2.5rem}.irelia-page-header--default>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.irelia-page-header--default .irelia-page-header__inner{flex:1 1 0%}.irelia-page-header--default .irelia-page-header__inner h1{color:var(--irelia-colors-primary);font-size:1.5rem;font-weight:700;line-height:2rem}.irelia-page-header--default .irelia-page-header__inner p{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity))}.irelia-page-header--split-screen{margin-bottom:1.25rem}.irelia-page-header--split-screen .irelia-page-header__inner h1{color:var(--irelia-colors-primary);font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:.5rem}.irelia-page-header--split-screen .irelia-page-header__inner p{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity))}.irelia-form__group{border-radius:.25rem;display:flex;flex-direction:column;position:relative;row-gap:.375rem;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.25rem;text-align:left;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.irelia-form__group label{color:var(--irelia-colors-primary);font-size:.875rem;font-weight:700;line-height:1.25rem;text-transform:uppercase;white-space:nowrap}.irelia-form__group.irelia-form__group--invalid label{color:var(--irelia-colors-danger)}.irelia-form__group input:not([type=checkbox]),.irelia-form__group select,.irelia-form__group textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0;margin:0;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:0}.irelia-form__group input:not([type=checkbox])::-moz-placeholder,.irelia-form__group select::-moz-placeholder,.irelia-form__group textarea::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(163 163 163/var(--tw-placeholder-opacity))}.irelia-form__group input:not([type=checkbox])::placeholder,.irelia-form__group select::placeholder,.irelia-form__group textarea::placeholder{--tw-placeholder-opacity:1;color:rgb(163 163 163/var(--tw-placeholder-opacity))}.irelia-form__group input:not([type=checkbox]):hover,.irelia-form__group select:hover,.irelia-form__group textarea:hover{color:var(--irelia-colors-primary)}.irelia-form__group input:not([type=checkbox]):focus,.irelia-form__group select:focus,.irelia-form__group textarea:focus{color:var(--irelia-colors-primary);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.irelia-group__errors{color:var(--irelia-colors-danger);font-size:.875rem;line-height:1.25rem;margin-bottom:-.375rem}.irelia-group__hint{font-size:.75rem;line-height:1rem;margin-top:.375rem;--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity))}.irelia-notification{border-radius:.25rem;display:flex;padding:1rem 1.5rem;position:relative;width:100%;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.irelia-notification .icon{align-items:center;display:flex;justify-content:center;padding-right:1.5rem}.irelia-notification .icon .fa{height:1.5rem;width:1.5rem}.irelia-notification .text{display:flex;flex-direction:column;row-gap:.125rem;width:100%}.irelia-notification .text h5{font-weight:600;letter-spacing:-.025em;line-height:1}.irelia-notification .text span{font-size:.875rem;line-height:1.25rem;opacity:.8}.irelia-notification--notice{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity))}.irelia-notification--success{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.irelia-notification--warning{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity))}.irelia-notification--alert{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.irelia-split-screen{bottom:0;display:flex;left:0;position:fixed;right:0;top:var(--irelia-navbar-height)}.irelia-split-screen .irelia-split-screen__aside{background-color:var(--irelia-colors-primary);display:flex;flex:1 1 0%}.irelia-split-screen .irelia-split-screen__main{display:flex;flex:1 1 0%}.irelia-split-screen .irelia-split-screen__main .irelia-split-screen__main__inner{max-width:36rem;width:100%}.irelia-split-screen--center .irelia-split-screen__main{align-items:center;justify-content:center}.irelia-split-screen--center .irelia-split-screen__main .irelia-split-screen__main__inner{text-align:center}.irelia-split-screen--default{flex-direction:row}.irelia-split-screen--reverse{flex-direction:row-reverse}.irelia-table{min-width:100%}.irelia-table>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-color:var(--irelia-colors-gray);border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.irelia-table{text-align:left}.irelia-table thead tr th{color:var(--irelia-colors-primary);font-size:.875rem;font-weight:700;line-height:1.25rem;padding:.75rem 1.25rem;text-transform:uppercase}.irelia-table tbody>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-color:var(--irelia-colors-gray);border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.irelia-table tbody tr{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity))}.irelia-table tbody tr:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.irelia-table tbody tr td{padding:.75rem 1.25rem}.irelia-table tbody tr:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.irelia-card{background-color:var(--irelia-colors-surface);border-radius:.25rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.irelia-card:not(.irelia-card--no-padding) .irelia-card__inner{padding:1.25rem}.irelia-modal__container{align-items:center;display:flex;height:100vh;justify-content:center;left:0;padding-left:2.5rem;padding-right:2.5rem;position:fixed;top:0;width:100vw;z-index:99}.irelia-modal__background{background-color:rgb(0 0 0/var(--tw-bg-opacity));height:100%;inset:0;position:absolute;width:100%;--tw-bg-opacity:0.2}.irelia-modal{border-radius:.5rem;position:relative;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.5rem 1.75rem;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.irelia-modal .irelia-modal__header{align-items:center;display:flex;justify-content:space-between}.irelia-modal .irelia-modal__header h3{color:var(--irelia-colors-primary);font-size:1.125rem;font-weight:700;line-height:1.75rem}.irelia-modal .irelia-modal__close-button{align-items:center;border-radius:9999px;display:flex;height:2rem;justify-content:center;margin-right:1.25rem;margin-top:1.25rem;position:absolute;right:0;top:0;width:2rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.irelia-modal .irelia-modal__close-button:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.irelia-modal .irelia-modal__content{position:relative;width:auto}.irelia-modal--with-title,.irelia-modal--with-title .irelia-modal__header{border-bottom-width:1px;border-color:var(--irelia-colors-border)}.irelia-modal--with-title .irelia-modal__header{margin-bottom:1.25rem;padding-bottom:.875rem}@media (min-width:640px){.irelia-modal--default{max-width:32rem}}.irelia-divider .irelia-divider__inner_text{font-size:.875rem;font-weight:700;line-height:1.25rem;padding-left:1.25rem;padding-right:1.25rem}.irelia-divider--default{align-items:center;display:flex}.irelia-divider--default hr{border-top-width:1px;flex-grow:1;--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity))}.irelia-flex{display:flex}.irelia-flex--row{flex-direction:row}.irelia-flex--column{flex-direction:column}.irelia-flex--default{gap:1.25rem}.irelia-flex--gap-none{gap:0}.irelia-flex--gap-xs{gap:.375rem}.irelia-flex--gap-sm{gap:.625rem}.irelia-flex--gap-md{gap:1.25rem}.irelia-flex--gap-lg{gap:2.5rem}.irelia-avatar{border-radius:.5rem;height:2.75rem;overflow:hidden;width:2.75rem;--tw-bg-opacity:1;background-color:rgb(229 229 229/var(--tw-bg-opacity))}.irelia-html{color:var(--irelia-colors-text);max-width:100%}.irelia-html :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.irelia-html :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.irelia-html :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.irelia-html :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.irelia-html :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.irelia-html :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.irelia-html :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.irelia-html :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-inline-start:1.625em}.irelia-html :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.irelia-html :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.irelia-html :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.irelia-html :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.irelia-html :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.irelia-html :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.irelia-html :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.irelia-html :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.irelia-html :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.irelia-html :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-inline-start:1.625em}.irelia-html :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.irelia-html :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.irelia-html :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.irelia-html :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.irelia-html :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-inline-start-color:var(--tw-prose-quote-borders);border-inline-start-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-inline-start:1em;quotes:"\201C""\201D""\2018""\2019"}.irelia-html :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.irelia-html :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.irelia-html :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.irelia-html :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.irelia-html :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.irelia-html :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.irelia-html :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.irelia-html :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.irelia-html :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.irelia-html :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.irelia-html :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.irelia-html :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-bottom:2em;margin-top:2em}.irelia-html :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.irelia-html :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding-inline-end:.375em;padding-bottom:.1875em;padding-top:.1875em;padding-inline-start:.375em}.irelia-html :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.irelia-html :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.irelia-html :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.irelia-html :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.irelia-html :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.irelia-html :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.irelia-html :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.irelia-html :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.irelia-html :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.irelia-html :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.irelia-html :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-top:.8571429em;padding-inline-start:1.1428571em}.irelia-html :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.irelia-html :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.irelia-html :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.irelia-html :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;width:100%}.irelia-html :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.irelia-html :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em;vertical-align:bottom}.irelia-html :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.irelia-html :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.irelia-html :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.irelia-html :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.irelia-html :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.irelia-html :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.irelia-html :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.irelia-html :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.irelia-html{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.irelia-html :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.irelia-html :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.irelia-html :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.irelia-html :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.irelia-html :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.irelia-html :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.irelia-html :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.irelia-html :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.irelia-html :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.irelia-html :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.irelia-html :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.irelia-html :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.irelia-html :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.irelia-html :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.irelia-html :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.irelia-html :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.irelia-html :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.irelia-html :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.irelia-html :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-top:.5714286em;padding-inline-start:.5714286em}.irelia-html :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.irelia-html :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.irelia-html :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.irelia-html :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.irelia-html :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.irelia-html :where(a,.button_to button):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--irelia-colors-primary);font-weight:700;text-decoration:none}.irelia-html :where(a,.button_to button):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:var(--irelia-colors-primary-hover)}.irelia-html :where(h1,h2,h3,h4,h5,h6):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--irelia-colors-primary)}.irelia-html{--tw-prose-body:#44403c;--tw-prose-headings:#1c1917;--tw-prose-lead:#57534e;--tw-prose-links:#1c1917;--tw-prose-bold:#1c1917;--tw-prose-counters:#78716c;--tw-prose-bullets:#d6d3d1;--tw-prose-hr:#e7e5e4;--tw-prose-quotes:#1c1917;--tw-prose-quote-borders:#e7e5e4;--tw-prose-captions:#78716c;--tw-prose-kbd:#1c1917;--tw-prose-kbd-shadows:28 25 23;--tw-prose-code:#1c1917;--tw-prose-pre-code:#e7e5e4;--tw-prose-pre-bg:#292524;--tw-prose-th-borders:#d6d3d1;--tw-prose-td-borders:#e7e5e4;--tw-prose-invert-body:#d6d3d1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#a8a29e;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#a8a29e;--tw-prose-invert-bullets:#57534e;--tw-prose-invert-hr:#44403c;--tw-prose-invert-quotes:#f5f5f4;--tw-prose-invert-quote-borders:#44403c;--tw-prose-invert-captions:#a8a29e;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d6d3d1;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#57534e;--tw-prose-invert-td-borders:#44403c}.irelia-html>:first-child{margin-top:0}.irelia-html>:last-child{margin-bottom:0}.irelia-empty-collection{display:flex;gap:8rem;padding:2.5rem 3rem}.irelia-empty-collection--content{display:flex;flex-direction:column;justify-content:center;row-gap:1.25rem;width:66.666667%}.irelia-empty-collection--content h1{color:var(--irelia-colors-primary);font-size:1.5rem;font-weight:700;line-height:2rem}.irelia-empty-collection--content p{font-size:1rem;line-height:1.5rem}.irelia-empty-collection--image-container{align-items:center;display:flex;flex-shrink:1;justify-content:center;text-align:center;width:33.333333%}.static{position:static}.fixed{position:fixed}.mb-3{margin-bottom:.75rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-5{height:1.25rem}.w-1\/2{width:50%}.w-5{width:1.25rem}.grow{flex-grow:1}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.border{border-width:1px}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.text-right{text-align:right}[x-cloak]{display:none!important}@media (min-width:640px){.sm\:mb-0{margin-bottom:0}}.\[\&_\.active-breadcrumb\]\:font-medium .active-breadcrumb{font-weight:500}.\[\&_\.active-breadcrumb\]\:text-neutral-600 .active-breadcrumb{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity))}

data/app/assets/src/main.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { registerIreliaControllers } from "../../components/index.js";
2	+ export { registerIreliaControllers };

data/app/assets/src/main.pcss ADDED Viewed

@@ -0,0 +1,245 @@
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+@import "../../components/index.pcss";
+[x-cloak] {
+  display: none !important;
+}
+@layer base {
+  :root {
+    --irelia-navbar-height: 80px;
+    --irelia-colors-background: theme("colors.neutral.50");
+    --irelia-colors-surface: theme("colors.white");
+    --irelia-colors-text: theme("colors.zinc.500");
+    --irelia-colors-border: theme("colors.neutral.200");
+    --irelia-colors-primary: theme("colors.cyan.800");
+    --irelia-colors-primary-hover: theme("colors.cyan.700");
+    --irelia-colors-gray: theme("colors.zinc.200");
+    --irelia-colors-gray-hover: theme("colors.zinc.100");
+    --irelia-colors-danger: theme("colors.rose.600");
+    --irelia-colors-danger-hover: theme("colors.rose.500");
+  }
+  body {
+    @apply bg-[var(--irelia-colors-background)] font-sans text-[var(--irelia-colors-text)] antialiased;
+  }
+  .irelia-form {
+    @apply flex flex-col gap-y-5 text-left;
+  }
+  .irelia-grow {
+    @apply grow;
+  }
+  .irelia-justify-start {
+    @apply justify-start;
+  }
+  .irelia-justify-center {
+    @apply justify-center;
+  }
+  .irelia-justify-between {
+    @apply justify-between;
+  }
+  .irelia-justify-end {
+    @apply justify-end;
+  }
+  .irelia-justify-around {
+    @apply justify-around;
+  }
+  .irelia-justify-evenly {
+    @apply justify-evenly;
+  }
+  .irelia-justify-stretch {
+    @apply justify-stretch;
+  }
+  .irelia-padding-none {
+    @apply p-0;
+  }
+  .irelia-padding-sm {
+    @apply p-2.5;
+  }
+  .irelia-padding-md {
+    @apply p-5;
+  }
+  .irelia-padding-lg {
+    @apply p-10;
+  }
+  .irelia-padding-top-none {
+    @apply pt-0;
+  }
+  .irelia-padding-top-sm {
+    @apply pt-2.5;
+  }
+  .irelia-padding-top-md {
+    @apply pt-5;
+  }
+  .irelia-padding-top-lg {
+    @apply pt-10;
+  }
+  .irelia-padding-bottom-none {
+    @apply pb-0;
+  }
+  .irelia-padding-bottom-sm {
+    @apply pb-2.5;
+  }
+  .irelia-padding-bottom-md {
+    @apply pb-5;
+  }
+  .irelia-padding-bottom-lg {
+    @apply pb-10;
+  }
+  .irelia-padding-left-none {
+    @apply pl-0;
+  }
+  .irelia-padding-left-sm {
+    @apply pl-2.5;
+  }
+  .irelia-padding-left-md {
+    @apply pl-5;
+  }
+  .irelia-padding-left-lg {
+    @apply pl-10;
+  }
+  .irelia-padding-right-none {
+    @apply pr-0;
+  }
+  .irelia-padding-right-sm {
+    @apply pr-2.5;
+  }
+  .irelia-padding-right-md {
+    @apply pr-5;
+  }
+  .irelia-padding-right-lg {
+    @apply pr-10;
+  }
+  .irelia-items-start {
+    @apply items-start;
+  }
+  .irelia-items-center {
+    @apply items-center;
+  }
+  .irelia-items-end {
+    @apply items-end;
+  }
+  .irelia-items-stretch {
+    @apply items-stretch;
+  }
+  .irelia-items-baseline {
+    @apply items-baseline;
+  }
+  .irelia-text-base {
+    @apply text-base;
+  }
+  .irelia-text-xs {
+    @apply text-xs;
+  }
+  .irelia-text-sm {
+    @apply text-sm;
+  }
+  .irelia-text-lg {
+    @apply text-lg;
+  }
+  .irelia-text-xl {
+    @apply text-xl;
+  }
+  .irelia-text-2xl {
+    @apply text-2xl;
+  }
+  .irelia-text-3xl {
+    @apply text-3xl;
+  }
+  .irelia-text-bold {
+    @apply font-bold;
+  }
+  .irelia-text-semibold {
+    @apply font-semibold;
+  }
+  .irelia-text-extrabold {
+    @apply font-extrabold;
+  }
+  .irelia-text-no-bold {
+    @apply font-normal;
+  }
+  .irelia-width-full {
+    @apply w-full;
+  }
+  .irelia-fixed-top {
+    @apply fixed top-0;
+  }
+  .irelia-fixed-top-right {
+    @apply fixed top-0 right-0;
+  }
+  .irelia-fixed-right {
+    @apply fixed right-0;
+  }
+  .irelia-fixed-bottom-right {
+    @apply fixed bottom-0 right-0;
+  }
+  .irelia-fixed-bottom {
+    @apply fixed bottom-0;
+  }
+  .irelia-fixed-bottom-left {
+    @apply fixed bottom-0 left-0;
+  }
+  .irelia-fixed-left {
+    @apply fixed left-0;
+  }
+  .irelia-fixed-top-left {
+    @apply fixed top-0 left-0;
+  }
+}

data/app/components/index.js ADDED Viewed

@@ -0,0 +1,7 @@
+import Dropdown from "./irelia/dropdown/controller";
+import Modal from "./irelia/modal/controller";
+export function registerIreliaControllers(application) {
+  application.register("irelia-dropdown", Dropdown);
+  application.register("irelia-modal", Modal);
+}

data/app/components/index.pcss ADDED Viewed

@@ -0,0 +1,38 @@
+@import "irelia/button/index.pcss";
+@import "irelia/stack/index.pcss";
+@import "irelia/navbar/index.pcss";
+@import "irelia/navbar/section/index.pcss";
+@import "irelia/navbar/separator/index.pcss";
+@import "irelia/navbar/brand/index.pcss";
+@import "irelia/navbar/navigation/index.pcss";
+@import "irelia/navbar/navigation/link/index.pcss";
+@import "irelia/icon/index.pcss";
+@import "irelia/dropdown/index.pcss";
+@import "irelia/container/index.pcss";
+@import "irelia/app_shell/index.pcss";
+@import "irelia/sidebar/index.pcss";
+@import "irelia/sidebar/section/index.pcss";
+@import "irelia/sidebar/brand/index.pcss";
+@import "irelia/sidebar/navigation/index.pcss";
+@import "irelia/sidebar/navigation/link/index.pcss";
+@import "irelia/breadcrumbs/index.pcss";
+@import "irelia/page_header/index.pcss";
+@import "irelia/form/text_field/index.pcss";
+@import "irelia/form/group/index.pcss";
+@import "irelia/form/base/index.pcss";
+@import "irelia/notification/index.pcss";
+@import "irelia/form/select/index.pcss";
+@import "irelia/navigation/index.pcss";
+@import "irelia/form/password_field/index.pcss";
+@import "irelia/form/email_field/index.pcss";
+@import "irelia/split_screen/index.pcss";
+@import "irelia/table/index.pcss";
+@import "irelia/card/index.pcss";
+@import "irelia/table/row/index.pcss";
+@import "irelia/modal/index.pcss";
+@import "irelia/divider/index.pcss";
+@import "irelia/flex/index.pcss";
+@import "irelia/div/index.pcss";
+@import "irelia/avatar/index.pcss";
+@import "irelia/html/index.pcss";
+@import "irelia/empty_collection/index.pcss";

data/app/components/irelia/app_shell/component.html.erb ADDED Viewed

@@ -0,0 +1,18 @@
+<%= content_tag :div, html_options do %>
+  <%= sidebar if sidebar %>
+  <main class="irelia-app-shell--main">
+    <% if breadcrumbs %>
+      <div class="irelia-app-shell--breadcrumbs-container">
+        <%= breadcrumbs %>
+      </div>
+    <% end %>
+    <% if submenu %>
+      <div class="irelia-app-shell--submenu-container">
+        <%= submenu %>
+      </div>
+    <% end %>
+    <%= content %>
+  </main>
+<% end %>

data/app/components/irelia/app_shell/component.rb ADDED Viewed

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+class Irelia::AppShell::Component < Irelia::Component
+  renders_one :sidebar, Irelia::Sidebar::Component
+  renders_one :breadcrumbs, Irelia::Breadcrumbs::Component
+  renders_one :submenu, Irelia::Navigation::Component
+  def variants
+    class_names(
+      "irelia-app-shell",
+      "irelia-app-shell--default": variant == :default
+    )
+  end
+end

data/app/components/irelia/app_shell/index.pcss ADDED Viewed

@@ -0,0 +1,20 @@
+@layer components {
+  .irelia-app-shell {
+    @apply min-h-dvh bg-irelia-background flex;
+  }
+  .irelia-app-shell--default {
+  }
+  .irelia-app-shell--main {
+    @apply flex-1 grow p-10 px-16;
+  }
+  .irelia-app-shell--breadcrumbs-container {
+    @apply h-28 -mt-10 flex items-center;
+  }
+  .irelia-app-shell--submenu-container {
+    @apply mb-10;
+  }
+}

data/app/{frontend/components/page/header → components/irelia/app_shell}/preview.rb RENAMED Viewed

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
-class Page::Header::Preview < ApplicationViewComponentPreview
+class Irelia::AppShell::Preview < Irelia::ComponentPreview
   # You can specify the container class for the default template
   # self.container_class = "w-1/2 border border-gray-300"

data/app/components/irelia/app_shell/previews/default.html.erb ADDED Viewed

@@ -0,0 +1,21 @@
+<%= irelia_app_shell do |app_shell| %>
+  <% app_shell.with_sidebar do |sidebar| %>
+    <% sidebar.with_brand(url: root_path) { "Irelia" } %>
+    <% sidebar.with_navigation do |navbar| %>
+      <% navbar.with_link(url: "#", icon: "fa fa-home", active: true) { "Home" } %>
+      <% navbar.with_link(url: "#", icon: "fa fa-globe") { "Websites" } %>
+      <% navbar.with_link(url: "#", icon: "fab fa-github") { "Repositories" } %>
+      <% navbar.with_link(url: "#", icon: "fa fa-book") { "Guide & documenation" } %>
+      <% navbar.with_link(url: "#", icon: "fa fa-gear") { "Settings" } %>
+    <% end %>
+    <% sidebar.with_section(grow: true) %>
+    <% sidebar.with_section { "footer" } %>
+  <% end %>
+  <% app_shell.with_submenu do |menu|%>
+    <%= menu.with_link(active: true) { "Welcome" } %>
+    <%= menu.with_link { "Activity log" } %>
+  <% end %>
+  <%= irelia_page_header(title: "Hello world!", subline: "This is an example of the app shell.") %>
+<% end %>

data/app/components/irelia/avatar/component.html.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<%= content_tag :div, html_options do %>
+  <img src="<%= image_url %>">
+<% end %>

data/app/components/irelia/avatar/component.rb ADDED Viewed

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+class Irelia::Avatar::Component < Irelia::Component
+  option :src, default: -> { nil }
+  def image_url
+    content || src
+  end
+  def variants
+    class_names(
+      "irelia-avatar",
+      "irelia-avatar--default": variant == :default
+    )
+  end
+end

data/app/components/irelia/avatar/index.pcss ADDED Viewed

@@ -0,0 +1,8 @@
+@layer components {
+  .irelia-avatar {
+    @apply w-11 h-11 rounded-lg overflow-hidden bg-neutral-200;
+  }
+  .irelia-avatar--default {
+  }
+}

data/{lib/generators/view_component/templates/preview.rb.tt → app/components/irelia/avatar/preview.rb} RENAMED Viewed

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
-class <%= class_name %>::Preview < <%= preview_parent_class %>
+class Irelia::Avatar::Preview < Irelia::ComponentPreview
   # You can specify the container class for the default template
   # self.container_class = "w-1/2 border border-gray-300"