@dynamic-framework/ui-react 2.5.2 → 2.7.0

package/dist/types/components/DAlert/DAlert.d.ts

@@ -14,5 +14,5 @@ type Props = BaseProps & PropsWithChildren<{
     iconCloseMaterialStyle?: boolean;
     onClose?: () => void;
 }>;
-export default function DAlert({ color, icon: iconProp, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, iconClose: iconCloseProp, iconCloseFamilyClass, iconCloseFamilyPrefix, iconCloseMaterialStyle, showClose, onClose, children, id, className, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DAlert({ color, icon: iconProp, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, iconClose: iconCloseProp, iconCloseFamilyClass, iconCloseFamilyPrefix, iconCloseMaterialStyle, showClose, onClose, children, id, className, style, dataAttributes, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DAvatar/DAvatar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { AvatarSize, BaseProps } from '../interface';
 type Props = BaseProps & {
     id?: string;
@@ -6,5 +7,5 @@ type Props = BaseProps & {
     name?: string;
     useNameAsInitials?: boolean;
 };
-export default function DAvatar({ id, size, image, name: nameProp, useNameAsInitials, className, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DAvatar({ id, size, image, name: nameProp, useNameAsInitials, className, style, dataAttributes, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DBadge/DBadge.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { BaseProps, ComponentColor } from '../interface';
 import { ResponsiveProp } from '../../hooks/useResponsiveProp';
 type Props = BaseProps & {
@@ -13,5 +14,5 @@ type Props = BaseProps & {
     iconFamilyClass?: string;
     iconFamilyPrefix?: string;
 };
-export default function DBadge(props: Props): import("react/jsx-runtime").JSX.Element;
+export default function DBadge(props: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DBox/DBox.d.ts

@@ -1,5 +1,5 @@
 import type { PropsWithChildren } from 'react';
 import type { BaseProps } from '../interface';
 type Props = PropsWithChildren<BaseProps>;
-export default function DBox({ className, style, children, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DBox({ className, style, children, dataAttributes, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DBoxFile/DBoxFile.d.ts

@@ -5,5 +5,5 @@ type Props = BaseProps & FamilyIconProps & DBoxFileProps & {
     icon?: string | false;
     children?: ReactNode | ((openFileDialog: () => void) => ReactNode);
 };
-export default function DBoxFile({ icon: iconProp, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, children, className, style, dataAttributes, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DBoxFile({ icon: iconProp, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, children, className, style, dataAttributes, ...props }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DButtonIcon/DButtonIcon.d.ts

@@ -14,5 +14,5 @@ type Props = BaseProps & FamilyIconProps & React.ButtonHTMLAttributes<HTMLButton
     rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];
     onClick?: (event: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
 };
-export default function DButtonIcon({ id, icon, size, className, variant, state, loadingAriaLabel, iconMaterialStyle, disabled, color, loading, href, target, rel, stopPropagationEnabled, style, iconFamilyClass, iconFamilyPrefix, dataAttributes, onClick, 'aria-label': ariaLabelProp, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DButtonIcon({ id, icon, size, className, variant, state, loadingAriaLabel, iconMaterialStyle, disabled, color, loading, href, target, rel, stopPropagationEnabled, style, iconFamilyClass, iconFamilyPrefix, dataAttributes, onClick, 'aria-label': ariaLabelProp, ...rest }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DCard/DCard.d.ts

@@ -4,7 +4,7 @@ import DCardBody from './components/DCardBody';
 import DCardFooter from './components/DCardFooter';
 import type { BaseProps } from '../interface';
 type Props = PropsWithChildren<BaseProps>;
-declare function DCard({ className, style, children, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function DCard({ className, style, children, dataAttributes, }: Props): import("react").JSX.Element;
 declare const _default: typeof DCard & {
     Header: typeof DCardHeader;
     Body: typeof DCardBody;

package/dist/types/components/DCard/components/DCardBody.d.ts

@@ -1,5 +1,5 @@
 import type { PropsWithChildren } from 'react';
 import type { BaseProps } from '../../interface';
 type Props = PropsWithChildren<BaseProps>;
-export default function DCardBody({ className, style, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DCardBody({ className, style, children, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DCard/components/DCardFooter.d.ts

@@ -1,5 +1,5 @@
 import type { PropsWithChildren } from 'react';
 import type { BaseProps } from '../../interface';
 type Props = PropsWithChildren<BaseProps>;
-export default function DCardFooter({ className, style, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DCardFooter({ className, style, children, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DCard/components/DCardHeader.d.ts

@@ -1,5 +1,5 @@
 import type { PropsWithChildren } from 'react';
 import type { BaseProps } from '../../interface';
 type Props = PropsWithChildren<BaseProps>;
-export default function DCardHeader({ className, style, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DCardHeader({ className, style, children, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DCarousel/DCarousel.d.ts

@@ -1,11 +1,18 @@
-/// <reference types="react" />
 import { Splide } from '@splidejs/react-splide';
+import type { ComponentProps } from 'react';
 import type { SplideProps } from '@splidejs/react-splide';
+import DIcon from '../DIcon';
 import DCarouselSlide from './components/DCarouselSlide';
 import type { BaseProps } from '../interface';
+type ArrowIconProps = {
+    /** DIcon props used to render the "previous" arrow icon. */
+    iconArrowLeft?: ComponentProps<typeof DIcon>;
+    /** DIcon props used to render the "next" arrow icon. */
+    iconArrowRight?: ComponentProps<typeof DIcon>;
+};
 declare const _default: import("react").ForwardRefExoticComponent<SplideProps & BaseProps & {
     children?: import("react").ReactNode;
-} & import("react").RefAttributes<Splide>> & {
+} & ArrowIconProps & import("react").RefAttributes<Splide>> & {
     Slide: typeof DCarouselSlide;
 };
 export default _default;

package/dist/types/components/DCarousel/components/DCarouselSlide.d.ts

@@ -3,5 +3,5 @@ import { SplideSlide } from '@splidejs/react-splide';
 type Props = Omit<React.ComponentProps<typeof SplideSlide>, 'className'> & {
     className?: string;
 };
-export default function DCarouselSlide({ className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DCarouselSlide({ className, ...props }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DChip/DChip.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { BaseProps, ComponentColor, FamilyIconProps } from '../interface';
 type Props = BaseProps & FamilyIconProps & {
     color?: ComponentColor;
@@ -11,5 +12,5 @@ type Props = BaseProps & FamilyIconProps & {
     closeAriaLabel?: string;
     onClose?: () => void;
 };
-export default function DChip({ color, text, icon, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, iconClose: iconCloseProp, iconCloseFamilyClass, iconCloseFamilyPrefix, iconCloseMaterialStyle, showClose, closeAriaLabel, className, style, dataAttributes, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DChip({ color, text, icon, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, iconClose: iconCloseProp, iconCloseFamilyClass, iconCloseFamilyPrefix, iconCloseMaterialStyle, showClose, closeAriaLabel, className, style, dataAttributes, onClose, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DCollapse/DCollapse.d.ts

@@ -14,5 +14,5 @@ type Props = BaseProps & FamilyIconProps & PropsWithChildren<{
     iconOpen?: string;
     iconClose?: string;
 }>;
-export default function DCollapse({ id, className, style, Component, defaultCollapsed, onChange, children, iconOpen: iconOpenProp, iconClose: iconCloseProp, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DCollapse({ id, className, style, Component, defaultCollapsed, onChange, children, iconOpen: iconOpenProp, iconClose: iconCloseProp, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, dataAttributes, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DConfirmModal/DConfirmModalContainer.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+type Props = {
+    /** ID of the DOM element (portal node) to render the confirm modal into. */
+    nodeId: string;
+};
+/**
+ * Container that renders confirm modals into the specified portal node.
+ *
+ * Must be explicitly mounted by the user (typically as a sibling of app content
+ * within `DContextProvider`). The container floats above the portal stack and
+ * intercepts Escape key events to close the top confirm modal without affecting
+ * underlying modals or overlays.
+ *
+ * @example
+ * <DContextProvider>
+ *   <App />
+ *   <DConfirmModalContainer nodeId="d-portal" />
+ * </DContextProvider>
+ */
+export default function DConfirmModalContainer({ nodeId }: Props): import("react").ReactPortal | null;
+export {};

package/dist/types/components/DConfirmModal/DConfirmModalUI.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { ConfirmModalEntry } from './confirmModalStore';
+type Props = {
+    entry: ConfirmModalEntry;
+};
+export default function DConfirmModalUI({ entry }: Props): import("react").JSX.Element;
+export {};

package/dist/types/components/DConfirmModal/confirmModalStore.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { ConfirmModalStore } from './types';
+export type { ConfirmModalEntry, Listener, ConfirmModalStore } from './types';
+export declare function createConfirmModalStore(): ConfirmModalStore;
+export declare const ConfirmModalStoreContext: import("react").Context<ConfirmModalStore | null>;
+export declare function useConfirmModalStore(): ConfirmModalStore;

package/dist/types/components/DConfirmModal/types.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Configuration options for useConfirmModal hook
+ */
+export interface CriticalConfirmConfig {
+    code: string;
+    codeLabel?: string;
+    inputPlaceholder?: string;
+}
+export type ConfirmModalColor = 'primary' | 'danger' | 'warning';
+export interface UseConfirmModalConfig {
+    title?: string;
+    message?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    confirmColor?: ConfirmModalColor;
+    onConfirm: () => void | Promise<void>;
+    onClose?: () => void;
+    critical?: CriticalConfirmConfig;
+}
+/**
+ * Entry in the confirm modal store
+ */
+export type ConfirmModalEntry = UseConfirmModalConfig & {
+    id: string;
+    onConfirmAction: () => Promise<void>;
+    onCloseAction: () => void;
+};
+/**
+ * Listener function for store subscription
+ */
+export type Listener = (entries: ConfirmModalEntry[]) => void;
+/**
+ * Confirm modal store interface
+ */
+export type ConfirmModalStore = {
+    subscribe(listener: Listener): () => void;
+    push(entry: ConfirmModalEntry): void;
+    remove(id: string): void;
+};
+/**
+ * Return type of useConfirmModal hook
+ */
+export interface UseConfirmModalReturn {
+    open: () => void;
+}

package/dist/types/components/DCreditCard/DCreditCard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type CardBrand = 'visa' | 'mastercard';
 type Props = {
     className?: string;
@@ -9,5 +10,5 @@ type Props = {
     isVertical?: boolean;
     logoImage?: string;
 };
-export default function DCreditCard({ brand, name, number, holderText, logoImage, isChipVisible, className, isVertical, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DCreditCard({ brand, name, number, holderText, logoImage, isChipVisible, className, isVertical, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DCurrencyText/DCurrencyText.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import type { BaseProps } from '../interface';
 type Props = BaseProps & {
     value: number;
 };
-export default function DCurrencyText({ value, className, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DCurrencyText({ value, className, style, dataAttributes, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DDataStateWrapper/DDataStateWrapper.d.ts

@@ -1,14 +1,21 @@
 import type { ReactNode } from 'react';
 type Renderable = ReactNode | (() => ReactNode);
+export type DDataStateMessages = {
+    loading?: string;
+    empty?: string;
+    error?: string;
+    retry?: string;
+};
 type DDataStateWrapperProps<T> = {
     isLoading: boolean;
     isError: boolean;
     data: T[] | undefined;
     onRetry?: () => void;
+    messages?: DDataStateMessages;
     renderLoading?: Renderable;
     renderEmpty?: Renderable;
     renderError?: Renderable;
     children: (data: T[]) => ReactNode;
 };
-export default function DDataStateWrapper<T>({ isLoading, isError, data, onRetry, renderLoading, renderEmpty, renderError, children, }: DDataStateWrapperProps<T>): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export default function DDataStateWrapper<T>({ isLoading, isError, data, onRetry, messages, renderLoading, renderEmpty, renderError, children, }: DDataStateWrapperProps<T>): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
 export {};

package/dist/types/components/DDataStateWrapper/components/EmptyState.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 interface EmptyStateProps {
     message?: string;
     icon?: string;
     actionText?: string;
     onAction?: () => void;
 }
-export declare function EmptyState({ message, icon, actionText, onAction, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ message, icon, actionText, onAction, }: EmptyStateProps): import("react").JSX.Element;
 export {};

package/dist/types/components/DDataStateWrapper/components/ErrorState.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 type ErrorStateProps = {
     message?: string;
     onRetry?: () => void;
     retryMessage?: string;
     color?: 'danger' | 'warning';
 };
-export declare function ErrorState({ message, onRetry, retryMessage, color, }: ErrorStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorState({ message, onRetry, retryMessage, color, }: ErrorStateProps): import("react").JSX.Element;
 export {};

package/dist/types/components/DDataStateWrapper/components/LoadingState.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 type LoadingStateProps = {
     ariaLabel?: string;
     className?: string;
 };
-export declare function LoadingState({ ariaLabel, className }: LoadingStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingState({ ariaLabel, className }: LoadingStateProps): import("react").JSX.Element;
 export {};

package/dist/types/components/DDataStateWrapper/index.d.ts

@@ -1,2 +1,6 @@
 import DDataStateWrapper from './DDataStateWrapper';
+export { EmptyState } from './components/EmptyState';
+export { ErrorState } from './components/ErrorState';
+export { LoadingState } from './components/LoadingState';
+export type { DDataStateMessages } from './DDataStateWrapper';
 export default DDataStateWrapper;

package/dist/types/components/DDatePicker/DDatePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { DatePickerProps } from 'react-datepicker';
 import { Locale } from 'date-fns';
 import type { BaseProps, ButtonVariant, ComponentColor, ComponentSize, FamilyIconProps } from '../interface';
@@ -26,5 +27,5 @@ type Props = BaseProps & FamilyIconProps & Omit<DatePickerProps, 'showMonthDropd
     locale?: Locale;
     ariaLabelInputTime?: string;
 };
-export default function DDatePicker({ inputLabel, inputHint, inputAriaLabel, ariaLabelInputTime, inputActionAriaLabel, inputId, timeId, timeInputLabel, minYearSelect, maxYearSelect, iconHeaderSize, iconMaterialStyle, iconInput, headerPrevMonthAriaLabel, headerNextMonthAriaLabel, invalid, valid, renderCustomHeader: renderCustomHeaderProp, className, dateFormatCalendar, style, dataAttributes, placeholder, showHeaderSelectors, formatHeaderDate, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DDatePicker({ inputLabel, inputHint, inputAriaLabel, ariaLabelInputTime, inputActionAriaLabel, inputId, timeId, timeInputLabel, minYearSelect, maxYearSelect, iconHeaderSize, iconMaterialStyle, iconInput, headerPrevMonthAriaLabel, headerNextMonthAriaLabel, invalid, valid, renderCustomHeader: renderCustomHeaderProp, className, dateFormatCalendar, style, dataAttributes, placeholder, showHeaderSelectors, formatHeaderDate, ...props }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DDatePicker/components/DDatePickerHeaderSelector.d.ts

@@ -35,5 +35,5 @@ type Props = BaseProps & FamilyIconProps & ReactDatePickerCustomHeaderProps & {
     monthsShown?: number;
     locale?: Locale;
 } & Omit<ComponentProps<typeof DButton>, 'iconStart' | 'onClick' | 'disabled'>;
-export default function DDatePickerHeaderSelector({ date, changeYear, changeMonth, decreaseMonth, increaseMonth, decreaseYear, increaseYear, monthDate, formatHeaderDate, pickerType, prevMonthButtonDisabled, nextMonthButtonDisabled, monthsShown, iconPrev, iconNext, prevYearButtonDisabled, nextYearButtonDisabled, prevMonthAriaLabel, nextMonthAriaLabel, prevYearAriaLabel, nextYearAriaLabel, iconSize, style, className, minYearSelect, maxYearSelect, showHeaderSelectors, customHeaderCount, locale, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DDatePickerHeaderSelector({ date, changeYear, changeMonth, decreaseMonth, increaseMonth, decreaseYear, increaseYear, monthDate, formatHeaderDate, pickerType, prevMonthButtonDisabled, nextMonthButtonDisabled, monthsShown, iconPrev, iconNext, prevYearButtonDisabled, nextYearButtonDisabled, prevMonthAriaLabel, nextMonthAriaLabel, prevYearAriaLabel, nextYearAriaLabel, iconSize, style, className, minYearSelect, maxYearSelect, showHeaderSelectors, customHeaderCount, locale, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DDatePicker/components/DDatePickerTime.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
 import DInput from '../../DInput';
 type Props = Pick<ComponentProps<typeof DInput>, 'id' | 'value' | 'onChange' | 'aria-label'>;
-export default function DDatePickerTime({ ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DDatePickerTime({ ...rest }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DDropdown/DDropdown.d.ts

@@ -8,6 +8,7 @@ export type DropdownAction = {
     isDivider?: boolean;
     label: string;
 };
+type DropdownPlacement = 'auto' | 'down' | 'up' | 'start' | 'end';
 type Props = {
     actions: DropdownAction[];
     dropdownToggle?: ((props: {
@@ -16,6 +17,8 @@ type Props = {
     }) => React.ReactNode);
     className?: string;
     classNameMenu?: string;
+    asPortal?: boolean;
+    placement?: DropdownPlacement;
 };
-export default function DDropdown({ actions, dropdownToggle, className, classNameMenu, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DDropdown({ actions, dropdownToggle, className, classNameMenu, asPortal, placement, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DErrorBoundary/DErrorBoundary.d.ts

@@ -8,4 +8,4 @@ export type DErrorBoundaryProps = PropsWithChildren<{
     onReset?: () => void;
     onError?: (error: unknown, info: ErrorInfo) => void;
 }>;
-export default function DErrorBoundary({ name, fallback, resetKeys, onReset, onError, children, }: DErrorBoundaryProps): import("react/jsx-runtime").JSX.Element;
+export default function DErrorBoundary({ name, fallback, resetKeys, onReset, onError, children, }: DErrorBoundaryProps): import("react").JSX.Element;

package/dist/types/components/DErrorBoundary/components/DefaultErrorBoundary.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { FallbackProps } from 'react-error-boundary';
 type Props = {
     resetErrorBoundary: FallbackProps['resetErrorBoundary'];
 };
-export default function DefaultErrorBoundary({ resetErrorBoundary }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DefaultErrorBoundary({ resetErrorBoundary }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DIcon/DIcon.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps } from 'react';
-import DIconBase from '../DIconBase';
-type Props = ComponentProps<typeof DIconBase>;
-export default function DIcon({ familyClass: propFamilyClass, familyPrefix: propFamilyPrefix, materialStyle: propMaterialStyle, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+import type { DIconBaseProps } from '../DIconBase';
+type Props = DIconBaseProps;
+export default function DIcon({ icon, familyClass: propFamilyClass, familyPrefix: propFamilyPrefix, materialStyle: propMaterialStyle, ...props }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DIconBase/DIconBase.d.ts

@@ -1,7 +1,8 @@
-import type { BaseProps, ComponentColor } from '../interface';
+/// <reference types="react" />
+import type { BaseProps, ComponentColor, IconValue } from '../interface';
 import { ResponsiveProp } from '../../hooks/useResponsiveProp';
 type Props = BaseProps & {
-    icon: string;
+    icon: IconValue;
     color?: ComponentColor;
     size?: string | ResponsiveProp;
     /**
@@ -17,5 +18,6 @@ type Props = BaseProps & {
     familyPrefix?: string;
     strokeWidth?: number;
 };
-export default function DIconBase({ icon, color, style, className, size, useListenerSize, hasCircle, materialStyle, familyClass, familyPrefix, strokeWidth, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export type DIconBaseProps = Props;
+export default function DIconBase({ icon, color, style, className, size, useListenerSize, hasCircle, materialStyle, familyClass, familyPrefix, strokeWidth, dataAttributes, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DIconBase/index.d.ts

@@ -1,2 +1,3 @@
 import DIconBase from './DIconBase';
+export type { DIconBaseProps } from './DIconBase';
 export default DIconBase;

package/dist/types/components/DInputCheck/DInputCheck.d.ts

@@ -16,5 +16,5 @@ type Props = ComponentPropsWithoutRef<'input'> & BaseProps & {
     value?: string;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 };
-export default function DInputCheck({ id: idProp, type, name, label, ariaLabel, checked, disabled, invalid, valid, indeterminate, inputClassName, value, hint, onChange, className, style, dataAttributes, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DInputCheck({ id: idProp, type, name, label, ariaLabel, checked, disabled, invalid, valid, indeterminate, inputClassName, value, hint, onChange, className, style, dataAttributes, ...props }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DInputPin/DInputPin.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { BaseProps, FamilyIconProps, PinInputMode, PinInputType } from '../interface';
 type Props = BaseProps & FamilyIconProps & {
     id?: string;
@@ -16,5 +17,5 @@ type Props = BaseProps & FamilyIconProps & {
     onChange?: (value: string) => void;
     'aria-label'?: string;
 };
-export default function DInputPin({ id: idProp, label, placeholder, type, disabled, loading, secret, characters, innerInputMode, hint, invalid, valid, className, style, dataAttributes, onChange, 'aria-label': ariaLabel, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DInputPin({ id: idProp, label, placeholder, type, disabled, loading, secret, characters, innerInputMode, hint, invalid, valid, className, style, dataAttributes, onChange, 'aria-label': ariaLabel, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DInputSearch/DInputSearch.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentProps } from 'react';
+import DInput from '../DInput';
+type DInputProps = ComponentProps<typeof DInput>;
+export type DInputSearchProps = Omit<DInputProps, 'onChange' | 'defaultValue' | 'type'> & {
+    debounceMs?: number;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onImmediateChange?: (value: string) => void;
+};
+declare const ForwardedDInputSearch: import("react").ForwardRefExoticComponent<Omit<DInputSearchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export default ForwardedDInputSearch;

package/dist/types/components/DInputSearch/index.d.ts

@@ -0,0 +1,3 @@
+import DInputSearch from './DInputSearch';
+export type { DInputSearchProps } from './DInputSearch';
+export default DInputSearch;

package/dist/types/components/DInputSelect/DInputSelect.d.ts

@@ -24,4 +24,4 @@ export type Props<T> = BaseProps & FamilyIconProps & StartIconProps & EndIconPro
     valueExtractor?: (item: T) => string | number;
     labelExtractor?: (item: T) => string;
 };
-export default function DInputSelect<T extends object = DefaultOption>({ id: idProp, name, label, className, style, options, disabled, loading, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, hint, value, size, floatingLabel, invalid, valid, dataAttributes, valueExtractor, labelExtractor, onChange, onBlur, onIconStartClick, onIconEndClick, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default function DInputSelect<T extends object = DefaultOption>({ id: idProp, name, label, className, style, options, disabled, loading, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, hint, value, size, floatingLabel, invalid, valid, dataAttributes, valueExtractor, labelExtractor, onChange, onBlur, onIconStartClick, onIconEndClick, }: Props<T>): import("react").JSX.Element;

package/dist/types/components/DInputSwitch/DInputSwitch.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { BaseProps } from '../interface';
 type Props = BaseProps & {
     id?: string;
@@ -12,5 +13,5 @@ type Props = BaseProps & {
     readonly?: boolean;
     onChange?: (isChecked: boolean) => void;
 };
-export default function DInputSwitch({ id: idProp, label, ariaLabel, name, checked, disabled, invalid, valid, readonly, className, style, dataAttributes, inputClassName, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DInputSwitch({ id: idProp, label, ariaLabel, name, checked, disabled, invalid, valid, readonly, className, style, dataAttributes, inputClassName, onChange, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DLayout/DLayout.d.ts

@@ -14,7 +14,7 @@ type Props = PropsWithChildren<BaseProps & {
     gapXxl?: DLayoutGap;
     columns?: number;
 }>;
-declare function DLayout({ className, style, children, gap, columns, gapSm, gapMd, gapLg, gapXl, gapXxl, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function DLayout({ className, style, children, gap, columns, gapSm, gapMd, gapLg, gapXl, gapXxl, dataAttributes, }: Props): import("react").JSX.Element;
 declare const _default: typeof DLayout & {
     Pane: typeof DLayoutPane;
 };

package/dist/types/components/DLayout/components/DLayoutPane.d.ts

@@ -9,5 +9,5 @@ type Props = PropsWithChildren<BaseProps & {
     colsXl?: string | number;
     colsXxl?: string | number;
 }>;
-export default function DLayoutPane({ className, style, children, cols, colsXs, colsSm, colsMd, colsLg, colsXl, colsXxl, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DLayoutPane({ className, style, children, cols, colsXs, colsSm, colsMd, colsLg, colsXl, colsXxl, dataAttributes, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DListGroup/DListGroup.d.ts

@@ -7,7 +7,7 @@ type Props = BaseProps & PropsWithChildren<{
     flush?: boolean;
     horizontal?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 }>;
-declare function DListGroup({ as, numbered, flush, horizontal, children, className, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function DListGroup({ as, numbered, flush, horizontal, children, className, style, dataAttributes, }: Props): import("react").JSX.Element;
 declare const _default: typeof DListGroup & {
     Item: typeof DListGroupItem;
 };

package/dist/types/components/DListGroup/components/DListGroupItem.d.ts

@@ -9,5 +9,5 @@ type Props = BaseProps & StartIconProps & EndIconProps & PropsWithChildren<{
     onClick?: () => void;
     color?: ComponentColor;
 }>;
-export default function DListGroupItem({ as, action: actionProp, active, disabled, href, onClick, color, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartMaterialStyle, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndMaterialStyle, children, className, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DListGroupItem({ as, action: actionProp, active, disabled, href, onClick, color, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartMaterialStyle, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndMaterialStyle, children, className, style, dataAttributes, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DModal/DModal.d.ts

@@ -14,7 +14,7 @@ type Props = BaseProps & PropsWithChildren<{
     size?: ModalSize;
     transition?: Transition;
 }>;
-declare function DModal({ name, className, style, staticBackdrop, scrollable, centered, fullScreen, fullScreenFrom, size, transition, children, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function DModal({ name, className, style, staticBackdrop, scrollable, centered, fullScreen, fullScreenFrom, size, transition, children, dataAttributes, }: Props): import("react").JSX.Element;
 declare const _default: typeof DModal & {
     Header: typeof DModalHeader;
     Body: typeof DModalBody;

package/dist/types/components/DModal/components/DModalBody.d.ts

@@ -3,5 +3,5 @@ import type { BaseProps } from '../../interface';
 type Props = BaseProps & {
     children: ReactNode;
 };
-export default function DModalBody({ children, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DModalBody({ children, className, style, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DModal/components/DModalFooter.d.ts

@@ -3,5 +3,5 @@ import type { BaseProps } from '../../interface';
 type Props = BaseProps & PropsWithChildren<{
     actionPlacement?: 'start' | 'end' | 'fill' | 'center';
 }>;
-export default function DModalFooter({ className, style, actionPlacement, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DModalFooter({ className, style, actionPlacement, children, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DModal/components/DModalHeader.d.ts

@@ -6,5 +6,5 @@ type Props = BaseProps & FamilyIconProps & PropsWithChildren<{
     materialStyle?: boolean;
     onClose?: () => void;
 }>;
-export default function DModalHeader({ showCloseButton, onClose, children, className, style, iconFamilyClass, iconFamilyPrefix, icon: iconProp, materialStyle, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DModalHeader({ showCloseButton, onClose, children, className, style, iconFamilyClass, iconFamilyPrefix, icon: iconProp, materialStyle, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DOffcanvas/DOffcanvas.d.ts

@@ -1,17 +1,29 @@
 import { type Transition } from 'framer-motion';
-import type { PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
+import { ResponsiveProp } from '../../hooks/useResponsiveProp';
 import DOffcanvasHeader from './components/DOffcanvasHeader';
 import DOffcanvasBody from './components/DOffcanvasBody';
 import DOffcanvasFooter from './components/DOffcanvasFooter';
 import type { BaseProps, OffcanvasPositionToggleFrom } from '../interface';
+type OffcanvasResponsivePlacement = Partial<Record<'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', OffcanvasPositionToggleFrom>>;
 type Props = BaseProps & PropsWithChildren<{
     name: string;
     staticBackdrop?: boolean;
     scrollable?: boolean;
-    openFrom?: OffcanvasPositionToggleFrom;
+    openFrom?: OffcanvasPositionToggleFrom | OffcanvasResponsivePlacement;
+    /**
+     * Overrides the offcanvas size on the `start`/`end` placements (defaults to `400px`).
+     * Accepts any CSS length (e.g. `'320px'`, `'50vw'`, `'100%'`) or a `ResponsiveProp` object.
+     */
+    width?: string | ResponsiveProp;
+    /**
+     * Overrides the offcanvas size on the `top`/`bottom` placements (defaults to `100%`).
+     * Accepts any CSS length (e.g. `'50vh'`, `'320px'`) or a `ResponsiveProp` object.
+     */
+    height?: string | ResponsiveProp;
     transition?: Transition;
 }>;
-declare function DOffcanvas({ name, className, style, staticBackdrop, scrollable, openFrom, transition, children, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function DOffcanvas({ name, className, style, staticBackdrop, scrollable, openFrom, width, height, transition, children, dataAttributes, }: Props): import("react").JSX.Element;
 declare const _default: typeof DOffcanvas & {
     Header: typeof DOffcanvasHeader;
     Body: typeof DOffcanvasBody;

package/dist/types/components/DOffcanvas/components/DOffcanvasBody.d.ts

@@ -3,5 +3,5 @@ import type { BaseProps } from '../../interface';
 type Props = BaseProps & {
     children: ReactNode;
 };
-export default function DOffcanvasBody({ children, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DOffcanvasBody({ children, className, style, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DOffcanvas/components/DOffcanvasFooter.d.ts

@@ -3,5 +3,5 @@ import type { BaseProps } from '../../interface';
 type Props = BaseProps & PropsWithChildren<{
     actionPlacement?: 'start' | 'end' | 'fill';
 }>;
-export default function DOffcanvasFooter({ actionPlacement, children, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DOffcanvasFooter({ actionPlacement, children, className, style, }: Props): import("react").JSX.Element;
 export {};