wimui 0.1.0

package/dist/components/form/RichTextEditor/commands.js

@@ -0,0 +1,244 @@
+"use client";
+//#region src/components/form/RichTextEditor/commands.ts
+var e = {
+	bold: ["strong", "b"],
+	italic: ["em", "i"],
+	underline: ["u"],
+	strikethrough: [
+		"s",
+		"strike",
+		"del"
+	]
+}, t = Object.values(e).flat(), n = [
+	"h1",
+	"h2",
+	"h3",
+	"p",
+	"div",
+	"li",
+	"blockquote",
+	"pre"
+];
+function r(e) {
+	let t = e.ownerDocument.defaultView?.getSelection();
+	if (!t || t.rangeCount === 0) return null;
+	let n = t.getRangeAt(0);
+	return e.contains(n.commonAncestorContainer) ? n : null;
+}
+function i(e, t) {
+	let n = e.ownerDocument.defaultView?.getSelection();
+	n && (n.removeAllRanges(), n.addRange(t));
+}
+function a(e, t) {
+	let n = [], r = e;
+	for (; r && r !== t;) r instanceof HTMLElement && n.push(r), r = r.parentNode;
+	return n;
+}
+function o(t) {
+	let n = /* @__PURE__ */ new Set(), i = r(t);
+	if (!i) return n;
+	let o = i.startContainer;
+	if (!i.collapsed && o.nodeType === Node.ELEMENT_NODE) {
+		let e = o.childNodes[i.startOffset];
+		if (e && i.intersectsNode(e)) for (o = e; o.firstChild;) o = o.firstChild;
+	}
+	let s = a(o, t);
+	for (let t of s) {
+		let r = t.tagName.toLowerCase();
+		for (let [t, i] of Object.entries(e)) i.includes(r) && n.add(t);
+		if ((r === "h1" || r === "h2" || r === "h3") && n.add(r), r === "a" && n.add("link"), r === "li") {
+			let e = t.parentElement?.tagName.toLowerCase();
+			(e === "ul" || e === "ol") && n.add(e);
+		}
+	}
+	return n;
+}
+function s(e) {
+	let t = e.parentNode;
+	if (t) {
+		for (; e.firstChild;) t.insertBefore(e.firstChild, e);
+		t.removeChild(e);
+	}
+}
+function c(e, t) {
+	let n = t.join(","), r = e.querySelector(n);
+	for (; r;) s(r), r = e.querySelector(n);
+}
+function l(e, t, r) {
+	if (Array.from(e.childNodes).filter((e) => e instanceof HTMLElement && n.includes(e.tagName.toLowerCase())).length === 0) {
+		if (e.childNodes.length === 0) return;
+		let n = r.createElement(t);
+		for (; e.firstChild;) n.appendChild(e.firstChild);
+		e.appendChild(n);
+		return;
+	}
+	for (let i of Array.from(e.childNodes)) if (i instanceof HTMLElement && n.includes(i.tagName.toLowerCase())) l(i, t, r);
+	else if (i.nodeType === Node.TEXT_NODE || i instanceof HTMLElement) {
+		if (i.textContent === "") continue;
+		let e = r.createElement(t);
+		i.replaceWith(e), e.appendChild(i);
+	}
+}
+function u(e, t, n) {
+	let r = n.firstChild, a = n.lastChild;
+	if (t.insertNode(n), r && a) {
+		let t = e.ownerDocument.createRange();
+		t.setStartBefore(r), t.setEndAfter(a), i(e, t);
+	}
+	e.normalize();
+}
+function d(t, n) {
+	let s = t.ownerDocument, d = r(t);
+	if (!d) return;
+	let f = e[n], p = f[0], m = o(t).has(n);
+	if (d.collapsed) {
+		let e = s.createElement(p);
+		e.textContent = "​", d.insertNode(e);
+		let n = s.createRange();
+		n.setStart(e.firstChild, 1), n.collapse(!0), i(t, n);
+		return;
+	}
+	let h = d.extractContents();
+	if (m) {
+		c(h, f);
+		let e = a(d.startContainer, t).find((e) => f.includes(e.tagName.toLowerCase()));
+		if (e) {
+			let n = s.createRange();
+			n.setStart(d.startContainer, d.startOffset), n.setEnd(e, e.childNodes.length);
+			let r = n.extractContents(), i = s.createRange();
+			if (i.setStartAfter(e), i.collapse(!0), r.textContent !== "") {
+				let t = e.cloneNode(!1);
+				t.appendChild(r), i.insertNode(t);
+			}
+			u(t, i, h), e.textContent === "" && e.remove();
+			return;
+		}
+	} else c(h, f), l(h, p, s);
+	u(t, d, h);
+}
+function f(e, t) {
+	let r = (t) => a(t, e).find((e) => n.includes(e.tagName.toLowerCase())) ?? null, i = r(t.startContainer), o = r(t.endContainer);
+	if (!i) return o ? [o] : [];
+	if (i === o || !o) return [i];
+	let s = [], c = e.ownerDocument.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (e) => e instanceof HTMLElement && n.includes(e.tagName.toLowerCase()) && t.intersectsNode(e) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP }), l = c.nextNode();
+	for (; l;) {
+		let e = l;
+		s.some((t) => t.contains(e)) || s.push(e), l = c.nextNode();
+	}
+	return s;
+}
+function p(e, t) {
+	let n = e.ownerDocument.createElement(t);
+	for (; e.firstChild;) n.appendChild(e.firstChild);
+	return e.replaceWith(n), n;
+}
+function m(e, t) {
+	let n = e.ownerDocument, a = r(e);
+	if (!a) return;
+	let o = f(e, a);
+	if (o.length === 0) {
+		let r = n.createElement(t);
+		for (; e.firstChild;) r.appendChild(e.firstChild);
+		e.appendChild(r);
+		let a = n.createRange();
+		a.selectNodeContents(r), a.collapse(!1), i(e, a);
+		return;
+	}
+	for (let r of o) {
+		let a = r.tagName.toLowerCase();
+		if (a === "li") continue;
+		let s = p(r, a === t ? "p" : t);
+		if (o.length === 1) {
+			let t = n.createRange();
+			t.selectNodeContents(s), t.collapse(!1), i(e, t);
+		}
+	}
+}
+function h(e, t) {
+	let n = e.ownerDocument, o = r(e);
+	if (!o) return;
+	let s = a(o.startContainer, e).find((e) => e.tagName.toLowerCase() === "li")?.parentElement ?? null;
+	if (s && (s.tagName.toLowerCase() === "ul" || s.tagName.toLowerCase() === "ol")) {
+		if (s.tagName.toLowerCase() === t) {
+			let t = s.parentNode;
+			if (!t) return;
+			let r = null;
+			for (let e of Array.from(s.children)) {
+				let i = n.createElement("p");
+				for (; e.firstChild;) i.appendChild(e.firstChild);
+				t.insertBefore(i, s), r = i;
+			}
+			if (s.remove(), r) {
+				let t = n.createRange();
+				t.selectNodeContents(r), t.collapse(!1), i(e, t);
+			}
+		} else p(s, t);
+		return;
+	}
+	let c = f(e, o).filter((e) => e.tagName.toLowerCase() !== "li"), l = n.createElement(t);
+	if (c.length === 0) {
+		let t = n.createElement("li");
+		for (; e.firstChild;) t.appendChild(e.firstChild);
+		l.appendChild(t), e.appendChild(l);
+	} else {
+		c[0].before(l);
+		for (let e of c) {
+			let t = n.createElement("li");
+			for (; e.firstChild;) t.appendChild(e.firstChild);
+			e.remove(), l.appendChild(t);
+		}
+	}
+	let u = l.lastElementChild;
+	if (u) {
+		let t = n.createRange();
+		t.selectNodeContents(u), t.collapse(!1), i(e, t);
+	}
+}
+function g(e, t) {
+	let n = e.ownerDocument, a = r(e);
+	if (!a) return;
+	let o = n.createElement("a");
+	if (o.setAttribute("href", t), a.collapsed) o.textContent = t, a.insertNode(o);
+	else {
+		let e = a.extractContents();
+		c(e, ["a"]), o.appendChild(e), a.insertNode(o);
+	}
+	let s = n.createRange();
+	s.setStartAfter(o), s.collapse(!0), i(e, s), e.normalize();
+}
+function _(e) {
+	let t = r(e);
+	if (!t) return;
+	let n = a(t.startContainer, e).find((e) => e.tagName.toLowerCase() === "a");
+	if (n) {
+		s(n);
+		return;
+	}
+	if (!t.collapsed) {
+		let n = t.extractContents();
+		c(n, ["a"]), u(e, t, n);
+	}
+}
+function v(e) {
+	let n = r(e);
+	if (n && !n.collapsed) {
+		let r = n.extractContents();
+		c(r, [
+			...t,
+			"span",
+			"font"
+		]);
+		for (let e of Array.from(r.querySelectorAll("h1,h2,h3"))) p(e, "p");
+		u(e, n, r);
+		return;
+	}
+	c(e, [
+		...t,
+		"span",
+		"font"
+	]);
+	for (let t of Array.from(e.querySelectorAll("h1,h2,h3"))) p(t, "p");
+	e.normalize();
+}
+//#endregion
+export { g as createLink, o as getActiveFormats, r as getEditorRange, v as removeAllFormatting, _ as removeLink, m as setBlock, d as toggleInline, h as toggleList };

