@c15t/react 2.2.1 → 3.0.0-alpha.1

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

@@ -1,41 +1,7 @@
-import type { AllConsentNames } from 'c15t';
-import { useTheme } from '../../../hooks/use-theme';
-import * as Button from '../ui/button';
+import type { AllConsentNames } from '@c15t/core';
 import type { ButtonVariantsProps } from '../ui/button/button';
 import type { ConsentButtonProps } from './button.types';
-type ConsentActionThemeKey = 'accept' | 'reject' | 'customize';
-/**
- * Resolves the final variant and mode for a consent button.
- *
- * @param params.consentAction Semantic consent action key.
- * @param params.isPrimary Whether the action is primary in the current UI.
- * @param params.theme Active theme containing `consentActions` overrides.
- * @param params.variant Explicit `ButtonVariantsProps['variant']` override.
- * @param params.mode Explicit `ButtonVariantsProps['mode']` override.
- * @returns The resolved `{ variant, mode }` pair for the button.
- *
- * @remarks
- * Resolution order:
- * 1. Explicit `variant` / `mode` props
- * 2. `theme.consentActions[consentAction]`
- * 3. `theme.consentActions.primary` (when the policy marks the action primary)
- * 4. `theme.consentActions.default`
- * 5. `params.fallback`, or the hardcoded fallback based on `isPrimary`
- */
-export declare function resolveConsentButtonStyle(params: {
-    consentAction?: ConsentActionThemeKey;
-    isPrimary?: boolean;
-    theme?: ReturnType<typeof useTheme>['theme'];
-    variant?: ButtonVariantsProps['variant'];
-    mode?: ButtonVariantsProps['mode'];
-    fallback?: {
-        variant: NonNullable<ButtonVariantsProps['variant']>;
-        mode: NonNullable<ButtonVariantsProps['mode']>;
-    };
-}): {
-    variant: Button.ButtonVariant;
-    mode: Button.ButtonMode;
-};
+type ConsentActionThemeKey = 'accept' | 'reject' | 'customize' | 'dismiss' | 'save';
 /**
  * Button component that allows users to reject non-essential cookies.
  *
@@ -54,9 +20,10 @@ export declare function resolveConsentButtonStyle(params: {
 export declare const ConsentButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & ButtonVariantsProps & {
     consentAction?: ConsentActionThemeKey;
     isPrimary?: boolean;
-    action: 'accept-consent' | 'reject-consent' | 'custom-consent' | 'open-consent-dialog' | 'set-consent';
+    action: 'accept-consent' | 'reject-consent' | 'custom-consent' | 'open-consent-dialog' | 'set-consent' | 'dismiss-notice';
     category?: AllConsentNames;
     closeConsentDialog?: boolean;
     closeConsentBanner?: boolean;
+    performDefaultAction?: boolean;
 } & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

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

@@ -1,3 +1,4 @@
+import type { ConsentComponentSlotKey } from '@c15t/schema/config';
 import type { ButtonMode } from '@c15t/ui/styles/primitives';
 import type { ComponentRef, HTMLAttributes, MouseEvent } from 'react';
 import type { CSSVariables, ExtendThemeKeys } from '../../../types/theme';
@@ -8,6 +9,7 @@ export type ConsentButtonElement = ComponentRef<'button'>;
  * @public
  */
 export interface ConsentButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'style'>, ExtendThemeKeys<CSSVariables> {
+    slotKey?: ConsentComponentSlotKey;
     /**
      * @remarks
      * When true, the button will not apply any styles.
@@ -40,7 +42,7 @@ export interface ConsentButtonProps extends Omit<HTMLAttributes<HTMLButtonElemen
      * @remarks
      * Semantic consent action type for theme-based button styling.
      */
-    consentAction?: 'accept' | 'reject' | 'customize';
+    consentAction?: 'accept' | 'reject' | 'customize' | 'dismiss' | 'save';
     /**
      * @remarks
      * Whether this button is the primary action for the current surface.

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

@@ -1,12 +1,11 @@
-import type { LegalLinks as LegalLinksType } from 'c15t';
-import type { AllThemeKeys } from '../../../../types/theme/style-keys';
+import type { LegalLinks as LegalLinksType } from '@c15t/core';
 /**
  * Hook to filter legal links based on the provided links prop.
  *
  * @param links - Controls which legal links to display
  * @returns Filtered legal links object or null
  */
-export declare function useFilteredLegalLinks(links?: (keyof LegalLinksType)[] | null): LegalLinksType | null;
+export declare const useFilteredLegalLinks: (links?: (keyof LegalLinksType)[] | null) => LegalLinksType | null;
 /**
  * Props for the InlineLegalLinks component.
  */
@@ -19,10 +18,7 @@ export interface InlineLegalLinksProps {
      * - Array of keys: Shows only the specified legal links
      */
     links?: (keyof LegalLinksType)[] | null;
-    /**
-     * Theme key for styling the links. Must be one of the valid legal-links parent keys.
-     */
-    themeKey: LegalLinksThemeKey;
+    context: LegalLinksContext;
     /**
      * Optional test ID prefix for the links.
      * Links will have test IDs like `${testIdPrefix}-${type}`
@@ -37,14 +33,14 @@ export interface InlineLegalLinksProps {
  * ```tsx
  * <InlineLegalLinks
  *   links={['privacyPolicy', 'cookiePolicy']}
- *   themeKey="dialog.legal-links"
+ *   context="dialog"
  *   testIdPrefix="consent-manager-dialog-legal-link"
  * />
  * ```
  */
-export declare function InlineLegalLinks({ links, themeKey, testIdPrefix, }: InlineLegalLinksProps): import("react").JSX.Element | null;
+export declare const InlineLegalLinks: ({ links, context, testIdPrefix, }: InlineLegalLinksProps) => import("react").JSX.Element | null;
 /**
- * Valid theme key prefixes for the LegalLinks component.
+ * Valid link slot contexts for inline legal links.
  */
-type LegalLinksThemeKey = AllThemeKeys;
+type LegalLinksContext = 'banner' | 'dialog' | 'manager';
 export {};

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

@@ -1,11 +1,45 @@
-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 { AccordionType } from '@c15t/ui/primitives/accordion';
+import type { ButtonHTMLAttributes, ElementType, HTMLAttributes } from 'react';
 import type { PolymorphicComponentProps } from '../../libs/polymorphic';
 import type { ThemeValue } from '../../../../types/theme';
-export type { AccordionSize, AccordionVariant, AccordionVariantsProps };
-export { accordionVariants };
-export type AccordionStylesKeys = {
+export type AccordionVariant = 'default' | 'bordered';
+export type AccordionSize = 'medium' | 'small';
+export interface AccordionVariantsProps {
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+}
+export declare const accordionVariants: () => {
+    arrowClose: (options?: {
+        class?: string;
+    }) => string;
+    arrowOpen: (options?: {
+        class?: string;
+    }) => string;
+    content: (options?: {
+        class?: string;
+    }) => string;
+    contentInner: (options?: {
+        class?: string;
+    }) => string;
+    contentViewport: (options?: {
+        class?: string;
+    }) => string;
+    icon: (options?: {
+        class?: string;
+    }) => string;
+    item: (options?: {
+        class?: string;
+    }) => string;
+    root: (options?: {
+        class?: string;
+    }) => string;
+    trigger: (options?: {
+        class?: string;
+    }) => string;
+};
+declare const ACCORDION_ICON_NAME = "AccordionIcon";
+declare const ACCORDION_ARROW_NAME = "AccordionArrow";
+export interface AccordionStylesKeys {
     'accordion.root'?: ThemeValue;
     'accordion.item': ThemeValue;
     'accordion.trigger': ThemeValue;
@@ -14,7 +48,7 @@ export type AccordionStylesKeys = {
     'accordion.arrow.close': ThemeValue;
     'accordion.content': ThemeValue;
     'accordion.content-inner': ThemeValue;
-};
+}
 export type AccordionRootProps = HTMLAttributes<HTMLDivElement> & AccordionVariantsProps & {
     collapsible?: boolean;
     defaultValue?: string | string[];
@@ -37,8 +71,7 @@ export interface AccordionItemProps extends HTMLAttributes<HTMLDivElement> {
     value: string;
 }
 declare const AccordionItem: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>;
-export interface AccordionHeaderProps extends HTMLAttributes<HTMLDivElement> {
-}
+export type AccordionHeaderProps = HTMLAttributes<HTMLDivElement>;
 declare const AccordionHeader: import("react").ForwardRefExoticComponent<AccordionHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
 export interface AccordionTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     noStyle?: boolean;
@@ -49,7 +82,7 @@ export interface AccordionIconBaseProps extends Record<string, unknown> {
 }
 declare function AccordionIcon<T extends ElementType>({ className, noStyle, as, ...rest }: PolymorphicComponentProps<T, AccordionIconBaseProps>): import("react").JSX.Element;
 declare namespace AccordionIcon {
-    var displayName: string;
+    export { ACCORDION_ICON_NAME as displayName };
 }
 type AccordionArrowProps = HTMLAttributes<HTMLDivElement> & {
     closeIcon?: {
@@ -62,9 +95,9 @@ type AccordionArrowProps = HTMLAttributes<HTMLDivElement> & {
         className?: string;
     };
 };
-declare function AccordionArrow({ closeIcon, className, noStyle, openIcon, ...rest }: AccordionArrowProps): import("react").JSX.Element;
+declare function AccordionArrow({ children, closeIcon, className, noStyle, openIcon, ...rest }: AccordionArrowProps): import("react").JSX.Element;
 declare namespace AccordionArrow {
-    var displayName: string;
+    export { ACCORDION_ARROW_NAME as displayName };
 }
 export interface AccordionContentProps extends HTMLAttributes<HTMLElement> {
     innerClassName?: string;

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 '@c15t/ui/styles/primitives';
+export type { AccordionColorCSSVariables, AccordionContentCSSVariables, AccordionCSSVariables, AccordionIconCSSVariables, AccordionItemCSSVariables, AccordionLayoutCSSVariables, AccordionRootCSSVariables, AccordionTriggerCSSVariables, } from '@c15t/ui/styles/primitives';

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

@@ -1,4 +1,4 @@
-import { type FC, type ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 /**
  * Props for the AnimatedCollapse component.
  * @public

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

@@ -1,27 +1,27 @@
-import type { Branding } from 'c15t';
+import type { Branding } from '@c15t/core';
 import type { SVGProps } from 'react';
 import type { CSSPropertiesWithVars } from '../../../types/theme';
 export type ResolvedBranding = 'c15t' | 'inth' | 'none';
 export type BrandingVariant = 'footer' | 'dialog-tag' | 'banner-tag';
-export type BrandingThemeKey = 'consentBannerTag' | 'consentDialogTag' | 'consentWidgetTag' | 'iabConsentBannerTag' | 'iabConsentDialogTag';
-type BrandingProps = {
+export type BrandingSlotContext = 'banner' | 'dialog' | 'manager' | 'iab-banner' | 'iab-dialog';
+interface BrandingProps {
     hideBranding: boolean;
     variant?: BrandingVariant;
-    themeKey?: BrandingThemeKey;
+    slotContext?: BrandingSlotContext;
     className?: string;
     style?: CSSPropertiesWithVars;
     'data-testid'?: string;
-};
-type BrandingFullLogoProps = {
+}
+interface 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.Element;
-export declare function BrandingCompactLogo({ branding, ...props }: BrandingCompactLogoProps): import("react").JSX.Element;
-export declare function BrandingLink({ hideBranding, variant, themeKey, className, style, 'data-testid': testId, }: BrandingProps): import("react").JSX.Element | null;
+export declare const resolveBranding: (branding: Branding | string) => ResolvedBranding;
+export declare const getBrandingHref: (branding: Branding | string, refParam?: string) => string;
+export declare const BrandingFullLogo: ({ branding, className, }: BrandingFullLogoProps) => import("react").JSX.Element;
+export declare const BrandingCompactLogo: ({ branding, ...props }: BrandingCompactLogoProps) => import("react").JSX.Element;
+export declare const BrandingLink: ({ hideBranding, variant, slotContext, className, style, 'data-testid': testId, }: BrandingProps) => import("react").JSX.Element | null;
 export {};

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

@@ -1,8 +1,22 @@
-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 { ButtonHTMLAttributes, ElementType } from 'react';
 import type { PolymorphicComponentProps } from '../../libs/polymorphic';
-export type { ButtonMode, ButtonSize, ButtonVariant, ButtonVariantsProps };
-export { buttonVariants };
+export type ButtonVariant = 'primary' | 'neutral' | 'secondary';
+export type ButtonMode = 'filled' | 'stroke' | 'lighter' | 'ghost';
+export type ButtonSize = 'medium' | 'small' | 'xsmall' | 'xxsmall';
+export interface ButtonVariantsProps {
+    variant?: ButtonVariant;
+    mode?: ButtonMode;
+    size?: ButtonSize;
+}
+export declare const buttonVariants: (_props?: ButtonVariantsProps) => {
+    icon: (options?: {
+        class?: string;
+    }) => string;
+    root: (options?: {
+        class?: string;
+    }) => string;
+};
+declare const BUTTON_ICON_NAME = "ButtonIcon";
 export interface ButtonIconProps extends Record<string, unknown> {
     variant?: ButtonVariant;
     mode?: ButtonMode;
@@ -44,29 +58,9 @@ declare const ButtonRoot: import("react").ForwardRefExoticComponent<ButtonVarian
      */
     noStyle?: boolean;
 } & import("react").RefAttributes<HTMLButtonElement>>;
-/**
- * The icon component for the Button compound component
- *
- * @remarks
- * ButtonIcon is a polymorphic component that can render any icon component while maintaining
- * consistent styling with the parent button. It inherits variant properties from ButtonRoot.
- *
- * @example
- * ```tsx
- * <ButtonRoot>
- *   <ButtonIcon as={MyIcon} />
- *   Button with Icon
- * </ButtonRoot>
- * ```
- *
- * @typeParam T - The element type to render the icon as
- * @param props - Component props including the polymorphic 'as' prop and shared button variant props
- *
- * @public
- */
 declare function ButtonIcon<T extends ElementType>({ variant, mode, size, as, className, ...rest }: PolymorphicComponentProps<T, ButtonIconProps>): import("react").JSX.Element;
 declare namespace ButtonIcon {
-    var displayName: string;
+    export { BUTTON_ICON_NAME as displayName };
 }
 /**
  * Export the compound components

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

@@ -1,4 +1,4 @@
-export type ButtonCSSVariables = {
+export interface ButtonCSSVariables {
     '--button-primary': string;
     '--button-primary-dark': string;
     '--button-primary-hover': string;
@@ -45,4 +45,4 @@ export type ButtonCSSVariables = {
     '--button-shadow-neutral-dark': string;
     '--button-shadow-neutral-hover': string;
     '--button-shadow-neutral-hover-dark': string;
-};
+}

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

@@ -1,4 +1,21 @@
-import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';
+import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+export declare const collapsibleVariants: () => {
+    content: (options?: {
+        class?: string;
+    }) => string;
+    contentInner: (options?: {
+        class?: string;
+    }) => string;
+    contentViewport: (options?: {
+        class?: string;
+    }) => string;
+    root: (options?: {
+        class?: string;
+    }) => string;
+    trigger: (options?: {
+        class?: string;
+    }) => string;
+};
 export interface CollapsibleRootProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
     defaultOpen?: boolean;

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

@@ -1,24 +1,24 @@
-import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode, type RefObject } from 'react';
+import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode, RefObject } from 'react';
 export interface DialogRootProps {
     children: ReactNode;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
 }
-declare function DialogRoot({ children, defaultOpen, onOpenChange, open, }: DialogRootProps): import("react").JSX.Element;
+declare const DialogRoot: ({ children, defaultOpen, onOpenChange, open, }: DialogRootProps) => import("react").JSX.Element;
 export interface DialogTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     asChild?: boolean;
 }
 declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare function DialogPortal({ children }: {
+declare const DialogPortal: ({ children }: {
     children: ReactNode;
-}): import("react").ReactPortal | null;
+}) => import("react").ReactPortal | null;
 declare const DialogOverlay: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
-export interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {
+export interface DialogContentProps extends HTMLAttributes<HTMLDialogElement> {
     closeOnOutsideClick?: boolean;
     initialFocusRef?: RefObject<HTMLElement | null>;
 }
-declare const DialogContent: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const DialogContent: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<HTMLDialogElement>>;
 declare const DialogTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
 export interface DialogCloseProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {

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

@@ -1,4 +1,4 @@
-import { type ElementType, type JSX, type SVGProps } from 'react';
+import type { ElementType, JSX, SVGProps } from 'react';
 type LucideIconProps = SVGProps<SVGSVGElement> & {
     title: string;
     iconPath: JSX.Element;

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

@@ -8,11 +8,6 @@ interface IconProps {
  * Use this for compact displays like the floating trigger.
  */
 export declare const C15TIconOnly: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & IconProps) => import("react").JSX.Element;
-/**
- * c15t full logo with text.
- * Use this for branding displays.
- */
-export declare const C15TIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & IconProps) => import("react").JSX.Element;
 /**
  * INTH logo for partner branding displays.
  */
@@ -21,22 +16,6 @@ export declare const InthLogo: (props: SVGProps<SVGSVGElement> & IconProps) => i
  * INTH icon-only mark for compact placements like floating triggers.
  */
 export declare const InthIconOnly: (props: SVGProps<SVGSVGElement> & IconProps) => import("react").JSX.Element;
-/**
- * Wordmark logo for the hosted consent product (inth.com).
- *
- * Used in marketing surfaces such as the optional banner attribution and
- * the consent dialog footer. Render inside a flow where its native
- * 595x97 viewBox can scale freely (e.g. an `inline-block` parent).
- *
- * @param title - Accessible title announced to screen readers. Defaults to "Consent".
- * @param titleId - DOM id for the SVG `<title>` element. Must be unique on the page when rendered more than once.
- */
-export declare const ConsentLogo: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & IconProps) => import("react").JSX.Element;
-/**
- * Consent icon only (without text).
- * Use this for compact displays like the preference center footer.
- */
-export declare const ConsentIconOnly: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & IconProps) => import("react").JSX.Element;
 /**
  * Fingerprint icon for privacy/consent contexts.
  * A generic icon representing user identity and privacy.

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

@@ -1,5 +1,41 @@
-import { type PreferenceItemVariantsProps } from '@c15t/ui/styles/primitives/preference-item';
-import { type HTMLAttributes, type ReactNode } from 'react';
+import type { ConsentComponentSlotKey } from '@c15t/schema/config';
+import type { HTMLAttributes, ReactNode } from 'react';
+export type PreferenceItemVariantsProps = Record<never, never>;
+export declare const preferenceItemVariants: () => {
+    auxiliary: (options?: {
+        class?: string;
+    }) => string;
+    content: (options?: {
+        class?: string;
+    }) => string;
+    contentInner: (options?: {
+        class?: string;
+    }) => string;
+    contentViewport: (options?: {
+        class?: string;
+    }) => string;
+    control: (options?: {
+        class?: string;
+    }) => string;
+    header: (options?: {
+        class?: string;
+    }) => string;
+    leading: (options?: {
+        class?: string;
+    }) => string;
+    meta: (options?: {
+        class?: string;
+    }) => string;
+    root: (options?: {
+        class?: string;
+    }) => string;
+    title: (options?: {
+        class?: string;
+    }) => string;
+    trigger: (options?: {
+        class?: string;
+    }) => string;
+};
 export interface PreferenceItemRootProps extends HTMLAttributes<HTMLDivElement>, PreferenceItemVariantsProps {
     children: ReactNode;
     defaultOpen?: boolean;
@@ -7,14 +43,17 @@ export interface PreferenceItemRootProps extends HTMLAttributes<HTMLDivElement>,
     noStyle?: boolean;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
+    slotKey?: ConsentComponentSlotKey;
 }
 declare const PreferenceItemRoot: import("react").ForwardRefExoticComponent<PreferenceItemRootProps & import("react").RefAttributes<HTMLDivElement>>;
 export interface PreferenceItemTriggerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     noStyle?: boolean;
+    slotKey?: ConsentComponentSlotKey;
 }
 declare const PreferenceItemTrigger: import("react").ForwardRefExoticComponent<PreferenceItemTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 export interface PreferenceItemSlotProps extends HTMLAttributes<HTMLDivElement> {
     noStyle?: boolean;
+    slotKey?: ConsentComponentSlotKey;
 }
 declare const PreferenceItemLeading: import("react").ForwardRefExoticComponent<PreferenceItemSlotProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const PreferenceItemHeader: import("react").ForwardRefExoticComponent<PreferenceItemSlotProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -23,11 +62,16 @@ declare const PreferenceItemAuxiliary: import("react").ForwardRefExoticComponent
 declare const PreferenceItemControl: import("react").ForwardRefExoticComponent<PreferenceItemSlotProps & import("react").RefAttributes<HTMLDivElement>>;
 export interface PreferenceItemTitleProps extends HTMLAttributes<HTMLHeadingElement> {
     noStyle?: boolean;
+    slotKey?: ConsentComponentSlotKey;
 }
 declare const PreferenceItemTitle: import("react").ForwardRefExoticComponent<PreferenceItemTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
 export interface PreferenceItemContentProps extends HTMLAttributes<HTMLDivElement> {
     innerClassName?: string;
+    innerSlotKey?: ConsentComponentSlotKey;
     noStyle?: boolean;
+    slotKey?: ConsentComponentSlotKey;
+    viewportClassName?: string;
+    viewportSlotKey?: ConsentComponentSlotKey;
 }
 declare const PreferenceItemContent: import("react").ForwardRefExoticComponent<PreferenceItemContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export { PreferenceItemAuxiliary as Auxiliary, PreferenceItemContent as Content, PreferenceItemControl as Control, PreferenceItemHeader as Header, PreferenceItemLeading as Leading, PreferenceItemMeta as Meta, PreferenceItemRoot as Root, PreferenceItemTitle as Title, PreferenceItemTrigger as Trigger, };

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

@@ -1,20 +1,31 @@
-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 };
-export { switchVariants };
-export type SwitchStylesKeys = {
+import type { ButtonHTMLAttributes } from 'react';
+import type { ThemeValue } from '../../../../types/theme';
+export type SwitchSize = 'medium' | 'small';
+export interface SwitchVariantsProps {
+    size?: SwitchSize;
+}
+export declare const switchVariants: () => {
+    root: (options?: {
+        class?: string;
+    }) => string;
+    thumb: (options?: {
+        class?: string;
+    }) => string;
+    track: (options?: {
+        class?: string;
+    }) => string;
+};
+export interface SwitchStylesKeys {
     'switch.root': ThemeValue;
     'switch.thumb': ThemeValue;
     'switch.track': ThemeValue;
-};
+}
 export interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'size'>, SwitchVariantsProps {
     checked?: boolean;
     defaultChecked?: boolean;
     noStyle?: boolean;
     onCheckedChange?: (checked: boolean) => void;
     size?: SwitchSize;
-    themeKey?: AllThemeKeys;
 }
 declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
 export { Switch as Root };

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

@@ -1,5 +1,22 @@
-import { type TabsVariantsProps } from '@c15t/ui/styles/primitives/tabs';
-import { type HTMLAttributes, type ReactNode } from 'react';
+import type { TabsOrientation } from '@c15t/ui/primitives/tabs';
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface TabsVariantsProps {
+    orientation?: TabsOrientation;
+}
+export declare const tabsVariants: () => {
+    content: (options?: {
+        class?: string;
+    }) => string;
+    list: (options?: {
+        class?: string;
+    }) => string;
+    root: (options?: {
+        class?: string;
+    }) => string;
+    trigger: (options?: {
+        class?: string;
+    }) => string;
+};
 export interface TabsRootProps extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'>, TabsVariantsProps {
     children: ReactNode;
     defaultValue?: string;

package/dist-types/context/iab-context-value.d.ts

@@ -0,0 +1,37 @@
+import type { IABHandle, CreateIABOptions } from '@c15t/iab';
+/**
+ * The IAB slice hooks read: the live CMP handle plus the preference-centre
+ * tab, which is UI state rather than consent state.
+ *
+ * @internal
+ */
+export interface IABContextValue {
+    /** The mounted CMP, or `null` until one is ready. */
+    handle: IABHandle | null;
+    /** A client allowlist requires loaded vendor data before displaying summary copy. */
+    filtered?: boolean;
+    /** Publisher vendors used by the summary before the CMP mounts. */
+    customVendors?: CreateIABOptions['customVendors'];
+    /**
+     * Run an action against the CMP: at once when the handle exists,
+     * otherwise once it mounts. A server-rendered banner is clickable before
+     * the provider's effect has created the handle, and those clicks must
+     * record consent rather than vanish.
+     */
+    run?: (action: (handle: IABHandle) => void | Promise<void>) => Promise<void>;
+    /** Which preference-centre tab is showing. */
+    tab: 'purposes' | 'vendors';
+    /** Switch preference-centre tabs. */
+    setTab: (tab: 'purposes' | 'vendors') => void;
+}
+/**
+ * Context carrying the IAB CMP handle.
+ *
+ * It lives in its own module, away from `iab-context.tsx`, because that
+ * file statically imports `createIAB` from `@c15t/iab`. A provider handed
+ * an externally owned runtime already has a CMP and must be able to publish
+ * it here without pulling the TCF encoder into its chunk.
+ *
+ * @internal
+ */
+export declare const IABContext: import("react").Context<IABContextValue | null>;

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

@@ -0,0 +1,3 @@
+export * from '../context';
+export * from './consent-tracking-context';
+export * from './theme-context';

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

@@ -10,7 +10,7 @@ import type { Theme } from '../types/theme';
  *
  * @public
  */
-export type ThemeContextValue = {
+export interface ThemeContextValue {
     /**
      * Theme configuration object for styling components
      * @default undefined
@@ -45,7 +45,7 @@ export type ThemeContextValue = {
      * @default 'system'
      */
     colorScheme?: 'light' | 'dark' | 'system';
-};
+}
 /**
  * Context for providing theme values to components.
  *