@equinor/stratus-ui 1.1.0 → 1.3.0

package/dist/types/components/Button/Button.d.ts

@@ -0,0 +1,52 @@
+import { type ReactNode } from "react";
+import type { CSSProps } from "../../utils/cssProps";
+import type { CSSVars } from "../../utils/cssVars";
+import type { ElementType, PolymorphicProps } from "../../utils/polymorphic";
+import "./Button.css";
+type ButtonColorScheme = "primary" | "secondary" | "danger" | "warning";
+type ButtonVariant = "contained" | "outlined" | "ghost";
+type ButtonSize = "sm" | "md" | "lg";
+type ButtonVars = "--stratus-button-primary-bg" | "--stratus-button-primary-bg-hover" | "--stratus-button-primary-bg-active" | "--stratus-button-primary-fg" | "--stratus-button-primary-highlight" | "--stratus-button-secondary-bg" | "--stratus-button-secondary-bg-hover" | "--stratus-button-secondary-bg-active" | "--stratus-button-secondary-fg" | "--stratus-button-secondary-border" | "--stratus-button-secondary-highlight" | "--stratus-button-danger-bg" | "--stratus-button-danger-bg-hover" | "--stratus-button-danger-bg-active" | "--stratus-button-danger-fg" | "--stratus-button-danger-border" | "--stratus-button-danger-highlight" | "--stratus-button-warning-bg" | "--stratus-button-warning-bg-hover" | "--stratus-button-warning-bg-active" | "--stratus-button-warning-fg" | "--stratus-button-warning-border" | "--stratus-button-warning-highlight" | "--stratus-button-disabled-bg" | "--stratus-button-disabled-fg" | "--stratus-button-disabled-border" | "--stratus-button-radius" | "--stratus-button-height" | "--stratus-focus-ring" | "--stratus-button-ripple-color" | "--stratus-button-ripple-opacity";
+type ButtonStyle = CSSVars<ButtonVars>;
+type ButtonOwnProps = {
+    variant?: ButtonVariant;
+    colorScheme?: ButtonColorScheme;
+    size?: ButtonSize;
+    fullWidth?: boolean;
+    /** Loading state (disables interaction + shows spinner) */
+    loading?: boolean;
+    /** Custom spinner, if you don’t want the default */
+    spinner?: ReactNode;
+    /** Optional content before the label (icon, spinner, badge, etc.) */
+    startAdornment?: ReactNode;
+    /** Optional content after the label (icon, spinner, badge, etc.) */
+    endAdornment?: ReactNode;
+    /** Extra class applied to the button root (for consumer customization) */
+    className?: string;
+    /** Inline style + CSS variable overrides */
+    style?: ButtonStyle;
+    /** Accessible label for icon-only buttons */
+    "aria-label"?: string;
+    /** Accessible label target id for icon-only buttons */
+    "aria-labelledby"?: string;
+    /** Only relevant when rendering as a native <button>. */
+    type?: "button" | "submit" | "reset";
+    /** Disable the ripple effect. */
+    disableRipple?: boolean;
+    /** Shorthand for size="sm". */
+    compact?: boolean;
+    /** Size of adornment icons in pixels (consumed but not forwarded to DOM). */
+    iconSize?: number;
+} & CSSProps;
+export type ButtonProps<T extends ElementType = "button"> = PolymorphicProps<T, ButtonOwnProps>;
+/**
+ * @example
+ * ```tsx
+ * <Button variant="contained" colorScheme="primary" size="md">
+ *   Click me
+ * </Button>
+ * ```
+ */
+export declare const Button: import("../../utils/polymorphic").PolymorphicComponent<ButtonOwnProps, "button">;
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/dist/types/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EAEjB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,cAAc,CAAC;AAEtB,KAAK,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AACxE,KAAK,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AACxD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,KAAK,UAAU,GACX,6BAA6B,GAC7B,mCAAmC,GACnC,oCAAoC,GACpC,6BAA6B,GAC7B,oCAAoC,GACpC,+BAA+B,GAC/B,qCAAqC,GACrC,sCAAsC,GACtC,+BAA+B,GAC/B,mCAAmC,GACnC,sCAAsC,GACtC,4BAA4B,GAC5B,kCAAkC,GAClC,mCAAmC,GACnC,4BAA4B,GAC5B,gCAAgC,GAChC,mCAAmC,GACnC,6BAA6B,GAC7B,mCAAmC,GACnC,oCAAoC,GACpC,6BAA6B,GAC7B,iCAAiC,GACjC,oCAAoC,GACpC,8BAA8B,GAC9B,8BAA8B,GAC9B,kCAAkC,GAClC,yBAAyB,GACzB,yBAAyB,GACzB,sBAAsB,GACtB,+BAA+B,GAC/B,iCAAiC,CAAC;AAEtC,KAAK,WAAW,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAEvC,KAAK,cAAc,GAAG;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,qEAAqE;IACrE,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,iCAAiC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAAI,gBAAgB,CAC1E,CAAC,EACD,cAAc,CACf,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,kFAmIlB,CAAC"}

