@wallarm-org/design-system 0.43.0 → 0.44.0

package/dist/components/ProductNav/matchNav.js

@@ -0,0 +1,108 @@
+const findMatchingNode = (items, segment, groupPath = [])=>{
+    for (const item of items)if ('section-header' !== item.type) {
+        if ('group' === item.type) {
+            const found = findMatchingNode(item.children, segment, [
+                ...groupPath,
+                item
+            ]);
+            if (found) return found;
+        } else if (item.path === segment) return {
+            node: item,
+            groupPath
+        };
+    }
+    return null;
+};
+const matchNav = (pathname, config)=>{
+    const segments = pathname.replace(/^\/+|\/+$/g, '').split('/').filter(Boolean);
+    const navStack = [];
+    const breadcrumbSegments = [];
+    let activeItemId = null;
+    const rootEntry = {
+        title: config.productLabel,
+        parentLabel: null,
+        items: config.items,
+        activeItemId: null
+    };
+    navStack.push(rootEntry);
+    breadcrumbSegments.push({
+        type: 'link',
+        label: config.productLabel,
+        href: '/'
+    });
+    let segmentIndex = 0;
+    let currentItems = config.items;
+    let currentStackEntry = rootEntry;
+    while(segmentIndex < segments.length){
+        const seg = segments[segmentIndex];
+        const result = findMatchingNode(currentItems, seg);
+        if (!result) break;
+        const { node: match, groupPath } = result;
+        if ('link' === match.type) {
+            currentStackEntry.activeItemId = match.id;
+            activeItemId = match.id;
+            segmentIndex++;
+            for (const group of groupPath)breadcrumbSegments.push({
+                type: 'static',
+                label: group.label
+            });
+            breadcrumbSegments.push({
+                type: 'static',
+                label: match.label
+            });
+            break;
+        }
+        if ('drill' === match.type) {
+            currentStackEntry.activeItemId = match.id;
+            segmentIndex++;
+            if (segmentIndex >= segments.length) {
+                activeItemId = match.id;
+                breadcrumbSegments.push({
+                    type: 'static',
+                    label: match.label
+                });
+                break;
+            }
+            const paramValue = segments[segmentIndex];
+            segmentIndex++;
+            const matchedEntity = match.entities?.find((e)=>e.id === paramValue);
+            const entityLabel = matchedEntity?.label ?? paramValue;
+            const childPath = segments.slice(segmentIndex).join('/');
+            const scopeItems = match.entities?.map((e)=>({
+                    id: e.id,
+                    label: e.label,
+                    description: e.description,
+                    href: childPath ? `/${match.path}/${e.id}/${childPath}` : `/${match.path}/${e.id}`
+                }));
+            breadcrumbSegments.push({
+                type: 'scope-switcher',
+                label: entityLabel,
+                href: `/${segments.slice(0, segmentIndex).join('/')}`,
+                paramValue,
+                scopeItems
+            });
+            const drillEntry = {
+                title: entityLabel,
+                parentLabel: currentStackEntry.title,
+                items: match.children,
+                activeItemId: null
+            };
+            navStack.push(drillEntry);
+            currentItems = match.children;
+            currentStackEntry = drillEntry;
+            if (segmentIndex >= segments.length) {
+                activeItemId = null;
+                break;
+            }
+            continue;
+        }
+    }
+    const lastEntry = navStack[navStack.length - 1];
+    if (null === activeItemId && lastEntry) activeItemId = lastEntry.activeItemId;
+    return {
+        navStack,
+        breadcrumbSegments,
+        activeItemId
+    };
+};
+export { matchNav };

package/dist/components/ProductNav/navUtils.d.ts

@@ -0,0 +1,5 @@
+import type { NavConfigDrill, NavConfigNode } from './types';
+/** Find the first link path in a config tree (used as default pathname) */
+export declare function findFirstLinkPath(items: NavConfigNode[]): string | null;
+/** Find a drill node by ID in a potentially nested item list */
+export declare function findDrillNode(items: NavConfigNode[], id: string | null): NavConfigDrill | null;

package/dist/components/ProductNav/navUtils.js

