@inzumer/ui-library 1.2.0 → 1.4.0

package/dist/chunk-36CVKI5R.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/molecules/CookiePreferences/CookiePreferences.styles.ts","../src/components/molecules/CookiePreferences/CookiePreferences.tsx"],"names":[],"mappings":";;;;;;;;AAAO,IAAM,4BAAA,GAA+B,2CAAA;AAErC,IAAM,wBAAA,GAA2B,qBAAA;AAEjC,IAAM,oBAAA,GACX,0EAAA;AAEK,IAAM,0BAAA,GAA6B,yCAAA;AAEnC,IAAM,yBAAA,GAA4B,0CAAA;AAElC,IAAM,4BAAA,GAA+B,oDAAA;AAErC,IAAM,+BAAA,GAAkC,sCAAA;AC6BxC,IAAM,oBAAoB,CAAC;AAAA,EAChC,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,KAA8B;AAC5B,EAAA,MAAM,SAAS,KAAA,EAAM;AACrB,EAAA,MAAM,SAAS,QAAA,IAAY,MAAA;AAC3B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,wBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,EAAA,EAAI,CAAA,EAAG,MAAM,CAAA,OAAA,CAAA,EAAW,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,OAAA,EAAQ,OAAA,EAAS,OAAA,EACpE,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAO,EAAA,EAAI,CAAA,EAAG,MAAM,SAAS,IAAA,EAAK,QAAA,EAAS,OAAA,EAAS,MAAA,EAClD,QAAA,EAAA,SAAA,EACH;AAAA,OAAA,EACF,CAAA;AAAA,MAGD,QAAA,EAAA;AAAA,QAAA,WAAA,oBACC,GAAA,CAAC,YAAS,EAAA,EAAG,GAAA,EAAI,SAAQ,IAAA,EAAK,SAAA,EAAW,8BACtC,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,4BAED,IAAA,EAAA,EAAG,SAAA,EAAW,0BACZ,QAAA,EAAA,UAAA,CAAW,GAAA,CAAI,CAAC,QAAA,KAAa;AAC5B,UAAA,MAAM,aAAA,GAAgB,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,SAAS,EAAE,CAAA,YAAA,CAAA;AAC9C,UAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAqB,SAAA,EAAW,oBAAA,EAC/B,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,0BAAA,EACb,QAAA,EAAA,QAAA,CAAS,2BACR,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAG,IAAA,EAAK,OAAA,EAAQ,MAAK,SAAA,EAAW,yBAAA,EACvC,mBAAS,KAAA,EACZ,CAAA;AAAA,8BACA,GAAA,CAAC,YAAS,EAAA,EAAG,MAAA,EAAO,SAAQ,IAAA,EAAK,SAAA,EAAW,8BACzC,QAAA,EAAA,aAAA,EACH;AAAA,aAAA,EACF,CAAA,mBAEA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAI,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,SAAS,EAAE,CAAA,CAAA;AAAA,gBAC5B,OAAO,QAAA,CAAS,KAAA;AAAA,gBAChB,OAAA,EAAS,KAAA,CAAM,QAAA,CAAS,EAAE,CAAA,KAAM,IAAA;AAAA,gBAChC,iBAAiB,CAAC,OAAA,KAAY,QAAA,CAAS,QAAA,CAAS,IAAI,OAAO,CAAA;AAAA,gBAC3D,kBAAA,EAAkB;AAAA;AAAA,aACpB,EAEJ,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAG,GAAA;AAAA,gBACH,EAAA,EAAI,aAAA;AAAA,gBACJ,OAAA,EAAQ,IAAA;AAAA,gBACR,SAAA,EAAW,+BAAA;AAAA,gBAEV,QAAA,EAAA,QAAA,CAAS;AAAA;AAAA;AACZ,WAAA,EAAA,EA5BO,SAAS,EA6BlB,CAAA;AAAA,QAEJ,CAAC,CAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ","file":"chunk-36CVKI5R.js","sourcesContent":["export const cookiePreferencesIntroStyles = 'mb-4 text-sm text-[var(--text-secondary)]';\n\nexport const cookieCategoryListStyles = 'flex flex-col gap-4';\n\nexport const cookieCategoryStyles =\n  'flex flex-col gap-2 rounded-lg border border-[var(--border-default)] p-4';\n\nexport const cookieCategoryHeaderStyles = 'flex items-center justify-between gap-4';\n\nexport const cookieCategoryTitleStyles = 'font-semibold text-[var(--text-primary)]';\n\nexport const cookieCategoryRequiredStyles = 'text-xs font-semibold text-[var(--text-secondary)]';\n\nexport const cookieCategoryDescriptionStyles = 'text-sm text-[var(--text-secondary)]';\n","import { useId, type ReactNode } from 'react';\nimport { Button, Modal, RichText, Switch } from '@components';\nimport {\n  cookieCategoryDescriptionStyles,\n  cookieCategoryHeaderStyles,\n  cookieCategoryListStyles,\n  cookieCategoryRequiredStyles,\n  cookieCategoryStyles,\n  cookieCategoryTitleStyles,\n  cookiePreferencesIntroStyles,\n} from './CookiePreferences.styles';\n\nexport interface CookieCategory {\n  id: string;\n  title: string;\n  description: ReactNode;\n  /** Strictly necessary cookies can't be turned off; they show `requiredLabel` instead of a switch. */\n  required?: boolean;\n}\n\nexport interface CookiePreferencesProps {\n  open: boolean;\n  onClose: () => void;\n  title: ReactNode;\n  description?: ReactNode;\n  categories: CookieCategory[];\n  /** Enabled state of each optional category, by id. */\n  value: Record<string, boolean>;\n  onChange: (id: string, enabled: boolean) => void;\n  onSave: () => void;\n  saveLabel: string;\n  cancelLabel: string;\n  /** e.g. \"Always on\". */\n  requiredLabel: string;\n  /** Prefix for stable ids: `<prefix>-<category id>` switches and `<prefix>-save` / `<prefix>-cancel` buttons. */\n  idPrefix?: string;\n}\n\n/**\n * Per-category cookie choices in a `Modal` (focus trapped, Escape closes). Controlled: the\n * consumer holds `value` and persists it on `onSave`.\n */\nexport const CookiePreferences = ({\n  open,\n  onClose,\n  title,\n  description,\n  categories,\n  value,\n  onChange,\n  onSave,\n  saveLabel,\n  cancelLabel,\n  requiredLabel,\n  idPrefix,\n}: CookiePreferencesProps) => {\n  const baseId = useId();\n  const prefix = idPrefix ?? baseId;\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title={title}\n      footer={\n        <>\n          <Button id={`${prefix}-cancel`} type=\"button\" variant=\"ghost\" onClick={onClose}>\n            {cancelLabel}\n          </Button>\n          <Button id={`${prefix}-save`} type=\"button\" onClick={onSave}>\n            {saveLabel}\n          </Button>\n        </>\n      }\n    >\n      {description && (\n        <RichText as=\"p\" variant=\"p3\" className={cookiePreferencesIntroStyles}>\n          {description}\n        </RichText>\n      )}\n      <ul className={cookieCategoryListStyles}>\n        {categories.map((category) => {\n          const descriptionId = `${prefix}-${category.id}-description`;\n          return (\n            <li key={category.id} className={cookieCategoryStyles}>\n              <div className={cookieCategoryHeaderStyles}>\n                {category.required ? (\n                  <>\n                    <RichText as=\"h3\" variant=\"p2\" className={cookieCategoryTitleStyles}>\n                      {category.title}\n                    </RichText>\n                    <RichText as=\"span\" variant=\"p4\" className={cookieCategoryRequiredStyles}>\n                      {requiredLabel}\n                    </RichText>\n                  </>\n                ) : (\n                  <Switch\n                    id={`${prefix}-${category.id}`}\n                    label={category.title}\n                    checked={value[category.id] === true}\n                    onCheckedChange={(checked) => onChange(category.id, checked)}\n                    aria-describedby={descriptionId}\n                  />\n                )}\n              </div>\n              <RichText\n                as=\"p\"\n                id={descriptionId}\n                variant=\"p3\"\n                className={cookieCategoryDescriptionStyles}\n              >\n                {category.description}\n              </RichText>\n            </li>\n          );\n        })}\n      </ul>\n    </Modal>\n  );\n};\n"]}

package/dist/chunk-TR7XKJCO.js

