@pantheon-systems/pds-toolkit-react 2.0.0-alpha.8 → 2.0.0-alpha.80

package/dist/index.source.d.ts

@@ -7,38 +7,34 @@ export * from './components/buttons/Button/Button';
 export * from './components/buttons/ButtonLink/ButtonLink';
 export * from './components/buttons/ClipboardButton/ClipboardButton';
 export * from './components/buttons/CloseButton/CloseButton';
+export * from './components/buttons/FilterButton/FilterButton';
 export * from './components/buttons/IconButton/IconButton';
 export * from './components/buttons/MenuButton/MenuButton';
 export * from './components/buttons/SegmentedButton/SegmentedButton';
+export * from './components/buttons/SelectButton/SelectButton';
 export * from './components/buttons/SplitButton/SplitButton';
 export * from './components/buttons/SSOButton/SSOButton';
 export * from './components/buttons/UtilityButton/UtilityButton';
 export * from './components/Callout/Callout';
+export * from './components/cards/ActionCard/ActionCard';
 export * from './components/cards/Card/Card';
-export * from './components/cards/CardHeading/CardHeading';
-export * from './components/cards/CardSelectGroup/CardSelectGroup';
-export * from './components/cards/EmptyStateCard/EmptyStateCard';
-export * from './components/cards/LinksCard/LinksCard';
-export * from './components/cards/NewSiteCard/NewSiteCard';
-export * from './components/cards/PaymentCard/PaymentCard';
-export * from './components/cards/PricingCard/PricingCard';
-export * from './components/cards/SiteCard/SiteCard';
+export * from './components/cards/CardSelect/CardSelect';
+export * from './components/charts/BarChart/BarChart';
+export * from './components/charts/LineChart/LineChart';
+export * from './components/charts/PieChart/PieChart';
+export * from './components/charts/ProportionBar/ProportionBar';
+export * from './components/charts/shared/types';
 export * from './components/CodeBlock/CodeBlock';
 export * from './components/ComparisonList/ComparisonList';
-export * from './components/CTALink/CTALink';
-export * from './components/CTASlice/CTASlice';
-export * from './components/DashboardStat/DashboardStat';
+export * from './components/Dropdown/Dropdown';
 export * from './components/empty-states/CompactEmptyState/CompactEmptyState';
 export * from './components/empty-states/HorizontalEmptyState/HorizontalEmptyState';
 export * from './components/empty-states/VerticalEmptyState/VerticalEmptyState';
 export * from './components/FileDiff/FileDiff';
-export * from './components/FlowSteps/FlowSteps';
-export * from './components/footer/FooterHeading/FooterHeading';
-export * from './components/footer/FooterLinks/FooterLinks';
-export * from './components/footer/SiteFooter/SiteFooter';
 export * from './components/icons/Icon/Icon';
 export * from './components/icons/PaymentIcon/PaymentIcon';
 export * from './components/icons/PlatformIcon/PlatformIcon';
+export * from './components/IdentityBlock/IdentityBlock';
 export * from './components/inputs/Checkbox/Checkbox';
 export * from './components/inputs/CheckboxFieldset/CheckboxFieldset';
 export * from './components/inputs/CheckboxGroup/CheckboxGroup';
@@ -53,50 +49,64 @@ export * from './components/inputs/Switch/Switch';
 export * from './components/inputs/TagsInput/TagsInput';
 export * from './components/inputs/Textarea/Textarea';
 export * from './components/inputs/TextInput/TextInput';
-export * from './components/LinkNewWindow/LinkNewWindow';
+export * from './components/inputs/Timepicker/Timepicker';
+export * from './components/links/CTALink/CTALink';
+export * from './components/links/LinkNewWindow/LinkNewWindow';
+export * from './components/links/Skiplink/Skiplink';
 export * from './components/loading-indicators/Skeleton/Skeleton';
 export * from './components/loading-indicators/Spinner/Spinner';
-export * from './components/Modal/Modal';
+export * from './components/media/Picture/Picture';
+export * from './components/media/VideoEmbed/VideoEmbed';
 export * from './components/navigation/Breadcrumb/Breadcrumb';
 export * from './components/navigation/ButtonNav/ButtonNav';
