@inzumer/ui-library 1.5.0 → 2.0.0

package/dist/{chunk-BGUNAALU.js.map → chunk-XUGSIK2P.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/molecules/Dropdown/Dropdown.styles.ts","../src/components/molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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","file":"chunk-BGUNAALU.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const dropdownTriggerStyles = 'items-center text-left';\n\nexport const dropdownValueStyles = 'truncate';\n\nexport const dropdownChevronStyles = 'transition-transform duration-150 ease-out';\n\nexport const dropdownListStyles = [\n  'absolute left-0 right-0 top-full z-50 mt-1 max-h-60 overflow-y-auto p-1',\n  'rounded-md border border-[var(--input-border)] bg-[var(--input-bg)] shadow-lg',\n  'focus:outline-none',\n].join(' ');\n\nexport const dropdownOptionStyles = cva(\n  'flex min-h-10 cursor-pointer items-center justify-between gap-3 rounded px-3 text-[var(--input-text)]',\n  {\n    variants: {\n      active: {\n        true: 'bg-[var(--btn-primary-bg)] text-[var(--btn-primary-text)]',\n        false: '',\n      },\n      selected: {\n        true: 'font-semibold',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      active: false,\n      selected: false,\n    },\n  },\n);\n\nexport const dropdownCheckStyles = 'size-4 shrink-0';\n","import { RichText } from '@components';\nimport { useDismissableLayer } from '@hooks';\nimport { cn } from '@utils';\nimport type { VariantProps } from 'class-variance-authority';\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type KeyboardEvent,\n} from 'react';\nimport {\n  inputErrorStyles,\n  inputHintStyles,\n  inputLabelStyles,\n} from '@components/atoms/Input/Input.styles';\nimport { selectChevronStyles, selectStyles } from '@components/atoms/Select/Select.styles';\nimport {\n  dropdownCheckStyles,\n  dropdownChevronStyles,\n  dropdownListStyles,\n  dropdownOptionStyles,\n  dropdownTriggerStyles,\n  dropdownValueStyles,\n} from './Dropdown.styles';\n\nexport interface DropdownOption {\n  value: string;\n  label: string;\n}\n\nexport type DropdownProps = VariantProps<typeof selectStyles> & {\n  label: string;\n  options: DropdownOption[];\n  value: string;\n  onChange: (value: string) => void;\n  hint?: string;\n  error?: string;\n  disabled?: boolean;\n  id?: string;\n  name?: string;\n  className?: string;\n};\n\n/**\n * A select whose list is drawn with the theme (a native `<select>` opens the platform picker).\n * WAI-ARIA \"select-only combobox\": focus stays on the trigger and the active option is announced\n * through `aria-activedescendant`; arrows, Home/End, Enter/Space, Escape and typing a letter behave\n * like a native select.\n */\nexport const Dropdown = forwardRef<HTMLButtonElement, DropdownProps>(\n  (\n    {\n      label,\n      options,\n      value,\n      onChange,\n      hint,\n      error,\n      disabled,\n      id: idProp,\n      name,\n      inputSize,\n      state,\n      className,\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const labelId = `${id}-label`;\n    const listId = `${id}-listbox`;\n    const containerRef = useRef<HTMLDivElement>(null);\n    const listRef = useRef<HTMLUListElement>(null);\n    const [open, setOpen] = useState(false);\n    const selectedIndex = Math.max(\n      0,\n      options.findIndex((option) => option.value === value),\n    );\n    const [activeIndex, setActiveIndex] = useState(selectedIndex);\n    const last = options.length - 1;\n    const resolvedState = error ? 'error' : state;\n\n    const close = useCallback(() => setOpen(false), []);\n    useDismissableLayer(open, close, containerRef);\n\n    useEffect(() => {\n      if (open) {\n        listRef.current?.children[activeIndex]?.scrollIntoView?.({ block: 'nearest' });\n      }\n    }, [open, activeIndex]);\n\n    const openAt = (index: number) => {\n      setActiveIndex(index);\n      setOpen(true);\n    };\n\n    const choose = (index: number) => {\n      const option = options[index];\n      if (option && option.value !== value) {\n        onChange(option.value);\n      }\n      setOpen(false);\n    };\n\n    const indexForLetter = (key: string) => {\n      const start = (open ? activeIndex : selectedIndex) + 1;\n      const ordered = [...options.slice(start), ...options.slice(0, start)];\n      const match = ordered.find((option) =>\n        option.label.toLowerCase().startsWith(key.toLowerCase()),\n      );\n      return match ? options.indexOf(match) : -1;\n    };\n\n    const openKeys: Record<string, () => void> = {\n      ArrowDown: () => setActiveIndex((index) => Math.min(last, index + 1)),\n      ArrowUp: () => setActiveIndex((index) => Math.max(0, index - 1)),\n      Home: () => setActiveIndex(0),\n      End: () => setActiveIndex(last),\n      Enter: () => choose(activeIndex),\n      ' ': () => choose(activeIndex),\n      Escape: close,\n    };\n\n    const closedKeys: Record<string, () => void> = {\n      ArrowDown: () => openAt(selectedIndex),\n      ArrowUp: () => openAt(selectedIndex),\n      Home: () => openAt(0),\n      End: () => openAt(last),\n      Enter: () => openAt(selectedIndex),\n      ' ': () => openAt(selectedIndex),\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n      if (event.key === 'Tab') {\n        close();\n        return;\n      }\n      const action = (open ? openKeys : closedKeys)[event.key];\n      if (action) {\n        event.preventDefault();\n        action();\n        return;\n      }\n      if (event.key.length === 1 && event.key.trim() !== '') {\n        const index = indexForLetter(event.key);\n        if (index >= 0 && open) {\n          setActiveIndex(index);\n        } else if (index >= 0) {\n          choose(index);\n        }\n      }\n    };\n\n    return (\n      <div className={cn('flex flex-col gap-1.5', className)}>\n        <RichText as=\"span\" id={labelId} variant=\"p3\" className={inputLabelStyles}>\n          {label}\n        </RichText>\n        <div ref={containerRef} className=\"relative\">\n          <button\n            ref={ref}\n            id={id}\n            type=\"button\"\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-expanded={open}\n            aria-controls={listId}\n            aria-labelledby={`${labelId} ${id}`}\n            aria-activedescendant={open ? `${id}-option-${activeIndex}` : undefined}\n            aria-describedby={error ? `${id}-error` : hint ? `${id}-hint` : undefined}\n            aria-invalid={error ? 'true' : undefined}\n            disabled={disabled}\n            onClick={() => (open ? close() : openAt(selectedIndex))}\n            onKeyDown={handleKeyDown}\n            className={cn(selectStyles({ state: resolvedState, inputSize }), dropdownTriggerStyles)}\n          >\n            <RichText as=\"span\" variant=\"s3\" className={cn(dropdownValueStyles, 'text-inherit')}>\n              {options[selectedIndex]?.label}\n            </RichText>\n          </button>\n          <svg\n            aria-hidden\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            className={cn(selectChevronStyles, dropdownChevronStyles, open && 'rotate-180')}\n          >\n            <path d=\"m6 9 6 6 6-6\" />\n          </svg>\n          {name && <input type=\"hidden\" name={name} value={value} />}\n          <ul\n            ref={listRef}\n            id={listId}\n            role=\"listbox\"\n            aria-labelledby={labelId}\n            tabIndex={-1}\n            hidden={!open}\n            className={dropdownListStyles}\n          >\n            {options.map((option, index) => {\n              const selected = index === selectedIndex;\n              return (\n                // Options never take focus (APG select-only combobox): the trigger handles the keys.\n                // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n                <li\n                  key={option.value}\n                  id={`${id}-option-${index}`}\n                  role=\"option\"\n                  aria-selected={selected}\n                  onPointerDown={(event) => event.preventDefault()}\n                  onPointerEnter={() => setActiveIndex(index)}\n                  onClick={() => choose(index)}\n                  className={dropdownOptionStyles({ active: index === activeIndex, selected })}\n                >\n                  <RichText as=\"span\" variant=\"s3\" className=\"text-inherit\">\n                    {option.label}\n                  </RichText>\n                  {selected && (\n                    <svg\n                      aria-hidden\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth={2.5}\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      className={dropdownCheckStyles}\n                    >\n                      <path d=\"M5 12l5 5 9-10\" />\n                    </svg>\n                  )}\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n        {error && (\n          <RichText\n            as=\"p\"\n            id={`${id}-error`}\n            role=\"alert\"\n            variant=\"p4\"\n            className={inputErrorStyles}\n          >\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\nDropdown.displayName = 'Dropdown';\n"]}
+{"version":3,"sources":["../src/components/molecules/Dropdown/Dropdown.styles.ts","../src/components/molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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","file":"chunk-XUGSIK2P.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const dropdownTriggerStyles = 'items-center text-left';\n\nexport const dropdownValueStyles = 'truncate';\n\nexport const dropdownChevronStyles = 'transition-transform duration-150 ease-out';\n\nexport const dropdownListStyles = [\n  'absolute left-0 right-0 top-full z-50 mt-1 max-h-60 overflow-y-auto p-1',\n  'rounded-md border border-[var(--input-border)] bg-[var(--input-bg)] shadow-lg',\n  'focus:outline-none',\n].join(' ');\n\nexport const dropdownOptionStyles = cva(\n  'flex min-h-10 cursor-pointer items-center justify-between gap-3 rounded px-3 text-[var(--input-text)]',\n  {\n    variants: {\n      active: {\n        true: 'bg-[var(--btn-primary-bg)] text-[var(--btn-primary-text)]',\n        false: '',\n      },\n      selected: {\n        true: 'font-semibold',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      active: false,\n      selected: false,\n    },\n  },\n);\n\nexport const dropdownCheckStyles = 'size-4 shrink-0';\n","import { RichText } from '@components';\nimport { useDismissableLayer } from '@hooks';\nimport { cn } from '@utils';\nimport type { VariantProps } from 'class-variance-authority';\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type KeyboardEvent,\n} from 'react';\nimport {\n  inputErrorStyles,\n  inputHintStyles,\n  inputLabelStyles,\n} from '@components/atoms/Input/Input.styles';\nimport { selectChevronStyles, selectStyles } from '@components/atoms/Select/Select.styles';\nimport {\n  dropdownCheckStyles,\n  dropdownChevronStyles,\n  dropdownListStyles,\n  dropdownOptionStyles,\n  dropdownTriggerStyles,\n  dropdownValueStyles,\n} from './Dropdown.styles';\n\nexport interface DropdownOption {\n  value: string;\n  label: string;\n}\n\nexport type DropdownProps = VariantProps<typeof selectStyles> & {\n  label: string;\n  options: DropdownOption[];\n  value: string;\n  onChange: (value: string) => void;\n  hint?: string;\n  error?: string;\n  disabled?: boolean;\n  id?: string;\n  name?: string;\n  className?: string;\n};\n\n/**\n * A select whose list is drawn with the theme (a native `<select>` opens the platform picker).\n * WAI-ARIA \"select-only combobox\": focus stays on the trigger and the active option is announced\n * through `aria-activedescendant`; arrows, Home/End, Enter/Space, Escape and typing a letter behave\n * like a native select.\n */\nexport const Dropdown = forwardRef<HTMLButtonElement, DropdownProps>(\n  (\n    {\n      label,\n      options,\n      value,\n      onChange,\n      hint,\n      error,\n      disabled,\n      id: idProp,\n      name,\n      inputSize,\n      state,\n      className,\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const labelId = `${id}-label`;\n    const listId = `${id}-listbox`;\n    const containerRef = useRef<HTMLDivElement>(null);\n    const listRef = useRef<HTMLUListElement>(null);\n    const [open, setOpen] = useState(false);\n    const selectedIndex = Math.max(\n      0,\n      options.findIndex((option) => option.value === value),\n    );\n    const [activeIndex, setActiveIndex] = useState(selectedIndex);\n    const last = options.length - 1;\n    const resolvedState = error ? 'error' : state;\n\n    const close = useCallback(() => setOpen(false), []);\n    useDismissableLayer(open, close, containerRef);\n\n    useEffect(() => {\n      if (open) {\n        listRef.current?.children[activeIndex]?.scrollIntoView?.({ block: 'nearest' });\n      }\n    }, [open, activeIndex]);\n\n    const openAt = (index: number) => {\n      setActiveIndex(index);\n      setOpen(true);\n    };\n\n    const choose = (index: number) => {\n      const option = options[index];\n      if (option && option.value !== value) {\n        onChange(option.value);\n      }\n      setOpen(false);\n    };\n\n    const indexForLetter = (key: string) => {\n      const start = (open ? activeIndex : selectedIndex) + 1;\n      const ordered = [...options.slice(start), ...options.slice(0, start)];\n      const match = ordered.find((option) =>\n        option.label.toLowerCase().startsWith(key.toLowerCase()),\n      );\n      return match ? options.indexOf(match) : -1;\n    };\n\n    const openKeys: Record<string, () => void> = {\n      ArrowDown: () => setActiveIndex((index) => Math.min(last, index + 1)),\n      ArrowUp: () => setActiveIndex((index) => Math.max(0, index - 1)),\n      Home: () => setActiveIndex(0),\n      End: () => setActiveIndex(last),\n      Enter: () => choose(activeIndex),\n      ' ': () => choose(activeIndex),\n      Escape: close,\n    };\n\n    const closedKeys: Record<string, () => void> = {\n      ArrowDown: () => openAt(selectedIndex),\n      ArrowUp: () => openAt(selectedIndex),\n      Home: () => openAt(0),\n      End: () => openAt(last),\n      Enter: () => openAt(selectedIndex),\n      ' ': () => openAt(selectedIndex),\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n      if (event.key === 'Tab') {\n        close();\n        return;\n      }\n      const action = (open ? openKeys : closedKeys)[event.key];\n      if (action) {\n        event.preventDefault();\n        action();\n        return;\n      }\n      if (event.key.length === 1 && event.key.trim() !== '') {\n        const index = indexForLetter(event.key);\n        if (index >= 0 && open) {\n          setActiveIndex(index);\n        } else if (index >= 0) {\n          choose(index);\n        }\n      }\n    };\n\n    return (\n      <div className={cn('flex flex-col gap-1.5', className)}>\n        <RichText as=\"span\" id={labelId} variant=\"p3\" className={inputLabelStyles}>\n          {label}\n        </RichText>\n        <div ref={containerRef} className=\"relative\">\n          <button\n            ref={ref}\n            id={id}\n            type=\"button\"\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-expanded={open}\n            aria-controls={listId}\n            aria-labelledby={`${labelId} ${id}`}\n            aria-activedescendant={open ? `${id}-option-${activeIndex}` : undefined}\n            aria-describedby={error ? `${id}-error` : hint ? `${id}-hint` : undefined}\n            aria-invalid={error ? 'true' : undefined}\n            disabled={disabled}\n            onClick={() => (open ? close() : openAt(selectedIndex))}\n            onKeyDown={handleKeyDown}\n            className={cn(selectStyles({ state: resolvedState, inputSize }), dropdownTriggerStyles)}\n          >\n            <RichText as=\"span\" variant=\"s3\" className={cn(dropdownValueStyles, 'text-inherit')}>\n              {options[selectedIndex]?.label}\n            </RichText>\n          </button>\n          <svg\n            aria-hidden\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            className={cn(selectChevronStyles, dropdownChevronStyles, open && 'rotate-180')}\n          >\n            <path d=\"m6 9 6 6 6-6\" />\n          </svg>\n          {name && <input type=\"hidden\" name={name} value={value} />}\n          <ul\n            ref={listRef}\n            id={listId}\n            role=\"listbox\"\n            aria-labelledby={labelId}\n            tabIndex={-1}\n            hidden={!open}\n            className={dropdownListStyles}\n          >\n            {options.map((option, index) => {\n              const selected = index === selectedIndex;\n              return (\n                // Options never take focus (APG select-only combobox): the trigger handles the keys.\n                // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n                <li\n                  key={option.value}\n                  id={`${id}-option-${index}`}\n                  role=\"option\"\n                  aria-selected={selected}\n                  onPointerDown={(event) => event.preventDefault()}\n                  onPointerEnter={() => setActiveIndex(index)}\n                  onClick={() => choose(index)}\n                  className={dropdownOptionStyles({ active: index === activeIndex, selected })}\n                >\n                  <RichText as=\"span\" variant=\"s3\" className=\"text-inherit\">\n                    {option.label}\n                  </RichText>\n                  {selected && (\n                    <svg\n                      aria-hidden\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth={2.5}\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      className={dropdownCheckStyles}\n                    >\n                      <path d=\"M5 12l5 5 9-10\" />\n                    </svg>\n                  )}\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n        {error && (\n          <RichText\n            as=\"p\"\n            id={`${id}-error`}\n            role=\"alert\"\n            variant=\"p4\"\n            className={inputErrorStyles}\n          >\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\nDropdown.displayName = 'Dropdown';\n"]}

package/dist/{chunk-N5CLCKR3.js → chunk-ZH2EDGW6.js}

@@ -1,4 +1,4 @@
-import { RichText } from './chunk-P4CV2EPR.js';
+import { RichText } from './chunk-SPDOYFCU.js';
 import { cn } from './chunk-6LLGTBM6.js';
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
@@ -67,5 +67,5 @@ var CardFooter = forwardRef(
 CardFooter.displayName = "CardFooter";
 
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
-//# sourceMappingURL=chunk-N5CLCKR3.js.map
-//# sourceMappingURL=chunk-N5CLCKR3.js.map
+//# sourceMappingURL=chunk-ZH2EDGW6.js.map
+//# sourceMappingURL=chunk-ZH2EDGW6.js.map

package/dist/{chunk-N5CLCKR3.js.map → chunk-ZH2EDGW6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/molecules/Card/Card.styles.ts","../src/components/molecules/Card/Card.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,UAAA,GAAa,GAAA;AAAA,EACxB,CAAC,kFAAkF,WAAW,CAAA;AAAA,EAC9F;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,KAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,gBAAA,GAAmB,2BAAA;AAEzB,IAAM,eAAA,GAAkB,+DAAA;AAExB,IAAM,qBAAA,GAAwB,sCAAA;AAE9B,IAAM,iBAAA,GAAoB,WAAA;AAE1B,IAAM,gBAAA,GAAmB,6BAAA;ACTzB,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,SAAA,GAAY,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC3C,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,UAAA,CAAW,EAAE,OAAA,EAAS,CAAC,SAAA,EAAW,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE7F;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAIZ,IAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,gBAAA,EAAkB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE1E;AACA,UAAA,CAAW,WAAA,GAAc,YAAA;AAMlB,IAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,EAAA,GAAK,MAAM,GAAG,KAAA,IAAS,GAAA,qBACnC,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA;AAAA,MACA,OAAA,EAAQ,IAAA;AAAA,MACR,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,SAAS,CAAA;AAAA,MACvC,GAAG;AAAA;AAAA;AAGV;AACA,SAAA,CAAU,WAAA,GAAc,WAAA;AAIjB,IAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA,EAAG,GAAA;AAAA,MACH,OAAA,EAAQ,IAAA;AAAA,MACR,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAC7C,GAAG;AAAA;AAAA;AAGV;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAIvB,IAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE3E;AACA,WAAA,CAAY,WAAA,GAAc,aAAA;AAInB,IAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,gBAAA,EAAkB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE1E;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-N5CLCKR3.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const cardStyles = cva(\n  ['rounded-xl border border-[var(--border-default)] bg-[var(--surface-secondary)]', 'shadow-sm'],\n  {\n    variants: {\n      padding: {\n        true: 'p-6',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      padding: true,\n    },\n  },\n);\n\nexport const cardHeaderStyles = 'flex flex-col gap-1.5 p-6';\n\nexport const cardTitleStyles = 'text-lg font-semibold leading-none text-[var(--text-primary)]';\n\nexport const cardDescriptionStyles = 'text-sm text-[var(--text-secondary)]';\n\nexport const cardContentStyles = 'px-6 pb-6';\n\nexport const cardFooterStyles = 'flex items-center px-6 pb-6';\n","import { forwardRef, type ForwardedRef, type HTMLAttributes } from 'react';\nimport { RichText } from '@components';\nimport { cn } from '@utils';\nimport {\n  cardContentStyles,\n  cardDescriptionStyles,\n  cardFooterStyles,\n  cardHeaderStyles,\n  cardStyles,\n  cardTitleStyles,\n} from './Card.styles';\n\nexport type CardProps = HTMLAttributes<HTMLDivElement> & {\n  noPadding?: boolean;\n};\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  ({ className, noPadding = false, ...props }, ref) => (\n    <div ref={ref} className={cn(cardStyles({ padding: !noPadding }), className)} {...props} />\n  ),\n);\nCard.displayName = 'Card';\n\nexport type CardHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(cardHeaderStyles, className)} {...props} />\n  ),\n);\nCardHeader.displayName = 'CardHeader';\n\nexport type CardTitleProps = HTMLAttributes<HTMLHeadingElement> & {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n};\n\nexport const CardTitle = forwardRef<HTMLHeadingElement, CardTitleProps>(\n  ({ className, as = 'h3', ...props }, ref) => (\n    <RichText\n      ref={ref as ForwardedRef<HTMLElement>}\n      as={as}\n      variant=\"s1\"\n      className={cn(cardTitleStyles, className)}\n      {...props}\n    />\n  ),\n);\nCardTitle.displayName = 'CardTitle';\n\nexport type CardDescriptionProps = HTMLAttributes<HTMLParagraphElement>;\n\nexport const CardDescription = forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <RichText\n      ref={ref as ForwardedRef<HTMLElement>}\n      as=\"p\"\n      variant=\"p3\"\n      className={cn(cardDescriptionStyles, className)}\n      {...props}\n    />\n  ),\n);\nCardDescription.displayName = 'CardDescription';\n\nexport type CardContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CardContent = forwardRef<HTMLDivElement, CardContentProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(cardContentStyles, className)} {...props} />\n  ),\n);\nCardContent.displayName = 'CardContent';\n\nexport type CardFooterProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(cardFooterStyles, className)} {...props} />\n  ),\n);\nCardFooter.displayName = 'CardFooter';\n"]}
+{"version":3,"sources":["../src/components/molecules/Card/Card.styles.ts","../src/components/molecules/Card/Card.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,UAAA,GAAa,GAAA;AAAA,EACxB,CAAC,kFAAkF,WAAW,CAAA;AAAA,EAC9F;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,KAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,gBAAA,GAAmB,2BAAA;AAEzB,IAAM,eAAA,GAAkB,+DAAA;AAExB,IAAM,qBAAA,GAAwB,sCAAA;AAE9B,IAAM,iBAAA,GAAoB,WAAA;AAE1B,IAAM,gBAAA,GAAmB,6BAAA;ACTzB,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,SAAA,GAAY,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC3C,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,UAAA,CAAW,EAAE,OAAA,EAAS,CAAC,SAAA,EAAW,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE7F;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAIZ,IAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,gBAAA,EAAkB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE1E;AACA,UAAA,CAAW,WAAA,GAAc,YAAA;AAMlB,IAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,EAAA,GAAK,MAAM,GAAG,KAAA,IAAS,GAAA,qBACnC,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA;AAAA,MACA,OAAA,EAAQ,IAAA;AAAA,MACR,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,SAAS,CAAA;AAAA,MACvC,GAAG;AAAA;AAAA;AAGV;AACA,SAAA,CAAU,WAAA,GAAc,WAAA;AAIjB,IAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA,EAAG,GAAA;AAAA,MACH,OAAA,EAAQ,IAAA;AAAA,MACR,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAC7C,GAAG;AAAA;AAAA;AAGV;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAIvB,IAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE3E;AACA,WAAA,CAAY,WAAA,GAAc,aAAA;AAInB,IAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,gBAAA,EAAkB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE1E;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-ZH2EDGW6.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const cardStyles = cva(\n  ['rounded-xl border border-[var(--border-default)] bg-[var(--surface-secondary)]', 'shadow-sm'],\n  {\n    variants: {\n      padding: {\n        true: 'p-6',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      padding: true,\n    },\n  },\n);\n\nexport const cardHeaderStyles = 'flex flex-col gap-1.5 p-6';\n\nexport const cardTitleStyles = 'text-lg font-semibold leading-none text-[var(--text-primary)]';\n\nexport const cardDescriptionStyles = 'text-sm text-[var(--text-secondary)]';\n\nexport const cardContentStyles = 'px-6 pb-6';\n\nexport const cardFooterStyles = 'flex items-center px-6 pb-6';\n","import { RichText } from '@components';\nimport { cn } from '@utils';\nimport { forwardRef, type ForwardedRef, type HTMLAttributes } from 'react';\nimport {\n  cardContentStyles,\n  cardDescriptionStyles,\n  cardFooterStyles,\n  cardHeaderStyles,\n  cardStyles,\n  cardTitleStyles,\n} from './Card.styles';\n\nexport type CardProps = HTMLAttributes<HTMLDivElement> & {\n  noPadding?: boolean;\n};\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  ({ className, noPadding = false, ...props }, ref) => (\n    <div ref={ref} className={cn(cardStyles({ padding: !noPadding }), className)} {...props} />\n  ),\n);\nCard.displayName = 'Card';\n\nexport type CardHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(cardHeaderStyles, className)} {...props} />\n  ),\n);\nCardHeader.displayName = 'CardHeader';\n\nexport type CardTitleProps = HTMLAttributes<HTMLHeadingElement> & {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n};\n\nexport const CardTitle = forwardRef<HTMLHeadingElement, CardTitleProps>(\n  ({ className, as = 'h3', ...props }, ref) => (\n    <RichText\n      ref={ref as ForwardedRef<HTMLElement>}\n      as={as}\n      variant=\"s1\"\n      className={cn(cardTitleStyles, className)}\n      {...props}\n    />\n  ),\n);\nCardTitle.displayName = 'CardTitle';\n\nexport type CardDescriptionProps = HTMLAttributes<HTMLParagraphElement>;\n\nexport const CardDescription = forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <RichText\n      ref={ref as ForwardedRef<HTMLElement>}\n      as=\"p\"\n      variant=\"p3\"\n      className={cn(cardDescriptionStyles, className)}\n      {...props}\n    />\n  ),\n);\nCardDescription.displayName = 'CardDescription';\n\nexport type CardContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CardContent = forwardRef<HTMLDivElement, CardContentProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(cardContentStyles, className)} {...props} />\n  ),\n);\nCardContent.displayName = 'CardContent';\n\nexport type CardFooterProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(cardFooterStyles, className)} {...props} />\n  ),\n);\nCardFooter.displayName = 'CardFooter';\n"]}

package/dist/components/atoms/Icon/index.js

@@ -1,4 +1,4 @@
-export { Icon } from '../../../chunk-7HQFLM4A.js';
+export { Icon } from '../../../chunk-NA7YKEO4.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Image/index.js

@@ -1,4 +1,4 @@
-export { Image } from '../../../chunk-5IHM2545.js';
+export { Image } from '../../../chunk-KAU7S3D4.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Input/index.js

@@ -1,6 +1,6 @@
-export { Input } from '../../../chunk-DP274HDM.js';
+export { Input } from '../../../chunk-IY452YEX.js';
 import '../../../chunk-FFKHEBQ7.js';
-import '../../../chunk-P4CV2EPR.js';
+import '../../../chunk-SPDOYFCU.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Link/index.js

@@ -1,4 +1,4 @@
-export { Link } from '../../../chunk-D4I5OF3C.js';
+export { Link } from '../../../chunk-5LKLTY55.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/RichText/index.js

@@ -1,4 +1,4 @@
-export { RichText, elementByVariant } from '../../../chunk-P4CV2EPR.js';
+export { RichText, elementByVariant } from '../../../chunk-SPDOYFCU.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Select/index.js

@@ -1,7 +1,7 @@
-export { Select } from '../../../chunk-YYNW2PXL.js';
+export { Select } from '../../../chunk-DIA7L6IA.js';
 import '../../../chunk-4H6VER5P.js';
 import '../../../chunk-FFKHEBQ7.js';
-import '../../../chunk-P4CV2EPR.js';
+import '../../../chunk-SPDOYFCU.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Switch/index.js

@@ -1,5 +1,5 @@
-export { Switch } from '../../../chunk-ZABQF65Z.js';
-import '../../../chunk-P4CV2EPR.js';
+export { Switch } from '../../../chunk-KSNAVEJP.js';
+import '../../../chunk-SPDOYFCU.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Textarea/index.js

@@ -1,6 +1,6 @@
-export { Textarea } from '../../../chunk-3YRDRHO3.js';
+export { Textarea } from '../../../chunk-UUW7L2AV.js';
 import '../../../chunk-FFKHEBQ7.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/BottomSheet/index.js

@@ -1,10 +1,10 @@
-export { BottomSheet } from '../../../chunk-L4BPQAXU.js';
+export { BottomSheet } from '../../../chunk-NTXFFBL6.js';
 import '../../../chunk-QT62VC36.js';
 import '../../../chunk-53YMHM24.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/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-42G4RRCZ.js';
+export { Drawer } from '../../../chunk-TO3FF6FR.js';
 import '../../../chunk-QT62VC36.js';
 import '../../../chunk-53YMHM24.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.js

@@ -1,8 +1,8 @@
-export { Dropdown } from '../../../chunk-BGUNAALU.js';
+export { Dropdown } from '../../../chunk-XUGSIK2P.js';
 import '../../../chunk-JCJP427C.js';
 import '../../../chunk-4H6VER5P.js';
 import '../../../chunk-FFKHEBQ7.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/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/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-4CY55XM3.js';
+export { Modal } from '../../../chunk-J7X6NLSR.js';
 import '../../../chunk-QT62VC36.js';
 import '../../../chunk-53YMHM24.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-LSWJBAM6.js';
-import '../../../chunk-4CY55XM3.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-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,15 +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';