@@ -0,0 +1,85 @@
+import { Button } from './chunk-KL6I2JFC.js';
+import { RichText } from './chunk-P4CV2EPR.js';
+import { cn } from './chunk-6LLGTBM6.js';
+import { forwardRef, useId } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/molecules/CookieBanner/CookieBanner.styles.ts
+var cookieBannerStyles = [
+  "fixed inset-x-0 bottom-0 z-40 border-t border-[var(--border-default)]",
+  "bg-[var(--surface-primary)] shadow-lg"
+].join(" ");
+var cookieBannerContentStyles = "mx-auto flex w-full max-w-5xl flex-col gap-3 px-4 py-4";
+var cookieBannerTitleStyles = "text-lg font-semibold text-[var(--text-primary)]";
+var cookieBannerDescriptionStyles = "text-sm text-[var(--text-secondary)]";
+var cookieBannerActionsStyles = "flex flex-wrap gap-2";
+var cookieBannerButtonStyles = "min-h-11 flex-1";
+var CookieBanner = forwardRef(
+  ({
+    title,
+    description,
+    acceptLabel,
+    rejectLabel,
+    customizeLabel,
+    onAccept,
+    onReject,
+    onCustomize,
+    buttonIds = {},
+    className,
+    ...props
+  }, ref) => {
+    const titleId = useId();
+    return /* @__PURE__ */ jsx(
+      "section",
+      {
+        ref,
+        "aria-labelledby": titleId,
+        className: cn(cookieBannerStyles, className),
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: cookieBannerContentStyles, children: [
+          /* @__PURE__ */ jsx(RichText, { as: "h2", id: titleId, variant: "s1", className: cookieBannerTitleStyles, children: title }),
+          /* @__PURE__ */ jsx(RichText, { as: "p", variant: "p3", className: cookieBannerDescriptionStyles, children: description }),
+          /* @__PURE__ */ jsxs("div", { className: cookieBannerActionsStyles, children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                id: buttonIds.accept,
+                type: "button",
+                className: cookieBannerButtonStyles,
+                onClick: onAccept,
+                children: acceptLabel
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                id: buttonIds.reject,
+                type: "button",
+                variant: "secondary",
+                className: cookieBannerButtonStyles,
+                onClick: onReject,
+                children: rejectLabel
+              }
+            ),
+            onCustomize && customizeLabel && /* @__PURE__ */ jsx(
+              Button,
+              {
+                id: buttonIds.customize,
+                type: "button",
+                variant: "ghost",
+                className: cookieBannerButtonStyles,
+                onClick: onCustomize,
+                children: customizeLabel
+              }
+            )
+          ] })
+        ] })
+      }
+    );
+  }
+);
+CookieBanner.displayName = "CookieBanner";
+
+export { CookieBanner };
+//# sourceMappingURL=chunk-TR7XKJCO.js.map
+//# sourceMappingURL=chunk-TR7XKJCO.js.map

