@aortl/admin-css 0.12.1 → 0.13.1

package/dist/admin.scoped.css

@@ -704,6 +704,9 @@
 :scope._ao-accordion-summary::-webkit-details-marker, :scope ._ao-accordion-summary::-webkit-details-marker {
     display: none;
   }
+:scope._ao-accordion-summary > :is(i, svg), :scope ._ao-accordion-summary > :is(i, svg) {
+    flex-shrink: 0;
+  }
 :scope._ao-accordion-summary::after, :scope ._ao-accordion-summary::after {
     content: "";
     width: 0.5rem;
@@ -896,6 +899,9 @@
     white-space: nowrap;
     color: var(--color-text);
   }
+:scope._ao-badge > :is(i, svg), :scope ._ao-badge > :is(i, svg) {
+    flex-shrink: 0;
+  }
 :scope._ao-badge-info, :scope ._ao-badge-info {
     border-color: var(--color-info-muted);
     background-color: var(--color-info-muted);
@@ -1235,6 +1241,9 @@
     width: 0.875rem;
     height: 0.875rem;
   }
+:scope._ao-breadcrumb-item > :is(i, svg), :scope ._ao-breadcrumb-item > :is(i, svg), :scope._ao-breadcrumb-separator > :is(i, svg), :scope ._ao-breadcrumb-separator > :is(i, svg) {
+    flex-shrink: 0;
+  }
 :scope._ao-pagination > ol, :scope ._ao-pagination > ol, :scope._ao-pagination > ul, :scope ._ao-pagination > ul {
     margin: calc(var(--spacing) * 0);
     display: inline-flex;
@@ -1473,6 +1482,9 @@
       opacity: 50%;
     }
   }
+:scope._ao-btn > :is(i, svg), :scope ._ao-btn > :is(i, svg) {
+    flex-shrink: 0;
+  }
 :scope._ao-btn-primary, :scope ._ao-btn-primary {
     border-color: transparent;
     background-color: var(--color-primary);
@@ -1493,6 +1505,14 @@
       }
     }
   }
+:scope._ao-btn-muted, :scope ._ao-btn-muted {
+    background-color: var(--color-surface);
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-surface-muted);
+      }
+    }
+  }
 :scope._ao-btn-danger, :scope ._ao-btn-danger {
     border-color: transparent;
     background-color: var(--color-danger);
@@ -1617,6 +1637,60 @@
       border-top-color: color-mix(in srgb, currentColor 25%, transparent);
     }
   }
+:scope._ao-btn-group-full-width:not(._ao-btn-group-vertical), :scope ._ao-btn-group-full-width:not(._ao-btn-group-vertical) {
+    display: flex;
+    width: 100%;
+  }
+:scope._ao-btn-group-full-width:not(._ao-btn-group-vertical) > ._ao-btn, :scope ._ao-btn-group-full-width:not(._ao-btn-group-vertical) > ._ao-btn, :scope._ao-btn-group-full-width:not(._ao-btn-group-vertical) > ._ao-menu, :scope ._ao-btn-group-full-width:not(._ao-btn-group-vertical) > ._ao-menu {
+    flex: 1;
+  }
+:scope._ao-btn-group-full-width._ao-btn-group-vertical, :scope ._ao-btn-group-full-width._ao-btn-group-vertical {
+    width: 100%;
+  }
+:scope._ao-link, :scope ._ao-link {
+    display: inline-flex;
+    align-items: center;
+    gap: calc(var(--spacing) * 1);
+    border-radius: var(--radius-sm);
+    color: var(--color-primary);
+    text-decoration-line: underline;
+    text-underline-offset: 2px;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary-hover);
+      }
+    }
+    &:focus-visible {
+      outline-style: var(--tw-outline-style);
+      outline-width: 2px;
+    }
+    &:focus-visible {
+      outline-offset: 2px;
+    }
+    &:focus-visible {
+      outline-color: var(--color-primary);
+    }
+  }
+:scope._ao-link > :is(i, svg), :scope ._ao-link > :is(i, svg) {
+    flex-shrink: 0;
+  }
+:scope._ao-link-external, :scope ._ao-link-external {
+    --link-external-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 7 7 17'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E");
+  }
+:scope._ao-link-external::after, :scope ._ao-link-external::after {
+    content: "";
+    flex: none;
+    width: 0.85em;
+    height: 0.85em;
+    background-color: currentColor;
+    -webkit-mask: var(--link-external-arrow) center / contain no-repeat;
+    mask: var(--link-external-arrow) center / contain no-repeat;
+  }
 :scope._ao-input, :scope ._ao-input {
     display: inline-flex;
     width: 100%;
@@ -1688,6 +1762,39 @@
       outline-color: var(--color-danger);
     }
   }
+:scope._ao-input-info, :scope ._ao-input-info {
+    border-color: var(--color-info);
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-info);
+      }
+    }
+    &:focus-visible {
+      outline-color: var(--color-info);
+    }
+  }
+:scope._ao-input-success, :scope ._ao-input-success {
+    border-color: var(--color-success);
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-success);
+      }
+    }
+    &:focus-visible {
+      outline-color: var(--color-success);
+    }
+  }
+:scope._ao-input-warning, :scope ._ao-input-warning {
+    border-color: var(--color-warning);
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-warning);
+      }
+    }
+    &:focus-visible {
+      outline-color: var(--color-warning);
+    }
+  }
 :scope._ao-input-sm, :scope ._ao-input-sm {
     padding-inline: calc(var(--spacing) * 2.5);
     padding-block: calc(var(--spacing) * 1.5);
@@ -1816,6 +1923,43 @@
       outline-color: var(--color-danger);
     }
   }
