@number10/jsx-components 5.0.0

package/README.md

@@ -0,0 +1,43 @@
+# @number10/jsx-components
+
+Portable UI components for the PhaserJSX framework — **renderer-neutral** (no Phaser or Pixi imports).
+
+## Usage
+
+```tsx
+/** @jsxImportSource @number10/jsx-core */
+import { Button, Text, View } from '@number10/jsx-components'
+import { useState } from '@number10/jsx-core'
+
+function Counter() {
+  const [count, setCount] = useState(0)
+  return (
+    <View gap={12} padding={16}>
+      <Text text={`Count: ${count}`} />
+      <Button onClick={() => setCount((c) => c + 1)} label="+1" />
+    </View>
+  )
+}
+```
+
+## What's included
+
+- **Primitives** (`View`, `Text`, `Image`, `Sprite`, `VectorDrawContent`)
+- **Components** (`Button`, `Badge`, `Checkbox`, `Dialog`, `Modal`, `Popover`, `ScrollView`, `Toast`, `Accordion`, `Tabs`, …)
+- **Hooks** (`useOverlayPresence`, and all core hooks re-exported)
+- **Theme system** — renderer-agnostic theme defaults for all components
+
+## Renderer integration
+
+This package provides the portable component definitions. You also need a **renderer adapter**:
+
+| Renderer | Package                | Status               |
+| -------- | ---------------------- | -------------------- |
+| Phaser 4 | `@number10/jsx-phaser` | ✅ Full              |
+| PixiJS 8 | `@number10/jsx-pixi`   | ✅ Full              |
+| Konva    | `@number10/jsx-konva`  | ✅ Full              |
+| Legacy   | `@number10/phaserjsx`  | ⚠️ Deprecated compat |
+
+## License
+
+GPL-3.0-only

package/dist/Accordion.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)(),{props:o,nestedTheme:s}=(0,n.resolveComponentTheme)({componentName:`Accordion`,globalTheme:(0,n.getGlobalThemeDefaults)(),localTheme:a,knownComponents:n.KNOWN_COMPONENTS}),[c,l]=(0,n.useState)(i.defaultOpen??!1),u=i.isOpen===void 0?c:i.isOpen,d=(0,n.useRef)(null),f=(0,n.useRef)(null),p=i.animated??o.animated??!1,m=i.autoHeight??o.autoHeight??p,h=i.maxHeight??o.maxHeight??200,g=i.animationConfig??o.animationConfig??`gentle`,[_,v]=(0,n.useState)(h);(0,n.useLayoutEffect)(()=>{if(m&&u&&f.current){let e=f.current.height??h;v(e),b(e)}},[u,m]);let[y,b]=(0,n.useSpring)(u?m?_:h:0,g,i.onAnimationEnd);p&&(0,n.useForceRedraw)(20,y);let x=Math.max(0,y.value),S=p?x:u?void 0:0,C=p?x>.5:u,w=()=>{let e=!u;l(e),p&&b(e?m?_:h:0),i.onToggle?.(e);let t=(0,n.resolveEffect)(i,o);(0,n.applyEffect)(d.current,t.effect,t.effectConfig)},T=o.headerStyle??{},E=o.contentStyle??{},D=o.textStyle;return(0,r.jsxs)(t.View,{width:i.width,height:i.height,direction:`column`,...o,theme:s,children:[(0,r.jsx)(t.View,{ref:d,direction:`row`,alignItems:`center`,enableGestures:!0,onTouch:w,...T,children:typeof i.title==`string`?(0,r.jsx)(e.Text,{text:i.title,...D&&{style:D}}):i.title}),m&&(0,r.jsx)(t.View,{visible:!1,direction:`stack`,headless:!0,width:0,height:0,children:(0,r.jsx)(t.View,{ref:f,...E,children:i.children})}),(0,r.jsx)(t.View,{direction:`column`,height:S,overflow:`hidden`,visible:C,...E,children:i.children})]},i.key)}exports.Accordion=i;

package/dist/Accordion.d.ts

