react-material-design 0.0.0-stage → 0.5.0

package/dist/components/misc/OrderedCollection/index.js

@@ -0,0 +1,98 @@
+import { useIsomorphicLayoutEffect as e } from "../../../utils/hooks.js";
+import './style.css';/* empty css           */
+import { c as t } from "react/compiler-runtime";
+import { createContext as n, useContext as r, useEffectEvent as i, useId as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { useMutationObserver as u } from "react-dom-event-hooks";
+//#region lib/components/misc/OrderedCollection/index.tsx
+function d(e) {
+	let t = { ...e };
+	return delete t.id, delete t.orderedCollectionName, t;
+}
+var f = n(null);
+function p(e, t) {
+	let n = r(f);
+	if (!n && (e || t)) throw Error(`${t ?? "OrderedCollectionChild"} must be used in ${e ?? "OrderedCollection"} component`);
+	return n;
+}
+function m(e) {
+	let n = t(20), r;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (r = {}, n[0] = r) : r = n[0];
+	let [a, d] = c(r), p;
+	n[1] === Symbol.for("react.memo_cache_sentinel") ? (p = [], n[1] = p) : p = n[1];
+	let m = s(p), y;
+	n[2] === Symbol.for("react.memo_cache_sentinel") ? (y = (e, t, n) => d((r) => ({
+		...r,
+		[e]: {
+			...n,
+			orderedCollectionName: t
+		}
+	})), n[2] = y) : y = n[2];
+	let b = y, x;
+	n[3] === Symbol.for("react.memo_cache_sentinel") ? (x = (e) => e.forEach((e) => e.removedNodes.forEach((e) => {
+		e instanceof HTMLElement && d((t) => {
+			let n = { ...t };
+			return e.dataset.id && delete n[e.dataset.id], n;
+		});
+	})), n[3] = x) : x = n[3];
+	let S;
+	n[4] === Symbol.for("react.memo_cache_sentinel") ? (S = { childList: !0 }, n[4] = S) : S = n[4];
+	let { saveRef: C, ref: w } = u(x, S), T;
+	n[5] === e.name ? T = n[6] : (T = {
+		name: e.name,
+		saveChildData: b
+	}, n[5] = e.name, n[6] = T);
+	let E = T, D;
+	n[7] !== e || n[8] !== w || n[9] !== a ? (D = () => {
+		let t = (t, n) => t.id === i[n]?.id ? e.compareChild && i[n] ? !e.compareChild(t, i[n]) : !1 : !0, n = Array.isArray(e.childName) ? e.childName : [e.childName], r, i;
+		w.current && (r = Array.from(w.current.querySelectorAll(`:scope > .OrderedCollectionChild:is(${n.map(v).join(", ")})`)), i = r.map(_).filter(g).map((e) => a[e] ? {
+			...a[e],
+			id: e
+		} : null).filter(h), (m.current.length !== i.length || m.current.some(t)) && (e.onChildrenChange?.(i), m.current = i));
+	}, n[7] = e, n[8] = w, n[9] = a, n[10] = D) : D = n[10];
+	let O = i(D), k;
+	n[11] === O ? k = n[12] : (k = () => O(), n[11] = O, n[12] = k), o(k);
+	let A;
+	n[13] !== e.children || n[14] !== e.name || n[15] !== C ? (A = /* @__PURE__ */ l("div", {
+		ref: C,
+		className: "OrderedCollection",
+		"data-name": e.name,
+		"aria-hidden": "true",
+		children: e.children
+	}), n[13] = e.children, n[14] = e.name, n[15] = C, n[16] = A) : A = n[16];
+	let j;
+	return n[17] !== E || n[18] !== A ? (j = /* @__PURE__ */ l(f, {
+		value: E,
+		children: A
+	}), n[17] = E, n[18] = A, n[19] = j) : j = n[19], j;
+}
+function h(e) {
+	return !!e;
+}
+function g(e) {
+	return typeof e == "string";
+}
+function _(e) {
+	return e.getAttribute("data-id");
+}
+function v(e) {
+	return `[data-name="${e}"]`;
+}
+function y(n) {
+	let r = t(9), i = a(), o = n.id ?? i, { saveChildData: s } = p(n.parentName, n.name), c, u;
+	r[0] !== o || r[1] !== n.content || r[2] !== n.name || r[3] !== s ? (c = () => s(o, n.name, n.content), u = [
+		o,
+		n.content,
+		n.name,
+		s
+	], r[0] = o, r[1] = n.content, r[2] = n.name, r[3] = s, r[4] = c, r[5] = u) : (c = r[4], u = r[5]), e(c, u);
+	let d;
+	return r[6] !== o || r[7] !== n.name ? (d = /* @__PURE__ */ l("span", {
+		className: "OrderedCollectionChild",
+		"data-name": n.name,
+		"data-id": o,
+		"aria-hidden": "true"
+	}), r[6] = o, r[7] = n.name, r[8] = d) : d = r[8], d;
+}
+//#endregion
+export { y as OrderedCollectionChild, f as OrderedCollectionContext, d as cleanOrderedCollectionProps, m as default, p as useOrderedCollection };

package/dist/components/misc/OrderedCollection/style.css

@@ -0,0 +1 @@
+.OrderedCollection,.OrderedCollectionChild{display:none}

package/dist/components/misc/Polymorphic.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Theme/Theme.cjs");let n=require("react/compiler-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(e){let r=(0,n.c)(23),{base:a}=e,o=a===void 0?`div`:a,s;r[0]===e.excludePropsName?s=r[1]:(s=[`as`,`children`,`orderedCollectionName`,...e.excludePropsName],r[0]=e.excludePropsName,r[1]=s);let c=s,l=t.useTheme()?.config.componentTypes?.[e.name],u;r[2]===e.ref?u=r[3]:(u=t=>{let n=e.ref;if(n)return typeof n==`function`?n(t):(n.current=t,()=>{n.current=null})},r[2]=e.ref,r[3]=u);let d=u,f;r[4]!==c||r[5]!==e.props?(f={...e.props},c.forEach(e=>delete f[e]),r[4]=c,r[5]=e.props,r[6]=f):f=r[6];let p=f;if(!e.disabled){if(e.as){let t;return r[7]!==p||r[8]!==e.as||r[9]!==e.children||r[10]!==d?(t=(0,i.jsx)(e.as,{ref:d,...p,children:e.children}),r[7]=p,r[8]=e.as,r[9]=e.children,r[10]=d,r[11]=t):t=r[11],t}if(l){let t;return r[12]!==l||r[13]!==p||r[14]!==e.children||r[15]!==d?(t=(0,i.jsx)(l,{ref:d,...p,children:e.children}),r[12]=l,r[13]=p,r[14]=e.children,r[15]=d,r[16]=t):t=r[16],t}}let m;return r[17]!==o||r[18]!==p||r[19]!==e.children||r[20]!==e.disabled||r[21]!==d?(m=(0,i.jsx)(o,{ref:d,...p,disabled:e.disabled,children:e.children}),r[17]=o,r[18]=p,r[19]=e.children,r[20]=e.disabled,r[21]=d,r[22]=m):m=r[22],m}exports.default=a;

package/dist/components/misc/Polymorphic.d.ts

@@ -0,0 +1,15 @@
+import { default as React, ComponentPropsWithoutRef, ElementType } from 'react';
+import { DefaultThemeComponentType } from '../Theme/types';
+export type PolymorphicComponent<Name extends string, As extends ElementType | undefined, Default extends ElementType, Props = {}> = (NonNullable<As> extends (props: any) => React.ReactNode | Promise<React.ReactNode> ? Omit<ComponentPropsWithoutRef<NonNullable<As>>, keyof Props> : NonNullable<As> extends keyof React.JSX.IntrinsicElements ? Omit<ComponentPropsWithoutRef<NonNullable<As>>, keyof Props> : Omit<ComponentPropsWithoutRef<DefaultThemeComponentType<Name, Default>>, keyof Props>) & {
+    as?: As;
+} & React.PropsWithChildren<Props>;
+export interface PolymorphicProps {
+    name: string;
+    props: Record<PropertyKey, any>;
+    as: ElementType | undefined;
+    base?: ElementType;
+    ref?: React.Ref<HTMLElement>;
+    excludePropsName: string[];
+    disabled?: boolean;
+}
+export default function Polymorphic(props: React.PropsWithChildren<PolymorphicProps>): React.JSX.Element;

package/dist/components/misc/Polymorphic.js

@@ -0,0 +1,51 @@
+import { useTheme as e } from "../Theme/Theme.js";
+import { c as t } from "react/compiler-runtime";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/components/misc/Polymorphic.tsx
+function r(r) {
+	let i = t(23), { base: a } = r, o = a === void 0 ? "div" : a, s;
+	i[0] === r.excludePropsName ? s = i[1] : (s = [
+		"as",
+		"children",
+		"orderedCollectionName",
+		...r.excludePropsName
+	], i[0] = r.excludePropsName, i[1] = s);
+	let c = s, l = e()?.config.componentTypes?.[r.name], u;
+	i[2] === r.ref ? u = i[3] : (u = (e) => {
+		let t = r.ref;
+		if (t) return typeof t == "function" ? t(e) : (t.current = e, () => {
+			t.current = null;
+		});
+	}, i[2] = r.ref, i[3] = u);
+	let d = u, f;
+	i[4] !== c || i[5] !== r.props ? (f = { ...r.props }, c.forEach((e) => delete f[e]), i[4] = c, i[5] = r.props, i[6] = f) : f = i[6];
+	let p = f;
+	if (!r.disabled) {
+		if (r.as) {
+			let e;
+			return i[7] !== p || i[8] !== r.as || i[9] !== r.children || i[10] !== d ? (e = /* @__PURE__ */ n(r.as, {
+				ref: d,
+				...p,
+				children: r.children
+			}), i[7] = p, i[8] = r.as, i[9] = r.children, i[10] = d, i[11] = e) : e = i[11], e;
+		}
+		if (l) {
+			let e;
+			return i[12] !== l || i[13] !== p || i[14] !== r.children || i[15] !== d ? (e = /* @__PURE__ */ n(l, {
+				ref: d,
+				...p,
+				children: r.children
+			}), i[12] = l, i[13] = p, i[14] = r.children, i[15] = d, i[16] = e) : e = i[16], e;
+		}
+	}
+	let m;
+	return i[17] !== o || i[18] !== p || i[19] !== r.children || i[20] !== r.disabled || i[21] !== d ? (m = /* @__PURE__ */ n(o, {
+		ref: d,
+		...p,
+		disabled: r.disabled,
+		children: r.children
+	}), i[17] = o, i[18] = p, i[19] = r.children, i[20] = r.disabled, i[21] = d, i[22] = m) : m = i[22], m;
+}
+//#endregion
+export { r as default };

package/dist/components/misc/StateLayer/index.cjs

@@ -0,0 +1 @@
+require('./style.css');const e=require("../../../_virtual/_rolldown/runtime.cjs");;/* empty css             */let t=require("react/compiler-runtime"),n=require("classnames");n=e.__toESM(n,1);let r=require("react"),i=require("react/jsx-runtime"),a=require("react-dom-event-hooks");function o(e){let o=(0,t.c)(19),{ripple:c}=e,l=(0,r.useRef)(null),u;o[0]!==c||o[1]!==e.subLayer?(u=t=>{let n,r,i,a,o;if(c!==!1){if(e.subLayer&&t.stopPropagation(),n=l.current,r=n?.getBoundingClientRect(),i=document.createElement(`span`),a=Math.max(r?.width??0,r?.height??0),o=a/2,!n||!r)return i.remove();i.style.width=i.style.height=`${a}px`,i.style.left=`${t.clientX-r.left-o}px`,i.style.top=`${t.clientY-r.top-o}px`,i.classList.add(`ripple`,`start`),i.dataset.state=`STARTED`,i.addEventListener(`animationend`,e=>{i.dataset.state===`WAITING`&&e.animationName.toLowerCase().includes(`startrippleeffect`)?(i.classList.replace(`start`,`end`),i.dataset.state=`ENDING`):e.animationName.toLowerCase().includes(`endrippleeffect`)?i.remove():i.dataset.state=`WAITING`}),n.appendChild(i)}},o[0]=c,o[1]=e.subLayer,o[2]=u):u=o[2];let d=u,f;o[3]===Symbol.for(`react.memo_cache_sentinel`)?(f=()=>{(l.current?.querySelectorAll(`.ripple`))?.forEach(s)},o[3]=f):f=o[3];let p=f,m;o[4]===e.subLayer?m=o[5]:(m=t=>{switch(t.code.toLowerCase()){case`enter`:case`space`:{let n=t.currentTarget,r;t.preventDefault(),e.subLayer&&t.stopPropagation(),n instanceof HTMLElement&&(r=n.getBoundingClientRect(),n?.click(),n.dispatchEvent(new MouseEvent(`mousedown`,{clientX:r.x+r.width/2,clientY:r.y+r.height/2})),setTimeout(()=>n.dispatchEvent(new MouseEvent(`mouseup`,{clientX:r.x+r.width/2,clientY:r.y+r.height/2})),150))}}},o[4]=e.subLayer,o[5]=m);let h=(0,a.useElementEventListener)(`keydown`,m),g=(0,a.useElementEventListener)(`mousedown`,d),_=(0,a.useElementEventListener)(`mouseup`,p),v=(0,a.useElementEventListener)(`mouseleave`,p),y;o[6]!==h||o[7]!==g||o[8]!==v||o[9]!==_?(y=e=>{let t=h.saveRef?.(e.parentElement),n=g.saveRef?.(e.parentElement),r=_.saveRef?.(e.parentElement),i=v.saveRef?.(e.parentElement);return()=>{i?.(),r?.(),n?.(),t?.()}},o[6]=h,o[7]=g,o[8]=v,o[9]=_,o[10]=y):y=o[10];let{saveRef:b}=(0,a.useElementRef)(y),x;o[11]!==e.disabled||o[12]!==e.dragged?(x=(0,n.default)(`StateLayer`,{disabled:e.disabled,dragged:e.dragged}),o[11]=e.disabled,o[12]=e.dragged,o[13]=x):x=o[13];let S,C;o[14]===Symbol.for(`react.memo_cache_sentinel`)?(S=(0,i.jsx)(`div`,{className:`target`}),C=(0,i.jsx)(`div`,{className:`ripples`,ref:l}),o[14]=S,o[15]=C):(S=o[14],C=o[15]);let w;return o[16]!==b||o[17]!==x?(w=(0,i.jsxs)(`div`,{ref:b,className:x,children:[S,C]}),o[16]=b,o[17]=x,o[18]=w):w=o[18],w}function s(e){e.dataset.state===`WAITING`&&e.classList.replace(`start`,`end`),e.dataset.state=`WAITING`}exports.default=o;

package/dist/components/misc/StateLayer/index.d.ts

@@ -0,0 +1,7 @@
+export interface StateLayerProps {
+    ripple?: boolean;
+    dragged?: boolean;
+    disabled?: boolean;
+    subLayer?: boolean;
+}
+export default function StateLayer(props: StateLayerProps): import('react').JSX.Element;

package/dist/components/misc/StateLayer/index.js

@@ -0,0 +1,67 @@
+import './style.css';/* empty css           */
+import { c as e } from "react/compiler-runtime";
+import t from "classnames";
+import { useRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useElementEventListener as a, useElementRef as o } from "react-dom-event-hooks";
+//#region lib/components/misc/StateLayer/index.tsx
+function s(s) {
+	let l = e(19), { ripple: u } = s, d = n(null), f;
+	l[0] !== u || l[1] !== s.subLayer ? (f = (e) => {
+		let t, n, r, i, a;
+		if (u !== !1) {
+			if (s.subLayer && e.stopPropagation(), t = d.current, n = t?.getBoundingClientRect(), r = document.createElement("span"), i = Math.max(n?.width ?? 0, n?.height ?? 0), a = i / 2, !t || !n) return r.remove();
+			r.style.width = r.style.height = `${i}px`, r.style.left = `${e.clientX - n.left - a}px`, r.style.top = `${e.clientY - n.top - a}px`, r.classList.add("ripple", "start"), r.dataset.state = "STARTED", r.addEventListener("animationend", (e) => {
+				r.dataset.state === "WAITING" && e.animationName.toLowerCase().includes("startrippleeffect") ? (r.classList.replace("start", "end"), r.dataset.state = "ENDING") : e.animationName.toLowerCase().includes("endrippleeffect") ? r.remove() : r.dataset.state = "WAITING";
+			}), t.appendChild(r);
+		}
+	}, l[0] = u, l[1] = s.subLayer, l[2] = f) : f = l[2];
+	let p = f, m;
+	l[3] === Symbol.for("react.memo_cache_sentinel") ? (m = () => {
+		(d.current?.querySelectorAll(".ripple"))?.forEach(c);
+	}, l[3] = m) : m = l[3];
+	let h = m, g;
+	l[4] === s.subLayer ? g = l[5] : (g = (e) => {
+		switch (e.code.toLowerCase()) {
+			case "enter":
+			case "space": {
+				let t = e.currentTarget, n;
+				e.preventDefault(), s.subLayer && e.stopPropagation(), t instanceof HTMLElement && (n = t.getBoundingClientRect(), t?.click(), t.dispatchEvent(new MouseEvent("mousedown", {
+					clientX: n.x + n.width / 2,
+					clientY: n.y + n.height / 2
+				})), setTimeout(() => t.dispatchEvent(new MouseEvent("mouseup", {
+					clientX: n.x + n.width / 2,
+					clientY: n.y + n.height / 2
+				})), 150));
+			}
+		}
+	}, l[4] = s.subLayer, l[5] = g);
+	let _ = a("keydown", g), v = a("mousedown", p), y = a("mouseup", h), b = a("mouseleave", h), x;
+	l[6] !== _ || l[7] !== v || l[8] !== b || l[9] !== y ? (x = (e) => {
+		let t = _.saveRef?.(e.parentElement), n = v.saveRef?.(e.parentElement), r = y.saveRef?.(e.parentElement), i = b.saveRef?.(e.parentElement);
+		return () => {
+			i?.(), r?.(), n?.(), t?.();
+		};
+	}, l[6] = _, l[7] = v, l[8] = b, l[9] = y, l[10] = x) : x = l[10];
+	let { saveRef: S } = o(x), C;
+	l[11] !== s.disabled || l[12] !== s.dragged ? (C = t("StateLayer", {
+		disabled: s.disabled,
+		dragged: s.dragged
+	}), l[11] = s.disabled, l[12] = s.dragged, l[13] = C) : C = l[13];
+	let w, T;
+	l[14] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ r("div", { className: "target" }), T = /* @__PURE__ */ r("div", {
+		className: "ripples",
+		ref: d
+	}), l[14] = w, l[15] = T) : (w = l[14], T = l[15]);
+	let E;
+	return l[16] !== S || l[17] !== C ? (E = /* @__PURE__ */ i("div", {
+		ref: S,
+		className: C,
+		children: [w, T]
+	}), l[16] = S, l[17] = C, l[18] = E) : E = l[18], E;
+}
+function c(e) {
+	e.dataset.state === "WAITING" && e.classList.replace("start", "end"), e.dataset.state = "WAITING";
+}
+//#endregion
+export { s as default };

