@povio/ui 3.4.0-rc.4 → 3.4.0-rc.41

package/dist/components/text-input.js

@@ -0,0 +1,240 @@
+import { t as UIConfig } from "../uiConfig.context-BG4jfp9p.js";
+import { t as clsx } from "../clsx-CnD0nOiA.js";
+import { f as $5dc95899b306f630$export$c9058316764c140e } from "../utils-D-KKbY-n.js";
+import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../Input-BefLtZJe.js";
+import { t as UIOverrides } from "../uiOverrides.context-Bfm2n-n8.js";
+import { t as FieldController } from "../form.binding-DLKteDiq.js";
+import { t as FormField } from "../FormField-Cl-t5Wi1.js";
+import { t as TooltipWrapper } from "../TooltipWrapper-CoRIizbz.js";
+import { t as inputBaseDefinition } from "../input.cva-KYGD4Bdz.js";
+import { n as InputContent, t as useFieldAccessibility } from "../useFieldAccessibility-dF3tgN_A.js";
+import { n as InputFrame, t as useStaticInputHandoff } from "../useStaticInputHandoff-9V4kd391.js";
+import { memo, useEffect, useRef, useState } from "react";
+import { useFocusVisible } from "@react-aria/interactions";
+import { useTextField } from "@react-aria/textfield";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Input/TextInput/TextInput.tsx
+const TextInputBase = (props) => {
+	"use no memo";
+	const ui = UIConfig.useConfig();
+	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
+	const inputRef = useRef(null);
+	const { ref, inputClassName, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, className, unit, isLoading, action, leadingIcon, trailingIcon, value, onChange, onBlur, as: asProp, hideLabel: hideLabelProp, variant: variantProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, autoFocusOnMount, ...rest } = props;
+	const as = asProp ?? ui.input.as;
+	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
+	const variant = variantProp ?? ui.input.variant;
+	const size = sizeProp ?? ui.input.size;
+	const isClearable = isClearableProp ?? ui.input.isClearable;
+	const { isFocusVisible } = useFocusVisible();
+	const inputValue = value ?? "";
+	const textFieldRef = useRef(null);
+	const textFieldProps = {
+		...rest,
+		label,
+		isDisabled,
+		isInvalid: !!error,
+		isRequired,
+		value: inputValue,
+		onChange,
+		onBlur
+	};
+	const { labelProps, inputProps } = useTextField(textFieldProps, textFieldRef);
+	const { describedBy, errorMessageId, helperTextId } = useFieldAccessibility({
+		describedBy: inputProps["aria-describedby"],
+		error,
+		helperText
+	});
+	useEffect(() => {
+		if (!autoFocusOnMount || isDisabled) return;
+		requestAnimationFrame(() => inputRef.current?.focus());
+	}, [autoFocusOnMount, isDisabled]);
+	const formFieldProps = {
+		errorMessageId,
+		error,
+		label,
+		tooltipText,
+		helperText,
+		helperTextId,
+		isRequired,
+		rightContent,
+		isHeaderHidden: isHeaderHidden || as === "inline" || as === "filter" || as === "floating",
+		hideLabel,
+		isDisabled,
+		headerClassName,
+		errorClassName
+	};
+	const inputContentProps = {
+		unit,
+		isLoading,
+		isDisabled,
+		action,
+		leadingIcon,
+		trailingIcon,
+		isClearable,
+		isClearableIfDisabled,
+		value: inputValue,
+		onChange,
+		onBlur
+	};
+	const headerProps = {
+		label,
+		tooltipText,
+		helperText,
+		isRequired,
+		rightContent,
+		isHeaderHidden: hideLabel || isHeaderHidden,
+		isDisabled,
+		className: headerClassName,
+		labelProps
+	};
+	const dataIsDisabled = isDisabled || void 0;
+	return /* @__PURE__ */ jsx(TooltipWrapper, {
+		as,
+		error,
+		triggerTabIndex: as === "inline" ? -1 : void 0,
+		children: /* @__PURE__ */ jsx(FormField, {
+			...formFieldProps,
+			as,
+			labelProps,
+			className: clsx("group w-full", as === "inline" && "h-full", className),
+			tabIndex: as === "inline" ? -1 : void 0,
+			"data-is-empty": value === "" || value === null || value === void 0 || void 0,
+			"data-is-required": isRequired || void 0,
+			children: /* @__PURE__ */ jsx("div", {
+				className: clsx("relative flex cursor-text has-disabled:cursor-default", inputBaseCva({
+					variant,
+					as,
+					...rest
+				}), inputClassName),
+				onClick: () => inputRef.current?.focus(),
+				"data-is-empty": value === "" || value === null || value === void 0 || void 0,
+				"data-is-required": isRequired || void 0,
+				"data-is-disabled": dataIsDisabled,
+				children: /* @__PURE__ */ jsx(InputContent, {
+					...inputContentProps,
+					headerProps,
+					as,
+					size,
+					children: /* @__PURE__ */ jsx($3985021b0ad6602f$export$f5b8910cec6cf069, {
+						...inputProps,
+						"aria-describedby": describedBy,
+						"aria-errormessage": errorMessageId,
+						ref: $5dc95899b306f630$export$c9058316764c140e(ref, inputRef),
+						"data-is-empty": value === "" || value === null || value === void 0 || void 0,
+						"data-is-filled": !(value === "" || value === null || value === void 0) || void 0,
+						"data-is-dirty": isDirty || void 0,
+						"data-is-required": isRequired || void 0,
+						"data-is-disabled": dataIsDisabled,
+						placeholder: as === "floating" ? "\xA0" : inputProps.placeholder,
+						className: "w-full bg-transparent outline-none",
+						onFocus: (e) => {
+							inputProps.onFocus?.(e);
+							if (isFocusVisible) e.target.select();
+						}
+					})
+				})
+			})
+		})
+	});
+};
+const TextInputInner = ({ renderStaticInput, isFormControlDisabled, ...props }) => {
+	"use no memo";
+	const ui = UIConfig.useConfig();
+	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.renderStaticInput));
+	const inputRef = useRef(null);
+	const { shouldFocus, renderRealInput, replayStaticInputChange, replayStaticInputPress } = useStaticInputHandoff({
+		inputRef,
+		renderInput,
+		setRenderInput,
+		getPressTarget: (input) => {
+			let element = input;
+			for (let depth = 0; element && depth < 6; depth += 1) {
+				const action = element.querySelector("[data-static-press-action]");
+				if (action) return action;
+				element = element.parentElement;
+			}
+			return null;
+		}
+	});
+	if (!renderInput) {
+		const staticValue = props.value ?? props.defaultValue ?? "";
+		const inputType = props.type;
+		const as = props.as ?? ui.input.as;
+		let isDisabled = !!props.isDisabled;
+		if (isFormControlDisabled) isDisabled = true;
+		const maskedPasswordValue = inputType === "password" && `${staticValue}`.length > 0 ? "•".repeat(`${staticValue}`.length) : staticValue;
+		const displayValue = maskedPasswordValue == null ? "" : `${maskedPasswordValue}`;
+		const hasValue = displayValue !== "";
+		const dataAttributes = {
+			dataIsEmpty: !hasValue,
+			dataIsFilled: hasValue,
+			dataIsDirty: props.isDirty,
+			dataIsRequired: props.isRequired,
+			dataIsDisabled: isDisabled,
+			dataDisabled: isDisabled,
+			dataInvalid: !!props.error,
+			dataHasSelection: hasValue
+		};
+		return /* @__PURE__ */ jsx(InputFrame, {
+			...props,
+			isDisabled,
+			className: clsx("group w-full", as === "inline" && "h-full", props.className),
+			dataAttributes,
+			onStaticInteract: renderRealInput,
+			onStaticPress: props.action ? replayStaticInputPress : void 0,
+			staticPressTarget: "action",
+			inputClassName: props.inputClassName,
+			contentClassName: clsx(as === "inline" && "h-full", "pr-0!"),
+			trailingClassName: "py-0! pl-0!",
+			wrapContentAndTrailing: true,
+			reserveTrailingContent: true,
+			children: (dataAttributeProps) => /* @__PURE__ */ jsx("input", {
+				ref: inputRef,
+				type: inputType === "hidden" ? "password" : inputType,
+				disabled: isDisabled,
+				tabIndex: -1,
+				value: displayValue,
+				placeholder: as === "floating" ? "" : props.placeholder,
+				className: "w-full bg-transparent outline-none",
+				onChange: (event) => replayStaticInputChange(event.target.value),
+				...dataAttributeProps,
+				"data-rac": true
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(TextInputBase, {
+		...props,
+		ref: $5dc95899b306f630$export$c9058316764c140e(props.ref, inputRef),
+		autoFocusOnMount: shouldFocus
+	});
+};
+/** @internal Exported for production render benchmarks. */
+const TextInputComponent = ({ renderStaticInput, ...props }) => {
+	"use no memo";
+	if ("field" in props && props.field) {
+		const { field, ref, ...innerProps } = props;
+		return /* @__PURE__ */ jsx(FieldController, {
+			control: field.form,
+			name: field.name,
+			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(TextInputInner, {
+				...innerProps,
+				ref: $5dc95899b306f630$export$c9058316764c140e(ref, field.ref),
+				value: field.value,
+				onChange: field.onChange,
+				onBlur: field.onBlur,
+				isDirty,
+				isDisabled: field.disabled || props.isDisabled,
+				isFormControlDisabled: field.disabled,
+				error: props.error ?? error?.message,
+				renderStaticInput
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(TextInputInner, {
+		...props,
+		renderStaticInput
+	});
+};
+const TextInput = memo(TextInputComponent);
+//#endregion
+export { TextInput, TextInputComponent };

package/dist/components/time-field/react-aria.d.ts

@@ -0,0 +1 @@
+export { TimeField, type TimeFieldProps } from "react-aria-components";

package/dist/components/time-field/react-aria.js

@@ -0,0 +1 @@
+import e,{createContext as t,forwardRef as n,useCallback as r,useContext as i,useMemo as a,useRef as o,useState as s}from"react";import{filterDOMProps as c,mergeProps as l,mergeRefs as u,useLayoutEffect as d,useObjectRef as f}from"@react-aria/utils";import{useLocale as p,useTimeField as m}from"react-aria";import"@internationalized/date";import{useTimeFieldState as h}from"react-stately";const g=Symbol(`default`);function _({values:t,children:n}){for(let[r,i]of t)n=e.createElement(r.Provider,{value:i},n);return n}function v(e){let{className:t,style:n,children:r,defaultClassName:i,defaultChildren:o,defaultStyle:s,values:c,render:l}=e;return a(()=>{let e,a,u;return e=typeof t==`function`?t({...c,defaultClassName:i}):t,a=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:o}):r??o,{className:e??i,style:a||s?{...s,...a}:void 0,children:u??o,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,i,o,s,c,l])}function y(e,t){let n=i(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||g;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function b(e,t,n){let{ref:r,...i}=y(n,e.slot)||{},o=f(a(()=>u(t,r),[t,r])),s=l(i,e);return`style`in i&&i.style&&`style`in e&&e.style&&(s.style=typeof i.style==`function`||typeof e.style==`function`?t=>{let n=typeof i.style==`function`?i.style(t):i.style,r={...t.defaultStyle,...n},a=typeof e.style==`function`?e.style({...t,defaultStyle:r}):e.style;return{...r,...a}}:{...i.style,...e.style}),[s,o]}function x(e=!0){let[t,n]=s(e),i=o(!1),a=r(e=>{i.current=!0,n(!!e)},[]);return d(()=>{i.current||n(!1)},[]),[a,t]}function S(e){let t=/^(data-.*)$/,n={};for(let r in e)t.test(r)||(n[r]=e[r]);return n}function C(t,n,r){let{render:i,...s}=n,c=o(null),l=a(()=>u(r,c),[r,c]);d(()=>{},[t,i]);let f={...s,ref:l};return i?i(f,void 0):e.createElement(t,f)}const w={},T=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let r=w[t];return r||(r=n(C.bind(null,t)),w[t]=r),r}}),E=t({}),D=t({}),O=t(null),k=t(null),A=t({}),j=t({}),M=t(null),N=t(null),P=n(function(t,n){[t,n]=b(t,n,M);let{validationBehavior:r}=y(k)||{},i=t.validationBehavior??r??`native`,{locale:a}=p(),s=h({...t,locale:a,validationBehavior:i}),l=o(null),[u,d]=x(!t[`aria-label`]&&!t[`aria-labelledby`]),f=o(null),{labelProps:g,fieldProps:C,inputProps:w,descriptionProps:P,errorMessageProps:F,...I}=m({...S(t),label:d,inputRef:f,validationBehavior:i},s,l),L=v({...t,values:{state:s,isInvalid:s.isInvalid,isDisabled:s.isDisabled,isReadOnly:s.isReadOnly},defaultClassName:`react-aria-TimeField`}),R=c(t,{global:!0});return delete R.id,e.createElement(_,{values:[[N,s],[A,{...C,ref:l,isInvalid:s.isInvalid,isDisabled:s.isDisabled}],[j,{...w,ref:f}],[E,{...g,ref:u,elementType:`span`}],[D,{slots:{description:P,errorMessage:F}}],[O,I]]},e.createElement(T.div,{...R,...L,ref:n,slot:t.slot||void 0,"data-invalid":s.isInvalid||void 0,"data-disabled":s.isDisabled||void 0,"data-readonly":s.isReadOnly||void 0}))});export{P as TimeField};

package/dist/components/time-picker.d.ts

@@ -0,0 +1,2 @@
+import { n as TimePicker, r as TimePickerProps, t as ControlledTimePickerProps } from "../TimePicker-Bdz_yJ0I.js";
+export { type ControlledTimePickerProps, TimePicker, type TimePickerProps };

package/dist/components/time-picker.js

@@ -0,0 +1,2 @@
+import { t as TimePicker } from "../TimePicker-BPLc1Uv5.js";
+export { TimePicker };

package/dist/components/toast/react-aria.d.ts

@@ -0,0 +1 @@
+export { UNSTABLE_Toast, type ToastProps, type ToastRenderProps } from "react-aria-components";

package/dist/components/toast/react-aria.js

@@ -0,0 +1 @@
+import e,{createContext as t,forwardRef as n,useContext as r,useMemo as i,useRef as a}from"react";import{filterDOMProps as o,mergeRefs as s,useLayoutEffect as c,useObjectRef as l}from"@react-aria/utils";import"react-dom";import{mergeProps as u,useFocusRing as d,useToast as f}from"react-aria";import"react-stately";const p=Symbol(`default`);function m({values:t,children:n}){for(let[r,i]of t)n=e.createElement(r.Provider,{value:i},n);return n}function h(e){let{className:t,style:n,children:r,defaultClassName:a,defaultChildren:o,defaultStyle:s,values:c,render:l}=e;return i(()=>{let e,i,u;return e=typeof t==`function`?t({...c,defaultClassName:a}):t,i=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:o}):r??o,{className:e??a,style:i||s?{...s,...i}:void 0,children:u??o,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,a,o,s,c,l])}function g(t,n,r){let{render:o,...l}=n,u=a(null),d=i(()=>s(r,u),[r,u]);c(()=>{},[t,o]);let f={...l,ref:d};return o?o(f,void 0):e.createElement(t,f)}const _={},v=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let r=_[t];return r||(r=n(g.bind(null,t)),_[t]=r),r}}),y=t({}),b=t({}),x=t(null),S=n(function(t,n){let i=r(x),a=l(n),{toastProps:s,contentProps:c,titleProps:g,descriptionProps:_,closeButtonProps:S}=f(t,i,a),{focusProps:w,isFocused:T,isFocusVisible:E}=d(),D=h({...t,defaultClassName:`react-aria-Toast`,values:{toast:t.toast,isFocused:T,isFocusVisible:E}}),O=o(t,{global:!0});return e.createElement(v.div,{...u(O,D,s,w),ref:a,"data-focused":T||void 0,"data-focus-visible":E||void 0},e.createElement(m,{values:[[C,c],[b,{slots:{[p]:{},title:g,description:_}}],[y,{slots:{[p]:{},close:S}}]]},D.children))}),C=t({});export{S as UNSTABLE_Toast};

package/dist/components/toast-content/react-aria.d.ts

@@ -0,0 +1 @@
+export { UNSTABLE_ToastContent } from "react-aria-components";

package/dist/components/toast-content/react-aria.js

@@ -0,0 +1 @@
+import e,{createContext as t,forwardRef as n,useContext as r,useMemo as i,useRef as a}from"react";import{mergeProps as o,mergeRefs as s,useLayoutEffect as c,useObjectRef as l}from"@react-aria/utils";import"react-dom";import"react-aria";import"react-stately";const u=Symbol(`default`);function d(e,t){let n=r(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||u;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function f(e,t,n){let{ref:r,...a}=d(n,e.slot)||{},c=l(i(()=>s(t,r),[t,r])),u=o(a,e);return`style`in a&&a.style&&`style`in e&&e.style&&(u.style=typeof a.style==`function`||typeof e.style==`function`?t=>{let n=typeof a.style==`function`?a.style(t):a.style,r={...t.defaultStyle,...n},i=typeof e.style==`function`?e.style({...t,defaultStyle:r}):e.style;return{...r,...i}}:{...a.style,...e.style}),[u,c]}function p(t,n,r){let{render:o,...l}=n,u=a(null),d=i(()=>s(r,u),[r,u]);c(()=>{},[t,o]);let f={...l,ref:d};return o?o(f,void 0):e.createElement(t,f)}const m={},h=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let r=m[t];return r||(r=n(p.bind(null,t)),m[t]=r),r}}),g=t({}),_=n(function(t,n){return[t,n]=f(t,n,g),e.createElement(h.div,{render:t.render,className:`react-aria-ToastContent`,...t,ref:n},t.children)});export{_ as UNSTABLE_ToastContent};

package/dist/components/toast-list/react-aria.d.ts

@@ -0,0 +1 @@
+export { UNSTABLE_ToastList, type ToastListProps } from "react-aria-components";

package/dist/components/toast-list/react-aria.js

@@ -0,0 +1 @@
+import e,{createContext as t,forwardRef as n,useContext as r,useMemo as i,useRef as a}from"react";import{mergeRefs as o,useLayoutEffect as s}from"@react-aria/utils";import"react-dom";import{useHover as c}from"react-aria";import"react-stately";function l(e){let{className:t,style:n,children:r,defaultClassName:a,defaultChildren:o,defaultStyle:s,values:c,render:l}=e;return i(()=>{let e,i,u;return e=typeof t==`function`?t({...c,defaultClassName:a}):t,i=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:o}):r??o,{className:e??a,style:i||s?{...s,...i}:void 0,children:u??o,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,a,o,s,c,l])}function u(t,n,r){let{render:c,...l}=n,u=a(null),d=i(()=>o(r,u),[r,u]);s(()=>{},[t,c]);let f={...l,ref:d};return c?c(f,void 0):e.createElement(t,f)}const d={},f=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let r=d[t];return r||(r=n(u.bind(null,t)),d[t]=r),r}}),p=t(null),m=n(function(t,n){let i=r(p),{hoverProps:a,isHovered:o}=c({}),s=l({...t,children:void 0,defaultClassName:`react-aria-ToastList`,values:{visibleToasts:i.visibleToasts,isFocused:!1,isFocusVisible:!1,isHovered:o}});return e.createElement(f.ol,{...a,...s,ref:n},i.visibleToasts.map(n=>e.createElement(`li`,{key:n.key,style:{display:`contents`}},t.children({toast:n}))))});export{m as UNSTABLE_ToastList};

