@c15t/react 2.2.1 → 2.3.0

package/dist-types/components/iab-consent-dialog/index.d.ts

@@ -7,17 +7,17 @@
  * of the consent dialog's parts.
  */
 import type { FC } from 'react';
-import { IABConsentDialogCard } from './atoms/card';
-import { IABConsentDialogContent } from './atoms/content';
-import { IABConsentDialogFooter } from './atoms/footer';
-import { IABConsentDialogHeader } from './atoms/header';
-import { IABConsentDialogOverlay } from './atoms/overlay';
-import { PurposeItem } from './atoms/purpose-item';
-import { IABConsentDialogRoot } from './atoms/root';
-import { StackItem } from './atoms/stack-item';
-import { IABConsentDialogTabButton, IABConsentDialogTabs } from './atoms/tabs';
-import { VendorList } from './atoms/vendor-list';
-import { type IABConsentDialogProps } from './iab-consent-dialog';
+import { IABConsentDialogCard } from './atoms/card.js';
+import { IABConsentDialogContent } from './atoms/content.js';
+import { IABConsentDialogFooter } from './atoms/footer.js';
+import { IABConsentDialogHeader } from './atoms/header.js';
+import { IABConsentDialogOverlay } from './atoms/overlay.js';
+import { PurposeItem } from './atoms/purpose-item.js';
+import { IABConsentDialogRoot } from './atoms/root.js';
+import { StackItem } from './atoms/stack-item.js';
+import { IABConsentDialogTabButton, IABConsentDialogTabs } from './atoms/tabs.js';
+import { VendorList } from './atoms/vendor-list.js';
+import { type IABConsentDialogProps } from './iab-consent-dialog.js';
 /**
  * This interface extends the base IABConsentDialog component with additional sub-components
  * that can be used to compose the consent dialog's structure.
@@ -36,14 +36,14 @@ export interface IABConsentDialogCompoundComponent extends FC<IABConsentDialogPr
     VendorList: typeof VendorList;
 }
 /**
- * IAB TCF 2.3 compliant consent dialog dialog component.
+ * IAB TCF 2.4 compliant consent dialog dialog component.
  *
  * @remarks
  * This component serves as the main entry point for rendering an IAB-compliant consent dialog.
  * It provides a structured layout with required IAB TCF elements.
  *
  * Key features:
- * - IAB TCF 2.3 compliant
+ * - IAB TCF 2.4 compliant
  * - Fully accessible by default
  * - Customizable appearance
  * - Compound component pattern support
@@ -76,16 +76,16 @@ export interface IABConsentDialogCompoundComponent extends FC<IABConsentDialogPr
  */
 declare const IABConsentDialog: IABConsentDialogCompoundComponent;
 export default IABConsentDialog;
-export { IABConsentDialogCard } from './atoms/card';
-export { IABConsentDialogContent } from './atoms/content';
-export { IABConsentDialogFooter } from './atoms/footer';
-export { IABConsentDialogHeader } from './atoms/header';
-export { IABConsentDialogOverlay } from './atoms/overlay';
-export { PurposeItem } from './atoms/purpose-item';
-export { IABConsentDialogRoot } from './atoms/root';
-export { StackItem } from './atoms/stack-item';
-export { IABConsentDialogTabButton, IABConsentDialogTabs, } from './atoms/tabs';
-export { VendorList } from './atoms/vendor-list';
-export { type GVLData, useGVLData } from './hooks/use-gvl-data';
-export type { ProcessedPurpose, ProcessedSpecialFeature, ProcessedStack, ProcessedVendor, } from './types';
+export { IABConsentDialogCard } from './atoms/card.js';
+export { IABConsentDialogContent } from './atoms/content.js';
+export { IABConsentDialogFooter } from './atoms/footer.js';
+export { IABConsentDialogHeader } from './atoms/header.js';
+export { IABConsentDialogOverlay } from './atoms/overlay.js';
+export { PurposeItem } from './atoms/purpose-item.js';
+export { IABConsentDialogRoot } from './atoms/root.js';
+export { StackItem } from './atoms/stack-item.js';
+export { IABConsentDialogTabButton, IABConsentDialogTabs, } from './atoms/tabs.js';
+export { VendorList } from './atoms/vendor-list.js';
+export { type GVLData, useGVLData } from './hooks/use-gvl-data.js';
+export type { ProcessedPurpose, ProcessedSpecialFeature, ProcessedStack, ProcessedVendor, } from './types.js';
 export { IABConsentDialog, type IABConsentDialogProps };

package/dist-types/components/iab-consent-dialog/use-iab-translations.d.ts

@@ -45,6 +45,10 @@ interface IABTranslations {
             title: string;
             tooltip: string;
         };
