wimui 0.1.0

package/dist/components/layout/Group/Group.js

@@ -0,0 +1,32 @@
+"use client";
+import { Flex as e } from "../Flex/Flex.js";
+import t from "./group.module.js";
+import n from "react";
+import r from "classnames";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/layout/Group/Group.tsx
+var a = n.forwardRef(({ align: a = "center", justify: o = "start", gap: s = 16, wrap: c = "wrap", grow: l = !1, children: u, className: d, ...f }, p) => {
+	let m = l ? n.Children.map(u, (e) => {
+		if (n.isValidElement(e)) {
+			let t = {
+				flexGrow: 1,
+				...e.props.style
+			};
+			return n.cloneElement(e, { style: t });
+		}
+		return e;
+	}) : u;
+	return /* @__PURE__ */ i(e, {
+		ref: p,
+		align: a,
+		justify: o,
+		gap: s,
+		wrap: c,
+		className: r("wim-group", t.root, d),
+		...f,
+		children: m
+	});
+});
+a.displayName = "Group";
+//#endregion
+export { a as Group };

package/dist/components/layout/Group/group.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1uagf_2`,t={root:e};exports.default=t,exports.root=e;

package/dist/components/layout/Group/group.module.js

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/layout/Group/group.module.scss
+var e = "_root_1uagf_2", t = { root: e };
+//#endregion
+export { t as default, e as root };

package/dist/components/layout/Header/Header.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./header.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=n.default.forwardRef(({className:e,children:n,fixed:a,sticky:o,bordered:s,glass:c,background:l=`primary`,...u},d)=>(0,i.jsx)(`header`,{ref:d,className:(0,r.default)(`wim-header`,t.default.root,a&&t.default.fixed,o&&t.default.sticky,s&&t.default.bordered,c&&t.default.glass,l&&t.default[`bg-${l}`],e),"data-fixed":a,"data-sticky":o,"data-bordered":s,...u,children:(0,i.jsx)(`div`,{className:t.default.container,children:n})}));a.displayName=`Header`;var o=n.default.forwardRef(({className:e,children:n,align:a=`start`,...o},s)=>(0,i.jsx)(`div`,{ref:s,className:(0,r.default)(t.default.section,a&&t.default[a],e),...o,children:n}));o.displayName=`Header.Section`;var s=Object.assign(a,{Section:o});exports.Header=s,exports.default=s,exports.HeaderSection=o;

package/dist/components/layout/Header/Header.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface HeaderProps extends React.ComponentPropsWithoutRef<"header"> {
+    /** Fixed position at the top */
+    fixed?: boolean;
+    /** Sticky position at the top */
+    sticky?: boolean;
+    /** Border at the bottom */
+    bordered?: boolean;
+    /** Glassmorphism effect */
+    glass?: boolean;
+    /** Background color */
+    background?: "primary" | "secondary" | "transparent";
+}
+export interface HeaderSectionProps extends React.ComponentPropsWithoutRef<"div"> {
+    align?: "start" | "center" | "end";
+}
+export declare const HeaderSection: React.ForwardRefExoticComponent<HeaderSectionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>> & {
+    Section: React.ForwardRefExoticComponent<HeaderSectionProps & React.RefAttributes<HTMLDivElement>>;
+};
+export default Header;

package/dist/components/layout/Header/Header.js

@@ -0,0 +1,29 @@
+"use client";
+import e from "./header.module.js";
+import t from "react";
+import n from "classnames";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/layout/Header/Header.tsx
+var i = t.forwardRef(({ className: t, children: i, fixed: a, sticky: o, bordered: s, glass: c, background: l = "primary", ...u }, d) => /* @__PURE__ */ r("header", {
+	ref: d,
+	className: n("wim-header", e.root, a && e.fixed, o && e.sticky, s && e.bordered, c && e.glass, l && e[`bg-${l}`], t),
+	"data-fixed": a,
+	"data-sticky": o,
+	"data-bordered": s,
+	...u,
+	children: /* @__PURE__ */ r("div", {
+		className: e.container,
+		children: i
+	})
+}));
+i.displayName = "Header";
+var a = t.forwardRef(({ className: t, children: i, align: a = "start", ...o }, s) => /* @__PURE__ */ r("div", {
+	ref: s,
+	className: n(e.section, a && e[a], t),
+	...o,
+	children: i
+}));
+a.displayName = "Header.Section";
+var o = Object.assign(i, { Section: a });
+//#endregion
+export { o as Header, o as default, a as HeaderSection };

package/dist/components/layout/Header/header.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_170gz_2`,t=`_fixed_170gz_8`,n=`_sticky_170gz_14`,r=`_bordered_170gz_19`,i=`_glass_170gz_22`,a=`_container_170gz_37`,o=`_section_170gz_47`,s=`_start_170gz_52`,c=`_center_170gz_55`,l=`_end_170gz_58`,u={root:e,fixed:t,sticky:n,bordered:r,glass:i,"bg-primary":`_bg-primary_170gz_27`,"bg-secondary":`_bg-secondary_170gz_30`,"bg-transparent":`_bg-transparent_170gz_33`,container:a,section:o,start:s,center:c,end:l};exports.bordered=r,exports.center=c,exports.container=a,exports.default=u,exports.end=l,exports.fixed=t,exports.glass=i,exports.root=e,exports.section=o,exports.start=s,exports.sticky=n;

