@kushagradhawan/kookie-ui 0.1.108 → 0.1.109

package/components.css

@@ -13249,7 +13249,7 @@
     color: var(--gray-a8);
     background-color: var(--gray-3);
 }
-.rt-SegmentedControlRoot.rt-r-orientation-vertical {
+.rt-SegmentedControlRoot:where(.rt-r-orientation-vertical) {
     grid-auto-flow: row;
     grid-auto-columns: unset;
     grid-auto-rows: 1fr;
@@ -13257,7 +13257,7 @@
     min-height: -moz-max-content;
     min-height: max-content;
 }
-.rt-SegmentedControlRoot.rt-r-orientation-vertical:has([data-icon-only]) {
+.rt-SegmentedControlRoot:where(.rt-r-orientation-vertical):has([data-icon-only]) {
     grid-auto-columns: unset;
     grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
 }
@@ -13281,15 +13281,15 @@
     outline: var(--focus-outline-width) solid var(--focus-8);
     outline-offset: var(--focus-outline-offset-inset);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem {
     flex-direction: column;
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem:first-child {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem:first-child {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     border-bottom-left-radius: 0;
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem:nth-last-child(2) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem:nth-last-child(2) {
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
     border-top-right-radius: 0;
@@ -13353,7 +13353,7 @@
 :where(.rt-SegmentedControlRoot:has(:focus-visible)) .rt-SegmentedControlItemSeparator {
     transition-duration: 0ms;
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItemSeparator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItemSeparator {
     margin-left: calc(var(--space-1) * 0.75);
     margin-right: calc(var(--space-1) * 0.75);
     margin-top: calc(-1 * var(--border-width-standard) * 0.5);
@@ -13449,68 +13449,68 @@
 :where(.rt-SegmentedControlItem[data-state='on']:nth-child(10)) ~ .rt-SegmentedControlIndicator {
     transform: translateX(900%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator {
     width: 100%;
     height: unset;
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(2) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(2) {
     height: calc(100% / 1);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(3) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(3) {
     height: calc(100% / 2);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(4) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(4) {
     height: calc(100% / 3);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(5) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(5) {
     height: calc(100% / 4);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(6) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(6) {
     height: calc(100% / 5);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(7) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(7) {
     height: calc(100% / 6);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(8) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(8) {
     height: calc(100% / 7);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(9) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(9) {
     height: calc(100% / 8);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(10) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(10) {
     height: calc(100% / 9);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(11) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(11) {
     height: calc(100% / 10);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(1) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(1) ~ .rt-SegmentedControlIndicator {
     transform: translateY(0%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(2) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(2) ~ .rt-SegmentedControlIndicator {
     transform: translateY(100%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(3) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(3) ~ .rt-SegmentedControlIndicator {
     transform: translateY(200%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(4) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(4) ~ .rt-SegmentedControlIndicator {
     transform: translateY(300%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(5) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(5) ~ .rt-SegmentedControlIndicator {
     transform: translateY(400%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(6) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(6) ~ .rt-SegmentedControlIndicator {
     transform: translateY(500%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(7) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(7) ~ .rt-SegmentedControlIndicator {
     transform: translateY(600%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(8) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(8) ~ .rt-SegmentedControlIndicator {
     transform: translateY(700%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(9) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(9) ~ .rt-SegmentedControlIndicator {
     transform: translateY(800%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(10) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(10) ~ .rt-SegmentedControlIndicator {
     transform: translateY(900%);
 }
 .rt-SegmentedControlItemLabel,
@@ -14119,39 +14119,39 @@
     padding-left: 0;
     padding-right: 0;
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-icon-only] {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-icon-only] {
     min-width: unset;
     min-height: var(--segmented-control-height);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-icon-only] .rt-SegmentedControlItemLabel {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-icon-only] .rt-SegmentedControlItemLabel {
     padding-top: 0;
     padding-bottom: 0;
 }
-.rt-SegmentedControlRoot.rt-r-orientation-vertical.rt-r-size-1:has([data-icon-only]) {
+.rt-SegmentedControlRoot:where(.rt-r-orientation-vertical):where(.rt-r-size-1):has([data-icon-only]) {
     width: var(--space-5);
 }
-.rt-SegmentedControlRoot.rt-r-orientation-vertical.rt-r-size-2:has([data-icon-only]) {
+.rt-SegmentedControlRoot:where(.rt-r-orientation-vertical):where(.rt-r-size-2):has([data-icon-only]) {
     width: var(--space-6);
 }
-.rt-SegmentedControlRoot.rt-r-orientation-vertical.rt-r-size-3:has([data-icon-only]) {
+.rt-SegmentedControlRoot:where(.rt-r-orientation-vertical):where(.rt-r-size-3):has([data-icon-only]) {
     width: var(--space-7);
 }
-.rt-SegmentedControlRoot.rt-r-orientation-vertical.rt-r-size-4:has([data-icon-only]) {
+.rt-SegmentedControlRoot:where(.rt-r-orientation-vertical):where(.rt-r-size-4):has([data-icon-only]) {
     width: var(--space-8);
 }
-.rt-r-orientation-vertical.rt-r-size-1 .rt-SegmentedControlItemLabel {
+:where(.rt-r-orientation-vertical):where(.rt-r-size-1) .rt-SegmentedControlItemLabel {
     padding-top: var(--space-1);
     padding-bottom: var(--space-1);
 }
-.rt-r-orientation-vertical.rt-r-size-2 .rt-SegmentedControlItemLabel {
+:where(.rt-r-orientation-vertical):where(.rt-r-size-2) .rt-SegmentedControlItemLabel {
     padding-top: var(--space-2);
     padding-bottom: var(--space-2);
 }
-.rt-r-orientation-vertical.rt-r-size-3 .rt-SegmentedControlItemLabel {
+:where(.rt-r-orientation-vertical):where(.rt-r-size-3) .rt-SegmentedControlItemLabel {
     padding-top: var(--space-2);
     padding-bottom: var(--space-2);
 }
-.rt-r-orientation-vertical.rt-r-size-4 .rt-SegmentedControlItemLabel {
+:where(.rt-r-orientation-vertical):where(.rt-r-size-4) .rt-SegmentedControlItemLabel {
     padding-top: var(--space-3);
     padding-bottom: var(--space-3);
 }
@@ -17248,9 +17248,6 @@
 .rt-ShellRail[data-mode='collapsed'] {
     width: 0px;
     transition-delay: var(--motion-duration-small);
-    position: absolute;
-    inset-block: 0;
-    inset-inline-start: 0;
 }
 .rt-ShellRailContent {
     display: flex;
@@ -17259,13 +17256,17 @@
     height: 100%;
     gap: var(--space-2);
     opacity: 0;
+    pointer-events: none;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard) var(--motion-duration-small);
 }
 .rt-ShellRailContent[data-visible] {
     opacity: 1;
+    pointer-events: auto;
 }
 .rt-ShellRail[data-mode='collapsed'] .rt-ShellRailContent {
     opacity: 0;
+    width: 0;
+    visibility: hidden;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
 }
 .rt-ShellPanel {
@@ -17283,9 +17284,6 @@
 .rt-ShellPanel:not([data-visible]) {
     width: 0px;
     transition-delay: var(--motion-duration-small);
-    position: absolute;
-    inset-block: 0;
-    inset-inline-start: var(--peek-rail-width, var(--rail-size, 64px));
 }
 .rt-ShellPanelContent {
     display: flex;
@@ -17294,13 +17292,17 @@
     height: 100%;
     overflow: hidden;
     opacity: 0;
+    pointer-events: none;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard) var(--motion-duration-small);
 }
 .rt-ShellPanelContent[data-visible] {
     opacity: 1;
+    pointer-events: auto;
 }
 .rt-ShellPanel:not([data-visible]) .rt-ShellPanelContent {
     opacity: 0;
+    width: 0;
+    visibility: hidden;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
 }
 .rt-ShellSidebar {
@@ -17323,11 +17325,6 @@
 }
 .rt-ShellSidebar[data-mode='collapsed'] {
     width: 0px;
-    position: absolute;
-    inset-block: 0;
-    inset-inline-start: 0;
-    flex-shrink: 0;
-    flex-basis: 0;
     transition-delay: var(--motion-duration-small);
 }
 .rt-ShellSidebarContent {
@@ -17337,6 +17334,7 @@
     height: 100%;
     overflow: hidden;
     opacity: 0;
+    pointer-events: none;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard) var(--motion-duration-small);
 }
 .rt-ShellSidebar[data-mode='thin'] .rt-ShellResizer {
@@ -17344,6 +17342,7 @@
 }
 .rt-ShellSidebarContent[data-visible] {
     opacity: 1;
+    pointer-events: auto;
 }
 .rt-ShellSidebarContent[data-phase='hiding'] {
     opacity: 0;
@@ -17358,6 +17357,8 @@
 }
 .rt-ShellSidebar[data-mode='collapsed'] .rt-ShellSidebarContent {
     opacity: 0;
+    width: 0;
+    visibility: hidden;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
 }
 .rt-ShellSidebar[data-presentation='stacked'] {
@@ -17408,13 +17409,17 @@
     height: 100%;
     overflow: hidden;
     opacity: 0;
+    pointer-events: none;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard) var(--motion-duration-small);
 }
 .rt-ShellInspectorContent[data-visible] {
     opacity: 1;
+    pointer-events: auto;
 }
 .rt-ShellInspector[data-mode='collapsed'] .rt-ShellInspectorContent {
     opacity: 0;
+    width: 0;
+    visibility: hidden;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
 }
 .rt-ShellBottom {
@@ -17431,9 +17436,6 @@
 }
 .rt-ShellBottom[data-mode='collapsed'] {
     height: 0px;
-    position: absolute;
-    inset-inline: 0;
-    inset-block-end: 0;
     transition-delay: var(--motion-duration-small);
 }
 .rt-ShellBottomContent {
@@ -17443,10 +17445,12 @@
     height: var(--bottom-size, 200px);
     overflow: hidden;
     opacity: 0;
+    pointer-events: none;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard) var(--motion-duration-small);
 }
 .rt-ShellBottomContent[data-visible] {
     opacity: 1;
+    pointer-events: auto;
 }
 .rt-ShellPanel[data-resizing],
 .rt-ShellSidebar[data-resizing],
@@ -17468,6 +17472,8 @@
 }
 .rt-ShellBottom[data-mode='collapsed'] .rt-ShellBottomContent {
     opacity: 0;
+    height: 0;
+    visibility: hidden;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
 }
 [data-presentation='overlay'] {
@@ -17628,6 +17634,21 @@
 .rt-ShellBottom[data-peek][data-mode='collapsed'] {
     height: var(--bottom-size, 200px);
 }
+.rt-ShellBody[data-has-inset] {
+    background: var(--gray-2);
+}
+.rt-ShellLeft[data-inset],
+.rt-ShellSidebar[data-inset],
+.rt-ShellContent[data-inset],
+.rt-ShellInspector[data-inset],
+.rt-ShellBottom[data-inset] {
+    --shell-inset-gap: var(--space-2);
+    margin: var(--shell-inset-gap);
+    border-radius: var(--radius-3);
+    background: var(--color-background);
+    box-shadow: var(--shadow-2);
+    height: auto;
+}
 .rt-SliderRoot {
     --slider-thumb-width: var(--space-3);
     --slider-thumb-height: var(--space-2);

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

@@ -29,6 +29,8 @@ type BottomPublicProps = PaneBaseProps & (BottomControlledProps | BottomUncontro
     onSizeChange?: (size: number, meta: BottomSizeChangeMeta) => void;
     sizeUpdate?: 'throttle' | 'debounce';
     sizeUpdateMs?: number;
+    /** When true, adds margin and triggers gray backdrop on Shell. */
+    inset?: boolean;
 };
 type BottomComponent = React.ForwardRefExoticComponent<BottomPublicProps & React.RefAttributes<HTMLDivElement>> & {
     Handle: typeof BottomHandle;

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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,YAAY,EAAc,MAAM,oBAAoB,CAAC;AAE9D,OAAO,KAAK,EAAE,UAAU,EAAyD,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAI1H,KAAK,oBAAoB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AACzE,KAAK,qBAAqB,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAC/K,KAAK,uBAAuB,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAC3I,KAAK,yBAAyB,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAChF,KAAK,2BAA2B,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACnF,KAAK,oBAAoB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AACzE,KAAK,iBAAiB,GAAG,aAAa,GACpC,CAAC,qBAAqB,GAAG,uBAAuB,CAAC,GACjD,CAAC,yBAAyB,GAAG,2BAA2B,CAAC,GAAG;IAC1D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAClE,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEJ,KAAK,eAAe,GAAG,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,YAAY,CAAA;CAAE,CAAC;AAgBlJ,eAAO,MAAM,MAAM,EA2Vb,eAAe,CAAC"}
+{"version":3,"file":"shell-bottom.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-bottom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,YAAY,EAAc,MAAM,oBAAoB,CAAC;AAE9D,OAAO,KAAK,EAAE,UAAU,EAAyD,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAI1H,KAAK,oBAAoB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AACzE,KAAK,qBAAqB,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAC/K,KAAK,uBAAuB,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAC3I,KAAK,yBAAyB,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAChF,KAAK,2BAA2B,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACnF,KAAK,oBAAoB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AACzE,KAAK,iBAAiB,GAAG,aAAa,GACpC,CAAC,qBAAqB,GAAG,uBAAuB,CAAC,GACjD,CAAC,yBAAyB,GAAG,2BAA2B,CAAC,GAAG;IAC1D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAClE,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEJ,KAAK,eAAe,GAAG,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,YAAY,CAAA;CAAE,CAAC;AAiBlJ,eAAO,MAAM,MAAM,EAsWb,eAAe,CAAC"}

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

@@ -1,2 +1,2 @@
-"use strict";var Se=Object.create;var C=Object.defineProperty;var xe=Object.getOwnPropertyDescriptor;var Ce=Object.getOwnPropertyNames;var ge=Object.getPrototypeOf,ve=Object.prototype.hasOwnProperty;var Ee=(s,i)=>{for(var l in i)C(s,l,{get:i[l],enumerable:!0})},te=(s,i,l,P)=>{if(i&&typeof i=="object"||typeof i=="function")for(let d of Ce(i))!ve.call(s,d)&&d!==l&&C(s,d,{get:()=>i[d],enumerable:!(P=xe(i,d))||P.enumerable});return s};var $=(s,i,l)=>(l=s!=null?Se(ge(s)):{},te(i||!s||!s.__esModule?C(l,"default",{value:s,enumerable:!0}):l,s)),Oe=s=>te(C({},"__esModule",{value:!0}),s);var Ne={};Ee(Ne,{Bottom:()=>A});module.exports=Oe(Ne);var t=$(require("react")),oe=$(require("classnames")),L=$(require("../sheet.js")),ne=require("../visually-hidden.js"),re=require("../shell.context.js"),g=require("../shell.hooks.js"),se=require("./shell-resize.js"),b=require("./shell-handles.js"),we=require("../shell.types.js"),z=require("./shell-prop-helpers.js"),ie=require("../../helpers/normalize-to-px.js");const Te=["className","children","defaultOpen","open","onOpenChange","size","defaultSize","onSizeChange","sizeUpdate","sizeUpdateMs","style"],A=t.forwardRef((s,i)=>{const{className:l,presentation:P="fixed",defaultOpen:d,open:u,onOpenChange:y,expandedSize:v=200,minSize:c=100,maxSize:m=400,resizable:E=!1,collapsible:ae=!0,onExpand:j,onCollapse:F,onResize:O,onResizeStart:le,onResizeEnd:de,snapPoints:ue,snapTolerance:pe,collapseThreshold:ce,paneId:T,persistence:N,children:me,style:fe,size:q,defaultSize:K,onSizeChange:k,sizeUpdate:w,sizeUpdateMs:D=50}=s,be=(0,z.extractPaneDomProps)(s,Te),o=(0,re.useShell)(),V=(0,g.useResponsivePresentation)(P),B=V==="overlay",ye=V==="stacked",p=t.useRef(null),he=t.useCallback(e=>{p.current=e,typeof i=="function"?i(e):i&&(i.current=e)},[i]),Y=t.Children.toArray(me),G=Y.filter(e=>t.isValidElement(e)&&e.type===b.BottomHandle),J=Y.filter(e=>!(t.isValidElement(e)&&e.type===b.BottomHandle)),ze=t.useMemo(()=>(0,z.mapResponsiveBooleanToPaneMode)(u),[u]),Pe=t.useMemo(()=>(0,z.mapResponsiveBooleanToPaneMode)(d),[d]),Be=typeof u=="object"&&u!==null;(0,g.useResponsiveInitialState)({controlledValue:ze,defaultValue:Pe,currentValue:o.bottomMode,setValue:o.setBottomMode,breakpointReady:o.currentBreakpointReady,controlledIsResponsive:Be,onResponsiveChange:e=>y?.(e==="expanded",{reason:"responsive"}),onInit:e=>{typeof u>"u"&&y?.(e==="expanded",{reason:"init"})}});const f=t.useRef(null);t.useEffect(()=>()=>{f.current&&(clearTimeout(f.current),f.current=null)},[k,w,D]);const M=t.useMemo(()=>{const e=k,r=w,a=D??50;if(!e)return()=>{};if(r==="debounce")return(n,h)=>{f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{e(n,h),f.current=null},a)};if(r==="throttle"){let n=0;return(h,Re)=>{const ee=Date.now();ee-n>=a&&(n=ee,e(h,Re))}}return(n,h)=>e(n,h)},[k,w,D]),R=t.useRef(null);t.useEffect(()=>{const e=typeof u<"u";if(R.current===null){R.current=e;return}R.current!==e&&(console.warn("Shell.Bottom: Switching between controlled and uncontrolled `open` is not supported."),R.current=e)},[u]);const Q=t.useRef(!1),H=t.useRef(null);t.useEffect(()=>{!Q.current&&typeof u>"u"&&d&&o.bottomMode==="expanded"&&(y?.(!0,{reason:"init"}),Q.current=!0),typeof u>"u"&&(H.current!==null&&H.current!==o.bottomMode&&y?.(o.bottomMode==="expanded",{reason:"toggle"}),H.current=o.bottomMode)},[o.bottomMode,u,d,y]);const W=t.useRef(j),X=t.useRef(F);t.useLayoutEffect(()=>{W.current=j,X.current=F});const S=t.useRef(null),Z=t.useRef(!1);t.useEffect(()=>{const e=o.bottomMode;if(!o.currentBreakpointReady){S.current=e;return}if(!Z.current){Z.current=!0,S.current=e;return}const r=S.current;r!==null&&r!==e&&(e==="expanded"?W.current?.():e==="collapsed"&&X.current?.(),S.current=e)},[o.bottomMode,o.currentBreakpointReady]);const U=o.bottomMode==="expanded",x=t.useMemo(()=>{if(!T||N)return N;const e=`kookie-ui:shell:bottom:${T}`;return{load:()=>{if(!(typeof window>"u"))try{const a=window.localStorage.getItem(e);return a?Number(a):void 0}catch{return}},save:a=>{if(!(typeof window>"u"))try{window.localStorage.setItem(e,String(a))}catch{}}}},[T,N]);t.useEffect(()=>{let e=!0;if(!E||!x?.load||B)return;const r=x.load(),a=n=>{!e||typeof n!="number"||!p.current||(p.current.style.setProperty("--bottom-size",`${n}px`),O?.(n))};return r instanceof Promise?r.then(a).catch(n=>{}):a(r),()=>{e=!1}},[E,x,O,B]);const Me=E&&!B&&U?t.createElement(se.PaneResizeContext.Provider,{value:{containerRef:p,cssVarName:"--bottom-size",minSize:c,maxSize:m,defaultSize:v,orientation:"horizontal",edge:"start",computeNext:(e,r,a)=>{const n=e-r;return a-n},onResize:O,onResizeStart:le,onResizeEnd:e=>{de?.(e),M(e,{reason:"resize"}),x?.save?.(e)},target:"bottom",collapsible:ae,snapPoints:ue,snapTolerance:pe??8,collapseThreshold:ce,requestCollapse:()=>o.setBottomMode("collapsed"),requestToggle:()=>o.togglePane("bottom")}},G.length>0?G.map((e,r)=>t.cloneElement(e,{key:e.key??r})):t.createElement(b.PaneHandle,null)):null,I=t.useCallback(e=>(0,ie.normalizeToPx)(e,"vertical"),[]);t.useEffect(()=>{if(p.current&&typeof q>"u"&&typeof K<"u"){const e=I(K);if(typeof e=="number"&&Number.isFinite(e)){const n=Math.min((typeof m=="number"?m:void 0)??e,Math.max((typeof c=="number"?c:void 0)??e,e));p.current.style.setProperty("--bottom-size",`${n}px`),M(n,{reason:"init"})}}},[]);const _=q;if(t.useEffect(()=>{if(!p.current||typeof _>"u")return;const e=I(_);if(typeof e=="number"&&Number.isFinite(e)){const n=Math.min((typeof m=="number"?m:void 0)??e,Math.max((typeof c=="number"?c:void 0)??e,e));p.current.style.setProperty("--bottom-size",`${n}px`),M(n,{reason:"controlled"})}},[_,c,m,I,M]),B){const e=o.bottomMode==="expanded";return t.createElement(L.Root,{open:e,onOpenChange:r=>o.setBottomMode(r?"expanded":"collapsed")},t.createElement(L.Content,{side:"bottom",style:{padding:0},height:{initial:`${v}px`}},t.createElement(ne.VisuallyHidden,null,t.createElement(L.Title,null,"Bottom panel")),J))}return t.createElement("div",{...be,ref:he,className:(0,oe.default)("rt-ShellBottom",l),"data-mode":o.bottomMode,"data-peek":o.peekTarget==="bottom"||void 0,"data-presentation":o.currentBreakpointReady?V:void 0,"data-open":o.currentBreakpointReady&&ye&&U||void 0,style:{...fe,"--bottom-size":`${v}px`,"--bottom-min-size":`${c}px`,"--bottom-max-size":`${m}px`}},t.createElement("div",{className:"rt-ShellBottomContent","data-visible":U||void 0},J),Me)});A.displayName="Shell.Bottom",A.Handle=b.BottomHandle;
+"use strict";var Ce=Object.create;var g=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var Ee=Object.getOwnPropertyNames;var Oe=Object.getPrototypeOf,Te=Object.prototype.hasOwnProperty;var Ne=(s,i)=>{for(var l in i)g(s,l,{get:i[l],enumerable:!0})},se=(s,i,l,P)=>{if(i&&typeof i=="object"||typeof i=="function")for(let d of Ee(i))!Te.call(s,d)&&d!==l&&g(s,d,{get:()=>i[d],enumerable:!(P=ve(i,d))||P.enumerable});return s};var A=(s,i,l)=>(l=s!=null?Ce(Oe(s)):{},se(i||!s||!s.__esModule?g(l,"default",{value:s,enumerable:!0}):l,s)),ke=s=>se(g({},"__esModule",{value:!0}),s);var De={};Ne(De,{Bottom:()=>F});module.exports=ke(De);var t=A(require("react")),ie=A(require("classnames")),j=A(require("../sheet.js")),ae=require("../visually-hidden.js"),C=require("../shell.context.js"),v=require("../shell.hooks.js"),le=require("./shell-resize.js"),b=require("./shell-handles.js"),He=require("../shell.types.js"),z=require("./shell-prop-helpers.js"),de=require("../../helpers/normalize-to-px.js");const we=["className","children","defaultOpen","open","onOpenChange","size","defaultSize","onSizeChange","sizeUpdate","sizeUpdateMs","style","inset"],F=t.forwardRef((s,i)=>{const{className:l,presentation:P="fixed",defaultOpen:d,open:u,onOpenChange:y,expandedSize:E=200,minSize:c=100,maxSize:m=400,resizable:O=!1,collapsible:ue=!0,onExpand:q,onCollapse:K,onResize:T,onResizeStart:pe,onResizeEnd:ce,snapPoints:me,snapTolerance:fe,collapseThreshold:be,paneId:N,persistence:k,children:ye,style:he,size:Y,defaultSize:G,onSizeChange:w,sizeUpdate:D,sizeUpdateMs:V=50,inset:H}=s,ze=(0,z.extractPaneDomProps)(s,we),o=(0,C.useShell)(),{registerInset:J,unregisterInset:Q}=(0,C.useInset)();t.useEffect(()=>{if(H)return J("bottom"),()=>Q("bottom")},[H,J,Q]);const I=(0,v.useResponsivePresentation)(P),B=I==="overlay",Pe=I==="stacked",p=t.useRef(null),Be=t.useCallback(e=>{p.current=e,typeof i=="function"?i(e):i&&(i.current=e)},[i]),W=t.Children.toArray(ye),X=W.filter(e=>t.isValidElement(e)&&e.type===b.BottomHandle),Z=W.filter(e=>!(t.isValidElement(e)&&e.type===b.BottomHandle)),Me=t.useMemo(()=>(0,z.mapResponsiveBooleanToPaneMode)(u),[u]),Re=t.useMemo(()=>(0,z.mapResponsiveBooleanToPaneMode)(d),[d]),Se=typeof u=="object"&&u!==null;(0,v.useResponsiveInitialState)({controlledValue:Me,defaultValue:Re,currentValue:o.bottomMode,setValue:o.setBottomMode,breakpointReady:o.currentBreakpointReady,controlledIsResponsive:Se,onResponsiveChange:e=>y?.(e==="expanded",{reason:"responsive"}),onInit:e=>{typeof u>"u"&&y?.(e==="expanded",{reason:"init"})}});const f=t.useRef(null);t.useEffect(()=>()=>{f.current&&(clearTimeout(f.current),f.current=null)},[w,D,V]);const M=t.useMemo(()=>{const e=w,r=D,a=V??50;if(!e)return()=>{};if(r==="debounce")return(n,h)=>{f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{e(n,h),f.current=null},a)};if(r==="throttle"){let n=0;return(h,ge)=>{const re=Date.now();re-n>=a&&(n=re,e(h,ge))}}return(n,h)=>e(n,h)},[w,D,V]),R=t.useRef(null);t.useEffect(()=>{const e=typeof u<"u";if(R.current===null){R.current=e;return}R.current!==e&&(console.warn("Shell.Bottom: Switching between controlled and uncontrolled `open` is not supported."),R.current=e)},[u]);const ee=t.useRef(!1),U=t.useRef(null);t.useEffect(()=>{!ee.current&&typeof u>"u"&&d&&o.bottomMode==="expanded"&&(y?.(!0,{reason:"init"}),ee.current=!0),typeof u>"u"&&(U.current!==null&&U.current!==o.bottomMode&&y?.(o.bottomMode==="expanded",{reason:"toggle"}),U.current=o.bottomMode)},[o.bottomMode,u,d,y]);const te=t.useRef(q),oe=t.useRef(K);t.useLayoutEffect(()=>{te.current=q,oe.current=K});const S=t.useRef(null),ne=t.useRef(!1);t.useEffect(()=>{const e=o.bottomMode;if(!o.currentBreakpointReady){S.current=e;return}if(!ne.current){ne.current=!0,S.current=e;return}const r=S.current;r!==null&&r!==e&&(e==="expanded"?te.current?.():e==="collapsed"&&oe.current?.(),S.current=e)},[o.bottomMode,o.currentBreakpointReady]);const _=o.bottomMode==="expanded",x=t.useMemo(()=>{if(!N||k)return k;const e=`kookie-ui:shell:bottom:${N}`;return{load:()=>{if(!(typeof window>"u"))try{const a=window.localStorage.getItem(e);return a?Number(a):void 0}catch{return}},save:a=>{if(!(typeof window>"u"))try{window.localStorage.setItem(e,String(a))}catch{}}}},[N,k]);t.useEffect(()=>{let e=!0;if(!O||!x?.load||B)return;const r=x.load(),a=n=>{!e||typeof n!="number"||!p.current||(p.current.style.setProperty("--bottom-size",`${n}px`),T?.(n))};return r instanceof Promise?r.then(a).catch(n=>{}):a(r),()=>{e=!1}},[O,x,T,B]);const xe=O&&!B&&_?t.createElement(le.PaneResizeContext.Provider,{value:{containerRef:p,cssVarName:"--bottom-size",minSize:c,maxSize:m,defaultSize:E,orientation:"horizontal",edge:"start",computeNext:(e,r,a)=>{const n=e-r;return a-n},onResize:T,onResizeStart:pe,onResizeEnd:e=>{ce?.(e),M(e,{reason:"resize"}),x?.save?.(e)},target:"bottom",collapsible:ue,snapPoints:me,snapTolerance:fe??8,collapseThreshold:be,requestCollapse:()=>o.setBottomMode("collapsed"),requestToggle:()=>o.togglePane("bottom")}},X.length>0?X.map((e,r)=>t.cloneElement(e,{key:e.key??r})):t.createElement(b.PaneHandle,null)):null,$=t.useCallback(e=>(0,de.normalizeToPx)(e,"vertical"),[]);t.useEffect(()=>{if(p.current&&typeof Y>"u"&&typeof G<"u"){const e=$(G);if(typeof e=="number"&&Number.isFinite(e)){const n=Math.min((typeof m=="number"?m:void 0)??e,Math.max((typeof c=="number"?c:void 0)??e,e));p.current.style.setProperty("--bottom-size",`${n}px`),M(n,{reason:"init"})}}},[]);const L=Y;if(t.useEffect(()=>{if(!p.current||typeof L>"u")return;const e=$(L);if(typeof e=="number"&&Number.isFinite(e)){const n=Math.min((typeof m=="number"?m:void 0)??e,Math.max((typeof c=="number"?c:void 0)??e,e));p.current.style.setProperty("--bottom-size",`${n}px`),M(n,{reason:"controlled"})}},[L,c,m,$,M]),B){const e=o.bottomMode==="expanded";return t.createElement(j.Root,{open:e,onOpenChange:r=>o.setBottomMode(r?"expanded":"collapsed")},t.createElement(j.Content,{side:"bottom",style:{padding:0},height:{initial:`${E}px`}},t.createElement(ae.VisuallyHidden,null,t.createElement(j.Title,null,"Bottom panel")),Z))}return t.createElement("div",{...ze,ref:Be,className:(0,ie.default)("rt-ShellBottom",l),"data-mode":o.bottomMode,"data-peek":o.peekTarget==="bottom"||void 0,"data-presentation":o.currentBreakpointReady?I:void 0,"data-open":o.currentBreakpointReady&&Pe&&_||void 0,"data-inset":H||void 0,style:{...he,"--bottom-size":`${E}px`,"--bottom-min-size":`${c}px`,"--bottom-max-size":`${m}px`}},t.createElement("div",{className:"rt-ShellBottomContent","data-visible":_||void 0},Z),xe)});F.displayName="Shell.Bottom",F.Handle=b.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, useResponsiveInitialState } 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, PaneBaseProps } from '../shell.types.js';\nimport { extractPaneDomProps, mapResponsiveBooleanToPaneMode } from './shell-prop-helpers.js';\nimport { normalizeToPx } from '../../helpers/normalize-to-px.js';\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 = PaneBaseProps &\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\nconst BOTTOM_DOM_PROP_KEYS = [\n  'className',\n  'children',\n  'defaultOpen',\n  'open',\n  'onOpenChange',\n  'size',\n  'defaultSize',\n  'onSizeChange',\n  'sizeUpdate',\n  'sizeUpdateMs',\n  'style',\n] as const satisfies readonly (keyof BottomPublicProps)[];\n\nexport const Bottom = React.forwardRef<HTMLDivElement, BottomPublicProps>((initialProps, ref) => {\n  const {\n    className,\n    presentation = 'fixed',\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    size,\n    defaultSize,\n    onSizeChange,\n    sizeUpdate,\n    sizeUpdateMs = 50,\n  } = initialProps;\n  const bottomDomProps = extractPaneDomProps(initialProps, BOTTOM_DOM_PROP_KEYS);\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 normalizedControlledOpen = React.useMemo(() => mapResponsiveBooleanToPaneMode(open), [open]);\n  const normalizedDefaultOpen = React.useMemo(() => mapResponsiveBooleanToPaneMode(defaultOpen), [defaultOpen]);\n  const openIsResponsive = typeof open === 'object' && open !== null;\n  useResponsiveInitialState<PaneMode>({\n    controlledValue: normalizedControlledOpen,\n    defaultValue: normalizedDefaultOpen,\n    currentValue: shell.bottomMode,\n    setValue: shell.setBottomMode,\n    breakpointReady: shell.currentBreakpointReady,\n    controlledIsResponsive: openIsResponsive,\n    onResponsiveChange: (next) => onOpenChange?.(next === 'expanded', { reason: 'responsive' }),\n    onInit: (initial) => {\n      if (typeof open === 'undefined') {\n        onOpenChange?.(initial === 'expanded', { reason: 'init' });\n      }\n    },\n  });\n\n  // Ref for debounce cleanup\n  const debounceTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  // Cleanup debounce timeout on unmount or when dependencies change\n  React.useEffect(() => {\n    return () => {\n      if (debounceTimeoutRef.current) {\n        clearTimeout(debounceTimeoutRef.current);\n        debounceTimeoutRef.current = null;\n      }\n    };\n  }, [onSizeChange, sizeUpdate, sizeUpdateMs]);\n  // Throttled/debounced emitter for onSizeChange\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      return (s: number, meta: BottomSizeChangeMeta) => {\n        if (debounceTimeoutRef.current) clearTimeout(debounceTimeoutRef.current);\n        debounceTimeoutRef.current = setTimeout(() => {\n          cb(s, meta);\n          debounceTimeoutRef.current = null;\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  // 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 size !== 'undefined' && typeof 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  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        onOpenChange?.(shell.bottomMode === 'expanded', { reason: 'toggle' });\n      }\n      lastBottomModeRef.current = shell.bottomMode;\n    }\n  }, [shell.bottomMode, open, defaultOpen, onOpenChange]);\n\n  // Track previous mode to only fire callbacks on actual user-initiated state transitions.\n  // We wait for breakpointReady to ensure the initial state sync from useResponsiveInitialState\n  // is complete before enabling callbacks. This avoids spurious callbacks during initialization.\n  // Use callback refs to avoid re-running effect when inline callbacks change.\n  const onExpandRef = React.useRef(onExpand);\n  const onCollapseRef = React.useRef(onCollapse);\n  React.useLayoutEffect(() => {\n    onExpandRef.current = onExpand;\n    onCollapseRef.current = onCollapse;\n  });\n\n  const prevBottomModeRef = React.useRef<PaneMode | null>(null);\n  const hasInitializedRef = React.useRef(false);\n  React.useEffect(() => {\n    const currentMode = shell.bottomMode;\n\n    // Wait for breakpoint to be ready before enabling callbacks\n    if (!shell.currentBreakpointReady) {\n      prevBottomModeRef.current = currentMode;\n      return;\n    }\n\n    // Skip the first run after breakpoint is ready - this captures the post-sync state\n    if (!hasInitializedRef.current) {\n      hasInitializedRef.current = true;\n      prevBottomModeRef.current = currentMode;\n      return;\n    }\n\n    const prevMode = prevBottomModeRef.current;\n\n    // Only fire on actual state transitions\n    if (prevMode !== null && prevMode !== currentMode) {\n      if (currentMode === 'expanded') {\n        onExpandRef.current?.();\n      } else if (currentMode === 'collapsed') {\n        onCollapseRef.current?.();\n      }\n      prevBottomModeRef.current = currentMode;\n    }\n  }, [shell.bottomMode, shell.currentBreakpointReady]);\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        try {\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        } catch (err) {\n          if (process.env.NODE_ENV !== 'production') {\n            console.warn('Shell.Bottom: failed to load persisted size', err);\n          }\n          return undefined;\n        }\n      },\n      save: (size: number) => {\n        if (typeof window === 'undefined') return;\n        try {\n          window.localStorage.setItem(key, String(size));\n        } catch (err) {\n          if (process.env.NODE_ENV !== 'production') {\n            console.warn('Shell.Bottom: failed to save persisted size', err);\n          }\n        }\n      },\n    };\n    return adapter;\n  }, [paneId, persistence]);\n\n  React.useEffect(() => {\n    let mounted = true;\n    if (!resizable || !persistenceAdapter?.load || isOverlay) return undefined;\n    const loaded = persistenceAdapter.load();\n    const applyLoaded = (value?: number) => {\n      if (!mounted || typeof value !== 'number' || !localRef.current) return;\n      localRef.current.style.setProperty('--bottom-size', `${value}px`);\n      onResize?.(value);\n    };\n    if (loaded instanceof Promise) {\n      loaded.then(applyLoaded).catch((err) => {\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn('Shell.Bottom: failed to load persisted size', err);\n        }\n      });\n    } else {\n      applyLoaded(loaded);\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  // Normalize CSS lengths to px helper\n  const normalizeSizeToPx = React.useCallback((value: number | string | undefined) => normalizeToPx(value, 'vertical'), []);\n\n  // Apply defaultSize on mount when uncontrolled (moved above overlay return)\n  React.useEffect(() => {\n    if (!localRef.current) return;\n    if (typeof size === 'undefined' && typeof defaultSize !== 'undefined') {\n      const px = normalizeSizeToPx(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 = size;\n  React.useEffect(() => {\n    if (!localRef.current) return;\n    if (typeof controlledSize === 'undefined') return;\n    const px = normalizeSizeToPx(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, normalizeSizeToPx, 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}) 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", "import_shell_prop_helpers", "import_normalize_to_px", "BOTTOM_DOM_PROP_KEYS", "initialProps", "ref", "className", "presentation", "defaultOpen", "open", "onOpenChange", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "size", "defaultSize", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "bottomDomProps", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "childArray", "handleChildren", "el", "contentChildren", "normalizedControlledOpen", "normalizedDefaultOpen", "openIsResponsive", "next", "initial", "debounceTimeoutRef", "emitSizeChange", "cb", "strategy", "ms", "s", "meta", "last", "now", "wasControlledRef", "isControlled", "initNotifiedRef", "lastBottomModeRef", "onExpandRef", "onCollapseRef", "prevBottomModeRef", "hasInitializedRef", "currentMode", "prevMode", "isExpanded", "persistenceAdapter", "key", "v", "mounted", "loaded", "applyLoaded", "value", "err", "handleEl", "client", "startClient", "startSize", "delta", "i", "normalizeSizeToPx", "px", "clamped", "controlledSize", "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, useInset } from '../shell.context.js';\nimport { useResponsivePresentation, useResponsiveInitialState } 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, PaneBaseProps } from '../shell.types.js';\nimport { extractPaneDomProps, mapResponsiveBooleanToPaneMode } from './shell-prop-helpers.js';\nimport { normalizeToPx } from '../../helpers/normalize-to-px.js';\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 = PaneBaseProps &\n  (BottomControlledProps | BottomUncontrolledProps) &\n  (BottomSizeControlledProps | BottomSizeUncontrolledProps) & {\n    onSizeChange?: (size: number, meta: BottomSizeChangeMeta) => void;\n    sizeUpdate?: 'throttle' | 'debounce';\n    sizeUpdateMs?: number;\n    /** When true, adds margin and triggers gray backdrop on Shell. */\n    inset?: boolean;\n  };\n\ntype BottomComponent = React.ForwardRefExoticComponent<BottomPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof BottomHandle };\n\nconst BOTTOM_DOM_PROP_KEYS = [\n  'className',\n  'children',\n  'defaultOpen',\n  'open',\n  'onOpenChange',\n  'size',\n  'defaultSize',\n  'onSizeChange',\n  'sizeUpdate',\n  'sizeUpdateMs',\n  'style',\n  'inset',\n] as const satisfies readonly (keyof BottomPublicProps)[];\n\nexport const Bottom = React.forwardRef<HTMLDivElement, BottomPublicProps>((initialProps, ref) => {\n  const {\n    className,\n    presentation = 'fixed',\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    size,\n    defaultSize,\n    onSizeChange,\n    sizeUpdate,\n    sizeUpdateMs = 50,\n    inset,\n  } = initialProps;\n  const bottomDomProps = extractPaneDomProps(initialProps, BOTTOM_DOM_PROP_KEYS);\n  const shell = useShell();\n  const { registerInset, unregisterInset } = useInset();\n\n  // Register/unregister inset\n  React.useEffect(() => {\n    if (inset) {\n      registerInset('bottom');\n      return () => unregisterInset('bottom');\n    }\n  }, [inset, registerInset, unregisterInset]);\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 normalizedControlledOpen = React.useMemo(() => mapResponsiveBooleanToPaneMode(open), [open]);\n  const normalizedDefaultOpen = React.useMemo(() => mapResponsiveBooleanToPaneMode(defaultOpen), [defaultOpen]);\n  const openIsResponsive = typeof open === 'object' && open !== null;\n  useResponsiveInitialState<PaneMode>({\n    controlledValue: normalizedControlledOpen,\n    defaultValue: normalizedDefaultOpen,\n    currentValue: shell.bottomMode,\n    setValue: shell.setBottomMode,\n    breakpointReady: shell.currentBreakpointReady,\n    controlledIsResponsive: openIsResponsive,\n    onResponsiveChange: (next) => onOpenChange?.(next === 'expanded', { reason: 'responsive' }),\n    onInit: (initial) => {\n      if (typeof open === 'undefined') {\n        onOpenChange?.(initial === 'expanded', { reason: 'init' });\n      }\n    },\n  });\n\n  // Ref for debounce cleanup\n  const debounceTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  // Cleanup debounce timeout on unmount or when dependencies change\n  React.useEffect(() => {\n    return () => {\n      if (debounceTimeoutRef.current) {\n        clearTimeout(debounceTimeoutRef.current);\n        debounceTimeoutRef.current = null;\n      }\n    };\n  }, [onSizeChange, sizeUpdate, sizeUpdateMs]);\n  // Throttled/debounced emitter for onSizeChange\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      return (s: number, meta: BottomSizeChangeMeta) => {\n        if (debounceTimeoutRef.current) clearTimeout(debounceTimeoutRef.current);\n        debounceTimeoutRef.current = setTimeout(() => {\n          cb(s, meta);\n          debounceTimeoutRef.current = null;\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  // 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 size !== 'undefined' && typeof 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  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        onOpenChange?.(shell.bottomMode === 'expanded', { reason: 'toggle' });\n      }\n      lastBottomModeRef.current = shell.bottomMode;\n    }\n  }, [shell.bottomMode, open, defaultOpen, onOpenChange]);\n\n  // Track previous mode to only fire callbacks on actual user-initiated state transitions.\n  // We wait for breakpointReady to ensure the initial state sync from useResponsiveInitialState\n  // is complete before enabling callbacks. This avoids spurious callbacks during initialization.\n  // Use callback refs to avoid re-running effect when inline callbacks change.\n  const onExpandRef = React.useRef(onExpand);\n  const onCollapseRef = React.useRef(onCollapse);\n  React.useLayoutEffect(() => {\n    onExpandRef.current = onExpand;\n    onCollapseRef.current = onCollapse;\n  });\n\n  const prevBottomModeRef = React.useRef<PaneMode | null>(null);\n  const hasInitializedRef = React.useRef(false);\n  React.useEffect(() => {\n    const currentMode = shell.bottomMode;\n\n    // Wait for breakpoint to be ready before enabling callbacks\n    if (!shell.currentBreakpointReady) {\n      prevBottomModeRef.current = currentMode;\n      return;\n    }\n\n    // Skip the first run after breakpoint is ready - this captures the post-sync state\n    if (!hasInitializedRef.current) {\n      hasInitializedRef.current = true;\n      prevBottomModeRef.current = currentMode;\n      return;\n    }\n\n    const prevMode = prevBottomModeRef.current;\n\n    // Only fire on actual state transitions\n    if (prevMode !== null && prevMode !== currentMode) {\n      if (currentMode === 'expanded') {\n        onExpandRef.current?.();\n      } else if (currentMode === 'collapsed') {\n        onCollapseRef.current?.();\n      }\n      prevBottomModeRef.current = currentMode;\n    }\n  }, [shell.bottomMode, shell.currentBreakpointReady]);\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        try {\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        } catch (err) {\n          if (process.env.NODE_ENV !== 'production') {\n            console.warn('Shell.Bottom: failed to load persisted size', err);\n          }\n          return undefined;\n        }\n      },\n      save: (size: number) => {\n        if (typeof window === 'undefined') return;\n        try {\n          window.localStorage.setItem(key, String(size));\n        } catch (err) {\n          if (process.env.NODE_ENV !== 'production') {\n            console.warn('Shell.Bottom: failed to save persisted size', err);\n          }\n        }\n      },\n    };\n    return adapter;\n  }, [paneId, persistence]);\n\n  React.useEffect(() => {\n    let mounted = true;\n    if (!resizable || !persistenceAdapter?.load || isOverlay) return undefined;\n    const loaded = persistenceAdapter.load();\n    const applyLoaded = (value?: number) => {\n      if (!mounted || typeof value !== 'number' || !localRef.current) return;\n      localRef.current.style.setProperty('--bottom-size', `${value}px`);\n      onResize?.(value);\n    };\n    if (loaded instanceof Promise) {\n      loaded.then(applyLoaded).catch((err) => {\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn('Shell.Bottom: failed to load persisted size', err);\n        }\n      });\n    } else {\n      applyLoaded(loaded);\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  // Normalize CSS lengths to px helper\n  const normalizeSizeToPx = React.useCallback((value: number | string | undefined) => normalizeToPx(value, 'vertical'), []);\n\n  // Apply defaultSize on mount when uncontrolled (moved above overlay return)\n  React.useEffect(() => {\n    if (!localRef.current) return;\n    if (typeof size === 'undefined' && typeof defaultSize !== 'undefined') {\n      const px = normalizeSizeToPx(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 = size;\n  React.useEffect(() => {\n    if (!localRef.current) return;\n    if (typeof controlledSize === 'undefined') return;\n    const px = normalizeSizeToPx(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, normalizeSizeToPx, 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      data-inset={inset || 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}) 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", "import_shell_prop_helpers", "import_normalize_to_px", "BOTTOM_DOM_PROP_KEYS", "initialProps", "ref", "className", "presentation", "defaultOpen", "open", "onOpenChange", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "size", "defaultSize", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "inset", "bottomDomProps", "shell", "registerInset", "unregisterInset", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "childArray", "handleChildren", "el", "contentChildren", "normalizedControlledOpen", "normalizedDefaultOpen", "openIsResponsive", "next", "initial", "debounceTimeoutRef", "emitSizeChange", "cb", "strategy", "ms", "s", "meta", "last", "now", "wasControlledRef", "isControlled", "initNotifiedRef", "lastBottomModeRef", "onExpandRef", "onCollapseRef", "prevBottomModeRef", "hasInitializedRef", "currentMode", "prevMode", "isExpanded", "persistenceAdapter", "key", "v", "mounted", "loaded", "applyLoaded", "value", "err", "handleEl", "client", "startClient", "startSize", "delta", "i", "normalizeSizeToPx", "px", "clamped", "controlledSize", "o", "classNames"]
 }

package/dist/cjs/components/_internal/shell-inspector.d.ts

@@ -29,6 +29,8 @@ type InspectorPublicProps = PaneBaseProps & (InspectorControlledProps | Inspecto
     onSizeChange?: (size: number, meta: InspectorSizeChangeMeta) => void;
     sizeUpdate?: 'throttle' | 'debounce';
     sizeUpdateMs?: number;
+    /** When true, adds margin and triggers gray backdrop on Shell. */
+    inset?: boolean;
 };
 type InspectorComponent = React.ForwardRefExoticComponent<InspectorPublicProps & React.RefAttributes<HTMLDivElement>> & {
     Handle: typeof InspectorHandle;

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

@@ -1 +1 @@
-{"version":3,"file":"shell-inspector.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-inspector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAEjE,OAAO,KAAK,EAAE,UAAU,EAAyD,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAI1H,KAAK,uBAAuB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AAC5E,KAAK,wBAAwB,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACrL,KAAK,0BAA0B,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACxL,KAAK,uBAAuB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AAC5E,KAAK,4BAA4B,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACnF,KAAK,8BAA8B,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACtF,KAAK,oBAAoB,GAAG,aAAa,GACvC,CAAC,wBAAwB,GAAG,0BAA0B,CAAC,GACvD,CAAC,4BAA4B,GAAG,8BAA8B,CAAC,GAAG;IAChE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACrE,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEJ,KAAK,kBAAkB,GAAG,KAAK,CAAC,yBAAyB,CAAC,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,eAAe,CAAA;CAAE,CAAC;AAgB3J,eAAO,MAAM,SAAS,EA6VhB,kBAAkB,CAAC"}
+{"version":3,"file":"shell-inspector.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-inspector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAEjE,OAAO,KAAK,EAAE,UAAU,EAAyD,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAI1H,KAAK,uBAAuB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AAC5E,KAAK,wBAAwB,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACrL,KAAK,0BAA0B,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACxL,KAAK,uBAAuB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AAC5E,KAAK,4BAA4B,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACnF,KAAK,8BAA8B,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACtF,KAAK,oBAAoB,GAAG,aAAa,GACvC,CAAC,wBAAwB,GAAG,0BAA0B,CAAC,GACvD,CAAC,4BAA4B,GAAG,8BAA8B,CAAC,GAAG;IAChE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACrE,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEJ,KAAK,kBAAkB,GAAG,KAAK,CAAC,yBAAyB,CAAC,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,eAAe,CAAA;CAAE,CAAC;AAiB3J,eAAO,MAAM,SAAS,EAwWhB,kBAAkB,CAAC"}

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

@@ -1,2 +1,2 @@
-"use strict";var be=Object.create;var C=Object.defineProperty;var xe=Object.getOwnPropertyDescriptor;var Ce=Object.getOwnPropertyNames;var ge=Object.getPrototypeOf,ve=Object.prototype.hasOwnProperty;var Ee=(s,i)=>{for(var l in i)C(s,l,{get:i[l],enumerable:!0})},ne=(s,i,l,R)=>{if(i&&typeof i=="object"||typeof i=="function")for(let c of Ce(i))!ve.call(s,c)&&c!==l&&C(s,c,{get:()=>i[c],enumerable:!(R=xe(i,c))||R.enumerable});return s};var $=(s,i,l)=>(l=s!=null?be(ge(s)):{},ne(i||!s||!s.__esModule?C(l,"default",{value:s,enumerable:!0}):l,s)),Oe=s=>ne(C({},"__esModule",{value:!0}),s);var Ne={};Ee(Ne,{Inspector:()=>A});module.exports=Oe(Ne);var n=$(require("react")),te=$(require("classnames")),L=$(require("../sheet.js")),oe=require("../visually-hidden.js"),re=require("../shell.context.js"),g=require("../shell.hooks.js"),se=require("./shell-resize.js"),h=require("./shell-handles.js"),we=require("../shell.types.js"),z=require("./shell-prop-helpers.js"),ie=require("../../helpers/normalize-to-px.js");const Te=["className","children","defaultOpen","open","onOpenChange","size","defaultSize","onSizeChange","sizeUpdate","sizeUpdateMs","style"],A=n.forwardRef((s,i)=>{const{className:l,presentation:R={initial:"overlay",lg:"fixed"},defaultOpen:c,open:p,onOpenChange:P,expandedSize:v=320,minSize:f=200,maxSize:m=500,resizable:E=!1,collapsible:ae=!0,onExpand:j,onCollapse:F,onResize:O,onResizeStart:le,onResizeEnd:ce,snapPoints:pe,snapTolerance:de,collapseThreshold:ue,paneId:T,persistence:N,children:fe,style:me,onSizeChange:k,sizeUpdate:w,sizeUpdateMs:D=50,size:q,defaultSize:K}=s,ye=(0,z.extractPaneDomProps)(s,Te),t=(0,re.useShell)(),V=(0,g.useResponsivePresentation)(R),I=V==="overlay",he=V==="stacked",d=n.useRef(null),Pe=n.useCallback(e=>{d.current=e,typeof i=="function"?i(e):i&&(i.current=e)},[i]),Y=n.Children.toArray(fe),G=Y.filter(e=>n.isValidElement(e)&&e.type===h.InspectorHandle),J=Y.filter(e=>!(n.isValidElement(e)&&e.type===h.InspectorHandle)),ze=n.useMemo(()=>(0,z.mapResponsiveBooleanToPaneMode)(p),[p]),Re=n.useMemo(()=>(0,z.mapResponsiveBooleanToPaneMode)(c),[c]),Ie=typeof p=="object"&&p!==null;(0,g.useResponsiveInitialState)({controlledValue:ze,defaultValue:Re,currentValue:t.inspectorMode,setValue:t.setInspectorMode,breakpointReady:t.currentBreakpointReady,controlledIsResponsive:Ie,onResponsiveChange:e=>P?.(e==="expanded",{reason:"responsive"}),onInit:e=>{typeof p>"u"&&P?.(e==="expanded",{reason:"init"})}});const y=n.useRef(null);n.useEffect(()=>()=>{y.current&&(clearTimeout(y.current),y.current=null)},[k,w,D]);const M=n.useMemo(()=>{const e=k,r=w,a=D??50;if(!e)return()=>{};if(r==="debounce")return(o,u)=>{y.current&&clearTimeout(y.current),y.current=setTimeout(()=>{e(o,u),y.current=null},a)};if(r==="throttle"){let o=0;return(u,Se)=>{const ee=Date.now();ee-o>=a&&(o=ee,e(u,Se))}}return(o,u)=>e(o,u)},[k,w,D]),S=n.useRef(null);n.useEffect(()=>{const e=typeof p<"u";if(S.current===null){S.current=e;return}S.current!==e&&(console.warn("Shell.Inspector: Switching between controlled and uncontrolled `open` is not supported."),S.current=e)},[p]);const Q=n.useRef(!1),B=n.useRef(null);n.useEffect(()=>{!Q.current&&typeof p>"u"&&c&&t.inspectorMode==="expanded"&&(P?.(!0,{reason:"init"}),Q.current=!0),typeof p>"u"&&(B.current!==null&&B.current!==t.inspectorMode&&P?.(t.inspectorMode==="expanded",{reason:"toggle"}),B.current=t.inspectorMode)},[t.inspectorMode,p,c,P]);const W=n.useRef(j),X=n.useRef(F);n.useLayoutEffect(()=>{W.current=j,X.current=F});const b=n.useRef(null),Z=n.useRef(!1);n.useEffect(()=>{const e=t.inspectorMode;if(!t.currentBreakpointReady){b.current=e;return}if(!Z.current){Z.current=!0,b.current=e;return}const r=b.current;r!==null&&r!==e&&(e==="expanded"?W.current?.():e==="collapsed"&&X.current?.(),b.current=e)},[t.inspectorMode,t.currentBreakpointReady]);const H=t.inspectorMode==="expanded",x=n.useMemo(()=>{if(!T||N)return N;const e=`kookie-ui:shell:inspector:${T}`;return{load:()=>{if(!(typeof window>"u"))try{const a=window.localStorage.getItem(e);return a?Number(a):void 0}catch{return}},save:a=>{if(!(typeof window>"u"))try{window.localStorage.setItem(e,String(a))}catch{}}}},[T,N]);n.useEffect(()=>{let e=!0;if(!E||!x?.load||I)return;const r=x.load(),a=o=>{!e||typeof o!="number"||!d.current||(d.current.style.setProperty("--inspector-size",`${o}px`),O?.(o))};return r instanceof Promise?r.then(a).catch(o=>{}):a(r),()=>{e=!1}},[E,x,O,I]);const Me=E&&!I&&H?n.createElement(se.PaneResizeContext.Provider,{value:{containerRef:d,cssVarName:"--inspector-size",minSize:f,maxSize:m,defaultSize:v,orientation:"vertical",edge:"start",computeNext:(e,r,a)=>{const o=getComputedStyle(d.current).direction==="rtl",u=e-r;return a+(o?u:-u)},onResize:O,onResizeStart:le,onResizeEnd:e=>{ce?.(e),M(e,{reason:"resize"}),x?.save?.(e)},target:"inspector",collapsible:ae,snapPoints:pe,snapTolerance:de??8,collapseThreshold:ue,requestCollapse:()=>t.setInspectorMode("collapsed"),requestToggle:()=>t.togglePane("inspector")}},G.length>0?G.map((e,r)=>n.cloneElement(e,{key:e.key??r})):n.createElement(h.PaneHandle,null)):null,U=n.useCallback(e=>(0,ie.normalizeToPx)(e,"horizontal"),[]);n.useEffect(()=>{if(d.current&&typeof q>"u"&&typeof K<"u"){const e=U(K);if(typeof e=="number"&&Number.isFinite(e)){const o=Math.min((typeof m=="number"?m:void 0)??e,Math.max((typeof f=="number"?f:void 0)??e,e));d.current.style.setProperty("--inspector-size",`${o}px`),M(o,{reason:"init"})}}},[]);const _=q;if(n.useEffect(()=>{if(!d.current||typeof _>"u")return;const e=U(_);if(typeof e=="number"&&Number.isFinite(e)){const o=Math.min((typeof m=="number"?m:void 0)??e,Math.max((typeof f=="number"?f:void 0)??e,e));d.current.style.setProperty("--inspector-size",`${o}px`),M(o,{reason:"controlled"})}},[_,f,m,U,M]),I){const e=t.inspectorMode==="expanded";return n.createElement(L.Root,{open:e,onOpenChange:r=>t.setInspectorMode(r?"expanded":"collapsed")},n.createElement(L.Content,{side:"end",style:{padding:0},width:{initial:`${v}px`}},n.createElement(oe.VisuallyHidden,null,n.createElement(L.Title,null,"Inspector")),J))}return n.createElement("div",{...ye,ref:Pe,className:(0,te.default)("rt-ShellInspector",l),"data-mode":t.inspectorMode,"data-peek":t.peekTarget==="inspector"||void 0,"data-presentation":t.currentBreakpointReady?V:void 0,"data-open":t.currentBreakpointReady&&he&&H||void 0,style:{...me,"--inspector-size":`${v}px`,"--inspector-min-size":`${f}px`,"--inspector-max-size":`${m}px`}},n.createElement("div",{className:"rt-ShellInspectorContent","data-visible":H||void 0},J),Me)});A.displayName="Shell.Inspector",A.Handle=h.InspectorHandle;
+"use strict";var Ce=Object.create;var g=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var Ee=Object.getOwnPropertyNames;var Oe=Object.getPrototypeOf,Te=Object.prototype.hasOwnProperty;var Ne=(s,i)=>{for(var l in i)g(s,l,{get:i[l],enumerable:!0})},se=(s,i,l,R)=>{if(i&&typeof i=="object"||typeof i=="function")for(let c of Ee(i))!Te.call(s,c)&&c!==l&&g(s,c,{get:()=>i[c],enumerable:!(R=ve(i,c))||R.enumerable});return s};var A=(s,i,l)=>(l=s!=null?Ce(Oe(s)):{},se(i||!s||!s.__esModule?g(l,"default",{value:s,enumerable:!0}):l,s)),ke=s=>se(g({},"__esModule",{value:!0}),s);var De={};Ne(De,{Inspector:()=>F});module.exports=ke(De);var n=A(require("react")),ie=A(require("classnames")),j=A(require("../sheet.js")),ae=require("../visually-hidden.js"),C=require("../shell.context.js"),v=require("../shell.hooks.js"),le=require("./shell-resize.js"),h=require("./shell-handles.js"),Be=require("../shell.types.js"),z=require("./shell-prop-helpers.js"),ce=require("../../helpers/normalize-to-px.js");const we=["className","children","defaultOpen","open","onOpenChange","size","defaultSize","onSizeChange","sizeUpdate","sizeUpdateMs","style","inset"],F=n.forwardRef((s,i)=>{const{className:l,presentation:R={initial:"overlay",lg:"fixed"},defaultOpen:c,open:p,onOpenChange:P,expandedSize:E=320,minSize:f=200,maxSize:m=500,resizable:O=!1,collapsible:pe=!0,onExpand:q,onCollapse:K,onResize:T,onResizeStart:de,onResizeEnd:ue,snapPoints:fe,snapTolerance:me,collapseThreshold:ye,paneId:N,persistence:k,children:he,style:Pe,onSizeChange:w,sizeUpdate:D,sizeUpdateMs:V=50,size:Y,defaultSize:G,inset:B}=s,ze=(0,z.extractPaneDomProps)(s,we),t=(0,C.useShell)(),{registerInset:J,unregisterInset:Q}=(0,C.useInset)();n.useEffect(()=>{if(B)return J("inspector"),()=>Q("inspector")},[B,J,Q]);const H=(0,v.useResponsivePresentation)(R),I=H==="overlay",Re=H==="stacked",d=n.useRef(null),Ie=n.useCallback(e=>{d.current=e,typeof i=="function"?i(e):i&&(i.current=e)},[i]),W=n.Children.toArray(he),X=W.filter(e=>n.isValidElement(e)&&e.type===h.InspectorHandle),Z=W.filter(e=>!(n.isValidElement(e)&&e.type===h.InspectorHandle)),be=n.useMemo(()=>(0,z.mapResponsiveBooleanToPaneMode)(p),[p]),Me=n.useMemo(()=>(0,z.mapResponsiveBooleanToPaneMode)(c),[c]),Se=typeof p=="object"&&p!==null;(0,v.useResponsiveInitialState)({controlledValue:be,defaultValue:Me,currentValue:t.inspectorMode,setValue:t.setInspectorMode,breakpointReady:t.currentBreakpointReady,controlledIsResponsive:Se,onResponsiveChange:e=>P?.(e==="expanded",{reason:"responsive"}),onInit:e=>{typeof p>"u"&&P?.(e==="expanded",{reason:"init"})}});const y=n.useRef(null);n.useEffect(()=>()=>{y.current&&(clearTimeout(y.current),y.current=null)},[w,D,V]);const b=n.useMemo(()=>{const e=w,r=D,a=V??50;if(!e)return()=>{};if(r==="debounce")return(o,u)=>{y.current&&clearTimeout(y.current),y.current=setTimeout(()=>{e(o,u),y.current=null},a)};if(r==="throttle"){let o=0;return(u,ge)=>{const re=Date.now();re-o>=a&&(o=re,e(u,ge))}}return(o,u)=>e(o,u)},[w,D,V]),M=n.useRef(null);n.useEffect(()=>{const e=typeof p<"u";if(M.current===null){M.current=e;return}M.current!==e&&(console.warn("Shell.Inspector: Switching between controlled and uncontrolled `open` is not supported."),M.current=e)},[p]);const ee=n.useRef(!1),U=n.useRef(null);n.useEffect(()=>{!ee.current&&typeof p>"u"&&c&&t.inspectorMode==="expanded"&&(P?.(!0,{reason:"init"}),ee.current=!0),typeof p>"u"&&(U.current!==null&&U.current!==t.inspectorMode&&P?.(t.inspectorMode==="expanded",{reason:"toggle"}),U.current=t.inspectorMode)},[t.inspectorMode,p,c,P]);const ne=n.useRef(q),te=n.useRef(K);n.useLayoutEffect(()=>{ne.current=q,te.current=K});const S=n.useRef(null),oe=n.useRef(!1);n.useEffect(()=>{const e=t.inspectorMode;if(!t.currentBreakpointReady){S.current=e;return}if(!oe.current){oe.current=!0,S.current=e;return}const r=S.current;r!==null&&r!==e&&(e==="expanded"?ne.current?.():e==="collapsed"&&te.current?.(),S.current=e)},[t.inspectorMode,t.currentBreakpointReady]);const _=t.inspectorMode==="expanded",x=n.useMemo(()=>{if(!N||k)return k;const e=`kookie-ui:shell:inspector:${N}`;return{load:()=>{if(!(typeof window>"u"))try{const a=window.localStorage.getItem(e);return a?Number(a):void 0}catch{return}},save:a=>{if(!(typeof window>"u"))try{window.localStorage.setItem(e,String(a))}catch{}}}},[N,k]);n.useEffect(()=>{let e=!0;if(!O||!x?.load||I)return;const r=x.load(),a=o=>{!e||typeof o!="number"||!d.current||(d.current.style.setProperty("--inspector-size",`${o}px`),T?.(o))};return r instanceof Promise?r.then(a).catch(o=>{}):a(r),()=>{e=!1}},[O,x,T,I]);const xe=O&&!I&&_?n.createElement(le.PaneResizeContext.Provider,{value:{containerRef:d,cssVarName:"--inspector-size",minSize:f,maxSize:m,defaultSize:E,orientation:"vertical",edge:"start",computeNext:(e,r,a)=>{const o=getComputedStyle(d.current).direction==="rtl",u=e-r;return a+(o?u:-u)},onResize:T,onResizeStart:de,onResizeEnd:e=>{ue?.(e),b(e,{reason:"resize"}),x?.save?.(e)},target:"inspector",collapsible:pe,snapPoints:fe,snapTolerance:me??8,collapseThreshold:ye,requestCollapse:()=>t.setInspectorMode("collapsed"),requestToggle:()=>t.togglePane("inspector")}},X.length>0?X.map((e,r)=>n.cloneElement(e,{key:e.key??r})):n.createElement(h.PaneHandle,null)):null,$=n.useCallback(e=>(0,ce.normalizeToPx)(e,"horizontal"),[]);n.useEffect(()=>{if(d.current&&typeof Y>"u"&&typeof G<"u"){const e=$(G);if(typeof e=="number"&&Number.isFinite(e)){const o=Math.min((typeof m=="number"?m:void 0)??e,Math.max((typeof f=="number"?f:void 0)??e,e));d.current.style.setProperty("--inspector-size",`${o}px`),b(o,{reason:"init"})}}},[]);const L=Y;if(n.useEffect(()=>{if(!d.current||typeof L>"u")return;const e=$(L);if(typeof e=="number"&&Number.isFinite(e)){const o=Math.min((typeof m=="number"?m:void 0)??e,Math.max((typeof f=="number"?f:void 0)??e,e));d.current.style.setProperty("--inspector-size",`${o}px`),b(o,{reason:"controlled"})}},[L,f,m,$,b]),I){const e=t.inspectorMode==="expanded";return n.createElement(j.Root,{open:e,onOpenChange:r=>t.setInspectorMode(r?"expanded":"collapsed")},n.createElement(j.Content,{side:"end",style:{padding:0},width:{initial:`${E}px`}},n.createElement(ae.VisuallyHidden,null,n.createElement(j.Title,null,"Inspector")),Z))}return n.createElement("div",{...ze,ref:Ie,className:(0,ie.default)("rt-ShellInspector",l),"data-mode":t.inspectorMode,"data-peek":t.peekTarget==="inspector"||void 0,"data-presentation":t.currentBreakpointReady?H:void 0,"data-open":t.currentBreakpointReady&&Re&&_||void 0,"data-inset":B||void 0,style:{...Pe,"--inspector-size":`${E}px`,"--inspector-min-size":`${f}px`,"--inspector-max-size":`${m}px`}},n.createElement("div",{className:"rt-ShellInspectorContent","data-visible":_||void 0},Z),xe)});F.displayName="Shell.Inspector",F.Handle=h.InspectorHandle;
 //# sourceMappingURL=shell-inspector.js.map