@inzumer/ui-library 1.1.0 → 1.3.0

package/dist/{chunk-CJ4LRU6X.js → chunk-SMKLV4ET.js}

@@ -1,9 +1,11 @@
-import { useDismissableLayer } from './chunk-JCJP427C.js';
+import { useScrollLock } from './chunk-53YMHM24.js';
 import { useDelayedUnmount } from './chunk-BNEEI7S5.js';
+import { useDismissableLayer } from './chunk-JCJP427C.js';
+import { useFocusTrap } from './chunk-QT62VC36.js';
 import { useMergedRef } from './chunk-P4Z7HH66.js';
 import { RichText } from './chunk-P4CV2EPR.js';
 import { cn } from './chunk-6LLGTBM6.js';
-import { forwardRef, useRef } from 'react';
+import { forwardRef, useRef, useId } from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -48,8 +50,11 @@ var Modal = forwardRef(
   ({ open, onClose, title, footer, closeOnBackdropClick = true, className, children, ...props }, ref) => {
     const panelRef = useRef(null);
     const setPanelRef = useMergedRef(ref, panelRef);
+    const titleId = useId();
     const { mounted, visible } = useDelayedUnmount(open, EXIT_DURATION_MS);
     useDismissableLayer(open, onClose, panelRef, closeOnBackdropClick);
+    useFocusTrap(open && mounted, panelRef);
+    useScrollLock(open);
     if (!mounted) {
       return null;
     }
@@ -59,11 +64,12 @@ var Modal = forwardRef(
         ref: setPanelRef,
         role: "dialog",
         "aria-modal": "true",
-        "aria-labelledby": title ? "modal-title" : void 0,
+        "aria-labelledby": title ? titleId : void 0,
+        tabIndex: -1,
         className: cn(modalPanelStyles({ visible }), className),
         ...props,
         children: [
-          title && /* @__PURE__ */ jsx(RichText, { as: "h2", id: "modal-title", variant: "s1", className: modalTitleStyles, children: title }),
+          title && /* @__PURE__ */ jsx(RichText, { as: "h2", id: titleId, variant: "s1", className: modalTitleStyles, children: title }),
           children,
           footer && /* @__PURE__ */ jsx("div", { className: modalFooterStyles, children: footer })
         ]
@@ -74,5 +80,5 @@ var Modal = forwardRef(
 Modal.displayName = "Modal";
 
 export { Modal };
-//# sourceMappingURL=chunk-CJ4LRU6X.js.map
-//# sourceMappingURL=chunk-CJ4LRU6X.js.map
+//# sourceMappingURL=chunk-SMKLV4ET.js.map
+//# sourceMappingURL=chunk-SMKLV4ET.js.map

package/dist/chunk-SMKLV4ET.js.map

@@ -0,0 +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-SMKLV4ET.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-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-WUEVXL76.js

@@ -0,0 +1,91 @@
+import { inputLabelStyles, inputErrorStyles, inputHintStyles } from './chunk-FFKHEBQ7.js';
+import { RichText } from './chunk-P4CV2EPR.js';
+import { cn } from './chunk-6LLGTBM6.js';
+import { forwardRef, useId } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var selectStyles = cva(
+  [
+    "flex w-full appearance-none rounded-md bg-no-repeat pr-10",
+    "text-[var(--input-text)] bg-[var(--input-bg)]",
+    "border border-[var(--input-border)]",
+    "transition-colors duration-150 ease-in-out",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-focus)] focus-visible:ring-offset-0",
+    "focus-visible:border-[var(--input-border-focus)]",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ],
+  {
+    variants: {
+      state: {
+        default: "",
+        error: "border-[var(--input-border-error)] focus-visible:ring-[var(--border-error)]"
+      },
+      inputSize: {
+        sm: "h-8 px-2 text-xs",
+        md: "h-10 px-3 text-sm",
+        lg: "h-12 px-4 text-base"
+      }
+    },
+    defaultVariants: {
+      state: "default",
+      inputSize: "md"
+    }
+  }
+);
+var selectChevronStyles = "pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-[var(--text-secondary)]";
+var Select = forwardRef(
+  ({ className, state, inputSize, label, hint, error, id: idProp, children, ...props }, ref) => {
+    const generatedId = useId();
+    const id = idProp ?? generatedId;
+    const resolvedState = error ? "error" : state;
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      label && /* @__PURE__ */ jsx("label", { htmlFor: id, children: /* @__PURE__ */ jsx(RichText, { as: "span", variant: "p3", className: inputLabelStyles, children: label }) }),
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            ref,
+            id,
+            "aria-describedby": error ? `${id}-error` : hint ? `${id}-hint` : void 0,
+            "aria-invalid": error ? "true" : void 0,
+            className: cn(selectStyles({ state: resolvedState, inputSize }), className),
+            ...props,
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            "aria-hidden": true,
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            className: selectChevronStyles,
+            children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+          }
+        )
+      ] }),
+      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 })
+    ] });
+  }
+);
+Select.displayName = "Select";
+
+export { Select };
+//# sourceMappingURL=chunk-WUEVXL76.js.map
+//# sourceMappingURL=chunk-WUEVXL76.js.map

package/dist/chunk-WUEVXL76.js.map

