@c15t/react 2.0.0-rc.7 → 2.0.0-rc.8

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

@@ -1,6 +1,7 @@
 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';
 declare const ConsentDialogCard: import("react").ForwardRefExoticComponent<{
     /** The content to be rendered inside the consent dialog card */
@@ -57,9 +58,13 @@ declare const ConsentDialogFooter: import("react").ForwardRefExoticComponent<Box
     hideBranding?: boolean;
     'data-testid'?: string;
 } & import("react").RefAttributes<HTMLDivElement>>;
-export declare function Branding({ hideBranding }: {
+type BrandingProps = {
     hideBranding: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
+    variant?: BrandingVariant;
+    className?: string;
+    'data-testid'?: string;
+};
+export declare function Branding(props: BrandingProps): import("react/jsx-runtime").JSX.Element;
 /**
  * A pre-configured privacy settings card.
  * Combines all consent dialog components with default content for privacy customization.

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

@@ -19,7 +19,7 @@ export interface ConsentDialogRootProps extends HTMLAttributes<HTMLDialogElement
      * Which consent models this dialog responds to.
      * @default ['opt-in', 'opt-out']
      */
-    models?: import('../../../../../core/dist-types/index.d.ts').Model[];
+    models?: import('c15t').Model[];
     /**
      * When true, the component will not apply any internal styles.
      */

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

@@ -85,7 +85,7 @@ export interface ConsentDialogProps {
      * Which consent models this dialog responds to.
      * @default ['opt-in', 'opt-out']
      */
-    models?: import('../../../../core/dist-types/index.d.ts').Model[];
+    models?: import('c15t').Model[];
     /**
      * Override the UI source identifier sent with consent API calls.
      * @default 'dialog'

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

@@ -6,7 +6,7 @@ import type { TriggerIcon as TriggerIconType } from '../types';
 export interface TriggerIconProps {
     /**
      * Icon to display.
-     * - 'branding' - c15t or consent.io logo based on branding setting
+     * - 'branding' - c15t or INTH logo based on branding setting
      * - 'fingerprint' - Generic fingerprint icon
      * - 'settings' - Generic settings/gear icon
      * - ReactNode - Custom icon element

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

@@ -8,7 +8,7 @@ import type { ReactNode } from 'react';
 /**
  * Icon options for the trigger button.
  *
- * - `'branding'` - Shows c15t or consent.io logo based on branding setting
+ * - `'branding'` - Shows c15t or INTH logo based on branding setting
  * - `'fingerprint'` - Generic fingerprint/privacy icon
  * - `'settings'` - Generic settings/gear icon
  * - `ReactNode` - Custom icon element

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

@@ -12,6 +12,7 @@ import { Accordion, AccordionArrow, AccordionContent, AccordionItem, AccordionIt
 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';
 export type { ConsentWidgetProps };
 /**
@@ -35,6 +36,7 @@ export interface ConsentWidgetCompoundComponent extends FC<ConsentWidgetProps> {
     CustomizeButton: typeof CustomizeButton;
     SaveButton: typeof SaveButton;
     RejectButton: typeof RejectButton;
+    PolicyActions: typeof PolicyActions;
     Footer: typeof Footer;
     FooterSubGroup: typeof FooterSubGroup;
 }
@@ -93,4 +95,5 @@ export { Accordion, AccordionArrow, AccordionContent, AccordionItem, AccordionIt
 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 { ConsentWidget };

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

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import { type HeadlessConsentDialogAction } from '../../hooks/use-headless-consent-ui';
+import { type PolicyActionRenderProps } from '../shared/policy-actions';
+export interface ConsentWidgetPolicyActionRenderProps extends PolicyActionRenderProps<HeadlessConsentDialogAction> {
+}
+export interface ConsentWidgetPolicyActionsProps {
+    renderAction?: (action: HeadlessConsentDialogAction, props: ConsentWidgetPolicyActionRenderProps) => ReactNode;
+}
+export declare function ConsentWidgetPolicyActions({ renderAction, }: ConsentWidgetPolicyActionsProps): import("react/jsx-runtime").JSX.Element;
+declare const PolicyActions: typeof ConsentWidgetPolicyActions;
+export { PolicyActions };

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

@@ -1,4 +1,4 @@
-import type { AllConsentNames } from '../../../../core/dist-types/index.d.ts';
+import type { AllConsentNames } from 'c15t';
 import { type BoxProps } from '../shared/primitives/box';
 import type { ConsentButtonProps } from '../shared/primitives/button.types';
 declare const FrameRoot: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,4 @@
-import type { AllConsentNames } from '../../../../core/dist-types/index.d.ts';
+import type { AllConsentNames } from 'c15t';
 import type { ComponentPropsWithRef, FC, ReactNode } from 'react';
 import type * as Atom from './atoms';
 export interface FrameProps extends ComponentPropsWithRef<'div'> {

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

@@ -9,7 +9,7 @@ interface IABConsentBannerRootProps extends HTMLAttributes<HTMLDivElement> {
      * Which consent models this banner responds to.
      * @default ['iab']
      */
-    models?: import('../../../../../core/dist-types/index.d.ts').Model[];
+    models?: import('c15t').Model[];
     /**
      * Override the UI source identifier sent with consent API calls.
      * @default 'iab_banner'

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

@@ -33,7 +33,7 @@ export interface IABConsentBannerProps {
      * Which consent models this banner responds to.
      * @default ['iab']
      */
-    models?: import('../../../../core/dist-types/index.d.ts').Model[];
+    models?: import('c15t').Model[];
     /**
      * Override the UI source identifier sent with consent API calls.
      * @default 'iab_banner'

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

@@ -13,7 +13,7 @@ interface IABConsentDialogRootProps {
      * Which consent models this dialog responds to.
      * @default ['iab']
      */
-    models?: import('../../../../../core/dist-types/index.d.ts').Model[];
+    models?: import('c15t').Model[];
     /**
      * Override the UI source identifier sent with consent API calls.
      * @default 'iab_dialog'

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

@@ -1,4 +1,4 @@
-import type { GlobalVendorList } from '../../../../../core/dist-types/index.d.ts';
+import type { GlobalVendorList } from 'c15t';
 import { type FC } from 'react';
 import type { ProcessedPurpose, VendorId } from '../types';
 /** Custom vendor not registered with IAB */

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

@@ -49,7 +49,7 @@ export interface IABConsentDialogProps {
      * Which consent models this dialog responds to.
      * @default ['iab']
      */
-    models?: import('../../../../core/dist-types/index.d.ts').Model[];
+    models?: import('c15t').Model[];
     /**
      * Override the UI source identifier sent with consent API calls.
      * @default 'iab_dialog'

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

@@ -0,0 +1,29 @@
+import { type ComponentType, type ReactNode } from 'react';
+import type { HeadlessConsentSurfaceState } from '../../hooks/use-headless-consent-ui';
+import type { CSSPropertiesWithVars, CSSVariables } from '../../types/theme';
+export interface PolicyActionRenderProps<TAction extends string> {
+    key: string;
+    consentAction: TAction;
+    isPrimary: boolean;
+    style?: CSSPropertiesWithVars<CSSVariables>;
+}
+interface PolicyActionsLayoutProps {
+    children?: ReactNode;
+    className?: string;
+}
+interface PolicyActionsClassNames {
+    footerFill?: string;
+    footerColumn?: string;
+    footerSubGroupFill?: string;
+    footerSubGroupColumn?: string;
+}
+interface PolicyActionsRendererProps<TAction extends string> {
+    state: Pick<HeadlessConsentSurfaceState<TAction>, 'actionGroups' | 'primaryActions' | 'shouldFillActions' | 'direction'>;
+    Footer: ComponentType<PolicyActionsLayoutProps>;
+    FooterSubGroup: ComponentType<PolicyActionsLayoutProps>;
+    classNames: PolicyActionsClassNames;
+    renderDefaultAction: (action: TAction, props: PolicyActionRenderProps<TAction>) => ReactNode;
+    renderAction?: (action: TAction, props: PolicyActionRenderProps<TAction>) => ReactNode;
+}
+export declare function PolicyActionsRenderer<TAction extends string>({ state, Footer, FooterSubGroup, classNames, renderDefaultAction, renderAction, }: PolicyActionsRendererProps<TAction>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,4 +1,4 @@
-import type { AllConsentNames } from '../../../../../core/dist-types/index.d.ts';
+import type { AllConsentNames } from 'c15t';
 import * as Button from '../ui/button';
 import type { ConsentButtonProps } from './button.types';
 type ConsentActionThemeKey = 'accept' | 'reject' | 'customize';

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

@@ -1,4 +1,4 @@
-import type { ButtonMode } from '../../../../../ui/dist-types/styles/primitives/index.d.ts';
+import type { ButtonMode } from '@c15t/ui/styles/primitives';
 import type { ComponentRef, HTMLAttributes, MouseEvent } from 'react';
 import type { CSSVariables, ExtendThemeKeys } from '../../../types/theme';
 export type ConsentButtonElement = ComponentRef<'button'>;

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

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

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

@@ -1,5 +1,5 @@
-import { type AccordionType } from '../../../../../../ui/dist-types/primitives/accordion/index.d.ts';
-import { type AccordionSize, type AccordionVariant, type AccordionVariantsProps, accordionVariants } from '../../../../../../ui/dist-types/styles/primitives/accordion.d.ts';
+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';

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

@@ -2,4 +2,4 @@
  * Re-export accordion variant types from @c15t/ui for convenience.
  * The canonical definitions are in @c15t/ui/styles/primitives.
  */
-export type { AccordionColorCSSVariables, AccordionContentCSSVariables, AccordionCSSVariables, AccordionIconCSSVariables, AccordionItemCSSVariables, AccordionLayoutCSSVariables, AccordionRootCSSVariables, AccordionSize, AccordionTriggerCSSVariables, AccordionVariant, AccordionVariantsProps, } from '../../../../../../ui/dist-types/styles/primitives/index.d.ts';
+export type { AccordionColorCSSVariables, AccordionContentCSSVariables, AccordionCSSVariables, AccordionIconCSSVariables, AccordionItemCSSVariables, AccordionLayoutCSSVariables, AccordionRootCSSVariables, AccordionSize, AccordionTriggerCSSVariables, AccordionVariant, AccordionVariantsProps, } from '@c15t/ui/styles/primitives';

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

@@ -0,0 +1,23 @@
+import type { Branding } from 'c15t';
+import type { SVGProps } from 'react';
+export type ResolvedBranding = 'c15t' | 'inth' | 'none';
+export type BrandingVariant = 'footer' | 'dialog-tag' | 'banner-tag';
+type BrandingProps = {
+    hideBranding: boolean;
+    variant?: BrandingVariant;
+    className?: string;
+    'data-testid'?: string;
+};
+type BrandingFullLogoProps = {
+    branding: Branding | string;
+    className?: string;
+};
+type BrandingCompactLogoProps = SVGProps<SVGSVGElement> & {
+    branding: Branding | string;
+};
+export declare function resolveBranding(branding: Branding | string): ResolvedBranding;
+export declare function getBrandingHref(branding: Branding | string, refParam?: string): string;
+export declare function BrandingFullLogo({ branding, className, }: BrandingFullLogoProps): import("react/jsx-runtime").JSX.Element;
+export declare function BrandingCompactLogo({ branding, ...props }: BrandingCompactLogoProps): import("react/jsx-runtime").JSX.Element;
+export declare function BrandingLink({ hideBranding, variant, className, 'data-testid': testId, }: BrandingProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -1,4 +1,4 @@
-import { type ButtonMode, type ButtonSize, type ButtonVariant, type ButtonVariantsProps, buttonVariants } from '../../../../../../ui/dist-types/styles/primitives/button.d.ts';
+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';
 export type { ButtonMode, ButtonSize, ButtonVariant, ButtonVariantsProps };

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

@@ -13,6 +13,14 @@ export declare const C15TIconOnly: ({ title, titleId, ...props }: SVGProps<SVGSV
  * Use this for branding displays.
  */
 export declare const C15TIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & IconProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * INTH logo for partner branding displays.
+ */
+export declare const InthLogo: (props: SVGProps<SVGSVGElement> & IconProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * INTH icon-only mark for compact placements like floating triggers.
+ */
+export declare const InthIconOnly: (props: SVGProps<SVGSVGElement> & IconProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ConsentLogo: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & IconProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Consent icon only (without text).

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

@@ -1,4 +1,4 @@
-import { type PreferenceItemVariantsProps } from '../../../../../../ui/dist-types/styles/primitives/preference-item.d.ts';
+import { type PreferenceItemVariantsProps } from '@c15t/ui/styles/primitives/preference-item';
 import { type HTMLAttributes, type ReactNode } from 'react';
 export interface PreferenceItemRootProps extends HTMLAttributes<HTMLDivElement>, PreferenceItemVariantsProps {
     children: ReactNode;

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

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

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

@@ -1,4 +1,4 @@
-import { type SwitchSize, type SwitchVariantsProps, switchVariants } from '../../../../../../ui/dist-types/styles/primitives/switch.d.ts';
+import { type SwitchSize, type SwitchVariantsProps, switchVariants } from '@c15t/ui/styles/primitives/switch';
 import { type ButtonHTMLAttributes } from 'react';
 import type { AllThemeKeys, ThemeValue } from '../../../../types/theme';
 export type { SwitchSize, SwitchVariantsProps };

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

@@ -2,4 +2,4 @@
  * Re-export switch variant types from @c15t/ui for convenience.
  * The canonical definitions are in @c15t/ui/styles/primitives.
  */
-export type { SwitchCSSVariables, SwitchRootCSSVariables, SwitchSize, SwitchThumbCSSVariables, SwitchTrackCSSVariables, SwitchVariantsProps, } from '../../../../../../ui/dist-types/styles/primitives/index.d.ts';
+export type { SwitchCSSVariables, SwitchRootCSSVariables, SwitchSize, SwitchThumbCSSVariables, SwitchTrackCSSVariables, SwitchVariantsProps, } from '@c15t/ui/styles/primitives';

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

@@ -1,4 +1,4 @@
-import { type TabsVariantsProps } from '../../../../../../ui/dist-types/styles/primitives/tabs.d.ts';
+import { type TabsVariantsProps } from '@c15t/ui/styles/primitives/tabs';
 import { type HTMLAttributes, type ReactNode } from 'react';
 export interface TabsRootProps extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'>, TabsVariantsProps {
     children: ReactNode;

package/dist-types/context/consent-manager-context.d.ts

@@ -2,7 +2,7 @@
  * @packageDocumentation
  * Provides the context for sharing consent management state across components.
  */
-import type { ConsentManagerInterface, ConsentStoreState } from '../../../core/dist-types/index.d.ts';
+import type { ConsentManagerInterface, ConsentStoreState } from 'c15t';
 /**
  * The context value provided by ConsentManagerProvider.
  */

package/dist-types/headless.d.ts

@@ -1,4 +1,4 @@
-export { type ConsentManagerInterface, configureConsentManager, defaultTranslationConfig, detectBrowserLanguage, type EuropePolicyMode, mergeTranslationConfigs, type PolicyPackPresets, policyPackPresets, prepareTranslationConfig, } from '../../core/dist-types/index.d.ts';
+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';

package/dist-types/hooks/use-component-config.d.ts

@@ -1,4 +1,4 @@
-import type { UIOptions } from '../../../ui/dist-types/theme/index.d.ts';
+import type { UIOptions } from '@c15t/ui/theme';
 /**
  * Subset of UIOptions that can be overridden at the component level.
  *

package/dist-types/hooks/use-consent-manager.d.ts

@@ -2,7 +2,7 @@
  * @packageDocumentation
  * Hook for accessing and managing consent state.
  */
-import type { ConsentManagerInterface, ConsentStoreState } from '../../../core/dist-types/index.d.ts';
+import type { ConsentManagerInterface, ConsentStoreState } from 'c15t';
 /**
  * Hook for accessing and managing consent state.
  *

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

@@ -1,4 +1,4 @@
-import { type PolicyUiAction, type PolicyUiActionDirection, type PolicyUiActionGroup, type PolicyUiProfile } from '../components/shared/libs/policy-actions';
+import { type PolicyUiAction, type PolicyUiActionDirection, type PolicyUiActionGroup, type PolicyUiProfile } from '@c15t/ui/utils';
 import { useConsentManager } from './use-consent-manager';
 export type HeadlessConsentSurface = 'banner' | 'dialog';
 export type HeadlessConsentSurfaceAction = PolicyUiAction;

package/dist-types/hooks/use-ssr-status.d.ts

@@ -20,8 +20,9 @@ export interface SSRStatus {
      *
      * - `'no_data'` — no `ssrData` prop was provided to the provider
      * - `'fetch_failed'` — `ssrData` was provided but the Promise resolved with no data
+     * - `'context_mismatch'` — `ssrData` did not match the current runtime request context
      */
-    ssrSkippedReason: 'no_data' | 'fetch_failed' | null;
+    ssrSkippedReason: 'no_data' | 'fetch_failed' | 'context_mismatch' | null;
 }
 /**
  * Returns information about SSR data usage.

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

@@ -1,4 +1,4 @@
-import type { Translations } from '../../../core/dist-types/index.d.ts';
+import type { Translations } from 'c15t';
 /**
  * Hook for accessing translations in the current language.
  *

package/dist-types/index.d.ts

@@ -1,5 +1,5 @@
-export type { AllConsentNames, ConsentManagerInterface, ConsentStoreState, ConsentType, EuropePolicyMode, Overrides, PolicyPackPresets, Translations, } from '../../core/dist-types/index.d.ts';
-export { configureConsentManager, defaultTranslationConfig, detectBrowserLanguage, mergeTranslationConfigs, policyPackPresets, prepareTranslationConfig, } from '../../core/dist-types/index.d.ts';
+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';

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

@@ -1,4 +1,4 @@
-import type { SSRInitialData } from '../../../core/dist-types/index.d.ts';
+import type { SSRInitialData } from 'c15t';
 import type { FetchSSRDataOptions } from './types';
 /**
  * Fetches initial consent data on the server for SSR hydration.

package/dist-types/server/init-cache-key.d.ts

@@ -1,4 +1,4 @@
-import type { Overrides } from '../../../core/dist-types/index.d.ts';
+import type { Overrides } from 'c15t';
 /**
  * Creates a stable cache key for SSR init responses.
  *

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

@@ -1,4 +1,4 @@
-import type { Overrides, SSRInitialData } from '../../../core/dist-types/index.d.ts';
+import type { Overrides, SSRInitialData } from 'c15t';
 /**
  * Base options for SSR data fetching, shared across framework integrations.
  *

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

@@ -1,4 +1,4 @@
-import type { BaseConsentManagerOptions, UIOptions } from '../../../ui/dist-types/theme/index.d.ts';
+import type { BaseConsentManagerOptions, UIOptions } from '@c15t/ui/theme';
 import type { ReactNode } from 'react';
 /**
  * React-specific configuration options

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

@@ -1 +1 @@
-export type { AllThemeKeys } from '../../../../ui/dist-types/theme/index.d.ts';
+export type { AllThemeKeys } from '@c15t/ui/theme';

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

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

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

@@ -1,4 +1,4 @@
-import type { ClassValue } from '../../../ui/dist-types/utils/index.d.ts';
+import type { ClassValue } from '@c15t/ui/utils';
 export type { ClassValue };
 /**
  * Utilizes framework-agnostic `cn` from @c15t/ui.

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

@@ -2,7 +2,7 @@
  * Utility functions for processing the v2 theme system.
  * Handles token-to-CSS variable conversion and dark mode overrides.
  */
-import type { ThemeCSSVariables } from '../../../ui/dist-types/theme/index.d.ts';
+import type { ThemeCSSVariables } from '@c15t/ui/theme';
 import type { Theme } from '../types/theme/style-types';
 /**
  * Default design tokens for the v2 theme system.

package/dist-types/version.d.ts

@@ -1 +1 @@
-export declare const version = "2.0.0-rc.7";
+export declare const version = "2.0.0-rc.8";

package/docs/building-headless-components.md

@@ -2,18 +2,27 @@
 title: Building Headless Components
 description: Build policy-aware custom consent components in React using the headless hooks and policy-pack tooling.
 ---
-Building headless components is easier now because c15t exposes policy-aware primitives instead of forcing you to reconstruct banner rules by hand.
+Building custom consent UI is easier now because c15t exposes multiple layers of policy-aware primitives instead of forcing you to reconstruct banner rules by hand.
+
+The layering is:
+
+* stock component props for the shortest path
+* `ConsentBanner.PolicyActions` and `ConsentWidget.PolicyActions` for custom structure with policy-aware actions
+* `useHeadlessConsentUI()` for fully manual action rendering and non-standard controls
 
 > ⚠️ **Warning:**
 > Headless is the last step in the customization ladder. Use this guide only when pre-built components, tokens, slots, compound components, and noStyle are no longer sufficient.
 
-The headless stack is:
+The headless stack underneath that is:
 
 * `useHeadlessConsentUI()` for policy-aware banner/dialog actions, ordering, layout, and primary actions hints
+* `@c15t/ui/utils` for the pure policy-action helpers that framework packages build on
 * `useConsentManager()` for runtime state, categories, selected consent state, and policy metadata
 * `useTranslations()` for the resolved copy
 * `offlinePolicy.policyPacks` for offline previews that behave like backend policy resolution
 
+The split is intentional: `@c15t/ui` owns pure policy-action resolution, while the framework hooks own visibility, consent mutations, and reactive state.
+
 > ℹ️ **Info:**
 > This guide is about building your own components while still respecting resolved policy-pack behavior. For the general headless overview, see Headless Mode.
 
@@ -33,6 +42,11 @@ The main win is that your custom UI can stay aligned with policy packs without d
 
 That means your component mostly focuses on markup and design-system concerns instead of re-implementing policy interpretation.
 
+For most compound-component layouts, start with `ConsentBanner.PolicyActions` or `ConsentWidget.PolicyActions`. They render stock c15t buttons and translations by default, and `renderAction` is only needed when you want to override the action mapping. Reach for manual `actionGroups` mapping when you need action rendering that no longer fits the stock button compounds.
+
+> ℹ️ **Info:**
+> For custom layouts built from c15t compound components, prefer ConsentBanner.PolicyActions and ConsentWidget.PolicyActions. The examples below intentionally use manual actionGroups mapping to show the fully headless escape hatch.
+
 ## Provider Setup for Local Policy Testing
 
 ```tsx
@@ -168,25 +182,29 @@ export function CustomConsentDialog() {
         ))}
       </div>
 
-      <div className="mt-4 flex gap-2">
-        {dialog.orderedActions.map((action) => (
-          <button
-            key={action}
-            type="button"
-            onClick={() => {
-              if (action === 'customize') {
-                void saveCustomPreferences();
-                return;
-              }
-              void performDialogAction(action);
-            }}
-          >
-            {action === 'accept'
-              ? translations.common.acceptAll
-              : action === 'reject'
-                ? translations.common.rejectAll
-                : translations.common.save}
-          </button>
+      <div className="mt-4 space-y-2">
+        {dialog.actionGroups.map((group, index) => (
+          <div key={`${group.join('-')}-${index}`} className="flex gap-2">
+            {group.map((action) => (
+              <button
+                key={action}
+                type="button"
+                onClick={() => {
+                  if (action === 'customize') {
+                    void saveCustomPreferences();
+                    return;
+                  }
+                  void performDialogAction(action);
+                }}
+              >
+                {action === 'accept'
+                  ? translations.common.acceptAll
+                  : action === 'reject'
+                    ? translations.common.rejectAll
+                    : translations.common.save}
+              </button>
+            ))}
+          </div>
         ))}
       </div>
     </section>
@@ -199,7 +217,7 @@ export function CustomConsentDialog() {
 When you build custom banner or dialog components, make sure they use:
 
 * `activeUI` or `banner.isVisible` / `dialog.isVisible` for visibility
-* `allowedActions`, `orderedActions`, or `actionGroups` instead of hard-coding buttons
+* `allowedActions`, `actionGroups`, and `primaryActions` instead of hard-coding buttons
 * `primaryActions` for visual emphasis
 * `consentCategories` when deciding which category toggles to render
 * `policyDecision` when you want to debug why a specific UI state was chosen