@dynamic-framework/ui-react 2.5.2 → 2.6.0

package/dist/types/components/DPasswordStrengthMeter/PasswordCheckItem.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 type Props = {
     password: string;
     regex: RegExp;
     text: string;
 };
-export default function PasswordCheckItem({ password, regex, text, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function PasswordCheckItem({ password, regex, text, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DPasswordStrengthMeter/PasswordCheckList.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ValidationMessages, ValidationCheck } from './DPasswordStrengthMeter';
 type Props = {
     password: string;
@@ -10,5 +11,5 @@ export declare const CHECK_REGEX: {
     number: RegExp;
     specialChar: RegExp;
 };
-export default function PasswordChecksList({ password, validationMessages, enabledChecks, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function PasswordChecksList({ password, validationMessages, enabledChecks, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/components/DPasswordStrengthMeter/PasswordStrength.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 type Props = {
     strength: number;
     total: number;
 };
-export default function PasswordStrengthBar({ strength, total }: Props): import("react/jsx-runtime").JSX.Element;
+export default function PasswordStrengthBar({ strength, total }: Props): import("react").JSX.Element;
 export {};

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

@@ -6,5 +6,5 @@ type Props = BaseProps & PropsWithChildren<{
     setOpen?: (open: boolean) => void;
     adjustContentToRender?: boolean;
 }>;
-export default function DPopover({ children, renderComponent, open, setOpen, adjustContentToRender, className, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DPopover({ children, renderComponent, open, setOpen, adjustContentToRender, className, style, dataAttributes, }: Props): import("react").JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { BaseProps } from '../interface';
 type Props = BaseProps & {
     currentValue: number;
@@ -7,5 +8,5 @@ type Props = BaseProps & {
     enableStripedAnimation?: boolean;
     height?: string | number;
 };
-export default function DProgress({ className, style, currentValue, minValue, maxValue, hideCurrentValue, enableStripedAnimation, height, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DProgress({ className, style, currentValue, minValue, maxValue, hideCurrentValue, enableStripedAnimation, height, dataAttributes, }: Props): import("react").JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Props as SelectProps, GroupBase } from 'react-select';
 import DSelectOptionCheck from './components/DSelectOptionCheck';
 import DSelectOptionIcon from './components/DSelectOptionIcon';
@@ -28,7 +29,7 @@ type Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = B
     searchable?: SelectProps<Option, IsMulti, Group>['isSearchable'];
     multi?: SelectProps<Option, IsMulti, Group>['isMulti'];
 };
-declare function DSelect<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ id: idProp, className, style, label, hint, iconFamilyClass, iconFamilyPrefix, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconStartTabIndex, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, iconEndTabIndex, invalid, valid, menuWithMaxContent, disabled, clearable, loading, floatingLabel, rtl, searchable, multi, components, defaultValue, placeholder, onIconStartClick, onIconEndClick, dataAttributes, ariaLabel, ...props }: Props<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
+declare function DSelect<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ id: idProp, className, style, label, hint, iconFamilyClass, iconFamilyPrefix, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconStartTabIndex, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, iconEndTabIndex, invalid, valid, menuWithMaxContent, disabled, clearable, loading, floatingLabel, rtl, searchable, multi, components, defaultValue, placeholder, onIconStartClick, onIconEndClick, dataAttributes, ariaLabel, ...props }: Props<Option, IsMulti, Group>): import("react").JSX.Element;
 declare const _default: typeof DSelect & {
     OptionCheck: typeof DSelectOptionCheck;
     OptionIcon: typeof DSelectOptionIcon;

package/dist/types/components/DSelect/components/DSelectClearIndicator.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { GroupBase, ClearIndicatorProps } from 'react-select';
-export default function DSelectClearIndicator<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
+export default function DSelectClearIndicator<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>): import("react").JSX.Element;

package/dist/types/components/DSelect/components/DSelectDropdownIndicator.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { GroupBase, DropdownIndicatorProps } from 'react-select';
-export default function DSelectDropdownIndicator<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
+export default function DSelectDropdownIndicator<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>): import("react").JSX.Element;

package/dist/types/components/DSelect/components/DSelectLoadingIndicator.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { GroupBase, LoadingIndicatorProps } from 'react-select';
-export default function DSelectLoadingIndicator<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ innerProps, }: LoadingIndicatorProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
+export default function DSelectLoadingIndicator<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ innerProps, }: LoadingIndicatorProps<Option, IsMulti, Group>): import("react").JSX.Element;

package/dist/types/components/DSelect/components/DSelectMultiValueRemove.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { GroupBase, MultiValueRemoveProps } from 'react-select';
-export default function DSelectMultiValueRemove<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: MultiValueRemoveProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
+export default function DSelectMultiValueRemove<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: MultiValueRemoveProps<Option, IsMulti, Group>): import("react").JSX.Element;

package/dist/types/components/DSelect/components/DSelectOptionCheck.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { GroupBase, OptionProps } from 'react-select';
-export default function DSelectOptionCheck<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, isSelected, ...props }: OptionProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
+export default function DSelectOptionCheck<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, isSelected, ...props }: OptionProps<Option, IsMulti, Group>): import("react").JSX.Element;

