wimui 0.1.0

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

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+export interface DashboardWidget {
+    id: string;
+    title: string;
+    description?: string;
+    content: React.ReactNode;
+    /** Column span (1–4). Default: 1. */
+    span?: 1 | 2 | 3 | 4;
+    /** Row span (1–3). Default: 1. */
+    rowSpan?: 1 | 2 | 3;
+}
+export interface DashboardProps extends Omit<React.ComponentPropsWithoutRef<"div">, "onRemove"> {
+    /** Widget definitions to render. */
+    widgets?: DashboardWidget[];
+    /** Whether the dashboard is in edit mode (controlled). */
+    editable?: boolean;
+    /** Initial edit mode state (uncontrolled). Default: false. */
+    defaultEditable?: boolean;
+    /** Called when edit mode changes. */
+    onEditChange?: (editable: boolean) => void;
+    /** Called when a widget is removed. */
+    onRemove?: (widgetId: string) => void;
+    /** Called when the "Add Widget" button is clicked. */
+    onAdd?: () => void;
+    /** Number of columns. Default: 3. */
+    columns?: number;
+    /** Gap between widgets. Default: "md". */
+    gap?: "xs" | "sm" | "md" | "lg" | "xl";
+    /** Show the edit toggle button in the header. Default: true. */
+    showEditToggle?: boolean;
+    /** Dashboard heading label. */
+    label?: string;
+}
+export declare const Dashboard: React.ForwardRefExoticComponent<DashboardProps & React.RefAttributes<HTMLDivElement>>;
+export interface DashboardWidgetProps extends React.ComponentPropsWithoutRef<"div"> {
+    widget: DashboardWidget;
+}
+export declare const DashboardWidgetCard: {
+    ({ widget, className, ...props }: DashboardWidgetProps): React.JSX.Element;
+    displayName: string;
+};
+export type { DashboardWidgetProps as DashboardWidgetCardProps };

package/dist/components/layout/Dashboard/Dashboard.js

