paris 0.23.1 → 0.24.1

package/dist/stories/drawer/Drawer.module.scss.js

@@ -0,0 +1,96 @@
+import './Drawer.css';const root = "paris_root_wVedw";
+const overlay = "paris_overlay_WN57R";
+const overlayBlur = "paris_overlayBlur_W12Sf";
+const overlayGrey = "paris_overlayGrey_q3bTn";
+const overlayBlurContainer = "paris_overlayBlurContainer_cSgvI";
+const enterFrom = "paris_enterFrom_zr3n4";
+const enterTo = "paris_enterTo_GrF2Z";
+const leave = "paris_leave_w8FN3";
+const leaveFrom = "paris_leaveFrom_YtyIZ";
+const leaveTo = "paris_leaveTo_9QQtj";
+const overlayGreyContainer = "paris_overlayGreyContainer_CXgCA";
+const panelContainer = "paris_panelContainer_APxfS";
+const enter = "paris_enter_WSNrL";
+const panel = "paris_panel_TfIuG";
+const titleTextContainer = "paris_titleTextContainer_vxVpU";
+const titleBar = "paris_titleBar_SMIdo";
+const titleBarButtons = "paris_titleBarButtons_0oNpU";
+const content = "paris_content_NRQ-q";
+const contentChildren = "paris_contentChildren_3gvnu";
+const paginationButtons = "paris_paginationButtons_9T8xu";
+const navButton = "paris_navButton_2bjrt";
+const titleArea = "paris_titleArea_q2SWc";
+const enterFromOpacity = "paris_enterFromOpacity_ddD5x";
+const enterToOpacity = "paris_enterToOpacity_JKJ7T";
+const leaveFromOpacity = "paris_leaveFromOpacity_xAfhm";
+const leaveToOpacity = "paris_leaveToOpacity_-gHpF";
+const paginationEnter = "paris_paginationEnter_DT9JT";
+const paginationLeave = "paris_paginationLeave_OR93X";
+const pageStack = "paris_pageStack_s7fPJ";
+const pageStackClip = "paris_pageStackClip_DQKZW";
+const pageStackItem = "paris_pageStackItem_n8m9c";
+const progressBar = "paris_progressBar_3-iya";
+const progressBarFill = "paris_progressBarFill_QAxRP";
+const bottomPanel = "paris_bottomPanel_g3-TO";
+const bottomPanelSlots = "paris_bottomPanelSlots_aLf1H";
+const bottomPanelContent = "paris_bottomPanelContent_dfSgU";
+const noPadding = "paris_noPadding_fr4a4";
+const bottomPanelSlotItem = "paris_bottomPanelSlotItem_fEB43";
+const bottomPanelSpacer = "paris_bottomPanelSpacer_bBinW";
+const glassBlend = "paris_glassBlend_5DeJV";
+const glassOpacity = "paris_glassOpacity_flxn1";
+const styles = {
+	root: root,
+	overlay: overlay,
+	overlayBlur: overlayBlur,
+	overlayGrey: overlayGrey,
+	overlayBlurContainer: overlayBlurContainer,
+	enterFrom: enterFrom,
+	enterTo: enterTo,
+	leave: leave,
+	leaveFrom: leaveFrom,
+	leaveTo: leaveTo,
+	overlayGreyContainer: overlayGreyContainer,
+	panelContainer: panelContainer,
+	enter: enter,
+	"from-right": "paris_from-right_2gsEu",
+	"size-content": "paris_size-content_-2Lgk",
+	"size-fullWithMargin": "paris_size-fullWithMargin_fcu9t",
+	"size-default": "paris_size-default_1Q1At",
+	"size-fullOnMobile": "paris_size-fullOnMobile_G97hn",
+	"from-left": "paris_from-left_1gDXg",
+	"size-full": "paris_size-full_Vltmt",
+	"from-top": "paris_from-top_-Vc82",
+	"from-bottom": "paris_from-bottom_G1MLu",
+	panel: panel,
+	titleTextContainer: titleTextContainer,
+	titleBar: titleBar,
+	titleBarButtons: titleBarButtons,
+	content: content,
+	contentChildren: contentChildren,
+	paginationButtons: paginationButtons,
+	navButton: navButton,
+	titleArea: titleArea,
+	enterFromOpacity: enterFromOpacity,
+	enterToOpacity: enterToOpacity,
+	leaveFromOpacity: leaveFromOpacity,
+	leaveToOpacity: leaveToOpacity,
+	paginationEnter: paginationEnter,
+	paginationLeave: paginationLeave,
+	pageStack: pageStack,
+	pageStackClip: pageStackClip,
+	pageStackItem: pageStackItem,
+	progressBar: progressBar,
+	progressBarFill: progressBarFill,
+	bottomPanel: bottomPanel,
+	bottomPanelSlots: bottomPanelSlots,
+	bottomPanelContent: bottomPanelContent,
+	noPadding: noPadding,
+	bottomPanelSlotItem: bottomPanelSlotItem,
+	bottomPanelSpacer: bottomPanelSpacer,
+	glassBlend: glassBlend,
+	glassOpacity: glassOpacity
+};
+
+export { bottomPanel, bottomPanelContent, bottomPanelSlotItem, bottomPanelSlots, bottomPanelSpacer, content, contentChildren, styles as default, enter, enterFrom, enterFromOpacity, enterTo, enterToOpacity, glassBlend, glassOpacity, leave, leaveFrom, leaveFromOpacity, leaveTo, leaveToOpacity, navButton, noPadding, overlay, overlayBlur, overlayBlurContainer, overlayGrey, overlayGreyContainer, pageStack, pageStackClip, pageStackItem, paginationButtons, paginationEnter, paginationLeave, panel, panelContainer, progressBar, progressBarFill, root, titleArea, titleBar, titleBarButtons, titleTextContainer };
+//# sourceMappingURL=Drawer.module.scss.js.map