package/dist/chunk-TR7XKJCO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/molecules/CookieBanner/CookieBanner.styles.ts","../src/components/molecules/CookieBanner/CookieBanner.tsx"],"names":[],"mappings":";;;;;;;AAAO,IAAM,kBAAA,GAAqB;AAAA,EAChC,uEAAA;AAAA,EACA;AACF,CAAA,CAAE,KAAK,GAAG,CAAA;AAEH,IAAM,yBAAA,GAA4B,wDAAA;AAElC,IAAM,uBAAA,GAA0B,kDAAA;AAEhC,IAAM,6BAAA,GAAgC,sCAAA;AAEtC,IAAM,yBAAA,GAA4B,sBAAA;AAElC,IAAM,wBAAA,GAA2B,iBAAA;ACmBjC,IAAM,YAAA,GAAe,UAAA;AAAA,EAC1B,CACE;AAAA,IACE,KAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAY,EAAC;AAAA,IACb,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,UAAU,KAAA,EAAM;AACtB,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,iBAAA,EAAiB,OAAA;AAAA,QACjB,SAAA,EAAW,EAAA,CAAG,kBAAA,EAAoB,SAAS,CAAA;AAAA,QAC1C,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,yBAAA,EACd,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAG,IAAA,EAAK,EAAA,EAAI,SAAS,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,uBAAA,EACpD,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,0BACA,GAAA,CAAC,YAAS,EAAA,EAAG,GAAA,EAAI,SAAQ,IAAA,EAAK,SAAA,EAAW,+BACtC,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,yBAAA,EACd,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,IAAI,SAAA,CAAU,MAAA;AAAA,gBACd,IAAA,EAAK,QAAA;AAAA,gBACL,SAAA,EAAW,wBAAA;AAAA,gBACX,OAAA,EAAS,QAAA;AAAA,gBAER,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,4BACA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,IAAI,SAAA,CAAU,MAAA;AAAA,gBACd,IAAA,EAAK,QAAA;AAAA,gBACL,OAAA,EAAQ,WAAA;AAAA,gBACR,SAAA,EAAW,wBAAA;AAAA,gBACX,OAAA,EAAS,QAAA;AAAA,gBAER,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,YACC,eAAe,cAAA,oBACd,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,IAAI,SAAA,CAAU,SAAA;AAAA,gBACd,IAAA,EAAK,QAAA;AAAA,gBACL,OAAA,EAAQ,OAAA;AAAA,gBACR,SAAA,EAAW,wBAAA;AAAA,gBACX,OAAA,EAAS,WAAA;AAAA,gBAER,QAAA,EAAA;AAAA;AAAA;AACH,WAAA,EAEJ;AAAA,SAAA,EACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA","file":"chunk-TR7XKJCO.js","sourcesContent":["export const cookieBannerStyles = [\n  'fixed inset-x-0 bottom-0 z-40 border-t border-[var(--border-default)]',\n  'bg-[var(--surface-primary)] shadow-lg',\n].join(' ');\n\nexport const cookieBannerContentStyles = 'mx-auto flex w-full max-w-5xl flex-col gap-3 px-4 py-4';\n\nexport const cookieBannerTitleStyles = 'text-lg font-semibold text-[var(--text-primary)]';\n\nexport const cookieBannerDescriptionStyles = 'text-sm text-[var(--text-secondary)]';\n\nexport const cookieBannerActionsStyles = 'flex flex-wrap gap-2';\n\nexport const cookieBannerButtonStyles = 'min-h-11 flex-1';\n","import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { Button, RichText } from '@components';\nimport { cn } from '@utils';\nimport {\n  cookieBannerActionsStyles,\n  cookieBannerButtonStyles,\n  cookieBannerContentStyles,\n  cookieBannerDescriptionStyles,\n  cookieBannerStyles,\n  cookieBannerTitleStyles,\n} from './CookieBanner.styles';\n\nexport type CookieBannerProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {\n  title: ReactNode;\n  /** What the cookies are for; usually ends with a link to the privacy policy. */\n  description: ReactNode;\n  acceptLabel: string;\n  rejectLabel: string;\n  /** Shown only when `onCustomize` is set (opens the preferences, e.g. `CookiePreferences`). */\n  customizeLabel?: string;\n  onAccept: () => void;\n  onReject: () => void;\n  onCustomize?: () => void;\n  /** Stable ids for the buttons, e.g. for analytics click triggers. */\n  buttonIds?: { accept?: string; reject?: string; customize?: string };\n};\n\n/**\n * Cookie consent bar pinned to the bottom of the page. Presentational: the consumer decides when\n * to show it and stores the answer. Accept and reject weigh the same visually, so rejecting is as\n * easy as accepting. Not modal: the page stays usable.\n */\nexport const CookieBanner = forwardRef<HTMLElement, CookieBannerProps>(\n  (\n    {\n      title,\n      description,\n      acceptLabel,\n      rejectLabel,\n      customizeLabel,\n      onAccept,\n      onReject,\n      onCustomize,\n      buttonIds = {},\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const titleId = useId();\n    return (\n      <section\n        ref={ref}\n        aria-labelledby={titleId}\n        className={cn(cookieBannerStyles, className)}\n        {...props}\n      >\n        <div className={cookieBannerContentStyles}>\n          <RichText as=\"h2\" id={titleId} variant=\"s1\" className={cookieBannerTitleStyles}>\n            {title}\n          </RichText>\n          <RichText as=\"p\" variant=\"p3\" className={cookieBannerDescriptionStyles}>\n            {description}\n          </RichText>\n          <div className={cookieBannerActionsStyles}>\n            <Button\n              id={buttonIds.accept}\n              type=\"button\"\n              className={cookieBannerButtonStyles}\n              onClick={onAccept}\n            >\n              {acceptLabel}\n            </Button>\n            <Button\n              id={buttonIds.reject}\n              type=\"button\"\n              variant=\"secondary\"\n              className={cookieBannerButtonStyles}\n              onClick={onReject}\n            >\n              {rejectLabel}\n            </Button>\n            {onCustomize && customizeLabel && (\n              <Button\n                id={buttonIds.customize}\n                type=\"button\"\n                variant=\"ghost\"\n                className={cookieBannerButtonStyles}\n                onClick={onCustomize}\n              >\n                {customizeLabel}\n              </Button>\n            )}\n          </div>\n        </div>\n      </section>\n    );\n  },\n);\n\nCookieBanner.displayName = 'CookieBanner';\n"]}

package/dist/{chunk-RRIE5LFQ.js → chunk-ULLCBART.js}

@@ -1,7 +1,7 @@
-import { useDelayedUnmount } from './chunk-BNEEI7S5.js';
-import { useDismissableLayer } from './chunk-JCJP427C.js';
 import { useFocusTrap } from './chunk-QT62VC36.js';
 import { useScrollLock } from './chunk-53YMHM24.js';
+import { useDelayedUnmount } from './chunk-BNEEI7S5.js';
+import { useDismissableLayer } from './chunk-JCJP427C.js';
 import { useMergedRef } from './chunk-P4Z7HH66.js';
 import { RichText } from './chunk-P4CV2EPR.js';
 import { cn } from './chunk-6LLGTBM6.js';
@@ -83,5 +83,5 @@ var BottomSheet = forwardRef(
 BottomSheet.displayName = "BottomSheet";
 
 export { BottomSheet };
-//# sourceMappingURL=chunk-RRIE5LFQ.js.map
-//# sourceMappingURL=chunk-RRIE5LFQ.js.map
+//# sourceMappingURL=chunk-ULLCBART.js.map
+//# sourceMappingURL=chunk-ULLCBART.js.map

package/dist/{chunk-RRIE5LFQ.js.map → chunk-ULLCBART.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/molecules/BottomSheet/BottomSheet.styles.ts","../src/components/molecules/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";;;;;;;;;;;AAEO,IAAM,wBAAA,GAA2B,GAAA;AAAA,EACtC;AAAA,IACE,8EAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,aAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,sBAAA,GAAyB,GAAA;AAAA,EACpC;AAAA,IACE,+EAAA;AAAA,IACA,6CAAA;AAAA,IACA;AAAA,GACF;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;AAEO,IAAM,uBAAA,GACX,gEAAA;AAEK,IAAM,sBAAA,GAAyB,uDAAA;AAE/B,IAAM,uBAAA,GAA0B,0CAAA;AC1BvC,IAAM,gBAAA,GAAmB,GAAA;AAUlB,IAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CACE,EAAE,IAAA,EAAM,OAAA,EAAS,KAAA,EAAO,MAAA,EAAQ,oBAAA,GAAuB,IAAA,EAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,IACrF,GAAA,KACG;AACH,IAAA,MAAM,QAAA,GAAW,OAA8B,IAAI,CAAA;AACnD,IAAA,MAAM,WAAA,GAAc,YAAA,CAAa,GAAA,EAAK,QAAQ,CAAA;AAC9C,IAAA,MAAM,UAAU,KAAA,EAAM;AACtB,IAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAQ,GAAI,iBAAA,CAAkB,MAAM,gBAAgB,CAAA;AAErE,IAAA,mBAAA,CAAoB,IAAA,EAAM,OAAA,EAAS,QAAA,EAAU,oBAAoB,CAAA;AAEjE,IAAA,YAAA,CAAa,IAAA,IAAQ,SAAS,QAAQ,CAAA;AACtC,IAAA,aAAA,CAAc,IAAI,CAAA;AAElB,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,yBAAyB,EAAE,OAAA,EAAS,CAAA,EAClD,QAAA,kBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,WAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAW,MAAA;AAAA,QACX,iBAAA,EAAiB,QAAQ,OAAA,GAAU,MAAA;AAAA,QACnC,QAAA,EAAU,EAAA;AAAA,QACV,WAAW,EAAA,CAAG,sBAAA,CAAuB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,QAC3D,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAW,IAAA,EAAC,SAAA,EAAW,uBAAA,EAAyB,CAAA;AAAA,UACpD,KAAA,oBACC,GAAA,CAAC,QAAA,EAAA,EAAS,EAAA,EAAG,IAAA,EAAK,EAAA,EAAI,OAAA,EAAS,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,sBAAA,EACpD,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UAED,QAAA;AAAA,UACA,MAAA,oBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,yBAA0B,QAAA,EAAA,MAAA,EAAO;AAAA;AAAA;AAAA,KAC9D,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-RRIE5LFQ.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const bottomSheetOverlayStyles = cva(\n  [\n    'fixed inset-0 z-50 flex items-end 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 bottomSheetPanelStyles = cva(\n  [\n    'w-full max-w-md rounded-t-xl border border-b-0 border-[var(--border-default)]',\n    'bg-[var(--surface-secondary)] p-6 shadow-lg',\n    'transition-transform duration-200 ease-out',\n  ],\n  {\n    variants: {\n      visible: {\n        true: 'translate-y-0',\n        false: 'translate-y-full',\n      },\n    },\n    defaultVariants: {\n      visible: false,\n    },\n  },\n);\n\nexport const bottomSheetHandleStyles =\n  'mx-auto mb-4 h-1.5 w-10 rounded-full bg-[var(--border-strong)]';\n\nexport const bottomSheetTitleStyles = 'mb-4 text-lg font-semibold text-[var(--text-primary)]';\n\nexport const bottomSheetFooterStyles = 'mt-6 flex items-center justify-end gap-2';\n","import { forwardRef, useId, useRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { RichText } from '@components';\nimport {\n  useDelayedUnmount,\n  useDismissableLayer,\n  useFocusTrap,\n  useMergedRef,\n  useScrollLock,\n} from '@hooks';\nimport { cn } from '@utils';\nimport {\n  bottomSheetFooterStyles,\n  bottomSheetHandleStyles,\n  bottomSheetOverlayStyles,\n  bottomSheetPanelStyles,\n  bottomSheetTitleStyles,\n} from './BottomSheet.styles';\n\nconst EXIT_DURATION_MS = 200;\n\nexport type BottomSheetProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {\n  open: boolean;\n  onClose: () => void;\n  title?: ReactNode;\n  footer?: ReactNode;\n  closeOnBackdropClick?: boolean;\n};\n\nexport const BottomSheet = forwardRef<HTMLDivElement, BottomSheetProps>(\n  (\n    { open, onClose, title, footer, closeOnBackdropClick = true, className, children, ...props },\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={bottomSheetOverlayStyles({ 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(bottomSheetPanelStyles({ visible }), className)}\n          {...props}\n        >\n          <div aria-hidden className={bottomSheetHandleStyles} />\n          {title && (\n            <RichText as=\"h2\" id={titleId} variant=\"s1\" className={bottomSheetTitleStyles}>\n              {title}\n            </RichText>\n          )}\n          {children}\n          {footer && <div className={bottomSheetFooterStyles}>{footer}</div>}\n        </div>\n      </div>\n    );\n  },\n);\n\nBottomSheet.displayName = 'BottomSheet';\n"]}
+{"version":3,"sources":["../src/components/molecules/BottomSheet/BottomSheet.styles.ts","../src/components/molecules/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";;;;;;;;;;;AAEO,IAAM,wBAAA,GAA2B,GAAA;AAAA,EACtC;AAAA,IACE,8EAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,aAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,sBAAA,GAAyB,GAAA;AAAA,EACpC;AAAA,IACE,+EAAA;AAAA,IACA,6CAAA;AAAA,IACA;AAAA,GACF;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;AAEO,IAAM,uBAAA,GACX,gEAAA;AAEK,IAAM,sBAAA,GAAyB,uDAAA;AAE/B,IAAM,uBAAA,GAA0B,0CAAA;AC1BvC,IAAM,gBAAA,GAAmB,GAAA;AAUlB,IAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CACE,EAAE,IAAA,EAAM,OAAA,EAAS,KAAA,EAAO,MAAA,EAAQ,oBAAA,GAAuB,IAAA,EAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,IACrF,GAAA,KACG;AACH,IAAA,MAAM,QAAA,GAAW,OAA8B,IAAI,CAAA;AACnD,IAAA,MAAM,WAAA,GAAc,YAAA,CAAa,GAAA,EAAK,QAAQ,CAAA;AAC9C,IAAA,MAAM,UAAU,KAAA,EAAM;AACtB,IAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAQ,GAAI,iBAAA,CAAkB,MAAM,gBAAgB,CAAA;AAErE,IAAA,mBAAA,CAAoB,IAAA,EAAM,OAAA,EAAS,QAAA,EAAU,oBAAoB,CAAA;AAEjE,IAAA,YAAA,CAAa,IAAA,IAAQ,SAAS,QAAQ,CAAA;AACtC,IAAA,aAAA,CAAc,IAAI,CAAA;AAElB,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,yBAAyB,EAAE,OAAA,EAAS,CAAA,EAClD,QAAA,kBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,WAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAW,MAAA;AAAA,QACX,iBAAA,EAAiB,QAAQ,OAAA,GAAU,MAAA;AAAA,QACnC,QAAA,EAAU,EAAA;AAAA,QACV,WAAW,EAAA,CAAG,sBAAA,CAAuB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,QAC3D,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAW,IAAA,EAAC,SAAA,EAAW,uBAAA,EAAyB,CAAA;AAAA,UACpD,KAAA,oBACC,GAAA,CAAC,QAAA,EAAA,EAAS,EAAA,EAAG,IAAA,EAAK,EAAA,EAAI,OAAA,EAAS,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,sBAAA,EACpD,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UAED,QAAA;AAAA,UACA,MAAA,oBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,yBAA0B,QAAA,EAAA,MAAA,EAAO;AAAA;AAAA;AAAA,KAC9D,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-ULLCBART.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const bottomSheetOverlayStyles = cva(\n  [\n    'fixed inset-0 z-50 flex items-end 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 bottomSheetPanelStyles = cva(\n  [\n    'w-full max-w-md rounded-t-xl border border-b-0 border-[var(--border-default)]',\n    'bg-[var(--surface-secondary)] p-6 shadow-lg',\n    'transition-transform duration-200 ease-out',\n  ],\n  {\n    variants: {\n      visible: {\n        true: 'translate-y-0',\n        false: 'translate-y-full',\n      },\n    },\n    defaultVariants: {\n      visible: false,\n    },\n  },\n);\n\nexport const bottomSheetHandleStyles =\n  'mx-auto mb-4 h-1.5 w-10 rounded-full bg-[var(--border-strong)]';\n\nexport const bottomSheetTitleStyles = 'mb-4 text-lg font-semibold text-[var(--text-primary)]';\n\nexport const bottomSheetFooterStyles = 'mt-6 flex items-center justify-end gap-2';\n","import { forwardRef, useId, useRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { RichText } from '@components';\nimport {\n  useDelayedUnmount,\n  useDismissableLayer,\n  useFocusTrap,\n  useMergedRef,\n  useScrollLock,\n} from '@hooks';\nimport { cn } from '@utils';\nimport {\n  bottomSheetFooterStyles,\n  bottomSheetHandleStyles,\n  bottomSheetOverlayStyles,\n  bottomSheetPanelStyles,\n  bottomSheetTitleStyles,\n} from './BottomSheet.styles';\n\nconst EXIT_DURATION_MS = 200;\n\nexport type BottomSheetProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {\n  open: boolean;\n  onClose: () => void;\n  title?: ReactNode;\n  footer?: ReactNode;\n  closeOnBackdropClick?: boolean;\n};\n\nexport const BottomSheet = forwardRef<HTMLDivElement, BottomSheetProps>(\n  (\n    { open, onClose, title, footer, closeOnBackdropClick = true, className, children, ...props },\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={bottomSheetOverlayStyles({ 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(bottomSheetPanelStyles({ visible }), className)}\n          {...props}\n        >\n          <div aria-hidden className={bottomSheetHandleStyles} />\n          {title && (\n            <RichText as=\"h2\" id={titleId} variant=\"s1\" className={bottomSheetTitleStyles}>\n              {title}\n            </RichText>\n          )}\n          {children}\n          {footer && <div className={bottomSheetFooterStyles}>{footer}</div>}\n        </div>\n      </div>\n    );\n  },\n);\n\nBottomSheet.displayName = 'BottomSheet';\n"]}

package/dist/chunk-V3YXRI7M.js

@@ -0,0 +1,41 @@
+import { cn } from './chunk-6LLGTBM6.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/molecules/Accordion/Accordion.styles.ts
+var accordionStyles = "group";
+var accordionSummaryStyles = [
+  "flex min-h-11 cursor-pointer list-none items-center justify-between gap-3 rounded-lg px-3",
+  "font-semibold text-[var(--text-primary)] transition-colors hover:bg-[var(--surface-secondary)]",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-focus)]",
+  "[&::-webkit-details-marker]:hidden"
+].join(" ");
+var accordionChevronStyles = "size-4 shrink-0 text-[var(--text-secondary)] transition-transform duration-150 group-open:rotate-180";
+var accordionContentStyles = "mt-1 px-3";
+var Accordion = forwardRef(
+  ({ summary, summaryClassName, contentClassName, className, children, ...props }, ref) => /* @__PURE__ */ jsxs("details", { ref, className: cn(accordionStyles, className), ...props, children: [
+    /* @__PURE__ */ jsxs("summary", { className: cn(accordionSummaryStyles, summaryClassName), children: [
+      summary,
+      /* @__PURE__ */ jsx(
+        "svg",
+        {
+          "aria-hidden": true,
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: 2,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: accordionChevronStyles,
+          children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: cn(accordionContentStyles, contentClassName), children })
+  ] })
+);
+Accordion.displayName = "Accordion";
+
+export { Accordion };
+//# sourceMappingURL=chunk-V3YXRI7M.js.map
+//# sourceMappingURL=chunk-V3YXRI7M.js.map

package/dist/chunk-V3YXRI7M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/molecules/Accordion/Accordion.styles.ts","../src/components/molecules/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;;AAAO,IAAM,eAAA,GAAkB,OAAA;AAExB,IAAM,sBAAA,GAAyB;AAAA,EACpC,2FAAA;AAAA,EACA,gGAAA;AAAA,EACA,0FAAA;AAAA,EACA;AACF,CAAA,CAAE,KAAK,GAAG,CAAA;AAEH,IAAM,sBAAA,GACX,sGAAA;AAEK,IAAM,sBAAA,GAAyB,WAAA;ACW/B,IAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,EAAE,OAAA,EAAS,gBAAA,EAAkB,kBAAkB,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,wBAC/E,IAAA,CAAC,SAAA,EAAA,EAAQ,KAAU,SAAA,EAAW,EAAA,CAAG,iBAAiB,SAAS,CAAA,EAAI,GAAG,KAAA,EAChE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAW,EAAA,CAAG,sBAAA,EAAwB,gBAAgB,CAAA,EAC5D,QAAA,EAAA;AAAA,MAAA,OAAA;AAAA,sBACD,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAW,IAAA;AAAA,UACX,OAAA,EAAQ,WAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UACL,MAAA,EAAO,cAAA;AAAA,UACP,WAAA,EAAa,CAAA;AAAA,UACb,aAAA,EAAc,OAAA;AAAA,UACd,cAAA,EAAe,OAAA;AAAA,UACf,SAAA,EAAW,sBAAA;AAAA,UAEX,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,cAAA,EAAe;AAAA;AAAA;AACzB,KAAA,EACF,CAAA;AAAA,wBACC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,sBAAA,EAAwB,gBAAgB,GAAI,QAAA,EAAS;AAAA,GAAA,EAC1E;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-V3YXRI7M.js","sourcesContent":["export const accordionStyles = 'group';\n\nexport const accordionSummaryStyles = [\n  'flex min-h-11 cursor-pointer list-none items-center justify-between gap-3 rounded-lg px-3',\n  'font-semibold text-[var(--text-primary)] transition-colors hover:bg-[var(--surface-secondary)]',\n  'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-focus)]',\n  '[&::-webkit-details-marker]:hidden',\n].join(' ');\n\nexport const accordionChevronStyles =\n  'size-4 shrink-0 text-[var(--text-secondary)] transition-transform duration-150 group-open:rotate-180';\n\nexport const accordionContentStyles = 'mt-1 px-3';\n","import { cn } from '@utils';\nimport { forwardRef, type DetailsHTMLAttributes, type ReactNode } from 'react';\nimport {\n  accordionChevronStyles,\n  accordionContentStyles,\n  accordionStyles,\n  accordionSummaryStyles,\n} from './Accordion.styles';\n\nexport type AccordionProps = Omit<DetailsHTMLAttributes<HTMLDetailsElement>, 'title'> & {\n  /** Always-visible header that toggles the content. */\n  summary: ReactNode;\n  /** Extra classes for the summary row (e.g. to match a navigation link). */\n  summaryClassName?: string;\n  /** Extra classes for the content wrapper. */\n  contentClassName?: string;\n};\n\n/**\n * A collapsible section built on native `<details>`/`<summary>`: keyboard and screen reader support,\n * find-in-page and no JavaScript needed to toggle. Stack several for an accordion list; pass\n * `open` to start expanded (e.g. the section that contains the current page).\n */\nexport const Accordion = forwardRef<HTMLDetailsElement, AccordionProps>(\n  ({ summary, summaryClassName, contentClassName, className, children, ...props }, ref) => (\n    <details ref={ref} className={cn(accordionStyles, className)} {...props}>\n      <summary className={cn(accordionSummaryStyles, summaryClassName)}>\n        {summary}\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={accordionChevronStyles}\n        >\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      </summary>\n      <div className={cn(accordionContentStyles, contentClassName)}>{children}</div>\n    </details>\n  ),\n);\n\nAccordion.displayName = 'Accordion';\n"]}

package/dist/{chunk-CX3GARWU.js → chunk-VGLFR5SB.js}

@@ -1,7 +1,7 @@
-import { useDelayedUnmount } from './chunk-BNEEI7S5.js';
-import { useDismissableLayer } from './chunk-JCJP427C.js';
 import { useFocusTrap } from './chunk-QT62VC36.js';
 import { useScrollLock } from './chunk-53YMHM24.js';
+import { useDelayedUnmount } from './chunk-BNEEI7S5.js';
+import { useDismissableLayer } from './chunk-JCJP427C.js';
 import { Button } from './chunk-KL6I2JFC.js';
 import { useMergedRef } from './chunk-P4Z7HH66.js';
 import { RichText } from './chunk-P4CV2EPR.js';
@@ -138,5 +138,5 @@ var Drawer = forwardRef(
 Drawer.displayName = "Drawer";
 
 export { Drawer };
-//# sourceMappingURL=chunk-CX3GARWU.js.map
-//# sourceMappingURL=chunk-CX3GARWU.js.map
+//# sourceMappingURL=chunk-VGLFR5SB.js.map
+//# sourceMappingURL=chunk-VGLFR5SB.js.map

package/dist/{chunk-CX3GARWU.js.map → chunk-VGLFR5SB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/molecules/Drawer/Drawer.styles.ts","../src/components/molecules/Drawer/Drawer.tsx"],"names":[],"mappings":"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","file":"chunk-CX3GARWU.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const drawerOverlayStyles = cva(\n  'absolute inset-0 bg-[var(--surface-overlay)] transition-opacity duration-200 ease-out',\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 drawerPanelStyles = cva(\n  [\n    'absolute inset-y-0 flex w-full max-w-80 flex-col gap-6 overflow-y-auto',\n    'border-[var(--border-default)] bg-[var(--surface-primary)] p-6 shadow-xl',\n    'transition-transform duration-200 ease-out focus:outline-none',\n  ],\n  {\n    variants: {\n      side: {\n        left: 'left-0 border-r',\n        right: 'right-0 border-l',\n      },\n      visible: {\n        true: 'translate-x-0',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { side: 'left', visible: false, className: '-translate-x-full' },\n      { side: 'right', visible: false, className: 'translate-x-full' },\n    ],\n    defaultVariants: {\n      side: 'right',\n      visible: false,\n    },\n  },\n);\n\nexport const drawerHeaderStyles = 'flex items-center justify-between gap-4';\n\nexport const drawerTitleStyles = 'text-lg font-semibold text-[var(--text-primary)]';\n\nexport const drawerFooterStyles = 'mt-auto flex flex-col gap-4';\n","import { Button, RichText } from '@components';\nimport {\n  useDelayedUnmount,\n  useDismissableLayer,\n  useFocusTrap,\n  useMergedRef,\n  useScrollLock,\n} from '@hooks';\nimport { cn } from '@utils';\nimport type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, useId, useRef, type HTMLAttributes, type ReactNode } from 'react';\nimport {\n  drawerFooterStyles,\n  drawerHeaderStyles,\n  drawerOverlayStyles,\n  drawerPanelStyles,\n  drawerTitleStyles,\n} from './Drawer.styles';\n\nconst EXIT_DURATION_MS = 200;\n\nexport type DrawerProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> &\n  Pick<VariantProps<typeof drawerPanelStyles>, 'side'> & {\n    open: boolean;\n    onClose: () => void;\n    title?: ReactNode;\n    /** Extra classes for the title (e.g. a display font). */\n    titleClassName?: string;\n    /** Accessible name of the close button; the button is only rendered when this is set. */\n    closeLabel?: string;\n    /** Pinned to the bottom of the panel (preferences, actions). */\n    footer?: ReactNode;\n    closeOnBackdropClick?: boolean;\n  };\n\n/**\n * A side panel (navigation menus, filters, settings) that slides in from the left or right.\n * Modal dialog semantics: focus moves inside and is trapped, Escape and backdrop clicks close it,\n * the page behind doesn't scroll, and focus returns to the trigger when it closes.\n */\nexport const Drawer = forwardRef<HTMLDivElement, DrawerProps>(\n  (\n    {\n      open,\n      onClose,\n      side,\n      title,\n      titleClassName,\n      closeLabel,\n      footer,\n      closeOnBackdropClick = true,\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=\"fixed inset-0 z-50\">\n        <div aria-hidden=\"true\" className={drawerOverlayStyles({ 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(drawerPanelStyles({ side, visible }), className)}\n          {...props}\n        >\n          {(title || closeLabel) && (\n            <div className={drawerHeaderStyles}>\n              {title && (\n                <RichText\n                  as=\"h2\"\n                  id={titleId}\n                  variant=\"s1\"\n                  className={cn(drawerTitleStyles, titleClassName)}\n                >\n                  {title}\n                </RichText>\n              )}\n              {closeLabel && (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  aria-label={closeLabel}\n                  onClick={onClose}\n                  className=\"ml-auto size-11\"\n                >\n                  <svg\n                    aria-hidden\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    strokeWidth={2}\n                    strokeLinecap=\"round\"\n                    className=\"size-6\"\n                  >\n                    <path d=\"M6 6l12 12M18 6L6 18\" />\n                  </svg>\n                </Button>\n              )}\n            </div>\n          )}\n          {children}\n          {footer && <div className={drawerFooterStyles}>{footer}</div>}\n        </div>\n      </div>\n    );\n  },\n);\n\nDrawer.displayName = 'Drawer';\n"]}
+{"version":3,"sources":["../src/components/molecules/Drawer/Drawer.styles.ts","../src/components/molecules/Drawer/Drawer.tsx"],"names":[],"mappings":"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","file":"chunk-VGLFR5SB.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const drawerOverlayStyles = cva(\n  'absolute inset-0 bg-[var(--surface-overlay)] transition-opacity duration-200 ease-out',\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 drawerPanelStyles = cva(\n  [\n    'absolute inset-y-0 flex w-full max-w-80 flex-col gap-6 overflow-y-auto',\n    'border-[var(--border-default)] bg-[var(--surface-primary)] p-6 shadow-xl',\n    'transition-transform duration-200 ease-out focus:outline-none',\n  ],\n  {\n    variants: {\n      side: {\n        left: 'left-0 border-r',\n        right: 'right-0 border-l',\n      },\n      visible: {\n        true: 'translate-x-0',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { side: 'left', visible: false, className: '-translate-x-full' },\n      { side: 'right', visible: false, className: 'translate-x-full' },\n    ],\n    defaultVariants: {\n      side: 'right',\n      visible: false,\n    },\n  },\n);\n\nexport const drawerHeaderStyles = 'flex items-center justify-between gap-4';\n\nexport const drawerTitleStyles = 'text-lg font-semibold text-[var(--text-primary)]';\n\nexport const drawerFooterStyles = 'mt-auto flex flex-col gap-4';\n","import { Button, RichText } from '@components';\nimport {\n  useDelayedUnmount,\n  useDismissableLayer,\n  useFocusTrap,\n  useMergedRef,\n  useScrollLock,\n} from '@hooks';\nimport { cn } from '@utils';\nimport type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, useId, useRef, type HTMLAttributes, type ReactNode } from 'react';\nimport {\n  drawerFooterStyles,\n  drawerHeaderStyles,\n  drawerOverlayStyles,\n  drawerPanelStyles,\n  drawerTitleStyles,\n} from './Drawer.styles';\n\nconst EXIT_DURATION_MS = 200;\n\nexport type DrawerProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> &\n  Pick<VariantProps<typeof drawerPanelStyles>, 'side'> & {\n    open: boolean;\n    onClose: () => void;\n    title?: ReactNode;\n    /** Extra classes for the title (e.g. a display font). */\n    titleClassName?: string;\n    /** Accessible name of the close button; the button is only rendered when this is set. */\n    closeLabel?: string;\n    /** Pinned to the bottom of the panel (preferences, actions). */\n    footer?: ReactNode;\n    closeOnBackdropClick?: boolean;\n  };\n\n/**\n * A side panel (navigation menus, filters, settings) that slides in from the left or right.\n * Modal dialog semantics: focus moves inside and is trapped, Escape and backdrop clicks close it,\n * the page behind doesn't scroll, and focus returns to the trigger when it closes.\n */\nexport const Drawer = forwardRef<HTMLDivElement, DrawerProps>(\n  (\n    {\n      open,\n      onClose,\n      side,\n      title,\n      titleClassName,\n      closeLabel,\n      footer,\n      closeOnBackdropClick = true,\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=\"fixed inset-0 z-50\">\n        <div aria-hidden=\"true\" className={drawerOverlayStyles({ 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(drawerPanelStyles({ side, visible }), className)}\n          {...props}\n        >\n          {(title || closeLabel) && (\n            <div className={drawerHeaderStyles}>\n              {title && (\n                <RichText\n                  as=\"h2\"\n                  id={titleId}\n                  variant=\"s1\"\n                  className={cn(drawerTitleStyles, titleClassName)}\n                >\n                  {title}\n                </RichText>\n              )}\n              {closeLabel && (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  aria-label={closeLabel}\n                  onClick={onClose}\n                  className=\"ml-auto size-11\"\n                >\n                  <svg\n                    aria-hidden\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    strokeWidth={2}\n                    strokeLinecap=\"round\"\n                    className=\"size-6\"\n                  >\n                    <path d=\"M6 6l12 12M18 6L6 18\" />\n                  </svg>\n                </Button>\n              )}\n            </div>\n          )}\n          {children}\n          {footer && <div className={drawerFooterStyles}>{footer}</div>}\n        </div>\n      </div>\n    );\n  },\n);\n\nDrawer.displayName = 'Drawer';\n"]}

package/dist/{chunk-A26UWAU4.js → chunk-W3H7DYWX.js}

@@ -1,7 +1,7 @@
-import { useDelayedUnmount } from './chunk-BNEEI7S5.js';
-import { useDismissableLayer } from './chunk-JCJP427C.js';
 import { useFocusTrap } from './chunk-QT62VC36.js';
 import { useScrollLock } from './chunk-53YMHM24.js';
+import { useDelayedUnmount } from './chunk-BNEEI7S5.js';
+import { useDismissableLayer } from './chunk-JCJP427C.js';
 import { useMergedRef } from './chunk-P4Z7HH66.js';
 import { RichText } from './chunk-P4CV2EPR.js';
 import { cn } from './chunk-6LLGTBM6.js';
@@ -80,5 +80,5 @@ var Modal = forwardRef(
 Modal.displayName = "Modal";
 
 export { Modal };
-//# sourceMappingURL=chunk-A26UWAU4.js.map
-//# sourceMappingURL=chunk-A26UWAU4.js.map
+//# sourceMappingURL=chunk-W3H7DYWX.js.map
+//# sourceMappingURL=chunk-W3H7DYWX.js.map

package/dist/{chunk-A26UWAU4.js.map → chunk-W3H7DYWX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/molecules/Modal/Modal.styles.ts","../src/components/molecules/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAEO,IAAM,kBAAA,GAAqB,GAAA;AAAA,EAChC;AAAA,IACE,qFAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,aAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,gBAAA,GAAmB,GAAA;AAAA,EAC9B;AAAA,IACE,8GAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,uBAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,gBAAA,GAAmB,uDAAA;AAEzB,IAAM,iBAAA,GAAoB,0CAAA;ACvBjC,IAAM,gBAAA,GAAmB,GAAA;AAUlB,IAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,CACE,EAAE,IAAA,EAAM,OAAA,EAAS,KAAA,EAAO,MAAA,EAAQ,oBAAA,GAAuB,IAAA,EAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,IACrF,GAAA,KACG;AACH,IAAA,MAAM,QAAA,GAAW,OAA8B,IAAI,CAAA;AACnD,IAAA,MAAM,WAAA,GAAc,YAAA,CAAa,GAAA,EAAK,QAAQ,CAAA;AAC9C,IAAA,MAAM,UAAU,KAAA,EAAM;AACtB,IAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAQ,GAAI,iBAAA,CAAkB,MAAM,gBAAgB,CAAA;AAErE,IAAA,mBAAA,CAAoB,IAAA,EAAM,OAAA,EAAS,QAAA,EAAU,oBAAoB,CAAA;AAEjE,IAAA,YAAA,CAAa,IAAA,IAAQ,SAAS,QAAQ,CAAA;AACtC,IAAA,aAAA,CAAc,IAAI,CAAA;AAElB,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,mBAAmB,EAAE,OAAA,EAAS,CAAA,EAC5C,QAAA,kBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,WAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAW,MAAA;AAAA,QACX,iBAAA,EAAiB,QAAQ,OAAA,GAAU,MAAA;AAAA,QACnC,QAAA,EAAU,EAAA;AAAA,QACV,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,QACrD,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA,oBACC,GAAA,CAAC,QAAA,EAAA,EAAS,EAAA,EAAG,IAAA,EAAK,EAAA,EAAI,SAAS,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,gBAAA,EACpD,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UAED,QAAA;AAAA,UACA,MAAA,oBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,mBAAoB,QAAA,EAAA,MAAA,EAAO;AAAA;AAAA;AAAA,KACxD,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-A26UWAU4.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)] p-4',\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    'w-full max-w-md 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    },\n    defaultVariants: {\n      visible: false,\n    },\n  },\n);\n\nexport const modalTitleStyles = 'mb-4 text-lg font-semibold text-[var(--text-primary)]';\n\nexport const modalFooterStyles = 'mt-6 flex items-center justify-end gap-2';\n","import { forwardRef, useId, useRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { RichText } from '@components';\nimport {\n  useDelayedUnmount,\n  useDismissableLayer,\n  useFocusTrap,\n  useMergedRef,\n  useScrollLock,\n} from '@hooks';\nimport { cn } from '@utils';\nimport {\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};\n\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(\n  (\n    { open, onClose, title, footer, closeOnBackdropClick = true, className, children, ...props },\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 }), className)}\n          {...props}\n        >\n          {title && (\n            <RichText as=\"h2\" id={titleId} variant=\"s1\" className={modalTitleStyles}>\n              {title}\n            </RichText>\n          )}\n          {children}\n          {footer && <div className={modalFooterStyles}>{footer}</div>}\n        </div>\n      </div>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n"]}
+{"version":3,"sources":["../src/components/molecules/Modal/Modal.styles.ts","../src/components/molecules/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAEO,IAAM,kBAAA,GAAqB,GAAA;AAAA,EAChC;AAAA,IACE,qFAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,aAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,gBAAA,GAAmB,GAAA;AAAA,EAC9B;AAAA,IACE,8GAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,uBAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,gBAAA,GAAmB,uDAAA;AAEzB,IAAM,iBAAA,GAAoB,0CAAA;ACvBjC,IAAM,gBAAA,GAAmB,GAAA;AAUlB,IAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,CACE,EAAE,IAAA,EAAM,OAAA,EAAS,KAAA,EAAO,MAAA,EAAQ,oBAAA,GAAuB,IAAA,EAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,IACrF,GAAA,KACG;AACH,IAAA,MAAM,QAAA,GAAW,OAA8B,IAAI,CAAA;AACnD,IAAA,MAAM,WAAA,GAAc,YAAA,CAAa,GAAA,EAAK,QAAQ,CAAA;AAC9C,IAAA,MAAM,UAAU,KAAA,EAAM;AACtB,IAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAQ,GAAI,iBAAA,CAAkB,MAAM,gBAAgB,CAAA;AAErE,IAAA,mBAAA,CAAoB,IAAA,EAAM,OAAA,EAAS,QAAA,EAAU,oBAAoB,CAAA;AAEjE,IAAA,YAAA,CAAa,IAAA,IAAQ,SAAS,QAAQ,CAAA;AACtC,IAAA,aAAA,CAAc,IAAI,CAAA;AAElB,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,mBAAmB,EAAE,OAAA,EAAS,CAAA,EAC5C,QAAA,kBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,WAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAW,MAAA;AAAA,QACX,iBAAA,EAAiB,QAAQ,OAAA,GAAU,MAAA;AAAA,QACnC,QAAA,EAAU,EAAA;AAAA,QACV,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,QACrD,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA,oBACC,GAAA,CAAC,QAAA,EAAA,EAAS,EAAA,EAAG,IAAA,EAAK,EAAA,EAAI,SAAS,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,gBAAA,EACpD,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UAED,QAAA;AAAA,UACA,MAAA,oBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,mBAAoB,QAAA,EAAA,MAAA,EAAO;AAAA;AAAA;AAAA,KACxD,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-W3H7DYWX.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)] p-4',\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    'w-full max-w-md 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    },\n    defaultVariants: {\n      visible: false,\n    },\n  },\n);\n\nexport const modalTitleStyles = 'mb-4 text-lg font-semibold text-[var(--text-primary)]';\n\nexport const modalFooterStyles = 'mt-6 flex items-center justify-end gap-2';\n","import { forwardRef, useId, useRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { RichText } from '@components';\nimport {\n  useDelayedUnmount,\n  useDismissableLayer,\n  useFocusTrap,\n  useMergedRef,\n  useScrollLock,\n} from '@hooks';\nimport { cn } from '@utils';\nimport {\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};\n\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(\n  (\n    { open, onClose, title, footer, closeOnBackdropClick = true, className, children, ...props },\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 }), className)}\n          {...props}\n        >\n          {title && (\n            <RichText as=\"h2\" id={titleId} variant=\"s1\" className={modalTitleStyles}>\n              {title}\n            </RichText>\n          )}\n          {children}\n          {footer && <div className={modalFooterStyles}>{footer}</div>}\n        </div>\n      </div>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n"]}

package/dist/chunk-XCUA543I.js

@@ -0,0 +1,59 @@
+import { cn } from './chunk-6LLGTBM6.js';
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var tableContainerStyles = "overflow-x-auto rounded-lg border border-[var(--border-default)] bg-[var(--surface-primary)]";
+var tableStyles = "w-full min-w-80 text-left tabular-nums";
+var tableCaptionStyles = cva("p-3 text-left text-sm text-[var(--text-secondary)]", {
+  variants: {
+    hidden: {
+      true: "sr-only",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    hidden: false
+  }
+});
+var tableHeadStyles = "border-b border-[var(--border-default)] text-sm text-[var(--text-secondary)]";
+var tableRowStyles = "border-b border-[var(--border-muted)] last:border-0";
+var tableCellStyles = cva("p-3", {
+  variants: {
+    align: {
+      start: "text-left",
+      end: "text-right",
+      center: "text-center"
+    }
+  },
+  defaultVariants: {
+    align: "start"
+  }
+});
+var Table = forwardRef(
+  ({ caption, captionHidden = false, containerClassName, className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn(tableContainerStyles, containerClassName), children: /* @__PURE__ */ jsxs("table", { ref, className: cn(tableStyles, className), ...props, children: [
+    caption && /* @__PURE__ */ jsx("caption", { className: tableCaptionStyles({ hidden: captionHidden }), children: caption }),
+    children
+  ] }) })
+);
+Table.displayName = "Table";
+var TableHead = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn(tableHeadStyles, className), ...props }));
+TableHead.displayName = "TableHead";
+var TableBody = forwardRef((props, ref) => /* @__PURE__ */ jsx("tbody", { ref, ...props }));
+TableBody.displayName = "TableBody";
+var TableRow = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("tr", { ref, className: cn(tableRowStyles, className), ...props })
+);
+TableRow.displayName = "TableRow";
+var TableHeaderCell = forwardRef(
+  ({ align, scope = "col", className, ...props }, ref) => /* @__PURE__ */ jsx("th", { ref, scope, className: cn(tableCellStyles({ align }), className), ...props })
+);
+TableHeaderCell.displayName = "TableHeaderCell";
+var TableCell = forwardRef(
+  ({ align, className, ...props }, ref) => /* @__PURE__ */ jsx("td", { ref, className: cn(tableCellStyles({ align }), className), ...props })
+);
+TableCell.displayName = "TableCell";
+
+export { Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };
+//# sourceMappingURL=chunk-XCUA543I.js.map
+//# sourceMappingURL=chunk-XCUA543I.js.map

package/dist/chunk-XCUA543I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/molecules/Table/Table.styles.ts","../src/components/molecules/Table/Table.tsx"],"names":[],"mappings":"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","file":"chunk-XCUA543I.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const tableContainerStyles =\n  'overflow-x-auto rounded-lg border border-[var(--border-default)] bg-[var(--surface-primary)]';\n\nexport const tableStyles = 'w-full min-w-80 text-left tabular-nums';\n\nexport const tableCaptionStyles = cva('p-3 text-left text-sm text-[var(--text-secondary)]', {\n  variants: {\n    hidden: {\n      true: 'sr-only',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    hidden: false,\n  },\n});\n\nexport const tableHeadStyles =\n  'border-b border-[var(--border-default)] text-sm text-[var(--text-secondary)]';\n\nexport const tableRowStyles = 'border-b border-[var(--border-muted)] last:border-0';\n\nexport const tableCellStyles = cva('p-3', {\n  variants: {\n    align: {\n      start: 'text-left',\n      end: 'text-right',\n      center: 'text-center',\n    },\n  },\n  defaultVariants: {\n    align: 'start',\n  },\n});\n","import { cn } from '@utils';\nimport type { VariantProps } from 'class-variance-authority';\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  type TableHTMLAttributes,\n  type TdHTMLAttributes,\n  type ThHTMLAttributes,\n} from 'react';\nimport {\n  tableCaptionStyles,\n  tableCellStyles,\n  tableContainerStyles,\n  tableHeadStyles,\n  tableRowStyles,\n  tableStyles,\n} from './Table.styles';\n\nexport type TableProps = TableHTMLAttributes<HTMLTableElement> & {\n  /** Describes the table for everyone (or only for screen readers with `captionHidden`). */\n  caption?: ReactNode;\n  captionHidden?: boolean;\n  /** Extra classes for the scroll container. */\n  containerClassName?: string;\n};\n\n/**\n * A data table that scrolls horizontally inside its own bordered container on small screens,\n * instead of pushing the page wider. Compose it with the `Table*` parts below.\n */\nexport const Table = forwardRef<HTMLTableElement, TableProps>(\n  ({ caption, captionHidden = false, containerClassName, className, children, ...props }, ref) => (\n    <div className={cn(tableContainerStyles, containerClassName)}>\n      <table ref={ref} className={cn(tableStyles, className)} {...props}>\n        {caption && (\n          <caption className={tableCaptionStyles({ hidden: captionHidden })}>{caption}</caption>\n        )}\n        {children}\n      </table>\n    </div>\n  ),\n);\nTable.displayName = 'Table';\n\nexport const TableHead = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn(tableHeadStyles, className)} {...props} />\n));\nTableHead.displayName = 'TableHead';\n\nexport const TableBody = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>((props, ref) => <tbody ref={ref} {...props} />);\nTableBody.displayName = 'TableBody';\n\nexport const TableRow = forwardRef<HTMLTableRowElement, HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr ref={ref} className={cn(tableRowStyles, className)} {...props} />\n  ),\n);\nTableRow.displayName = 'TableRow';\n\ntype CellAlign = VariantProps<typeof tableCellStyles>;\n\n// The native (deprecated) `align` attribute is replaced by the `align` variant.\nexport type TableHeaderCellProps = Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'> &\n  CellAlign;\n\n/** Header cell: `scope=\"col\"` by default; pass `scope=\"row\"` for the first cell of a body row. */\nexport const TableHeaderCell = forwardRef<HTMLTableCellElement, TableHeaderCellProps>(\n  ({ align, scope = 'col', className, ...props }, ref) => (\n    <th ref={ref} scope={scope} className={cn(tableCellStyles({ align }), className)} {...props} />\n  ),\n);\nTableHeaderCell.displayName = 'TableHeaderCell';\n\nexport type TableCellProps = Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'> & CellAlign;\n\n/** Data cell; use `align=\"end\"` for numbers so they line up. */\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ align, className, ...props }, ref) => (\n    <td ref={ref} className={cn(tableCellStyles({ align }), className)} {...props} />\n  ),\n);\nTableCell.displayName = 'TableCell';\n"]}

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