package/dist/components/misc/StateLayer/style.css

@@ -0,0 +1 @@
+:root{--md-sys-state-disabled-state-layer-opacity:0%;--md-sys-state-hover-state-layer-opacity:8%;--md-sys-state-focus-state-layer-opacity:10%;--md-sys-state-pressed-state-layer-opacity:10%;--md-sys-state-dragged-state-layer-opacity:16%;--md-sys-state-focus-indicator-thickness:3px;--md-sys-state-focus-indicator-outer-offset:2px;--md-comp-state-layer-color:currentcolor;--md-comp-state-layer-opacity:state-disabled-state-layer-opacity;--md-comp-state-disabled-state-layer-opacity:var(--md-sys-state-disabled-state-layer-opacity);--md-comp-state-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-state-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-state-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-state-dragged-state-layer-opacity:var(--md-sys-state-dragged-state-layer-opacity);--md-comp-state-focus-indicator-thickness:var(--md-sys-state-focus-indicator-thickness);--md-comp-state-focus-indicator-outer-offset:var(--md-sys-state-focus-indicator-outer-offset)}:has(>.StateLayer){position:relative}:has(>.StateLayer)>:not(.StateLayer){z-index:2}:has(>.StateLayer).disabled>.StateLayer{--md-comp-state-layer-color:var(--md-comp-state-disabled-state-layer-color,transparent);--md-comp-state-layer-opacity:var(--md-comp-state-disabled-state-layer-opacity)}:has(>.StateLayer):is(:hover,.hovered):not(.disabled,:focus-visible,:active,.dragged)>.StateLayer{--md-comp-state-layer-color:var(--md-comp-state-hover-state-layer-color,transparent);--md-comp-state-layer-opacity:var(--md-comp-state-hover-state-layer-opacity)}:has(>.StateLayer):focus-visible:not(.disabled,:active,.dragged)>.StateLayer{--md-comp-state-layer-color:var(--md-comp-state-focus-state-layer-color,transparent);--md-comp-state-layer-opacity:var(--md-comp-state-focus-state-layer-opacity);outline-color:var(--md-comp-state-focus-indicator-color,transparent)}:has(>.StateLayer):active:not(.disabled,.dragged)>.StateLayer{--md-comp-state-layer-color:var(--md-comp-state-pressed-state-layer-color,transparent);--md-comp-state-layer-opacity:var(--md-comp-state-pressed-state-layer-opacity)}:has(>.StateLayer).dragged:not(.disabled)>.StateLayer{--md-comp-state-layer-color:var(--md-comp-state-dragged-state-layer-color,transparent);--md-comp-state-layer-opacity:var(--md-comp-state-dragged-state-layer-opacity)}.StateLayer{outline:solid var(--md-comp-state-focus-indicator-thickness) transparent;outline-offset:var(--md-comp-state-focus-indicator-outer-offset);border-radius:inherit;background-color:rgba(from var(--md-comp-state-layer-color,currentColor) r g b/var(--md-comp-state-layer-opacity));width:100%;height:100%;transition:background-color var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), outline var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), outline-offset var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), border-radius var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing);z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.StateLayer>.target{border-radius:inherit;width:100%;min-width:48px;height:100%;min-height:48px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.StateLayer:not(.disabled)>.ripples{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.StateLayer:not(.disabled)>.ripples>.ripple{opacity:.1;z-index:-1;transition:background-color var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), opacity var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing);background-color:currentColor;border-radius:50%;position:absolute;transform:scale(0)}.StateLayer:not(.disabled)>.ripples>.ripple.start{animation:.225s forwards startRippleEffect}.StateLayer:not(.disabled)>.ripples>.ripple.end{animation:.15s forwards endRippleEffect}@keyframes startRippleEffect{0%{opacity:0;transform:scale(0)}25%{opacity:.1}to{transform:scale(2.5)}}@keyframes endRippleEffect{0%{transform:scale(2.5)}to{opacity:0;transform:scale(2.5)}}