package/dist/types/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,42 @@
+import { type ReactNode, type SyntheticEvent } from "react";
+import type { CSSProps } from "../../utils/cssProps";
+import type { CSSVars } from "../../utils/cssVars";
+import type { ElementType, PolymorphicProps } from "../../utils/polymorphic";
+import "./ButtonGroup.css";
+type ButtonGroupVariant = "contained" | "outlined" | "ghost";
+type ButtonGroupColor = "primary" | "secondary" | "danger";
+type ButtonGroupOrientation = "horizontal" | "vertical";
+type ButtonGroupVars = "--stratus-buttonGroup-gap" | "--stratus-buttonGroup-radius";
+type ButtonGroupStyle = CSSVars<ButtonGroupVars>;
+export type ButtonGroupClickProps = {
+    index: number;
+};
+type ButtonGroupOwnProps = {
+    children: ReactNode;
+    className?: string;
+    style?: ButtonGroupStyle;
+    /** The active button index. Pass -1 for no active button. */
+    active?: number;
+    /** The default active button index (uncontrolled). @default 0 */
+    defaultActive?: number;
+    /** @default "primary" */
+    color?: ButtonGroupColor;
+    /** @default "outlined" */
+    variant?: ButtonGroupVariant;
+    /** Variant applied to the active button. @default "contained" */
+    variantActive?: ButtonGroupVariant;
+    /** @default "horizontal" */
+    orientation?: ButtonGroupOrientation;
+    /** Compact mode with smaller height. @default false */
+    compact?: boolean;
+    /** Full width of container. @default false */
+    fullWidth?: boolean;
+    /** Disable all buttons. @default false */
+    disabled?: boolean;
+    /** Callback when the active button changes. */
+    onChange?: (obj: ButtonGroupClickProps, e: SyntheticEvent) => void;
+} & CSSProps;
+export type ButtonGroupProps<T extends ElementType = "div"> = PolymorphicProps<T, ButtonGroupOwnProps>;
+export declare const ButtonGroup: import("../../utils/polymorphic").PolymorphicComponent<ButtonGroupOwnProps, "div">;
+export { SplitButton, type SplitButtonOption, type SplitButtonProps, } from "./SplitButton";
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/types/components/ButtonGroup/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EAEjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,mBAAmB,CAAC;AAE3B,KAAK,kBAAkB,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAC7D,KAAK,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAC3D,KAAK,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AAExD,KAAK,eAAe,GAAG,2BAA2B,GAAG,8BAA8B,CAAC;AAEpF,KAAK,gBAAgB,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;AAEjD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yBAAyB;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,iEAAiE;IACjE,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,4BAA4B;IAC5B,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,qBAAqB,EAAE,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACpE,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAC5E,CAAC,EACD,mBAAmB,CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,oFAiFvB,CAAC;AAEF,OAAO,EACL,WAAW,EACX,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,eAAe,CAAC"}

package/dist/types/components/ButtonGroup/SplitButton.d.ts

