@number10/jsx-components 5.0.0

package/dist/TransformOriginView.d.ts

@@ -0,0 +1,8 @@
+import { ViewPrimitivePropsComplete, VNodeLike } from '@number10/jsx-core';
+export interface TransformOriginViewProps extends Omit<ViewPrimitivePropsComplete, 'children'> {
+    originX?: number;
+    originY?: number;
+    children?: VNodeLike;
+}
+export declare function TransformOriginView({ originX, originY, width, height, x, y, children, rotation, scale, scaleX, scaleY, backgroundColor, backgroundAlpha, cornerRadius, borderWidth, borderColor, borderAlpha, ...outerViewProps }: TransformOriginViewProps): VNodeLike;
+//# sourceMappingURL=TransformOriginView.d.ts.map

package/dist/TransformOriginView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransformOriginView.d.ts","sourceRoot":"","sources":["../src/TransformOriginView.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,0BAA0B,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAG/E,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,0BAA0B,EAAE,UAAU,CAAC;IAC5F,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,OAAa,EACb,OAAa,EACb,KAAK,EACL,MAAM,EACN,CAAK,EACL,CAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,EACN,MAAM,EACN,eAAe,EACf,eAAe,EACf,YAAY,EACZ,WAAW,EACX,WAAW,EACX,WAAW,EACX,GAAG,cAAc,EAClB,EAAE,wBAAwB,GAAG,SAAS,CAqDtC"}

package/dist/TransformOriginView.js

@@ -0,0 +1,38 @@
+import { View as e } from "./primitives/View.js";
+import "./primitives.js";
+import { jsx as t } from "@number10/jsx-core/jsx-runtime";
+//#region src/TransformOriginView.tsx
+function n({ originX: n = .5, originY: r = .5, width: i, height: a, x: o = 0, y: s = 0, children: c, rotation: l, scale: u, scaleX: d, scaleY: f, backgroundColor: p, backgroundAlpha: m, cornerRadius: h, borderWidth: g, borderColor: _, borderAlpha: v, ...y }) {
+	if (typeof i != "number" || typeof a != "number") throw Error("TransformOriginView requires numeric width and height");
+	let b = i * n, x = a * r, S = {};
+	return l !== void 0 && (S.rotation = l), u !== void 0 && (S.scale = u), d !== void 0 && (S.scaleX = d), f !== void 0 && (S.scaleY = f), p !== void 0 && (S.backgroundColor = p), m !== void 0 && (S.backgroundAlpha = m), h !== void 0 && (S.cornerRadius = h), g !== void 0 && (S.borderWidth = g), _ !== void 0 && (S.borderColor = _), v !== void 0 && (S.borderAlpha = v), /* @__PURE__ */ t(e, {
+		x: o,
+		y: s,
+		width: i,
+		height: a,
+		padding: 0,
+		direction: "stack",
+		...y,
+		children: /* @__PURE__ */ t(e, {
+			x: b,
+			y: x,
+			width: i,
+			height: a,
+			padding: 0,
+			direction: "stack",
+			...S,
+			children: /* @__PURE__ */ t(e, {
+				x: -b,
+				y: -x,
+				width: i,
+				height: a,
+				padding: 0,
+				direction: "stack",
+				backgroundAlpha: 0,
+				children: c
+			})
+		})
+	});
+}
+//#endregion
+export { n as TransformOriginView };

package/dist/WheelPicker.cjs

@@ -0,0 +1 @@
+const e=require(`./primitives/Text.cjs`),t=require(`./primitives/View.cjs`);require(`./primitives.cjs`);const n=require(`./ScrollView.cjs`);let r=require(`@number10/jsx-core`),i=require(`@number10/jsx-core/jsx-runtime`);function a(e,t){if(t!==void 0)return e.find(e=>e.value===t)}function o(...e){let t=Object.assign({},...e.filter(Boolean));return Object.keys(t).length>0?t:void 0}function s(e){switch(e){case`small`:return{itemHeight:30,textFontSize:`13px`,selectedTextFontSize:`14px`};case`large`:return{itemHeight:52,textFontSize:`20px`,selectedTextFontSize:`22px`};default:return{itemHeight:40,textFontSize:`16px`,selectedTextFontSize:`18px`}}}function c(c){let{items:l,value:u,defaultValue:d,onChange:f,visibleItems:p=5,size:m,renderItem:h,labels:g,disabled:_=!1,theme:v,alpha:y,width:b}=c,x=(0,r.useTheme)(),S=v?(0,r.mergeThemes)(x??{},v):x,{props:C,nestedTheme:w}=(0,r.resolveComponentTheme)({componentName:`WheelPicker`,globalTheme:(0,r.getGlobalThemeDefaults)(),localTheme:S,knownComponents:r.KNOWN_COMPONENTS}),T=s(m??C.size??`medium`),E=C.itemHeight??T.itemHeight,D=p*E,O=Math.floor(p/2),k=u!==void 0,A=u??d??l[0]?.value??``,[j,M]=(0,r.useState)(A);(0,r.useEffect)(()=>{k&&M(u??``)},[k,u]);let N=k?u??``:j,P={...C.labels??{},...g??{}},F=o({fontSize:T.textFontSize,...C.textColor?{color:C.textColor}:{}},C.textStyle),I=F,L=o(F,C.disabledTextStyle),R=O*E,z=(0,r.useMemo)(()=>l.map((e,t)=>R+t*E),[l,R,E]),B=(0,r.useMemo)(()=>l.findIndex(e=>e.value===A),[l,A]),V=(0,r.useRef)(!1),H=(0,r.useMemo)(()=>l.findIndex(e=>e.value===N),[l,N]),U=(0,r.useRef)(k?N:void 0),[W,G]=(0,r.useState)(void 0),K=(0,r.useMemo)(()=>{if(W!==void 0)return{snapIndex:W};if(!V.current)return V.current=!0,{snapIndex:B>=0?B:0};if(k&&N!==U.current)return U.current=N,{snapIndex:H>=0?H:0};U.current=k?N:void 0},[W,B,k,N,H]),q=(e,t)=>{let n=a(l,e);!n||n.disabled||_||(t!==void 0&&G(t),k||M(e),f?.(e))},J=e=>{G(void 0);let t=l[e];t&&!t.disabled&&!_&&(k||M(t.value),f?.(t.value))},Y=(n,r)=>{let a=n.value===N,o=_||!!n.disabled,s=o?L:a?I:F,c=h?.({item:n,selected:a,disabled:o,index:r,distanceFromCenter:0,...s?{textStyle:s}:{}});return(0,i.jsx)(t.View,{width:`fill`,height:E,direction:`row`,alignItems:`center`,justifyContent:`center`,padding:C.itemPadding,enableGestures:!o,onTouch:()=>q(n.value,r),children:c??(0,i.jsx)(e.Text,{text:n.label,...s?{style:s}:{}})},n.value)},X=_?C.disabledAlpha??.5:y,Z=P.empty??`No items`;return(0,i.jsx)(t.View,{width:b??`fill`,height:D,overflow:`hidden`,cornerRadius:C.cornerRadius??8,backgroundColor:C.backgroundColor,backgroundAlpha:C.backgroundAlpha,borderColor:C.borderColor,borderWidth:C.borderWidth,direction:`stack`,...X===void 0?{}:{alpha:X},theme:w,children:l.length===0?(0,i.jsx)(t.View,{width:`fill`,height:`fill`,alignItems:`center`,justifyContent:`center`,children:(0,i.jsx)(e.Text,{text:Z,...F?{style:F}:{}})}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(n.ScrollView,{width:`fill`,height:`fill`,showVerticalSlider:!1,showHorizontalSlider:!1,momentum:!0,...K?{scroll:K}:{},snap:{positions:z,threshold:E},snapAlignment:`center`,onSnap:J,theme:w,children:[(0,i.jsx)(t.View,{width:`fill`,height:R}),(0,i.jsx)(t.View,{direction:`column`,width:`fill`,theme:w,children:l.map(Y)}),(0,i.jsx)(t.View,{width:`fill`,height:R})]}),(0,i.jsx)(t.View,{width:`fill`,height:O*E,backgroundColor:C.backgroundColor??0,backgroundAlpha:C.overlayAlpha??.85,y:0}),(0,i.jsx)(t.View,{width:`fill`,height:O*E,backgroundColor:C.backgroundColor??0,backgroundAlpha:C.overlayAlpha??.85,y:D-O*E})]})})}exports.WheelPicker=c;