package/dist/components/toast-region/react-aria.d.ts

@@ -0,0 +1 @@
+export { UNSTABLE_ToastRegion, type ToastRegionProps, type ToastRegionRenderProps } from "react-aria-components";

package/dist/components/toast-region/react-aria.js

@@ -0,0 +1 @@
+import e,{createContext as t,forwardRef as n,useContext as r,useMemo as i,useRef as a}from"react";import{filterDOMProps as o,mergeRefs as s,useLayoutEffect as c,useObjectRef as l}from"@react-aria/utils";import{createPortal as u}from"react-dom";import{mergeProps as d,useFocusRing as f,useHover as p,useLocale as m,useToastRegion as h}from"react-aria";import{useToastQueue as g}from"react-stately";function _(e){let{className:t,style:n,children:r,defaultClassName:a,defaultChildren:o,defaultStyle:s,values:c,render:l}=e;return i(()=>{let e,i,u;return e=typeof t==`function`?t({...c,defaultClassName:a}):t,i=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:o}):r??o,{className:e??a,style:i||s?{...s,...i}:void 0,children:u??o,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,a,o,s,c,l])}function v(t,n,r){let{render:o,...l}=n,u=a(null),d=i(()=>s(r,u),[r,u]);c(()=>{},[t,o]);let f={...l,ref:d};return o?o(f,void 0):e.createElement(t,f)}const y={},b=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let r=y[t];return r||(r=n(v.bind(null,t)),y[t]=r),r}}),x=t({});function S(){return r(x)??{}}String(Math.round(Math.random()*1e10));const C=e.createContext(!1);typeof window<`u`&&window.document&&window.document.createElement,e.useId;function w(){return!1}function T(){return!0}function E(e){return()=>{}}function D(){return typeof e.useSyncExternalStore==`function`?e.useSyncExternalStore(E,w,T):r(C)}const O=t(null),k=n(function(t,n){let r=D(),i=g(t.queue),a=l(n),{regionProps:s}=h(t,i,a),{focusProps:c,isFocused:v,isFocusVisible:y}=f(),{hoverProps:x,isHovered:C}=p({}),w=_({...t,children:void 0,defaultClassName:`react-aria-ToastRegion`,values:{visibleToasts:i.visibleToasts,isHovered:C,isFocused:v,isFocusVisible:y}}),{direction:T}=m(),E,{getContainer:k}=S();r||(E=document.body,k&&(E=k()));let j=o(t,{global:!0}),M=e.createElement(O.Provider,{value:i},e.createElement(b.div,{...d(j,w,s,c,x),dir:T,ref:a,"data-hovered":C||void 0,"data-focused":v||void 0,"data-focus-visible":y||void 0},typeof t.children==`function`?e.createElement(A,{...t,render:void 0,className:void 0,style:{display:`contents`}},t.children):t.children));return i.visibleToasts.length>0&&E?u(M,E):null}),A=n(function(t,n){let i=r(O),{hoverProps:a,isHovered:o}=p({}),s=_({...t,children:void 0,defaultClassName:`react-aria-ToastList`,values:{visibleToasts:i.visibleToasts,isFocused:!1,isFocusVisible:!1,isHovered:o}});return e.createElement(b.ol,{...a,...s,ref:n},i.visibleToasts.map(n=>e.createElement(`li`,{key:n.key,style:{display:`contents`}},t.children({toast:n}))))});export{k as UNSTABLE_ToastRegion};

package/dist/components/toast.d.ts

@@ -0,0 +1,4 @@
+import { t as ToastVariantProps } from "../toast.cva-C1ZPw_oP.js";
+import { n as ToastAction, r as ToastProps, t as Toast } from "../Toast-DL8_g0WV.js";
+import { n as ToastProvider, t as ToastContainer } from "../ToastContainer-9OS5SK5K.js";
+export { Toast, type ToastAction, ToastContainer, type ToastProps, ToastProvider, type ToastVariantProps };

package/dist/components/toast.js

@@ -0,0 +1,3 @@
+import { r as Toast } from "../dist-gJbayyxp.js";
+import { n as ToastProvider, t as ToastContainer } from "../ToastContainer-C45QhP2Q.js";
+export { Toast, ToastContainer, ToastProvider };

package/dist/components/toggle-button/react-aria.d.ts

@@ -0,0 +1 @@
+export { ToggleButton, type ToggleButtonProps, type ToggleButtonRenderProps } from "react-aria-components";

package/dist/components/toggle-button/react-aria.js