@@ -0,0 +1,43 @@
+import { ChildrenType, EffectDefinition, SizeValue, VNodeLike, AnimationConfig } from '@number10/jsx-core';
+/**
+ * Props for Accordion component
+ */
+export interface AccordionProps extends EffectDefinition {
+    /** Unique key for VDOM identification */
+    key?: string | undefined;
+    /** Layout width */
+    width?: SizeValue | undefined;
+    /** Layout height */
+    height?: SizeValue | undefined;
+    /** Title as string or custom JSX element */
+    title?: string | ChildrenType | undefined;
+    /** Initial open state (default: false) */
+    defaultOpen?: boolean | undefined;
+    /** Controlled open state */
+    isOpen?: boolean | undefined;
+    /** Callback when accordion is toggled */
+    onToggle?: ((isOpen: boolean) => void) | undefined;
+    /** Enable smooth height animation (default: false) */
+    animated?: boolean | undefined;
+    /** Maximum height for animation (default: 200) */
+    maxHeight?: number | undefined;
+    /**
+     * Automatically measure content height for animation.
+     * Defaults to the resolved `animated` value unless explicitly overridden.
+     * Note: Creates a duplicate invisible container for measurement.
+     */
+    autoHeight?: boolean | undefined;
+    /** Spring animation config (preset name or custom config, default: 'gentle') */
+    animationConfig?: AnimationConfig | undefined;
+    /** Callback when accordion animation ends */
+    onAnimationEnd?: (() => void) | undefined;
+    /** Accordion content */
+    children?: ChildrenType | undefined;
+}
+/**
+ * Accordion component — collapsible header with animated content
+ * @param props - Accordion properties
+ * @returns Accordion JSX element
+ */
+export declare function Accordion(props: AccordionProps): VNodeLike;
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9F,OAAO,EAYL,KAAK,eAAe,EACrB,MAAM,oBAAoB,CAAA;AAQ3B;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,mBAAmB;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC7B,oBAAoB;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC9B,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAAA;IACzC,0CAA0C;IAC1C,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACjC,4BAA4B;IAC5B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC5B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAClD,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,gFAAgF;IAChF,eAAe,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;IAC7C,6CAA6C;IAC7C,cAAc,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAA;IACzC,wBAAwB;IACxB,QAAQ,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;CACpC;AAMD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CA2H1D"}

package/dist/Accordion.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 { KNOWN_COMPONENTS as n, applyEffect as r, getGlobalThemeDefaults as i, resolveComponentTheme as a, resolveEffect as o, useForceRedraw as s, useLayoutEffect as c, useRef as l, useSpring as u, useState as d, useTheme as f } from "@number10/jsx-core";
+import { jsx as p, jsxs as m } from "@number10/jsx-core/jsx-runtime";
+//#region src/Accordion.tsx
+function h(h) {
+	let g = f(), { props: _, nestedTheme: v } = a({
+		componentName: "Accordion",
+		globalTheme: i(),
+		localTheme: g,
+		knownComponents: n
+	}), [y, b] = d(h.defaultOpen ?? !1), x = h.isOpen === void 0 ? y : h.isOpen, S = l(null), C = l(null), w = h.animated ?? _.animated ?? !1, T = h.autoHeight ?? _.autoHeight ?? w, E = h.maxHeight ?? _.maxHeight ?? 200, D = h.animationConfig ?? _.animationConfig ?? "gentle", [O, k] = d(E);
+	c(() => {
+		if (T && x && C.current) {
+			let e = C.current.height ?? E;
+			k(e), j(e);
+		}
+	}, [x, T]);
+	let [A, j] = u(x ? T ? O : E : 0, D, h.onAnimationEnd);
+	w && s(20, A);
+	let M = Math.max(0, A.value), N = w ? M : x ? void 0 : 0, P = w ? M > .5 : x, F = () => {
+		let e = !x;
+		b(e), w && j(e ? T ? O : E : 0), h.onToggle?.(e);
+		let t = o(h, _);
+		r(S.current, t.effect, t.effectConfig);
+	}, I = _.headerStyle ?? {}, L = _.contentStyle ?? {}, R = _.textStyle;
+	return /* @__PURE__ */ m(t, {
+		width: h.width,
+		height: h.height,
+		direction: "column",
+		..._,
+		theme: v,
+		children: [
+			/* @__PURE__ */ p(t, {
+				ref: S,
+				direction: "row",
+				alignItems: "center",
+				enableGestures: !0,
+				onTouch: F,
+				...I,
+				children: typeof h.title == "string" ? /* @__PURE__ */ p(e, {
+					text: h.title,
+					...R && { style: R }
+				}) : h.title
+			}),
+			T && /* @__PURE__ */ p(t, {
+				visible: !1,
+				direction: "stack",
+				headless: !0,
+				width: 0,
+				height: 0,
+				children: /* @__PURE__ */ p(t, {
+					ref: C,
+					...L,
+					children: h.children
+				})
+			}),
+			/* @__PURE__ */ p(t, {
+				direction: "column",
+				height: N,
+				overflow: "hidden",
+				visible: P,
+				...L,
+				children: h.children
+			})
+		]
+	}, h.key);
+}
+//#endregion
+export { h as Accordion };

package/dist/Accordion.test.d.ts

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

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

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

package/dist/ActivityIndicator.cjs