@@ -0,0 +1,26 @@
+function findFirstLinkPath(items) {
+    for (const item of items){
+        if ('link' === item.type) return item.path;
+        if ('group' === item.type) {
+            const found = findFirstLinkPath(item.children);
+            if (found) return found;
+        }
+        if ('drill' === item.type) {
+            const found = findFirstLinkPath(item.children);
+            if (found) return found;
+        }
+    }
+    return null;
+}
+function findDrillNode(items, id) {
+    if (!id) return null;
+    for (const item of items){
+        if ('drill' === item.type && item.id === id) return item;
+        if ('group' === item.type) {
+            const found = findDrillNode(item.children, id);
+            if (found) return found;
+        }
+    }
+    return null;
+}
+export { findDrillNode, findFirstLinkPath };

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

@@ -0,0 +1,69 @@
+import type { ComponentType } from 'react';
+import type { SvgIconProps } from '../../icons/SvgIcon';
+export interface NavConfig {
+    productLabel: string;
+    items: NavConfigNode[];
+}
+export type NavConfigNode = NavConfigLink | NavConfigDrill | NavConfigGroup | NavConfigSectionHeader;
+export interface NavConfigLink {
+    type: 'link';
+    id: string;
+    label: string;
+    path: string;
+    icon?: ComponentType<SvgIconProps>;
+    dividerAfter?: boolean;
+}
+export interface NavConfigDrill {
+    type: 'drill';
+    id: string;
+    label: string;
+    path: string;
+    /** URL parameter name for the dynamic segment */
+    param: string;
+    children: NavConfigNode[];
+    icon?: ComponentType<SvgIconProps>;
+    /** Available entities for the drill scope-switcher dropdown */
+    entities?: {
+        id: string;
+        label: string;
+        description?: string;
+    }[];
+    /** Render a visual divider after this item */
+    dividerAfter?: boolean;
+}
+export interface NavConfigGroup {
+    type: 'group';
+    id: string;
+    label: string;
+    children: NavConfigNode[];
+    icon?: ComponentType<SvgIconProps>;
+    defaultExpanded?: boolean;
+    /** Render a visual divider after this item */
+    dividerAfter?: boolean;
+}
+export interface NavConfigSectionHeader {
+    type: 'section-header';
+    id: string;
+    label: string;
+    dividerAfter?: boolean;
+}
+export interface NavStackEntry {
+    title: string;
+    parentLabel: string | null;
+    items: NavConfigNode[];
+    activeItemId: string | null;
+}
+export interface BreadcrumbSegment {
+    type: 'link' | 'scope-switcher' | 'static';
+    label: string;
+    href?: string;
+    /** Present on scope-switcher segments. Current entity parameter value. */
+    paramValue?: string;
+    /** Present on scope-switcher segments. Built scope items with hrefs for the dropdown. */
+    scopeItems?: {
+        id: string;
+        label: string;
+        description?: string;
+        href: string;
+    }[];
+}

package/dist/components/ProductNav/useLocationPathname.d.ts

@@ -0,0 +1,4 @@
+/** Push a new pathname to the browser history and notify subscribers. */
+export declare function pushPathname(path: string): void;
+/** Subscribe to `window.location.pathname` via `useSyncExternalStore`. */
+export declare function useLocationPathname(): string;

package/dist/components/ProductNav/useLocationPathname.js

@@ -0,0 +1,24 @@
+import { useSyncExternalStore } from "react";
+let listeners = [];
+function subscribe(listener) {
+    listeners = [
+        ...listeners,
+        listener
+    ];
+    window.addEventListener('popstate', listener);
+    return ()=>{
+        listeners = listeners.filter((l)=>l !== listener);
+        window.removeEventListener('popstate', listener);
+    };
+}
+function getSnapshot() {
+    return window.location.pathname;
+}
+function pushPathname(path) {
+    window.history.pushState(null, '', path);
+    for (const listener of listeners)listener();
+}
+function useLocationPathname() {
+    return useSyncExternalStore(subscribe, getSnapshot);
+}
+export { pushPathname, useLocationPathname };

package/dist/components/ProductNav/useProductNav.d.ts

@@ -0,0 +1,16 @@
+import { type Dispatch, type SetStateAction } from 'react';
+import type { BreadcrumbSegment, NavStackEntry } from './types';
+export interface UseProductNavResult {
+    navStack: NavStackEntry[];
+    peekDepth: number;
+    setPeekDepth: Dispatch<SetStateAction<number>>;
+    breadcrumbSegments: BreadcrumbSegment[];
+    activeItemId: string | null;
+}
+/**
+ * Hook providing computed nav state + peekDepth management.
+ *
+ * Reads computed state from ProductNav context.
+ * `peekDepth` is the only local mutable state and resets on pathname changes.
+ */
+export declare function useProductNav(): UseProductNavResult;

