@inzumer/ui-library 1.5.0 → 2.0.0

package/dist/{chunk-BKPP4D3Q.js → chunk-27HTTVFO.js}

@@ -58,5 +58,5 @@ var Snackbar = forwardRef(
 Snackbar.displayName = "Snackbar";
 
 export { Snackbar };
-//# sourceMappingURL=chunk-BKPP4D3Q.js.map
-//# sourceMappingURL=chunk-BKPP4D3Q.js.map
+//# sourceMappingURL=chunk-27HTTVFO.js.map
+//# sourceMappingURL=chunk-27HTTVFO.js.map

package/dist/{chunk-BKPP4D3Q.js.map → chunk-27HTTVFO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/molecules/Snackbar/Snackbar.styles.ts","../src/components/molecules/Snackbar/Snackbar.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,qBAAA,GACX,4EAAA;AAEK,IAAM,cAAA,GAAiB,GAAA;AAAA,EAC5B;AAAA,IACE,mEAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,2EAAA;AAAA,QACN,OAAA,EAAS,kEAAA;AAAA,QACT,KAAA,EAAO,iEAAA;AAAA,QACP,OAAA,EACE;AAAA,OACJ;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,2BAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,MAAA,EAAQ,MAAA;AAAA,MACR,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;ACvBA,IAAM,gBAAA,GAAmB,GAAA;AAUlB,IAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,EAAE,IAAA,EAAM,OAAA,EAAS,OAAA,EAAS,MAAA,EAAQ,QAAA,GAAW,GAAA,EAAM,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACjF,IAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAQ,GAAI,iBAAA,CAAkB,MAAM,gBAAgB,CAAA;AAErE,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,QAAA,EAAU;AACtB,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,SAAA,GAAY,UAAA,CAAW,OAAA,EAAS,QAAQ,CAAA;AAC9C,MAAA,OAAO,MAAM,aAAa,SAAS,CAAA;AAAA,IACrC,CAAA,EAAG,CAAC,IAAA,EAAM,QAAA,EAAU,OAAO,CAAC,CAAA;AAE5B,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,qBAAA,EACd,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAM,MAAA,KAAW,OAAA,GAAU,OAAA,GAAU,QAAA;AAAA,QACrC,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,QAAQ,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,QAC3D,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-BKPP4D3Q.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const snackbarWrapperStyles =\n  'pointer-events-none fixed inset-x-0 bottom-4 z-50 flex justify-center px-4';\n\nexport const snackbarStyles = cva(\n  [\n    'pointer-events-auto rounded-md border px-4 py-3 text-sm shadow-lg',\n    'transition-all duration-200 ease-out',\n  ],\n  {\n    variants: {\n      status: {\n        info: 'border-transparent bg-[var(--surface-inverse)] text-[var(--text-inverse)]',\n        success: 'border-transparent bg-[rgb(var(--color-success-600))] text-white',\n        error: 'border-transparent bg-[rgb(var(--color-danger-600))] text-white',\n        warning:\n          'border-transparent bg-[rgb(var(--color-warning-500))] text-[rgb(var(--color-neutral-900))]',\n      },\n      visible: {\n        true: 'translate-y-0 opacity-100',\n        false: 'translate-y-2 opacity-0',\n      },\n    },\n    defaultVariants: {\n      status: 'info',\n      visible: false,\n    },\n  },\n);\n","import type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, useEffect, type HTMLAttributes, type ReactNode } from 'react';\nimport { useDelayedUnmount } from '@hooks';\nimport { cn } from '@utils';\nimport { snackbarStyles, snackbarWrapperStyles } from './Snackbar.styles';\n\nconst EXIT_DURATION_MS = 200;\n\nexport type SnackbarProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> &\n  Omit<VariantProps<typeof snackbarStyles>, 'visible'> & {\n    open: boolean;\n    onClose: () => void;\n    message: ReactNode;\n    duration?: number;\n  };\n\nexport const Snackbar = forwardRef<HTMLDivElement, SnackbarProps>(\n  ({ open, onClose, message, status, duration = 4000, className, ...props }, ref) => {\n    const { mounted, visible } = useDelayedUnmount(open, EXIT_DURATION_MS);\n\n    useEffect(() => {\n      if (!open || !duration) {\n        return;\n      }\n\n      const timeoutId = setTimeout(onClose, duration);\n      return () => clearTimeout(timeoutId);\n    }, [open, duration, onClose]);\n\n    if (!mounted) {\n      return null;\n    }\n\n    return (\n      <div className={snackbarWrapperStyles}>\n        <div\n          ref={ref}\n          role={status === 'error' ? 'alert' : 'status'}\n          className={cn(snackbarStyles({ status, visible }), className)}\n          {...props}\n        >\n          {message}\n        </div>\n      </div>\n    );\n  },\n);\n\nSnackbar.displayName = 'Snackbar';\n"]}
+{"version":3,"sources":["../src/components/molecules/Snackbar/Snackbar.styles.ts","../src/components/molecules/Snackbar/Snackbar.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,qBAAA,GACX,4EAAA;AAEK,IAAM,cAAA,GAAiB,GAAA;AAAA,EAC5B;AAAA,IACE,mEAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,2EAAA;AAAA,QACN,OAAA,EAAS,kEAAA;AAAA,QACT,KAAA,EAAO,iEAAA;AAAA,QACP,OAAA,EACE;AAAA,OACJ;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,2BAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,MAAA,EAAQ,MAAA;AAAA,MACR,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;ACvBA,IAAM,gBAAA,GAAmB,GAAA;AAUlB,IAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,EAAE,IAAA,EAAM,OAAA,EAAS,OAAA,EAAS,MAAA,EAAQ,QAAA,GAAW,GAAA,EAAM,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACjF,IAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAQ,GAAI,iBAAA,CAAkB,MAAM,gBAAgB,CAAA;AAErE,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,QAAA,EAAU;AACtB,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,SAAA,GAAY,UAAA,CAAW,OAAA,EAAS,QAAQ,CAAA;AAC9C,MAAA,OAAO,MAAM,aAAa,SAAS,CAAA;AAAA,IACrC,CAAA,EAAG,CAAC,IAAA,EAAM,QAAA,EAAU,OAAO,CAAC,CAAA;AAE5B,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,qBAAA,EACd,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAM,MAAA,KAAW,OAAA,GAAU,OAAA,GAAU,QAAA;AAAA,QACrC,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,QAAQ,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,QAC3D,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-27HTTVFO.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const snackbarWrapperStyles =\n  'pointer-events-none fixed inset-x-0 bottom-4 z-50 flex justify-center px-4';\n\nexport const snackbarStyles = cva(\n  [\n    'pointer-events-auto rounded-md border px-4 py-3 text-sm shadow-lg',\n    'transition-all duration-200 ease-out',\n  ],\n  {\n    variants: {\n      status: {\n        info: 'border-transparent bg-[var(--surface-inverse)] text-[var(--text-inverse)]',\n        success: 'border-transparent bg-[rgb(var(--color-success-600))] text-white',\n        error: 'border-transparent bg-[rgb(var(--color-danger-600))] text-white',\n        warning:\n          'border-transparent bg-[rgb(var(--color-warning-500))] text-[rgb(var(--color-neutral-900))]',\n      },\n      visible: {\n        true: 'translate-y-0 opacity-100',\n        false: 'translate-y-2 opacity-0',\n      },\n    },\n    defaultVariants: {\n      status: 'info',\n      visible: false,\n    },\n  },\n);\n","import { useDelayedUnmount } from '@hooks';\nimport { cn } from '@utils';\nimport type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, useEffect, type HTMLAttributes, type ReactNode } from 'react';\nimport { snackbarStyles, snackbarWrapperStyles } from './Snackbar.styles';\n\nconst EXIT_DURATION_MS = 200;\n\nexport type SnackbarProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> &\n  Omit<VariantProps<typeof snackbarStyles>, 'visible'> & {\n    open: boolean;\n    onClose: () => void;\n    message: ReactNode;\n    duration?: number;\n  };\n\nexport const Snackbar = forwardRef<HTMLDivElement, SnackbarProps>(\n  ({ open, onClose, message, status, duration = 4000, className, ...props }, ref) => {\n    const { mounted, visible } = useDelayedUnmount(open, EXIT_DURATION_MS);\n\n    useEffect(() => {\n      if (!open || !duration) {\n        return;\n      }\n\n      const timeoutId = setTimeout(onClose, duration);\n      return () => clearTimeout(timeoutId);\n    }, [open, duration, onClose]);\n\n    if (!mounted) {\n      return null;\n    }\n\n    return (\n      <div className={snackbarWrapperStyles}>\n        <div\n          ref={ref}\n          role={status === 'error' ? 'alert' : 'status'}\n          className={cn(snackbarStyles({ status, visible }), className)}\n          {...props}\n        >\n          {message}\n        </div>\n      </div>\n    );\n  },\n);\n\nSnackbar.displayName = 'Snackbar';\n"]}

package/dist/chunk-4TPQTZSR.js

@@ -0,0 +1,76 @@
+import { Image } from './chunk-KAU7S3D4.js';
+import { RichText } from './chunk-SPDOYFCU.js';
+import { cn } from './chunk-6LLGTBM6.js';
+import { cva } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var mediaCardStyles = cva(
+  "group relative isolate flex flex-col justify-end overflow-hidden rounded-2xl bg-[var(--surface-tertiary)] shadow-sm",
+  {
+    variants: {
+      aspect: {
+        portrait: "aspect-[3/4]",
+        square: "aspect-square",
+        landscape: "aspect-[4/3]"
+      }
+    },
+    defaultVariants: {
+      aspect: "portrait"
+    }
+  }
+);
+var mediaCardImageStyles = [
+  "absolute inset-0 -z-20 h-full w-full",
+  "transition-transform duration-500 ease-out group-hover:scale-105 motion-reduce:transition-none motion-reduce:group-hover:scale-100"
+].join(" ");
+var mediaCardScrimStyles = [
+  "pointer-events-none absolute inset-0 -z-10",
+  "bg-gradient-to-t from-[var(--media-card-scrim,rgb(0_0_0/0.8))] via-[var(--media-card-scrim-mid,rgb(0_0_0/0.3))] via-45% to-transparent to-75%"
+].join(" ");
+var mediaCardContentStyles = "flex flex-col gap-1 p-4 text-[var(--media-card-text,#fff)]";
+var mediaCardTitleStyles = "text-lg font-bold leading-tight text-inherit";
+var mediaCardSubtitleStyles = "text-sm text-inherit opacity-90";
+var mediaCardLinkStyles = [
+  "text-inherit no-underline hover:text-inherit",
+  'after:absolute after:inset-0 after:z-[1] after:rounded-2xl after:content-[""]',
+  "focus-visible:outline-none focus-visible:after:ring-4 focus-visible:after:ring-inset focus-visible:after:ring-[var(--border-focus)]"
+].join(" ");
+var mediaCardBadgeStyles = [
+  "absolute left-3 top-3 z-[2] rounded-full px-2.5 py-1 text-xs font-bold uppercase tracking-wide",
+  "bg-[var(--media-card-badge-bg,rgb(255_255_255/0.92))] text-[var(--media-card-badge-text,rgb(31_31_31))]"
+].join(" ");
+var mediaCardActionsStyles = "absolute right-3 top-3 z-[2] flex gap-2 [&>*]:rounded-full [&>*]:shadow-md";
+var MediaCard = forwardRef(
+  ({
+    src,
+    alt = "",
+    media,
+    title,
+    subtitle,
+    headingLevel = "h3",
+    href,
+    linkId,
+    badge,
+    actions,
+    aspect,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs("article", { ref, className: cn(mediaCardStyles({ aspect }), className), ...props, children: [
+      media ?? (src && /* @__PURE__ */ jsx(Image, { src, alt, className: mediaCardImageStyles })),
+      /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: mediaCardScrimStyles }),
+      /* @__PURE__ */ jsxs("div", { className: mediaCardContentStyles, children: [
+        /* @__PURE__ */ jsx(RichText, { as: headingLevel, variant: "s1", className: mediaCardTitleStyles, children: href ? /* @__PURE__ */ jsx("a", { id: linkId, href, className: mediaCardLinkStyles, children: title }) : title }),
+        subtitle && /* @__PURE__ */ jsx(RichText, { as: "p", variant: "p3", className: mediaCardSubtitleStyles, children: subtitle })
+      ] }),
+      badge && /* @__PURE__ */ jsx("span", { className: mediaCardBadgeStyles, children: badge }),
+      actions && /* @__PURE__ */ jsx("div", { className: mediaCardActionsStyles, children: actions })
+    ] });
+  }
+);
+MediaCard.displayName = "MediaCard";
+
+export { MediaCard };
+//# sourceMappingURL=chunk-4TPQTZSR.js.map
+//# sourceMappingURL=chunk-4TPQTZSR.js.map