package/dist/components/misc/Transitionable/index.cjs

@@ -0,0 +1 @@
+require('./style.css');const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/index.cjs");;/* empty css             */let n=require("react/compiler-runtime"),r=require("classnames");r=e.__toESM(r,1);let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("react-dom"),s=require("react-dom-event-hooks");function c(e){let c=(0,n.c)(22),u=(0,i.useRef)(null),d=(0,i.useRef)(null),f,p,m;c[0]===e?(f=c[1],p=c[2],m=c[3]):({value:m,static:f,...p}=e,c[0]=e,c[1]=f,c[2]=p,c[3]=m);let[h,g]=(0,i.useState)(m),[_,v]=(0,i.useState)(m),y;c[4]===Symbol.for(`react.memo_cache_sentinel`)?(y=e=>{e.forEach(e=>{u.current?.style.setProperty(`--md-comp-transitionable-width`,`${e.contentRect.width}px`),u.current?.style.setProperty(`--md-comp-transitionable-height`,`${e.contentRect.height}px`)})},c[4]=y):y=c[4];let{saveRef:b,ref:x}=(0,s.useResizeObserver)(y),S,C;c[5]!==m||c[6]!==x?(S=()=>{requestAnimationFrame(()=>(0,o.flushSync)(()=>{let e=l;g(e=>(v(e),m)),x.current?.classList.add(`transition`),d.current?.classList.add(`transition`),Promise.all([t.waitAnimationNameEndEvent(x.current,e),t.waitAnimationNameEndEvent(d.current,e)]).then(()=>{x.current?.classList.remove(`transition`),d.current?.classList.remove(`transition`)})}))},C=[m,x],c[5]=m,c[6]=x,c[7]=S,c[8]=C):(S=c[7],C=c[8]),(0,i.useEffect)(S,C);let w;c[9]!==f||c[10]!==e.className?(w=(0,r.default)(`Transitionable`,{static:f},e.className),c[9]=f,c[10]=e.className,c[11]=w):w=c[11];let T;c[12]!==h||c[13]!==b?(T=(0,a.jsx)(`span`,{ref:b,className:`value`,children:h}),c[12]=h,c[13]=b,c[14]=T):T=c[14];let E;c[15]===_?E=c[16]:(E=(0,a.jsx)(`span`,{ref:d,className:`previous-value`,children:_}),c[15]=_,c[16]=E);let D;return c[17]!==p||c[18]!==w||c[19]!==T||c[20]!==E?(D=(0,a.jsxs)(`div`,{...p,ref:u,className:w,children:[T,E]}),c[17]=p,c[18]=w,c[19]=T,c[20]=E,c[21]=D):D=c[21],D}function l(e){return e.startsWith(`transitionable-fade`)}exports.default=c;

