@konstructio/ui 0.1.2-alpha.107 → 0.1.2-alpha.108

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/hooks/usePendingDateRange/usePendingDateRange.types.d.ts

@@ -0,0 +1,5 @@
+import { DateRange, DateRangeWithTime } from '../../../../../DateRangePicker/DateRangePicker.types';
+export type Props = {
+    selectedRange?: DateRange;
+    appliedRange?: DateRangeWithTime;
+};

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/hooks/usePresetOptions/usePresetOptions.d.ts

@@ -0,0 +1,2 @@
+import { Props } from './usePresetOptions.types';
+export declare const usePresetOptions: ({ labelCustomRange, presets, rollingPresets, showCustomRange, }: Props) => import('../../../../..').DateRangePresetOption[];

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/hooks/usePresetOptions/usePresetOptions.types.d.ts

@@ -0,0 +1,6 @@
+import { DateRangePresetOption } from '../../../../../DateRangePicker/DateRangePicker.types';
+import { DefaultPresetsConfig } from '../../constants';
+export type Props = DefaultPresetsConfig & {
+    presets?: DateRangePresetOption[];
+    showCustomRange: boolean;
+};

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/hooks/useResetKey/useResetKey.d.ts

@@ -0,0 +1 @@
+export declare const useResetKey: () => [number, () => void];

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/hooks/useSelectedPreset/useSelectedPreset.d.ts

@@ -0,0 +1,10 @@
+import { Props } from './useSelectedPreset.types';
+export declare const useSelectedPreset: ({ defaultRange }: Props) => {
+    appliedPreset: string | null;
+    selectedPreset: string | null;
+    applyPreset: (preset: string | null) => void;
+    clearSelectedPreset: () => void;
+    markManualSelection: () => boolean;
+    revertSelectedPreset: () => void;
+    selectPreset: (preset: string | null, resolvesToWindow: boolean) => void;
+};

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/hooks/useSelectedPreset/useSelectedPreset.types.d.ts

@@ -0,0 +1,4 @@
+import { DateRange } from '../../../../../DateRangePicker/DateRangePicker.types';
+export type Props = {
+    defaultRange?: DateRange;
+};

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/utils/duration/duration.d.ts

@@ -0,0 +1,4 @@
+import { Duration } from './duration.types';
+export declare const parseDuration: (input: string) => Duration;
+export declare const subtractDuration: (date: Date, input: string) => Date;
+export declare const durationToId: (input: string) => string;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/utils/duration/duration.types.d.ts

@@ -0,0 +1,5 @@
+export type DurationUnit = 'm' | 'h' | 'd' | 'w' | 'mo' | 'y';
+export type Duration = {
+    amount: number;
+    unit: DurationUnit;
+};

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './duration/duration';
+export * from './duration/duration.types';
+export * from './whole-days/whole-days';

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/utils/whole-days/whole-days.d.ts

@@ -0,0 +1,2 @@
+import { DateRange } from '../../../../../DateRangePicker/DateRangePicker.types';
+export declare const spanWholeDays: ({ from, to }: DateRange) => DateRange;

package/dist/lib/components/Filter/components/DateFilterDropdown/DateFilterDropdown.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { DateFilterDropdownProps } from './DateFilterDropdown.types';
-export declare const DateFilterDropdown: FC<DateFilterDropdownProps>;
+import { Props } from './DateFilterDropdown.types';
+export declare const DateFilterDropdown: FC<Props>;

package/dist/lib/components/Filter/components/DateFilterDropdown/DateFilterDropdown.types.d.ts

