@lax-wp/design-system 0.3.113 → 0.3.115

package/dist/components/button/Button.d.ts

@@ -0,0 +1,25 @@
+import { type ItemType } from 'antd/es/menu/interface';
+import React from 'react';
+export interface IButtonProps {
+    children: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    primary?: boolean;
+    title?: string;
+    id: string;
+    status?: IButtonStatus;
+    appearance?: IButtonAppearance;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+    badge?: string | number;
+    type?: 'button' | 'submit' | 'reset';
+    options?: ItemType[];
+    tooltip?: string;
+    tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
+    theme?: 'light' | 'dark';
+}
+export type IButtonStatus = 'secondary-neutral' | 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'error-secondary' | 'cancel' | 'no-background' | 'publish' | 'default';
+export type IButtonAppearance = 'filled' | 'outline' | 'ghost' | 'dashed';
+declare const Button: React.FC<IButtonProps>;
+export default Button;

package/dist/components/button/ButtonGroup.d.ts

@@ -0,0 +1,6 @@
+import React, { type ReactNode } from 'react';
+export interface ButtonGroupProps {
+    children: ReactNode;
+    variant: 'group' | 'ungroup';
+}
+export declare const ButtonGroup: React.FC<ButtonGroupProps>;

package/dist/components/button/ButtonThreeDots.d.ts

@@ -0,0 +1,3 @@
+import { type FC, type ButtonHTMLAttributes } from 'react';
+export type TButtonThreeDotsProps = ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const ButtonThreeDots: FC<TButtonThreeDotsProps>;

package/dist/components/button/IconButton.d.ts

@@ -0,0 +1,14 @@
+import React, { type ReactNode } from 'react';
+export interface IconButtonProps {
+    children: ReactNode;
+    className?: string;
+    onClick?(event: React.MouseEvent<HTMLButtonElement>): void;
+    variant?: 'default' | 'secondary' | 'native' | 'ghost';
+    disabled?: boolean;
+    tooltip?: string;
+    tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
+    noborder?: boolean;
+    id?: string;
+}
+declare const IconButton: React.FC<IconButtonProps>;
+export default IconButton;

package/dist/components/button/Radio.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface RadioProps {
+    className?: string;
+    isChecked?: boolean;
+    onSelect?: (e: React.MouseEvent<HTMLInputElement>) => void;
+}
+declare const Radio: React.FC<RadioProps>;
+export default Radio;

package/dist/components/buttons/option-button/OptionButton.d.ts

@@ -0,0 +1,60 @@
+import { type FC, type ReactNode } from "react";
+/**
+ * Props for the OptionButton component
+ */
+export interface OptionButtonProps {
+    /** Unique identifier for the button */
+    id?: string;
+    /** Click handler for the button */
+    onClick?(e?: any): void;
+    /** Icon to display before the text */
+    icon?: ReactNode;
+    /** Button text content */
+    text: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Whether the button is disabled */
+    isDisabled?: boolean;
+    /** Callback when the button is closed */
+    onClose?(): void;
+    /** Whether the button should be hidden */
+    notVisible?: boolean;
+    /** Whether to hide hover effects */
+    hideHoverEffect?: boolean;
+    /** Icon to display after the text (trailing) */
+    leadingIcon?: ReactNode;
+    /** Suffix record object for badge content lookup by text */
+    suffixRecord?: Record<string, string | number>;
+    /** Whether to stop event propagation on click */
+    stopPropagation?: boolean;
+    /** Toggle functionality callback */
+    onToggle?: () => void;
+    /** Whether the toggle is checked (if onToggle is provided) */
+    isChecked?: boolean;
+    /** Text to highlight within the button text */
+    highlight?: string;
+    /** Whether to truncate text */
+    truncateText?: boolean;
+    /** Whether to show a checkmark tick */
+    showTick?: boolean;
+    /** Custom width for the text container */
+    width?: string;
+    /** Tooltip text to display */
+    tooltip?: string;
+    /** Whether the flow is available (controls button enabled state) */
+    isFlowAvailable?: boolean;
+}
+/**
+ * OptionButton component provides a flexible button for lists, menus, and option selections.
+ * Based on the web portal implementation for consistency across apps.
+ *
+ * @example
+ * ```tsx
+ * <OptionButton
+ *   text="Save Document"
+ *   icon={<SaveIcon />}
+ *   onClick={() => console.log('Save clicked')}
+ * />
+ * ```
+ */
+export declare const OptionButton: FC<OptionButtonProps>;

