@number10/jsx-components 5.0.0

package/dist/ProgressView.d.ts

@@ -0,0 +1,37 @@
+import { VNodeLike } from '@number10/jsx-core';
+import { ProgressBarProps } from './ProgressBar';
+import { PortableComponentPartialTheme } from './theme-types';
+export interface ProgressViewLabels {
+    cancel?: string;
+    loading?: string;
+}
+export interface ProgressViewProps {
+    /** Unique key for VDOM identification */
+    key?: string | number | undefined;
+    /** Current progress value (determinate mode). */
+    value?: number;
+    /** Minimum value used for normalization (default 0). */
+    min?: number;
+    /** Maximum value used for normalization (default 100). */
+    max?: number;
+    /** Switch to indeterminate ActivityIndicator when true. */
+    indeterminate?: boolean;
+    /** Optional label above the bar. */
+    label?: string;
+    /** Show percentage text next to the bar. */
+    showPercentage?: boolean;
+    /** Show a cancel button below the bar. */
+    showCancel?: boolean;
+    /** Called when the cancel button is clicked. */
+    onCancel?: () => void;
+    /** Localized labels. */
+    labels?: ProgressViewLabels;
+    /** Props forwarded to the underlying ProgressBar. */
+    progressBarProps?: Omit<ProgressBarProps, 'value' | 'min' | 'max' | 'label' | 'showValue' | 'labelPosition' | 'labelStyle' | 'theme'>;
+    /** Theme overrides. */
+    theme?: PortableComponentPartialTheme<'ProgressView'>;
+    /** Width */
+    width?: import('@number10/jsx-core').SizeValue | undefined;
+}
+export declare function ProgressView(props: ProgressViewProps): VNodeLike;
+//# sourceMappingURL=ProgressView.d.ts.map

package/dist/ProgressView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressView.d.ts","sourceRoot":"","sources":["../src/ProgressView.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAUnD,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAElE,OAAO,KAAK,EAAE,6BAA6B,EAAqB,MAAM,eAAe,CAAA;AAIrF,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACjC,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wDAAwD;IACxD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,wBAAwB;IACxB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,IAAI,CACrB,gBAAgB,EAChB,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,WAAW,GAAG,eAAe,GAAG,YAAY,GAAG,OAAO,CAC3F,CAAA;IACD,uBAAuB;IACvB,KAAK,CAAC,EAAE,6BAA6B,CAAC,cAAc,CAAC,CAAA;IACrD,YAAY;IACZ,KAAK,CAAC,EAAE,OAAO,oBAAoB,EAAE,SAAS,GAAG,SAAS,CAAA;CAC3D;AAID,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAiGhE"}

package/dist/ProgressView.js

@@ -0,0 +1,71 @@
+import { Text as e } from "./primitives/Text.js";
+import { View as t } from "./primitives/View.js";
+import "./primitives.js";
+import { Button as n } from "./Button.js";
+import { ActivityIndicator as r } from "./ActivityIndicator.js";
+import { ProgressBar as i } from "./ProgressBar.js";
+import { KNOWN_COMPONENTS as a, getGlobalThemeDefaults as o, mergeThemes as s, resolveComponentTheme as c, useTheme as l } from "@number10/jsx-core";
+import { jsx as u, jsxs as d } from "@number10/jsx-core/jsx-runtime";
+//#region src/ProgressView.tsx
+function f(f) {
+	let { value: p, min: m = 0, max: h = 100, indeterminate: g = !1, label: _, showPercentage: v = !1, showCancel: y = !1, onCancel: b, labels: x, progressBarProps: S, theme: C, ...w } = f, T = l(), E = C ? s(T ?? {}, C) : T, { props: D, nestedTheme: O } = c({
+		componentName: "ProgressView",
+		globalTheme: o(),
+		localTheme: E,
+		knownComponents: a
+	}), k = {
+		...D.labels ?? {},
+		...x ?? {}
+	}, A = D.gap ?? 8, j = D.barHeight ?? 24, M = D.labelStyle ?? {
+		color: "#e0e7ff",
+		fontSize: "14px"
+	}, N = D.percentageStyle ?? {
+		color: "#9fb3c8",
+		fontSize: "13px"
+	}, P = p === void 0 ? void 0 : Math.round((p - m) / (h - m) * 100);
+	return /* @__PURE__ */ d(t, {
+		direction: "column",
+		gap: A,
+		width: D.width ?? "fill",
+		...w,
+		theme: O,
+		children: [
+			(_ || v) && !g ? /* @__PURE__ */ d(t, {
+				direction: "row",
+				justifyContent: "space-between",
+				width: "fill",
+				children: [_ ? /* @__PURE__ */ u(e, {
+					text: _,
+					style: M
+				}) : /* @__PURE__ */ u(t, {}), v && P !== void 0 ? /* @__PURE__ */ u(e, {
+					text: `${P}%`,
+					style: N
+				}) : null]
+			}) : null,
+			g ? /* @__PURE__ */ u(r, {
+				..._ || k.loading ? { label: _ ?? k.loading } : {},
+				theme: O
+			}) : /* @__PURE__ */ u(i, {
+				value: p ?? 0,
+				min: m,
+				max: h,
+				height: j,
+				width: "fill",
+				...S,
+				theme: O
+			}),
+			y && b ? /* @__PURE__ */ u(t, {
+				alignItems: "center",
+				width: "fill",
+				children: /* @__PURE__ */ u(n, {
+					variant: "ghost",
+					size: D.cancelButtonSize ?? "small",
+					onClick: b,
+					children: /* @__PURE__ */ u(e, { text: k.cancel ?? "Cancel" })
+				})
+			}) : null
+		]
+	});
+}
+//#endregion
+export { f as ProgressView };