package/dist/components/layout/Header/header.module.js

@@ -0,0 +1,19 @@
+"use client";
+//#region src/components/layout/Header/header.module.scss
+var e = "_root_170gz_2", t = "_fixed_170gz_8", n = "_sticky_170gz_14", r = "_bordered_170gz_19", i = "_glass_170gz_22", a = "_container_170gz_37", o = "_section_170gz_47", s = "_start_170gz_52", c = "_center_170gz_55", l = "_end_170gz_58", u = {
+	root: e,
+	fixed: t,
+	sticky: n,
+	bordered: r,
+	glass: i,
+	"bg-primary": "_bg-primary_170gz_27",
+	"bg-secondary": "_bg-secondary_170gz_30",
+	"bg-transparent": "_bg-transparent_170gz_33",
+	container: a,
+	section: o,
+	start: s,
+	center: c,
+	end: l
+};
+//#endregion
+export { r as bordered, c as center, a as container, u as default, l as end, t as fixed, i as glass, e as root, o as section, s as start, n as sticky };

package/dist/components/layout/InteractiveArea/InteractiveArea.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./interactive-area.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=n.default.forwardRef(({title:e,description:n,icon:a,actions:o,variant:s=`dashed`,bgVariant:c=`default`,size:l=`md`,isDragging:u=!1,isClickable:d=!1,disabled:f=!1,className:p,children:m,styles:h,...g},_)=>(0,i.jsx)(`div`,{ref:_,className:(0,r.default)(`wim-interactive-area`,t.default.root,t.default[s],t.default[c],t.default[l],u&&t.default.dragging,d&&!f&&t.default.clickable,f&&t.default.disabled,p),"data-variant":s,"data-bg-variant":c,"data-size":l,"data-disabled":f,"data-dragging":u,role:d&&!f?`button`:void 0,tabIndex:d&&!f?0:void 0,"aria-disabled":f||void 0,onKeyDown:e=>{d&&!f&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.currentTarget.click()),g.onKeyDown?.(e)},...g,onClick:e=>{if(f){e.preventDefault();return}g.onClick?.(e)},children:(0,i.jsxs)(`div`,{className:(0,r.default)(t.default.inner,h?.inner),children:[a&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.icon,h?.icon),children:a}),e&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.title,h?.title),children:e}),n&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.description,h?.description),children:n}),m&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.content,h?.content),children:m}),o&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.actions,h?.actions),children:o})]})}));a.displayName=`InteractiveArea`,exports.InteractiveArea=a;

package/dist/components/layout/InteractiveArea/InteractiveArea.d.ts

