paris 0.23.1 → 0.24.0

package/dist/stories/drawer/DrawerPage.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useIsPageActive } from './DrawerPageContext.js';
+
+const DrawerPage = ({ lazy = false, children }) => {
+  const isActive = useIsPageActive();
+  const [hasBeenActive, setHasBeenActive] = useState(isActive);
+  useEffect(() => {
+    if (isActive && !hasBeenActive) {
+      setHasBeenActive(true);
+    }
+  }, [isActive, hasBeenActive]);
+  if (lazy && !hasBeenActive) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+const isDrawerPageElement = (element) => element != null && typeof element === "object" && "type" in element && element.type === DrawerPage;
+
+export { DrawerPage, isDrawerPageElement };
+//# sourceMappingURL=DrawerPage.js.map

package/dist/stories/drawer/DrawerPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerPage.js","sources":["../../../src/stories/drawer/DrawerPage.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode, useEffect, useState } from 'react';\nimport { useIsPageActive } from './DrawerPageContext';\n\nexport type DrawerPageProps<TPageID extends string = string> = {\n    /** Unique identifier for this page. Must match a pagination page ID. */\n    id: TPageID;\n    /** Defer first mount until page becomes active. Once mounted, stays mounted. */\n    lazy?: boolean;\n    /** Page content. */\n    children: ReactNode;\n};\n\nexport const DrawerPage = <TPageID extends string = string>({ lazy = false, children }: DrawerPageProps<TPageID>) => {\n    const isActive = useIsPageActive();\n    const [hasBeenActive, setHasBeenActive] = useState(isActive);\n\n    useEffect(() => {\n        if (isActive && !hasBeenActive) {\n            setHasBeenActive(true);\n        }\n    }, [isActive, hasBeenActive]);\n\n    if (lazy && !hasBeenActive) {\n        return null;\n    }\n\n    return <>{children}</>;\n};\n\n/** Type guard to check if a React element is a DrawerPage */\nexport const isDrawerPageElement = (element: unknown): element is React.ReactElement<DrawerPageProps> =>\n    element != null &&\n    typeof element === 'object' &&\n    'type' in element &&\n    (element as { type: unknown }).type === DrawerPage;\n"],"names":[],"mappings":"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"}