package/dist/chunk-4TPQTZSR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/molecules/MediaCard/MediaCard.styles.ts","../src/components/molecules/MediaCard/MediaCard.tsx"],"names":[],"mappings":";;;;;;;AAEO,IAAM,eAAA,GAAkB,GAAA;AAAA,EAC7B,qHAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,MAAA,EAAQ;AAAA,QACN,QAAA,EAAU,cAAA;AAAA,QACV,MAAA,EAAQ,eAAA;AAAA,QACR,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,MAAA,EAAQ;AAAA;AACV;AAEJ,CAAA;AAEO,IAAM,oBAAA,GAAuB;AAAA,EAClC,sCAAA;AAAA,EACA;AACF,CAAA,CAAE,KAAK,GAAG,CAAA;AAMH,IAAM,oBAAA,GAAuB;AAAA,EAClC,4CAAA;AAAA,EACA;AACF,CAAA,CAAE,KAAK,GAAG,CAAA;AAEH,IAAM,sBAAA,GAAyB,4DAAA;AAE/B,IAAM,oBAAA,GAAuB,8CAAA;AAE7B,IAAM,uBAAA,GAA0B,iCAAA;AAGhC,IAAM,mBAAA,GAAsB;AAAA,EACjC,8CAAA;AAAA,EACA,+EAAA;AAAA,EACA;AACF,CAAA,CAAE,KAAK,GAAG,CAAA;AAEH,IAAM,oBAAA,GAAuB;AAAA,EAClC,gGAAA;AAAA,EACA;AACF,CAAA,CAAE,KAAK,GAAG,CAAA;AAGH,IAAM,sBAAA,GACX,4EAAA;ACVK,IAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CACE;AAAA,IACE,GAAA;AAAA,IACA,GAAA,GAAM,EAAA;AAAA,IACN,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA,GAAe,IAAA;AAAA,IACf,IAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,uBACE,IAAA,CAAC,SAAA,EAAA,EAAQ,GAAA,EAAU,SAAA,EAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,MAAA,EAAQ,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAC3E,QAAA,EAAA;AAAA,MAAA,KAAA,KAAU,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAM,GAAA,EAAU,GAAA,EAAU,WAAW,oBAAA,EAAsB,CAAA,CAAA;AAAA,sBAC9E,GAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,MAAA,EAAO,WAAW,oBAAA,EAAsB,CAAA;AAAA,sBACzD,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,sBAAA,EACd,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAS,EAAA,EAAI,YAAA,EAAc,OAAA,EAAQ,IAAA,EAAK,WAAW,oBAAA,EACjD,QAAA,EAAA,IAAA,mBACC,GAAA,CAAC,GAAA,EAAA,EAAE,IAAI,MAAA,EAAQ,IAAA,EAAY,WAAW,mBAAA,EACnC,QAAA,EAAA,KAAA,EACH,IAEA,KAAA,EAEJ,CAAA;AAAA,QACC,QAAA,wBACE,QAAA,EAAA,EAAS,EAAA,EAAG,KAAI,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,uBAAA,EACtC,QAAA,EAAA,QAAA,EACH;AAAA,OAAA,EAEJ,CAAA;AAAA,MACC,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,sBAAuB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MACvD,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,wBAAyB,QAAA,EAAA,OAAA,EAAQ;AAAA,KAAA,EAC/D,CAAA;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-4TPQTZSR.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const mediaCardStyles = cva(\n  'group relative isolate flex flex-col justify-end overflow-hidden rounded-2xl bg-[var(--surface-tertiary)] shadow-sm',\n  {\n    variants: {\n      aspect: {\n        portrait: 'aspect-[3/4]',\n        square: 'aspect-square',\n        landscape: 'aspect-[4/3]',\n      },\n    },\n    defaultVariants: {\n      aspect: 'portrait',\n    },\n  },\n);\n\nexport const mediaCardImageStyles = [\n  'absolute inset-0 -z-20 h-full w-full',\n  'transition-transform duration-500 ease-out group-hover:scale-105 motion-reduce:transition-none motion-reduce:group-hover:scale-100',\n].join(' ');\n\n/**\n * Scrim from the bottom so the text reads on any photo. Text over photos is always light on dark,\n * whatever the theme; sites can tune it with --media-card-scrim and --media-card-text.\n */\nexport const mediaCardScrimStyles = [\n  'pointer-events-none absolute inset-0 -z-10',\n  'bg-gradient-to-t from-[var(--media-card-scrim,rgb(0_0_0/0.8))] via-[var(--media-card-scrim-mid,rgb(0_0_0/0.3))] via-45% to-transparent to-75%',\n].join(' ');\n\nexport const mediaCardContentStyles = 'flex flex-col gap-1 p-4 text-[var(--media-card-text,#fff)]';\n\nexport const mediaCardTitleStyles = 'text-lg font-bold leading-tight text-inherit';\n\nexport const mediaCardSubtitleStyles = 'text-sm text-inherit opacity-90';\n\n/** Stretched link: its ::after covers the whole card, so the card is one link named by the title. */\nexport const mediaCardLinkStyles = [\n  'text-inherit no-underline hover:text-inherit',\n  'after:absolute after:inset-0 after:z-[1] after:rounded-2xl after:content-[\"\"]',\n  'focus-visible:outline-none focus-visible:after:ring-4 focus-visible:after:ring-inset focus-visible:after:ring-[var(--border-focus)]',\n].join(' ');\n\nexport const mediaCardBadgeStyles = [\n  'absolute left-3 top-3 z-[2] rounded-full px-2.5 py-1 text-xs font-bold uppercase tracking-wide',\n  'bg-[var(--media-card-badge-bg,rgb(255_255_255/0.92))] text-[var(--media-card-badge-text,rgb(31_31_31))]',\n].join(' ');\n\n/** Floating actions: round, above the card link, so they stay clickable. */\nexport const mediaCardActionsStyles =\n  'absolute right-3 top-3 z-[2] flex gap-2 [&>*]:rounded-full [&>*]:shadow-md';\n","import { Image, RichText } from '@components';\nimport { cn } from '@utils';\nimport { type VariantProps } from 'class-variance-authority';\nimport { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport {\n  mediaCardActionsStyles,\n  mediaCardBadgeStyles,\n  mediaCardContentStyles,\n  mediaCardImageStyles,\n  mediaCardLinkStyles,\n  mediaCardScrimStyles,\n  mediaCardStyles,\n  mediaCardSubtitleStyles,\n  mediaCardTitleStyles,\n} from './MediaCard.styles';\n\nexport type MediaCardProps = Omit<HTMLAttributes<HTMLElement>, 'title'> &\n  VariantProps<typeof mediaCardStyles> & {\n    /** Image URL; or pass your own element (e.g. an optimized `<picture>`) in `media`. */\n    src?: string;\n    /** Describes the photo; use `''` if it is only decorative. */\n    alt?: string;\n    media?: ReactNode;\n    title: ReactNode;\n    /** One short line under the title (time, category, cost per serving…). */\n    subtitle?: ReactNode;\n    /** Heading level of the title in the page outline. */\n    headingLevel?: 'h2' | 'h3' | 'h4';\n    /** Makes the whole card a link, named by the title. */\n    href?: string;\n    linkId?: string;\n    /** Small label on the top-left corner (\"New\", \"Featured\"). */\n    badge?: ReactNode;\n    /** Floating buttons on the top-right corner (save, share); they stay above the link. */\n    actions?: ReactNode;\n  };\n\n/**\n * Vertical card with a full-bleed photo, a dark gradient from the bottom for the title and\n * subtitle, an optional badge and floating actions. For recipes, articles and guides; pair it with\n * `Carousel` for rows of cards.\n */\nexport const MediaCard = forwardRef<HTMLElement, MediaCardProps>(\n  (\n    {\n      src,\n      alt = '',\n      media,\n      title,\n      subtitle,\n      headingLevel = 'h3',\n      href,\n      linkId,\n      badge,\n      actions,\n      aspect,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <article ref={ref} className={cn(mediaCardStyles({ aspect }), className)} {...props}>\n        {media ?? (src && <Image src={src} alt={alt} className={mediaCardImageStyles} />)}\n        <div aria-hidden=\"true\" className={mediaCardScrimStyles} />\n        <div className={mediaCardContentStyles}>\n          <RichText as={headingLevel} variant=\"s1\" className={mediaCardTitleStyles}>\n            {href ? (\n              <a id={linkId} href={href} className={mediaCardLinkStyles}>\n                {title}\n              </a>\n            ) : (\n              title\n            )}\n          </RichText>\n          {subtitle && (\n            <RichText as=\"p\" variant=\"p3\" className={mediaCardSubtitleStyles}>\n              {subtitle}\n            </RichText>\n          )}\n        </div>\n        {badge && <span className={mediaCardBadgeStyles}>{badge}</span>}\n        {actions && <div className={mediaCardActionsStyles}>{actions}</div>}\n      </article>\n    );\n  },\n);\n\nMediaCard.displayName = 'MediaCard';\n"]}

package/dist/{chunk-D4I5OF3C.js → chunk-5LKLTY55.js}

@@ -39,5 +39,5 @@ var Link = forwardRef(
 Link.displayName = "Link";
 
 export { Link };
-//# sourceMappingURL=chunk-D4I5OF3C.js.map
-//# sourceMappingURL=chunk-D4I5OF3C.js.map
+//# sourceMappingURL=chunk-5LKLTY55.js.map
+//# sourceMappingURL=chunk-5LKLTY55.js.map

package/dist/{chunk-D4I5OF3C.js.map → chunk-5LKLTY55.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/atoms/Link/Link.styles.ts","../src/components/atoms/Link/Link.tsx"],"names":[],"mappings":";;;;;AAEO,IAAM,UAAA,GAAa,GAAA;AAAA,EACxB;AAAA,IACE,oEAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,SAAA,EAAW;AAAA,QACT,MAAA,EAAQ,8BAAA;AAAA,QACR,KAAA,EAAO,oCAAA;AAAA,QACP,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW;AAAA;AACb;AAEJ,CAAA;ACRO,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CAAC,EAAE,EAAA,EAAI,SAAA,GAAY,GAAA,EAAK,QAAA,EAAU,SAAA,EAAW,SAAA,EAAW,MAAA,EAAQ,GAAA,EAAK,GAAG,KAAA,IAAS,GAAA,KAAQ;AACvF,IAAA,MAAM,UAAA,GAAa,YAAY,MAAA,KAAW,QAAA;AAE1C,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,MAAA,EAAQ,aAAa,QAAA,GAAW,MAAA;AAAA,QAChC,GAAA,EAAK,aAAa,qBAAA,GAAwB,GAAA;AAAA,QAC1C,WAAW,EAAA,CAAG,UAAA,CAAW,EAAE,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,QACjD,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-D4I5OF3C.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const linkStyles = cva(\n  [\n    'text-[var(--text-link)] transition-colors duration-150 ease-in-out',\n    'hover:text-[var(--text-link-hover)]',\n  ],\n  {\n    variants: {\n      underline: {\n        always: 'underline underline-offset-4',\n        hover: 'underline-offset-4 hover:underline',\n        none: 'no-underline',\n      },\n    },\n    defaultVariants: {\n      underline: 'hover',\n    },\n  },\n);\n","import type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, type AnchorHTMLAttributes, type ElementType } from 'react';\nimport { cn } from '@utils';\nimport { linkStyles } from './Link.styles';\n\nexport type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> &\n  VariantProps<typeof linkStyles> & {\n    as?: ElementType;\n    external?: boolean;\n  };\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ as: Component = 'a', external, underline, className, target, rel, ...props }, ref) => {\n    const isExternal = external ?? target === '_blank';\n\n    return (\n      <Component\n        ref={ref}\n        target={isExternal ? '_blank' : target}\n        rel={isExternal ? 'noopener noreferrer' : rel}\n        className={cn(linkStyles({ underline }), className)}\n        {...props}\n      />\n    );\n  },\n);\n\nLink.displayName = 'Link';\n"]}
+{"version":3,"sources":["../src/components/atoms/Link/Link.styles.ts","../src/components/atoms/Link/Link.tsx"],"names":[],"mappings":";;;;;AAEO,IAAM,UAAA,GAAa,GAAA;AAAA,EACxB;AAAA,IACE,oEAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,SAAA,EAAW;AAAA,QACT,MAAA,EAAQ,8BAAA;AAAA,QACR,KAAA,EAAO,oCAAA;AAAA,QACP,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW;AAAA;AACb;AAEJ,CAAA;ACRO,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CAAC,EAAE,EAAA,EAAI,SAAA,GAAY,GAAA,EAAK,QAAA,EAAU,SAAA,EAAW,SAAA,EAAW,MAAA,EAAQ,GAAA,EAAK,GAAG,KAAA,IAAS,GAAA,KAAQ;AACvF,IAAA,MAAM,UAAA,GAAa,YAAY,MAAA,KAAW,QAAA;AAE1C,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,MAAA,EAAQ,aAAa,QAAA,GAAW,MAAA;AAAA,QAChC,GAAA,EAAK,aAAa,qBAAA,GAAwB,GAAA;AAAA,QAC1C,WAAW,EAAA,CAAG,UAAA,CAAW,EAAE,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,QACjD,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-5LKLTY55.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const linkStyles = cva(\n  [\n    'text-[var(--text-link)] transition-colors duration-150 ease-in-out',\n    'hover:text-[var(--text-link-hover)]',\n  ],\n  {\n    variants: {\n      underline: {\n        always: 'underline underline-offset-4',\n        hover: 'underline-offset-4 hover:underline',\n        none: 'no-underline',\n      },\n    },\n    defaultVariants: {\n      underline: 'hover',\n    },\n  },\n);\n","import { cn } from '@utils';\nimport type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, type AnchorHTMLAttributes, type ElementType } from 'react';\nimport { linkStyles } from './Link.styles';\n\nexport type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> &\n  VariantProps<typeof linkStyles> & {\n    as?: ElementType;\n    external?: boolean;\n  };\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ as: Component = 'a', external, underline, className, target, rel, ...props }, ref) => {\n    const isExternal = external ?? target === '_blank';\n\n    return (\n      <Component\n        ref={ref}\n        target={isExternal ? '_blank' : target}\n        rel={isExternal ? 'noopener noreferrer' : rel}\n        className={cn(linkStyles({ underline }), className)}\n        {...props}\n      />\n    );\n  },\n);\n\nLink.displayName = 'Link';\n"]}

