@c15t/react 3.0.0-alpha.1 → 3.0.0-alpha.10

package/dist/transports/hosted.js

@@ -0,0 +1 @@
+import{hosted as t}from"@c15t/core";import{backendURL as o}from"@c15t/core/generated";let e=function(o,e){let r=o.backendURL??e;if(void 0===r)throw Error(`c15t: hosted() needs \`backendURL\`.${"production"===process.env.NODE_ENV?"":" Pass it, or add consentManifest() from c15t/build to your Vite config and set VITE_C15T_BACKEND_URL (or VITE_INTH_PROJECT_URL)."}`);return t({...o,backendURL:r})},r=function(t={}){return e(t,o)};export{r as hosted,e as hostedWithBuild};

package/dist/transports/manifest.js

@@ -0,0 +1 @@
+import{backendURL as t,snapshot as e}from"@c15t/core/generated";import{manifest as n,withEarlyInit as s}from"@c15t/core/transports/manifest-browser";let a=function(t,e){let n={...t};return void 0!==e.backendURL&&void 0===n.backendURL&&(n.backendURL=e.backendURL),void 0!==n.manifestURL||e.snapshot&&void 0===n.snapshot&&"runtime"!==n.source&&(n.snapshot=e.snapshot),n},o=function(o={}){return s(n(a(o,{backendURL:t,snapshot:e})))};export{o as manifest,a as withBuildDefaults};

package/dist/transports/offline.js

@@ -1 +1 @@
-import{recommendedPolicyRules as n,resolvePolicyRules as e,writePolicyResolutionWire as i}from"@c15t/schema/types";let o=function(o={}){return Object.assign(l=>({init:({overrides:t})=>Promise.resolve({policyResolution:i(e({countryCode:t.country??null,iabEnabled:l.iabEnabled,regionCode:t.region??null,rules:o.policyRules??n({iab:l.iabEnabled})})),translations:l.translations})}),{kind:"offline"})};export{o as offline};
+export{offline}from"@c15t/core";

package/dist/utils/deferred-module.js

@@ -0,0 +1,2 @@
+"use client";
+import{jsx as t}from"react/jsx-runtime";import{Suspense as r,lazy as e,useSyncExternalStore as a}from"react";let o=o=>{let n,l={status:"pending"},u=l,c=!1,s=new Set,i=()=>u,d=()=>l,f=t=>(c||=t,n??=(async()=>{try{let t=await o();return u={module:t,status:"ready"},t}catch(t){throw c?u={error:t,status:"error"}:n=void 0,t}})()),h=!1,m=()=>{h||(h=!0,queueMicrotask(()=>{for(let t of(h=!1,u={...u},s))t()}))},p=t=>(s.add(t),()=>{s.delete(t)});return{component(o){let n=e(()=>{let t=(async()=>({default:o(await f(!0))}))();return t.then(m,m),t});return function(e){let o=a(p,i,d);if("error"===o.status)throw o.error;return t(r,{fallback:null,children:t(n,{...e})})}},async preload(){try{await f(!1)}catch{}}}};export{o as createDeferredModule};

package/dist/utils/merge-slot-props.js

@@ -1 +1 @@
-import{cnExt as e}from"./cn.js";let t=function(e,t){if(!t)return;let[o,r]=t.split(".");return e?.[o]?.[r]},o=function(t,{baseClassName:o,className:r,noStyle:s,style:l,...p}){let i=t?.style||l?{...t?.style,...l}:void 0,m=e(s?void 0:o,t?.className,r);return{...t,...p,className:m||void 0,style:i}};export{t as getSlotProps,o as mergeSlotProps};
+import{cnExt as e}from"./cn.js";let t=function(e,t){if(!t)return;let[o,r]=t.split(".");return e?.[o]?.[r]},o=function(t,{baseClassName:o,className:r,noStyle:s,style:l,...p}){let{noStyle:n,...i}=t??{},m=i.style||l?{...i.style,...l}:void 0,a=e(s||n?void 0:o,i.className,r);return{...i,...p,className:a||void 0,style:m}};export{t as getSlotProps,o as mergeSlotProps};

