@cascivo/react 0.18.0 → 1.1.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 }) {
-	a();
-	let [S, C] = r({
-		value: g,
-		defaultValue: _ ?? [],
-		onChange: v
-	}), [w, T] = r({
-		value: l,
-		defaultValue: f ?? (s === "multi" ? [] : ""),
-		onChange: h
-	}), E = i(null), D = t(/* @__PURE__ */ new Map()), O = new Set(S.value), k = u(o, O), A = new Map(k.map((e, t) => [e.id, t])), j = d(w.value), M = new Set(j), N = E.value ?? j[0] ?? k[0]?.id ?? null, P = (e) => C([...e]), F = (e) => {
-		if (O.has(e)) return;
-		let t = new Set(O);
-		t.add(e), P(t);
-	}, I = (e) => {
-		if (!O.has(e)) return;
-		let t = new Set(O);
-		t.delete(e), P(t);
-	}, L = (e) => {
-		E.value = e, D.current.get(e)?.focus();
-	}, R = (e) => {
-		if (s === "multi") {
-			let t = new Set(M);
-			t.has(e) ? t.delete(e) : t.add(e), T([...t]);
-		} else T(e);
-	}, z = t({
-		buffer: "",
-		at: 0
-	}), B = (e, t) => {
-		let n = A.get(t.id);
-		if (n === void 0) return;
-		let { hasChildren: r, level: i, parentId: a, expanded: s } = k[n];
-		switch (e.key) {
-			case "ArrowDown": {
-				e.preventDefault();
-				let t = k[n + 1];
-				t && L(t.id);
-				break;
-			}
-			case "ArrowUp": {
-				e.preventDefault();
-				let t = k[n - 1];
-				t && L(t.id);
-				break;
-			}
-			case "ArrowRight":
-				if (e.preventDefault(), r && !s) F(t.id);
-				else if (r && s) {
-					let e = k[n + 1];
-					e && e.level > i && L(e.id);
-				}
-				break;
-			case "ArrowLeft":
-				e.preventDefault(), r && s ? I(t.id) : a && L(a);
-				break;
-			case "Home":
-				e.preventDefault(), k[0] && L(k[0].id);
-				break;
-			case "End": {
-				e.preventDefault();
-				let t = k[k.length - 1];
-				t && L(t.id);
-				break;
-			}
-			case "Enter":
-			case " ":
-				e.preventDefault(), R(t.id);
-				break;
-			default:
-				if (e.key.length === 1 && !e.metaKey && !e.ctrlKey && !e.altKey) {
-					let t = z.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, O), c = [...k.slice(n + 1), ...k.slice(0, n + 1)].find((e) => {
-						let t = s.get(e.id);
-						return t ? a(t) : !1;
-					});
-					c && L(c.id);
-				}
-				break;
-		}
-	}, V = (e, t, n, r) => {
-		let i = !!e.children && e.children.length > 0, a = O.has(e.id), o = M.has(e.id), s = N === 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: D,
-			onFocusNode: () => E.value = e.id,
-			onKeyDown: (t) => B(t, e),
-			onActivate: () => {
-				L(e.id), i && (a ? I : F)(e.id), R(e.id);
-			},
-			children: i && e.children.map((e, n) => V(e, t + 1, n + 1, l))
-		}, e.id);
-	};
-	return /* @__PURE__ */ c("ul", {
-		role: "tree",
-		"aria-label": x ?? b,
-		className: n(e.tree, y),
-		children: o.map((e, t) => V(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 f(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 p(e){return e===void 0?[]:Array.isArray(e)?e:e===``?[]:[e]}function m({items:i,selectionMode:c=`single`,selected:l,defaultSelected:d,onSelectChange:m,onValueChange:_,expanded:v,defaultExpanded:y,onExpandedChange:b,className:x,"aria-label":S,ariaLabel:C,label:w}){o();let[T,E]=r({value:v,defaultValue:y??[],onChange:b}),[D,O]=r({value:l,defaultValue:d??(c===`multi`?[]:``),onChange:e=>{_?.(e),m?.(e)}}),k=a(null),A=t(new Map),j=new Set(T.value),M=f(i,j),N=new Map(M.map((e,t)=>[e.id,t])),P=p(D.value),F=new Set(P),I=((...e)=>{for(let t of e)if(t&&N.has(t))return t;return M[0]?.id??null})(k.value,P[0]),L=e=>E([...e]),R=e=>{if(j.has(e))return;let t=new Set(j);t.add(e),L(t)},z=e=>{if(!j.has(e))return;let t=new Set(j);t.delete(e),L(t)},B=e=>{k.value=e,A.current.get(e)?.focus()},V=(e,t)=>{let n=h(i,j);for(let r=e+t;r>=0&&r<M.length;r+=t){let e=M[r];if(e&&!n.get(e.id)?.disabled)return e}},H=e=>e===`start`?V(-1,1):V(M.length,-1),U=e=>{if(!h(i,j).get(e)?.disabled)if(c===`multi`){let t=new Set(F);t.has(e)?t.delete(e):t.add(e),O([...t])}else O(e)},W=e=>e.textValue===void 0?typeof e.label==`string`?e.label:null:e.textValue,G=s({onMatch:e=>{let t=k.peek(),n=t===null?-1:N.get(t)??-1,r=h(i,j),a=[...M.slice(n+1),...M.slice(0,n+1)].find(t=>{let n=r.get(t.id);if(!n||n.disabled)return!1;let i=W(n);return i!==null&&i.toLowerCase().startsWith(e)});a&&B(a.id)}}),K=(e,t)=>{let n=N.get(t.id);if(n===void 0)return;let{hasChildren:r,level:i,parentId:a,expanded:o}=M[n];switch(e.key){case`ArrowDown`:{e.preventDefault();let t=V(n,1);t&&B(t.id);break}case`ArrowUp`:{e.preventDefault();let t=V(n,-1);t&&B(t.id);break}case`ArrowRight`:if(e.preventDefault(),r&&!o)R(t.id);else if(r&&o){let e=M[n+1];e&&e.level>i&&B(e.id)}break;case`ArrowLeft`:e.preventDefault(),r&&o?z(t.id):a&&B(a);break;case`Home`:{e.preventDefault();let t=H(`start`);t&&B(t.id);break}case`End`:{e.preventDefault();let t=H(`end`);t&&B(t.id);break}case`*`:{e.preventDefault();let t=new Set(j);for(let e of M)e.level===i&&e.parentId===a&&e.hasChildren&&t.add(e.id);L(t);break}case`Enter`:case` `:if(e.preventDefault(),t.disabled)break;r&&(o?z:R)(t.id),U(t.id);break;default:G.onKeyDown(e);break}},q=(e,t,n,r)=>{let i=!!e.children&&e.children.length>0,a=j.has(e.id),o=F.has(e.id),s=I===e.id,c=e.disabled??!1,l=e.children?.length??0;return u(g,{node:e,level:t,posInSet:n,setSize:r,hasChildren:i,isExpanded:a,isSelected:o,isTabbable:s,isDisabled:c,itemRefs:A,onFocusNode:()=>k.value=e.id,onKeyDown:t=>K(t,e),onActivate:()=>{c||(B(e.id),i&&(a?z:R)(e.id),U(e.id))},children:i&&a&&e.children.map((e,n)=>q(e,t+1,n+1,l))},e.id)};return u(`ul`,{role:`tree`,"aria-multiselectable":c===`multi`||void 0,"aria-label":C??S??w,className:n(e.tree,x),children:i.map((e,t)=>q(e,1,t+1,i.length))})}function h(e,t){let n=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 g({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 _={loading:()=>l(c.treeView.loading),expand:()=>l(c.treeView.expand),collapse:()=>l(c.treeView.collapse)};export{m as TreeView,_ 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 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 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{a as 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, className: d }) {
-	r();
-	let f = n(0), p = Math.ceil(s / o), m = Math.floor(f.value / o), h = Math.max(0, m - l), g = Math.min(a.length, m + p + l), _ = a.slice(h, g), v = (e) => {
-		f.value = e.currentTarget.scrollTop;
-	}, y = { blockSize: `${s}px` };
-	return /* @__PURE__ */ i("div", {
-		className: t(e.viewport, d),
-		style: y,
-		onScroll: v,
-		role: "list",
-		"aria-label": u,
-		tabIndex: 0,
-		children: /* @__PURE__ */ i("div", {
-			className: e.canvas,
-			style: { blockSize: `${a.length * o}px` },
-			children: _.map((t, n) => {
-				let r = h + 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 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 i(`div`,{className:t(e.viewport,f),style:b,onScroll:y,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{a as 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, className: h }) {
-	let g = t(null), _ = i(), v = Math.max(0, l.findIndex((e) => e.value === u)), y = t(l);
-	y.current = l;
-	let b = t(d);
-	b.current = d;
-	let x = t(p);
-	x.current = p;
-	let S = t(u);
-	S.current = u;
-	let C = (e, t) => {
-		let n = g.current;
-		n && n.scrollTo({
-			top: e * x.current,
-			behavior: t ? "smooth" : "instant"
-		});
-	}, w = r(u);
-	a(() => {
-		let e = w.value, t = y.current.findIndex((t) => t.value === e);
-		t >= 0 && C(t, !1);
-	}), a(() => {
-		let e = g.current;
-		if (!e) return;
-		let t, n = () => {
-			clearTimeout(t), t = setTimeout(() => {
-				let t = Math.round(e.scrollTop / x.current), n = y.current[t];
-				n && n.value !== S.current && b.current(n.value);
-			}, c);
-		};
-		return e.addEventListener("scroll", n, { passive: !0 }), () => {
-			clearTimeout(t), e.removeEventListener("scroll", n);
-		};
-	});
-	let T = (e) => {
-		let t = Math.max(0, Math.min(l.length - 1, e)), n = l[t];
-		!n || n.value === u || (d(n.value), C(t, !0));
-	}, E = (e) => {
-		let t = {
-			ArrowDown: v + 1,
-			ArrowUp: v - 1,
-			Home: 0,
-			End: l.length - 1,
-			PageDown: v + f,
-			PageUp: v - f
-		}[e.key];
-		t !== void 0 && (e.preventDefault(), T(t));
-	}, D = (f - 1) / 2 * p, O = {
-		"--_item-height": `${p}px`,
-		"--_pad": `${D}px`,
-		"--_column-height": `${f * p}px`
-	};
-	return /* @__PURE__ */ s("div", {
-		className: n(e.root, h),
-		style: O,
-		children: [/* @__PURE__ */ o("div", {
-			ref: g,
-			role: "listbox",
-			tabIndex: 0,
-			"aria-label": m,
-			"aria-activedescendant": `${_}-${v}`,
-			className: e.column,
-			onKeyDown: E,
-			children: l.map((t, n) => /* @__PURE__ */ o("div", {
-				id: `${_}-${n}`,
-				role: "option",
-				"aria-selected": n === v,
-				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 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 s(`div`,{className:n(e.root,g),style:k,children:[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)=>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{l as 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": "0.18.0",
+  "version": "1.1.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": "^0.18.0",
-    "@cascivo/i18n": "^0.18.0",
-    "@cascivo/themes": "^0.4.13"
+    "@cascivo/core": "^1.1.0",
+    "@cascivo/i18n": "^1.1.0",
+    "@cascivo/themes": "^1.0.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/readme.body.md

@@ -42,7 +42,7 @@ grayscale (`ThemeProvider` warns in dev when that happens).
 In a Server Component file (e.g. `app/layout.tsx`), import the themes once:
 
 ```tsx
-import '@cascivo/themes/all.css'
+import '@cascivo/themes/light-dark.css'
 ```
 
 Component CSS ships **per component** and is pulled in automatically when you
@@ -85,7 +85,8 @@ RSC without any extra wrapper.
 
 ```tsx
 // once, in your entry file — themes are the only global import
-import '@cascivo/themes/all.css' // tokens (once) + base typography + light & dark
+import '@cascivo/themes/light-dark.css' // tokens (once) + base typography + light & dark
+// swap for '@cascivo/themes/all.css' only if you ship a theme picker (all twelve, ~2x)
 
 // anywhere — each component brings its own CSS along
 import { Button, Card, CardContent, Toggle } from '@cascivo/react'
@@ -232,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
 
@@ -257,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
@@ -317,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.
@@ -378,7 +380,7 @@ routing break after adding one of these, check that the import resolves to
 - **SideNav** — Collapsible sidebar navigation with optional icons and one level of grouping
 - **SkipNav** — Skip link that jumps keyboard users past the navigation to the main content
 - **Steps** — Visual progress indicator for multi-step flows with horizontal and vertical orientations
-- **Switcher** — App/product switcher list — lives inside HeaderPanel, renders links with active indicator and optional dividers
+- **Switcher** — Always-visible app/product switcher LIST — every entry is rendered at once, it does not collapse. Lives inside HeaderPanel; renders links with an active indicator and optional dividers. For a collapsed trigger with a menu, use Dropdown.
 - **Tabs** — Switch between related panels of content
 - **Toc** — Table of contents with scroll-spy highlighting of the active section