@cascivo/react 1.0.0 → 1.2.0

package/dist/tree-view/tree-view.js

@@ -1,201 +1 @@
-"use client";
-
-import e from "./tree-view.module.js";
-import { useRef as t } from "react";
-import { cn as n, useControllableSignal as r, useSignal as i, useSignals as a } from "@cascivo/core";
-import { builtin as o, t as s } from "@cascivo/i18n";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region ../components/src/tree-view/tree-view.tsx
-function u(e, t) {
-	let n = [], r = (e, i, a) => {
-		for (let o of e) {
-			let e = !!o.children && o.children.length > 0, s = t.has(o.id);
-			n.push({
-				id: o.id,
-				level: i,
-				parentId: a,
-				hasChildren: e,
-				expanded: s
-			}), e && s && r(o.children, i + 1, o.id);
-		}
-	};
-	return r(e, 1, null), n;
-}
-function d(e) {
-	return e === void 0 ? [] : Array.isArray(e) ? e : e === "" ? [] : [e];
-}
-function f({ items: o, selectionMode: s = "single", selected: l, defaultSelected: f, onSelectChange: h, expanded: g, defaultExpanded: _, onExpandedChange: v, className: y, "aria-label": b, ariaLabel: x, label: S }) {
-	a();
-	let [C, w] = r({
-		value: g,
-		defaultValue: _ ?? [],
-		onChange: v
-	}), [T, E] = r({
-		value: l,
-		defaultValue: f ?? (s === "multi" ? [] : ""),
-		onChange: h
-	}), D = i(null), O = t(/* @__PURE__ */ new Map()), k = new Set(C.value), A = u(o, k), j = new Map(A.map((e, t) => [e.id, t])), M = d(T.value), N = new Set(M), P = D.value ?? M[0] ?? A[0]?.id ?? null, F = (e) => w([...e]), I = (e) => {
-		if (k.has(e)) return;
-		let t = new Set(k);
-		t.add(e), F(t);
-	}, L = (e) => {
-		if (!k.has(e)) return;
-		let t = new Set(k);
-		t.delete(e), F(t);
-	}, R = (e) => {
-		D.value = e, O.current.get(e)?.focus();
-	}, z = (e) => {
-		if (s === "multi") {
-			let t = new Set(N);
-			t.has(e) ? t.delete(e) : t.add(e), E([...t]);
-		} else E(e);
-	}, B = t({
-		buffer: "",
-		at: 0
-	}), V = (e, t) => {
-		let n = j.get(t.id);
-		if (n === void 0) return;
-		let { hasChildren: r, level: i, parentId: a, expanded: s } = A[n];
-		switch (e.key) {
-			case "ArrowDown": {
-				e.preventDefault();
-				let t = A[n + 1];
-				t && R(t.id);
-				break;
-			}
-			case "ArrowUp": {
-				e.preventDefault();
-				let t = A[n - 1];
-				t && R(t.id);
-				break;
-			}
-			case "ArrowRight":
-				if (e.preventDefault(), r && !s) I(t.id);
-				else if (r && s) {
-					let e = A[n + 1];
-					e && e.level > i && R(e.id);
-				}
-				break;
-			case "ArrowLeft":
-				e.preventDefault(), r && s ? L(t.id) : a && R(a);
-				break;
-			case "Home":
-				e.preventDefault(), A[0] && R(A[0].id);
-				break;
-			case "End": {
-				e.preventDefault();
-				let t = A[A.length - 1];
-				t && R(t.id);
-				break;
-			}
-			case "Enter":
-			case " ":
-				e.preventDefault(), z(t.id);
-				break;
-			default:
-				if (e.key.length === 1 && !e.metaKey && !e.ctrlKey && !e.altKey) {
-					let t = B.current, r = Date.now();
-					t.buffer = r - t.at > 500 ? e.key : t.buffer + e.key, t.at = r;
-					let i = t.buffer.toLowerCase(), a = (e) => typeof e.label == "string" && e.label.toLowerCase().startsWith(i), s = p(o, k), c = [...A.slice(n + 1), ...A.slice(0, n + 1)].find((e) => {
-						let t = s.get(e.id);
-						return t ? a(t) : !1;
-					});
-					c && R(c.id);
-				}
-				break;
-		}
-	}, H = (e, t, n, r) => {
-		let i = !!e.children && e.children.length > 0, a = k.has(e.id), o = N.has(e.id), s = P === e.id, l = e.children?.length ?? 0;
-		return /* @__PURE__ */ c(m, {
-			node: e,
-			level: t,
-			posInSet: n,
-			setSize: r,
-			hasChildren: i,
-			isExpanded: a,
-			isSelected: o,
-			isTabbable: s,
-			itemRefs: O,
-			onFocusNode: () => D.value = e.id,
-			onKeyDown: (t) => V(t, e),
-			onActivate: () => {
-				R(e.id), i && (a ? L : I)(e.id), z(e.id);
-			},
-			children: i && e.children.map((e, n) => H(e, t + 1, n + 1, l))
-		}, e.id);
-	};
-	return /* @__PURE__ */ c("ul", {
-		role: "tree",
-		"aria-label": x ?? b ?? S,
-		className: n(e.tree, y),
-		children: o.map((e, t) => H(e, 1, t + 1, o.length))
-	});
-}
-function p(e, t) {
-	let n = /* @__PURE__ */ new Map(), r = (e) => {
-		for (let i of e) n.set(i.id, i), i.children && i.children.length > 0 && t.has(i.id) && r(i.children);
-	};
-	return r(e), n;
-}
-function m({ node: t, level: n, posInSet: r, setSize: i, hasChildren: a, isExpanded: o, isSelected: s, isTabbable: u, itemRefs: d, onFocusNode: f, onKeyDown: p, onActivate: m, children: h }) {
-	return /* @__PURE__ */ l("li", {
-		role: "treeitem",
-		"aria-level": n,
-		"aria-posinset": r,
-		"aria-setsize": i,
-		"aria-selected": s,
-		"aria-expanded": a ? o : void 0,
-		tabIndex: u ? 0 : -1,
-		"data-selected": s || void 0,
-		"data-state": a ? o ? "open" : "closed" : void 0,
-		style: { "--cascivo-tree-level": n },
-		className: e.item,
-		ref: (e) => {
-			e ? d.current.set(t.id, e) : d.current.delete(t.id);
-		},
-		onFocus: (e) => {
-			e.target === e.currentTarget && f();
-		},
-		onKeyDown: p,
-		onClick: (e) => {
-			e.stopPropagation(), m();
-		},
-		children: [/* @__PURE__ */ l("span", {
-			className: e.row,
-			children: [
-				a ? /* @__PURE__ */ c("span", {
-					className: e.twisty,
-					"aria-hidden": "true",
-					"data-state": o ? "open" : "closed"
-				}) : /* @__PURE__ */ c("span", {
-					className: e.twistySpacer,
-					"aria-hidden": "true"
-				}),
-				t.icon && /* @__PURE__ */ c("span", {
-					className: e.icon,
-					"aria-hidden": "true",
-					children: t.icon
-				}),
-				/* @__PURE__ */ c("span", {
-					className: e.label,
-					children: t.label
-				})
-			]
-		}), a && /* @__PURE__ */ c("div", {
-			className: e.groupWrap,
-			"data-state": o ? "open" : "closed",
-			children: /* @__PURE__ */ c("ul", {
-				role: "group",
-				className: e.group,
-				children: h
-			})
-		})]
-	});
-}
-var h = {
-	loading: () => s(o.treeView.loading),
-	expand: () => s(o.treeView.expand),
-	collapse: () => s(o.treeView.collapse)
-};
-//#endregion
-export { f as TreeView, h as treeViewMessages };
+"use client";import e from"./tree-view.module.js";import{useRef as t}from"react";import{cn as n,useControllableSignal as r,useId as i,useSignal as a,useSignals as o,useTypeahead as s}from"@cascivo/core";import{builtin as c,t as l}from"@cascivo/i18n";import{jsx as u,jsxs as d}from"react/jsx-runtime";function flattenVisible(e,t){let n=[],walk=(e,r,i)=>{for(let a of e){let e=!!a.children&&a.children.length>0,o=t.has(a.id);n.push({id:a.id,level:r,parentId:i,hasChildren:e,expanded:o}),e&&o&&walk(a.children,r+1,a.id)}};return walk(e,1,null),n}function toSelectionArray(e){return e===void 0?[]:Array.isArray(e)?e:e===``?[]:[e]}function TreeView({items:i,selectionMode:c=`single`,selected:l,defaultSelected:d,onSelectChange:f,onValueChange:p,expanded:m,defaultExpanded:h,onExpandedChange:g,className:_,"aria-label":v,ariaLabel:y,label:b}){o();let[x,S]=r({value:m,defaultValue:h??[],onChange:g}),[C,w]=r({value:l,defaultValue:d??(c===`multi`?[]:``),onChange:e=>{p?.(e),f?.(e)}}),T=a(null),E=t(new Map),D=new Set(x.value),O=flattenVisible(i,D),k=new Map(O.map((e,t)=>[e.id,t])),A=toSelectionArray(C.value),j=new Set(A),M=((...e)=>{for(let t of e)if(t&&k.has(t))return t;return O[0]?.id??null})(T.value,A[0]),commitExpanded=e=>S([...e]),expand=e=>{if(D.has(e))return;let t=new Set(D);t.add(e),commitExpanded(t)},collapse=e=>{if(!D.has(e))return;let t=new Set(D);t.delete(e),commitExpanded(t)},focusNode=e=>{T.value=e,E.current.get(e)?.focus()},step=(e,t)=>{let n=collectVisibleNodes(i,D);for(let r=e+t;r>=0&&r<O.length;r+=t){let e=O[r];if(e&&!n.get(e.id)?.disabled)return e}},edge=e=>e===`start`?step(-1,1):step(O.length,-1),select=e=>{if(!collectVisibleNodes(i,D).get(e)?.disabled)if(c===`multi`){let t=new Set(j);t.has(e)?t.delete(e):t.add(e),w([...t])}else w(e)},nodeText=e=>e.textValue===void 0?typeof e.label==`string`?e.label:null:e.textValue,N=s({onMatch:e=>{let t=T.peek(),n=t===null?-1:k.get(t)??-1,r=collectVisibleNodes(i,D),a=[...O.slice(n+1),...O.slice(0,n+1)].find(t=>{let n=r.get(t.id);if(!n||n.disabled)return!1;let i=nodeText(n);return i!==null&&i.toLowerCase().startsWith(e)});a&&focusNode(a.id)}}),handleKeyDown=(e,t)=>{let n=k.get(t.id);if(n===void 0)return;let{hasChildren:r,level:i,parentId:a,expanded:o}=O[n];switch(e.key){case`ArrowDown`:{e.preventDefault();let t=step(n,1);t&&focusNode(t.id);break}case`ArrowUp`:{e.preventDefault();let t=step(n,-1);t&&focusNode(t.id);break}case`ArrowRight`:if(e.preventDefault(),r&&!o)expand(t.id);else if(r&&o){let e=O[n+1];e&&e.level>i&&focusNode(e.id)}break;case`ArrowLeft`:e.preventDefault(),r&&o?collapse(t.id):a&&focusNode(a);break;case`Home`:{e.preventDefault();let t=edge(`start`);t&&focusNode(t.id);break}case`End`:{e.preventDefault();let t=edge(`end`);t&&focusNode(t.id);break}case`*`:{e.preventDefault();let t=new Set(D);for(let e of O)e.level===i&&e.parentId===a&&e.hasChildren&&t.add(e.id);commitExpanded(t);break}case`Enter`:case` `:if(e.preventDefault(),t.disabled)break;r&&(o?collapse:expand)(t.id),select(t.id);break;default:N.onKeyDown(e);break}},renderNode=(e,t,n,r)=>{let i=!!e.children&&e.children.length>0,a=D.has(e.id),o=j.has(e.id),s=M===e.id,c=e.disabled??!1,l=e.children?.length??0;return u(TreeItem,{node:e,level:t,posInSet:n,setSize:r,hasChildren:i,isExpanded:a,isSelected:o,isTabbable:s,isDisabled:c,itemRefs:E,onFocusNode:()=>T.value=e.id,onKeyDown:t=>handleKeyDown(t,e),onActivate:()=>{c||(focusNode(e.id),i&&(a?collapse:expand)(e.id),select(e.id))},children:i&&a&&e.children.map((e,n)=>renderNode(e,t+1,n+1,l))},e.id)};return u(`ul`,{role:`tree`,"aria-multiselectable":c===`multi`||void 0,"aria-label":y??v??b,className:n(e.tree,_),children:i.map((e,t)=>renderNode(e,1,t+1,i.length))})}function collectVisibleNodes(e,t){let n=new Map,walk=e=>{for(let r of e)n.set(r.id,r),r.children&&r.children.length>0&&t.has(r.id)&&walk(r.children)};return walk(e),n}function TreeItem({node:t,level:n,posInSet:r,setSize:a,hasChildren:o,isExpanded:s,isSelected:c,isTabbable:l,isDisabled:f,itemRefs:p,onFocusNode:m,onKeyDown:h,onActivate:g,children:_}){let v=i(`cascivo-tree-${t.id}`);return d(`li`,{role:`treeitem`,"aria-labelledby":v,"aria-level":n,"aria-posinset":r,"aria-setsize":a,"aria-selected":c,"aria-expanded":o?s:void 0,"aria-disabled":f||void 0,"data-disabled":f||void 0,tabIndex:l?0:-1,"data-selected":c||void 0,"data-state":o?s?`open`:`closed`:void 0,style:{"--cascivo-tree-level":n},className:e.item,ref:e=>{e?p.current.set(t.id,e):p.current.delete(t.id)},onFocus:e=>{e.target===e.currentTarget&&m()},onKeyDown:h,onClick:e=>{e.stopPropagation(),g()},children:[d(`span`,{className:e.row,children:[o?u(`span`,{className:e.twisty,"aria-hidden":`true`,"data-state":s?`open`:`closed`}):u(`span`,{className:e.twistySpacer,"aria-hidden":`true`}),t.icon&&u(`span`,{className:e.icon,"aria-hidden":`true`,children:t.icon}),u(`span`,{id:v,className:e.label,children:t.label})]}),o&&u(`div`,{role:`presentation`,className:e.groupWrap,"data-state":s?`open`:`closed`,children:u(`ul`,{role:`group`,className:e.group,children:_})})]})}var f={loading:()=>l(c.treeView.loading),expand:()=>l(c.treeView.expand),collapse:()=>l(c.treeView.collapse)};export{TreeView,f as treeViewMessages};