package/dist/WheelPicker.d.ts

@@ -0,0 +1,58 @@
+import { PortableTextStyle, SizeValue, VNodeLike } from '@number10/jsx-core';
+import { PortableComponentPartialTheme } from './theme-types';
+export interface WheelPickerLabels {
+    empty?: string;
+}
+export type WheelPickerSize = 'small' | 'medium' | 'large';
+export interface WheelPickerItem {
+    /** Unique item value used for selection. */
+    value: string;
+    /** Visible label. */
+    label: string;
+    /** Disabled items cannot be selected. */
+    disabled?: boolean;
+}
+export interface WheelPickerItemRenderProps {
+    item: WheelPickerItem;
+    selected: boolean;
+    disabled: boolean;
+    index: number;
+    /** 0 = center, 1 = far edge. */
+    distanceFromCenter: number;
+    textStyle?: PortableTextStyle;
+}
+export interface WheelPickerProps {
+    /** Available items. */
+    items: WheelPickerItem[];
+    /** Selected value in controlled mode. */
+    value?: string;
+    /** Initial selected value in uncontrolled mode. */
+    defaultValue?: string;
+    /** Called when the snapped item changes. */
+    onChange?: (value: string) => void;
+    /** Number of items visible at once (odd numbers look best: 3, 5, 7). */
+    visibleItems?: number;
+    /** Size preset controlling item height and text sizing. */
+    size?: WheelPickerSize;
+    /** Loop items infinitely. */
+    loop?: boolean;
+    /** Render custom item content. */
+    renderItem?: (props: WheelPickerItemRenderProps) => VNodeLike;
+    /** Localized labels. */
+    labels?: WheelPickerLabels;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Theme overrides. */
+    theme?: PortableComponentPartialTheme<'WheelPicker'>;
+    /** Width override. */
+    width?: SizeValue;
+    /** Alpha override. */
+    alpha?: number;
+}
+/**
+ * WheelPicker — scrollable snap-to-center picker with fade edges.
+ * @param props - The component props.
+ * @returns The rendered VNode tree.
+ */
+export declare function WheelPicker(props: WheelPickerProps): VNodeLike;
+//# sourceMappingURL=WheelPicker.d.ts.map

package/dist/WheelPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WheelPicker.d.ts","sourceRoot":"","sources":["../src/WheelPicker.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAcjF,OAAO,KAAK,EAAE,6BAA6B,EAAoB,MAAM,eAAe,CAAA;AAIpF,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE1D,MAAM,WAAW,eAAe;IAC9B,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,eAAe,CAAA;IACrB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,kBAAkB,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,iBAAiB,CAAA;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC/B,uBAAuB;IACvB,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,kCAAkC;IAClC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,SAAS,CAAA;IAC7D,wBAAwB;IACxB,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uBAAuB;IACvB,KAAK,CAAC,EAAE,6BAA6B,CAAC,aAAa,CAAC,CAAA;IACpD,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAoDD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAoO9D"}

package/dist/WheelPicker.js

