@aortl/admin-react 0.16.2 → 0.18.0

package/CHANGELOG.md

@@ -4,6 +4,40 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 
 ## [Unreleased]
 
+## [0.18.0] - 2026-06-16
+
+### Added
+
+- `classNames` prop for per-slot class overrides on shorthand components — reach inner elements the shorthand props render (`Card`, `StatCard`, `Alert`, `Item`, `Field`, `Dialog`, `Drawer`, `Timeline.Item`, `PropertyList`, `Input`, `NumberInput`, `Pagination`, `Sidebar.Item`/`SubItem`/`Collapsible`/`CollapseToggle`, `Tooltip`). Exports a `SlotClasses` type helper. (react)
+- `Alert` dismiss button (`onDismiss` / `.alert-dismiss`). (both)
+- `StatCard` `trend` slot with a directional caret and direction-independent intent color (`.stat-card-trend`). (both)
+- `AvatarGroup` `max` overflow with a `+N` tile (`.avatar-more`). (both)
+- `Indicator` `max` clamp for numeric labels (e.g. `99+`). (react)
+- `Table` density (`compact`), an empty-state row (`Table.Empty` / `.table-empty`), and a pinned first column (`pinCol` / `.table-pin-col`). (both)
+- `Menu` checkbox/radio items (`checked` / `.menu-item[aria-checked]` + `.menu-item-indicator`). (both)
+- `Input` `clearable` button and a `PasswordInput` reveal toggle (`.input-action`). (both)
+- `Item` and `ItemGroup` components / `.item` — compact list rows with media, content, and actions. (both)
+- `Timeline` component / `.timeline` — vertical event rail with a numbered steps variant. (both)
+- `Drawer` component / `.drawer` — edge-anchored panel sharing the `<dialog>` machinery. (both)
+- `NumberInput` component / `.number-input` — numeric field with steppers over Base UI NumberField. (both)
+
+## [0.17.0] - 2026-06-15
+
+### Added
+
+- `Separator` component / `.separator` class — a styled `<hr>` with a vertical modifier. (both)
+- `Avatar` and `AvatarGroup` / `.avatar` — image with a no-JS initials fallback, circle/square, `sm`/`md`/`lg`, plus `.indicator` auto-offsets for avatar anchors. (both)
+- Badge soft tinted variants (`soft` / `.badge-soft`) and a dismissible remove button (`onRemove`, `removeLabel` / `.badge-remove`). (both)
+- Alert trailing action slot (`action` / `Alert.Action` / `.alert-action`). (both)
+- In-field input icons — `icon` / `iconTrailing` on `Input`, `.input-icon` wrapper. (both)
+- Card media slot (`media` / `Card.Media` / `.card-media`) and scroll region (`scroll` on `Card.Container` / `.card-scroll`). (both)
+- BrandTile `lg` size, soft tint variants, and bordered image tiles. (both)
+
+### Changed
+
+- `.link` inside an `.alert` inherits the variant's content color instead of the link blue. (css)
+- `tfoot` rows are styled by default — semibold cells with a strong divider above the first footer row (previously unstyled). (css)
+
 ## [0.16.2] - 2026-06-11
 
 - Add a changelog following the Keep a Changelog format.
@@ -45,10 +79,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 - Make `primary` a high-contrast neutral and move blue to `info`. (both)
 - Use solid color fills for `Alert` and `Badge` status variants. (both)
 
-[Unreleased]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.16.2...HEAD
+[Unreleased]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.18.0...HEAD
 [0.16.1]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.16.0...v0.16.1
 [0.16.0]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.15.1...v0.16.0
 [0.15.1]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.15.0...v0.15.1
 [0.15.0]: https://github.com/Digital-Udvikling/admin-design-system/releases/tag/v0.15.0
 
+[0.18.0]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.17.0...v0.18.0
+[0.17.0]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.16.2...v0.17.0
 [0.16.2]: https://github.com/Digital-Udvikling/admin-design-system/releases/tag/v0.16.2

package/dist/Alert.d.ts