package/dist/stories/drawer/DrawerPageContext.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type DrawerPageContextValue = {
+    isActive: boolean;
+    pageID: string;
+};
+export declare function useDrawerPageContext(): DrawerPageContextValue | null;
+export declare function useIsPageActive(): boolean;
+export declare function DrawerPageProvider({ isActive, pageID, children, }: {
+    isActive: boolean;
+    pageID: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/stories/drawer/DrawerPageContext.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { useContext, createContext, useMemo } from 'react';
+
+const DrawerPageContext = createContext(null);
+function useIsPageActive() {
+  const context = useContext(DrawerPageContext);
+  if (!context) {
+    return true;
+  }
+  return context.isActive;
+}
+function DrawerPageProvider({
+  isActive,
+  pageID,
+  children
+}) {
+  const value = useMemo(() => ({ isActive, pageID }), [isActive, pageID]);
+  return /* @__PURE__ */ jsx(DrawerPageContext.Provider, { value, children });
+}
+
+export { DrawerPageProvider, useIsPageActive };
+//# sourceMappingURL=DrawerPageContext.js.map

package/dist/stories/drawer/DrawerPageContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerPageContext.js","sources":["../../../src/stories/drawer/DrawerPageContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, type ReactNode, useContext, useMemo } from 'react';\n\nexport type DrawerPageContextValue = {\n    isActive: boolean;\n    pageID: string;\n};\n\nconst DrawerPageContext = createContext<DrawerPageContextValue | null>(null);\n\nexport function useDrawerPageContext(): DrawerPageContextValue | null {\n    return useContext(DrawerPageContext);\n}\n\nexport function useIsPageActive(): boolean {\n    const context = useContext(DrawerPageContext);\n    if (!context) {\n        return true;\n    }\n    return context.isActive;\n}\n\nexport function DrawerPageProvider({\n    isActive,\n    pageID,\n    children,\n}: {\n    isActive: boolean;\n    pageID: string;\n    children: ReactNode;\n}) {\n    const value = useMemo(() => ({ isActive, pageID }), [isActive, pageID]);\n    return <DrawerPageContext.Provider value={value}>{children}</DrawerPageContext.Provider>;\n}\n"],"names":[],"mappings":";;;;AASA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAA6C,IAAI,CAAA;AAMpE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,eAAA,CAAA,CAAA,CAA2B;AACvC,CAAA,CAAA,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAW,iBAAiB,CAAA;AAC5C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS;AACV,CAAA,CAAA,CAAA,CAAA,OAAO,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACX;AACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACnB;AAEO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,kBAAA,CAAmB;AAAA,CAAA,CAC/B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACJ,CAAA,CAAA,CAIG;AACC,CAAA,CAAA,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,OAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,GAAO,CAAA,CAAA,CAAI,CAAC,QAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA;AACtE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAlB,CAAA,CAA2B,CAAA,CAAA,CAAA,CAAA,GAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA;AAC/D;;"}

package/dist/stories/drawer/DrawerPaginationContext.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { PaginationState } from '../pagination';
+type AnyPaginationState = PaginationState<string[] | readonly string[]>;
+export declare function useDrawerPagination(): AnyPaginationState | null;
+export declare function DrawerPaginationProvider({ pagination, children, }: {
+    pagination: AnyPaginationState | null;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/stories/drawer/DrawerPaginationContext.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { useContext, createContext } from 'react';
+
+const DrawerPaginationContext = createContext(null);
+function useDrawerPagination() {
+  return useContext(DrawerPaginationContext);
+}
+function DrawerPaginationProvider({
+  pagination,
+  children
+}) {
+  return /* @__PURE__ */ jsx(DrawerPaginationContext.Provider, { value: pagination, children });
+}
+
+export { DrawerPaginationProvider, useDrawerPagination };
+//# sourceMappingURL=DrawerPaginationContext.js.map

package/dist/stories/drawer/DrawerPaginationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerPaginationContext.js","sources":["../../../src/stories/drawer/DrawerPaginationContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, type ReactNode, useContext } from 'react';\nimport type { PaginationState } from '../pagination';\n\ntype AnyPaginationState = PaginationState<string[] | readonly string[]>;\n\nconst DrawerPaginationContext = createContext<AnyPaginationState | null>(null);\n\nexport function useDrawerPagination(): AnyPaginationState | null {\n    return useContext(DrawerPaginationContext);\n}\n\nexport function DrawerPaginationProvider({\n    pagination,\n    children,\n}: {\n    pagination: AnyPaginationState | null;\n    children: ReactNode;\n}) {\n    return <DrawerPaginationContext.Provider value={pagination}>{children}</DrawerPaginationContext.Provider>;\n}\n"],"names":[],"mappings":";;;;AAOA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA0B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAyC,IAAI,CAAA;AAEtE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,mBAAA,CAAA,CAAA,CAAiD;AAC7D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB,CAAA;AAC7C;AAEO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,wBAAA,CAAyB;AAAA,CAAA,CACrC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACJ,CAAA,CAAA,CAGG;AACC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAwB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAxB,CAAA,CAAiC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAS,CAAA;AAC1E;;"}

package/dist/stories/drawer/DrawerProgressBar.d.ts

@@ -0,0 +1,15 @@
+export type DrawerProgressBarStyleProps = {
+    /** Fill color. @default 'var(--pte-new-colors-contentPrimary)' */
+    fill?: string;
+    /** Track (unfilled) color. @default 'var(--pte-new-colors-borderMedium)' */
+    track?: string;
+    /** Bar height as a CSS value. @default '2px' */
+    height?: string | number;
+};
+export type DrawerProgressBarProps = DrawerProgressBarStyleProps & {
+    /** Page IDs in order. Determines fill percentage based on the current page. */
+    steps?: readonly string[];
+    /** Fill percentage (0–100). When provided, takes precedence over the auto-calculated value from `steps`. */
+    value?: number;
+};
+export declare const DrawerProgressBar: ({ steps, value, fill, track, height }: DrawerProgressBarProps) => import('react').ReactPortal | null;

package/dist/stories/drawer/DrawerProgressBar.js

@@ -0,0 +1,60 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { useLayoutEffect } from 'react';
+import { createPortal } from 'react-dom';
+import styles from './Drawer.module.scss.js';
+import { useDrawerPagination } from './DrawerPaginationContext.js';
+import { useDrawerSlotContext } from './DrawerSlotContext.js';
+
+const DrawerProgressBar = ({ steps, value, fill, track, height }) => {
+  const pagination = useDrawerPagination();
+  const slotContext = useDrawerSlotContext();
+  const registerProgressBar = slotContext?.registerProgressBar;
+  useLayoutEffect(() => {
+    if (!registerProgressBar) return;
+    return registerProgressBar();
+  }, [registerProgressBar]);
+  let progress;
+  if (value != null) {
+    progress = Math.max(0, Math.min(100, value));
+  } else if (steps && steps.length > 0 && pagination) {
+    const activeIndex = steps.indexOf(pagination.currentPage);
+    progress = (activeIndex + 1) / steps.length * 100;
+  } else {
+    progress = 0;
+  }
+  if (!slotContext?.progressBarRef.current) {
+    return null;
+  }
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: styles.progressBar,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuenow": Math.round(progress),
+        "aria-valuemax": 100,
+        "aria-label": "Page progress",
+        style: {
+          ...track && { background: track },
+          ...height != null && { height: typeof height === "number" ? `${height}px` : height }
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: styles.progressBarFill,
+            style: {
+              width: `${progress}%`,
+              ...fill && { background: fill }
+            }
+          }
+        )
+      }
+    ),
+    slotContext.progressBarRef.current
+  );
+};
+
+export { DrawerProgressBar };
+//# sourceMappingURL=DrawerProgressBar.js.map

