@inzumer/ui-library 1.4.0 → 2.0.0

package/dist/chunk-VK24YOIC.js

@@ -0,0 +1,184 @@
+import { Modal } from './chunk-J7X6NLSR.js';
+import { Switch } from './chunk-KSNAVEJP.js';
+import { Button } from './chunk-KL6I2JFC.js';
+import { RichText } from './chunk-SPDOYFCU.js';
+import { cn } from './chunk-6LLGTBM6.js';
+import { useId, useState } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/components/organisms/CookieConsent/CookieConsent.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 cookieTextStyles = "text-sm text-[var(--text-secondary)]";
+var cookieBannerActionsStyles = "flex flex-wrap gap-2";
+var cookieBannerButtonStyles = "min-h-11 flex-1";
+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 choicesFor = (categories, enabled) => Object.fromEntries(
+  categories.filter((category) => !category.required).map(({ id }) => [id, enabled])
+);
+var CategoryList = ({
+  categories,
+  value,
+  onToggle,
+  requiredLabel,
+  switchId
+}) => /* @__PURE__ */ jsx("ul", { className: cookieCategoryListStyles, children: categories.map((category) => {
+  const descriptionId = `${switchId(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: switchId(category.id),
+        label: category.title,
+        checked: value[category.id] === true,
+        onCheckedChange: (checked) => onToggle(category.id, checked),
+        "aria-describedby": descriptionId
+      }
+    ) }),
+    /* @__PURE__ */ jsx(RichText, { as: "p", id: descriptionId, variant: "p3", className: cookieTextStyles, children: category.description })
+  ] }, category.id);
+}) });
+var CookieConsent = ({
+  mode,
+  categories,
+  value,
+  onChange,
+  labels,
+  open,
+  onOpenChange,
+  getId,
+  className
+}) => {
+  const baseId = useId();
+  const id = (kind, name) => getId ? getId(kind, name) : `${baseId}-${kind}-${name}`;
+  const titleId = useId();
+  const [innerOpen, setInnerOpen] = useState(false);
+  const [draft, setDraft] = useState({});
+  const preferencesOpen = open ?? innerOpen;
+  const [wasOpen, setWasOpen] = useState(preferencesOpen);
+  if (preferencesOpen !== wasOpen) {
+    setWasOpen(preferencesOpen);
+    if (preferencesOpen) {
+      setDraft({ ...choicesFor(categories, false), ...value });
+    }
+  }
+  const setOpen = (next) => {
+    setInnerOpen(next);
+    onOpenChange?.(next);
+  };
+  const toggle = (categoryId, enabled) => mode === "inline" ? onChange({ ...choicesFor(categories, false), ...value, [categoryId]: enabled }) : setDraft((current) => ({ ...current, [categoryId]: enabled }));
+  if (mode === "inline") {
+    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
+      CategoryList,
+      {
+        categories,
+        value: value ?? {},
+        onToggle: toggle,
+        requiredLabel: labels.required,
+        switchId: (name) => id("switch", name)
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    mode === "banner" && value === null && !preferencesOpen && /* @__PURE__ */ jsx("section", { "aria-labelledby": titleId, className: cn(cookieBannerStyles, className), children: /* @__PURE__ */ jsxs("div", { className: cookieBannerContentStyles, children: [
+      /* @__PURE__ */ jsx(RichText, { as: "h2", id: titleId, variant: "s1", className: cookieBannerTitleStyles, children: labels.title }),
+      /* @__PURE__ */ jsx(RichText, { as: "p", variant: "p3", className: cookieTextStyles, children: labels.description }),
+      /* @__PURE__ */ jsxs("div", { className: cookieBannerActionsStyles, children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            id: id("button", "accept"),
+            type: "button",
+            className: cookieBannerButtonStyles,
+            onClick: () => onChange(choicesFor(categories, true)),
+            children: labels.accept
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            id: id("button", "reject"),
+            type: "button",
+            variant: "secondary",
+            className: cookieBannerButtonStyles,
+            onClick: () => onChange(choicesFor(categories, false)),
+            children: labels.reject
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            id: id("button", "customize"),
+            type: "button",
+            variant: "ghost",
+            className: cookieBannerButtonStyles,
+            onClick: () => setOpen(true),
+            children: labels.customize
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(
+      Modal,
+      {
+        open: preferencesOpen,
+        onClose: () => setOpen(false),
+        title: labels.preferencesTitle,
+        className: mode === "modal" ? className : void 0,
+        footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              id: id("button", "cancel"),
+              type: "button",
+              variant: "ghost",
+              onClick: () => setOpen(false),
+              children: labels.cancel
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              id: id("button", "save"),
+              type: "button",
+              onClick: () => {
+                onChange(draft);
+                setOpen(false);
+              },
+              children: labels.save
+            }
+          )
+        ] }),
+        children: [
+          labels.preferencesDescription && /* @__PURE__ */ jsx(RichText, { as: "p", variant: "p3", className: cookiePreferencesIntroStyles, children: labels.preferencesDescription }),
+          /* @__PURE__ */ jsx(
+            CategoryList,
+            {
+              categories,
+              value: draft,
+              onToggle: toggle,
+              requiredLabel: labels.required,
+              switchId: (name) => id("switch", name)
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+
+export { CookieConsent };
+//# sourceMappingURL=chunk-VK24YOIC.js.map
+//# sourceMappingURL=chunk-VK24YOIC.js.map

package/dist/chunk-VK24YOIC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/organisms/CookieConsent/CookieConsent.styles.ts","../src/components/organisms/CookieConsent/CookieConsent.tsx"],"names":[],"mappings":"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","file":"chunk-VK24YOIC.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 cookieTextStyles = '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\nexport 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","import { Button, Modal, RichText, Switch } from '@components';\nimport { cn } from '@utils';\nimport { useId, useState, type ReactNode } from 'react';\nimport {\n  cookieBannerActionsStyles,\n  cookieBannerButtonStyles,\n  cookieBannerContentStyles,\n  cookieBannerStyles,\n  cookieBannerTitleStyles,\n  cookieCategoryHeaderStyles,\n  cookieCategoryListStyles,\n  cookieCategoryRequiredStyles,\n  cookieCategoryStyles,\n  cookieCategoryTitleStyles,\n  cookiePreferencesIntroStyles,\n  cookieTextStyles,\n} from './CookieConsent.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 `labels.required` instead of a switch. */\n  required?: boolean;\n}\n\n/** Whether each optional category is allowed, by id. */\nexport type CookieChoices = Record<string, boolean>;\n\n/**\n * - `banner`: bar at the bottom while there is no answer (`value === null`), with accept, reject\n *   and customize; customize opens the preferences dialog.\n * - `modal`: only the preferences dialog, opened with `open` / `onOpenChange`.\n * - `inline`: the categories with switches inside a page (privacy, settings); every change is\n *   saved at once, there is no save button.\n */\nexport type CookieConsentMode = 'banner' | 'modal' | 'inline';\n\nexport interface CookieConsentLabels {\n  /** Banner title. */\n  title: ReactNode;\n  /** Banner text; usually ends with a link to the privacy policy. */\n  description: ReactNode;\n  accept: string;\n  reject: string;\n  customize: string;\n  preferencesTitle: ReactNode;\n  preferencesDescription?: ReactNode;\n  save: string;\n  cancel: string;\n  /** Shown instead of a switch on required categories, e.g. \"Always on\". */\n  required: string;\n}\n\nexport interface CookieConsentProps {\n  mode: CookieConsentMode;\n  categories: CookieCategory[];\n  /** The saved answer, or `null` while the person hasn't answered. */\n  value: CookieChoices | null;\n  /** Called with the full answer: accept or reject all, the saved preferences, or a switch (inline). */\n  onChange: (value: CookieChoices) => void;\n  labels: CookieConsentLabels;\n  /** Preferences dialog visibility, to open it from outside (e.g. a footer link). Optional in `banner`. */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Stable ids for buttons and switches, e.g. for analytics click triggers. */\n  getId?: (kind: 'button' | 'switch', name: string) => string;\n  className?: string;\n}\n\nconst choicesFor = (categories: CookieCategory[], enabled: boolean): CookieChoices =>\n  Object.fromEntries(\n    categories.filter((category) => !category.required).map(({ id }) => [id, enabled]),\n  );\n\ninterface CategoryListProps {\n  categories: CookieCategory[];\n  value: CookieChoices;\n  onToggle: (id: string, enabled: boolean) => void;\n  requiredLabel: string;\n  switchId: (name: string) => string;\n}\n\nconst CategoryList = ({\n  categories,\n  value,\n  onToggle,\n  requiredLabel,\n  switchId,\n}: CategoryListProps) => (\n  <ul className={cookieCategoryListStyles}>\n    {categories.map((category) => {\n      const descriptionId = `${switchId(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={switchId(category.id)}\n                label={category.title}\n                checked={value[category.id] === true}\n                onCheckedChange={(checked) => onToggle(category.id, checked)}\n                aria-describedby={descriptionId}\n              />\n            )}\n          </div>\n          <RichText as=\"p\" id={descriptionId} variant=\"p3\" className={cookieTextStyles}>\n            {category.description}\n          </RichText>\n        </li>\n      );\n    })}\n  </ul>\n);\n\n/**\n * Cookie consent in one component: the banner, the preferences dialog and the inline settings,\n * chosen with `mode`. Controlled: the consumer stores `value` and loads non-essential scripts only\n * after the person allows them. Accept and reject weigh the same, so rejecting is as easy as\n * accepting (GDPR / ePrivacy).\n */\nexport const CookieConsent = ({\n  mode,\n  categories,\n  value,\n  onChange,\n  labels,\n  open,\n  onOpenChange,\n  getId,\n  className,\n}: CookieConsentProps) => {\n  const baseId = useId();\n  const id = (kind: 'button' | 'switch', name: string) =>\n    getId ? getId(kind, name) : `${baseId}-${kind}-${name}`;\n  const titleId = useId();\n  const [innerOpen, setInnerOpen] = useState(false);\n  const [draft, setDraft] = useState<CookieChoices>({});\n  const preferencesOpen = open ?? innerOpen;\n  const [wasOpen, setWasOpen] = useState(preferencesOpen);\n\n  if (preferencesOpen !== wasOpen) {\n    setWasOpen(preferencesOpen);\n    if (preferencesOpen) {\n      setDraft({ ...choicesFor(categories, false), ...value });\n    }\n  }\n\n  const setOpen = (next: boolean) => {\n    setInnerOpen(next);\n    onOpenChange?.(next);\n  };\n\n  const toggle = (categoryId: string, enabled: boolean) =>\n    mode === 'inline'\n      ? onChange({ ...choicesFor(categories, false), ...value, [categoryId]: enabled })\n      : setDraft((current) => ({ ...current, [categoryId]: enabled }));\n\n  if (mode === 'inline') {\n    return (\n      <div className={className}>\n        <CategoryList\n          categories={categories}\n          value={value ?? {}}\n          onToggle={toggle}\n          requiredLabel={labels.required}\n          switchId={(name) => id('switch', name)}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      {mode === 'banner' && value === null && !preferencesOpen && (\n        <section aria-labelledby={titleId} className={cn(cookieBannerStyles, className)}>\n          <div className={cookieBannerContentStyles}>\n            <RichText as=\"h2\" id={titleId} variant=\"s1\" className={cookieBannerTitleStyles}>\n              {labels.title}\n            </RichText>\n            <RichText as=\"p\" variant=\"p3\" className={cookieTextStyles}>\n              {labels.description}\n            </RichText>\n            <div className={cookieBannerActionsStyles}>\n              <Button\n                id={id('button', 'accept')}\n                type=\"button\"\n                className={cookieBannerButtonStyles}\n                onClick={() => onChange(choicesFor(categories, true))}\n              >\n                {labels.accept}\n              </Button>\n              <Button\n                id={id('button', 'reject')}\n                type=\"button\"\n                variant=\"secondary\"\n                className={cookieBannerButtonStyles}\n                onClick={() => onChange(choicesFor(categories, false))}\n              >\n                {labels.reject}\n              </Button>\n              <Button\n                id={id('button', 'customize')}\n                type=\"button\"\n                variant=\"ghost\"\n                className={cookieBannerButtonStyles}\n                onClick={() => setOpen(true)}\n              >\n                {labels.customize}\n              </Button>\n            </div>\n          </div>\n        </section>\n      )}\n      <Modal\n        open={preferencesOpen}\n        onClose={() => setOpen(false)}\n        title={labels.preferencesTitle}\n        className={mode === 'modal' ? className : undefined}\n        footer={\n          <>\n            <Button\n              id={id('button', 'cancel')}\n              type=\"button\"\n              variant=\"ghost\"\n              onClick={() => setOpen(false)}\n            >\n              {labels.cancel}\n            </Button>\n            <Button\n              id={id('button', 'save')}\n              type=\"button\"\n              onClick={() => {\n                onChange(draft);\n                setOpen(false);\n              }}\n            >\n              {labels.save}\n            </Button>\n          </>\n        }\n      >\n        {labels.preferencesDescription && (\n          <RichText as=\"p\" variant=\"p3\" className={cookiePreferencesIntroStyles}>\n            {labels.preferencesDescription}\n          </RichText>\n        )}\n        <CategoryList\n          categories={categories}\n          value={draft}\n          onToggle={toggle}\n          requiredLabel={labels.required}\n          switchId={(name) => id('switch', name)}\n        />\n      </Modal>\n    </>\n  );\n};\n"]}

package/dist/chunk-XUGSIK2P.js

@@ -0,0 +1,238 @@
+import { useDismissableLayer } from './chunk-JCJP427C.js';
+import { selectStyles, selectChevronStyles } from './chunk-4H6VER5P.js';
+import { inputLabelStyles, inputErrorStyles, inputHintStyles } from './chunk-FFKHEBQ7.js';
+import { RichText } from './chunk-SPDOYFCU.js';
+import { cn } from './chunk-6LLGTBM6.js';
+import { forwardRef, useId, useRef, useState, useCallback, useEffect } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var dropdownTriggerStyles = "items-center text-left";
+var dropdownValueStyles = "truncate";
+var dropdownChevronStyles = "transition-transform duration-150 ease-out";
+var dropdownListStyles = [
+  "absolute left-0 right-0 top-full z-50 mt-1 max-h-60 overflow-y-auto p-1",
+  "rounded-md border border-[var(--input-border)] bg-[var(--input-bg)] shadow-lg",
+  "focus:outline-none"
+].join(" ");
+var dropdownOptionStyles = cva(
+  "flex min-h-10 cursor-pointer items-center justify-between gap-3 rounded px-3 text-[var(--input-text)]",
+  {
+    variants: {
+      active: {
+        true: "bg-[var(--btn-primary-bg)] text-[var(--btn-primary-text)]",
+        false: ""
+      },
+      selected: {
+        true: "font-semibold",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      active: false,
+      selected: false
+    }
+  }
+);
+var dropdownCheckStyles = "size-4 shrink-0";
+var Dropdown = forwardRef(
+  ({
+    label,
+    options,
+    value,
+    onChange,
+    hint,
+    error,
+    disabled,
+    id: idProp,
+    name,
+    inputSize,
+    state,
+    className
+  }, ref) => {
+    const generatedId = useId();
+    const id = idProp ?? generatedId;
+    const labelId = `${id}-label`;
+    const listId = `${id}-listbox`;
+    const containerRef = useRef(null);
+    const listRef = useRef(null);
+    const [open, setOpen] = useState(false);
+    const selectedIndex = Math.max(
+      0,
+      options.findIndex((option) => option.value === value)
+    );
+    const [activeIndex, setActiveIndex] = useState(selectedIndex);
+    const last = options.length - 1;
+    const resolvedState = error ? "error" : state;
+    const close = useCallback(() => setOpen(false), []);
+    useDismissableLayer(open, close, containerRef);
+    useEffect(() => {
+      if (open) {
+        listRef.current?.children[activeIndex]?.scrollIntoView?.({ block: "nearest" });
+      }
+    }, [open, activeIndex]);
+    const openAt = (index) => {
+      setActiveIndex(index);
+      setOpen(true);
+    };
+    const choose = (index) => {
+      const option = options[index];
+      if (option && option.value !== value) {
+        onChange(option.value);
+      }
+      setOpen(false);
+    };
+    const indexForLetter = (key) => {
+      const start = (open ? activeIndex : selectedIndex) + 1;
+      const ordered = [...options.slice(start), ...options.slice(0, start)];
+      const match = ordered.find(
+        (option) => option.label.toLowerCase().startsWith(key.toLowerCase())
+      );
+      return match ? options.indexOf(match) : -1;
+    };
+    const openKeys = {
+      ArrowDown: () => setActiveIndex((index) => Math.min(last, index + 1)),
+      ArrowUp: () => setActiveIndex((index) => Math.max(0, index - 1)),
+      Home: () => setActiveIndex(0),
+      End: () => setActiveIndex(last),
+      Enter: () => choose(activeIndex),
+      " ": () => choose(activeIndex),
+      Escape: close
+    };
+    const closedKeys = {
+      ArrowDown: () => openAt(selectedIndex),
+      ArrowUp: () => openAt(selectedIndex),
+      Home: () => openAt(0),
+      End: () => openAt(last),
+      Enter: () => openAt(selectedIndex),
+      " ": () => openAt(selectedIndex)
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === "Tab") {
+        close();
+        return;
+      }
+      const action = (open ? openKeys : closedKeys)[event.key];
+      if (action) {
+        event.preventDefault();
+        action();
+        return;
+      }
+      if (event.key.length === 1 && event.key.trim() !== "") {
+        const index = indexForLetter(event.key);
+        if (index >= 0 && open) {
+          setActiveIndex(index);
+        } else if (index >= 0) {
+          choose(index);
+        }
+      }
+    };
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5", className), children: [
+      /* @__PURE__ */ jsx(RichText, { as: "span", id: labelId, variant: "p3", className: inputLabelStyles, children: label }),
+      /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref,
+            id,
+            type: "button",
+            role: "combobox",
+            "aria-haspopup": "listbox",
+            "aria-expanded": open,
+            "aria-controls": listId,
+            "aria-labelledby": `${labelId} ${id}`,
+            "aria-activedescendant": open ? `${id}-option-${activeIndex}` : void 0,
+            "aria-describedby": error ? `${id}-error` : hint ? `${id}-hint` : void 0,
+            "aria-invalid": error ? "true" : void 0,
+            disabled,
+            onClick: () => open ? close() : openAt(selectedIndex),
+            onKeyDown: handleKeyDown,
+            className: cn(selectStyles({ state: resolvedState, inputSize }), dropdownTriggerStyles),
+            children: /* @__PURE__ */ jsx(RichText, { as: "span", variant: "s3", className: cn(dropdownValueStyles, "text-inherit"), children: options[selectedIndex]?.label })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            "aria-hidden": true,
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            className: cn(selectChevronStyles, dropdownChevronStyles, open && "rotate-180"),
+            children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+          }
+        ),
+        name && /* @__PURE__ */ jsx("input", { type: "hidden", name, value }),
+        /* @__PURE__ */ jsx(
+          "ul",
+          {
+            ref: listRef,
+            id: listId,
+            role: "listbox",
+            "aria-labelledby": labelId,
+            tabIndex: -1,
+            hidden: !open,
+            className: dropdownListStyles,
+            children: options.map((option, index) => {
+              const selected = index === selectedIndex;
+              return (
+                // Options never take focus (APG select-only combobox): the trigger handles the keys.
+                // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+                /* @__PURE__ */ jsxs(
+                  "li",
+                  {
+                    id: `${id}-option-${index}`,
+                    role: "option",
+                    "aria-selected": selected,
+                    onPointerDown: (event) => event.preventDefault(),
+                    onPointerEnter: () => setActiveIndex(index),
+                    onClick: () => choose(index),
+                    className: dropdownOptionStyles({ active: index === activeIndex, selected }),
+                    children: [
+                      /* @__PURE__ */ jsx(RichText, { as: "span", variant: "s3", className: "text-inherit", children: option.label }),
+                      selected && /* @__PURE__ */ jsx(
+                        "svg",
+                        {
+                          "aria-hidden": true,
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: 2.5,
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          className: dropdownCheckStyles,
+                          children: /* @__PURE__ */ jsx("path", { d: "M5 12l5 5 9-10" })
+                        }
+                      )
+                    ]
+                  },
+                  option.value
+                )
+              );
+            })
+          }
+        )
+      ] }),
+      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 })
+    ] });
+  }
+);
+Dropdown.displayName = "Dropdown";
+
+export { Dropdown };
+//# sourceMappingURL=chunk-XUGSIK2P.js.map
+//# sourceMappingURL=chunk-XUGSIK2P.js.map

package/dist/chunk-XUGSIK2P.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/atoms/Select/index.d.ts

@@ -2,11 +2,7 @@ import * as react from 'react';
 import { SelectHTMLAttributes } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-
-declare const selectStyles: (props?: ({
-    state?: "error" | "default" | null | undefined;
-    inputSize?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+import { s as selectStyles } from '../../../Select.styles-CeZROqOk.js';
 
 type SelectProps = SelectHTMLAttributes<HTMLSelectElement> & VariantProps<typeof selectStyles> & {
     label?: string;

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

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

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

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

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

@@ -1,6 +1,6 @@
-export { Textarea } from '../../../chunk-3YRDRHO3.js';
+export { Textarea } from '../../../chunk-UUW7L2AV.js';
 import '../../../chunk-FFKHEBQ7.js';
-import '../../../chunk-P4CV2EPR.js';
+import '../../../chunk-SPDOYFCU.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

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