@equinor/stratus-ui 1.1.0 → 1.3.1

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

@@ -0,0 +1,140 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode, type SyntheticEvent } from "react";
+import { type CSSProps } from "../../utils/cssProps";
+import type { CSSVars } from "../../utils/cssVars";
+import "./Accordion.css";
+type AccordionVars = "--stratus-accordion-bg" | "--stratus-accordion-border" | "--stratus-accordion-disabled-text" | "--stratus-accordion-focus" | "--stratus-accordion-header-hover";
+type AccordionStyle = CSSVars<AccordionVars>;
+export type AccordionProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "style"> & {
+    /** The content shown when expanded. */
+    children?: ReactNode;
+    /** Extra CSS class name. */
+    className?: string;
+    /** Inline style overrides (replaces the styled-components `css` prop). */
+    style?: AccordionStyle;
+    /** The header content of the accordion. */
+    header: ReactNode;
+    /**
+     * If `header` is a string, the heading level rendered.
+     * @default "h2"
+     */
+    headerLevel?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    /**
+     * Extra items rendered next to the header title.
+     * @default undefined
+     */
+    headerItems?: ReactNode;
+    /**
+     * Uncontrolled: initial expanded state.
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Controlled expanded state. When provided, the component is controlled.
+     */
+    expanded?: boolean;
+    /**
+     * Position of the chevron icon.
+     * @default "left"
+     */
+    expandIconPosition?: "left" | "right";
+    /**
+     * Override the default chevron icon.
+     * @default undefined
+     */
+    expandIcon?: ReactElement;
+    /**
+     * Disable the accordion.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Show a box-shadow.
+     * @default false
+     */
+    elevation?: boolean;
+    /**
+     * When `false`, first/last items get rounded corners.
+     * @default true
+     */
+    square?: boolean;
+    /**
+     * Callback fired when the expanded state changes.
+     *
+     * `(expanded: boolean, event: SyntheticEvent) => void`
+     */
+    onChange?: (expanded: boolean, event: SyntheticEvent) => void;
+} & CSSProps;
+/**
+ * Supports controlled (`expanded`) and uncontrolled (`defaultExpanded`)
+ * modes, header items, custom expand icons, elevation, and animated
+ * collapse/expand transitions.
+ *
+ * @example
+ * ```tsx
+ * <Accordion header="Section title" defaultExpanded>
+ *   Content goes here.
+ * </Accordion>
+ * ```
+ */
+export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "style" | "onChange"> & {
+    /** The content shown when expanded. */
+    children?: ReactNode;
+    /** Extra CSS class name. */
+    className?: string;
+    /** Inline style overrides (replaces the styled-components `css` prop). */
+    style?: AccordionStyle;
+    /** The header content of the accordion. */
+    header: ReactNode;
+    /**
+     * If `header` is a string, the heading level rendered.
+     * @default "h2"
+     */
+    headerLevel?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    /**
+     * Extra items rendered next to the header title.
+     * @default undefined
+     */
+    headerItems?: ReactNode;
+    /**
+     * Uncontrolled: initial expanded state.
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Controlled expanded state. When provided, the component is controlled.
+     */
+    expanded?: boolean;
+    /**
+     * Position of the chevron icon.
+     * @default "left"
+     */
+    expandIconPosition?: "left" | "right";
+    /**
+     * Override the default chevron icon.
+     * @default undefined
+     */
+    expandIcon?: ReactElement;
+    /**
+     * Disable the accordion.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Show a box-shadow.
+     * @default false
+     */
+    elevation?: boolean;
+    /**
+     * When `false`, first/last items get rounded corners.
+     * @default true
+     */
+    square?: boolean;
+    /**
+     * Callback fired when the expanded state changes.
+     *
+     * `(expanded: boolean, event: SyntheticEvent) => void`
+     */
+    onChange?: (expanded: boolean, event: SyntheticEvent) => void;
+} & Partial<import("react").CSSProperties> & import("../../utils/cssProps").CSSShorthandProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAmB,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,iBAAiB,CAAC;AAOzB,KAAK,aAAa,GACd,wBAAwB,GACxB,4BAA4B,GAC5B,mCAAmC,GACnC,2BAA2B,GAC3B,kCAAkC,CAAC;AAEvC,KAAK,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AAM7C,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,OAAO,CACrB,GAAG;IACF,uCAAuC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,2CAA2C;IAC3C,MAAM,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtD;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACtC;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAC/D,GAAG,QAAQ,CAAC;AAMb;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS;IA5EpB,uCAAuC;eAC5B,SAAS;IACpB,4BAA4B;gBAChB,MAAM;IAClB,0EAA0E;YAClE,cAAc;IACtB,2CAA2C;YACnC,SAAS;IACjB;;;OAGG;kBACW,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IACrD;;;OAGG;kBACW,SAAS;IACvB;;;OAGG;sBACe,OAAO;IACzB;;OAEG;eACQ,OAAO;IAClB;;;OAGG;yBACkB,MAAM,GAAG,OAAO;IACrC;;;OAGG;iBACU,YAAY;IACzB;;;OAGG;eACQ,OAAO;IAClB;;;OAGG;gBACS,OAAO;IACnB;;;OAGG;aACM,OAAO;IAChB;;;;OAIG;eACQ,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI;8IAiJ9D,CAAC"}

