@aortl/admin-react 0.16.2 → 0.17.0

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.
package/CHANGELOG.md CHANGED
@@ -4,6 +4,23 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
4
4
 
5
5
  ## [Unreleased]
6
6
 
7
+ ## [0.17.0] - 2026-06-15
8
+
9
+ ### Added
10
+
11
+ - `Separator` component / `.separator` class — a styled `<hr>` with a vertical modifier. (both)
12
+ - `Avatar` and `AvatarGroup` / `.avatar` — image with a no-JS initials fallback, circle/square, `sm`/`md`/`lg`, plus `.indicator` auto-offsets for avatar anchors. (both)
13
+ - Badge soft tinted variants (`soft` / `.badge-soft`) and a dismissible remove button (`onRemove`, `removeLabel` / `.badge-remove`). (both)
14
+ - Alert trailing action slot (`action` / `Alert.Action` / `.alert-action`). (both)
15
+ - In-field input icons — `icon` / `iconTrailing` on `Input`, `.input-icon` wrapper. (both)
16
+ - Card media slot (`media` / `Card.Media` / `.card-media`) and scroll region (`scroll` on `Card.Container` / `.card-scroll`). (both)
17
+ - BrandTile `lg` size, soft tint variants, and bordered image tiles. (both)
18
+
19
+ ### Changed
20
+
21
+ - `.link` inside an `.alert` inherits the variant's content color instead of the link blue. (css)
22
+ - `tfoot` rows are styled by default — semibold cells with a strong divider above the first footer row (previously unstyled). (css)
23
+
7
24
  ## [0.16.2] - 2026-06-11
8
25
 
9
26
  - Add a changelog following the Keep a Changelog format.
@@ -45,10 +62,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
45
62
  - Make `primary` a high-contrast neutral and move blue to `info`. (both)
46
63
  - Use solid color fills for `Alert` and `Badge` status variants. (both)
47
64
 
48
- [Unreleased]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.16.2...HEAD
65
+ [Unreleased]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.17.0...HEAD
49
66
  [0.16.1]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.16.0...v0.16.1
50
67
  [0.16.0]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.15.1...v0.16.0
51
68
  [0.15.1]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.15.0...v0.15.1
52
69
  [0.15.0]: https://github.com/Digital-Udvikling/admin-design-system/releases/tag/v0.15.0
53
70
 
71
+ [0.17.0]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.16.2...v0.17.0
54
72
  [0.16.2]: https://github.com/Digital-Udvikling/admin-design-system/releases/tag/v0.16.2
package/dist/Alert.d.ts CHANGED
@@ -9,15 +9,20 @@ export interface AlertProps extends Omit<ComponentProps<"div">, "title"> {
9
9
  title?: ReactNode;
10
10
  /** Renders as `<Alert.Description>`. */
11
11
  description?: ReactNode;
12
+ /** Trailing action. Renders as `<Alert.Action>` after children so reading order matches. */
13
+ action?: ReactNode;
12
14
  }
13
- declare function AlertRoot({ variant, icon, title, description, className, role, children, ...rest }: AlertProps): import("react/jsx-runtime").JSX.Element;
15
+ declare function AlertRoot({ variant, icon, title, description, action, className, role, children, ...rest }: AlertProps): import("react/jsx-runtime").JSX.Element;
14
16
  export type AlertTitleProps = ComponentProps<"strong">;
15
17
  declare function AlertTitle({ className, ...rest }: AlertTitleProps): import("react/jsx-runtime").JSX.Element;
16
18
  export type AlertDescriptionProps = ComponentProps<"p">;
17
19
  declare function AlertDescription({ className, ...rest }: AlertDescriptionProps): import("react/jsx-runtime").JSX.Element;
20
+ export type AlertActionProps = ComponentProps<"div">;
21
+ declare function AlertAction({ className, ...rest }: AlertActionProps): import("react/jsx-runtime").JSX.Element;
18
22
  export declare const Alert: typeof AlertRoot & {
19
23
  Title: typeof AlertTitle;
20
24
  Description: typeof AlertDescription;
25
+ Action: typeof AlertAction;
21
26
  };
22
27
  export {};
23
28
  //# sourceMappingURL=Alert.d.ts.map
@@ -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;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"}
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"}
@@ -0,0 +1,21 @@
1
+ import { ComponentProps } from 'react';
2
+ export type AvatarSize = "sm" | "md" | "lg";
3
+ export type AvatarShape = "circle" | "square";
4
+ export interface AvatarProps extends ComponentProps<"span"> {
5
+ src?: string;
6
+ alt?: string;
7
+ /** Fallback text, typically 1–3 letters. Ignored when `children` is given. */
8
+ initials?: string;
9
+ size?: AvatarSize;
10
+ shape?: AvatarShape;
11
+ }
12
+ /**
13
+ * Image avatar with an initials fallback. Initials show until the image loads
14
+ * (and again, React-only, if it errors); the vanilla CSS layers the `<img>`
15
+ * over the initials instead.
16
+ */
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;
21
+ //# sourceMappingURL=Avatar.d.ts.map
@@ -0,0 +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"}
package/dist/Badge.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ComponentProps } from 'react';
1
+ import { ComponentProps, MouseEventHandler } from 'react';
2
2
  import { IconProp } from './icon';
