wimui 0.1.0

package/dist/components/data-display/Kanban/Kanban.js

@@ -0,0 +1,139 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import n from "../../../icon/more-horizontal.js";
+import { Icon as r } from "../../media/Icon/Icon.js";
+import i from "./kanban.module.js";
+import a, { forwardRef as o, useState as s } from "react";
+import c from "classnames";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/data-display/Kanban/Kanban.tsx
+var d = o(({ columns: n, onMove: r, onCardMove: o, className: u, forceMobileUI: d = !1, children: p, asChild: m = !1, ...g }, v) => {
+	let [y, b] = s(null), [x, S] = s(null), [C, w] = s(null), T = r || o, E = (e, t, n) => {
+		b({
+			itemId: t,
+			columnId: n
+		}), e.dataTransfer.setData("text/plain", `${n}:${t}`), e.dataTransfer.effectAllowed = "move";
+	}, D = (e, t) => {
+		e.preventDefault(), S(t);
+	}, O = (e, t) => {
+		e.preventDefault(), S(null);
+		let [n, r] = e.dataTransfer.getData("text/plain").split(":");
+		T?.(r, n, t), b(null);
+	}, k = (e, t, n) => {
+		T?.(e, t, n), w(null);
+	}, A = a.useMemo(() => {
+		if (n) return n;
+		let e = [];
+		return a.Children.forEach(p, (t) => {
+			if (a.isValidElement(t)) {
+				let n = t.props;
+				typeof n.id == "string" && typeof n.title == "string" && e.push({
+					id: n.id,
+					title: n.title,
+					items: []
+				});
+			}
+		}), e;
+	}, [p, n]), j = () => p || (n ? n.map((e) => /* @__PURE__ */ l(_, {
+		id: e.id,
+		title: e.title,
+		cardCount: e.items.length,
+		children: e.items.map((e) => /* @__PURE__ */ l(h, {
+			id: e.id,
+			children: e.content
+		}, e.id))
+	}, e.id)) : null), M = m ? e : "div";
+	return /* @__PURE__ */ l(f.Provider, {
+		value: {
+			draggedItem: y,
+			dragOverColumn: x,
+			setDragOverColumn: S,
+			handleDragStart: E,
+			handleDragOver: D,
+			handleDrop: O,
+			handleMobileMove: k,
+			activeMobileMenu: C,
+			setActiveMobileMenu: w,
+			columns: A
+		},
+		children: /* @__PURE__ */ l(M, {
+			...g,
+			ref: v,
+			className: c("wim-kanban", i.root, d && i.touch, u),
+			role: "region",
+			"aria-label": "Kanban Board",
+			children: /* @__PURE__ */ l(t, { children: j() })
+		})
+	});
+}), f = a.createContext(null), p = () => {
+	let e = a.useContext(f);
+	if (!e) throw Error("Kanban compound components must be used within Kanban");
+	return e;
+}, m = ({ id: e, title: t, cardCount: n, children: r, className: a }) => {
+	let { dragOverColumn: o, handleDragOver: s, handleDrop: d, setDragOverColumn: f } = p();
+	return /* @__PURE__ */ u("div", {
+		className: c(i.column, { [i.dragOver]: o === e }, a),
+		onDragOver: (t) => s(t, e),
+		onDrop: (t) => d(t, e),
+		onDragLeave: () => f(null),
+		children: [/* @__PURE__ */ u("div", {
+			className: i.columnHeader,
+			children: [/* @__PURE__ */ l("div", {
+				className: i.columnTitle,
+				children: t
+			}), n !== void 0 && /* @__PURE__ */ l("div", {
+				className: i.columnCount,
+				"aria-label": `${n} cards`,
+				children: n
+			})]
+		}), /* @__PURE__ */ l("div", {
+			className: i.columnBody,
+			children: r
+		})]
+	});
+}, h = ({ id: e, children: t, disabled: o, className: s }) => {
+	let { draggedItem: d, handleDragStart: f, handleMobileMove: m, activeMobileMenu: h, setActiveMobileMenu: _, columns: v } = p(), y = a.useContext(g);
+	return /* @__PURE__ */ u("div", {
+		className: c(i.card, {
+			[i.dragging]: d?.itemId === e,
+			[i.disabled]: o
+		}, s),
+		draggable: !o,
+		onDragStart: (t) => y && f(t, e, y),
+		children: [/* @__PURE__ */ l("div", {
+			className: i.cardContent,
+			children: t
+		}), /* @__PURE__ */ u("div", {
+			className: i.cardMove,
+			children: [/* @__PURE__ */ l("button", {
+				type: "button",
+				className: i.cardMoveBtn,
+				onClick: () => _(h === e ? null : e),
+				"aria-label": "Move card",
+				disabled: o,
+				children: /* @__PURE__ */ l(r, {
+					component: n,
+					size: "sm"
+				})
+			}), h === e && /* @__PURE__ */ l("div", {
+				className: i.cardMoveMenu,
+				role: "listbox",
+				"aria-label": "Move to column",
+				children: v.filter((e) => e.id !== y).map((t) => /* @__PURE__ */ l("button", {
+					type: "button",
+					className: i.cardMoveOption,
+					onClick: () => y && m(e, y, t.id),
+					role: "option",
+					"aria-selected": !1,
+					children: t.title
+				}, t.id))
+			})]
+		})]
+	});
+}, g = a.createContext(null), _ = (e) => /* @__PURE__ */ l(g.Provider, {
+	value: e.id,
+	children: /* @__PURE__ */ l(m, { ...e })
+}), v = d;
+v.Column = _, v.Card = h, d.displayName = "Kanban", v.displayName = "KanbanBoard", m.displayName = "KanbanColumn", h.displayName = "KanbanCard", _.displayName = "KanbanColumnWrapper";
+//#endregion
+export { d as Kanban, v as KanbanBoard, v as default, h as KanbanCard, m as KanbanColumn };

