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

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

@@ -0,0 +1,10 @@
+import { DateRange } from '../../../../../DateRangePicker/DateRangePicker.types';
+import { Props } from './useCalendarVisibility.types';
+export declare const useCalendarVisibility: ({ defaultRange }: Props) => {
+    isCollapsed: boolean;
+    showsCalendar: boolean;
+    collapseCalendar: () => void;
+    hideCalendar: () => void;
+    restoreCalendar: (shows: boolean) => void;
+    revealCalendarFor: (range: DateRange) => boolean;
+};

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/hooks/useCalendarVisibility/useCalendarVisibility.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/hooks/useDateRangeSelection/useDateRangeSelection.d.ts

@@ -0,0 +1,8 @@
+import { DateRange, DateRangeWithTime } from '../../../../../DateRangePicker/DateRangePicker.types';
+import { Props } from './useDateRangeSelection.types';
+export declare const useDateRangeSelection: ({ defaultRange }: Props) => {
+    selectedRange: DateRange | undefined;
+    selectRange: (range: DateRange) => void;
+    handleRangeChange: (range: DateRangeWithTime) => void;
+    clearSelectedRange: () => void;
+};

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/hooks/useDateRangeSelection/useDateRangeSelection.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/hooks/useFilterDropdownOpenState/useFilterDropdownOpenState.d.ts

@@ -0,0 +1,6 @@
+export declare const useFilterDropdownOpenState: () => {
+    id: string;
+    isOpen: boolean;
+    close: () => void;
+    handleOpenChange: (open: boolean) => void;
+};

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

@@ -0,0 +1,11 @@
+import { Props } from './useFormattedDateRange.types';
+export declare const useFormattedDateRange: ({ range, countryCode }: Props) => {
+    appliedRangeLabel: undefined;
+    appliedRangeEnds: undefined;
+} | {
+    appliedRangeLabel: string;
+    appliedRangeEnds: {
+        from: string;
+        to: string | undefined;
+    };
+};

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

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

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

@@ -0,0 +1,5 @@
+import { Props } from './usePendingDateRange.types';
+export declare const usePendingDateRange: ({ selectedRange, appliedRange }: Props) => {
+    canApply: boolean;
+    hasPendingSelection: boolean;
+};

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/Input/Input.types.d.ts

@@ -19,6 +19,10 @@ export interface Props extends InputHTMLAttributes<HTMLInputElement>, VariantPro
     helperText?: string;
     /** Additional CSS classes for the helper text */
     helperTextClassName?: string;
+    /** Accessible label for the password toggle while the password is visible */
+    hidePasswordLabel?: string;
+    /** Accessible label for the password toggle while the password is hidden */
+    showPasswordLabel?: string;
     /** Show required indicator (*) next to label */
     isRequired?: boolean;
     /** Show search icon inside the input */

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

@@ -60,6 +60,8 @@ export interface Props extends VariantProps<typeof multiSelectDropdownVariants>,
     name?: string;
     /** Text shown when no options match the search */
     noOptionsText?: string;
+    /** Text shown in the list while options are loading */
+    loadingText?: string;
     /** Available options to select from */
     options: MultiSelectDropdownOption[];
     /** Placeholder text when no selection */

package/dist/lib/components/MultiSelectDropdown/contexts/MultiSelectDropdown.types.d.ts