package/dist/tree-view/tree-view.module.js

@@ -1,14 +1,2 @@
 import './tree-view.css';
-var e = {
-	tree: "_tree_ufkml_2",
-	item: "_item_ufkml_12",
-	row: "_row_ufkml_16",
-	twisty: "_twisty_ufkml_47",
-	twistySpacer: "_twistySpacer_ufkml_61",
-	icon: "_icon_ufkml_67",
-	label: "_label_ufkml_75",
-	groupWrap: "_groupWrap_ufkml_83",
-	group: "_group_ufkml_83"
-};
-//#endregion
-export { e as default };
+var e={tree:`_tree_awpgc_2`,item:`_item_awpgc_12`,row:`_row_awpgc_16`,twisty:`_twisty_awpgc_47`,twistySpacer:`_twistySpacer_awpgc_61`,icon:`_icon_awpgc_67`,label:`_label_awpgc_75`,groupWrap:`_groupWrap_awpgc_83`,group:`_group_awpgc_83`};export{e as default};

package/dist/user/user.js

@@ -1,35 +1 @@
-import { Avatar as e } from "../avatar/avatar.js";
-import t from "./user.module.js";
-import { cn as n } from "@cascivo/core/pure";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region ../components/src/user/user.tsx
-function a({ name: a, description: o, avatarProps: s, className: c, children: l, ...u }) {
-	let d = typeof a == "string" && s?.name === void 0 && s?.fallback === void 0 ? { name: a } : {};
-	return /* @__PURE__ */ i("div", {
-		role: "group",
-		className: n(t.user, c),
-		...u,
-		children: [
-			/* @__PURE__ */ r(e, {
-				...d,
-				...s
-			}),
-			/* @__PURE__ */ i("span", {
-				className: t.text,
-				children: [/* @__PURE__ */ r("span", {
-					className: t.name,
-					children: a
-				}), o != null && /* @__PURE__ */ r("span", {
-					className: t.description,
-					children: o
-				})]
-			}),
-			l != null && /* @__PURE__ */ r("span", {
-				className: t.action,
-				children: l
-			})
-		]
-	});
-}
-//#endregion
-export { a as User };
+import{Avatar as e}from"../avatar/avatar.js";import t from"./user.module.js";import{cn as n}from"@cascivo/core/pure";import{jsx as r,jsxs as i}from"react/jsx-runtime";function User({name:a,description:o,avatarProps:s,className:c,children:l,...u}){let d=typeof a==`string`&&s?.name===void 0&&s?.fallback===void 0?{name:a}:{};return i(`div`,{role:`group`,className:n(t.user,c),...u,children:[r(e,{...d,...s}),i(`span`,{className:t.text,children:[r(`span`,{className:t.name,children:a}),o!=null&&r(`span`,{className:t.description,children:o})]}),l!=null&&r(`span`,{className:t.action,children:l})]})}export{User};