+:scope._ao-textarea-info, :scope ._ao-textarea-info {
+    border-color: var(--color-info);
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-info);
+      }
+    }
+    &:focus-visible {
+      outline-color: var(--color-info);
+    }
+  }
+:scope._ao-textarea-success, :scope ._ao-textarea-success {
+    border-color: var(--color-success);
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-success);
+      }
+    }
+    &:focus-visible {
+      outline-color: var(--color-success);
+    }
+  }
+:scope._ao-textarea-warning, :scope ._ao-textarea-warning {
+    border-color: var(--color-warning);
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-warning);
+      }
+    }
+    &:focus-visible {
+      outline-color: var(--color-warning);
+    }
+  }
+:scope._ao-textarea-autosize, :scope ._ao-textarea-autosize {
+    field-sizing: content;
+    resize: none;
+  }
 :scope._ao-textarea-sm, :scope ._ao-textarea-sm {
     min-height: calc(var(--spacing) * 16);
     padding-inline: calc(var(--spacing) * 2.5);
@@ -2396,6 +2540,9 @@
     font-weight: var(--font-weight-medium);
     color: var(--color-text-muted);
   }
+:scope._ao-stat-card-label > :is(i, svg), :scope ._ao-stat-card-label > :is(i, svg) {
+    flex-shrink: 0;
+  }
 :scope._ao-stat-card-value, :scope ._ao-stat-card-value {
     font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -2954,6 +3101,9 @@
     cursor: not-allowed;
     opacity: 50%;
   }
+:scope._ao-menu-trigger > :is(i, svg), :scope ._ao-menu-trigger > :is(i, svg), :scope._ao-menu-item > :is(i, svg), :scope ._ao-menu-item > :is(i, svg) {
+    flex-shrink: 0;
+  }
 :scope._ao-menu-separator, :scope ._ao-menu-separator {
     margin-block: calc(var(--spacing) * 1);
     height: 1px;
@@ -3045,6 +3195,9 @@
     background-color: var(--color-primary-muted);
     color: var(--color-primary);
   }
+:scope._ao-navbar-brand > :is(i, svg), :scope ._ao-navbar-brand > :is(i, svg), :scope._ao-navbar-item > :is(i, svg), :scope ._ao-navbar-item > :is(i, svg) {
+    flex-shrink: 0;
+  }
 :scope._ao-navbar-actions, :scope ._ao-navbar-actions {
     margin-left: auto;
     display: flex;
@@ -3527,6 +3680,9 @@
 :scope._ao-tabs ._ao-tab[data-selected], :scope ._ao-tabs ._ao-tab[data-selected], :scope._ao-tabs ._ao-tab[aria-selected="true"], :scope ._ao-tabs ._ao-tab[aria-selected="true"] {
     color: var(--color-text);
   }
+:scope._ao-tabs ._ao-tab > :is(i, svg), :scope ._ao-tabs ._ao-tab > :is(i, svg) {
+    flex-shrink: 0;
+  }
 :scope._ao-tabs ._ao-tab-input, :scope ._ao-tabs ._ao-tab-input {
     position: absolute;
     width: 1px;

package/dist/admin.scoped.min.css

@@ -89,8 +89,8 @@
 :scope img, :scope video{max-width:100%;height:auto}
 :scope button, :scope input, :scope select, :scope optgroup, :scope textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
 :scope::file-selector-button, :scope ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
-:scope:where(select:is([multiple], [size])) optgroup, :scope :where(select:is([multiple], [size])) optgroup{font-weight:bolder}
-:scope:where(select:is([multiple], [size])) optgroup option, :scope :where(select:is([multiple], [size])) optgroup option{padding-inline-start:20px}
+:scope:where(select:is([multiple],[size])) optgroup, :scope :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
+:scope:where(select:is([multiple],[size])) optgroup option, :scope :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
 :scope::file-selector-button, :scope ::file-selector-button{margin-inline-end:4px}
 :scope::placeholder, :scope ::placeholder{opacity:1}
 @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){:scope::placeholder, :scope ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){:scope::placeholder, :scope ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
@@ -110,7 +110,7 @@
 :scope::-webkit-datetime-edit-meridiem-field, :scope ::-webkit-datetime-edit-meridiem-field{padding-block:0}
 :scope::-webkit-calendar-picker-indicator, :scope ::-webkit-calendar-picker-indicator{line-height:1}
 :scope:-moz-ui-invalid, :scope :-moz-ui-invalid{box-shadow:none}
-:scope button, :scope input:where([type=button], [type=reset], [type=submit]){appearance:button}
+:scope button, :scope input:where([type=button],[type=reset],[type=submit]){appearance:button}
 :scope::file-selector-button, :scope ::file-selector-button{appearance:button}
 :scope::-webkit-inner-spin-button, :scope ::-webkit-inner-spin-button{height:auto}
 :scope::-webkit-outer-spin-button, :scope ::-webkit-outer-spin-button{height:auto}
@@ -130,26 +130,27 @@
 :scope._ao-accordion-summary:focus-visible, :scope ._ao-accordion-summary:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
 :scope._ao-accordion-summary, :scope ._ao-accordion-summary{list-style:none}
 :scope._ao-accordion-summary::-webkit-details-marker, :scope ._ao-accordion-summary::-webkit-details-marker{display:none}
+:scope._ao-accordion-summary>:is(i,svg), :scope ._ao-accordion-summary>:is(i,svg){flex-shrink:0}
 :scope._ao-accordion-summary:after, :scope ._ao-accordion-summary:after{content:"";border-bottom:2px solid;border-right:2px solid;flex-shrink:0;width:.5rem;height:.5rem;margin-left:auto;transition:transform .15s;transform:rotate(45deg)}
 :scope._ao-accordion-item[open]>._ao-accordion-summary:after, :scope ._ao-accordion-item[open]>._ao-accordion-summary:after{transform:rotate(-135deg)}
 :scope._ao-accordion-content, :scope ._ao-accordion-content{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text)}
 :scope._ao-accordion-item::details-content, :scope ._ao-accordion-item::details-content{opacity:0;content-visibility:visible;height:0;transition:opacity .2s,height .2s;overflow:clip}
 :scope._ao-accordion-item[open]::details-content, :scope ._ao-accordion-item[open]::details-content{opacity:1;height:auto}
 :scope._ao-alert, :scope ._ao-alert{gap:calc(var(--spacing) * 1);border-radius:var(--radius-md);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text);border-width:1px;flex-direction:column;display:flex}
