@inzumer/ui-library 1.4.0 → 2.0.0

package/dist/chunk-TR7XKJCO.js

@@ -1,85 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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-UL33H4AD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/molecules/Timeline/Timeline.styles.ts","../src/components/molecules/Timeline/Timeline.tsx"],"names":[],"mappings":";;;;;;AAAO,IAAM,cAAA,GACX,0KAAA;AAEK,IAAM,kBAAA,GAAqB,UAAA;AAE3B,IAAM,kBAAA,GACX,+FAAA;AAEK,IAAM,mBAAA,GAAsB,gDAAA;AAE5B,IAAM,6BAAA,GAAgC,0BAAA;AAEtC,IAAM,yBAAA,GAA4B,sCAAA;ACUlC,IAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC/B,GAAA,CAAC,IAAA,EAAA,EAAG,GAAA,EAAU,SAAA,EAAW,EAAA,CAAG,gBAAgB,SAAS,CAAA,EAAI,GAAG,KAAA,EACzD,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,qBAChB,IAAA,CAAC,IAAA,EAAA,EAA0B,SAAA,EAAW,kBAAA,EACpC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAW,kBAAA,EAAoB,CAAA;AAAA,oBACrC,GAAA,CAAC,YAAS,EAAA,EAAG,GAAA,EAAI,SAAQ,IAAA,EAAK,SAAA,EAAW,mBAAA,EACtC,QAAA,EAAA,IAAA,CAAK,KAAA,EACR,CAAA;AAAA,oBACA,GAAA,CAAC,SAAI,SAAA,EAAW,6BAAA,EACb,eAAK,WAAA,CAAY,GAAA,CAAI,CAAC,WAAA,EAAa,gBAAA,yBACjC,QAAA,EAAA,EAAgC,EAAA,EAAG,KAAI,OAAA,EAAQ,IAAA,EAAK,WAAW,yBAAA,EAC7D,QAAA,EAAA,WAAA,EAAA,EADY,gBAEf,CACD,CAAA,EACH;AAAA,GAAA,EAAA,EAXO,IAAA,CAAK,EAAA,IAAM,KAYpB,CACD,CAAA,EACH;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-UL33H4AD.js","sourcesContent":["export const timelineStyles =\n  \"relative flex flex-col gap-8 pl-6 before:absolute before:bottom-0 before:left-0 before:top-1.5 before:border-l before:border-[var(--border-default)] before:content-['']\";\n\nexport const timelineItemStyles = 'relative';\n\nexport const timelineNodeStyles =\n  'absolute -left-6 top-1.5 h-2.5 w-2.5 -translate-x-1/2 rounded-full bg-[var(--btn-primary-bg)]';\n\nexport const timelineTitleStyles = 'text-base font-bold text-[var(--text-primary)]';\n\nexport const timelineDescriptionListStyles = 'mt-1 flex flex-col gap-1';\n\nexport const timelineDescriptionStyles = 'text-sm text-[var(--text-secondary)]';\n","import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { RichText } from '@components';\nimport { cn } from '@utils';\nimport {\n  timelineDescriptionListStyles,\n  timelineDescriptionStyles,\n  timelineItemStyles,\n  timelineNodeStyles,\n  timelineStyles,\n  timelineTitleStyles,\n} from './Timeline.styles';\n\nexport interface TimelineItem {\n  id?: string;\n  title: ReactNode;\n  description: ReactNode[];\n}\n\nexport type TimelineProps = HTMLAttributes<HTMLUListElement> & {\n  items: TimelineItem[];\n};\n\nexport const Timeline = forwardRef<HTMLUListElement, TimelineProps>(\n  ({ items, className, ...props }, ref) => (\n    <ul ref={ref} className={cn(timelineStyles, className)} {...props}>\n      {items.map((item, index) => (\n        <li key={item.id ?? index} className={timelineItemStyles}>\n          <span className={timelineNodeStyles} />\n          <RichText as=\"p\" variant=\"p2\" className={timelineTitleStyles}>\n            {item.title}\n          </RichText>\n          <div className={timelineDescriptionListStyles}>\n            {item.description.map((description, descriptionIndex) => (\n              <RichText key={descriptionIndex} as=\"p\" variant=\"p3\" className={timelineDescriptionStyles}>\n                {description}\n              </RichText>\n            ))}\n          </div>\n        </li>\n      ))}\n    </ul>\n  ),\n);\n\nTimeline.displayName = 'Timeline';\n"]}