@@ -0,0 +1,26 @@
+import * as react from 'react';
+import { DetailsHTMLAttributes, ReactNode } from 'react';
+
+type AccordionProps = Omit<DetailsHTMLAttributes<HTMLDetailsElement>, 'title'> & {
+    /** Always-visible header that toggles the content. */
+    summary: ReactNode;
+    /** Extra classes for the summary row (e.g. to match a navigation link). */
+    summaryClassName?: string;
+    /** Extra classes for the content wrapper. */
+    contentClassName?: string;
+};
+/**
+ * A collapsible section built on native `<details>`/`<summary>`: keyboard and screen reader support,
+ * find-in-page and no JavaScript needed to toggle. Stack several for an accordion list; pass
+ * `open` to start expanded (e.g. the section that contains the current page).
+ */
+declare const Accordion: react.ForwardRefExoticComponent<Omit<DetailsHTMLAttributes<HTMLDetailsElement>, "title"> & {
+    /** Always-visible header that toggles the content. */
+    summary: ReactNode;
+    /** Extra classes for the summary row (e.g. to match a navigation link). */
+    summaryClassName?: string;
+    /** Extra classes for the content wrapper. */
+    contentClassName?: string;
+} & react.RefAttributes<HTMLDetailsElement>>;
+
+export { Accordion, type AccordionProps };

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

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

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

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

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