-export * from './components/navigation/DashboardNav/DashboardNav';
-export * from './components/navigation/DashboardNav/DashboardNavItem';
-export * from './components/navigation/DashboardSearch/DashboardSearch';
 export * from './components/navigation/DropdownMenu/DropdownMenu';
 export * from './components/navigation/Navbar/Navbar';
-export * from './components/navigation/NavMenu/NavMenu';
 export * from './components/navigation/SideNav/SideNav';
-export * from './components/navigation/SideNavCompact/SideNavCompact';
 export * from './components/navigation/SideNavGlobal/SideNavGlobal';
 export * from './components/navigation/SideNavGlobal/SideNavGlobalItem';
+export * from './components/navigation/SiteMenu/SiteMenu';
 export * from './components/navigation/TabMenu/TabMenu';
+export * from './components/navigation/TreeNav/TreeNav';
 export * from './components/navigation/UserMenu/UserMenu';
 export * from './components/navigation/WorkspaceSelector/WorkspaceSelector';
 export * from './components/notifications/Banner/Banner';
 export * from './components/notifications/InlineMessage/InlineMessage';
-export * from './components/notifications/NotificationHubIcon/NotificationHubIcon';
-export * from './components/notifications/NotificationsPopover/NotificationsPopover';
 export * from './components/notifications/SectionMessage/SectionMessage';
 export * from './components/notifications/Toaster/Toast';
 export * from './components/notifications/Toaster/Toaster';
 export * from './components/notifications/Toaster/useToast';
-export * from './components/Pagination/Pagination';
+export * from './components/overlays/BottomSheet/BottomSheet';
+export * from './components/overlays/BulkActionBar/BulkActionBar';
+export * from './components/overlays/Drawer/Drawer';
+export * from './components/overlays/FullScreenOverlay/FullScreenOverlay';
+export * from './components/overlays/Modal/Modal';
+export * from './components/pagination/Pagination/Pagination';
+export * from './components/pagination/PaginationChapter/PaginationChapter';
+export * from './components/pagination/PaginationCompact/PaginationCompact';
 export * from './components/panels/ExpansionPanel/ExpansionPanel';
 export * from './components/panels/ExpansionPanelGroup/ExpansionPanelGroup';
+export * from './components/panels/FeaturePanel/FeaturePanel';
 export * from './components/panels/Panel/Panel';
 export * from './components/panels/PanelList/PanelList';
 export * from './components/panels/PanelList/PanelRow';
+export * from './components/panels/PanelStack/PanelStack';
+export * from './components/panels/WidgetPanel/WidgetPanel';
 export * from './components/PantheonLogo/PantheonLogo';
-export * from './components/Picture/Picture';
 export * from './components/Popover/Popover';
 export * from './components/progress-indicators/ProgressBar/ProgressBar';
 export * from './components/progress-indicators/ProgressRing/ProgressRing';
-export * from './components/PullQuote/PullQuote';
-export * from './components/RefreshChecker/RefreshChecker';
-export * from './components/SiteDashboardHeading/SiteDashboardHeading';
-export * from './components/Skiplink/Skiplink';
-export * from './components/SocialLinks/SocialLinks';
+export * from './components/ResultCount/ResultCount';
+export * from './components/RowActionsMenu/RowActionsMenu';
+export * from './components/SiteFooter/SiteFooter';
+export * from './components/SiteSearch/SiteSearch';
+export * from './components/SortableList/SortableList';
+export * from './components/SortableList/SortableListHeader';
+export * from './components/SortableList/SortableRow';
+export * from './components/SortableList/types';
+export * from './components/StatPanel/StatPanel';
+export * from './components/StatusChecker/StatusChecker';
 export * from './components/StatusIndicator/StatusIndicator';
+export * from './components/steppers/StepList/StepList';
 export * from './components/steppers/Stepper/Stepper';
 export * from './components/steppers/VerticalStepper/VerticalStepper';
 export * from './components/Table/Table';