package/dist/RadioButton.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`);function i(i){let a=(0,n.useTheme)(),o=i.theme?(0,n.mergeThemes)(a??{},i.theme):a,{props:s,nestedTheme:c}=(0,n.resolveComponentTheme)({componentName:`RadioButton`,globalTheme:(0,n.getGlobalThemeDefaults)(),localTheme:o,knownComponents:n.KNOWN_COMPONENTS}),l=s.size??18,u=s.innerSize??Math.max(6,Math.round(l*.45)),d=u*.5,f=s.borderWidth??Math.max(2,Math.round(l*.11)),p=i.selected??!1,m=i.disabled??!1,h=s.disabledAlpha??.5,g=i.labelPosition??s.labelPosition??`right`,_=s.selectedColor??2201331,v=s.color??7697781,y=p?_:v,b=s.backgroundColor,x=s.gap??8,S=g===`none`?null:(0,r.jsx)(e.Text,{text:i.label,style:s.labelStyle,alpha:m?h:1});return(0,r.jsxs)(t.View,{direction:`row`,alignItems:`center`,enableGestures:!m,onTouch:()=>{m||i.onClick?.()},theme:c,gap:x,alpha:m?h:1,children:[g===`left`&&S,(0,r.jsx)(t.View,{width:l,height:l,...b===void 0?{}:{backgroundColor:b},borderColor:y,borderWidth:f,alignItems:`center`,justifyContent:`center`,padding:0,cornerRadius:l*.5,children:(0,r.jsx)(t.View,{width:u,height:u,backgroundColor:_,visible:p,cornerRadius:d})}),g===`right`?S:null]},i.key)}exports.RadioButton=i;

package/dist/RadioButton.d.ts

@@ -0,0 +1,21 @@
+import { VNodeLike } from '@number10/jsx-core';
+import { PortableComponentPartialTheme } from './theme-types';
+export type RadioButtonLabelPosition = 'left' | 'right' | 'none';
+export interface RadioButtonProps {
+    /** Unique key for VDOM identification */
+    key?: string | number | undefined;
+    /** Label text for the radio button */
+    label: string;
+    /** Whether this radio button is selected */
+    selected?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Label position relative to the indicator */
+    labelPosition?: RadioButtonLabelPosition;
+    /** Optional theme overrides */
+    theme?: PortableComponentPartialTheme<'RadioButton'>;
+    /** Callback when radio button is clicked */
+    onClick?: () => void;
+}
+export declare function RadioButton(props: RadioButtonProps): VNodeLike;
+//# sourceMappingURL=RadioButton.d.ts.map

package/dist/RadioButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../src/RadioButton.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAqB,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAQtE,OAAO,KAAK,EAAE,6BAA6B,EAAoB,MAAM,eAAe,CAAA;AAKpF,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAEhE,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACjC,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,wBAAwB,CAAA;IACxC,+BAA+B;IAC/B,KAAK,CAAC,EAAE,6BAA6B,CAAC,aAAa,CAAC,CAAA;IACpD,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAID,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAuE9D"}

package/dist/RadioButton.js

@@ -0,0 +1,53 @@
+import { Text as e } from "./primitives/Text.js";
+import { View as t } from "./primitives/View.js";
+import "./primitives.js";
+import { KNOWN_COMPONENTS as n, getGlobalThemeDefaults as r, mergeThemes as i, resolveComponentTheme as a, useTheme as o } from "@number10/jsx-core";
+import { jsx as s, jsxs as c } from "@number10/jsx-core/jsx-runtime";
+//#region src/RadioButton.tsx
+function l(l) {
+	let u = o(), d = l.theme ? i(u ?? {}, l.theme) : u, { props: f, nestedTheme: p } = a({
+		componentName: "RadioButton",
+		globalTheme: r(),
+		localTheme: d,
+		knownComponents: n
+	}), m = f.size ?? 18, h = f.innerSize ?? Math.max(6, Math.round(m * .45)), g = h * .5, _ = f.borderWidth ?? Math.max(2, Math.round(m * .11)), v = l.selected ?? !1, y = l.disabled ?? !1, b = f.disabledAlpha ?? .5, x = l.labelPosition ?? f.labelPosition ?? "right", S = f.selectedColor ?? 2201331, C = f.color ?? 7697781, w = v ? S : C, T = f.backgroundColor, E = f.gap ?? 8, D = x === "none" ? null : /* @__PURE__ */ s(e, {
+		text: l.label,
+		style: f.labelStyle,
+		alpha: y ? b : 1
+	});
+	return /* @__PURE__ */ c(t, {
+		direction: "row",
+		alignItems: "center",
+		enableGestures: !y,
+		onTouch: () => {
+			y || l.onClick?.();
+		},
+		theme: p,
+		gap: E,
+		alpha: y ? b : 1,
+		children: [
+			x === "left" && D,
+			/* @__PURE__ */ s(t, {
+				width: m,
+				height: m,
+				...T === void 0 ? {} : { backgroundColor: T },
+				borderColor: w,
+				borderWidth: _,
+				alignItems: "center",
+				justifyContent: "center",
+				padding: 0,
+				cornerRadius: m * .5,
+				children: /* @__PURE__ */ s(t, {
+					width: h,
+					height: h,
+					backgroundColor: S,
+					visible: v,
+					cornerRadius: g
+				})
+			}),
+			x === "right" ? D : null
+		]
+	}, l.key);
+}
+//#endregion
+export { l as RadioButton };

package/dist/RadioGroup.cjs

@@ -0,0 +1 @@
+const e=require(`./primitives/View.cjs`);require(`./primitives.cjs`);const t=require(`./RadioButton.cjs`);let n=require(`@number10/jsx-core`),r=require(`@number10/jsx-core/jsx-runtime`);function i(i){let a=(0,n.useTheme)(),o=i.theme?(0,n.mergeThemes)(a??{},i.theme):a,{props:s,nestedTheme:c}=(0,n.resolveComponentTheme)({componentName:`RadioGroup`,globalTheme:(0,n.getGlobalThemeDefaults)(),localTheme:o,knownComponents:n.KNOWN_COMPONENTS}),[l,u]=(0,n.useState)(i.value??i.defaultValue??``),d=i.value??l,f=e=>{i.disabled||(i.value===void 0&&u(e),i.onChange?.(e))};return(0,r.jsx)(e.View,{direction:i.direction??s.direction??`column`,theme:c,gap:s.gap??8,children:i.options.map(e=>{let n=d===e.value;return(0,r.jsx)(t.RadioButton,{label:e.label,selected:n,disabled:i.disabled??!1,onClick:()=>f(e.value)},e.value)})})}exports.RadioGroup=i;

package/dist/RadioGroup.d.ts

@@ -0,0 +1,26 @@
+import { VNodeLike } from '@number10/jsx-core';
+import { PortableComponentPartialTheme } from './theme-types';
+export interface RadioGroupOption {
+    /** Unique value for this option */
+    value: string;
+    /** Display label for this option */
+    label: string;
+}
+export interface RadioGroupProps {
+    /** Array of options to display */
+    options: RadioGroupOption[];
+    /** Currently selected value (controlled) */
+    value?: string;
+    /** Initial selected value for uncontrolled groups */
+    defaultValue?: string;
+    /** Callback when selection changes */
+    onChange?: (value: string) => void;
+    /** Layout direction (default: 'column') */
+    direction?: 'row' | 'column';
+    /** Disabled state for all options */
+    disabled?: boolean;
+    /** Optional theme overrides */
+    theme?: PortableComponentPartialTheme<'RadioGroup'>;
+}
+export declare function RadioGroup(props: RadioGroupProps): VNodeLike;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAWnD,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,eAAe,CAAA;AAIlE,MAAM,WAAW,gBAAgB;IAC/B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,kCAAkC;IAClC,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,6BAA6B,CAAC,YAAY,CAAC,CAAA;CACpD;AAID,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,CA4C5D"}

package/dist/RadioGroup.js

@@ -0,0 +1,32 @@
+import { View as e } from "./primitives/View.js";
+import "./primitives.js";
+import { RadioButton as t } from "./RadioButton.js";
+import { KNOWN_COMPONENTS as n, getGlobalThemeDefaults as r, mergeThemes as i, resolveComponentTheme as a, useState as o, useTheme as s } from "@number10/jsx-core";
+import { jsx as c } from "@number10/jsx-core/jsx-runtime";
+//#region src/RadioGroup.tsx
+function l(l) {
+	let u = s(), d = l.theme ? i(u ?? {}, l.theme) : u, { props: f, nestedTheme: p } = a({
+		componentName: "RadioGroup",
+		globalTheme: r(),
+		localTheme: d,
+		knownComponents: n
+	}), [m, h] = o(l.value ?? l.defaultValue ?? ""), g = l.value ?? m, _ = (e) => {
+		l.disabled || (l.value === void 0 && h(e), l.onChange?.(e));
+	};
+	return /* @__PURE__ */ c(e, {
+		direction: l.direction ?? f.direction ?? "column",
+		theme: p,
+		gap: f.gap ?? 8,
+		children: l.options.map((e) => {
+			let n = g === e.value;
+			return /* @__PURE__ */ c(t, {
+				label: e.label,
+				selected: n,
+				disabled: l.disabled ?? !1,
+				onClick: () => _(e.value)
+			}, e.value);
+		})
+	});
+}
+//#endregion
+export { l as RadioGroup };

package/dist/RatingBar.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`);function i(e){switch(e){case`small`:return{iconSize:16,fontSize:`16px`};case`large`:return{iconSize:32,fontSize:`32px`};default:return{iconSize:24,fontSize:`24px`}}}function a(e,t){return Math.max(0,Math.min(t,Math.round(e)))}function o(o){let{value:s,defaultValue:c=0,max:l=5,onChange:u,size:d,renderIcon:f,labels:p,disabled:m=!1,theme:h,alpha:g,..._}=o,v=(0,n.useTheme)(),y=h?(0,n.mergeThemes)(v??{},h):v,{props:b,nestedTheme:x}=(0,n.resolveComponentTheme)({componentName:`RatingBar`,globalTheme:(0,n.getGlobalThemeDefaults)(),localTheme:y,knownComponents:n.KNOWN_COMPONENTS}),S=d??b.size??`medium`,C=i(S),w=b.iconSize??C.iconSize,T=b.gap??4,E=s!==void 0,[D,O]=(0,n.useState)(a(s??c,l)),k=E?a(s??0,l):D;(0,n.useEffect)(()=>{E&&O(a(s??0,l))},[E,s,l]);let A={...b.labels??{},...p??{}},j=b.filledColor??`#fbbf24`,M=b.emptyColor??`#475569`,N=m?b.disabledAlpha??.5:g,P=e=>{if(m)return;let t=a(e,l);E||O(t),u?.(t)},F=Array.from({length:l},(e,t)=>t);return(0,r.jsxs)(t.View,{direction:`row`,alignItems:`center`,gap:T,..._,...N===void 0?{}:{alpha:N},theme:x,children:[F.map(n=>{let i=n<k,a=f?.({filled:i,index:n,size:S});return(0,r.jsx)(t.View,{width:w,height:w,alignItems:`center`,justifyContent:`center`,enableGestures:!m,onTouch:()=>P(n+1),theme:x,children:a??(0,r.jsx)(e.Text,{text:i?`★`:`☆`,style:{color:i?j:M,fontSize:C.fontSize}})},n)}),A.rating?(0,r.jsx)(e.Text,{text:A.rating,style:b.labelStyle}):null]})}exports.RatingBar=o;