@@ -0,0 +1 @@
+const e=require(`./primitives/Text.cjs`),t=require(`./primitives/VectorDrawContent.cjs`),n=require(`./primitives/View.cjs`);require(`./primitives.cjs`);let r=require(`@number10/jsx-core`),i=require(`@number10/jsx-core/jsx-runtime`);function a(e){switch(e){case`small`:return{containerSize:20,lineWidth:2,dotSize:4,dotCount:3};case`large`:return{containerSize:48,lineWidth:4,dotSize:8,dotCount:3};default:return{containerSize:32,lineWidth:3,dotSize:6,dotCount:3}}}function o(e){let r=e.size/2,a=e.size/2,o=(e.size-e.lineWidth)/2,s=e.tick*e.speed*.025,c=Math.PI*.75;return(0,i.jsx)(n.View,{width:e.size,height:e.size,children:(0,i.jsx)(t.VectorDrawContent,{onDraw:t=>{t.lineStyle(e.lineWidth,e.trackColor,.25),t.beginPath(),t.arc(r,a,o,0,Math.PI*2),t.strokePath(),t.lineStyle(e.lineWidth,e.color,1),t.beginPath(),t.arc(r,a,o,s,s+c),t.strokePath()},dependencies:[e.tick,e.color,e.trackColor]})})}function s(e){let r=e.dotSize/2,a=e.dotSize*2.2,o=e.dotCount*a,s=Math.floor(e.tick*e.speed/10%e.dotCount);return(0,i.jsx)(n.View,{width:o,height:e.dotSize,children:(0,i.jsx)(t.VectorDrawContent,{onDraw:t=>{for(let n=0;n<e.dotCount;n++){let i=n===s?1:.3;t.fillStyle(e.color,i),t.fillCircle(n*a+e.dotSize/2,r,e.dotSize/2)}},dependencies:[e.tick,e.color]})})}function c(e){let r=e.size/2,a=e.size/2,o=e.size/2,s=e.tick*e.speed*.01%1;return(0,i.jsx)(n.View,{width:e.size,height:e.size,children:(0,i.jsx)(t.VectorDrawContent,{onDraw:t=>{t.lineStyle(2,e.color,.2),t.beginPath(),t.arc(r,a,o-1,0,Math.PI*2),t.strokePath();let n=o*.5*(.5+.5*Math.sin(s*Math.PI*2)),i=.3+.7*Math.abs(Math.cos(s*Math.PI));t.fillStyle(e.color,i),t.fillCircle(r,a,n)},dependencies:[e.tick,e.color]})})}function l(t){let{variant:l,size:u,color:d,trackColor:f,label:p,labels:m,theme:h}=t,g=(0,r.useTheme)(),_=h?(0,r.mergeThemes)(g??{},h):g,{props:v}=(0,r.resolveComponentTheme)({componentName:`ActivityIndicator`,globalTheme:(0,r.getGlobalThemeDefaults)(),localTheme:_,knownComponents:r.KNOWN_COMPONENTS}),y=(0,r.useSurface)()?.scheduler,[b,x]=(0,r.useState)(0),S=l??v.variant??`spinner`,{containerSize:C,lineWidth:w,dotSize:T,dotCount:E}=a(u??v.size??`medium`),D=d??v.color??6333946,O=f??v.trackColor??D,k=(v.animationSpeed??2.4)*(S===`dots`?.25:1),A={...v.labels??{},...m??{}},j=p??A.loading,M=v.labelStyle??{color:`#9fb3c8`,fontSize:`13px`};return(0,r.useEffect)(()=>{if(!y)return;let e=y.setInterval(()=>x(e=>e+1),1e3/60);return()=>e.cancel()},[y]),(0,i.jsxs)(n.View,{direction:`column`,alignItems:`center`,justifyContent:`center`,gap:v.gap??8,width:t.width??v.width,height:t.height??v.height,children:[(()=>{switch(S){case`dots`:return(0,i.jsx)(s,{dotSize:T,dotCount:E,color:D,tick:b,speed:k});case`pulse`:return(0,i.jsx)(c,{size:C,color:D,tick:b,speed:k});default:return(0,i.jsx)(o,{size:C,lineWidth:w,color:D,trackColor:O,tick:b,speed:k})}})(),j?(0,i.jsx)(e.Text,{text:j,style:M}):null]})}exports.ActivityIndicator=l;

package/dist/ActivityIndicator.d.ts

@@ -0,0 +1,21 @@
+import { SizeValue, VNodeLike } from '@number10/jsx-core';
+import { PortableComponentPartialTheme } from './theme-types';
+export type ActivityIndicatorVariant = 'spinner' | 'dots' | 'pulse';
+export type ActivityIndicatorSize = 'small' | 'medium' | 'large';
+export interface ActivityIndicatorLabels {
+    loading?: string;
+}
+export interface ActivityIndicatorProps {
+    key?: string | number | undefined;
+    variant?: ActivityIndicatorVariant;
+    size?: ActivityIndicatorSize;
+    color?: number;
+    trackColor?: number;
+    label?: string;
+    labels?: ActivityIndicatorLabels;
+    width?: SizeValue;
+    height?: SizeValue;
+    theme?: PortableComponentPartialTheme<'ActivityIndicator'>;
+}
+export declare function ActivityIndicator(props: ActivityIndicatorProps): VNodeLike;
+//# sourceMappingURL=ActivityIndicator.d.ts.map