package/dist/types/components/DSelect/components/DSelectOptionEmoji.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import type { GroupBase, OptionProps } from 'react-select';
 export type OptionEmoji = {
     label: string;
     value: string;
     emoji: string;
 };
-export default function DSelectOptionEmoji<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, data, ...props }: OptionProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
+export default function DSelectOptionEmoji<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, data, ...props }: OptionProps<Option, IsMulti, Group>): import("react").JSX.Element;

package/dist/types/components/DSelect/components/DSelectOptionIcon.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import type { GroupBase, OptionProps } from 'react-select';
 export type OptionIcon = {
     label: string;
     value: string;
     icon: string;
 };
-export default function DSelectOptionIcon<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, data, ...props }: OptionProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
+export default function DSelectOptionIcon<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, data, ...props }: OptionProps<Option, IsMulti, Group>): import("react").JSX.Element;

package/dist/types/components/DSelect/components/DSelectPlaceholder.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { GroupBase, PlaceholderProps } from 'react-select';
-export default function DSelectPlaceholder<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ selectProps, innerProps: innerPropsProp, children, ...props }: PlaceholderProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
+export default function DSelectPlaceholder<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ selectProps, innerProps: innerPropsProp, children, ...props }: PlaceholderProps<Option, IsMulti, Group>): import("react").JSX.Element;

package/dist/types/components/DSelect/components/DSelectSingleValueEmoji.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { GroupBase, SingleValueProps } from 'react-select';
-export default function DSelectSingleValueEmoji<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, getValue, ...props }: SingleValueProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
+export default function DSelectSingleValueEmoji<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, getValue, ...props }: SingleValueProps<Option, IsMulti, Group>): import("react").JSX.Element;

package/dist/types/components/DSelect/components/DSelectSingleValueEmojiText.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { GroupBase, SingleValueProps } from 'react-select';
-export default function DSelectSingleValueEmojiText<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, getValue, ...props }: SingleValueProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
+export default function DSelectSingleValueEmojiText<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, getValue, ...props }: SingleValueProps<Option, IsMulti, Group>): import("react").JSX.Element;