package/dist/components/ProductNav/useProductNav.js

@@ -0,0 +1,19 @@
+import { useEffect, useState } from "react";
+import { useProductNavContext } from "./ProductNavContext.js";
+function useProductNav() {
+    const { pathname, navStack, breadcrumbSegments, activeItemId } = useProductNavContext();
+    const [peekDepth, setPeekDepth] = useState(0);
+    useEffect(()=>{
+        setPeekDepth(0);
+    }, [
+        pathname
+    ]);
+    return {
+        navStack,
+        peekDepth,
+        setPeekDepth,
+        breadcrumbSegments,
+        activeItemId
+    };
+}
+export { useProductNav };

package/dist/components/RemoteShell/RemoteShell.d.ts

@@ -0,0 +1,7 @@
+import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+import { type TestableProps } from '../../utils/testId';
+export interface RemoteShellProps extends HTMLAttributes<HTMLDivElement>, TestableProps {
+    ref?: Ref<HTMLDivElement>;
+    children?: ReactNode;
+}
+export declare const RemoteShell: FC<RemoteShellProps>;

package/dist/components/RemoteShell/RemoteShell.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { TestIdProvider } from "../../utils/testId.js";
+const RemoteShell = ({ ref, className, children, 'data-testid': testId, ...props })=>/*#__PURE__*/ jsx(TestIdProvider, {
+        value: testId,
+        children: /*#__PURE__*/ jsx("div", {
+            ...props,
+            ref: ref,
+            "data-slot": "remote-shell",
+            "data-testid": testId,
+            className: cn('grid h-full overflow-hidden [grid-template-areas:"panel_breadcrumb""panel_content"] [grid-template-columns:auto_1fr] [grid-template-rows:auto_1fr]', className),
+            children: children
+        })
+    });
+RemoteShell.displayName = 'RemoteShell';
+export { RemoteShell };

package/dist/components/RemoteShell/RemoteShellBreadcrumb.d.ts

@@ -0,0 +1,6 @@
+import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+export interface RemoteShellBreadcrumbProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+    children?: ReactNode;
+}
+export declare const RemoteShellBreadcrumb: FC<RemoteShellBreadcrumbProps>;

package/dist/components/RemoteShell/RemoteShellBreadcrumb.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { useTestId } from "../../utils/testId.js";
+const RemoteShellBreadcrumb = ({ ref, className, children, ...props })=>{
+    const testId = useTestId('breadcrumb');
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        ref: ref,
+        "data-slot": "remote-shell-breadcrumb",
+        "data-testid": testId,
+        className: cn('[grid-area:breadcrumb] flex items-center px-24 py-8', className),
+        children: children
+    });
+};
+RemoteShellBreadcrumb.displayName = 'RemoteShellBreadcrumb';
+export { RemoteShellBreadcrumb };

package/dist/components/RemoteShell/RemoteShellContent.d.ts

@@ -0,0 +1,6 @@
+import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+export interface RemoteShellContentProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+    children?: ReactNode;
+}
+export declare const RemoteShellContent: FC<RemoteShellContentProps>;

package/dist/components/RemoteShell/RemoteShellContent.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { useTestId } from "../../utils/testId.js";
+const RemoteShellContent = ({ ref, className, children, ...props })=>{
+    const testId = useTestId('content');
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        ref: ref,
+        "data-slot": "remote-shell-content",
+        "data-testid": testId,
+        className: cn('[grid-area:content] min-h-0 overflow-auto px-24 py-16 [scrollbar-width:thin]', className),
+        children: children
+    });
+};
+RemoteShellContent.displayName = 'RemoteShellContent';
+export { RemoteShellContent };

package/dist/components/RemoteShell/RemoteShellPanel.d.ts

@@ -0,0 +1,6 @@
+import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+export interface RemoteShellPanelProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+    children?: ReactNode;
+}
+export declare const RemoteShellPanel: FC<RemoteShellPanelProps>;

