@justanarthur/modo-ui 0.5.0 → 0.6.0-canary.0

package/dist/lib/use-fluid-hover.d.ts

@@ -0,0 +1,138 @@
+import { Dispatch, MutableRefObject, RefObject, SetStateAction } from "react";
+interface ItemRect {
+	top: number;
+	height: number;
+	left: number;
+	width: number;
+}
+interface UseFluidHoverOptions {
+	/**
+	* Which direction to resolve the nearest item along.
+	*   "y"  — vertical lists (default): closest by top/height
+	*   "x"  — horizontal strips: closest by left/width
+	*   "xy" — 2-D grids: closest card across both rows AND columns,
+	*          measured by Euclidean distance to each item's center
+	*/
+	axis?: "x" | "y" | "xy";
+	/**
+	* Makes an item invisible to hit-testing without unregistering it — for
+	* rows that stay mounted while clipped away (a collapsed sub-tree).
+	* Unregistering would invalidate every measurement; a skipped item keeps
+	* the set stable. Consulted per mouse move, so keep it cheap.
+	*/
+	isItemDisabled?: (element: HTMLElement) => boolean;
+	/**
+	* Whether a click that lands between items (a gap, the padding, past the
+	* last row) is routed to the highlighted item, so what is lit is what a
+	* click hits. On by default: in a menu or a list the highlight is a
+	* promise about the click. Pass `false` where empty space should stay
+	* inert (rows with destructive actions, generous whitespace), or
+	* `{ maxDistance }` to route only clicks within that many pixels of the
+	* highlighted item's edge.
+	*/
+	gapClick?: boolean | {
+		maxDistance?: number;
+	};
+}
+interface UseFluidHoverReturn {
+	activeIndex: number | null;
+	setActiveIndex: Dispatch<SetStateAction<number | null>>;
+	itemRects: ItemRect[];
+	/**
+	* True once every registered item has been measured and no remeasure is
+	* pending, i.e. `itemRects` describes the current item set. Gate absolutely
+	* positioned overlays on it: an overlay that mounts against a rect a later
+	* pass still corrects animates from the wrong place to the right one, which
+	* reads as the highlight sliding in from another row.
+	*/
+	isMeasured: boolean;
+	sessionRef: MutableRefObject<number>;
+	handlers: {
+		onMouseMove: (e: React.MouseEvent) => void;
+		onMouseEnter: () => void;
+		onMouseLeave: () => void;
+		/**
+		* Routes a click that lands between items (a gap, the padding, past the
+		* last row) to the highlighted item, so the highlight and the click agree:
+		* what is lit is what a click hits. A click inside an item is left to the
+		* item. Disabled items (`isItemDisabled`) are never activated.
+		*/
+		onClick: (e: React.MouseEvent) => void;
+	};
+	registerItem: (index: number, element: HTMLElement | null) => void;
+	/**
+	* Invalidates the published rects and runs the hook's coalesced measurement
+	* pass again, holding `isMeasured` false until it settles. Reach for it when
+	* the rects may be wrong and showing an overlay against them would misplace
+	* it: a popup that stays mounted between opens keeps its items registered,
+	* so nothing else would notice that its rects were taken while it was
+	* hidden. Registration, item resize, and container resize already trigger
+	* a pass; do not call this on `children` changes.
+	*/
+	remeasure: () => void;
+	/**
+	* Re-reads the rects synchronously, keeping `isMeasured` as it is. Only for
+	* layout that moves the rows under a visible overlay frame by frame (the
+	* accordion re-measures inside its height animation). Everything else
+	* wants `remeasure`, or nothing.
+	*/
+	measureItems: () => void;
+}
+interface PickNearestInput {
+	axis: "x" | "y" | "xy";
+	/** The pointer, in viewport coordinates. */
+	point: {
+		x: number;
+		y: number;
+	};
+	/** Item rects in the container's layout space (sparse: unregistered slots
+	*  are undefined). */
+	rects: readonly (ItemRect | undefined)[];
+	/** The container's bounding rect and live scroll / border offsets, which
+	*  map layout rects into the pointer's viewport space. */
+	containerRect: {
+		left: number;
+		top: number;
+		width: number;
+		height: number;
+	};
+	scroll: {
+		x: number;
+		y: number;
+	};
+	border: {
+		x: number;
+		y: number;
+	};
+	/** Layout size of the container, so a cumulative ancestor `transform:
+	*  scale` (a popup mid scale-in) can be factored out per axis. */
+	layoutSize: {
+		width: number;
+		height: number;
+	};
+	/** Skips an item without unregistering it. */
+	isDisabled?: (index: number) => boolean;
+}
+/**
+* The rule, as one pure function: an item the pointer is inside wins;
+* otherwise the item whose center is nearest does, so a pointer in a gap, in
+* the padding, or past the last row still lands. `y` and `x` measure one
+* coordinate; `xy` measures the straight line to each center. Ties keep the
+* first item. The hook calls this once per animation frame; the docs page
+* times it.
+*/
+declare function pickNearest({ axis, point, rects, containerRect, scroll, border, layoutSize, isDisabled }: PickNearestInput): number | null;
+/** Set on the highlighted item (boolean attribute). */
+declare const ACTIVE_ATTR = "data-fluid-hover-active";
+/** Set on the container: the highlighted index, or absent. */
+declare const ACTIVE_INDEX_ATTR = "data-fluid-hover-active-index";
+declare function useFluidHover<T extends HTMLElement>(containerRef: RefObject<T | null>, options?: UseFluidHoverOptions): UseFluidHoverReturn;
+/**
+* Registers an item's element with its list for as long as it is mounted.
+* The one way rows join a list: pass the hook's `registerItem` (or the copy
+* a context hands down), the row's index, and its ref. Either may be
+* missing for a row rendered outside a list (a standalone card, an accordion
+* item that is not grouped); then nothing is registered.
+*/
+declare function useRegisterFluidHoverItem(registerItem: ((index: number, element: HTMLElement | null) => void) | undefined, index: number | undefined, ref: RefObject<HTMLElement | null>): void;
+export { ACTIVE_ATTR, ACTIVE_INDEX_ATTR, ItemRect, PickNearestInput, UseFluidHoverOptions, UseFluidHoverReturn, pickNearest, useFluidHover, useRegisterFluidHoverItem };