package/dist/utils/theme-utils.js

@@ -1 +1 @@
-import{defaultTheme as e,generateThemeCSS as t,themeToVars as m}from"@c15t/ui/theme";let a=e,r=function(e,t=!1){return m(e,t)},h=function(e){return t(e)};export{a as defaultTheme,h as generateThemeCSS,r as themeToVars};
+import{defaultTheme as e,generateThemeCSS as t,themeToVars as m}from"@c15t/ui/theme";let a=e,r=function(e,t=!1){return m(e,t)},h=function(e,m){return t(e,m)};export{a as defaultTheme,h as generateThemeCSS,r as themeToVars};

package/dist/version.js

@@ -1 +1 @@
-let e="3.0.0-alpha.1";export{e as version};
+let e="3.0.0-alpha.10";export{e as version};

package/dist-types/aggregate-components.d.ts

@@ -1,4 +1,4 @@
-import type { ConsentDialogCompoundComponent } from './components/panel';
-import type { ConsentWidgetCompoundComponent } from './components/preferences';
+import type { ConsentDialogCompoundComponent } from './components/panel/index.js';
+import type { ConsentWidgetCompoundComponent } from './components/preferences/index.js';
 export declare const ConsentDialog: ConsentDialogCompoundComponent;
 export declare const ConsentWidget: ConsentWidgetCompoundComponent;

package/dist-types/chunk-warming.d.ts

@@ -1,19 +1,56 @@
 /**
- * Chunk-warming registry (Vue-parity perf work, item #2).
+ * Chunk-warming registry for the deferred `ConsentDialog`.
  *
- * The aggregate `ConsentDialog` is lazy-loaded and — since the interaction
- * fix — deferred until it can actually render. That leaves one cold path:
- * the user's *first* "customize" click pays the chunk network+parse cost
- * under throttle. Surfaces register their lazy import here, and intent
- * signals (pointerenter/focus on the customize button) warm the chunk
- * before the click.
+ * The aggregate `ConsentDialog` is lazy-loaded and deferred until it can
+ * render, so the first open would otherwise wait for its chunk. Surfaces
+ * register their lazy import here, and two signals start it early:
+ *
+ * - Intent: pointerenter or focus on any `ConsentButton` that opens the
+ *   dialog, including the stock banner's Customize button.
+ * - Idle: a few seconds after the page's load event, in browser idle time,
+ *   while the banner is shown or a dialog trigger is mounted. The wait keeps
+ *   the dialog out of first-load JavaScript; a visitor who opens it sooner
+ *   hovers, focuses or touches the button first, which warms it at once.
  *
  * Module-level registry keeps banner components decoupled from the
  * aggregate exports (no context change, tree-shakes with the aggregate).
  */
 type Warmer = () => void;
+/**
+ * When the deferred consent dialog starts loading before it opens.
+ *
+ * - `'idle'`: a few seconds after the page's load event, in browser idle
+ *   time, while the banner is shown or a button that opens the dialog is
+ *   mounted. Also on hover or focus of such a button.
+ * - `'intent'`: only on hover or focus of a button that opens the dialog.
+ *
+ * @public
+ */
+export type DialogPreload = 'idle' | 'intent';
 /** Register a lazy chunk's import trigger. Returns an unregister fn. */
 export declare const registerDialogChunkWarmer: (warmer: Warmer) => () => void;
-/** Fire all registered warmers once (idempotent). */
+/**
+ * Fire every registered warmer. Warmers share one in-flight import, so
+ * repeated calls are cheap, and a call after a failed import retries it.
+ */
 export declare const warmDialogChunk: () => void;
+/**
+ * Hold an idle-warming gate open while `active`: the dialog loads in the next
+ * idle period after the page's load event, if a gate is still open then.
+ * Consumers opt out with `preloadDialog: 'intent'`.
+ *
+ * @param active - Whether the dialog can be opened soon from this component,
+ * for example because the banner is shown or a trigger is mounted.
+ * @internal
+ */
+export declare const useIdleDialogWarming: (active: boolean) => void;
+/**
+ * Reset module state between tests. Idle warming waits `idleWarmDelayMs`
+ * after load, `0` unless a test passes another delay.
+ *
+ * @internal
+ */
+export declare const resetDialogChunkWarmingForTests: (options?: {
+    idleWarmDelayMs?: number;
+}) => void;
 export {};

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