package/dist/types/components/Accordion/AccordionHeader.d.ts

@@ -0,0 +1,19 @@
+import { type ReactElement, type ReactNode, type SyntheticEvent } from "react";
+type HeaderLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+interface AccordionHeaderProps {
+    id: string;
+    header: ReactNode;
+    headerLevel: HeaderLevel;
+    headerItems?: ReactNode;
+    isExpanded: boolean;
+    disabled: boolean;
+    expandIconPosition: "left" | "right";
+    expandIcon?: ReactElement;
+    onToggle: (e: SyntheticEvent) => void;
+}
+/**
+ * File-internal sub-component for `Accordion`. Not part of the public API.
+ */
+export declare function AccordionHeader({ id, header, headerLevel: HeaderTag, headerItems, isExpanded, disabled, expandIconPosition, expandIcon, onToggle, }: AccordionHeaderProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AccordionHeader.d.ts.map

package/dist/types/components/Accordion/AccordionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAK/E,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3D,UAAU,oBAAoB;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,SAAS,CAAC;IAClB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,EAAE,MAAM,GAAG,OAAO,CAAC;IACrC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACvC;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,MAAM,EACN,WAAW,EAAE,SAAS,EACtB,WAAW,EACX,UAAU,EACV,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,QAAQ,GACT,EAAE,oBAAoB,+BAgDtB"}

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

@@ -0,0 +1,93 @@
+import { type HTMLAttributes, type ReactNode, type SyntheticEvent } from "react";
+import type { CSSProps } from "../../utils/cssProps";
+import type { CSSVars } from "../../utils/cssVars";
+import "./Alert.css";
+export type AlertSeverity = "info" | "success" | "warning" | "error";
+export type AlertVariant = "contained" | "outlined" | "ghost";
+type AlertVars = "--stratus-alert-bg" | "--stratus-alert-text" | "--stratus-alert-accent" | "--stratus-alert-border" | "--stratus-alert-close-hover";
+type AlertStyle = CSSVars<AlertVars>;
+export type AlertProps = Omit<HTMLAttributes<HTMLDivElement>, "title" | "style"> & {
+    /** The message description of the alert (body content below the title). */
+    children?: ReactNode;
+    /** Extra CSS class name. */
+    className?: string;
+    /** Inline style + CSS variable overrides */
+    style?: AlertStyle;
+    /**
+     * The visual variant.
+     * @default "contained"
+     */
+    variant?: AlertVariant;
+    /**
+     * The severity — determines the color and icon.
+     * @default "info"
+     */
+    severity?: AlertSeverity;
+    /** The title text or node. */
+    title: string | ReactNode;
+    /**
+     * Show a built-in severity icon.
+     * @default false
+     */
+    showIcon?: boolean;
+    /**
+     * Override the icon when `showIcon` is `true`.
+     * @default undefined
+     */
+    icon?: ReactNode;
+    /**
+     * Callback when the close button is clicked.
+     * When provided, a close button is rendered.
+     * @default undefined
+     */
+    onClose?: (event: SyntheticEvent) => void;
+} & CSSProps;
+/**
+ * Supports the same `severity`, `variant`, `showIcon`, `onClose`, and
+ * `title` / `children` API.
+ *
+ * @example
+ * ```tsx
+ * <Alert severity="warning" title="Heads up!" showIcon onClose={() => {}}>
+ *   Additional details here.
+ * </Alert>
+ * ```
+ */
+export declare const Alert: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "style" | "title"> & {
+    /** The message description of the alert (body content below the title). */
+    children?: ReactNode;
+    /** Extra CSS class name. */
+    className?: string;
+    /** Inline style + CSS variable overrides */
+    style?: AlertStyle;
+    /**
+     * The visual variant.
+     * @default "contained"
+     */
+    variant?: AlertVariant;
+    /**
+     * The severity — determines the color and icon.
+     * @default "info"
+     */
+    severity?: AlertSeverity;
+    /** The title text or node. */
+    title: string | ReactNode;
+    /**
+     * Show a built-in severity icon.
+     * @default false
+     */
+    showIcon?: boolean;
+    /**
+     * Override the icon when `showIcon` is `true`.
+     * @default undefined
+     */
+    icon?: ReactNode;
+    /**
+     * Callback when the close button is clicked.
+     * When provided, a close button is rendered.
+     * @default undefined
+     */
+    onClose?: (event: SyntheticEvent) => void;
+} & Partial<import("react").CSSProperties> & import("../../utils/cssProps").CSSShorthandProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,aAAa,CAAC;AAMrB,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AACrE,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAE9D,KAAK,SAAS,GACV,oBAAoB,GACpB,sBAAsB,GACtB,wBAAwB,GACxB,wBAAwB,GACxB,6BAA6B,CAAC;AAElC,KAAK,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;AAErC,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,GAAG,OAAO,CAClB,GAAG;IACF,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,8BAA8B;IAC9B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAC3C,GAAG,QAAQ,CAAC;AAmBb;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK;IAhEhB,2EAA2E;eAChE,SAAS;IACpB,4BAA4B;gBAChB,MAAM;IAClB,4CAA4C;YACpC,UAAU;IAClB;;;OAGG;cACO,YAAY;IACtB;;;OAGG;eACQ,aAAa;IACxB,8BAA8B;WACvB,MAAM,GAAG,SAAS;IACzB;;;OAGG;eACQ,OAAO;IAClB;;;OAGG;WACI,SAAS;IAChB;;;;OAIG;cACO,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI;8IA+F1C,CAAC"}

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

@@ -0,0 +1,144 @@
+import { type HTMLAttributes, type ReactNode, type SyntheticEvent } from "react";
+import type { CSSProps } from "../../utils/cssProps";
+import type { CSSVars } from "../../utils/cssVars";
+import "./AppBar.css";
+type AppBarVars = "--stratus-appbar-bg" | "--stratus-appbar-border";
+type AppBarStyle = CSSVars<AppBarVars>;
+export type AppBarProps = Omit<HTMLAttributes<HTMLElement>, "content" | "color" | "style"> & {
+    /** Extra CSS class name. */
+    className?: string;
+    /** Inline style + CSS variable overrides */
+    style?: AppBarStyle;
+    /**
+     * The header block (left area).
+     * @default undefined
+     */
+    header?: ReactNode;
+    /**
+     * The content block (center area — e.g. tabs).
+     * Hidden on small screens; replaced by `smallScreenContent` or a drawer.
+     * @default undefined
+     */
+    content?: ReactNode;
+    /**
+     * Content shown in a drawer on small screens.
+     * Falls back to `content` when not provided.
+     * @default undefined
+     */
+    smallScreenContent?: ReactNode;
+    /**
+     * Controlled open state for the small-screen drawer.
+     * @default undefined
+     */
+    smallScreenContentOpen?: boolean;
+    /**
+     * Callback when the drawer requests to open.
+     * @default undefined
+     */
+    smallScreenContentOnOpen?: (event: SyntheticEvent | Event) => void;
+    /**
+     * Callback when the drawer requests to close.
+     * @default undefined
+     */
+    smallScreenContentOnClose?: (event: SyntheticEvent | Event) => void;
+    /**
+     * The actions block (right area).
+     * @default undefined
+     */
+    actions?: ReactNode;
+    /**
+     * Actions shown on small screens (popover).
+     * Falls back to `actions` when not provided.
+     * @default undefined
+     */
+    smallScreenActions?: ReactNode;
+    /**
+     * Breakpoint in px below which the compact (small-screen) layout is used.
+     * @default 425
+     */
+    smallScreenSize?: number;
+    /**
+     * CSS z-index override.
+     * @default undefined
+     */
+    zIndex?: string | number;
+} & Omit<CSSProps, "content">;
+/**
+ * Renders a sticky top header with three slots: `header` (left),
+ * `content` (center) and `actions` (right).  On small screens the
+ * center content collapses into a hamburger-triggered drawer, and
+ * actions collapse into a popover behind a "more" button.
+ *
+ * @example
+ * ```tsx
+ * <AppBar
+ *   header={<Logo />}
+ *   content={<Tabs />}
+ *   actions={<UserMenu />}
+ *   smallScreenSize={870}
+ *   px="25px"
+ *   zIndex="100"
+ * />
+ * ```
+ */
+export declare const AppBar: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "style" | "color" | "content"> & {
+    /** Extra CSS class name. */
+    className?: string;
+    /** Inline style + CSS variable overrides */
+    style?: AppBarStyle;
+    /**
+     * The header block (left area).
+     * @default undefined
+     */
+    header?: ReactNode;
+    /**
+     * The content block (center area — e.g. tabs).
+     * Hidden on small screens; replaced by `smallScreenContent` or a drawer.
+     * @default undefined
+     */
+    content?: ReactNode;
+    /**
+     * Content shown in a drawer on small screens.
+     * Falls back to `content` when not provided.
+     * @default undefined
+     */
+    smallScreenContent?: ReactNode;
+    /**
+     * Controlled open state for the small-screen drawer.
+     * @default undefined
+     */
+    smallScreenContentOpen?: boolean;
+    /**
+     * Callback when the drawer requests to open.
+     * @default undefined
+     */
+    smallScreenContentOnOpen?: (event: SyntheticEvent | Event) => void;
+    /**
+     * Callback when the drawer requests to close.
+     * @default undefined
+     */
+    smallScreenContentOnClose?: (event: SyntheticEvent | Event) => void;
+    /**
+     * The actions block (right area).
+     * @default undefined
+     */
+    actions?: ReactNode;
+    /**
+     * Actions shown on small screens (popover).
+     * Falls back to `actions` when not provided.
+     * @default undefined
+     */
+    smallScreenActions?: ReactNode;
+    /**
+     * Breakpoint in px below which the compact (small-screen) layout is used.
+     * @default 425
+     */
+    smallScreenSize?: number;
+    /**
+     * CSS z-index override.
+     * @default undefined
+     */
+    zIndex?: string | number;
+} & Omit<CSSProps, "content"> & import("react").RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=AppBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,cAAc,CAAC;AAOtB,KAAK,UAAU,GAAG,qBAAqB,GAAG,yBAAyB,CAAC;AAEpE,KAAK,WAAW,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,cAAc,CAAC,WAAW,CAAC,EAC3B,SAAS,GAAG,OAAO,GAAG,OAAO,CAC9B,GAAG;IACF,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACnE;;;OAGG;IACH,yBAAyB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AAM9B;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,MAAM;IAjFjB,4BAA4B;gBAChB,MAAM;IAClB,4CAA4C;YACpC,WAAW;IACnB;;;OAGG;aACM,SAAS;IAClB;;;;OAIG;cACO,SAAS;IACnB;;;;OAIG;yBACkB,SAAS;IAC9B;;;OAGG;6BACsB,OAAO;IAChC;;;OAGG;+BACwB,CAAC,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI;IAClE;;;OAGG;gCACyB,CAAC,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI;IACnE;;;OAGG;cACO,SAAS;IACnB;;;;OAIG;yBACkB,SAAS;IAC9B;;;OAGG;sBACe,MAAM;IACxB;;;OAGG;aACM,MAAM,GAAG,MAAM;2EAgLzB,CAAC"}

package/dist/types/components/AppBar/AppBarSmallScreenDrawer.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode, type SyntheticEvent } from "react";
+interface AppBarSmallScreenDrawerProps {
+    open: boolean;
+    content: ReactNode;
+    onClose: (event: SyntheticEvent | Event) => void;
+}
+/**
+ * File-internal sub-component for `AppBar`. Not part of the public API.
+ *
+ * Backdrop + sliding drawer rendered on small screens.
+ */
+export declare function AppBarSmallScreenDrawer({ open, content, onClose, }: AppBarSmallScreenDrawerProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AppBarSmallScreenDrawer.d.ts.map

package/dist/types/components/AppBar/AppBarSmallScreenDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarSmallScreenDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/AppBarSmallScreenDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5D,UAAU,4BAA4B;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;CAClD;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,OAAO,GACR,EAAE,4BAA4B,+BAmB9B"}

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

@@ -0,0 +1,148 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import type { CSSProps } from "../../utils/cssProps";
+import type { CSSVars } from "../../utils/cssVars";
+import "./Badge.css";
+export type BadgeAlignment = "top-left" | "top-right" | "bottom-left" | "bottom-right";
+export type BadgeVariant = "default" | "dot";
+export type BadgeOverlap = "circle" | "rectangle";
+type BadgeVars = "--stratus-badge-bg" | "--stratus-badge-color";
+type BadgeStyle = CSSVars<BadgeVars>;
+export type BadgeProps = Omit<HTMLAttributes<HTMLDivElement>, "color" | "content" | "style"> & {
+    /** The component that the badge is attached to. */
+    children?: ReactNode;
+    /** Extra CSS class name. */
+    className?: string;
+    /** Inline style + CSS variable overrides */
+    style?: BadgeStyle;
+    /**
+     * Badge variant. `"dot"` renders a small indicator without content.
+     * @default "default"
+     */
+    variant?: BadgeVariant;
+    /**
+     * Position of the badge relative to the child.
+     * @default "top-right"
+     */
+    alignment?: BadgeAlignment;
+    /**
+     * Badge content, shown when `variant` is `"default"`.
+     * @default undefined
+     */
+    content?: number | ReactNode;
+    /**
+     * If `false` the badge is hidden.
+     * @default true
+     */
+    visible?: boolean;
+    /**
+     * Max number to display. Exceeding values show `${max}+`.
+     * @default 99
+     */
+    max?: number;
+    /**
+     * Shape of the wrapped element. When `"circle"`, the badge moves
+     * 14 % inward to better overlap circular children.
+     * @default "rectangle"
+     */
+    overlap?: BadgeOverlap;
+    /**
+     * Background colour of the badge indicator.
+     * Accepts any CSS colour value. Maps to `backgroundColor` for
+     * compatibility with `bg` shorthand used in opt-ui-core.
+     */
+    backgroundColor?: string;
+    /**
+     * Text / icon colour of the badge indicator.
+     */
+    color?: string;
+    /**
+     * Shorthand for `backgroundColor` (styled-system compat).
+     */
+    bg?: string;
+    /**
+     * Border shorthand for the badge indicator.
+     */
+    border?: string;
+    /**
+     * Z-index for the badge indicator.
+     */
+    zIndex?: number | string;
+} & Omit<CSSProps, "content" | "color">;
+/**
+ * Renders an indicator (number, dot, or custom ReactNode) anchored
+ * to the corner of its child component.
+ *
+ * @example
+ * ```tsx
+ * <Badge content={5} visible>
+ *   <NotificationsIcon />
+ * </Badge>
+ *
+ * <Badge variant="dot" visible={hasUpdates}>
+ *   <SettingsIcon />
+ * </Badge>
+ * ```
+ */
+export declare const Badge: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "style" | "color" | "content"> & {
+    /** The component that the badge is attached to. */
+    children?: ReactNode;
+    /** Extra CSS class name. */
+    className?: string;
+    /** Inline style + CSS variable overrides */
+    style?: BadgeStyle;
+    /**
+     * Badge variant. `"dot"` renders a small indicator without content.
+     * @default "default"
+     */
+    variant?: BadgeVariant;
+    /**
+     * Position of the badge relative to the child.
+     * @default "top-right"
+     */
+    alignment?: BadgeAlignment;
+    /**
+     * Badge content, shown when `variant` is `"default"`.
+     * @default undefined
+     */
+    content?: number | ReactNode;
+    /**
+     * If `false` the badge is hidden.
+     * @default true
+     */
+    visible?: boolean;
+    /**
+     * Max number to display. Exceeding values show `${max}+`.
+     * @default 99
+     */
+    max?: number;
+    /**
+     * Shape of the wrapped element. When `"circle"`, the badge moves
+     * 14 % inward to better overlap circular children.
+     * @default "rectangle"
+     */
+    overlap?: BadgeOverlap;
+    /**
+     * Background colour of the badge indicator.
+     * Accepts any CSS colour value. Maps to `backgroundColor` for
+     * compatibility with `bg` shorthand used in opt-ui-core.
+     */
+    backgroundColor?: string;
+    /**
+     * Text / icon colour of the badge indicator.
+     */
+    color?: string;
+    /**
+     * Shorthand for `backgroundColor` (styled-system compat).
+     */
+    bg?: string;
+    /**
+     * Border shorthand for the badge indicator.
+     */
+    border?: string;
+    /**
+     * Z-index for the badge indicator.
+     */
+    zIndex?: number | string;
+} & Omit<CSSProps, "color" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,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,aAAa,CAAC;AAMrB,MAAM,MAAM,cAAc,GACtB,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,KAAK,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,WAAW,CAAC;AAElD,KAAK,SAAS,GAAG,oBAAoB,GAAG,uBAAuB,CAAC;AAEhE,KAAK,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;AAErC,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,GAAG,SAAS,GAAG,OAAO,CAC9B,GAAG;IACF,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;AAMxC;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;IAhFhB,mDAAmD;eACxC,SAAS;IACpB,4BAA4B;gBAChB,MAAM;IAClB,4CAA4C;YACpC,UAAU;IAClB;;;OAGG;cACO,YAAY;IACtB;;;OAGG;gBACS,cAAc;IAC1B;;;OAGG;cACO,MAAM,GAAG,SAAS;IAC5B;;;OAGG;cACO,OAAO;IACjB;;;OAGG;UACG,MAAM;IACZ;;;;OAIG;cACO,YAAY;IACtB;;;;OAIG;sBACe,MAAM;IACxB;;OAEG;YACK,MAAM;IACd;;OAEG;SACE,MAAM;IACX;;OAEG;aACM,MAAM;IACf;;OAEG;aACM,MAAM,GAAG,MAAM;wFAmGzB,CAAC"}

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

@@ -0,0 +1,34 @@
+import { type BaseHTMLAttributes, type ReactNode } from "react";
+import "./BaseIcon.css";
+export type BaseIconColor = "inherit" | "default" | "primary" | "secondary" | "success" | "warning" | "danger";
+export interface BaseIconProps extends Omit<BaseHTMLAttributes<HTMLSpanElement>, "color"> {
+    /** The icon — an SVG element or component. */
+    children: ReactNode;
+    /** Extra CSS class name. */
+    className?: string;
+    /**
+     * Icon color. A named token, `"inherit"`, or any CSS color / hex string.
+     * @default "inherit"
+     */
+    color?: BaseIconColor | (string & {});
+    /**
+     * Size in pixels (applied to width & height of the wrapper and inner SVG).
+     * When omitted, the icon defaults to 24px via CSS and can be overridden by parent styles.
+     */
+    size?: number;
+    /**
+     * Rotation in degrees.
+     * @default 0
+     */
+    rotation?: number;
+}
+/**
+ * @example
+ * ```tsx
+ * <BaseIcon color="primary" size={24}>
+ *   <svg viewBox="0 0 24 24"><path d="M12 2L2 22h20L12 2z" /></svg>
+ * </BaseIcon>
+ * ```
+ */
+export declare const BaseIcon: import("react").ForwardRefExoticComponent<BaseIconProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=BaseIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseIcon/BaseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,gBAAgB,CAAC;AAMxB,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,kBAAkB,CAAC,eAAe,CAAC,EACnC,OAAO,CACR;IACC,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACtC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAmBD;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,2GA0CpB,CAAC"}

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

@@ -0,0 +1,30 @@
+import { type ElementType } from "react";
+import type { CSSProps } from "../../utils/cssProps";
+import type { CSSVars } from "../../utils/cssVars";
+import type { PolymorphicProps } from "../../utils/polymorphic";
+type BoxVars = "--stratus-box";
+type BoxStyle = CSSVars<BoxVars>;
+type BoxOwnProps = {
+    /** Inline style + CSS variable overrides */
+    style?: BoxStyle;
+    /** Extra class applied to the box root (for consumer customization) */
+    className?: string;
+    /**
+     * CSS property gap.
+     * @default undefined
+     */
+    gap?: string | number;
+} & CSSProps;
+export type BoxProps<T extends ElementType = "div"> = PolymorphicProps<T, BoxOwnProps>;
+/**
+ * @example
+ * ```tsx
+ * <Box gap={8}>
+ *   <span>Item 1</span>
+ *   <span>Item 2</span>
+ * </Box>
+ * ```
+ */
+export declare const Box: import("../../utils/polymorphic").PolymorphicComponent<BoxOwnProps, "div">;
+export {};
+//# sourceMappingURL=Box.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,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;AAGhF,KAAK,OAAO,GAAG,eAAe,CAAC;AAE/B,KAAK,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;AAEjC,KAAK,WAAW,GAAG;IACjB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CACpE,CAAC,EACD,WAAW,CACZ,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,GAAG,4EA8Bf,CAAC"}