package/dist/RatingBar.d.ts

@@ -0,0 +1,24 @@
+import { ViewPrimitivePropsComplete, VNodeLike } from '@number10/jsx-core';
+import { PortableComponentPartialTheme } from './theme-types';
+export type RatingBarSize = 'small' | 'medium' | 'large';
+export interface RatingBarLabels {
+    rating?: string;
+}
+export interface RatingBarIconRenderProps {
+    filled: boolean;
+    index: number;
+    size: RatingBarSize;
+}
+export interface RatingBarProps extends Omit<ViewPrimitivePropsComplete, 'children'> {
+    value?: number;
+    defaultValue?: number;
+    max?: number;
+    onChange?: (value: number) => void;
+    size?: RatingBarSize;
+    renderIcon?: (props: RatingBarIconRenderProps) => VNodeLike;
+    labels?: RatingBarLabels;
+    disabled?: boolean;
+    theme?: PortableComponentPartialTheme<'RatingBar'>;
+}
+export declare function RatingBar(props: RatingBarProps): VNodeLike;
+//# sourceMappingURL=RatingBar.d.ts.map

package/dist/RatingBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingBar.d.ts","sourceRoot":"","sources":["../src/RatingBar.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAqB,0BAA0B,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAWlG,OAAO,KAAK,EAAE,6BAA6B,EAAkB,MAAM,eAAe,CAAA;AAElF,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExD,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,aAAa,CAAA;CACpB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,0BAA0B,EAAE,UAAU,CAAC;IAClF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,SAAS,CAAA;IAC3D,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,6BAA6B,CAAC,WAAW,CAAC,CAAA;CACnD;AAiBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CA8F1D"}

package/dist/RatingBar.js