package/dist/components/cards/card-header-view/CardHeaderView.d.ts

@@ -0,0 +1,33 @@
+import { FC, ReactNode } from 'react';
+export type CardHeaderViewProps = {
+    title: string;
+    /** The link destination. If not provided, no link will be shown */
+    to?: string;
+    /** Whether the user has permission to see the link. Defaults to true */
+    hasUserPermissions?: boolean;
+    /** Custom view more text. Defaults to "View More" */
+    viewMoreText?: string;
+    /** Custom link component to use instead of anchor tag (for React Router, Next.js, etc) */
+    LinkComponent?: FC<{
+        to: string;
+        className?: string;
+        onClick?: () => void;
+        onMouseDown?: (e: React.MouseEvent) => void;
+        onTouchStart?: (e: React.TouchEvent) => void;
+        children: ReactNode;
+    }>;
+};
+/**
+ * CardHeaderView component for card headers with optional "View More" link
+ *
+ * @example
+ * ```tsx
+ * // With default anchor link
+ * <CardHeaderView title="Recent Items" to="/items" />
+ *
+ * // With React Router Link
+ * import { Link } from 'react-router-dom';
+ * <CardHeaderView title="Recent Items" to="/items" LinkComponent={Link} />
+ * ```
+ */
+export declare const CardHeaderView: FC<CardHeaderViewProps>;

package/dist/components/cards/card-header-view/index.d.ts

@@ -0,0 +1,2 @@
+export { CardHeaderView } from './CardHeaderView';
+export type { CardHeaderViewProps } from './CardHeaderView';

package/dist/components/cards/card-main/CardMain.d.ts

@@ -0,0 +1,25 @@
+import { FC, ReactNode } from 'react';
+export type CardMainProps = {
+    title?: string;
+    children: ReactNode;
+    noPadding?: boolean;
+    className?: string;
+    noHeight?: boolean;
+    noBanner?: boolean;
+    noScrollbar?: boolean;
+    /** Current mode - can be 'edit', 'focusEdit', 'comparison' */
+    mode?: string | null;
+    /** Display ID to show in banner */
+    displayId?: string | null;
+};
+/**
+ * CardMain component for main content areas with optional edit/comparison banners
+ *
+ * @example
+ * ```tsx
+ * <CardMain title="Page Title" mode="edit" displayId="DOC-001">
+ *   <div>Page content</div>
+ * </CardMain>
+ * ```
+ */
+export declare const CardMain: FC<CardMainProps>;

package/dist/components/cards/card-main/index.d.ts

@@ -0,0 +1,2 @@
+export { CardMain } from './CardMain';
+export type { CardMainProps } from './CardMain';

package/dist/components/cards/tab-content/TabContent.d.ts

@@ -0,0 +1,30 @@
+import { FC, ReactNode } from 'react';
+export type TabContentDrawerConfig = {
+    open: boolean;
+    onClose: () => void;
+    content: ReactNode;
+    header: ReactNode;
+};
+export type TabContentProps = {
+    tabs?: ReactNode | false | null;
+    title?: string;
+    content: ReactNode;
+    className?: string;
+    noPadding?: boolean;
+    noBorder?: boolean;
+    drawerConfig?: TabContentDrawerConfig | null;
+    noBorderTopContent?: boolean;
+};
+/**
+ * TabContent component for tabbed content with optional drawer
+ *
+ * @example
+ * ```tsx
+ * <TabContent
+ *   title="Page Title"
+ *   tabs={<Tabs items={tabItems} />}
+ *   content={<div>Tab content here</div>}
+ * />
+ * ```
+ */
+export declare const TabContent: FC<TabContentProps>;