@@ -0,0 +1,52 @@
+import { type ReactNode, type SyntheticEvent } from "react";
+import { type CSSProps } from "../../utils/cssProps";
+import type { CSSVars } from "../../utils/cssVars";
+import { type ElementType, type PolymorphicProps } from "../../utils/polymorphic";
+type SplitButtonVariant = "contained" | "outlined" | "ghost";
+type SplitButtonColor = "primary" | "secondary" | "danger";
+type SplitButtonVars = "--stratus-buttonGroup-gap" | "--stratus-buttonGroup-radius";
+type SplitButtonStyle = CSSVars<SplitButtonVars>;
+export type SplitButtonOption = {
+    /** Stable option identifier. */
+    id: string;
+    /** Visible option label. */
+    label: ReactNode;
+    /** Disable this option in the menu and as a selected action. */
+    disabled?: boolean;
+};
+type SplitButtonOwnProps = {
+    /** Extra CSS class name. */
+    className?: string;
+    /** Inline style + CSS variable overrides. */
+    style?: SplitButtonStyle;
+    /** @default "primary" */
+    color?: SplitButtonColor;
+    /** @default "contained" */
+    variant?: SplitButtonVariant;
+    /** Compact mode with smaller height. @default false */
+    compact?: boolean;
+    /** Full width of container. @default false */
+    fullWidth?: boolean;
+    /** Disable both segments. @default false */
+    disabled?: boolean;
+    /** Options shown in the dropdown menu. */
+    options: SplitButtonOption[];
+    /** Controlled selected option id. */
+    selectedId?: string;
+    /** Initial selected option id for uncontrolled usage. */
+    defaultSelectedId?: string;
+    /** Accessible label for the dropdown trigger segment. */
+    menuButtonAriaLabel?: string;
+    /** Fired when the main action segment is clicked. */
+    onAction?: (option: SplitButtonOption, event: SyntheticEvent) => void;
+    /** Fired when a menu option is selected. */
+    onOptionChange?: (option: SplitButtonOption, event: SyntheticEvent) => void;
+} & CSSProps;
+export type SplitButtonProps<T extends ElementType = "div"> = PolymorphicProps<T, SplitButtonOwnProps>;
+/**
+ * Renders a two-part button where the main segment acts on the selected option
+ * and the dropdown segment lets users choose another option.
+ */
+export declare const SplitButton: import("../../utils/polymorphic").PolymorphicComponent<SplitButtonOwnProps, "div">;
+export {};
+//# sourceMappingURL=SplitButton.d.ts.map

package/dist/types/components/ButtonGroup/SplitButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/SplitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,gBAAgB,EAEtB,MAAM,yBAAyB,CAAC;AAOjC,KAAK,kBAAkB,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAC7D,KAAK,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAC3D,KAAK,eAAe,GAChB,2BAA2B,GAC3B,8BAA8B,CAAC;AACnC,KAAK,gBAAgB,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gCAAgC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,yBAAyB;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACtE,4CAA4C;IAC5C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAC7E,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAC5E,CAAC,EACD,mBAAmB,CACpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,oFA8GvB,CAAC"}

package/dist/types/components/Card/Card.d.ts

@@ -0,0 +1,47 @@
+import { type ElementType, type ReactNode } from "react";
+import type { CSSProps } from "../../utils/cssProps";
+import type { CSSVars } from "../../utils/cssVars";
+import type { PolymorphicProps } from "../../utils/polymorphic";
+import "./Card.css";
+export type CardVars = "--stratus-card-bg" | "--stratus-card-color" | "--stratus-card-action-hover" | "--stratus-focus-ring";
+export type CardStyle = CSSVars<CardVars>;
+type CardOwnProps = {
+    children?: ReactNode;
+    className?: string;
+    /** Inline style + CSS variable overrides */
+    style?: CardStyle;
+    /**
+     * Shadow depth.
+     * @default 2
+     */
+    elevation?: number;
+    /**
+     * If `true`, rounded corners are disabled.
+     * @default false
+     */
+    square?: boolean;
+} & CSSProps;
+export type CardProps<T extends ElementType = "div"> = PolymorphicProps<T, CardOwnProps>;
+/**
+ * A surface container with elevation (box-shadow) and optional
+ * rounded corners. Composes with CardHeader, CardContent,
+ * CardActions, CardMedia, and CardActionArea.
+ *
+ * @example
+ * ```tsx
+ * <Card elevation={2}>
+ *   <CardHeader title="Title" subtitle="Subtitle" />
+ *   <CardContent>Body text</CardContent>
+ *   <CardActions>
+ *     <Button>Action</Button>
+ *   </CardActions>
+ * </Card>
+ * ```
+ */
+export declare const Card: import("../../utils/polymorphic").PolymorphicComponent<CardOwnProps, "div">;
+export { CardActionArea, type CardActionAreaProps } from "./CardActionArea";
+export { CardActions, type CardActionsProps } from "./CardActions";
+export { CardContent, type CardContentProps } from "./CardContent";
+export { CardHeader, type CardHeaderProps } from "./CardHeader";
+export { CardMedia, type CardMediaProps } from "./CardMedia";
+//# sourceMappingURL=Card.d.ts.map

