@aortl/admin-react 0.12.1 → 0.13.1

package/dist/AdminRoot.d.ts

@@ -12,5 +12,5 @@ export interface AdminRootProps extends ComponentProps<"div"> {
      */
     systemAccent?: string;
 }
-export declare function AdminRoot({ className, theme, systemAccent, style, ...rest }: AdminRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function AdminRoot({ className, theme, systemAccent, style, ref, ...rest }: AdminRootProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AdminRoot.d.ts.map

package/dist/AdminRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminRoot.d.ts","sourceRoot":"","sources":["../src/AdminRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3D;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAc3F"}
+{"version":3,"file":"AdminRoot.d.ts","sourceRoot":"","sources":["../src/AdminRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2C,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIrF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3D;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAgChG"}

package/dist/Button.d.ts

@@ -1,7 +1,7 @@
 import { Button as BaseButton } from '@base-ui/react/button';
 import { ComponentProps } from 'react';
 import { IconProp } from './icon';
-export type ButtonVariant = "default" | "primary" | "ghost" | "danger";
+export type ButtonVariant = "default" | "primary" | "ghost" | "muted" | "danger";
 export type ButtonSize = "sm" | "md" | "lg";
 export interface ButtonProps extends ComponentProps<typeof BaseButton> {
     variant?: ButtonVariant;
@@ -15,13 +15,14 @@ export interface ButtonProps extends ComponentProps<typeof BaseButton> {
     /** Trailing icon. Pass a component (`iconTrailing={IconArrowRight}`) or an element. */
     iconTrailing?: IconProp;
     /**
-     * Keyboard shortcut bound to this button. Pressing the chord invokes the
-     * button's `onClick` handler — not a real DOM click, so `type="submit"`
-     * form submission and other native side effects only happen if `onClick`
-     * triggers them itself. Same syntax as `useHotkey`. Pass an array for
-     * alternatives — only the first is rendered as a visual chip.
+     * Keyboard shortcut bound to this button. Pressing the chord dispatches a
+     * native click on the underlying element, so `onClick` fires, `type="submit"`
+     * submits the form, and an anchor-rendered button (`render={<a href>}`)
+     * navigates — all the native side effects of a real click. Same syntax as
+     * `useHotkey`. Pass an array for alternatives — only the first is rendered as
+     * a visual chip.
      */
     hotkey?: string | readonly string[];
 }
-export declare function Button({ variant, size, fullWidth, loading, icon, iconTrailing, hotkey, className, type, disabled, children, onClick, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ variant, size, fullWidth, loading, icon, iconTrailing, hotkey, className, type, disabled, children, onClick, ref, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

package/dist/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAInD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACvE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,UAAU,CAAC;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;uEACmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uFAAuF;IACvF,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;CACrC;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,SAAS,EACT,IAAe,EACf,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EAAE,WAAW,2CAoCb"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAInD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AACjF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,UAAU,CAAC;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;uEACmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uFAAuF;IACvF,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;CACrC;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,SAAS,EACT,IAAe,EACf,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,2CA+Cb"}

package/dist/ButtonGroup.d.ts

@@ -2,6 +2,12 @@ import { ComponentProps } from 'react';
 export type ButtonGroupOrientation = "horizontal" | "vertical";
 export interface ButtonGroupProps extends ComponentProps<"div"> {
     orientation?: ButtonGroupOrientation;
+    /**
+     * Stretch the group across its container. Horizontal groups split the row
+     * evenly so every button is the same width; vertical groups fill the
+     * container width.
+     */
+    fullWidth?: boolean;
 }
-export declare function ButtonGroup({ orientation, role, className, ...rest }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonGroup({ orientation, fullWidth, role, className, ...rest }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../src/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC7D,WAAW,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAED,wBAAgB,WAAW,CAAC,EAC1B,WAA0B,EAC1B,IAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAQlB"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../src/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC7D,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAC1B,WAA0B,EAC1B,SAAiB,EACjB,IAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAelB"}

package/dist/Input.d.ts

@@ -1,6 +1,6 @@
 import { Input as BaseInput } from '@base-ui/react/input';
 import { ComponentProps } from 'react';
-export type InputVariant = "bordered" | "ghost" | "danger";
+export type InputVariant = "bordered" | "ghost" | "danger" | "info" | "success" | "warning";
 export type InputSize = "sm" | "md" | "lg";
 type BaseInputProps = Omit<ComponentProps<typeof BaseInput>, "size">;
 export interface InputProps extends BaseInputProps {

package/dist/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC3D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;AAErE,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAoB,EACpB,SAAgB,EAChB,SAAS,EACT,IAAa,EACb,GAAG,IAAI,EACR,EAAE,UAAU,2CAeZ"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAC5F,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;AAErE,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAoB,EACpB,SAAgB,EAChB,SAAS,EACT,IAAa,EACb,GAAG,IAAI,EACR,EAAE,UAAU,2CAeZ"}

package/dist/Link.d.ts

@@ -0,0 +1,21 @@
+import { ComponentProps } from 'react';
+import { IconProp } from './icon';
+export interface LinkProps extends ComponentProps<"a"> {
+    /**
+     * Marks the link as leaving the app: renders a trailing ↗ affordance and
+     * defaults `target="_blank"` + `rel="noopener noreferrer"`. Explicit
+     * `target`/`rel` props win, so you can keep the icon while overriding either.
+     */
+    external?: boolean;
+    /** Leading icon. Pass a component (`icon={IconHome}`) or an element. */
+    icon?: IconProp;
+    /** Trailing icon. Independent of `external`'s ↗ affordance. */
+    iconTrailing?: IconProp;
+}
+/**
+ * A text link — a plain `<a>` with the design system's link styling: primary
+ * color, hover shift, underline, and a focus-visible ring. Pass `external` for
+ * the new-tab affordance.
+ */
+export declare function Link({ external, icon, iconTrailing, className, target, rel, children, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Link.d.ts.map

package/dist/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,GAAG,CAAC;IACpD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,QAAQ,CAAC;CACzB;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,MAAM,EACN,GAAG,EACH,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,SAAS,2CAaX"}

package/dist/Textarea.d.ts

@@ -1,9 +1,22 @@
 import { ComponentProps } from 'react';
-export type TextareaVariant = "bordered" | "ghost" | "danger";
+export type TextareaVariant = "bordered" | "ghost" | "danger" | "info" | "success" | "warning";
 export type TextareaSize = "sm" | "md" | "lg";
 export interface TextareaProps extends Omit<ComponentProps<"textarea">, "size"> {
     variant?: TextareaVariant;
     textareaSize?: TextareaSize;
+    /**
+     * Height tracks content via CSS `field-sizing` (Chromium-only today; other
+     * browsers keep a fixed, resizable box). `rows`/min-height is the floor —
+     * set `max-height` via `className`/`style` for a ceiling.
+     */
+    autoResize?: boolean;
 }
-export declare function Textarea({ variant, textareaSize, className, ...rest }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Multi-line text input. Rendered through Base UI's `Field.Control` with a
+ * `<textarea>` swapped in for the default `<input>`, so inside a `<Field>` it
+ * gets the same wiring as `<Input>`: a generated id, label `htmlFor`
+ * association, and validity-driven `:user-valid` / `<Field.Error>`. Works
+ * standalone too — `Field.Control` falls back to a default context.
+ */
+export declare function Textarea({ variant, textareaSize, autoResize, className, ...rest }: TextareaProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../src/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC9D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7E,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAoB,EACpB,YAAmB,EACnB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,2CAcf"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../src/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAC/F,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7E,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAoB,EACpB,YAAmB,EACnB,UAAU,EACV,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,2CAmBf"}

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/hotkey-parse.d.ts

@@ -1,13 +1,16 @@
 /**
  * Pure helpers for the hotkey system. Chord syntax: `<mod>+<mod>+…+<key>`
  *
- * Examples: `mod+s`, `shift+?`, `escape`, `mod+shift+k`, `arrowup`.
+ * Examples: `mod+s`, `?`, `escape`, `mod+shift+k`, `arrowup`.
  *
- * Modifiers are case-insensitive. `mod` is an alias for `ctrl` on every
- * platform — display and binding both render as `Ctrl`. The key is whatever
- * `KeyboardEvent.key` produces, lowercased. So pressing `shift+/` (which
- * yields `event.key === "?"`) is canonically `shift+?` — match it by
- * binding either `"shift+?"`.
+ * Modifiers are case-insensitive. `mod` resolves to the platform's primary
+ * command modifier — ⌘ (`meta`) on Apple platforms, `Ctrl` elsewhere — so
+ * `mod+s` fires on the OS-native gesture (Cmd+S on macOS, Ctrl+S otherwise)
+ * and the `<Kbd>` chip follows suit. The key is whatever
+ * `KeyboardEvent.key` produces, lowercased. A shifted printable symbol already
+ * encodes Shift in the character it produces, so bind `"?"` (not `"shift+?"`)
+ * to catch `shift+/`; `shift` stays explicit for letters and named keys, so
+ * `shift+a` and `shift+tab` remain distinct chords.
  */
 export type Modifier = "ctrl" | "shift" | "alt" | "meta";
 export interface ParsedChord {

package/dist/hotkey-parse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hotkey-parse.d.ts","sourceRoot":"","sources":["../src/hotkey-parse.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC5B,GAAG,EAAE,MAAM,CAAC;CACb;AAqBD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,CA2BrD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,WAAW,EAAE,CAGzE;AAED,6DAA6D;AAC7D,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAOvD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,MAAM,GAAG,IAAI,CAW9D;AAyBD,2EAA2E;AAC3E,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,EAAE,CAcxD;AAkBD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,GAAG,MAAM,CAEzE"}
+{"version":3,"file":"hotkey-parse.d.ts","sourceRoot":"","sources":["../src/hotkey-parse.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC5B,GAAG,EAAE,MAAM,CAAC;CACb;AAsCD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,CA2BrD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,WAAW,EAAE,CAGzE;AAED,6DAA6D;AAC7D,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAOvD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,MAAM,GAAG,IAAI,CAgB9D;AA4BD,2EAA2E;AAC3E,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,EAAE,CAcxD;AAkBD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,GAAG,MAAM,CAEzE"}

package/dist/hotkey-registry.d.ts

@@ -4,11 +4,12 @@ import { RefObject } from 'react';
  * attached on first registration and detached when the registry empties.
  *
  * On keydown:
- *   1. Normalize the event to a canonical chord string.
- *   2. Look up the bucket. Skip if empty.
- *   3. Apply input suppression — bare-key chords are skipped while focus is
+ *   1. Ignore OS autorepeat (`e.repeat`) so a held chord fires once, not per tick.
+ *   2. Normalize the event to a canonical chord string.
+ *   3. Look up the bucket. Skip if empty.
+ *   4. Apply input suppression — bare-key chords are skipped while focus is
  *      in an editable element, except for `escape`.
- *   4. `preventDefault()`, then invoke every surviving handler (bag semantics).
+ *   5. `preventDefault()`, then invoke every surviving handler (bag semantics).
  */
 export type HotkeyHandler = (e: KeyboardEvent) => void;
 export interface HotkeyEntry {

package/dist/hotkey-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hotkey-registry.d.ts","sourceRoot":"","sources":["../src/hotkey-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;AAEvD,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CACtC;AA0CD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,eAAe,EAAE,SAAS,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,GAAG,MAAM,IAAI,CAmB3F;AAED,6DAA6D;AAC7D,wBAAgB,eAAe,IAAI,IAAI,CAGtC"}
+{"version":3,"file":"hotkey-registry.d.ts","sourceRoot":"","sources":["../src/hotkey-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;;;;;;;GAWG;AAEH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;AAEvD,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CACtC;AA6CD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,eAAe,EAAE,SAAS,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,GAAG,MAAM,IAAI,CAmB3F;AAED,6DAA6D;AAC7D,wBAAgB,eAAe,IAAI,IAAI,CAGtC"}