@@ -0,0 +1,84 @@
+import { Text as e } from "./primitives/Text.js";
+import { View as t } from "./primitives/View.js";
+import "./primitives.js";
+import { KNOWN_COMPONENTS as n, getGlobalThemeDefaults as r, mergeThemes as i, resolveComponentTheme as a, useEffect as o, useState as s, useTheme as c } from "@number10/jsx-core";
+import { jsx as l, jsxs as u } from "@number10/jsx-core/jsx-runtime";
+//#region src/RatingBar.tsx
+function d(e) {
+	switch (e) {
+		case "small": return {
+			iconSize: 16,
+			fontSize: "16px"
+		};
+		case "large": return {
+			iconSize: 32,
+			fontSize: "32px"
+		};
+		default: return {
+			iconSize: 24,
+			fontSize: "24px"
+		};
+	}
+}
+function f(e, t) {
+	return Math.max(0, Math.min(t, Math.round(e)));
+}
+function p(p) {
+	let { value: m, defaultValue: h = 0, max: g = 5, onChange: _, size: v, renderIcon: y, labels: b, disabled: x = !1, theme: S, alpha: C, ...w } = p, T = c(), E = S ? i(T ?? {}, S) : T, { props: D, nestedTheme: O } = a({
+		componentName: "RatingBar",
+		globalTheme: r(),
+		localTheme: E,
+		knownComponents: n
+	}), k = v ?? D.size ?? "medium", A = d(k), j = D.iconSize ?? A.iconSize, M = D.gap ?? 4, N = m !== void 0, [P, F] = s(f(m ?? h, g)), I = N ? f(m ?? 0, g) : P;
+	o(() => {
+		N && F(f(m ?? 0, g));
+	}, [
+		N,
+		m,
+		g
+	]);
+	let L = {
+		...D.labels ?? {},
+		...b ?? {}
+	}, R = D.filledColor ?? "#fbbf24", z = D.emptyColor ?? "#475569", B = x ? D.disabledAlpha ?? .5 : C, V = (e) => {
+		if (x) return;
+		let t = f(e, g);
+		N || F(t), _?.(t);
+	}, H = Array.from({ length: g }, (e, t) => t);
+	return /* @__PURE__ */ u(t, {
+		direction: "row",
+		alignItems: "center",
+		gap: M,
+		...w,
+		...B === void 0 ? {} : { alpha: B },
+		theme: O,
+		children: [H.map((n) => {
+			let r = n < I, i = y?.({
+				filled: r,
+				index: n,
+				size: k
+			});
+			return /* @__PURE__ */ l(t, {
+				width: j,
+				height: j,
+				alignItems: "center",
+				justifyContent: "center",
+				enableGestures: !x,
+				onTouch: () => V(n + 1),
+				theme: O,
+				children: i ?? /* @__PURE__ */ l(e, {
+					text: r ? "★" : "☆",
+					style: {
+						color: r ? R : z,
+						fontSize: A.fontSize
+					}
+				})
+			}, n);
+		}), L.rating ? /* @__PURE__ */ l(e, {
+			text: L.rating,
+			style: D.labelStyle
+		}) : null]
+	});
+}
+//#endregion
+export { p as RatingBar };

package/dist/ScrollSlider.cjs

@@ -0,0 +1 @@
+const e=require(`./primitives/View.cjs`);require(`./primitives.cjs`);let t=require(`@number10/jsx-core`),n=require(`@number10/jsx-core/jsx-runtime`);function r(e,n){let r=n??(0,t.getGlobalThemeDefaults)().ScrollSlider??{},i=e===`large`?1.25:e===`small`?.75:e===`tiny`?.5:e===`micro`?.25:e===`nano`?.125:1,a=(r.borderWidth??1)*i,o=(r.size??24)*i;return{border:a,outer:o,dimension:o-a*2}}function i(i){let{direction:a,scrollPosition:o,viewportSize:s,contentSize:c,onScroll:l,momentum:u=!0,onMomentumEnd:d}=i,f=(0,t.useTheme)(),{props:p}=(0,t.resolveComponentTheme)({componentName:`ScrollSlider`,globalTheme:(0,t.getGlobalThemeDefaults)(),localTheme:f,knownComponents:t.KNOWN_COMPONENTS}),m=(0,t.useRef)(null),h=(0,t.useRef)(!1),[g,_]=(0,t.useState)(!1),v=(0,t.useRef)(null),y=(0,t.useRef)(0),b=(0,t.useRef)(0),x=(0,t.useRef)(null),S=(0,t.useSurface)()?.scheduler??null,C=(0,t.useRef)(S);S&&C.current!==S&&(C.current=S);let w=a===`vertical`,{border:T,outer:E,dimension:D}=r(i.size,p),O=E/(p.size??24),k=Math.min((p.thumbBorderWidth??1)*O,Math.max(0,D/3)),A=p.cornerRadius??E/2,j=p.trackCornerRadius??D/2,M=p.thumbCornerRadius??D/2,N=v.current?.__getLayoutSize?.(),P=(N&&(w?N.height>0:N.width>0)?w?N.height:N.width:Math.max(0,s))-T*2,F=p.minThumbSize??20,I=Math.max(0,c-s),L=c>0?s/c:1,R=Math.max(F,P*L),z=P-R,B=I>0?o/I*z:0,V=e=>{if(e.stopPropagation(),e.state===`start`){h.current=!0,_(!0),y.current=0,b.current=Date.now(),x.current&&=(x.current.stop(),null);return}if(e.state===`end`){h.current=!1,_(!1),u&&Math.abs(y.current)>.1?H(o):d&&d();return}if(!h.current)return;let t=w?e.dy??0:e.dx??0,n=Date.now(),r=n-b.current;r>0&&(y.current=t/r*1e3,b.current=n);let i=Math.max(0,Math.min(z,B+t));l(z>0?i/z*I:0)},H=e=>{if(!C.current)return;let n=Math.min(1e3,Math.max(200,Math.abs(y.current))),r=Math.max(0,Math.min(I,e+y.current*(n/1e3)));x.current=(0,t.createTween)({pos:e},{to:{pos:r},duration:n,ease:t.Easing.quadOut,onUpdate:e=>l(e.pos),onComplete:()=>{x.current=null,d&&d()}},C.current)};return(0,n.jsx)(e.View,{ref:v,width:w?E:`100%`,height:w?`100%`:E,backgroundColor:p.borderColor??0,cornerRadius:A,padding:T,children:(0,n.jsxs)(e.View,{ref:m,width:w?D:`100%`,height:w?`100%`:D,backgroundColor:p.trackColor??14540253,cornerRadius:j,direction:`stack`,padding:0,children:[(0,n.jsx)(e.View,{width:w?D:`100%`,height:w?`100%`:D,x:0,y:0,backgroundColor:p.trackColor??11184810,cornerRadius:j,enableGestures:!0,onTouch:e=>{e.stopPropagation();let t=w?e.localY??0:e.localX??0,n=Math.max(R/2,Math.min(P-R/2,t))-R/2,r=z>0?n/z*I:0;l(Math.max(0,Math.min(I,r)))}}),(0,n.jsx)(e.View,{width:w?D:R,height:w?R:D,x:w?0:B,y:w?B:0,backgroundColor:g?p.thumbActiveColor??p.thumbColor??15658683:p.thumbColor??15658683,borderColor:p.thumbBorderColor,borderWidth:k,cornerRadius:M,enableGestures:!0,onTouchMove:V})]})})}exports.ScrollSlider=i,exports.calculateSliderSize=r;

