@lax-wp/design-system 0.3.95 → 0.3.97

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

@@ -1,14 +1,37 @@
-import React from 'react';
-export interface JsonGridProps {
-    isFullScreen: boolean;
-    allExpanded: boolean;
-    toggleAll: () => void;
-    isEditMode: boolean;
-    isDarkMode: boolean;
-    style: React.CSSProperties;
-    value: string;
-    onChange?: (value: string) => void;
-    setIsAddKeyModalOpen: (open: boolean) => void;
-    isAddKeyModalOpen: boolean;
-}
-export declare const JsonGrid: React.FC<JsonGridProps>;
+/**
+ * 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/comparison/Comparison.d.ts

@@ -0,0 +1,36 @@
+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;
+    /** Translation function - if not provided, strings will be used as-is */
+    t?: (key: string) => string;
+    /** 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,7 @@
+import React from 'react';
+export interface GridLayoutProps {
+    /** Translation function - if not provided, strings will be used as-is */
+    t?: (key: string) => string;
+}
+declare const _default: React.NamedExoticComponent<GridLayoutProps>;
+export default _default;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface ComparisonHeaderProps {
+    /** Translation function - if not provided, strings will be used as-is */
+    t?: (key: string) => string;
+    /** 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,7 @@
+import React from 'react';
+export interface NoAvailableContentProps {
+    /** Translation function - if not provided, strings will be used as-is */
+    t?: (key: string) => string;
+}
+declare const NoAvailableContent: React.FC<NoAvailableContentProps>;
+export default NoAvailableContent;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ILayoutItem } from '../constants';
+export interface SortableItemProps {
+    item: ILayoutItem;
+    /** Translation function - if not provided, strings will be used as-is */
+    t?: (key: string) => string;
+}
+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>;

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

@@ -0,0 +1,5 @@
+interface EmptyEventProps {
+    size?: number;
+}
+export declare const EmptyEvent: ({ size }?: EmptyEventProps) => import("react/jsx-runtime").JSX.Element;
+export type { EmptyEventProps };

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

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+export interface NoDataFoundWidgetsProps {
+    /** Widget type to determine which illustration to show */
+    widgetType?: string;
+    /** Custom CSS class name */
+    className?: string;
+    /** Test ID for testing */
+    'data-testid'?: string;
+}
+/**
+ * NoDataFoundWidgets component displays an empty state for various widget types
+ *
+ * @example
+ * ```tsx
+ * <NoDataFoundWidgets widgetType="BAR_CHART" />
+ * <NoDataFoundWidgets widgetType="PIE_CHART" />
+ * <NoDataFoundWidgets widgetType="TABLE" />
+ * ```
+ */
+export declare const NoDataFoundWidgets: FC<NoDataFoundWidgetsProps>;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+export * from './EmptyBarChartData';
+export * from './EmptyCountWidgetData';
+export * from './EmptyCardChartData';
+export * from './EmptyPieChatData';
+export * from './EmptyDonutChartData';
+export * from './EmptyTimelineChartData';
+export * from './EmptyTableWidgetData';
+export * from './EmptyContentChart';

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

@@ -4,3 +4,8 @@ export { PageNotFound } from './PageNotFound';
 export type { PageNotFoundProps } from './PageNotFound';
 export { UserNotFound } from './UserNotFound';
 export type { UserNotFoundProps } from './UserNotFound';
+export { EmptyEvent } from './EmptyEvent';
+export type { EmptyEventProps } from './EmptyEvent';
+export { NoDataFoundWidgets } from './NoDataFoundWidgets';
+export type { NoDataFoundWidgetsProps } from './NoDataFoundWidgets';
+export { EmptyBarChartData, EmptyCardListChartData, EmptyContentChartData, EmptyCountWidgetData, EmptyDonutChartData, EmptyPieChatData, EmptyTableWidgetData, EmptyTimelineChartData, } from './empty-widget';

package/dist/components/data-display/floating-element-wrapper/floating-element-dragger.d.ts

@@ -0,0 +1 @@
+export declare const FloatingElementWrapper: ({ children, showAsModal, ...props }: any) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-display/progress-bar/CircularProgressBar.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+export interface CircularProgressBarProps {
+    /** Target value to animate to */
+    value: number;
+    /** Maximum value for the progress */
+    max?: number;
+    /** Size of the circular progress bar in pixels */
+    size?: number;
+    /** Width of the stroke in pixels */
+    strokeWidth?: number;
+    /** Color of the progress arc */
+    color?: string;
+    /** Animation duration in milliseconds */
+    duration?: number;
+    /** Callback to receive the animated display value during animation */
+    setAnimatedDisplayValue?: (value: number) => void;
+    /** Children to render in the center of the circle */
+    children: ReactNode;
+}
+/**
+ * CircularProgressBar component that animates from 0 to a target value
+ */
+export declare const CircularProgressBar: React.FC<CircularProgressBarProps>;