package/dist/components/misc/Transitionable/index.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface TransitionableProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: React.ReactNode;
+    static?: boolean;
+}
+export default function Transitionable(props: TransitionableProps): React.JSX.Element;

package/dist/components/misc/Transitionable/index.js

@@ -0,0 +1,54 @@
+import { waitAnimationNameEndEvent as e } from "../../../utils/index.js";
+import './style.css';/* empty css           */
+import { c as t } from "react/compiler-runtime";
+import n from "classnames";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { flushSync as c } from "react-dom";
+import { useResizeObserver as l } from "react-dom-event-hooks";
+//#region lib/components/misc/Transitionable/index.tsx
+function u(u) {
+	let f = t(22), p = i(null), m = i(null), h, g, _;
+	f[0] === u ? (h = f[1], g = f[2], _ = f[3]) : ({value: _, static: h, ...g} = u, f[0] = u, f[1] = h, f[2] = g, f[3] = _);
+	let [v, y] = a(_), [b, x] = a(_), S;
+	f[4] === Symbol.for("react.memo_cache_sentinel") ? (S = (e) => {
+		e.forEach((e) => {
+			p.current?.style.setProperty("--md-comp-transitionable-width", `${e.contentRect.width}px`), p.current?.style.setProperty("--md-comp-transitionable-height", `${e.contentRect.height}px`);
+		});
+	}, f[4] = S) : S = f[4];
+	let { saveRef: C, ref: w } = l(S), T, E;
+	f[5] !== _ || f[6] !== w ? (T = () => {
+		requestAnimationFrame(() => c(() => {
+			let t = d;
+			y((e) => (x(e), _)), w.current?.classList.add("transition"), m.current?.classList.add("transition"), Promise.all([e(w.current, t), e(m.current, t)]).then(() => {
+				w.current?.classList.remove("transition"), m.current?.classList.remove("transition");
+			});
+		}));
+	}, E = [_, w], f[5] = _, f[6] = w, f[7] = T, f[8] = E) : (T = f[7], E = f[8]), r(T, E);
+	let D;
+	f[9] !== h || f[10] !== u.className ? (D = n("Transitionable", { static: h }, u.className), f[9] = h, f[10] = u.className, f[11] = D) : D = f[11];
+	let O;
+	f[12] !== v || f[13] !== C ? (O = /* @__PURE__ */ o("span", {
+		ref: C,
+		className: "value",
+		children: v
+	}), f[12] = v, f[13] = C, f[14] = O) : O = f[14];
+	let k;
+	f[15] === b ? k = f[16] : (k = /* @__PURE__ */ o("span", {
+		ref: m,
+		className: "previous-value",
+		children: b
+	}), f[15] = b, f[16] = k);
+	let A;
+	return f[17] !== g || f[18] !== D || f[19] !== O || f[20] !== k ? (A = /* @__PURE__ */ s("div", {
+		...g,
+		ref: p,
+		className: D,
+		children: [O, k]
+	}), f[17] = g, f[18] = D, f[19] = O, f[20] = k, f[21] = A) : A = f[21], A;
+}
+function d(e) {
+	return e.startsWith("transitionable-fade");
+}
+//#endregion
+export { u as default };

