@wallarm-org/design-system 0.48.0 → 0.49.0-rc-feature-page.2

package/dist/components/AppShell/story-content/_storyConfigRenderer.js

@@ -1,28 +1,34 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { NavPanel, NavPanelHeader } from "../../NavPanel/index.js";
+import { Page, PageContent, PageHeader, PageTitle } from "../../Page/index.js";
 import { NavPanelSkeleton, ProductNav, ProductNavBreadcrumbs, ProductNavPanel, useProductNavContext } from "../../ProductNav/index.js";
 import { RemoteShell, RemoteShellBreadcrumb, RemoteShellContent, RemoteShellPanel } from "../../RemoteShell/index.js";
 import { HomeContent } from "./_storyHomeContent.js";
 import { PRODUCT_CONFIGS } from "./_storyLib.js";
-const PageContent = ()=>{
+const RemotePageContent = ()=>{
     const { breadcrumbSegments } = useProductNavContext();
     const lastSegment = breadcrumbSegments[breadcrumbSegments.length - 1];
     const pageTitle = lastSegment?.label ?? '';
     const fullPath = breadcrumbSegments.map((s)=>s.label).join(' / ');
-    return /*#__PURE__*/ jsxs(Fragment, {
+    return /*#__PURE__*/ jsxs(Page, {
+        title: pageTitle,
+        fixedHeight: true,
         children: [
-            /*#__PURE__*/ jsx("h1", {
-                className: "text-xl font-semibold text-text-primary",
-                children: pageTitle
+            /*#__PURE__*/ jsx(PageHeader, {
+                children: /*#__PURE__*/ jsx(PageTitle, {
+                    children: pageTitle
+                })
             }),
-            /*#__PURE__*/ jsxs("p", {
-                className: "mt-8 text-sm text-text-secondary",
-                children: [
-                    "Placeholder page for ",
-                    fullPath,
-                    "."
-                ]
+            /*#__PURE__*/ jsx(PageContent, {
+                children: /*#__PURE__*/ jsxs("p", {
+                    className: "text-sm text-text-secondary",
+                    children: [
+                        "Placeholder page for ",
+                        fullPath,
+                        "."
+                    ]
+                })
             })
         ]
     });
@@ -69,7 +75,7 @@ const ConfigRemote = ({ config, basePath })=>{
                     children: /*#__PURE__*/ jsx(ProductNavBreadcrumbs, {})
                 }),
                 /*#__PURE__*/ jsx(RemoteShellContent, {
-                    children: /*#__PURE__*/ jsx(PageContent, {})
+                    children: /*#__PURE__*/ jsx(RemotePageContent, {})
                 })
             ]
         })

package/dist/components/Page/Page.d.ts

@@ -0,0 +1,23 @@
+import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+import { type TestableProps } from '../../utils/testId';
+export interface PageProps extends HTMLAttributes<HTMLDivElement>, TestableProps {
+    ref?: Ref<HTMLDivElement>;
+    name?: string;
+    title?: string;
+    fullSize?: boolean;
+    fixedHeight?: boolean;
+    children?: ReactNode;
+}
+/**
+ * @example
+ * ```tsx
+ * <Page name="api-attack-surface" fullSize fixedHeight>
+ *   <PageHeader>
+ *     <PageTitle>API Attack Surface</PageTitle>
+ *     <PageActions>***</PageActions>
+ *   </PageHeader>
+ *   <PageContent>{children}</PageContent>
+ * </Page>
+ * ```
+ */
+export declare const Page: FC<PageProps>;

package/dist/components/Page/Page.js

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { cn } from "../../utils/cn.js";
+import { TestIdProvider } from "../../utils/testId.js";
+import { usePageHost } from "./PageHostContext.js";
+const Page = ({ ref, name, title, fullSize, fixedHeight, children, className, 'data-testid': testId, ...props })=>{
+    const host = usePageHost();
+    useEffect(()=>{
+        host?.setLayout({
+            name,
+            fullSize,
+            fixedHeight
+        });
+    }, [
+        host,
+        name,
+        fullSize,
+        fixedHeight
+    ]);
+    return /*#__PURE__*/ jsxs(TestIdProvider, {
+        value: testId,
+        children: [
+            title && /*#__PURE__*/ jsx("title", {
+                children: title
+            }),
+            /*#__PURE__*/ jsx("div", {
+                ...props,
+                ref: ref,
+                "data-testid": testId,
+                "data-slot": "page",
+                className: cn('flex flex-col', fixedHeight && 'h-full', className),
+                children: children
+            })
+        ]
+    });
+};
+Page.displayName = 'Page';
+export { Page };

package/dist/components/Page/PageActions.d.ts

@@ -0,0 +1,5 @@
+import type { FC, HTMLAttributes, Ref } from 'react';
+export interface PageActionsProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const PageActions: FC<PageActionsProps>;

package/dist/components/Page/PageActions.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { useTestId } from "../../utils/testId.js";
+const PageActions = ({ ref, children, className, ...props })=>{
+    const testId = useTestId('actions');
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        ref: ref,
+        "data-testid": testId,
+        "data-slot": "page-actions",
+        className: cn('flex items-center gap-8 shrink-0', className),
+        children: children
+    });
+};
+PageActions.displayName = 'PageActions';
+export { PageActions };

package/dist/components/Page/PageContent.d.ts

@@ -0,0 +1,9 @@
+import type { FC, HTMLAttributes, Ref } from 'react';
+export interface PageContentProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * Scrollable content area that fills the remaining vertical space.
+ * Use `min-h-0` to allow flex-based shrinking within a `fixedHeight` Page.
+ */
+export declare const PageContent: FC<PageContentProps>;

package/dist/components/Page/PageContent.js

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

package/dist/components/Page/PageHeader.d.ts

@@ -0,0 +1,5 @@
+import type { FC, HTMLAttributes, Ref } from 'react';
+export interface PageHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const PageHeader: FC<PageHeaderProps>;

package/dist/components/Page/PageHeader.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { useTestId } from "../../utils/testId.js";
+const PageHeader = ({ ref, children, className, ...props })=>{
+    const testId = useTestId('header');
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        ref: ref,
+        "data-testid": testId,
+        "data-slot": "page-header",
+        className: cn('flex items-center justify-between px-24 py-16 gap-16', className),
+        children: children
+    });
+};
+PageHeader.displayName = 'PageHeader';
+export { PageHeader };