package/dist/components/RemoteShell/RemoteShellPanel.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { useTestId } from "../../utils/testId.js";
+const RemoteShellPanel = ({ ref, className, children, ...props })=>{
+    const testId = useTestId('panel');
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        ref: ref,
+        "data-slot": "remote-shell-panel",
+        "data-testid": testId,
+        className: cn('[grid-area:panel] min-h-0', className),
+        children: children
+    });
+};
+RemoteShellPanel.displayName = 'RemoteShellPanel';
+export { RemoteShellPanel };

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

@@ -0,0 +1,4 @@
+export { RemoteShell, type RemoteShellProps } from './RemoteShell';
+export { RemoteShellBreadcrumb, type RemoteShellBreadcrumbProps } from './RemoteShellBreadcrumb';
+export { RemoteShellContent, type RemoteShellContentProps } from './RemoteShellContent';
+export { RemoteShellPanel, type RemoteShellPanelProps } from './RemoteShellPanel';

package/dist/components/RemoteShell/index.js

@@ -0,0 +1,5 @@
+import { RemoteShell } from "./RemoteShell.js";
+import { RemoteShellBreadcrumb } from "./RemoteShellBreadcrumb.js";
+import { RemoteShellContent } from "./RemoteShellContent.js";
+import { RemoteShellPanel } from "./RemoteShellPanel.js";
+export { RemoteShell, RemoteShellBreadcrumb, RemoteShellContent, RemoteShellPanel };

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
+export { useArrowNav } from './useArrowNav';
 export { useControlled } from './useControlled';
 export { useCopyToClipboard } from './useCopyToClipboard';
 export { useCopyTooltip } from './useCopyTooltip';

package/dist/hooks/index.js

@@ -1,6 +1,7 @@
+import { useArrowNav } from "./useArrowNav.js";
 import { useControlled } from "./useControlled.js";
 import { useCopyToClipboard } from "./useCopyToClipboard.js";
 import { useCopyTooltip } from "./useCopyTooltip.js";
 import { useIsKeyPressed } from "./useIsKeyPressed.js";
 import { useOverflowItems } from "./useOverflowItems.js";
-export { useControlled, useCopyToClipboard, useCopyTooltip, useIsKeyPressed, useOverflowItems };
+export { useArrowNav, useControlled, useCopyToClipboard, useCopyTooltip, useIsKeyPressed, useOverflowItems };

package/dist/hooks/useArrowNav.d.ts

@@ -0,0 +1,7 @@
+import { type RefObject } from 'react';
+export interface UseArrowNavOptions {
+    onArrowRight?: () => void;
+    onArrowLeft?: () => void;
+    onEnter?: () => void;
+}
+export declare function useArrowNav(containerRef: RefObject<HTMLElement | null>, selector: string, options?: UseArrowNavOptions): void;

package/dist/hooks/useArrowNav.js