@@ -1,8 +1,8 @@
-export { BottomSheet } from '../../../chunk-RRIE5LFQ.js';
-import '../../../chunk-BNEEI7S5.js';
-import '../../../chunk-JCJP427C.js';
+export { BottomSheet } from '../../../chunk-ULLCBART.js';
 import '../../../chunk-QT62VC36.js';
 import '../../../chunk-53YMHM24.js';
+import '../../../chunk-BNEEI7S5.js';
+import '../../../chunk-JCJP427C.js';
 import '../../../chunk-P4Z7HH66.js';
 import '../../../chunk-P4CV2EPR.js';
 import '../../../chunk-6LLGTBM6.js';

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

@@ -0,0 +1,46 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+type CookieBannerProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {
+    title: ReactNode;
+    /** What the cookies are for; usually ends with a link to the privacy policy. */
+    description: ReactNode;
+    acceptLabel: string;
+    rejectLabel: string;
+    /** Shown only when `onCustomize` is set (opens the preferences, e.g. `CookiePreferences`). */
+    customizeLabel?: string;
+    onAccept: () => void;
+    onReject: () => void;
+    onCustomize?: () => void;
+    /** Stable ids for the buttons, e.g. for analytics click triggers. */
+    buttonIds?: {
+        accept?: string;
+        reject?: string;
+        customize?: string;
+    };
+};
+/**
+ * Cookie consent bar pinned to the bottom of the page. Presentational: the consumer decides when
+ * to show it and stores the answer. Accept and reject weigh the same visually, so rejecting is as
+ * easy as accepting. Not modal: the page stays usable.
+ */
+declare const CookieBanner: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "title"> & {
+    title: ReactNode;
+    /** What the cookies are for; usually ends with a link to the privacy policy. */
+    description: ReactNode;
+    acceptLabel: string;
+    rejectLabel: string;
+    /** Shown only when `onCustomize` is set (opens the preferences, e.g. `CookiePreferences`). */
+    customizeLabel?: string;
+    onAccept: () => void;
+    onReject: () => void;
+    onCustomize?: () => void;
+    /** Stable ids for the buttons, e.g. for analytics click triggers. */
+    buttonIds?: {
+        accept?: string;
+        reject?: string;
+        customize?: string;
+    };
+} & react.RefAttributes<HTMLElement>>;
+
+export { CookieBanner, type CookieBannerProps };

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