package/dist/components/data-display/progress-bar/LinearProgressBar.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from 'react';
+export interface LinearProgressBarProps {
+    /** Target value to animate to (0-100 by default, or based on max) */
+    stopAt?: number;
+    /** Maximum value for the progress bar */
+    max?: number;
+    /** Height of the progress bar in pixels */
+    height?: number;
+    /** Single color for the progress bar */
+    color?: string;
+    /** Start color for gradient (requires toColor) */
+    fromColor?: string;
+    /** End color for gradient (requires fromColor) */
+    toColor?: string;
+    /** Animation duration in milliseconds */
+    duration?: number;
+    /** Callback to receive the animated display value during animation */
+    setAnimatedDisplayValue?: (value: number) => void;
+    /** Children to render below the progress bar */
+    children?: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * LinearProgressBar component that animates from 0 to a target value
+ */
+export declare const LinearProgressBar: React.FC<LinearProgressBarProps>;

package/dist/components/data-display/progress-bar/index.d.ts

@@ -0,0 +1,4 @@
+export { LinearProgressBar } from './LinearProgressBar';
+export type { LinearProgressBarProps } from './LinearProgressBar';
+export { CircularProgressBar } from './CircularProgressBar';
+export type { CircularProgressBarProps } from './CircularProgressBar';

package/dist/components/floating-bar/FloatingBar.d.ts

@@ -1,28 +1,14 @@
-import { type ReactNode, type MouseEvent } from "react";
-/**
- * Available floating bar sizes
- */
-export type FloatingBarSize = "small" | "medium" | "large";
-/**
- * Available floating bar positions
- */
-export type FloatingBarPosition = "top" | "bottom";
-/**
- * Available floating bar themes
- */
-export type FloatingBarTheme = "primary" | "dark" | "light";
+import { type FC, type ReactNode } from "react";
 /**
  * Configuration for action buttons in the floating bar
  */
-export interface FloatingBarActionConfig {
-    /** Unique identifier for the action */
-    id: string;
+export type ButtonConfig = {
     /** Button label text */
     label?: string;
     /** Icon element to display */
     icon: ReactNode;
     /** Click handler for the action */
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onClick?: () => void;
     /** Icon for dropdown mode */
     dropdownIcon?: ReactNode;
     /** Whether the action is visible */
@@ -35,86 +21,41 @@ export interface FloatingBarActionConfig {
     hideLabel?: boolean;
     /** Action type */
     type?: "button" | "dropdown";
+    /** Dropdown trigger mode */
+    dropdownTrigger?: "click" | "hover";
     /** Dropdown menu items */
     dropdownItems?: Array<{
         label: ReactNode;
         key: string;
         disabled?: boolean;
-        onClick?: () => void;
     }>;
-    /** Custom CSS classes */
-    className?: string;
-    /** Test ID for testing */
-    "data-testid"?: string;
-}
-/**
- * Configuration for the delete action
- */
-export interface FloatingBarDeleteConfig {
-    /** Delete button label */
-    label?: string;
-    /** Whether delete is disabled */
-    disabled?: boolean;
-    /** Delete action handler */
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /** Custom icon for delete */
-    icon?: ReactNode;
-    /** Delete confirmation required */
-    confirmRequired?: boolean;
-    /** Confirmation message */
-    confirmMessage?: string;
-}
+};
 /**
  * Props for the FloatingBar component
  */
-export interface FloatingBarProps {
+export type TFloatingBar = {
     /** Whether the floating bar is visible */
     show?: boolean;
     /** Close handler */
     onClose: () => void;
+    /** Whether this is used in flow dashboard layout */
+    isFlowDashboard?: boolean;
     /** Array of action configurations */
-    actionItems: FloatingBarActionConfig[];
+    actionItems: ButtonConfig[];
     /** Number of selected items */
     selectedItemsCount?: number;
     /** Delete action configuration */
-    deleteConfig?: FloatingBarDeleteConfig;
+    deleteConfig?: {
+        label?: string;
+        disabled?: boolean;
+        onClick?: () => void;
+    };
     /** Whether to show action background */
-    showActionBackground?: boolean;
-    /** Floating bar size */
-    size?: FloatingBarSize;
-    /** Floating bar position */
-    position?: FloatingBarPosition;
-    /** Floating bar theme */
-    theme?: FloatingBarTheme;
-    /** Custom width */
-    width?: string | number;
-    /** Custom CSS classes */
-    className?: string;
-    /** Custom selected text */
-    selectedText?: string;
-    /** Custom actions text for collapsed mode */
-    actionsText?: string;
-    /** Whether to auto-hide on small screens */
-    autoHide?: boolean;
-    /** Maximum items before collapsing */
-    maxVisibleItems?: number;
-    /** Animation duration in seconds */
-    animationDuration?: number;
-    /** Custom aria-label */
-    "aria-label"?: string;
-    /** Test ID for testing */
-    "data-testid"?: string;
-    /** Error state */
-    error?: boolean;
-    /** Loading state */
-    loading?: boolean;
-    /** Error message */
-    errorMessage?: string;
-    /** Callback when actions overflow */
-    onOverflow?: (isOverflowing: boolean) => void;
-}
+    showActionBg?: boolean;
+};
 /**
- * FloatingBar component provides a floating action bar for bulk operations
+ * FloatingBar component provides a floating action bar for bulk operations.
+ * Drop-in replacement matching the lax-web-portal implementation.
  *
  * @example
  * ```tsx
@@ -124,24 +65,27 @@ export interface FloatingBarProps {
  *   selectedItemsCount={selectedItems.length}
  *   actionItems={[
  *     {
- *       id: "edit",
  *       label: "Edit",
- *       icon: <EditIcon />,
+ *       icon: <EditIcon size={16} />,
  *       onClick: handleEdit,
  *     },
  *     {
- *       id: "archive",
  *       label: "Archive",
- *       icon: <ArchiveIcon />,
+ *       icon: <ArchiveIcon size={16} />,
  *       onClick: handleArchive,
  *     },
  *   ]}
  *   deleteConfig={{
  *     label: "Delete",
  *     onClick: handleDelete,
- *     confirmRequired: true,
  *   }}
  * />
  * ```
  */
-export declare const FloatingBar: import("react").ForwardRefExoticComponent<FloatingBarProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const FloatingBar: FC<TFloatingBar>;
+export type { ButtonConfig as FloatingBarActionConfig };
+export type FloatingBarDeleteConfig = TFloatingBar["deleteConfig"];
+export type FloatingBarProps = TFloatingBar;
+export type FloatingBarSize = "small" | "medium" | "large";
+export type FloatingBarPosition = "top" | "bottom";
+export type FloatingBarTheme = "primary" | "dark" | "light";

package/dist/components/forms/field-options/FieldOptions.d.ts

@@ -0,0 +1,10 @@
+import type { FC } from 'react';
+import { type TFieldOptionsProps } from './types';
+export interface FieldOptionsProps extends TFieldOptionsProps {
+    /** Translation function - if not provided, strings will be used as-is */
+    t?: (key: string) => string;
+}
+/**
+ * FieldOptions component for managing a list of field values with drag-and-drop sorting
+ */
+export declare const FieldOptions: FC<FieldOptionsProps>;

package/dist/components/forms/field-options/Header.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+import { type TFieldOptionsProps } from './types';
+type TProps = Pick<TFieldOptionsProps, 'value' | 'onOptionChange' | 'onSaveOption' | 'onDeleteAll' | 'required' | 'errorMessage'> & {
+    hasChoices: boolean;
+    /** Translation function - if not provided, strings will be used as-is */
+    t?: (key: string) => string;
+};
+export declare const Header: FC<TProps>;
+export {};

package/dist/components/forms/field-options/Icon.d.ts

@@ -0,0 +1,6 @@
+import { FC, SVGAttributes } from 'react';
+type IconProps = SVGAttributes<SVGSVGElement> & {
+    size?: string;
+};
+export declare const CloseIcon: FC<IconProps>;
+export {};

package/dist/components/forms/field-options/Item.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { TFieldOptionsProps } from './types';
+type TProps = Pick<TFieldOptionsProps, 'value' | 'onDeleteItem'> & {
+    index: number;
+};
+export declare const Item: FC<TProps>;
+export {};

package/dist/components/forms/field-options/index.d.ts

@@ -0,0 +1,3 @@
+export { FieldOptions } from './FieldOptions';
+export type { FieldOptionsProps } from './FieldOptions';
+export type { TFieldOptionsProps } from './types';