@@ -0,0 +1,125 @@
+"use client";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import t from "../../../icon/close-small.js";
+import n from "../../../icon/edit.js";
+import r from "../../../icon/plus.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import { Card as a } from "../../data-display/Card/Card.js";
+import { Button as o } from "../../form/Button/Button.js";
+import s from "./dashboard.module.js";
+import c, { createContext as l, useCallback as u, useContext as d, useMemo as f, useState as p } from "react";
+import m from "classnames";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/layout/Dashboard/Dashboard.tsx
+var _ = l(null), v = () => {
+	let e = d(_);
+	if (!e) throw Error("Dashboard subcomponents must be used within Dashboard");
+	return e;
+}, y = c.forwardRef(({ widgets: t, editable: a, defaultEditable: c = !1, onEditChange: l, onRemove: d, onAdd: v, columns: y = 3, gap: x = "md", showEditToggle: S = !0, label: C, className: w, style: T, children: E, ...D }, O) => {
+	let { t: k } = e("components"), A = a !== void 0, [j, M] = p(c), N = A ? a : j, P = u(() => {
+		let e = !N;
+		A || M(e), l?.(e);
+	}, [
+		N,
+		A,
+		l
+	]), F = {
+		"--dashboard-columns": y,
+		...T
+	}, I = f(() => ({
+		editable: N ?? !1,
+		onRemove: d
+	}), [N, d]);
+	return /* @__PURE__ */ h(_.Provider, {
+		value: I,
+		children: /* @__PURE__ */ g("div", {
+			ref: O,
+			className: m("wim-dashboard", s.root, w),
+			"aria-label": C ?? k("dashboard_widget.label"),
+			...D,
+			children: [S && /* @__PURE__ */ g("div", {
+				className: s.header,
+				children: [C && /* @__PURE__ */ h("h2", {
+					className: s.heading,
+					children: C
+				}), /* @__PURE__ */ h(o, {
+					size: "sm",
+					variant: N ? "solid" : "outline",
+					intent: "default",
+					className: m(s.editToggle, { [s.editActive]: N }),
+					onClick: P,
+					"aria-pressed": N,
+					"aria-label": k(N ? "dashboard_widget.exit_edit" : "dashboard_widget.enter_edit"),
+					icon: /* @__PURE__ */ h(i, {
+						component: n,
+						size: "sm"
+					}),
+					children: k(N ? "dashboard_widget.exit_edit" : "dashboard_widget.enter_edit")
+				})]
+			}), /* @__PURE__ */ g("div", {
+				className: m(s.grid, s[`gap-${x}`]),
+				style: F,
+				role: "region",
+				"aria-label": k("dashboard_widget.grid_label"),
+				children: [t ? t.map((e) => /* @__PURE__ */ h(b, { widget: e }, e.id)) : E, N && v && /* @__PURE__ */ h(o, {
+					asChild: !0,
+					className: s.addButton,
+					onClick: v,
+					"aria-label": k("dashboard_widget.add_widget"),
+					children: /* @__PURE__ */ g("button", {
+						type: "button",
+						children: [/* @__PURE__ */ h(i, {
+							component: r,
+							size: "md"
+						}), /* @__PURE__ */ h("span", { children: k("dashboard_widget.add_widget") })]
+					})
+				})]
+			})]
+		})
+	});
+});
+y.displayName = "Dashboard";
+var b = ({ widget: n, className: r, ...c }) => {
+	let { editable: l, onRemove: u } = v(), { t: d } = e("components"), { id: f, title: p, description: _, content: y, span: b = 1, rowSpan: x = 1 } = n;
+	return /* @__PURE__ */ g(a, {
+		variant: "outline",
+		padding: "md",
+		radius: "md",
+		className: m(s.widget, s[`span-${b}`], s[`row-${x}`], { [s.editMode]: l }, r),
+		style: {
+			"--widget-span": b,
+			"--widget-row-span": x
+		},
+		...c,
+		children: [/* @__PURE__ */ g("div", {
+			className: s.widgetHeader,
+			children: [/* @__PURE__ */ g("div", {
+				className: s.widgetMeta,
+				children: [/* @__PURE__ */ h("h3", {
+					className: s.widgetTitle,
+					children: p
+				}), _ && /* @__PURE__ */ h("p", {
+					className: s.widgetDescription,
+					children: _
+				})]
+			}), l && u && /* @__PURE__ */ h(o, {
+				size: "sm",
+				variant: "ghost",
+				intent: "danger",
+				className: s.removeButton,
+				onClick: () => u(f),
+				"aria-label": d("dashboard_widget.remove_widget", { title: p }),
+				icon: /* @__PURE__ */ h(i, {
+					component: t,
+					size: "sm"
+				})
+			})]
+		}), /* @__PURE__ */ h("div", {
+			className: s.widgetContent,
+			children: y
+		})]
+	});
+};
+b.displayName = "DashboardWidgetCard";
+//#endregion
+export { y as Dashboard, b as DashboardWidgetCard };