@@ -0,0 +1,7 @@
+export { CookieBanner } from '../../../chunk-TR7XKJCO.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/CookieBanner/index.js.map

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

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

@@ -0,0 +1,34 @@
+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 `requiredLabel` instead of a switch. */
+    required?: boolean;
+}
+interface CookiePreferencesProps {
+    open: boolean;
+    onClose: () => void;
+    title: ReactNode;
+    description?: ReactNode;
+    categories: CookieCategory[];
+    /** Enabled state of each optional category, by id. */
+    value: Record<string, boolean>;
+    onChange: (id: string, enabled: boolean) => void;
+    onSave: () => void;
+    saveLabel: string;
+    cancelLabel: string;
+    /** e.g. "Always on". */
+    requiredLabel: string;
+    /** Prefix for stable ids: `<prefix>-<category id>` switches and `<prefix>-save` / `<prefix>-cancel` buttons. */
+    idPrefix?: string;
+}
+/**
+ * Per-category cookie choices in a `Modal` (focus trapped, Escape closes). Controlled: the
+ * consumer holds `value` and persists it on `onSave`.
+ */
+declare const CookiePreferences: ({ open, onClose, title, description, categories, value, onChange, onSave, saveLabel, cancelLabel, requiredLabel, idPrefix, }: CookiePreferencesProps) => react_jsx_runtime.JSX.Element;
+
+export { type CookieCategory, CookiePreferences, type CookiePreferencesProps };

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