package/dist/types/components/DSelect/components/DSelectSingleValueIconText.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { GroupBase, SingleValueProps } from 'react-select';
-export default function DSelectSingleValueIconText<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, getValue, ...props }: SingleValueProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
+export default function DSelectSingleValueIconText<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, getValue, ...props }: SingleValueProps<Option, IsMulti, Group>): import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { BaseProps, BreakpointSize } from '../interface';
 export type Step = {
     label: string;
@@ -15,5 +16,5 @@ type Props = BaseProps & {
     completed?: boolean;
     breakpoint?: BreakpointSize;
 };
-export default function DStepper({ options, currentStep, iconSuccess, iconSuccessFamilyClass, iconSuccessFamilyPrefix, iconSuccessMaterialStyle, vertical, breakpoint, className, completed, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DStepper({ options, currentStep, iconSuccess, iconSuccessFamilyClass, iconSuccessFamilyPrefix, iconSuccessMaterialStyle, vertical, breakpoint, className, completed, style, dataAttributes, }: Props): import("react").JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { BaseProps } from '../interface';
 type Step = {
     label: string;
@@ -15,5 +16,5 @@ type Props = BaseProps & {
     completed?: boolean;
     alignStart?: boolean;
 };
-export default function DStepper({ options, currentStep, iconSuccess: iconSuccessProp, iconSuccessFamilyClass, iconSuccessFamilyPrefix, iconSuccessMaterialStyle, vertical, completed, alignStart, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DStepper({ options, currentStep, iconSuccess: iconSuccessProp, iconSuccessFamilyClass, iconSuccessFamilyPrefix, iconSuccessMaterialStyle, vertical, completed, alignStart, className, style, }: Props): import("react").JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { BaseProps } from '../interface';
 type Step = {
     label: string;
@@ -8,5 +9,5 @@ type Props = BaseProps & {
     options: Array<Step>;
     currentStep: number;
 };
-export default function DStepper({ options, currentStep, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DStepper({ options, currentStep, className, style, }: Props): import("react").JSX.Element;
 export {};

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

@@ -17,7 +17,7 @@ type Props = BaseProps & PropsWithChildren<{
     ariaLabel?: string;
     ariaLabelledBy?: string;
 }>;
-declare function DTabs({ children, defaultSelected, onChange, options, className, classNameTab, style, vertical, variant, dataAttributes, ariaLabel, ariaLabelledBy, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function DTabs({ children, defaultSelected, onChange, options, className, classNameTab, style, vertical, variant, dataAttributes, ariaLabel, ariaLabelledBy, }: Props): import("react").JSX.Element;
 declare const _default: typeof DTabs & {
     Tab: typeof DTabContent;
 };

package/dist/types/components/DTabs/components/DTabContent.d.ts

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

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

@@ -11,5 +11,5 @@ export type DTimelineItem = {
 type Props = BaseProps & {
     items: DTimelineItem[];
 };
-export default function DTimeline({ className, style, dataAttributes, items, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DTimeline({ className, style, dataAttributes, items, }: Props): import("react").JSX.Element;
 export {};

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

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

package/dist/types/components/DToast/components/DToastBody.d.ts

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

package/dist/types/components/DToast/components/DToastHeader.d.ts

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

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

@@ -36,4 +36,4 @@ export type DToastContainerProps = {
      */
     gutter?: number;
 };
-export default function DToastContainer({ containerClassName, position, reverseOrder, containerStyle, toastOptions, gutter, }: DToastContainerProps): import("react/jsx-runtime").JSX.Element;
+export default function DToastContainer({ containerClassName, position, reverseOrder, containerStyle, toastOptions, gutter, }: DToastContainerProps): import("react").JSX.Element;

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

@@ -13,4 +13,4 @@ export type Props = BaseProps & PropsWithChildren<{
     placement?: Placement;
     Component: ReactNode;
 }>;
-export default function DTooltip({ className, childrenClassName, style, offSet, padding, withFocus, withClick, withHover, open, placement, size, Component, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DTooltip({ className, childrenClassName, style, offSet, padding, withFocus, withClick, withHover, open, placement, size, Component, children, }: Props): import("react").JSX.Element;

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

@@ -11,5 +11,5 @@ type Props = PropsWithChildren<{
     shareText?: string;
     onError?: (err: Error) => Promise<void> | void;
 }>;
-export default function DVoucher({ amount, amountDetails, icon, title, onError, message, downloadText, shareText, className, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DVoucher({ amount, amountDetails, icon, title, onError, message, downloadText, shareText, className, children, }: Props): import("react").JSX.Element;
 export {};

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

@@ -16,6 +16,8 @@ export { default as DLayout, DLayoutPane, } from './DLayout';
 export type { DLayoutGap } from './DLayout';
 export { default as DIconBase } from './DIconBase';
 export { default as DInput } from './DInput';
+export { default as DInputSearch } from './DInputSearch';
+export type { DInputSearchProps } from './DInputSearch';
 export { default as DInputMask } from './DInputMask';
 export { default as DInputCounter } from './DInputCounter';
 export { default as DInputCurrency } from './DInputCurrency';
@@ -51,4 +53,7 @@ export { default as DDropdown } from './DDropdown';
 export { default as DVoucher } from './DVoucher';
 export { default as DOtp } from './DOtp';
 export { default as DErrorBoundary, useErrorBoundary, type FallbackProps, getErrorMessage, } from './DErrorBoundary';
-export { default as DDataStateWrapper } from './DDataStateWrapper';
+export { default as DDataStateWrapper, EmptyState, ErrorState, LoadingState, } from './DDataStateWrapper';
+export type { DDataStateMessages } from './DDataStateWrapper';
+export { default as DConfirmModalContainer } from './DConfirmModal/DConfirmModalContainer';
+export type { ConfirmModalEntry, ConfirmModalStore } from './DConfirmModal/types';

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

@@ -47,7 +47,7 @@ export type ComponentStateColor = 'success' | 'danger' | 'warning' | 'info';
 export type AlertThemeIconMap = {
     [state in ComponentStateColor]: string;
 };
-export type ButtonVariant = 'outline' | 'link' | 'soft';
+export type ButtonVariant = 'solid' | 'outline' | 'link' | 'soft';
 export type ButtonType = 'submit' | 'reset' | 'button';
 export type InputCheckType = 'checkbox' | 'radio';
 export type PinInputMode = 'numeric' | 'text' | 'tel';

package/dist/types/contexts/DContext.d.ts

@@ -1,5 +1,5 @@
-import type { PropsWithChildren } from 'react';
-import { PortalContextProps } from './DPortalContext';
+import { type PropsWithChildren } from 'react';
+import { type PortalContextProps } from './DPortalContext';
 import type { AlertThemeIconMap } from '../components/interface';
 /**
  * Currency formatting configuration used by `DContextProvider`.
@@ -99,10 +99,32 @@ export declare const DContext: import("react").Context<Context>;
  * component to configure icons, currency, language, and portal settings
  * for all descendant Dynamic UI components.
  *
+ * To enable confirmation modals you must also mount `DConfirmModalContainer`
+ * somewhere inside this provider (typically right before the closing tag of
+ * your root layout), similar to how `DToastContainer` works:
+ *
+ * ```tsx
+ * // Default: portalName="d-portal"
+ * <DContextProvider>
+ *   <App />
+ *   <DConfirmModalContainer nodeId="d-portal" />
+ * </DContextProvider>
+ * ```
+ *
+ * If you customize `portalName`, match it in `DConfirmModalContainer.nodeId`:
+ *
+ * ```tsx
+ * // Custom portalName
+ * <DContextProvider portalName="my-custom-portal">
+ *   <App />
+ *   <DConfirmModalContainer nodeId="my-custom-portal" />
+ * </DContextProvider>
+ * ```
+ *
  * @template T - Map of portal name → payload shape (e.g. `{ modal: { title: string } }`).
  *   Pass it once at the top level: `<DContextProvider<MyPortals> ...>`.
  */
-export declare function DContextProvider<T extends Record<string, unknown>>({ language, currency, icon, iconMap, portalName, availablePortals, children, }: PropsWithChildren<Partial<DContextProviderProps<T>>>): import("react/jsx-runtime").JSX.Element;
+export declare function DContextProvider<T extends Record<string, unknown>>({ language, currency, icon, iconMap, portalName, availablePortals, children, }: PropsWithChildren<Partial<DContextProviderProps<T>>>): import("react").JSX.Element;
 /**
  * Returns the Dynamic UI context value set by `DContextProvider`.
  * Falls back to the library's built-in defaults when no `DContextProvider`

package/dist/types/contexts/DPortalContext.d.ts

@@ -61,7 +61,7 @@ export type PortalProps<P = unknown> = {
     payload: P;
 };
 export declare const DPortalContext: import("react").Context<PortalContextType<any> | undefined>;
-export declare function DPortalContextProvider<T extends Record<string, unknown>>({ portalName, children, availablePortals, }: PortalContextProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DPortalContextProvider<T extends Record<string, unknown>>({ portalName, children, availablePortals, }: PortalContextProps<T>): import("react").JSX.Element;
 /**
  * Hook to open/close registered portals (modals, offcanvas, etc.).
  *

package/dist/types/hooks/index.d.ts

@@ -6,4 +6,6 @@ export { default as useStackState } from './useStackState';
 export { default as useDisableBodyScrollEffect } from './useDisableBodyScrollEffect';
 export { default as useItemSelection } from './useItemSelection';
 export { default as useMediaQuery } from './useMediaQuery';
+export { default as useConfirmModal } from './useConfirmModal';
+export type { UseConfirmModalConfig, UseConfirmModalReturn, ConfirmModalColor, CriticalConfirmConfig, } from './useConfirmModal';
 export { useMediaBreakpointUpXs, useMediaBreakpointUpSm, useMediaBreakpointUpMd, useMediaBreakpointUpLg, useMediaBreakpointUpXl, useMediaBreakpointUpXxl, } from './useMediaBreakpointUp';

package/dist/types/hooks/useConfirmModal.d.ts

@@ -0,0 +1,34 @@
+import type { UseConfirmModalConfig, UseConfirmModalReturn } from '../components/DConfirmModal/types';
+export type { ConfirmModalColor, CriticalConfirmConfig, UseConfirmModalConfig, UseConfirmModalReturn, } from '../components/DConfirmModal/types';
+/**
+ * Hook to display a confirmation modal.
+ *
+ * Renders into the portal node specified by `DConfirmModalContainer` (typically `#d-portal`).
+ * The confirm modal floats above the portal stack and handles its own Escape key,
+ * preventing interference with underlying modals.
+ *
+ * Requires both `DContextProvider` wrapping your application AND an explicit
+ * `<DConfirmModalContainer nodeId="d-portal" />` mounted in your app.
+ *
+ * @example
+ * function App() {
+ *   return (
+ *     <DContextProvider>
+ *       <YourContent />
+ *       <DConfirmModalContainer nodeId="d-portal" />
+ *     </DContextProvider>
+ *   );
+ * }
+ *
+ * function MyComponent() {
+ *   const confirm = useConfirmModal({
+ *     title: 'Delete Account',
+ *     message: 'This action cannot be undone.',
+ *     critical: { code: 'DELETE ACCOUNT' },
+ *     onConfirm: async () => { await deleteAccount(); },
+ *   });
+ *
+ *   return <DButton onClick={confirm.open} text="Delete" color="danger" />;
+ * }
+ */
+export default function useConfirmModal(config: UseConfirmModalConfig): UseConfirmModalReturn;

package/package.json

@@ -3,7 +3,7 @@
   "sideEffects": [
     "*.css"
   ],
-  "version": "2.5.2",
+  "version": "2.6.0",
   "description": "React Dynamic Framework",
   "license": "https://github.com/dynamic-framework/dynamic-ui/blob/master/LICENSE.md",
   "repository": {
@@ -61,8 +61,10 @@
     "compile": "tsc -p . && rollup -c rollup.config.mjs",
     "storybook": "storybook dev -p 6006",
     "build:storybook": "storybook build --docs -o docs",
-    "generate:registry": "node scripts/generate-api.mjs && node scripts/generate-schema.mjs",
+    "generate:registry": "node scripts/generate-api.mjs && node scripts/generate-schema.mjs && node scripts/generate-token-overrides.mjs && node scripts/generate-token-overrides-schema.mjs",
     "validate:registry": "node scripts/validate-registry.mjs",
+    "generate:token-overrides": "node scripts/generate-token-overrides.mjs && node scripts/generate-token-overrides-schema.mjs",
+    "validate:token-overrides": "node scripts/validate-token-overrides.mjs",
     "eslint": "npm run eslint:src && npm run eslint:stories && npm run eslint:test",
     "eslint:src": "eslint 'src/**/*.ts' 'src/**/*.tsx' --ignore-pattern '**/*.spec.tsx'",
     "eslint:stories": "eslint stories/**/*.stories.tsx",

package/src/style/_shame.scss

@@ -44,3 +44,16 @@ $container-max-widths: (
     max-width: $width;
   }
 }
+
+.no-visible-scroll {
+  overflow: auto;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+    width: 0;
+    height: 0;
+    background: transparent;
+  }
+}

package/src/style/abstracts/variables/_forms.scss

@@ -1,6 +1,6 @@
 // scss-docs-start form-text-variables
 $form-text-margin-top: var(--#{$prefix}ref-spacer-1) !default;
-$form-text-color: var(--#{$prefix}bs-gray-400) !default;
+$form-text-color: var(--#{$prefix}gray-400) !default;
 // scss-docs-end form-text-variables
 
 // scss-docs-start form-label-variables

package/src/style/abstracts/variables/_list-group.scss

@@ -14,7 +14,7 @@ $list-group-item-bg-scale: 0% !default;
 $list-group-item-color-scale: 40% !default;
 // fusv-enable
 
-$list-group-hover-bg: var(--#{$prefix}subtle-primary) !default;
+$list-group-hover-bg: var(--#{$prefix}primary-bg-subtle) !default;
 
 $list-group-disabled-color: var(--#{$prefix}gray-600) !default;
 

package/src/style/base/_backdrop.scss

@@ -7,3 +7,10 @@
 
   @include overlay-backdrop(var(--#{$prefix}backdrop-zindex), var(--#{$prefix}backdrop-bg), var(--#{$prefix}backdrop-opacity));
 }
+
+.backdrop-confirm-modal {
+  --#{$prefix}backdrop-zindex: #{$zindex-modal + 9};
+  --#{$prefix}backdrop-filter: 5px;
+  --#{$prefix}backdrop-bg: transparent;
+  backdrop-filter: blur(var(--#{$prefix}backdrop-filter));
+}

package/src/style/components/_d-carousel.scss

@@ -50,7 +50,7 @@
   .d-carousel-pagination {
     bottom: var(--#{$prefix}carousel-pagination-bottom);
     position: relative;
-    margin-top: var(--#{$prefix}--#{$prefix}ref-spacer-4);
+    margin-top: var(--#{$prefix}ref-spacer-4);
     width: fit-content;
     padding: var(--#{$prefix}ref-spacer-2) var(--#{$prefix}ref-spacer-4);
     border-radius: var(--#{$prefix}border-radius-lg);

package/src/style/components/_d-modal.scss

@@ -52,3 +52,11 @@
     display: block;
   }
 }
+
+.confirm-modal {
+  --#{$prefix}modal-zindex: #{$zindex-modal + 10};
+  --#{$prefix}shadow-confirm-modal: var(--#{$prefix}box-shadow-sm), 0 0 100px 30px rgba(0, 0, 0, .3);
+  .modal-content {
+    --#{$prefix}modal-box-shadow: var(--#{$prefix}shadow-confirm-modal);
+  }
+}

package/src/style/root/_root.scss

@@ -295,6 +295,37 @@
           $focus-shadow-rgb: var(--#{$prefix}gray-900-rgb),
         );
 
+      } @else if $color == "warning" {
+        @include df-button-variant-variables($color);
+        @include df-button-outline-variant-variables($color);
+        @include df-button-link-variant-variables($color);
+
+        // Manual soft warning variant: keep default soft backgrounds,
+        // but force the text one tone darker for better contrast.
+        --#{$prefix}btn-soft-warning-color: var(--#{$prefix}warning-800);
+        --#{$prefix}btn-soft-warning-bg: var(--#{$prefix}warning-50);
+        --#{$prefix}btn-soft-warning-border-color: transparent;
+        --#{$prefix}btn-soft-warning-box-shadow: #{$btn-box-shadow};
+
+        --#{$prefix}btn-soft-warning-hover-color: var(--#{$prefix}warning-800);
+        --#{$prefix}btn-soft-warning-hover-bg: var(--#{$prefix}warning-100);
+        --#{$prefix}btn-soft-warning-hover-border-color: transparent;
+
+        --#{$prefix}btn-soft-warning-focus-color: var(--#{$prefix}warning-800);
+        --#{$prefix}btn-soft-warning-focus-bg: var(--#{$prefix}warning-100);
+        --#{$prefix}btn-soft-warning-focus-border-color: transparent;
+        --#{$prefix}btn-soft-warning-focus-shadow-rgb: var(--#{$prefix}warning-500-rgb);
+
+        --#{$prefix}btn-soft-warning-active-color: var(--#{$prefix}warning-800);
+        --#{$prefix}btn-soft-warning-active-bg: var(--#{$prefix}warning-200);
+        --#{$prefix}btn-soft-warning-active-border-color: transparent;
+        --#{$prefix}btn-soft-warning-active-box-shadow: #{$btn-active-box-shadow};
+
+        --#{$prefix}btn-soft-warning-disabled-color: var(--#{$prefix}warning-800);
+        --#{$prefix}btn-soft-warning-disabled-bg: var(--#{$prefix}warning-50);
+        --#{$prefix}btn-soft-warning-disabled-border-color: transparent;
+        --#{$prefix}btn-soft-warning-disabled-opacity: #{$btn-disabled-opacity};
+
       } @else if $color == "secondary" {
         @include df-button-variant-variables(
           "secondary",