package/dist/components/data-display/Kanban/kanban.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_h9yu4_3`,t=`_column_h9yu4_14`,n=`_dragOver_h9yu4_24`,r=`_columnHeader_h9yu4_28`,i=`_columnTitle_h9yu4_35`,a=`_columnCount_h9yu4_40`,o=`_columnBody_h9yu4_53`,s=`_card_h9yu4_60`,c=`_disabled_h9yu4_69`,l=`_dragging_h9yu4_72`,u=`_cardContent_h9yu4_80`,d=`_cardMove_h9yu4_84`,f=`_touch_h9yu4_94`,p=`_cardMoveBtn_h9yu4_97`,m=`_cardMoveMenu_h9yu4_114`,h=`_cardMoveOption_h9yu4_126`,g={root:e,column:t,dragOver:n,columnHeader:r,columnTitle:i,columnCount:a,columnBody:o,card:s,disabled:c,dragging:l,cardContent:u,cardMove:d,touch:f,cardMoveBtn:p,cardMoveMenu:m,cardMoveOption:h};exports.card=s,exports.cardContent=u,exports.cardMove=d,exports.cardMoveBtn=p,exports.cardMoveMenu=m,exports.cardMoveOption=h,exports.column=t,exports.columnBody=o,exports.columnCount=a,exports.columnHeader=r,exports.columnTitle=i,exports.default=g,exports.disabled=c,exports.dragOver=n,exports.dragging=l,exports.root=e,exports.touch=f;

package/dist/components/data-display/Kanban/kanban.module.js

@@ -0,0 +1,22 @@
+"use client";
+//#region src/components/data-display/Kanban/kanban.module.scss
+var e = "_root_h9yu4_3", t = "_column_h9yu4_14", n = "_dragOver_h9yu4_24", r = "_columnHeader_h9yu4_28", i = "_columnTitle_h9yu4_35", a = "_columnCount_h9yu4_40", o = "_columnBody_h9yu4_53", s = "_card_h9yu4_60", c = "_disabled_h9yu4_69", l = "_dragging_h9yu4_72", u = "_cardContent_h9yu4_80", d = "_cardMove_h9yu4_84", f = "_touch_h9yu4_94", p = "_cardMoveBtn_h9yu4_97", m = "_cardMoveMenu_h9yu4_114", h = "_cardMoveOption_h9yu4_126", g = {
+	root: e,
+	column: t,
+	dragOver: n,
+	columnHeader: r,
+	columnTitle: i,
+	columnCount: a,
+	columnBody: o,
+	card: s,
+	disabled: c,
+	dragging: l,
+	cardContent: u,
+	cardMove: d,
+	touch: f,
+	cardMoveBtn: p,
+	cardMoveMenu: m,
+	cardMoveOption: h
+};
+//#endregion
+export { s as card, u as cardContent, d as cardMove, p as cardMoveBtn, m as cardMoveMenu, h as cardMoveOption, t as column, o as columnBody, a as columnCount, r as columnHeader, i as columnTitle, g as default, c as disabled, n as dragOver, l as dragging, e as root, f as touch };

package/dist/components/data-display/Leaderboard/Leaderboard.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./leaderboard.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(({entries:e,unit:n,size:a=`md`,className:o,...s},c)=>(0,i.jsx)(`ol`,{ref:c,className:(0,r.default)(`wim-leaderboard`,t.default.root,t.default[a],o),...s,children:e.map((e,a)=>{let o=a+1;return(0,i.jsxs)(`li`,{"aria-current":e.highlight?!0:void 0,className:(0,r.default)(t.default.item,o<=3&&t.default[`rank${o}`],e.highlight&&t.default.highlight),children:[(0,i.jsx)(`span`,{className:t.default.rank,"aria-hidden":`true`,children:o}),e.avatar&&(0,i.jsx)(`img`,{src:e.avatar,alt:``,className:t.default.avatar,"aria-hidden":`true`}),(0,i.jsx)(`span`,{className:t.default.name,children:e.name}),(0,i.jsxs)(`span`,{className:t.default.score,children:[(0,i.jsx)(`span`,{className:t.default.scoreValue,children:e.score}),n&&(0,i.jsx)(`span`,{className:t.default.unit,children:n})]})]},e.id)})}));a.displayName=`Leaderboard`,exports.Leaderboard=a;

package/dist/components/data-display/Leaderboard/Leaderboard.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { ComponentSizeBasic } from '../../../types/tokens';
+export type LeaderboardEntry = {
+    id: string;
+    name: string;
+    score: number | string;
+    avatar?: string;
+    highlight?: boolean;
+};
+export type LeaderboardProps = React.ComponentPropsWithoutRef<"ol"> & {
+    /** List of ranking entries */
+    entries: LeaderboardEntry[];
+    /** Label for the score unit */
+    unit?: string;
+    /** Size */
+    size?: ComponentSizeBasic;
+};
+/**
+ * Component that displays a scored ranking. The top 3 entries get medal colors.
+ */
+export declare const Leaderboard: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & {
+    /** List of ranking entries */
+    entries: LeaderboardEntry[];
+    /** Label for the score unit */
+    unit?: string;
+    /** Size */
+    size?: ComponentSizeBasic;
+} & React.RefAttributes<HTMLOListElement>>;

package/dist/components/data-display/Leaderboard/Leaderboard.js

@@ -0,0 +1,48 @@
+"use client";
+import e from "./leaderboard.module.js";
+import t from "react";
+import n from "classnames";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/data-display/Leaderboard/Leaderboard.tsx
+var a = t.forwardRef(({ entries: t, unit: a, size: o = "md", className: s, ...c }, l) => /* @__PURE__ */ r("ol", {
+	ref: l,
+	className: n("wim-leaderboard", e.root, e[o], s),
+	...c,
+	children: t.map((t, o) => {
+		let s = o + 1;
+		return /* @__PURE__ */ i("li", {
+			"aria-current": t.highlight ? !0 : void 0,
+			className: n(e.item, s <= 3 && e[`rank${s}`], t.highlight && e.highlight),
+			children: [
+				/* @__PURE__ */ r("span", {
+					className: e.rank,
+					"aria-hidden": "true",
+					children: s
+				}),
+				t.avatar && /* @__PURE__ */ r("img", {
+					src: t.avatar,
+					alt: "",
+					className: e.avatar,
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ r("span", {
+					className: e.name,
+					children: t.name
+				}),
+				/* @__PURE__ */ i("span", {
+					className: e.score,
+					children: [/* @__PURE__ */ r("span", {
+						className: e.scoreValue,
+						children: t.score
+					}), a && /* @__PURE__ */ r("span", {
+						className: e.unit,
+						children: a
+					})]
+				})
+			]
+		}, t.id);
+	})
+}));
+a.displayName = "Leaderboard";
+//#endregion
+export { a as Leaderboard };

package/dist/components/data-display/Leaderboard/leaderboard.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1hq5i_2`,t=`_sm_1hq5i_12`,n=`_item_1hq5i_12`,r=`_rank_1hq5i_16`,i=`_avatar_1hq5i_16`,a=`_lg_1hq5i_20`,o=`_highlight_1hq5i_38`,s=`_rank1_1hq5i_42`,c=`_rank2_1hq5i_46`,l=`_rank3_1hq5i_50`,u=`_name_1hq5i_75`,d=`_score_1hq5i_83`,f=`_scoreValue_1hq5i_89`,p=`_unit_1hq5i_94`,m={root:e,sm:t,item:n,rank:r,avatar:i,lg:a,highlight:o,rank1:s,rank2:c,rank3:l,name:u,score:d,scoreValue:f,unit:p};exports.avatar=i,exports.default=m,exports.highlight=o,exports.item=n,exports.lg=a,exports.name=u,exports.rank=r,exports.rank1=s,exports.rank2=c,exports.rank3=l,exports.root=e,exports.score=d,exports.scoreValue=f,exports.sm=t,exports.unit=p;