package/dist/stories/drawer/DrawerProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerProgressBar.js","sources":["../../../src/stories/drawer/DrawerProgressBar.tsx"],"sourcesContent":["'use client';\n\nimport { useLayoutEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport styles from './Drawer.module.scss';\nimport { useDrawerPagination } from './DrawerPaginationContext';\nimport { useDrawerSlotContext } from './DrawerSlotContext';\n\nexport type DrawerProgressBarStyleProps = {\n    /** Fill color. @default 'var(--pte-new-colors-contentPrimary)' */\n    fill?: string;\n    /** Track (unfilled) color. @default 'var(--pte-new-colors-borderMedium)' */\n    track?: string;\n    /** Bar height as a CSS value. @default '2px' */\n    height?: string | number;\n};\n\nexport type DrawerProgressBarProps = DrawerProgressBarStyleProps & {\n    /** Page IDs in order. Determines fill percentage based on the current page. */\n    steps?: readonly string[];\n    /** Fill percentage (0–100). When provided, takes precedence over the auto-calculated value from `steps`. */\n    value?: number;\n};\n\nexport const DrawerProgressBar = ({ steps, value, fill, track, height }: DrawerProgressBarProps) => {\n    const pagination = useDrawerPagination();\n    const slotContext = useDrawerSlotContext();\n\n    const registerProgressBar = slotContext?.registerProgressBar;\n    useLayoutEffect(() => {\n        if (!registerProgressBar) return;\n        return registerProgressBar();\n    }, [registerProgressBar]);\n\n    let progress: number;\n    if (value != null) {\n        progress = Math.max(0, Math.min(100, value));\n    } else if (steps && steps.length > 0 && pagination) {\n        const activeIndex = steps.indexOf(pagination.currentPage);\n        progress = ((activeIndex + 1) / steps.length) * 100;\n    } else {\n        progress = 0;\n    }\n\n    if (!slotContext?.progressBarRef.current) {\n        return null;\n    }\n\n    return createPortal(\n        <div\n            className={styles.progressBar}\n            role=\"progressbar\"\n            aria-valuemin={0}\n            aria-valuenow={Math.round(progress)}\n            aria-valuemax={100}\n            aria-label=\"Page progress\"\n            style={{\n                ...(track && { background: track }),\n                ...(height != null && { height: typeof height === 'number' ? `${height}px` : height }),\n            }}\n        >\n            <div\n                className={styles.progressBarFill}\n                style={{\n                    width: `${progress}%`,\n                    ...(fill && { background: fill }),\n                }}\n            />\n        </div>,\n        slotContext.progressBarRef.current,\n    );\n};\n"],"names":[],"mappings":"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"}

package/dist/stories/drawer/DrawerSlotContext.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode, RefObject } from 'react';
+export type BottomPanelEntry = {
+    id: string;
+    mode: 'replace' | 'append';
+    priority: number;
+};
+export type DrawerSlotContextValue = {
+    titleRef: RefObject<HTMLDivElement | null>;
+    actionsRef: RefObject<HTMLDivElement | null>;
+    bottomPanelRef: RefObject<HTMLDivElement | null>;
+    /** Callback ref for the bottom panel portal target — triggers re-render when assigned */
+    bottomPanelCallbackRef: (node: HTMLDivElement | null) => void;
+    /** Whether the bottom panel portal target is mounted in the DOM */
+    isBottomPanelMounted: boolean;
+    /** Portal target for the progress bar, rendered at the very top of the bottom panel */
+    progressBarRef: RefObject<HTMLDivElement | null>;
+    hasTitleSlot: boolean;
+    hasActionsSlot: boolean;
+    hasProgressBar: boolean;
+    /** Whether a replace-mode bottom panel is registered */
+    hasBottomPanelReplace: boolean;
+    /** Whether any bottom panel slot (replace or append) is registered */
+    hasAnyBottomPanelSlot: boolean;
+    /** Sorted list of append-mode bottom panel entries */
+    bottomPanelAppendEntries: BottomPanelEntry[];
+    registerTitleSlot: () => () => void;
+    registerActionsSlot: () => () => void;
+    registerProgressBar: () => () => void;
+    registerBottomPanel: (entry: BottomPanelEntry) => () => void;
+};
+export declare function useDrawerSlotContext(): DrawerSlotContextValue | null;
+export declare function DrawerSlotProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/stories/drawer/DrawerSlotContext.js