-:scope._ao-alert:has(>:is(i, svg):first-child), :scope ._ao-alert:has(>:is(i, svg):first-child){grid-template-columns:auto 1fr;align-items:center;gap:.25rem .5rem;display:grid}
-:scope._ao-alert>:is(i, svg):first-child, :scope ._ao-alert>:is(i, svg):first-child{font-size:1rem;line-height:1.25}
-:scope._ao-alert:has(>:is(i, svg):first-child):has(>._ao-alert-title), :scope ._ao-alert:has(>:is(i, svg):first-child):has(>._ao-alert-title){grid-template-rows:auto auto;align-items:start}
-:scope._ao-alert:has(>._ao-alert-title)>:is(i, svg):first-child, :scope ._ao-alert:has(>._ao-alert-title)>:is(i, svg):first-child{grid-row:1/-1}
-:scope._ao-alert>:is(._ao-alert-title, ._ao-alert-description), :scope ._ao-alert>:is(._ao-alert-title, ._ao-alert-description){grid-column:2}
+:scope._ao-alert:has(>:is(i,svg):first-child), :scope ._ao-alert:has(>:is(i,svg):first-child){grid-template-columns:auto 1fr;align-items:center;gap:.25rem .5rem;display:grid}
+:scope._ao-alert>:is(i,svg):first-child, :scope ._ao-alert>:is(i,svg):first-child{font-size:1rem;line-height:1.25}
+:scope._ao-alert:has(>:is(i,svg):first-child):has(>._ao-alert-title), :scope ._ao-alert:has(>:is(i,svg):first-child):has(>._ao-alert-title){grid-template-rows:auto auto;align-items:start}
+:scope._ao-alert:has(>._ao-alert-title)>:is(i,svg):first-child, :scope ._ao-alert:has(>._ao-alert-title)>:is(i,svg):first-child{grid-row:1/-1}
+:scope._ao-alert>:is(._ao-alert-title,._ao-alert-description), :scope ._ao-alert>:is(._ao-alert-title,._ao-alert-description){grid-column:2}
 :scope._ao-alert-info, :scope ._ao-alert-info{border-color:var(--color-info-muted);background-color:var(--color-info-muted)}
 :scope._ao-alert-success, :scope ._ao-alert-success{border-color:var(--color-success-muted);background-color:var(--color-success-muted)}
 :scope._ao-alert-warning, :scope ._ao-alert-warning{border-color:var(--color-warning-muted);background-color:var(--color-warning-muted)}
 :scope._ao-alert-danger, :scope ._ao-alert-danger{border-color:var(--color-danger-muted);background-color:var(--color-danger-muted)}
 :scope._ao-alert-title, :scope ._ao-alert-title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
-:scope._ao-alert-info ._ao-alert-title, :scope ._ao-alert-info ._ao-alert-title, :scope._ao-alert-info>:is(i, svg):first-child, :scope ._ao-alert-info>:is(i, svg):first-child{color:var(--color-info)}
-:scope._ao-alert-success ._ao-alert-title, :scope ._ao-alert-success ._ao-alert-title, :scope._ao-alert-success>:is(i, svg):first-child, :scope ._ao-alert-success>:is(i, svg):first-child{color:var(--color-success)}
-:scope._ao-alert-warning ._ao-alert-title, :scope ._ao-alert-warning ._ao-alert-title, :scope._ao-alert-warning>:is(i, svg):first-child, :scope ._ao-alert-warning>:is(i, svg):first-child{color:var(--color-text)}
-:scope._ao-alert-danger ._ao-alert-title, :scope ._ao-alert-danger ._ao-alert-title, :scope._ao-alert-danger>:is(i, svg):first-child, :scope ._ao-alert-danger>:is(i, svg):first-child{color:var(--color-danger)}
+:scope._ao-alert-info ._ao-alert-title, :scope ._ao-alert-info ._ao-alert-title, :scope._ao-alert-info>:is(i,svg):first-child, :scope ._ao-alert-info>:is(i,svg):first-child{color:var(--color-info)}
+:scope._ao-alert-success ._ao-alert-title, :scope ._ao-alert-success ._ao-alert-title, :scope._ao-alert-success>:is(i,svg):first-child, :scope ._ao-alert-success>:is(i,svg):first-child{color:var(--color-success)}
+:scope._ao-alert-warning ._ao-alert-title, :scope ._ao-alert-warning ._ao-alert-title, :scope._ao-alert-warning>:is(i,svg):first-child, :scope ._ao-alert-warning>:is(i,svg):first-child{color:var(--color-text)}
+:scope._ao-alert-danger ._ao-alert-title, :scope ._ao-alert-danger ._ao-alert-title, :scope._ao-alert-danger>:is(i,svg):first-child, :scope ._ao-alert-danger>:is(i,svg):first-child{color:var(--color-danger)}
 :scope._ao-alert-description, :scope ._ao-alert-description{color:var(--color-text-muted)}
 :scope._ao-app-shell, :scope ._ao-app-shell{--app-shell-sidebar-w:240px;--app-shell-sidebar-w-collapsed:56px;background-color:var(--color-surface);width:100%;min-height:100vh;color:var(--color-text);grid-template:"header""main"1fr"footer"/1fr;display:grid}
 :scope._ao-app-shell>._ao-navbar, :scope ._ao-app-shell>._ao-navbar{grid-area:header}