package/dist/components/data-display/Leaderboard/leaderboard.module.js

@@ -0,0 +1,20 @@
+"use client";
+//#region src/components/data-display/Leaderboard/leaderboard.module.scss
+var e = "_root_1hq5i_2", t = "_sm_1hq5i_12", n = "_item_1hq5i_12", r = "_rank_1hq5i_16", i = "_avatar_1hq5i_16", a = "_lg_1hq5i_20", o = "_highlight_1hq5i_38", s = "_rank1_1hq5i_42", c = "_rank2_1hq5i_46", l = "_rank3_1hq5i_50", u = "_name_1hq5i_75", d = "_score_1hq5i_83", f = "_scoreValue_1hq5i_89", p = "_unit_1hq5i_94", m = {
+	root: e,
+	sm: t,
+	item: n,
+	rank: r,
+	avatar: i,
+	lg: a,
+	highlight: o,
+	rank1: s,
+	rank2: c,
+	rank3: l,
+	name: u,
+	score: d,
+	scoreValue: f,
+	unit: p
+};
+//#endregion
+export { i as avatar, m as default, o as highlight, n as item, a as lg, u as name, r as rank, s as rank1, c as rank2, l as rank3, e as root, d as score, f as scoreValue, t as sm, p as unit };

package/dist/components/data-display/List/List.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("../../media/Icon/Icon.cjs"),r=require("../../_internal/mergeRefs.cjs"),i=require("./list.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=(0,a.createContext)({size:`md`}),l=a.default.forwardRef(({asChild:e=!1,size:n=`md`,spacing:a=`normal`,bordered:l=!1,fullWidth:u=!1,hoverable:d=!1,children:f,className:p,...m},h)=>{let g=e?t.Root:`ul`;return(0,s.jsx)(c.Provider,{value:{size:n},children:(0,s.jsx)(g,{className:(0,o.default)(`wim-list`,i.default.root,i.default[n],i.default[`spacing-${a}`],l&&i.default.bordered,u&&i.default.fullWidth,d&&i.default.hoverable,p),ref:r.mergeRefs(h),...m,children:(0,s.jsx)(t.Slottable,{children:f})})})}),u=a.default.forwardRef(({asChild:e=!1,children:r,className:l,iconName:u,iconPosition:d=`left`,iconColor:f,selected:p=!1,...m},h)=>{let{size:g}=(0,a.useContext)(c);return(0,s.jsx)(e?t.Root:`li`,{className:(0,o.default)(i.default.item,u&&i.default.withIcon,p&&i.default.selected,l),ref:h,...m,children:u?(0,s.jsxs)(`div`,{className:i.default.itemContent,children:[d===`left`&&(0,s.jsx)(`div`,{className:(0,o.default)(i.default.iconContainer,i.default.left),children:(0,s.jsx)(n.Icon,{name:u,size:g,color:f,className:i.default.icon})}),(0,s.jsx)(`div`,{className:i.default.text,children:(0,s.jsx)(t.Slottable,{children:r})}),d===`right`&&(0,s.jsx)(`div`,{className:(0,o.default)(i.default.iconContainer,i.default.right),children:(0,s.jsx)(n.Icon,{name:u,size:g,color:f,className:i.default.icon})})]}):(0,s.jsx)(t.Slottable,{children:r})})});l.displayName=`List`,u.displayName=`List.Item`,exports.List=l,exports.ListItem=u;

package/dist/components/data-display/List/List.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+import { Icon } from '../../media/Icon/Icon';
+import { ComponentSizeBasic } from '../../../types/tokens';
+export interface ListProps extends React.HTMLAttributes<HTMLElement> {
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+    /** Size of the list items */
+    size?: ComponentSizeBasic;
+    /** Spacing between items */
+    spacing?: "tight" | "normal" | "loose";
+    /** Whether to show borders between items */
+    bordered?: boolean;
+    /** Whether to take full width of parent */
+    fullWidth?: boolean;
+    /** Whether items highlight on hover */
+    hoverable?: boolean;
+}
+export declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLElement>>;
+export interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+    /** Content of the list item */
+    children: React.ReactNode;
+    /** Icon name to display */
+    iconName?: React.ComponentProps<typeof Icon>["name"];
+    /** Position of the icon relative to the content */
+    iconPosition?: "left" | "right";
+    /** Color of the icon */
+    iconColor?: React.ComponentProps<typeof Icon>["color"];
+    /** Whether the item is in the selected state */
+    selected?: boolean;
+}
+export declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/data-display/List/List.js