@@ -24,8 +24,8 @@ export declare const useHeadlessConsentUI: (overrides?: ConsentPresentation) =>
         actionGroups: PresentationAction[][];
         primaryActions: PresentationAction[];
         diagnostics: import("@c15t/core").PresentationDiagnostic[];
-        rights: readonly import("@c15t/schema/types").PolicyRight[];
-        preferenceControls: Exclude<import("@c15t/schema/types").PolicyRight, 'disclosure'>[];
+        rights: readonly import("@c15t/schema").PolicyRight[];
+        preferenceControls: Exclude<import("@c15t/schema").PolicyRight, 'disclosure'>[];
         direction: 'row' | 'column';
         uiProfile: 'balanced' | 'compact' | 'strict';
         scrollLock: boolean;
@@ -46,8 +46,8 @@ export declare const useHeadlessConsentUI: (overrides?: ConsentPresentation) =>
         actionGroups: PresentationAction[][];
         primaryActions: PresentationAction[];
         diagnostics: import("@c15t/core").PresentationDiagnostic[];
-        rights: readonly import("@c15t/schema/types").PolicyRight[];
-        preferenceControls: Exclude<import("@c15t/schema/types").PolicyRight, 'disclosure'>[];
+        rights: readonly import("@c15t/schema").PolicyRight[];
+        preferenceControls: Exclude<import("@c15t/schema").PolicyRight, 'disclosure'>[];
         direction: 'row' | 'column';
         uiProfile: 'balanced' | 'compact' | 'strict';
         scrollLock: boolean;
@@ -64,5 +64,5 @@ export declare const useHeadlessConsentUI: (overrides?: ConsentPresentation) =>
     performAction: (action: PresentationAction) => void | Promise<import("@c15t/core").SaveResult> | Promise<import("@c15t/core").NoticeDismissResult>;
     performBannerAction: (action: PresentationAction) => void | Promise<import("@c15t/core").SaveResult> | Promise<import("@c15t/core").NoticeDismissResult>;
     performDialogAction: (action: PresentationAction) => void | Promise<import("@c15t/core").SaveResult> | Promise<import("@c15t/core").NoticeDismissResult>;
-    saveCustomPreferences: (input?: import("@c15t/core").SaveInput) => Promise<import("@c15t/core").SaveResult>;
+    saveCustomPreferences: (input?: import("@c15t/core").SaveInput, uiSource?: import("@c15t/core").SaveUISource) => Promise<import("@c15t/core").SaveResult>;
 };

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

