@aortl/admin-react 0.12.1 → 0.13.0

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

@@ -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,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;;;;;;;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

@@ -1617,6 +1617,57 @@
       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-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 +1739,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 +1900,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);

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"}

package/dist/index.cjs

@@ -4,12 +4,12 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 let _base_ui_react_button = require("@base-ui/react/button");
 let _base_ui_react_input = require("@base-ui/react/input");
+let _base_ui_react_field = require("@base-ui/react/field");
 let _base_ui_react_checkbox = require("@base-ui/react/checkbox");
 let _base_ui_react_radio = require("@base-ui/react/radio");
 let _base_ui_react_radio_group = require("@base-ui/react/radio-group");
 let _base_ui_react_switch = require("@base-ui/react/switch");
 let _base_ui_react_select = require("@base-ui/react/select");
-let _base_ui_react_field = require("@base-ui/react/field");
 let _base_ui_react_tabs = require("@base-ui/react/tabs");
 let _base_ui_react_tooltip = require("@base-ui/react/tooltip");
 let _base_ui_react_dialog = require("@base-ui/react/dialog");
@@ -65,17 +65,40 @@ var Accordion = Object.assign(AccordionRoot, {
 	Content: AccordionContent
 });
 //#endregion
+//#region src/portal-context.ts
+/**
+* Container that Base UI popups (Select, Tooltip, etc.) should portal into.
+* `<AdminRoot>` publishes its own element here so popups render inside the
+* scoped subtree and match the `@scope (._ao-admin-root)` CSS — without it
+* they portal to `document.body`, outside the scope, and render unstyled. A
+* `<Dialog>` ancestor overrides it with its own `<dialog>` element so popups
+* join the top layer, painting above the backdrop and escaping its
+* `overflow: hidden`. With no provider the context is null and popups fall
+* back to `document.body`.
+*/
+var PortalContainerContext = (0, react.createContext)(null);
+//#endregion
 //#region src/AdminRoot.tsx
-function AdminRoot({ className, theme, systemAccent, style, ...rest }) {
+function AdminRoot({ className, theme, systemAccent, style, ref, ...rest }) {
 	const rootStyle = systemAccent !== void 0 ? {
 		...style,
 		"--color-system-accent": systemAccent
 	} : style;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cn("admin-root", className),
-		style: rootStyle,
-		...rest,
-		...theme !== void 0 && { "data-theme": theme }
+	const portalRef = (0, react.useRef)(null);
+	const setRef = (0, react.useCallback)((node) => {
+		portalRef.current = node;
+		if (typeof ref === "function") ref(node);
+		else if (ref) ref.current = node;
+	}, [ref]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalContainerContext.Provider, {
+		value: portalRef,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref: setRef,
+			className: cn("admin-root", className),
+			style: rootStyle,
+			...rest,
+			...theme !== void 0 && { "data-theme": theme }
+		})
 	});
 }
 //#endregion
@@ -208,9 +231,22 @@ var MOD_ORDER = [
 	"alt",
 	"meta"
 ];