@@ -0,0 +1 @@
+import e,{createContext as t,forwardRef as n,useContext as r,useMemo as i,useRef as a}from"react";import{filterDOMProps as o,mergeProps as s,mergeRefs as c,useLayoutEffect as l,useObjectRef as u}from"@react-aria/utils";import{mergeProps as d,useFocusRing as f,useHover as p,useToggleButton as m,useToggleButtonGroupItem as h}from"react-aria";import{useToggleState as g}from"react-stately";const _=Symbol(`default`);function v(e){let{className:t,style:n,children:r,defaultClassName:a,defaultChildren:o,defaultStyle:s,values:c,render:l}=e;return i(()=>{let e,i,u;return e=typeof t==`function`?t({...c,defaultClassName:a}):t,i=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:o}):r??o,{className:e??a,style:i||s?{...s,...i}:void 0,children:u??o,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,a,o,s,c,l])}function y(e,t){let n=r(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||_;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function b(e,t,n){let{ref:r,...a}=y(n,e.slot)||{},o=u(i(()=>c(t,r),[t,r])),l=s(a,e);return`style`in a&&a.style&&`style`in e&&e.style&&(l.style=typeof a.style==`function`||typeof e.style==`function`?t=>{let n=typeof a.style==`function`?a.style(t):a.style,r={...t.defaultStyle,...n},i=typeof e.style==`function`?e.style({...t,defaultStyle:r}):e.style;return{...r,...i}}:{...a.style,...e.style}),[l,o]}function x(t,n,r){let{render:o,...s}=n,u=a(null),d=i(()=>c(r,u),[r,u]);l(()=>{},[t,o]);let f={...s,ref:d};return o?o(f,void 0):e.createElement(t,f)}const S={},C=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let r=S[t];return r||(r=n(x.bind(null,t)),S[t]=r),r}}),w=t({isSelected:!1}),T=t(null),E=t({}),D=n(function(t,n){[t,n]=b(t,n,E);let i=r(T),a=g(i&&t.id!=null?{isSelected:i.selectedKeys.has(t.id),onChange(e){i.setSelected(t.id,e)}}:t),{buttonProps:s,isPressed:c,isSelected:l,isDisabled:u}=i&&t.id!=null?h({...t,id:t.id},i,n):m({...t,id:t.id==null?void 0:String(t.id)},a,n),{focusProps:_,isFocused:y,isFocusVisible:x}=f(t),{hoverProps:S,isHovered:D}=p({...t,isDisabled:u}),O=v({...t,id:void 0,values:{isHovered:D,isPressed:c,isFocused:y,isSelected:a.isSelected,isFocusVisible:x,isDisabled:u,state:a},defaultClassName:`react-aria-ToggleButton`}),k=o(t,{global:!0});return delete k.id,delete k.onClick,e.createElement(C.button,{...d(k,O,s,_,S),ref:n,slot:t.slot||void 0,"data-focused":y||void 0,"data-disabled":u||void 0,"data-pressed":c||void 0,"data-selected":l||void 0,"data-hovered":D||void 0,"data-focus-visible":x||void 0},e.createElement(w.Provider,{value:{isSelected:l}},O.children))});export{D as ToggleButton};

package/dist/components/toggle-button-group/react-aria.d.ts

@@ -0,0 +1,5 @@
+export {
+  ToggleButtonGroup,
+  type ToggleButtonGroupProps,
+  type ToggleButtonGroupRenderProps,
+} from "react-aria-components";

package/dist/components/toggle-button-group/react-aria.js

@@ -0,0 +1 @@
+import e,{createContext as t,forwardRef as n,useContext as r,useMemo as i,useRef as a}from"react";import{filterDOMProps as o,mergeProps as s,mergeRefs as c,useLayoutEffect as l,useObjectRef as u}from"@react-aria/utils";import"react-dom";import{useToggleButtonGroup as d}from"react-aria";import{useToggleGroupState as f}from"react-stately";const p=Symbol(`default`);function m(e){let{className:t,style:n,children:r,defaultClassName:a,defaultChildren:o,defaultStyle:s,values:c,render:l}=e;return i(()=>{let e,i,u;return e=typeof t==`function`?t({...c,defaultClassName:a}):t,i=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:o}):r??o,{className:e??a,style:i||s?{...s,...i}:void 0,children:u??o,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,a,o,s,c,l])}function h(e,t){let n=r(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||p;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function g(e,t,n){let{ref:r,...a}=h(n,e.slot)||{},o=u(i(()=>c(t,r),[t,r])),l=s(a,e);return`style`in a&&a.style&&`style`in e&&e.style&&(l.style=typeof a.style==`function`||typeof e.style==`function`?t=>{let n=typeof a.style==`function`?a.style(t):a.style,r={...t.defaultStyle,...n},i=typeof e.style==`function`?e.style({...t,defaultStyle:r}):e.style;return{...r,...i}}:{...a.style,...e.style}),[l,o]}function _(t,n,r){let{render:o,...s}=n,u=a(null),d=i(()=>c(r,u),[r,u]);l(()=>{},[t,o]);let f={...s,ref:d};return o?o(f,void 0):e.createElement(t,f)}const v={},y=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let r=v[t];return r||(r=n(_.bind(null,t)),v[t]=r),r}}),b=t(null);function x(t){let n=a({});return e.createElement(b.Provider,{value:n},t.children)}const S=t({}),C=t(null),w=n(function(t,n){[t,n]=g(t,n,S);let r=f(t),{groupProps:i}=d(t,r,n),a=m({...t,values:{orientation:t.orientation||`horizontal`,isDisabled:r.isDisabled,state:r},defaultClassName:`react-aria-ToggleButtonGroup`}),c=o(t,{global:!0});return e.createElement(y.div,{...s(c,a,i),ref:n,slot:t.slot||void 0,"data-orientation":t.orientation||`horizontal`,"data-disabled":t.isDisabled||void 0},e.createElement(C.Provider,{value:r},e.createElement(x,null,a.children)))});export{w as ToggleButtonGroup};

package/dist/components/toggle-button.d.ts

@@ -0,0 +1,2 @@
+import { n as ToggleButtonProps, t as ToggleButton } from "../ToggleButton-3lINwoaV.js";
+export { ToggleButton, ToggleButtonProps };

package/dist/components/toggle-button.js

@@ -0,0 +1,34 @@
+import { t as Button } from "../Button-7HZojyTP.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/buttons/ToggleButton/ToggleButton.tsx
+const ToggleButton = (t0) => {
+	const $ = c(6);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== children || $[4] !== props) {
+		t1 = /* @__PURE__ */ jsx(Button, {
+			...props,
+			toggle: true,
+			variant: "outlined",
+			color: "primary",
+			children
+		});
+		$[3] = children;
+		$[4] = props;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+};
+//#endregion
+export { ToggleButton };

package/dist/components/toggle.d.ts

@@ -0,0 +1,2 @@
+import { n as Toggle, r as ToggleProps, t as ControlledToggleProps } from "../Toggle-Ca_t66zh.js";
+export { ControlledToggleProps, Toggle, ToggleProps };

package/dist/components/toggle.js

@@ -0,0 +1,2 @@
+import { t as Toggle } from "../Toggle-Dr7TQZ93.js";
+export { Toggle };

package/dist/components/toolbar/react-aria.d.ts

@@ -0,0 +1 @@
+export { Toolbar, type ToolbarProps, type ToolbarRenderProps } from "react-aria-components";

package/dist/components/toolbar/react-aria.js

@@ -0,0 +1 @@
+import e,{createContext as t,forwardRef as n,useContext as r,useMemo as i,useRef as a,useState as o}from"react";import{filterDOMProps as s,mergeProps as c,mergeRefs as l,nodeContains as u,useLayoutEffect as d,useObjectRef as f}from"@react-aria/utils";import{useLocale as p}from"@react-aria/i18n";import{createFocusManager as m}from"@react-aria/focus";const h=Symbol(`default`);function g(e){let{className:t,style:n,children:r,defaultClassName:a,defaultChildren:o,defaultStyle:s,values:c,render:l}=e;return i(()=>{let e,i,u;return e=typeof t==`function`?t({...c,defaultClassName:a}):t,i=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:o}):r??o,{className:e??a,style:i||s?{...s,...i}:void 0,children:u??o,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,a,o,s,c,l])}function _(e,t){let n=r(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||h;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function v(e,t,n){let{ref:r,...a}=_(n,e.slot)||{},o=f(i(()=>l(t,r),[t,r])),s=c(a,e);return`style`in a&&a.style&&`style`in e&&e.style&&(s.style=typeof a.style==`function`||typeof e.style==`function`?t=>{let n=typeof a.style==`function`?a.style(t):a.style,r={...t.defaultStyle,...n},i=typeof e.style==`function`?e.style({...t,defaultStyle:r}):e.style;return{...r,...i}}:{...a.style,...e.style}),[s,o]}function y(t,n,r){let{render:o,...s}=n,c=a(null),u=i(()=>l(r,c),[r,c]);d(()=>{},[t,o]);let f={...s,ref:u};return o?o(f,void 0):e.createElement(t,f)}const b={},x=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let r=b[t];return r||(r=n(y.bind(null,t)),b[t]=r),r}});function S(e,t){let{"aria-label":n,"aria-labelledby":r,orientation:i=`horizontal`}=e,[c,l]=o(!1);d(()=>{l(!!(t.current&&t.current.parentElement?.closest(`[role="toolbar"]`)))});let{direction:f}=p(),h=f===`rtl`&&i===`horizontal`,g=m(t),_=e=>{if(u(e.currentTarget,e.target)){if(i===`horizontal`&&e.key===`ArrowRight`||i===`vertical`&&e.key===`ArrowDown`)h?g.focusPrevious():g.focusNext();else if(i===`horizontal`&&e.key===`ArrowLeft`||i===`vertical`&&e.key===`ArrowUp`)h?g.focusNext():g.focusPrevious();else if(e.key===`Tab`){e.stopPropagation(),v.current=document.activeElement,e.shiftKey?g.focusFirst():g.focusLast();return}else return;e.stopPropagation(),e.preventDefault()}},v=a(null),y=e=>{!u(e.currentTarget,e.relatedTarget)&&!v.current&&(v.current=e.target)},b=e=>{if(v.current&&!u(e.currentTarget,e.relatedTarget)&&u(t.current,e.target)){var n;(n=v.current)==null||n.focus(),v.current=null}};return{toolbarProps:{...s(e,{labelable:!0}),role:c?`group`:`toolbar`,"aria-orientation":i,"aria-label":n,"aria-labelledby":n==null?r:void 0,onKeyDownCapture:c?void 0:_,onFocusCapture:c?void 0:b,onBlurCapture:c?void 0:y}}}const C=t({}),w=n(function(t,n){[t,n]=v(t,n,C);let{toolbarProps:r}=S(t,n),i=g({...t,values:{orientation:t.orientation||`horizontal`},defaultClassName:`react-aria-Toolbar`}),a=s(t,{global:!0});return delete a.id,e.createElement(x.div,{...c(a,i,r),ref:n,slot:t.slot||void 0,"data-orientation":t.orientation||`horizontal`},i.children)});export{w as Toolbar};

package/dist/components/tooltip/react-aria.d.ts

@@ -0,0 +1 @@
+export { Tooltip, type TooltipProps, type TooltipRenderProps } from "react-aria-components";

package/dist/components/tooltip/react-aria.js

@@ -0,0 +1 @@
+import e,{createContext as t,forwardRef as n,useContext as r,useMemo as i,useRef as a}from"react";import{filterDOMProps as o,mergeProps as s,mergeRefs as c,useEnterAnimation as l,useExitAnimation as u,useLayoutEffect as d,useObjectRef as f}from"@react-aria/utils";import"@react-aria/focus";import{OverlayContainer as p,mergeProps as m,useOverlayPosition as h,useTooltip as g}from"react-aria";import{useTooltipTriggerState as _}from"react-stately";const v=Symbol(`default`);function y(e){let{className:t,style:n,children:r,defaultClassName:a,defaultChildren:o,defaultStyle:s,values:c,render:l}=e;return i(()=>{let e,i,u;return e=typeof t==`function`?t({...c,defaultClassName:a}):t,i=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:o}):r??o,{className:e??a,style:i||s?{...s,...i}:void 0,children:u??o,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,a,o,s,c,l])}function b(e,t){let n=r(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||v;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function x(e,t,n){let{ref:r,...a}=b(n,e.slot)||{},o=f(i(()=>c(t,r),[t,r])),l=s(a,e);return`style`in a&&a.style&&`style`in e&&e.style&&(l.style=typeof a.style==`function`||typeof e.style==`function`?t=>{let n=typeof a.style==`function`?a.style(t):a.style,r={...t.defaultStyle,...n},i=typeof e.style==`function`?e.style({...t,defaultStyle:r}):e.style;return{...r,...i}}:{...a.style,...e.style}),[l,o]}function S(t,n,r){let{render:o,...s}=n,l=a(null),u=i(()=>c(r,l),[r,l]);d(()=>{},[t,o]);let f={...s,ref:u};return o?o(f,void 0):e.createElement(t,f)}const C={},w=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let r=C[t];return r||(r=n(S.bind(null,t)),C[t]=r),r}}),T=t({placement:`bottom`}),E=t(null),D=t(null),O=n(function({UNSTABLE_portalContainer:t,...n},i){[n,i]=x(n,i,D);let a=r(E),o=_(n),s=n.isOpen!=null||n.defaultOpen!=null||!a?o:a,c=u(i,s.isOpen)||n.isExiting||!1;return!s.isOpen&&!c?null:e.createElement(p,{portalContainer:t},e.createElement(k,{...n,tooltipRef:i,isExiting:c}))});function k(t){let n=r(E),i=a(null),{overlayProps:s,arrowProps:c,placement:u,triggerAnchorPoint:d}=h({placement:t.placement||`top`,targetRef:t.triggerRef,overlayRef:t.tooltipRef,arrowRef:i,offset:t.offset,crossOffset:t.crossOffset,isOpen:n.isOpen,arrowBoundaryOffset:t.arrowBoundaryOffset,shouldFlip:t.shouldFlip,containerPadding:t.containerPadding,onClose:()=>n.close(!0)}),f=l(t.tooltipRef,!!u)||t.isEntering||!1,p=y({...t,defaultClassName:`react-aria-Tooltip`,values:{placement:u,isEntering:f,isExiting:t.isExiting,state:n}});t=m(t,s);let{tooltipProps:_}=g(t,n),v=o(t,{global:!0});return e.createElement(w.div,{...m(v,p,_),ref:t.tooltipRef,style:{...s.style,"--trigger-anchor-point":d?`${d.x}px ${d.y}px`:void 0,...p.style},"data-placement":u??void 0,"data-entering":f||void 0,"data-exiting":t.isExiting||void 0},e.createElement(T.Provider,{value:{...c,placement:u,ref:i}},p.children))}export{O as Tooltip};