@@ -0,0 +1 @@
+{"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/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/atoms/Button/index.js

@@ -1,4 +1,5 @@
-export { Button, buttonStyles } from '../../../chunk-DXJQNQ5K.js';
+import '../../../chunk-GQMA2AQI.js';
+export { Button, buttonStyles } from '../../../chunk-KL6I2JFC.js';
 import '../../../chunk-P4Z7HH66.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,29 @@
+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;
+
+type SelectProps = SelectHTMLAttributes<HTMLSelectElement> & VariantProps<typeof selectStyles> & {
+    label?: string;
+    hint?: string;
+    error?: string;
+};
+/**
+ * A native `<select>` with the same label / hint / error contract and look as `Input`. Native on
+ * purpose: it gets the platform picker on mobile, typeahead and full screen reader support for free.
+ */
+declare const Select: react.ForwardRefExoticComponent<SelectHTMLAttributes<HTMLSelectElement> & VariantProps<(props?: ({
+    state?: "error" | "default" | null | undefined;
+    inputSize?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    label?: string;
+    hint?: string;
+    error?: string;
+} & react.RefAttributes<HTMLSelectElement>>;
+
+export { Select, type SelectProps };

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

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

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

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

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

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import { TextareaHTMLAttributes } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const textareaStyles: (props?: ({
+    state?: "error" | "default" | null | undefined;
+    inputSize?: "sm" | "md" | "lg" | null | undefined;
+    resize?: "none" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & VariantProps<typeof textareaStyles> & {
+    label?: string;
+    hint?: string;
+    error?: string;
+};
+/** Multi-line text entry with the same label / hint / error contract and look as `Input`. */
+declare const Textarea: react.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & VariantProps<(props?: ({
+    state?: "error" | "default" | null | undefined;
+    inputSize?: "sm" | "md" | "lg" | null | undefined;
+    resize?: "none" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    label?: string;
+    hint?: string;
+    error?: string;
+} & react.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps };

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

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

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

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

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,6 +1,8 @@
-export { BottomSheet } from '../../../chunk-ZEGQFAYE.js';
-import '../../../chunk-JCJP427C.js';
+export { BottomSheet } from '../../../chunk-PF5PSCG4.js';
+import '../../../chunk-53YMHM24.js';
 import '../../../chunk-BNEEI7S5.js';
+import '../../../chunk-JCJP427C.js';
+import '../../../chunk-QT62VC36.js';
 import '../../../chunk-P4Z7HH66.js';
 import '../../../chunk-P4CV2EPR.js';
 import '../../../chunk-6LLGTBM6.js';

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

@@ -0,0 +1,44 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const drawerPanelStyles: (props?: ({
+    side?: "left" | "right" | null | undefined;
+    visible?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type DrawerProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & Pick<VariantProps<typeof drawerPanelStyles>, 'side'> & {
+    open: boolean;
+    onClose: () => void;
+    title?: ReactNode;
+    /** Extra classes for the title (e.g. a display font). */
+    titleClassName?: string;
+    /** Accessible name of the close button; the button is only rendered when this is set. */
+    closeLabel?: string;
+    /** Pinned to the bottom of the panel (preferences, actions). */
+    footer?: ReactNode;
+    closeOnBackdropClick?: boolean;
+};
+/**
+ * A side panel (navigation menus, filters, settings) that slides in from the left or right.
+ * Modal dialog semantics: focus moves inside and is trapped, Escape and backdrop clicks close it,
+ * the page behind doesn't scroll, and focus returns to the trigger when it closes.
+ */
+declare const Drawer: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title"> & Pick<VariantProps<(props?: ({
+    side?: "left" | "right" | null | undefined;
+    visible?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string>, "side"> & {
+    open: boolean;
+    onClose: () => void;
+    title?: ReactNode;
+    /** Extra classes for the title (e.g. a display font). */
+    titleClassName?: string;
+    /** Accessible name of the close button; the button is only rendered when this is set. */
+    closeLabel?: string;
+    /** Pinned to the bottom of the panel (preferences, actions). */
+    footer?: ReactNode;
+    closeOnBackdropClick?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+
+export { Drawer, type DrawerProps };

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

@@ -0,0 +1,11 @@
+export { Drawer } from '../../../chunk-NKNSSH2Q.js';
+import '../../../chunk-53YMHM24.js';
+import '../../../chunk-BNEEI7S5.js';
+import '../../../chunk-JCJP427C.js';
+import '../../../chunk-QT62VC36.js';
+import '../../../chunk-KL6I2JFC.js';
+import '../../../chunk-P4Z7HH66.js';
+import '../../../chunk-P4CV2EPR.js';
+import '../../../chunk-6LLGTBM6.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,6 +1,8 @@
-export { Modal } from '../../../chunk-CJ4LRU6X.js';
-import '../../../chunk-JCJP427C.js';
+export { Modal } from '../../../chunk-SMKLV4ET.js';
+import '../../../chunk-53YMHM24.js';
 import '../../../chunk-BNEEI7S5.js';
+import '../../../chunk-JCJP427C.js';
+import '../../../chunk-QT62VC36.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/hooks/useFocusTrap/index.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+
+/**
+ * While `active`, keeps Tab / Shift+Tab inside `containerRef`, moves focus into it, and returns
+ * focus to the previously focused element when it deactivates (WCAG dialog pattern).
+ */
+declare const useFocusTrap: (active: boolean, containerRef: RefObject<HTMLElement | null>) => void;
+
+export { useFocusTrap };

package/dist/hooks/useFocusTrap/index.js

@@ -0,0 +1,3 @@
+export { useFocusTrap } from '../../chunk-QT62VC36.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hooks/useFocusTrap/index.js.map

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

package/dist/hooks/useScrollLock/index.d.ts

@@ -0,0 +1,4 @@
+/** Prevents the page behind an open overlay from scrolling; restores the previous value on release. */
+declare const useScrollLock: (active: boolean) => void;
+
+export { useScrollLock };

package/dist/hooks/useScrollLock/index.js

@@ -0,0 +1,3 @@
+export { useScrollLock } from '../../chunk-53YMHM24.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hooks/useScrollLock/index.js.map

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