@caratlogic/design-system 0.1.44 → 0.1.45

package/dist/components/molecules/FloatingSlideOver/FloatingSlideOver.d.ts

@@ -0,0 +1,11 @@
+import { type ReactElement } from 'react';
+import type { FloatingSlideOverProps } from './FloatingSlideOver.types';
+export type { FloatingSlideOverProps } from './FloatingSlideOver.types';
+/**
+ * A large panel that slides in from the right over the page and covers everything right of the sidebar,
+ * floating with a small gap on every side and rounded corners, on the slide-outs' dimmed, slightly blurred
+ * backdrop. The page behind, sidebar included, can't be used until it closes. A click outside calls
+ * `onClose`; the content closes it otherwise (a close button, Escape).
+ */
+export declare function FloatingSlideOver({ open, title, onClose, className, children, }: FloatingSlideOverProps): ReactElement;
+//# sourceMappingURL=FloatingSlideOver.d.ts.map

package/dist/components/molecules/FloatingSlideOver/FloatingSlideOver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingSlideOver.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/FloatingSlideOver/FloatingSlideOver.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAUlD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE,YAAY,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,sBAAsB,GAAG,YAAY,CAgDvC"}

package/dist/components/molecules/FloatingSlideOver/FloatingSlideOver.hooks.d.ts

@@ -0,0 +1,23 @@
+import type { RefObject } from 'react';
+/**
+ * Backdrop handlers that call `onClose` on a click outside the panel, unless a dropdown or menu was open
+ * when the press began: that click only closes the dropdown.
+ */
+export declare function useBackdropClose(onClose?: () => void): {
+    onPointerDown: () => void;
+    onClick: () => void;
+};
+/** Keeps the panel mounted while it slides out; `closing` is true for that time. */
+export declare function useSlideOverPresence(open: boolean): {
+    mounted: boolean;
+    closing: boolean;
+};
+/** Where the content area right of the sidebar starts, in px from the viewport's left; 0 without a sidebar. */
+export declare function useSidebarInsetLeft(active: boolean): number;
+/**
+ * While `active`, makes the app behind the panel inert (no clicks, focus or screen reader) and moves focus
+ * into `panel`; on close, focus goes back where it was. Popovers and menus portal outside the app root, so
+ * they stay usable.
+ */
+export declare function useModalPanel(anchor: RefObject<HTMLElement | null>, panel: RefObject<HTMLElement | null>, active: boolean): void;
+//# sourceMappingURL=FloatingSlideOver.hooks.d.ts.map

package/dist/components/molecules/FloatingSlideOver/FloatingSlideOver.hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingSlideOver.hooks.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/FloatingSlideOver/FloatingSlideOver.hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG;IACtD,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAWA;AAED,oFAAoF;AACpF,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,OAAO,GAAG;IACnD,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB,CAaA;AAED,+GAA+G;AAC/G,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAqB3D;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACrC,KAAK,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACpC,MAAM,EAAE,OAAO,GACd,IAAI,CAcN"}

package/dist/components/molecules/FloatingSlideOver/FloatingSlideOver.types.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+export interface FloatingSlideOverProps {
+    open: boolean;
+    /** Names the panel for assistive tech, e.g. `Advance Search`. */
+    title: string;
+    /**
+     * The panel's content; it fills the panel and handles its own scrolling and closing (e.g. a
+     * `FilterSurface`, whose back arrow and Escape close it). Mounted only while open and while the panel
+     * slides out, so its data loads when the panel opens.
+     */
+    children: ReactNode;
+    /**
+     * Called on a click outside the panel. A click that only closes a dropdown or menu open inside the
+     * panel doesn't count.
+     */
+    onClose?: () => void;
+    className?: string;
+}
+//# sourceMappingURL=FloatingSlideOver.types.d.ts.map

package/dist/components/molecules/FloatingSlideOver/FloatingSlideOver.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingSlideOver.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/FloatingSlideOver/FloatingSlideOver.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/molecules/FloatingSlideOver/FloatingSlideOver.utils.d.ts