@@ -165,6 +166,7 @@
 :scope._ao-container-compact, :scope ._ao-container-compact{gap:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 4)}
 @media (max-width:48rem){:scope._ao-container, :scope ._ao-container{padding-inline:calc(var(--spacing) * 4)}}
 :scope._ao-badge, :scope ._ao-badge{height:calc(var(--spacing) * 5);justify-content:center;align-items:center;gap:calc(var(--spacing) * 1);border-style:var(--tw-border-style);background-color:var(--color-surface-strong);padding-inline:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-text);border-width:1px;border-color:#0000;border-radius:3.40282e38px;display:inline-flex}
+:scope._ao-badge>:is(i,svg), :scope ._ao-badge>:is(i,svg){flex-shrink:0}
 :scope._ao-badge-info, :scope ._ao-badge-info{border-color:var(--color-info-muted);background-color:var(--color-info-muted);color:var(--color-info)}
 :scope._ao-badge-success, :scope ._ao-badge-success{border-color:var(--color-success-muted);background-color:var(--color-success-muted);color:var(--color-success)}
 :scope._ao-badge-warning, :scope ._ao-badge-warning{border-color:var(--color-warning-muted);background-color:var(--color-warning-muted);color:var(--color-text)}
@@ -229,7 +231,8 @@
 @supports (color:color-mix(in lab, red, red)){:scope._ao-breadcrumb-separator, :scope ._ao-breadcrumb-separator{color:color-mix(in oklab, var(--color-text-muted) 60%, transparent)}}
 :scope._ao-breadcrumb-separator, :scope ._ao-breadcrumb-separator{-webkit-user-select:none;user-select:none}
 :scope._ao-breadcrumb-separator:empty:before, :scope ._ao-breadcrumb-separator:empty:before{content:"/"}
-:scope._ao-breadcrumb-separator>:is(i, svg), :scope ._ao-breadcrumb-separator>:is(i, svg){width:.875rem;height:.875rem}
+:scope._ao-breadcrumb-separator>:is(i,svg), :scope ._ao-breadcrumb-separator>:is(i,svg){width:.875rem;height:.875rem}
+:scope._ao-breadcrumb-item>:is(i,svg), :scope ._ao-breadcrumb-item>:is(i,svg), :scope._ao-breadcrumb-separator>:is(i,svg), :scope ._ao-breadcrumb-separator>:is(i,svg){flex-shrink:0}
 :scope._ao-pagination>ol, :scope ._ao-pagination>ol, :scope._ao-pagination>ul, :scope ._ao-pagination>ul{margin:calc(var(--spacing) * 0);align-items:center;gap:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 0);list-style-type:none;display:inline-flex}
 :scope._ao-page-item, :scope ._ao-page-item{display:inline-flex}
 :scope._ao-page-link, :scope ._ao-page-link{height:calc(var(--spacing) * 8);min-width:calc(var(--spacing) * 8);cursor:pointer;border-radius:var(--radius-md);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium);color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;-webkit-user-select:none;user-select:none;background-color:#0000;border-width:1px;border-color:#0000;justify-content:center;align-items:center;text-decoration-line:none;transition-duration:.15s;display:inline-flex}
@@ -262,10 +265,13 @@
 @media (hover:hover){:scope._ao-btn:hover, :scope ._ao-btn:hover{background-color:var(--color-surface-strong)}}
 :scope._ao-btn:focus-visible, :scope ._ao-btn:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
 :scope._ao-btn:disabled, :scope ._ao-btn:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}
