wimui 0.1.0

package/dist/components/form/Transfer/Transfer.js

@@ -0,0 +1,229 @@
+"use client";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import { VisuallyHidden as t } from "../../layout/VisuallyHidden/VisuallyHidden.js";
+import { Button as n } from "../Button/Button.js";
+import { BaseListItem as r } from "../../_internal/BaseListItem/BaseListItem.js";
+import { FieldTemplate as i } from "../FieldTemplate/FieldTemplate.js";
+import { Checkbox as a } from "../Checkbox/Checkbox.js";
+import { VirtualList as o } from "../../data-display/VirtualList/VirtualList.js";
+import s from "./transfer.module.js";
+import { useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
+import p from "classnames";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/form/Transfer/Transfer.tsx
+var g = 36, _ = 50, v = ({ data: e, title: t, listType: n, id: i, disabled: l, selectedKeys: u, focusedKey: v, setFocusedKey: y, onSelect: b, onSelectAll: x, onKeyDown: S, labels: C = {}, className: w }) => {
+	let { noData: T = "No Data" } = C, E = d(null), D = d(null), [O, k] = f(0);
+	c(() => {
+		let e = E.current;
+		if (!e) return;
+		let t = new ResizeObserver(([e]) => {
+			k(Math.floor(e.contentRect.height));
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []), c(() => {
+		if (!v || !D.current || O === 0) return;
+		let t = e.findIndex((e) => e.key === v);
+		if (t === -1) return;
+		let n = D.current, r = t * g, i = r + g;
+		r < n.scrollTop ? n.scrollTop = r : i > n.scrollTop + O && (n.scrollTop = i - O);
+	}, [
+		v,
+		e,
+		O
+	]);
+	let A = e.filter((e) => !e.disabled).map((e) => e.key), j = u.filter((e) => A.includes(e)), M = A.length > 0 && j.length === A.length, N = j.length > 0 && j.length < A.length, P = v && e.some((e) => e.key === v) ? `${i}-${n}-option-${v}` : void 0, F = e.length >= _ && O > 0, I = (t, a) => /* @__PURE__ */ m(r, {
+		id: `${i}-${n}-option-${t.key}`,
+		className: p(s.item, v === t.key && s.active),
+		disabled: l || t.disabled,
+		active: v === t.key,
+		onClick: () => {
+			t.disabled || (y(t.key), b(t.key));
+		},
+		role: "option",
+		"aria-selected": u.includes(t.key),
+		"aria-disabled": l || t.disabled,
+		"aria-setsize": F ? e.length : void 0,
+		"aria-posinset": F ? a + 1 : void 0,
+		icon: /* @__PURE__ */ m("div", {
+			className: p(s.checkboxVisual, u.includes(t.key) && s.checked, (l || t.disabled) && s.disabled),
+			"aria-hidden": "true"
+		}),
+		children: t.title
+	}, t.key), L = typeof t == "string" ? t : "";
+	return /* @__PURE__ */ h("div", {
+		className: p(s.list, w),
+		children: [/* @__PURE__ */ h("div", {
+			className: s.header,
+			children: [/* @__PURE__ */ m(a, {
+				checked: M,
+				indeterminate: N,
+				onChange: () => x(A, n),
+				disabled: l || A.length === 0,
+				children: /* @__PURE__ */ m("span", {
+					className: s.headerTitle,
+					title: L,
+					children: t
+				})
+			}), /* @__PURE__ */ h("span", {
+				className: s.headerCount,
+				children: [
+					j.length,
+					"/",
+					e.length
+				]
+			})]
+		}), /* @__PURE__ */ m("div", {
+			ref: E,
+			className: s.body,
+			role: e.length > 0 ? "listbox" : void 0,
+			"aria-multiselectable": e.length > 0 ? "true" : void 0,
+			"aria-label": L,
+			"aria-activedescendant": e.length > 0 ? P : void 0,
+			"aria-disabled": l || void 0,
+			tabIndex: e.length === 0 ? -1 : 0,
+			onKeyDown: (t) => S(t, n, e),
+			onFocus: () => {
+				if (!v) {
+					let t = e.find((e) => !e.disabled);
+					t && y(t.key);
+				}
+			},
+			style: F ? {
+				overflow: "hidden",
+				padding: 0
+			} : void 0,
+			children: e.length === 0 ? /* @__PURE__ */ m("div", {
+				className: s.empty,
+				"aria-live": "polite",
+				children: T
+			}) : F ? /* @__PURE__ */ m(o, {
+				items: e,
+				itemHeight: g,
+				height: O,
+				renderItem: I,
+				itemRole: "none",
+				ref: D,
+				role: "presentation"
+			}) : e.map((e, t) => I(e, t))
+		})]
+	});
+}, y = ({ dataSource: r = [], targetKeys: a, onChange: o, titles: c = ["Source", "Target"], className: g, style: _, disabled: y = !1, label: b, error: x, required: S, layout: C = "vertical", labels: w = {} }) => {
+	let { t: T } = e("form"), { moveToTarget: E = T("transfer.move_to_target"), moveToSource: D = T("transfer.move_to_source"), statusMovedToTarget: O = (e) => T("transfer.status_moved_to_target", { count: e }), statusMovedToSource: k = (e) => T("transfer.status_moved_to_source", { count: e }) } = w, [A, j] = f([]), [M, N] = f(a || []), P = `wim-transfer-${l()}`, F = b ? `${P}-label` : void 0, I = x ? `${P}-error` : void 0, L = a !== void 0 && !!o, R = L ? a : M, z = u(() => r.filter((e) => !R.includes(e.key)), [r, R]), B = u(() => r.filter((e) => R.includes(e.key)), [r, R]), [V, H] = f(null), [U, W] = f(null), [G, K] = f(""), q = d(null);
+	V && !z.some((e) => e.key === V) && H(null), U && !B.some((e) => e.key === U) && W(null);
+	let J = (e) => {
+		y || j((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, Y = (e, t) => {
+		if (y) return;
+		let n = e;
+		n.every((e) => A.includes(e)) ? j((e) => e.filter((e) => !n.includes(e))) : j((e) => [.../* @__PURE__ */ new Set([...e, ...n])]);
+	}, X = (e) => {
+		if (y) return;
+		let t = e === "toRight" ? z.map((e) => e.key) : B.map((e) => e.key), n = A.filter((e) => t.includes(e));
+		if (n.length === 0) return;
+		let r = e === "toRight" ? [...R, ...n] : R.filter((e) => !n.includes(e));
+		L || N(r), o && o(r, e, n), j((e) => e.filter((e) => !n.includes(e)));
+		let i = e === "toRight" ? O(n.length) : k(n.length);
+		q.current && clearTimeout(q.current), K(""), q.current = setTimeout(() => K(i), 50);
+	}, Z = (e, t, n) => {
+		let r = e.filter((e) => !e.disabled);
+		if (r.length === 0) return null;
+		if (t === null) return n === 1 ? r[0].key : r[r.length - 1].key;
+		let i = r.findIndex((e) => e.key === t);
+		return i === -1 ? r[0].key : r[(i + n + r.length) % r.length].key;
+	}, Q = (e, t, n) => {
+		if (y) return;
+		let r = t === "source" ? V : U, i = t === "source" ? H : W;
+		if (e.key === "ArrowDown") e.preventDefault(), i(Z(n, r, 1));
+		else if (e.key === "ArrowUp") e.preventDefault(), i(Z(n, r, -1));
+		else if (e.key === "Home") {
+			e.preventDefault();
+			let t = n.find((e) => !e.disabled);
+			t && i(t.key);
+		} else if (e.key === "End") {
+			e.preventDefault();
+			let t = [...n].reverse().find((e) => !e.disabled);
+			t && i(t.key);
+		} else if (e.key === " ") {
+			e.preventDefault();
+			let t = n.find((e) => e.key === r);
+			t && !t.disabled && J(t.key);
+		} else e.key === "Enter" && (e.preventDefault(), X(t === "source" ? "toRight" : "toLeft"));
+	}, $ = A.filter((e) => z.some((t) => t.key === e)).length === 0, ee = A.filter((e) => B.some((t) => t.key === e)).length === 0;
+	return /* @__PURE__ */ m(i, {
+		label: b,
+		error: x,
+		required: S,
+		layout: C,
+		labelId: F,
+		errorId: I,
+		className: g,
+		children: /* @__PURE__ */ h("div", {
+			className: p(s.container, "wim-transfer"),
+			children: [/* @__PURE__ */ m(t, {
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				children: G
+			}), /* @__PURE__ */ h("div", {
+				className: p(s.root, y && s.disabled),
+				style: _,
+				role: "group",
+				"aria-labelledby": b ? F : void 0,
+				"aria-describedby": I,
+				children: [
+					/* @__PURE__ */ m(v, {
+						className: "wim-transfer__list",
+						data: z,
+						title: c[0],
+						listType: "source",
+						id: P,
+						disabled: y,
+						selectedKeys: A,
+						focusedKey: V,
+						setFocusedKey: H,
+						onSelect: J,
+						onSelectAll: Y,
+						onKeyDown: Q,
+						labels: w
+					}),
+					/* @__PURE__ */ h("div", {
+						className: p(s.operation, "wim-transfer__operation"),
+						children: [/* @__PURE__ */ m(n, {
+							variant: "outline",
+							size: "sm",
+							className: s.button,
+							onClick: () => X("toRight"),
+							disabled: y || $,
+							icon: "ChevronRightIcon",
+							"aria-label": E
+						}), /* @__PURE__ */ m(n, {
+							variant: "outline",
+							size: "sm",
+							className: s.button,
+							onClick: () => X("toLeft"),
+							disabled: y || ee,
+							icon: "ChevronLeftIcon",
+							"aria-label": D
+						})]
+					}),
+					/* @__PURE__ */ m(v, {
+						className: "wim-transfer__list",
+						data: B,
+						title: c[1],
+						listType: "target",
+						id: P,
+						disabled: y,
+						selectedKeys: A,
+						focusedKey: U,
+						setFocusedKey: W,
+						onSelect: J,
+						onSelectAll: Y,
+						onKeyDown: Q,
+						labels: w
+					})
+				]
+			})]
+		})
+	});
+};
+//#endregion
+export { y as Transfer };

package/dist/components/form/Transfer/transfer.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_container_1jspm_210`,t=`_root_1jspm_216`,n=`_list_1jspm_233`,r=`_header_1jspm_262`,i=`_headerTitle_1jspm_277`,a=`_disabled_1jspm_283`,o=`_headerCount_1jspm_293`,s=`_body_1jspm_304`,c=`_itemList_1jspm_331`,l=`_item_1jspm_331`,u=`_checkboxVisual_1jspm_345`,d=`_checked_1jspm_371`,f=`_active_1jspm_388`,p=`_operation_1jspm_401`,m=`_button_1jspm_413`,h=`_empty_1jspm_421`,g={"wim-docs-container":`_wim-docs-container_1jspm_103`,"wim-t":`_wim-t_1jspm_184`,"react-flow":`_react-flow_1jspm_202`,"react-flow__edges":`_react-flow__edges_1jspm_203`,"react-flow__connectionline":`_react-flow__connectionline_1jspm_204`,container:e,root:t,list:n,header:r,headerTitle:i,disabled:a,headerCount:o,body:s,itemList:c,item:l,checkboxVisual:u,checked:d,active:f,operation:p,button:m,empty:h};exports.active=f,exports.body=s,exports.button=m,exports.checkboxVisual=u,exports.checked=d,exports.container=e,exports.default=g,exports.disabled=a,exports.empty=h,exports.header=r,exports.headerCount=o,exports.headerTitle=i,exports.item=l,exports.itemList=c,exports.list=n,exports.operation=p,exports.root=t;

package/dist/components/form/Transfer/transfer.module.js

@@ -0,0 +1,27 @@
+"use client";
+//#region src/components/form/Transfer/transfer.module.scss
+var e = "_container_1jspm_210", t = "_root_1jspm_216", n = "_list_1jspm_233", r = "_header_1jspm_262", i = "_headerTitle_1jspm_277", a = "_disabled_1jspm_283", o = "_headerCount_1jspm_293", s = "_body_1jspm_304", c = "_itemList_1jspm_331", l = "_item_1jspm_331", u = "_checkboxVisual_1jspm_345", d = "_checked_1jspm_371", f = "_active_1jspm_388", p = "_operation_1jspm_401", m = "_button_1jspm_413", h = "_empty_1jspm_421", g = {
+	"wim-docs-container": "_wim-docs-container_1jspm_103",
+	"wim-t": "_wim-t_1jspm_184",
+	"react-flow": "_react-flow_1jspm_202",
+	"react-flow__edges": "_react-flow__edges_1jspm_203",
+	"react-flow__connectionline": "_react-flow__connectionline_1jspm_204",
+	container: e,
+	root: t,
+	list: n,
+	header: r,
+	headerTitle: i,
+	disabled: a,
+	headerCount: o,
+	body: s,
+	itemList: c,
+	item: l,
+	checkboxVisual: u,
+	checked: d,
+	active: f,
+	operation: p,
+	button: m,
+	empty: h
+};
+//#endregion
+export { f as active, s as body, m as button, u as checkboxVisual, d as checked, e as container, g as default, a as disabled, h as empty, r as header, o as headerCount, i as headerTitle, l as item, c as itemList, n as list, p as operation, t as root };

package/dist/components/form/TreeSelect/TreeSelect.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../overlay/FocusTrap/FocusTrap.cjs"),i=require("../../../hooks/useMergedRef.cjs"),a=require("../InputBase/InputBase.cjs"),o=require("../FieldTemplate/FieldTemplate.cjs"),s=require("../../data-display/TreeView/TreeView.cjs"),c=require("./tree-select.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");function f(e){return e.map(e=>({value:e.value,label:e.label,disabled:e.disabled,icon:e.icon,children:e.children?f(e.children):void 0}))}var p=(0,l.forwardRef)(({treeData:e=[],value:p,onChange:m,placeholder:h,label:g,error:_,required:v,layout:y,className:b,disabled:x=!1,multiple:S=!1,searchable:C=!1,defaultExpandedKeys:w=[],allowClear:T=!1,checkStrategy:E=`cascade`,id:D,width:O,fullWidth:k=!1,asChild:A=!1,children:ee,...te},ne)=>{let j=(0,l.useId)(),M=D||`wim-tree-select-${j}`,N=g?`${M}-label`:void 0,P=_?`${M}-error`:void 0,F=`${M}-trigger`,I=`${M}-dropdown`,[L,R]=(0,l.useState)(!1),[z,B]=(0,l.useState)(S?[]:``),V=(0,l.useRef)(null),H=(0,l.useRef)(null),U=p!==void 0,W=U?p:z;(0,l.useEffect)(()=>{let e=e=>{V.current&&!V.current.contains(e.target)&&R(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,l.useEffect)(()=>{if(L){let e=setTimeout(()=>{let e=V.current?.querySelector(`[data-testid="tree-view-search-input"]`);e?e.focus():(V.current?.querySelector(`[data-testid="tree-view-root"]`))?.focus()},100);return()=>clearTimeout(e)}},[L]);let G=()=>{if(!x){let e=!L;R(e),e||H.current?.focus()}},K=e=>{if(!x){if(!L){(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),R(!0));return}e.key===`Escape`&&(e.preventDefault(),R(!1),H.current?.focus())}},q=(0,l.useMemo)(()=>{let t={},n=e=>{e.forEach(e=>{t[e.value]=e,e.children&&n(e.children)})};return n(e),t},[e]),J=()=>{if(S){let e=Array.isArray(W)?W:[];return e.length===0?null:e.map(e=>q[e]?q[e].label:e).reduce((e,t)=>[e,`, `,t])}else{let e=W;return e?q[e]?q[e].label:e:null}},Y=e=>{let t;S?t=e:(t=e[0]||``,R(!1),H.current?.focus()),U||B(t),m&&m(t)},X=()=>{if(x)return;let e=S?[]:``;U||B(e),m&&m(e)},re=(0,l.useMemo)(()=>f(e),[e]),Z=(0,l.useMemo)(()=>S?Array.isArray(W)?W:[]:W?[W]:[],[W,S]),Q=J(),{"aria-label":ie,"aria-labelledby":ae,"aria-describedby":oe,...se}=te,ce=typeof h==`string`?h:`Select`,le=A?t.Root:`div`,$=i.useMergedRef(V,ne);return(0,d.jsx)(o.FieldTemplate,{label:g,error:_,required:v,layout:y,labelId:N,errorId:P,className:(0,u.default)(c.default.container,b),children:(0,d.jsxs)(le,{className:(0,u.default)(`wim-tree-select`,c.default.root,k&&c.default.fullWidth),ref:$,...se,children:[(0,d.jsx)(t.Slottable,{children:ee}),(0,d.jsx)(a.InputBase,{disabled:x,allowClear:T,hasValue:!!Q,onClear:X,intent:_?`danger`:`default`,width:O,fullWidth:k,rightIcons:[{name:`ChevronDownIcon`,rotated:L,onClick:G}],className:(0,u.default)(L&&c.default.open),children:(0,d.jsx)(`div`,{id:F,className:(0,u.default)(c.default.trigger,x&&c.default.disabled),onClick:G,onKeyDown:K,tabIndex:x?-1:0,role:`combobox`,"aria-expanded":L,"aria-haspopup":`tree`,"aria-controls":L?I:void 0,"aria-disabled":x,"aria-labelledby":N||ae,"aria-label":g?void 0:ie||ce,"aria-describedby":P||oe,"aria-required":v,"aria-invalid":!!_,ref:H,children:(0,d.jsx)(`div`,{className:(0,u.default)(c.default.value,!Q&&c.default.placeholder),children:Q||h})})}),(0,d.jsx)(n.Transition,{show:L&&!x,preset:`fade`,className:c.default.dropdown,children:(0,d.jsx)(`div`,{id:I,children:(0,d.jsx)(r.FocusTrap,{active:L,initialFocus:!1,children:(0,d.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":N,children:(0,d.jsx)(s.TreeView,{multiSelect:S,defaultSelectedValues:Z,defaultCheckedValues:S?Z:[],nodes:re,onCheckedChange:Y,onSelectedChange:Y,checkable:S,checkStrategy:E,searchable:C,defaultExpandedValues:w,styles:{root:c.default.treeView,item:c.default.treeViewItem,search:c.default.treeViewSearch}})})})})})]})})});p.displayName=`TreeSelect`,exports.TreeSelect=p;

package/dist/components/form/TreeSelect/TreeSelect.d.ts

@@ -0,0 +1,67 @@
+import { default as React } from 'react';
+import { FieldWidth } from '../../../types/tokens';
+export type TreeSelectNode = {
+    label: React.ReactNode;
+    value: string;
+    children?: TreeSelectNode[];
+    disabled?: boolean;
+    icon?: React.ReactNode;
+};
+export type TreeSelectProps = {
+    /** Tree nodes to select from */
+    treeData: TreeSelectNode[];
+    /** Selected value(s) (controlled) */
+    value?: string | string[];
+    /** Callback when the selection changes */
+    onChange?: (value: string | string[]) => void;
+    /** Placeholder shown when nothing is selected */
+    placeholder?: React.ReactNode;
+    /** Field label */
+    label?: React.ReactNode;
+    /** Error message */
+    error?: string;
+    /** Whether to show the required indicator */
+    required?: boolean;
+    /** Layout direction of label and field */
+    layout?: "vertical" | "horizontal";
+    /** Additional class names */
+    className?: string;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether multiple nodes can be selected */
+    multiple?: boolean;
+    /** Whether to show a search input for filtering nodes */
+    searchable?: boolean;
+    /** Keys of the nodes expanded initially */
+    defaultExpandedKeys?: string[];
+    /** Whether to show a clear button when a value is selected */
+    allowClear?: boolean;
+    /**
+     * Check selection behavior (effective when multiple).
+     * - cascade: checking a parent selects all children; partially checked children make the parent indeterminate (default)
+     * - exclusive: parent and children are mutually exclusive (selecting a parent deselects children and vice versa)
+     */
+    checkStrategy?: "cascade" | "exclusive";
+    /** Unique ID for the component */
+    id?: string;
+    /**
+     * If true, merge root props onto the child element.
+     */
+    asChild?: boolean;
+    /** Optional children used when asChild is true */
+    children?: React.ReactNode;
+    /** Accessible label for the trigger when no visible label is provided */
+    "aria-label"?: string;
+    /** ID of the element that labels the field */
+    "aria-labelledby"?: string;
+    /** ID of the element that describes the field */
+    "aria-describedby"?: string;
+    /** Fixed width of the field (width token, CSS value, or number in px) */
+    width?: FieldWidth | string | number;
+    /** Whether to take full width of parent */
+    fullWidth?: boolean;
+};
+/**
+ * Component for selecting one or more options from a tree structure.
+ */
+export declare const TreeSelect: React.ForwardRefExoticComponent<TreeSelectProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/form/TreeSelect/TreeSelect.js

@@ -0,0 +1,170 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { Transition as n } from "../../layout/Transition/Transition.js";
+import { FocusTrap as ee } from "../../overlay/FocusTrap/FocusTrap.js";
+import { useMergedRef as r } from "../../../hooks/useMergedRef.js";
+import { InputBase as i } from "../InputBase/InputBase.js";
+import { FieldTemplate as a } from "../FieldTemplate/FieldTemplate.js";
+import { TreeView as te } from "../../data-display/TreeView/TreeView.js";
+import o from "./tree-select.module.js";
+import { forwardRef as s, useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
+import p from "classnames";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/form/TreeSelect/TreeSelect.tsx
+function g(e) {
+	return e.map((e) => ({
+		value: e.value,
+		label: e.label,
+		disabled: e.disabled,
+		icon: e.icon,
+		children: e.children ? g(e.children) : void 0
+	}));
+}
+var _ = s(({ treeData: s = [], value: _, onChange: v, placeholder: y, label: b, error: x, required: S, layout: C, className: w, disabled: T = !1, multiple: E = !1, searchable: D = !1, defaultExpandedKeys: O = [], allowClear: k = !1, checkStrategy: A = "cascade", id: ne, width: re, fullWidth: j = !1, asChild: M = !1, children: ie, ...N }, P) => {
+	let F = l(), I = ne || `wim-tree-select-${F}`, L = b ? `${I}-label` : void 0, R = x ? `${I}-error` : void 0, z = `${I}-trigger`, B = `${I}-dropdown`, [V, H] = f(!1), [U, W] = f(E ? [] : ""), G = d(null), K = d(null), q = _ !== void 0, J = q ? _ : U;
+	c(() => {
+		let e = (e) => {
+			G.current && !G.current.contains(e.target) && H(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []), c(() => {
+		if (V) {
+			let e = setTimeout(() => {
+				let e = G.current?.querySelector("[data-testid=\"tree-view-search-input\"]");
+				e ? e.focus() : (G.current?.querySelector("[data-testid=\"tree-view-root\"]"))?.focus();
+			}, 100);
+			return () => clearTimeout(e);
+		}
+	}, [V]);
+	let Y = () => {
+		if (!T) {
+			let e = !V;
+			H(e), e || K.current?.focus();
+		}
+	}, ae = (e) => {
+		if (!T) {
+			if (!V) {
+				(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), H(!0));
+				return;
+			}
+			e.key === "Escape" && (e.preventDefault(), H(!1), K.current?.focus());
+		}
+	}, X = u(() => {
+		let e = {}, t = (n) => {
+			n.forEach((n) => {
+				e[n.value] = n, n.children && t(n.children);
+			});
+		};
+		return t(s), e;
+	}, [s]), oe = () => {
+		if (E) {
+			let e = Array.isArray(J) ? J : [];
+			return e.length === 0 ? null : e.map((e) => X[e] ? X[e].label : e).reduce((e, t) => [
+				e,
+				", ",
+				t
+			]);
+		} else {
+			let e = J;
+			return e ? X[e] ? X[e].label : e : null;
+		}
+	}, Z = (e) => {
+		let t;
+		E ? t = e : (t = e[0] || "", H(!1), K.current?.focus()), q || W(t), v && v(t);
+	}, se = () => {
+		if (T) return;
+		let e = E ? [] : "";
+		q || W(e), v && v(e);
+	}, ce = u(() => g(s), [s]), Q = u(() => E ? Array.isArray(J) ? J : [] : J ? [J] : [], [J, E]), $ = oe(), { "aria-label": le, "aria-labelledby": ue, "aria-describedby": de, ...fe } = N, pe = typeof y == "string" ? y : "Select", me = M ? e : "div", he = r(G, P);
+	return /* @__PURE__ */ m(a, {
+		label: b,
+		error: x,
+		required: S,
+		layout: C,
+		labelId: L,
+		errorId: R,
+		className: p(o.container, w),
+		children: /* @__PURE__ */ h(me, {
+			className: p("wim-tree-select", o.root, j && o.fullWidth),
+			ref: he,
+			...fe,
+			children: [
+				/* @__PURE__ */ m(t, { children: ie }),
+				/* @__PURE__ */ m(i, {
+					disabled: T,
+					allowClear: k,
+					hasValue: !!$,
+					onClear: se,
+					intent: x ? "danger" : "default",
+					width: re,
+					fullWidth: j,
+					rightIcons: [{
+						name: "ChevronDownIcon",
+						rotated: V,
+						onClick: Y
+					}],
+					className: p(V && o.open),
+					children: /* @__PURE__ */ m("div", {
+						id: z,
+						className: p(o.trigger, T && o.disabled),
+						onClick: Y,
+						onKeyDown: ae,
+						tabIndex: T ? -1 : 0,
+						role: "combobox",
+						"aria-expanded": V,
+						"aria-haspopup": "tree",
+						"aria-controls": V ? B : void 0,
+						"aria-disabled": T,
+						"aria-labelledby": L || ue,
+						"aria-label": b ? void 0 : le || pe,
+						"aria-describedby": R || de,
+						"aria-required": S,
+						"aria-invalid": !!x,
+						ref: K,
+						children: /* @__PURE__ */ m("div", {
+							className: p(o.value, !$ && o.placeholder),
+							children: $ || y
+						})
+					})
+				}),
+				/* @__PURE__ */ m(n, {
+					show: V && !T,
+					preset: "fade",
+					className: o.dropdown,
+					children: /* @__PURE__ */ m("div", {
+						id: B,
+						children: /* @__PURE__ */ m(ee, {
+							active: V,
+							initialFocus: !1,
+							children: /* @__PURE__ */ m("div", {
+								role: "dialog",
+								"aria-modal": "true",
+								"aria-labelledby": L,
+								children: /* @__PURE__ */ m(te, {
+									multiSelect: E,
+									defaultSelectedValues: Q,
+									defaultCheckedValues: E ? Q : [],
+									nodes: ce,
+									onCheckedChange: Z,
+									onSelectedChange: Z,
+									checkable: E,
+									checkStrategy: A,
+									searchable: D,
+									defaultExpandedValues: O,
+									styles: {
+										root: o.treeView,
+										item: o.treeViewItem,
+										search: o.treeViewSearch
+									}
+								})
+							})
+						})
+					})
+				})
+			]
+		})
+	});
+});
+_.displayName = "TreeSelect";
+//#endregion
+export { _ as TreeSelect };

package/dist/components/form/TreeSelect/tree-select.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_container_q82eo_211`,t=`_root_q82eo_215`,n=`_fullWidth_q82eo_228`,r=`_label_q82eo_232`,i=`_trigger_q82eo_239`,a=`_disabled_q82eo_252`,o=`_open_q82eo_264`,s=`_value_q82eo_272`,c=`_placeholder_q82eo_273`,l=`_icon_q82eo_276`,u=`_clear_q82eo_296`,d=`_dropdown_q82eo_308`,f=`_treeView_q82eo_338`,p=`_treeViewItem_q82eo_346`,m=`_treeViewSearch_q82eo_349`,h={"wim-docs-container":`_wim-docs-container_q82eo_103`,"wim-t":`_wim-t_q82eo_184`,"react-flow":`_react-flow_q82eo_202`,"react-flow__edges":`_react-flow__edges_q82eo_203`,"react-flow__connectionline":`_react-flow__connectionline_q82eo_204`,container:e,root:t,fullWidth:n,label:r,trigger:i,disabled:a,open:o,value:s,placeholder:c,icon:l,clear:u,dropdown:d,treeView:f,treeViewItem:p,treeViewSearch:m};exports.clear=u,exports.container=e,exports.default=h,exports.disabled=a,exports.dropdown=d,exports.fullWidth=n,exports.icon=l,exports.label=r,exports.open=o,exports.placeholder=c,exports.root=t,exports.treeView=f,exports.treeViewItem=p,exports.treeViewSearch=m,exports.trigger=i,exports.value=s;

package/dist/components/form/TreeSelect/tree-select.module.js

@@ -0,0 +1,26 @@
+"use client";
+//#region src/components/form/TreeSelect/tree-select.module.scss
+var e = "_container_q82eo_211", t = "_root_q82eo_215", n = "_fullWidth_q82eo_228", r = "_label_q82eo_232", i = "_trigger_q82eo_239", a = "_disabled_q82eo_252", o = "_open_q82eo_264", s = "_value_q82eo_272", c = "_placeholder_q82eo_273", l = "_icon_q82eo_276", u = "_clear_q82eo_296", d = "_dropdown_q82eo_308", f = "_treeView_q82eo_338", p = "_treeViewItem_q82eo_346", m = "_treeViewSearch_q82eo_349", h = {
+	"wim-docs-container": "_wim-docs-container_q82eo_103",
+	"wim-t": "_wim-t_q82eo_184",
+	"react-flow": "_react-flow_q82eo_202",
+	"react-flow__edges": "_react-flow__edges_q82eo_203",
+	"react-flow__connectionline": "_react-flow__connectionline_q82eo_204",
+	container: e,
+	root: t,
+	fullWidth: n,
+	label: r,
+	trigger: i,
+	disabled: a,
+	open: o,
+	value: s,
+	placeholder: c,
+	icon: l,
+	clear: u,
+	dropdown: d,
+	treeView: f,
+	treeViewItem: p,
+	treeViewSearch: m
+};
+//#endregion
+export { u as clear, e as container, h as default, a as disabled, d as dropdown, n as fullWidth, l as icon, r as label, o as open, c as placeholder, t as root, f as treeView, p as treeViewItem, m as treeViewSearch, i as trigger, s as value };

package/dist/components/helpers.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=[`var(--wim-color-primary)`,`var(--wim-color-info)`,`var(--wim-color-success)`,`var(--wim-color-warning)`,`var(--wim-color-danger)`,`var(--wim-color-secondary)`,`var(--wim-color-text-tertiary)`,`var(--wim-color-disabled)`],t=[`var(--wim-color-text-on-primary)`,`var(--wim-color-text-on-info)`,`var(--wim-color-text-on-success)`,`var(--wim-color-text-on-warning)`,`var(--wim-color-text-on-danger)`,`var(--wim-color-text-on-secondary)`,`var(--wim-color-text-primary)`,`var(--wim-color-text-primary)`],n={axis:{stroke:`var(--wim-color-text-disabled)`,fontSize:12},grid:{stroke:`var(--wim-color-border-secondary)`,strokeDasharray:`3 3`},tooltip:{contentStyle:{backgroundColor:`var(--wim-color-glass-bg)`,border:`1px solid var(--wim-color-glass-border)`,borderRadius:`var(--wim-radius-md)`,fontSize:`var(--wim-font-size-sm)`,backdropFilter:`blur(8px)`,color:`var(--wim-color-text-primary)`},cursor:{fill:`var(--wim-color-text-primary)`,stroke:`var(--wim-color-border)`,strokeWidth:1,fillOpacity:.05,strokeOpacity:.5}}};exports.CHART_COLORS=e,exports.CHART_TEXT_COLORS=t,exports.CHART_THEME=n;

package/dist/components/helpers.d.ts

@@ -0,0 +1,34 @@
+/**
+ * チャートコンポーネントの `data` prop に渡す1件分のデータ型。
+ * 各キーの値は文字列・数値・null のいずれかです。
+ */
+export type ChartDataPoint = Record<string, string | number | null>;
+export declare const CHART_COLORS: string[];
+export declare const CHART_TEXT_COLORS: string[];
+export declare const CHART_THEME: {
+    axis: {
+        stroke: string;
+        fontSize: number;
+    };
+    grid: {
+        stroke: string;
+        strokeDasharray: string;
+    };
+    tooltip: {
+        contentStyle: {
+            backgroundColor: string;
+            border: string;
+            borderRadius: string;
+            fontSize: string;
+            backdropFilter: string;
+            color: string;
+        };
+        cursor: {
+            fill: string;
+            stroke: string;
+            strokeWidth: number;
+            fillOpacity: number;
+            strokeOpacity: number;
+        };
+    };
+};

package/dist/components/helpers.js

@@ -0,0 +1,49 @@
+"use client";
+//#region src/components/helpers.ts
+var e = [
+	"var(--wim-color-primary)",
+	"var(--wim-color-info)",
+	"var(--wim-color-success)",
+	"var(--wim-color-warning)",
+	"var(--wim-color-danger)",
+	"var(--wim-color-secondary)",
+	"var(--wim-color-text-tertiary)",
+	"var(--wim-color-disabled)"
+], t = [
+	"var(--wim-color-text-on-primary)",
+	"var(--wim-color-text-on-info)",
+	"var(--wim-color-text-on-success)",
+	"var(--wim-color-text-on-warning)",
+	"var(--wim-color-text-on-danger)",
+	"var(--wim-color-text-on-secondary)",
+	"var(--wim-color-text-primary)",
+	"var(--wim-color-text-primary)"
+], n = {
+	axis: {
+		stroke: "var(--wim-color-text-disabled)",
+		fontSize: 12
+	},
+	grid: {
+		stroke: "var(--wim-color-border-secondary)",
+		strokeDasharray: "3 3"
+	},
+	tooltip: {
+		contentStyle: {
+			backgroundColor: "var(--wim-color-glass-bg)",
+			border: "1px solid var(--wim-color-glass-border)",
+			borderRadius: "var(--wim-radius-md)",
+			fontSize: "var(--wim-font-size-sm)",
+			backdropFilter: "blur(8px)",
+			color: "var(--wim-color-text-primary)"
+		},
+		cursor: {
+			fill: "var(--wim-color-text-primary)",
+			stroke: "var(--wim-color-border)",
+			strokeWidth: 1,
+			fillOpacity: .05,
+			strokeOpacity: .5
+		}
+	}
+};
+//#endregion
+export { e as CHART_COLORS, t as CHART_TEXT_COLORS, n as CHART_THEME };

package/dist/components/layout/AppShell/AppShell.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./appshell.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,header:a,sidebar:o,footer:s,navbar:c,padding:l=!0,centered:u,maxWidth:d,...f},p)=>{let m=d?{"--wim-appshell-max-width":typeof d==`number`?`${d}px`:d}:void 0;return(0,i.jsxs)(`div`,{ref:p,className:(0,r.default)(`wim-app-shell`,t.default.root,!!o&&t.default.withSidebar,!!c&&t.default.withNavbar,e),style:m,...f,children:[a&&(0,i.jsx)(`div`,{className:t.default.header,children:a}),(0,i.jsxs)(`div`,{className:t.default.body,children:[o&&(0,i.jsx)(`div`,{className:t.default.sidebar,children:o}),(0,i.jsx)(`main`,{className:(0,r.default)(t.default.main,l&&t.default.padded,u&&t.default.centered),tabIndex:0,children:u?(0,i.jsx)(`div`,{className:t.default.content,children:n}):n})]}),c&&(0,i.jsx)(`div`,{className:t.default.navbar,children:c}),s&&(0,i.jsx)(`div`,{className:t.default.footer,children:s})]})});a.displayName=`AppShell`;var o=n.default.forwardRef(({className:e,children:n,padding:a=!0,centered:o,...s},c)=>(0,i.jsx)(`main`,{ref:c,className:(0,r.default)(t.default.main,a&&t.default.padded,o&&t.default.centered,e),tabIndex:0,...s,children:o?(0,i.jsx)(`div`,{className:t.default.content,children:n}):n}));o.displayName=`AppShell.Main`;var s=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.body,e),...a,children:n}));s.displayName=`AppShell.Body`;var c=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.header,e),...a,children:n}));c.displayName=`AppShell.Header`;var l=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.sidebar,e),...a,children:n}));l.displayName=`AppShell.Sidebar`;var u=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.footer,e),...a,children:n}));u.displayName=`AppShell.Footer`;var d=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.navbar,e),...a,children:n}));d.displayName=`AppShell.Navbar`;var f=a;f.Main=o,f.Body=s,f.Header=c,f.Sidebar=l,f.Footer=u,f.Navbar=d,exports.AppShell=f,exports.default=f,exports.AppShellBody=s,exports.AppShellFooter=u,exports.AppShellHeader=c,exports.AppShellMain=o,exports.AppShellNavbar=d,exports.AppShellRoot=a,exports.AppShellSidebar=l;