package/dist/components/misc/Transitionable/style.css

@@ -0,0 +1 @@
+@keyframes transitionable-fade-in{0%{opacity:0}to{opacity:1}}@keyframes transitionable-fade-out{0%{opacity:1}to{opacity:0}}.Transitionable{width:var(--md-comp-transitionable-width);height:var(--md-comp-transitionable-height);position:relative}.Transitionable:has(>.value:empty){width:0;height:0}.Transitionable:not(.static){transition:width var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), height var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing)}.Transitionable:not(.static)>.value.transition{animation:transitionable-fade-in var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing) forwards}.Transitionable:not(.static)>.previous-value.transition{animation:transitionable-fade-out var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing) forwards}.Transitionable,.Transitionable>.value,.Transitionable>.previous-value{text-wrap:nowrap;justify-content:center;align-items:center;display:flex}.Transitionable>.previous-value{opacity:0;position:absolute;inset:0}

package/dist/components/types.cjs

@@ -0,0 +1 @@
+function e(e,t){switch(e){case`xs`:return`extra-small`;case`s`:return`small`;case`m`:return`medium`;case`l`:return`large`;case`xl`:return`extra-large`;default:return e??t??`small`}}exports.getComponentSizeName=e;

package/dist/components/types.d.ts

@@ -0,0 +1,20 @@
+export declare enum ComponentSizeShort {
+    XS = "xs",
+    S = "s",
+    M = "m",
+    L = "l",
+    XL = "xl"
+}
+export declare enum ComponentSize {
+    ExtraSmall = "extra-small",
+    Small = "small",
+    Medium = "medium",
+    Large = "large",
+    ExtraLarge = "extra-large",
+    XS = "xs",
+    S = "s",
+    M = "m",
+    L = "l",
+    XL = "xl"
+}
+export declare function getComponentSizeName(name?: `${ComponentSize}` | ComponentSize, defaultValue?: Exclude<`${ComponentSize}`, `${ComponentSizeShort}`>): "small" | "extra-small" | "medium" | "large" | "extra-large" | ComponentSize.ExtraSmall | ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large | ComponentSize.ExtraLarge;

package/dist/components/types.js

@@ -0,0 +1,13 @@
+//#region lib/components/types.ts
+function e(e, t) {
+	switch (e) {
+		case "xs": return "extra-small";
+		case "s": return "small";
+		case "m": return "medium";
+		case "l": return "large";
+		case "xl": return "extra-large";
+		default: return e ?? t ?? "small";
+	}
+}
+//#endregion
+export { e as getComponentSizeName };

package/dist/hooks/useFloating/autoUpdate.cjs

@@ -0,0 +1 @@
+const e=require("../../utils/index.cjs");function t(t,n,r,i={}){let a={ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0,animationFrame:!1,...i},o=new Set([...t instanceof Element?e.getScrollParents(t):[],...e.getScrollParents(n)]),s=()=>{x&&d===null&&(d=requestAnimationFrame(()=>{p&&p.disconnect(),r(),d=null,a.layoutShift&&a.animationFrame!==!0&&!_&&c()}))},c=()=>{let e=t.getBoundingClientRect(),n=window.visualViewport?.width||document.documentElement.clientWidth,r=window.visualViewport?.height||document.documentElement.clientHeight,i=Math.round(e.top),o=Math.round(n-e.right),c=Math.round(r-e.bottom),u=Math.round(e.left),d=!0;if(t instanceof Element&&t.isConnected&&x&&(e.width!==0||e.height!==0)){p&&p.disconnect();try{p=new IntersectionObserver(()=>{if(d)return d=!1;s(),a.animationFrame===`adaptive`&&l()},{rootMargin:`${-i}px ${-o}px ${-c}px ${-u}px`,threshold:1}),p.observe(t)}catch{}}},l=()=>{let e=()=>{let n=t.getBoundingClientRect(),i=n.x!==y.x||n.y!==y.y;_&&x&&(i?(y={x:n.x,y:n.y},r(),v=0):v++,v>10?(_=!1,a.layoutShift&&c()):g=requestAnimationFrame(e))};!_&&a.animationFrame===`adaptive`&&x&&(g!==null&&cancelAnimationFrame(g),p&&p.disconnect(),_=!0,v=0,g=requestAnimationFrame(e))},u=()=>{x&&r(),g=requestAnimationFrame(u)},d=null,f=null,p=null,m=!0,h=null,g=null,_=!1,v=0,y={x:0,y:0},b={width:0,height:0},x=!0;return t instanceof Element&&(h=new IntersectionObserver(([e])=>{if(m)return m=!1;x=e.isIntersecting,x?(r(),a.layoutShift&&a.animationFrame!==!0&&c()):p&&p.disconnect()},{threshold:0}),h.observe(t)),(a.ancestorScroll||a.ancestorResize)&&(o.forEach(e=>{a.ancestorScroll&&e.addEventListener(`scroll`,s,{passive:!0}),a.ancestorResize&&e.addEventListener(`resize`,s,{passive:!0})}),a.ancestorResize&&(window.addEventListener(`resize`,s,{passive:!0}),window.visualViewport?.addEventListener(`resize`,s),window.visualViewport?.addEventListener(`scroll`,s)),a.ancestorScroll&&window.addEventListener(`scroll`,s,{passive:!0,capture:!0})),a.elementResize&&typeof ResizeObserver<`u`&&(f=new ResizeObserver(([e])=>{(e.contentRect.width!==b.width||e.contentRect.height!==b.height)&&(b.width=e.contentRect.width,b.height=e.contentRect.height,s())}),t instanceof Element&&f.observe(t),f.observe(n)),a.layoutShift&&a.animationFrame!==!0&&c(),a.animationFrame===!0?g=requestAnimationFrame(u):t instanceof Element&&a.animationFrame===`adaptive`&&(t.addEventListener(`transitionstart`,l,{passive:!0}),t.addEventListener(`animationstart`,l,{passive:!0})),()=>{d!==null&&cancelAnimationFrame(d),g!==null&&cancelAnimationFrame(g),f&&f.disconnect(),p&&p.disconnect(),h&&h.disconnect(),o.forEach(e=>{e.removeEventListener(`scroll`,s),e.removeEventListener(`resize`,s)}),window.removeEventListener(`resize`,s),window.removeEventListener(`scroll`,s,{capture:!0}),window.visualViewport?.removeEventListener(`resize`,s),window.visualViewport?.removeEventListener(`scroll`,s),t instanceof Element&&(t.removeEventListener(`transitionstart`,l),t.removeEventListener(`animationstart`,l))}}exports.autoUpdate=t;

package/dist/hooks/useFloating/autoUpdate.d.ts