package/dist/user/user.module.js

@@ -1,10 +1,2 @@
 import './user.css';
-var e = {
-	user: "_user_uuj1b_2",
-	text: "_text_uuj1b_10",
-	name: "_name_uuj1b_17",
-	description: "_description_uuj1b_26",
-	action: "_action_uuj1b_34"
-};
-//#endregion
-export { e as default };
+var e={user:`_user_uuj1b_2`,text:`_text_uuj1b_10`,name:`_name_uuj1b_17`,description:`_description_uuj1b_26`,action:`_action_uuj1b_34`};export{e as default};

package/dist/virtual-list/virtual-list.js

@@ -1,40 +1 @@
-"use client";
-
-import e from "./virtual-list.module.js";
-import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
-import { jsx as i } from "react/jsx-runtime";
-//#region ../components/src/virtual-list/virtual-list.tsx
-function a({ items: a, itemHeight: o, height: s, renderItem: c, overscan: l = 3, ariaLabel: u, label: d, className: f }) {
-	r();
-	let p = n(0), m = Math.ceil(s / o), h = Math.floor(p.value / o), g = Math.max(0, h - l), _ = Math.min(a.length, h + m + l), v = a.slice(g, _), y = (e) => {
-		p.value = e.currentTarget.scrollTop;
-	}, b = { blockSize: `${s}px` };
-	return /* @__PURE__ */ i("div", {
-		className: t(e.viewport, f),
-		style: b,
-		onScroll: y,
-		role: "list",
-		"aria-label": u ?? d,
-		tabIndex: 0,
-		children: /* @__PURE__ */ i("div", {
-			className: e.canvas,
-			style: { blockSize: `${a.length * o}px` },
-			children: v.map((t, n) => {
-				let r = g + n;
-				return /* @__PURE__ */ i("div", {
-					role: "listitem",
-					"aria-setsize": a.length,
-					"aria-posinset": r + 1,
-					className: e.row,
-					style: {
-						blockSize: `${o}px`,
-						transform: `translateY(${r * o}px)`
-					},
-					children: c(t, r)
-				}, r);
-			})
-		})
-	});
-}
-//#endregion
-export { a as VirtualList };
+"use client";import e from"./virtual-list.module.js";import{cn as t,useSignal as n,useSignals as r}from"@cascivo/core";import{jsx as i}from"react/jsx-runtime";function VirtualList({items:a,itemHeight:o,height:s,renderItem:c,overscan:l=3,ariaLabel:u,label:d,className:f}){r();let p=n(0),m=Math.ceil(s/o),h=Math.floor(p.value/o),g=Math.max(0,h-l),_=Math.min(a.length,h+m+l),v=a.slice(g,_),onScroll=e=>{p.value=e.currentTarget.scrollTop},y={blockSize:`${s}px`};return i(`div`,{className:t(e.viewport,f),style:y,onScroll,role:`list`,"aria-label":u??d,tabIndex:0,children:i(`div`,{className:e.canvas,style:{blockSize:`${a.length*o}px`},children:v.map((t,n)=>{let r=g+n;return i(`div`,{role:`listitem`,"aria-setsize":a.length,"aria-posinset":r+1,className:e.row,style:{blockSize:`${o}px`,transform:`translateY(${r*o}px)`},children:c(t,r)},r)})})})}export{VirtualList};

