@tap-payments/os-micro-frontend-shared 0.3.273 → 0.3.274-test.1794161513

package/build/components/Window/WindowFooterActions.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { WindowFooterActionsProps } from './type';
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<WindowFooterActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+export default _default;

package/build/components/Window/WindowProvider.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { WindowProviderProps } from './type';
+export declare function WindowProvider({ children, isOpen, onClose, defaultSize: defaultSizeProp, minSize: minSizeProp, maxSize: maxSizeProp, defaultPosition, containerRef, isMaximized: isMaximizedProp, }: WindowProviderProps): import("react").JSX.Element;

package/build/components/Window/constants.d.ts

@@ -0,0 +1,41 @@
+export declare const windowClassNamePrefix: "os-shared-Window";
+export declare const windowClassNames: {
+    /** Outermost Dialog node (drag, portal, stacking). */
+    readonly dialog: "os-shared-Window-dialog";
+    /** MUI paper = the visual card. Also used as the drag-guard selector. */
+    readonly paper: "os-shared-Window-paper";
+    /** re-resizable wrapper. */
+    readonly resizable: "os-shared-Window-resizable";
+    /** Inner `WindowContent` box. */
+    readonly content: "os-shared-Window-content";
+    /** WindowFooter bar. */
+    readonly footer: "os-shared-Window-footer";
+};
+/** Default dialog width (px) when the caller provides none. */
+export declare const windowDefaultWidth: 555;
+/** Default dialog height (px) when the caller provides none. */
+export declare const windowDefaultHeight: 545;
+/** Default dialog min-width (px) when the caller provides no `minSize`. */
+export declare const windowDefaultMinWidth: 372;
+/** Default dialog min-height (px) when the caller provides no `minSize.height`. */
+export declare const windowDefaultMinHeight: 345;
+/** Drag-handle id shared by the dialog and title bars (`Draggable handle` + `aria-labelledby`). */
+export declare const windowDragHandleId: "draggable-dialog-title";
+/**
+ * Drag-handle class shared by the dialog's chrome bars (`Draggable handle`).
+ * Applied to `WindowToolbar` and `WindowServices` so both drag the window.
+ * The dialog matches `#windowDragHandleId, .windowDragHandleClass` — the id
+ * stays for `aria-labelledby` and backwards compatibility.
+ */
+export declare const windowDragHandleClass: "os-shared-Window-dragHandle";
+/** Default window motion duration in seconds. Owned by `Window`; shell/pane animations fall back to it. */
+export declare const WINDOW_ANIMATION_DURATION = 0.5;
+/** Default window paper elevation; override via `Window` / `WindowShell` `sx`. */
+export declare const WINDOW_DIALOG_BOX_SHADOW: "0px 0px 20px 0px rgba(0, 0, 0, 0.15)";
+/**
+ * Shared chrome background for `WindowToolbar`, `WindowServices`, and `WindowFooter`.
+ * Single source of truth so the title bar always matches the services bar.
+ */
+export declare const WINDOW_BACKGROUND_COLOR: "rgba(249, 249, 249, 0.8)";
+/** Backdrop blur paired with `WINDOW_BACKGROUND_COLOR`. */
+export declare const WINDOW_BACKDROP_FILTER: "blur(12px)";

package/build/components/Window/context.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { WindowContextValue } from './type';
+/**
+ * Single unified window context. `WindowProvider` is the only provider;
+ * everything (lifecycle, geometry, maximized state, sidebar/panel, infra)
+ * is read from here via `useWindow()` / `useContext(WindowContext)`.
+ */
+export declare const WindowContext: import("react").Context<WindowContextValue>;
+/** Reads the single unified window context. Must be used under `<Window>`. */
+export declare function useWindow(): WindowContextValue;

package/build/components/Window/index.d.ts

@@ -0,0 +1,9 @@
+export { default } from './Window';
+export { default as WindowContent } from './WindowContent';
+export { default as WindowFooter } from './WindowFooter';
+export { default as WindowFooterActions } from './WindowFooterActions';
+export { WindowProvider } from './WindowProvider';
+export { WindowContext, useWindow } from './context';
+export { windowClassNames, windowDragHandleClass, windowDragHandleId } from './constants';
+export type { WindowContentProps, WindowFooterActionsProps, WindowFooterProps, WindowClassNames, WindowContextValue, WindowPosition, WindowDimensions, WindowDimensionScope, WindowDimensionValue, WindowSectionState, WindowProviderProps, WindowProps, WindowResizeHandler, WindowSize, WindowSizeInput, } from './type';
+export { resolveWindowBounds, resolveWindowDimension } from './utils';