@@ -0,0 +1,98 @@
+import { useEffect } from "react";
+function isVisible(el, container) {
+    let current = el;
+    while(current && current !== container){
+        if (0 === current.offsetWidth || 0 === current.offsetHeight) return false;
+        current = current.parentElement;
+    }
+    return true;
+}
+function useArrowNav(containerRef, selector, options) {
+    useEffect(()=>{
+        const container = containerRef.current;
+        if (!container) return;
+        function getItems() {
+            const all = container.querySelectorAll(selector);
+            return Array.from(all).filter((el)=>isVisible(el, container));
+        }
+        function syncTabIndex() {
+            const items = getItems();
+            if (0 === items.length) return;
+            const active = items.find((el)=>'page' === el.getAttribute('aria-current'));
+            const hasFocused = items.find((el)=>'0' === el.getAttribute('tabindex'));
+            if (hasFocused) {
+                for (const item of items)if (!item.hasAttribute('tabindex')) item.setAttribute('tabindex', '-1');
+            } else {
+                const target = active ?? items[0];
+                for (const item of items)item.setAttribute('tabindex', item === target ? '0' : '-1');
+            }
+        }
+        function handleKeyDown(event) {
+            const { key } = event;
+            if ('Enter' === key) {
+                const target = document.activeElement;
+                if (target && getItems().includes(target)) {
+                    event.preventDefault();
+                    target.click();
+                    options?.onEnter?.();
+                }
+                return;
+            }
+            if ('ArrowRight' === key && options?.onArrowRight) {
+                event.preventDefault();
+                options.onArrowRight();
+                return;
+            }
+            if ('ArrowLeft' === key && options?.onArrowLeft) {
+                event.preventDefault();
+                options.onArrowLeft();
+                return;
+            }
+            if ('ArrowDown' !== key && 'ArrowUp' !== key && 'Home' !== key && 'End' !== key) return;
+            const items = getItems();
+            if (0 === items.length) return;
+            const currentIndex = items.indexOf(document.activeElement);
+            if (-1 === currentIndex) return;
+            event.preventDefault();
+            let nextIndex;
+            switch(key){
+                case 'ArrowDown':
+                    nextIndex = currentIndex + 1 >= items.length ? 0 : currentIndex + 1;
+                    break;
+                case 'ArrowUp':
+                    nextIndex = currentIndex - 1 < 0 ? items.length - 1 : currentIndex - 1;
+                    break;
+                case 'Home':
+                    nextIndex = 0;
+                    break;
+                case 'End':
+                    nextIndex = items.length - 1;
+                    break;
+                default:
+                    return;
+            }
+            items[currentIndex]?.setAttribute('tabindex', '-1');
+            items[nextIndex]?.setAttribute('tabindex', '0');
+            items[nextIndex]?.focus();
+        }
+        syncTabIndex();
+        const observer = new MutationObserver(syncTabIndex);
+        observer.observe(container, {
+            childList: true,
+            subtree: true,
+            attributes: true
+        });
+        container.addEventListener('keydown', handleKeyDown);
+        return ()=>{
+            observer.disconnect();
+            container.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [
+        containerRef,
+        selector,
+        options?.onArrowRight,
+        options?.onArrowLeft,
+        options?.onEnter
+    ]);
+}
+export { useArrowNav };

package/dist/icons/ChevronUpDown.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ChevronUpDown: FC<SvgIconProps>;

package/dist/icons/ChevronUpDown.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ChevronUpDown = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M16.293 14.293C16.6835 13.9025 17.3165 13.9025 17.707 14.293C18.0976 14.6835 18.0976 15.3165 17.707 15.707L12.707 20.707C12.3165 21.0976 11.6835 21.0976 11.293 20.707L6.29297 15.707C5.90245 15.3165 5.90245 14.6835 6.29297 14.293C6.68349 13.9025 7.31651 13.9025 7.70703 14.293L12 18.5859L16.293 14.293ZM11.3691 3.22462C11.7619 2.90427 12.3409 2.92686 12.707 3.29298L17.707 8.29298C18.0976 8.6835 18.0976 9.31652 17.707 9.70704C17.3165 10.0976 16.6835 10.0976 16.293 9.70704L12 5.41407L7.70703 9.70704C7.31651 10.0976 6.68349 10.0976 6.29297 9.70704C5.90245 9.31652 5.90245 8.6835 6.29297 8.29298L11.293 3.29298L11.3691 3.22462Z",
+            fill: "currentColor"
+        })
+    });
+ChevronUpDown.displayName = 'ChevronUpDownIcon';
+export { ChevronUpDown };

package/dist/icons/MapPin.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const MapPin: FC<SvgIconProps>;

package/dist/icons/MapPin.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const MapPin = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M18 9.20605C18 6.0948 15.3546 3.5 12 3.5C8.6454 3.5 6 6.0948 6 9.20605C6.00006 11.3244 7.02608 13.6029 8.35938 15.6416C9.64802 17.612 11.145 19.2389 12 20.1045C12.855 19.2389 14.352 17.612 15.6406 15.6416C16.9739 13.6029 17.9999 11.3244 18 9.20605ZM14 9.5C14 8.39543 13.1046 7.5 12 7.5C10.8954 7.5 10 8.39543 10 9.5C10 10.6046 10.8954 11.5 12 11.5C13.1046 11.5 14 10.6046 14 9.5ZM16 9.5C16 11.7091 14.2091 13.5 12 13.5C9.79086 13.5 8 11.7091 8 9.5C8 7.29086 9.79086 5.5 12 5.5C14.2091 5.5 16 7.29086 16 9.5ZM20 9.20605C19.9999 11.9075 18.7208 14.5859 17.3145 16.7363C15.8932 18.9095 14.2547 20.6742 13.3613 21.5732C12.6073 22.3321 11.3927 22.3321 10.6387 21.5732C9.74532 20.6742 8.10681 18.9095 6.68555 16.7363C5.27921 14.5859 4.00005 11.9075 4 9.20605C4 4.91019 7.62261 1.5 12 1.5C16.3774 1.5 20 4.91019 20 9.20605Z",
+            fill: "currentColor"
+        })
+    });
+MapPin.displayName = 'MapPinIcon';
+export { MapPin };