@@ -0,0 +1,58 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { Icon as n } from "../../media/Icon/Icon.js";
+import { mergeRefs as r } from "../../_internal/mergeRefs.js";
+import i from "./list.module.js";
+import a, { createContext as o, useContext as s } from "react";
+import c from "classnames";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/data-display/List/List.tsx
+var d = o({ size: "md" }), f = a.forwardRef(({ asChild: n = !1, size: a = "md", spacing: o = "normal", bordered: s = !1, fullWidth: u = !1, hoverable: f = !1, children: p, className: m, ...h }, g) => {
+	let _ = n ? e : "ul";
+	return /* @__PURE__ */ l(d.Provider, {
+		value: { size: a },
+		children: /* @__PURE__ */ l(_, {
+			className: c("wim-list", i.root, i[a], i[`spacing-${o}`], s && i.bordered, u && i.fullWidth, f && i.hoverable, m),
+			ref: r(g),
+			...h,
+			children: /* @__PURE__ */ l(t, { children: p })
+		})
+	});
+}), p = a.forwardRef(({ asChild: r = !1, children: a, className: o, iconName: f, iconPosition: p = "left", iconColor: m, selected: h = !1, ...g }, _) => {
+	let { size: v } = s(d);
+	return /* @__PURE__ */ l(r ? e : "li", {
+		className: c(i.item, f && i.withIcon, h && i.selected, o),
+		ref: _,
+		...g,
+		children: f ? /* @__PURE__ */ u("div", {
+			className: i.itemContent,
+			children: [
+				p === "left" && /* @__PURE__ */ l("div", {
+					className: c(i.iconContainer, i.left),
+					children: /* @__PURE__ */ l(n, {
+						name: f,
+						size: v,
+						color: m,
+						className: i.icon
+					})
+				}),
+				/* @__PURE__ */ l("div", {
+					className: i.text,
+					children: /* @__PURE__ */ l(t, { children: a })
+				}),
+				p === "right" && /* @__PURE__ */ l("div", {
+					className: c(i.iconContainer, i.right),
+					children: /* @__PURE__ */ l(n, {
+						name: f,
+						size: v,
+						color: m,
+						className: i.icon
+					})
+				})
+			]
+		}) : /* @__PURE__ */ l(t, { children: a })
+	});
+});
+f.displayName = "List", p.displayName = "List.Item";
+//#endregion
+export { f as List, p as ListItem };