package/dist/components/form/RichTextEditor/rich-text-editor.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1p9s3_16`,t=`_outline_1p9s3_33`,n=`_ghost_1p9s3_39`,r=`_danger_1p9s3_7`,i=`_warning_1p9s3_57`,a=`_success_1p9s3_64`,o=`_disabled_1p9s3_71`,s=`_toolbar_1p9s3_77`,c=`_toolbarBtn_1p9s3_82`,l=`_toolbarSep_1p9s3_86`,u=`_content_1p9s3_89`,d=`_fullWidth_1p9s3_95`,f=`_widthXs_1p9s3_99`,p=`_widthSm_1p9s3_103`,m=`_widthMd_1p9s3_107`,h=`_widthLg_1p9s3_111`,g=`_widthXl_1p9s3_115`,_=`_hasCustomWidth_1p9s3_119`,v=`_active_1p9s3_169`,y={root:e,outline:t,ghost:n,danger:r,warning:i,success:a,disabled:o,toolbar:s,toolbarBtn:c,toolbarSep:l,content:u,fullWidth:d,widthXs:f,widthSm:p,widthMd:m,widthLg:h,widthXl:g,hasCustomWidth:_,active:v};exports.active=v,exports.content=u,exports.danger=r,exports.default=y,exports.disabled=o,exports.fullWidth=d,exports.ghost=n,exports.hasCustomWidth=_,exports.outline=t,exports.root=e,exports.success=a,exports.toolbar=s,exports.toolbarBtn=c,exports.toolbarSep=l,exports.warning=i,exports.widthLg=h,exports.widthMd=m,exports.widthSm=p,exports.widthXl=g,exports.widthXs=f;

package/dist/components/form/RichTextEditor/rich-text-editor.module.js

@@ -0,0 +1,25 @@
+"use client";
+//#region src/components/form/RichTextEditor/rich-text-editor.module.scss
+var e = "_root_1p9s3_16", t = "_outline_1p9s3_33", n = "_ghost_1p9s3_39", r = "_danger_1p9s3_7", i = "_warning_1p9s3_57", a = "_success_1p9s3_64", o = "_disabled_1p9s3_71", s = "_toolbar_1p9s3_77", c = "_toolbarBtn_1p9s3_82", l = "_toolbarSep_1p9s3_86", u = "_content_1p9s3_89", d = "_fullWidth_1p9s3_95", f = "_widthXs_1p9s3_99", p = "_widthSm_1p9s3_103", m = "_widthMd_1p9s3_107", h = "_widthLg_1p9s3_111", g = "_widthXl_1p9s3_115", _ = "_hasCustomWidth_1p9s3_119", v = "_active_1p9s3_169", y = {
+	root: e,
+	outline: t,
+	ghost: n,
+	danger: r,
+	warning: i,
+	success: a,
+	disabled: o,
+	toolbar: s,
+	toolbarBtn: c,
+	toolbarSep: l,
+	content: u,
+	fullWidth: d,
+	widthXs: f,
+	widthSm: p,
+	widthMd: m,
+	widthLg: h,
+	widthXl: g,
+	hasCustomWidth: _,
+	active: v
+};
+//#endregion
+export { v as active, u as content, r as danger, y as default, o as disabled, d as fullWidth, n as ghost, _ as hasCustomWidth, t as outline, e as root, a as success, s as toolbar, c as toolbarBtn, l as toolbarSep, i as warning, h as widthLg, m as widthMd, p as widthSm, g as widthXl, f as widthXs };

package/dist/components/form/SearchInput/SearchInput.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../Input/Input.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=e=>(0,i.jsx)(t.Input,{leftIcon:`SearchIcon`,allowClear:!0,...e,className:(0,r.default)(`wim-search-input`,e.className)});exports.SearchInput=a;

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { Input } from '../../form/Input/Input';
+/**
+ * 検索に特化した入力コンポーネント。
+ * 検索アイコンを標準装備し、入力がある場合はクリアボタンを表示します。
+ */
+export declare const SearchInput: (props: React.ComponentProps<typeof Input>) => React.JSX.Element;

package/dist/components/form/SearchInput/SearchInput.js

@@ -0,0 +1,14 @@
+"use client";
+import { Input as e } from "../Input/Input.js";
+import "react";
+import t from "classnames";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/form/SearchInput/SearchInput.tsx
+var r = (r) => /* @__PURE__ */ n(e, {
+	leftIcon: "SearchIcon",
+	allowClear: !0,
+	...r,
+	className: t("wim-search-input", r.className)
+});
+//#endregion
+export { r as SearchInput };

package/dist/components/form/SegmentedControl/SegmentedControl.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("../../../hooks/useMergedRef.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../_internal/useIndicator.cjs"),o=require("./segmented-control.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(0,s.forwardRef)(({options:e,value:u,onChange:d,size:f=`md`,fullWidth:p=!1,className:m,label:h,error:g,required:_,layout:v=`vertical`,disabled:y=!1,asChild:b=!1,children:x,id:S,styles:C},w)=>{let T=(0,s.useRef)([]),E=(0,s.useId)(),D=S||`wim-segmented-${E}`,O=`${D}-label`,k=`${D}-error`,{containerRef:A,sliderStyle:j,isReady:M}=a.useIndicator({activeSelector:`.${o.default.active}`,dependence:e.length}),N=e.findIndex(e=>e.value===u),P=(t,n)=>{let r;switch(t.key){case`ArrowLeft`:case`ArrowUp`:r=n-1,r<0&&(r=e.length-1);break;case`ArrowRight`:case`ArrowDown`:r=n+1,r>=e.length&&(r=0);break;default:return}t.preventDefault(),d(e[r].value),T.current[r]?.focus()};return(0,l.jsx)(i.FieldTemplate,{label:h,error:g,required:_,layout:v,labelId:O,htmlFor:`${D}-item-0`,errorId:k,className:m,children:(0,l.jsxs)(b?t.Root:`div`,{ref:r.useMergedRef(A,w),id:D,className:(0,c.default)(`wim-segmented-control`,o.default.root,o.default[f],p&&o.default.fullWidth,M&&o.default.ready,g&&o.default.danger,C?.root),role:`radiogroup`,"aria-labelledby":h?O:void 0,"aria-required":_,"aria-invalid":g?!0:void 0,"aria-describedby":g?k:void 0,children:[(0,l.jsx)(`div`,{className:(0,c.default)(o.default.slider,C?.slider),style:j,"aria-hidden":`true`}),e.map((e,t)=>{let r=e.value===u,i=r||N===-1&&t===0;return(0,l.jsxs)(`button`,{id:`${D}-item-${t}`,ref:e=>{T.current[t]=e},type:`button`,className:(0,c.default)(o.default.item,r&&o.default.active,!e.label&&e.iconName&&o.default.iconOnly,C?.item),onClick:()=>d(e.value),onKeyDown:e=>P(e,t),onFocus:()=>{},onBlur:()=>{},role:`radio`,"aria-checked":r,tabIndex:i?0:-1,"aria-label":e.label||e.value,disabled:y,children:[e.iconName&&(0,l.jsx)(n.Icon,{name:e.iconName,size:f,className:o.default.icon}),e.label&&(0,l.jsx)(`span`,{className:(0,c.default)(o.default.label,C?.label),children:e.label})]},e.value)}),(0,l.jsx)(t.Slottable,{children:x})]})})});u.displayName=`SegmentedControl`,exports.SegmentedControl=u;

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

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+import { ComponentSizeBasic } from '../../../types/tokens';
+type Option = {
+    label?: string;
+    value: string;
+    iconName?: "CircleIcon" | "SquareIcon" | "LoadingIcon" | "ExternalLinkIcon";
+};
+type SegmentedControlProps = {
+    /** List of segment options */
+    options: Option[];
+    /** Selected value */
+    value: string;
+    /** Callback when the selected value changes */
+    onChange: (value: string) => void;
+    /** Size of the control */
+    size?: ComponentSizeBasic;
+    /** Whether to take full width of parent */
+    fullWidth?: boolean;
+    /** Additional class names */
+    className?: string;
+    /** Accessible label */
+    label?: string;
+    /** Error message */
+    error?: string;
+    /** Whether to show the required indicator */
+    required?: boolean;
+    /** Layout direction of label and field */
+    layout?: "vertical" | "horizontal";
+    /** Whether the control is disabled */
+    disabled?: boolean;
+    /**
+     * If true, merge radiogroup props onto the child element.
+     */
+    asChild?: boolean;
+    /** Optional children used when asChild is true */
+    children?: React.ReactNode;
+    /**
+     * Unique ID for the component
+     */
+    id?: string;
+    /**
+     * Custom styles for internal parts
+     */
+    styles?: {
+        root?: string;
+        item?: string;
+        slider?: string;
+        label?: string;
+    };
+};
+export declare const SegmentedControl: React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/form/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,90 @@
+"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 { useMergedRef as r } from "../../../hooks/useMergedRef.js";
+import { FieldTemplate as i } from "../FieldTemplate/FieldTemplate.js";
+import { useIndicator as a } from "../../_internal/useIndicator.js";
+import o from "./segmented-control.module.js";
+import { forwardRef as s, useId as c, useRef as l } from "react";
+import u from "classnames";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/form/SegmentedControl/SegmentedControl.tsx
+var p = s(({ options: s, value: p, onChange: m, size: h = "md", fullWidth: g = !1, className: _, label: v, error: y, required: b, layout: x = "vertical", disabled: S = !1, asChild: C = !1, children: w, id: T, styles: E }, D) => {
+	let O = l([]), k = c(), A = T || `wim-segmented-${k}`, j = `${A}-label`, M = `${A}-error`, { containerRef: N, sliderStyle: P, isReady: F } = a({
+		activeSelector: `.${o.active}`,
+		dependence: s.length
+	}), I = s.findIndex((e) => e.value === p), L = (e, t) => {
+		let n;
+		switch (e.key) {
+			case "ArrowLeft":
+			case "ArrowUp":
+				n = t - 1, n < 0 && (n = s.length - 1);
+				break;
+			case "ArrowRight":
+			case "ArrowDown":
+				n = t + 1, n >= s.length && (n = 0);
+				break;
+			default: return;
+		}
+		e.preventDefault(), m(s[n].value), O.current[n]?.focus();
+	};
+	return /* @__PURE__ */ d(i, {
+		label: v,
+		error: y,
+		required: b,
+		layout: x,
+		labelId: j,
+		htmlFor: `${A}-item-0`,
+		errorId: M,
+		className: _,
+		children: /* @__PURE__ */ f(C ? e : "div", {
+			ref: r(N, D),
+			id: A,
+			className: u("wim-segmented-control", o.root, o[h], g && o.fullWidth, F && o.ready, y && o.danger, E?.root),
+			role: "radiogroup",
+			"aria-labelledby": v ? j : void 0,
+			"aria-required": b,
+			"aria-invalid": y ? !0 : void 0,
+			"aria-describedby": y ? M : void 0,
+			children: [
+				/* @__PURE__ */ d("div", {
+					className: u(o.slider, E?.slider),
+					style: P,
+					"aria-hidden": "true"
+				}),
+				s.map((e, t) => {
+					let r = e.value === p, i = r || I === -1 && t === 0;
+					return /* @__PURE__ */ f("button", {
+						id: `${A}-item-${t}`,
+						ref: (e) => {
+							O.current[t] = e;
+						},
+						type: "button",
+						className: u(o.item, r && o.active, !e.label && e.iconName && o.iconOnly, E?.item),
+						onClick: () => m(e.value),
+						onKeyDown: (e) => L(e, t),
+						onFocus: () => {},
+						onBlur: () => {},
+						role: "radio",
+						"aria-checked": r,
+						tabIndex: i ? 0 : -1,
+						"aria-label": e.label || e.value,
+						disabled: S,
+						children: [e.iconName && /* @__PURE__ */ d(n, {
+							name: e.iconName,
+							size: h,
+							className: o.icon
+						}), e.label && /* @__PURE__ */ d("span", {
+							className: u(o.label, E?.label),
+							children: e.label
+						})]
+					}, e.value);
+				}),
+				/* @__PURE__ */ d(t, { children: w })
+			]
+		})
+	});
+});
+p.displayName = "SegmentedControl";
+//#endregion
+export { p as SegmentedControl };

package/dist/components/form/SegmentedControl/segmented-control.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_kpg4k_22`,t=`_fullWidth_kpg4k_36`,n=`_danger_kpg4k_13`,r=`_sm_kpg4k_43`,i=`_item_kpg4k_46`,a=`_iconOnly_kpg4k_51`,o=`_icon_kpg4k_51`,s=`_md_kpg4k_61`,c=`_lg_kpg4k_79`,l=`_slider_kpg4k_97`,u=`_ready_kpg4k_111`,d=`_active_kpg4k_148`,f=`_label_kpg4k_155`,p={root:e,fullWidth:t,danger:n,sm:r,item:i,iconOnly:a,icon:o,md:s,lg:c,slider:l,ready:u,active:d,label:f};exports.active=d,exports.danger=n,exports.default=p,exports.fullWidth=t,exports.icon=o,exports.iconOnly=a,exports.item=i,exports.label=f,exports.lg=c,exports.md=s,exports.ready=u,exports.root=e,exports.slider=l,exports.sm=r;