package/dist/components/Page/PageHostContext.d.ts

@@ -0,0 +1,25 @@
+export interface PageLayoutOptions {
+    name?: string;
+    fullSize?: boolean;
+    fixedHeight?: boolean;
+}
+export interface PageHostContextValue {
+    setLayout: (options: PageLayoutOptions) => void;
+}
+/**
+ * Provider used by the host application to receive layout preferences
+ * from remote microfrontend `Page` components.
+ *
+ * @example
+ * ```tsx
+ * <PageHostProvider value={{ setLayout: handleRemoteLayout }}>
+ *   <AppShellRemote>{remoteApp}</AppShellRemote>
+ * </PageHostProvider>
+ * ```
+ */
+export declare const PageHostProvider: import("react").Provider<PageHostContextValue | null>;
+/**
+ * Returns the host context value, or `null` when no `PageHostProvider`
+ * exists (e.g. standalone Storybook / tests).
+ */
+export declare function usePageHost(): PageHostContextValue | null;

package/dist/components/Page/PageHostContext.js

@@ -0,0 +1,7 @@
+import { createContext, useContext } from "react";
+const PageHostContext = createContext(null);
+const PageHostProvider = PageHostContext.Provider;
+function usePageHost() {
+    return useContext(PageHostContext);
+}
+export { PageHostProvider, usePageHost };

package/dist/components/Page/PageTitle.d.ts