@@ -0,0 +1,167 @@
+import { Text as e } from "./primitives/Text.js";
+import { View as t } from "./primitives/View.js";
+import "./primitives.js";
+import { ScrollView as n } from "./ScrollView.js";
+import { KNOWN_COMPONENTS as r, getGlobalThemeDefaults as i, mergeThemes as a, resolveComponentTheme as o, useEffect as s, useMemo as c, useRef as l, useState as u, useTheme as d } from "@number10/jsx-core";
+import { Fragment as f, jsx as p, jsxs as m } from "@number10/jsx-core/jsx-runtime";
+//#region src/WheelPicker.tsx
+function ee(e, t) {
+	if (t !== void 0) return e.find((e) => e.value === t);
+}
+function h(...e) {
+	let t = Object.assign({}, ...e.filter(Boolean));
+	return Object.keys(t).length > 0 ? t : void 0;
+}
+function g(e) {
+	switch (e) {
+		case "small": return {
+			itemHeight: 30,
+			textFontSize: "13px",
+			selectedTextFontSize: "14px"
+		};
+		case "large": return {
+			itemHeight: 52,
+			textFontSize: "20px",
+			selectedTextFontSize: "22px"
+		};
+		default: return {
+			itemHeight: 40,
+			textFontSize: "16px",
+			selectedTextFontSize: "18px"
+		};
+	}
+}
+function _(_) {
+	let { items: v, value: y, defaultValue: b, onChange: x, visibleItems: S = 5, size: C, renderItem: w, labels: te, disabled: T = !1, theme: E, alpha: D, width: O } = _, k = d(), ne = E ? a(k ?? {}, E) : k, { props: A, nestedTheme: j } = o({
+		componentName: "WheelPicker",
+		globalTheme: i(),
+		localTheme: ne,
+		knownComponents: r
+	}), M = g(C ?? A.size ?? "medium"), N = A.itemHeight ?? M.itemHeight, P = S * N, F = Math.floor(S / 2), I = y !== void 0, L = y ?? b ?? v[0]?.value ?? "", [re, R] = u(L);
+	s(() => {
+		I && R(y ?? "");
+	}, [I, y]);
+	let z = I ? y ?? "" : re, B = {
+		...A.labels ?? {},
+		...te ?? {}
+	}, V = h({
+		fontSize: M.textFontSize,
+		...A.textColor ? { color: A.textColor } : {}
+	}, A.textStyle), H = V, U = h(V, A.disabledTextStyle), W = F * N, G = c(() => v.map((e, t) => W + t * N), [
+		v,
+		W,
+		N
+	]), K = c(() => v.findIndex((e) => e.value === L), [v, L]), q = l(!1), J = c(() => v.findIndex((e) => e.value === z), [v, z]), Y = l(I ? z : void 0), [X, Z] = u(void 0), Q = c(() => {
+		if (X !== void 0) return { snapIndex: X };
+		if (!q.current) return q.current = !0, { snapIndex: K >= 0 ? K : 0 };
+		if (I && z !== Y.current) return Y.current = z, { snapIndex: J >= 0 ? J : 0 };
+		Y.current = I ? z : void 0;
+	}, [
+		X,
+		K,
+		I,
+		z,
+		J
+	]), ie = (e, t) => {
+		let n = ee(v, e);
+		!n || n.disabled || T || (t !== void 0 && Z(t), I || R(e), x?.(e));
+	}, ae = (e) => {
+		Z(void 0);
+		let t = v[e];
+		t && !t.disabled && !T && (I || R(t.value), x?.(t.value));
+	}, oe = (n, r) => {
+		let i = n.value === z, a = T || !!n.disabled, o = a ? U : i ? H : V, s = w?.({
+			item: n,
+			selected: i,
+			disabled: a,
+			index: r,
+			distanceFromCenter: 0,
+			...o ? { textStyle: o } : {}
+		});
+		return /* @__PURE__ */ p(t, {
+			width: "fill",
+			height: N,
+			direction: "row",
+			alignItems: "center",
+			justifyContent: "center",
+			padding: A.itemPadding,
+			enableGestures: !a,
+			onTouch: () => ie(n.value, r),
+			children: s ?? /* @__PURE__ */ p(e, {
+				text: n.label,
+				...o ? { style: o } : {}
+			})
+		}, n.value);
+	}, $ = T ? A.disabledAlpha ?? .5 : D, se = B.empty ?? "No items";
+	return /* @__PURE__ */ p(t, {
+		width: O ?? "fill",
+		height: P,
+		overflow: "hidden",
+		cornerRadius: A.cornerRadius ?? 8,
+		backgroundColor: A.backgroundColor,
+		backgroundAlpha: A.backgroundAlpha,
+		borderColor: A.borderColor,
+		borderWidth: A.borderWidth,
+		direction: "stack",
+		...$ === void 0 ? {} : { alpha: $ },
+		theme: j,
+		children: v.length === 0 ? /* @__PURE__ */ p(t, {
+			width: "fill",
+			height: "fill",
+			alignItems: "center",
+			justifyContent: "center",
+			children: /* @__PURE__ */ p(e, {
+				text: se,
+				...V ? { style: V } : {}
+			})
+		}) : /* @__PURE__ */ m(f, { children: [
+			/* @__PURE__ */ m(n, {
+				width: "fill",
+				height: "fill",
+				showVerticalSlider: !1,
+				showHorizontalSlider: !1,
+				momentum: !0,
+				...Q ? { scroll: Q } : {},
+				snap: {
+					positions: G,
+					threshold: N
+				},
+				snapAlignment: "center",
+				onSnap: ae,
+				theme: j,
+				children: [
+					/* @__PURE__ */ p(t, {
+						width: "fill",
+						height: W
+					}),
+					/* @__PURE__ */ p(t, {
+						direction: "column",
+						width: "fill",
+						theme: j,
+						children: v.map(oe)
+					}),
+					/* @__PURE__ */ p(t, {
+						width: "fill",
+						height: W
+					})
+				]
+			}),
+			/* @__PURE__ */ p(t, {
+				width: "fill",
+				height: F * N,
+				backgroundColor: A.backgroundColor ?? 0,
+				backgroundAlpha: A.overlayAlpha ?? .85,
+				y: 0
+			}),
+			/* @__PURE__ */ p(t, {
+				width: "fill",
+				height: F * N,
+				backgroundColor: A.backgroundColor ?? 0,
+				backgroundAlpha: A.overlayAlpha ?? .85,
+				y: P - F * N
+			})
+		] })
+	});
+}
+//#endregion
+export { _ as WheelPicker };

package/dist/WrapText.cjs