+:scope._ao-btn>:is(i,svg), :scope ._ao-btn>:is(i,svg){flex-shrink:0}
 :scope._ao-btn-primary, :scope ._ao-btn-primary{background-color:var(--color-primary);color:var(--color-primary-content);border-color:#0000}
 @media (hover:hover){:scope._ao-btn-primary:hover, :scope ._ao-btn-primary:hover{background-color:var(--color-primary-hover)}}
 :scope._ao-btn-ghost, :scope ._ao-btn-ghost{color:var(--color-text);background-color:#0000;border-color:#0000}
 @media (hover:hover){:scope._ao-btn-ghost:hover, :scope ._ao-btn-ghost:hover{background-color:var(--color-surface-muted)}}
+:scope._ao-btn-muted, :scope ._ao-btn-muted{background-color:var(--color-surface)}
+@media (hover:hover){:scope._ao-btn-muted:hover, :scope ._ao-btn-muted:hover{background-color:var(--color-surface-muted)}}
 :scope._ao-btn-danger, :scope ._ao-btn-danger{background-color:var(--color-danger);color:var(--color-danger-content);border-color:#0000}
 @media (hover:hover){:scope._ao-btn-danger:hover, :scope ._ao-btn-danger:hover{opacity:.9}}
 :scope._ao-btn-sm, :scope ._ao-btn-sm{gap:calc(var(--spacing) * 1.5);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
@@ -278,7 +284,7 @@
 :scope._ao-btn-loading:before, :scope ._ao-btn-loading:before{content:"";border:.125em solid;border-radius:9999px;flex-shrink:0;width:1em;height:1em;display:inline-block}
 @supports (color:color-mix(in lab, red, red)){:scope._ao-btn-loading:before, :scope ._ao-btn-loading:before{border:.125em solid color-mix(in oklab, currentColor 25%, transparent)}}
 :scope._ao-btn-loading:before, :scope ._ao-btn-loading:before{border-top-color:currentColor;animation:.6s linear infinite spinner-spin}
-:scope._ao-btn-loading>:is(i, svg):first-child, :scope ._ao-btn-loading>:is(i, svg):first-child{display:none}
+:scope._ao-btn-loading>:is(i,svg):first-child, :scope ._ao-btn-loading>:is(i,svg):first-child{display:none}
 @media (prefers-reduced-motion:reduce){:scope._ao-btn-loading:before, :scope ._ao-btn-loading:before{animation-duration:2s}}
 :scope._ao-btn-group, :scope ._ao-btn-group{display:inline-flex}
 :scope._ao-btn-group>._ao-btn, :scope ._ao-btn-group>._ao-btn{border-radius:0;position:relative}
@@ -299,6 +305,15 @@
 :scope._ao-btn-group-vertical>._ao-btn:last-child, :scope ._ao-btn-group-vertical>._ao-btn:last-child, :scope._ao-btn-group-vertical>._ao-menu:last-child>._ao-menu-trigger, :scope ._ao-btn-group-vertical>._ao-menu:last-child>._ao-menu-trigger{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}
 :scope._ao-btn-group-vertical>._ao-btn:not(:first-child), :scope ._ao-btn-group-vertical>._ao-btn:not(:first-child), :scope._ao-btn-group-vertical>._ao-menu:not(:first-child)>._ao-menu-trigger, :scope ._ao-btn-group-vertical>._ao-menu:not(:first-child)>._ao-menu-trigger{border-top-color:currentColor}
 @supports (color:color-mix(in lab, red, red)){:scope._ao-btn-group-vertical>._ao-btn:not(:first-child), :scope ._ao-btn-group-vertical>._ao-btn:not(:first-child), :scope._ao-btn-group-vertical>._ao-menu:not(:first-child)>._ao-menu-trigger, :scope ._ao-btn-group-vertical>._ao-menu:not(:first-child)>._ao-menu-trigger{border-top-color:color-mix(in srgb, currentColor 25%, transparent)}}
+:scope._ao-btn-group-full-width:not(._ao-btn-group-vertical), :scope ._ao-btn-group-full-width:not(._ao-btn-group-vertical){width:100%;display:flex}
+:scope._ao-btn-group-full-width:not(._ao-btn-group-vertical)>._ao-btn, :scope ._ao-btn-group-full-width:not(._ao-btn-group-vertical)>._ao-btn, :scope._ao-btn-group-full-width:not(._ao-btn-group-vertical)>._ao-menu, :scope ._ao-btn-group-full-width:not(._ao-btn-group-vertical)>._ao-menu{flex:1}
+:scope._ao-btn-group-full-width._ao-btn-group-vertical, :scope ._ao-btn-group-full-width._ao-btn-group-vertical{width:100%}
+:scope._ao-link, :scope ._ao-link{align-items:center;gap:calc(var(--spacing) * 1);border-radius:var(--radius-sm);color:var(--color-primary);text-underline-offset:2px;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;text-decoration-line:underline;transition-duration:.15s;display:inline-flex}
+@media (hover:hover){:scope._ao-link:hover, :scope ._ao-link:hover{color:var(--color-primary-hover)}}
+:scope._ao-link:focus-visible, :scope ._ao-link:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
+:scope._ao-link>:is(i,svg), :scope ._ao-link>:is(i,svg){flex-shrink:0}
+:scope._ao-link-external, :scope ._ao-link-external{--link-external-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 7 7 17'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E")}
+:scope._ao-link-external:after, :scope ._ao-link-external:after{content:"";width:.85em;height:.85em;-webkit-mask:var(--link-external-arrow) center / contain no-repeat;-webkit-mask:var(--link-external-arrow) center / contain no-repeat;-webkit-mask:var(--link-external-arrow) center / contain no-repeat;mask:var(--link-external-arrow) center / contain no-repeat;background-color:currentColor;flex:none}
 :scope._ao-input, :scope ._ao-input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;align-items:center;line-height:1;transition-duration:.15s;display:inline-flex}
 :scope._ao-input::placeholder, :scope ._ao-input::placeholder{color:var(--color-text-muted)}
 @media (hover:hover){:scope._ao-input:hover, :scope ._ao-input:hover{border-color:var(--color-border-strong)}}
@@ -309,6 +324,15 @@
 :scope._ao-input-danger, :scope ._ao-input-danger{border-color:var(--color-danger)}
 @media (hover:hover){:scope._ao-input-danger:hover, :scope ._ao-input-danger:hover{border-color:var(--color-danger)}}
 :scope._ao-input-danger:focus-visible, :scope ._ao-input-danger:focus-visible{outline-color:var(--color-danger)}
+:scope._ao-input-info, :scope ._ao-input-info{border-color:var(--color-info)}
+@media (hover:hover){:scope._ao-input-info:hover, :scope ._ao-input-info:hover{border-color:var(--color-info)}}
+:scope._ao-input-info:focus-visible, :scope ._ao-input-info:focus-visible{outline-color:var(--color-info)}
+:scope._ao-input-success, :scope ._ao-input-success{border-color:var(--color-success)}
+@media (hover:hover){:scope._ao-input-success:hover, :scope ._ao-input-success:hover{border-color:var(--color-success)}}
+:scope._ao-input-success:focus-visible, :scope ._ao-input-success:focus-visible{outline-color:var(--color-success)}
+:scope._ao-input-warning, :scope ._ao-input-warning{border-color:var(--color-warning)}
+@media (hover:hover){:scope._ao-input-warning:hover, :scope ._ao-input-warning:hover{border-color:var(--color-warning)}}
+:scope._ao-input-warning:focus-visible, :scope ._ao-input-warning:focus-visible{outline-color:var(--color-warning)}
 :scope._ao-input-sm, :scope ._ao-input-sm{padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
 :scope._ao-input-lg, :scope ._ao-input-lg{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
 :scope._ao-input::-webkit-calendar-picker-indicator, :scope ._ao-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}
@@ -330,6 +354,16 @@
 :scope._ao-textarea-danger, :scope ._ao-textarea-danger{border-color:var(--color-danger)}
 @media (hover:hover){:scope._ao-textarea-danger:hover, :scope ._ao-textarea-danger:hover{border-color:var(--color-danger)}}
 :scope._ao-textarea-danger:focus-visible, :scope ._ao-textarea-danger:focus-visible{outline-color:var(--color-danger)}
+:scope._ao-textarea-info, :scope ._ao-textarea-info{border-color:var(--color-info)}
+@media (hover:hover){:scope._ao-textarea-info:hover, :scope ._ao-textarea-info:hover{border-color:var(--color-info)}}
+:scope._ao-textarea-info:focus-visible, :scope ._ao-textarea-info:focus-visible{outline-color:var(--color-info)}
+:scope._ao-textarea-success, :scope ._ao-textarea-success{border-color:var(--color-success)}
+@media (hover:hover){:scope._ao-textarea-success:hover, :scope ._ao-textarea-success:hover{border-color:var(--color-success)}}
+:scope._ao-textarea-success:focus-visible, :scope ._ao-textarea-success:focus-visible{outline-color:var(--color-success)}
+:scope._ao-textarea-warning, :scope ._ao-textarea-warning{border-color:var(--color-warning)}
+@media (hover:hover){:scope._ao-textarea-warning:hover, :scope ._ao-textarea-warning:hover{border-color:var(--color-warning)}}
+:scope._ao-textarea-warning:focus-visible, :scope ._ao-textarea-warning:focus-visible{outline-color:var(--color-warning)}
+:scope._ao-textarea-autosize, :scope ._ao-textarea-autosize{field-sizing:content;resize:none}
 :scope._ao-textarea-sm, :scope ._ao-textarea-sm{min-height:calc(var(--spacing) * 16);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
 :scope._ao-textarea-lg, :scope ._ao-textarea-lg{min-height:calc(var(--spacing) * 24);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
 :scope._ao-checkbox, :scope ._ao-checkbox{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);cursor:pointer;border-radius:var(--radius-sm);border-style:var(--tw-border-style);background-color:var(--color-surface);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;border-width:1px;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.15s;display:inline-flex}
@@ -338,7 +372,7 @@
 :scope._ao-checkbox[data-unchecked], :scope ._ao-checkbox[data-unchecked]{border-color:var(--color-border-strong)}
 @media (hover:hover){:scope._ao-checkbox[data-unchecked]:hover, :scope ._ao-checkbox[data-unchecked]:hover{border-color:var(--color-text-muted)}}
 :scope._ao-checkbox[data-checked], :scope ._ao-checkbox[data-checked], :scope._ao-checkbox[data-indeterminate], :scope ._ao-checkbox[data-indeterminate]{border-color:var(--color-primary);background-color:var(--color-primary)}
-@media (hover:hover){:scope:is(._ao-checkbox[data-checked], ._ao-checkbox[data-indeterminate]):hover, :scope :is(._ao-checkbox[data-checked], ._ao-checkbox[data-indeterminate]):hover{background-color:var(--color-primary-hover)}}
+@media (hover:hover){:scope:is(._ao-checkbox[data-checked],._ao-checkbox[data-indeterminate]):hover, :scope :is(._ao-checkbox[data-checked],._ao-checkbox[data-indeterminate]):hover{background-color:var(--color-primary-hover)}}
 :scope._ao-checkbox[data-disabled], :scope ._ao-checkbox[data-disabled]{cursor:not-allowed;opacity:.5}
 :scope._ao-checkbox-indicator, :scope ._ao-checkbox-indicator{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);color:var(--color-primary-content);justify-content:center;align-items:center;display:inline-flex}
 :scope label:has(>._ao-checkbox){cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);display:inline-flex}
@@ -418,6 +452,7 @@
 :scope._ao-card-danger ._ao-card-title, :scope ._ao-card-danger ._ao-card-title{color:var(--color-danger)}
 :scope._ao-stat-card, :scope ._ao-stat-card{gap:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 4)}
 :scope._ao-stat-card-label, :scope ._ao-stat-card-label{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-text-muted);display:flex}
+:scope._ao-stat-card-label>:is(i,svg), :scope ._ao-stat-card-label>:is(i,svg){flex-shrink:0}
 :scope._ao-stat-card-value, :scope ._ao-stat-card-value{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
 :scope._ao-stat-card-detail, :scope ._ao-stat-card-detail{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text-muted)}
 :scope._ao-card-compact._ao-stat-card, :scope ._ao-card-compact._ao-stat-card{gap:calc(var(--spacing) * .5);padding:calc(var(--spacing) * 3)}
@@ -502,6 +537,7 @@
 @media (hover:hover){:scope._ao-menu-item:hover, :scope ._ao-menu-item:hover{background-color:var(--color-surface-muted)}}
 :scope._ao-menu-item:focus-visible, :scope ._ao-menu-item:focus-visible{background-color:var(--color-surface-muted);--tw-outline-style:none;outline-style:none}
 :scope._ao-menu-item:disabled, :scope ._ao-menu-item:disabled, :scope._ao-menu-item[aria-disabled=true], :scope ._ao-menu-item[aria-disabled=true]{cursor:not-allowed;opacity:.5}
+:scope._ao-menu-trigger>:is(i,svg), :scope ._ao-menu-trigger>:is(i,svg), :scope._ao-menu-item>:is(i,svg), :scope ._ao-menu-item>:is(i,svg){flex-shrink:0}
 :scope._ao-menu-separator, :scope ._ao-menu-separator{margin-block:calc(var(--spacing) * 1);border-style:var(--tw-border-style);background-color:var(--color-border);border-width:0;height:1px}
 :scope._ao-menu-group, :scope ._ao-menu-group{flex-direction:column;display:flex}
 :scope._ao-menu-group-label, :scope ._ao-menu-group-label{padding-inline:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-text-muted);text-transform:uppercase}
@@ -512,6 +548,7 @@
 @media (hover:hover){:scope._ao-navbar-item:hover, :scope ._ao-navbar-item:hover{background-color:var(--color-surface-strong)}}
 :scope._ao-navbar-item:focus-visible, :scope ._ao-navbar-item:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
 :scope._ao-navbar-item[aria-current=page], :scope ._ao-navbar-item[aria-current=page], :scope._ao-navbar-item[data-active], :scope ._ao-navbar-item[data-active]{background-color:var(--color-primary-muted);color:var(--color-primary)}
+:scope._ao-navbar-brand>:is(i,svg), :scope ._ao-navbar-brand>:is(i,svg), :scope._ao-navbar-item>:is(i,svg), :scope ._ao-navbar-item>:is(i,svg){flex-shrink:0}
 :scope._ao-navbar-actions, :scope ._ao-navbar-actions{align-items:center;gap:calc(var(--spacing) * 2);margin-left:auto;display:flex}
 :scope._ao-navbar-mobile-toggle, :scope ._ao-navbar-mobile-toggle{margin-left:calc(var(--spacing) * -2);width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);cursor:pointer;border-radius:var(--radius-md);color:var(--color-text);background-color:#0000;justify-content:center;align-items:center;display:inline-flex}
 @media (hover:hover){:scope._ao-navbar-mobile-toggle:hover, :scope ._ao-navbar-mobile-toggle:hover{background-color:var(--color-surface-strong)}}
@@ -570,6 +607,7 @@
 :scope._ao-tabs ._ao-tab:focus-visible, :scope ._ao-tabs ._ao-tab:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
 :scope._ao-tabs ._ao-tab:disabled, :scope ._ao-tabs ._ao-tab:disabled{cursor:not-allowed;opacity:.5}
 :scope._ao-tabs ._ao-tab[data-selected], :scope ._ao-tabs ._ao-tab[data-selected], :scope._ao-tabs ._ao-tab[aria-selected=true], :scope ._ao-tabs ._ao-tab[aria-selected=true]{color:var(--color-text)}
+:scope._ao-tabs ._ao-tab>:is(i,svg), :scope ._ao-tabs ._ao-tab>:is(i,svg){flex-shrink:0}
 :scope._ao-tabs ._ao-tab-input, :scope ._ao-tabs ._ao-tab-input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute}
 :scope._ao-tabs ._ao-tab-input:checked+._ao-tab, :scope ._ao-tabs ._ao-tab-input:checked+._ao-tab{color:var(--color-text)}
 :scope._ao-tabs ._ao-tab-input:focus-visible+._ao-tab, :scope ._ao-tabs ._ao-tab-input:focus-visible+._ao-tab{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
@@ -591,17 +629,17 @@
 :scope._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab:after, :scope ._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab:after{block-size:auto;inline-size:2px;inset-block:0;inset-inline:auto -1px;transform:scaleY(0)}
 :scope._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[data-selected]:after, :scope ._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[data-selected]:after, :scope._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[aria-selected=true]:after, :scope ._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[aria-selected=true]:after{transform:scaleY(1)}
 :scope._ao-table, :scope ._ao-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text)}