package/dist/ActivityIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicator.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C;;;;;;;GAOG;AACH,OAAO,KAAK,EAAqB,SAAS,EAAqB,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAYpG,OAAO,KAAK,EAA0B,6BAA6B,EAAE,MAAM,eAAe,CAAA;AAM1F,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AACnE,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEhE,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,wBAAwB,CAAA;IAClC,IAAI,CAAC,EAAE,qBAAqB,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,uBAAuB,CAAA;IAChC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,6BAA6B,CAAC,mBAAmB,CAAC,CAAA;CAC3D;AAoID,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,SAAS,CA4F1E"}

package/dist/ActivityIndicator.js

@@ -0,0 +1,133 @@
+import { Text as e } from "./primitives/Text.js";
+import { VectorDrawContent as t } from "./primitives/VectorDrawContent.js";
+import { View as n } from "./primitives/View.js";
+import "./primitives.js";
+import { KNOWN_COMPONENTS as r, getGlobalThemeDefaults as i, mergeThemes as a, resolveComponentTheme as o, useEffect as s, useState as c, useSurface as l, useTheme as u } from "@number10/jsx-core";
+import { jsx as d, jsxs as f } from "@number10/jsx-core/jsx-runtime";
+//#region src/ActivityIndicator.tsx
+function p(e) {
+	switch (e) {
+		case "small": return {
+			containerSize: 20,
+			lineWidth: 2,
+			dotSize: 4,
+			dotCount: 3
+		};
+		case "large": return {
+			containerSize: 48,
+			lineWidth: 4,
+			dotSize: 8,
+			dotCount: 3
+		};
+		default: return {
+			containerSize: 32,
+			lineWidth: 3,
+			dotSize: 6,
+			dotCount: 3
+		};
+	}
+}
+function m(e) {
+	let r = e.size / 2, i = e.size / 2, a = (e.size - e.lineWidth) / 2, o = e.tick * e.speed * .025, s = Math.PI * .75;
+	return /* @__PURE__ */ d(n, {
+		width: e.size,
+		height: e.size,
+		children: /* @__PURE__ */ d(t, {
+			onDraw: (t) => {
+				t.lineStyle(e.lineWidth, e.trackColor, .25), t.beginPath(), t.arc(r, i, a, 0, Math.PI * 2), t.strokePath(), t.lineStyle(e.lineWidth, e.color, 1), t.beginPath(), t.arc(r, i, a, o, o + s), t.strokePath();
+			},
+			dependencies: [
+				e.tick,
+				e.color,
+				e.trackColor
+			]
+		})
+	});
+}
+function h(e) {
+	let r = e.dotSize / 2, i = e.dotSize * 2.2, a = e.dotCount * i, o = Math.floor(e.tick * e.speed / 10 % e.dotCount);
+	return /* @__PURE__ */ d(n, {
+		width: a,
+		height: e.dotSize,
+		children: /* @__PURE__ */ d(t, {
+			onDraw: (t) => {
+				for (let n = 0; n < e.dotCount; n++) {
+					let a = n === o ? 1 : .3;
+					t.fillStyle(e.color, a), t.fillCircle(n * i + e.dotSize / 2, r, e.dotSize / 2);
+				}
+			},
+			dependencies: [e.tick, e.color]
+		})
+	});
+}
+function g(e) {
+	let r = e.size / 2, i = e.size / 2, a = e.size / 2, o = e.tick * e.speed * .01 % 1;
+	return /* @__PURE__ */ d(n, {
+		width: e.size,
+		height: e.size,
+		children: /* @__PURE__ */ d(t, {
+			onDraw: (t) => {
+				t.lineStyle(2, e.color, .2), t.beginPath(), t.arc(r, i, a - 1, 0, Math.PI * 2), t.strokePath();
+				let n = a * .5 * (.5 + .5 * Math.sin(o * Math.PI * 2)), s = .3 + .7 * Math.abs(Math.cos(o * Math.PI));
+				t.fillStyle(e.color, s), t.fillCircle(r, i, n);
+			},
+			dependencies: [e.tick, e.color]
+		})
+	});
+}
+function _(t) {
+	let { variant: _, size: v, color: y, trackColor: b, label: x, labels: S, theme: C } = t, w = u(), T = C ? a(w ?? {}, C) : w, { props: E } = o({
+		componentName: "ActivityIndicator",
+		globalTheme: i(),
+		localTheme: T,
+		knownComponents: r
+	}), D = l()?.scheduler, [O, k] = c(0), A = _ ?? E.variant ?? "spinner", { containerSize: j, lineWidth: M, dotSize: N, dotCount: P } = p(v ?? E.size ?? "medium"), F = y ?? E.color ?? 6333946, I = b ?? E.trackColor ?? F, L = (E.animationSpeed ?? 2.4) * (A === "dots" ? .25 : 1), R = {
+		...E.labels ?? {},
+		...S ?? {}
+	}, z = x ?? R.loading, B = E.labelStyle ?? {
+		color: "#9fb3c8",
+		fontSize: "13px"
+	};
+	return s(() => {
+		if (!D) return;
+		let e = D.setInterval(() => k((e) => e + 1), 1e3 / 60);
+		return () => e.cancel();
+	}, [D]), /* @__PURE__ */ f(n, {
+		direction: "column",
+		alignItems: "center",
+		justifyContent: "center",
+		gap: E.gap ?? 8,
+		width: t.width ?? E.width,
+		height: t.height ?? E.height,
+		children: [(() => {
+			switch (A) {
+				case "dots": return /* @__PURE__ */ d(h, {
+					dotSize: N,
+					dotCount: P,
+					color: F,
+					tick: O,
+					speed: L
+				});
+				case "pulse": return /* @__PURE__ */ d(g, {
+					size: j,
+					color: F,
+					tick: O,
+					speed: L
+				});
+				default: return /* @__PURE__ */ d(m, {
+					size: j,
+					lineWidth: M,
+					color: F,
+					trackColor: I,
+					tick: O,
+					speed: L
+				});
+			}
+		})(), z ? /* @__PURE__ */ d(e, {
+			text: z,
+			style: B
+		}) : null]
+	});
+}
+//#endregion
+export { _ as ActivityIndicator };