package/dist/virtual-list/virtual-list.module.js

@@ -1,8 +1,2 @@
 import './virtual-list.css';
-var e = {
-	viewport: "_viewport_1wmsq_2",
-	canvas: "_canvas_1wmsq_14",
-	row: "_row_1wmsq_19"
-};
-//#endregion
-export { e as default };
+var e={viewport:`_viewport_1wmsq_2`,canvas:`_canvas_1wmsq_14`,row:`_row_1wmsq_19`};export{e as default};

package/dist/visually-hidden/visually-hidden.js

@@ -1,2 +1 @@
-import "@cascivo/core/pure";
-import "react/jsx-runtime";
+import"@cascivo/core/pure";import"react/jsx-runtime";

package/dist/wheel-picker/wheel-picker.js

@@ -1,84 +1 @@
-"use client";
-
-import e from "./wheel-picker.module.js";
-import { useRef as t } from "react";
-import { cn as n, useEffectPropSignal as r, useId as i, useSignalEffect as a } from "@cascivo/core";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region ../components/src/wheel-picker/wheel-picker.tsx
-var c = 120;
-function l({ options: l, value: u, onValueChange: d, visibleCount: f = 5, itemHeight: p = 36, ariaLabel: m, label: h, className: g }) {
-	let _ = t(null), v = i(), y = Math.max(0, l.findIndex((e) => e.value === u)), b = t(l);
-	b.current = l;
-	let x = t(d);
-	x.current = d;
-	let S = t(p);
-	S.current = p;
-	let C = t(u);
-	C.current = u;
-	let w = (e, t) => {
-		let n = _.current;
-		n && n.scrollTo({
-			top: e * S.current,
-			behavior: t ? "smooth" : "instant"
-		});
-	}, T = r(u);
-	a(() => {
-		let e = T.value, t = b.current.findIndex((t) => t.value === e);
-		t >= 0 && w(t, !1);
-	}), a(() => {
-		let e = _.current;
-		if (!e) return;
-		let t, n = () => {
-			clearTimeout(t), t = setTimeout(() => {
-				let t = Math.round(e.scrollTop / S.current), n = b.current[t];
-				n && n.value !== C.current && x.current(n.value);
-			}, c);
-		};
-		return e.addEventListener("scroll", n, { passive: !0 }), () => {
-			clearTimeout(t), e.removeEventListener("scroll", n);
-		};
-	});
-	let E = (e) => {
-		let t = Math.max(0, Math.min(l.length - 1, e)), n = l[t];
-		!n || n.value === u || (d(n.value), w(t, !0));
-	}, D = (e) => {
-		let t = {
-			ArrowDown: y + 1,
-			ArrowUp: y - 1,
-			Home: 0,
-			End: l.length - 1,
-			PageDown: y + f,
-			PageUp: y - f
-		}[e.key];
-		t !== void 0 && (e.preventDefault(), E(t));
-	}, O = (f - 1) / 2 * p, k = {
-		"--_item-height": `${p}px`,
-		"--_pad": `${O}px`,
-		"--_column-height": `${f * p}px`
-	};
-	return /* @__PURE__ */ s("div", {
-		className: n(e.root, g),
-		style: k,
-		children: [/* @__PURE__ */ o("div", {
-			ref: _,
-			role: "listbox",
-			tabIndex: 0,
-			"aria-label": m ?? h,
-			"aria-activedescendant": `${v}-${y}`,
-			className: e.column,
-			onKeyDown: D,
-			children: l.map((t, n) => /* @__PURE__ */ o("div", {
-				id: `${v}-${n}`,
-				role: "option",
-				"aria-selected": n === y,
-				className: e.option,
-				children: t.label
-			}, t.value))
-		}), /* @__PURE__ */ o("div", {
-			"aria-hidden": "true",
-			className: e.band
-		})]
-	});
-}
-//#endregion
-export { l as WheelPicker };
+"use client";import e from"./wheel-picker.module.js";import{useRef as t}from"react";import{cn as n,useEffectPropSignal as r,useId as i,useSignalEffect as a}from"@cascivo/core";import{jsx as o,jsxs as s}from"react/jsx-runtime";var c=120;function WheelPicker({options:l,value:u,onValueChange:d,visibleCount:f=5,itemHeight:p=36,ariaLabel:m,label:h,className:g}){let _=t(null),v=i(),y=Math.max(0,l.findIndex(e=>e.value===u)),b=t(l);b.current=l;let x=t(d);x.current=d;let S=t(p);S.current=p;let C=t(u);C.current=u;let scrollToIndex=(e,t)=>{let n=_.current;n&&n.scrollTo({top:e*S.current,behavior:t?`smooth`:`instant`})},w=r(u);a(()=>{let e=w.value,t=b.current.findIndex(t=>t.value===e);t>=0&&scrollToIndex(t,!1)}),a(()=>{let e=_.current;if(!e)return;let t,onScroll=()=>{clearTimeout(t),t=setTimeout(()=>{let t=Math.round(e.scrollTop/S.current),n=b.current[t];n&&n.value!==C.current&&x.current(n.value)},c)};return e.addEventListener(`scroll`,onScroll,{passive:!0}),()=>{clearTimeout(t),e.removeEventListener(`scroll`,onScroll)}});let select=e=>{let t=Math.max(0,Math.min(l.length-1,e)),n=l[t];!n||n.value===u||(d(n.value),scrollToIndex(t,!0))},onKeyDown=e=>{let t={ArrowDown:y+1,ArrowUp:y-1,Home:0,End:l.length-1,PageDown:y+f,PageUp:y-f}[e.key];t!==void 0&&(e.preventDefault(),select(t))},T=(f-1)/2*p,E={"--_item-height":`${p}px`,"--_pad":`${T}px`,"--_column-height":`${f*p}px`};return s(`div`,{className:n(e.root,g),style:E,children:[o(`div`,{ref:_,role:`listbox`,tabIndex:0,"aria-label":m??h,"aria-activedescendant":`${v}-${y}`,className:e.column,onKeyDown,children:l.map((t,n)=>o(`div`,{id:`${v}-${n}`,role:`option`,"aria-selected":n===y,className:e.option,children:t.label},t.value))}),o(`div`,{"aria-hidden":`true`,className:e.band})]})}export{WheelPicker};

