@wallarm-org/design-system 0.50.1 → 0.50.2-rc-feature-shell.2

package/dist/components/{ProductNav → RemoteShell/model}/types.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType } from 'react';
-import type { SvgIconProps } from '../../icons/SvgIcon';
+import type { SvgIconProps } from '../../../icons/SvgIcon';
 export interface NavConfigHeaderAction {
     icon: ComponentType<SvgIconProps>;
     label: string;
@@ -8,6 +8,7 @@ export interface NavConfigHeaderAction {
 }
 export interface NavConfig {
     productLabel: string;
+    productPath: string;
     items: NavConfigNode[];
     headerActions?: NavConfigHeaderAction[];
 }
@@ -35,7 +36,6 @@ export interface NavConfigDrill {
         label: string;
         description?: string;
     }[];
-    /** Render a visual divider after this item */
     dividerAfter?: boolean;
 }
 export interface NavConfigGroup {
@@ -45,7 +45,6 @@ export interface NavConfigGroup {
     children: NavConfigNode[];
     icon?: ComponentType<SvgIconProps>;
     defaultExpanded?: boolean;
-    /** Render a visual divider after this item */
     dividerAfter?: boolean;
 }
 export interface NavConfigSectionHeader {

package/dist/index.d.ts

@@ -47,10 +47,9 @@ export { OverflowTooltip, OverflowTooltipContent, type OverflowTooltipContentPro
 export { Page, PageActions, type PageActionsProps, PageContent, type PageContentProps, PageHeader, type PageHeaderProps, type PageHostContextValue, PageHostProvider, type PageLayoutOptions, type PageProps, PageTitle, type PageTitleProps, usePageHost, } from './components/Page';
 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, NavPanelSkeleton, type NavPanelSkeletonProps, type NavStackEntry, ProductNav, ProductNavBreadcrumbs, type ProductNavContextValue, ProductNavPanel, type ProductNavProps, type UseProductNavResult, useProductNav, useProductNavContext, } from './components/ProductNav';
 export { Progress, type ProgressColor, type ProgressProps, } from './components/Progress';
 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 { type BreadcrumbSegment, findFirstLinkPath, type NavConfig, type NavConfigDrill, type NavConfigGroup, type NavConfigLink, type NavConfigNode, type NavStackEntry, pushPathname, RemoteShell, RemoteShellBreadcrumb, type RemoteShellBreadcrumbProps, RemoteShellContent, type RemoteShellContentProps, type RemoteShellContextValue, RemoteShellPanel, type RemoteShellPanelProps, type RemoteShellProps, useLocationPathname, useRemoteShellContext, } 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';

package/dist/index.js

@@ -36,10 +36,9 @@ import { OverflowTooltip, OverflowTooltipContent } from "./components/OverflowTo
 import { Page, PageActions, PageContent, PageHeader, PageHostProvider, PageTitle, usePageHost } from "./components/Page/index.js";
 import { ParameterPath, formatAsFilter } from "./components/ParameterPath/index.js";
 import { Popover, PopoverContent, PopoverTrigger } from "./components/Popover/index.js";
-import { NavPanelSkeleton, ProductNav, ProductNavBreadcrumbs, ProductNavPanel, findDrillNode, findFirstLinkPath, matchNav, useProductNav, useProductNavContext } from "./components/ProductNav/index.js";
 import { Progress } from "./components/Progress/index.js";
 import { Radio, RadioDescription, RadioGroup, RadioIndicator, RadioLabel } from "./components/Radio/index.js";
-import { RemoteShell, RemoteShellBreadcrumb, RemoteShellContent, RemoteShellPanel } from "./components/RemoteShell/index.js";
+import { RemoteShell, RemoteShellBreadcrumb, RemoteShellContent, RemoteShellPanel, findFirstLinkPath, pushPathname, useLocationPathname, useRemoteShellContext } from "./components/RemoteShell/index.js";
 import { RESPONSE_CODE_COLOR, ResponseCode, getResponseCodeCategory } from "./components/ResponseCode/index.js";
 import { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaViewport } from "./components/ScrollArea/index.js";
 import { SegmentedControl, SegmentedControlButton, SegmentedControlItem, SegmentedControlSeparator } from "./components/SegmentedControl/index.js";
@@ -65,4 +64,4 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "./components/Tooltip/in
 import { TopHeader, TopHeaderActions, TopHeaderLogo } from "./components/TopHeader/index.js";
 import { Tour, beaconStepEffect, useTour, waitForStepEvent } from "./components/Tour/index.js";
 import { TestIdProvider, useTestId } from "./utils/testId.js";
-export { Accordion, AccordionActions, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertClose, AlertContent, AlertControls, AlertDescription, AlertIcon, AlertTitle, AppShell, AppShellHeader, AppShellRail, AppShellRemote, Attribute, AttributeActions, AttributeActionsContent, AttributeActionsItem, AttributeActionsTarget, AttributeLabel, AttributeLabelDescription, AttributeLabelInfo, AttributeValue, Badge, Breadcrumbs, BreadcrumbsEllipsis, BreadcrumbsItem, BreadcrumbsScopeSwitcher, BreadcrumbsSeparator, Button, Calendar, CalendarApplyButton, CalendarBody, CalendarContent, CalendarDate, CalendarDateTime, CalendarDayName, CalendarFooter, CalendarFooterControls, CalendarGrid, CalendarGrids, CalendarHeader, CalendarInputHeader, CalendarKeyboardHints, CalendarPresetItem, CalendarPresets, CalendarProvider, CalendarResetButton, CalendarTrigger, Card, CardContent, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxDescription, CheckboxGroup, CheckboxIndicator, CheckboxLabel, Code, Country, CountryFlag, CountryName, DAY_NAMES, DEFAULT_RANGE_PRESETS, DEFAULT_SINGLE_PRESETS, DateFormatProvider, DateInput, DateRangeEndValue, DateRangeInput, DateRangeProvider, DateRangeSeparator, DateRangeStartValue, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerFooter, DrawerFooterControls, DrawerHeader, DrawerPositioner, DrawerResizeHandle, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuContextTrigger, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuInput, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDescription, DropdownMenuItemIcon, DropdownMenuItemText, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, DropdownMenuTriggerItem, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FilterInput, FilterInputChip, FilterInputFieldMenu, FilterInputOperatorMenu, Flex, FormatDateTime, HStack, HTTP_METHODS, HTTP_METHOD_COLOR, Heading, HttpMethod, Input, InputGroup, InputGroupAddon, InputGroupText, Ip, IpAddress, IpCountry, IpList, IpPort, IpProvider, Kbd, KbdGroup, Link, Loader, Logo, MONTH_NAMES, NavPanelSkeleton, NavRail, NavRailBody, NavRailFooter, NavRailItem, NavRailSeparator, NavRailSkeleton, NumberInput, NumericBadge, OverflowTooltip, OverflowTooltipContent, Page, PageActions, PageContent, PageHeader, PageHostProvider, PageTitle, ParameterPath, Popover, PopoverContent, PopoverTrigger, ProductNav, ProductNavBreadcrumbs, ProductNavPanel, Progress, RESPONSE_CODE_COLOR, Radio, RadioDescription, RadioGroup, RadioIndicator, RadioLabel, RemoteShell, RemoteShellBreadcrumb, RemoteShellContent, RemoteShellPanel, ResponseCode, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaViewport, SegmentedControl, SegmentedControlButton, SegmentedControlItem, SegmentedControlSeparator, SegmentedTabs, SegmentedTabsButton, SegmentedTabsContent, SegmentedTabsList, SegmentedTabsSeparator, SegmentedTabsTrigger, SegmentedTabsTriggerButton, Select, SelectButton, SelectClearTrigger, SelectContent, SelectFooter, SelectGroup, SelectGroupLabel, SelectHeader, SelectInput, SelectOption, SelectOptionDescription, SelectOptionIndicator, SelectOptionText, SelectPositioner, SelectSearchInput, SelectSeparator, Selection, SelectionAll, SelectionBulkBar, SelectionItem, Separator, Skeleton, SplashScreen, SplitButton, Stack, Switch, SwitchControl, SwitchDescription, SwitchLabel, Table, TableActionBar, TableEmptyState, TableSettingsMenu, Tabs, TabsButton, TabsContent, TabsLineActions, TabsList, TabsSeparator, TabsTrigger, Tag, TagClose, TestIdProvider, Text, Textarea, ThemeProvider, Time, TimeInput, Toast, ToastActions, Toaster, ToggleButton, Tooltip, TooltipContent, TooltipTrigger, TopHeader, TopHeaderActions, TopHeaderLogo, Tour, VStack, ZonedDateTime, beaconStepEffect, cardVariants, createTableColumnHelper, datacenters, drawerContentVariants, drawerPositionerVariants, findDrillNode, findFirstLinkPath, formatAsFilter, getLocalTimeZone, getResponseCodeCategory, matchNav, parseDate, parseDateTime, parseTime, parseZonedDateTime, proxyTypes, sourceLabels, toaster, today, useCalendarContext, useDateFormat, useDateRangeContext, useDrawerContext, usePageHost, useProductNav, useProductNavContext, useTestId, useTheme, useTour, waitForStepEvent };
+export { Accordion, AccordionActions, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertClose, AlertContent, AlertControls, AlertDescription, AlertIcon, AlertTitle, AppShell, AppShellHeader, AppShellRail, AppShellRemote, Attribute, AttributeActions, AttributeActionsContent, AttributeActionsItem, AttributeActionsTarget, AttributeLabel, AttributeLabelDescription, AttributeLabelInfo, AttributeValue, Badge, Breadcrumbs, BreadcrumbsEllipsis, BreadcrumbsItem, BreadcrumbsScopeSwitcher, BreadcrumbsSeparator, Button, Calendar, CalendarApplyButton, CalendarBody, CalendarContent, CalendarDate, CalendarDateTime, CalendarDayName, CalendarFooter, CalendarFooterControls, CalendarGrid, CalendarGrids, CalendarHeader, CalendarInputHeader, CalendarKeyboardHints, CalendarPresetItem, CalendarPresets, CalendarProvider, CalendarResetButton, CalendarTrigger, Card, CardContent, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxDescription, CheckboxGroup, CheckboxIndicator, CheckboxLabel, Code, Country, CountryFlag, CountryName, DAY_NAMES, DEFAULT_RANGE_PRESETS, DEFAULT_SINGLE_PRESETS, DateFormatProvider, DateInput, DateRangeEndValue, DateRangeInput, DateRangeProvider, DateRangeSeparator, DateRangeStartValue, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerFooter, DrawerFooterControls, DrawerHeader, DrawerPositioner, DrawerResizeHandle, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuContextTrigger, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuInput, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDescription, DropdownMenuItemIcon, DropdownMenuItemText, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, DropdownMenuTriggerItem, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FilterInput, FilterInputChip, FilterInputFieldMenu, FilterInputOperatorMenu, Flex, FormatDateTime, HStack, HTTP_METHODS, HTTP_METHOD_COLOR, Heading, HttpMethod, Input, InputGroup, InputGroupAddon, InputGroupText, Ip, IpAddress, IpCountry, IpList, IpPort, IpProvider, Kbd, KbdGroup, Link, Loader, Logo, MONTH_NAMES, NavRail, NavRailBody, NavRailFooter, NavRailItem, NavRailSeparator, NavRailSkeleton, NumberInput, NumericBadge, OverflowTooltip, OverflowTooltipContent, Page, PageActions, PageContent, PageHeader, PageHostProvider, PageTitle, ParameterPath, Popover, PopoverContent, PopoverTrigger, Progress, RESPONSE_CODE_COLOR, Radio, RadioDescription, RadioGroup, RadioIndicator, RadioLabel, RemoteShell, RemoteShellBreadcrumb, RemoteShellContent, RemoteShellPanel, ResponseCode, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaViewport, SegmentedControl, SegmentedControlButton, SegmentedControlItem, SegmentedControlSeparator, SegmentedTabs, SegmentedTabsButton, SegmentedTabsContent, SegmentedTabsList, SegmentedTabsSeparator, SegmentedTabsTrigger, SegmentedTabsTriggerButton, Select, SelectButton, SelectClearTrigger, SelectContent, SelectFooter, SelectGroup, SelectGroupLabel, SelectHeader, SelectInput, SelectOption, SelectOptionDescription, SelectOptionIndicator, SelectOptionText, SelectPositioner, SelectSearchInput, SelectSeparator, Selection, SelectionAll, SelectionBulkBar, SelectionItem, Separator, Skeleton, SplashScreen, SplitButton, Stack, Switch, SwitchControl, SwitchDescription, SwitchLabel, Table, TableActionBar, TableEmptyState, TableSettingsMenu, Tabs, TabsButton, TabsContent, TabsLineActions, TabsList, TabsSeparator, TabsTrigger, Tag, TagClose, TestIdProvider, Text, Textarea, ThemeProvider, Time, TimeInput, Toast, ToastActions, Toaster, ToggleButton, Tooltip, TooltipContent, TooltipTrigger, TopHeader, TopHeaderActions, TopHeaderLogo, Tour, VStack, ZonedDateTime, beaconStepEffect, cardVariants, createTableColumnHelper, datacenters, drawerContentVariants, drawerPositionerVariants, findFirstLinkPath, formatAsFilter, getLocalTimeZone, getResponseCodeCategory, parseDate, parseDateTime, parseTime, parseZonedDateTime, proxyTypes, pushPathname, sourceLabels, toaster, today, useCalendarContext, useDateFormat, useDateRangeContext, useDrawerContext, useLocationPathname, usePageHost, useRemoteShellContext, useTestId, useTheme, useTour, waitForStepEvent };

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.50.0",
-  "generatedAt": "2026-05-28T20:17:11.602Z",
+  "version": "0.50.1",
+  "generatedAt": "2026-06-01T01:08:11.830Z",
   "components": [
     {
       "name": "Accordion",
@@ -32534,307 +32534,6 @@
         }
       ]
     },
-    {
-      "name": "ProductNav",
-      "importPath": "@wallarm-org/design-system/ProductNav",
-      "props": [
-        {
-          "name": "config",
-          "type": "NavConfig",
-          "required": true
-        },
-        {
-          "name": "basePath",
-          "type": "string | undefined",
-          "required": false,
-          "description": "URL prefix stripped before matching and prepended when navigating.\n Example: `\"/edge\"` turns URL `/edge/overview` into effective pathname `/overview`."
-        }
-      ],
-      "variants": [],
-      "subComponents": [
-        {
-          "name": "NavPanelSkeleton",
-          "props": [
-            {
-              "name": "count",
-              "type": "number | undefined",
-              "required": false
-            },
-            {
-              "name": "defaultChecked",
-              "type": "boolean | undefined",
-              "required": false
-            },
-            {
-              "name": "defaultValue",
-              "type": "string | number | readonly string[] | undefined",
-              "required": false
-            },
-            {
-              "name": "suppressContentEditableWarning",
-              "type": "boolean | undefined",
-              "required": false
-            },
-            {
-              "name": "suppressHydrationWarning",
-              "type": "boolean | undefined",
-              "required": false
-            },
-            {
-              "name": "accessKey",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "autoCapitalize",
-              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
-              "required": false
-            },
-            {
-              "name": "autoFocus",
-              "type": "boolean | undefined",
-              "required": false
-            },
-            {
-              "name": "contentEditable",
-              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
-              "required": false
-            },
-            {
-              "name": "contextMenu",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "dir",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "draggable",
-              "type": "Booleanish | undefined",
-              "required": false
-            },
-            {
-              "name": "enterKeyHint",
-              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
-              "required": false
-            },
-            {
-              "name": "hidden",
-              "type": "boolean | undefined",
-              "required": false
-            },
-            {
-              "name": "id",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "lang",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "nonce",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "slot",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "spellCheck",
-              "type": "Booleanish | undefined",
-              "required": false
-            },
-            {
-              "name": "tabIndex",
-              "type": "number | undefined",
-              "required": false
-            },
-            {
-              "name": "title",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "translate",
-              "type": "\"yes\" | \"no\" | undefined",
-              "required": false
-            },
-            {
-              "name": "radioGroup",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "role",
-              "type": "AriaRole | undefined",
-              "required": false
-            },
-            {
-              "name": "about",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "content",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "datatype",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "inlist",
-              "type": "any",
-              "required": false
-            },
-            {
-              "name": "prefix",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "property",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "rel",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "resource",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "rev",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "typeof",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "vocab",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "autoCorrect",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "autoSave",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "color",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "itemProp",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "itemScope",
-              "type": "boolean | undefined",
-              "required": false
-            },
-            {
-              "name": "itemType",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "itemID",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "itemRef",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "results",
-              "type": "number | undefined",
-              "required": false
-            },
-            {
-              "name": "security",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "unselectable",
-              "type": "\"off\" | \"on\" | undefined",
-              "required": false
-            },
-            {
-              "name": "popover",
-              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
-              "required": false
-            },
-            {
-              "name": "popoverTargetAction",
-              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
-              "required": false
-            },
-            {
-              "name": "popoverTarget",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "inert",
-              "type": "boolean | undefined",
-              "required": false,
-              "description": "@see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert"
-            },
-            {
-              "name": "inputMode",
-              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
-              "required": false,
-              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
-            },
-            {
-              "name": "is",
-              "type": "string | undefined",
-              "required": false,
-              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
-            },
-            {
-              "name": "exportparts",
-              "type": "string | undefined",
-              "required": false,
-              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
-            },
-            {
-              "name": "part",
-              "type": "string | undefined",
-              "required": false,
-              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
-            }
-          ]
-        }
-      ],
-      "examples": []
-    },
     {
       "name": "Progress",
       "importPath": "@wallarm-org/design-system/Progress",
@@ -34144,6 +33843,18 @@
       "name": "RemoteShell",
       "importPath": "@wallarm-org/design-system/RemoteShell",
       "props": [
+        {
+          "name": "config",
+          "type": "NavConfig",
+          "required": true,
+          "description": "Navigation config used to build nav state for sub-components."
+        },
+        {
+          "name": "basePath",
+          "type": "string | undefined",
+          "required": false,
+          "description": "URL prefix stripped before matching and prepended when navigating (e.g. `\"/edge\"`)."
+        },
         {
           "name": "defaultChecked",
           "type": "boolean | undefined",
@@ -34695,6 +34406,11 @@
         {
           "name": "RemoteShellContent",
           "props": [
+            {
+              "name": "isLoading",
+              "type": "boolean | undefined",
+              "required": false
+            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -34970,6 +34686,22 @@
         {
           "name": "RemoteShellPanel",
           "props": [
+            {
+              "name": "resizable",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "isLoading",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "loaderCount",
+              "type": "number | undefined",
+              "required": false,
+              "defaultValue": "6"
+            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "0.50.1",
+  "version": "0.50.2-rc-feature-shell.2",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",

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

@@ -1,13 +0,0 @@
-import { type FC, type ReactNode } from 'react';
-import type { NavConfig } from './types';
-export interface ProductNavProps {
-    config: NavConfig;
-    /** URL prefix stripped before matching and prepended when navigating.
-     *  Example: `"/edge"` turns URL `/edge/overview` into effective pathname `/overview`. */
-    basePath?: string;
-    /** Custom navigation handler for router integration (React Router, Next.js, etc.).
-     *  Default: uses history.pushState to update the URL directly. */
-    onNavigate?: (pathname: string) => void;
-    children: ReactNode;
-}
-export declare const ProductNav: FC<ProductNavProps>;

package/dist/components/ProductNav/ProductNav.js

@@ -1,109 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { matchNav } from "./matchNav.js";
-import { findFirstLinkPath } from "./navUtils.js";
-import { ProductNavContextProvider } from "./ProductNavContext.js";
-import { pushPathname, useLocationPathname } from "./useLocationPathname.js";
-const ProductNav = ({ config, basePath, onNavigate, children })=>{
-    const fullPathname = useLocationPathname();
-    const pathname = basePath && fullPathname.startsWith(basePath) ? fullPathname.slice(basePath.length) || '/' : fullPathname;
-    const setPathname = useCallback((next)=>{
-        const fullPath = basePath ? `${basePath}${next}` : next;
-        if (onNavigate) onNavigate(fullPath);
-        else pushPathname(fullPath);
-    }, [
-        basePath,
-        onNavigate
-    ]);
-    const { navStack, breadcrumbSegments, activeItemId } = useMemo(()=>matchNav(pathname, config), [
-        pathname,
-        config
-    ]);
-    const urlDrillLevel = navStack.length - 1;
-    const [visualDrillLevel, setVisualDrillLevel] = useState(null);
-    useEffect(()=>{
-        setVisualDrillLevel(null);
-    }, [
-        pathname
-    ]);
-    const effectiveDrillLevel = visualDrillLevel ?? urlDrillLevel;
-    const effectiveActiveItemId = effectiveDrillLevel < urlDrillLevel ? navStack[effectiveDrillLevel]?.activeItemId ?? activeItemId : activeItemId;
-    const navigate = useCallback((path)=>{
-        setVisualDrillLevel(null);
-        const segments = pathname.replace(/^\/+|\/+$/g, '').split('/').filter(Boolean);
-        const prefixSegments = segments.slice(0, 2 * effectiveDrillLevel);
-        setPathname(`/${[
-            ...prefixSegments,
-            path
-        ].join('/')}`);
-    }, [
-        effectiveDrillLevel,
-        pathname,
-        setPathname
-    ]);
-    const drillInto = useCallback((drill)=>{
-        setVisualDrillLevel(null);
-        const segments = pathname.replace(/^\/+|\/+$/g, '').split('/').filter(Boolean);
-        const prefixSegments = segments.slice(0, 2 * effectiveDrillLevel);
-        const defaultEntity = drill.entities?.[0]?.id ?? 'default';
-        const firstChildPath = findFirstLinkPath(drill.children) ?? '';
-        setPathname(`/${[
-            ...prefixSegments,
-            drill.path,
-            defaultEntity,
-            firstChildPath
-        ].join('/')}`);
-    }, [
-        effectiveDrillLevel,
-        pathname,
-        setPathname
-    ]);
-    const goBack = useCallback(()=>{
-        setVisualDrillLevel((prev)=>{
-            const current = prev ?? urlDrillLevel;
-            return Math.max(current - 1, 0);
-        });
-    }, [
-        urlDrillLevel
-    ]);
-    const navigateTo = useCallback((href)=>{
-        setVisualDrillLevel(null);
-        if ('/' === href) {
-            const firstPath = findFirstLinkPath(config.items) ?? '';
-            setPathname(`/${firstPath}`);
-        } else setPathname(href);
-    }, [
-        config.items,
-        setPathname
-    ]);
-    const navCtxValue = useMemo(()=>({
-            config,
-            pathname,
-            navStack,
-            breadcrumbSegments,
-            activeItemId,
-            drillLevel: effectiveDrillLevel,
-            effectiveActiveItemId,
-            navigate,
-            drillInto,
-            goBack,
-            navigateTo
-        }), [
-        config,
-        pathname,
-        navStack,
-        breadcrumbSegments,
-        activeItemId,
-        effectiveDrillLevel,
-        effectiveActiveItemId,
-        navigate,
-        drillInto,
-        goBack,
-        navigateTo
-    ]);
-    return /*#__PURE__*/ jsx(ProductNavContextProvider, {
-        value: navCtxValue,
-        children: children
-    });
-};
-export { ProductNav };

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

@@ -1,2 +0,0 @@
-import type { FC } from 'react';
-export declare const ProductNavBreadcrumbs: FC;

package/dist/components/ProductNav/ProductNavBreadcrumbs.js

@@ -1,38 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Breadcrumbs, BreadcrumbsItem, BreadcrumbsScopeSwitcher } from "../Breadcrumbs/index.js";
-import { useProductNavContext } from "./ProductNavContext.js";
-const ProductNavBreadcrumbs = ()=>{
-    const { breadcrumbSegments, navigateTo } = useProductNavContext();
-    return /*#__PURE__*/ jsx(Breadcrumbs, {
-        "data-slot": "nav-breadcrumbs",
-        children: breadcrumbSegments.map((segment, i)=>{
-            const isLast = i === breadcrumbSegments.length - 1;
-            if ('scope-switcher' === segment.type) {
-                if (segment.scopeItems?.length && segment.paramValue) return /*#__PURE__*/ jsx(BreadcrumbsScopeSwitcher, {
-                    value: segment.paramValue,
-                    items: segment.scopeItems,
-                    onSelect: (item)=>navigateTo?.(item.href),
-                    children: segment.label
-                }, i);
-                return /*#__PURE__*/ jsx(BreadcrumbsItem, {
-                    children: segment.label
-                }, i);
-            }
-            if ('link' === segment.type && !isLast) return /*#__PURE__*/ jsx(BreadcrumbsItem, {
-                href: segment.href,
-                onClick: (e)=>{
-                    if (navigateTo && segment.href) {
-                        e.preventDefault();
-                        navigateTo(segment.href);
-                    }
-                },
-                children: segment.label
-            }, i);
-            return /*#__PURE__*/ jsx(BreadcrumbsItem, {
-                children: segment.label
-            }, i);
-        })
-    });
-};
-ProductNavBreadcrumbs.displayName = 'ProductNavBreadcrumbs';
-export { ProductNavBreadcrumbs };

package/dist/components/ProductNav/ProductNavContext.js

@@ -1,9 +0,0 @@
-import { createContext, useContext } from "react";
-const ProductNavCtx = createContext(null);
-const ProductNavContextProvider = ProductNavCtx.Provider;
-function useProductNavContext() {
-    const ctx = useContext(ProductNavCtx);
-    if (!ctx) throw new Error('useProductNavContext must be used within a ProductNav provider');
-    return ctx;
-}
-export { ProductNavContextProvider, useProductNavContext };

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

@@ -1,6 +0,0 @@
-import type { FC } from 'react';
-type ProductNavPanelProps = {
-    resizable?: boolean;
-};
-export declare const ProductNavPanel: FC<ProductNavPanelProps>;
-export {};