@@ -1,4 +1,5 @@
-import { ComponentProps, ReactNode } from 'react';
+import { ComponentProps, MouseEventHandler, ReactNode } from 'react';
+import { SlotClasses } from './cn';
 import { IconProp } from './icon';
 export type AlertVariant = "info" | "success" | "warning" | "danger";
 export interface AlertProps extends Omit<ComponentProps<"div">, "title"> {
@@ -9,15 +10,26 @@ export interface AlertProps extends Omit<ComponentProps<"div">, "title"> {
     title?: ReactNode;
     /** Renders as `<Alert.Description>`. */
     description?: ReactNode;
+    /** Trailing action. Renders as `<Alert.Action>` after children so reading order matches. */
+    action?: ReactNode;
+    /** Renders a trailing dismiss (×) button. The Alert stays stateless — the consumer hides or removes it. */
+    onDismiss?: MouseEventHandler<HTMLButtonElement>;
+    /** aria-label for the dismiss button. Default: "Dismiss". */
+    dismissLabel?: string;
+    /** Per-slot class overrides. `className` targets the root; these target inner slots. */
+    classNames?: SlotClasses<"title" | "description" | "action" | "dismiss">;
 }
-declare function AlertRoot({ variant, icon, title, description, className, role, children, ...rest }: AlertProps): import("react/jsx-runtime").JSX.Element;
+declare function AlertRoot({ variant, icon, title, description, action, onDismiss, dismissLabel, classNames, className, role, children, ...rest }: AlertProps): import("react/jsx-runtime").JSX.Element;
 export type AlertTitleProps = ComponentProps<"strong">;
 declare function AlertTitle({ className, ...rest }: AlertTitleProps): import("react/jsx-runtime").JSX.Element;
 export type AlertDescriptionProps = ComponentProps<"p">;
 declare function AlertDescription({ className, ...rest }: AlertDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export type AlertActionProps = ComponentProps<"div">;
+declare function AlertAction({ className, ...rest }: AlertActionProps): import("react/jsx-runtime").JSX.Element;
 export declare const Alert: typeof AlertRoot & {
     Title: typeof AlertTitle;
     Description: typeof AlertDescription;
+    Action: typeof AlertAction;
 };
 export {};
 //# sourceMappingURL=Alert.d.ts.map

package/dist/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAErE,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtE,OAAO,EAAE,YAAY,CAAC;IACtB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,iBAAS,SAAS,CAAC,EACjB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CAcZ;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AACvD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAE1D;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AACxD,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAEtE;AAED,eAAO,MAAM,KAAK;;;CAGhB,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAM,KAAK,WAAW,EAAE,MAAM,MAAM,CAAC;AAC5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAqBrE,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtE,OAAO,EAAE,YAAY,CAAC;IACtB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,2GAA2G;IAC3G,SAAS,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACjD,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC;CAC1E;AAED,iBAAS,SAAS,CAAC,EACjB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,EACT,YAAwB,EACxB,UAAU,EACV,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CA6BZ;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AACvD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAE1D;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AACxD,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAEtE;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AACrD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAE5D;AAED,eAAO,MAAM,KAAK;;;;CAIhB,CAAC"}

package/dist/Avatar.d.ts

@@ -0,0 +1,26 @@
+import { ComponentProps } from 'react';
+export type AvatarSize = "sm" | "md" | "lg";
+export type AvatarShape = "circle" | "square";
+export interface AvatarProps extends ComponentProps<"span"> {
+    src?: string;
+    alt?: string;
+    /** Fallback text, typically 1–3 letters. Ignored when `children` is given. */
+    initials?: string;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+}
+/**
+ * Image avatar with an initials fallback. Initials show until the image loads
+ * (and again, React-only, if it errors); the vanilla CSS layers the `<img>`
+ * over the initials instead.
+ */
+export declare function Avatar({ src, alt, initials, size, shape, className, children, ...rest }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export interface AvatarGroupProps extends ComponentProps<"div"> {
+    /** Cap the visible avatars; the rest collapse into a trailing "+N" tile. */
+    max?: number;
+    /** Size for the surplus tile — match the avatars inside. Default `"md"`. */
+    size?: AvatarSize;
+}
+/** Overlapping stack of avatars; later children paint on top. `max` caps the visible count. */
+export declare function AvatarGroup({ max, size, className, children, ...rest }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,cAAc,EAAkB,MAAM,OAAO,CAAC;AAGtE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,MAAM,CAAC;IACzD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,GAAG,EACH,QAAQ,EACR,IAAW,EACX,KAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,WAAW,2CAcb;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC7D,4EAA4E;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4EAA4E;IAC5E,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,+FAA+F;AAC/F,wBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,IAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAiB/F"}

package/dist/Badge.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, MouseEventHandler } from 'react';
 import { IconProp } from './icon';
 export type BadgeVariant = "neutral" | "info" | "success" | "warning" | "danger" | "primary";
 export type BadgeSize = "sm" | "md" | "lg";
@@ -7,6 +7,12 @@ export interface BadgeProps extends ComponentProps<"span"> {
     size?: BadgeSize;
     /** Leading icon. */
     icon?: IconProp;
+    /** Tinted fill with accent text instead of the solid status fill. */
+    soft?: boolean;
+    /** Renders a trailing remove button. */
+    onRemove?: MouseEventHandler<HTMLButtonElement>;
+    /** aria-label for the remove button. Default: "Remove". */
+    removeLabel?: string;
 }
-export declare function Badge({ variant, size, icon, className, children, ...rest }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Badge({ variant, size, icon, soft, onRemove, removeLabel, className, children, ...rest }: BadgeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Badge.d.ts.map

package/dist/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC7F,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,MAAM,CAAC;IACxD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAmB,EACnB,IAAW,EACX,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CAaZ"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC7F,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAqB3C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,MAAM,CAAC;IACxD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,qEAAqE;IACrE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAChD,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAmB,EACnB,IAAW,EACX,IAAI,EACJ,IAAY,EACZ,QAAQ,EACR,WAAsB,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CA4BZ"}

package/dist/BrandTile.d.ts

@@ -1,10 +1,23 @@
 import { ComponentProps } from 'react';
 import { IconProp } from './icon';
+export type BrandTileVariant = "solid" | "soft" | "info" | "success" | "danger";
 export interface BrandTileProps extends ComponentProps<"span"> {
-    /** 1–2 letter monogram. Ignored if `icon` is provided. */
+    /** Tint treatment. `solid` is the accent fill; the rest are `*-muted` fills with a colored glyph. */
+    variant?: BrandTileVariant;
+    size?: "md" | "lg";
+    /** 1–2 letter monogram. Ignored if `icon` or `src` is provided. */
     monogram?: string;
-    /** Icon component or element. Takes precedence over `monogram`. */
+    /** Icon component or element. Takes precedence over `monogram`, yields to `src`. */
     icon?: IconProp;
+    /** Logo image source. Wins over `icon` and `monogram`, flipping the tile to a bordered surface. */
+    src?: string;
+    /** Alt text for the image tile. Defaults to `""` (decorative). */
+    alt?: string;
 }
-export declare function BrandTile({ monogram, icon, className, children, ...rest }: BrandTileProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Brand/system mark for the navbar — monogram, icon, or shop logo. Precedence
+ * is `src` > `icon` > `monogram`. Monogram/icon tiles are `aria-hidden`; image
+ * tiles expose `alt` to assistive tech instead.
+ */
+export declare function BrandTile({ variant, size, monogram, icon, src, alt, className, children, ...rest }: BrandTileProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BrandTile.d.ts.map

package/dist/BrandTile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrandTile.d.ts","sourceRoot":"","sources":["../src/BrandTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,MAAM,CAAC;IAC5D,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAMzF"}
+{"version":3,"file":"BrandTile.d.ts","sourceRoot":"","sources":["../src/BrandTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,MAAM,CAAC;IAC5D,qGAAqG;IACrG,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,mGAAmG;IACnG,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAiB,EACjB,IAAW,EACX,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,GAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,2CAuBhB"}

package/dist/Card.d.ts

@@ -1,4 +1,5 @@
 import { ComponentProps, ReactNode } from 'react';
+import { SlotClasses } from './cn';
 import { IconProp } from './icon';
 export type CardVariant = "default" | "muted" | "primary" | "info" | "success" | "warning" | "danger";
 export interface CardContainerProps extends ComponentProps<"div"> {
@@ -6,17 +7,21 @@ export interface CardContainerProps extends ComponentProps<"div"> {
     variant?: CardVariant;
     bordered?: boolean;
     compact?: boolean;
+    /** Pins direct-child header/actions and scrolls the body. Set the height yourself. */
+    scroll?: boolean;
 }
 /**
  * The bare `.card` container — no body, no title. Use this when you need to
  * compose the internals yourself (e.g. a media block above the body).
  */
-declare function CardContainer({ variant, bordered, compact, className, ...rest }: CardContainerProps): import("react/jsx-runtime").JSX.Element;
+declare function CardContainer({ variant, bordered, compact, scroll, className, ...rest }: CardContainerProps): import("react/jsx-runtime").JSX.Element;
 export interface CardProps extends Omit<ComponentProps<"div">, "title"> {
     /** Tinted surface + matching border. Defaults to the neutral surface. */
     variant?: CardVariant;
     bordered?: boolean;
     compact?: boolean;
+    /** Full-bleed media rendered as `<Card.Media>` above the body. */
+    media?: ReactNode;
     /** Leading icon for the title row. */
     icon?: IconProp;
     /** Renders as `<Card.Title>`. */
@@ -27,13 +32,17 @@ export interface CardProps extends Omit<ComponentProps<"div">, "title"> {
     toolbar?: ReactNode;
     /** Renders as `<Card.Actions>`. */
     actions?: ReactNode;
+    /** Per-slot class overrides. `className` targets the root; these target inner slots. */
+    classNames?: SlotClasses<"media" | "body" | "header" | "toolbar" | "title" | "description" | "actions">;
 }
 /**
  * Standard card: a `.card` container with a single `.card-body` that lays out
  * an optional title (with icon), description, children, and actions. For
  * anything outside that shape, use `<Card.Container>` and compose by hand.
  */
-declare function CardRoot({ variant, bordered, compact, icon, title, description, toolbar, actions, className, children, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
+declare function CardRoot({ variant, bordered, compact, media, icon, title, description, toolbar, actions, className, classNames, children, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
+export type CardMediaProps = ComponentProps<"div">;
+declare function CardMedia({ className, ...rest }: CardMediaProps): import("react/jsx-runtime").JSX.Element;
 export type CardBodyProps = ComponentProps<"div">;
 declare function CardBody({ className, ...rest }: CardBodyProps): import("react/jsx-runtime").JSX.Element;
 export type CardHeaderProps = ComponentProps<"div">;
@@ -51,6 +60,7 @@ export type CardActionsProps = ComponentProps<"div">;
 declare function CardActions({ className, ...rest }: CardActionsProps): import("react/jsx-runtime").JSX.Element;
 export declare const Card: typeof CardRoot & {
     Container: typeof CardContainer;
+    Media: typeof CardMedia;
     Body: typeof CardBody;
     Header: typeof CardHeader;
     Toolbar: typeof CardToolbar;

package/dist/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC/D,yEAAyE;IACzE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,iBAAS,aAAa,CAAC,EACrB,OAAmB,EACnB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAepB;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACrE,yEAAyE;IACzE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uCAAuC;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,EAChB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,SAAS,2CA0BX;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAClD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,2CAEtD;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AACpD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAE1D;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AACrD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAE5D;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,IAAI,CAAC;IAC1D,oBAAoB;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AACD,iBAAS,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAOxE;AAED,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AACvD,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,2CAEpE;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AACrD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAE5D;AAED,eAAO,MAAM,IAAI;;;;;;;;CAQf,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"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"}

package/dist/Dialog.d.ts

@@ -1,4 +1,5 @@
 import { ComponentProps, ReactNode } from 'react';
+import { SlotClasses } from './cn';
 import { IconProp } from './icon';
 export type DialogSize = "sm" | "md" | "lg";
 export type DialogClosedBy = "any" | "closerequest" | "none";
@@ -45,10 +46,12 @@ export interface DialogProps extends Omit<DialogContainerProps, "title" | "child
     dismissible?: boolean;
     /** aria-label for the close button. Default: `"Close"`. */
     closeLabel?: string;
+    /** Per-slot class overrides. `className` targets the root; these target inner slots. */
+    classNames?: SlotClasses<"header" | "title" | "close" | "description" | "body" | "footer">;
     children?: ReactNode;
 }
 /** Standard modal with shorthand-driven header/body/footer. For other shapes, compose `<Dialog.Container>` by hand. */
-declare function DialogRoot({ icon, title, description, actions, dismissible, closeLabel, children, ...containerProps }: DialogProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogRoot({ icon, title, description, actions, dismissible, closeLabel, classNames, children, ...containerProps }: DialogProps): import("react/jsx-runtime").JSX.Element;
 export declare const Dialog: typeof DialogRoot & {
     Container: typeof DialogContainer;
     Header: typeof DialogHeader;

package/dist/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../src/Dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../src/Dialog.tsx"],"names":[],"mappings":"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"}

package/dist/Drawer.d.ts

@@ -0,0 +1,51 @@
+import { ComponentProps, ReactNode } from 'react';
+import { SlotClasses } from './cn';
+import { DialogClosedBy } from './Dialog';
+import { IconProp } from './icon';
+export type DrawerSide = "start" | "end" | "bottom";
+export type DrawerSize = "sm" | "md" | "lg";
+export interface DrawerContainerProps extends Omit<ComponentProps<"dialog">, "open"> {
+    /** Controlled open state. Omit for uncontrolled (e.g. Invoker Commands). */
+    open?: boolean;
+    /** Fires when the drawer closes (Esc, backdrop, close button, form method="dialog"). */
+    onOpenChange?: (open: boolean) => void;
+    /** Which edge the panel anchors to. Default `"end"`. */
+    side?: DrawerSide;
+    /** Cross-axis extent. Default `"md"`. */
+    size?: DrawerSize;
+    /** Native `closedby` attribute. Default `"any"`. */
+    closedby?: DialogClosedBy;
+}
+/** The bare edge-anchored `<dialog>` primitive — for layouts the default `<Drawer>` doesn't fit. */
+declare function DrawerContainer({ open, onOpenChange, side, size, closedby, className, children, ref: consumerRef, ...rest }: DrawerContainerProps): import("react/jsx-runtime").JSX.Element;
+export interface DrawerProps extends Omit<DrawerContainerProps, "title" | "children"> {
+    /** Leading icon for the title row. */
+    icon?: IconProp;
+    /** Renders as `<Drawer.Title>`. */
+    title?: ReactNode;
+    /** Renders as `<Drawer.Description>`. */
+    description?: ReactNode;
+    /** Renders as `<Drawer.Footer>`. */
+    actions?: ReactNode;
+    /** Show the X close button in the header. Default `true`. */
+    dismissible?: boolean;
+    /** aria-label for the close button. Default `"Close"`. */
+    closeLabel?: string;
+    /** Per-slot class overrides. `className` targets the root; these target inner slots. */
+    classNames?: SlotClasses<"header" | "title" | "close" | "description" | "body" | "footer">;
+    children?: ReactNode;
+}
+/** Edge-anchored panel with shorthand-driven header/body/footer. For other shapes, compose `<Drawer.Container>`. */
+declare function DrawerRoot({ icon, title, description, actions, dismissible, closeLabel, classNames, children, ...containerProps }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+/** Shares the Dialog header/body/footer subparts; only the container differs. */
+export declare const Drawer: typeof DrawerRoot & {
+    Container: typeof DrawerContainer;
+    Header: ({ className, ...rest }: import('./Dialog').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ icon, className, children, ...rest }: import('./Dialog').DialogTitleProps) => import("react/jsx-runtime").JSX.Element;
+    Description: ({ className, ...rest }: import('./Dialog').DialogDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ className, ...rest }: import('./Dialog').DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ className, ...rest }: import('./Dialog').DialogFooterProps) => import("react/jsx-runtime").JSX.Element;
+    CloseButton: ({ icon, className, children, onClick, type, "aria-label": ariaLabel, ...rest }: import('./Dialog').DialogCloseButtonProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../src/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAM,KAAK,WAAW,EAAE,MAAM,MAAM,CAAC;AAC5C,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAEvD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wFAAwF;IACxF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,wDAAwD;IACxD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yCAAyC;IACzC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,oGAAoG;AACpG,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,YAAY,EACZ,IAAY,EACZ,IAAW,EACX,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,EAAE,WAAW,EAChB,GAAG,IAAI,EACR,EAAE,oBAAoB,2CAwBtB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,UAAU,CAAC;IACnF,sCAAsC;IACtC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yCAAyC;IACzC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oCAAoC;IACpC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;IAC3F,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,oHAAoH;AACpH,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,WAAkB,EAClB,UAAoB,EACpB,UAAU,EACV,QAAQ,EACR,GAAG,cAAc,EAClB,EAAE,WAAW,2CA8Bb;AAED,iFAAiF;AACjF,eAAO,MAAM,MAAM;;;;;;;;CAQjB,CAAC"}

package/dist/Field.d.ts

@@ -1,5 +1,6 @@
 import { Field as BaseField } from '@base-ui/react/field';
 import { ComponentProps, ReactNode } from 'react';
+import { SlotClasses } from './cn';
 export type FieldContainerProps = ComponentProps<typeof BaseField.Root>;
 /** The bare `.field` container — for layouts the default `<Field>` doesn't fit. */
 declare function FieldContainer({ className, ...rest }: FieldContainerProps): import("react/jsx-runtime").JSX.Element;
@@ -18,9 +19,11 @@ export interface FieldProps extends FieldContainerProps {
     required?: boolean;
     /** Inline layout (`.field-row`) — control beside its label; pairs with switches and single checkboxes. */
     inline?: boolean;
+    /** Per-slot class overrides. `className` targets the root; these target inner slots. */
+    classNames?: SlotClasses<"label" | "description" | "error">;
 }
 /** Standard field — label, control (`children`), description, error. For other shapes, compose `<Field.Container>` by hand. */
-declare function FieldRoot({ label, description, error, required, inline, className, children, ...rest }: FieldProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldRoot({ label, description, error, required, inline, className, classNames, children, ...rest }: FieldProps): import("react/jsx-runtime").JSX.Element;
 export type FieldLabelProps = ComponentProps<typeof BaseField.Label> & {
     /** Renders a red asterisk after the label text via `data-required`. */
     required?: boolean;

package/dist/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../src/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AAExE,mFAAmF;AACnF,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,2CAElE;AAED,MAAM,WAAW,UAAW,SAAQ,mBAAmB;IACrD,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0GAA0G;IAC1G,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,+HAA+H;AAC/H,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CAsBZ;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,GAAG;IACrE,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAQpE;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,WAAW,CAAC,CAAC;AAEjF,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAEtE;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC;AAErE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAE1D;AAED,eAAO,MAAM,KAAK;;;;;CAKhB,CAAC"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../src/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAM,KAAK,WAAW,EAAE,MAAM,MAAM,CAAC;AAE5C,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AAExE,mFAAmF;AACnF,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,2CAElE;AAED,MAAM,WAAW,UAAW,SAAQ,mBAAmB;IACrD,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0GAA0G;IAC1G,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,OAAO,GAAG,aAAa,GAAG,OAAO,CAAC,CAAC;CAC7D;AAED,+HAA+H;AAC/H,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CAkCZ;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,GAAG;IACrE,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAQpE;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,WAAW,CAAC,CAAC;AAEjF,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAEtE;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC;AAErE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAE1D;AAED,eAAO,MAAM,KAAK;;;;;CAKhB,CAAC"}

package/dist/Indicator.d.ts

@@ -20,6 +20,8 @@ export interface IndicatorProps extends ComponentProps<"div"> {
      * the visual corner of rounded anchors (e.g. `4` for `rounded-md`).
      */
     offset?: number;
+    /** Clamp a numeric `label` to `${max}+` when it exceeds this value. */
+    max?: number;
 }
-export declare function Indicator({ label, variant, size, icon, placement, offset, className, "aria-label": ariaLabel, style: styleProp, children, ...rest }: IndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function Indicator({ label, variant, size, icon, placement, offset, max, className, "aria-label": ariaLabel, style: styleProp, children, ...rest }: IndicatorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Indicator.d.ts.map

package/dist/Indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.d.ts","sourceRoot":"","sources":["../src/Indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAS,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC5D,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAC7D,MAAM,MAAM,kBAAkB,GAAG,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,CAAC;AAE/E,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3D,0EAA0E;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uEAAuE;IACvE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAmB,EACnB,IAAW,EACX,IAAI,EACJ,SAAqB,EACrB,MAAM,EACN,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,2CAyChB"}
+{"version":3,"file":"Indicator.d.ts","sourceRoot":"","sources":["../src/Indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAS,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC5D,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAC7D,MAAM,MAAM,kBAAkB,GAAG,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,CAAC;AAE/E,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3D,0EAA0E;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uEAAuE;IACvE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAmB,EACnB,IAAW,EACX,IAAI,EACJ,SAAqB,EACrB,MAAM,EACN,GAAG,EACH,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,2CA2ChB"}

package/dist/Input.d.ts

@@ -1,12 +1,34 @@
 import { Input as BaseInput } from '@base-ui/react/input';
-import { ComponentProps } from 'react';
+import { ComponentProps, ReactNode } from 'react';
+import { SlotClasses } from './cn';
+import { IconProp } from './icon';
 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 {
     variant?: InputVariant;
     inputSize?: InputSize;
+    /** Leading icon, floated inside the field. Pass a component (`icon={IconSearch}`) or an element. */
+    icon?: IconProp;
+    /** Trailing icon, floated inside the field. Pass a component (`iconTrailing={IconX}`) or an element. */
+    iconTrailing?: IconProp;
+    /** Show a trailing clear (×) button while the field holds a value. */
+    clearable?: boolean;
+    /** aria-label for the clear button. Default `"Clear"`. */
+    clearLabel?: string;
+    /** Called after the clear button empties the field. */
+    onClear?: () => void;
+    /** Custom interactive trailing control (style it `.input-action`), e.g. a reveal toggle. */
+    action?: ReactNode;
+    /** Per-slot class overrides. `className` targets the root; these target inner slots. */
+    classNames?: SlotClasses<"wrapper" | "action">;
 }
-export declare function Input({ variant, inputSize, className, type, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ variant, inputSize, icon, iconTrailing, clearable, clearLabel, onClear, action, className, classNames, type, value, defaultValue, onChange, disabled, readOnly, ref: consumerRef, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
+export interface PasswordInputProps extends Omit<InputProps, "type" | "action" | "clearable" | "onClear" | "clearLabel"> {
+    /** aria-label for the reveal toggle. Default `"Show password"`. */
+    revealLabel?: string;
+}
+/** Password field with a trailing reveal toggle. Emits the same `.input` / `.input-action` classes. */
+export declare function PasswordInput({ revealLabel, classNames, ...rest }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Input.d.ts.map

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,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"}
+{"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,EAAiC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAM,KAAK,WAAW,EAAE,MAAM,MAAM,CAAC;AAC5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,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;AAKrE,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oGAAoG;IACpG,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC;CAChD;AAqBD,wBAAgB,KAAK,CAAC,EACpB,OAAoB,EACpB,SAAgB,EAChB,IAAI,EACJ,YAAY,EACZ,SAAiB,EACjB,UAAoB,EACpB,OAAO,EACP,MAAM,EACN,SAAS,EACT,UAAU,EACV,IAAa,EACb,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,EAAE,WAAW,EAChB,GAAG,IAAI,EACR,EAAE,UAAU,2CAkFZ;AAyCD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,UAAU,EACV,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,YAAY,CAC3D;IACC,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,uGAAuG;AACvG,wBAAgB,aAAa,CAAC,EAC5B,WAA6B,EAC7B,UAAU,EACV,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAoBpB"}

package/dist/Item.d.ts

@@ -0,0 +1,55 @@
+import { ComponentProps, ReactNode } from 'react';
+import { SlotClasses } from './cn';
+import { IconProp } from './icon';
+export type ItemVariant = "default" | "outline" | "muted";
+export type ItemSize = "sm" | "md" | "lg";
+export interface ItemContainerProps extends ComponentProps<"div"> {
+    variant?: ItemVariant;
+    size?: ItemSize;
+    /** Expand the first nested link to fill the whole row (and add hover/focus affordance). */
+    asLink?: boolean;
+}
+/** The bare row primitive — just the `.item` shell, for layouts the default `<Item>` doesn't fit. */
+declare function ItemContainer({ variant, size, asLink, className, ...rest }: ItemContainerProps): import("react/jsx-runtime").JSX.Element;
+export type ItemMediaProps = ComponentProps<"div">;
+declare function ItemMedia({ className, ...rest }: ItemMediaProps): import("react/jsx-runtime").JSX.Element;
+export type ItemContentProps = ComponentProps<"div">;
+declare function ItemContent({ className, ...rest }: ItemContentProps): import("react/jsx-runtime").JSX.Element;
+export type ItemTitleProps = ComponentProps<"div">;
+declare function ItemTitle({ className, ...rest }: ItemTitleProps): import("react/jsx-runtime").JSX.Element;
+export type ItemDescriptionProps = ComponentProps<"div">;
+declare function ItemDescription({ className, ...rest }: ItemDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export type ItemActionsProps = ComponentProps<"div">;
+declare function ItemActions({ className, ...rest }: ItemActionsProps): import("react/jsx-runtime").JSX.Element;
+export interface ItemProps extends Omit<ItemContainerProps, "title"> {
+    /** Leading media (avatar, thumbnail). Takes precedence over `icon`. */
+    media?: ReactNode;
+    /** Leading icon, rendered inside `.item-media`. */
+    icon?: IconProp;
+    /** Primary line. */
+    title?: ReactNode;
+    /** Secondary line under the title. */
+    description?: ReactNode;
+    /** Trailing controls, pinned to the row's end. */
+    actions?: ReactNode;
+    /** Per-slot class overrides. `className` targets the root; these target inner slots. */
+    classNames?: SlotClasses<"media" | "content" | "title" | "description" | "actions">;
+}
+/** Opinionated row with media / title+description / actions shorthand. For other shapes, compose `<Item.Container>`. */
+declare function ItemRoot({ media, icon, title, description, actions, classNames, children, ...rest }: ItemProps): import("react/jsx-runtime").JSX.Element;
+export interface ItemGroupProps extends ComponentProps<"div"> {
+    /** Wrap the stack in a rounded border. */
+    bordered?: boolean;
+}
+/** Divided vertical stack of items. */
+export declare function ItemGroup({ bordered, className, ...rest }: ItemGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare const Item: typeof ItemRoot & {
+    Container: typeof ItemContainer;
+    Media: typeof ItemMedia;
+    Content: typeof ItemContent;
+    Title: typeof ItemTitle;
+    Description: typeof ItemDescription;
+    Actions: typeof ItemActions;
+};
+export {};
+//# sourceMappingURL=Item.d.ts.map

package/dist/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../src/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAM,KAAK,WAAW,EAAE,MAAM,MAAM,CAAC;AAC5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1D,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC/D,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,qGAAqG;AACrG,iBAAS,aAAa,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAepB;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AACnD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAExD;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AACrD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAE5D;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AACnD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAExD;AAED,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AACzD,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,2CAEpE;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AACrD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAE5D;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IAClE,uEAAuE;IACvE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mDAAmD;IACnD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sCAAsC;IACtC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kDAAkD;IAClD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,CAAC,CAAC;CACrF;AAED,wHAAwH;AACxH,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,SAAS,2CAsBX;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3D,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,uCAAuC;AACvC,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAIzE;AAED,eAAO,MAAM,IAAI;;;;;;;CAOf,CAAC"}

package/dist/Menu.d.ts

@@ -6,17 +6,19 @@ export type MenuTriggerProps = ComponentProps<"summary">;
 declare function MenuTrigger({ className, ...rest }: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
 export type MenuPopupProps = ComponentProps<"div">;
 declare function MenuPopup({ className, role, ...rest }: MenuPopupProps): import("react/jsx-runtime").JSX.Element;
-interface MenuItemHotkeyProp {
+interface MenuItemExtras {
     /** Keyboard shortcut (`useHotkey` syntax) — synthesizes a click; shown right-pinned in the row. */
     hotkey?: string | readonly string[];
+    /** Leading icon. Replaced by the check indicator when `checked` is set. */
+    icon?: IconProp;
+    /** Render as a checkable item: shows a leading check when `true`, reserves the gutter when `false`. Set `role="menuitemradio"` for single-select groups. */
+    checked?: boolean;
 }
-type MenuItemAsButton = ComponentProps<"button"> & MenuItemHotkeyProp & {
+type MenuItemAsButton = ComponentProps<"button"> & MenuItemExtras & {
     href?: undefined;
-    icon?: IconProp;
 };
-type MenuItemAsLink = ComponentProps<"a"> & MenuItemHotkeyProp & {
+type MenuItemAsLink = ComponentProps<"a"> & MenuItemExtras & {
     href: string;
-    icon?: IconProp;
 };
 export type MenuItemProps = MenuItemAsButton | MenuItemAsLink;
 declare function MenuItem(props: MenuItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAY,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAInD,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;AAElD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,2CAElD;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;AAEzD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAE5D;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,IAAa,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAEvE;AAED,UAAU,kBAAkB;IAC1B,mGAAmG;IACnG,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;CACrC;AAED,KAAK,gBAAgB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAC9C,kBAAkB,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAC7D,KAAK,cAAc,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,kBAAkB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAEnG,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAE9D,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAgErC;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEtD,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,2CAEhE;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,IAAc,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAExE;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExD,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,2CAElE;AAED,eAAO,MAAM,IAAI;;;;;;;CAOf,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAY,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAInD,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;AAElD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,2CAElD;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;AAEzD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAE5D;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,IAAa,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAEvE;AAED,UAAU,cAAc;IACtB,mGAAmG;IACnG,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IACpC,2EAA2E;IAC3E,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,4JAA4J;IAC5J,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,gBAAgB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,cAAc,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AACzF,KAAK,cAAc,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,cAAc,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9E,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG,cAAc,CAAC;AA8B9D,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAgFrC;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEtD,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,2CAEhE;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,IAAc,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAExE;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExD,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,2CAElE;AAED,eAAO,MAAM,IAAI;;;;;;;CAOf,CAAC"}

package/dist/NumberInput.d.ts

@@ -0,0 +1,28 @@
+import { NumberField } from '@base-ui/react/number-field';
+import { ComponentProps, ReactNode } from 'react';
+import { SlotClasses } from './cn';
+export type NumberInputSize = "sm" | "md" | "lg";
+export interface NumberInputProps extends ComponentProps<typeof NumberField.Root> {
+    size?: NumberInputSize;
+    /** Per-slot class overrides. `className` targets the root; these target inner slots. */
+    classNames?: SlotClasses<"group" | "decrement" | "input" | "increment">;
+    /** Input placeholder. */
+    placeholder?: string;
+    /** aria-label for the field when there's no associated `<label>`. */
+    inputAriaLabel?: string;
+    /** aria-label for the decrement button. Default `"Decrease"`. */
+    decrementLabel?: string;
+    /** aria-label for the increment button. Default `"Increase"`. */
+    incrementLabel?: string;
+    /** Override the decrement button content. */
+    decrementIcon?: ReactNode;
+    /** Override the increment button content. */
+    incrementIcon?: ReactNode;
+}
+/**
+ * Numeric field with stepper buttons over Base UI NumberField (clamp-on-blur,
+ * step, `Intl` formatting via `format`). The vanilla bundle styles a native
+ * `<input type="number">` and steps with `stepUp()` / `stepDown()`.
+ */
+export declare function NumberInput({ size, classNames, placeholder, inputAriaLabel, decrementLabel, incrementLabel, decrementIcon, incrementIcon, className, ...rootProps }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NumberInput.d.ts.map

package/dist/NumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../src/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAM,KAAK,WAAW,EAAE,MAAM,MAAM,CAAC;AAE5C,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAsCjD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;IAC/E,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,OAAO,GAAG,WAAW,GAAG,OAAO,GAAG,WAAW,CAAC,CAAC;IACxE,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAW,EACX,UAAU,EACV,WAAW,EACX,cAAc,EACd,cAA2B,EAC3B,cAA2B,EAC3B,aAAa,EACb,aAAa,EACb,SAAS,EACT,GAAG,SAAS,EACb,EAAE,gBAAgB,2CA0BlB"}