package/dist/ScrollSlider.d.ts

@@ -0,0 +1,48 @@
+import { VNodeLike } from '@number10/jsx-core';
+/** Size variants for the scroll slider */
+export type SliderSize = 'large' | 'medium' | 'small' | 'tiny' | 'micro' | 'nano' | undefined;
+/** Theme values exported for calculateSliderSize */
+export interface ScrollSliderSizeTheme {
+    borderWidth?: number;
+    size?: number;
+}
+/**
+ * Calculate slider dimensions based on size variant and theme.
+ * Portable: falls back to global theme defaults when no theme provided.
+ * @param size - Size variant
+ * @param theme - Optional resolved ScrollSlider theme values
+ * @returns Calculated dimensions
+ */
+export declare function calculateSliderSize(size: SliderSize, theme?: ScrollSliderSizeTheme): {
+    border: number;
+    outer: number;
+    dimension: number;
+};
+/**
+ * Props for ScrollSlider component
+ */
+export interface ScrollSliderProps {
+    /** Direction of the slider */
+    direction: 'vertical' | 'horizontal';
+    /** Size variant, default is medium */
+    size?: SliderSize;
+    /** Current scroll position in pixels */
+    scrollPosition: number;
+    /** Viewport size in pixels */
+    viewportSize: number;
+    /** Content size in pixels */
+    contentSize: number;
+    /** Callback when slider is scrolled, returns new scroll position in pixels */
+    onScroll: (scrollPosition: number) => void;
+    /** Enable momentum scrolling for thumb dragging */
+    momentum?: boolean;
+    /** Callback when momentum (or drag end without momentum) finishes */
+    onMomentumEnd?: () => void;
+}
+/**
+ * ScrollSlider component providing slider functionality for ScrollView.
+ * @param props - ScrollSlider properties
+ * @returns JSX element
+ */
+export declare function ScrollSlider(props: ScrollSliderProps): VNodeLike;
+//# sourceMappingURL=ScrollSlider.d.ts.map

package/dist/ScrollSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollSlider.d.ts","sourceRoot":"","sources":["../src/ScrollSlider.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C;;;;;;;;GAQG;AACH,OAAO,KAAK,EAAqC,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAoBtF,0CAA0C;AAC1C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;AAE7F,oDAAoD;AACpD,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,qBAAqB;;;;EAoBlF;AAMD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,8BAA8B;IAC9B,SAAS,EAAE,UAAU,GAAG,YAAY,CAAA;IACpC,sCAAsC;IACtC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAA;IACtB,8BAA8B;IAC9B,YAAY,EAAE,MAAM,CAAA;IACpB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;CAC3B;AAMD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAqNhE"}

package/dist/ScrollSlider.js

@@ -0,0 +1,93 @@
+import { View as e } from "./primitives/View.js";
+import "./primitives.js";
+import { Easing as t, KNOWN_COMPONENTS as n, createTween as r, getGlobalThemeDefaults as i, resolveComponentTheme as a, useRef as o, useState as s, useSurface as c, useTheme as l } from "@number10/jsx-core";
+import { jsx as u, jsxs as d } from "@number10/jsx-core/jsx-runtime";
+//#region src/ScrollSlider.tsx
+function f(e, t) {
+	let n = t ?? i().ScrollSlider ?? {}, r = e === "large" ? 1.25 : e === "small" ? .75 : e === "tiny" ? .5 : e === "micro" ? .25 : e === "nano" ? .125 : 1, a = (n.borderWidth ?? 1) * r, o = (n.size ?? 24) * r;
+	return {
+		border: a,
+		outer: o,
+		dimension: o - a * 2
+	};
+}
+function p(p) {
+	let { direction: m, scrollPosition: h, viewportSize: g, contentSize: _, onScroll: v, momentum: y = !0, onMomentumEnd: b } = p, x = l(), { props: S } = a({
+		componentName: "ScrollSlider",
+		globalTheme: i(),
+		localTheme: x,
+		knownComponents: n
+	}), C = o(null), w = o(!1), [T, E] = s(!1), D = o(null), O = o(0), k = o(0), A = o(null), j = c()?.scheduler ?? null, M = o(j);
+	j && M.current !== j && (M.current = j);
+	let N = m === "vertical", { border: P, outer: F, dimension: I } = f(p.size, S), L = F / (S.size ?? 24), R = Math.min((S.thumbBorderWidth ?? 1) * L, Math.max(0, I / 3)), z = S.cornerRadius ?? F / 2, B = S.trackCornerRadius ?? I / 2, V = S.thumbCornerRadius ?? I / 2, H = D.current?.__getLayoutSize?.(), U = (H && (N ? H.height > 0 : H.width > 0) ? N ? H.height : H.width : Math.max(0, g)) - P * 2, W = S.minThumbSize ?? 20, G = Math.max(0, _ - g), K = _ > 0 ? g / _ : 1, q = Math.max(W, U * K), J = U - q, Y = G > 0 ? h / G * J : 0, X = (e) => {
+		if (e.stopPropagation(), e.state === "start") {
+			w.current = !0, E(!0), O.current = 0, k.current = Date.now(), A.current &&= (A.current.stop(), null);
+			return;
+		}
+		if (e.state === "end") {
+			w.current = !1, E(!1), y && Math.abs(O.current) > .1 ? Z(h) : b && b();
+			return;
+		}
+		if (!w.current) return;
+		let t = N ? e.dy ?? 0 : e.dx ?? 0, n = Date.now(), r = n - k.current;
+		r > 0 && (O.current = t / r * 1e3, k.current = n);
+		let i = Math.max(0, Math.min(J, Y + t));
+		v(J > 0 ? i / J * G : 0);
+	}, Z = (e) => {
+		if (!M.current) return;
+		let n = Math.min(1e3, Math.max(200, Math.abs(O.current))), i = Math.max(0, Math.min(G, e + O.current * (n / 1e3)));
+		A.current = r({ pos: e }, {
+			to: { pos: i },
+			duration: n,
+			ease: t.quadOut,
+			onUpdate: (e) => v(e.pos),
+			onComplete: () => {
+				A.current = null, b && b();
+			}
+		}, M.current);
+	};
+	return /* @__PURE__ */ u(e, {
+		ref: D,
+		width: N ? F : "100%",
+		height: N ? "100%" : F,
+		backgroundColor: S.borderColor ?? 0,
+		cornerRadius: z,
+		padding: P,
+		children: /* @__PURE__ */ d(e, {
+			ref: C,
+			width: N ? I : "100%",
+			height: N ? "100%" : I,
+			backgroundColor: S.trackColor ?? 14540253,
+			cornerRadius: B,
+			direction: "stack",
+			padding: 0,
+			children: [/* @__PURE__ */ u(e, {
+				width: N ? I : "100%",
+				height: N ? "100%" : I,
+				x: 0,
+				y: 0,
+				backgroundColor: S.trackColor ?? 11184810,
+				cornerRadius: B,
+				enableGestures: !0,
+				onTouch: (e) => {
+					e.stopPropagation();
+					let t = N ? e.localY ?? 0 : e.localX ?? 0, n = Math.max(q / 2, Math.min(U - q / 2, t)) - q / 2, r = J > 0 ? n / J * G : 0;
+					v(Math.max(0, Math.min(G, r)));
+				}
+			}), /* @__PURE__ */ u(e, {
+				width: N ? I : q,
+				height: N ? q : I,
+				x: N ? 0 : Y,
+				y: N ? Y : 0,
+				backgroundColor: T ? S.thumbActiveColor ?? S.thumbColor ?? 15658683 : S.thumbColor ?? 15658683,
+				borderColor: S.thumbBorderColor,
+				borderWidth: R,
+				cornerRadius: V,
+				enableGestures: !0,
+				onTouchMove: X
+			})]
+		})
+	});
+}
+//#endregion
+export { p as ScrollSlider, f as calculateSliderSize };