package/dist/AlertDialog.cjs

@@ -0,0 +1 @@
+const e=require(`./primitives/Text.cjs`);require(`./primitives.cjs`);const t=require(`./Button.cjs`),n=require(`./Dialog.cjs`),r=require(`./WrapText.cjs`);let i=require(`@number10/jsx-core`),a=require(`@number10/jsx-core/jsx-runtime`);(0,i.registerComponentDefaultsIfMissing)(`AlertDialog`,{maxWidth:500,variants:{info:{},warning:{},destructive:{},success:{}}});function o(o){let s=(0,i.useTheme)(),{props:c}=(0,i.resolveComponentTheme)({componentName:`AlertDialog`,globalTheme:(0,i.getGlobalThemeDefaults)(),localTheme:s,knownComponents:i.KNOWN_COMPONENTS}),[l,u]=(0,i.useState)(!1),d=o.showCancel??!0,f=o.closeOnConfirm??!0,p=o.loading??l,m=c.maxWidth??400,h=c.variants,g=o.variant?h?.[o.variant]:void 0,_=o.prefix??g?.prefix,v=g?.buttonVariant,y=(0,i.useCallback)(async()=>{if(o.onConfirm)try{u(!0);let e=o.onConfirm();e instanceof Promise&&await e,f&&o.onClose?.()}catch(e){console.error(`AlertDialog confirm error:`,e)}finally{u(!1)}},[o.onConfirm,f,o.onClose]);(0,i.useEffect)(()=>{o.isOpen||u(!1)},[o.isOpen]);let b=(0,i.useMemo)(()=>(0,a.jsxs)(a.Fragment,{children:[d&&(0,a.jsx)(t.Button,{onClick:()=>setTimeout(()=>o.onClose?.(),200),disabled:p,children:(0,a.jsx)(e.Text,{text:o.cancelText??`Cancel`})}),o.onConfirm&&(0,a.jsx)(t.Button,{variant:v,onClick:()=>setTimeout(()=>y(),200),disabled:p,children:(0,a.jsx)(e.Text,{text:o.confirmText??`OK`})})]}),[d,o.onClose,o.cancelText,p,o.onConfirm,v,y,o.confirmText]),x=(0,i.useMemo)(()=>o.description?(0,a.jsx)(r.WrapText,{text:o.description}):null,[o.description]);return(0,a.jsx)(n.Dialog,{...o.key&&{key:o.key},isOpen:o.isOpen,onClose:o.onClose,title:o.title,prefix:_,maxWidth:m,showClose:!0,actions:b,closeOnBackdrop:!1,closeOnEscape:!1,children:x})}exports.AlertDialog=o;

package/dist/AlertDialog.d.ts