package/dist/icons/index.d.ts

@@ -41,6 +41,7 @@ export { ChevronsLeft } from './ChevronsLeft';
 export { ChevronsRight } from './ChevronsRight';
 export { ChevronsUp } from './ChevronsUp';
 export { ChevronUp } from './ChevronUp';
+export { ChevronUpDown } from './ChevronUpDown';
 export { Circle } from './Circle';
 export { CircleArrowDown } from './CircleArrowDown';
 export { CircleArrowLeft } from './CircleArrowLeft';
@@ -113,6 +114,7 @@ export { Loader } from './Loader';
 export { LoaderCircle } from './LoaderCircle';
 export { Lock } from './Lock';
 export { LockOpen } from './LockOpen';
+export { MapPin } from './MapPin';
 export { Maximize } from './Maximize';
 export { Maximize2 } from './Maximize2';
 export { Megaphone } from './Megaphone';

package/dist/icons/index.js

@@ -41,6 +41,7 @@ import { ChevronsLeft } from "./ChevronsLeft.js";
 import { ChevronsRight } from "./ChevronsRight.js";
 import { ChevronsUp } from "./ChevronsUp.js";
 import { ChevronUp } from "./ChevronUp.js";
+import { ChevronUpDown } from "./ChevronUpDown.js";
 import { Circle } from "./Circle.js";
 import { CircleArrowDown } from "./CircleArrowDown.js";
 import { CircleArrowLeft } from "./CircleArrowLeft.js";
@@ -113,6 +114,7 @@ import { Loader } from "./Loader.js";
 import { LoaderCircle } from "./LoaderCircle.js";
 import { Lock } from "./Lock.js";
 import { LockOpen } from "./LockOpen.js";
+import { MapPin } from "./MapPin.js";
 import { Maximize } from "./Maximize.js";
 import { Maximize2 } from "./Maximize2.js";
 import { Megaphone } from "./Megaphone.js";
@@ -178,4 +180,4 @@ import { X } from "./X.js";
 import { Zap } from "./Zap.js";
 import { ZoomIn } from "./ZoomIn.js";
 import { ZoomOut } from "./ZoomOut.js";