@@ -0,0 +1,9 @@
+import { ReferenceType } from '.';
+export interface AutoUpdateOptions {
+    ancestorScroll?: boolean;
+    ancestorResize?: boolean;
+    elementResize?: boolean;
+    layoutShift?: boolean;
+    animationFrame?: boolean | "adaptive";
+}
+export declare function autoUpdate(reference: ReferenceType, floating: HTMLElement, updatePosition: () => void, options?: AutoUpdateOptions): () => void;

package/dist/hooks/useFloating/autoUpdate.js

@@ -0,0 +1,64 @@
+import { getScrollParents as e } from "../../utils/index.js";
+//#region lib/hooks/useFloating/autoUpdate.ts
+function t(t, n, r, i = {}) {
+	let a = {
+		ancestorScroll: !0,
+		ancestorResize: !0,
+		elementResize: !0,
+		layoutShift: !0,
+		animationFrame: !1,
+		...i
+	}, o = /* @__PURE__ */ new Set([...t instanceof Element ? e(t) : [], ...e(n)]), s = () => {
+		x && d === null && (d = requestAnimationFrame(() => {
+			p && p.disconnect(), r(), d = null, a.layoutShift && a.animationFrame !== !0 && !_ && c();
+		}));
+	}, c = () => {
+		let e = t.getBoundingClientRect(), n = window.visualViewport?.width || document.documentElement.clientWidth, r = window.visualViewport?.height || document.documentElement.clientHeight, i = Math.round(e.top), o = Math.round(n - e.right), c = Math.round(r - e.bottom), u = Math.round(e.left), d = !0;
+		if (t instanceof Element && t.isConnected && x && (e.width !== 0 || e.height !== 0)) {
+			p && p.disconnect();
+			try {
+				p = new IntersectionObserver(() => {
+					if (d) return d = !1;
+					s(), a.animationFrame === "adaptive" && l();
+				}, {
+					rootMargin: `${-i}px ${-o}px ${-c}px ${-u}px`,
+					threshold: 1
+				}), p.observe(t);
+			} catch {}
+		}
+	}, l = () => {
+		let e = () => {
+			let n = t.getBoundingClientRect(), i = n.x !== y.x || n.y !== y.y;
+			_ && x && (i ? (y = {
+				x: n.x,
+				y: n.y
+			}, r(), v = 0) : v++, v > 10 ? (_ = !1, a.layoutShift && c()) : g = requestAnimationFrame(e));
+		};
+		!_ && a.animationFrame === "adaptive" && x && (g !== null && cancelAnimationFrame(g), p && p.disconnect(), _ = !0, v = 0, g = requestAnimationFrame(e));
+	}, u = () => {
+		x && r(), g = requestAnimationFrame(u);
+	}, d = null, f = null, p = null, m = !0, h = null, g = null, _ = !1, v = 0, y = {
+		x: 0,
+		y: 0
+	}, b = {
+		width: 0,
+		height: 0
+	}, x = !0;
+	return t instanceof Element && (h = new IntersectionObserver(([e]) => {
+		if (m) return m = !1;
+		x = e.isIntersecting, x ? (r(), a.layoutShift && a.animationFrame !== !0 && c()) : p && p.disconnect();
+	}, { threshold: 0 }), h.observe(t)), (a.ancestorScroll || a.ancestorResize) && (o.forEach((e) => {
+		a.ancestorScroll && e.addEventListener("scroll", s, { passive: !0 }), a.ancestorResize && e.addEventListener("resize", s, { passive: !0 });
+	}), a.ancestorResize && (window.addEventListener("resize", s, { passive: !0 }), window.visualViewport?.addEventListener("resize", s), window.visualViewport?.addEventListener("scroll", s)), a.ancestorScroll && window.addEventListener("scroll", s, {
+		passive: !0,
+		capture: !0
+	})), a.elementResize && typeof ResizeObserver < "u" && (f = new ResizeObserver(([e]) => {
+		(e.contentRect.width !== b.width || e.contentRect.height !== b.height) && (b.width = e.contentRect.width, b.height = e.contentRect.height, s());
+	}), t instanceof Element && f.observe(t), f.observe(n)), a.layoutShift && a.animationFrame !== !0 && c(), a.animationFrame === !0 ? g = requestAnimationFrame(u) : t instanceof Element && a.animationFrame === "adaptive" && (t.addEventListener("transitionstart", l, { passive: !0 }), t.addEventListener("animationstart", l, { passive: !0 })), () => {
+		d !== null && cancelAnimationFrame(d), g !== null && cancelAnimationFrame(g), f && f.disconnect(), p && p.disconnect(), h && h.disconnect(), o.forEach((e) => {
+			e.removeEventListener("scroll", s), e.removeEventListener("resize", s);
+		}), window.removeEventListener("resize", s), window.removeEventListener("scroll", s, { capture: !0 }), window.visualViewport?.removeEventListener("resize", s), window.visualViewport?.removeEventListener("scroll", s), t instanceof Element && (t.removeEventListener("transitionstart", l), t.removeEventListener("animationstart", l));
+	};
+}
+//#endregion
+export { t as autoUpdate };

package/dist/hooks/useFloating/index.cjs

