@aortl/admin-react 0.17.0 → 0.18.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/CHANGELOG.md +26 -1
  2. package/dist/Alert.d.ts +9 -2
  3. package/dist/Alert.d.ts.map +1 -1
  4. package/dist/Avatar.d.ts +8 -3
  5. package/dist/Avatar.d.ts.map +1 -1
  6. package/dist/Card.d.ts +4 -1
  7. package/dist/Card.d.ts.map +1 -1
  8. package/dist/Dialog.d.ts +4 -1
  9. package/dist/Dialog.d.ts.map +1 -1
  10. package/dist/Drawer.d.ts +51 -0
  11. package/dist/Drawer.d.ts.map +1 -0
  12. package/dist/Field.d.ts +4 -1
  13. package/dist/Field.d.ts.map +1 -1
  14. package/dist/Indicator.d.ts +3 -1
  15. package/dist/Indicator.d.ts.map +1 -1
  16. package/dist/Input.d.ts +19 -2
  17. package/dist/Input.d.ts.map +1 -1
  18. package/dist/Item.d.ts +55 -0
  19. package/dist/Item.d.ts.map +1 -0
  20. package/dist/Menu.d.ts +7 -5
  21. package/dist/Menu.d.ts.map +1 -1
  22. package/dist/NumberInput.d.ts +28 -0
  23. package/dist/NumberInput.d.ts.map +1 -0
  24. package/dist/Pagination.d.ts +4 -1
  25. package/dist/Pagination.d.ts.map +1 -1
  26. package/dist/PropertyList.d.ts +10 -3
  27. package/dist/PropertyList.d.ts.map +1 -1
  28. package/dist/Sidebar.d.ts +16 -5
  29. package/dist/Sidebar.d.ts.map +1 -1
  30. package/dist/StatCard.d.ts +16 -1
  31. package/dist/StatCard.d.ts.map +1 -1
  32. package/dist/Table.d.ts +14 -1
  33. package/dist/Table.d.ts.map +1 -1
  34. package/dist/Timeline.d.ts +29 -0
  35. package/dist/Timeline.d.ts.map +1 -0
  36. package/dist/Tooltip.d.ts +4 -1
  37. package/dist/Tooltip.d.ts.map +1 -1
  38. package/dist/admin.scoped.css +1089 -414
  39. package/dist/cn.d.ts +7 -0
  40. package/dist/cn.d.ts.map +1 -1
  41. package/dist/dialog-internal.d.ts +17 -0
  42. package/dist/dialog-internal.d.ts.map +1 -0
  43. package/dist/index.cjs +640 -101
  44. package/dist/index.cjs.map +1 -1
  45. package/dist/index.d.ts +7 -2
  46. package/dist/index.d.ts.map +1 -1
  47. package/dist/index.mjs +635 -102
  48. package/dist/index.mjs.map +1 -1
  49. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -4,6 +4,29 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
4
4
 
5
5
  ## [Unreleased]
6
6
 