package/dist/components/layout/Dashboard/dashboard.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_7qy7g_3`,t=`_header_7qy7g_11`,n=`_heading_7qy7g_18`,r=`_grid_7qy7g_26`,i=`_widget_7qy7g_61`,a=`_editMode_7qy7g_69`,o=`_widgetHeader_7qy7g_102`,s=`_widgetMeta_7qy7g_111`,c=`_widgetTitle_7qy7g_118`,l=`_widgetDescription_7qy7g_128`,u=`_removeButton_7qy7g_137`,d=`_widgetContent_7qy7g_141`,f=`_addButton_7qy7g_146`,p={root:e,header:t,heading:n,grid:r,"gap-xs":`_gap-xs_7qy7g_41`,"gap-sm":`_gap-sm_7qy7g_45`,"gap-md":`_gap-md_7qy7g_49`,"gap-lg":`_gap-lg_7qy7g_53`,"gap-xl":`_gap-xl_7qy7g_57`,widget:i,editMode:a,"span-1":`_span-1_7qy7g_74`,"span-2":`_span-2_7qy7g_78`,"span-3":`_span-3_7qy7g_82`,"span-4":`_span-4_7qy7g_86`,"row-1":`_row-1_7qy7g_90`,"row-2":`_row-2_7qy7g_94`,"row-3":`_row-3_7qy7g_98`,widgetHeader:o,widgetMeta:s,widgetTitle:c,widgetDescription:l,removeButton:u,widgetContent:d,addButton:f};exports.addButton=f,exports.default=p,exports.editMode=a,exports.grid=r,exports.header=t,exports.heading=n,exports.removeButton=u,exports.root=e,exports.widget=i,exports.widgetContent=d,exports.widgetDescription=l,exports.widgetHeader=o,exports.widgetMeta=s,exports.widgetTitle=c;

package/dist/components/layout/Dashboard/dashboard.module.js

@@ -0,0 +1,31 @@
+"use client";
+//#region src/components/layout/Dashboard/dashboard.module.scss
+var e = "_root_7qy7g_3", t = "_header_7qy7g_11", n = "_heading_7qy7g_18", r = "_grid_7qy7g_26", i = "_widget_7qy7g_61", a = "_editMode_7qy7g_69", o = "_widgetHeader_7qy7g_102", s = "_widgetMeta_7qy7g_111", c = "_widgetTitle_7qy7g_118", l = "_widgetDescription_7qy7g_128", u = "_removeButton_7qy7g_137", d = "_widgetContent_7qy7g_141", f = "_addButton_7qy7g_146", p = {
+	root: e,
+	header: t,
+	heading: n,
+	grid: r,
+	"gap-xs": "_gap-xs_7qy7g_41",
+	"gap-sm": "_gap-sm_7qy7g_45",
+	"gap-md": "_gap-md_7qy7g_49",
+	"gap-lg": "_gap-lg_7qy7g_53",
+	"gap-xl": "_gap-xl_7qy7g_57",
+	widget: i,
+	editMode: a,
+	"span-1": "_span-1_7qy7g_74",
+	"span-2": "_span-2_7qy7g_78",
+	"span-3": "_span-3_7qy7g_82",
+	"span-4": "_span-4_7qy7g_86",
+	"row-1": "_row-1_7qy7g_90",
+	"row-2": "_row-2_7qy7g_94",
+	"row-3": "_row-3_7qy7g_98",
+	widgetHeader: o,
+	widgetMeta: s,
+	widgetTitle: c,
+	widgetDescription: l,
+	removeButton: u,
+	widgetContent: d,
+	addButton: f
+};
+//#endregion
+export { f as addButton, p as default, a as editMode, r as grid, t as header, n as heading, u as removeButton, e as root, i as widget, d as widgetContent, l as widgetDescription, o as widgetHeader, s as widgetMeta, c as widgetTitle };

package/dist/components/layout/Divider/Divider.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./divider.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=({orientation:e=`horizontal`,thickness:n=1,className:a,style:o,...s})=>{let c={...o,"--wim-divider-thickness":`${n}px`};return(0,i.jsx)(`div`,{role:`separator`,"aria-orientation":e,className:(0,r.default)(`wim-divider`,t.default.root,t.default[e],a),style:c,...s})};exports.Divider=a;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export type DividerProps = React.ComponentPropsWithoutRef<"div"> & {
+    /** Orientation of the divider */
+    orientation?: "horizontal" | "vertical";
+    /** Thickness of the line (px) */
+    thickness?: number;
+};
+/**
+ * `Divider` is a component for visually separating content.
+ */
+export declare const Divider: ({ orientation, thickness, className, style, ...props }: DividerProps) => React.JSX.Element;

package/dist/components/layout/Divider/Divider.js

@@ -0,0 +1,21 @@
+"use client";
+import e from "./divider.module.js";
+import "react";
+import t from "classnames";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/layout/Divider/Divider.tsx
+var r = ({ orientation: r = "horizontal", thickness: i = 1, className: a, style: o, ...s }) => {
+	let c = {
+		...o,
+		"--wim-divider-thickness": `${i}px`
+	};
+	return /* @__PURE__ */ n("div", {
+		role: "separator",
+		"aria-orientation": r,
+		className: t("wim-divider", e.root, e[r], a),
+		style: c,
+		...s
+	});
+};
+//#endregion
+export { r as Divider };

package/dist/components/layout/Divider/divider.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_geupr_1`,t=`_horizontal_geupr_8`,n=`_vertical_geupr_13`,r={root:e,horizontal:t,vertical:n};exports.default=r,exports.horizontal=t,exports.root=e,exports.vertical=n;