@@ -104,30 +114,32 @@ export * from './components/TableOfContents/TableOfContents';
 export * from './components/Tabs/Tabs';
 export * from './components/Tag/Tag';
 export * from './components/ThemeSwitcher/ThemeSwitcher';
-export * from './components/tiles/AvatarTileList/AvatarTileList';
-export * from './components/tiles/Tile/Tile';
-export * from './components/tiles/TileGrid/TileGrid';
 export * from './components/Tooltip/Tooltip';
-export * from './components/VideoEmbed/VideoEmbed';
+export * from './components/UtilityBar/UtilityBar';
 export * from './libs/components/SiteOptionDisplay/SiteOptionDisplay';
 export * from './layouts/AppLayout/AppLayout';
-export * from './layouts/Container/Container';
-export * from './layouts/DashboardGlobal/DashboardGlobal';
-export * from './layouts/DashboardInner/DashboardInner';
 export * from './layouts/DocsLayout/DocsLayout';
-export * from './layouts/FlexContainer/FlexContainer';
-export * from './layouts/GlobalWrapper/GlobalWrapper';
 export * from './layouts/SidebarLayout/SidebarLayout';
+export * from './layouts/StatPanelGroup/StatPanelGroup';
 export * from './layouts/StepperLayout/StepperLayout';
 export * from './layouts/ThreeItemLayout/ThreeItemLayout';
 export * from './layouts/TwoItemLayout/TwoItemLayout';
+export * from './utilities/Container/Container';
+export * from './utilities/FlexContainer/FlexContainer';
+export * from './utilities/GlobalWrapper/GlobalWrapper';
 export * from './libs/types/custom-types';
 export * from './libs/types/input-types';
 export * from './libs/types/layout-types';
 export * from './libs/types/navigation-types';
-export * from './utilities/context-providers/ResponsiveContext/ResponsiveContext';
+export * from './utilities/auto-grid/AutoGrid';
+export * from './utilities/context-providers/ThemeContext/ThemeContext';
+export * from './utilities/grid/Grid';
+export * from './utilities/grid/GridItem';
 export * from './utilities/hooks/useBreakpoint/useBreakpoint';
 export * from './utilities/hooks/useClipboard/useClipboard';
+export * from './utilities/hooks/useDropdown';
+export * from './utilities/hooks/useIsMobile/useIsMobile';
+export * from './utilities/hooks/useKeyboardShortcut/useKeyboardShortcut';
 export * from './utilities/hooks/useKeyPress/useKeyPress';
 export * from './utilities/hooks/useMediaQuery/useMediaQuery';
 export * from './utilities/hooks/useWindowWidth/useWindowWidth';

package/dist/layouts/AppLayout/AppLayout.d.ts

@@ -1,12 +1,21 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { ContainerWidth } from '../../libs/types/custom-types';
+import { DrawerProps } from '../../components/overlays/Drawer/Drawer';
 import './app-layout.css';
 /**
  * Prop types for AppLayout
  */
-interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
+export interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Children to render in the layout.
+     * Children to render in the layout, assigned to named slots:
+     * - `header` — full-width region above the sidebar and main content (e.g. a Navbar).
+     * - `footer` — region below the main content, aligned with it (e.g. a SiteFooter);
+     *   the sidebar spans the full height alongside the main + footer column.
+     * - `identity` — top of the sidebar (e.g. a workspace/account block).
+     * - `content-top` — sidebar content above the navigation.
+     * - `navigation` — the sidebar's primary navigation (e.g. SideNavGlobal).
+     * - `content-bottom` — sidebar content pinned to the bottom.
+     * - `sidebar` — legacy single-slot sidebar body (pre-V2).
+     * - unslotted children render as the main content.
      */
     children: ReactNode;
     /**
@@ -14,39 +23,89 @@ interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
      */
     className?: string;
     /**
-     * PDS container width.
+     * Content for the left-side Drawer (e.g., workspace switcher).
+     * Only rendered when `hasDrawerToggle` is true.
      */
