paris 0.23.0 → 0.24.0

package/dist/stories/drawer/Drawer.module.css

@@ -0,0 +1,406 @@
+.paris_root_wVedw {
+  position: fixed;
+  inset: 0;
+  overflow: hidden;
+  z-index: var(--pte-new-layers-overlay);
+  user-select: var(--pte-utils-defaultUserSelect);
+}
+
+.paris_overlay_WN57R {
+  position: absolute;
+  inset: 0;
+}
+.paris_overlay_WN57R.paris_overlayBlur_W12Sf {
+  backdrop-filter: blur(2px);
+  background-color: var(--pte-new-colors-overlayPageBackground);
+  will-change: backdrop-filter, opacity;
+}
+.paris_overlay_WN57R.paris_overlayGrey_q3bTn {
+  background-color: var(--pte-new-colors-overlayPageBackground);
+  will-change: opacity;
+}
+
+.paris_overlayBlurContainer_cSgvI .paris_enterFrom_zr3n4 {
+  backdrop-filter: blur(0);
+  opacity: 0;
+}
+.paris_overlayBlurContainer_cSgvI .paris_enterTo_GrF2Z {
+  backdrop-filter: blur(2px);
+  opacity: 1;
+}
+.paris_overlayBlurContainer_cSgvI .paris_leave_w8FN3 {
+  transition-delay: var(--pte-animations-duration-fast);
+}
+.paris_overlayBlurContainer_cSgvI .paris_leaveFrom_YtyIZ {
+  backdrop-filter: blur(2px);
+  opacity: 1;
+}
+.paris_overlayBlurContainer_cSgvI .paris_leaveTo_9QQtj {
+  backdrop-filter: blur(0);
+  opacity: 0;
+}
+
+.paris_overlayGreyContainer_CXgCA .paris_enterFrom_zr3n4 {
+  opacity: 0;
+}
+.paris_overlayGreyContainer_CXgCA .paris_enterTo_GrF2Z {
+  opacity: 1;
+}
+.paris_overlayGreyContainer_CXgCA .paris_leave_w8FN3 {
+  transition-delay: var(--pte-animations-duration-fast);
+}
+.paris_overlayGreyContainer_CXgCA .paris_leaveFrom_YtyIZ {
+  opacity: 1;
+}
+.paris_overlayGreyContainer_CXgCA .paris_leaveTo_9QQtj {
+  opacity: 0;
+}
+
+.paris_panelContainer_APxfS {
+  position: fixed;
+  justify-self: flex-end;
+  z-index: var(--pte-new-layers-overlay);
+}
+.paris_panelContainer_APxfS .paris_enter_WSNrL {
+  transition: var(--pte-animations-duration-relaxed) var(--pte-animations-timing-easeOutQuad);
+  transition-delay: var(--pte-animations-duration-fast);
+}
+.paris_panelContainer_APxfS .paris_leave_w8FN3 {
+  transition: var(--pte-animations-duration-relaxed) var(--pte-animations-timing-easeInQuad);
+}
+.paris_panelContainer_APxfS.paris_from-right_2gsEu {
+  right: 0;
+}
+.paris_panelContainer_APxfS.paris_from-right_2gsEu.paris_size-content_-2Lgk, .paris_panelContainer_APxfS.paris_from-right_2gsEu.paris_size-fullWithMargin_fcu9t {
+  padding-left: 30px;
+}
+@media (min-width: 371px) {
+  .paris_panelContainer_APxfS.paris_from-right_2gsEu.paris_size-default_1Q1At {
+    padding-left: 30px;
+  }
+}
+@media (min-width: 481px) {
+  .paris_panelContainer_APxfS.paris_from-right_2gsEu.paris_size-fullOnMobile_G97hn {
+    padding-left: 30px;
+  }
+}
+.paris_panelContainer_APxfS.paris_from-right_2gsEu .paris_enterFrom_zr3n4 {
+  transform: translateX(30%);
+}
+.paris_panelContainer_APxfS.paris_from-right_2gsEu .paris_enterTo_GrF2Z, .paris_panelContainer_APxfS.paris_from-right_2gsEu .paris_leaveFrom_YtyIZ {
+  transform: translateX(0);
+}
+.paris_panelContainer_APxfS.paris_from-right_2gsEu .paris_leaveTo_9QQtj {
+  transform: translateX(20%);
+}
+.paris_panelContainer_APxfS.paris_from-left_1gDXg {
+  left: 0;
+}
+.paris_panelContainer_APxfS.paris_from-left_1gDXg.paris_size-content_-2Lgk, .paris_panelContainer_APxfS.paris_from-left_1gDXg.paris_size-fullWithMargin_fcu9t {
+  padding-right: 30px;
+}
+@media (min-width: 371px) {
+  .paris_panelContainer_APxfS.paris_from-left_1gDXg.paris_size-default_1Q1At {
+    padding-right: 30px;
+  }
+}
+@media (min-width: 481px) {
+  .paris_panelContainer_APxfS.paris_from-left_1gDXg.paris_size-fullOnMobile_G97hn {
+    padding-right: 30px;
+  }
+}
+.paris_panelContainer_APxfS.paris_from-left_1gDXg .paris_enterFrom_zr3n4 {
+  transform: translateX(-30%);
+}
+.paris_panelContainer_APxfS.paris_from-left_1gDXg .paris_enterTo_GrF2Z, .paris_panelContainer_APxfS.paris_from-left_1gDXg .paris_leaveFrom_YtyIZ {
+  transform: translateX(0);
+}
+.paris_panelContainer_APxfS.paris_from-left_1gDXg .paris_leaveTo_9QQtj {
+  transform: translateX(-20%);
+}
+.paris_panelContainer_APxfS.paris_from-left_1gDXg, .paris_panelContainer_APxfS.paris_from-right_2gsEu {
+  height: 100dvh;
+  top: 0;
+  bottom: 0;
+}
+@media (min-width: 371px) {
+  .paris_panelContainer_APxfS.paris_from-left_1gDXg.paris_size-default_1Q1At, .paris_panelContainer_APxfS.paris_from-right_2gsEu.paris_size-default_1Q1At {
+    width: min(100vw, 390px);
+  }
+}
+@media (max-width: 370px) {
+  .paris_panelContainer_APxfS.paris_from-left_1gDXg.paris_size-default_1Q1At, .paris_panelContainer_APxfS.paris_from-right_2gsEu.paris_size-default_1Q1At {
+    width: 100vw;
+  }
+}
+@media (min-width: 481px) {
+  .paris_panelContainer_APxfS.paris_from-left_1gDXg.paris_size-fullOnMobile_G97hn, .paris_panelContainer_APxfS.paris_from-right_2gsEu.paris_size-fullOnMobile_G97hn {
+    width: min(100vw, 390px);
+  }
+}
+@media (max-width: 480px) {
+  .paris_panelContainer_APxfS.paris_from-left_1gDXg.paris_size-fullOnMobile_G97hn, .paris_panelContainer_APxfS.paris_from-right_2gsEu.paris_size-fullOnMobile_G97hn {
+    width: 100vw;
+  }
+}
+.paris_panelContainer_APxfS.paris_from-left_1gDXg.paris_size-content_-2Lgk, .paris_panelContainer_APxfS.paris_from-right_2gsEu.paris_size-content_-2Lgk {
+  width: auto;
+}
+.paris_panelContainer_APxfS.paris_from-left_1gDXg.paris_size-full_Vltmt, .paris_panelContainer_APxfS.paris_from-left_1gDXg.paris_size-fullWithMargin_fcu9t, .paris_panelContainer_APxfS.paris_from-right_2gsEu.paris_size-full_Vltmt, .paris_panelContainer_APxfS.paris_from-right_2gsEu.paris_size-fullWithMargin_fcu9t {
+  width: 100vw;
+}
+.paris_panelContainer_APxfS.paris_from-top_-Vc82 {
+  top: 0;
+}
+.paris_panelContainer_APxfS.paris_from-top_-Vc82.paris_size-content_-2Lgk, .paris_panelContainer_APxfS.paris_from-top_-Vc82.paris_size-fullWithMargin_fcu9t, .paris_panelContainer_APxfS.paris_from-top_-Vc82.paris_size-default_1Q1At {
+  padding-bottom: 30px;
+}
+@media (min-width: 481px) {
+  .paris_panelContainer_APxfS.paris_from-top_-Vc82.paris_size-fullOnMobile_G97hn {
+    padding-bottom: 30px;
+  }
+}
+.paris_panelContainer_APxfS.paris_from-top_-Vc82 .paris_enterFrom_zr3n4 {
+  transform: translateY(-100%);
+}
+.paris_panelContainer_APxfS.paris_from-top_-Vc82 .paris_enterTo_GrF2Z, .paris_panelContainer_APxfS.paris_from-top_-Vc82 .paris_leaveFrom_YtyIZ {
+  transform: translateY(0);
+}
+.paris_panelContainer_APxfS.paris_from-top_-Vc82 .paris_leaveTo_9QQtj {
+  transform: translateY(-60%);
+}
+.paris_panelContainer_APxfS.paris_from-bottom_G1MLu {
+  bottom: 0;
+}
+.paris_panelContainer_APxfS.paris_from-bottom_G1MLu.paris_size-content_-2Lgk, .paris_panelContainer_APxfS.paris_from-bottom_G1MLu.paris_size-fullWithMargin_fcu9t, .paris_panelContainer_APxfS.paris_from-bottom_G1MLu.paris_size-default_1Q1At {
+  padding-top: 30px;
+}
+@media (min-width: 481px) {
+  .paris_panelContainer_APxfS.paris_from-bottom_G1MLu.paris_size-fullOnMobile_G97hn {
+    padding-top: 30px;
+  }
+}
+.paris_panelContainer_APxfS.paris_from-bottom_G1MLu .paris_enterFrom_zr3n4 {
+  transform: translateY(100%);
+}
+.paris_panelContainer_APxfS.paris_from-bottom_G1MLu .paris_enterTo_GrF2Z, .paris_panelContainer_APxfS.paris_from-bottom_G1MLu .paris_leaveFrom_YtyIZ {
+  transform: translateY(0);
+}
+.paris_panelContainer_APxfS.paris_from-bottom_G1MLu .paris_leaveTo_9QQtj {
+  transform: translateY(60%);
+}
+.paris_panelContainer_APxfS.paris_from-top_-Vc82, .paris_panelContainer_APxfS.paris_from-bottom_G1MLu {
+  width: 100vw;
+  left: 0;
+  right: 0;
+}
+.paris_panelContainer_APxfS.paris_from-top_-Vc82.paris_size-default_1Q1At, .paris_panelContainer_APxfS.paris_from-bottom_G1MLu.paris_size-default_1Q1At {
+  height: min(100dvh, 390px);
+}
+@media (min-width: 481px) {
+  .paris_panelContainer_APxfS.paris_from-top_-Vc82.paris_size-fullOnMobile_G97hn, .paris_panelContainer_APxfS.paris_from-bottom_G1MLu.paris_size-fullOnMobile_G97hn {
+    height: min(100dvh, 390px);
+  }
+}
+@media (max-width: 480px) {
+  .paris_panelContainer_APxfS.paris_from-top_-Vc82.paris_size-fullOnMobile_G97hn, .paris_panelContainer_APxfS.paris_from-bottom_G1MLu.paris_size-fullOnMobile_G97hn {
+    height: 100dvh;
+  }
+}
+.paris_panelContainer_APxfS.paris_from-top_-Vc82.paris_size-content_-2Lgk, .paris_panelContainer_APxfS.paris_from-bottom_G1MLu.paris_size-content_-2Lgk {
+  height: auto;
+}
+.paris_panelContainer_APxfS.paris_from-top_-Vc82.paris_size-full_Vltmt, .paris_panelContainer_APxfS.paris_from-top_-Vc82.paris_size-fullWithMargin_fcu9t, .paris_panelContainer_APxfS.paris_from-bottom_G1MLu.paris_size-full_Vltmt, .paris_panelContainer_APxfS.paris_from-bottom_G1MLu.paris_size-fullWithMargin_fcu9t {
+  height: 100dvh;
+}
+
+.paris_panel_TfIuG {
+  position: relative;
+  height: 100%;
+  padding: 0;
+  background-color: var(--pte-new-colors-surfacePrimary);
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
+}
+.paris_panel_TfIuG.paris_enterFrom_zr3n4 {
+  box-shadow: none;
+}
+.paris_panel_TfIuG.paris_enterTo_GrF2Z.paris_from-right_2gsEu, .paris_panel_TfIuG.paris_leaveFrom_YtyIZ.paris_from-right_2gsEu {
+  border-left-color: var(--pte-new-borders-dropdown-color);
+  box-shadow: var(--pte-new-lighting-shallowLeft);
+}
+.paris_panel_TfIuG.paris_enterTo_GrF2Z.paris_from-left_1gDXg, .paris_panel_TfIuG.paris_leaveFrom_YtyIZ.paris_from-left_1gDXg {
+  border-right-color: var(--pte-new-borders-dropdown-color);
+  box-shadow: var(--pte-new-lighting-shallowRight);
+}
+.paris_panel_TfIuG.paris_enterTo_GrF2Z.paris_from-top_-Vc82, .paris_panel_TfIuG.paris_leaveFrom_YtyIZ.paris_from-top_-Vc82 {
+  border-bottom-color: var(--pte-new-borders-dropdown-color);
+  box-shadow: var(--pte-new-lighting-shallowBelow);
+}
+.paris_panel_TfIuG.paris_enterTo_GrF2Z.paris_from-bottom_G1MLu, .paris_panel_TfIuG.paris_leaveFrom_YtyIZ.paris_from-bottom_G1MLu {
+  border-top-color: var(--pte-new-borders-dropdown-color);
+  box-shadow: var(--pte-new-lighting-shallowAbove);
+}
+.paris_panel_TfIuG.paris_leaveTo_9QQtj {
+  box-shadow: none;
+}
+
+.paris_titleTextContainer_vxVpU {
+  display: flex;
+}
+
+.paris_titleBar_SMIdo {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid var(--pte-new-colors-borderMedium);
+  padding: 14px 16px;
+}
+
+.paris_titleBarButtons_0oNpU {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+}
+
+.paris_content_NRQ-q {
+  overflow-y: scroll;
+  height: 100%;
+}
+
+.paris_contentChildren_3gvnu {
+  padding: 20px;
+}
+
+.paris_paginationButtons_9T8xu {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+}
+.paris_paginationButtons_9T8xu .paris_navButton_2bjrt {
+  padding: 2px;
+}
+
+.paris_titleArea_q2SWc {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 12px;
+}
+
+.paris_enter_WSNrL {
+  transition: var(--pte-animations-duration-relaxed) var(--pte-animations-timing-easeInOutExpo);
+}
+
+.paris_enterFrom_zr3n4, .paris_enterFromOpacity_ddD5x {
+  opacity: 0;
+}
+
+.paris_enterTo_GrF2Z, .paris_enterToOpacity_JKJ7T {
+  opacity: 1;
+}
+
+.paris_leave_w8FN3 {
+  transition: var(--pte-animations-duration-relaxed) var(--pte-animations-timing-easeInOutExpo);
+}
+
+.paris_leaveFrom_YtyIZ, .paris_leaveFromOpacity_xAfhm {
+  opacity: 1;
+}
+
+.paris_leaveTo_9QQtj, .paris_leaveToOpacity_-gHpF {
+  opacity: 0;
+}
+
+.paris_paginationEnter_DT9JT {
+  transition: var(--pte-animations-duration-normal) var(--pte-animations-timing-easeInQuad);
+}
+
+.paris_paginationLeave_OR93X {
+  transition: var(--pte-animations-duration-normal) var(--pte-animations-timing-easeOutQuad);
+}
+
+.paris_pageStack_s7fPJ {
+  display: grid;
+  grid-template-columns: 1fr;
+  min-height: 0;
+}
+
+.paris_pageStackClip_DQKZW {
+  overflow: hidden;
+}
+
+.paris_pageStackItem_n8m9c {
+  grid-area: 1/1;
+}
+.paris_pageStackItem_n8m9c[data-active=false] {
+  pointer-events: none;
+}
+
+.paris_progressBar_3-iya {
+  position: relative;
+  width: 100%;
+  height: 2px;
+  background: var(--pte-new-colors-borderMedium);
+}
+
+.paris_progressBarFill_QAxRP {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  background: var(--pte-new-colors-contentPrimary);
+  transition: width var(--pte-animations-duration-normal) var(--pte-animations-timing-easeInQuad);
+}
+
+.paris_bottomPanel_g3-TO {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+}
+
+.paris_bottomPanelSlots_aLf1H {
+  display: flex;
+  flex-direction: column;
+}
+
+.paris_bottomPanelContent_dfSgU {
+  position: relative;
+  padding: 20px;
+}
+.paris_bottomPanelContent_dfSgU.paris_noPadding_fr4a4 {
+  padding: 0;
+}
+
+.paris_bottomPanelSlotItem_fEB43 {
+  border-top: 1px solid var(--pte-new-colors-borderStrong);
+  position: relative;
+  padding: 20px;
+}
+
+.paris_bottomPanelSpacer_bBinW {
+  opacity: 0;
+  pointer-events: none;
+}
+
+.paris_glassBlend_5DeJV {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: var(--pte-new-materials-secondaryThin-backgroundBlend);
+  mix-blend-mode: var(--pte-new-materials-secondaryThin-mixBlendMode);
+}
+
+.paris_glassOpacity_flxn1 {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: var(--pte-new-materials-secondaryThin-background);
+  backdrop-filter: var(--pte-new-blurs-strong);
+}

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

@@ -0,0 +1,96 @@
+import './Drawer.module.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>;