@@ -0,0 +1,53 @@
+import { ChildrenType, VNodeLike } from '@number10/jsx-core';
+/**
+ * AlertDialog component props
+ */
+export interface AlertDialogProps {
+    /** Unique key for VDOM identification */
+    key?: string;
+    /** Whether dialog is visible */
+    isOpen: boolean;
+    /** Callback when dialog should close */
+    onClose?: () => void;
+    /** Dialog title */
+    title: string;
+    /** Optional description text */
+    description?: string;
+    /** Optional custom prefix (overrides variant icon from theme) */
+    prefix?: ChildrenType;
+    /** Visual variant — determines styling and default icons */
+    variant?: 'info' | 'warning' | 'destructive' | 'success';
+    /** Cancel button text (default: "Cancel") */
+    cancelText?: string;
+    /** Confirm button text (default: "OK") */
+    confirmText?: string;
+    /** Show cancel button (default: true) */
+    showCancel?: boolean;
+    /** Callback when confirm button is clicked */
+    onConfirm?: (() => void) | (() => Promise<void>);
+    /** Close dialog after confirm (default: true) */
+    closeOnConfirm?: boolean;
+    /** Override loading state (for async onConfirm) */
+    loading?: boolean;
+}
+/**
+ * AlertDialog component
+ * Simple confirm/alert dialogs with variants and predefined actions
+ *
+ * @param props - AlertDialog props
+ * @returns AlertDialog component
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog
+ *   isOpen={isOpen}
+ *   variant="destructive"
+ *   title="Delete Item?"
+ *   description="This cannot be undone."
+ *   onConfirm={handleDelete}
+ *   onClose={onClose}
+ * />
+ * ```
+ */
+export declare function AlertDialog(props: AlertDialogProps): VNodeLike;
+//# sourceMappingURL=AlertDialog.d.ts.map

package/dist/AlertDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../src/AlertDialog.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAkBjE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,iEAAiE;IACjE,MAAM,CAAC,EAAE,YAAY,CAAA;IAErB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAA;IAExD,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC,CAAA;IAChD,iDAAiD;IACjD,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAYD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CA0G9D"}

package/dist/AlertDialog.js

@@ -0,0 +1,76 @@
+import { Text as e } from "./primitives/Text.js";
+import "./primitives.js";
+import { Button as t } from "./Button.js";
+import { Dialog as n } from "./Dialog.js";
+import { WrapText as r } from "./WrapText.js";
+import { KNOWN_COMPONENTS as i, getGlobalThemeDefaults as a, registerComponentDefaultsIfMissing as o, resolveComponentTheme as s, useCallback as c, useEffect as l, useMemo as u, useState as d, useTheme as f } from "@number10/jsx-core";
+import { Fragment as p, jsx as m, jsxs as h } from "@number10/jsx-core/jsx-runtime";
+//#region src/AlertDialog.tsx
+o("AlertDialog", {
+	maxWidth: 500,
+	variants: {
+		info: {},
+		warning: {},
+		destructive: {},
+		success: {}
+	}
+});
+function g(o) {
+	let g = f(), { props: _ } = s({
+		componentName: "AlertDialog",
+		globalTheme: a(),
+		localTheme: g,
+		knownComponents: i
+	}), [v, y] = d(!1), b = o.showCancel ?? !0, x = o.closeOnConfirm ?? !0, S = o.loading ?? v, C = _.maxWidth ?? 400, w = _.variants, T = o.variant ? w?.[o.variant] : void 0, E = o.prefix ?? T?.prefix, D = T?.buttonVariant, O = c(async () => {
+		if (o.onConfirm) try {
+			y(!0);
+			let e = o.onConfirm();
+			e instanceof Promise && await e, x && o.onClose?.();
+		} catch (e) {
+			console.error("AlertDialog confirm error:", e);
+		} finally {
+			y(!1);
+		}
+	}, [
+		o.onConfirm,
+		x,
+		o.onClose
+	]);
+	l(() => {
+		o.isOpen || y(!1);
+	}, [o.isOpen]);
+	let k = u(() => /* @__PURE__ */ h(p, { children: [b && /* @__PURE__ */ m(t, {
+		onClick: () => setTimeout(() => o.onClose?.(), 200),
+		disabled: S,
+		children: /* @__PURE__ */ m(e, { text: o.cancelText ?? "Cancel" })
+	}), o.onConfirm && /* @__PURE__ */ m(t, {
+		variant: D,
+		onClick: () => setTimeout(() => O(), 200),
+		disabled: S,
+		children: /* @__PURE__ */ m(e, { text: o.confirmText ?? "OK" })
+	})] }), [
+		b,
+		o.onClose,
+		o.cancelText,
+		S,
+		o.onConfirm,
+		D,
+		O,
+		o.confirmText
+	]), A = u(() => o.description ? /* @__PURE__ */ m(r, { text: o.description }) : null, [o.description]);
+	return /* @__PURE__ */ m(n, {
+		...o.key && { key: o.key },
+		isOpen: o.isOpen,
+		onClose: o.onClose,
+		title: o.title,
+		prefix: E,
+		maxWidth: C,
+		showClose: !0,
+		actions: k,
+		closeOnBackdrop: !1,
+		closeOnEscape: !1,
+		children: A
+	});
+}
+//#endregion
+export { g as AlertDialog };