package/dist/components/layout/Divider/divider.module.js

@@ -0,0 +1,9 @@
+"use client";
+//#region src/components/layout/Divider/divider.module.scss
+var e = "_root_geupr_1", t = "_horizontal_geupr_8", n = "_vertical_geupr_13", r = {
+	root: e,
+	horizontal: t,
+	vertical: n
+};
+//#endregion
+export { r as default, t as horizontal, e as root, n as vertical };

package/dist/components/layout/Flex/Flex.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("./flex.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=e=>e===`start`?`flex-start`:e===`end`?`flex-end`:e,s=e=>e===`start`?`flex-start`:e===`end`?`flex-end`:e===`between`?`space-between`:e===`around`?`space-around`:e===`evenly`?`space-evenly`:e,c=r.default.forwardRef(({asChild:e=!1,direction:r=`row`,align:c,justify:l,wrap:u,gap:d,inline:f=!1,className:p,style:m,children:h,...g},_)=>{let v={display:f?`inline-flex`:`flex`,flexDirection:r,alignItems:o(c),justifyContent:s(l),flexWrap:u,gap:(e=>typeof e==`number`?`${e}px`:typeof e==`string`&&[`3xs`,`2xs`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`4xl`,`5xl`].includes(e)?`var(--wim-spacing-${e})`:e)(d),...m};return(0,a.jsx)(e?t.Root:`div`,{ref:_,className:(0,i.default)(`wim-flex`,n.default.root,p),style:v,...g,children:h})});c.displayName=`Flex`,exports.Flex=c;

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

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+import { WimSpacing } from '../../../types/tokens';
+export type FlexProps = React.ComponentPropsWithoutRef<"div"> & {
+    /**
+     * If true, the flex will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /** Flex direction */
+    direction?: "row" | "row-reverse" | "column" | "column-reverse";
+    /** Align-items */
+    align?: "start" | "center" | "end" | "stretch" | "baseline";
+    /** Justify-content */
+    justify?: "start" | "center" | "end" | "between" | "around" | "evenly" | "stretch";
+    /** Flex-wrap */
+    wrap?: "nowrap" | "wrap" | "wrap-reverse";
+    /** Gap between children */
+    gap?: number | WimSpacing;
+    /** Display inline-flex */
+    inline?: boolean;
+};
+/**
+ * Flex component for flexible layouts.
+ */
+export declare const Flex: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * If true, the flex will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /** Flex direction */
+    direction?: "row" | "row-reverse" | "column" | "column-reverse";
+    /** Align-items */
+    align?: "start" | "center" | "end" | "stretch" | "baseline";
+    /** Justify-content */
+    justify?: "start" | "center" | "end" | "between" | "around" | "evenly" | "stretch";
+    /** Flex-wrap */
+    wrap?: "nowrap" | "wrap" | "wrap-reverse";
+    /** Gap between children */
+    gap?: number | WimSpacing;
+    /** Display inline-flex */
+    inline?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/layout/Flex/Flex.js

@@ -0,0 +1,40 @@
+"use client";
+import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import t from "./flex.module.js";
+import n from "react";
+import r from "classnames";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/layout/Flex/Flex.tsx
+var a = (e) => e === "start" ? "flex-start" : e === "end" ? "flex-end" : e, o = (e) => e === "start" ? "flex-start" : e === "end" ? "flex-end" : e === "between" ? "space-between" : e === "around" ? "space-around" : e === "evenly" ? "space-evenly" : e, s = n.forwardRef(({ asChild: n = !1, direction: s = "row", align: c, justify: l, wrap: u, gap: d, inline: f = !1, className: p, style: m, children: h, ...g }, _) => {
+	let v = {
+		display: f ? "inline-flex" : "flex",
+		flexDirection: s,
+		alignItems: a(c),
+		justifyContent: o(l),
+		flexWrap: u,
+		gap: ((e) => typeof e == "number" ? `${e}px` : typeof e == "string" && [
+			"3xs",
+			"2xs",
+			"xs",
+			"sm",
+			"md",
+			"lg",
+			"xl",
+			"2xl",
+			"3xl",
+			"4xl",
+			"5xl"
+		].includes(e) ? `var(--wim-spacing-${e})` : e)(d),
+		...m
+	};
+	return /* @__PURE__ */ i(n ? e : "div", {
+		ref: _,
+		className: r("wim-flex", t.root, p),
+		style: v,
+		...g,
+		children: h
+	});
+});
+s.displayName = "Flex";
+//#endregion
+export { s as Flex };

package/dist/components/layout/Flex/flex.module.cjs

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

package/dist/components/layout/Flex/flex.module.js

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

package/dist/components/layout/Footer/Footer.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./footer.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,bordered:a,background:o=`primary`,...s},c)=>(0,i.jsx)(`footer`,{ref:c,className:(0,r.default)(`wim-footer`,t.default.root,a&&t.default.bordered,o&&t.default[`bg-${o}`],e),"data-bordered":a,...s,children:(0,i.jsx)(`div`,{className:t.default.container,children:n})}));a.displayName=`Footer`;var o=n.default.forwardRef(({className:e,children:n,title:a,...o},s)=>(0,i.jsxs)(`div`,{ref:s,className:(0,r.default)(t.default.section,e),...o,children:[a&&(0,i.jsx)(`h4`,{className:t.default.sectionTitle,children:a}),(0,i.jsx)(`div`,{className:t.default.sectionContent,children:n})]}));o.displayName=`Footer.Section`;var s=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.bottom,e),...a,children:n}));s.displayName=`Footer.Bottom`;var c=Object.assign(a,{Section:o,Bottom:s});exports.Footer=c,exports.default=c,exports.FooterBottom=s,exports.FooterSection=o;

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export interface FooterProps extends React.ComponentPropsWithoutRef<"footer"> {
+    /** Border at the top */
+    bordered?: boolean;
+    /** Background color */
+    background?: "primary" | "secondary" | "dark";
+}
+export interface FooterSectionProps extends React.ComponentPropsWithoutRef<"div"> {
+    title?: string;
+}
+export declare const FooterSection: React.ForwardRefExoticComponent<FooterSectionProps & React.RefAttributes<HTMLDivElement>>;
+export type FooterBottomProps = React.ComponentPropsWithoutRef<"div">;
+export declare const FooterBottom: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>> & {
+    Section: React.ForwardRefExoticComponent<FooterSectionProps & React.RefAttributes<HTMLDivElement>>;
+    Bottom: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export default Footer;

package/dist/components/layout/Footer/Footer.js

@@ -0,0 +1,43 @@
+"use client";
+import e from "./footer.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/Footer/Footer.tsx
+var a = t.forwardRef(({ className: t, children: i, bordered: a, background: o = "primary", ...s }, c) => /* @__PURE__ */ r("footer", {
+	ref: c,
+	className: n("wim-footer", e.root, a && e.bordered, o && e[`bg-${o}`], t),
+	"data-bordered": a,
+	...s,
+	children: /* @__PURE__ */ r("div", {
+		className: e.container,
+		children: i
+	})
+}));
+a.displayName = "Footer";
+var o = t.forwardRef(({ className: t, children: a, title: o, ...s }, c) => /* @__PURE__ */ i("div", {
+	ref: c,
+	className: n(e.section, t),
+	...s,
+	children: [o && /* @__PURE__ */ r("h4", {
+		className: e.sectionTitle,
+		children: o
+	}), /* @__PURE__ */ r("div", {
+		className: e.sectionContent,
+		children: a
+	})]
+}));
+o.displayName = "Footer.Section";
+var s = t.forwardRef(({ className: t, children: i, ...a }, o) => /* @__PURE__ */ r("div", {
+	ref: o,
+	className: n(e.bottom, t),
+	...a,
+	children: i
+}));
+s.displayName = "Footer.Bottom";
+var c = Object.assign(a, {
+	Section: o,
+	Bottom: s
+});
+//#endregion
+export { c as Footer, c as default, s as FooterBottom, o as FooterSection };

package/dist/components/layout/Footer/footer.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1tbx5_3`,t=`_sectionTitle_1tbx5_20`,n=`_bottom_1tbx5_23`,r=`_sectionContent_1tbx5_27`,i=`_bordered_1tbx5_30`,a=`_container_1tbx5_34`,o=`_section_1tbx5_20`,s={root:e,"bg-primary":`_bg-primary_1tbx5_8`,"bg-secondary":`_bg-secondary_1tbx5_12`,"bg-dark":`_bg-dark_1tbx5_16`,sectionTitle:t,bottom:n,sectionContent:r,bordered:i,container:a,section:o};exports.bordered=i,exports.bottom=n,exports.container=a,exports.default=s,exports.root=e,exports.section=o,exports.sectionContent=r,exports.sectionTitle=t;

package/dist/components/layout/Footer/footer.module.js

@@ -0,0 +1,16 @@
+"use client";
+//#region src/components/layout/Footer/footer.module.scss
+var e = "_root_1tbx5_3", t = "_sectionTitle_1tbx5_20", n = "_bottom_1tbx5_23", r = "_sectionContent_1tbx5_27", i = "_bordered_1tbx5_30", a = "_container_1tbx5_34", o = "_section_1tbx5_20", s = {
+	root: e,
+	"bg-primary": "_bg-primary_1tbx5_8",
+	"bg-secondary": "_bg-secondary_1tbx5_12",
+	"bg-dark": "_bg-dark_1tbx5_16",
+	sectionTitle: t,
+	bottom: n,
+	sectionContent: r,
+	bordered: i,
+	container: a,
+	section: o
+};
+//#endregion
+export { i as bordered, n as bottom, a as container, s as default, e as root, o as section, r as sectionContent, t as sectionTitle };

package/dist/components/layout/Grid/Grid.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("../../../utilities/style-utils.cjs"),r=require("./grid-utils.cjs"),i=require("./grid.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=a.default.forwardRef(({asChild:e=!1,cols:a,rows:c,gap:l,columnGap:u,rowGap:d,align:f,justify:p,flow:m,inline:h=!1,className:g,style:_,children:v,...y},b)=>{let x=e?t.Root:`div`,S=r.generateResponsiveVars(a,`--wim-grid-cols`,e=>typeof e==`number`?`repeat(${e}, minmax(0, 1fr))`:String(e)),C=e=>e===void 0?{}:typeof e==`object`&&e?e:{base:e},w=C(l),T=C(u),E=C(d),D=()=>{let e={...w,...T};if(Object.keys(e).length!==0)return e},O=()=>{let e={...w,...E};if(Object.keys(e).length!==0)return e},k=r.generateResponsiveVars(D(),`--wim-grid-col-gap`,e=>typeof e==`number`?`${e}px`:n.getSpacingValue(e)||String(e)),A=r.generateResponsiveVars(O(),`--wim-grid-row-gap`,e=>typeof e==`number`?`${e}px`:n.getSpacingValue(e)||String(e)),j={display:h?`inline-grid`:`grid`,gridTemplateRows:typeof c==`number`?`repeat(${c}, minmax(0, 1fr))`:c,alignItems:f,justifyContent:p===`between`?`space-between`:p===`around`?`space-around`:p,gridAutoFlow:m,...S,...k,...A,..._};return(0,s.jsx)(`div`,{className:i.default.container,children:(0,s.jsx)(x,{ref:b,className:(0,o.default)(`wim-grid`,i.default.root,g),style:j,...y,children:v})})});c.displayName=`Grid`,exports.Grid=c;

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

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { ResponsiveProp } from './grid-utils';
+export declare const Grid: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * If true, the grid will be rendered as its child, merging its props onto that child.
+     * The container-query wrapper div is preserved to maintain responsive column behaviour.
+     */
+    asChild?: boolean;
+    /** Number of columns (or a responsive object per breakpoint) */
+    cols?: ResponsiveProp<number | string>;
+    /** Number of rows or an explicit grid-template-rows value */
+    rows?: number | string;
+    /** Gap between cells (or a responsive object per breakpoint) */
+    gap?: ResponsiveProp<number | string>;
+    /** Gap between columns (or a responsive object per breakpoint) */
+    columnGap?: ResponsiveProp<number | string>;
+    /** Gap between rows (or a responsive object per breakpoint) */
+    rowGap?: ResponsiveProp<number | string>;
+    /** Alignment of items along the block (vertical) axis */
+    align?: "start" | "center" | "end" | "stretch";
+    /** Justification of items along the inline (horizontal) axis */
+    justify?: "start" | "center" | "end" | "between" | "around" | "stretch";
+    /** Grid auto-flow direction */
+    flow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    /** Whether to render as an inline grid */
+    inline?: boolean;
+} & React.RefAttributes<any>>;

package/dist/components/layout/Grid/Grid.js

@@ -0,0 +1,47 @@
+"use client";
+import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { getSpacingValue as t } from "../../../utilities/style-utils.js";
+import { generateResponsiveVars as n } from "./grid-utils.js";
+import r from "./grid.module.js";
+import i from "react";
+import a from "classnames";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/layout/Grid/Grid.tsx
+var s = i.forwardRef(({ asChild: i = !1, cols: s, rows: c, gap: l, columnGap: u, rowGap: d, align: f, justify: p, flow: m, inline: h = !1, className: g, style: _, children: v, ...y }, b) => {
+	let x = i ? e : "div", S = n(s, "--wim-grid-cols", (e) => typeof e == "number" ? `repeat(${e}, minmax(0, 1fr))` : String(e)), C = (e) => e === void 0 ? {} : typeof e == "object" && e ? e : { base: e }, w = C(l), T = C(u), E = C(d), D = () => {
+		let e = {
+			...w,
+			...T
+		};
+		if (Object.keys(e).length !== 0) return e;
+	}, O = () => {
+		let e = {
+			...w,
+			...E
+		};
+		if (Object.keys(e).length !== 0) return e;
+	}, k = n(D(), "--wim-grid-col-gap", (e) => typeof e == "number" ? `${e}px` : t(e) || String(e)), A = n(O(), "--wim-grid-row-gap", (e) => typeof e == "number" ? `${e}px` : t(e) || String(e)), j = {
+		display: h ? "inline-grid" : "grid",
+		gridTemplateRows: typeof c == "number" ? `repeat(${c}, minmax(0, 1fr))` : c,
+		alignItems: f,
+		justifyContent: p === "between" ? "space-between" : p === "around" ? "space-around" : p,
+		gridAutoFlow: m,
+		...S,
+		...k,
+		...A,
+		..._
+	};
+	return /* @__PURE__ */ o("div", {
+		className: r.container,
+		children: /* @__PURE__ */ o(x, {
+			ref: b,
+			className: a("wim-grid", r.root, g),
+			style: j,
+			...y,
+			children: v
+		})
+	});
+});
+s.displayName = "Grid";
+//#endregion
+export { s as Grid };

package/dist/components/layout/Grid/grid-utils.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=(e,t,n)=>{if(e===void 0)return{};let r=n||(e=>String(e));if(typeof e==`object`&&e&&!Array.isArray(e)){let n={},i=e;return i.base!==void 0&&(n[t]=r(i.base)),i.sm!==void 0&&(n[`${t}-sm`]=r(i.sm)),i.md!==void 0&&(n[`${t}-md`]=r(i.md)),i.lg!==void 0&&(n[`${t}-lg`]=r(i.lg)),i.xl!==void 0&&(n[`${t}-xl`]=r(i.xl)),n}return{[t]:r(e)}};exports.generateResponsiveVars=e;

package/dist/components/layout/Grid/grid-utils.d.ts

@@ -0,0 +1,8 @@
+export type ResponsiveProp<T> = T | {
+    base?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+};
+export declare const generateResponsiveVars: (prop: ResponsiveProp<number | string> | undefined, baseVarName: string, transform?: (value: number | string) => string) => Record<string, string>;

package/dist/components/layout/Grid/grid-utils.js

@@ -0,0 +1,13 @@
+"use client";
+//#region src/components/layout/Grid/grid-utils.ts
+var e = (e, t, n) => {
+	if (e === void 0) return {};
+	let r = n || ((e) => String(e));
+	if (typeof e == "object" && e && !Array.isArray(e)) {
+		let n = {}, i = e;
+		return i.base !== void 0 && (n[t] = r(i.base)), i.sm !== void 0 && (n[`${t}-sm`] = r(i.sm)), i.md !== void 0 && (n[`${t}-md`] = r(i.md)), i.lg !== void 0 && (n[`${t}-lg`] = r(i.lg)), i.xl !== void 0 && (n[`${t}-xl`] = r(i.xl)), n;
+	}
+	return { [t]: r(e) };
+};
+//#endregion
+export { e as generateResponsiveVars };

package/dist/components/layout/Grid/grid.module.cjs

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

package/dist/components/layout/Grid/grid.module.js

@@ -0,0 +1,8 @@
+"use client";
+//#region src/components/layout/Grid/grid.module.scss
+var e = "_container_1n6kv_4", t = "_root_1n6kv_8", n = {
+	container: e,
+	root: t
+};
+//#endregion
+export { e as container, n as default, t as root };

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

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../Flex/Flex.cjs"),n=require("./group.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=r.default.forwardRef(({align:e=`center`,justify:o=`start`,gap:s=16,wrap:c=`wrap`,grow:l=!1,children:u,className:d,...f},p)=>{let m=l?r.default.Children.map(u,e=>{if(r.default.isValidElement(e)){let t={flexGrow:1,...e.props.style};return r.default.cloneElement(e,{style:t})}return e}):u;return(0,a.jsx)(t.Flex,{ref:p,align:e,justify:o,gap:s,wrap:c,className:(0,i.default)(`wim-group`,n.default.root,d),...f,children:m})});o.displayName=`Group`,exports.Group=o;

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

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+export type GroupProps = React.ComponentPropsWithoutRef<"div"> & {
+    /**
+     * If true, the group will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /** Vertical alignment */
+    align?: "start" | "center" | "end" | "stretch" | "baseline";
+    /** Horizontal alignment */
+    justify?: "start" | "center" | "end" | "between" | "around" | "evenly";
+    /** Gap between elements */
+    gap?: number | string;
+    /** Whether to wrap children */
+    wrap?: "nowrap" | "wrap" | "wrap-reverse";
+    /** Whether items should grow to fill available space */
+    grow?: boolean;
+};
+/**
+ * Group component for horizontal layouts with spacing.
+ */
+export declare const Group: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * If true, the group will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /** Vertical alignment */
+    align?: "start" | "center" | "end" | "stretch" | "baseline";
+    /** Horizontal alignment */
+    justify?: "start" | "center" | "end" | "between" | "around" | "evenly";
+    /** Gap between elements */
+    gap?: number | string;
+    /** Whether to wrap children */
+    wrap?: "nowrap" | "wrap" | "wrap-reverse";
+    /** Whether items should grow to fill available space */
+    grow?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;