@c15t/react 3.0.0-alpha.0 → 3.0.0-alpha.2

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

@@ -7,10 +7,10 @@
  * of the dialog's parts.
  */
 import type { FC } from 'react';
-import { Card, ConsentCustomizationCard, ConsentDialogContent, ConsentDialogFooter, ConsentDialogHeader, ConsentDialogHeaderDescription, ConsentDialogHeaderTitle, Content, Footer, Header, HeaderDescription, HeaderTitle } from './atoms/card';
-import { Overlay } from './atoms/overlay';
-import { Root } from './atoms/root';
-import type { ConsentDialogProps } from './panel';
+import { Card, ConsentCustomizationCard, ConsentDialogContent, ConsentDialogFooter, ConsentDialogHeader, ConsentDialogHeaderDescription, ConsentDialogHeaderTitle, Content, Footer, Header, HeaderDescription, HeaderTitle } from './atoms/card.js';
+import { Overlay } from './atoms/overlay.js';
+import { Root } from './atoms/root.js';
+import type { ConsentDialogProps } from './panel.js';
 export type { ConsentDialogProps };
 /**
  * This interface extends the base ConsentDialog component with additional sub-components
@@ -98,7 +98,7 @@ export interface ConsentDialogCompoundComponent extends FC<ConsentDialogProps> {
  */
 declare const ConsentDialog: ConsentDialogCompoundComponent;
 export default ConsentDialog;
-export { Card, ConsentCustomizationCard, ConsentDialogContent, ConsentDialogFooter, ConsentDialogHeader, ConsentDialogHeaderDescription, ConsentDialogHeaderTitle, Content, Footer, Header, HeaderDescription, HeaderTitle, } from './atoms/card';
-export { ConsentDialogOverlay, Overlay } from './atoms/overlay';
-export { ConsentDialogRoot, Root } from './atoms/root';
+export { Card, ConsentCustomizationCard, ConsentDialogContent, ConsentDialogFooter, ConsentDialogHeader, ConsentDialogHeaderDescription, ConsentDialogHeaderTitle, Content, Footer, Header, HeaderDescription, HeaderTitle, } from './atoms/card.js';
+export { ConsentDialogOverlay, Overlay } from './atoms/overlay.js';
+export { ConsentDialogRoot, Root } from './atoms/root.js';
 export { ConsentDialog };

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

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

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

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

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

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

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

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

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

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

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

@@ -5,8 +5,8 @@
  */
 import type { PolicyRight } from '@c15t/schema/types';
 import type { ReactNode } from 'react';