-export { Activity, Alt, ArrowBigUp, ArrowBigUpDash, ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowRight, ArrowUp, ArrowUpLeft, ArrowUpRight, Bell, Calendar, CalendarCheck, CalendarCheck2, CalendarClock, CalendarCog, CalendarDays, CalendarFold, CalendarHeart, CalendarMinus, CalendarMinus2, CalendarOff, CalendarPlus, CalendarPlus2, CalendarRange, CalendarSearch, CalendarX, CalendarX2, Check, CheckCheck, CheckboxIndeterminate, ChevronDown, ChevronFirst, ChevronLast, ChevronLeft, ChevronRight, ChevronUp, ChevronsDown, ChevronsLeft, ChevronsRight, ChevronsUp, Circle, CircleArrowDown, CircleArrowLeft, CircleArrowOutDownLeft, CircleArrowOutDownRight, CircleArrowOutUpLeft, CircleArrowOutUpRight, CircleArrowRight, CircleArrowUp, CircleCheck, CircleCheckBig, CircleChevronDown, CircleChevronLeft, CircleChevronRight, CircleChevronUp, CircleDashed, CircleDotDashed, CircleEllipsis, CircleHelp, CirclePlus, Clock, Command, Copy, CornerUpLeft, CornerUpRight, Ctrl, Dot, Earth, EarthLock, Ellipsis, EyeOff, Filter, FilterX, Folder, FunnelPlus, GitCommitHorizontal, GitCommitVertical, GitCompare, GitCompareArrows, GitFork, GitGraph, GitMerge, GitPullRequest, GitPullRequestArrow, GitPullRequestClosed, GitPullRequestCreate, GitPullRequestCreateArrow, GitPullRequestDraft, Globe, GlobeLock, GripVertical, History, Home, Info, KeyRound, KeySquare, Keyboard, Layers, Layers2, Layers3, LayoutDashboard, LayoutGrid, LayoutList, LayoutPanelLeft, LayoutPanelTop, LayoutTemplate, LibraryBig, Link, Loader, LoaderCircle, Lock, LockOpen, Maximize, Maximize2, Megaphone, MegaphoneOff, MessageSquare, MessageSquareText, MessageSquareWarning, MessageSquareX, MessagesSquare, Minus, Mouse, Move3D, MoveDown, MoveUp, MoveVertical, NotebookPen, NotepadText, OctagonAlert, PanelBottom, PanelBottomOpen, PanelRight, PanelRightAnimated, PanelRightClose, PanelRightDashed, PanelRightOpen, Paperclip, Pen, PenLine, PenOff, PenTool, Pencil, PencilLine, PencilOff, PencilRuler, Pentagon, Pin, PinOff, Plus, Quote, Redo, Redo2, RedoDot, RefreshCcw, RefreshCwOff, Search, Settings, Sheet, Shift, Skull, SlidersHorizontal, SlidersVertical, Space, SquareArrowOutUpRight, Trash, Trash2, TriangleAlert, Undo, Undo2, UndoDot, User, Wrench, X, Zap, ZoomIn, ZoomOut };
+export { Activity, Alt, ArrowBigUp, ArrowBigUpDash, ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowRight, ArrowUp, ArrowUpLeft, ArrowUpRight, Bell, Calendar, CalendarCheck, CalendarCheck2, CalendarClock, CalendarCog, CalendarDays, CalendarFold, CalendarHeart, CalendarMinus, CalendarMinus2, CalendarOff, CalendarPlus, CalendarPlus2, CalendarRange, CalendarSearch, CalendarX, CalendarX2, Check, CheckCheck, CheckboxIndeterminate, ChevronDown, ChevronFirst, ChevronLast, ChevronLeft, ChevronRight, ChevronUp, ChevronUpDown, ChevronsDown, ChevronsLeft, ChevronsRight, ChevronsUp, Circle, CircleArrowDown, CircleArrowLeft, CircleArrowOutDownLeft, CircleArrowOutDownRight, CircleArrowOutUpLeft, CircleArrowOutUpRight, CircleArrowRight, CircleArrowUp, CircleCheck, CircleCheckBig, CircleChevronDown, CircleChevronLeft, CircleChevronRight, CircleChevronUp, CircleDashed, CircleDotDashed, CircleEllipsis, CircleHelp, CirclePlus, Clock, Command, Copy, CornerUpLeft, CornerUpRight, Ctrl, Dot, Earth, EarthLock, Ellipsis, EyeOff, Filter, FilterX, Folder, FunnelPlus, GitCommitHorizontal, GitCommitVertical, GitCompare, GitCompareArrows, GitFork, GitGraph, GitMerge, GitPullRequest, GitPullRequestArrow, GitPullRequestClosed, GitPullRequestCreate, GitPullRequestCreateArrow, GitPullRequestDraft, Globe, GlobeLock, GripVertical, History, Home, Info, KeyRound, KeySquare, Keyboard, Layers, Layers2, Layers3, LayoutDashboard, LayoutGrid, LayoutList, LayoutPanelLeft, LayoutPanelTop, LayoutTemplate, LibraryBig, Link, Loader, LoaderCircle, Lock, LockOpen, MapPin, Maximize, Maximize2, Megaphone, MegaphoneOff, MessageSquare, MessageSquareText, MessageSquareWarning, MessageSquareX, MessagesSquare, Minus, Mouse, Move3D, MoveDown, MoveUp, MoveVertical, NotebookPen, NotepadText, OctagonAlert, PanelBottom, PanelBottomOpen, PanelRight, PanelRightAnimated, PanelRightClose, PanelRightDashed, PanelRightOpen, Paperclip, Pen, PenLine, PenOff, PenTool, Pencil, PencilLine, PencilOff, PencilRuler, Pentagon, Pin, PinOff, Plus, Quote, Redo, Redo2, RedoDot, RefreshCcw, RefreshCwOff, Search, Settings, Sheet, Shift, Skull, SlidersHorizontal, SlidersVertical, Space, SquareArrowOutUpRight, Trash, Trash2, TriangleAlert, Undo, Undo2, UndoDot, User, Wrench, X, Zap, ZoomIn, ZoomOut };

package/dist/index.d.ts