package/dist/Badge.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={neutral:{backgroundColor:4674921,softBackgroundColor:1976635,borderColor:6583435,textColor:`#ffffff`,outlineTextColor:`#cbd5e1`},primary:{backgroundColor:2450411,softBackgroundColor:1981066,borderColor:6333946,textColor:`#ffffff`,outlineTextColor:`#93c5fd`},success:{backgroundColor:1483594,softBackgroundColor:1332013,borderColor:4906624,textColor:`#ffffff`,outlineTextColor:`#86efac`},warning:{backgroundColor:16096779,softBackgroundColor:7877903,borderColor:16498468,textColor:`#111827`,outlineTextColor:`#fde68a`},danger:{backgroundColor:14427686,softBackgroundColor:8330525,borderColor:16281969,textColor:`#ffffff`,outlineTextColor:`#fecaca`},info:{backgroundColor:561586,softBackgroundColor:1461859,borderColor:2282478,textColor:`#ffffff`,outlineTextColor:`#a5f3fc`}},a={small:{height:22,padding:{left:8,right:8,top:3,bottom:3},fontSize:12,cornerRadius:11,gap:5,dotSize:8},medium:{height:26,padding:{left:10,right:10,top:4,bottom:4},fontSize:14,cornerRadius:13,gap:6,dotSize:10},large:{height:32,padding:{left:13,right:13,top:5,bottom:5},fontSize:18,cornerRadius:16,gap:8,dotSize:12}},o=new Set([`View`,`Text`,`Image`,`Sprite`,`Badge`,`Tag`,`Icon`]);function s({count:e,maxCount:t=99}){if(!Number.isFinite(e))return`0`;let n=Math.max(0,Math.floor(e??0)),r=Math.max(0,Math.floor(t));return n>r?`${r}+`:`${n}`}function c(e,t){let n=i[e];return t===`outline`?{bg:0,bgAlpha:0,border:n.borderColor,borderW:1,textColor:n.outlineTextColor}:t===`soft`?{bg:n.softBackgroundColor,bgAlpha:1,border:n.borderColor,borderW:1,textColor:n.outlineTextColor}:{bg:n.backgroundColor,bgAlpha:1,border:n.borderColor,borderW:0,textColor:n.textColor}}function l(e){return a[e]}function u(i){let{children:a,label:u,count:d,maxCount:f,dot:p=!1,tone:m,variant:h,size:g,style:_,disabled:v=!1,disabledAlpha:y,theme:b,width:x,height:S,...C}=i,w=(0,n.useTheme)(),{props:T}=(0,n.resolveComponentTheme)({componentName:`Badge`,localTheme:b??w,explicitProps:{tone:m,variant:h,size:g},knownComponents:o}),E=m??T.tone??`neutral`,D=h??T.variant??`solid`,O=l(g??T.size??`medium`),k=c(E,D),A=y??T.disabledAlpha??.5,j=f??T.maxCount??99,M=d===void 0?u===void 0?``:`${u}`:s({count:d,maxCount:j}),N={color:k.textColor,fontSize:O.fontSize};if(p){let e=O.dotSize;return(0,r.jsx)(t.View,{width:x??e,height:S??e,backgroundColor:k.bg,backgroundAlpha:k.bgAlpha,borderColor:k.border,borderWidth:k.borderW,cornerRadius:e/2,...v?{alpha:A}:{},...C})}return(0,r.jsx)(t.View,{width:x??`auto`,height:S??O.height,direction:`row`,alignItems:`center`,justifyContent:`center`,gap:O.gap,padding:O.padding,backgroundColor:k.bg,backgroundAlpha:k.bgAlpha,borderColor:k.border,borderWidth:k.borderW,cornerRadius:O.cornerRadius,...v?{alpha:A}:{},...C,children:a??(M?(0,r.jsx)(e.Text,{text:M,style:{...N,..._}}):null)})}function d(e){return e.count===void 0?e.label===void 0?``:`${e.label}`:s(e)}function f(i){let{selected:a=!1,onRemove:s,closeLabel:u=`×`,tone:d,variant:f,size:p,style:m,theme:h,children:g,label:_,disabled:v=!1,disabledAlpha:y,...b}=i,x=(0,n.useTheme)(),{props:S}=(0,n.resolveComponentTheme)({componentName:`Tag`,localTheme:h??x,knownComponents:o}),C=d??S.tone??(a?`primary`:`neutral`),w=f??S.variant??(a?`solid`:`soft`),T=l(p??S.size??`medium`),E=c(C,w),D=y??S.disabledAlpha??.5,O=_===void 0?``:`${_}`,k={color:E.textColor,fontSize:T.fontSize,...m};return(0,r.jsxs)(t.View,{width:`auto`,height:T.height,direction:`row`,alignItems:`center`,justifyContent:`center`,gap:T.gap,padding:T.padding,backgroundColor:E.bg,backgroundAlpha:E.bgAlpha,borderColor:E.border,borderWidth:E.borderW,cornerRadius:T.cornerRadius,...v?{alpha:D}:{},...b,children:[_?(0,r.jsx)(e.Text,{text:O,style:k}):null,g,s?(0,r.jsx)(t.View,{width:16,height:16,justifyContent:`center`,alignItems:`center`,cornerRadius:16/2,enableGestures:!0,onTouch:()=>s(),children:(0,r.jsx)(e.Text,{text:u,style:{...k,fontSize:16*.7}})}):null]})}exports.Badge=u,exports.Tag=f,exports.formatBadgeCount=s,exports.getBadgeText=d;