@@ -0,0 +1 @@
+const e=require("../../utils/hooks.cjs"),t=require("../../utils/dom.cjs"),n=require("./autoUpdate.cjs"),r=require("./utils.cjs");let i=require("react/compiler-runtime"),a=require("react"),o=require("react-dom-event-hooks");function s(s){let c=(0,i.c)(47),l;c[0]===s?l=c[1]:(l=s===void 0?{}:s,c[0]=s,c[1]=l);let u=l,{placement:d,strategy:f,middlewares:p,autoUpdate:m,style:h}=u,g=d===void 0?`top`:d,_=f===void 0?`absolute`:f,v;c[2]===p?v=c[3]:(v=p===void 0?[]:p,c[2]=p,c[3]=v);let y=v,b=m===void 0||m,[x,S]=(0,a.useState)(u.defaultAutoUpdateEnabled??!0),[C,w]=(0,a.useState)(null),[T,E]=(0,a.useState)(null),D;c[4]===Symbol.for(`react.memo_cache_sentinel`)?(D=e=>e.forEach(e=>{let{borderBoxSize:t}=e,[n]=t;return w(new DOMRect(0,0,n.inlineSize,n.blockSize))}),c[4]=D):D=c[4];let{ref:O,saveRef:k}=(0,o.useResizeObserver)(D),A;c[5]===Symbol.for(`react.memo_cache_sentinel`)?(A={x:0,y:0},c[5]=A):A=c[5];let j=(0,a.useRef)(A),[M,N]=(0,a.useState)(g),P=(0,a.useRef)(!1),F;c[6]!==M||c[7]!==C||c[8]!==O||c[9]!==y||c[10]!==g||c[11]!==T||c[12]!==_||c[13]!==h?(F=()=>{let e=T?.getBoundingClientRect(),n=window.visualViewport,i=_===`absolute`,a=i?n?n.pageLeft:window.scrollX:n?n.offsetLeft:0,o=i?n?n.pageTop:window.scrollY:n?n.offsetTop:0,s=n?n.width:window.innerWidth,c=n?n.height:window.innerHeight,l=new DOMRect(a,o,s,c),u=0,d,f,p=g,m,v,b;if(e&&C&&O.current&&C){e=new DOMRect(e.left+window.scrollX,e.top+window.scrollY,e.width,e.height),b=r.computeBaseCoords(e,C,p),m={placement:p,refRect:e,floatRect:C,viewport:l,x:b.x,y:b.y};for(let t=0;t<y.length;t++)v=y[t](m),v.reset&&u<2?(u++,p=v.reset.placement,b=r.computeBaseCoords(e,C,p),m={...m,placement:p,x:b.x,y:b.y},t=0):m={...m,...v,x:v.x??m.x,y:v.y??m.y};d=Math.round(m.x),f=Math.round(m.y),h&&Object.assign(O.current.style,t.convertReactStyleToDomStyle(h)),(d!==j.current.x||f!==j.current.y)&&(O.current.style.setProperty(`position`,_),O.current.style.setProperty(`transform`,`translate(${d}px, ${f}px)`),O.current.style.removeProperty(`visibility`)),j.current={x:d,y:f},P.current=!0,M!==m.placement&&N(m.placement)}},c[6]=M,c[7]=C,c[8]=O,c[9]=y,c[10]=g,c[11]=T,c[12]=_,c[13]=h,c[14]=F):F=c[14];let I=(0,a.useEffectEvent)(F),L;c[15]===Symbol.for(`react.memo_cache_sentinel`)?(L=()=>j.current,c[15]=L):L=c[15];let R=L,z;c[16]===Symbol.for(`react.memo_cache_sentinel`)?(z=()=>P.current,c[16]=z):z=c[16];let B=z,V;c[17]!==b||c[18]!==C||c[19]!==O||c[20]!==x||c[21]!==T||c[22]!==_||c[23]!==h||c[24]!==I?(V=()=>{let e=typeof b==`object`?b:{};if(x&&T&&O.current&&C&&(h&&Object.assign(O.current.style,t.convertReactStyleToDomStyle(h)),P.current||(O.current.style.setProperty(`position`,_),O.current.style.setProperty(`top`,`0`),O.current.style.setProperty(`left`,`0`),O.current.style.setProperty(`visibility`,`hidden`)),b))return n.autoUpdate(T,O.current,I,e)},c[17]=b,c[18]=C,c[19]=O,c[20]=x,c[21]=T,c[22]=_,c[23]=h,c[24]=I,c[25]=V):V=c[25];let H;c[26]!==b||c[27]!==C||c[28]!==O||c[29]!==x||c[30]!==T||c[31]!==_||c[32]!==h?(H=[b,C,O,x,P,T,_,h],c[26]=b,c[27]=C,c[28]=O,c[29]=x,c[30]=T,c[31]=_,c[32]=h,c[33]=H):H=c[33],e.useIsomorphicLayoutEffect(V,H);let U;c[34]!==y||c[35]!==g||c[36]!==I?(U=()=>{g&&y&&I()},c[34]=y,c[35]=g,c[36]=I,c[37]=U):U=c[37];let W;c[38]!==y||c[39]!==g?(W=[g,P,y],c[38]=y,c[39]=g,c[40]=W):W=c[40],e.useIsomorphicLayoutEffect(U,W);let G;return c[41]!==M||c[42]!==O||c[43]!==x||c[44]!==T||c[45]!==k?(G={reference:T,saveReference:E,floating:O,saveFloating:k,getCoords:R,placement:M,isPositioned:B,isAutoUpdateEnabled:x,setAutoUpdateEnabled:S},c[41]=M,c[42]=O,c[43]=x,c[44]=T,c[45]=k,c[46]=G):G=c[46],G}exports.useFloating=s;

package/dist/hooks/useFloating/index.d.ts

@@ -0,0 +1,30 @@
+import { CSSProperties } from 'react';
+import { AutoUpdateOptions } from './autoUpdate';
+import { Middleware, Placement } from './types';
+export interface VirtualElement {
+    getBoundingClientRect(): DOMRect;
+    contextElement?: HTMLElement;
+}
+export type ReferenceType = HTMLElement | VirtualElement;
+export interface UseFloatingOptions {
+    strategy?: "absolute" | "fixed";
+    placement?: Placement;
+    middlewares?: Middleware[];
+    autoUpdate?: boolean | AutoUpdateOptions;
+    defaultAutoUpdateEnabled?: boolean;
+    style?: CSSProperties;
+}
+export declare function useFloating<RefType extends ReferenceType = ReferenceType, FloatType extends HTMLElement = HTMLElement>(options?: UseFloatingOptions): {
+    reference: RefType | null;
+    saveReference: import('react').Dispatch<import('react').SetStateAction<RefType | null>>;
+    floating: import('react').RefObject<FloatType | null>;
+    saveFloating: import('react').RefCallback<FloatType>;
+    getCoords: () => {
+        x: number;
+        y: number;
+    };
+    placement: "top" | "left" | "right" | "bottom" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    isPositioned: () => boolean;
+    isAutoUpdateEnabled: boolean;
+    setAutoUpdateEnabled: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+};

package/dist/hooks/useFloating/index.js