@@ -0,0 +1,111 @@
+import { default as React, ReactNode } from 'react';
+import { ComponentSizeBasic } from '../../../types/tokens';
+export type InteractiveAreaProps = Omit<React.ComponentPropsWithoutRef<"div">, "title" | "description"> & {
+    /**
+     * Area title
+     */
+    title?: ReactNode;
+    /**
+     * Area description
+     */
+    description?: ReactNode;
+    /**
+     * Icon to display
+     */
+    icon?: ReactNode;
+    /**
+     * Action elements (buttons, etc.)
+     */
+    actions?: ReactNode;
+    /**
+     * Border variant
+     */
+    variant?: "dashed" | "solid" | "none";
+    /**
+     * Background variant
+     */
+    bgVariant?: "default" | "transparent" | "muted";
+    /**
+     * Size variation
+     */
+    size?: ComponentSizeBasic;
+    /**
+     * Whether the area is currently in a dragging state (for dropzone)
+     */
+    isDragging?: boolean;
+    /**
+     * Whether the area is clickable
+     */
+    isClickable?: boolean;
+    /**
+     * Whether the area is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Custom styles for internal parts
+     */
+    styles?: {
+        inner?: string;
+        icon?: string;
+        title?: string;
+        description?: string;
+        content?: string;
+        actions?: string;
+    };
+};
+/**
+ * A base component for creating interactive surfaces like Dropzones, EmptyStates, etc.
+ */
+export declare const InteractiveArea: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "title" | "description"> & {
+    /**
+     * Area title
+     */
+    title?: ReactNode;
+    /**
+     * Area description
+     */
+    description?: ReactNode;
+    /**
+     * Icon to display
+     */
+    icon?: ReactNode;
+    /**
+     * Action elements (buttons, etc.)
+     */
+    actions?: ReactNode;
+    /**
+     * Border variant
+     */
+    variant?: "dashed" | "solid" | "none";
+    /**
+     * Background variant
+     */
+    bgVariant?: "default" | "transparent" | "muted";
+    /**
+     * Size variation
+     */
+    size?: ComponentSizeBasic;
+    /**
+     * Whether the area is currently in a dragging state (for dropzone)
+     */
+    isDragging?: boolean;
+    /**
+     * Whether the area is clickable
+     */
+    isClickable?: boolean;
+    /**
+     * Whether the area is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Custom styles for internal parts
+     */
+    styles?: {
+        inner?: string;
+        icon?: string;
+        title?: string;
+        description?: string;
+        content?: string;
+        actions?: string;
+    };
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/layout/InteractiveArea/InteractiveArea.js

@@ -0,0 +1,57 @@
+"use client";
+import e from "./interactive-area.module.js";
+import t from "react";
+import n from "classnames";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/layout/InteractiveArea/InteractiveArea.tsx
+var a = t.forwardRef(({ title: t, description: a, icon: o, actions: s, variant: c = "dashed", bgVariant: l = "default", size: u = "md", isDragging: d = !1, isClickable: f = !1, disabled: p = !1, className: m, children: h, styles: g, ..._ }, v) => /* @__PURE__ */ r("div", {
+	ref: v,
+	className: n("wim-interactive-area", e.root, e[c], e[l], e[u], d && e.dragging, f && !p && e.clickable, p && e.disabled, m),
+	"data-variant": c,
+	"data-bg-variant": l,
+	"data-size": u,
+	"data-disabled": p,
+	"data-dragging": d,
+	role: f && !p ? "button" : void 0,
+	tabIndex: f && !p ? 0 : void 0,
+	"aria-disabled": p || void 0,
+	onKeyDown: (e) => {
+		f && !p && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click()), _.onKeyDown?.(e);
+	},
+	..._,
+	onClick: (e) => {
+		if (p) {
+			e.preventDefault();
+			return;
+		}
+		_.onClick?.(e);
+	},
+	children: /* @__PURE__ */ i("div", {
+		className: n(e.inner, g?.inner),
+		children: [
+			o && /* @__PURE__ */ r("div", {
+				className: n(e.icon, g?.icon),
+				children: o
+			}),
+			t && /* @__PURE__ */ r("div", {
+				className: n(e.title, g?.title),
+				children: t
+			}),
+			a && /* @__PURE__ */ r("div", {
+				className: n(e.description, g?.description),
+				children: a
+			}),
+			h && /* @__PURE__ */ r("div", {
+				className: n(e.content, g?.content),
+				children: h
+			}),
+			s && /* @__PURE__ */ r("div", {
+				className: n(e.actions, g?.actions),
+				children: s
+			})
+		]
+	})
+}));
+a.displayName = "InteractiveArea";
+//#endregion
+export { a as InteractiveArea };