package/dist/types/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAkB,MAAM,yBAAyB,CAAC;AAEhF,OAAO,YAAY,CAAC;AAMpB,MAAM,MAAM,QAAQ,GAChB,mBAAmB,GACnB,sBAAsB,GACtB,6BAA6B,GAC7B,sBAAsB,CAAC;AAE3B,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAM1C,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CACrE,CAAC,EACD,YAAY,CACb,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,IAAI,6EAoDhB,CAAC;AAMF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/types/components/Card/CardActionArea.d.ts

@@ -0,0 +1,22 @@
+import { type ElementType, type ReactNode } from "react";
+import type { CSSProps } from "../../utils/cssProps";
+import type { PolymorphicProps } from "../../utils/polymorphic";
+import type { CardStyle } from "./Card";
+type CardActionAreaOwnProps = {
+    children?: ReactNode;
+    className?: string;
+    /** Inline style + CSS variable overrides */
+    style?: CardStyle;
+    /**
+     * Disable the ripple effect.
+     * @default false
+     */
+    disableRipple?: boolean;
+} & CSSProps;
+export type CardActionAreaProps<T extends ElementType = "div"> = PolymorphicProps<T, CardActionAreaOwnProps>;
+/**
+ * Makes the entire Card (or a section) clickable with a ripple effect.
+ */
+export declare const CardActionArea: import("../../utils/polymorphic").PolymorphicComponent<CardActionAreaOwnProps, "div">;
+export {};
+//# sourceMappingURL=CardActionArea.d.ts.map

package/dist/types/components/Card/CardActionArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardActionArea.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardActionArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,WAAW,EAChB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,gBAAgB,EAAkB,MAAM,yBAAyB,CAAC;AAGhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAC3D,gBAAgB,CAAC,CAAC,EAAE,sBAAsB,CAAC,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,cAAc,uFAoC1B,CAAC"}

package/dist/types/components/Card/CardActions.d.ts

@@ -0,0 +1,18 @@
+import { type ElementType, type ReactNode } from "react";
+import type { CSSProps } from "../../utils/cssProps";
+import type { PolymorphicProps } from "../../utils/polymorphic";
+import type { CardStyle } from "./Card";
+type CardActionsOwnProps = {
+    children?: ReactNode;
+    className?: string;
+    /** Inline style + CSS variable overrides */
+    style?: CardStyle;
+} & CSSProps;
+export type CardActionsProps<T extends ElementType = "div"> = PolymorphicProps<T, CardActionsOwnProps>;
+/**
+ * Footer actions area for a Card. Renders children in a flex row
+ * with 8 px padding.
+ */
+export declare const CardActions: import("../../utils/polymorphic").PolymorphicComponent<CardActionsOwnProps, "div">;
+export {};
+//# sourceMappingURL=CardActions.d.ts.map

package/dist/types/components/Card/CardActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,WAAW,EAChB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,gBAAgB,EAAkB,MAAM,yBAAyB,CAAC;AAEhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAC5E,CAAC,EACD,mBAAmB,CACpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,oFAiCvB,CAAC"}

package/dist/types/components/Card/CardContent.d.ts

@@ -0,0 +1,17 @@
+import { type ElementType, type ReactNode } from "react";
+import type { CSSProps } from "../../utils/cssProps";
+import type { PolymorphicProps } from "../../utils/polymorphic";
+import type { CardStyle } from "./Card";
+type CardContentOwnProps = {
+    children?: ReactNode;
+    className?: string;
+    /** Inline style + CSS variable overrides */
+    style?: CardStyle;
+} & CSSProps;
+export type CardContentProps<T extends ElementType = "div"> = PolymorphicProps<T, CardContentOwnProps>;
+/**
+ * Content area for a Card. Adds 16 px padding by default.
+ */
+export declare const CardContent: import("../../utils/polymorphic").PolymorphicComponent<CardContentOwnProps, "div">;
+export {};
+//# sourceMappingURL=CardContent.d.ts.map

package/dist/types/components/Card/CardContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,WAAW,EAChB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,gBAAgB,EAAkB,MAAM,yBAAyB,CAAC;AAEhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAC5E,CAAC,EACD,mBAAmB,CACpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,oFAiCvB,CAAC"}

package/dist/types/components/Card/CardHeader.d.ts

