wimui 0.15.0 → 0.17.0

package/dist/components/overlay/HoverCard/HoverCard.js

@@ -1,75 +1,70 @@
 "use client";
 import e from "./hover-card.module.js";
-import t, { useEffect as n, useRef as r, useState as i } from "react";
-import a from "classnames";
-import { jsx as o } from "react/jsx-runtime";
+import t, { useState as n } from "react";
+import r from "classnames";
+import { jsx as i } from "react/jsx-runtime";
+import { safePolygon as a, useFloating as o, useFocus as s, useHover as c, useInteractions as l, useMergeRefs as u } from "@floating-ui/react";
 //#region src/components/overlay/HoverCard/HoverCard.tsx
-var s = t.createContext({
+var d = t.createContext({
 	isOpen: !1,
-	open: () => {},
-	close: () => {}
-}), c = ({ children: t, className: c, openDelay: l = 700, closeDelay: u = 300, open: d, onOpenChange: f }) => {
-	let [p, m] = i(!1), h = d !== void 0, g = h ? d : p, _ = r(null), v = r(null);
-	return n(() => () => {
-		_.current && window.clearTimeout(_.current), v.current && window.clearTimeout(v.current);
-	}, []), /* @__PURE__ */ o(s.Provider, {
+	refs: null,
+	getReferenceProps: () => ({}),
+	getFloatingProps: () => ({})
+}), f = ({ children: t, className: u, openDelay: f = 700, closeDelay: p = 300, open: m, onOpenChange: h }) => {
+	let [g, _] = n(!1), v = m !== void 0, y = v ? m : g, { refs: b, context: x } = o({
+		open: y,
+		onOpenChange: (e) => {
+			v || _(e), h?.(e);
+		}
+	}), { getReferenceProps: S, getFloatingProps: C } = l([c(x, {
+		delay: {
+			open: f,
+			close: p
+		},
+		handleClose: a({ requireIntent: !1 })
+	}), s(x)]);
+	return /* @__PURE__ */ i(d.Provider, {
 		value: {
-			isOpen: g,
-			open: () => {
-				v.current &&= (window.clearTimeout(v.current), null), !g && (_.current && window.clearTimeout(_.current), _.current = window.setTimeout(() => {
-					h || m(!0), f?.(!0), _.current = null;
-				}, l));
-			},
-			close: () => {
-				_.current &&= (window.clearTimeout(_.current), null), g && (v.current && window.clearTimeout(v.current), v.current = window.setTimeout(() => {
-					h || m(!1), f?.(!1), v.current = null;
-				}, u));
-			}
+			isOpen: y,
+			refs: b,
+			getReferenceProps: S,
+			getFloatingProps: C
 		},
-		children: /* @__PURE__ */ o("div", {
-			className: a("wim-hover-card", e.root, c),
+		children: /* @__PURE__ */ i("div", {
+			className: r("wim-hover-card", e.root, u),
 			children: t
 		})
 	});
-}, l = ({ children: n, className: r, asChild: i }) => {
-	let { open: c, close: l } = t.useContext(s), u = () => c(), d = () => l();
-	return i && t.isValidElement(n) ? t.cloneElement(n, {
-		onMouseEnter: (e) => {
-			n.props.onMouseEnter?.(e), u();
-		},
-		onMouseLeave: (e) => {
-			n.props.onMouseLeave?.(e), d();
-		},
-		onFocus: (e) => {
-			n.props.onFocus?.(e), u();
-		},
-		onBlur: (e) => {
-			n.props.onBlur?.(e), d();
-		},
-		className: a(r, n.props.className)
-	}) : /* @__PURE__ */ o("div", {
-		className: a(e.trigger, r),
-		onMouseEnter: u,
-		onMouseLeave: d,
-		onFocus: u,
-		onBlur: d,
+}, p = ({ children: n, className: a, asChild: o }) => {
+	let { refs: s, getReferenceProps: c } = t.useContext(d), l = n?.ref, f = u([s?.setReference ?? null, l ?? null]);
+	if (o && t.isValidElement(n)) {
+		let e = n.props, i = c({
+			ref: f,
+			...e,
+			className: r(a, e.className)
+		});
+		return t.cloneElement(n, i);
+	}
+	return /* @__PURE__ */ i("div", {
+		ref: f,
+		className: r(e.trigger, a),
 		tabIndex: 0,
+		...c(),
 		children: n
 	});
-}, u = ({ children: n, className: r, align: i = "center", side: c = "bottom", sideOffset: l = 8, ...u }) => {
-	let { isOpen: d, open: f, close: p } = t.useContext(s);
-	if (!d) return null;
-	let m = e[c], h = i === "left" ? e.alignLeft : i === "right" ? e.alignRight : "";
-	return /* @__PURE__ */ o("div", {
-		className: a(e.content, m, h, r),
-		onMouseEnter: f,
-		onMouseLeave: p,
-		"data-side": c,
-		"data-align": i,
-		...u,
+}, m = ({ children: n, className: a, align: o = "center", side: s = "bottom", sideOffset: c = 8, ...l }) => {
+	let { isOpen: u, refs: f, getFloatingProps: p } = t.useContext(d);
+	if (!u) return null;
+	let m = e[s], h = o === "left" ? e.alignLeft : o === "right" ? e.alignRight : "";
+	return /* @__PURE__ */ i("div", {
+		ref: f?.setFloating,
+		className: r(e.content, m, h, a),
+		"data-side": s,
+		"data-align": o,
+		...p(l),
 		children: n
 	});
-}, d = (e) => /* @__PURE__ */ o(c, { ...e });
-d.displayName = "HoverCard", d.Trigger = l, d.Content = u;
+}, h = (e) => /* @__PURE__ */ i(f, { ...e });
+h.displayName = "HoverCard", h.Trigger = p, h.Content = m;
 //#endregion
-export { d as HoverCard, d as default, u as HoverCardContent, l as HoverCardTrigger };
+export { h as HoverCard, h as default, m as HoverCardContent, p as HoverCardTrigger };

package/dist/components/overlay/Popover/Popover.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/close-small.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./popover.module.cjs"),o=require("../../_internal/useFloatingElement.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime"),u=require("@floating-ui/react");var d=s.default.createContext(null),f=({children:e,className:t,defaultOpen:n=!1,open:r,onOpenChange:i,placement:s=`bottom-start`,variant:u=`default`})=>{let{isOpen:f,setOpen:p,refs:m,floatingStyles:h,context:g,getReferenceProps:_,getFloatingProps:v}=o.useFloatingElement({placement:s,open:r,defaultOpen:n,onOpenChange:i,trigger:`click`});return(0,l.jsx)(d.Provider,{value:{open:f,onOpenChange:p,refs:m,floatingStyles:h,context:g,getReferenceProps:_,getFloatingProps:v,close:()=>p(!1),variant:u},children:(0,l.jsx)(`div`,{className:(0,c.default)(`wim-popover`,a.default.root,t),children:e})})},p=s.default.forwardRef(({children:e,className:t,asChild:n,...r},i)=>{let o=s.default.useContext(d);if(o==null)throw Error(`Popover components must be wrapped in <Popover />`);let f=e.ref,p=(0,u.useMergeRefs)([o.refs.setReference,i,f??null]);if(n&&s.default.isValidElement(e)){let n=e.props,i=o.getReferenceProps({ref:p,...r,...n,className:(0,c.default)(t,n.className)});return s.default.cloneElement(e,{...i,"data-state":o.open?`open`:`closed`})}return(0,l.jsx)(`button`,{ref:p,type:`button`,className:(0,c.default)(a.default.trigger,t),"data-state":o.open?`open`:`closed`,...o.getReferenceProps(r),children:e})});p.displayName=`PopoverTrigger`;var m=s.default.forwardRef(({children:e,className:t,align:r,side:i,style:o,modal:f=!1,...p},m)=>{let h=s.default.useContext(d);if(h==null)throw Error(`Popover components must be wrapped in <Popover />`);let{open:g,refs:_,floatingStyles:v,getFloatingProps:y,context:b}=h;return(0,l.jsx)(u.FloatingPortal,{children:(0,l.jsx)(n.Transition,{show:g,preset:`fade`,children:(0,l.jsx)(u.FloatingFocusManager,{context:b,modal:f,children:(0,l.jsx)(`div`,{ref:(0,u.useMergeRefs)([_.setFloating,m]),style:{...v,...o},className:(0,c.default)(a.default.content,a.default[h.variant],t),role:`dialog`,...y(p),children:e})})})})});m.displayName=`PopoverContent`;var h=({children:e,className:n,asChild:o,ariaLabel:u,...f})=>{let{t:p}=t.useWimTranslation(`common`),m=u??p(`a11y.close`),h=s.default.useContext(d);if(!h)return null;let{close:g}=h,_=e=>{g(),f.onClick?.(e)};return o&&s.default.isValidElement(e)?s.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),_(t)},className:(0,c.default)(n,e.props.className)}):(0,l.jsx)(`button`,{type:`button`,className:(0,c.default)(a.default.close,n),onClick:_,"aria-label":m,...f,children:e||(0,l.jsx)(i.Icon,{component:r.default,width:15,height:15})})};exports.Popover=f,exports.PopoverClose=h,exports.PopoverContent=m,exports.PopoverTrigger=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/close.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./popover.module.cjs"),o=require("../../_internal/useFloatingElement.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime"),u=require("@floating-ui/react");var d=s.default.createContext(null),f=({children:e,className:t,defaultOpen:n=!1,open:r,onOpenChange:i,placement:s=`bottom-start`,variant:u=`default`})=>{let{isOpen:f,setOpen:p,refs:m,floatingStyles:h,context:g,getReferenceProps:_,getFloatingProps:v}=o.useFloatingElement({placement:s,open:r,defaultOpen:n,onOpenChange:i,trigger:`click`});return(0,l.jsx)(d.Provider,{value:{open:f,onOpenChange:p,refs:m,floatingStyles:h,context:g,getReferenceProps:_,getFloatingProps:v,close:()=>p(!1),variant:u},children:(0,l.jsx)(`div`,{className:(0,c.default)(`wim-popover`,a.default.root,t),children:e})})},p=s.default.forwardRef(({children:e,className:t,asChild:n,...r},i)=>{let o=s.default.useContext(d);if(o==null)throw Error(`Popover components must be wrapped in <Popover />`);let f=e.ref,p=(0,u.useMergeRefs)([o.refs.setReference,i,f??null]);if(n&&s.default.isValidElement(e)){let n=e.props,i=o.getReferenceProps({ref:p,...r,...n,className:(0,c.default)(t,n.className)});return s.default.cloneElement(e,{...i,"data-state":o.open?`open`:`closed`})}return(0,l.jsx)(`button`,{ref:p,type:`button`,className:(0,c.default)(a.default.trigger,t),"data-state":o.open?`open`:`closed`,...o.getReferenceProps(r),children:e})});p.displayName=`PopoverTrigger`;var m=s.default.forwardRef(({children:e,className:t,align:r,side:i,style:o,modal:f=!1,...p},m)=>{let h=s.default.useContext(d);if(h==null)throw Error(`Popover components must be wrapped in <Popover />`);let{open:g,refs:_,floatingStyles:v,getFloatingProps:y,context:b}=h;return(0,l.jsx)(u.FloatingPortal,{children:(0,l.jsx)(n.Transition,{show:g,preset:`fade`,children:(0,l.jsx)(u.FloatingFocusManager,{context:b,modal:f,children:(0,l.jsx)(`div`,{ref:(0,u.useMergeRefs)([_.setFloating,m]),style:{...v,...o},className:(0,c.default)(a.default.content,a.default[h.variant],t),role:`dialog`,...y(p),children:e})})})})});m.displayName=`PopoverContent`;var h=({children:e,className:n,asChild:o,ariaLabel:u,...f})=>{let{t:p}=t.useWimTranslation(`common`),m=u??p(`a11y.close`),h=s.default.useContext(d);if(!h)return null;let{close:g}=h,_=e=>{g(),f.onClick?.(e)};return o&&s.default.isValidElement(e)?s.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),_(t)},className:(0,c.default)(n,e.props.className)}):(0,l.jsx)(`button`,{type:`button`,className:(0,c.default)(a.default.close,n),onClick:_,"aria-label":m,...f,children:e||(0,l.jsx)(i.Icon,{component:r.default,size:`sm`})})};exports.Popover=f,exports.PopoverClose=h,exports.PopoverContent=m,exports.PopoverTrigger=p;

package/dist/components/overlay/Popover/Popover.js

@@ -1,7 +1,7 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
 import { Transition as t } from "../../layout/Transition/Transition.js";
-import n from "../../../icon/close-small.js";
+import n from "../../../icon/close.js";
 import { Icon as r } from "../../media/Icon/Icon.js";
 import i from "./popover.module.js";
 import { useFloatingElement as a } from "../../_internal/useFloatingElement.js";
@@ -109,8 +109,7 @@ var g = ({ children: t, className: a, asChild: l, ariaLabel: u, ...d }) => {
 		...d,
 		children: t || /* @__PURE__ */ c(r, {
 			component: n,
-			width: 15,
-			height: 15
+			size: "sm"
 		})
 	});
 };

package/dist/components/typography/Code/code.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1dnrh_29`,t=`_inline_1dnrh_40`,n=`_block_1dnrh_48`,r={root:e,inline:t,block:n};exports.block=n,exports.default=r,exports.inline=t,exports.root=e;
+var e=`_root_ct4u7_29`,t=`_inline_ct4u7_39`,n=`_block_ct4u7_47`,r={root:e,inline:t,block:n};exports.block=n,exports.default=r,exports.inline=t,exports.root=e;

package/dist/components/typography/Code/code.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/typography/Code/code.module.scss
-var e = "_root_1dnrh_29", t = "_inline_1dnrh_40", n = "_block_1dnrh_48", r = {
+var e = "_root_ct4u7_29", t = "_inline_ct4u7_39", n = "_block_ct4u7_47", r = {
 	root: e,
 	inline: t,
 	block: n