package/dist/components/layout/InteractiveArea/interactive-area.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1dvlo_1`,t=`_dashed_1dvlo_13`,n=`_solid_1dvlo_16`,r=`_none_1dvlo_19`,i=`_transparent_1dvlo_25`,a=`_muted_1dvlo_28`,o=`_sm_1dvlo_31`,s=`_md_1dvlo_35`,c=`_lg_1dvlo_39`,l=`_dragging_1dvlo_43`,u=`_clickable_1dvlo_47`,d=`_disabled_1dvlo_58`,f=`_inner_1dvlo_63`,p=`_icon_1dvlo_74`,m=`_title_1dvlo_83`,h=`_description_1dvlo_90`,g=`_content_1dvlo_96`,_=`_actions_1dvlo_101`,v={root:e,dashed:t,solid:n,none:r,default:`_default_1dvlo_22`,transparent:i,muted:a,sm:o,md:s,lg:c,dragging:l,clickable:u,disabled:d,inner:f,icon:p,title:m,description:h,content:g,actions:_};exports.actions=_,exports.clickable=u,exports.content=g,exports.dashed=t,exports.default=v,exports.description=h,exports.disabled=d,exports.dragging=l,exports.icon=p,exports.inner=f,exports.lg=c,exports.md=s,exports.muted=a,exports.none=r,exports.root=e,exports.sm=o,exports.solid=n,exports.title=m,exports.transparent=i;

package/dist/components/layout/InteractiveArea/interactive-area.module.js

@@ -0,0 +1,25 @@
+"use client";
+//#region src/components/layout/InteractiveArea/interactive-area.module.scss
+var e = "_root_1dvlo_1", t = "_dashed_1dvlo_13", n = "_solid_1dvlo_16", r = "_none_1dvlo_19", i = "_transparent_1dvlo_25", a = "_muted_1dvlo_28", o = "_sm_1dvlo_31", s = "_md_1dvlo_35", c = "_lg_1dvlo_39", l = "_dragging_1dvlo_43", u = "_clickable_1dvlo_47", d = "_disabled_1dvlo_58", f = "_inner_1dvlo_63", p = "_icon_1dvlo_74", m = "_title_1dvlo_83", h = "_description_1dvlo_90", g = "_content_1dvlo_96", _ = "_actions_1dvlo_101", v = {
+	root: e,
+	dashed: t,
+	solid: n,
+	none: r,
+	default: "_default_1dvlo_22",
+	transparent: i,
+	muted: a,
+	sm: o,
+	md: s,
+	lg: c,
+	dragging: l,
+	clickable: u,
+	disabled: d,
+	inner: f,
+	icon: p,
+	title: m,
+	description: h,
+	content: g,
+	actions: _
+};
+//#endregion
+export { _ as actions, u as clickable, g as content, t as dashed, v as default, h as description, d as disabled, l as dragging, p as icon, f as inner, c as lg, s as md, a as muted, r as none, e as root, o as sm, n as solid, m as title, i as transparent };

package/dist/components/layout/Masonry/Masonry.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./masonry.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=n.default.forwardRef(({columns:e=3,spacing:a=16,className:o,style:s,children:c,...l},u)=>{let d={columnCount:e,columnGap:typeof a==`number`?`${a}px`:a,...s},f={breakInside:`avoid`,marginBottom:typeof a==`number`?`${a}px`:a};return(0,i.jsx)(`div`,{ref:u,className:(0,r.default)(`wim-masonry`,t.default.root,o),style:d,...l,children:n.default.Children.map(c,e=>{if(n.default.isValidElement(e)){let i=e.props,a=i.style||{};return n.default.cloneElement(e,{style:{...f,...a},className:(0,r.default)(t.default.item,i.className),"data-testid":`masonry-item`})}return e})})});a.displayName=`Masonry`,exports.Masonry=a;

package/dist/components/layout/Masonry/Masonry.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export type MasonryProps = React.ComponentPropsWithoutRef<"div"> & {
+    /** Number of columns */
+    columns?: number;
+    /** Spacing between items */
+    spacing?: number | string;
+};
+/**
+ * Masonry layout component.
+ * It arranges items in columns, filling in gaps to minimize empty space.
+ */
+export declare const Masonry: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /** Number of columns */
+    columns?: number;
+    /** Spacing between items */
+    spacing?: number | string;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/layout/Masonry/Masonry.js

@@ -0,0 +1,39 @@
+"use client";
+import e from "./masonry.module.js";
+import t from "react";
+import n from "classnames";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/layout/Masonry/Masonry.tsx
+var i = t.forwardRef(({ columns: i = 3, spacing: a = 16, className: o, style: s, children: c, ...l }, u) => {
+	let d = {
+		columnCount: i,
+		columnGap: typeof a == "number" ? `${a}px` : a,
+		...s
+	}, f = {
+		breakInside: "avoid",
+		marginBottom: typeof a == "number" ? `${a}px` : a
+	};
+	return /* @__PURE__ */ r("div", {
+		ref: u,
+		className: n("wim-masonry", e.root, o),
+		style: d,
+		...l,
+		children: t.Children.map(c, (r) => {
+			if (t.isValidElement(r)) {
+				let i = r.props, a = i.style || {};
+				return t.cloneElement(r, {
+					style: {
+						...f,
+						...a
+					},
+					className: n(e.item, i.className),
+					"data-testid": "masonry-item"
+				});
+			}
+			return r;
+		})
+	});
+});
+i.displayName = "Masonry";
+//#endregion
+export { i as Masonry };

package/dist/components/layout/Masonry/masonry.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1l7kd_1`,t=`_item_1l7kd_6`,n={root:e,item:t};exports.default=n,exports.item=t,exports.root=e;