7
+ ## [0.18.1] - 2026-06-25
8
+
9
+ ### Fixed
10
+
11
+ - Scoped bundle (`admin.scoped.css`) now ships with native CSS nesting pre-flattened. The nested form silently broke once a consumer's build pipeline downleveled it — LightningCSS mis-lowers a nested `&` inside `@scope` to a bare `:scope`, rewriting `._ao-btn:hover` to `:scope:hover` and killing every `:hover`/`:focus`/state rule. (both)
12
+
13
+ ## [0.18.0] - 2026-06-16
14
+
15
+ ### Added
16
+
17
+ - `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)
18
+ - `Alert` dismiss button (`onDismiss` / `.alert-dismiss`). (both)
19
+ - `StatCard` `trend` slot with a directional caret and direction-independent intent color (`.stat-card-trend`). (both)
20
+ - `AvatarGroup` `max` overflow with a `+N` tile (`.avatar-more`). (both)
21
+ - `Indicator` `max` clamp for numeric labels (e.g. `99+`). (react)
22
+ - `Table` density (`compact`), an empty-state row (`Table.Empty` / `.table-empty`), and a pinned first column (`pinCol` / `.table-pin-col`). (both)
23
+ - `Menu` checkbox/radio items (`checked` / `.menu-item[aria-checked]` + `.menu-item-indicator`). (both)
24
+ - `Input` `clearable` button and a `PasswordInput` reveal toggle (`.input-action`). (both)
25
+ - `Item` and `ItemGroup` components / `.item` — compact list rows with media, content, and actions. (both)
26
+ - `Timeline` component / `.timeline` — vertical event rail with a numbered steps variant. (both)
27
+ - `Drawer` component / `.drawer` — edge-anchored panel sharing the `<dialog>` machinery. (both)
28
+ - `NumberInput` component / `.number-input` — numeric field with steppers over Base UI NumberField. (both)
29
+
7
30
  ## [0.17.0] - 2026-06-15
8
31
 
9
32
  ### Added
@@ -62,11 +85,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
62
85
  - Make `primary` a high-contrast neutral and move blue to `info`. (both)
63
86
  - Use solid color fills for `Alert` and `Badge` status variants. (both)
64
87
 
65
- [Unreleased]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.17.0...HEAD
88
+ [Unreleased]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.18.1...HEAD
66
89
  [0.16.1]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.16.0...v0.16.1
67
90
  [0.16.0]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.15.1...v0.16.0
68
91
  [0.15.1]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.15.0...v0.15.1
69
92
  [0.15.0]: https://github.com/Digital-Udvikling/admin-design-system/releases/tag/v0.15.0
70
93
 
94
+ [0.18.1]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.18.0...v0.18.1
95
+ [0.18.0]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.17.0...v0.18.0
71
96
  [0.17.0]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.16.2...v0.17.0
72
97
  [0.16.2]: https://github.com/Digital-Udvikling/admin-design-system/releases/tag/v0.16.2
package/dist/Alert.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- import { ComponentProps, ReactNode } from 'react';
1
+ import { ComponentProps, MouseEventHandler, ReactNode } from 'react';
2
+ import { SlotClasses } from './cn';
2
3
  import { IconProp } from './icon';
3
4
  export type AlertVariant = "info" | "success" | "warning" | "danger";
4
5
  export interface AlertProps extends Omit<ComponentProps<"div">, "title"> {
@@ -11,8 +12,14 @@ export interface AlertProps extends Omit<ComponentProps<"div">, "title"> {
11
12
  description?: ReactNode;
12
13
  /** Trailing action. Renders as `<Alert.Action>` after children so reading order matches. */
13
14
  action?: ReactNode;
15
+ /** Renders a trailing dismiss (×) button. The Alert stays stateless — the consumer hides or removes it. */
16
+ onDismiss?: MouseEventHandler<HTMLButtonElement>;
17
+ /** aria-label for the dismiss button. Default: "Dismiss". */
18
+ dismissLabel?: string;
19
+ /** Per-slot class overrides. `className` targets the root; these target inner slots. */
20
+ classNames?: SlotClasses<"title" | "description" | "action" | "dismiss">;
14
21
  }
15
- declare function AlertRoot({ variant, icon, title, description, action, className, role, children, ...rest }: AlertProps): import("react/jsx-runtime").JSX.Element;
22
+ declare function AlertRoot({ variant, icon, title, description, action, onDismiss, dismissLabel, classNames, className, role, children, ...rest }: AlertProps): import("react/jsx-runtime").JSX.Element;
16
23
  export type AlertTitleProps = ComponentProps<"strong">;
17
24
  declare function AlertTitle({ className, ...rest }: AlertTitleProps): import("react/jsx-runtime").JSX.Element;
18
25
  export type AlertDescriptionProps = ComponentProps<"p">;
@@ -1 +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;IACxB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,iBAAS,SAAS,CAAC,EACjB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CAeZ;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"}
1
+ {"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 CHANGED
@@ -15,7 +15,12 @@ export interface AvatarProps extends ComponentProps<"span"> {
15
15
  * over the initials instead.
16
16
  */
17
17
  export declare function Avatar({ src, alt, initials, size, shape, className, children, ...rest }: AvatarProps): import("react/jsx-runtime").JSX.Element;
18
- export type AvatarGroupProps = ComponentProps<"div">;
19
- /** Overlapping stack of avatars; later children paint on top. */
20
- export declare function AvatarGroup({ className, ...rest }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
18
+ export interface AvatarGroupProps extends ComponentProps<"div"> {
19
+ /** Cap the visible avatars; the rest collapse into a trailing "+N" tile. */
20
+ max?: number;
21
+ /** Size for the surplus tile — match the avatars inside. Default `"md"`. */
22
+ size?: AvatarSize;
23
+ }
24
+ /** Overlapping stack of avatars; later children paint on top. `max` caps the visible count. */
25
+ export declare function AvatarGroup({ max, size, className, children, ...rest }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
21
26
  //# sourceMappingURL=Avatar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAGvD,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,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAErD,iEAAiE;AACjE,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAEnE"}
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/Card.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { ComponentProps, ReactNode } from 'react';
2
+ import { SlotClasses } from './cn';
2
3
  import { IconProp } from './icon';
3
4
  export type CardVariant = "default" | "muted" | "primary" | "info" | "success" | "warning" | "danger";
4
5
  export interface CardContainerProps extends ComponentProps<"div"> {
@@ -31,13 +32,15 @@ export interface CardProps extends Omit<ComponentProps<"div">, "title"> {
31
32
  toolbar?: ReactNode;
32
33
  /** Renders as `<Card.Actions>`. */
33
34
  actions?: ReactNode;
35
+ /** Per-slot class overrides. `className` targets the root; these target inner slots. */
36
+ classNames?: SlotClasses<"media" | "body" | "header" | "toolbar" | "title" | "description" | "actions">;
34
37
  }
35
38
  /**
36
39
  * Standard card: a `.card` container with a single `.card-body` that lays out
37
40
  * an optional title (with icon), description, children, and actions. For
38
41
  * anything outside that shape, use `<Card.Container>` and compose by hand.
39
42
  */
40
- declare function CardRoot({ variant, bordered, compact, media, icon, title, description, toolbar, actions, className, children, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
43
+ declare function CardRoot({ variant, bordered, compact, media, icon, title, description, toolbar, actions, className, classNames, children, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
41
44
  export type CardMediaProps = ComponentProps<"div">;
42
45
  declare function CardMedia({ className, ...rest }: CardMediaProps): import("react/jsx-runtime").JSX.Element;
43
46
  export type CardBodyProps = ComponentProps<"div">;
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"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"}
package/dist/Dialog.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { ComponentProps, ReactNode } from 'react';
2
+ import { SlotClasses } from './cn';
2
3
  import { IconProp } from './icon';
3
4
  export type DialogSize = "sm" | "md" | "lg";
4
5
  export type DialogClosedBy = "any" | "closerequest" | "none";
@@ -45,10 +46,12 @@ export interface DialogProps extends Omit<DialogContainerProps, "title" | "child
45
46
  dismissible?: boolean;
46
47
  /** aria-label for the close button. Default: `"Close"`. */
47
48
  closeLabel?: string;
49
+ /** Per-slot class overrides. `className` targets the root; these target inner slots. */
50
+ classNames?: SlotClasses<"header" | "title" | "close" | "description" | "body" | "footer">;
48
51
  children?: ReactNode;
49
52
  }
50
53
  /** Standard modal with shorthand-driven header/body/footer. For other shapes, compose `<Dialog.Container>` by hand. */
51
- declare function DialogRoot({ icon, title, description, actions, dismissible, closeLabel, children, ...containerProps }: DialogProps): import("react/jsx-runtime").JSX.Element;
54
+ declare function DialogRoot({ icon, title, description, actions, dismissible, closeLabel, classNames, children, ...containerProps }: DialogProps): import("react/jsx-runtime").JSX.Element;
52
55
  export declare const Dialog: typeof DialogRoot & {
53
56
  Container: typeof DialogContainer;
54
57
  Header: typeof DialogHeader;
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../src/Dialog.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../src/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAM,KAAK,WAAW,EAAE,MAAM,MAAM,CAAC;AAE5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGnD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,cAAc,GAAG,MAAM,CAAC;AAqB7D,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClF,sFAAsF;IACtF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wFAAwF;IACxF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,qCAAqC;IACrC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,sFAAsF;AACtF,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,YAAY,EACZ,IAAW,EACX,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,EAAE,WAAW,EAChB,GAAG,IAAI,EACR,EAAE,oBAAoB,2CAiBtB;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,2CAE9D;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,IAAI,CAAC;IAC5D,oBAAoB;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,iBAAS,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAO5E;AAED,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAEzD,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,sBAAsB,2CAExE;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEpD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAE1D;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,2CAE9D;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,QAAQ,CAAC;IACtE,mCAAmC;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,iBAAS,iBAAiB,CAAC,EACzB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAe,EACf,YAAY,EAAE,SAAmB,EACjC,GAAG,IAAI,EACR,EAAE,sBAAsB,2CAgBxB;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,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2DAA2D;IAC3D,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,uHAAuH;AACvH,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,eAAO,MAAM,MAAM;;;;;;;;CAQjB,CAAC"}
@@ -0,0 +1,51 @@
1
+ import { ComponentProps, ReactNode } from 'react';
2
+ import { SlotClasses } from './cn';
3
+ import { DialogClosedBy } from './Dialog';
4
+ import { IconProp } from './icon';
5
+ export type DrawerSide = "start" | "end" | "bottom";
6
+ export type DrawerSize = "sm" | "md" | "lg";
7
+ export interface DrawerContainerProps extends Omit<ComponentProps<"dialog">, "open"> {
8
+ /** Controlled open state. Omit for uncontrolled (e.g. Invoker Commands). */
9
+ open?: boolean;
10
+ /** Fires when the drawer closes (Esc, backdrop, close button, form method="dialog"). */
11
+ onOpenChange?: (open: boolean) => void;
12
+ /** Which edge the panel anchors to. Default `"end"`. */
13
+ side?: DrawerSide;
14
+ /** Cross-axis extent. Default `"md"`. */
15
+ size?: DrawerSize;
16
+ /** Native `closedby` attribute. Default `"any"`. */
17
+ closedby?: DialogClosedBy;
18
+ }
19
+ /** The bare edge-anchored `<dialog>` primitive — for layouts the default `<Drawer>` doesn't fit. */
20
+ declare function DrawerContainer({ open, onOpenChange, side, size, closedby, className, children, ref: consumerRef, ...rest }: DrawerContainerProps): import("react/jsx-runtime").JSX.Element;
21
+ export interface DrawerProps extends Omit<DrawerContainerProps, "title" | "children"> {
22
+ /** Leading icon for the title row. */
23
+ icon?: IconProp;
24
+ /** Renders as `<Drawer.Title>`. */
25
+ title?: ReactNode;
26
+ /** Renders as `<Drawer.Description>`. */
27
+ description?: ReactNode;
28
+ /** Renders as `<Drawer.Footer>`. */
29
+ actions?: ReactNode;
30
+ /** Show the X close button in the header. Default `true`. */
31
+ dismissible?: boolean;
32
+ /** aria-label for the close button. Default `"Close"`. */
33
+ closeLabel?: string;
34
+ /** Per-slot class overrides. `className` targets the root; these target inner slots. */
35
+ classNames?: SlotClasses<"header" | "title" | "close" | "description" | "body" | "footer">;
36
+ children?: ReactNode;
37
+ }
38
+ /** Edge-anchored panel with shorthand-driven header/body/footer. For other shapes, compose `<Drawer.Container>`. */
39
+ declare function DrawerRoot({ icon, title, description, actions, dismissible, closeLabel, classNames, children, ...containerProps }: DrawerProps): import("react/jsx-runtime").JSX.Element;
40
+ /** Shares the Dialog header/body/footer subparts; only the container differs. */
41
+ export declare const Drawer: typeof DrawerRoot & {
42
+ Container: typeof DrawerContainer;
43
+ Header: ({ className, ...rest }: import('./Dialog').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
44
+ Title: ({ icon, className, children, ...rest }: import('./Dialog').DialogTitleProps) => import("react/jsx-runtime").JSX.Element;
45
+ Description: ({ className, ...rest }: import('./Dialog').DialogDescriptionProps) => import("react/jsx-runtime").JSX.Element;
46
+ Body: ({ className, ...rest }: import('./Dialog').DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
47
+ Footer: ({ className, ...rest }: import('./Dialog').DialogFooterProps) => import("react/jsx-runtime").JSX.Element;
48
+ CloseButton: ({ icon, className, children, onClick, type, "aria-label": ariaLabel, ...rest }: import('./Dialog').DialogCloseButtonProps) => import("react/jsx-runtime").JSX.Element;
49
+ };
50
+ export {};
51
+ //# sourceMappingURL=Drawer.d.ts.map
@@ -0,0 +1 @@
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 CHANGED
@@ -1,5 +1,6 @@
1
1
  import { Field as BaseField } from '@base-ui/react/field';
2
2
  import { ComponentProps, ReactNode } from 'react';
3
+ import { SlotClasses } from './cn';
3
4
  export type FieldContainerProps = ComponentProps<typeof BaseField.Root>;
4
5
  /** The bare `.field` container — for layouts the default `<Field>` doesn't fit. */
5
6
  declare function FieldContainer({ className, ...rest }: FieldContainerProps): import("react/jsx-runtime").JSX.Element;
@@ -18,9 +19,11 @@ export interface FieldProps extends FieldContainerProps {
18
19
  required?: boolean;
19
20
  /** Inline layout (`.field-row`) — control beside its label; pairs with switches and single checkboxes. */
20
21
  inline?: boolean;
22
+ /** Per-slot class overrides. `className` targets the root; these target inner slots. */
23
+ classNames?: SlotClasses<"label" | "description" | "error">;
21
24
  }
22
25
  /** Standard field — label, control (`children`), description, error. For other shapes, compose `<Field.Container>` by hand. */
23
- declare function FieldRoot({ label, description, error, required, inline, className, children, ...rest }: FieldProps): import("react/jsx-runtime").JSX.Element;
26
+ declare function FieldRoot({ label, description, error, required, inline, className, classNames, children, ...rest }: FieldProps): import("react/jsx-runtime").JSX.Element;
24
27
  export type FieldLabelProps = ComponentProps<typeof BaseField.Label> & {
25
28
  /** Renders a red asterisk after the label text via `data-required`. */
26
29
  required?: boolean;
@@ -1 +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"}
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;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"}
@@ -20,6 +20,8 @@ export interface IndicatorProps extends ComponentProps<"div"> {
20
20
  * the visual corner of rounded anchors (e.g. `4` for `rounded-md`).
21
21
  */
22
22
  offset?: number;
23
+ /** Clamp a numeric `label` to `${max}+` when it exceeds this value. */
24
+ max?: number;
23
25
  }
24
- 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;
26
+ 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;
25
27
  //# sourceMappingURL=Indicator.d.ts.map
@@ -1 +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"}
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;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 CHANGED
@@ -1,5 +1,6 @@
1
1
  import { Input as BaseInput } from '@base-ui/react/input';
2
- import { ComponentProps } from 'react';
2
+ import { ComponentProps, ReactNode } from 'react';
3
+ import { SlotClasses } from './cn';
3
4
  import { IconProp } from './icon';
4
5
  export type InputVariant = "bordered" | "ghost" | "danger" | "info" | "success" | "warning";
5
6
  export type InputSize = "sm" | "md" | "lg";
@@ -11,7 +12,23 @@ export interface InputProps extends BaseInputProps {
11
12
  icon?: IconProp;
12
13
  /** Trailing icon, floated inside the field. Pass a component (`iconTrailing={IconX}`) or an element. */
13
14
  iconTrailing?: IconProp;
15
+ /** Show a trailing clear (×) button while the field holds a value. */
16
+ clearable?: boolean;
17
+ /** aria-label for the clear button. Default `"Clear"`. */
18
+ clearLabel?: string;
19
+ /** Called after the clear button empties the field. */
20
+ onClear?: () => void;
21
+ /** Custom interactive trailing control (style it `.input-action`), e.g. a reveal toggle. */
22
+ action?: ReactNode;
23
+ /** Per-slot class overrides. `className` targets the root; these target inner slots. */
24
+ classNames?: SlotClasses<"wrapper" | "action">;
14
25
  }
15
- export declare function Input({ variant, inputSize, icon, iconTrailing, className, type, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
26
+ 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;
27
+ export interface PasswordInputProps extends Omit<InputProps, "type" | "action" | "clearable" | "onClear" | "clearLabel"> {
28
+ /** aria-label for the reveal toggle. Default `"Show password"`. */
29
+ revealLabel?: string;
30
+ }
31
+ /** Password field with a trailing reveal toggle. Emits the same `.input` / `.input-action` classes. */
32
+ export declare function PasswordInput({ revealLabel, classNames, ...rest }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
16
33
  export {};
17
34
  //# sourceMappingURL=Input.d.ts.map
@@ -1 +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;AAE5C,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;AAErE,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;CACzB;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAoB,EACpB,SAAgB,EAChB,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,IAAa,EACb,GAAG,IAAI,EACR,EAAE,UAAU,2CAyBZ"}
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,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 ADDED
@@ -0,0 +1,55 @@
1
+ import { ComponentProps, ReactNode } from 'react';
2
+ import { SlotClasses } from './cn';
3
+ import { IconProp } from './icon';
4
+ export type ItemVariant = "default" | "outline" | "muted";
5
+ export type ItemSize = "sm" | "md" | "lg";
6
+ export interface ItemContainerProps extends ComponentProps<"div"> {
7
+ variant?: ItemVariant;
8
+ size?: ItemSize;
9
+ /** Expand the first nested link to fill the whole row (and add hover/focus affordance). */
10
+ asLink?: boolean;
11
+ }
12
+ /** The bare row primitive — just the `.item` shell, for layouts the default `<Item>` doesn't fit. */
13
+ declare function ItemContainer({ variant, size, asLink, className, ...rest }: ItemContainerProps): import("react/jsx-runtime").JSX.Element;
14
+ export type ItemMediaProps = ComponentProps<"div">;
15
+ declare function ItemMedia({ className, ...rest }: ItemMediaProps): import("react/jsx-runtime").JSX.Element;
16
+ export type ItemContentProps = ComponentProps<"div">;
17
+ declare function ItemContent({ className, ...rest }: ItemContentProps): import("react/jsx-runtime").JSX.Element;
18
+ export type ItemTitleProps = ComponentProps<"div">;
19
+ declare function ItemTitle({ className, ...rest }: ItemTitleProps): import("react/jsx-runtime").JSX.Element;
20
+ export type ItemDescriptionProps = ComponentProps<"div">;
21
+ declare function ItemDescription({ className, ...rest }: ItemDescriptionProps): import("react/jsx-runtime").JSX.Element;
22
+ export type ItemActionsProps = ComponentProps<"div">;
23
+ declare function ItemActions({ className, ...rest }: ItemActionsProps): import("react/jsx-runtime").JSX.Element;
24
+ export interface ItemProps extends Omit<ItemContainerProps, "title"> {
25
+ /** Leading media (avatar, thumbnail). Takes precedence over `icon`. */
26
+ media?: ReactNode;
27
+ /** Leading icon, rendered inside `.item-media`. */
28
+ icon?: IconProp;
29
+ /** Primary line. */
30
+ title?: ReactNode;
31
+ /** Secondary line under the title. */
32
+ description?: ReactNode;
33
+ /** Trailing controls, pinned to the row's end. */
34
+ actions?: ReactNode;
35
+ /** Per-slot class overrides. `className` targets the root; these target inner slots. */
36
+ classNames?: SlotClasses<"media" | "content" | "title" | "description" | "actions">;
37
+ }
38
+ /** Opinionated row with media / title+description / actions shorthand. For other shapes, compose `<Item.Container>`. */
39
+ declare function ItemRoot({ media, icon, title, description, actions, classNames, children, ...rest }: ItemProps): import("react/jsx-runtime").JSX.Element;
40
+ export interface ItemGroupProps extends ComponentProps<"div"> {
41
+ /** Wrap the stack in a rounded border. */
42
+ bordered?: boolean;
43
+ }
44
+ /** Divided vertical stack of items. */
45
+ export declare function ItemGroup({ bordered, className, ...rest }: ItemGroupProps): import("react/jsx-runtime").JSX.Element;
46
+ export declare const Item: typeof ItemRoot & {
47
+ Container: typeof ItemContainer;
48
+ Media: typeof ItemMedia;
49
+ Content: typeof ItemContent;
50
+ Title: typeof ItemTitle;
51
+ Description: typeof ItemDescription;
52
+ Actions: typeof ItemActions;
53
+ };
54
+ export {};
55
+ //# sourceMappingURL=Item.d.ts.map
@@ -0,0 +1 @@
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 CHANGED
@@ -6,17 +6,19 @@ export type MenuTriggerProps = ComponentProps<"summary">;
6
6
  declare function MenuTrigger({ className, ...rest }: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
7
7
  export type MenuPopupProps = ComponentProps<"div">;
8
8
  declare function MenuPopup({ className, role, ...rest }: MenuPopupProps): import("react/jsx-runtime").JSX.Element;
9
- interface MenuItemHotkeyProp {
9
+ interface MenuItemExtras {
10
10
  /** Keyboard shortcut (`useHotkey` syntax) — synthesizes a click; shown right-pinned in the row. */
11
11
  hotkey?: string | readonly string[];
12
+ /** Leading icon. Replaced by the check indicator when `checked` is set. */
13
+ icon?: IconProp;
14
+ /** Render as a checkable item: shows a leading check when `true`, reserves the gutter when `false`. Set `role="menuitemradio"` for single-select groups. */
15
+ checked?: boolean;
12
16
  }
13
- type MenuItemAsButton = ComponentProps<"button"> & MenuItemHotkeyProp & {
17
+ type MenuItemAsButton = ComponentProps<"button"> & MenuItemExtras & {
14
18
  href?: undefined;
15
- icon?: IconProp;
16
19
  };
17
- type MenuItemAsLink = ComponentProps<"a"> & MenuItemHotkeyProp & {
20
+ type MenuItemAsLink = ComponentProps<"a"> & MenuItemExtras & {
18
21
  href: string;
19
- icon?: IconProp;
20
22
  };
21
23
  export type MenuItemProps = MenuItemAsButton | MenuItemAsLink;
22
24
  declare function MenuItem(props: MenuItemProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +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"}
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,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"}
@@ -0,0 +1,28 @@
1
+ import { NumberField } from '@base-ui/react/number-field';
2
+ import { ComponentProps, ReactNode } from 'react';
3
+ import { SlotClasses } from './cn';
4
+ export type NumberInputSize = "sm" | "md" | "lg";
5
+ export interface NumberInputProps extends ComponentProps<typeof NumberField.Root> {
6
+ size?: NumberInputSize;
7
+ /** Per-slot class overrides. `className` targets the root; these target inner slots. */
8
+ classNames?: SlotClasses<"group" | "decrement" | "input" | "increment">;
9
+ /** Input placeholder. */
10
+ placeholder?: string;
11
+ /** aria-label for the field when there's no associated `<label>`. */
12
+ inputAriaLabel?: string;
13
+ /** aria-label for the decrement button. Default `"Decrease"`. */
14
+ decrementLabel?: string;
15
+ /** aria-label for the increment button. Default `"Increase"`. */
16
+ incrementLabel?: string;
17
+ /** Override the decrement button content. */
18
+ decrementIcon?: ReactNode;
19
+ /** Override the increment button content. */
20
+ incrementIcon?: ReactNode;
21
+ }
22
+ /**
23
+ * Numeric field with stepper buttons over Base UI NumberField (clamp-on-blur,
24
+ * step, `Intl` formatting via `format`). The vanilla bundle styles a native
25
+ * `<input type="number">` and steps with `stepUp()` / `stepDown()`.
26
+ */
27
+ export declare function NumberInput({ size, classNames, placeholder, inputAriaLabel, decrementLabel, incrementLabel, decrementIcon, incrementIcon, className, ...rootProps }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
28
+ //# sourceMappingURL=NumberInput.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -1,4 +1,5 @@
1
1
  import { ComponentProps, ReactNode } from 'react';
2
+ import { SlotClasses } from './cn';
2
3
  import { IconProp } from './icon';
3
4
  export type PaginationItem = {
4
5
  type: "page";
@@ -32,6 +33,8 @@ export interface PaginationProps extends Omit<ComponentProps<"nav">, "onChange">
32
33
  nextIcon?: IconProp;
33
34
  /** Override the renderer for one item — for routing libraries that supply their own Link. */
34
35
  renderItem?: (item: PaginationItem) => ReactNode;
36
+ /** Per-slot class overrides. `className` targets the root; these target inner slots. */
37
+ classNames?: SlotClasses<"item" | "link" | "ellipsis">;
35
38
  }
36
39
  /** Pure (safe during render): previous, numbers/ellipses (`boundaryCount` at each end, `siblingCount` around `page`), next. */
37
40
  export declare function getPaginationItems({ page, total, siblingCount, boundaryCount, }: {
@@ -40,5 +43,5 @@ export declare function getPaginationItems({ page, total, siblingCount, boundary
40
43
  siblingCount?: number;
41
44
  boundaryCount?: number;
42
45
  }): PaginationItem[];
43
- export declare function Pagination({ page, total, onPageChange, siblingCount, boundaryCount, previousIcon, nextIcon, renderItem, className, "aria-label": ariaLabel, ...rest }: PaginationProps): import("react/jsx-runtime").JSX.Element;
46
+ export declare function Pagination({ page, total, onPageChange, siblingCount, boundaryCount, previousIcon, nextIcon, renderItem, className, classNames, "aria-label": ariaLabel, ...rest }: PaginationProps): import("react/jsx-runtime").JSX.Element;
44
47
  //# sourceMappingURL=Pagination.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../src/Pagination.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,cAAc,GACtB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,GACjD;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,GACrD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,GACjD;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,GAAG,EAAE,OAAO,GAAG,KAAK,CAAA;CAAE,CAAC;AAE/C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC9E,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC;CAClD;AAED,+HAA+H;AAC/H,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,YAAgB,EAChB,aAAiB,GAClB,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,cAAc,EAAE,CA6DnB;AASD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,YAAgB,EAChB,aAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,SAAS,EACT,YAAY,EAAE,SAAwB,EACtC,GAAG,IAAI,EACR,EAAE,eAAe,2CAejB"}
1
+ {"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../src/Pagination.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,cAAc,GACtB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,GACjD;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,GACrD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,GACjD;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,GAAG,EAAE,OAAO,GAAG,KAAK,CAAA;CAAE,CAAC;AAE/C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC9E,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC;IACjD,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;CACxD;AAED,+HAA+H;AAC/H,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,YAAgB,EAChB,aAAiB,GAClB,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,cAAc,EAAE,CA6DnB;AASD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,YAAgB,EAChB,aAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAY,EAAE,SAAwB,EACtC,GAAG,IAAI,EACR,EAAE,eAAe,2CAiBjB"}
@@ -1,4 +1,5 @@
1
1
  import { ComponentProps, ReactNode } from 'react';
2
+ import { SlotClasses } from './cn';
2
3
  export interface PropertyListProps extends Omit<ComponentProps<"section">, "title"> {
3
4
  striped?: boolean;
4
5
  /** Tightens row height and padding for very dense panels. */
@@ -7,8 +8,10 @@ export interface PropertyListProps extends Omit<ComponentProps<"section">, "titl
7
8
  hideIfAllEmpty?: boolean;
8
9
  /** Section heading rendered as `<h3 class="property-list-title">`. */
9
10
  title?: ReactNode;
11
+ /** Per-slot class overrides. `className` targets the root; these target inner slots. */
12
+ classNames?: SlotClasses<"title" | "items">;
10
13
  }
11
- declare function PropertyListRoot({ striped, compact, hideIfAllEmpty, title, className, children, ...rest }: PropertyListProps): import("react/jsx-runtime").JSX.Element;
14
+ declare function PropertyListRoot({ striped, compact, hideIfAllEmpty, title, className, classNames, children, ...rest }: PropertyListProps): import("react/jsx-runtime").JSX.Element;
12
15
  export interface PropertyListItemProps extends Omit<ComponentProps<"dd">, "title" | "label"> {
13
16
  label?: ReactNode;
14
17
  value?: ReactNode;
@@ -17,8 +20,10 @@ export interface PropertyListItemProps extends Omit<ComponentProps<"dd">, "title
17
20
  copyable?: boolean;
18
21
  /** Overrides the text the copy button writes to the clipboard. */
19
22
  copyValue?: string;
23
+ /** Per-slot class overrides. `className` targets the root; these target inner slots. */
24
+ classNames?: SlotClasses<"label" | "copy">;
20
25
  }
21
- declare function PropertyListItem({ label, value, numeric, copyable, copyValue, children, ...rest }: PropertyListItemProps): import("react/jsx-runtime").JSX.Element;
26
+ declare function PropertyListItem({ label, value, numeric, copyable, copyValue, classNames, children, ...rest }: PropertyListItemProps): import("react/jsx-runtime").JSX.Element;
22
27
  export type PropertyListLabelProps = ComponentProps<"dt">;
23
28
  declare function PropertyListLabel({ className, ...rest }: PropertyListLabelProps): import("react/jsx-runtime").JSX.Element;
24
29
  export interface PropertyListValueProps extends ComponentProps<"dd"> {
@@ -28,8 +33,10 @@ export interface PropertyListValueProps extends ComponentProps<"dd"> {
28
33
  empty?: boolean;
29
34
  /** Overrides the text the copy button writes to the clipboard. */
30
35
  copyValue?: string;
36
+ /** Per-slot class overrides. `className` targets the root; these target inner slots. */
37
+ classNames?: SlotClasses<"copy">;
31
38
  }
32
- declare function PropertyListValue({ numeric, copyable, empty, copyValue, className, children, ...rest }: PropertyListValueProps): import("react/jsx-runtime").JSX.Element;
39
+ declare function PropertyListValue({ numeric, copyable, empty, copyValue, className, classNames, children, ...rest }: PropertyListValueProps): import("react/jsx-runtime").JSX.Element;
33
40
  export declare const PropertyList: typeof PropertyListRoot & {
34
41
  Item: typeof PropertyListItem;
35
42
  Label: typeof PropertyListLabel;
@@ -1 +1 @@
1
- {"version":3,"file":"PropertyList.d.ts","sourceRoot":"","sources":["../src/PropertyList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA6C9E,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iFAAiF;IACjF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,iBAAS,gBAAgB,CAAC,EACxB,OAAO,EACP,OAAO,EACP,cAAc,EACd,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAoBnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC1F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAmBvB;AAED,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAC1D,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,sBAAsB,2CAExE;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mFAAmF;IACnF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,sBAAsB,2CA2CxB;AAED,eAAO,MAAM,YAAY;;;;CAIvB,CAAC"}
1
+ {"version":3,"file":"PropertyList.d.ts","sourceRoot":"","sources":["../src/PropertyList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAM,KAAK,WAAW,EAAE,MAAM,MAAM,CAAC;AA4C5C,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iFAAiF;IACjF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC,CAAC;CAC7C;AAED,iBAAS,gBAAgB,CAAC,EACxB,OAAO,EACP,OAAO,EACP,cAAc,EACd,KAAK,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAoBnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC1F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;CAC5C;AASD,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAoBvB;AAED,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAC1D,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,sBAAsB,2CAExE;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mFAAmF;IACnF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAClC;AAED,iBAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,sBAAsB,2CA2CxB;AAED,eAAO,MAAM,YAAY;;;;CAIvB,CAAC"}