+/**
+* Resolve the modifier `mod` aliases to. Apple platforms use ⌘ (`meta`) as the
+* primary command modifier; everywhere else it's Ctrl. Detected once at module
+* load (SSR-safe — the registry never dispatches server-side) and shared by the
+* parse and display layers so the binding and its `<Kbd>` chip always agree.
+*/
+function detectApplePlatform() {
+	if (typeof navigator === "undefined") return false;
+	const platform = navigator.userAgentData?.platform || navigator.platform || "";
+	return /^(mac|iphone|ipad|ipod)/i.test(platform);
+}
+var IS_APPLE = detectApplePlatform();
+var MOD_TARGET = IS_APPLE ? "meta" : "ctrl";
 function tokenToMod(token) {
 	switch (token) {
-		case "mod":
+		case "mod": return MOD_TARGET;
 		case "ctrl":
 		case "control": return "ctrl";
 		case "shift": return "shift";
@@ -259,7 +295,7 @@ function normalizeEvent(e) {
 	if (key === "control" || key === "shift" || key === "alt" || key === "meta") return null;
 	const mods = /* @__PURE__ */ new Set();
 	if (e.ctrlKey) mods.add("ctrl");
-	if (e.shiftKey) mods.add("shift");
+	if (e.shiftKey && !isShiftedSymbol(key)) mods.add("shift");
 	if (e.altKey) mods.add("alt");
 	if (e.metaKey) mods.add("meta");
 	return canonicalize({
@@ -267,6 +303,10 @@ function normalizeEvent(e) {
 		key
 	});
 }
+/** A single printable symbol (`?`, `+`, `:`, …) — not a letter, digit, or named key. */
+function isShiftedSymbol(key) {
+	return key.length === 1 && !/[a-z0-9]/.test(key);
+}
 var SPECIAL_KEY_LABELS = {
 	escape: "Esc",
 	esc: "Esc",
@@ -282,7 +322,12 @@ var SPECIAL_KEY_LABELS = {
 	backspace: "Backspace",
 	delete: "Del"
 };
-var MOD_LABELS = {
+var MOD_LABELS = IS_APPLE ? {
+	ctrl: "⌃",
+	shift: "⇧",
+	alt: "⌥",
+	meta: "⌘"
+} : {
 	ctrl: "Ctrl",
 	shift: "Shift",
 	alt: "Alt",
@@ -372,6 +417,7 @@ function isEditableTarget(target) {
 	return tag === "INPUT" || tag === "TEXTAREA";
 }
 function dispatch(e) {
+	if (e.repeat) return;
 	const chord = normalizeEvent(e);
 	if (chord === null) return;
 	const bucket = registry.get(chord);
@@ -447,10 +493,17 @@ function useHotkey(keys, handler, options) {
 }
 //#endregion
 //#region src/Button.tsx
-function Button({ variant = "default", size = "md", fullWidth, loading, icon, iconTrailing, hotkey, className, type = "button", disabled, children, onClick, ...rest }) {
-	const { ariaKeyShortcuts, primaryChord } = useHotkey(hotkey, (e) => onClick?.(e), { enabled: !disabled && !loading });
+function Button({ variant = "default", size = "md", fullWidth, loading, icon, iconTrailing, hotkey, className, type = "button", disabled, children, onClick, ref, ...rest }) {
+	const elementRef = (0, react.useRef)(null);
+	const setRef = (0, react.useCallback)((node) => {
+		elementRef.current = node;
+		if (typeof ref === "function") ref(node);
+		else if (ref) ref.current = node;
+	}, [ref]);
+	const { ariaKeyShortcuts, primaryChord } = useHotkey(hotkey, () => elementRef.current?.click(), { enabled: !disabled && !loading });
 	const iconOnly = children == null && (icon != null || iconTrailing != null);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_button.Button, {
+		ref: setRef,
 		onClick,
 		type,
 		disabled: disabled || loading,
@@ -475,10 +528,14 @@ function Button({ variant = "default", size = "md", fullWidth, loading, icon, ic
 }
 //#endregion
 //#region src/ButtonGroup.tsx
-function ButtonGroup({ orientation = "horizontal", role = "group", className, ...rest }) {
+function ButtonGroup({ orientation = "horizontal", fullWidth = false, role = "group", className, ...rest }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		role,
-		className: cn(["btn-group", orientation === "vertical" && "btn-group-vertical"], className),
+		className: cn([
+			"btn-group",
+			orientation === "vertical" && "btn-group-vertical",
+			fullWidth && "btn-group-full-width"
+		], className),
 		...rest
 	});
 }
@@ -598,6 +655,26 @@ function Indicator({ label, variant = "neutral", size = "sm", icon, placement =
 	});
 }
 //#endregion
+//#region src/Link.tsx
+/**
+* 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.
+*/
+function Link({ external, icon, iconTrailing, className, target, rel, children, ...rest }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+		target: target ?? (external ? "_blank" : void 0),
+		rel: rel ?? (external ? "noopener noreferrer" : void 0),
+		className: cn(["link", external && "link-external"], className),
+		...rest,
+		children: [
+			renderIcon(icon),
+			children,
+			renderIcon(iconTrailing)
+		]
+	});
+}
+//#endregion
 //#region src/Pagination.tsx
 /**
 * Compute the items to render for a given `page` / `total`. Always returns:
@@ -759,12 +836,21 @@ function defaultRender(item, onPageChange, prev, next) {
 }
 //#endregion
 //#region src/Textarea.tsx
-function Textarea({ variant = "bordered", textareaSize = "md", className, ...rest }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+/**
+* 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.
+*/
+function Textarea({ variant = "bordered", textareaSize = "md", autoResize, className, ...rest }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Control, {
+		render: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", { ...props }),
 		className: cn([
 			"textarea",
 			variant !== "bordered" && `textarea-${variant}`,
-			textareaSize !== "md" && `textarea-${textareaSize}`
+			textareaSize !== "md" && `textarea-${textareaSize}`,
+			autoResize && "textarea-autosize"
 		], className),
 		...rest
 	});
@@ -861,16 +947,6 @@ function SwitchThumb({ className, ...rest }) {
 }
 var Switch = Object.assign(SwitchRoot, { Thumb: SwitchThumb });
 //#endregion
-//#region src/portal-context.ts
-/**
-* Container that Base UI popups (Select, Tooltip, etc.) should portal into.
-* When a `<Dialog>` ancestor publishes its `<dialog>` element through this
-* context, popups render inside that top-layer dialog so they paint above
-* the backdrop and escape its `overflow: hidden`. Outside a dialog the
-* context is null and popups portal to `document.body` as before.
-*/
-var PortalContainerContext = (0, react.createContext)(null);
-//#endregion
 //#region src/Select.tsx
 function SelectRoot(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Root, { ...props });
@@ -1952,6 +2028,7 @@ exports.Indicator = Indicator;
 exports.Input = Input;
 exports.InputGroup = InputGroup;
 exports.Kbd = Kbd;
+exports.Link = Link;
 exports.Menu = Menu;
 exports.Navbar = Navbar;
 exports.Pagination = Pagination;