@cwellt_software/cwellt-reactjs-lib 1.4.13 → 1.4.15

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { HTMLProps, PropsWithChildren, FC, ReactNode, CSSProperties, ReactElement, HTMLAttributes, DetailedHTMLProps, TextareaHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, Component, ComponentType } from 'react';
 import * as CSS from 'csstype';
@@ -48,9 +47,9 @@ interface CwGroupLayoutProps {
     itemLayout?: CwLayoutProps;
 }
 
-declare function CwHeadingMain(props: React__default.PropsWithChildren<React__default.HTMLProps<HTMLHeadingElement>>): react_jsx_runtime.JSX.Element;
+declare function CwHeadingMain(props: React__default.PropsWithChildren<React__default.HTMLProps<HTMLHeadingElement>>): React__default.JSX.Element;
 
-declare function CwHeadingSecond(props: React__default.PropsWithChildren<React__default.HTMLProps<HTMLHeadingElement>>): react_jsx_runtime.JSX.Element;
+declare function CwHeadingSecond(props: React__default.PropsWithChildren<React__default.HTMLProps<HTMLHeadingElement>>): React__default.JSX.Element;
 
 interface CwLabelProps extends Omit<HTMLProps<PropsWithChildren<HTMLLabelElement>>, "className"> {
     /** Text to display on the label; Same as props.children
@@ -73,7 +72,7 @@ interface CwLabelProps extends Omit<HTMLProps<PropsWithChildren<HTMLLabelElement
  * <CwLabel justify="right" >Username:</CwLabel>
  * ```
  */
-declare function CwLabel(props: CwLabelProps): react_jsx_runtime.JSX.Element;
+declare function CwLabel(props: CwLabelProps): React$1.JSX.Element;
 
 type ChipColorScheme = 'danger' | 'warning' | 'success' | 'info' | 'neutral' | 'custom';
 type ChipVariant = 'soft' | 'solid' | 'outline';
@@ -157,7 +156,7 @@ declare const CwMessage: FC<CwMessageProps>;
  */
 declare const useCwMessage: () => {
     showMessage: (props: CwMessageProps) => void;
-    RenderMessage: react_jsx_runtime.JSX.Element | null;
+    RenderMessage: React$1.JSX.Element | null;
 };
 declare class CwMessageManager {
     private static instance;
@@ -261,7 +260,7 @@ type ImageItem = {
  */
 declare function CwImageGallery({ images }: {
     images: ImageItem[];
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 
 type ZoomImageItem = {
     src: string;
@@ -281,7 +280,7 @@ type ZoomImageItem = {
  *	<ImageZoom src={'base64ImageString'}
  *		alt={'Alternative text'}/>
  */
-declare function CwImageZoom(image: ZoomImageItem): react_jsx_runtime.JSX.Element;
+declare function CwImageZoom(image: ZoomImageItem): React$1.JSX.Element;
 
 interface CwIconProps extends Omit<HTMLProps<HTMLSpanElement>, "className" | "size"> {
     /** Icon identifier */
@@ -293,7 +292,7 @@ interface CwIconProps extends Omit<HTMLProps<HTMLSpanElement>, "className" | "si
     /** Tooltip position **/
     tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
 }
-declare function CwIcon(props: CwIconProps): react_jsx_runtime.JSX.Element;
+declare function CwIcon(props: CwIconProps): React__default.JSX.Element;
 
 type LoadingSize = 'small' | 'regular' | 'large';
 type IconPosition = 'inside' | 'outside';
@@ -332,7 +331,7 @@ interface CwLoadingProps {
  *   <UserProfile />
  * </CwLoading>
  */
-declare function CwLoading({ isLoading, text, size, iconPosition, iconName, animation, children }: React__default.PropsWithChildren<CwLoadingProps>): react_jsx_runtime.JSX.Element;
+declare function CwLoading({ isLoading, text, size, iconPosition, iconName, animation, children }: React__default.PropsWithChildren<CwLoadingProps>): React__default.JSX.Element;
 
 interface CwLoadingSmallProps {
     isLoading?: boolean;
@@ -349,7 +348,7 @@ interface CwLoadingSmallProps {
  * // Use:
  * <CwLoading size="small" />
  */
-declare function CwLoadingSmall(CwelltLoadingAppointements: React$1.PropsWithChildren<CwLoadingSmallProps>): react_jsx_runtime.JSX.Element;
+declare function CwLoadingSmall(CwelltLoadingAppointements: React$1.PropsWithChildren<CwLoadingSmallProps>): React$1.JSX.Element;
 
 type TooltipPosition = "top" | "bottom" | "left" | "right";
 interface CwGenericTooltipProps {
@@ -449,7 +448,7 @@ interface CwModalProps {
  * **Note:** For new development, we recommend using {@link CwDialog} instead. CwModal remains supported for existing code.
  * @see {@link CwDialog}
  */
-declare function CwModal(custModalProps: React__default.PropsWithChildren<CwModalProps>): react_jsx_runtime.JSX.Element;
+declare function CwModal(custModalProps: React__default.PropsWithChildren<CwModalProps>): React__default.JSX.Element;
 
 interface ConfirmationPopupProps {
     isOpen: boolean;
@@ -461,7 +460,7 @@ interface ConfirmationPopupProps {
     placement?: 'top' | 'right' | 'bottom' | 'left';
     children: ReactNode;
 }
-declare function CwConfirmationPopup(props: ConfirmationPopupProps): react_jsx_runtime.JSX.Element;
+declare function CwConfirmationPopup(props: ConfirmationPopupProps): React__default.JSX.Element;
 
 interface CwReportModalFunctionalProps {
     content: string;
@@ -502,7 +501,7 @@ interface State$2 {
 }
 declare class CwReportModal extends React$1.Component<CwReportModalProps, State$2> {
     constructor(props: Readonly<CwReportModalProps>);
-    render(): react_jsx_runtime.JSX.Element;
+    render(): React$1.JSX.Element;
 }
 
 interface CwModalHoverProps extends Omit<HTMLProps<HTMLDialogElement>, "className"> {
@@ -604,7 +603,7 @@ interface CwAlignProps extends Omit<PropsWithChildren<HTMLProps<HTMLDivElement>>
  *   </div>
  * </CwAlign>
  */
-declare function CwAlign(props: CwAlignProps): react_jsx_runtime.JSX.Element;
+declare function CwAlign(props: CwAlignProps): React$1.JSX.Element;
 
 type CardChip = Omit<CwChipProps, 'closable' | 'onClose' | 'className' | 'style'>;
 interface CwCardProps {
@@ -696,7 +695,7 @@ interface CwCardListProps<T> extends React__default.HTMLAttributes<HTMLDivElemen
     /** Extracts a stable unique key from each item to avoid index-based reconciliation bugs */
     keyExtractor?: (item: T, index: number) => string | number;
 }
-declare function CwCardList<T>({ items, renderCard, pageSize, layout, defaultCardWidth, cardGap, isLoading, emptyState, sortOptions, defaultSortKey, keyExtractor, ...htmlProps }: CwCardListProps<T>): react_jsx_runtime.JSX.Element;
+declare function CwCardList<T>({ items, renderCard, pageSize, layout, defaultCardWidth, cardGap, isLoading, emptyState, sortOptions, defaultSortKey, keyExtractor, ...htmlProps }: CwCardListProps<T>): React__default.JSX.Element;
 
 interface CwAccordionContainerProps {
     children?: any;
@@ -709,7 +708,7 @@ interface CwAccordionContainerProps {
  * @remarks Previously CwAccordionContainer
  * @returns
  */
-declare function CwAccordionContainer(CwelltAccordionContainerProps: React$1.PropsWithChildren<CwAccordionContainerProps>): react_jsx_runtime.JSX.Element;
+declare function CwAccordionContainer(CwelltAccordionContainerProps: React$1.PropsWithChildren<CwAccordionContainerProps>): React$1.JSX.Element;
 
 interface Column$1<T = any> {
     title: string;
@@ -818,7 +817,7 @@ interface CwTableProps<T = any> {
  *
  * @returns React component
  */
-declare function CwTable<T = any>({ columns, data, pagination, pageSizeOptions, expandedRowRender, onExpand, className, classNameRow, style, classNameContainer, id, testId, textNoData, rowKey, loading, scrollHeight, stickyHeader, pageLabel, rowSelection }: Readonly<CwTableProps<T>>): react_jsx_runtime.JSX.Element;
+declare function CwTable<T = any>({ columns, data, pagination, pageSizeOptions, expandedRowRender, onExpand, className, classNameRow, style, classNameContainer, id, testId, textNoData, rowKey, loading, scrollHeight, stickyHeader, pageLabel, rowSelection }: Readonly<CwTableProps<T>>): React__default.JSX.Element;
 
 interface SortableColumn<T = any> {
     /** Header label */
@@ -891,7 +890,7 @@ interface CwSortableTableProps<T = any> {
  * - Reorder is calculated in onDragEnd using lastValidDropIndex
  * - draggedItem is tracked in state, not via dataTransfer
  */
-declare function CwSortableTable<T = any>({ columns, data, rowKey, onReorder, loading, textNoData, className, tableClassName, maxHeight, showHandle, style, saveLabel, discardLabel, }: Readonly<CwSortableTableProps<T>>): react_jsx_runtime.JSX.Element;
+declare function CwSortableTable<T = any>({ columns, data, rowKey, onReorder, loading, textNoData, className, tableClassName, maxHeight, showHandle, style, saveLabel, discardLabel, }: Readonly<CwSortableTableProps<T>>): React__default.JSX.Element;
 
 interface SortableTableDragState {
     /** Index of the row currently being dragged (-1 if none) */
@@ -1032,7 +1031,7 @@ interface CwTableServerSideProps<T = any> {
  *
  * @returns React component
  */
-declare function CwTableServerSide<T = any>({ columns, data, totalItems, pagination, pageSizeOptions, pageLabel, expandedRowRender, onExpand, className, classNameRow, style, classNameContainer, id, testId, textNoData, rowKey, loading, scrollHeight, stickyHeader, rowSelection, onChange, serverState, }: Readonly<CwTableServerSideProps<T>>): react_jsx_runtime.JSX.Element;
+declare function CwTableServerSide<T = any>({ columns, data, totalItems, pagination, pageSizeOptions, pageLabel, expandedRowRender, onExpand, className, classNameRow, style, classNameContainer, id, testId, textNoData, rowKey, loading, scrollHeight, stickyHeader, rowSelection, onChange, serverState, }: Readonly<CwTableServerSideProps<T>>): React__default.JSX.Element;
 
 interface Tab {
     key: string;
@@ -1080,7 +1079,7 @@ interface CwTabsProps {
  *  />
  * @returns A tab
  */
-declare function CwTabs(CwTabsProps: React__default.PropsWithChildren<CwTabsProps>): react_jsx_runtime.JSX.Element;
+declare function CwTabs(CwTabsProps: React__default.PropsWithChildren<CwTabsProps>): React__default.JSX.Element;
 
 interface CwExpandableProps extends Omit<HTMLProps<PropsWithChildren<HTMLDetailsElement>>, "className"> {
     /** Title of the expandable */
@@ -1233,7 +1232,7 @@ interface CwSortableListProps<T extends SortableItem$1> {
     readOnly?: boolean;
     maxHeight?: number | string;
 }
-declare function CwSortableList<T extends SortableItem$1>({ items, onReorder, renderItem, className, movedItems, emptyMessage, readOnly, maxHeight, }: CwSortableListProps<T>): react_jsx_runtime.JSX.Element;
+declare function CwSortableList<T extends SortableItem$1>({ items, onReorder, renderItem, className, movedItems, emptyMessage, readOnly, maxHeight, }: CwSortableListProps<T>): React__default.JSX.Element;
 
 /**
  * useSortableList
@@ -1388,7 +1387,7 @@ interface CwFileUploadProps {
     onChange: (file: File) => void;
     onSaveHexContent: (hexContent: string) => void;
 }
-declare function CwFileUpload(fileUploadProps: React__default.PropsWithChildren<CwFileUploadProps>): react_jsx_runtime.JSX.Element;
+declare function CwFileUpload(fileUploadProps: React__default.PropsWithChildren<CwFileUploadProps>): React__default.JSX.Element;
 
 interface CwFileUploadMultipleLabels {
     uploadDisabled: string;
@@ -1419,7 +1418,7 @@ interface CwFileUploadMultipleProps {
     initialFileName?: string;
     labels?: Partial<CwFileUploadMultipleLabels>;
 }
-declare function CwFileUploadMultiple(fileUploadProps: React__default.PropsWithChildren<CwFileUploadMultipleProps>): react_jsx_runtime.JSX.Element;
+declare function CwFileUploadMultiple(fileUploadProps: React__default.PropsWithChildren<CwFileUploadMultipleProps>): React__default.JSX.Element;
 
 interface CwInputProps {
     id?: string;
@@ -1435,15 +1434,18 @@ interface CwInputProps {
     required?: boolean;
     error?: boolean;
 }
-declare function CwInput(CwInputProps: React__default.PropsWithChildren<CwInputProps>): react_jsx_runtime.JSX.Element;
+declare function CwInput(CwInputProps: React__default.PropsWithChildren<CwInputProps>): React__default.JSX.Element;
 
 /**
  * CwButton - Customizable button component with variant styles, color themes, and icon support
  *
  * @param text - Button text content (displayed in <strong> tag when no children)
- * @param variant - Button style: 'solid' (default), 'outline', or 'icon'
+ * @param variant - Button style: 'solid' (default), 'outline', 'icon', or 'ghost' (low-emphasis text button: transparent, fills with the container color on hover/press)
  * @param color - Color theme: 'primary' (default), 'danger', or 'neutral'
+ * @param size - Button size: 'small', 'medium' (default), or 'large'
  * @param icon - Icon identifier for CSS classes (cwi-{icon})
+ * @param iconPosition - Icon placement relative to the text: 'left' (default, icon-then-text) or 'right' (text-then-icon). Only affects the auto icon+text rendering, not the icon variant or custom children.
+ * @param pressed - Toggle/"on" state for a toggle button. When defined, sets `aria-pressed` and a selected fill; leave undefined for a normal (non-toggle) button. The consumer owns the state (`pressed` + `onClick`).
  * @param className - Additional CSS classes
  * @param title - Built-in tooltip
  * @param tooltipPosition - Tooltip position: 'top', 'bottom' (default), 'left', 'right'
@@ -1451,20 +1453,27 @@ declare function CwInput(CwInputProps: React__default.PropsWithChildren<CwInputP
  *
  * @example
  * <CwButton text="Save" />
+ * <CwButton text="Save" size="small" />
  * <CwButton text="Delete" variant="outline" color="danger" />
  * <CwButton variant="icon" icon="edit" title="Edit item" />
  * <CwButton icon="star" text="Favorite" color="primary" />
+ * <CwButton text="Next" icon="chevron-right" iconPosition="right" />
+ * <CwButton text="Export" icon="download" variant="ghost" />
+ * <CwButton variant="icon" icon="pin" pressed={isPinned} onClick={togglePinned} title="Pin" />
  * <CwButton className="custom-class">Custom content</CwButton>
  */
-interface CwButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+
+interface CwButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
     text?: string;
-    variant?: 'solid' | 'outline' | 'icon';
+    variant?: 'solid' | 'outline' | 'icon' | 'ghost';
     color?: 'primary' | 'danger' | 'neutral';
+    size?: 'small' | 'medium' | 'large';
+    iconPosition?: 'left' | 'right';
+    pressed?: boolean;
     icon?: string;
     tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
-    ref?: React.LegacyRef<HTMLButtonElement>;
 }
-declare function CwButton({ text, variant, color, className, icon, title, tooltipPosition, children, ...buttonProps }: CwButtonProps): react_jsx_runtime.JSX.Element;
+declare const CwButton: React__default.ForwardRefExoticComponent<CwButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
 interface CwDigitProps extends Omit<HTMLProps<HTMLInputElement>, "className" | "type"> {
     /** Props to define alignment and size; undefined == column
@@ -1499,7 +1508,7 @@ interface CwDigitProps extends Omit<HTMLProps<HTMLInputElement>, "className" | "
  * />
  * ```
  */
-declare function CwDigit(props: CwDigitProps): react_jsx_runtime.JSX.Element;
+declare function CwDigit(props: CwDigitProps): React$1.JSX.Element;
 
 interface ColorPickerProps {
     initialColor: string;
@@ -1599,7 +1608,7 @@ interface CwInputTextProps extends Omit<HTMLProps<HTMLInputElement>, never> {
  * />
  * ```
  */
-declare function CwInputText(props: CwInputTextProps): react_jsx_runtime.JSX.Element;
+declare function CwInputText(props: CwInputTextProps): React$1.JSX.Element;
 
 interface CwInputPhoneProps extends Omit<HTMLProps<HTMLInputElement>, "className" | "type"> {
     /** Props to define alignment and size; undefined == column
@@ -1630,7 +1639,7 @@ interface CwInputPhoneProps extends Omit<HTMLProps<HTMLInputElement>, "className
  * <CwInputPhone iconProps={{iconId:"phone"}} labelProps={{children:"Phone"}} />
  * ```
  */
-declare function CwInputPhone(props: CwInputPhoneProps): react_jsx_runtime.JSX.Element;
+declare function CwInputPhone(props: CwInputPhoneProps): React$1.JSX.Element;
 
 interface CwInputNumberProps {
     id?: string;
@@ -1649,7 +1658,7 @@ interface CwInputNumberProps {
     min?: number;
     max?: number;
 }
-declare function CwInputNumber(CwInputNumberProps: React__default.PropsWithChildren<CwInputNumberProps>): react_jsx_runtime.JSX.Element;
+declare function CwInputNumber(CwInputNumberProps: React__default.PropsWithChildren<CwInputNumberProps>): React__default.JSX.Element;
 
 interface CwTextAreaProps extends Omit<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "className"> {
     /** Can it be resized? */
@@ -1672,7 +1681,7 @@ interface CwTextAreaProps extends Omit<DetailedHTMLProps<TextareaHTMLAttributes<
     */
     feedback?: CwInputFeedback | CwInputFeedback[];
 }
-declare function CwTextArea(props: CwTextAreaProps): react_jsx_runtime.JSX.Element;
+declare function CwTextArea(props: CwTextAreaProps): React$1.JSX.Element;
 
 interface CwInputDatetimeProps extends Omit<HTMLProps<HTMLInputElement>, "className" | "type"> {
     /** Props to define alignment and size; undefined == column
@@ -1707,7 +1716,7 @@ interface CwInputDatetimeProps extends Omit<HTMLProps<HTMLInputElement>, "classN
  * />
  * ```
  */
-declare function CwInputDatetime(props: CwInputDatetimeProps): react_jsx_runtime.JSX.Element;
+declare function CwInputDatetime(props: CwInputDatetimeProps): React$1.JSX.Element;
 
 interface CwInputTimeProps extends Omit<HTMLProps<HTMLInputElement>, "className" | "type"> {
     /** Props to define alignment and size; undefined == column
@@ -1742,7 +1751,7 @@ interface CwInputTimeProps extends Omit<HTMLProps<HTMLInputElement>, "className"
  * />
  * ```
  */
-declare function CwTime(props: CwInputTimeProps): react_jsx_runtime.JSX.Element;
+declare function CwTime(props: CwInputTimeProps): React$1.JSX.Element;
 
 interface CwInputDateTextProps extends Omit<React__default.HTMLProps<HTMLInputElement>, "className" | "type" | "placeholder" | "defaultValue" | "onChange"> {
     /** "DD.MM.YYYY" by default */
@@ -1775,13 +1784,13 @@ interface CwInputDateTextProps extends Omit<React__default.HTMLProps<HTMLInputEl
  * />
  * ```
  */
-declare function CwInputDateText(props: CwInputDateTextProps): react_jsx_runtime.JSX.Element;
+declare function CwInputDateText(props: CwInputDateTextProps): React__default.JSX.Element;
 
 interface CwInputImageProps extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "className" | "type" | "onChange"> {
     allowedImageFormats?: string[];
     onChange?: (image: string | null) => void;
 }
-declare function CwInputImage(props: CwInputImageProps): react_jsx_runtime.JSX.Element;
+declare function CwInputImage(props: CwInputImageProps): React$1.JSX.Element;
 
 interface CwImageAreaProps extends Omit<HTMLProps<HTMLImageElement>, "className" | "ref" | "onMouseDown" | "onMouseMove" | "onMouseUp" | "onDragStart"> {
     /** Not implemented */
@@ -1891,14 +1900,16 @@ declare const CwWeekdaySelector: FC<CwWeekdaySelectorProps>;
 interface CwCheckProps extends Omit<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type"> {
     /** Props for the label component */
     labelProps?: CwLabelProps;
-    /** Text content for the checkbox label */
+    /** Text content for the checkbox label
+     * @deprecated Use `labelProps.text` instead. */
     labelText?: string;
-    /** Props for the icon component - iconId is required */
-    iconProps?: CwIconProps;
-    /** Layout alignment: "row" (side by side) | "column" (label above) @default "row" */
+    /** Layout of the input relative to its label: "row" (side by side, default) | "column" (label below) */
+    direction?: "row" | "column";
+    /** Layout alignment: "row" (side by side) | "column" (label below) @default "row"
+     * @deprecated Use `direction` instead. */
     alignment?: "row" | "column";
 }
-declare function CwCheck(props: CwCheckProps): react_jsx_runtime.JSX.Element;
+declare function CwCheck(props: CwCheckProps): React__default.JSX.Element;
 
 /**
  * @deprecated Use {@link CwCheck} for single checkboxes or {@link CwCheckboxGroup} for multiple options.
@@ -1918,7 +1929,7 @@ interface CwCheckboxProps {
     disabled?: boolean;
     error?: boolean;
 }
-declare function CwCheckbox(CwCheckboxProps: React__default.PropsWithChildren<CwCheckboxProps>): react_jsx_runtime.JSX.Element;
+declare function CwCheckbox(CwCheckboxProps: React__default.PropsWithChildren<CwCheckboxProps>): React__default.JSX.Element;
 
 interface CheckboxOption {
     /** Value sent to onChange */
@@ -1928,7 +1939,17 @@ interface CheckboxOption {
     /** Disables this specific option */
     disabled?: boolean;
 }
-interface CwCheckboxGroupProps {
+/**
+ * Extends the shared {@link CwGroupLayoutProps} (`groupLayout` + `itemLayout`), the same layout
+ * interface {@link CwRadioGroup} and {@link CwKeyValueList} use:
+ * - `groupLayout` — label vs group block. `direction: "row"` (default, kept for backward
+ *   compatibility) = label beside the options; `"column"` = label above. Honors `align`/`gap`.
+ * - `itemLayout` — flow of the checkbox options. `direction: "column"` (default) = stacked;
+ *   `"row"` = inline with wrap. Honors `gap`. It also drives each checkbox's own box-to-text
+ *   layout to the OPPOSITE axis: stacked items get the box beside the text, side-by-side items
+ *   get the box above the text.
+ */
+interface CwCheckboxGroupProps extends CwGroupLayoutProps {
     /** List of options to display */
     options: CheckboxOption[];
     /** Currently selected values */
@@ -1937,32 +1958,101 @@ interface CwCheckboxGroupProps {
     onChange: (selected: string[]) => void;
     /** Props for the label component */
     labelProps?: CwLabelProps;
-    /** Props for alignment */
-    alignProps?: CwAlignProps;
     /** Marks the group as required */
     required?: boolean;
     /** Disables all options */
     disabled?: boolean;
-    /** Layout alignment of each individual checkbox: "row" (default) | "column" */
+    /** Additional CSS class for the container */
+    className?: string;
+    /** Error or info messages below the group */
+    feedback?: CwInputFeedback | CwInputFeedback[];
+    /** Props for alignment
+     * @deprecated Use `groupLayout` instead. */
+    alignProps?: CwAlignProps;
+    /** Layout alignment of each individual checkbox: "row" (default) | "column"
+     * @deprecated Use `itemLayout` instead. */
     optionsAlignment?: "row" | "column";
+    "data-testid"?: string;
+}
+/**
+ * CwCheckboxGroup - Multi-select group of native checkbox inputs.
+ *
+ * Use for selecting any number of values from a list of options. Layout follows the
+ * CwKeyValueList / CwRadioGroup convention with two nested {@link CwLayoutProps} axes applied as
+ * `data-*` attributes: `groupLayout` positions the label relative to the group block (root grid),
+ * `itemLayout` controls how the checkboxes flow among themselves (options container) and, on the
+ * opposite axis, each checkbox's own box-to-text layout.
+ */
+declare function CwCheckboxGroup({ options, value, onChange, labelProps, groupLayout, itemLayout, required, disabled, className, feedback, alignProps, optionsAlignment, "data-testid": dataTestId, }: CwCheckboxGroupProps): React$1.JSX.Element;
+
+interface RadioOption {
+    /** Value sent to onChange */
+    value: string;
+    /** Text displayed next to the radio */
+    label: string;
+    /** Disables this specific option */
+    disabled?: boolean;
+}
+/**
+ * Extends the shared {@link CwGroupLayoutProps} (`groupLayout` + `itemLayout`), the same layout
+ * interface {@link CwKeyValueList} uses:
+ * - `groupLayout` — label vs radiogroup block. `direction: "column"` (default) = label above;
+ *   `"row"` = label beside the options. Honors `align`/`gap`.
+ * - `itemLayout` — flow of the radio options. `direction: "column"` (default) = stacked;
+ *   `"row"` = inline with wrap. Honors `gap`. It also drives each radio's own circle-to-text
+ *   layout to the OPPOSITE axis: stacked items get the circle beside the text, side-by-side
+ *   items get the circle above the text.
+ */
+interface CwRadioGroupProps extends CwGroupLayoutProps {
+    /** List of options to display */
+    options: RadioOption[];
+    /** Currently selected value */
+    value?: string;
+    /** Callback when the selection changes - returns the selected value */
+    onChange: (value: string) => void;
+    /** Props for the label component */
+    labelProps?: CwLabelProps;
+    /** Marks the group as required */
+    required?: boolean;
+    /** Disables all options */
+    disabled?: boolean;
     /** Additional CSS class for the container */
     className?: string;
     /** Error or info messages below the group */
     feedback?: CwInputFeedback | CwInputFeedback[];
+    /** Accessible name for the radiogroup when no visible `labelProps` label is rendered (a11y fallback). */
+    "aria-label"?: string;
+    /** Accessible name for the radiogroup when no visible `labelProps` label is rendered (a11y fallback). */
+    "aria-labelledby"?: string;
+    "data-testid"?: string;
 }
-declare function CwCheckboxGroup({ options, value, onChange, labelProps, alignProps, required, disabled, optionsAlignment, className, feedback, }: CwCheckboxGroupProps): react_jsx_runtime.JSX.Element;
+/**
+ * CwRadioGroup - Single-select group of native radio inputs.
+ *
+ * Built on `<input type="radio">` sharing one `name`, so the browser provides radio-group
+ * semantics (roving tabindex, arrow-key navigation) natively. Use for a single choice from a
+ * list of options; for 2–3 options shown as a strip use CwButtonSwitch.
+ *
+ * Layout follows the CwKeyValueList convention with two nested {@link CwLayoutProps} axes
+ * applied as `data-*` attributes: `groupLayout` positions the label relative to the radiogroup
+ * block (root grid), `itemLayout` controls how the radios flow among themselves (options
+ * container) and, on the opposite axis, each radio's own circle-to-text layout.
+ */
+declare function CwRadioGroup({ options, value, onChange, labelProps, groupLayout, itemLayout, required, disabled, className, feedback, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "data-testid": dataTestId, }: CwRadioGroupProps): React$1.JSX.Element;
 
 interface CwToggleProps extends Omit<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type"> {
     /** Props for the label component */
     labelProps?: CwLabelProps;
-    /** Text content for the toggle label */
+    /** Text content for the toggle label
+     * @deprecated Use `labelProps.text` instead. */
     labelText?: string;
-    /** Props for the icon component - iconId is required */
-    iconProps?: CwIconProps;
-    /** Layout alignment: "row" (side by side) | "column" (label above) @default "row" */
+    /** Layout of the input relative to its label: "row" (side by side, default) | "column" (label above) */
+    direction?: "row" | "column";
+    /** Layout alignment: "row" (side by side) | "column" (label above) @default "row"
+     * @deprecated Use `direction` instead. */
     alignment?: "row" | "column";
 }
-declare function CwToggle(props: CwToggleProps): react_jsx_runtime.JSX.Element;
+declare function CwToggle(props: CwToggleProps): React__default.JSX.Element;
 
 interface CwSelectProps extends DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> {
     /** Props to define alignment and size; undefined == column
@@ -2017,7 +2107,7 @@ interface CwSelectProps extends DetailedHTMLProps<SelectHTMLAttributes<HTMLSelec
  *   <CwOption value="w" >White</CwOption>
  * </CwSelect>
  */
-declare function CwSelect(props: CwSelectProps): react_jsx_runtime.JSX.Element;
+declare function CwSelect(props: CwSelectProps): React$1.JSX.Element;
 
 /** A single selectable option in a {@link CwDropdown}. */
 interface CwDropdownOption {
@@ -2068,7 +2158,7 @@ interface CwDropdownProps extends Omit<React__default.HTMLAttributes<HTMLDivElem
  *   labelProps={{ text: 'My Label' }}
  * />
  */
-declare function CwDropdown({ options, value, onChange, labelProps, alignProps, placeholder, allowSearch, disabled, required, feedback, className, style, ...otherProps }: CwDropdownProps): react_jsx_runtime.JSX.Element;
+declare function CwDropdown({ options, value, onChange, labelProps, alignProps, placeholder, allowSearch, disabled, required, feedback, className, style, ...otherProps }: CwDropdownProps): React__default.JSX.Element;
 
 interface CwOptionProps extends Omit<HTMLProps<PropsWithChildren<HTMLOptionElement>>, "className"> {
     text?: string;
@@ -2086,7 +2176,7 @@ interface CwOptionProps extends Omit<HTMLProps<PropsWithChildren<HTMLOptionEleme
  *   <CwOption>C</CwOption>
  * </CwSelect>
  */
-declare function CwOption(props: CwOptionProps): react_jsx_runtime.JSX.Element;
+declare function CwOption(props: CwOptionProps): React$1.JSX.Element;
 
 interface CwDropdownListItems {
     IdDropDown_filter?: string | number | any;
@@ -2102,7 +2192,7 @@ interface CwDropdownFilterProps {
     isNested?: boolean;
     IdContent?: string;
 }
-declare function CwDropdownFilter(props: React$1.PropsWithChildren<CwDropdownFilterProps>): react_jsx_runtime.JSX.Element;
+declare function CwDropdownFilter(props: React$1.PropsWithChildren<CwDropdownFilterProps>): React$1.JSX.Element;
 
 interface CwPopoverButtonProps extends Omit<CwButtonProps, "onClick" | "children"> {
     /** Content rendered inside the floating panel */
@@ -2135,7 +2225,7 @@ interface CwPopoverButtonProps extends Omit<CwButtonProps, "onClick" | "children
  *     <CwToggle labelText="Show assigned" checked={v} onChange={setV} />
  * </CwPopoverButton>
  */
-declare function CwPopoverButton({ children, panelWidth, placement, panelClassName, ...buttonProps }: CwPopoverButtonProps): react_jsx_runtime.JSX.Element;
+declare function CwPopoverButton({ children, panelWidth, placement, panelClassName, ...buttonProps }: CwPopoverButtonProps): React__default.JSX.Element;
 
 interface CwMultiFilterTagProps {
     /** Make sure each ID is unique */
@@ -2399,7 +2489,7 @@ interface CwTagSelectorProps {
  * />
  * ```
  */
-declare function CwTagSelector({ id, options, value, onChange, labelProps, iconProps, alignProps, placeholder, disabled, showSelectAll, feedback, className, style, }: CwTagSelectorProps): react_jsx_runtime.JSX.Element;
+declare function CwTagSelector({ id, options, value, onChange, labelProps, iconProps, alignProps, placeholder, disabled, showSelectAll, feedback, className, style, }: CwTagSelectorProps): React__default.JSX.Element;
 
 type CwTreeNode<T> = {
     id: string | number;
@@ -2413,7 +2503,7 @@ type TreeViewProps<T> = {
     allowParentSelection?: boolean;
     selectedId?: string | number | null;
 };
-declare function CwTreeView<T>({ data, onSelect, allowParentSelection, selectedId: initialSelectedId }: TreeViewProps<T>): react_jsx_runtime.JSX.Element;
+declare function CwTreeView<T>({ data, onSelect, allowParentSelection, selectedId: initialSelectedId }: TreeViewProps<T>): React$1.JSX.Element;
 
 /** Props for {@link CwSearchInput}. */
 interface CwSearchInputProps extends HTMLProps<HTMLDivElement> {
@@ -2450,7 +2540,7 @@ interface CwSearchInputProps extends HTMLProps<HTMLDivElement> {
  *   placeholder="Search by name…"
  * />
  */
-declare function CwSearchInput(optionsProps: React__default.PropsWithChildren<CwSearchInputProps>): react_jsx_runtime.JSX.Element;
+declare function CwSearchInput(optionsProps: React__default.PropsWithChildren<CwSearchInputProps>): React__default.JSX.Element;
 
 /**
  * One result row returned by {@link CwSearchAsyncProps.onSearch} /
@@ -2640,6 +2730,122 @@ interface ContextMenuProps extends React__default.PropsWithChildren {
 }
 declare const CwContextMenu: React__default.FC<ContextMenuProps>;
 
+interface CwButtonSplitAction {
+    key: string;
+    label: string;
+    /** cwi icon name (verified against NewCwIcons.json) */
+    icon?: string;
+    disabled?: boolean;
+}
+interface CwButtonSplitProps {
+    /** Main action label */
+    text: string;
+    /** Optional main-action icon */
+    icon?: string;
+    /** Default/main action */
+    onClick: () => void;
+    /** Alternative actions shown in the dropdown menu */
+    actions: CwButtonSplitAction[];
+    /** Fired when a menu item is chosen */
+    onSelect: (key: string) => void;
+    /** Shared visual style for both parts. @default 'solid' */
+    variant?: "solid" | "outline";
+    /** Shared color theme for both parts. @default 'primary' */
+    color?: "primary" | "danger" | "neutral";
+    /** Shared size for both parts. @default 'medium' */
+    size?: "small" | "medium" | "large";
+    /** Disables both parts */
+    disabled?: boolean;
+    /** Menu alignment relative to the control. @default 'bottom-end' */
+    placement?: "bottom-start" | "bottom-end";
+    "data-testid"?: string;
+}
+/**
+ * CwButtonSplit - A primary action joined to a dropdown of alternative actions.
+ *
+ * Composes a main {@link CwButton} with a {@link CwPopoverButton} chevron whose
+ * panel holds a vertical menu of alternatives (rendered as `variant="ghost"` rows).
+ * Both parts share variant, color and size and read as one joined control.
+ *
+ * @example
+ * <CwButtonSplit
+ *     text="Save"
+ *     icon="save"
+ *     onClick={handleSave}
+ *     actions={[
+ *         { key: "saveAs", label: "Save as…", icon: "copy" },
+ *         { key: "saveAndClose", label: "Save and close" },
+ *     ]}
+ *     onSelect={handleSelect}
+ * />
+ */
+declare function CwButtonSplit({ text, icon, onClick, actions, onSelect, variant, color, size, disabled, placement, "data-testid": dataTestId, }: CwButtonSplitProps): React__default.JSX.Element;
+
+interface CwButtonSwitchOption {
+    /** Value sent to onChange */
+    value: string;
+    /** Text displayed on the segment */
+    label: string;
+    /** Optional cwi icon name */
+    icon?: string;
+    /** Disables this specific segment */
+    disabled?: boolean;
+}
+interface CwButtonSwitchProps {
+    /** Options rendered as joined segments */
+    options: CwButtonSwitchOption[];
+    /** Currently selected value */
+    value: string;
+    /** Callback when the selection changes */
+    onChange: (value: string) => void;
+    /** Segment size */
+    size?: "small" | "medium" | "large";
+    /** Shared color theme for every segment */
+    color?: "primary" | "danger" | "neutral";
+    /** Render only each option's icon (label becomes the tooltip + accessible name). Every option must have an `icon`. */
+    iconOnly?: boolean;
+    /**
+     * Orientation of the joined strip: "row" (default, horizontal) or "column" (vertical,
+     * stacked full-width segments). Only orientation is exposed because the segments are joined
+     * (no gap), so gap/align/justify are not meaningful.
+     */
+    direction?: "row" | "column";
+    /** Disables every segment */
+    disabled?: boolean;
+    /** Accessible name for the radiogroup (there is no visible label on this inline control). */
+    "aria-label"?: string;
+    /** Accessible name for the radiogroup (there is no visible label on this inline control). */
+    "aria-labelledby"?: string;
+    "data-testid"?: string;
+}
+/**
+ * CwButtonSwitch - Segmented single-select control: a strip of joined CwButtons.
+ *
+ * The selected segment renders `solid`, the others `outline`, both sharing the `color`
+ * theme (`primary` default, `danger`, or `neutral`). It is a proper ARIA radiogroup with
+ * roving tabindex (one tab stop) and arrow-key navigation, provided by
+ * {@link useRovingSingleSelect}. Use for 2–3 mutually-exclusive options that benefit from
+ * being shown side by side; for a longer list use CwRadioGroup.
+ *
+ * `direction="column"` renders the strip vertically (stacked, full-width segments) instead of
+ * the default horizontal `row`; arrow-key navigation handles both orientations.
+ *
+ * Set `iconOnly` to render just each option's icon; the option's `label` is still required
+ * and is passed as the segment title, so it becomes the tooltip and the accessible name.
+ *
+ * It is an inline control with no form label — if a caption is needed, place it next to the
+ * control at the call site, and pass `aria-label` (or `aria-labelledby`) to name the radiogroup
+ * for screen readers.
+ *
+ * @example
+ * <CwButtonSwitch
+ *     options={[{ value: "list", label: "List", icon: "list" }, { value: "grid", label: "Grid", icon: "grid" }]}
+ *     value={view}
+ *     onChange={setView}
+ * />
+ */
+declare function CwButtonSwitch({ options, value, onChange, size, color, iconOnly, direction, disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "data-testid": dataTestId, }: CwButtonSwitchProps): React$1.JSX.Element;
+
 /**
  * Props for legacy icon button wrappers
  * @deprecated These wrappers exist for backward compatibility.
@@ -2656,29 +2862,29 @@ interface cw_btnProps extends Omit<CwButtonProps, 'variant' | 'icon' | 'color'>
  * Save button wrapper  (6 uses pending delete)
  * @deprecated Use <CwButton variant="icon" icon="save" onClick={...} /> instead
  */
-declare function CwBtnSave({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnSave({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): React$1.JSX.Element;
 /**
  * Edit button wrapper  (5 uses pending delete)
  * @deprecated Use <CwButton variant="icon" icon="edit" onClick={...} /> instead
  */
-declare function CwBtnEdit({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnEdit({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): React$1.JSX.Element;
 /**
  * Delete button wrapper (4 uses pending delete)
  * @deprecated Use <CwButton variant="icon" icon="delete" color="danger" onClick={...} /> instead
  */
-declare function CwBtnDelete({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnDelete({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): React$1.JSX.Element;
 /**
  * Approve button wrapper.
  * DO NOT DELETE — used by Operon (lib pinned at ^1.0.9, currently dormant).
  * @deprecated Use <CwButton variant="icon" icon="check-circle" onClick={...} /> instead
  */
-declare function CwBtnApprove({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnApprove({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): React$1.JSX.Element;
 /**
  * Cancel button wrapper.
  * DO NOT DELETE — used by Operon (lib pinned at ^1.0.9, currently dormant).
  * @deprecated Use <CwButton variant="icon" icon="cancel" color="danger" onClick={...} /> instead
  */
-declare function CwBtnCancel({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnCancel({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): React$1.JSX.Element;
 
 type DateMatcher$4 = Matcher;
 interface CwDatePickerProps {
@@ -2732,7 +2938,7 @@ interface CwDatePickerProps {
      */
     feedback?: CwInputFeedback | CwInputFeedback[];
 }
-declare function CwDatePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, defaultMonth, labelProps, alignProps, placeholder, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, locale, todayLabel, yearRangeStart, yearRangeEnd, feedback, }: Readonly<CwDatePickerProps>): react_jsx_runtime.JSX.Element;
+declare function CwDatePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, defaultMonth, labelProps, alignProps, placeholder, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, locale, todayLabel, yearRangeStart, yearRangeEnd, feedback, }: Readonly<CwDatePickerProps>): React__default.JSX.Element;
 
 interface DateRangePreset {
     key: string;
@@ -2802,7 +3008,7 @@ interface CwDateRangePickerProps {
      */
     customPresets?: DateRangePreset[];
 }
-declare function CwDateRangePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, maxRangeDays, defaultMonth, labelProps, alignProps, placeholderFrom, placeholderTo, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showPresets, presetKeys, customPresets, }: Readonly<CwDateRangePickerProps>): react_jsx_runtime.JSX.Element;
+declare function CwDateRangePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, maxRangeDays, defaultMonth, labelProps, alignProps, placeholderFrom, placeholderTo, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showPresets, presetKeys, customPresets, }: Readonly<CwDateRangePickerProps>): React$1.JSX.Element;
 
 interface CwDateTimePickerProps {
     /** Current selected datetime */
@@ -2852,7 +3058,7 @@ interface CwDateTimePickerProps {
     /** Numeric timezone offset in hours (e.g., 1, 5.5, -3) */
     timezoneOffset?: number;
 }
-declare function CwDateTimePicker({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, nowLabel, locale, timezoneOffset, }: Readonly<CwDateTimePickerProps>): react_jsx_runtime.JSX.Element;
+declare function CwDateTimePicker({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, nowLabel, locale, timezoneOffset, }: Readonly<CwDateTimePickerProps>): React$1.JSX.Element;
 
 type DateMatcher$2 = Matcher;
 interface CwDateTimePickerCompactProps {
@@ -2907,7 +3113,7 @@ interface CwDateTimePickerCompactProps {
     /** Last year shown in the year dropdown. Defaults to `maxDateTime`'s year, or 5 years after today when not set. */
     yearRangeEnd?: number;
 }
-declare function CwDateTimePickerCompact({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, nowLabel, timeLabel, locale, yearRangeStart, yearRangeEnd, }: Readonly<CwDateTimePickerCompactProps>): react_jsx_runtime.JSX.Element;
+declare function CwDateTimePickerCompact({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, nowLabel, timeLabel, locale, yearRangeStart, yearRangeEnd, }: Readonly<CwDateTimePickerCompactProps>): React__default.JSX.Element;
 
 interface CwTimePickerProps {
     /** Current selected time in format "HH:mm" (24h format) */
@@ -2943,7 +3149,7 @@ interface CwTimePickerProps {
      */
     useNative?: boolean;
 }
-declare function CwTimePicker({ value, onChange, interval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, useNative, }: CwTimePickerProps): react_jsx_runtime.JSX.Element;
+declare function CwTimePicker({ value, onChange, interval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, useNative, }: CwTimePickerProps): React__default.JSX.Element;
 
 type DateMatcher$1 = Matcher;
 interface CwDatePickerTemporalProps {
@@ -2994,7 +3200,7 @@ interface CwDatePickerTemporalProps {
     /** Feedback messages shown below the input */
     feedback?: CwInputFeedback | CwInputFeedback[];
 }
-declare function CwDatePickerTemporal({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, defaultMonth, labelProps, alignProps, placeholder, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, locale, todayLabel, yearRangeStart, yearRangeEnd, feedback, }: Readonly<CwDatePickerTemporalProps>): react_jsx_runtime.JSX.Element;
+declare function CwDatePickerTemporal({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, defaultMonth, labelProps, alignProps, placeholder, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, locale, todayLabel, yearRangeStart, yearRangeEnd, feedback, }: Readonly<CwDatePickerTemporalProps>): React__default.JSX.Element;
 
 interface CwDateTimePickerTemporalProps {
     /** Current selected datetime (local wall-clock, no timezone) */
@@ -3042,7 +3248,7 @@ interface CwDateTimePickerTemporalProps {
     /** Locale for date formatting and calendar strings (default: enGB) */
     locale?: DayPickerLocale;
 }
-declare function CwDateTimePickerTemporal({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, nowLabel, locale, }: Readonly<CwDateTimePickerTemporalProps>): react_jsx_runtime.JSX.Element;
+declare function CwDateTimePickerTemporal({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, nowLabel, locale, }: Readonly<CwDateTimePickerTemporalProps>): React$1.JSX.Element;
 
 interface DateRangePresetTemporal {
     key: string;
@@ -3127,7 +3333,7 @@ interface CwDateRangePickerTemporalProps {
      */
     customPresets?: DateRangePresetTemporal[];
 }
-declare function CwDateRangePickerTemporal({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, maxRangeDays, defaultMonth, labelProps, alignProps, placeholderFrom, placeholderTo, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, locale, yearRangeStart, yearRangeEnd, showPresets, presetKeys, customPresets, }: Readonly<CwDateRangePickerTemporalProps>): react_jsx_runtime.JSX.Element;
+declare function CwDateRangePickerTemporal({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, maxRangeDays, defaultMonth, labelProps, alignProps, placeholderFrom, placeholderTo, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, locale, yearRangeStart, yearRangeEnd, showPresets, presetKeys, customPresets, }: Readonly<CwDateRangePickerTemporalProps>): React__default.JSX.Element;
 
 declare class cblEvent {
     id: string;
@@ -3229,7 +3435,7 @@ declare class CwSuperScheduler extends React$1.Component<SuperSchedulerProps$1,
     checkIfSlotAvailable(array: Array<cblEvent>, event: cblEvent): boolean;
     handleOnClickContextMenuResource: (date: Date, resource: Resource, key: string, schedulerId: string) => void;
     dateUTCString(date: any): any;
-    render(): react_jsx_runtime.JSX.Element;
+    render(): React$1.JSX.Element;
 }
 declare class CblDragAndDrop$1 {
     fromId: string | null;
@@ -3327,7 +3533,7 @@ declare class CwScheduler extends Component<CwSchedulerProps, State> {
     getNewResources: (_nextProps: CwSchedulerProps, dayPx: number) => Resource[];
     handleOnClickContextMenuResourceScheduler: (_clickEvent: any, _resource: Resource) => void;
     handleCrewPinning: (resource: Resource, text: string) => void;
-    render(): react_jsx_runtime.JSX.Element;
+    render(): React$1.JSX.Element;
 }
 
 declare class UiEvent {
@@ -3447,7 +3653,7 @@ interface SchedulerProps<T extends RowHeaderDm, P extends SchedulerEventDm> {
     /** Caps the visible event box height (rem). Passed to EventComp; defaults to 1.5. */
     maxEventHeightRem?: number;
 }
-declare const Scheduler: <T extends RowHeaderDm, P extends SchedulerEventDm>(props: SchedulerProps<T, P>) => react_jsx_runtime.JSX.Element;
+declare const Scheduler: <T extends RowHeaderDm, P extends SchedulerEventDm>(props: SchedulerProps<T, P>) => React__default.JSX.Element;
 
 interface SchedulerRowProps<T extends RowHeaderDm, P extends SchedulerEventDm> {
     events: P[];
@@ -3513,7 +3719,7 @@ interface SuperSchedulerProps<T extends PinRowHeaderProps> {
     rowHeaderWidth?: number | string;
     maxEventHeightRem?: number;
 }
-declare const SuperScheduler: <T extends PinRowHeaderProps>({ id, state, header, rows, events, headerColumnComp, pinnedOrderCategory, unPinnedOrderCategory, backgroundEvents, indicatorRows, contextMenuItems, onEvent, rowHeightRem, rowHeaderWidth, maxEventHeightRem, EventComp, }: SuperSchedulerProps<T>) => react_jsx_runtime.JSX.Element;
+declare const SuperScheduler: <T extends PinRowHeaderProps>({ id, state, header, rows, events, headerColumnComp, pinnedOrderCategory, unPinnedOrderCategory, backgroundEvents, indicatorRows, contextMenuItems, onEvent, rowHeightRem, rowHeaderWidth, maxEventHeightRem, EventComp, }: SuperSchedulerProps<T>) => React$1.JSX.Element;
 
 declare class OnPinRow implements UiEvent {
     readonly id: string;
@@ -3698,5 +3904,5 @@ declare class OnClickContextMenu implements UiEvent {
     constructor(id: string, clickedMenu: string);
 }
 
-export { CblDragAndDrop$1 as CblDragAndDrop, CwAccordionContainer, CwAlign, CwAnchoredMenu, CwBtnApprove, CwBtnCancel, CwBtnDelete, CwBtnEdit, CwBtnSave, CwButton, CwCard, CwCardList, CwCheck, CwCheckbox, CwCheckboxGroup, CwChip, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwDatePicker, CwDatePickerTemporal, CwDateRangePicker, CwDateRangePickerTemporal, CwDateTimePicker, CwDateTimePickerCompact, CwDateTimePickerTemporal, CwDialog, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownFilter, CwExpandable, CwFileUpload, CwFileUploadMultiple, CwFindAirport, CwFindCrewmember, CwGenericTooltip, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDateText, CwInputDatetime, CwInputImage, CwInputNumber, CwInputPhone, CwInputText, CwKeyValueList, CwLabel, CwLoading, CwLoadingSmall, CwMasterDetail, CwMessage, CwMessageManager, CwMessageType, CwModal, CwModalHover, CwModalReportFunctional, CwMultiFilter, CwMultiFilterTag, CwNote, CwOption, CwPopoverButton, CwReportModal, CwScheduler, CwSearchAsync, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, CwSortableList, CwSortableTable, CwSuperScheduler, CwTable, CwTableGrouped, CwTableServerSide, CwTabs, CwTagSelector, CwTextArea, CwTime, CwTimePicker, CwToggle, CwTooltipManager, CwTooltipNew, CwTreeView, CwWeekdaySelector, DefaultRowHeader, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PRESET_LIBRARY_TEMPORAL, PinRowHeader, Resource, Scheduler, SchedulerEvent, SuperScheduler, TooltipConstraintContext, UiEvent, Weekdays, cblEvent, eventIsVisible, filterVisibleEvents, getDefaultDivisions, getEventSizes, getPresetsByKeysTemporal, itemsToMultiFilterTags, useCwMessage, useSortableList, useSortableTable, useTooltipConstraint };
-export type { BackgroundEventDm, CardChip, ChipColorScheme, ChipVariant, Column$1 as Column, ConfirmationPopupProps, CwAlignProps, CwCardListProps, CwCardProps, CwChipProps, CwDialogProps, CwDropdownOption, CwDropdownProps, CwExpandableProps, CwGroupLayoutProps, CwImageAreaMethods, CwImageAreaProps, CwInputDateTextProps, CwInputDatetimeProps, CwInputImageProps, CwInputNumberProps, CwInputPhoneProps, CwInputTextProps, CwInputTimeProps, CwKeyValueListProps, CwLabelProps, CwLayoutProps, CwMasterDetailItem, CwMasterDetailProps, CwMessageProps, CwModalHoverProps, CwMultiFilterProps, CwMultiFilterTagProps, CwNoteProps, CwPopoverButtonProps, CwReportModalFunctionalProps, CwSearchAsyncOption, CwSearchAsyncProps, CwSelectListProps, CwSortableListProps, CwSortableTableProps, CwTableGroupedData, CwTableGroupedData_Group, CwTableGroupedData_Row, CwTableGroupedProps, CwTagSelectorOption, CwTagSelectorProps, CwTextAreaProps, CwTreeNode, DataItem, DateRangePresetTemporal, DateRangeValue, DateRangeValueTemporal, ICwMultiFilterTag, ImageItem, IndicatorRowDm, MenuOption, OnEvent, PinRowHeaderProps, RowHeaderDm, RowHeaderProps, SchedulerEventDm, SchedulerEventState, SchedulerRowProps, SchedulerState, ServerSideTableState, SortableColumn, SortableTableDragState, SuperSchedulerProps, Tab, UseSortableTableReturn, Weekday, ZoomImageItem, cblEventCompProps, resourceCompProps2 };
+export { CblDragAndDrop$1 as CblDragAndDrop, CwAccordionContainer, CwAlign, CwAnchoredMenu, CwBtnApprove, CwBtnCancel, CwBtnDelete, CwBtnEdit, CwBtnSave, CwButton, CwButtonSplit, CwButtonSwitch, CwCard, CwCardList, CwCheck, CwCheckbox, CwCheckboxGroup, CwChip, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwDatePicker, CwDatePickerTemporal, CwDateRangePicker, CwDateRangePickerTemporal, CwDateTimePicker, CwDateTimePickerCompact, CwDateTimePickerTemporal, CwDialog, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownFilter, CwExpandable, CwFileUpload, CwFileUploadMultiple, CwFindAirport, CwFindCrewmember, CwGenericTooltip, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDateText, CwInputDatetime, CwInputImage, CwInputNumber, CwInputPhone, CwInputText, CwKeyValueList, CwLabel, CwLoading, CwLoadingSmall, CwMasterDetail, CwMessage, CwMessageManager, CwMessageType, CwModal, CwModalHover, CwModalReportFunctional, CwMultiFilter, CwMultiFilterTag, CwNote, CwOption, CwPopoverButton, CwRadioGroup, CwReportModal, CwScheduler, CwSearchAsync, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, CwSortableList, CwSortableTable, CwSuperScheduler, CwTable, CwTableGrouped, CwTableServerSide, CwTabs, CwTagSelector, CwTextArea, CwTime, CwTimePicker, CwToggle, CwTooltipManager, CwTooltipNew, CwTreeView, CwWeekdaySelector, DefaultRowHeader, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PRESET_LIBRARY_TEMPORAL, PinRowHeader, Resource, Scheduler, SchedulerEvent, SuperScheduler, TooltipConstraintContext, UiEvent, Weekdays, cblEvent, eventIsVisible, filterVisibleEvents, getDefaultDivisions, getEventSizes, getPresetsByKeysTemporal, itemsToMultiFilterTags, useCwMessage, useSortableList, useSortableTable, useTooltipConstraint };
+export type { BackgroundEventDm, CardChip, ChipColorScheme, ChipVariant, Column$1 as Column, ConfirmationPopupProps, CwAlignProps, CwButtonSplitAction, CwButtonSplitProps, CwButtonSwitchOption, CwButtonSwitchProps, CwCardListProps, CwCardProps, CwChipProps, CwDialogProps, CwDropdownOption, CwDropdownProps, CwExpandableProps, CwGroupLayoutProps, CwImageAreaMethods, CwImageAreaProps, CwInputDateTextProps, CwInputDatetimeProps, CwInputImageProps, CwInputNumberProps, CwInputPhoneProps, CwInputTextProps, CwInputTimeProps, CwKeyValueListProps, CwLabelProps, CwLayoutProps, CwMasterDetailItem, CwMasterDetailProps, CwMessageProps, CwModalHoverProps, CwMultiFilterProps, CwMultiFilterTagProps, CwNoteProps, CwPopoverButtonProps, CwRadioGroupProps, CwReportModalFunctionalProps, CwSearchAsyncOption, CwSearchAsyncProps, CwSelectListProps, CwSortableListProps, CwSortableTableProps, CwTableGroupedData, CwTableGroupedData_Group, CwTableGroupedData_Row, CwTableGroupedProps, CwTagSelectorOption, CwTagSelectorProps, CwTextAreaProps, CwTreeNode, DataItem, DateRangePresetTemporal, DateRangeValue, DateRangeValueTemporal, ICwMultiFilterTag, ImageItem, IndicatorRowDm, MenuOption, OnEvent, PinRowHeaderProps, RowHeaderDm, RowHeaderProps, SchedulerEventDm, SchedulerEventState, SchedulerRowProps, SchedulerState, ServerSideTableState, SortableColumn, SortableTableDragState, SuperSchedulerProps, Tab, UseSortableTableReturn, Weekday, ZoomImageItem, cblEventCompProps, resourceCompProps2 };