package/dist/components/layout/Masonry/masonry.module.js

@@ -0,0 +1,8 @@
+"use client";
+//#region src/components/layout/Masonry/masonry.module.scss
+var e = "_root_1l7kd_1", t = "_item_1l7kd_6", n = {
+	root: e,
+	item: t
+};
+//#endregion
+export { n as default, t as item, e as root };

package/dist/components/layout/Navbar/Navbar.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../navigation/HamburgerMenu/HamburgerMenu.cjs"),n=require("../../overlay/Drawer/Drawer.cjs"),r=require("./navbar.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=i.default.forwardRef(({className:e,children:t,fixed:n,sticky:c,transparent:l,glass:u,bordered:d,defaultMenuOpen:f=!1,isMenuOpen:p,onMenuOpenChange:m,...h},g)=>{let[_,v]=(0,i.useState)(f),y=p??_;return(0,o.jsx)(s.Provider,{value:{isMenuOpen:y,setIsMenuOpen:e=>{v(e),m?.(e)}},children:(0,o.jsx)(`nav`,{ref:g,className:(0,a.default)(`wim-navbar`,r.default.root,n&&r.default.fixed,c&&r.default.sticky,l&&r.default.transparent,u&&r.default.glass,d&&r.default.bordered,e),...h,children:(0,o.jsx)(`div`,{className:r.default.container,children:t})})})});c.displayName=`Navbar`;var l=i.default.forwardRef(({className:e,children:t,...n},i)=>(0,o.jsx)(`div`,{ref:i,className:(0,a.default)(r.default.brand,e),...n,children:t}));l.displayName=`Navbar.Brand`;var u=i.default.forwardRef(({className:e,children:t,justify:n=`end`,hiddenOnMobile:i,...s},c)=>(0,o.jsx)(`div`,{ref:c,className:(0,a.default)(r.default.content,r.default[n],i&&r.default.hiddenMobile,e),...s,children:t}));u.displayName=`Navbar.Content`;var d=i.default.forwardRef(({className:e,children:t,active:n,...i},s)=>(0,o.jsx)(`div`,{ref:s,className:(0,a.default)(r.default.item,n&&r.default.active,e),...i,children:t}));d.displayName=`Navbar.Item`;var f=i.default.forwardRef(({className:e,children:t,active:n,...i},s)=>(0,o.jsx)(`a`,{ref:s,className:(0,a.default)(r.default.link,n&&r.default.active,e),...i,children:t}));f.displayName=`Navbar.Link`;var p=i.default.forwardRef(({className:e,...n},a)=>{let c=(0,i.useContext)(s);if(!c)throw Error(`NavbarToggle must be used within a Navbar`);let{isMenuOpen:l,setIsMenuOpen:u}=c;return(0,o.jsx)(`div`,{className:r.default.toggle,children:(0,o.jsx)(t.HamburgerMenu,{ref:a,open:l,onClick:()=>u(!l),className:e,...n})})});p.displayName=`Navbar.Toggle`;var m=i.default.forwardRef(({className:e,children:t,position:c=`top`,...l},u)=>{let d=(0,i.useContext)(s);if(!d)throw Error(`NavbarMenu must be used within a Navbar`);let{isMenuOpen:f,setIsMenuOpen:p}=d;return(0,o.jsx)(n.Drawer,{open:f,onOpenChange:p,side:c,children:(0,o.jsx)(n.DrawerContent,{className:(0,a.default)(r.default.menu,e),children:t})})});m.displayName=`Navbar.Menu`;var h=i.default.forwardRef(({className:e,children:t,active:n,...c},l)=>{let{setIsMenuOpen:u}=(0,i.useContext)(s)||{};return(0,o.jsx)(`div`,{ref:l,className:(0,a.default)(r.default.menuItem,n&&r.default.active,e),onClick:e=>{u?.(!1),c.onClick?.(e)},role:`button`,tabIndex:0,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&e.currentTarget.click()},...c,children:t})});h.displayName=`Navbar.MenuItem`;var g=Object.assign(c,{Brand:l,Content:u,Item:d,Link:f,Toggle:p,Menu:m,MenuItem:h});exports.Navbar=g,exports.default=g,exports.NavbarBrand=l,exports.NavbarContent=u,exports.NavbarItem=d,exports.NavbarLink=f,exports.NavbarMenu=m,exports.NavbarMenuItem=h,exports.NavbarToggle=p;