@@ -5,6 +5,7 @@ export type State = {
     isLoading?: boolean;
     isOpen: boolean;
     noOptionsText?: string;
+    loadingText?: string;
     options: MultiSelectDropdownOption[];
     selectedOptions: MultiSelectDropdownOption[];
     onSelectOption: (option: MultiSelectDropdownOption) => void;
@@ -17,6 +18,7 @@ export type MultiSelectDropdownProviderProps = PropsWithChildren & {
     multiselect?: boolean;
     name?: string;
     noOptionsText?: string;
+    loadingText?: string;
     value?: MultiSelectDropdownOption[];
     onChange?: (params: {
         target: {

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/Select/Select.types.d.ts

@@ -111,6 +111,8 @@ export type Props = VariantProps<typeof selectVariants> & Omit<InputHTMLAttribut
     listItemSecondRowClassName?: string;
     mainWrapperClassName?: string;
     noOptionsText?: string;
+    /** Text shown in the list while options are loading */
+    loadingText?: string;
     visibleItems?: number;
     options: Option[] | OptionGroup[];
     searchable?: boolean;

package/dist/lib/components/Select/components/List/List.types.d.ts

@@ -2,6 +2,8 @@ import { ComponentRef, RefObject } from 'react';
 import { Props as SelectProps } from '../../Select.types';
 export type ListProps = Pick<SelectProps, 'name' | 'options' | 'theme' | 'additionalOptions'> & {
     className?: string;
+    id?: string;
+    labelledBy?: string;
     groupedOptions: SelectProps['options'];
     inputRef?: RefObject<ComponentRef<'input'> | null>;
     isLoading: boolean;
@@ -12,5 +14,6 @@ export type ListProps = Pick<SelectProps, 'name' | 'options' | 'theme' | 'additi
     isInfiniteScrollEnabled: SelectProps['isInfiniteScrollEnabled'];
     onFetchMoreOptions?: SelectProps['onFetchMoreOptions'];
     noOptionsText?: SelectProps['noOptionsText'];
+    loadingText?: SelectProps['loadingText'];
     visibleItems?: number;
 };

package/dist/lib/components/Select/components/Wrapper.d.ts

@@ -2,4 +2,6 @@ import { ComponentRef, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { SelectProps } from '../Select.types';
 export declare const Wrapper: ForwardRefExoticComponent<Omit<SelectProps, 'options'> & {
     groupedOptions: SelectProps['options'];
+    fieldId: string;
+    describedBy?: string;
 } & RefAttributes<ComponentRef<'input'>>>;

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

@@ -69,6 +69,8 @@ export interface Props extends Omit<VariantProps<typeof wrapperSiderbarVariants>
     separatorClassName?: string;
     /** Additional CSS classes for the hamburger trigger button rendered in drawer mode */
     triggerClassName?: string;
+    /** Accessible label for the mobile navigation trigger */
+    openNavigationLabel?: string;
     /**
      * Per-slot class overrides for the underlying `Drawer` rendered in
      * `drawer` mode. Mirrors `Drawer`'s `classNames` shape: `root`, `overlay`,

package/dist/lib/components/Sidebar/components/HamburgerTrigger/HamburgerTrigger.types.d.ts

@@ -1,5 +1,7 @@
 export interface Props {
     isOpen: boolean;
+    /** Accessible label for the navigation trigger */
+    openNavigationLabel?: string;
     onClick: VoidFunction;
     className?: string;
 }

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/Tag/Tag.types.d.ts

@@ -26,6 +26,7 @@ export type Props = {
     leftIcon?: ReactNode;
     /** Additional CSS classes */
     className?: string;
+    component?: 'div' | 'li' | 'span';
     /** Data attribute for the tag value */
     'data-value'?: string;
     /** Whether the tag is in a selected state */

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

@@ -17,6 +17,12 @@ import { Props } from './TextArea.types';
  *   value={comments}
  *   onChange={(e) => setComments(e.target.value)}
  * />
+ *
+ * // Required textarea with validation state
+ * <TextArea label="Bio" isRequired error="Bio is required" />
+ *
+ * // Textarea with helper text
+ * <TextArea label="Bio" helperText="Max 200 characters" />
  * ```
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-textarea--docs Storybook}

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

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { InputHTMLAttributes, ReactNode } from 'react';
+import { ReactNode, TextareaHTMLAttributes } from 'react';
 import { Theme } from '../../domain/theme';
 import { textAreaVariants } from './TextArea.variants';
 /**
@@ -10,13 +10,24 @@ import { textAreaVariants } from './TextArea.variants';
  * <TextArea label="Description" placeholder="Enter description..." />
  * <TextArea label="Notes" rows={5} />
  * <TextArea name="bio" initialValue="Default text" />
+ * <TextArea label="Bio" isRequired error="Bio is required" />
  * ```
  */
-export interface Props extends InputHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textAreaVariants> {
+export interface Props extends TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textAreaVariants> {
     /** Number of visible text rows (default: 3) */
     rows?: number;
+    /** Error message to display below the textarea */
+    error?: string;
+    /** Helper text displayed below the textarea when no error */
+    helperText?: string;
+    /** Additional CSS classes for the helper text */
+    helperTextClassName?: string;
+    /** Show required indicator (*) next to label */
+    isRequired?: boolean;
     /** Label displayed above the textarea */
     label?: string | ReactNode;
+    /** Additional CSS classes for the label */
+    labelClassName?: string;
     /** Additional CSS classes for the label wrapper */
     labelWrapperClassName?: string;
     /** Form field name */

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

@@ -1 +1,4 @@
-export declare const textAreaVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const textAreaVariants: (props?: ({
+    variant?: "error" | "default" | null | undefined;
+    isExpandable?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -28,8 +28,12 @@ export type Props = VariantProps<typeof timePickerVariants> & {
     time?: Date;
     /** Form field name */
     name?: string;
+    /** Id of the rendered control, for consumer-owned labels */
+    id?: string;
     /** Label displayed above the picker */
     label?: string;
+    /** Accessible name, when the visible label is rendered by the consumer */
+    ariaLabel?: string;
     /** Whether the field is required */
     isRequired?: boolean;
     /** Additional CSS classes for the wrapper */

package/dist/lib/components/TimePicker/components/WrapperList/WrapperList.types.d.ts

@@ -1,5 +1,6 @@
 import { Props as TimePickerProps } from '../../TimePicker.types';
 export type WrapperListProps = {
+    id?: string;
     isOpen: boolean;
     scrollBehavior?: TimePickerProps['scrollBehavior'];
     listClassName?: TimePickerProps['listClassName'];

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>>;