@@ -0,0 +1,9 @@
+/** The app's content area, right of the sidebar; the panel starts at its left edge. */
+export declare const SIDEBAR_INSET_SELECTOR = "[data-slot=\"sidebar-inset\"]";
+/** Dropdowns, menus and listboxes, portaled outside the panel; an outside click first closes them. */
+export declare const OPEN_LAYER_SELECTOR = "[data-slot=\"popover-content\"], [role=\"menu\"], [role=\"listbox\"]";
+/** How long the panel takes to slide out; it stays mounted until then. */
+export declare const SLIDE_OUT_MS = 200;
+/** The top-level element under `<body>` that holds `node`: the app root, for a node in the page. */
+export declare function getBodyChild(node: Element): Element | null;
+//# sourceMappingURL=FloatingSlideOver.utils.d.ts.map

package/dist/components/molecules/FloatingSlideOver/FloatingSlideOver.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingSlideOver.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/FloatingSlideOver/FloatingSlideOver.utils.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,eAAO,MAAM,sBAAsB,kCAAgC,CAAC;AAEpE,sGAAsG;AACtG,eAAO,MAAM,mBAAmB,yEACkC,CAAC;AAEnE,0EAA0E;AAC1E,eAAO,MAAM,YAAY,MAAM,CAAC;AAEhC,oGAAoG;AACpG,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAK1D"}

package/dist/components/molecules/FloatingSlideOver/index.d.ts

@@ -0,0 +1,3 @@
+export { FloatingSlideOver } from './FloatingSlideOver';
+export type { FloatingSlideOverProps } from './FloatingSlideOver';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/FloatingSlideOver/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/FloatingSlideOver/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/molecules/Sidebar/Sidebar.parts.d.ts.map

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

package/dist/components/molecules/SlideOut/SlideOut.parts.d.ts

