@orioncactuscorp/ui 1.8.0 → 1.9.0

package/dist/ui/src/components/Modal/Modal.d.ts

@@ -1,7 +1,7 @@
 import { ModalBodyProps, ModalCloseProps, ModalContentProps, ModalFooterProps, ModalHeaderProps, ModalNavigationSectionProps, ModalRootProps, ModalTriggerProps } from './types';
 export declare function ModalRoot({ children, open, defaultOpen, modal, onOpenChange, canCloseAttempt: canCloseAttemptProp, onCloseAttempt, presentationState: presentationStateProp, defaultPresentationState, onPresentationStateChange, disablePointerDismissal, navigationDepth, dismissBehavior, }: ModalRootProps): import("react/jsx-runtime").JSX.Element;
 export declare function ModalTrigger({ className, children, render, nativeButton, }: ModalTriggerProps): import("react/jsx-runtime").JSX.Element;
-export declare function ModalContent({ className, children, variant, size, resize, backdrop, drag, peekable, snapPoints, defaultSnapPoint, snapPositions, defaultSnapPosition, initialFocus, peekHeight, closeThreshold, scrollLockTimeout, container, style, ...props }: ModalContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModalContent({ className, children, variant, size, resize, contentTransition, backdrop, drag, peekable, snapPoints, defaultSnapPoint, snapPositions, defaultSnapPosition, initialFocus, peekHeight, closeThreshold, scrollLockTimeout, container, style, ...props }: ModalContentProps): import("react/jsx-runtime").JSX.Element;
 export declare function ModalHeader({ className, title, children, leadingContent, trailingContent, closeLabel, closeButton, handle, ref, ...props }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
 export declare function ModalNavigationSection({ className, title, children, expanded, defaultExpanded, onExpandedChange, disabled, forceMount, handle, headingLevel, indicator, titleAsDialogTitle, navigationProps, panelProps, panelContentProps, ref, style, ...props }: ModalNavigationSectionProps): import("react/jsx-runtime").JSX.Element;
 export declare function ModalBody({ className, children, layout, containerClassName, containerProps, ref, ...props }: ModalBodyProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EACV,cAAc,EAId,eAAe,EACf,iBAAiB,EAGjB,gBAAgB,EAChB,gBAAgB,EAEhB,2BAA2B,EAE3B,cAAc,EAEd,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAsMjB,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,KAAY,EACZ,YAAY,EACZ,eAAe,EAAE,mBAAmB,EACpC,cAAc,EACd,iBAAiB,EAAE,qBAAqB,EACxC,wBAAoC,EACpC,yBAAyB,EACzB,uBAAuB,EACvB,eAAmB,EACnB,eAAe,GAChB,EAAE,cAAc,2CAkNhB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAc,EACd,QAAQ,EACR,MAAM,EACN,YAAY,GACb,EAAE,iBAAiB,2CAsBnB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAc,EACd,QAAQ,EACR,OAAoB,EACpB,IAAe,EACf,MAAkB,EAClB,QAAiB,EACjB,IAAgB,EAChB,QAAgB,EAChB,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAgVnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAc,EACd,KAAK,EACL,QAAQ,EACR,cAAc,EACd,eAAe,EACf,UAAiB,EACjB,WAAkB,EAClB,MAAa,EACb,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAqDlB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,SAAc,EACd,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,eAAsB,EACtB,gBAAgB,EAChB,QAAgB,EAChB,UAAiB,EACjB,MAAa,EACb,YAAgB,EAChB,SAAS,EACT,kBAAyB,EACzB,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,GAAG,EACH,KAAK,EACL,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAqK7B;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAc,EACd,QAAQ,EACR,MAAkB,EAClB,kBAAuB,EACvB,cAAc,EACd,GAAG,EACH,GAAG,KAAK,EACT,EAAE,cAAc,2CAgEhB;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAc,EACd,QAAQ,EACR,UAAmB,EACnB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA8BlB;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAc,EACd,QAA6B,EAC7B,KAAY,EACZ,IAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,eAAe,2CAsBjB;AAED,QAAA,MAAM,KAAK;;;;;;;;;CAST,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EACV,cAAc,EAId,eAAe,EAEf,iBAAiB,EAGjB,gBAAgB,EAChB,gBAAgB,EAEhB,2BAA2B,EAG3B,cAAc,EAEd,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAuSjB,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,KAAY,EACZ,YAAY,EACZ,eAAe,EAAE,mBAAmB,EACpC,cAAc,EACd,iBAAiB,EAAE,qBAAqB,EACxC,wBAAoC,EACpC,yBAAyB,EACzB,uBAAuB,EACvB,eAAmB,EACnB,eAAe,GAChB,EAAE,cAAc,2CAkNhB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAc,EACd,QAAQ,EACR,MAAM,EACN,YAAY,GACb,EAAE,iBAAiB,2CAsBnB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAc,EACd,QAAQ,EACR,OAAoB,EACpB,IAAe,EACf,MAAkB,EAClB,iBAA0B,EAC1B,QAAiB,EACjB,IAAgB,EAChB,QAAgB,EAChB,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAoiBnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAc,EACd,KAAK,EACL,QAAQ,EACR,cAAc,EACd,eAAe,EACf,UAAiB,EACjB,WAAkB,EAClB,MAAa,EACb,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAqDlB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,SAAc,EACd,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,eAAsB,EACtB,gBAAgB,EAChB,QAAgB,EAChB,UAAiB,EACjB,MAAa,EACb,YAAgB,EAChB,SAAS,EACT,kBAAyB,EACzB,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,GAAG,EACH,KAAK,EACL,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAqK7B;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAc,EACd,QAAQ,EACR,MAAkB,EAClB,kBAAuB,EACvB,cAAc,EACd,GAAG,EACH,GAAG,KAAK,EACT,EAAE,cAAc,2CAgEhB;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAc,EACd,QAAQ,EACR,UAAmB,EACnB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA8BlB;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAc,EACd,QAA6B,EAC7B,KAAY,EACZ,IAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,eAAe,2CAsBjB;AAED,QAAA,MAAM,KAAK;;;;;;;;;CAST,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/ui/src/components/Modal/bottomSheetGeometry.d.ts

@@ -0,0 +1,36 @@
+export type BottomSheetRestState = {
+    kind: 'default-snap';
+} | {
+    index: number;
+    kind: 'snap';
+} | {
+    kind: 'expanded';
+} | {
+    kind: 'custom';
+};
+export interface BottomSheetRestStateOptions {
+    defaultTranslate: number;
+    sheetHeight: number;
+    snapHeights: readonly number[];
+    translate: number;
+}
+export interface ResizedBottomSheetTranslateOptions {
+    currentTranslate: number;
+    fallbackTranslate: number;
+    restState: BottomSheetRestState;
+    previousDefaultTranslate: number;
+    previousSheetHeight: number;
+    previousSnapHeights: readonly number[];
+    targetSheetHeight: number;
+    targetDefaultTranslate: number;
+    targetSnapHeights: readonly number[];
+}
+export interface ContentSizedBottomSheetHeightOptions {
+    contentHeight: number;
+    maxHeight?: number;
+    snapHeight?: number;
+}
+export declare function resolveContentSizedBottomSheetHeight({ contentHeight, maxHeight, snapHeight, }: ContentSizedBottomSheetHeightOptions): number;
+export declare function resolveBottomSheetRestState({ defaultTranslate, sheetHeight, snapHeights, translate, }: BottomSheetRestStateOptions): BottomSheetRestState;
+export declare function resolveResizedBottomSheetTranslate({ currentTranslate, fallbackTranslate, restState, previousDefaultTranslate, previousSheetHeight, previousSnapHeights, targetSheetHeight, targetDefaultTranslate, targetSnapHeights, }: ResizedBottomSheetTranslateOptions): number;
+//# sourceMappingURL=bottomSheetGeometry.d.ts.map

package/dist/ui/src/components/Modal/bottomSheetGeometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottomSheetGeometry.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/bottomSheetGeometry.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,oBAAoB,GAC5B;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;AAEvB,MAAM,WAAW,2BAA2B;IAC1C,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kCAAkC;IACjD,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,oBAAoB,CAAC;IAChC,wBAAwB,EAAE,MAAM,CAAC;IACjC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,iBAAiB,EAAE,SAAS,MAAM,EAAE,CAAC;CACtC;AAED,MAAM,WAAW,oCAAoC;IACnD,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAuBD,wBAAgB,oCAAoC,CAAC,EACnD,aAAa,EACb,SAAS,EACT,UAAU,GACX,EAAE,oCAAoC,UAOtC;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,GACV,EAAE,2BAA2B,GAAG,oBAAoB,CAkCpD;AAED,wBAAgB,kCAAkC,CAAC,EACjD,gBAAgB,EAChB,iBAAiB,EACjB,SAAS,EACT,wBAAwB,EACxB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,GAClB,EAAE,kCAAkC,UAyDpC"}

package/dist/ui/src/components/Modal/index.d.ts

@@ -1,3 +1,3 @@
 export { default, ModalBody, ModalClose, ModalContent, ModalFooter, ModalHeader, ModalNavigationSection, ModalRoot, ModalTrigger, } from './Modal';
-export type { ModalBackdrop, ModalBodyLayout, ModalBodyProps, ModalCloseAttemptDetails, ModalCloseAttemptReason, ModalCloseProps, ModalContentProps, ModalDismissBehavior, ModalDismissBehaviorValue, ModalDrag, ModalFooterProps, ModalHeaderProps, ModalInitialFocus, ModalNavigationHeadingLevel, ModalNavigationSectionProps, ModalPlacement, ModalPresentationState, ModalResize, ModalRootProps, ModalSize, ModalSnapPoint, ModalSnapPosition, ModalTriggerProps, ModalVariant, } from './types';
+export type { ModalBackdrop, ModalBodyLayout, ModalBodyProps, ModalCloseAttemptDetails, ModalCloseAttemptReason, ModalCloseProps, ModalContentTransition, ModalContentProps, ModalDismissBehavior, ModalDismissBehaviorValue, ModalDrag, ModalFooterProps, ModalHeaderProps, ModalInitialFocus, ModalNavigationHeadingLevel, ModalNavigationSectionProps, ModalPlacement, ModalPresentationState, ModalResize, ModalRootProps, ModalSize, ModalSnapPoint, ModalSnapPosition, ModalTriggerProps, ModalVariant, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/src/components/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,SAAS,EACT,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,sBAAsB,EACtB,SAAS,EACT,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,aAAa,EACb,eAAe,EACf,cAAc,EACd,wBAAwB,EACxB,uBAAuB,EACvB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,2BAA2B,EAC3B,2BAA2B,EAC3B,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,cAAc,EACd,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,GACb,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,SAAS,EACT,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,sBAAsB,EACtB,SAAS,EACT,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,aAAa,EACb,eAAe,EACf,cAAc,EACd,wBAAwB,EACxB,uBAAuB,EACvB,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EACjB,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,2BAA2B,EAC3B,2BAA2B,EAC3B,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,cAAc,EACd,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,GACb,MAAM,SAAS,CAAC"}

package/dist/ui/src/components/Modal/modalScrollArbitration.d.ts

@@ -20,11 +20,12 @@ export declare function shouldLockModalBodyTouchScroll({ target, chrome, bodyNod
     chrome: boolean;
     bodyNode: HTMLElement | null;
 }): boolean;
-export declare function getBottomTouchDragDecision({ target, deltaY, chrome, bodyNode, }: {
+export declare function getBottomTouchDragDecision({ target, deltaY, chrome, bodyNode, canExpand, }: {
     target: EventTarget | null;
     deltaY: number;
     chrome: boolean;
     bodyNode: HTMLElement | null;
+    canExpand?: boolean;
 }): TouchDragDecision;
 export declare function getPopupTouchDragDecision({ target, bodyNode, }: {
     target: EventTarget | null;

package/dist/ui/src/components/Modal/modalScrollArbitration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalScrollArbitration.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/modalScrollArbitration.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC,CAAC;AA6BH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,WAAW,GAAG,IAAI,GACvB,IAAI,IAAI,WAAW,CAIrB;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,WAIrD;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,WAMxD;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,WAAW,GAAG,IAAI,GACvB,gBAAgB,CAMlB;AAED,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,OAAO,GAAG,IAAI,EACtB,QAAQ,EAAE,WAAW,GAAG,IAAI,sBAY7B;AAED,wBAAgB,2BAA2B,CACzC,IAAI,EAAE,WAAW,GAAG,IAAI,EACxB,MAAM,EAAE,OAAO,QAUhB;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,WA0BhE;AA+CD,wBAAgB,8BAA8B,CAAC,EAC7C,MAAM,EACN,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B,WAWA;AAED,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B,GAAG,iBAAiB,CAyBpB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B,GAAG,iBAAiB,CAUpB"}
+{"version":3,"file":"modalScrollArbitration.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/modalScrollArbitration.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC,CAAC;AA6BH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,WAAW,GAAG,IAAI,GACvB,IAAI,IAAI,WAAW,CAIrB;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,WAIrD;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,WAMxD;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,WAAW,GAAG,IAAI,GACvB,gBAAgB,CAMlB;AAED,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,OAAO,GAAG,IAAI,EACtB,QAAQ,EAAE,WAAW,GAAG,IAAI,sBAY7B;AAED,wBAAgB,2BAA2B,CACzC,IAAI,EAAE,WAAW,GAAG,IAAI,EACxB,MAAM,EAAE,OAAO,QAUhB;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,WA0BhE;AA+CD,wBAAgB,8BAA8B,CAAC,EAC7C,MAAM,EACN,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B,WAWA;AAED,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE;IACD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,iBAAiB,CA6BpB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B,GAAG,iBAAiB,CAUpB"}

package/dist/ui/src/components/Modal/snapPoints.d.ts

@@ -16,6 +16,7 @@ export declare function resolveModalSnapMetrics({ snapPoints, defaultSnapPoint,
 }): {
     snapHeights: number[];
     sheetHeight: number;
+    defaultHeight: number;
     visibleTranslate: number;
 } | undefined;
 export declare function resolveModalPopupSnapPositions({ defaultSnapPosition, snapPositions, surfaceMotion, }: {

package/dist/ui/src/components/Modal/snapPoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snapPoints.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/snapPoints.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjE,MAAM,WAAW,yCAAyC;IACxD,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,yBAAyB;IACxC,GAAG,EAAE,iBAAiB,CAAC;IACvB,gBAAgB,CAAC,EAAE,yCAAyC,CAAC;IAC7D,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAaD,wBAAgB,uBAAuB,CAAC,EACtC,UAAU,EACV,gBAAgB,EAChB,cAAc,GACf,EAAE;IACD,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,cAAc,EAAE,MAAM,CAAC;CACxB;;;;cAyBA;AAkED,wBAAgB,8BAA8B,CAAC,EAC7C,mBAAmB,EACnB,aAAa,EACb,aAAa,GACd,EAAE;IACD,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,aAAa,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC5C,aAAa,EAAE,WAAW,CAAC;CAC5B;;;;;;;;;cA2DA"}
+{"version":3,"file":"snapPoints.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/snapPoints.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjE,MAAM,WAAW,yCAAyC;IACxD,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,yBAAyB;IACxC,GAAG,EAAE,iBAAiB,CAAC;IACvB,gBAAgB,CAAC,EAAE,yCAAyC,CAAC;IAC7D,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAaD,wBAAgB,uBAAuB,CAAC,EACtC,UAAU,EACV,gBAAgB,EAChB,cAAc,GACf,EAAE;IACD,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,cAAc,EAAE,MAAM,CAAC;CACxB;;;;;cA0BA;AAkED,wBAAgB,8BAA8B,CAAC,EAC7C,mBAAmB,EACnB,aAAa,EACb,aAAa,GACd,EAAE;IACD,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,aAAa,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC5C,aAAa,EAAE,WAAW,CAAC;CAC5B;;;;;;;;;cA2DA"}

package/dist/ui/src/components/Modal/types.d.ts

@@ -5,6 +5,7 @@ export type ModalVariant = 'adaptive' | 'bottom' | 'popup' | 'full';
 export type ModalPlacement = Exclude<ModalVariant, 'adaptive'>;
 export type ModalSize = 'small' | 'medium' | 'large';
 export type ModalResize = 'content' | 'fixed';
+export type ModalContentTransition = 'auto' | 'none';
 export type ModalBodyLayout = 'content' | 'fill';
 export type ModalPresentationState = 'visible' | 'peeked';
 export type ModalBackdrop = 'auto' | 'visible' | 'hidden';
@@ -85,6 +86,13 @@ export interface ModalContentProps extends Omit<React.ComponentPropsWithoutRef<'
     variant?: ModalVariant;
     size?: ModalSize;
     resize?: ModalResize;
+    /**
+     * Animates ModalContent block-size changes caused by replacing depth views or
+     * other content. Popup surfaces animate their content block, while bottom
+     * sheets animate their geometry layer so sheet height and translate stay in
+     * one owner.
+     */
+    contentTransition?: ModalContentTransition;
     backdrop?: ModalBackdrop;
     drag?: ModalDrag;
     peekable?: boolean;

package/dist/ui/src/components/Modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,KAAK,EACV,+BAA+B,EAC/B,yBAAyB,EAC1B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACpE,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AAC/D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAC9C,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,MAAM,CAAC;AACrD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,CAAC;AACjD,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC1D,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,2BAA2B,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC5D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;AACpD,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,MAAM,GACN,OAAO,GACP,KAAK,GACL,QAAQ,GACR,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AACnB,MAAM,MAAM,iBAAiB,GACzB,OAAO,CACL,KAAK,CAAC,wBAAwB,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,EACvE,SAAS,CACV,GACD,SAAS,CAAC;AACd,MAAM,MAAM,yBAAyB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AACnE,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,yBAAyB,CAAC;IACjC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,YAAY,CAAC,EAAE,yBAAyB,CAAC;IACzC,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,YAAY,CAAC,EAAE,yBAAyB,CAAC;CAC1C;AACD,MAAM,MAAM,uBAAuB,GAC/B,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,YAAY,GACZ,WAAW,GACX,cAAc,GACd,cAAc,CAAC;AAEnB,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,uBAAuB,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,OAAO,GAAG,IAAI,CAAC;IACxE;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,OAAO,GAAG,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;IAC3C,wBAAwB,CAAC,EAAE,sBAAsB,CAAC;IAClD,yBAAyB,CAAC,EAAE,CAC1B,iBAAiB,EAAE,sBAAsB,KACtC,IAAI,CAAC;IACV,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,oBAAoB,CAAC;CACxC;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EACrC,UAAU,GAAG,WAAW,GAAG,OAAO,CACnC;IACC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;IAC3C,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACpC,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EACrC,OAAO,CACR;IACC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CACvD,KAAK,CAAC,qBAAqB,CAAC,SAAS,CAAC,EACtC,OAAO,GAAG,UAAU,CACrB;IACC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,IAAI,CACpB,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EACxC,eAAe,GAAG,eAAe,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CACrE,CAAC;IACF,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;IACrE,iBAAiB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;CAC7E;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAClC,UAAU,CACX;IACC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,cAAc,CAAC,EAAE,IAAI,CACnB,KAAK,CAAC,wBAAwB,CAAC,SAAS,CAAC,EACzC,UAAU,GAAG,WAAW,GAAG,KAAK,CACjC,CAAC;IACF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC;IAC7E,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC/B;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,+BAA+B,EAC/B,UAAU,GAAG,MAAM,CACpB,GAAG;IACF,QAAQ,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

package/dist/ui/src/components/Modal/useModalContentBlockTransition.d.ts

@@ -0,0 +1,5 @@
+export declare function useModalContentBlockTransition({ enabled, node, }: {
+    enabled: boolean;
+    node: HTMLElement | null;
+}): void;
+//# sourceMappingURL=useModalContentBlockTransition.d.ts.map

package/dist/ui/src/components/Modal/useModalContentBlockTransition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalContentBlockTransition.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/useModalContentBlockTransition.ts"],"names":[],"mappings":"AAmBA,wBAAgB,8BAA8B,CAAC,EAC7C,OAAO,EACP,IAAI,GACL,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;CAC1B,QAoIA"}

package/dist/ui/src/components/Modal/useModalDrag.d.ts

@@ -1,14 +1,16 @@
 import { default as React } from 'react';
 import { ModalCloseAttemptDetails, ModalDrag, ModalPlacement, ModalSnapPosition } from './types';
-export declare function useModalDrag({ enabled, drag, open, placement, surfaceMotionRef, backdropRef, bodyNode, snapHeights, snapPositions, defaultSnapPosition, peekHeight, peekFallback, presentationState, setPresentationState, requestClose, canCloseAttempt, dismissible, visibleTranslate, closeThreshold, scrollLockTimeout, popupSnapLayoutVersion, }: {
+export declare function useModalDrag({ enabled, drag, open, placement, surfaceMotionRef, surfaceMotionNode, backdropRef, bodyNode, snapHeights, sheetHeight, snapPositions, defaultSnapPosition, peekHeight, peekFallback, presentationState, setPresentationState, requestClose, canCloseAttempt, dismissible, preserveShadowOpacity, visibleTranslate, shouldDeferBottomSettle, closeThreshold, scrollLockTimeout, popupSnapLayoutVersion, }: {
     enabled: boolean;
     drag: ModalDrag;
     open: boolean;
     placement: ModalPlacement;
     surfaceMotionRef: React.RefObject<HTMLDivElement | null>;
+    surfaceMotionNode: HTMLDivElement | null;
     backdropRef: React.RefObject<HTMLDivElement | null>;
     bodyNode: HTMLElement | null;
     snapHeights?: readonly number[];
+    sheetHeight?: number;
     snapPositions?: readonly ModalSnapPosition[];
     defaultSnapPosition?: ModalSnapPosition;
     peekHeight?: number;
@@ -21,7 +23,9 @@ export declare function useModalDrag({ enabled, drag, open, placement, surfaceMo
     }) => boolean;
     canCloseAttempt: (details?: ModalCloseAttemptDetails) => boolean;
     dismissible?: boolean;
+    preserveShadowOpacity?: boolean;
     visibleTranslate?: number;
+    shouldDeferBottomSettle?: () => boolean;
     closeThreshold?: number;
     scrollLockTimeout?: number;
     popupSnapLayoutVersion?: number;

package/dist/ui/src/components/Modal/useModalDrag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModalDrag.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/useModalDrag.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACV,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAq7BjB,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,WAAgC,EAChC,aAAoC,EACpC,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACZ,eAAe,EACf,WAAkB,EAClB,gBAAoB,EACpB,cAAqB,EACrB,iBAAuB,EACvB,sBAA0B,GAC3B,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,cAAc,CAAC;IAC1B,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACzD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC7C,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,iBAAiB,EAAE,SAAS,GAAG,QAAQ,CAAC;IACxC,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,SAAS,GAAG,QAAQ,KAAK,IAAI,CAAC;IACxE,YAAY,EAAE,CACZ,OAAO,CAAC,EAAE,wBAAwB,EAClC,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,KAClD,OAAO,CAAC;IACb,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE,wBAAwB,KAAK,OAAO,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;2BA4tCW,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;2BAiNlC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;yBAiNlC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;6BAAlC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;kCAWlC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;0BA2IlC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;wBAwLhC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;EA2I3C"}
+{"version":3,"file":"useModalDrag.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/useModalDrag.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACV,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,iBAAiB,EAClB,MAAM,SAAS,CAAC;AA07BjB,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,WAAgC,EAChC,WAAW,EACX,aAAoC,EACpC,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACZ,eAAe,EACf,WAAkB,EAClB,qBAA6B,EAC7B,gBAAoB,EACpB,uBAAuB,EACvB,cAAqB,EACrB,iBAAuB,EACvB,sBAA0B,GAC3B,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,cAAc,CAAC;IAC1B,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACzD,iBAAiB,EAAE,cAAc,GAAG,IAAI,CAAC;IACzC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC7C,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,iBAAiB,EAAE,SAAS,GAAG,QAAQ,CAAC;IACxC,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,SAAS,GAAG,QAAQ,KAAK,IAAI,CAAC;IACxE,YAAY,EAAE,CACZ,OAAO,CAAC,EAAE,wBAAwB,EAClC,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,KAClD,OAAO,CAAC;IACb,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE,wBAAwB,KAAK,OAAO,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uBAAuB,CAAC,EAAE,MAAM,OAAO,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;2BAw7CW,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;2BAmNlC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;yBAiNlC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;6BAAlC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;kCAWlC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;0BA2IlC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;wBA0LhC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;EA2I3C"}

package/dist/ui/src/components/ScrollArea/ScrollArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA2DzE,wBAAgB,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EAC9D,EAAE,EACF,IAAY,EACZ,QAAQ,EACR,SAAc,EACd,GAAG,EACH,mBAAmB,EAAE,eAA+B,EACpD,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC,CAAC,2CA21BlE;AAED,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EACvE,EAAE,EACF,QAAQ,EACR,SAAc,EACd,GAAG,EACH,mBAAmB,EAAE,eAAyC,EAC9D,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,CAAC,CAAC,2CAyB7B;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA4DzE,wBAAgB,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EAC9D,EAAE,EACF,IAAY,EACZ,QAAQ,EACR,SAAc,EACd,GAAG,EACH,mBAAmB,EAAE,eAA+B,EACpD,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC,CAAC,2CA44BlE;AAED,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EACvE,EAAE,EACF,QAAQ,EACR,SAAc,EACd,GAAG,EACH,mBAAmB,EAAE,eAAyC,EAC9D,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,CAAC,CAAC,2CAyB7B;AAED,eAAe,UAAU,CAAC"}

package/dist/ui/src/components/ScrollArea/useScrollAreaGeometryStabilizer.d.ts

@@ -0,0 +1,11 @@
+interface ScrollAreaGeometryStabilizerOptions {
+    enabled: boolean;
+    getGeometrySignature: () => string;
+    updateGeometry: () => void;
+}
+export declare function useScrollAreaGeometryStabilizer({ enabled, getGeometrySignature, updateGeometry, }: ScrollAreaGeometryStabilizerOptions): {
+    cancelGeometryUpdate: () => void;
+    scheduleGeometryUpdate: () => void;
+};
+export {};
+//# sourceMappingURL=useScrollAreaGeometryStabilizer.d.ts.map

package/dist/ui/src/components/ScrollArea/useScrollAreaGeometryStabilizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollAreaGeometryStabilizer.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/useScrollAreaGeometryStabilizer.ts"],"names":[],"mappings":"AAQA,UAAU,mCAAmC;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,oBAAoB,EAAE,MAAM,MAAM,CAAC;IACnC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,OAAO,EACP,oBAAoB,EACpB,cAAc,GACf,EAAE,mCAAmC;;;EA4DrC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orioncactuscorp/ui",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "orioncactus UI foundations and core primitives",
   "private": false,
   "type": "module",
@@ -88,6 +88,7 @@
     "test:run": "vitest run",
     "test:coverage": "vitest run --coverage",
     "test:e2e": "bun run --cwd ../.. build && bun run --cwd ../.. example:build && playwright test",
+    "test:e2e:ci": "bun run --cwd ../.. example:build && playwright test",
     "storybook": "node ../../scripts/storybook-watchdog.mjs --cwd packages/ui --port 6006",
     "storybook:direct": "storybook dev -p 6006",
     "build-storybook": "storybook build"

package/src/scss/mixins/_element.scss

@@ -57,53 +57,200 @@
   @return math.div(math.floor($spread * $precision), $precision) * 1px;
 }
 
+$oc-border-side-tokens: (top, right, bottom, left) !default;
+$oc-border-placement-tokens: (inset, outer) !default;
+$oc-border-style-tokens: (solid) !default;
+
+@function _oc-border-is-side-token($value) {
+  @return $value == all or list.index($oc-border-side-tokens, $value) != null;
+}
+
+@function _oc-border-is-placement-token($value) {
+  @return list.index($oc-border-placement-tokens, $value) != null;
+}
+
+@function _oc-border-is-style-token($value) {
+  @return list.index($oc-border-style-tokens, $value) != null;
+}
+
+@function _oc-border-list-looks-like-shorthand($value) {
+  @each $item in $value {
+    @if meta.type-of($item) == 'number' or _oc-border-is-side-token($item) or _oc-border-is-placement-token($item) or _oc-border-is-style-token($item) {
+      @return true;
+    }
+  }
+
+  @return false;
+}
+
+@function _oc-border-flatten-args($args) {
+  $tokens: ();
+
+  @each $arg in $args {
+    @if meta.type-of($arg) == 'list' and list.separator($arg) == space and not list.is-bracketed($arg) and _oc-border-list-looks-like-shorthand($arg) {
+      @each $item in $arg {
+        $tokens: list.append($tokens, $item);
+      }
+    } @else {
+      $tokens: list.append($tokens, $arg);
+    }
+  }
+
+  @return $tokens;
+}
+
+@function _oc-border-negative($width) {
+  @if meta.type-of($width) == 'number' {
+    @return -$width;
+  }
+
+  @return calc(#{$width} * -1);
+}
+
+@function _oc-border-shadow-item($width, $color, $side, $placement) {
+  @if $side == all {
+    @if $placement == inset {
+      @return inset 0 0 0 $width $color;
+    }
+
+    @return 0 0 0 $width $color;
+  }
+
+  @if $placement == inset {
+    @if $side == top {
+      @return inset 0 $width 0 0 $color;
+    }
+
+    @if $side == right {
+      @return inset _oc-border-negative($width) 0 0 0 $color;
+    }
+
+    @if $side == bottom {
+      @return inset 0 _oc-border-negative($width) 0 0 $color;
+    }
+
+    @return inset $width 0 0 0 $color;
+  }
+
+  @if $side == top {
+    @return 0 _oc-border-negative($width) 0 0 $color;
+  }
+
+  @if $side == right {
+    @return $width 0 0 0 $color;
+  }
+
+  @if $side == bottom {
+    @return 0 $width 0 0 $color;
+  }
+
+  @return _oc-border-negative($width) 0 0 0 $color;
+}
+
+@function _oc-border-shadow($width, $color, $sides, $placement) {
+  @if list.index($sides, all) != null {
+    @return _oc-border-shadow-item($width, $color, all, $placement);
+  }
+
+  $shadows: ();
+
+  @each $side in $sides {
+    $shadows: list.append($shadows, _oc-border-shadow-item($width, $color, $side, $placement), comma);
+  }
+
+  @return $shadows;
+}
+
 @function _oc-border-args($args) {
-  $count: list.length($args);
+  $tokens: _oc-border-flatten-args($args);
+  $count: list.length($tokens);
+  $width: null;
+  $color: null;
+  $sides: ();
+  $placement: inset;
 
   @if $count == 0 {
-    @return (1px, currentColor);
+    @return (1px, currentcolor, (all), inset);
   }
 
-  @if $count == 1 {
-    $value: list.nth($args, 1);
+  @if list.length($args) == 2 and list.length(list.nth($args, 1)) == 1 and not _oc-border-is-side-token(list.nth($args, 1)) and not _oc-border-is-placement-token(list.nth($args, 1)) {
+    $second: list.nth($args, 2);
 
-    @if meta.type-of($value) == 'number' {
-      @return ($value, currentColor);
+    @if not _oc-border-is-side-token($second) and not _oc-border-is-placement-token($second) and not _oc-border-is-style-token($second) {
+      @return (list.nth($args, 1), $second, (all), inset);
     }
+  }
+
+  @each $token in $tokens {
+    @if meta.type-of($token) == 'number' {
+      @if $width != null {
+        @error 'oc-border accepts only one width token.';
+      }
+
+      $width: $token;
+    } @else if _oc-border-is-side-token($token) {
+      @if $token == all {
+        $sides: (all);
+      } @else if list.index($sides, all) == null and list.index($sides, $token) == null {
+        $sides: list.append($sides, $token);
+      }
+    } @else if _oc-border-is-placement-token($token) {
+      @if $placement != inset and $placement != $token {
+        @error 'oc-border accepts only one placement token.';
+      }
+
+      $placement: $token;
+    } @else if _oc-border-is-style-token($token) {
+      // Box-shadow strokes only support solid rendering; the token is accepted for CSS border shorthand familiarity.
+    } @else {
+      @if $color != null {
+        @error 'oc-border accepts only one color token.';
+      }
+
+      $color: $token;
+    }
+  }
+
+  @if $width == null {
+    $width: 1px;
+  }
 
-    @return (1px, $value);
+  @if $color == null {
+    $color: currentcolor;
   }
 
-  @if $count == 2 {
-    @return (list.nth($args, 1), list.nth($args, 2));
+  @if list.length($sides) == 0 {
+    $sides: (all);
   }
 
-  @error 'oc-border accepts zero, one, or two arguments.';
+  @return ($width, $color, $sides, $placement);
 }
 
 @mixin oc-border($args...) {
   $resolved: _oc-border-args($args);
   $width: list.nth($resolved, 1);
   $color: list.nth($resolved, 2);
+  $sides: list.nth($resolved, 3);
+  $placement: list.nth($resolved, 4);
 
-  box-shadow: inset 0 0 0 $width $color;
+  box-shadow: _oc-border-shadow($width, $color, $sides, $placement);
 
   @if _oc-border-is-half-px($width) {
     /* stylelint-disable block-no-redundant-nested-style-rules, media-feature-range-notation -- WebKit rounds fractional inset strokes differently by DPR; nested selectors keep the correction scoped. */
     @supports (-webkit-backdrop-filter: none) {
       & {
-        box-shadow: inset 0 0 0 _oc-border-webkit-base-spread($width) $color;
+        box-shadow: _oc-border-shadow(_oc-border-webkit-base-spread($width), $color, $sides, $placement);
       }
 
       @media only screen and (resolution: 2dppx) {
         & {
-          box-shadow: inset 0 0 0 _oc-border-webkit-device-spread($width, 2) $color;
+          box-shadow: _oc-border-shadow(_oc-border-webkit-device-spread($width, 2), $color, $sides, $placement);
         }
       }
 
       @media only screen and (resolution: 3dppx) {
         & {
-          box-shadow: inset 0 0 0 _oc-border-webkit-device-spread($width, 3) $color;
+          box-shadow: _oc-border-shadow(_oc-border-webkit-device-spread($width, 3), $color, $sides, $placement);
         }
       }
     }

package/src/scss/mixins/_element.test.ts

@@ -2,7 +2,7 @@ import { compileString } from 'sass';
 import { describe, expect, it } from 'vitest';
 
 describe('oc-border mixin', () => {
-  it('emits a 1px currentColor inset border by default', () => {
+  it('emits a 1px currentcolor inset border by default', () => {
     const result = compileString(
       `
       @use 'element' as *;
@@ -16,7 +16,7 @@ describe('oc-border mixin', () => {
       },
     );
 
-    expect(result.css).toContain('box-shadow: inset 0 0 0 1px currentColor;');
+    expect(result.css).toContain('box-shadow: inset 0 0 0 1px currentcolor;');
   });
 
   it('treats a single non-number argument as the border color', () => {
@@ -54,6 +54,76 @@ describe('oc-border mixin', () => {
     expect(result.css).not.toContain('@supports');
   });
 
+  it('accepts CSS-like space-separated border shorthand', () => {
+    const result = compileString(
+      `
+      @use 'element' as *;
+
+      .target {
+        @include oc-border(1px solid top outer var(--stroke));
+      }
+      `,
+      {
+        loadPaths: ['src/scss/mixins'],
+      },
+    );
+
+    expect(result.css).toContain('box-shadow: 0 -1px 0 0 var(--stroke);');
+  });
+
+  it('accepts solid as a no-op style token for border shorthand familiarity', () => {
+    const result = compileString(
+      `
+      @use 'element' as *;
+
+      .target {
+        @include oc-border(1px solid black);
+      }
+      `,
+      {
+        loadPaths: ['src/scss/mixins'],
+      },
+    );
+
+    expect(result.css).toContain('box-shadow: inset 0 0 0 1px black;');
+  });
+
+  it('emits multiple side shadows in shorthand order', () => {
+    const result = compileString(
+      `
+      @use 'element' as *;
+
+      .target {
+        @include oc-border(1px top right var(--stroke));
+      }
+      `,
+      {
+        loadPaths: ['src/scss/mixins'],
+      },
+    );
+
+    expect(result.css).toContain(
+      'box-shadow: inset 0 1px 0 0 var(--stroke), inset -1px 0 0 0 var(--stroke);',
+    );
+  });
+
+  it('keeps comma-separated width and color calls compatible', () => {
+    const result = compileString(
+      `
+      @use 'element' as *;
+
+      .target {
+        @include oc-border(1px, var(--stroke));
+      }
+      `,
+      {
+        loadPaths: ['src/scss/mixins'],
+      },
+    );
+
+    expect(result.css).toContain('box-shadow: inset 0 0 0 1px var(--stroke);');
+  });
+
   it('adds WebKit DPR correction for 1.5px borders', () => {
     const result = compileString(
       `
@@ -68,14 +138,33 @@ describe('oc-border mixin', () => {
       },
     );
 
-    expect(result.css).toContain('box-shadow: inset 0 0 0 1.5px currentColor;');
+    expect(result.css).toContain('box-shadow: inset 0 0 0 1.5px currentcolor;');
     expect(result.css).toContain('@supports (-webkit-backdrop-filter: none)');
-    expect(result.css).toContain('box-shadow: inset 0 0 0 1px currentColor;');
+    expect(result.css).toContain('box-shadow: inset 0 0 0 1px currentcolor;');
     expect(result.css).toContain('@media only screen and (resolution: 2dppx)');
     expect(result.css).toContain('@media only screen and (resolution: 3dppx)');
     expect(result.css).toContain(
-      'box-shadow: inset 0 0 0 1.6666px currentColor;',
+      'box-shadow: inset 0 0 0 1.6666px currentcolor;',
+    );
+  });
+
+  it('applies WebKit DPR correction to directional outer borders', () => {
+    const result = compileString(
+      `
+      @use 'element' as *;
+
+      .target {
+        @include oc-border(1.5px bottom outer var(--stroke));
+      }
+      `,
+      {
+        loadPaths: ['src/scss/mixins'],
+      },
     );
+
+    expect(result.css).toContain('box-shadow: 0 1.5px 0 0 var(--stroke);');
+    expect(result.css).toContain('box-shadow: 0 1px 0 0 var(--stroke);');
+    expect(result.css).toContain('box-shadow: 0 1.6666px 0 0 var(--stroke);');
   });
 
   it('generalizes WebKit DPR correction for half-pixel borders', () => {

package/src/scss/mixins/_icon.scss

@@ -0,0 +1,27 @@
+// Sizes an SvgIcon slot from the inherited line box.
+// block-size(높이)만 line box 기준으로 잡고 inline-size는 auto라, SVG viewBox 비율대로
+// 너비가 따라온다. 강제 1:1이 아니라 종횡비 보존.
+// - $inset: line box에서 뺄 breathing room (raw em). 컴포넌트가 $inset-var CSS 변수로
+//   size별 override 가능하고, mixin 인자는 그 변수의 default다.
+// - $fallback: `1lh` 미지원(pre-2023) 브라우저 전용. 생략 시 line height를 1.5em로
+//   가정해 `1.5em - inset*2`로 자동 근사한다. 새 컴포넌트는 신경 쓸 필요 없다.
+@mixin oc-icon-box($size-var, $inset-var, $inset: 0.1875em, $fallback: null) {
+  $inset-expr: var(#{$inset-var}, #{$inset});
+  $fallback-size: $fallback;
+
+  @if $fallback == null {
+    $fallback-size: calc(1.5em - (#{$inset-expr} * 2));
+  }
+
+  inline-size: auto;
+
+  // BEGIN 1lh fallback layer — `1lh`이 완전 baseline이 되면 이 base 선언과 @supports
+  // 래퍼를 지우고 @supports 안의 block-size 한 줄만 이 자리로 올리면 된다. call site 무영향.
+  block-size: var(#{$size-var}, #{$fallback-size});
+  @supports (block-size: 1lh) {
+    // stylelint-disable-next-line no-invalid-position-declaration -- mixin body는 항상 selector 안에서 @include된다
+    block-size: var(#{$size-var}, calc(1lh - (#{$inset-expr} * 2)));
+  }
+
+  // END 1lh fallback layer — 위 base 선언 + @supports 래퍼만 삭제.
+}