-:scope._ao-table :where(th, td), :scope ._ao-table :where(th, td), :scope._ao-table-cell, :scope ._ao-table-cell, :scope._ao-table-header-cell, :scope ._ao-table-header-cell{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);text-align:left;vertical-align:middle}
+:scope._ao-table :where(th,td), :scope ._ao-table :where(th,td), :scope._ao-table-cell, :scope ._ao-table-cell, :scope._ao-table-header-cell, :scope ._ao-table-header-cell{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);text-align:left;vertical-align:middle}
 :scope._ao-table :where(thead th), :scope ._ao-table :where(thead th), :scope._ao-table-header-cell, :scope ._ao-table-header-cell{border-bottom-color:var(--color-border-strong);background-color:var(--color-surface-muted);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-text-muted)}
 :scope._ao-table>:last-child>tr:last-child :where(td), :scope ._ao-table>:last-child>tr:last-child :where(td), :scope._ao-table>:last-child>tr:last-child ._ao-table-cell, :scope ._ao-table>:last-child>tr:last-child ._ao-table-cell{border-bottom-style:var(--tw-border-style);border-bottom-width:0}
-:scope._ao-table :where(th, td)[data-align=right], :scope ._ao-table :where(th, td)[data-align=right]{text-align:right}
-:scope._ao-table :where(th, td)[data-align=center], :scope ._ao-table :where(th, td)[data-align=center]{text-align:center}
+:scope._ao-table :where(th,td)[data-align=right], :scope ._ao-table :where(th,td)[data-align=right]{text-align:right}
+:scope._ao-table :where(th,td)[data-align=center], :scope ._ao-table :where(th,td)[data-align=center]{text-align:center}
 :scope._ao-table-cell-numeric, :scope ._ao-table-cell-numeric{text-align:right;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
 :scope._ao-table-cell-gutter, :scope ._ao-table-cell-gutter{width:calc(var(--spacing) * 6);padding-inline:calc(var(--spacing) * 0);text-align:center;color:var(--color-text-muted)}
-:scope._ao-table-cell-gutter>:is(i, svg), :scope ._ao-table-cell-gutter>:is(i, svg){vertical-align:middle;font-size:1rem;line-height:1}
+:scope._ao-table-cell-gutter>:is(i,svg), :scope ._ao-table-cell-gutter>:is(i,svg){vertical-align:middle;font-size:1rem;line-height:1}
 :scope._ao-table-striped tbody tr:nth-child(2n) :where(td), :scope ._ao-table-striped tbody tr:nth-child(2n) :where(td){background-color:var(--color-surface-muted)}
-:scope._ao-table-bordered, :scope ._ao-table-bordered, :scope._ao-table-bordered :where(th, td), :scope ._ao-table-bordered :where(th, td){border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border)}
-:scope._ao-table-relaxed :where(th, td), :scope ._ao-table-relaxed :where(th, td){padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3)}
+:scope._ao-table-bordered, :scope ._ao-table-bordered, :scope._ao-table-bordered :where(th,td), :scope ._ao-table-bordered :where(th,td){border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border)}
+:scope._ao-table-relaxed :where(th,td), :scope ._ao-table-relaxed :where(th,td){padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3)}
 :scope._ao-table-sticky thead :where(th), :scope ._ao-table-sticky thead :where(th){top:calc(var(--spacing) * 0);z-index:10;background-color:var(--color-surface-muted);position:sticky}
 :scope._ao-table tbody tr, :scope ._ao-table tbody tr{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}
 :scope._ao-table tbody tr:hover :where(td), :scope ._ao-table tbody tr:hover :where(td){background-color:var(--color-surface-muted)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aortl/admin-css",
-  "version": "0.12.1",
+  "version": "0.13.1",
   "description": "Pre-built CSS design system. Drop in via <link> and use semantic class names.",
   "keywords": [
     "components",
@@ -54,7 +54,9 @@
     "build:utilities": "tailwindcss -i ./src/utilities.css -o ./dist/admin.utilities.css",
     "build:utilities:min": "tailwindcss -i ./src/utilities.css -o ./dist/admin.utilities.min.css --minify",
     "build:scoped": "node ./scripts/wrap-scoped.mjs",
-    "dev": "tailwindcss -i ./src/admin.css -o ./dist/admin.css --watch",
+    "dev": "pnpm run \"/^dev:/\"",
+    "dev:css": "tailwindcss -i ./src/admin.css -o ./dist/admin.css --watch",
+    "dev:scoped": "node --watch-path=./dist/admin.css ./scripts/wrap-scoped.mjs",
     "test": "vitest run",
     "test:watch": "vitest"
   }

package/src/components/accordion.css

@@ -34,6 +34,12 @@
     display: none;
   }
 