package/dist/components/layout/Navbar/Navbar.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+import { HamburgerMenu } from '../../navigation/HamburgerMenu/HamburgerMenu';
+export interface NavbarProps extends React.ComponentPropsWithoutRef<"nav"> {
+    /** Whether the navbar is fixed to the viewport */
+    fixed?: boolean;
+    /** Whether the navbar sticks to the top while scrolling */
+    sticky?: boolean;
+    /** Whether the navbar background is transparent */
+    transparent?: boolean;
+    /** Whether to apply the frosted-glass effect */
+    glass?: boolean;
+    /** Whether to show a bottom border */
+    bordered?: boolean;
+    /** Initial open state of the mobile menu (uncontrolled) */
+    defaultMenuOpen?: boolean;
+    /** Open state of the mobile menu (controlled) */
+    isMenuOpen?: boolean;
+    /** Callback when the mobile menu open state changes */
+    onMenuOpenChange?: (isOpen: boolean) => void;
+}
+export type NavbarBrandProps = React.ComponentPropsWithoutRef<"div">;
+export declare const NavbarBrand: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface NavbarContentProps extends React.ComponentPropsWithoutRef<"div"> {
+    justify?: "start" | "end" | "center";
+    hiddenOnMobile?: boolean;
+}
+export declare const NavbarContent: React.ForwardRefExoticComponent<NavbarContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface NavbarItemProps extends React.ComponentPropsWithoutRef<"div"> {
+    active?: boolean;
+}
+export declare const NavbarItem: React.ForwardRefExoticComponent<NavbarItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface NavbarLinkProps extends React.ComponentPropsWithoutRef<"a"> {
+    active?: boolean;
+}
+export declare const NavbarLink: React.ForwardRefExoticComponent<NavbarLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export type NavbarToggleProps = Omit<React.ComponentPropsWithoutRef<typeof HamburgerMenu>, "open" | "onClick">;
+export declare const NavbarToggle: React.ForwardRefExoticComponent<NavbarToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export interface NavbarMenuProps extends React.ComponentPropsWithoutRef<"div"> {
+    position?: "right" | "left" | "top" | "bottom";
+}
+export declare const NavbarMenu: React.ForwardRefExoticComponent<NavbarMenuProps & React.RefAttributes<HTMLDivElement>>;
+export interface NavbarMenuItemProps extends React.ComponentPropsWithoutRef<"div"> {
+    active?: boolean;
+}
+export declare const NavbarMenuItem: React.ForwardRefExoticComponent<NavbarMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Navbar: React.ForwardRefExoticComponent<NavbarProps & React.RefAttributes<HTMLElement>> & {
+    Brand: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<NavbarContentProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<NavbarItemProps & React.RefAttributes<HTMLDivElement>>;
+    Link: React.ForwardRefExoticComponent<NavbarLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+    Toggle: React.ForwardRefExoticComponent<NavbarToggleProps & React.RefAttributes<HTMLButtonElement>>;
+    Menu: React.ForwardRefExoticComponent<NavbarMenuProps & React.RefAttributes<HTMLDivElement>>;
+    MenuItem: React.ForwardRefExoticComponent<NavbarMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+};
+export default Navbar;

package/dist/components/layout/Navbar/Navbar.js

