@epilot/spark-ui 0.15.0 → 0.15.1

package/dist/components/bubble.d.cts

@@ -10,7 +10,7 @@ declare function BubbleGroup({
   ...props
 }: React$1.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare const bubbleVariants: (props?: ({
-  variant?: "default" | "ghost" | "outline" | "secondary" | "destructive" | "muted" | "tinted" | null | undefined;
+  variant?: "secondary" | "destructive" | "default" | "ghost" | "outline" | "muted" | "tinted" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Bubble({
   variant,

package/dist/components/bubble.d.ts

@@ -10,7 +10,7 @@ declare function BubbleGroup({
   ...props
 }: React$1.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare const bubbleVariants: (props?: ({
-  variant?: "default" | "ghost" | "outline" | "secondary" | "destructive" | "muted" | "tinted" | null | undefined;
+  variant?: "secondary" | "destructive" | "default" | "ghost" | "outline" | "muted" | "tinted" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Bubble({
   variant,

package/dist/components/button.d.cts

@@ -9,7 +9,7 @@ import { VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
   variant?: "primary" | "secondary" | "tertiary" | "bare" | "destructive" | null | undefined;
   color?: "accent" | "neutral" | "danger" | null | undefined;
-  size?: "small" | "default" | "icon" | "medium" | "icon-small" | "icon-medium" | null | undefined;
+  size?: "small" | "default" | "medium" | "icon-small" | "icon" | "icon-medium" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SparkButtonColor = 'accent' | 'neutral' | 'danger';
 interface ButtonProps extends Omit<React$1.ComponentProps<typeof Button$1>, 'ref'>, Omit<VariantProps<typeof buttonVariants>, 'variant' | 'color'> {

package/dist/components/button.d.ts

@@ -9,7 +9,7 @@ import { VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
   variant?: "primary" | "secondary" | "tertiary" | "bare" | "destructive" | null | undefined;
   color?: "accent" | "neutral" | "danger" | null | undefined;
-  size?: "small" | "default" | "icon" | "medium" | "icon-small" | "icon-medium" | null | undefined;
+  size?: "small" | "default" | "medium" | "icon-small" | "icon" | "icon-medium" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SparkButtonColor = 'accent' | 'neutral' | 'danger';
 interface ButtonProps extends Omit<React$1.ComponentProps<typeof Button$1>, 'ref'>, Omit<VariantProps<typeof buttonVariants>, 'variant' | 'color'> {

package/dist/components/callout.d.cts

@@ -8,7 +8,7 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/callout.d.ts
 type CalloutVariant = 'error' | 'info' | 'neutral' | 'success' | 'warning';
 declare const calloutVariants: (props?: ({
-  variant?: "neutral" | "success" | "warning" | "error" | "info" | null | undefined;
+  variant?: "neutral" | "success" | "warning" | "info" | "error" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface CalloutProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof calloutVariants> {
   /** Overrides the variant's default icon; the variant's color is kept. `false` renders no icon. */

package/dist/components/callout.d.ts

@@ -8,7 +8,7 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/callout.d.ts
 type CalloutVariant = 'error' | 'info' | 'neutral' | 'success' | 'warning';
 declare const calloutVariants: (props?: ({
-  variant?: "neutral" | "success" | "warning" | "error" | "info" | null | undefined;
+  variant?: "neutral" | "success" | "warning" | "info" | "error" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface CalloutProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof calloutVariants> {
   /** Overrides the variant's default icon; the variant's color is kept. `false` renders no icon. */

package/dist/components/info-block.d.cts

@@ -5,7 +5,7 @@ import { VariantProps } from "class-variance-authority";
 
 //#region src/components/info-block.d.ts
 declare const InfoBlock: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-  variant?: "default" | "bare" | null | undefined;
+  variant?: "bare" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
 declare const InfoBlockIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 declare const InfoBlockContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;

package/dist/components/info-block.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from "class-variance-authority";
 
 //#region src/components/info-block.d.ts
 declare const InfoBlock: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-  variant?: "default" | "bare" | null | undefined;
+  variant?: "bare" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
 declare const InfoBlockIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 declare const InfoBlockContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;

package/dist/components/marker.d.cts

@@ -6,7 +6,7 @@ import { useRender } from "@base-ui/react/use-render";
 
 //#region src/components/marker.d.ts
 declare const markerVariants: (props?: ({
-  variant?: "separator" | "default" | "border" | null | undefined;
+  variant?: "default" | "separator" | "border" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Marker({
   className,

package/dist/components/marker.d.ts

@@ -6,7 +6,7 @@ import { useRender } from "@base-ui/react/use-render";
 
 //#region src/components/marker.d.ts
 declare const markerVariants: (props?: ({
-  variant?: "separator" | "default" | "border" | null | undefined;
+  variant?: "default" | "separator" | "border" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Marker({
   className,

package/dist/components/page-header.d.cts

@@ -6,7 +6,7 @@ import { useRender } from "@base-ui/react/use-render";
 
 //#region src/components/page-header.d.ts
 declare const PageHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & React$1.RefAttributes<HTMLElement>>;
-declare const PageHeaderBackButton: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "color" | "size" | "styleVariant"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PageHeaderBackButton: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "color" | "styleVariant" | "size"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const PageHeaderTitle: ({
   className,
   ...props

package/dist/components/page-header.d.ts

@@ -6,7 +6,7 @@ import { useRender } from "@base-ui/react/use-render";
 
 //#region src/components/page-header.d.ts
 declare const PageHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & React$1.RefAttributes<HTMLElement>>;
-declare const PageHeaderBackButton: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "color" | "size" | "styleVariant"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PageHeaderBackButton: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "color" | "styleVariant" | "size"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const PageHeaderTitle: ({
   className,
   ...props

package/dist/components/reparent.cjs

@@ -9,6 +9,7 @@ let react_dom = require("react-dom");
 const supportsMoveBefore = typeof Element !== "undefined" && "moveBefore" in Element.prototype;
 function useReparent() {
 	const [host, setHost] = react.useState(null);
+	const [parkCount, setParkCount] = react.useState(0);
 	react.useEffect(() => {
 		const el = document.createElement("div");
 		el.style.display = "contents";
@@ -16,15 +17,25 @@ function useReparent() {
 		return () => el.remove();
 	}, []);
 	const park = react.useCallback(() => {
-		if (supportsMoveBefore && host?.isConnected) {
-			host.style.display = "none";
+		if (!supportsMoveBefore || !host?.isConnected) return;
+		if (host.parentElement === document.body) return;
+		try {
 			document.body.moveBefore(host, null);
+		} catch {
+			return;
 		}
+		host.style.display = "none";
+		setParkCount((count) => count + 1);
 	}, [host]);
 	return react.useMemo(() => ({
 		host,
-		park
-	}), [host, park]);
+		park,
+		parkCount
+	}), [
+		host,
+		park,
+		parkCount
+	]);
 }
 function ReparentContent({ handle, children }) {
 	if (!handle.host) return null;
@@ -32,14 +43,17 @@ function ReparentContent({ handle, children }) {
 }
 function ReparentSlot({ handle, ...props }) {
 	const ref = react.useRef(null);
-	const host = handle.host;
+	const { host, parkCount } = handle;
 	react.useLayoutEffect(() => {
 		const slot = ref.current;
-		if (!slot || !host) return;
+		if (!slot || !host || host.parentElement === slot) return;
 		host.style.display = "contents";
-		if (supportsMoveBefore && host.isConnected) slot.moveBefore(host, null);
-		else slot.appendChild(host);
-	}, [host]);
+		if (supportsMoveBefore && host.isConnected === slot.isConnected) try {
+			slot.moveBefore(host, null);
+			return;
+		} catch {}
+		slot.appendChild(host);
+	}, [host, parkCount]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-slot": "reparent-slot",
 		ref,

package/dist/components/reparent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"reparent.cjs","names":["React"],"sources":["../../src/components/reparent.tsx"],"sourcesContent":["import * as React from 'react'\nimport { createPortal } from 'react-dom'\n\n// moveBefore ships in Chrome/Edge 133+, Firefox 144+; Safari has no state-preserving move\nconst supportsMoveBefore =\n  typeof Element !== 'undefined' && 'moveBefore' in Element.prototype\n\ntype MovableElement = Element & {\n  moveBefore: (node: Node, child: Node | null) => void\n}\n\ninterface ReparentHandle {\n  host: HTMLElement | null\n  park: () => void\n}\n\n// host created after mount so server and client hydrate the same (empty) markup\nfunction useReparent(): ReparentHandle {\n  const [host, setHost] = React.useState<HTMLElement | null>(null)\n  React.useEffect(() => {\n    const el = document.createElement('div')\n    el.style.display = 'contents'\n    setHost(el)\n    return () => el.remove()\n  }, [])\n  const park = React.useCallback(() => {\n    if (supportsMoveBefore && host?.isConnected) {\n      host.style.display = 'none'\n      ;(document.body as unknown as MovableElement).moveBefore(host, null)\n    }\n  }, [host])\n  return React.useMemo(() => ({ host, park }), [host, park])\n}\n\nfunction ReparentContent({\n  handle,\n  children,\n}: {\n  handle: ReparentHandle\n  children: React.ReactNode\n}) {\n  if (!handle.host) return null\n  return createPortal(children, handle.host)\n}\n\ninterface ReparentSlotProps extends React.ComponentProps<'div'> {\n  handle: ReparentHandle\n}\n\nfunction ReparentSlot({ handle, ...props }: ReparentSlotProps) {\n  const ref = React.useRef<HTMLDivElement>(null)\n  const host = handle.host\n  React.useLayoutEffect(() => {\n    const slot = ref.current\n    if (!slot || !host) return\n    host.style.display = 'contents'\n    if (supportsMoveBefore && host.isConnected) {\n      ;(slot as unknown as MovableElement).moveBefore(host, null)\n    } else {\n      slot.appendChild(host)\n    }\n  }, [host])\n  return <div data-slot=\"reparent-slot\" ref={ref} {...props} />\n}\n\nexport { ReparentContent, ReparentSlot, supportsMoveBefore, useReparent }\nexport type { ReparentHandle, ReparentSlotProps }\n"],"mappings":";;;;;;;;AAIA,MAAM,qBACJ,OAAO,YAAY,eAAe,gBAAgB,QAAQ;AAY5D,SAAS,cAA8B;CACrC,MAAM,CAAC,MAAM,WAAWA,MAAM,SAA6B,IAAI;CAC/D,MAAM,gBAAgB;EACpB,MAAM,KAAK,SAAS,cAAc,KAAK;EACvC,GAAG,MAAM,UAAU;EACnB,QAAQ,EAAE;EACV,aAAa,GAAG,OAAO;CACzB,GAAG,CAAC,CAAC;CACL,MAAM,OAAOA,MAAM,kBAAkB;EACnC,IAAI,sBAAsB,MAAM,aAAa;GAC3C,KAAK,MAAM,UAAU;GACpB,SAAU,KAAmC,WAAW,MAAM,IAAI;EACrE;CACF,GAAG,CAAC,IAAI,CAAC;CACT,OAAOA,MAAM,eAAe;EAAE;EAAM;CAAK,IAAI,CAAC,MAAM,IAAI,CAAC;AAC3D;AAEA,SAAS,gBAAgB,EACvB,QACA,YAIC;CACD,IAAI,CAAC,OAAO,MAAM,OAAO;CACzB,QAAA,GAAA,UAAA,cAAoB,UAAU,OAAO,IAAI;AAC3C;AAMA,SAAS,aAAa,EAAE,QAAQ,GAAG,SAA4B;CAC7D,MAAM,MAAMA,MAAM,OAAuB,IAAI;CAC7C,MAAM,OAAO,OAAO;CACpB,MAAM,sBAAsB;EAC1B,MAAM,OAAO,IAAI;EACjB,IAAI,CAAC,QAAQ,CAAC,MAAM;EACpB,KAAK,MAAM,UAAU;EACrB,IAAI,sBAAsB,KAAK,aAC5B,KAAoC,WAAW,MAAM,IAAI;OAE1D,KAAK,YAAY,IAAI;CAEzB,GAAG,CAAC,IAAI,CAAC;CACT,OAAO,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,aAAU;EAAqB;EAAK,GAAI;CAAQ,CAAA;AAC9D"}
+{"version":3,"file":"reparent.cjs","names":["React"],"sources":["../../src/components/reparent.tsx"],"sourcesContent":["import * as React from 'react'\nimport { createPortal } from 'react-dom'\n\n// moveBefore ships in Chrome/Edge 133+, Firefox 144+; Safari has no state-preserving move\nconst supportsMoveBefore =\n  typeof Element !== 'undefined' && 'moveBefore' in Element.prototype\n\ntype MovableElement = Element & {\n  moveBefore: (node: Node, child: Node | null) => void\n}\n\ninterface ReparentHandle {\n  host: HTMLElement | null\n  park: () => void\n  parkCount?: number\n}\n\n// host created after mount so server and client hydrate the same (empty) markup\nfunction useReparent(): ReparentHandle {\n  const [host, setHost] = React.useState<HTMLElement | null>(null)\n  const [parkCount, setParkCount] = React.useState(0)\n  React.useEffect(() => {\n    const el = document.createElement('div')\n    el.style.display = 'contents'\n    setHost(el)\n    return () => el.remove()\n  }, [])\n  const park = React.useCallback(() => {\n    if (!supportsMoveBefore || !host?.isConnected) return\n    if (host.parentElement === document.body) return\n    try {\n      ;(document.body as unknown as MovableElement).moveBefore(host, null)\n    } catch {\n      return\n    }\n    host.style.display = 'none'\n    // re-runs every slot's adopt effect, so a park with no layout swap still recovers\n    setParkCount((count) => count + 1)\n  }, [host])\n  return React.useMemo(\n    () => ({ host, park, parkCount }),\n    [host, park, parkCount],\n  )\n}\n\nfunction ReparentContent({\n  handle,\n  children,\n}: {\n  handle: ReparentHandle\n  children: React.ReactNode\n}) {\n  if (!handle.host) return null\n  return createPortal(children, handle.host)\n}\n\ninterface ReparentSlotProps extends React.ComponentProps<'div'> {\n  handle: ReparentHandle\n}\n\nfunction ReparentSlot({ handle, ...props }: ReparentSlotProps) {\n  const ref = React.useRef<HTMLDivElement>(null)\n  const { host, parkCount } = handle\n  React.useLayoutEffect(() => {\n    const slot = ref.current\n    if (!slot || !host || host.parentElement === slot) return\n    host.style.display = 'contents'\n    // moveBefore throws unless node and new parent are both connected or both detached\n    if (supportsMoveBefore && host.isConnected === slot.isConnected) {\n      try {\n        ;(slot as unknown as MovableElement).moveBefore(host, null)\n        return\n      } catch {}\n    }\n    slot.appendChild(host)\n  }, [host, parkCount])\n  return <div data-slot=\"reparent-slot\" ref={ref} {...props} />\n}\n\nexport { ReparentContent, ReparentSlot, supportsMoveBefore, useReparent }\nexport type { ReparentHandle, ReparentSlotProps }\n"],"mappings":";;;;;;;;AAIA,MAAM,qBACJ,OAAO,YAAY,eAAe,gBAAgB,QAAQ;AAa5D,SAAS,cAA8B;CACrC,MAAM,CAAC,MAAM,WAAWA,MAAM,SAA6B,IAAI;CAC/D,MAAM,CAAC,WAAW,gBAAgBA,MAAM,SAAS,CAAC;CAClD,MAAM,gBAAgB;EACpB,MAAM,KAAK,SAAS,cAAc,KAAK;EACvC,GAAG,MAAM,UAAU;EACnB,QAAQ,EAAE;EACV,aAAa,GAAG,OAAO;CACzB,GAAG,CAAC,CAAC;CACL,MAAM,OAAOA,MAAM,kBAAkB;EACnC,IAAI,CAAC,sBAAsB,CAAC,MAAM,aAAa;EAC/C,IAAI,KAAK,kBAAkB,SAAS,MAAM;EAC1C,IAAI;GACD,SAAU,KAAmC,WAAW,MAAM,IAAI;EACrE,QAAQ;GACN;EACF;EACA,KAAK,MAAM,UAAU;EAErB,cAAc,UAAU,QAAQ,CAAC;CACnC,GAAG,CAAC,IAAI,CAAC;CACT,OAAOA,MAAM,eACJ;EAAE;EAAM;EAAM;CAAU,IAC/B;EAAC;EAAM;EAAM;CAAS,CACxB;AACF;AAEA,SAAS,gBAAgB,EACvB,QACA,YAIC;CACD,IAAI,CAAC,OAAO,MAAM,OAAO;CACzB,QAAA,GAAA,UAAA,cAAoB,UAAU,OAAO,IAAI;AAC3C;AAMA,SAAS,aAAa,EAAE,QAAQ,GAAG,SAA4B;CAC7D,MAAM,MAAMA,MAAM,OAAuB,IAAI;CAC7C,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,sBAAsB;EAC1B,MAAM,OAAO,IAAI;EACjB,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,kBAAkB,MAAM;EACnD,KAAK,MAAM,UAAU;EAErB,IAAI,sBAAsB,KAAK,gBAAgB,KAAK,aAClD,IAAI;GACD,KAAoC,WAAW,MAAM,IAAI;GAC1D;EACF,QAAQ,CAAC;EAEX,KAAK,YAAY,IAAI;CACvB,GAAG,CAAC,MAAM,SAAS,CAAC;CACpB,OAAO,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,aAAU;EAAqB;EAAK,GAAI;CAAQ,CAAA;AAC9D"}

package/dist/components/reparent.d.cts

@@ -7,6 +7,7 @@ declare const supportsMoveBefore: boolean;
 interface ReparentHandle {
   host: HTMLElement | null;
   park: () => void;
+  parkCount?: number;
 }
 declare function useReparent(): ReparentHandle;
 declare function ReparentContent({

package/dist/components/reparent.d.ts

@@ -7,6 +7,7 @@ declare const supportsMoveBefore: boolean;
 interface ReparentHandle {
   host: HTMLElement | null;
   park: () => void;
+  parkCount?: number;
 }
 declare function useReparent(): ReparentHandle;
 declare function ReparentContent({

package/dist/components/reparent.js

@@ -6,6 +6,7 @@ import { createPortal } from "react-dom";
 const supportsMoveBefore = typeof Element !== "undefined" && "moveBefore" in Element.prototype;
 function useReparent() {
 	const [host, setHost] = React$1.useState(null);
+	const [parkCount, setParkCount] = React$1.useState(0);
 	React$1.useEffect(() => {
 		const el = document.createElement("div");
 		el.style.display = "contents";
@@ -13,15 +14,25 @@ function useReparent() {
 		return () => el.remove();
 	}, []);
 	const park = React$1.useCallback(() => {
-		if (supportsMoveBefore && host?.isConnected) {
-			host.style.display = "none";
+		if (!supportsMoveBefore || !host?.isConnected) return;
+		if (host.parentElement === document.body) return;
+		try {
 			document.body.moveBefore(host, null);
+		} catch {
+			return;
 		}
+		host.style.display = "none";
+		setParkCount((count) => count + 1);
 	}, [host]);
 	return React$1.useMemo(() => ({
 		host,
-		park
-	}), [host, park]);
+		park,
+		parkCount
+	}), [
+		host,
+		park,
+		parkCount
+	]);
 }
 function ReparentContent({ handle, children }) {
 	if (!handle.host) return null;
@@ -29,14 +40,17 @@ function ReparentContent({ handle, children }) {
 }
 function ReparentSlot({ handle, ...props }) {
 	const ref = React$1.useRef(null);
-	const host = handle.host;
+	const { host, parkCount } = handle;
 	React$1.useLayoutEffect(() => {
 		const slot = ref.current;
-		if (!slot || !host) return;
+		if (!slot || !host || host.parentElement === slot) return;
 		host.style.display = "contents";
-		if (supportsMoveBefore && host.isConnected) slot.moveBefore(host, null);
-		else slot.appendChild(host);
-	}, [host]);
+		if (supportsMoveBefore && host.isConnected === slot.isConnected) try {
+			slot.moveBefore(host, null);
+			return;
+		} catch {}
+		slot.appendChild(host);
+	}, [host, parkCount]);
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "reparent-slot",
 		ref,

package/dist/components/reparent.js.map

@@ -1 +1 @@
-{"version":3,"file":"reparent.js","names":["React"],"sources":["../../src/components/reparent.tsx"],"sourcesContent":["import * as React from 'react'\nimport { createPortal } from 'react-dom'\n\n// moveBefore ships in Chrome/Edge 133+, Firefox 144+; Safari has no state-preserving move\nconst supportsMoveBefore =\n  typeof Element !== 'undefined' && 'moveBefore' in Element.prototype\n\ntype MovableElement = Element & {\n  moveBefore: (node: Node, child: Node | null) => void\n}\n\ninterface ReparentHandle {\n  host: HTMLElement | null\n  park: () => void\n}\n\n// host created after mount so server and client hydrate the same (empty) markup\nfunction useReparent(): ReparentHandle {\n  const [host, setHost] = React.useState<HTMLElement | null>(null)\n  React.useEffect(() => {\n    const el = document.createElement('div')\n    el.style.display = 'contents'\n    setHost(el)\n    return () => el.remove()\n  }, [])\n  const park = React.useCallback(() => {\n    if (supportsMoveBefore && host?.isConnected) {\n      host.style.display = 'none'\n      ;(document.body as unknown as MovableElement).moveBefore(host, null)\n    }\n  }, [host])\n  return React.useMemo(() => ({ host, park }), [host, park])\n}\n\nfunction ReparentContent({\n  handle,\n  children,\n}: {\n  handle: ReparentHandle\n  children: React.ReactNode\n}) {\n  if (!handle.host) return null\n  return createPortal(children, handle.host)\n}\n\ninterface ReparentSlotProps extends React.ComponentProps<'div'> {\n  handle: ReparentHandle\n}\n\nfunction ReparentSlot({ handle, ...props }: ReparentSlotProps) {\n  const ref = React.useRef<HTMLDivElement>(null)\n  const host = handle.host\n  React.useLayoutEffect(() => {\n    const slot = ref.current\n    if (!slot || !host) return\n    host.style.display = 'contents'\n    if (supportsMoveBefore && host.isConnected) {\n      ;(slot as unknown as MovableElement).moveBefore(host, null)\n    } else {\n      slot.appendChild(host)\n    }\n  }, [host])\n  return <div data-slot=\"reparent-slot\" ref={ref} {...props} />\n}\n\nexport { ReparentContent, ReparentSlot, supportsMoveBefore, useReparent }\nexport type { ReparentHandle, ReparentSlotProps }\n"],"mappings":";;;;;AAIA,MAAM,qBACJ,OAAO,YAAY,eAAe,gBAAgB,QAAQ;AAY5D,SAAS,cAA8B;CACrC,MAAM,CAAC,MAAM,WAAWA,QAAM,SAA6B,IAAI;CAC/D,QAAM,gBAAgB;EACpB,MAAM,KAAK,SAAS,cAAc,KAAK;EACvC,GAAG,MAAM,UAAU;EACnB,QAAQ,EAAE;EACV,aAAa,GAAG,OAAO;CACzB,GAAG,CAAC,CAAC;CACL,MAAM,OAAOA,QAAM,kBAAkB;EACnC,IAAI,sBAAsB,MAAM,aAAa;GAC3C,KAAK,MAAM,UAAU;GACpB,SAAU,KAAmC,WAAW,MAAM,IAAI;EACrE;CACF,GAAG,CAAC,IAAI,CAAC;CACT,OAAOA,QAAM,eAAe;EAAE;EAAM;CAAK,IAAI,CAAC,MAAM,IAAI,CAAC;AAC3D;AAEA,SAAS,gBAAgB,EACvB,QACA,YAIC;CACD,IAAI,CAAC,OAAO,MAAM,OAAO;CACzB,OAAO,aAAa,UAAU,OAAO,IAAI;AAC3C;AAMA,SAAS,aAAa,EAAE,QAAQ,GAAG,SAA4B;CAC7D,MAAM,MAAMA,QAAM,OAAuB,IAAI;CAC7C,MAAM,OAAO,OAAO;CACpB,QAAM,sBAAsB;EAC1B,MAAM,OAAO,IAAI;EACjB,IAAI,CAAC,QAAQ,CAAC,MAAM;EACpB,KAAK,MAAM,UAAU;EACrB,IAAI,sBAAsB,KAAK,aAC5B,KAAoC,WAAW,MAAM,IAAI;OAE1D,KAAK,YAAY,IAAI;CAEzB,GAAG,CAAC,IAAI,CAAC;CACT,OAAO,oBAAC,OAAD;EAAK,aAAU;EAAqB;EAAK,GAAI;CAAQ,CAAA;AAC9D"}
+{"version":3,"file":"reparent.js","names":["React"],"sources":["../../src/components/reparent.tsx"],"sourcesContent":["import * as React from 'react'\nimport { createPortal } from 'react-dom'\n\n// moveBefore ships in Chrome/Edge 133+, Firefox 144+; Safari has no state-preserving move\nconst supportsMoveBefore =\n  typeof Element !== 'undefined' && 'moveBefore' in Element.prototype\n\ntype MovableElement = Element & {\n  moveBefore: (node: Node, child: Node | null) => void\n}\n\ninterface ReparentHandle {\n  host: HTMLElement | null\n  park: () => void\n  parkCount?: number\n}\n\n// host created after mount so server and client hydrate the same (empty) markup\nfunction useReparent(): ReparentHandle {\n  const [host, setHost] = React.useState<HTMLElement | null>(null)\n  const [parkCount, setParkCount] = React.useState(0)\n  React.useEffect(() => {\n    const el = document.createElement('div')\n    el.style.display = 'contents'\n    setHost(el)\n    return () => el.remove()\n  }, [])\n  const park = React.useCallback(() => {\n    if (!supportsMoveBefore || !host?.isConnected) return\n    if (host.parentElement === document.body) return\n    try {\n      ;(document.body as unknown as MovableElement).moveBefore(host, null)\n    } catch {\n      return\n    }\n    host.style.display = 'none'\n    // re-runs every slot's adopt effect, so a park with no layout swap still recovers\n    setParkCount((count) => count + 1)\n  }, [host])\n  return React.useMemo(\n    () => ({ host, park, parkCount }),\n    [host, park, parkCount],\n  )\n}\n\nfunction ReparentContent({\n  handle,\n  children,\n}: {\n  handle: ReparentHandle\n  children: React.ReactNode\n}) {\n  if (!handle.host) return null\n  return createPortal(children, handle.host)\n}\n\ninterface ReparentSlotProps extends React.ComponentProps<'div'> {\n  handle: ReparentHandle\n}\n\nfunction ReparentSlot({ handle, ...props }: ReparentSlotProps) {\n  const ref = React.useRef<HTMLDivElement>(null)\n  const { host, parkCount } = handle\n  React.useLayoutEffect(() => {\n    const slot = ref.current\n    if (!slot || !host || host.parentElement === slot) return\n    host.style.display = 'contents'\n    // moveBefore throws unless node and new parent are both connected or both detached\n    if (supportsMoveBefore && host.isConnected === slot.isConnected) {\n      try {\n        ;(slot as unknown as MovableElement).moveBefore(host, null)\n        return\n      } catch {}\n    }\n    slot.appendChild(host)\n  }, [host, parkCount])\n  return <div data-slot=\"reparent-slot\" ref={ref} {...props} />\n}\n\nexport { ReparentContent, ReparentSlot, supportsMoveBefore, useReparent }\nexport type { ReparentHandle, ReparentSlotProps }\n"],"mappings":";;;;;AAIA,MAAM,qBACJ,OAAO,YAAY,eAAe,gBAAgB,QAAQ;AAa5D,SAAS,cAA8B;CACrC,MAAM,CAAC,MAAM,WAAWA,QAAM,SAA6B,IAAI;CAC/D,MAAM,CAAC,WAAW,gBAAgBA,QAAM,SAAS,CAAC;CAClD,QAAM,gBAAgB;EACpB,MAAM,KAAK,SAAS,cAAc,KAAK;EACvC,GAAG,MAAM,UAAU;EACnB,QAAQ,EAAE;EACV,aAAa,GAAG,OAAO;CACzB,GAAG,CAAC,CAAC;CACL,MAAM,OAAOA,QAAM,kBAAkB;EACnC,IAAI,CAAC,sBAAsB,CAAC,MAAM,aAAa;EAC/C,IAAI,KAAK,kBAAkB,SAAS,MAAM;EAC1C,IAAI;GACD,SAAU,KAAmC,WAAW,MAAM,IAAI;EACrE,QAAQ;GACN;EACF;EACA,KAAK,MAAM,UAAU;EAErB,cAAc,UAAU,QAAQ,CAAC;CACnC,GAAG,CAAC,IAAI,CAAC;CACT,OAAOA,QAAM,eACJ;EAAE;EAAM;EAAM;CAAU,IAC/B;EAAC;EAAM;EAAM;CAAS,CACxB;AACF;AAEA,SAAS,gBAAgB,EACvB,QACA,YAIC;CACD,IAAI,CAAC,OAAO,MAAM,OAAO;CACzB,OAAO,aAAa,UAAU,OAAO,IAAI;AAC3C;AAMA,SAAS,aAAa,EAAE,QAAQ,GAAG,SAA4B;CAC7D,MAAM,MAAMA,QAAM,OAAuB,IAAI;CAC7C,MAAM,EAAE,MAAM,cAAc;CAC5B,QAAM,sBAAsB;EAC1B,MAAM,OAAO,IAAI;EACjB,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,kBAAkB,MAAM;EACnD,KAAK,MAAM,UAAU;EAErB,IAAI,sBAAsB,KAAK,gBAAgB,KAAK,aAClD,IAAI;GACD,KAAoC,WAAW,MAAM,IAAI;GAC1D;EACF,QAAQ,CAAC;EAEX,KAAK,YAAY,IAAI;CACvB,GAAG,CAAC,MAAM,SAAS,CAAC;CACpB,OAAO,oBAAC,OAAD;EAAK,aAAU;EAAqB;EAAK,GAAI;CAAQ,CAAA;AAC9D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epilot/spark-ui",
-  "version": "0.15.0",
+  "version": "0.15.1",
   "description": "React UI component library from Spark SDK",
   "homepage": "https://spark-ui.epilot.io/docs/ui",
   "license": "Apache-2.0",