+  /* Keep a leading icon at its intrinsic size; the chevron is the `::after`
+     below, which is already `flex-shrink: 0`. */
+  .accordion-summary > :is(i, svg) {
+    flex-shrink: 0;
+  }
+
   /* Chevron — pushed to the end with margin-left: auto so any number of
      leading items (label, optional icon) sit together on the start side. */
   .accordion-summary::after {

package/src/components/badge.css

@@ -7,6 +7,11 @@
            bg-surface-strong text-text;
   }
 
+  /* Keep a status dot or leading glyph round when the label is long. */
+  .badge > :is(i, svg) {
+    flex-shrink: 0;
+  }
+
   /* Variants — match the alert palette so danger/success/etc. stay coherent
      across status indicators and chips in tables. The bare `.badge` (no
      modifier) renders the neutral look, now folded into the base. */

package/src/components/breadcrumbs.css

@@ -35,4 +35,12 @@
     width: 0.875rem;
     height: 0.875rem;
   }
+
+  /* Setting a width on a flex item doesn't stop it from shrinking, so pin the
+     shrink factor too — keeps crumb and separator icons from squishing when a
+     long label tightens the row. */
+  .breadcrumb-item > :is(i, svg),
+  .breadcrumb-separator > :is(i, svg) {
+    flex-shrink: 0;
+  }
 }

