wimui 0.1.0

package/dist/components/overlay/Dialog/Dialog.d.ts

@@ -0,0 +1,95 @@
+import { default as React } from 'react';
+import { OverlayBase } from '../../_internal/OverlayBase';
+type DialogContextType = {
+    titleId: string;
+    descriptionId: string;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    closeOnOverlayClick: boolean;
+};
+export declare const useDialog: () => DialogContextType;
+export interface DialogProps {
+    /**
+     * Dialog parts (Dialog.Trigger, Dialog.Content, etc.).
+     */
+    children: React.ReactNode;
+    /**
+     * Controlled open state. Use together with onOpenChange.
+     */
+    open?: boolean;
+    /**
+     * Called with the next state when the dialog is opened or closed.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Initial open state for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+    /**
+     * Whether clicking the overlay closes the dialog.
+     * @default true
+     */
+    closeOnOverlayClick?: boolean;
+}
+export interface DialogTriggerProps extends React.ComponentPropsWithoutRef<"button"> {
+    asChild?: boolean;
+}
+export declare const DialogTrigger: {
+    ({ children, className, onClick, asChild, ...props }: DialogTriggerProps): React.JSX.Element;
+    displayName: string;
+};
+export interface DialogCloseProps extends React.ComponentPropsWithoutRef<"button"> {
+    asChild?: boolean;
+}
+export declare const DialogClose: {
+    ({ children, className, onClick, asChild, ...props }: DialogCloseProps): React.JSX.Element;
+    displayName: string;
+};
+export interface DialogContentProps extends Partial<React.ComponentPropsWithoutRef<typeof OverlayBase>> {
+    asChild?: boolean;
+}
+export declare const DialogContent: {
+    ({ children, className, asChild, open: propsOpen, onOpenChange: propsOnOpenChange, ...props }: DialogContentProps): React.JSX.Element;
+    displayName: string;
+};
+export declare const DialogHeader: {
+    ({ children, className, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+    displayName: string;
+};
+export interface DialogFooterProps extends React.ComponentPropsWithoutRef<"div"> {
+    /**
+     * The layout of the footer.
+     * - "row" (default): Buttons are side-by-side.
+     * - "column": Buttons are stacked (standard mobile behavior).
+     */
+    layout?: "row" | "column";
+}
+export declare const DialogFooter: {
+    ({ children, className, layout, ...props }: DialogFooterProps): React.JSX.Element;
+    displayName: string;
+};
+export declare const DialogTitle: {
+    ({ children, className, ...props }: React.ComponentPropsWithoutRef<"h2">): React.JSX.Element;
+    displayName: string;
+};
+export declare const DialogDescription: {
+    ({ children, className, ...props }: React.ComponentPropsWithoutRef<"p">): React.JSX.Element;
+    displayName: string;
+};
+export interface DialogComponent extends React.FC<DialogProps> {
+    Trigger: typeof DialogTrigger;
+    Content: typeof DialogContent;
+    Close: typeof DialogClose;
+    Header: typeof DialogHeader;
+    Footer: typeof DialogFooter;
+    Title: typeof DialogTitle;
+    Description: typeof DialogDescription;
+}
+declare const DialogCompound: DialogComponent;
+export { DialogCompound as Dialog };
+export default DialogCompound;

package/dist/components/overlay/Dialog/Dialog.js

@@ -0,0 +1,113 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { OverlayBase as n } from "../../_internal/OverlayBase.js";
+import r from "./dialog.module.js";
+import { createContext as i, useContext as a, useId as o, useState as s } from "react";
+import c from "classnames";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/overlay/Dialog/Dialog.tsx
+var u = i(void 0), d = () => {
+	let e = a(u);
+	if (!e) throw Error("Dialog sub-components must be used within Dialog");
+	return e;
+}, f = ({ children: e, open: t, onOpenChange: n, defaultOpen: r = !1, closeOnOverlayClick: i = !0 }) => {
+	let [a, c] = s(r), d = t !== void 0, f = d ? t : a, p = (e) => {
+		d || c(e), n?.(e);
+	}, m = `wim-dialog-${o()}`, h = `${m}-title`, g = `${m}-description`;
+	return /* @__PURE__ */ l(u.Provider, {
+		value: {
+			titleId: h,
+			descriptionId: g,
+			open: f,
+			onOpenChange: p,
+			closeOnOverlayClick: i
+		},
+		children: e
+	});
+};
+f.displayName = "Dialog";
+var p = ({ children: n, className: i, onClick: a, asChild: o = !1, ...s }) => {
+	let { onOpenChange: u } = d();
+	return /* @__PURE__ */ l(o ? e : "button", {
+		type: "button",
+		className: c(r.trigger, i),
+		onClick: (e) => {
+			a?.(e), u(!0);
+		},
+		...s,
+		children: /* @__PURE__ */ l(t, { children: n })
+	});
+};
+p.displayName = "Dialog.Trigger";
+var m = ({ children: n, className: i, onClick: a, asChild: o = !1, ...s }) => {
+	let { onOpenChange: u } = d();
+	return /* @__PURE__ */ l(o ? e : "button", {
+		type: "button",
+		className: c(r.close, i),
+		onClick: (e) => {
+			a?.(e), u(!1);
+		},
+		...s,
+		children: /* @__PURE__ */ l(t, { children: n })
+	});
+};
+m.displayName = "Dialog.Close";
+var h = ({ children: i, className: a, asChild: o = !1, open: s, onOpenChange: u, ...f }) => {
+	let { open: p, onOpenChange: m, titleId: h, descriptionId: g, closeOnOverlayClick: _ } = d(), v = s === void 0 ? p : s, y = u === void 0 ? m : u, b = o ? e : "div";
+	return /* @__PURE__ */ l(n, {
+		...f,
+		open: v,
+		onOpenChange: y,
+		closeOnOverlayClick: _,
+		overlayClassName: r.overlay,
+		role: "dialog",
+		"aria-labelledby": h,
+		"aria-describedby": g,
+		children: /* @__PURE__ */ l(b, {
+			className: c("wim-dialog", r.content, a),
+			children: /* @__PURE__ */ l(t, { children: i })
+		})
+	});
+};
+h.displayName = "Dialog.Content";
+var g = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l("div", {
+	className: c(r.header, t),
+	"data-testid": "dialog-header",
+	...n,
+	children: e
+});
+g.displayName = "Dialog.Header";
+var _ = ({ children: e, className: t, layout: n, ...i }) => /* @__PURE__ */ l("div", {
+	className: c(r.footer, t),
+	"data-layout": n,
+	"data-testid": "dialog-footer",
+	...i,
+	children: e
+});
+_.displayName = "Dialog.Footer";
+var v = ({ children: e, className: t, ...n }) => {
+	let { titleId: i } = d();
+	return /* @__PURE__ */ l("h2", {
+		id: i,
+		className: c(r.title, t),
+		"data-testid": "dialog-title",
+		...n,
+		children: e
+	});
+};
+v.displayName = "Dialog.Title";
+var y = ({ children: e, className: t, ...n }) => {
+	let { descriptionId: i } = d();
+	return /* @__PURE__ */ l("p", {
+		id: i,
+		className: c(r.description, t),
+		"data-testid": "dialog-description",
+		...n,
+		children: e
+	});
+};
+y.displayName = "Dialog.Description";
+var b = (e) => /* @__PURE__ */ l(f, { ...e });
+b.displayName = "Dialog", b.Trigger = p, b.Content = h, b.Close = m, b.Header = g, b.Footer = _, b.Title = v, b.Description = y;
+//#endregion
+export { b as Dialog, b as default, m as DialogClose, h as DialogContent, y as DialogDescription, _ as DialogFooter, g as DialogHeader, v as DialogTitle, p as DialogTrigger, d as useDialog };

package/dist/components/overlay/Dialog/dialog.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_overlay_mxwr1_3`,t=`_content_mxwr1_14`,n=`_header_mxwr1_33`,r=`_title_mxwr1_40`,i=`_description_mxwr1_46`,a=`_footer_mxwr1_52`,o={overlay:e,content:t,header:n,title:r,description:i,footer:a};exports.content=t,exports.default=o,exports.description=i,exports.footer=a,exports.header=n,exports.overlay=e,exports.title=r;

package/dist/components/overlay/Dialog/dialog.module.js

@@ -0,0 +1,12 @@
+"use client";
+//#region src/components/overlay/Dialog/dialog.module.scss
+var e = "_overlay_mxwr1_3", t = "_content_mxwr1_14", n = "_header_mxwr1_33", r = "_title_mxwr1_40", i = "_description_mxwr1_46", a = "_footer_mxwr1_52", o = {
+	overlay: e,
+	content: t,
+	header: n,
+	title: r,
+	description: i,
+	footer: a
+};
+//#endregion
+export { t as content, o as default, i as description, a as footer, n as header, e as overlay, r as title };

package/dist/components/overlay/Drawer/Drawer.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/OverlayBase.cjs"),r=require("./drawer.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=(0,i.createContext)(void 0),c=()=>{let e=(0,i.useContext)(s);if(!e)throw Error(`useDrawer must be used within a Drawer provider`);return e},l=({children:e,open:t,onOpenChange:n,defaultOpen:r=!1,side:a=`right`,slideIn:c=!0,slideOut:l=!0})=>{let[u,d]=(0,i.useState)(r),f=t!==void 0,p=f?t:u,m=e=>{f||d(e),n?.(e)},h=`wim-drawer-${(0,i.useId)()}`,g=`${h}-title`,_=`${h}-description`;return(0,o.jsx)(s.Provider,{value:{titleId:g,descriptionId:_,open:p,onOpenChange:m,side:a,slideIn:c,slideOut:l},children:e})},u=({children:e,className:n,onClick:i,asChild:s=!1,...l})=>{let{onOpenChange:u}=c();return(0,o.jsx)(s?t.Root:`button`,{type:`button`,className:(0,a.default)(r.default.trigger,n),onClick:e=>{i?.(e),u(!0)},...l,children:(0,o.jsx)(t.Slottable,{children:e})})},d=({children:e,className:n,onClick:i,asChild:s=!1,...l})=>{let{onOpenChange:u}=c();return(0,o.jsx)(s?t.Root:`button`,{type:`button`,className:(0,a.default)(r.default.closeButton,n),onClick:e=>{i?.(e),u(!1)},"data-testid":`drawer-close`,...l,children:(0,o.jsx)(t.Slottable,{children:e})})},f=({children:e,className:i,asChild:s=!1,open:l,onOpenChange:u,side:d,slideIn:f,slideOut:p,showOverlay:m=!0,...h})=>{let{open:g,onOpenChange:_,titleId:v,descriptionId:y,side:b,slideIn:x,slideOut:S}=c(),C=l===void 0?g:l,w=u===void 0?_:u,T=d??b,E=f??x,D=p??S,O=s?t.Root:`div`;return(0,o.jsx)(n.OverlayBase,{...h,open:C,onOpenChange:w,overlayClassName:(0,a.default)(r.default.overlay,!m&&r.default.hideOverlay),contentClassName:(0,a.default)(`wim-drawer`,r.default.content,r.default[T],!E&&r.default.noSlideIn,!D&&r.default.noSlideOut,i),role:`dialog`,"aria-labelledby":v,"aria-describedby":y,"data-side":T,children:(0,o.jsx)(O,{"data-testid":`drawer-content`,"data-side":T,children:(0,o.jsx)(`div`,{className:r.default.inner,children:(0,o.jsx)(t.Slottable,{children:e})})})})},p=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.header,t),"data-testid":`drawer-header`,...n,children:e}),m=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.footer,t),"data-testid":`drawer-footer`,...n,children:e}),h=({children:e,className:t,...n})=>{let{titleId:i}=c();return(0,o.jsx)(`h2`,{id:i,className:(0,a.default)(r.default.title,t),"data-testid":`drawer-title`,...n,children:e})},g=({children:e,className:t,...n})=>{let{descriptionId:i}=c();return(0,o.jsx)(`p`,{id:i,className:(0,a.default)(r.default.description,t),"data-testid":`drawer-description`,...n,children:e})},_=e=>(0,o.jsx)(l,{...e});_.displayName=`Drawer`,_.Trigger=u,_.Content=f,_.Header=p,_.Footer=m,_.Title=h,_.Description=g,_.Close=d,exports.Drawer=_,exports.default=_,exports.DrawerClose=d,exports.DrawerContent=f,exports.DrawerDescription=g,exports.DrawerFooter=m,exports.DrawerHeader=p,exports.DrawerTitle=h,exports.DrawerTrigger=u,exports.useDrawer=c;

package/dist/components/overlay/Drawer/Drawer.d.ts

@@ -0,0 +1,78 @@
+import { default as React } from 'react';
+import { OverlayBase } from '../../_internal/OverlayBase';
+type DrawerContextType = {
+    titleId: string;
+    descriptionId: string;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    side: "left" | "right" | "top" | "bottom";
+    slideIn: boolean;
+    slideOut: boolean;
+};
+export declare const useDrawer: () => DrawerContextType;
+export interface DrawerProps {
+    /**
+     * Drawer parts (DrawerTrigger, DrawerContent, etc.).
+     */
+    children: React.ReactNode;
+    /**
+     * Controlled open state. Use together with onOpenChange.
+     */
+    open?: boolean;
+    /**
+     * Called with the next state when the drawer is opened or closed.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Initial open state for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Edge of the screen the drawer slides in from.
+     * @default "right"
+     */
+    side?: "left" | "right" | "top" | "bottom";
+    /**
+     * Whether to animate the drawer when opening.
+     * @default true
+     */
+    slideIn?: boolean;
+    /**
+     * Whether to animate the drawer when closing.
+     * @default true
+     */
+    slideOut?: boolean;
+}
+export interface DrawerTriggerProps extends React.ComponentPropsWithoutRef<"button"> {
+    asChild?: boolean;
+}
+export declare const DrawerTrigger: ({ children, className, onClick, asChild, ...props }: DrawerTriggerProps) => React.JSX.Element;
+export interface DrawerCloseProps extends React.ComponentPropsWithoutRef<"button"> {
+    asChild?: boolean;
+}
+export declare const DrawerClose: ({ children, className, onClick, asChild, ...props }: DrawerCloseProps) => React.JSX.Element;
+export interface DrawerContentProps extends Partial<React.ComponentPropsWithoutRef<typeof OverlayBase>> {
+    asChild?: boolean;
+    side?: "left" | "right" | "top" | "bottom";
+    slideIn?: boolean;
+    slideOut?: boolean;
+    showOverlay?: boolean;
+}
+export declare const DrawerContent: ({ children, className, asChild, open: propsOpen, onOpenChange: propsOnOpenChange, side: sideProp, slideIn: slideInProp, slideOut: slideOutProp, showOverlay, ...props }: DrawerContentProps) => React.JSX.Element;
+export declare const DrawerHeader: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+export declare const DrawerFooter: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+export declare const DrawerTitle: ({ children, className, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => React.JSX.Element;
+export declare const DrawerDescription: ({ children, className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => React.JSX.Element;
+export interface DrawerComponent extends React.FC<DrawerProps> {
+    Trigger: typeof DrawerTrigger;
+    Content: typeof DrawerContent;
+    Header: typeof DrawerHeader;
+    Footer: typeof DrawerFooter;
+    Title: typeof DrawerTitle;
+    Description: typeof DrawerDescription;
+    Close: typeof DrawerClose;
+}
+declare const DrawerCompound: DrawerComponent;
+export { DrawerCompound as Drawer };
+export default DrawerCompound;

package/dist/components/overlay/Drawer/Drawer.js

@@ -0,0 +1,104 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { OverlayBase as n } from "../../_internal/OverlayBase.js";
+import r from "./drawer.module.js";
+import { createContext as i, useContext as a, useId as o, useState as s } from "react";
+import c from "classnames";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/overlay/Drawer/Drawer.tsx
+var u = i(void 0), d = () => {
+	let e = a(u);
+	if (!e) throw Error("useDrawer must be used within a Drawer provider");
+	return e;
+}, f = ({ children: e, open: t, onOpenChange: n, defaultOpen: r = !1, side: i = "right", slideIn: a = !0, slideOut: c = !0 }) => {
+	let [d, f] = s(r), p = t !== void 0, m = p ? t : d, h = (e) => {
+		p || f(e), n?.(e);
+	}, g = `wim-drawer-${o()}`, _ = `${g}-title`, v = `${g}-description`;
+	return /* @__PURE__ */ l(u.Provider, {
+		value: {
+			titleId: _,
+			descriptionId: v,
+			open: m,
+			onOpenChange: h,
+			side: i,
+			slideIn: a,
+			slideOut: c
+		},
+		children: e
+	});
+}, p = ({ children: n, className: i, onClick: a, asChild: o = !1, ...s }) => {
+	let { onOpenChange: u } = d();
+	return /* @__PURE__ */ l(o ? e : "button", {
+		type: "button",
+		className: c(r.trigger, i),
+		onClick: (e) => {
+			a?.(e), u(!0);
+		},
+		...s,
+		children: /* @__PURE__ */ l(t, { children: n })
+	});
+}, m = ({ children: n, className: i, onClick: a, asChild: o = !1, ...s }) => {
+	let { onOpenChange: u } = d();
+	return /* @__PURE__ */ l(o ? e : "button", {
+		type: "button",
+		className: c(r.closeButton, i),
+		onClick: (e) => {
+			a?.(e), u(!1);
+		},
+		"data-testid": "drawer-close",
+		...s,
+		children: /* @__PURE__ */ l(t, { children: n })
+	});
+}, h = ({ children: i, className: a, asChild: o = !1, open: s, onOpenChange: u, side: f, slideIn: p, slideOut: m, showOverlay: h = !0, ...g }) => {
+	let { open: _, onOpenChange: v, titleId: y, descriptionId: b, side: x, slideIn: S, slideOut: C } = d(), w = s === void 0 ? _ : s, T = u === void 0 ? v : u, E = f ?? x, D = p ?? S, O = m ?? C, k = o ? e : "div";
+	return /* @__PURE__ */ l(n, {
+		...g,
+		open: w,
+		onOpenChange: T,
+		overlayClassName: c(r.overlay, !h && r.hideOverlay),
+		contentClassName: c("wim-drawer", r.content, r[E], !D && r.noSlideIn, !O && r.noSlideOut, a),
+		role: "dialog",
+		"aria-labelledby": y,
+		"aria-describedby": b,
+		"data-side": E,
+		children: /* @__PURE__ */ l(k, {
+			"data-testid": "drawer-content",
+			"data-side": E,
+			children: /* @__PURE__ */ l("div", {
+				className: r.inner,
+				children: /* @__PURE__ */ l(t, { children: i })
+			})
+		})
+	});
+}, g = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l("div", {
+	className: c(r.header, t),
+	"data-testid": "drawer-header",
+	...n,
+	children: e
+}), _ = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l("div", {
+	className: c(r.footer, t),
+	"data-testid": "drawer-footer",
+	...n,
+	children: e
+}), v = ({ children: e, className: t, ...n }) => {
+	let { titleId: i } = d();
+	return /* @__PURE__ */ l("h2", {
+		id: i,
+		className: c(r.title, t),
+		"data-testid": "drawer-title",
+		...n,
+		children: e
+	});
+}, y = ({ children: e, className: t, ...n }) => {
+	let { descriptionId: i } = d();
+	return /* @__PURE__ */ l("p", {
+		id: i,
+		className: c(r.description, t),
+		"data-testid": "drawer-description",
+		...n,
+		children: e
+	});
+}, b = (e) => /* @__PURE__ */ l(f, { ...e });
+b.displayName = "Drawer", b.Trigger = p, b.Content = h, b.Header = g, b.Footer = _, b.Title = v, b.Description = y, b.Close = m;
+//#endregion
+export { b as Drawer, b as default, m as DrawerClose, h as DrawerContent, y as DrawerDescription, _ as DrawerFooter, g as DrawerHeader, v as DrawerTitle, p as DrawerTrigger, d as useDrawer };

package/dist/components/overlay/Drawer/drawer.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_overlay_xdtgc_2`,t=`_content_xdtgc_10`,n=`_top_xdtgc_24`,r=`_right_xdtgc_31`,i=`_bottom_xdtgc_38`,a=`_left_xdtgc_45`,o=`_header_xdtgc_52`,s=`_title_xdtgc_59`,c=`_description_xdtgc_65`,l=`_footer_xdtgc_71`,u={overlay:e,content:t,top:n,right:r,bottom:i,left:a,header:o,title:s,description:c,footer:l};exports.bottom=i,exports.content=t,exports.default=u,exports.description=c,exports.footer=l,exports.header=o,exports.left=a,exports.overlay=e,exports.right=r,exports.title=s,exports.top=n;

package/dist/components/overlay/Drawer/drawer.module.js

@@ -0,0 +1,16 @@
+"use client";
+//#region src/components/overlay/Drawer/drawer.module.scss
+var e = "_overlay_xdtgc_2", t = "_content_xdtgc_10", n = "_top_xdtgc_24", r = "_right_xdtgc_31", i = "_bottom_xdtgc_38", a = "_left_xdtgc_45", o = "_header_xdtgc_52", s = "_title_xdtgc_59", c = "_description_xdtgc_65", l = "_footer_xdtgc_71", u = {
+	overlay: e,
+	content: t,
+	top: n,
+	right: r,
+	bottom: i,
+	left: a,
+	header: o,
+	title: s,
+	description: c,
+	footer: l
+};
+//#endregion
+export { i as bottom, t as content, u as default, c as description, l as footer, o as header, a as left, e as overlay, r as right, s as title, n as top };

package/dist/components/overlay/Dropdown/Dropdown.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../_internal/BaseListItem/BaseListItem.cjs"),i=require("../../_internal/mergeRefs.cjs"),a=require("./dropdown.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=o.default.createContext({isOpen:!1,toggle:()=>{},close:()=>{},menuId:``,triggerId:``,focusedIndex:-1,setFocusedIndex:()=>{},registerItem:()=>0,containerRef:{current:null}}),u=(0,o.forwardRef)(({children:e,className:n,asChild:r=!1,...u},d)=>{let[f,p]=(0,o.useState)(!1),[m,h]=(0,o.useState)(-1),g=(0,o.useRef)(null),_=(0,o.useRef)(0),v=i.mergeRefs(g,d);(0,o.useEffect)(()=>{_.current=0});let y=()=>{let e=_.current;return _.current+=1,e},b=(0,o.useId)(),x=`wim-dropdown-menu-${b}`,S=`wim-dropdown-trigger-${b}`,C=()=>{let e=!f;p(e),h(e?0:-1)},w=()=>{p(!1),h(-1)};(0,o.useEffect)(()=>{let e=e=>{g.current&&!g.current.contains(e.target)&&w()},t=e=>{e.key===`Escape`&&w()};return f&&(document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t)),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[f]);let T=e=>{if(!f)return;let t=Array.from(g.current?.querySelectorAll(`[role="menuitem"]:not([aria-disabled="true"])`)||[]);switch(e.key){case`ArrowDown`:e.preventDefault(),h(e=>e<t.length-1?e+1:0);break;case`ArrowUp`:e.preventDefault(),h(e=>e>0?e-1:t.length-1);break;case`Home`:e.preventDefault(),h(0);break;case`End`:e.preventDefault(),h(t.length-1);break;case`Tab`:w();break}};(0,o.useEffect)(()=>{f&&m>=0&&Array.from(g.current?.querySelectorAll(`[role="menuitem"]:not([aria-disabled="true"])`)||[])[m]?.focus()},[m,f]);let E=r?t.Root:`div`;return(0,c.jsx)(l.Provider,{value:{isOpen:f,toggle:C,close:w,menuId:x,triggerId:S,focusedIndex:m,setFocusedIndex:h,registerItem:y,containerRef:g},children:(0,c.jsx)(E,{...u,role:`none`,className:(0,s.default)(`wim-dropdown`,a.default.root,n),ref:v,onKeyDown:T,children:(0,c.jsx)(t.Slottable,{children:e})})})});u.displayName=`Dropdown`;var d=(0,o.forwardRef)(({children:e,className:n,asChild:r=!1,...i},u)=>{let{toggle:d,isOpen:f,menuId:p,triggerId:m}=o.default.useContext(l);return(0,c.jsx)(r?t.Root:`div`,{...i,ref:u,id:m,className:(0,s.default)(a.default.trigger,n),onClick:d,"aria-haspopup":`menu`,"aria-expanded":f,"aria-controls":f?p:void 0,role:`button`,tabIndex:0,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),d())},children:(0,c.jsx)(t.Slottable,{children:e})})});d.displayName=`Dropdown.Trigger`;var f=(0,o.forwardRef)(({children:e,className:t,align:r=`left`,show:i,...u},d)=>{let{isOpen:f,menuId:p,triggerId:m}=o.default.useContext(l),h=r===`left`?a.default.alignLeft:a.default.alignRight;return(0,c.jsx)(n.Transition,{...u,ref:d,show:i===void 0?f:i,preset:`fade`,id:p,className:(0,s.default)(a.default.menu,h,t),role:`menu`,"aria-labelledby":m,children:e})});f.displayName=`Dropdown.Menu`;var p=(0,o.forwardRef)(({children:e,onClick:t,disabled:n=!1,className:i,...u},d)=>{let{close:f,focusedIndex:p,setFocusedIndex:m,registerItem:h}=o.default.useContext(l),[g]=(0,o.useState)(()=>h()),_=p===g,v=e=>{n||(e.stopPropagation(),t&&t(),f())};return(0,c.jsx)(r.BaseListItem,{...u,ref:d,className:(0,s.default)(a.default.item,i),onClick:v,onFocus:()=>m(g),disabled:n,role:`menuitem`,tabIndex:_?0:-1,onKeyDown:e=>{!n&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),v(e))},children:e})});p.displayName=`Dropdown.Item`;var m=(0,o.forwardRef)((e,t)=>(0,c.jsx)(u,{...e,ref:t}));m.displayName=`Dropdown`,m.Trigger=d,m.Menu=f,m.Item=p,exports.Dropdown=m,exports.default=m,exports.DropdownItem=p,exports.DropdownMenu=f,exports.DropdownTrigger=d;

