@zvoove/unity-ui 2.29.0 → 2.29.1

package/dist/components/SideNavigation/SideNavigation.styled.d.ts

@@ -1,249 +0,0 @@
-import { ListMenuVariant } from '../ListMenu';
-export { closedWidth, compactClosedWidth, compactOpenWidth, openWidth, transition, } from '../ListMenu/ListMenu.styled';
-export declare const getWidths: (variant?: ListMenuVariant) => {
-    closed: string;
-    open: string;
-};
-export declare const mainWrapperStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
-export declare const toggleWrapperStyles: import('tailwind-variants').TVReturnType<{
-    variant: {
-        default: string[];
-        compact: string[];
-    };
-    hasLogo: {
-        true: string[];
-        false: never[];
-    };
-    hasToggleButton: {
-        true: never[];
-        false: never[];
-    };
-}, undefined, string[], {
-    variant: {
-        default: string[];
-        compact: string[];
-    };
-    hasLogo: {
-        true: string[];
-        false: never[];
-    };
-    hasToggleButton: {
-        true: never[];
-        false: never[];
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    variant: {
-        default: string[];
-        compact: string[];
-    };
-    hasLogo: {
-        true: string[];
-        false: never[];
-    };
-    hasToggleButton: {
-        true: never[];
-        false: never[];
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-export declare const toggleButtonStyles: import('tailwind-variants').TVReturnType<{
-    addBorderToToggleButton: {
-        false: never[];
-    };
-    variant: {
-        default: never[];
-        compact: string[];
-    };
-    open: {
-        true: never[];
-        false: never[];
-    };
-}, undefined, string[], {
-    addBorderToToggleButton: {
-        false: never[];
-    };
-    variant: {
-        default: never[];
-        compact: string[];
-    };
-    open: {
-        true: never[];
-        false: never[];
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    addBorderToToggleButton: {
-        false: never[];
-    };
-    variant: {
-        default: never[];
-        compact: string[];
-    };
-    open: {
-        true: never[];
-        false: never[];
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-export declare const mainContentWrapperStyles: import('tailwind-variants').TVReturnType<{
-    open: {
-        false: string[];
-    };
-    isCompact: {
-        true: string[];
-        false: never[];
-    };
-}, undefined, string[], {
-    open: {
-        false: string[];
-    };
-    isCompact: {
-        true: string[];
-        false: never[];
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    open: {
-        false: string[];
-    };
-    isCompact: {
-        true: string[];
-        false: never[];
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-export declare const menuItemsWrapperStyles: import('tailwind-variants').TVReturnType<{
-    open: {
-        true: never[];
-        false: never[];
-    };
-    variant: {
-        default: never[];
-        compact: string[];
-    };
-    /**
-     * Main root list: tighter margin when expanded, room when collapsed.
-     * Sub-menu back row: always `mb-xs` so spacing below matches the list body.
-     */
-    section: {
-        main: never[];
-        subMenuBack: never[];
-    };
-}, undefined, string[], {
-    open: {
-        true: never[];
-        false: never[];
-    };
-    variant: {
-        default: never[];
-        compact: string[];
-    };
-    /**
-     * Main root list: tighter margin when expanded, room when collapsed.
-     * Sub-menu back row: always `mb-xs` so spacing below matches the list body.
-     */
-    section: {
-        main: never[];
-        subMenuBack: never[];
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    open: {
-        true: never[];
-        false: never[];
-    };
-    variant: {
-        default: never[];
-        compact: string[];
-    };
-    /**
-     * Main root list: tighter margin when expanded, room when collapsed.
-     * Sub-menu back row: always `mb-xs` so spacing below matches the list body.
-     */
-    section: {
-        main: never[];
-        subMenuBack: never[];
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-export declare const menuScrollAreaStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
-/** Space between the utility list and the user area (scroll column vs. footer). */
-export declare const utilityItemsWrapperStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
-export declare const sideNavigationStyles: import('tailwind-variants').TVReturnType<{
-    open: {
-        true: string[];
-    };
-    variant: {
-        default: never[];
-        compact: string[];
-    };
-}, undefined, string[], {
-    open: {
-        true: string[];
-    };
-    variant: {
-        default: never[];
-        compact: string[];
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    open: {
-        true: string[];
-    };
-    variant: {
-        default: never[];
-        compact: string[];
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-export declare const userAreaWrapperStyles: import('tailwind-variants').TVReturnType<{
-    open: {
-        true: string[];
-        false: string[];
-    };
-    compact: {
-        true: never[];
-        false: never[];
-    };
-    variant: {
-        default: never[];
-        compact: string[];
-    };
-}, undefined, string[], {
-    open: {
-        true: string[];
-        false: string[];
-    };
-    compact: {
-        true: never[];
-        false: never[];
-    };
-    variant: {
-        default: never[];
-        compact: string[];
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    open: {
-        true: string[];
-        false: string[];
-    };
-    compact: {
-        true: never[];
-        false: never[];
-    };
-    variant: {
-        default: never[];
-        compact: string[];
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-export declare const menuLayersContainerStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
-export declare const menuLayerStyles: import('tailwind-variants').TVReturnType<{
-    state: {
-        visible: string[];
-        'hidden-right': string[];
-        'hidden-left': string[];
-    };
-}, undefined, string[], {
-    state: {
-        visible: string[];
-        'hidden-right': string[];
-        'hidden-left': string[];
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    state: {
-        visible: string[];
-        'hidden-right': string[];
-        'hidden-left': string[];
-    };
-}, undefined, string[], unknown, unknown, undefined>>;

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

@@ -1,128 +0,0 @@
-import { ReactNode } from 'react';
-import { UserAreaProps } from '../../index.ts';
-import { ListMenuItem, ListMenuVariant } from '../ListMenu';
-import { MidSection } from '../MidSectionMenus/MidSectionMenus.types';
-/**
- * @deprecated Use `ListMenuItem` instead
- */
-export type MenuItem<T extends React.ElementType = 'a'> = ListMenuItem<T>;
-/**
- * @deprecated Use `ListMenuVariant` instead
- */
-export type SideNavigationVariant = ListMenuVariant;
-export type { MidSection };
-/**
- * Slide-in panel for a root `menuItems` entry. The shell renders only the back row and spacer; pass any
- * content (e.g. one or more `ListMenu`s from a micro-frontend) as `content`. Selection and `activeItem`
- * for that UI live outside `SideNavigation`.
- */
-export type SubMenuLayer = {
-    /**
-     * Must match the `id` of the root `menuItems` entry that opens this panel.
-     */
-    parentId: string;
-    /**
-     * Custom body below the back row (often `ListMenu` or composed layout from a remote module).
-     */
-    content: ReactNode;
-    /**
-     * Label for the control that returns to the main menu.
-     * @default 'Hauptmenü'
-     */
-    backLabel?: string;
-};
-export type SideNavigationProps<T extends React.ElementType = 'a'> = {
-    /**
-     * Whether the navigation is expanded
-     */
-    open?: boolean;
-    /**
-     * The visual variant of the navigation
-     * @default 'default'
-     */
-    variant?: ListMenuVariant;
-    /**
-     * Logo displayed in the top area (compact variant only).
-     * Shows `icon` when collapsed, `icon + name` when expanded.
-     * Both have zvoove defaults if omitted.
-     */
-    logo?: {
-        /**
-         * Small logo icon shown when the sidebar is collapsed.
-         */
-        icon?: ReactNode;
-        /**
-         * Full logo name shown next to the icon when expanded.
-         */
-        name?: ReactNode;
-        /**
-         * When `true`, the icon is hidden while the sidebar is expanded so that only the name is visible.
-         * When the sidebar collapses the icon reappears as the sole identifier.
-         * @default false
-         */
-        hideIconWhenOpen?: boolean;
-    };
-    /**
-     * The list of menu items
-     */
-    menuItems: ListMenuItem<T>[];
-    /**
-     * The list of utility items to stay at the bottom of the menu
-     */
-    utilityItems?: ListMenuItem<T>[];
-    /**
-     * Sections between the root main list and utility items, with collapse/expand behavior when the sidebar
-     * closes (see `replaceWithIconOnClose`). Only the **root** column uses this prop; any lists inside a
-     * slide-in panel belong in that layer’s `content`.
-     */
-    midSections?: MidSection<T>[];
-    /**
-     * Slide-in panels: `parentId` matches a root `menuItems` id; `content` is the custom body (back row is built-in).
-     */
-    subMenus?: SubMenuLayer[];
-    /**
-     * User area rendered at the bottom of the navigation
-     */
-    userArea?: UserAreaProps;
-    /**
-     * Hide the user area on mobile (useful when it's shown elsewhere, e.g. in a top bar).
-     * @default true
-     */
-    hideUserAreaInMobile?: boolean;
-    /**
-     * When `true`, the built-in expand/collapse control in the header row is not rendered.
-     * Use a `utilityItems` entry with `onClick` (and controlled `open` / `onToggleOpen`) instead.
-     * @default false
-     */
-    hideToggleButton?: boolean;
-    /**
-     * When `true`, a border top, right and bottom are added to the toggle button. <br />
-     * This is useful when the SideNavigation is used next to a Card with outlined variant as a content container.
-     * @default false
-     */
-    addBorderToToggleButton?: boolean;
-    /**
-     * Active id for **root** `menuItems` / `utilityItems`. To open a sub panel from the shell, pass either the
-     * layer’s `parentId` (e.g. `'zain'`) or an opaque dotted string `'<parentId>.<segment>'` where only the
-     * part before the first `.` is read to choose the panel; the rest is for your app / `content` only.
-     */
-    activeItem?: string;
-    /**
-     * The component to render for the link
-     */
-    linkComponent?: T | 'a';
-    /**
-     * The callback to handle the open/close state
-     */
-    onToggleOpen?: (open: boolean) => void;
-    /**
-     * Fired after a root `menuItems` / `utilityItems` click with the suggested `activeItem` id, or with the
-     * sub-panel `parentId` when opening a layer. Not called for `__back__` or `target="_blank"`. Clicks inside
-     * `subMenus[].content` are not observed here.
-     */
-    onActiveItemChange?: (activeItem: string) => void;
-    /**
-     * The callback to handle the item click
-     */
-    onItemClick?: (item: ListMenuItem) => void;
-};

package/dist/components/SideNavigation/docs/MicroFrontendExample.d.ts

@@ -1,37 +0,0 @@
-import { ListMenuVariant } from '../../ListMenu';
-import { MidSection } from '../../MidSectionMenus/MidSectionMenus.types';
-import { MfeAppId } from './mfe/apps';
-export type { MfeAppId } from './mfe/apps';
-export type MicroFrontendExampleProps = {
-    /**
-     * Shell product id this MFE slot represents; must match `mfe/apps` registry.
-     */
-    product: MfeAppId;
-    /**
-     * Active in-app navigation item id (controlled by the shell for breadcrumbs).
-     */
-    inAppActiveId: string;
-    /**
-     * Updates the active in-app item; must update shell breadcrumb state.
-     */
-    onInAppActiveIdChange: (id: string) => void;
-    /**
-     * zAIn mid-sections (pinned/heute); required for zAIn nav, may be empty for other products.
-     */
-    zainMidSections: MidSection<'a'>[];
-    /**
-     * List menu variant; keep in sync with the shell `SideNavigation` variant when embedded.
-     * @default 'compact'
-     */
-    variant?: ListMenuVariant;
-};
-export type MfeProductNavProps = {
-    product: MfeAppId;
-    variant: ListMenuVariant;
-    midSections: MidSection<'a'>[];
-    activeItem: string;
-    onActiveItemChange: (id: string) => void;
-};
-export declare const MfeProductNav: ({ product, variant, midSections, activeItem, onActiveItemChange, }: MfeProductNavProps) => import("react/jsx-runtime").JSX.Element | null;
-declare const MicroFrontendExample: ({ product, inAppActiveId, onInAppActiveIdChange, zainMidSections, variant, }: MicroFrontendExampleProps) => import("react/jsx-runtime").JSX.Element;
-export default MicroFrontendExample;

package/dist/components/SideNavigation/docs/ShellExample.d.ts

@@ -1,9 +0,0 @@
-import { SideNavigationProps } from '../SideNavigation.types';
-export type ShellExampleProps = {
-    /**
-     * User area for the shell (sidebar and mobile top bar). When omitted, names fall back to empty strings.
-     */
-    userArea?: SideNavigationProps<'a'>['userArea'];
-};
-declare const ShellExample: ({ userArea }: ShellExampleProps) => import("react/jsx-runtime").JSX.Element;
-export default ShellExample;

package/dist/components/SideNavigation/docs/ShellHomeContent.d.ts

@@ -1,5 +0,0 @@
-declare const ShellHomeContent: {
-    (): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ShellHomeContent;

package/dist/components/SideNavigation/docs/index.d.ts

@@ -1 +0,0 @@
-export { default as ShellExample } from './ShellExample';

package/dist/components/SideNavigation/docs/mfe/HubDashboardContent.d.ts

@@ -1,5 +0,0 @@
-declare const HubDashboardContent: {
-    (): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default HubDashboardContent;

package/dist/components/SideNavigation/docs/mfe/ZainNewChatContent.d.ts

@@ -1,8 +0,0 @@
-/**
- * zAIn — „Neuer Chat“ main area. Shell breadcrumb shows the active sub-route; add layout and UI here.
- */
-declare const ZainNewChatContent: {
-    (): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ZainNewChatContent;

package/dist/components/SideNavigation/docs/mfe/apps/analytics.d.ts

@@ -1,4 +0,0 @@
-export declare const mfeAppAnalytics: {
-    readonly id: "analytics";
-    readonly title: "Analytics";
-};

package/dist/components/SideNavigation/docs/mfe/apps/api.d.ts

@@ -1,4 +0,0 @@
-export declare const mfeAppApi: {
-    readonly id: "api";
-    readonly title: "API";
-};

package/dist/components/SideNavigation/docs/mfe/apps/campaigns.d.ts

@@ -1,4 +0,0 @@
-export declare const mfeAppCampaigns: {
-    readonly id: "campaigns";
-    readonly title: "Campaigns";
-};

package/dist/components/SideNavigation/docs/mfe/apps/cashlink.d.ts

@@ -1,4 +0,0 @@
-export declare const mfeAppCashlink: {
-    readonly id: "cashlink";
-    readonly title: "CashLink";
-};

package/dist/components/SideNavigation/docs/mfe/apps/cockpit-x.d.ts

@@ -1,4 +0,0 @@
-export declare const mfeAppCockpitX: {
-    readonly id: "cockpit-x";
-    readonly title: "Cockpit X";
-};

package/dist/components/SideNavigation/docs/mfe/apps/cockpit.d.ts

@@ -1,4 +0,0 @@
-export declare const mfeAppCockpit: {
-    readonly id: "cockpit";
-    readonly title: "Cockpit";
-};

package/dist/components/SideNavigation/docs/mfe/apps/connect.d.ts

@@ -1,4 +0,0 @@
-export declare const mfeAppConnect: {
-    readonly id: "connect";
-    readonly title: "Connect";
-};

package/dist/components/SideNavigation/docs/mfe/apps/dms-plus.d.ts

@@ -1,4 +0,0 @@
-export declare const mfeAppDmsPlus: {
-    readonly id: "dms-plus";
-    readonly title: "DMS+";
-};

package/dist/components/SideNavigation/docs/mfe/apps/index.d.ts

@@ -1,59 +0,0 @@
-export declare const mfeApps: readonly [{
-    readonly id: "zain";
-    readonly title: "zAIn";
-}, {
-    readonly id: "one";
-    readonly title: "HUB";
-}, {
-    readonly id: "payroll";
-    readonly title: "Payroll";
-}, {
-    readonly id: "recruit";
-    readonly title: "Recruit";
-}, {
-    readonly id: "campaigns";
-    readonly title: "Campaigns";
-}, {
-    readonly id: "cockpit";
-    readonly title: "Cockpit";
-}, {
-    readonly id: "cockpit-x";
-    readonly title: "Cockpit X";
-}, {
-    readonly id: "work-app";
-    readonly title: "Work App";
-}, {
-    readonly id: "connect";
-    readonly title: "Connect";
-}, {
-    readonly id: "cashlink";
-    readonly title: "CashLink";
-}, {
-    readonly id: "analytics";
-    readonly title: "Analytics";
-}, {
-    readonly id: "dms-plus";
-    readonly title: "DMS+";
-}, {
-    readonly id: "api";
-    readonly title: "API";
-}, {
-    readonly id: "insights";
-    readonly title: "Insights";
-}, {
-    readonly id: "safety-manager";
-    readonly title: "Safety Manager";
-}];
-export type MfeAppId = (typeof mfeApps)[number]['id'];
-export type MfeAppMeta = {
-    readonly id: MfeAppId;
-    readonly title: string;
-};
-/**
- * Returns shell metadata for a registered MFE product id, or undefined.
- */
-export declare function getMfeAppMeta(id: string): MfeAppMeta | undefined;
-/**
- * True when the shell active item corresponds to a documented MFE slot.
- */
-export declare function isMfeAppId(id: string): id is MfeAppId;

package/dist/components/SideNavigation/docs/mfe/apps/insights.d.ts

@@ -1,4 +0,0 @@
-export declare const mfeAppInsights: {
-    readonly id: "insights";
-    readonly title: "Insights";
-};

package/dist/components/SideNavigation/docs/mfe/apps/one.d.ts

@@ -1,4 +0,0 @@
-export declare const mfeAppOne: {
-    readonly id: "one";
-    readonly title: "HUB";
-};

package/dist/components/SideNavigation/docs/mfe/apps/payroll.d.ts

@@ -1,4 +0,0 @@
-export declare const mfeAppPayroll: {
-    readonly id: "payroll";
-    readonly title: "Payroll";
-};

package/dist/components/SideNavigation/docs/mfe/apps/recruit.d.ts

@@ -1,4 +0,0 @@
-export declare const mfeAppRecruit: {
-    readonly id: "recruit";
-    readonly title: "Recruit";
-};

package/dist/components/SideNavigation/docs/mfe/apps/safety-manager.d.ts

@@ -1,4 +0,0 @@
-export declare const mfeAppSafetyManager: {
-    readonly id: "safety-manager";
-    readonly title: "Safety Manager";
-};

package/dist/components/SideNavigation/docs/mfe/apps/work-app.d.ts

@@ -1,4 +0,0 @@
-export declare const mfeAppWorkApp: {
-    readonly id: "work-app";
-    readonly title: "Work App";
-};

package/dist/components/SideNavigation/docs/mfe/apps/zain.d.ts

@@ -1,4 +0,0 @@
-export declare const mfeAppZain: {
-    readonly id: "zain";
-    readonly title: "zAIn";
-};

package/dist/components/SideNavigation/docs/mfe/hubMenu.d.ts

@@ -1,9 +0,0 @@
-import { ListMenuSection } from '../../../ListMenu/ListMenu.types';
-/**
- * HUB in-app navigation (sectioned list — matches product shell layout).
- */
-export declare const hubMfeNavSections: ListMenuSection<'a'>[];
-/**
- * Resolves the in-app nav label for a HUB menu item id (for placeholder views).
- */
-export declare function getHubMfeNavItemLabel(id: string): string;

package/dist/components/SideNavigation/docs/mfe/internalHomeNav.d.ts

@@ -1,7 +0,0 @@
-import { ListMenuItem } from '../../../../index.ts';
-/**
- * Default in-app navigation for MFE shell examples: a single internal home row.
- * Per-product menus can replace or extend this later.
- */
-export declare const mfeInternalHomeNavItems: ListMenuItem<'a'>[];
-export declare function getMfeInternalHomeNavItemLabel(id: string): string;

package/dist/components/SideNavigation/docs/mfe/zainMenu.d.ts

@@ -1,7 +0,0 @@
-import { ListMenuItem } from '../../../../index.ts';
-import { MidSection } from '../../../MidSectionMenus/MidSectionMenus.types';
-/**
- * zAIn in-app navigation list (same entries as the `WithSubMenus` story sub-panel).
- */
-export declare const zainMfeNavListItems: ListMenuItem<'a'>[];
-export declare function getZainMfeNavItemLabel(id: string, midSections: MidSection<'a'>[]): string;

package/dist/components/SideNavigation/index.d.ts

@@ -1,2 +0,0 @@
-export { default as SideNavigation } from './SideNavigation';
-export type { MenuItem, MidSection, SideNavigationProps, SideNavigationVariant, SubMenuLayer, } from './SideNavigation.types';

package/dist/components/SideNavigation/usePinnedSections.d.ts

@@ -1,7 +0,0 @@
-import { MidSection } from './SideNavigation.types';
-/**
- * Hook that manages pinned/unpinned chat sections for story demos.
- * Returns mid-sections with interactive pin/unpin buttons.
- */
-declare const usePinnedSections: () => MidSection<"a">[];
-export default usePinnedSections;

package/dist/components/Skeleton/Skeleton.d.ts

@@ -1,3 +0,0 @@
-import { SkeletonProps } from './Skeleton.types';
-declare const Skeleton: import('react').ForwardRefExoticComponent<SkeletonProps & import('react').RefAttributes<HTMLDivElement>>;
-export default Skeleton;