package/build/components/Window/index.js

@@ -0,0 +1 @@
+export{g as WindowContent,a as WindowContext,h as WindowFooter,i as WindowFooterActions,e as WindowProvider,f as default,d as resolveWindowBounds,c as resolveWindowDimension,b as useWindow}from'../../_chunks/chunk-37SWWF3G.js';export{a as windowClassNames,g as windowDragHandleClass,f as windowDragHandleId}from'../../_chunks/chunk-ISC5KT5E.js';import'../../_chunks/chunk-HZCNE5Q2.js';import'../../_chunks/chunk-Z2DUFVI5.js';import'../../_chunks/chunk-3M2GZVQW.js';import'../../_chunks/chunk-LS57WE6K.js';

package/build/components/Window/style.d.ts

@@ -0,0 +1,36 @@
+import type { CSSProperties } from 'react';
+export declare const WindowDialogStyled: import("@emotion/styled").StyledComponent<import("@mui/material").DialogProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    $zIndex: number;
+    $isMinimized?: boolean | undefined;
+    $isBodyContainer?: boolean | undefined;
+    $isMaximized?: boolean | undefined;
+    $isSafari?: boolean | undefined;
+    $windowWidth: number | string;
+    $defaultHeight: number;
+}, {}, {}>;
+export declare function getWindowPaperStyle({ isMaximized, isResized, currentWindowWidth, maxWidth, maxHeight, minWidth, minHeight, }: {
+    isMaximized: boolean;
+    isResized: boolean;
+    currentWindowWidth: number | string;
+    maxWidth?: number | string;
+    maxHeight?: number | string;
+    minWidth?: number | string;
+    minHeight?: number | string;
+}): CSSProperties;
+export declare function getWindowResizableStyle({ sizeHeight, isMaximized }: {
+    sizeHeight: number | string;
+    isMaximized: boolean;
+}): CSSProperties;
+export declare const WindowDialogContentStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const WindowContentStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const WindowFooterStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+/** Action cluster hung off the top edge of `WindowFooter`. Compose it inside the footer when there are actions. */
+export declare const WindowFooterActionsStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/build/components/Window/type.d.ts