package/dist/components/cards/tab-content/index.d.ts

@@ -0,0 +1,2 @@
+export { TabContent } from './TabContent';
+export type { TabContentProps, TabContentDrawerConfig } from './TabContent';

package/dist/components/data-display/access-denied-modal/AccessDeniedModal.d.ts

@@ -0,0 +1,21 @@
+import type { FC } from 'react';
+export interface AccessDeniedModalProps {
+    title: string;
+    visible: boolean;
+    onClose: () => void;
+    content: string;
+}
+/**
+ * AccessDeniedModal component for displaying access denied messages
+ *
+ * @example
+ * ```tsx
+ * <AccessDeniedModal
+ *   title="Access Denied"
+ *   visible={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   content="You don't have permission to access this resource."
+ * />
+ * ```
+ */
+export declare const AccessDeniedModal: FC<AccessDeniedModalProps>;

package/dist/components/data-display/badge/Badge.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Available badge status options
+ */
+export type BadgeStatus = "default" | "primary" | "warning" | "error" | "neutral" | "success" | "info";
+/**
+ * Badge appearance variants
+ */
+export type BadgeAppearance = "filled" | "outline";
+/**
+ * Badge size variants
+ */
+export type BadgeSize = "sm" | "md" | "lg";
+/**
+ * Props for the Badge component
+ */
+export interface BadgeProps {
+    /** The badge status/color variant */
+    status?: BadgeStatus;
+    /** The text content to display */
+    children: string;
+    /** Visual appearance style */
+    appearance?: BadgeAppearance;
+    /** Size variant */
+    size?: BadgeSize;
+    /** Additional CSS classes for the wrapper */
+    className?: string;
+    /** Whether to use rounded pill shape */
+    isRounded?: boolean;
+    /** Whether to capitalize the text */
+    capitalize?: boolean;
+    /** Custom aria-label for accessibility */
+    "aria-label"?: string;
+}
+/**
+ * Badge component displays small status indicators or labels
+ *
+ * @example
+ * ```tsx
+ * <Badge status="success">Active</Badge>
+ * <Badge status="error" appearance="filled">Error</Badge>
+ * <Badge status="warning" size="sm" isRounded>Warning</Badge>
+ * ```
+ */
+export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/data-display/banner/Banner.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+/**
+ * Available banner status options
+ */
+export type BannerStatus = "success" | "error" | "warning" | "info" | "infoGrey" | "archived" | "canceled" | "queued" | "paused" | "awaiting_action" | "skipped" | "pending";
+/**
+ * Props for the Banner component
+ */
+export interface BannerProps {
+    /** The main content to display */
+    children: React.ReactNode;
+    /** The banner status/color variant */
+    status: BannerStatus;
+    /** Additional content to display on the right side */
+    additionalChildren?: React.ReactNode;
+    /** Component to render when expanded (for error status). Receives executionId as prop. */
+    ExpandedComponent?: React.ComponentType<{
+        executionId?: string;
+        children?: React.ReactNode;
+    }>;
+    /** Execution ID to pass to the ExpandedComponent */
+    executionId?: string;
+    /** Additional CSS classes for the wrapper */
+    className?: string;
+}
+/**
+ * Banner component displays important information with status-based styling
+ *
+ * @example
+ * ```tsx
+ * <Banner status="success">Operation completed successfully</Banner>
+ * <Banner status="error" ExpandedComponent={FlowErrorBanner} executionId="123">
+ *   Error occurred
+ * </Banner>
+ * ```
+ */
+export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/data-display/card/Card.d.ts