@@ -1,4 +1,4 @@
-export type DateFilterDropdownProps = {
+export type Props = {
     label: string;
     position?: 'left' | 'right';
     onApply?: (date?: Date) => void;

package/dist/lib/components/Filter/components/DateFilterDropdown/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useDateFilterDropdown/useDateFilterDropdown';

package/dist/lib/components/Filter/components/DateFilterDropdown/{DateFilterDropdown.hook.d.ts → hooks/useDateFilterDropdown/useDateFilterDropdown.d.ts}

@@ -1,5 +1,5 @@
-import { DateFilterDropdownProps } from './DateFilterDropdown.types';
-export declare const useDateFilterDropdown: ({ onApply, countryCode, }: Pick<DateFilterDropdownProps, "onApply" | "countryCode">) => {
+import { Props } from '../../DateFilterDropdown.types';
+export declare const useDateFilterDropdown: ({ onApply, countryCode, }: Pick<Props, "onApply" | "countryCode">) => {
     id: string;
     appliedDay: string | undefined;
     isOpen: boolean;

package/dist/lib/components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { DateRangeFilterDropdownProps } from './DateRangeFilterDropdown.types';
-export declare const DateRangeFilterDropdown: FC<DateRangeFilterDropdownProps>;
+import { Props } from './DateRangeFilterDropdown.types';
+export declare const DateRangeFilterDropdown: FC<Props>;

package/dist/lib/components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.types.d.ts

@@ -1,5 +1,5 @@
 import { DateRange, DateRangeWithTime } from '../../../DateRangePicker/DateRangePicker.types';
-export type DateRangeFilterDropdownProps = {
+export type Props = {
     /** Label for the filter button */
     label: string;
     /** Position of the dropdown relative to the button */

package/dist/lib/components/Filter/components/DateRangeFilterDropdown/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useDateRangeFilterDropdown/useDateRangeFilterDropdown';

package/dist/lib/components/Filter/components/DateRangeFilterDropdown/{DateRangeFilterDropdown.hook.d.ts → hooks/useDateRangeFilterDropdown/useDateRangeFilterDropdown.d.ts}

@@ -1,6 +1,6 @@
-import { DateRange, DateRangeWithTime } from '../../../DateRangePicker/DateRangePicker.types';
-import { DateRangeFilterDropdownProps } from './DateRangeFilterDropdown.types';
-export declare const useDateRangeFilterDropdown: ({ defaultRange, onApply, countryCode, }: Pick<DateRangeFilterDropdownProps, "defaultRange" | "onApply" | "countryCode">) => {
+import { DateRange, DateRangeWithTime } from '../../../../../DateRangePicker/DateRangePicker.types';
+import { Props } from '../../DateRangeFilterDropdown.types';
+export declare const useDateRangeFilterDropdown: ({ defaultRange, onApply, countryCode, }: Pick<Props, "defaultRange" | "onApply" | "countryCode">) => {
     id: string;
     appliedRange: string | undefined;
     isOpen: boolean;

package/dist/lib/components/Filter/components/FilterDropdown/FilterDropdown.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { FilterDropdownProps } from './FilterDropdown.types';
-export declare const FilterDropdown: FC<FilterDropdownProps>;
+import { Props } from './FilterDropdown.types';
+export declare const FilterDropdown: FC<Props>;

package/dist/lib/components/Filter/components/FilterDropdown/FilterDropdown.types.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-export type FilterDropdownProps = PropsWithChildren & {
+export type Props = PropsWithChildren & {
     isOpen: boolean;
     trigger: ReactNode;
     triggerClassName?: string;

package/dist/lib/components/Filter/components/ResetButton/ResetButton.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { ResetButtonProps } from './ResetButton.types';
-export declare const ResetButton: FC<ResetButtonProps>;
+import { Props } from './ResetButton.types';
+export declare const ResetButton: FC<Props>;

package/dist/lib/components/Filter/components/ResetButton/ResetButton.types.d.ts

@@ -1,5 +1,5 @@
 import { Props as ButtonProps } from '../../../Button/Button.types';
-export type ResetButtonProps = ButtonProps & {
+export type Props = ButtonProps & {
     disabled?: boolean;
     onClick?: VoidFunction;
 };

package/dist/lib/components/Filter/components/TextMultiSelect/TextMultiSelect.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { TextMultiSelectProps } from './TextMultiSelect.types';
-export declare const TextMultiSelect: FC<TextMultiSelectProps>;
+import { Props } from './TextMultiSelect.types';
+export declare const TextMultiSelect: FC<Props>;

package/dist/lib/components/Filter/components/TextMultiSelect/TextMultiSelect.types.d.ts

@@ -1,5 +1,5 @@
 import { Option } from '../../Filter.types';
-export type TextMultiSelectProps = {
+export type Props = {
     label: string;
     options: Option[];
     position?: 'left' | 'right';

package/dist/lib/components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { TimeFilterDropdownProps } from './TimeFilterDropdown.types';
-export declare const TimeFilterDropdown: FC<TimeFilterDropdownProps>;
+import { Props } from './TimeFilterDropdown.types';
+export declare const TimeFilterDropdown: FC<Props>;

package/dist/lib/components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.types.d.ts

@@ -2,7 +2,7 @@ export type TimePreset = {
     label: string;
     value: Date;
 };
-export type TimeFilterDropdownProps = {
+export type Props = {
     label: string;
     position?: 'left' | 'right';
     format?: '12' | '24';

package/dist/lib/components/Filter/components/TimeFilterDropdown/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useTimeFilterDropdown/useTimeFilterDropdown';

package/dist/lib/components/Filter/components/TimeFilterDropdown/{TimeFilterDropdown.hook.d.ts → hooks/useTimeFilterDropdown/useTimeFilterDropdown.d.ts}

@@ -1,5 +1,5 @@
-import { TimeFilterDropdownProps, TimePreset } from './TimeFilterDropdown.types';
-export declare const useTimeFilterDropdown: ({ onApply, format, }: Pick<TimeFilterDropdownProps, "onApply" | "format">) => {
+import { Props, TimePreset } from '../../TimeFilterDropdown.types';
+export declare const useTimeFilterDropdown: ({ onApply, format, }: Pick<Props, "onApply" | "format">) => {
     id: string;
     appliedLabel: string | undefined;
     isOpen: boolean;

package/dist/lib/components/Filter/components/index.d.ts

@@ -1,12 +1,14 @@
 export * from './BadgeDropdown/BadgeMultiSelect';
-export * from './BadgeDropdown/BadgeMultiSelect.types';
+export type { Props as BadgeMultiSelectProps, SelectedOptions, } from './BadgeDropdown/BadgeMultiSelect.types';
+export * from './CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown';
+export type { Props as CustomDateRangeFilterDropdownProps, RollingPreset, } from './CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.types';
 export * from './DateFilterDropdown/DateFilterDropdown';
-export * from './DateFilterDropdown/DateFilterDropdown.types';
+export type { Props as DateFilterDropdownProps } from './DateFilterDropdown/DateFilterDropdown.types';
 export * from './DateRangeFilterDropdown/DateRangeFilterDropdown';
-export * from './DateRangeFilterDropdown/DateRangeFilterDropdown.types';
+export type { Props as DateRangeFilterDropdownProps } from './DateRangeFilterDropdown/DateRangeFilterDropdown.types';
 export * from './ResetButton/ResetButton';
-export * from './ResetButton/ResetButton.types';
+export type { Props as ResetButtonProps } from './ResetButton/ResetButton.types';
 export * from './TextMultiSelect/TextMultiSelect';
-export * from './TextMultiSelect/TextMultiSelect.types';
+export type { Props as TextMultiSelectProps } from './TextMultiSelect/TextMultiSelect.types';
 export * from './TimeFilterDropdown/TimeFilterDropdown';
-export * from './TimeFilterDropdown/TimeFilterDropdown.types';
+export type { Props as TimeFilterDropdownProps, TimePreset, } from './TimeFilterDropdown/TimeFilterDropdown.types';

package/dist/lib/components/RadioGroup/RadioGroup.types.d.ts

@@ -35,8 +35,8 @@ export interface Props {
     options: Omit<RadioProps, 'name' | 'checked' | 'defaultChecked'>[];
     /** Theme override for this component */
     theme?: Theme;
-    /** Currently selected value (controlled mode) */
-    value?: string;
+    /** Currently selected value (controlled mode); `null` selects nothing */
+    value?: string | null;
     /** CSS classes for the wrapper */
     wrapperClassName?: string;
     /** Callback when selection changes */

package/dist/lib/components/Stepper/Stepper.variants.d.ts

@@ -13,25 +13,25 @@ export declare const stepVariants: (props?: ({
     clickable?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepIndicatorVariants: (props?: ({
-    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    status?: "error" | "active" | "completed" | "pending" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepContentVariants: (props?: ({
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepLabelVariants: (props?: ({
-    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    status?: "error" | "active" | "completed" | "pending" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepDescriptionVariants: (props?: ({
-    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    status?: "error" | "active" | "completed" | "pending" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepConnectorVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
-    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    status?: "error" | "active" | "completed" | "pending" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/VirtualizedTable/VirtualizedTable.types.d.ts

@@ -3,6 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ReactNode } from 'react';
 import { Props as ButtonProps } from '../Button/Button.types';
 import { DateRange, DateRangeWithTime } from '../DateRangePicker/DateRangePicker.types';
+import { Props as CustomDateRangeFilterDropdownProps } from '../Filter/components/CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.types';
 import { TimePreset } from '../Filter/components/TimeFilterDropdown/TimeFilterDropdown.types';
 import { virtualizeTableVariants } from './VirtualizedTable.variants';
 import { Option } from './components/Filter/Filter.types';
@@ -86,6 +87,12 @@ export type DateRangeFilterConfig = FilterConfigBase & {
     /** Callback when the date range changes */
     onRangeChange?: (range: DateRangeWithTime) => void;
 };
+/**
+ * Configuration for a date range filter with custom presets.
+ */
+export type CustomDateRangeFilterConfig = FilterConfigBase & {
+    type: 'customDateRange';
+} & Omit<CustomDateRangeFilterDropdownProps, 'label' | 'position' | 'onApply'>;
 /**
  * Configuration for an action button rendered inline with filters.
  */
@@ -113,7 +120,7 @@ export type TimeFilterConfig = FilterConfigBase & {
 /**
  * Union of all supported filter configurations.
  */
-export type FilterConfig = BadgeMultiSelectFilterConfig | TextMultiSelectFilterConfig | DateFilterConfig | DateRangeFilterConfig | ActionFilterConfig | TimeFilterConfig;
+export type FilterConfig = BadgeMultiSelectFilterConfig | TextMultiSelectFilterConfig | DateFilterConfig | DateRangeFilterConfig | CustomDateRangeFilterConfig | ActionFilterConfig | TimeFilterConfig;
 /**
  * @deprecated Use FilterConfig instead
  */

package/dist/lib/components/VirtualizedTable/components/Actions/Actions.d.ts

@@ -1,3 +1,3 @@
 import { RowData } from '../../VirtualizedTable.types';
 import { Props } from './Actions.types';
-export declare const Actions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Props<TData>) => import("react").JSX.Element | null;
+export declare const Actions: <TData extends RowData>({ isPortal, ...props }: Props<TData>) => import("react").JSX.Element | null;

package/dist/lib/components/VirtualizedTable/components/Actions/Actions.types.d.ts

@@ -1,12 +1,12 @@
 import { CellContext } from '@tanstack/react-table';
-import { FC, ReactNode } from 'react';
+import { ElementType, ReactNode } from 'react';
 import { RowData } from '../../VirtualizedTable.types';
 export type Action<TData> = {
     className?: string;
     id?: string;
     onClick: (rowData: TData) => void;
 } & ({
-    component: FC;
+    component: ElementType;
     label?: string | ReactNode;
     componentProps?: Record<string, unknown>;
 } | {
@@ -17,6 +17,7 @@ export type Action<TData> = {
 export type Props<TData extends RowData> = CellContext<TData, unknown> & {
     actions: Action<TData>[];
     iconTriggerButtonClassName?: string;
+    isPortal?: boolean;
     triggerButtonClassName?: string;
     wrapperActionsClassName?: string;
     wrapperClassName?: string;

package/dist/lib/components/VirtualizedTable/components/Actions/Actions.variants.d.ts

@@ -0,0 +1,5 @@
+export declare const actionsTriggerVariants: (props?: ({
+    isOpen?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const actionsPanelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const actionsItemVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsList/ActionsList.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../../../../VirtualizedTable.types';
+import { Props } from './ActionsList.types';
+export declare const ActionsList: <TData extends RowData>({ actions, className, isMenu, rowData, onSelect, }: Props<TData>) => import("react").JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsList/ActionsList.types.d.ts

@@ -0,0 +1,9 @@
+import { RowData } from '../../../../VirtualizedTable.types';
+import { Action } from '../../Actions.types';
+export type Props<TData extends RowData> = {
+    actions: Action<TData>[];
+    className?: string;
+    isMenu?: boolean;
+    rowData: TData;
+    onSelect?: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsTrigger/ActionsTrigger.d.ts

@@ -0,0 +1,4 @@
+export declare const ActionsTrigger: import('react').ForwardRefExoticComponent<Omit<import('../../../../../Button/Button.types').Props, "ref"> & {
+    iconClassName?: string;
+    isOpen?: boolean;
+} & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsTrigger/ActionsTrigger.types.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+import { Button } from '../../../../../Button/Button';
+export type Props = Omit<ComponentProps<typeof Button>, 'ref'> & {
+    iconClassName?: string;
+    isOpen?: boolean;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/InlineActions/InlineActions.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../../../../VirtualizedTable.types';
+import { Props } from '../../Actions.types';
+export declare const InlineActions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import("react").JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/InlineActions/constants/index.d.ts

@@ -0,0 +1,2 @@
+export declare const ITEM_HEIGHT = 36;
+export declare const LIST_PADDING = 16;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/PortalActions.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../../../../VirtualizedTable.types';
+import { Props } from '../../Actions.types';
+export declare const PortalActions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import("react").JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/constants/index.d.ts

@@ -0,0 +1,2 @@
+export declare const CLOSE_DELAY_MS = 100;
+export declare const MENU_GAP_PX = 4;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-actions-menu/use-actions-menu';

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-actions-menu/use-actions-menu.d.ts

@@ -0,0 +1,15 @@
+export declare const useActionsMenu: () => {
+    buttonRef: import('react').RefObject<HTMLButtonElement | null>;
+    hasOpened: boolean;
+    isOpen: boolean;
+    menuId: string;
+    menuRef: import('react').RefObject<HTMLDivElement | null>;
+    triggerRef: import('react').RefObject<HTMLDivElement | null>;
+    closeMenu: () => void;
+    handleMenuKeyDown: (event: import('react').KeyboardEvent<HTMLDivElement>) => void;
+    handlePointerEnter: (event: import('react').PointerEvent<HTMLElement>) => void;
+    handlePointerLeave: (event: import('react').PointerEvent<HTMLElement>) => void;
+    handleTriggerClick: () => void;
+    handleTriggerKeyDown: (event: import('react').KeyboardEvent<HTMLDivElement>) => void;
+    handleTriggerPointerDown: (event: import('react').PointerEvent<HTMLElement>) => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-interactions/use-menu-interactions.d.ts

@@ -0,0 +1,10 @@
+import { PointerEvent } from 'react';
+import { Params } from './use-menu-interactions.types';
+export declare const useMenuInteractions: ({ isOpen, menuRef, triggerRef, setIsOpen, }: Params) => {
+    closeMenu: () => void;
+    handlePointerEnter: (event: PointerEvent<HTMLElement>) => void;
+    handlePointerLeave: (event: PointerEvent<HTMLElement>) => void;
+    handleTriggerClick: () => void;
+    handleTriggerPointerDown: (event: PointerEvent<HTMLElement>) => void;
+    openMenu: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-interactions/use-menu-interactions.types.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, RefObject, SetStateAction } from 'react';
+export type Params = {
+    isOpen: boolean;
+    menuRef: RefObject<HTMLDivElement | null>;
+    triggerRef: RefObject<HTMLDivElement | null>;
+    setIsOpen: Dispatch<SetStateAction<boolean>>;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-keyboard-navigation/use-menu-keyboard-navigation.d.ts

@@ -0,0 +1,6 @@
+import { KeyboardEvent } from 'react';
+import { Params } from './use-menu-keyboard-navigation.types';
+export declare const useMenuKeyboardNavigation: ({ buttonRef, isOpen, menuRef, closeMenu, openMenu, }: Params) => {
+    handleMenuKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+    handleTriggerKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-keyboard-navigation/use-menu-keyboard-navigation.types.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+export type Params = {
+    buttonRef: RefObject<HTMLButtonElement | null>;
+    isOpen: boolean;
+    menuRef: RefObject<HTMLDivElement | null>;
+    closeMenu: () => void;
+    openMenu: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-row-highlight/use-row-highlight.d.ts

@@ -0,0 +1,2 @@
+import { Params } from './use-row-highlight.types';
+export declare const useRowHighlight: ({ isOpen, triggerRef }: Params) => void;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-row-highlight/use-row-highlight.types.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+export type Params = {
+    isOpen: boolean;
+    triggerRef: RefObject<HTMLElement | null>;
+};

package/dist/lib/components/index.d.ts

@@ -7,10 +7,12 @@ export * from './Button/Button';
 export * from './ButtonGroup/ButtonGroup';
 export * from './Card/Card';
 export * from './Checkbox/Checkbox';
+export * from './CopyButton/CopyButton';
+export type { Props as CopyButtonProps } from './CopyButton/CopyButton.types';
 export * from './Counter/Counter';
 export * from './Datepicker/DatePicker';
 export * from './DateRangePicker/DateRangePicker';
-export type { DateRangePickerProps, DateRange, DateRangePreset, DateRangeWithTime, TimeRange, } from './DateRangePicker/DateRangePicker.types';
+export type { DateRangePickerProps, DateRange, DateRangePreset, DateRangePresetOption, DateRangeWithTime, TimeRange, } from './DateRangePicker/DateRangePicker.types';
 export * from './Divider/Divider';
 export * from './Drawer/Drawer';
 export * from './DropdownButton/DropdownButton';
@@ -47,7 +49,7 @@ export * from './Typography/Typography';
 export * from './VirtualizedTable/VirtualizedTable';
 export { sendExpandRowEvent, sendCollapseRowEvent, sendToggleRowEvent, sendResetFiltersEvent, sendRefreshEvent, VirtualizedTableEvent, } from './VirtualizedTable/events';
 export type { VirtualizedTableEventDetail, VirtualizedTableRefreshEventDetail, } from './VirtualizedTable/events';
-export type { ColumnDef, RowData, FilterConfig, ActionFilterConfig, BadgeMultiSelectFilterConfig, TextMultiSelectFilterConfig, DateFilterConfig, DateRangeFilterConfig, TimeFilterConfig, } from './VirtualizedTable/VirtualizedTable.types';
+export type { ColumnDef, RowData, FilterConfig, ActionFilterConfig, BadgeMultiSelectFilterConfig, TextMultiSelectFilterConfig, DateFilterConfig, DateRangeFilterConfig, CustomDateRangeFilterConfig, TimeFilterConfig, } from './VirtualizedTable/VirtualizedTable.types';
 export type { Step, StepperClassNames, StepperIcons, StepperProps, StepSize, StepStatus, StepVariant, } from './Stepper/Stepper.types';
 export { horizontalConnectorWrapperVariants, stepConnectorVariants, stepContentVariants, stepDescriptionVariants, stepIndicatorVariants, stepItemVariants, stepLabelVariants, stepListVariants, stepperVariants, stepVariants, } from './Stepper/Stepper.variants';
 /** @deprecated Use Counter instead */

package/dist/lib/icons.d.ts

@@ -1,2 +1,2 @@
-export { AccountsIcon, ActivityIcon, AddChartIcon, AlertOutlineIcon, ApiKeyIcon, AppRepoIcon, AppsIcon, ArchivesIcon, ArrowBackIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BarChartIcon, BillingIcon, BookOpenIcon, CalendarMonthIcon, CheckboxMarkedCircleOutlineIcon, CheckCircleFilledIcon, CheckCircleOutlineIcon, CheckIcon, CheckAltIcon, CircumGlobeIcon, ClockAlertIcon, ClockOutlineIcon, CloseIcon, CloudIcon, CloudLockOutlineIcon, ClustersIcon, CogOutlineIcon, ComputeIcon, ConfigureIcon, CopyIcon, CpuAltIcon, CpuIcon, CubeIcon, DashboardIcon, DatabaseIcon, DatacenterIcon, DeleteIcon, DeployIcon, DnsIcon, DocsIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsesIcon, EnvironmentsIcon, ErrorIcon, ErrorOutlineIcon, ExclamationIcon, FirewallAltIcon, FirewallIcon, GitIcon, GithubIcon, GitOpsCatalogIcon, GridViewIcon, HelpIcon, HideOutlineIcon, Home2Icon, HomeIcon, IdIcon, InfoCircleIcon, InformationOutlineIcon, InventoryIcon, InvoiceListIcon, KeyIcon, KonstructIcon, KubernetesIcon, LightBulbIcon, LoadBalancerAltIcon, LoadBalancerIcon, LoaderIcon, LockIcon, LockAltIcon, LogOutIcon, NetworkAltIcon, NetworkIcon, ObjectStorageIcon, OrganizationIcon, OrgSettingsIcon, PagesStackIcon, PageviewIcon, PeopleIcon, PhotoLibraryIcon, PipelineIcon, PlusIcon, PowerSettingsIcon, PreviewIcon, PrivateRegionIcon, ProfileIcon, QuotaIcon, ReceiptLongIcon, RefreshIcon, ReservedIpIcon, ScatterPlotIcon, SearchIcon, ServerIcon, SshKeyIcon, StartIcon, TabNewIcon, TeamMembersIcon, TeamsIcon, UploadIcon, VolumeIcon, WarningIcon, WarningTriangleIcon, WebhookIcon, XIcon, } from './assets/icons/components';
+export { AccountsIcon, ActivityIcon, AddChartIcon, AlertOutlineIcon, AllSetCheckIcon, ApiKeyIcon, AppRepoIcon, AppsIcon, ArchivesIcon, ArrowBackIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BarChartIcon, BillingIcon, BookOpenIcon, CalendarMonthIcon, CheckboxMarkedCircleOutlineIcon, CheckCircleFilledIcon, CheckCircleOutlineIcon, CheckIcon, CheckAltIcon, CircumGlobeIcon, ClockAlertIcon, ClockOutlineIcon, CloseIcon, CloudIcon, CloudLockOutlineIcon, ClustersIcon, CogOutlineIcon, ComputeIcon, ConfigureIcon, CopyIcon, CpuAltIcon, CpuIcon, CubeIcon, DashboardIcon, DatabaseIcon, DatacenterIcon, DeleteIcon, DeployIcon, DetachIcon, DnsIcon, DocsIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsesIcon, EnvironmentsIcon, ErrorIcon, ErrorOutlineIcon, ExclamationIcon, FirewallAltIcon, FirewallIcon, GitIcon, GithubIcon, GitOpsCatalogIcon, GridViewIcon, HelpIcon, HideOutlineIcon, Home2Icon, HomeIcon, IdIcon, InfoCircleIcon, InformationOutlineIcon, InventoryIcon, InvoiceListIcon, KeyIcon, KonstructIcon, KubernetesIcon, LightBulbIcon, LoadBalancerAltIcon, LoadBalancerIcon, LoaderIcon, LockIcon, LockAltIcon, LogOutIcon, NetworkAltIcon, NetworkIcon, ObjectStorageIcon, OrganizationIcon, OrgSettingsIcon, PagesStackIcon, PageviewIcon, PauseIcon, PeopleIcon, PhotoLibraryIcon, PipelineIcon, PlusIcon, PowerSettingsIcon, PreviewIcon, PrivateRegionIcon, ProfileIcon, QuotaIcon, ReceiptLongIcon, RefreshIcon, ReservedIpIcon, ScatterPlotIcon, SearchIcon, ServerIcon, SpendStatementIcon, SshKeyIcon, StartIcon, TabNewIcon, TeamMembersIcon, TeamsIcon, UpdatedIcon, UploadIcon, VolumeIcon, WarningIcon, WarningTriangleIcon, WebhookIcon, XIcon, } from './assets/icons/components';
 export type { IconProps, IconComponent } from './assets/icons/components';

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.106",
+  "version": "0.1.2-alpha.107",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -99,12 +99,12 @@
     "cmdk": "^1.1.1",
     "countries-and-timezones": "^3.10.0",
     "country-flag-icons": "^1.6.20",
-    "country-locale-map": "^1.9.13",
+    "country-locale-map": "^1.9.14",
     "google-libphonenumber": "^3.2.46",
     "i18n-iso-countries": "^7.14.0",
     "js-cookie": "^3.0.8",
-    "lucide-react": "^1.34.0",
-    "motion": "^13.1.1",
+    "lucide-react": "^1.39.0",
+    "motion": "^13.2.0",
     "react-chartjs-2": "^5.3.1",
     "react-day-picker": "^10.0.1",
     "react-feather": "^2.0.10",
@@ -147,30 +147,30 @@
   "devDependencies": {
     "@faker-js/faker": "^10.6.0",
     "@rollup/plugin-alias": "^6.0.0",
-    "@storybook/addon-docs": "^10.5.10",
-    "@storybook/addon-links": "^10.5.10",
-    "@storybook/react-vite": "^10.5.10",
+    "@storybook/addon-docs": "^10.6.0",
+    "@storybook/addon-links": "^10.6.0",
+    "@storybook/react-vite": "^10.6.0",
     "@tailwindcss/vite": "^4.3.3",
-    "@tanstack/react-query": "^5.102.2",
+    "@tanstack/react-query": "^5.102.8",
     "@testing-library/jest-dom": "^7.0.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.6",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
     "@types/google-libphonenumber": "^7.4.31",
     "@types/jest-axe": "^3.5.9",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.25",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.5",
-    "@typescript-eslint/eslint-plugin": "^8.67.0",
-    "@typescript-eslint/parser": "^8.67.0",
+    "@typescript-eslint/eslint-plugin": "^8.69.0",
+    "@typescript-eslint/parser": "^8.69.0",
     "@vitejs/plugin-react": "^6.0.3",
     "@vitest/coverage-v8": "^4.1.11",
     "autoprefixer": "^10.5.4",
     "eslint": "^9.39.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.4",
-    "eslint-plugin-storybook": "^10.5.10",
+    "eslint-plugin-react-refresh": "^0.5.6",
+    "eslint-plugin-storybook": "^10.6.0",
     "eslint-plugin-vitest": "^0.5.4",
     "glob": "^13.0.6",
     "husky": "^9.1.7",
@@ -180,12 +180,12 @@
     "postcss": "^8.5.26",
     "prettier": "^3.9.6",
     "rimraf": "^6.1.3",
-    "storybook": "^10.5.10",
+    "storybook": "^10.6.0",
     "tailwindcss": "^4.3.3",
     "ts-node": "^10.9.2",
     "typescript": "^6.0.3",
     "vite": "^8.2.2",
-    "vite-plugin-dts": "^5.0.3",
+    "vite-plugin-dts": "^5.1.0",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-svgr": "^5.2.0",
     "vitest": "^4.1.11"