@@ -0,0 +1 @@
+const e=require(`./primitives/Text.cjs`),t=require(`./primitives/View.cjs`);require(`./primitives.cjs`);let n=require(`@number10/jsx-core`),r=require(`@number10/jsx-core/jsx-runtime`);var i=new Map;function a(e){if(e.__layoutParent&&typeof e.__layoutParent==`object`)return e.__layoutParent;if(e.parent)return e.parent;let t=e.parentContainer;return t&&typeof t==`object`?t:null}function o(e){return e?(e.__getLayoutSize?.()??e.__cachedLayoutSize)?.width??0:0}function s(e){let t=o(e),r=a(e);for(;r;){let e=o(r);if(t<=0&&e>0&&(t=e),r.__layoutProps?.width!==void 0&&e>0){let t=(0,n.normalizePadding)(r.__layoutProps.padding);return Math.max(0,e-t.left-t.right)}r=a(r)}return t}function c(a){let o=(0,n.useTheme)(),{props:c,nestedTheme:l}=(0,n.resolveComponentTheme)({componentName:`WrapText`,globalTheme:(0,n.getGlobalThemeDefaults)(),localTheme:o,knownComponents:n.KNOWN_COMPONENTS}),u=(0,n.useViewportSize)(),d=a.wrap??c.wrap??!0,f=c.paddingOffset??0,p=typeof a.text==`string`?a.text:null,m=null;typeof a.cacheKey==`string`?m=a.cacheKey:typeof a.key==`string`?m=p?`${a.key}::${p}`:a.key:p&&(m=p);let h=m?i.get(m)??0:0,[g,_]=(0,n.useState)(h),v=(0,n.useRef)(h),y=(0,n.useRef)(null),b=(0,n.useRef)(null),x=(0,n.useCallback)(e=>{if(!d)return;let t=()=>{let t=s(e);t>0&&t!==v.current&&t!==g&&(v.current=t,m&&i.set(m,t),_(t))};b.current===null&&(b.current=1,n.DeferredLayoutQueue.defer(()=>{b.current=null,t()}))},[m,g,d]),S=(0,n.useCallback)(e=>{let t=e;y.current!==t&&(y.current=t,!(!t||!d||g>0)&&x(t))},[g,x,d]);(0,n.useEffect)(()=>{if(!d||g>0)return;let e=y.current;e&&x(e)},[g,x,d]),(0,n.useLayoutEffect)(()=>{d&&y.current&&(v.current=0,_(0),n.DeferredLayoutQueue.defer(()=>{y.current&&x(y.current)}))},[u.width,u.height]),(0,n.useEffect)(()=>()=>{b.current=null},[]);let C=g>0?g:v.current,w=(0,n.normalizeEdgeInsets)(a.padding),T=(w.left??0)+(w.right??0),E=Math.max(0,(C>f?C-f:0)-T),D={...c.textStyle??{},...a.style??{}},O=d&&E>0,k={};return a.backgroundColor!==void 0&&(k.backgroundColor=a.backgroundColor),a.cornerRadius!==void 0&&(k.cornerRadius=a.cornerRadius),a.borderWidth!==void 0&&(k.borderWidth=a.borderWidth),a.borderColor!==void 0&&(k.borderColor=a.borderColor),a.borderAlpha!==void 0&&(k.borderAlpha=a.borderAlpha),a.enableGestures!==void 0&&(k.enableGestures=a.enableGestures),a.onTouch!==void 0&&(k.onTouch=a.onTouch),a.onTouchOutside!==void 0&&(k.onTouchOutside=a.onTouchOutside),a.onTouchMove!==void 0&&(k.onTouchMove=a.onTouchMove),a.onDoubleTap!==void 0&&(k.onDoubleTap=a.onDoubleTap),a.onLongPress!==void 0&&(k.onLongPress=a.onLongPress),a.onWheel!==void 0&&(k.onWheel=a.onWheel),a.longPressDuration!==void 0&&(k.longPressDuration=a.longPressDuration),a.doubleTapDelay!==void 0&&(k.doubleTapDelay=a.doubleTapDelay),a.maxTouchDuration!==void 0&&(k.maxTouchDuration=a.maxTouchDuration),a.margin!==void 0&&(k.margin=a.margin),a.padding!==void 0&&(k.padding=a.padding),a.visible!==void 0&&(k.visible=a.visible),(0,r.jsx)(t.View,{ref:S,width:`fill`,theme:l,...k,children:(0,r.jsx)(e.Text,{text:a.text,style:D,...O&&{maxWidth:E},...a.alpha!==void 0&&{alpha:a.alpha},...a.x!==void 0&&{x:a.x},...a.y!==void 0&&{y:a.y}})})}exports.WrapText=c;

package/dist/WrapText.d.ts

@@ -0,0 +1,83 @@
+import { EdgeInsets, GestureEventData, LayoutContainer, PortableTextStyle, VNodeLike, WheelEventData } from '@number10/jsx-core';
+/**
+ * WrapText component props
+ */
+export interface WrapTextProps {
+    /** Unique key for VDOM identification */
+    key?: string | undefined;
+    /** The text content to display */
+    text: string;
+    /** Enable/disable automatic wrapping (default: true) */
+    wrap?: boolean | undefined;
+    /** Optional cache key to persist measured width across remounts */
+    cacheKey?: string | undefined;
+    /** Text style overrides merged with theme defaults */
+    style?: Partial<PortableTextStyle> | undefined;
+    /** Passthrough alpha */
+    alpha?: number | undefined;
+    /** Passthrough x position */
+    x?: number | undefined;
+    /** Passthrough y position */
+    y?: number | undefined;
+    /** Background color behind the text */
+    backgroundColor?: number | undefined;
+    /** Corner radius for the background */
+    cornerRadius?: number | undefined;
+    /** Border width */
+    borderWidth?: number | undefined;
+    /** Border color */
+    borderColor?: number | undefined;
+    /** Border alpha */
+    borderAlpha?: number | undefined;
+    /** Enable gesture system (required for onTouch etc.) */
+    enableGestures?: boolean | undefined;
+    /** Called on tap/click */
+    onTouch?: ((data: GestureEventData) => void) | undefined;
+    /** Called on pointer up outside the target */
+    onTouchOutside?: ((data: GestureEventData) => void) | undefined;
+    /** Called during pointer movement */
+    onTouchMove?: ((data: GestureEventData) => void) | undefined;
+    /** Called on double tap/click */
+    onDoubleTap?: ((data: GestureEventData) => void) | undefined;
+    /** Called on long press */
+    onLongPress?: ((data: GestureEventData) => void) | undefined;
+    /** Called on mouse wheel over the target */
+    onWheel?: ((data: WheelEventData) => void) | undefined;
+    /** Duration in ms to trigger long press */
+    longPressDuration?: number | undefined;
+    /** Max time in ms between taps for double tap */
+    doubleTapDelay?: number | undefined;
+    /** Max time in ms for a valid touch */
+    maxTouchDuration?: number | undefined;
+    /** Outer spacing (margin) — forwarded to internal View */
+    margin?: number | EdgeInsets | undefined;
+    /** Inner spacing around the text (padding) — reduces available text width accordingly */
+    padding?: number | EdgeInsets | undefined;
+    /** Visibility — forwarded to internal View */
+    visible?: boolean | undefined;
+}
+export declare function resolveWrapMeasurementWidth(container: LayoutContainer): number;
+/**
+ * WrapText component — text that automatically wraps to parent container width.
+ *
+ * **IMPORTANT:** WrapText needs an explicit width somewhere in its layout ancestry.
+ * - Prefer `width={300}` or `width="fill"` on the direct parent
+ * - Nested wrappers are supported if an ancestor resolves to an explicit width
+ * - `maxWidth` alone does NOT work (layout system limitation)
+ *
+ * @param props - WrapText props
+ * @returns WrapText JSX element
+ *
+ * @example
+ * ```tsx
+ * <View width={400}>
+ *   <WrapText text="This text will wrap at 400px" />
+ * </View>
+ *
+ * <View width={300}>
+ *   <WrapText text="Styled text" style={{ fontSize: '16px', color: '#333' }} />
+ * </View>
+ * ```
+ */
+export declare function WrapText(props: WrapTextProps): VNodeLike;
+//# sourceMappingURL=WrapText.d.ts.map