@@ -0,0 +1,13 @@
+export { CookiePreferences } from '../../../chunk-36CVKI5R.js';
+import '../../../chunk-W3H7DYWX.js';
+import '../../../chunk-ZABQF65Z.js';
+import '../../../chunk-QT62VC36.js';
+import '../../../chunk-53YMHM24.js';
+import '../../../chunk-BNEEI7S5.js';
+import '../../../chunk-JCJP427C.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/CookiePreferences/index.js.map

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

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

@@ -1,8 +1,8 @@
-export { Drawer } from '../../../chunk-CX3GARWU.js';
-import '../../../chunk-BNEEI7S5.js';
-import '../../../chunk-JCJP427C.js';
+export { Drawer } from '../../../chunk-VGLFR5SB.js';
 import '../../../chunk-QT62VC36.js';
 import '../../../chunk-53YMHM24.js';
+import '../../../chunk-BNEEI7S5.js';
+import '../../../chunk-JCJP427C.js';
 import '../../../chunk-KL6I2JFC.js';
 import '../../../chunk-P4Z7HH66.js';
 import '../../../chunk-P4CV2EPR.js';

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

@@ -1,8 +1,8 @@
-export { Modal } from '../../../chunk-A26UWAU4.js';
-import '../../../chunk-BNEEI7S5.js';
-import '../../../chunk-JCJP427C.js';
+export { Modal } from '../../../chunk-W3H7DYWX.js';
 import '../../../chunk-QT62VC36.js';
 import '../../../chunk-53YMHM24.js';