package/dist/components/overlay/Dropdown/Dropdown.d.ts

@@ -0,0 +1,37 @@
+import { default as React, ReactNode } from 'react';
+import { BaseListItemProps } from '../../_internal/BaseListItem';
+import { Transition } from '../../layout/Transition/Transition';
+export interface DropdownProps extends React.ComponentPropsWithoutRef<"div"> {
+    /**
+     * Dropdown parts (Dropdown.Trigger and Dropdown.Menu).
+     */
+    children: ReactNode;
+    /**
+     * If true, the dropdown will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+}
+export interface DropdownTriggerProps extends React.ComponentPropsWithoutRef<"div"> {
+    children: ReactNode;
+    asChild?: boolean;
+}
+export declare const DropdownTrigger: React.ForwardRefExoticComponent<DropdownTriggerProps & React.RefAttributes<HTMLDivElement>>;
+export interface DropdownMenuProps extends Omit<React.ComponentPropsWithoutRef<typeof Transition>, "show"> {
+    children: ReactNode;
+    align?: "left" | "right";
+    show?: boolean;
+}
+export declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>>;
+export interface DropdownItemProps extends BaseListItemProps {
+    children: ReactNode;
+    onClick?: () => void;
+}
+export declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface DropdownComponent extends React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>> {
+    Trigger: typeof DropdownTrigger;
+    Menu: typeof DropdownMenu;
+    Item: typeof DropdownItem;
+}
+declare const DropdownCompound: DropdownComponent;
+export { DropdownCompound as Dropdown };
+export default DropdownCompound;

package/dist/components/overlay/Dropdown/Dropdown.js

@@ -0,0 +1,154 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { Transition as n } from "../../layout/Transition/Transition.js";
+import { BaseListItem as r } from "../../_internal/BaseListItem/BaseListItem.js";
+import { mergeRefs as i } from "../../_internal/mergeRefs.js";
+import a from "./dropdown.module.js";
+import o, { forwardRef as s, useEffect as c, useId as l, useRef as u, useState as d } from "react";
+import f from "classnames";
+import { jsx as p } from "react/jsx-runtime";
+//#region src/components/overlay/Dropdown/Dropdown.tsx
+var m = o.createContext({
+	isOpen: !1,
+	toggle: () => {},
+	close: () => {},
+	menuId: "",
+	triggerId: "",
+	focusedIndex: -1,
+	setFocusedIndex: () => {},
+	registerItem: () => 0,
+	containerRef: { current: null }
+}), h = s(({ children: n, className: r, asChild: o = !1, ...s }, h) => {
+	let [g, _] = d(!1), [v, y] = d(-1), b = u(null), x = u(0), S = i(b, h);
+	c(() => {
+		x.current = 0;
+	});
+	let C = () => {
+		let e = x.current;
+		return x.current += 1, e;
+	}, w = l(), T = `wim-dropdown-menu-${w}`, E = `wim-dropdown-trigger-${w}`, D = () => {
+		let e = !g;
+		_(e), y(e ? 0 : -1);
+	}, O = () => {
+		_(!1), y(-1);
+	};
+	c(() => {
+		let e = (e) => {
+			b.current && !b.current.contains(e.target) && O();
+		}, t = (e) => {
+			e.key === "Escape" && O();
+		};
+		return g && (document.addEventListener("mousedown", e), document.addEventListener("keydown", t)), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [g]);
+	let k = (e) => {
+		if (!g) return;
+		let t = Array.from(b.current?.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])") || []);
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), y((e) => e < t.length - 1 ? e + 1 : 0);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), y((e) => e > 0 ? e - 1 : t.length - 1);
+				break;
+			case "Home":
+				e.preventDefault(), y(0);
+				break;
+			case "End":
+				e.preventDefault(), y(t.length - 1);
+				break;
+			case "Tab":
+				O();
+				break;
+		}
+	};
+	c(() => {
+		g && v >= 0 && Array.from(b.current?.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])") || [])[v]?.focus();
+	}, [v, g]);
+	let A = o ? e : "div";
+	return /* @__PURE__ */ p(m.Provider, {
+		value: {
+			isOpen: g,
+			toggle: D,
+			close: O,
+			menuId: T,
+			triggerId: E,
+			focusedIndex: v,
+			setFocusedIndex: y,
+			registerItem: C,
+			containerRef: b
+		},
+		children: /* @__PURE__ */ p(A, {
+			...s,
+			role: "none",
+			className: f("wim-dropdown", a.root, r),
+			ref: S,
+			onKeyDown: k,
+			children: /* @__PURE__ */ p(t, { children: n })
+		})
+	});
+});
+h.displayName = "Dropdown";
+var g = s(({ children: n, className: r, asChild: i = !1, ...s }, c) => {
+	let { toggle: l, isOpen: u, menuId: d, triggerId: h } = o.useContext(m);
+	return /* @__PURE__ */ p(i ? e : "div", {
+		...s,
+		ref: c,
+		id: h,
+		className: f(a.trigger, r),
+		onClick: l,
+		"aria-haspopup": "menu",
+		"aria-expanded": u,
+		"aria-controls": u ? d : void 0,
+		role: "button",
+		tabIndex: 0,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), l());
+		},
+		children: /* @__PURE__ */ p(t, { children: n })
+	});
+});
+g.displayName = "Dropdown.Trigger";
+var _ = s(({ children: e, className: t, align: r = "left", show: i, ...s }, c) => {
+	let { isOpen: l, menuId: u, triggerId: d } = o.useContext(m), h = r === "left" ? a.alignLeft : a.alignRight;
+	return /* @__PURE__ */ p(n, {
+		...s,
+		ref: c,
+		show: i === void 0 ? l : i,
+		preset: "fade",
+		id: u,
+		className: f(a.menu, h, t),
+		role: "menu",
+		"aria-labelledby": d,
+		children: e
+	});
+});
+_.displayName = "Dropdown.Menu";
+var v = s(({ children: e, onClick: t, disabled: n = !1, className: i, ...s }, c) => {
+	let { close: l, focusedIndex: u, setFocusedIndex: h, registerItem: g } = o.useContext(m), [_] = d(() => g()), v = u === _, y = (e) => {
+		n || (e.stopPropagation(), t && t(), l());
+	};
+	return /* @__PURE__ */ p(r, {
+		...s,
+		ref: c,
+		className: f(a.item, i),
+		onClick: y,
+		onFocus: () => h(_),
+		disabled: n,
+		role: "menuitem",
+		tabIndex: v ? 0 : -1,
+		onKeyDown: (e) => {
+			!n && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), y(e));
+		},
+		children: e
+	});
+});
+v.displayName = "Dropdown.Item";
+var y = s((e, t) => /* @__PURE__ */ p(h, {
+	...e,
+	ref: t
+}));
+y.displayName = "Dropdown", y.Trigger = g, y.Menu = _, y.Item = v;
+//#endregion
+export { y as Dropdown, y as default, v as DropdownItem, _ as DropdownMenu, g as DropdownTrigger };