@@ -0,0 +1,120 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useState, useCallback, useMemo, useContext, createContext } from 'react';
+
+const DrawerSlotContext = createContext(null);
+function useDrawerSlotContext() {
+  return useContext(DrawerSlotContext);
+}
+function DrawerSlotProvider({ children }) {
+  const titleRef = useRef(null);
+  const actionsRef = useRef(null);
+  const progressBarRef = useRef(null);
+  const bottomPanelRef = useRef(null);
+  const [isBottomPanelMounted, setIsBottomPanelMounted] = useState(false);
+  const bottomPanelCallbackRef = useCallback((node) => {
+    bottomPanelRef.current = node;
+    setIsBottomPanelMounted(node !== null);
+  }, []);
+  const [titleSlotCount, setTitleSlotCount] = useState(0);
+  const [actionsSlotCount, setActionsSlotCount] = useState(0);
+  const [progressBarCount, setProgressBarCount] = useState(0);
+  const [bottomPanelEntries, setBottomPanelEntries] = useState([]);
+  const registerTitleSlot = useCallback(() => {
+    setTitleSlotCount((prev) => {
+      const next = prev + 1;
+      if (process.env.NODE_ENV === "development" && next > 1) {
+        console.warn(
+          "DrawerSlotContext: Multiple title slots registered simultaneously. Only one is expected."
+        );
+      }
+      return next;
+    });
+    return () => {
+      setTitleSlotCount((prev) => Math.max(0, prev - 1));
+    };
+  }, []);
+  const registerActionsSlot = useCallback(() => {
+    setActionsSlotCount((prev) => {
+      const next = prev + 1;
+      if (process.env.NODE_ENV === "development" && next > 1) {
+        console.warn(
+          "DrawerSlotContext: Multiple actions slots registered simultaneously. Only one is expected."
+        );
+      }
+      return next;
+    });
+    return () => {
+      setActionsSlotCount((prev) => Math.max(0, prev - 1));
+    };
+  }, []);
+  const registerProgressBar = useCallback(() => {
+    setProgressBarCount((prev) => prev + 1);
+    return () => {
+      setProgressBarCount((prev) => Math.max(0, prev - 1));
+    };
+  }, []);
+  const registerBottomPanel = useCallback((entry) => {
+    setBottomPanelEntries((prev) => {
+      if (process.env.NODE_ENV === "development" && entry.mode === "replace") {
+        const existingReplace = prev.find((e) => e.mode === "replace");
+        if (existingReplace) {
+          console.warn(
+            `DrawerSlotContext: Multiple replace-mode bottom panels registered (existing: "${existingReplace.id}", new: "${entry.id}"). Only one replace-mode panel is expected.`
+          );
+        }
+      }
+      return [...prev, entry];
+    });
+    return () => {
+      setBottomPanelEntries((prev) => prev.filter((e) => e.id !== entry.id));
+    };
+  }, []);
+  const hasTitleSlot = titleSlotCount > 0;
+  const hasActionsSlot = actionsSlotCount > 0;
+  const hasProgressBar = progressBarCount > 0;
+  const hasBottomPanelReplace = bottomPanelEntries.some((e) => e.mode === "replace");
+  const hasAnyBottomPanelSlot = bottomPanelEntries.length > 0;
+  const bottomPanelAppendEntries = useMemo(
+    () => bottomPanelEntries.filter((e) => e.mode === "append").sort((a, b) => a.priority - b.priority),
+    [bottomPanelEntries]
+  );
+  const value = useMemo(
+    () => ({
+      titleRef,
+      actionsRef,
+      progressBarRef,
+      bottomPanelRef,
+      bottomPanelCallbackRef,
+      isBottomPanelMounted,
+      hasTitleSlot,
+      hasActionsSlot,
+      hasProgressBar,
+      hasBottomPanelReplace,
+      hasAnyBottomPanelSlot,
+      bottomPanelAppendEntries,
+      registerTitleSlot,
+      registerActionsSlot,
+      registerProgressBar,
+      registerBottomPanel
+    }),
+    [
+      bottomPanelCallbackRef,
+      isBottomPanelMounted,
+      hasTitleSlot,
+      hasActionsSlot,
+      hasProgressBar,
+      hasBottomPanelReplace,
+      hasAnyBottomPanelSlot,
+      bottomPanelAppendEntries,
+      registerTitleSlot,
+      registerActionsSlot,
+      registerProgressBar,
+      registerBottomPanel
+    ]
+  );
+  return /* @__PURE__ */ jsx(DrawerSlotContext.Provider, { value, children });
+}
+
+export { DrawerSlotProvider, useDrawerSlotContext };
+//# sourceMappingURL=DrawerSlotContext.js.map

