@lax-wp/design-system 0.6.6 → 0.7.1

package/dist/components/data-display/responsive-tags/ResponsiveTags.d.ts

@@ -0,0 +1,19 @@
+export interface ResponsiveTag {
+    id?: string;
+    label: string;
+    color?: string;
+}
+export type ResponsiveTagSize = 'xs' | 'sm' | 'lg' | 'md';
+export type TitleProp = string | null;
+export interface ResponsiveTagsProps {
+    tags: ResponsiveTag[];
+    size?: ResponsiveTagSize;
+    className?: string;
+    maxVisible?: number;
+    icon?: React.ReactNode;
+    title?: TitleProp;
+    truncate?: number;
+    noWrap?: boolean;
+}
+declare const ResponsiveTags: ({ tags, size, className, maxVisible, icon, title, truncate, noWrap, }: ResponsiveTagsProps) => import("react/jsx-runtime").JSX.Element | "-";
+export default ResponsiveTags;

package/dist/components/data-display/responsive-tags/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ResponsiveTags } from './ResponsiveTags';
+export type { ResponsiveTag, ResponsiveTagsProps } from './ResponsiveTags';

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;
+declare const TabDragOverlay: ({ draggingTab, suffixRecord, size, variant, selectedId, parentContainer, }: TabDragOverlayProps) => import("react").ReactPortal;
 export default TabDragOverlay;

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

@@ -1,3 +1,3 @@
 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;
+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;
 export default TabSwitch;

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, 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/types.d.ts

@@ -70,12 +70,14 @@ 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 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 +86,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 +100,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 +125,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;

package/dist/hooks/useResizeObserver.d.ts

@@ -0,0 +1,5 @@
+export interface DimensionsData {
+    width: number;
+    height: number;
+}
+export declare function useResizeObserver<T extends HTMLElement>(ref: React.RefObject<T>): DimensionsData | undefined;

package/dist/index.d.ts

@@ -59,6 +59,8 @@ export type { ModalProps, } from "./components/data-display/modal/Modal";
 export { FloatingElementWrapper } from "./components/data-display/floating-element-wrapper/floating-element-dragger";
 export { Tag } from "./components/data-display/tag/Tag";
 export type { TagProps, TagSize, TagColor, ThemeMode, UploadHandler, } from "./components/data-display/tag/Tag";
+export { default as ResponsiveTags } from "./components/data-display/responsive-tags/ResponsiveTags";
+export type { ResponsiveTag, ResponsiveTagsProps, ResponsiveTagSize, TitleProp as ResponsiveTagsTitleProp, } from "./components/data-display/responsive-tags/ResponsiveTags";
 export { LabelValue } from "./components/data-display/label-value/LabelValue";
 export type { LabelValueProps, LabelValueSize, HighlightColor, MasterDataItem, RiskDetails, MasterDataModalProps, RiskDetailsCardProps, } from "./components/data-display/label-value/LabelValue";
 export { Banner } from "./components/data-display/banner/Banner";
@@ -147,6 +149,8 @@ export { useScrollToTop } from "./hooks/useScrollToTop";
 export { useEventListener } from "./hooks/useEventListener";
 export { useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect";
 export { useKeepSearchBox } from "./hooks/useKeepSearchBox";
+export { useResizeObserver } from "./hooks/useResizeObserver";
+export type { DimensionsData } from "./hooks/useResizeObserver";
 export { useOS, useShortcutKeys, detectOS, isMacOS, mapShortcutKey, mapShortcutKeys, SHORTCUT_KEY_MAP, } from "./hooks/useOS";
 export type { OS } from "./hooks/useOS";
 export { PageContainer, HelmetTitle, Helmet, ComponentLoader, LogoLoader, CustomScrollbar, ZoomContainer } from "./components/layout";