@equinor/stratus-ui 1.1.0 → 1.3.1

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

@@ -0,0 +1,211 @@
+import { type CSSProperties, type HTMLAttributes, type ReactNode, type SyntheticEvent } from "react";
+import { type CSSProps } from "../../utils/cssProps";
+import type { CSSVars } from "../../utils/cssVars";
+import "./Modal.css";
+type ModalVars = "--stratus-modal-bg" | "--stratus-modal-color" | "--stratus-modal-z" | "--stratus-focus-ring";
+type ModalStyle = CSSVars<ModalVars>;
+export type ModalProps = Omit<HTMLAttributes<HTMLDivElement>, "title" | "color" | "content" | "style"> & {
+    /** Extra CSS class name. */
+    className?: string;
+    /** Inline style overrides. */
+    style?: ModalStyle;
+    /**
+     * Whether the modal is open.
+     */
+    open: boolean;
+    /**
+     * Show a close button in the header.
+     * @default true
+     */
+    showClose?: boolean;
+    /**
+     * Custom close icon. Defaults to an "×" SVG.
+     * @default undefined
+     */
+    closeIcon?: ReactNode;
+    /**
+     * Modal title shown in the header.
+     * @default undefined
+     */
+    title?: ReactNode;
+    /**
+     * Custom footer content. When provided, replaces the default Ok/Cancel buttons.
+     * @default undefined
+     */
+    footer?: ReactNode;
+    /**
+     * Ok button label.
+     * @default "Ok"
+     */
+    okText?: string;
+    /**
+     * Cancel button label.
+     * @default "Cancel"
+     */
+    cancelText?: string;
+    /**
+     * Expand modal to fill the entire viewport.
+     * @default false
+     */
+    fullScreen?: boolean;
+    /**
+     * Keep DOM mounted when closed.
+     * @default false
+     */
+    keepMounted?: boolean;
+    /**
+     * Disable portal rendering (render inline).
+     * @default false
+     */
+    disablePortal?: boolean;
+    /**
+     * z-index override.
+     * @default undefined (CSS default 1300)
+     */
+    zIndex?: string | number;
+    /**
+     * Callback when the modal requests to close (close button, backdrop click, Escape).
+     */
+    onClose?: (event: SyntheticEvent | Event) => void;
+    /**
+     * Callback when the Ok button is clicked.
+     */
+    onOk?: (event: SyntheticEvent) => void;
+    /**
+     * Callback when the Cancel button is clicked.
+     */
+    onCancel?: (event: SyntheticEvent) => void;
+    /**
+     * Props forwarded to the backdrop overlay.
+     * @default undefined
+     */
+    backdropProps?: {
+        /**
+         * Allow closing the modal via backdrop click and Escape key.
+         * @default false
+         */
+        closable?: boolean;
+        /**
+         * Make the backdrop invisible (no dark overlay).
+         * @default false
+         */
+        invisible?: boolean;
+        /**
+         * Custom click handler on the backdrop element.
+         */
+        onClick?: (event: React.MouseEvent) => void;
+    };
+    /**
+     * Modal body content.
+     */
+    children?: ReactNode;
+} & CSSProps;
+/**
+ * Renders a centered dialog on a backdrop overlay, with optional
+ * title, close button, and Ok/Cancel footer.
+ *
+ * @example
+ * ```tsx
+ * <Modal open={open} onClose={handleClose} title="Confirm">
+ *   <p>Are you sure?</p>
+ * </Modal>
+ * ```
+ */
+export declare const Modal: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "style" | "title" | "color" | "content"> & {
+    /** Extra CSS class name. */
+    className?: string;
+    /** Inline style overrides. */
+    style?: ModalStyle;
+    /**
+     * Whether the modal is open.
+     */
+    open: boolean;
+    /**
+     * Show a close button in the header.
+     * @default true
+     */
+    showClose?: boolean;
+    /**
+     * Custom close icon. Defaults to an "×" SVG.
+     * @default undefined
+     */
+    closeIcon?: ReactNode;
+    /**
+     * Modal title shown in the header.
+     * @default undefined
+     */
+    title?: ReactNode;
+    /**
+     * Custom footer content. When provided, replaces the default Ok/Cancel buttons.
+     * @default undefined
+     */
+    footer?: ReactNode;
+    /**
+     * Ok button label.
+     * @default "Ok"
+     */
+    okText?: string;
+    /**
+     * Cancel button label.
+     * @default "Cancel"
+     */
+    cancelText?: string;
+    /**
+     * Expand modal to fill the entire viewport.
+     * @default false
+     */
+    fullScreen?: boolean;
+    /**
+     * Keep DOM mounted when closed.
+     * @default false
+     */
+    keepMounted?: boolean;
+    /**
+     * Disable portal rendering (render inline).
+     * @default false
+     */
+    disablePortal?: boolean;
+    /**
+     * z-index override.
+     * @default undefined (CSS default 1300)
+     */
+    zIndex?: string | number;
+    /**
+     * Callback when the modal requests to close (close button, backdrop click, Escape).
+     */
+    onClose?: (event: SyntheticEvent | Event) => void;
+    /**
+     * Callback when the Ok button is clicked.
+     */
+    onOk?: (event: SyntheticEvent) => void;
+    /**
+     * Callback when the Cancel button is clicked.
+     */
+    onCancel?: (event: SyntheticEvent) => void;
+    /**
+     * Props forwarded to the backdrop overlay.
+     * @default undefined
+     */
+    backdropProps?: {
+        /**
+         * Allow closing the modal via backdrop click and Escape key.
+         * @default false
+         */
+        closable?: boolean;
+        /**
+         * Make the backdrop invisible (no dark overlay).
+         * @default false
+         */
+        invisible?: boolean;
+        /**
+         * Custom click handler on the backdrop element.
+         */
+        onClick?: (event: React.MouseEvent) => void;
+    };
+    /**
+     * Modal body content.
+     */
+    children?: ReactNode;
+} & Partial<CSSProperties> & import("../../utils/cssProps").CSSShorthandProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Modal.d.ts.map

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

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