@@ -0,0 +1,233 @@
+import type { Dispatch, MutableRefObject, ReactNode, RefObject, SetStateAction } from 'react';
+import type { BoxProps } from '@mui/material/Box';
+import type { SxProps, Theme } from '@mui/material/styles';
+import type { Resizable } from 're-resizable';
+import type { windowClassNames } from './constants';
+export type WindowClassNames = (typeof windowClassNames)[keyof typeof windowClassNames];
+export interface WindowSize {
+    /** Width in px (resolved). */
+    width: number;
+    /** Height in px (resolved). */
+    height: number;
+}
+/**
+ * Flexible dimension input accepted by `defaultSize`/`minSize`/`maxSize`.
+ * `number` (and unitless numeric strings) are px for backwards compatibility.
+ * Strings may be `px`, `%` (of the positioning container), `vw`/`vh`
+ * (of the viewport), or a `calc(...)` expression combining them
+ * (e.g. `"calc(100% - 40px)"`, `"80%"`, `"80vw"`).
+ */
+export type WindowDimensionValue = number | string;
+/** Size input accepting flexible dimension values. Resolved to px (`WindowSize`) internally. */
+export type WindowSizeInput = Partial<Record<keyof WindowSize, WindowDimensionValue>>;
+/** Pixel basis used to resolve `%` / `vw` / `vh` / `calc(...)` dimension values. */
+export interface WindowDimensionScope {
+    /** Positioning-container width (`%` basis for width). Falls back to viewport width. */
+    containerWidth: number;
+    /** Positioning-container height (`%` basis for height). Falls back to viewport height. */
+    containerHeight: number;
+    /** Browser viewport width (`vw` basis). */
+    viewportWidth: number;
+    /** Browser viewport height (`vh` basis). */
+    viewportHeight: number;
+}
+/**
+ * @internal — dialog internals. Do not import from barrels. Use `WindowProps` instead.
+ * Rendered by `Window` only; kept in this file so `WindowDialog` can share the shape
+ * without exposing a second public props type.
+ */
+export interface WindowDialogProps {
+    /** Window content, composed as `<WindowToolbar />` + `<WindowContent />`. */
+    children: ReactNode;
+    /** Stacking order among sibling windows. Dialog z-index is `order + WINDOW_Z_INDEX_BASE` (+1 when maximized). */
+    order?: number;
+    /** Hides the dialog (keeps it mounted). */
+    isMinimized?: boolean;
+    /** Caller-supplied id — no auto-generated id inside the component. */
+    id?: string;
+    /** Extra class name merged onto the dialog paper. */
+    className?: string;
+    /** MUI sx style overrides for the dialog paper. Style content via `WindowContent`. */
+    sx?: SxProps<Theme>;
+    /** Fired on manual resize only (not panel/sidebar animator or maximize). Raw calls — debounce at the call site. */
+    onResize?: WindowResizeHandler;
+    /**
+     * Render the dialog inline instead of portaling it into the scoped portal
+     * container. Defaults to false (portaled).
+     */
+    disablePortal?: boolean;
+    /** Overrides `data-testid` (defaults to `id ?? 'Window'`). */
+    'data-testid'?: string;
+    /** Overrides `data-id` (defaults to `id`). Set on the paper and the inner content node. */
+    'data-id'?: string;
+    /**
+     * Fired when a drag gesture starts on the window chrome (toolbar / services
+     * bar). Use it to focus the window (e.g. raise `order` / z-index) *before*
+     * the window moves, so the dragged window paints on top throughout the drag.
+     * Notification only — it never cancels the drag and never touches position.
+     */
+    onDragStart?: () => void;
+    /** Fired on `mousedown` on the dialog paper (e.g. focus before drag). */
+    onMouseDown?: () => void;
+    /** Fired on `click` on the dialog paper (e.g. raise stacking order). */
+    onClick?: () => void;
+}
+export interface WindowContentProps {
+    /** Window content. */
+    children: ReactNode;
+    /** Caller-supplied id — no auto-generated id inside the component. */
+    id?: string;
+    /** Extra class name merged onto the content root. */
+    className?: string;
+    /** MUI sx style overrides */
+    sx?: SxProps<Theme>;
+    /** Overrides `data-testid` (defaults to `id ?? 'WindowContent'`). */
+    'data-testid'?: string;
+    /** Sets `data-id` (defaults to `id`). */
+    'data-id'?: string;
+}
+export interface WindowFooterProps {
+    /** Optional footer content. Action buttons belong in `WindowFooterActions`, not directly on the bar. */
+    children?: ReactNode;
+    /** Caller-supplied id — no auto-generated id inside the component. */
+    id?: string;
+    /** Extra class name merged onto the footer. */
+    className?: string;
+    /** MUI sx style overrides */
+    sx?: SxProps<Theme>;
+    /** Overrides `data-testid` (defaults to `id ?? 'WindowFooter'`). */
+    'data-testid'?: string;
+    /** Sets `data-id` (defaults to `id`). */
+    'data-id'?: string;
+}
+/** Props for the footer action cluster. Renders nothing when there is no content. */
+export interface WindowFooterActionsProps extends Omit<BoxProps, 'children'> {
+    /** Action cluster content (buttons, alerts). Empty content renders nothing. */
+    children?: ReactNode;
+}
+export interface WindowProviderProps {
+    /** Window content. */
+    children: ReactNode;
+    /** Whether the window is open. */
+    isOpen: boolean;
+    /** Fired when the window requests close. */
+    onClose: () => void;
+    /** Default dialog size. Numbers are px; strings accept `px`, `%`, `vw`/`vh`, or `calc(...)`. Falls back to the viewer default. */
+    defaultSize?: WindowSizeInput;
+    /** Minimum size bounds. Same value format as `defaultSize`. */
+    minSize?: WindowSizeInput;
+    /** Maximum size bounds. Same value format as `defaultSize`. */
+    maxSize?: WindowSizeInput;
+    /** Initial position relative to the positioning container, in px. */
+    defaultPosition?: Partial<WindowPosition>;
+    /** Parent the window positions against. Defaults to viewport positioning. */
+    containerRef?: RefObject<HTMLElement | null>;
+    /** Controlled maximized flag. When provided, syncs into internal maximized state. Omitted keeps uncontrolled internal state. Note: normal, minimized, and maximized are three distinct states — this flag cannot be derived from `isMinimized` nor vice versa. */
+    isMaximized?: boolean;
+    /** Fired on manual dialog resize with the resolved px size and the live element. Raw calls — debounce at the call site. */
+    onResize?: WindowResizeHandler;
+}
+export interface WindowPosition {
+    x: number;
+    y: number;
+}
+export interface WindowDimensions {
+    width: number;
+    height: number;
+}
+/** Fired on manual dialog resize with the resolved px size and the live element. Raw calls — debounce at the call site. */
+export type WindowResizeHandler = (size: WindowSize, element: HTMLElement) => void;
+export interface WindowSectionState {
+    /** Whether the section is expanded. */
+    isExpanded: boolean;
+    /** Sets whether the section is expanded. */
+    setExpanded: (expanded: boolean) => void;
+    /** Toggles whether the section is expanded. */
+    toggle: () => void;
+}
+/**
+ * Single unified window context value: lifecycle + geometry + maximized state
+ * + layout sections + infrastructure. Provided by `WindowProvider`.
+ */
+export interface WindowContextValue {
+    /** Whether the window is open. */
+    isOpen: boolean;
+    /** Fired when the window requests close. */
+    onClose: () => void;
+    /** Offset of the window's top-left from the positioning parent's top-left, in px. */
+    position: WindowPosition;
+    /** Updates the draggable position. */
+    setPosition: Dispatch<SetStateAction<WindowPosition>>;
+    /** Current dialog size in px. Initialized from `size.default`, then synced on every resize. */
+    size: WindowSize;
+    /** Resizes the dialog through the Resizable instance and syncs `size`. */
+    setSize: Dispatch<SetStateAction<WindowSize>>;
+    /** Default dialog size in px, resolved from `size.default` (falls back to the viewer default). */
+    defaultSize: WindowSize;
+    /** Minimum size bounds, from `size.min`. */
+    minSize?: Partial<WindowSize>;
+    /** Maximum size bounds, from `size.max`. */
+    maxSize?: Partial<WindowSize>;
+    /** Full parent/viewport size used for positioning. */
+    container: WindowDimensions;
+    /** Browser viewport size from `window.innerWidth/innerHeight`, used for resize max bounds. */
+    viewport: WindowDimensions;
+    /** Whether the window is maximized. */
+    isMaximized: boolean;
+    /** Maximized state setter. */
+    setIsMaximized: Dispatch<SetStateAction<boolean>>;
+    /** Whether the window was resized. */
+    isResized: boolean;
+    /** Resized state setter. */
+    setIsResized: Dispatch<SetStateAction<boolean>>;
+    /** Whether a manual resize drag is currently in progress. */
+    isResizing: boolean;
+    /** Resizing state setter. */
+    setIsResizing: Dispatch<SetStateAction<boolean>>;
+    /** Sidebar section state. */
+    sidebar: WindowSectionState;
+    /** Details-panel section state. */
+    panel: WindowSectionState;
+    /** Parent the window positions against. */
+    containerRef: RefObject<HTMLElement | null>;
+    /** Resizable instance handle. */
+    resizableRef: MutableRefObject<Resizable | null | undefined>;
+    /** Resolved stacking base (`WINDOW_Z_INDEX_BASE`). The dialog z-index is `order + zIndex` (+1 when maximized). */
+    zIndex: number;
+}
+export type WindowProps = WindowProviderProps & {
+    /** Stacking order among sibling windows. Dialog z-index is `order + WINDOW_Z_INDEX_BASE` (+1 when maximized). */
+    order?: number;
+    /** Hides the dialog (keeps it mounted). */
+    isMinimized?: boolean;
+    /** Caller-supplied id, forwarded to the dialog paper. */
+    id?: string;
+    /** Extra class name merged onto the dialog paper. Style content via `WindowBody`. */
+    className?: string;
+    /**
+     * Render the dialog inline instead of portaling it into the scoped portal
+     * container. Defaults to false (portaled).
+     */
+    disablePortal?: boolean;
+    /**
+     * MUI sx overrides for the dialog paper (elevation, overflow, etc.). Defaults
+     * include `overflow: 'hidden'` and `boxShadow: WINDOW_DIALOG_BOX_SHADOW`;
+     * caller `sx` wins on conflict. Style inner content via `WindowContent`.
+     */
+    sx?: SxProps<Theme>;
+    /** Overrides dialog `data-testid` (defaults to `id ?? 'Window'`). */
+    'data-testid'?: string;
+    /** Overrides dialog `data-id` (defaults to `id`). Set on the paper and the inner content node. */
+    'data-id'?: string;
+    /**
+     * Fired when a drag gesture starts on the window chrome (toolbar / services
+     * bar). Use it to focus the window (e.g. raise `order` / z-index) *before*
+     * the window moves, so the dragged window paints on top throughout the drag.
+     * Notification only — it never cancels the drag and never touches position.
+     */
+    onDragStart?: () => void;
+    /** @see WindowDialogProps.onMouseDown */
+    onMouseDown?: () => void;
+    /** @see WindowDialogProps.onClick */
+    onClick?: () => void;
+};