3
3
  export type BadgeVariant = "neutral" | "info" | "success" | "warning" | "danger" | "primary";
4
4
  export type BadgeSize = "sm" | "md" | "lg";
@@ -7,6 +7,12 @@ export interface BadgeProps extends ComponentProps<"span"> {
7
7
  size?: BadgeSize;
8
8
  /** Leading icon. */
9
9
  icon?: IconProp;
10
+ /** Tinted fill with accent text instead of the solid status fill. */
11
+ soft?: boolean;
12
+ /** Renders a trailing remove button. */
13
+ onRemove?: MouseEventHandler<HTMLButtonElement>;
14
+ /** aria-label for the remove button. Default: "Remove". */
15
+ removeLabel?: string;
10
16
  }
11
- export declare function Badge({ variant, size, icon, className, children, ...rest }: BadgeProps): import("react/jsx-runtime").JSX.Element;
17
+ export declare function Badge({ variant, size, icon, soft, onRemove, removeLabel, className, children, ...rest }: BadgeProps): import("react/jsx-runtime").JSX.Element;
12
18
  //# sourceMappingURL=Badge.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,10 +1,23 @@
1
1
  import { ComponentProps } from 'react';
2
2
  import { IconProp } from './icon';
3
+ export type BrandTileVariant = "solid" | "soft" | "info" | "success" | "danger";
3
4
  export interface BrandTileProps extends ComponentProps<"span"> {
4
- /** 1–2 letter monogram. Ignored if `icon` is provided. */
5
+ /** Tint treatment. `solid` is the accent fill; the rest are `*-muted` fills with a colored glyph. */
6
+ variant?: BrandTileVariant;
7
+ size?: "md" | "lg";
8
+ /** 1–2 letter monogram. Ignored if `icon` or `src` is provided. */
5
9
  monogram?: string;
6
- /** Icon component or element. Takes precedence over `monogram`. */
10
+ /** Icon component or element. Takes precedence over `monogram`, yields to `src`. */
7
11
  icon?: IconProp;
12
+ /** Logo image source. Wins over `icon` and `monogram`, flipping the tile to a bordered surface. */
13
+ src?: string;
14
+ /** Alt text for the image tile. Defaults to `""` (decorative). */
15
+ alt?: string;
8
16
  }
9
- export declare function BrandTile({ monogram, icon, className, children, ...rest }: BrandTileProps): import("react/jsx-runtime").JSX.Element;
17
+ /**
18
+ * Brand/system mark for the navbar — monogram, icon, or shop logo. Precedence
19
+ * is `src` > `icon` > `monogram`. Monogram/icon tiles are `aria-hidden`; image
20
+ * tiles expose `alt` to assistive tech instead.
21
+ */
22
+ export declare function BrandTile({ variant, size, monogram, icon, src, alt, className, children, ...rest }: BrandTileProps): import("react/jsx-runtime").JSX.Element;
10
23
  //# sourceMappingURL=BrandTile.d.ts.map
@@ -1 +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"}
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,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 CHANGED
@@ -6,17 +6,21 @@ export interface CardContainerProps extends ComponentProps<"div"> {
6
6
  variant?: CardVariant;
7
7
  bordered?: boolean;
8
8
  compact?: boolean;
9
+ /** Pins direct-child header/actions and scrolls the body. Set the height yourself. */
10
+ scroll?: boolean;
9
11
  }
10
12
  /**
11
13
  * The bare `.card` container — no body, no title. Use this when you need to
12
14
  * compose the internals yourself (e.g. a media block above the body).
13
15
  */