package/dist/{chunk-YYNW2PXL.js → chunk-DIA7L6IA.js}

@@ -1,6 +1,6 @@
 import { selectStyles, selectChevronStyles } from './chunk-4H6VER5P.js';
 import { inputLabelStyles, inputErrorStyles, inputHintStyles } from './chunk-FFKHEBQ7.js';
-import { RichText } from './chunk-P4CV2EPR.js';
+import { RichText } from './chunk-SPDOYFCU.js';
 import { cn } from './chunk-6LLGTBM6.js';
 import { forwardRef, useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -58,5 +58,5 @@ var Select = forwardRef(
 Select.displayName = "Select";
 
 export { Select };
-//# sourceMappingURL=chunk-YYNW2PXL.js.map
-//# sourceMappingURL=chunk-YYNW2PXL.js.map
+//# sourceMappingURL=chunk-DIA7L6IA.js.map
+//# sourceMappingURL=chunk-DIA7L6IA.js.map

package/dist/{chunk-YYNW2PXL.js.map → chunk-DIA7L6IA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/atoms/Select/Select.tsx"],"names":[],"mappings":";;;;;;;AAsBO,IAAM,MAAA,GAAS,UAAA;AAAA,EACpB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,WAAW,KAAA,EAAO,IAAA,EAAM,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC5F,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,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,EAAA;AAAA,YACA,kBAAA,EAAkB,QAAQ,CAAA,EAAG,EAAE,WAAW,IAAA,GAAO,CAAA,EAAG,EAAE,CAAA,KAAA,CAAA,GAAU,MAAA;AAAA,YAChE,cAAA,EAAc,QAAQ,MAAA,GAAS,MAAA;AAAA,YAC/B,SAAA,EAAW,GAAG,YAAA,CAAa,EAAE,OAAO,aAAA,EAAe,SAAA,EAAW,CAAA,EAAG,SAAS,CAAA;AAAA,YACzE,GAAG,KAAA;AAAA,YAEH;AAAA;AAAA,SACH;AAAA,wBACA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAW,IAAA;AAAA,YACX,OAAA,EAAQ,WAAA;AAAA,YACR,IAAA,EAAK,MAAA;AAAA,YACL,MAAA,EAAO,cAAA;AAAA,YACP,WAAA,EAAa,CAAA;AAAA,YACb,aAAA,EAAc,OAAA;AAAA,YACd,cAAA,EAAe,OAAA;AAAA,YACf,SAAA,EAAW,mBAAA;AAAA,YAEX,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,cAAA,EAAe;AAAA;AAAA;AACzB,OAAA,EACF,CAAA;AAAA,MACC,KAAA,oBACC,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAG,GAAA;AAAA,UACH,EAAA,EAAI,GAAG,EAAE,CAAA,MAAA,CAAA;AAAA,UACT,IAAA,EAAK,OAAA;AAAA,UACL,OAAA,EAAQ,IAAA;AAAA,UACR,SAAA,EAAW,gBAAA;AAAA,UAEV,QAAA,EAAA;AAAA;AAAA,OACH;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,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-YYNW2PXL.js","sourcesContent":["import { RichText } from '@components';\nimport { cn } from '@utils';\nimport type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, useId, type SelectHTMLAttributes } from 'react';\nimport {\n  inputErrorStyles,\n  inputHintStyles,\n  inputLabelStyles,\n} from '@components/atoms/Input/Input.styles';\nimport { selectChevronStyles, selectStyles } from './Select.styles';\n\nexport type SelectProps = SelectHTMLAttributes<HTMLSelectElement> &\n  VariantProps<typeof selectStyles> & {\n    label?: string;\n    hint?: string;\n    error?: string;\n  };\n\n/**\n * A native `<select>` with the same label / hint / error contract and look as `Input`. Native on\n * purpose: it gets the platform picker on mobile, typeahead and full screen reader support for free.\n */\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  ({ className, state, inputSize, label, hint, error, id: idProp, children, ...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        <div className=\"relative\">\n          <select\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(selectStyles({ state: resolvedState, inputSize }), className)}\n            {...props}\n          >\n            {children}\n          </select>\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={selectChevronStyles}\n          >\n            <path d=\"m6 9 6 6 6-6\" />\n          </svg>\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\nSelect.displayName = 'Select';\n"]}
+{"version":3,"sources":["../src/components/atoms/Select/Select.tsx"],"names":[],"mappings":";;;;;;;AAsBO,IAAM,MAAA,GAAS,UAAA;AAAA,EACpB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,WAAW,KAAA,EAAO,IAAA,EAAM,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC5F,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,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,EAAA;AAAA,YACA,kBAAA,EAAkB,QAAQ,CAAA,EAAG,EAAE,WAAW,IAAA,GAAO,CAAA,EAAG,EAAE,CAAA,KAAA,CAAA,GAAU,MAAA;AAAA,YAChE,cAAA,EAAc,QAAQ,MAAA,GAAS,MAAA;AAAA,YAC/B,SAAA,EAAW,GAAG,YAAA,CAAa,EAAE,OAAO,aAAA,EAAe,SAAA,EAAW,CAAA,EAAG,SAAS,CAAA;AAAA,YACzE,GAAG,KAAA;AAAA,YAEH;AAAA;AAAA,SACH;AAAA,wBACA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAW,IAAA;AAAA,YACX,OAAA,EAAQ,WAAA;AAAA,YACR,IAAA,EAAK,MAAA;AAAA,YACL,MAAA,EAAO,cAAA;AAAA,YACP,WAAA,EAAa,CAAA;AAAA,YACb,aAAA,EAAc,OAAA;AAAA,YACd,cAAA,EAAe,OAAA;AAAA,YACf,SAAA,EAAW,mBAAA;AAAA,YAEX,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,cAAA,EAAe;AAAA;AAAA;AACzB,OAAA,EACF,CAAA;AAAA,MACC,KAAA,oBACC,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAG,GAAA;AAAA,UACH,EAAA,EAAI,GAAG,EAAE,CAAA,MAAA,CAAA;AAAA,UACT,IAAA,EAAK,OAAA;AAAA,UACL,OAAA,EAAQ,IAAA;AAAA,UACR,SAAA,EAAW,gBAAA;AAAA,UAEV,QAAA,EAAA;AAAA;AAAA,OACH;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,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-DIA7L6IA.js","sourcesContent":["import { RichText } from '@components';\nimport { cn } from '@utils';\nimport type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, useId, type SelectHTMLAttributes } from 'react';\nimport {\n  inputErrorStyles,\n  inputHintStyles,\n  inputLabelStyles,\n} from '@components/atoms/Input/Input.styles';\nimport { selectChevronStyles, selectStyles } from './Select.styles';\n\nexport type SelectProps = SelectHTMLAttributes<HTMLSelectElement> &\n  VariantProps<typeof selectStyles> & {\n    label?: string;\n    hint?: string;\n    error?: string;\n  };\n\n/**\n * A native `<select>` with the same label / hint / error contract and look as `Input`. Native on\n * purpose: it gets the platform picker on mobile, typeahead and full screen reader support for free.\n */\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  ({ className, state, inputSize, label, hint, error, id: idProp, children, ...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        <div className=\"relative\">\n          <select\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(selectStyles({ state: resolvedState, inputSize }), className)}\n            {...props}\n          >\n            {children}\n          </select>\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={selectChevronStyles}\n          >\n            <path d=\"m6 9 6 6 6-6\" />\n          </svg>\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\nSelect.displayName = 'Select';\n"]}

package/dist/{chunk-DP274HDM.js → chunk-IY452YEX.js}

@@ -1,5 +1,5 @@
 import { inputLabelStyles, inputStyles, inputErrorStyles, inputHintStyles } from './chunk-FFKHEBQ7.js';
-import { RichText } from './chunk-P4CV2EPR.js';
+import { RichText } from './chunk-SPDOYFCU.js';
 import { cn } from './chunk-6LLGTBM6.js';
 import { forwardRef, useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -22,7 +22,17 @@ var Input = forwardRef(
           ...props
         }
       ),
-      error && /* @__PURE__ */ jsx(RichText, { as: "p", id: `${id}-error`, role: "alert", variant: "p4", className: inputErrorStyles, children: error }),
+      error && /* @__PURE__ */ jsx(
+        RichText,
+        {
+          as: "p",
+          id: `${id}-error`,
+          role: "alert",
+          variant: "p4",
+          className: inputErrorStyles,
+          children: error
+        }
+      ),
       !error && hint && /* @__PURE__ */ jsx(RichText, { as: "p", id: `${id}-hint`, variant: "p4", className: inputHintStyles, children: hint })
     ] });
   }