@@ -1,5 +1,5 @@
 export declare const useHeadlessIABConsentUI: () => {
-    activeUI: import("@c15t/core").ActiveUI;
+    activeUI: "banner" | "dialog" | "none";
     banner: {
         isReady: boolean;
         vendorCount: number;
@@ -12,7 +12,7 @@ export declare const useHeadlessIABConsentUI: () => {
         isReady: boolean;
         scrollLock: boolean | undefined;
     };
-    iab: import("../iab-context").ReactIABState | null;
+    iab: import("../iab-context.js").ReactIABState | null;
     openDialog: (options?: {
         tab?: 'purposes' | 'vendors';
     }) => void;

package/dist-types/components/consent-gate/atoms.d.ts

@@ -0,0 +1,11 @@
+import type { AllConsentNames } from '@c15t/core';
+import type { BoxProps } from '../shared/primitives/box.js';
+import type { ConsentButtonProps } from '../shared/primitives/button.types.js';
+declare const ConsentGateRoot: import("react").ForwardRefExoticComponent<Omit<BoxProps, "slotKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ConsentGateTitle: import("react").ForwardRefExoticComponent<Omit<BoxProps, "slotKey"> & {
+    category?: AllConsentNames;
+} & import("react").RefAttributes<HTMLDivElement>>;
+declare const ConsentGateButton: import("react").ForwardRefExoticComponent<Omit<ConsentButtonProps, "slotKey"> & {
+    category: AllConsentNames;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export { ConsentGateButton, ConsentGateRoot, ConsentGateTitle };

package/dist-types/components/consent-gate/consent-gate.d.ts

@@ -0,0 +1,2 @@
+import type { ConsentGateProps } from './types.js';
+export declare const ConsentGate: import("react").ForwardRefExoticComponent<Omit<ConsentGateProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/components/consent-gate/frame.d.ts

@@ -0,0 +1,19 @@
+import * as atoms from './atoms.js';
+import type { ConsentGateCompoundComponent, ConsentGateProps } from './types.js';
+/** @deprecated Renamed to `ConsentGateRoot`. */
+declare const FrameRoot: typeof atoms.ConsentGateRoot;
+/** @deprecated Renamed to `ConsentGateTitle`. */
+declare const FrameTitle: typeof atoms.ConsentGateTitle;
+/** @deprecated Renamed to `ConsentGateButton`. */
+declare const FrameButton: typeof atoms.ConsentGateButton;
+/**
+ * @deprecated Renamed to `ConsentGate`. `Frame` will be removed in a
+ * future major release.
+ */
+declare const Frame: ConsentGateCompoundComponent;
+/** @deprecated Renamed to `ConsentGateProps`. */
+type FrameProps = ConsentGateProps;
+/** @deprecated Renamed to `ConsentGateCompoundComponent`. */
+type FrameCompoundComponent = ConsentGateCompoundComponent;
+export type { FrameCompoundComponent, FrameProps };
+export { Frame, FrameButton, FrameRoot, FrameTitle };

package/dist-types/components/consent-gate/index.d.ts

@@ -0,0 +1,25 @@
+import type { ConsentGateCompoundComponent } from './types.js';
+/**
+ * Renders its children only while a consent category is allowed
+ *
+ * @remarks
+ * Acts as a consent boundary for embedded content (iframes, videos, third-party widgets).
+ * Conditionally renders children based on user consent, displaying a placeholder when
+ * permission is not granted.
+ * Supports custom styling via `theme` or complete style override with `noStyle` as well as a custom placeholder.
+ *
+ * @example
+ * ```tsx
+ * <ConsentGate category="marketing">
+ *   <iframe src="https://www.youtube.com/embed/MtN1YnoL46Q?si=JYIFKdENwls43H-r" />
+ * </ConsentGate>
+ * ```
+ *
+ * @see {@link AllConsentNames} for consent categories
+ */
+declare const ConsentGate: ConsentGateCompoundComponent;
+export { ConsentGateButton, ConsentGateRoot, ConsentGateTitle } from './atoms.js';
+export type { ConsentGateCompoundComponent, ConsentGateProps } from './types.js';
+export { ConsentGate };
+export type { FrameCompoundComponent, FrameProps } from './frame.js';
+export { Frame, FrameButton, FrameRoot, FrameTitle } from './frame.js';

package/dist-types/components/{frame → consent-gate}/types.d.ts

@@ -1,8 +1,8 @@
 import type { AllConsentNames } from '@c15t/core';
 import type { ComponentPropsWithRef, FC, ReactNode } from 'react';
-import type { Theme } from '../../types/theme';
-import type * as Atom from './atoms';
-export interface FrameProps extends ComponentPropsWithRef<'div'> {
+import type { Theme } from '../../types/theme/index.js';
+import type * as Atom from './atoms.js';
+export interface ConsentGateProps extends ComponentPropsWithRef<'div'> {
     /**
      * Content rendered when consent is granted. Children are not mounted until
      * consent is given, preventing unnecessary network requests.
@@ -30,8 +30,8 @@ export interface FrameProps extends ComponentPropsWithRef<'div'> {
      */
     theme?: Theme;
 }
-export interface FrameCompoundComponent extends FC<FrameProps> {
-    Root: typeof Atom.FrameRoot;
-    Title: typeof Atom.FrameTitle;
-    Button: typeof Atom.FrameButton;
+export interface ConsentGateCompoundComponent extends FC<ConsentGateProps> {
+    Root: typeof Atom.ConsentGateRoot;
+    Title: typeof Atom.ConsentGateTitle;
+    Button: typeof Atom.ConsentGateButton;
 }

package/dist-types/components/consent-preferences-link/consent-preferences-link.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { ConsentButtonProps } from '../shared/primitives/button.types';
+import type { ConsentButtonProps } from '../shared/primitives/button.types.js';
 /**
  * Inline trigger for opening the consent dialog from places like site footers.
  *

package/dist-types/components/consent-preferences-link/index.d.ts

@@ -1 +1 @@
-export { ConsentDialogLink, type ConsentDialogLinkProps, } from './consent-preferences-link';
+export { ConsentDialogLink, type ConsentDialogLinkProps, } from './consent-preferences-link.js';

package/dist-types/components/iab-panel/atoms/feature-item.d.ts

@@ -0,0 +1,28 @@
+import type { FC } from 'react';
+import type { ProcessedFeature } from '../types.js';
+/** Props for {@link FeatureItem}. */
+export interface FeatureItemProps {
+    /** The feature, as a display-model row or processed GVL feature. */
+    feature: ProcessedFeature;
+    /**
+     * The row's `data-testid`. Comes from the shared display model, which
+     * namespaces it by row kind.
+     */
+    testId?: string;
+}
+/**
+ * One informational IAB Feature row.
+ *
+ * TCF Policies v5.0.b forbid showing Features next to a control that
+ * cannot be disabled, so this row has no switch, no lock and no per-vendor
+ * toggles. It shows the name, the description, the illustrations and the
+ * names of the vendors that use the feature.
+ *
+ * @param props - The feature and its test id.
+ * @returns The collapsible feature row.
+ * @example
+ * ```tsx
+ * <FeatureItem feature={row} testId={row.testId} />
+ * ```
+ */
+export declare const FeatureItem: FC<FeatureItemProps>;

package/dist-types/components/iab-panel/atoms/purpose-item.d.ts

@@ -1,7 +1,10 @@
 import type { FC } from 'react';
-import type { ProcessedPurpose, VendorId } from '../types';
+import type { ProcessedPurpose, VendorId } from '../types.js';
 interface PurposeItemProps {
-    purpose: ProcessedPurpose;
+    /** A purpose, or a display-model row carrying `hasConsentBasis`. */
+    purpose: ProcessedPurpose & {
+        hasConsentBasis?: boolean;
+    };
     /**
      * The row's `data-testid`. Comes from the shared display model, which
      * namespaces it by row kind — a purpose, a special purpose and a

package/dist-types/components/iab-panel/atoms/stack-item.d.ts

@@ -1,7 +1,12 @@
 import type { FC } from 'react';
-import type { ProcessedStack, VendorId } from '../types';
+import type { ProcessedStack, VendorId } from '../types.js';
 interface StackItemProps {
-    stack: ProcessedStack;
+    /** A stack, or a display-model stack row whose purposes carry `hasConsentBasis`. */
+    stack: Omit<ProcessedStack, 'purposes'> & {
+        purposes: (ProcessedStack['purposes'][number] & {
+            hasConsentBasis?: boolean;
+        })[];
+    };
     consents: Record<number, boolean>;
     onToggle: (purposeId: number, value: boolean) => void;
     vendorConsents: Record<string, boolean>;

package/dist-types/components/iab-panel/atoms/vendor-list.d.ts

@@ -1,6 +1,6 @@
 import type { GlobalVendorList } from '@c15t/core';
 import type { FC } from 'react';
-import type { ProcessedPurpose, VendorId } from '../types';
+import type { ProcessedPurpose, VendorId } from '../types.js';
 interface CustomVendor {
     id: string | number;
     name: string;

package/dist-types/components/iab-panel/iab-panel.d.ts

@@ -1,6 +1,6 @@
 import type * as C15tCoreTypes from '@c15t/core';
 import type { FC } from 'react';
-import type { ConsentDialogTriggerProps } from '../panel-trigger';
+import type { ConsentDialogTriggerProps } from '../panel-trigger/index.js';
 /**
  * Props for the IABConsentDialog component.
  * @public
@@ -64,10 +64,10 @@ export interface IABConsentDialogProps {
     uiSource?: string;
 }
 /**
- * IAB TCF 2.3 compliant consent dialog dialog.
+ * IAB TCF 2.4 compliant consent dialog dialog.
  *
  * @remarks
- * This component implements the required IAB TCF 2.3 UI elements:
+ * This component implements the required IAB TCF 2.4 UI elements:
  * - Tabbed interface for Purposes and Vendors
  * - Purpose grouping with stacks
  * - Individual purpose and vendor consent toggles

package/dist-types/components/iab-panel/index.d.ts

@@ -7,17 +7,18 @@
  * 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-panel';
+import { IABConsentDialogCard } from './atoms/card.js';
+import { IABConsentDialogContent } from './atoms/content.js';
+import { FeatureItem } from './atoms/feature-item.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-panel.js';
 /**
  * This interface extends the base IABConsentDialog component with additional sub-components
  * that can be used to compose the consent dialog's structure.
@@ -31,19 +32,20 @@ export interface IABConsentDialogCompoundComponent extends FC<IABConsentDialogPr
     Content: typeof IABConsentDialogContent;
     Footer: typeof IABConsentDialogFooter;
     Overlay: typeof IABConsentDialogOverlay;
+    FeatureItem: typeof FeatureItem;
     PurposeItem: typeof PurposeItem;
     StackItem: typeof StackItem;
     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,17 +78,18 @@ 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 IABDisplayModel, useIABDisplayModel, } from './hooks/use-display-model';
-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 { FeatureItem, type FeatureItemProps } from './atoms/feature-item.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 IABDisplayModel, useIABDisplayModel, } from './hooks/use-display-model.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-panel/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/iab-prompt/iab-prompt.d.ts

@@ -42,10 +42,10 @@ export interface IABConsentBannerProps {
     uiSource?: string;
 }
 /**
- * IAB TCF 2.3 compliant cookie consent banner.
+ * IAB TCF 2.4 compliant cookie consent banner.
  *
  * @remarks
- * This component implements the required IAB TCF 2.3 UI elements:
+ * This component implements the required IAB TCF 2.4 UI elements:
  * - Partner count disclosure
  * - Purpose summary
  * - Legitimate interest notice
@@ -57,7 +57,7 @@ export interface IABConsentBannerProps {
  * ```tsx
  * <ConsentProvider
  *   options={{
- *     mode: hosted({ url: '/api/c15t' }),
+ *     mode: hosted({ backendURL: '/api/c15t' }),
  *     iab: { cmpId: 123, vendors: [1, 2, 10] },
  *   }}
  * >

package/dist-types/components/iab-prompt/index.d.ts

@@ -7,15 +7,15 @@
  * of the banner's parts.
  */
 import type { FC } from 'react';
-import { IABConsentBannerButtonGroup, IABConsentBannerFooterSpacer } from './atoms/button-group';
-import { IABConsentBannerCard } from './atoms/card';
-import { IABConsentBannerDescription } from './atoms/description';
-import { IABConsentBannerFooter } from './atoms/footer';
-import { IABConsentBannerHeader } from './atoms/header';
-import { IABConsentBannerOverlay } from './atoms/overlay';
-import { IABConsentBannerRoot } from './atoms/root';
-import { IABConsentBannerTitle } from './atoms/title';
-import type { IABConsentBannerProps } from './iab-prompt';
+import { IABConsentBannerButtonGroup, IABConsentBannerFooterSpacer } from './atoms/button-group.js';
+import { IABConsentBannerCard } from './atoms/card.js';
+import { IABConsentBannerDescription } from './atoms/description.js';
+import { IABConsentBannerFooter } from './atoms/footer.js';
+import { IABConsentBannerHeader } from './atoms/header.js';
+import { IABConsentBannerOverlay } from './atoms/overlay.js';
+import { IABConsentBannerRoot } from './atoms/root.js';
+import { IABConsentBannerTitle } from './atoms/title.js';
+import type { IABConsentBannerProps } from './iab-prompt.js';
 /**
  * This interface extends the base IABConsentBanner component with additional sub-components
  * that can be used to compose the banner's structure.
@@ -32,14 +32,14 @@ export interface IABConsentBannerCompoundComponent extends FC<IABConsentBannerPr
     Overlay: typeof IABConsentBannerOverlay;
 }
 /**
- * IAB TCF 2.3 compliant cookie consent banner component.
+ * IAB TCF 2.4 compliant cookie consent banner component.
  *
  * @remarks
  * This component serves as the main entry point for rendering an IAB-compliant consent banner.
  * 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,12 +76,12 @@ export interface IABConsentBannerCompoundComponent extends FC<IABConsentBannerPr
  */
 declare const IABConsentBanner: IABConsentBannerCompoundComponent;
 export default IABConsentBanner;
-export { IABConsentBannerButtonGroup, IABConsentBannerFooterSpacer, } from './atoms/button-group';
-export { IABConsentBannerCard } from './atoms/card';
-export { IABConsentBannerDescription } from './atoms/description';
-export { IABConsentBannerFooter } from './atoms/footer';
-export { IABConsentBannerHeader } from './atoms/header';
-export { IABConsentBannerOverlay } from './atoms/overlay';
-export { IABConsentBannerRoot } from './atoms/root';
-export { IABConsentBannerTitle } from './atoms/title';
+export { IABConsentBannerButtonGroup, IABConsentBannerFooterSpacer, } from './atoms/button-group.js';
+export { IABConsentBannerCard } from './atoms/card.js';
+export { IABConsentBannerDescription } from './atoms/description.js';
+export { IABConsentBannerFooter } from './atoms/footer.js';
+export { IABConsentBannerHeader } from './atoms/header.js';
+export { IABConsentBannerOverlay } from './atoms/overlay.js';
+export { IABConsentBannerRoot } from './atoms/root.js';
+export { IABConsentBannerTitle } from './atoms/title.js';
 export { IABConsentBanner, type IABConsentBannerProps };

package/dist-types/components/panel/atoms/card.d.ts

@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
-import type { BoxProps } from '../../shared/primitives/box';
-import type { InlineLegalLinksProps } from '../../shared/primitives/legal-links';
-import type { BrandingSlotContext, BrandingVariant } from '../../shared/ui/branding';
-import type { ClassNameStyle } from '../../../types/theme';
+import type { BoxProps } from '../../shared/primitives/box.js';
+import type { InlineLegalLinksProps } from '../../shared/primitives/legal-links/index.js';
+import type { BrandingSlotContext, BrandingVariant } from '../../shared/ui/branding.js';
+import type { ClassNameStyle } from '../../../types/theme/index.js';
 declare const ConsentDialogCard: import("react").ForwardRefExoticComponent<{
     /** The content to be rendered inside the consent dialog card */
     children?: ReactNode;
@@ -25,6 +25,7 @@ declare const ConsentDialogHeader: import("react").ForwardRefExoticComponent<Omi
  * - Uses proper heading semantics for accessibility
  * - Should be used within ConsentDialogHeader
  * - Supports theme customization
+ * - Renders an `h2`; with `asChild` the child element takes its place
  */
 declare const ConsentDialogHeaderTitle: import("react").ForwardRefExoticComponent<Omit<BoxProps, "slotKey"> & import("react").RefAttributes<HTMLDivElement>>;
 /**

package/dist-types/components/panel/atoms/overlay.d.ts

@@ -4,7 +4,7 @@
  * Implements accessible modal behavior with animation support.
  */
 import type { FC, PropsWithChildren } from 'react';
-import type { ThemeValue } from '../../../types/theme';
+import type { ThemeValue } from '../../../types/theme/index.js';
 /**
  * Props for the Overlay component.
  *

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

@@ -7,10 +7,10 @@
  * of the dialog's parts.
  */
 import type { FC } from 'react';
-import { Card, ConsentCustomizationCard, ConsentDialogContent, ConsentDialogFooter, ConsentDialogHeader, ConsentDialogHeaderDescription, ConsentDialogHeaderTitle, Content, Footer, Header, HeaderDescription, HeaderTitle } from './atoms/card';
-import { Overlay } from './atoms/overlay';
-import { Root } from './atoms/root';
-import type { ConsentDialogProps } from './panel';
+import { Card, ConsentCustomizationCard, ConsentDialogContent, ConsentDialogFooter, ConsentDialogHeader, ConsentDialogHeaderDescription, ConsentDialogHeaderTitle, Content, Footer, Header, HeaderDescription, HeaderTitle } from './atoms/card.js';
+import { Overlay } from './atoms/overlay.js';
+import { Root } from './atoms/root.js';
+import type { ConsentDialogProps } from './panel.js';
 export type { ConsentDialogProps };
 /**
  * This interface extends the base ConsentDialog component with additional sub-components
@@ -57,7 +57,7 @@ export interface ConsentDialogCompoundComponent extends FC<ConsentDialogProps> {
  * ```tsx
  * <ConsentProvider
  *   options={{
- *     mode: hosted({ url: '/api/c15t' }),
+ *     mode: hosted({ backendURL: '/api/c15t' }),
  *     components: {
  *       dialog: {
  *         card: { className: 'rounded-3xl shadow-xl' },
@@ -98,7 +98,7 @@ export interface ConsentDialogCompoundComponent extends FC<ConsentDialogProps> {
  */
 declare const ConsentDialog: ConsentDialogCompoundComponent;
 export default ConsentDialog;
-export { Card, ConsentCustomizationCard, ConsentDialogContent, ConsentDialogFooter, ConsentDialogHeader, ConsentDialogHeaderDescription, ConsentDialogHeaderTitle, Content, Footer, Header, HeaderDescription, HeaderTitle, } from './atoms/card';
-export { ConsentDialogOverlay, Overlay } from './atoms/overlay';
-export { ConsentDialogRoot, Root } from './atoms/root';
+export { Card, ConsentCustomizationCard, ConsentDialogContent, ConsentDialogFooter, ConsentDialogHeader, ConsentDialogHeaderDescription, ConsentDialogHeaderTitle, Content, Footer, Header, HeaderDescription, HeaderTitle, } from './atoms/card.js';
+export { ConsentDialogOverlay, Overlay } from './atoms/overlay.js';
+export { ConsentDialogRoot, Root } from './atoms/root.js';
 export { ConsentDialog };

package/dist-types/components/panel/panel.d.ts

@@ -8,8 +8,8 @@ import type * as C15tCoreTypes from '@c15t/core';
  * prefer a one-line `<ConsentDialog />` usage still have it.
  */
 import type { FC } from 'react';
-import type { ConsentDialogTriggerProps } from '../panel-trigger';
-import type { InlineLegalLinksProps } from '../shared/primitives/legal-links';
+import type { ConsentDialogTriggerProps } from '../panel-trigger/index.js';
+import type { InlineLegalLinksProps } from '../shared/primitives/legal-links/index.js';
 /**
  * Props for the `<ConsentDialog />` convenience component.
  */
@@ -37,7 +37,7 @@ export interface ConsentDialogProps {
     trapFocus?: boolean;
     /**
      * Control the open state. If omitted the dialog follows
-     * `useConsentManager().activeUI === 'dialog'`.
+     * `useActiveUI() === 'dialog'`.
      */
     open?: boolean;
     /**

package/dist-types/components/panel-link/index.d.ts

@@ -1 +1 @@
-export { ConsentDialogLink, type ConsentDialogLinkProps, } from '../consent-preferences-link/consent-preferences-link';
+export { ConsentDialogLink, type ConsentDialogLinkProps, } from '../consent-preferences-link/consent-preferences-link.js';