+        features: {
+            title: string;
+            description: string;
+        };
         vendorList: {
             search: string;
             showingCount: string;

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

@@ -1,2 +1,2 @@
-export { GoogleMap, type GoogleMapCoordinates, type GoogleMapInstance, type GoogleMapOptions, type GoogleMapProps, type GoogleMapsApi, type GoogleMapsLibrary, } from './google-map';
-export { YouTubeEmbed, type YouTubeEmbedParams, type YouTubeEmbedProps, type YouTubeSrcSource, type YouTubeVideoIdSource, } from './youtube-embed';
+export { GoogleMap, type GoogleMapCoordinates, type GoogleMapInstance, type GoogleMapOptions, type GoogleMapProps, type GoogleMapsApi, type GoogleMapsLibrary, } from './google-map.js';
+export { YouTubeEmbed, type YouTubeEmbedParams, type YouTubeEmbedProps, type YouTubeSrcSource, type YouTubeVideoIdSource, } from './youtube-embed.js';

package/dist-types/components/integrations/shared.d.ts

@@ -1,6 +1,6 @@
 import type { AllConsentNames } from 'c15t';
 import type { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { FrameRoot } from '../frame';
+import { FrameRoot } from '../frame/index.js';
 export declare function IntegrationPlaceholder({ category, children, showButton, ...props }: {
     category: AllConsentNames;
     children?: ReactNode;

package/dist-types/components/integrations/youtube-embed.d.ts

@@ -1,6 +1,6 @@
 import type { AllConsentNames } from 'c15t';
 import { type ComponentPropsWithRef, type ReactNode } from 'react';
-import { type FrameProps } from '../frame';
+import { type FrameProps } from '../frame/index.js';
 export type YouTubeEmbedParams = Record<string, string | number | boolean | null | undefined>;
 interface YouTubeEmbedBaseProps extends Omit<ComponentPropsWithRef<'iframe'>, 'children' | 'src' | 'title'> {
     /**

package/dist-types/components/shared/policy-actions.d.ts

@@ -1,6 +1,6 @@
 import { type ComponentType, type ReactNode } from 'react';
-import type { HeadlessConsentSurfaceState } from '../../hooks/use-headless-consent-ui';
-import type { CSSPropertiesWithVars, CSSVariables } from '../../types/theme';
+import type { HeadlessConsentSurfaceState } from '../../hooks/use-headless-consent-ui.js';
+import type { CSSPropertiesWithVars, CSSVariables } from '../../types/theme/index.js';
 export interface PolicyActionRenderProps<TAction extends string> {
     key: string;
     consentAction: TAction;

package/dist-types/components/shared/primitives/box.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import type { ExtendThemeKeys } from '../../../types/theme';
+import type { ExtendThemeKeys } from '../../../types/theme/index.js';
 /**
  * Props for the description text component of the CookieBanner.
  * Extends standard HTML div attributes.

package/dist-types/components/shared/primitives/button.d.ts

@@ -1,8 +1,8 @@
 import type { AllConsentNames } from 'c15t';
-import { useTheme } from '../../../hooks/use-theme';
-import * as Button from '../ui/button';
-import type { ButtonVariantsProps } from '../ui/button/button';
-import type { ConsentButtonProps } from './button.types';
+import { useTheme } from '../../../hooks/use-theme.js';
+import * as Button from '../ui/button/index.js';
+import type { ButtonVariantsProps } from '../ui/button/button.js';
+import type { ConsentButtonProps } from './button.types.js';
 type ConsentActionThemeKey = 'accept' | 'reject' | 'customize';
 /**
  * Resolves the final variant and mode for a consent button.

package/dist-types/components/shared/primitives/button.types.d.ts

@@ -1,6 +1,6 @@
 import type { ButtonMode } from '@c15t/ui/styles/primitives';
 import type { ComponentRef, HTMLAttributes, MouseEvent } from 'react';
-import type { CSSVariables, ExtendThemeKeys } from '../../../types/theme';
+import type { CSSVariables, ExtendThemeKeys } from '../../../types/theme/index.js';
 export type ConsentButtonElement = ComponentRef<'button'>;
 /**
  * Props for CookieBanner button components.

package/dist-types/components/shared/primitives/legal-links/index.d.ts

@@ -1,5 +1,5 @@
 import type { LegalLinks as LegalLinksType } from 'c15t';
-import type { AllThemeKeys } from '../../../../types/theme/style-keys';
+import type { AllThemeKeys } from '../../../../types/theme/style-keys.js';
 /**
  * Hook to filter legal links based on the provided links prop.
  *

package/dist-types/components/shared/ui/accordion/accordion.d.ts

@@ -1,8 +1,8 @@
 import { type AccordionType } from '@c15t/ui/primitives/accordion';
 import { type AccordionSize, type AccordionVariant, type AccordionVariantsProps, accordionVariants } from '@c15t/ui/styles/primitives/accordion';
 import { type ButtonHTMLAttributes, type ElementType, type HTMLAttributes } from 'react';
-import type { PolymorphicComponentProps } from '../../libs/polymorphic';
-import type { ThemeValue } from '../../../../types/theme';
+import type { PolymorphicComponentProps } from '../../libs/polymorphic.js';
+import type { ThemeValue } from '../../../../types/theme/index.js';
 export type { AccordionSize, AccordionVariant, AccordionVariantsProps };
 export { accordionVariants };
 export type AccordionStylesKeys = {

package/dist-types/components/shared/ui/accordion/index.d.ts

@@ -1,2 +1,2 @@
-export * from './accordion';
-export * from './accordion.types';
+export * from './accordion.js';
+export * from './accordion.types.js';

package/dist-types/components/shared/ui/animated-collapse/index.d.ts

@@ -1,2 +1,2 @@
-export type { AnimatedCollapseProps } from './animated-collapse';
-export { AnimatedCollapse } from './animated-collapse';
+export type { AnimatedCollapseProps } from './animated-collapse.js';
+export { AnimatedCollapse } from './animated-collapse.js';

package/dist-types/components/shared/ui/branding.d.ts

@@ -1,6 +1,6 @@
 import type { Branding } from 'c15t';
 import type { SVGProps } from 'react';
-import type { CSSPropertiesWithVars } from '../../../types/theme';
+import type { CSSPropertiesWithVars } from '../../../types/theme/index.js';
 export type ResolvedBranding = 'c15t' | 'inth' | 'none';
 export type BrandingVariant = 'footer' | 'dialog-tag' | 'banner-tag';
 export type BrandingThemeKey = 'consentBannerTag' | 'consentDialogTag' | 'consentWidgetTag' | 'iabConsentBannerTag' | 'iabConsentDialogTag';

package/dist-types/components/shared/ui/button/button.d.ts

@@ -1,6 +1,6 @@
 import { type ButtonMode, type ButtonSize, type ButtonVariant, type ButtonVariantsProps, buttonVariants } from '@c15t/ui/styles/primitives/button';
 import { type ButtonHTMLAttributes, type ElementType } from 'react';
-import type { PolymorphicComponentProps } from '../../libs/polymorphic';
+import type { PolymorphicComponentProps } from '../../libs/polymorphic.js';
 export type { ButtonMode, ButtonSize, ButtonVariant, ButtonVariantsProps };
 export { buttonVariants };
 export interface ButtonIconProps extends Record<string, unknown> {

package/dist-types/components/shared/ui/button/index.d.ts

@@ -1,2 +1,2 @@
-export * from './button';
-export * from './button.types';
+export * from './button.js';
+export * from './button.types.js';

package/dist-types/components/shared/ui/collapsible/index.d.ts

@@ -1 +1 @@
-export * from './collapsible';
+export * from './collapsible.js';

package/dist-types/components/shared/ui/dialog/index.d.ts

@@ -1 +1 @@
-export * from './dialog';
+export * from './dialog.js';

package/dist-types/components/shared/ui/preference-item/index.d.ts

@@ -1 +1 @@
-export * from './preference-item';
+export * from './preference-item.js';

package/dist-types/components/shared/ui/switch/index.d.ts

@@ -1,2 +1,2 @@
-export * from './switch';
-export type { SwitchCSSVariables, SwitchRootCSSVariables, SwitchThumbCSSVariables, SwitchTrackCSSVariables, } from './switch.types';
+export * from './switch.js';
+export type { SwitchCSSVariables, SwitchRootCSSVariables, SwitchThumbCSSVariables, SwitchTrackCSSVariables, } from './switch.types.js';

package/dist-types/components/shared/ui/switch/switch.d.ts

@@ -1,6 +1,6 @@
 import { type SwitchSize, type SwitchVariantsProps, switchVariants } from '@c15t/ui/styles/primitives/switch';
 import { type ButtonHTMLAttributes } from 'react';
-import type { AllThemeKeys, ThemeValue } from '../../../../types/theme';
+import type { AllThemeKeys, ThemeValue } from '../../../../types/theme/index.js';
 export type { SwitchSize, SwitchVariantsProps };
 export { switchVariants };
 export type SwitchStylesKeys = {

package/dist-types/components/shared/ui/tabs/index.d.ts

@@ -1 +1 @@
-export * from './tabs';
+export * from './tabs.js';

package/dist-types/context/theme-context.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from '../types/theme';
+import type { Theme } from '../types/theme/index.js';
 /**
  * Configuration value type for the ThemeContext.
  *

package/dist-types/headless.d.ts

@@ -1,10 +1,10 @@
 export { type ConsentManagerInterface, configureConsentManager, defaultTranslationConfig, detectBrowserLanguage, type EuropePolicyMode, mergeTranslationConfigs, type PolicyPackPresets, policyPackPresets, prepareTranslationConfig, } from 'c15t';
-export { useColorScheme } from './hooks/use-color-scheme';
-export { type ConsentDialogTriggerVisibility, type UseConsentDialogTriggerOptions, type UseConsentDialogTriggerResult, useConsentDialogTrigger, } from './hooks/use-consent-dialog-trigger';
-export { useConsentManager } from './hooks/use-consent-manager';
-export { ConsentScriptConflictError, type ConsentScriptReadyControls, type ConsentScriptStatus, type ConsentScriptUnmountBehavior, type UseConsentScriptOptions, type UseConsentScriptResult, useConsentScript, } from './hooks/use-consent-script';
-export { useFocusTrap } from './hooks/use-focus-trap';
-export { type HeadlessConsentBannerAction, type HeadlessConsentBannerState, type HeadlessConsentDialogAction, type HeadlessConsentDialogState, type HeadlessConsentSurface, type HeadlessConsentSurfaceAction, type HeadlessConsentSurfaceState, type HeadlessConsentWriteAction, type UseHeadlessConsentUIResult, useHeadlessConsentUI, } from './hooks/use-headless-consent-ui';
-export { useTranslations } from './hooks/use-translations';
-export { ConsentManagerProvider } from './providers/consent-manager-provider';
-export type { ConsentManagerOptions, ConsentManagerProviderProps, } from './types/consent-manager';
+export { useColorScheme } from './hooks/use-color-scheme.js';
+export { type ConsentDialogTriggerVisibility, type UseConsentDialogTriggerOptions, type UseConsentDialogTriggerResult, useConsentDialogTrigger, } from './hooks/use-consent-dialog-trigger.js';
+export { useConsentManager } from './hooks/use-consent-manager.js';
+export { ConsentScriptConflictError, type ConsentScriptReadyControls, type ConsentScriptStatus, type ConsentScriptUnmountBehavior, type UseConsentScriptOptions, type UseConsentScriptResult, useConsentScript, } from './hooks/use-consent-script.js';
+export { useFocusTrap } from './hooks/use-focus-trap.js';
+export { type HeadlessConsentBannerAction, type HeadlessConsentBannerState, type HeadlessConsentDialogAction, type HeadlessConsentDialogState, type HeadlessConsentSurface, type HeadlessConsentSurfaceAction, type HeadlessConsentSurfaceState, type HeadlessConsentWriteAction, type UseHeadlessConsentUIResult, useHeadlessConsentUI, } from './hooks/use-headless-consent-ui.js';
+export { useTranslations } from './hooks/use-translations.js';
+export { ConsentManagerProvider } from './providers/consent-manager-provider.js';
+export type { ConsentManagerOptions, ConsentManagerProviderProps, } from './types/consent-manager.js';

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

@@ -1,12 +1,12 @@
-export * from './use-component-config';
-export * from './use-consent-dialog-trigger';
-export * from './use-consent-manager';
-export * from './use-consent-script';
-export * from './use-focus-trap';
-export * from './use-headless-consent-ui';
-export * from './use-headless-iab-consent-ui';
-export * from './use-reduced-motion';
-export * from './use-ssr-status';
-export * from './use-text-direction';
-export * from './use-theme';
-export * from './use-translations';
+export * from './use-component-config.js';
+export * from './use-consent-dialog-trigger.js';
+export * from './use-consent-manager.js';
+export * from './use-consent-script.js';
+export * from './use-focus-trap.js';
+export * from './use-headless-consent-ui.js';
+export * from './use-headless-iab-consent-ui.js';
+export * from './use-reduced-motion.js';
+export * from './use-ssr-status.js';
+export * from './use-text-direction.js';
+export * from './use-theme.js';
+export * from './use-translations.js';

package/dist-types/hooks/use-headless-consent-ui.d.ts

@@ -1,5 +1,5 @@
 import { type PolicyUiAction, type PolicyUiActionDirection, type PolicyUiActionGroup, type PolicyUiProfile } from '@c15t/ui/utils';
-import { useConsentManager } from './use-consent-manager';
+import { useConsentManager } from './use-consent-manager.js';
 export type HeadlessConsentSurface = 'banner' | 'dialog';
 export type HeadlessConsentSurfaceAction = PolicyUiAction;
 export type HeadlessConsentWriteAction = 'accept' | 'reject';

package/dist-types/hooks/use-headless-iab-consent-ui.d.ts

@@ -1,4 +1,4 @@
-import { useConsentManager } from './use-consent-manager';
+import { useConsentManager } from './use-consent-manager.js';
 export type HeadlessIABPreferenceTab = 'purposes' | 'vendors';
 export type HeadlessIABBannerAction = 'accept' | 'reject' | 'customize';
 export type HeadlessIABDialogAction = 'accept' | 'reject' | 'customize';

package/dist-types/hooks/use-styles.d.ts

@@ -1,4 +1,4 @@
-import type { AllThemeKeys, ClassNameStyle, ThemeValue } from '../types/theme';
+import type { AllThemeKeys, ClassNameStyle, ThemeValue } from '../types/theme/index.js';
 /**
  * Hook for retrieving and merging styles from theme context and component props.
  *

package/dist-types/hooks/use-theme.d.ts

@@ -1 +1 @@
-export declare const useTheme: () => import("../context/theme-context").ThemeContextValue;
+export declare const useTheme: () => import("../context/theme-context.js").ThemeContextValue;

package/dist-types/iab.d.ts

@@ -1,5 +1,5 @@
 /**
- * IAB TCF 2.3 React components and hooks.
+ * IAB TCF 2.4 React components and hooks.
  *
  * This subpath export contains all IAB-specific React UI. It is only
  * loaded when explicitly imported from '@c15t/react/iab'.
@@ -19,6 +19,6 @@
  *
  * @packageDocumentation
  */
-export { IABConsentBanner, type IABConsentBannerProps, } from './components/iab-consent-banner';
-export { IABConsentDialog, type IABConsentDialogProps, } from './components/iab-consent-dialog';
-export { type HeadlessIABBannerAction, type HeadlessIABBannerState, type HeadlessIABDialogAction, type HeadlessIABDialogState, type HeadlessIABPreferenceTab, type UseHeadlessIABConsentUIResult, useHeadlessIABConsentUI, } from './hooks/use-headless-iab-consent-ui';
+export { IABConsentBanner, type IABConsentBannerProps, } from './components/iab-consent-banner/index.js';
+export { IABConsentDialog, type IABConsentDialogProps, } from './components/iab-consent-dialog/index.js';
+export { type HeadlessIABBannerAction, type HeadlessIABBannerState, type HeadlessIABDialogAction, type HeadlessIABDialogState, type HeadlessIABPreferenceTab, type UseHeadlessIABConsentUIResult, useHeadlessIABConsentUI, } from './hooks/use-headless-iab-consent-ui.js';

package/dist-types/index.d.ts

@@ -1,22 +1,22 @@
 export type { AllConsentNames, ConsentManagerInterface, ConsentStoreState, ConsentType, EuropePolicyMode, Overrides, PolicyPackPresets, Translations, } from 'c15t';
 export { configureConsentManager, defaultTranslationConfig, detectBrowserLanguage, mergeTranslationConfigs, policyPackPresets, prepareTranslationConfig, } from 'c15t';
-export { ConsentBanner, type ConsentBannerProps, } from './components/consent-banner';
-export * from './components/consent-banner/components';
-export { ConsentDialog, type ConsentDialogProps, } from './components/consent-dialog';
-export { ConsentDialogLink, type ConsentDialogLinkProps, } from './components/consent-dialog-link';
-export { ConsentDialogTrigger, type ConsentDialogTriggerCompound, type ConsentDialogTriggerProps, ConsentDialogTriggerToolbar, type ConsentDialogTriggerToolbarAction, type ConsentDialogTriggerToolbarPreferences, type ConsentDialogTriggerToolbarProps, TriggerButton, type TriggerButtonProps, TriggerIcon, type TriggerIconProps, type TriggerIconType, type TriggerOrientation, TriggerRoot, type TriggerRootProps, type TriggerSize, TriggerText, type TriggerTextProps, type TriggerVisibility, type UseDraggableOptions, type UseDraggableReturn, useDraggable, useTriggerContext, } from './components/consent-dialog-trigger';
-export { ConsentWidget, type ConsentWidgetProps, } from './components/consent-widget';
-export { Frame, type FrameProps } from './components/frame';
-export { GoogleMap, type GoogleMapCoordinates, type GoogleMapInstance, type GoogleMapOptions, type GoogleMapProps, type GoogleMapsApi, type GoogleMapsLibrary, YouTubeEmbed, type YouTubeEmbedParams, type YouTubeEmbedProps, type YouTubeSrcSource, type YouTubeVideoIdSource, } from './components/integrations';
-export { ConsentButton } from './components/shared/primitives/button';
-export { useColorScheme } from './hooks/use-color-scheme';
-export { type ConsentDialogTriggerVisibility, type UseConsentDialogTriggerOptions, type UseConsentDialogTriggerResult, useConsentDialogTrigger, } from './hooks/use-consent-dialog-trigger';
-export { useConsentManager } from './hooks/use-consent-manager';
-export { ConsentScriptConflictError, type ConsentScriptReadyControls, type ConsentScriptStatus, type ConsentScriptUnmountBehavior, type UseConsentScriptOptions, type UseConsentScriptResult, useConsentScript, } from './hooks/use-consent-script';
-export { useFocusTrap } from './hooks/use-focus-trap';
-export { type HeadlessConsentBannerAction, type HeadlessConsentBannerState, type HeadlessConsentDialogAction, type HeadlessConsentDialogState, type HeadlessConsentSurface, type HeadlessConsentSurfaceAction, type HeadlessConsentSurfaceState, type HeadlessConsentWriteAction, type UseHeadlessConsentUIResult, useHeadlessConsentUI, } from './hooks/use-headless-consent-ui';
-export { useSSRStatus } from './hooks/use-ssr-status';
-export { useTranslations } from './hooks/use-translations';
-export { ConsentManagerProvider } from './providers/consent-manager-provider';
-export type { ConsentManagerOptions, ConsentManagerProviderProps, } from './types/consent-manager';
-export type { ColorTokens, ComponentSlots, MotionTokens, RadiusTokens, ShadowTokens, SlotStyle, SpacingTokens, Theme, TypographyTokens, } from './types/theme';
+export { ConsentBanner, type ConsentBannerProps, } from './components/consent-banner/index.js';
+export * from './components/consent-banner/components.js';
+export { ConsentDialog, type ConsentDialogProps, } from './components/consent-dialog/index.js';
+export { ConsentDialogLink, type ConsentDialogLinkProps, } from './components/consent-dialog-link/index.js';
+export { ConsentDialogTrigger, type ConsentDialogTriggerCompound, type ConsentDialogTriggerProps, ConsentDialogTriggerToolbar, type ConsentDialogTriggerToolbarAction, type ConsentDialogTriggerToolbarPreferences, type ConsentDialogTriggerToolbarProps, TriggerButton, type TriggerButtonProps, TriggerIcon, type TriggerIconProps, type TriggerIconType, type TriggerOrientation, TriggerRoot, type TriggerRootProps, type TriggerSize, TriggerText, type TriggerTextProps, type TriggerVisibility, type UseDraggableOptions, type UseDraggableReturn, useDraggable, useTriggerContext, } from './components/consent-dialog-trigger/index.js';
+export { ConsentWidget, type ConsentWidgetProps, } from './components/consent-widget/index.js';
+export { Frame, type FrameProps } from './components/frame/index.js';
+export { GoogleMap, type GoogleMapCoordinates, type GoogleMapInstance, type GoogleMapOptions, type GoogleMapProps, type GoogleMapsApi, type GoogleMapsLibrary, YouTubeEmbed, type YouTubeEmbedParams, type YouTubeEmbedProps, type YouTubeSrcSource, type YouTubeVideoIdSource, } from './components/integrations/index.js';
+export { ConsentButton } from './components/shared/primitives/button.js';
+export { useColorScheme } from './hooks/use-color-scheme.js';
+export { type ConsentDialogTriggerVisibility, type UseConsentDialogTriggerOptions, type UseConsentDialogTriggerResult, useConsentDialogTrigger, } from './hooks/use-consent-dialog-trigger.js';
+export { useConsentManager } from './hooks/use-consent-manager.js';
+export { ConsentScriptConflictError, type ConsentScriptReadyControls, type ConsentScriptStatus, type ConsentScriptUnmountBehavior, type UseConsentScriptOptions, type UseConsentScriptResult, useConsentScript, } from './hooks/use-consent-script.js';
+export { useFocusTrap } from './hooks/use-focus-trap.js';
+export { type HeadlessConsentBannerAction, type HeadlessConsentBannerState, type HeadlessConsentDialogAction, type HeadlessConsentDialogState, type HeadlessConsentSurface, type HeadlessConsentSurfaceAction, type HeadlessConsentSurfaceState, type HeadlessConsentWriteAction, type UseHeadlessConsentUIResult, useHeadlessConsentUI, } from './hooks/use-headless-consent-ui.js';
+export { useSSRStatus } from './hooks/use-ssr-status.js';
+export { useTranslations } from './hooks/use-translations.js';
+export { ConsentManagerProvider } from './providers/consent-manager-provider.js';
+export type { ConsentManagerOptions, ConsentManagerProviderProps, } from './types/consent-manager.js';
+export type { ColorTokens, ComponentSlots, MotionTokens, RadiusTokens, ShadowTokens, SlotStyle, SpacingTokens, Theme, TypographyTokens, } from './types/theme/index.js';

package/dist-types/primitives/accordion.d.ts

@@ -1 +1 @@
-export * from '../components/shared/ui/accordion';
+export * from '../components/shared/ui/accordion/index.js';

package/dist-types/primitives/button.d.ts

@@ -1 +1 @@
-export * from '../components/shared/ui/button';
+export * from '../components/shared/ui/button/index.js';

package/dist-types/primitives/collapsible.d.ts

@@ -1 +1 @@
-export * from '../components/shared/ui/collapsible';
+export * from '../components/shared/ui/collapsible/index.js';

package/dist-types/primitives/dialog.d.ts

@@ -1 +1 @@
-export * from '../components/shared/ui/dialog';
+export * from '../components/shared/ui/dialog/index.js';

package/dist-types/primitives/preference-item.d.ts

@@ -1 +1 @@
-export * from '../components/shared/ui/preference-item';
+export * from '../components/shared/ui/preference-item/index.js';

package/dist-types/primitives/switch.d.ts

@@ -1 +1 @@
-export * from '../components/shared/ui/switch';
+export * from '../components/shared/ui/switch/index.js';

package/dist-types/primitives/tabs.d.ts

@@ -1 +1 @@
-export * from '../components/shared/ui/tabs';
+export * from '../components/shared/ui/tabs/index.js';

package/dist-types/primitives.d.ts

@@ -1,7 +1,7 @@
-export * as Accordion from './components/shared/ui/accordion';
-export * as Button from './components/shared/ui/button';
-export * as Collapsible from './components/shared/ui/collapsible';
-export * as Dialog from './components/shared/ui/dialog';
-export * as PreferenceItem from './components/shared/ui/preference-item';
-export * as Switch from './components/shared/ui/switch';
-export * as Tabs from './components/shared/ui/tabs';
+export * as Accordion from './components/shared/ui/accordion/index.js';
+export * as Button from './components/shared/ui/button/index.js';
+export * as Collapsible from './components/shared/ui/collapsible/index.js';
+export * as Dialog from './components/shared/ui/dialog/index.js';
+export * as PreferenceItem from './components/shared/ui/preference-item/index.js';
+export * as Switch from './components/shared/ui/switch/index.js';
+export * as Tabs from './components/shared/ui/tabs/index.js';

package/dist-types/providers/consent-manager-provider.d.ts

@@ -1,4 +1,4 @@
-import type { ConsentManagerProviderProps } from '../types/consent-manager';
+import type { ConsentManagerProviderProps } from '../types/consent-manager.js';
 /**
  * Clears all cached consent managers and stores.
  *

package/dist-types/server/fetch-ssr-data.d.ts

@@ -1,5 +1,5 @@
 import type { SSRInitialData } from 'c15t';
-import type { FetchSSRDataOptions } from './types';
+import type { FetchSSRDataOptions } from './types.js';
 /**
  * Fetches initial consent data on the server for SSR hydration.
  *

package/dist-types/server/index.d.ts

@@ -24,8 +24,8 @@
  *
  * @packageDocumentation
  */
-export { fetchSSRData } from './fetch-ssr-data';
-export { extractRelevantHeaders } from './headers';
-export { createSSRInitCacheKey } from './init-cache-key';
-export { normalizeBackendURL, validateBackendURL } from './normalize-url';
-export type { FetchSSRDataOptions, FetchSSRDataOptionsBase, FetchSSRDataResult, } from './types';
+export { fetchSSRData } from './fetch-ssr-data.js';
+export { extractRelevantHeaders } from './headers.js';
+export { createSSRInitCacheKey } from './init-cache-key.js';
+export { normalizeBackendURL, validateBackendURL } from './normalize-url.js';
+export type { FetchSSRDataOptions, FetchSSRDataOptionsBase, FetchSSRDataResult, } from './types.js';

package/dist-types/types/theme/index.d.ts

@@ -1,2 +1,2 @@
-export * from './style-keys';
-export * from './style-types';
+export * from './style-keys.js';
+export * from './style-types.js';

package/dist-types/types/theme/style-types.d.ts

@@ -1,6 +1,6 @@
 import type { ClassNameStyle as BaseClassNameStyle, Theme as BaseTheme } from '@c15t/ui/theme';
 import type { CSSProperties } from 'react';
-import type { AllThemeKeys } from './style-keys';
+import type { AllThemeKeys } from './style-keys.js';
 export type { ColorTokens, ComponentSlots, CSSVariables, MotionTokens, RadiusTokens, ShadowTokens, SlotStyle, SpacingTokens, TypographyTokens, } from '@c15t/ui/theme';
 /**
  * Represents CSS properties with optional CSS variables.

package/dist-types/utils/merge-styles.d.ts

@@ -1,4 +1,4 @@
-import type { ClassNameStyle, ThemeValue } from '../types/theme';
+import type { ClassNameStyle, ThemeValue } from '../types/theme/index.js';
 /**
  * Merges two styles objects, handling theme values and style properties.
  * This React version uses React-specific types but uses the core logic from @c15t/ui.

package/dist-types/utils/test-helpers.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { ThemeValue } from '../types/theme';
+import type { ThemeValue } from '../types/theme/index.js';
 interface ComponentStyles {
     component: ReactNode;
     testCases: {

package/dist-types/utils/theme-utils.d.ts

@@ -3,7 +3,7 @@
  * Handles token-to-CSS variable conversion and dark mode overrides.
  */
 import type { ThemeCSSVariables } from '@c15t/ui/theme';
-import type { Theme } from '../types/theme/style-types';
+import type { Theme } from '../types/theme/style-types.js';
 /**
  * Default design tokens for the v2 theme system.
  */

package/dist-types/version.d.ts

@@ -1 +1 @@
-export declare const version = "2.2.1";
+export declare const version = "2.3.0";

package/docs/README.md

@@ -37,9 +37,9 @@ Install and configure c15t in JavaScript, React, and Next.js applications.
 - [useSSRStatus](./frameworks/react/hooks/use-ssr-status.md): Check whether server-side rendered consent data was used during initialization.
 - [useTextDirection](./frameworks/react/hooks/use-text-direction.md): Manage RTL/LTR text direction based on the active language for consent UI.
 - [useTranslations](./frameworks/react/hooks/use-translations.md): Access the current language's translations for building custom consent UI.
-- [IABConsentBanner](./frameworks/react/iab/consent-banner.md): An IAB TCF 2.3 compliant consent banner that displays partner count, purpose summaries, and legitimate interest notices.
-- [IABConsentDialog](./frameworks/react/iab/consent-dialog.md): An IAB TCF 2.3 compliant preference center with tabbed purpose and vendor management.
-- [IAB TCF 2.3](./frameworks/react/iab/overview.md): Implement IAB Transparency & Consent Framework 2.3 compliance for programmatic advertising in EU/EEA jurisdictions.
+- [IABConsentBanner](./frameworks/react/iab/consent-banner.md): An IAB TCF 2.4 compliant consent banner that displays partner count, purpose summaries, and legitimate interest notices.
+- [IABConsentDialog](./frameworks/react/iab/consent-dialog.md): An IAB TCF 2.4 compliant preference center with tabbed purpose and vendor management.
+- [IAB TCF 2.4](./frameworks/react/iab/overview.md): Implement IAB Transparency & Consent Framework 2.4 compliance for programmatic advertising in EU/EEA jurisdictions.
 - [useGVLData (Internal)](./frameworks/react/iab/use-gvl-data.md): Status note for the internal GVL hook used by the built-in IAB dialog.
 - [Iframe Blocking](./frameworks/react/iframe-blocking.md): Block embedded content (YouTube, social widgets, maps) until users grant consent for the appropriate category.
 - [Internationalization](./frameworks/react/internationalization.md): Translate consent UI into 30+ languages with built-in translations, custom overrides, and automatic browser language detection.
@@ -71,6 +71,7 @@ Connect analytics, advertising, maps, media, and other third-party tools behind
 - [Crisp](./integrations/crisp.md): Load Crisp live chat with website ID, runtime, cookie, and session options.
 - [Databuddy](./integrations/databuddy.md): Databuddy is a privacy-focused analytics platform that helps you understand user behavior and track events. It supports cookieless tracking and manages consent automatically through c15t's consent state synchronization.
 - [Fathom Analytics](./integrations/fathom-analytics.md): Privacy-friendly cookieless analytics with a prebuilt helper that maps Fathom's data attributes into a c15t-managed script.
+- [Front Chat](./integrations/front-chat.md): Load Front Chat after functionality consent and initialize the widget when its SDK is ready.
 - [Google Maps](./integrations/google-maps.md): Render Google Maps only after consent with one shared Maps JavaScript API loader and independently managed map instances.
 - [GA4 + Google Ads (gtag.js)](./integrations/google-tag.md): Send data to Google Analytics 4 and Google Ads with automatic Consent Mode v2 support.
 - [Google Tag Manager](./integrations/google-tag-manager.md): Deploy and manage marketing tags centrally with automatic consent state synchronization.
@@ -85,7 +86,9 @@ Connect analytics, advertising, maps, media, and other third-party tools behind
 - [Microsoft Clarity](./integrations/microsoft-clarity.md): Session replay and behavior analytics with a prebuilt helper that keeps Clarity consent synchronized with c15t measurement state.
 - [Microsoft UET](./integrations/microsoft-uet.md): Track conversions and measure performance for Microsoft Advertising and Bing Ads.
 - [Mixpanel Analytics](./integrations/mixpanel-analytics.md): Load Mixpanel with c15t and let Mixpanel's own opt-in and opt-out APIs follow measurement consent.
+- [OneDollarStats](./integrations/one-dollar-stats.md): Load OneDollarStats after measurement consent with optional tracker data attributes.
 - [Integrations](./integrations/overview.md): Load analytics, pixels, tag managers, and widgets through c15t so consent state controls when they run, update, and appear in your consent UI.
+- [Pinterest Tag](./integrations/pinterest-tag.md): Track conversions and build audiences for Pinterest advertising campaigns.
 - [Pirsch](./integrations/pirsch.md): Privacy-friendly, cookieless analytics loaded with Pirsch's fixed script id and identification-code attributes.
 - [Plausible Analytics](./integrations/plausible-analytics.md): Privacy-friendly cookieless analytics with a prebuilt helper that preserves Plausible's queue bootstrap and loader attributes.
 - [PostHog](./integrations/posthog.md): PostHog is an open-source product analytics platform for tracking user behavior, session replays, feature flags, and A/B testing. It supports cookieless tracking, allowing analytics to continue even without cookie consent.

package/docs/frameworks/react/concepts/client-modes.md

@@ -6,7 +6,7 @@ group: frameworks
 ---
 c15t supports three client modes that determine how consent data is stored and synchronized. Choose the mode that matches your infrastructure:
 
-* **Hosted mode** - Recommended for production. Backend-backed consent with geolocation, centralized policy resolution, audit history, and offline fallback.
+* **Hosted mode** - Recommended for production. Backend-backed consent with geolocation, centralized policy resolution, audit history, and a temporary fallback when the backend is unreachable.
 * **Offline mode** - Browser-only storage with no network requests. Best for local development, demos, static deployments, or controlled fallback scenarios.
 * **Custom mode** - Bring your own backend with custom endpoint handlers
 
@@ -26,7 +26,9 @@ The default mode. Connects to a c15t backend for full consent lifecycle manageme
 
 1. On page load, the client calls `/init` to fetch geolocation, jurisdiction, localized translation strings
 2. When the user grants or changes consent, it is saved locally before being synced to the backend.
-3. If the backend is unreachable, it falls back to Offline mode and re-syncs with the backend when it's available
+3. If `/init` fails after retries, c15t uses a temporary opt-in fallback. Optional categories are denied during fallback, while the saved choice and its hosted policy fingerprint remain in browser storage.
+
+A saved rejection survives an outage and recovery, including recovery to an opt-out or no-banner policy. A rejection saved during fallback also survives recovery. Grants saved during fallback are not sent to the backend and need fresh confirmation under the hosted policy. Previously valid grants can resume on a later load if the original hosted policy returns and the user has not changed their choice.
 
 **Configuration:**
 
@@ -37,7 +39,7 @@ The default mode. Connects to a c15t backend for full consent lifecycle manageme
 * The backend stays the source of truth for policy, translations, and jurisdiction logic
 * Consent decisions can be stored beyond the current browser session for audit and support workflows
 * Server-side systems can preload consent-aware behavior instead of waiting for client-only storage
-* If the backend is temporarily unavailable, c15t can fall back locally and re-sync later
+* If the backend is temporarily unavailable, c15t falls back locally and re-syncs rejections later. Grants made during the outage wait for fresh confirmation.
 
 **Best for:** Production apps that need geolocation-based jurisdiction detection, consent record storage, and compliance audit trails.