package/dist/ScrollView.cjs

@@ -0,0 +1 @@
+const e=require(`./primitives/View.cjs`);require(`./primitives.cjs`);const t=require(`./ScrollSlider.cjs`);let n=require(`@number10/jsx-core`),r=require(`@number10/jsx-core/jsx-runtime`);function i(e,t,n){return Math.max(t,Math.min(n,e))}function a(e,t){if(e){if(typeof e==`function`){e(t);return}e.current=t}}function o(e,t){return Math.abs(e.width-t.width)<.5&&Math.abs(e.height-t.height)<.5}function s(e,t){return e?Math.abs(e.dx-t.dx)<.5&&Math.abs(e.dy-t.dy)<.5&&Math.abs(e.viewportWidth-t.viewportWidth)<.5&&Math.abs(e.viewportHeight-t.viewportHeight)<.5&&Math.abs(e.contentWidth-t.contentWidth)<.5&&Math.abs(e.contentHeight-t.contentHeight)<.5&&Math.abs(e.maxScrollX-t.maxScrollX)<.5&&Math.abs(e.maxScrollY-t.maxScrollY)<.5:!1}function c(e){let t=e?.__getLayoutSize?.();return{width:Math.max(0,t?.width??0),height:Math.max(0,t?.height??0)}}function l(e){let t=e.x??0,n=e.y??0,r=e.parent;for(;r;)t+=r.x??0,n+=r.y??0,r=r.parent;return{x:t,y:n}}function u(e,t){return e===!0?!0:e===!1?!1:t}function d(e){let t=e.epsilon??.5,n=Math.max(0,e.outerWidth),r=Math.max(0,e.outerHeight),i=Math.max(0,e.contentWidth),a=Math.max(0,e.contentHeight),o=Math.max(0,e.sliderSize),s=e.showVerticalSlider===!0,c=e.showHorizontalSlider===!0;for(let l=0;l<4;l++){let l=Math.max(0,n-(s?o:0)),d=Math.max(0,r-(c?o:0)),f=Math.max(i,l),p=Math.max(a,d),m=u(e.showVerticalSlider,p>d+t),h=u(e.showHorizontalSlider,f>l+t);if(m===s&&h===c)break;s=m,c=h}let l=Math.max(0,n-(s?o:0)),d=Math.max(0,r-(c?o:0)),f=Math.max(i,l),p=Math.max(a,d);return{outerWidth:n,outerHeight:r,viewportWidth:l,viewportHeight:d,contentWidth:i,contentHeight:a,effectiveContentWidth:f,effectiveContentHeight:p,showVerticalSlider:s,showHorizontalSlider:c,maxScrollX:Math.max(0,f-l),maxScrollY:Math.max(0,p-d)}}function f(e,t){let[r,i]=(0,n.useState)({width:0,height:0}),[a,s]=(0,n.useState)({width:0,height:0}),l=(0,n.useRef)(r),u=(0,n.useRef)(a);return(0,n.useEffect)(()=>{let r=!1,a=()=>{r||n.DeferredLayoutQueue.defer(d)},d=()=>{if(r)return;let n=c(e.current),d=c(t.current);o(l.current,n)||(l.current=n,i(n)),o(u.current,d)||(u.current=d,s(d)),a()};return a(),()=>{r=!0}},[]),{outerSize:r,contentSize:a}}function p(u){let{ref:p,children:m,showVerticalSlider:h=`auto`,showHorizontalSlider:g=`auto`,scroll:_,onScrollInfoChange:v,snap:y=!1,snapAlignment:ee=`start`,snapThreshold:te=20,momentum:b=!0,onSnap:x,onSliderSize:S,sliderSize:C,visible:w,...ne}=u,re=(0,n.useTheme)(),{props:ie}=(0,n.resolveComponentTheme)({componentName:`ScrollSlider`,globalTheme:(0,n.getGlobalThemeDefaults)(),localTheme:re,knownComponents:n.KNOWN_COMPONENTS}),[T,ae]=(0,n.useState)({dx:_?.dx??0,dy:_?.dy??0}),E=(0,n.useRef)(T),D=(0,n.useRef)(!1),O=(0,n.useRef)(_?.snapIndex),k=(0,n.useRef)(null),oe=(0,n.useRef)(null),A=(0,n.useRef)(null),{outerSize:j,contentSize:se}=f(k,A),M=(0,n.useRef)({vx:0,vy:0}),N=(0,n.useRef)(0),P=(0,n.useRef)({dx:0,dy:0}),F=(0,n.useRef)(null),I=(0,n.useRef)(null),L=(0,n.useRef)(null),R=(0,n.useSurface)()?.scheduler??null,z=(0,n.useRef)(R);R&&z.current!==R&&(z.current=R);let{outer:B}=t.calculateSliderSize(C,ie),V=d({outerWidth:j.width,outerHeight:j.height,contentWidth:se.width,contentHeight:se.height,sliderSize:B,showVerticalSlider:h,showHorizontalSlider:g}),H=(0,n.useRef)(V);H.current=V;let U=(0,n.useRef)(null),W=(0,n.useRef)(null);(0,n.useEffect)(()=>{if(!S)return;let e={width:V.showVerticalSlider?B:0,height:V.showHorizontalSlider?B:0};o(U.current??{width:-1,height:-1},e)||(U.current=e,S(e))},[V.showHorizontalSlider,V.showVerticalSlider,S,B]);let G=e=>{ae(t=>{let n=typeof e==`function`?e(t):e;return Math.abs(n.dx-t.dx)<.001&&Math.abs(n.dy-t.dy)<.001?(E.current=t,t):(E.current=n,n)})},K=()=>{I.current&&=(I.current.stop(),null)},q=(e,t)=>{let r=H.current,a=i(e.dx??E.current.dx,0,r.maxScrollX),o=i(e.dy??E.current.dy,0,r.maxScrollY),s=t?.animate===!0&&z.current!==null;if(!(Math.abs(a-E.current.dx)<.5&&Math.abs(o-E.current.dy)<.5)){if(K(),s&&z.current){I.current=(0,n.createTween)({dx:E.current.dx,dy:E.current.dy},{to:{dx:a,dy:o},duration:t?.duration??220,ease:n.Easing.quadOut,onUpdate:e=>G({dx:e.dx,dy:e.dy}),onComplete:()=>{I.current=null}},z.current);return}G({dx:a,dy:o})}},J=(e,t,n=2)=>{let r=oe.current;if(!e||!r)return;let i=l(r),a=l(e),o=c(e),s=H.current;if(n>0&&(s.viewportWidth<=0||s.viewportHeight<=0||o.width<=0||o.height<=0)){requestAnimationFrame(()=>{J(e,t,n-1)});return}let u=E.current.dx,d=E.current.dy,f=a.x-i.x,p=f+o.width,m=a.y-i.y,h=m+o.height,g=t?.block??`nearest`,_=t?.inline??`nearest`;g===`start`?d+=m:g===`center`?d+=m-(s.viewportHeight-o.height)/2:g===`end`?d+=h-s.viewportHeight:m<0?d+=m:h>s.viewportHeight&&(d+=h-s.viewportHeight),_===`start`?u+=f:_===`center`?u+=f-(s.viewportWidth-o.width)/2:_===`end`?u+=p-s.viewportWidth:f<0?u+=f:p>s.viewportWidth&&(u+=p-s.viewportWidth),q({dx:u,dy:d},{animate:t?.animate,duration:t?.duration})},ce=e=>{let t=e;if(k.current=t,!t){a(p,null);return}let n=t;n.scrollTo=e=>{q(e,e)},n.scrollChildIntoView=(e,t)=>{J(e,t)},a(p,n)},Y=typeof y==`object`&&`positions`in y?y.threshold??te:te,le=Y===void 0||Y<0?1/0:Y,ue=()=>{let{viewportWidth:e,viewportHeight:t}=H.current;if(typeof y==`object`&&`positions`in y){let n=[...y.positions].sort((e,t)=>e-t),r=n.length>1?Math.max(0,(n[1]??0)-(n[0]??0)):t||0,i=n.length>1?Math.max(0,(n[1]??0)-(n[0]??0)):e||0;return{x:n.map((t,r)=>{let a=n[r+1];return{position:t,size:a===void 0?i>0?i:e||0:Math.max(0,a-t)}}),y:n.map((e,i)=>{let a=n[i+1];return{position:e,size:a===void 0?r>0?r:t||0:Math.max(0,a-e)}})}}return{x:[],y:[]}},X=(e,t,n)=>{let r=e.position;return ee===`center`?r=e.position+e.size/2-t/2:ee===`end`&&(r=e.position+e.size-t),i(r,0,n)},de=(e,t,n,r)=>{if(t.length===0)return{position:e,index:-1};let i=e,a=1/0,o=-1;for(let s=0;s<t.length;s++){let{position:c,size:l}=t[s]??{position:0,size:0},u=X({position:c,size:l},n,r),d=Math.abs(e-u);(d<a&&d<=le||d<a&&le===1/0)&&(a=d,i=u,o=s)}return{position:i,index:o}},fe=(e,t)=>{let{x:n,y:r}=ue(),{viewportWidth:i,viewportHeight:a,maxScrollX:o,maxScrollY:s}=H.current,c=.5,l=o>c?n:[],u=s>c?r:[],d=de(e,l,i,o),f=de(t,u,a,s),p=f.index>=0?f.index:d.index;return{dx:d.position,dy:f.position,index:p}},Z=()=>{if(!z.current||!y)return;let e=E.current,{dx:t,dy:r,index:i}=fe(e.dx,e.dy);if(t===e.dx&&r===e.dy){i>=0&&x&&x(i);return}K(),I.current=(0,n.createTween)({dx:e.dx,dy:e.dy},{to:{dx:t,dy:r},duration:250,ease:n.Easing.quadOut,onUpdate:e=>G({dx:e.dx,dy:e.dy}),onComplete:()=>{I.current=null,i>=0&&x&&x(i)}},z.current)};(0,n.useLayoutEffect)(()=>{if(!_)return;let e=D.current;if(y&&typeof y==`object`&&`positions`in y){let{x:t,y:r}=ue(),i=t.length>0||r.length>0;if(_.snapIndex!==void 0&&i){let i=Math.max(t.length,r.length)-1,a=Math.max(0,Math.min(_.snapIndex,i)),o=t[a],s=r[a],c=o===void 0?_.dx??E.current.dx:X(o,V.viewportWidth,V.maxScrollX),l=s===void 0?_.dy??E.current.dy:X(s,V.viewportHeight,V.maxScrollY),u=e&&(a!==O.current||Math.abs(E.current.dx-c)>.5||Math.abs(E.current.dy-l)>.5);O.current=a,u&&z.current?(K(),I.current=(0,n.createTween)({dx:E.current.dx,dy:E.current.dy},{to:{dx:c,dy:l},duration:220,ease:n.Easing.quadOut,onUpdate:e=>G({dx:e.dx,dy:e.dy}),onComplete:()=>{I.current=null,x&&x(a)}},z.current)):(G({dx:c,dy:l}),x&&x(a)),D.current=!0;return}}if(_.dx!==void 0&&_.dy!==void 0){let t=_.dx,r=_.dy;e&&(Math.abs(E.current.dx-t)>.5||Math.abs(E.current.dy-r)>.5)&&z.current?(K(),I.current=(0,n.createTween)({dx:E.current.dx,dy:E.current.dy},{to:{dx:t,dy:r},duration:220,ease:n.Easing.quadOut,onUpdate:e=>G({dx:e.dx,dy:e.dy}),onComplete:()=>{I.current=null}},z.current)):G({dx:t,dy:r})}D.current=!0},[_,V.maxScrollX,V.maxScrollY,V.viewportHeight,V.viewportWidth,y]);let Q=i(T.dx,0,V.maxScrollX),$=i(T.dy,0,V.maxScrollY);(0,n.useEffect)(()=>{(Q!==T.dx||$!==T.dy)&&G({dx:Q,dy:$})},[Q,$,T.dx,T.dy]),(0,n.useEffect)(()=>{if(v&&V.viewportWidth>0&&V.viewportHeight>0){let e={dx:Q,dy:$,viewportWidth:V.viewportWidth,viewportHeight:V.viewportHeight,contentWidth:V.effectiveContentWidth,contentHeight:V.effectiveContentHeight,maxScrollX:V.maxScrollX,maxScrollY:V.maxScrollY};if(s(W.current,e))return;W.current=e,v(e)}},[Q,$,V.effectiveContentHeight,V.effectiveContentWidth,V.maxScrollX,V.maxScrollY,V.viewportHeight,V.viewportWidth,v]);let pe=(e,t)=>{let n=H.current,r=E.current,a=i(r.dy-t,0,n.maxScrollY),o=i(r.dx-e,0,n.maxScrollX);Math.abs(o-r.dx)<.001&&Math.abs(a-r.dy)<.001||G({dx:o,dy:a})},me=()=>{F.current=null;let e=P.current;if(e.dx===0&&e.dy===0)return;let t=e.dx,n=e.dy;P.current={dx:0,dy:0},pe(t,n)},he=(e,t)=>{e===0&&t===0||(P.current={dx:P.current.dx+e,dy:P.current.dy+t},F.current===null&&(F.current=requestAnimationFrame(me)))},ge=()=>{if(!z.current)return;let e=H.current,t=M.current,r=Math.min(1e3,Math.max(200,Math.abs(t.vx)+Math.abs(t.vy))),a=E.current,o=i(a.dx-t.vx*(r/1e3),0,e.maxScrollX),s=i(a.dy-t.vy*(r/1e3),0,e.maxScrollY),c=y?fe(o,s):null;K(),I.current=(0,n.createTween)({dx:a.dx,dy:a.dy},{to:{dx:c?.dx??o,dy:c?.dy??s},duration:r,ease:n.Easing.quadOut,onUpdate:e=>G({dx:e.dx,dy:e.dy}),onComplete:()=>{I.current=null,c&&c.index>=0&&x&&x(c.index)}},z.current)},_e=e=>{G(t=>({...t,dy:i(e,0,H.current.maxScrollY)}))},ve=e=>{G(t=>({...t,dx:i(e,0,H.current.maxScrollX)}))},ye=()=>{y&&Z()},be=e=>{if(e.state===`end`){let e=M.current;b&&(Math.abs(e.vx)>.1||Math.abs(e.vy)>.1)?ge():y&&Z();return}if(e.state===`start`){K(),F.current!==null&&(cancelAnimationFrame(F.current),F.current=null),P.current={dx:0,dy:0},M.current={vx:0,vy:0},N.current=Date.now(),e.stopPropagation();return}e.stopPropagation();let t=e.dx??0,n=e.dy??0,r=Date.now(),i=r-N.current;i>0&&(M.current={vx:t/i*1e3,vy:n/i*1e3},N.current=r),he(t,n)},xe=e=>{e.stopPropagation(),e.preventDefault(),K(),he(-e.deltaX,-e.deltaY),y&&(L.current&&clearTimeout(L.current),L.current=setTimeout(()=>Z(),200))};(0,n.useEffect)(()=>()=>{F.current!==null&&(cancelAnimationFrame(F.current),F.current=null),P.current={dx:0,dy:0},L.current&&clearTimeout(L.current),K()},[]);let Se=w===`none`?`none`:w??!0;return(0,r.jsx)(e.View,{children:(0,r.jsx)(e.View,{...ne,visible:Se,children:(0,r.jsxs)(e.View,{ref:ce,width:`100%`,height:`100%`,direction:`stack`,children:[(0,r.jsxs)(e.View,{ref:oe,width:V.viewportWidth,height:V.viewportHeight,onTouchMove:be,onWheel:xe,overflow:`hidden`,direction:`stack`,children:[(0,r.jsx)(e.View,{ref:A,x:-Q,y:-$,children:m}),(0,r.jsx)(e.View,{width:V.viewportWidth,height:V.viewportHeight,enableGestures:!0,backgroundAlpha:0,onTouch:e=>{let t=e.localX,n=e.localY,r=.1;t>=-r&&t<=V.viewportWidth+r&&n>=-r&&n<=V.viewportHeight+r||e.stopPropagation()}})]}),V.showHorizontalSlider&&V.viewportWidth>0?(0,r.jsx)(e.View,{y:V.viewportHeight,width:V.viewportWidth,height:B,children:(0,r.jsx)(t.ScrollSlider,{direction:`horizontal`,size:C,scrollPosition:Q,viewportSize:V.viewportWidth,contentSize:V.effectiveContentWidth,onScroll:ve,momentum:b,onMomentumEnd:ye})}):null,V.showVerticalSlider&&V.viewportHeight>0?(0,r.jsx)(e.View,{x:V.viewportWidth,width:B,height:V.viewportHeight,children:(0,r.jsx)(t.ScrollSlider,{direction:`vertical`,size:C,scrollPosition:$,viewportSize:V.viewportHeight,contentSize:V.effectiveContentHeight,onScroll:_e,momentum:b,onMomentumEnd:ye})}):null,V.showHorizontalSlider&&V.showVerticalSlider?(0,r.jsx)(e.View,{x:V.viewportWidth,y:V.viewportHeight,width:B,height:B}):null]})})})}exports.ScrollView=p,exports.resolveScrollViewLayout=d;