package/dist/components/data-display/List/list.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1gdvv_1`,t=`_item_1gdvv_6`,n=`_bordered_1gdvv_15`,r=`_hoverable_1gdvv_28`,i=`_sm_1gdvv_39`,a=`_md_1gdvv_42`,o=`_lg_1gdvv_45`,s=`_withIcon_1gdvv_53`,c=`_selected_1gdvv_80`,l=`_itemContent_1gdvv_89`,u=`_iconContainer_1gdvv_100`,d=`_icon_1gdvv_100`,f=`_text_1gdvv_120`,p={root:e,"spacing-tight":`_spacing-tight_1gdvv_6`,item:t,"spacing-normal":`_spacing-normal_1gdvv_9`,"spacing-loose":`_spacing-loose_1gdvv_12`,bordered:n,hoverable:r,sm:i,md:a,lg:o,withIcon:s,selected:c,itemContent:l,iconContainer:u,icon:d,text:f};exports.bordered=n,exports.default=p,exports.hoverable=r,exports.icon=d,exports.iconContainer=u,exports.item=t,exports.itemContent=l,exports.lg=o,exports.md=a,exports.root=e,exports.selected=c,exports.sm=i,exports.text=f,exports.withIcon=s;

package/dist/components/data-display/List/list.module.js

@@ -0,0 +1,22 @@
+"use client";
+//#region src/components/data-display/List/list.module.scss
+var e = "_root_1gdvv_1", t = "_item_1gdvv_6", n = "_bordered_1gdvv_15", r = "_hoverable_1gdvv_28", i = "_sm_1gdvv_39", a = "_md_1gdvv_42", o = "_lg_1gdvv_45", s = "_withIcon_1gdvv_53", c = "_selected_1gdvv_80", l = "_itemContent_1gdvv_89", u = "_iconContainer_1gdvv_100", d = "_icon_1gdvv_100", f = "_text_1gdvv_120", p = {
+	root: e,
+	"spacing-tight": "_spacing-tight_1gdvv_6",
+	item: t,
+	"spacing-normal": "_spacing-normal_1gdvv_9",
+	"spacing-loose": "_spacing-loose_1gdvv_12",
+	bordered: n,
+	hoverable: r,
+	sm: i,
+	md: a,
+	lg: o,
+	withIcon: s,
+	selected: c,
+	itemContent: l,
+	iconContainer: u,
+	icon: d,
+	text: f
+};
+//#endregion
+export { n as bordered, p as default, r as hoverable, d as icon, u as iconContainer, t as item, l as itemContent, o as lg, a as md, e as root, c as selected, i as sm, f as text, s as withIcon };

package/dist/components/data-display/Markdown/Markdown.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./markdown.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"),a=require("react-markdown");a=e.__toESM(a,1);let o=require("remark-gfm");o=e.__toESM(o,1);var s=({content:e,children:n,gfm:s=!0,className:c})=>{let l=e??n??``;return(0,i.jsx)(`div`,{className:(0,r.default)(`wim-markdown`,t.default.root,c),children:(0,i.jsx)(a.default,{remarkPlugins:s?[o.default]:[],children:l})})};exports.Markdown=s;

package/dist/components/data-display/Markdown/Markdown.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface MarkdownProps {
+    /** Markdown string to render. Provide either `content` or `children`. */
+    content?: string;
+    /** Markdown string to render (when passed as children). */
+    children?: string;
+    /** Whether to enable GitHub Flavored Markdown (default: true). */
+    gfm?: boolean;
+    /** Additional class names. */
+    className?: string;
+}
+/**
+ * Renders a Markdown string as HTML styled according to wim UI.
+ */
+export declare const Markdown: ({ content, children, gfm, className }: MarkdownProps) => React.JSX.Element;

package/dist/components/data-display/Markdown/Markdown.js

@@ -0,0 +1,20 @@
+"use client";
+import e from "./markdown.module.js";
+import "react";
+import t from "classnames";
+import { jsx as n } from "react/jsx-runtime";
+import r from "react-markdown";
+import i from "remark-gfm";
+//#region src/components/data-display/Markdown/Markdown.tsx
+var a = ({ content: a, children: o, gfm: s = !0, className: c }) => {
+	let l = a ?? o ?? "";
+	return /* @__PURE__ */ n("div", {
+		className: t("wim-markdown", e.root, c),
+		children: /* @__PURE__ */ n(r, {
+			remarkPlugins: s ? [i] : [],
+			children: l
+		})
+	});
+};
+//#endregion
+export { a as Markdown };

package/dist/components/data-display/Markdown/markdown.module.cjs

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

package/dist/components/data-display/Markdown/markdown.module.js

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/data-display/Markdown/markdown.module.scss
+var e = "_root_nxzhc_2", t = { root: e };
+//#endregion
+export { t as default, e as root };

package/dist/components/data-display/Marquee/Marquee.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./marquee.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=({duration:e=20,reverse:a=!1,pauseOnHover:o=!0,vertical:s=!1,repeat:c=2,className:l,children:u,style:d,...f})=>{let p=(0,i.jsx)(`div`,{className:(0,r.default)(t.default.content,{[t.default.reverse]:a,[t.default.vertical]:s}),children:u});return(0,i.jsx)(`div`,{className:(0,r.default)(`wim-marquee`,t.default.root,l),style:{"--duration":`${e}s`,"--pause-on-hover":o?`paused`:`running`,...d},...f,children:Array.from({length:c}).map((e,t)=>(0,i.jsx)(n.default.Fragment,{children:p},t))})};exports.Marquee=a;

package/dist/components/data-display/Marquee/Marquee.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export type MarqueeProps = React.ComponentPropsWithoutRef<"div"> & {
+    /** Animation speed (in seconds). Defaults to `20`. */
+    duration?: number;
+    /** Whether to run the animation in reverse. */
+    reverse?: boolean;
+    /** Whether to pause the animation on hover. */
+    pauseOnHover?: boolean;
+    /** Whether to scroll vertically. */
+    vertical?: boolean;
+    /** Number of times the content is repeated. May need adjusting for a seamless loop. Defaults to `2`. */
+    repeat?: number;
+};
+/**
+ * Animation component that scrolls text or images horizontally or vertically.
+ */
+export declare const Marquee: ({ duration, reverse, pauseOnHover, vertical, repeat, className, children, style, ...props }: MarqueeProps) => React.JSX.Element;

package/dist/components/data-display/Marquee/Marquee.js

@@ -0,0 +1,27 @@
+"use client";
+import e from "./marquee.module.js";
+import t from "react";
+import n from "classnames";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/data-display/Marquee/Marquee.tsx
+var i = ({ duration: i = 20, reverse: a = !1, pauseOnHover: o = !0, vertical: s = !1, repeat: c = 2, className: l, children: u, style: d, ...f }) => {
+	let p = /* @__PURE__ */ r("div", {
+		className: n(e.content, {
+			[e.reverse]: a,
+			[e.vertical]: s
+		}),
+		children: u
+	});
+	return /* @__PURE__ */ r("div", {
+		className: n("wim-marquee", e.root, l),
+		style: {
+			"--duration": `${i}s`,
+			"--pause-on-hover": o ? "paused" : "running",
+			...d
+		},
+		...f,
+		children: Array.from({ length: c }).map((e, n) => /* @__PURE__ */ r(t.Fragment, { children: p }, n))
+	});
+};
+//#endregion
+export { i as Marquee };

package/dist/components/data-display/Marquee/marquee.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_493y3_2`,t=`_content_493y3_9`,n=`_scroll_493y3_1`,r=`_reverse_493y3_21`,i=`_vertical_493y3_24`,a=`_scrollVertical_493y3_1`,o={root:e,content:t,scroll:n,reverse:r,vertical:i,scrollVertical:a};exports.content=t,exports.default=o,exports.reverse=r,exports.root=e,exports.scroll=n,exports.scrollVertical=a,exports.vertical=i;