package/build/components/Window/utils.d.ts

@@ -0,0 +1,41 @@
+import type { ResizeDirection } from 're-resizable';
+import type { WindowDimensionScope, WindowDimensionValue, WindowProviderProps, WindowSize, WindowSizeInput } from './type';
+/**
+ * Adjusts draggable position for top/left resizes.
+ * re-resizable changes size only; returns `null` when no position offset is needed.
+ *
+ * Growing the left or top edge moves that edge backward, so x and y decrease.
+ */
+export declare function getResizeAdjustedPosition(startPosition: {
+    x: number;
+    y: number;
+}, direction: ResizeDirection, delta: {
+    width: number;
+    height: number;
+}): {
+    x: number;
+    y: number;
+} | null;
+/**
+ * Resolves a flexible dimension (`number` = px, `"500px"`, `"80%"`, `"80vw"`/`"80vh"`,
+ * `"calc(100% - 40px)"`) to px. `%` resolves against the positioning container
+ * for the given axis (width → containerWidth, height → containerHeight).
+ * Returns `undefined` when the value is absent or unresolvable so callers can fall back.
+ */
+export declare function resolveWindowDimension(value: WindowDimensionValue | undefined, axis: keyof WindowSize, scope: WindowDimensionScope): number | undefined;
+/** Resolves a partial size input to px, dropping absent/unresolvable axes. */
+export declare function resolveWindowBounds(input: WindowSizeInput | undefined, scope: WindowDimensionScope): Partial<WindowSize>;
+type ComputeInitialPositionParams = {
+    viewportWidth: number;
+    viewportHeight: number;
+    defaultWidth: number;
+    defaultHeight: number;
+    isMaximized: boolean;
+    containerRef?: WindowProviderProps['containerRef'] | null;
+    defaultPosition: WindowProviderProps['defaultPosition'];
+};
+export declare function computeInitialPosition(params: ComputeInitialPositionParams): {
+    x: number;
+    y: number;
+};
+export {};