+import '../../../chunk-BNEEI7S5.js';
+import '../../../chunk-JCJP427C.js';
 import '../../../chunk-P4Z7HH66.js';
 import '../../../chunk-P4CV2EPR.js';
 import '../../../chunk-6LLGTBM6.js';

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

@@ -0,0 +1,39 @@
+import * as react from 'react';
+import { TableHTMLAttributes, ReactNode, HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const tableCellStyles: (props?: ({
+    align?: "center" | "end" | "start" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type TableProps = TableHTMLAttributes<HTMLTableElement> & {
+    /** Describes the table for everyone (or only for screen readers with `captionHidden`). */
+    caption?: ReactNode;
+    captionHidden?: boolean;
+    /** Extra classes for the scroll container. */
+    containerClassName?: string;
+};
+/**
+ * A data table that scrolls horizontally inside its own bordered container on small screens,
+ * instead of pushing the page wider. Compose it with the `Table*` parts below.
+ */
+declare const Table: react.ForwardRefExoticComponent<TableHTMLAttributes<HTMLTableElement> & {
+    /** Describes the table for everyone (or only for screen readers with `captionHidden`). */
+    caption?: ReactNode;
+    captionHidden?: boolean;
+    /** Extra classes for the scroll container. */
+    containerClassName?: string;
+} & react.RefAttributes<HTMLTableElement>>;
+declare const TableHead: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
+type CellAlign = VariantProps<typeof tableCellStyles>;
+type TableHeaderCellProps = Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'> & CellAlign;
+/** Header cell: `scope="col"` by default; pass `scope="row"` for the first cell of a body row. */
+declare const TableHeaderCell: react.ForwardRefExoticComponent<Omit<ThHTMLAttributes<HTMLTableCellElement>, "align"> & CellAlign & react.RefAttributes<HTMLTableCellElement>>;
+type TableCellProps = Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'> & CellAlign;
+/** Data cell; use `align="end"` for numbers so they line up. */
+declare const TableCell: react.ForwardRefExoticComponent<Omit<TdHTMLAttributes<HTMLTableCellElement>, "align"> & CellAlign & react.RefAttributes<HTMLTableCellElement>>;
+
+export { Table, TableBody, TableCell, type TableCellProps, TableHead, TableHeaderCell, type TableHeaderCellProps, type TableProps, TableRow };

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

@@ -0,0 +1,4 @@
+export { Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow } from '../../../chunk-XCUA543I.js';
+import '../../../chunk-6LLGTBM6.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/index.d.ts

@@ -7,13 +7,17 @@ export { RichText, RichTextProps, RichTextVariant, elementByVariant } from './co
 export { Select, SelectProps } from './components/atoms/Select/index.js';
 export { Switch, SwitchProps } from './components/atoms/Switch/index.js';
 export { Textarea, TextareaProps } from './components/atoms/Textarea/index.js';
+export { Accordion, AccordionProps } from './components/molecules/Accordion/index.js';
 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 { Drawer, DrawerProps } from './components/molecules/Drawer/index.js';
 export { Language, LanguageOption, LanguageProps } from './components/molecules/Language/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 { useDelayedUnmount } from './hooks/useDelayedUnmount/index.js';
 export { useDismissableLayer } from './hooks/useDismissableLayer/index.js';

package/dist/index.js

@@ -1,18 +1,22 @@
+export { useMediaQuery } from './chunk-2HCMNEIQ.js';
+export { Drawer } from './chunk-VGLFR5SB.js';
+export { Language } from './chunk-2YBZCUME.js';
 export { Snackbar } from './chunk-BKPP4D3Q.js';
+export { Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow } from './chunk-XCUA543I.js';
 export { Timeline } from './chunk-UL33H4AD.js';
-export { useMediaQuery } from './chunk-2HCMNEIQ.js';
-export { Switch } from './chunk-ZABQF65Z.js';
 export { Textarea } from './chunk-3YRDRHO3.js';
-export { BottomSheet } from './chunk-RRIE5LFQ.js';
+export { Accordion } from './chunk-V3YXRI7M.js';
+export { BottomSheet } from './chunk-ULLCBART.js';
 export { Breadcrumbs } from './chunk-PE6XEC7Y.js';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-N5CLCKR3.js';
-export { Drawer } from './chunk-CX3GARWU.js';
-export { Language } from './chunk-2YBZCUME.js';
-export { Modal } from './chunk-A26UWAU4.js';
-export { useDelayedUnmount } from './chunk-BNEEI7S5.js';
-export { useDismissableLayer } from './chunk-JCJP427C.js';
+export { CookieBanner } from './chunk-TR7XKJCO.js';
+export { CookiePreferences } from './chunk-36CVKI5R.js';
+export { Modal } from './chunk-W3H7DYWX.js';
+export { Switch } from './chunk-ZABQF65Z.js';
 export { useFocusTrap } from './chunk-QT62VC36.js';
 export { useScrollLock } from './chunk-53YMHM24.js';
+export { useDelayedUnmount } from './chunk-BNEEI7S5.js';
+export { useDismissableLayer } from './chunk-JCJP427C.js';
 import './chunk-GQMA2AQI.js';
 export { Button, buttonStyles } from './chunk-KL6I2JFC.js';
 export { useMergedRef } from './chunk-P4Z7HH66.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inzumer/ui-library",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "private": false,
   "description": "React UI component library for the Inzumer design system",
   "license": "MIT",
@@ -68,6 +68,10 @@
       "types": "./dist/components/atoms/Textarea/index.d.ts",
       "import": "./dist/components/atoms/Textarea/index.js"
     },
+    "./accordion": {
+      "types": "./dist/components/molecules/Accordion/index.d.ts",
+      "import": "./dist/components/molecules/Accordion/index.js"
+    },
     "./bottom-sheet": {
       "types": "./dist/components/molecules/BottomSheet/index.d.ts",
       "import": "./dist/components/molecules/BottomSheet/index.js"
@@ -80,6 +84,14 @@
       "types": "./dist/components/molecules/Card/index.d.ts",
       "import": "./dist/components/molecules/Card/index.js"
     },
+    "./cookie-banner": {
+      "types": "./dist/components/molecules/CookieBanner/index.d.ts",
+      "import": "./dist/components/molecules/CookieBanner/index.js"
+    },
+    "./cookie-preferences": {
+      "types": "./dist/components/molecules/CookiePreferences/index.d.ts",
+      "import": "./dist/components/molecules/CookiePreferences/index.js"
+    },
     "./drawer": {
       "types": "./dist/components/molecules/Drawer/index.d.ts",
       "import": "./dist/components/molecules/Drawer/index.js"
@@ -96,6 +108,10 @@
       "types": "./dist/components/molecules/Snackbar/index.d.ts",
       "import": "./dist/components/molecules/Snackbar/index.js"
     },
+    "./table": {
+      "types": "./dist/components/molecules/Table/index.d.ts",
+      "import": "./dist/components/molecules/Table/index.js"
+    },
     "./timeline": {
       "types": "./dist/components/molecules/Timeline/index.d.ts",
       "import": "./dist/components/molecules/Timeline/index.js"