@kushagradhawan/kookie-ui 0.1.56 → 0.1.58

package/components.css

@@ -14353,7 +14353,7 @@
 }
 .rt-Separator {
     display: block;
-    background-color: var(--accent-a6);
+    background-color: var(--accent-a5);
 }
 .rt-Separator:where(.rt-r-orientation-horizontal) {
     width: var(--separator-size);
@@ -14694,16 +14694,23 @@
     padding-inline-start: var(--space-3);
     padding-top: calc(var(--space-1) * 0.75);
     padding-bottom: calc(var(--space-1) * 0.75);
-    min-height: var(--space-5);
+    min-height: var(--space-6);
     font-size: var(--font-size-1);
 }
 :where(.rt-SidebarContent.rt-r-size-2) :where(.rt-SidebarMenuSubList) .rt-SidebarMenuButton {
     padding-inline-start: var(--space-3);
     padding-top: var(--space-1);
     padding-bottom: var(--space-1);
-    min-height: var(--space-6);
+    min-height: var(--space-7);
     font-size: var(--font-size-2);
 }
+:where(.rt-SidebarContent.rt-r-size-3) :where(.rt-SidebarMenuSubList) .rt-SidebarMenuButton {
+    padding-inline-start: var(--space-3);
+    padding-top: var(--space-2);
+    padding-bottom: var(--space-2);
+    min-height: var(--space-8);
+    font-size: var(--font-size-3);
+}
 .rt-SidebarGroupLabel {
     display: flex;
     align-items: center;
@@ -14742,8 +14749,12 @@
     padding-inline-start: var(--space-2);
 }
 .rt-SidebarContent :where(.rt-BaseMenuItem) {
-    margin-top: calc(var(--space-1) / 2);
-    margin-bottom: calc(var(--space-1) / 2);
+    margin-top: 1px;
+    margin-bottom: 1px;
+}
+.rt-SidebarContent :where(.rt-SidebarMenuSubList) .rt-SidebarMenuButton {
+    margin-top: 1px;
+    margin-bottom: 1px;
 }
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent) {
     padding: var(--space-2);
@@ -15117,17 +15128,22 @@
 }
 .rt-SidebarContainer:where(.rt-r-size-1) {
     --sidebar-base-padding: var(--space-3);
-    --sidebar-item-height: var(--space-5);
+    --sidebar-item-height: var(--space-6);
 }
 .rt-SidebarContainer:where(.rt-r-size-2) {
     --sidebar-base-padding: var(--space-4);
-    --sidebar-item-height: var(--space-6);
+    --sidebar-item-height: var(--space-7);
+}
+.rt-SidebarContainer:where(.rt-r-size-3) {
+    --sidebar-base-padding: var(--space-4);
+    --sidebar-item-height: var(--space-8);
 }
 .rt-SidebarContent:where(.rt-r-size-1) {
     --sidebar-content-padding: var(--base-menu-content-padding);
     --sidebar-item-padding-left: var(--base-menu-item-padding-left);
     --sidebar-item-padding-right: var(--base-menu-item-padding-right);
     --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+    --base-menu-item-height: var(--space-6);
     --sidebar-item-height: var(--base-menu-item-height);
 }
 .rt-SidebarContent:where(.rt-r-size-2) {
@@ -15135,6 +15151,15 @@
     --sidebar-item-padding-left: var(--base-menu-item-padding-left);
     --sidebar-item-padding-right: var(--base-menu-item-padding-right);
     --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+    --base-menu-item-height: var(--space-7);
+    --sidebar-item-height: var(--base-menu-item-height);
+}
+.rt-SidebarContent:where(.rt-r-size-3) {
+    --sidebar-content-padding: var(--base-menu-content-padding);
+    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
+    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
+    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+    --base-menu-item-height: var(--space-8);
     --sidebar-item-height: var(--base-menu-item-height);
 }
 .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) {
@@ -15146,8 +15171,8 @@
     font-weight: var(--font-weight-regular);
 }
 .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
-    width: var(--content-icon-size-1);
-    height: var(--content-icon-size-1);
+    width: var(--content-icon-size-2);
+    height: var(--content-icon-size-2);
     flex-shrink: 0;
 }
 .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15165,8 +15190,13 @@
     font-weight: var(--font-weight-regular);
 }
 .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