package/dist/components/form/SegmentedControl/segmented-control.module.js

@@ -0,0 +1,19 @@
+"use client";
+//#region src/components/form/SegmentedControl/segmented-control.module.scss
+var e = "_root_kpg4k_22", t = "_fullWidth_kpg4k_36", n = "_danger_kpg4k_13", r = "_sm_kpg4k_43", i = "_item_kpg4k_46", a = "_iconOnly_kpg4k_51", o = "_icon_kpg4k_51", s = "_md_kpg4k_61", c = "_lg_kpg4k_79", l = "_slider_kpg4k_97", u = "_ready_kpg4k_111", d = "_active_kpg4k_148", f = "_label_kpg4k_155", p = {
+	root: e,
+	fullWidth: t,
+	danger: n,
+	sm: r,
+	item: i,
+	iconOnly: a,
+	icon: o,
+	md: s,
+	lg: c,
+	slider: l,
+	ready: u,
+	active: d,
+	label: f
+};
+//#endregion
+export { d as active, n as danger, p as default, t as fullWidth, o as icon, a as iconOnly, i as item, f as label, c as lg, s as md, u as ready, e as root, l as slider, r as sm };

package/dist/components/form/Select/Select.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("../../../i18n/useWimTranslation.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../InputBase/InputBase.cjs"),o=require("../FieldTemplate/FieldTemplate.cjs"),s=require("../../_internal/mergeRefs.cjs"),c=require("./select.module.cjs"),ee=require("./useSelect.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");var f=(0,l.forwardRef)(({options:e=[],value:f,onChange:p,placeholder:m,label:h,error:g,required:_,layout:te,className:ne,disabled:v=!1,defaultValue:y,searchable:b=!1,searchPlaceholder:x,filterOption:S,grouped:C=!1,allowClear:w=!1,fullWidth:T=!1,intent:re=`default`,id:ie,noOptionsFoundLabel:E,width:D,styles:O,asChild:k=!1,children:ae,...oe},se)=>{let{t:ce}=n.useWimTranslation(`form`),le=(0,l.useId)(),A=ie||`wim-select-${le}`,j=h?`${A}-label`:void 0,M=g?`${A}-error`:void 0,N=`${A}-list`,P=`${A}-trigger`,F=g?`danger`:re,{isOpen:I,searchValue:L,setSearchValue:R,focusedIndex:z,setFocusedIndex:B,isKeyboardNavigating:V,setIsKeyboardNavigating:H,containerRef:U,triggerRef:ue,searchInputRef:de,listItemsRef:W,currentValue:G,filteredOptions:K,selectedOption:q,focusedOption:J,handleToggle:fe,handleSelect:Y,handleClear:pe,handleKeyDown:X}=ee.useSelect({options:e,value:f,onChange:p,defaultValue:y,searchable:b,grouped:C,disabled:v,filterOption:S}),me=s.mergeRefs(U,se),he=()=>{let t=0;return C&&e.length>0&&`options`in e[0]?e.map((e,n)=>{let r=e.options.filter(e=>e.type===`separator`||!L||(S||((e,t)=>(typeof e.label==`string`?e.label:``).toLowerCase().includes(t.toLowerCase())))(e,L));return r.length===0?null:(0,d.jsxs)(l.default.Fragment,{children:[(0,d.jsx)(`li`,{className:(0,u.default)(c.default.groupLabel,O?.groupLabel),role:`presentation`,children:e.label}),r.map((e,r)=>{let a=t++;if(e.type===`separator`)return(0,d.jsx)(`li`,{className:(0,u.default)(c.default.separator,O?.separator),role:`presentation`},`sep-${n}-${r}`);let o=a===z,s=G===e.value;return(0,d.jsx)(i.BaseListItem,{asChild:!0,id:`wim-select-option-${A}-${e.value}`,ref:e=>{W.current[a]=e},active:o,disabled:e.disabled,className:(0,u.default)(c.default.option,s&&c.default.selected,O?.option),onClick:t=>{t.stopPropagation(),Y(e)},onMouseEnter:()=>B(a),role:`option`,"aria-selected":s,children:(0,d.jsx)(`li`,{children:e.label})},e.value)})]},n)}):K.map((e,n)=>{let r=t++;if(e.type===`separator`)return(0,d.jsx)(`li`,{className:(0,u.default)(c.default.separator,O?.separator),role:`presentation`},`sep-${n}`);let a=r===z,o=G===e.value;return(0,d.jsx)(i.BaseListItem,{asChild:!0,id:`wim-select-option-${A}-${e.value}`,ref:e=>{W.current[r]=e},active:a,disabled:e.disabled,className:(0,u.default)(c.default.option,o&&c.default.selected,O?.option),onClick:t=>{t.stopPropagation(),Y(e)},onMouseEnter:()=>B(r),role:`option`,"aria-selected":o,children:(0,d.jsx)(`li`,{children:e.label})},e.value)})},Z=J&&J.type!==`separator`?`wim-select-option-${A}-${J.value}`:void 0,{"aria-label":Q,"aria-labelledby":$,"aria-describedby":ge,..._e}=oe;return(0,d.jsx)(o.FieldTemplate,{label:h,error:g,required:_,layout:te,labelId:j,htmlFor:P,errorId:M,className:ne,children:(0,d.jsxs)(k?t.Root:`div`,{className:(0,u.default)(`wim-select`,c.default.root,T&&c.default.fullWidth,O?.root),ref:me,onMouseMove:()=>H(!1),"data-keyboard-nav":V,..._e,children:[(0,d.jsxs)(t.Slottable,{children:[(0,d.jsx)(a.InputBase,{disabled:v,allowClear:w,hasValue:!!G,onClear:pe,intent:F,rightIcons:[{name:`ChevronDownIcon`,rotated:I}],width:D,fullWidth:T,styles:O?.inputBase,children:(0,d.jsx)(`div`,{id:P,className:(0,u.default)(c.default.trigger,I&&c.default.open,v&&c.default.disabled,O?.trigger),onClick:fe,onKeyDown:X,tabIndex:v?-1:0,role:`combobox`,"aria-expanded":I,"aria-haspopup":`listbox`,"aria-controls":I?N:void 0,"aria-disabled":v,"aria-labelledby":j||$,"aria-label":h?void 0:typeof Q==`string`?Q:typeof m==`string`?m:void 0,"aria-describedby":M||ge,"aria-required":_?`true`:void 0,"aria-invalid":F===`danger`?`true`:`false`,"aria-activedescendant":I?Z:void 0,ref:ue,children:(0,d.jsx)(`div`,{className:(0,u.default)(c.default.value,!q&&c.default.placeholder,O?.value),children:q?q.label:m})})}),(0,d.jsxs)(r.Transition,{show:I&&!v,preset:`fade`,className:(0,u.default)(c.default.dropdown,O?.dropdown),children:[b&&(0,d.jsx)(`div`,{className:(0,u.default)(c.default.search,O?.search),children:(0,d.jsx)(`input`,{ref:de,type:`text`,className:(0,u.default)(c.default.searchInput,O?.searchInput),placeholder:x,value:L,onChange:e=>{R(e.target.value),B(-1)},onClick:e=>e.stopPropagation(),onKeyDown:X,"aria-label":x,"aria-controls":N,"aria-activedescendant":Z})}),(0,d.jsx)(`ul`,{id:N,className:(0,u.default)(c.default.list,O?.list),role:`listbox`,"aria-labelledby":h?j:$||void 0,children:K.length===0?(0,d.jsx)(`li`,{className:(0,u.default)(c.default.empty,O?.empty),role:`option`,"aria-selected":`false`,children:E??ce(`select.no_options`)}):he()})]})]}),ae]})})});f.displayName=`Select`,exports.Select=f,exports.default=f;

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