@@ -30,5 +40,5 @@ var Input = forwardRef(
 Input.displayName = "Input";
 
 export { Input };
-//# sourceMappingURL=chunk-DP274HDM.js.map
-//# sourceMappingURL=chunk-DP274HDM.js.map
+//# sourceMappingURL=chunk-IY452YEX.js.map
+//# sourceMappingURL=chunk-IY452YEX.js.map

package/dist/chunk-IY452YEX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":";;;;;;AAaO,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;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAG,GAAA;AAAA,UACH,EAAA,EAAI,GAAG,EAAE,CAAA,MAAA,CAAA;AAAA,UACT,IAAA,EAAK,OAAA;AAAA,UACL,OAAA,EAAQ,IAAA;AAAA,UACR,SAAA,EAAW,gBAAA;AAAA,UAEV,QAAA,EAAA;AAAA;AAAA,OACH;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-IY452YEX.js","sourcesContent":["import { RichText } from '@components';\nimport { cn } from '@utils';\nimport type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, useId, type InputHTMLAttributes } from 'react';\nimport { inputErrorStyles, inputHintStyles, inputLabelStyles, inputStyles } 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\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\nInput.displayName = 'Input';\n"]}

package/dist/{chunk-4CY55XM3.js → chunk-J7X6NLSR.js}

@@ -3,7 +3,7 @@ import { useScrollLock } from './chunk-53YMHM24.js';
 import { useDismissableLayer } from './chunk-JCJP427C.js';
 import { useDelayedUnmount } from './chunk-BNEEI7S5.js';
 import { useMergedRef } from './chunk-P4Z7HH66.js';