@@ -4,6 +4,8 @@ declare const SlideOut: ({ open, onOpenChange, ...props }: React.ComponentProps<
 declare const SlideOutTrigger: React.ForwardRefExoticComponent<SlideOutPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const SlideOutClose: React.ForwardRefExoticComponent<SlideOutPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const SlideOutPortal: React.FC<SlideOutPrimitive.DialogPortalProps>;
+/** The slide-outs' backdrop, dimmed and slightly blurred; other panels over the page reuse it to match. */
+export declare const SLIDE_OUT_BACKDROP_CLASS_NAME: string;
 declare const SlideOutOverlay: React.ForwardRefExoticComponent<Omit<SlideOutPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SlideOutContent: React.ForwardRefExoticComponent<Omit<SlideOutPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     overlayClassName?: string;

package/dist/components/molecules/SlideOut/SlideOut.parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideOut.parts.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/SlideOut/SlideOut.parts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,wBAAwB,CAAC;AAI5D,QAAA,MAAM,QAAQ,GAAI,kCAIf,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,KAAG,KAAK,CAAC,YAY9D,CAAC;AACF,QAAA,MAAM,eAAe,gHAA4B,CAAC;AAClD,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAC9C,QAAA,MAAM,cAAc,+CAA2B,CAAC;AAGhD,QAAA,MAAM,eAAe,gKASnB,CAAC;AAiBH,QAAA,MAAM,eAAe;uBAGE,MAAM;WAClB,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ;wCAiB5C,CAAC;AAIH,QAAA,MAAM,cAAc;8BAGjB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAIF,QAAA,MAAM,aAAa,sKASjB,CAAC;AAIH,QAAA,MAAM,mBAAmB,gLASvB,CAAC;AAGH,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EACb,cAAc,EACd,eAAe,EACf,eAAe,EACf,cAAc,EACd,aAAa,EACb,mBAAmB,GACpB,CAAC"}
+{"version":3,"file":"SlideOut.parts.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/SlideOut/SlideOut.parts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,wBAAwB,CAAC;AAI5D,QAAA,MAAM,QAAQ,GAAI,kCAIf,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,KAAG,KAAK,CAAC,YAY9D,CAAC;AACF,QAAA,MAAM,eAAe,gHAA4B,CAAC;AAClD,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAC9C,QAAA,MAAM,cAAc,+CAA2B,CAAC;AAMhD,2GAA2G;AAC3G,eAAO,MAAM,6BAA6B,QAGzC,CAAC;AAEF,QAAA,MAAM,eAAe,gKASnB,CAAC;AAiBH,QAAA,MAAM,eAAe;uBAGE,MAAM;WAClB,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ;wCAmB5C,CAAC;AAIH,QAAA,MAAM,cAAc;8BAGjB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAIF,QAAA,MAAM,aAAa,sKASjB,CAAC;AAIH,QAAA,MAAM,mBAAmB,gLASvB,CAAC;AAGH,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EACb,cAAc,EACd,eAAe,EACf,eAAe,EACf,cAAc,EACd,aAAa,EACb,mBAAmB,GACpB,CAAC"}

package/dist/components/organisms/Filters/FilterSurface/FilterSurface.accessibility.d.ts

@@ -1,5 +1,6 @@
 /** Leaves without applying; the draft is discarded. */
 export declare const BACK_LABEL = "Back without applying";
+export declare const CLOSE_LABEL = "Close without applying";
 export declare const LOADING_LABEL = "Loading filters";
 export declare const ERROR_TITLE = "Couldn't load filters";
 export declare const DEFAULT_ERROR_MESSAGE = "Something went wrong while loading the filters. Check your connection and try again.";

package/dist/components/organisms/Filters/FilterSurface/FilterSurface.accessibility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSurface.accessibility.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.accessibility.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,eAAO,MAAM,UAAU,0BAA0B,CAAC;AAElD,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAC/C,eAAO,MAAM,WAAW,0BAA0B,CAAC;AACnD,eAAO,MAAM,qBAAqB,yFACsD,CAAC;AACzF,eAAO,MAAM,WAAW,cAAc,CAAC;AAEvC,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,MAAwB,CAAC;AACzE,eAAO,MAAM,iBAAiB,2BAA2B,CAAC"}
+{"version":3,"file":"FilterSurface.accessibility.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.accessibility.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,eAAO,MAAM,UAAU,0BAA0B,CAAC;AAClD,eAAO,MAAM,WAAW,2BAA2B,CAAC;AAEpD,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAC/C,eAAO,MAAM,WAAW,0BAA0B,CAAC;AACnD,eAAO,MAAM,qBAAqB,yFACsD,CAAC;AACzF,eAAO,MAAM,WAAW,cAAc,CAAC;AAEvC,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,MAAwB,CAAC;AACzE,eAAO,MAAM,iBAAiB,2BAA2B,CAAC"}

package/dist/components/organisms/Filters/FilterSurface/FilterSurface.d.ts

@@ -2,7 +2,7 @@ import { type ReactElement } from 'react';
 import type { FilterSurfaceGroupProps, FilterSurfaceMoreProps, FilterSurfaceProps, FilterSurfaceSortableProps } from './FilterSurface.types';
 export type { FilterCardLayout, FilterSurfaceGroupProps, FilterSurfaceMoreProps, FilterSurfaceProps, FilterSurfaceSortableProps, FilterSurfaceStatus, } from './FilterSurface.types';
 /** Full-page filter screen (e.g. an advanced search): one sticky header with every action, then the scrolling card grid. */
-export declare function FilterSurface({ title, headerActions, primaryActions, chips, onClose, status, errorMessage, onRetry, skeleton, children, }: FilterSurfaceProps): ReactElement;
+export declare function FilterSurface({ title, headerActions, primaryActions, chips, onClose, closeButton, status, errorMessage, onRetry, skeleton, children, }: FilterSurfaceProps): ReactElement;
 /**
  * Lets the user drag the cards of its `FilterSurfaceGroup`s (those with a `sortableId`) into any order and
  * between groups, from a grip on each card. A collapsed `FilterSurfaceMore` opens when a card rests on it.

package/dist/components/organisms/Filters/FilterSurface/FilterSurface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSurface.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AA6BpD,OAAO,KAAK,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,0BAA0B,EAC3B,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAE/B,4HAA4H;AAC5H,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAa,EACb,cAAc,EACd,KAAK,EACL,OAAO,EACP,MAAgB,EAChB,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,GAAG,YAAY,CA2CnC;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,cAAc,EACd,UAAU,EACV,SAAS,EACT,QAAQ,GACT,EAAE,0BAA0B,GAAG,YAAY,CAsB3C;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAe,EACf,UAAU,EACV,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,GAAG,YAAY,CA4CxC;AAED,iEAAiE;AACjE,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,eAAe,EACf,QAAQ,GACT,EAAE,sBAAsB,GAAG,YAAY,CA6BvC"}
+{"version":3,"file":"FilterSurface.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AA8BpD,OAAO,KAAK,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,0BAA0B,EAC3B,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAE/B,4HAA4H;AAC5H,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAa,EACb,cAAc,EACd,KAAK,EACL,OAAO,EACP,WAAoB,EACpB,MAAgB,EAChB,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,GAAG,YAAY,CA2DnC;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,cAAc,EACd,UAAU,EACV,SAAS,EACT,QAAQ,GACT,EAAE,0BAA0B,GAAG,YAAY,CAsB3C;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAe,EACf,UAAU,EACV,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,GAAG,YAAY,CA4CxC;AAED,iEAAiE;AACjE,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,eAAe,EACf,QAAQ,GACT,EAAE,sBAAsB,GAAG,YAAY,CA6BvC"}

package/dist/components/organisms/Filters/FilterSurface/FilterSurface.types.d.ts

@@ -8,8 +8,13 @@ export interface FilterSurfaceProps {
     primaryActions?: ReactNode;
     /** Fills the header between the back arrow and the actions, e.g. the "Filtered by" chips with Clear all. */
     chips?: ReactNode;
-    /** The back arrow and Escape leave without applying. */
+    /** The back arrow (or close button) and Escape leave without applying. */
     onClose: () => void;
+    /**
+     * `back` (default): a back arrow at the header's start, for a full page. `close`: an X at its end, after
+     * the actions, for a panel over the page (e.g. in a `FloatingSlideOver`).
+     */
+    closeButton?: 'back' | 'close';
     /** `loading` shows skeleton cards and `error` an error panel in place of the cards; the primary actions and chips show only when `ready`. */
     status?: FilterSurfaceStatus;
     /** Error panel text. Default explains the filters couldn't load. */

package/dist/components/organisms/Filters/FilterSurface/FilterSurface.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSurface.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilterSurface.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.types.ts"],"names":[],"mappings":"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"}

package/dist/index.cjs.js

@@ -43832,6 +43832,154 @@ function TriStateFilter({ value, onChange, ariaLabel, compact = false, }) {
         }) }));
 }
 