@@ -0,0 +1,78 @@
+import { default as React } from 'react';
+import { InputBase } from '../InputBase';
+import { FieldIntent, FieldWidth } from '../../../types/tokens';
+export type SelectOption = {
+    label?: React.ReactNode;
+    value?: string;
+    disabled?: boolean;
+    group?: string;
+    type?: "option" | "separator";
+};
+export type SelectOptionGroup = {
+    label: React.ReactNode;
+    options: SelectOption[];
+};
+export interface SelectProps extends Omit<React.ComponentPropsWithoutRef<"div">, "onChange" | "defaultValue"> {
+    /** List of options (flat or grouped) */
+    options: SelectOption[] | SelectOptionGroup[];
+    /** Selected value (controlled) */
+    value?: string;
+    /** Callback when the selected value changes */
+    onChange?: (value: string) => void;
+    /** Placeholder shown when nothing is selected */
+    placeholder?: React.ReactNode;
+    /** Field label */
+    label?: string;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Initially selected value (uncontrolled) */
+    defaultValue?: string;
+    /** Enable search/filtering functionality */
+    searchable?: boolean;
+    /** Placeholder text for search input */
+    searchPlaceholder?: string;
+    /** Custom filter function */
+    filterOption?: (option: SelectOption, searchValue: string) => boolean;
+    /** Whether options are grouped */
+    grouped?: boolean;
+    /** Whether to show a clear button when a value is selected */
+    allowClear?: boolean;
+    /** Whether to take full width of parent */
+    fullWidth?: boolean;
+    /** Unique ID for the component */
+    id?: string;
+    /** Semantic intent of the field (e.g. error state) */
+    intent?: FieldIntent;
+    /** Error message */
+    error?: string;
+    /** Whether to show the required indicator */
+    required?: boolean;
+    /** Layout direction of label and field */
+    layout?: "vertical" | "horizontal";
+    /** Label shown when no options match the search */
+    noOptionsFoundLabel?: string;
+    /** Fixed width of the field (width token, CSS value, or number in px) */
+    width?: FieldWidth | string | number;
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+    /** Custom styles for internal parts */
+    styles?: {
+        root?: string;
+        trigger?: string;
+        value?: string;
+        dropdown?: string;
+        list?: string;
+        option?: string;
+        search?: string;
+        searchInput?: string;
+        groupLabel?: string;
+        separator?: string;
+        empty?: string;
+        inputBase?: React.ComponentProps<typeof InputBase>["styles"];
+    };
+}
+/**
+ * Pull-down menu for selecting a single option from a predefined list.
+ */
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+export default Select;