@@ -0,0 +1,117 @@
+"use client";
+import { HamburgerMenu as e } from "../../navigation/HamburgerMenu/HamburgerMenu.js";
+import { Drawer as t, DrawerContent as n } from "../../overlay/Drawer/Drawer.js";
+import r from "./navbar.module.js";
+import i, { createContext as a, useContext as o, useState as s } from "react";
+import c from "classnames";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/layout/Navbar/Navbar.tsx
+var u = a(void 0), d = i.forwardRef(({ className: e, children: t, fixed: n, sticky: i, transparent: a, glass: o, bordered: d, defaultMenuOpen: f = !1, isMenuOpen: p, onMenuOpenChange: m, ...h }, g) => {
+	let [_, v] = s(f), y = p ?? _;
+	return /* @__PURE__ */ l(u.Provider, {
+		value: {
+			isMenuOpen: y,
+			setIsMenuOpen: (e) => {
+				v(e), m?.(e);
+			}
+		},
+		children: /* @__PURE__ */ l("nav", {
+			ref: g,
+			className: c("wim-navbar", r.root, n && r.fixed, i && r.sticky, a && r.transparent, o && r.glass, d && r.bordered, e),
+			...h,
+			children: /* @__PURE__ */ l("div", {
+				className: r.container,
+				children: t
+			})
+		})
+	});
+});
+d.displayName = "Navbar";
+var f = i.forwardRef(({ className: e, children: t, ...n }, i) => /* @__PURE__ */ l("div", {
+	ref: i,
+	className: c(r.brand, e),
+	...n,
+	children: t
+}));
+f.displayName = "Navbar.Brand";
+var p = i.forwardRef(({ className: e, children: t, justify: n = "end", hiddenOnMobile: i, ...a }, o) => /* @__PURE__ */ l("div", {
+	ref: o,
+	className: c(r.content, r[n], i && r.hiddenMobile, e),
+	...a,
+	children: t
+}));
+p.displayName = "Navbar.Content";
+var m = i.forwardRef(({ className: e, children: t, active: n, ...i }, a) => /* @__PURE__ */ l("div", {
+	ref: a,
+	className: c(r.item, n && r.active, e),
+	...i,
+	children: t
+}));
+m.displayName = "Navbar.Item";
+var h = i.forwardRef(({ className: e, children: t, active: n, ...i }, a) => /* @__PURE__ */ l("a", {
+	ref: a,
+	className: c(r.link, n && r.active, e),
+	...i,
+	children: t
+}));
+h.displayName = "Navbar.Link";
+var g = i.forwardRef(({ className: t, ...n }, i) => {
+	let a = o(u);
+	if (!a) throw Error("NavbarToggle must be used within a Navbar");
+	let { isMenuOpen: s, setIsMenuOpen: c } = a;
+	return /* @__PURE__ */ l("div", {
+		className: r.toggle,
+		children: /* @__PURE__ */ l(e, {
+			ref: i,
+			open: s,
+			onClick: () => c(!s),
+			className: t,
+			...n
+		})
+	});
+});
+g.displayName = "Navbar.Toggle";
+var _ = i.forwardRef(({ className: e, children: i, position: a = "top", ...s }, d) => {
+	let f = o(u);
+	if (!f) throw Error("NavbarMenu must be used within a Navbar");
+	let { isMenuOpen: p, setIsMenuOpen: m } = f;
+	return /* @__PURE__ */ l(t, {
+		open: p,
+		onOpenChange: m,
+		side: a,
+		children: /* @__PURE__ */ l(n, {
+			className: c(r.menu, e),
+			children: i
+		})
+	});
+});
+_.displayName = "Navbar.Menu";
+var v = i.forwardRef(({ className: e, children: t, active: n, ...i }, a) => {
+	let { setIsMenuOpen: s } = o(u) || {};
+	return /* @__PURE__ */ l("div", {
+		ref: a,
+		className: c(r.menuItem, n && r.active, e),
+		onClick: (e) => {
+			s?.(!1), i.onClick?.(e);
+		},
+		role: "button",
+		tabIndex: 0,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && e.currentTarget.click();
+		},
+		...i,
+		children: t
+	});
+});
+v.displayName = "Navbar.MenuItem";
+var y = Object.assign(d, {
+	Brand: f,
+	Content: p,
+	Item: m,
+	Link: h,
+	Toggle: g,
+	Menu: _,
+	MenuItem: v
+});
+//#endregion
+export { y as Navbar, y as default, f as NavbarBrand, p as NavbarContent, m as NavbarItem, h as NavbarLink, _ as NavbarMenu, v as NavbarMenuItem, g as NavbarToggle };