package/dist/stories/drawer/Drawer.module.scss.js.map

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

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

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

package/dist/stories/drawer/DrawerActions.js

@@ -0,0 +1,23 @@
+'use client';
+import { useId, useLayoutEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { useIsPageActive } from './DrawerPageContext.js';
+import { useDrawerSlotContext } from './DrawerSlotContext.js';
+
+const DrawerActions = ({ children }) => {
+  const isActive = useIsPageActive();
+  const slotContext = useDrawerSlotContext();
+  const id = useId();
+  useLayoutEffect(() => {
+    if (!isActive || !slotContext) return;
+    const unregister = slotContext.registerActionsSlot();
+    return unregister;
+  }, [isActive, slotContext]);
+  if (!isActive || !slotContext?.actionsRef.current) {
+    return null;
+  }
+  return createPortal(children, slotContext.actionsRef.current, id);
+};
+
+export { DrawerActions };
+//# sourceMappingURL=DrawerActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerActions.js","sources":["../../../src/stories/drawer/DrawerActions.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode, useId, useLayoutEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useIsPageActive } from './DrawerPageContext';\nimport { useDrawerSlotContext } from './DrawerSlotContext';\n\nexport type DrawerActionsProps = {\n    children: ReactNode;\n};\n\nexport const DrawerActions = ({ children }: DrawerActionsProps) => {\n    const isActive = useIsPageActive();\n    const slotContext = useDrawerSlotContext();\n    const id = useId();\n\n    useLayoutEffect(() => {\n        if (!isActive || !slotContext) return;\n        const unregister = slotContext.registerActionsSlot();\n        return unregister;\n    }, [isActive, slotContext]);\n\n    if (!isActive || !slotContext?.actionsRef.current) {\n        return null;\n    }\n\n    return createPortal(children, slotContext.actionsRef.current, id);\n};\n"],"names":[],"mappings":";;;;;;AAWO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,aAAA,CAAA,CAAA,CAAgB,CAAC,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAS,CAAA,CAAA,CAAA,CAAA,CAA0B;AAC/D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB;AACjC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqB;AACzC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,IAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM;AAEjB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM;AAClB,CAAA,CAAA,CAAA,CAAA,IAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAC,WAAA,CAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC/B,CAAA,CAAA,CAAA,CAAA,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAY,mBAAA,CAAA,CAAoB;AACnD,CAAA,CAAA,CAAA,CAAA,OAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACX,CAAA,CAAA,CAAG,CAAC,QAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAC,CAAA;AAE1B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAC,WAAA,CAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS;AAC/C,CAAA,CAAA,CAAA,CAAA,OAAO,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACX;AAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAS,CAAA,CAAE,CAAA;AACpE,CAAA;;"}

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

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type DrawerBottomPanelProps = ComponentPropsWithoutRef<'div'> & {
+    children: ReactNode;
+    /** 'replace' fully replaces the base bottomPanel. 'append' renders after the base. @default 'replace' */
+    mode?: 'replace' | 'append';
+    /** Render order for append mode. Lower = higher up. @default 0 */
+    priority?: number;
+};
+export declare const DrawerBottomPanel: ({ children, className, mode, priority, style, ...rest }: DrawerBottomPanelProps) => import('react').ReactPortal | null;

package/dist/stories/drawer/DrawerBottomPanel.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { useId, useLayoutEffect } from 'react';
+import { createPortal } from 'react-dom';
+import styles from './Drawer.module.scss.js';
+import { useIsPageActive } from './DrawerPageContext.js';
+import { useDrawerSlotContext } from './DrawerSlotContext.js';
+
+const DrawerBottomPanel = ({
+  children,
+  className,
+  mode = "replace",
+  priority = 0,
+  style,
+  ...rest
+}) => {
+  const isActive = useIsPageActive();
+  const slotContext = useDrawerSlotContext();
+  const id = useId();
+  const registerBottomPanel = slotContext?.registerBottomPanel;
+  useLayoutEffect(() => {
+    if (!isActive || !registerBottomPanel) return;
+    const unregister = registerBottomPanel({ id, mode, priority });
+    return unregister;
+  }, [isActive, registerBottomPanel, id, mode, priority]);
+  if (!isActive || !slotContext?.isBottomPanelMounted || !slotContext.bottomPanelRef.current) {
+    return null;
+  }
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot-mode": mode,
+        "data-slot-priority": priority,
+        className: clsx(styles.bottomPanelSlotItem, className),
+        style: { order: priority, ...style },
+        ...rest,
+        children
+      }
+    ),
+    slotContext.bottomPanelRef.current,
+    `${id}-${priority}`
+  );
+};
+
+export { DrawerBottomPanel };
+//# sourceMappingURL=DrawerBottomPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerBottomPanel.js","sources":["../../../src/stories/drawer/DrawerBottomPanel.tsx"],"sourcesContent":["'use client';\n\nimport { clsx } from 'clsx';\nimport { type ComponentPropsWithoutRef, type ReactNode, useId, useLayoutEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport styles from './Drawer.module.scss';\nimport { useIsPageActive } from './DrawerPageContext';\nimport { useDrawerSlotContext } from './DrawerSlotContext';\n\nexport type DrawerBottomPanelProps = ComponentPropsWithoutRef<'div'> & {\n    children: ReactNode;\n    /** 'replace' fully replaces the base bottomPanel. 'append' renders after the base. @default 'replace' */\n    mode?: 'replace' | 'append';\n    /** Render order for append mode. Lower = higher up. @default 0 */\n    priority?: number;\n};\n\nexport const DrawerBottomPanel = ({\n    children,\n    className,\n    mode = 'replace',\n    priority = 0,\n    style,\n    ...rest\n}: DrawerBottomPanelProps) => {\n    const isActive = useIsPageActive();\n    const slotContext = useDrawerSlotContext();\n    const id = useId();\n\n    const registerBottomPanel = slotContext?.registerBottomPanel;\n\n    useLayoutEffect(() => {\n        if (!isActive || !registerBottomPanel) return;\n        const unregister = registerBottomPanel({ id, mode, priority });\n        return unregister;\n    }, [isActive, registerBottomPanel, id, mode, priority]);\n\n    if (!isActive || !slotContext?.isBottomPanelMounted || !slotContext.bottomPanelRef.current) {\n        return null;\n    }\n\n    return createPortal(\n        <div\n            data-slot-mode={mode}\n            data-slot-priority={priority}\n            className={clsx(styles.bottomPanelSlotItem, className)}\n            style={{ order: priority, ...style }}\n            {...rest}\n        >\n            {children}\n        </div>,\n        slotContext.bottomPanelRef.current,\n        `${id}-${priority}`,\n    );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type DrawerContextValue = {
+    close: () => void;
+    isOpen: boolean;
+};
+export declare function useDrawer(): DrawerContextValue;
+export declare function DrawerProvider({ close, isOpen, children, }: {
+    close: () => void;
+    isOpen: boolean;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/stories/drawer/DrawerContext.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { useContext, useMemo, createContext } from 'react';
+
+const DrawerContext = createContext(null);
+function useDrawer() {
+  const context = useContext(DrawerContext);
+  if (!context) {
+    throw new Error("useDrawer must be used within a Drawer component");
+  }
+  return context;
+}
+function DrawerProvider({
+  close,
+  isOpen,
+  children
+}) {
+  const value = useMemo(() => ({ close, isOpen }), [close, isOpen]);
+  return /* @__PURE__ */ jsx(DrawerContext.Provider, { value, children });
+}
+
+export { DrawerProvider, useDrawer };
+//# sourceMappingURL=DrawerContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContext.js","sources":["../../../src/stories/drawer/DrawerContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, type ReactNode, useContext, useMemo } from 'react';\n\nexport type DrawerContextValue = {\n    close: () => void;\n    isOpen: boolean;\n};\n\nconst DrawerContext = createContext<DrawerContextValue | null>(null);\n\nexport function useDrawer(): DrawerContextValue {\n    const context = useContext(DrawerContext);\n    if (!context) {\n        throw new Error('useDrawer must be used within a Drawer component');\n    }\n    return context;\n}\n\nexport function DrawerProvider({\n    close,\n    isOpen,\n    children,\n}: {\n    close: () => void;\n    isOpen: boolean;\n    children: ReactNode;\n}) {\n    const value = useMemo(() => ({ close, isOpen }), [close, isOpen]);\n    return <DrawerContext.Provider value={value}>{children}</DrawerContext.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,CAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAyC,IAAI,CAAA;AAE5D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,SAAA,CAAA,CAAA,CAAgC;AAC5C,CAAA,CAAA,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAW,aAAa,CAAA;AACxC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS;AACV,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,EAAM,kDAAkD,CAAA;AAAA,CAAA,CACtE;AACA,CAAA,CAAA,OAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACX;AAEO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,cAAA,CAAe;AAAA,CAAA,CAC3B,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,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,GAAO,CAAA,CAAA,CAAI,CAAC,KAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA;AAChE,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,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAd,CAAA,CAAuB,CAAA,CAAA,CAAA,CAAA,GAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA;AAC3D;;"}

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type DrawerPageProps<TPageID extends string = string> = {
+    /** Unique identifier for this page. Must match a pagination page ID. */
+    id: TPageID;
+    /** Defer first mount until page becomes active. Once mounted, stays mounted. */
+    lazy?: boolean;
+    /** Page content. */
+    children: ReactNode;
+};
+export declare const DrawerPage: <TPageID extends string = string>({ lazy, children }: DrawerPageProps<TPageID>) => import("react/jsx-runtime").JSX.Element | null;
+/** Type guard to check if a React element is a DrawerPage */
+export declare const isDrawerPageElement: (element: unknown) => element is React.ReactElement<DrawerPageProps>;

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