14
- declare function CardContainer({ variant, bordered, compact, className, ...rest }: CardContainerProps): import("react/jsx-runtime").JSX.Element;
16
+ declare function CardContainer({ variant, bordered, compact, scroll, className, ...rest }: CardContainerProps): import("react/jsx-runtime").JSX.Element;
15
17
  export interface CardProps extends Omit<ComponentProps<"div">, "title"> {
16
18
  /** Tinted surface + matching border. Defaults to the neutral surface. */
17
19
  variant?: CardVariant;
18
20
  bordered?: boolean;
19
21
  compact?: boolean;
22
+ /** Full-bleed media rendered as `<Card.Media>` above the body. */
23
+ media?: ReactNode;
20
24
  /** Leading icon for the title row. */
21
25
  icon?: IconProp;
22
26
  /** Renders as `<Card.Title>`. */
@@ -33,7 +37,9 @@ export interface CardProps extends Omit<ComponentProps<"div">, "title"> {
33
37
  * an optional title (with icon), description, children, and actions. For
34
38
  * anything outside that shape, use `<Card.Container>` and compose by hand.
35
39
  */
36
- declare function CardRoot({ variant, bordered, compact, icon, title, description, toolbar, actions, className, children, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
40
+ declare function CardRoot({ variant, bordered, compact, media, icon, title, description, toolbar, actions, className, children, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
41
+ export type CardMediaProps = ComponentProps<"div">;
42
+ declare function CardMedia({ className, ...rest }: CardMediaProps): import("react/jsx-runtime").JSX.Element;
37
43
  export type CardBodyProps = ComponentProps<"div">;
38
44
  declare function CardBody({ className, ...rest }: CardBodyProps): import("react/jsx-runtime").JSX.Element;
39
45
  export type CardHeaderProps = ComponentProps<"div">;
@@ -51,6 +57,7 @@ export type CardActionsProps = ComponentProps<"div">;
51
57
  declare function CardActions({ className, ...rest }: CardActionsProps): import("react/jsx-runtime").JSX.Element;
52
58
  export declare const Card: typeof CardRoot & {
53
59
  Container: typeof CardContainer;
60
+ Media: typeof CardMedia;
54
61
  Body: typeof CardBody;
55
62
  Header: typeof CardHeader;
56
63
  Toolbar: typeof CardToolbar;
@@ -1 +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"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"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"}
package/dist/Input.d.ts CHANGED
@@ -1,12 +1,17 @@
1
1
  import { Input as BaseInput } from '@base-ui/react/input';
2
2
  import { ComponentProps } from 'react';
3
+ import { IconProp } from './icon';
3
4
  export type InputVariant = "bordered" | "ghost" | "danger" | "info" | "success" | "warning";
4
5
  export type InputSize = "sm" | "md" | "lg";
5
6
  type BaseInputProps = Omit<ComponentProps<typeof BaseInput>, "size">;
6
7
  export interface InputProps extends BaseInputProps {
7
8
  variant?: InputVariant;
8
9
  inputSize?: InputSize;
10
+ /** Leading icon, floated inside the field. Pass a component (`icon={IconSearch}`) or an element. */
11
+ icon?: IconProp;
12
+ /** Trailing icon, floated inside the field. Pass a component (`iconTrailing={IconX}`) or an element. */
13
+ iconTrailing?: IconProp;
9
14
  }
10
- export declare function Input({ variant, inputSize, className, type, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
15
+ export declare function Input({ variant, inputSize, icon, iconTrailing, className, type, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
11
16
  export {};
12
17
  //# 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;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"}
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"}
@@ -0,0 +1,11 @@
1
+ import { ComponentProps } from 'react';
2
+ export interface SeparatorProps extends ComponentProps<"hr"> {
3
+ /** A vertical rule for flex rows. Defaults to a horizontal rule. */
4
+ orientation?: "horizontal" | "vertical";
5
+ }
6
+ /**
7
+ * A styled `<hr>` (implicit `role="separator"`). Margins are zeroed — spacing
8
+ * comes from the parent's gap or margin utilities.
9
+ */
10
+ export declare function Separator({ orientation, className, ...rest }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
11
+ //# sourceMappingURL=Separator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,IAAI,CAAC;IAC1D,oEAAoE;IACpE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,WAA0B,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAS3F"}
package/dist/Table.d.ts CHANGED
@@ -13,6 +13,7 @@ declare function TableHead({ className, ...rest }: TableHeadProps): import("reac
13
13
  export type TableBodyProps = ComponentProps<"tbody">;
14
14
  declare function TableBody({ className, ...rest }: TableBodyProps): import("react/jsx-runtime").JSX.Element;
15
15
  export type TableFootProps = ComponentProps<"tfoot">;
16
+ /** Footer rows are semibold by default; the first row gets a strong top divider against the body. */
16
17
  declare function TableFoot({ className, ...rest }: TableFootProps): import("react/jsx-runtime").JSX.Element;
17
18
  export interface TableRowProps extends ComponentProps<"tr"> {
18
19
  /** Programmatic selection highlight — independent of the CSS rule tinting rows with a checked checkbox. */
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../src/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAErD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,OAAO,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kGAAkG;IAClG,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,2CAgBxF;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AACrD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAExD;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AACrD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAExD;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AACrD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAExD;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,IAAI,CAAC;IACzD,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gHAAgH;IAChH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,2CAQxE;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAC/E,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,iBAAS,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,2CAS1F;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACzE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,iBAAS,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAWhF;AAED,eAAO,MAAM,KAAK;;;;;;;CAOhB,CAAC"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../src/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAErD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,OAAO,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kGAAkG;IAClG,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,2CAgBxF;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AACrD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAExD;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AACrD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAExD;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AACrD,qGAAqG;AACrG,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAExD;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,IAAI,CAAC;IACzD,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gHAAgH;IAChH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,2CAQxE;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAC/E,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,iBAAS,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,2CAS1F;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACzE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,iBAAS,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAWhF;AAED,eAAO,MAAM,KAAK;;;;;;;CAOhB,CAAC"}