package/dist/components/layout/Navbar/navbar.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_jocet_4`,t=`_fixed_jocet_15`,n=`_sticky_jocet_21`,r=`_transparent_jocet_26`,i=`_glass_jocet_29`,a=`_bordered_jocet_33`,o=`_container_jocet_36`,s=`_brand_jocet_45`,c=`_content_jocet_54`,l=`_start_jocet_60`,u=`_end_jocet_63`,d=`_center_jocet_66`,f=`_hiddenMobile_jocet_70`,p=`_item_jocet_74`,m=`_active_jocet_79`,h=`_link_jocet_79`,g=`_toggle_jocet_103`,_=`_menu_jocet_114`,v=`_menuItem_jocet_129`,y={root:e,fixed:t,sticky:n,transparent:r,glass:i,bordered:a,container:o,brand:s,content:c,start:l,end:u,center:d,hiddenMobile:f,item:p,active:m,link:h,toggle:g,menu:_,menuItem:v};exports.active=m,exports.bordered=a,exports.brand=s,exports.center=d,exports.container=o,exports.content=c,exports.default=y,exports.end=u,exports.fixed=t,exports.glass=i,exports.hiddenMobile=f,exports.item=p,exports.link=h,exports.menu=_,exports.menuItem=v,exports.root=e,exports.start=l,exports.sticky=n,exports.toggle=g,exports.transparent=r;

package/dist/components/layout/Navbar/navbar.module.js

@@ -0,0 +1,25 @@
+"use client";
+//#region src/components/layout/Navbar/navbar.module.scss
+var e = "_root_jocet_4", t = "_fixed_jocet_15", n = "_sticky_jocet_21", r = "_transparent_jocet_26", i = "_glass_jocet_29", a = "_bordered_jocet_33", o = "_container_jocet_36", s = "_brand_jocet_45", c = "_content_jocet_54", l = "_start_jocet_60", u = "_end_jocet_63", d = "_center_jocet_66", f = "_hiddenMobile_jocet_70", p = "_item_jocet_74", m = "_active_jocet_79", h = "_link_jocet_79", g = "_toggle_jocet_103", _ = "_menu_jocet_114", v = "_menuItem_jocet_129", y = {
+	root: e,
+	fixed: t,
+	sticky: n,
+	transparent: r,
+	glass: i,
+	bordered: a,
+	container: o,
+	brand: s,
+	content: c,
+	start: l,
+	end: u,
+	center: d,
+	hiddenMobile: f,
+	item: p,
+	active: m,
+	link: h,
+	toggle: g,
+	menu: _,
+	menuItem: v
+};
+//#endregion
+export { m as active, a as bordered, s as brand, d as center, o as container, c as content, y as default, u as end, t as fixed, i as glass, f as hiddenMobile, p as item, h as link, _ as menu, v as menuItem, e as root, l as start, n as sticky, g as toggle, r as transparent };

package/dist/components/layout/ScrollArea/ScrollArea.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./scroll-area.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=({text:e,children:n,scrollAxis:a=`y`,maxHeight:o=`10rem`,style:s,className:c,...l})=>{let u={maxHeight:o,overflowX:a===`x`||a===`both`?`auto`:`hidden`,overflowY:a===`y`||a===`both`?`auto`:`hidden`,...s};return(0,i.jsx)(`div`,{className:(0,r.default)(`wim-scroll-area`,t.default.root,c),style:u,tabIndex:0,...l,children:n||e})};exports.ScrollArea=a;

package/dist/components/layout/ScrollArea/ScrollArea.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+type ScrollAreaProps = React.ComponentPropsWithoutRef<"div"> & {
+    /** Content to display (alternative to children) */
+    text?: React.ReactNode;
+    /** Content to display */
+    children?: React.ReactNode;
+    /** Axis along which scrolling is allowed */
+    scrollAxis?: "x" | "y" | "both";
+    /** Maximum height before scrolling (a CSS value, so units other than px are supported) */
+    maxHeight?: string;
+};
+export declare const ScrollArea: ({ text, children, scrollAxis, maxHeight, style, className, ...props }: ScrollAreaProps) => React.JSX.Element;
+export {};