@@ -0,0 +1,31 @@
+import { type FC, type CSSProperties, type ReactNode } from "react";
+/**
+ * Props for the Card component
+ */
+export interface CardProps {
+    /** Content to render inside the card */
+    children: ReactNode;
+    /** Additional CSS classes to apply */
+    className?: string;
+    /** Title to display in document head (via HelmetTitle) */
+    title?: string;
+    /** Inline styles to apply */
+    style?: CSSProperties;
+    /** HTML id attribute */
+    id?: string;
+}
+/**
+ * Card component for displaying content in a styled container
+ *
+ * This component provides a consistent card layout with shadow, rounded corners,
+ * and proper dark mode support. It can optionally set the document title using
+ * the HelmetTitle component.
+ *
+ * @example
+ * ```tsx
+ * <Card title="My Card">
+ *   <div>Card content</div>
+ * </Card>
+ * ```
+ */
+export declare const Card: FC<CardProps>;

package/dist/components/data-display/code-editor/CodeEditor.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+import { type CodeEditorProps } from '../../../types';
+declare const TABS: ('JSON' | 'Grid')[];
+export type TTabKey = (typeof TABS)[number];
+export declare const CodeEditor: FC<CodeEditorProps>;
+export {};

package/dist/components/data-display/code-editor/JsonGrid.d.ts

@@ -0,0 +1,37 @@
+/**
+ * JsonGrid component - Drop-in replacement for lax-web-portal's JsonGrid
+ *
+ * This is an alias for JsonGridViewer that provides 100% compatibility
+ * with the web portal's JsonGrid component implementation.
+ *
+ * Features:
+ * - Full edit mode with add, delete, duplicate, and copy operations
+ * - Nested JSON support with expandable/collapsible nodes
+ * - Bulk selection and operations via floating bar
+ * - Add key modal for creating new JSON properties
+ * - Dark mode support
+ *
+ * @example
+ * ```tsx
+ * import { JsonGrid } from '@lax-wp/design-system';
+ *
+ * const [value, setValue] = useState('{"key": "value"}');
+ * const [allExpanded, setAllExpanded] = useState(false);
+ * const [isAddKeyModalOpen, setIsAddKeyModalOpen] = useState(false);
+ *
+ * <JsonGrid
+ *   isFullScreen={false}
+ *   allExpanded={allExpanded}
+ *   toggleAll={() => setAllExpanded(!allExpanded)}
+ *   isEditMode={true}
+ *   isDarkMode={false}
+ *   style={{ maxHeight: '500px' }}
+ *   value={value}
+ *   onChange={setValue}
+ *   setIsAddKeyModalOpen={setIsAddKeyModalOpen}
+ *   isAddKeyModalOpen={isAddKeyModalOpen}
+ * />
+ * ```
+ */
+export { JsonGridViewer as JsonGrid } from '../json-grid-viewer';
+export type { JsonGridViewerProps as JsonGridProps } from '../json-grid-viewer';

