@lax-wp/design-system 0.3.115 → 0.4.1

package/dist/components/data-display/comparison/Comparison.d.ts

@@ -24,7 +24,7 @@ export interface ComparisonProps {
     /** Optional navigation function for back navigation */
     onNavigateBack?: (url: string) => void;
     /** Custom tabs component to render in the header */
-    tabsComponent?: React.ReactNode;
+    tabsComponent?: React.ElementType;
 }
 /**
  * Comparison component for side-by-side comparison of multiple items

package/dist/components/data-display/comparison/components/Header.d.ts

@@ -3,7 +3,7 @@ export interface ComparisonHeaderProps {
     /** Optional navigation function to go back */
     onNavigateBack?: (url: string) => void;
     /** Custom tabs component to render in the header */
-    tabsComponent?: React.ReactNode;
+    tabsComponent?: React.ElementType;
 }
 declare const _default: React.NamedExoticComponent<ComparisonHeaderProps>;
 export default _default;

package/dist/components/data-display/comparison/components/NoAvailableContent.d.ts

@@ -1,2 +1 @@
-declare const NoAvailableContent: () => import("react/jsx-runtime").JSX.Element;
-export default NoAvailableContent;
+export declare const NoAvailableContent: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-display/empty-state/NoDataFound.d.ts

@@ -1,9 +1,9 @@
 import { FC, ReactNode } from 'react';
 export interface NoDataFoundProps {
     /** Main text to display */
-    text: string;
+    text: string | ReactNode;
     /** Additional descriptive text */
-    additionaltext?: string;
+    additionaltext?: string | ReactNode;
     /** Children elements (e.g., action buttons) */
     children?: ReactNode;
     /** Custom icon to display instead of default */

package/dist/components/shortcut-kbd/ShortcutKbd.d.ts

@@ -0,0 +1,26 @@
+export type ShortcutKbdVariant = 'dark' | 'light';
+export interface ShortcutKbdProps {
+    /** Array of keyboard shortcut keys to display (e.g., ['Meta', 'S'] or ['Ctrl', 'Enter']) */
+    shortcuts: string[];
+    /** Visual variant of the keyboard shortcuts */
+    variant?: ShortcutKbdVariant;
+    /** Additional CSS class name */
+    className?: string;
+}
+/**
+ * ShortcutKbd component displays keyboard shortcuts with OS-aware key symbols.
+ *
+ * Keys like 'Meta', 'Alt', 'Shift', 'Control', 'Enter', 'Delete' are automatically
+ * converted to OS-specific symbols (e.g., ⌘ on macOS, Ctrl on Windows/Linux).
+ *
+ * @example
+ * ```tsx
+ * // macOS: Shows "⌘ S", Windows: Shows "Ctrl S"
+ * <ShortcutKbd shortcuts={['Meta', 'S']} />
+ *
+ * // Light variant for dark backgrounds
+ * <ShortcutKbd shortcuts={['Meta', 'Shift', 'P']} variant="light" />
+ * ```
+ */
+export declare const ShortcutKbd: ({ shortcuts, variant, className, }: ShortcutKbdProps) => import("react/jsx-runtime").JSX.Element;
+export default ShortcutKbd;

package/dist/components/shortcut-kbd/index.d.ts

@@ -0,0 +1,2 @@
+export { ShortcutKbd, default } from './ShortcutKbd';
+export type { ShortcutKbdProps, ShortcutKbdVariant } from './ShortcutKbd';

package/dist/index.d.ts

@@ -207,6 +207,9 @@ export { FieldOptions } from "./components/forms/field-options";
 export { LinearProgressBar, CircularProgressBar } from "./components/data-display/progress-bar";
 export type { LinearProgressBarProps, CircularProgressBarProps } from "./components/data-display/progress-bar";
 export { Comparison, ComparisonContext, ComparisonProvider, COMPARISON_LAYOUT, DEFAULT_COMPARISON_LAYOUTS, gridLayoutItems, filterVisibleItems, filteredOptions, getCurrentSelectValue, parseToIds as comparisonParseToIds, ExitIcon, LayoutOneIcon, LayoutTwoIcon, LayoutThreeIcon, } from "./components/data-display/comparison";
+export { NoAvailableContent as ComparisonNoAvailableContent } from "./components/data-display/comparison/components/NoAvailableContent";
 export type { ComparisonProps, TComparisonContext, ComparisonProviderProps, ILayoutItem, ExitIconProps, LayoutOneIconProps, LayoutTwoIconProps, LayoutThreeIconProps, } from "./components/data-display/comparison";
 export { FormulaInput, convertToPills, convertFromPills, getCursorPosition, setCursorPosition, getTextBeforeCursor, getCursorCoordinates, insertTextAtCursor, } from "./components/forms/formula-input";
 export type { FormulaInputProps } from "./components/forms/formula-input";
+export { ShortcutKbd } from "./components/shortcut-kbd";
+export type { ShortcutKbdProps, ShortcutKbdVariant } from "./components/shortcut-kbd";