+const SlideOut = ({ open, onOpenChange, ...props }) => {
+    const scheduleLockRelease = useOverlayBodyLockRelease(open);
+    return (jsxRuntime.jsx(DialogPrimitive__namespace.Root, { ...props, open: open, onOpenChange: (next) => {
+            onOpenChange?.(next);
+            if (!next)
+                scheduleLockRelease();
+        } }));
+};
+const SlideOutTrigger = DialogPrimitive__namespace.Trigger;
+const SlideOutClose = DialogPrimitive__namespace.Close;
+const SlideOutPortal = DialogPrimitive__namespace.Portal;
+// Overlay
+const SLIDE_OUT_OVERLAY_CLASS_NAME = 'fixed inset-0 z-40 bg-black/50';
+const SLIDE_OUT_OVERLAY_BLUR_CLASS_NAME = 'backdrop-blur-sm';
+/** The slide-outs' backdrop, dimmed and slightly blurred; other panels over the page reuse it to match. */
+const SLIDE_OUT_BACKDROP_CLASS_NAME = cn(SLIDE_OUT_OVERLAY_CLASS_NAME, SLIDE_OUT_OVERLAY_BLUR_CLASS_NAME);
+const SlideOutOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, { ref: ref, className: cn(SLIDE_OUT_OVERLAY_CLASS_NAME, className), ...props })));
+SlideOutOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
+// Positional classes per edge. `right` is the historical default and its
+// value is byte-for-byte what SlideOutContent always rendered.
+const slideOutSideClasses = {
+    right: 'right-0 top-0 h-full w-[488px] max-w-full border-l slide-in-from-right',
+    left: 'left-0 top-0 h-full w-[488px] max-w-full border-r slide-in-from-left',
+    top: 'inset-x-0 top-0 h-1/3 w-full border-b slide-in-from-top',
+    bottom: 'inset-x-0 bottom-0 h-1/3 w-full border-t slide-in-from-bottom',
+};
+// Content — slide-out panel. Defaults to a right-anchored 488px drawer;
+// pass `side` to anchor to any edge (absorbs the old sheet/drawer use cases).
+const SlideOutContent = React__namespace.forwardRef(({ className, children, overlayClassName, side = 'right', ...props }, ref) => (jsxRuntime.jsxs(SlideOutPortal, { children: [jsxRuntime.jsx(SlideOutOverlay, { className: overlayClassName ?? SLIDE_OUT_OVERLAY_BLUR_CLASS_NAME }), jsxRuntime.jsx(DialogPrimitive__namespace.Content, { ref: ref, className: cn('fixed z-50 border-border bg-card text-card-foreground shadow-xl animate-in', slideOutSideClasses[side], className), ...props, children: children })] })));
+SlideOutContent.displayName = DialogPrimitive__namespace.Content.displayName;
+// Header — owns the standard 16px padding and bottom border.
+const SlideOutHeader = ({ className, ...props }) => (jsxRuntime.jsx("div", { className: cn('flex flex-col space-y-1.5 border-b border-border px-4 py-4 text-xs', className), ...props }));
+SlideOutHeader.displayName = 'SlideOutHeader';
+// Title
+const SlideOutTitle = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(DialogPrimitive__namespace.Title, { ref: ref, className: cn('text-lg font-semibold', className), ...props })));
+SlideOutTitle.displayName = DialogPrimitive__namespace.Title.displayName;
+// Description
+const SlideOutDescription = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(DialogPrimitive__namespace.Description, { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props })));
+SlideOutDescription.displayName = DialogPrimitive__namespace.Description.displayName;
+
+/** The app's content area, right of the sidebar; the panel starts at its left edge. */
+const SIDEBAR_INSET_SELECTOR = '[data-slot="sidebar-inset"]';
+/** Dropdowns, menus and listboxes, portaled outside the panel; an outside click first closes them. */
+const OPEN_LAYER_SELECTOR = '[data-slot="popover-content"], [role="menu"], [role="listbox"]';
+/** How long the panel takes to slide out; it stays mounted until then. */
+const SLIDE_OUT_MS = 200;
+/** The top-level element under `<body>` that holds `node`: the app root, for a node in the page. */
+function getBodyChild(node) {
+    let current = node;
+    while (current && current.parentElement !== node.ownerDocument.body)
+        current = current.parentElement;
+    return current;
+}
+
+/**
+ * Backdrop handlers that call `onClose` on a click outside the panel, unless a dropdown or menu was open
+ * when the press began: that click only closes the dropdown.
+ */
+function useBackdropClose(onClose) {
+    const layerOpenRef = React.useRef(false);
+    return {
+        onPointerDown: () => {
+            layerOpenRef.current = !!document.querySelector(OPEN_LAYER_SELECTOR);
+        },
+        onClick: () => {
+            if (!layerOpenRef.current)
+                onClose?.();
+            layerOpenRef.current = false;
+        },
+    };
+}
+/** Keeps the panel mounted while it slides out; `closing` is true for that time. */
+function useSlideOverPresence(open) {
+    const [mounted, setMounted] = React.useState(open);
+    React.useEffect(() => {
+        if (open) {
+            setMounted(true);
+            return;
+        }
+        const timer = window.setTimeout(() => setMounted(false), SLIDE_OUT_MS);
+        return () => window.clearTimeout(timer);
+    }, [open]);
+    return { mounted: mounted || open, closing: mounted && !open };
+}
+/** Where the content area right of the sidebar starts, in px from the viewport's left; 0 without a sidebar. */
+function useSidebarInsetLeft(active) {
+    const [left, setLeft] = React.useState(0);
+    React.useLayoutEffect(() => {
+        if (!active)
+            return;
+        const inset = document.querySelector(SIDEBAR_INSET_SELECTOR);
+        if (!inset)
+            return;
+        const measure = () => setLeft(Math.max(0, inset.getBoundingClientRect().left));
+        measure();
+        // The inset narrows or widens with the window and the sidebar.
+        const observer = new ResizeObserver(measure);
+        observer.observe(inset);
+        window.addEventListener('resize', measure);
+        return () => {
+            observer.disconnect();
+            window.removeEventListener('resize', measure);
+        };
+    }, [active]);
+    return left;
+}
+/**
+ * While `active`, makes the app behind the panel inert (no clicks, focus or screen reader) and moves focus
+ * into `panel`; on close, focus goes back where it was. Popovers and menus portal outside the app root, so
+ * they stay usable.
+ */
+function useModalPanel(anchor, panel, active) {
+    React.useEffect(() => {
+        const root = anchor.current && getBodyChild(anchor.current);
+        if (!active || !(root instanceof HTMLElement))
+            return;
+        const previousFocus = document.activeElement;
+        const wasInert = root.inert;
+        root.inert = true;
+        panel.current?.focus({ preventScroll: true });
+        return () => {
+            root.inert = wasInert;
+            if (previousFocus instanceof HTMLElement)
+                previousFocus.focus({ preventScroll: true });
+        };
+    }, [anchor, panel, active]);
+}
+
+/**
+ * A large panel that slides in from the right over the page and covers everything right of the sidebar,
+ * floating with a small gap on every side and rounded corners, on the slide-outs' dimmed, slightly blurred
+ * backdrop. The page behind, sidebar included, can't be used until it closes. A click outside calls
+ * `onClose`; the content closes it otherwise (a close button, Escape).
+ */
+function FloatingSlideOver({ open, title, onClose, className, children, }) {
+    const anchorRef = React.useRef(null);
+    const panelRef = React.useRef(null);
+    const { mounted, closing } = useSlideOverPresence(open);
+    const left = useSidebarInsetLeft(mounted);
+    useModalPanel(anchorRef, panelRef, mounted);
+    const backdrop = useBackdropClose(onClose);
+    const state = closing ? 'closed' : 'open';
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { ref: anchorRef, hidden: true }), mounted &&
+                ReactDOM.createPortal(jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { "aria-hidden": "true", "data-state": state, className: SLIDE_OUT_BACKDROP_CLASS_NAME, onPointerDown: backdrop.onPointerDown, onClick: backdrop.onClick }), jsxRuntime.jsx("div", { ref: panelRef, role: "dialog", "aria-modal": "true", "aria-label": title, tabIndex: -1, "data-state": state, 
+                            // The same gap from the sidebar's edge as on the other sides.
+                            style: { left: `calc(${left}px + 0.5rem)` }, className: cn('fixed inset-y-2 right-2 z-50 flex flex-col overflow-hidden rounded-xl border border-border bg-background shadow-xl outline-none', 'data-[state=open]:animate-in data-[state=open]:slide-in-from-right data-[state=open]:duration-300 data-[state=open]:ease-out', 'data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=closed]:duration-200 data-[state=closed]:ease-in', 'motion-reduce:animate-none', className), children: children })] }), document.body)] }));
+}
+
 /** Read-only filter summaries of a saved search, as pills; optionally one line ending in "+N more". */
 function SavedSearchChipList({ chips, emptyText = 'No filters', collapsible = false, className, }) {
     const { listRef, expanded, toggle, visibleChips, hiddenCount } = useChipOverflow(chips, collapsible);
@@ -73479,7 +73627,7 @@ const SidebarRail = React__namespace.forwardRef(({ className, ...props }, ref) =
     return (jsxRuntime.jsx("button", { ref: ref, "data-sidebar": "rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: cn('absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex', '[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize', '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize', 'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar', 'group-data-[side=left][data-collapsible=offcanvas]:-right-2', 'group-data-[side=right][data-collapsible=offcanvas]:-left-2', className), ...props }));
 });
 SidebarRail.displayName = 'SidebarRail';
-const SidebarInset = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx("main", { ref: ref, className: cn('relative flex min-h-screen flex-1 flex-col bg-background', 'peer-data-[variant=inset]:min-h-[calc(100svh-1rem)] md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow', className), ...props })));
+const SidebarInset = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx("main", { ref: ref, "data-slot": "sidebar-inset", className: cn('relative flex min-h-screen flex-1 flex-col bg-background', 'peer-data-[variant=inset]:min-h-[calc(100svh-1rem)] md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow', className), ...props })));
 SidebarInset.displayName = 'SidebarInset';
 const SidebarInput = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx("input", { ref: ref, "data-sidebar": "input", className: cn('h-8 w-full bg-background text-sm shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring', className), ...props })));
 SidebarInput.displayName = 'SidebarInput';