package/dist/components/tooltip-ellipsis.d.ts

@@ -0,0 +1,2 @@
+import { n as TooltipEllipsisProps, t as TooltipEllipsis } from "../TooltipEllipsis-Di9Dvd4x.js";
+export { TooltipEllipsis, TooltipEllipsisProps };

package/dist/components/tooltip-ellipsis.js

@@ -0,0 +1,46 @@
+import { t as Tooltip } from "../Tooltip-D8YNkKCl.js";
+import { useState } from "react";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/overlays/Tooltip/TooltipEllipsis.tsx
+const TooltipEllipsis = (t0) => {
+	const $ = c(8);
+	const { text, children, isDisabled, isNonInteractiveTrigger } = t0;
+	const [isEllipsisActive, setIsEllipsisActive] = useState(false);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = (ref) => {
+			if (ref) setIsEllipsisActive(ref.offsetWidth < ref.scrollWidth);
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	const onContentRef = t1;
+	let t2;
+	if ($[1] !== children) {
+		t2 = children(onContentRef);
+		$[1] = children;
+		$[2] = t2;
+	} else t2 = $[2];
+	const content = t2;
+	if (isEllipsisActive && !isDisabled) {
+		let t3;
+		if ($[3] !== content || $[4] !== isDisabled || $[5] !== isNonInteractiveTrigger || $[6] !== text) {
+			t3 = /* @__PURE__ */ jsx(Tooltip, {
+				text,
+				placement: "bottom",
+				isDisabled,
+				isNonInteractiveTrigger,
+				children: content
+			});
+			$[3] = content;
+			$[4] = isDisabled;
+			$[5] = isNonInteractiveTrigger;
+			$[6] = text;
+			$[7] = t3;
+		} else t3 = $[7];
+		return t3;
+	}
+	return content;
+};
+//#endregion
+export { TooltipEllipsis };

package/dist/components/tooltip-trigger/react-aria.d.ts

@@ -0,0 +1 @@
+export { TooltipTrigger, type TooltipTriggerComponentProps } from "react-aria-components";

package/dist/components/tooltip-trigger/react-aria.js

@@ -0,0 +1 @@
+import e,{createContext as t,forwardRef as n,useMemo as r,useRef as i}from"react";import{mergeRefs as a,useLayoutEffect as o}from"@react-aria/utils";import{FocusableProvider as s}from"@react-aria/focus";import{useTooltipTrigger as c}from"react-aria";import{useTooltipTriggerState as l}from"react-stately";function u({values:t,children:n}){for(let[r,i]of t)n=e.createElement(r.Provider,{value:i},n);return n}function d(t,n,s){let{render:c,...l}=n,u=i(null),d=r(()=>a(s,u),[s,u]);o(()=>{},[t,c]);let f={...l,ref:d};return c?c(f,void 0):e.createElement(t,f)}const f={};new Proxy({},{get(e,t){if(typeof t!=`string`)return;let r=f[t];return r||(r=n(d.bind(null,t)),f[t]=r),r}});const p=t(null),m=t(null);function h(t){let n=l(t),r=i(null),{triggerProps:a,tooltipProps:o}=c(t,n,r);return e.createElement(u,{values:[[p,n],[m,{...o,triggerRef:r}]]},e.createElement(s,{...a,ref:r},t.children))}export{h as TooltipTrigger};

package/dist/components/tooltip.d.ts

@@ -0,0 +1,2 @@
+import { n as TooltipProps, t as Tooltip } from "../Tooltip-D1oFPqFF.js";
+export { Tooltip, TooltipProps };

package/dist/components/tooltip.js

@@ -0,0 +1,2 @@
+import { t as Tooltip } from "../Tooltip-D8YNkKCl.js";
+export { Tooltip };

package/dist/components/tree/react-aria.d.ts

@@ -0,0 +1 @@
+export { Tree, type TreeProps, type TreeRenderProps } from "react-aria-components";

package/dist/components/tree/react-aria.js

@@ -0,0 +1 @@
+import e,{cloneElement as t,createContext as n,forwardRef as r,isValidElement as i,useCallback as a,useContext as o,useEffect as s,useMemo as c,useReducer as l,useRef as u,useState as d,useSyncExternalStore as f}from"react";import{filterDOMProps as p,inertValue as m,mergeProps as h,mergeRefs as g,useLayoutEffect as _,useLoadMoreSentinel as v,useObjectRef as y}from"@react-aria/utils";import{FocusableContext as b}from"@react-aria/interactions";import{createPortal as x}from"react-dom";import{FocusScope as S,ListKeyboardDelegate as C,mergeProps as w,useCollator as T,useFocusRing as ee,useLocale as te,useTree as ne,useTreeItem as E,useVisuallyHidden as D}from"react-aria";import{useTreeState as re}from"react-stately";const O=Symbol(`default`);function ie({values:t,children:n}){for(let[r,i]of t)n=e.createElement(r.Provider,{value:i},n);return n}function k(e){let{className:t,style:n,children:r,defaultClassName:i,defaultChildren:a,defaultStyle:o,values:s,render:l}=e;return c(()=>{let e,c,u;return e=typeof t==`function`?t({...s,defaultClassName:i}):t,c=typeof n==`function`?n({...s,defaultStyle:o||{}}):n,u=typeof r==`function`?r({...s,defaultChildren:a}):r??a,{className:e??i,style:c||o?{...o,...c}:void 0,children:u??a,"data-rac":``,render:l?e=>l(e,s):void 0}},[t,n,r,i,a,o,s,l])}function ae(e,t){let n=o(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||O;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function A(e,t,n){let{ref:r,...i}=ae(n,e.slot)||{},a=y(c(()=>g(t,r),[t,r])),o=h(i,e);return`style`in i&&i.style&&`style`in e&&e.style&&(o.style=typeof i.style==`function`||typeof e.style==`function`?t=>{let n=typeof i.style==`function`?i.style(t):i.style,r={...t.defaultStyle,...n},a=typeof e.style==`function`?e.style({...t,defaultStyle:r}):e.style;return{...r,...a}}:{...i.style,...e.style}),[o,a]}function j(t,n,r){let{render:i,...a}=n,o=u(null),s=c(()=>g(r,o),[r,o]);_(()=>{},[t,i]);let l={...a,ref:s};return i?i(l,void 0):e.createElement(t,l)}const M={},N=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let n=M[t];return n||(n=r(j.bind(null,t)),M[t]=n),n}});String(Math.round(Math.random()*1e10));const P=e.createContext(!1);typeof window<`u`&&window.document&&window.document.createElement,e.useId;function F(){return!1}function I(){return!0}function L(e){return()=>{}}function R(){return typeof e.useSyncExternalStore==`function`?e.useSyncExternalStore(L,F,I):o(P)}const z=typeof document<`u`?e.useInsertionEffect??e.useLayoutEffect:()=>{};function oe(e,t,n){let[r,i]=d(e||t),o=u(r),c=u(e!==void 0),f=e!==void 0;s(()=>{c.current,c.current=f},[f]);let p=f?e:r;z(()=>{o.current=p});let[,m]=l(()=>({}),{});return[p,a((e,...t)=>{let r=typeof e==`function`?e(o.current):e;Object.is(o.current,r)||(o.current=r,i(r),m(),n?.(r,...t))},[n])]}var B=class{get childNodes(){throw Error(`childNodes is not supported`)}clone(){let e=new this.constructor(this.key);return e.value=this.value,e.level=this.level,e.hasChildNodes=this.hasChildNodes,e.rendered=this.rendered,e.textValue=this.textValue,e[`aria-label`]=this[`aria-label`],e.index=this.index,e.parentKey=this.parentKey,e.prevKey=this.prevKey,e.nextKey=this.nextKey,e.firstChildKey=this.firstChildKey,e.lastChildKey=this.lastChildKey,e.props=this.props,e.render=this.render,e.colSpan=this.colSpan,e.colIndex=this.colIndex,e}filter(e,t,n){let r=this.clone();return t.addDescendants(r,e),r}constructor(e){this.value=null,this.level=0,this.hasChildNodes=!1,this.rendered=null,this.textValue=``,this[`aria-label`]=void 0,this.index=0,this.parentKey=null,this.prevKey=null,this.nextKey=null,this.firstChildKey=null,this.lastChildKey=null,this.props={},this.colSpan=null,this.colIndex=null,this.type=this.constructor.type,this.key=e}},V=class extends B{filter(e,t,n){let[r,i]=q(e,t,this.firstChildKey,n),a=this.clone();return a.firstChildKey=r,a.lastChildKey=i,a}},H=class extends B{};H.type=`header`;var U=class extends B{};U.type=`loader`;var W=class extends V{filter(e,t,n){if(n(this.textValue,this)){let n=this.clone();return t.addDescendants(n,e),n}return null}};W.type=`item`;var G=class extends V{filter(e,t,n){let r=super.filter(e,t,n);if(r&&r.lastChildKey!==null){let t=e.getItem(r.lastChildKey);if(t&&t.type!==`header`)return r}return null}};G.type=`section`;var K=class{get size(){return this.itemCount}getKeys(){return this.keyMap.keys()}*[Symbol.iterator](){let e=this.firstKey==null?void 0:this.keyMap.get(this.firstKey);for(;e;)yield e,e=e.nextKey==null?void 0:this.keyMap.get(e.nextKey)}getChildren(e){let t=this.keyMap;return{*[Symbol.iterator](){let n=t.get(e),r=n?.firstChildKey==null?null:t.get(n.firstChildKey);for(;r;)yield r,r=r.nextKey==null?void 0:t.get(r.nextKey)}}}getKeyBefore(e){let t=this.keyMap.get(e);if(!t)return null;if(t.prevKey!=null){for(t=this.keyMap.get(t.prevKey);t&&t.type!==`item`&&t.lastChildKey!=null;)t=this.keyMap.get(t.lastChildKey);return t?.key??null}return t.parentKey}getKeyAfter(e){let t=this.keyMap.get(e);if(!t)return null;if(t.type!==`item`&&t.firstChildKey!=null)return t.firstChildKey;for(;t;){if(t.nextKey!=null)return t.nextKey;if(t.parentKey!=null)t=this.keyMap.get(t.parentKey);else return null}return null}getFirstKey(){return this.firstKey}getLastKey(){let e=this.lastKey==null?null:this.keyMap.get(this.lastKey);for(;e?.lastChildKey!=null;)e=this.keyMap.get(e.lastChildKey);return e?.key??null}getItem(e){return this.keyMap.get(e)??null}at(){throw Error(`Not implemented`)}clone(){let e=this.constructor,t=new e;return t.keyMap=new Map(this.keyMap),t.firstKey=this.firstKey,t.lastKey=this.lastKey,t.itemCount=this.itemCount,t}addNode(e){if(this.frozen)throw Error(`Cannot add a node to a frozen collection`);e.type===`item`&&this.keyMap.get(e.key)==null&&this.itemCount++,this.keyMap.set(e.key,e)}addDescendants(e,t){this.addNode(e);let n=t.getChildren(e.key);for(let e of n)this.addDescendants(e,t)}removeNode(e){if(this.frozen)throw Error(`Cannot remove a node to a frozen collection`);let t=this.keyMap.get(e);t!=null&&t.type===`item`&&this.itemCount--,this.keyMap.delete(e)}commit(e,t,n=!1){if(this.frozen)throw Error(`Cannot commit a frozen collection`);this.firstKey=e,this.lastKey=t,this.frozen=!n}filter(e){let t=new this.constructor,[n,r]=q(this,t,this.firstKey,e);return t?.commit(n,r),t}constructor(){this.keyMap=new Map,this.firstKey=null,this.lastKey=null,this.frozen=!1,this.itemCount=0}};function q(e,t,n,r){if(n==null)return[null,null];let i=null,a=null,o=e.getItem(n);for(;o!=null;){let n=o.filter(e,t,r);n!=null&&(n.nextKey=null,a&&(n.prevKey=a.key,a.nextKey=n.key),i??=n,t.addNode(n),a=n),o=o.nextKey?e.getItem(o.nextKey):null}if(a&&a.type===`separator`){let e=a.prevKey;t.removeNode(a.key),e?(a=t.getItem(e),a.nextKey=null):a=null}return[i?.key??null,a?.key??null]}var J=class{*[Symbol.iterator](){let e=this.firstChild;for(;e;)yield e,e=e.nextSibling}get firstChild(){return this._firstChild}set firstChild(e){this._firstChild=e,this.ownerDocument.markDirty(this)}get lastChild(){return this._lastChild}set lastChild(e){this._lastChild=e,this.ownerDocument.markDirty(this)}get previousSibling(){return this._previousSibling}set previousSibling(e){this._previousSibling=e,this.ownerDocument.markDirty(this)}get nextSibling(){return this._nextSibling}set nextSibling(e){this._nextSibling=e,this.ownerDocument.markDirty(this)}get parentNode(){return this._parentNode}set parentNode(e){this._parentNode=e,this.ownerDocument.markDirty(this)}get isConnected(){return this.parentNode?.isConnected||!1}invalidateChildIndices(e){(this._minInvalidChildIndex==null||!this._minInvalidChildIndex.isConnected||e.index<this._minInvalidChildIndex.index)&&(this._minInvalidChildIndex=e,this.ownerDocument.markDirty(this))}updateChildIndices(){let e=this._minInvalidChildIndex;for(;e;)e.index=e.previousSibling?e.previousSibling.index+1:0,e=e.nextSibling;this._minInvalidChildIndex=null}appendChild(e){e.parentNode&&e.parentNode.removeChild(e),this.firstChild??=e,this.lastChild?(this.lastChild.nextSibling=e,e.index=this.lastChild.index+1,e.previousSibling=this.lastChild):(e.previousSibling=null,e.index=0),e.parentNode=this,e.nextSibling=null,this.lastChild=e,this.ownerDocument.markDirty(this),this.isConnected&&this.ownerDocument.queueUpdate()}insertBefore(e,t){if(t==null)return this.appendChild(e);e.parentNode&&e.parentNode.removeChild(e),e.nextSibling=t,e.previousSibling=t.previousSibling,e.index=t.index-1,this.firstChild===t?this.firstChild=e:t.previousSibling&&(t.previousSibling.nextSibling=e),t.previousSibling=e,e.parentNode=t.parentNode,this.invalidateChildIndices(e),this.isConnected&&this.ownerDocument.queueUpdate()}removeChild(e){e.parentNode===this&&(this._minInvalidChildIndex===e&&(this._minInvalidChildIndex=null),e.nextSibling&&(this.invalidateChildIndices(e.nextSibling),e.nextSibling.previousSibling=e.previousSibling),e.previousSibling&&(e.previousSibling.nextSibling=e.nextSibling),this.firstChild===e&&(this.firstChild=e.nextSibling),this.lastChild===e&&(this.lastChild=e.previousSibling),e.parentNode=null,e.nextSibling=null,e.previousSibling=null,e.index=0,this.ownerDocument.markDirty(e),this.isConnected&&this.ownerDocument.queueUpdate())}addEventListener(){}removeEventListener(){}get previousVisibleSibling(){let e=this.previousSibling;for(;e&&e.isHidden;)e=e.previousSibling;return e}get nextVisibleSibling(){let e=this.nextSibling;for(;e&&e.isHidden;)e=e.nextSibling;return e}get firstVisibleChild(){let e=this.firstChild;for(;e&&e.isHidden;)e=e.nextSibling;return e}get lastVisibleChild(){let e=this.lastChild;for(;e&&e.isHidden;)e=e.previousSibling;return e}constructor(e){this._firstChild=null,this._lastChild=null,this._previousSibling=null,this._nextSibling=null,this._parentNode=null,this._minInvalidChildIndex=null,this.ownerDocument=e}},Y=class e extends J{get index(){return this._index}set index(e){this._index=e,this.ownerDocument.markDirty(this)}get level(){return this.parentNode instanceof e?this.parentNode.level+ +(this.node?.type===`item`):0}getMutableNode(){return this.node==null?null:(this.isMutated||=(this.node=this.node.clone(),!0),this.ownerDocument.markDirty(this),this.node)}updateNode(){let t=this.nextVisibleSibling,n=this.getMutableNode();if(n!=null&&(n.index=this.index,n.level=this.level,n.parentKey=this.parentNode instanceof e?this.parentNode.node?.key??null:null,n.prevKey=this.previousVisibleSibling?.node?.key??null,n.nextKey=t?.node?.key??null,n.hasChildNodes=!!this.firstChild,n.firstChildKey=this.firstVisibleChild?.node?.key??null,n.lastChildKey=this.lastVisibleChild?.node?.key??null,(n.colSpan!=null||n.colIndex!=null)&&t)){let e=(n.colIndex??n.index)+(n.colSpan??1);if(t.node!=null&&e!==t.node.colIndex){let n=t.getMutableNode();n.colIndex=e}}}setProps(e,t,n,r,i){let a,{value:o,textValue:s,id:c,...l}=e;if(this.node==null?(a=new n(c??`react-aria-${++this.ownerDocument.nodeId}`),this.node=a):a=this.getMutableNode(),l.ref=t,a.props=l,a.rendered=r,a.render=i,a.value=o,e[`aria-label`]&&(a[`aria-label`]=e[`aria-label`]),a.textValue=s||(typeof l.children==`string`?l.children:``)||e[`aria-label`]||``,c!=null&&c!==a.key)throw Error(`Cannot change the id of an item`);l.colSpan!=null&&(a.colSpan=l.colSpan),this.isConnected&&this.ownerDocument.queueUpdate()}get style(){let e=this;return{get display(){return e.isHidden?`none`:``},set display(t){let n=t===`none`;if(e.isHidden!==n){(e.parentNode?.firstVisibleChild===e||e.parentNode?.lastVisibleChild===e)&&e.ownerDocument.markDirty(e.parentNode);let t=e.previousVisibleSibling,r=e.nextVisibleSibling;t&&e.ownerDocument.markDirty(t),r&&e.ownerDocument.markDirty(r),e.isHidden=n,e.ownerDocument.markDirty(e)}}}}hasAttribute(){}setAttribute(){}setAttributeNS(){}removeAttribute(){}constructor(e,t){super(t),this.nodeType=8,this.isMutated=!0,this._index=0,this.isHidden=!1,this.node=null}},X=class extends J{get isConnected(){return!0}createElement(e){return new Y(e,this)}getMutableCollection(){return this.nextCollection||=this.collection.clone(),this.nextCollection}markDirty(e){this.dirtyNodes.add(e)}addNode(e){if(e.isHidden||e.node==null)return;let t=this.getMutableCollection();if(!t.getItem(e.node.key))for(let t of e)this.addNode(t);t.addNode(e.node)}removeNode(e){for(let t of e)this.removeNode(t);e.node&&this.getMutableCollection().removeNode(e.node.key)}getCollection(){return this.inSubscription?this.collection.clone():(this.queuedRender=!1,this.updateCollection(),this.collection)}updateCollection(){for(let e of this.dirtyNodes)e instanceof Y&&(!e.isConnected||e.isHidden)?this.removeNode(e):e.updateChildIndices();for(let e of this.dirtyNodes)e instanceof Y?(e.isConnected&&!e.isHidden&&(e.updateNode(),this.addNode(e)),e.node&&this.dirtyNodes.delete(e),e.isMutated=!1):this.dirtyNodes.delete(e);this.nextCollection&&(this.nextCollection.commit(this.firstVisibleChild?.node?.key??null,this.lastVisibleChild?.node?.key??null,this.isSSR),this.isSSR||(this.collection=this.nextCollection,this.nextCollection=null))}queueUpdate(){if(!(this.dirtyNodes.size===0||this.queuedRender)){this.queuedRender=!0,this.inSubscription=!0;for(let e of this.subscriptions)e();this.inSubscription=!1}}subscribe(e){return this.subscriptions.add(e),()=>this.subscriptions.delete(e)}resetAfterSSR(){this.isSSR&&(this.isSSR=!1,this.firstChild=null,this.lastChild=null,this.nodeId=0)}constructor(e){super(null),this.nodeType=11,this.ownerDocument=this,this.dirtyNodes=new Set,this.isSSR=!1,this.nodeId=0,this.nodesByProps=new WeakMap,this.nextCollection=null,this.subscriptions=new Set,this.queuedRender=!1,this.inSubscription=!1,this.collection=e,this.nextCollection=e}};function se(e){let{children:n,items:r,idScope:i,addIdAndValue:a,dependencies:o=[]}=e,s=c(()=>new WeakMap,o);return c(()=>{if(r&&typeof n==`function`){let e=[];for(let o of r){let r=s.get(o);if(!r){r=n(o);let e=r.props.id??o.key??o.id;if(e==null)throw Error(`Could not determine key for item`);i!=null&&(e=i+`:`+e),r=t(r,a?{key:e,id:e,value:o}:{key:e}),s.set(o,r)}e.push(r)}return e}if(typeof n!=`function`)return n},[n,r,s,i,a])}if(typeof HTMLTemplateElement<`u`){let e=Object.getOwnPropertyDescriptor(Node.prototype,`firstChild`).get;Object.defineProperty(HTMLTemplateElement.prototype,"firstChild",{configurable:!0,enumerable:!0,get:function(){return this.dataset.reactAriaHidden?this.content.firstChild:e.call(this)}})}const ce=n(!1);function le(t){if(o(ce))return e.createElement(e.Fragment,null,t.children);let n=e.createElement(ce.Provider,{value:!0},t.children);return e.createElement(`template`,{"data-react-aria-hidden":!0},n)}const ue=n(!1),Z=n(null);function de(t){if(o(Z))return t.content;let{collection:n,document:r}=he(t.createCollection);return e.createElement(e.Fragment,null,e.createElement(le,null,e.createElement(Z.Provider,{value:r},t.content)),e.createElement(fe,{render:t.children,collection:n}))}function fe({collection:e,render:t}){return t(e)}function pe(e,t,n){let r=R(),i=u(r);i.current=r;let o=a(()=>i.current?n():t(),[t,n]);return f(e,o)}const me=typeof e.useSyncExternalStore==`function`?e.useSyncExternalStore:pe;function he(e){let[t]=d(()=>new X(e?.()||new K)),n=a(e=>t.subscribe(e),[t]),r=a(()=>{let e=t.getCollection();return t.isSSR&&t.resetAfterSSR(),e},[t]),i=a(()=>(t.isSSR=!0,t.getCollection()),[t]);return{collection:me(n,r,i),document:t}}const Q=n(null);function ge(e){var t;return t=class extends B{},t.type=e,t}function _e(t,n,r,i,s,c){typeof t==`string`&&(t=ge(t));let l=a(e=>{e?.setProps(n,r,t,i,c)},[n,r,i,c,t]),u=o(Q);if(u){let a=u.ownerDocument.nodesByProps.get(n);return a||(a=u.ownerDocument.createElement(t.type),a.setProps(n,r,t,i,c),u.appendChild(a),u.ownerDocument.updateCollection(),u.ownerDocument.nodesByProps.set(n,a)),s?e.createElement(Q.Provider,{value:a},s):null}return e.createElement(t.type,{ref:l},s)}function ve(t,n){let i=({node:e})=>n(e.props,e.props.ref,e),a=r((r,a)=>{let s=o(b);if(!o(ue)){if(n.length>=3)throw Error(n.name+` cannot be rendered outside a collection.`);return n(r,a)}return _e(t,r,a,`children`in r?r.children:null,null,t=>e.createElement(b.Provider,{value:s},e.createElement(i,{node:t})))});return a.displayName=n.name,a}function ye(e){return se({...e,addIdAndValue:!0})}const be=n(null);function xe(t){let n=o(be),r=(n?.dependencies||[]).concat(t.dependencies),i=t.idScope??n?.idScope,a=ye({...t,idScope:i,dependencies:r});return o(Z)&&(a=e.createElement(Se,null,a)),n=c(()=>({dependencies:r,idScope:i}),[i,...r]),e.createElement(be.Provider,{value:n},a)}function Se({children:t}){let n=o(Z),r=c(()=>e.createElement(Z.Provider,{value:null},e.createElement(ue.Provider,{value:!0},t)),[t]);return R()?e.createElement(Q.Provider,{value:n},r):x(r,n)}const Ce={CollectionRoot({collection:e,renderDropIndicator:t}){return we(e,null,t)},CollectionBranch({collection:e,parent:t,renderDropIndicator:n}){return we(e,t,n)}};function we(t,n,r){return se({items:n?t.getChildren(n.key):t,dependencies:[r],children(n){let i=n.render(n);return!r||n.type!==`item`?i:e.createElement(e.Fragment,null,r({type:`item`,key:n.key,dropPosition:`before`}),i,Te(t,n,r))}})}function Te(e,n,r){let a=n.key,o=e.getKeyAfter(a),s=o==null?null:e.getItem(o);for(;s!=null&&s.type!==`item`;)o=e.getKeyAfter(s.key),s=o==null?null:e.getItem(o);let c=n.nextKey==null?null:e.getItem(n.nextKey);for(;c!=null&&c.type!==`item`;)c=c.nextKey==null?null:e.getItem(c.nextKey);let l=[];if(c==null){let a=n;for(;a?.type===`item`&&(!s||a.parentKey!==s.parentKey&&s.level<a.level);){let n=r({type:`item`,key:a.key,dropPosition:`after`});i(n)&&l.push(t(n,{key:`${a.key}-after`})),a=a.parentKey==null?null:e.getItem(a.parentKey)}}return l}const Ee=n(Ce),$=n({}),De=n(null),Oe=r(function(t,n){let{render:r}=o(De);return e.createElement(e.Fragment,null,r(t,n))});function ke(t,n){let r=t?.renderDropIndicator,i=t?.isVirtualDragging?.call(t),o=a(t=>{if(i||n?.isDropTarget(t))return r?r(t):e.createElement(Oe,{target:t})},[n?.target,i,r]);return t?.useDropIndicator?o:void 0}function Ae(e,t,n){let r=e.focusedKey,i=null;if(t!=null&&t.isVirtualDragging?.call(t)&&n?.target?.type===`item`&&(i=n.target.key,n.target.dropPosition===`after`)){let e=n.collection.getKeyAfter(i),t=null;if(e!=null){let r=n.collection.getItem(i)?.level??0;for(;e;){let i=n.collection.getItem(e);if(!i)break;if(i.type!==`item`){e=n.collection.getKeyAfter(e);continue}if((i.level??0)<=r)break;t=e,e=n.collection.getKeyAfter(e)}}i=e??t??i}return c(()=>new Set([r,i].filter(e=>e!=null)),[r,i])}const je=n(null);function Me(t){let n=u({});return e.createElement(je.Provider,{value:n},t.children)}var Ne=class{setup(e,t,n){this.delegate=e,this.state=t,this.direction=n}getDropTargetFromPoint(e,t,n){let r=this.delegate.getDropTargetFromPoint(e,t,n);return!r||r.type===`root`?r:this.resolveDropTarget(r,e,t,n)}resolveDropTarget(e,t,n,r){let i=this.pointerTracking,a=n-i.lastY,o=t-i.lastX,s=i.yDirection,c=i.xDirection;if(Math.abs(a)>5&&(s=a>0?`down`:`up`,i.yDirection=s,i.lastY=n),Math.abs(o)>10&&(c=o>0?`right`:`left`,i.xDirection=c,i.lastX=t),e.dropPosition===`before`){let t=this.state.collection.getKeyBefore(e.key);if(t!=null){let n={type:`item`,key:t,dropPosition:`after`};r(n)&&(e=n)}}let l=this.getPotentialTargets(e,r);if(l.length===0)return{type:`root`};let u;return l.length>1?u=this.selectTarget(l,e,t,n,s,c):(u=l[0],i.boundaryContext=null),u}getPotentialTargets(e,t){if(e.dropPosition===`on`)return[e];let n=e,r=this.state.collection,i=r.getItem(n.key);for(;i&&i?.type!==`item`&&i.nextKey!=null;)n.key=i.nextKey,i=r.getItem(i.nextKey);let a=[n];if(i&&i.hasChildNodes&&this.state.expandedKeys.has(i.key)&&r.getChildren&&n.dropPosition===`after`){let e=null;for(let t of r.getChildren(i.key))if(t.type===`item`){e=t;break}if(e){let n={type:`item`,key:e.key,dropPosition:`before`};return t(n)?[n]:[]}}if(i?.nextKey!=null)return[e];let o=i?.parentKey,s=[];for(;o;){let e=r.getItem(o),n=e?.nextKey?r.getItem(e.nextKey):null;if(!n||n.parentKey!==o){let e={type:`item`,key:o,dropPosition:`after`};if(t(e)&&s.push(e),n)break}o=e?.parentKey}if(s.length>0&&a.push(...s),a.length===1){let e=r.getKeyAfter(n.key),a=e?r.getItem(e):null;if(e!=null&&a&&i&&a.level!=null&&i.level!=null&&a.level>i.level){let n={type:`item`,key:e,dropPosition:`before`};if(t(n))return[n]}}return a.filter(t)}selectTarget(e,t,n,r,i,a){if(e.length<2)return e[0];let o=this.pointerTracking,s=this.state.collection.getItem(t.key)?.parentKey;if(!s)return e[0];(!o.boundaryContext||o.boundaryContext.parentKey!==s)&&(o.boundaryContext={parentKey:s,preferredTargetIndex:o.yDirection===`up`?e.length-1:0,lastSwitchY:r,lastSwitchX:n});let c=o.boundaryContext,l=Math.abs(n-c.lastSwitchX);if(Math.abs(r-c.lastSwitchY)>5&&i){let t=c.preferredTargetIndex||0;i===`down`&&t===0?c.preferredTargetIndex=e.length-1:i===`up`&&t===e.length-1&&(c.preferredTargetIndex=0),o.xDirection=null}if(l>10&&a){let t=c.preferredTargetIndex||0;a===`left`?this.direction===`ltr`?t<e.length-1&&(c.preferredTargetIndex=t+1,c.lastSwitchX=n):t>0&&(c.preferredTargetIndex=t-1,c.lastSwitchX=n):a===`right`&&(this.direction===`ltr`?t>0&&(c.preferredTargetIndex=t-1,c.lastSwitchX=n):t<e.length-1&&(c.preferredTargetIndex=t+1,c.lastSwitchX=n)),o.yDirection=null}return e[Math.max(0,Math.min(c.preferredTargetIndex||0,e.length-1))]}constructor(){this.delegate=null,this.state=null,this.direction=`ltr`,this.pointerTracking={lastY:0,lastX:0,yDirection:null,xDirection:null,boundaryContext:null}}},Pe=class{*[Symbol.iterator](){yield*this.flattenedRows}get size(){return this.itemCount}getKeys(){return this.keyMap.keys()}getItem(e){return this.keyMap.get(e)||null}at(e){return this.flattenedRows[e]}getFirstKey(){return this.flattenedRows[0]?.key}getLastKey(){return this.flattenedRows[this.flattenedRows.length-1]?.key}getKeyAfter(e){let t=this.flattenedRows.findIndex(t=>t.key===e);return this.flattenedRows[t+1]?.key}getKeyBefore(e){let t=this.flattenedRows.findIndex(t=>t.key===e);return this.flattenedRows[t-1]?.key}getChildren(e){let t=this.keyMap;return{*[Symbol.iterator](){let n=t.get(e),r=n?.firstChildKey==null?null:t.get(n.firstChildKey);for(;r;)yield r,r=r.nextKey==null?void 0:t.get(r.nextKey)}}}getTextValue(e){let t=this.getItem(e);return t?t.textValue:``}constructor(e){this.keyMap=new Map,this.itemCount=0;let{collection:t,expandedKeys:n}=e,{flattenedRows:r,keyMap:i,itemCount:a}=Ue(t,{expandedKeys:n});this.flattenedRows=r,this.keyMap=i,this.itemCount=a}};const Fe=n(null),Ie=n(null),Le=r(function(t,n){return[t,n]=A(t,n,Fe),e.createElement(de,{content:e.createElement(xe,t)},r=>e.createElement(ze,{props:t,collection:r,treeRef:n}))}),Re={expand:{ltr:`ArrowRight`,rtl:`ArrowLeft`},collapse:{ltr:`ArrowLeft`,rtl:`ArrowRight`}};function ze({props:t,collection:n,treeRef:r}){let{dragAndDropHooks:i}=t,{direction:a}=te(),l=T({usage:`search`,sensitivity:`base`}),f=!!i?.useDraggableCollectionState,m=!!i?.useDroppableCollectionState,h=u(f),g=u(m);s(()=>{h.current!==f&&console.warn(`Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.`),g.current!==m&&console.warn(`Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.`)},[f,m]);let{selectionMode:_=`none`,expandedKeys:v,defaultExpandedKeys:y,onExpandedChange:b,disabledBehavior:x=`all`}=t,{CollectionRoot:E,isVirtualized:D,layoutDelegate:O,dropTargetDelegate:ae}=o(Ee),[A,j]=oe(v?He(v):void 0,y?He(y):new Set,b),M=c(()=>new Pe({collection:n,expandedKeys:A}),[n,A]),P=re({...t,selectionMode:_,expandedKeys:A,onExpandedChange:j,collection:M,children:void 0,disabledBehavior:x}),{gridProps:F}=ne({...t,isVirtualized:D,layoutDelegate:O},P,r),I,L,R,z=!1,B=null,V=u(null);if(f&&i){I=i.useDraggableCollectionState({collection:P.collection,selectionManager:P.selectionManager,preview:i.renderDragPreview?V:void 0}),i.useDraggableCollection({},I,r);let t=i.DragPreview;B=i.renderDragPreview?e.createElement(t,{ref:V},i.renderDragPreview):null}let[H]=d(()=>new Ne);if(m&&i){L=i.useDroppableCollectionState({collection:P.collection,selectionManager:P.selectionManager});let e=i.dropTargetDelegate||ae||new i.ListDropTargetDelegate(P.collection,r,{direction:a});H.setup(e,P,a);let t=new C({collection:P.collection,collator:l,ref:r,disabledKeys:P.selectionManager.disabledKeys,disabledBehavior:P.selectionManager.disabledBehavior,direction:a,layoutDelegate:O});R=i.useDroppableCollection({keyboardDelegate:t,dropTargetDelegate:H,onDropActivate:e=>{if(e.target.type===`item`){let t=e.target.key,n=P.collection.getItem(t),r=A!==`all`&&A.has(t);n&&n.hasChildNodes&&(!r||i!=null&&i.isVirtualDragging?.call(i))&&P.toggleKey(t)}},onKeyDown:e=>{let t=L?.target;if(t&&t.type===`item`&&t.dropPosition===`on`){let n=P.collection.getItem(t.key);(e.key===Re.expand[a]&&n?.hasChildNodes&&!P.expandedKeys.has(t.key)||e.key===Re.collapse[a]&&n?.hasChildNodes&&P.expandedKeys.has(t.key))&&P.toggleKey(t.key)}}},L,r);let n=L.getDropOperation;L.getDropOperation=e=>{let{target:t,isInternal:r}=e,i=I?.draggingKeys??new Set;if(r&&t.type===`item`&&i.size>0){if(i.has(t.key)&&t.dropPosition===`on`)return`cancel`;let e=t.key;for(;e!=null;){let t=P.collection.getItem(e)?.parentKey;if(t!=null&&i.has(t))return`cancel`;e=t??null}}return n(e)},z=L.isDropTarget({type:`root`})}let U=!!(f&&!I?.isDisabled),{focusProps:W,isFocused:G,isFocusVisible:K}=ee(),q={isEmpty:P.collection.size===0,isFocused:G,isFocusVisible:K,isDropTarget:z,selectionMode:P.selectionManager.selectionMode,allowsDragging:!!U,state:P},J=k({...t,children:void 0,defaultClassName:`react-aria-Tree`,values:q}),Y=null;if(P.collection.size===0&&t.renderEmptyState){let{isEmpty:n,...r}=q,i=t.renderEmptyState({...r});Y=e.createElement(`div`,{role:`row`,style:{display:`contents`},"aria-level":1},e.createElement(`div`,{role:`gridcell`,style:{display:`contents`}},i))}let X=p(t,{global:!0});return e.createElement(e.Fragment,null,e.createElement(S,null,e.createElement(N.div,{...w(X,J,F,W,R?.collectionProps),ref:r,slot:t.slot||void 0,"data-empty":P.collection.size===0||void 0,"data-focused":G||void 0,"data-drop-target":z||void 0,"data-focus-visible":K||void 0,"data-selection-mode":P.selectionManager.selectionMode===`none`?void 0:P.selectionManager.selectionMode,"data-allows-dragging":!!U||void 0},e.createElement(ie,{values:[[Ie,P],[$,{dragAndDropHooks:i,dragState:I,dropState:L}],[De,{render:We}]]},m&&e.createElement(qe,null),e.createElement(Me,null,e.createElement(E,{collection:P.collection,persistedKeys:Ae(P.selectionManager,i,L),scrollRef:r,renderDropIndicator:ke(i,L)}))),Y)),B)}var Be=class extends B{};Be.type=`content`;var Ve=class extends B{};Ve.type=`item`,ve(U,function(t,n,r){let{isVirtualized:i}=o(Ee),a=o(Ie),{isLoading:s,onLoadMore:l,scrollOffset:d,...f}=t,h=u(null),g=c(()=>({onLoadMore:l,collection:a?.collection,sentinelRef:h,scrollOffset:d}),[l,d,a?.collection]);v(g,h),n=y(n);let{rowProps:_,gridCellProps:b}=E({node:r},a,n),x=_[`aria-level`]||1,S={role:`row`,"aria-level":_[`aria-level`]},C=k({...f,id:void 0,children:r.rendered,defaultClassName:`react-aria-TreeLoader`,values:{level:x}}),T={};return i&&(T={display:`contents`}),e.createElement(e.Fragment,null,e.createElement(`div`,{style:{position:`relative`,width:0,height:0},inert:m(!0)},e.createElement(`div`,{"data-testid":`loadMoreSentinel`,ref:h,style:{position:`absolute`,height:1,width:1}})),s&&C.children&&e.createElement(N.div,{ref:n,...w(p(t),S),...C,"data-level":x},e.createElement(`div`,{...b,style:T},C.children)))});function He(e){return e?e===`all`?`all`:new Set(e):new Set}function Ue(e,t){let{expandedKeys:n=new Set}=t,r=new Map,i=[],a=0,o=new Map,s=t=>{if(t.type===`item`||t.type===`loader`){let s=t?.parentKey,c={...t};s==null?r.set(t.key,t):([...e.getChildren(s)][0].type!==`item`&&(c.index=t?.index==null?0:t?.index-1),t.type===`loader`&&(c.level=t.level+1),r.set(c.key,c));let l=r.get(t.key)||t;(l.level===0||l.parentKey!=null&&n.has(l.parentKey)&&o.get(l.parentKey))&&(l.type===`item`&&a++,i.push(l),o.set(l.key,!0))}else t.type!==null&&r.set(t.key,t);for(let n of e.getChildren(t.key))s(n)};for(let t of e)s(t);return{flattenedRows:i,keyMap:r,itemCount:a}}function We(t,n){n=y(n);let{dragAndDropHooks:r,dropState:i}=o($),a=u(null),{dropIndicatorProps:s,isHidden:c,isDropTarget:l}=r.useDropIndicator(t,i,a);if(c)return null;let d=i&&t.target.type===`item`?(i.collection.getItem(t.target.key)?.level||0)+1:1;return e.createElement(Ke,{...t,dropIndicatorProps:s,isDropTarget:l,ref:n,buttonRef:a,level:d})}function Ge(t,n){let{dropIndicatorProps:r,isDropTarget:i,buttonRef:a,level:o,...s}=t,{visuallyHiddenProps:c}=D(),l=k({...s,defaultClassName:`react-aria-DropIndicator`,defaultStyle:{position:`relative`,"--tree-item-level":o},values:{isDropTarget:i}});return e.createElement(N.div,{...l,role:`row`,"aria-level":o,ref:n,"data-drop-target":i||void 0},e.createElement(`div`,{role:`gridcell`},e.createElement(`div`,{...c,role:`button`,...r,ref:a}),l.children))}const Ke=r(Ge);function qe(){let{dragAndDropHooks:t,dropState:n}=o($),r=u(null),{dropIndicatorProps:i}=t.useDropIndicator({target:{type:`root`}},n,r),a=n.isDropTarget({type:`root`}),{visuallyHiddenProps:s}=D();return!a&&i[`aria-hidden`]?null:e.createElement(`div`,{role:`row`,"aria-hidden":i[`aria-hidden`],style:{position:`absolute`}},e.createElement(`div`,{role:`gridcell`},e.createElement(`div`,{role:`button`,...s,...i,ref:r})))}export{Le as Tree};