package/dist/WrapText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WrapText.d.ts","sourceRoot":"","sources":["../src/WrapText.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C;;;;;;;;;GASG;AACH,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,cAAc,EACf,MAAM,oBAAoB,CAAA;AAuB3B;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,wDAAwD;IACxD,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,sDAAsD;IACtD,KAAK,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAA;IAC9C,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,6BAA6B;IAC7B,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACtB,6BAA6B;IAC7B,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAGtB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACjC,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACpC,0BAA0B;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACxD,8CAA8C;IAC9C,cAAc,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/D,qCAAqC;IACrC,WAAW,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAC5D,iCAAiC;IACjC,WAAW,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAC5D,2BAA2B;IAC3B,WAAW,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAC5D,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACtD,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACtC,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACrC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAA;IACxC,yFAAyF;IACzF,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAA;IACzC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC9B;AA+BD,wBAAgB,2BAA2B,CAAC,SAAS,EAAE,eAAe,GAAG,MAAM,CAsB9E;AAMD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,CA2JxD"}

package/dist/WrapText.js

@@ -0,0 +1,93 @@
+import { Text as e } from "./primitives/Text.js";
+import { View as t } from "./primitives/View.js";
+import "./primitives.js";
+import { DeferredLayoutQueue as n, KNOWN_COMPONENTS as r, getGlobalThemeDefaults as i, normalizeEdgeInsets as a, normalizePadding as o, resolveComponentTheme as s, useCallback as c, useEffect as l, useLayoutEffect as u, useRef as d, useState as f, useTheme as p, useViewportSize as m } from "@number10/jsx-core";
+import { jsx as h } from "@number10/jsx-core/jsx-runtime";
+//#region src/WrapText.tsx
+var g = /* @__PURE__ */ new Map();
+function _(e) {
+	if (e.__layoutParent && typeof e.__layoutParent == "object") return e.__layoutParent;
+	if (e.parent) return e.parent;
+	let t = e.parentContainer;
+	return t && typeof t == "object" ? t : null;
+}
+function v(e) {
+	return e ? (e.__getLayoutSize?.() ?? e.__cachedLayoutSize)?.width ?? 0 : 0;
+}
+function y(e) {
+	let t = v(e), n = _(e);
+	for (; n;) {
+		let e = v(n);
+		if (t <= 0 && e > 0 && (t = e), n.__layoutProps?.width !== void 0 && e > 0) {
+			let t = o(n.__layoutProps.padding);
+			return Math.max(0, e - t.left - t.right);
+		}
+		n = _(n);
+	}
+	return t;
+}
+function b(o) {
+	let _ = p(), { props: v, nestedTheme: b } = s({
+		componentName: "WrapText",
+		globalTheme: i(),
+		localTheme: _,
+		knownComponents: r
+	}), x = m(), S = o.wrap ?? v.wrap ?? !0, C = v.paddingOffset ?? 0, w = typeof o.text == "string" ? o.text : null, T = null;
+	typeof o.cacheKey == "string" ? T = o.cacheKey : typeof o.key == "string" ? T = w ? `${o.key}::${w}` : o.key : w && (T = w);
+	let E = T ? g.get(T) ?? 0 : 0, [D, O] = f(E), k = d(E), A = d(null), j = d(null), M = c((e) => {
+		if (!S) return;
+		let t = () => {
+			let t = y(e);
+			t > 0 && t !== k.current && t !== D && (k.current = t, T && g.set(T, t), O(t));
+		};
+		j.current === null && (j.current = 1, n.defer(() => {
+			j.current = null, t();
+		}));
+	}, [
+		T,
+		D,
+		S
+	]), N = c((e) => {
+		let t = e;
+		A.current !== t && (A.current = t, !(!t || !S || D > 0) && M(t));
+	}, [
+		D,
+		M,
+		S
+	]);
+	l(() => {
+		if (!S || D > 0) return;
+		let e = A.current;
+		e && M(e);
+	}, [
+		D,
+		M,
+		S
+	]), u(() => {
+		S && A.current && (k.current = 0, O(0), n.defer(() => {
+			A.current && M(A.current);
+		}));
+	}, [x.width, x.height]), l(() => () => {
+		j.current = null;
+	}, []);
+	let P = D > 0 ? D : k.current, F = a(o.padding), I = (F.left ?? 0) + (F.right ?? 0), L = Math.max(0, (P > C ? P - C : 0) - I), R = {
+		...v.textStyle ?? {},
+		...o.style ?? {}
+	}, z = S && L > 0, B = {};
+	return o.backgroundColor !== void 0 && (B.backgroundColor = o.backgroundColor), o.cornerRadius !== void 0 && (B.cornerRadius = o.cornerRadius), o.borderWidth !== void 0 && (B.borderWidth = o.borderWidth), o.borderColor !== void 0 && (B.borderColor = o.borderColor), o.borderAlpha !== void 0 && (B.borderAlpha = o.borderAlpha), o.enableGestures !== void 0 && (B.enableGestures = o.enableGestures), o.onTouch !== void 0 && (B.onTouch = o.onTouch), o.onTouchOutside !== void 0 && (B.onTouchOutside = o.onTouchOutside), o.onTouchMove !== void 0 && (B.onTouchMove = o.onTouchMove), o.onDoubleTap !== void 0 && (B.onDoubleTap = o.onDoubleTap), o.onLongPress !== void 0 && (B.onLongPress = o.onLongPress), o.onWheel !== void 0 && (B.onWheel = o.onWheel), o.longPressDuration !== void 0 && (B.longPressDuration = o.longPressDuration), o.doubleTapDelay !== void 0 && (B.doubleTapDelay = o.doubleTapDelay), o.maxTouchDuration !== void 0 && (B.maxTouchDuration = o.maxTouchDuration), o.margin !== void 0 && (B.margin = o.margin), o.padding !== void 0 && (B.padding = o.padding), o.visible !== void 0 && (B.visible = o.visible), /* @__PURE__ */ h(t, {
+		ref: N,
+		width: "fill",
+		theme: b,
+		...B,
+		children: /* @__PURE__ */ h(e, {
+			text: o.text,
+			style: R,
+			...z && { maxWidth: L },
+			...o.alpha !== void 0 && { alpha: o.alpha },
+			...o.x !== void 0 && { x: o.x },
+			...o.y !== void 0 && { y: o.y }
+		})
+	});
+}
+//#endregion
+export { b as WrapText };