package/build/components/WindowServices/DropdownIcon.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { WindowServicesDropdownIconProps } from './type';
+/**
+ * Dropdown chevron switching assets with the select open state.
+ * Flat nested file — no barrel, imported via `./DropdownIcon` from `WindowServices` only.
+ */
+declare function DropdownIcon({ className }: WindowServicesDropdownIconProps): import("react").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof DropdownIcon>;
+export default _default;

package/build/components/WindowServices/ServiceItem.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { WindowServicesServiceItemProps } from './type';
+/**
+ * Single service tab with a right-click context-menu action.
+ * Flat nested file — no barrel, imported via `./ServiceItem` from `WindowServices` only.
+ */
+declare function ServiceItem({ name, code, isActive, openInNewWindowLabel, onOpenService, onOpenServiceInNewWindow, className, }: WindowServicesServiceItemProps): import("react").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof ServiceItem>;
+export default _default;

package/build/components/WindowServices/WindowServices.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { WindowServicesProps } from './type';
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<WindowServicesProps & import("react").RefAttributes<HTMLDivElement>>>;
+export default _default;

package/build/components/WindowServices/WindowSkeleton.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { WindowSkeletonProps } from './type';
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<WindowSkeletonProps & import("react").RefAttributes<HTMLDivElement>>>;
+export default _default;

package/build/components/WindowServices/constants.d.ts

