@lax-wp/design-system 0.8.0 → 0.8.2

package/dist/components/navigation/tabs/MoreButton.d.ts

@@ -9,5 +9,5 @@ type MoreButtonProps = {
     selectedId: string;
     suffixRecord?: SuffixRecord;
 };
-declare const MoreButton: ({ variant, size, draggingOver, title, showMoreDropdown, handleShowMoreDropdown, selectedId, suffixRecord, }: MoreButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default MoreButton;
+export declare const MoreButton: ({ variant, size, draggingOver, title, showMoreDropdown, handleShowMoreDropdown, selectedId, suffixRecord, }: MoreButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/navigation/tabs/TabDragOverlay.d.ts

@@ -5,7 +5,7 @@ type TabDragOverlayProps = {
     size?: TabSize;
     variant: TabVariant;
     selectedId: string;
-    portalContainer?: HTMLElement | null;
+    parentContainer?: HTMLElement | null;
 };
-declare const TabDragOverlay: ({ draggingTab, suffixRecord, size, variant, selectedId, portalContainer, }: TabDragOverlayProps) => import("react").ReactPortal;
-export default TabDragOverlay;
+export declare const TabDragOverlay: ({ draggingTab, suffixRecord, size, variant, selectedId, parentContainer, }: TabDragOverlayProps) => import("react").ReactPortal;
+export {};

package/dist/components/navigation/tabs/TabSwitch.d.ts

@@ -1,3 +1,2 @@
 import type { TabSwitchProps } from './types';
-declare const TabSwitch: ({ showCounts, title, icon, suffixRecord, classValue, isSelected, selectedClassValue, textClassValue, selectedId, iconsOnly, draggingTab, disableAnimation, tabOptions, color, onClick, }: TabSwitchProps) => import("react/jsx-runtime").JSX.Element;
-export default TabSwitch;
+export declare const TabSwitch: ({ showCounts, title, icon, suffixRecord, classValue, isSelected, selectedClassValue, textClassValue, selectedId, iconsOnly, draggingTab, disableAnimation, tabOptions, color, href, onClick, }: TabSwitchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/tabs/Tabs.d.ts

@@ -1,2 +1,2 @@
 import type { TabsProps } from './types';
-export declare const Tabs: <T extends string>({ variant, tabs, activeTab, onTabClick, suffixRecord, isLoading, size, className, draggable, showAllItems, copyLink, isDisabled, color, iconsOnly, tabIcons, height, fullWidth, fitContentWidth, disableAnimation, onDelete, onCopyLink, allowPin, isFullWidth, rightSection, initialTabs: initialTabsProp, tabConfig: tabConfigProp, onTabConfigChange, onTabsChange, portalContainer, tabKey, linkConfig, }: TabsProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: <T extends string>({ variant, tabs, activeTab, onTabClick, suffixRecord, isLoading, size, className, draggable, showAllItems, copyLink, isDisabled, color, iconsOnly, tabIcons, height, fullWidth, fitContentWidth, disableAnimation, onEdit, onDelete, onCopyLink, allowPin, isFullWidth, rightSection, initialTabs: initialTabsProp, tabConfig: tabConfigProp, onTabConfigChange, onTabsChange, parentContainer, tabKey, linkConfig, }: TabsProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/tabs/icons/TrashIcon.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const TrashIcon: ({ ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/tabs/icons/index.d.ts

@@ -0,0 +1 @@
+export * from './TrashIcon';

package/dist/components/navigation/tabs/index.d.ts

@@ -1,3 +1,9 @@
 export { Tabs } from './Tabs';
+export { DropableWrapper } from './DropableWrapper';
+export { MoreButton } from './MoreButton';
+export { SortableTab } from './SortableTab';
+export { TabDragOverlay } from './TabDragOverlay';
+export { TabOptions } from './TabOptions';
+export { TabSwitch } from './TabSwitch';
 export type { TabsProps, TabVariant, TabSize, Tab, TabOptionConfig, SuffixRecord, } from './types';
 export { INITIAL_TAB_OPTION_CONFIG } from './types';

package/dist/components/navigation/tabs/types.d.ts

@@ -70,12 +70,16 @@ export type TabsProps<T extends string> = {
     allowPin?: boolean;
     /** Show all tabs without overflow truncation */
     showAllItems?: boolean;
-    /** Show copy link option in tab context menu */
+    /** Show copy link option in tab context menu.
+     *  Automatically enabled when `linkConfig` is provided. */
     copyLink?: boolean;
+    /** Callback when a tab is edited — when provided, shows an "Edit" option in the tab context menu */
+    onEdit?(name: T): void;
     /** Callback when a tab is deleted */
     onDelete?(name: T): void;
-    /** Callback when copy link is triggered — receives tab name, should copy and return the URL */
-    onCopyLink?(name: T): Promise<string>;
+    /** Called after the tab link is copied to the clipboard.
+     *  Receives the tab name and the full URL that was copied — useful for showing a toast or analytics. */
+    onCopyLink?(name: T, href: string): void;
     /** Redux/API persistence key — when provided and a DesignSystemProvider exists,
      *  tab state is automatically loaded and persisted via the provider's tab config */
     tabKey?: string;
@@ -84,6 +88,8 @@ export type TabsProps<T extends string> = {
     linkConfig?: {
         key: string;
         defaultLink: string;
+        /** Called with the URLSearchParams after the tab key is set — mutate to remove/add extra params before navigation */
+        onResolve?(searchParams: URLSearchParams): void;
     };
     /** Tabs with hidden state pre-configured (e.g. from API) */
     initialHiddenTabs?: readonly T[];
@@ -96,7 +102,7 @@ export type TabsProps<T extends string> = {
     /** Callback fired when tabs array changes (reorder, hide, pin — for external persistence) */
     onTabsChange?(tabs: Tab<T>[]): void;
     /** Container element for the drag overlay portal */
-    portalContainer?: HTMLElement | null;
+    parentContainer?: HTMLElement | null;
 };
 export type ChildrenProps = {
     isSelected?: boolean;
@@ -121,6 +127,9 @@ export type TabSwitchProps = {
     tabOptions?: ReactNode;
     color?: 'light' | 'dark';
     showCounts?: boolean;
+    /** When provided, renders as `<a>` instead of `<button>` for native link behaviour
+     *  (right-click → open in new tab, middle-click, Ctrl/Cmd+click). */
+    href?: string;
     onClick?(): void;
 };
 export declare const INITIAL_TAB_OPTION_CONFIG: TabOptionConfig;