package/dist/Badge.d.ts

@@ -0,0 +1,96 @@
+import { PortableTextStyle, SizeValue, VNodeLike } from '@number10/jsx-core';
+import { PortableComponentPartialTheme } from './theme-types';
+export type BadgeTone = 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+export type BadgeVariant = 'solid' | 'soft' | 'outline';
+export type BadgeSize = 'small' | 'medium' | 'large';
+export interface BadgeToneColors {
+    backgroundColor: number;
+    softBackgroundColor: number;
+    borderColor: number;
+    textColor: string;
+    outlineTextColor: string;
+}
+export interface BadgeSizeConfig {
+    height: number;
+    padding: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    fontSize: number;
+    cornerRadius: number;
+    gap: number;
+    dotSize: number;
+}
+export interface BadgeFormatOptions {
+    count?: number;
+    maxCount?: number;
+}
+export interface BadgeProps {
+    /** Unique key for VDOM identification. */
+    key?: string | number | undefined;
+    /** Badge content. Use children for custom content, or label/count for text. */
+    children?: VNodeLike;
+    /** Text or number shown inside the badge. */
+    label?: string | number;
+    /** Numeric count. Values above maxCount render as maxCount+. */
+    count?: number;
+    /** Maximum count before compact overflow formatting is used. */
+    maxCount?: number;
+    /** Render as a compact status dot without text. */
+    dot?: boolean;
+    /** Semantic color tone (default: 'neutral'). */
+    tone?: BadgeTone;
+    /** Visual style variant (default: 'solid'). */
+    variant?: BadgeVariant;
+    /** Size preset (default: 'medium'). */
+    size?: BadgeSize;
+    /** Text style override for generated label/count content. */
+    style?: PortableTextStyle;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Alpha applied while disabled (default: 0.5). */
+    disabledAlpha?: number;
+    /** Explicit alpha/opacity (0 = transparent, 1 = opaque). */
+    alpha?: number;
+    /** Theme overrides. */
+    theme?: PortableComponentPartialTheme<'Badge'>;
+    /** Explicit width. */
+    width?: SizeValue | undefined;
+    /** Explicit height. */
+    height?: SizeValue | undefined;
+}
+export declare function formatBadgeCount({ count, maxCount }: BadgeFormatOptions): string;
+export declare function Badge(props: BadgeProps): VNodeLike;
+export declare function getBadgeText(props: Pick<BadgeProps, 'label' | 'count' | 'maxCount'>): string;
+export interface TagProps {
+    /** Unique key for VDOM identification. */
+    key?: string | number | undefined;
+    /** Badge content. */
+    children?: VNodeLike;
+    /** Text or number shown inside the tag. */
+    label?: string | number;
+    /** Selected/active tag state. */
+    selected?: boolean;
+    /** Semantic color tone (default: selected ? 'primary' : 'neutral'). */
+    tone?: BadgeTone;
+    /** Visual style variant (default: selected ? 'solid' : 'soft'). */
+    variant?: BadgeVariant;
+    /** Size preset (default: 'medium'). */
+    size?: BadgeSize;
+    /** Text style override. */
+    style?: PortableTextStyle;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Alpha applied while disabled (default: 0.5). */
+    disabledAlpha?: number;
+    /** Optional close/remove action. */
+    onRemove?: () => void;
+    /** Text used for the close affordance. */
+    closeLabel?: string;
+    /** Theme overrides. */
+    theme?: PortableComponentPartialTheme<'Tag'>;
+}
+export declare function Tag(props: TagProps): VNodeLike;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C;;;;;;;GAOG;AAEH,OAAO,EAGL,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAc,6BAA6B,EAAE,MAAM,eAAe,CAAA;AAO9E,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AACzF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;AACvD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEpD,MAAM,WAAW,eAAe;IAC9B,eAAe,EAAE,MAAM,CAAA;IACvB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IACrE,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACjC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mDAAmD;IACnD,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,gDAAgD;IAChD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,uCAAuC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uBAAuB;IACvB,KAAK,CAAC,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAA;IAC9C,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC7B,uBAAuB;IACvB,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAC/B;AAoFD,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAa,EAAE,EAAE,kBAAkB,GAAG,MAAM,CAKrF;AAqCD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,CA2FlD;AAMD,wBAAgB,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG,MAAM,CAI5F;AAMD,MAAM,WAAW,QAAQ;IACvB,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACjC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,mEAAmE;IACnE,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,uCAAuC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,6BAA6B,CAAC,KAAK,CAAC,CAAA;CAC7C;AAED,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,CA6E9C"}