@caratlogic/design-system 0.1.43 → 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":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AACpE,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,OAAO,EAEL,cAAc,EAGf,MAAM,yBAAyB,CAAC;AAYjC,UAAU,mBAAmB;IAC3B,KAAK,EAAE,UAAU,GAAG,WAAW,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAID,wBAAgB,UAAU,IAAI,mBAAmB,CAKhD;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,QAAA,MAAM,eAAe,6FAwFpB,CAAC;AAGF,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;IAC3C,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;CAC7C;AAED,QAAA,MAAM,OAAO,qFA4GZ,CAAC;AAGF,QAAA,MAAM,cAAc,yHAwBlB,CAAC;AAGH,QAAA,MAAM,WAAW,yHA0Bf,CAAC;AAGH,QAAA,MAAM,YAAY,uGAahB,CAAC;AAGH,QAAA,MAAM,YAAY,sHAahB,CAAC;AAGH,QAAA,MAAM,aAAa,6GAgBjB,CAAC;AAGH,QAAA,MAAM,aAAa,6GAUjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,6JAUpB,CAAC;AAGH,QAAA,MAAM,cAAc,6GAalB,CAAC;AAGH,QAAA,MAAM,YAAY,6GAahB,CAAC;AAGH,QAAA,MAAM,iBAAiB;cAE8B,OAAO;wCAgB1D,CAAC;AAGH,QAAA,MAAM,kBAAkB;cAEsC,OAAO;2CAiBnE,CAAC;AAGH,QAAA,MAAM,mBAAmB,6GAUvB,CAAC;AAGH,QAAA,MAAM,WAAW,iHAUf,CAAC;AAGH,QAAA,MAAM,eAAe,2GAUnB,CAAC;AAwBH,QAAA,MAAM,yBAAyB;;;mFAoB9B,CAAC;AAEF,MAAM,WAAW,sBACf,SACE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,yBAAyB,CAAC;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;CAC1E;AAED,QAAA,MAAM,iBAAiB,kGAoEtB,CAAC;AAGF,QAAA,MAAM,iBAAiB;cAGT,OAAO;kBACH,OAAO;2CAuBvB,CAAC;AAGH,QAAA,MAAM,gBAAgB,6GAepB,CAAC;AAGH,QAAA,MAAM,mBAAmB;eAE6B,OAAO;wCA2B3D,CAAC;AAGH,QAAA,MAAM,cAAc,iHAelB,CAAC;AAGH,QAAA,MAAM,kBAAkB,2GAetB,CAAC;AAGH,QAAA,MAAM,oBAAoB;cAGZ,OAAO;WACV,IAAI,GAAG,IAAI;eACP,OAAO;2CA6CpB,CAAC;AAGH,OAAO,EACL,OAAO,EACP,cAAc,EACd,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,cAAc,GACf,CAAC;AAEF,eAAO,MAAM,WAAW,8GAA4B,CAAC;AACrD,eAAO,MAAM,kBAAkB,wHAA+B,CAAC;AAC/D,eAAO,MAAM,kBAAkB,qHAA+B,CAAC"}
+{"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,7 +1,11 @@
 /** 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.";
 export declare const RETRY_LABEL = "Try again";
+export declare const CARD_REORDER_HINT = "Drag to rearrange";
+export declare const getCardGripLabel: (card: string) => string;
+export declare const EMPTY_GROUP_LABEL = "Drag filter cards here";
 //# sourceMappingURL=FilterSurface.accessibility.d.ts.map

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"}
+{"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

@@ -1,9 +1,14 @@
 import { type ReactElement } from 'react';
-import type { FilterSurfaceGroupProps, FilterSurfaceMoreProps, FilterSurfaceProps } from './FilterSurface.types';
-export type { FilterSurfaceGroupProps, FilterSurfaceMoreProps, FilterSurfaceProps, FilterSurfaceStatus, } from './FilterSurface.types';
+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 FilterSurfaceGroup({ title, masonry, className, children, }: FilterSurfaceGroupProps): 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.
+ */
+export declare function FilterSurfaceSortable({ layout, onLayoutChange, renderCard, cardLabel, children, }: FilterSurfaceSortableProps): ReactElement;
+export declare function FilterSurfaceGroup({ title, masonry, sortableId, className, children, }: FilterSurfaceGroupProps): ReactElement;
 /** Collapsed "More filters" divider that reveals extra cards. */
 export declare function FilterSurfaceMore({ label, defaultExpanded, children, }: FilterSurfaceMoreProps): ReactElement;
 //# sourceMappingURL=FilterSurface.d.ts.map

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;AAepD,OAAO,KAAK,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,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,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,GAAG,YAAY,CAwBxC;AAED,iEAAiE;AACjE,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,eAAe,EACf,QAAQ,GACT,EAAE,sBAAsB,GAAG,YAAY,CA0BvC"}
+{"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.hooks.d.ts

@@ -1,11 +1,42 @@
+import type { ReactNode } from 'react';
+import type { DraggableSyntheticListeners } from '@dnd-kit/core';
+import type { FilterCardReorder, FilterSurfaceSortableContextValue, UseFilterCardReorderArgs } from './FilterSurface.types';
 export declare function useCloseOnEscape(onClose: () => void): void;
 export declare function useFilterSurfaceMore(defaultExpanded?: boolean): {
     expanded: boolean;
     toggle: () => void;
+    toggleRef: (node: HTMLButtonElement | null) => void;
 };
-/** Measures a masonry card and keeps its row span in step with its height (content opening, wrapping…). */
-export declare function useMasonrySpan(): {
+/**
+ * Measures a masonry card and keeps its row span in step with its height (content opening, wrapping…).
+ * `initialSpan` lets a remounted card take its known height on the first render.
+ */
+export declare function useMasonrySpan(initialSpan?: number): {
     ref: (node: HTMLDivElement | null) => void;
     span: number;
 };
+export declare const FilterSurfaceSortableContext: import("react").Context<FilterSurfaceSortableContextValue | null>;
+/** The surrounding `FilterSurfaceSortable`, or null outside one. */
+export declare function useFilterSurfaceSortable(): FilterSurfaceSortableContextValue | null;
+/** A sortable card's drag wiring, masonry span and registration for the slide animation. */
+export declare function useSortableFilterCard(id: string): {
+    ref: {
+        card: (node: HTMLDivElement | null) => void;
+        span: (node: HTMLDivElement | null) => void;
+    };
+    span: number;
+    isActive: boolean;
+    dragging: boolean;
+    label: string;
+    setActivatorNodeRef: (node: HTMLElement | null) => void;
+    listeners: DraggableSyntheticListeners;
+};
+/**
+ * Card drag-to-reorder across a surface's groups. The live order is a draft: cards reflow as the pointer
+ * crosses them and slide (FLIP) from their old spots, and the draft is handed over on drop. The pointer is
+ * hit-tested against what is on screen, so masonry cards of any height land where they look.
+ */
+export declare function useFilterCardReorder({ layout, onLayoutChange, }: UseFilterCardReorderArgs): FilterCardReorder;
+/** The context the sortable groups and cards read. */
+export declare function useSortableContextValue(reorder: FilterCardReorder, renderCard: (id: string) => ReactNode, cardLabel: ((id: string) => string) | undefined): FilterSurfaceSortableContextValue;
 //# sourceMappingURL=FilterSurface.hooks.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterSurface.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.hooks.tsx"],"names":[],"mappings":"AAMA,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,CAe1D;AAED,wBAAgB,oBAAoB,CAAC,eAAe,UAAQ,GAAG;IAC7D,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAGA;AAED,2GAA2G;AAC3G,wBAAgB,cAAc,IAAI;IAChC,GAAG,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,IAAI,EAAE,MAAM,CAAC;CACd,CAiBA"}
+{"version":3,"file":"FilterSurface.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.hooks.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EACV,2BAA2B,EAE5B,MAAM,eAAe,CAAC;AAWvB,OAAO,KAAK,EAGV,iBAAiB,EACjB,iCAAiC,EACjC,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,CAe1D;AAED,wBAAgB,oBAAoB,CAAC,eAAe,UAAQ,GAAG;IAC7D,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD,CAkBA;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,WAAW,SAAI,GAAG;IAC/C,GAAG,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,IAAI,EAAE,MAAM,CAAC;CACd,CAiBA;AAED,eAAO,MAAM,4BAA4B,mEACsB,CAAC;AAEhE,oEAAoE;AACpE,wBAAgB,wBAAwB,IAAI,iCAAiC,GAAG,IAAI,CAEnF;AAED,4FAA4F;AAC5F,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,MAAM,GAAG;IACjD,GAAG,EAAE;QACH,IAAI,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;QAC5C,IAAI,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;KAC7C,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,SAAS,EAAE,2BAA2B,CAAC;CACxC,CAgCA;AAqDD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,cAAc,GACf,EAAE,wBAAwB,GAAG,iBAAiB,CAyG9C;AAuHD,sDAAsD;AACtD,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,iBAAiB,EAC1B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,SAAS,EACrC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,GAC9C,iCAAiC,CA+BnC"}

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

@@ -1,9 +1,20 @@
 import type { ReactElement } from 'react';
-import type { FilterSurfaceErrorProps, MasonryItemProps, FilterSurfaceSkeletonProps } from './FilterSurface.types';
+import type { CardReorderGripProps, EmptyGroupDropZoneProps, FilterCardOverlayProps, FilterSurfaceErrorProps, MasonryItemProps, FilterSurfaceSkeletonProps, SortableFilterCardProps } from './FilterSurface.types';
 /** Loading placeholder: the page's own skeleton, or generic list cards. */
 export declare function FilterSurfaceSkeleton({ children, }: FilterSurfaceSkeletonProps): ReactElement;
 /** Shown in place of the cards when the filters couldn't load. */
 export declare function FilterSurfaceError({ message, onRetry, }: FilterSurfaceErrorProps): ReactElement;
 /** One masonry cell: spans the rows its card needs; the bottom padding is the gap to the next card. */
 export declare function MasonryItem({ children }: MasonryItemProps): ReactElement;
+/**
+ * A grab tab on the middle of the card's top edge, always visible so the cards read as movable, and clear
+ * of the header's title and actions. It lights up with its card on hover. The only place a card drag starts.
+ */
+export declare function CardReorderGrip({ label, dragging, setActivatorNodeRef, listeners, }: CardReorderGripProps): ReactElement;
+/** A card in a sortable group: draggable from its grip, and a dashed slot where it will land while it drags. */
+export declare function SortableFilterCard({ id, masonry, children, }: SortableFilterCardProps): ReactElement;
+/** Where a group with no cards takes a drop. */
+export declare function EmptyGroupDropZone({ groupId, }: EmptyGroupDropZoneProps): ReactElement;
+/** The copy of the dragged card under the pointer. */
+export declare function FilterCardOverlay({ node, }: FilterCardOverlayProps): ReactElement;
 //# sourceMappingURL=FilterSurface.parts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterSurface.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAU1C,OAAO,KAAK,EACV,uBAAuB,EACvB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,uBAAuB,CAAC;AAW/B,2EAA2E;AAC3E,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,GACT,EAAE,0BAA0B,GAAG,YAAY,CAY3C;AAED,kEAAkE;AAClE,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,OAAO,GACR,EAAE,uBAAuB,GAAG,YAAY,CA2BxC;AAED,uGAAuG;AACvG,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,GAAG,YAAY,CASxE"}
+{"version":3,"file":"FilterSurface.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAoB1C,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,gBAAgB,EAChB,0BAA0B,EAC1B,uBAAuB,EACxB,MAAM,uBAAuB,CAAC;AAY/B,2EAA2E;AAC3E,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,GACT,EAAE,0BAA0B,GAAG,YAAY,CAY3C;AAED,kEAAkE;AAClE,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,OAAO,GACR,EAAE,uBAAuB,GAAG,YAAY,CA2BxC;AAED,uGAAuG;AACvG,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,GAAG,YAAY,CASxE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,SAAS,GACV,EAAE,oBAAoB,GAAG,YAAY,CAqCrC;AAED,gHAAgH;AAChH,wBAAgB,kBAAkB,CAAC,EACjC,EAAE,EACF,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,GAAG,YAAY,CA6CxC;AAED,gDAAgD;AAChD,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,GACR,EAAE,uBAAuB,GAAG,YAAY,CASxC;AAED,sDAAsD;AACtD,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,GACL,EAAE,sBAAsB,GAAG,YAAY,CAqBvC"}

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

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import type { DraggableSyntheticListeners, DragStartEvent, SensorDescriptor, SensorOptions } from '@dnd-kit/core';
 export interface FilterSurfaceProps {
     title: string;
     /** Secondary header actions, e.g. Saved searches. */
@@ -7,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. */
@@ -35,8 +41,13 @@ export interface FilterSurfaceGroupProps {
      * and short cards interlock with no empty space. Columns still come from `className` (e.g. `lg:grid-cols-3`).
      */
     masonry?: boolean;
+    /**
+     * Inside a `FilterSurfaceSortable`, the layout group this grid shows: its cards come from the layout and
+     * `renderCard`, and `children` is ignored.
+     */
+    sortableId?: string;
     className?: string;
-    children: ReactNode;
+    children?: ReactNode;
 }
 export interface MasonryItemProps {
     children: ReactNode;
@@ -47,4 +58,86 @@ export interface FilterSurfaceMoreProps {
     defaultExpanded?: boolean;
     children: ReactNode;
 }
+/** Card ids per sortable group, in display order, e.g. `{ search: ['shape', 'carat'], more: ['dates'] }`. */
+export type FilterCardLayout = Record<string, string[]>;
+export interface FilterSurfaceSortableProps {
+    layout: FilterCardLayout;
+    /** Called on drop with every group's new order; the cards keep that order until `layout` changes. */
+    onLayoutChange: (next: FilterCardLayout) => void;
+    /** The card for an id; every id in `layout` should render one. */
+    renderCard: (id: string) => ReactNode;
+    /** The card's name for its drag grip, e.g. its title. Defaults to the id. */
+    cardLabel?: (id: string) => string;
+    children: ReactNode;
+}
+export type FilterCardDropSide = 'before' | 'after';
+export interface FilterCardDropTarget {
+    group: string;
+    /** The card to drop beside; without it the card goes to the end of `group`. */
+    key?: string;
+    side?: FilterCardDropSide;
+}
+/** What is under the pointer during a card drag. */
+export type FilterCardDropHit = {
+    kind: 'card';
+    id: string;
+    group: string;
+    rect: DOMRect;
+} | {
+    kind: 'group';
+    group: string;
+} | {
+    kind: 'more';
+    toggle: HTMLElement;
+};
+export interface UseFilterCardReorderArgs {
+    layout: FilterCardLayout;
+    onLayoutChange: (next: FilterCardLayout) => void;
+}
+export interface FilterCardReorder {
+    /** The layout on screen: the live order while dragging, else `layout`. */
+    layout: FilterCardLayout;
+    activeId: string | null;
+    /** A copy of the dragged card, shown under the pointer. */
+    overlay: HTMLElement | null;
+    sensors: SensorDescriptor<SensorOptions>[];
+    /** Each card's last masonry row span, so a card moved into another group renders at its height at once. */
+    spans: Map<string, number>;
+    registerCard: (id: string, node: HTMLElement) => void;
+    unregisterCard: (id: string, node: HTMLElement | null) => void;
+    /** Lets a "More filters" toggle open its section when a dragged card rests on it; returns the cleanup. */
+    registerExpander: (toggle: HTMLElement, expand: () => void) => () => void;
+    onDragStart: (event: DragStartEvent) => void;
+    onDragEnd: () => void;
+    onDragCancel: () => void;
+}
+export interface FilterSurfaceSortableContextValue {
+    layout: FilterCardLayout;
+    activeId: string | null;
+    spans: Map<string, number>;
+    renderCard: (id: string) => ReactNode;
+    cardLabel: (id: string) => string;
+    registerCard: (id: string, node: HTMLElement) => void;
+    unregisterCard: (id: string, node: HTMLElement | null) => void;
+    /** Lets a "More filters" toggle open its section when a dragged card rests on it; returns the cleanup. */
+    registerExpander: (toggle: HTMLElement, expand: () => void) => () => void;
+}
+export interface SortableFilterCardProps {
+    id: string;
+    masonry: boolean;
+    children: ReactNode;
+}
+export interface CardReorderGripProps {
+    label: string;
+    /** Hidden for the whole of any card drag. */
+    dragging: boolean;
+    setActivatorNodeRef: (node: HTMLElement | null) => void;
+    listeners: DraggableSyntheticListeners;
+}
+export interface FilterCardOverlayProps {
+    node: HTMLElement;
+}
+export interface EmptyGroupDropZoneProps {
+    groupId: string;
+}
 //# sourceMappingURL=FilterSurface.types.d.ts.map

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":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,6DAA6D;IAC7D,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,4GAA4G;IAC5G,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wDAAwD;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,6IAA6I;IAC7I,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wGAAwG;IACxG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhE,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB"}
+{"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/components/organisms/Filters/FilterSurface/FilterSurface.utils.d.ts

@@ -1,3 +1,12 @@
+import type { DropAnimation } from '@dnd-kit/core';
+import type { FilterCardDropHit, FilterCardDropTarget, FilterCardLayout } from './FilterSurface.types';
+/** Popovers, dialogs, menus and listboxes opened on top of the surface. */
+export declare const NESTED_LAYER_SELECTOR = "[data-slot=\"popover-content\"], [role=\"dialog\"], [role=\"menu\"], [role=\"listbox\"]";
+/**
+ * Closes the open popover or menu (not one that holds `from`) as Escape would. Radix closes a popover on
+ * the click after an outside press, which a card drag never makes, so a grab would leave it open.
+ */
+export declare function dismissOpenLayer(from: Element): void;
 /** Placeholder cards while the filters load; roughly the first rows of a card grid. */
 export declare const SKELETON_CARD_COUNT = 8;
 export declare const SKELETON_GRID_CLASS_NAME = "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4";
@@ -7,4 +16,27 @@ export declare const MASONRY_ROW_PX = 4;
 export declare const getMasonrySpan: (height: number) => number;
 /** Dense 4px rows; the vertical gap comes from each item's bottom padding. */
 export declare const MASONRY_GRID_CLASS_NAME = "grid-flow-row-dense auto-rows-[4px] gap-x-3";
+export declare const CARD_ID_ATTR = "data-filter-card-id";
+export declare const GROUP_ID_ATTR = "data-filter-group-id";
+export declare const MORE_TOGGLE_ATTR = "data-filter-more-toggle";
+export declare const CARD_BODY_ATTR = "data-filter-card-body";
+/** The group holding `id`, if any. */
+export declare function findCardGroup(layout: FilterCardLayout, id: string): string | undefined;
+/** `layout` with `id` taken out of its group and put into `target.group`, beside `target.key` or at the end. */
+export declare function moveCard(layout: FilterCardLayout, id: string, target: FilterCardDropTarget): FilterCardLayout;
+export declare function isSameLayout(a: FilterCardLayout, b: FilterCardLayout): boolean;
+/**
+ * Where a card lands when dropped on `hit` at height `y`. In its own group it takes the hit card's place
+ * (after it when moving forward), the way a sortable list swaps; from another group the pointer's half
+ * of the hit card decides.
+ */
+export declare function getCardDropTarget(layout: FilterCardLayout, activeId: string, hit: {
+    id: string;
+    group: string;
+    rect: Pick<DOMRect, 'top' | 'height'>;
+}, y: number): FilterCardDropTarget;
+/** The card, group or "More filters" toggle at a viewport point. */
+export declare function getDropHit(x: number, y: number): FilterCardDropHit | null;
+/** The dropped card's copy settles into its slot at the speed the other cards slide. */
+export declare const CARD_DROP_ANIMATION: DropAnimation;
 //# sourceMappingURL=FilterSurface.utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterSurface.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.utils.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC,eAAO,MAAM,wBAAwB,yDACmB,CAAC;AAEzD,iFAAiF;AACjF,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC,qFAAqF;AACrF,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,KAAG,MACK,CAAC;AAEtD,8EAA8E;AAC9E,eAAO,MAAM,uBAAuB,gDACW,CAAC"}
+{"version":3,"file":"FilterSurface.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EACV,iBAAiB,EAEjB,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAE/B,2EAA2E;AAC3E,eAAO,MAAM,qBAAqB,4FACiD,CAAC;AAEpF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAYpD;AAED,uFAAuF;AACvF,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC,eAAO,MAAM,wBAAwB,yDACmB,CAAC;AAEzD,iFAAiF;AACjF,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC,qFAAqF;AACrF,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,KAAG,MACK,CAAC;AAEtD,8EAA8E;AAC9E,eAAO,MAAM,uBAAuB,gDACW,CAAC;AAGhD,eAAO,MAAM,YAAY,wBAAwB,CAAC;AAClD,eAAO,MAAM,aAAa,yBAAyB,CAAC;AACpD,eAAO,MAAM,gBAAgB,4BAA4B,CAAC;AAC1D,eAAO,MAAM,cAAc,0BAA0B,CAAC;AAEtD,sCAAsC;AACtC,wBAAgB,aAAa,CAC3B,MAAM,EAAE,gBAAgB,EACxB,EAAE,EAAE,MAAM,GACT,MAAM,GAAG,SAAS,CAEpB;AAED,gHAAgH;AAChH,wBAAgB,QAAQ,CACtB,MAAM,EAAE,gBAAgB,EACxB,EAAE,EAAE,MAAM,EACV,MAAM,EAAE,oBAAoB,GAC3B,gBAAgB,CAgBlB;AAED,wBAAgB,YAAY,CAC1B,CAAC,EAAE,gBAAgB,EACnB,CAAC,EAAE,gBAAgB,GAClB,OAAO,CAUT;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,gBAAgB,EACxB,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAA;CAAE,EACzE,CAAC,EAAE,MAAM,GACR,oBAAoB,CAYtB;AAED,oEAAoE;AACpE,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,iBAAiB,GAAG,IAAI,CAiBzE;AAED,wFAAwF;AACxF,eAAO,MAAM,mBAAmB,EAAE,aAGjC,CAAC"}

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

@@ -1,3 +1,3 @@
-export { FilterSurface, FilterSurfaceGroup, FilterSurfaceMore, } from './FilterSurface';
-export type { FilterSurfaceGroupProps, FilterSurfaceMoreProps, FilterSurfaceProps, FilterSurfaceStatus, } from './FilterSurface';
+export { FilterSurface, FilterSurfaceGroup, FilterSurfaceMore, FilterSurfaceSortable, } from './FilterSurface';
+export type { FilterCardLayout, FilterSurfaceGroupProps, FilterSurfaceMoreProps, FilterSurfaceProps, FilterSurfaceSortableProps, FilterSurfaceStatus, } from './FilterSurface';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,iBAAiB,CAAC"}