@@ -15,6 +15,7 @@ export { Alert, AlertClose, type AlertCloseProps, type AlertColor, AlertContent,
 export { AppShell, AppShellHeader, type AppShellHeaderProps, type AppShellProps, AppShellRail, type AppShellRailProps, AppShellRemote, type AppShellRemoteProps, } from './components/AppShell';
 export { Attribute, AttributeActions, AttributeActionsContent, type AttributeActionsContentProps, AttributeActionsItem, type AttributeActionsItemProps, type AttributeActionsProps, AttributeActionsTarget, type AttributeActionsTargetProps, AttributeLabel, AttributeLabelDescription, type AttributeLabelDescriptionProps, AttributeLabelInfo, type AttributeLabelInfoProps, type AttributeLabelProps, type AttributeProps, AttributeValue, type AttributeValueProps, } from './components/Attribute';
 export { Badge, type BadgeProps } from './components/Badge';
+export { Breadcrumbs, BreadcrumbsEllipsis, type BreadcrumbsEllipsisProps, BreadcrumbsItem, type BreadcrumbsItemProps, type BreadcrumbsProps, BreadcrumbsScopeSwitcher, type BreadcrumbsScopeSwitcherProps, BreadcrumbsSeparator, type BreadcrumbsSeparatorProps, type ScopeSwitcherItem, } from './components/Breadcrumbs';
 export { Button, type ButtonProps } from './components/Button';
 export { Calendar, CalendarApplyButton, type CalendarApplyButtonProps, CalendarBody, type CalendarBodyProps, CalendarContent, type CalendarContentProps, type CalendarContextValue, CalendarDayName, CalendarFooter, CalendarFooterControls, type CalendarFooterControlsProps, type CalendarFooterProps, CalendarGrid, CalendarGrids, type CalendarGridsProps, CalendarHeader, CalendarInputHeader, type CalendarInputHeaderProps, CalendarKeyboardHints, type CalendarKeyboardHintsProps, CalendarPresetItem, CalendarPresets, type CalendarPresetsProps, type CalendarProps, CalendarProvider, CalendarResetButton, type CalendarResetButtonProps, CalendarTrigger, type CalendarTriggerProps, type CalendarType, DAY_NAMES, type DateRangePreset, type DateValue, DEFAULT_RANGE_PRESETS, DEFAULT_SINGLE_PRESETS, MONTH_NAMES, type PresetConfig, type PresetValue, useCalendarContext, } from './components/Calendar';
 export { Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, cardVariants, } from './components/Card';
@@ -45,7 +46,9 @@ export { NumericBadge, type NumericBadgeProps, } from './components/NumericBadge
 export { OverflowTooltip, OverflowTooltipContent, type OverflowTooltipContentProps, type OverflowTooltipProps, } from './components/OverflowTooltip';
 export { type CopyFormatData, formatAsFilter, ParameterPath, type ParameterPathProps, } from './components/ParameterPath';
 export { Popover, PopoverContent, PopoverTrigger } from './components/Popover';
+export { type BreadcrumbSegment, findDrillNode, findFirstLinkPath, type MatchNavResult, matchNav, type NavConfig, type NavConfigDrill, type NavConfigGroup, type NavConfigLink, type NavConfigNode, type NavStackEntry, ProductNav, ProductNavBreadcrumbs, type ProductNavContextValue, ProductNavPanel, type ProductNavProps, type UseProductNavResult, useProductNav, useProductNavContext, } from './components/ProductNav';
 export { Radio, RadioDescription, type RadioDescriptionProps, RadioGroup, type RadioGroupProps, RadioIndicator, RadioLabel, type RadioLabelProps, type RadioProps, } from './components/Radio';
+export { RemoteShell, RemoteShellBreadcrumb, type RemoteShellBreadcrumbProps, RemoteShellContent, type RemoteShellContentProps, RemoteShellPanel, type RemoteShellPanelProps, type RemoteShellProps, } from './components/RemoteShell';
 export { getResponseCodeCategory, RESPONSE_CODE_COLOR, ResponseCode, type ResponseCodeCategory, type ResponseCodeProps, } from './components/ResponseCode';
 export { ScrollArea, ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaCorner, type ScrollAreaProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaViewport, type ScrollAreaViewportProps, } from './components/ScrollArea';
 export { SegmentedControl, SegmentedControlButton, type SegmentedControlButtonProps, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, SegmentedControlSeparator, type SegmentedControlSeparatorProps, } from './components/SegmentedControl';