-import type { ClassNameStyle } from '../../../types/theme';
-import type { ConsentDialogTriggerToolbarAction, ConsentDialogTriggerToolbarPreferences, TriggerOrientation, TriggerSize } from '../types';
+import type { ClassNameStyle } from '../../../types/theme/index.js';
+import type { ConsentDialogTriggerToolbarAction, ConsentDialogTriggerToolbarPreferences, TriggerOrientation, TriggerSize } from '../types.js';
 /** Right the built-in action stands for; opt-out wins when the rule carries it. */
 export type ToolbarPreferencesRight = Extract<PolicyRight, 'opt-out' | 'preferences'>;
 export interface TriggerToolbarProps extends Omit<ClassNameStyle, 'baseClassName'> {

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

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

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

@@ -5,7 +5,7 @@
  * @packageDocumentation
  */
 import type { ReactNode } from 'react';
-import type { ConsentDialogTriggerToolbarProps } from './types';
+import type { ConsentDialogTriggerToolbarProps } from './types.js';
 export declare function ConsentDialogTriggerToolbar({ actions, preferences, orientation, defaultPosition, persistPosition, ariaLabel, showWhen, size, className, style, noStyle, onPositionChange, }: ConsentDialogTriggerToolbarProps): ReactNode;
 export declare namespace ConsentDialogTriggerToolbar {
     var displayName: string;

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

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

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

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

package/dist-types/components/preferences/atoms/accordion.d.ts

@@ -1,7 +1,8 @@
 import type { ReactNode } from 'react';
-import type { BoxProps } from '../../shared/primitives/box';
-import * as PreferenceItem from '../../shared/ui/preference-item';
-import * as RadixSwitch from '../../shared/ui/switch';
+import type { BoxProps } from '../../shared/primitives/box.js';
+import * as PreferenceItem from '../../shared/ui/preference-item/index.js';
+import * as RadixSwitch from '../../shared/ui/switch/index.js';
+import { ConsentWidgetVendorList } from './vendor-list.js';
 declare const ConsentWidgetAccordionTrigger: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const ConsentWidgetAccordionTriggerInner: import("react").ForwardRefExoticComponent<PreferenceItem.PreferenceItemTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 declare const ConsentWidgetAccordionContent: import("react").ForwardRefExoticComponent<PreferenceItem.PreferenceItemContentProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -25,4 +26,5 @@ declare const Accordion: typeof ConsentWidgetAccordion;
 declare const Switch: import("react").ForwardRefExoticComponent<RadixSwitch.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
 declare const AccordionItems: typeof ConsentWidgetAccordionItems;
 declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<PreferenceItem.PreferenceItemRootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export { Accordion, AccordionArrow, AccordionContent, AccordionItem, AccordionItems, AccordionTrigger, AccordionTriggerInner, ConsentWidgetAccordion, ConsentWidgetAccordionArrow, ConsentWidgetAccordionContent, ConsentWidgetAccordionItem, ConsentWidgetAccordionItems, ConsentWidgetAccordionTrigger, ConsentWidgetAccordionTriggerInner, ConsentWidgetSwitch, Switch, };
+declare const VendorList: typeof ConsentWidgetVendorList;
+export { ConsentWidgetVendorList, VendorList, Accordion, AccordionArrow, AccordionContent, AccordionItem, AccordionItems, AccordionTrigger, AccordionTriggerInner, ConsentWidgetAccordion, ConsentWidgetAccordionArrow, ConsentWidgetAccordionContent, ConsentWidgetAccordionItem, ConsentWidgetAccordionItems, ConsentWidgetAccordionTrigger, ConsentWidgetAccordionTriggerInner, ConsentWidgetSwitch, Switch, };

package/dist-types/components/preferences/atoms/button.d.ts

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

package/dist-types/components/preferences/atoms/footer.d.ts

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

package/dist-types/components/preferences/atoms/root.d.ts

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

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

@@ -0,0 +1,23 @@
+import type { AllConsentNames } from '@c15t/core';
+import type { BoxProps } from '../../shared/primitives/box.js';
+export interface ConsentWidgetVendorListProps extends Omit<BoxProps, 'children' | 'slotKey'> {
+    /** Category whose vendors to list. */
+    category: AllConsentNames;
+}
+/**
+ * Vendor rows nested inside one category's accordion content, each a
+ * collapsed card of its own that opens for its description and privacy
+ * policy link. A long list stays one line per vendor.
+ *
+ * Renders nothing when the category has no presentable vendor or the model
+ * is `iab`. Each row's switch stages a per-vendor grant on the same draft
+ * the category switches use; nothing is recorded until Save. While the
+ * parent category is off in the draft, the vendor switches are disabled: a
+ * vendor toggle never grants a category on its own. A `disabled` vendor is
+ * listed without a switch.
+ *
+ * @param props - The category whose vendors to list, plus `Box` attributes.
+ * @returns The vendor list, or `null` when there is nothing to list.
+ * @public
+ */
+export declare const ConsentWidgetVendorList: ({ category, className, noStyle, ...props }: ConsentWidgetVendorListProps) => import("react").JSX.Element | null;

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

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

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { HeadlessConsentDialogAction } from '../../component-hooks/use-headless-consent-ui';
-import type { PolicyActionRenderProps } from '../shared/policy-actions';
+import type { HeadlessConsentDialogAction } from '../../component-hooks/use-headless-consent-ui.js';
+import type { PolicyActionRenderProps } from '../shared/policy-actions.js';
 export type ConsentWidgetPolicyActionRenderProps = PolicyActionRenderProps<HeadlessConsentDialogAction>;
 export interface ConsentWidgetPolicyActionsProps {
     renderAction?: (action: HeadlessConsentDialogAction, props: ConsentWidgetPolicyActionRenderProps) => ReactNode;

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

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

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

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

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

@@ -5,9 +5,9 @@
  */
 import type { PolicyRight } from '@c15t/schema/types';
 import type { ButtonHTMLAttributes, ReactNode } from 'react';
-import type { BoxProps } from '../shared/primitives/box';
-import type { ConsentButtonProps } from '../shared/primitives/button.types';
-import type { InlineLegalLinksProps } from '../shared/primitives/legal-links';
+import type { BoxProps } from '../shared/primitives/box.js';
+import type { ConsentButtonProps } from '../shared/primitives/button.types.js';
+import type { InlineLegalLinksProps } from '../shared/primitives/legal-links/index.js';
 /** Rights the banner can expose as links. `disclosure` is carried by legal links. */
 export type ConsentBannerRight = Exclude<PolicyRight, 'disclosure'>;
 /**

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

@@ -8,11 +8,11 @@
  *
  */
 import type { FC } from 'react';
-import { Overlay } from './atoms/overlay';
-import { Root } from './atoms/root';
-import { AcceptButton, Card, CustomizeButton, Description, DismissButton, Footer, FooterSubGroup, Header, RejectButton, RightLink, Rights, Title } from './components';
-import { PolicyActions } from './policy-actions';
-import type { ConsentBannerButton, ConsentBannerLayout, ConsentBannerProps } from './prompt';
+import { Overlay } from './atoms/overlay.js';
+import { Root } from './atoms/root.js';
+import { AcceptButton, Card, CustomizeButton, Description, DismissButton, Footer, FooterSubGroup, Header, RejectButton, RightLink, Rights, Title } from './components.js';
+import { PolicyActions } from './policy-actions.js';
+import type { ConsentBannerButton, ConsentBannerLayout, ConsentBannerProps } from './prompt.js';
 /**
  * This interface extends the base ConsentBanner component with additional sub-components
  * that can be used to compose the banner's structure.
@@ -114,10 +114,10 @@ export interface ConsentBannerCompoundComponent extends FC<ConsentBannerProps> {
  */
 declare const ConsentBanner: ConsentBannerCompoundComponent;
 export default ConsentBanner;
-export { ConsentBannerOverlay, Overlay } from './atoms/overlay';
-export { ConsentBannerRoot, Root } from './atoms/root';
-export { AcceptButton, Card, ConsentBannerAcceptButton, ConsentBannerCard, ConsentBannerCustomizeButton, ConsentBannerDescription, ConsentBannerDismissButton, ConsentBannerFooter, ConsentBannerFooterSubGroup, ConsentBannerHeader, ConsentBannerRejectButton, type ConsentBannerRight, ConsentBannerRightLink, type ConsentBannerRightLinkProps, ConsentBannerRights, type ConsentBannerRightsProps, ConsentBannerTitle, CustomizeButton, Description, DismissButton, Footer, FooterSubGroup, Header, RejectButton, RightLink, Rights, Title, } from './components';
-export { type ConsentBannerSurface, useConsentBannerSurface, } from './surface-context';
-export { useBannerCopy } from './use-banner-copy';
-export { type ConsentBannerPolicyActionRenderProps, ConsentBannerPolicyActions, type ConsentBannerPolicyActionsProps, PolicyActions, } from './policy-actions';
+export { ConsentBannerOverlay, Overlay } from './atoms/overlay.js';
+export { ConsentBannerRoot, Root } from './atoms/root.js';
+export { AcceptButton, Card, ConsentBannerAcceptButton, ConsentBannerCard, ConsentBannerCustomizeButton, ConsentBannerDescription, ConsentBannerDismissButton, ConsentBannerFooter, ConsentBannerFooterSubGroup, ConsentBannerHeader, ConsentBannerRejectButton, type ConsentBannerRight, ConsentBannerRightLink, type ConsentBannerRightLinkProps, ConsentBannerRights, type ConsentBannerRightsProps, ConsentBannerTitle, CustomizeButton, Description, DismissButton, Footer, FooterSubGroup, Header, RejectButton, RightLink, Rights, Title, } from './components.js';
+export { type ConsentBannerSurface, useConsentBannerSurface, } from './surface-context.js';
+export { useBannerCopy } from './use-banner-copy.js';
+export { type ConsentBannerPolicyActionRenderProps, ConsentBannerPolicyActions, type ConsentBannerPolicyActionsProps, PolicyActions, } from './policy-actions.js';
 export { ConsentBanner, type ConsentBannerButton, type ConsentBannerLayout, type ConsentBannerProps, };

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { HeadlessConsentBannerAction } from '../../component-hooks/use-headless-consent-ui';
-import type { PolicyActionRenderProps } from '../shared/policy-actions';
+import type { HeadlessConsentBannerAction } from '../../component-hooks/use-headless-consent-ui.js';
+import type { PolicyActionRenderProps } from '../shared/policy-actions.js';
 export type ConsentBannerPolicyActionRenderProps = PolicyActionRenderProps<HeadlessConsentBannerAction>;
 export interface ConsentBannerPolicyActionsProps {
     /** Replaces the default preferences buttons before the policy actions. */

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

@@ -2,7 +2,7 @@ import type * as C15tCoreTypes from '@c15t/core';
 import type { PromptPosition, PromptVariant } from '@c15t/core';
 import type { SurfacePresentation } from '@c15t/ui/utils';
 import type { FC, ReactNode } from 'react';
-import type { InlineLegalLinksProps } from '../shared/primitives/legal-links';
+import type { InlineLegalLinksProps } from '../shared/primitives/legal-links/index.js';
 /**
  * Identifiers for the available buttons in the consent banner.
  * @public

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

@@ -1,6 +1,6 @@
 import type { ComponentType, ReactNode } from 'react';
-import type { HeadlessConsentSurfaceState } from '../../component-hooks/use-headless-consent-ui';
-import type { CSSPropertiesWithVars, CSSVariables } from '../../types/theme';
+import type { HeadlessConsentSurfaceState } from '../../component-hooks/use-headless-consent-ui.js';
+import type { CSSPropertiesWithVars, CSSVariables } from '../../types/theme/index.js';
 export interface PolicyActionRenderProps<TAction extends string> {
     key: string;
     consentAction: TAction;

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

@@ -1,6 +1,6 @@
 import type { ConsentComponentSlotKey } from '@c15t/schema/config';
 import type { HTMLAttributes } from 'react';
-import type { ExtendThemeKeys } from '../../../types/theme';
+import type { ExtendThemeKeys } from '../../../types/theme/index.js';
 /**
  * Props for the description text component of the CookieBanner.
  * Extends standard HTML div attributes.

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

@@ -1,6 +1,6 @@
 import type { AllConsentNames } from '@c15t/core';
-import type { ButtonVariantsProps } from '../ui/button/button';
-import type { ConsentButtonProps } from './button.types';
+import type { ButtonVariantsProps } from '../ui/button/button.js';
+import type { ConsentButtonProps } from './button.types.js';
 type ConsentActionThemeKey = 'accept' | 'reject' | 'customize' | 'dismiss' | 'save';
 /**
  * Button component that allows users to reject non-essential cookies.

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

@@ -1,7 +1,7 @@
 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';
+import type { CSSVariables, ExtendThemeKeys } from '../../../types/theme/index.js';
 export type ConsentButtonElement = ComponentRef<'button'>;
 /**
  * Props for CookieBanner button components.

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

@@ -1,7 +1,7 @@
 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';
+import type { PolymorphicComponentProps } from '../../libs/polymorphic.js';
+import type { ThemeValue } from '../../../../types/theme/index.js';
 export type AccordionVariant = 'default' | 'bordered';
 export type AccordionSize = 'medium' | 'small';
 export interface AccordionVariantsProps {

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

@@ -1,2 +1,2 @@
-export * from './accordion';
-export * from './accordion.types';
+export * from './accordion.js';
+export * from './accordion.types.js';

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

@@ -1,2 +1,2 @@
-export type { AnimatedCollapseProps } from './animated-collapse';
-export { AnimatedCollapse } from './animated-collapse';
+export type { AnimatedCollapseProps } from './animated-collapse.js';
+export { AnimatedCollapse } from './animated-collapse.js';

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

@@ -1,6 +1,6 @@
 import type { Branding } from '@c15t/core';
 import type { SVGProps } from 'react';
-import type { CSSPropertiesWithVars } from '../../../types/theme';
+import type { CSSPropertiesWithVars } from '../../../types/theme/index.js';
 export type ResolvedBranding = 'c15t' | 'inth' | 'none';
 export type BrandingVariant = 'footer' | 'dialog-tag' | 'banner-tag';
 export type BrandingSlotContext = 'banner' | 'dialog' | 'manager' | 'iab-banner' | 'iab-dialog';

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

@@ -1,5 +1,5 @@
 import type { ButtonHTMLAttributes, ElementType } from 'react';
-import type { PolymorphicComponentProps } from '../../libs/polymorphic';
+import type { PolymorphicComponentProps } from '../../libs/polymorphic.js';
 export type ButtonVariant = 'primary' | 'neutral' | 'secondary';
 export type ButtonMode = 'filled' | 'stroke' | 'lighter' | 'ghost';
 export type ButtonSize = 'medium' | 'small' | 'xsmall' | 'xxsmall';

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

@@ -1,2 +1,2 @@
-export * from './button';
-export * from './button.types';
+export * from './button.js';
+export * from './button.types.js';

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

@@ -1 +1 @@
-export * from './collapsible';
+export * from './collapsible.js';

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

@@ -1 +1 @@
-export * from './dialog';
+export * from './dialog.js';

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

@@ -1 +1 @@
-export * from './preference-item';
+export * from './preference-item.js';

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

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

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

@@ -1,5 +1,5 @@
 import type { ButtonHTMLAttributes } from 'react';
-import type { ThemeValue } from '../../../../types/theme';
+import type { ThemeValue } from '../../../../types/theme/index.js';
 export type SwitchSize = 'medium' | 'small';
 export interface SwitchVariantsProps {
     size?: SwitchSize;

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

@@ -1 +1 @@
-export * from './tabs';
+export * from './tabs.js';

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

@@ -0,0 +1 @@
+export * from './components/consent-gate/index.js';

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

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

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

@@ -1,4 +1,4 @@
-import type { Theme } from '../types/theme';
+import type { Theme } from '../types/theme/index.js';
 /**
  * Configuration value type for the ThemeContext.
  *

package/dist-types/draft.d.ts

@@ -4,11 +4,24 @@ import type { ReactNode } from 'react';
 export interface ConsentDraftHandle {
     values: Readonly<ConsentState>;
     displayedCategories: readonly AllConsentNames[];
+    /**
+     * Granted flag per declared vendor. Seeded from the denials the gate
+     * honors, so a vendor declared `disabled` reads `true` whatever an older
+     * record says; every vendor not denied is `true`. Empty under an `iab`
+     * policy.
+     */
+    vendors: Readonly<Record<string, boolean>>;
     isDirty: boolean;
-    /** A material policy change requires reset and review before saving. */
+    /** A policy or displayed-category change requires reset and review before saving. */
     isStale: boolean;
     set: (category: AllConsentNames, value: boolean) => void;
     update: (patch: Partial<ConsentState>) => void;
+    /**
+     * Stage one vendor's grant. Recorded by the next save. Ignored for a
+     * vendor that is not declared or is declared `disabled`, since the kernel
+     * would drop the grant on save.
+     */
+    setVendor: (vendorId: string, granted: boolean) => void;
     acceptAll: () => void;
     rejectAll: () => void;
     save: () => Promise<SaveResult>;
@@ -29,3 +42,42 @@ export declare const useConsentManagerDraft: () => {
 };
 /** Read and edit displayed choices without replacing masked effective permissions. */
 export declare const useConsentDraft: () => ConsentDraftHandle;
+/** The vendor slice of the consent draft, for a custom vendor control. */
+export interface VendorDraftHandle {
+    /** Granted flag per declared vendor. See {@link ConsentDraftHandle.vendors}. */
+    vendors: Readonly<Record<string, boolean>>;
+    /** Stage one vendor's grant for the next save. See {@link ConsentDraftHandle.setVendor}. */
+    setVendor: (vendorId: string, granted: boolean) => void;
+    /** Whether any draft value, category or vendor, differs from the record. */
+    isDirty: boolean;
+    /**
+     * Whether the policy or the vendor surface changed under an unsaved edit.
+     * `save` refuses a stale draft. See {@link ConsentDraftHandle.isStale}.
+     */
+    isStale: boolean;
+    /** Confirm the draft, categories and vendors together. */
+    save: () => Promise<SaveResult>;
+    /** Discard staged edits and reseed from the record. See {@link ConsentDraftHandle.reset}. */
+    reset: () => void;
+}
+/**
+ * Read and stage vendor grants on the same draft the category switches use.
+ * A custom vendor toggle needs only this; the categories stay where the
+ * stock widget or `useConsentDraft()` left them, and one save confirms both.
+ * When the policy or the vendor list changes under a staged edit the draft
+ * turns stale and `save` refuses it; `reset` reseeds it from the record.
+ *
+ * @returns The draft's vendor map, the setter, the dirty and stale flags,
+ * the save and the reset.
+ * @example
+ * ```tsx
+ * const { vendors, setVendor, isStale, reset, save } = useVendorDraft();
+ * <Switch
+ *   checked={vendors['meta-pixel'] ?? true}
+ *   onCheckedChange={(on) => setVendor('meta-pixel', on)}
+ * />;
+ * {isStale && <button onClick={reset}>Review again</button>}
+ * ```
+ * @public
+ */
+export declare const useVendorDraft: () => VendorDraftHandle;

package/dist-types/headless.d.ts

@@ -5,10 +5,10 @@
  * Pair with `ConsentProvider` from `@c15t/react` (or `@c15t/react/provider`).
  */
 export { defaultTranslationConfig, detectBrowserLanguage, mergeTranslationConfigs, prepareTranslationConfig, } from '@c15t/core';
-export { type ConsentDialogTriggerVisibility, type UseConsentDialogTriggerOptions, type UseConsentDialogTriggerResult, useConsentDialogTrigger, } from './component-hooks/use-panel-trigger';
-export { useConsentManager } from './component-hooks/use-manager';
-export { type HeadlessConsentBannerAction, type HeadlessConsentBannerState, type HeadlessConsentDialogAction, type HeadlessConsentDialogState, type HeadlessConsentSurface, type HeadlessConsentSurfaceAction, type HeadlessConsentSurfaceState, type HeadlessConsentWriteAction, useHeadlessConsentUI, } from './component-hooks/use-headless-consent-ui';
-export { useTranslations } from './component-hooks/use-translations';
-export { useColorScheme } from './hooks/use-color-scheme';
-export { useFocusTrap } from './hooks/use-focus-trap';
-export type { ReactUIOptions } from './types/manager';
+export { type ConsentDialogTriggerVisibility, type UseConsentDialogTriggerOptions, type UseConsentDialogTriggerResult, useConsentDialogTrigger, } from './component-hooks/use-panel-trigger.js';
+export { useConsentManager } from './component-hooks/use-manager.js';
+export { type HeadlessConsentBannerAction, type HeadlessConsentBannerState, type HeadlessConsentDialogAction, type HeadlessConsentDialogState, type HeadlessConsentSurface, type HeadlessConsentSurfaceAction, type HeadlessConsentSurfaceState, type HeadlessConsentWriteAction, useHeadlessConsentUI, } from './component-hooks/use-headless-consent-ui.js';
+export { useTranslations } from './component-hooks/use-translations.js';
+export { useColorScheme } from './hooks/use-color-scheme.js';
+export { useFocusTrap } from './hooks/use-focus-trap.js';
+export type { ReactUIOptions } from './types/manager.js';

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

@@ -1,5 +1,5 @@
 import type { HeadlessIABBannerAction, HeadlessIABDialogAction, HeadlessIABPreferenceTab } from '@c15t/iab/headless';
-import { useIABConsentManager } from './use-iab-manager';
+import { useIABConsentManager } from './use-iab-manager.js';
 export type { HeadlessIABBannerAction, HeadlessIABDialogAction, HeadlessIABPreferenceTab, };
 export interface HeadlessIABBannerState {
     isVisible: boolean;

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

@@ -1,7 +1,7 @@
 import type { ActiveUI, ConsentPresentation, TranslationConfig } from '@c15t/core';
 export declare const useIABConsentManager: (overrides?: ConsentPresentation) => {
     activeUI: ActiveUI;
-    iab: import("../iab-context").ReactIABState | null;
+    iab: import("../iab-context.js").ReactIABState | null;
     model: import("@c15t/core").KernelModel | null;
     policyBanner: {
         allowedActions: import("@c15t/core").PresentationAction[];