@c15t/react 2.2.1 → 2.3.0

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

@@ -3,9 +3,9 @@
  * Provides the core components for building consent banners.
  * Implements accessible, customizable components following GDPR requirements.
  */
-import { type BoxProps } from '../shared/primitives/box';
-import type { ConsentButtonProps } from '../shared/primitives/button.types';
-import type { InlineLegalLinksProps } from '../shared/primitives/legal-links';
+import { type BoxProps } from '../shared/primitives/box.js';
+import type { ConsentButtonProps } from '../shared/primitives/button.types.js';
+import type { InlineLegalLinksProps } from '../shared/primitives/legal-links/index.js';
 /**
  * Title component for the consent banner.
  *

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

@@ -1,6 +1,6 @@
 import { type PolicyUiActionDirection } from '@c15t/ui/utils';
 import { type FC, type ReactNode } from 'react';
-import type { InlineLegalLinksProps } from '../shared/primitives/legal-links';
+import type { InlineLegalLinksProps } from '../shared/primitives/legal-links/index.js';
 /**
  * Identifiers for the available buttons in the consent banner.
  * @public

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

@@ -8,11 +8,11 @@
  *
  */
 import type { FC } from 'react';
-import { Overlay } from './atoms/overlay';
-import { Root } from './atoms/root';
-import { AcceptButton, Card, CustomizeButton, Description, Footer, FooterSubGroup, Header, RejectButton, Title } from './components';
-import { type ConsentBannerButton, type ConsentBannerLayout, type ConsentBannerProps } from './consent-banner';
-import { PolicyActions } from './policy-actions';
+import { Overlay } from './atoms/overlay.js';
+import { Root } from './atoms/root.js';
+import { AcceptButton, Card, CustomizeButton, Description, Footer, FooterSubGroup, Header, RejectButton, Title } from './components.js';
+import { type ConsentBannerButton, type ConsentBannerLayout, type ConsentBannerProps } from './consent-banner.js';
+import { PolicyActions } from './policy-actions.js';
 /**
  * This interface extends the base ConsentBanner component with additional sub-components
  * that can be used to compose the banner's structure.
@@ -108,8 +108,8 @@ export interface ConsentBannerCompoundComponent extends FC<ConsentBannerProps> {
  */
 declare const ConsentBanner: ConsentBannerCompoundComponent;
 export default ConsentBanner;
-export { ConsentBannerOverlay, Overlay } from './atoms/overlay';
-export { ConsentBannerRoot, Root } from './atoms/root';
-export { AcceptButton, Card, ConsentBannerAcceptButton, ConsentBannerCard, ConsentBannerCustomizeButton, ConsentBannerDescription, ConsentBannerFooter, ConsentBannerFooterSubGroup, ConsentBannerHeader, ConsentBannerRejectButton, ConsentBannerTitle, CustomizeButton, Description, Footer, FooterSubGroup, Header, RejectButton, Title, } from './components';
-export { type ConsentBannerPolicyActionRenderProps, ConsentBannerPolicyActions, type ConsentBannerPolicyActionsProps, PolicyActions, } from './policy-actions';
+export { ConsentBannerOverlay, Overlay } from './atoms/overlay.js';
+export { ConsentBannerRoot, Root } from './atoms/root.js';
+export { AcceptButton, Card, ConsentBannerAcceptButton, ConsentBannerCard, ConsentBannerCustomizeButton, ConsentBannerDescription, ConsentBannerFooter, ConsentBannerFooterSubGroup, ConsentBannerHeader, ConsentBannerRejectButton, ConsentBannerTitle, CustomizeButton, Description, Footer, FooterSubGroup, Header, RejectButton, Title, } from './components.js';
+export { type ConsentBannerPolicyActionRenderProps, ConsentBannerPolicyActions, type ConsentBannerPolicyActionsProps, PolicyActions, } from './policy-actions.js';
 export { ConsentBanner, type ConsentBannerButton, type ConsentBannerLayout, type ConsentBannerProps, };

