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

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

@@ -1,8 +1,8 @@
 import type { AllConsentNames } from '@c15t/core';
 import type { ComponentPropsWithRef, FC, ReactNode } from 'react';
-import type { Theme } from '../../types/theme';
-import type * as Atom from './atoms';
-export interface FrameProps extends ComponentPropsWithRef<'div'> {
+import type { Theme } from '../../types/theme/index.js';
+import type * as Atom from './atoms.js';
+export interface ConsentGateProps extends ComponentPropsWithRef<'div'> {
     /**
      * Content rendered when consent is granted. Children are not mounted until
      * consent is given, preventing unnecessary network requests.
@@ -30,8 +30,8 @@ export interface FrameProps extends ComponentPropsWithRef<'div'> {
      */
     theme?: Theme;
 }
-export interface FrameCompoundComponent extends FC<FrameProps> {
-    Root: typeof Atom.FrameRoot;
-    Title: typeof Atom.FrameTitle;
-    Button: typeof Atom.FrameButton;
+export interface ConsentGateCompoundComponent extends FC<ConsentGateProps> {
+    Root: typeof Atom.ConsentGateRoot;
+    Title: typeof Atom.ConsentGateTitle;
+    Button: typeof Atom.ConsentGateButton;
 }

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { ConsentButtonProps } from '../shared/primitives/button.types';
+import type { ConsentButtonProps } from '../shared/primitives/button.types.js';
 /**
  * Inline trigger for opening the consent dialog from places like site footers.
  *

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

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

package/dist-types/components/iab-panel/atoms/purpose-item.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from 'react';
-import type { ProcessedPurpose, VendorId } from '../types';
+import type { ProcessedPurpose, VendorId } from '../types.js';
 interface PurposeItemProps {
     purpose: ProcessedPurpose;
     /**

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

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

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

@@ -1,6 +1,6 @@
 import type { GlobalVendorList } from '@c15t/core';
 import type { FC } from 'react';
-import type { ProcessedPurpose, VendorId } from '../types';
+import type { ProcessedPurpose, VendorId } from '../types.js';
 interface CustomVendor {
     id: string | number;
     name: string;

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

@@ -1,6 +1,6 @@
 import type * as C15tCoreTypes from '@c15t/core';
 import type { FC } from 'react';
-import type { ConsentDialogTriggerProps } from '../panel-trigger';
+import type { ConsentDialogTriggerProps } from '../panel-trigger/index.js';
 /**
  * Props for the IABConsentDialog component.
  * @public

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

@@ -7,17 +7,17 @@
  * of the consent dialog's parts.
  */
 import type { FC } from 'react';
-import { IABConsentDialogCard } from './atoms/card';
-import { IABConsentDialogContent } from './atoms/content';
-import { IABConsentDialogFooter } from './atoms/footer';
-import { IABConsentDialogHeader } from './atoms/header';
-import { IABConsentDialogOverlay } from './atoms/overlay';
-import { PurposeItem } from './atoms/purpose-item';
-import { IABConsentDialogRoot } from './atoms/root';
-import { StackItem } from './atoms/stack-item';
-import { IABConsentDialogTabButton, IABConsentDialogTabs } from './atoms/tabs';
-import { VendorList } from './atoms/vendor-list';
-import type { IABConsentDialogProps } from './iab-panel';
+import { IABConsentDialogCard } from './atoms/card.js';
+import { IABConsentDialogContent } from './atoms/content.js';
+import { IABConsentDialogFooter } from './atoms/footer.js';
+import { IABConsentDialogHeader } from './atoms/header.js';
+import { IABConsentDialogOverlay } from './atoms/overlay.js';
+import { PurposeItem } from './atoms/purpose-item.js';
+import { IABConsentDialogRoot } from './atoms/root.js';
+import { StackItem } from './atoms/stack-item.js';
+import { IABConsentDialogTabButton, IABConsentDialogTabs } from './atoms/tabs.js';
+import { VendorList } from './atoms/vendor-list.js';
+import type { IABConsentDialogProps } from './iab-panel.js';
 /**
  * This interface extends the base IABConsentDialog component with additional sub-components
  * that can be used to compose the consent dialog's structure.
@@ -76,17 +76,17 @@ export interface IABConsentDialogCompoundComponent extends FC<IABConsentDialogPr
  */
 declare const IABConsentDialog: IABConsentDialogCompoundComponent;
 export default IABConsentDialog;
-export { IABConsentDialogCard } from './atoms/card';
-export { IABConsentDialogContent } from './atoms/content';
-export { IABConsentDialogFooter } from './atoms/footer';
-export { IABConsentDialogHeader } from './atoms/header';
-export { IABConsentDialogOverlay } from './atoms/overlay';
-export { PurposeItem } from './atoms/purpose-item';
-export { IABConsentDialogRoot } from './atoms/root';
-export { StackItem } from './atoms/stack-item';
-export { IABConsentDialogTabButton, IABConsentDialogTabs } from './atoms/tabs';
-export { VendorList } from './atoms/vendor-list';
-export { type IABDisplayModel, useIABDisplayModel, } from './hooks/use-display-model';
-export { type GVLData, useGVLData } from './hooks/use-gvl-data';
-export type { ProcessedPurpose, ProcessedSpecialFeature, ProcessedStack, ProcessedVendor, } from './types';
+export { IABConsentDialogCard } from './atoms/card.js';
+export { IABConsentDialogContent } from './atoms/content.js';
+export { IABConsentDialogFooter } from './atoms/footer.js';
+export { IABConsentDialogHeader } from './atoms/header.js';
+export { IABConsentDialogOverlay } from './atoms/overlay.js';
+export { PurposeItem } from './atoms/purpose-item.js';
+export { IABConsentDialogRoot } from './atoms/root.js';
+export { StackItem } from './atoms/stack-item.js';
+export { IABConsentDialogTabButton, IABConsentDialogTabs } from './atoms/tabs.js';
+export { VendorList } from './atoms/vendor-list.js';
+export { type IABDisplayModel, useIABDisplayModel, } from './hooks/use-display-model.js';
+export { type GVLData, useGVLData } from './hooks/use-gvl-data.js';
+export type { ProcessedPurpose, ProcessedSpecialFeature, ProcessedStack, ProcessedVendor, } from './types.js';
 export { IABConsentDialog, type IABConsentDialogProps };

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

@@ -7,15 +7,15 @@
  * of the banner's parts.
  */
 import type { FC } from 'react';
-import { IABConsentBannerButtonGroup, IABConsentBannerFooterSpacer } from './atoms/button-group';
-import { IABConsentBannerCard } from './atoms/card';
-import { IABConsentBannerDescription } from './atoms/description';
-import { IABConsentBannerFooter } from './atoms/footer';
-import { IABConsentBannerHeader } from './atoms/header';
-import { IABConsentBannerOverlay } from './atoms/overlay';
-import { IABConsentBannerRoot } from './atoms/root';
-import { IABConsentBannerTitle } from './atoms/title';
-import type { IABConsentBannerProps } from './iab-prompt';
+import { IABConsentBannerButtonGroup, IABConsentBannerFooterSpacer } from './atoms/button-group.js';
+import { IABConsentBannerCard } from './atoms/card.js';
+import { IABConsentBannerDescription } from './atoms/description.js';
+import { IABConsentBannerFooter } from './atoms/footer.js';
+import { IABConsentBannerHeader } from './atoms/header.js';
+import { IABConsentBannerOverlay } from './atoms/overlay.js';
+import { IABConsentBannerRoot } from './atoms/root.js';
+import { IABConsentBannerTitle } from './atoms/title.js';
+import type { IABConsentBannerProps } from './iab-prompt.js';
 /**
  * This interface extends the base IABConsentBanner component with additional sub-components
  * that can be used to compose the banner's structure.
@@ -76,12 +76,12 @@ export interface IABConsentBannerCompoundComponent extends FC<IABConsentBannerPr
  */
 declare const IABConsentBanner: IABConsentBannerCompoundComponent;
 export default IABConsentBanner;
-export { IABConsentBannerButtonGroup, IABConsentBannerFooterSpacer, } from './atoms/button-group';
-export { IABConsentBannerCard } from './atoms/card';
-export { IABConsentBannerDescription } from './atoms/description';
-export { IABConsentBannerFooter } from './atoms/footer';
-export { IABConsentBannerHeader } from './atoms/header';
-export { IABConsentBannerOverlay } from './atoms/overlay';
-export { IABConsentBannerRoot } from './atoms/root';
-export { IABConsentBannerTitle } from './atoms/title';
+export { IABConsentBannerButtonGroup, IABConsentBannerFooterSpacer, } from './atoms/button-group.js';
+export { IABConsentBannerCard } from './atoms/card.js';
+export { IABConsentBannerDescription } from './atoms/description.js';
+export { IABConsentBannerFooter } from './atoms/footer.js';
+export { IABConsentBannerHeader } from './atoms/header.js';
+export { IABConsentBannerOverlay } from './atoms/overlay.js';
+export { IABConsentBannerRoot } from './atoms/root.js';
+export { IABConsentBannerTitle } from './atoms/title.js';
 export { IABConsentBanner, type IABConsentBannerProps };

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

@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
-import type { BoxProps } from '../../shared/primitives/box';
-import type { InlineLegalLinksProps } from '../../shared/primitives/legal-links';
-import type { BrandingSlotContext, BrandingVariant } from '../../shared/ui/branding';
-import type { ClassNameStyle } from '../../../types/theme';
+import type { BoxProps } from '../../shared/primitives/box.js';
+import type { InlineLegalLinksProps } from '../../shared/primitives/legal-links/index.js';
+import type { BrandingSlotContext, BrandingVariant } from '../../shared/ui/branding.js';
+import type { ClassNameStyle } from '../../../types/theme/index.js';
 declare const ConsentDialogCard: import("react").ForwardRefExoticComponent<{
     /** The content to be rendered inside the consent dialog card */
     children?: ReactNode;

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

@@ -4,7 +4,7 @@
  * Implements accessible modal behavior with animation support.
  */
 import type { FC, PropsWithChildren } from 'react';
-import type { ThemeValue } from '../../../types/theme';
+import type { ThemeValue } from '../../../types/theme/index.js';
 /**
  * Props for the Overlay component.
  *

package/dist-types/components/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.