package/dist/WrapText.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=WrapText.test.d.ts.map

package/dist/WrapText.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WrapText.test.d.ts","sourceRoot":"","sources":["../src/WrapText.test.ts"],"names":[],"mappings":""}

package/dist/contrast-slot-map.d.ts

@@ -0,0 +1,33 @@
+import { ContrastForegroundRole } from '@number10/jsx-core';
+/** A slot that maps to a named contract */
+interface ContractSlotEntry {
+    /** Human-readable label, e.g. "Primary button text" */
+    label: string;
+    /** Dot-separated path within the theme object, e.g. "Button.primary.textStyle" */
+    path: string;
+    /** Property to verify: "color" for text-style .color, "tint" for Icon.tint */
+    property: 'color' | 'tint';
+    /** The contract id that governs this slot */
+    contractId: string;
+    /** Minimum contrast ratio — informational, must match the contract's minRatio */
+    minRatio: number;
+}
+/** A slot that maps to a foreground role against a specific theme background */
+interface RoleSlotEntry {
+    label: string;
+    path: string;
+    property: 'color' | 'tint';
+    /** The foreground role to resolve */
+    foregroundRole: ContrastForegroundRole;
+    /** Dot-separated path to the background color within the theme, e.g. "Toast.backgroundColor" */
+    backgroundPath: string;
+    /** Minimum contrast ratio for this foreground/background pair */
+    minRatio: number;
+}
+export type ContrastSlotEntry = ContractSlotEntry | RoleSlotEntry;
+/**
+ * All currently wired contrast slots.
+ */
+export declare const contrastSlotMap: readonly ContrastSlotEntry[];
+export {};
+//# sourceMappingURL=contrast-slot-map.d.ts.map