package/dist-types/components/consent-banner/policy-actions.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import { type HeadlessConsentBannerAction } from '../../hooks/use-headless-consent-ui';
-import { type PolicyActionRenderProps } from '../shared/policy-actions';
+import { type HeadlessConsentBannerAction } from '../../hooks/use-headless-consent-ui.js';
+import { type PolicyActionRenderProps } from '../shared/policy-actions.js';
 export interface ConsentBannerPolicyActionRenderProps extends PolicyActionRenderProps<HeadlessConsentBannerAction> {
 }
 export interface ConsentBannerPolicyActionsProps {

package/dist-types/components/consent-dialog/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 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 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;
@@ -61,7 +61,7 @@ declare const ConsentDialogFooter: import("react").ForwardRefExoticComponent<Box
 type BrandingProps = {
     hideBranding: boolean;
     variant?: BrandingVariant;
-    themeKey?: import('../../shared/ui/branding').BrandingThemeKey;
+    themeKey?: import('../../shared/ui/branding.js').BrandingThemeKey;
     className?: string;
     'data-testid'?: string;
 };

package/dist-types/components/consent-dialog/atoms/overlay.d.ts

@@ -4,7 +4,7 @@
  * Implements accessible modal behavior with animation support.
  */
 import { type CSSProperties, type HTMLAttributes } 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/consent-dialog/consent-dialog.d.ts

@@ -7,8 +7,8 @@
  * prefer a one-line `<ConsentDialog />` usage still have it.
  */
 import type { FC } from 'react';
-import { type ConsentDialogTriggerProps } from '../consent-dialog-trigger';
-import type { InlineLegalLinksProps } from '../shared/primitives/legal-links';
+import { type ConsentDialogTriggerProps } from '../consent-dialog-trigger/index.js';
+import type { InlineLegalLinksProps } from '../shared/primitives/legal-links/index.js';
 /**
  * Props for the `<ConsentDialog />` convenience component.
  */

package/dist-types/components/consent-dialog/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 './consent-dialog';
+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 './consent-dialog.js';
 export type { ConsentDialogProps };
 /**
  * This interface extends the base ConsentDialog component with additional sub-components
@@ -93,7 +93,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/consent-dialog-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';

package/dist-types/components/consent-dialog-trigger/atoms/button.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { TriggerSize } from '../types';
+import type { TriggerSize } from '../types.js';
 /**
  * Props for the Button component.
  */

package/dist-types/components/consent-dialog-trigger/atoms/icon.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { TriggerIcon as TriggerIconType } from '../types';
+import type { TriggerIcon as TriggerIconType } from '../types.js';
 /**
  * Props for the Icon component.
  */

package/dist-types/components/consent-dialog-trigger/atoms/root.d.ts

@@ -5,8 +5,8 @@
  * @packageDocumentation
  */
 import { type ReactNode } from 'react';
-import type { CornerPosition, TriggerVisibility } from '../types';
-import { type UseDraggableReturn } from '../use-draggable';
+import type { CornerPosition, TriggerVisibility } from '../types.js';
+import { type UseDraggableReturn } from '../use-draggable.js';
 /**
  * Context value for the ConsentDialogTrigger compound component.
  */

package/dist-types/components/consent-dialog-trigger/atoms/toolbar.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { ClassNameStyle } from '../../../types/theme';
-import type { ConsentDialogTriggerToolbarAction, ConsentDialogTriggerToolbarPreferences, TriggerOrientation, TriggerSize } from '../types';
+import type { ClassNameStyle } from '../../../types/theme/index.js';
+import type { ConsentDialogTriggerToolbarAction, ConsentDialogTriggerToolbarPreferences, TriggerOrientation, TriggerSize } from '../types.js';
 export interface TriggerToolbarProps extends Omit<ClassNameStyle, 'baseClassName'> {
     /** App-owned actions rendered alongside the preferences action. */
     actions: readonly ConsentDialogTriggerToolbarAction[];

package/dist-types/components/consent-dialog-trigger/consent-dialog-trigger-toolbar.d.ts

@@ -5,7 +5,7 @@
  * @packageDocumentation
  */
 import type { ReactNode } from 'react';
-import type { ConsentDialogTriggerToolbarProps } from './types';
+import type { ConsentDialogTriggerToolbarProps } from './types.js';
 /**
  * A draggable toolbar that always includes one action for opening consent
  * preferences and can include app-owned actions such as theme or support

package/dist-types/components/consent-dialog-trigger/consent-dialog-trigger.d.ts

@@ -7,11 +7,11 @@
  * @packageDocumentation
  */
 import type { FC } from 'react';
-import { TriggerButton, type TriggerButtonProps } from './atoms/button';
-import { TriggerIcon, type TriggerIconProps } from './atoms/icon';
-import { TriggerRoot, type TriggerRootProps, useTriggerContext } from './atoms/root';
-import { TriggerText, type TriggerTextProps } from './atoms/text';
-import type { ConsentDialogTriggerProps } from './types';
+import { TriggerButton, type TriggerButtonProps } from './atoms/button.js';
+import { TriggerIcon, type TriggerIconProps } from './atoms/icon.js';
+import { TriggerRoot, type TriggerRootProps, useTriggerContext } from './atoms/root.js';
+import { TriggerText, type TriggerTextProps } from './atoms/text.js';
+import type { ConsentDialogTriggerProps } from './types.js';
 /**
  * Compound component interface for ConsentDialogTrigger.
  */

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

@@ -3,7 +3,7 @@
  *
  * @packageDocumentation
  */
-export { ConsentDialogTrigger, type ConsentDialogTriggerCompound, TriggerButton, type TriggerButtonProps, TriggerIcon, type TriggerIconProps, TriggerRoot, type TriggerRootProps, TriggerText, type TriggerTextProps, useTriggerContext, } from './consent-dialog-trigger';
-export { ConsentDialogTriggerToolbar } from './consent-dialog-trigger-toolbar';
-export type { ConsentDialogTriggerProps, ConsentDialogTriggerToolbarAction, ConsentDialogTriggerToolbarPreferences, ConsentDialogTriggerToolbarProps, CornerPosition, TriggerIcon as TriggerIconType, TriggerOrientation, TriggerSize, TriggerVisibility, } from './types';
-export { type UseDraggableOptions, type UseDraggableReturn, useDraggable, } from './use-draggable';
+export { ConsentDialogTrigger, type ConsentDialogTriggerCompound, TriggerButton, type TriggerButtonProps, TriggerIcon, type TriggerIconProps, TriggerRoot, type TriggerRootProps, TriggerText, type TriggerTextProps, useTriggerContext, } from './consent-dialog-trigger.js';
+export { ConsentDialogTriggerToolbar } from './consent-dialog-trigger-toolbar.js';
+export type { ConsentDialogTriggerProps, ConsentDialogTriggerToolbarAction, ConsentDialogTriggerToolbarPreferences, ConsentDialogTriggerToolbarProps, CornerPosition, TriggerIcon as TriggerIconType, TriggerOrientation, TriggerSize, TriggerVisibility, } from './types.js';
+export { type UseDraggableOptions, type UseDraggableReturn, useDraggable, } from './use-draggable.js';

package/dist-types/components/consent-dialog-trigger/types.d.ts

@@ -5,7 +5,7 @@
  */
 import type { CornerPosition } from '@c15t/ui/utils/trigger-utils';
 import type { ReactNode } from 'react';
-import type { ClassNameStyle } from '../../types/theme';
+import type { ClassNameStyle } from '../../types/theme/index.js';
 /**
  * Icon rendered by a consent dialog trigger control.
  *

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/consent-widget/atoms/accordion.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
-import { type BoxProps } from '../../shared/primitives/box';
-import * as PreferenceItem from '../../shared/ui/preference-item';
-import * as RadixSwitch from '../../shared/ui/switch';
+import { type BoxProps } from '../../shared/primitives/box.js';
+import * as PreferenceItem from '../../shared/ui/preference-item/index.js';
+import * as RadixSwitch from '../../shared/ui/switch/index.js';
 declare const ConsentWidgetAccordionTrigger: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const ConsentWidgetAccordionTriggerInner: import("react").ForwardRefExoticComponent<PreferenceItem.PreferenceItemTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 declare const ConsentWidgetAccordionContent: import("react").ForwardRefExoticComponent<PreferenceItem.PreferenceItemContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/components/consent-widget/atoms/button.d.ts

@@ -1,4 +1,4 @@
-import type { ConsentButtonProps } from '../../shared/primitives/button.types';
+import type { ConsentButtonProps } from '../../shared/primitives/button.types.js';
 /**
  * Button to accept all available cookies.
  *

package/dist-types/components/consent-widget/atoms/footer.d.ts

@@ -1,4 +1,4 @@
-import { type BoxProps } from '../../shared/primitives/box';
+import { type BoxProps } from '../../shared/primitives/box.js';
 /**
  * Footer component for consent management actions.
  *

package/dist-types/components/consent-widget/atoms/root.d.ts

@@ -1,5 +1,5 @@
 import type { FC, ReactNode } from 'react';
-import { type ThemeContextValue } from '../../../context/theme-context';
+import { type ThemeContextValue } from '../../../context/theme-context.js';
 /**
  * Props for the ConsentWidgetRoot component.
  *

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

@@ -1,2 +1,2 @@
-import type { ConsentWidgetProps } from './types';
+import type { ConsentWidgetProps } from './types.js';
 export declare const ConsentWidget: ({ hideBranding, noStyle: localNoStyle, disableAnimation: localDisableAnimation, scrollLock: localScrollLock, trapFocus: localTrapFocus, ...props }: ConsentWidgetProps) => import("react").JSX.Element;

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

@@ -8,12 +8,12 @@
  *
  */
 import type { FC } from 'react';
-import { Accordion, AccordionArrow, AccordionContent, AccordionItem, AccordionItems, AccordionTrigger, AccordionTriggerInner, Switch } from './atoms/accordion';
-import { AcceptAllButton, CustomizeButton, RejectButton, SaveButton } from './atoms/button';
-import { Footer, FooterSubGroup } from './atoms/footer';
-import { Root } from './atoms/root';
-import { PolicyActions } from './policy-actions';
-import type { ConsentWidgetProps } from './types';
+import { Accordion, AccordionArrow, AccordionContent, AccordionItem, AccordionItems, AccordionTrigger, AccordionTriggerInner, Switch } from './atoms/accordion.js';
+import { AcceptAllButton, CustomizeButton, RejectButton, SaveButton } from './atoms/button.js';
+import { Footer, FooterSubGroup } from './atoms/footer.js';
+import { Root } from './atoms/root.js';
+import { PolicyActions } from './policy-actions.js';
+import type { ConsentWidgetProps } from './types.js';
 export type { ConsentWidgetProps };
 /**
  * This interface extends the base ConsentWidget component with additional sub-components
@@ -92,9 +92,9 @@ export interface ConsentWidgetCompoundComponent extends FC<ConsentWidgetProps> {
  */
 declare const ConsentWidget: ConsentWidgetCompoundComponent;
 export default ConsentWidget;
-export { Accordion, AccordionArrow, AccordionContent, AccordionItem, AccordionItems, AccordionTrigger, AccordionTriggerInner, ConsentWidgetAccordion, ConsentWidgetAccordionArrow, ConsentWidgetAccordionContent, ConsentWidgetAccordionItem, ConsentWidgetAccordionItems, ConsentWidgetAccordionTrigger, ConsentWidgetAccordionTriggerInner, ConsentWidgetSwitch, Switch, } from './atoms/accordion';
-export { AcceptAllButton, ConsentWidgetAcceptAllButton, ConsentWidgetCustomizeButton, ConsentWidgetRejectButton, ConsentWidgetSaveButton, CustomizeButton, RejectButton, SaveButton, } from './atoms/button';
-export { ConsentWidgetFooter, ConsentWidgetFooterSubGroup, Footer, FooterSubGroup, } from './atoms/footer';
-export { ConsentWidgetRoot, Root, } from './atoms/root';
-export { type ConsentWidgetPolicyActionRenderProps, ConsentWidgetPolicyActions, type ConsentWidgetPolicyActionsProps, PolicyActions, } from './policy-actions';
+export { Accordion, AccordionArrow, AccordionContent, AccordionItem, AccordionItems, AccordionTrigger, AccordionTriggerInner, ConsentWidgetAccordion, ConsentWidgetAccordionArrow, ConsentWidgetAccordionContent, ConsentWidgetAccordionItem, ConsentWidgetAccordionItems, ConsentWidgetAccordionTrigger, ConsentWidgetAccordionTriggerInner, ConsentWidgetSwitch, Switch, } from './atoms/accordion.js';
+export { AcceptAllButton, ConsentWidgetAcceptAllButton, ConsentWidgetCustomizeButton, ConsentWidgetRejectButton, ConsentWidgetSaveButton, CustomizeButton, RejectButton, SaveButton, } from './atoms/button.js';
+export { ConsentWidgetFooter, ConsentWidgetFooterSubGroup, Footer, FooterSubGroup, } from './atoms/footer.js';
+export { ConsentWidgetRoot, Root, } from './atoms/root.js';
+export { type ConsentWidgetPolicyActionRenderProps, ConsentWidgetPolicyActions, type ConsentWidgetPolicyActionsProps, PolicyActions, } from './policy-actions.js';
 export { ConsentWidget };

package/dist-types/components/consent-widget/policy-actions.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import { type HeadlessConsentDialogAction } from '../../hooks/use-headless-consent-ui';
-import { type PolicyActionRenderProps } from '../shared/policy-actions';
+import { type HeadlessConsentDialogAction } from '../../hooks/use-headless-consent-ui.js';
+import { type PolicyActionRenderProps } from '../shared/policy-actions.js';
 export interface ConsentWidgetPolicyActionRenderProps extends PolicyActionRenderProps<HeadlessConsentDialogAction> {
 }
 export interface ConsentWidgetPolicyActionsProps {

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { InlineLegalLinksProps } from '../shared/primitives/legal-links';
+import type { InlineLegalLinksProps } from '../shared/primitives/legal-links/index.js';
 export interface ConsentWidgetRootProps {
     children: ReactNode;
     useProvider?: boolean;

package/dist-types/components/frame/atoms.d.ts

@@ -1,6 +1,6 @@
 import type { AllConsentNames } from 'c15t';
-import { type BoxProps } from '../shared/primitives/box';
-import type { ConsentButtonProps } from '../shared/primitives/button.types';
+import { type BoxProps } from '../shared/primitives/box.js';
+import type { ConsentButtonProps } from '../shared/primitives/button.types.js';
 declare const FrameRoot: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const FrameTitle: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & {
     category?: AllConsentNames;

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

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

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

@@ -1,4 +1,4 @@
-import type { FrameCompoundComponent } from './types';
+import type { FrameCompoundComponent } from './types.js';
 /**
  * The Frame component that provides consent-gated content rendering
  *
@@ -19,6 +19,6 @@ import type { FrameCompoundComponent } from './types';
  * @see {@link AllConsentNames} for consent categories
  */
 declare const Frame: FrameCompoundComponent;
-export { FrameButton, FrameRoot, FrameTitle } from './atoms';
-export type { FrameCompoundComponent, FrameProps } from './types';
+export { FrameButton, FrameRoot, FrameTitle } from './atoms.js';
+export type { FrameCompoundComponent, FrameProps } from './types.js';
 export { Frame };

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

@@ -1,6 +1,6 @@
 import type { AllConsentNames } from 'c15t';
 import type { ComponentPropsWithRef, FC, ReactNode } from 'react';
-import type * as Atom from './atoms';
+import type * as Atom from './atoms.js';
 export interface FrameProps extends ComponentPropsWithRef<'div'> {
     /**
      * Content rendered when consent is granted. Children are not mounted until

package/dist-types/components/iab-consent-banner/iab-consent-banner.d.ts

@@ -41,10 +41,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

package/dist-types/components/iab-consent-banner/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-consent-banner';
+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-consent-banner.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/iab-consent-dialog/atoms/purpose-item.d.ts

@@ -1,7 +1,9 @@
 import { type FC } from 'react';
-import type { ProcessedPurpose, VendorId } from '../types';
-interface PurposeItemProps {
+import type { ProcessedPurpose, VendorId } from '../types.js';
+interface InteractivePurposeItemProps {
     purpose: ProcessedPurpose;
+    /** Omit or set to `false` to render a row with a consent switch. */
+    informational?: false;
     isEnabled: boolean;
     onToggle: (value: boolean) => void;
     vendorConsents: Record<string, boolean>;
@@ -17,5 +19,22 @@ interface PurposeItemProps {
     /** Handler for purpose-level legitimate interest objection toggle */
     onPurposeLegitimateInterestToggle?: (purposeId: number, value: boolean) => void;
 }
+interface InformationalPurposeItemProps {
+    purpose: ProcessedPurpose;
+    /**
+     * Renders the row without any control: name, description, examples, and
+     * a read-only list of vendor names. Used for TCF Features, which users
+     * cannot turn on or off.
+     */
+    informational: true;
+}
+type PurposeItemProps = InteractivePurposeItemProps | InformationalPurposeItemProps;
+/**
+ * A purpose row in the IAB consent dialog.
+ *
+ * @remarks
+ * By default the row has a consent switch and per-vendor controls. Pass
+ * `informational` to render a read-only row without any control.
+ */
 export declare const PurposeItem: FC<PurposeItemProps>;
 export {};

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

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { ProcessedStack, VendorId } from '../types';
+import type { ProcessedStack, VendorId } from '../types.js';
 interface StackItemProps {
     stack: ProcessedStack;
     consents: Record<number, boolean>;

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

@@ -1,6 +1,6 @@
 import type { GlobalVendorList } from 'c15t';
 import { type FC } from 'react';
-import type { ProcessedPurpose, VendorId } from '../types';
+import type { ProcessedPurpose, VendorId } from '../types.js';
 /** Custom vendor not registered with IAB */
 interface CustomVendor {
     id: string | number;

package/dist-types/components/iab-consent-dialog/hooks/use-gvl-data.d.ts

@@ -1,4 +1,4 @@
-import type { ProcessedFeature, ProcessedPurpose, ProcessedSpecialFeature, ProcessedStack } from '../types';
+import type { ProcessedFeature, ProcessedPurpose, ProcessedSpecialFeature, ProcessedStack } from '../types.js';
 /**
  * Processed GVL data for the IAB Consent Dialog.
  * @public
@@ -8,6 +8,12 @@ export interface GVLData {
     specialPurposes: ProcessedPurpose[];
     specialFeatures: ProcessedSpecialFeature[];
     features: ProcessedFeature[];
+    /**
+     * Standard text for the Features section, from the GVL's
+     * `standardTexts.features`. `null` when the GVL does not include it; fall
+     * back to the `features.description` translation in that case.
+     */
+    featuresStandardText: string | null;
     stacks: ProcessedStack[];
     standalonePurposes: ProcessedPurpose[];
     totalVendors: number;

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

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import { type ConsentDialogTriggerProps } from '../consent-dialog-trigger';
+import { type ConsentDialogTriggerProps } from '../consent-dialog-trigger/index.js';
 /**
  * Props for the IABConsentDialog component.
  * @public
@@ -57,14 +57,15 @@ 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
- * - Special purposes and features
+ * - Special purposes (locked) and special features (opt-in)
+ * - An informational Features section with the IAB standard text
  * - Legitimate interest handling
  *
  * @public