package/dist/components/data-display/code-editor/Tabs.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface TabsProps<T extends string> {
+    variant?: 'default' | 'switch';
+    tabs: T[];
+    activeTab: T;
+    onTabClick: (tab: T) => void;
+    size?: 'sm' | 'md' | 'lg';
+    tabIcons?: Partial<Record<T, React.ReactNode>>;
+    height?: string;
+    className?: string;
+}
+export declare const Tabs: <T extends string>({ variant, tabs, activeTab, onTabClick, size, tabIcons, height, className }: TabsProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,34 @@
+import { Dispatch, ReactNode } from 'react';
+import { ILayoutItem } from './constants';
+export interface ComparisonProps {
+    /** Configuration for header tabs */
+    headerTabConfig?: {
+        tabs: string[];
+        tabKey: string;
+        tabState: any;
+    };
+    /** Title displayed in the header */
+    title?: string;
+    /** Layout items for comparison panels */
+    layoutItems: ILayoutItem[];
+    /** Setter function for layout items */
+    setLayoutItems: Dispatch<React.SetStateAction<ILayoutItem[]>>;
+    /** Function to render header content for each panel */
+    layoutHeader: (id: number) => ReactNode;
+    /** Function to render main content for each panel */
+    layoutContent: (id: number) => ReactNode;
+    /** URL to navigate to when returning/exiting */
+    returnUrl?: string | number;
+    /** Callback function when user clicks return/exit button */
+    onReturn?: () => void;
+    /** Optional navigation function for back navigation */
+    onNavigateBack?: (url: string) => void;
+    /** Custom tabs component to render in the header */
+    tabsComponent?: React.ReactNode;
+}
+/**
+ * Comparison component for side-by-side comparison of multiple items
+ * Supports 1, 2, or 3 column layouts with drag-and-drop reordering
+ */
+declare const Comparison: (props: ComparisonProps) => import("react/jsx-runtime").JSX.Element;
+export default Comparison;

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

@@ -0,0 +1,36 @@
+import { Dispatch, ReactNode } from 'react';
+import { COMPARISON_LAYOUT, ILayoutItem } from './constants';
+export type TComparisonContext = {
+    headerTabConfig?: {
+        tabs: string[];
+        tabKey: string;
+        tabState: any;
+    };
+    title?: string;
+    layoutItems: ILayoutItem[];
+    setLayoutItems: Dispatch<React.SetStateAction<ILayoutItem[]>>;
+    layout?: number;
+    setLayout: (_layout: COMPARISON_LAYOUT) => void;
+    hideLayoutItem: (_id: number) => void;
+    layoutHeader: (id: number) => ReactNode;
+    layoutContent: (id: number) => ReactNode;
+    returnUrl?: string | number;
+    onReturn?: () => void;
+};
+export interface ComparisonProviderProps {
+    children: ReactNode;
+    headerTabConfig?: {
+        tabs: string[];
+        tabKey: string;
+        tabState: any;
+    };
+    title?: string;
+    layoutItems: ILayoutItem[];
+    setLayoutItems: Dispatch<React.SetStateAction<ILayoutItem[]>>;
+    layoutHeader: (id: number) => ReactNode;
+    layoutContent: (id: number) => ReactNode;
+    returnUrl?: string | number;
+    onReturn?: () => void;
+}
+export declare const ComparisonContext: import("react").Context<TComparisonContext>;
+export declare const ComparisonProvider: ({ children, headerTabConfig, title, layoutItems, setLayoutItems, layoutHeader, layoutContent, returnUrl, onReturn, }: ComparisonProviderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { useSortable } from '@dnd-kit/sortable';
+import React from 'react';
+export interface GridItemHandleProps {
+    listeners: ReturnType<typeof useSortable>['listeners'];
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<GridItemHandleProps & React.RefAttributes<HTMLButtonElement>>>;
+export default _default;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

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

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ILayoutItem } from '../constants';
+export interface SortableItemProps {
+    item: ILayoutItem;
+}
+declare const _default: React.NamedExoticComponent<SortableItemProps>;
+export default _default;

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

@@ -0,0 +1,15 @@
+import { TLabelValue } from '../../forms/select-field/SelectField';
+export declare enum COMPARISON_LAYOUT {
+    ONE = 1,
+    TWO = 2,
+    THREE = 3
+}
+export interface ILayoutItem {
+    id: number;
+    visible: boolean;
+    states: any;
+    version?: TLabelValue;
+    additionalVersions?: Array<TLabelValue>;
+    isLoading?: boolean;
+}
+export declare const DEFAULT_COMPARISON_LAYOUTS: ILayoutItem[];

package/dist/components/data-display/comparison/icons/CloseIcon.d.ts

@@ -0,0 +1,7 @@
+import { FC, SVGAttributes } from 'react';
+export interface CloseIconProps extends SVGAttributes<SVGElement> {
+    classValue?: string;
+    fill?: string;
+    size?: number;
+}
+export declare const CloseIcon: FC<CloseIconProps>;

package/dist/components/data-display/comparison/icons/ExitIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ExitIconProps {
+    fill: string;
+    className?: string;
+}
+export declare const ExitIcon: React.FC<ExitIconProps>;

package/dist/components/data-display/comparison/icons/LayoutOneIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface LayoutOneIconProps {
+    fill?: string;
+    className?: string;
+}
+export declare const LayoutOneIcon: React.FC<LayoutOneIconProps>;

package/dist/components/data-display/comparison/icons/LayoutThreeIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface LayoutThreeIconProps {
+    fill?: string;
+    className?: string;
+}
+export declare const LayoutThreeIcon: React.FC<LayoutThreeIconProps>;

package/dist/components/data-display/comparison/icons/LayoutTwoIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface LayoutTwoIconProps {
+    fill?: string;
+    className?: string;
+}
+export declare const LayoutTwoIcon: React.FC<LayoutTwoIconProps>;

package/dist/components/data-display/comparison/icons/SearchIcon.d.ts

@@ -0,0 +1,8 @@
+import { FC, SVGAttributes } from 'react';
+export interface SearchIconProps extends SVGAttributes<SVGElement> {
+    width?: string;
+    height?: string;
+    fill?: string;
+    className?: string;
+}
+export declare const SearchIcon: FC<SearchIconProps>;

package/dist/components/data-display/comparison/icons/index.d.ts

@@ -0,0 +1,12 @@
+export { ExitIcon } from './ExitIcon';
+export type { ExitIconProps } from './ExitIcon';
+export { LayoutOneIcon } from './LayoutOneIcon';
+export type { LayoutOneIconProps } from './LayoutOneIcon';
+export { LayoutTwoIcon } from './LayoutTwoIcon';
+export type { LayoutTwoIconProps } from './LayoutTwoIcon';
+export { LayoutThreeIcon } from './LayoutThreeIcon';
+export type { LayoutThreeIconProps } from './LayoutThreeIcon';
+export { CloseIcon } from './CloseIcon';
+export type { CloseIconProps } from './CloseIcon';
+export { SearchIcon } from './SearchIcon';
+export type { SearchIconProps } from './SearchIcon';

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

@@ -0,0 +1,9 @@
+export { default as Comparison } from './Comparison';
+export type { ComparisonProps } from './Comparison';
+export { ComparisonContext, ComparisonProvider } from './ComparisonContext';
+export type { TComparisonContext, ComparisonProviderProps } from './ComparisonContext';
+export { COMPARISON_LAYOUT, DEFAULT_COMPARISON_LAYOUTS } from './constants';
+export type { ILayoutItem } from './constants';
+export { gridLayoutItems, filterVisibleItems, filteredOptions, getCurrentSelectValue, parseToIds } from './utils';
+export { ExitIcon, LayoutOneIcon, LayoutTwoIcon, LayoutThreeIcon, CloseIcon, SearchIcon } from './icons';
+export type { ExitIconProps, LayoutOneIconProps, LayoutTwoIconProps, LayoutThreeIconProps, CloseIconProps, SearchIconProps } from './icons';

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

@@ -0,0 +1,15 @@
+import { ILayoutItem } from './constants';
+export declare const gridLayoutItems: import("memoize-one").MemoizedFn<(layoutItems: Array<Pick<ILayoutItem, "id" | "visible" | "states" | "isLoading">>) => {
+    items: Pick<ILayoutItem, "id" | "visible" | "isLoading" | "states">[];
+    ids: number[];
+}>;
+export declare const filterVisibleItems: import("memoize-one").MemoizedFn<(layoutItems: Array<Pick<ILayoutItem, "visible">>) => number>;
+export declare const filteredOptions: import("memoize-one").MemoizedFn<(options: Array<any>, selectedValue?: string) => any[]>;
+export declare const getCurrentSelectValue: import("memoize-one").MemoizedFn<(options: Array<{
+    label: string;
+    value: string;
+}>, selectValue?: string) => {
+    label: string;
+    value: string;
+}[]>;
+export declare const parseToIds: import("memoize-one").MemoizedFn<(ids: string) => any>;