@@ -0,0 +1,36 @@
+import { type ElementType, type ReactElement, type ReactNode } from "react";
+import type { CSSProps } from "../../utils/cssProps";
+import type { PolymorphicProps } from "../../utils/polymorphic";
+import type { CardStyle } from "./Card";
+type CardHeaderOwnProps = {
+    /** Extra CSS class name. */
+    className?: string;
+    /** Inline style + CSS variable overrides. */
+    style?: CardStyle;
+    /** The title content. */
+    title: ReactNode;
+    /**
+     * Optional subtitle below the title.
+     * @default undefined
+     */
+    subtitle?: ReactNode;
+    /**
+     * Content before the title area (e.g. an Avatar).
+     * @default undefined
+     */
+    startAdornment?: ReactElement;
+    /**
+     * Content after the title area (e.g. an icon button).
+     * @default undefined
+     */
+    endAdornment?: ReactElement;
+    children?: ReactNode;
+} & CSSProps;
+export type CardHeaderProps<C extends ElementType = "div"> = PolymorphicProps<C, CardHeaderOwnProps>;
+/**
+ * Header area for a Card. Renders title, optional subtitle, and
+ * start / end adornments.
+ */
+export declare const CardHeader: import("../../utils/polymorphic").PolymorphicComponent<CardHeaderOwnProps, "div">;
+export {};
+//# sourceMappingURL=CardHeader.d.ts.map

package/dist/types/components/Card/CardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,gBAAgB,EAAkB,MAAM,yBAAyB,CAAC;AAEhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,KAAK,kBAAkB,GAAG;IACxB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAC3E,CAAC,EACD,kBAAkB,CACnB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,mFAqDtB,CAAC"}

package/dist/types/components/Card/CardMedia.d.ts

@@ -0,0 +1,23 @@
+import { type ElementType, type ReactNode } from "react";
+import type { CSSProps } from "../../utils/cssProps";
+import type { PolymorphicProps } from "../../utils/polymorphic";
+import type { CardStyle } from "./Card";
+type CardMediaOwnProps = {
+    children?: ReactNode;
+    className?: string;
+    /** Inline style + CSS variable overrides */
+    style?: CardStyle;
+    /**
+     * Image URL. Alias for `backgroundImage`.
+     * @default undefined
+     */
+    src?: string;
+} & CSSProps;
+export type CardMediaProps<T extends ElementType = "div"> = PolymorphicProps<T, CardMediaOwnProps>;
+/**
+ * Media area for a Card. Renders a 16:9 aspect-ratio block with
+ * a background image.
+ */
+export declare const CardMedia: import("../../utils/polymorphic").PolymorphicComponent<CardMediaOwnProps, "div">;
+export {};
+//# sourceMappingURL=CardMedia.d.ts.map

package/dist/types/components/Card/CardMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,gBAAgB,EAAkB,MAAM,yBAAyB,CAAC;AAEhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAC1E,CAAC,EACD,iBAAiB,CAClB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,kFAwCrB,CAAC"}