package/dist/types/components/Modal/ModalFooter.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode, type SyntheticEvent } from "react";
+interface ModalFooterProps {
+    footer?: ReactNode;
+    okText: string;
+    cancelText: string;
+    onOk?: (event: SyntheticEvent) => void;
+    onCancel?: (event: SyntheticEvent) => void;
+}
+/**
+ * File-internal sub-component for `Modal`. Not part of the public API.
+ *
+ * Renders a custom `footer` if provided, otherwise the default Ok/Cancel buttons.
+ */
+export declare function ModalFooter({ footer, okText, cancelText, onOk, onCancel, }: ModalFooterProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ModalFooter.d.ts.map

package/dist/types/components/Modal/ModalFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5D,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5C;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,MAAM,EACN,UAAU,EACV,IAAI,EACJ,QAAQ,GACT,EAAE,gBAAgB,+BAyBlB"}

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

@@ -0,0 +1,192 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import { type CSSProps } from "../../utils/cssProps";
+import type { CSSVars } from "../../utils/cssVars";
+import "./Notification.css";
+type NotificationVars = "--stratus-notification-info-bg" | "--stratus-notification-info-color" | "--stratus-notification-success-bg" | "--stratus-notification-success-color" | "--stratus-notification-warning-bg" | "--stratus-notification-warning-color" | "--stratus-notification-error-bg" | "--stratus-notification-error-color";
+type NotificationStyle = CSSVars<NotificationVars>;
+export type NotificationPlacement = "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end";
+export type NotificationSeverity = "info" | "success" | "warning" | "error";
+export type NotificationProps = Omit<HTMLAttributes<HTMLDivElement>, "title" | "style"> & {
+    /** Extra CSS class name. */
+    className?: string;
+    /** Inline style overrides. */
+    style?: NotificationStyle;
+    /**
+     * Whether the notification is visible.
+     */
+    open: boolean;
+    /**
+     * The notification message.
+     */
+    message?: ReactNode;
+    /**
+     * Action buttons shown beside the message.
+     */
+    actions?: ReactNode;
+    /**
+     * Automatically hide after `autoHideDuration` ms.
+     * @default true
+     */
+    autoHide?: boolean;
+    /**
+     * Duration in ms before auto-hiding.
+     * @default 6000
+     */
+    autoHideDuration?: number;
+    /**
+     * Show a progress bar countdown.
+     * @default true
+     */
+    showAutoHideLoader?: boolean;
+    /**
+     * Close when clicking outside.
+     * @default false
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Position on screen.
+     * @default "bottom-start"
+     */
+    placement?: NotificationPlacement;
+    /**
+     * Disable portal rendering (render inline).
+     * @default false
+     */
+    disablePortal?: boolean;
+    /**
+     * Callback when the notification requests to close.
+     */
+    onClose?: () => void;
+    /**
+     * Severity level — determines the color and icon.
+     * @default undefined
+     */
+    severity?: NotificationSeverity;
+    /**
+     * Render custom content instead of default message layout.
+     */
+    children?: ReactNode;
+} & CSSProps;
+export interface NotificationApiConfig extends Omit<NotificationProps, "open" | "autoHide" | "disablePortal" | "closeOnClickOutside" | "onClose" | "message" | "actions" | "children"> {
+    /** Message rendered by the DOM-based imperative notification API. */
+    message?: string | number;
+    /**
+     * Unique key. Notifications with the same key are replaced.
+     */
+    key?: string;
+    /**
+     * Max width of the notification card.
+     */
+    maxWidth?: string | number;
+    /**
+     * Z-index of the notification container.
+     */
+    zIndex?: string | number;
+    /**
+     * Theme prop (kept for API compatibility with opt-ui-core, but not used).
+     */
+    theme?: unknown;
+}
+/**
+ * Controlled notification component (JSX).
+ *
+ * For the imperative API (`Notification.success(…)`), see the static methods
+ * attached to this component below.
+ */
+declare const NotificationBase: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "style" | "title"> & {
+    /** Extra CSS class name. */
+    className?: string;
+    /** Inline style overrides. */
+    style?: NotificationStyle;
+    /**
+     * Whether the notification is visible.
+     */
+    open: boolean;
+    /**
+     * The notification message.
+     */
+    message?: ReactNode;
+    /**
+     * Action buttons shown beside the message.
+     */
+    actions?: ReactNode;
+    /**
+     * Automatically hide after `autoHideDuration` ms.
+     * @default true
+     */
+    autoHide?: boolean;
+    /**
+     * Duration in ms before auto-hiding.
+     * @default 6000
+     */
+    autoHideDuration?: number;
+    /**
+     * Show a progress bar countdown.
+     * @default true
+     */
+    showAutoHideLoader?: boolean;
+    /**
+     * Close when clicking outside.
+     * @default false
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Position on screen.
+     * @default "bottom-start"
+     */
+    placement?: NotificationPlacement;
+    /**
+     * Disable portal rendering (render inline).
+     * @default false
+     */
+    disablePortal?: boolean;
+    /**
+     * Callback when the notification requests to close.
+     */
+    onClose?: () => void;
+    /**
+     * Severity level — determines the color and icon.
+     * @default undefined
+     */
+    severity?: NotificationSeverity;
+    /**
+     * Render custom content instead of default message layout.
+     */
+    children?: ReactNode;
+} & Partial<import("react").CSSProperties> & import("../../utils/cssProps").CSSShorthandProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * @example
+ * ```tsx
+ * <Notification open={open} message="Saved" onClose={handleClose} />
+ * ```
+ *
+ * @example
+ * ```ts
+ * Notification.success({ message: "Saved!", placement: "bottom-end" });
+ * Notification.error({ message: "Failed!", placement: "bottom-end" });
+ * ```
+ */
+export declare const Notification: typeof NotificationBase & {
+    /**
+     * Show a custom notification.
+     */
+    show: (config: NotificationApiConfig) => void;
+    /**
+     * Show an info notification.
+     */
+    info: (config: NotificationApiConfig) => void;
+    /**
+     * Show a success notification.
+     */
+    success: (config: NotificationApiConfig) => void;
+    /**
+     * Show a warning notification.
+     */
+    warning: (config: NotificationApiConfig) => void;
+    /**
+     * Show an error notification.
+     */
+    error: (config: NotificationApiConfig) => void;
+};
+export {};
+//# sourceMappingURL=Notification.d.ts.map

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

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

package/dist/types/components/Notification/NotificationContent.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from "react";
+import type { NotificationSeverity } from "./Notification";
+interface NotificationContentProps {
+    severity?: NotificationSeverity;
+    message?: ReactNode;
+    actions?: ReactNode;
+    onClose?: () => void;
+}
+/**
+ * File-internal sub-component for `Notification`. Not part of the public API.
+ *
+ * Renders the default notification body: severity icon, message, optional
+ * actions, and a close button.
+ */
+export declare function NotificationContent({ severity, message, actions, onClose, }: NotificationContentProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=NotificationContent.d.ts.map

package/dist/types/components/Notification/NotificationContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/NotificationContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAS3D,UAAU,wBAAwB;IAChC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,GACR,EAAE,wBAAwB,+BAwB1B"}

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

@@ -0,0 +1,36 @@
+import { type ElementType } from "react";
+import { type CSSProps } from "../../utils/cssProps";
+import type { CSSVars } from "../../utils/cssVars";
+import { type PolymorphicProps } from "../../utils/polymorphic";
+import "./Paper.css";
+type PaperVars = "--stratus-surface" | "--stratus-text-primary";
+type PaperStyle = CSSVars<PaperVars>;
+export type PaperOwnProps = {
+    /** Extra CSS class name. */
+    className?: string;
+    /** Inline style overrides. */
+    style?: PaperStyle;
+    /**
+     * Shadow depth. Maps to predefined box-shadow classes (0 – 24).
+     * For values without a dedicated CSS class an inline box-shadow is computed.
+     * @default 2
+     */
+    elevation?: number;
+    /**
+     * If `true`, rounded corners are removed.
+     * @default false
+     */
+    square?: boolean;
+} & CSSProps;
+export type PaperProps<C extends ElementType = "div"> = PolymorphicProps<C, PaperOwnProps>;
+/**
+ * @example
+ * ```tsx
+ * <Paper elevation={3}>
+ *   <p>Elevated content</p>
+ * </Paper>
+ * ```
+ */
+export declare const Paper: import("../../utils/polymorphic").PolymorphicComponent<PaperOwnProps, "div">;
+export {};
+//# sourceMappingURL=Paper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.d.ts","sourceRoot":"","sources":["../../../../src/components/Paper/Paper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAmB,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,aAAa,CAAC;AAMrB,KAAK,SAAS,GAAG,mBAAmB,GAAG,wBAAwB,CAAC;AAEhE,KAAK,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;AAMrC,MAAM,MAAM,aAAa,GAAG;IAC1B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CACtE,CAAC,EACD,aAAa,CACd,CAAC;AAwCF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,8EA8CjB,CAAC"}

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

@@ -0,0 +1,103 @@
+import { type CSSProperties, type ReactNode, type RefObject } from "react";
+import { type TooltipHTMLElement, type TooltipPlacement, type TooltipTrigger } from "../Tooltip/Tooltip";
+import "./Popover.css";
+export interface PopoverProps {
+    /** The anchor element(s) that trigger the popover. */
+    children?: ReactNode;
+    /** Extra class on the popover popup. */
+    className?: string;
+    /**
+     * The main popover body content.
+     */
+    content: ReactNode;
+    /**
+     * Popover title shown in the header.
+     * @default undefined
+     */
+    title?: ReactNode;
+    /**
+     * Show a close button in the header.
+     * @default false
+     */
+    showClose?: boolean;
+    /**
+     * Custom close icon. Falls back to an "×" SVG.
+     * @default undefined
+     */
+    closeIcon?: ReactNode;
+    /**
+     * Footer content rendered below the body.
+     * @default undefined
+     */
+    footer?: ReactNode;
+    /**
+     * Popover placement relative to anchor.
+     * @default "bottom"
+     */
+    placement?: TooltipPlacement;
+    /**
+     * How the popover is triggered.
+     * @default "click"
+     */
+    trigger?: TooltipTrigger | TooltipTrigger[];
+    /**
+     * Controlled open state. `undefined` = uncontrolled.
+     * @default undefined
+     */
+    open?: boolean;
+    /**
+     * Show an arrow pointing to the anchor.
+     * @default true
+     */
+    arrow?: boolean;
+    /**
+     * Close popover on outside click.
+     * @default true
+     */
+    closeOnClickOutside?: boolean;
+    /** Imperative ref for open/close. */
+    tooltipRef?: RefObject<TooltipHTMLElement | null>;
+    /**
+     * z-index of the popover.
+     * @default 9999
+     */
+    zIndex?: number | string;
+    /**
+     * Max width of the popover.
+     * @default "300px"
+     */
+    maxWidth?: string | string[];
+    /** Inline style applied to the tooltip content wrapper. */
+    style?: CSSProperties;
+    /**
+     * Keep mounted in DOM when closed.
+     * @default false
+     */
+    keepMounted?: boolean;
+    /**
+     * Disable portal rendering.
+     * @default false
+     */
+    disablePortal?: boolean;
+    onOpen?: (event: MouseEvent | TouchEvent | React.SyntheticEvent) => void;
+    onClose?: (event: MouseEvent | TouchEvent | React.SyntheticEvent) => void;
+}
+/**
+ * Builds on top of `Tooltip` but adds a header (title + close button),
+ * structured body, and optional footer — like a small dialog attached
+ * to an anchor element.
+ *
+ * @example
+ * ```tsx
+ * <Popover
+ *   content={<p>Some details</p>}
+ *   title="Info"
+ *   showClose
+ *   placement="bottom-start"
+ * >
+ *   <Button variant="ghost">Open popover</Button>
+ * </Popover>
+ * ```
+ */
+export declare const Popover: import("react").ForwardRefExoticComponent<PopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAIf,OAAO,EAEH,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,eAAe,CAAC;AAMvB,MAAM,WAAW,YAAY;IAC3B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,GAAG,cAAc,EAAE,CAAC;IAC5C;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qCAAqC;IACrC,UAAU,CAAC,EAAE,SAAS,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC7B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IACzE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;CAC3E;AAcD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO,yGA8FnB,CAAC"}

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

@@ -0,0 +1,54 @@
+import "./Radio.css";
+import { type ChangeEvent, type HTMLAttributes, type InputHTMLAttributes, type ReactElement, type ReactNode, type RefObject } from "react";
+import { type CSSProps } from "../../utils/cssProps";
+import type { CSSVars } from "../../utils/cssVars";
+type RadioVars = "--stratus-primary" | "--stratus-primary-hover-alt" | "--stratus-secondary" | "--stratus-secondary-highlight" | "--stratus-disabled-text" | "--stratus-text-main";
+export type RadioStyle = CSSVars<RadioVars>;
+export type RadioProps = Omit<HTMLAttributes<HTMLLabelElement>, "onChange" | "style"> & {
+    className?: string;
+    style?: RadioStyle;
+    inputRef?: RefObject<HTMLInputElement | null>;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    defaultChecked?: boolean;
+    checked?: boolean;
+    value: number | string;
+    name?: string;
+    label?: ReactNode;
+    labelPlacement?: "left" | "right";
+    color?: "primary" | "secondary";
+    uncheckedIcon?: ReactElement;
+    checkedIcon?: ReactElement;
+    iconSize?: number;
+    compact?: boolean;
+    disabled?: boolean;
+    disableRipple?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+} & CSSProps;
+/**
+ * @example
+ * ```tsx
+ * <Radio value="a" label="Option A" name="group" />
+ * ```
+ */
+export declare const Radio: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLabelElement>, "style" | "onChange"> & {
+    className?: string;
+    style?: RadioStyle;
+    inputRef?: RefObject<HTMLInputElement | null>;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    defaultChecked?: boolean;
+    checked?: boolean;
+    value: number | string;
+    name?: string;
+    label?: ReactNode;
+    labelPlacement?: "left" | "right";
+    color?: "primary" | "secondary";
+    uncheckedIcon?: ReactElement;
+    checkedIcon?: ReactElement;
+    iconSize?: number;
+    compact?: boolean;
+    disabled?: boolean;
+    disableRipple?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+} & Partial<import("react").CSSProperties> & import("../../utils/cssProps").CSSShorthandProps & import("react").RefAttributes<HTMLLabelElement>>;
+export { RadioGroup, type RadioGroupProps } from "./RadioGroup";
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAmB,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAKnD,KAAK,SAAS,GACV,mBAAmB,GACnB,6BAA6B,GAC7B,qBAAqB,GACrB,+BAA+B,GAC/B,yBAAyB,GACzB,qBAAqB,CAAC;AAE1B,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;AAc5C,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,CAAC,gBAAgB,CAAC,EAChC,UAAU,GAAG,OAAO,CACrB,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,GAAG,QAAQ,CAAC;AAIb;;;;;GAKG;AACH,eAAO,MAAM,KAAK;gBA5BJ,MAAM;YACV,UAAU;eACP,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC;iBAChC,mBAAmB,CAAC,gBAAgB,CAAC;qBACjC,OAAO;cACd,OAAO;WACV,MAAM,GAAG,MAAM;WACf,MAAM;YACL,SAAS;qBACA,MAAM,GAAG,OAAO;YACzB,SAAS,GAAG,WAAW;oBACf,YAAY;kBACd,YAAY;eACf,MAAM;cACP,OAAO;eACN,OAAO;oBACF,OAAO;eACZ,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI;gJA8F1D,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}