-import { RichText } from './chunk-P4CV2EPR.js';
+import { RichText } from './chunk-SPDOYFCU.js';
 import { cn } from './chunk-6LLGTBM6.js';
 import { forwardRef, useRef, useId } from 'react';
 import { cva } from 'class-variance-authority';
@@ -11,7 +11,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 
 var modalOverlayStyles = cva(
   [
-    "fixed inset-0 z-50 flex items-center justify-center bg-[var(--surface-overlay)] p-4",
+    "fixed inset-0 z-50 flex items-center justify-center bg-[var(--surface-overlay)]",
     "transition-opacity duration-200 ease-out"
   ],
   {
@@ -28,7 +28,9 @@ var modalOverlayStyles = cva(
 );
 var modalPanelStyles = cva(
   [
-    "w-full max-w-md rounded-xl border border-[var(--border-default)] bg-[var(--surface-secondary)] p-6 shadow-lg",
+    // Every dialog: 90% of the viewport's width up to 768px, as tall as its content up to the
+    // `maxHeight` limit; beyond that the body scrolls. Pixels, so a site's root font size can't shrink it.
+    "flex w-[90vw] max-w-[768px] flex-col rounded-xl border border-[var(--border-default)] bg-[var(--surface-secondary)] p-6 shadow-lg",
     "transition-all duration-200 ease-out"
   ],
   {
@@ -36,18 +38,34 @@ var modalPanelStyles = cva(
       visible: {
         true: "scale-100 opacity-100",
         false: "scale-95 opacity-0"
+      },
+      maxHeight: {
+        default: "max-h-[80dvh]",
+        tall: "max-h-[90dvh]"
       }
     },
     defaultVariants: {
-      visible: false
+      visible: false,
+      maxHeight: "default"
     }
   }
 );
-var modalTitleStyles = "mb-4 text-lg font-semibold text-[var(--text-primary)]";
-var modalFooterStyles = "mt-6 flex items-center justify-end gap-2";
+var modalTitleStyles = "mb-4 shrink-0 text-lg font-semibold text-[var(--text-primary)]";
+var modalBodyStyles = "min-h-0 flex-1 overflow-y-auto";
+var modalFooterStyles = "mt-6 flex shrink-0 flex-wrap items-center justify-end gap-2";
 var EXIT_DURATION_MS = 200;
 var Modal = forwardRef(
-  ({ open, onClose, title, footer, closeOnBackdropClick = true, className, children, ...props }, ref) => {
+  ({
+    open,
+    onClose,
+    title,
+    footer,
+    closeOnBackdropClick = true,
+    maxHeight = "default",
+    className,
+    children,
+    ...props
+  }, ref) => {
     const panelRef = useRef(null);
     const setPanelRef = useMergedRef(ref, panelRef);
     const titleId = useId();
@@ -66,11 +84,11 @@ var Modal = forwardRef(
         "aria-modal": "true",
         "aria-labelledby": title ? titleId : void 0,
         tabIndex: -1,
-        className: cn(modalPanelStyles({ visible }), className),
+        className: cn(modalPanelStyles({ visible, maxHeight }), className),
         ...props,
         children: [
           title && /* @__PURE__ */ jsx(RichText, { as: "h2", id: titleId, variant: "s1", className: modalTitleStyles, children: title }),
-          children,
+          /* @__PURE__ */ jsx("div", { className: modalBodyStyles, children }),
           footer && /* @__PURE__ */ jsx("div", { className: modalFooterStyles, children: footer })
         ]
       }
@@ -80,5 +98,5 @@ var Modal = forwardRef(
 Modal.displayName = "Modal";
 
 export { Modal };
-//# sourceMappingURL=chunk-4CY55XM3.js.map
-//# sourceMappingURL=chunk-4CY55XM3.js.map
+//# sourceMappingURL=chunk-J7X6NLSR.js.map
+//# sourceMappingURL=chunk-J7X6NLSR.js.map

package/dist/chunk-J7X6NLSR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/molecules/Modal/Modal.styles.ts","../src/components/molecules/Modal/Modal.tsx"],"names":[],"mappings":"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","file":"chunk-J7X6NLSR.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const modalOverlayStyles = cva(\n  [\n    'fixed inset-0 z-50 flex items-center justify-center bg-[var(--surface-overlay)]',\n    'transition-opacity duration-200 ease-out',\n  ],\n  {\n    variants: {\n      visible: {\n        true: 'opacity-100',\n        false: 'opacity-0',\n      },\n    },\n    defaultVariants: {\n      visible: false,\n    },\n  },\n);\n\nexport const modalPanelStyles = cva(\n  [\n    // Every dialog: 90% of the viewport's width up to 768px, as tall as its content up to the\n    // `maxHeight` limit; beyond that the body scrolls. Pixels, so a site's root font size can't shrink it.\n    'flex w-[90vw] max-w-[768px] flex-col rounded-xl border border-[var(--border-default)] bg-[var(--surface-secondary)] p-6 shadow-lg',\n    'transition-all duration-200 ease-out',\n  ],\n  {\n    variants: {\n      visible: {\n        true: 'scale-100 opacity-100',\n        false: 'scale-95 opacity-0',\n      },\n      maxHeight: {\n        default: 'max-h-[80dvh]',\n        tall: 'max-h-[90dvh]',\n      },\n    },\n    defaultVariants: {\n      visible: false,\n      maxHeight: 'default',\n    },\n  },\n);\n\nexport const modalTitleStyles = 'mb-4 shrink-0 text-lg font-semibold text-[var(--text-primary)]';\n\nexport const modalBodyStyles = 'min-h-0 flex-1 overflow-y-auto';\n\nexport const modalFooterStyles = 'mt-6 flex shrink-0 flex-wrap items-center justify-end gap-2';\n","import { RichText } from '@components';\nimport {\n  useDelayedUnmount,\n  useDismissableLayer,\n  useFocusTrap,\n  useMergedRef,\n  useScrollLock,\n} from '@hooks';\nimport { cn } from '@utils';\nimport { forwardRef, useId, useRef, type HTMLAttributes, type ReactNode } from 'react';\nimport {\n  modalBodyStyles,\n  modalFooterStyles,\n  modalOverlayStyles,\n  modalPanelStyles,\n  modalTitleStyles,\n} from './Modal.styles';\n\nconst EXIT_DURATION_MS = 200;\n\nexport type ModalProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {\n  open: boolean;\n  onClose: () => void;\n  title?: ReactNode;\n  footer?: ReactNode;\n  closeOnBackdropClick?: boolean;\n  /** Height limit before the body scrolls: 80% of the viewport (`default`) or 90% (`tall`). */\n  maxHeight?: 'default' | 'tall';\n};\n\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(\n  (\n    {\n      open,\n      onClose,\n      title,\n      footer,\n      closeOnBackdropClick = true,\n      maxHeight = 'default',\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const panelRef = useRef<HTMLDivElement | null>(null);\n    const setPanelRef = useMergedRef(ref, panelRef);\n    const titleId = useId();\n    const { mounted, visible } = useDelayedUnmount(open, EXIT_DURATION_MS);\n\n    useDismissableLayer(open, onClose, panelRef, closeOnBackdropClick);\n    // The panel mounts one render after `open` flips, so the trap starts once it exists.\n    useFocusTrap(open && mounted, panelRef);\n    useScrollLock(open);\n\n    if (!mounted) {\n      return null;\n    }\n\n    return (\n      <div className={modalOverlayStyles({ visible })}>\n        <div\n          ref={setPanelRef}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={title ? titleId : undefined}\n          tabIndex={-1}\n          className={cn(modalPanelStyles({ visible, maxHeight }), className)}\n          {...props}\n        >\n          {title && (\n            <RichText as=\"h2\" id={titleId} variant=\"s1\" className={modalTitleStyles}>\n              {title}\n            </RichText>\n          )}\n          <div className={modalBodyStyles}>{children}</div>\n          {footer && <div className={modalFooterStyles}>{footer}</div>}\n        </div>\n      </div>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n"]}

package/dist/{chunk-5IHM2545.js → chunk-KAU7S3D4.js}

@@ -36,5 +36,5 @@ var Image = forwardRef(
 Image.displayName = "Image";
 
 export { Image };
-//# sourceMappingURL=chunk-5IHM2545.js.map
-//# sourceMappingURL=chunk-5IHM2545.js.map
+//# sourceMappingURL=chunk-KAU7S3D4.js.map
+//# sourceMappingURL=chunk-KAU7S3D4.js.map

package/dist/{chunk-5IHM2545.js.map → chunk-KAU7S3D4.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/atoms/Image/Image.styles.ts","../src/components/atoms/Image/Image.tsx"],"names":[],"mappings":";;;;;AAEO,IAAM,WAAA,GAAc,IAAI,kBAAA,EAAoB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,GAAA,EAAK;AAAA,MACH,KAAA,EAAO,cAAA;AAAA,MACP,OAAA,EAAS,gBAAA;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,EAAA;AAAA,MACN,EAAA,EAAI,YAAA;AAAA,MACJ,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,GAAA,EAAK,OAAA;AAAA,IACL,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;ACRM,IAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,GAAA,EAAK,OAAA,EAAS,IAAA,GAAO,IAAA,EAAM,OAAA,EAAS,GAAA,EAAK,GAAG,KAAA,EAAM,EAAG,GAAA,qBACjE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAA,EAAS,OAAA,KAAY,IAAA,GAAO,MAAA,GAAS,OAAA,CAAA;AAAA,MACrC,SAAA,EAAW,GAAG,WAAA,CAAY,EAAE,KAAK,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACrD,GAAG;AAAA;AAAA;AAGV;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-5IHM2545.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const imageStyles = cva('block max-w-full', {\n  variants: {\n    fit: {\n      cover: 'object-cover',\n      contain: 'object-contain',\n      fill: 'object-fill',\n    },\n    rounded: {\n      none: '',\n      md: 'rounded-md',\n      full: 'rounded-full',\n    },\n  },\n  defaultVariants: {\n    fit: 'cover',\n    rounded: 'none',\n  },\n});\n","import type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, type ImgHTMLAttributes } from 'react';\nimport { cn } from '@utils';\nimport { imageStyles } from './Image.styles';\n\nexport type ImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, 'alt'> &\n  VariantProps<typeof imageStyles> & {\n    alt: string;\n    lazy?: boolean;\n  };\n\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(\n  ({ className, fit, rounded, lazy = true, loading, alt, ...props }, ref) => (\n    <img\n      ref={ref}\n      alt={alt}\n      loading={loading ?? (lazy ? 'lazy' : 'eager')}\n      className={cn(imageStyles({ fit, rounded }), className)}\n      {...props}\n    />\n  ),\n);\n\nImage.displayName = 'Image';\n"]}
+{"version":3,"sources":["../src/components/atoms/Image/Image.styles.ts","../src/components/atoms/Image/Image.tsx"],"names":[],"mappings":";;;;;AAEO,IAAM,WAAA,GAAc,IAAI,kBAAA,EAAoB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,GAAA,EAAK;AAAA,MACH,KAAA,EAAO,cAAA;AAAA,MACP,OAAA,EAAS,gBAAA;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,EAAA;AAAA,MACN,EAAA,EAAI,YAAA;AAAA,MACJ,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,GAAA,EAAK,OAAA;AAAA,IACL,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;ACRM,IAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,GAAA,EAAK,OAAA,EAAS,IAAA,GAAO,IAAA,EAAM,OAAA,EAAS,GAAA,EAAK,GAAG,KAAA,EAAM,EAAG,GAAA,qBACjE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAA,EAAS,OAAA,KAAY,IAAA,GAAO,MAAA,GAAS,OAAA,CAAA;AAAA,MACrC,SAAA,EAAW,GAAG,WAAA,CAAY,EAAE,KAAK,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACrD,GAAG;AAAA;AAAA;AAGV;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-KAU7S3D4.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const imageStyles = cva('block max-w-full', {\n  variants: {\n    fit: {\n      cover: 'object-cover',\n      contain: 'object-contain',\n      fill: 'object-fill',\n    },\n    rounded: {\n      none: '',\n      md: 'rounded-md',\n      full: 'rounded-full',\n    },\n  },\n  defaultVariants: {\n    fit: 'cover',\n    rounded: 'none',\n  },\n});\n","import { cn } from '@utils';\nimport type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, type ImgHTMLAttributes } from 'react';\nimport { imageStyles } from './Image.styles';\n\nexport type ImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, 'alt'> &\n  VariantProps<typeof imageStyles> & {\n    alt: string;\n    lazy?: boolean;\n  };\n\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(\n  ({ className, fit, rounded, lazy = true, loading, alt, ...props }, ref) => (\n    <img\n      ref={ref}\n      alt={alt}\n      loading={loading ?? (lazy ? 'lazy' : 'eager')}\n      className={cn(imageStyles({ fit, rounded }), className)}\n      {...props}\n    />\n  ),\n);\n\nImage.displayName = 'Image';\n"]}

package/dist/{chunk-ZABQF65Z.js → chunk-KSNAVEJP.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, useId } from 'react';
 import { cva } from 'class-variance-authority';
@@ -70,5 +70,5 @@ var Switch = forwardRef(
 Switch.displayName = "Switch";
 
 export { Switch };
-//# sourceMappingURL=chunk-ZABQF65Z.js.map
-//# sourceMappingURL=chunk-ZABQF65Z.js.map
+//# sourceMappingURL=chunk-KSNAVEJP.js.map
+//# sourceMappingURL=chunk-KSNAVEJP.js.map

package/dist/{chunk-ZABQF65Z.js.map → chunk-KSNAVEJP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/atoms/Switch/Switch.styles.ts","../src/components/atoms/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,iBAAA,GAAoB,gCAAA;AAE1B,IAAM,yBAAA,GAA4B,oBAAA;AAElC,IAAM,wBAAA,GAA2B,wCAAA;AAEjC,IAAM,iBAAA,GAAoB,cAAA;AAE1B,IAAM,qBAAA,GAAwB,oCAAA;AAE9B,IAAM,iBAAA,GAAoB,GAAA;AAAA,EAC/B;AAAA,IACE,0EAAA;AAAA,IACA,0GAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,4BAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,iBAAA,GAAoB,GAAA;AAAA,EAC/B,iHAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,eAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;ACtBO,IAAM,MAAA,GAAS,UAAA;AAAA,EACpB,CAAC,EAAE,OAAA,EAAS,eAAA,EAAiB,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACvF,IAAA,MAAM,cAAc,KAAA,EAAM;AAC1B,IAAA,MAAM,KAAK,MAAA,IAAU,WAAA;AAErB,IAAA,uBACE,IAAA,CAAC,WAAM,OAAA,EAAS,EAAA,EAAI,WAAW,EAAA,CAAG,iBAAA,EAAmB,QAAA,IAAY,yBAAyB,CAAA,EACxF,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAW,wBAAA,EACf,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,EAAA;AAAA,YACA,IAAA,EAAK,UAAA;AAAA,YACL,IAAA,EAAK,QAAA;AAAA,YACL,OAAA;AAAA,YACA,QAAA;AAAA,YACA,UAAU,CAAC,KAAA,KAAU,eAAA,CAAgB,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,YACzD,SAAA,EAAW,iBAAA;AAAA,YACV,GAAG;AAAA;AAAA,SACN;AAAA,wBACA,GAAA,CAAC,UAAK,aAAA,EAAW,IAAA,EAAC,WAAW,EAAA,CAAG,iBAAA,CAAkB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA,EACvE,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAW,kBAAkB,EAAE,OAAA,EAAS,CAAA,EAAG,CAAA,EACnD;AAAA,OAAA,EACF,CAAA;AAAA,MACC,KAAA,wBACE,QAAA,EAAA,EAAS,EAAA,EAAG,QAAO,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,qBAAA,EACzC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-ZABQF65Z.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const switchLabelStyles = 'inline-flex items-center gap-2';\n\nexport const switchLabelDisabledStyles = 'cursor-not-allowed';\n\nexport const switchTrackWrapperStyles = 'relative inline-flex h-6 w-11 shrink-0';\n\nexport const switchInputStyles = 'peer sr-only';\n\nexport const switchLabelTextStyles = 'text-sm text-[var(--text-primary)]';\n\nexport const switchTrackStyles = cva(\n  [\n    'absolute inset-0 rounded-full transition-colors duration-150 ease-in-out',\n    'peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--border-focus)] peer-focus-visible:ring-offset-2',\n    'peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n  ],\n  {\n    variants: {\n      checked: {\n        true: 'bg-[var(--btn-primary-bg)]',\n        false: 'bg-[var(--border-strong)]',\n      },\n    },\n    defaultVariants: {\n      checked: false,\n    },\n  },\n);\n\nexport const switchThumbStyles = cva(\n  'absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-white shadow-sm transition-transform duration-150 ease-in-out',\n  {\n    variants: {\n      checked: {\n        true: 'translate-x-5',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      checked: false,\n    },\n  },\n);\n","import { forwardRef, useId, type InputHTMLAttributes } from 'react';\nimport { RichText } from '@components';\nimport { cn } from '@utils';\nimport {\n  switchInputStyles,\n  switchLabelDisabledStyles,\n  switchLabelStyles,\n  switchLabelTextStyles,\n  switchThumbStyles,\n  switchTrackStyles,\n  switchTrackWrapperStyles,\n} from './Switch.styles';\n\nexport type SwitchProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'type' | 'size' | 'onChange' | 'checked'\n> & {\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n  label?: string;\n};\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ checked, onCheckedChange, disabled, className, id: idProp, label, ...props }, ref) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n\n    return (\n      <label htmlFor={id} className={cn(switchLabelStyles, disabled && switchLabelDisabledStyles)}>\n        <span className={switchTrackWrapperStyles}>\n          <input\n            ref={ref}\n            id={id}\n            type=\"checkbox\"\n            role=\"switch\"\n            checked={checked}\n            disabled={disabled}\n            onChange={(event) => onCheckedChange(event.target.checked)}\n            className={switchInputStyles}\n            {...props}\n          />\n          <span aria-hidden className={cn(switchTrackStyles({ checked }), className)}>\n            <span className={switchThumbStyles({ checked })} />\n          </span>\n        </span>\n        {label && (\n          <RichText as=\"span\" variant=\"p3\" className={switchLabelTextStyles}>\n            {label}\n          </RichText>\n        )}\n      </label>\n    );\n  },\n);\n\nSwitch.displayName = 'Switch';\n"]}
+{"version":3,"sources":["../src/components/atoms/Switch/Switch.styles.ts","../src/components/atoms/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,iBAAA,GAAoB,gCAAA;AAE1B,IAAM,yBAAA,GAA4B,oBAAA;AAElC,IAAM,wBAAA,GAA2B,wCAAA;AAEjC,IAAM,iBAAA,GAAoB,cAAA;AAE1B,IAAM,qBAAA,GAAwB,oCAAA;AAE9B,IAAM,iBAAA,GAAoB,GAAA;AAAA,EAC/B;AAAA,IACE,0EAAA;AAAA,IACA,0GAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,4BAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,iBAAA,GAAoB,GAAA;AAAA,EAC/B,iHAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,eAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;ACtBO,IAAM,MAAA,GAAS,UAAA;AAAA,EACpB,CAAC,EAAE,OAAA,EAAS,eAAA,EAAiB,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACvF,IAAA,MAAM,cAAc,KAAA,EAAM;AAC1B,IAAA,MAAM,KAAK,MAAA,IAAU,WAAA;AAErB,IAAA,uBACE,IAAA,CAAC,WAAM,OAAA,EAAS,EAAA,EAAI,WAAW,EAAA,CAAG,iBAAA,EAAmB,QAAA,IAAY,yBAAyB,CAAA,EACxF,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAW,wBAAA,EACf,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,EAAA;AAAA,YACA,IAAA,EAAK,UAAA;AAAA,YACL,IAAA,EAAK,QAAA;AAAA,YACL,OAAA;AAAA,YACA,QAAA;AAAA,YACA,UAAU,CAAC,KAAA,KAAU,eAAA,CAAgB,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,YACzD,SAAA,EAAW,iBAAA;AAAA,YACV,GAAG;AAAA;AAAA,SACN;AAAA,wBACA,GAAA,CAAC,UAAK,aAAA,EAAW,IAAA,EAAC,WAAW,EAAA,CAAG,iBAAA,CAAkB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA,EACvE,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAW,kBAAkB,EAAE,OAAA,EAAS,CAAA,EAAG,CAAA,EACnD;AAAA,OAAA,EACF,CAAA;AAAA,MACC,KAAA,wBACE,QAAA,EAAA,EAAS,EAAA,EAAG,QAAO,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,qBAAA,EACzC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-KSNAVEJP.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const switchLabelStyles = 'inline-flex items-center gap-2';\n\nexport const switchLabelDisabledStyles = 'cursor-not-allowed';\n\nexport const switchTrackWrapperStyles = 'relative inline-flex h-6 w-11 shrink-0';\n\nexport const switchInputStyles = 'peer sr-only';\n\nexport const switchLabelTextStyles = 'text-sm text-[var(--text-primary)]';\n\nexport const switchTrackStyles = cva(\n  [\n    'absolute inset-0 rounded-full transition-colors duration-150 ease-in-out',\n    'peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--border-focus)] peer-focus-visible:ring-offset-2',\n    'peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n  ],\n  {\n    variants: {\n      checked: {\n        true: 'bg-[var(--btn-primary-bg)]',\n        false: 'bg-[var(--border-strong)]',\n      },\n    },\n    defaultVariants: {\n      checked: false,\n    },\n  },\n);\n\nexport const switchThumbStyles = cva(\n  'absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-white shadow-sm transition-transform duration-150 ease-in-out',\n  {\n    variants: {\n      checked: {\n        true: 'translate-x-5',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      checked: false,\n    },\n  },\n);\n","import { RichText } from '@components';\nimport { cn } from '@utils';\nimport { forwardRef, useId, type InputHTMLAttributes } from 'react';\nimport {\n  switchInputStyles,\n  switchLabelDisabledStyles,\n  switchLabelStyles,\n  switchLabelTextStyles,\n  switchThumbStyles,\n  switchTrackStyles,\n  switchTrackWrapperStyles,\n} from './Switch.styles';\n\nexport type SwitchProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'type' | 'size' | 'onChange' | 'checked'\n> & {\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n  label?: string;\n};\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ checked, onCheckedChange, disabled, className, id: idProp, label, ...props }, ref) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n\n    return (\n      <label htmlFor={id} className={cn(switchLabelStyles, disabled && switchLabelDisabledStyles)}>\n        <span className={switchTrackWrapperStyles}>\n          <input\n            ref={ref}\n            id={id}\n            type=\"checkbox\"\n            role=\"switch\"\n            checked={checked}\n            disabled={disabled}\n            onChange={(event) => onCheckedChange(event.target.checked)}\n            className={switchInputStyles}\n            {...props}\n          />\n          <span aria-hidden className={cn(switchTrackStyles({ checked }), className)}>\n            <span className={switchThumbStyles({ checked })} />\n          </span>\n        </span>\n        {label && (\n          <RichText as=\"span\" variant=\"p3\" className={switchLabelTextStyles}>\n            {label}\n          </RichText>\n        )}\n      </label>\n    );\n  },\n);\n\nSwitch.displayName = 'Switch';\n"]}

package/dist/chunk-LLJXVAR6.js

@@ -0,0 +1,184 @@
+import { useMediaQuery } from './chunk-2HCMNEIQ.js';
+import { Button } from './chunk-KL6I2JFC.js';
+import { cn } from './chunk-6LLGTBM6.js';
+import { forwardRef, useRef, useState, Children, useCallback, useEffect } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var carouselStyles = "relative flex flex-col gap-3";
+var carouselTrackStyles = [
+  "flex snap-x snap-mandatory gap-4 overflow-x-auto scroll-px-1 px-1 pb-2",
+  "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
+].join(" ");
+var carouselSlideStyles = "shrink-0 snap-start";
+var carouselSlideWidthStyles = "w-[80%] sm:w-[45%] lg:w-[31%]";
+var carouselControlsStyles = "flex items-center justify-center gap-3";
+var carouselIndicatorsStyles = "flex flex-wrap items-center justify-center gap-1";
+var carouselIndicatorStyles = [
+  "flex h-6 min-w-6 items-center justify-center rounded-full",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-focus)]"
+].join(" ");
+var carouselDotStyles = cva(
+  "block h-2 rounded-full transition-all duration-200 motion-reduce:transition-none",
+  {
+    variants: {
+      active: {
+        true: "w-6 bg-[var(--btn-primary-bg)]",
+        false: "w-2 bg-[var(--border-strong)] hover:bg-[var(--text-secondary)]"
+      }
+    },
+    defaultVariants: {
+      active: false
+    }
+  }
+);
+var EDGE_TOLERANCE_PX = 4;
+var Carousel = forwardRef(
+  ({
+    label,
+    children,
+    previousLabel,
+    nextLabel,
+    slideLabel = (index, total) => `${index + 1} / ${total}`,
+    goToLabel = (index) => `Go to slide ${index + 1}`,
+    indicatorsLabel,
+    indicators = true,
+    header,
+    slideClassName,
+    buttonIds = {},
+    className,
+    ...props
+  }, ref) => {
+    const trackRef = useRef(null);
+    const slideRefs = useRef([]);
+    const reducedMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
+    const [edges, setEdges] = useState({ start: true, end: false });
+    const [active, setActive] = useState(0);
+    const slides = Children.toArray(children);
+    const behavior = reducedMotion ? "auto" : "smooth";
+    const offsetOf = (index) => (slideRefs.current[index]?.offsetLeft ?? 0) - (slideRefs.current[0]?.offsetLeft ?? 0);
+    const update = useCallback(() => {
+      const track = trackRef.current;
+      if (!track) {
+        return;
+      }
+      const max = track.scrollWidth - track.clientWidth;
+      const atEnd = track.scrollLeft >= max - EDGE_TOLERANCE_PX;
+      setEdges({ start: track.scrollLeft <= EDGE_TOLERANCE_PX, end: atEnd });
+      const offsets = slideRefs.current.map(
+        (slide) => slide ? slide.offsetLeft - (slideRefs.current[0]?.offsetLeft ?? 0) : 0
+      );
+      const nearest = offsets.reduce(
+        (best, offset, index) => Math.abs(offset - track.scrollLeft) < Math.abs((offsets[best] ?? 0) - track.scrollLeft) ? index : best,
+        0
+      );
+      setActive(atEnd && max > 0 ? offsets.length - 1 : nearest);
+    }, []);
+    useEffect(() => {
+      update();
+      const track = trackRef.current;
+      if (!track || typeof ResizeObserver === "undefined") {
+        return void 0;
+      }
+      const observer = new ResizeObserver(update);
+      observer.observe(track);
+      return () => observer.disconnect();
+    }, [update, slides.length]);
+    const scrollByPage = (direction) => {
+      trackRef.current?.scrollBy({
+        left: direction * trackRef.current.clientWidth * 0.9,
+        behavior
+      });
+    };
+    const goTo = (index) => {
+      trackRef.current?.scrollTo({ left: offsetOf(index), behavior });
+    };
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        ref,
+        "aria-roledescription": "carousel",
+        "aria-label": label,
+        className: cn(carouselStyles, className),
+        ...props,
+        children: [
+          header,
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: trackRef,
+              className: carouselTrackStyles,
+              "data-carousel-track": "",
+              onScroll: update,
+              children: slides.map((slide, index) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ref: (node) => {
+                    slideRefs.current[index] = node;
+                  },
+                  role: "group",
+                  "aria-roledescription": "slide",
+                  "aria-label": slideLabel(index, slides.length),
+                  className: cn(carouselSlideStyles, carouselSlideWidthStyles, slideClassName),
+                  children: slide
+                },
+                index
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: carouselControlsStyles, children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                id: buttonIds.previous,
+                type: "button",
+                variant: "secondary",
+                size: "icon",
+                "aria-label": previousLabel,
+                disabled: edges.start,
+                onClick: () => scrollByPage(-1),
+                children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2039" })
+              }
+            ),
+            indicators && slides.length > 1 && /* @__PURE__ */ jsx("div", { role: "group", "aria-label": indicatorsLabel, className: carouselIndicatorsStyles, children: slides.map((_, index) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": goToLabel(index, slides.length),
+                "aria-current": index === active ? "true" : void 0,
+                className: carouselIndicatorStyles,
+                onClick: () => goTo(index),
+                children: /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: carouselDotStyles({ active: index === active })
+                  }
+                )
+              },
+              index
+            )) }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                id: buttonIds.next,
+                type: "button",
+                variant: "secondary",
+                size: "icon",
+                "aria-label": nextLabel,
+                disabled: edges.end,
+                onClick: () => scrollByPage(1),
+                children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u203A" })
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+Carousel.displayName = "Carousel";
+
+export { Carousel };
+//# sourceMappingURL=chunk-LLJXVAR6.js.map
+//# sourceMappingURL=chunk-LLJXVAR6.js.map

package/dist/chunk-LLJXVAR6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/molecules/Carousel/Carousel.styles.ts","../src/components/molecules/Carousel/Carousel.tsx"],"names":[],"mappings":"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","file":"chunk-LLJXVAR6.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const carouselStyles = 'relative flex flex-col gap-3';\n\nexport const carouselTrackStyles = [\n  'flex snap-x snap-mandatory gap-4 overflow-x-auto scroll-px-1 px-1 pb-2',\n  '[scrollbar-width:none] [&::-webkit-scrollbar]:hidden',\n].join(' ');\n\nexport const carouselSlideStyles = 'shrink-0 snap-start';\n\n/** Default slide widths: most of the screen on mobile, two on tablets, three on desktop. */\nexport const carouselSlideWidthStyles = 'w-[80%] sm:w-[45%] lg:w-[31%]';\n\n/** Previous · indicators · next, centered under the cards. */\nexport const carouselControlsStyles = 'flex items-center justify-center gap-3';\n\nexport const carouselIndicatorsStyles = 'flex flex-wrap items-center justify-center gap-1';\n\n/** 24px hit area around a small dot, so the indicators are easy to tap. */\nexport const carouselIndicatorStyles = [\n  'flex h-6 min-w-6 items-center justify-center rounded-full',\n  'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-focus)]',\n].join(' ');\n\nexport const carouselDotStyles = cva(\n  'block h-2 rounded-full transition-all duration-200 motion-reduce:transition-none',\n  {\n    variants: {\n      active: {\n        true: 'w-6 bg-[var(--btn-primary-bg)]',\n        false: 'w-2 bg-[var(--border-strong)] hover:bg-[var(--text-secondary)]',\n      },\n    },\n    defaultVariants: {\n      active: false,\n    },\n  },\n);\n","import { Button } from '@components';\nimport { useMediaQuery } from '@hooks';\nimport { cn } from '@utils';\nimport {\n  Children,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport {\n  carouselControlsStyles,\n  carouselDotStyles,\n  carouselIndicatorsStyles,\n  carouselIndicatorStyles,\n  carouselSlideStyles,\n  carouselSlideWidthStyles,\n  carouselStyles,\n  carouselTrackStyles,\n} from './Carousel.styles';\n\nexport type CarouselProps = Omit<HTMLAttributes<HTMLElement>, 'children'> & {\n  /** Accessible name of the carousel, e.g. \"Featured recipes\". */\n  label: string;\n  /** One child per slide. */\n  children: ReactNode;\n  previousLabel: string;\n  nextLabel: string;\n  /** Accessible name of each slide; defaults to \"1 / 6\". */\n  slideLabel?: (index: number, total: number) => string;\n  /** Accessible name of each indicator; defaults to \"Go to slide 3\". */\n  goToLabel?: (index: number, total: number) => string;\n  /** Accessible name of the indicators group, e.g. \"Choose a recipe\". */\n  indicatorsLabel?: string;\n  /** Show the indicators between the buttons (default `true`). */\n  indicators?: boolean;\n  /** Optional visible heading or \"See all\" link above the cards. */\n  header?: ReactNode;\n  /** Width classes for each slide (defaults: 80% mobile, 45% tablet, 31% desktop). */\n  slideClassName?: string;\n  /** Stable ids for the buttons, e.g. for analytics click triggers. */\n  buttonIds?: { previous?: string; next?: string };\n};\n\nconst EDGE_TOLERANCE_PX = 4;\n\n/**\n * Horizontal carousel of cards: native scroll with snap (touch and trackpad drag work as usual),\n * and below the cards previous/next buttons around indicators that show the current card and jump\n * to any of them. Tabbing to a card scrolls it into view. No autoplay; the smooth scroll is turned\n * off when the person prefers reduced motion.\n */\nexport const Carousel = forwardRef<HTMLElement, CarouselProps>(\n  (\n    {\n      label,\n      children,\n      previousLabel,\n      nextLabel,\n      slideLabel = (index, total) => `${index + 1} / ${total}`,\n      goToLabel = (index) => `Go to slide ${index + 1}`,\n      indicatorsLabel,\n      indicators = true,\n      header,\n      slideClassName,\n      buttonIds = {},\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const trackRef = useRef<HTMLDivElement | null>(null);\n    const slideRefs = useRef<Array<HTMLDivElement | null>>([]);\n    const reducedMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n    const [edges, setEdges] = useState({ start: true, end: false });\n    const [active, setActive] = useState(0);\n    const slides = Children.toArray(children);\n    const behavior = reducedMotion ? 'auto' : 'smooth';\n\n    /** Offset of a slide from the start of the track's content. */\n    const offsetOf = (index: number) =>\n      (slideRefs.current[index]?.offsetLeft ?? 0) - (slideRefs.current[0]?.offsetLeft ?? 0);\n\n    const update = useCallback(() => {\n      const track = trackRef.current;\n      if (!track) {\n        return;\n      }\n      const max = track.scrollWidth - track.clientWidth;\n      const atEnd = track.scrollLeft >= max - EDGE_TOLERANCE_PX;\n      setEdges({ start: track.scrollLeft <= EDGE_TOLERANCE_PX, end: atEnd });\n      const offsets = slideRefs.current.map((slide) =>\n        slide ? slide.offsetLeft - (slideRefs.current[0]?.offsetLeft ?? 0) : 0,\n      );\n      const nearest = offsets.reduce(\n        (best, offset, index) =>\n          Math.abs(offset - track.scrollLeft) < Math.abs((offsets[best] ?? 0) - track.scrollLeft)\n            ? index\n            : best,\n        0,\n      );\n      setActive(atEnd && max > 0 ? offsets.length - 1 : nearest);\n    }, []);\n\n    useEffect(() => {\n      update();\n      const track = trackRef.current;\n      if (!track || typeof ResizeObserver === 'undefined') {\n        return undefined;\n      }\n      const observer = new ResizeObserver(update);\n      observer.observe(track);\n      return () => observer.disconnect();\n    }, [update, slides.length]);\n\n    const scrollByPage = (direction: 1 | -1) => {\n      trackRef.current?.scrollBy({\n        left: direction * trackRef.current.clientWidth * 0.9,\n        behavior,\n      });\n    };\n\n    const goTo = (index: number) => {\n      trackRef.current?.scrollTo({ left: offsetOf(index), behavior });\n    };\n\n    return (\n      <section\n        ref={ref}\n        aria-roledescription=\"carousel\"\n        aria-label={label}\n        className={cn(carouselStyles, className)}\n        {...props}\n      >\n        {header}\n        <div\n          ref={trackRef}\n          className={carouselTrackStyles}\n          data-carousel-track=\"\"\n          onScroll={update}\n        >\n          {slides.map((slide, index) => (\n            <div\n              key={index}\n              ref={(node) => {\n                slideRefs.current[index] = node;\n              }}\n              role=\"group\"\n              aria-roledescription=\"slide\"\n              aria-label={slideLabel(index, slides.length)}\n              className={cn(carouselSlideStyles, carouselSlideWidthStyles, slideClassName)}\n            >\n              {slide}\n            </div>\n          ))}\n        </div>\n        <div className={carouselControlsStyles}>\n          <Button\n            id={buttonIds.previous}\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"icon\"\n            aria-label={previousLabel}\n            disabled={edges.start}\n            onClick={() => scrollByPage(-1)}\n          >\n            <span aria-hidden=\"true\">‹</span>\n          </Button>\n          {indicators && slides.length > 1 && (\n            <div role=\"group\" aria-label={indicatorsLabel} className={carouselIndicatorsStyles}>\n              {slides.map((_, index) => (\n                <button\n                  key={index}\n                  type=\"button\"\n                  aria-label={goToLabel(index, slides.length)}\n                  aria-current={index === active ? 'true' : undefined}\n                  className={carouselIndicatorStyles}\n                  onClick={() => goTo(index)}\n                >\n                  <span\n                    aria-hidden=\"true\"\n                    className={carouselDotStyles({ active: index === active })}\n                  />\n                </button>\n              ))}\n            </div>\n          )}\n          <Button\n            id={buttonIds.next}\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"icon\"\n            aria-label={nextLabel}\n            disabled={edges.end}\n            onClick={() => scrollByPage(1)}\n          >\n            <span aria-hidden=\"true\">›</span>\n          </Button>\n        </div>\n      </section>\n    );\n  },\n);\n\nCarousel.displayName = 'Carousel';\n"]}