@inzumer/ui-library 1.4.0 → 2.0.0

package/dist/components/molecules/Breadcrumbs/index.js

@@ -1,6 +1,6 @@
-export { Breadcrumbs } from '../../../chunk-PE6XEC7Y.js';
-import '../../../chunk-D4I5OF3C.js';
-import '../../../chunk-P4CV2EPR.js';
+export { Breadcrumbs } from '../../../chunk-VCJN4FS2.js';
+import '../../../chunk-5LKLTY55.js';
+import '../../../chunk-SPDOYFCU.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/Card/index.js

@@ -1,5 +1,5 @@
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../../../chunk-N5CLCKR3.js';
-import '../../../chunk-P4CV2EPR.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../../../chunk-ZH2EDGW6.js';
+import '../../../chunk-SPDOYFCU.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/Carousel/index.d.ts

@@ -0,0 +1,61 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+type CarouselProps = Omit<HTMLAttributes<HTMLElement>, 'children'> & {
+    /** Accessible name of the carousel, e.g. "Featured recipes". */
+    label: string;
+    /** One child per slide. */
+    children: ReactNode;
+    previousLabel: string;
+    nextLabel: string;
+    /** Accessible name of each slide; defaults to "1 / 6". */
+    slideLabel?: (index: number, total: number) => string;
+    /** Accessible name of each indicator; defaults to "Go to slide 3". */
+    goToLabel?: (index: number, total: number) => string;
+    /** Accessible name of the indicators group, e.g. "Choose a recipe". */
+    indicatorsLabel?: string;
+    /** Show the indicators between the buttons (default `true`). */
+    indicators?: boolean;
+    /** Optional visible heading or "See all" link above the cards. */
+    header?: ReactNode;
+    /** Width classes for each slide (defaults: 80% mobile, 45% tablet, 31% desktop). */
+    slideClassName?: string;
+    /** Stable ids for the buttons, e.g. for analytics click triggers. */
+    buttonIds?: {
+        previous?: string;
+        next?: string;
+    };
+};
+/**
+ * Horizontal carousel of cards: native scroll with snap (touch and trackpad drag work as usual),
+ * and below the cards previous/next buttons around indicators that show the current card and jump
+ * to any of them. Tabbing to a card scrolls it into view. No autoplay; the smooth scroll is turned
+ * off when the person prefers reduced motion.
+ */
+declare const Carousel: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "children"> & {
+    /** Accessible name of the carousel, e.g. "Featured recipes". */
+    label: string;
+    /** One child per slide. */
+    children: ReactNode;
+    previousLabel: string;
+    nextLabel: string;
+    /** Accessible name of each slide; defaults to "1 / 6". */
+    slideLabel?: (index: number, total: number) => string;
+    /** Accessible name of each indicator; defaults to "Go to slide 3". */
+    goToLabel?: (index: number, total: number) => string;
+    /** Accessible name of the indicators group, e.g. "Choose a recipe". */
+    indicatorsLabel?: string;
+    /** Show the indicators between the buttons (default `true`). */
+    indicators?: boolean;
+    /** Optional visible heading or "See all" link above the cards. */
+    header?: ReactNode;
+    /** Width classes for each slide (defaults: 80% mobile, 45% tablet, 31% desktop). */
+    slideClassName?: string;
+    /** Stable ids for the buttons, e.g. for analytics click triggers. */
+    buttonIds?: {
+        previous?: string;
+        next?: string;
+    };
+} & react.RefAttributes<HTMLElement>>;
+
+export { Carousel, type CarouselProps };

package/dist/components/molecules/{CookieBanner → Carousel}/index.js

@@ -1,7 +1,7 @@
-export { CookieBanner } from '../../../chunk-TR7XKJCO.js';
+export { Carousel } from '../../../chunk-LLJXVAR6.js';
+import '../../../chunk-2HCMNEIQ.js';
 import '../../../chunk-KL6I2JFC.js';
 import '../../../chunk-P4Z7HH66.js';
-import '../../../chunk-P4CV2EPR.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/Drawer/index.js

@@ -1,11 +1,11 @@
-export { Drawer } from '../../../chunk-VGLFR5SB.js';
+export { Drawer } from '../../../chunk-TO3FF6FR.js';
 import '../../../chunk-QT62VC36.js';
 import '../../../chunk-53YMHM24.js';