package/dist/stories/drawer/DrawerSlotContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSlotContext.js","sources":["../../../src/stories/drawer/DrawerSlotContext.tsx"],"sourcesContent":["'use client';\n\nimport {\n    createContext,\n    type ReactNode,\n    type RefObject,\n    useCallback,\n    useContext,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\n\nexport type BottomPanelEntry = {\n    id: string;\n    mode: 'replace' | 'append';\n    priority: number;\n};\n\nexport type DrawerSlotContextValue = {\n    titleRef: RefObject<HTMLDivElement | null>;\n    actionsRef: RefObject<HTMLDivElement | null>;\n    bottomPanelRef: RefObject<HTMLDivElement | null>;\n    /** Callback ref for the bottom panel portal target — triggers re-render when assigned */\n    bottomPanelCallbackRef: (node: HTMLDivElement | null) => void;\n    /** Whether the bottom panel portal target is mounted in the DOM */\n    isBottomPanelMounted: boolean;\n\n    /** Portal target for the progress bar, rendered at the very top of the bottom panel */\n    progressBarRef: RefObject<HTMLDivElement | null>;\n\n    hasTitleSlot: boolean;\n    hasActionsSlot: boolean;\n    hasProgressBar: boolean;\n\n    /** Whether a replace-mode bottom panel is registered */\n    hasBottomPanelReplace: boolean;\n    /** Whether any bottom panel slot (replace or append) is registered */\n    hasAnyBottomPanelSlot: boolean;\n    /** Sorted list of append-mode bottom panel entries */\n    bottomPanelAppendEntries: BottomPanelEntry[];\n\n    registerTitleSlot: () => () => void;\n    registerActionsSlot: () => () => void;\n    registerProgressBar: () => () => void;\n    registerBottomPanel: (entry: BottomPanelEntry) => () => void;\n};\n\nconst DrawerSlotContext = createContext<DrawerSlotContextValue | null>(null);\n\nexport function useDrawerSlotContext(): DrawerSlotContextValue | null {\n    return useContext(DrawerSlotContext);\n}\n\nexport function DrawerSlotProvider({ children }: { children: ReactNode }) {\n    const titleRef = useRef<HTMLDivElement | null>(null);\n    const actionsRef = useRef<HTMLDivElement | null>(null);\n    const progressBarRef = useRef<HTMLDivElement | null>(null);\n    const bottomPanelRef = useRef<HTMLDivElement | null>(null);\n    const [isBottomPanelMounted, setIsBottomPanelMounted] = useState(false);\n\n    const bottomPanelCallbackRef = useCallback((node: HTMLDivElement | null) => {\n        bottomPanelRef.current = node;\n        setIsBottomPanelMounted(node !== null);\n    }, []);\n\n    const [titleSlotCount, setTitleSlotCount] = useState(0);\n    const [actionsSlotCount, setActionsSlotCount] = useState(0);\n    const [progressBarCount, setProgressBarCount] = useState(0);\n    const [bottomPanelEntries, setBottomPanelEntries] = useState<BottomPanelEntry[]>([]);\n\n    const registerTitleSlot = useCallback((): (() => void) => {\n        setTitleSlotCount((prev) => {\n            const next = prev + 1;\n            if (process.env.NODE_ENV === 'development' && next > 1) {\n                console.warn(\n                    'DrawerSlotContext: Multiple title slots registered simultaneously. Only one is expected.',\n                );\n            }\n            return next;\n        });\n        return () => {\n            setTitleSlotCount((prev) => Math.max(0, prev - 1));\n        };\n    }, []);\n\n    const registerActionsSlot = useCallback((): (() => void) => {\n        setActionsSlotCount((prev) => {\n            const next = prev + 1;\n            if (process.env.NODE_ENV === 'development' && next > 1) {\n                console.warn(\n                    'DrawerSlotContext: Multiple actions slots registered simultaneously. Only one is expected.',\n                );\n            }\n            return next;\n        });\n        return () => {\n            setActionsSlotCount((prev) => Math.max(0, prev - 1));\n        };\n    }, []);\n\n    const registerProgressBar = useCallback((): (() => void) => {\n        setProgressBarCount((prev) => prev + 1);\n        return () => {\n            setProgressBarCount((prev) => Math.max(0, prev - 1));\n        };\n    }, []);\n\n    const registerBottomPanel = useCallback((entry: BottomPanelEntry): (() => void) => {\n        setBottomPanelEntries((prev) => {\n            if (process.env.NODE_ENV === 'development' && entry.mode === 'replace') {\n                const existingReplace = prev.find((e) => e.mode === 'replace');\n                if (existingReplace) {\n                    console.warn(\n                        `DrawerSlotContext: Multiple replace-mode bottom panels registered (existing: \"${existingReplace.id}\", new: \"${entry.id}\"). Only one replace-mode panel is expected.`,\n                    );\n                }\n            }\n            return [...prev, entry];\n        });\n        return () => {\n            setBottomPanelEntries((prev) => prev.filter((e) => e.id !== entry.id));\n        };\n    }, []);\n\n    const hasTitleSlot = titleSlotCount > 0;\n    const hasActionsSlot = actionsSlotCount > 0;\n    const hasProgressBar = progressBarCount > 0;\n    const hasBottomPanelReplace = bottomPanelEntries.some((e) => e.mode === 'replace');\n    const hasAnyBottomPanelSlot = bottomPanelEntries.length > 0;\n    const bottomPanelAppendEntries = useMemo(\n        () => bottomPanelEntries.filter((e) => e.mode === 'append').sort((a, b) => a.priority - b.priority),\n        [bottomPanelEntries],\n    );\n\n    const value = useMemo<DrawerSlotContextValue>(\n        () => ({\n            titleRef,\n            actionsRef,\n            progressBarRef,\n            bottomPanelRef,\n            bottomPanelCallbackRef,\n            isBottomPanelMounted,\n            hasTitleSlot,\n            hasActionsSlot,\n            hasProgressBar,\n            hasBottomPanelReplace,\n            hasAnyBottomPanelSlot,\n            bottomPanelAppendEntries,\n            registerTitleSlot,\n            registerActionsSlot,\n            registerProgressBar,\n            registerBottomPanel,\n        }),\n        [\n            bottomPanelCallbackRef,\n            isBottomPanelMounted,\n            hasTitleSlot,\n            hasActionsSlot,\n            hasProgressBar,\n            hasBottomPanelReplace,\n            hasAnyBottomPanelSlot,\n            bottomPanelAppendEntries,\n            registerTitleSlot,\n            registerActionsSlot,\n            registerProgressBar,\n            registerBottomPanel,\n        ],\n    );\n\n    return <DrawerSlotContext.Provider value={value}>{children}</DrawerSlotContext.Provider>;\n}\n"],"names":[],"mappings":"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AO;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACH,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CACJ,CAAA;AAAA,CAAA,CAAA,CAAA,CACA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA;AACJ,CAAA,CAAA,CACJ;AAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAlB,CAAA,CAA2B,CAAA,CAAA,CAAA,CAAA,GAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA;AAC/D;;"}

package/dist/stories/drawer/DrawerTitle.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export type DrawerTitleProps = {
+    children: ReactNode;
+};
+export declare const DrawerTitle: ({ children }: DrawerTitleProps) => import('react').ReactPortal | null;

package/dist/stories/drawer/DrawerTitle.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { useId, useLayoutEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { TextWhenString } from '../utility/TextWhenString.js';
+import { useIsPageActive } from './DrawerPageContext.js';
+import { useDrawerSlotContext } from './DrawerSlotContext.js';
+
+const DrawerTitle = ({ children }) => {
+  const isActive = useIsPageActive();
+  const slotContext = useDrawerSlotContext();
+  const id = useId();
+  useLayoutEffect(() => {
+    if (!isActive || !slotContext) return;
+    const unregister = slotContext.registerTitleSlot();
+    return unregister;
+  }, [isActive, slotContext]);
+  if (!isActive || !slotContext?.titleRef.current) {
+    return null;
+  }
+  return createPortal(
+    /* @__PURE__ */ jsx(TextWhenString, { kind: "paragraphSmall", weight: "medium", children }),
+    slotContext.titleRef.current,
+    id
+  );
+};
+
+export { DrawerTitle };
+//# sourceMappingURL=DrawerTitle.js.map

package/dist/stories/drawer/DrawerTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTitle.js","sources":["../../../src/stories/drawer/DrawerTitle.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode, useId, useLayoutEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TextWhenString } from '../utility/TextWhenString';\nimport { useIsPageActive } from './DrawerPageContext';\nimport { useDrawerSlotContext } from './DrawerSlotContext';\n\nexport type DrawerTitleProps = {\n    children: ReactNode;\n};\n\nexport const DrawerTitle = ({ children }: DrawerTitleProps) => {\n    const isActive = useIsPageActive();\n    const slotContext = useDrawerSlotContext();\n    const id = useId();\n\n    useLayoutEffect(() => {\n        if (!isActive || !slotContext) return;\n        const unregister = slotContext.registerTitleSlot();\n        return unregister;\n    }, [isActive, slotContext]);\n\n    if (!isActive || !slotContext?.titleRef.current) {\n        return null;\n    }\n\n    return createPortal(\n        <TextWhenString kind=\"paragraphSmall\" weight=\"medium\">\n            {children}\n        </TextWhenString>,\n        slotContext.titleRef.current,\n        id,\n    );\n};\n"],"names":[],"mappings":"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"}

package/dist/stories/drawer/index.js

@@ -0,0 +1,10 @@
+export { Drawer, DrawerSizePresets } from './Drawer.js';
+export { DrawerActions } from './DrawerActions.js';
+export { DrawerBottomPanel } from './DrawerBottomPanel.js';
+export { useDrawer } from './DrawerContext.js';
+export { DrawerPage } from './DrawerPage.js';
+export { useIsPageActive } from './DrawerPageContext.js';
+export { useDrawerPagination } from './DrawerPaginationContext.js';
+export { DrawerProgressBar } from './DrawerProgressBar.js';
+export { DrawerTitle } from './DrawerTitle.js';
+//# sourceMappingURL=index.js.map

package/dist/stories/drawer/index.js.map

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

package/dist/stories/field/Field.d.ts

@@ -0,0 +1,54 @@
+import { default as React, ComponentPropsWithoutRef, FC, PropsWithChildren } from 'react';
+import { TextProps } from '../text';
+export type FieldProps = {
+    /**
+     * The ID of the child input.
+     */
+    htmlFor?: string;
+    /**
+     * A label for the field. Can be visually hidden using the `hideLabel` prop.
+     */
+    label?: React.ReactNode;
+    /**
+     * Visually hide the label (while keeping it accessible to screen readers).
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * A description of the field. Can be visually hidden using the `hideDescription` prop.
+     */
+    description?: React.ReactNode;
+    /**
+     * Visually hide the description while keeping it accessible to screen readers.
+     * @default false
+     */
+    hideDescription?: boolean;
+    /**
+     * Disables the field, disallowing user interaction.
+     */
+    disabled?: boolean;
+    /**
+     * Position of the description relative to the children/input.
+     * @default 'bottom'
+     */
+    descriptionPosition?: 'top' | 'bottom';
+    overrides?: {
+        container?: ComponentPropsWithoutRef<'div'>;
+        label?: TextProps<'label'>;
+        description?: TextProps<'p'>;
+        labelContainer?: ComponentPropsWithoutRef<'div'>;
+    };
+};
+/**
+ * A Field component wraps a form input component with an accessible label and description.
+ *
+ * <hr />
+ *
+ * To use this component, import it as follows:
+ *
+ * ```js
+ * import { Field } from 'paris/field';
+ * ```
+ * @constructor
+ */
+export declare const Field: FC<PropsWithChildren<FieldProps>>;

package/dist/stories/field/Field.js

@@ -0,0 +1,91 @@
+'use client';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import inputStyles from '../input/Input.module.scss.js';
+import { Text } from '../text/Text.js';
+
+const Field = ({
+  htmlFor,
+  disabled,
+  descriptionPosition = "bottom",
+  children,
+  // className,
+  ...props
+}) => {
+  const label = typeof props.label === "string" ? /* @__PURE__ */ jsx(
+    Text,
+    {
+      ...props.overrides?.label,
+      as: "label",
+      kind: "paragraphSmall",
+      htmlFor,
+      className: clsx(inputStyles.label, { [inputStyles.hidden]: props.hideLabel }),
+      children: props.label
+    }
+  ) : /* @__PURE__ */ jsx("label", { htmlFor, className: clsx(inputStyles.label, { [inputStyles.hidden]: props.hideLabel }), children: props.label });
+  const description = typeof props.description === "string" ? /* @__PURE__ */ jsx(
+    Text,
+    {
+      id: `${htmlFor}-description`,
+      ...props.overrides?.description,
+      as: "p",
+      kind: "paragraphXSmall",
+      className: clsx(
+        inputStyles.description,
+        { [inputStyles.hidden]: !props.description || props.hideDescription },
+        props.overrides?.description?.className
+      ),
+      children: props.description
+    }
+  ) : /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: `${htmlFor}-description`,
+      className: clsx({ [inputStyles.hidden]: !props.description || props.hideDescription }),
+      children: props.description
+    }
+  );
+  return (
+    // Disable a11y rules because the container doesn't need to be focusable for screen readers; the input itself should receive focus instead.
+    // The container is only made clickable for usability purposes.
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ...props.overrides?.container,
+        className: clsx(
+          props.overrides?.container?.className,
+          inputStyles.container
+          // className,
+        ),
+        onClick: (e) => {
+          if (typeof window !== "undefined" && htmlFor) {
+            const input = document.getElementById(htmlFor);
+            if (input && !disabled && !input.contains(e.target)) {
+              if (input.tagName === "BUTTON") input.click();
+              else input.focus();
+            }
+          }
+        },
+        children: [
+          descriptionPosition === "top" ? /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ...props.overrides?.labelContainer,
+              className: clsx(inputStyles.labelContainer, props.overrides?.labelContainer?.className),
+              children: [
+                label,
+                description
+              ]
+            }
+          ) : label,
+          children,
+          descriptionPosition === "bottom" ? description : /* @__PURE__ */ jsx(Fragment, {})
+        ]
+      }
+    )
+  );
+};
+
+export { Field };
+//# sourceMappingURL=Field.js.map