package/dist/components/tree-item/react-aria.d.ts

@@ -0,0 +1 @@
+export { TreeItem, type TreeItemProps, type TreeItemRenderProps } from "react-aria-components";

package/dist/components/tree-item/react-aria.js

@@ -0,0 +1 @@
+import e,{cloneElement as t,createContext as n,forwardRef as r,isValidElement as i,useCallback as a,useContext as o,useEffect as s,useMemo as c,useRef as l}from"react";import{filterDOMProps as u,inertValue as d,mergeRefs as f,useLayoutEffect as p,useLoadMoreSentinel as m,useObjectRef as h}from"@react-aria/utils";import{FocusableContext as g}from"@react-aria/interactions";import"react-dom";import{mergeProps as _,useFocusRing as v,useGridListSelectionCheckbox as ee,useHover as y,useId as b,useTreeItem as x,useVisuallyHidden as S}from"react-aria";import"react-stately";const C=n(null);n(null),n(null),n(null),n(null),n({}),n(null),n(null);const w=Symbol(`default`);function T({values:t,children:n}){for(let[r,i]of t)n=e.createElement(r.Provider,{value:i},n);return n}function E(e){let{className:t,style:n,children:r,defaultClassName:i,defaultChildren:a,defaultStyle:o,values:s,render:l}=e;return c(()=>{let e,c,u;return e=typeof t==`function`?t({...s,defaultClassName:i}):t,c=typeof n==`function`?n({...s,defaultStyle:o||{}}):n,u=typeof r==`function`?r({...s,defaultChildren:a}):r??a,{className:e??i,style:c||o?{...o,...c}:void 0,children:u??a,"data-rac":``,render:l?e=>l(e,s):void 0}},[t,n,r,i,a,o,s,l])}function D(t,n,r){let{render:i,...a}=n,o=l(null),s=c(()=>f(r,o),[r,o]);p(()=>{},[t,i]);let u={...a,ref:s};return i?i(u,void 0):e.createElement(t,u)}const O={},k=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let n=O[t];return n||(n=r(D.bind(null,t)),O[t]=n),n}});String(Math.round(Math.random()*1e10)),typeof window<`u`&&window.document&&window.document.createElement,e.useId;var A=class{get childNodes(){throw Error(`childNodes is not supported`)}clone(){let e=new this.constructor(this.key);return e.value=this.value,e.level=this.level,e.hasChildNodes=this.hasChildNodes,e.rendered=this.rendered,e.textValue=this.textValue,e[`aria-label`]=this[`aria-label`],e.index=this.index,e.parentKey=this.parentKey,e.prevKey=this.prevKey,e.nextKey=this.nextKey,e.firstChildKey=this.firstChildKey,e.lastChildKey=this.lastChildKey,e.props=this.props,e.render=this.render,e.colSpan=this.colSpan,e.colIndex=this.colIndex,e}filter(e,t,n){let r=this.clone();return t.addDescendants(r,e),r}constructor(e){this.value=null,this.level=0,this.hasChildNodes=!1,this.rendered=null,this.textValue=``,this[`aria-label`]=void 0,this.index=0,this.parentKey=null,this.prevKey=null,this.nextKey=null,this.firstChildKey=null,this.lastChildKey=null,this.props={},this.colSpan=null,this.colIndex=null,this.type=this.constructor.type,this.key=e}},j=class extends A{filter(e,t,n){let[r,i]=I(e,t,this.firstChildKey,n),a=this.clone();return a.firstChildKey=r,a.lastChildKey=i,a}},M=class extends A{};M.type=`header`;var N=class extends A{};N.type=`loader`;var P=class extends j{filter(e,t,n){if(n(this.textValue,this)){let n=this.clone();return t.addDescendants(n,e),n}return null}};P.type=`item`;var F=class extends j{filter(e,t,n){let r=super.filter(e,t,n);if(r&&r.lastChildKey!==null){let t=e.getItem(r.lastChildKey);if(t&&t.type!==`header`)return r}return null}};F.type=`section`;function I(e,t,n,r){if(n==null)return[null,null];let i=null,a=null,o=e.getItem(n);for(;o!=null;){let n=o.filter(e,t,r);n!=null&&(n.nextKey=null,a&&(n.prevKey=a.key,a.nextKey=n.key),i??=n,t.addNode(n),a=n),o=o.nextKey?e.getItem(o.nextKey):null}if(a&&a.type===`separator`){let e=a.prevKey;t.removeNode(a.key),e?(a=t.getItem(e),a.nextKey=null):a=null}return[i?.key??null,a?.key??null]}function L(e){let{children:n,items:r,idScope:i,addIdAndValue:a,dependencies:o=[]}=e,s=c(()=>new WeakMap,o);return c(()=>{if(r&&typeof n==`function`){let e=[];for(let o of r){let r=s.get(o);if(!r){r=n(o);let e=r.props.id??o.key??o.id;if(e==null)throw Error(`Could not determine key for item`);i!=null&&(e=i+`:`+e),r=t(r,a?{key:e,id:e,value:o}:{key:e}),s.set(o,r)}e.push(r)}return e}if(typeof n!=`function`)return n},[n,r,s,i,a])}const R=n(!1);typeof e.useSyncExternalStore==`function`&&e.useSyncExternalStore;const z=n(null);function B(e){var t;return t=class extends A{},t.type=e,t}function V(t,n,r,i,s,c){typeof t==`string`&&(t=B(t));let l=a(e=>{e?.setProps(n,r,t,i,c)},[n,r,i,c,t]),u=o(z);if(u){let a=u.ownerDocument.nodesByProps.get(n);return a||(a=u.ownerDocument.createElement(t.type),a.setProps(n,r,t,i,c),u.appendChild(a),u.ownerDocument.updateCollection(),u.ownerDocument.nodesByProps.set(n,a)),s?e.createElement(z.Provider,{value:a},s):null}return e.createElement(t.type,{ref:l},s)}function H(t,n){let i=({node:e})=>n(e.props,e.props.ref,e),a=r((r,a)=>{let s=o(g);if(!o(R)){if(n.length>=3)throw Error(n.name+` cannot be rendered outside a collection.`);return n(r,a)}return V(t,r,a,`children`in r?r.children:null,null,t=>e.createElement(g.Provider,{value:s},e.createElement(i,{node:t})))});return a.displayName=n.name,a}function U(t,n,i=W){let a=({node:e})=>n(e.props,e.props.ref,e),o=r((n,r)=>V(t,n,r,null,i(n),t=>e.createElement(a,{node:t}))??e.createElement(e.Fragment,null));return o.displayName=n.name,o}function W(e){return L({...e,addIdAndValue:!0})}const G={CollectionRoot({collection:e,renderDropIndicator:t}){return K(e,null,t)},CollectionBranch({collection:e,parent:t,renderDropIndicator:n}){return K(e,t,n)}};function K(t,n,r){return L({items:n?t.getChildren(n.key):t,dependencies:[r],children(n){let i=n.render(n);return!r||n.type!==`item`?i:e.createElement(e.Fragment,null,r({type:`item`,key:n.key,dropPosition:`before`}),i,q(t,n,r))}})}function q(e,n,r){let a=n.key,o=e.getKeyAfter(a),s=o==null?null:e.getItem(o);for(;s!=null&&s.type!==`item`;)o=e.getKeyAfter(s.key),s=o==null?null:e.getItem(o);let c=n.nextKey==null?null:e.getItem(n.nextKey);for(;c!=null&&c.type!==`item`;)c=c.nextKey==null?null:e.getItem(c.nextKey);let l=[];if(c==null){let a=n;for(;a?.type===`item`&&(!s||a.parentKey!==s.parentKey&&s.level<a.level);){let n=r({type:`item`,key:a.key,dropPosition:`after`});i(n)&&l.push(t(n,{key:`${a.key}-after`})),a=a.parentKey==null?null:e.getItem(a.parentKey)}}return l}const J=n(G),te=n({}),ne=n({}),re=n({isSelected:!1}),Y=n(null);var X=class extends A{};X.type=`content`;const ie=n(null);var Z=class extends A{};Z.type=`item`;const Q=U(Z,(t,n,r)=>{let i=o(Y);n=h(n);let{dragAndDropHooks:a,dragState:c,dropState:d}=o(ne),{rowProps:f,gridCellProps:p,expandButtonProps:m,descriptionProps:g,...D}=x({node:r,shouldSelectOnPressUp:!!c},i,n),O=f[`aria-expanded`]===!0,A=t.hasChildItems||[...i.collection.getChildren(r.key)].length>1,j=f[`aria-level`]||1,{hoverProps:M,isHovered:N}=y({isDisabled:!D.allowsSelection&&!D.hasAction,onHoverStart:t.onHoverStart,onHoverChange:t.onHoverChange,onHoverEnd:t.onHoverEnd}),{isFocusVisible:P,focusProps:F}=v(),{isFocusVisible:I,focusProps:R}=v({within:!0}),{checkboxProps:z}=ee({key:r.key},i),B=null;c&&a&&(B=a.useDraggableItem({key:r.key,hasDragButton:!0},c));let V=null,H=l(null),U=l(null),W=l(null),{visuallyHiddenProps:G}=S();d&&a&&(V=a.useDropIndicator({target:{type:`item`,key:r.key,dropPosition:`on`},activateButtonRef:W},d,U));let K=c&&c.isDragging(r.key),q=V?.isDropTarget,J=i.selectionManager.selectionMode,X=i.selectionManager.selectionBehavior,Z=e.useMemo(()=>({...D,isHovered:N,isFocusVisible:P,isExpanded:O,hasChildItems:A,level:j,selectionMode:J,selectionBehavior:X,isFocusVisibleWithin:I,state:i,id:r.key,allowsDragging:!!c,isDragging:K,isDropTarget:q}),[D,N,P,O,A,j,I,i,r.key,c,K,q,X,J]),Q=E({...t,id:void 0,children:r.rendered,defaultClassName:`react-aria-TreeItem`,defaultStyle:{"--tree-item-level":j},values:Z});s(()=>{r.textValue},[r.textValue]),s(()=>{A&&H.current},[]);let ae=l(null);s(()=>{c&&ae.current},[]);let oe=L({items:i.collection.getChildren(r.key),children:t=>{switch(t.type){case`content`:return t.render(t);case`loader`:case`item`:return e.createElement(e.Fragment,null);default:throw Error(`Unsupported element type in TreeRow: `+t.type)}}}),se=b(),$=u(t,{global:!0});return delete $.id,delete $.onClick,e.createElement(e.Fragment,null,V&&!V.isHidden&&e.createElement(`div`,{role:`row`,"aria-level":f[`aria-level`],"aria-expanded":f[`aria-expanded`],"aria-label":V.dropIndicatorProps[`aria-label`]},e.createElement(`div`,{role:`gridcell`,"aria-colindex":1,style:{display:`contents`}},e.createElement(`div`,{role:`button`,...G,...V.dropIndicatorProps,ref:U}),f[`aria-expanded`]==null?null:e.createElement(`div`,{role:`button`,...G,id:se,"aria-label":m[`aria-label`],"aria-labelledby":`${se} ${f.id}`,tabIndex:-1,ref:W}))),e.createElement(k.div,{..._($,f,F,M,R,B?.dragProps),...Q,ref:n,"data-expanded":A&&O||void 0,"data-has-child-items":A||void 0,"data-level":j,"data-selected":D.isSelected||void 0,"data-disabled":D.isDisabled||void 0,"data-hovered":N||void 0,"data-focused":D.isFocused||void 0,"data-focus-visible":P||void 0,"data-pressed":D.isPressed||void 0,"data-selection-mode":i.selectionManager.selectionMode===`none`?void 0:i.selectionManager.selectionMode,"data-allows-dragging":!!c||void 0,"data-dragging":K||void 0,"data-drop-target":q||void 0},e.createElement(`div`,{...p,style:{display:`contents`}},e.createElement(T,{values:[[C,{slots:{selection:z}}],[te,{slots:{[w]:{},chevron:{...m,ref:H},drag:{...B?.dragButtonProps,ref:ae,style:{pointerEvents:`none`}}}}],[ie,{...Z}],[re,{isSelected:D.isSelected}]]},oe))))});H(N,function(t,n,r){let{isVirtualized:i}=o(J),a=o(Y),{isLoading:s,onLoadMore:f,scrollOffset:p,...g}=t,v=l(null),ee=c(()=>({onLoadMore:f,collection:a?.collection,sentinelRef:v,scrollOffset:p}),[f,p,a?.collection]);m(ee,v),n=h(n);let{rowProps:y,gridCellProps:b}=x({node:r},a,n),S=y[`aria-level`]||1,C={role:`row`,"aria-level":y[`aria-level`]},w=E({...g,id:void 0,children:r.rendered,defaultClassName:`react-aria-TreeLoader`,values:{level:S}}),T={};return i&&(T={display:`contents`}),e.createElement(e.Fragment,null,e.createElement(`div`,{style:{position:`relative`,width:0,height:0},inert:d(!0)},e.createElement(`div`,{"data-testid":`loadMoreSentinel`,ref:v,style:{position:`absolute`,height:1,width:1}})),s&&w.children&&e.createElement(k.div,{ref:n,..._(u(t),C),...w,"data-level":S},e.createElement(`div`,{...b,style:T},w.children)))});export{Q as TreeItem};