-import '../../../chunk-BNEEI7S5.js';
 import '../../../chunk-JCJP427C.js';
+import '../../../chunk-BNEEI7S5.js';
 import '../../../chunk-KL6I2JFC.js';
 import '../../../chunk-P4Z7HH66.js';
-import '../../../chunk-P4CV2EPR.js';
+import '../../../chunk-SPDOYFCU.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/Dropdown/index.d.ts

@@ -0,0 +1,44 @@
+import * as react from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { s as selectStyles } from '../../../Select.styles-CeZROqOk.js';
+
+interface DropdownOption {
+    value: string;
+    label: string;
+}
+type DropdownProps = VariantProps<typeof selectStyles> & {
+    label: string;
+    options: DropdownOption[];
+    value: string;
+    onChange: (value: string) => void;
+    hint?: string;
+    error?: string;
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    className?: string;
+};
+/**
+ * A select whose list is drawn with the theme (a native `<select>` opens the platform picker).
+ * WAI-ARIA "select-only combobox": focus stays on the trigger and the active option is announced
+ * through `aria-activedescendant`; arrows, Home/End, Enter/Space, Escape and typing a letter behave
+ * like a native select.
+ */
+declare const Dropdown: react.ForwardRefExoticComponent<VariantProps<(props?: ({
+    state?: "error" | "default" | null | undefined;
+    inputSize?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    label: string;
+    options: DropdownOption[];
+    value: string;
+    onChange: (value: string) => void;
+    hint?: string;
+    error?: string;
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    className?: string;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+export { Dropdown, type DropdownOption, type DropdownProps };

package/dist/components/molecules/Dropdown/index.js

@@ -0,0 +1,8 @@
+export { Dropdown } from '../../../chunk-XUGSIK2P.js';
+import '../../../chunk-JCJP427C.js';
+import '../../../chunk-4H6VER5P.js';
+import '../../../chunk-FFKHEBQ7.js';
+import '../../../chunk-SPDOYFCU.js';
+import '../../../chunk-6LLGTBM6.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/MediaCard/index.d.ts

@@ -0,0 +1,56 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const mediaCardStyles: (props?: ({
+    aspect?: "square" | "portrait" | "landscape" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type MediaCardProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & VariantProps<typeof mediaCardStyles> & {
+    /** Image URL; or pass your own element (e.g. an optimized `<picture>`) in `media`. */
+    src?: string;
+    /** Describes the photo; use `''` if it is only decorative. */
+    alt?: string;
+    media?: ReactNode;
+    title: ReactNode;
+    /** One short line under the title (time, category, cost per serving…). */
+    subtitle?: ReactNode;
+    /** Heading level of the title in the page outline. */
+    headingLevel?: 'h2' | 'h3' | 'h4';
+    /** Makes the whole card a link, named by the title. */
+    href?: string;
+    linkId?: string;
+    /** Small label on the top-left corner ("New", "Featured"). */
+    badge?: ReactNode;
+    /** Floating buttons on the top-right corner (save, share); they stay above the link. */
+    actions?: ReactNode;
+};
+/**
+ * Vertical card with a full-bleed photo, a dark gradient from the bottom for the title and
+ * subtitle, an optional badge and floating actions. For recipes, articles and guides; pair it with
+ * `Carousel` for rows of cards.
+ */
+declare const MediaCard: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "title"> & VariantProps<(props?: ({
+    aspect?: "square" | "portrait" | "landscape" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    /** Image URL; or pass your own element (e.g. an optimized `<picture>`) in `media`. */
+    src?: string;
+    /** Describes the photo; use `''` if it is only decorative. */
+    alt?: string;
+    media?: ReactNode;
+    title: ReactNode;
+    /** One short line under the title (time, category, cost per serving…). */
+    subtitle?: ReactNode;
+    /** Heading level of the title in the page outline. */
+    headingLevel?: "h2" | "h3" | "h4";
+    /** Makes the whole card a link, named by the title. */
+    href?: string;
+    linkId?: string;
+    /** Small label on the top-left corner ("New", "Featured"). */
+    badge?: ReactNode;
+    /** Floating buttons on the top-right corner (save, share); they stay above the link. */
+    actions?: ReactNode;
+} & react.RefAttributes<HTMLElement>>;
+
+export { MediaCard, type MediaCardProps };

package/dist/components/molecules/MediaCard/index.js

@@ -0,0 +1,6 @@
+export { MediaCard } from '../../../chunk-4TPQTZSR.js';
+import '../../../chunk-KAU7S3D4.js';
+import '../../../chunk-SPDOYFCU.js';
+import '../../../chunk-6LLGTBM6.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/MediaCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/molecules/Modal/index.d.ts

@@ -7,6 +7,8 @@ type ModalProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
     title?: ReactNode;
     footer?: ReactNode;
     closeOnBackdropClick?: boolean;
+    /** Height limit before the body scrolls: 80% of the viewport (`default`) or 90% (`tall`). */
+    maxHeight?: 'default' | 'tall';
 };
 declare const Modal: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
     open: boolean;
@@ -14,6 +16,8 @@ declare const Modal: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDiv
     title?: ReactNode;
     footer?: ReactNode;
     closeOnBackdropClick?: boolean;
+    /** Height limit before the body scrolls: 80% of the viewport (`default`) or 90% (`tall`). */
+    maxHeight?: "default" | "tall";
 } & react.RefAttributes<HTMLDivElement>>;
 
 export { Modal, type ModalProps };

package/dist/components/molecules/Modal/index.js

@@ -1,10 +1,10 @@
-export { Modal } from '../../../chunk-W3H7DYWX.js';
+export { Modal } from '../../../chunk-J7X6NLSR.js';
 import '../../../chunk-QT62VC36.js';
 import '../../../chunk-53YMHM24.js';
-import '../../../chunk-BNEEI7S5.js';
 import '../../../chunk-JCJP427C.js';
+import '../../../chunk-BNEEI7S5.js';
 import '../../../chunk-P4Z7HH66.js';
-import '../../../chunk-P4CV2EPR.js';
+import '../../../chunk-SPDOYFCU.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/Snackbar/index.js

@@ -1,4 +1,4 @@
-export { Snackbar } from '../../../chunk-BKPP4D3Q.js';
+export { Snackbar } from '../../../chunk-27HTTVFO.js';
 import '../../../chunk-BNEEI7S5.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/Timeline/index.d.ts

@@ -5,6 +5,13 @@ interface TimelineItem {
     id?: string;
     title: ReactNode;
     description: ReactNode[];
+    /** Optional photo of the entry, shown under its text (lazy loaded). */
+    image?: {
+        src: string;
+        alt: string;
+    };
+    /** Your own media element instead of `image` (e.g. an optimized `<picture>`). */
+    media?: ReactNode;
 }
 type TimelineProps = HTMLAttributes<HTMLUListElement> & {
     items: TimelineItem[];

package/dist/components/molecules/Timeline/index.js

@@ -1,5 +1,6 @@
-export { Timeline } from '../../../chunk-UL33H4AD.js';
-import '../../../chunk-P4CV2EPR.js';
+export { Timeline } from '../../../chunk-TRLFK626.js';
+import '../../../chunk-KAU7S3D4.js';
+import '../../../chunk-SPDOYFCU.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/organisms/CookieConsent/index.d.ts

@@ -0,0 +1,59 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface CookieCategory {
+    id: string;
+    title: string;
+    description: ReactNode;
+    /** Strictly necessary cookies can't be turned off; they show `labels.required` instead of a switch. */
+    required?: boolean;
+}
+/** Whether each optional category is allowed, by id. */
+type CookieChoices = Record<string, boolean>;
+/**
+ * - `banner`: bar at the bottom while there is no answer (`value === null`), with accept, reject
+ *   and customize; customize opens the preferences dialog.
+ * - `modal`: only the preferences dialog, opened with `open` / `onOpenChange`.
+ * - `inline`: the categories with switches inside a page (privacy, settings); every change is
+ *   saved at once, there is no save button.
+ */
+type CookieConsentMode = 'banner' | 'modal' | 'inline';
+interface CookieConsentLabels {
+    /** Banner title. */
+    title: ReactNode;
+    /** Banner text; usually ends with a link to the privacy policy. */
+    description: ReactNode;
+    accept: string;
+    reject: string;
+    customize: string;
+    preferencesTitle: ReactNode;
+    preferencesDescription?: ReactNode;
+    save: string;
+    cancel: string;
+    /** Shown instead of a switch on required categories, e.g. "Always on". */
+    required: string;
+}
+interface CookieConsentProps {
+    mode: CookieConsentMode;
+    categories: CookieCategory[];
+    /** The saved answer, or `null` while the person hasn't answered. */
+    value: CookieChoices | null;
+    /** Called with the full answer: accept or reject all, the saved preferences, or a switch (inline). */
+    onChange: (value: CookieChoices) => void;
+    labels: CookieConsentLabels;
+    /** Preferences dialog visibility, to open it from outside (e.g. a footer link). Optional in `banner`. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Stable ids for buttons and switches, e.g. for analytics click triggers. */
+    getId?: (kind: 'button' | 'switch', name: string) => string;
+    className?: string;
+}
+/**
+ * Cookie consent in one component: the banner, the preferences dialog and the inline settings,
+ * chosen with `mode`. Controlled: the consumer stores `value` and loads non-essential scripts only
+ * after the person allows them. Accept and reject weigh the same, so rejecting is as easy as
+ * accepting (GDPR / ePrivacy).
+ */
+declare const CookieConsent: ({ mode, categories, value, onChange, labels, open, onOpenChange, getId, className, }: CookieConsentProps) => react_jsx_runtime.JSX.Element;
+
+export { type CookieCategory, type CookieChoices, CookieConsent, type CookieConsentLabels, type CookieConsentMode, type CookieConsentProps };

package/dist/components/{molecules/CookiePreferences → organisms/CookieConsent}/index.js

@@ -1,13 +1,13 @@
-export { CookiePreferences } from '../../../chunk-36CVKI5R.js';
-import '../../../chunk-W3H7DYWX.js';
-import '../../../chunk-ZABQF65Z.js';
+export { CookieConsent } from '../../../chunk-VK24YOIC.js';
+import '../../../chunk-J7X6NLSR.js';
+import '../../../chunk-KSNAVEJP.js';
 import '../../../chunk-QT62VC36.js';
 import '../../../chunk-53YMHM24.js';
-import '../../../chunk-BNEEI7S5.js';
 import '../../../chunk-JCJP427C.js';
+import '../../../chunk-BNEEI7S5.js';
 import '../../../chunk-KL6I2JFC.js';
 import '../../../chunk-P4Z7HH66.js';
-import '../../../chunk-P4CV2EPR.js';
+import '../../../chunk-SPDOYFCU.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/organisms/CookieConsent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/index.d.ts

@@ -11,14 +11,16 @@ export { Accordion, AccordionProps } from './components/molecules/Accordion/inde
 export { BottomSheet, BottomSheetProps } from './components/molecules/BottomSheet/index.js';
 export { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps } from './components/molecules/Breadcrumbs/index.js';
 export { Card, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps } from './components/molecules/Card/index.js';
-export { CookieBanner, CookieBannerProps } from './components/molecules/CookieBanner/index.js';
-export { CookieCategory, CookiePreferences, CookiePreferencesProps } from './components/molecules/CookiePreferences/index.js';
+export { Carousel, CarouselProps } from './components/molecules/Carousel/index.js';
 export { Drawer, DrawerProps } from './components/molecules/Drawer/index.js';
+export { Dropdown, DropdownOption, DropdownProps } from './components/molecules/Dropdown/index.js';
 export { Language, LanguageOption, LanguageProps } from './components/molecules/Language/index.js';
+export { MediaCard, MediaCardProps } from './components/molecules/MediaCard/index.js';
 export { Modal, ModalProps } from './components/molecules/Modal/index.js';
 export { Snackbar, SnackbarProps } from './components/molecules/Snackbar/index.js';
 export { Table, TableBody, TableCell, TableCellProps, TableHead, TableHeaderCell, TableHeaderCellProps, TableProps, TableRow } from './components/molecules/Table/index.js';
 export { Timeline, TimelineItem, TimelineProps } from './components/molecules/Timeline/index.js';
+export { CookieCategory, CookieChoices, CookieConsent, CookieConsentLabels, CookieConsentMode, CookieConsentProps } from './components/organisms/CookieConsent/index.js';
 export { useDelayedUnmount } from './hooks/useDelayedUnmount/index.js';
 export { useDismissableLayer } from './hooks/useDismissableLayer/index.js';
 export { useFocusTrap } from './hooks/useFocusTrap/index.js';
@@ -30,4 +32,5 @@ import 'react';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 import 'react/jsx-runtime';
+import './Select.styles-CeZROqOk.js';
 import 'clsx';

package/dist/index.js

@@ -1,32 +1,35 @@
-export { useMediaQuery } from './chunk-2HCMNEIQ.js';
-export { Drawer } from './chunk-VGLFR5SB.js';
+export { Dropdown } from './chunk-XUGSIK2P.js';
 export { Language } from './chunk-2YBZCUME.js';
-export { Snackbar } from './chunk-BKPP4D3Q.js';
+export { MediaCard } from './chunk-4TPQTZSR.js';
+export { Snackbar } from './chunk-27HTTVFO.js';
 export { Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow } from './chunk-XCUA543I.js';
-export { Timeline } from './chunk-UL33H4AD.js';
-export { Textarea } from './chunk-3YRDRHO3.js';
+export { Timeline } from './chunk-TRLFK626.js';
+export { CookieConsent } from './chunk-VK24YOIC.js';
+export { Modal } from './chunk-J7X6NLSR.js';
+export { Switch } from './chunk-KSNAVEJP.js';
+export { Textarea } from './chunk-UUW7L2AV.js';
 export { Accordion } from './chunk-V3YXRI7M.js';
-export { BottomSheet } from './chunk-ULLCBART.js';
-export { Breadcrumbs } from './chunk-PE6XEC7Y.js';
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-N5CLCKR3.js';
-export { CookieBanner } from './chunk-TR7XKJCO.js';
-export { CookiePreferences } from './chunk-36CVKI5R.js';
-export { Modal } from './chunk-W3H7DYWX.js';
-export { Switch } from './chunk-ZABQF65Z.js';
+export { BottomSheet } from './chunk-NTXFFBL6.js';
+export { Breadcrumbs } from './chunk-VCJN4FS2.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-ZH2EDGW6.js';
+export { Carousel } from './chunk-LLJXVAR6.js';
+export { useMediaQuery } from './chunk-2HCMNEIQ.js';
+export { Drawer } from './chunk-TO3FF6FR.js';
 export { useFocusTrap } from './chunk-QT62VC36.js';
 export { useScrollLock } from './chunk-53YMHM24.js';
-export { useDelayedUnmount } from './chunk-BNEEI7S5.js';
 export { useDismissableLayer } from './chunk-JCJP427C.js';
+export { useDelayedUnmount } from './chunk-BNEEI7S5.js';
 import './chunk-GQMA2AQI.js';
 export { Button, buttonStyles } from './chunk-KL6I2JFC.js';
 export { useMergedRef } from './chunk-P4Z7HH66.js';
-export { Icon } from './chunk-7HQFLM4A.js';
-export { Image } from './chunk-5IHM2545.js';
-export { Input } from './chunk-DP274HDM.js';
-export { Link } from './chunk-D4I5OF3C.js';
-export { Select } from './chunk-WUEVXL76.js';
+export { Icon } from './chunk-NA7YKEO4.js';
+export { Image } from './chunk-KAU7S3D4.js';
+export { Input } from './chunk-IY452YEX.js';
+export { Link } from './chunk-5LKLTY55.js';
+export { Select } from './chunk-DIA7L6IA.js';
+import './chunk-4H6VER5P.js';
 import './chunk-FFKHEBQ7.js';
-export { RichText, elementByVariant } from './chunk-P4CV2EPR.js';
+export { RichText, elementByVariant } from './chunk-SPDOYFCU.js';
 export { cn } from './chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inzumer/ui-library",
-  "version": "1.4.0",
+  "version": "2.0.0",
   "private": false,
   "description": "React UI component library for the Inzumer design system",
   "license": "MIT",
@@ -84,22 +84,30 @@
       "types": "./dist/components/molecules/Card/index.d.ts",
       "import": "./dist/components/molecules/Card/index.js"
     },
-    "./cookie-banner": {
-      "types": "./dist/components/molecules/CookieBanner/index.d.ts",
-      "import": "./dist/components/molecules/CookieBanner/index.js"
+    "./carousel": {
+      "types": "./dist/components/molecules/Carousel/index.d.ts",
+      "import": "./dist/components/molecules/Carousel/index.js"
     },
-    "./cookie-preferences": {
-      "types": "./dist/components/molecules/CookiePreferences/index.d.ts",
-      "import": "./dist/components/molecules/CookiePreferences/index.js"
+    "./cookie-consent": {
+      "types": "./dist/components/organisms/CookieConsent/index.d.ts",
+      "import": "./dist/components/organisms/CookieConsent/index.js"
     },
     "./drawer": {
       "types": "./dist/components/molecules/Drawer/index.d.ts",
       "import": "./dist/components/molecules/Drawer/index.js"
     },
+    "./dropdown": {
+      "types": "./dist/components/molecules/Dropdown/index.d.ts",
+      "import": "./dist/components/molecules/Dropdown/index.js"
+    },
     "./language": {
       "types": "./dist/components/molecules/Language/index.d.ts",
       "import": "./dist/components/molecules/Language/index.js"
     },
+    "./media-card": {
+      "types": "./dist/components/molecules/MediaCard/index.d.ts",
+      "import": "./dist/components/molecules/MediaCard/index.js"
+    },
     "./modal": {
       "types": "./dist/components/molecules/Modal/index.d.ts",
       "import": "./dist/components/molecules/Modal/index.js"

package/dist/chunk-36CVKI5R.js

@@ -1,79 +0,0 @@
-import { Modal } from './chunk-W3H7DYWX.js';
-import { Switch } from './chunk-ZABQF65Z.js';
-import { Button } from './chunk-KL6I2JFC.js';
-import { RichText } from './chunk-P4CV2EPR.js';
-import { useId } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-// src/components/molecules/CookiePreferences/CookiePreferences.styles.ts
-var cookiePreferencesIntroStyles = "mb-4 text-sm text-[var(--text-secondary)]";
-var cookieCategoryListStyles = "flex flex-col gap-4";
-var cookieCategoryStyles = "flex flex-col gap-2 rounded-lg border border-[var(--border-default)] p-4";
-var cookieCategoryHeaderStyles = "flex items-center justify-between gap-4";
-var cookieCategoryTitleStyles = "font-semibold text-[var(--text-primary)]";
-var cookieCategoryRequiredStyles = "text-xs font-semibold text-[var(--text-secondary)]";
-var cookieCategoryDescriptionStyles = "text-sm text-[var(--text-secondary)]";
-var CookiePreferences = ({
-  open,
-  onClose,
-  title,
-  description,
-  categories,
-  value,
-  onChange,
-  onSave,
-  saveLabel,
-  cancelLabel,
-  requiredLabel,
-  idPrefix
-}) => {
-  const baseId = useId();
-  const prefix = idPrefix ?? baseId;
-  return /* @__PURE__ */ jsxs(
-    Modal,
-    {
-      open,
-      onClose,
-      title,
-      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Button, { id: `${prefix}-cancel`, type: "button", variant: "ghost", onClick: onClose, children: cancelLabel }),
-        /* @__PURE__ */ jsx(Button, { id: `${prefix}-save`, type: "button", onClick: onSave, children: saveLabel })
-      ] }),
-      children: [
-        description && /* @__PURE__ */ jsx(RichText, { as: "p", variant: "p3", className: cookiePreferencesIntroStyles, children: description }),
-        /* @__PURE__ */ jsx("ul", { className: cookieCategoryListStyles, children: categories.map((category) => {
-          const descriptionId = `${prefix}-${category.id}-description`;
-          return /* @__PURE__ */ jsxs("li", { className: cookieCategoryStyles, children: [
-            /* @__PURE__ */ jsx("div", { className: cookieCategoryHeaderStyles, children: category.required ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(RichText, { as: "h3", variant: "p2", className: cookieCategoryTitleStyles, children: category.title }),
-              /* @__PURE__ */ jsx(RichText, { as: "span", variant: "p4", className: cookieCategoryRequiredStyles, children: requiredLabel })
-            ] }) : /* @__PURE__ */ jsx(
-              Switch,
-              {
-                id: `${prefix}-${category.id}`,
-                label: category.title,
-                checked: value[category.id] === true,
-                onCheckedChange: (checked) => onChange(category.id, checked),
-                "aria-describedby": descriptionId
-              }
-            ) }),
-            /* @__PURE__ */ jsx(
-              RichText,
-              {
-                as: "p",
-                id: descriptionId,
-                variant: "p3",
-                className: cookieCategoryDescriptionStyles,
-                children: category.description
-              }
-            )
-          ] }, category.id);
-        }) })
-      ]
-    }
-  );
-};
-
-export { CookiePreferences };
-//# sourceMappingURL=chunk-36CVKI5R.js.map
-//# sourceMappingURL=chunk-36CVKI5R.js.map

package/dist/chunk-36CVKI5R.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/molecules/CookiePreferences/CookiePreferences.styles.ts","../src/components/molecules/CookiePreferences/CookiePreferences.tsx"],"names":[],"mappings":"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","file":"chunk-36CVKI5R.js","sourcesContent":["export const cookiePreferencesIntroStyles = 'mb-4 text-sm text-[var(--text-secondary)]';\n\nexport const cookieCategoryListStyles = 'flex flex-col gap-4';\n\nexport const cookieCategoryStyles =\n  'flex flex-col gap-2 rounded-lg border border-[var(--border-default)] p-4';\n\nexport const cookieCategoryHeaderStyles = 'flex items-center justify-between gap-4';\n\nexport const cookieCategoryTitleStyles = 'font-semibold text-[var(--text-primary)]';\n\nexport const cookieCategoryRequiredStyles = 'text-xs font-semibold text-[var(--text-secondary)]';\n\nexport const cookieCategoryDescriptionStyles = 'text-sm text-[var(--text-secondary)]';\n","import { useId, type ReactNode } from 'react';\nimport { Button, Modal, RichText, Switch } from '@components';\nimport {\n  cookieCategoryDescriptionStyles,\n  cookieCategoryHeaderStyles,\n  cookieCategoryListStyles,\n  cookieCategoryRequiredStyles,\n  cookieCategoryStyles,\n  cookieCategoryTitleStyles,\n  cookiePreferencesIntroStyles,\n} from './CookiePreferences.styles';\n\nexport interface CookieCategory {\n  id: string;\n  title: string;\n  description: ReactNode;\n  /** Strictly necessary cookies can't be turned off; they show `requiredLabel` instead of a switch. */\n  required?: boolean;\n}\n\nexport interface CookiePreferencesProps {\n  open: boolean;\n  onClose: () => void;\n  title: ReactNode;\n  description?: ReactNode;\n  categories: CookieCategory[];\n  /** Enabled state of each optional category, by id. */\n  value: Record<string, boolean>;\n  onChange: (id: string, enabled: boolean) => void;\n  onSave: () => void;\n  saveLabel: string;\n  cancelLabel: string;\n  /** e.g. \"Always on\". */\n  requiredLabel: string;\n  /** Prefix for stable ids: `<prefix>-<category id>` switches and `<prefix>-save` / `<prefix>-cancel` buttons. */\n  idPrefix?: string;\n}\n\n/**\n * Per-category cookie choices in a `Modal` (focus trapped, Escape closes). Controlled: the\n * consumer holds `value` and persists it on `onSave`.\n */\nexport const CookiePreferences = ({\n  open,\n  onClose,\n  title,\n  description,\n  categories,\n  value,\n  onChange,\n  onSave,\n  saveLabel,\n  cancelLabel,\n  requiredLabel,\n  idPrefix,\n}: CookiePreferencesProps) => {\n  const baseId = useId();\n  const prefix = idPrefix ?? baseId;\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title={title}\n      footer={\n        <>\n          <Button id={`${prefix}-cancel`} type=\"button\" variant=\"ghost\" onClick={onClose}>\n            {cancelLabel}\n          </Button>\n          <Button id={`${prefix}-save`} type=\"button\" onClick={onSave}>\n            {saveLabel}\n          </Button>\n        </>\n      }\n    >\n      {description && (\n        <RichText as=\"p\" variant=\"p3\" className={cookiePreferencesIntroStyles}>\n          {description}\n        </RichText>\n      )}\n      <ul className={cookieCategoryListStyles}>\n        {categories.map((category) => {\n          const descriptionId = `${prefix}-${category.id}-description`;\n          return (\n            <li key={category.id} className={cookieCategoryStyles}>\n              <div className={cookieCategoryHeaderStyles}>\n                {category.required ? (\n                  <>\n                    <RichText as=\"h3\" variant=\"p2\" className={cookieCategoryTitleStyles}>\n                      {category.title}\n                    </RichText>\n                    <RichText as=\"span\" variant=\"p4\" className={cookieCategoryRequiredStyles}>\n                      {requiredLabel}\n                    </RichText>\n                  </>\n                ) : (\n                  <Switch\n                    id={`${prefix}-${category.id}`}\n                    label={category.title}\n                    checked={value[category.id] === true}\n                    onCheckedChange={(checked) => onChange(category.id, checked)}\n                    aria-describedby={descriptionId}\n                  />\n                )}\n              </div>\n              <RichText\n                as=\"p\"\n                id={descriptionId}\n                variant=\"p3\"\n                className={cookieCategoryDescriptionStyles}\n              >\n                {category.description}\n              </RichText>\n            </li>\n          );\n        })}\n      </ul>\n    </Modal>\n  );\n};\n"]}

package/dist/chunk-DP274HDM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":";;;;;;AAkBO,IAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,IAAA,EAAM,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,GAAG,KAAA,IAAS,GAAA,KAAQ;AAClF,IAAA,MAAM,cAAc,KAAA,EAAM;AAC1B,IAAA,MAAM,KAAK,MAAA,IAAU,WAAA;AACrB,IAAA,MAAM,aAAA,GAAgB,QAAQ,OAAA,GAAU,KAAA;AAExC,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBACC,GAAA,CAAC,OAAA,EAAA,EAAM,OAAA,EAAS,EAAA,EACd,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,gBAAA,EACzC,iBACH,CAAA,EACF,CAAA;AAAA,sBAEF,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,EAAA;AAAA,UACA,kBAAA,EAAkB,QAAQ,CAAA,EAAG,EAAE,WAAW,IAAA,GAAO,CAAA,EAAG,EAAE,CAAA,KAAA,CAAA,GAAU,MAAA;AAAA,UAChE,cAAA,EAAc,QAAQ,MAAA,GAAS,MAAA;AAAA,UAC/B,SAAA,EAAW,GAAG,WAAA,CAAY,EAAE,OAAO,aAAA,EAAe,SAAA,EAAW,CAAA,EAAG,SAAS,CAAA;AAAA,UACxE,GAAG;AAAA;AAAA,OACN;AAAA,MACC,KAAA,oBACC,GAAA,CAAC,QAAA,EAAA,EAAS,EAAA,EAAG,KAAI,EAAA,EAAI,CAAA,EAAG,EAAE,CAAA,MAAA,CAAA,EAAU,MAAK,OAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,kBACtE,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,CAAC,KAAA,IAAS,IAAA,oBACT,GAAA,CAAC,YAAS,EAAA,EAAG,GAAA,EAAI,EAAA,EAAI,CAAA,EAAG,EAAE,CAAA,KAAA,CAAA,EAAS,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,iBACxD,QAAA,EAAA,IAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-DP274HDM.js","sourcesContent":["import type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, useId, type InputHTMLAttributes } from 'react';\nimport { RichText } from '@components';\nimport { cn } from '@utils';\nimport {\n  inputErrorStyles,\n  inputHintStyles,\n  inputLabelStyles,\n  inputStyles,\n} from './Input.styles';\n\nexport type InputProps = InputHTMLAttributes<HTMLInputElement> &\n  VariantProps<typeof inputStyles> & {\n    label?: string;\n    hint?: string;\n    error?: string;\n  };\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, state, inputSize, label, hint, error, id: idProp, ...props }, ref) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const resolvedState = error ? 'error' : state;\n\n    return (\n      <div className=\"flex flex-col gap-1.5\">\n        {label && (\n          <label htmlFor={id}>\n            <RichText as=\"span\" variant=\"p3\" className={inputLabelStyles}>\n              {label}\n            </RichText>\n          </label>\n        )}\n        <input\n          ref={ref}\n          id={id}\n          aria-describedby={error ? `${id}-error` : hint ? `${id}-hint` : undefined}\n          aria-invalid={error ? 'true' : undefined}\n          className={cn(inputStyles({ state: resolvedState, inputSize }), className)}\n          {...props}\n        />\n        {error && (\n          <RichText as=\"p\" id={`${id}-error`} role=\"alert\" variant=\"p4\" className={inputErrorStyles}>\n            {error}\n          </RichText>\n        )}\n        {!error && hint && (\n          <RichText as=\"p\" id={`${id}-hint`} variant=\"p4\" className={inputHintStyles}>\n            {hint}\n          </RichText>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"]}