package/dist/lib/use-fluid-hover.js

@@ -0,0 +1,14 @@
+import {
+  pickNearest2,
+  ACTIVE_ATTR2,
+  ACTIVE_INDEX_ATTR2,
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "../shared/components-yhgq0qxx.js";
+export {
+  ACTIVE_ATTR2 as ACTIVE_ATTR,
+  ACTIVE_INDEX_ATTR2 as ACTIVE_INDEX_ATTR,
+  pickNearest2 as pickNearest,
+  useFluidHover2 as useFluidHover,
+  useRegisterFluidHoverItem2 as useRegisterFluidHoverItem
+};

package/dist/lib/use-is-mobile.d.ts

@@ -0,0 +1,2 @@
+declare function useIsMobile(breakpoint: number): boolean;
+export { useIsMobile };

package/dist/lib/use-is-mobile.js

@@ -0,0 +1,6 @@
+import {
+  useIsMobile2
+} from "../shared/components-rrbpmfx4.js";
+export {
+  useIsMobile2 as useIsMobile
+};

package/dist/lib/use-keyboard-nav-gate.d.ts

@@ -0,0 +1,20 @@
+import { KeyboardEvent } from "react";
+import { MutableRefObject as MutableRefObject_8z5kms } from "react";
+/**
+* Gates a popup's keyboard focus ring on keyboard use.
+*
+* Rows take focus as a popup opens (the primitive's own autofocus, or the
+* popup's first-row focus), and Chrome grants `:focus-visible` to any
+* script-driven focus — so without a gate every pointer-opened popup would
+* open with a ring on its first row. The flag is seeded at open from the
+* element that has focus then: a trigger reached by keyboard matches
+* `:focus-visible`, a clicked one doesn't. Navigation keys inside the popup
+* earn the ring afterwards. Attach `trackKeyboardNav` in the CAPTURE phase —
+* the primitive moves focus during its own keydown handling, so the flag
+* must be set before then.
+*/
+declare function useKeyboardNavGate(open: boolean): {
+	keyboardNavRef: MutableRefObject_8z5kms<boolean>;
+	trackKeyboardNav: (e: KeyboardEvent) => void;
+};
+export { useKeyboardNavGate };

package/dist/lib/use-keyboard-nav-gate.js

@@ -0,0 +1,7 @@
+import {
+  useKeyboardNavGate2
+} from "../shared/components-tz4gaf1v.js";
+import"../shared/components-h6p86be3.js";
+export {
+  useKeyboardNavGate2 as useKeyboardNavGate
+};

package/dist/lib/use-merge-split.d.ts

@@ -0,0 +1,47 @@
+interface ItemRect {
+	top: number;
+	height: number;
+	left: number;
+	width: number;
+}
+import { JSX as JSX_1kxb } from "react";
+type Rect = {
+	top: number;
+	left: number;
+	width: number;
+	height: number;
+};
+interface SelBlock extends Rect {
+	key: string;
+	radii: [number, number, number, number];
+	instant: boolean;
+}
+type Run = {
+	start: number;
+	end: number;
+	id: number;
+};
+/**
+* Groups checked row indices into contiguous runs with ids that survive
+* re-renders: a run keeps its id while any of its rows was in a run last
+* render. Feed the result to useMergeSplitBlocks.
+*/
+declare function useSelectionRuns(checkedIndices: readonly number[]): Run[];
+/**
+* The background blocks to paint for the contiguous selection `runs`: one per
+* checked row, reaching down to the next row of its run (so gaps between rows
+* fill) and rounded to `R` only on the run's outer corners, so a run reads as
+* one block. Render them with <SelectionBackgrounds>.
+*/
+declare function useMergeSplitBlocks(runs: Run[], itemRects: ItemRect[], R: number): SelBlock[];
+type Element_12xgc = JSX_1kxb["Element"];
+/**
+* Renders the selected-background blocks produced by useMergeSplitBlocks. A
+* checked row's block grows out of its center and an unchecked one shrinks
+* back into it, while the goo melts it into its checked neighbours or pinches
+* it off them; the filter runs only for that change. Reduced motion fades.
+*/
+declare function SelectionBackgrounds({ blocks }: {
+	blocks: SelBlock[];
+}): Element_12xgc;
+export { Run, SelBlock, SelectionBackgrounds, useMergeSplitBlocks, useSelectionRuns };

package/dist/lib/use-merge-split.js

@@ -0,0 +1,15 @@
+import {
+  useSelectionRuns2,
+  useMergeSplitBlocks2,
+  SelectionBackgrounds2
+} from "../shared/components-8tt3xbb5.js";
+import"../shared/components-pw06rbxq.js";
+import"../shared/components-awra5sff.js";
+import"../shared/components-de99ykt7.js";
+import"../shared/components-3ey0hzpb.js";
+import"../shared/components-jcnjay5g.js";
+export {
+  SelectionBackgrounds2 as SelectionBackgrounds,
+  useMergeSplitBlocks2 as useMergeSplitBlocks,
+  useSelectionRuns2 as useSelectionRuns
+};

package/dist/lib/use-morph.d.ts

@@ -0,0 +1,101 @@
+import { RefObject } from "react";
+import { MutableRefObject as MutableRefObject_8z5kms } from "react";
+import { MotionValue as MotionValue_d5wxmj } from "motion/react";
+type MorphSide = "top" | "right" | "bottom" | "left";
+type MorphFrom = "trigger" | "pointer" | "center" | MorphSide | RefObject<HTMLElement | null>;
+type MorphEffect = "goo" | "morph" | "slide" | "fade";
+type MorphTier = "moderate" | "slow";
+interface MorphOptions {
+	/** Where the surface grows from. */
+	from?: MorphFrom;
+	/** How it gets there. */
+	effect?: MorphEffect;
+	/** Hide the source while open, so it reads as becoming the overlay. */
+	hideSource?: boolean;
+	/** Spring tier. */
+	tier?: MorphTier;
+	/** Overrides `effect` (and `from`) for the close only, read as it starts: a swiped sheet slides on off its edge. */
+	exit?: {
+		effect: "slide" | "fade";
+		from?: MorphFrom;
+	};
+	/**
+	* Shows or hides at once while this returns true for the popup (Base UI's
+	* `data-instant` hand-off between grouped tooltips). Checked as a run
+	* starts and on every frame.
+	*/
+	instant?: (popup: HTMLElement) => boolean;
+	/** Puts focus back on the trigger once a closed popup that held it has gone (see `returnFocus`). Off when the owner places focus itself (Base UI's `finalFocus`). Defaults to `true`. */
+	returnFocus?: boolean;
+}
+/** What opened the overlay: the pressed trigger and the press point. */
+interface MorphOrigin {
+	trigger?: HTMLElement;
+	point?: {
+		x: number;
+		y: number;
+	};
+}
+declare const GOO_MATRIX = "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -10";
+declare const GOO_BLUR_RATIO = .5;
+/**
+* A trigger that turns into its panel (`effect: 'morph'` with `hideSource`)
+* opens in place: the panel lays over the trigger instead of beside it, so
+* the trigger's box is where the panel starts. Anchored overlays pass
+* `inPlaceOffset` as Base UI's `sideOffset` while this holds.
+*/
+declare function opensInPlace({ effect, hideSource }: MorphOptions): boolean;
+/** Base UI `sideOffset` that pulls the panel back over its anchor, edge to edge, on whichever side it lands. */
+declare function inPlaceOffset({ side, anchor }: {
+	side: string;
+	anchor: {
+		width: number;
+		height: number;
+	};
+}): number;
+/**
+* Base UI unmounts a closed popup once `getAnimations()` on it settles; a
+* JS-driven animation registers none, so an empty animation holds it open
+* for the tier's exit (plus a buffer). Finish or cancel it once the exit is
+* done or abandoned.
+*/
+declare function holdExit(el: HTMLElement, tier: MorphTier | "goo"): Animation;
+/**
+* Remembers what opened an overlay. Call `capture` from the Base UI root's
+* `onOpenChange` on open: its details carry the pressed trigger and the event
+* (a click, a context menu, a long press).
+*/
+declare function useMorphOrigin(): {
+	origin: MutableRefObject_8z5kms<MorphOrigin>;
+	capture: (details: {
+		trigger?: Element;
+		event?: Event;
+	}) => void;
+};
+/**
+* Drives one overlay's morph. `open` is the overlay's open state, `origin` what
+* opened it (`useMorphOrigin`). Spread the returned refs through
+* `MorphSurface`; `popupRef` goes on the Base UI popup, which keeps its final
+* size the whole time, so positioning and collision flipping never see the
+* animation. `onExited` runs once a close has finished.
+*/
+declare function useMorph(open: boolean, origin: RefObject<MorphOrigin>, { from, effect, hideSource, tier, exit, instant, returnFocus: refocus }?: MorphOptions, onExited?: () => void): {
+	refs: {
+		popup: MutableRefObject_8z5kms<HTMLDivElement | null>;
+		shapes: RefObject<HTMLDivElement>;
+		blur: RefObject<SVGFEGaussianBlurElement>;
+		outline: RefObject<SVGFEFloodElement>;
+		copy: RefObject<HTMLDivElement>;
+		shape: RefObject<HTMLDivElement>;
+		bg: RefObject<HTMLDivElement>;
+		shadow: RefObject<HTMLDivElement>;
+		content: RefObject<HTMLDivElement>;
+	};
+	popupRef: (node: HTMLDivElement | null) => void;
+	popup: HTMLDivElement | null;
+	gooId: string;
+	effect: MorphEffect;
+	progress: MotionValue_d5wxmj<number>;
+};
+type Morph = ReturnType<typeof useMorph>;
+export { GOO_BLUR_RATIO, GOO_MATRIX, Morph, MorphEffect, MorphFrom, MorphOptions, MorphOrigin, MorphSide, MorphTier, holdExit, inPlaceOffset, opensInPlace, useMorph, useMorphOrigin };

package/dist/lib/use-morph.js

@@ -0,0 +1,20 @@
+import {
+  GOO_MATRIX2,
+  GOO_BLUR_RATIO2,
+  opensInPlace2,
+  inPlaceOffset2,
+  holdExit2,
+  useMorphOrigin2,
+  useMorph2
+} from "../shared/components-awra5sff.js";
+import"../shared/components-de99ykt7.js";
+import"../shared/components-3ey0hzpb.js";
+export {
+  GOO_BLUR_RATIO2 as GOO_BLUR_RATIO,
+  GOO_MATRIX2 as GOO_MATRIX,
+  holdExit2 as holdExit,
+  inPlaceOffset2 as inPlaceOffset,
+  opensInPlace2 as opensInPlace,
+  useMorph2 as useMorph,
+  useMorphOrigin2 as useMorphOrigin
+};

package/dist/lib/use-touch-primary.d.ts

@@ -0,0 +1,2 @@
+declare function useTouchPrimary(): boolean;
+export { useTouchPrimary };

package/dist/lib/use-touch-primary.js

@@ -0,0 +1,6 @@
+import {
+  useTouchPrimary2
+} from "../shared/components-drxrtnp2.js";
+export {
+  useTouchPrimary2 as useTouchPrimary
+};

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { CnFunction } from "cn";
+declare const cn: CnFunction;
+export { cn };

package/dist/lib/utils.js

@@ -0,0 +1,6 @@
+import {
+  cn2
+} from "../shared/components-jcnjay5g.js";
+export {
+  cn2 as cn
+};

package/dist/preset.d.ts

@@ -48,7 +48,24 @@ declare const theme: {
 		destructive: {
 			DEFAULT: string;
 			light: string;
+			strong: string;
+			wash: {
+				DEFAULT: string;
+				hover: string;
+				active: string;
+			};
 		};
+		success: {
+			strong: string;
+			wash: {
+				DEFAULT: string;
+				hover: string;
+				active: string;
+			};
+		};
+		skeleton: string;
+		"image-edge": string;
+		"progress-track": string;
 		hover: string;
 		active: string;
 		syntax: {

package/dist/preset.js

@@ -40,7 +40,27 @@ var theme = {
     border: "var(--border)",
     ring: "var(--ring)",
     input: "var(--input)",
-    destructive: { DEFAULT: "var(--destructive)", light: "var(--destructive-light)" },
+    destructive: {
+      DEFAULT: "var(--destructive)",
+      light: "var(--destructive-light)",
+      strong: "var(--destructive-strong)",
+      wash: {
+        DEFAULT: "var(--destructive-wash)",
+        hover: "var(--destructive-wash-hover)",
+        active: "var(--destructive-wash-active)"
+      }
+    },
+    success: {
+      strong: "var(--success-strong)",
+      wash: {
+        DEFAULT: "var(--success-wash)",
+        hover: "var(--success-wash-hover)",
+        active: "var(--success-wash-active)"
+      }
+    },
+    skeleton: "var(--skeleton)",
+    "image-edge": "var(--image-edge)",
+    "progress-track": "var(--progress-track)",
     hover: "var(--hover)",
     active: "var(--active)",
     syntax: {
@@ -105,7 +125,7 @@ var utilities = Object.fromEntries([
   ...RADII.map((radius) => [`rounded-${radius}`, { "border-radius": `var(--radius-${radius})` }])
 ]);
 var dist = dirname(fileURLToPath(import.meta.url));
-var COMPONENT_DIRS = ["shared", "primitives", "components", "blocks"];
+var COMPONENT_DIRS = ["shared", "lib", "primitives", "components", "blocks"];
 function modoUiContent() {
   return COMPONENT_DIRS.map((dir) => join(dist, dir)).filter((dir) => existsSync(dir)).flatMap((dir) => readdirSync(dir, { recursive: true, encoding: "utf8" }).filter((file) => file.endsWith(".js")).map((file) => readFileSync(join(dir, file), "utf8"))).join(`
 `);

package/dist/primitives/code/index.js

@@ -1,10 +1,12 @@
 import {
   Code2
-} from "../../shared/components-s2bz1xpk.js";
-import"../../shared/components-hawvy2qz.js";
-import"../../shared/components-cv16mryv.js";
-import"../../shared/components-zx6b6yby.js";
-import"../../shared/components-ezxhrmer.js";
+} from "../../shared/components-49bsynbw.js";
+import"../../shared/components-vf45j12c.js";
+import"../../shared/components-dhgk6mbt.js";
+import"../../shared/components-2z48g4fp.js";
+import"../../shared/components-drxrtnp2.js";
+import"../../shared/components-78x40gee.js";
+import"../../shared/components-jcnjay5g.js";
 export {
   Code2 as Code,
   Code2 as default

package/dist/primitives/craft/index.js

@@ -1,11 +1,14 @@
 import {
   Craft
-} from "../../shared/components-vfbhxf5r.js";
-import"../../shared/components-7r3etddy.js";
-import"../../shared/components-men63rwj.js";
-import"../../shared/components-0sn7ypjw.js";
-import"../../shared/components-cv16mryv.js";
-import"../../shared/components-ezxhrmer.js";
+} from "../../shared/components-pd42emw3.js";
+import"../../shared/components-z9n19fyk.js";
+import"../../shared/components-c9yr4ed1.js";
+import"../../shared/components-de99ykt7.js";
+import"../../shared/components-3ey0hzpb.js";
+import"../../shared/components-h83az0bz.js";
+import"../../shared/components-34txk9rj.js";
+import"../../shared/components-78x40gee.js";
+import"../../shared/components-jcnjay5g.js";
 export {
   Craft as default
 };

package/dist/primitives/fluid-hover/index.js

@@ -2,19 +2,20 @@ import {
   FluidHoverItem2,
   FluidHover2,
   fluid_hover_default
-} from "../../shared/components-2dxkv6zm.js";
+} from "../../shared/components-2c0qcfx4.js";
 import {
   FluidHoverHighlight2
-} from "../../shared/components-kvr7f9hy.js";
-import"../../shared/components-chacnk61.js";
+} from "../../shared/components-qdm3yh26.js";
+import"../../shared/components-pw06rbxq.js";
 import {
   useFluidHover2,
   useRegisterFluidHoverItem2
-} from "../../shared/components-59efxjd9.js";
-import"../../shared/components-hqeq3w9q.js";
-import"../../shared/components-men63rwj.js";
-import"../../shared/components-cv16mryv.js";
-import"../../shared/components-ezxhrmer.js";
+} from "../../shared/components-yhgq0qxx.js";
+import"../../shared/components-awra5sff.js";
+import"../../shared/components-de99ykt7.js";
+import"../../shared/components-3ey0hzpb.js";
+import"../../shared/components-78x40gee.js";
+import"../../shared/components-jcnjay5g.js";
 export {
   FluidHover2 as FluidHover,
   FluidHoverHighlight2 as FluidHoverHighlight,

package/dist/primitives/morph/index.js

@@ -1,17 +1,22 @@
 import {
   Morph2
-} from "../../shared/components-39jq9va1.js";
+} from "../../shared/components-gvbapfen.js";
+import"../../shared/components-vf45j12c.js";
+import"../../shared/components-dhgk6mbt.js";
+import"../../shared/components-4y816hwp.js";
 import {
   MorphPart2
-} from "../../shared/components-0q0sqfh4.js";
-import"../../shared/components-hqeq3w9q.js";
-import"../../shared/components-b2wyq2cq.js";
-import"../../shared/components-n7mjr357.js";
-import"../../shared/components-men63rwj.js";
-import"../../shared/components-0sn7ypjw.js";
-import"../../shared/components-cv16mryv.js";
-import"../../shared/components-zx6b6yby.js";
-import"../../shared/components-ezxhrmer.js";
+} from "../../shared/components-b1e239g3.js";
+import"../../shared/components-awra5sff.js";
+import"../../shared/components-7d4r7hh1.js";
+import"../../shared/components-f0xfpkhh.js";
+import"../../shared/components-tz1fv35x.js";
+import"../../shared/components-de99ykt7.js";
+import"../../shared/components-3ey0hzpb.js";
+import"../../shared/components-h83az0bz.js";
+import"../../shared/components-34txk9rj.js";
+import"../../shared/components-78x40gee.js";
+import"../../shared/components-jcnjay5g.js";
 export {
   Morph2 as Morph,
   MorphPart2 as MorphPart,

package/dist/primitives/motion/index.js

@@ -1,16 +1,18 @@
 import {
   Motion2
-} from "../../shared/components-q5xj5c16.js";
-import"../../shared/components-b2wyq2cq.js";
-import"../../shared/components-n7mjr357.js";
-import"../../shared/components-men63rwj.js";
+} from "../../shared/components-b1f2bjf1.js";
+import"../../shared/components-7d4r7hh1.js";
+import"../../shared/components-f0xfpkhh.js";
+import"../../shared/components-tz1fv35x.js";
+import"../../shared/components-de99ykt7.js";
 import {
   spring2,
   exitFallbackMs2
-} from "../../shared/components-1v7rxytx.js";
-import"../../shared/components-0sn7ypjw.js";
-import"../../shared/components-cv16mryv.js";
-import"../../shared/components-ezxhrmer.js";
+} from "../../shared/components-3ey0hzpb.js";
+import"../../shared/components-h83az0bz.js";
+import"../../shared/components-34txk9rj.js";
+import"../../shared/components-78x40gee.js";
+import"../../shared/components-jcnjay5g.js";
 export {
   Motion2 as Motion,
   Motion2 as default,

package/dist/primitives/scroll-area/index.js

@@ -2,9 +2,10 @@ import {
   ScrollArea2,
   ScrollBar2,
   scroll_area_default
-} from "../../shared/components-hawvy2qz.js";
-import"../../shared/components-cv16mryv.js";
-import"../../shared/components-ezxhrmer.js";
+} from "../../shared/components-2z48g4fp.js";
+import"../../shared/components-drxrtnp2.js";
+import"../../shared/components-78x40gee.js";
+import"../../shared/components-jcnjay5g.js";
 export {
   ScrollArea2 as ScrollArea,
   ScrollBar2 as ScrollBar,

package/dist/primitives/separator/index.d.ts

@@ -0,0 +1,25 @@
+import { ComponentPropsWithoutRef } from "react";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
+import { RefAttributes as RefAttributes_miuf56 } from "react";
+interface SeparatorProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+	/** Which way the line runs: across a stack, or down between items of a row. A vertical line stretches to its row's height. Defaults to `"horizontal"`. */
+	orientation?: "horizontal" | "vertical";
+	/** Classes for the line: margins, or a length that isn't the full run. */
+	className?: string;
+}
+/**
+* A 1px hairline between groups of content: stacked sections, a toolbar's
+* clusters, a card's body and its actions.
+*
+* It is the system's only line: `border`, 12% of the foreground, so it tracks
+* light and dark and any forced scheme on a subtree, and it never thickens or
+* takes a color. Base UI's Separator gives it the `separator` role and its
+* orientation for screen readers. Horizontal lines fill their container's
+* width; vertical ones stretch to the height of the row they sit in. Spacing
+* around it is the layout's: pass margins through `className`. Other props
+* go to the `div`.
+*
+* @example {@include ./examples.mdx}
+*/
+declare const Separator: ForwardRefExoticComponent_tcubfn<SeparatorProps & RefAttributes_miuf56<HTMLDivElement>>;
+export { Separator, SeparatorProps, Separator as default };

package/dist/primitives/separator/index.js

@@ -0,0 +1,9 @@
+import {
+  Separator2,
+  separator_default
+} from "../../shared/components-3h92d94m.js";
+import"../../shared/components-jcnjay5g.js";
+export {
+  Separator2 as Separator,
+  separator_default as default
+};