@@ -73617,42 +73765,6 @@ const AppSidebar = ({ brand, navGroups = [], footer, className, }) => {
     return (jsxRuntime.jsxs(Sidebar, { collapsible: "icon", className: className, children: [brand && (jsxRuntime.jsx(SidebarHeader, { children: jsxRuntime.jsx(BrandHeader$1, { brand: brand }) })), jsxRuntime.jsx(SidebarContent, { children: navGroups.map((group) => (jsxRuntime.jsx(NavGroupSection, { group: group }, group.label ?? 'nav-group'))) }), footer && jsxRuntime.jsx(SidebarFooter, { children: footer }), jsxRuntime.jsx(SidebarRail, {})] }));
 };
 
-const SlideOut = ({ open, onOpenChange, ...props }) => {
-    const scheduleLockRelease = useOverlayBodyLockRelease(open);
-    return (jsxRuntime.jsx(DialogPrimitive__namespace.Root, { ...props, open: open, onOpenChange: (next) => {
-            onOpenChange?.(next);
-            if (!next)
-                scheduleLockRelease();
-        } }));
-};
-const SlideOutTrigger = DialogPrimitive__namespace.Trigger;
-const SlideOutClose = DialogPrimitive__namespace.Close;
-const SlideOutPortal = DialogPrimitive__namespace.Portal;
-// Overlay
-const SlideOutOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, { ref: ref, className: cn('fixed inset-0 z-40 bg-black/50', className), ...props })));
-SlideOutOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-// Positional classes per edge. `right` is the historical default and its
-// value is byte-for-byte what SlideOutContent always rendered.
-const slideOutSideClasses = {
-    right: 'right-0 top-0 h-full w-[488px] max-w-full border-l slide-in-from-right',
-    left: 'left-0 top-0 h-full w-[488px] max-w-full border-r slide-in-from-left',
-    top: 'inset-x-0 top-0 h-1/3 w-full border-b slide-in-from-top',
-    bottom: 'inset-x-0 bottom-0 h-1/3 w-full border-t slide-in-from-bottom',
-};
-// Content — slide-out panel. Defaults to a right-anchored 488px drawer;
-// pass `side` to anchor to any edge (absorbs the old sheet/drawer use cases).
-const SlideOutContent = React__namespace.forwardRef(({ className, children, overlayClassName, side = 'right', ...props }, ref) => (jsxRuntime.jsxs(SlideOutPortal, { children: [jsxRuntime.jsx(SlideOutOverlay, { className: overlayClassName ?? 'backdrop-blur-sm' }), jsxRuntime.jsx(DialogPrimitive__namespace.Content, { ref: ref, className: cn('fixed z-50 border-border bg-card text-card-foreground shadow-xl animate-in', slideOutSideClasses[side], className), ...props, children: children })] })));
-SlideOutContent.displayName = DialogPrimitive__namespace.Content.displayName;
-// Header — owns the standard 16px padding and bottom border.
-const SlideOutHeader = ({ className, ...props }) => (jsxRuntime.jsx("div", { className: cn('flex flex-col space-y-1.5 border-b border-border px-4 py-4 text-xs', className), ...props }));
-SlideOutHeader.displayName = 'SlideOutHeader';
-// Title
-const SlideOutTitle = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(DialogPrimitive__namespace.Title, { ref: ref, className: cn('text-lg font-semibold', className), ...props })));
-SlideOutTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-// Description
-const SlideOutDescription = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(DialogPrimitive__namespace.Description, { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props })));
-SlideOutDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-
 const SpecList = ({ rows, zebra = true, className, }) => {
     const visible = rows.filter((r) => !r.hidden);
     if (visible.length === 0)
@@ -77886,6 +77998,7 @@ function FilterField(props) {
 
 /** Leaves without applying; the draft is discarded. */
 const BACK_LABEL = 'Back without applying';
+const CLOSE_LABEL = 'Close without applying';
 const LOADING_LABEL = 'Loading filters';
 const ERROR_TITLE = "Couldn't load filters";
 const DEFAULT_ERROR_MESSAGE = 'Something went wrong while loading the filters. Check your connection and try again.';
@@ -78399,11 +78512,11 @@ function FilterCardOverlay({ node, }) {
 }
 
 /** Full-page filter screen (e.g. an advanced search): one sticky header with every action, then the scrolling card grid. */
-function FilterSurface({ title, headerActions, primaryActions, chips, onClose, status = 'ready', errorMessage, onRetry, skeleton, children, }) {
+function FilterSurface({ title, headerActions, primaryActions, chips, onClose, closeButton = 'back', status = 'ready', errorMessage, onRetry, skeleton, children, }) {
     useCloseOnEscape(onClose);
     const ready = status === 'ready';
     const actions = ready ? primaryActions : undefined;
-    return (jsxRuntime.jsxs("div", { role: "region", "aria-label": title, className: "flex h-full min-h-0 flex-col bg-background", children: [jsxRuntime.jsxs("header", { className: "sticky top-0 z-20 flex shrink-0 flex-wrap items-center gap-x-3 gap-y-2 bg-background px-3 py-2.5", children: [jsxRuntime.jsx(IconButton, { appearance: "ghost", size: "sm", "aria-label": BACK_LABEL, title: BACK_LABEL, onClick: onClose, children: jsxRuntime.jsx(ArrowLeft, {}) }), jsxRuntime.jsx("h1", { className: "sr-only", children: title }), jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: ready && chips }), jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [headerActions, actions] })] }), jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 pb-3", children: status === 'loading' ? (jsxRuntime.jsx(FilterSurfaceSkeleton, { children: skeleton })) : status === 'error' ? (jsxRuntime.jsx(FilterSurfaceError, { message: errorMessage ?? DEFAULT_ERROR_MESSAGE, onRetry: onRetry })) : (jsxRuntime.jsx("div", { className: "flex flex-col gap-3", children: children })) })] }));
+    return (jsxRuntime.jsxs("div", { role: "region", "aria-label": title, className: "flex h-full min-h-0 flex-col bg-background", children: [jsxRuntime.jsxs("header", { className: "sticky top-0 z-20 flex shrink-0 flex-wrap items-center gap-x-3 gap-y-2 bg-background px-3 py-2.5", children: [closeButton === 'back' && (jsxRuntime.jsx(IconButton, { appearance: "ghost", size: "sm", "aria-label": BACK_LABEL, title: BACK_LABEL, onClick: onClose, children: jsxRuntime.jsx(ArrowLeft, {}) })), jsxRuntime.jsx("h1", { className: "sr-only", children: title }), jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: ready && chips }), jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [headerActions, actions, closeButton === 'close' && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { "aria-hidden": "true", className: "mx-1 h-6 w-px bg-border" }), jsxRuntime.jsx(IconButton, { appearance: "ghost", size: "sm", "aria-label": CLOSE_LABEL, title: CLOSE_LABEL, onClick: onClose, children: jsxRuntime.jsx(X$2, {}) })] }))] })] }), jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 pb-3", children: status === 'loading' ? (jsxRuntime.jsx(FilterSurfaceSkeleton, { children: skeleton })) : status === 'error' ? (jsxRuntime.jsx(FilterSurfaceError, { message: errorMessage ?? DEFAULT_ERROR_MESSAGE, onRetry: onRetry })) : (jsxRuntime.jsx("div", { className: "flex flex-col gap-3", children: children })) })] }));
 }
 /**
  * Lets the user drag the cards of its `FilterSurfaceGroup`s (those with a `sortableId`) into any order and
@@ -81094,6 +81207,7 @@ exports.FilterSurface = FilterSurface;
 exports.FilterSurfaceGroup = FilterSurfaceGroup;
 exports.FilterSurfaceMore = FilterSurfaceMore;
 exports.FilterSurfaceSortable = FilterSurfaceSortable;
+exports.FloatingSlideOver = FloatingSlideOver;
 exports.FormSectionCard = FormSectionCard;
 exports.FormSectionCardSkeleton = FormSectionCardSkeleton;
 exports.GEM_AUDIT_CONFIG = GEM_AUDIT_CONFIG;