hisd3-ui-kit 2.0.8 → 4.0.0

package/dist/index.d.ts

@@ -1,2 +1,837 @@
-import "antd/dist/reset.css";
-export { default as HISD3Sidebar } from "./components/Sidebar/index";
+import { ThemeConfig, MenuProps, TableProps, TabsProps, ButtonProps, InputProps } from 'antd';
+import React, { ReactNode } from 'react';
+import * as styled_components_dist_types from 'styled-components/dist/types';
+import * as styled_components from 'styled-components';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AnyObject } from 'antd/es/_util/type';
+
+/** Named primary-color presets. Any hex string is also accepted. */
+declare const HISD3_PRESETS: {
+    readonly red: "#E5401C";
+    readonly orange: "#F26B1D";
+    readonly teal: "#00796B";
+    readonly blue: "#1D5FD1";
+    readonly green: "#2E7D32";
+    readonly purple: "#6A3FD6";
+};
+type HISD3Preset = keyof typeof HISD3_PRESETS;
+/** Neutral palette shared by every preset (the "Backoffice" look). */
+declare const HISD3_NEUTRALS: {
+    readonly bgLayout: "#F3F2F0";
+    readonly bgContainer: "#F3F2F0";
+    readonly bgElevated: "#FFFFFF";
+    readonly bgFilled: "#E6E4E1";
+    readonly text: "#171717";
+    readonly textSecondary: "#4A4A4A";
+    readonly textTertiary: "#6E6E6E";
+    readonly border: "#1F1F1F";
+    readonly borderSecondary: "#CFCDC9";
+    readonly white: "#FFFFFF";
+};
+declare const HISD3_FONT_FAMILY = "'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+/** Archivo is used for both body (400) and headings (800). */
+declare const HISD3_FONT_WEIGHT_HEADING = 800;
+declare const HISD3_FONT_WEIGHT_BODY = 400;
+interface HISD3ThemeOptions {
+    /** Preset name or any hex color. Default "red". */
+    primary?: HISD3Preset | string;
+    /** Corner radius in px. The Backoffice look is square (0). */
+    radius?: number;
+    /** Border width in px used by buttons, inputs, dividers. Default 2. */
+    lineWidth?: number;
+    /** Override / extend the generated antd theme. */
+    overrides?: ThemeConfig;
+}
+declare const resolvePrimary: (primary?: HISD3Preset | string) => string;
+/** Mix a hex color with white: amount 0 → color, 1 → white. */
+declare const tint: (hex: string, amount: number) => string;
+/**
+ * Build the HISD3 Ant Design v6 theme.
+ *
+ * ```ts
+ * <ConfigProvider theme={createHisd3Theme({ primary: "teal" })}>
+ * ```
+ */
+declare const createHisd3Theme: ({ primary, radius, lineWidth, overrides, }?: HISD3ThemeOptions) => ThemeConfig;
+/** Default HISD3 theme — the red "Backoffice" look. */
+declare const hisd3AntdTheme: ThemeConfig;
+/** @deprecated use HISD3_PRESETS / createHisd3Theme */
+declare const HISD3_COLORS: {
+    readonly primary: "#E5401C";
+    readonly primaryLight: string;
+    readonly headerSelectedBg: "rgba(0,0,0,0.04)";
+};
+
+declare enum ThemeStyle {
+    MODERN = "modern",
+    STANDARD = "standard"
+}
+declare enum ThemeStyleRadius {
+    MODERN = "30px",
+    STANDARD = "16px"
+}
+declare enum ThemeMode {
+    LIGHT = "light",
+    SEMI_DARK = "semi-dark",
+    DARK = "dark"
+}
+declare enum LayoutType {
+    FULL_WIDTH = "full-width",
+    BOXED = "boxed",
+    FRAMED = "framed"
+}
+declare enum MenuStyle {
+    DEFAULT = "default",
+    STANDARD = "standard",
+    ROUNDED = "rounded",
+    ROUNDED_REVERSE = "rounded-reverse",
+    CURVED_MENU = "curved-menu"
+}
+declare enum NavStyle {
+    DEFAULT = "default",
+    MINI = "mini",
+    MINI_SIDEBAR_TOGGLE = "mini-sidebar-toggle",
+    STANDARD = "standard",
+    HEADER_USER = "user-header",
+    HEADER_USER_MINI = "user-mini-header",
+    DRAWER = "drawer",
+    BIT_BUCKET = "bit-bucket",
+    H_DEFAULT = "h-default",
+    HOR_HEADER_FIXED = "hor-header-fixed",
+    HOR_DARK_LAYOUT = "hor-dark-layout"
+}
+declare enum FooterType {
+    FIXED = "fixed",
+    FLUID = "fluid"
+}
+declare enum LayoutDirection {
+    RTL = "rtl",
+    LTR = "ltr"
+}
+declare enum HeaderType {
+    DARK = "dark",
+    LIGHT = "light"
+}
+declare enum RouteTransition {
+    NONE = "none",
+    FADE = "fade",
+    SLIDE_LEFT = "slideLeft",
+    SLIDE_RIGHT = "slideRight",
+    SLIDE_UP = "slideUp",
+    SLIDE_DOWN = "slideDown"
+}
+declare enum Fonts {
+    LIGHT = "300",
+    REGULAR = "400",
+    MEDIUM = "500",
+    BOLD = "600"
+}
+declare enum AuthType {
+    FIREBASE = "firebase",
+    AWS_COGNITO = "aws_cognito",
+    AUTH0 = "auth0",
+    JWT_AUTH = "jwt_auth"
+}
+declare enum AppAnimates {
+    SLIDEUPIN = "transition.slideUpIn",
+    SLIDEUPOUT = "transition.slideUpOut",
+    SLIDEDOWNIN = "transition.slideDownIn",
+    SLIDEDOWNOUT = "transition.slideDownOut",
+    SLIDELEFTIN = "transition.slideLeftIn",
+    SLIDELEFTOUT = "transition.slideLeftOut",
+    SLIDERIGHTIN = "transition.slideRightIn",
+    SLIDERIGHTOUT = "transition.slideRightOut",
+    FADEIN = "transition.fadeIn",
+    FADEOUT = "transition.fadeOut"
+}
+declare const AppAnimateGroups: {
+    SLIDEUPIN: {
+        hidden: {
+            y: number;
+        };
+        visible: {
+            opacity: number;
+            y: number;
+            transition: {
+                ease: string;
+                delay: number;
+                when: string;
+                duration: number;
+                staggerChildren: number;
+            };
+        };
+    };
+    SLIDEUPOUT: {
+        hidden: {
+            y: number;
+        };
+        visible: {
+            opacity: number;
+            y: string;
+            transition: {
+                ease: string;
+                delay: number;
+                when: string;
+                duration: number;
+                staggerChildren: number;
+            };
+        };
+    };
+    SLIDEDOWNIN: {
+        hidden: {
+            opacity: number;
+            y: string;
+        };
+        visible: {
+            opacity: number;
+            y: number;
+            transition: {
+                ease: string;
+                delay: number;
+                when: string;
+                duration: number;
+                staggerChildren: number;
+            };
+        };
+    };
+    SLIDEDOWNOUT: {
+        hidden: {
+            y: number;
+        };
+        visible: {
+            opacity: number;
+            y: string;
+            transition: {
+                ease: string;
+                delay: number;
+                when: string;
+                duration: number;
+                staggerChildren: number;
+            };
+        };
+    };
+    SLIDELEFTIN: {
+        hidden: {
+            x: string;
+        };
+        visible: {
+            opacity: number;
+            x: number;
+            transition: {
+                ease: string;
+                delay: number;
+                when: string;
+                duration: number;
+                staggerChildren: number;
+            };
+        };
+    };
+    SLIDELEFTOUT: {
+        hidden: {
+            x: number;
+        };
+        visible: {
+            opacity: number;
+            x: string;
+            transition: {
+                ease: string;
+                delay: number;
+                when: string;
+                duration: number;
+                staggerChildren: number;
+            };
+        };
+    };
+    SLIDERIGHTIN: {
+        hidden: {
+            x: string;
+        };
+        visible: {
+            opacity: number;
+            x: number;
+            transition: {
+                ease: string;
+                delay: number;
+                when: string;
+                duration: number;
+                staggerChildren: number;
+            };
+        };
+    };
+    SLIDERIGHTOUT: {
+        hidden: {
+            x: number;
+        };
+        visible: {
+            opacity: number;
+            x: string;
+            transition: {
+                ease: string;
+                delay: number;
+                when: string;
+                duration: number;
+                staggerChildren: number;
+            };
+        };
+    };
+    FADEIN: {
+        hidden: {
+            opacity: number;
+            scale: number;
+        };
+        visible: {
+            opacity: number;
+            scale: number;
+            transition: {
+                ease: string;
+                when: string;
+                staggerChildren: number;
+            };
+        };
+    };
+    FADEOUT: {
+        hidden: {
+            opacity: number;
+            scale: number;
+        };
+        visible: {
+            opacity: number;
+            scale: number;
+            transition: {
+                ease: string;
+                when: string;
+                staggerChildren: number;
+            };
+        };
+    };
+    NOANIMATION: {
+        hidden: {
+            opacity: number;
+        };
+        visible: {
+            opacity: number;
+        };
+    };
+};
+declare const AppMotionAnimate: {
+    SLIDEUPIN: {
+        variants: {
+            hidden: {
+                y: number;
+                opacity: number;
+            };
+            visible: {
+                opacity: number;
+                y: number;
+            };
+        };
+        transition: {
+            ease: string;
+            when: string;
+        };
+    };
+    SLIDEUPOUT: {
+        variants: {
+            hidden: {
+                y: number;
+                opacity: number;
+            };
+            visible: {
+                opacity: number;
+                y: string;
+            };
+        };
+        transition: {
+            ease: string;
+            when: string;
+        };
+    };
+    SLIDEDOWNIN: {
+        variants: {
+            hidden: {
+                y: number;
+                opacity: number;
+            };
+            visible: {
+                opacity: number;
+                y: number;
+            };
+        };
+        transition: {
+            ease: string;
+            when: string;
+        };
+    };
+    SLIDEDOWNOUT: {
+        variants: {
+            hidden: {
+                y: number;
+                opacity: number;
+            };
+            visible: {
+                opacity: number;
+                y: string;
+            };
+        };
+        transition: {
+            ease: string;
+            when: string;
+        };
+    };
+    SLIDELEFTIN: {
+        variants: {
+            hidden: {
+                x: number;
+                opacity: number;
+            };
+            visible: {
+                opacity: number;
+                x: number;
+            };
+        };
+        transition: {
+            ease: string;
+            when: string;
+        };
+    };
+    SLIDELEFTOUT: {
+        variants: {
+            hidden: {
+                x: number;
+                opacity: number;
+            };
+            visible: {
+                opacity: number;
+                x: string;
+            };
+        };
+        transition: {
+            ease: string;
+            when: string;
+        };
+    };
+    SLIDERIGHTIN: {
+        variants: {
+            hidden: {
+                x: number;
+                opacity: number;
+            };
+            visible: {
+                opacity: number;
+                x: number;
+            };
+        };
+        transition: {
+            ease: string;
+            when: string;
+        };
+    };
+    SLIDERIGHTOUT: {
+        variants: {
+            hidden: {
+                x: number;
+                opacity: number;
+            };
+            visible: {
+                opacity: number;
+                x: string;
+            };
+        };
+        transition: {
+            ease: string;
+            when: string;
+        };
+    };
+    FADEIN: {
+        variants: {
+            hidden: {
+                opacity: number;
+            };
+            visible: {
+                opacity: number;
+            };
+        };
+        transition: {
+            duration: number;
+            ease: string;
+            when: string;
+        };
+    };
+    FADEOUT: {
+        variants: {
+            hidden: {
+                opacity: number;
+            };
+            visible: {
+                opacity: number;
+            };
+        };
+        transition: {
+            duration: number;
+            ease: string;
+            when: string;
+        };
+    };
+};
+declare enum MessageType {
+    MEDIA = 1,
+    TEXT = 2
+}
+declare enum RoutePermittedRole {
+    Admin = "admin",
+    User = "user"
+}
+
+interface FontSize {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+}
+interface FontWeight {
+    light: string;
+    regular: string;
+    medium: string;
+    bold: string;
+    lg: string;
+}
+interface Font {
+    size: FontSize;
+    weight: FontWeight;
+}
+interface Palette {
+    mode: ThemeMode;
+    borderColor: string;
+    dividerColor: string;
+    tooltipBg: string;
+    background: string;
+    primary: {
+        main: string;
+        contrastText: string;
+    };
+    secondary: {
+        main: string;
+    };
+    success: {
+        main: string;
+        light: string;
+    };
+    warning: {
+        main: string;
+        light: string;
+    };
+    gray: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        A100: string;
+        A200: string;
+        A400: string;
+        A700: string;
+    };
+    black: string;
+    white: string;
+    orange: {
+        5: string;
+        6: string;
+    };
+    cyan: {
+        7: string;
+    };
+    red: {
+        6: string;
+    };
+    green: {
+        3: string;
+        5: string;
+        6: string;
+        7: string;
+    };
+    blue: {
+        5: string;
+        7: string;
+    };
+    text: string;
+}
+interface Sidebar {
+    light: string;
+    dark: string;
+}
+interface Breakpoints {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+}
+interface Sizes {
+    line: {
+        base: number;
+    };
+    borderRadius: {
+        base: string;
+        circle: string;
+    };
+    framed: {
+        base: string;
+    };
+}
+interface StyledTheme {
+    spacing?: number;
+    cardRadius?: string;
+    cardRadius30?: string;
+    cardShadow?: string;
+    direction?: LayoutDirection;
+    palette?: Palette;
+    status?: {
+        danger?: string;
+    };
+    divider?: string;
+    font?: Font;
+    sidebar?: Sidebar;
+    breakpoints?: Breakpoints;
+    sizes?: Sizes;
+}
+
+/** True when rendered somewhere below an `HISD3Provider`. */
+declare const useInsideHISD3Provider: () => boolean;
+interface HISD3ProviderProps extends HISD3ThemeOptions {
+    /** Shorthand: preset name or hex. Same as `options.primary`. */
+    primary?: HISD3Preset | string;
+    /** Legacy styled-components theme object used by older HISD3 screens. */
+    styledTheme?: StyledTheme;
+    /** Fully custom antd theme — skips `createHisd3Theme` entirely. */
+    theme?: ThemeConfig;
+    children: React.ReactNode;
+}
+/**
+ * Root provider for HISD3 apps. Put it once at the top of the tree:
+ *
+ * ```tsx
+ * <HISD3Provider primary="teal">
+ *   <App />
+ * </HISD3Provider>
+ * ```
+ *
+ * It wires the antd `ConfigProvider` (with CSS variables enabled so every
+ * kit component follows the chosen primary), antd `App` (for themed
+ * `modal.confirm` / `message`), and the styled-components `ThemeProvider`.
+ */
+declare const HISD3Provider: React.FC<HISD3ProviderProps>;
+
+interface IUserEmployee {
+    id: string;
+    fullName: string;
+    gender: "MALE" | "FEMALE";
+    positionType?: string;
+    [key: string]: any;
+}
+
+/**
+ * Menu item shape accepted by HISD3Sidebar.
+ *
+ * This intentionally mirrors the `MenuDataItem` shape that the previous
+ * ProLayout-based sidebar consumed (`path`, `name`, `icon`, `children`,
+ * `hideInMenu`), so existing apps keep passing the same `menuItems`.
+ */
+interface HISD3MenuItem {
+    key?: string;
+    path?: string;
+    name?: ReactNode;
+    icon?: ReactNode;
+    children?: HISD3MenuItem[];
+    hideInMenu?: boolean;
+    disabled?: boolean;
+    /** When true the item is rendered as a group title (like ProLayout's `flatMenu`). */
+    group?: boolean;
+    [key: string]: unknown;
+}
+
+interface HISD3SidebarProps {
+    account: IUserEmployee;
+    /** Logo image URL. When omitted a square block in the primary color is shown. */
+    logoUrl?: string;
+    appName: string;
+    /** Same shape as before (ProLayout `MenuDataItem`): `{ path, name, icon, children }`. */
+    menuItems: HISD3MenuItem[];
+    onLogout: () => Promise<void> | void;
+    /** Current location pathname, used to highlight the active menu item. */
+    pathname: string;
+    /** styled-components theme; optional when inside HISD3Provider. */
+    styledTheme?: StyledTheme;
+    collapsed?: boolean;
+    /** Called when the user toggles the sider (controlled usage). */
+    onCollapse?: (collapsed: boolean) => void;
+    loading?: boolean;
+    hideSidebar?: boolean;
+    /** Render the navigation as a top header bar instead of a left sider. */
+    layoutTop?: boolean;
+    avatarSrc?: string;
+    settingsUrl?: string;
+    /**
+     * Ant Design theme applied via a nested `ConfigProvider`.
+     * Defaults to `hisd3AntdTheme` (red) when used standalone. Inside an
+     * `HISD3Provider` nothing is applied so the provider's primary is inherited.
+     * Pass `null` to force inheritance, or a ThemeConfig to override.
+     */
+    antdTheme?: ThemeConfig | null;
+    /**
+     * Custom link renderer, e.g. to use react-router's `<Link>`:
+     * `(item, label) => <Link to={item.path!}>{label}</Link>`
+     */
+    renderMenuLink?: (item: HISD3MenuItem, label: ReactNode) => ReactNode;
+    /** Extra content rendered in the header, right side (top layout) or sider header (side layout). */
+    headerExtra?: ReactNode;
+    /** Extra items prepended to the account dropdown. */
+    userMenuItems?: MenuProps["items"];
+    /** Hide the collapse trigger button. */
+    hideCollapseTrigger?: boolean;
+    /** Width in px of the expanded sider. Default 220. */
+    siderWidth?: number;
+    /** Disable the built-in content padding wrapper and render children directly. */
+    bareContent?: boolean;
+    /**
+     * Hide the sider layout's own top bar (collapse trigger + headerExtra).
+     * Use together with `HISD3PageHeader`, which renders its own top bar.
+     */
+    hideHeaderBar?: boolean;
+    /** Where the brand block links to. Default "/". */
+    brandHref?: string;
+    children: React.ReactNode;
+}
+declare const HISD3Sidebar: React.FC<HISD3SidebarProps>;
+
+interface UserMenuProps {
+    account: IUserEmployee;
+    avatarSrc?: string;
+    settingsUrl?: string;
+    onLogout: () => Promise<void> | void;
+    collapsed?: boolean;
+    /** "topRight" for the sider footer, "bottomRight" for the top header. */
+    placement?: "topRight" | "bottomRight";
+    extraItems?: MenuProps["items"];
+}
+/**
+ * Account dropdown (Settings / Logout) shown in the sider footer or header.
+ * Uses `App.useApp()` so the confirm modal picks up the surrounding
+ * ConfigProvider theme — the static `Modal.confirm` cannot in antd v6.
+ */
+declare const UserMenu: React.FC<UserMenuProps>;
+
+interface HISD3BreadcrumbItem {
+    title: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+}
+interface HISD3PageHeaderProps {
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    breadcrumb?: HISD3BreadcrumbItem[];
+    /** Action buttons rendered on the right of the top bar. */
+    extra?: React.ReactNode;
+    /** Content rendered to the left of the breadcrumb (e.g. the sidebar collapse trigger). */
+    leading?: React.ReactNode;
+    /** Hide the top bar entirely and render only the title block. */
+    hideTopBar?: boolean;
+    className?: string;
+}
+/** Padded body area that lines up with the header gutters. */
+declare const HISD3PageBody: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/**
+ * Sticky top bar (breadcrumb + actions) followed by a big page title block.
+ * Designed to sit directly inside `HISD3Sidebar` with `bareContent` and
+ * `hideHeaderBar`.
+ */
+declare const HISD3PageHeader: React.FC<HISD3PageHeaderProps>;
+
+interface HISD3TablePagination {
+    current: number;
+    pageSize: number;
+    total: number;
+    onChange: (page: number, pageSize: number) => void;
+    /** Page-size toggle buttons on the right. Default [10, 20, 50]. */
+    pageSizeOptions?: number[];
+    /** Custom total text. Default "Total 7,223 items". */
+    renderTotal?: (total: number, range: [number, number]) => React.ReactNode;
+    /** Hide the page-size buttons. */
+    hidePageSize?: boolean;
+}
+interface HISD3TableProps<T extends AnyObject> extends Omit<TableProps<T>, "pagination" | "footer"> {
+    /** HISD3 pagination bar (total · pages · page-size). Omit for no pagination. */
+    pagination?: HISD3TablePagination | false;
+    /** Optional summary strip rendered between the rows and the pagination bar. */
+    footer?: React.ReactNode;
+}
+declare function HISD3Table<T extends AnyObject>({ pagination, footer, ...tableProps }: HISD3TableProps<T>): react_jsx_runtime.JSX.Element;
+
+interface HISD3TabItem {
+    key: string;
+    label: React.ReactNode;
+    /** Optional count badge rendered after the label (e.g. "All Patients 10"). */
+    count?: number | string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+interface HISD3TabsProps extends Omit<TabsProps, "items"> {
+    items: HISD3TabItem[];
+}
+/** Underlined filter tabs with optional counts. */
+declare const HISD3Tabs: React.FC<HISD3TabsProps>;
+
+type HISD3TagVariant = "neutral" | "soft" | "outline" | "solid";
+type HISD3TagTone = "default" | "primary" | "success" | "warning" | "danger";
+interface HISD3TagProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * neutral → light grey fill, dark text   (ACTIVE, IN PATIENT)
+     * soft    → primary tint fill, primary text (ER PATIENT)
+     * outline → 2px primary border, primary text (OUT PATIENT)
+     * solid   → primary fill, white text
+     */
+    variant?: HISD3TagVariant;
+    tone?: HISD3TagTone;
+    children: React.ReactNode;
+}
+declare const HISD3Tag: React.FC<HISD3TagProps>;
+
+type HISD3ButtonVariant = "primary" | "secondary" | "ghost" | "danger";
+interface HISD3ButtonProps extends Omit<ButtonProps, "variant" | "color" | "type"> {
+    /**
+     * primary   → filled with the theme primary (e.g. "New folio")
+     * secondary → outlined, dark 2px border (e.g. "Refresh", "Export")
+     * ghost     → text only
+     * danger    → filled red
+     */
+    variant?: HISD3ButtonVariant;
+}
+declare const HISD3Button: React.FC<HISD3ButtonProps>;
+
+type HISD3InputProps = InputProps;
+/** Plain text input with the HISD3 2px border. */
+declare const HISD3Input: React.FC<HISD3InputProps>;
+interface HISD3SearchInputProps extends InputProps {
+    /** 48px tall instead of the 72px hero search. */
+    compact?: boolean;
+}
+/** Grey filled search field with leading icon (the page-level search bar). */
+declare const HISD3SearchInput: React.FC<HISD3SearchInputProps>;
+
+/** Shared layout metrics so the sidebar brand block and page top bar line up. */
+declare const HISD3_LAYOUT: {
+    readonly siderWidth: 280;
+    readonly siderCollapsedWidth: 72;
+    readonly topBarHeight: 88;
+    readonly pageGutter: 40;
+};
+
+export { AppAnimateGroups, AppAnimates, AppMotionAnimate, AuthType, Fonts, FooterType, HISD3Button, HISD3Input, HISD3PageBody, HISD3PageHeader, HISD3Provider, HISD3SearchInput, HISD3Sidebar, HISD3Table, HISD3Tabs, HISD3Tag, HISD3_COLORS, HISD3_FONT_FAMILY, HISD3_FONT_WEIGHT_BODY, HISD3_FONT_WEIGHT_HEADING, HISD3_LAYOUT, HISD3_NEUTRALS, HISD3_PRESETS, HeaderType, LayoutDirection, LayoutType, MenuStyle, MessageType, NavStyle, RoutePermittedRole, RouteTransition, ThemeMode, ThemeStyle, ThemeStyleRadius, UserMenu, createHisd3Theme, hisd3AntdTheme, resolvePrimary, tint, useInsideHISD3Provider };
+export type { HISD3BreadcrumbItem, HISD3ButtonProps, HISD3ButtonVariant, HISD3InputProps, HISD3MenuItem, HISD3PageHeaderProps, HISD3Preset, HISD3ProviderProps, HISD3SearchInputProps, HISD3SidebarProps, HISD3TabItem, HISD3TablePagination, HISD3TableProps, HISD3TabsProps, HISD3TagProps, HISD3TagTone, HISD3TagVariant, HISD3ThemeOptions, IUserEmployee, StyledTheme, UserMenuProps };