package/dist/components/data-display/Marquee/marquee.module.js

@@ -0,0 +1,12 @@
+"use client";
+//#region src/components/data-display/Marquee/marquee.module.scss
+var e = "_root_493y3_2", t = "_content_493y3_9", n = "_scroll_493y3_1", r = "_reverse_493y3_21", i = "_vertical_493y3_24", a = "_scrollVertical_493y3_1", o = {
+	root: e,
+	content: t,
+	scroll: n,
+	reverse: r,
+	vertical: i,
+	scrollVertical: a
+};
+//#endregion
+export { t as content, o as default, r as reverse, e as root, n as scroll, a as scrollVertical, i as vertical };

package/dist/components/data-display/NodeGraph/NodeGraph.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs");;/* empty css                                               */const t=require("./node-graph.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"),a=require("@xyflow/react");var o=n.default.forwardRef(({nodes:e,edges:n,onNodesChange:o,onEdgesChange:s,onConnect:c,nodeTypes:l,edgeTypes:u,nodesDraggable:d=!0,nodesConnectable:f=!0,deleteKeyCode:p=`Backspace`,showMiniMap:m=!1,showControls:h=!0,backgroundVariant:g=a.BackgroundVariant.Dots,fitView:_=!0,fitViewOptions:v,defaultEdgeOptions:y,className:b,"aria-label":x=`Node graph`,...S},C)=>(0,i.jsx)(`div`,{ref:C,className:(0,r.default)(`wim-node-graph`,t.default.root,b),role:`region`,"aria-label":x,...S,children:(0,i.jsxs)(a.ReactFlow,{nodes:e,edges:n,onNodesChange:o,onEdgesChange:s,onConnect:c,nodeTypes:l,edgeTypes:u,nodesDraggable:d,nodesConnectable:f,deleteKeyCode:p,fitView:_,fitViewOptions:v,defaultEdgeOptions:y,className:t.default.flow,children:[(0,i.jsx)(a.Background,{variant:g,className:t.default.background}),h&&(0,i.jsx)(a.Controls,{className:t.default.controls}),m&&(0,i.jsx)(a.MiniMap,{className:t.default.miniMap})]})}));o.displayName=`NodeGraph`,exports.NodeGraph=o;