package/dist/components/tree-item-content/react-aria.d.ts

@@ -0,0 +1 @@
+export { TreeItemContent, type TreeItemContentProps, type TreeItemContentRenderProps } from "react-aria-components";

package/dist/components/tree-item-content/react-aria.js

@@ -0,0 +1 @@
+import e,{cloneElement as t,createContext as n,forwardRef as r,isValidElement as i,useCallback as a,useContext as o,useMemo as s,useRef as c}from"react";import{filterDOMProps as l,inertValue as u,mergeRefs as d,useLayoutEffect as f,useLoadMoreSentinel as p,useObjectRef as m}from"@react-aria/utils";import{FocusableContext as h}from"@react-aria/interactions";import"react-dom";import{mergeProps as g,useTreeItem as _}from"react-aria";import"react-stately";function v(e){let{className:t,style:n,children:r,defaultClassName:i,defaultChildren:a,defaultStyle:o,values:c,render:l}=e;return s(()=>{let e,s,u;return e=typeof t==`function`?t({...c,defaultClassName:i}):t,s=typeof n==`function`?n({...c,defaultStyle:o||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:a}):r??a,{className:e??i,style:s||o?{...o,...s}:void 0,children:u??a,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,i,a,o,c,l])}function y(t,n,r){let{render:i,...a}=n,o=c(null),l=s(()=>d(r,o),[r,o]);f(()=>{},[t,i]);let u={...a,ref:l};return i?i(u,void 0):e.createElement(t,u)}const b={},x=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let n=b[t];return n||(n=r(y.bind(null,t)),b[t]=n),n}});String(Math.round(Math.random()*1e10)),typeof window<`u`&&window.document&&window.document.createElement,e.useId;var S=class{get childNodes(){throw Error(`childNodes is not supported`)}clone(){let e=new this.constructor(this.key);return e.value=this.value,e.level=this.level,e.hasChildNodes=this.hasChildNodes,e.rendered=this.rendered,e.textValue=this.textValue,e[`aria-label`]=this[`aria-label`],e.index=this.index,e.parentKey=this.parentKey,e.prevKey=this.prevKey,e.nextKey=this.nextKey,e.firstChildKey=this.firstChildKey,e.lastChildKey=this.lastChildKey,e.props=this.props,e.render=this.render,e.colSpan=this.colSpan,e.colIndex=this.colIndex,e}filter(e,t,n){let r=this.clone();return t.addDescendants(r,e),r}constructor(e){this.value=null,this.level=0,this.hasChildNodes=!1,this.rendered=null,this.textValue=``,this[`aria-label`]=void 0,this.index=0,this.parentKey=null,this.prevKey=null,this.nextKey=null,this.firstChildKey=null,this.lastChildKey=null,this.props={},this.colSpan=null,this.colIndex=null,this.type=this.constructor.type,this.key=e}},C=class extends S{filter(e,t,n){let[r,i]=O(e,t,this.firstChildKey,n),a=this.clone();return a.firstChildKey=r,a.lastChildKey=i,a}},w=class extends S{};w.type=`header`;var T=class extends S{};T.type=`loader`;var E=class extends C{filter(e,t,n){if(n(this.textValue,this)){let n=this.clone();return t.addDescendants(n,e),n}return null}};E.type=`item`;var D=class extends C{filter(e,t,n){let r=super.filter(e,t,n);if(r&&r.lastChildKey!==null){let t=e.getItem(r.lastChildKey);if(t&&t.type!==`header`)return r}return null}};D.type=`section`;function O(e,t,n,r){if(n==null)return[null,null];let i=null,a=null,o=e.getItem(n);for(;o!=null;){let n=o.filter(e,t,r);n!=null&&(n.nextKey=null,a&&(n.prevKey=a.key,a.nextKey=n.key),i??=n,t.addNode(n),a=n),o=o.nextKey?e.getItem(o.nextKey):null}if(a&&a.type===`separator`){let e=a.prevKey;t.removeNode(a.key),e?(a=t.getItem(e),a.nextKey=null):a=null}return[i?.key??null,a?.key??null]}function k(e){let{children:n,items:r,idScope:i,addIdAndValue:a,dependencies:o=[]}=e,c=s(()=>new WeakMap,o);return s(()=>{if(r&&typeof n==`function`){let e=[];for(let o of r){let r=c.get(o);if(!r){r=n(o);let e=r.props.id??o.key??o.id;if(e==null)throw Error(`Could not determine key for item`);i!=null&&(e=i+`:`+e),r=t(r,a?{key:e,id:e,value:o}:{key:e}),c.set(o,r)}e.push(r)}return e}if(typeof n!=`function`)return n},[n,r,c,i,a])}const A=n(!1);typeof e.useSyncExternalStore==`function`&&e.useSyncExternalStore;const j=n(null);function M(e){var t;return t=class extends S{},t.type=e,t}function N(t,n,r,i,s,c){typeof t==`string`&&(t=M(t));let l=a(e=>{e?.setProps(n,r,t,i,c)},[n,r,i,c,t]),u=o(j);if(u){let a=u.ownerDocument.nodesByProps.get(n);return a||(a=u.ownerDocument.createElement(t.type),a.setProps(n,r,t,i,c),u.appendChild(a),u.ownerDocument.updateCollection(),u.ownerDocument.nodesByProps.set(n,a)),s?e.createElement(j.Provider,{value:a},s):null}return e.createElement(t.type,{ref:l},s)}function P(t,n){let i=({node:e})=>n(e.props,e.props.ref,e),a=r((r,a)=>{let s=o(h);if(!o(A)){if(n.length>=3)throw Error(n.name+` cannot be rendered outside a collection.`);return n(r,a)}return N(t,r,a,`children`in r?r.children:null,null,t=>e.createElement(h.Provider,{value:s},e.createElement(i,{node:t})))});return a.displayName=n.name,a}const F={CollectionRoot({collection:e,renderDropIndicator:t}){return I(e,null,t)},CollectionBranch({collection:e,parent:t,renderDropIndicator:n}){return I(e,t,n)}};function I(t,n,r){return k({items:n?t.getChildren(n.key):t,dependencies:[r],children(n){let i=n.render(n);return!r||n.type!==`item`?i:e.createElement(e.Fragment,null,r({type:`item`,key:n.key,dropPosition:`before`}),i,L(t,n,r))}})}function L(e,n,r){let a=n.key,o=e.getKeyAfter(a),s=o==null?null:e.getItem(o);for(;s!=null&&s.type!==`item`;)o=e.getKeyAfter(s.key),s=o==null?null:e.getItem(o);let c=n.nextKey==null?null:e.getItem(n.nextKey);for(;c!=null&&c.type!==`item`;)c=c.nextKey==null?null:e.getItem(c.nextKey);let l=[];if(c==null){let a=n;for(;a?.type===`item`&&(!s||a.parentKey!==s.parentKey&&s.level<a.level);){let n=r({type:`item`,key:a.key,dropPosition:`after`});i(n)&&l.push(t(n,{key:`${a.key}-after`})),a=a.parentKey==null?null:e.getItem(a.parentKey)}}return l}const R=n(F),z=n(null);var B=class extends S{};B.type=`content`;const V=P(B,function(t){let n=o(H),r=v({children:t.children,values:n});return e.createElement(R.Provider,{value:F},r.children)}),H=n(null);var U=class extends S{};U.type=`item`,P(T,function(t,n,r){let{isVirtualized:i}=o(R),a=o(z),{isLoading:d,onLoadMore:f,scrollOffset:h,...y}=t,b=c(null),S=s(()=>({onLoadMore:f,collection:a?.collection,sentinelRef:b,scrollOffset:h}),[f,h,a?.collection]);p(S,b),n=m(n);let{rowProps:C,gridCellProps:w}=_({node:r},a,n),T=C[`aria-level`]||1,E={role:`row`,"aria-level":C[`aria-level`]},D=v({...y,id:void 0,children:r.rendered,defaultClassName:`react-aria-TreeLoader`,values:{level:T}}),O={};return i&&(O={display:`contents`}),e.createElement(e.Fragment,null,e.createElement(`div`,{style:{position:`relative`,width:0,height:0},inert:u(!0)},e.createElement(`div`,{"data-testid":`loadMoreSentinel`,ref:b,style:{position:`absolute`,height:1,width:1}})),d&&D.children&&e.createElement(x.div,{ref:n,...g(l(t),E),...D,"data-level":T},e.createElement(`div`,{...w,style:O},D.children)))});export{V as TreeItemContent};

package/dist/components/tree-load-more-item/react-aria.d.ts

@@ -0,0 +1 @@
+export { TreeLoadMoreItem, type TreeLoadMoreItemProps, type TreeLoadMoreItemRenderProps } from "react-aria-components";