package/dist/types/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,186 @@
+import { type ChangeEvent, type InputHTMLAttributes, type LabelHTMLAttributes, type ReactElement, type ReactNode, type RefObject } from "react";
+import type { CSSProps } from "../../utils/cssProps";
+import type { CSSVars } from "../../utils/cssVars";
+import "./Checkbox.css";
+type CheckboxVars = "--stratus-primary" | "--stratus-secondary" | "--stratus-text-primary" | "--stratus-text-secondary";
+type CheckboxStyle = CSSVars<CheckboxVars>;
+export type CheckboxProps = Omit<LabelHTMLAttributes<HTMLLabelElement>, "onChange" | "color" | "style"> & {
+    /** Extra CSS class name on the root `<label>`. */
+    className?: string;
+    /** Inline style + CSS variable overrides */
+    style?: CheckboxStyle;
+    /**
+     * Ref forwarded to the hidden `<input type="checkbox">`.
+     * @default undefined
+     */
+    inputRef?: RefObject<HTMLInputElement | null>;
+    /**
+     * Additional HTML attributes spread on the hidden checkbox.
+     * @default {}
+     */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * Initial checked state (uncontrolled).
+     * @default false
+     */
+    defaultChecked?: boolean;
+    /**
+     * Controlled checked state.
+     * @default undefined
+     */
+    checked?: boolean;
+    /**
+     * Label text.
+     * @default undefined
+     */
+    label?: ReactNode;
+    /**
+     * Label placement relative to the checkbox icon.
+     * @default "right"
+     */
+    labelPlacement?: "left" | "right";
+    /**
+     * Theme color.
+     * @default "primary"
+     */
+    color?: "primary" | "secondary";
+    /**
+     * If `true`, the checkbox shows an indeterminate state.
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * Custom icon when unchecked.
+     * @default undefined
+     */
+    uncheckedIcon?: ReactElement;
+    /**
+     * Custom icon when checked.
+     * @default undefined
+     */
+    checkedIcon?: ReactElement;
+    /**
+     * Custom icon when indeterminate.
+     * @default undefined
+     */
+    indeterminateIcon?: ReactElement;
+    /**
+     * Size of the checkbox icon in pixels.
+     * @default 24
+     */
+    iconSize?: number;
+    /**
+     * Compact size (32 px total instead of 44 px).
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * Disable the checkbox.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Disable the ripple / hover ring.
+     * @default false
+     */
+    disableRipple?: boolean;
+    /**
+     * Callback fired when checked state changes.
+     * @default undefined
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+} & CSSProps;
+/**
+ * @example
+ * ```tsx
+ * <Checkbox label="Accept terms" defaultChecked />
+ * ```
+ */
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<LabelHTMLAttributes<HTMLLabelElement>, "style" | "color" | "onChange"> & {
+    /** Extra CSS class name on the root `<label>`. */
+    className?: string;
+    /** Inline style + CSS variable overrides */
+    style?: CheckboxStyle;
+    /**
+     * Ref forwarded to the hidden `<input type="checkbox">`.
+     * @default undefined
+     */
+    inputRef?: RefObject<HTMLInputElement | null>;
+    /**
+     * Additional HTML attributes spread on the hidden checkbox.
+     * @default {}
+     */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * Initial checked state (uncontrolled).
+     * @default false
+     */
+    defaultChecked?: boolean;
+    /**
+     * Controlled checked state.
+     * @default undefined
+     */
+    checked?: boolean;
+    /**
+     * Label text.
+     * @default undefined
+     */
+    label?: ReactNode;
+    /**
+     * Label placement relative to the checkbox icon.
+     * @default "right"
+     */
+    labelPlacement?: "left" | "right";
+    /**
+     * Theme color.
+     * @default "primary"
+     */
+    color?: "primary" | "secondary";
+    /**
+     * If `true`, the checkbox shows an indeterminate state.
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * Custom icon when unchecked.
+     * @default undefined
+     */
+    uncheckedIcon?: ReactElement;
+    /**
+     * Custom icon when checked.
+     * @default undefined
+     */
+    checkedIcon?: ReactElement;
+    /**
+     * Custom icon when indeterminate.
+     * @default undefined
+     */
+    indeterminateIcon?: ReactElement;
+    /**
+     * Size of the checkbox icon in pixels.
+     * @default 24
+     */
+    iconSize?: number;
+    /**
+     * Compact size (32 px total instead of 44 px).
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * Disable the checkbox.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Disable the ripple / hover ring.
+     * @default false
+     */
+    disableRipple?: boolean;
+    /**
+     * Callback fired when checked state changes.
+     * @default undefined
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+} & Partial<import("react").CSSProperties> & import("../../utils/cssProps").CSSShorthandProps & import("react").RefAttributes<HTMLLabelElement>>;
+export {};
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/types/components/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAMH,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,KAAK,SAAS,EAEd,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,gBAAgB,CAAC;AAMxB,KAAK,YAAY,GACb,mBAAmB,GACnB,qBAAqB,GACrB,wBAAwB,GACxB,0BAA0B,CAAC;AAE/B,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,GAAG,OAAO,GAAG,OAAO,CAC/B,GAAG;IACF,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC9C;;;OAGG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACnD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,GAAG,QAAQ,CAAC;AA6Eb;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;IAvKnB,kDAAkD;gBACtC,MAAM;IAClB,4CAA4C;YACpC,aAAa;IACrB;;;OAGG;eACQ,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAC7C;;;OAGG;iBACU,mBAAmB,CAAC,gBAAgB,CAAC;IAClD;;;OAGG;qBACc,OAAO;IACxB;;;OAGG;cACO,OAAO;IACjB;;;OAGG;YACK,SAAS;IACjB;;;OAGG;qBACc,MAAM,GAAG,OAAO;IACjC;;;OAGG;YACK,SAAS,GAAG,WAAW;IAC/B;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;oBACa,YAAY;IAC5B;;;OAGG;kBACW,YAAY;IAC1B;;;OAGG;wBACiB,YAAY;IAChC;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;cACO,OAAO;IACjB;;;OAGG;eACQ,OAAO;IAClB;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;eACQ,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI;gJA0M1D,CAAC"}