@@ -0,0 +1,5 @@
+import type { FC, HTMLAttributes, Ref } from 'react';
+export interface PageTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    ref?: Ref<HTMLHeadingElement>;
+}
+export declare const PageTitle: FC<PageTitleProps>;

package/dist/components/Page/PageTitle.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { useTestId } from "../../utils/testId.js";
+const PageTitle = ({ ref, children, className, ...props })=>{
+    const testId = useTestId('title');
+    return /*#__PURE__*/ jsx("h1", {
+        ...props,
+        ref: ref,
+        "data-testid": testId,
+        "data-slot": "page-title",
+        className: cn('font-sans-display text-xl font-medium leading-28 text-text-primary truncate', className),
+        children: children
+    });
+};
+PageTitle.displayName = 'PageTitle';
+export { PageTitle };

package/dist/components/Page/classes.d.ts

@@ -0,0 +1,3 @@
+export declare const pageTabVariants: (props?: ({
+    active?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/Page/classes.js

@@ -0,0 +1,14 @@
+import { cva } from "class-variance-authority";
+import { cn } from "../../utils/cn.js";
+const pageTabVariants = cva(cn('relative inline-flex items-center justify-center', 'rounded-lg bg-transparent', 'border-b-2 border-transparent', 'transition-all cursor-pointer', 'text-text-secondary font-medium font-sans whitespace-nowrap', 'h-32 px-8 py-6 gap-6', 'text-sm', 'not-disabled:hover:bg-states-primary-hover not-disabled:hover:text-text-primary', 'not-disabled:active:bg-states-primary-pressed not-disabled:active:text-text-secondary', 'focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-focus-primary focus-visible:bg-states-primary-hover', 'disabled:opacity-50 disabled:cursor-not-allowed'), {
+    variants: {
+        active: {
+            true: cn('text-text-primary border-b-border-brand'),
+            false: ''
+        }
+    },
+    defaultVariants: {
+        active: false
+    }
+});
+export { pageTabVariants };

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

@@ -0,0 +1,6 @@
+export { Page, type PageProps } from './Page';
+export { PageActions, type PageActionsProps } from './PageActions';
+export { PageContent, type PageContentProps } from './PageContent';
+export { PageHeader, type PageHeaderProps } from './PageHeader';
+export { type PageHostContextValue, PageHostProvider, type PageLayoutOptions, usePageHost, } from './PageHostContext';
+export { PageTitle, type PageTitleProps } from './PageTitle';

package/dist/components/Page/index.js

@@ -0,0 +1,7 @@
+import { Page } from "./Page.js";
+import { PageActions } from "./PageActions.js";
+import { PageContent } from "./PageContent.js";
+import { PageHeader } from "./PageHeader.js";
+import { PageHostProvider, usePageHost } from "./PageHostContext.js";
+import { PageTitle } from "./PageTitle.js";
+export { Page, PageActions, PageContent, PageHeader, PageHostProvider, PageTitle, usePageHost };

package/dist/index.d.ts

@@ -44,6 +44,7 @@ export { NavRail, NavRailBody, type NavRailBodyProps, NavRailFooter, type NavRai
 export { NumberInput, type NumberInputProps } from './components/NumberInput';
 export { NumericBadge, type NumericBadgeProps, } from './components/NumericBadge';
 export { OverflowTooltip, OverflowTooltipContent, type OverflowTooltipContentProps, type OverflowTooltipProps, } from './components/OverflowTooltip';
+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';

package/dist/index.js

@@ -33,6 +33,7 @@ import { NavRail, NavRailBody, NavRailFooter, NavRailItem, NavRailSeparator, Nav
 import { NumberInput } from "./components/NumberInput/index.js";
 import { NumericBadge } from "./components/NumericBadge/index.js";
 import { OverflowTooltip, OverflowTooltipContent } from "./components/OverflowTooltip/index.js";
+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";
@@ -64,4 +65,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, 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, 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, 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 };