package/dist/components/data-display/NodeGraph/NodeGraph.d.ts

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+import { BackgroundVariant, Node, Edge, OnNodesChange, OnEdgesChange, OnConnect, NodeTypes, EdgeTypes, FitViewOptions, DefaultEdgeOptions } from '@xyflow/react';
+export type { Node as NodeGraphNode, Edge as NodeGraphEdge };
+export interface NodeGraphProps {
+    /** Controlled nodes */
+    nodes: Node[];
+    /** Controlled edges */
+    edges: Edge[];
+    /** Called when nodes change (position, selection, removal) */
+    onNodesChange: OnNodesChange;
+    /** Called when edges change */
+    onEdgesChange: OnEdgesChange;
+    /** Called when a new connection is made */
+    onConnect?: OnConnect;
+    /** Custom node type renderers */
+    nodeTypes?: NodeTypes;
+    /** Custom edge type renderers */
+    edgeTypes?: EdgeTypes;
+    /** Whether nodes can be dragged */
+    nodesDraggable?: boolean;
+    /** Whether nodes can be connected */
+    nodesConnectable?: boolean;
+    /** Whether elements can be deleted with Backspace/Delete */
+    deleteKeyCode?: string | null;
+    /** Show the minimap panel */
+    showMiniMap?: boolean;
+    /** Show zoom/fit controls */
+    showControls?: boolean;
+    /** Background grid style */
+    backgroundVariant?: BackgroundVariant;
+    /** Fit view options on mount */
+    fitView?: boolean;
+    /** Options for the initial fit-view behavior */
+    fitViewOptions?: FitViewOptions;
+    /** Default options applied to new edges */
+    defaultEdgeOptions?: DefaultEdgeOptions;
+    /** Additional CSS class */
+    className?: string;
+    /** Accessible label for the graph region */
+    "aria-label"?: string;
+}
+/**
+ * NodeGraph — a controlled wrapper around React Flow.
+ *
+ * The consumer manages nodes/edges state via useNodesState / useEdgesState
+ * hooks and passes them as props alongside their change handlers.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption; ReactFlow manages its own portal for edge labels
+ * - Scroll lock: No
+ */
+export declare const NodeGraph: React.ForwardRefExoticComponent<NodeGraphProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/data-display/NodeGraph/NodeGraph.js