@@ -0,0 +1,37 @@
+export declare const windowServicesClassNamePrefix: "os-shared-WindowServices";
+export declare const windowServicesClassNames: {
+    readonly root: "os-shared-WindowServices-root";
+    readonly bar: "os-shared-WindowServices-bar";
+    readonly tabsBar: "os-shared-WindowServices-tabsBar";
+    readonly tabs: "os-shared-WindowServices-tabs";
+    readonly tab: "os-shared-WindowServices-tab";
+    readonly trigger: "os-shared-WindowServices-trigger";
+    readonly triggerLabel: "os-shared-WindowServices-triggerLabel";
+    readonly triggerArrow: "os-shared-WindowServices-triggerArrow";
+    readonly menuItem: "os-shared-WindowServices-menuItem";
+    readonly contextMenu: "os-shared-WindowServices-contextMenu";
+};
+export declare const windowSkeletonClassNamePrefix: "os-shared-WindowSkeleton";
+export declare const windowSkeletonClassNames: {
+    readonly root: "os-shared-WindowSkeleton-root";
+    readonly bar: "os-shared-WindowSkeleton-bar";
+    readonly body: "os-shared-WindowSkeleton-body";
+    readonly rows: "os-shared-WindowSkeleton-rows";
+    readonly row: "os-shared-WindowSkeleton-row";
+};
+/** Fallback label for the tab context-menu action. Callers pass the already-translated string via `openInNewWindowLabel`. */
+export declare const windowServicesDefaultOpenInNewWindowLabel: "Open in a new window";
+/** Fallback language used to resolve service names when `language` is omitted. */
+export declare const windowServicesDefaultLanguage: "en";
+/** Width (px) of one measured service tab used to decide tabs vs dropdown rendering. */
+export declare const windowServicesTabIconSize: 51;
+/** Gap (px) between measured service tabs. */
+export declare const windowServicesTabIconGap: 8;
+/** Margin (px) added to the measured tabs width. */
+export declare const windowServicesTabIconMargin: 3;
+/** Extra width (px) tolerated before collapsing tabs into the dropdown. */
+export declare const windowServicesDropdownCollapseOffset: 10;
+/** Total horizontal bar padding (px). Must match `BarStyled` paddingInline (32 x 2) — the collapse math compares the outer bar width against the inner tabs width. */
+export declare const windowServicesBarInlinePadding: 64;
+/** Skeleton rows rendered by the reports loader variant. */
+export declare const windowServicesReportsLoaderRowsCount: 4;

package/build/components/WindowServices/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './WindowServices';
+export { default as WindowSkeleton } from './WindowSkeleton';
+export { windowServicesClassNames, windowSkeletonClassNames } from './constants';
+export type { WindowServicesClassNames, WindowSkeletonClassNames, WindowServicesProps, WindowSkeletonProps } from './type';

package/build/components/WindowServices/index.js

@@ -0,0 +1 @@
+export{d as WindowSkeleton,c as default,a as windowServicesClassNames,b as windowSkeletonClassNames}from'../../_chunks/chunk-RXDZGI4N.js';import'../../_chunks/chunk-ISC5KT5E.js';import'../../_chunks/chunk-CAVYK7HF.js';import'../../_chunks/chunk-HZCNE5Q2.js';import'../../_chunks/chunk-Z2DUFVI5.js';import'../../_chunks/chunk-3M2GZVQW.js';import'../../_chunks/chunk-LS57WE6K.js';

package/build/components/WindowServices/style.d.ts

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+export declare const WindowServicesStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    $isDragging?: boolean | undefined;
+}, {}, {}>;
+export declare const BarStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const TabsRowStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const ServiceTabStyled: import("@emotion/styled").StyledComponent<Omit<Omit<import("../primitives").TypographyProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLElement> | ((instance: HTMLElement | null) => void) | null | undefined;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    $title?: string | undefined;
+}, {}, {}>;
+export declare const SelectStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Select").SelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const SelectValueStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const SelectOptionStyled: import("@emotion/styled").StyledComponent<import("@mui/material/MenuItem").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "disabled" | "classes" | "autoFocus" | "className" | "style" | "tabIndex" | "children" | "selected" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "dense" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const SelectOptionTitleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const SelectIconStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const LoaderStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const LoaderBarStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const LoaderBodyStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const LoaderRowsStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const LoaderRowStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const LoaderRowColumnStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const LoaderRowLineStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/WindowServices/type.d.ts

