@c15t/react 2.0.0-rc.1 → 2.0.0-rc.10

package/dist/utils/test-helpers.cjs

@@ -1 +1 @@
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var _ in t)__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:t[_]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{testComponentStyles:()=>testComponentStyles,default:()=>test_helpers});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),external_vitest_browser_react_namespaceObject=require("vitest-browser-react"),consent_manager_provider_cjs_namespaceObject=require("../providers/consent-manager-provider.cjs");async function testComponentStyles({component:e,testCases:t,noStyle:_=!1,theme:r}){let{container:a}=await (0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:{mode:"offline",noStyle:_,theme:r},children:e}));for(let{testId:e,styles:r}of(await new Promise(e=>setTimeout(e,50)),t)){let t=a.querySelector(`[data-testid="${e}"]`),s=document.body.querySelector(`[data-testid="${e}"]`),n=t||s;if(!n){console.warn(`Element with testId "${e}" not found in DOM`),(0,external_vitest_namespaceObject.expect)(!0).toBe(!0);continue}(0,external_vitest_namespaceObject.expect)(n).toBeTruthy(),"string"==typeof r&&r?_?(0,external_vitest_namespaceObject.expect)(n.className).toBe(r):(0,external_vitest_namespaceObject.expect)(n.className).toContain(r):"object"==typeof r&&r?.className&&(_?(0,external_vitest_namespaceObject.expect)(n.className).toBe(r.className):(0,external_vitest_namespaceObject.expect)(n.className).toContain(r.className))}}const test_helpers=testComponentStyles;for(var __rspack_i in exports.default=__webpack_exports__.default,exports.testComponentStyles=__webpack_exports__.testComponentStyles,__webpack_exports__)-1===["default","testComponentStyles"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var _ in t)__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:t[_]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{testComponentStyles:()=>testComponentStyles,default:()=>test_helpers});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),external_vitest_browser_react_namespaceObject=require("vitest-browser-react"),consent_manager_provider_cjs_namespaceObject=require("../providers/consent-manager-provider.cjs");async function testComponentStyles({component:e,testCases:t,noStyle:_=!1,theme:r}){let{container:a}=await (0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:{mode:"offline",noStyle:_,theme:r},children:e}));for(let{testId:e,styles:r}of(await new Promise(e=>setTimeout(e,50)),t)){let t=a.querySelector(`[data-testid="${e}"]`),s=document.body.querySelector(`[data-testid="${e}"]`),c=t||s;if(!c){console.warn(`Element with testId "${e}" not found in DOM`),(0,external_vitest_namespaceObject.expect)(!0).toBe(!0);continue}(0,external_vitest_namespaceObject.expect)(c).toBeTruthy(),"string"==typeof r&&r?_?(0,external_vitest_namespaceObject.expect)(c.className).toBe(r):(0,external_vitest_namespaceObject.expect)(c.className).toContain(r):"object"==typeof r&&r?.className&&(_?(0,external_vitest_namespaceObject.expect)(c.className).toBe(r.className):(0,external_vitest_namespaceObject.expect)(c.className).toContain(r.className))}}const test_helpers=testComponentStyles;for(var __rspack_i in exports.default=__webpack_exports__.default,exports.testComponentStyles=__webpack_exports__.testComponentStyles,__webpack_exports__)-1===["default","testComponentStyles"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/utils/test-helpers.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{expect as e}from"vitest";import{render as o}from"vitest-browser-react";import{ConsentManagerProvider as s}from"../providers/consent-manager-provider.js";async function a({component:a,testCases:r,noStyle:n=!1,theme:i}){let{container:m}=await o(t(s,{options:{mode:"offline",noStyle:n,theme:i},children:a}));for(let{testId:t,styles:o}of(await new Promise(t=>setTimeout(t,50)),r)){let s=m.querySelector(`[data-testid="${t}"]`),a=document.body.querySelector(`[data-testid="${t}"]`),r=s||a;if(!r){console.warn(`Element with testId "${t}" not found in DOM`),e(!0).toBe(!0);continue}e(r).toBeTruthy(),"string"==typeof o&&o?n?e(r.className).toBe(o):e(r.className).toContain(o):"object"==typeof o&&o?.className&&(n?e(r.className).toBe(o.className):e(r.className).toContain(o.className))}}let r=a;export{r as default,a as testComponentStyles};
+import{jsx as t}from"react/jsx-runtime";import{expect as e}from"vitest";import{render as o}from"vitest-browser-react";import{ConsentManagerProvider as s}from"../providers/consent-manager-provider.js";async function a({component:r,testCases:n,noStyle:i=!1,theme:m}){let{container:c}=await o(t(s,{options:{mode:"offline",noStyle:i,theme:m},children:r}));for(let{testId:t,styles:o}of(await new Promise(t=>setTimeout(t,50)),n)){let s=c.querySelector(`[data-testid="${t}"]`),a=document.body.querySelector(`[data-testid="${t}"]`),r=s||a;if(!r){console.warn(`Element with testId "${t}" not found in DOM`),e(!0).toBe(!0);continue}e(r).toBeTruthy(),"string"==typeof o&&o?i?e(r.className).toBe(o):e(r.className).toContain(o):"object"==typeof o&&o?.className&&(i?e(r.className).toBe(o.className):e(r.className).toContain(o.className))}}export default a;export{a as testComponentStyles};

package/dist/utils/theme-utils.cjs

@@ -1 +1 @@
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{generateThemeCSS:()=>generateThemeCSS,defaultTheme:()=>defaultTheme,themeToVars:()=>themeToVars});const theme_namespaceObject=require("@c15t/ui/theme"),defaultTheme=theme_namespaceObject.defaultTheme;function themeToVars(e,_=!1){return(0,theme_namespaceObject.themeToVars)(e,_)}function generateThemeCSS(e){return(0,theme_namespaceObject.generateThemeCSS)(e)}for(var __rspack_i in exports.defaultTheme=__webpack_exports__.defaultTheme,exports.generateThemeCSS=__webpack_exports__.generateThemeCSS,exports.themeToVars=__webpack_exports__.themeToVars,__webpack_exports__)-1===["defaultTheme","generateThemeCSS","themeToVars"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{generateThemeCSS:()=>generateThemeCSS,defaultTheme:()=>defaultTheme,themeToVars:()=>themeToVars});const theme_namespaceObject=require("@c15t/ui/theme"),defaultTheme=theme_namespaceObject.defaultTheme;function themeToVars(e,_=!1){return(0,theme_namespaceObject.themeToVars)(e,_)}function generateThemeCSS(e){return(0,theme_namespaceObject.generateThemeCSS)(e)}for(var __rspack_i in exports.defaultTheme=__webpack_exports__.defaultTheme,exports.generateThemeCSS=__webpack_exports__.generateThemeCSS,exports.themeToVars=__webpack_exports__.themeToVars,__webpack_exports__)-1===["defaultTheme","generateThemeCSS","themeToVars"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/version.cjs

@@ -1 +1 @@
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{version:()=>version});const version="2.0.0-rc.1";for(var __rspack_i in exports.version=__webpack_exports__.version,__webpack_exports__)-1===["version"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{version:()=>version});const version="2.0.0-rc.10";for(var __rspack_i in exports.version=__webpack_exports__.version,__webpack_exports__)-1===["version"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/version.js

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

package/{dist → dist-types}/components/consent-banner/atoms/overlay.d.ts

@@ -42,5 +42,4 @@ interface OverlayProps extends HTMLAttributes<HTMLDivElement> {
  */
 declare const ConsentBannerOverlay: import("react").ForwardRefExoticComponent<OverlayProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const Overlay: import("react").ForwardRefExoticComponent<OverlayProps & import("react").RefAttributes<HTMLDivElement>>;
-export { Overlay, ConsentBannerOverlay };
-//# sourceMappingURL=overlay.d.ts.map
+export { ConsentBannerOverlay, Overlay };

package/{dist → dist-types}/components/consent-banner/atoms/root.d.ts

@@ -67,30 +67,60 @@ interface ConsentBannerRootProps extends HTMLAttributes<HTMLDivElement> {
  * Basic usage:
  * ```tsx
  * <ConsentBanner.Root>
- *   <ConsentBanner.Content>
- *     {Banner content}
- *   </ConsentBanner.Content>
+ *   <ConsentBanner.Card>
+ *     <ConsentBanner.Header>
+ *       <ConsentBanner.Title />
+ *       <ConsentBanner.Description />
+ *     </ConsentBanner.Header>
+ *     <ConsentBanner.Footer>
+ *       <ConsentBanner.CustomizeButton />
+ *       <ConsentBanner.FooterSubGroup>
+ *         <ConsentBanner.RejectButton />
+ *         <ConsentBanner.AcceptButton />
+ *       </ConsentBanner.FooterSubGroup>
+ *     </ConsentBanner.Footer>
+ *   </ConsentBanner.Card>
  * </ConsentBanner.Root>
  * ```
  *
  * @example
- * With custom styling:
+ * Preferred styling with provider theme tokens and slots:
  * ```tsx
- * <ConsentBanner.Root
- *   styles={{
- *     root: "fixed bottom-0 w-full bg-white ",
- *     content: "max-w-4xl mx-auto p-4",
- *     title: "text-xl font-bold",
- *     description: "mt-2 text-gray-600"
+ * <ConsentManagerProvider
+ *   options={{
+ *     theme: {
+ *       colors: {
+ *         surface: '#fffdf8',
+ *         surfaceHover: '#f6f3ee',
+ *       },
+ *       slots: {
+ *         consentBannerCard: 'rounded-3xl shadow-xl',
+ *         consentBannerFooter: 'border-t border-black/10 px-6',
+ *         consentBannerTitle: 'tracking-tight',
+ *       },
+ *     },
  *   }}
  * >
- *   { Banner content}
- * </ConsentBanner.Root>
+ *   <ConsentBanner.Root>
+ *     <ConsentBanner.Card>
+ *       <ConsentBanner.Header>
+ *         <ConsentBanner.Title />
+ *         <ConsentBanner.Description />
+ *       </ConsentBanner.Header>
+ *       <ConsentBanner.Footer>
+ *         <ConsentBanner.CustomizeButton />
+ *         <ConsentBanner.FooterSubGroup>
+ *           <ConsentBanner.RejectButton />
+ *           <ConsentBanner.AcceptButton />
+ *         </ConsentBanner.FooterSubGroup>
+ *       </ConsentBanner.Footer>
+ *     </ConsentBanner.Card>
+ *   </ConsentBanner.Root>
+ * </ConsentManagerProvider>
  * ```
  *
  * @public
  */
 declare const ConsentBannerRoot: FC<ConsentBannerRootProps>;
 declare const Root: FC<ConsentBannerRootProps>;
-export { Root, ConsentBannerRoot };
-//# sourceMappingURL=root.d.ts.map
+export { ConsentBannerRoot, Root };

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

@@ -5,7 +5,7 @@
  */
 import { type BoxProps } from '../shared/primitives/box';
 import type { ConsentButtonProps } from '../shared/primitives/button.types';
-import type { LegalLinksProps } from '../shared/primitives/legal-links';
+import type { InlineLegalLinksProps } from '../shared/primitives/legal-links';
 /**
  * Title component for the consent banner.
  *
@@ -37,7 +37,7 @@ declare const ConsentBannerTitle: import("react").ForwardRefExoticComponent<Omit
  * ```
  */
 declare const ConsentBannerDescription: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & {
-    legalLinks?: LegalLinksProps["links"];
+    legalLinks?: InlineLegalLinksProps["links"];
 } & import("react").RefAttributes<HTMLDivElement>>;
 /**
  * Footer component for the consent banner.
@@ -129,7 +129,7 @@ declare const ConsentBannerCustomizeButton: import("react").ForwardRefExoticComp
 declare const ConsentBannerAcceptButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 declare const Title: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const Description: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & {
-    legalLinks?: LegalLinksProps["links"];
+    legalLinks?: InlineLegalLinksProps["links"];
 } & import("react").RefAttributes<HTMLDivElement>>;
 declare const Footer: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const FooterSubGroup: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -138,5 +138,4 @@ declare const Header: import("react").ForwardRefExoticComponent<Omit<BoxProps, "
 declare const RejectButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 declare const CustomizeButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 declare const AcceptButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export { ConsentBannerTitle, ConsentBannerDescription, ConsentBannerFooter, ConsentBannerFooterSubGroup, ConsentBannerCard, ConsentBannerHeader, ConsentBannerRejectButton, ConsentBannerCustomizeButton, ConsentBannerAcceptButton, Title, Description, Footer, FooterSubGroup, Card, Header, RejectButton, CustomizeButton, AcceptButton, };
-//# sourceMappingURL=components.d.ts.map
+export { AcceptButton, Card, ConsentBannerAcceptButton, ConsentBannerCard, ConsentBannerCustomizeButton, ConsentBannerDescription, ConsentBannerFooter, ConsentBannerFooterSubGroup, ConsentBannerHeader, ConsentBannerRejectButton, ConsentBannerTitle, CustomizeButton, Description, Footer, FooterSubGroup, Header, RejectButton, Title, };

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

@@ -1,10 +1,6 @@
-/**
- * @packageDocumentation
- * Provides the main consent banner component for privacy consent management.
- * Implements an accessible, customizable banner following GDPR requirements.
- */
+import { type PolicyUiActionDirection } from '@c15t/ui/utils';
 import { type FC, type ReactNode } from 'react';
-import type { LegalLinksProps } from '../shared/primitives/legal-links';
+import type { InlineLegalLinksProps } from '../shared/primitives/legal-links';
 /**
  * Identifiers for the available buttons in the consent banner.
  * @public
@@ -104,7 +100,12 @@ export interface ConsentBannerProps {
      * @remarks
      * You must set the legal links in the ConsentManagerProvider options.
      */
-    legalLinks?: LegalLinksProps['links'];
+    legalLinks?: InlineLegalLinksProps['links'];
+    /**
+     * When true, hides the branding tag on the banner.
+     * @default false
+     */
+    hideBranding?: boolean;
     /**
      * Defines the layout of buttons in the footer.
      * Allows reordering and grouping of buttons.
@@ -112,6 +113,12 @@ export interface ConsentBannerProps {
      * @defaultValue [['reject', 'accept'], 'customize']
      */
     layout?: ConsentBannerLayout;
+    /**
+     * Defines how footer button groups flow.
+     *
+     * @defaultValue 'row'
+     */
+    direction?: PolicyUiActionDirection;
     /**
      * Specifies which button(s) should be highlighted as the primary action.
      *
@@ -140,4 +147,3 @@ export declare const ConsentBanner: FC<ConsentBannerProps>;
  *
  * @public
  */
-//# sourceMappingURL=consent-banner.d.ts.mapr.d.ts.map

package/{dist → dist-types}/components/consent-banner/error-boundary.d.ts

@@ -53,4 +53,3 @@ export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBo
     render(): ReactNode;
 }
 export {};
-//# sourceMappingURL=error-boundary.d.ts.map

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

@@ -12,6 +12,7 @@ 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';
 /**
  * This interface extends the base ConsentBanner component with additional sub-components
  * that can be used to compose the banner's structure.
@@ -22,6 +23,7 @@ export interface ConsentBannerCompoundComponent extends FC<ConsentBannerProps> {
     Header: typeof Header;
     Title: typeof Title;
     Description: typeof Description;
+    PolicyActions: typeof PolicyActions;
     Footer: typeof Footer;
     FooterSubGroup: typeof FooterSubGroup;
     RejectButton: typeof RejectButton;
@@ -34,8 +36,9 @@ export interface ConsentBannerCompoundComponent extends FC<ConsentBannerProps> {
  *
  * @remarks
  * This component serves as the main entry point for rendering a consent banner.
- * It provides a structured layout with customizable title, description, and action buttons
- * for accepting, rejecting, or customizing consent preferences.
+ * Start with the pre-built component and its existing configuration surface.
+ * For most customization, use `ConsentManagerProvider` options, theme tokens,
+ * slots, and `theme.consentActions` before reaching for compound composition.
  *
  * Key features:
  * - Fully accessible by default
@@ -43,7 +46,7 @@ export interface ConsentBannerCompoundComponent extends FC<ConsentBannerProps> {
  * - Customizable appearance
  * - Responsive design
  * - Error boundary protection
- * - Compound component pattern support
+ * - Advanced compound component support when markup must change
  *
  * @example
  * Simple usage with default settings:
@@ -52,42 +55,61 @@ export interface ConsentBannerCompoundComponent extends FC<ConsentBannerProps> {
  * ```
  *
  * @example
- * Customized usage with all props:
+ * Preferred customization via provider `i18n`, theme tokens, and slots:
  * ```tsx
- * <ConsentBanner
- *   title="Cookie Settings"
- *   description="We use cookies to enhance your browsing experience"
- *   rejectButtonText="Decline"
- *   customizeButtonText="Preferences"
- *   acceptButtonText="Allow All"
- * />
+ * <ConsentManagerProvider
+ *   options={{
+ *     i18n: {
+ *       locale: 'en',
+ *       messages: {
+ *         en: {
+ *           cookieBanner: { title: 'Privacy choices' },
+ *         },
+ *       },
+ *     },
+ *     theme: {
+ *       colors: {
+ *         surface: '#fffdf8',
+ *         surfaceHover: '#f6f3ee',
+ *       },
+ *       slots: {
+ *         consentBannerCard: 'rounded-3xl',
+ *         consentBannerFooter: 'border-t border-black/10',
+ *       },
+ *     },
+ *   }}
+ * >
+ *   <ConsentBanner primaryButton="accept" />
+ * </ConsentManagerProvider>
  * ```
  *
  * @example
+ * Advanced custom markup with compound components:
  * ```tsx
  * <ConsentBanner.Root>
- *   <ConsentBanner.Content>
- *     <ConsentBanner.Title>Cookie Settings</ConsentBanner.Title>
- *     <ConsentBanner.Description>
- *       Choose your cookie preferences
- *     </ConsentBanner.Description>
- *     <ConsentBanner.Actions>
- *       <ConsentBanner.RejectButton>Decline</ConsentBanner.RejectButton>
- *       <ConsentBanner.CustomizeButton>Customize</ConsentBanner.CustomizeButton>
- *       <ConsentBanner.AcceptButton>Accept</ConsentBanner.AcceptButton>
- *     </ConsentBanner.Actions>
- *   </ConsentBanner.Content>
+ *   <ConsentBanner.Card>
+ *     <ConsentBanner.Header>
+ *       <ConsentBanner.Title />
+ *       <ConsentBanner.Description />
+ *     </ConsentBanner.Header>
+ *     <ConsentBanner.Footer>
+ *       <ConsentBanner.CustomizeButton />
+ *       <ConsentBanner.FooterSubGroup>
+ *         <ConsentBanner.RejectButton />
+ *         <ConsentBanner.AcceptButton />
+ *       </ConsentBanner.FooterSubGroup>
+ *     </ConsentBanner.Footer>
+ *   </ConsentBanner.Card>
  * </ConsentBanner.Root>
  * ```
- * Note: Next.js Server Components do not support compound components. Ensure you add 'use client' to the file.
- * Using compound components for custom layout:
+ * Note: Next.js Server Components do not support compound components. Ensure you add `'use client'` to the file.
  *
  * @public
  */
 declare const ConsentBanner: ConsentBannerCompoundComponent;
 export default ConsentBanner;
-export { ConsentBanner, type ConsentBannerButton, type ConsentBannerLayout, type ConsentBannerProps, };
 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';
-//# sourceMappingURL=index.d.ts.map
+export { type ConsentBannerPolicyActionRenderProps, ConsentBannerPolicyActions, type ConsentBannerPolicyActionsProps, PolicyActions, } from './policy-actions';
+export { ConsentBanner, type ConsentBannerButton, type ConsentBannerLayout, type ConsentBannerProps, };

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

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

package/{dist → 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 { LegalLinksProps } from '../../shared/primitives/legal-links';
+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 */
@@ -37,7 +38,7 @@ declare const ConsentDialogHeaderTitle: import("react").ForwardRefExoticComponen
  * - Can include legal links inline with the description
  */
 declare const ConsentDialogHeaderDescription: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & {
-    legalLinks?: LegalLinksProps["links"];
+    legalLinks?: InlineLegalLinksProps["links"];
 } & import("react").RefAttributes<HTMLDivElement>>;
 /**
  * The main content area of the consent dialog.
@@ -57,9 +58,14 @@ 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;
+    themeKey?: import('../../shared/ui/branding').BrandingThemeKey;
+    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.
@@ -85,7 +91,7 @@ export declare function Branding({ hideBranding }: {
  */
 declare const ConsentCustomizationCard: ({ noStyle, legalLinks, hideBranding, }: {
     noStyle?: boolean;
-    legalLinks?: LegalLinksProps["links"];
+    legalLinks?: InlineLegalLinksProps["links"];
     hideBranding?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 declare const Card: import("react").ForwardRefExoticComponent<{
@@ -95,12 +101,12 @@ declare const Card: import("react").ForwardRefExoticComponent<{
 declare const Header: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const HeaderTitle: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const HeaderDescription: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & {
-    legalLinks?: LegalLinksProps["links"];
+    legalLinks?: InlineLegalLinksProps["links"];
 } & import("react").RefAttributes<HTMLDivElement>>;
 declare const Content: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const Footer: import("react").ForwardRefExoticComponent<BoxProps & {
     hideBranding?: boolean;
     'data-testid'?: string;
 } & import("react").RefAttributes<HTMLDivElement>>;
-export { Card, Header, HeaderTitle, HeaderDescription, Content, Footer, ConsentCustomizationCard, ConsentDialogFooter, ConsentDialogHeader, ConsentDialogHeaderTitle, ConsentDialogHeaderDescription, ConsentDialogContent, ConsentDialogCard, };
-//# sourceMappingURL=card.d.ts.map
+export { Card, ConsentCustomizationCard, ConsentDialogCard, ConsentDialogContent, ConsentDialogFooter, ConsentDialogHeader, ConsentDialogHeaderDescription, ConsentDialogHeaderTitle, Content, Footer, Header, HeaderDescription, HeaderTitle, };
+ion, HeaderTitle, };

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

@@ -46,5 +46,4 @@ export type OverlayProps = PropsWithChildren<{
 }>;
 declare const ConsentDialogOverlay: FC<OverlayProps>;
 declare const Overlay: FC<OverlayProps>;
-export { Overlay, ConsentDialogOverlay };
-//# sourceMappingURL=overlay.d.ts.map
+export { ConsentDialogOverlay, Overlay };

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

@@ -64,5 +64,4 @@ export interface ConsentDialogRootProps extends HTMLAttributes<HTMLDialogElement
  */
 declare const ConsentDialogRoot: FC<ConsentDialogRootProps>;
 declare const Root: FC<ConsentDialogRootProps>;
-export { Root, ConsentDialogRoot };
-//# sourceMappingURL=root.d.ts.map
+export { ConsentDialogRoot, Root };

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

@@ -8,7 +8,7 @@
  */
 import type { FC } from 'react';
 import { type ConsentDialogTriggerProps } from '../consent-dialog-trigger';
-import type { LegalLinksProps } from '../shared/primitives/legal-links';
+import type { InlineLegalLinksProps } from '../shared/primitives/legal-links';
 /**
  * Props for the `<ConsentDialog />` convenience component.
  */
@@ -63,7 +63,7 @@ export interface ConsentDialogProps {
      * @remarks
      * You must set the legal links in the ConsentManagerProvider options.
      */
-    legalLinks?: LegalLinksProps['links'];
+    legalLinks?: InlineLegalLinksProps['links'];
     /**
      * Controls whether to hide the branding in the dialog footer.
      *
@@ -93,4 +93,3 @@ export interface ConsentDialogProps {
     uiSource?: string;
 }
 export declare const ConsentDialog: FC<ConsentDialogProps>;
-//# sourceMappingURL=consent-dialog.d.ts.map

package/{dist → dist-types}/components/consent-dialog/index.d.ts

@@ -42,37 +42,58 @@ export interface ConsentDialogCompoundComponent extends FC<ConsentDialogProps> {
  * - Provides an accessible modal interface for consent customization
  * - Implements smooth enter/exit animations
  * - Manages proper focus handling
- * - Supports theme customization
+ * - Supports theme customization through provider tokens and slots
  * - Handles client-side portal rendering
+ * - Exposes compound primitives for advanced markup changes
  *
  * @example
+ * Basic usage:
  * ```tsx
- * <ConsentDialog
- *   theme={customTheme}
- *   disableAnimation={false}
- *   noStyle={false}
- * />
+ * <ConsentDialog />
  * ```
  *
  * @example
+ * Preferred customization with stock structure:
+ * ```tsx
+ * <ConsentManagerProvider
+ *   options={{
+ *     theme: {
+ *       slots: {
+ *         consentDialogCard: 'rounded-3xl shadow-xl',
+ *         consentWidgetFooter: 'gap-3 pt-6',
+ *         consentDialogTag: 'shadow-none',
+ *       },
+ *     },
+ *   }}
+ * >
+ *   <ConsentDialog hideBranding showTrigger />
+ * </ConsentManagerProvider>
+ * ```
+ *
+ * @example
+ * Advanced custom markup with compound components:
  * ```tsx
  * <ConsentDialog.Root>
  *   <ConsentDialog.Card>
  *     <ConsentDialog.Header>
- *       <ConsentDialog.HeaderTitle>Consent Manager</ConsentDialog.HeaderTitle>
+ *       <ConsentDialog.HeaderTitle />
+ *       <ConsentDialog.HeaderDescription />
  *     </ConsentDialog.Header>
+ *     <ConsentDialog.Content>
+ *       <ConsentWidget />
+ *     </ConsentDialog.Content>
+ *     <ConsentDialog.Footer />
  *   </ConsentDialog.Card>
  * </ConsentDialog.Root>
  * ```
  *
- * Note: Next.js Server Components do not support compound components. Ensure you add 'use client' to the file.
+ * Note: Next.js Server Components do not support compound components. Ensure you add `'use client'` to the file.
  *
  * @public
  */
 declare const ConsentDialog: ConsentDialogCompoundComponent;
 export default ConsentDialog;
-export { 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';
-//# sourceMappingURL=index.d.ts.map
+export { ConsentDialog };

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

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

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

@@ -37,4 +37,3 @@ export interface TriggerButtonProps {
  * ```
  */
 export declare const TriggerButton: import("react").ForwardRefExoticComponent<TriggerButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=button.d.ts.map

package/{dist → 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
@@ -43,4 +43,3 @@ export declare function TriggerIcon({ icon, className, noStyle, }: TriggerIconPr
 export declare namespace TriggerIcon {
     var displayName: string;
 }
-//# sourceMappingURL=icon.d.ts.map

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

@@ -82,4 +82,3 @@ export declare namespace TriggerRoot {
     var displayName: string;
 }
 export { TriggerContext };
-//# sourceMappingURL=root.d.ts.map

package/{dist → dist-types}/components/consent-dialog-trigger/atoms/text.d.ts

@@ -29,4 +29,3 @@ export declare function TriggerText({ children, className, noStyle, }: TriggerTe
 export declare namespace TriggerText {
     var displayName: string;
 }
-//# sourceMappingURL=text.d.ts.map

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

@@ -48,6 +48,5 @@ export interface ConsentDialogTriggerCompound extends FC<ConsentDialogTriggerPro
  * ```
  */
 export declare const ConsentDialogTrigger: ConsentDialogTriggerCompound;
-export { TriggerRoot, TriggerButton, TriggerIcon, TriggerText, useTriggerContext, };
-export type { TriggerRootProps, TriggerButtonProps, TriggerIconProps, TriggerTextProps, };
-//# sourceMappingURL=consent-dialog-trigger.d.ts.map
+export type { TriggerButtonProps, TriggerIconProps, TriggerRootProps, TriggerTextProps, };
+export { TriggerButton, TriggerIcon, TriggerRoot, TriggerText, useTriggerContext, };

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

@@ -6,4 +6,3 @@
 export { ConsentDialogTrigger, type ConsentDialogTriggerCompound, TriggerButton, type TriggerButtonProps, TriggerIcon, type TriggerIconProps, TriggerRoot, type TriggerRootProps, TriggerText, type TriggerTextProps, useTriggerContext, } from './consent-dialog-trigger';
 export type { ConsentDialogTriggerProps, CornerPosition, TriggerIcon as TriggerIconType, TriggerSize, TriggerVisibility, } from './types';
 export { type UseDraggableOptions, type UseDraggableReturn, useDraggable, } from './use-draggable';
-//# sourceMappingURL=index.d.ts.map

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

@@ -3,12 +3,12 @@
  *
  * @packageDocumentation
  */
-import type { CornerPosition } from '@c15t/ui/utils';
+import type { CornerPosition } from '@c15t/ui/utils/trigger-utils';
 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
@@ -90,4 +90,3 @@ export interface ConsentDialogTriggerProps {
  * Re-export CornerPosition for convenience.
  */
 export type { CornerPosition };
-//# sourceMappingURL=types.d.ts.map

package/{dist → dist-types}/components/consent-dialog-trigger/use-draggable.d.ts

@@ -5,7 +5,7 @@
  *
  * @packageDocumentation
  */
-import { type CornerPosition } from '@c15t/ui/utils';
+import { type CornerPosition } from '@c15t/ui/utils/trigger-utils';
 /**
  * Options for the useDraggable hook.
  */
@@ -74,4 +74,3 @@ export interface UseDraggableReturn {
  * ```
  */
 export declare function useDraggable(options?: UseDraggableOptions): UseDraggableReturn;
-//# sourceMappingURL=use-draggable.d.ts.map

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

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+import type { ConsentButtonProps } from '../shared/primitives/button.types';
+/**
+ * Inline trigger for opening the consent dialog from places like site footers.
+ *
+ * @remarks
+ * Renders an unstyled button by default so site styles can define the visual appearance.
+ */
+export interface ConsentDialogLinkProps extends Omit<ConsentButtonProps, 'children'> {
+    /**
+     * Custom trigger content, for example "Your privacy settings" or "Manage preferences".
+     */
+    children: ReactNode;
+}
+export declare const ConsentDialogLink: import("react").ForwardRefExoticComponent<ConsentDialogLinkProps & import("react").RefAttributes<HTMLButtonElement>>;

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

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