package/dist/wheel-picker/wheel-picker.module.js

@@ -1,9 +1,2 @@
 import './wheel-picker.css';
-var e = {
-	root: "_root_11q00_2",
-	column: "_column_11q00_7",
-	option: "_option_11q00_29",
-	band: "_band_11q00_48"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_11q00_2`,column:`_column_11q00_7`,option:`_option_11q00_29`,band:`_band_11q00_48`};export{e as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cascivo/react",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "private": false,
   "description": "Prebuilt cascivo design system components — use without copying source. @cascivo/themes installs with it; pair with @cascivo/charts (data-viz) and @cascivo/icons. Docs offline: npx @cascivo/docs",
   "keywords": [
@@ -51,9 +51,9 @@
     "provenance": true
   },
   "dependencies": {
-    "@cascivo/core": "^1.0.0",
-    "@cascivo/i18n": "^1.0.0",
-    "@cascivo/themes": "^1.0.0"
+    "@cascivo/i18n": "^1.2.0",
+    "@cascivo/themes": "^1.0.0",
+    "@cascivo/core": "^1.2.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/readme.body.md

@@ -233,7 +233,7 @@ routing break after adding one of these, check that the import resolves to
 
 ## Component index
 
-197 components, exported from `@cascivo/react`. Full props, examples, and live demos at [cascivo.com/docs](https://cascivo.com/docs).
+198 components, exported from `@cascivo/react`. Full props, examples, and live demos at [cascivo.com/docs](https://cascivo.com/docs).
 
 ### Inputs
 
@@ -258,7 +258,7 @@ routing break after adding one of these, check that the import resolves to
 - **Input** — Text input field with optional label, hint, and error state
 - **InputGroup** — Prefix/suffix addon wrapper for Input; InputGroupAddon renders inline icons/units inside the field border; ButtonGroup collapses adjacent button borders
 - **Label** — Accessible caption for a form control
-- **MultiSelect** — Searchable multi-value select with popover listbox
+- **MultiSelect** — Searchable multi-value select with a popover listbox, chips and grouping
 - **NativeSelect** — A styled native <select> that keeps platform form/keyboard behavior with a custom chevron and focus ring
 - **NumberInput** — Numeric input with stepper buttons, clamping, precision, and locale formatting
 - **OtpInput** — Segmented one-time code input
@@ -318,6 +318,7 @@ routing break after adding one of these, check that the import resolves to
 - **Kbd** — Displays a keyboard key or shortcut
 - **List** — Styled unordered or ordered list with ListItem
 - **LoginPage** — Authentication login page with email and password form.
+- **Logo** — The cascivo mark and its sanctioned lockups, as inline SVG
 - **LogViewer** — Virtualized monospace console for high-frequency log and stream output
 - **NotificationCenter** — A list of notification alerts with a mark-all-read action.
 - **PageWithBreadcrumb** — A centered content page with a breadcrumb navigation and page header.