@@ -0,0 +1,42 @@
+"use client";
+/* empty css                                             */
+import e from "./node-graph.module.js";
+import t from "react";
+import n from "classnames";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Background as a, BackgroundVariant as o, Controls as s, MiniMap as c, ReactFlow as l } from "@xyflow/react";
+//#region src/components/data-display/NodeGraph/NodeGraph.tsx
+var u = t.forwardRef(({ nodes: t, edges: u, onNodesChange: d, onEdgesChange: f, onConnect: p, nodeTypes: m, edgeTypes: h, nodesDraggable: g = !0, nodesConnectable: _ = !0, deleteKeyCode: v = "Backspace", showMiniMap: y = !1, showControls: b = !0, backgroundVariant: x = o.Dots, fitView: S = !0, fitViewOptions: C, defaultEdgeOptions: w, className: T, "aria-label": E = "Node graph", ...D }, O) => /* @__PURE__ */ r("div", {
+	ref: O,
+	className: n("wim-node-graph", e.root, T),
+	role: "region",
+	"aria-label": E,
+	...D,
+	children: /* @__PURE__ */ i(l, {
+		nodes: t,
+		edges: u,
+		onNodesChange: d,
+		onEdgesChange: f,
+		onConnect: p,
+		nodeTypes: m,
+		edgeTypes: h,
+		nodesDraggable: g,
+		nodesConnectable: _,
+		deleteKeyCode: v,
+		fitView: S,
+		fitViewOptions: C,
+		defaultEdgeOptions: w,
+		className: e.flow,
+		children: [
+			/* @__PURE__ */ r(a, {
+				variant: x,
+				className: e.background
+			}),
+			b && /* @__PURE__ */ r(s, { className: e.controls }),
+			y && /* @__PURE__ */ r(c, { className: e.miniMap })
+		]
+	})
+}));
+u.displayName = "NodeGraph";
+//#endregion
+export { u as NodeGraph };

package/dist/components/data-display/NodeGraph/node-graph.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1epwu_2`,t=`_flow_1epwu_23`,n=`_background_1epwu_28`,r=`_controls_1epwu_33`,i=`_miniMap_1epwu_43`,a={root:e,flow:t,background:n,controls:r,miniMap:i};exports.background=n,exports.controls=r,exports.default=a,exports.flow=t,exports.miniMap=i,exports.root=e;

package/dist/components/data-display/NodeGraph/node-graph.module.js

@@ -0,0 +1,11 @@
+"use client";
+//#region src/components/data-display/NodeGraph/node-graph.module.scss
+var e = "_root_1epwu_2", t = "_flow_1epwu_23", n = "_background_1epwu_28", r = "_controls_1epwu_33", i = "_miniMap_1epwu_43", a = {
+	root: e,
+	flow: t,
+	background: n,
+	controls: r,
+	miniMap: i
+};
+//#endregion
+export { n as background, r as controls, a as default, t as flow, i as miniMap, e as root };