@@ -0,0 +1,97 @@
+import { useIsomorphicLayoutEffect as e } from "../../utils/hooks.js";
+import { convertReactStyleToDomStyle as t } from "../../utils/dom.js";
+import { autoUpdate as n } from "./autoUpdate.js";
+import { computeBaseCoords as r } from "./utils.js";
+import { c as i } from "react/compiler-runtime";
+import { useEffectEvent as a, useRef as o, useState as s } from "react";
+import { useResizeObserver as c } from "react-dom-event-hooks";
+//#region lib/hooks/useFloating/index.tsx
+function l(l) {
+	let u = i(47), d;
+	u[0] === l ? d = u[1] : (d = l === void 0 ? {} : l, u[0] = l, u[1] = d);
+	let f = d, { placement: p, strategy: m, middlewares: h, autoUpdate: g, style: _ } = f, v = p === void 0 ? "top" : p, y = m === void 0 ? "absolute" : m, b;
+	u[2] === h ? b = u[3] : (b = h === void 0 ? [] : h, u[2] = h, u[3] = b);
+	let x = b, S = g === void 0 || g, [C, w] = s(f.defaultAutoUpdateEnabled ?? !0), [T, E] = s(null), [D, O] = s(null), k;
+	u[4] === Symbol.for("react.memo_cache_sentinel") ? (k = (e) => e.forEach((e) => {
+		let { borderBoxSize: t } = e, [n] = t;
+		return E(new DOMRect(0, 0, n.inlineSize, n.blockSize));
+	}), u[4] = k) : k = u[4];
+	let { ref: A, saveRef: j } = c(k), M;
+	u[5] === Symbol.for("react.memo_cache_sentinel") ? (M = {
+		x: 0,
+		y: 0
+	}, u[5] = M) : M = u[5];
+	let N = o(M), [P, F] = s(v), I = o(!1), L;
+	u[6] !== P || u[7] !== T || u[8] !== A || u[9] !== x || u[10] !== v || u[11] !== D || u[12] !== y || u[13] !== _ ? (L = () => {
+		let e = D?.getBoundingClientRect(), n = window.visualViewport, i = y === "absolute", a = i ? n ? n.pageLeft : window.scrollX : n ? n.offsetLeft : 0, o = i ? n ? n.pageTop : window.scrollY : n ? n.offsetTop : 0, s = n ? n.width : window.innerWidth, c = n ? n.height : window.innerHeight, l = new DOMRect(a, o, s, c), u = 0, d, f, p = v, m, h, g;
+		if (e && T && A.current && T) {
+			e = new DOMRect(e.left + window.scrollX, e.top + window.scrollY, e.width, e.height), g = r(e, T, p), m = {
+				placement: p,
+				refRect: e,
+				floatRect: T,
+				viewport: l,
+				x: g.x,
+				y: g.y
+			};
+			for (let t = 0; t < x.length; t++) h = x[t](m), h.reset && u < 2 ? (u++, p = h.reset.placement, g = r(e, T, p), m = {
+				...m,
+				placement: p,
+				x: g.x,
+				y: g.y
+			}, t = 0) : m = {
+				...m,
+				...h,
+				x: h.x ?? m.x,
+				y: h.y ?? m.y
+			};
+			d = Math.round(m.x), f = Math.round(m.y), _ && Object.assign(A.current.style, t(_)), (d !== N.current.x || f !== N.current.y) && (A.current.style.setProperty("position", y), A.current.style.setProperty("transform", `translate(${d}px, ${f}px)`), A.current.style.removeProperty("visibility")), N.current = {
+				x: d,
+				y: f
+			}, I.current = !0, P !== m.placement && F(m.placement);
+		}
+	}, u[6] = P, u[7] = T, u[8] = A, u[9] = x, u[10] = v, u[11] = D, u[12] = y, u[13] = _, u[14] = L) : L = u[14];
+	let R = a(L), z;
+	u[15] === Symbol.for("react.memo_cache_sentinel") ? (z = () => N.current, u[15] = z) : z = u[15];
+	let B = z, V;
+	u[16] === Symbol.for("react.memo_cache_sentinel") ? (V = () => I.current, u[16] = V) : V = u[16];
+	let H = V, U;
+	u[17] !== S || u[18] !== T || u[19] !== A || u[20] !== C || u[21] !== D || u[22] !== y || u[23] !== _ || u[24] !== R ? (U = () => {
+		let e = typeof S == "object" ? S : {};
+		if (C && D && A.current && T && (_ && Object.assign(A.current.style, t(_)), I.current || (A.current.style.setProperty("position", y), A.current.style.setProperty("top", "0"), A.current.style.setProperty("left", "0"), A.current.style.setProperty("visibility", "hidden")), S)) return n(D, A.current, R, e);
+	}, u[17] = S, u[18] = T, u[19] = A, u[20] = C, u[21] = D, u[22] = y, u[23] = _, u[24] = R, u[25] = U) : U = u[25];
+	let W;
+	u[26] !== S || u[27] !== T || u[28] !== A || u[29] !== C || u[30] !== D || u[31] !== y || u[32] !== _ ? (W = [
+		S,
+		T,
+		A,
+		C,
+		I,
+		D,
+		y,
+		_
+	], u[26] = S, u[27] = T, u[28] = A, u[29] = C, u[30] = D, u[31] = y, u[32] = _, u[33] = W) : W = u[33], e(U, W);
+	let G;
+	u[34] !== x || u[35] !== v || u[36] !== R ? (G = () => {
+		v && x && R();
+	}, u[34] = x, u[35] = v, u[36] = R, u[37] = G) : G = u[37];
+	let K;
+	u[38] !== x || u[39] !== v ? (K = [
+		v,
+		I,
+		x
+	], u[38] = x, u[39] = v, u[40] = K) : K = u[40], e(G, K);
+	let q;
+	return u[41] !== P || u[42] !== A || u[43] !== C || u[44] !== D || u[45] !== j ? (q = {
+		reference: D,
+		saveReference: O,
+		floating: A,
+		saveFloating: j,
+		getCoords: B,
+		placement: P,
+		isPositioned: H,
+		isAutoUpdateEnabled: C,
+		setAutoUpdateEnabled: w
+	}, u[41] = P, u[42] = A, u[43] = C, u[44] = D, u[45] = j, u[46] = q) : q = u[46], q;
+}
+//#endregion
+export { l as useFloating };

package/dist/hooks/useFloating/middleware/flip.cjs

@@ -0,0 +1 @@
+const e=require("../utils.cjs");function t(e,t,n){let{flipX:r,flipY:i,flipBoth:a}={"top-left":{flipX:`top-right`,flipY:`bottom-left`,flipBoth:`bottom-right`},"top-right":{flipX:`top-left`,flipY:`bottom-right`,flipBoth:`bottom-left`},"bottom-left":{flipX:`bottom-right`,flipY:`top-left`,flipBoth:`top-right`},"bottom-right":{flipX:`bottom-left`,flipY:`top-right`,flipBoth:`top-left`}}[e];return t&&n?[e,a,r,i]:t?[e,r,a,i]:[e,i,a,r]}function n(t,n,r){let[i,a]=t.split(`-`),o=e.getOppositeSide(i),s=e.getOppositeAlignment(a),c=i===`top`||i===`bottom`,l=c?r:n,u=c?n:r,d=[t,o],f=`${o}-${a}`,p=`${i}-${s}`,m=`${o}-${s}`;return o?a?s?l&&u?[t,m,f,p]:l?[t,f,m,p]:u?[t,p,m,f]:[t,f,p,m]:[t,`${o}-${a}`]:(c?d.push(`left`,`right`):d.push(`top`,`bottom`),d):[t]}var r=(r={})=>i=>{let{padding:a=0,offset:o=0,fallbackPlacements:s=[]}=r,{x:c,y:l,placement:u,refRect:d,floatRect:f,hasFlipped:p,viewport:m}=i,h=m.left>c||c+f.width>m.right,g=m.top>l||l+f.height>m.bottom,{isDiagonal:_}=e.parsePlacement(u),v,y=s,b,x=u,S=c,C=l,w,T,E=1/0,D,O,k,A,j;if(p)return{};y.length===0&&(y=_?t(u,h,g):n(u,h,g)),r.allowedPlacements&&r.allowedPlacements.length>0&&(y=y.filter(e=>r.allowedPlacements?.includes(e)));for(let t of y){if(w=i.x,T=i.y,t!==u&&(b=e.computeBaseCoords(d,f,t),w=b.x,T=b.y,o>0&&(v=t.split(`-`).at(0),v===`top`&&(T-=o),v===`bottom`&&(T+=o),v===`left`&&(w-=o),v===`right`&&(w+=o))),O=Math.max(0,m.top+a-T),k=Math.max(0,T+f.height-(m.bottom-a)),A=Math.max(0,m.left+a-w),j=Math.max(0,w+f.width-(m.right-a)),D=O+k+A+j,D===0)return t===u?{}:{hasFlipped:!0,reset:{placement:t},x:w,y:T};D<E&&(E=D,x=t,S=w,C=T)}return x===u?{}:{x:S,y:C,hasFlipped:!0,reset:{placement:x}}};exports.flip=r;

package/dist/hooks/useFloating/middleware/flip.d.ts

@@ -0,0 +1,2 @@
+import { FlipOptions, Middleware } from '../types';
+export declare const flip: (options?: FlipOptions) => Middleware;