-    containerWidth?: ContainerWidth;
+    drawerContent?: ReactNode;
+    /**
+     * Pass-through props for the Drawer component.
+     */
+    drawerProps?: Partial<DrawerProps>;
+    /**
+     * Show a toggle button in the sidebar header that opens a Drawer overlay.
+     */
+    hasDrawerToggle?: boolean;
     /**
      * Is the sidebar able to be collapsed and expanded by the user?
      * If false or not provided, the sidebar will always be expanded.
      */
     hasSidebarToggle?: boolean;
+    /**
+     * Controlled open state for the drawer.
+     */
+    isDrawerOpen?: boolean;
     /**
      * Is the sidebar collapsed?
      * This is only relevant if `hasSidebarToggle` is true.
      */
     isSidebarCollapsed?: boolean;
     /**
-     * Labels for translatable strings.
+     * Enable keyboard shortcuts to toggle the sidebar.
+     * `[` collapses, `]` expands. Only active when `hasSidebarToggle` is true.
+     */
+    keyboardShortcuts?: boolean;
+    /**
+     * Labels for translatable strings. Each key is optional and falls back to a
+     * default, so you can override only the labels you need.
      */
     labels?: {
-        collapseSidebar: string;
-        expandSidebar: string;
+        collapseSidebar?: string;
+        drawerToggle?: string;
+        expandSidebar?: string;
+        skipToContent?: string;
     };
+    /**
+     * Background color for the main content area. Use a PDS CSS custom property
+     * (e.g. 'var(--pds-color-surface-default-secondary)') so dark mode works automatically.
+     */
+    mainBackground?: string;
     /**
      * Element type for the main content area.
      */
     mainContentElement?: 'div' | 'main';
+    /**
+     * Maximum width of the main content (and the footer content, which stays
+     * aligned with it). The content is centered within the region once it grows
+     * past this width, while the region itself — background, border, padding —
+     * remains full-bleed.
+     *
+     * A number is treated as pixels; a string is used as-is (e.g. '90rem').
+     * Pass `null` to remove the cap so content fills the full region width.
+     * Defaults to `1600` (the recommended value).
+     */
+    mainContentMaxWidth?: number | string | null;
     /**
      * Additional props for the main content element.
      */
     mainContentProps?: ComponentPropsWithoutRef<'div'> | ComponentPropsWithoutRef<'main'>;
+    /**
+     * Callback when the drawer toggle button is clicked.
+     */
+    onDrawerToggle?: () => void;
     /**
      * Callback function to handle sidebar toggle.
      * If not provided, the sidebar will use an internal function to manage collapsed state.
      */
     onSidebarToggle?: () => void;
+    /**
+     * When true, the sidebar stays fixed and only the main content area scrolls.
+     */
+    scrollableContent?: boolean;
+    /**
+     * Background color for the sidebar. Use a PDS CSS custom property
+     * (e.g. 'var(--pds-color-surface-default)') so dark mode works automatically.
+     */
+    sidebarBackground?: string;
     /**
      * Width of the sidebar when collapsed in rems. This should not need to be modified.
      */
@@ -56,6 +115,11 @@ interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
      * This is also the width of the sidebar when it is not collapsable (hasSidebarToggle is false).
      */
     sidebarExpandedWidth?: string;
+    /**
+     * Maximum width of the sidebar when expanded in rems.
+     * Prevents the sidebar from growing too wide on large screens.
+     */
+    sidebarExpandedWidthMax?: number;
     /**
      * Minimum width of the sidebar when expanded in rems.
      * This is also the min-width of the sidebar when it is not collapsable (hasSidebarToggle is false).
@@ -65,9 +129,20 @@ interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
      * Additional props for the sidebar `<div>` element.
      */
     sidebarProps?: ComponentPropsWithoutRef<'div'>;
+    /**
+     * Distance from the top of the viewport to the top of the layout, used to
+     * size the layout height (`100dvh - topOffset`). Set this when you render
+     * chrome above the layout (e.g. a banner) whose height the layout must
+     * account for — pass the measured height reactively.
+     *
+     * A number is treated as pixels; a string is used as-is (e.g. '3rem').
+     * When provided, this value is used verbatim and the built-in auto-measure
+     * is disabled. When omitted, the layout measures its own offset from the
+     * document top and keeps it updated.
+     */
+    topOffset?: number | string;
 }
 /**
  * AppLayout UI component
  */