package/src/components/button-group.css

@@ -77,4 +77,22 @@
   .btn-group-vertical > .menu:not(:first-child) > .menu-trigger {
     border-top-color: color-mix(in srgb, currentColor 25%, transparent);
   }
+
+  /* Full width — the group stretches across its container instead of
+     shrinking to its content. Horizontal groups split the row evenly so
+     every item is the same width regardless of label length; vertical
+     groups already stretch their items to the group's width, so widening
+     the group is enough. Mirrors the `fullWidth` treatment on tabs. */
+  .btn-group-full-width:not(.btn-group-vertical) {
+    @apply flex w-full;
+  }
+
+  .btn-group-full-width:not(.btn-group-vertical) > .btn,
+  .btn-group-full-width:not(.btn-group-vertical) > .menu {
+    @apply flex-1;
+  }
+
+  .btn-group-full-width.btn-group-vertical {
+    @apply w-full;
+  }
 }

package/src/components/button.css

@@ -10,6 +10,13 @@
            disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none;
   }
 
+  /* Keep leading/trailing icons at their intrinsic size — a flex item defaults
+     to `flex-shrink: 1`, so a narrow flex container would otherwise squish the
+     glyph horizontally before wrapping or truncating the label. */
+  .btn > :is(i, svg) {
+    flex-shrink: 0;
+  }
+
   /* Variants — the bare `.btn` (no modifier) is the low-emphasis default, so
      most admin buttons need no variant class. The colored variants reset the
      border to transparent since the base now carries a visible one. */
@@ -21,6 +28,15 @@
     @apply bg-transparent text-text border-transparent hover:bg-surface-muted;
   }
 
+  /* Muted — fills with the page background (`surface`) so it sits flush
+     instead of reading as a raised control, mirroring `card-muted`. The
+     default `.btn` is one step up (`surface-muted`); hover lifts the muted
+     button to that resting fill. For de-emphasised actions that should
+     recede into the page. */
+  .btn-muted {
+    @apply bg-surface hover:bg-surface-muted;
+  }
+
   .btn-danger {
     @apply bg-danger text-danger-content border-transparent hover:opacity-90;
   }

package/src/components/index.css

@@ -13,6 +13,7 @@
 @import "./property-list.css";
 @import "./button.css";
 @import "./button-group.css";
+@import "./link.css";
 @import "./input.css";
 @import "./input-group.css";
 @import "./textarea.css";

package/src/components/input.css

@@ -18,6 +18,20 @@
     @apply border-danger hover:border-danger focus-visible:outline-danger;
   }
 
+  /* Status variants — border + focus outline only; text stays `text-text`, so
+     warning's yellow accent (which fails AA as text) is fine here. */
+  .input-info {
+    @apply border-info hover:border-info focus-visible:outline-info;
+  }
+
+  .input-success {
+    @apply border-success hover:border-success focus-visible:outline-success;
+  }
+
+  .input-warning {
+    @apply border-warning hover:border-warning focus-visible:outline-warning;
+  }
+
   /* Sizes */
   .input-sm {
     @apply text-xs px-2.5 py-1.5;