package/dist/contrast-slot-map.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrast-slot-map.d.ts","sourceRoot":"","sources":["../src/contrast-slot-map.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AAEhE,2CAA2C;AAC3C,UAAU,iBAAiB;IACzB,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,kFAAkF;IAClF,IAAI,EAAE,MAAM,CAAA;IACZ,8EAA8E;IAC9E,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,6CAA6C;IAC7C,UAAU,EAAE,MAAM,CAAA;IAClB,iFAAiF;IACjF,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,gFAAgF;AAChF,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,qCAAqC;IACrC,cAAc,EAAE,sBAAsB,CAAA;IACtC,gGAAgG;IAChG,cAAc,EAAE,MAAM,CAAA;IACtB,iEAAiE;IACjE,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,aAAa,CAAA;AAEjE;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,SAAS,iBAAiB,EAsF9C,CAAA"}

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./theme-defaults.cjs`),t=require(`./primitives/Sprite.cjs`),n=require(`./primitives/Text.cjs`),r=require(`./primitives/VectorDrawContent.cjs`),i=require(`./primitives/View.cjs`);require(`./primitives.cjs`);const a=require(`./Accordion.cjs`),o=require(`./Button.cjs`),s=require(`./Portal.cjs`),c=require(`./useOverlayPresence.cjs`),l=require(`./Modal.cjs`),u=require(`./Dialog.cjs`),d=require(`./WrapText.cjs`),f=require(`./AlertDialog.cjs`),p=require(`./DebugPanel.cjs`),m=require(`./Popover.cjs`),h=require(`./TextInput.cjs`),g=require(`./ActivityIndicator.cjs`),_=require(`./Badge.cjs`),v=require(`./BottomSheet.cjs`),y=require(`./Checkbox.cjs`),b=require(`./RadioButton.cjs`),x=require(`./RadioGroup.cjs`),S=require(`./Slider.cjs`),C=require(`./ColorPicker.cjs`),w=require(`./Divider.cjs`),T=require(`./Dropdown.cjs`),E=require(`./Image.cjs`),D=require(`./Icon.cjs`),O=require(`./Joystick.cjs`),k=require(`./ScrollSlider.cjs`),A=require(`./ScrollView.cjs`),j=require(`./ListBox.cjs`),M=require(`./MenuButton.cjs`),N=require(`./NineSlice.cjs`),P=require(`./NineSliceButton.cjs`),F=require(`./NumberInput.cjs`),I=require(`./PalettePicker.cjs`),L=require(`./ProgressBar.cjs`),R=require(`./ProgressView.cjs`),z=require(`./RatingBar.cjs`),B=require(`./SegmentedControl.cjs`),V=require(`./Sidebar.cjs`),H=require(`./Tabs.cjs`),U=require(`./Toast.cjs`),W=require(`./WheelPicker.cjs`),G=require(`./Toolbar.cjs`),K=require(`./Toggle.cjs`),q=require(`./TransformOriginView.cjs`);let J=require(`@number10/jsx-core`);e.registerPortableDefaults(),exports.Accordion=a.Accordion,exports.ActivityIndicator=g.ActivityIndicator,exports.AlertDialog=f.AlertDialog,exports.Badge=_.Badge,exports.BottomSheet=v.BottomSheet,exports.BottomSheetDepth=v.BottomSheetDepth,exports.BottomSheetHandle=v.BottomSheetHandle,exports.Button=o.Button,exports.Checkbox=y.Checkbox,exports.ColorPicker=C.ColorPicker,exports.ContextMenu=m.ContextMenu,exports.DEFAULT_LABELS=p.DEFAULT_LABELS,exports.DebugPanel=p.DebugPanel,exports.Dialog=u.Dialog,exports.Divider=w.Divider,exports.Dropdown=T.Dropdown,exports.Icon=D.Icon,exports.Image=E.Image,exports.Joystick=O.Joystick,exports.ListBox=j.ListBox,exports.MenuButton=M.MenuButton,exports.Modal=l.Modal,exports.NineSlice=N.NineSlice,exports.NineSliceButton=P.NineSliceButton,exports.NotificationStack=U.NotificationStack,exports.NumberInput=F.NumberInput,exports.NumberInputIndicator=F.NumberInputIndicator,exports.PRESET_METRICS=p.PRESET_METRICS,exports.PalettePicker=I.PalettePicker,exports.Popover=m.Popover,exports.Portal=s.Portal,exports.ProgressBar=L.ProgressBar,exports.ProgressView=R.ProgressView,exports.RadioButton=b.RadioButton,exports.RadioGroup=x.RadioGroup,exports.RangeSlider=S.RangeSlider,exports.RatingBar=z.RatingBar,exports.ScrollSlider=k.ScrollSlider,exports.ScrollView=A.ScrollView,exports.SegmentedControl=B.SegmentedControl,exports.Sidebar=V.Sidebar,exports.Slider=S.Slider,exports.Sprite=t.Sprite,exports.Tab=H.Tab,exports.TabPanel=H.TabPanel,exports.Tabs=H.Tabs,exports.Tag=_.Tag,exports.Text=n.Text,exports.TextInput=h.TextInput,exports.Toast=U.Toast,exports.Toggle=K.Toggle,exports.ToolButtonGroup=G.ToolButtonGroup,exports.Toolbar=G.Toolbar,exports.TransformOriginView=q.TransformOriginView,exports.VectorDrawContent=r.VectorDrawContent,exports.View=i.View,exports.WheelPicker=W.WheelPicker,exports.WrapText=d.WrapText,exports.buildPortableThemeDefaults=e.buildPortableThemeDefaults,exports.calculateOverlayPosition=m.calculateOverlayPosition,exports.calculateSliderSize=k.calculateSliderSize,exports.chunkPalettePickerColors=I.chunkPalettePickerColors,exports.clampProgressValue=L.clampProgressValue,exports.createIconComponent=D.createIconComponent,exports.createPortableThemeDefaults=e.createPortableThemeDefaults,exports.findListBoxItem=j.findListBoxItem,exports.findSegmentedControlOption=B.findSegmentedControlOption,exports.formatBadgeCount=_.formatBadgeCount,exports.formatDefault=p.formatDefault,exports.getBadgeText=_.getBadgeText,exports.getNextCheckedState=y.getNextCheckedState,exports.getNextNumberInputValue=F.getNextNumberInputValue,exports.getNumberInputPrecision=F.getNumberInputPrecision,exports.getPalettePickerContrastColor=I.getPalettePickerContrastColor,exports.getProgressRatio=L.getProgressRatio,exports.getToastAutoDismissDuration=U.getToastAutoDismissDuration,exports.getToastContentWidth=U.getToastContentWidth,exports.getToolbarItemId=G.getToolbarItemId,exports.isSegmentedControlOptionSelectable=B.isSegmentedControlOptionSelectable,exports.isToolbarMenuItem=G.isToolbarMenuItem,exports.isToolbarSeparatorItem=G.isToolbarSeparatorItem,exports.isToolbarToggleItem=G.isToolbarToggleItem,exports.normalizeCheckedState=y.normalizeCheckedState,exports.normalizeNumberInputValue=F.normalizeNumberInputValue,exports.normalizePalettePickerColor=I.normalizePalettePickerColor,exports.normalizePalettePickerColors=I.normalizePalettePickerColors,exports.registerPortableDefaults=e.registerPortableDefaults,exports.resolveListBoxValue=j.resolveListBoxValue,exports.resolveNotificationStackAlignment=U.resolveNotificationStackAlignment,exports.resolvePalettePickerValue=I.resolvePalettePickerValue,exports.resolveScrollViewLayout=A.resolveScrollViewLayout,exports.resolveSegmentedControlValue=B.resolveSegmentedControlValue,exports.resolveToolbarActiveId=G.resolveToolbarActiveId,exports.summarizeMap=p.summarizeMap,Object.defineProperty(exports,`useAtlas`,{enumerable:!0,get:function(){return J.useAtlas}}),exports.useIconPreload=D.useIconPreload,exports.useOverlayPresence=c.useOverlayPresence,Object.defineProperty(exports,`useState`,{enumerable:!0,get:function(){return J.useState}}),Object.defineProperty(exports,`useTexture`,{enumerable:!0,get:function(){return J.useTexture}}),Object.defineProperty(exports,`useThemeTokens`,{enumerable:!0,get:function(){return J.useThemeTokens}});

package/dist/index.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @number10/jsx-components — Portable UI components.
+ *
+ * STATUS (Phase 4C, 17 June 2026): Primitive facade established.
+ * View, Text, Image, Sprite wrappers are available and renderer-neutral.
+ * Custom component migration still blocked by getThemedProps + theme resolution.
+ *
+ * ## Available now:
+ * - `@number10/jsx-components/primitives` — View, Text, Image, Sprite wrappers
+ *
+ * ## Still blocking custom component migration:
+ * 1. **getThemedProps** — component theme resolution not yet in Core
+ * 2. **Renderer binding** — Phaser Compat-Wrapper must re-export or coexist
+ *
+ * @migration(audit:scene-portal-mount) Phase 4C — primitive facade established.
+ */
+export { buildPortableThemeDefaults, createPortableThemeDefaults, registerPortableDefaults, } from './theme-defaults';
+export type { AccordionTheme, ActivityIndicatorTheme, AlertDialogTheme, BadgeTheme, BottomSheetTheme, ButtonTheme, CheckboxTheme, ColorPickerTheme, ContextMenuTheme, DebugPanelTheme, DialogTheme, DividerTheme, DropdownTheme, IconTheme, ListBoxTheme, MenuButtonTheme, ModalTheme, NotificationStackTheme, NumberInputTheme, PalettePickerTheme, PopoverTheme, PortableComponentPartialTheme, PortableComponentThemes, PortablePartialTheme, ProgressBarTheme, ProgressViewTheme, RadioButtonTheme, RatingBarTheme, ScrollSliderTheme, ScrollViewTheme, SegmentedControlTheme, SidebarTheme, SliderTheme, TabsTheme, TagTheme, TextInputTheme, TooltipTheme, ToastTheme, ToastVariantTheme, ToggleTheme, ToolbarTheme, WheelPickerTheme, WrapTextTheme, } from './theme-types';
+export { Sprite, Text, VectorDrawContent, View } from './primitives';
+export { Accordion, type AccordionProps } from './Accordion';
+export { AlertDialog, type AlertDialogProps } from './AlertDialog';
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant } from './Button';
+export { Dialog, type DialogProps } from './Dialog';
+export { DebugPanel, DEFAULT_LABELS, formatDefault, PRESET_METRICS, summarizeMap, type DebugMetricKey, type DebugPanelPreset, type DebugPanelProps, type DebugSnapshot, type DebugValue, } from './DebugPanel';
+export { Modal, type ModalProps } from './Modal';
+export { Portal, type PortalProps } from './Portal';
+export { calculateOverlayPosition, ContextMenu, Popover, type ContextMenuItem, type ContextMenuProps, type OverlayAnchorRect, type OverlayContentSize, type OverlayPosition, type OverlayPositionOptions, type PopoverPlacement, type PopoverProps, } from './Popover';
+export { TextInput, type TextInputProps } from './TextInput';
+export { useAtlas, useState, useTexture, useThemeTokens, type GestureEventData, type TouchMoveState, } from '@number10/jsx-core';
+export { ActivityIndicator, type ActivityIndicatorLabels, type ActivityIndicatorProps, type ActivityIndicatorSize, type ActivityIndicatorVariant, } from './ActivityIndicator';
+export { Badge, formatBadgeCount, getBadgeText, Tag, type BadgeFormatOptions, type BadgeProps, type BadgeSize, type BadgeSizeConfig, type BadgeTone, type BadgeToneColors, type BadgeVariant, type TagProps, } from './Badge';
+export { BottomSheet, BottomSheetDepth, BottomSheetHandle, type BottomSheetLabels, type BottomSheetProps, type HandleRenderProps, } from './BottomSheet';
+export { Checkbox, getNextCheckedState, normalizeCheckedState, type CheckboxIndicatorRenderProps, type CheckboxLabelPosition, type CheckboxProps, type CheckboxState, } from './Checkbox';
+export { ColorPicker, type ColorPickerLabels, type ColorPickerProps, type ColorPickerState, type ColorPickerTone, } from './ColorPicker';
+export { Divider, type DividerProps } from './Divider';
+export { Dropdown, type DropdownOption, type DropdownProps } from './Dropdown';
+export { createIconComponent, Icon, useIconPreload, type IconLoaderFn, type IconProps, } from './Icon';
+export { Image, type ImageProps } from './Image';
+export { Joystick, type JoystickProps, type JoystickTheme } from './Joystick';
+export { findListBoxItem, ListBox, resolveListBoxValue, type ListBoxItem, type ListBoxItemRenderProps, type ListBoxLabels, type ListBoxProps, } from './ListBox';
+export { MenuButton, type MenuButtonProps, type MenuButtonTriggerRenderProps } from './MenuButton';
+export { NineSlice, type NineSliceProps } from './NineSlice';
+export { NineSliceButton, type NineSliceButtonProps } from './NineSliceButton';
+export { getNextNumberInputValue, getNumberInputPrecision, normalizeNumberInputValue, NumberInput, NumberInputIndicator, type NumberInputButtonAction, type NumberInputButtonDirection, type NumberInputButtonPlacement, type NumberInputButtonRenderProps, type NumberInputIndicatorDirection, type NumberInputIndicatorProps, type NumberInputIndicatorVariant, type NumberInputLabelPosition, type NumberInputLabels, type NumberInputProps, type NumberInputValueOptions, type NumberInputValueRenderProps, } from './NumberInput';
+export { chunkPalettePickerColors, getPalettePickerContrastColor, normalizePalettePickerColor, normalizePalettePickerColors, PalettePicker, resolvePalettePickerValue, type NormalizedPalettePickerOption, type PalettePickerColor, type PalettePickerLabels, type PalettePickerOption, type PalettePickerProps, type PalettePickerSwatchRenderProps, } from './PalettePicker';
+export { clampProgressValue, getProgressRatio, ProgressBar, type ProgressBarFormatProps, type ProgressBarLabelPosition, type ProgressBarOrientation, type ProgressBarProps, } from './ProgressBar';
+export { ProgressView, type ProgressViewLabels, type ProgressViewProps } from './ProgressView';
+export { RadioButton, type RadioButtonLabelPosition, type RadioButtonProps } from './RadioButton';
+export { RadioGroup, type RadioGroupOption, type RadioGroupProps } from './RadioGroup';
+export { RatingBar, type RatingBarIconRenderProps, type RatingBarLabels, type RatingBarProps, type RatingBarSize, } from './RatingBar';
+export { findSegmentedControlOption, isSegmentedControlOptionSelectable, resolveSegmentedControlValue, SegmentedControl, type SegmentedControlLabelPosition, type SegmentedControlLabels, type SegmentedControlOption, type SegmentedControlOptionRenderProps, type SegmentedControlOrientation, type SegmentedControlProps, type SegmentedControlSize, type SegmentedControlVariant, } from './SegmentedControl';
+export { Sidebar, type SidebarNavItem, type SidebarProps, type SidebarSection, type SidebarSize, type SidebarVariant, } from './Sidebar';
+export { Tab, TabPanel, Tabs, type TabPanelProps, type TabProps, type TabsProps } from './Tabs';
+export { getToastAutoDismissDuration, getToastContentWidth, NotificationStack, resolveNotificationStackAlignment, Toast, type NotificationStackAlignment, type NotificationStackPosition, type NotificationStackProps, type ToastItem, type ToastLabels, type ToastProps, type ToastVariant, } from './Toast';
+export { WrapText, type WrapTextProps } from './WrapText';
+export { WheelPicker, type WheelPickerItem, type WheelPickerItemRenderProps, type WheelPickerLabels, type WheelPickerProps, type WheelPickerSize, } from './WheelPicker';
+export { getToolbarItemId, isToolbarMenuItem, isToolbarSeparatorItem, isToolbarToggleItem, resolveToolbarActiveId, Toolbar, ToolButtonGroup, type ToolbarActionItem, type ToolbarDensity, type ToolbarItem, type ToolbarItemType, type ToolbarLabels, type ToolbarMenuItem, type ToolbarOrientation, type ToolbarProps, type ToolbarSeparatorItem, type ToolbarToggleItem, } from './Toolbar';
+export { calculateSliderSize, ScrollSlider, type ScrollSliderProps, type ScrollSliderSizeTheme, type SliderSize, } from './ScrollSlider';
+export { resolveScrollViewLayout, ScrollView, type ResolvedScrollViewLayout, type ScrollChildAlignment, type ScrollChildIntoViewOptions, type ScrollInfo, type ScrollToOptions, type ScrollViewHandle, type ScrollViewProps, type SnapAlignment, } from './ScrollView';
+export { RangeSlider, Slider, type RangeSliderProps, type SliderMark, type SliderProps, } from './Slider';
+export { Toggle, type ToggleProps } from './Toggle';
+export { TransformOriginView, type TransformOriginViewProps } from './TransformOriginView';
+export { useOverlayPresence, type OverlayPresencePhase, type OverlayPresenceState, } from './useOverlayPresence';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}