package/dist/components/overlay/Dropdown/dropdown.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_j9u27_2`,t=`_trigger_j9u27_6`,n=`_menu_j9u27_10`,r=`_alignLeft_j9u27_24`,i=`_alignRight_j9u27_27`,a=`_item_j9u27_30`,o={root:e,trigger:t,menu:n,alignLeft:r,alignRight:i,item:a};exports.alignLeft=r,exports.alignRight=i,exports.default=o,exports.item=a,exports.menu=n,exports.root=e,exports.trigger=t;

package/dist/components/overlay/Dropdown/dropdown.module.js

@@ -0,0 +1,12 @@
+"use client";
+//#region src/components/overlay/Dropdown/dropdown.module.scss
+var e = "_root_j9u27_2", t = "_trigger_j9u27_6", n = "_menu_j9u27_10", r = "_alignLeft_j9u27_24", i = "_alignRight_j9u27_27", a = "_item_j9u27_30", o = {
+	root: e,
+	trigger: t,
+	menu: n,
+	alignLeft: r,
+	alignRight: i,
+	item: a
+};
+//#endregion
+export { r as alignLeft, i as alignRight, o as default, a as item, n as menu, e as root, t as trigger };

package/dist/components/overlay/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, } from './Dropdown';
+export type { DropdownProps, DropdownTriggerProps, DropdownMenuProps, DropdownItemProps, } from './Dropdown';

package/dist/components/overlay/FocusTrap/FocusTrap.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./focus-trap.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=({children:e,active:a=!0,initialFocus:o=!0,className:s})=>{let c=(0,n.useRef)(null),l=(0,n.useRef)(null);return(0,n.useEffect)(()=>{if(!a)return;l.current=document.activeElement;let e=c.current;if(!e)return;let t=()=>Array.from(e.querySelectorAll(`button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])`)).filter(e=>{let t=window.getComputedStyle(e);return t.display!==`none`&&t.visibility!==`hidden`&&!e.disabled});if(o){let e=t();e.length>0&&e[0].focus()}let n=e=>{if(e.key!==`Tab`)return;let n=t();if(n.length===0){e.preventDefault();return}let r=n[0],i=n[n.length-1];e.shiftKey?document.activeElement===r&&(e.preventDefault(),i.focus()):document.activeElement===i&&(e.preventDefault(),r.focus())};return document.addEventListener(`keydown`,n),()=>{document.removeEventListener(`keydown`,n),l.current&&l.current.focus()}},[a,o]),(0,i.jsx)(`div`,{ref:c,className:(0,r.default)(`wim-focus-trap`,t.default.root,s),children:e})};exports.FocusTrap=a;