@@ -0,0 +1,66 @@
+import type { SxProps, Theme } from '@mui/material/styles';
+import type { AppService } from '../../types/index.js';
+import type { windowServicesClassNames, windowSkeletonClassNames } from './constants';
+export type WindowServicesClassNames = (typeof windowServicesClassNames)[keyof typeof windowServicesClassNames];
+export type WindowSkeletonClassNames = (typeof windowSkeletonClassNames)[keyof typeof windowSkeletonClassNames];
+export interface WindowServicesProps {
+    /** Active service code (matched case-insensitively). */
+    serviceCode?: string;
+    /** Services rendered as tabs (wide) or a dropdown (narrow). Renders nothing when empty. */
+    services: AppService[];
+    /** Fired with the newly selected service code. */
+    onOpenService?: (serviceCode: string) => void;
+    /** Fired from the tab context-menu "open in new window" action. */
+    onOpenServiceInNewWindow?: (serviceCode: string) => void;
+    /** Language used to resolve service names. Falls back to `en`. */
+    language?: string;
+    /** Already-translated label for the tab context-menu action. Falls back to English. */
+    openInNewWindowLabel?: string;
+    /** Caller-supplied id — no auto-generated id inside the component. */
+    id?: string;
+    /** Extra class name merged onto the root. */
+    className?: string;
+    /** MUI sx style overrides */
+    sx?: SxProps<Theme>;
+    /** Overrides `data-testid` (defaults to `id ?? 'WindowServices'`). */
+    'data-testid'?: string;
+    /** Sets `data-id` (defaults to `id`). */
+    'data-id'?: string;
+}
+/** Props for the nested service tab (flat file, no barrel — imported via `./ServiceItem` only). */
+export interface WindowServicesServiceItemProps {
+    /** Already-translated service name. */
+    name: string;
+    /** Service code matched case-insensitively against the active code. */
+    code: string;
+    /** Highlights the tab with the active treatment. */
+    isActive: boolean;
+    /** Already-translated context-menu label. */
+    openInNewWindowLabel: string;
+    /** Fired with the service code on tab click. */
+    onOpenService: (serviceCode: string) => void;
+    /** Fired with the service code from the context-menu action. */
+    onOpenServiceInNewWindow?: (serviceCode: string) => void;
+    /** Extra class name merged onto the tab. */
+    className?: string;
+}
+/** Props for the nested dropdown chevron icon (flat file, no barrel — imported via `./DropdownIcon` only). */
+export interface WindowServicesDropdownIconProps {
+    /** Class names injected by the select, including the open-state class. */
+    className?: string;
+}
+/** Props for the window loading skeleton: `appCode` selects the variant, the rest target the root. */
+export interface WindowSkeletonProps {
+    /** App code — reports/upload codes render the rows variant, anything else the default tab-bar variant. */
+    appCode?: string;
+    /** Caller-supplied id — no auto-generated id inside the component. */
+    id?: string;
+    /** Extra class name merged onto the root. */
+    className?: string;
+    /** MUI sx style overrides */
+    sx?: SxProps<Theme>;
+    /** Overrides `data-testid` (defaults to `id ?? 'WindowSkeleton'`). */
+    'data-testid'?: string;
+    /** Sets `data-id` (defaults to `id`). */
+    'data-id'?: string;
+}

package/build/components/WindowServices/utils.d.ts

@@ -0,0 +1,9 @@
+import type { AppService } from '../../types/index.js';
+/** Loading-skeleton switch: reports/upload app codes render the rows skeleton, anything else the default tab-bar one. */
+export declare function isReportsSkeleton(appCode?: string): boolean;
+/** Resolves the active service display name for a service code (case-insensitive, URI-decoded). */
+export declare function getActiveServiceTitle(services: AppService[] | undefined, serviceCode: string | undefined, language?: string): string;
+/** Resolves one service display name in the given language. */
+export declare function getWindowServiceName(service: AppService, language?: string): string;
+/** Case-insensitive service-code equality used for the active tab. */
+export declare function isActiveServiceCode(serviceCode: string | undefined, code: string): boolean;

package/build/components/WindowToolbar/CloseIcon.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { WindowToolbarIconProps } from './type';
+/**
+ * Window close affordance.
+ * Flat nested file — no barrel, imported via `./CloseIcon` from `WindowToolbar` only.
+ */
+declare function CloseIcon({ className, id, ...props }: WindowToolbarIconProps): import("react").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof CloseIcon>;
+export default _default;