-export declare const AppLayout: ({ children, className, containerWidth, hasSidebarToggle, isSidebarCollapsed, labels, mainContentElement, mainContentProps, onSidebarToggle, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarExpandedWidthMin, sidebarProps, ...props }: AppLayoutProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const AppLayout: ({ children, className, drawerContent, drawerProps, hasDrawerToggle, hasSidebarToggle, isDrawerOpen, isSidebarCollapsed, keyboardShortcuts, labels, mainBackground, mainContentElement, mainContentMaxWidth, mainContentProps, onDrawerToggle, onSidebarToggle, scrollableContent, sidebarBackground, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarExpandedWidthMax, sidebarExpandedWidthMin, sidebarProps, topOffset, ...props }: AppLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/layouts/DocsLayout/DocsLayout.d.ts

@@ -13,18 +13,20 @@ interface DocsLayoutProps extends ComponentPropsWithoutRef<'div'> {
      */
     className?: string;
     /**
-     * Minimum width of the sidebar when expanded in rems.
-     * This is also the min-width of the sidebar when it is not collapsable (hasSidebarToggle is false).
+     * Width of the sidebar as a percentage.
      */
-    sidebarMinWidth?: number;
+    sidebarWidth?: string;
     /**
-     * Width of the sidebar when expanded as a percentage.
-     * This is also the width of the sidebar when it is not collapsable (hasSidebarToggle is false).
+     * Maximum width of the sidebar in rems. Prevents the sidebar from growing too wide on large screens.
      */
-    sidebarWidth?: string;
+    sidebarWidthMax?: number;
+    /**
+     * Minimum width of the sidebar in rems. Ensures the sidebar remains usable on medium-sized screens.
+     */
+    sidebarWidthMin?: number;
 }
 /**
  * DocsLayout UI component
  */
-export declare const DocsLayout: ({ children, className, sidebarMinWidth, sidebarWidth, ...props }: DocsLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DocsLayout: ({ children, className, sidebarWidth, sidebarWidthMax, sidebarWidthMin, style, ...props }: DocsLayoutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/layouts/SidebarLayout/SidebarLayout.d.ts

@@ -1,12 +1,14 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { GridGapOptions } from '../../libs/types/layout-types';
+import { GapScale } from '../../libs/types/layout-types';
+import './sidebar-layout.css';
 /**
  * Prop types for SidebarLayout
  */
 interface SidebarLayoutProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Children to render in the layout. Main content can be passed without a slot attribute (unslotted).
-     * Optional named slots: `sidebar` for sidebar content, `content` for backwards compatibility.
+     * Optional named slots: `sidebar` for sidebar content, `second-sidebar` for a second, opposite-side
+     * sidebar, `content` for backwards compatibility.
      */
     children: ReactNode;
     /**
@@ -14,9 +16,28 @@ interface SidebarLayoutProps extends ComponentPropsWithoutRef<'div'> {
      */
     className?: string;
     /**
-     * Gap between grid items
+     * Gap between the main content and sidebar(s), from the numbered spacing scale.
+     * Defaults to `xl`.
      */
-    gridGap?: GridGapOptions;
+    gridGap?: GapScale;
+    /**
+     * Mobile position of the `second-sidebar` slot: `'before'` or `'after'` (default) the main content.
+     * When both sidebars resolve to `'after'`, they stack in the same left-to-right order they have
+     * on desktop.
+     */
+    secondSidebarMobileLocation?: 'before' | 'after';
+    /**
+     * Width of the second sidebar as a percentage (e.g. `'33%'`). Defaults to `sidebarWidth`.
+     */
+    secondSidebarWidth?: string;
+    /**
+     * Maximum width of the second sidebar in rems. Defaults to `sidebarWidthMax`.
+     */
+    secondSidebarWidthMax?: number;
+    /**
+     * Minimum width of the second sidebar in rems. Defaults to `sidebarWidthMin`.
+     */
+    secondSidebarWidthMin?: number;
     /**
      * Sidebar location.
      */
@@ -26,12 +47,20 @@ interface SidebarLayoutProps extends ComponentPropsWithoutRef<'div'> {
      */
     sidebarMobileLocation?: 'before' | 'after';
     /**
-     * Sidebar width.
+     * Width of the sidebar as a percentage (e.g. `'33%'`).
+     */
+    sidebarWidth?: string;
+    /**
+     * Maximum width of the sidebar in rems. Prevents the sidebar from growing too wide on large screens.
+     */
+    sidebarWidthMax?: number;
+    /**
+     * Minimum width of the sidebar in rems. Ensures the sidebar remains usable on medium-sized screens.
      */
-    sidebarWidth?: 'narrow' | 'standard' | 'wide';
+    sidebarWidthMin?: number;
 }
 /**
  * SidebarLayout UI component
  */
-export declare const SidebarLayout: ({ children, className, gridGap, sidebarLocation, sidebarMobileLocation, sidebarWidth, ...props }: SidebarLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SidebarLayout: ({ children, className, gridGap, secondSidebarMobileLocation, secondSidebarWidth, secondSidebarWidthMax, secondSidebarWidthMin, sidebarLocation, sidebarMobileLocation, sidebarWidth, sidebarWidthMax, sidebarWidthMin, ...props }: SidebarLayoutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/layouts/StatPanelGroup/StatPanelGroup.d.ts

@@ -0,0 +1,32 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './stat-panel-group.css';
+/**
+ * Prop types for StatPanelGroup
+ */
+export interface StatPanelGroupProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * StatPanel elements to arrange.
+     */
+    children: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
+    /**
+     * Maximum number of columns at the widest available width. Reflows down
+     * continuously below that as space shrinks — never below one column, and
+     * never above this ceiling regardless of how much room is available.
+     * Sized against the group's own width, not the viewport, so it reflows
+     * correctly even when the group sits in a narrower context, e.g. beside a
+     * sidebar.
+     */
+    maxColumns?: 2 | 3 | 4;
+}
+/**
+ * StatPanelGroup layout component — arranges StatPanels (or similar summary
+ * content) in a responsive row, reflowing continuously as the group's own
+ * available width changes. Exposes the set to assistive technology as a list
+ * (`role="list"`/`role="listitem"`) without requiring literal `ul`/`li`
+ * markup, since the panels aren't visually list-like.
+ */
+export declare const StatPanelGroup: ({ children, className, maxColumns, style, ...props }: StatPanelGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/layouts/StepperLayout/StepperLayout.d.ts

@@ -12,9 +12,21 @@ interface StepperLayoutProps {
      * Additional class names
      */
     className?: string;
+    /**
+     * Width of the form content. `standard` insets the form to a comfortable
+     * reading width for traditional form fields; `full` lets the form content
+     * span the full stepper container width. Use `full` only for non-form
+     * content such as a group of cards or other visual treatment prescribed by
+     * design.
+     */
+    formWidth?: 'standard' | 'full';
+    /**
+     * Wrap the entire experience (stepper, form, and buttons) in a Panel.
+     */
+    hasPanel?: boolean;
 }
 /**
  * StepperLayout UI component
  */
-export declare const StepperLayout: ({ children, className, ...props }: StepperLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StepperLayout: ({ children, className, formWidth, hasPanel, ...props }: StepperLayoutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { GridGapOptions, VerticalAlignOptions } from '../../libs/types/layout-types';
+import { GapScale, VerticalAlignOptions } from '../../libs/types/layout-types';
 import '../../utilities/grid/grid.css';
 import './three-item-layout.css';
 /**
@@ -15,9 +15,9 @@ interface TwoItemLayoutProps extends ComponentPropsWithoutRef<'div'> {
      */
     className?: string;
     /**
-     * Width of gap between items.
+     * Gap between items, from the numbered spacing scale. Defaults to `xl`.
      */
-    gridGap?: GridGapOptions;
+    gridGap?: GapScale;
     /**
      * Vertical alignment of items.
      */

package/dist/layouts/TwoItemLayout/TwoItemLayout.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { GridGapOptions, VerticalAlignOptions } from '../../libs/types/layout-types';
+import { GapScale, VerticalAlignOptions } from '../../libs/types/layout-types';
 import '../../utilities/grid/grid.css';
 import './two-item-layout.css';
 /**
@@ -15,9 +15,9 @@ interface TwoItemLayoutProps extends ComponentPropsWithoutRef<'div'> {
      */
     className?: string;
     /**
-     * Width of gap between items.
+     * Gap between items, from the numbered spacing scale. Defaults to `xl`.
      */
-    gridGap?: GridGapOptions;
+    gridGap?: GapScale;
     /**
      * Layout variant for column widths.
      */

package/dist/libs/components/NavAccordion/NavAccordion.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import './nav-accordion.css';
+interface NavAccordionProps {
+    /**
+     * Expandable content shown when open.
+     */
+    children: ReactNode;
+    /**
+     * Additional class names.
+     */
+    className?: string;
+    /**
+     * Disables the toggle button.
+     */
+    disabled?: boolean;
+    /**
+     * Content of the toggle button — any ReactNode.
+     */
+    label: ReactNode;
+}
+/**
+ * Internal accordion component for the mobile navbar panel.
+ * Renders a toggle button with a rotating chevron and expandable content.
+ * Used by MenuButton, UserMenu, and WorkspaceSelector.
+ */
+export declare const NavAccordion: ({ children, className, disabled, label, }: NavAccordionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/libs/components/NestedOverlayContext.d.ts

@@ -0,0 +1,14 @@
+/**
+ * True when rendered as a descendant of a Modal/Drawer/BottomSheet/
+ * FullScreenOverlay's own content — i.e. genuinely nested inside another
+ * overlay, not just present somewhere on the page while one happens to be
+ * open elsewhere. Those four overlays wrap their content in
+ * `NestedOverlayContext.Provider value={true}`; nothing else needs to
+ * provide it.
+ *
+ * Consumed via `useOverlayZIndex`, not directly — see that hook for why this
+ * exists (floating panels portaled out of these overlays' own z-indexed box
+ * need to know when to elevate above it).
+ */
+export declare const NestedOverlayContext: import("react").Context<boolean>;
+export declare const useIsNestedInOverlay: () => boolean;

package/dist/libs/components/StatusDot/StatusDot.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { StatusType } from '../../types/custom-types';
+import './status-dot.css';
+export type StatusDotType = StatusType | 'neutral';
+export interface StatusDotProps extends ComponentPropsWithoutRef<'span'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
+    /**
+     * Status type — determines the dot color
+     */
+    status: StatusDotType;
+}
+export declare const StatusDot: ({ className, status, ...props }: StatusDotProps) => import("react/jsx-runtime").JSX.Element;

package/dist/libs/components/useOverlayZIndex.d.ts

@@ -0,0 +1,16 @@
+/**
+ * z-index for a floating panel (dropdown, combobox, menu, popover, calendar):
+ * `defaultZIndex` normally, or `--pds-z-index-active-panel` when
+ * `useIsNestedInOverlay()` confirms this panel is genuinely nested inside
+ * another overlay's own content (Modal, Drawer, BottomSheet,
+ * FullScreenOverlay) — otherwise it would lose the z-index comparison to
+ * that overlay and render behind it (those overlays portal a panel opened
+ * from inside them as a SIBLING of their own z-indexed box, not a
+ * descendant of it, so simple DOM nesting doesn't resolve the stacking on
+ * its own).
+ *
+ * A standalone, page-level panel keeps `defaultZIndex`, so it can't outrank
+ * a Modal that opens afterward elsewhere on the page — only a panel that's
+ * actually part of an overlay's own content gets elevated.
+ */
+export declare const useOverlayZIndex: (defaultZIndex: string) => string;

package/dist/libs/components/utils.d.ts

@@ -1,7 +1,7 @@
-export function createRandomID(): string;
 export function getDescendants(node: any, collect: any): any;
 export function initiateSlots(children: any): {
     __unslotted: any[];
 };
+export function hasRenderableSlotContent(slotElements: any): boolean;
 export function mergeClasses(styles: any): any;
 export function isValidImageSrc(uri: any): boolean;