package/dist/chunk-W3H7DYWX.js.map

@@ -1 +0,0 @@
-{"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-WUEVXL76.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/atoms/Select/Select.styles.ts","../src/components/atoms/Select/Select.tsx"],"names":[],"mappings":"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","file":"chunk-WUEVXL76.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const selectStyles = cva(\n  [\n    'flex w-full appearance-none rounded-md bg-no-repeat pr-10',\n    'text-[var(--input-text)] bg-[var(--input-bg)]',\n    'border border-[var(--input-border)]',\n    'transition-colors duration-150 ease-in-out',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-focus)] focus-visible:ring-offset-0',\n    'focus-visible:border-[var(--input-border-focus)]',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n  ],\n  {\n    variants: {\n      state: {\n        default: '',\n        error: 'border-[var(--input-border-error)] focus-visible:ring-[var(--border-error)]',\n      },\n      inputSize: {\n        sm: 'h-8 px-2 text-xs',\n        md: 'h-10 px-3 text-sm',\n        lg: 'h-12 px-4 text-base',\n      },\n    },\n    defaultVariants: {\n      state: 'default',\n      inputSize: 'md',\n    },\n  },\n);\n\n/** Chevron drawn with `currentColor`, positioned over the right padding of the select. */\nexport const selectChevronStyles =\n  'pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-[var(--text-secondary)]';\n","import { RichText } from '@components';\nimport { cn } from '@utils';\nimport type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, useId, type SelectHTMLAttributes } from 'react';\nimport {\n  inputErrorStyles,\n  inputHintStyles,\n  inputLabelStyles,\n} from '@components/atoms/Input/Input.styles';\nimport { selectChevronStyles, selectStyles } from './Select.styles';\n\nexport type SelectProps = SelectHTMLAttributes<HTMLSelectElement> &\n  VariantProps<typeof selectStyles> & {\n    label?: string;\n    hint?: string;\n    error?: string;\n  };\n\n/**\n * A native `<select>` with the same label / hint / error contract and look as `Input`. Native on\n * purpose: it gets the platform picker on mobile, typeahead and full screen reader support for free.\n */\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  ({ className, state, inputSize, label, hint, error, id: idProp, children, ...props }, ref) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const resolvedState = error ? 'error' : state;\n\n    return (\n      <div className=\"flex flex-col gap-1.5\">\n        {label && (\n          <label htmlFor={id}>\n            <RichText as=\"span\" variant=\"p3\" className={inputLabelStyles}>\n              {label}\n            </RichText>\n          </label>\n        )}\n        <div className=\"relative\">\n          <select\n            ref={ref}\n            id={id}\n            aria-describedby={error ? `${id}-error` : hint ? `${id}-hint` : undefined}\n            aria-invalid={error ? 'true' : undefined}\n            className={cn(selectStyles({ state: resolvedState, inputSize }), className)}\n            {...props}\n          >\n            {children}\n          </select>\n          <svg\n            aria-hidden\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            className={selectChevronStyles}\n          >\n            <path d=\"m6 9 6 6 6-6\" />\n          </svg>\n        </div>\n        {error && (\n          <RichText\n            as=\"p\"\n            id={`${id}-error`}\n            role=\"alert\"\n            variant=\"p4\"\n            className={inputErrorStyles}\n          >\n            {error}\n          </RichText>\n        )}\n        {!error && hint && (\n          <RichText as=\"p\" id={`${id}-hint`} variant=\"p4\" className={inputHintStyles}>\n            {hint}\n          </RichText>\n        )}\n      </div>\n    );\n  },\n);\n\nSelect.displayName = 'Select';\n"]}

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

@@ -1,46 +0,0 @@
-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/CookiePreferences/index.d.ts

@@ -1,34 +0,0 @@
-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 };