-    width: var(--content-icon-size-2);
-    height: var(--content-icon-size-2);
+    width: var(--content-icon-size-3);
+    height: var(--content-icon-size-3);
+    flex-shrink: 0;
+}
+.rt-SidebarContent:where(.rt-r-size-2) .rt-SidebarContent:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
+    width: var(--content-icon-size-3);
+    height: var(--content-icon-size-3);
     flex-shrink: 0;
 }
 .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15178,17 +15208,22 @@
 @media (min-width: 520px) {
     .rt-SidebarContainer:where(.xs\:rt-r-size-1) {
         --sidebar-base-padding: var(--space-3);
-        --sidebar-item-height: var(--space-5);
+        --sidebar-item-height: var(--space-6);
     }
     .rt-SidebarContainer:where(.xs\:rt-r-size-2) {
         --sidebar-base-padding: var(--space-4);
-        --sidebar-item-height: var(--space-6);
+        --sidebar-item-height: var(--space-7);
+    }
+    .rt-SidebarContainer:where(.xs\:rt-r-size-3) {
+        --sidebar-base-padding: var(--space-4);
+        --sidebar-item-height: var(--space-8);
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-1) {
         --sidebar-content-padding: var(--base-menu-content-padding);
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-6);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-2) {
@@ -15196,6 +15231,15 @@
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-7);
+        --sidebar-item-height: var(--base-menu-item-height);
+    }
+    .rt-SidebarContent:where(.xs\:rt-r-size-3) {
+        --sidebar-content-padding: var(--base-menu-content-padding);
+        --sidebar-item-padding-left: var(--base-menu-item-padding-left);
+        --sidebar-item-padding-right: var(--base-menu-item-padding-right);
+        --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-8);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
@@ -15207,8 +15251,8 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-1);
-        height: var(--content-icon-size-1);
+        width: var(--content-icon-size-2);
+        height: var(--content-icon-size-2);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15226,8 +15270,13 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-2);
-        height: var(--content-icon-size-2);
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
+        flex-shrink: 0;
+    }
+    .rt-SidebarContent:where(.xs\:rt-r-size-2) .rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15240,17 +15289,22 @@
 @media (min-width: 768px) {
     .rt-SidebarContainer:where(.sm\:rt-r-size-1) {
         --sidebar-base-padding: var(--space-3);
-        --sidebar-item-height: var(--space-5);
+        --sidebar-item-height: var(--space-6);
     }
     .rt-SidebarContainer:where(.sm\:rt-r-size-2) {
         --sidebar-base-padding: var(--space-4);
-        --sidebar-item-height: var(--space-6);
+        --sidebar-item-height: var(--space-7);
+    }
+    .rt-SidebarContainer:where(.sm\:rt-r-size-3) {
+        --sidebar-base-padding: var(--space-4);
+        --sidebar-item-height: var(--space-8);
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-1) {
         --sidebar-content-padding: var(--base-menu-content-padding);
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-6);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-2) {
@@ -15258,6 +15312,15 @@
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-7);
+        --sidebar-item-height: var(--base-menu-item-height);
+    }
+    .rt-SidebarContent:where(.sm\:rt-r-size-3) {
+        --sidebar-content-padding: var(--base-menu-content-padding);
+        --sidebar-item-padding-left: var(--base-menu-item-padding-left);
+        --sidebar-item-padding-right: var(--base-menu-item-padding-right);
+        --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-8);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
@@ -15269,8 +15332,8 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-1);
-        height: var(--content-icon-size-1);
+        width: var(--content-icon-size-2);
+        height: var(--content-icon-size-2);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15288,8 +15351,13 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-2);
-        height: var(--content-icon-size-2);
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
+        flex-shrink: 0;
+    }
+    .rt-SidebarContent:where(.sm\:rt-r-size-2) .rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15302,17 +15370,22 @@
 @media (min-width: 1024px) {
     .rt-SidebarContainer:where(.md\:rt-r-size-1) {
         --sidebar-base-padding: var(--space-3);
-        --sidebar-item-height: var(--space-5);
+        --sidebar-item-height: var(--space-6);
     }
     .rt-SidebarContainer:where(.md\:rt-r-size-2) {
         --sidebar-base-padding: var(--space-4);
-        --sidebar-item-height: var(--space-6);
+        --sidebar-item-height: var(--space-7);
+    }
+    .rt-SidebarContainer:where(.md\:rt-r-size-3) {
+        --sidebar-base-padding: var(--space-4);
+        --sidebar-item-height: var(--space-8);
     }
     .rt-SidebarContent:where(.md\:rt-r-size-1) {
         --sidebar-content-padding: var(--base-menu-content-padding);
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-6);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.md\:rt-r-size-2) {
@@ -15320,6 +15393,15 @@
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-7);
+        --sidebar-item-height: var(--base-menu-item-height);
+    }
+    .rt-SidebarContent:where(.md\:rt-r-size-3) {
+        --sidebar-content-padding: var(--base-menu-content-padding);
+        --sidebar-item-padding-left: var(--base-menu-item-padding-left);
+        --sidebar-item-padding-right: var(--base-menu-item-padding-right);
+        --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-8);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
@@ -15331,8 +15413,8 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-1);
-        height: var(--content-icon-size-1);
+        width: var(--content-icon-size-2);
+        height: var(--content-icon-size-2);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15350,8 +15432,13 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-2);
-        height: var(--content-icon-size-2);
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
+        flex-shrink: 0;
+    }
+    .rt-SidebarContent:where(.md\:rt-r-size-2) .rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15364,17 +15451,22 @@
 @media (min-width: 1280px) {
     .rt-SidebarContainer:where(.lg\:rt-r-size-1) {
         --sidebar-base-padding: var(--space-3);
-        --sidebar-item-height: var(--space-5);
+        --sidebar-item-height: var(--space-6);
     }
     .rt-SidebarContainer:where(.lg\:rt-r-size-2) {
         --sidebar-base-padding: var(--space-4);
-        --sidebar-item-height: var(--space-6);
+        --sidebar-item-height: var(--space-7);
+    }
+    .rt-SidebarContainer:where(.lg\:rt-r-size-3) {
+        --sidebar-base-padding: var(--space-4);
+        --sidebar-item-height: var(--space-8);
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-1) {
         --sidebar-content-padding: var(--base-menu-content-padding);
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-6);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-2) {
@@ -15382,6 +15474,15 @@
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-7);
+        --sidebar-item-height: var(--base-menu-item-height);
+    }
+    .rt-SidebarContent:where(.lg\:rt-r-size-3) {
+        --sidebar-content-padding: var(--base-menu-content-padding);
+        --sidebar-item-padding-left: var(--base-menu-item-padding-left);
+        --sidebar-item-padding-right: var(--base-menu-item-padding-right);
+        --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-8);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
@@ -15393,8 +15494,8 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-1);
-        height: var(--content-icon-size-1);
+        width: var(--content-icon-size-2);
+        height: var(--content-icon-size-2);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15412,8 +15513,13 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-2);
-        height: var(--content-icon-size-2);
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
+        flex-shrink: 0;
+    }
+    .rt-SidebarContent:where(.lg\:rt-r-size-2) .rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15426,17 +15532,22 @@
 @media (min-width: 1640px) {
     .rt-SidebarContainer:where(.xl\:rt-r-size-1) {
         --sidebar-base-padding: var(--space-3);
-        --sidebar-item-height: var(--space-5);
+        --sidebar-item-height: var(--space-6);
     }
     .rt-SidebarContainer:where(.xl\:rt-r-size-2) {
         --sidebar-base-padding: var(--space-4);
-        --sidebar-item-height: var(--space-6);
+        --sidebar-item-height: var(--space-7);
+    }
+    .rt-SidebarContainer:where(.xl\:rt-r-size-3) {
+        --sidebar-base-padding: var(--space-4);
+        --sidebar-item-height: var(--space-8);
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-1) {
         --sidebar-content-padding: var(--base-menu-content-padding);
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-6);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-2) {
@@ -15444,6 +15555,15 @@
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-7);
+        --sidebar-item-height: var(--base-menu-item-height);
+    }
+    .rt-SidebarContent:where(.xl\:rt-r-size-3) {
+        --sidebar-content-padding: var(--base-menu-content-padding);
+        --sidebar-item-padding-left: var(--base-menu-item-padding-left);
+        --sidebar-item-padding-right: var(--base-menu-item-padding-right);
+        --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-8);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
@@ -15455,8 +15575,8 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-1);
-        height: var(--content-icon-size-1);
+        width: var(--content-icon-size-2);
+        height: var(--content-icon-size-2);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15474,8 +15594,13 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-2);
-        height: var(--content-icon-size-2);
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
+        flex-shrink: 0;
+    }
+    .rt-SidebarContent:where(.xl\:rt-r-size-2) .rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {

package/dist/cjs/components/_internal/shell-bottom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell-bottom.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-bottom.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"shell-bottom.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-bottom.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/_internal/shell-bottom.js

@@ -1,2 +1,2 @@
-"use strict";var fe=Object.create;var C=Object.defineProperty;var ce=Object.getOwnPropertyDescriptor;var pe=Object.getOwnPropertyNames;var be=Object.getPrototypeOf,ye=Object.prototype.hasOwnProperty;var he=(s,l)=>{for(var i in l)C(s,i,{get:l[i],enumerable:!0})},G=(s,l,i,a)=>{if(l&&typeof l=="object"||typeof l=="function")for(let m of pe(l))!ye.call(s,m)&&m!==i&&C(s,m,{get:()=>l[m],enumerable:!(a=ce(l,m))||a.enumerable});return s};var H=(s,l,i)=>(i=s!=null?fe(be(s)):{},G(l||!s||!s.__esModule?C(i,"default",{value:s,enumerable:!0}):i,s)),ze=s=>G(C({},"__esModule",{value:!0}),s);var Pe={};he(Pe,{Bottom:()=>F});module.exports=ze(Pe);var t=H(require("react")),J=H(require("classnames")),U=H(require("../sheet.js")),Q=require("../visually-hidden.js"),X=require("../shell.context.js"),z=require("../shell.hooks.js"),Y=require("./shell-resize.js"),y=require("./shell-handles.js"),Ne=require("../shell.types.js");const F=t.forwardRef(({className:s,presentation:l="fixed",defaultOpen:i,open:a,onOpenChange:m,expandedSize:R=200,minSize:c=100,maxSize:p=400,resizable:S=!1,collapsible:Z=!0,onExpand:I,onCollapse:_,onResize:v,onResizeStart:ee,onResizeEnd:te,snapPoints:ne,snapTolerance:oe,collapseThreshold:re,paneId:x,persistence:E,children:se,style:ie,...u},h)=>{const o=(0,X.useShell)(),N=(0,z.useResponsivePresentation)(l),P=N==="overlay",ae=N==="stacked",f=t.useRef(null),de=t.useCallback(e=>{f.current=e,typeof h=="function"?h(e):h&&(h.current=e)},[h]),$=t.Children.toArray(se),V=$.filter(e=>t.isValidElement(e)&&e.type===y.BottomHandle),A=$.filter(e=>!(t.isValidElement(e)&&e.type===y.BottomHandle)),g=t.useMemo(()=>{const e=u.onSizeChange,n=u.sizeUpdate,d=u.sizeUpdateMs??50;if(!e)return()=>{};if(n==="debounce"){let r=null;return(b,D)=>{r&&clearTimeout(r),r=setTimeout(()=>{e(b,D)},d)}}if(n==="throttle"){let r=0;return(b,D)=>{const K=Date.now();K-r>=d&&(r=K,e(b,D))}}return(r,b)=>e(r,b)},[u.onSizeChange,u.sizeUpdate,u.sizeUpdateMs]),L=t.useRef(!1),le=t.useRef(!1),W=(0,z.useResponsiveValue)(i);t.useEffect(()=>{if(!L.current&&o.currentBreakpointReady&&(L.current=!0,typeof a>"u"&&typeof i<"u")){const e=!!W;o.setBottomMode(e?"expanded":"collapsed"),le.current=!0}},[o.currentBreakpointReady,a,i,W]);const B=t.useRef(null);t.useEffect(()=>{const e=typeof a<"u";if(B.current===null){B.current=e;return}B.current!==e&&(console.warn("Shell.Bottom: Switching between controlled and uncontrolled `open` is not supported."),B.current=e)},[a]),t.useEffect(()=>{typeof a>"u"||o.setBottomMode(a?"expanded":"collapsed")},[a]);const j=t.useRef(!1),w=(0,z.useResponsiveValue)(a);t.useEffect(()=>{if(typeof w>"u")return;const e=!!w;o.setBottomMode(e?"expanded":"collapsed")},[w]);const q=t.useRef(!1),O=t.useRef(null);t.useEffect(()=>{!q.current&&typeof a>"u"&&i&&o.bottomMode==="expanded"&&(m?.(!0,{reason:"init"}),q.current=!0),typeof a>"u"&&(O.current!==null&&O.current!==o.bottomMode&&(j.current||m?.(o.bottomMode==="expanded",{reason:"toggle"}),j.current=!1),O.current=o.bottomMode)},[o.bottomMode,a,i,m]),t.useEffect(()=>{o.bottomMode==="expanded"?I?.():_?.()},[o.bottomMode,I,_]);const k=o.bottomMode==="expanded",M=t.useMemo(()=>{if(!x||E)return E;const e=`kookie-ui:shell:bottom:${x}`;return{load:()=>{if(typeof window>"u")return;const d=window.localStorage.getItem(e);return d?Number(d):void 0},save:d=>{typeof window>"u"||window.localStorage.setItem(e,String(d))}}},[x,E]);t.useEffect(()=>{let e=!0;return(async()=>{if(!S||!M?.load||P)return;const n=await M.load();e&&typeof n=="number"&&f.current&&(f.current.style.setProperty("--bottom-size",`${n}px`),v?.(n))})(),()=>{e=!1}},[S,M,v,P]);const ue=S&&!P&&k?t.createElement(Y.PaneResizeContext.Provider,{value:{containerRef:f,cssVarName:"--bottom-size",minSize:c,maxSize:p,defaultSize:R,orientation:"horizontal",edge:"start",computeNext:(e,n,d)=>{const r=e-n;return d-r},onResize:v,onResizeStart:ee,onResizeEnd:e=>{te?.(e),g(e,{reason:"resize"}),M?.save?.(e)},target:"bottom",collapsible:Z,snapPoints:ne,snapTolerance:oe??8,collapseThreshold:re,requestCollapse:()=>o.setBottomMode("collapsed"),requestToggle:()=>o.togglePane("bottom")}},V.length>0?V.map((e,n)=>t.cloneElement(e,{key:e.key??n})):t.createElement(y.PaneHandle,null)):null,{defaultOpen:ge,open:Be,onOpenChange:Me,size:Ce,defaultSize:Re,onSizeChange:Se,sizeUpdate:ve,sizeUpdateMs:xe,...me}=u,T=t.useCallback(e=>{if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;const n=String(e).trim();if(!n)return;if(n.endsWith("px"))return Number.parseFloat(n);if(n.endsWith("rem")){const r=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*r}if(n.endsWith("%")){const r=Number.parseFloat(n),b=document.documentElement.clientHeight||window.innerHeight||0;return r/100*b}const d=Number.parseFloat(n);return Number.isFinite(d)?d:void 0},[]);if(t.useEffect(()=>{if(f.current&&typeof u.size>"u"&&typeof u.defaultSize<"u"){const e=T(u.defaultSize);if(typeof e=="number"&&Number.isFinite(e)){const r=Math.min((typeof p=="number"?p:void 0)??e,Math.max((typeof c=="number"?c:void 0)??e,e));f.current.style.setProperty("--bottom-size",`${r}px`),g(r,{reason:"init"})}}},[]),t.useEffect(()=>{if(!f.current||typeof u.size>"u")return;const e=T(u.size);if(typeof e=="number"&&Number.isFinite(e)){const r=Math.min((typeof p=="number"?p:void 0)??e,Math.max((typeof c=="number"?c:void 0)??e,e));f.current.style.setProperty("--bottom-size",`${r}px`),g(r,{reason:"controlled"})}},[u.size,c,p,T,g]),P){const e=o.bottomMode==="expanded";return t.createElement(U.Root,{open:e,onOpenChange:n=>o.setBottomMode(n?"expanded":"collapsed")},t.createElement(U.Content,{side:"bottom",style:{padding:0},height:{initial:`${R}px`}},t.createElement(Q.VisuallyHidden,null,t.createElement(U.Title,null,"Bottom panel")),A))}return t.createElement("div",{...me,ref:de,className:(0,J.default)("rt-ShellBottom",s),"data-mode":o.bottomMode,"data-peek":o.peekTarget==="bottom"||void 0,"data-presentation":o.currentBreakpointReady?N:void 0,"data-open":o.currentBreakpointReady&&ae&&k||void 0,style:{...ie,"--bottom-size":`${R}px`,"--bottom-min-size":`${c}px`,"--bottom-max-size":`${p}px`}},t.createElement("div",{className:"rt-ShellBottomContent","data-visible":k||void 0},A),ue)});F.displayName="Shell.Bottom",F.Handle=y.BottomHandle;
+"use strict";var ye=Object.create;var C=Object.defineProperty;var he=Object.getOwnPropertyDescriptor;var ze=Object.getOwnPropertyNames;var Pe=Object.getPrototypeOf,ge=Object.prototype.hasOwnProperty;var Be=(s,l)=>{for(var i in l)C(s,i,{get:l[i],enumerable:!0})},Y=(s,l,i,a)=>{if(l&&typeof l=="object"||typeof l=="function")for(let u of ze(l))!ge.call(s,u)&&u!==i&&C(s,u,{get:()=>l[u],enumerable:!(a=he(l,u))||a.enumerable});return s};var U=(s,l,i)=>(i=s!=null?ye(Pe(s)):{},Y(l||!s||!s.__esModule?C(i,"default",{value:s,enumerable:!0}):i,s)),Me=s=>Y(C({},"__esModule",{value:!0}),s);var Ce={};Be(Ce,{Bottom:()=>I});module.exports=Me(Ce);var t=U(require("react")),Z=U(require("classnames")),F=U(require("../sheet.js")),ee=require("../visually-hidden.js"),te=require("../shell.context.js"),z=require("../shell.hooks.js"),oe=require("./shell-resize.js"),y=require("./shell-handles.js"),Te=require("../shell.types.js");const I=t.forwardRef(({className:s,presentation:l="fixed",defaultOpen:i,open:a,onOpenChange:u,expandedSize:R=200,minSize:c=100,maxSize:p=400,resizable:S=!1,collapsible:ne=!0,onExpand:_,onCollapse:$,onResize:v,onResizeStart:re,onResizeEnd:se,snapPoints:ie,snapTolerance:ae,collapseThreshold:de,paneId:x,persistence:E,children:le,style:ue,...m},h)=>{const n=(0,te.useShell)(),N=(0,z.useResponsivePresentation)(l),P=N==="overlay",me=N==="stacked",f=t.useRef(null),fe=t.useCallback(e=>{f.current=e,typeof h=="function"?h(e):h&&(h.current=e)},[h]),V=t.Children.toArray(le),A=V.filter(e=>t.isValidElement(e)&&e.type===y.BottomHandle),L=V.filter(e=>!(t.isValidElement(e)&&e.type===y.BottomHandle)),W=m.onSizeChange,j=m.sizeUpdate,q=m.sizeUpdateMs,g=t.useMemo(()=>{const e=W,o=j,d=q??50;if(!e)return()=>{};if(o==="debounce"){let r=null;return(b,H)=>{r&&clearTimeout(r),r=setTimeout(()=>{e(b,H)},d)}}if(o==="throttle"){let r=0;return(b,H)=>{const X=Date.now();X-r>=d&&(r=X,e(b,H))}}return(r,b)=>e(r,b)},[W,j,q]),K=t.useRef(!1),ce=t.useRef(!1),G=(0,z.useResponsiveValue)(i);t.useEffect(()=>{if(!K.current&&n.currentBreakpointReady&&(K.current=!0,typeof a>"u"&&typeof i<"u")){const e=!!G;n.setBottomMode(e?"expanded":"collapsed"),ce.current=!0}},[n,a,i,G]);const B=t.useRef(null);t.useEffect(()=>{const e=typeof a<"u";if(B.current===null){B.current=e;return}B.current!==e&&(console.warn("Shell.Bottom: Switching between controlled and uncontrolled `open` is not supported."),B.current=e)},[a]),t.useEffect(()=>{typeof a>"u"||n.setBottomMode(a?"expanded":"collapsed")},[n,a]);const J=t.useRef(!1),w=(0,z.useResponsiveValue)(a);t.useEffect(()=>{if(typeof w>"u")return;const e=!!w;n.setBottomMode(e?"expanded":"collapsed")},[n,w]);const Q=t.useRef(!1),O=t.useRef(null);t.useEffect(()=>{!Q.current&&typeof a>"u"&&i&&n.bottomMode==="expanded"&&(u?.(!0,{reason:"init"}),Q.current=!0),typeof a>"u"&&(O.current!==null&&O.current!==n.bottomMode&&(J.current||u?.(n.bottomMode==="expanded",{reason:"toggle"}),J.current=!1),O.current=n.bottomMode)},[n.bottomMode,a,i,u]),t.useEffect(()=>{n.bottomMode==="expanded"?_?.():$?.()},[n.bottomMode,_,$]);const k=n.bottomMode==="expanded",M=t.useMemo(()=>{if(!x||E)return E;const e=`kookie-ui:shell:bottom:${x}`;return{load:()=>{if(typeof window>"u")return;const d=window.localStorage.getItem(e);return d?Number(d):void 0},save:d=>{typeof window>"u"||window.localStorage.setItem(e,String(d))}}},[x,E]);t.useEffect(()=>{let e=!0;return(async()=>{if(!S||!M?.load||P)return;const o=await M.load();e&&typeof o=="number"&&f.current&&(f.current.style.setProperty("--bottom-size",`${o}px`),v?.(o))})(),()=>{e=!1}},[S,M,v,P]);const pe=S&&!P&&k?t.createElement(oe.PaneResizeContext.Provider,{value:{containerRef:f,cssVarName:"--bottom-size",minSize:c,maxSize:p,defaultSize:R,orientation:"horizontal",edge:"start",computeNext:(e,o,d)=>{const r=e-o;return d-r},onResize:v,onResizeStart:re,onResizeEnd:e=>{se?.(e),g(e,{reason:"resize"}),M?.save?.(e)},target:"bottom",collapsible:ne,snapPoints:ie,snapTolerance:ae??8,collapseThreshold:de,requestCollapse:()=>n.setBottomMode("collapsed"),requestToggle:()=>n.togglePane("bottom")}},A.length>0?A.map((e,o)=>t.cloneElement(e,{key:e.key??o})):t.createElement(y.PaneHandle,null)):null,{defaultOpen:Re,open:Se,onOpenChange:ve,size:xe,defaultSize:Ee,onSizeChange:Ne,sizeUpdate:we,sizeUpdateMs:Oe,...be}=m,T=t.useCallback(e=>{if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;const o=String(e).trim();if(!o)return;if(o.endsWith("px"))return Number.parseFloat(o);if(o.endsWith("rem")){const r=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(o)*r}if(o.endsWith("%")){const r=Number.parseFloat(o),b=document.documentElement.clientHeight||window.innerHeight||0;return r/100*b}const d=Number.parseFloat(o);return Number.isFinite(d)?d:void 0},[]);t.useEffect(()=>{if(f.current&&typeof m.size>"u"&&typeof m.defaultSize<"u"){const e=T(m.defaultSize);if(typeof e=="number"&&Number.isFinite(e)){const r=Math.min((typeof p=="number"?p:void 0)??e,Math.max((typeof c=="number"?c:void 0)??e,e));f.current.style.setProperty("--bottom-size",`${r}px`),g(r,{reason:"init"})}}},[]);const D=m.size;if(t.useEffect(()=>{if(!f.current||typeof D>"u")return;const e=T(D);if(typeof e=="number"&&Number.isFinite(e)){const r=Math.min((typeof p=="number"?p:void 0)??e,Math.max((typeof c=="number"?c:void 0)??e,e));f.current.style.setProperty("--bottom-size",`${r}px`),g(r,{reason:"controlled"})}},[D,c,p,T,g]),P){const e=n.bottomMode==="expanded";return t.createElement(F.Root,{open:e,onOpenChange:o=>n.setBottomMode(o?"expanded":"collapsed")},t.createElement(F.Content,{side:"bottom",style:{padding:0},height:{initial:`${R}px`}},t.createElement(ee.VisuallyHidden,null,t.createElement(F.Title,null,"Bottom panel")),L))}return t.createElement("div",{...be,ref:fe,className:(0,Z.default)("rt-ShellBottom",s),"data-mode":n.bottomMode,"data-peek":n.peekTarget==="bottom"||void 0,"data-presentation":n.currentBreakpointReady?N:void 0,"data-open":n.currentBreakpointReady&&me&&k||void 0,style:{...ue,"--bottom-size":`${R}px`,"--bottom-min-size":`${c}px`,"--bottom-max-size":`${p}px`}},t.createElement("div",{className:"rt-ShellBottomContent","data-visible":k||void 0},L),pe)});I.displayName="Shell.Bottom",I.Handle=y.BottomHandle;
 //# sourceMappingURL=shell-bottom.js.map

package/dist/cjs/components/_internal/shell-bottom.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/shell-bottom.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from '../sheet.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { useShell } from '../shell.context.js';\nimport { useResponsivePresentation, useResponsiveValue } from '../shell.hooks.js';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { BottomHandle, PaneHandle } from './shell-handles.js';\nimport { _BREAKPOINTS } from '../shell.types.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation } from '../shell.types.js';\n\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  // legacy mode removed\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\ntype BottomOpenChangeMeta = { reason: 'init' | 'toggle' | 'responsive' };\ntype BottomControlledProps = { open: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: BottomOpenChangeMeta) => void; defaultOpen?: never };\ntype BottomUncontrolledProps = { defaultOpen?: boolean; onOpenChange?: (open: boolean, meta: BottomOpenChangeMeta) => void; open?: never };\ntype BottomSizeControlledProps = { size: number | string; defaultSize?: never };\ntype BottomSizeUncontrolledProps = { defaultSize?: number | string; size?: never };\ntype BottomSizeChangeMeta = { reason: 'init' | 'resize' | 'controlled' };\ntype BottomPublicProps = PaneProps &\n  (BottomControlledProps | BottomUncontrolledProps) &\n  (BottomSizeControlledProps | BottomSizeUncontrolledProps) & {\n    onSizeChange?: (size: number, meta: BottomSizeChangeMeta) => void;\n    sizeUpdate?: 'throttle' | 'debounce';\n    sizeUpdateMs?: number;\n  };\n\ntype BottomComponent = React.ForwardRefExoticComponent<BottomPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof BottomHandle };\n\nexport const Bottom = React.forwardRef<HTMLDivElement, BottomPublicProps>(\n  (\n    {\n      className,\n      presentation = 'fixed',\n      // removed legacy props\n      // new API\n      defaultOpen,\n      open,\n      onOpenChange,\n      expandedSize = 200,\n      minSize = 100,\n      maxSize = 400,\n      resizable = false,\n      collapsible = true,\n      onExpand,\n      onCollapse,\n      onResize,\n      onResizeStart,\n      onResizeEnd,\n      snapPoints,\n      snapTolerance,\n      collapseThreshold,\n      paneId,\n      persistence,\n      children,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const shell = useShell();\n    const resolvedPresentation = useResponsivePresentation(presentation);\n    const isOverlay = resolvedPresentation === 'overlay';\n    const isStacked = resolvedPresentation === 'stacked';\n    const localRef = React.useRef<HTMLDivElement | null>(null);\n    const setRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref],\n    );\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === BottomHandle);\n    const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === BottomHandle));\n\n    // Throttled/debounced emitter for onSizeChange\n    const emitSizeChange = React.useMemo(() => {\n      const cb = (props as any).onSizeChange as undefined | ((s: number, meta: BottomSizeChangeMeta) => void);\n      const strategy = (props as any).sizeUpdate as undefined | 'throttle' | 'debounce';\n      const ms = (props as any).sizeUpdateMs ?? 50;\n      if (!cb) return () => {};\n      if (strategy === 'debounce') {\n        let t: any = null;\n        return (s: number, meta: BottomSizeChangeMeta) => {\n          if (t) clearTimeout(t);\n          t = setTimeout(() => {\n            cb(s, meta);\n          }, ms);\n        };\n      }\n      if (strategy === 'throttle') {\n        let last = 0;\n        return (s: number, meta: BottomSizeChangeMeta) => {\n          const now = Date.now();\n          if (now - last >= ms) {\n            last = now;\n            cb(s, meta);\n          }\n        };\n      }\n      return (s: number, meta: BottomSizeChangeMeta) => cb(s, meta);\n    }, [(props as any).onSizeChange, (props as any).sizeUpdate, (props as any).sizeUpdateMs]);\n\n    const didInitRef = React.useRef(false);\n    const didInitFromDefaultOpenRef = React.useRef(false);\n    const resolvedDefaultOpen = useResponsiveValue(defaultOpen as any);\n    React.useEffect(() => {\n      if (didInitRef.current) return;\n      if (!shell.currentBreakpointReady) return;\n      didInitRef.current = true;\n      if (typeof open === 'undefined' && typeof defaultOpen !== 'undefined') {\n        const initial = Boolean(resolvedDefaultOpen);\n        shell.setBottomMode(initial ? 'expanded' : 'collapsed');\n        didInitFromDefaultOpenRef.current = true;\n      }\n    }, [shell.currentBreakpointReady, open, defaultOpen, resolvedDefaultOpen]);\n\n    // Dev guards\n    const wasControlledRef = React.useRef<boolean | null>(null);\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof open !== 'undefined' && typeof defaultOpen !== 'undefined') {\n        // eslint-disable-next-line no-console\n        console.error('Shell.Bottom: Do not pass both `open` and `defaultOpen`. Choose one.');\n      }\n      if (typeof (props as any).size !== 'undefined' && typeof (props as any).defaultSize !== 'undefined') {\n        // eslint-disable-next-line no-console\n        console.error('Shell.Bottom: Do not pass both `size` and `defaultSize`. Choose one.');\n      }\n    }\n\n    React.useEffect(() => {\n      const isControlled = typeof open !== 'undefined';\n      if (wasControlledRef.current === null) {\n        wasControlledRef.current = isControlled;\n        return;\n      }\n      if (wasControlledRef.current !== isControlled) {\n        // eslint-disable-next-line no-console\n        console.warn('Shell.Bottom: Switching between controlled and uncontrolled `open` is not supported.');\n        wasControlledRef.current = isControlled;\n      }\n    }, [open]);\n\n    // Controlled sync (responsive handled below)\n    React.useEffect(() => {\n      if (typeof open === 'undefined') return;\n      shell.setBottomMode(open ? 'expanded' : 'collapsed');\n    }, [open]);\n\n    const responsiveNotifiedRef = React.useRef(false);\n\n    // Controlled responsive open\n    const resolvedOpen = useResponsiveValue(open);\n    React.useEffect(() => {\n      if (typeof resolvedOpen === 'undefined') return;\n      const shouldExpand = Boolean(resolvedOpen);\n      shell.setBottomMode(shouldExpand ? 'expanded' : 'collapsed');\n    }, [resolvedOpen]);\n\n    const initNotifiedRef = React.useRef(false);\n    const lastBottomModeRef = React.useRef<PaneMode | null>(null);\n    React.useEffect(() => {\n      if (!initNotifiedRef.current && typeof open === 'undefined' && defaultOpen && shell.bottomMode === 'expanded') {\n        onOpenChange?.(true, { reason: 'init' });\n        initNotifiedRef.current = true;\n      }\n      if (typeof open === 'undefined') {\n        if (lastBottomModeRef.current !== null && lastBottomModeRef.current !== shell.bottomMode) {\n          if (!responsiveNotifiedRef.current) {\n            onOpenChange?.(shell.bottomMode === 'expanded', { reason: 'toggle' });\n          }\n          responsiveNotifiedRef.current = false;\n        }\n        lastBottomModeRef.current = shell.bottomMode;\n      }\n    }, [shell.bottomMode, open, defaultOpen, onOpenChange]);\n\n    React.useEffect(() => {\n      if (shell.bottomMode === 'expanded') {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n    }, [shell.bottomMode, onExpand, onCollapse]);\n\n    const isExpanded = shell.bottomMode === 'expanded';\n\n    const persistenceAdapter = React.useMemo(() => {\n      if (!paneId || persistence) return persistence;\n      const key = `kookie-ui:shell:bottom:${paneId}`;\n      const adapter: PaneSizePersistence = {\n        load: () => {\n          if (typeof window === 'undefined') return undefined;\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        },\n        save: (size: number) => {\n          if (typeof window === 'undefined') return;\n          window.localStorage.setItem(key, String(size));\n        },\n      };\n      return adapter;\n    }, [paneId, persistence]);\n\n    React.useEffect(() => {\n      let mounted = true;\n      (async () => {\n        if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n        const loaded = await persistenceAdapter.load();\n        if (mounted && typeof loaded === 'number' && localRef.current) {\n          localRef.current.style.setProperty('--bottom-size', `${loaded}px`);\n          onResize?.(loaded);\n        }\n      })();\n      return () => {\n        mounted = false;\n      };\n    }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n    const handleEl =\n      resizable && !isOverlay && isExpanded ? (\n        <PaneResizeContext.Provider\n          value={{\n            containerRef: localRef,\n            cssVarName: '--bottom-size',\n            minSize,\n            maxSize,\n            defaultSize: expandedSize,\n            orientation: 'horizontal',\n            edge: 'start',\n            computeNext: (client, startClient, startSize) => {\n              const delta = client - startClient;\n              return startSize - delta;\n            },\n            onResize,\n            onResizeStart,\n            onResizeEnd: (size) => {\n              onResizeEnd?.(size);\n              emitSizeChange(size, { reason: 'resize' });\n              persistenceAdapter?.save?.(size);\n            },\n            target: 'bottom',\n            collapsible,\n            snapPoints,\n            snapTolerance: snapTolerance ?? 8,\n            collapseThreshold,\n            requestCollapse: () => shell.setBottomMode('collapsed'),\n            requestToggle: () => shell.togglePane('bottom'),\n          }}\n        >\n          {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n        </PaneResizeContext.Provider>\n      ) : null;\n\n    // Strip control/size props from DOM spread (moved above overlay return to keep hook order consistent)\n    const {\n      defaultOpen: _bottomDefaultOpenIgnored,\n      open: _bottomOpenIgnored,\n      onOpenChange: _bottomOnOpenChangeIgnored,\n      size: _bottomSizeIgnored,\n      defaultSize: _bottomDefaultSizeIgnored,\n      onSizeChange: _bottomOnSizeChangeIgnored,\n      sizeUpdate: _szu,\n      sizeUpdateMs: _szums,\n      ...bottomDomProps\n    } = props as any;\n\n    // Normalize CSS lengths to px (moved above overlay return to keep hook order consistent)\n    const normalizeToPx = React.useCallback((value: number | string | undefined): number | undefined => {\n      if (value == null) return undefined;\n      if (typeof value === 'number' && Number.isFinite(value)) return value;\n      const str = String(value).trim();\n      if (!str) return undefined;\n      if (str.endsWith('px')) return Number.parseFloat(str);\n      if (str.endsWith('rem')) {\n        const rem = Number.parseFloat(getComputedStyle(document.documentElement).fontSize || '16') || 16;\n        return Number.parseFloat(str) * rem;\n      }\n      if (str.endsWith('%')) {\n        const pct = Number.parseFloat(str);\n        const base = document.documentElement.clientHeight || window.innerHeight || 0;\n        return (pct / 100) * base;\n      }\n      const n = Number.parseFloat(str);\n      return Number.isFinite(n) ? n : undefined;\n    }, []);\n\n    // Apply defaultSize on mount when uncontrolled (moved above overlay return)\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (typeof (props as any).size === 'undefined' && typeof (props as any).defaultSize !== 'undefined') {\n        const px = normalizeToPx((props as any).defaultSize);\n        if (typeof px === 'number' && Number.isFinite(px)) {\n          const minPx = typeof minSize === 'number' ? minSize : undefined;\n          const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n          const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n          localRef.current.style.setProperty('--bottom-size', `${clamped}px`);\n          emitSizeChange(clamped, { reason: 'init' });\n        }\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Controlled size sync (moved above overlay return)\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (typeof (props as any).size === 'undefined') return;\n      const px = normalizeToPx((props as any).size);\n      if (typeof px === 'number' && Number.isFinite(px)) {\n        const minPx = typeof minSize === 'number' ? minSize : undefined;\n        const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n        const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n        localRef.current.style.setProperty('--bottom-size', `${clamped}px`);\n        emitSizeChange(clamped, { reason: 'controlled' });\n      }\n    }, [(props as any).size, minSize, maxSize, normalizeToPx, emitSizeChange]);\n\n    if (isOverlay) {\n      const open = shell.bottomMode === 'expanded';\n      return (\n        <Sheet.Root open={open} onOpenChange={(o) => shell.setBottomMode(o ? 'expanded' : 'collapsed')}>\n          <Sheet.Content side=\"bottom\" style={{ padding: 0 }} height={{ initial: `${expandedSize}px` }}>\n            <VisuallyHidden>\n              <Sheet.Title>Bottom panel</Sheet.Title>\n            </VisuallyHidden>\n            {contentChildren}\n          </Sheet.Content>\n        </Sheet.Root>\n      );\n    }\n\n    return (\n      <div\n        {...bottomDomProps}\n        ref={setRef}\n        className={classNames('rt-ShellBottom', className)}\n        data-mode={shell.bottomMode}\n        data-peek={shell.peekTarget === 'bottom' || undefined}\n        data-presentation={shell.currentBreakpointReady ? resolvedPresentation : undefined}\n        data-open={(shell.currentBreakpointReady && isStacked && isExpanded) || undefined}\n        style={{\n          ...style,\n          ['--bottom-size' as any]: `${expandedSize}px`,\n          ['--bottom-min-size' as any]: `${minSize}px`,\n          ['--bottom-max-size' as any]: `${maxSize}px`,\n        }}\n      >\n        <div className=\"rt-ShellBottomContent\" data-visible={isExpanded || undefined}>\n          {contentChildren}\n        </div>\n        {handleEl}\n      </div>\n    );\n  },\n) as BottomComponent;\nBottom.displayName = 'Shell.Bottom';\nBottom.Handle = BottomHandle;\n"],
-  "mappings": "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",
-  "names": ["shell_bottom_exports", "__export", "Bottom", "__toCommonJS", "React", "import_classnames", "Sheet", "import_visually_hidden", "import_shell_context", "import_shell_hooks", "import_shell_resize", "import_shell_handles", "import_shell_types", "className", "presentation", "defaultOpen", "open", "onOpenChange", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "props", "ref", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "childArray", "handleChildren", "el", "contentChildren", "emitSizeChange", "cb", "strategy", "ms", "t", "s", "meta", "last", "now", "didInitRef", "didInitFromDefaultOpenRef", "resolvedDefaultOpen", "initial", "wasControlledRef", "isControlled", "responsiveNotifiedRef", "resolvedOpen", "shouldExpand", "initNotifiedRef", "lastBottomModeRef", "isExpanded", "persistenceAdapter", "key", "v", "size", "mounted", "loaded", "handleEl", "client", "startClient", "startSize", "delta", "i", "_bottomDefaultOpenIgnored", "_bottomOpenIgnored", "_bottomOnOpenChangeIgnored", "_bottomSizeIgnored", "_bottomDefaultSizeIgnored", "_bottomOnSizeChangeIgnored", "_szu", "_szums", "bottomDomProps", "normalizeToPx", "value", "str", "rem", "pct", "base", "n", "px", "clamped", "o", "classNames"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from '../sheet.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { useShell } from '../shell.context.js';\nimport { useResponsivePresentation, useResponsiveValue } from '../shell.hooks.js';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { BottomHandle, PaneHandle } from './shell-handles.js';\nimport { _BREAKPOINTS } from '../shell.types.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation } from '../shell.types.js';\n\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  // legacy mode removed\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\ntype BottomOpenChangeMeta = { reason: 'init' | 'toggle' | 'responsive' };\ntype BottomControlledProps = { open: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: BottomOpenChangeMeta) => void; defaultOpen?: never };\ntype BottomUncontrolledProps = { defaultOpen?: boolean; onOpenChange?: (open: boolean, meta: BottomOpenChangeMeta) => void; open?: never };\ntype BottomSizeControlledProps = { size: number | string; defaultSize?: never };\ntype BottomSizeUncontrolledProps = { defaultSize?: number | string; size?: never };\ntype BottomSizeChangeMeta = { reason: 'init' | 'resize' | 'controlled' };\ntype BottomPublicProps = PaneProps &\n  (BottomControlledProps | BottomUncontrolledProps) &\n  (BottomSizeControlledProps | BottomSizeUncontrolledProps) & {\n    onSizeChange?: (size: number, meta: BottomSizeChangeMeta) => void;\n    sizeUpdate?: 'throttle' | 'debounce';\n    sizeUpdateMs?: number;\n  };\n\ntype BottomComponent = React.ForwardRefExoticComponent<BottomPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof BottomHandle };\n\nexport const Bottom = React.forwardRef<HTMLDivElement, BottomPublicProps>(\n  (\n    {\n      className,\n      presentation = 'fixed',\n      // removed legacy props\n      // new API\n      defaultOpen,\n      open,\n      onOpenChange,\n      expandedSize = 200,\n      minSize = 100,\n      maxSize = 400,\n      resizable = false,\n      collapsible = true,\n      onExpand,\n      onCollapse,\n      onResize,\n      onResizeStart,\n      onResizeEnd,\n      snapPoints,\n      snapTolerance,\n      collapseThreshold,\n      paneId,\n      persistence,\n      children,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const shell = useShell();\n    const resolvedPresentation = useResponsivePresentation(presentation);\n    const isOverlay = resolvedPresentation === 'overlay';\n    const isStacked = resolvedPresentation === 'stacked';\n    const localRef = React.useRef<HTMLDivElement | null>(null);\n    const setRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref],\n    );\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === BottomHandle);\n    const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === BottomHandle));\n\n    // Throttled/debounced emitter for onSizeChange\n    const onSizeChange = (props as any).onSizeChange;\n    const sizeUpdate = (props as any).sizeUpdate;\n    const sizeUpdateMs = (props as any).sizeUpdateMs;\n    const emitSizeChange = React.useMemo(() => {\n      const cb = onSizeChange as undefined | ((s: number, meta: BottomSizeChangeMeta) => void);\n      const strategy = sizeUpdate as undefined | 'throttle' | 'debounce';\n      const ms = sizeUpdateMs ?? 50;\n      if (!cb) return () => {};\n      if (strategy === 'debounce') {\n        let t: any = null;\n        return (s: number, meta: BottomSizeChangeMeta) => {\n          if (t) clearTimeout(t);\n          t = setTimeout(() => {\n            cb(s, meta);\n          }, ms);\n        };\n      }\n      if (strategy === 'throttle') {\n        let last = 0;\n        return (s: number, meta: BottomSizeChangeMeta) => {\n          const now = Date.now();\n          if (now - last >= ms) {\n            last = now;\n            cb(s, meta);\n          }\n        };\n      }\n      return (s: number, meta: BottomSizeChangeMeta) => cb(s, meta);\n    }, [onSizeChange, sizeUpdate, sizeUpdateMs]);\n\n    const didInitRef = React.useRef(false);\n    const didInitFromDefaultOpenRef = React.useRef(false);\n    const resolvedDefaultOpen = useResponsiveValue(defaultOpen as any);\n    React.useEffect(() => {\n      if (didInitRef.current) return;\n      if (!shell.currentBreakpointReady) return;\n      didInitRef.current = true;\n      if (typeof open === 'undefined' && typeof defaultOpen !== 'undefined') {\n        const initial = Boolean(resolvedDefaultOpen);\n        shell.setBottomMode(initial ? 'expanded' : 'collapsed');\n        didInitFromDefaultOpenRef.current = true;\n      }\n    }, [shell, open, defaultOpen, resolvedDefaultOpen]);\n\n    // Dev guards\n    const wasControlledRef = React.useRef<boolean | null>(null);\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof open !== 'undefined' && typeof defaultOpen !== 'undefined') {\n        console.error('Shell.Bottom: Do not pass both `open` and `defaultOpen`. Choose one.');\n      }\n      if (typeof (props as any).size !== 'undefined' && typeof (props as any).defaultSize !== 'undefined') {\n        console.error('Shell.Bottom: Do not pass both `size` and `defaultSize`. Choose one.');\n      }\n    }\n\n    React.useEffect(() => {\n      const isControlled = typeof open !== 'undefined';\n      if (wasControlledRef.current === null) {\n        wasControlledRef.current = isControlled;\n        return;\n      }\n      if (wasControlledRef.current !== isControlled) {\n        console.warn('Shell.Bottom: Switching between controlled and uncontrolled `open` is not supported.');\n        wasControlledRef.current = isControlled;\n      }\n    }, [open]);\n\n    // Controlled sync (responsive handled below)\n    React.useEffect(() => {\n      if (typeof open === 'undefined') return;\n      shell.setBottomMode(open ? 'expanded' : 'collapsed');\n    }, [shell, open]);\n\n    const responsiveNotifiedRef = React.useRef(false);\n\n    // Controlled responsive open\n    const resolvedOpen = useResponsiveValue(open);\n    React.useEffect(() => {\n      if (typeof resolvedOpen === 'undefined') return;\n      const shouldExpand = Boolean(resolvedOpen);\n      shell.setBottomMode(shouldExpand ? 'expanded' : 'collapsed');\n    }, [shell, resolvedOpen]);\n\n    const initNotifiedRef = React.useRef(false);\n    const lastBottomModeRef = React.useRef<PaneMode | null>(null);\n    React.useEffect(() => {\n      if (!initNotifiedRef.current && typeof open === 'undefined' && defaultOpen && shell.bottomMode === 'expanded') {\n        onOpenChange?.(true, { reason: 'init' });\n        initNotifiedRef.current = true;\n      }\n      if (typeof open === 'undefined') {\n        if (lastBottomModeRef.current !== null && lastBottomModeRef.current !== shell.bottomMode) {\n          if (!responsiveNotifiedRef.current) {\n            onOpenChange?.(shell.bottomMode === 'expanded', { reason: 'toggle' });\n          }\n          responsiveNotifiedRef.current = false;\n        }\n        lastBottomModeRef.current = shell.bottomMode;\n      }\n    }, [shell.bottomMode, open, defaultOpen, onOpenChange]);\n\n    React.useEffect(() => {\n      if (shell.bottomMode === 'expanded') {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n    }, [shell.bottomMode, onExpand, onCollapse]);\n\n    const isExpanded = shell.bottomMode === 'expanded';\n\n    const persistenceAdapter = React.useMemo(() => {\n      if (!paneId || persistence) return persistence;\n      const key = `kookie-ui:shell:bottom:${paneId}`;\n      const adapter: PaneSizePersistence = {\n        load: () => {\n          if (typeof window === 'undefined') return undefined;\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        },\n        save: (size: number) => {\n          if (typeof window === 'undefined') return;\n          window.localStorage.setItem(key, String(size));\n        },\n      };\n      return adapter;\n    }, [paneId, persistence]);\n\n    React.useEffect(() => {\n      let mounted = true;\n      (async () => {\n        if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n        const loaded = await persistenceAdapter.load();\n        if (mounted && typeof loaded === 'number' && localRef.current) {\n          localRef.current.style.setProperty('--bottom-size', `${loaded}px`);\n          onResize?.(loaded);\n        }\n      })();\n      return () => {\n        mounted = false;\n      };\n    }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n    const handleEl =\n      resizable && !isOverlay && isExpanded ? (\n        <PaneResizeContext.Provider\n          value={{\n            containerRef: localRef,\n            cssVarName: '--bottom-size',\n            minSize,\n            maxSize,\n            defaultSize: expandedSize,\n            orientation: 'horizontal',\n            edge: 'start',\n            computeNext: (client, startClient, startSize) => {\n              const delta = client - startClient;\n              return startSize - delta;\n            },\n            onResize,\n            onResizeStart,\n            onResizeEnd: (size) => {\n              onResizeEnd?.(size);\n              emitSizeChange(size, { reason: 'resize' });\n              persistenceAdapter?.save?.(size);\n            },\n            target: 'bottom',\n            collapsible,\n            snapPoints,\n            snapTolerance: snapTolerance ?? 8,\n            collapseThreshold,\n            requestCollapse: () => shell.setBottomMode('collapsed'),\n            requestToggle: () => shell.togglePane('bottom'),\n          }}\n        >\n          {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n        </PaneResizeContext.Provider>\n      ) : null;\n\n    // Strip control/size props from DOM spread (moved above overlay return to keep hook order consistent)\n    const {\n      defaultOpen: _bottomDefaultOpenIgnored,\n      open: _bottomOpenIgnored,\n      onOpenChange: _bottomOnOpenChangeIgnored,\n      size: _bottomSizeIgnored,\n      defaultSize: _bottomDefaultSizeIgnored,\n      onSizeChange: _bottomOnSizeChangeIgnored,\n      sizeUpdate: _szu,\n      sizeUpdateMs: _szums,\n      ...bottomDomProps\n    } = props as any;\n\n    // Normalize CSS lengths to px (moved above overlay return to keep hook order consistent)\n    const normalizeToPx = React.useCallback((value: number | string | undefined): number | undefined => {\n      if (value == null) return undefined;\n      if (typeof value === 'number' && Number.isFinite(value)) return value;\n      const str = String(value).trim();\n      if (!str) return undefined;\n      if (str.endsWith('px')) return Number.parseFloat(str);\n      if (str.endsWith('rem')) {\n        const rem = Number.parseFloat(getComputedStyle(document.documentElement).fontSize || '16') || 16;\n        return Number.parseFloat(str) * rem;\n      }\n      if (str.endsWith('%')) {\n        const pct = Number.parseFloat(str);\n        const base = document.documentElement.clientHeight || window.innerHeight || 0;\n        return (pct / 100) * base;\n      }\n      const n = Number.parseFloat(str);\n      return Number.isFinite(n) ? n : undefined;\n    }, []);\n\n    // Apply defaultSize on mount when uncontrolled (moved above overlay return)\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (typeof (props as any).size === 'undefined' && typeof (props as any).defaultSize !== 'undefined') {\n        const px = normalizeToPx((props as any).defaultSize);\n        if (typeof px === 'number' && Number.isFinite(px)) {\n          const minPx = typeof minSize === 'number' ? minSize : undefined;\n          const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n          const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n          localRef.current.style.setProperty('--bottom-size', `${clamped}px`);\n          emitSizeChange(clamped, { reason: 'init' });\n        }\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Controlled size sync (moved above overlay return)\n    const controlledSize = (props as any).size;\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (typeof controlledSize === 'undefined') return;\n      const px = normalizeToPx(controlledSize);\n      if (typeof px === 'number' && Number.isFinite(px)) {\n        const minPx = typeof minSize === 'number' ? minSize : undefined;\n        const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n        const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n        localRef.current.style.setProperty('--bottom-size', `${clamped}px`);\n        emitSizeChange(clamped, { reason: 'controlled' });\n      }\n    }, [controlledSize, minSize, maxSize, normalizeToPx, emitSizeChange]);\n\n    if (isOverlay) {\n      const open = shell.bottomMode === 'expanded';\n      return (\n        <Sheet.Root open={open} onOpenChange={(o) => shell.setBottomMode(o ? 'expanded' : 'collapsed')}>\n          <Sheet.Content side=\"bottom\" style={{ padding: 0 }} height={{ initial: `${expandedSize}px` }}>\n            <VisuallyHidden>\n              <Sheet.Title>Bottom panel</Sheet.Title>\n            </VisuallyHidden>\n            {contentChildren}\n          </Sheet.Content>\n        </Sheet.Root>\n      );\n    }\n\n    return (\n      <div\n        {...bottomDomProps}\n        ref={setRef}\n        className={classNames('rt-ShellBottom', className)}\n        data-mode={shell.bottomMode}\n        data-peek={shell.peekTarget === 'bottom' || undefined}\n        data-presentation={shell.currentBreakpointReady ? resolvedPresentation : undefined}\n        data-open={(shell.currentBreakpointReady && isStacked && isExpanded) || undefined}\n        style={{\n          ...style,\n          ['--bottom-size' as any]: `${expandedSize}px`,\n          ['--bottom-min-size' as any]: `${minSize}px`,\n          ['--bottom-max-size' as any]: `${maxSize}px`,\n        }}\n      >\n        <div className=\"rt-ShellBottomContent\" data-visible={isExpanded || undefined}>\n          {contentChildren}\n        </div>\n        {handleEl}\n      </div>\n    );\n  },\n) as BottomComponent;\nBottom.displayName = 'Shell.Bottom';\nBottom.Handle = BottomHandle;\n"],
+  "mappings": "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",
+  "names": ["shell_bottom_exports", "__export", "Bottom", "__toCommonJS", "React", "import_classnames", "Sheet", "import_visually_hidden", "import_shell_context", "import_shell_hooks", "import_shell_resize", "import_shell_handles", "import_shell_types", "className", "presentation", "defaultOpen", "open", "onOpenChange", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "props", "ref", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "childArray", "handleChildren", "el", "contentChildren", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "emitSizeChange", "cb", "strategy", "ms", "t", "s", "meta", "last", "now", "didInitRef", "didInitFromDefaultOpenRef", "resolvedDefaultOpen", "initial", "wasControlledRef", "isControlled", "responsiveNotifiedRef", "resolvedOpen", "shouldExpand", "initNotifiedRef", "lastBottomModeRef", "isExpanded", "persistenceAdapter", "key", "v", "size", "mounted", "loaded", "handleEl", "client", "startClient", "startSize", "delta", "i", "_bottomDefaultOpenIgnored", "_bottomOpenIgnored", "_bottomOnOpenChangeIgnored", "_bottomSizeIgnored", "_bottomDefaultSizeIgnored", "_bottomOnSizeChangeIgnored", "_szu", "_szums", "bottomDomProps", "normalizeToPx", "value", "str", "rem", "pct", "base", "n", "px", "clamped", "controlledSize", "classNames"]
 }